/** Author: Bertelli Leonardo, Varsistemi **/
/************* COLOR ************** /
/* Per modificare colori di base cercare "mycolor" 
anche negli style personalizzati per explorer.
Correggere anche l'immagine per il titolo*/
/************* LAYOUT WIDTH ************** /
/*LA LARGHEZZA DEL CONTENUTO (BODY) e' impostata:
1) nella classe xspPanelMain
2) la xspPanelPlaceBar (barra menù) ha larghezza fissa
3) la classe xspPanelframe deve avere
una min-width uguale al body + i margini della xspPanelPlaceBar (0px)
4)le larghezze delle 3 colonne del layout vengono passate come custom
properties, la somma della larghezza delle 3 colonne
più il padding deve essere uguale alla larghezza totale
5) la classe xspMenuBar definische la larghezza del menù principale
/*larghezza colonna centrale (600) + margini o padding
6) La larghezza delle colonne all'interno del content (homeContent),
uguale layout centrale, tenendo conto di margini e bordi*/

html {
    overflow-y: scroll;
}

/*Required or Invalid field e error message*/
[aria-invalid=true] { border: 2px solid red}
.xspMessage{
	margin-left:7.0px;
	background-color: #fff799;
    border: 1px solid #ffcd04;
    padding:2px;
    float:left;
}
.xspHtmlMsg{
	font-weight: bold;
	padding: 1px 5px 1px 5px;
	margin: 1px;
	background-color: #FFF799;
    border: 1px solid #FFCD04;
}
.xspHtmlAllMsg{
	font-weight: bold;
	padding: 3px 3px 3px 20px;
	background-color: #FFF799;
    border: 1px solid #FFCD04;
	margin: 3px 0 7px 0;
}
.xspError{
	clear: both;
	float:left;
	/*padding-top: 5px;*/
}
/*FINE Required or Invalid field e error message*/

.informal{
	
}

.threeColCheckboxGroup { display: inline; width: 710px;}
.threeColCheckboxGroup td { float: left; width: 230px; }

.sixColCheckboxGroup { display: inline; width: 570px;}
.sixColCheckboxGroup td { float: left; width: 90px; }

.pGooglemap {
   clear:both;
   margin:23.0px 3px;
   background-color: #F8F8F8;
   padding: 13px;
}

.feedback {
    position: fixed;
    right: -29px;
    top: 153px;
    transform: rotate(-90deg);
    z-index: 5;
}

