﻿/* CSS Document for Hipandsingle.com */
/*初始化*/
* {margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,span,p{
	margin:0;
	padding:0;

}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul{list-style:none;}

caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/*body{color:#666;

font-size:11px;
font-family:arial, "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;


background:#ba0c0b url(/images/bg_red.jpg) no-repeat;
background-attachment:fixed;

margin-left:auto;
margin-right:auto;
margin-top:10px;

}*/

body{color:#666;

font-size:11px;
font-family:arial, "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
background:#B4E6F2 url(../images/home/home_1bg.png) no-repeat top center;

margin-left:auto;
margin-right:auto;
margin-top:0px;

}



h4{
font-size:16px;
font-weight:normal;
color:#0099CC;
}

table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:arial,'bitstream vera sans',helvetica,sans-serif;}
h1{font-size:20px;font-weight:normal;line-height:22px;color:#000;text-shadow:0 1px 0 #fff;}
h2{font-size:16px;}
h3{font-size:12px;}
form{font-size:12px;}
h1,h2,h3,h5,h6{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
html{overflow-y:scroll;}

.strong{font-weight:bold;}


.margin0{
margin-top:0px;
}
.clear{
clear:both;
}
.right{
	float:right;
}
.left{
	float:left;
}
.myrobot{
width:1px;
/**
height:500px;**/
height:700px;
display:inline-block;
float:left;
}
.bigtext{
color:#db1717;
}
.highcolortxt{
background:#69a1ca;
color:#fff;
padding:3px;
font-size:13px;
font-weight:800;
}
A:link {
	color:#b31b1a;text-decoration:none;
}
A:visited {
	color:#b31b1a;text-decoration:none;
}
A:hover {
	text-decoration:underline;
}
A:active {
	text-decoration:none;
}



.height500{
	height:500px;
}


/**avatar start **/

.avatar48 { padding: 5px 0 0 5px; width: 55px; height: 55px; background: url(/images/48_avatar_bg.gif) no-repeat; }
  .avatar48 img { width: 48px; height: 48px;	-ms-interpolation-mode:bicubic; }
  
  .avatar120{
  background:url(/images/l120_s.gif) no-repeat;
height:134px;
overflow:hidden;
padding-top:6px;
text-align:center;
width:146px;
  }
 /* .avatar120 img{
	  width:120px;
	  height:120px;
	  	-ms-interpolation-mode:bicubic;
  }*/
  
  .avatar120  img{
 max-width:120px;
 max-height:120px;
  -ms-interpolation-mode:bicubic;
margin-left:auto;
margin-right:auto;
  }
*html .avatar120 img{ 
  width:expression(this.width > 120 && this.height < this.width ? 120: true);height: expression(this.height > 120 ? 120: true);
} 
  

/**avatar end**/

/** Button start**/

.searchbutton{
background-image:url(/images/searchbuttonbg.gif);
font: 12px Tahoma, Verdana;
width:80px;
color: #fff;
height:20px;
}


.yellow-button {
	font-size:13px;
	font-family: "Lucida Grande", sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	padding-left:10px;
	padding-right:10px;
	height:30px;
	background:url(/images/btn_shadow_yellow.gif) repeat-x top left;
	color:#333;
	text-shadow:0 1px 0 #fffbbe;
	/**
	-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
	
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
**/
border:1px solid #ccc;
cursor:pointer;
}
.da-button {
font-size:13px;
	font-family: "Lucida Grande", sans-serif;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	height:30px;
	background:#fff url(/images/shadow.gif) repeat-x  bottom left;
	color:#333;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
}

/*a linkbutton*/
a.flirt{background:url(/images/button-main.png) left 0; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none; height:28px; display:inline-block; cursor:hand; margin:0 6px 0 0;font-size:13px;font-weight:800;line-height:10px;padding-left:2px;position:relative;}
a.flirt:hover{background:url(/images/button-main.png) left -28px;height:28px;text-decoration:none;}
a.flirt span{background:url(/images/button-main.png) right 0; padding:9px 8px 5px 0; margin:0 -2px 0 8px; float:left; height:14px;position:relative;}
a.flirt:hover span{background:url(/images/button-main.png) right -28px; color:#fff; padding:9px 8px 5px 0; margin:0 -2px 0 8px; height:14px; }

a.contactbtn{background:url(/images/button-main.png) left -56px; color:#fff;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; height:28px; display:inline-block; cursor:hand; margin:0 6px 0 0;font-size:13px;font-weight:800;line-height:10px;position:relative;}
a.contactbtn:hover{background:url(/images/button-main.png) left -84px;height:28px;text-decoration:none;}
a.contactbtn span{background:url(/images/button-main.png) right -56px; padding:9px 8px 5px 0; margin:0 -2px 0 8px; float:left; height:14px;position:relative;}
a.contactbtn:hover span{background:url(/images/button-main.png) right -84px; color:#fff; padding:9px 8px 5px 0; margin:0 -2px 0 8px; height:14px; }

a.favoritebtn{background:url(/images/button-main.png) left -112px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none; height:28px; display:inline-block; cursor:hand; margin:0 6px 0 0;font-size:13px;font-weight:800;line-height:10px;position:relative;}
a.favoritebtn:hover{background:url(/images/button-main.png) left -140px;height:28px;text-decoration:none;}
a.favoritebtn span{background:url(/images/button-main.png) right -112px; padding:9px 8px 5px 0; margin:0 -2px 0 8px; float:left; height:14px;position:relative;}
a.favoritebtn:hover span{background:url(/images/button-main.png) right -140px; color:#fff; padding:9px 8px 5px 0; margin:0 -2px 0 8px; height:14px; }

a.whitebtn{background:url(/images/button-main.png) left -168px; color:#930; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none; height:28px; display:inline-block; cursor:hand; margin:0 6px 0 0;font-size:13px;font-weight:800;line-height:10px;position:relative;}
a.whitebtn:hover{background:url(/images/button-main.png) left -196px;height:28px;text-decoration:none; }
a.whitebtn span{background:url(/images/button-main.png) right -168px; padding:9px 8px 5px 0; margin:0 -2px 0 8px; float:left; height:14px;position:relative;}
a.whitebtn:hover span{background:url(/images/button-main.png) right -196px; color:#000; padding:9px 8px 5px 0; margin:0 -2px 0 8px; height:14px; }


a.prf_donebtn{background:url(/images/button-main.png) left -224px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none; height:14px; display:inline-block; cursor:hand; margin:0 6px 0 0;font-size:10px;font-weight:800;line-height:11px;position:relative;}
a.prf_donebtn:hover{background:url(/images/button-main.png) left -224px;height:14px;text-decoration:none;}
a.prf_donebtn span{background:url(/images/button-main.png) right -224px; padding:1px 10px 1px 0; margin:0 -1px 0 8px; float:left;position:relative;}
a.prf_donebtn:hover span{background:url(/images/button-main.png) right -224px; color:#000; padding:1px 10px 1px 0; margin:0 -1px 0 8px; height:8px; }

.green_highlight{
	background:#390;
	padding-top:1px;
	padding-bottom:1px;
	color:#fff;
	padding-left:4px;
	padding-right:4px;
}
.red_highlight{
	background:#8198c2;
	padding-top:1px;
	padding-bottom:1px;
	
	color:#fff;
	padding-left:4px;
	padding-right:4px;
}
/** Button end**/

.red{
color:#dd2222;
}
.orange{
color:#ff9900;
}
.white{
color:#ffffff;
}

.notes{
background:url(/images/note32.gif) no-repeat top left;
padding-left:40px;
line-height:32px;
font-size:12px;
color:#CC6600;
}
.arial11{
	font-size:11px;
}
/** logo tio **/

#top{
background:url(../images/home/home_logo.png) no-repeat top left;
height:50px;text-align:right;
background-position:20px;
padding-left:10px;
padding-right:10px;
color:#fff;
width:980px;
margin-left:auto;
margin-right:auto;
line-height:160%;
}

#top a{
color:#fff;
font-weight:bold;
}
#top p{
float:right;
line-height:20px;
font-size:11px;

height:30px;
}

/**navigation**/
#navigation a.hello{
	background:none;
}
#navigation a.hello:hover{

}


    #navigation {
      width:980px;
	  margin-left:auto;
	  margin-right:auto;
	 
	
      }
    #navigation ul {
	margin:0;
	margin-left:15px;
	margin-top:10px;
	padding:0px 10px 0 0px;
	list-style:none;
	
      }
    #navigation li {
      display:inline;
	  
      margin:0;
      padding:0;
	  line-height:32px;
	  margin-right:4px;
      }
	   #navigation .current a{
	    background-position:0px -42px;
	
	

		
		}
		#navigation .current a span {
      float:left;
      display:block;
      background:url("../images/right_both.gif") no-repeat right top;
      padding:0px 15px 0px 12px;
      color:#333;

      background-position:100% -42px;
     
      }
	
      #navigation a {
      float:left;
      background:url("../images/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
 margin-right:2px;
 font-size:14px;
 font-weight:900;
 text-shadow:0 1px 0 #fff;
      }
    #navigation a span {
      float:left;
      display:block;
      background:url("../images/right_both.gif") no-repeat right top;
      padding:0px 15px 0px 12px;
   color:#294e73; 
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a span {float:none; }
    /* End IE5-Mac hack */
    #navigation a:hover span {
      color:#000;
      }
    #navigation a:hover {
      background-position:0% -42px;
      }
    #navigation a:hover span {
      background-position:100% -42px;
      }
	  
	  
	  
	  /**navigationend**/


