@charset "utf-8";
/* CSS Document */

html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
	color:#333;
}
select {font-family:Arial, Helvetica, sans-serif;font-size:12px;}

div, table, a {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;*/
}

body { /*overflow-y: scroll*/ }
div {
	margin:0px;
	padding:0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
img { border:none; }
h1 {
	font-size:25px;
	font-weight:normal;
	margin:5px 0px;
	padding:5px 0px;
	text-transform:capitalize;
}
h2 {
	font-size:18px;
	font-weight:normal;
	margin:5px 0px;
	padding:5px;
}
h3 {
	font-size:16px;
	font-weight:normal;
	margin:5px 0px;
	padding:5px;
}

.break{ width:100%; clear:both; }
.border-bottom{ border-bottom: 1px dotted #333; }
.border-bottom-white{ border-bottom: 1px dotted #fff; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.border-bottom-white h1.ecofriendly, .border-bottom-white h1.nanomat, .border-bottom-white h1.econano, .border-bottom-white h1.draft {
	display:block;
	padding-right:210px;
	padding-bottom:0px;
	height:90px;
}
.border-bottom-white h1.ecofriendly{
	background:url(LOGO_ECOFRIENDLY_BIG.png) no-repeat right top;
}
.border-bottom-white h1.nanomat{
	background:url(LOGO_NANOMAT_BIG.png) no-repeat right top;
}
.border-bottom-white h1.econano{
	background:url(LOGO_ECOFRIENDLY_NANOMAT_BIG.png) no-repeat right top;
}
.border-bottom-white h1.draft{
	background:url(LOGO_DRAFT.png) no-repeat right top;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.cancelButton { cursor:pointer; }

#container{ width:1000px; min-height:100%; margin:0px auto; }

#header{
	clear:both;
	width:auto;
	margin:5px;
	height:100px;
	background:#ff9f06 url(../immagini/gradient.png) repeat-x top;
}
#header #logo{ float:left; margin-top:5px; }
#header #logout{ float:right; }

div.warningMessage {
	color:#f00;
	font-size: 13px;
	font-weight:bold;
	padding: 5px;
}

#greenMessageDiv {
	clear:both;
	background:#04B404;
	color:#fff;
	width:auto;
	padding:5px 10px;
	margin:5px;
	font-weight:bold;
}
#messageDiv {
	clear:both;
	background:#F00;
	color:#fff;
	width:auto;
	padding:5px 10px;
	margin:5px;
	font-weight:bold;
}
#positionDiv {
	clear:both;
	background:#333;
	color:#fff;
	width:auto;
	padding:5px 10px;
	margin:5px;
	/*text-transform:capitalize;*/
	text-transform:lowercase;
}

#materialsInfo sub { vertical-align:text-bottom; font-size:70%; }
#materialsInfo sup { vertical-align:text-top; font-size:70%; }

#materialsInfo table td.border-bottom-white h1:first-letter {
    text-transform: uppercase;
}
#positionDiv select{font-size: 9pt;margin: 0px;}
#positionDiv a, #materialsInfo a{
	display:inline-block;
	background:#fff;
	color:#333;
	text-decoration:none;
	padding:2px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#positionDiv.users a:hover{ background:#fc3; }
#positionDiv.projects a:hover{ background:#ccc; }
#positionDiv.materials a:hover, #materialsInfo a:hover{ /*background:#39f;*/background:#347fb8; color:#fff; }

#usersIndex, #projectsIndex, #usersList, #projectsList{
	width:470px;
	height:600px;
	margin:0px 5px 10px 5px;
	padding:0px 10px;
	position:relative;
	float:left;
	display: table;
}

.materialsIndex, #materialsList, #materialsInfo{
	width:970px;
	min-height:300px;
	margin:0px 5px 10px 5px;
	padding:0px 10px;
	position:relative;
	float:left;
}

