body {
	margin: 0;
	padding: 0;
	background-color: black;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

#header {
	width: 960px;
	height: 40px;
	margin: 2px auto;
}

#logo {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/orbcomm_logo_white_small.png) no-repeat top left;
}

#login_header {
	width: 960px;
	height: 60px;
	margin: 2px auto;
}
#login_logo {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/New_inthinc_reverse_white_big.png) no-repeat top left;
}

#wrapper {
	width: 960px;
	margin: 5px auto 20px auto;
	/* background: #fff url(../images/bg_wrapper.png) bottom left repeat-x; */
	background: #fff;
}

.wrapper_top {
	width: 960px;
	background: url(../images/wrapper_top.png) top left no-repeat;
	height: 10px;
}

.wrapper_bottom {
	width: 960px;
	background: #000 url(../images/wrapper_bottom.png) top left repeat-x;
	height: 10px;
}

#footer {
	width: 960px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	clear: both;
	text-align: center;
}

.md {
	margin: 0 0 10px;
	position: relative;
}

#footer ul {
	margin-bottom: 6px;
	width: 100%;
	padding: 0;
	margin: 0;
}

#footer li.first {
	border: 0 none;
	padding-left: 0;
	padding-right: 0;
	float: left;
	text-align: left;
}

#footer li.last {
	border: 0 none;
	padding-left: 0;
	padding-right: 0;
	float: right;
	text-align: right;
}

#footer li {
	color: white;
	display: inline;
	margin: 0;
	padding: 0 2px 0 10px;
}

#footer li a:link {
	color: white;
	text-decoration: none;
}

#footer li a:visited {
	color: white;
	text-decoration: none;
}

#footer li a:hover {
	color: white;
	text-decoration: underline;
}

/* GRAY PANEL */
.panel_nw {
	background: #fff url(../images/top_left.gif) no-repeat;
	height: 30px;
}

.panel_w {
	border-left: 1px solid #e1e1e1;
	margin: 0px;
}

.panel_sw {
	background: #fff url(../images/bottom_left.gif) no-repeat;
	height: 7px;
}

.panel_title {
	background: url(../images/top_right.gif) repeat-x right top;
	color: #333;
	font: bold 14px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	height: 31px;
	margin: 0 0 0 15px;
	padding: 6px 0 0 0;
	margin-left: 10px;
	position: relative;
}

.panel_title span.overall_report_description {
	background: transparent;
	color: #333;
	font: 11px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	height: 31px;
    margin-left: 55%;
	padding: 6px 0 0 0;
	text-align: right;
}

.panel_title span.login {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_key.png) no-repeat center left;
	width: 225px;
}

.panel_title span.top5 {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_overall.png) no-repeat center left;
}

.panel_title span.mile {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_mile.png) no-repeat center left;
}

.panel_title span.thumbsdown {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_thumbsdown.png) no-repeat center left;
}

.panel_title span.line {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_line.png) no-repeat center left;
}

.panel_title span.overall {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_overall.png) no-repeat center left;
}

.panel_title span.event {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_event.png) no-repeat center left;
}

.panel_title span.diagnostics_title {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_warning.png) no-repeat center left;
}

.panel_title span.emergency_title {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_critical.png) no-repeat center left;
}

.panel_title span.gas {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_gas.png) no-repeat center left;
}

.panel_title span.crash {
	padding: 0 0 0 20px;
	background: transparent url(../images/icon_crash.png) no-repeat center left;
}

.panel_title span.legend {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_legend.png) no-repeat center left;
}

.panel_title span.map {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_map.png) no-repeat center left;
}

.panel_title span.map a:active,.panel_title span.map a:link,.panel_title span.map a:hover,.panel_title span.map a:visited {
	color: #333;
	text-decoration: underline;
}

.panel_title span.search {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_search.png) no-repeat center left;
}

.panel_title span.vehicle {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_vehicle.png) no-repeat center left;
}

.panel_title span.zones {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_zones.png) no-repeat center left;
}

.panel_title span.zone_alerts {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_zone_alerts.png) no-repeat center left;
}

.panel_title span.driver {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_driver.png) no-repeat center left;
}

.panel_title span.email {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_email.png) no-repeat center left;
}

.panel_title span.admin {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_admin.png) no-repeat center left;
}

.panel_title span.account {
	background: transparent url(../images/ico_account.png) no-repeat scroll left center;
	padding: 0 0 0 20px;
}

.panel_title span.notify {
	background: transparent url(../images/ico_notification.png) no-repeat scroll left center;
	padding: 0 0 0 20px;
}

.panel_title span.contact {
	background: transparent url(../images/ico_contact.png) no-repeat scroll left center;
	padding: 0 0 0 20px;
}

.panel_title span.speed {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_speed.png) no-repeat center left;
}

.panel_title span.details {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_details.png) no-repeat center left;
}

.panel_title span.seatbelt {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_seatbelt.png) no-repeat center left;
}

.panel_title span.coaching {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_coaching.png) no-repeat center left;
}

.panel_title span.redflag {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_red_flag.png) no-repeat center left;
}

.panel_title span.cal {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_cal.png) no-repeat center left;
}

.panel_title span.zones {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_zones.png) no-repeat center left;
}

.panel_title span.slcr {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_spd_limit.png) no-repeat center left;
}

.panel_title span.hos {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_hos.png) no-repeat center left;
}
.panel_title span.performance {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_overall.png) no-repeat center left;
}
.panel_title span.fuelStops {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_gas.png) no-repeat center left;
}

.panel_title span.textmsg {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_txt_msg.png) no-repeat center left;
}

.panel_title .ajax_status {
	vertical-align: top;
	padding-right: 10px;
}

.panel_title .panel_links a.on {
	color: #6B9D1B;
	font-weight: bold;
	text-decoration: none;
}

.panel_links .selected_duration {
	color: #6B9D1B !important;
	font-weight: bold !important;
	text-decoration: none !important;
	cursor: default;
}

.panel_title a:link,.panel_links a:hover,.panel_links a:active,.panel_links a:visited {
	color: #333;
}

.panel_links {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 7px;
	right: 8px;
}

.panel_links td {
	padding: 0 3px;
}

