﻿body
{
    /*background: #e8e8e9 url('../images/sfondo.png') 0px -1253px repeat-x scroll;*/
    border-bottom: none;
    border-top: none;
    overflow: visible;
    text-align: center;
    color: #3b3b3b;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    height: 100%;
}

/* LAYOUT */
#ContainerPage
{
    height: auto !important;
    margin: 0px auto;
    /*width: 951px;*/
    text-align: center;
    overflow: hidden;
}

.ContainerHeaderPage
{
    width: 951px;
    margin: 0px auto;
}

.ContainerBannerHeaderPage 
{
    width: 951px;
    height: 101px;
}

#ctl00_ContentPlaceHolder1_UpdatePanel1
{
    width: 951px;
}

/* SITEMAP BOX */
#SiteMapBox
{
    width: 951px;
    text-align: left;
}

/* USER LOG BOX */
#UserLogBox
{
    width: auto;
    position: absolute;
    top: -19px;
    left: 5px;
    z-index: auto;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #003a67;
}

#MenuBox
{
    width: auto;
    position: absolute;
    top: 7px;
    left: 3px;
    z-index: 1;
}

#LanguageBox
{
    text-align: right;
    position: absolute;
    top: -24px !important;
    left: 751px;
    z-index: auto;
    font-family: "Arial" , Helvetica, sans-serif;
    font-weight: normal;
    color: #ffffff;
}

/* USER COMPANY LOGO */
#UserCompanyLogo
{
    width: auto;
    position: absolute;
    top: -100px;
    left: 10px;
    z-index: auto;
}

/* LOGIN */
.ContainerLogin
{
    width: 901px;
    background: #f5f9fc url('../images/sfondo.png') 0px -1253px repeat-x scroll;
    position: relative;
    min-height: 350px;
    height: auto !important;
    padding-top: 100px;
    padding-left: 50px;
    margin: 0px 0px 5px 0px;
}



/* MENU */
.ContainerMenu
{
    width: 901px;
    background-color: #003a67;
    position: relative;
    min-height: 20px;
    height: auto !important;
    padding-top: 10px;
    padding-left: 50px;
    margin: 0px 0px 5px 0px;
    z-index: auto;
}

.MenuItem
{
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    padding-right: 10px;
    float: left;
    border-right: solid 1px #003a67;
}

.MenuItem a:hover
{
    font-family: verdana;
    font-size: 11px;
    text-decoration: underline;
    font-weight: normal;
    color: #ffffff;
}

.MenuItem a.selected
{
    color: #F26522;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    cursor: text;
}

/* MEGA DROPDOWN */
*
{
    outline: none;
}

ul#topnav
{
    padding: 0;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px 0 0px;
}

ul#topnav li
{
    float: left;
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
    position: relative; /*effetto menu rollover*/
    border-right: solid #003a67 1px;
    list-style: none;
}

ul#topnav li a
{
    float: left;
    height: 10px;
    font-family: verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #c3c3c3; /*effetto menu rollover*/
    border-bottom: solid 3px #ffffff;
    padding: 0 10px 5px 10px;
    display: block;
    color: #ffffff;
}

ul#topnav li:hover a, ul#topnav li a:hover
{
    background-position: left bottom;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    color: #ffffff; /*effetto superiore menu rollover*/
    border-bottom: solid 3px #c3c3c3;
}

