/* general styles */

body 
{
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.8em;
text-align: center;
background: #E6E6E6;
}

form 
{
	padding:0; margin:0;
}

#outer table
{
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align: center;
vertical-align:top;
}

#outer table td {line-height: 1.8em;}

table .list {border-top:solid 1px #ccc; border-right:solid 1px #ccc;}
table .list th {border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;}
table .list td {border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;}

a {
color: #005880;
}

a:hover {
color: #006B95;
}

a:visited {
color: #006B95;
}

a:visited:hover {
color: #2C91B2;
}


#floatinglogo {position:absolute; left:100px; top:16px; z-index:10;}

h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #006B95;
margin: 15px 0 15px 0;
padding-left: 15px; 
text-align:left;
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #007AAC;
margin: 15px;
text-align:left;
}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #56A7C1;
margin:0 0 10px 15px;
text-align:left;
clear:both;
}

* html h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #56A7C1;
margin: 0 0 10px 5px;
text-align:left;
clear:both;
}

* html #sidebar h3 {padding-left:10px; font-size:1.0em;}

h4 
{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.0em;
margin: 0 0 10px 10px;
text-align:left;
text-decoration:none;
background-color:#ccc;
}

h4 a {text-decoration:none;}

h5 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #56A7C1;
margin:0 0 10px 0;
text-align:left;
border:solid 0px black;
clear:both;
width:100%;
}

p {
margin:0 10px 10px 15px;
}

input 
{
	width:auto;
	margin:0 0 5px 0;
}

input.link 
{
	background-color:#ffffff;
	color: #007AAC;
	border:none;
	background: url(/i/bullet_link.gif) no-repeat center left;
	cursor:hand;
}

span.check {text-align:center; vertical-align:top;}
span.check input {vertical-align:top;}

select.narrow {width:185px;}

/* layout styles */

#container 
{
border-top:solid 1px #cccccc;
width: 766px;
text-align: left;
margin:0;
background: url(/i/back_container.gif) #FFFFFF repeat-y;
padding: 0 !important;
line-height: 1.8em;
}

#container2
{
border-top:solid 1px #cccccc;
width: 100%;
text-align: left;
margin:0;
background: #FFFFFF;
padding: 0 !important;
line-height: 1.8em;
}

#banner 
{
margin:5px 0 0 15px;
height: 74px;
background: url(/i/3dtracking-logo-no-slogan.gif) no-repeat;
border:solid 0px black;
}

#banner h1 {
float: left;
color: #FFFFFF;
margin: 40px 0 0 20px;
background: none;
}

#content 
{
border:solid 0px black;
float: left;
width: auto; 
margin: 0 0 0 15px;
background-repeat: no-repeat;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

#container2 #content
{
	width:auto;
}


* html #content {
margin-left: 5px;
}

#sidebar {
float: left;
width: 230px;
margin:0px 0 0 0;
padding: 0;
background-repeat: no-repeat;
color: #787878;
vertical-align:top;
border:solid 0px black;
line-height:1.7em;
font-size:small;
}

* html #sidebar {font-size:smaller;}

#sidebar2 
{
border:solid 0px black;
float: left;
width: 200px;
margin: 0;
padding: 0;
background-repeat: no-repeat;
color: #787878;
vertical-align:top;
font-size:small;
border:solid 0px black;
}

#sidebar3 
{
	overflow-y:auto;	
	border:solid 0px black;
	width:218px;
}

* html #sidebar3 {width:auto;}

h5 {padding:0 0 0 12px; margin:0 0 10px 0; border:solid 0px black; width:90%; vertical-align:top; line-height:0.9em;}
* html h5 {border:solid 0px black; padding:0 0 0 2px; margin:0 0 10px 0; font-size:smaller; line-height:1.1em; vertical-align:top; }
* html h5 {border:solid 0px black; padding:0 0 0 2px; margin:0 0 10px 0; font-size:smaller; line-height:1.1em; vertical-align:top; }
#content h5 {border:solid 0px black; padding-left:0; margin-left:0;}
* html #content h5 {float:left; font-size:1.0em;}

