/*As per W3C CSS validation service - CSS level 2.1 (Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification)*/
*{
	margin: 0;
}
html, body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

input,select {
	font-size: 12px;
	}

font {
	font-size: 12px;
	}
img{
	border:0px;
}
.cakeSqlLog { 
display:none;
 } 
 
 #statusLoading{
 	float:right;
	display:block;
	visibility:visible;
	z-index:20000;
 }
#usrmsg{
	position:absolute;
	left:10px;
	top:29px;
	border:0 none;
}
/*CSS3*/
#complete_table input[type="button"],.dialogButton input[type="button"],#minipanel input{
	border-width:1px;
    border-style:solid;
    border-color:#ed6502 #a04300 #a04300 #ed6502;
    padding:0 7px 1px 7px;
	margin:5px 5px 5px 0;
    background:url(images/btn_bg.gif) #ffac47 repeat-x 0 100%;
    color:#fff;
    font:bold 12px arial, helvetica, sans-serif;
    cursor:pointer;
    text-align:center !important;
    white-space:nowrap;
}

#complete_table input[type="button"]:hover, .dialogButton input[type="button"]:hover, #minipanel input:hover{ background: url(images/btn_over_bg.gif) repeat-x 0 0 #f77c16; }
#complete_table input[type="button"]:active,.dialogButton input[type="button"]:active, #minipanel  input:active{ background: url(images/btn_on_bg.gif) repeat-x 0 0 #f77c16; }
/*
 #map {
   width: 98%;
   height:350px;
   background-color:#f2efe9 ;
   margin-left:1% ;
   margin-right:1% ;
   display:block;
 }
 */
    
#user_column_settings{
	z-index:950;
	position: absolute;
	right:10px;
	top:11px;
	width:180px;
	background:#F9F9F9;
	padding:5px 0 5px 10px;
	border-top:20px solid #444444;
	border-left:1px solid #444444;
	border-bottom:1px solid #444444;
	border-right:1px solid #444444;
}

.vehiclePnl{
	min-width:580px;
}
.playbkPnl{
	min-width:300px;
}
/*CSS3*/
#user_close, #user_column_settings input[type="submit"]{
	border-width:1px;
    border-style:solid;
    border-color:#ed6502 #a04300 #a04300 #ed6502;
    padding:0 7px 1px 7px;
	margin:0 0 2px 0;
    background:url(images/btn_bg.gif) #ffac47 repeat-x 0 100%;
    color:#fff;
    font:bold 12px arial, helvetica, sans-serif;
    cursor:pointer;
    text-align:center !important;
    white-space:nowrap;	
}

#user_close:hover,#user_column_settings input[type="submit"]:hover{ background: url(images/btn_over_bg.gif) repeat-x 0 0 #f77c16; }
#user_close:active,#user_column_settings input[type="submit"]:active{ background: url(images/btn_on_bg.gif) repeat-x 0 0 #f77c16; }

.settings_wrapper {
	
}

.select_iem{
	padding-bottom:5px;
 	color:#000000;
	font-family:Arial,Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold
 }

.settings 
  {
  	padding:5px 0 5px 0;
  }
  
 .settings ul{
 	width: 30em;
  }
  
  .settings li{
  	padding:2px 0 2px 0;
	list-style-type:none
 }
 
 .settings input{
 	margin-right:4px;
 	color:#8F8E8E;
 }
 
/* stop the float */
.settings br
  {
    clear: left;
  }

.initinfo
{
	visibility:hidden;
}
#login-info{
	position: absolute;
	top: 1px; 
	left: 1px; 
	color:#0000cc;
}

.wrapper {
position: absolute; 
left: 0; 
width: 100%; 
min-height: 98%;
height: auto !important;

	
}
/*action bar starts here*/
.actions{
	overflow: hidden; 
	width: 100%;
	left:10px;
	margin-top:10px;
	overflow:auto;
}
.actions ul{
	padding:0;
	margin-top:5px;
}

.actions ul li{
	list-style-type: none;
	float: left;
	margin: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	padding:0 7px 0 7px;
	border: 1px solid #FFDDAA;
	border-color:#ed6502 #a04300 #a04300 #ed6502;
	background:url(images/btn_bg.gif) #ffac47 repeat-x 0 100%;
}

.actions ul li a {
	display: block;
	width: auto;
	color:#fff;
    font:bold 12px arial, helvetica, sans-serif;
    cursor:pointer;
    text-align:center !important;
    white-space:nowrap;
	margin: 0;
	padding: 1px 3px 2px 3px;
	text-decoration: none;
	text-transform: none;
}

.actions ul li:hover{ 
	background: url(images/btn_over_bg.gif) repeat-x 0 0 #f77c16; 
	}

.actions ul li:active {
    background: url(images/btn_on_bg.gif) repeat-x 0 0 #f77c16;
    background-position: 0 -150px;
  }

/* title for add,view,edit starts here */

.title
{
	margin-top:6px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:2px solid #DFDFDF
}

/*form elements starts here */

.submit{
  display:block;
  	
}
.submit input{
	width:100px;
	border-width:1px;
    border-style:solid;
    border-color:#ed6502 #a04300 #a04300 #ed6502;
    padding:0 7px 1px 7px;
	margin:5px 5px 5px 0;
    background:url(images/btn_bg.gif) #ffac47 repeat-x 0 100%;
    color:#fff;
    font:bold 12px arial, helvetica, sans-serif;
    cursor:pointer;
    text-align:center !important;
    white-space:nowrap;
}

