#header {
	background: #fff;
}

#header .logo {
	height:81px;
	width:164px;
	/*background: #fff url('../images/logo.jpg') no-repeat left;*/
}

#header .head-hr {
	height: 11px;
	width: 100%;
	background: url('../images/top.jpg') repeat-x left;
}

#footer {
	background: #fff;
}

#container {
	background: #405268;
}

#main-container {
	width: 100%;
	background: blue;
	float: left;
	margin-right: -300px;
}
#main-content-area {
	width: 80%;
	background: #fff;
	margin-right: 300px;
}
#side-panel {
	width: 300px;
	background: #f6fafb url('../images/side-image.jpg') repeat-y left;
	height:100%;
	float: right;
}

#side-panel .vehicle-list-head, #side-panel .vehicle-list-footer {
	background: #fff url('../images/side-link-top-without_arraow.jpg') no-repeat left;
	width : 225px;
	height: 46px;
	margin-left: 33px;
	padding-top: 28px;
}
#side-panel .vehicle-list-footer {
	background: #fff url('../images/side-link-down.jpg') no-repeat left;
	height: 12px;
	margin-top: 0px;
	padding-top: 0px;
}
#side-panel .vehicle_cate {
	width: 100px;
	margin-left: 21px;
	/*margin-top: 12px;*/
}
#side-panel .vehicle_title {
	font-weight: bold;
}
#side-panel .vehicle-list-contents {
	background: #fff url('../images/side-link-m.jpg') repeat-y top;
	width : 225px;
	height: 150px;
	margin-top: -14px;
	margin-left: 35px;
	overflow-x: hidden;
	overflow-y: auto;
}

div.cate_item img, div.cate_item span{
	padding-left: 7px;
	font-weight: bold;
	width: 150px;
}
/*#side-panel .vehicle-list-contents ol
{
	list-style-image: url('../images/list-item-marker.jpg');
}
#side-panel .vehicle-list-item {
	background: url('../images/side-link-sep.jpg') no-repeat bottom left;
	height: 25px;
	width : 225px;
}*/
#side-panel a.vehicle-list-seperator, a.vehicle-list-seperator, a.selected {
	background: url('../images/side-link-sep.jpg') no-repeat bottom left;
	border: 0;
	display: block;
	height: 30px;
	width : 225px;
	padding-left: 40px;
	cursor: pointer;
}
a.selected {
	font-weight:bold;
}


#side-panel .vehicle-details-panel {
	background: url('../images/inner_top-L.jpg') no-repeat top left;
	height: 203px;
	width: 225px;
	margin-left: 40px;
	margin-top: 10px;

}
#side-panel .vehicle-details-left {
	background: url('../images/inner_top-R.jpg') no-repeat top left;
	height: 203px;
	width: 14px;
	float: left;
	/*display: table-column;*/
}
#side-panel .vehicle-details-right {
	background: url('../images/inner_top-L.jpg') no-repeat top left;
	height: 203px;
	width: 14px;
	float:left;
	/*display: table-column;*/
}
#side-panel .vehicle-details-middle {
	background: url('../images/inner_top-M.jpg') repeat-x top left;
	height: 203px;
	width:195px;
	float: left;
	/*display: inline-table;*/
}
#side-panel .vehicle-content-area {
	height: 203px;
	width:190px;
	display: block;
}
#side-panel .vehicle-content-head {
	height: 30px;
	width:190px;
	display: block;
}
#side-panel .vehicle-content-head div {
	font-weight: bold;
	font-size: 14px;
	font: verdana;
	padding-top: 6px;
}
#side-panel .vehicle-content-body {
	height: 165px;
	width:190px;
	display: block;
	background: #fff;
}
#side-panel .row {
	display: block;
	text-align: justify;
}
#side-panel .label {
	font-weight: bold;
	font-size: 12px;
	font: verdana;
}
#side-panel .data {
	font-size: 12px;
	font: verdana;
}
#side-panel .sep {
	width:3px;
	text-align: center;
}
#footer {
	background: #fff;
}
h1 {
	margin-top: 0;
}
.last {
	margin-bottom: 0;
}
.clear {
	height: 0;
	clear: both;
}
#toolbar-container {
    width:600px;
    height:300px;
    border:3px solid #c3daf9;
}
.toolbar {
	display: table;
}

body {
	font-family: arial,tahoma,helvetica,sans-serif;
	font-size: 12px;
	}
/* for hidden column header */
#vehicleTab .ygrid-wrap-headers{ display:none; }
#vehicleTab .ygrid-wrap{ top:0; }
#vehicleTab .x-grid3-header{ display:none; }
#mapController .x-panel-body { padding-left: 5px;border-color:#fff;}
#mapController .x-table-layout-cell { padding-top:10px;}
#mapController .x-form-check-wrap {line-height:25px;}

