/*body, html { font-family:Arial, Verdana, Helvetica, sans-serif;color:#000;font-size:11px;height:100%;background: url(../images/left-bg.gif) repeat-y #fff; }

select {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;font-size:11px; width:132px; padding:1px 0; margin-bottom:2px;}
.date {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;font-size:11px;width:80px;}
#container { min-width:1003px; min-height:100%;background: url(../images/right-bg.gif) 100% 0 repeat-y; }
* html #container { min-width:1003px; height:100%;}


#outer { padding-left:5px; padding-right:5px;}
#inner { width:100%; padding-bottom:36px; }
#float-wrap { float:left;width:100%;margin-left:-5px; }
#content { float:right;margin-right:-5px;width:100%; position:relative; }
.content-wrap { border-top:solid 1px #89c4fa; padding:5px 1px 0 1px }
#left { float:left;width:5px;position:absolute; }
#right { float:right;width:5px;position:absolute; }

#header { height:43px; width:100%;background: url(../images/header-bg.jpg) 100% 0 repeat-x;  }
#header .left-col { color:#333;padding:3px 10px 3px 15px;display:block;float:left;width:200px; }
#header .right-col { color:#2F5084;font-size:10px;padding:8px 5px 8px 10px;display:block;float:right;text-align:right;width:500px; }
#header .right-col a { color:#2F5084;font-size:10px;text-decoration:none;padding:10px 5px 10px 20px; }
#header .right-col a:hover { text-decoration:underline; }
#header .right-col .user { background:url(../images/user-icon.gif) no-repeat left 9px; }
#header .right-col .logout { background:url(../images/logout-icon.gif) no-repeat left 9px; }
#header .right-col .help { background:url(../images/help-icon.gif) no-repeat left 9px; }

#nav { height:22px; padding:3px 0 1px 5px; margin:0 5px; background:url(../images/nav-bg.jpg) 100% 0 repeat-x; border:solid 1px #89c4fa; border-width:1px 1px 0 1px;}
#clock { float:right; width:200px; text-align:right; padding:6px 5px 0 0;color:#2F5084;font-size:10px;}
#heading { float:left; color:#333; width:23%; padding:5px 0 5px 10px;}
#heading h1 { font-size:21px; font-weight:bold; padding-bottom:3px;}
#heading .icon { display:block; float:left; padding:2px 5px 0 0; width:36px; height:32px; }
#heading span { font-size:10px; color:#666; padding:0px 3px;}
#heading a { font-size:10px; color:#666; text-decoration:none;}
#heading a:hover { text-decoration:underline;}

#control-box { float:right; width:75%;}
#control-box #control-tbl td { vertical-align:middle; }
#control-box #control-tbl td.lft-bor { border-left:solid 1px #CCC; padding-right:3px; }
#control-box #control-form { display:block; float:left;}
#control-box #control-form td { vertical-align:middle; color:#464646;font-size:12px; font-weight:bold; padding:0 0 2px 5px; }
#control-box #control-form select {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;font-size:11px; width:132px; padding:1px 0; margin-bottom:2px;}
#control-box #control-form select.date {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;font-size:11px;width:80px;}
#control-box #control-form select.time {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;font-size:11px;width:40px;}
#control-box #control-btn { float:right; padding-left:5px; }
#control-box #control-btn span {display:block; padding-bottom:5px; }
#control-box #control-btn a.btn{ background: transparent url(../images/btn-left.gif) no-repeat left top;display:block;float:left;color:#000;font-size:11px;line-height:15px;height:22px;padding-left:3px;text-decoration:none;margin-right:5px; }
#control-box #control-btn a.btn span
{
    background: transparent url(../images/btn-right.gif) no-repeat right top;
    display: block;
    float: left;
    padding: 2px 8px 6px 4px;
    cursor: pointer;
}
#control-box #control-btn a.btn span.icon
{
    background: transparent url(../images/btn-bg.gif) repeat-x top;
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    padding: 3px 0px 4px 2px;
    cursor: pointer;
}

#box-panel {float:right; width:75%;}
#yellow-box { float:left; width:180px; margin-right:5px; background:transparent url(../images/yellowbox-bg.gif) no-repeat left bottom; }
#yellow-box .top {padding-top:5px; background:transparent url(../images/yellowbox-top.gif) no-repeat left top; display:block; }
#yellow-box p {padding:0 4px 5px 4px; line-height:18px;}
#yellow-box .police-car {background:transparent url(../images/police-car.gif) no-repeat left 2px; padding:0 2px 0 18px; font-weight:bold;}
#yellow-box .green-lorry {background:transparent url(../images/green-lorry.gif) no-repeat left 2px; padding:0 0 0 18px; font-weight:bold;}
#yellow-box .ambulance {background:transparent url(../images/ambulance.gif) no-repeat left 2px; padding:0 0 0 17px; font-weight:bold;}
#yellow-box .yellow-truck {background:transparent url(../images/yellow-truck.gif) no-repeat left 2px; padding:0 0 0 17px; font-weight:bold;}
#yellow-box .critical-alert {background:transparent url(../images/critical-alert.gif) no-repeat left top; padding:2px 0 0 15px;}
#yellow-box .notify-alert {background:transparent url(../images/notify-alert.gif) no-repeat left top; padding:2px 0 0 16px;}
#yellow-box .warning-alert {background:transparent url(../images/warning-alert.gif) no-repeat left top; padding:2px 0 0 14px;}
#yellow-box .clock {background:transparent url(../images/clock.gif) no-repeat left top; padding:2px 0 0 18px;}
#yellow-box .ignition-on {background:transparent url(../images/ignition-on.gif) no-repeat 3px top; padding:2px 0 0 18px;}
#yellow-box .ignition-off {background:transparent url(../images/ignition-off.gif) no-repeat 3px top; padding:2px 0 0 18px;}

#map-dsply { border:solid 1px #89c4fa; border-width:1px 0; margin-top:5px; }
#grid-dsply { border:solid 1px #89c4fa; border-width:1px 0; margin-top:5px; }


.form-box
{
    border: solid 1px #89c4fa;
    border-width: 1px 0;
    margin-top: 5px;
    background: #FAFAFA;
}
.form-box h1
{
    font-size: 11px;
    color: #2F5084;
    font-weight: bold;
    line-height: 26px;
    height: 26px;
    background: #FAFAFA url(../images/title-bg.jpg) repeat-x top;
}
.form-box { border:solid 1px #89c4fa; margin-top:5px;  background:#FAFAFA;}
.form-box h1 { font-size:11px; color:#2F5084; font-weight:bold; line-height:26px; height:26px; background:#FAFAFA url(../images/title-bg.jpg) repeat-x top; }
.form-box .icon {display:inline-block; float:left; padding:4px 4px 0 19px;}
.form-tbl td {color:#000;padding:0px 5px; vertical-align:middle; }
.form-tbl td.label { width:180px; }
.form-tbl td.split { width:25px; }
.form-tbl td.top { vertical-align:top; padding-top:6px; }
.form-tbl .redtxt {color:#F00;}
.form-tbl .grytxt {color:#999;}
.form-tbl select {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;color:#464646;font-size:11px;padding:2px;border:solid 1px #E5E5E5; border-top:solid 1px #ADADAD; width:150px;}
.form-tbl select.date {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;font-size:11px;width:80px;}
.form-tbl select.time {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;font-size:11px;width:40px;}
.form-tbl .nosty {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;color:#464646;font-size:11px; border:none; width:auto;}
.form-tbl a.btn{ background: transparent url(../images/btn-left.gif) no-repeat left top;display:block;float:left;color:#000;font-size:11px;line-height:15px;height:22px;padding-left:3px;text-decoration:none;margin-right:5px; }
.form-tbl a.btn span { background: transparent url(../images/btn-right.gif) no-repeat right top;display:block;float:left;padding: 2px 8px 6px 4px; cursor:pointer; }
.form-tbl a.btn span.icon { background: transparent url(../images/btn-bg.gif) repeat-x top;display:block;float:left;width:15px;height:15px;padding: 3px 0px 4px 2px; cursor:pointer; }
.form-tbl a.blu-btn{ background: transparent url(../images/blu-btn-left.gif) no-repeat left top;display:block;float:left;color:#000;font-size:11px;line-height:15px;height:22px;padding-left:3px;text-decoration:none;margin-right:5px; }
.form-tbl a.blu-btn span { background: transparent url(../images/blu-btn-right.gif) no-repeat right top;display:block;float:left;padding: 2px 8px 6px 4px; cursor:pointer; }
.form-tbl a.blu-btn span.icon { background: transparent url(../images/blu-btn-bg.gif) repeat-x top;display:block;float:left;width:15px;height:15px;padding: 3px 0px 4px 2px; cursor:pointer; }

.form-tbl input {font-family: Arial, Helvetica, sans-serif, Verdana, Arial !important;color:#464646;font-size:11px;padding:2px;border:solid 1px #E5E5E5; border-top:solid 1px #ADADAD; width:80px;}

#footer { min-width:1003px;}
* html #footer { min-width:1003px;}
#footer { height:36px;margin-top:-36px; _margin-top:-44px;background:#C7D8EE url(../images/b-bg.gif) repeat-x bottom;}
#footer-left, #footer-right { height:5px; background:#C7D8EE;}
#footer-left { float:left;width:15px;}
#footer-right { float:right;width:15px;}
#footer p { border:solid 1px #89c4fa; border-width:1px 0px; background:url(../images/footer-bg.jpg) repeat-x;height:28px;clear: both;}
#footer .left-col { font-size:10px;float:left;line-height:12px;padding:8px 0 0 10px;width:450px; }
#footer .right-col { font-size:10px;float:right;text-align:right;line-height:12px;padding:8px 10px 0 0;width:200px; }

.ControlShow
{
    display:block;
}

.ControlHide
{
    display:none;
}


#dash-right-col {width:285px;}
#dash-right-box { border:solid 1px #89c4fa; margin:5px 0 0 5px;  background:#FFF;}
#dash-right-box .heading { float:left; font-size:16px; color:#333; padding:0 10px; font-weight:bold; line-height:40px;} 
#dash-right-box ul { font-size:11px; color:#1B67B2; padding:0 10px; line-height:14px;} 
#dash-right-box li { padding-bottom:10px; list-style:disc; margin-left:20px;}
#dash-right-box li.red { padding-bottom:10px; list-style:none; margin:0; background: transparent url(../images/red-list.gif) no-repeat right top;} 
#dash-right-box li.green { padding-bottom:10px; list-style:none; margin:0; background: transparent url(../images/green-list.gif) no-repeat right top;}
#dash-right-box table {width:255px; margin:0 10px 10px 10px; }
#dash-right-box td { background: transparent url(../images/dot-list.gif) no-repeat right 5px; vertical-align:middle; padding:5px 0;} 
#dash-right-box .txt { background-color:#fff; padding-right:5px;}
#dash-right-box .tbl-txt { background-color:#FFF; color:#1B67B2; padding:0 5px;}
#dash-right-box select { float:right; font-size:10px; border:solid 1px #eee; margin:10px 10px 0 0; }
#dash-right-box .btn { text-align:right; padding-bottom:4px; margin:0 10px 7px 10px; border-bottom:solid 1px #E4E4E4; }

#dash-content-box { border:solid 1px #89c4fa; margin-top:5px; padding:10px;  background:#FFF;}
#dash-content-box table { width:100% }
#dash-content-box table td { padding:0 10px; }
#dash-content-box select { float:left; font-size:18px; /*color:#666;*/ /*width:200px; border:solid 1px #eee;}
#dash-content-box .gry-txt { float:right; text-align:right; font-size:11px; /*color:#CCC; *//*padding-top:8px;}*/
/*#dash-content-box #chart-dsply { width:100%; margin:10px 0;}
#dash-content-box #chart-dsply h1 { float:left; font-size:13px; font-weight:700; color:#006699; line-height:22px;}
#dash-content-box #chart-dsply .icon { float:right; }
#dash-content-box #chart-dsply .icon a { display:inline-block; vertical-align:middle; padding:0 4px 0 2px; border-right:solid 1px #E0E0E0; }
#dash-content-box #chart-dsply .icon a.last-icon { display:inline-block; vertical-align:middle; padding:0 4px 0 2px; border:none; }*/

