/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like to use a different color start by replacing all instances of #5c87b2 with your new color.
----------------------------------------------------------*/
body {background-color:#CBCBCB; font-size:11px; font-family:Verdana, Helvetica, Sans-Serif; margin:0; padding:0; color:#696969;}
a:link {color:#034af3; text-decoration:underline;}
a:visited {color:#505abc;}
a:hover {color:#1d60ff; text-decoration:none;}
a:active {color:#12eb87;}
p, ul {margin-bottom:10px; line-height:1.5em; margin:0; padding:5px 0 10px 0;}

/* HEADINGS ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-size:1.5em; color:#000; font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:2em; padding-bottom:0; margin-bottom:0;}
h2 {padding:0 0 10px 0;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5, h6 {font-size:1em;}

/* this rule styles <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top:0;}

/* PRIMARY LAYOUT ELEMENTS ----------------------------------------------------------*/
.page {margin:0;}

#header {position:relative; margin-bottom:0px; color:#000; padding:0; background-color:#800D0D;
         background-image:url(logocri_63.gif); background-repeat:no-repeat; background-position:5px 5px;}
#header h1 {font-weight:bold; padding:5px 0; margin:0; color:#fff; border:none; line-height:2em; font-family:Arial, Helvetica, sans-serif; font-size:32px !important;}

#main {padding:1px 10px 10px 10px; background-color:#fff; margin-bottom:10px; _height:1px; /* only IE6 applies CSS properties starting with an underscrore */}
#footer {color:#AAA; padding:2px 0; text-align:center; line-height:normal; margin:30px 0 0 0; border-top:solid 1px #AAA; font-size:9px;}

/* TAB MENU ----------------------------------------------------------*/
ul#menu {border-bottom:1px #800D0D solid; padding:0 0 1px; /* position:relative; */ margin:0; text-align:right;}
ul#menu li {display:inline; list-style:none;}
ul#menu li#greeting {padding:2px 10px; font-weight:bold; text-decoration:none; line-height:2.8em; color:#fff;}
ul#menu li a {padding:2px 10px; font-weight:bold; text-decoration:none; background-color:#CBCBCB; color:#800D0D;}
ul#menu li a:hover {background-color:#fff; text-decoration:none;}
ul#menu li a:active {background-color:#a6e2a6; text-decoration:none;}
ul#menu li.tabSelected a {background-color:#FFF; border-bottom:solid 3px #FFF;}

/* FORM LAYOUT ELEMENTS ----------------------------------------------------------*/
fieldset {margin:1em 0; padding:1em; border:1px solid #CCC;}
fieldset p {margin:2px 12px 10px 10px;}
fieldset label {display:block;}
fieldset label.inline {display:inline;}
legend {font-size:1.1em; font-weight:600; padding:2px 4px 8px 4px;}
input[type="text"] {width:200px; border:1px solid #CCC;}
input[type="password"] {width:200px; border:1px solid #CCC;}

/* TABLE ----------------------------------------------------------*/
table {border:solid 1px #e8eef4; border-collapse:collapse;}
table td {padding:2px; border:solid 1px #e8eef4;}
table th {padding:2px; text-align:left; background-color:#e8eef4; border:solid 1px #e8eef4;}
table.context {border:solid 3px #e8eef4; border-collapse:collapse;}
table td.date-turni {font-weight:normal; font-size:10px;}
table.popuptable {width:100%;}
table.popuptable td {vertical-align:top; padding:1px;}
table.select-uo {border:0; border-collapse:collapse;}
table.select-uo td {border:0; padding:2px 8px;}

/* MISC ----------------------------------------------------------*/
.clear {clear:both;}
.error {color:Red;}

#menucontainer {margin:2px 5px 0 20px;}

div#title {display:block; float:left; text-align:left; margin:4px 0 0 0px; padding-left:75px; font-family:Arial, Sans-Serif;}
div#title p {font-size:14px; line-height:14px; color:#FFF; margin:0; padding:0; font-variant:small-caps; font-weight:bold;}
div#title p.ge {font-size:20px; color:#FFF; margin-top:6px; padding:0; font-variant:small-caps; font-weight:bold;}

#logindisplay {display:block; text-align:right; margin:0 5px; color:#FFBF00; /*#CF9F6B*/}
#logindisplay a:link {color:#FFBF00; text-decoration:underline;}
#logindisplay a:visited {color:#FFBF00; text-decoration:underline;}
#logindisplay a:hover {color:#800D0D; background-color:#FFF; text-decoration:none;}
#logindisplay a.cluetip {text-decoration:none; border-bottom:dotted 2px #FFBF00;}

.field-validation-error {color:#ff0000;}
.input-validation-error {border:1px solid #ff0000; background-color:#ffeeee;}
.validation-summary-errors {font-weight:bold; color:#ff0000;}

.crud-c {background-color:#9595FF; border:solid 1px #999999; font-weight:bolder; margin:1px;}
.crud-r {background-color:#8FED70; border:solid 1px #999999; font-weight:bolder; margin:1px;}
.crud-u {background-color:#F0ED60; border:solid 1px #999999; font-weight:bolder; margin:1px;}
.crud-d {background-color:#FFB76F; border:solid 1px #999999; font-weight:bolder; margin:1px;}
.crud-n {background-color:#D0D0D0; border:solid 1px #999999; font-weight:bolder; margin:1px;}

/* STATE COLORS ---------------------------------------------------------------*/
.colors-undefined {background-color:#FFFFFF;}
.colors-disponibile {background-color:#FFF89B; color:#776F11;}
.colors-nondisponibile {background-color:#FFD0D0; color:#C04444;}
.colors-nonrichiesto {background-color:#FFD7A3; color:#56410A;}
.colors-assegnato {background-color:#ADFFAD; color:#684E0C;}
.colors-completato {background-color:#CCCCCC; color:#444444;}
.colors-true {background-color:#ADFFAD; color:#684E0C; text-align:center;}
.colors-false {background-color:#FFD7A3; color:#56410A; text-align:center;}

a.state-action {font-size:9px; color:#444; background-color:#E0E0E0; text-decoration:none; border:solid 1px #444444; padding:0 1px 0 1px;}
a.state-action:hover {background-color:#93FFF9;}

a.cluetip {color:#444; text-decoration:none; border-bottom:dotted 2px #44D; padding:0 1px 0 1px;}

ul.personaldata {margin:0; padding:0; list-style-type:none;}
ul.personaldata li {margin:0; padding:0;}