/* css */
body{width: 100%;   position:relative;}

.top3{ height: 88px!important; width: 100%; min-width: 980px!important;  background:url(../../images/skin3/index/ui_top_bg.gif) repeat-x;top:0px; left:0px; clear:both; position: absolute; z-index:1000; }

.main { width: 100%; height: 100%;  min-width: 980px!important; clear:both; top:88px; left:0px; position: absolute;}


/* login  */

 .loginbox{ width:360px; height:220px;border:1px solid #324778; background-color:#fff;   top:20px; right:165px; position: absolute; z-index:500;  filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=3);  } 
	  
	  .loginbox .title{height:25px; background: url(../../images/logintitle_bg.gif); clear:both;}
	  .loginbox .title h2{font-size:14px;height:25px;line-height:25px; color:#fff; margin-left:5px; float:left; width: 300px; padding-left:16px;  display:block;}
	  .loginbox .close{float:right; width:16px; height:16px; margin-right:5px;margin-top:4px; }
	  .loginbox .close a{ width:16px; height:16px; background: url(../../images/ui_allbt.gif) no-repeat -90px -27px;display:block }
	  .loginbox .close a:hover{background: url(../../images/ui_allbt.gif) no-repeat -106px -27px;}
	  .loginForm{ width:360px; height:150px; clear:both;}
		.loginFormLeft{ float: left; width: 140px; height: 150px; text-align:right} 
		
	    .loginFormRight{  float:right; width:210px; height:150px; text-align:left; color:#666; font-weight:bold;}
		   .logininputbox{ clear:both; height:35px; width:208px; overflow:hidden; }
		   .logininputT{ width:60px; float:left; height:30px; line-height:30px; color:green}
		   .logininputTEXT{ width: auto; height:30px; line-height:30px;  overflow:hidden; text-align:left}
		   .logininputTEXTINPUT{ width:90%; LINE-HEIGHT: 1.2em; HEIGHT: 1.2em;  PADDING-TOP: 0.2em;}
	  .loginbt{ font-size:12px; font-weight:bold; cursor: hand; width: auto; padding:0 10px; height:30px;line-height:30px; color:#333}
	  .loginFormRightfont{ clear:both; height:30px; width:208px; line-height:30px; text-align:center;}



/*top_middle*/
.top_middle{ width:auto;height:88px;height:88px!important; margin-left:150px!important; margin-right:364px!important; }
.seachmenu { height:29px!important; margin-top:6px; margin-left:7px;margin-right:auto; }
.seachmenu ul{ list-style:none; display: inline}
.seachmenu li { list-style-type:none; width: 67px; height:27px;line-height:24px;text-align: center;margin-left: 14px!important;float:left;display:block;}
.seachmenu li a { background: url(../../images/skin3/index/ui_allbt.gif) no-repeat left -30px; color: #24557e;  text-decoration:none; display:block; }					
.seachmenu li a:hover {width: 67px; height:27px;line-height:24px; background: url(../../images/skin3/index/ui_allbt.gif) no-repeat left top; color: #fff; text-decoration:none ; display:block; }
.seachmenu .selec { background: url(../../images/skin3/index/ui_allbt.gif) no-repeat left top; color: #fff; list-style:none; overflow:hidden;}
.seachmenu .selec a{ background: url(../../images/skin3/index/ui_allbt.gif) no-repeat left top; color: #fff; list-style:none; overflow:hidden;}
.seachmenu .selec a:hover{ cursor:text;}

/*seachtabs*/
.seachtabs{ height:53px ; width:auto; margin-left:21px;margin-right:auto;  margin-top:0px; padding-top:0px; text-align:left;}
.seachinputbox { height: 25px; }
.keywords { height: 22px; color:#24557e; margin-top: 2px; }
.keywords a:hover{color:#709d11;}
.seachinputbox .test1{ margin-left:7px; color:#24557e}

.seachinputA {float:left; width: 289px;height:21px; line-height:21px; border: 1px solid #b4b4b4; padding-left: 3px;color: #000;}
.seachinputB {float:left; width: 80px; height:21px; line-height:21px; border: 1px solid #b4b4b4; padding-left: 3px;color: #000; margin-left:5px;}
.seachinputC {float:left; width: auto; height:21px; line-height:21px; border: 1px solid #b4b4b4; padding-left: 3px;color: #000; }
.seachinputD {float:left; height:21px; line-height:21px; margin-left:5px; }
.seachinputE {float:left;text-align:center; position: relative;}


.so_zn a{z-index:auto; top:-10px; left:0px; position: absolute; width:75px; height:35px; line-height:45px; color: #fff;text-align: center; background: url(../../images/skin3/index/ui_allbt.gif) -88px -97px no-repeat; text-decoration:none; float:left;}
.so_zn a:visited{color: #fff;}
.so_zn a:link{color: #fff;}
.so_zn a:hover{background: url(../../images/skin3/index/ui_allbt.gif) -168px -97px no-repeat; text-decoration:none; color: #fff;}


.seach_bt a{width:68px;height:23px; line-height:23px; text-align: center;color: #fff;background: url(../../images/skin3/index/ui_allbt.gif) -116px 0px;margin-left:8px; float:left; text-decoration:none}
.seach_bt a:hover{background: url(../../images/skin3/index/ui_allbt.gif) -184px 0px; text-decoration:none}


#mapseach{}
#informationseach{display:none}
#carseachline{display:none}

/*top_right*/
.top_right{width: 364px; height:88px;  float:right; }
  .right_bt{ height:16px; line-height:16px; margin-right:8px; margin-top:4px; text-align:right; color:#24557e;  position:relative}
  .right_bt a,.right_bt a:link,.right_bt a:visited{ color:#24557e; text-decoration:none}
  .right_bt a:hover { color: #709d11; text-decoration:none}

  .f9px, a.f9px:link, a.f9px:visited{ font-size:9px; text-decoration:none}
  .right_btdiv{ position: absolute; z-index:5000; width:500px;right:0px}


/*show city 6-13*/
  
.cityWindowDiv{position:absolute;width:337px;top:20px; right:26px; }
.cityWindow{position:absolute;left:0px;top:0px;z-index:2; }


 
 
 
.weather{height:26px; line-height:26px; color:#24557e;  margin-right:8px; overflow:hidden; text-align:right; clear:both;}
 .weatherCity{width: auto; margin-right:5px; float:right;}
 .weatherMore{width:100px; float:right; }
 .weatherMore a{ text-decoration: none; color:#24557e;  }
 .weatherMore a:hover{ text-decoration: underline; color:#f00;  }
 .weather img{ border:none;  margin-right:3px; margin-top:0px; vertical-align:middle}

 .online_user { height:25px; line-height:25px;float:left; width:150px;}
 
   
 .menu_bg {height: 36px; width:auto; margin-bottom:4px; line-height:36px; font-size: 14px;  font-weight: bold; text-align:center}
  .menu_bg ul{list-style:none; display:block;} 
  .menu_bg li {
  color: #24557e; 
  float:left; 
  text-align: center; 
  height:36px; width: 65px; 
  line-height:32px; 
  margin-right:7px;
  background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat 0px -61px;
  list-style-type:none;
  overflow:hidden;} 

  .menu_bg li a,
  .menu_bg li a:link,
  .menu_bg li a:visited{
  text-decoration:none;
  color: #24557e;
  float:left; 
  text-align: center; 
  height:36px; 
  width: 65px;
  line-height:32px; 
  display:block;
  filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);
  }
    .menu_bg li a:hover {
   text-decoration:none;
   color:#24557e;
   float:left;
   text-align: center; 
   height:36px; 
   width: 65px; 
   line-height:32px;
   display:block; 
   background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat -80px -61px;
  }
  
  .menu_bg .menu_bg_hit {
  float:left; 
  background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat -160px -61px;
  color: #fff; 
  text-decoration:none;
  height:36px;
  }
  .menu_bg .menu_bg_hit a,.menu_bg .menu_bg_hit a:link,.menu_bg .menu_bg_hit a:visited{
  color: #fff;
  background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat -160px -61px;
  text-decoration:none;
  }
  
  .menu_bg li.unity,
  .menu_bg li.unity a:link,
  .menu_bg li.unity a:visited{ background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat 0px -100px; display:block; width: 65px; height:36px; overflow:hidden}
  .menu_bg li.unity a:hover{ background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat -80px -100px;height:36px;}

  .menu_bg li.unity_hit,
  .menu_bg li.unity_hit a:link,
  .menu_bg li.unity_hit a:hover,
  .menu_bg li.unity_hit a:visited
  { background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat -160px -100px; display:block; width: 65px; height:36px; overflow:hidden}
  .menu_bg li .unity img{ border:none}

   a:link#language,a:visited#language{width:47px; height:12px; _height:9px; *height:12px; background-image:url(../../images/skin3/index/gbtw.gif); background-repeat:no-repeat; background-position:top; display:-moz-inline-box; *display:inline-block; position: relative; *position:;	top:-10px;}
  a:hover#language{background-image:url(../../images/skin3/index/gbtw.gif);background-repeat:no-repeat;background-position:bottom;display:inline-block;}
  
/*top_left*/ 
.top_left{width: 148px!important; height:88px; float:left} /* LOGO */


/* main left */
.main_left{ width:auto;  margin-right:373px; position:relative; }
   
   .flash_view{ height:auto; width:auto;  position: absolute; top:5px; right:35px;}
   
   /*fullscreen controler*/
  .fullscreenctr{height:100%; width:9px; position: absolute; top:0px; left:0px; background:url(../../images/skin3/index/ui_control_BG.gif) repeat-y;}
  .fullscreenctr .click { height:60px; width:9px; margin-top:220px;}

	   
	   
	   
	   

/* main right */
.main_right{width:373px; height: 680px; top:0px; right:0px; background:#fff; position: absolute;overflow:hidden; z-index:500}



.rightMainA{ position:absolute; left:9px; top:0px; width:364px; height:100%; clear:both; background: url(../../images/skin3/index/ui_rightMainBG.gif) bottom left repeat-y;}
.rightMainB{ position:absolute; left:9px; top:0px; width:364px; height:100%; clear:both; background: url(../../images/skin3/index/ui_rightMainBG.gif) bottom right repeat-y; }
 
 .rightTopA{ width:100%; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) left top; overflow:hidden}
 .rightTopB{ width:100%; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) 364px top; overflow:hidden;  top:0; left:0px; position:absolute;}
 .rightTopBA{ width:100%; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) right top; overflow:hidden}
 
 .rightBottomA{ width:100%; height:10px; clear:both;background: url(../../images/skin3/index/ui_righttop.gif) left bottom;overflow:hidden}
 
 .rightBottomB{ width:43px; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) 364px bottom; overflow:hidden; bottom:0px; left:0px; position:absolute;}
 .rightBottomBA{ width:321px; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) right bottom;overflow:hidden;bottom:0px; right:0px; position:absolute;}
 
 

 
 .rightBL{ float:left; width:43px; height:100%; top:0; left:0px; position:absolute; }
 .rightBR{ margin-left:43px; height:100%; width: auto; height:100%; }
 

 
 /*menu*/

 
 .RframeB{ width: auto; height:100%; margin-right:6px; background:none}
 .RframeA{ width: auto; height:100%; margin-left:5px; margin-right:6px; background:none}
 
  
  
  /* R navi div */

 .right_navi{width:43px;  height: auto; top:0px; left:0px; position:absolute; text-align:center} 
 .right_navi div{width:43px; height:46px;text-align:center; background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat -43px 0px}
 .right_navi div a,.right_navi div a:link,.right_navi div a:visited{display:block;width:43px; height:46px;text-decoration:none; border:none;}
 .right_navi div a:hover {display:block;width:43px; height:46px;text-decoration:none; background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat -86px 0px}
 .right_navi .hit{ background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat 0px 0px}
 .right_navi .hit,.right_navi .hit a,.right_navi .hit a:link,.right_navi .hit a:visited{ background:url(../../images/skin3/index/ui_bg_new.gif) no-repeat 0px 0px}
 .right_navi div img{width:43px; height:46px; border:none; background:none}


/* png */
 .png { behavior:url("css/png.htc");}




.blank8 { height:8px; line-height:1px; font-size:1px; clear:both;}
.blank5 { height:5px; line-height:1px; font-size:1px; clear:both;}

.seachSubmit {width:68px;height:23px; line-height:23px; text-align: center;color: #fff; background: url(../../images/skin3/index/ui_allbt.gif) -116px 0px; margin-left:8px; float:left; }
.seachSubmitHover {width:68px;height:23px; line-height:23px; text-align: center;color: #fff; background: url(../../images/skin3/index/ui_allbt.gif) -184px 0px;  margin-left:8px; float:left;}
.button1{width:68px;height:23px; line-height:23px; text-align: center;color: #fff;  border: none; background: none transparent scroll repeat 0% 0%; CURSOR: hand; text-decoration:none}

/*up and down*/
.upanddown{ width:39px; height:24px; bottom:10px; left:4px; position:absolute; z-index:auto; background: url(../../images/skin3/index/ui_rightMainBG.gif) repeat-y -368px}
.upanddown .up a{height:12px; width:14px; background: url(../../images/skin3/index/ui_up_down.gif) right top no-repeat; margin: 0 auto; display:block}
.upanddown .up a:hover{background: url(../../images/skin3/index/ui_up_down.gif) left top no-repeat; }
.upanddown .down a{ height:12px; width:14px; background: url(../../images/skin3/index/ui_up_down.gif) right bottom no-repeat; margin: 0px auto; display:block }
.upanddown .down a:hover{ background: url(../../images/skin3/index/ui_up_down.gif) left bottom no-repeat; }

/*custom*/
.text1 {height:21px; line-height:21px;border: 1px solid #b4b4b4;color: #000;}


/*old*/
.alphaLayer{ 
	width: auto; 
	height:100%; 
	background-color:
	#eee;filter:alpha(opacity=80);	opacity: 0.80;
}


/*nav*/

.nav {
position:absolute;
top:5px;
left:10px;
z-index:5;
}

.nav1 {
float:left;
height: 21px;
width: 66px; /*ff*/
*width: 50px; /*ie*/
margin-left:-10px; /*ff*/
*margin-left:2px; /*ie*/
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=3);
}
.nav1a, {
width:34px;
height:21px;
float:left;
}
#navpop1a {
clear:both;
width:86px;
top:0; /*ff*/
*top:-3px; /*ie*/
background-color:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=3);
position: relative;
margin-left:0; /*ff*/
>margin-left:-1px; /*ie7 071221*/
_margin-left:0; /*ie*/
}

#navpop1a a:link, #navpop1a a:visited {
color:#333;
width:86px;
height:7px;
*height:16px;
display:block;
padding-left:5px;
padding-top:2px;
padding-bottom:13px; /*ff*/
>padding-bottom:5px; /*ie7 071221*/
_padding-bottom:0px; /*ie*/
text-decoration:none;
text-align:left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #efefef;
}
#navpop1a a:hover {
color:#333 !important;
background-color:#def7ba;
}

/*--nav2--*/

.nav2 {
float:left;
height: 21px;
width: 50px;
margin-left:7px;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=3);
}
.nav2a {
width:46px;
height:21px;
float:left;
}
.nav2b {
float:right;
height:21px;
width:16px;
}

#navpop2a {
clear:both;
width:45px;
top:21px;
left:7px;
*left:15px;
background-color:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=3);
position: absolute;
}

#navpop2a a:link, #navpop2a a:visited {
color:#333;
width:45px;
height:6px; /*ff*/
*height:16px; /*ie*/
display:block;
padding-top:2px;
padding-bottom:13px; /*ff*/
*padding-bottom:0px; /*ie*/
text-decoration:none;
text-align:center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #efefef;
}
#navpop2a a:hover {
color:#333 !important;
background-color:#def7ba;
}

.navpopselected {
color: #fff !important;
background-color:#8cbc4d;
}

.mlbut {
float:left;
margin-left:7px;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=3);
/*display:none;*/
}

.menberdiv{height:26px; line-height:26px; color:#24557e;  margin-right:8px; overflow:hidden; text-align:right; clear:both;}
.menberdiv a:link, .menberdiv a:visited{ color:#24557e; text-decoration:none}
.menberdiv a:hover { color: #709d11; text-decoration:none;}
.menberdiv .icon{height:24px;line-height:24px;width:24px;margin-top:2px;float:right;margin-right:3px;}
.menberdiv .fonts{height:24px;line-height:24px; width:auto;float:right}

.weatherdiv{position:absolute; z-index: 99; top:10px; left:80px; height:22px; line-height:22px; width:22px;}
.weatherbox{display:none}
.weatherbox_over{position:absolute; z-index:100; top:10px; left:105px; height:22px; line-height:22px; width:160px; color:#000; border: 1px solid #000; background:#fff;opacity:0.8; filter:alpha(opacity=80); }


.list ul{display:block; float:left; list-style:none;}
.list li{margin-right:11px; margin-left:4px; list-style:none; display:block; width:auto; height:22px; line-height:23px; float:left;color:#999;}

.new{position:absolute; z-index:10; top:-5px; right:-12px;}

.cityA{position:relative; display:block; width:auto; float:left}
a.cityA:link {text-decoration:none; color:#0066CC;  font-weight: bold;}
a.cityA:visited {text-decoration:none; color:#0066CC;  font-weight: bold;} 
a.cityA:hover {text-decoration:none; color:#FF3300;  font-weight: bold;}
a.cityA:active {text-decoration:none; color:#0066CC;  font-weight: bold;}

.cityA1{position:relative; display:block; width:auto; float:left}
a.cityA1:link {text-decoration:underline; color:#0066CC;  font-weight: bold;}
a.cityA1:visited {text-decoration:underline; color:#0066CC;  font-weight: bold;} 
a.cityA1:hover {text-decoration:underline; color:#FF3300;  font-weight: bold;}
a.cityA1:active {text-decoration:underline; color:#0066CC;  font-weight: bold;}

a.red:link {text-decoration:none; color:#FF3300;  font-weight: bold;}
a.red:visited {text-decoration:none; color:#FF3300;  font-weight: bold;} 
a.red:hover {text-decoration:none; color:#CC0000;  font-weight: bold;}
a.red:active {text-decoration:none; color:#FF3300;  font-weight: bold;}