/* tanknet colors:
 dark blue:747392
 veryLightBlue:D5D9E6;
 anotherlightBlue: F0F1F4
 darkOrange:CB8707
 lightOrange:CBAB6F;
 lighterOrange:EFE8DA;
 darkBrown:524E44
 */
@media screen 
{
    
    /* reset: */
 html{color:#000;}
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
 
 
body {
    background:url('../images/bg.gif') repeat;
    font-family:Arial;
    font-size: .8em;
}

h1 { font-size:1.5em;font-weight:bold; }
h2 { font-size:1.2em;font-weight:bold; }
h4 { font-size:12px;font-weight:bold; }
p { font-size:1em;padding:0px;margin:10px; }
a { font-size:1em;color:#747392; }

/* misc */
.goLeft { float:left; }
.goRight { float:right;font-size:12px; }
.clear { clear:both; }
.hide { display:none;}
.pad  { padding:10px; }
.indent { margin-left:10px; }
.indentSM { margin-left:5px; }



.cap { text-transform:capitalize; }
div.spacer { height:20px; }

.btn {
   font-size:.8em !important;
   font-weight:bold !important;
   color:#fff;
   padding:1px 4px;
 }
 
 .shadow 
 {
     margin-right:2px;
    -moz-box-shadow: 4px 4px 6px #888;
    -webkit-box-shadow: 4px 4px 6px #888;
     box-shadow: 4px 4px 6px #888;
 }
.delayed { background-color:Yellow; color:Black; }
.alarming { background-color:Red; color:White; }
.error { color:Red; }
.online { color:Green; }
.odd { background:White; }
.even { background:#F0F1F4; }
.center { text-align:center; }
.bold {font-weight:bold; } 
.invalid{
   border:1px solid red;
   background:#cecece;
   background-image:none !important;
 }
 
 
/* header */
#header  { margin:10px 10px 0 240px; }
#txtHeaderSearch { margin-left:20px; }
#imgApplySearch { margin-left:5px; }
#header a {
    color:White;
    font-weight:bold;
    text-decoration:none;
    padding:0 10px;
    border-right:1px dotted #D0910B;
}
#header a:hover { color:#CBAB6F; }

/* nav */
#nav 
{
    float:left;
    margin:-20px 0 0 5px;
    background:#282A57;
    border-top:2px #70706B solid;
    border-right:2px #000000 solid;
    border-left:2px #70706B solid;
    border-bottom:2px #000000 solid;
    max-width:220px;
}
#nav .mainLogo {
    height:64px;
    padding:4px 0 0 4px;
}
    #nav .mNav {
        background: white;
        text-align: center;
        padding: 0;
        margin: 5px 0;
    }
#nav ul {
    list-style:none;
    margin:5px;
    width:210px;
}
#nav li {
    border-top:2px solid #D5D9E6;
}
#nav li a {
    height:22px;
    display:block;
    text-decoration:none;
    color:White;
    font-weight:bold;
    padding:6px 0 0 20px;
}
#nav li a:hover, #nav  li a.active {
    color:#282A57;
    text-shadow: none; 
}
div.hideNav { margin-left: 10px !important; }

/* content */
#content { background:white; margin:10px 10px 10px 240px;overflow:visible; }
#content .twoColumns { width:100%;float:left;margin-right:-200px;}
#content .col_1 { margin-right: 200px; }
#content .col_2 { float:right; width:180px; margin-right:4px; }
#content .demo .section { min-width:550px;float:left;width:48%;margin-right:1%; }

.section {
    border:1px solid #D5D9E6;
    border-top:none;
    background:white;
    margin-bottom:20px;
    width:99%;
 }