/**********Footer********/
.backtotop{
text-align:right;
margin-left:0;
margin-right:0;
}
.back{
background:url(../images/back.gif) no-repeat;padding-left:20px;
}
#globalfooterbox{

/**
background:#c9e0f2 url(../images/footer.jpg); **/
display:block;
height:auto;
margin-bottom:15px;

overflow:hidden;
text-align:center;
}
#globalfooter {

	font-size:11px;
	height:50px;
	padding-top:6px;
	width: 980px;

	margin-left:auto;
	margin-right:auto;
	
	
}
#globalfooter P {
	color:#999;
}
#globalfooter P.copyright {
	padding-left: 10px; float: left;color:#666;
	text-align:left;
}
#globalfooter A {
	color: #666;
}
#globalfooter a:hover {
	color: #000;
	text-decoration:none;
}


/**page number **/

.pager2 { /**background:#fff; border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-bottom:1px solid #c7c7c7; margin-right:1px; border-right:1px solid #c7c7c7; **/padding:4px; 
clear:both;margin-top:10px;height:auto;overflow:hidden;line-height:16px;font-size:14px;display:block;
}
.pager2 ul { float:right; margin:5px 5px 8px; }
.pager2 li { float:left; margin:0 2px; position:relative;}
.pager2 li#activePage a, .pager2 li a:hover { font-weight:bold; text-decoration:none;color:#036;}