/*This is a temporary style... DO NOT USE ANYMORE!!!! All using this should conver to using .panel_links .selected_duration*/
.on {
	color: #6B9D1B !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

.panel_links_ico {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 10px;
	right: 50px;
}

.panel_ico {
	position: absolute;
	top: 7px;
	right: 8px;
}

.panel_content {
	background: #fff;
	color: #333;
	font: normal 10px Verdana, Tahoma, Arial, sans-serif;
	/*overflow: hidden;  */
	padding: 5px;
	border-right: 1px solid #e1e1e1;
	margin-right: 0px;
}

.panel_statusbar {
	background: #fff url(../images/bottom_right.gif) no-repeat right top;
	font-size: 8px;
	height: 7px;
	margin-left: 11px;
}

.panel_content_right {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 7px;
	right: 8px;
}

/* START NAVIGATION BLOCK */
.main_nav {
	width: 960px;
	height: 38px;
	margin: 5px auto 0;
	background: url(../images/main_nav_bg.gif) repeat-x;
	clear: both;
}

.main_nav-left {
	background: url(../images/main_nav_l.gif) no-repeat;
	width: 6px;
	height: 38px;
	float: left;
}

.main_nav-right {
	background: url(../images/main_nav_r.gif) no-repeat;
	width: 6px;
	height: 38px;
	float: right;
}

.main_nav-bg {
	background: url(../images/main_nav_bg.gif) repeat-x;
	height: 38px;
}

.main_nav-bg form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav_button {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav_button .nav_button_left {
	float: left;
	color: #fff;
	text-decoration: none;
	font: 10px Verdana, 'Lucida Sans', sans-serif;
	font-weight: normal;
	padding: 0 0 0 18px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
}

.nav_button .nav_button_left .nav_button_right {
	float: left;
	padding: 0 18px 0 0;
}

.nav_button.current .nav_button_left {
	color: #333;
	background: url(../images/main_nav_hover_l.gif) no-repeat left 5px;
	font-weight: bold;
}

.nav_button.current .nav_button_left .nav_button_right {
	color: #333;
	background: url(../images/main_nav_hover_r.gif) no-repeat right 5px;
}

.nav_button.search a {
	color: #fff;
	background: url(../images/main_nav_hover_l_search.gif) no-repeat left 5px;
	font-weight: normal;
}

.nav_button.search a span {
	color: #fff;
	background: url(../images/main_nav_hover_r_search.gif) no-repeat right 5px;
}

.nav_button .nav_button_left:hover {
	color: #333;
	background: url(../images/main_nav_hover_l.gif) no-repeat left 5px;
}

.nav_button .nav_button_left:hover .nav_button_right {
	color: #333;
	background: url(../images/main_nav_hover_r.gif) no-repeat right 5px;
}

.sub_nav {
	width: 950px;
	height: 33px;
	margin: 0 auto 0 auto;
	background: #090909;
}

.sub_nav-bg {
	background: #090909;
}

.sub_nav-bg ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sub_nav-bg li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sub_nav-bg li#first {
	margin-left: 6px;
}

.sub_nav-bg li a {
	float: left;
	color: #fff;
	text-decoration: none;
	font: 10px Verdana, 'Lucida Sans', sans-serif;
	font-weight: normal;
	padding: 0 0 0 18px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
}

.sub_nav-bg li a span {
	float: left;
	display: block;
	padding: 0 18px 0 0;
}

.sub_nav-bg li.current a {
	color: #333;
	background: url(../images/sub_nav_hover_l.gif) no-repeat left 5px;
	font-weight: bold;
}

.sub_nav-bg li.current a span {
	color: #333;
	background: url(../images/sub_nav_hover_r.gif) no-repeat right 5px;
}

.sub_nav-bg li a:hover {
	color: #333;
	background: url(../images/sub_nav_hover_l.gif) no-repeat left 5px;
}

.sub_nav-bg li a:hover span {
	color: #333;
	background: url(../images/sub_nav_hover_r.gif) no-repeat right 5px;
}

/* horz navigation top */
#horz_nav {
	float: right;
	width: 750px;
}

#horz_nav ul {
	float: right;
	/* width: 500px */
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
}

#horz_nav ul li {
	float: left;
	margin: 0;
	padding: 4px 0 2px 14px;
	list-style: none;
}

#horz_nav ul a {
	float: left;
	padding: 2px 13px 2px 13px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
}

#horz_nav ul a:hover,#horz_nav ul a.active,#horz_nav ul li a:hover,#horz_nav ul li a:active {
	color: #fff;
	text-decoration: underline;
}

#horz_nav ul a.active,#horz_nav ul li a.active {
	font-weight: bold;
}

#horz_nav li a.tb-account {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_account.png) no-repeat center left;
	text-decoration: none;
	color: #fff;
	margin: 0 0 0 8px;
}

#horz_nav li a.tb-messages {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_email.png) no-repeat center
		left;
	text-decoration: none;
	color: #fff;
	margin: 0 0 0 8px;
}

#horz_nav li a.tb-help {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_help.png) no-repeat center left;
	text-decoration: none;
	color: #fff;
	margin: 0 0 0 8px;
}

#horz_nav li a.tb-logout {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_logout.png) no-repeat center left;
	text-decoration: none;
	color: #fff;
	margin: 0 0 0 8px;
}

/* END NAVIGATION BLOCK */ /* FORMS */
form {
	margin: 0;
	padding: 0;
}

/* form div - interfering with rich:faces components. */ /*
form div {
	padding: 10px 0 10px 0;
	clear: left;
	margin: 5px 0 5px 10px;
	padding: 0;
	}
*/
form div label {
	float: left;
	width: 40%;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

form td label {
	float: none;
	width: 100%;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

form input.txt {
	display: block;
	margin-top: 3px;
	padding: 4px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.emailInput {
	background-image:url('../images/ico_email.gif');
	background-repeat:no-repeat;
	background-position: 3px 0px;
	padding-left:23px;
	padding-bottom:2px;
	line-height:19px;
}
.phoneInput {
	background-image:url('../images/ico_telephone.gif');
	background-repeat:no-repeat;
	background-position: 3px 0px;
	padding-left:23px;
}
form select {
	float: left;
	display: block;
/* 	margin-top: 3px; */
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

form .textarea {
	width: 100%;
	margin-top: 3px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

form p.desc {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	border-bottom: 1px solid #666;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: none;
}

form label.radioitem {
	clear: none;
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
}

form input.radiobutton {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form input.checkbox {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

/* BUTTONs */
a button {
	text-decoration: none;
}

button {
	border: 0;
	cursor: pointer;
	font-weight: normal;
	padding: 0 10px 0 0;
	text-align: left;
	/* float: right; */
	width: auto;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

button.left {
	background: url(../images/btn_right_side.png) right no-repeat;
}

button.right {
	padding: 0 28px 0 0;
}

button.next {
	background: url(../images/btn_right_side_next.png) right no-repeat;
}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 0 0 0 28px;
	height: 30px;
	line-height: 30px;
}

span.login {
	background: url(../images/btn_login.png) left no-repeat;
}

span.add {
	background: url(../images/btn_add.png) left no-repeat;
}

span.addZoneAlert {
	background: url(../images/btn_add_zone_alerts.png) left no-repeat;
}

span.save {
	background: url(../images/btn_save.png) left no-repeat;
}

span.delete {
	background: url(../images/btn_trash.png) left no-repeat;
}

span.cancel {
	background: url(../images/btn_cross.png) left no-repeat;
}

span.edit {
	background: url(../images/btn_edit.png) left no-repeat;
}

span.email {
	background: url(../images/btn_email.png) left no-repeat;
}

span.retrieve_password {
	background: url(../images/btn_pass.png) left no-repeat;
}

span.search {
	background: url(../images/btn_search.png) left no-repeat;
}

span.refresh {
	background: url(../images/btn_refresh.png) left no-repeat; 
}

span.filter {
	background: url(../images/btn_apply_filter.png) left no-repeat;
}

span.remove {
	background: url(../images/btn_remove_filter.png) left no-repeat;
}

span.back {
	background: url(../images/btn_back.png) left no-repeat;
}

span.left {
	background: url(../images/btn_left_side.png) left no-repeat;
	padding: 0 0 0 10px;
}

span.apply {
	background: url(../images/btn_apply.png) left no-repeat;
	padding: 0 0 0 25px;
}

span.no {
	background: url(../images/btn_cross.png) left no-repeat;
	padding: 0 10px 0 25px;
}

span.yes {
	background: url(../images/btn_apply.png) left no-repeat;
	padding: 0 10px 0 25px;
}

span.ok {
	background: url(../images/btn_apply.png) left no-repeat;
	padding: 0 10px 0 25px;
}

/* INLINE PICKER */
div.picker {
	margin: 1px;
	padding: 2px;
	border: 1px solid #666666;
	cursor: text;
}

div.picker input {
	border: 0px solid white;
}

span.pick-item {
	white-space: nowrap;
	background: url(../images/inline_left.png) left no-repeat;
	padding: 5px 0px 5px 4px;
	cursor: default;
	line-height: 23px;
}

a.delete-pick-item {
	padding: 5px 0px;
	background: url(../images/inline_delete.png) right no-repeat;
}

a.delete-pick-item:hover {
	background: url(../images/inline_delete_on.png) right no-repeat;
}

a.delete-pick-item img {
	vertical-align: -20%;
	border: none;
}

/* HACKS */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*  GRID NAV */
ul#grid_nav {
	height: 36px;
	border-top: 1px solid #8BAD37;
	border-bottom: 1px solid #8BAD37;
	background: url(../images/bg_grid_nav.png);
	list-style: none;
	padding: 0;
	margin: 0 10px 0 10px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

ul#grid_nav li {
	list-style: none;
	padding: 2px 4px 2px 2px;
	margin: 0;
}

ul#grid_nav li.divider {
	list-style: none;
	padding: 5px 0 0 1px;
	margin: 0;
}

ul#grid_nav li.text {
	list-style: none;
	padding: 12px 5px 0 5px;
	margin: 0;
}

ul#grid_nav .grid_title {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #30450C;
	margin: 7px 5px 0 4px;
}

ul#grid_nav .grid_title.max_width {
	max-width: 250px;
	overflow: hidden;
	white-space: nowrap;
}

ul#grid_nav .grid_icon {
	margin: 8px 0 0 8px;
}

ul#grid_nav li.r {
	float: right;
}

