﻿.imgButton {
	cursor: pointer;
}

.VehBox {
	border: 1px solid #000000;
	background-color: #ffffff;
	font-family:  Arial;
	font-size: 10px;
}
.textbox {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.input_button {
	font-family:  Arial,"新細明體";
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	background-color: #ebf1ff;
	border: medium double #9abbf0;
	cursor:pointer;
}
.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
td.listview_header {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #444444;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
td.listview_normal {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
td.listview_mouseover {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
td.listview_selected {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #dddddd;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}



.map_nowloadingimage {
	vertical-align: middle;
	height: 100%;
	width: 100%;
}
div.map {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.map_toolbar {
	position: absolute;
	top: 0px;
	z-index: 9;
}
.map_toolbar_button {
	cursor: pointer;
}
.map_toolbar_frame {
	cursor: url(images/dragmove.cur);
}
.map_popupmenu_frame {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow: hidden;
	width: 150px;
	height: 40px;
	border-width: 0;
}
.map_popupmenu_table {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #BFDEFF;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	border-top: solid thin #CEF6FF;
	border-left: solid thin #CEF6FF;
	border-bottom: solid thin #2066DB;
	border-right: solid thin #2066DB;
}
.map_popupmenuitem_mouseover {
	color: #FFFFFF;
	background-color: #5C91E7;
	cursor: pointer;
}
.map_popupmenuitem_normal {
	cursor: pointer;
}
div.map_vehicle {
	position: absolute;
	z-index: 8;
}
div.map_compass {
	position: absolute;
	z-index: 1;
}
.img_popup_calendar {
	cursor: pointer;
}
.calendar_table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	background-color: #DEE7F1;
	text-align: right;
	border: thin double #779DDD;
}
.calendar_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #16489A;
	border: thin double #779DDD;
}
.calendar_columnheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5B8DD9;
	border: thin double #779DDD;
	width: 12px;
}
.calendar_selectedday {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	background-color: #84b8ff;
	border: 1px groove #2856A2;
}
.calendar_clickable
{
	cursor: pointer;
}
.calendar_backframe {
	position: absolute;
}
.calendar_popup_calendar {
	position: absolute;
	z-index: 999;
}

body {
	scrollbar-face-color:#DBEEFD;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-arrow-color:#6699FF;
	scrollbar-track-color:#FFFFFF;
	padding: 0 0 0 0 ;

}
body.standard {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow: auto;
}
body.allowscroll {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow: auto;
}
body.opaque {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow: hidden;
	background-color: #73b2ff;
}
.dropdownmenu {
	cursor: pointer;
}
.menuitem {
	background: url('images/top_button.jpg') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2a4067;
	font-weight: bold;
	width: 100%;
}
.menuitem_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2a4067;
	font-weight: bold;
	cursor: pointer;
}
input.input_text {
	font-family: Arial, "新細明體" ;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #ebf1ff;
	border: medium double #9abbf0;
}
select.select {
	font-family: Arial, "新細明體" ;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #ebf1ff;
	border: medium double #9abbf0;
}
.row_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
.column_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #16489A;
}
.form_table {
	width: 100%;
	border: none;
}
.dropdownmenu_top
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2a4067;
	font-weight: bold;
	cursor: pointer;
}

.alertmsg {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	color: #FF0000;
}
textarea.textarea_text {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #ebf1ff;
	border: medium double #9abbf0;
}
.replay_toolbar_button {
	cursor: pointer;
}
/* End */


.topic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003399;
}