.pager2 li#activePage {background:url(/images/pager_active_bg.gif) no-repeat left 4px; height:20px;}
.pager2 li#activePage a {  color:#fff; padding:4px 5px;}
.pager2 li#activePage div, .pager2 li#activePage span { /*position:absolute;*/ height:16px; top:4px; right:0; width:4px; background:url(/images/pager_active_bg-end.gif) no-repeat top right;}
.pager2 li a { color:#0b79c4; padding:4px 4px 0; font-weight:bold; display:block;}
.pager2 li a:hover { background:url(/images/pager_arrow.gif) no-repeat center top; display:block; }
.pager2 li#activePage a:hover { background:none;}

/** success ,error ,notes tips **/

.error{
color:#dd2222;
background:url(/images/error.gif) no-repeat top left;
padding-left:19px;
height:20px;padding-bottom:2px;
line-height:20px;
}
.sending_loading{
color:#F90;
background:url(/images/loading.gif) no-repeat top left;
line-height:14px;
font-weight:bold;
padding-left:19px;
}
.sucess{
color:#009900;
background:url(../images/done16.gif) no-repeat top left;
padding-left:20px;height:20px;padding-bottom:2px;
line-height:20px;
}
.online{
color:#ff9900;
font-weight:800;
}

/** Progress Style **/
.ProgressBar,.progressbar_s {
    position: relative;
    border: 1px solid #eea42d;
     height:10px;
	 line-height:10px;
}
.ProgressBar div,.progressbar_s div {
    display: block;
    position: relative;
    background: #B1D632 url(/images/progress_bg.gif) repeat-x top left;
    color: #333333;
     height:10px;
	 line-height:10px;    
	
	
}
.progresBar{
width: 180px;    /* 宽度 */
}

.progressbar_s{
width:120px;
margin-left:60px;
}


.height_10{
height:10px;
}

.arial13{
font-size:13px;
color:#cad5de;

}
.arial13 a{
color:#4c97d6;
text-decoration:none;
}
.arial13 a:hover{
text-decoration:underline;
color:#82bdec;
}

.arial13color{
	color:#366;
	font-size:13px;
}


.padding5{
padding:4px!important;
padding:7px;
}
.line{
border-bottom:1px dotted #ccc;
padding-top:4px;
padding-bottom:4px;
}
.margin5{
	margin:5px;
}


/**new start layout **/
.content{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	overflow:hidden;
	text-align:left;
	clear:both;
	display:block;
	margin-top:0px;
	
}
.con_left{

	
	width:780px;
	padding:20px;
	padding-top:0px;
	background:#dee7ef;
	
	padding-bottom:40px;
	float:left;
	

}

.con_left .position_nav{
	margin-bottom:10px;
	display:block;
}
.con_left .position_nav h1{
	line-height:32px;
}
.con_right_big{

	width:160px;
	
	float:left;
}
.con_right_content{
	
	border-left:11px solid #b6c8d7;
	margin-bottom:0px;
	padding:0px;

	


	
}
.con_right{


	background:#dee7ef;
	height:auto;
	overflow:hidden;
	padding-right:10px;
	padding-left:8px;
	padding-bottom:40px;
	padding-top:0px;
	line-height:160%;
	
	

	

}
.con_right ul li{


}
.con_right ul li ul  li{
	margin-bottom:1px;
}
.con_right ul li ul {
	margin-left:20px;
}

.con_right ul li a{
	/**color:#376ba1;**/
	color:#294e73;
	display:block;
	background:none;
padding-left:10px;
	height:18px;
	padding-top:8px;
	padding-bottom:6px;
	
}
.con_right ul li a.active{
	display:block;
	background:url(/images/icon_clip.png) no-repeat;
	background-position:0 -128px;
	
	text-decoration:none;
	color:#000;
	text-shadow:0 1px 0 #fff;
}
.con_right ul li a:hover{

	display:block;
	background:url(/images/icon_clip.png) no-repeat;
	background-position:0 -128px;
	
	text-decoration:none;
	color:#000;
	text-shadow:0 1px 0 #fff;
	
}

ul#neibu li a{
	/**color:#376ba1;**/
	color:#039;
	margin-bottom:1px;
	margin-top:1px;

	padding-left:14px;
	padding-right:2px;
	line-height:14px;
	padding-bottom:0px;
	padding-top:0px;
	

}
ul#neibu li a:hover{
	/**color:#376ba1;**/
	color:#000;

	background:none;
	text-decoration:underline;

}



 .right_cor_t{
	background:url(/images/line_corner.png) no-repeat;
	background-position:0 0;
	width:11px;
	height:10px;
	display:block;
	overflow:hidden;

	
}
.right_cor_btt{
	background:url(/images/line_corner.png) no-repeat;
	background-position:0 -10px;
	width:11px;
	height:10px;
	display:block;
	overflow:hidden;
	
	
}
.p_corner_b{
	
	background:url(/images/line_corner.png) no-repeat;
	background-position:0 -10px;
	width:11px;
	height:10px;
	display:block;
	overflow:hidden;
	
	
}