.submit input:hover{ background: url(images/btn_over_bg.gif) repeat-x 0 0 #f77c16; }
.submit input:active{ background: url(images/btn_on_bg.gif) repeat-x 0 0 #f77c16; }

/*form elements ends here */
ul.checkboxMultiple {
	margin:0;
	padding:0;
	height: 8em;


 }
 
 
ul.checkboxMultiple li {
    display:block;
    width: 220px;
    margin: 0 8px 0 0;
	
    } 

.calendar
{
}


.related
{
	display:block;
	padding:10px;
}

.main_contain
{
	margin-left:0;
}


h1 {
	font-size: 16px;
	color: #222;
	margin: 10px 0 10px 0;
	padding: 5px;
	font-weight: bold;
	overflow: visible;
	letter-spacing: -0.4px;
}
h2 {
	font-size: 16px;
	color: #EB5E00;
	margin: 0;
	font-weight: bold;
}

h3 {
	font-size: 13px;
	color: #FF782F;
	margin: 0 0 6px 0;
	padding: 6px 10px;
	font-weight: bold;
	background: #C5D9FF;
}

h4 {
	font-size: 14px;
	line-height: 18px;
	color: #444;
	margin: 0;
	padding: 0 0 0 0;
	font-weight: bold;
}
hr {
	height: 0px;
	border: 0px;
	margin: 10px 0;
	border-top: dotted 1px #e1e1e1;
	overflow: hidden;
	clear: both;
}
/*Header*/
#wrapper { min-width:980px; }

#head {
	background: url(images/header_top_bg.gif) repeat-x #425e66;
	height: 55px;
	border-bottom:2px solid #5F767F;
}

.head-logo {
    float:left;
	margin:3px 20px 5px 10px; 
}
#head-inner {
	float:right;
	width: 75%;
	margin: 0 auto;
	position: relative;
}
/* Links on the header contact, license etc */

#login-info {
	position:absolute;
	left:-155px;
	top:37px;
	color:#FFFFFF;
	font-size:11px
}

#head-login {
	padding: 0 10px 0 0;
	text-align: right;
	color: #888;
	position: absolute;
	top: 10px;
	right: 0;
}
#head-login a:link, #head-login a:visited  {
	color: #fcce77;
	text-decoration: none;	
}
#head-login a:hover {
	color: #00BAFF;
	text-decoration: none;	
}

.loginBox1 {
	border: 1px solid #DEE9FF;
	
}
.loginBox2 {
	padding: 15px;
	border: 3px solid #FFFFFF;
	background-color: #FFFFD5;
}
.contentNoNav {
	}
/* Main navigation top horizontal menu*/
#headnavWrapper {
	background:#BB62AB;
	margin:0;
	}
#head-nav {
    border-top:1px solid #2d444f;
    border-bottom:1px solid #2d444f;
    background:url(images/nav1_bg.gif) repeat-x 0 100% #666e73;
	position:absolute;
	width:100%;
	margin:0 0 10px 0
	}
#head-nav ul {
	float: left;
	margin: 0px;
	padding: 0px;
}
#head-nav ul li {
	display: block;
	float: left;
	list-style: none;
	background:url(images/nav1_sep.gif) no-repeat 100% 0;
}
#head-nav ul li a {
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	padding: 9px 16px;
}
#head-nav ul li a:hover {
	/*color:#77CF63;*/
	color:#00BAFF;
    font-weight:normal
}
.highlight{
    margin-left:-1px;
    /*background:url(images/nav1_active.gif) no-repeat ;*/
    color:#ff0000;
    font-weight:normal;
	background-color:#999999;
    }

.current-page a{
    margin-left:-1px;
    background:url(images/nav1_active.gif) no-repeat ;
    color:#ff0000;
    font-weight:normal;
    }	
	
.red
{
	color: #FF0000;
	background: #ff0000;
}
.tabhighlight{
	color: #ffff00;
	background: #dee9ff;
}
/*Breadcrumb div*/
#breadcrumb {
	background: #FFFFE7;
	color: #999;
	font-size: 12px;
	margin: 0 auto;
	padding: 2px 0;
	height: 10px;
	border-top: 1px solid #dee9ff;
	text-transform: capitalize;
}
#breadcrumb-inside {
	padding: 6px;
	width: 800px;
	margin: 0 auto;
}
/*Left column*/
#columnLeft {
	width: 16%;
	height:100%;
	float: left;
	padding-bottom: 1em;
	text-align: justify
}
/* Sub navigation inside left column*/
#content {
	/*background:url(images/bg-top-blue.png) repeat-x;
	background-color:#fef3ba;*/
	position:absolute;
	top:98px;
	width:100%;
	height:auto;
	}
/*This is the content dashboard. Seperated Footer from the middle layout*/	
#contentDash{
	width:100%;
	padding:0 0 20px 0;
	margin:0 auto;
	height:auto
	}

.subnav {
	padding: 6px;
	display:block;
	}

#subpad {
	margin: 6px 0 0 0;
}
.subnav ul {
  	list-style-type: none;
	background:#444444;
	border-top:1px solid #444444;
	border-left:1px solid #444444;
	border-right:1px solid #444444;
	border-bottom:3px solid #888888;
	margin: 0;
	padding:20px 0 0 0;
	font-size:11px;
	font-weight: bold;
	color:#FFFFFF;
	
}
.subnav li {
	background:#F9F9F9;
    padding: 4px 10px 4px 22px;
	background-position: 5px 7px;
	font-size:12px;
	color:#444444;
	font-weight: normal;
}
.subnav ul li b {
	padding: 0;
	border-top: 1px dotted #e1e1e1;
	font-weight: bold;
}