ul#grid_nav li.vcentered {
	padding-left: 7px;
	height:3em;
	line-height:2em;	
}
	
ul#grid_nav li.l {
	float: left;
}

ul#grid_nav li.select {
	list-style: none;
	padding: 0px 5px 0 5px;
	margin: 0;
}

ul#grid_nav li.select2 select {
	width: 120px;
}

ul#grid_nav li a:active,ul#grid_nav li a:link,ul#grid_nav li a:hover,ul#grid_nav li a:visited {
	color: #333;
	text-decoration: none;
}

ul#grid_nav li.text a:active,ul#grid_nav li.text a:link,ul#grid_nav li.text a:hover,ul#grid_nav li.text a:visited {
	color: #333;
	text-decoration: underline;
}

/*  GRID NAV DARD */
ul#grid_nav_dark {
	height: 36px;
	border-top: 1px solid #8BAD37;
	border-bottom: 1px solid #8BAD37;
	background: url(../images/bg_grid_nav_dark.png);
	list-style: none;
	padding: 0;
	margin: 0 10px 0 10px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

ul#grid_nav_dark li {
	list-style: none;
	padding: 2px 4px 2px 2px;
	margin: 0;
}

ul#grid_nav_dark li.divider {
	list-style: none;
	padding: 5px 0 0 1px;
	margin: 0;
}

ul#grid_nav_dark li.text {
	list-style: none;
	padding: 12px 5px 0 5px;
	margin: 0;
}

ul#grid_nav_dark .grid_title {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #30450C;
	margin: 7px 5px 0 4px;
}

ul#grid_nav_dark .grid_icon {
	margin: 8px 0 0 8px;
}

ul#grid_nav_dark li.r {
	float: right;
}

ul#grid_nav_dark li.l {
	float: left;
}

ul#grid_nav_dark li a:active,ul#grid_nav_dark li a:link,ul#grid_nav_dark li a:hover,ul#grid_nav_dark li a:visited {
	color: #333;
	text-decoration: none;
}

ul#grid_nav_dark li.text a:active,ul#grid_nav_dark li.text a:link,ul#grid_nav_dark li.text a:hover,ul#grid_nav_dark li.text a:visited {
	color: #333;
	text-decoration: underline;
}

/* DASHBAORD STYLES */
.dash_table {
	width: 940px;
	margin: 10px auto 0 auto;
}

.spacer {
	padding: 0;
	margin: 0;
	height: 10px;
	width: 10px;
	border: none;
}

/* OVERALL SCORE PANEL */
.overall_score_panel {
	width: 140px;
	font: bold 9px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
}

.overall_score_panel .top {
	background: url(../images/lgnd_top.png) no-repeat bottom left;
	height: 10px;
}

.overall_score_panel .middle {
	background: url(../images/lgnd_mid.png);
	padding: 10px;
}

.overall_score_panel .bottom {
	background: url(../images/lgnd_bot.png) no-repeat top left;
	height: 10px;
}

/* SCORES */ /* Generic Styles for Score Boxes */
.score {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}

.score td {
	text-align: center;
	vertical-align: middle;
}

.score a:visited,.score a:link,.score a:active,.score a:hover {
	text-decoration: none;
	color: #333;
}

/* Large Score Box */
.score_lg_1 td,.score_lg_2 td,.score_lg_3 td,.score_lg_4 td,.score_lg_5 td,.score_lg_na td {
	font-size: 32px;
	height: 90px;
	width: 90px;
}

.score_lg_1 td {
	background: url(../images/score_lg_1.png) no-repeat;
}

.score_lg_2 td {
	background: url(../images/score_lg_2.png) no-repeat;
}

.score_lg_3 td {
	background: url(../images/score_lg_3.png) no-repeat;
}

.score_lg_4 td {
	background: url(../images/score_lg_4.png) no-repeat;
}

.score_lg_5 td {
	background: url(../images/score_lg_5.png) no-repeat;
}

.score_lg_na td {
	background: url(../images/score_lg_na.png) no-repeat;
}

/* Medium Score Box*/
.score_med_1 td,.score_med_2 td,.score_med_3 td,.score_med_4 td,.score_med_5 td,.score_med_na td {
	width: 60px;
	height: 60px;
	font-size: 24px;
}

.score_med_1 td {
	background: url(../images/score_med_1.png) no-repeat;
}

.score_med_2 td {
	background: url(../images/score_med_2.png) no-repeat;
}

.score_med_3 td {
	background: url(../images/score_med_3.png) no-repeat;
}

.score_med_4 td {
	background: url(../images/score_med_4.png) no-repeat;
}

.score_med_5 td {
	background: url(../images/score_med_5.png) no-repeat;
}

.score_med_na td {
	background: url(../images/score_med_na.png) no-repeat;
}

/* Small Score Box*/
.score_sm_1 td,.score_sm_2 td,.score_sm_3 td,.score_sm_4 td,.score_sm_5 td,.score_sm_na td {
	width: 40px;
	height: 40px;
	font-size: 18px;
}

.score_sm_1 td {
	background: url(../images/score_sm_1.png) no-repeat;
}

.score_sm_2 td {
	background: url(../images/score_sm_2.png) no-repeat;
}

.score_sm_3 td {
	background: url(../images/score_sm_3.png) no-repeat;
}

.score_sm_4 td {
	background: url(../images/score_sm_4.png) no-repeat;
}

.score_sm_5 td {
	background: url(../images/score_sm_5.png) no-repeat;
}

.score_sm_na td {
	background: url(../images/score_sm_na.png) no-repeat;
}

/*
.score_five {
    border: 1px solid #6B9D1B;
    background: #98CF8F;
    `
}

.score_four {
    border: 1px solid #6B9D1B;
    background: #98CF8F;
}

.score_three {
    border: 1px solid #F6B305;
    background: #FFEC9C;
}

.score_two {
    border: 1px solid #FF0101;
    background: #F8A289;
}

.score_one {
    border: 1px solid #FF0101;
    background: #F8A289;
}

.score_lg {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100px;
    height: 100px;
}

.score_lg div {
    border: 1px solid #fff;
    text-align: center;
    margin: 0 0 0 0;
    padding: 25px 0 0 0;
    height: 98px;
}


.score_md {
    margin: 0;
    padding: 0;
    font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.score_md {
    width: 66px;
    height: 65px;
    margin: 0 auto 0 auto;
}

.score_md div {
    border: 1px solid #fff;
    height: 65px;
    padding: 0 0 0 0;
    margin: 0;
}

.score_sm {
    margin: 0;
    padding: 0;
    width: 50px;
}

.score_sm div {
    border: 1px solid #fff;
    text-align: center;
    margin: 0;
    padding: 0;
}
*/
h1 {
	font: bold 35px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 0;
}

h2 {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 0;
}

/*  TABLEs */ /* DEFAULTS */
.enhancedtable {
	border-collapse: collapse;
	border: 0px solid #ADAAAD;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
}

.enhancedtable th {
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
	border-left: 0px solid #ADAAAD;
	border-right: 0px solid #ADAAAD;
	background: #dadada;
	padding: 4px;
	cursor: pointer;
	text-align: left;
}

