body {position:relative; margin: 0; padding: 0px; background: #eee; text-align: center; font-family:Arial,sans-serif; font-size:12px; color: #000;}
h1 { font-size: 16px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; }


div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

a:link,a:visited {text-decoration: none; color: #555;}
a:hover,a:active {text-decoration: none; color: #009;}

a img {border: none;}
table {border: none;}


input { border: 1px solid #999; background: #fff; padding: 1px; margin: 0px; }

#loginBox {
	position: relative;
	margin: 0px auto;  /* auto causes centreing */
	width: 395px;
	padding:0px;
	top: 50px;
}

#loginBanner {
	width: 395px;
	height: 75px;
}


#loginform { width:300px; margin:auto; }
#loginform label{ display:block; height:2em; padding:10px 10px 0; }
#loginform input { margin-right:20px; border:1px solid #626262; float:right; clear:right; }
#loginform #username, #loginform #password {width: 125px;}

#loginform input:focus,#loginform input:hover { border:1px solid #000; }

#closeButton {position: absolute; top: 5px; right: 5px; cursor: pointer; }
#refreshButton {position: absolute; top: 5px; right: 25px; cursor: pointer; }
#loading { position: absolute; top:5px; right: 50px; }
#wait { position: relative; top: 100px; display: block; margin-left: auto; margin-right: auto; }
#sidepanelscroller {overflow : auto; overflow-x:hidden; z-index:80; padding: 0 8px 0 0;}
#sidepanel { border:1px solid #FFFFFF; background-color: #FFFFFF; padding: 0px; text-align:left; width: 280px;}
#leftside { border:none; background-color: #FFFFFF; padding: 0px; text-align:left;}
#mainpanel { border:none; background-color: #FFFFFF; padding: 0px;}
#logopanel { border:none; background-color: #FFFFFF; padding: 0px;}
#toolbar { border:none; background-color: #FFFFFF; padding: 3px;}
#filterpanel { border:none; background-color: #FFFFFF; padding: 3px; text-align: right; color: #666;}
#filterpanel input { border:1px solid #666; background-color: #eee; padding-left: 1px;}

.markerinfowindow { font-size:80%; padding: 2px; width:300px;height:150px;}
.markerwindowicons {border: none; padding: 2px; }


.bubble { font-size:80%; width:300px; height:200px;}
.bubble th { padding: 0px; }
.bubbleIcons {border:none; padding: 2px; }


#eadsmap { border:none; background-color: #FFFFFF; text-align:left;width:100%;}
#alerts { border:none; background-color: #FFFFFF; text-align:left;width:100%;color: #FFFFFF;z-index: 70000; max-height : 150px; overflow : auto; font-size: 80%;}

.alertrow { background: url("img/alert_bg.png") repeat; border: none; color: #FFFFFF;}
.alertackrow { background: url("img/alertack_bg.png") repeat; border:  none; color: #FFFFFF;}

.geofencerow { background: url("img/geofence_bg.png") repeat; border: none; color: #000;}
.messagerow { background: url("img/message_bg.png") repeat; border:  none; color: #000;}
.alerttable { background-color: #FFFFFF; border:  none; }

.alertrow:a { color: #FFFFFF; border:  none;}
.geofencerow:a {color: #FFFFFF; border:  none;}
.messagerow:a {color: #FFFFFF; border: none;}

.trackerrow { background-color: #CCCCFF; font-size:80%;cursor: pointer;}
.trackerListSpacer { background-color: #ffffff; height: 2px;}
.trackerrow:hover { background-color: #BBBBEE;}
.grouprow { background-color: #CCFFCC; font-size:80%; cursor: pointer;}
.grouprow:hover { background-color: #BBEEBB;}
.clientrow { background-color: #FFFFCC; font-size:80%; cursor: pointer;}
.clientrow:hover { background-color: #EEEEBB;}
.headclientrow { background-color: #FF9900;  font-size:80%; }
.formcontent { text-align:center;width:90%;overflow-x:hidden}


.menurow {background-color: #EEEEEE;cursor:pointer;}
.menurow:hover {background-color: #DDDDDD;cursor:pointer;}

#dialog { margin: 0px auto; width: 400px; background-color: #fff; border: 1px solid #999; padding:10px; text-align: center; z-index: 90000;  }
#dialogW { position: absolute; top: 0px; left:0px; width: 99%; margin: 0px; padding: 0px; };
#dialog h1 { font-size: 14px; }

#properties { background-color: #EEEEEE; border:1px solid #999999; font-size:80%; position:absolute; padding: 3px;z-index: 1000001; text-align: left; }

#overlayform { background-attachment:fixed; background: #FFF url(img/overlay_bg.png) left top; border: none; position:absolute; padding: 0px;overflow : auto; top: 0px; }
#overlayInner { padding: 0px 5px 5px 8px; }

table.padded-table td,th { padding: 4px; text-align: left; }
table.padded-table h4 { font-size:12px; font-weight: normal; padding-bottom: 0px; margin-bottom: 0px;}
table.padded-table h3 { font-size:14px; font-weight: normal;}
table.padded-table p { padding-top: 0px; margin-top: 0px; }

table.padded-list-table th { font-size: 12px;  }
table.padded-list-table td,th { padding: 4px; text-align: left;  }
table.padded-list-table td { font-size: 10px; }
table.padded-list-table tr:hover { background: url("img/trans15.png") repeat; }

.flick { background: url("img/trans5.png") repeat; }
.flack { background: url("img/trans10.png") repeat; }
.total { background: url("img/trans20.png") repeat; font-weight: bold; font-size: 14px; }

.flickmo { background: url("img/trans5.png") repeat; border-left: 8px solid #007; color: #007;}
.flackmo { background: url("img/trans10.png") repeat; border-left: 8px solid #007; color: #007;}
.flickmt { background: url("img/trans5.png") repeat; border-left: 8px solid #070; color: #070;}
.flackmt { background: url("img/trans10.png") repeat; border-left: 8px solid #070; color: #070;}


.dateInput { color: #00d;}
.imei { color: #999; font-size: 10px;}
.mini { color: #999; font-size: 10px;}
.error { color: #d00; font-size: 10px;}

.info tr,.info td { font-size: 10px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }


.shown { font-weight: bold; }
.notshown { font-weight: normal; }
.spNetOff { color: #999; }

.result-ok { color: #0d0; }
.result-failed { color: #d00; }
.result-none { color: #ccc; }

tr.expired input { border: 1px dotted #ccc; background: #eee; padding: 1px; margin: 0px; color: #999; }
tr.expired .dateInput { color: #999; } 

img {border: 0px;}

.acked { color: #090; font-size: 10px;}
.pending { color: #900; font-size: 10px;}
.minor { color: #999; font-size: 10px;}

.labelstyle {background-color:#ffffff;font-weight:bold;}

.read { font-weight: normal; }
.unread { font-weight: bold; }

#eadsmap span {
        white-space: normal;
        color: #ccc;
        font-size: 6pt;
        line-height: 6pt;
}