.subnav ul li:hover {
	
}

.subnav a:link, .subnav a:visited {
	color: #444444;
	text-decoration: none;
}

.subnav a:hover {
	text-decoration: none;
	color: #DF3B02;
}

/*Main body div style*/
#columnMain {
	width:65%;
	float: left;
	padding-left:25px;
}
#columnMainTr {
	width:90%;
	float: left;
	padding-left:25px;
	padding-right:25px;
}
/*Home page dashboard layout*/
#topRowDashboard{
	width:985px;
	margin-right:auto;
	margin-left:auto;
}
.customerSummary{
	padding:5px 0 5px 4px;
	border:1px solid #B3885E;
	background-color:#F9D9CA;
	width:980px;
}
.customerSummary li {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#9C2512;
	padding-right:2px
	}
.customerSummaryValue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CC6600;
	padding-right:2px
}

#midRowDashboard{
	width:985px;
	margin-left:auto;
	margin-right:auto;
}
/*Left Column mid row*/
#midRowLeftColumn {
	width:719px;
	float: left;
}
/*Mid row top home control*/
#home_control
{
	background-color:#E7EFEF;
	/*position:absolute;*/
	margin-top:5px;
	padding:4px 4px 4px 4px;
	z-index:950;
	border:1px solid #CDDDDD
}

#home_control div
{
	display:inline;	
}

#sensor_panel{
background:#333333 url(images/top_bg.png) repeat-x scroll 0 0;
	border:1px solid #000000;
	min-width:300px;
	position:absolute;
	left:500px;
	top:11px;
	z-index:5555;
	width:300px;
	
	
}
.scl {
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:5px;

}

.scl div{
	
	
	display:inline-block;
}
.cl1  {
	min-width:70px;
}

.cl2{
	min-width:40px;
}


/*Charts and graphs of mid row*/
#dashboardChart{
	margin-top:5px;
    float: left;        /* left side of window */
   	background-color:#FFFFCC;
	border:1px solid #FFCC66
}
#placeholder{
	width:300px;
	height:146px;
	margin:2px 2px 2px 2px;
	padding:2px 2px 2px 2px;
}

#placeholder1{
	width:300px;
	height:147px;
	margin:2px 2px 2px 2px;
	padding:2px 2px 2px 2px;
}	   
.padding{
	margin:5px 5px 1px 5px;
	padding:5px 5px 2px 5px;
}

/*Map Interface of mid row*/
.mapSmall{
	float:left;
	margin-top:5px;
	width:392px;
	height:371px;
	border:1px solid #CDDDDD;
	margin-left:15px;
}
/*Right Column of mid row*/
#midRowRightColumn{
	position:relative ;
	width:252px;
	float: left;
	left:15px;
}

#summary
{
	margin-top:6px;
	float:left;
}


.summary_inner{
	 height:100%
}

.summary_inner table
{
	border-left:1px solid #ABC5D7;
	border-collapse:collapse;
	width: 252px;
}
.summary_inner table th {
	    white-space:nowrap;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding: 8px 2px 7px 2px;
		border-left: none;
		border-right: none;
		background:#E7EFEF;
		border:1px solid #ABC5D7
	}

/*Alert summary flags*/
.alertFlagC {
	    white-space:nowrap;
		border-left: none;
		border-right: none;
		background:url(images/flag_red.png) no-repeat ;
		border:1px solid #ABC5D7
	}

.summary_inner table tr td { 
		border-right:1px solid #ABC5D7;
		border-bottom:1px solid #ABC5D7;
		padding:1px 0 1px 2px;
		text-align:left;
		font-size: 12px;
}
.R1 {
        white-space:nowrap;
		font-size: 12px;
		vertical-align: middle;
		text-align:left;
		background-color:#FFFFFF;
		border-left:1px solid #DADFE0; 
		border-right:1px solid #DADFE0 
}
.R0{
        white-space:nowrap;
		font-size: 12px;
		vertical-align: middle;
		text-align:left;
		background-color:#F6F6F6;
		border-left:1px solid #DADFE0; 
		border-right:1px solid #DADFE0 
}
.pgTd{
		border-top:1px solid #ABC5D7; 
}

#bottomRowDashboard{
	margin-left:auto;
	margin-right:auto;
	width:985px;
	clear:right;	
}

#alertSummary{
	float:left;
	margin:8px 0 0 0;
	width:100%;
	}
#messageSummary{
	float:left;
	width:80%;
	background:#F9F9F9;
	padding:5px 0 5px 10px;
	border:1px solid #CDDDDD
	}
/*Home table for message and alert summary*/
.homeListView {
		border: 1px solid;	
		border-color: #ABC5D7;
		border-collapse:collapse;
		min-width:976px;
		width:100%
	}

	table.homeListView th, .homeListViewThS1{
		/* this definition should be exactly the same as .listViewThS1 */
		white-space:nowrap;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding: 5px 8px 5px 5px;
		border-left: none;
		border-right: none;
		background:#E7EFEF;
		border:1px solid #ABC5D7;
		empty-cells: show;
		/*background:#ebebeb url(../img/grid-hrow.gif) repeat-x 0 bottom !important;*/
	}

	
