/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
/*  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;*/
	font-family: inherit;
/*  vertical-align: baseline;*/
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	min-width:700px;
  width: 100%;
}

#content {
	margin: 0 auto;
	padding: 5px 10px 5px 10px;
	min-height: 400px;
}
  #content_body {
    margin: 10px;
    width: 100%;
  }

/*header CSS */

#header {
/*  padding: 0;
  margin: 0;*/
	height: 94px;
	background-color: #132950;
	position: relative;
}

  body.division div#header {
  	background-color: #93b6d6;
  }

  span.company_name {
  	color: #ffffff;
  	font-size: 21px;
  }

    body.division span.company_name {
    	color: #152c4c;
    }

  div#logo {
  	text-align: right;
  }

  div#header #logo {
  	float: left;
  }

  div#header_login {
  	margin: 0 auto;
  	width: 860px;
  	margin-top: 20px;
  	vertical-align: middle;
  }

  div#header_login #logo {
  	float: left;
  }

  .header_{
    background-color: #6699CC;
  	color: #FFFFFF;
  	font-size: 12px;
  	padding: 5px;
  	width:55%;
  }

  #division_detail {
    display: block;
  }

  #division_selector {
    font-size: 12px;
  }

/*header CSS End*/

#nav_tabs {
	background-color: #132950;
	width: 100%;
	margin: 13px 0 0 0;
	padding: 0 10px 0 10px;
}

body.division #nav_tabs {
	background-color: #93b6d6;
}

  #nav_tabs ul {
  	padding: 0;
  	margin: 0;
  }

    #nav_tabs li {
    	float:left;
    	list-style-type: none;
    	display: inline;
    	background-color: #93b6d6;
    	padding: 4px 0; /* 1px less padding for IE */
    	margin: 0 1px;
    }

    body.division #nav_tabs li {
    	background-color: #656565;
    }

  #nav_tabs a {
  	color: #ffffff;
  	font-weight: bold;
  	text-decoration: none;
  	padding: 5px 10px;
  	font-size: 13px;
  }

  body.division #nav_tabs a {
  	color: #ffffff;
  }

  #nav_tabs a:hover {
  	background-color: #b9c7d4;
  	color: #003366;
   	padding: 5px 10px;
  }

  body.division #nav_tabs a:hover {
  	background-color: #b9c7d4;
  	color: #030117;
  }

  #nav_tabs .selected a {
  	font-weight: bold;
  	color: #5d6b6c;
  	background-color: #ffffff;
  	padding: 5px 10px;
  }

  #nav_tabs .selected a:hover {
  	font-weight: bold;
  	color: #5d6b6c;
  }

  body.division #nav_tabs .selected a, body.division #nav_tabs .selected a:hover {
  	font-weight: bold;
  	color: #030117;
  }

  #nav_tabs .selected_subnav a {
  	font-weight: bold;
  	color: #5d6b6c;
  	background-color: #ffffff;
  	padding: 5px 10px;
  }

  body.division #nav_tabs .selected_subnav a {
  	color: #030117;
  }

  #nav_tabs .selected_subnav a:hover {
  	color: #F26730;
  	background-color: #EEEEEE;
  }

  #nav_tabs .right {
  	float: right;
  	margin-right: 0;
  	margin-left: 2px;
  }

  #nav_tabs .far_right {
  	float: right;
  	margin-right: 30px;
  	margin-left: 2px;
  }

#ub-login{ float:right; font-size:10px; color:#FFFFFF; margin-right:20px; height: 58px;}
#ub-login a:link {color:#fff; font-size:10px;font-weight:normal;text-decoration:underline; }
#ub-login a:visited {color:#fff; font-size:10px;font-weight:normal;text-decoration:underline; }
#ub-login a:hover {color:#fff;text-decoration:none;}

div#logo {
	text-align: right;
}

div#subnav {
	background-color: #EEEEEE;
	padding: 7px 20px;
}

div#footer {
	border-top: 1px solid #cccccc;
	padding: 10px 0 0 0;
	margin: 20px;
	text-align: center;
	color: #666666;
	font-size: 10px;
	clear:both;
}

#device_list ul {
	padding: 0;
	margin: 0;
}

#device_list li {
	list-style-type: none;
	background-color: #EEEEEE;
	padding: 7px;
	margin: 5px;
	color: #666666;
}

#device_list a {
	color: #333333;
}

div#title {
	margin: 10px 10px 0 10px;
	padding: 5px;
	background-color: #7CA8D3;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div#main_container {
	background-color: #EEEEEE;
	margin: 0 10px 10px 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#device_list_old {
	margin: 10px;
	padding: 0;
	list-style-type: none;
	float: left;
}

#device_list_old a {
	display: block;
	padding: 3px;
	width: 160px;
	background-color: #369;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	color: #FFFFFF;
}

#device_list_old .no_data {
	display: block;
	background-color: #CCCCCC;
	padding: 3px;
	border-bottom: 1px solid #eee;
}

#device_list_old a:link, #navlist a:visited {
	text-decoration: none;
}

#device_list_old a:hover {
	background-color: #036;
}

div#map {
	width: 500px;
	height: 500px;
	float: left;
}

div#success_message {
	border: 2px solid #006600;
	background-color: #5ABD5A;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	margin: 10px 5px;
}

div#error_message, div.errorExplanation {
	border: 2px solid #990000;
	background-color: #FF6262;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
}

