/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

div.clearfix{
	clear:both;
}


/* layout*/
html {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
}
div#wrap {
	width: 860px ;
	margin: 0px auto;
	padding: 0px; border: 0px;
	background-color: #E9F1E2;
}
div#top-bar, div#header, div#navbar, div#content, div#footer{
	width : 100%;
	display : block;
	clear : both;
	margin:0; padding:0; border:0;
}

div#top-bar {
	height: 24px;
}
div#header{
	background: #397225;
	height : 80px;
}
/* navbar : barra di navigazione orizzontale*/
div#navbar {
	height: 30px ;
}

/* barra con la selezione della lingua */
div#top-bar {
	background: url('images/bg_topbar.jpg') transparent repeat-x top left;
	border-bottom: 1px solid #A5C7A8;
	text-align: right;
	font-size: 10px;
	color: #397225;
}

div#top-bar a  , a:visited  , a:link {
	text-decoration: none;
	color: #397225;
}

div#top-bar a:hover {
	text-decoration: underline;
}

div#top-bar div.login {
	width: 60%;
	text-align: left;
	float: left;
	padding: 4px;
}

div#top-bar .login input {
	border: 1px inset #A5C7A8;
	background-color: #F8F8F8;
	font-size: 10px;
	padding: 1px;
	margin: 0px;
}

div#top-bar input.noborder {
	position: absolute;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
div#top-bar div#langbar{
	width : 30%;
	padding : 4px;
	float : right;
}

/* formato del logo */
div#logo {
	width: 220px;
	padding : 4px 12px;
}

div#logo a img {
	border: 0;
}

/* header
div#header {
	margin: 0px;
	background-color: #397225;
	border-top: 1px solid #A5C7A8;
	border-bottom: 8px solid #FFF;
}*/

/* div che contiene il payoff*/
#pay-off {
	font-size: 18px;
	color: #E9F1E2;
}

#company-name {
	color: #F07532;
}

#company-name  , #pay-off {
	width: 40%;
	margin-left: 15px;
}

/* linguette del menu */
div#navbar{
	background: url('images/bg_navbar.png') transparent repeat-x top left;
	border-bottom: 1px solid #397225;
	border-top : 1px solid #E9F1E2;
	background: #cfdec6;
}
div#navbar ul.menu{
	font-size : 12px;
	margin : 0 8px;
	list-style: none;
}
div#navbar ul.menu li.menuitem{
	display : block;
	float : left;
	height : 25px;
	padding-top : 5px;
}
div#navbar ul.menu li.menuitem div{
	display : block;
	float : left;
	height : 25px;
	background: url('images/tab_lo_r.png') transparent no-repeat top right;
}
div#navbar ul.menu li.menuitem div div{
	display : block;
	float : left;
	height : 25px;
	background: url('images/tab_lo_l.png') transparent no-repeat top left;
	margin-right : 8px;
}
div#navbar ul.menu li.current.menuitem div {
	background: url('images/tab_orange_r.png') transparent no-repeat top right;
}
div#navbar ul.menu li.current.menuitem div div{
	background: url('images/tab_orange_l.png') transparent no-repeat top left;
}

div#navbar ul.menu li.menuitem div div a{
	display : block;
	height : 18px;
	margin : 0 1em ;
	padding-top : 6px;
	color: #397225;
	text-decoration: none;
}

div#navbar ul.menu li.menuitem.current a{
	color: #E9F1E2;
	font-weight: 900;
}
div#navbar ul.menu li.menuitem div div a:hover{
	color: #F07532;
}




/* la banda che contiene le select */
#searchbox {
	height: 50px;
	background: url('images/bg_searchbox.png') transparent repeat-x top left;
	border-top: 2px solid #E9F1E2;
	border-bottom: 1px solid #A5C7A8;
	color: #E9F1E2;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	vertical-align: middle;
}

#searchbox label {
	color: #E9F1E2;
}

#searchbox input {
	color: #397225;
}

