﻿/*------------------------------- DEFAULTS   ---------------------------------------------------------------------------------------------*/
body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}
 
a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

#home_calendar 
{
    width: 900px;
    margin: 0 auto;
}

.calendarDayHeader
{
    text-transform: uppercase;
}

.calendarSelectedDayStyle
{
    background-color: silver;
    font-weight: bold;
    -webkit-border-radius: 6px; /*For Safari, etc. */
    -moz-border-radius: 6px; /*For Mozilla, etc. */
    border-radius: 6px; /*CSS3 Feature */
}

.calendarTodayDayStyle
{
    background-color: #dce9f9;
    font-weight: bold;
    -webkit-border-radius: 6px; /*For Safari, etc. */
    -moz-border-radius: 6px; /*For Mozilla, etc. */
    border-radius: 6px; /*CSS3 Feature */
}

input[type="checkbox"], input[type="radio"], input[type="submit"], input[type="button"], input[type="file"]
{ 
    cursor: pointer; cursor: hand; 
} /* cross browser hand */
 
.buttonCmd
{
    cursor: pointer; 
    cursor: hand; 
}

.smallButtonCmd
{
    height: 20px!important;
    width: 100px!important;
    cursor: pointer; 
    cursor: hand; 
}
 
.imgIcos
{
    cursor: help; 
}
 
.drps
{
    cursor: default; 
}

input[type="checkbox"]
{ 
     margin:0;
}

/*
input[type=checkbox][disabled]{
    display: none;
}*/
 
input[type="text"], select, input[type="file"], input[type="password"], textarea
{
    border: solid #ccc 1px;
    -webkit-border-radius: 5px; /*For Safari, etc. */
    -moz-border-radius: 5px; /*For Mozilla, etc. */
    border-radius: 5px; /*CSS3 Feature */
}

input[type="submit"]
{
    border: solid #ccc 1px;
    -webkit-border-radius: 5px; /*For Safari, etc. */
    -moz-border-radius: 5px; /*For Mozilla, etc. */
    border-radius: 5px; /*CSS3 Feature */
    width: 125px;
    height: 30px;
    font-size:small;
}

input[type="submit"]:hover
{
    background-color:inherit; /* background: #fbf8e9; */
}

input[type="submit"]:disabled
{
   cursor:default;
   background-color:#f1f1f1; /* background: #fbf8e9; */
}


input[type="button"]
{
    border: solid #ccc 1px;
    -webkit-border-radius: 5px; /*For Safari, etc. */
    -moz-border-radius: 5px; /*For Mozilla, etc. */
    border-radius: 5px; /*CSS3 Feature */
    width: 100px;
    height: 22px;
    font-size:small;
}

input[type="button"]:hover
{
    background: #fbf8e9;
}

/*------------------------------- HEADINGS   ---------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #051575;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

.pager table
{
    width:100px;
}

.pager table td
{
    border: 0;
}

.tabFiltri
{
    width: 420px;    
}

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}

/* bordered */
.bordered .tableHeaderSort 
{
    border: 0;  
    margin-right: 0;
}

.bordered .tableHeaderSort td {
    border: 0;  
}

.bordered .tableHeaderSort tr:hover 
{
    cursor: hand;
    cursor: pointer;
    background: #dce9f9;  
}

.bordered .tableHeaderSort a {
    color: #133047;  
}
 