div#error_message h2, div.errorExplanation h2 {
	font-size: 12px;
}
div#updating {
	float: right;
	background-color: #FFFF00;
	padding: 0 3px;
	color: #333333;
}

table th {
  text-align: left;
  background-color: #f0f5f9;
}
  tr.alt {
    background-color: #eeeeee;
  }

.form_table {
	padding: 5px;
}

/*.form_table th {
	color: #666666;
	text-align: right;
}*/

.form_table td {
	padding: 5px;
}

.form_table td > input[type="text"], input[type="password"] {
	width: 200px;
}

.panel_table {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.panel_table th {
	background-color: #CCCCCC;
	color: #003366;
	padding: 5px;
	border: 1px solid #FFFFFF;
}

.panel_table td {
	padding: 5px;
	border: 1px solid #FFFFFF;
}

.panel_table .header {
	background-color: #6699CC;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
}

.data_table {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.data_table th {
	background-color: #CCCCCC;
	color: #003366;
	padding: 5px;
	border: 1px solid #FFFFFF;
	text-align: left;
}

.data_table td {
	padding: 5px;
	border: 1px solid #FFFFFF;
	text-align: left;
}

.header_{
  background-color: #6699CC;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
	width:55%;}

.light_row {
	background-color: #FFFFFF;
}

.dark_row {
	background-color: #EEEEEE;
}

.selected_row {
	background-color: #FFFFCC;
}

hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: 0;
	height: 1px;
}

.helper {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

.settings_box {
	padding: 10px;
	color: #666666;
	width: 98%;
	border-bottom: 1px solid #CCCCCC;
}

.settings_notification {
	padding-top: 10px;
	color: #666666;
	width: 98%;

}

.settings_notification div {
	padding-top:6px;

}

.settings_box h2{font-size: 14px; font-weight: bold; padding:0px; margin:0px}
.gray_box {
	padding: 10px;
	background-color: #eeeeee;
	width: 97%;
	margin-left:25px;
	margin-top:10px;

}
.gray_box div {
	padding-top:3px;

}

div#side_tb_box{
	width:55%; float:left; margin-top:5px;
}

div#paging {
	margin: 20px 0;
	text-align: center;
	font-size: 14px;
}

.current_page_link {
	color: #FFFFFF;
	background-color: #003366;
	padding: 3px;
}

.group_head_{
    background-color: #6699CC;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
	width:;}

panel_table .group_head {
	background-color: #6699CC;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
}
.group_head {
width:98%;
background-color:#cccccc;
float:left;
padding:0px;
height:24px;
line-height:24px;
}

.group_head div {
float:left;
margin-right:25px;
width
}

span.group_1 {
background:url(/icons/blue_small.png) no-repeat left;
width:;
height:24px;
display:block;
margin-bottom:0px;
padding-left:30px;
font-weight:bold;
}

/*.link-all1{ color:#1364B2; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal;text-decoration:underline;}
.link-active{ color:#1364B2; text-decoration:none;font-weight:bold;}
.link-all1:hover{ color:#1364B2;text-decoration:none;}
.link-all1:active{ color:#1364B2;text-decoration:none;}*/
.alert{width:98%;color:#336633;border:1px #99cc99 solid; text-align:center; background-color:#E5F1F4;margin-top:10px;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:10pt;}

/* Pagination Class */

.ublip-pagination {font-size:14px; text-align:center;padding:10px 0} /*changed from 9*/
.ublip-pagination A { PADDING-LEFT: 0.2em;  PADDING-BOTTOM: 0.1em; MARGIN-RIGHT: 0.1em; PADDING-TOP: 0.1em;  TEXT-DECORATION: none; color:#003399;}
.ublip-pagination A:hover {color:#003399; text-decoration:underline;}
.ublip-pagination SPAN.current { PADDING-RIGHT: 0.5em;   PADDING-LEFT: 0.5em;  PADDING-BOTTOM: 0.1em; MARGIN-RIGHT: 0.1em; PADDING-TOP: 0.1em;  FONT-WEIGHT: bold;  COLOR: #333;}*/

div#result_count {
	font-weight: bold;
	text-align: center;
	color: #333333;
}

.tabs {
	position: relative;
	height: 487px;
	background-color: #E6E6E6;
}

.tabs ul.tab_items {
	float: left;
	width: 150px;
	margin: 0px;
	margin-left: 5px;
	margin-top: 30px;
	padding: 0px;
	list-style-type: none;
}

.tabs ul.tab_items li {
	margin: 0px;
	padding: 0px;
	text-align: right;
	height: 46px;
	background-color: #E6E6E6;
	border-bottom: 1px solid #C7C7C7;
}

.tabs ul.tab_items li.active {
	background-color: white;
}

.tabs ul.tab_items li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	padding-right: 15px;
	padding-top: 15px;
	text-decoration: none;
	color: red;
}

.tabs .panel {
	position: absolute;
	overflow: auto;
	top: 30px;
	left: 150px;
	height: 380px;
	width: 430px;
	padding-top: 46px;
	padding-left: 20px;
	padding-right: 5px;
	background-color: white;
}

.wide_tabs {
	position: relative;
}

.wide_tabs ul.tab_items {
	float: left;
	width: 100px;
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	list-style-type: none;
	background-color: #E6E6E6;
}

.wide_tabs ul.tab_items li {
	margin: 0px;
	padding: 0px;
	text-align: right;
	height: 46px;
	background-color: #E6E6E6;
	border-bottom: 1px solid #C7C7C7;
}

.wide_tabs ul.tab_items li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	padding-right: 15px;
	padding-top: 15px;
	color: #1A1834;
}

.wide_tabs ul.tab_items li a.current {
	color: #00355F;
	font-weight: bold;
	text-decoration: none;
}


.wide_tabs .panel {
	position: relative;
	overflow: auto;
	width: 85%;
	margin-left: 50px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: white;
}

form ul li {
  display: inline;
  list-style-type: none;
}

form ul.error-items li {
  display: list-item;
}

.right {
  text-align: right;
}
.left {
  text-align: left;
}

/*submenu CSS*/
#submenu, .scope_menu {
	color: #333333;
	font-weight: bold;
	background-color: #eaeaea;
	padding: 5px 17px 5px 17px;
	margin: 10px 10px 5px 10px;
	list-style-type: none;
	}
  #submenu .current, .scope_menu .current{
  	color: #00355F;
  	font-weight: bold;
  	text-decoration: none;
  	}