.textbox2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	background-color: #ebf1ff;
	border: medium double #9abbf0;
}
.textbox_chi {
	font-family: Arial, "新細明體" ;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #ebf1ff;
	border: medium double #9abbf0;
}
.textbox_chi2 {
	font-family: "新細明體";
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #16489A;
}
.text_chi {
	font-family: "新細明體";
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
.textbox3 {
	font-family: Arial, "新細明體" ;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #ebf1ff;
	border: medium double #9abbf0;
}
.welcome_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: bold;
}
.welcome_txt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: bold;
}
.company_name {
	font-family: "Arial Black";
	font-size: 10.5px;
	color: #000000;
	font-weight: normal;
}
.topmenu_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2a4067;
	font-weight: bold;
}
.bottombar_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2a4067;
	font-weight: bold;
}
.bottombar_text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6e87b2;
	font-weight: bold;
}
.bottombar_text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2a4067;
}
.bottombar_text4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6e87b2;
}
.reportheading {
	font-family: "Arial Black";
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: none;
}
.rightframe_heading01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
	font-weight: bold;
}
.rightframe_item01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #41587A;
	font-weight: bold;
}
.rightframe_item02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #738BB5;
	font-weight: bold;
}
.rightframe_textbox01 {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #9abbf0;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.rightframe_textbox02 {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #ebf1ff;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.rightframe_title {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2066DB;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.rightframe_normal {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #BFDEFF;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.rightframe_mouseover {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5C91E7;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.rightframe_selected {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #95C8FF;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.rightframe_zonename {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #95C8FF;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.rightframe_zonecontent {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #ebf1ff;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.rightframe_zonename_ {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #1B56BA;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.rightframe_zonecontent_ {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5C91E7;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}
.text_chi2 {
	font-family: "新細明體";
	font-size: 12px;
	color: #1B56BA;
	font-weight: bold;
}
.topmenutitle {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	color: #2a4067;
	font-weight: bold;
	background-image: url(images/topmenutitlebg.jpg);
}

.footer_contents {

	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

/*
Vehicles Style
*/
.java_link {
	font-family: "Arial", Helvetica, sans-serif;
	padding: 10;
	font-size: 12px;
	cursor:pointer;
	color: #3366CC;
	text-decoration: none;
	font-weight: bold;
}

.row_info {
	padding: 0 10 0 5;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	height: 25;
}

.note_info {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}

.report_row_header {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	height: 30;

}

.report_header {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	color: #3399CC;
	font-weight: bold;
}

.report_info {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

.report_title {

color: #333333;
padding: 10 10 10 10;
font-family: "Arial", Helvetica, sans-serif;
font-weight: bold;
font-size:16px;
border-bottom: solid 1px #3399CC;

}
.root_view{

	width: 190px;
	color: #FFFFFF;
	background: #666699;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	padding: 2px 0px 2px 8px;
	margin: 5px 0px 5px 2px;
	border:#999999 1px solid;
	font-weight: bold;
}

.root_view_RT {

	color: #333399;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}



.infoBlock {
	font-family: "Arial", Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #333333;
	padding: 5px 5px 0px 10px;	
}
.headupValue {
	
	font-family: "Arial", Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #336699;
	padding: 5px 5px 0px 10px;	
}

.textSelection {

	font-family: "Arial", Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #336699;
	background: #E0EBEB;
}


.input_btn {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 10px;
	color: #336699;
	border:#666666 1px solid;
	padding: 2px 2px 2px 2px;
	cursor:pointer;
	width: 40px;
	font-weight:bold;
	background-color: #CCCCCC;	
}

.input_menu {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 10px;
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

.treeview_root {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 13px;
	font-weight:bold;
	width: 150;
	margin: 3px 0px 0px 0px;
	padding:  0px 10px 0px 5px;
	color: #336699;
}

.treeview_subTree {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 13px;
	font-weight:bold;
	width: 140px;
	margin: 3px 0px 0px 5px;
	padding: 1px 5px 1px 5px;	
	color: #333333;
	border:#6699CC 1px ridge;

}

.treeview_node {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	width: 100px;
	margin: 3px 0px 0px 5px;
	padding: 1px 3px 1px 3px;
	color: #333333;
	border:#6699CC 1px solid;
}

.treeview_node_empty {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	margin: 3px 0px 0px 5px;
	padding: 1px 1px 1px 1px;
	color: #999999;
}

.clickable_item {
	cursor:pointer;
}



/*added on Jan 29 2007*/
.reportOnLoadtxtSub {
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 13px;
	font-weight:bold;
	color:#CCCCCC;
}

.reportOnLoadtxtMain {
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 13px;
	font-weight:bold;
	color: #6699CC;
}

.reportIframeStyle {
 	border: #333333 1px solid;
	background-color:#666666;
}

.MUR_slot {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	color: #336699;
	height: 20px;
}
.MUR_date_slot {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	color: #336699;
	height: 20px;
	border-top:1px #FFFFFF solid;
	border-left:1px #FFFFFF solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	background-color:#CCCCFF;
}
.report_license_noUsage {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size:12px;
	color: #999999;
	border-bottom:1px #999999 solid;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	height: 20px;
}
.report_license_hasUsage {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size:12px;
	color: #336699;
	border-bottom:1px #999999 solid;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	height: 20px;
}

.MUR_usage_slot {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	color: #336699;
	height: 20px;
	border-top:1px #FFFFFF solid;
	border-left:1px #FFFFFF solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	background-color: #EBEBEB;
}

.MUR_usage_slot_used {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	color: #336699;
	height: 20px;
	border-top:1px #FFFFFF solid;
	border-left:1px #FFFFFF solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	background-color: #B9FFB9;
	cursor:pointer;
}
.reportLeftVehList {
	border:1px #666666 solid; 
}

.reportSummaryTable {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	color: #336699;
	height: 20px;
	border:1px #999999 solid;
	padding:0px 0px 0px 0px;
	margin:0 0 0 20;
}

.reportSummaryHeader {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 13px;
	color: #336699;
	font-weight:bold;
	height: 20px;
	border:1px #CCCCCC solid;
	background-color: #C7E2FE;
	padding: 2px 5px 2px 5px;
	margin:0 0 0 0;	
}

.reportMainHeader {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #336699;
	font-weight: bold;
	background-color: #C7E2FE;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	height: 25px;
	border:1px #999999 solid; 
}

.reportMainHeaderMouseOver {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 13px;
	color: #336699;
	font-weight: bold;
	background-color: #99CCFF;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	height: 25px;
	border:1px #999999 solid; 
}

.reportMainContent_odd {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #333333;
	height: 20px;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	background-color: #F2F2F2;
}

.reportMainContent_even {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #333333;
	height: 20px;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	background-color: #D6EAFE;

}

.visitReport_park {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #333333;
	height: 20px;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	background-color: #FFFFFF;

}
.visitReport_idle {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #333333;
	height: 20px;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	background-color: #E0E0E0;

}
.visitReport_travel {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #333333;
	height: 20px;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	background-color: #D6EAFE;

}

.visitReport_clickRow {
	cursor:pointer;
}

.reportSummarySlot {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #666666;
	border-bottom:1px #CCCCCC solid;
	padding: 1px 1px 1px 5px;
	margin:0 0 0 0;	
}

.reportExpectionMsg {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 14px;
	color:#333333;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	margin:0 0 0 0;
}
.reportFooterNote {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	color: #336699;
	height: 30px;
	padding-left: 20px;
}

.repSearchTime {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	color: #336699;
	margin: 5 5 5 5;
	padding-left: 25px;
}

.siteExpectionMsg {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 14px;
	color:#333333;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	margin:0 0 0 0;
}

/* left img*/
.indexHdr1
{
	width: 15px;
}
/* right img */
.indexHdr2
{
	width: 15px;
}
/*top middle img*/
.indexHdr3
{
	height: 4px;
}
/*powered by img*/
.indexHdr4
{
	height: 36px;
	width: 139px;
}
.indexHdr5
{
	height: 23px;
	width: 14px;
}
.indexHdr6
{
	height: 23px;
	width: 2px;
}
.indexHdr7
{
	height: 23px;
	width: 14px;
}
/* company logo img */
.indexHdr8
{
	height: 36px;
	width: 177px;
}
.indexHdr9
{
	height: 24px;
}
.langImg
{
	height: 20px;
}
