BODY { 
    background-color: #000; /* #9AAEC3; */ 
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    font-size: 9pt; 
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	color: #FFFFFF;
}

A { 
    color: #FFFFFF;
    outline: 0;
}

A:hover { 
    color: #FFA600;
    outline: 0;
}
A:focus.loginbtn { 
    background-color:#FFA600;
    color:#FFFFFF;
    outline: 0;
}
A:focus.backbtn { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.editbtn { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.editbtnSelectRead { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.editbtnSelectAllRead { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.editbtnLastOdometer { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.editbtnDevParameter { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.cancelbtn { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.viewbtn { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.newbtn { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.deletebtn { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.okbtn { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
A:focus.printbtn { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}
.trackMapDetailLocationControl {
  color: #FFFFFF;
}
.loginbtn {
margin-top: 10px;
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:60px;
outline: 0;
}
.loginbtnOLD {
background:url(../images/key.png) no-repeat 4px 0px;
background-color:#FFFFFF;
color: #000000;
outline: 0;
text-indent:20px;
text-decoration:none;
font-size: 10pt;
display:block;
padding:3px 3px 3px 3px;
border: solid #FFAA17 1px; 
border-radius: 5px;
-moz-border-radius: 5px; /* for firefox 3.6.x */
width:70px;

}

.loginbtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
outline: 0;
}

.loginbtn:active {
background-color:#E78300;
 color:#FFFFFF;
 outline: 0;
}

.backbtn {
margin-top: 10px;
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:70px;
outline: 0;
}

.backbtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
outline: 0;
}

.backbtn:active {
 color:#FFFFFF;
 outline: 0;
}

.editbtn {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:65px;
}

.editbtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.editbtnSelectRead {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:75px;
}

.editbtnSelectRead:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.editbtnSelectAllRead {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:185px;
}

.editbtnSelectAllRead:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.editbtnLastOdometer {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:200px;
}

.editbtnLastOdometer:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.editbtnDevParameter {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:130px;
}

.editbtnDevParameter:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.cancelbtn {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:65px;
}

.cancelbtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.viewbtn {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:70px;
}

.viewbtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.newbtn {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:50px;
}

.newbtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.deletebtn {
margin-left:5px;
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:60px;
}

.deletebtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.okbtn {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:60px;
}

.okbtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.resetbtn {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:150px;
}

.resetbtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

.printbtn {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
font-size: 10pt;
display:block;
padding:5px 5px 5px 5px;
border: solid #FFAA17 1px; 
width:100px;
}

.printbtn:hover {
border: solid #FFFFFF 1px;
color:#FFAA17;
}

TABLE.bannerTable {
  /*background-color: #FFFFFF; */
  width: 100%;
}

SPAN.spanLink {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}
SPAN.spanLink:hover { 
    color: #00CC00;
}

H1 { 
    font-size: 16pt; 
    white-space: pre;
}

H2 { 
    font-size: 14pt; 
    white-space: pre; 
}

H3 { 
    font-size: 12pt; 
    white-space: pre; 
}

H4 { 
    font-size: 10pt; 
    white-space: pre; 
}

FORM {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

HR {
    margin-top: 2px; 
    margin-bottom: 2px; 
}
HR.noMargin {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

TD { 
    font-size: 9pt; 
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; 
}

INPUT { 
    font-size: 9pt; 
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

INPUT:focus { 
    background-color: #FFFFC9; 
}

SELECT { 
    font-size: 9pt; 
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

SELECT:focus { 
    background-color: #FFFFC9; 
}

TEXTAREA { 
    font-size: 9pt; 
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

TEXTAREA:focus {
    background-color: #FFFFC9; 
}

#titletable {
	width: 1200px;
	background: rgba(0,0,0,0.8);
}
#splitterrow {
	height: 620px;
	width: 1200px;
	border: 5px solid #aaa;
    background-color: #FFFFFF; 
}
#jsmap {
	overflow: visible;
}
#splittercell2 {
	overflow: auto;
    background-color: #FFFFFF; 
}
#splittercell1 {
	width: 440px;
	overflow: auto;
    background-color: #FFFFFF; 
}
#splitterrow .splitter-bar-vertical {
	width: 6px;
	background: url(../images/vgrabber.gif);
	background-repeat: no-repeat;
	background-position: center;
    background-color: #aaa; 
}
#splitterrow .splitter-bar-vertical-docked {
	width: 10px;
	background: url(../images/vdockbar-trans.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #aaa; 
}
#splitterrow .splitter-bar.ui-state-highlight {
	opacity: 0.7;
}
#splitterrow .splitter-iframe-hide {
	visibility: hidden;
}
.dockbtn {
background:url(../images/1leftarrow.png) no-repeat 6px 3px;
background-color:#FFFFFF;
title:mapa;
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-size: 10pt;
display:block;
padding: 0px 0px 0px 0px;
width:30px;
height:23px;
outline: 0;
}

.undockbtn {
background:url(../images/1rightarrow.png) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-size: 10pt;
display:block;
padding: 0px 0px 0px 0px;
width:30px;
height:23px;
outline: 0;
}
.undockbtn:hover { 
   background-color:#FFA600;
   background:url(../images/1rightarrowh.png) no-repeat 6px 3px;
   color:#FFFFFF;
   outline: 0;
}
.dockbtn:hover { 
   background-color:#FFA600;
   background:url(../images/1leftarrowh.png) no-repeat 6px 3px;
   color:#FFFFFF;
   outline: 0;
}

.helpbtn {
background:url(../images/documentinfo.png) no-repeat 6px 3px;
background-color:#FFFFFF;
title:mapa;
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-size: 10pt;
display:block;
padding: 0px 0px 0px 0px;
width:30px;
height:23px;
outline: 0;
}
.helpbtn:hover { 
   background-color:#FFA600;
   background:url(../images/documentinfoh.png) no-repeat 6px 3px;
   color:#FFFFFF;
   outline: 0;
}
#rowdiv { width: 100%; float: left}
#leftdiv { width: 300px; float: left}
#rightdiv { width: 300px; float: right}

#notificationA {
	display: inline;
	text-decoration: none;
}
#notificationImg {
	position: absolute;
	top: 10px;
	left: 370px;
}
#notificationCounter{
	background: red;
    color: #FFFFFF;
    padding: 2px;
    position: absolute;
    top: 10px;
    left: 395px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

#flashcontent {
	width: 700px;
}

#ui-datepicker-div 
{
 z-index: 1000 !important; 
}
.ui-datepicker 
{
 z-index: 1000 !important; 
}
.ui-datepicker-header 
{
 z-index: 1000 !important; 
}
.ui-datepicker-calendar 
{
 z-index: 1000 !important;
 color: red;
}
.ui-datepicker-calendar a  
{
	color:#FFF !important;
}

.ui-datepicker-calendar span  
{
	color:#FFF !important;
}

.hdn 
{
	visibility: hidden;
}

.redbg {
	background-color:#FF0000;
}

.whitefg {
	color:#FFFFFF;
}

.minpadding {
	padding: 0px 0px 0px 0px;
}
.smallcheckbox{
	height: 12px;
}

A:focus.destbtn { 
   background-color:#FFA600;
   color:#FFFFFF;
   outline: 0;
}

.destbtn {
background:url(../images/dest.png) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-size: 10pt;
display:block;
padding:3px 3px 3px 6px;
border: solid #FFAA17 1px; 
border-radius: 5px;
-moz-border-radius: 5px; /* for firefox 3.6.x */
width:120px;
outline: 0;
}

.destbtn:hover {
background-color:#FFB554;
color:#FFFFFF;
outline: 0;
}

.destbtn:active {
background-color:#E78300;
 color:#FFFFFF;
 outline: 0;
}

.paging { 
    color: #FFF!important;
    outline: 0;
}
.paging:hover {
	color:#FFA600!important;
}

.pagingCurrent { 
    color: #FFF!important;
	text-decoration: none;    
    outline: 0;
}
.pagingCurrent:hover{
	color: #FFA600!important;
}

.firstbtn {
background:url(../images/old_first.png) no-repeat 1px 3px;
/*background-color:#FFF5DC;*/
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-size: 10pt;
display:block;
padding: 0px 0px 0px 0px;
width:25px;
height:25px;
outline: 0;
}
.firstbtn:hover { 
/*   background-color:#FFF5DC; */
   background:url(../images/old_first.png) no-repeat 2px 4px;
   color:#FFFFFF;
   outline: 0;
}
.lastbtn {
background:url(../images/old_last.png) no-repeat 1px 3px;
/*background-color:#FFF5DC;*/
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-size: 10pt;
display:block;
padding: 0px 0px 0px 0px;
width:25px;
height:25px;
outline: 0;
}
.lastbtn:hover { 
 /*  background-color:#FFF5DC;*/
   background:url(../images/old_last.png) no-repeat 2px 4px;
   color:#FFFFFF;
   outline: 0;
}

.prevbtn {
background:url(../images/old_previous.png) no-repeat 1px 3px;
/*background-color:#FFF5DC;*/
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-size: 10pt;
display:block;
padding: 0px 0px 0px 0px;
width:25px;
height:25px;
outline: 0;
}
.prevbtn:hover { 
/*   background-color:#FFF5DC;*/
   background:url(../images/old_previous.png) no-repeat 2px 4px;
   color:#FFFFFF;
   outline: 0;
}
.nextbtn {
background:url(../images/old_next.png) no-repeat 1px 3px;
/*background-color:#FFF5DC;*/
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left; 
font-size: 10pt;
display:block;
padding: 0px 0px 0px 0px;
width:25px;
height:25px;
outline: 0;
}
.nextbtn:hover { 
/*   background-color:#FFF5DC;*/
   background:url(../images/old_next.png) no-repeat 2px 4px;
   color:#FFFFFF;
   outline: 0;
}

.searchbtn {
background:url(../images/search.png) no-repeat 1px 3px;
/*background-color:#FFF5DC;*/
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-size: 10pt;
display:block;
padding: 0px 0px 0px 0px;
width:36px;
height:36px;
outline: 0;
}
.searchbtn:hover { 
/*   background-color:#000000;*/
   background:url(../images/search.png) no-repeat 2px 4px;
   color:#FFFFFF;
   outline: 0;
}

form#SelectReport{
	font-size: 10pt;
	line-height: 200%;
/*	color: #FFF; */
}

form#SelectReport::first-line {
    font-size: 12pt;
/*	color: #FFF; */
}

form#DeviceGroup{
	margin-top:10px;
	margin-bottom:15px;
/*	color:#FFF; */
}

#calsDiv{
/*	color:#FFF; */
}

.trNotif {
	color: #FFF;
	border-bottom: 1px solid white;
	cursor:pointer;
}

.trNotif:hover{
	color: #FAA600;
	border-color: #FAA600;
	transition:0.3s;
}

#notifDetailsRow td{
	font-size:9pt; 
	border: 1px dotted #FAA600; 
	border-top:0; 
	padding:5px 5px 5px 5px;
}

#GetReport{
	margin-top: 10px;
}

td.openHoursWeek{
	width:100px; 
	border:1px solid #fff;
	padding:2px 2px 2px 2px;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
}
td.openHoursWeekBtn{
	width:100px; 
	border:1px solid #fff;
}

.primenibtn {
background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#48494b, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#48494b, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#48494b, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#48494b, #000); /* Standard syntax (must be last) */
color: #FFFFFF;
text-align:center;
text-decoration:none;
display:block;
padding:2px 2px 2px 2px;
}

div.gmnoprint{ 
	padding-top: 12px!important;
}
div.gm-style .gmnoprint .gm-style-mtc div div{
	padding-top: 12px!important;
}