@charset "utf-8";
/* CSS Document */

body {
   background:#506d80 url(../images/back-top-grad.png) repeat-x;
   font-family:Arial, Helvetica, sans-serif;
}

.hidden {
   display:none;
}


#site-logo {
   position:absolute;
   top:12px;
   left:20px;
   z-index:1;
   width:282px;
   height:71px;
   background:transparent url(../images/sars-tracpoint-logo.png) no-repeat;
}

.x-panel-body {
   border-color:#888888;
}
.x-panel-header2 {
   border-color:#888888;
   font-size:10px;
   padding:2px 3px 2px 5px;
   color:#ffffff;
   background:transparent url(../images/header-bg.gif) repeat-x bottom;
}
.x-panel-header {
   border-color:#808080;
   font-size:10px;
   padding:2px 3px 2px 5px;
   color:#eeeeee;
   background-color:#444444;
   background-image:none;
}

.x-ie-shadow{ background:#000; }



/* ALERT BOX STYLES */

#alertsBox .controls {
   position:absolute;
   bottom:17px;
   right:15px;
}

#alertsBox .controls .previous {
   float:left;
   width:12px;
   height:13px;
   background:transparent url(../images/alert-buttons-sprite.png) top left;
}

#alertsBox .controls .next {
   float:left;
   width:12px;
   height:13px;
   background:transparent url(../images/alert-buttons-sprite.png) 24px top;
}

#alertsBox .controls .dismiss {
   float:left;
   width:14px;
   height:13px;
   background:transparent url(../images/alert-buttons-sprite.png) top right;
}

#alertsBox {
   position:absolute;
   top:-71px;
   left:8px;
   height:71px;
   width:505px;
   background:transparent url(../images/alert-background-sprite.png) top left;
   z-index:1000;
}

#alertsBox.severity1 {
   background-position:left top;
}

#alertsBox.severity2 {
   background-position:left 142px;
}

#alertsBox.severity3 {
   background-position:left 71px;
}

#alertsBox .icon {
   position:absolute;
   top:12px;
   left:20px;
}

#alertsBox .alertDetails {
   position:absolute;
   top:0px;
   left:65px;
   font-size:12px;
   color:#EEEEEE;
   font-family:Arial, Helvetica, sans-serif;
   width:410px;
   height:55px;
}
#alertsBox .alertDetails .title {
   color:#FFFFFF;
   font-size:14px;
   font-family:"Trebuchet MS","Bitstream Vera Serif",Utopia,"Times New Roman",times,serif;
}

body.severity3 {
   background-color:#B50000; background-image:none;
}

.groupIcon {
   width:30px;
   height:30px;
   background-image:url(../images/groups.png);
   background-repeat:no-repeat;
}
.groupIcon.small {
   width:26px;
   height:26px;
}