/*Pagination and pagination result*/
#top_pagination{
	/*background:url(images/top_header_bg.gif) repeat-x 0 100%;*/
	height:25px;
	position:relative;
	margin:0 0 5px 0;
	padding-top:10px;
}

#bottom_pagination{
	height:25px;
	position:relative;
	margin:5px 0 5px 0;
}

.pagination_elements{
	position:absolute;
	display:inline-block;
	left: 5px;
    width: 75%;
}

.pagination_elements a:link, .pagination_elements a:visited{
	color: #EB5E00;
}

.pagination_elements a:hover{
	color: #1961C9;
}

.pagination_result{
	position:absolute;
	display:inline-block;
	right: 5px;
   	width: 25%;
   	text-align: right;
	font-weight:bold;
	}
/*ListView table properties Starts here*/
/*right main content (suffix S1 stands for Style 1) */
	.listViewOuter {
		border: 0;
		width: 100%;
		margin:8px
	}
	
	.listviewAddNew {
		padding:10px 8px 5px 0px;  
		vertical-align: middle;
		text-align:left;
	}
	
	.listviewAddNew a {
		margin-right: 5px;
		margin-bottom: 5px;
		font-weight: normal;
		font-size: 12px;
		margin: 0;
		color: #000;
		padding: 3px 8px 1px 5px;
		background: #E2ECFF;
		border: 1px solid #FFDDAA;
		text-decoration: none;
		text-transform: none;
	}
	
	.listviewAddNew a:hover {
		background: #FFFFE7;
	}
		
	.listView {
		border: 1px solid;	
		border-color: #ABC5D7;
		border-collapse:collapse;
		width: 100%
	}

	table.listView th, .listViewThS1{
		white-space:nowrap;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding: 5px 8px 5px 5px;
		border-left: none;
		border-right: none;
		background:#E7EFEF;
		border:1px solid #ABC5D7;
		empty-cells: show;
	}

	 
	.listViewSubHeadS1 {
	}

	table.listView th a:link, table.listView th a:visited, 	a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
		font-weight: bold;
		text-decoration: none;
	}

	table.listView th a:hover, a.listViewThLinkS1:hover{
		text-decoration: underline;
	}
	
	.listviewRow0 {
		white-space:normal;
		font-size: 12px;
		padding:5px 5px 5px 5px;
		vertical-align: middle;
		text-align:left;
		background-color:#FFFFFF;
		border-left:1px solid #DADFE0; 
		border-right:1px solid #DADFE0 
	}
	
	.listviewRow1 {
		white-space:normal;
		font-size: 12px;
		padding:5px 5px 5px 5px;
		vertical-align: middle;
		text-align:left;
		background-color:#F6F6F6;
		border:1px solid #DADFE0
	}
	
	.listViewThS1 a{
		color:#000000;
		text-decoration:none;
	}
	
	.listViewThS1 a:hover{
		text-decoration:underline;
	}
		
	a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
	font-size: 12px;
	text-decoration: underline;

		}
	a.listViewTdLinkS1:hover {
		}
	a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited {
		}
	a.listViewTdToolsS1:hover {
		}
	.evenListRowS1, .oddListRowS1 {
		font-size: 12px;
		padding-left: 5px;
		padding-right: 8px;
		padding-bottom: 5px;
		padding-top: 3px;
		vertical-align: middle;
	}

	.listViewHRS1 {
	}
	.pageNumbers {
	}	
	

	.listViewPaginationTdS1 {
		padding: 3px 7px 3px 5px;
		color: #666;
		background: #ffffff;}
	a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		padding: 2px 0px 3px 0px;
		}
	a.listViewPaginationLinkS1:hover {
		text-decoration: underline;
		}
	.tabDetailView .listViewPaginationTdS1 {	
		padding: 4px 5px 5px 8px;
		border-bottom: 2px solid #ddd;
		background: #fff;
	}
	
/*Add Form NewTrack - Jithesh */
.error_message {
	color:#DB1606;
	font-size:100%;
	font-weight: bold;
	padding:1px 0 0 1px;
	display:inline;
	}

#flashMessage{
	background:url(images/message_bg24.png) no-repeat;
	margin:6px 0 0 0;
	color:#DB1606;
    font-weight: bold;
	/*padding:15px 10px 10px 42px;*/
	border:1px solid #CDDDDD;
	background-color:#E7EFEF;
	display:block;
	}
	
.message {	
	padding:10px 0 0 250px;
	}
/*Right Column*/
#columnRight {
	width: 20%;
	float: right;
	/*background-color: #ff0000;*/
	padding-bottom: 1em
}

/* Added by Ullas*/

#footer {
	background:url(images/footer_bg.gif) repeat-x #e6e6e6;
    padding:105px 10px 20px 10px ;
    font-size:11px;
    text-align:center;
    }
	
/*Fieldset based*/
form fieldset, #viewDetails fieldset{
	background-color:#FFFFFF;
	
	border-width:1px;
	border-style:solid;
	border-color:#CDDDDD;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		
	margin: 10px 0;
	position:relative;
	display:block;
	padding:15px 15px 15px 15px;
	overflow: hidden
}

form fieldset legend, #viewDetails fieldset legend{	
	background-color:#F9F9F9;
	
	border-width:1px;
	border-style:solid;
	border-color:#ABC5D7;
	
	color:#000000;
	font-size: 12px;
	font-weight:bold;
			
	padding:2px 5px;
	margin:0px 0px 0px 0px;
	position:relative
}