.enhancedtable td {
	border-bottom: 1px solid #e1e1e1;
	border-left: 0px solid #ADAAAD;
	border-right: 0px solid #ADAAAD;
	padding: 4px;
}

.enhancedtable a:link {
	color: #333;
	text-decoration: underline;
}

.enhancedtable a:visited {
	color: #333;
	text-decoration: underline;
}

.enhancedtable a:active {
	color: #333;
	text-decoration: underline;
}

.enhancedtable a:hover {
	color: #333;
	text-decoration: underline;
}

.enhancedtablecolouredrow {
	background: #f7f7f7;
}

.enhancedtableactive {
	background: #fff;
	color: #fff;
}

/* EXPANDABLE SIDE TABS */
dl.vl_tab_off {
	width: 129px;
	margin: 0;
	background: url(../images/ls_tab_off_bottom.png) no-repeat bottom left;
}

dl.vl_tab_off dt {
	padding: 2px;
	margin: 0;
	background: url(../images/ls_tab_off_top.png) no-repeat;
}

dl.vl_tab_on {
	width: 129px;
	margin: 0;
	background: url(../images/ls_tab_on_bottom.png) no-repeat bottom left;
}

dl.vl_tab_on dt {
	padding: 2px;
	margin: 0;
	background: url(../images/ls_tab_on_top.png) no-repeat;
}

dd {
	margin: 0;
	padding: 0 5px 5px 5px;
}