#categoryList .x-grid3-hd-inner { display:none; }
.login,.version {
	padding-top: 100px;
}

.version
{
	height: 150px;
	font-weight: bold;
	font-size: 16px;
}

/*.login .header {
	background: #05407C;
	width: 200px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding-left: 10px;
}

.login .loginForm {
	background: transparent;
	width: 270px;
	height: 160px;
	border: 1px solid #000;
}*/

.headerLeftText {
	font-family: arial,verdana,sans-serif;
	font-size: 15px;
	float:right;
	border:0px solid red;
	padding-right:20px;
	padding-left:8px;
	background: #D0DEF0;
	height: 80px;
}
.alarms-container {
	/* border: 1px solid #99BBE8; */
	height: 100%;
}
.alarms-container div.alarm_content {
	background: url('../images/alarm_bg_red.jpg') repeat-x top left;
	height: 70px;
	border: 1px solid #000;
	margin: 7px;
	color: yellow;
}
.alarms-container div.alarm_content .alarm_header {
	padding-top:5px;
	padding-left:5px;
	font-weight: bold;
}
.alarms-container div.alarm_content .alarm_body {
	padding-top:5px;
	padding-left:5px;
}

.alarms-container #no-alarms {
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
}

#alarmPanel {
	height: 100%;
}

#topMenu {
   font-size: 18px;
   position: absolute;
   top: 50px;
   left: 205px;
}

#clock {
   position: absolute;
   top: 47px;
   right: 200px;
   font-size: 24px;
   color: #888;
}

#topMenu .selected {
   background-color: #ffff88;
}

td.leftMenu {
	height: 599px;
	width:150px;
	background: url('../images/ctc-left-bg.jpg') repeat-x top left;
}

.pageTitle {
   font-family:  Verdana;
   font-size: 32px;
   padding-bottom: 10px;
   padding-left: 10px;
   color:#71870c;
}

.pagedesc, #pageDesc {
	color:#71870c;
	font-family:  Verdana;
   	font-size: 12px;
   	padding-bottom: 5px;
   	padding-left: 10px;
}

.pageExplain {
	background: transparent url('../images/inner-text-bg.jpg') no-repeat scroll 10px top;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 30px;
	line-height: 18px;
}

.gridContents {
   padding-left: 15px;
   padding-bottom: 15px;
}

.roundedcornr_agent_content {
	-moz-border-radius-bottomleft:0.6em;
	-moz-border-radius-bottomright:0.6em;
	-moz-border-radius-topleft:0.6em;
	-moz-border-radius-topright:0.6em;
   background-color:#d0e09b;
   color:#313308;
   margin:10px 0px 0px 10px;
   float:left;
   width: 300px;
   height:13em;
}

.roundedcornr_agent_content, .roundedcornr_agent_content .content_header {
	padding: 15px;
}
.roundedcornr_agent_content .content_header
{
	background: transparent url(../images/icon.jpg) no-repeat scroll left center;
	padding-left: 30px;
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;
}

.roundedcornr_agent_content .content_body
{
	margin-left: 10px;
}

.roundedcornr_agent_content .content_body div
{
	padding: 5px;
	padding-left: 25px;
}

.roundedcornr_agent_content .content_body span.caption
{
	font-weight: bold;
}

.pagebody {
	margin-left: 15px;
}

.pageTitle1 {
	font-size: 18px;
	font-weight:bold;
	padding-bottom: 5px;
}

.x-toolbar .ytb-text {
   font-size: 12px;
}

.x-btn button {
   font-size: 12px;
}

.alarm-red {
   background: url(../images/alarm-red.png) no-repeat top left;
   color: yellow;
}

.alarm-green {
	background: url(../images/alarm-green.png) no-repeat top left;
}

.footer {
	padding-top: 5px;
	font-size: 10px;
	text-align: center;
}

#vehicle_details {
	width : 220px;
	height : 135px;
	border: 1px solid #405268;
}

#reportTable {
	padding-left:26px;
}

#reportTable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 8px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

#reportTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 8px;
	font-size: 12px;
	color: #000;
	line-height: 20px;
}

#agent_list {
	/*width: 500px;*/
	height: 495px;
	overflow: auto;
	width: 100%;
}

.add_user {
	width:75px;
	padding-left:30px;
}

#add_user_div {
	cursor:pointer;
	font-weight:bold;
	text-decoration:underline;
	width:100px;
}

.icon {
	cursor:pointer;
}

.input
{
	border: thin solid #313308;
	background: #fff;
	font-family: verdana;
	font-size: 11px;
}

/*.button, .buynow-btn
{
	background: url(../images/bynow-btn-off.gif) no-repeat top left;
	border: 0px;
	height: 28px;
	width: 67px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	margin-left: 3px;
	text-transform:uppercase;
}*/
#trendChart
{
	text-align: center;
}