/*
Theme Name: Telogis for Wordpress
Theme URI: http://www.telogis.com/
Description: The default WordPress theme for Telogis.com
Version: 1
Author: Scott Buckland
*/



/* Begin Typography & Colors */
@import "reset.css";

html, body {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	color: #646464;
	padding: 0;
	margin: 0;
	background: #000000;
	min-width: 1000px;
}

acronym {
	text-decoration: none;
	border-bottom: 1px dotted #333333;
}

a {
	color: #009aff;
}

a:visited {
	color: #4a92c1;
}

a:hover {
	color: #4a8d13;
}

h1 {
	font-size: 2.2em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	color: #000000;
	font-weight: normal;
}	

h2 {
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: normal;
	color: #000000;
	margin-bottom: 0.2em;
	margin-top: 1em;
}

h2 a, h2 a:visited, h1 a, h1 a:visited {
	color: #000000;
	text-decoration: none;
}

h2 a:hover, h1 a:hover {
	text-decoration: underline;
}

.short {
	margin-top: -0.8em;
	margin-bottom:1.2em;
}
	
h3 {
	font-size: 1.3em;
	line-height: 2.7em;
	font-weight: normal;
	color: #646464;
	margin-bottom: 0.2em;
	margin-top: 0.4em;
}

ol {
	list-style-type:decimal;
	margin: 1em 2em;
}
	
.icon-set h2 {
	padding-top: 1em;
}

.feature-showcase h2 {
	padding-top: 1em;
	clear: both;
}

p {
	margin-bottom: 1em;
}

p#lead, #content-inner p.lead {
	font-size: 1.2em;
	line-height: 1.9em;
	color: #646464;
}

/* Common Classes */
.right {
        float: right;
        right: 0;
}

img.right {
        padding-left: 8px;
}

.left {
        float: left;
        left: 0;
}

img.left {
        margin-right: 1em;
        margin-top: 5px;
        clear: left;
}

h3 img.left {
        margin-top: 0;
        margin-left: 1em;
}

div.icon-set img.left {
	margin-top: 2.6em;
}

img.framed {
	border: 4px solid #dddddd;
}

a img {
	border: none;
}

.center {
        text-align: center;
}

.clear {
        clear: both;
}
.hide {
	display: none;
}

/* Structure Styling */

.wrap {
	margin: 0 auto;
	width: 1000px;
}

#main-nav {
	top: 0;
	position: absolute;
	height: 45px;
	width: 1000px;
}

	#main-nav a.telogis-logo {
		float: left;
		display: block;
		width: 108px;
		height: 39px;
		margin-left: 19px;
		text-indent: -10000px;
		background: url('images/template/telogis-logo.png') no-repeat;
	}

	#main-nav .wrap {
		position: relative;
	}
	
	#main-nav ul {
		float: right;
		height: 45px;
		margin-right: 15px;
	}
	
	#main-nav ul li {
		float: left;
		display: block;
		padding: 0 0 0 10px;
		position: relative;
		z-index: 6;
	}

	#main-nav ul li.page-item-15 {
		position: static;
		margin: 0;
		padding: 0;
	}
	
	#main-nav ul li a {
		line-height: 39px;
		font-size: 1.2em;
		color: #5cb4e6;
		text-decoration: none;
		display: block;
/*		padding-bottom: 6px; */
		padding: 0px 10px 6px 10px;
