@charset "utf-8";
/* CSS Document */

.header {
	margin-top:10px;
	padding:0px;
	height:123px;
	background:url(../images/Main-BG_top.png) repeat;
	width:100%;
	}
	
center {
	width:1018px;
	}
	
.tabs_balloon {	
	width:1018px;
	height:84px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	}

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.units-setup {
	background:url(../images/Units-setup_norm.png);
	width:48px;
	height:40px;
	margin-left:2px;
	float:left;
	}
	
.units-setup1 {
	background:url(../images/Units-setup_pressed.png);
	width:48px;
	height:40px;
	margin-left:2px;
	float:left;
	}
	
a.units-setup:hover {
	background:url(../images/Units-setup_pressed.png);
	width:48px;
	height:40px;
	margin-left:2px;
	float:left;
	}
	
.TabbedPanelsTabGroup { 
	height:37px;
	min-width:562px;
	float:left;
	top:0px;
	left:8px;
	overflow:hidden;
	position:absolute;
	z-index:0;
	margin: 0px;
	padding: 0px;
	}
	
ui {height:37px;
	top:0px;
	left:0px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	float:left;
	clear: none;
	width: 100%;
	}
	
li {width: 132px;
	height:37px;
	float:left;
	overflow:hidden;
	list-style:none;
	}

.TabbedPanelsTab {
	background:url(../images/Main-tab_notselected.png) no-repeat;
	width:132px;
	height:37px;
	font-family:Arial;
	font-size:13px;
	color:#383e46;
	padding-top:15px;
	text-decoration:none;
	position: relative;
	float: left;
	list-style: none;
	cursor: pointer;
	}
	
a.TabbedPanelsTab:hover {
	background:url(../images/Main-tab_mouseover.png) no-repeat;
	float:left;
	font-weight:bold;
	text-decoration:none;
	}
	
a.TabbedPanelsTab:selected {
	background:url(../images/Main-tab_selected.png);
	float:left;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	font-size:13px;
	color:#383e46;
	font-weight:bold;
	padding-top:13px;
	text-decoration:none;
	}
	
a.TabbedPanelsTab:focused {}
a.TabbedPanelsContent:visible {}

.VTabbedPanels .TabbedPanelsTabGroup {}
.VTabbedPanels .TabbedPanelsTab {}
.VTabbedPanels .TabbedPanelsTabSelected {}
.VTabbedPanels .TabbedPanelsContentGroup {}


.balloon {
	background:url(../images/Balloon.png);
	width:453px;
	height:84px;
	left:562px;
	float:left;
	position:absolute;
	}
	
.red-index {
	background:url(../images/Balloon_red-index.png);
	width:38px;
	height:24px;
	left:32px;
	margin-top:23px;
	float:left;
	position:absolute;
	}
	
.red_input {
	width:27px;
	height:14px;
	border:0px;
	margin-left:0px;
	margin-top:2px;
	background-color:#ff0101;
	font-family:Arial;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding-left:4px;
	}
	
.ic_technic {
	background:url(../images/Balloon_icon_technic_norm.png);
	width:24px;
	height:24px;
	margin-top:23px;
	left:70px;
	float:left;
	position:absolute;
	}
	
a.ic_technic:hover {
	background:url(../images/Balloon_icon_technic_pressed.png);
	width:24px;
	height:24px;
	margin-top:23px;
	float:left;
	}
	
.orange-index {
	background:url(../images/Balloon_orange-index.png); 
	width:38px; 
	height:24px; 
	left:100px; 
	margin-top:23px; 
	float:left;
	position:absolute;
	}
	
.orange_input {
	width:27px;
	height:14px;
	border:0px;
	margin-left:0px;
	margin-top:2px;
	background-color:#ff9102;
	font-family:Arial;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding-left:4px;
	}
	
.ic_alarm {
	background:url(../images/Balloon_icon_alarm_norm.png);
	width:24px;
	height:24px;
	margin-top:23px;
	left:138px;
	float:left;
	position:absolute;
	}
	
