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

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

A:hover { 
    color: #FFA600;
    outline: 0;
}
A:focus.loginbtn { 
    background-color:#80CBC4;
    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: #000000;
}
.loginbtn {
  border-radius: 3px;
	-moz-border-radius: 3px 3px 3px 3px;
/*	background: url("../images/ok.png") no-repeat scroll 6px 3px #FFFFFF; */
	background-color: #303030;
	border: 1px solid #80CBC4;
	color: #ffffff;
	display: block;
/*	font-family: Arial; */
	font-size: 12pt;
	outline: 0 none;
	padding: 5px 0px 5px 0px;
	text-align: center;
	text-decoration: none;
/*	text-indent: 10px; */
	width: 80%;
}
.loginbtnOLD {
background:url(../images/key.png) no-repeat 4px 0px;
background-color:#FFFFFF;
color: #000000;
outline: 0;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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 {
background-color:#80CBC4;
color:#FFFFFF;
outline: 0;
}

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

.backbtn {
background:url(../images/1back.png) no-repeat 4px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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;
outline: 0;
}

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

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

.editbtn {
background:url(../images/change.ico) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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:65px;
outline: 0;
}

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

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

.editbtnSelectRead {
background:url(../images/change.ico) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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:75px;
outline: 0;
}

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

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

.editbtnSelectAllRead {
background:url(../images/change.ico) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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:185px;
outline: 0;
}

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

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

.editbtnLastOdometer {
background:url(../images/change.ico) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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:200px;
outline: 0;
}

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

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

.editbtnDevParameter {
background:url(../images/change.ico) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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:130px;
outline: 0;
}

.editbtn:editbtnDevParameter {
background-color:#FFB554;
color:#FFFFFF;
outline: 0;
}

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

.cancelbtn {
background:url(../images/cancel.png) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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:65px;
outline: 0;
}

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

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

.viewbtn {
background:url(../images/preview.png) no-repeat 4px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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;
outline: 0;
}

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

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

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

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

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

.deletebtn {
background:url(../images/delete.ico) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-family: Arial; 
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:60px;
outline: 0;
}

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

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

.okbtn {
background:url(../images/ok.png) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-family: Arial; 
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:60px;
outline: 0;
}

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

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

.resetbtn {
background:url(../images/world16.png) no-repeat 6px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
text-align: left;
font-family: Arial; 
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:150px;
outline: 0;
}

.resetbtn:hover {
background-color:#FFB554;
color:#FFFFFF;
outline: 0;
}
.resetbtn:active {
background-color:#E78300;
 color:#FFFFFF;
 outline: 0;
}

.printbtn {
background:url(../images/printpdf.jpg) no-repeat 4px 3px;
background-color:#FFFFFF;
color: #000000;
text-indent:20px;
text-decoration:none;
font-family: Arial; 
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:100px;
outline: 0;
}

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

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

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

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

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

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

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

H4 { 
    font-family: Arial; 
    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: #DEF0FF;
}

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;
}
#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-family: Arial; 
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-family: Arial; 
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-family: Arial; 
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;
}
#notificationImg {
	float:middle;
}
#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:#595454 !important;
}

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

.hdn 
{
	visibility: hidden;
}

.redbg {
	background-color:#FF0000;
}

.whitefg {
	color:#FFFFFF;
}

.minpadding {
	padding: 0px 0px 0px 0px;
	margin: 20px 10px 3px 3px;
}
.smallcheckbox{
	height:	16px;
	width:	20px;
}

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-family: Arial; 
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: #000000;
    outline: 0;
}

.pagingCurrent { 
    color: #000000;
	text-decoration: none;    
    outline: 0;
}

.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-family: Arial; 
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-family: Arial; 
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-family: Arial; 
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-family: Arial; 
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-family: Arial; 
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;
}