/*		background: #f0f; */
	}
	
	#main-nav ul li a:hover {
		color: #ffffff;
		background-color: #555555;
		text-decoration: underline;
	}
	
	#main-nav ul li.current_page_ancestor a, #main-nav ul li.current_page_item a {
		color: #ffffff;
		background-image: url('images/template/main-nav-arrow.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	#main-nav ul li.page-item-15 a {
		position: absolute;
		left: 0;
		display: block;
		width: 108px;
		height: 39px;
		margin-left: 19px;
		text-indent: -10000px;
		background: url('images/template/telogis-logo.png') no-repeat;
		outline: none;
	}

	#main-nav ul li ul {
		display:none;
		position: absolute;
		top: 39px;
		left: 0;
		font-size: 0.8em;
	}
	
	#main-nav ul li ul li {
		padding: 0;
		font-size: 1em;
		background: #222222;
		width: 180px;
		border-bottom: 1px solid #000000;
	}
	
	#main-nav ul li ul li:last-child, #main-nav ul li ul li:last-child a {
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom: none;
		padding-bottom: 1px;
	}	
	
	#main-nav ul li ul a, #main-nav ul li.current_page_item ul a, #main-nav ul li.current_page_ancestor ul a {
		color: #5cb4e6;
		height: 31px;
		line-height: 31px;
		padding-left: 17px;
		background: none;
		padding-bottom: 0;
	}
	
	#main-nav ul li ul li.page-item-520 a, #main-nav ul li ul li.page-item-164 a, #main-nav ul li ul li.page-item-161 a, #main-nav ul li ul li.page-item-34 a, #main-nav ul li ul li.page-item-3238 a {
		background-repeat: no-repeat;
		background-position: 5px 5px;
		padding-left: 35px;
	}
	
	#main-nav ul li ul li.page-item-520 a {
		background-image: url(images/template/telogis-route-side.png);
	}
	
	#main-nav ul li ul li.page-item-164 a {
		background-image: url(images/template/telogis-fleet-side.png);
	}

	#main-nav ul li ul li.page-item-161 a {
		background-image: url(images/template/telogis-mobile-side.png);

	}

	#main-nav ul li ul li.page-item-34 a {
		background-image: url(images/template/telogis-geobase-side.png);
	}
	
	#main-nav ul li ul li.page-item-3238 a {
		background-image: url(images/template/telogis-integration-side.png);
	}
		
	#main-nav ul li:hover ul {
		display:inline;
	}

	#main-nav ul li ul a:hover, #main-nav ul li.current_page_item ul a:hover, #main-nav ul li.current_page_ancestor ul a:hover {
		color: #ffffff;
		background-color: #555555;
	}

	
#header {
	border-top: solid 39px #000000;
	height: 100px;
	background: #3c77cf url('images/template/header-bg.jpg') no-repeat top center;
	border-bottom: #e7e7e7 solid 2px;
}

	#header img {
		float: left;
		margin: 25px 0 0 23px;
	}

	h1#major {
		width: 495px;
		height: 50px;
		text-indent: -10000px;
		display: block;
		float: left;
		margin: 26px 0 0 23px;
	}

	#cta-1 {
		width: 183px;
		height: 49px;
		text-indent: -10000px;
		display: block;
		float:right;
		margin-right:20px;
	}
	
#content {
	background: #ffffff url('images/template/content-bg.png') center;
	border-bottom: 3px solid #898989;
	font-size: 13px;
}

#sub-nav {
	position: relative;
	float:right;
	padding-top: 12px;
}
	
	#sub-nav .top-right-cta {
		margin-top: 10px;
		float: right;
		clear: right;
	}
	
	#sub-nav ul.subnav-tree {
		padding: 35px 0 0 5px;
		width: 215px;
		clear: both;
		font-size: 12px;
	}
	
		#sub-nav ul li {
			margin: 0 0 0.5em 0;
		}
		
		#sub-nav ul li a {
			font-size: 1.2em;
			color: #000000;
			text-decoration: none;
			display: block;
			padding-right: 5px;
			padding-left:37px;
			height: 37px;
			line-height: 35px;
			overflow: hidden;
		}
		
		#sub-nav ul li a:hover {
			color: #11a6d7;
			text-decoration: underline;
		}
		
		#sub-nav ul li.current_page_item {
			background: url('images/template/menu-selected-bg.png') no-repeat;
		}
		
		#sub-nav ul li.page-item-520 a {
			background: url(images/template/telogis-route-side.png) no-repeat scroll 35px 8px;
			padding-left: 65px;
		}
		
		#sub-nav ul li.page-item-164 a {
			background: url(images/template/telogis-fleet-side.png) no-repeat scroll 35px 8px;
			padding-left: 65px;
		}

		#sub-nav ul li.page-item-161 a {
			background: url(images/template/telogis-mobile-side.png) no-repeat scroll 35px 8px;
			padding-left: 65px;
		}

		#sub-nav ul li.page-item-34 a {
			background: url(images/template/telogis-geobase-side.png) no-repeat scroll 35px 8px;
			padding-left: 65px;
		}
		
				
		#sub-nav ul li.page-item-3238 a {
			background: url(images/template/telogis-integration-side.png) no-repeat scroll 35px 8px;
			padding-left: 65px;
		}

		#sub-nav ul li.current_page_item ul li a {
			background: none;
		}
				
		#sub-nav #tree li a, #sub-nav #tree li ul li a {
			color: #000;
		}
		
		#sub-nav #tree li a.detached, #sub-nav #tree li ul li a.detached {
			color: #888;
		}
		
			#sub-nav ul li ul li {
				margin: 0;
			}

			#sub-nav ul li ul li a {
				font-size: 1.1em;
				color: #6a6a6a;
				text-decoration: none;
				padding-left: 40px;
				overflow: hidden;
			}
			
			#sub-nav ul#tree ul {
				margin-left: 1em;
			}
			
			#sub-nav ul#tree li {
				margin: 0;
			}
			
			#sub-nav ul#tree a {
				font-size: 1em;
				display: inline;
				width: auto;
				padding: 0;
				margin: 0;
				line-height: 1em;
			}
			
			#sub-nav ul#categories ul li.ui-draggable span {
				cursor: move;
			}
			
			#sub-nav ul#categories ul li.draggable-hover span {
				background: #eeeeee;
				font-weight: bold;
			}
			
			#sub-nav ul#categories ul li.droppable-hover span {
				background: #ffeedd;
			}
	
		


	#breadcrumb {
		font-size: 0.95em;
		color: #ccc;
		margin-bottom: 20px;
	}
	
	#breadcrumb a {
		color: #888;
		text-decoration: none;
	}
	
	#breadcrumb a:hover {
		color: #000;
	}
	