form fieldset div,  #viewDetails fieldset div{
	padding: 4px 1px 4px 1px;  
	background: #FAFAFA
} 
 
form fieldset label, #viewDetails fieldset label{
    display: block;
    float: left;
    width: 11em;
    margin-right: 2px;
    margin-left: 40px;
}

form fieldset fieldset label, #viewDetails fieldset fieldset label{
    padding-left: 5px;
}

form fieldset input, form fieldset textarea{
	 background: #FFFFFF;
	 border: 1px solid #C8C8C8; 
	 font-size: 12px; font-weight: normal; 
	 padding:2px 0 2px 0;
	 max-width:250px
	}

form fieldset select{
	 max-width:250px
}
	
form fieldset input:focus, form fieldset textarea:focus{
	 background: #FFFFFF;
	 border: 1px solid #ABC5D7; 
	}
	
form fieldset input:active, form fieldset textarea:active{
	 background: #F9F9F9;
	 border: 1px solid #ED6502; 
	}
	


.required{
	color:#EB5E00;
}	

.optional{
	color:#34743F;
}	

.selectMultiple
{
	min-width:224px;
	border:1px solid #C8C8C8;
}

.button:hover {
    border: 1px solid #f00;
    background: #eef;
}

.formAction
{
	padding-bottom:20px;
	
}

 .dropdown
{
	min-width:190px;
}
/*dl The view list*/
#viewDetails dl {
padding:10px 0 5px 0;
line-height:15px;
}

#viewDetails dt {
font-weight: bold;
vertical-align:top;
left:12px;
width:25%;
min-width:182px;
position:relative;
}

#viewDetails dd {
/*margin-left:15em;
margin-top:-2em;*/
top:-15px;
left:212px;
width:72%;
vertical-align:top;
position:relative;
}

.bubbleMessageContent{

}

.bubbleMessageContent dl{
	line-height:20px;
	margin:6px 12px;
}

.bubbleMessageContent dl dt{
	font-weight: bold;
	vertical-align:top;
}
.bubbleMessageContent dl dd{
	margin-left:60px;
	margin-top:-23px;
	vertical-align:top;
}

#login-full
{
	font-weight: bold;
	font-size: 12px;
	padding: 1px;
	width:400px;
	margin: auto;
}
#page-nav-td
{
	background-color:#c4ebeb;
}

#contentTop{
	position:relative;
	margin-top:6px;
	height:25px;
	border-bottom:2px solid #DFDFDF
}

#listHeader{
	position: absolute;
    left: 0;
	height:25px;
    width: 50%;
}

#addNew {
	position: absolute;
  	right: 0;
   	width: 50%;
	height:19px;/*Total height 25 including the padding*/
   	text-align: right;
	padding-top:4px;
	padding-bottom:2px
	}
	
#addNew a{
	border-width:1px;
    border-style:solid;
    border-color:#ed6502 #a04300 #a04300 #ed6502;
    padding:0 7px 1px 7px;
    background:url(images/btn_bg.gif) #ffac47 repeat-x 0 100%;
    color:#fff;
    font:bold 12px arial, helvetica, sans-serif;
    text-align:center !important;
    white-space:nowrap;
	text-decoration:none
}
#addNew a{ padding-left:20px;}
#addNew a:hover { background: url(images/btn_over_bg.gif) repeat-x 0 0 #f77c16; }
#addNew a:active { background: url(images/btn_on_bg.gif) repeat-x 0 0 #f77c16; }

