/* CSS Document */
/*PAGE LAYOUT*/
body {
 	margin-left: 0px;
	margin-top: 5px;
 	margin-right: 0px;
 	margin-bottom: 0px;
 	font-family: Tahoma, sans-serif;
	font-size: 12px;
}

#test {
	background-image: url("test.png");
    background-repeat: repeat-x;
	clear: both;
    color: red;
    display: block;
    float: left;
    font-size: 13pt;
    font-weight: bold;
    height: 25px;
    line-height: 21px;
    text-align: center;
    width: 100%;
}

/* Main parts */

#logo {
 	float: left;
 	clear: left;
 	background-image: url(images/logoCeltex.png);
 	background-repeat: no-repeat;
 	background-position: bottom right;
 	width: 250px;
 	height: 144px;
	border-width: 1px;
	border-style: none;
}

#topheader {
 	float: left;
 	width: 1024px;
 	height: 65px;
 	position: relative;
	border-width: 1px;
	border-style: none;
}

#utente, #cliente {
    color: #9492AC;
    float: left;
	clear: left;
    font-size: 12pt;
    font-weight: normal;
    margin-left: 20px;
    margin-top: 10px;
	}

	#toplinks {
 		position: absolute;
 		right: 10px;
 		top: 30px;
 		color: #878787;
		font-size: 14pt;
   	font-weight: normal;
	}

	#toplinks a{
		cursor: pointer;
		text-decoration: none;
		color: #878787;

	}

#menu {
 	float: left;
 	width: 1024px;
 	height: 77px;
 	background-image: url(images/bg_menu.png);
 	background-repeat: repeat-x;
 	border-width: 1px;
	border-style: none;
}



#leftpanel {
 	float: left;
	clear: left;
 	width: 250px;
	border-width: 1px;
	border-style: none;
}

#sidemenu {
	background-image: url(images/bg_sidemenu.png);
	background-repeat: repeat-y;
     float: right;
     width: 220px;
     height: 500px;
}

#sidemenuempty {
	background-image: url(images/bg_sidemenu.png);
	background-repeat: repeat-y;
     float: right;
     width: 220px;
     height: 500px;
     border-right-color: #878787;
     border-right-style: solid;
     border-right-width: 1px;
}

#submenu {
 float: right;
 width: 1024px;
 height: 32px;
 background-image: url(bg_submenu.gif);
 background-position: top;
 background-repeat: repeat-x;
}

#contenttext {
   float: left;
   width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
}

#content {
	width: 1274px;
}

#footer {
 	float: left;
 	clear: left;
 	width: 100%;
 	padding: 10px;
	border-top: solid;
	border-top-width: 3x;
	border-color: #BCB7AA;
	margin-top: 10px;

}

input[type=text] {
    border-color: #00FFFF;
    border-style: solid;
    border-width: 1px;
	font-size: 10pt;
	width: 150px;
}

input[type=password] {
    border-color: #00FFFF;
    border-style: solid;
    border-width: 1px;
	font-size: 10pt;
	width: 150px;
}

input#password{
	margin-top: -27px;
}


#username, #password, #verification {
	font-size: 14pt;
	padding: 10px;
	width: 190px;
	border-radius: 7px;
	border-color: green;
	outline: none;
}

#id_shpwd {
	background-image: url('shpsw24_2.png');
	position: relative;
	left: 0;
	/* transition: left 0.3s; */
	left: -2px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	width: 24px;
	display: block;
	height: 24px;
	float: right;
	top: 20px;
}

#id_btnlogon {
	font-size: 15pt;
	padding: 10px;
	width: 100px;
}
/* Menu classes */
.menutop {

	margin-top: 35px;
	margin-left: 20px;
	text-align: left;
}

.menutop a{
	margin-left: 5px;
	margin-right: 5px;
	color: #2F2D2E;
	font-family: Tahoma, sans-serif;
	font-size: 20px;
	text-decoration: none;
	cursor: pinter;
}

.menutop a:hover{
	color: #389c20;
	text-decoration:none;
}

.menutop a.selected{
	font-weight: bold;
}
#sidemenu a.selected{
	font-weight: bold;
}