ul#topnav li .row
{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

ul#topnav li .sub
{
    position: absolute;
    top: 20px;
    left: 0;
    background: #ffffff;
    padding: 10px 10px 10px;
    float: left;
    border: solid 1px #003a67;
    display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav li .sub ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 235px;
    float: left;
}

ul#topnav .sub ul li
{
    width: 100%;
    color: #ffffff; /*Reset style effetto superiore menu rollover */
    border-right: 0px;
}

ul#topnav .sub ul li h2
{
    padding: 0;
    margin: 0;
    color: #003a67;
    font-weight: bold;
    background-image: none;
    font-size: 0.95em;
    text-align: left;
}

ul#topnav .sub ul li a
{
    float: none;
    text-indent: 10px; /*--Reset text indent--*/
    height: auto;
    background: url("../images/item.png") no-repeat 5px 12px;
    padding: 8px 6px 6px 6px;
    display: block;
    text-decoration: none;
    text-align: left;
    color: #000000; /*Reset style effetto superiore menu rollover */
    border-bottom: 0px;
}

ul#topnav .sub ul li a:hover
{
    background-position: 5px 12px;
    color: #000000;
    text-decoration: underline;
}
/* END MEGA DROPDROWN*/

.MenuItem a:link, .MenuItem a:visited, .MenuItem a:active
{
    font-family: verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
}

/* LEFT BOX */
.ContainerLeft
{
    width: 220px;
    float: left;
    margin-top: 5px;
}

.LeftBox
{
    background-color: #FFFFFF;
    margin-bottom: 3px;
    position: relative;
    min-height: 40px;
    text-align: left;
    padding: 5px 10px 10px 10px;
    line-height: 25px;
    z-index: 0;
}

.ContainerSearchBox
{
    padding: 5px 0px 0px 5px;
    background-color: #FFFFFF;
    position: relative;
    min-height: 30px;
    margin-bottom: 10px;
    text-align: left;
    z-index: 0;
}

/* RIGHT BOX */
.ContainerRight
{
    position: relative;
    min-height: 500px;
    height: auto !important;
    /*background-color: #FFFFFF;*/
    background-color: /* #e5f0d9 */#f3f3f3;
    width: 721px;
    float: left;
    text-align: left;
    margin-left: 9px;
    margin-top: 5px;
    z-index: 0;
}

/* RIGHT BOX FOR DEFAULT */
.ContainerRightDefaultLogin
{
    position: relative;
    min-height: 700px;
    height: auto !important;
    /*background-color: #FFFFFF;*/
    background-color: #f3f3f3;
    background-image: url("../images/bever.png");
    background-repeat: no-repeat;
    background-position:center;
    width: 951px;
    /*float: left;*/
    text-align: left;
    margin: 0px auto;
    z-index: 0;
}

.ContainerRightDefault
{
    position: relative;
    min-height: 700px;
    height: auto !important;
    /*background-color: #FFFFFF;*/
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    background-position:center;
    width: 951px;
    /*float: left;*/
    text-align: left;
    margin: 0px auto;
    z-index: 0;
}

/* AREA BOX FOR DEFAULT */
.ContainerAreaDefault
{
    height: auto !important;
    width: 931px;
    padding: 5px 5px 5px 5px;
}
/* RIGHT BOX FOR CONTRATTI */

/* AREA BOX */
.ContainerArea
{
    height: auto !important;
    width: 681px;
    padding: 10px 20px 10px 20px;
}

.ContainerAreaTitle
{
    color: #A7A7A7;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
}

.ContainerAreaTitleSeparator
{
    text-align: left;
    height: 2px;
    width: 100%;
    border-bottom: dotted 2px #A7A7A7;
    margin: 5px 0px 5px 0px;
}

/* FOOTER BOX */
#ContainerFooter
{
    clear: both;
    width: 951px;
    margin: 0px 0px 0px 0px;
    height: 50px;
    background: url('../images/Footer.png');
    display: inline-block;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 0.95em;
    color: #ffffff;
    font-weight: bold;
}

/* GENERAL PROPERTIES */
.Inline
{
    display: inline;
}

.BodyBlock
{
    display: block;
}

/* SEARCH BOX */
.ContainerSeachBox
{
    position: absolute;
    width: 360px;
    top: -70px;
    left: 300px;
    z-index: auto;
}

.BorderSearch-box
{
    border: 1px solid #ffffff;
    padding: 3px 5px 5px 3px;
}

.search-box
{
    background-color: White;
    height: 24px;
}

.search-input-default
{
    border: none;
    border-color: #000000;
    background-position: right center;
    background-repeat: no-repeat;
    color: #ccccc2;
    font-style: italic;
}

.search-input
{
    border: none;
    border-color: #000000;
    background-position: right center;
    background-repeat: no-repeat;
    color: #000000;
    font-style: normal;
}

.btnSearch
{
    position: absolute;
    top: 4px;
    left: 285px;
    z-index: 100;
}

/* ADVANCED SEARCH */
#AdvancedSearchBox
{
    text-align: right;
    position: absolute;
    top: -12px;
    left: 305px;
    z-index: 1000;
    width: 100px;
    height: 57px;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    color: #ffffff;
}


/* BOX IN HOME PAGE */
div.shadow
{
    float: left;
    margin: 20px;
    padding: 0 0 12px 0;
    background: url('../images/shadow.png') no-repeat bottom center;
}

div.shadow span
{
    background-image: url('../images/subnav-gradient.png');
    background-repeat: repeat-x;
    width: 260px;
    min-height: 150px;
    height: auto !important;
    border: solid 1px #dddddd;
    display: block;
    padding: 5px;
}

.NavigationShadowLink
{
    font-size: 1.0em;
    color: #0e4065;
    font-weight: bold;
    padding: 0px;
    text-decoration: none;
}
/* END BOX IN HOME PAGE */


/* BOX GENERALE */
.GeneralBoxShadow
{
    float: left;
    padding: 0 0 7px 0;
    background: url('../images/shadow_general_box.png') no-repeat bottom center;
}

.GeneralBox
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 900px;
    border: solid 1px #dddddd;
}