ul#submenu, ul.scope_menu {
  display: block;
  height: 15px;
}
ul#submenu li, ul.scope_menu li {
  float: left;
  margin-right: 5px;
  font-size: 12px;
}
ul#submenu li + li, ul.scope_menu li + li {
	padding-left: 5px;
	border-left: solid #999999 1px;
}
ul#submenu li.additional_report_nav, ul.scope_menu li.additional_report_nav {
  float: right;
  border: none;
}

.submenu-left {
  float: left;
}

.submenu-right {
  float: right;
}

/*submenu CSS End*/

/*Filter bar - for now is a clone of the submenu*/
.filter-bar {
	color: #333333;
	font-weight: bold;
	background-color: #eaeaea;
	padding: 5px 17px 5px 17px;
	margin: 10px 10px 5px 10px;
	list-style-type: none;
	}

/*link CSS */

a:link {
	color:#132950;
	font-weight:normal;
	text-decoration:underline; }
a:visited {
	color:#132950;
	font-weight:normal;
	text-decoration:underline;}
a:hover {
	color:#132950;
	text-decoration:none;}

body.division a:link, body.division a:visited, body.division a:hover {
	color: #424a71;
}
/*link CSS end*/

/*form CSS */

label {
  font-weight: bold;
}

input.trip_type {
  width: 20px;
}

.form td {
	height: 40px;
	text-align: right;}

div#login_form_container {
	padding: 10px;
	border: 6px solid #01203A;
	background-color: #EEEEEE;}

div#login_form_container {
	line-height: 30px;}

.form_table {
	padding: 5px;}


.form_table th {
	font-size: 13px;
	text-align: right;
	color:#00355F}

.form_table td {
	padding: 5px;}

.form_table input {
/*	color: #00355F;*/
}

.bold_button {
	font-weight: bold;
	color: #006699;
}

.label {
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
}

.input {
	width: 175px;
	height:20px;
	font-size: 14px;
}

input.datepicker {
  width: 100px;
}
input.radio {
  width: 10px;
}

/*form CSS End */

/*map CSS */

div#map, div#geofence_map {
	width: 100%;
	height: 500px;
	float: left;}

a#toggler_link {
	top: 260px;
	position: relative;
}

div.page-menu {
  width: 97%;
  height: 35%;
  background-color: #DCDEE0;
  padding: 10px 0px 10px 20px;
}

li.page-menu {
  display: inline;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 20px 20px 20px;
}

div#geofence_map_large {
	width: 98%;
  height: 500px;
  position: relative;
}

div#job_form_container {
	position: relative;
}

label.error {
	display: block;
}


div#contact_management {
  background-color: #FFFFFF;
  box-shadow: 2px 2px 2px 2px grey;
  border-style: solid 1px silver;
  border-width: 2px;
  display: none;
  overflow: auto;
}

div.edit-job-message-panel {
  width: 550px;
  margin: 0px 0px 0px 13px;
  height: 650px;
  z-index: 1000;
  display: none;
  top: 415px;
  background-color: #FFFFFF;
  position: absolute;
  padding-top: 2px;
}

div#new_job_notifications {
  width: 550px;
  margin: 0px 0px 0px -5px;
  height: 650px;
  z-index: 1000;
  display: none;
  top: 242px;
  background-color: #FFFFFF;
  position: absolute;
  padding-top: 2px;
}

div#job_notifications_navigation {
  text-align: right;
  padding: 1%;
}

div#job_notifications_history {
}

div#job_notifications_bottom {
  text-align: right;
  padding: 1%;
}

.replying-to {
  background: #ffff66;
}

.add-job {
  background: green;
}

.notify {
  background: red;
}

div#customer_selector {
  /* margin: 20px; */
  padding: 5px;
}

/* jQuery dialog titlebar */
.tracontime-dialog .ui-dialog-titlebar {
  display: none;
}

form#existing_customer {
  display: none;
}

div.acResults {
  z-index: 1000;
}

div.new-job-blue-header {
  height: 32px;
  background-color: #93b6d6;
  margin: 2px 10px 0px 10px;
}

span.new-job-blue-header-text {
  font-weight: bold;
  margin: 0px 0px 0px 5px;
  line-height: 32px;
}

