html{
font-size:medium;
}
body{
font-size:62.5%;
margin:0;
padding:0;
background:#333;
font-family:"trebuchet ms",trebuchet,helvetica,arial,verdana,sans-serif;
}
body#app{
background:#fff;
}
h1,h2,h3,h4,h5,h6,ul,li,p,dl,dt,dd{
margin:0;
padding:0;
font-weight:normal;
}
h1,h2,h3,h4,h5,h6{
text-transform:uppercase;
}
ul{
list-style:none;
}
/images, a /images {
border:none;
margin:0;
padding:0;
}

#nav{
height:80px;
line-height:80px;
background:#263F06 url(/images/nav-bar-bg.gif) 0 0 repeat-x;
overflow:hidden;
}

#nav div.contain {
width:950px;
margin:0 auto;
}

#nav a.logo {
background:transparent url(/images/fleeteyes-logo-lg.gif) 0 22px no-repeat;
float:left;
width:163px;
text-decoration:none;
}
#nav h1 a span{
display:none;
}

#nav ul{
float:right;
display:inline;
font-size:110%;
text-transform:uppercase;
letter-spacing:2px;
height:80px;
line-height:86px;
}
#nav ul li{
float:left;
display:inline;
}
#nav ul li a{
padding:0 20px 0 20px;
color:#fff;
text-decoration:none;
display:block;
}
#nav ul li a:hover{
text-decoration:underline;
color:#9c3;
}
#nav ul li.line{
background:transparent url(/images/nav-bar-divider.gif) 0 50% no-repeat;
}
#nav ul li.solutions a{

}

#nav ul li.about a{

}
#nav ul li.video-tour a{

}
#nav ul li.contact a{

}
#nav ul li.register a{

padding-right:80px;
}
#nav ul li.login{
background:transparent url(/images/login-main.gif) 0 0 no-repeat;
width:114px;
}
#nav ul li.login a{
padding:0;
text-decoration:none;
}
#nav ul li.login a:hover{
background:transparent url(/images/login-main-roll.gif) 0 0 no-repeat;
padding:0;
text-decoration:none;
}
#nav ul li.login a span{
display:none;
}
#nav ul li.logout{
}

#content{
background:#000 url(/images/content-bg.gif) 0 0 repeat-x;
text-align:center;
padding:15px 0 50px;
width:100%;
float:left;
}
#content h1{
color:#fff;
font-size:300%;
letter-spacing:1px;
text-transform:none;
}
#content h1 em{
color:#c00;
font-style:normal;
}
#content strong.subtitle{
display:block;
color:#9c3;
text-transform:uppercase;
font-weight:normal;
font-size:110%;
letter-spacing:1px;
padding:8px 0 16px;
}
#content a{
color:#9c3;
text-decoration:none;
}
#content a:hover{
text-decoration:underline;
}
#content-contain{
color:#fff;
width:800px;
margin:0 auto;
text-align:left;
}

#content-contain p {
font-size:120%;
line-height:1.6em;
margin-bottom:20px;
}

#content-contain2 p {
font-size:120%;
line-height:1.6em;
margin-bottom:20px;
}

#content-contain2{
color:#fff;
font-size:120%;
width:800px;
margin:0 auto;
text-align:left;
}
#content-main{
color:#fff;
float:left;
width:610px;
}

#content-main h1{
color:#9c3;
font-size:150%;
text-transform:none;
}
#content-main2{
color:#fff;
float:left;
width:800px;
}
#content-main h2{
color:#9c3;
font-size:120%;
text-transform:none;
}

#content-main2 h2{
color:#9c3;
font-size:120%;
text-transform:uppercase;
}


#content-main p{
font-size:120%;
line-height:1.6em;
margin-bottom:20px;
}
#content-main2 p{
font-size:120%;
line-height:1.6em;
margin-bottom:20px;
}

#content-main p.overview{
padding-bottom:20px;
border-bottom:dotted #fff 1px;
}

#content-main p.overview2{
	font-size:120%;
