/*--------------------------------------------------------------------------

  Copyright 2005 Travis Pickerill

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.

--------------------------------------------------------------------------*/

body {
	background: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif, serif;
	font-size: 10px;
	margin: 0px;
}

table, tr, td, th, form, input, select, textarea, div, span {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif, serif;
	font-size: 10px;
}

div .nop {
	/*nop = not one hundred percent width*/
	display: table;
	-display: block; /* IE Only */
	-width: 1px; /* IE Only */
}

div .rdec {
	/*rdec = rounded div expanding container*/
	text-align: left;
	padding: 8px 10px 5px 10px;
}

.whtround { 
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
}

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

tr.tblhead {
	background-color: #eee;
	color: #fff;
	text-align: center;
}
.highz { z-index: 999; }
#ui-datepicker-div { z-index: 9999; }
.hover { background-color: #0f0; }
.hoverrow { background-color: #cef; }
.hoverdrop { background-color: #789ad6; }

.thbox {
	background: #eee;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #7f9db9;
	font-weight: bold;
	text-align: left;
}

th.hdrcornerl, th.hdrcornerr {
	height: 24px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('../img/hdrcornerl.gif');
	background-repeat: no-repeat;
}
th.hdrcornerr {
	background-image: url('../img/hdrcornerr.gif');
}
th.hdr {
	width: 100%;
	height: 24px;
	padding: 0px 5px 0px 5px;
	border: 0px;
	background-image: url('../img/hdr.gif');
	background-repeat: repeat-x;
	text-align: left;
	font-size: 1.2em;
}
td.hdrspacer {
	height: 5px;
}

th.highlighttime { background: #0f0; }
th.nlb  { border-left: 1px solid #eee; }
th.nrb  { border-right: 1px solid #eee; text-align:left; vertical-align:bottom; }
th.nlrb { border-right: 1px solid #eee; border-left: 1px solid #eee; }
td { padding: 2px 5px 2px 5px; text-align: left; }
td.schedulemenu { width: 100%; padding: 2px 5px 2px 20px; }
td.cc { border: none; height: 10px; width: 10px; padding: 0px 0px 0px 0px; }
.b { font-weight:bold; }
.r { text-align:right; }
.l { text-align:left; }
.c { text-align:center; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.gt { color: #228b22; }
.rt { color: #f00; }
.yt { color: #ff9; }
.wt { color: #fff; }
.unl { text-decoration: underline; }
.required { color: #f00; }
.inline { display: inline; float: left; padding: 2px 10px 2px 0px;  }
.nowrap { white-space: nowrap; }
.paddedContainer { margin: 5px; }
.dn { display: none; }
.process { display:none; padding:10px; }
.lr { background-color: #f99; }
.lg { background-color: #9f9; }
.ly { background-color: #ff9; }
.wht { background-color: white; }
.ssd { background-color: #fffc00; border-top: 1px solid #fffc00; border-bottom: 1px solid #fffc00; }
.ssn { background-color: #000080; border-top: 1px solid #000080; border-bottom: 1px solid #000080; }
.ssdh {	background-color: #fffc00; height: 5px; border-left: 1px solid #fffc00; border-right: 1px solid #fffc00; }
.ssnh { background-color: #000080; height: 5px; border-left: 1px solid #000080; border-right: 1px solid #000080;}
.sr1 { background: #fffc00 url('../img/sun/sr1.png') repeat-x 0 0; }
.sr2 { background: #fffc00 url('../img/sun/sr2.png') repeat-x 0 0; }
.sr3 { background: #fffc00 url('../img/sun/sr3.png') repeat-x 0 0; }
.ss1 { background: #000080 url('../img/sun/ss1.png') repeat-x 0 0; }
.ss2 { background: #000080 url('../img/sun/ss2.png') repeat-x 0 0; }
.ss3 { background: #000080 url('../img/sun/ss3.png') repeat-x 0 0; }
.sr1, .sr2, .sr3 { border-top: 1px solid #000080; border-bottom: 1px solid #fffc00; }
.ss1, .ss2, .ss3 { border-top: 1px solid #fffc00; border-bottom: 1px solid #000080; }
.sr1, .sr2, .sr3, .ss1, .ss2, .ss3, .ssd, .ssn { border-left: 1px solid #7f9db9; }
.sqbox { border:1px solid #ccc; padding:2px 5px; }
.calr { font-weight: bold; color: #900; font-size: 1.3em; }
.calb { font-weight: bold; color: #339; font-size: 1.3em; }
.cals { font-size: 1em; }
.calt { border-bottom: 1px solid #7F9DB9; font-size: 14px; font-weight: bold; padding: 3px; }
.logSet, .logBlu, .logRed { font-weight: bold; }
.logSet { color: #C3C; }
.logBlu { color: #00F; } 
.logRed { color: #F00; }

/* ------------------ */
/*      Messages      */
/* ------------------ */

.gs {
	background-color: #cfc;
	border: 2px solid #3c3;
	padding: 2px 5px;
	margin-top: 2px;
}
.ys {
	background-color: #fff9d7;
	border: 2px solid #e2c822;
	padding: 2px 5px;
	margin-top: 2px;
}
.rs {
	background-color: #fcc;
	border: 2px solid #c33;
	padding: 2px 5px;
	margin-top: 2px;
}

.rm, .gm, .ym {
	background-color: #d5d7bb;
	background-repeat: no-repeat;
	background-position: 4px 50%;
	width: 600px;
	border: 2px solid #000;
	color: #000;
	padding: 10px 10px 10px 35px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.gm { background-image: url("../img/success-lg.gif"); }
.ym { background-image: url("../img/remaining-lg.gif"); }
.rm { background-image: url("../img/failed-lg.gif"); }
.pm {
	background-color: #d5d7bb;
	width: 600px;
	border: 2px solid #000;
	color: #000;
	padding: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.grn, .red, .yel {
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: left;
}

.grn { color: #228b22; }
.red { color: #f00; }
.yel { color: #ff9; }
.gra { background: #eee; }

.loading {
	display: none;
	position:absolute;
	top:0px;
	right:0px;
	/*width:100px;*/
	padding: 2px;
	color: #eee;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.selected { background-color: #6f6; }
.clickable {
	border: 1px solid #00f;
	padding: 2px 5px;
	margin-top: 2px;
}

.msngr { padding:0px; font-size:8px; }
/* ------------------ */
/*   Content Areas    */
/* ------------------ */

td.label {
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	padding: 0px 5px 5px 5px;
	font-size: 10px;
}

td.labeltop {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 0px 5px 5px 5px;
	font-size: 10px;
}

td.formlabel {
	padding: 0px 5px 0px 5px;
	vertical-align: bottom;
	font-size: 10px;
	font-weight: bold;
}

td.settings {
	background-color: #add8e6;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

td.settingscontent, td.settingssubmit {
	background-color: #000080;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 5px 5px 5px 5px;
	vertical-align: bottom;
	font-size: 10px;
	font-weight: bold;
}

td.settingssubmit { background-color: #1e90ff; }

td.content {
	text-align: left;
	vertical-align: bottom;
	padding: 0px 5px 5px 5px;
	font-size: 10px;
}

.instructions {
	color: #b00;
	text-align: left;
	vertical-align: bottom;
	padding: 0px 5px 5px 5px;
	font-size: 10px;
}

.header {
	background-color: #7f9db9;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
}

/* Round Box stuff1 */
table.rBox td.rBoxTopLeft {
	background-image: url("../img/box-tl.gif");
	background-repeat: no-repeat;
	padding-top: 12px;
}

table.rBox td.rBoxTopCenter {
	background-image: url("../img/box-tc.gif");
	background-repeat: repeat-x;
	padding-top: 12px;
}

table.rBox td.rBoxTopRight {
	background-image: url("../img/box-tr.gif");
	background-repeat: no-repeat;
}

table.rBox td.rBoxBottomLeft {
	background-image: url("../img/box-bl.gif");
	background-repeat: no-repeat;
}

table.rBox td.rBoxBottomCenter {
	background-image: url("../img/box-bc.gif");
	background-repeat: repeat-x;
}

table.rBox td.rBoxBottomRight {
	background-image: url("../img/box-br.gif");
	background-repeat: no-repeat;
}


/* ------------------ */
/*   Action Buttons   */
/* ------------------ */
.mgn { margin: 2px 4px 2px 0px; }

input.table { text-align: center; vertical-align: middle; }
input.action { color: #000; width: 75px; }
input.actionred { color: #f00; width: 75px; }
input.actionblu { color: #00f; width: 75px; }
input.actiongrn { color: #060; width: 75px; }
input.small { color: #00f; width: 40px; height: 20px; font-size: 10px; }
input.inc { color: #090; width: 18px; height: 20px; font-size: 10px; }
.blue { color: #00f; }

.button, .button:visited { padding: 1px 6px; background: #e7e5e2; border: 1px solid #adaca9; margin: 2px; }
.button:hover, .button:focus { padding: 1px 6px; background: #057BA3; border: 1px solid #057ba3; color: #fff; }
.button:active { padding: 1px 6px; background: #f00; border: 1px solid #adaca9; margin: 2px; }
/* ------------------ */
/*       Links        */
/* ------------------ */

img.schedule { padding: 0px; border: none; width: 100%; }
img .bn { padding: 0px; border: none; }
.neg { color: #fff; font-weight: bold; }
a { text-decoration: none; border: none; }
a:link, a:visited { color: #000080; }
a:active { color: #f00; }
a:hover { color: #4169e1; text-decoration: none; }
a.schedule { display: block; width: 100%; height: 100%;	padding-top: 3px; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu a strong { color: #fff; text-decoration: none; }
#menu a:hover strong { color: #26a; text-decoration: underline; }

.clr { padding: 0px; margin: 0px; border: 0px; }

.nav ul { display: inline; font-size: 10px; list-style: none; margin: 0; text-align: left; padding-left: 0px; }
.nav li {
	border-right: 0px solid #d7d7d7; /* Modified */
	display: inline;
	padding: 0 .75em;
	white-space: nowrap;
}
.nav li.last { border-right: none }
/* Main navigation bar */
#mainnav {
	background: #f7f7f7 url('../img/menu_grad.png') 0 0; /* Modified */
	border: 0px solid #000; /* Modified */
	font: normal 10px trebuchet ms,verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif; /* Modified */
	margin: 0; /* Modified */
	padding: .3em 50px .3em 0; /* Modified */
}
#mainnav li { border-right: none; padding: .25em 0 }
#mainnav :link, #mainnav :visited {
	border-right: 0px solid #fff; /* Modified */
	border-bottom: none;
	border-left: 0px solid #555; /* Modified */
	color: #fff; /* Modified */
	padding: .3em 10px;
}
* html #mainnav :link, * html #mainnav :visited { background-position: 1px 0 }
#mainnav :link:hover, #mainnav :visited:hover {
	background-color: #444; /* Modified */
	border-right: 0px solid #ddd; /* Modified */
}
#mainnav .active :link, #mainnav .active :visited {
	background: #444 0 0 repeat-x; /* Modified */
	border-top: none;
	border-right: 0px solid #000; /* Modified */
	color: #eee;
	font-weight: bold;
}

/*POPUP DIV STUFF */
#topbar {
	background-color: #ccc;
	border: 4px solid #00f;
	padding: 0px;
	position:absolute;
	width: 620px;
	visibility: hidden;
	z-index: 100;
}

#topbar .hd {
	background-color: #00f;
	background-image: url("../img/alert_icon.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
	padding: 5px 5px 5px 30px;
	border: none;
	color: #fff;
	font-weight: bold;
}
#topbar .bd {
	color: #000;
	padding: 5px;
}

/* ------------------ */
/*    PAGE SPECIFIC   */
/* ------------------ */
/* Maintenance Report */
/* ------------------ */

#mx .mxblank { padding: 5px 5px 5px 5px; }

#mx td {
	padding: 5px 5px;	
}
#mx .mxhead {
	text-align: center;
	font-size: 30px;
}

#mx .mxsubhead {
	text-align: center;
	font-size: 20px;
	letter-spacing: 5px;
}

#mx .mxgrouphead {
	background: #bbbbbb;
	border: 1px solid #7F9DB9;
	font-weight: bold;
	text-align: center;
}

#mx .mxdate {
	text-align: center;
	font-size: 15px;
}

#mx .mxcolhead {
	background: #eeeeee;
	text-align: center;
	border: 1px solid #7F9DB9;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

#mx .mxcontent {
	border: 1px solid #7F9DB9;
	text-align: center;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
}

#mx .mxred {
	background: #ff6666;
	border: 1px solid #7F9DB9;
	text-align: center;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

#mx .mxyel {
	background: #ffff66;
	border: 1px solid #7F9DB9;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

#mx .mxad {
	background: #cccccc;
	border: 1px solid #7F9DB9;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

#mx .mxdnf {
	color: #ffffff;
	background: #FF0000;
	border: 1px solid #ff0000;
	text-align: center;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 1px 5px 1px 5px;
}

td.dragHandle {
    
}
td.showDragHandle {
	background-image: url(../img/updown2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: move;
}