/* redifinizione degli input */ /* listbox */
.coollist {
	margin-left: .5em;
	margin-right: 1.5em;
	border: 1px inset #A5C7A8;
	background-color: #F8F8F8;
	color: #397225;
}


/* contenuto */
div#content{
	background: #E9F1E2;
}

/*
block : un blocco orizzontale di contenuto
raggruppa tipicamnete un blocco di testo e 1 , 2 o 4 immagini
*/
.block {
	width: 860px;
	padding: 0px;
	margin: 0px;
}

.left-content,.right-text {
	float: left;
	clear: left;
	width: 378px;
	width: 478px;
	min-height: 150px !important;
	font-size: 14px;
	color: #397225;
	background-color: #F8F8F8;
	border: 8px solid white;
	margin: 8px 0px 0px 8px;
}

.left-content p,h3,table {
	margin: 1em 15px;
	letter-spacing: 1px;
}

.left-content a  , .left-content a:visited  , .left-content a:link  ,
	.right-picture a,.right-picture a:visited,.right-picture:link a {
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: 800;
	color: #F07532;
	position: relative;
	bottom: .5em;
	right: .5em;
}

.left-content a:hover,.right-picture a:hover {
	text-decoration: underline;
}

.left-content a {
	text-align: right;
}

/* left content a doppia altezza */
.double {
	min-height: 324px !important;
}

/* left content a larghezza maggiorata */
.larger {
	width: 552px;
	width: 652px;
}

/* container per immagini sulla destra */
.right-picture {
	width: 356px;
	display: block;
	float: left;
	clear: right;
}

.right-text {
	width: 326px;
	width: 296px;
	padding: 0px 15px;
}

.right-text a {
	text-align: left;
	margin-left: 5px;
}

.right-text p {
	margin-bottom: .25em;
}

/* immagini bordate */
.thumb {
	display: inline;
	text-align: center;
	color: #445C19;
	float: left;
	margin: 8px 0px 0px 8px;
}

.thumb img {
	border: 8px solid white;
}

.caption {
	font-weight: 900;
	color: #445C19;
}

.error {
	color: #F00;
}

/* contatti */
div#sales_org h4{
	font-weight: bold;
	margin: 4px 0 2px 0;
}
div#sales_org h5{
	font-weight: bold;
	margin: 4px 0 2px 0;
}
/* scheda tecnica */
table.scheda {
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px;
	padding: 0px;
	color: #445C19;
	background-color: #FFF;
}

.scheda td {
	width: 50%;
	vertical-align: top;
	text-align: left;
	border: 1px solid #A5C7A8;
	padding: 0px 10px;
}

.scheda p {
	margin-bottom: 0.5em;
	padding: 0px;
	font-size: 11px;
	font-weight: 900;
}

/* datasheet : tabella che contiene solo dati */
table.datasheet {
	width: 100%;
}

.datasheet {
	margin-top: 8px;
	font-size: 10px;
	border-collapse: collapse;
	empty-cells: show;
	float: left;
	clear: left;
}

.datasheet td {
	border: 1px solid #618423;
	padding: 1px 0.25em;
}

.datasheet th {
	background: url('images/bg_th.jpg') #E9F1E2 repeat-x top left;
	font-size: 11px;
	font-weight: 900;
	text-align: center;
	padding: 0.25em;
	border-left: 1px solid #A5C7A8;
	border-right: 1px solid #A5C7A8;
	color: #397225;
}

.datasheet a {
	color: #F07532;
}

.datasheet a img {
	border: 0px;
}

.maggiorata td {
	font-size: 13px;
}

#side_view  , #top_view {
	display: block;
	clear: left;
}

div#top_view {
	width: 100px;
}

/* classe x il box "scarica pdf" */
div.download{
	float: right; 
	vertical-align: text-top;
	margin-top: 16px;	
	display:block; 
	background: #E9F1E2; 
	padding: 10px; 
	border: 1px solid #CCC;	
}

