/* 
    Document   : default
    Created on : 21-mag-2011, 18.01.01
    Description: 
    Regular tags.
*/
/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300|Josefin+Sans|Arimo:700|Oswald|Terminal+Dosis:400');

body {
    background: url("skin/bg_all.jpg") fixed center top #D1D9DD;
    color: #333;
    font-size: 87.5%; /* Base font size: about 14px */
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.429em;
    margin: 0;
    padding: 0;
    text-align: left;
}
header{background: transparent url('skin/bg_barre.png') repeat-x center bottom;height: 79px;}
footer {text-align:center; clear:both; display: block;padding:10px 0;}
small {font-size: 0.643em}

/* Headings */
h1 {letter-spacing:-2px;font-family: 'Ubuntu',serif; text-shadow: 1px 2px 0px #fff; font-weight:normal;}    /* 22px */
h2 {font-size: 1.571em; text-shadow: 1px 1px 0 #000;}	/* 22px */
h3 {font-size: 1.380em; text-shadow:1px 1px 0px #fff}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	    /* 14px */

h2, h3, h4, h5, h6 {
	font-family: 'Terminal Dosis',sans-serif;
	color:#333;
	font-weight: normal;
	line-height: 1.1;
	margin-bottom: .8em;	
        letter-spacing: -1px;
        text-shadow: 1px 1px 0px #fff
}
h2 span,h3 span,h4 span{color:#ce3000;}  

/* Anchors */
a {outline: 0; 	text-shadow: 1px 1px 0px #f0f0f0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #0090e3;
	padding: 0 4px;
	text-decoration: none;
}
a:hover, a:active {
	color:#0090e3;
	text-decoration: underline;
}

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {list-style: none; margin:0; padding:0;}
ol {list-style: outside decimal;}
dl {}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}

/* Thead */
thead th {padding: .5em .4em; text-align: left;}
thead td {}

/* Tbody */
tbody td {padding: .5em .4em;}
tbody th {}

tbody .alt td {}
tbody .alt th {}

/* Tfoot */
tfoot th {}
tfoot td {}

mark {padding:0 25px; font-weight: normal; font-style: normal;}
p, ul, ol, pre {line-height: 18px;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.standard_h4{
    position: relative;
    background:url('skin/pattern_20.png');
    font-weight: bold;
    letter-spacing: -1px;
    margin: 20px 15px 15px;
    padding: 8px 0 8px 10px;
    font-size:18px;
    text-align:center;
    font-family:'Quicksand';
    font-style:normal;
    color:#000;
}
/* =Containers
--------------------------------------------------------------------------------*/

#barre {
	background:transparent url(skin/bg_barre.png) repeat-x 0 0;
	border-bottom: 1px solid #FFFFFF;
    height: 78px;
    position: relative;
    z-index: 1;}

#container{
    margin-left: auto;
    margin-right: auto;
	margin-top: -80px;
	position:relative;
	z-index:2;
    width: 1080px; /* 980 */
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    /*-webkit-box-shadow: #666 0px 0px 5px;
    -moz-box-shadow: #666 0px 0px 5px;
    box-shadow: #666 0px 0px 5px;*/
    behavior: url(/PIE.php);
}


#content_for_layout {
	 background-color: #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 4px 4px #999999;
    -webkit-box-shadow: 0 4px 4px #999999;
    -moz-box-shadow: 0 4px 4px #999999;
    margin: 20px 0 0;
	 behavior: url(/PIE.php);}
	 


.half { width:480px; float:left;}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.aside, .content_grid, .fullcontent {
    display: inline;
    float: left;
    margin-left: 20px;
}

/* =Grid >> 3 Columns
--------------------------------------------------------------------------------*/
.aside{width:295px;}
.content_grid{width:610px;}
.fullcontent{width:925px;}

/* =Grid >> 3 Columns - no left margin
--------------------------------------------------------------------------------*/
.column1{margin-left:335px;}
.column2{margin-left:650px;}
.column3{margin-left:965px;}

.inside{margin-left:0;}

/*Griglia per maschere*/

/* griglia */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

.grid_1 {width:60px;}
.grid_2 {width:140px;}
.grid_3 {width:220px;}
.grid_4 {width:300px;}
.grid_5 {width:380px;}
.grid_6 {width:460px;}
.grid_7 {width:540px;}
.grid_8 {width:620px;}
.grid_9 {width:700px;}
.grid_10 {width:780px;}
.grid_11 {width:860px;}
.grid_12 {width:940px;}

.grid_1 input, .grid_1 textarea {width:40px;}
.grid_2 input, .grid_2 textarea {width:120px;}
.grid_3 input, .grid_3 textarea {width:200px;}
.grid_4 input, .grid_4 textarea {width:280px;}
.grid_5 input, .grid_5 textarea {width:360px;}
.grid_6 input, .grid_6 textarea {width:440px;}
.grid_7 input, .grid_7 textarea {width:520px;}
.grid_8 input, .grid_8 textarea {width:600px;}
.grid_9 input, .grid_9 textarea {width:680px;}
.grid_10 input, .grid_10 textarea {width:760px;}
.grid_11 input, .grid_11 textarea {width:840px;}
.grid_12 input {width:920px;}
.grid_12 textarea {width:920px; height:120px;}


input#ArticoliPrezzoVendita2,input#ArticoliPrezzoVenditaPromo{width:120px;}

select#ArticoliIvaId  {width:140px;}
select#ArticoliDisponibilita {width:220px;}

/*.grid_1 select {width:60px;}*/
/*.grid_4 select {width:300px;}*/
/*.grid_5 select {width:380px;}*/
/*.grid_6 select {width:460px;}*/
/*.grid_7 select {width:540px;}*/
/*
.grid_8 select {width:620px;}
.grid_9 select {width:700px;}
.grid_10 select {width:780px;}
.grid_11 select {width:860px;}
.grid_12 select {width:940px;}
*/

.grid_4 .date select {font-size: 13px; width: 97px;}
.grid_4 .date select#ArticoliDataInizioOffertaMonth {width:124px;}
.grid_4 .date select#ArticoliDataInizioOffertaDay {width:70px;}

.grid_6 .date select {font-size: 13px;width: 150px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clear:after {
    clear: both;
    content:' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clear {display: inline-block;}
* html .clear {height: 1%;}
.clear {display: block;}
.relative {position:relative;}
/*TOP feedback elements*/
#feedback {height: 32px; text-align: center;position: fixed;   border-top: 1px solid #eee;}
#error_message {height: 32px; text-align: center;position: fixed;   border-top: 1px solid #fff;}
mark.loading {
	background: url("skin/loading_bg.png") repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    box-shadow: 0 0 15px #000000, 0 0 1px #FFFFFF inset;
    -moz-box-shadow: 0 0 15px #000000, 0 0 1px #FFFFFF inset;
    -webkit-box-shadow: 0 0 15px #000000, 0 0 1px #FFFFFF inset;
    height: 34px;
    left: 50%;
    line-height: 34px;
    margin: 0 0 0 -153px;
    padding: 7px;
    position: fixed;
    width: 305px;
    z-index: 4;
	behavior: url(/PIE.php);}
	
mark.loading p {
	color: #C3C3C3;
    font-size: 12px;
    margin: 7px 0 0;
    text-align: center;}
	
mark.loading img {
	display: block;
    float: right;
}
	
mark.feedback {
    width:100%; z-index: 3;
    position:fixed; text-align: center;
    border-color: #FBF5B1 #DFD780 #DFD780 #FBF5B1;
    border-right: 1px solid #DFD780;
    border-style: solid;
    border-width: 1px;
    color: #6D7829;
    text-shadow: 0 1px 0 #FFFFFF;
    padding:5px 40px;
    top:0px; left:0px;
    background: #F3FFA3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F3FFA3), to(#D7FF14));
    background: -webkit-linear-gradient(#F3FFA3, #D7FF14);
    background: -moz-linear-gradient(#F3FFA3, #D7FF14);
    background: -ms-linear-gradient(#F3FFA3, #D7FF14);
    background: -o-linear-gradient(#F3FFA3, #D7FF14);
    background: linear-gradient(#F3FFA3, #D7FF14);
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    behavior: url(/PIE.php);
}

mark.error_message {
    font-family:Arimo;
    width:100%; z-index: 4;
    position:fixed; text-align: center;
    border-color: #BB3636 #BB3636 #BB3636 #BB3636;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-shadow: 0 1px 0 #333;
    padding:5px 40px;
    top:0px; left:0px;
    background: #FF7F47;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B50C0C), to(#E81717));
    background: -webkit-linear-gradient(#B50C0C, #E81717);
    background: -moz-linear-gradient(#B50C0C, #E81717);
    background: -ms-linear-gradient(#B50C0C, #E81717);
    background: -o-linear-gradient(#B50C0C, #E81717);
    background: linear-gradient(#B50C0C, #E81717);
    -pie-background: linear-gradient(#B50C0C, #E81717);
    -webkit-box-shadow: #444 0px 2px 5px;
    -moz-box-shadow: #444 0px 2px 5px;
    box-shadow: #444 0px 2px 5px;
    behavior: url(/PIE.php);
}

/* lists like tables! */
ul.rows { margin:0; padding:0; text-align:left; font-weight:normal; }



.rows li {
    clear:left; height:48px; line-height: 16px; font-size:0.96em;
    border-bottom:1px solid #f0f0f0;
    background-color: #FFFFFF;
}

.noheight li {
    clear:left; height:auto; line-height: 18px; font-size:0.96em;
    border-bottom:1px solid #f0f0f0;
    background-color: #FFFFFF;
}

.rows li:hover {
    background: #fdfdfd;
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F8FFB8), to(#D4FA00));
    background: -webkit-linear-gradient(#F8FFB8, #D4FA00);
    background: -moz-linear-gradient(#F8FFB8, #D4FA00);
    background: -ms-linear-gradient(#F8FFB8, #D4FA00);
    background: -o-linear-gradient(#F8FFB8, #D4FA00);
    background: linear-gradient(#F8FFB8, #D4FA00);
    -pie-background: linear-gradient(#F8FFB8, #D4FA00);
    behavior: url(/PIE.htc);*/
}

.rows_header li {
    font-size:0.94em;
    font-family:Arimo; color:#275873; text-shadow:1px 1px #fff;
    
}
.rows_header li:hover {
background-color:transparent;
    /*border-bottom:1px solid #ccc;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#D9D9D9));
    background: -webkit-linear-gradient(#FEFEFE, #D9D9D9);
    background: -moz-linear-gradient(#FEFEFE, #D9D9D9);
    background: -ms-linear-gradient(#FEFEFE, #D9D9D9);
    background: -o-linear-gradient(#FEFEFE, #D9D9D9);
    background: linear-gradient(#FEFEFE, #D9D9D9);
    -pie-background: linear-gradient(#FEFEFE, #D9D9D9);
    behavior: url(/PIE.php);*/
}

.simple_header li {
    background-color:#F5F5F5;
    font-size:0.94em;
    font-family:Arimo; color:#275873; text-shadow:1px 1px #fff;
}
.simple_header li:hover {background-color: #F5F5F5;}
.simple_header .input {margin: 0; padding: 0; float:left; padding-left:10px;}
.columns a{ text-decoration:none;}
.columns a.checked {padding:4px 5px; background-color:#fff;}

.columns li {display:inline-block; float: left; clear:none; background: none; }
.columns li.full {width:100%;}
.columns li.half {width:50%;}

.columns li.col0 {width:60px; padding:0 10px;}

.columns li.col1 {width:140px; padding:0 10px;}
.columns li.col1 a.azioni{line-height:52px;}
.columns li.col1 button {
    margin:0 0 0 -6px; 
    box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; 
    border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0;
    border-top:1px solid #228BB4; border-bottom:1px solid #DCDCDC;
    behavior: url(/PIE.php);
}

.columns li.col2 {width:300px; padding:0 10px;}
.columns li.col2 input {width:200px;}
.columns li.col2 button {
    margin:0 0 0 -6px; 
    box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; 
    border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0;
    border-top:1px solid #228BB4; border-bottom:1px solid #DCDCDC;
    behavior: url(/PIE.php);
}

.columns li.col3 {width:620px; padding:0 10px;}

.columns li.ten {width:10%;}
.columns li.five {width:5%;}

.columns li.action {float: right; clear:right;}

/*auxiliary grid/positioning/behaviour styles*/
.clear{display: block; clear:both;}
.center {text-align:center;}
.right{text-align:right; float:right;  display:inline-block;}
.click {cursor:pointer; color:#0081cd; }
span.click img{margin-top:6px;}
.hide {display: none;}
.small {font-size:0.8em; line-height: 0.8em;}
.light_color {color:#a0a0a0; text-shadow: 1px 1px 0px #fff;}
.borderbottom {border-bottom:1px solid #e0e0e0; width:400px;}

.pad0{padding:0;}

.liveedit {
    padding:0px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor:pointer;
    behavior: url(/PIE.php);
    /*background-color:#e0e0e0;*/
    color:#1474AE;
    /*display:inline-block;*/
}

.liveedit form {float:right;}

.required {color: #C74350;}
.error,.warning, .notice, .success {/*border-bottom: 1px solid #ddd;*/}

.error {
	border-color: #FBC2C4;
	color: #8a1f11;
	-moz-animation-name: bcolor;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 2s;
    /*clear:left;*/
}


@-moz-keyframes bcolor {
	0% {
		background-color: #FBE3E4;
	}

	100% {
		
		background-color:#fff;
	}
}

.warning {background-color: #FFF6BF; border-color: #FFD324; color: #514721;}
.notice {background-color: #FFF6BF; border-color: #FFD324; color: #514721;}
.success {background-color: #E6EFC2; border-color: #C6D880; color: #264409;}
.off {color: #888; text-shadow:1px 1px 0px #fff;}

.error a {color: #8a1f11;}
.warning a {color: #8a1f11;}
.notice a {color: #514721;}
.success a {color: #264409;}

.editme {background-image:url("skin/edit.png"); background-repeat: no-repeat; background-position: center left; padding:0px 5px; width:36px;}
div.pages {clear:left; padding:10px; border-top:1px solid #c0c0c0;}
div.pages a{}
.pad-10 {padding:10px;}
.pad-lr-10 {padding:0 10px;}
.pad-tb-10 {padding:10px 0;}

/* Input Types  & Forms Stuff */

span.cancella {padding:10px; background-image:url("skin/bgdel.png"); background-repeat: no-repeat; background-position: center left;}

div.input {
    padding:12px 0; 
    border-radius:8px; -webkit-border-radius:5px; -moz-border-radius:8px;
    behavior: url(/PIE.php);
}
div.submit {text-align:right;}
#CodiceScontoEditForm .error-message{
    top:25px;
}
div.error-message {
    font-size: 0.76em;
    height: 5px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
}


.fieldset {
    clear: both;
    height: 33px;
    margin-top: -40px;
    padding-top: 8px;
}
.fieldset .submit {
    float: right;
    margin:0px 5px;
}
fieldset {
    background: #f9f9f9;
    margin: 1.5em;
    padding: 2em;
}
legend {font-size: 1.25em; margin-bottom: 0 !important; margin-bottom: 1.429em; padding: 0 .5em;}
label  {font-size: 0.963em; height: 16px; line-height: 16px; display:inline-block; display:block;margin:0 0 15px; color:#082230; text-shadow:1px 1px 0px solid #fff; font-family:Arimo; padding-left:5px; }

select {
	border: 1px solid #D0D0D0;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px #C3C3C3;
    -moz-box-shadow: 0 0 5px #C3C3C3;
    -webkit-box-shadow: 0 0 5px #C3C3C3;
	color:#666;
    font-family: 'Terminal Dosis',sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px;
	behavior: url(/PIE.php);
}

.input_text_custom,
input,
input[type='text'],
input[type='email'],
input[type='password'],
input[type='url'],
textarea {
    border:1px solid #d0d0d0;
    color: #666;
	font-family: ubuntu,sans-serif;
    font-size: 13px;
    height: 34px;
    line-height: 34px;
    margin: 0 0 7px;
    padding: 0 10px;
    text-shadow: 1px 1px 0 #FFFFFF;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;-o-border-radius:3px;
    -webkit-box-shadow: #ccc 0px 0px 5px;
    -moz-box-shadow: #ccc 0px 0px 5px;
    box-shadow: #ccc 0px 0px 5px;
    behavior: url(/PIE.php);
}

textarea {height:250px;}


input[type='text']:hover,
input[type='email']:hover,
input[type='url']:hover,
textarea:hover {}

input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
textarea:focus {
    color:#444;
    background-color:#FFFD7C;
}
       
input[type='checkbox'], input[type='radio'] {
        display: block;
        margin-top: 4px;
}

input[type='submit'],button,.submit_btn {
	border: 1px solid #607D8D;
	color: #FFFFFF;
	cursor: pointer;	
    letter-spacing: 0;
	margin:0;
	padding: 8px 0.40em;
	text-align: center;
	text-shadow: -1px -1px 0 #336C8C;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 0px 2px 3px;
	-moz-box-shadow: #ccc 0px 2px 3px;
	box-shadow: #ccc 0px 2px 3px;
	background: #33a5e8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#33a5e8), to(#338dc2));
	background: -webkit-linear-gradient(#33a5e8, #338dc2);
	background: -moz-linear-gradient(#33a5e8, #338dc2);
	background: -ms-linear-gradient(#33a5e8, #338dc2);
	background: -o-linear-gradient(#33a5e8, #338dc2);
	background: linear-gradient(#33a5e8, #338dc2);
	-pie-background: linear-gradient(#33a5e8, #338dc2);
	behavior: url(/PIE.php);
    
}
a.submit_btn{
    color: #FFFFFF;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
}

#tabcontent button {margin: 0 0 20px; /*padding: 8px 15px;*/}

 input[type='submit']:hover,.submit_btn:hover {
    /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0.22, #33A5E8),color-stop(0.92, #338DC2));
    background:-moz-linear-gradient(center bottom , #33A5E8 22%, #338DC2 92%) repeat scroll 0 0 transparent;
    -pie-background: linear-gradient(#33A5E8,#338DC2);*/
    -moz-box-shadow:0 0 10px #777;
    -webkit-box-shadow:0 0 10px #777;
    box-shadow:0 0 5px #777;
    behavior: url(/PIE.php);
}

button:hover {
	/* background: -webkit-gradient(linear,left bottom,left top,color-stop(0.22, #33A5E8),color-stop(0.92, #338DC2));
    background:-moz-linear-gradient(center bottom , #33A5E8 22%, #338DC2 92%) repeat scroll 0 0 transparent;
    -pie-background: linear-gradient(#33A5E8,#338DC2); */
    -moz-box-shadow:0 0 5px #777;
    -webkit-box-shadow:0 0 5px #777;
    box-shadow:0 0 5px #777;
    behavior: url(/PIE.php);
}
input[type='submit']:focus,button:focus,.submit_btn:focus {
    box-shadow:0px 0px 0px #a0a0a0;  -webkit-box-shadow:0px 0px 0px #a0a0a0; -moz-box-shadow:0px 0px 0px #a0a0a0;
    behavior: url(/PIE.php);
}
/*input:required, textarea:required {outline: 1px solid #C74350;}      */

.actionlist li {line-height:36px; height:36px; border-bottom:1px solid #f0f0f0;}

a.switch {background-image:url("skin/off.png"); background-repeat: no-repeat; background-position: center left; display:block; width:60px;}
a.switch.on {background-image:url("skin/on.png"); background-repeat: no-repeat; background-position: center left; display:block; width:60px;}

/*ELEMENTI SPECIFICI*/
.searchbox { padding:10px; position:relative;
    background: #B3B3B3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5f5f5), to(#B3B3B3));
    background: -webkit-linear-gradient(#F5f5f5, #B3B3B3);
    background: -moz-linear-gradient(#F5f5f5, #B3B3B3);
    background: -ms-linear-gradient(#F5f5f5, #B3B3B3);
    background: -o-linear-gradient(#F5f5f5, #B3B3B3);
    background: linear-gradient(#F5f5f5, #B3B3B3);
    -pie-background: linear-gradient(#F5f5f5, #B3B3B3);
    behavior: url(/PIE.php);

}

ul.versioni {margin:0 10px; padding:0;}
ul.versioni li {margin:5px 0; text-shadow:1px 1px 0px #fff;}
ul.versioni li b {display:inline-block; width:110px;}

.liveform {padding:10px;}
.liveform p {margin:0;padding:6px;}
.liveform p span {padding:10px; color:#888; display:inline-block; border-bottom:1px solid #e0e0e0;}
.liveform p span.liveedit {color:#1474AE;}


/*navigation*/
nav {font-family:'Josefin Sans',sans-serif;}

.signup {padding:10px 0;}

nav.signup {height:24px;font-family:'ubuntu',sans-serif;font-size:12px; padding:0;}
nav.signup li { border-left: 1px solid #555555;
    border-right: 1px solid #333333;
    display: inline-block;
    float: right;
    line-height: 24px;
    margin: 0;
    padding: 0 10px 0 24px;}
nav.signup a {text-decoration:none; color:#C3C3C3; font-size:1.0em; text-shadow:-1px -1px 0px #000; }
nav.signup a:hover {text-decoration:underline; color:#C3C3C3; text-shadow:0px 0px 20px #000;}

nav.main {height:36px;  display:block; font-family: 'Ubuntu',arial,sans-serif; text-align:left; margin-left:0px;}
nav.main li { display:inline-block;margin-right:0px; line-height:34px; }
nav.main a {text-decoration:none; color:#fff; font-size:1.0em; text-shadow:0px -1px 0px #000; padding: 0 15px; text-transform:none; height:36px; display:block;}
nav.main a:hover {text-decoration:underline; color:#000;text-decoration:1px 1px #fff;}
nav.main a.current {text-decoration:underline; color:#FFF;  background: transparent url('skin/bg-menubar.png') no-repeat center bottom;}

nav.footernav {height:30px;  display:block; margin:0 auto; width:965px;}
nav.footernav li {display:inline-block; margin-right:20px; line-height:30px; }
nav.footernav a {text-decoration:none;  font-size:0.9em; color:#43545C;     text-shadow:1px 1px 0px #fff;}
nav.footernav a:hover {text-decoration:underline; color:#CE3000; }

/* */

li.utenti {background: transparent url('skin/users.png') no-repeat 5px 50%;border-left:0;}
li.user {background: transparent url('skin/user.png') no-repeat 5px 50%;}
li.logout {border-right:0;}

/* logo stuff */
div.logo {height:34px; float:left; position:absolute; top:0;}
div.logo a.dataappeal{width:220px; height:48px; display:block; float:left; background:url('skin/logo.png') no-repeat top left; text-decoration:none;}
div.logo span{clear:left; float:left; display:inline:block; font-size:12px; color:#4D4D4D;}
div.logo span i{color:#CE3000;}
div.logo span b{color:#CE3000;}

/*TABS*/
.minitabs {
/*	border-bottom: 1px solid #E4E4E5;*/
	display: block;
    margin: 0 10px;
    padding: 0 0 10px;
}
.minitabs li {
	background: #fefefe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe,), to(#f9f9f9));
	background: -webkit-linear-gradient(#fefefe, #f9f9f9);
	background: -moz-linear-gradient(#fefefe, #f9f9f9);
	background: -ms-linear-gradient(#fefefe, #f9f9f9);
	background: -o-linear-gradient(#fefefe, #f9f9f9);
	background: linear-gradient(#fefefe, #f9f9f9);
	-pie-background: linear-gradient(#fefefe, #f9f9f9);
    border-bottom: 1px solid #D6D8D9;
    border-right: 1px solid #D6D8D9;
    border-top: 1px solid #D6D8D9;
    color: #0091F7;
    cursor: pointer;
    float: left;
    font-family: ubuntu,arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0;
    padding: 0;
    text-shadow: 1px 1px #FFFFFF;
    behavior: url(/PIE.php);
}

.minitabs li:first-child {
	border-left:1px solid #D6D8D9;
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	behavior: url(/PIE.php);
	}
	
.minitabs li:last-child {
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	behavior: url(/PIE.php);
	}

.minitabs a, .minitabs a:link, .minitabs a:active, .minitabs a:visited {
	display:block;
	padding:7px 15px;
	text-decoration:none;
}
	
.minitabs li:hover {border:1px solid #c3c3c3;}
	
.minitabs li a:hover {
	box-shadow:0 0 5px #c3c3c3;
	-moz-box-shadow:0 0 5px #c3c3c3;
	-webkit-box-shadow:0 0 5px #c3c3c3;
	behavior: url(/PIE.php);
    text-decoration:underline;
}
.minitabs li a.current {
	color:#656768;
	box-shadow:0 0 5px #c0c0c0 inset;
	-moz-box-shadow:0 0 5px #c0c0c0 inset;
	-webkit-box-shadow:0 0 5px #c0c0c0 inset;
    background: #e4e4e4;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4,), to(#e1e1e1));
	background: -webkit-linear-gradient(#e4e4e4, #e1e1e1);
	background: -moz-linear-gradient(#e4e4e4, #e1e1e1);
	background: -ms-linear-gradient(#e4e4e4, #e1e1e1);
	background: -o-linear-gradient(#e4e4e4, #e1e1e1);
	background: linear-gradient(#e4e4e4, #e1e1e1);
	-pie-background: linear-gradient(#e4e4e4, #e1e1e1);
	behavior: url(/PIE.php);
}

/*Menu a discesa*/


#nav{
    list-style:none;
    /* Clear floats */
    float:left;
    width:100%;
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}
#nav li{
    float:left;
    position:relative;
    z-index:100;
}
#nav a{
    display:block;
    text-decoration:none;
}
#nav a:hover{
    /*text-decoration:underline;*/
	text-shadow:1px 1px #fff;
}

/*--- DROPDOWN ---*/
#nav ul{

    /*background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    /*background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	background:#fff;
	box-shadow:0 5px 3px #888;
	-moz-box-shadow:0 3px 3px #888;
	-webkit-box-shadow:0 3px 3px #888;
	padding: 0 10px 10px;
    list-style:none;
    position:absolute;
    left:-9999px;
	z-index: 2;/* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
    float:none;
	}
	
#nav ul a{
    color:#0091f7 !important;
	text-shadow:1px 1px #fff;
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}

#nav li:hover {
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e1e1e1), to(#fff));
	background: -webkit-linear-gradient(#e1e1e1, #fff);
	background: -moz-linear-gradient(#e1e1e1, #fff);
	background: -ms-linear-gradient(#e1e1e1, #fff);
	background: -o-linear-gradient(#e1e1e1, #fff);
	background: linear-gradient(#e1e1e1, #fff);
	-pie-background: linear-gradient(#e1e1e1, #fff);
	behavior: url(/PIE.php);
	height:36px;
	}

#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    /*background:#6b0c36;*/
	color:#000;
	text-shadow:1px 1px #fff;
	/*text-decoration:underline;*/
	
}
#nav li:hover ul li{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    background:#fff;
    margin-top:0px;
	color:#red;
    width:100%;
    border-bottom:1px solid #eeefef;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color:#f1f2f2;
	color:#666;
	text-shadow:1px 1px #fff;
}

.breadcumbs {border-bottom:1px solid #e0e0e0; font-size:12px; padding:0 10px; color:#888;}
.breadcumbs i{color:#333;}

/*toolbar*/
.toolbar {
    border-bottom:1px solid #ccc;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#F1F1F1));
    background: -webkit-linear-gradient(#FEFEFE, #F1F1F1);
    background: -moz-linear-gradient(#FEFEFE, #F1F1F1);
    background: -ms-linear-gradient(#FEFEFE, #F1F1F1);
    background: -o-linear-gradient(#FEFEFE, #F1F1F1);
    background: linear-gradient(#FEFEFE, #F1F1F1);
    -pie-background: linear-gradient(#FEFEFE, #F1F1F1);
    behavior: url(/PIE.php);
}
.toolbar h4 {color: #081316;
    font-family: 'Terminal Dosis';
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 17px 0;
}
.toolbar h4 a,
.toolbar h4 span{
    font-family: 'Terminal Dosis';
    font-size: 22px;
}
.toolbar li { background-color: transparent; height: 64px; line-height: 64px;}
.toolbar a {font-size:12px; font-family:Arial;}

.toolbardoc {
    border-bottom:1px solid #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#F1F1F1));
    background: -webkit-linear-gradient(#FEFEFE, #F1F1F1);
    background: -moz-linear-gradient(#FEFEFE, #F1F1F1);
    background: -ms-linear-gradient(#FEFEFE, #F1F1F1);
    background: -o-linear-gradient(#FEFEFE, #F1F1F1);
    background: linear-gradient(#FEFEFE, #F1F1F1);
    -pie-background: linear-gradient(#FEFEFE, #F1F1F1);
}
.toolbardoc h4 {color: #081316;
    font-family: 'Terminal Dosis';
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 17px 0;
}
.toolbardoc li { background-color: transparent; height: 80px; line-height: 80px;}
.toolbardoc a {font-size:12px; font-family:Arial;}
.toolbardoc label {padding:0; margin:0;}
/*toolbar2*/
.toolbar_mini {
    border-bottom:1px solid #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#F1F1F1));
    background: -webkit-linear-gradient(#FEFEFE, #F1F1F1);
    background: -moz-linear-gradient(#FEFEFE, #F1F1F1);
    background: -ms-linear-gradient(#FEFEFE, #F1F1F1);
    background: -o-linear-gradient(#FEFEFE, #F1F1F1);
    background: linear-gradient(#FEFEFE, #F1F1F1);
    -pie-background: linear-gradient(#FEFEFE, #F1F1F1);
    behavior: url(/PIE.php);
}
.toolbar_mini h4 {color: #081316;
    font-family: 'Terminal Dosis';
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 8px 0;
}
.toolbar_mini li { background-color: transparent; height: 32px; line-height: 32px;}
.toolbar_mini a {font-size:12px; }

/* back */

a.back, a.back:link, a.back:active, a.back:visited {background: url("skin/back.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 31px;
    margin: 16px auto 0;
    padding: 0;
    text-indent: -9999px;
    width: 34px;}
	
a.back:hover {background-position:0 -31px;}
/* cerca */

.search_input {width:190px !important;}

button.search_button {
	color:#3c3e3f;
	border:1px solid #c3c3c3;
	text-shadow:1px 1px #fff;
	background: #f1f1f1;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1f1f1,), to(#eaeaea));
	background: -webkit-linear-gradient(#f1f1f1, #eaeaea);
	background: -moz-linear-gradient(#f1f1f1, #eaeaea);
	background: -ms-linear-gradient(#f1f1f1, #eaeaea);
	background: -o-linear-gradient(#f1f1f1, #eaeaea);
	background: linear-gradient(#f1f1f1, #eaeaea);
	-pie-background: linear-gradient(#f1f1f1, #eaeaea);
	behavior: url(/PIE.php);}

/* nuovo */
	
a.new_button,
button.new_button {background: #92CF00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#92CF00,), to(#7caf00));
	background: -webkit-linear-gradient(#92CF00, #7caf00);
	background: -moz-linear-gradient(#92CF00, #7caf00);
	background: -ms-linear-gradient(#92CF00, #7caf00);
	background: -o-linear-gradient(#92CF00, #7caf00);
	background: linear-gradient(#92CF00, #7caf00);
	-pie-background: linear-gradient(#92CF00, #7caf00);
	behavior: url(/PIE.php);
    font-size: 13px;
    margin: 0 0 0 3px;
    padding: 8px 0.32em;
    }
	
span.addfiles {background: #92CF00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#92CF00,), to(#7caf00));
	background: -webkit-linear-gradient(#92CF00, #7caf00);
	background: -moz-linear-gradient(#92CF00, #7caf00);
	background: -ms-linear-gradient(#92CF00, #7caf00);
	background: -o-linear-gradient(#92CF00, #7caf00);
	background: linear-gradient(#92CF00, #7caf00);
	-pie-background: linear-gradient(#92CF00, #7caf00);
	box-shadow:0 2px 3px #CCCCCC;
	-moz-box-shadow:0 2px 3px #CCCCCC;
	-webkit-box-shadow:0 2px 3px #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border:1px solid #607D8D;
    color: #FFFFFF;
    display: block;
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    margin: 14px 0 0;
    padding: 8px 0.15em;
    text-align: center;
    text-shadow: -1px -1px #4D6133;
	behavior: url(/PIE.php);
	}
	
span.addfiles:hover {
	box-shadow:0 0px 5px #777;
	-moz-box-shadow:0 0px 5px #777;
	-webkit-box-shadow:0 0px 5px #777;
	behavior: url(/PIE.php);
}

/*myform*/
.myform {}
.myform h3 {font-family:Oswald;}
.myform input{}
.myform textarea{}
/*DA QUI LE MASCHERE*/

.titolo, .myform, .allegati_lista{margin:10px}

.titolo h3 {
	background-color: #F5F5F5;
	border-bottom:1px solid #e4e4e5;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0px;
    padding: 10px;
}
.titolo button {line-height:20px; height:auto; font-size:0.686em;}
.titoli_liste {}
	
.titolo_liste h4 {
	background-color: #FAFAFA;
    border-bottom: 1px dashed #F0F0F0;
    font-weight: bold;
    padding: 10px;
	letter-spacing:0;}
	
.titolo .liveedit {padding:0;}

/* griglia img */

ul.griglia_img {margin:10px;}

.griglia_img li, #thumbs li {
	background-color: #F8f8f8;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #C3C3C3;
    -moz-box-shadow: 0 0 5px #C3C3C3;
    -webkit-box-shadow: 0 0 5px #C3C3C3;
	behavior: url(/PIE.php);
    margin: 10px;}
	
.griglia_img img, #thumbs img  {
	margin:10px;
}

#thumbs .azioni img {margin: 0 5px}
	
.griglia_img p, #thumbs p  {
	font-size: 12px;
    height: 18px;
    margin: 0 10px 10px;
    overflow: hidden;
    text-align: center;
}

.griglia_img div.azioni {
	height: 44px;
    margin: 0 auto;
    width: 44px;}
	
.griglia_img a.azioni {
	display: block;
    padding: 0;}

.griglia_img .azioni span {
	display: block;
    float: left;}
	
/* */

#thumbs .azioni {
	border-top: 1px dashed #EBEBEB;
    margin: 10px;
    padding: 10px 0 0;
    text-align: center;}
	
/* edit img */

.img_edit img {
	border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #C3C3C3;
    padding: 10px;
}

/* inserimento */

.inserimento_foto, .inserimento_allegati {
	background-color: #FAFAFA;
    margin: 10px;}
	
.inserimento_foto button, .inserimento_allegati button {
	margin: 42px 0 0 0 !important;
	padding:8px !important;}

.inserimento_foto span.addfiles, .inserimento_allegati span.addfiles {margin: 42px 0 0;}

/* mappa tag */

.levels {margin: 0 10px;
    overflow: auto;
	padding:0 0 20px}

.level {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-shadow:0 2px 1px #c3c3c3;
	-moz-box-shadow:0 2px 1px #c3c3c3;
	-webkit-box-shadow:0 2px 1px #c3c3c3;
	background-color: #F3F3F3;
    margin: 10px;
	behavior: url(/PIE.php);}
	
.level ul.rows {margin:10px;}

#level_1 .rows li {
	background:transparent url(skin/master_tag.png) no-repeat left center;
	padding:0 0 0 20px;
	}

.level .rows li {
	background-color: transparent ;
    border-bottom: 1px dashed #C4C5C5;
    font-family: 'ubuntu',arial,sans-serif;
    font-size: 13px;
    height: auto;
	line-height:32px;
    padding: 0;
	}
	
.level input {/*width: 225px;*/ }
input#input_level {width: 225px;}

.level input[type="submit"], .level button {
	font-size: 18px;
    font-weight: bold;
    margin: 5px 0 15px;
    padding: 3px 5px;}
	
.level .icone {display: block;
    float: right;
    height: 24px;
    margin: 4px 0 0 5px;
    padding: 0;}
	
.level .edit {display: block;
    height: 24px;
    padding: 0;
    width: 24px;}
	
.level .name {display: block;
    float: left;
    width: 152px;
	margin:0 5px 0 0;}

.level .current {	
	background: url("skin/current_level.png") no-repeat scroll left center transparent;
    color: #777777;
    font-weight: bold;
    padding: 0 0 0 24px;
    width: 128px !important;}
	
button.button_right {
	float: right;
    margin: 6px 8px 15px 0;}
	
/* allegati */

.allegati_lista span {
	display: block;
    float: right;
    height: 24px;
    margin: 6px 0 0 5px;
    padding: 0;}
	
.ac_results {
    -webkit-box-shadow:0 0 10px #A0A0A0 inset;
    -moz-box-shadow:0 0 10px #A0A0A0 inset;
    background-color:window;
    border-color:#AFAFAF #FFFFFF #FFFFFF #AFAFAF;
    border-style:solid;
    border-width:1px;
    /*height:150px;*/
    margin:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding:5px 0;
    z-index:10000;
	behavior: url(/PIE.php);
}
.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}
.ac_results li {
    background-color: #f1f1f1;
    border-bottom: 1px solid #EBEBEB;
    cursor: pointer;
    display: block;
    font: menu;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    padding: 2px 5px;
    text-align: left;
    width: 95%;
}

.ac_results li:hover {background-color:#666}

.ac_loading {background : Window url('skin/loadingsmall.gif') right center no-repeat;/*indicator.gif*/}
.ac_over {background-color: Highlight;color: HighlightText;}

/* tag articoli */


a.disattivo {
    color:#888; text-indent:-9999px;
    width:16px; height:16px; line-height:18px;
    background: url('skin/checkbox.png') no-repeat 0 0px transparent;
    display: inline-block; 
}
a.attivo {
    color:#FF5500; text-indent:-9999px;
    width:16px; height:16px; line-height:18px;
    background: url('skin/checkbox.png') no-repeat 0 -16px transparent;
    display: inline-block; 

}
a.filtro_top{
    width:12px; height:10px; 
    display: inline-block; 
    margin: 0; padding:0;
}

.inserimento_tags {
	background-color: #F8F8F8;
    border-bottom: 1px solid #EBEBEB;
    margin: 10px;
    padding: 10px 10px 4px;}

.inserimento_tags h5 {
	color: #888888;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 8px 0 0;}
	
.lista_tags {margin:0 10px;}

.tag_collegato {font-weight:bold;}

.tag_padri {color: #888888;
    font-size: 12px;
    font-style: italic;}
	
.icona span {
	display: block;
    float: right;
    height: 24px;
    margin: 6px 3px;}
	
/* titolo aggiungi */

h4.aggiungi_caratteristica {
	margin: 10px;
    padding: 0;}
	
h4.aggiungi_caratteristica a, h4.aggiungi_caratteristica a:link, h4.aggiungi_caratteristica a:active, h4.aggiungi_caratteristica a:visited {
	background:url("skin/add_car.png") no-repeat scroll 905px 10px transparent;
	display:block;
	margin: 0px;
    padding: 10px;}
	
h4.currenttab a {
	box-shadow: -1px -1px 2px #C3C3C3;
	-moz-box-shadow: -1px -1px 2px #C3C3C3;
	-webkit-box-shadow: -1px -1px 2px #C3C3C3;
	-o-box-shadow: -1px -1px 2px #C3C3C3;
	-ms-box-shadow: -1px -1px 2px #C3C3C3;
    color: #666666;
    text-decoration: none;
    text-shadow: 1px 1px #FFFFFF;
    behavior: url(/PIE.php);
}
	
.chiave {font-weight:bold;}

.mappa ul li {margin-left:20px; line-height:24px;}
.mappa ul li a.on, .mappa_articolo ul li a.on {color:#ce3000;}


.coolliveform {
    position:absolute; 
    top:-18px;
    padding:20px; z-index:10;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 0px 8px;
    -moz-box-shadow: #666 0px 0px 8px;
    box-shadow: #666 0px 0px 8px;
    background: #EBEBEB;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EBEBEB), to(#B0B0B0));
    background: -webkit-linear-gradient(#EBEBEB, #B0B0B0);
    background: -moz-linear-gradient(#EBEBEB, #B0B0B0);
    background: -ms-linear-gradient(#EBEBEB, #B0B0B0);
    background: -o-linear-gradient(#EBEBEB, #B0B0B0);
    background: linear-gradient(#EBEBEB, #B0B0B0);
    -pie-background: linear-gradient(#EBEBEB, #B0B0B0);
    behavior: url(/PIE.php);
}
.coolliveform textarea {height:136px; width:360px; line-height:24px;}
input.coolinput {min-width:200px;}
.coolarrow {position:absolute; top:-5px; right:-18px;}
.coolarrow img {float:left; display:none;}

.liveoff {color:#c0c0c0;}

/* ::::::::: Mappa Articolo ::::::: */

p.info {
	background: url("skin/info.png") no-repeat scroll left center transparent;
    border-bottom: 1px solid #EBEBEB;
    color: #888888;
    font-family: 'ubuntu',sans-serif;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0;
    margin: 0 10px 10px;
    padding: 10px 0 10px 24px;}

.mappa_articolo {margin: 0 0 20px;}	

.mappa_articolo h4 {
	font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 10px;}

.mappa_articolo h4 a {display: block;
    float: left;
    font-family: arial,sans-serif;
    font-size: 10px;
    margin: 4px 5px 0 0;}
	
.sezioni_mappa { border-left: 1px solid #EBEBEB; }
	
.sezioni_mappa li, .marche_articolo  li{margin:3px 0 3px 16px;border-bottom: 1px dashed #ebebeb;padding:5px;font-weight:bold;}

.sezioni_mappa li a {
	
	background: url("skin/indent.png") no-repeat scroll left center transparent;
	display: block;
    padding: 0 0 0 24px;}
	
.sezioni_mappa li ul li {border: 0;font-weight:normal;}

.obbligatorio {color:#ce3000;}

label[for=ListinoIvaId] {display:none;}
/*TOOLTIP FICHISSIMO*/

span.tip {
  color: red;
  text-decoration: none;
  cursor:pointer;
}

span.tip:hover {
  color: red;
  position: relative;
}

span.tip[title]:hover:after {
    margin:10px;
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 100%; /*0*/
  top: -100%; /*100%*/
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  z-index:3;
  behavior: url(/PIE.php);
}

.prezzi {font-size:13px;}
.prezzi b{font-weight:normal;}
.prezzi h5{font-family:"Terminal Dosis"; font-size:1.26em; letter-spacing:1px;}
.prezzi h5 span{color:#689300;}
.prezzi li {
    min-height:56px; border-bottom:1px solid #e0e0e0; line-height:56px; background-color:#ccc;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e5e5e5));
    background: -webkit-linear-gradient(#ffffff, #e5e5e5);
    background: -moz-linear-gradient(#ffffff, #e5e5e5);
    background: -ms-linear-gradient(#ffffff, #e5e5e5);
    background: -o-linear-gradient(#ffffff, #e5e5e5);
    background: linear-gradient(#ffffff, #e5e5e5);
    -pie-background: linear-gradient(#ffffff, #e5e5e5);
    behavior: url(/PIE.php);
}
.prezzi .prezzi_header{border-bottom:1px dotted #ccc; margin-bottom:8px;}
.date-error {background-color:#D5F764;}


/*Documento*/
.nuovo_doc {    
    position:absolute;
    top:70px; right:0px;
    width:440px;
    /*height:200px;*/
    border:1px solid #ccc;
    z-index:10;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: #a0a0a0 0px 5px 10px;
    -moz-box-shadow: #a0a0a0 0px 5px 10px;
    box-shadow: #a0a0a0 0px 5px 10px;
    background: #F1F1F1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F1F1F1), to(#FFFFFF));
    background: -webkit-linear-gradient(#F1F1F1, #FFFFFF);
    background: -moz-linear-gradient(#F1F1F1, #FFFFFF);
    background: -ms-linear-gradient(#F1F1F1, #FFFFFF);
    background: -o-linear-gradient(#F1F1F1, #FFFFFF);
    background: linear-gradient(#F1F1F1, #FFFFFF);
    -pie-background: linear-gradient(#F1F1F1, #FFFFFF);    
    behavior: url(/PIE.php);
}
.nuovo_doc label {margin-top:22px; line-height:20px;}

input#NumDocumento {width:40px;}

.aggiungi_riga{margin-top:10px;}

.pagamento_select select{font-size:14px; padding:0;}
.pagamento_select button{font-size:12px; padding:1px;}

.articoli_collegati img {float:left; margin:10px 10px 0 10px; padding: 0;}
.articoli_collegati li {line-height:34px;}

#prezzi_pers label{display:none;}

#upload_button{display: none;}
#file_placeholder,#ArticoliPhoto {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); height:0;}


#upload{
    text-align:center;
}
.upload #carica_file{
    margin:15px 0;
}
.coda{
    margin:15px 0 0;
}
.upload .progress{
    margin:10px auto 15px;
}
#mail{
    margin:10px 10px 35px;
    text-align:center;
}
#mail h4,
.upload h4,
.associated_file h4{
    text-align:left;
    margin:10px 0 10px 20px;
}
.text_input{
    display: inline-block;
    width:auto !important;
}


/*input type file*/
.input_file{
    position:relative;
    margin: 0 auto;
    width: 250px;
}
.input_file .file_field{
    position: absolute;
    width:250px;
    z-index:5;
    box-shadow:none;
    height:auto;
    text-align:center;
    font-size:15px;
    height:38px;
    margin:-1px 0 0 0;
    cursor: pointer;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
}
.input_file .text_field{
    width:150px;
    margin-right:5px;
}
.input_file .button_field{

}



/*campo intro*/
.desc,
.intro{
    text-align: left;
}
.desc{
    float:left;
    margin-left: 15px; 
}
.intro{
    float:right;
    margin-right: 15px; 
}
.desc label,
.intro label{
    display: inline-block;
    margin:10px 0 5px 10px;
}



.border{
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #E5E5E5;
    padding: 15px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url('/PIE.php');
}


.black{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=7);
    z-index:99;
}





.modifica_file{
    position: absolute;
    width:400px;
    left:260px;
    top:-50px;
    z-index: 150;
    padding: 0 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #444 0px 0px 10px;
    -moz-box-shadow: #444 0px 0px 10px;
    box-shadow: #444 0px 0px 10px;
    background: #fff;
    behavior: url('/PIE.php');
    text-align: center;
}
.modifica_file_input {
    text-align: center;
    width: 300px !important;
    box-shadow:none !important;
}
.standard_button.blue.carica_file {
    margin: 0 0 10px;
}
.modifica_file .percent{
    top:-7px;
}









.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.btn-large [class^="icon-"] {
  margin-top: 1px;
}

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}

.btn-small [class^="icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}


[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("bootstrap/img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}
.icon-pencil {
  background-position: 0 -72px;
}



/*pannelli di successo/errore*/
.neutral_box{
    position: relative;
    z-index:0;
    padding:10px;
    background-image:url('skin/pattern_20.png');
    background-color: #E1EAF2;
    color:#333;
    line-height: 21px;
    margin: 10px 15px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url('/PIE.php');

    font-size:13px;
    text-align:center;
    font-family:'Ubuntu';
}
.error_box{
    position: relative;
    z-index:0;
    padding:10px;
    background-image:url('skin/pattern_20.png');
    background-color: #c60000;
    color:#eee;
    line-height: 21px;
    margin: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 3px;
    -moz-box-shadow:  rgba(0,0,0,0.3) 0px 0px 3px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 3px;*/
    behavior: url('/PIE.php');

    font-size:13px;
    text-align:center;
    font-family:'Ubuntu';
}
.success_box{
    position: relative;
    z-index:0;
    padding:10px;
    background-image:url('skin/pattern_20.png');
    background-color: #A8CC61;
    color:#fff;
    line-height: 21px;
    margin: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 3px;
    -moz-box-shadow:  rgba(0,0,0,0.3) 0px 0px 3px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 3px;*/
    behavior: url('/PIE.php');

    font-size:13px;
    text-align:center;
    font-family:'Ubuntu';
}

#colorpicker {
    float: right;
    position: absolute;
    right: -60px;
    z-index: 100;
}



/*integrazioni*/
#thumbs.pics p{
    margin: 0;
    height: auto !important;
}
#thumbs.pics h6{
    margin: 0;
    padding: 3px 10px;
    text-align: left;
}



.ClientiTesto{
    display:block;
    margin: 0 10px;
    width: 90%;
    height: 250px;
    line-height: 24px;
    padding: 10px 10px 0px;
    text-align:left;
    background: #fff;
}
.ordini_rows li,
.clienti_rows li,
.bartolini_rows li{
    line-height: 48px;
}
#OrdiniwebRows .rows li{
    /*line-height: 22px;*/
}
.ordiniweb_tabs {
    margin: 0 10px;
    padding: 0 10px;
}
.ordiniweb_tabs a {
    float: left;
    padding: 10px 10px;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    behavior: url('/PIE.php');
}
.ordiniweb_tabs a.current,
.ordiniweb_tabs a:hover{
    background: #F0F0F0;
    color:#0090e3;
}
.tabs {
    background: none repeat scroll 0 0 #F0F0F0;
    margin: 0 10px;
    padding: 10px 0;
}

.bartolini_form input{
    width: 80%;
}
.bartolini_form label{
    text-align: left;
}
.bartolini_field{
    margin: 0;
}
.bartolini_field .input{
    width: 24%;
    margin: 0 0.5%;
    float: left;
    text-align: center;
}
.bartolini_field .smallInput {
    width: 15%;
}
.bartolini_field .smallInput input {
    width: 50%;
}
.bartolini_field .input .error-message {
    height: auto;
    position: static;
}

.magg{
    padding: 8px;
    margin: 0 5px;
    background: url(skin/subcat.png) center no-repeat;
}
.riga_taglia {
    display: inline-block;
    font-size: 13px;
    margin: 0 2px;
    padding: 1px 4px;
}

#editable {overflow:auto;}

#listinoprezzi.rows li{
    height: auto;
    text-align: center;
}
#listinoprezzi.rows > li{
    padding: 10px 0;
}
#listinoprezzi.rows > li li{
    border: none;
}
#listinoprezzi img {
    margin: -5px 0 -7px;
}



#filters fieldset {
    border: 1px solid #DDDDDD;
    display: inline-block;
    margin: 10px;
    padding: 10px 5px;
    vertical-align: middle;
}
.feedback {
    font-size: 14px;
    margin: 15px 20px;
    position: relative;
}



.modal {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 50%;
    margin-left: -250px;
    position: fixed;
    top: 200px;
    width: 500px;
    z-index: 1000;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0 0 15px 0;
    -moz-box-shadow: 0 0 15px 0;
    box-shadow: 0 0 15px 0;
}

.dashboard_box{
    padding: 20px 10px;
    margin: 10px;
}
.dashboard_box table {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 3px 3px 3px 3px;
}
.dashboard_box th{
    border: 1px solid #e5e5e5;
    background: #F5F5F5;
}
.dashboard_box td{
    border: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5; 
}
.dashboard_box td+td{
    border:none;
}
.dashboard_box th,
.dashboard_box td{
    padding: 7px 5px;
    text-align: center;
}


.btn_close {
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 20px;
    z-index: 2;
}


.codice_sconto {
    letter-spacing: 0;
    padding: 15px 20px;
    text-align: right;
}

.feedback_row{
    height: auto !important;
    padding: 10px 0px;
    border-bottom: 1px solid #F0F0F0;
}
.feedback_row li{
    height: auto;
    border:none;
}