.userIcon {
   width:30px;
   height:30px;
   background-image:url(../images/user.png);
   background-repeat:no-repeat;
}
.userIcon.small {
   width:26px;
   height:26px;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 

.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;   
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
   border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.ux-form-statictextfield {
   background: transparent;
   border: none;
   padding-top: 2px !important;
   padding-bottom: 2px !important;
   color: #333;
}


.assetIcon_truck_blue .assetIcon {
   background-position:-45px -5px;
}
.assetIcon_truck_blue .assetIcon.small {
   background-position:-7px -7px;
}
.assetIcon_car_blue .assetIcon {
   background-position:-45px -45px;
}
.assetIcon_car_blue .assetIcon.small {
   background-position:-7px -47px;
}
.assetIcon_van_blue .assetIcon {
   background-position:-45px -85px;
}
.assetIcon_van_blue .assetIcon.small {
   background-position:-7px -87px;
}
.assetIcon_articulated_blue .assetIcon {
   background-position:-43px -130px;
}
.assetIcon_articulated_blue .assetIcon.small {
   background-position:-7px -124px;
}
.assetIcon_trailer_blue .assetIcon {
   background-position:-45px -165px;
}
.assetIcon_trailer_blue .assetIcon.small {
   background-position:-7px -167px;
}
.assetIcon_digger_blue .assetIcon {
   background-position:-45px -205px;
}
.assetIcon_digger_blue .assetIcon.small {
   background-position:-7px -207px;
}
.assetIcon_tanker .assetIcon {
   background-position:-45px -245px;
}
.assetIcon_tanker .assetIcon.small {
   background-position:-7px -247px;
}
.assetIcon_cruise .assetIcon {
   background-position:-45px -285px;
}
.assetIcon_cruise .assetIcon.small {
   background-position:-7px -287px;
}
.assetIcon_ferry .assetIcon {
   background-position:-45px -325px;
}
.assetIcon_ferry .assetIcon.small {
   background-position:-7px -327px;
}
.assetIcon_barge .assetIcon {
   background-position:-45px -365px;
}
.assetIcon_barge .assetIcon.small {
   background-position:-7px -367px;
}
.assetIcon_fishing .assetIcon {
   background-position:-45px -605px;
}
.assetIcon_fishing .assetIcon.small {
   background-position:-7px -607px;
}
.assetIcon_offshore .assetIcon {
   background-position:-45px -445px;
}
.assetIcon_offshore .assetIcon.small {
   background-position:-7px -447px;
}
.assetIcon_drilling .assetIcon {
   background-position:-45px -445px;
}
.assetIcon_drilling .assetIcon.small {
   background-position:-7px -447px;
}
.assetIcon_bulker .assetIcon {
   background-position:-45px -485px;
}
.assetIcon_bulker .assetIcon.small {
   background-position:-7px -487px;
}
.assetIcon_cargo .assetIcon {
   background-position:-45px -525px;
}
.assetIcon_cargo .assetIcon.small {
   background-position:-7px -527px;
}
.assetIcon_cargo .assetIcon {
   background-position:-45px -525px;
}
.assetIcon_cargo .assetIcon.small {
   background-position:-7px -527px;
}
.assetIcon_containership .assetIcon {
   background-position:-45px -525px;
}
.assetIcon_containership .assetIcon.small {
   background-position:-7px -527px;
}
.assetIcon_military .assetIcon {
   background-position:-45px -565px;
}
.assetIcon_military .assetIcon.small {
   background-position:-7px -567px;
}
.assetIcon_lng .assetIcon {
   background-position:-45px -605px;
}
.assetIcon_lng .assetIcon.small {
   background-position:-7px -607px;
}
.assetIcon_plane .assetIcon {
   background-position:-45px -725px;
}
.assetIcon_plane .assetIcon.small {
   background-position:-7px -727px;
}
.assetIcon_helicopter .assetIcon {
   background-position:-45px -769px;
}
.assetIcon_helicopter .assetIcon.small {
   background-position:-7px -771px;
}
.assetIcon_others .assetIcon {
   background-position:-45px -685px;
}
.assetIcon_others .assetIcon.small {
   background-position:-7px -687px;
}
.assetIcon_specialinterest .assetIcon {
   background-position:-45px -485px;
}
.assetIcon_specialinterest .assetIcon.small {
   background-position:-7px -487px;
}
.assetIcon_smallpassengership .assetIcon {
   background-position:-45px -645px;
}
.assetIcon_smallpassengership .assetIcon.small {
   background-position:-7px -647px;
}
.assetIcon_aismovingname .assetIcon {
   background-position:-45px -805px;
}
.assetIcon_aismovingname .assetIcon.small {
   background-position:-7px -807px;
}
.assetIcon_aismovingnoname .assetIcon {
   background-position:-45px -845px;
}
.assetIcon_aismovingnoname .assetIcon.small {
   background-position:-7px -847px;
}
.assetIcon_aisname .assetIcon {
   background-position:-45px -885px;
}
.assetIcon_aisname .assetIcon.small {
   background-position:-7px -887px;
}
.assetIcon_aisnoname .assetIcon {
   background-position:-45px -925px;
}
.assetIcon_aisnoname .assetIcon.small {
   background-position:-7px -927px;
}

.assetIcon_yacht_gray .assetIcon {
   background-position:-45px -965px;
}
.assetIcon_yacht_gray .assetIcon.small {
   background-position:-7px -967px;
}
.assetIcon_bus_yellow .assetIcon {
   background-position:-45px -1010px;
}
.assetIcon_bus_yellow .assetIcon.small {
   background-position:-7px -1012px;
}
.assetIcon_quad_blue .assetIcon {
   background-position:-45px -1050px;
}
.assetIcon_quad_blue .assetIcon.small {
   background-position:-7px -1052px;
}
.assetIcon_tractor_red .assetIcon {
   background-position:-45px -1087px;
}
.assetIcon_tractor_red .assetIcon.small {
   background-position:-7px -1089px;
}
.assetIcon_generator_blue .assetIcon {
   background-position:-45px -1122px;
}
.assetIcon_generator_blue .assetIcon.small {
   background-position:-7px -1124px;
}
.assetIcon_motorbike_yellow .assetIcon {
   background-position:-45px -1162px;
}
.assetIcon_motorbike_yellow .assetIcon.small {
   background-position:-7px -1164px;
}
.assetIcon_bicycle_red .assetIcon {
   background-position:-45px -1202px;
}
.assetIcon_bicycle_red .assetIcon.small {
   background-position:-7px -1204px;
}
.assetIcon_person_black .assetIcon {
   background-position:-45px -1242px;
}
.assetIcon_person_black .assetIcon.small {
   background-position:-7px -1244px;
}
.assetIcon_cement_yellow .assetIcon {
   background-position:-45px -1280px;
}
.assetIcon_cement_yellow .assetIcon.small {
   background-position:-7px -1282px;
}
.assetIcon_bin_yellow .assetIcon {
   background-position:-45px -1326px;
}
.assetIcon_bin_yellow .assetIcon.small {
   background-position:-7px -1328px;
}
.assetIcon_oil_blue .assetIcon {
   background-position:-45px -1363px;
}
.assetIcon_oil_blue .assetIcon.small {
   background-position:-7px -1365px;
}
.status_ignitionon {
   background-color:#99FF99;
}
.status_ignitionoff {
   background-color:#FFDD00;
}
.status_idling {
   background-color:#FF9600;
}
.status_stopped {
   background-color:#bbbbbb;
}
.status_alarm {
   background-color:#FF3333;
}
.status_moving {
   background-color:#AADDDD;
}
.status_ptoon {
   background-color:#CC99FF;
}


a.closeSVLink:link    { color:#FFF; text-decoration:none; font-weight:bold;}
a.closeSVLink:visited { color:#FFF; text-decoration:none;font-weight:bold; }
a.closeSVLink:hover   { color:#FFF; text-decoration:underline; font-weight:bold;}
a.closeSVLink:active  { color:#FFF; text-decoration:none; font-weight:bold;}



.assetStatusIcon {
   width:20px;
   height:20px;
   background-image:url(../images/status-icons-sprite.png);
   background-repeat:no-repeat;
}
.status_ignitionon .assetStatusIcon {
   background-position:-5px -5px;
}
.status_ignitionoff .assetStatusIcon {
   background-position:-35px -5px;
}
.status_ptoon .assetStatusIcon {
   background-position:-65px -5px;
}
.status_ptooff .assetStatusIcon {
   background-position:-95px -5px;
}
.status_stopped .assetStatusIcon {
   background-position:-125px -5px;
}
.status_idling .assetStatusIcon {
   background-position:-155px -5px;
}
.status_alarm .assetStatusIcon {
   background-position:-185px -5px;
}
.status_temphigh .assetStatusIcon {
   background-position:-215px -5px;
}
.status_templow .assetStatusIcon {
   background-position:-245px -5px;
}
.status_tempok .assetStatusIcon {
   background-position:-275px -5px;
}
.status_beacon .assetStatusIcon {
   background-position:-305px -5px;
}
.status_moving.heading_n .assetStatusIcon {
   background-position:-5px -35px;
}
.status_moving.heading_nne .assetStatusIcon {
   background-position:-35px -35px;
}
.status_moving.heading_ne .assetStatusIcon {
   background-position:-65px -35px;
}
.status_moving.heading_nee .assetStatusIcon {
   background-position:-95px -35px;
}
.status_moving.heading_e .assetStatusIcon {
   background-position:-125px -35px;
}
.status_moving.heading_see .assetStatusIcon {
   background-position:-155px -35px;
}
.status_moving.heading_se .assetStatusIcon {
   background-position:-185px -35px;
}
 .status_moving.heading_sse .assetStatusIcon {
   background-position:-215px -35px;
}
.status_moving.heading_s .assetStatusIcon {
   background-position:-245px -35px;
}
.status_moving.heading_ssw .assetStatusIcon {
   background-position:-275px -35px;
}
.status_moving.heading_sw .assetStatusIcon {
   background-position:-305px -35px;
}
.status_moving.heading_sww .assetStatusIcon {
   background-position:-335px -35px;
}
.status_moving.heading_w .assetStatusIcon {
   background-position:-365px -35px;
}
.status_moving.heading_nww .assetStatusIcon {
   background-position:-395px -35px;
}
.status_moving.heading_nw .assetStatusIcon {
   background-position:-425px -35px;
}
.status_moving.heading_nnw .assetStatusIcon {
   background-position:-455px -35px;
}


.status_ptoon.heading_n .assetStatusIcon {
   background-position:-5px -35px;
}
.status_ptoon.heading_nne .assetStatusIcon {
   background-position:-35px -35px;
}
.status_ptoon.heading_ne .assetStatusIcon {
   background-position:-65px -35px;
}
.status_ptoon.heading_nee .assetStatusIcon {
   background-position:-95px -35px;
}
.status_ptoon.heading_e .assetStatusIcon {
   background-position:-125px -35px;
}
.status_ptoon.heading_see .assetStatusIcon {
   background-position:-155px -35px;
}
.status_ptoon.heading_se .assetStatusIcon {
   background-position:-185px -35px;
}
 .status_ptoon.heading_sse .assetStatusIcon {
   background-position:-215px -35px;
}
.status_ptoon.heading_s .assetStatusIcon {
   background-position:-245px -35px;
}
.status_ptoon.heading_ssw .assetStatusIcon {
   background-position:-275px -35px;
}
.status_ptoon.heading_sw .assetStatusIcon {
   background-position:-305px -35px;
}
.status_ptoon.heading_sww .assetStatusIcon {
   background-position:-335px -35px;
}
.status_ptoon.heading_w .assetStatusIcon {
   background-position:-365px -35px;
}
.status_ptoon.heading_nww .assetStatusIcon {
   background-position:-395px -35px;
}
.status_ptoon.heading_nw .assetStatusIcon {
   background-position:-425px -35px;
}
.status_ptoon.heading_nnw .assetStatusIcon {
   background-position:-455px -35px;
}


.link {
   border-bottom: 1px dotted #aaaaaa;
   cursor:pointer;
}
.link:hover {
   border-bottom: 1px solid;
}

.markerLabel {
   width:84px;
   padding:1px;
   color:#000000;
   background-color:#FFFF00;/* old browsers */
   background: -moz-linear-gradient(top, #FFFF00 , #FFC000); /* firefox */
   background: -webkit-gradient(linear, left top, left bottom,from(#FFFF00), to(#FFC000)); /* webkit */
   filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr='#FFFF00', EndColorStr='#FFC000' ); /* ie */
   border:1px solid #000000;
   text-align:center;
   font-family: sans-serif;
   font-weight: bold;
   font-size: 10px;
   overflow:auto;
}
.markerselected {
   width:84px;
   padding:1px;
   color:#000000;
   background-color:#c4ff8b;/* old browsers */
   background: -moz-linear-gradient(top, #c4ff8b , #9bcd69); /* firefox */
   background: -webkit-gradient(linear, left top, left bottom,from(#c4ff8b), to(#9bcd69)); /* webkit */
   filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr='#c4ff8b', EndColorStr='#9bcd69' ); /* ie */
   border:1px solid #000000;
   text-align:center;
   font-family: sans-serif;
   font-weight: bold;
   font-size: 10px;
   overflow:auto;
}