.download img {
	float: left;
	clear: both;
	padding: .5em;
	position: absolute;
}

.download a {
	font-weight: 900;
	color: #F07532;
}

.download a:hover {
	text-decoration: underline;
}

.download a img {
	border: 0px;
}

.download p {
	font-size: 14px;
	padding-left: 50px;
	width: 100px;
	height: 50px;
	color: #397225;
}
.download p.filesize{
	padding : 0 4px;
	width : auto; height: auto;
	font-size: 12px;
	font-weight: normal;
	clear:both;
}

#footer {
	text-align: center;
	background-color: #F8F8F8;
	margin-top: 8px;
	border-top: 8px solid white;
	border-bottom: 8px solid white;
}

/* copyright */
#copy  , #credits {
	color: #397225;
	font-size: 10px;
	padding-left: 31px;
}

#credits a {
	color: #F07532;
}

#credits a:hover {
	text-decoration: underline;
}

/* finestra di allarme x download*/
.alarmwindow {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.alarmwindow a {
	font-size: 12px;
}


/* CONFIGURATORE */
/* linguette del menu del configuratore*/
div#cfg_navbar{
	background: url('images/bg_cfg_navbar.png') transparent repeat-x top left;
	border-bottom: 1px solid #397225;
	border-top : 1px solid #E9F1E2;
	clear : both;
	height : 30px;
}
div#cfg_navbar ul.menu{
	font-size : 12px;
	margin : 0;
	list-style: none;
}
div#cfg_navbar ul.menu li.menuitem{
	display : block;
	float : left;
	height : 30px;
}
div#cfg_navbar ul.menu li.menuitem div{
	display : block;
	float : left;
	height : 30px;
	background: url('images/bg_cfg_navbar.png') transparent repeat-x top left;
}
div#cfg_navbar ul.menu li.menuitem div div{
	display : block;
	float : left;
	height : 30px;
	background: url('images/bg_cfg_navbar_l.png') transparent no-repeat top left;
}

div#cfg_navbar ul.menu li.menuitem div div a,
div#cfg_navbar ul.menu li.menuitem div div div{
	background : none;
	display : block;
	height : 18px;
	margin : 0 0 0 20px ;
	padding-top : 8px;
	padding : 8px 8px 0 8px;
	text-decoration: none;
	color : #888;
}
div#cfg_navbar ul.menu li.menuitem div div a{
	color: #397225;
}
div#cfg_navbar ul.menu li.menuitem.current a,
div#cfg_navbar ul.menu li.menuitem.current div{
	color: #333;
	font-weight: 900;
}
div#cfg_navbar ul.menu li.menuitem div div a:hover{
	color: #F07532;
}

/* config intro */
div#config_intro{
	padding :8px;
	margin : 8px;
	background : #F8F8F8;
	border : 8px solid white;
}
div#config_intro h2{
	color : #397225;
	font-weight : bold;
	display : block;
	float : left;
}
div#config_intro h2 span.step_no{
	background : url('images/bg_number.gif') transparent no-repeat 50% 50%;
	line-height : 32px;
	padding : 10px 15px;
}

/* config status */
div#config_status{
	padding :8px;
	margin : 8px;
	display : block;
	border : 2px solid green;
	background : white;
}
div#config_status div#grp_info{
	width : 40%;
	float : left;
}
div#config_status div.cfg_status_extra{
	display : block;
	float : left;
	width : 60%;
}

div.cfg_buttons{}