/*	body.page-id-164 #breadcrumb strong {
		background: url(/wp-content/themes/telogis/images/template/telogis-fleet-logo-sm.jpg) no-repeat;
		text-indent: -10000px;
		display: block;
		float:left;
	} */

	#content-inner {
		float: left;
		width: 740px;
		padding: 8px 10px 32px 25px;
		position: relative;
	}
		
		#content-inner .admin-only {
			position: absolute;
			right: 0;
		}
		
		#content-inner .admin-only a {
			color: #ddd;
		}
		
		#content-inner ul {
			list-style: disc;
			margin-left: 2em;
			margin-top: 4px;
			margin-bottom: 1.5em;
		}
		
		#content-inner ul li {
			margin-left: 0;
			line-height: 1.5em;
			margin-bottom: 0.5em;
			font-size: 13px;
		}
		
		#content-inner ul li ul li {
			font-size: 12px;
		}

		#content-inner ul li ul {
			margin-bottom: 0.5em;
		}
		
		#content-inner .feature-text {
			margin-left: 93px;
		}

		#content-inner .more-features .more-feature-text {
			margin-left: 57px;
		}
		
		#content-inner a:visited.toggle, #content-inner a:link.toggle {
			color: #646464;
			text-decoration: none;
			padding-left: 14px;
			background: url(images/template/arrow-right.png) no-repeat 2px 3px;
		}

		#content-inner a:hover.toggle {
			text-decoration: underline;
		}
		
		#content-inner a.toggle.active {
			background: url('images/template/arrow-down.png') no-repeat 2px 3px;
		}
				

		#content-inner ul.more-features {
			width: 225px;
			margin-left:10px;
			margin-right:10px;
			float: left;
			list-style: none;
			margin-top: 1em;
		}
		
		
		#content-inner ul.more-features li {
			clear: both;
			min-height:2.5em;
			padding-bottom:1em;
			padding-top: 0;
			margin-top: 0;
		}
		
		#content-inner ul.more-features li img.left {
			margin-top: 0;
			margin-right: 0;
		}
		
		#content-inner ul.wide {
			width: auto;
			float: none;
		}
		
		#content-inner ul.wide li {
			padding-bottom: 6px;
			min-height: 1em;
			clear: none;
		}
		
		#content-inner ul.wide li .more-feature-text {
			margin-left: 0;
		}


		#content-inner .right ul {
			margin-left: 1em;
			margin-top: 1em;
		}
		
		#content-inner .section {
			position: relative;
			clear:both;
			padding:12px 0;
		}
		
		#content-inner .breakout {
			position: absolute;
		}
		
		#content-inner .image-caption {
			float: right;
			text-align: center;
			margin-top: 25px;
		}

		#content-inner .image-caption-left {
			float: left;
			text-align: center;
			margin-top: 25px;
			margin-right: 15px;
		}

		#content-inner .image-caption a , #content-inner .image-caption-left a {
			text-decoration: none;
		}
		
		#content-inner a#response-video {
			background: url('/images/fleet/response-video.jpg') no-repeat top center;
			width: 220px;
			margin-top:22px;
			padding-top:136px;
			height: 15px;
			display: block;
		}
		#content-inner a#response-video:hover {
			background-image: url('/images/fleet/response-video-hover.jpg');
		}
		
		#content-inner div.orange, #content-inner div.blue, #content-inner div.green, #content-inner div.grey {
			display: block;
			padding: 10px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
		}
		
		#content-inner div.grey {
			background: #f5f5f5;
			border: 1px solid #f5f5f5;
		}

		#content-inner div.orange {
			background: #ffdd99;
			border: 1px solid #ffdd99;
		}
		
		#content-inner div.blue {
			background: #bbddff;
			border: 1px solid #bbddff;
		}
				
		#content-inner div.green {
			background: #F0FDE8;
			border: 1px solid #F0FDE8;
		}
			
		