/*-------- Search Panel CSS---- */
   .tabpanelteset{
    background:#E7EFEF;
    display:inline-block;
	width:100%;
	clear:both;
	}
	
   .search_tab_panel1,.search_tab_panel2{
   	   border-left:solid 1px #CDDDDD;
	   border-right:solid 1px #CDDDDD;
	   padding:20px 0 5px 0;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:12px;
	   color:#333333
	 }
	 
	  .search_tab_panel1 ul,.search_tab_panel2 ul{
	  	float: left;
		margin:0;
		padding:0;
	}
	
	.search_tab_panel1 ul li,.search_tab_panel2 ul li{
		display:block;
		float: left;
		list-style: none;
		padding-bottom:10px
	}
		
	.search_tab_panel1 ul li input, .search_tab_panel2 ul li input{
	 background: #FFFFFF;
	 border: 1px solid #C8C8C8; 
	 font-size: 12px; font-weight: normal; 
	 padding:2px 0 2px 0;
	 width:160px;
	}
	
	.search_tab_panel1 ul li input:focus, .search_tab_panel2 ul li input:focus{
	 background: #FFFFFF;
	 border: 1px solid #ABC5D7; 
	}
	
	.search_tab_panel1 ul li input:active, .search_tab_panel2 ul li input:active{
	 background: #F9F9F9;
	 border: 1px solid #ED6502; 
	}
		
	.search_tab_panel1 ul li label,.search_tab_panel2 ul li label{
		padding:5px 5px 5px 10px;
	}
	
	.search_tab_panel1_clear,.search_tab_panel2_clear{
	 	clear:both;
	 }
	 
	 .search_tab_panel2 ol{
	 	float: left;
		margin:0;
		padding:0 0 0 11px;
		clear:right;
	 }
	 .search_tab_panel2 ol li{
	 	display:block;
		float: left;
		list-style: none;
		padding:0 50px 10px 0
	}
	
	.search_tab_panel2 ol li input{
	 	font-size: 12px; font-weight: bold; 
	 	padding:20px 0 2px 0;
	}
	
    .tabs9 {
	  float:left;
      width:100%;
      font-size:93%;
      border-bottom:1px solid #CDDDDD;	
      line-height:normal;
      }
    .tabs9 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    .tabs9 li {
      display:inline;
      margin:0;
      padding:0;
      }
    .tabs9 a {
      float:left;
      background:url("images/tableftBO.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    .tabs9 a span {
      float:left;
      display:block;
      background:url("images/tabrightBO.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabs9 a span {float:none;}
    /* End IE5-Mac hack */
    .tabs9 a:hover span {
      color:#FFF;
      }
    .tabs9 a:hover {
      background-position:0% -42px;
      }
    .tabs9 a:hover span {
      background-position:100% -42px;
      }

      .tabs9 .current a {
              background-position:0% -42px;
      }
      .tabs9 .current a span {
              background-position:100% -42px;
      }
      #searchtab_wrapper{
      	border-bottom:solid 1px;
		border-color:#CDDDDD;
	    margin-bottom:10px;
      }
      .minipanel{
      	border-bottom:solid 1px;
		border-color:#FFDDAA;
	    /*margin-bottom:10px;*/
		padding-bottom:10px;
      }         
	  .thump_image{
	  	width:25px;
		height:25px;
	  }
/*- Search Panel CSS--------------------------- */	  
	  
#msg_navigation {
	border:1px solid #5263AB;
	margin:0;
	padding:0;
	text-indent:0;
	background-color:#E2E2E2;
	width:200px;
	height:480px;
}
#msg_navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB url(images/collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0;
	padding:0;
	text-indent:14px;
	text-decoration: none;
}
#msg_navigation a.head:hover {
	color:#FFFF99;
}
#msg_navigation a.selected {
	background-image: url(images/expanded.gif);
}
#msg_navigation a.current {
	background-color:#FFFF99;
}
#msg_navigation ul {
	border-width:0;
	margin:0;
	padding:0;
	text-indent:0;
}
#msg_navigation li {
	list-style:none outside none; display:inline;
}
#msg_navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#msg_navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}
.msg_navtab{
	position:absolute;
	top:122px;
	left:5px;
	height:450px;
	margin-bottom:1em;
	clear:both;
}

#message_panel
{
	background-color:#FFFF99;
	width:300px;
	float:left;
	margin-left:10px ;
	padding-left:2px;
}

#commdiv{
	visibility:hidden;
}

#alertTable{
   height:200px;
   padding:5px 1px 5px 1px;
 }
 
 #alertTable input[type="button"]{
 	background:#FFFFFF url("images/ack_bg.png") no-repeat;
	height:17px;
	font:bold 12px arial, helvetica, sans-serif;
	padding:0 10px 3px 7px;
	margin:5px 5px 5px 10px;
	border:none;
	color:white;
	font-weight:bold;
	cursor:pointer;
	text-align:center !important;
	white-space:nowrap;
	 }
.titleb{
	width:30px;
	font-weight:bold;
} 
.limit{
	width:120px;
} 
#resultTable{
	position: absolute;
	border:1px solid #000000;
	background:url(images/top_bg.png) repeat-x #333333;
	width:30%;
    top: 11px;
    right: 7px;
	/*min-width:580px;*/
	z-index:5555;
}
.rttHd{
	height:19px;
	padding-left:5px;
	color:white;
	font-weight:bold
} 

.rttDown{
  position: absolute;
  background: url("images/result_table_slidedown.png") no-repeat;
  width: 18px;
  height: 18px;
  top:0px;
  right: 0px;
  z-index: 5556;
  cursor: pointer;
}
.rttUp{
  position: absolute;
  background: url("images/result_table_slideup.png") no-repeat;
  width: 18px;
  height: 18px;
  top:0px;
  right: 0px;
  z-index: 5556;
  cursor: pointer;
}
.resultTableContract{
  position: absolute;
  background: url("images/application_side_contract.png") no-repeat;
  width: 16px;
  height: 16px;
  right: -1px;
  top: 10px;
  z-index: 5555;
  cursor: pointer;
}
#resultTableWrapper,#resultTableWrapper1{
	background-color: #F9F9F9;
}
#resultTableFull{
	height:200px;
	padding:5px 0 5px 5px;
	/*margin-left:1%;
	margin-right:1%;*/
	z-index:5555;
} 
#tracking_control{
	font-weight:bold;
	margin:0 0 0 10px;
	padding-top:8px;
	padding-left:20px;
}
#table_control{
	margin:0;
	padding:5px 20px 20px 20px;
}
#middleHead {
	display:block;
	background: url(images/header_top_bg.gif) repeat-x #425e66;
	height: 10px;
	border-bottom:2px solid #5F767F;
	width: 99%;
	margin-left:6px;
	margin-right:6px;
	z-index:600;
}
#messageWrapper
{
	display:block;
	margin-left:6px;
	margin-right:6px;
	width:99%
}

#mapTopshadow{
	background:transparent url(images/map_shadow.png) repeat-x scroll 0 0;
	/*background-color:#0000cc;*/
	font-size:1px;
	height:10px;
	left:0;
	position:absolute;
	top:90px;
	width:100%;
	z-index:11;
}