.feng_title{
	font-family:Helvetica,arial;
	font-size:18px;
	font-weight:normal;
	color:#333;
	text-shadow:0 1px 0 #fff;
}


.inputField
{
padding:5px;
/**
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	**/
	background-image: url(/images/input_bg.gif);
	background-repeat: repeat-x;
	
	border: 1px solid #c1c1c1;
	border-top-color: #a1a1a1;
	border-bottom-color: #d1d1d1;
	font-weight: normal;
	
	font-size: 14px;
}



/**icons set **/
.margin4{
	margin-top:-2px;
	margin-right:0px;
	float:none;
	display:inline-block;
}
.icon16{
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;
background:url(../images/icon_clip.png) no-repeat;
}

.icon32{
	width:32px;
	height:32px;
	float:left;

background:url(../images/icon_clip.png) no-repeat;
}
.inlinem{
	float:none;
	display:inline-block;
	margin-top:-4px;margin-right:0px;
}

 .favorite_ico16{
	background-position:0 -32px;
}
.flirt_ico16{
	background-position:0 -48px;
}
.flirt_ico16_new{
	background-position:-16px -48px;
}


a.sortby_list_ico16{
	background:url(/images/icon_clip.png) no-repeat;
	background-position:-144px -48px;
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:5px;


}
a.sortby_list_ico16.active{
	background-position:-176px -48px;
}
a.sortby_list_ico16:hover{
	background-position:-176px -48px;
}
a.sortby_table_ico16{
	background:url(/images/icon_clip.png) no-repeat;
	background-position:-160px -48px;
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:5px;

}
a.sortby_table_ico16.active{
	background-position:-192px -48px;
}
a.sortby_table_ico16:hover{
	background-position:-192px -48px;
}

.profile_ico16{
	background-position:0 0;
}
.edit_ico16{
	background-position:-16px 0;
}
.skins_ico16{
	background-position:-208px -48px;
}

/**update 1111**/
.rate1_ico16{
	background-position:-224px -48px;
}

.photo_ico16{
	background-position:0px -80px;
}
.video_ico16{
	background-position:-16px -80px;
}
.block_ico16{
	background-position:-64px -48px;
}
.mail_ico16{
	background-position:0 -16px;
}
.mail_ico16_new{
	background-position:-16px -16px;
}
/**update1028**/
.mail_open_ico16{
	background-position:-32px -16px;
}
.mail_reply_ico16{
	background-position:-48px -16px;
}
.connect_ico16{
	background-position:0 -64px;
}
.connect_ico16_new{
	background-position:-16px -64px;
}
.search_ico16{
	background-position:0 -96px;
}