/* meta nav */

#nav-meta {
float: right;
margin: 11px 25px 0 0;
background: none;
}

#nav-meta ul {
margin: 0;
padding: 2px;
background: url(/i/back_navmeta1.gif) no-repeat bottom left;
}

#nav-meta li {
display: inline;
padding: 4px;
}

#nav-meta a, #nav-meta a:visited {
color: #FFFFFF;
text-decoration: none;
margin: 4px;
}

#nav-meta a:hover, #nav-meta a:visited:hover {
color: #D1EBF4;
}

.skip {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skip:active, .skip:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background: #2C91B2;
}

/* main nav */

#nav-main {
margin: 10px 16px 10px 11px;
min-height: 30px;
background: url(/i/back_navmain.gif) #ffffff no-repeat;
border:solid 0px black;
}

#nav-main ul {
height: 100%;
margin: 0 0 0 0;
padding:0 0 0 10px;
}

#nav-main li {
list-style-type: none;
float: left;
width: auto;
margin: 7px 15px 0 5px;
background: url(/i/back_navmainitems2.gif) no-repeat top right;
border:solid 0px black;
}

* html #nav-main li {
font-size: 0.8em;
line-height: 1.7em;
}

#nav-main a:link, #nav-main a:visited {
display: block;
color: #D1EBF4;
font-weight: bold;
text-decoration: none;
padding: 1px 10px 2px 12px;
background: url(/i/back_navmainitems.gif) no-repeat top left;
}

#nav-main a:hover, #nav-main a:visited:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 2px 10px 1px 12px;
}

.current {
margin-top: 4px;
background-image: url(/i/back_current2.gif)!important;
}

.current a:link, .current a:visited {
color: #006B95 !important;
background-image: url(/i/back_current1.gif) !important;
}

.current a:hover, .current a:visited:hover {
color: #2C91B2 !important;
}

/* sub nav */

#nav-section {
clear: both;
}

#nav-section ul {
margin: 0;
padding: 0 10px 0 10px;
}

#nav-section li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url(/i/bullet_off.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
}

#nav-section a:link, #nav-section a:visited {
text-decoration: none;
}

.youarehere a:link, .youarehere a:visited {
font-weight: bold;
}

.youarehere{
background-image: url(/i/bullet_on.gif)!important;
}

/*supplemental nav */

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp {
margin: 15px;
}

#nav-supp li {
background-image: url(/i/bullet_link.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 0 15px;
margin: 2px 0 2px 10px;
}

/* footer */
#info-site {
clear: both;
text-align: center;
background-image: url(/i/back_infosite3.jpg);
background-repeat: no-repeat;
background-position: center bottom;
margin: 0;
padding:0;
height:5px;
border:solid 0px black;
}

	
#info-company {
padding: 5px;
background: url(/i/back_navmain.gif) #007AAC no-repeat;
margin: 10px 16px 10px 10px!important;
color: #FFFFFF;
}

#info-company a,#info-company a:visited {
color: #D1EBF4;
}

#info-company a:hover,#info-company a:visited:hover {
color: #FFFFFF;
}

#info-standards{
font-size: 10px;
padding: 0;
margin: 5px !important;
}

.error {color:Red; margin-bottom:5px;}

#mainbody {float:left; width:99%; padding:0; margin:0;}
#mainbody #tablecontent {border:solid 0px black;}

#map {border:solid 1px black; width:520px; height:100%; padding:0; margin:0;}

#unitlistitems {width:190px; border:solid 0px black; margin:0 10px 0 0;}

#UnitListLive {padding:0 5px 0 10px;}
#UnitListLive table {border:solid 1px #ccc; width:190px; font-size:smaller;}
#UnitListLive table .left {text-align:left;}
#UnitListLive table .right {text-align:right;}

#UnitListLive table td {padding:0 2px 0 2px; margin:0;}
#UnitListLive table td {font-size:small;}
* html #UnitListLive table td {font-size:0.9em;}
#UnitListLive .unit {margin:0 0 5px 0;}

#UnitListLive .selected {background-color:#ccc; border:solid 1px black; width:190px}