padding-bottom:30px;
border-bottom:dotted #fff 1px;
}

#content-main table.contact {
	font-size:120%;
	line-height:1.6em;
}

#content-main2 div.mobilebanner{
font-size:120%;
padding-left:1.5em;
padding-top:90px;
margin-top:10px;
background: transparent url(/images/mobilebanner.png) 0 0 no-repeat;
}

#content-main2 div.mobilebanner.ul{
list-style:disc;
font-size:120%;
padding-left:1.5em;
}

#content-main2 div.webbanner{
font-size:120%;
padding-left:1.5em;
padding-top:90px;
margin-top:10px;
background: transparent url(/images/webbanner.png) 0 0 no-repeat;
}

#content-main2 div.webbanner.ul{
list-style:disc;
font-size:120%;
padding-left:1.5em;
}

#content-main2 div.tomtombanner{
font-size:120%;
padding-left:1.5em;
padding-top:90px;
margin-top:10px;
background: transparent url(/images/tomtombanner.png) 0 0 no-repeat;
}

#content-main2 div.tomtombanner.ul{
list-style:disc;
font-size:120%;
padding-left:1.5em;
}


#content-main ul{
font-size:120%;
padding-left:1.5em;color:#ccc;

}

ul#productdetails{
list-style:disc;
font-size:150%;
margin-left: 20px; padding-left: 0;
}

p#productdetails {
 font-size:150%;
}



#content-sidebar{
color:#ccc;
float:right;
width:180px;
line-height:1.6em;
}
#content-sidebar h2{
color:#9c3;
font-size:110%;
}
#content-sidebar p{
margin:0 0 1em;
}

#content-sidebar2{
color:#ccc;
float:right;
width:180px;
line-height:1.6em;
padding-top:10px;
margin-top:10px;
background: transparent url(/images/blackroundedbox.png) 0 0 no-repeat;
}
#content-sidebar2 h2{
padding-left: 35px;
color:#9c3;
font-size:110%;
}
#content-sidebar2 ul{
padding-left: 30px;
font-size:110%;
}
#content-sidebar2 p{
margin:0 0 1em;
}

#content-sidebar2 hr{
width: 150px;
color:#312e2e;background-color:#312e2e;
height:1px;border:none;
}


#banner{
padding:30px 0 10px 0;
text-align:center;
}
#banner strong{
padding:0px 0 10px 0;
display:block;
color:#fff;
font-size:250%;
font-weight:normal;
letter-spacing:1px;
}
#banner h2{
padding:0 0 18px;
color:#9c3;
text-transform:uppercase;
font-size:110%;
letter-spacing:1px;
}
#banner /images{
display:block;
margin:0 auto; 
}

#stripe{
background:#333 url(/images/screenshot-app-reflect.jpg) 50% 0 no-repeat;
/*background:#333;*/
border:solid #999 1px;
border-width:1px 0;
height:45px;
line-height:45px;
}

#stripe ul{
width:826px;
margin:0 auto;
text-transform:uppercase;
font-size:180%;
color:#fff;
letter-spacing:2px;
}
#stripe ul li{
width:413px;
display:inline;
float:left;
display:block;
}
#stripe ul li a{
color:#fff;
text-decoration:none;
}
#stripe ul li a:hover{
color:#9c3;
text-decoration:underline;
}
#stripe ul li.tour a{
background:transparent url(/images/icons/flash.gif) left 50% no-repeat;
padding-left:32px;
}
#stripe ul li.start {
text-align:right;
}
#stripe ul li.start a{
background:transparent url(/images/icons/key_shadow.gif) right 50% no-repeat;
padding-right:28px;
text-align:right;
}
#detail{
background:#000;
padding:30px 0 50px 0;
width:100%;
float:left;
}

ul#intro{
width:800px;
margin:0 auto;
color:#fff;
clear:both;
}
ul#intro li{
width:400px;
float:left;
display:inline;
}
ul#intro li h3{
color:#9c3;
text-transform:uppercase;
font-size:110%;
letter-spacing:0.5px;
}
ul#intro li p{
font-size:120%;
line-height:1.2em;
}