dl.vl_tab_on a {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

dl.vl_tab_off a {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

div.ls_tab_sub_on {
	-x-system-font: none;
	background: #EBFFCA;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	padding: 8px 0 8px 8px;
	text-decoration: none;
}

div.ls_tab_sub_off {
	-x-system-font: none;
	background: none;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	padding: 8px 0 8px 8px;
	text-decoration: none;
}

div.ls_tab_sub_on a {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

div.ls_tab_sub_off a {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

/* LEFT Tabs for radio button list */
table.left_tab_table {
	border-spacing: 0px;
}

table.left_tab_table tr {
	background: url(../images/ls_tab_off_bottom.png) no-repeat bottom left;
}

table.left_tab_table td {
	padding: 7px;
	background: url(../images/ls_tab_off_top.png) no-repeat top left;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

table.left_tab_table input {
	float: left;
}

/* LEFT SIDE TABS */
.ls_tabs {
	border-right: 1px solid #8BAD37;
}

.ls_tab_on {
	height: 31px;
	padding: 8px 0 0 0;
	background: url(..//images/ls_tab_on.png) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.ls_tab_off {
	height: 31px;
	padding: 8px 0 0 0;
	background: url(..//images/ls_tab_off.png) no-repeat;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.sub_wrapper {
	padding: 0 0 15px 0;
}

.ls_tab_sub { /* height: 15px; */
	padding: 8px 0 8px 8px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.ls_tab_sub_active {
	height: 15px;
	padding: 8px 0 8px 8px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #EBFFCA;
	color: #30450C;
}

a.ls_tab_critical {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_critical.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 0;
}

a.ls_tab_warning {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_warning.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 0;
}

a.ls_tab_info {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_info.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 0;
}

.ls_tab_critical {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_critical.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 0;
}

.ls_tab_warning {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_warning.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 0;
}

.ls_tab_info {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_info.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 0;
}

a.ls_tab_drivestyle {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_car.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_speed {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_speed.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_seatbelt {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_seatbelt.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_add_driver {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_add_driver.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_add_vehicle {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_add_vehicle.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_coaching {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_coaching.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_search {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_search.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_driver {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_driver.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_vehicle {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_vehicle.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_map {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_map.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_time {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_time.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_cost {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_cost.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_redflag {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_red_flag.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_add_redflag {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_add_redflag.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_zones {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_zones.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_zone_alerts {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_zone_alerts.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_add_zone_alerts {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_add_zone_alerts.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_asset {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_asset.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_tiwi {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_tiwi.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_add_tiwi {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_add_tiwi.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_trailer {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_trailer.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_add_trailer {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_add_trailer.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_edit_columns {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_edit_columns.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_email {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_email.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_standing {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_vehicle_stopped.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_idling {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_vehicle_idling.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_gas {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_gas.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_mile {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_mile.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_line {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_line.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_overall {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_overall.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_organization {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_building.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_report_schedule {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_email.gif) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_add_report_schedule {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_email.gif) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_sbscr {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_spd_limit.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

a.ls_tab_add_sbscr {
	padding: 6px 10px 7px 20px;
	background: transparent url(../images/ico_add_spd_limit.png) no-repeat center left;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 8px;
}

/* DASHBOARD DETAILS */
.dashboard_detail {
	padding-top: 10px;
}

.dashboard_detail_tabs {
	vertical-align: top;
	padding: 40px 0 0 10px;
}

.dashboard_detail_tabs .tab {
	background: url(../images/ls_tab_off.png) no-repeat;
	height: 31px;
	width: 125px;
}

.dashboard_detail_tabs .selected_tab {
	background: url(../images/ls_tab_on.png) no-repeat;
}

.dashboard_detail_tabs a {
	text-decoration: none;
	color: #000;
	font-size: 10px;
}

.dashboard_detail_tabs img {
	border: none;
	padding: 0 5px 0 8px;
}

.dashboard_detail_content {
	width: 815px;
}

/* SCORE BOX */
.scorebox {
	width: 220px;
	height: 80px;
	background: #f0f0f0;
	border: 1px solid #cfcfcf;
	margin: 0 10px 0 0;
}

.scorebox h4 {
	color: #333;
	font: bold 14px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	padding: 0;
	margin: 0 0 0 10px;
}

.scorebox span {
	padding: 0;
	margin: 0 0 0 10px;
}

.scorebox_lg {
	width: 320px;
	height: 120px;
	background: #f0f0f0;
	border: 1px solid #cfcfcf;
	margin: 0 0 0 0;
}

.scorebox_lg h4 {
	color: #333;
	font: bold 14px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	padding: 0;
	margin: 0 0 0 10px;
}

.scorebox_lg span {
	padding: 0;
	margin: 0 0 0 10px;
}

/* PIE GRID */
.piegrid {
	border-collapse: collapse;
	margin-top: 10px;
	margin: 0 auto 0 auto;
}

.piegrid_label {
	height: 20px;
	margin: 5px 0 0 0;
}

.piegrid_1 {
	border-right: 1px solid #e1e1e1;
	width: 225px;
	height: 205px;
	vertical-align: top;
}

.piegrid_2 {
	border-bottom: 1px solid #e1e1e1;
	width: 225px;
	height: 205px;
	vertical-align: top;
}

.piegrid_3 {
	border-left: 1px solid #e1e1e1;
	width: 225px;
	height: 205px;
	vertical-align: top;
}

.piegrid_4 {
	border-top: 1px solid #e1e1e1;
	width: 225px;
	height: 205px;
	vertical-align: top;
}

/* BREAD CRUMBS */
#breadcrumb {
	margin: 10px 0 0 10px;
	padding: 0;
	color: #384D0F;
}

#breadcrumb li {
	margin: 0;
	padding: 0;
	display: inline; /* Horizontal list */
	list-style: none;
}

#breadcrumb li {
	padding: 0 0.125em 0 0.25em;
	background: url(../images/bc.gif) no-repeat right center;
}

#breadcrumb a {
	margin-right: 12px; /* Width of the arrow */
	background: none;
	color: #384D0F;
}

#breadcrumb .first {
	margin-left: 0;
	padding-left: 0;
}

#breadcrumb .last {
	background: none;
}

/* PAGINATION */
div.pagination_wrap {
	height: 32px;
	background: url(../images/bg_pagination.png) repeat-x;
	width: 940px;
	margin: 0 auto 0 auto;
}

div.pagination_wrap_inner {
	height: 32px;
	background: url(../images/bg_pagination.png) repeat-x;
	width: 800px;
	margin: 0 auto 0 auto;
}

div.pagination_wrap_inner_wide {
	height: 32px;
	background: url(../images/bg_pagination.png) repeat-x;
	width: 930px;
	margin: 0 auto 0 auto;
}

ul#pagination {
	border: 0;
	margin: 0;
	padding: 6px 0 0 0;
	width: 400px;;
}

#pagination li {
	border: 0;
	margin: 0 2px 0 2px;
	padding: 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	list-style: none;
	float: left;
}

#pagination a {
	border: solid 1px #647E33;
	background: #8BAD37;
	margin-right: 4px;
}

#pagination .previous-off,#pagination .next-off {
	border: solid 1px #DEDEDE;
	color: #888888;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 4px;
	padding: 3px 4px;
}

#pagination .next a,#pagination .previous a {
	font-weight: bold;
	color: #fff;
}

#pagination a.active {
	background: #E49E16;
	color: #734F0B;
	font-weight: bold;
	display: block;
	float: left;
	border: 1px solid #A77210;
}

#pagination a:link,#pagination a:visited {
	color: #fff;
	display: block;
	float: left;
	padding: 3px 6px;
	text-decoration: none;
}

/*  DATA GRID LINKS - maps, etc. */
.maplink {
	background: url(../images/ico_map.png) center left no-repeat;
	padding: 0 0 0 20px;
	height: auto; 
}

/* MODAL WINDOW */
.popupHeader {
	background: #8BAD37;
	font-weight: normal;
	height: 30px;
	padding: 9px 5px 0 0;
	border-bottom: 1px solid #000000;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0 4px 10px;
	color: #fff;
}

.popupsubtitle {
	border-top: 1px solid #8BAD37;
	border-bottom: 1px solid #8BAD37;
	padding: 5px;
	margin: 5px;
	background: #EBFFCA;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.popup-chooseFormat-paragraph{
	text-align: center;
}

.popup-chooseFormat-item{
	margin-left:5px;
	margin-right:5px;
	background-color: white;
}

.popupcontent {
	padding: 5px;
	margin: 5px;
	background: #fff;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.popupactions {
	border-top: 1px solid #8BAD37;
	padding: 5px;
	margin: 5px;
	background: #fff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.popupactions button {
	float: right;
	margin-left: 6px;
}

.popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

/* STYLES FOR THE DRIVEQ CHARTS */
.tiny_chart {
	height: 100px;
}

.tiny_selected {
	border: 1px solid #384D0F;
	background: #fff;
	height: 100px;
}

.tiny_selected .tiny_title {
	border-bottom: 1px solid #384D0F;
	background: #EBFFCA;
	font-weight: bold;
}

.tiny_title {
	border-bottom: 1px solid #cfcfcf;
	padding: 5px;
	margin: 5px;
}

.tiny_title div {
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}

.tiny_title a:active,.tiny_title a:link,.tiny_title a:hover,.tiny_title a:visited {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

/* SEVERITY HORIZONTAL BAR CHART THINGY */
.sev_bar_ex {
	width: 125px;
	height: 35px;
	background: url(../images/sev_bar_ex.png) top left no-repeat;
}

.sev_bar_med {
	width: 125px;
	height: 35px;
	background: url(../images/sev_bar_med.png) top left no-repeat;
}

.sev_bar_low {
	width: 125px;
	height: 35px;
	background: url(../images/sev_bar_low.png) top left no-repeat;
}

/* MESSAGE BOXES */
.msg {
	margin: 5px;
	padding: 0;
	list-style: none;
}

.msg p {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 5px 17px 35px;
	background: none;
	/*	color: none;*/
}

.msg li {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 5px 17px 35px;
	list-style: none;
}

.msg dt {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 5px 17px 35px;
	/*	color: none;*/
	list-style: none;
}

.warning {
	background: #ffffcc url(../images/icon_msg_warn.png) top left no-repeat;
	border: 1px solid #eca031;
	color: #c26b06;
}

#redflag {
	background: #fce9e9 url(../images/icon_msg_redflag.png) top left no-repeat;
	border: 1px solid #f46666;
	color: #c44d34;
}

#redflag a:active,#redflag a:link,#redflag a:hover,#redflag a:visited {
	color: #c44d34;
}

.redflag_subnav_description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	right: 40px;
	top: 8px;
}

.info {
	background: #ebf0fa url(../images/icon_msg_info.png) top left no-repeat;
	border: 1px solid #75a3ed;
	color: #395898;
}

#info {
	background: #ebf0fa url(../images/icon_msg_info.png) top left no-repeat;
	border: 1px solid #75a3ed;
	color: #395898;
}

.error {
	background: #fce9e9 url(../images/icon_msg_err.png) top left no-repeat;
	border: 1px solid #f46666;
	color: #c44d34;
}

.success {
	background: #eefcd2 url(../images/icon_msg_success.png) top left no-repeat;
	border: 1px solid #a0bf4e;
	color: #277822;
}

.field-msg {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 1px 16px;
	display: block;
}

.field-warning {
	background: url(../images/icon_msg_warn_small.png) top left no-repeat;
	color: #c26b06;
}

.field-info {
	background: url(../images/icon_msg_info_small.png) top left no-repeat;
	color: #395898;
}

.field-error {
	background: url(../images/icon_msg_err_small.png) top left no-repeat;
	color: #c44d34;
}

/* Data Scroller */
.datascroller table {
	padding: 0;
	margin: 0 auto 1.5em auto;
}

.datascroller td {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 12px 6px 12px;
	color: #333;
}

/*  NEW AND IMPROVED DATA GRID STYLES */
.datagrid_panel {
	padding: 1px;
	overflow: auto;
}

.datagrid_panel>table {
	width: 100%;
}

.datagrid { /*border: 1px solid #8BAD37; */ /*border-collapse:collapse; This doesn't work in IE*/
	
}

.datagrid .cs1 {
	width: 30em;
}

.datagrid .cs2 {
	width: 20em;
}

.datagrid .cs1 td,.datagrid .cs2 td,.datagrid #scientificNotation {
	text-align: right;
}

.datagrid caption {
	padding: 0 0 5px 0;
	margin: 0 auto;
	width: auto;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.datagrid th {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #8BAD37;
	letter-spacing: 1px;
	/* text-transform: uppercase; */
	text-align: left;
	padding: 8px 12px 4px 12px;
	background: #8EAF3C url(../images/bg_header.jpg) no-repeat;
	vertical-align: middle;
}

.filterabledatagrid th {
	background: #8EAF3C url(../images/bg_header_filterable.jpg) no-repeat;
	vertical-align: top;
}

.datagrid td.total {
	border-top: 0;
	border-left: 0;
	/* border-right: 1px solid #8BAD37; */
	background: none;
	text-align: right;
	font-weight: bold;
	/* text-transform:uppercase; */
	letter-spacing: 1px;
}

.datagrid th.sortable,.datagrid th.sortable-text,.datagrid th.sortable-date,.datagrid th.sortable-keep,.datagrid th.sortable-date-dmy,.datagrid th.sortable-numeric,.datagrid th.sortable-currency,.datagrid th.sortable-sortByTwelveHourTimestamp,.datagrid th.sortable-sortIPAddress,.datagrid th.sortable-sortEnglishLonghandDateFormat,.datagrid th.sortable-sortScientificNotation,.datagrid th.sortable-sortImage,.datagrid th.sortable-sortFileSize,.datagrid th.sortable-sortAlphaNumeric,.datagrid th.sortable-sortEnglishDateTime
	{
	cursor: pointer;
	background: #8EAF3C url(../images/bg_header_sortable.jpg) no-repeat;
	padding: 8px 12px 4px 16px;
}

.datagrid th.forwardSort {
	background: #8EAF3C url(../images/bg_header_down.jpg) no-repeat 0 0;
}

.datagrid th.reverseSort {
	background: #8EAF3C url(../images/bg_header_up.jpg) no-repeat 0 0;
}

.datagrid thead th.forwardSort a,.datagrid thead th.reverseSort a {
	color: #000;
	text-decoration: none;
}

/*
These styles should be added when very long tables are expected
.datagrid th.sort-active {
        background:#8EAF3C url(../images/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
.datagrid th.sort-active a {
        color:#a80000 !important;
        cursor:wait;
        }
*/
.datagrid th a {
	text-decoration: none;
	color: #4f6b72;
	background: transparent;
}

.datagrid a {
	text-decoration: underline;
	color: #333;
}

/*		
.datagrid td img {
        margin:0 auto;
        border:3px solid #ddd;
        }
		
.datagrid td a:hover {
        color:#333;
        border-bottom:1px dotted #a80000;
        background:transparent;
        }
*/
.datagrid > tbody > tr > td {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	/*border-right: 1px solid #8BAD37; 
        border-bottom: 1px solid #8BAD37; */
	padding: 8px;
	color: #333;
}

.datagrid td.lft {
	text-align: left;
}

.datagrid tr.alt {
	background: #EBFFCA;
	color: #333;
}

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
.datagrid tr[class="alt"] td {
	background: #EBFFCA url(../images/td_alt.jpg) no-repeat;
}

.datagrid td[class~="alt"] {
	background: #CADF9A url(../images/col_alt.jpg) no-repeat !important;
}

/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child 
.datagrid tbody tr.alt td:first-child {
        background: #EBFFCA url(../images/bullet2.gif) no-repeat;
        font-weight:bold;
        }
.datagrid tbody tr td:first-child {
        background: #fff url(../images/bullet1.gif) no-repeat;
        font-weight:bold;
        }*/ /* Image free rules for Internet Explorer < 7 */
* html .datagrid tr.alt td {
	background-color: #EBFFCA;
}

* html .datagrid tr td.alt,* html .datagrid tr.alt td.alt {
	background-color: #CADF9A;
}

/* Large Scroller  */
.dataScrollerLarge table {
	padding: 0;
}

.dataScrollerLarge td a {
	text-decoration: underline;
	color: #333;
}

.dataScrollerLarge td {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 12px 6px 12px;
	color: #333;
}

/* Small Scroller */
.dataScrollerSmall table {
	padding: 0;
}

.dataScrollerSmall td a {
	text-decoration: underline;
	color: #333;
}

.dataScrollerSmall td {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px 2px 4px;
	color: #333;
}

.sortArrows {
	border: 0px;
	vertical-align: middle;
}

/* Pagination list styles */
ul.fdtablePaginater {
	display: table;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	height: 2em;
	/*width:auto;*/
	margin-bottom: 2em;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

ul.fdtablePaginater li {
	display: table-cell;
	padding-right: 4px;
	color: #666;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
}

ul.fdtablePaginater li a.currentPage {
	border-color: #647E33 !important;
	color: #333;
	font-weight: bold;
}

ul.fdtablePaginater li a:active {
	border-color: #222 !important;
	color: #222;
}

ul.fdtablePaginater li a,ul.fdtablePaginater li div {
	display: block;
	width: 2em;
	font-size: 1em;
	color: #666;
	padding: 0;
	margin: 0;
	text-decoration: none;
	outline: none;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.fdtablePaginater li div {
	cursor: default;
	opacity: .5;
	filter: alpha(opacity =             50);
}

ul.fdtablePaginater li a span,ul.fdtablePaginater li div span {
	display: block;
	line-height: 2em;
	border: 1px solid #fff;
	background: #fff url(../images/gradient.gif) repeat-x 0 -20px;
}

ul.fdtablePaginater li a {
	cursor: pointer;
	cursor: hand;
}

ul.fdtablePaginater li a:focus {
	color: #333;
	text-decoration: none;
	border-color: #aaa;
}

.fdtablePaginaterWrap {
	text-align: center;
	clear: both;
	text-decoration: none;
}

ul.fdtablePaginater li .next-page span,ul.fdtablePaginater li .previous-page span,ul.fdtablePaginater li .first-page span,ul.fdtablePaginater li .last-page span {
	font-weight: bold !important;
}

#visibleTotal {
	text-align: center;
	letter-spacing: normal;
}

* html ul.fdtablePaginater li div span,* html ul.fdtablePaginater li div span {
	background: #eee;
}

.datagrid tr.invisibleRow {
	display: none;
}

/* ADMIN SECTION -- GET YOUR ADD ON ... */
.add_section_title {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #333;
	padding: 5px;
	text-align: left;
}

span.required {
	color: #990000;
}

.required-key {
	color: #990000;
	text-align: right;
}

/*

Search box in the menu

*/
#menu_search_box {
	height: 26px;
	margin-top: 6px;
	border: 0;
}

#menu_search_box td.left {
	width: 10px;
	height: 26px;
}

#menu_search_box td.right {
	width: 10px;
	height: 26px;
}

#menu_search_box td.middle {
	height: 26px;
	background: url(../images/search_box_middle.png) repeat-x;
}

/* OLD SEACH BOX IN DASHBOARDS */
#search_box {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 6px 0 0 0;
}

#search_box input.text,#search_box select {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

input.text,select.text {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

input.filterText {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border: 0.5px solid #7F9DB9;
	-webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
}

/* SEACH BOX IN GRID NAV */
#grid_nav_search_box {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 2px 0 0 0;
}

#grid_nav_search_box input.text,#grid_nav_search_box select {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

#grid_nav_group_box {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 2px 0 0 0;
}

#grid_nav_group_box select {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

#grid_nav_timeframe_box {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 2px 0 0 0;
}

#grid_nav_timeframe_box select {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 150px;
	height: 22px;
	float: none;
}

/* WIZARD NAVIGATION STEPS */
.steps {
	width: 800px;
	height: 70px;
	background: #fff;
}

#mainNav {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
	margin: 0;
	background: #fff;
	padding: 10px 0 0 10px;
}

#mainNav li {
	height: 50px;
	list-style: none;
	float: left;
	background-color: #EBEBEB;
	background-image: url(../images/navBtn.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
}

#mainNav li.current {
	background-color: #4C94DB;
	background-image: url(../images/navCurrentBtn.png);
}

#mainNav li.currentSuccess {
	background-color: #4C94DB;
	background-image: url(../images/navCurrentLastBtn.png);
}

#mainNav li.offSuccess {
	background-image: url(../images/navOffLastBtn.png);
}

#mainNav li.success {
	background-color: #8BAD37;
	background-image: url(../images/navSuccess.png);
	color: #fff;
}

#mainNav li.lastDone {
	background-color: #ADCFF4;
	background-image: url(../images/navLastDoneBtn.png);
}

#mainNav li.done {
	background-color: #ADCFF4;
	background-image: url(../images/navDoneBtn.png);
}

#mainNav li a,#mainNav li a:link,#mainNav li a:visited,#mainNav li a:hover,#mainNav li a:active {
	color: #999;
}

#mainNav li.success a,#mainNav li.success a:link,#mainNav li.success a:visited,#mainNav li.success a:hover,#mainNav li.success a:active,#mainNav li.currentSuccess a,#mainNav li.currentSuccess a:link,#mainNav li.currentSuccess a:visited,#mainNav li.currentSuccess a:hover,#mainNav li.currentSuccess a:active,#mainNav li.lastDone a,#mainNav li.lastDone a:link,#mainNav li.lastDone a:visited,#mainNav li.lastDone a:hover,#mainNav li.lastDone a:active,#mainNav li.current a,#mainNav li.current a:link,#mainNav li.current a:visited,#mainNav li.current a:hover,#mainNav li.current a:active,#mainNav li.done a,#mainNav li.done a:link,#mainNav li.done a:visited,#mainNav li.done a:hover,#mainNav li.done a:active
	{
	color: #fff;
	text-decoration: none;
}

#mainNav li.done a:hover,#mainNav li.lastDone a:hover {
	color: #fff;
	cursor: hand;
}

#mainNav li a em {
	width: 108px;
	display: block;
	margin: 6px 0 0 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

#mainNav li a span {
	width: 94px;
	display: block;
	margin-left: 10px;
	font-weight: normal;
}

#mainNav li a div.complete {
	padding: 6px 4px 0 10px;
}

#mainNav li.mainNavNoBg {
	background-image: none;
}

#mainNav li a {
	height: 50px;
	display: block;
	text-decoration: none;
}

/* #mainNav.sixStep */
#mainNav.sixStep li {
	width: 125px;
}

#mainNav.sixStep li a {
	width: 125px;
}

#mainNav.sixStep li.success {
	width: 155px;
}

#mainNav.sixStep li.success a {
	width: 155px;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li {
	width: 150px;
}

#mainNav.fiveStep li a {
	width: 150px;
}