/* ----------- scheda cliente --------------*/
#schedacliente {
   	float: left;
   	width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
}

#schedacliente table tbody tr td.label{

    font-size: 10pt;
    color: rgb(128,128,128);
}

#schedacliente td.value{
    font-size: 10pt;
    color: black;
	background-color: #f0f0f0;
	font-weight: bold;
}

/* --------------------------------------- */


/* ----------- ordini --------------*/
#ordini {
   	float: left;
   	width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
}

#ordini table tbody tr td.label{

    font-size: 10pt;
    color: rgb(128,128,128);
}

#ordini table tbody tr.completo{
    font-size: 10pt;
    color: black;
	background-color: #f0f0f0;
}

#ordini table tbody tr.parziale{
    font-size: 10pt;
    color: black;
	background-color: #D8E6F0;
}

#id_cartInfo{
    background-image: url("images/shopping_cart.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 1px solid #7F7F7F;
    border-radius: 10px 10px 10px 10px;
	box-shadow: 5px 5px 2px #999999;
    clear: left;
    float: left;
    min-height: 100px !important;
	/*height: 100px;*/
    margin-top: 10px;
    padding-top: 35px;
	padding-bottom: 10px;
    width: 95%;
	cursor: pointer;

}

#id_cartInfo a {
    background-color: red;
    color: white;
    font-weight: bold;
    margin-left: 60px;
    margin-right: 5px;
    padding: 4px;
    text-decoration: none;
	border-radius: 5px 5px 5px 5px;
}

#id_emptycart{
    background-image: url("images/remove_from_shopping_cart.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 1px solid #7F7F7F;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 5px 5px 2px #999999;
    clear: left;
    cursor: pointer;
    float: left;
    height: 40px;
    margin-top: 10px;
    padding-left: 37px;
    padding-top: 32px;
    width: 95%;

}

.boxTestata{
    border: 1px solid #7F7F7F;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 5px 5px 2px #999999;
    margin-bottom: 10px;
    padding: 5px;
}
/* --------------------------------------- */

.separator{
	float: left;
 	width: 100%;
	border-top: solid;
	border-top-width: 1px;
	border-color: #D0D0D0;
	margin-top: 5px;
}

/* ----------- documenti --------------*/
#documenti {
   	float: left;
   	width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
	font-size: 10pt;
}

#documenti table tbody tr td.label{

    color: rgb(128,128,128);
}

#documenti table tbody tr.completo{
    color: black;
	background-color: #f0f0f0;
}

#documenti table tbody tr.parziale{
    color: black;
	background-color: #D8E6F0;
}


/* --------------------------------------- */

/* ----------- contabilita --------------*/
#contabilita {
   	float: left;
   	width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
	font-size: 10pt;
}

#contabilita table tbody tr td.label,
	#contabilita table tbody tr td.label{

    color: rgb(128,128,128);
}

#contabilita table tbody tr td.date{

    text-align: center;
}

#contabilita table tbody tr.completo{
    color: black;
	background-color: #f0f0f0;
}

#contabilita table tbody tr.parziale{
    color: black;
	background-color: #D8E6F0;
}

/* --------------------------------------- */

/* ----------- utente --------------*/
#user {
   	float: left;
   	width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
	font-size: 10pt;
}

#user table tbody tr td.label{

    color: rgb(128,128,128);
}

#user table tbody tr.completo{
    color: black;
	background-color: #f0f0f0;
}

#user table tbody tr.parziale{
    color: black;
	background-color: #D8E6F0;
}


/* --------------------------------------- */


/* ----------- ricerca --------------*/
#ricerca {
   	float: left;
   	width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
	font-size: 10pt;
}

#ricerca div div#risultatiRicerca table thead tr{
	color: rgb(128,128,128);
	font-size: 8pt;
}

#ricerca div div#risultatiRicerca table tbody#id_risultati tr td.info{
    color: black;
	background-color: #f0f0f0;
}

#ricerca div div#risultatiRicerca table tbody#id_risultati tr td.infoSconti{
    color: black;
	background-color: #a4a4a4;
}