ul#intro li.situational-awareness {
 width: 400px;
 height: 200px;
 background:transparent url(/images/blackroundedbox2.png) 0 0 no-repeat;
}

#detail li.situational-awareness p{
padding-right:10px;
}
ul#intro li.benefits{
 width: 400px;
 height: 250px;
 background:transparent url(/images/blackroundedbox3.png) 0 0 no-repeat;
}
ul#intro li.benefits h3{
padding-left:10px;
}
ul#intro li.benefits p{
padding-left:10px;
}

ul#screenshots{
clear:both;
width:800px;
margin:0 auto;
color:#fff;
padding-top:25px;
font-size:90%;
}
ul#screenshots li{
width:181px;
float:left;
display:inline;
text-transform:uppercase;
margin-left:25px;
}
ul#screenshots li.controls{
margin:0;
}
ul#screenshots li /images{
clear:both;
display:block;
}
ul#screenshots li strong{
clear:both;
display:block;
color:#9c3;
padding:2px 0;
}
ul#screenshots li:hover strong{
color:#000;
background:#9c3;
}
#footer{
clear:both;
text-align:center;
padding:0 0 20px 0;
}
#footer ul{
width:700px;
text-align:center;
margin:0 auto;

font-size:110%;
text-transform:uppercase;
letter-spacing:2px;
height:50px;
line-height:50px;
}
#footer ul li{
float:left;
display:inline;
}
#footer ul li a{
padding:0 20px 0 20px;
color:#fff;
text-decoration:none;
display:block;
}
#footer ul li a:hover{
text-decoration:underline;
color:#9c3;
}
#footer ul li.line{
background:transparent url(/images/nav-bar-divider2.gif) 0 50% no-repeat;
}
#footer ul li.about a{

}
#footer ul li.solutions a{

}
#footer ul li.video-tour a{

}
#footer ul li.contact a{

}
#footer ul li.register a{

}
#footer ul li.hipaa a{
}			
#footer small{
font-size:80%;
color:#666;
text-transform:uppercase;
letter-spacing:0.2em;
}


/* APPLICATION STYLES --------------------- */

#branding-bar{
height:51px;
line-height:51px;
background:transparent url(/images/branding-bar-bg-2.gif) 0 0 repeat-x;
overflow:hidden;
}
#branding-bar-logout{
height:51px;
line-height:51px;
background:transparent url(/images/branding-bar-bg-2.gif) 0 0 repeat-x;
}
#branding-bar a.logo img{
border:none;
padding:7px 0 0 20px;
margin:0;
float:left;
vertical-align: middle;
}
#branding-bar ul{
display:inline;
float:right;
text-transform:uppercase;
font-size:80%;
letter-spacing:2px;
margin-right:4px;
float:right;
}
#branding-bar ul li{
display:inline;
float:left;
color:#9c3;
height:51px;
}
#branding-bar ul li.user{
}
#branding-bar ul li.user span{
background:transparent url(/images/icons/user.gif) 0 50% no-repeat;
color:#fff;
padding-left:21px;
line-height:55px;
}
#branding-bar ul li.logout{
background:transparent url(/images/logout-2.gif) 0 -51px no-repeat;/* fix for Opera */
}
#branding-bar ul li.logout a {
background:transparent url(/images/logout-2.gif) 0 -51px no-repeat;
color:#fff;
height:51px;
width:125px;
display:block;
line-height:51px;
cursor:pointer;
}

#branding-bar-logout a.admin {
background:transparent url(/images/administration.gif) 0 0 no-repeat;
color:#fff;
height:51px;
width:125px;
display:inline;
line-height:51px;
cursor:pointer;
float:left;
}

#branding-bar-logout a.console {
background:transparent url(/images/console.gif) 0 0 no-repeat;
color:#fff;
height:51px;
width:125px;
display:inline;
line-height:51px;
cursor:pointer;
float:left;
}