td.job-form-cell {
  padding: 10px;
}

div.new-job-column {
  width: 33%;
  float: left;
}

span.new-job-label {
  font-weight: bold;
}

.new-job-right {
  float: right;
  text-align: right;
  padding: 1px;
  margin: 0px 0px 0px 0px;
}

span.new-job {
  //height: 25px;
}

div.new-job-field {
  float: right;
}

div.new-job-field-entry {
  margin: 0px 4px 8px 4px;
}

div#contact_column {
  float: left;
  width: 220px;
}

div#location_scheduling_column {
  float: left;
  width: 300px;
}

div#scheduling {
  float: left;
  width: 270px;
}

div#assignment {
  float: left;
  width: 270px;
}

div#location_and_directions {
  margin: 18px 0px 0px 0px;
  width: 100%;
}

div#destination_location_column {
  float: left;
  width: 240px;
  background: #0079FF;
  padding: 0px 0px 5px 0px;
}

div#start_location_column {
  float: left;
  width: 280px;
  background: #0079FF;
  padding: 0px 0px 5px 0px;
}

span.unread-message-counter {
  color: green;
}

.blue-bg {
  background-color: #0079FF;
}

.bottom-border {
  border: 0;
  border-bottom: 2px solid white;
  margin: 0px 0px 2px 0px;
}

.white-text {
  color: white;
}

.fake-label {
  font-weight: bold;
}

.directions-popup {
  position: absolute;
  left: 5px;
  top: 5px;
  display: none;
  width: 50%;
}

.googlemap{
	width: 99%;
	margin:0.50%;
	height:380px }

.main_map{
	width: 73.735%;
	float:right;
	background-color:#eeeeee;
	margin-bottom:15px }

.reports_map{
	width:50%;
	float:right;
	border:4px #eeeeee solid;
	}

.report_map_header{
	width:99.7%;
	float: left;
	background-color:#132950;
	color:#FFFFFF;
	font-size:12px;
	padding:5px;
   }

body.division .report_map_header {
	background-color: #93b6d6;
}
/*map CSS End*/

/*Container CSS*/

div#company {
	padding: 10px;
	color: #FFFFFF;
	float:left}

div {
	margin: 0 auto;}

#ub-login{
	float:right;
	font-size:10px;
	color:#FFFFFF;
}

#ub-login a:link {
	color:#fff;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline; }

#ub-login a:visited {
	color:#fff;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline; }

#ub-login a:hover {
	color:#fff;
	text-decoration:none;}

div#sub_banner {
	margin-top: 10px;
	height: 80px;
	border-top: 1px solid #A1B4D5;
	border-bottom: 1px solid #A1B4D5;
	background-color: #E8F1FF;
	text-align: center;
	padding-top: 10px;
	color: #333333;}

div#subnav {
	background-color: #EEEEEE;
	padding: 7px 20px;}

#device_list ul {
	padding: 0;
	margin: 0;}

#device_list li {
	list-style-type: none;
	background-color: #EEEEEE;
	padding: 7px;
	margin: 5px;
	color: #666666;}

#device_list a {
	color: #333333;}

div#title {
	margin: 10px 10px 0 10px;
	padding: 5px;
	background-color: #7CA8D3;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;}

div#main_container {
	background-color: #EEEEEE;
	margin: 0 10px 10px 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;}

#device_list_old {
	margin: 10px;
	padding: 0;
	list-style-type: none;
	float: left;}

#device_list_old a {
	display: block;
	padding: 3px;
	width: 160px;
	background-color: #369;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	color: #FFFFFF;}

#device_list_old .no_data {
	display: block;
	background-color: #CCCCCC;
	padding: 3px;
	border-bottom: 1px solid #eee;}

#device_list_old a:link, #navlist a:visited {
	text-decoration: none;}

#device_list_old a:hover {
	background-color: #036;}

div#updating {
	float: right;
	background-color: #FFFF00;
	padding: 0 3px;
	color:#333}

div#side_tb_box{
	width:55%;
	float:left;
	margin-top:5px;}

div#paging {
	margin: 20px 0;
	text-align: center;
	font-size: 14px;}

.list {
	list-style: none;
	padding: 0;
	margin-top: 10px;
	margin-left: 0px;}