#mainNav.fiveStep li.success {
	width: 180px;
}

#mainNav.fiveStep li.success a {
	width: 180px;
}

/* #mainNav.fourStep */
#mainNav.fourStep li {
	width: 200px;
}

#mainNav.fourStep li a {
	width: 200px;
}

#mainNav.fourStep li.success {
	width: 150px;
}

#mainNav.fourStep li.success a {
	width: 150px;
}

/* #mainNav.threeStep */
#mainNav.threeStep li {
	width: 300px;
}

#mainNav.threeStep li a {
	width: 300px;
}

#mainNav.threeStep li.success {
	width: 150px;
}

#mainNav.threeStep li.success a {
	width: 150px;
}

/* #mainNav.twoStep */
#mainNav.oneStep li {
	width: 600px;
}

#mainNav.oneStep li a {
	width: 600px;
}

#mainNav.oneStep li.success {
	width: 150px;
}

#mainNav.oneStep li.success a {
	width: 150px;
}

.clearfloat {
	clear: both;
	display: block;
	height: 0;
}

/* the day selector in the zone alert wizard ... */
table.days {
	border: 1px solid #8BAD37;
	border-collapse: collapse;
}

table.days td {
	border: 1px solid #8BAD37;
	border-collapse: collapse;
}

table.days th {
	background: #EBFFCA;
	font-weight: normal;
	border: 1px solid #8BAD37;
	border-collapse: collapse;
}