#ricerca div div#risultatiRicerca table tbody#id_risultati tr td select{
    border-color: #00FFFF;
    border-style: solid;
    border-width: 1px;
    width: 50px;
    font-size: 10pt;
}

#ricerca table tbody tr td.label{

    color: rgb(128,128,128);
}

#risultatiRicerca input[type=text] {
	width: 50px;
}

#risultatiRicerca input[type=text].sconto{
    font-size: 80%;
    height: 16px;
    text-align: center;
    width: 30px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* --------------------------------------- */


.scheda{
	height: 20px;
	width: 16px;
	background-image: url('images/scheda.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.inforecenti {
	height: 20px;
	width: 20px;
	background-image: url('images/inforecenti_20x20.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.number, .numeric, .decimal {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.warning {
    background-image: url("images/warning.png");
    background-position: left center;
    background-repeat: no-repeat;
    font-style: italic;
	padding-left: 16px;
}

td.deroga {
    background-image: url("images/unlock.png");
    background-position: right center;
    background-repeat: no-repeat;
	padding-right: 18px;
}

button.deroga {
	background-image: url("images/unlock.png");
	background-position: 1px center;
	background-repeat: no-repeat;
	padding-left: 18px;
}

.graffa {
    background-image: url("images/graffa.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px 100%;
}

.titolo{
	font-weight: bold;
}
.grande{
	font-weight: bold;
	font-size: 15px;
}

/* ----------- carrello --------------*/
#carrello {
   	float: left;
   	width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
	font-size: 10pt;
	min-height: 550px;
}

#carrello table thead tr{
    background-color: #EFEFEF;
    color: #6D6D6D;
}

#carrello table tbody tr.completo{
    color: black;
	background-color: #f0f0f0;
}

#carrello table tbody tr.parziale{
    color: black;
	background-color: #D8E6F0;
}
#carrello table tfoot tr.totali{
	font-weight: bold;
}

#carrello table tbody td input[type=text]{
	width: 50px;
	height: 16px;
}

table tbody td input[type=text].sconti{
    font-size: 80%;
    height: 16px;
    text-align: center;
    width: 80px;
}

#carrello table tbody td input[type=text].sconto{
    font-size: 80%;
    height: 16px;
    text-align: center;
    width: 20px;
	/* per toglere spazio bianco su iPAD*/
	padding-left: 0 !important;
	padding-right: 0 !important;
}


div.incompleto{
    background-image: url("images/strato_incompleto.png");
    background-position: center center;
	background-repeat: no-repeat;
    height: 72px;
    margin: 5px;
    width: 60px;

}



div.completo, div.pancaleOverheight {
	background-position: center center;
	background-image: url('images/strato_overheight.png');
    background-repeat: no-repeat;
	height: 72px;
    margin: 5px;
    width: 60px;
}

div.pancaleOverheight {
	background-image: url('images/strato_overheight.png');
 	background-position: center center;
    background-repeat: no-repeat;
    color: white;
    display: inherit;
    font-size: 20pt;
    font-weight: bold;
    height: 72px;
    margin: 5px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}


div.completo, div.pancaleCompleto {
	background-position: center center;
	background-image: url('images/strato_completo.png');
    background-repeat: no-repeat;
	height: 72px;
    margin: 5px;
    width: 60px;
}

div.pancaleCompleto {
	background-image: url('images/strato_completo.png');
 	background-position: center center;
    background-repeat: no-repeat;
    color: white;
    display: inherit;
    font-size: 20pt;
    font-weight: bold;
    height: 72px;
    margin: 5px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

div.pancaleInCompleto{
	background-image: url('images/pancale_incompleto.png');
 	background-position: center center;
    background-repeat: no-repeat;
    color: white;
    display: inherit;
    font-size: 20pt;
    font-weight: bold;
    height: 72px;
    margin: 5px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

div.pancaleSfusi	{
	background-image: url('images/pancale_sfusi.png');
 	background-position: center center;
    background-repeat: no-repeat;
    color: white;
    display: inherit;
    font-size: 20pt;
    font-weight: bold;
    height: 72px;
    margin: 5px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}
div.pancale {
	
	cursor: pointer;
	
}

td.pedana {
	border-bottom: solid 3px red;
}

/* --------------------------------------- */


/* ----------- webapp --------------*/
#webapp {
   	float: left;
   	width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
	font-size: 10pt;
}

#webapp iframe {

    border: medium none;
    height: 1024px;
    width: 960px;
	overflow: hidden;
	display: block;
	background: none repeat scroll 0% 0% transparent;

}