.mail_ico32{
	background-position:-128px -96px;
}
.community_ico32{
	background-position:-96px -96px;
}

.search_ico32{
	background-position:-32px -96px;
}
.flirt_ico32{
	background-position:-64px -96px;
}

.favorite_ico32{
	background-position:-160px -96px;
}
.connect_ico32{
	background-position:-192px -96px;
}
.backsearch_ico32{
	background-position:-224px -96px;
}
.newpop_ico32{
	background-position:-256px -96px;
}
.onlinembs_ico32{
	background-position:-288px -96px;
}
.majorcity_ico32{
	background-position:-320px -96px;
}
.footprints_ico32{
	background-position:-352px -96px;
}
.regust_ico32{
	background-position:-384px -96px;
}



.footprint_ico16{
	background-position:-32px 0px;
}

.online_icon16{
	width:16px;
	height:16px;
	margin-right:2px;
	display:block;
	float:left;
background:url(../images/icon_clip.png) no-repeat;
	
	background-position:-80px -48px;
}
.offline_icon16{
	width:16px;
	height:16px;
	margin-right:2px;
	display:block;
	float:left;
background:url(../images/icon_clip.png) no-repeat;
	
	background-position:-96px -48px;
}
.nonefloat{
	float:none;
	display:inline-block;
}

.float_del {
	display: block;
	
	background:url(../images/icon_clip.png) no-repeat;
	background-position:-112px -48px;

	width: 16px;
	text-indent: -999em;
	height: 16px;
}
.float_del:hover {
background-position:-128px -48px;
}

.search_ico32{
	background-position:-32px -96px;
}
.flirt_ico32{
	background-position:-64px -96px;
}

.favorite_ico32{
	background-position:-160px -96px;
}
.connect_ico32{
	background-position:-192px -96px;
}
.backsearch_ico32{
	background-position:-224px -96px;
}
.newpop_ico32{
	background-position:-256px -96px;
}

.footprint_ico16{
	background-position:-32px 0px;
}

.online_icon16{
	width:16px;
	height:16px;
	margin-right:2px;
	display:block;
	float:left;
background:url(/images/icon_clip.png) no-repeat;
	
	background-position:-80px -48px;
}
.offline_icon16{
	width:16px;
	height:16px;
	margin-right:2px;
	display:block;
	float:left;
background:url(/images/icon_clip.png) no-repeat;
	
	background-position:-96px -48px;
}
.nonefloat{
	float:none;
	display:inline-block;
}

.float_del {
	display: block;
	
	background:url(/images/icon_clip.png) no-repeat;
	background-position:-112px -48px;

	width: 16px;
	text-indent: -999em;
	height: 16px;
}
.float_del:hover {
background-position:-128px -48px;
}


/**profile right**/
.profile_right{
	width:63%;float:right;
	padding:15px;
}
.profile_con{
padding:15px;
color:#222;
background:#ecf2f7;
padding-top:5px;
padding-bottom:5px;

}


.action_feng a{
	display:block;
	background:#F00 url(/images/btn_shadow_yellow.gif) repeat-x 0 -5px;
	color:#333;
	text-shadow:0 1px 0 #FFC;
	float:left;
	margin-right:10px;
	padding:4px;
	padding-left:5px;
	font-size:12px;
	padding-right:10px;
	font-weight:800;
}
.action_feng a:hover{
	background:#fff;
	text-shadow:none;
	color:#333;
	text-decoration:none;
}


.whitebox{
	background:#fff;
	width:100%;
	height:10px;
	display:block;
}
.whitebox_b{
	background:#fff;
	width:100%;
	height:10px;
	display:block;
}
.fengbox{
background:#fff url(/images/shadow.gif) repeat-x bottom left;
	height:auto;
	display:block;
	overflow:hidden;
	padding:20px;
	
	
	
	/**
	border:4px solid #bfcdda;
	border:4px solid #f7d6a8;
	**/
}