.GeneralBoxTitle
{
    background-image: url('../images/bg_box.png');
    background-repeat: repeat-x;
    width: 890px;
    padding: 0px 5px 0px 5px;
    height: 20px;
    float: left;
    color: White;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    margin: 0px;
}

.GeneralBoxContratti
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 700px;
    border: solid 1px #dddddd;
}

.GeneralBoxTitleContratti
{
    background-image: url('../images/bg_box.png');
    background-repeat: repeat-x;
    width: 690px;
    padding: 0px 5px 0px 5px;
    height: 20px;
    float: left;
    color: White;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    margin: 0px;
}

.GeneralBoxManager
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 680px;
    border: solid 1px #dddddd;
}

.GeneralBoxTitleManager
{
    background-image: url('../images/bg_box.png');
    background-repeat: repeat-x;
    width: 670px;
    padding: 0px 5px 0px 5px;
    height: 20px;
    float: left;
    color: White;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    margin: 0px;
}

.GeneralBoxContent
{
    clear: both;
    padding: 5px 5px 10px 5px;
    margin: 0px;
    background-color: #eceff6;
    background-repeat: repeat-x;
}
/* END BOX GENERALE */

/* FORM */
.riempimento
{
    font-family: "Arial" , Helvetica, sans-serif;
    background-color:#f5f2f2; /*#f3f3f3 #ffffff*/
    font-size: 1.0em;
}

.riempimento_bianco
{
    font-family: "Arial" , Helvetica, sans-serif;
    background-color:#ffffff;
    font-size: 1.0em;
}

.riempimento2
{
    padding-left: .4em;
    font-size: 0.9em;
	color: #ffffff;
    font-family: "Arial" , Helvetica, sans-serif;
    font-weight: bold;
    background: #0c4168;
}

.riempimento3
{
    font-family: "Arial" , Helvetica, sans-serif;
}

.riempimento4
{
    font-family: "Arial" , Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #487bbc;
    padding-bottom: 10px;
}

.riempimento5
{
    font-family: "Arial" , Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    color: #7a7a7a;
}

.riempimento6
{
    font-family: "Arial" , Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.778em;
    color: #7a7a7a;
}

.riempimento7
{
    font-family: "Arial" , Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.9em;
    color: #000000;
}

.riempimento8
{
    font-family: "Arial" , Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.9em;
    color: Red;
}

.riempimento9
{
    font-family: "Arial" , Helvetica, sans-serif;
    background-color: #f3f3f3;
    font-size: 0.9em;
}

.selectClass {
	font-weight: normal; 
	font-size: 1em; 
	color: #495156; 
	font-family: "Arial", Helvetica, sans-serif; 
}

.txtClass
{
    border:none; /*1px solid #000000;*/
    color: #495156;
    font-size: 1em;
    font-family: "Arial", Helvetica, sans-serif;
    height: 16px;
    background-color: #ffffff;
}

/*
.txtClass 
{	
	padding: 5px 15px;
	font-family: "Arial" , Helvetica, sans-serif;
	font-size: 11px;
	color: #9d9e9e;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}
*/
.txtClass:hover {
	background: #dfe9ec;
	color: #414848;
}