.inputcontainer {border:solid 0px black; float:left; margin:0px; padding:0; /*did this so things align*/ text-align:left; }
.inputcontainer.desc {float:left; width:40px; padding:0; margin:0; text-align:left; position:relative; border:solid 0px black;}
.inputcontainer.inpt {float:left; border:solid 0px black; padding:0; margin:0; height:10px;}
.inputcontainer input {}
.inputcontainer input.readonly {background: #EEEEEE;}
.inputcontainer.inpt.time {border:solid 0px black;}
.inputcontainer.inpt.time input {float:left; position:relative;} 
.inputcontainer.inpt input.check {border:solid 0px black; float:left;}

.datepicker {padding:0px; margin:0px; border:solid 0px black;}
.datepicker table {}
.datepicker .date {margin:0 0 3px 0; border:solid 0px black;}
.datepicker .time {clear:both; border:solid 0px black; text-align:left; width:150px; float:left;}
.datepicker img {border:solid 0px black; vertical-align:top; margin:5px 0 0 0;}
.datepicker table td {line-height:50px;}

#dlcalendar_container td {padding:0; margin:0; border:solid 0px black; line-height:1.1em;}
#dlcalendar_container td {font-size:small;}

.actioncontainer {float:left; padding:5px 0 0 0px; border:solid 0px black; text-align:left; width:100%;}
#sidebar3 .actioncontainer {padding:0 0 0 15px; width:90%;}


#HistoryUnitLatestTrips {float:left; border:solid 0px black; padding:0 0 0 10px; margin:0; }
* html #HistoryUnitLatestTrips {font-size:smaller;}
#HistoryUnitLatestTrips #trips {border:solid 0px black; padding:0; margin:0;}
#HistoryUnitLatestTrips #trips h2 {border:solid 0px black; padding:0; margin:0; font-size:small;}
#HistoryUnitLatestTrips #trips .thetrip {border:solid 0px black; border-bottom:solid 1px #4D4D4D; padding:0; margin:0 0 10px 0; width:100%;}
#HistoryUnitLatestTrips #trips .thetrip .tripselected {border-top:solid 1px #4D4D4D; background-color:#ccc; }
#historyinput {float:left; border:solid 0px black; padding:0 0 0 10px; width:175px}
* html #historyinput {font-size:smaller;}
#historyinput .inputcontainer {float:left; border:solid 0px black; width:175px; text-align:left;}
#historyinput .inputcontainer table td {text-align:left; padding:0 0 5px 0; margin:0;}
#historyinput input {}
#historyinput #UnitId {width:130px;}
#historyinput h3 {border:solid 0px black; margin:0 0 10px 0; padding:0;}
* html #historyinput h3 {font-size:1.0em; line-height:1.8em;}

#leftmenu {text-align:left; border:solid 0px black; padding:0 0 0 15px; margin:0; font-weight:normal;}
* html #leftmenu {font-size:0.8em;}
#leftmenu li {list-style-type:none; text-align:left; margin-bottom:10px; padding:0 0 0 15px; background: url(/i/bullet_link.gif) no-repeat center left;}
#leftmenu li a {text-decoration:none;}
#leftmenu li.selected {background-color:#ccc;}

table.list td {padding:5px;}
table.list th {padding:5px;}

* html #content table {font-size:smaller;}

#UnitEditor {float:left; position:absolute; background-color:Black; width:300px; height:150px; background-color:#CCCCCC; border-bottom:solid 3px black; border-right:solid 3px black;  border-top:solid 3px #FFFFCC; border-left:solid 3px #FFFFCC;}
#UnitEditor td {padding:5px;}

#popuptop {background-color:#2C91B2; border-bottom:solid 1px black; color:White;}
#popuptop a {text-decoration:none; color:White;}
#popuptop td {color:White; border:solid 0px black; line-height:10px;}
#AdminPreferences {float:left; border:solid 0px black; width:515px;}
#AdminPreferences table {float:left;}
#AdminUnitList table {float:left;}

* html .bubble {font-size:0.8em; line-height:1.3em;}