.withBG { background-color: #F0F1F4; }
.heading { line-height:1.6em; height:28px; padding:4px 0 0 10px;font-size:1.2em; font-weight:bold; color:White; } 
.heading .goRight { margin-right: 5px; }
.heading select { font-size:12px !important; font-weight:normal; }
.heading a { color:white;text-decoration:none; }
.heading a:hover { text-decoration:underline; }
.heading input { font-size:11px;font-weight:normal; }
.col_2 .heading { height:24px; padding-top:5px; font-size:1em;   } 

/* map info */
#tankInfoWrapper { min-height:200px;}
#tankInfoWrapper dl
{
  width:200px; 
	float: left;
	padding: 5px;
}
#tankInfoWrapper dt
{
	clear: left;
	float: left;
	font-weight: bold;
}
#tankInfoWrapper dd
{
	float: right;
}

/* tables */
div.pad table 
{
  background:white;
  border:1px solid #282A57;
}
div.fc table, .fc-header, .fc-header td
{
  border:0 !important;
}
table { width:100%; }

table thead th {white-space:nowrap; }
table th { text-transform:capitalize;font-weight:bold; }
table td, table th {
 border:1px solid #282A57;
 padding:4px 8px;
}
table.noCellBorder td { border-right:none !important; border-left:none !important; }
.noBorder td, .noBorder .tr { border:none !important; }

table tbody th, 
  div.pad div.ui-accordion table thead th {
  background:#9196AF !important;
  text-shadow: none;	
  color:#333;
}

td.suspend, td.delayed { background-color:Yellow; }
td.cooling {  background-color:Blue !important; }
    td.heating {
        background-color: Orange !important;
    }

td.cooling a { color:Yellow; }
td.alarming a { color:Yellow; }
td.heating a { color:blue; }
td.idle a { color:blue; }

tr.master { background:#797895; }
tr.master.filtered {background: #CB8707; }
tr.detail.filtered {background: yellow; }
tr.editing {background: yellow !important; }
td label.center { display:block; text-align:center; }
#tblSticky 
{
    position:fixed;
    z-index:100;
    top:0px;
}

div.pad table thead th.tablesorter-headerSortUp  {
 text-align:left !important;
 background:#605F73 url(../images/sort_asc.gif) no-repeat scroll right center !important;
 padding-right:20px !important;
}
div.pad table thead th.tablesorter-headerSortDown {
 text-align:left !important;
 background:#605F73 url(../images/sort_desc.gif) no-repeat scroll right center !important;
 padding-right:20px !important;
}
div.ui-dialog-content table 
{
  background:white;
}

/* widths */
.onTop { z-index:99999999; }
.isNumeric { width:50px; }
.date, .time { width: 100px; }
.w10 { width:10px !important; }
.w20 { width:20px !important; }
.w30 { width:30px !important; }
.w40 { width:40px !important; }
.w50 { width:50px !important; }
.w60 { width:60px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w100 { width:100px !important; }
.w150 { width:150px !important; }
.w200 { width:200px !important; }
.p25 { width: 25% !important; }
.p33 { width: 33% !important; }
.p49 { width: 49% !important; }
.p50 { width: 50% !important; }
.p66 { width: 66% !important; }
.p75 { width: 75% !important; }
.p100 { width: 100% !important; }

.btn:hover,
  body .ui-tabs .ui-tabs-nav li:hover {
    opacity:.75; filter:alpha(opacity=75); filter: alpha(opacity=75); 
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover 
{ 
  opacity:1; filter:alpha(opacity=100); filter: alpha(opacity=100); 
}

/* gradients */
.blackGradient 
{ 
    background:#333;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333));
    background: -webkit-linear-gradient(top, #555 0%,#333 100%); 
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    border-top:1px solid #333;
    border-left:1px solid #333;
      
}.grayGradient 
{ 
    background: #cecece;
    background: -ms-linear-gradient(top, #ccc 0%, #fff 100%) !important; 
    background: -moz-linear-gradient(top, #ccc 0%, #fff 100%) !important; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#fff)); 
    background: -webkit-linear-gradient(top, #ccc 0%,#fff 100%); 
} 
#nav a,
  .heading,
  .btn,
  body .ui-tabs .ui-tabs-nav li,
  body .ui-dialog-titlebar,
  body .ui-datepicker-header,    
  body .ui-button.ui-state-default.ui-button-text-only  {
     background: #616081 !important; 
     background: -moz-linear-gradient(top, #8988a3 0%, #6f6e8c 50%, #616081 51%, #696889 100%) !important; 
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8988a3), color-stop(50%,#6f6e8c), color-stop(51%,#616081), color-stop(100%,#696889)) !important; 
     background: -webkit-linear-gradient(top, #8988a3 0%,#6f6e8c 50%,#616081 51%,#696889 100%) !important; 
     background: -o-linear-gradient(top, #8988a3 0%,#6f6e8c 50%,#616081 51%,#696889 100%) !important; 
     background: -ms-linear-gradient(top, rgba(135,134,161,1) 0%,rgba(97,96,129,1) 100%) !important; 
     background: linear-gradient(top, rgba(135,134,161,1) 0%,rgba(97,96,129,1) 100%) !important;

}

.goldGradient,
  #nav a:hover,
  #nav a.active,
  .col_2 .heading,
  .sectionSubHeader,
  body .ui-accordion .ui-accordion-header,
  body .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
  div.pad table thead th,
  table tbody tr.head th {
     background: #ab7b42 !important; 
     background: -moz-linear-gradient(top, #bd956b 0%, #b18450 50%, #ab7b42 51%, #ab7c42 100%) !important; 
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd956b), color-stop(50%,#b18450), color-stop(51%,#ab7b42), color-stop(100%,#ab7c42)) !important;
     background: -webkit-linear-gradient(top, #bd956b 0%,#b18450 50%,#ab7b42 51%,#ab7c42 100%) !important;
     background: -o-linear-gradient(top, #bd956b 0%,#b18450 50%,#ab7b42 51%,#ab7c42 100%) !important; 
     background: -ms-linear-gradient(top, #bd956b 0%,#b18450 50%,#ab7b42 51%,#ab7c42 100%) !important; 
     background: linear-gradient(top, #bd956b 0%,#b18450 50%,#ab7b42 51%,#ab7c42 100%) !important; 
     color:White;
}

.lightBlueGradient,
  tr.statusBG {
    background: #a2a6bb; 
    background: -moz-linear-gradient(top, #a2a6bb 0%, #d9dadf 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a6bb), color-stop(100%,#d9dadf)); 
    background: -webkit-linear-gradient(top, #a2a6bb 0%,#d9dadf 100%); 
    background: -o-linear-gradient(top, #a2a6bb 0%,#d9dadf 100%); 
    background: -ms-linear-gradient(top, #a2a6bb 0%,#d9dadf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a6bb', endColorstr='#d9dadf',GradientType=0 );
    background: linear-gradient(top, #a2a6bb 0%,#d9dadf 100%); 
}

    .redGradient,
    .filterApplied,
    .section h1.error,
    body div.ui-dialog-titlebar.ui-state-error,
    body .ui-tabs .ui-tabs-nav li.ui-tabs-selected.alarming,
    body .ui-button.ui-state-default.showProfileStatus {
        background: #b85b61 !important;
        background: -moz-linear-gradient(top, #b85b61 0%, #a93946 50%, #a22539 51%, #a12338 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b85b61), color-stop(50%,#a93946), color-stop(51%,#a22539), color-stop(100%,#a12338)) !important;
        background: -webkit-linear-gradient(top, #b85b61 0%,#a93946 50%,#a22539 51%,#a12338 100%) !important;
        background: -o-linear-gradient(top, #b85b61 0%,#a93946 50%,#a22539 51%,#a12338 100%) !important;
        background: -ms-linear-gradient(top, #b85b61 0%,#a93946 50%,#a22539 51%,#a12338 100%) !important;
        background: linear-gradient(top, #b85b61 0%,#a93946 50%,#a22539 51%,#a12338 100%) !important;
        text-shadow: 1px 1px 1px #333;
        color: White;
    }

    body .ui-tabs li.ui-state-default.alarming {
        background: #b85b61 !important;
    }
    select.filterApplied {
        background: white !important;
        color: #a12338;
        font-weight: bold;
    }
select.filterApplied option { background:white !important;color:Black;font-weight:normal; }


/* toolbar img sprite*/
div.heading div.icon, #graphOps div.icon {
  width:16px !important;
  height:16px !important;
  margin:0 5px;
  border:1px solid #CBAB6F;
 }
div.heading div.icon:hover { border-color:Yellow; }
div.iconSeparator 
{
    float:left;
    border-right:2px dotted #ccc;
    height:20px;
    width:5px;
    margin-right:5px;
}
div.icon { width:18px; height:18px; padding:1px; cursor:pointer;}
div.delete { background: url('../images/toolbarIcons.png') #cecece -9px -4px; }
div.addPumpOver {background: url('../images/toolbarIcons.png') #cecece -9px -40px; }
div.addEvent, div.addTask { background: url('../images/toolbarIcons.png') #cecece -9px -76px; }
div.calendar { background: url('../images/toolbarIcons.png') #cecece -9px -112px; }
div.editAll { background: url('../images/toolbarIcons.png') #cecece -9px -148px; }
div.setAll { background: url('../images/toolbarIcons.png') #cecece -9px -184px; }
div.export { background: url('../images/toolbarIcons.png') #cecece -9px -220px; }
div.edit { background: url('../images/toolbarIcons.png') #cecece -9px -256px; }
div.print { background: url('../images/toolbarIcons.png') #cecece -9px -292px; }
div.brixSlope { background: url('../images/toolbarIcons.png') #cecece -9px -328px; }
div.report { background: url('../images/toolbarIcons.png') #cecece -9px -364px; }
div.history { background: url('../images/toolbarIcons.png') #cecece -9px -400px; }
div.data { background: url('../images/toolbarIcons.png') #cecece -9px -436px; }
div.cancel { background: url('../images/toolbarIcons.png') #cecece -9px -472px; }
div.next { background: url('../images/toolbarIcons.png') -9px -508px;  }
div.previous { background: url('../images/toolbarIcons.png') -9px -544px;}
div.filterOn { background: url('../images/toolbarIcons.png') #cecece -9px -580px; }
div.filterOff { background: url('../images/toolbarIcons.png') #cecece -9px -616px; }
div.search { background: url('../images/toolbarIcons.png') -9px -644px; }
div.showProfileDlg { background: url('../images/toolbarIcons.png') #cecece -9px -328px; }
.noBorder { border:none !important; }


/* cbTankList */
ul.cbList
{
  max-height:150px;
  overflow:auto;
  padding:4px;
  border:1px solid #ccc;
}
ul.cbList li 
{
  padding:2px 0;
  width:80px;
  display:inline;
  float:left;
} 
ul.cbList label 
{
  margin-left:5px;
}
/*  jquery ui - overrides */
body .ui-widget-header 
{
  border-color:transparent;
}
body .ui-tabs,
  body .ui-tabs .ui-tabs-nav 
{
  background:none;
  border:none;  
}
body .ui-tabs .ui-tabs-nav 
{
  height:2.45em;
}
body .ui-tabs-nav .ui-state-hover,
  body .ui-tabs-nav .ui-tabs-selected, 
  body .ui-tabs-nav .ui-state-active
{
  border-color:transparent !important;
}
body .ui-tabs .ui-tabs-nav li 
{
  margin-bottom:4px;
}
body .ui-state-active a, body .ui-state-active a:link, body .ui-state-active a:visited, 
 body .ui-state-default a, body .ui-state-default a:link, body .ui-state-default a:visited
{
  color:White !important;
}
body .ui-tabs .ui-tabs-panel 
{
  background:white !important;
  border:1px solid #AB7B41; border-top-width:5px;
}
    body .ui-tabs .ui-tabs-panel.alarming {
        background: white !important;
        border: 1px solid #b85b61;
        border-top-width: 5px;
    }
body .ui-accordion-header.ui-state-active .ui-icon,
 body .ui-accordion-header.ui-state-default .ui-icon,
 body .ui-accordion-header.ui-state-hover .ui-icon
{
  background-image: url(../images/ui-icons_ffffff_256x240.png);
}
body .ui-button.invisible 
{
  visibility:hidden;
}
body .ui-button.hide 
{
  display:none;
}
body .ui-button 
{
  font-size:11px !important;
}
body .ui-button.small
{
  font-size:9px !important;
}
body .ui-button.small.ui-button-text-icon-primary { width:55px; }
body #header .ui-button
{
  font-size:8px !important;
}
body .heading .ui-button-text
{
  padding-top:2px;
  padding-bottom:2px;
}
body .heading .ui-button-icon-only .ui-button-text
{
  padding:2px 0 !important;
}
body .ui-button.ui-button-text-only .ui-button-text  
{
     padding:3px 8px;
}
body .ui-button.ui-state-default.ui-button-text-only  {
     color:White;
}
body .ui-button.ui-state-hover.ui-button-text-only 
{
  border:white 1px solid;
  opacity:.75; filter:alpha(opacity=75); filter: alpha(opacity=75);
} 
body .ui-menu 
{
  z-index:1005 !important;
}
body li.ui-autocomplete-category 
{
		padding-bottom:5px;
		border-bottom:1px solid #ccc !important;
		margin-bottom:5px;
}


/*
 * jQuery contextMenu - Plugin for simple contextMenu handling
 * Version: 1.5.9
 * Web: http://medialize.github.com/jQuery-contextMenu/
 */

/*body.calendar .context-menu-list { min-width:200px !important;max-width:400px !important; }*/
body .context-menu-list.small { min-width:170px !important; }
.context-menu-list {
    margin:0; 
    padding:0;
    
    min-width: 250px;
    display: inline-block;
    position: absolute;
    list-style-type: none;
    
    border: 1px solid #DDD;
    background: #EEE;
    z-index: 9999 !important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    
}
ul.context-menu-list .heading
{
    padding: 6px 0 0  !important;
    text-align:center;    
    font-size:1em;
    height:24px;
}
ul.context-menu-list .heading:hover 
{
    cursor:default;
}
.context-menu-item {
    padding: 3px 4px 3px 20px;
    background-color: #EEE;
    position: relative;
    -moz-user-select: -moz-none;
}
.context-menu-item.subheader 
{
  padding-left:10px;
}
.context-menu-separator 
{
    padding:0;
    border-bottom: 1px solid #DDD;
}
.context-menu-item > label {
    -moz-user-select: text;
}
.context-menu-item.hover {
    cursor: pointer;
	color: #FFF;
	background-color: #CBAB6F;
}
.context-menu-item.disabled {
    color: #666;
}
.context-menu-input.hover,
.context-menu-item.disabled.hover {
    cursor: default;
    background-color: #EEE;
}
.context-menu-submenu:after {
    content: ">";
    color: #666;
    position: absolute;
    top: 0;
    right: 3px;
    z-index: 1;
}
.context-menu-item.icon-edit 
{
  
}
/* vertically align inside labels */
.context-menu-input > label > * { vertical-align: top; }

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
    margin-left: -17px;
}
.context-menu-input > label > span {
    margin-left: 5px;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
    display: block;
    width: 100%;
    
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}

.context-menu-input > label > textarea {
    height: 100px;
}
.context-menu-item > .context-menu-list {
    display: none;
    /* re-positioned by js */
    right: -5px;
    top: 5px;
}

.context-menu-item.hover > .context-menu-list {
    display: block;
}

.context-menu-accesskey {
    text-decoration: underline;
}
.context-menu-item a { text-decoration:none; color:Black;padding-right:90px; }

/* graphing */
span.loading { font-size:.8em;font-style:italic;color:Yellow;margin-left:10px; }
div.graphLegend, div.legend {
 margin:10px auto;
 text-align:center;
}
div.series {
 margin:5px 0px 3px 8px;
 display:-moz-inline-stack;
 display:inline-block;
 zoom:1;
 *display:inline;
 padding-bottom:3px;
}
div.series.ignore label {
    border-bottom-width:0;
}
div.graphLegend label, div.legend label {
 border-bottom:3px solid;
 margin-left:5px;
}
input.onTop {
	z-index: 99999 !important;
}
div.graphOptionsOverlay 
{
  background:white;
  padding:0 5px 5px;
  z-index:5000;
  position:absolute;
  width:100%;
 }
 
#loadingOverlay p { text-align:center; margin: 0 auto;width: 250px; }

}

/* calendar */
#calLegend 
{
  float:right;font-size:12px;margin:10px 5px;
}
#calLegend div
{
  width:10px;height:10px;float:left;margin: 5px 8px 0 0; border:1px solid #333;
}
#calLegend span
{
  float:left;margin-right:12px;padding-top:3px;
}
#calLegend div.failed {
  background-color:#C60715; 
}
#calLegend div.completed {
  background-color:#c1dbb2;
}
#calLegend div.pending { 
  background-color:#fffda7;
}
#calLegend div.skipped { 
  background-color:#ccc;
}
#calendar div.fc-view-agendaDay .ui-widget-header
{
  background: #eee; 
  background: -moz-linear-gradient(top, #fff 0%, #eee 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee)); 
  background: -webkit-linear-gradient(top, #fff 0%,#eee 100%); 
  color:#333;
}
div.fc-event.failed, 
  div.fc-event.failed div.fc-event-inner, 
  div.fc-event.failed  div.fc-event-head,
div.fc-event.canceled, 
  div.fc-event.canceled div.fc-event-inner, 
  div.fc-event.canceled  div.fc-event-head 
{
  border-color:#333;
  background-color:#C60715;
  color:#fff;
}
div.fc-event.completed, 
  div.fc-event.completed div.fc-event-inner, 
  div.fc-event.completed  div.fc-event-head,
  div.fc-event.step_completed, 
  div.fc-event.step_completed div.fc-event-inner, 
  div.fc-event.step_completed  div.fc-event-head 
{
  border-color:#333;
  background-color:#c1dbb2;
  color:#333;
}

div.fc-event.skipped, 
  div.fc-event.skipped div.fc-event-inner, 
  div.fc-event.skipped  div.fc-event-head
{
  border-color:#333;
  background-color:#ccc;
  color:#333;
}
div.fc-event.pending, 
  div.fc-event.pending div.fc-event-inner, 
  div.fc-event.pending div.fc-event-head 
{
  border-color:#333;
  background-color:#fffda7;
  color:#333;
}
div.fc-event.pending:hover, 
  div.fc-event.pending div.fc-event-inner:hover, 
  div.fc-event.pending div.fc-event-head:hover,
  div.fc-event.pending.selected, 
  div.fc-event.pending.selected div.fc-event-inner, 
  div.fc-event.pending.selected div.fc-event-head 
{
  border-color:#333;
  background-color:#CB8707 !important;
  color:#fff;
}
#calendar td.ui-state-highlight.fc-today 
{
  border:2px #CB8707 solid;
  background-image:none;
  background: #ffffff; 
  background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); 
  background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); 

}

/* tooltip */
.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:9999;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width:2px; }

canvas { position:absolute; z-index:0; }
canvas.animate { z-index:1; }
canvas.animate2 { z-index:2; }

#flashStatus { text-align:left; }


/* Canvas Map */
#mapNav { height:220px;overflow: hidden;background:white; }
#mapNav canvas 
{
  margin:8px 10px;
}
#mapNav canvas.background { border:1px solid black; }

#content.fullscreen { position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;margin:0; }
#mapWrapper canvas { position:absolute; z-index:0; }
#mapWrapper canvas.animate { z-index:1; }
#mapWrapper canvas.background { outline:1px solid #666; }

#mapNav dl { width:200px; float: left; padding: 5px; }
#mapNav dt { clear: left; float: left; font-weight: bold; }
#mapNav dd { float: right; }
#mapNav dl .tankid { font-size:20px;margin-bottom:8px; }

/* nrg graph on homepage */
#nrgGraph, #currentNrgGraph, #nrgLoading {
    width: 100%;
    height: 250px;
}
/* pro chiller */
#chiller_status 
{
 border:1px solid #282A57;
}
#chiller_status .head
{
  text-align:center;
  text-shadow: none;	
  padding:4px 0;
}

/* courtside valves */
#courtside .circle {
  text-align: center;
  background-color: #ccc;
  border: 4px solid #fff;
  border-radius: 45px;
  box-shadow: 0 0 4px 4px #ccc;
  line-height: 60px;
  height: 60px;
  width: 60px;
  font-size:18px;
  position:absolute;
  color:Black;
}
#courtside .lbl 
{
  position:absolute;
  border-bottom:2px solid #ccc;
  width:180px;
}

#courtside #r1.circle { left:20px;top:40px; }
#courtside #r2.circle { left:20px;top:140px; }
#courtside #r3.circle { right:20px;top:40px; }
#courtside #r4.circle { right:20px;top:140px; }

#courtside .lbl.r1 { left:90px;top:55px; }
#courtside .lbl.r2 { left:90px;top:155px; }
#courtside .lbl.r3 { right:90px;top:55px; }
#courtside .lbl.r4 { right:90px;top:155px; }

#courtside .lbl.cold.open
{
  border-bottom-color:#9cc3e5;
}
#courtside .lbl.hot.open
{
  border-bottom-color:#ed7d31;
}
#courtside .lbl.error
{
  border-bottom-color:red;
}
#courtside .circle.cold 
{
  background-color: #9cc3e5;
}
#courtside .circle.cold.open
{
  box-shadow: 0 0 4px 4px #9cc3e5;
}
#courtside .circle.hot 
{
  background-color: #ed7d31;
}
#courtside .circle.hot.open
{
  box-shadow: 0 0 4px 4px #ed7d31;
}

#courtside .circle.error
{
  box-shadow: 0 0 4px 4px red;
}


#beaverTownStatus 
{   
    min-height:200px;
    background:transparent;
    border:none;
    border-collapse: collapse;
}
#beaverTownStatus tr:first-child { border-bottom:1px solid #333; } 
#beaverTownStatus td
{
    height:100px;
    padding:5px;
    vertical-align:top;
    border:0px;
    border-left:1px solid #333;
    border-right:1px solid #333;
}
#beaverTownStatus td:first-child { border-left: none; }
#beaverTownStatus td:last-child { border-right: none; }
#beaverTownStatus img { width:55px; }
#beaverTownStatus p { margin:0 auto;text-transform: capitalize; }
#beaverTownStatus a { text-decoration:none; color:white } 
#beaverTownStatus a:hover { color:yellow } 

#beaverTownStatus h1 
{
    margin:10px 0;
    font-size:2em;
}

#mapWrapper #copperCaneCustomView {
    background:white;
    padding:10px;
    border:1px solid #333;
    position: absolute;
    top: 10px;
    z-index:9999;
}
#mapWrapper #copperCaneCustomView.left {
    left: 10px;
}
#mapWrapper #copperCaneCustomView.right {
    right: 10px;
}

#copperCaneCustomView table {
    display: table;
    background-color: transparent;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

#copperCaneCustomView table thead th,
#copperCaneCustomView table thead td,
#copperCaneCustomView table tbody th,
#copperCaneCustomView table tbody td {
        background: none !important;
        border: 1px solid #ddd !important;
        font-size:10px;
    }

#copperCaneCustomView th, td {
    padding: 4px 3px;
}

#copperCaneCustomView canvas {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: block;
    position:relative;
}

#copperCaneCustomView .history {
    margin: 5px 0;
}
#copperCaneCustomView .history thead th {
    color:#000;
}

#copperCaneCustomView .am {
    background: rgb(189,215,238) !important;
}

#copperCaneCustomView .pm {
    background: rgb(169,208,142) !important;
}

#copperCaneCustomView .tank {
    float: left;
    position: relative;
    min-width: 220px;
    min-height: 350px;
}
    #copperCaneCustomView .tank.focused {
        background: #FFF9E8;
    }

#copperCaneCustomView table.status th {
    width: 33%;
}

#copperCaneCustomView table.status td {
    width: 67%;
}


#copperCaneCustomViewTemplate {
    position: absolute;
    left: -1000px;
}

#gallo li {
    float:left;
    border:1px solid #333;
    margin:10px;
}
#gallo li a {
    display:block;
    width: 200px;
    padding: 40px 20px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
}

#tblWrap {
    overflow: auto;
}
#tblMain {
    margin: 10px;
    border: 1px solid #ccc !important;
    border-collapse: separate;
    width: 100%;
}
    #tblMain th {
        border: 1px solid #333;
    }
    #tblMain th, #tblMain td {
        border: 0;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
    }

#tblMain td.idle {
    background: white;
}
#tblMain td:first-child, #tblMain th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: white;
}

#tblMain td:nth-child(2), #tblMain th:nth-child(2) {
    position: sticky;
    left: 52.5px;
    z-index: 1;
    white-space: nowrap;
}
#tblMain.edit td:first-child, #tblMain.edit th:first-child {
    display:none;
}

#tblMain.edit td:nth-child(2), #tblMain.edit th:nth-child(2) {
    left: 0px;
}

#tblMain th {
    position: sticky;
    top: 0;
    z-index: 2;
}

#tblMain th:first-child, #tblMain th:nth-child(2) {
    z-index: 3
}