table.days a {
	color: #333;
	text-decoration: none;
}

table.notification_table {
	border: 0;
	padding: 0;
	margin: 0;
}

table.notification_table td {
	border: 0;
	padding: 5px;
	margin: 0;
}

table.clearit {
	border: 0;
	/* padding: 0;
	margin: 0; */
}

table.clearit td {
	border: 0;
	/* padding: 5px;
	margin: 0; */
}

/* Text msg inbox table */
table.inbox {
	border-spacing: 0px;
	
}
table.inbox td.inbox {
	padding: 7px;
}
table.inbox td h1 {
	color: #333;
	font: bold 12px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	height: 31px;
	margin: 0 0 0 15px;
	padding: 6px 0 0 0;
	margin-left: 10px;
	position: relative;

}	
/* The following was being applied to ALL tables.
table {
	border: 0;
	//padding: 0;
	//margin: 0;
	}
	
table td {
	border: 1;
	//padding: 5px;
	//margin: 0;  
	}
	
	*/ /*  MAP CAR LEGEND */
table.carlegend {
	margin: 0 0 0 0px;
	padding: 0;
	width: 100%;
	border-width: 0px;
}

.carlegend tr td {
	border-width: 0px;
	border-bottom: 0px;
}

.carlegend td a {
	color: #333333;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

ul.legend {
	margin: 0 0 0 10px;
	padding: 0;
}

.legend li {
	list-style: none;
	padding: 5px 0 5px 20px;
	float: left;
	width: 125px;
}

.legend td a {
	color: #333333;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

.legend li a {
	color: #333333;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

.legend li.red {
	background: url(../images/ico_car_red.png) no-repeat 0 50%;
}

.legend li.orange {
	background: url(../images/ico_car_orange.png) no-repeat 0 50%;
}

.legend li.lt_blue {
	background: url(../images/ico_car_lt_blue.png) no-repeat 0 50%;
}

.legend li.purple {
	background: url(../images/ico_car_purple.png) no-repeat 0 50%;
}

.legend li.gray {
	background: url(../images/ico_car_gray.png) no-repeat 0 50%;
}

.legend li.green {
	background: url(../images/ico_car_green.png) no-repeat 0 50%;
}

.legend li.blue {
	background: url(../images/ico_car_blue.png) no-repeat 0 50%;
}

.legend li.lt_gray {
	background: url(../images/ico_car_lt_gray.png) no-repeat 0 50%;
}

.legend li.pink {
	background: url(../images/ico_car_pink.png) no-repeat 0 50%;
}

.lgnd {
	width: 140px;
	font-weight:bold;
	font-size:12;
}

.lgnd .top {
	background: url(../images/lgnd_top.png) no-repeat bottom left;
	height: 10px;
}

.lgnd .mid {
	background: url(../images/lgnd_mid.png);
}

.lgnd .bot {
	background: url(../images/lgnd_bot.png) no-repeat top left;
	height: 10px;
}

.lgnd .o_score {
	background: url(../images/lgnd_label.png) no-repeat left center;
	padding: 10px 0 10px 30px;
	margin: 0;
}

#footer_copyright {
	float: left;
	width: 30%;
	margin-left: 20px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	display: block;
}

#footer_horz_nav {
	float: right;
	margin-right: 20px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	display: block;
}

#footer_horz_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
}

#footer_horz_nav ul li {
	margin: 0;
	padding: 0 10px 0 10px;
	list-style: none;
	display: inline;
}

#footer_horz_nav ul a {
	padding: 0;
	text-decoration: none;
	border-bottom: none;
	color: #000;
	display: inline;
}

#footer_horz_nav ul a:hover,#footer_horz_nav ul a.active {
	color: #000;
	text-decoration: underline;
}

.errorPopup {
	text-align: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

.version {
	font-size: 9px;
	color: gray;
	padding-top: 5px;
	width: 960px;
}

.instructions {
	font-size: 9px;
	color: gray;
}

.disabled {
	color: gray;
}

/*  Trend table definitions  */
.trendTableOdd {
	background: #ffffff;
}

.trendTableEven {
	background: #EBFFCA;
}

.trendTableScore {
	text-align: center;
}

/* Regular table definitions */
.tableOdd {
	background: #ffffff;
}

.tableEven {
	background: #EBFFCA;
}

.selectedRow {
	background: #f7d673;
	border: 1px solid #8BAD37;
}

.extdt-cell {
	border-right: 1px solid #8BAD37;
	border-left: 1px solid #8BAD37;
	border-bottom: 1px solid #8BAD37;
}

/* HORIZONTAL TABS FOR THE TEAMS PAGE, MAYBE OTHERS ... */
ul.htabs {
	border-bottom: 1px solid #8BAD37;
	margin: 0;
	padding: 0;
	height: 28px;
}

ul.htabs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 2px 0 0;
}

ul.htabs li.inactive .tabLeft {
	background: #fff url(../images/top_left.gif) no-repeat;
	height: 28px;
}

ul.htabs li.inactive .tabRight {
	background: url(../images/top_right.gif) repeat-x right top;
	color: #333;
	font: bold 14px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	height: 28px;
	padding-right: 15px;
	margin-left: 10px;
	position: relative;
}

ul.htabs li.active .tabLeft {
	background: #fff url(../images/top_left_on.gif) no-repeat;
	height: 28px;
}

ul.htabs li.active .tabRight {
	background: url(../images/top_right_on.gif) repeat-x right top;
	color: #333;
	font: bold 14px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	height: 28px;
	padding-right: 15px;
	margin-left: 10px;
	position: relative;
}

