/* --------------------------------------------------------*
 * CSS FROM DESIGNER                                       *
 *---------------------------------------------------------*/

/* Defaults
----------------------------------------------------------*/

body
{
    font-size: .80em;
    font-family: "Trebuchet MS", "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: #5B5555;
}

p
{
    margin: 0px;
    padding: 0px;
}

textarea, input, select
{
    font-family: "Trebuchet MS","Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
    font-size: 100%;
    color: black;
}

/* imported from 2014Site.CSS
----------------------------------------------------------*/
#navm
{
    background-color: #0277BD;
    color: #666;
    padding-bottom: 0px;
    font-size:medium;
    z-index:100;
    position:fixed;
    width:100%;
    top:0;
    min-width:1026px;
    height:28px;
}
#navm a
{
    color: White;
    cursor:pointer;
}
#nav
{
    margin: 0;
    padding: 0px 1px 0;
    line-height: 100%;
    display:block;
}
#nav li
{
    margin: 0 0px 0 0px;
    padding: 0 0 0px;
    float: left;
    position: relative;
    z-index: 10;
    list-style: none;
}
#nav a
{
    font-weight:normal;
    color: white; 
    text-decoration: none;
    display:block;
    padding: 5px 14px 6px;
    margin: 0;
    cursor:pointer;
    text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover
{
    background: #01579B;
    cursor: pointer;
    color: white;
}

#nav .selected,#nav .selected:hover
{
    font-weight:normal;
    color: white; 
    text-decoration: none;
    display:block;
    padding: 5px 14px 6px;
    margin: 0;
    cursor:pointer;
    background-color:#004D91;
    text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
/*
#nav .selected > span
{
    border-color: transparent transparent white transparent ;
	border-style: solid;
	border-width: 8px;
	height: 0;
	width: 0;
	position:absolute;
	left:40%;
	top:13px;
}*/

#nav .selected > span
{
    border-color: #00879f transparent transparent  transparent ;
	border-style: solid;
	border-width: 8px;
	height: 0;
	width: 0;
	position:absolute;
	left:40%;
	top:27px;
}

#nav .logo, #nav .logo:hover
{
    font-weight:normal;
    color: white; 
    text-decoration: none;
    display: block;
    padding: 6px 16px;
    margin: 0;
    /*width:276px;*/
    width:200px;
    cursor:pointer;
    height:12px;
    background: url('Images/calsense-logo.png') 2px 2px no-repeat;
    text-shadow: 0 1px 1px rgba(0,0,0, .3);
}

 #nav li .report-list 
 {
    border-right: 1px solid #C3C3C3; /* for IE7*/
    width: 175px;
    min-height: 40px;
    margin-right: 4px;
    white-space: normal;
    display: none;
    top: 27px;
    left: 0px;
    position: absolute;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid white;
    padding: 0;
    margin: 0;
    background: #039BE5 url(imgs/gradient.png) repeat-x 0 50px;
    color: White;
}

#nav li:hover .report-list { display:inherit;}

#nav li .report-list .list { padding:5px 0px 5px 3px; font-size:small; height:19px; padding-left:14px;}
#nav li .report-list .list:hover { padding:5px 0px 5px 3px; font-size:small;background-color:#0288D1;cursor:pointer;height:19px; padding-left:14px;}

#nav li .report-list .list-item { position:relative; }

#nav li .report-list .list-selected,
#nav li .report-list .list-selected:hover {padding:5px 0px 5px 3px; font-size:small; height:19px; padding-left:14px;background-color:#0277BD;cursor:pointer;}

#nav li .report-separator {border-top:1px solid #83C2D0;} 

#nav li .report-list .list-empty { padding:5px 3px 5px 3px; font-size:small; height:19px; padding-left:14px; font-style:italic;}

/* RIGHT MENU "ACCOUNT MENU"
----------------------------------------------------------*/
#navRight
{
    margin: 0;
    padding: 0px 1px 0;
    line-height: 100%;
    display:block;
}
#navRight li
{
    margin: 0 0px 0 0px;
    width:240px;
    padding: 0 0 0px;
    float: right;
    position: relative;
    z-index: 10;
    list-style: none;
    text-align:center;
}
#navRight a
{
    font-weight:normal;
    color: white; 
    text-decoration: none;
    display:block;
    padding: 5px 14px 6px;
    margin: 0;
    cursor:pointer;
    text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#navRight a:hover
{
    background: #01579B;
    cursor: pointer;
    color: white;
}

#navRight .selected,#navRight .selected:hover
{
    font-weight:normal;
    color: white; 
    text-decoration: none;
    display:block;
    padding: 5px 14px 6px;
    margin: 0;
    cursor:pointer;
    background-color:#0277BD;
    text-shadow: 0 1px 1px rgba(0,0,0, .3);
}

#navRight .selected > span
{
    border-color: #00879f transparent transparent  transparent ;
	border-style: solid;
	border-width: 8px;
	height: 0;
	width: 0;
	position:absolute;
	left:40%;
	top:27px;
}

 #navRight li .report-list 
 {
    border-right: 1px solid #C3C3C3; /* for IE7*/
    width: 98%;
    min-height: 30px;
    margin-right: 4px;
    text-align:left;
    white-space: normal;
    display: none;
    top: 27px;
    left: 0;
    position: absolute;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid white;
    padding: 0;
    background: #039BE5 url(images/gradient.png) repeat-x 0 160px;
    color: White;
}

#navRight li:hover .report-list { display:inherit;}

#navRight li .report-list .list { padding:5px 0px 5px 3px; font-size:small; height:19px; padding-left:14px;}
#navRight li .report-list .list:hover { padding:5px 0px 5px 3px; font-size:small;background-color:#0288D1;cursor:pointer;height:19px; padding-left:14px;}

#navRight li .report-list .list-item { position:relative; }

#navRight li .report-list .list-selected,
#navRight li .report-list .list-selected:hover {padding:5px 0px 5px 3px; font-size:small; height:19px; padding-left:14px;background-color:#0277BD;cursor:pointer;}

#navRight li .report-separator {border-top:1px solid #83C2D0;} 

#logoutnav
{
    /*position:relative;
    z-index: 10;*/
    margin: 0;
    padding: 0px 1px 0;
    line-height: 100%;
    width:100%;
    text-align:center;
}
#logoutnav li
{
    float: right;
    position:relative;
    list-style: none;
    border-right:solid 0px white;
    /*overflow:hidden;*/
    font-weight:normal;
    color: white; 
    text-decoration: none;
    padding: 6px 2px 0px 0px;
    margin: 0;
    text-shadow: 0 1px 1px rgba(0,0,0, .3);
    min-width:200px;
    height:22px;
    max-width:207px;
}
#logoutnav li:hover
{
    background: #0096B0;
    text-decoration: none;
    padding: 6px 2px 0px 0px;
    cursor:pointer;
    height:22px;    
    max-width:207px;
}

#logoutnav #signoutBox
{
     color:black;
     overflow:hidden; 
     padding:5px;
     font-size:13px; 
     margin:6px 2px 0px 0px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     border-left:1px solid #ccc;
     display: block; 
     background: white;  
     text-align:center;
}

#logoutnav #signoutBox .email_lbl
{
    max-width:180px;
    display:inline-block;
}

li .signout_lbl
{
    background:url('../Images/signout_arrow_s.png') 100% 2px no-repeat; 
    padding-right:22px;
}

#logoutnav .signout_link
{
    margin-top:10px;
    margin-bottom:2px;
    background-color: #D44937;
    color:#F9F9F9;
    font-weight:bold;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size:12px;
    margin-left:2px;
    padding:5px 2px 4px 2px;
    border:1px solid white;
    outline: 1px solid #ccc;
    display:block;
    width:95%;
}
#logoutnav .signout_link:hover
{
    margin-top:10px;
    background-color: #CE3E2E;
    color: white;
    font-weight:bold;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size:12px;
    padding:5px 2px 4px 2px;
    border:1px solid white;
    outline: 1px solid black;
    text-decoration: none;
    display:block;
    width:95%;
}

/*
#logoutnav li:hover > div
{
    display:block;
    top: 28px;
    left: 100%;
    background-color: White;
    overflow:hidden;
    z-index: 20;
    padding:5px;
    margin:0;
    font-size:13px;
    margin-top:6px;
    background: #0096B0;
    text-align:center;
    cursor:default;
}

#logoutnav li > div
{
    display:none;
    text-align:center;
}*/

#logoutnav .company-list
{
    margin-top:10px;
    margin-bottom:2px;
    background-color: #E7E7E7;
    color:black;
    font-weight:bold;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size:12px;
    margin-left:2px;
    padding:5px 2px 4px 2px;
    border:1px solid white;
    outline: 1px solid #ccc;
    display:block;
    width:95%;
}
#logoutnav .company-list:hover
{
    margin-top:10px;
    background-color: #D7D7D7;
    color: black;
    font-weight:bold;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size:12px;
    padding:5px 2px 4px 2px;
    border:1px solid white;
    outline: 1px solid black;
    text-decoration: none;
    display:block;
    width:95%;
}

#logoutnav a { color:#058DD1; text-decoration:none; cursor:pointer; display:block; padding-top:5px;text-shadow:none; }
#logoutnav a:hover { color:#058DD1; text-decoration:underline; cursor:pointer;}


#nav .flag,#nav .flag:hover
{
    font-weight:normal;
    color: white; 
    text-decoration: none;
    display: block;
    height:28px;
    padding: 0px 4px;
    margin: 0;
    cursor:pointer;
    text-shadow: 0 1px 1px rgba(0,0,0, .3);   
}

#nav .flag-select,#nav .flag-select:hover
{
    font-weight:normal;
    color: white; 
    text-decoration: none;
    display: block;
    height:28px;
    padding: 0px 4px;
    margin: 0;
    cursor:pointer;
    background-color:white;
    text-shadow: 0 1px 1px rgba(0,0,0, .3);   
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
/* Page layout
----------------------------------------------------------*/

body
{
    margin: auto;
}

#page
{
    margin: auto;
    width: 1132px;
}

#main
{
    width: 1017px;
}

a img 
{
    border: none;
}

/* Page Header and Footer
----------------------------------------------------------*/

#header
{
    width: 983px;
    float: left;
    padding-top: 37px;
    padding-right: 34px;
    height: 66px;
}

#rightheader
{
    float: right;
    color: #ffffff;
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
}
.button-bar
{
    float: right;
}
.button-bar a
{
    height: 34px;
    margin-left: 8px;
    display: inline-block;
}

.tolinearea
{
    clear:both;
    float: right;
    height: 30px;
    padding-left: 8px;
    width: 361px;
    margin-top: 5px;
}

.tback
{
    float: left;
    width: 338px;
    color: #666666;
    height: 30px;
}
.tback .login-hdr
{
    padding-top: 9px;
}
.tback span
{
    display:inline-block;
    float: left;
}
.tback .login-hdr .login-name
{
    font-style: italic;
    white-space:nowrap;
    overflow:hidden;
    width:205px;
}
.tback .login-hdr.impersonating .login-name
{
    color: #bb6666;
}
.tback .login-hdr img, .tback .login-hdr input
{
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 3px;
}

.tback a:link, .tback a:visited, .tback input
{
    color: #999999;
    float: right;
    padding-top: 9px;
}
.tback a:hover
{
    text-decoration: none;
}

.tback input img { padding-top: 0px; }

.tback a.login-admin
{
    float:right;
}

#hdr-date
{
    float: right;
    padding-right: 8px;
    margin-top: 2px;
    padding-top: 8px;
}

#footer
{
    clear:both;
    margin: auto;
    width: 1132px;
    height: 40px;
    font-variant:small-caps;
}
#footer div
{
    width: 983px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-top: 4px;
    text-align: center;
    font-size: 90%;
    color: #006080;
}
#footer a
{
    color: #006080;
    margin-left: 16px;
}
#footer a:hover
{
    color: #004060;
}

.clinearea
{
    clear:both;
    position:relative;
    height: 50px;
    width: 1001px;
    padding-left: 12px;
}
.clinearea div.curve
{
    position:relative;
    width:12px;
    height: 50px;
    top: -50px;
    left: -12px;
}
.clinearea .cline
{
    position: relative;
    left: 0px;
    top:0px;
    width: 100%;
    height: 35px;
    overflow: hidden;
    padding-top: 13px;
    padding-left: 4px;
    padding-bottom: 2px;
    color: #636367;
    font-size: 20px;
    font-family: "Myriad Pro";
    text-shadow: #c4c5c9 1px 1px 1px;
    font-weight: bold;
    white-space:nowrap;
}
.clinearea .cline span.pagename
{
    color: #016e93;
    font-style: italic;
}

.clinearea-s
{
    clear:both;
    position:relative;
    height: 39px;
    width: 1001px;
    padding-left: 11px;
}
.clinearea-s  div.curve
{
    position:relative;
    width:11px;
    height: 39px;
    top: -39px;
    left: -11px;
}
.clinearea-s .cline
{
    position: relative;
    left: 0px;
    top:0px;
    width: 100%;
    height: 26px;
    overflow: hidden;
    padding-top: 9px;
    padding-left: 4px;
    padding-bottom: 2px;
    color: #636367;
    font-family: "Myriad Pro";
    text-shadow: #c4c5c9 1px 1px 1px;
    font-size: 16px;
    font-weight: bold;
    white-space:nowrap;
}
.clinearea-s .cline span.pagename
{
    color: #016e93;
    font-style: italic;
}

img.chrome
{
    float:left;
}

.subtitle
{
    color:#666666;
   padding-top:6px;
    width:90%;
    padding-bottom:10px;
}

.subtitle .title
{
    font-size:20px;
    padding-top:4px;
    padding-bottom:2px;
    border-bottom:1px solid #EBEBEB;
}

.subtitle .optional
{
    font-size:10px;
    font-weight:bold;
    padding-left:1px;
}

/* Content
----------------------------------------------------------*/

#contentarea
{
    clear:both;
    float: left;
    padding-left: 3px;
    padding-right: 10px;
    width: 1004px;
}
#content
{
    width: 979px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-top: 15px;
}

/* Add/Remove list style 
----------------------------------------------------------*/

.comleftlist
{
    font-family: "Trebuchet MS", "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    border: none;
    text-decoration:none;
    color:Black;
    font-weight: bold;
    font-size: 0.9em;
    background-color:White;
}

.comleftlist-empty
{
    font-style: oblique;
}

.comleftlist-item
{
   
     font-family: "Trebuchet MS", "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    border: none;
    text-decoration:none;
    color:Black;
    font-weight: bold;
    font-size: 0.9em;
    background-color:White;
    cursor:pointer;
}

.comleftlist-item div
{
   background-color:White;
   padding: 4px 4px 4px 4px;
}
.comleftlist-item div:hover
{
    background-color:#EEEEEE;
    padding: 4px 4px 4px 4px;
}


.comrightlist
{
    font-family: "Trebuchet MS", "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    border: none;
    text-decoration:none;
    color:Black;
    font-weight: bold;
    font-size: 0.9em;
    background-color:White;
}

.comrightlist-empty
{
    font-style: oblique;
}

.comrightlist-item
{
   
     font-family: "Trebuchet MS", "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    border: none;
    text-decoration:none;
    color:Black;
    font-weight: bold;
    font-size: 0.9em;
    background-color:White;
    cursor:pointer;
}

.comrightlist-item div
{
   background-color:White;
   padding: 4px 4px 4px 4px;
}
.comrightlist-item div:hover
{
    background-color:#EEEEEE;
    padding: 4px 4px 4px 4px;
}

.removebtn
{
    width:90px;
    margin-bottom:5px;
}

.filter-view
{
    padding-top:4px;
    padding-bottom: 4px;
    height:20px;
} 


/* General Buttons
----------------------------------------------------------*/
a.button
{
    width: 114px;
    background-repeat:no-repeat;
    background-position: 0px 0px;
}

a.button:hover
{
    background-position: 0px -37px;
}

a.button[disabled], a.button:hover[disabled]
{
    cursor: default;
    background-position: 0px -74px;
}


/* Custom Tabs
----------------------------------------------------------*/

.tabs .tab-header
{
    display: block;
    clear: both;
    width: 900px;
}
.tabs .tab-header
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
}
.tabs .tab-header .tab
{
    float: left;
    height: 22px;
    line-height: 25px;
    margin-left: -10px;
    margin-top:0px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.tabs .tab-header .tab.active:hover, .tabs .tab-header .tab.active, .tabs .tab-header .tab.active:hover[disabled], .tabs .tab-header .tab.active[disabled]
{
    height: 32px;
    margin-top: -10px;
}

.tabs .tab-header .tab.active
{
    cursor: auto;
}
.tabs .tab-header .tab[disabled], .tabs .tab-header .tab:hover[disabled]
{
    cursor: auto;
    height: 22px;
    margin-top:0px;
}
.tabs .tab-header .tab:hover
{
    height: 27px;
    margin-top: -5px;
}


.tabs .tab-container 
{
    clear:both;
}

.tabs .tab-container .tab-conback
{
    width: 957px;
    min-height: 402px;
}
.tabs .tab-container .tab-contop
{
}
.tabs .tab-container .tab-conbottom
{
    padding-left: 18px;
    padding-top: 0px;
}
.tabs .tab-content
{
    display: none;
    clear:both;
    float:left;
    width:900px;
    margin-left:0px;
    margin-top:0px;
    padding: 10px 10px 0px 12px;
    min-height: 352px;
}

/* Table Defaults
----------------------------------------------------------*/

table
{
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

table thead tr
{
    background-color: #e8e8f8;
    border: solid 1px #666666;
}
table.light thead tr { border-color:silver; }

table tbody
{
    border: solid 1px #666666;
}
table.light tbody { border-color:silver; }

table td, table th
{
    white-space: nowrap;
    vertical-align: top;
}
table th
{
    overflow:hidden;
    padding: 0px 0px 0px 3px;
}
table td
{
    padding: 0px 2px 0px 3px;
}

table td select, table td input[type=text]
{
    width: 100%;
}

td.wrap
{
    white-space: normal;
}

td.num-col, th.num-col
{
    text-align: right;
}

td.cent-col, th.cent-col 
{
    text-align: center;
}

td.c-num-col, th.c-num-col 
{
    text-align: center;
}

table tbody tr
{
}
table tbody tr:nth-child(even)
{
    background: #f8f8f8;
}

/* Misc
----------------------------------------------------------*/

.clear
{
    clear: both;
}


/* --------------------------------------------------------*
 * END OF CSS FROM DESIGNER                                *
 *---------------------------------------------------------*/


/* DEFAULTS
----------------------------------------------------------*/

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

ul 
{
    margin:14px;
    padding-left:6px;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

label
{
    font-weight: bold;
    font-size: 0.9em;
}
label[disabled]
{
    color: #8D8888;
}

select, .ui-widget select, 
select option, .ui-widget select option 
{
    font-family: Sans-Serif;
}

select option.opt-none
{
    font-style: italic;
}

select option.opt-default
{
    font-weight: bold;
}

@media print
{
    .not-printable
    {
        /* display: none;*/
       width:0px;
    }
    
    #page, #main, #header, #footer, #footer div, #contentarea, #content,
      .clinearea, .cline    
    {
        width: auto !important;
        height: auto;
        overflow: visible;
    }
    table
    {
        width: 100% !important;
        height: auto;
        overflow: visible;
    }
    #main
    {
        padding-left: 0px;
    }
}

/* Make Safari spacing match - IE/FF */
body.safari input:not([type]), body.Safari input[type=text], body.Safari input[type=password]
{ margin: 0px; }

/* KEYWORD FORMATTING
----------------------------------------------------------*/

.flowsense 
{
    font-family: "Times New Roman", Roman, Serif !important;
    font-style:italic !important;
    text-transform: uppercase !important;
}
.flowsense:after { content: '®'; }


/* JQUERY UI MODS
----------------------------------------------------------*/

.ui-icon-none { background-position: -1000px -1000px; }

span.ui-icon.ui-button-icon-secondary
{
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 4px;
    margin-bottom: 1px;
    right: 4px;
    margin-top: -7px;
}

label.ui-button
{
    padding-left: 4px;
    padding-right: 4px;
    padding-top:0px;
}
.form label.ui-button
{
    padding-top:0px;
}

.ui-state-default .ui-icon.ui-icon-check-unchecked,     .ui-state-active .ui-icon.ui-icon-check-unchecked,     .ui-state-hover .ui-icon.ui-icon-check-unchecked, 
.ui-state-default .ui-icon.ui-icon-check-checked,       .ui-state-active .ui-icon.ui-icon-check-checked,       .ui-state-hover .ui-icon.ui-icon-check-checked, 
.ui-state-default .ui-icon.ui-icon-check-indeterminate, .ui-state-active .ui-icon.ui-icon-check-indeterminate, .ui-state-hover .ui-icon.ui-icon-check-indeterminate, 
.ui-state-default .ui-icon.ui-icon-radio-unchecked,     .ui-state-active .ui-icon.ui-icon-radio-unchecked,     .ui-state-hover .ui-icon.ui-icon-radio-unchecked, 
.ui-state-default .ui-icon.ui-icon-radio-checked,       .ui-state-active .ui-icon.ui-icon-radio-checked,       .ui-state-hover .ui-icon.ui-icon-radio-checked
{
    background-image: url('/Images/icon_checkboxes.png');
    padding-top:4px;
    width: 13px;
    height: 9px;
}

.ui-state-default  .ui-icon.ui-icon-check-unchecked     { background-position:  -0px  -0px; }
.ui-state-active   .ui-icon.ui-icon-check-unchecked     { background-position:  -0px  -0px; }
.ui-state-hover    .ui-icon.ui-icon-check-unchecked     { background-position:  -0px -26px; }
.ui-state-disabled .ui-icon.ui-icon-check-unchecked     { background-position:  -0px -13px !important; }
.ui-state-default  .ui-icon.ui-icon-check-checked       { background-position: -13px  -0px; }
.ui-state-active   .ui-icon.ui-icon-check-checked       { background-position: -13px  -0px; }
.ui-state-hover    .ui-icon.ui-icon-check-checked       { background-position: -13px -26px; }
.ui-state-disabled .ui-icon.ui-icon-check-checked       { background-position: -13px -13px !important; }
.ui-state-default  .ui-icon.ui-icon-check-indeterminate { background-position: -26px  -0px; }
.ui-state-active   .ui-icon.ui-icon-check-indeterminate { background-position: -26px  -0px; }
.ui-state-hover    .ui-icon.ui-icon-check-indeterminate { background-position: -26px -26px; }
.ui-state-disabled .ui-icon.ui-icon-check-indeterminate { background-position: -26px -13px !important; }
.ui-state-default  .ui-icon.ui-icon-radio-checked       { background-position: -52px   1px; }
.ui-state-active   .ui-icon.ui-icon-radio-checked       { background-position: -52px   1px; }
.ui-state-hover    .ui-icon.ui-icon-radio-checked       { background-position: -52px -25px; }
.ui-state-disabled .ui-icon.ui-icon-radio-checked       { background-position: -52px -12px !important; }
.ui-state-default  .ui-icon.ui-icon-radio-unchecked     { background-position: -39px   1px; }
.ui-state-active   .ui-icon.ui-icon-radio-unchecked     { background-position: -39px   1px; }
.ui-state-hover    .ui-icon.ui-icon-radio-unchecked     { background-position: -39px -25px; }
.ui-state-disabled .ui-icon.ui-icon-radio-unchecked     { background-position: -39px -12px !important; }

/* Extra CSS for ComboBox */

input.ui-autocomplete-input
{
    background-color: White;
    padding-left: 4px;
}
input.ui-autocomplete-input + button.ui-button
{   
    vertical-align:top;
    height: 22px;
}
.ui-button.ui-button-icon-only .ui-icon
{
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0px;
    position: static;
}
.ui-button.ui-button-icon-only
{
    margin: 0px;
    padding: 0px;
    width: 24px;
    height: 21px;
}
.ui-button .ui-button-text
{
    font-family:Sans-Serif;
}
.ui-button.ui-button-icon-only .ui-button-text
{
    display: none;
}
.ui-button.ui-button-text-only .ui-button-text
{
    padding: 0px;
}
.ui-button.ui-button-text-only.ui-button-text-icon
{
    padding-right: 20px;
}
ul.ui-autocomplete.ui-menu .ui-menu-item a
{
    line-height: 1;
    margin-right: 10px;
    font-size: smaller;
}
ul.ui-autocomplete.ui-menu li a.ui-active-menuitem
{
    margin-right: 0px;
}

/* jQuery Tabs */

div.ui-tabs, .ui-tabs .ui-tabs-nav
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: transparent;
}
    
div.ui-tabs .ui-tabs-nav li a
{
    padding-top: 2px;
    padding-bottom: 2px;
}
div.ui-tabs .ui-tabs-panel
{
    padding: 6px;
    border: 1px solid #DDDDDD;
    background: #dBf5f9 url(images/ui-bg_highlight-hard_100_dbf5f9_1x100.png) repeat-x scroll 50% top;    
}

/* CSS for jQuery.datepick.css */

/* ThemeRoller override style sheet for jQuery date picker v4.0.6. */
#ui-datepicker-div,
.ui-datepicker-inline {
	font-size: 100%;
}
#ui-datepicker-div 
{
    display:none;  
	z-index: 100;
    background: #7DA1E8;
    border: solid 1px #808080;
    padding-bottom: 2px;
}
.ui-datepicker-inline {
	display: block;
	float: left;
    background: #7DA1E8;
}
#ui-datepicker-div table tbody tr:nth-child(2n), .ui-datepicker-inline table tbody tr:nth-child(2n) {
    background:transparent;
}
.ui-datepicker-rtl {
	direction: rtl;
}
#ui-datepicker-div a,
.ui-datepicker-inline a {
	text-decoration: none;
}
.ui-datepicker-prompt {
	height: 1.5em;
	padding-top: 0.25em;
	text-align: center;
}
button.ui-datepicker-cmd {
	height: 2em;
}
.ui-datepicker-cmd-clear {
	float: left;
	margin-left: 0.25em;
}
.ui-datepicker-cmd-close {
	float: right;
	margin-right: 0.25em;
}
.ui-datepicker-cmd-prev {
	position: static;
	float: left;
	width: 30%;
	height: auto;
	margin-left: 1%;
}
.ui-datepicker-cmd-next {
	position: static;
	float: right;
	width: 30%;
	height: auto;
	margin-right: 1%;
	text-align: right;
}
.ui-datepicker-cmd-current,
.ui-datepicker-cmd-today {
	float: left;
	width: 37%;
	text-align: center;
}
.ui-datepicker-month-nav {
	float: left;
	text-align: center;
}
.ui-datepicker-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.ui-datepicker-month-nav span {
	color: #888;
}
.ui-datepicker-row-break {
	width: 100%;
}
.ui-datepicker-group {
	float: left;
	width: 17em;
}
.ui-datepicker-group .ui-datepicker-header {
	height: 1.5em;
	text-align: center;
}
.ui-datepicker select,
.ui-datepicker-inline .ui-datepicker-header select {
	width: auto;
	height: 1.66em;
	border: none;
	font-weight: bold;
}
.ui-datepicker th {
	padding: 0.5em 0.3em;
}
.ui-datepicker td,
.ui-datepicker td a,
.ui-datepicker td span {
	border: 1px solid transparent;
	text-align: center;
}
.ui-datepicker-status {
	padding: 0.25em 0em;
	text-align: center;
}
.ui-datepicker .ui-helper-clearfix {
	clear: both;
}
.ui-datepicker-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 187px;
    height: 187px;
}

/* HEADINGS   
----------------------------------------------------------*/

.ctitlearea
{
    clear:both;
    position:relative;
    float: left;
    width: 100%;
    width: 948px;
    height: 37px;
    padding-left: 11px;
    padding-right: 11px;
    color: #00759c;
    font-size: 14px;
    font-weight: bold;
    font-family: "Myriad Pro";
    text-shadow: #c4c5c9 1px 1px 1px;
    text-transform: uppercase;
}
.ctitlearea div.curve
{
    position:relative;
    background: url(/Images/ctitle_left.png);
    width:11px;
    height: 39px;
    top: -39px;
    left: -11px;
}
.ctitlearea .ctitle
{
    position: relative;
    left: 0px;
    top:0px;
    width: 100%;
    height: 26px;
    overflow: hidden;
    padding-top: 9px;
    padding-left: 4px;
    padding-bottom: 2px;
    background: url(/Images/ctitle_backright.png) right;
    white-space:nowrap;
}

h1
{
    clear:both;
    position:relative;
    width: 100%;
    color: #00759c;
    text-shadow: #c4c5c9 1px 1px 1px;
    font-size: 14px;
    font-weight: bold;
    font-family: "Myriad Pro";
    font-variant:small-caps;
    margin-top: -3px;
    margin-left: -10px;
    margin-right: -15px;
    height: 39px;
    padding-left: 11px;
}
h1 div.curve
{
    position:relative;
    background: url(/Images/ctitle_left.png);
    width:11px;
    height: 39px;
    top: -39px;
    left: -11px;
}
h1 span
{
    display: block;
    position:relative;
    overflow: hidden;
    white-space:nowrap;
    left: 0px;
    top:0px;
    height: 39px;
    padding-top: 10px;
    height: 29px;
    padding-left: 3px;
    background: url(/Images/ctitle_backright.png) right;
    margin-right: 15px;
}
h1 a:link, h1 a:visited
{
    color: #00759c;
}
h1 a:hover
{
    text-decoration: none;
}

h2
{
    color: #00759c;
    text-shadow: #c4c5c9 1px 1px 1px;
    font-size: 1.4em;
}

h3, h4, h5, h6
{
    font-family: Serif;
    font-size: 1.5em;
    color: #00759c;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h3
{
    text-shadow: #c4c5c9 1px 1px 1px;
    text-shadow: #c4c5c9 1px 1px 1px;
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#page.popup
{
    width: auto;
    margin: 20px 0px 2px 0px;
    padding-left: 20px;
    padding-right: 20px;
}
#page.popup #main
{
    width: auto;
    padding-left:0px;
}
#page.popup #contentarea
{
    width: 404px;
    background: url(/Images/content_backy_n.png) repeat-y;
}
#page.popup #content
{
    width: 379px;
    background: url(/Images/content_backx_p.jpg) top repeat-x #ebf8fc;
}
#page.popup #footer
{
    margin: auto;
    width: 532px;
    background: url(/Images/footer_back_p.png) no-repeat;
    margin-left: -55px;
}
#page.popup #footer div
{
    width: 483px;
}
#page.popup .clinearea-s
{
    width: 398px;
}

.disable-container
{
    position: relative;
}
.disable-overlay
{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
}
.disable-overlay div
{
    height: 100%;
    width: 100%;
    opacity: 0.75;
    filter: alpha(opacity = 75);
    background:#DBF5F9 url(images/ui-bg_highlight-hard_100_dbf5f9_1x100.png) repeat-x scroll 50% top;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
}
.infront
{
    position: relative;
    display: inline-block;
    z-index: 100;
    background-color: #f2f5f7;
}

/* POPUPs and DIALOGs
----------------------------------------------------------*/

.dialog-wrapper
{
    display: none;
}

.popup-dialog
{
}

.popup-dialog .ui-dialog-titlebar
{
    display: none;
}

.popup-dialog.ui-dialog
{
    border-color: #8888cc;
    border-bottom-width: 3px;
    border-right-width: 3px;
}

.popup-dialog.ui-corner-all
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.dialog-alert .ui-dialog-titlebar
{
    background: #ffff80;
}

.dialog-warn .ui-dialog-titlebar
{
    background: #ffc0c0;
}

.dialog-wrapper fieldset 
{
    margin-top: 0px;
    margin-bottom:0px;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-left: 4px;
}
.dialog-wrapper fieldset legend
{
    padding-left:-10px;
    font-size: 1em;
    font-weight:normal;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: -3px;
}
.dialog-wrapper fieldset label
{
    font-weight: normal;
}



/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset.home
{
    margin: 0px;
    padding: 0px;
    margin-left: 0px;
    padding-left: 10px;
    padding-bottom: 10px;
}

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.submitButton
{
    float: right;
    margin: 0px 10px 0px 0px;
}

fieldset.home input.submitButton
{
    margin-top: 6px;
}

input.textEntry
{
    width: 320px;
    border: 1px solid #ccc;
}


fieldset.home input.textEntry, fieldset.home input.passwordEntry, fieldset.home
{
    margin-bottom: 4px;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 55%;
}

div.accountInfo.home
{
    width: 354px;
}

.action-link
{
    font-size: 0.8em;
    font-variant: small-caps;
    color: #606060;
}
.ui-state-hover a.action-link
{
    color: #606060;
    text-decoration: underline;
}
.ui-state-hover .action-link:hover
{
    color: #606060;
}

a.action-link.aspNetDisabled, a.action-link[disabled]
{
    color: #a0a0a0;
    cursor: default;
}

.sub-buttons 
{
    display:inline-block;
    vertical-align:top;
}

select.number 
{
    text-align: right;
}

.date-edit, .time-edit {
    padding-right: 23px;
    text-align: right;
    width: 66px;
}

/* COLLAPSIBLE UI 
----------------------------------------------------------*/

.ui-collapsible.ui-widget-header
{
    padding-left: 4px;
    height: 25px;
}

.ui-collapsible.ui-widget-header > *
{
    display:inline-block;
    margin-top:2px;
    vertical-align:middle;
}
.ui-collapsible.ui-widget-header > span input.ui-autocomplete-input
{
    display:block;
    float:left;
}
* html .ui-collapsible.ui-widget-header > span select
{
    margin-top: 1px;
}

.ui-collapsible.ui-widget-header  > a.ui-icon, .ui-collapsible.ui-widget-header  > span.ui-icon
{
    display: block;
    float:left;
    margin-top: 4px;
    margin-right: 4px;
}

.ui-collapsible.ui-widget-content
{
    border: none;
    overflow: hidden;
}

/* TRI-STATE CHECKBOXES
----------------------------------------------------------*/

.ui-checkbox
{
    display: inline-block;
    background-image: url('/Images/icon_checkboxes.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    border: solid 1px transparent;
    margin: 2px 4px 0 4px;
}

.ui-checkbox.ui-checkbox-focus
{
    border: dotted 1px gray;
}

.ui-checkbox.ui-unchecked
{
    background-position: -00px 0px;
}
.ui-checkbox.ui-checked
{
    background-position: -13px 0px;
}
.ui-checkbox.ui-indeterminate
{
    background-position: -26px 0px;
}
.ui-checkbox.ui-unchecked[disabled]
{
    background-position: -00px -13px;
}
.ui-checkbox.ui-checked[disabled]
{
    background-position: -13px -13px;
}
.ui-checkbox.ui-indeterminate[disabled]
{
    background-position: -26px -13px;
}
.ui-checkbox.ui-unchecked.ui-checkbox-hover
{
    background-position: -00px -26px;
}
.ui-checkbox.ui-checked.ui-checkbox-hover
{
    background-position: -13px -26px;
}
.ui-checkbox.ui-indeterminate.ui-checkbox-hover
{
    background-position: -26px -26px;
}
.ui-checkbox.ui-radio.ui-unchecked
{
    background-position: -39px 0px;
}
.ui-checkbox.ui-radio.ui-checked
{
    background-position: -52px 0px;
}
.ui-checkbox.ui-radio.ui-unchecked[disabled]
{
    background-position: -52px -13px;
}
.ui-checkbox.ui-radio.ui-checked[disabled]
{
    background-position: -52px -13px;
}
.ui-checkbox.ui-radio.ui-unchecked.ui-checkbox-hover
{
    background-position: -39px -26px;
}
.ui-checkbox.ui-radio.ui-checked.ui-checkbox-hover
{
    background-position: -52px -26px;
}

.ui-checkbox-label
{
    vertical-align: text-top;
}

/* FORMS
----------------------------------------------------------*/

.form div.instructions
{
    color: #808080;
    margin-bottom: 3px;
}

.form div.confirmmsg
{
    color: #808080;
    margin-bottom: 3px;
    font-size:14px;
    font-weight:bold;
}

.form div.block, .form span.block
{
    display: block;
    width: 280px;
}

.form span.instructions, span.instructions
{
    color: #808080;
    font-size: 80%;
    vertical-align: text-top;
}

.form label
{
    display: inline-block;
    float: left;
    width: 110px;
    padding-top: 3px;
    font-weight: bold;
    font-size: 0.9em;
}

.form input, .form textarea, .form select
{
    width: 180px;
    margin-bottom: 5px;
}
.form input, .form textarea
{
    width: 176px;
}
.form input.date-edit
{
    width: 153px;
    text-align: right;
    padding-right: 23px;
}
.form input[readonly=readonly], .form textarea[readonly=readonly], .form input.date-edit[readonly=readonly]
{
    width: 176px;
    border: solid 1px silver;
    color: #606060;
}

.form textarea
{
    height: 150px;
}

.form input[type=checkbox]
{
    width: 12px;
    margin-left: 0px;
    padding-left: 0px;
}

.form input[type=submit]
{
    width: 100px;
}

.form br
{
    clear: left;
}

.form .check-list
{
    width: 280px;
    float: left;
}

.form .check-list input
{
    width: 14px;
    float: none;
    vertical-align: text-top;
}

.form .check-list label
{
    display: inline-block;
    width: 255px;
    vertical-align: top;
    float: none;
}

.thin-form
{
    width: 154px;
    padding: 0px 4px 3px 4px;
}

.thin-form label, .thin-form input, .thin-form select, .thin-form textarea
{
    width: 154px;
}
.thin-form input, .thin-form textarea
{
    width: 145px;
}
.thin-form input.date-edit, .thin-form input.time-edit
{
    padding-right: 23px;
    width: 126px;
    text-align: right;
}

.thin-form label
{
    display: block;
    float: none; /*position: relative;*/
    padding-top: 3px;
    font-weight: bold;
    font-size: 8pt;
}
.thin-form .check-list label, .thin-form.check-list label
{
    padding-top: 0px;
}

.thin-form label.narrow
{
    display:inline-block;
    width: 48%;
}

.thin-form input.narrow, .thin-form select.narrow
{
    width: 48%;
}

.thin-form .action-link
{
    display: block;
    font-size: 11px;
    text-align: center;
}

.thin-form label .action-link
{
    display: inline;
    font-weight: normal;
}

.thin-form input, .form textarea, .thin-form select
{
    margin-bottom: 2px;
}

.thin-form input[readonly=readonly], .thin-form textarea[readonly=readonly]
{
    border: solid 1px silver;
    color: #606060;
}

.thin-form textarea
{
    height: 50px;
}

.thin-form input[type=checkbox], .thin-form input[type=radio]
{
    width: 12px;
    margin-left: 0px;
    vertical-align:middle;
}

.thin-form label input[type=checkbox], .thin-form label input[type=radio]
{
    /*position: absolute;     margin: 0px;     right: 2px; */
    margin-bottom: 1px;
    margin-right: 0px;
    vertical-align: middle;
    height: 10px;
}

.thin-form input[type=submit], .thin-form button
{
    font-size: 10px;
    font-variant: small-caps;
    font-weight: normal;
}

.thin-form br
{
    clear: left;
}

/* Fix accordions inside .thin-form */

.thin-form  div.header
{
    margin-left: -4px;
    font-size: 12.6px;
    width: 148px;
    padding-left: 14px;
}

.thin-form.ui-accordion
{
    padding: 0px;
    width: 162px;
}
.thin-form.ui-accordion .ui-accordion-header .ui-icon
{
    left: 0px;
}
.thin-form label.accordion-hdr
{
    font-size: 0.9em;
    padding-left: 14px; 
    margin-top: 0px;
    padding-top: 1px;
    width: 148px;
}
.thin-form .ui-corner-all
{
    -moz-border-radius-bottomleft: inherit;
    -moz-border-radius-bottomright: inherit;
    -moz-border-radius-topleft: inherit;
    -moz-border-radius-topright: inherit;
}
.thin-form.ui-accordion .ui-accordion-content
{
    padding: 0px 0px;
    margin: 0px 2px 2px 4px;
    background: none;
    border: none;
}
.thin-form .ui-state-active, .thin-form .ui-state-focus, .thin-form .ui-state-active, .thin-form .ui-state-default, .thin-form .ui-widget-content .thin-form .ui-state-default
{
    border: none;
    outline-color: inherit;
    outline-style: none;
}
.thin-form .ui-state-default, .thin-form .ui-widget-content .thin-form .ui-state-default
{
}
.thin-form .ui-state-active, .thin-form .ui-state-focus, .thin-form .ui-state-hover
{
}
.thin-form .ui-corner-top
{
    -moz-border-radius-topleft: inherit;
    -moz-border-radius-topright: inherit;
}
.thin-form .ui-corner-bottom
{
    -moz-border-radius-bottomleft: inherit;
    -moz-border-radius-bottomright: inherit;
}
.thin-form .ui-widget-content
{
    -moz-background-clip: inherit;
    -moz-background-inline-policy: inherit;
    -moz-background-origin: inherit;
}

/*****/

.validation-summary
{
    color: red;
    font-size: 0.9em;
    margin-left: 10px;
    margin-bottom: 3px;
}

.validation-summary ul
{
    margin: 0px;
    padding-left: 20px;
}

.validation-summary li
{
}

.validation-error
{
    color: red;
    font-weight: bold;
}

.bottom-links
{
    clear: left;
}

/* LISTS
----------------------------------------------------------*/

.list, .list-empty
{
}

.list-empty
{
    font-style: oblique;
}


.list-header
{
    font-size: larger;
    font-weight: bold;
}

.list-header .info  {
    color: gray;
    font-size: smaller;
    font-weight: normal;
    padding-bottom: 3px;
}

.list-wrapper
{
}

.list-footer
{
}

.list-item
{
}

/* LISTS in TWO-COLUMN LAYOUT
----------------------------------------------------------*/

.clist
{
    overflow: visible;
    width: 100%;
    font-family: "Trebuchet MS", "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}

.clist-empty
{
    font-style: oblique;
}


.clist-header
{
    margin-left: 4px;
    margin-bottom: 4px;
    font-size: larger;
}

.clist-wrapper
{
}

.clist-footer
{
}

.clist-item
{
    border: none;
    margin-bottom: 6px;
}
.clist-item .name
{
    text-decoration:none;
    color:Black;
}
.clist-item .name:hover
{
    color:Black;
}    

.clist-bar
{
    color: black;
    height: 25px;
    font-weight: bold;
    font-size: 1.2em;
}
.clist-bar.tall 
{
    height: 36px;
}
.clist-bar.ui-widget-header
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: none;
}    
.clist-bar.ui-widget-header.ui-state-hover 
{
    background: #f8f8f8; 
}
.clist-bar.ui-widget-header > div
{
    border-bottom: solid 1px silver;
    padding:2px 2px 2px 6px;
    height: 22px;
    width: 472px;
}    
.clist-bar.tall.ui-widget-header > div
{
    height: 34px;
}

.clist-bar.ui-widget-header.ui-state-hover > div
{
    border-bottom: solid 1px gray;
}

/*--- Sub-Lists ---*/


.csublist
{
    background:none;
}

.csublist-empty
{
    font-style: oblique;
}

.csublist-footer
{
}

.csublist-item:first-child
{
    margin-top: 6px;
}

.csublist-item .csublist-item-header 
{
    background-color: #feebc3;
    padding:2px 4px 2px 6px;
}

.csublist-item
{
    margin-left: 25px;
    margin-right: 0px;
    margin-bottom: 6px;
    min-height: 16px;
    background-color: #fef7e7;
    border: none;
    color: Black;
    overflow: auto;
}

.csublist-item-header .name
{
    font-weight: normal;
    font-size: 1.2em;
    text-decoration:none;
    color:Black;
}

.csublist-detail
{
    margin-left: 5px;
    font-size: 1.0em;
}

/*----- menus in lists ----*/

.list-menu
{
    float:right;
    margin-top: -1px;
    margin-right: 1px;
    overflow: visible;
    width: 60px;
}

.list-menu .menu-popup
{
    display:none;
    position: absolute;
    z-index: 1;
    right: 16px;
    margin-top: -1px;
    background: #f0f0f0;
    border: solid 1px #808080;
    color: Black;
    padding: 3px 0px;
}

.list-menu:hover .menu-popup, .menu-popup:hover
{
    display:block;
}
.list-menu.disabled:hover .menu-popup
{
    display:none;
}

.list-menu.m2 .menu-popup
{
    right: 77px;
}

.csublist-item-header .list-menu .menu-link-popup 
{
    right: 17px;
}
.csublist-item-header .list-menu.2 .menu-link-popup 
{
    right: 79px;
}

.menu-popup a
{
    display:block;
    text-decoration:none;
    text-align: right;
    min-width: 70px;
    padding: 0px 3px 0px 5px;
    font-size: 8pt;
    font-weight: normal;
    color: Black;
}
.menu-popup a:hover , .ui-state-hover .menu-popup a:hover 
{
    background: #d5d5d5; 
    color: Black;
}

.menu-popup a[disabled] , .menu-popup a.aspNetDisabled
{
    color: Gray !important;
    cursor: default; 
}

/* --- lists in right column ------------- */

#rightcontent .clist-bar.ui-widget-header > div
{
    width: 270px;
}

/* Welcome Page
----------------------------------------------------------*/

#welcome-list div.item
{
    margin-left:16px;
}

#welcome-list ul
{
    margin-top:0px;
}

/* IMAGE EDITOR
----------------------------------------------------------*/

.image-editor
{
}

.image-editor .ie-inner
{
    position: relative;
    width: 100%;
    height: 100%;
}

.image-editor div.ie-empty-text
{
    display: block;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #eeeeee;
    border: solid 1px black;
    color: #808080;
    font-size: 10px;
    text-align: center;
}

.image-editor div.ie-empty-text div
{
    position: relative;
    top: 50%;
    width: auto;
}

.image-editor.deleted div.ie-empty-text
{
    background-color: #888888;
    color: White;
    font-size: 14px;
    font-weight: bold;
}

.image-editor.new div.ie-empty-text
{
    background-color: #ddffff;
    color: Black;
    font-size: 14px;
    font-weight: bold;
}

.image-editor div.ie-empty-text
{
    cursor: pointer;
}
.image-editor.readonly div.ie-empty-text
{
    cursor: default;
}

.image-editor.server div.ie-empty-text, .image-editor.new-image div.ie-empty-text
{
    display: none;
}

.image-editor a.ie-image
{
    display: none;
    position: absolute;
    top: 0px;
}

.image-editor.server a.ie-image, .image-editor.new-image a.ie-image
{
    display: block;
}

.image-editor a.ie-image img
{
    max-width: 290px;
    max-height: 250px;
}

.image-editor div.ie-buttons
{
    position: absolute;
    bottom: 4px;
    right: 0px;
    z-index: 2;
}

.image-editor a.button-link
{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 12px;
    background-color: White;
    border: solid 2px black;
    padding: 0px 3px 0px 3px;
    margin: 4px;
}

.image-editor.deleted a.button-link.ie-delete, .image-editor.none a.button-link.ie-delete
{
    display: none;
}

.image-editor a.button-link:hover
{
    border-width: 3px;
    margin: 3px;
    text-decoration: none;
    background-color: #cccccc;
}

/* ALERT FILTER CHECKBOXES
----------------------------------------------------------*/

.default-filter
{
    font-weight: bold;
    font-size: 90%;
}

.alert-filter-checkboxes
{
    margin-right: 20px;
}

.alert-filter-checkboxes .alert-filter-leaves
{
}

.alert-filter-checkboxes label
{
    float: none;
    display: inline;
    width: auto;
}
.alert-filter-checkboxes .leaf label.ui-checkbox-label
{
    vertical-align: inherit;
}

.alert-filter-checkboxes .alert-filter-check
{
    display: block;
}

.alert-filter-checkboxes .alert-filter-check.node
{
    margin-left: 0px;
}

.alert-filter-checkboxes .alert-filter-check.source-0, .alert-filter-checkboxes .alert-filter-check.source- /* From Controller */
{
}

.alert-filter-checkboxes .alert-filter-check.source-1 /* From Comms Server */
{
    color: Purple;
}

.alert-filter-checkboxes .alert-filter-check.leaf
{
    margin-left: 42px;
}

.alert-filter-checkboxes .ui-collapsible.ui-widget-header > .ui-checkbox 
{
    float: left;
    margin-top:6px;
}
.alert-filter-checkboxes .ui-collapsible.ui-widget-header > label {
    float:left;
    margin-top: 2px;
}

/* SITES LIST
----------------------------------------------------------*/

/* first time */

div.first-time 
{
    border: solid 1px #aaaaaa;
    background-color: #ffffdd;
    padding: 0px 7px 5px 7px;
    font-size: larger;
    margin-bottom: 4px;
}

div.first-time  h3
{
    margin-top: 4px;
    margin-bottom: 2px;
    font-weight: bold;
}
div.first-time  h4
{
    margin-top: 8px;
    margin-bottom: 2px;
}

/* --- list ----*/

.csublist-item-header .below-header 
{
    margin-left: 14px;
}
.clist-bar.ui-widget-header .below-header a.new-alert-link, .csublist-item-header .below-header a.new-alert-link, .clist-bar.ui-widget-header .below-header .expiration-date, .csublist-item-header .below-header  .expiration-date
{
    background-image: url(/Images/icon_alert_s.gif);
    background-repeat:no-repeat;
    color: Maroon;
    text-decoration:none;
    font-weight: bold;
    padding: 2px 7px 0px 17px;
    font-size: 7.5pt
}
.clist-bar.ui-widget-header .below-header .expiration-date.warning1, .csublist-item-header .below-header .expiration-date.warning1
{
    background: none;
}
.clist-bar.ui-widget-header .below-header a.new-alert-link:hover, .csubitem-header .below-header a.new-alert-link:hover, .csubitem-header .below-header a.expiration-date:hover
{
    text-decoration:underline;
}
.menu-popup a.new-alert-link 
{
    color: maroon;
    font-weight: bold;
    background-image: url(/Images/icon_alert_s.gif);
    background-repeat: no-repeat;
    padding-left: 17px;
}
.menu-popup a.new-alert-link:hover 
{
    color: maroon;
    background-image: url(/Images/icon_alert_s.gif);
    background-repeat: no-repeat;
}

.csublist-item .controller-image
{
    float: right;
    margin: 5px 10px 4px 5px;
    width: 150px;
}

.csublist-item .controller-image img
{
    width: 150px;
    height: 100px;
}

/* --- status message list ---- */

#status-message-list
{
    padding: 10px;
    padding-top: 0px;
    line-height: 1.2em;
}

#status-message-list .status-message
{
    font-family: "Trebuchet MS", "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    padding-top: 4px;
    padding-bottom: 12px;
    padding-right: 10px;
    color:Black;
}
#status-message-list .status-message-header
{
    font-weight: bold;
}
#status-message-list .status-msg-error 
{
    color: maroon; 
}
#status-message-list .status-msg-error .status-message-header
{
    color: red;
}
#status-message-list .status-msg-warn .status-message-header
{
    color: Orange;
}
#status-message-list .status-msg-info .status-message-header
{
    color: Green;
}
#status-message-list .status-msg-stat .status-message-header
{
    color: Navy;
}

/* ALERTS
----------------------------------------------------------*/

.new-alerts-header
{
    background-color: #ffc0c0;
    border: double 1px red;
    display: none;
    margin-bottom: 12px;
    padding-left: 4px;
}

option.new-alert
{
    font-weight: bold;
    background-color: #ffe0e0;
}

.expiration-date-header
{
    background-color: #ffc0c0;
    border: double 1px red;
    display: none;
    margin-bottom: 12px;
    padding-left: 4px;
}
.expiration-date-header.warning1
{
}

/* Asynchronous feedback
----------------------------------------------------------*/

.async-control
{
    font-size: 14px;
    font-family: "Trebuchet MS", "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: #5B5555;
    font-weight:normal;
}


/* CONTROLLER SETUP
----------------------------------------------------------*/

.controller-setup .div-title
{
    font-weight: bold;
}

.controller-setup .left.form
{
    float: left;
}

.controller-setup .left.form .spacer
{
    height: 6px;
}

.controller-setup .right-panel
{
    float: left;
    margin-left: 45px;
}

.controller-setup .image-display
{
    margin: 0 5px 10px 0;
}

.controller-setup .comms-status
{
}

.controller-setup .comms-status div.inner
{
    padding: 5px;
    border: solid 1px #808080;
    float: left;
}

.controller-setup .comms-status.form label
{
    width: 120px;
}
.controller-setup .comms-status.form input[type=text]
{
    width: 280px;
}

.controller-setup .image-display .controller-image
{
    width: 290px;
    height: 250px;
}

.controller-setup .validation-summary
{
    max-width: 300px;
}

/* USER ADMIN
----------------------------------------------------------*/

#user-list .clist-detail, #site-list .clist-detail
{
    margin-top: 3px;
    padding-top: 2px;
    margin-left: 3px;
    padding-left: 21px;
}

#user-list .clist-detail label
{
    width: 455px;
    display:inline-block;
}

#site-list .clist-detail label
{
    width: 250px;
    display:inline-block;
}

.user-edit .check-list 
{
    width: 420px;
}
.user-edit .check-list label
{
    width: 400px;
}

/* Specific Buttons
----------------------------------------------------------*/

#menu-buttons a.home-btn
{
    background-image: url(/Images/btn_home.png);
}
#menu-buttons a.about-btn
{
    background-image: url(/Images/btn_about.png);
}

.button-bar a.print-report
{
    background-image: url(/Images/btn_print.png);
}
.button-bar a.close-report
{
    background-image: url(/Images/btn_close.png);
}

.button-bar a.new-alerts-btn
{
    width: 25px;
    background: url(/Images/icon_alert.gif) no-repeat center;
    display:none;
}
a.new-alerts-btn-s
{
    width: 16px;
    background: url(/Images/icon_alert_s.gif) no-repeat center;
}
body.new-alerts .button-bar a.new-alerts-btn
{
    display: inline-block;
}
#bottomcon a.new_alerts
{
    width: 25px;
    background: url(/Images/icon_alert.gif) no-repeat 0px 6px   ;
}

#bottomcon a.btn_alerts_setup
{
    background-image: url(/Images/btn_alerts_setup.png);
}
#bottomcon a.btn_alerts
{
    background-image: url(/Images/btn_alerts.png);
}
#bottomcon a.btn_user_admin
{
    background-image: url(/Images/btn_user_admin.png);
}

/* MISC  
----------------------------------------------------------*/

a.no-high img
{
    border:none;
}

.spacer
{
    clear:both;
    height: 12px;
}

.right-div
{
    clear:both;
    float:right;
}
.failureNotification, .warningNotification
{
    font-size: 1.2em;
    color: Red;
}
.warningNotification
{
    color: Orange;
}
.warn-val 
{
    color: Orange;
}
td span.failureNotification, td.span.warningNotification
{  /* Otherwise they are hidden in tables */
    position: relative;
    left: -5px;
}

.bold
{
    font-weight: bold;
}

.center
{
    text-align: center;
}

.color-positive { color: #00c000; }
.color-negative { color: #c00000; }
.color-zero     {  }

.text-right
{
    text-align: right;
}

.ui-datepicker-trigger, .datepick-trigger, .ui-timepicker-trigger
{
    position: relative; 
    display:inline-block;
    margin-left : -21px; 
    top: 0px;
    width: 18px;
    height: 18px;
    background: center no-repeat;
 }
 .ui-datepicker-trigger {
     top: 4px;
 }
.datepick-trigger {
    background-image: url(/Images/icon_datepicker.gif);
}
.ui-timepicker-trigger
{
    background: url(/Images/icon_timepicker.gif) center no-repeat;
}


.time-edit, .int-edit, .float-edit { text-align: right; }
.time-edit + span
{
    display: none;
}
a .ui-datepicker-trigger, a .ui-timepicker-trigger
{
    border: none;
    cursor: default;
}

#ptTimeSelectCntr .ui-widget.ui-widget-content {
    background: #7DA1E8;
    border: 1px solid black;
}
#ptTimeSelectCntr .ui-widget-content {
    background: #7DA1E8;
}
    
a.ptTimeSelectMin.ui-state-disabled
{
    border: 1px solid #a0a0a0;
}

.button-waiting
{
    background: #eeeeee url('/Images/ani_ajaxwaiting.gif') no-repeat scroll center center;
    cursor: progress;
    color: Gray;
}

/* Make an input look like a select have (select needs an extra 6px width) */
input.select 
{
    padding-top: 1px; 
    padding-left:3px; 
    padding-right:1px; 
}

fieldset.small 
{
    padding: 0px 5px 4px 3px;
    margin: 0px 6px 6px 0px;
}
fieldset.small legend
{   
    padding: 0px;
    margin: 0px;
    font-size: 0.9em;
    font-weight: bold;
    color: #808080;
}

ul.compact 
{
    margin-top: 0px;
    margin-bottom: 0px;
}

ul.compact ul 
{
    margin-top: 0px;
    margin-bottom: 0px;
}

li .li-title 
{
    color: #202020;
}

.link-ref 
{
    display: inline-block;
    padding: 0 2px 0 2px;
    line-height: 1em;
    font-variant:small-caps;
    border: solid 1px #aaaaaa;
}

.datepick-popup 
{
    z-index: 1000;
}
.ui-datepicker table 
{
    line-height: 12px;
    font-size: 1em;
}
.ui-datepicker-calendar a.ui-state-default
{
    background: none !important;
}
.ui-datepicker-other-month 
{
    border-color: transparent !important;
}
.ui-datepicker-calendar a.ui-datepicker-week-end.ui-state-default
{
    background: #d0d0d0 !important;
}
.ui-datepicker-calendar a.ui-state-active.ui-state-default, .ui-datepicker-calendar a.ui-state-active.ui-state-default.ui-datepicker-week-end
{
    background: #808080 !important;
    color: white !important;
}
.ui-datepicker-calendar a.ui-state-default, 
.ui-datepicker-calendar a.ui-state-default.ui-datepicker-week-end,
.ui-datepicker-calendar a.ui-state-default.ui-datepicker-other-month
{
    border: solid 1px transparent;
}
.ui-datepicker-calendar a.ui-state-default.ui-state-hover, 
.ui-datepicker-calendar a.ui-state-default.ui-state-hover.ui-datepicker-week-end
.ui-datepicker-calendar a.ui-state-default.ui-state-active.ui-state-hover, 
.ui-datepicker-calendar a.ui-state-default.ui-state-active.ui-state-hover.ui-datepicker-week-end,
.ui-datepicker-calendar a.ui-state-default.ui-state-hover.ui-datepicker-other-month,
.ui-datepicker-calendar a.ui-state-default.ui-state-active.ui-state-hover.ui-datepicker-other-month
{
    border: solid 1px black !important;
}



/* Standard Colors
----------------------------------------------------------*/

/* ET Status */

.et-stat-hist          { color: #b29600 !important; }  /* Dk Gold */
.et-stat-gage          { color: Green   !important; }
.et-stat-cent          { color: Navy    !important; }
.et-stat-edit          { color: Purple  !important; }
.et-stat-orig          { color: #606060 !important; }
.et-stat-rain          { color: Navy    !important; }
.et-stat-min           { color: Teal    !important; }
.et-stat-shut          { color: Purple  !important; }
.et-stat-poll          { color: Maroon  !important; }
.et-stat-unk           { color: #606060; }

/* Testing
----------------------------------------------------------*/
r 
{
    color:Red;
    font-size: larger;
}


/* In Progress
----------------------------------------------------------*/

/* ErrorPages/DefaultError.html
----------------------------------------------------------*/
#customErrorPage {
    padding: 40px;
}

    #customErrorPage h2 {
        font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
    }

    #customErrorPage p {
        font-size: 16px;
    }