.list li {
	background-color: #EEEEEE;
	color: #333333;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px;}

	.tight_list {
		list-style: none;
		padding: 0;
		margin-top: 8px;
		margin-left: 0px;}
	.tight_list li {
		background-color: #EEEEEE;
		color: #333333;
		margin: 0px;
		margin-bottom: 2px;
		margin-left: 5px;
		border-bottom: 1px dotted #CCCCCC;
		padding: 2px;}

.white_list {
	list-style: none;
	padding: 0;
	margin-top: 8px;
	margin-left: 0px;}
.white_list li {
	color: #333333;
	margin: 0px;
	margin-bottom: 2px;
	margin-left: 5px;
	border-bottom: 1px dotted #CCCCCC;
	padding: 2px;}


.table {
	color: #333333;}

.table th {
	background-color: #003366;
	padding: 3px;
	color: #FFFFFF;
	font-weight: normal;
	}

.table td {
	padding: 5px;}

.disabled {
	font-size: 16px;
	border: none;}

.faded_red {
	background-color: #B34141;
	color: #FFFFFF;}

.small_font {
	font-size: 10px;
	color: #1364B2;}

.light_row {
	background-color: #FFFFFF;}

.dark_row {
	background-color: #EEEEEE;}

.selected_row {
	background-color: #f6f7bd;}

.bgcolor {
    background-color:#c5f794;}

.contact_us{
	margin-left: 0px;
	color: #666666;
	width: 500px;}

hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: 0;
	height: 1px;}

.helper {
	font-size: 11px;
	font-weight: bold;
	color: #666666;}

.settings_box {
	padding: 10px;
	color: #666666;
	width: 98%;
	border-bottom: 1px solid #CCCCCC;}

.settings_notification {
	padding-top: 10px;
	color: #666666;
	width: 98%;}

.settings_notification div {
	padding-top:6px;}

.settings_box h2{
	font-size: 14px;
	font-weight: bold;
	padding:0px;
	margin:0px;
	color: #666666;}

.gray_box {
	padding: 10px;
	background-color: #eeeeee;
	width: 97%;
	margin-left:25px;
	margin-top:10px;}

.text_width	{
   width: 100%;}

.gray_small{
  margin-left:160px;
  margin-top:3px;
	font-size: 11px;
	color: #666666;
  display:block;
}

.red_text{
    color:#cc0000;
	margin-left:3px;
	font-weight:normal;}

.gray_box div {
	padding-top:3px;}

.current_page_link {
	color: #FFFFFF;
	background-color: #003366;
	padding: 3px;}

.group_head_{
    background-color: #6699CC;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
	width:;}

panel_table .group_head {
	background-color: #6699CC;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;}

.group_head {
	width:98%;
	background-color:#cccccc;
	float:left;
	padding:0px;
	height:24px;
	line-height:24px;}

.group_head div {
	float:left;
	margin-right:25px;}

span.group_1 {
	background:url(/icons/blue_small.png) no-repeat left;
	width:;
	height:24px;
	display:block;
	margin-bottom:0px;
	padding-left:30px;
	font-weight:bold;}

div#result_count {
	font-weight: bold;
	text-align: center;
	color: #333333;}

.blue_bold {
	font-size: 14px;
	font-weight: bold !important;;
	color: #003366;}

.device_summery{
	 float:left;
	 clear:left;
	 width:50%;
	 padding-top:3px;}

.device_summery_select{
	float:right;
	margin-right:1px;
	padding:1px;}

.group_name{
	height:24px;
	line-height:24px;
	display:block;
	margin-bottom:0px;
	padding-left:30px;
	font-weight:bold;
	float:left;
	clear:left;
	width:99%;}

.dark_grey {
	color: #666666;}

.grp_3 p {
	margin-bottom:10px;}

.grp_3 h3{
	border-bottom:1px solid #F1F1F1;
	font-size: 14px;
	color: #333333;
	margin: 15px 0px 10px 0px;
	font-weight:bold;}

.sel_dev1 {
	clear:both;
	margin-top:10px;}

.sel_dev1 ul{
	 line-height:1.7em;}

.sel_dev1 li {
	background:#f1f1f1;
	color:#666;
	display:block;
	font-weight:700;
	margin-top:4px;
	padding:5px 10px 5px 10px;}


.sel_dev1 h3{font-size: 14px;
	color: #333333;
	margin: 15px 0px 10px 0px;
	font-weight:bold;
	margin-bottom:2px;
	line-height:18px;}


.group-link-red{
	color:#ff0000;}

.bg_overview{
	background-color:#dbeaf9;
	width:100%}

.gray_text{
	font-size: 15px;
	color: #666666;}

div#content_login {
	padding-top: 30px;
	margin: 0 auto;
	width: 850px;
	clear: both;}

div#content_login h1{
color: #01203A;
font-size: 20px;
margin-bottom: 15px;}

#new{
	margin-bottom: 10px;
	padding: 15px;
	background-color: #FFFFCC;
	font-weight: bold;
	color: #333333;}

.processing_message {
	text-align: right;
	background-color: #FFFFCC;
	font-size: 16px;
	font-weight: bold;
	visibility: hidden;
	padding: 10px;}

.container {
	width:100%;
	clear:both;}

h3 {
	font-size: 18px;
	color: #003366;
}

h4 {
	color: #666666;
}

#content_body h2 {
  margin-left: 10px;
}
.body_block {
  margin-left: 10px;
  margin-right: 20px;
}
  .body_block.narrow {
    margin: 0 auto;
/*    max-width: 870px;*/
  }
    .body_block.narrow div {
      margin: 0 auto;
      max-width: 870px;
    }
	.body_block h3 {
		display: block;
		background-color: #eaeaea;
		padding: 4px 2px 3px 8px;
		margin-left: 10px;
		font-size: 16px;
	}
	.body_block h4 {
		display: block;
		padding: 4px 2px 3px 8px;
		margin-left: 10px;
		color: #59a9c8;
	}
	.body_block p {
		margin-left: 35px;
		margin-right: 35px;

	}
	.body_block table {
		margin-right: 8px;
	}
	.body_block ul, .body_block li {
		margin-left: 8px;
		padding: 0;
	}
	.body_block ol {
	  margin-left: 0;
	}
	  .body_block ol li p.question {
	    margin-left: 20px;
	  }
	  .body_block ol li ul li {
	    margin-left: 45px;
	  }

.dark_blue_header {
	font-size: 14px;
	font-weight: bold;
	color: #003366;}

.ub_dev_list{
	float:left;
	clear:left;
	width:50%;
	padding-top:3px}

.panel_table {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;}

.panel_table th {
	background-color: #CCCCCC;
	color: #003366;
	padding: 5px;
	border: 1px solid #FFFFFF;}

.panel_table td {
	padding: 5px;
	border: 1px solid #FFFFFF;}


.panel_table .header {
	background-color: #132950;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;}

body.division	.panel_table .header {
	background-color: #93b6d6;
}

.panel_table .darkgray_row{
	background-color: #EEEEEE;}

#ub-table {
	border-collapse: collapse;
	margin: 0pt;
	padding: 0pt;
	width: 100%;
}
#ub-table th {
	background-color:#6699CC;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 5px;}
#ub-table tr.header{
	background-color:#132950;
	color:#ffffff;
	font-weight:normal;
	font-size:12px;
}

body.division #ub-table tr.header {
	background-color: #93b6d6;
}
#ub-table tr.gray_row{
	background-color:#eeeeee;}

#ub-table td {
	border: 1px solid #FFFFFF;
	padding: 5px;}

.short_text {
	width: 150px;}

.long_text {
	width: 200px;
}

.form-text {
	width: 200px;
}

.form-text-narrow {
}

.form-select {
  background: white;
  margin: 3px;
}

.small-select {
  width: 110px;
}

.wide-select {
  width: 230px;
}

.no-top-margin {
  margin: 0px 3px 3px 3px;
}

.right-justify {
  text-align: right;
}

.right-float {
  float: right;
}

.grey-bg {
  background: #eaeaea;
}

.white-bg {
  background: white;
}

.description_box {
	font-size: 12px;
	margin-bottom: 15px;
	background-color: #EEEEEE;
	padding: 10px;}

.error_select {
	border: 2px solid #EA9797;}

.error_short {
	background-color: #F2C0C0;
	width: 150px;}

.error_long {
	background-color: #F2C0C0;
	width: 200px;}

.error_box {
	font-weight: bold;
	background-color: #F2C0C0;
	padding: 10px;
	margin-bottom: 10px;}

.paypal_error {
	width: 800px;
	font-weight: bold;
	background-color: #F2C0C0;
	padding: 10px;
	margin-top: 10px}

@charset utf-8;

h1,h2,h3,h4,h5,p,ul {
	list-style:none;
	margin:0;
	padding:0;}

h2 {
	font-size:18px;
	margin-bottom:10px;
	color:#036;}

.clear {
	clear:both;}

.valign {
	vertical-align:middle;}

#links {
	background:#f1f1f1;
	height:30px;}

.crt_group {
	background:#FFC;
	font-weight:700;
	font-size:16px;
	margin:10px 0;
	padding:10px;}

.crt_group1 {
	background:#eeeeee;
	font-weight:700;
	font-size:16px;
	margin:10px 0;
	padding:10px;}

.sel_icon {
	width:98%;
	background:#f2f2f2;
	float:left;
	padding:15px;}

.sel_icon li {
	float:left;
	margin-right:25px;}

.rad_1, .rad_2, .rad_3, .rad_4, .rad_5, .rad_6, .rad_7, .rad_8 {
  width:16px;
	height:24px;
	display:block;
	margin-bottom:8px;
}
.rad_1 {
	background:url(/icons/blue_small.png) no-repeat top;
}
.rad_2 {
	background:url(/icons/red_small.png) no-repeat top;
}
.rad_3 {
	background:url(/icons/green_small.png) no-repeat top;
}
.rad_4 {
	background:url(/icons/yellow_small.png) no-repeat top;
}
.rad_5 {
	background:url(/icons/purple_small.png) no-repeat top;
}
.rad_6 {
	background:url(/icons/dark_blue_small.png) no-repeat top;
}
.rad_7 {
	background:url(/icons/grey_small.png) no-repeat top;
}
.rad_8 {
	background:url(/icons/orange_small.png) no-repeat top;
}
.sel_icon ul li {
  width: 16px;
  float: left;
}
  .sel_icon ul li input {
    margin: 0px;
  }

label.narrow {
  width: 100px;
}

.sel_dev {
	clear:both;
	margin-top:10px;}

.sel_dev li {
	background:#f1f1f1;
	color:#666;
	display:block;
	font-weight:700;
	margin-top:4px;
	padding:10px;	}

.subheading th {
  background-color:#dddddd;
  color: #333333;
}
table.grp_4 {
	border-collapse:collapse;
	width:50%;
	clear:both;}

th.grp_4 {
	background:#ccc;
	color:#036;
	border:1px solid #FFF;
	padding:8px;}

td.bl_title {
	color:#333;
	background:#cce6ff;
	font-weight:700;
	padding:8px;}

.grp_title {
	background:#69c;
	width:48.5%;
	color:#FFF;
	font-size:14px;
	float:left;
	padding:8px;}

.grp_title p {
	float:left;}

.grp_title select {
	float:right;}

.traf_ovl {
	background:#f1f1f1;
	border:1px solid #ccc;
	color:#666;
	width:48%;
	padding:8px;}

.right_view_geofence{
	float:left;
	width:24%;}

#border{
	border:1px solid #1364b2;
	width:100%;
	padding-right:2px}

div#error_message {
	border: 1px solid #990000;
	color: #FFFFFF;
	background-color: #FF6262;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px;}

div#success_message {
	border: 1px solid #006600;
	background-color: #5ABD5A;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	margin: 10px 0;}

#ub_account_tbl{
	width:23%;
	padding:0px;
	padding-bottom:0px;
	margin-bottom:10px;
	float:left;
	clear:left;
	margin-right:2%}

#ub_account_tbl div {
	padding-bottom:10px;}

#ub_account_tbl h3 {
	font-size: 18px;
	color: #003366;
	padding-top:5px;
	margin-bottom:5px;
	padding-bottom:0px;
	width:90%; }

#dark_topbar{
	width:97%;
	padding:4px 1% 4px 1%;
	background-color:#cccccc;
	line-height:19px;
	color:#003366;
	padding-left:6px;}

#light-greybar{
	width:97%;
	padding:4px 1% 4px 1%;
	background-color:#f8f8f8;
	line-height:19px;
	padding-left:6px;}

.ub-ajax{
	color:#1364B2;
	cursor:pointer}

#ub-ajax_butt{
	width:99%;
	padding:6px .25% 7px .8%;
	padding-left:5px;}

#float_rt{
	float:right;}

#tab_lt{
	float:left;}

#tab_rt{
	float:right;}

#top_head{
	width:100%;
	overflow:hidden;
/*	padding-top:5px;*/
	margin-bottom:10px;}

#top_head h3 {
	font-size: 18px;
	color: #003366;
	padding:0px;
	margin:0px;
	width:70%;
	float:left}

.alert {
	width:98%;
	color:#336633;
	border:1px #99cc99 solid;
	text-align:center;
	background-color:#E5F1F4;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	font-size:10pt;}

.paddin-l{
	padding-left:75%;}

#helper {
	padding: 0 0 10px; }

.ublip-pagination {
	margin-top: 15px;
	font-size: 14px;
	text-align:center;
	padding:10px 0;
	}

.ublip-pagination a  {
	text-decoration: none;
	font-size: 14px;
	margin: 0 3px;
}

.ublip-pagination a:hover {
	text-decoration: underline;
}

.ublip-pagination span.current {
	background-color:#01203A;
	color: #FFFFFF;
	padding: 2px 4px;
	font-size: 14px;
	font-weight: bold;
}

.pagination .disabled {
	font-size: 14px;
	color: #666666;
}

/*Container CSS End*/

.title {
	font-size: 18px;
	font-weight: bold;
	color: #003366;
}

div#configuration_header {
	margin-top: 15px;
	padding: 10px;
	background-color: #6699CC;
	color: #FFFFFF;
}

div#configuration_form {
	padding: 15px;
	background-color: #D8EBF6;
}