.txtClass:focus {
	background: #dfe9ec;
	color: #414848;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

.buttonClass
{
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    border: none;
    background: #0c4168 0 0 repeat-x;
    width: 100px;
    height: 24px;
    cursor: pointer;
}

.buttonClass:hover, .buttonClass:focus
{
    background: #105587;
}


.buttonSmallClass {
    font-size: 0.93em !important;
    font-family: "Arial", Helvetica, sans-serif !important;
    color: #ffffff !important;
    background: #0c4168 0 0 repeat-x;
    height: 22px !important;
    cursor: pointer !important;
    border-color: #ffffff !important;
}

    .buttonSmallClass:hover, .buttonSmallClass:focus {
        background: #0c4168;
    }








.Grid
{
    font-size: 1.0em;
    font-weight: normal;
    font-family: "Arial" , Helvetica, sans-serif;
}

.GridHeader
{
    font-size: 1.0em;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    color: #ffffff;
    background: #0c4168;
}

.GridHeaderSmall
{
    font-size: 0.9em;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    color: #ffffff;
    background: #0c4168;
}

.GridHeader a
{
    font-size: 1.0em;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    color: #ffffff;
}

.GridItem
{
    font-size: 1.0em;
    font-family: "Arial" , Helvetica, sans-serif;
    background-color: #edf0f1;
    border-width: 1px;
    color: #000000;
}

.GridAlternativeItem
{
    font-size: 1.0em;
    font-family: "Arial" , Helvetica, sans-serif;
    background-color: #d4dedf;
    border-width: 1px;
    color: #000000;
}

.GridAlternativeItemColor
{
    font-size: 1.0em;
    font-family: "Arial" , Helvetica, sans-serif;
    background-color: #d5e3f2;
    border-width: 1px;
    color: #000000;
}

.GridSelectedItem
{
    font-size: 1.0em;
    font-family: "Arial" , Helvetica, sans-serif;
    background-color: #d5e3f2;
    border-width: 1px;
    color: #000000;
}

.GridLabelCount
{
    font-size: 1.0em;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    padding-bottom: 10px;
    color: #0e4065;
}

.GridLabelNoCount
{
    font-size: 1.0em;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    padding-bottom: 10px;
    color: Red;
}

.ContainerPaging a
{
    margin-right: 0em;
    font-weight: bold;
    width: 1.6em;
    padding: .2em .5em .2em .5em;
    display: inline;
    font-family: "Arial" , Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.0em;
    color: #0e4065;
    text-align: center;
    text-decoration: none;
    background-color: #e5e5e0;
}

.ContainerPaging span
{
    margin-right: 0em;
    font-weight: bold;
    width: 1.6em;
    padding: .2em .5em .2em .5em;
    display: inline;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    background-color: #0e4065;
}

.ContainerPaging a:hover
{
    color: #3a7aa0;
}

/* GRID FOR USER CONTROL */
.GridUserControl
{
    font-size: 1.0em;
    font-weight: normal;
    font-family: "Arial" , Helvetica, sans-serif;
}

.GridHeaderUserControl
{
    font-size: 0.80em;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    color: #ffffff;
    background: #ffffff url(../images/bg_box.png) 0 0 repeat-x;
}

.GridHeaderUserControl a
{
    font-size: 0.80em;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    color: #ffffff;
}

.GridItemUserControl
{
    font-size: 0.80em;
    font-family: "Arial" , Helvetica, sans-serif;
    background-color: #edf0f1;
    border-width: 1px;
    color: #000000;
}

.GridAlternativeItemUserControl
{
    font-size: 0.80em;
    font-family: "Arial" , Helvetica, sans-serif;
    background-color: #e5f0d9;
    border-width: 1px;
    color: #000000;
}

.GridLabelCountUserControl
{
    font-size: 0.80em;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    padding-bottom: 10px;
    color: #0e4065;
}

.GridLabelNoCountUserControl
{
    font-size: 0.80em;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    padding-bottom: 10px;
    color: Red;
}

.ContainerPagingUserControl a
{
    margin-right: 0em;
    font-weight: bold;
    width: 1.6em;
    padding: .2em .5em .2em .5em;
    display: inline;
    font-family: "Arial" , Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.80em;
    color: #0e4065;
    text-align: center;
    text-decoration: none;
    background-color: #e5e5e0;
}

.ContainerPagingUserControl span
{
    margin-right: 0em;
    font-weight: bold;
    width: 1.6em;
    padding: .2em .5em .2em .5em;
    display: inline;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 0.80em;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    background-color: #0e4065;
}

.ContainerPagingUserControl a:hover
{
    color: #3a7aa0;
}
/* */

/* TAB*/
.ajax__tab_header
{
}

.ajax__tab_outer
{
}

.ajax__tab_inner
{
}

.ajax__tab_tab
{
}

.ajax__tab_body
{
    min-height: 270px;
}

.ajax__tab_hover
{
}

.ajax__tab_active
{
}
/**/

/* WINDOWS */
.dhtmlwindow
{
    position: absolute;
    border: 1px solid #bbbbbb;
    visibility: hidden;
    background-color: white;
}

.drag-handle
{
    /*CSS for Drag Handle*/
    padding: 4px;
    text-indent: 3px;
    text-align: left;
    vertical-align: middle;
    font: bold 9px verdana;
    background: #ffffff url(../images/DragSet/bg.gif) repeat-x;
    color: #666666;
    cursor: move;
    overflow: hidden;
    width: auto;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.drag-handle .drag-controls
{
    /*CSS for controls (min, close etc) within Drag Handle*/
    position: absolute;
    right: 1px;
    top: 2px;
    cursor: hand;
    cursor: pointer;
}

* html .drag-handle
{
    /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
    width: 100%;
}

.drag-contentarea
{
    /*CSS for Content Display Area div*/
    border-top: 1px solid #bbbbbb;
    background-color: white;
    color: black;
    height: 150px;
    padding: 2px;
    overflow: auto;
}

.drag-statusarea
{
    /*CSS for Status Bar div (includes resizearea)*/
    border-top: 1px solid #bbbbbb;
    background-color: #F8F8F8;
    height: 15px; /*height of resize image*/
}

.drag-resizearea
{
    /*CSS for Resize Area itself*/
    float: right;
    width: 13px; /*width of resize image*/
    height: 13px; /*height of resize image*/
    cursor: nw-resize;
    font-size: 0;
}
/**/

/* Tooltip */
.tipsy
{
    padding: 5px;
    font: 10px Arial;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(../images/Tipsy/tipsy.png);
}

.tipsy-inner
{
    padding: 5px 8px 4px 8px;
    background: #ffffff url(../images/gradient.png) repeat-x;
    color:Black;
    max-width: 200px;
    text-align: center;
}

.tipsy-inner
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-north
{
    background-position: top center;
}

.tipsy-south
{
    background-position: bottom center;
}

.tipsy-east
{
    background-position: right center;
}

.tipsy-west
{
    background-position: left center;
}


/* ACCORDITION */

.accordion
{
    width: 700px;
}

.accordionHeader
{
    background: #0c4168 url(../images/onyxBar.png) 0 0 repeat-x;
    background-repeat: repeat-x;
    /*color: #ffffff;*/
    text-align: left;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    color: #ffffff;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    background: #0c4168 url(../images/onyxBar.png) 0 0 repeat-x;
    background-repeat: repeat-x;
    color: #ffffff;
    text-align: left;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
    color: #ffffff;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    background-color: #eceff6;
    border-top: none;
    padding: 5px;
    padding-top: 9px;
    margin: 0px;
}

/* BOX PER SEMAFORI */
.content_container
{
    font-family: Verdana,Helvetica,sans-serif;
    font-size: .95em !important;
    font-weight: bold !important;
    min-height: 100px;
    width: 700px;
}

.footer_container
{
    background: url("../images/bg_footer.png") no-repeat;
    height: 97px;
    color: #7a7a7a;
    line-height: 16px;
    text-align:center !important;
}

.footer_container a:link, .footer_container a:visited
{
    text-decoration: none;
}

.footer_container a:hover
{
    text-decoration: underline;
}

.footer_content
{
    background: url("../images/bg_footer.png") no-repeat right -184px;
    height: 97px;
}

.footer_links
{
    padding: 22px 15px 22px 15px;
}


.tabTipoTaratura .ajax__tab_body 
{
    border:0px solid #c3c3c3;
    border-top:none;
    padding: 0px;
    margin: 0px;
    background-color:#f3f3f3;
    height: auto;
    width:940px;
}
.tabTipoTaratura .ajax__tab_header 
{
	background: #0c4168 0 0 repeat-x;
	border:1px solid #c3c3c3;
	/*border-bottom:none;*/
	padding:2px 2px 2px 2px;
	text-align:left; /* center the tabs horizontally */
	width:930px;
}
.tabTipoTaratura .ajax__tab_tab
{
    cursor: pointer;
    font-weight:bold;
    color:#ffffff;
    text-align:center;	
	border:solid 1px #f3f3f3;
	padding: 5px;
	width: 220px;
}
.tabTipoTaratura .ajax__tab_active .ajax__tab_tab,
.tabTipoTaratura .ajax__tab_hover .ajax__tab_tab
{
	background-color:#f3f3f3;
    color:#000000;
}

/************** DROPDOWNLIST WITH IMAGES Skin 1 *********************/
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #495156;	
}
.dd .ddTitle {
	background:#f2f2f2;
	border:1px solid #c3c3c3;
	padding:3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:16px;
}
.dd .ddTitle span.arrow {
	background:url('../images/dd_arrow.gif') no-repeat 0 0; 
	float:right; 
	display:inline-block;
	width:16px; 
	height:16px; 
	cursor:pointer; 
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:2px 0 2px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background-color:#c3c3c3;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background-color:#c3c3c3;
	
}
.hidden {display:none;}

.dd .borderTop{border-top:1px solid #c3c3c3 !important;}
.dd .noBorderTop{border-top:none 0  !important}

/* Complex Password */
.Complexpassword{
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
}

.ComplexpasswordBassa{
	font-weight: bold;
	font-size: 0.8em;
	color: #fb0404;
	text-align: center;
}

.ComplexpasswordDebole{
	font-weight: bold;
	font-size: 0.8em;
	color: #fbd504;
	text-align: center;
}

.ComplexpasswordMedia{
	font-weight: bold;
	font-size: 0.8em;
	color: #fba104;
	text-align: center;
}

.ComplexpasswordRobusta{
	font-weight: bold;
	font-size: 0.8em;
	color: #dbfb04;
	text-align: center;
}

.ComplexpasswordEccellente{
	font-weight: bold;
	font-size: 0.8em;
	color: #5bfb09;
	text-align: center;
}

.tdResultBestPump {
   border: 1px solid #ffffff;
}








/*******************
LOGIN FORM
*******************/
.TestoIniziale
{
   font-size:15px;
   padding-left:20px;
   padding-right:40px;
   padding-top:50px;
   text-align:center;
}
#wrapper {
	/* Center wrapper perfectly */
	width: 300px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -150px
}

.gradient {
	/* Center Positioning */
	width: 600px;
	height: 600px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -300px;
	/* Fallback */ 
	background-repeat: no-repeat; 
	/* CSS3 Gradient */
	background-image: -webkit-gradient(radial, 0% 0%, 0% 100%, from(rgba(213,246,255,1)), to(rgba(213,246,255,0)));
	background-image: -webkit-radial-gradient(50% 50%, 40% 40%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -moz-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -ms-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -o-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
}

.login-form {
	width: 300px;
	margin: 0 auto;
	position: relative;
	z-index:5;
	background: #f3f3f3;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .header {
	padding: 15px 15px 15px 15px;
    
}

.login-form .header div {
	text-align: center;
}

.login-form .header h1 {
	font-family: "Arial" , Helvetica, sans-serif;
	font-weight: 300;
	font-size: 28px;
	line-height:34px;
	color: #414848;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
    margin-bottom: 10px;
}

.login-form .header span {
	font-size: 11px;
    line-height: 16px;
	color: #678889;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

.login-form .content {
	padding: 0 30px 25px 30px;
}

/* Input field */
.login-form .content .input 
{	
	padding: 5px 15px;
	font-family: "Arial" , Helvetica, sans-serif;
	font-weight: 400;
	font-size: 11px;
	color: #9d9e9e;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

/* Second input field */
.login-form .content .password, .login-form .content {
	margin-top: 10px;
}

.login-form .content .input:hover {
	background: #dfe9ec;
	color: #414848;
}

.login-form .content .input:focus {
	background: #dfe9ec;
	color: #414848;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}




/*******************
FOOTER
*******************/

.login-form .footer {
    text-align: center;
	padding: 25px 30px 40px 30px;
	overflow: auto;
	background: #d4dedf;
	border-top: 1px solid #fff;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* Login button */
.login-form .footer .button {
	float:right;
	padding: 11px 25px;
	font-family: "Arial" , Helvetica, sans-serif;
	font-weight: 300;
	font-size: 11px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #56c2e1;
	border: 1px solid #46b3d3;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.login-form .footer .button:hover {
	background: #3f9db8;
	border: 1px solid rgba(256,256,256,0.75);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus {
	position: relative;
	bottom: -1px;
	background: #56c2e1;
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

/* Register button */
.login-form .footer .register {
	display: block;
	float: right;
	padding: 10px;
	margin-right: 20px;
	background: none;
	border: none;
	cursor: pointer;
	font-family: "Arial" , Helvetica, sans-serif;
	font-size: 11px;
	color: #414848;
	text-shadow: 0px 1px 0 rgba(256,256,256,0.5);
}

.login-form .footer .register:hover {
	color: #3f9db8;
}

.login-form .footer .register:focus {
	position: relative;
	bottom: -1px;
}

/* TILE BUTTONS */
#mainform {
	width:940px;
	margin:auto;
}
/* Button 100 x 100 */
.button-holder {
	padding:5px !important;
	margin-bottom:50px !important;
	position:relative !important;
}

.tile-bt {
	text-align:center !important;
	cursor:pointer !important;
	width:100px !important;
	height:100px !important;
}
.tile-bt a {
	display:block !important;
	padding-top:16px !important;
	text-decoration:none !important;
}
.tile-bt img {
	margin:0 auto 0 auto !important;
	padding-bottom:10px !important;
	height:48px !important;
	width:48px;
	position:relative !important;
	display:block !important;
    margin:0;
	padding:0;
	border: 0px;
}
.tile-bt span {
	font-size:14px !important;
	padding-bottom:10px !important;
	display:block !important;
}
.tile-bt:active {
	opacity:0.5 !important;
}
/* Button 100 x 100 */



/* Button 205 x 100 */
.tile-bt-2 {
	width: 222px;
	height: 100px;
	line-height:100px;
	text-align: left;
   /* padding-left: 5px;*/
	cursor:pointer;
}
.tile-bt-2 a {
	display:block;
	text-decoration:none;
}
.tile-bt-2 img {
	vertical-align: middle;
	margin:auto;
    padding-left:5px !important;
	/*padding:0px;*/
	position:relative;
	width:48px;
	height:48px;
    margin:0px;
	padding:0px;
	border: 0px;
}
.tile-bt-2 span {
	vertical-align: middle !important;
	display:inline !important;
}
.tile-bt-2:active {
	opacity:0.5 !important;
}
/* End Button 205 x 100 */

/* BACKGROUND LIST */

/* Solid Colors */

.solid-blue-kiwa-1 { background:#034581; }
.solid-blue-kiwa-2 { background:#20568d; }
.solid-blue-kiwa-3 { background:#376699; }
.solid-blue-kiwa-4 { background:#5578a6; }
.solid-blue-kiwa-5 { background:#6d89b3; }
.solid-blue-kiwa-6 { background:#849cbf; }
.solid-blue-kiwa-7 { background:#a0afcb; }
.solid-blue-kiwa-8 { background:#b6c2d7; }

.solid-red-kiwa-1 { background:#d31145; }
.solid-red-kiwa-2 { background:#d83751; }
.solid-red-kiwa-3 { background:#dc525e; }
.solid-red-kiwa-4 { background:#e0696d; }
.solid-red-kiwa-5 { background:#e47d7c; }
.solid-red-kiwa-6 { background:#e88f8d; }
.solid-red-kiwa-7 { background:#eda49f; }
.solid-red-kiwa-8 { background:#f1b9b3; }

.solid-orange-kiwa-1 { background:#faa635; }
.solid-orange-kiwa-2 { background:#fbae49; }
.solid-orange-kiwa-3 { background:#fcb65e; }
.solid-orange-kiwa-4 { background:#fdc072; }
.solid-orange-kiwa-5 { background:#fdc883; }
.solid-orange-kiwa-6 { background:#fed095; }
.solid-orange-kiwa-7 { background:#fed8a8; }
.solid-orange-kiwa-8 { background:#ffe1bc; }



.solid-blue { background:#00BBE2; }
.solid-blue-2 { background:#2C84EE; }
.solid-darkblue { background:#044E94; }
.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-red-2 { background:#E81750; }
.solid-pink { background:#FF539B; }
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-orange-3 { background:#DD5F37; }
.solid-coral { background:#CD5B45; }
.solid-green { background:#67B239; }
.solid-green-2 {background:#96BF01; }
.solid-darkgreen { background:#016C38; }
.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }
.solid-darkred { background:#5F0000; }
.solid-gold { background:#FEE9AE; }
.solid-yellow { background:#F7D100; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }
.solid-grey { background: #beb7b7; }

/* End Solid Colors */
/* END BACKGROUND LIST */
.disabled-tile {
    opacity: 0.5;
    cursor: not-allowed;
}

/* MISC */
.clearspace { clear: both !important; }
.floatleft { float:left !important; }
.margin-5 { 
    margin-right:5px !important; 
    margin-bottom:5px !important;
}

.light-text 
{
	color:#ffffff;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 0.9em;
}
.dark-text {
	color:#1e1e1e;
}
.gradiente {
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%) !important; /* IE10+ */
	background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%) !important; /* W3C */
}

.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red, .shadow-orange {
	display:inline-block !important;
	text-decoration:none !important;
}
.shadow-white:hover {
	box-shadow:0px 0px 6px 3px #fff;
	-webkit-box-shadow:0px 0px 6px 3px #fff;
	-moz-box-shadow:0px 0px 6px 3px #fff;
	-o-box-shadow:0px 0px 6px 3px #fff;
	-ms-box-shadow:0px 0px 6px 3px #fff;
}
.shadow-blue:hover {    
    filter: alpha(opacity=50);
    opacity: 0.8;
          
	box-shadow:0px 0px 6px 3px #034581;
	-webkit-box-shadow:0px 0px 6px 3px #034581;
	-moz-box-shadow:0px 0px 6px 3px #034581;
	-o-box-shadow:0px 0px 6px 3px #034581;
	-ms-box-shadow:0px 0px 6px 3px #034581;
}

.shadow-orange:hover {    
    filter: alpha(opacity=50);
    opacity: 0.8;
          
	box-shadow:0px 0px 6px 3px #faa635;
	-webkit-box-shadow:0px 0px 6px 3px #faa635;
	-moz-box-shadow:0px 0px 6px 3px #faa635;
	-o-box-shadow:0px 0px 6px 3px #faa635;
	-ms-box-shadow:0px 0px 6px 3px #faa635;
}

.shadow-red:hover {
    filter: alpha(opacity=50);
    opacity: 0.8;

	box-shadow:0px 0px 6px 3px #d31145;
	-webkit-box-shadow:0px 0px 6px 3px #d31145;
	-moz-box-shadow:0px 0px 6px 3px #d31145;
	-o-box-shadow:0px 0px 6px 3px #d31145;
	-ms-box-shadow:0px 0px 6px 3px #d31145;
}

.shadow-green:hover {
    filter: alpha(opacity=50);
    opacity: 0.8;

	box-shadow:0px 0px 6px 3px #AACA37;
	-webkit-box-shadow:0px 0px 6px 3px #AACA37;
	-moz-box-shadow:0px 0px 6px 3px #AACA37;
	-o-box-shadow:0px 0px 6px 3px #AACA37;
	-ms-box-shadow:0px 0px 6px 3px #AACA37;
}

.shadow-black:hover {
    filter: alpha(opacity=50);
    opacity: 0.8;

	box-shadow:0px 0px 6px 3px #444;
	-webkit-box-shadow:0px 0px 6px 3px #444;
	-moz-box-shadow:0px 0px 6px 3px #444;
	-o-box-shadow:0px 0px 6px 3px #444;
	-ms-box-shadow:0px 0px 6px 3px #444;
}

/* END TILE BUTTONS */

.imgBarcode
{
    position: absolute;
    top: 120px;
    left: 864px;
    z-index: 1;
} 

.box-helpdesk a {
    width: auto;
    position: absolute;
    top: -95px;
    left: 150px;
    z-index: auto;
    font-family: "Arial" , Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #ffffff;
}




.accordionHeader {
    color: #FFFFFF;
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #8fa8be;
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    /*margin-top: 5px;*/
    cursor: pointer;
}

.accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover {
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover {
    background: none;
    text-decoration: underline;
}

.accordionContent {
    background-color: #ffffff;
    border: 1px solid #798991;
    border-top: none;
    padding: 0px;
    padding-top: 0px;
}