/* --------------------------------------- */


#contentorder{
   	float: left;
   	width: 1024px;
	border-width: 1px;
	border-style: none;
	text-align: left;
}

#contentorder  table tbody tr td.value{

    font-size: 10pt;
    color: black;
	background-color: rgb(128,128,128);
	font-weight: bold;

}

#contentorder  table tbody tr td{

    font-size: 8pt;
    color: rgb(128,128,128);

}

#contentorder  table tbody tr td.label{

    font-size: 10pt;
    color: rgb(128,128,128);
}



#contentorder table tbody tr td input[type=text] {
    border-color: #00FFFF;
    border-style: solid;
    border-width: 1px;
    width: 50px;
    font-size: 8pt;
}

#contenttext table tbody tr td{

    width: 100px;
    font-size: 12pt;
    color: rgb(128,128,128);

}

.odd{
    background-color: rgb(219,219,219);
}

/*GRAY PANEL*/
.graypanel
{
 border-color: #666666;
 border-width: 1px;
 border-style: solid;
 background-color: #F7F7F7;
 padding: 10px;
 margin: 10px;
 min-heigth: 400px !important;
 height: 400px;
}

/*TEXT STYLES*/
.bodytext
{
 font-size: 10pt;
 font-family: Tahoma, sans-serif;
 color: #666666;
}

.maintitletext
{
	font-family: Tahoma, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #2F2D2E;
	margin-bottom: 10px;
}
.mainsubtitletext
{
	font-family: Tahoma, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #2F2D2E;
	margin-bottom: 10px;
}

.mainbodytext{
	font-family: Tahoma, sans-serif;
	font-size: 12pt;
	color: #2F2D2E;


}
.whitetitle
{
	font-size: 0.7em;
	font-family: Tahoma, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	background-color: transparent;
	font-style: italic;
}

.smalltitle
{
 font-size: 0.7em;
 font-family: Tahoma, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #CC0000;
}

.smallwhitetext
{
 font-size: 0.7em;
 font-family: Tahoma, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
}

.smallwhitetext a
{
 font-size: 0.7em;
 font-family: Tahoma, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}

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

.smallgraytext
{
 font-size: 0.7em;
 font-family: Tahoma, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #999999;
}

.smallgraytext a
{
 font-size: 0.7em;
 font-family: Tahoma, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #999999;
 text-decoration: none;
}

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

.smallredtext
{
 font-size: 0.7em;
 font-family: Tahoma, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #CC0000;
}

.smallredtext1
{
 font-size: solid;
 font-family: Tahoma, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: red;
 text-decoration: underline;
}

.smallredtext a
{
 font-size: 0.7em;
 font-family: Tahoma, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #CC0000;
 text-decoration: none;
}

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


#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:98%;top:-1px;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-repeat:repeat;
	border-color:0;
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}

ul.pureCssMenu {
	display:block;
	zoom:1;
	_width:195.3px;
	float: right;
	text-align: left;
	width: 99%;
}
ul.pureCssMenu ul{
	width:235.20000000000002px;
}
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;

}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
	outline-style:none;
}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	border-width:0px;
	border-color:#E4E1DE;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:12pt Tahoma;
	color: #2F2D2E;
	text-decoration:none;
	cursor:pointer;
	padding-top: 15px;

}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3;
	display:inline-block;
	background-color:0;
	background-image:none;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	border-color:#FFFFFF;
	border-style:solid;
	font:12pt Tahoma;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	border-color:#FFFFFF;
	border-style:solid;
	font:12pt Tahoma;
	color: #389c20;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:ho0ver > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrow_sub5.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrow_main4.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrow_main4.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrow_sub5.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arrow_main4.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(./images/arrow_main4.gif)}
ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(./images/arrow_sub5.gif)}