/* selezione modello */
div.sel_model {
	display: block;
	width : 48%;
	margin : 8px ;
	float : left;
}
div.sel_model a{
	display :block;
	border  :8px solid white;
	background: #F8F8F8;
}
div.sel_model a:hover{
	border-color : #F07532;
}
div.sel_model img{
	vertical-align : middle;
	padding : 8px;
}
div.sel_model span.model_name{
	font-size :20px;
	font-weight : bold;
}
/* selezione gruppi */
div.sel_grp{
	margin : 10px 0;
}
div.sel_grp_serie{
	margin : 0 8px;
	display: block;
	clear: both;
}
div.sel_grp_serie_label{
	padding :4px 1em;
	font-weight  :bold;
	display : block;
	float : left;
}
div.sel_grp_group{
	display : block;
	float : left;
	margin: 0;
}
div.sel_grp_group a{
	background: #F8F8F8;
	display : block;
	border: 4px solid #FFF;
	margin : 4px;
	padding :4px 1em;
}
div.sel_grp_group span{
	background: #F8F8F8;
	display : block;
	border: 4px solid #FFF;
	color : #666;
	margin : 4px;
	padding :4px 1em;
	cursor: pointer;
}
div.sel_grp_group a:hover{
	border-color: #F07532;
}
/* configurazione elementi */
table.cfg_elements {
	empty-cells: show;
	border-collapse: separate;
	border-spacing: 2px;
	background : #CCC;
	border : 2px dashed red;
	float : left;
	width : 820px;
}
div.finalize_btn_div{
	/*border : 1px solid blue;*/
}
table.cfg_elements.config_complete{
	border : 2px solid green;
}
table.cfg_elements th {
	padding : 4px;
	text-align : center;
	background: url('images/bg_searchbox.png') transparent repeat-x top left;
	font-size : 12px;
	color : #CCC;
	font-weight : bold;
}
table.cfg_elements td {
	padding :4px;
	background : #FFF;
}
td.cfg_row_image{
	text-align: center;
}
table.cfg_elements td.cfg_row_image {
	text-align: center;
	border : 2px dashed red;
	width : 260px;
}
table.cfg_elements tr.row_complete td.cfg_row_image {
	border : 2px solid green;
}
table.cfg_elements tr select{
	border : 1px solid red;
}
table.cfg_elements tr.row_complete select{
	border : 1px solid green;
}
table.cfg_elements div.delete_cfg_row{
	cursor:pointer;
	background: transparent url(images/delete.png) no-repeat center center;
	width:22px;height:22px;
}
table.cfg_elements div.moveup_cfg_row{
	cursor:pointer;
	background: transparent url(images/1uparrow.png) no-repeat center center;
	width:16px;height:16px;
}
table.cfg_elements div.movedn_cfg_row{
	cursor:pointer;
	background: transparent url(images/1downarrow.png) no-repeat center center;
	width:16px;height:16px;
}

table.cfg_items tr.forced_row td {
	font-weight: bold;
}
table.cfg_items tr.missing td {
	color : #F00;
	font-weight: bold;
}

/* navabar del configuratore */

div#config_navbar{
	font-size : 10px;
	float: right;
	text-align: right;
	padding: 0;
}

table.toolbar    		 { border-collapse: collapse; padding: 0; margin: 0;	 }
table.toolbar td 		 { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; }
table.toolbar td.spacer  { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }

table.toolbar span { float: none; width: 32px; height: 32px; margin: 0 auto; display: block; }

table.toolbar a {
   display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
}
table.toolbar a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #F07532;
}


.make_quote_btn		{ background: url('images/distinta.png') 	no-repeat 50% 50% ;}
.finalize_btn		{ background: url('images/calc_distinta.png')	no-repeat 50% 50% ;}
.force_btn			{ background: url('images/force_normal.png')	no-repeat 50% 50% ;}
.recalc_btn			{ background: url('images/rebuild.png')		no-repeat 50% 50% ;}
.make_quote_btn		{ background: url('images/view_detailed.png') 	no-repeat 50% 50% ;}
.make_pdf_quote_btn	{ background: url('images/pdf.png') 		no-repeat 50% 50% ;}
.make_cvs_quote_btn	{ background: url('images/get_csv.png') 	no-repeat 50% 50% ;}
.set_customer_btn	{ background: url('images/edit_user.png') 	no-repeat 50% 50% ;}
.save_quote_btn		{ background: url('images/filesave.png') 	no-repeat 50% 50% ;}
.request_quote_btn	{ background: url('images/mail_get.png') 	no-repeat 50% 50% ;}
.previous_step_btn	{ background: url('images/back.png') 		no-repeat 50% 50% ;}
.new_config_btn		{ background: url('images/mail_new.png') 	no-repeat 50% 50% ;}
.order_now_btn		{ background: url('images/order_now.png') 	no-repeat 50% 50% ;}
.manual_btn			{ background: url('images/man.png') 	no-repeat 50% 50% ;}