div#configuration_form .row {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCCCCC;
}

div#configuration_submit {
	background-color: #EEEEEE;
	padding: 10px;
	text-align: center;
}

.dim {
	color: #666666;
	font-size: 11px;
}

#schedule {
	border: 1px solid #666666;
	padding: 10px;
}

.popup {
	position: absolute;
	background-color: #ffffff;
	padding: 10px;
	border: 2px solid #CCC;
	color: #006699;
  z-index: 1001;
}

.popup h4 {
	font-size: 12px;
	color: #666666;
}

.message_meta {
	background-color: #eeeeee;
}

.message {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

div.message-without-reply {
	margin-bottom: 10px;
	padding: 10px;
  border-style: solid;
  border-width: 1px;
}

div.message-body {
  width: 80%;
  float: left;
}

div.message-reply-link {
  width: 20%;
  float: left;
  font-weight: 900;
  font-color: black;
}

div.message-without-reply.email {
  background-color: #eeeeee;
  border-color: #cccccc;
}

div.message-without-reply.sms {
  background-color: #dbeaf9;
  border-color: #a8ccf0;
}

.message_alerted {
	color: #8e8e8e;
	font-size: 10px;
}

div.lates h4, div.problem h4 {
	background-color: red;
	color: white;
}

div.message_panel {
	padding: 10px;
	border: 1px solid #CCCCCC;
}

div.message_panel h4 {
	background-color: white;
	color: black;
}

div.lates span.job_date_time, div.problem span.job_date_time {
	color: red;
}

.job_event, .job_event_override {
	float: right;
	border:1px solid grey;
	padding: 5px;
	margin-left: 35px;
	font-size: 11px;
	width: 200px;
}

span.late {
	color: #e04e36;
}

div.late {
	background-color: #e04e36;
	color: white;
}

div.late a {
	color: white;
}

span.in_progress {
	color: #87b6e0;
}

div.in_progress {
	background-color: #87b6e0;
	color: white;
}

span.completed {
	color: #6d9c51;
}

div.completed {
	background-color: #6d9c51;
	color: white;
}

span.scheduled {
	color: orange;
}

div.scheduled {
	background-color: orange;
	color: white;
}

.hover {
	position: relative;
}

.hover .hover_edit{
    height: 30px;
    border-top: 0px solid #d0d0d0;
    border-right: 0px solid #6270A7;
    border-bottom: 0px solid #d0d0d0;
    border-left: 0px solid #6270A7;
    font-size: 12px;
    display: none;
    padding-top: 4px;
    padding-left: 1px;
    position: absolute;
    width: 42px;
    bottom: 0px;
    left: -23px;
    top: 1px;
    color: black;
    z-index: 10;
}

.hover .hover_extras{
  height: 30px;
  border-top: 0px solid #d0d0d0;
  border-right: 0px solid #6270A7;
  border-bottom: 0px solid #d0d0d0;
  border-left: 0px solid #6270A7;
  font-size: 12px;
  display: none;
  padding-top: 4px;
  padding-left: 1px;
  position: absolute;
  width: 37px;
  bottom: 0px;
  right: 215px;
  top: 0px;
  color: black;
  z-index: 10;
}

.hover:hover .hover_edit {
    display:block;
}

.hover:hover .hover_extras {
    display:inline;
}

.form_table h3 {
	font-size: 14px;
	background-color:#DBEAF9;
	padding: 5px;
}

.form_table h3 a {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	background-color:#DBEAF9;
	text-decoration: none;
	width:100%;
	padding: 5px;
}

.alt { background-color: #F0F0F0; }

#select_account {
  text-align:center;
  margin: 0 auto;
  width: 95%;
}
  #select_account ul {
    list-style: none;
  	margin: 0;
  	padding: 0;
  }
    #select_account ul li {
    	background-color: #eeeeee;
    	padding:5px;
    	margin: 5px;
    	width: 98%;
    }