.mapInit {
   width: 99%;
   height:350px;
   margin-left:6px ;
   margin-right:6px ;
   display:block;
   z-index:10;
 }
 
 .mapFull {
   width: 99%;
   height:500px;
   margin-left:6px ;
   margin-right:6px ;
   display:block;
   z-index:10;
 }
 
 .RR0{
 	background-color:#F6F6F6;
 }
 
 .RR1{
 	background-color:#FFFFFF;
 }
 .TR0{
 	background-color:#FFFFFF;
 }
 .TR1{
 	background-color:#F6F6F6;
 }
  .TR2{
 	padding-left:4px;
 }
  .alertType1
 {
 	
	color:#770000;
	
	
 }
  .alertType2
 {
 	
	color:#777700;
	
	
 }
  .alertType3
 {
 	
	color:#000077;
	
	
 }
  .alertType4
 {
	color:#007777;
 }
 
 .alertRowColor0
 {
 	background-color:#FFFFFF;
 }
 
  .alertRowColor1
 {
 	background-color:#ffffff;
 }
 
 .col0,.col1,.col2,.col3{
 	padding-left:5px;
 }

#fences
{
	width:600px;
}
#commandLine
{
	display:block;
}

#mapSerachPanel{
	border: 2px solid #0090DF;
    background-color: #DCDCAE;
    width: 200px; 
    height:150px;
    margin: 10px; 
	position:absolute;
	top:40px;
	z-index:950;
	visibility:hidden;
	margin: 5px 5px 5px 5px;
	
}
#dataInput{
	visibility:hidden;
	top:1px;
	left:1px;
	z-index:1;
	position:absolute;
	

}
#gnl
{
	width:99%;
	margin-left:6px;
	margin-right:6px;
	padding-top:5px
}
#gnl table
{
	border-left:1px solid #ABC5D7;
	border-top:1px solid #ABC5D7;
	border-bottom:1px solid #ABC5D7;
}
#gnl table th {
	    white-space:nowrap;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding:5px 0 5px 0;
		border-left: none;
		border-right: none;
		background:#E7EFEF;
		border-right:1px solid #ABC5D7;
		border-bottom:1px solid #ABC5D7;
		text-align:center;	
}
#gnl table tr td {  
		border-right:1px solid #ABC5D7;
		/*border-bottom:1px solid #ABC5D7;*/
		padding:2px 0 2px 0;
		text-align:center;
}

.lVwTbl {
		border: 1px solid;	
		border-color: #ABC5D7;
		border-collapse:collapse;
		width: 100%
	}
.lVwTrkTh1{
	width:50px;
	background:#E7EFEF;
	border:1px solid #ABC5D7;
	empty-cells:show;
	font-size:12px;
	font-weight:bold;
	padding:5px 8px 5px 5px;
	text-align:left;
	white-space:nowrap;
}

.test{
   background-color:#ff0000;
}

.hidden{
	visibility:hidden;
}
#messages_control {
	background:#333333 url(images/top_bg.png) repeat-x scroll 0 0;
	border:1px solid #000000;
	min-width:240px;
	position:absolute;
	right:7px;
	top:11px;
	width:22%;
	z-index:5555;
}

#msgCntrlVf div,#msgCntrlHdPnl div, #rtCntrlRdo div{
	display:block;
	padding:5px 0 5px 20px;
}

#msgCntrlVf input, #msgCntrlVf select ,#msgCntrlHdPnl input, #msgCntrlHdPnl select {
	position: absolute;
	left:100px;
}
#msgCntrlHdPnl img{
	position: absolute;
	left:184px;
}

.msgCntrlBtn {
	padding:10px 0 10px 20px;
}

.msgCntrlBtn div{
	display:inline
}

.msgCntrlBtn input[type="button"],.msgCntrlBtn input[type="submit"]{
	border-width:1px;
    border-style:solid;
    border-color:#ed6502 #a04300 #a04300 #ed6502;
    padding:0 7px 1px 7px;
	margin:0 2px 0 0;
    background:url(images/btn_bg.gif) #ffac47 repeat-x 0 100%;
    color:#fff;
    font:bold 12px arial, helvetica, sans-serif;
    cursor:pointer;
    text-align:center !important;
    white-space:nowrap;
}

.msgCntrlBtn input[type="button"]:hover,.msgCntrlBtn input[type="submit"]:hover{ background: url(images/btn_over_bg.gif) repeat-x 0 0 #f77c16; }
.msgCntrlBtn input[type="button"]:active,.msgCntrlBtn input[type="submit"]:active{ background: url(images/btn_on_bg.gif) repeat-x 0 0 #f77c16; }

#playback_control {
	/*width:99%;
	background-color:#FFFF99;
	margin-left:6px;
	margin-right:6px;
	margin-top:0px ;
	padding:4px 0;
	z-index:950;
	border-bottom:1px solid #ABC5D7*/
	background:#333333 url(images/top_bg.png) repeat-x scroll 0 0;
	border:1px solid #000000;
	min-width:380px;
	position:absolute;
	right:7px;
	top:11px;
	width:20%;
	z-index:5555;
	background-color: #F9F9F9;
}

#selpannel div{
	display:block;
	padding:5px 5px 10px 10px;
	
}
#btnpnl div{
	display:inline;
	
	
}
#btnpnl{
	margin-left:20px;