#usersIndex { background:#FC3; }
#projectsIndex { background:#CCC; }
.materialsIndex, #materialsInfo { /*background-color:#39F;*/background-color:#347fb8; color:#FFF; }
.materialsIndex h2, #materialsInfo h2 {
	display:block;
	/*color:#39f;*/
	color:#347fb8;
	background:#ddecf4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#usersIndex table tr td, .materialsIndex table tr td, #projectsIndex table tr td{
	padding:5px;
	height:20px;
}

#usersIndex ul, #usersIndex li, .materialsIndex ul, .materialsIndex li, #materialsInfo ul, #materialsInfo li, #projectsIndex ul, #projectsIndex li{
	list-style:none;
	padding:0px;
	margin:0px;
}
#usersIndex li, #projectsIndex li{
	margin:0px 0px 10px 0px;
}
.materialsIndex li, #materialsInfo li{
	display:inline-block;
	width:175px;
	float:left;
	padding:2px;
}
#materialsInfo li{ padding-left:10px; }
.materialsIndex .break{ height:10px; }
.materialsIndex .caratteristiche, .materialsIndex .caratteristicheSmall, #materialsInfo .caratteristiche, #materialsInfo .caratteristicheSmall{
	background:#9cf;
	color:#333;
	width:305px;
	min-height:200px;
	margin:5px 2px 0px 0px;
	padding:5px 5px;
	/*float:left;*/
	display:inline-block;
	vertical-align:top;
}
.materialsIndex .caratteristiche h3, .materialsIndex .caratteristicheSmall h3, #materialsInfo .caratteristiche h3, #materialsInfo .caratteristicheSmall h3{
	display:block;
	width:auto;
	/*background:#2e85db;*/
	background:#347fb8;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.materialsIndex .caratteristiche li, .materialsIndex .caratteristicheSmall li, #materialsInfo .caratteristiche li, #materialsInfo .caratteristicheSmall li{
	display:inline-block;
	float:left;
	width:150px;
	padding:2px 0px;
}
.materialsIndex .caratteristicheSmall, #materialsInfo .caratteristicheSmall{ min-height:100px; }
.materialsInfoTitle{ font-size:18px; display:inline-block; padding:10px 10px 10px 0px; }
.materialsDescription{ display:inline-block; max-width:540px; vertical-align:top; margin-left:5px; margin-top:0; padding-top:0; }
.materialsInfoTxt { font-size:12px; display:block; padding:10px; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.materialsInfoTxt p{ margin:0 0 10px 0; padding:0; }
.materialsDescription p{ margin:-10px 0 10px 0; padding:0; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.materialsImage { float:left; margin:10px 15px 10px -10px; max-width:350px; }
.materialsImage img{ border:1px solid #fff; margin:5px; }
.materialsImage .materialsImageBig { max-width:100%; }
.materialsImage .materialsImageSmall { max-height:50px; }
.downloadBig img { border:none; } 
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*.datasheet {float: left;padding-left: 20px;width: 130px;} NUOVO STYLE INSIEME A .WIDGET (IN FONDO)*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
a.objnew {text-decoration: none;font-weight:bold;color:#000;}
a.objnew div div {font-size:17px;padding-top:75px;padding-left:85px;vertical-align: bottom;}
div.objnew {background-image: url("../immagini/objectNew.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.objedit {background-image: url("../immagini/objectEdit.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.objdel {background-image: url("../immagini/objectDelete.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.usrnew {background-image: url("../immagini/userNew.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.usredit {background-image: url("../immagini/userEdit.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.usrdel {background-image: url("../immagini/userDelete.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.prjnew {background-image: url("../immagini/projectNew.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.prjedit {background-image: url("../immagini/projectEdit.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.prjdel {background-image: url("../immagini/projectDelete.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.prjview {background-image: url("../immagini/projectView.png");background-repeat: no-repeat;width: 450px;height: 100px;}
div.matsearch {background-image: url("../immagini/materialSearchIMG.png");background-repeat: no-repeat;width: 450px;height: 100px;}
a.objnew div.matsearch div {font-size:17px;padding-top:75px;padding-left:125px;vertical-align: bottom;}


.newIndex {
	display:block;
	width: auto;
	background-color:#fff;
	color:#333;
	margin:20px 0px 10px 0px;
	padding:5px;
}
.newIndex:hover {
	background-color:#999;
}
.newIndexHalf {
	display:inline-table;
	width: 460px;
	background-color:#fff;
	color:#333;
	margin:20px 10px 10px 0px;
	padding:5px;
	float:left;
}
.newIndexHalf:hover {
	background-color:#999;
}
.newIndexHalf p{ 
	display:block;
	padding:10px;
}
.newIndexHalf div{ 
	display:block;
	font-size: 8px;
	font-weight: bold;
}
.newIndexHalf div a{
	text-decoration:none;
	display:block;
	width:auto;
	background-color:#CCC;
	color:#333;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.newIndexHalf div a:hover{
	background:#FFF;
}

#materialsInfo .newIndexHalf a:hover{ background:transparent; }


#usersList{ background:#fde18c; height: 536px;}
#projectsList{ background:#e5e3e3; }
#materialsList{ background:#9cf; }
#list{ padding:25px 0px; }

#list a{
	display:inline-block;
	width:auto;
	padding:5px;
	margin:0px 3px;
	background:#333;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#usersList .usersInfo, #projectsList .projectsInfo {width: 90%;}
#usersList .usersInfo, #projectsList .projectsInfo , #materialsList #materialsInfo{ padding:7px 0px; }
#material .projectsInfo { padding:1px 0px; }
#account .projectsInfo { padding:1px 0px; }


#usersList .usersInfo a, #projectsList .projectsInfo a{
	display:block;
	background:#fff;
	color:#333;
	text-decoration:none;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#materialsList #materialsThmb a{
	display:inline-block;
	width:205px;
	height:160px;
	background:#fff;
	color:#333;
	text-decoration:none;
	padding:10px;
	margin:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#materialsList #materialsThmb a img{
	display:block;
	margin-bottom:2px;
	width:100px;
	height:80px;
}
#materialsList #materialsThmb a.ecofriendly,
#materialsList #materialsThmb a.nanomat,
#materialsList #materialsThmb a.econano,
#materialsList #materialsThmb a.draft,
#materialsList #materialsThmb a{
	background-repeat:no-repeat;
	background-position:right top;	
}
#materialsList #materialsThmb a.ecofriendly{
	background-image:url(LOGO_ECOFRIENDLY.png);
}
#materialsList #materialsThmb a.nanomat{
	background-image:url(LOGO_NANOMAT.png);
}
#materialsList #materialsThmb a.econano{
	background-image:url(LOGO_ECOFRIENDLY_NANOMAT.png);
}

#materialsList #materialsThmb a.draft{
	background-image:url(LOGO_DRAFT.png);
}
#materialsInfo h2.draft, #materialsList #materialsThmb a.draft{
	background-color:#c00;
	color:#fff;
}
#materialsInfo h2.draft, #materialsList #materialsThmb a.draft:hover{
	background-color:#F00;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#usersList .usersInfo a:hover{ background:#fc3; }
#projectsList .projectsInfo a:hover{ background:#666; color:#fff; }
#materialsList #materialsThmb a:hover{ background-color:#39c; color:#fff; }

#usersList table, #projectsList table{ margin:20px 0px; }
#usersList table.materials{ margin:0px;width:100%;}
#usersList form, #projectsList form{ margin:30px 0px; }
#usersList h1, #projectsList h1{ margin-top:10px; }
#usersList form label, #projectsList form label{
	display:inline-block;
	padding:5px;
	width:85px;
	vertical-align:top;
}
#usersList label, #projectsList label{
	display:inline-block;
	padding:5px;
	width:85px;
	vertical-align:top;
}
.materialsIndex form label, #materialsList form label{
	font-size:14px;
	display:inline-block;
	padding:5px;
	width:135px;
	vertical-align:top;
}
.labelDx{ margin-left:50px; }


/*////////////////////////////////////////////
////	TOOLTIP	//////////////////////////////
////////////////////////////////////////////*/

/* tooltip styling */
.tooltip {
	display:none;
	/*background:#ccc url(../immagini/tooltip_white_medium.png) no-repeat left top;*/
	/* GRADIENT */
	background-image: -o-linear-gradient(#EEE,#BBB);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb));
	background: -moz-linear-gradient(top,  #eee,  #bbb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb');/**/
	
	/* SHADOW */
	-moz-box-shadow: 3px 3px 4px #555;
	-webkit-box-shadow: 3px 3px 4px #555;
	khtml-box-shadow: 3px 3px 4px #555;
	box-shadow: 3px 3px 4px #555;
	/* For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#555555')"; */
	/* For IE 5.5 - 7
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#555555'); */
	
	border:2px solid #fff;
	border-radius:10px;
	width:500px;
	/*min-height:240px;*/
	padding:10px 20px;
	font-size:11px;
	z-index:1000;
	color:#333;
}
.tooltip .tooltipLeft h2, .tooltip .tooltipRight h2{
	font-size:16px;
	display:block;
	max-width:465px;
	margin:10px 0px 15px 0;
}
.tooltip .tooltipLeft{
	/*width:250px;*/
	/*float:left;*/
}
.tooltip .tooltipLeft img{
	/*width:250px;*/
	/*float:left;*/
	display:block;
	background:#FFF;
	margin: 3px 5px 5px 0;
	float:left;
}
#materialsList #materialsThmb .tooltip a, #materialsList #materialsThmb .tooltip a:hover{background: none;width:auto;padding:0;height: auto;float:none;}
.tooltip p{text-align: left;}
.tooltip .tooltipLeft img{ border: 1px solid #fff; width:215px;max-height: 220px;}
.tooltip .tooltipRight{
	/*width:250px;*/
	/*float:left;*/
	/*margin-left:-25px;*/
}
.tooltip .tooltipRight b{
	font-size:16px;
	font-weight:normal;
}


/*////////////////////////////////////////////
////INFOTECH ENGINE///////////////////////////
////////////////////////////////////////////*/

div.d_foo {clear: both;width: 100%;}
div.d_foo td {width: 100%;color: #0b55c4;text-align: center;}
div.d_foo a:link, div.d_foo a:visited {color: #0b55c4;text-decoration: none;}
div.d_foo a:hover {text-decoration: underline;}

.hidden {display: none;}
.s_label {clear:both;float:left;margin-top: 5px;}
.s_label_2 {float:left;margin-top: 5px;}
.s_value {background-color:#fff;float:left;padding:3px;margin-top: 5px;border:1px solid #808080;color:#1A1A1A;min-height: 17px;}
.s_value_b {width:345px;}
.s_value_l {width:120px;}


span.pagebanner {font-size: 14px;-moz-border-radius: 5px 5px 5px 5px;}
span.pagelinks, span.pagebanner{
float:left;
clear:both;
    -moz-border-radius: 5px 5px 5px 5px;
    display: inline-block;
    font-size: 14px;
    margin: 0 3px;
    padding: 5px;
    text-decoration: none;
}
.pagelinks strong {
    background: none repeat scroll 0 0 #F00;
    color: #FFFFFF;
    -moz-border-radius: 5px 5px 5px 5px;
    display: inline-block;
    font-size: 14px;
    margin: 0 3px;
    padding: 5px;
    text-decoration: none;
}
.pagelinks a {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    -moz-border-radius: 5px 5px 5px 5px;
    display: inline-block;
    font-size: 13px;
    margin: 0 2px;
    padding: 1px;
    text-decoration: none;
}

#divMatPro, #divMatBuy, #divMatSell, #divMatIns {
	margin-top: 5px;
	clear: both;
}
#divMatPro input, #divMatBuy input, #divMatSell input, #divMatIns input{
	margin-top:10px; 
}


.ysearchautocomplete {position:relative;margin-bottom:1em;}/* set width of widget here*/
.ysearchautocomplete {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */
.ysearchinput {_position:absolute;width:100%;z-index:0;} /* abs for ie quirks */
.ysearchcontainer {position:absolute;top:1.7em;width:100%}
.ysearchcontainer .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
.ysearchcontainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
.ysearchcontainer ul {padding:5px 0;width:100%;}
.ysearchcontainer li {padding:0 5px;cursor:default;white-space:nowrap;}
.ysearchcontainer li.yui-ac-highlight {background:#ff0;}
.ysearchcontainer li.yui-ac-prehighlight {background:#FFFFCC;}
.yui-skin-sam .yui-ac-input { position:static;width:290px; vertical-align:middle;height: 18px;}
.yui-skin-sam .yui-ac-container { width:290px;left:0px;}
.AutoComplete { z-index:9001; }
/* buttons */
.yui-ac .yui-button {vertical-align:middle;}
.yui-ac .yui-button button {height:15px; background: url(http://developer.yahoo.com/yui/examples/autocomplete/assets/img/ac-arrow-rt.png) center center no-repeat }
.yui-ac .open .yui-button button {height:15px;background: url(http://developer.yahoo.com/yui/examples/autocomplete/assets/img/ac-arrow-dn.png) center center no-repeat}

#PropertyContainer div.yui-ac-content, #ProducerContainer div.yui-ac-content {max-height: 20em;overflow-x: hidden;overflow-y: auto;}
#PropertyInput {width: 18em;}

.yui-skin-sam #container .yui-ac-content li {margin:0;color:#000;width: 100%;}

#description_abs_langs, #description_langs, #descriptionshow_langs, #descriptionshow_abs_langs {
display: table;
position: relative;
width: 358px;
margin-bottom: 3px;
}

#long_description_langs {
	display: table;
	position: relative;
	width: 700px;
	margin-bottom: 3px;
}

#description_abs_langs textarea, #description_langs textarea {width: 98%;min-height: 20px;}
#descriptionshow_abs_langs .yui-content, #descriptionshow_langs .yui-content {min-height: 20px;}
#long_description_langs li,#description_langs li,#description_abs_langs li {float: none;width: auto;}

#long_description_langs textarea {width: 98%;height: 120px;}

#imageUploader {margin: 0px;float:left;border:1px solid black;display:table;width: 99%;}
#imageUploaderTmp {width: 280px;position: absolute;display:none;}

div.inp_container {width: 100%;}

div.imageTabMenu {position: absolute;left:-112px;width: 111px;}
.imageTabMenu li{float:none;}
.imageTabMenu ul{float:none;border:none;}
.imageTabMenu .yui-nav ul {position: absolute;}
.imageTabMenu .yui-nav li {cursor:pointer;display:block;vertical-align:bottom;width:110px;}
.imageTabMenu .yui-nav li a{cursor:pointer;display:block;vertical-align:bottom;width:110px;}
div.imgContainer {height: 200px;overflow:visible;}
div.imgElement {height:70px;width:110px; float: left;border: solid 5px #EDF5FF;}
div.selected {height:70px;width:110px; border: solid 5px lime;float: left;}
img.imgElement {height:60px;width:100px;border: solid 5px #EDF5FF;vertical-align: top; text-align: center;}
img.selected {height:60px;width:100px; border: solid 5px red;vertical-align: top;text-align: center;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#materialsGraphics{ display:inline-block; vertical-align:top; }
.widget {float:left;width:400px;margin-right:10px;}
.widget img{width:400px;border:1px solid white;}
#mygallery {float:left;clear:both;width:400px;margin:10px 10px 10px 0;}
.stepcarousel{position:relative;overflow:scroll;width:400px;height:80px; background:#9cf; padding:2px;}
.stepcarousel .belt{position:absolute;left: 0px;top: 0px;}
.stepcarousel .panel{float:left;overflow:hidden;margin:2px;width:102px;height:77px;}
.stepcarousel .panel a{border:none;}
.stepcarousel .panel img{width:100px;height:75px;border:1px solid white;}
.datasheet {float:left;margin:8px 10px 0 0;width:400px;clear: both; background:#9cf; padding:2px;}
#materialsInfo .datasheet a{ background:none; padding:3px; }
#materialsInfo .datasheet a:hover{ background:#fff; }
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*
.widget {clear:both;float: left;display:table;margin-right: 10px;height: 350px;}
.widget img{max-width: 350px;border:1px solid white;}
#mygallery {clear:both;float:left;margin-right: 10px;}
.stepcarousel{position: relative;overflow: scroll;max-width: 350px;min-width: 200px;height: 60px;}
.stepcarousel .belt{position: absolute;left: 0;top: 0;}
.stepcarousel .panel{float: left;overflow: hidden;margin: 5px;width: 57px;height: 57px;}
.stepcarousel .panel img{max-width: 50px;max-height: 50px;border:1px solid white;}
*/

h2 span {font-size: 14px;}

#OperatorEditContainer div.yui-ac-content, #MaterialEditContainer div.yui-ac-content, #AccountMaterialContainer div.yui-ac-content, #AccountContainer div.yui-ac-content, #MaterialContainer div.yui-ac-content {max-height: 20em;overflow-x: hidden;overflow-y: auto;}
#AccountMaterialInput, #AccountInput, #MaterialInput {width: 22em;}

div.newIndexHalf p {font-size: 25px;color: black;margin: 0px 0px 30px 0px;padding: 0px;}
div.newIndexHalf p img {margin-bottom: -10px;}
div.panel {border: 2px solid #3399ff;}

#OperatorEditInput, #MaterialEditInput { position:static;width:260px; vertical-align:middle;height: 18px;}


.listAdderDiv {height: auto;float:left;overflow:visible;width:100%;margin-bottom: 10px;}
#projectsList table.listAdderHeader {margin:0px;border-collapse: collapse;}
#OperatorEditAutoComplete table, #listAdderContainerOperatorEdit table, #MaterialEditAutoComplete table, #listAdderContainerMaterialEdit table{margin:0px;border-collapse: collapse;}

table.listAdderHeader th {width:150px;background-color:#CCC;border: 1px solid black;}
div.listAdderContainer td {background-color: #EEE;border: 1px solid black;}
div.listAdderContainer {width:100%;}
.listAdderDiv1 {float:left; height:150px; overflow:auto; width:100%;}
.listAdderDiv2 {float:left; height:70px; overflow:auto; width:100%; }
.listAdderDiv3 {float:left; height:auto;overflow:auto; width:100%;}
.listAdderDiv4 {float:left; height:75px; overflow:auto; width:100%; }
.listAdderHead td input {padding-right: 10px;}
.listAdderBottom {clear: both;float: left;}
.listAdderDiv3 table, .listAdderDiv table, #qmark table, #brand table {width:100%;}

div.listAdderContainer td.listAction {cursor:pointer;}
div.listAdderContainer td.listAction, table.listAdderHeader th.listAction {width: 49px;}
div.listAdderContainer td.listElement, table.listAdderHeader th.listElement {width: 249px}


#messageDiv span.warning {display: table;clear: both;}
span.readmore {white-space: nowrap;}
#materialsList #materialsThmb .readmore a, #materialsList #materialsThmb .readmore a:hover {margin: 0;padding: 0}
.highlight {background-color: yellow;color:black;font-weight: bold;}
#positionDiv div.navigation_btn {float:right;margin:0px 4px;}
#positionDiv div.navigation_btn a {color:white;display: inline;border: none;background-color: transparent;text-decoration: underline;cursor:pointer;}

#loginDiv{
	width:auto;
	min-height:300px;
	margin:0px 5px 10px 5px;
	padding:10px 0;
	position:relative;
	background:#039;
	color:#fff;
}
.border-bottom.white{ border-bottom: 1px dotted #fff; }
#header #logon{ float:right; }
.border-bottom-white h1 {text-transform: none;}
.warning li {color:#FFF;font-size: 13px;font-weight:bold;padding: 5px;}