.feedback a {
    background-color: #287bbc;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF287BBC', endColorstr='#FF23639A');
    background-image: -webkit-linear-gradient(top, #287bbc 0%,#23639a 100%);
    background-image: -o-linear-gradient(top, #287bbc 0%,#23639a 100%);
    background-image: -moz-linear-gradient(center top , #287bbc 0%, #23639a 100%);
    background-image: linear-gradient(top, #287bbc 0%,#23639a 100%);
    border-color: #1b5480;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    overflow: visible;
    padding: 0 10px;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    vertical-align: middle;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    white-space: nowrap;
    width: auto;
}

.feedback a.hover, .feedback a:hover, .feedback a.focus, .feedback a:focus{
	background-color: #2672ae;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2672AE', endColorstr='#FF1E4F7E');
    background-image: -webkit-linear-gradient(top, #2672ae 0%,#1e4f7e 100%);
    background-image: -o-linear-gradient(top, #2672ae 0%,#1e4f7e 100%);
    background-image: -moz-linear-gradient(center top , #2672ae 0%, #1e4f7e 100%);
    background-image: linear-gradient(top, #2672ae 0%,#1e4f7e 100%);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

/*Alert listino No default*/
.divNoDefault{
    background-color: #fff799;
    border: 1px solid #ffcd04;
    float: left;
}

/*FIELD*/
.xspFieldCombo{
	color: #999999;

}
.xspRadioButton{
	margin: 0;
	padding: 3px 0 0 0;
	font-weight: normal;
}
.xspFascia{
	margin: 3px 0 3px 20px;
	padding: 0;
	width: 50px;
}

.lotusForm td label {
    font-weight: normal!important;
}
.dijitTextBoxHover{
	background-color: #E5F2FE !important; 
	border-color: #759DC0;
	transition-duration: 0.25s;
}
.dijitTextBoxFocused, .dijitComboBoxFocused{background-color: #FFFFFF !important; border: 1px solid #FF0000 !important}
.dijitTextBoxHover, .dijitTextBoxFocused{background-image: linear-gradient(rgba(127, 127, 127, 0.2) rgba(127, 127, 127, 0) 2px);}

/*Pager mobile*/
.xspPagerNav{
	padding-right: 23px !important;
}

/*contextual help*/
.chelp{
	background-color:#FFFFFF;
	margin-bottom:5px;
}

.chelp .lefthelp{
	width:28px;
}

.chelp .centerhelp{
	font-size: 8pt;
	color: #AEAEAE;
	width:100%
}

.chelp righthelp{
	width:28px;
}

/* layout utils */
.xspLeft{float:left;}
.xspRight{float:right;}
.xspClear{clear:both;}
.xspField{margin: 0 7px 0 7px;}
.xspPadding{padding: 3px;}

/*Required fields*/
.xspRqr{color:rgb(128,128,128);font-size:8pt;font-weight:bold; margin-right:3px;}


/*Opacity*/
.xspOpacity{}
.xspOpacity:hover{	
	
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    
}

.charcount { /*i campi della tabella*/
   padding: 0 0 9px 0;
   text-align: right;
   color: #808080
}

/*Unselected tab*/
.xspUnTab{
	background-color: #727272!important;
}

/* Links */
a.xspLinkAction:link, a.xspLinkAction:visited{font-weight:bold;color:#1A8EE6;margin:0px 5px 0px 5px;}
a.xspLinkAction:hover, a.xspLinkAction:focus{border-bottom-color:#1A8EE6;color:#1A8EE6;border-bottom-style:solid;border-bottom-width:1px;text-decoration:none;}
a.xspLinkAll:link, a.xspLinkAll:visited, a.xspLinkAll:hover, a.xspLinkAll:focus, 
a.xspLinkAll:active, a.xspLinkFileDownload:link, a.xspLinkFileDownload:visited, 
a.xspLinkFileDownload:hover, a.xspLinkFileDownload:focus, a.xspLinkFileDownload:active{
	font-weight:normal;
	text-decoration:none;
	padding: 0 5px 0 5px;
	color:#1574B9 !important;
}

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

a.xspLinkAllRed:link, a.xspLinkAllRed:visited, a.xspLinkAllRed:hover, a.xspLinkAllRed:focus, 
a.xspLinkAllRed:active{
	font-weight:normal;
	text-decoration:none;
	padding: 0 5px 0 5px;
	color:rgb(193,0,0) !important;
	font-weight: bold;
}

a.xspLinkAllRed:hover{text-decoration:underline;}
/*Border*/
.xspBorderTop{border-top:  1px solid #D3D3D3 !important;}
.xspBorderBottom{border-bottom:  23px solid #EEEEEE !important;}

/* separators */
.xspTextLargeSeparator{margin-left:5px;margin-right:5px;color:#CCCCCC;font-weight:normal;vertical-align:text-bottom;}
.xspTextMediumSeparator{margin-left:3px;margin-right:3px;color:#CCCCCC;font-weight:normal;font-size:9pt;}
.xspTextSmallSeparator{margin-left:3px;margin-right:3px;color:#CCCCCC;font-weight:normal;font-size:8pt;}

/* Alternate row */
/*mycolor*/
.even {background-color: #FFFFFF;}
.even:Hover {background-color: #FFDD99;}
.odd {background-color: #F8F8F8}
.odd:Hover {background-color: #FFDD99;}
.rigaNoEv {background-color: red;color:black;}
.rigaNoEv:Hover {background-color: #FFDD99;color:black;}

/*Button*/
.mgrButtonLeft{margin-left:17px!important}
.comButton{color:#ffffff;font-weight:normal;cursor: pointer;}
.silverButton{
	border:1px solid #595959;
	height:1.8em;
	margin-right:3px;
	margin-left:3px;
	padding:0px 3px;
	background:url(./buttonSilver.gif) top left repeat-x;
}
.blueButton{
	border:1px solid #999999;
	height:1.8em;
	margin-right:3px;
	margin-left:3px;
	padding:0px 3px;
	background:url(./buttonBlue.gif) top left repeat-x;
}
.searchButton{
	border:1px solid #999999;
	height:20px;
	margin-right:3px;
	margin-left:3px;
	padding:0px 3px;
	background:url(./buttonBlue.gif) top left repeat-x;
}
.greenButton{
	border:1px solid #999999;
	height:1.8em;
	margin-right:3px;
	margin-left:3px;
	padding:0 3px;
	background:url(./buttonGreen.gif) top left repeat-x;
}
.procediButton{
	font-weight: bold;
	border:1px solid #999999;
	color:#ffffff;
	width: 100px;
	margin-right:3px;
	margin-left:1px;
	padding:0 3px;
	background:url(./buttonGreen.gif) top left repeat-x;
}

.redButton{
	border:1px solid #999999;
	height:1.8em;
	margin-right:3px;
	margin-left:3px;
	padding:0px 3px;
	background:url(./buttonRed.gif) top left repeat-x;
}
.yellowButton{
	border:1px solid #999999;
	height:1.8em;
	margin-right:3px;
	margin-left:3px;
	padding:0px 3px;
	background:url(./buttonYellow.gif) top left repeat-x;
}
.orangeButton{
	border:1px solid #999999;
	height:1.8em;
	margin-right:3px;
	margin-left:3px;
	padding:0px 3px;
	background:url(./buttonOrange.gif) top left repeat-x;
}
.loginButton{
	font-weight: bold;
	font-size:16px;
	border:1px solid #848400;
	height:2em;
	width:100px;
	margin-right:11px;
	margin-left:3px;
	padding:0 3px 3px 3px!important;
	background:url(./buttonOrange.gif) top left repeat-x;
}
/*FINE Button*/

/*Product*/
.dojoxLightbox {
   overflow: hidden !important;
}
.LightboxNext, .LightboxPrev, .LightboxClose {
	padding-left: 13px;
	height: 32px !important;
	width: 35px !important;
}
.claro .LightboxPrev, .nihilo .LightboxPrev, .tundra .LightboxPrev {
    background: url("./prev32.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
}
.claro .LightboxNext, .nihilo .LightboxNext, .tundra .LightboxNext {
    background: url("./next32.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
}
.claro .LightboxClose, .nihilo .LightboxClose, .tundra .LightboxClose {
    background: url("./close32.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
}
.dojoxLightboxFooter {
    height: 30px !important;
    margin-top: 4px !important;
}
.imgProduct{
	width: 360px;
	height: 345px;
	border: 2px solid #484848;
	background-color: #FFFFFF;
}
.textProduct{
	min-height:  323px;
	width: 350px;
	margin: 0 1px 0 11px;
}
.divImgProdL{
	width: 70px;
	height: 295px;
}
.divImgProdR{
	width: 286px;
	height: 295px;
}
.divImgProdRover{
	display: none;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
    background-image: url(zoompiu32.png) !important;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1003 !important;
	cursor: pointer;
}
.divImgProdH{
	text-align: right;
	padding: 3px;
	width: 358px;
	height: 26px;
}

.labelCollezione{
	color:#E18029;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
.labelDescription{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
.labelDescext{
	line-height: 16px;
}
.tableProduct{
	margin-top: 13px;
	width: 100%;
}
/*FINE Product*/

/*Customer*/
.xspCust{
	background-color:transparent;
	margin-top: 3px !important;
	padding: 3px;
	width: 752px;
	color: #868686;
}

/* Carrello */
.viewContentCart{
	float: left;
    margin: 0;
}
.xspCart{
	margin-top: 3px !important;
	padding: 3px;
	width: 100%;
	color: #868686;
}
.xspCart .xspCartHeader{
	height: 37px;
	padding: 0 0 5px 0;
}
.xspCart .xspCartReadonly{
	padding: 5px 0 13px 9px;
	line-height: 19px;
}
.xspCart .xspCartIn{
	float: left;
	padding: 0 5px;
	line-height: 16px;
}
.xspCart .xspCartArt{
	background-color:rgb(128,128,128);
	color:rgb(255,255,255);
	width:435px;
	padding-left:5.0px
}
.xspCart .xspCartTable{
	text-align:right;
	color:rgb(255,255,255);
	background-color:rgb(128,128,128);
	width:58.0px;
	padding-right:5.0px
}
.xspCart .xspCartSc{
	padding-bottom: 5px;	
}

.xspLeftTitle{
	width: 89%;
	padding-top:3px;
}

.xspCartButton{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
	height: 30px;	
}

.stOrder{
	height: 22px;
	background-color: #727272; /*Nero*/
}

.stOrderSorted{	
	/*mycolor*/
	/*Nero*/
	background: -moz-linear-gradient(center top , #727272, #D7D7D7) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(114, 114, 114, 1),rgba(215,215,215,1));
    background-image: -o-linear-gradient(top, #727272 0%, #D7D7D7 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #727272), color-stop(1, #D7D7D7));
	background-image: -webkit-linear-gradient(top, #727272 0%, #D7D7D7 100%);
	background-image: linear-gradient(to bottom, #727272 0%, #D7D7D7 100%);
}

/* Carrello left */
.xspRowCarLeft, xspRowBookLeft, .xspFieldSearchLeft, .xspRowBozzaLeft{
	padding-top:15.0px;
	padding-bottom:5.0px;
	padding-left:1.0px;
	min-height: 17px;
}

/*Product action su view cell*/
.xspImgProdUp{
	width: 100%;
}
.xspImgProdLeft{
	
}
.xspImgProdRight{
	
}
.xspImgProdBottom{
	width: 100%;
}

/*More data*/
.divMoreData{
	opacity:0;
	padding:5px 0 3px 7px;
	border-top: 1px solid #D3D3D3;
	line-height: 16px;
	color: #868686;
}
.xspCarMoreData{
	padding-top: 10px;
	padding-bottom: 7px;
	height: 20px;
}
.xspDivContentMore{
	float:right;
	padding:0px 0 2px 7px;
}

/* Loading */
div.imgloading{
	background-image: url(spinner.gif) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-color:black;
	z-index: 10000 !important;
}

/*custom control sul layout left*/
.ccLeft{
	margin-bottom: 21px;
}
/*link navigatore contestuale*/
.xspLinkLiv1 {
	display: block;
	text-transform: uppercase;
	width: 215px
}
.xspLinkLiv2 {
	display: block;
	width: 170px
}

/*Barra di paginazione*/
.divSortOrder{
	padding: 3px 3px 0 7px;
	color: #000000;
}

.xspPagBar {
	
}
.xspPagerRight{
	
	height: 22px;
	background-color: #444444; /*Nero*/
	
	/*mycolor*/
	/*Nero*/
	background: -moz-linear-gradient(center top , #444444, #7F7F7F) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(68, 68, 68, 1),rgba(105,105,105,1));
    background-image: -o-linear-gradient(top, #444444 0%, #7F7F7F 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #7F7F7F));
	background-image: -webkit-linear-gradient(top, #444444 0%, #7F7F7F 100%);
	background-image: linear-gradient(to bottom, #444444 0%, #7F7F7F 100%);
	
}
.xspPagerNav {
	color: #BBBBBB;
	padding-right: 7px;
}
.xspGroup span span.xspCurrentItem {
    color: #BBBBBB;
}

.xspNext a, .xspNext a:visited, .xspPrevious a, .xspPrevious a:visited {
    color: #FFFFFF !important;
    font-weight: bold !important;
    text-decoration: none;
}

.xspRowCount{font-size:0.9em; padding:4px 0px 0px 7px; clear: both; float: left;}
.lotusui a {
    color: #FFFFFF;
}
.lotusui a:hover, .lotusui a:focus, .lotusui a:active {
    color: #FFFFFF;
}
/*FINE Barra di paginazione*/

/*Square table*/
.sqrHeaderClear{
	
	font-size: 1.1em; 
	height: 43px;
	
}

.sqrHeader{
	
	font-size: 1.2em; 
	color: #FFFFFF;
	height: 29px;
	padding-top: 2px;
	
	background-color: #444444; /*Nero*/
	
	/*mycolor*/
	/*Nero*/
	background: -moz-linear-gradient(center top , #444444, #7F7F7F) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(68, 68, 68, 1),rgba(105,105,105,1));
    background-image: -o-linear-gradient(top, #444444 0%, #7F7F7F 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #7F7F7F));
	background-image: -webkit-linear-gradient(top, #444444 0%, #7F7F7F 100%);
	background-image: linear-gradient(to bottom, #444444 0%, #7F7F7F 100%);
	
}

.sqrHeaderBozza{
	
	font-size: 1.2em; 
	color: #FFFFFF;
	height: 29px;
	padding-top: 2px;
	
	background-color: #CE721E; /*Arancio*/
	
	/*mycolor*/
	/*Arancio*/
	background: -moz-linear-gradient(center top , #CE721E, #F18807) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(206, 114, 30, 1),rgba(241,136,7,1));
    background-image: -o-linear-gradient(top, #CE721E 0%, #F18807 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CE721E), color-stop(1, #F18807));
	background-image: -webkit-linear-gradient(top, #CE721E 0%, #F18807 100%);
	background-image: linear-gradient(to bottom, #CE721E 0%, #F18807 100%);
	
}

.sqrHeaderRespinti{
	
	font-size: 1.2em; 
	color: #FFFFFF;
	height: 29px;
	padding-top: 2px;
	
	background-color: #FF0000; /*Rosso*/
	
	/*mycolor*/
	/*Arancio*/
	background: -moz-linear-gradient(center top , #FF0000, #F18807) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(206, 114, 30, 1),rgba(241,136,7,1));
    background-image: -o-linear-gradient(top, #FF0000 0%, #F18807 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF0000), color-stop(1, #F18807));
	background-image: -webkit-linear-gradient(top, #FF0000 0%, #F18807 100%);
	background-image: linear-gradient(to bottom, #FF0000 0%, #F18807 100%);
	
}

.sqrHeaderVisite{
	
	font-size: 1.2em; 
	color: #FFFFFF;
	height: 29px;
	padding-top: 2px;
	
	background-color: #CE721E; /*Arancio*/
	
	/*mycolor*/
	/*Verde*/
	background: -moz-linear-gradient(center top , #00661A, #2BAA00) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(0, 102, 26, 1),rgba(43,170,0,1));
    background-image: -o-linear-gradient(top, #00661A 0%, #2BAA00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00661A), color-stop(1, #2BAA00));
	background-image: -webkit-linear-gradient(top, #00661A 0%, #2BAA00 100%);
	background-image: linear-gradient(to bottom, #00661A 0%, #2BAA00 100%);
	
}

.sqrHeaderTask{
	
	font-size: 1.2em; 
	color: #FFFFFF;
	height: 29px;
	padding-top: 2px;
	
	background-color: #CE721E; /*Arancio*/
	
	/*mycolor*/
	/*Verde*/
	background: -moz-linear-gradient(center top , #00661A, #2BAA00) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(0, 102, 26, 1),rgba(43,170,0,1));
    background-image: -o-linear-gradient(top, #00661A 0%, #2BAA00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00661A), color-stop(1, #2BAA00));
	background-image: -webkit-linear-gradient(top, #00661A 0%, #2BAA00 100%);
	background-image: linear-gradient(to bottom, #00661A 0%, #2BAA00 100%);
	
}

.sqrTitle{
	position: relative;
	padding: 3px 3px 0 7px;
}

.sqrContent{
	background-color: #FFFFFF;
	padding: 5px 3px 9px 5px;
	color: #868686;
}

.sqrTabella{
	clear: both;
	margin: 0 auto;
	width: 215px;
	padding: 3px;
	height: 100%;
}

.xspSqrLabel{
	border-right: 1px solid #FFFFFF;
	padding: 3px 0 3px 0;
	height: 30px;
}

.xspSqrCol{
	width: 70px;
	text-align: center;
	padding: 3px 0 3px 0;
}

.xspSqrCloseDiv{
	margin: 0 auto;
	height: 13px;
	width: 30px;
}

.imgdiv{
	 border-radius: 5px; 
	 background-repeat:no-repeat;
	 background-position:center center;
 }

.imgsize_s{
 	 margin-top: 5px;
	 width:50px;
	 height:50px;
	 background-size:50px 50px;  
}

.imgsize_prod{
 	 margin-top: 0;
 	 width:50px;
	 border: 1px solid #DDDDDD;
	 background-color: #FFFFFF;
}

.yourprofile {
	color: #999999;
    font-size: 10px;
    
}
/*FINE Square table*/

.logoutLab{
	font-size: 1.7em; 
	color: #CE721E;
}

/*Rounded Table*/
/* il bordo della tabella*/
.tblBorder {
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    line-height: 16px;
    position: relative;
}
/* Il contenuto delle righe della rounded table */
.tblBorder .tblRounded, .tblBorder .tblLogout {
    background-color: #FFFFFF;
    line-height: 16px;
    padding: 5px 12px 5px 12px;
}
.tblBorder .tblRounded:first-child { /*Prima riga*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tblBorder .tblLogout:first-child { /*Prima riga*/
	
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    font-size: 1.7em; 
	color: #FFFFFF;
	height: 33px;
	
    background-color: #CE721E; /*Arancio*/
	
	/*mycolor*/
	/*Arancio*/
	background: -moz-linear-gradient(center top , #CE721E, #F18807) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(206, 114, 30, 1),rgba(241,136,7,1));
    background-image: -o-linear-gradient(top, #CE721E 0%, #F18807 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CE721E), color-stop(1, #F18807));
	background-image: -webkit-linear-gradient(top, #CE721E 0%, #F18807 100%);
	background-image: linear-gradient(to bottom, #CE721E 0%, #F18807 100%);
	
}
.tblBorder .tblRounded:last-child, .tblBorder .tblLogout:last-child{ /*Ultima riga*/
	background-color: #FFFFFF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*FINE Rounded Table*/

.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited {
    color: #E18029;
}

/*HTML Table*/
.xspHtmlTableView{border:0px none;width:100%;clear:both;}
.xspHtmlTrView{padding: 3px;}
.xspHtmlTdView{padding:8px 5px 8px 5px;font-weight:normal;vertical-align:top;}
/*FINE HTML Table*/

/*Padding su campi*/
.lotusui input{text-indent: 3px;}
.lotusui input, .lotusui select{padding: 0;}
.dijitPlaceHolder{
	text-indent: 3px;
	color: #AAAAAA;
	font-style: normal;
	font-size: 12px;
	padding-bottom: 3px;
}

/*mycolor*/
/*Colore di sfondo*/
body.lotusui {
	background-color:#EEEEEE;
	background-image: url(bg.png); 
	background-repeat: no-repeat;
	/*background-position: center top;*/ 	/*Per tenere lo sfondo fisso agganciato al top*/
	/*background-attachment: fixed;*/		/*Per tenere lo sfondo fisso agganciato al top*/
}

/* main frame (il contenitore principale, contiene tutto il resto)*/
.xspPanelFrame{margin:0 auto;padding:0;min-width:1040px;}

/* banner  (il frame più in alto, quello contenente il nome utente e il logo) */

/*.xspPanelBanner{background-color:transparent;padding:5px 15px 4px 30px;overflow:hidden;min-height:20px}*/
.xspPanelBanner{background-color:transparent;padding:5px 15px 4px 30px;overflow:hidden;min-height:20px;max-width:1040px;margin:auto}

.xspPanelBannerLeft{float:left; padding:0;text-align:left;}
.xspPanelBannerRight{float:right;padding-right:30px;text-align:right;}
.xspPanelBannerLabel{color:#FFFFFF;}
.xspPanelBannerCellLastLog{vertical-align:top !important;text-align:right;}

a.xspPanelBannerLogout:link, a.xspPanelBannerLogout:visited, a.xspPanelBannerLogout:hover, a.xspPanelBannerLogout:focus, a.xspPanelBannerLogout:active{
	font-weight:bold;
	text-decoration:none;
	padding: 0 5px 0 5px;
	color:#10578B;
}
a.xspPanelBannerLogout:hover{text-decoration:underline;}
/*FINE Banner*/

/* menuBar (barra del menu principale) */
.xspPanelPlaceBar{
	
	border-width:0;
	margin: 0 auto 10px;
	height: 20px;
	width: 1018px;
	position:relative;	
	zoom:1;

}
.xspTitleBar {
	
	height: 28px;
	border-top: 1px solid #FFFFFF;
	width: 757px; /*larghezza colonna centrale + margini o padding*/
	clear: both;
	float: right;

	/*mycolor*/
	/*background-color: #304D92; *//*Azzurro*/
	/*background-color: #C10000;*/ /*Rosso*/
	/*background-color: #F16D0E;*/ /*Arancione*/
	background-color: #7F7F7F; /*Nero*/
	
}

.xspTitleLabel {
	color: #FFFFFF;
    font-size: 1.6em; 
	font-weight: bold; 
}
.xspsubnav{min-height: 11px;}

.xspsubnav:hover {
	
	/*mycolor NERO*/
	background-image: -ms-linear-gradient(top, #CCCCCC 0%, #F7F7F7 100%);
	background-image: -moz-linear-gradient(top, #CCCCCC 0%, #F7F7F7 100%);
	background-image: -o-linear-gradient(top, #CCCCCC 0%, #F7F7F7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCCCCC), color-stop(1, #F7F7F7));
	background-image: -webkit-linear-gradient(top, #CCCCCC 0%, #F7F7F7 100%);
	background-image: linear-gradient(to bottom, #CCCCCC 0%, #F7F7F7 100%);
	
}
.xspSearchBar {
	clear:both;
	height: 35px;
	width: 757px; 
	float: right;
	padding: 7px 0 0 2px;
}

.xspMenuBar {
	
	height: 33px;
	width: 757px; /*larghezza colonna centrale + margini o padding*/
	float: right;
	
	/*mycolor*/
	/*background-color: #304D92; *//*Azzurro*/
	/*background-color: #C10000;*/ /*Rosso*/
	/*background-color: #F16D0E;*/ /*Arancione*/
	background-color: #444444; /*Nero*/
	
	background-position:left top;
	background-repeat:repeat-x;
	
	/*mycolor*/
	/*Azzurro*/
	/*
	background-image: -ms-linear-gradient(top, #304D92 0%, #97ACDD 100%);
	background-image: -moz-linear-gradient(top, #304D92 0%, #97ACDD 100%);
	background-image: -o-linear-gradient(top, #304D92 0%, #97ACDD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #304D92), color-stop(1, #97ACDD));
	background-image: -webkit-linear-gradient(top, #304D92 0%, #97ACDD 100%);
	background-image: linear-gradient(to bottom, #304D92 0%, #97ACDD 100%);
	*/
	
	/*mycolor*/
	/*Rosso*/
	/*
	background-image: -ms-linear-gradient(top, #C10000 0%, #EB0000 100%);
	background-image: -moz-linear-gradient(top, #C10000 0%, #EB0000 100%);
	background-image: -o-linear-gradient(top, #C10000 0%, #EB0000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C10000), color-stop(1, #EB0000));
	background-image: -webkit-linear-gradient(top, #C10000 0%, #EB0000 100%);
	background-image: linear-gradient(to bottom, #C10000 0%, #EB0000 100%);
	*/
	
	/*mycolor*/
	/*Arancione*/
	/*
	background: -moz-linear-gradient(center top , #CC5422, #E78D2C) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(204, 84, 34, 1),rgba(231,141,44,1));
    background-image: -o-linear-gradient(top, #CC5422 0%, #E78D2C 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CC5422), color-stop(1, #E78D2C));
	background-image: -webkit-linear-gradient(top, #CC5422 0%, #E78D2C 100%);
	background-image: linear-gradient(to bottom, #CC5422 0%, #E78D2C 100%);
	*/
	
	/*mycolor*/
	/*Nero*/
	background: -moz-linear-gradient(center top , #444444, #7F7F7F) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(68, 68, 68, 1),rgba(105,105,105,1));
    background-image: -o-linear-gradient(top, #444444 0%, #7F7F7F 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #7F7F7F));
	background-image: -webkit-linear-gradient(top, #444444 0%, #7F7F7F 100%);
	background-image: linear-gradient(to bottom, #444444 0%, #7F7F7F 100%);
	
}

#mainNav, #mainNav ul {
    font-family: Arial,Helvetica,sans-serif;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index: 10001 !important;
}
#mainNav a, #mainNav li span {
    color: #FFFFFF;
    display: block;
    font-size: 1.3em; 
	font-weight:bold; 
    padding: 0 17px;
    text-decoration: none;
    /*text-shadow: 0 1px 0 #6886CC;*/ /*mycolor azzurro*/
    /*text-shadow: 0 1px 0 #F15058;*/  /*mycolor rosso*/
    text-shadow: 0 1px 0 #7B7B7B;  /*mycolor nero*/
}
#mainNav li {
	float: left;
    height: 26px;
    padding: 6px 6px 0;
}
#mainNav li ul {
	z-index: 10002 !important;
    left: -999em;
    margin: 5px 0 0 19px;
    position: absolute;
    width: 10em;
}
#menuImgs{ /*Quando il link a livello superiroe è un immagine devo cambiare margine sinistro*/
	margin-left: 0 !important;
}
#mainNav li:hover ul {
	left: auto !important;
}
#mainNav li ul li {
	height: 19px;
	padding: 4px 0 5px 0;
    /*background: none repeat scroll 0 0 #304D92;*/ /*mycolor azzurro*/
    /*background: none repeat scroll 0 0 #C10000;*//*mycolor rosso*/
    /*background: none repeat scroll 0 0 #D36324;*//*mycolor arancione*/
    background: none repeat scroll 0 0 #444444;/*mycolor nero*/
    margin: 0;
    border: 0;
    border-top:1px solid #CCCCCC;
    font-size: inherit;
    z-index: 10003 !important;
}

#mainNav li ul li a {
    border-left: medium none;
}

#mainNav li:hover, #mainNav li ul li:hover {

	/*mycolor azzurro*/	
	/*
	background-image: -ms-linear-gradient(top, #C5D9E2 0%, #0098E1 100%);
	background-image: -moz-linear-gradient(top, #C5D9E2 0%, #0098E1 100%);
	background-image: -o-linear-gradient(top, #C5D9E2 0%, #0098E1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5D9E2), color-stop(1, #0098E1));
	background-image: -webkit-linear-gradient(top, #C5D9E2 0%, #0098E1 100%);
	background-image: linear-gradient(to bottom, #C5D9E2 0%, #0098E1 100%);
	*/
	
	/*mycolor rosso*/
	/*
	background-image: -ms-linear-gradient(top, #F79398 0%, #C10000 100%);
	background-image: -moz-linear-gradient(top, #F79398 0%, #C10000 100%);
	background-image: -o-linear-gradient(top, #F79398 0%, #C10000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F79398), color-stop(1, #C10000));
	background-image: -webkit-linear-gradient(top, #F79398 0%, #C10000 100%);
	background-image: linear-gradient(to bottom, #F79398 0%, #C10000 100%);
	*/
	
	/*mycolor arancione*/
	/*
	background-image: -ms-linear-gradient(top, #CCCCCC 0%, #E78D2C 100%);
	background-image: -moz-linear-gradient(top, #CCCCCC 0%, #E78D2C 100%);
	background-image: -o-linear-gradient(top, #CCCCCC 0%, #E78D2C 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCCCCC), color-stop(1, #E78D2C));
	background-image: -webkit-linear-gradient(top, #CCCCCC 0%, #E78D2C 100%);
	background-image: linear-gradient(to bottom, #CCCCCC 0%, #E78D2C 100%);
	*/
	
	/*mycolor nero*/
	background-image: -ms-linear-gradient(top, #7F7F7F 0%, #444444 100%);
	background-image: -moz-linear-gradient(top, #7F7F7F 0%, #444444 100%);
	background-image: -o-linear-gradient(top, #7F7F7F 0%, #444444 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7F7F7F), color-stop(1, #444444));
	background-image: -webkit-linear-gradient(top, #7F7F7F 0%, #444444 100%);
	background-image: linear-gradient(to bottom, #7F7F7F 0%, #444444 100%);
	
    cursor: pointer;
}
.mWidth1 {width: 185px;}
.mWidth2 {width: 205px;}

.mLast {
    border-bottom:1px solid #CCCCCC !important;
}
/* FINE menuBar (barra del menu principale) */

/* Body il contenuto*/
.xspPanelMain{
	clear:both;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	min-height:400px;
	width: 1020px; /*WIDTH CONTENUTO*/
	/*background: url("white-20.png") repeat scroll 0 0 transparent; /*mycolor*//*E' il quadrato opaco sul body*/
}

.xspPanelContent{
	padding:0;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
}

/* Panel left */
.xspPanelLeft {
	float: left;
}

/* Panel center */
.xspPanelCenter {
	float: left;
	/*border: 1px solid #000;*/
}

/* Panel right */
.xspPanelRight {
	float: right;
	border: 1px solid #000;
}
/* FINE Body il contenuto*/

/* Footer */
.xspPanelFooter{
	clear:both;
	margin:0px 10px;
	padding:5px;
	overflow:hidden;
	text-align: center;
	color: #999999;
	font-weight: bold;
	width: 757px; /*larghezza colonna centrale + margini o padding*/
	float: right;
}
a.xspLinkfooter:link, a.xspLinkfooter:visited, a.xspLinkfooter:hover, a.xspLinkfooter:focus, a.xspLinkfooter:active{
	font-weight:normal;
	text-decoration:none;
	padding: 0 5px 0 5px;
	color:#1574B9;
}
a.xspLinkfooter:hover{text-decoration:underline;}
/* FINE Footer */

/*Righe viste*/
.viewContentCli{
	float: left;
    margin: 0;
    color: #868686;
}
.rowContentCli{
	background-color:rgb(255,255,255);
	margin-top: 3px !important;
	padding: 3px 0 3px;;
	width: 100%;
}
.rowTitle{
	font-size: 1.3em;
	padding: 2px 7px 2px 7px;
}
.rowText{
	padding: 2px 7px 2px 7px;
}

.pvData{
	border-bottom: 2px solid;
	border-color: #001A06;
	width: 97%;
	padding: 3px;
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    
	 /*mycolor*/
	background: -moz-linear-gradient(center top , #444444, #7F7F7F) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(68, 68, 68, 1),rgba(105,105,105,1));
    background-image: -o-linear-gradient(top, #444444 0%, #7F7F7F 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #7F7F7F));
	background-image: -webkit-linear-gradient(top, #444444 0%, #7F7F7F 100%);
	background-image: linear-gradient(to bottom, #444444 0%, #7F7F7F 100%);
	
}

.calTitle{
	width: 98%;
	/*background-color: #BBBBBB;*/
	border-bottom: 1px solid;
	font-size: 1.3em;
	padding: 4px 4px 4px 12px;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    
    /*mycolor*/
	background: -moz-linear-gradient(center top , #444444, #7F7F7F) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(68, 68, 68, 1),rgba(105,105,105,1));
    background-image: -o-linear-gradient(top, #444444 0%, #7F7F7F 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #7F7F7F));
	background-image: -webkit-linear-gradient(top, #444444 0%, #7F7F7F 100%);
	background-image: linear-gradient(to bottom, #444444 0%, #7F7F7F 100%);
}

.calTitleScad{
	width: 98%;
	/*background-color: #BBBBBB;*/
	border-bottom: 1px solid;
	font-size: 1.3em;
	padding: 4px 4px 4px 12px;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    
    /*mycolor*/
	background: -moz-linear-gradient(center top , rgb(255,0,0), rgb(193,0,0)) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgb(255,0,0),rgb(193,0,0));
    background-image: -o-linear-gradient(top, rgb(255,0,0) 0%, rgb(193,0,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,0,0)), color-stop(1, rgb(193,0,0)));
	background-image: -webkit-linear-gradient(top, rgb(255,0,0) 0%, rgb(193,0,0) 100%);
	background-image: linear-gradient(to bottom, rgb(255,0,0) 0%, rgb(193,0,0) 100%);
}
.calFontColor{
	color: #FFFFFF;
}
.calSubTitle{
	width: 99%;
	/*border-left: 6px solid;*/
	border-color: #6A9DD6;
}
.calRow{
	padding: 3px 4px 3px 13px;
	font-size: 1.3em;
}
.calHour{
	width: 99%;
	padding: 2px 4px 2px 13px;
	border-bottom: 1px solid;
}
/*FINE Righe viste*/

/*News*/
.newsContent{
	float: left;
    margin: 0 0 0 25px;
    width: 755px;
}

.newsRow{
	opacity: 0.8;
	margin-bottom: 15px;
	min-height: 128px;
    background: url("./box_base7_32.png") no-repeat scroll center bottom #95E4FF !important;
}
 
.newsLeft{
	width:220px;
}
.newsLeft1{
	float:left;
	width:85px;
	color:#FF0000;
	padding-right: 20px;
}
.newsLeft2{
	margin:9px 0 9px 0;
	float:left;
	width:84px;
	height:80px;
	border: 2px solid;
	background-color: #FFFFFF;
}
.newsLeft3{
	padding-top:39px;
}
.newsTime{
	width:84px;
	text-align:center; 
}
.newsOggetto{
	font-size:14px;
}
.newsCellR{
	padding:10px;
}
.newsCellL{
	padding:10px;
}
.newsRight{
	border:2px solid;
	background-color:#FFFFFF;
}

.newsText{
	padding: 6px 3px 0 8px;
	line-height: 16px;
}
/*FINE News*/

/*Colonne sinistra e destra del layout centrale*/
.homeContent, .viewContent{
	float: left;
    margin: 0 0 0 25px;
}

.viewContentOrd{
	margin: 0 0 0 25px;
}

.homeContent .colLeft, .homeContent .colRight, .viewContent .colLeft, .viewContent .colRight{
	background: none repeat scroll 0 0 #fff;
    float: left;
    overflow: hidden;
    width: 245px;
    /*border: 1px solid;*/
}

.homeContent .colLeftBrand, .homeContent .colRightBrand, .viewContent .colLeftBrand, .viewContent .colRightBrand{
	background: none repeat scroll 0 0 #fff;
    float: left;
    overflow: hidden;
    width: 371px;
    /*border: 1px solid;*/
}

.homeContent .colLeft, .homeContent .colLeftBrand{ margin: 0 10px 25px 0;}
.homeContent .colRight, .homeContent .colRightBrand{ margin: 0 0 25px 0;}
.viewContent .colLeft, .viewContent .colLeftBrand{ margin: 0 10px 10px 0;}
.viewContent .colRight, .viewContent .colRightBrand{ margin: 0 0 10px 0;}

.viewContent .divText{
	font-size: 1.3em; 
	border-top: 1px solid;
	padding: 4px 3px 0 7px;
}

.viewContent .divTextDescr{
	font-size: 1.2em; 
	border-top: 1px solid;
	padding: 4px 3px 0 7px;
	color: #868686;
}

.divPrice{
	font-size: 1.1em; 
	padding: 4px 3px 0 7px;
	color: #E18029;
}

.divQty{
	height: 10px;
	padding: 13px 3px 8px 6px;
}
.divCart{
	font-size: 1.1em; 
	height: 20px;
	padding: 4px 3px 8px 0;
}

.dijitDialogTitleBar{
    background-image: url("./dialogTitleBar.png")!important;
    background-color: #525252!important;
}
.dijitDialogTitle {
	color: #FFFFFF;	
	font-size: 1.1em;
}

.divTblCust {
	width:100%;	
	padding-bottom: 17px;
}

.dTooltip{
	color: #666666;	
	font-size: 12px;
}