@charset "utf-8";

/*--tag initial and reset --*/
html, body, div, ul, ol, li, h1, h2, h3, h4, label, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, span, label{ margin:0; padding:0; }
* {margin:0;padding:0;} 
body { width:100%; overflow:hidden; background:#fff; color:#333333; font:11px "Tahoma"; background:#fff url(images/bk.gif) repeat-x top; -webkit-text-size-adjust:none;}
html, body { height:100%; }
table {	border-collapse:collapse; border-spacing:0; }
img { border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
hr {
	border: 0px;
    border-top: 1px solid #b0bbc3;
    height: 1px;
    overflow:hidden;
    line-height:1px;
    margin:0px;
    padding:0px;
    background-color: #d4d4d4;
    color: #d4d4d4; /* IE6 */
}
select { font-family:Arial; font-size:11px;}
fieldset { padding:6px 0 6px 0; margin:0 4px 4px 0 0; font-family:Arial; font-size:11px; line-height:22px;
  -moz-border-radius:5px;   
  border-radius: 5px;
  border-radius-right-bottom: 15px; 
  -webkit-border-radius: 5px; //edit :D }
a {color: #3bb006; text-decoration: none; outline: 0; border:0; font-weight:bold;
 -moz-user-select: none; -khtml-user-select: none; -moz-outline-style:none; noFocusLine:expression(this.onFocus=this.blur()); } 
 
input[type=image] {text-decoration: none; outline: 0; border:0; -moz-user-select: none; -khtml-user-select: none; -moz-outline-style:none; noFocusLine:expression(this.onFocus=this.blur());}
 
.hand {cursor:pointer;}
.BT_normal {cursor:pointer; margin: 0; padding:2px 20px 2px 20px ; font: 11px/18px Arial,sans-serif; border:1px solid Gray;}
.Label_eng {line-height:25px;}

.divclear {clear : both;}

.divforml {font: 11px/20px Arial,sans-serif; *line-height:16px; margin:0; padding:0; float:left; width:auto; }
.divformr {font: 11px/20px Arial,sans-serif; *line-height:16px; margin:0; padding:0; float:right; width:auto; }

.h24 {height:24px; padding-top:4px;}
.h30 {height:24px; padding-top:4px;}

.flow_l {font: 11px/20px Arial,sans-serif; *line-height:16px; margin:0 0 0 auto; padding:0; float:left; width:40%; text-align:left; }
.flow_r {font: 11px/20px Arial,sans-serif; *line-height:16px;  margin:0; padding:0; float:left; width:auto; text-align:left;  }

.clear_b {clear:both; width:100%; background:url(images/dot_g.gif) repeat-x 0 center; height:4px; margin:0; padding:2px 0 0 0; }
.clear_b2 {clear:both; width:100%; border-bottom:1px #CCC solid; line-height:0px; height:1px; margin:0; padding:0; }

.selectOutput 
{
    font: 11px/20px Arial,sans-serif; 
    overflow:auto; 
	color: #747474; 		
	border:0;
	margin:0;
	padding:0 4px 0 4px; /*Firefox */
	padding:3px 4px 0 4px \0; /* ie8-9 */
	*padding:3px 4px 0 4px; /*IE6-7 */
	cursor:text;
	background:#ededed url(images/colurm_bk.gif) 0 0 repeat-x; 
 }
.outView { width:97%; margin:0 17px 0 1px; padding:2px 0 0 0;}
.innerView { width:100%; margin:0 18px 0 auto; padding:0 0 8px 0; height:100%;}
.innerViewPanel { background-color:#ededed; border:1px solid Gray; height:100% ;width:100%; padding:0; margin:0;}
.innerView2 { width:100%; margin:0 6px 0 auto; padding:0; overflow:hidden; }

.HyperLink_small {font: 11px/20px Arial,sans-serif; text-decoration:underline; outline: 0; border:0; font-weight:bold; cursor:pointer;
	-moz-user-select: none; -khtml-user-select: none; -moz-outline-style:none; noFocusLine:expression(this.onFocus=this.blur()); }
.HyperLink_small img {cursor:pointer;}

.listBox { color:#333; padding:8px; margin:0;}
 .tooltips { width:64px; height:64px; border:0; }

/********** top **********/
.header {width:100%; height:71px; margin:0 auto; padding:0; background:#FFF url(images/topbg.gif) repeat-x 0 0; }
.head_M {margin:0; padding:0 0 0 11px ; width:195px; height:71px; float:left; border-left:1px solid #fff;}
.head_R {margin:0; width:100%; height:71px; float:right; background:url(images/headRight.gif) no-repeat right top;}
.headerMenu { width:auto; text-align:right; float:right; _display:inline; margin:0 24px 0 0; height:29px;}
.mainMenu {width:100%; height:33px; margin:0 auto; padding:0; background:url(images/bar_mdbk.gif) repeat-x 0 0; }
.mainMenu_L {margin:0; width:auto; float:left; padding:0 0 0 293px;}

/* select language */
#selectLang_inner {position:relative; z-index: 100; padding:0 19px 0 22px; margin:0 ; width:auto; _width:110px; height:29px; float:right; background:url(images/topmenu_bk2.gif) no-repeat left top;}

#selectLang {
    display:block;
    width:auto;
    height:27px;
    padding:0; 
	margin:0;
	text-align:left;
}

.label_menu{
    display:block;
	width:auto;
	height:17px;
	text-align:center;
    padding:6px 0 0 0;	
	_padding-top:5px;
    font:normal 11px Tahoma, Helvetica, sans-serif; 
    color:#6f6f6f; 
	cursor: pointer;
	white-space: nowrap;
}

.selectLang_submenu {    
	width: 156px;
	margin:0 auto 0 auto;
	padding:0 0 32px 0;
	background: url(images/selectLang_li.png) no-repeat 0 bottom;
	_background: url(images/selectLang_li.gif) no-repeat 0 bottom;
	position: absolute; 
	z-index: 100;
	display: none; 
	right:-6px;
}

.selectLang_submenu ul {
    list-style: none;
	width: 100%;
	margin:0;
	padding:0;
}

.selectLang_submenu li a {
    padding: 0 0 0 12px;
	margin:0 auto 0 auto;
    float: none;
    display: block;
	width: 120px;
    height: 25px;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 26px; 
    color: #888;    
    white-space: normal;
    text-transform: none;	
	border-bottom:solid 1px #c2c2c2;
	text-align:left;	
}

.selectLang_submenu li a:hover {
	background: #ececec;
	border-bottom:solid 1px #979797;	
    text-indent: 0;
	color:#333;
}

.selectLang_submenu li span {
	display: block;
    cursor: pointer;
    margin: 0;
	padding: 0;  
	height: 26px;
}

/*- Menu --------------------------- */
    #bmenu {
      width:auto;
      font-size:93%;
	  border-bottom:0px solid #2763A5;
      line-height: 13px;
      }
    #bmenu ul {
	  margin:0;
	  padding:6px 0 0 0;
	  list-style:none;
      }
    #bmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #bmenu a {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #bmenu a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:7px 16px 5px 10px; /*For Firefox*/
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #bmenu a span {float:none;}
    /* End IE5-Mac hack */
    #bmenu a:hover span {
      color:#FFF;
      }
    #bmenu a:hover {background-position:0% -42px;}
    #bmenu a:hover span {background-position:100% -42px; }
    #bmenu .act {background-position:0% -42px; }
    #bmenu .act0 {}
    #bmenu .act1 { background-position:100% -42px;}
	
/* menu end \*/	

/* body --------------------------------------------------------------------*/
#mainBody { width:100%; padding:0; margin:0 auto; _height:1%; position:relative; background-color:#FFF;}
#collape_bt { cursor:pointer; position:absolute; z-index:10;display:block; width:15px; height:22px; top:12px; left:278px;}
#open_bt { cursor:pointer; position:absolute; z-index:10; padding:0; display:none; top:12px; left:-1px;}
#body_left { width:293px; height:100%; position:absolute; margin:0; padding:0; background-color:#FFF; _background:none; z-index:1; float:left;}
.body_leftInner { width:100%; height:100%; margin:0; }
.body_leftTitle { width:100%; min-height:24px; background:url(images/left_topbk.gif) repeat-y right; margin:0 auto 0 auto; padding: 12px 0 12px 0; border-bottom:#999 1px solid;}
#body_right { width:100%; margin:0; position:absolute; background-color:#FFF; _background:none; overflow:hidden; float:left;}
#content_inner { width:100%; height:100%; left:293px; margin:0 12px 0 0; padding:0; position:relative; z-index:1; }
#content_inner2 { width:100%; height:100%; left:293px; *left:0; _left:0; margin:0 12px 0 0; padding:0; position:relative; z-index:1; }
#content { width:100%; height: 100%; margin:0; padding:0; position:relative; border-left:1px solid #939393; border-bottom:1px solid #a2a2a2; background-color:#f5f5f5; border:#fff 6px solid; border-bottom:0; }
#GoogleMap_Div_Container { width:100%; height: 100%; position:relative; }
#GoogleMap_Div { width:99%; height: 100%; min-width: 800px; min-height: 650px; border:1px solid #666; position:relative; }
#GoogleMap_GeoFence { width:100%; height: 100%; position:relative; }
#GoogleMap_GeoFence_Templates { width:99%; height: 100%; min-width: 800px; min-height: 650px; border:1px solid #666; position:relative; }
.content_bk { margin:0; border-left:1px solid #d8d8d8; border-bottom:1px solid #e7e7e7; background:#f5f5f5 url(images/content_bk.gif) no-repeat right center; line-height:20px; }
.report_tip { margin:0; border-left:1px solid #d8d8d8; border-bottom:1px solid #e7e7e7; background:#f5f5f5 url(images/report_tips.png) no-repeat center 40%; }
#title_inner { margin:0 auto 0 8px; width:auto; height:24px; font-size:13px; font-weight:bold; font-family:Arial; }
#maskField { width:100%; margin:0; }

.list_remark {list-style-type:decimal; margin:12px 0 12px 22px; }
.list_remark li {margin-left:12px;}

/* loading process */
#UpdateProgress { display:none;}

.loading 
{
    font: 8pt "Verdana", "Arial", "Helvetica", "sans-serif"; 	
	position: fixed; top:45%; left:0; width: 100%; text-align: center; z-index:101; 
}
* html .loading { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
.process_img {
	position:relative; height: 13px; width: 100%; text-align: center; line-height: 0; background: url(images/loadingAnimation.gif) center no-repeat;
}

.loading2 { position: fixed; top:80px; left:26px; z-index:1000; width:16px; height:16px; margin:0; padding:0; background: url(Resource/lIndicator-loader.gif) 0 0;}
.backbox { 	
	position: fixed;
	_position: absolute;   
	z-index:500;
	top: 0px;
	left: 0px;
	width:100%;
	_width:expression(document.body.scrollWidth > document.body.offsetWidtht ? document.body.scrollWidth : document.body.offsetWidth + 'px');	
	height:100%;
	 _height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');	
	background:#fff;
	filter:alpha(opacity=70); 
	-moz-opacity: 0.7;
	opacity:0.7;
}

.colurm {
    font: 8pt "Arial"; 
	color: #747474; 	
	height:20px; /*Firefox */
	height:17px \9; /* all ie */
	*height:17px; /*IE6-7 */
	border:1px solid #999;
	margin:0;
	padding:0 4px 0 4px; /*Firefox */
	padding:3px 4px 0 4px \0; /* ie8-9 */
	*padding:3px 4px 0 4px; /*IE6-7 */
	cursor:text;
	background:#ededed url(images/colurm_bk.gif) 0 0 repeat-x; 
}

.colurm_m {
    font: 8pt "Arial"; 
	color: #747474; 		
	border:1px solid #999;
	margin:0;
	padding:0 4px 0 4px; /*Firefox */
	padding:3px 4px 0 4px \0; /* ie8-9 */
	*padding:3px 4px 0 4px; /*IE6-7 */
	cursor:text;
	background:#ededed url(images/colurm_bk.gif) 0 0 repeat-x; 
}
.colurmFile {
    font: 8pt "Arial"; 
	color: #747474;
	margin:0;
	padding:0 4px 0 4px; /*Firefox */
	padding:3px 4px 0 4px \0; /* ie8-9 */
	*padding:3px 4px 0 4px; /*IE6-7 */
}
.selectW200 { width:200px; height:20px; font-family:Arial; font-size:11px; }
.selectW190 {width:190px; height:20px; font-family:Arial; font-size:11px; }

/* login --------------------------------------------------------------------*/
.login_panel { width:100%; background: url(images/icon_user.gif) no-repeat 96% 96%; padding-top:1px;}
.login_panel_r { width:100%; margin:0; background: url(images/left_topbk.gif) repeat-y right ;}
.login_panel_inner {width:92%; margin:22px auto 0 auto;font: normal 11px Verdana; line-height: 26px; color:#333; padding:0; margin:0 auto 0 auto; }
.loginState {width:auto; text-align:right; float:right; _display:inline; margin:0; height:29px; padding-top:6px; background:url(images/topmenu_bk.png) no-repeat left top;}
.loginStateInner {width:auto; min-width:1%; margin:0 12px 0 20px; _display:inline;}
.checkbox { padding:0 1px 0 2px;}

/* footer --------------------------------------------------------------------*/
#footer_left { width:293px; height:74px; background:url(images/left_bottom.gif) no-repeat bottom right; position:absolute; z-index: 3 ;}
.footer_leftInner { width:100%; height:100%;}
#footer_right { height:74px; background: #fff url(images/bottom_bk.gif) repeat-x bottom; position:relative;}
.footer_rightInner { height:74px; left:293px; margin-left:0; margin-right:293px; padding:0; position:relative; z-index:4;}
.footer_content { width:auto; text-align:right; padding:52px 10px 0 0; font:normal 10px Tahoma, Geneva, sans-serif;}
.footer_content a { color:#9db221; text-decoration:underline; }
.footer_content a:hover { text-decoration:none;}

/* footer history--------------------------------------------------------------------*/
#menubar{
	position:absolute;
	z-index:200; 
	height:auto;
	bottom:29px;
	width:650px;
    right:20px;
	border-bottom:0px solid #999;
	overflow:hidden;
}
#menu{
    font-size:18px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color:#999;
	margin:0 0 0 10px;
	letter-spacing:1px;
}

#menu .menu_wrap {
    cursor:pointer;
    position:relative;    
    top:104px;
    line-height:20px;
    width:640px;
	z-index:200;
}
.icon_title{
    width:47px;
    height:22px;
    display:block;
    right:20px;
	top:60px;
    position:absolute;
	z-index:200;
}

#menu .title{
	width:auto;
    height:19px;
	float:right;
	padding-right:20px;
}
#menubar_inner{
	position:relative;
	z-index:100; 
	width:98%; 
	margin:0 auto 0 auto ; 
	height:110px;
    background-color:#fff;
    border:1px solid #aeaeae \9; /* all ie */
    color:#B7B7B6;
    font-size:11px;
	top:105px;
    padding:0;
    -moz-box-shadow:1px 1px 3px #000;   
    -webkit-box-shadow:1px 1px 6px #000;
    box-shadow:1px 1px 4px #000;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
	clear:both;	
}
#menu a:hover #menubar_inner{
    background-color:#54504F;
}
#menu a:hover span.title{
    color:#000;
}


/* wrap web --------------------------------------------------------------------*/
.form_MasterPage { width:100%; height:100%;}
#wrap {
	width:98%;	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -74px auto;
	border-right:1px solid #989898;
	border-left:1px solid #989898;
	overflow:hidden;
}
#main { width:100%;	height: 104px;}  /* must be same height as the footer */
#footer { width:98%; margin: -74px auto 0 auto; height:74px; clear:both; } 

.cmd_Go {position:absolute; top:-50px; width:0px; height:0px; }
.pt3 { padding:3px 0 0 0; }


/*Opera Fix*/
body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px;}