body, p, td, li, h1, h2, h3 { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Courier New, monospace;}
body, p, td, li, h2, h3     { font-size: 11px; }
h2, h3  	{ font-weight: bold; color:#323777; margin-bottom: 11px; }
h1          { font-size:16px; font-weight: bold; color:#7e1010; margin-bottom: 3px; }
h2, h3      { margin-top: 17px;  }

.header     { font-weight: bold; color:#323777; margin-bottom: 11px; }
.headline	{ font-weight: bold; color:#323777; }

p           { margin-top: 14px; }


a           { text-decoration: none; }
a:hover     { text-decoration: underline; }
a.nav       { text-decoration: none; }
a.nav:hover { text-decoration: underline; }

pre         { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif, Courier New, monospace; font-size:12px; }
ul          { list-style-type: square; margin-top: 2px;        }

td.header   { color: #FFFFFF; background-color:#323777; }
td.cell     { background-color:#FFFFFF; }

input, select    { border: 1px solid silver; }
input.error, select.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(../img/warning_obj.gif); background-position: right; background-repeat: no-repeat;}
input:focus, select:focus {border: 1px solid red; background-color:#EFEFEF;}
.mandatory  { font-weight: bold; color:#660000;}
.comment    { color: #BBBBBB; }

.highlightit img{
	border-style: none;
	border: none;
/*	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); */
	opacity: 0.9;
/*	-moz-opacity: 0.9;    */
	cursor: pointer;
}

.highlightit:hover img{
/*	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); */
	opacity: 1;
/*	-moz-opacity: 1;   */  
}

.normale img{
/*	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); */
	opacity: 0.7;
/*	-moz-opacity:  0.7 */  
	cursor: default;
}

.header_page {
	text-align: left;
	width: 610px;
	min-height: 175px;
/*	height: 157px; */
/*	border: 1px solid black; */
}

.header_page_minimal {
	text-align: left;
	width: 610px;
	min-height: 125px;
}

.body_page {
	text-align: center;
	padding-top: 10px;
	clear: both;
}

.body_page {
	text-align: -moz-center;
	padding-top: 10px;
	clear: both;
}

.login_area_top {
	border: 1px solid #cce;
	width: 700px;
	height: 70px;
	text-align: center;
	vertical-align: bottom;
}

.login_area_middle {
	border: 1px solid #cce;
	width: 700px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Courier New, monospace;
	font-size: 11px;
	color: #323777;
	background-color: #EFEFFF;
	font-weight: bolder;
	text-align: left;
}	
	
.logged_in_area_middle {
	border: 1px solid #cce;
	width: 700px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Courier New, monospace;
	font-size: 11px;
	color: #323777;
	background-color: #EFEFFF;
	font-weight: bolder;
        height: 28px;
        text-align: right;
}	
	
.logged_in_area_name {
	width: 660px;
        min-height: 28px;
        float: left;
        text-align: right;  
}	

.logged_in_area_button {
	width: 30px;
        min-height: 28px;
        float: right;
        text-align: right;  
}	

.login_area_bottom {
	border: 1px solid #cce;
	width: 700px;
	height: 150px;
	background-color: #EFFFEF;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Courier New, monospace;
	font-size: 13px;
	color: #034546;
	vertical-align: middle;
}	

.empty_area {
	clear: both;
	width: 700px;
	height: 25px;
	text-align: center;
}

.input_area_left {
	width: 180px;
	height: 25px;
	text-align: right;
	vertical-align: middle;
	float: left;
}

.input_area_right {
	width: 520px;
	height: 25px;
	text-align: left;
	vertical-align: middle;
	float: right;
}

.input_text {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Courier New, monospace;
	font-size: 12px;
	color: #034546;
	
}

.button_area {
	width: 700px;
	height: 100px;
	text-align: center;
}

.structure_logo {
	width: 200px;
	height: 70px;
	margin: auto;
	float: left;
	vertical-align: middle;
}

.system_area {
	width: 400px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.system_name {
	position: relative;
	top: 50%;
}

.calendar_box {
	position:absolute;
	top:10px;
	right: 10px;
	float:right;
	height: 185px;
}

div.ui-datepicker{
 font-size:9px;
}

.flags_area {
	width: 100px;
        height: 15px;
/* MOD height: 70px;*/
	margin: auto;
	text-align: right;
	float: left;
	vertical-align: top;
}

.help_area {
	position: relative;
        vertical-align: bottom;
        font-weight: bold;
        top: 50%; 
        padding-right: 10px;
}

.selectionArea {
/*	clear:both; */
	float: left;
/*	border: 1px solid cyan; */
        min-height: 55px;
}

.selectionList {
	width: 350px;
	float: left;
}

.columnsSelectionContainer { 
        text-align: left;
        float: right;
}

.checkboxArea {
  	width: 600px;
}

.selectionListText {
/*	border: 1px solid yellow;*/
	font-weight: bold; 
	font-size: 9px;
	color:#323777; 	
        vertical-align: middle;
}

.highlight {
	color: #AA0000;
}

.highlight:hover {
	text-decoration: underline;
	color: #CC0000;
}

.fakeUser {
	font-style: italic;
	color: #808000;
        margin-top: 7px;
}

.hiddenList {
	visibility:hidden;
	display: none;
}

.visibileList {
	visibility:visible;
	display: block;
}

.mailChoice {
	color: #993300; /* text */
	border-top: 1px solid #a27c7c; 
	border-left: 1px solid #a27c7c; 
	border-right: 1px solid #a27c7c; 
	background: #f1dddd; 
	z-index: 1;
	font-size: 9px;
}

.mailChoiceLast {
	color: #993300; /* text */
	border: 1px solid #a27c7c; 
	background: #f1dddd; 
	z-index: 1;
	font-size: 9px;
}

.hiddenMailChoiceContainer {
	visibility:hidden;
	display: none;
}

.visibleMailChoiceContainer {
	visibility:visible;
	display: block;
	position: relative;
}

.selectedProfile {
	font-style:italic; 
	color:#6d0606;
	text-transform:uppercase;
}
.noMoreAvailable {
	text-decoration: line-through;
}

.alertMessage {
	font-weight:bold;
        color:#c00000;
	font-size: 10px;
}

img.left {
	float: left;
}

img.right {
	float: right;
}

.sbianca {
	opacity: 0.3;
	border: 1px solid green;
	background-color:#008800;
}

/*
div.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
div.tt span{ display: none; }

//background:; ie hack, something must be changed in a for ie to execute it
div.tt:hover{ z-index:25; color: #aaaaff; background:#330000;}
div.tt:hover span.tooltip{
    display:block;
    position:absolute;
	z-index: 100;
	padding: 0px 0 0 0;
	width:300px;
	color: #993300;
    text-align: left;
	border: 1px solid #a27c7c; 
	background: #f1dddd; 
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
*/
.topBorder { 
	background:#f1dddd;
	display: block;
	padding: 0 8px; 
	border: 1px solid #a27c7c;
	background: url('../img/calendar/top-right.gif') top right no-repeat;
}

.tlCorner { 
	background: url('../img/calendar/top-right.gif') top left no-repeat;
}
.trCorner { 
	background: url('../img/calendar/top-right.gif') top right no-repeat;
}
.blCorner { 
	background: url('../img/calendar/top-right.gif') bottom left no-repeat;
}
.brCorner { 
	background: url('../img/calendar/bottom-right.gif') bottom right no-repeat;
}

.slotText {
	color: #993300; /* text */
	border: 1px solid #a27c7c; 
	background: #f1dddd; 
/*	padding: 2px; */ /* tolgo perch� mi cambia la posizione dell'elemento */
	z-index: 1;
        position:absolute;
	width:280px;
/*	height:200px; */
	font-size: 9px;
}

.ulNone {
        list-style-type: none;    
}

.ulCircle {
        list-style-type: circle;    
}

.ulSquare {
        list-style-type: square;    
}

.ulDisc {
        list-style-type: disc;    
}

.liInTooltip {
	font-size: 9px;
}

.containercol {
	clear: both; 
	width:120px;
	height:480px;
}

.col1stOf3 {
	position: relative; 
	float: left; 
	height:480px;
	width: 40px; 
/*	background: pink;*/
}

.col2ndOf3 {
/*		background: azure; */
/*	height:480px;*/
/*	width: 40px; */
}

.col3rdOf3 {
	position: relative; 
	float: right; 
	width:40px;
	height:480px;
/*		background: yellow;*/
}

.col1stOf2 {
	position: relative; 
	float: left; 
	height:480px;
	width: 60px; 
}

.col2ndOf2 {
	position: relative; 
	float: right; 
	width:60px;
	height:480px;
}

.col1stOf1 {
	position: relative; 
	height:480px;
	width: 120px; 
}

span.genericButton {
	vertical-align: top;
}

span.genericButton input:hover {
	cursor: pointer;
}

input.genericButton {
	background-repeat: no-repeat;
	background-position: center;
	width: 34px; 
	height: 34px; 
}

input.genericSmallButton {
	background-repeat: no-repeat;
	background-position: center;
	width: 17px; 
	height: 17px; 
}

.dateStyle {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
}

.pricesTable {
	display: table;
        border-collapse: collapse;
}

.pricesTableHeader {
        display:table-header-group;
        font-weight:bold;
}

.pricesTableRow {
        display:table-row;
}

.schemaTableCell {
        display:table-cell;
        width:40px;
        min-width:40px;
        text-align: center;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
	padding: 1px;
}

.schemaTableCellLarge {
        display:table-cell;
        width:100%;
        min-width:100%;
        text-align: left;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
	padding: 1px;
}

.schemaTableCellSmallText {
        font-size:9px; 
}

.tableCellHighlighted {
        background-color: yellow;
}

.pricesTableLeftCell {
        display:table-cell;
        width:300px;
        min-width:300px;
        text-align: left;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
	padding: 1px;
}
 
.pricesTableCell {
        display:table-cell;
        width:100px;
        min-width:100px;
        text-align: left;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
	padding: 1px;
        font-size:10px; 
}
 
.pricesTableCellSmallText {
        font-size:9px; 
}

.pricesTableCellLarge {
        display:table-cell;
        width:100%;
        min-width:100%;
        text-align: left;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
	padding: 1px;
        font-size:10px; 
}

.paymentSummaryTable {
	display: table;
        border-collapse: collapse;
}

.paymentSummaryRow {
        display:table-row;
}

.paymentSummaryCell {
        display:table-cell;
}

.paymentSummaryCellDesc {
        width: 200px;
        min-width: 200px;
        text-align: left;
}

.paymentSummaryCellVal {
        text-align: center;
}

.paymentSummaryCellNumber {
        text-align: right;
}

.paymentSummaryCellQuantity {
        width: 45px;
        min-width: 45px;
}

.paymentSummaryCellQuantityInput {
        text-align: right;
}

.paymentSummaryCellLot {
        width: 45px;
        min-width: 45px;
}

.paymentSummaryCellPunit {
        width: 65px;
        min-width: 65px;
}

.paymentSummaryCellTotal {
        width: 80px;
        min-width: 80px;
}

.paymentSummaryCellButton {
        width: 40px;
        min-width: 40px;
        text-align: center;
}

.paymentSummaryBorder {
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
	padding: 2px;
}

.paymentSummaryAlert {
        background-color: #E10101;
}

.paymentSummaryNoBorder {
/* necessario per evitare bordo fantasioso */
        border-right: 0px solid gray;
	padding: 1px;
}

.bookingDetailRow {
        display:table-row;
}

.bookingDetailCell {
        display:table-cell;
	padding: 1px;
}

.bookingDetailCellAlignRight {
        text-align: right;
}

.bookingDetailCellAlignLeft {
        text-align: left;
}

.customTableHeader {
        position: relative;
}

/*
.divTableHeader {
}
*/

.divTableHeader_1 {
        min-height: 20px;
}

.divTableHeader_2 {
        min-height: 40px;
}

.divTableHeader_3 {
        min-height: 65px;
}

.dateTableHeader {
        width: 60px;
}

.dateTableRow {
        text-align: left;
}

.timeTableHeader {
        max-width: 25px;
}

.timeTableRow {
        text-align: right;
}

.fromtoTableHeader {
        max-width: 60px;
}

.fromtoTableRow {
        text-align: left;
}

.datetimeTableHeader {
        max-width: 60px;
}

.datetimeTableRow {
        text-align: left;
}

.currencyTableHeader {
        max-width: 6px;
}

.currencyTableRow {
        text-align: right;
}

.midTableHeader {
        min-width: 150px;
}

.maxTableHeader {
        max-width: 20%;
}

.standardTableHeader {
}

.standardTableRow {
        text-align: left;
}

.eventsbodyTableHeader {
        min-width: 60%;
        max-width: 80%;
}

.stepsbodyTableHeader {
        min-width: 80%;
        max-width: 90%;
}

.stepsbodyTableRow {
        text-align: left;
}

.logTableHeader {
        border-bottom: 1px dotted black;
        max-width: 30px;
}

.logTableRow {
        text-align: left;
}

img.separator {
        height: 1px;
}

div.elementInTableHeader {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
        width: 90%;
        position: absolute;
        bottom: 1px;
}

.selectInTableHeader {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
        width: 90%;
}

.txtInTableHeader {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
}

.checkboxInTableHeader {
        font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
        bottom: 0;
        font-weight: normal;
}

.dropbtn {
    background-color: #FFFFFF;
    color: white;
    padding: 1px;
    font-size: 1px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #F1F1F1;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #32379d;
    padding: 4px 8px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #E0E0E0;}

.caviesDesc:hover {
    font-weight: bolder;
}

.sitesDesc:hover {
    font-weight: bolder;
}

.temporaryAlert {
    width: 99%; 
    text-align: center; 
    font: 900 12px Arial, Helvetica, sans-serif; 
    color: #A00000;   
}

.alertBlinking {
    animation:blinkingText 3.5s infinite;
}
@keyframes blinkingText{
    0%{     color: #A00000;    }
    20%{    color: transparent; }
    100%{   color: #A00000;    }
}

.unavailableResourceInList {
        text-decoration: line-through;
}

.tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: yellow;
        color: #000;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;

        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
}

.tooltip:hover .tooltiptext {
        visibility: visible;
}

.afferencerequests {
    background-color: #e6e6ff;
    padding: 1px;
}

.submittedrequeststable {
    background-color: #e6e6ff;
    padding: 1px;
}

.newaffiliationrequest {
    background-color: #e6e6ff;
    padding: 1px;
}

.afferencetable {
    background-color: #e6e6ff;
    padding: 1px;
}