#content-lower {
	clear: both;
	/* background: url('images/template/content-lower-bg-long.png') center repeat-x; */
	height: 18px;
}



	
		.contact-cta {
			background: url('/images/Telogis/Callbox.gif') no-repeat;
			display: block;
			width: 202px;
			height: 64px;
			text-indent: -100000px;
			margin: 20px 8px 10px 8px;
		}

				

		.pad-box {
			margin-top: 10px;
		}
		.article h2 {
			margin-bottom: 0;
		}
		
		.article h2 a {
			font-size: 0.9em;
			margin: 1em 0 0 0;
			text-decoration: none;
		}
		
		.article h2 a:hover {
			text-decoration: underline;
		}

		.article p {
			margin: 0 0 2em 0;
		}
		
		.date, small {
			color: #888888;
		}


/* ------------ Forms ------------ */

input, select, textarea {
	font-size: 1.1em;
}

fieldset {
	background: #ddeaf3;
	border: 1px solid #C4D3EA;
	clear: both;
	margin-bottom: 1em;
	padding: 10px 15px 15px 35px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

fieldset h3 {
	clear:left;
	color:#5CB4E6;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:0;
	margin-top:1.4em;
}

fieldset div.field {
	margin: 5px 0;
	clear: left;
}

fieldset label {
	width: 130px;
	font-weight: bold;
	padding: 11px 0 6px 0;
}

fieldset.wider label {
	width: 330px;
}

fieldset input.text, fieldset div.text input, fieldset select, fieldset textarea {
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-color: #cccccc;
	padding: 5px;
	margin: 6px 0 0 0;
}

fieldset input.text, fieldset div.text input {
	width: 300px;
}

fieldset input.number {
	width: 100px;
	text-align: right;
}

fieldset select {
	width: 360px;
}

fieldset textarea {
	width: 350px;
	height: 100px;
}

fieldset input.text:focus, fieldset div.text input:focus, fieldset select:focus, fieldset textarea:focus {
	border-color: #f7ad3f;
}

fieldset input, fieldset select, fieldset textarea {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


legend {
	background: #555555;
	border: 1px solid #C4D3EA;
	color: #ffffff;
	font-size: 1.3em;
	padding: 0.5em 1.2em;
	font-weight: bold;
	margin-left: -20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


#content-inner form { padding-top: 40px; }

fieldset {
	position: relative;
	padding-top: 25px;
}

legend {
	position: absolute;
	top: -20px;
	left: 28px;
}

/* FF 3.6+ only 
	Fixes legend problem */
@media screen and (min-width: 0.1em){
	legend {
		position: relative;
		top: 0;
		left: 0;
	}
	fieldset {
		padding-top: 10px;
	}
}

div.Actions input {
	margin-left: 235px;
	border: none;
	width: 182px;
	height: 49px;
	background: url('images/template/b-send.png') no-repeat;
	text-indent: -10000px;
	display: block;
}

fieldset input.action {
	background:#333333 none repeat scroll 0 0;
	border-color:#999999;
	border-style:outset;
	color:#FFFFFF;
	font-weight:bold;
	height:27px;
	line-height:23px;
	padding-bottom: 3px;
	margin-left:130px;
	text-transform:uppercase;
	width:100px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

fieldset span.message {
	margin: 3px;
	padding: 5px;
}

fieldset span.required {
	border: #dd2222 solid 2px;
	background: #ffeeee;
}

fieldset span.validation {
	border: #cc6622 solid 2px;
	background: #fffae6;
}

#content label.error {
	clear:left;
	color:#DD0000;
	float:left;
	font-style:italic;
	font-weight:normal;
	margin-left:130px;
	padding-top:0;
	width:auto;
}

#content input.error, #content select.error, #content textarea.error {
	border-color: #dd0000;
}


/* ------------ partners ------------ */ /* --- content --- */
.partner {
	float:left;
	height:115px;
	margin:10px 0 0 30px;
	width:145px;
}

.partner img {
	padding-bottom: 7px;
	border-bottom: 1px solid #dddddd;
}

.partner p a {
	text-decoration: none;
	color: #777;
	font-size: 0.95em;
	float: left;
	margin: 0;
}

.partner .more {
	float: right;
	font-size: 0.95em;
	text-align: right;
}

#partner .br {
	margin-right: 0;
	width: 143px;
}

#partners h2 {
clear:left;
padding-bottom:10px;
padding-top:30px;
border-bottom:1px solid #F0F0F0;
}