.inline_edit {
  float: right;
}
  .inline_edit a:hover, .inline_edit a:link, .inline_edit a:visited {
    color: #999999 !important;
  }

#form_page_container {
  margin-right: 20px;
}
#form_page {
  float: left;
  background-color: #eaeaea;
  padding: 10px 10px 15px 10px;
  margin: 0 auto 10px auto;
  min-width: 780px;
  width: 100%;
}
  #form_body {
    padding: 0;
    float:left;
    margin: 0 auto;
    background-color: #ffffff;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    width: 70%;
  }
    #form_body h3 {
      background-color: #cee0ef;
      padding: 5px 10px 5px 10px;
      margin-top: 0;
      margin-bottom: 5px;
    }
    #form_body p input[type="button"], #form_body p input[type="submit"] {
      margin-left: 15px;
    }
    #form_body label {
      width: 160px;
      height: 15px;
      font-weight: normal;
      font-size: 12px;
      display: inline;
      float:left;
      clear: none;
      margin-top: 3px;
    }
    #form_body input {
      font-size: 12px;
      margin: 0;
      padding: 1px;
    }
    #form_body fieldset {
      border: 0px;
    /*  background-color: #eeeeee;*/
    }
      #form_body fieldset legend {
        background-color: #cee0ef;
        width: 99%;
        font-weight: bold;
        padding: 5px 2px 5px 5px;
      }