ul.htabs .tabBorder {
	padding: 5px 0 0 0;
}

ul.htabs span.overall {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_overall.png) no-repeat center left;
}

ul.htabs span.speed {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_speed.png) no-repeat center left;
}

ul.htabs span.seatbelt {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_seatbelt.png) no-repeat center left;
}

ul.htabs span.driving {
	padding: 0 0 0 20px;
	background: transparent url(../images/ico_vehicle.png) no-repeat center left;
}

ul.htabs span.tab a:link {
	color: #333;
}

ul.htabs span.tab a:hover {
	color: #333;
}

ul.htabs span.tab a:active {
	color: #333;
}

ul.htabs span.tab a:visited {
	color: #333;
}

ul.htabs li.inactive span.tab a {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

ul.htabs li.inactive span.tab a {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

ul.htabs li.active span.tab a {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.red {
	color: #ff0000;
}

.google_popups_header {
	font-size: 13px;
	text-align: left;
	color: #333;
}

.google_popups_header a:link {
	color: #333;
}

.google_popups_header a:visited {
	color: #333;
}

.google_popups_rows {
	text-align: left;
	vertical-align: top;
}

.google_popups_rows a:link {
	color: #333;
}

.google_popups_rows a:visited {
	color: #333;
}

.google_popups_footer {
	font-size: 13px;
	text-align: left;
	color: #333;
}

.active-row {
	background-color: #f7d673;
	color: #333333;
}

.selected-row {
	background-color: #f7d673;
	color: #333333;
}

.excluded-row-font {
	color: #cccccc;
}

.d-row {
	background-color: #cccccc;
	color: #ffffff;
}

/*

ok, so sometimes, do not show that top pagination navigation!!!
this is done by taking the ID of the table that is being paginated,
and adding -fdtablePaginaterWrapTop to an ID, and setting the css
to display: none.  Example ...

#zones_table-fdtablePaginaterWrapTop { display: none; }

*/
#driver_table-fdtablePaginaterWrapTop {
	display: none;
}

#vehicle_table-fdtablePaginaterWrapTop {
	display: none;
}

#zones_table-fdtablePaginaterWrapTop {
	display: none;
}

#trips_table-fdtablePaginaterWrapTop {
	display: none;
}

#trip_detail-fdtablePaginaterWrapTop {
	display: none;
}

/*
Tree View
*/
.selectedNode {
	border: 1px solid #F2B279;
	background-color: #FEF2C6
}

.clickable-map-icon {
	cursor: pointer;
	border: none;
}

/*
Slider (Device Sensitivity)
*/
.handleSelected {
	background-image: url(../images/selectedSliderHandle.gif);
}

/*
Slider (Red Flag Driver Style Severity)
*/
.severitySliderHandle {
	height: 28px;
	background-image: url(../images/sev_bar_marker.png);
}

.severity-slider-handle {
	height: 28px;
	width: 9px;
	background-image: url(../images/sev_bar_marker.png);
}

.severity-slider-bar {
	padding: 0px;
	margin-left: -10px;
	margin-right: -12px;
	height: 28px;
	background-image: url(../images/sev_bar_no_marker.png);
}

.severity-table-odd {
	background-color: #ffffff;
	border: #ffffff solid 1px;
}

.severity-table-even {
	background-color: #EBFFCA;
	border: #EBFFCA solid 1px;
}

td.crash-summary-title {
	margin: 0;
	padding: 0 2px 0 10px;
	color: #333;
	font: normal 10px Verdana, Tahoma, Arial, sans-serif;
}

td.crash-summary {
	margin: 0;
	padding: 0 2px 0 10px;
	color: #333;
	font: normal 10px Verdana, Tahoma, Arial, sans-serif;
}

td.middle select {
	width: 95px;
	margin-top: 0;
	margin-left: 5px;
}

.infoWindow p {
	margin: 3px;
}

/* Drag and drop panels */
.panelc {
	width: 25%;
	vertical-align: top;
}

.dropTargetPanel {
	width: 90%;
}

.footerClass {
	text-align: center;
	padding-top: 5px;
}

.tableEdited {
	background: #d3d3d3 none repeat-x;
}


.rptdatagrid th {
	text-align: center;
}
       
.rpt_nav ul{
				height: 24px;
				list-style: none;
				padding: 0;
				/* margin: 0 10px 0 10px; */
				margin: 0;
				font: normal 10px Verdana, Arial, Helvetica, sans-serif;
				float: left;
}
.rpt_nav ul li {
				list-style: none;
				padding: 2px 4px 2px 2px; 
				margin: 0;
}
			
.rpt_nav ul li.text {
				list-style: none;
				padding: 12px 5px 0 5px;
				margin: 0;
}
			
.rpt_nav ul li.r {
				float: right;
}
			
.rpt_nav ul li.l {
				float: left;
				margin: 6px;
}
			
.rpt_nav ul li.select {
				list-style: none;
				padding: 0px 4px 2px 2px;
				margin: 0;
}
			
.rpt_nav ul a {
				padding: 2px 13px 2px 13px;
				text-decoration: none;
				border-bottom: none;
				color: #000;
}

.rpt_nav ul a:hover,.rpt_nav ul a.active,.rpt_nav ul li a:hover,.rpt_nav ul li a:active {
				color: #000;
				text-decoration: underline;
}

.rpt_nav ul a.active,.rpt_nav ul li a.active {
				font-weight: bold;
}
			
.rpt_nav li a.viewTable {
				padding: 6px 10px 7px 20px;
				background: transparent url(../images/ico_grid.png) no-repeat center left;
				text-decoration: none;
				color: #000;
				margin: 0 0 0 8px;
}
.rpt_nav li a.viewHTML {
				padding: 6px 10px 7px 20px;
				background: transparent url(../images/ico_legend.png) no-repeat center left;
				text-decoration: none;
				color: #000;
				margin: 0 0 0 8px;
}
.rpt_nav li a.exportPDF {
				padding: 6px 10px 7px 20px;
				background: transparent url(../images/ico_pdfSmall.gif) no-repeat center left;
				text-decoration: none;
				color: #000;
				margin: 0 0 0 8px;
}
.rpt_nav li a.exportExcel {
				padding: 6px 10px 7px 20px;
				background: transparent url(../images/ico_excel.png) no-repeat center left;
				text-decoration: none;
				color: #000;
				margin: 0 0 0 8px;
}
.rpt_nav li a.exportCsv {
				padding: 6px 10px 7px 20px;
				background: transparent url(../images/ico_csv.png) no-repeat center left;
				text-decoration: none;
				color: #000;
				margin: 0 0 0 8px;
}
.rpt_nav li a.email {
				padding: 6px 10px 7px 20px;
				background: transparent url(../images/ico_email.gif) no-repeat center left;
				text-decoration: none;
				color: #000;
				margin: 0 0 0 8px;
}

#report_description{
				padding: 8px 0 0 55px;
}
hr.minorSeparator{
	border: none 0;
	border-top: 1px dotted #000;
	width: 100%;
	height: 1px;
}
.wide_select {
	width: 100px;
	margin-top: 0px;
}
.wide_select_status {
	width: 100px;
	margin-top: 0px;
}

.panel_title span.team_what_happened_disclaimer {
	font-size: 9px;
}
/*to remove row separators in editcolumnspopup   */
.editColumnNoGrid td {
	border-bottom: 0px;
}

.customDriverSearchbox{
	width: 120px;
	float: left;
}

.hideAssetsWithNoScoreLabel {
	float: none;
	width: 40%;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
	overflow: auto;
	display: inline-block;
}

.hideAssetsWithNoScoreSpan {
	padding-bottom: 5px;
	display: block;
	height: 20px;
}

.aboveFieldMsg{
	font-size:10px;
}

.navigation_container {
	width: 100%;
	border: 0;
	height: 52px;
	position: absolute;
	top: 0px;
	z-index: 100000;
}
.navigation_container.extended {
	height: 235px;
}