/* ------------ tables ------------ */

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

table.centerAll tr td {
	vertical-align:middle;
	padding: 5px 10px;
}

table.showcase td,table.showcase th,table.showcase tr {
	border: none;
	white-space: normal;
}

table.showcase th {
	border-bottom: 2px solid #3c77cf;
	border-top: 2px solid #3c77cf;
	color: #000000;
}


table.showcase td {
	border-bottom: 1px solid #3c77cf;
	vertical-align:middle;
}

table.showcase tr:hover {
	background: #f5f5f5;
}

td {
	vertical-align: top;
}

table.showcase td.nowrap, table.showcase th.nowrap {
	padding: 6px 7px;
	white-space: nowrap;
	text-align: left;
}

table.showcase th a {
	color: #555;
	text-decoration: none;
}

table.showcase th a:hover {
	text-decoration: underline;
}

table.showcase {
	margin-bottom: 20px;
	border-spacing: 0;
}

table.features td {
	border: 1px solid white;
	padding: 0;
	vertical-align:middle;
}

table.features td.icon {
	vertical-align: top;
}

table.features td.icon img {
	margin-top: 25px;
}

table.features td.s, table.features td.p, table.features td.e {
	text-align: center;
}

table.features td.s {
	background-color: #ffe8ca;
	width: 78px;
}

table.features td.p {
	background-color: #cce2c5;
	width: 101px;
}

table.features td.e {
	background-color: #c1d3ed;
	width: 92px;
}

/* -------------- Lists ---------- */
#content-inner ul.ticks {
	list-style: none;
	margin-left:1em;
	margin-right:1em;
	padding:1em;
	background: #f5f5f5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	list-style-type:disc;
	list-style-position:inside;
	}
ul.ticks li {
	background: none;
	
	padding: 0.4em 0 0.4em 1em;
	}

ul.ticks li ul li {
	background: none;
	padding: 0;
	}
	
/* -------------- Blockquotes ---------- */
blockquote {
	background: #F0Fde8;
	border:2px solid #D0F4B0;
	line-height: 1.8em;
	padding: 10px;
	font-style: italic;
	margin: 2em 1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
blockquote strong {
	font-style: normal;
	}
blockquote span.quote {
	font-size: 2em;
	}
blockquote[lang-=fr] { quotes: "\201C" "\201D" }

blockquote[lang-=en] { quotes: "\00AB" "\00BB" }

blockquote span:before { content: open-quote; line-height: 0.5em; font-size:2em;}

blockquote span:after { content: close-quote; line-height: 0.5em; font-size:2em;}

blockquote p { margin-bottom: 0; }

#footer {
	clear: both;
	color: #ffffff;
	background: #ffffff;
}
	#asset-tracker {
		background: url('images/template/footer-bg.jpg') repeat-x top;
		height: 195px;
	}
	
		#asset-tracker img {
			float: left;
			border-right: 1px solid #dddddd;
		}
		
		#asset-tracker img.last {
			border-right: none;
		}
	
	#bottom-contact {
		background: url('images/template/footer-bg.jpg') repeat-x top;
		height: auto;
		color: #333;
	}
	
		#bottom-contact p {
			padding: 10px;
			margin: 0;
		}
	
	#footer-menu {
		font-size: 0.9em;
		text-align: right;
		background: #000000;
		height: 104px;
		clear: both;
	}
	
	#footer ul {
		margin: 15px 30px 5px 0;
		float: right;
	}
				
	#footer-menu ul li {
		float: left;
		display: inline;
		color: #aaaaaa;
		line-height:12px;
		margin: 4px 0pt;
		padding: 0 0 0 22px;
	}
	
		#footer-menu ul li.last-li {
			border-right: none;
		}

		#footer-menu ul li a:link, #footer ul li a:visited {
			color: #aaaaaa;
			text-decoration: none
		}
		
		#footer-menu ul li a:hover {
			text-decoration: underline;
		}
		
		#footer-menu ul.current_page_item li a {
			color: #ffffff;
		}
	
	#footer-menu p {
		font-size: 0.8em;
		clear:right;
		margin-right: 30px;
	}