.disabled .finalize_btn 		{ background: url('images/calc_distinta_lo.png') 	no-repeat 50% 50% ;}
.disabled .request_quote_btn	{ background: url('images/mail_get_lo.png') 	no-repeat 50% 50% ;}
.disabled .order_now_btn		{ background: url('images/order_now_lo.png') 	no-repeat 50% 50% ;}

/* finalize and quotation*/
div#cfg_finalize{
	border : 2px solid green;
	margin : 10px;
	background : #FFF;
}
div#cfg_quotation{
	border : 2px solid green;
	margin : 10px;
	padding  :20px;
	background : #FFF;
}
div#quotation_header{
	display : block;
	width : 100%;
	clear : both;
	margin-bottom : 20px;
}
div#quotation_logo{
	display : block;
	float : left;
	width : 40%;
}
div#quotation_title{
	margin-top : 10px ;
	font-size : 18px;
	font-weight : bold;
	color : #333;
}
div#quotation_date{
	font-size : 12px;
}
div#quotation_logo div#company_name{
	font-size : 12px;
}
div#quotation_logo div#company_address{
	font-size : 11px;
}

div#quotation_customer{
	display : block;
	float : right;
	width : 40%;
	border : 1px dashed green;
	font-size : 12px;
	padding : 1em;
}
div#quotation_customer div#customer_name{
	font-size : 14px;
	font-weight : bold;
}
div#quotation_customer div#customer_address{
	font-size : 14px;
}
div#quotation_body{
	border-top : 2px solid green;
}
table#cfg_assembly_info{
	font-weight  :bold;
	width : 100%;
}
table#cfg_assembly_info th{
	font-size : 11px;
}
table#cfg_assembly_info td{
	vertical-align: top;
}
table#cfg_assembly_info td.cfg_assy_lead_time{
	font-size : 12px;
}

span.cfg_fld_label{
	display : block; float : left;
	width : 70px;
	text-align: right;
}
div#customer_selector{
	clear:both;
}
div#cfg_client_ref{
	clear:both;
	margin-top: 6px;
}
input#client_reference,
input#request_note{
	/* match with autocomplete gadget witdh */
	width: 384px;
}

div#cfg_quotation caption{
	font-size : 11px;
	margin : 0; padding : 0;
}
div#cfg_items{
	float : left;
	width : 49%;
}
table.cfg_items{
	width : 380px;
	border : 1px solid silver;
	margin-left : auto;
	margin-right : auto;
}
table.cfg_items th{
	border : 1px solid silver;
	font-weight : bold;
	font-size :10px;
	padding : .25em;
}
table.cfg_items td{
	font-size : 12px;
	padding : .25em;
	border : 1px solid silver;
}
table.cfg_items td img{
	text-align : center;
}

div#quotation_footer{}
div#quotation_toc{
	font-size : 11px;
}