a.ic_alarm:hover {
	background:url(../images/Balloon_icon_alarm_pressed.png);
	width:24px;
	height:24px;
	margin-top:23px;
	float:left;
	}
	
.blue-index {
	background:url(../images/Balloon_blue-index.png);
	width:38px;
	height:24px;
	left:168px;
	margin-top:23px;
	float:left;
	position:absolute;
	}
	
.blue_input {
	width:27px;
	height:14px;
	border:0px;
	margin-left:0px;
	margin-top:2px;
	background-color:#0664ff;
	font-family:Arial;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding-left:4px;
	}
	
.ic_fuel {
	background:url(../images/Balloon_icon_fuel_norm.png);
	width:24px;
	height:24px;
	margin-top:23px;
	left:206px;
	float:left;
	position:absolute;
	}
	
a.ic_fuel:hover {
	background:url(../images/Balloon_icon_fuel_pressed.png);
	width:24px;
	height:24px;
	margin-top:23px;
	float:left;
	}
	
.balloon_left {
	width:190px;
	height:48px;
	margin-top:10px;
	float:left;
	left:230px;
	position:absolute;
	}
	
.balloon_above-search {
	width:160px;
	height:24px;
	top:-33px;
	right:0px;
	position:absolute;
	/*border:solid 1px red;*/
	}

.balloon_Master {
	width:160px;
	height:24px;
	float:right;
	}

.logout_text 
{
	background:url(../images/lock_off.png);
	width:24px;
	height:24px;
	float:right;
	/*margin-left:10px;*/
	}

a.logout_text:hover 
{
	background:url(../images/lock_off_pressed.png);
	width:24px;
	height:24px;
	float:right;
	/*margin-left:10px;*/
	}	
	
.balloon_Login 
{
	/*border:solid 1px red;*/
	width:340px;
/*	height:24px;*/
	top:150px;
	right:-300px;
	position:absolute;
	}	
	
.ic_setting {
	background:url(../images/Balloon_icon_setting_norm.png);
	width:24px;
	height:24px;
	float:left;
	margin-top:-5px;
	cursor:hand;
	/*margin-left:10px;*/
	}
	
a.ic_setting:hover {
	background:url(../images/Balloon_icon_setting_pressed.png);
	width:24px;
	height:24px;
	float:left;
	}
	
.ic_help {
	background:url(../images/Balloon_icon_help_norm.png);
	width:24px;
	height:24px;
	margin-left:3px;
	float:left;
	}
	
a.ic_help:hover {
	background:url(../images/Balloon_icon_help_pressed.png);
	width:24px;
	height:24px;
	margin-left:3px;
	float:left;
	}

.ic_cancel {
	background:url(../images/cancel.png);
	width:24px;
	height:24px;
	margin-left:3px;
	float:left;
	}
	
a.ic_cancel:hover {
	background:url(../images/cancel_pressed.png);
	width:24px;
	height:24px;
	margin-left:3px;
	float:left;
	}
		
.hello_text {
	padding-left:7px;
	padding-top:6px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	float:right;
	text-align:right;
	}
	

	
.balloon_search {
	width:190px;
	height:24px;
	}
	
.search {
	background:url(../images/textbox_Search_left.png) no-repeat;
	width:150px;
	height:24px;
	margin-left:10px;
	float:left;
	}
	
.search_right {
	background:url(../images/textbox_Search_right_norm.png) no-repeat;
	width:28px;
	height:24px;
	left:0px;
	float:left;
	}
	
.search_input {
	width:140px;
	height:13px;
	background-color:#FFF;
	border:0px;
	margin-left:5px;
	margin-top:5px;
	}
	
a.search_right:hover {
	background:url(../images/textbox_Search_right_over.png) no-repeat;
	width:28px;
	height:24px;
	left:0px;
	}
	
a.search_right:active {
	background:url(../images/textbox_Search_right_pressed.png) no-repeat;
	width:28px;
	height:24px;
	left:0px;
	}
	
.header_buttons {
	height:40px;
	width:526px;
	left:0px;
	margin-top:44px;
	margin-left:12px;
	position: absolute;
	float:left;
	}
	