#ab-report {
	padding: 0;
}


.Hidden
{
    display: none;
    visibility: hidden
}

.UnHidden
{
    visibility: visible
}

.SubNav
{
    font-size: 8pt;
    color: #000000;
    font-family: Arial, San-Serif, Helvetica
}

.Box1
{
    border-right: #dadada 1px solid;
    padding-right: 0px;
    border-top: #dadada 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #dadada 1px solid;
    padding-top: 0px;
    border-bottom: #dadada 1px solid;
    background-color: #f3f3f3
}

.Remove
{
    text-decoration: line-through
}

/* Awards */
#excellence {
	width: 200px;
	height: 57px;
	border: 1px solid #cccccc;
	background: #ffffff url('http://www.geobase.info/geobase/images/inc-5000.jpg') no-repeat 137px 10px;
	padding-bottom: 5px;
	margin: 0 8px;
}

#excellence p {
	padding: 6px 62px 0 7px;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
	font-family: Helvetica,Arial;
	margin: 0.5em 0;
}

.award {
	width: 200px;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding-bottom: 5px;
	margin: 15px 8px;
	clear: both;
}

.award p {
	padding: 6px 7px 4px 7px;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
	font-family: Helvetica,Arial;
	margin: 0.5em 0;
}

.award img {
	padding: 5px;
}

#OnTrackLoginContainer {
	width:65px;
	float:right;
	margin-top: 6px;
	padding-bottom:35px;
	padding-left:30px;
	position: relative;
	z-index:40;
	text-indent:0;
}

#OnTrackLoginBox {
	position: absolute;
	top:44px;
	right: 76px;
	background-color: #000000;
	color: #dddddd;
	padding: 8px 8px 12px 8px;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000000;
	height:300px;
	overflow-y:auto;
	overflow-x:hidden;
	width:220px;
	z-index:40;
}

#OnTrackLoginBox label {
	width: 130px;
	font-weight: bold;
	padding: 4px 0 1px 0;
	float: left;
}

#OnTrackLoginBox input.text {
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-color: #cccccc;
	padding: 5px;
	width:205px;
	margin: 0;
	clear: left;
}

#OnTrackLoginBox a {
	color: #44ccff;
}
	
#OnTrackLoginBox input#autologin {
	float: left;
	margin-top:8px;
}

#OnTrackLoginBox input.text:focus, fieldset div.text input:focus, fieldset select:focus, fieldset textarea:focus {
	border-color: #f7ad3f;
}

#OnTrackLoginBox input, fieldset select, fieldset textarea {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#OnTrackLoginBox div {
	clear: left;
	float: left;
	margin-bottom:5px;
	width: 195px;
}

.otl-label {
	width: 10px;
}

#otl-error {
	color: #f00;
	text-align: right;
	width: 100%;
}

#otl-message {
	text-align: right;
	width: 100%;
}

#loginLink {
	position: relative;
	right:5px;
	z-index:4;
}

#OTL-Beta {
	color: #f00;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: 0px;
	display: block;

}

#nav li:hover ul, #nav li.sfhover ul {
	left: 0px;
	display: block;
	margin-left: 10px;
}

#nav li:hover ul li, #nav li.sfhover ul li{
	margin-left: 0px;
}

.overview {
  padding: 0;
  margin-bottom:10px;  
  }

.overview img {
  margin-top: 10px;
  margin-right: 8px;
  }

.overview h3, .overview p {
  margin: 0;
  }