.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.bordered tr:last-child td:only-child {
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.bordered .tableInsideBordered 
{
    border: 0;  
    margin-right: 0;
}
 
.bordered .tableInsideBordered td {
    border: 0;  
}

.bordered .mceLayout
{
    cursor: hand;
    cursor: pointer;
    background-color: #F0F0EE;  
}

.bordered .tableInsideBordered tr:hover 
{
    cursor: hand;
    cursor: pointer;
    background-color: inherit;  
}

.bordered .tableInsideBordered td:hover 
{
    cursor: hand;
    cursor: pointer;
    background-color: inherit;  
}

.bordered .tableInsideBordered textarea
{
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}
 
.bordered .tableInsideBordered a {
    color: #133047;  
}
 
.bordered .tableInsideBordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered .tableInsideBordered th:first-child {
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.bordered .tableInsideBordered th:last-child {
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.bordered .tableInsideBordered th:only-child{
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.bordered .tableInsideBordered tr:last-child td:first-child {
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.bordered .tableInsideBordered tr:last-child td:last-child {
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.bordered .tableInsideBordered tr:last-child td:only-child {
     -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}


.borderedNoOver .tableHeaderSort 
{
    border: 0;  
    margin-right: 0;
}

.borderedNoOver .tableHeaderSort td {
    border: 0;  
}

.borderedNoOver .tableHeaderSort tr:hover 
{
    cursor: hand;
    cursor: pointer;
    background: #dce9f9;  
}

.borderedNoOver .tableHeaderSort a {
    color: #133047;  
}
 
.borderedNoOver {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.borderedNoOver tr:hover {
    background-color:transparent;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.borderedNoOver td, .borderedNoOver th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;    
}

.borderedNoOver th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.borderedNoOver td:first-child, .borderedNoOver th:first-child {
    border-left: none;
}

.borderedNoOver th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.borderedNoOver th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.borderedNoOver th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.borderedNoOver tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.borderedNoOver tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.borderedNoOver tr:last-child td:only-child {
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.borderedNoOver .tableInsideBordered 
{
    border: 0;  
    margin-right: 0;
}
 
.borderedNoOver .tableInsideBordered td {
    border: 0;  
}

.borderedNoOver .mceLayout
{
    cursor: hand;
    cursor: pointer;
    background-color: #F0F0EE;  
}

.borderedNoOver .tableInsideBordered tr:hover 
{
    cursor: hand;
    cursor: pointer;
    background-color: inherit;  
}

.borderedNoOver .tableInsideBordered td:hover 
{
    cursor: hand;
    cursor: pointer;
    background-color: inherit;  
}

.borderedNoOver .tableInsideBordered textarea
{
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}
 
.borderedNoOver .tableInsideBordered a {
    color: #133047;  
}
 
.borderedNoOver .tableInsideBordered td:first-child, .borderedNoOver th:first-child {
    border-left: none;
}

.borderedNoOver .tableInsideBordered th:first-child {
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.borderedNoOver .tableInsideBordered th:last-child {
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.borderedNoOver .tableInsideBordered th:only-child{
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.borderedNoOver .tableInsideBordered tr:last-child td:first-child {
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.borderedNoOver .tableInsideBordered tr:last-child td:last-child {
    -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}

.borderedNoOver .tableInsideBordered tr:last-child td:only-child {
     -webkit-border-radius: 0; /*For Safari, etc. */
    -moz-border-radius: 0; /*For Mozilla, etc. */
    border-radius: 0; /*CSS3 Feature */
}
/*------------------------------- PRIMARY LAYOUT ELEMENTS    ---------------------------------------------------------------------------------------------*/
.page
{
    width: 95%;
    height: 95%;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
	min-width:1100px;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/*------------------------------- TAB MENU   ---------------------------------------------------------------------------------------------*/
div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    z-index: 9998;
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    z-index: 9998;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    z-index: 9998;
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    z-index: 9998;
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    z-index: 9998;
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

div.menu img
{
    z-index: 9998;
    border: 0;
    vertical-align: middle;
    padding: 3px;
}

/*------------------------------- FORM ELEMENTS  ---------------------------------------------------------------------------------------------*/
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 160px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 160px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 350px;
}

/*------------------------------- MISC ---------------------------------------------------------------------------------------------*/
.clear
{
    clear: both;
}

.top{
    width:100%;
    background-color:#051575;
    border-bottom:1px solid #ccc;
    background-image:url(../images/top.jpg);
    background-position:right;
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    height:104px;
    overflow:hidden;
}

.title
{
    height:104px;
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.logo{
    margin-left:30px;
	margin-top:10px;
    background-image:url(../images/logo.png);
    background-repeat:no-repeat;
    height:88px;
    width:269px;
}

.loginDisplay
{
    position:absolute;
    bottom:60px;
    right:10px;
    height:45px;
    /*width:553px;*/
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 5px;
    color: White;
	background: rgba(0, 0, 0, 0.4);
	-moz-border-radius: 10px;
	border-radius: 10px;
}
 
.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

#divImageLoader
{
    border: #000 solid 1px;
    background: #FFFFFF;
    padding: 4px;
    top: 0px;
    right: 0px;
    color: gray;
    font-size: 13px;
    width: 150px;
    height:100px;        
    
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;    
    
    -webkit-border-radius: 15px; /*For Safari, etc. */
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#divAlert
{
    border: #ccc solid 5px;
    padding: 15px;
    top: 0px;
    right: 0px;
    font-size: 13px;
    width: 450px;
    height:200px;        
    
    position: fixed;
    top: 50%;
    left: 40%;
    margin-top: -50px;
    margin-left: -100px;    
    text-align:center;
	font-weight:bold;
    -webkit-border-radius: 15px; /*For Safari, etc. */
    -moz-border-radius: 15px;
    border-radius: 15px;
	
	-moz-box-shadow: 0px 2px 20px #000;
	-webkit-box-shadow: 0px 2px 20px #000;
	box-shadow: 0px 2px 20px #000;
	
}

#divAlert table{
	margin:auto;
	text-align:center !important;
	}

.divAlertKO td{
background:url(../images/error.png) no-repeat center left;
	padding:5px 5px 5px 25px;
	}

.divAlertOK td{
background:url(../images/ok.png) no-repeat center left;
	padding:5px 5px 5px 25px;
	}

.divAlertOK
{
    background-color: #fff;
    color: green;
}

.divAlertKO
{
     background-color: #fff;
    color: Red;
}

.imbtnMigra
{
   cursor: hand;
   cursor: pointer;
}

.imbtnComandiGriglia
{
   cursor: hand;
   cursor: pointer;
   height: 24px;
   width: 24px;
}

.imbtnTryLinkSend
{
   cursor: hand;
   cursor: pointer;
}

/*------------------------------- Autocomplete ---------------------------------------------------------------------------------------------*/
.autocomplete_completionListElement
{
    min-width: 405px;
    margin: 0px !important;
    background-color: white;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    width:auto;
    height: 200px;
    text-align: left;
    left: 0px;
    list-style-type: none;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}
/* AutoComplete item */
.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}
 
  
/*------------------------------- Popup ---------------------------------------------------------------------------------------------*/
.confirm-dialog { 
    -webkit-border-radius: 15px; /*For Safari, etc. */
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color:White;
    margin: 0px auto;
    width: 500px;
    height: auto;
    padding-top: 14px; 
    position: relative;
}
.confirm-dialog .inner { 
    padding-right: 20px;
    padding-left: 20px; 
    padding-bottom: 11px;
    background: url(../images/box.png) no-repeat left bottom; 
    float: left;
    margin: 0px 0px -20px 0px;
    width: 460px;
    padding-top: 0px;
} 
.confirm-dialog .base { 
    border-top: #ddd 1px solid;
    background: url(../images/base.png) no-repeat left bottom; 
    padding-bottom: 4px;
    margin-left: -11px;
    margin-right: -11px; 
    padding-top: 4px;
}
.confirm-dialog H2 { 
    font-weight: bold;
    font-size: 1.25em;
    color: #051575;
    text-align: center;
} 
.close { 
    display: block;
    background: url(../images/close.png) no-repeat 0px 0px; 
    right: -5px;
    width: 26px;
    text-indent: -1000em;
    position: absolute; 
    top: -7px;
    height: 26px; 
}   
.modalBackground {
    background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
} 

.preview-dialog { 
    -webkit-border-radius: 15px; /*For Safari, etc. */
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color:White;
    margin: 0px auto;
    width: 730px;
    height: auto;
    padding-top: 14px; 
    position: relative;
}
.preview-dialog .inner { 
    padding-right: 20px;
    padding-left: 20px; 
    padding-bottom: 11px;
    background: url(../images/box.png) no-repeat left bottom; 
    float: left;
    margin: 0px 0px -10px 0px;
    width: 690px;
    padding-top: 0px;
} 
.preview-dialog .base { 
    border-top: #ddd 1px solid;
    background: url(../images/base.png) no-repeat left bottom; 
    padding-bottom: 4px;
    margin-left: -11px;
    margin-right: -11px; 
    padding-top: 4px;
}
.preview-dialog H2 { 
    font-weight: bold;
    font-size: 1.25em;
    color: #051575;
    text-align: center;
} 
.preview-dialog .scroll
{
    overflow:auto;
    height: 620px;
    width: 100%;
}


.preview-dialog-extended 
{
    border: #ddd 1px solid; 
    -webkit-border-radius: 15px; /*For Safari, etc. */
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color:White;
    margin: 0px auto;
    width: 1130px;
    height: auto;
    padding-top: 14px; 
    position: relative;
}
.preview-dialog-extended .inner { 
    padding-right: 20px;
    padding-left: 20px; 
    padding-bottom: 11px;
    background: url(../images/box.png) no-repeat left bottom; 
    float: left;
    margin: 0px 0px -10px 0px;
    width: 1090px;
    padding-top: 0px;
} 
.preview-dialog-extended .base { 
    border-top: #ddd 1px solid;
    background: url(../images/base.png) no-repeat left bottom; 
    padding-bottom: 4px;
    margin-left: -11px;
    margin-right: -11px; 
    padding-top: 4px;
}
.preview-dialog-extended H2 { 
    font-weight: bold;
    font-size: 1.25em;
    color: #051575;
    text-align: center;
} 
.preview-dialog-extended .scroll
{
    overflow:auto;
    height: 1020px;
    width: 100%;
}
/*------------------------------- Uploader ------------------------------------------------------------------------------------------*/
/*-------------------------------*/
/*Container supported classes*/
/*-------------------------------*/
/*Main wrapper class*/
.ContainerWrapper
{
	background-color: #dce9f9;
	border-right: 1px solid #9ABBE8;
	border-bottom: 1px solid #9ABBE8;
	border-left: 1px solid #9ABBE8;
	width: 100%;
}
/*Gap between wrapper and container*/
.ContainerMargin
{
	padding: 4px;
}
/*Container*/
.Container
{
    padding: 4px 4px 4px 4px;
	border: 1px solid #99BBE8;
	background-color: White;

}
.Container2
{
	border: 1px solid #99BBE8;
	background-color: White;
}
/*Header of each container*/
.ContainerHeader
{
	background-image: url(../images/Container_Header.gif);
	height: 23px;
	font-size: 12px;
	font-weight: bold;
	color: #133047;
}
/*Margin of Header of each container*/
.ContainerHeader td
{
	padding: 4px;
}

/*-------------------------------*/
/*Messages Status supported classes*/
/*-------------------------------*/
/*General class for Message*/
#tblMessage
{
	height: 23px;
	width: 100%;
}
/*Message for Successful*/
#tblMessage.Success
{
	border: solid 1px #5AAD0D;
	background-color: #E5F7D5;
}
/*Message for Information*/
#tblMessage.Information
{
	border: solid 1px #88B5E9;
	background-color: #E2EDF8;
}
/*Message for Warning*/
#tblMessage.Warning
{
	border: solid 1px #FD7B04;
	background-color: #FFF7E7;
}
/*Message for Error*/
#tblMessage.Error
{
	border: solid 1px #FF0001;
	background-color: #FFEAEA;
}

/*-------------------------------*/
/*Messages Status Icon supported classes*/
/*-------------------------------*/
/*General class for Message Icon*/
#dvIcon
{
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 38px;
}
/*Message Icon for Successful*/
#dvIcon.Success
{
	background-image: url('../images/Message_Success.png');
}
/*Message Icon for Information*/
#dvIcon.Information
{
	background-image: url('../images/Message_Information.png');
}
/*Message Icon for Warning*/
#dvIcon.Warning
{
	background-image: url('../images/Message_Warning.png');
}
/*Message Icon for Error*/
#dvIcon.Error
{
	background-image: url('../images/Message_Error.png');
}

/*-------------------------------*/
/*Progressbar supported classes*/
/*-------------------------------*/
/*Progressbar container wrapper*/
#dvProgressContainer
{
	border-left: solid 1px #CFCFCF;
	border-right: solid 1px #CFCFCF;
	width: 300px;
	height: 12px;
	background-image: url(../images/Progressbar_Wrapper.gif);
}
/*Progressbar container*/
#dvProgress
{
	background-image: url(../images/Progressbar_Content.gif);
	height: 100%;
	width: 0px;
}

/*-------------------------------*/
/*Grid supported classes*/
/*-------------------------------*/
/*Grid Header Row*/
.GridHeader
{
	background-image: url(../images/Grid_Header.gif);
	height: 25px;
}
/*Grid Header row separator */
.GridHeader td.Separator
{
	border-right: solid 1px #C9CACA;
	padding: 0px 2px 0px 2px;
}
/*Grid row height for empty, normal, selected and hovered */
.GridRow, .GridEmptyRow, .GridNumberRow, .GridNormalRow, .GridAlternate, .GridHoverRow
{
	height: 20px;
}
/*Grid Empty row */
.GridEmptyRow
{
	vertical-align: middle;
	text-align: center;
	color: Gray;
}
/*Grid Numbered row */
.GridNumberRow
{
	background-image: url(../images/Grid_RowNumber.gif);
}
/*Grid Normal row */
.GridNormalRow
{
	background-image: url(../images/Grid_RowNormal.gif);
}
/*Grid Alternate row */
.GridAlternate
{
	background-image: url(../images/Grid_RowAlternate.gif);
}
/*Grid Hover row */
.GridHoverRow
{
	background-image: url(../images/Grid_RowHover.gif);
}
/*Grid Footer row*/
.GridFooter
{
	background-image: url(../images/Grid_Footer.gif);
	height: 25px;
}
/*Grid Footer row left and right margin*/
.GridFooter td
{
	padding: 0px 3px 0px 3px;
}
.StartUpload
{
	/* for IE */
	filter:alpha(opacity=20);
	/* CSS3 standard */
	opacity:0.2;
}

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
  
#gravity { width: 100%; margin: 5px 0; border-spacing: 5px; }
#gravity td { text-align: center; vertical-align: middle; padding: 5px 0; background-color: #d0d0d0; width: 33%; }
#gravity a { }
#gravity a:hover { color: #505050; background: none; }


.cal_Theme1 .ajax__calendar_container   {  
    background-color: #dce9f9;   
    border:solid 1px #cccccc;  
    width:230px;
}  
      
.cal_Theme1 .ajax__calendar_header  {  
    background-color: #ffffff;   
    margin-bottom: 4px;  
}  
      
.cal_Theme1 .ajax__calendar_title,  
.cal_Theme1 .ajax__calendar_next,  
.cal_Theme1 .ajax__calendar_prev    {  
    color: #004080;   
    padding-top: 3px;  
}  
      
.cal_Theme1 .ajax__calendar_body    {  
    background-color: #ffffff;   
    border: solid 1px #cccccc;  
    height:210px;
    width:230px;
}  
      
.cal_Theme1 .ajax__calendar_dayname {  
    text-align:center;   
    font-weight:bold;   
    margin-bottom: 4px;   
    margin-top: 2px;  
}  
      
.cal_Theme1 .ajax__calendar_day {  
    text-align:center;  
}  
    
.cal_Theme1 .ajax__calendar_today   {  
    font-weight:bold;  
}  
  
.cal_Theme1 .ajax__calendar_active, .cal_Theme1 .ajax__calendar_active:hover  {
    color: #FFFFFF; 
    font-weight: bold; 
    background-color: #FF0000 !important;
}

/* Bozze, Inviate, Programmate */
.bozze,
.bozze div,
.bozze span 
{
	-webkit-border-radius: 6px; /*For Safari, etc. */
	-moz-border-radius: 6px; /*For Mozilla, etc. */
	border-radius: 6px; /*CSS3 Feature */
    
	background-color: Yellow; /* background color */
	border-color: Yellow;     /* border color */
	color: Red;           /* text color */
}

.inviate,
.inviate div,
.inviate span 
{
	-webkit-border-radius: 6px; /*For Safari, etc. */
	-moz-border-radius: 6px; /*For Mozilla, etc. */
	border-radius: 6px; /*CSS3 Feature */
    
	background-color: Green; /* background color */
	border-color: Green;     /* border color */
	color: White;           /* text color */
}

.programmate,
.programmate div,
.programmate span 
{
	-webkit-border-radius: 6px; /*For Safari, etc. */
	-moz-border-radius: 6px; /*For Mozilla, etc. */
	border-radius: 6px; /*CSS3 Feature */
    
	background-color: Navy; /* background color */
	border-color: Navy;     /* border color */
	color: White;           /* text color */
}

/* Selettori Apple Style http://proto.io/freebies/onoff/ ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.onoffswitch {
    position: relative; width: 75px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #666666; border-radius: 20px;
}

.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 0px 10px 0px rgba(0,0,0,0.08) inset;
}

.onoffswitch-inner:before {
    content: "Si";
    padding-left: 15px;
    background-color: #9BCFFA; color: #FFFFFF;
    border-radius: 20px 0 0 20px;
}

.onoffswitch-inner:after {
    content: "No";
    padding-right: 15px;
    background-color: #FFFFFF; color: #666666;
    text-align: right;
    border-radius: 0 20px 20px 0;
}

.onoffswitch-switch {
    width: 20px; margin: 1px;
    background: #FFFFFF;
    border: 1px solid #666666; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 51px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    box-shadow: 0 1px 1px white inset;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0px;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.ValidatorWarning
{
	border: solid 1px #FF0000;
	background-color: #FFF7E7;
	color: #FF0000;
	padding: 5px;
}

.ValidatorIcons
{
    vertical-align:middle;
    margin-bottom:3px;
    border:0;
    width:20px;
    height:20px;
}

.ErrorControl
{
    border: solid 1px #FF0000!important;
	background-color: #FFF7E7;
}


#pnlBtnServices{
	position:absolute;
	top:80px;
	right:0px;
	width:500px
	}
	
#pnlBtnServices input:hover{
	color:#000;
	background-color:#fff;
}

.EmailProfiloCssClassOn
{
    display:block;
}

.EmailProfiloCssClassOff
{
    display:none;
}