/*************************************************TABS HEADER***/
.tabs_header { margin-bottom: 0px; height: 29px; border-bottom: 1px solid #EBE6C9; clear: both; overflow: hidden; padding-left:20px;}

.tabs_header ul.tabs li a,
.tabs_header ul.tabs li a span{ background: url(/images/tab_bg.gif) no-repeat;  display: block;}
        .tabs_header ul.tabs { position: absolute; z-index: 10; }
            .tabs_header ul.tabs li { float: left; margin: 0 1px 0 0; display: inline; }
                .tabs_header ul.tabs li a { float: left; padding: 0 0 0 10px; height: 30px; background-position: left top; color:#000;text-shadow:0 1px 0 #fff; }
				
				 .tabs_header ul.tabs li a:hover span{
				padding: 9px 10px 7px 0; background: url(/images/active_tab_bg.gif) no-repeat right top; line-height: 14px; display: block; 
				  }
				  .tabs_header ul.tabs li a:hover{
			
					  text-decoration:none;
				 float: left; padding: 0 0 0 10px; height: 30px; background: url(/images/active_tab_bg.gif) no-repeat left top; color: #000; display: block; 
				  }
                    .tabs_header ul.tabs li a span { padding: 9px 10px 7px 0; background-position: right top; font-size: 12px; line-height: 14px; }
                        .tabs_header ul.tabs li a span img{ vertical-align: middle; }

            .tabs_header ul.tabs li.active a { float: left; padding: 0 0 0 10px; height: 30px; background: url(/images/active_tab_bg.gif) no-repeat left top; color: #000; display: block; }
                .tabs_header ul.tabs li.active a span { padding: 9px 10px 7px 0; background: url(/images/active_tab_bg.gif) no-repeat right top; line-height: 14px; display: block;font-size:14px; }
            .tabs_header ul.tabs li.null { margin: 0 0 0 15px;padding: 0 0 0 25px; height: 25px; background: url(/images/add_button.gif) no-repeat 0 0; line-height: 24px; }
                .tabs_header ul.tabs li.null a { padding: 0 10px 0 0; height: 25px; background: url(/images/add_button.gif) no-repeat right top; color: #FFF; font-size: 12px; }
     .tabs_header ul.tabs li.null a:hover{
		 text-decoration:none;
		 color:#000;
		 text-shadow:0 1px 0 #FC6;
	 }
	 
	 
	 

/**color box start**/
.box_white_top{
	background:#fff;
	height:5px;
	padding:5px;
	display:block;
	
}
.box_white_bottom{
	background:#fff;
	height:5px;
	padding:5px;
}
.box_yellow{
	background:#fffcbd;
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
}
.box_white{
	background:#fff;
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
	
	
}
.box_white_main{
	width:759px;
	/**
	border:5px solid #bed1e3;**/

	background:#fff;
	padding:10px;
	padding-top:0px;

}
.box_white_main_search{
	width:759px;
	float:left;
	background:#fff;
	padding:10px;
	padding-top:0px;
	margin-bottom:0px;
	
}

.box_blue{
background:#1f75cc;
padding:10px;
padding-top:0px;
padding-bottom:0px;
/**delete**
margin-bottom:2px;
/**delete**/
height:auto;
overflow:hidden;
display:block;
}

.box_profile{
background:#fff;
padding:10px;
margin-bottom:10px;
}

.box_blue a{
	color:#fff;
}
.box_purple a{
	color:#fff;
	
}
.box_purple p{
	border-bottom:1px dotted #fff;
}
.box_purple a em{
	font-size:16px;
	padding-right:5px;
	border-right:1px solid #fff;
	margin-right:5px;
}
.box_purple a:hover{
	text-shadow:0 1px 0 #ff9601;
	
	text-decoration:none;
	color:#333;
	
	
	
}
.box_purple h2{
	color:#fff;padding-bottom:5px;border-bottom:1px dotted #fff;
}
.box_purple{
	/**
	background:#96C;
	background:#9b3c88;**/
	background:#F90;
	padding:10px;
	padding-top:0px;
}
.box_darkblue{
	background:#333;
	color:#fff;
	height:auto;
	overflow:hidden;
	display:block;
	padding:10px;
	
}
.box_left_top{
	background:#dee7ef;
	display:block;
	height:10px;
	
	
}
.box_left_bottom{
	background:#dee7ef;
	padding:5px;
	height:5px;
	
}
.box_left_content{
	background:#dee7ef;
	padding:20px;
	height:100%;
	overflow:hidden;
	
}
/**color box end**/

.content_chu1{
	margin:0 auto;
	width:980px;
}
.content_chu1 .top ,.content_chu1 .bottom{
	width:820px;
	float:left;
}


.success_ico16{
background-position:-48px -48px;
}

.error_ico16{
background-position:-32px -48px;
}

.majorcity_ico32{
background-position:-320px -96px;
}
.onlinembs_ico32{
background-position:-288px -96px;
}

.footprints_ico32{
background-position:-352px -96px;
}
.regust_ico32{
background-position:-384px -96px;
}


/**SUB TAB 10/14/2009 update**/
ul.red{
padding: 5px;

list-style: none;
display:block;
height:auto;
overflow:hidden;
margin-left:15px;
height:25px;
border-bottom:1px dotted #ccc;


}

ul.red li {
float: left;

}

ul.red li a {
float: left;
text-decoration: none;
color: #C00;
padding: 4px 15px 0 0;
margin-right: 8px;
font: 900 14px "Arial", Helvetica, sans-serif;
}

ul.red li a span {
float: left;
padding-right: 15px;
display: block;
margin-top: -4px;
height: 24px;
}

ul.red li a:hover {
color: #fff;
text-decoration:none;
background: url(/images/red.png) no-repeat top right;
}

ul.red li a:hover span {
background: url(/images/red.png) no-repeat top left;
}

ul.red li a.current {
background: url(/images/red.png) no-repeat top right;
color: #fff;
}

ul.red li a.current span {
background: url(/images/red.png) no-repeat top left;
}

/**add my corner start**/
.clear1{clear:both;height:1px;
    margin-top:-1px;
    overflow:hidden;}

.corner_box_con{
	height:10px;
	overflow:hidden;
	display:block;
}

.mycorner{
	background:url(../images/Mycorner.png) no-repeat;
	width:10px;
	height:10px;
	display:block;
    float:left;
	
}




.big_corner_l
{
	background-position:0 0;
	
}
.big_corner_r{
	background-position:-10px 0;
	
}
.big_corner_b_l
{
	background-position:0 -10px;
	
}
.big_corner_b_r{
	background-position:-10px -10px;
	
}
.r_blue_t_r{
	background-position:-32px 0;
	
}
.r_blue_b_r{
	background-position:-32px -10px;
	

}
.r_orange_t_r{
	background-position:-54px 0;
	
	
}
.r_orange_b_r{
	background-position:-54px -10px;
	
}

.r_big_t_r
{
	background-position:-10px 0;
	
}
.r_big_b_r{
background-position:-10px -10px;
	
}

.l_big_white_t_l
{
	background-position:-66px 0;
	
}
.l_big_white_t_r{
background-position:-76px 0;
	
}

.l_big_white_b_l
{
	background-position:-66px -10px;
	
}
.l_big_white_b_r{
background-position:-76px -10px;

}

.corner_ye_tl{
	background-position:-88px 0;
}
.corner_ye_tr{
	background-position:-98px 0;
}
.corner_ye_bl{
	background-position:-88px -10px;
}
.corner_ye_br{
	background-position:-98px -10px;
	
}
.corner_profile_tl{
	
	background-position:-110px 0;
}
.corner_profile_tr{
	background-position:-120px 0;
}
.corner_profile_bl{
	background-position:-110px -10px;
}
.corner_profile_br{
	background-position:-120px -10px;
	
}

.corner_blk_tl{
		background-position:-132px 0;
}
.corner_blk_tr{
	background-position:-142px 0;
}
.corner_blk_bl{
	background-position:-132px -10px;
}
.corner_blk_br{
	background-position:-142px -10px;
}

/**add my corner end**/

.global_white_box{
	width:779px;
	/**
	border:5px solid #bed1e3;**/
	float:left;
	margin-bottom:10px;
}

.big_corner_l_con{
	width:980px;margin:0 auto;clear:both;
	height:10px;
	overflow:hidden;
	display:block;
}
.big_corner_line{
	width:800px;background:#dbe8f0;float:left;height:10px;display:block;
}
.l_big_white_line{
float:left;height:10px;display:inline-block;background:#fff;
}
.corner759{
	width:759px;
}
.corner540{
	width:540px;
}
.corner180{
	width:180px;
}
.corner480{
	width:480px;
}
.corner244{
	width:244px;
}
.r_corner_line{
	width:139px;background:#1f75cc;height:10px;float:left;
}
.r_corner_orange_line{
	width:139px;background:#ff9900;display:block;height:10px;float:left;
}
.r_corner_skyblue_line{
	width:139px;background:#dbe8f0;height:10px;display:block;float:left;
}

.corner_ye_line{
	background:#fffcbd;
	float:left;height:10px;display:inline-block;	
}
.corner_profile_line{
	background:#ecf2f7;
	float:left;height:10px;display:inline-block;	
}
.corner_blk_line{
	background:#333;
	float:left;height:10px;display:inline-block;	
}

.margin_b2{
	margin-bottom:2px;
}
.margin_b10{
	margin-bottom:10px;
}
input.cornereff{
padding:5px;padding-left:2px;padding-right:2px;border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background:#fff url(../images/input_bg.gif) repeat-x top left;
}
.textarea_eff{
-webkit-border-radius:3px;
-moz-border-radius:3px;border:1px solid #ccc;background:url(../images/input_bg.gif) repeat-x top left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.mail_open_ico16{
background-position:-32px -16px;
}
.mail_reply_ico16{
background-position:-48px -16px;
}


/** store ,gift application ICON Setting **/
.app1_icon32{
	width:32px;
	height:32px;
	margin-right:3px;
	float:left;
background:url(../images/app1_ico.png) no-repeat;
}

.app1_icon16{
	width:16px;
	height:16px;
	margin-right:3px;
	float:left;
background:url(../images/app1_ico.png) no-repeat;
}
.app1_gift_big{
	background-position:0 0;
}
.app1_coin_earn{
	background-position:-32px 0;
}
.app1_coin_big{
	background-position:-64px 0;
}
.app1_shopping{
	background-position:-96px 0;
}
.app1_credit{
	background-position:-128px 0;
}
.app1_paypal{
	background-position:-160px 0;
}
.app1_bank{
	background-position:-192px 0;
}
.app1_mobile{
	background-position:-224px 0;
}


.app1_gift_s{
	background-position:0 -32px;
}
.app1_coin_s{
	background-position:-16px -32px;
}
.app1_link{
	background-position:-32px -32px;
}
.app1_addressbook{
	background-position:-48px -32px;
}
.app1_invitefriend{
	background-position:-64px -32px;
}
.app1_login{
	background-position:-80px -32px;
}
.app1_share{
	background-position:-96px -32px;
}


/**global Comment UI **/
.hs_comment{
margin:10px;
margin-top:0px;
margin-bottom:0px;
height:auto;
overflow:hidden;
}
.hs_comment .post_form{
	margin-bottom:20px;padding-bottom:10px;
}
.hs_comment .post_form .right_cmt{
float:left;margin-left:15px;
width:440px;
}
.hs_comment .post_form .right_cmt h3{
	margin-bottom:2px;
}
.hs_comment .post_form .right_cmt p{
	margin-top:5px;
}
ul.hs_coment_list{
	height:auto;
	overflow:hidden;
}
ul.hs_coment_list li{
	height:auto;
	overflow:hidden;
	zoom:1;
	
	margin-top:20px;
	
}
ul.hs_coment_list li .right{
	margin-left:15px;float:left;width:440px;
}

ul.hs_coment_list li .right .info{
margin-top:5px;line-height:140%;font-size:12px;
padding-left:5px;
padding-right:5px;
}
ul.hs_coment_list li .right .mem_info{
font-size:11px;background:#fff url(../images/forum_reply_shadow.png) bottom left;padding:5px;padding-bottom:10px;
height:auto;
overflow:hidden;
zoom:1;
}
.hs_cmt_quick_reply{
	padding:10px;background:#FFC;margin:10px;margin-left:0px;margin-right:60px;
	-webkit-border-radius:10px;-moz-border-radius:10px;
}
.hs_cmt_quick_reply p{
	margin-top:5px;
}

/**All tips**/
.error_tip{
	margin-top:5px;
	margin-bottom:5px;
	background:#FCC url(../images/dialog-error.png) no-repeat;
	background-position:10px 7px;
	padding:8px;
padding-left:29px;
font-size:13px;
	
color:#C00;
	
	-webkit-border-radius:5px;
	 -moz-border-radius:5px;
	
}
.success_tip{
	margin-top:5px;
	margin-bottom:5px;
	
	color:#090;
	padding:8px;
padding-left:29px;
background: #e8fbe3 url(../images/dialog_ok.png) no-repeat;
	background-position:10px 7px;
	font-size:13px;

	
	-webkit-border-radius:5px;
	 -moz-border-radius:5px;
}
.notes_tip{
	margin-top:5px;
	margin-bottom:5px;
	
	color:#666;
	padding:8px;
padding-left:29px;
background: #FFC url(../images/dialog_note.png) no-repeat;
	background-position:10px 8px;
	font-size:13px;

	
	-webkit-border-radius:5px;
	 -moz-border-radius:5px;
}

.maggie_ico16{
background-position:-48px 0px;
}
.ecards_ico16{
background-position:-64px 0px;
}

/**update 2010 poll icons**/
.poll_ico16{
background-position:-80px 0px;
}
.poll_ico32{
background-position:-416px -96px;
}
.poll_ct_ico32{
background-position:-448px -96px;
}

#mood_txt{
width:340px;
margin-bottom:10px;
}
#mood_txt .mtext{
font-family:Georgia,arial;font-size:14px;
}
#mood_txt span{
font-size:11px;font-weight:normal;
}

#mood{
padding:10px;padding-left:0px;
}
.prf_incomplete{
background:#c54323;-webkit-border-radius:4px;
-moz-border-radius:4px;color:#fff;padding-left:5px;padding-right:5px;color:#fff;font-size:12px;
}
.prf_complete{
background:#74b439;color:#fff;padding-left:5px;padding-right:5px;font-size:12px;-webkit-border-radius:4px;
-moz-border-radius:4px;
}