body {margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.clear {clear:both;}
a.logout {
    width:130px;
    background:url(img/logoff.png) no-repeat top left;
    padding:0px 0px 20px 50px;
    line-height:14px;
}
.box_user{
    color:#ededed;font-size:17px;width:455px;height:80px;margin:0;padding:15px;float:right;
    
font-family: 'FluxBold';
}
    .box_user u {
        font-size:24px;
    }
.box_user a:visited, .box_user a:active, .box_user a:link{
 color:#ededed;
}
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
.search_box {position:absolute; visibility: hidden; background-color: white;}
.search{ background:url(img/bg_search.gif) no-repeat; height:39px; font-size:16px; font-weight:bold; text-align:left; padding:10px 10px 0 45px;}
.search a, .search a:visited{ text-decoration:none; color:#333333;}
/********************************      Splash page      ********************************/
.forgot_pw {padding:8px; width:160px; background: url(img/icone/information.png) #333333;  background-position: 5px 7px !important;background-repeat: no-repeat !important;}
.forgot_pw a,.forgot_pw a:visited { text-decoration:none; color:#FFFFFF}
.form_txt {float:left; text-align:right; width:100px; line-height:25px; margin:0 10px 5px 0; color:#FFFFFF; font-weight:bold;display:inline;}

/********************************      Sidebar      ********************************/

.sidebar_link a, .sidebar_link a:visited { color:#fff}
#main-nav ul li , #submenu  ul li {list-style: none;margin: 0 0 5px -20px;text-align: right;padding: 0;}
#main-nav a, #main-nav a:visited {color:#fff;}
#main-nav a:hover {color:#fff;}
.main_nav_item { background:url(img/bg-menu-item-blue.png) no-repeat;padding: 10px 15px;color: #fff; font-size: 11px;font-weight:bold;cursor: pointer;display: block;text-decoration: none;} .main_nav_item_title { background:url(img/bg-menu-item-blue.png) no-repeat;padding: 10px 15px;color: #fff;font-size: 11px;font-weight:bold;display: block;}
.main_nav_item_sub { background:url(img/subitem.png) no-repeat;padding: 10px 15px;font-size: 11px;font-weight:bold; cursor: pointer;display: block;text-decoration: none;}
.main_nav_item_sub li a, .main_nav_item_sub li a:visited { color:#999999}
#submenu a, #submenu a:visited { color:#000000}
#submenu a:hover { color: #0066CC}
#sidebar {background: url('img/bg-sidebar.gif') top left no-repeat;width: 230px;height: 100%;position: absolute;left: 0;top: 0;color: #888;font-size: 11px;}
		
/********************************      CONTENT      ********************************/	
#content_wrapper { margin:0px 30px 30px 30px}
.content-box { border: 1px solid #ccc;margin: 0px 0px 20px 0px;background: #fff;}
.content-box-header {background-color: #e5e5e5;margin-top: 1px;height: 32px;font-size:13px;font-weight:bold;padding:10px 0 0 10px;}	
.content-box-header_small {background-color: #e5e5e5;margin-top: 1px;height: 25px;font-size:11px;font-weight:bold;padding:10px 0 0 10px;}	

.content-box-content {padding: 10px;font-size: 12px;border-top: 1px solid #ccc;background-color:#f4f4f4;}	
.content_collapse { display:none; padding:5px 0 10px 0}	
/********************************      footer   */
#footer {margin: 0px 30px 0 30px;padding: 10px 0;font-size: 11px;}
/************ Shortcut Buttons ************/
.content-box-content ul {list-style:none;  padding:0 0 0 0; margin:0 0 0 0;}
ul.shortcut-buttons-set li {list-style:none;float: left;margin: 0 15px 0 0;padding: 0 !important;background: 0;}
.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('img/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 180px;
                margin: 0 0 20px 0;
                font-family: 'FluxBold';
                -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;
                }
.shortcut-button span {
               background-position: center 15px;
                background-repeat: no-repeat;
                border: 1px solid #fff;
                display:block;
                padding: 78px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 15px;
                line-height: 1.3em;

                }

.customers span {
                background-image: url(img/customer.png); background-repeat:no-repeat;
                }
                .orders span {
                background-image: url(img/orders.png); background-repeat:no-repeat;
                }
                  .contrassegni span {
                background-image: url(img/contrassegni.png); background-repeat:no-repeat;
                }
                   .ldv span {
                background-image: url(img/ldv.png); background-repeat:no-repeat;
                }
                .qorders span {
                background-image: url(img/q_order.png); background-repeat:no-repeat;
                }
                .newsletter span {
                background-image: url(img/newsletter.png); background-repeat:no-repeat;
                }
                 .products span {
                background-image: url(img/prodotti.png); background-repeat:no-repeat;
                }
                  .seo span {
                background-image: url(img/seo.png); background-repeat:no-repeat;
                }
                    .dhl span {
                background-image: url(img/dhl.png); background-repeat:no-repeat;
                }
                  .sitemap span {
                background-image: url(img/sitemap.png); background-repeat:no-repeat;
                }
                .banner span {
                background-image: url(img/banner.png); background-repeat:no-repeat;
                }
                .mail span {
                background-image: url(img/mail.png); background-repeat:no-repeat;
                }
                 .esigenze span {
               background-image: url(img/esigenze.png); background-repeat:no-repeat;
                }
            .suppliers span {
               background-image: url(img/fornitori.png); background-repeat:no-repeat;
                }    
    .q_iva span {
               background-image: url(img/calculator.png); background-repeat:no-repeat;
                } 
                .invoice span  {
                background-image: url(img/invoice.png); background-repeat:no-repeat;
                }  
                 .invoice1 span  {
                background-image: url(img/invoice1.png); background-repeat:no-repeat;
                }  
                 .magazzino span  {
                background-image: url(img/magazzino.png); background-repeat:no-repeat;
                }             
                   .task span  {
                background-image: url(img/tasks.png); background-repeat:no-repeat;
                } 
.tools span {
                  background-image: url(img/tools.png); background-repeat:no-repeat;
                }
                .cash span {
                  background-image: url(img/money.png); background-repeat:no-repeat;
                }
                .promo span {
                  background-image: url(img/promo.png); background-repeat:no-repeat;
                }
                .schedulation span {
                  background-image: url(img/icone/schedule.png); background-repeat:no-repeat;
                }
                .newsletters span {
                  background-image: url(img/icone/newsletters.png); background-repeat:no-repeat;
                }
                 .shipping span {
                  background-image: url(img/icone/shipping.png); background-repeat:no-repeat;
                }
 .areas span {
                  background-image: url(img/areas.png); background-repeat:no-repeat;
                }

                .reports span {
                background-image: url(img/reports.png); background-repeat:no-repeat;
                }
.admin span {
               background-image: url(img/settings.png); background-repeat:no-repeat;
                }
                .sda span {
                background-image: url(img/sda.gif);
                }
                .competitor span {
                background-image: url(img/competitors.png);
                }
                .brt span {
                background-image: url(img/bartolini.gif);
                
                }
                .cms span {
                background-image: url(img/content2.png);
                }
                .roles span {
                background-image: url(img/roles.png);
                }
                  
           .statusorder span {
                background-image: url('img/statusordini.png'); background-repeat:no-repeat;
                }   
                 .contatti span {
                background-image: url('img/contatti.png'); background-repeat:no-repeat;
                }     
                
.query span {
                background-image: url('img/query.png'); background-repeat:no-repeat;
                } 
                .world span {
                background-image: url(img/world.png); background-repeat:no-repeat;
                } 
                 .sold_P span {
                background-image: url(img/prodottisold.png); background-repeat:no-repeat;
                } 
.shortcut-buttons-set a {
color:#333333;
text-decoration:none;                 
                }
.shortcut-button:hover {
                background: #042a33;                                           
                color: #fff;                                           
                }                                             
.shortcut-button span:hover {
                                                               color: #fff; 
                }

/************ Button ************/

.price{ font-size:16px; font-weight:bold; color:#000; margin-bottom:5px; display:block;}
	
	/*CollapsiblePanel*/
.collapsePanel {
	width: 100%;
	height:0px;
	background-color:#ffffff;/*white*/
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;		
	height:30px;
	background:url(img/sfondo.jpg) no-repeat -130px -30px;
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}	
.preview{
	background-image: url(img/icone/preview.png);
	background-position: left center;
	background-repeat: no-repeat;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	height: 22px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 25px;
	margin: 0px;
	font-weight: bold;
}
.modifica{
	background-image: url(img/icone/pencil.png);
	background-position: left center;
	background-repeat: no-repeat;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	height: 22px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 25px;
	margin: 0px;
	font-weight: bold;
}
.elimina{
	background-image: url(img/icone/cross.png);
	background-position: left center;
	background-repeat: no-repeat;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	height: 22px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 25px;
	margin: 0px;
	font-weight: bold;
}

.aggiornata{
	background-image: url(img/aggiornato.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	height: 20px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;

}
.aggiornata-no{
	background-image: url(img/aggiornata-no.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	height: 20px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;

}
.immagini
{border:#666666 double;
}
					
					
					.jx-nav-menu a:hover {
	background-color:#363636;
	color:#fff;
					}

.modalBackground

{

  background-color:000000F;

  filter:alpha(opacity640);

  opacity:0.5;

}

 



 


.ModalWindow

{

  border: solid 1px #c0c0c0;

  background:#f0f0f0;

  padding: 0 10px 10px px10px;

  position:absolute;

  top:-1000px;

}

@font-face {
    font-family: 'FluxBoldItalic';
    src: url('css/flux-bolditalic-webfont.eot');
    src: url('css/flux-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/flux-bolditalic-webfont.woff') format('woff'),
         url('css/flux-bolditalic-webfont.ttf') format('truetype'),
         url('css/flux-bolditalic-webfont.svg#FluxBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FluxBold';
    src: url('css/flux-bold-webfont.eot');
    src: url('css/flux-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/flux-bold-webfont.woff') format('woff'),
         url('css/flux-bold-webfont.ttf') format('truetype'),
         url('css/flux-bold-webfont.svg#FluxBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FluxItalic';
    src: url('css/flux-italic-webfont.eot');
    src: url('css/flux-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/flux-italic-webfont.woff') format('woff'),
         url('css/flux-italic-webfont.ttf') format('truetype'),
         url('css/flux-italic-webfont.svg#FluxItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FluxMedium';
    src: url('css/flux-webfont.eot');
    src: url('css/flux-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/flux-webfont.woff') format('woff'),
         url('css/flux-webfont.ttf') format('truetype'),
         url('css/flux-webfont.svg#FluxMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1, h2, h3 {
font-family: 'FluxBold';
background:url(img/1_pix.gif) repeat-x bottom;padding-bottom:5px;display:block
}						
.pagertab
{
    position:fixed;
    top:300px;
    left:20px;
    width:20px;
    height:200px;
    display:block;
    }

input[type=text],input[type=number] {


  height: 14px;
  padding: 6px 5px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type=text]:focus,input[type=number]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type=text]:-moz-placeholder {
  color: #999999;
}

input[type=text]::-moz-placeholder {
  color: #999999;
}

input[type=text]:-ms-input-placeholder {
  color: #999999;
}

input[type=text]::-webkit-input-placeholder {
  color: #999999;
}

input[type=text][disabled],input[type=number][disabled],
input[type=text][readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type=password] {


  height: 14px;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type=password]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type=password]:-moz-placeholder {
  color: #999999;
}

input[type=password]::-moz-placeholder {
  color: #999999;
}

input[type=password]:-ms-input-placeholder {
  color: #999999;
}

input[type=password]::-webkit-input-placeholder {
  color: #999999;
}

input[type=password][disabled],
input[type=password][readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea {


  padding: 6px 2px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

textarea:-moz-placeholder {
  color: #999999;
}

textarea::-moz-placeholder {
  color: #999999;
}

textarea:-ms-input-placeholder {
  color: #999999;
}

textarea::-webkit-input-placeholder {
  color: #999999;
}

textarea[disabled],
textarea[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.button {
	display: inline-block;
	font-weight: bold;
	font-family:  Arial, sans-serif;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	
	-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
}

.button:active {
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.button.medium i {float: left;margin: 2px 5px 0px -5px;}
.button.small i {float: left;margin: 1px 5px 0px -3px;}

.button.medium  {
	padding: 7px 14px;
	font-size: 14px;
}

.button.small {
	padding: 6px 12px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 16px;
}


/* Input Button
==========================*/
.button {
	display: inline-block;
	font-weight: bold;
	font-family:  Arial, sans-serif;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	margin: 0 5px 5px 0;

	-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	padding: 7px 14px !important;
	font-size: 14px;
	width: auto !important;
}

.button:active {
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}


/* Yellow Button
==========================*/
.button, input[type="button"] {
	border: 1px solid #e6bd4c;
	    background-color: #FCCC73;
    color: #754c00;
    text-shadow: 1px 1px 0px #ffebb7;
    background-image: -ms-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
}

.button:hover, input[type="button"]:hover {background: #fbd684;}



/* Input Button
==========================*/
.button_red {
	display: inline-block;
	font-weight: bold;
	font-family:  Arial, sans-serif;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	margin: 0 5px 5px 0;

	-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	padding: 7px 14px !important;
	font-size: 14px;
	width: auto !important;
}

.button_red:active {
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}


/* Red Button
==========================*/
.button_red {
	border: 1px solid #ff7676;
	    background-color: #fe8585;
    color: #7a3636;
    text-shadow: 1px 1px 0px #ffc0c0;
    background-image: -ms-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
}

.button_red:hover  {background: #fc4545;}