﻿/* 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;
/**save
font-size:12px; /*For Firefox*/
/**save
*font-size:11px; /*For IE7 & IE6*/
/**save
_font-size:11px; /*For IE6*/ 

font:11px/1.5 arial,tahoma,'bitstream vera sans',helvetica,sans-serif; 

background:#a7e1ef url(../images/home/home_clearbg.jpg) no-repeat top center;
margin-left:auto;
margin-right:auto;
padding-top:20px;

}

input{
	padding:3px;
	/**
	background:#000 url(../images/input_black_bg.gif) repeat-x top left;**/
	color:#333;
	font-size:13px;
	font-weight:bold;
}
input.long{
	width:280px;
}

h4{
font-size:16px;
font-weight:normal;
color:#0099CC;
}
h1{
	font-size:24px;
	padding:0px;
	margin:0px;
	line-height:22px;
}
/** 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:#ff9900;
background:url(../images/loading.gif) no-repeat top left;
padding-left:20px;height:20px;
padding-bottom:2px;
line-height:20px;
}
.sucess{
color:#009900;
background:url(../images/done16.gif) no-repeat top left;
padding-left:20px;height:20px;padding-bottom:2px;
line-height:20px;
}

table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:arial,'bitstream vera sans',helvetica,sans-serif;}
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;}
select { FONT: 11px/1.5 arial;height:20px;line-height:150%;} 
.strong{font-weight:bold;}
textarea{
	border-right: #ccc 1px solid; border-top: #7c7c7c 1px solid; border-left: #ccc 1px solid; line-height:120%; border-bottom: #ddd 1px solid;overflow: auto;padding:5px;font:11px/1.2 arial,tahoma,'bitstream vera sans',helvetica,sans-serif; 
}


.right{
	float:right;
}

.margin0{
margin-top:0px;
}
.clear{
clear:both;
}
.bigtext{
color:#db1717;
}
.highcolortxt{
background:#69a1ca;
color:#fff;
padding:3px;
font-size:13px;
font-weight:800;
}
A:link {
	color:#339;text-decoration:none;
}
A:visited {
		color:#339;text-decoration:none;
}
A:hover {
	text-decoration:underline;
}
A:active {
	text-decoration:none;
}
.labelPad{
	padding:15px;
	padding-bottom:0px;
	
}
.GL-label{
	width:120px;
	display:inline-block;
	font-weight:bold;
	color:#000;
	

}


.red-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_red.gif) repeat-x top left;
	color:#fff;
	/**
	-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 #7d1e1c;
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;
	
}


/** Button end**/

.l_big_white_line{
float:left;height:10px;display:inline-block;background:#fff;
}
.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;
}

.box_white_main{
	width:759px;
	/**
	border:5px solid #bed1e3;**/

	background:#fff;
	padding:10px;
	padding-top:0px;

}
.corner759{
	width:759px;
}
/**add my corner end**/

/**Tips Information **/
.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;
}
/** logo tio **/
#top{
background:url(../images/logo_white.png) no-repeat top left;height:50px;width:980px;margin-left:auto;margin-right:auto;color:#fff;
display:block;
margin-top:5px;
text-align:right;
}




/**********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;
}


/**update**/

	
	.home_content{
		/*background:url(../images/home/person_h.png) no-repeat;*/
		/** background-position:310px 40px;**/
/*background-position:280px 30px;*/
		width:960px;
		height:500px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		margin-bottom:20px;
	}
	
	
	
	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;
}


/*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:#369; font-family: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; }


/**login in menu**/

	#nicemenu { margin-top:0px;}
	#nicemenu a { color:#0066CC; text-decoration:none; }
	#nicemenu a:hover { text-decoration:underline; }	
	#nicemenu li { display:inline; position:relative; }
	#nicemenu li span { position:relative; z-index:10; padding:4px 0px 4px 6px;  border-bottom:none; line-height:18px; }	
	#nicemenu li span a { font-weight:bold; padding:0 6px 0px 2px;  }	
	#nicemenu li span.over { padding:4px 0px 4px 5px;}
	*+html #nicemenu li span.over {  padding-bottom:3px; } /* IE6 */
	#nicemenu li span.over a { }
	#nicemenu li span.over a:hover { text-decoration:none;}
	#nicemenu li span.active { padding:4px 0px 4px 5px; }
	*+html #nicemenu li span.active {  padding-bottom:3px; }
	#nicemenu li span.active a { }
	#nicemenu li span.active a:hover { text-decoration:none; }	
	#nicemenu img.arrow { /*margin-left:4px;*/ cursor:pointer; }
	#nicemenu div.sub_menu { display:none; position:absolute; right:-5px; top:0px; margin-top:24px;border:1px solid #ccc;padding:4px;  width:230px; background:#FFFFFF;-webkit-border-radius:10px;
	 -moz-border-radius:10px; z-index:999;}
	* html #nicemenu div.sub_menu { margin-top:23px; } /* IE6 */
	*+html #nicemenu div.sub_menu { margin-top:23px; } /* IE7 */
	#nicemenu div.sub_menu a:link, 
	#nicemenu div.sub_menu a:visited, 
	#nicemenu div.sub_menu a:hover{ display:block; font-size:11px; }	
	
	
	
	
	

ul.register_form{
	
	margin-top:15px;
	height:auto;
	overflow:hidden;
	zoom:1;
	
}

ul.register_form li{
	height:auto;
	overflow:hidden;
	zoom:1;
		margin-bottom:15px;
}
ul.register_form li .left0{
	float:left;
	width:120px;
	margin-right:10px;
	text-align:right;
	font-weight:bold;
	font-size:12px;

	}
	ul.register_form li.okreg{
		padding-left:130px;
		height:auto;
		overflow:hidden;
		zoom:1;
		display:block;
	}

.home_rightform{
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
	
	background:#edf7f9;
	/**

	-webkit-border-radius:10px;
	 -moz-border-radius:10px;
	**/
	 
}
.home_right{
	width:482px;float:right;margin-top:40px;
}
.home_left{
	width:380px;float:left;margin-top:-40px;
	position:relative;
}

.home_tips_error{
	background:#FCC;margin-top:5px;padding:4px;color:#C00;
	
	-webkit-border-radius:5px;
	 -moz-border-radius:5px;
	 padding-left:10px;
	

	
}
.whenerror{
	margin-left:130px;
}
.whenerror1{
	margin-left:100px;
}

.home_left .cont{
	width:280px;text-align:right;margin-right:20px;margin-top:20px;
}
.home_left .cont .box1{
color:#fff;font-size:13px;padding:10px;text-align:left;background:#8cccd9;

-webkit-border-radius:10px;
	 -moz-border-radius:10px;
	 
	 
}
.home_left .cont .box2{
font-size:11px;padding:10px;text-align:left;margin-top:1px;background:#a1ccda;


-webkit-border-radius:10px;
	 -moz-border-radius:10px;
	
}
.home_left .cont .box3{
font-size:11px;padding:10px;text-align:left;margin-top:1px;background:#add7e4;

-webkit-border-radius:10px;
	 -moz-border-radius:10px;

}

.icon32{
width:32px;
height:32px;
float:left;

background:url(../images/icon_clip.png) no-repeat;
}
.search_ico32{
background-position:-32px -96px;
}

.newpop_ico32{
background-position:-256px -96px;
}