.units-setup {
	background:url(../images/Units-setup_norm.png);
	width:48px;
	height:32px;
	margin-left:5px;
	float:left;
	
	}
	
a.units-setup:hover {
	background:url(../images/Units-setup_pressed.png);
	width:48px;
	height:40px;
	margin-left:2px;
	float:left;
	}
	
.truck {
	background:url(../images/Truck_norm.png);
	width:48px;
	height:40px;
	margin-left:26px;
	float:left;
	}
	
a.truck:hover {
	background:url(../images/Truck_pressed.png);
	width:48px;
	height:40px;
	margin-left:26px;
	float:left;
	}
	
.alarms {
	background:url(../images/Alarms_norm.png);
	width:48px;
	height:40px;
	margin-left:26px;
	float:left;
	}
	
a.alarms:hover {
	background:url(../images/Alarms_pressed.png);
	width:48px;
	height:40px;
	margin-left:26px;
	float:left;
	}
	
/*.dushboard {
	background:url(../images/Dushboard_norm.png);
	width:48px;
	height:40px;
	margin-left:26px;
	float:left;
	}
	
a.dushboard:hover {
	background:url(../images/Dushboard_pressed.png);
	width:48px;
	height:40px;
	margin-left:26px;
	float:left;
	}
*/	
.inputs_row {
	height:39px;
	width:1018px;
	float:left;
	}

.header_inputs {
	height:39px;
	width:1018px;
	left:0px;
	position: relative;
	float:left;
	}
		
.group_title {
	font-family:Arial;
	font-size:12px;
	float:left;
	margin-top:13px;
	margin-left:20px;
	}
	
.subgroup_title {
	font-family:Arial;
	font-size:12px;
	float:left;
	margin-top:13px;
	margin-left:20px;
	}
	
.from_title {
	font-family:Arial;
	font-size:12px;
	float:left;
	margin-top:13px;
	margin-left:20px;
	}
	
.to_title {
	font-family:Arial;
	font-size:12px;
	float:left;
	margin-top:13px;
	margin-left:20px;
	}
		
.group {
	height:19px;
	margin-top:11px;
	float:left;
	margin-left:6px;
	}
	
.subgroup {
	height:19px;
	margin-top:11px;
	float:left;
	margin-left:6px;
	}
	
.from {
	height:19px;
	margin-top:11px;
	float:left;
	margin-left:6px;
	}
	
.to {
	height:19px;
	margin-top:11px;
	float:left;
	margin-left:6px;
	}
	
.input_area {
	width:104px; 
	height:19px; 
	position:relative; 
	left:0px;
	}
	
.header_input_left {
	background:url(../images/textbox_left.png); 
	width:4px; 
	height:19px; 
	float:left; 
	}
	
.header_input {
	background:url(../images/textbox_centre.png) repeat; 
	width:96px; 
	height:19px; 
	float:left; 
	left:4px;
	}
	
.header_input_area {
	float:left; 
	width:96px; 
	height:17px; 
	border: solid 1px #fff; 
	margin-top:1px; 
	font-size:11px; 
	left:6px;
	position:absolute;
	z-index:55;
	}
	
.header_input_calendar {
	float:left; 
	width:70px; 
	height:13px; 
	border: solid 1px #fff; 
	margin-top:1px; 
	font-size:11px; 
	left:6px;
	position:absolute;
	z-index:55;
	}
	
.calendar {
	background:url(../images/calendar.png) no-repeat; 
	width:17px; 
	left:82px; 
	height:15px; 
	float:left;
	margin-top:2px;
	position:absolute; 
	z-index:4;
	}

	
.header_input_right {
	background:url(../images/textbox_right.png); 
	width:4px; 
	height:19px; 
	float:left; 
	left:100px; 
	position: absolute;
	}
	
.go_top {
	background:url(../images/icon_Go_norm.png) no-repeat; 
	width:24px; 
	height:24px; 
	float:left; 
	margin-top:8px; 
	margin-left:12px;
	}
	
a.go_top:hover {
	background:url(../images/icon_Go_over.png) no-repeat;
	}