/* download */
div#cfg_download{
	float : left ;
	margin : 0px 14px 14px 14px;
	padding:8px;
	clear : both;
	width:363px;
	border: 1px solid silver;
}
div#cfg_download div#dl_zip{
	width: 210px;
}
div#cfg_download div#dl_zip_head{
	font-size : 11px;
	font-weight: bold;
	color : #397225;
	margin-bottom : 4px;
}
div#dl_assy{
	width:378px;
	display: block;
	padding-bottom:14px;
}
div#dl_btn img{
	float:left;
	display: block;
	clear:none;	
}
div#dl_btn{
	clear:none;	
	float:left;
	display:block;
	width:42px;
	height:42px;	
}
div#dl_chooser{
	padding-left: 10px;
	float:left;
	display: block;
	width:300px;
	font-size: 12px;	
}
div#dl_chooser input[type="radio"]{
	margin: 0 10px 0 5px; 	
}
div#dl_chooser select{
	font-size: 12px;
	margin : 5px 0;	
	width:250px;
}
p.dl_notice{
	font-size:12px;	
	width: 350px;
}
textarea#dl_log{
	font-size: 12px;	
}
.dl_status{
	border:none;
	overflow: hidden;
	margin:0;
	padding:0;	
}
#dl_spinner{
	float:left;	
}
textarea#dl_log{
	margin-top: 5px;
	float:left;	
	border: 0;
	overflow: hidden;
}
/* TODO  classe di utilita generica , mettila da un altra parte */
div#cfg_download div.error, .error{
	background: url('images/stop.png') #FFF no-repeat 4px 8px;
	padding : 8px 8px 8px 50px;
	font-size : 14px;
	clear : both;
	border-top : 2px solid #de7a7b;
	border-bottom : 2px solid #de7a7b;
	display : block;
	min-height : 32px;
}
.notice{
	background: url('images/info.png') #FFF no-repeat 4px 8px;
	padding : 8px 8px 8px 50px;
	font-size : 14px;
	clear : both;
	border-top : 2px solid #84a7db;
	border-bottom : 2px solid #84a7db;
	display : block;
	min-height : 32px;
}
div#cfg_download a.download{
	background: url('images/bg_download_btn.jpg') transparent no-repeat 0 0;
	display : block; float : left;
	height : 50px;
	width : 50px;
	padding-left : 50px;
	font-size : 12px;
	color : #333;
}
div#cfg_download a.download span.filesize{
	clear:both;
	display : block;
}


/* drawings */
div#cfg_quotation div#cfg_drawing,
div#cfg_finalize div#cfg_drawing{
	float : right;
	width : 49%;
	padding: 0px;
}
/*
div#cfg_quotation div#cfg_drawing{
	float : left;
}
*/
table.cfg_drawing{
	margin-left : 0px;
	margin-right : 0px;
	border-collapse: collapse;
	background : #FFF;
	border : 1px solid silver;
	float : left;
}
table.cfg_drawing thead td{
	font-size : 11px;
	font-weight: bold;
	padding : 8px .25em;
}
table.cfg_drawing tfoot td{
	padding : 8px .25em;
	font-style: italic;
}
table.cfg_drawing td{
	font-size : 10px;
	padding : 0 .5em;
}


/* autocomplete CSS */
/* styles for entire widget */
.yui-skin-sam .yui-ac {
    font-family:arial;font-size:100%; float :left; clear : right;
}

/* styles for input field */
.yui-skin-sam .yui-ac-input {
    position:absolute;width:100%;
}

/* styles for results container */
.yui-skin-sam .yui-ac-container {
    position:absolute;width:100%;
}

/* styles for header/body/footer wrapper within container */
.yui-skin-sam .yui-ac-content {
    position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;
}

/* styles for container shadow */
.yui-skin-sam .yui-ac-shadow {
    position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity: 0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;
}

/* styles for results list */
.yui-skin-sam .yui-ac-content ul{
    margin:0;padding:0;width:100%;
}

/* styles for result item */
.yui-skin-sam .yui-ac-content li {
    margin:0;padding:2px 5px;cursor:default;white-space:nowrap;
}

/* styles for prehighlighted result item */
.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight {
    background:#B3D4FF;
}

/* styles for highlighted result item */
.yui-skin-sam .yui-ac-content li.yui-ac-highlight {
    background: #397225; color:#FFF;
}
/* style to give afed back about changed input box */
.highlight-input{
	border : 2px solid green;
}

/* styles for this implementation */
#autocomplete {
    width:24em; /* set width for widget here */
}