body
{
    font-family: Arial, Trebuchet MS, Tahoma;
    font-size: 10pt;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    color: #666666;
}
.pagewidth
{
    width:950px;
}
#logo
{
    text-align: left;
    vertical-align:top;
    padding-top:5px;
}
#body
{
    background-color: #fff;
}
#bodycontent
{
    background-color: #fff;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
}
#topcontent
{
    border-bottom: 10px solid #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-right: 8px;
}
a{text-decoration:none;color:#3B5998;cursor:pointer;}
a:link {text-decoration:none}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:underline;}

table
{
    font-family: Arial, Trebuchet MS, Tahoma;
    font-size:10pt;
}
hr 
{
    height: 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}
select {color:#555555;}

h1
{
    color: #fff;
    font-size: 17pt;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
}
h2
{
    color:#666666;
    font-size:14pt;
    font-weight:normal;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    font-family: Arial;
}
h3
{
    color:#666666;
    font-size:13pt;
    font-weight:normal;
    margin-top: 0px;
}
h4
{
    font-size:10pt;
    font-weight:bold;
}
legend
{
    color:#555555;
    font-weight:bold;
    cursor:default !important;
}

.text8 {font-size:8pt;}
.text10 {font-size:10pt;}
.text11 {font-size:11pt;}
.text12 {font-size:12pt;}
.text13 {font-size:13pt;}
.text14 {font-size:14pt;}
.white {color:#ffffff;}
.red {color:#990000;}
.green {color:#008000;}
.lightgreen
{
    color: #B7E379;
}
.orange {color:#ff4500;}
.gray {color:#999999;}
.bgwhite {background-color:#ffffff;}
.bgbluedark {background-color:#172F53;}
.bgbluemid
{
    background-color: #144E87;
}
.bgblue {background-color:#1E74C8;}
.bggreendark
{
    background-color: #394F00;
}
.bggreen
{
    background-color: #89CB2B;
}
.bgorange {background-color:#F7941C;}
.bggray1 {background-color:#efefef;}
.bggray2 {background-color:#7688A3;}
.bordergray {border:#aaaaaa 1px solid;}
.height1 {height:1px;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.top {vertical-align:top;}
.bold {font-weight:bold;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}

.separator {height:1px;background-color:#eeeeee;}
.separator td {padding:0px;}

.topnav
{
    text-align: left;
    font-size: 9pt;
    padding-top: 8px;
    padding-bottom: 8px;
}
.topnav a
{
    text-decoration: none;
    color: #fff;
    font-weight:bold;
    padding-left: 8px;
    padding-right: 8px;
}
.topnav_active
{
    color: #6699FF !important;
    cursor: pointer;
}
.topnav_selected
{
    color: #6699FF !important;
}
.mymenu
{
    color:#ffffff;
    font-size:9pt;
    font-weight:bold;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    height: 25px;
}
.mymenu a 
{
    text-decoration:none;
    color:#ffffff;
    padding-left: 8px;
    padding-right: 8px;
}

.mymenu_active
{
    color: #B7CEFF !important;
    cursor: pointer;
}
.mymenu_selected
{
    color: #B7CEFF !important;
}

.featuremenu
{
    background-repeat:no-repeat; padding-left: 60px;height:55px;vertical-align:middle;
}

.logotext
{
    color:#666666;
    font-size:11pt;
    font-weight:normal;
}
.loginStatus .loginName
{
    font:15pt Georgia;
    color:#696969;
}

#cmid {padding-left: 10px;}
#cright {width:220px;}

.error {color:#cc0000;}
.errorbox
{
    font-size:9pt;
    color:#cc0000;
    padding:4px;
    border:1px solid #cc0000;
    display:block;
}

.formbox
{
    border:1px solid #eeeeee;
    padding:5px;
    background-color:#fcfcfc;
}
.mandatory {color:#cc0000;}

.buttonOver, .buttonOver:hover
{
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #1F74C9 #0D2F51 #0D2F51 #1F74C9;
    background-color: #16538F;
    padding: 3px 5px 3px;
    color: #ffffff !important;
    text-decoration: none;
    cursor:pointer;
}
.buttonOut
{
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #2F87DF #154F88 #154F88 #2F87DF;
    background-color: #1E74C8;
    padding: 3px 5px 3px;
    color: #ffffff !important;
    text-decoration: none;
}

input 
{
    color: #555555;
}

input.disabled {
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
}

input.required, textarea.required {
    border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
    border: 1px solid #CA5100;
}
input.validation-passed, textarea.validation-passed {
    border: 1px solid #00CC00;
}

.validation-advice {
    padding: 3px;
    color : #CA5100;
}

.custom-advice {
    padding: 3px;
    color : #CA5100;
    font-weight: bold;
}

.comment
{
    color:#509050;
    font-size:9pt;
    font-style: italic;
}
.filter
{
    padding: 10px;
    background-color: #eee;
}
.info ul { margin-left:10px;margin-top:10px; list-style-image:url(/images/v.png);}
.info li {padding:0px 0px 7px 5px;margin-left:5px;}

.footnote
{
    color:#999999;
    font-size:9pt;
    padding-bottom:10px;
    padding-top:10px;
}

.footerarea
{
    color:#172F53;
    padding-left: 8px;
    padding-right: 8px;
    border-top: 10px solid #CCCCCC;
}
.footername
{
    color: #494949;
    font-size: 14pt;
    padding-top: 20px;
    margin-bottom: 30px;
}
.footerarea a {color:#fff;}
.footerarea .top {height:2px;background-color:#0066FF;}

.calendar {font-size:9pt;border:1px solid #eeeeee;}
.calendar td {border:2px solid #FFFFFF;text-align:right; padding-left:4px;padding-right:4px;}
.calendar td.monthName {text-align:center;font-weight:bold;}
.calendar a{text-decoration:none;}
.calendar td.today {color:#FF0000;}
.calendar td.other {color:#AAAAAA;}
.calendar td.busy { font-weight:bold; background-color:#AACCEE;}
.calendar td.selected { border:2px solid #ff4500;}
.c_day {cursor: pointer;}

.list
{
    width:100%;
}
.listheader
{
    color:#999999;
    background-color:#FFFFC4;
}
.listheader td
{
    margin:10px;
    padding:3px;
    border-color:#ffDD66;
    border-top-width:1px;
    border-bottom-width:2px;
    border-top-style:solid;
    border-bottom-style:solid;
}
.listrow td
{
    padding:2px;
}
.separator
{
    padding:0px;
    height:1px;
    background-color:#dddddd;
}

.dashedbox
{
    border:thin dashed #FF6600;
    width:650px;
}
.cloud
{
    width:100%;
}

.modalheader
{
    text-align:left;
    background-color:#6495ed;
    height: 35px;
}
.modaltitle
{
    font-size:15pt;
    font-family: Arial;
    color:#ffffff;
    padding:5px;
    width:100%;
}
.modalclose
{
    float:right;
    margin: 5px;
    margin-right: 15px;
}
.modalbody
{
    padding:5px;
    height:450px;
    overflow-y:scroll;
}
.box
{
}
.box_header
{
    background: url("/images/header_bg.gif") repeat-x scroll 0 0 transparent;
    padding: 5px 8px;
    margin: 0px;
    font-size: 13pt;
}
.box_body
{
    padding:5px 5px;
}
.frame
{
       border: 4px solid #b0c4de;
}
.schedule td
{
    padding-right: 20px;
}
.thumbnaildiv
{
    height: auto;
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align:center;
}
.thumbnail
{
    height: auto;
    max-width:200px;
}
/*availability*/
.div_av_times
{
    border-left:1px solid #ccc;
    border-bottom:1px solid #DDD;
    color:#446688;
    text-align:right;
}
.availabilityContainer
{
    border-color:#ddd;
    border-style:solid;
    border-width:3px 9px;
    width: 100%;
}
.availabilityview_resource
{
    background-color:#ddd;
    font-size: 11pt;
    text-align: center;
}
.availabilityview_resource td
{
    padding-bottom: 5px;
}
.availabilityview_closed
{
    color:#ff4500;
    font-size:10pt;
    font-weight:bold;
    text-align: center;
    padding: 15px;
}
.availabilityview_pause
{ 
    color:#ff4500;
    font-size:10pt;
    font-weight:bold;
    text-align: center;
    height: 18px;
    background-color: #FFFFDD;
}

.availabilityview_hour
{
    background-color:#efefef;
    border-right:3px double #DDDDDD;
}
.availabilityview_grid div
{
    border-bottom:1px solid #DDDDDD;    
}
.availabilityview_day
{
    position:relative;
}
.availabilityview_slot
{
    font-size: 8pt;
    position:absolute;
    border-style: none;
    width:48%;
}

.slot_reserved
{
    background-color:#F46F6F;
    cursor: pointer;
    color: #fff;
}
.slot_free
{
    background-color:#ABDF7B;
    cursor: pointer;
    color: #fff;
}
.slot_content
{
    padding-left:2px;
    padding-right: 2px;
}
.corner2
{
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 1px;
}

.corner1
{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 1px;
}

.slotFree
{
    background-color: #ABDF7B;
}

.availability
{
    border:1px solid #cccccc;
    text-align:center;
    padding:0px;
}
.availability div
{
    width:5px;
    height:5px;
    padding:3px;
}

.availability td
{
    text-align:center;
}
.availability .reserved div
{
    border:2px solid #ffffff;
    background-color:#F46F6F;
    cursor: pointer;
}
.availability .free div
{
    border:2px solid #ffffff;
    background-color:#ABDF7B;
    cursor: pointer;
}
.availability .free  div.slotOver
{
    border:2px solid #77C530;
}
.availability .notfree div
{
    border:2px solid #ffffff;
    background-color:#cccccc;
}
.availability .requested div
{
    border:2px solid #aaaaaa;
}

.availability .period
{
    color:#ffffff;
    text-align:left;
    font-weight:bold;
    background:#b0c4de;
    padding:2px;
}
.weekdays
{
    background:#EAEFF7;
}
.weekdays td
{
    font-weight:bold;
    color:#aaaaaa;
    text-align:center;
    padding-left:8px;
    padding-right:8px;
}
.availability .closed
{
    color:#ff4500;
    font-size:10pt;
    font-weight:bold;
}
.res_status
{
    text-align: center;
    width: 80px;
}
.res_datetime
{
    width: 230px;
}
.res_name
{
    width: 280px;
}

.newsBoxSubject
{
    font-size:12pt;
}
.newsBoxDescription
{

}
.newsBoxDate
{
    color:#999999;
    font-size:8pt;
    padding-bottom:5px;
}

/*Tooltip*/
#dhtmlgoodies_tooltip
{
    background-color:#FFFF99;
    border:1px solid #C0C0C0;
    position:absolute;
    display:none;
    z-index:20000;
    padding:2px;
    font-size:0.9em;
    -moz-border-radius:6px; /* Rounded edges in Firefox */
    font-family: Arial, "Trebuchet MS" , "Lucida Sans Unicode", sans-serif;
}
#dhtmlgoodies_tooltipShadow{
    position:absolute;
    background-color:#cccccc;
    display:none;
    z-index:10000;
    opacity:0.7;
    filter:alpha(opacity=70);
    -khtml-opacity:0.7;
    -moz-opacity:0.7;
    -moz-border-radius:6px;    /* Rounded edges in Firefox */
}

/*Rounded Corners from http://www.html.it/articoli/nifty/index.html*/
.rtop,.rbottom{display:block;font-size:1px;}
.rtop b,.rbottom b{display:block;height:1px;overflow:hidden;font-size:1px;}
.r1{margin:0 5px;}
.r2{margin:0 3px;}
.r3{margin:0 2px;}
.r4{margin:0 1px;height:2px;}

.rs1{margin:0 2px;}
.rs2{margin:0 1px;}