#branding-bar-logout a.logout {
background:transparent url(/images/logout-2.gif) 0 0 no-repeat;
display:inline;
color:#fff;
height:51px;
width:125px;
line-height:51px;
cursor:pointer;
float:right;
}

#branding-bar-logout a.login {
background:transparent url(/images/login.gif) 0 0 no-repeat;
display:inline;
color:#fff;
height:51px;
width:125px;
line-height:51px;
cursor:pointer;
float:right;
}

#branding-bar-logout a.home {
background:transparent url(/images/home.gif) 0 0 no-repeat;
display:inline;
color:#fff;
height:51px;
width:125px;
line-height:51px;
cursor:pointer;
float:right;
}

#branding-bar-logout a.logout span {
 display:none;
}

#branding-bar-logout a.login span {
 display:none;
}
#branding-bar-logout a.home span {
 display:none;
}

#branding-bar ul li.logout a span{
display:none;
}
#branding-bar ul li.login a span{
display:none;
}
#branding-bar ul li.home a span{
display:none;
}
#branding-bar-logout a.admin span{
display:none;
}
#branding-bar-logout a.console span{
display:none;
}
#nav-app{
background:transparent url(/images/nav-app-bg.gif) 0 0 repeat-x;
height:36px;
line-height:36px;
overflow:hidden;
width:100%;
float:left;
}
#nav-app ul{
display:inline;
float:left;
font-size:120%;
margin-left:25px;
height:36px;
height:100%;
line-height:40px;
}
#nav-app ul li{
float:left;
height:100%;
display:inline;
}
#nav-app ul li.throbber{
width:38px;
}
#nav-app ul li.throbber.on{
background:transparent url(/images/icons/refresh_icon-anim.gif) 50% 50% no-repeat;
}
#nav-app ul li a{
display:block;
padding:0 11px;
text-transform:uppercase;
color:#fff;
text-decoration:none;
}
#nav-app ul li.current a, #nav-app ul li a:hover{
background:#fff url(/images/nav-app-tab-bg.gif) 0 0 repeat-x;
color:#333;
}

#nav-app a.help{
float:right;
padding:0 25px 0 5px;
color:#fff;
background:transparent url(/images/icons/information_shadow.gif) right 50% no-repeat;
margin-right:18px;
text-transform:uppercase;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}
#nav-app a.help:hover{
text-decoration:underline;
color:#9c3;
}

#nav-app a.history{
float:right;
padding:0 25px 0 5px;
color:#fff;
background:transparent url(/images/icons/film.gif) right 50% no-repeat;
margin-right:18px;
text-transform:uppercase;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}
#nav-app a.history:hover{
text-decoration:underline;
color:#9c3;
}


#content-app{
background:#fff;
width:100%;
float:left;
}


/* APPLICATION FIXED/FLUID COLUMNS ------------- */

#content-wrap{
float:left;
width:100%;
}

#content-column{
margin-left:228px;
background:#fff url(/images/map-bg.gif) 0 0 repeat-y;
}
#content-column form{
margin:0;
padding:0;
}
#content-column form label{
color:#666;
text-transform:uppercase;
font-size:80%;
letter-spacing:1px;
line-height:25px;
}
#content-column #fleet-map{
width:100%;
height:650px;
clear:both;
margin:0 0 3px 0;
}