padding-bottom:5px;
padding-top:10px;
}
#selpannel   select , #selpannel   input{
	position: absolute;
	left:100px;
	
}
#selpannel .cal a {
	position: absolute;
	left:180px;
	
}



.ply_play{
	background:transparent url("images/application_side_contract.png") no-repeat center;
	border: 0;
	width:16px;
	height:16px;
	text-indent: -999px;
	
}
.calendar{
	z-index:60000;
}
#playbacklist
{
	width:99%;
	margin-left:6px;
	margin-right:6px;
	padding-top:5px
}
#playbacklist table
{
	border-left:1px solid #ABC5D7;
	border-top:1px solid #ABC5D7;
	width:100%
}
#playbacklist table th {
	    white-space:nowrap;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding:5px 0 5px 0;
		border-left: none;
		border-right: none;
		background:#E7EFEF;
		border-right:1px solid #ABC5D7;
		border-bottom:1px solid #ABC5D7;
		text-align:center;
}
#playbacklist table tr td {
		border-right:1px solid #ABC5D7;
		border-bottom:1px solid #ABC5D7;
		text-align:center;
}
.R2{
		border-top:2px solid #FF0000;
		border-right:2px solid #FF0000;
}

#poiCntrl {
	background:#333333 url(images/top_bg.png) repeat-x scroll 0 0;
	border:1px solid #000000;
	min-width:180px;
	position:absolute;
	right:7px;
	top:150px;
	width:30%;
	z-index:5554;
}
#poiLst{
	overflow:auto;
	padding-left:20px;
	display:block;
	font-size:11px;
}
#poiLst ul{
	list-style-type: none;
	margin-top:5px;
	padding:0
}
#poiLst ul li{
	margin-right: 5px;
	margin-bottom: 10px;
	height:auto;
}

#poiLst ul li a{
	text-decoration: none;
}
#poiLst ul li img{
	
}
#poiLst .poiLstMmbr{
}
#poiLst .poiMrkr{
	cursor:pointer;
	float:left;
	height:18px;
	width:11px;
    vertical-align:top;
}
#poiLst .poiLstNme{
	display:inline;
	padding:2px 0 0 6px;
}
#poiLst .poiLstAddrss{
	clear:both;
	color:#000000;
	padding-left:6px;
	text-align:left;
	vertical-align:top;
}
.poiLstNme .poiLstDist{
	color:green;
	padding-left:10px;
	display:inline
}

#reportNav{
	position:inherit;
	margin: 5px 5px 5px 5px
}

#reportNav ol {
	clear:right;
	float:left;
	margin:0;
	padding:0 0 0 11px;
}
#reportNav ol li {
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 50px 15px 0;
}

#reportData{
	border:1px;
}




.container div
{
	display:inline-block;
}

#cust_info {
	color:#FF782F;
	float:none;
	left:300px;
	position:absolute;
	top:-62px;
}

#cust_info ul{
	color:#FF782F;
}

.customerInfoValue {
color:#00BAFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
padding-right:2px;
}

#dataEditFence 
{
	position: absolute;
	left:350px;
	top:11px;
	width:525px;
	background-color:#F0F5FF;
	border: 1px solid #000;
	z-index: 5000;
}

#dataEditPB 
{
	position: absolute;
	left:200px;
	top:100px;
	width:250px;
	background-color:#F0F5FF;
	border: 1px solid #000;
	z-index: 5000;
}


#dataEdit 
{
	position: absolute;
	left:350px;
	top:11px;
	width:250px;
	background-color:#F0F5FF;
	border: 1px solid #000;
	z-index: 5000;
}

#dataEdit_handle 
{
	background:#666E73 url(images/nav1_bg.gif) repeat-x scroll 0 100%;
	padding:2px;
	text-align:center;
	font-weight:bold;
	color: #FFFFFF;
	vertical-align:middle;
}
#dataEdit_content 
{
	padding:5px;
	background-color:#F9F9F9
}
#close
{
	float:right;
	text-decoration:none;
	color:#FFFFFF;
}
.question{
	display:block;
	font-weight:bold;
	font-style:italic;
	padding:20px 5px 5px 20px;
	
}
.answer{
	display:block;
	
	padding:0px 0px 0px 25px;
	
	
	
}
.sortedrec{
	margin: 10px 10px 10px 10px;
	list-style: none;
}

.sortedrec li {
	
	list-style: none;
	margin: 0 0 4px 0;
	padding: 10px;
	
	color:#fff;
}



.sortListLine{
	display:block;
	
	
}
.outerSL li{
	list-style: none;
}
.sortListLine li{
	display:inline;
	margin: 0 0 4px 0;
	color:#000000;
	list-style: none;
}

.valiti{
	float:right;
	color:#ff0000;
	
	
	
}
.error{
	display:inline;
	color:#ff0000;
}
.alertType{
	padding-left:4px; 
}
#htmlrepsel {
    background: #E7EFEF;
  	width:100%;
	margin:10px 0px 0px 0px;
	float:none;
}
#htmlrepsel div {
    background: #E7EFEF;
  	width:100%;
	margin:0px 0px 0px 0px
	}
#htmlrepsel div ul {
	float: left;
	margin: 1px;
	padding: 10px 2px 2px 10px;
}
#htmlrepsel div{
	display:inline-block;
}
#htmlrepsel div ul li {
	display: inline;
	float: left;
	list-style: none;
	padding:3px 3px 3px 3px;
}
.repsubmit{
	padding:2px 0px 1px 30px;
}