button.btnGreen {
    background-color: #76ED61;
    border: 1px solid green;
    color: white;
    cursor: pointer;
    font-size: 12px;
    /*font-weight: bold;*/
    padding-bottom: 4px;
	border-radius: 5px;
}

button.btnGray {
    background-color: #E0E0E0;
    border: 1px solid gray;
    color: black;
    cursor: pointer;
    font-size: 12px;
    /*font-weight: bold;*/
    padding-bottom: 4px;
	border-radius: 5px;
}

button.btnYellow {
    background-color: yellow;
    border: 1px solid gray;
    color: black;
    cursor: pointer;
    font-size: 12px;
    /*font-weight: bold;*/
    padding-bottom: 4px;
	border-radius: 5px;
}

button.btnRed {
    background-color: red;
    border: 1px solid brown;
    color: black;
    cursor: pointer;
    font-size: 12px;
    /*font-weight: bold;*/
    padding-bottom: 4px;
	border-radius: 5px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 100, 100, 100, .8 )
                url('')
                50% 50%
                no-repeat;
	background-image: url(images/attendere.gif);
	background-repeat: no-repeat;
    background-position: center;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.l oading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.facility{

	background-color: yellow;
}

.wait{

	background-image: url(images/attendere.gif);
	background-repeat: no-repeat;
    background-position: center;

}


.legendaSconti{

	color: inherit;
    text-decoration: none;

}

#legendaSconti ul li {
	text-decoration: none;
	list-style-type: decimal;
	margin-bottom: 2px;
}

.idSconto, .idAddebito {
	font-size: 80%;
    margin-left: 2px;
    margin-right: 3px;
    vertical-align: super;
}
/*
table a {
    background-color: white;
    border: 1px solid lime;
    font-weight: bold;
    text-decoration: none;

}
*/

.sortcol {
	cursor: ns-resize;
}

.sortAsc {
	background-image: url("images/sortAsc.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 17px;
}

.sortDesc {
	background-image: url("images/sortDesc.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 17px;
}

.button-small{
    background: #e0e0e0;
    border: thin solid #aaaaaa;
    border-radius: 5px 5px 5px 5px;
    color: black;
    display: inline-block;
    font-size: 10px;
    line-height: 16px;
    padding: 2px 7px;
    text-decoration: none;
    text-transform: uppercase;
	cursor: pointer;
}

.errore {
    background-color: yellow;
    border: 1px solid;
    border-radius: 10px;
    color: red;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 5px;
}

td.promo{
	
	background-image: url('images/promo_green.png');
	background-repeat: no-repeat;
	background-position: right;
	width: 90px;
	
}

input:read-only.nosfuso {
	background-color: darkgray;
	background-image: url('nosfuso.png');
	background-repeat: no-repeat;
	background-position: left;
	border-color: darkgray;
}
	
input.sfuso {
	background-image: url('sfuso.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}

select.strato {
	background-image: url('strato.png');
	background-repeat: no-repeat;
	background-position: 1px;
	border-color: #00FFFF;
	padding-left: 20px;
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	font-size: 10pt;
	text-align: right;
/* 	width: 75px !important; */
}

select.pallet {
	background-image: url('pancale.png');
	background-repeat: no-repeat;
	background-position: 1px;
	border-color: #00FFFF;
	padding-left: 20px;
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	font-size: 10pt;
	text-align: right;
}

select.strato, select.pallet {
	width: 75px !important;
}

input:read-only {
	background-color: #f0f0f0;
	border-color: darkgray;
}

/*
#carrello td.promo{
	
	background-image: url('images/promo.png');
	background-repeat: no-repeat;
	background-position: left;
	width: auto !important;
	padding-left: 25px;
}


span.strato_piu, span.strato_meno {
	width: 16px;
	display: block;
	background-color: red;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	color: white;
}
*/

div.pancale.pancaleCompleto sub, div.pancale.pancaleSfusi sub{
	font-size: 50%;
}

span.tipoPancale {
	display: block;
	position: relative;
	top: 4px;
	font-size: 8pt;
	left: -30px;
	width: 60px;
	color: black;
}