#nav-column{
float:left;
width:228px;
margin-left: -100%;
background:#fff;
}
#nav-fleet{
background:#eaeaea;
width:198px;
}
ul#fleet-tabs{
background:#fff;
height:16px;
line-height:16px;
font-size:80%;
letter-spacing:1px;
display:inline;
}
ul#fleet-tabs li{
display:inline;
float:left;
margin-right:2px;
text-transform:uppercase;
list-style: none;
}
ul#fleet-tabs li a{
display:block;
width:57px;
text-align:center;
text-decoration:none;
color:#06c;
border:solid #ccc 1px;
border-width:1px 1px 0;
background:#fff url(/images/fleet-tabs-bg.gif) 0 bottom repeat-x;
}
ul#fleet-tabs li a:hover, ul#fleet-tabs li a.current{
/*background:#eaeaea;*/
background:#FFF;
color:#000;
border:solid #000 1px;
border-width:1px 1px 0;
}
#fleet-info{
clear:both;
padding:6px 0 0;
height: 500px;
overflow:auto;
}
#fleet-info dl{
background:transparent url(/images/fleet-info-divider.gif) 0 0 repeat-x;
}
#fleet-info dl.opened dt{
background:transparent url(/images/icons/fleet-group-minus.gif) 8px 50% no-repeat;
}
#fleet-info dl.closed dt{
background:transparent url(/images/icons/fleet-group-plus.gif) 8px 50% no-repeat;
}
#fleet-info dl.closed dd{
display:none;
}
#fleet-info dl dt{
text-transform:uppercase;
font-size:80%;
padding:10px 0 10px 22px;
color:#390;
font-weight:bold;
letter-spacing:1px;
}
#fleet-info dl dt.stop{
color:#c00;
}

#fleet-info dl dd{
}
#fleet-info dl dd div.unit{
clear:both;
border-top:dotted #999 1px;
padding:0 0 3px;
}
#fleet-info dl dd div.unit b{
clear:both:
font-weight:normal;
font-size:80%;
padding:0 0 0 8px;
text-transform:uppercase;
}
#fleet-info dl dd div.unit ul{
clear:both;
}
#fleet-info dl dd div.unit ul li{
display:inline;
height:23px;
line-height:23px;
padding:0 5px 0 0;
}
#fleet-info dl dd div.unit ul li.unit{
padding:0 40px 0 10px;
}
#fleet-info dl dd div.unit ul li.world /images{
background:transparent url(/images/icons/world.png) 0 2px no-repeat;
}
#fleet-info dl dd div.unit ul li.info /images{
background:transparent url(/images/icons/information.png) 0 2px no-repeat;
}
#fleet-info dl dd div.unit ul li.zoom /images{
background:transparent url(/images/icons/magnifier_zoom_in.png) 0 2px no-repeat;
}
#fleet-info dl dd div.unit ul li.track /images{
background:transparent url(/images/icons/track.png) 0 2px no-repeat;
}

.innertube{
margin: 15px;
margin-top: 0;
}

.innertube-left{
margin: 0 0 0 25px;
margin-top: 0;
padding-top:9px;
}

#form-bar{
width:100%;
padding:6px 0 0 0;
margin-bottom:7px;
}
#form-bar #form-map-view{
float:left;
}
#form-bar #form-save-view{
float:right;
}
#form-bar #form-map-view button,
#form-bar #form-save-view button{
background:transparent;
border:none;
cursor:pointer;
padding:0 3px;
}

.tip {
	font-size:100%;border:dotted 1px #263F06; 
	width:270px; padding:1px;
	position:absolute; z-index:100;
	display:none; color:#263F06; top:20px;
	left:90px; background-color:#ffffff;
	layer-background-color:#ffffff;
	overflow:auto;
}

.login-pad {
}
.login-pad table {
}

.login-pad td {
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  font-size: 120%;
  background-color:#bed3df;
}

.contextmenu_item a {
	padding: 2px; 
	font-size:120%;
	width:60px;
	font-weight:bold;
	text-decoration: none;
}
.contextmenu_item a:hover {
	text-decoration: none;
	background-color:#bed3df;
	width:60px;
}

#avlsolutionimage {
	height: 200px;
	padding: 45px 0px 5px 19px;

	background:transparent url(/images/blackroundedboxlongavl.png) 0 0px no-repeat;
}

.solutionimagetext {
	width: 275px;
	padding: 2px 0 2px 0;
	background-color:#474141;
}

.greenbanner {
	color: #000;
	background-color: #9c3;
	width: 500px;
}