.force_wrap {
  display: inline-block;
}
  .sidebar {
    float:right;
    padding: 5px 5px 10px 5px;
    width: 28%;
  }
    .sidebar h3, .sidebar p {
      margin: 0 5px 0 5px;
      padding: 5px;
      width: 93%;
    }
    .sidebar p {
      font-size: 11px;
    }
    .sidebar table {
      margin: 0 10px 0 20px;
    }
    .sidebar table tr th, .sidebar table tr td {
      text-align: center;
    }

#tab_navigation {
  float: right;
  margin-top:5px;
  padding-right: 15px;
}

input[type="button"], input[type="submit"] {
  padding: 2px 6px 3px;
}

fieldset label {
  width: 100%;
  display: inline;
}
fieldset input, fieldset select {
  background-color: #ffffff;
  display: inline;
}
.form_table fieldset {
  border: 0px;
/*  background-color: #eeeeee;*/
}
  .form_table fieldset legend {
    font-weight: bold;
    padding: 5px;
  }

/* Flash Messages */
#flash_message {
  padding: 10px 10px 15px 10px;
  margin: 0 auto 10px auto;
  min-width: 780px;
}
div.error {
	color: #c00000;
	text-align: center;
	margin: 0 auto 10px auto;
	border: 1px solid #ff7e7e;
	padding: 7px;
	background-color: #f1c0c0;
	}
div.warning {
  color: #550000;
  text-align: center;
  margin: 0 auto 10px auto;
  border: 1px solid #FDBF3B;
  padding: 7px;
  background-color: #FFEBC1;
}
div.notice {
  text-align: center;
	margin: 0 auto 10px auto;
	border: 1px solid #9ecb2e;
	padding: 7px;
	background-color: #cff27d;
  color: #686868;
}
div.success {
  text-align: center;
	margin: 0 auto 10px auto;
	border: 1px solid #9ecb2e;
	padding: 7px;
	background-color: #cff27d;
  color: #686868;
}

div.action_link_holder {
  margin: 4px;
}

a.delete_job {
  color: red;
}
/* utility classes */
.pull-left {
  display: block;
  float: left;
}
.pull-right {
  display: block;
  float: right;
}
.btn-b{
  background: white;
  padding: 2px 6px 3px;
  text-align: center;
  border-radius: 5px;
  color: black !important;
  font-weight: bold;
	font-size: 11px;
	border: solid 1px silver;
	text-decoration: none !important;
}
.pac-container {
  /* put Google geocomplete list on top of Bootstrap modal */
  z-index: 9999;
}
 #polygon-reset {
        position: absolute;
        left: 57%;
        z-index: 5;
        display: none;
        top: 19%;       
      }