﻿/* 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;}

td label {font-weight:bold; padding-left:3px; color:#444}
.profile_labelPad select {font-weight:bold; color:#444}

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; 


text-align:center;

background:#BA0C0B url(../images/bg_red.jpg) no-repeat fixed 0 0;/**
background:#fff url(../images/homebg1.jpg) repeat-x top left;**/
margin-left:auto;
margin-right:auto;
margin-top:10px;

}

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:18px;padding-left:5px;}
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; 
}


/*IE*/
*input.inputborder.focus { 
border-color: #ff9900; 
outline: none;

}
input.inputborder:focus { 
border-color: #ff9900; 
outline: none;
}

.inputborder 
{
border:1px solid #a7c6de;
background:#fff url(../images/login_input_bg.gif) repeat-x top left;

padding:2px;margin-right:3px;
}




fieldset {
    padding:15px;
	background:#deecf7 url(../images/gloablefooter_bg.gif) repeat-x top left;
margin:1px;
    color:#333; 
		
   
}
legend {
    color:#336699;
    font-weight:800; 
    background:#bad7ef;
	display:block;
	padding-left:5px;padding-right:5px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-bottom:10px;


	
} 


/** all tabs **/
#f_tabs {
	
	 ZOOM: 1;
	height:20px;
	display:block;
	padding-left:10px;

}
#f_tabs ul,#f_tabs li{mrgin:0px;padding:0px;list-style:none;}
#f_tabs li{
display:block;float:left;
POSITION: relative;top:2px;*+top:2px;*top:2px;
margin-right:5px;

}
#f_tabs LI A {
	display:block;
	padding: 2px 15px;
	margin:1px;

	
	COLOR: #fff; WORD-BREAK: keep-all; LINE-HEIGHT: 120%; WHITE-SPACE: nowrap;font-weight:bold;
}
#f_tabs LI A:hover {
	display:block;
	padding: 2px 13px;
	margin:1px;
     background:#336699 url(../images/tab_bg.gif) no-repeat top left;border:1px solid #5f9fe0;text-decoration:none; 
	
	COLOR: #fff; WORD-BREAK: keep-all; LINE-HEIGHT: 120%; WHITE-SPACE: nowrap;font-weight:bold;
}

#f_tabs LI.current {color:#006699;}
#f_tabs LI.current A{
color:#fff;font-weight:bold;padding:2px 13px;margin:1px;
text-decoration:none;    background:#336699 url(../images/tab_bg.gif) no-repeat top left;border:1px solid #5f9fe0;
}


#con {
	FONT-SIZE: 12px; MARGIN: 0px auto; 
}
#tags {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH:600px; PADDING-TOP: 0px; HEIGHT: 23px
}
#tags LI {
	BACKGROUND: url(../images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 23px
}
#tags LI A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #006699; LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none;font-weight:bold;
	font-size:11px;
}
#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 25px
}
#tags LI.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #fff; LINE-HEIGHT: 25px; HEIGHT: 25px;font-weight:bold;
}
#tagContent {
	
width:673px;
HEIGHT: auto;overflow:hidden;
margin-bottom:10px;

}
.tagContent {
 DISPLAY: none; PADDING-BOTTOM: 10px; COLOR: #474747;HEIGHT: auto;overflow:hidden;
BACKGROUND:url(../images/profiletab_bg.gif) repeat-y;
width:633px;

padding-left:20px;padding-right:20px;

}
#tagContent DIV.selectTag {
	DISPLAY: block
}

/** tabs end**/
.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:#036cb4;text-decoration:none; } A:visited { color:#036cb4;text-decoration:none; }
A:hover {
	text-decoration:underline;
}
A:active {
	text-decoration:none;
}

.float_del {
	display: block;
	right: 0px;
	background: url(../images/delete.gif) no-repeat 0px 0px;
	overflow: hidden;
	width: 13px;
	text-indent: -999em;
	position: absolute;
	top: 0.5em;
	height: 13px;
	background-image: url(../images/delete.gif);
}
.float_del:hover {
	background-position: 0px -15px
}




/** Button start**/

.searchbutton{
background-image:url(../images/searchbuttonbg.gif);
font: 12px Tahoma, Verdana;
width:80px;
color: #fff;
height:20px;
}
.green-button { font-size:12px;
	border-right: #333 1px solid; padding-right: 15px;*padding-right: 5px; border-top: #4171a2 1px solid; padding-left: 15px; *padding-left: 5px; background: #336699; padding-bottom: 1px; border-left: #4171a2 1px solid; color: #fff; line-height: 14px; padding-top: 1px; border-bottom: #333 1px solid; letter-spacing: 1px; height: 22px; text-align: center;font-family:arial;
}
.da-button {
	border-right: #783E12 1px solid; padding-right: 15px;*padding-right: 5px;  border-top: #ddd 1px solid; padding-left: 15px; *padding-left: 5px; background-color:#f7f7f7; padding-bottom: 1px; border-left: #ddd 1px solid; color:#666;line-height: 14px; padding-top: 1px; border-bottom: #783E12 1px solid; letter-spacing: 1px; height: 22px; text-align: center; font-size:12px;font-family:arial;
}

/** Button end**/
.avatar48,.avatar48_pend_req,.avatar48_closed {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; WIDTH: 55px; PADDING-TOP: 5px; HEIGHT: 55px
}
.avatar48 IMG ,.avatar48_pend_req IMG ,.avatar48_closed IMG{
	WIDTH: 48px;
}
.avatar48_pend_req{
BACKGROUND: url(../images/48_avatar_bg_progress.gif) no-repeat; 
}
.avatar48{
BACKGROUND: url(../images/48_avatar_bg2.gif) no-repeat; 
}
.avatar48_closed{
BACKGROUND: url(../images/48_avatar_bg_closed.gif) no-repeat; 
}

.profile_img{
width:252px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-top:1px;
padding-bottom:1px;
text-align:center;

}

.profile_img img{
max-width: 250px; width: expression(this.width >250 && this.height < this.width ? 250: true); 
}

/** box item style **/

*.bg { background:url("../images/rounder_bg.gif") bottom left repeat-x white; margin-top:10px;width:100%; }

*.tl { background:url("../images/rc.gif") top left     no-repeat;  }
*.br { background:url("../images/rc.gif") bottom right no-repeat;  }
*.tr { background:url("../images/rc.gif") top right    no-repeat;  }
*.bl { background:url("../images/rc.gif") bottom left  no-repeat;  }

*.trc { background:url("../images/rc-trc.gif") top right   no-repeat; }
*.blc { background:url("../images/rc-blc.gif") bottom left no-repeat; }

*.pad { padding:1px; }


/**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:45px;text-align:right; padding-left:10px; padding-right:10px;color:#fff; }
#top a {
color:#FFFFFF;
}
#top #a{
     display:block; float:left; width:249px;height:30px;cursor:pointer}
#top p{
float:right;
line-height:20px;
font-size:11px;
height:30px;
}

/**position**/
.position{
background:#fff url(../images/invite_shadow.gif) repeat-x bottom left;color:#fff;height:25px;
padding:8px;
padding-right:0px;
padding-top:0px;
}
.position_left{
float:left;
width:612px;
padding-top:5px!important;
padding-top:5px;
color:#333;
/*background:url(../images/hey_new.gif) no-repeat bottom left;*/
padding-left:18px;
}

.position_r_c{
background:url(../images/position_r_cor.gif) no-repeat top right;color:#fff;height:8px;width:9px;padding-left:3px;
float:right;display:block;
}
.backtosearch{
float:right;text-align:center;color:#333;font-size:13px;background:url(../images/gobacksearch.gif) no-repeat top left;width:310px;height:24px;
padding-top:5px;

}
.backtosearch a{
color:#369;
}

/**navigation**/
#navigation a.hello{
background:none;
}
#navigation a.hello:hover{

}

#navigation {
width:100%;
height:auto;
overflow:hidden;
margin-top:0px!important;
margin-top:-5px;

}
#navigation ul {
margin:0;
margin-top:10px;
padding:0px 10px 0 0px;
list-style:none;

}
#navigation li {
display:inline;

margin:0;
padding:0;
line-height:22px;
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:5px 15px 4px 12px;
color:#C00;

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:800;
}
#navigation a span {
float:left;
display:block;
background:url("../images/right_both.gif") no-repeat right top;
padding:5px 15px 4px 12px;
color:#000;
text-shadow:0 1px 0 #fff;

}
/* 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**/

#wrap{
width:980px;
padding-left:2px;
padding-right:2px;
text-align:left;
margin: 0px auto;
height:auto;
overflow:hidden;

}
#topround{
width:984px;
text-align:left;
height:7px;
margin-left:auto;
margin-right:auto;
}
#bottomround{
width:984px;
text-align:left;
height:10px;
margin: 0px auto;
}

/**********Footer********/
.backtotop{
border-bottom:1px solid #aacae9;
text-align:right;
margin-left:0;
margin-right:0;
}
.back{
background:url(../images/back.gif) no-repeat;padding-left:20px;
}
#globalfooterbox{  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: #fff;
}


/**page number **/


.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none;blr:expression(this.onFocus=this.blur());
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #fff; BORDER-BOTTOM: #999 1px solid;background-COLOR: #036cb4; TEXT-DECORATION: none;
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #336699; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}





/***通用动作****/
.action {
text-align:left;padding-left:10px;padding-right:0px;width:90%;padding-top:0px;font-weight:bold;
}
.action LI{border-bottom:#336699 1px dotted;line-height: 150%;}
.action LI img{padding-top:3px;padding-right:3px;}

.action LI a{display: block;padding-left:10px;height:20px;color:#336699;background:#fff;padding-top:0px;}

.action LI a:hover{ color:#fff;background: #336699;text-decoration: none;}
.sendmessage{
background:url(../images/email16.gif) no-repeat ;display:inline;
padding-left:19px;
margin-right:5px;
padding-bottom:3px;
}

.sendwink{
background:url(../images/winks.gif) no-repeat ;display:inline;
padding-left:19px;
margin-right:5px;
padding-bottom:3px;


}
.addhimher{
background:url(../images/add.gif) no-repeat ;display:inline;
padding-left:19px;
margin-right:5px;
padding-bottom:3px;
}

.block1{
background:url(../images/block_ico_16.gif) no-repeat ;display:inline;
padding-left:19px;
margin-right:5px;
padding-bottom:3px;

}
.unblock1{
background:url(../images/unblock_ico_16.gif) no-repeat ;display:inline;
padding-left:19px;
margin-right:5px;
padding-bottom:3px;

}
.reopen{
background:url(../images/reopen.gif) no-repeat ;padding-left:19px;padding-bottom:3px;
}
.closeconn{
background:url(../images/close.gif) no-repeat ;padding-left:19px;padding-bottom:3px;
}

/**profiels eidt*/
.labelPad {
	Padding:3px;
}

.GL-label {
	float: left; width: 150px; margin-right: 10px; text-align: right;margin-top:2px;
}
.form-content {
	padding:20px 60px 20px 60px;
}
.form-content p{
clear:both;
}
/** 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;
}
.online{
color:#ff9900;
font-weight:800;
}
/**tab right button style **/
.f_left{
	float:left;
}
.right{
	float:right;font-size:12px;padding-right:10px;
}

.tab_r_button a{background:url(../images/tab_act_buttonbg.gif) left 0px; color:#fff;font-weight:bold; text-decoration:none; height:23px; float:left; cursor:hand; margin:46px 5px 0 0;}
.tab_r_button a:visited{
color:#fff;
text-decoration:none;
}
.tab_r_button a:hover{background:url(../images/tab_act_buttonbg.gif) left -23px;height:23px;
text-decoration:none;}
.tab_r_button a span{background:url(../images/tab_act_buttonbg.gif) right 0px; padding:2px 8px 2px 0px; margin:0 0 0 8px; float:left; height:19px;}
.tab_r_button a:hover span{background:url(../images/tab_act_buttonbg.gif) right -23px; color:#336699; padding:2px 8px 2px 0; margin:0 0 0 8px; height:19px; }




/** 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;
}


/** Homepage layout**/
.content_home{
background:url(../images/rose.gif) repeat;
height:auto;
overflow:hidden;
margin-top:25px;
}
.content_home_m{
height:350px;
width:898px;
margin-left:auto;
margin-right:auto;
}
.content_home_m .f_left{
float:left;width:429px;
}
.content_home_m .f_right{
float:left;
background:url(../images/home_banner_r.gif) no-repeat top left;
width:429px;
height:400px;
text-align:left;
}
.content_home_m .index_search{
padding:10px;margin-top:20px;margin-left:40px;
font-size:12px;
color:#666;
}

.content_home_m h1{
padding-top:10px;
color:#006699;
}
.labelPad {
	Padding:7px;
	

}

.GL-label {
	float: left; width: 100px; margin-right: 10px; text-align:left;margin-top:2px;
font-weight:800;
}

.content{padding:10px;
padding-top:15px;
background:#fff;
height:auto;overflow:hidden;}

.content_left{
float:left;
padding:0px;
margin:0 10px 0 0;
width:680px;
}
.content_right{
float:right;
padding:0px;
width:225px;
}

/** Create profile **/
.c_profile_left{
float:left;
padding:0px;
margin:0 10px 0 0;
width:720px;
}
.c_profile_right{
float:right;
padding:0px;
width:225px;
}

.box_s {
	BACKGROUND: url(../images/s_titlebg_box_ltblue_800x800.gif) #fff no-repeat 100% 100%
}
.box_s .content {
	BACKGROUND: url(../images/s_titlebg_box_ltblue_800x800.gif) #fff no-repeat 100% 100%
}
.box_s .title {
	BACKGROUND: url(../images/s_titlebg_box_ltblue_800x800.gif) #fff no-repeat 100% 100%
}
.box_s .title H3 {
	BACKGROUND: url(../images/s_titlebg_box_ltblue_800x800.gif) #fff no-repeat 100% 100%
}
.box_s {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px; PADDING-TOP: 0px
}
.box_s .title {
	PADDING-RIGHT: 15px; BACKGROUND-POSITION: 100% 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -15px 0px 0px; PADDING-TOP: 0px
}
.box_s .title H3 {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px; PADDING-LEFT: 15px; MARGIN: 0px; HEIGHT: 1%;line-height:45px;
}
.box_s .content {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 100%; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px;
}



.box_createprofile {
	BACKGROUND: url(../images/bg_box_long.gif) #fff no-repeat 100% 100%
}
.box_createprofile .content {
	BACKGROUND: url(../images/bg_box_long.gif) #fff no-repeat 100% 100%
}
.box_createprofile .title {
	BACKGROUND: url(../images/bg_box_long.gif) #fff no-repeat 100% 100%
}
.box_createprofile .title H3 {
	BACKGROUND: url(../images/bg_box_long.gif) #fff no-repeat 100% 100%
}
.box_createprofile {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px; PADDING-TOP: 0px
}
.box_createprofile .title {
	PADDING-RIGHT: 15px; BACKGROUND-POSITION: 100% 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -15px 0px 0px; PADDING-TOP: 0px
}
.box_createprofile .title H3 {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px; PADDING-LEFT: 15px; MARGIN: 0px; HEIGHT: 1%;line-height:45px;
}
.box_createprofile .content {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 100%; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px;
}



.box {
	BACKGROUND: url(../images/withtitlebg_box_ltblue_800x800.gif) #fff no-repeat 100% 100%
}
.box .content {
	BACKGROUND: url(../images/withtitlebg_box_ltblue_800x800.gif) #fff no-repeat 100% 100%
}
.box .title {
	BACKGROUND: url(../images/withtitlebg_box_ltblue_800x800.gif) #fff no-repeat 100% 100%
}
.box .title H3 {
	BACKGROUND: url(../images/withtitlebg_box_ltblue_800x800.gif) #fff no-repeat 100% 100%
}
.box {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px; PADDING-TOP: 0px
}
.box .title {
	PADDING-RIGHT: 15px; BACKGROUND-POSITION: 100% 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -15px 0px 0px; PADDING-TOP: 0px
}
.box .title H3 {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px; PADDING-LEFT: 15px; MARGIN: 0px; HEIGHT: 1%;line-height:45px;
}
.box .content {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 100%; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px;
}

.box1 {
	BACKGROUND: url(../images/otherbgbox_800x800.gif) no-repeat 100% 100%
}
.box1 .content {
	BACKGROUND: url(../images/otherbgbox_800x800.gif) no-repeat 100% 100%
}
.box1 .title {
	BACKGROUND: url(../images/otherbgbox_800x800.gif) no-repeat 100% 100%
}
.box1 .title H3 {
	BACKGROUND: url(../images/otherbgbox_800x800.gif) no-repeat 100% 100%
}
.box1 {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; PADDING-TOP: 0px
}
.box1.margin0 {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px 0px; PADDING-TOP: 0px
}
.box1 .title {
	PADDING-RIGHT: 15px; BACKGROUND-POSITION: 100% 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -15px 0px 0px; PADDING-TOP: 0px
}
.box1 .title H3 {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px; PADDING-LEFT: 15px; MARGIN: 0px; HEIGHT: 1%;line-height:35px;
}
.box1 .content {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 100%; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px;
}


#create_profile_tab {
	
	 ZOOM: 1;
	height:28px;
	display:block;
	padding-bottom:15px;
	
	margin-left:auto;
	margin-right:auto;

}
#create_profile_tab ul,#create_profile_tab li{mrgin:0px;padding:0px;list-style:none;}
#create_profile_tab li{
display:block;float:left;
POSITION: relative;top:2px;*+top:2px;*top:2px;

}
#create_profile_tab LI A {
	display:block;
	padding: 4px 10px;
	margin:1px;

	
	COLOR: #333; WORD-BREAK: keep-all; LINE-HEIGHT: 120%; WHITE-SPACE: nowrap;BACKGROUND: #fff url(../images/tabmenubg_1.gif) repeat-x top left;font-weight:bold;
}
#create_profile_tab LI.current {}
#create_profile_tab LI.current A{
	color:#fff;font-weight:bold;BACKGROUND: #fff url(../images/tabmenubg.gif) repeat-x top left;
}


.c_profile_photobox{
padding-bottom:10px;
height:auto;
overflow:hidden;
}

.c_profile_photobox .image{
float:left;
margin-left:5px;
width:254px;

}
.c_profile_photobox .upload_pic{
float:right;
width:400px;
}
.c_profile_photobox .upload_pic p{
padding-bottom:5px;
}

.c_profile_photoGarrey{
width:122px;
float:left;
margin-right:8px!important;margin-right:3px;
margin-bottom:8px!important;margin-bottom:2px;
}
.c_profile_photoGarrey .upload_100{
      width:102px;
      height:102px;
      border:1px solid #336699;
      margin-bottom:4px; text-align:center; overflow:hidden
      }
.c_profile_photoGarrey img{
padding:1px; 
}

/**form**/
.profile_labelPad {
	Padding:10px;
	
}

.profile_GL-label {
	float: left; width: 180px; margin-right: 10px; text-align:right;margin-top:2px;
		
	color:#336699;font-weight:800;
}

.profile_done{
margin-top:10px;
}
.profile_done ul li{
/*background:url(../images/done16.gif) no-repeat ;*/
padding-left:20px;
line-height:20px;
}

.profile_video_s{
height:300px;
background:#000;
}

.cotent_addconnect{
background:#fff url(../images/blue_grey.gif) repeat-x top left;
margin-top:20px;
padding-left:20px;
height:100%;
overflow:hidden;
}

.cotent_addconnect_l{
width:254px;
float:left;
margin-right:20px;
}
.cotent_addconnect_r{
width:670px;
float:left;
}
.cotent_addconnect_r .p_info{
height:100px;
}
.cotent_addconnect_r .p_info .p_info_box{
padding-top:20px;
}
.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;
}

.padding5{
padding:4px!important;
padding:7px;
}
.line{
border-bottom:1px dotted #ccc;
padding-top:4px;
padding-bottom:4px;
}
.margin5{
	margin:5px;
}


/**update 20090323 read message box **/
.msg_read_top{
	background:url(../images/msg_rd_s_bg.gif) repeat-x top left;
	height:14px;
}
.msg_read_bottom{
	background:url(../images/msg_rd_s1_bg.gif) repeat-x bottom left;
	height:14px;
}

.msg_read_content{
	background:url(../images/msg_rd_bg.gif) repeat-y;
	height:auto;
	overflow:hidden;
	padding:7px;
}
.msg_read_spantl ,.msg_read_spantr,.msg_read_spanbl,.msg_read_spanbr{
	
	height:14px;display:block;width:17px;
}

.msg_read_spantl{
	background:url(../images/msg_rd_tl.gif) no-repeat top left;float:left;

}
.msg_read_spantr{
	background:url(../images/msg_rd_tr.gif) no-repeat top right;float:right;

}
.msg_read_spanbl{
	background:url(../images/msg_rd_bl.gif) no-repeat top left;float:left;

}
.msg_read_spanbr{
	background:url(../images/msg_rd_br.gif) no-repeat top right;float:right;

}
.msg_read_shadow{
	background:url(../images/rounder_bg.gif) repeat-x top left;
	border-bottom:1px solid #ccc;
}


/**红色小图标 显示最新message,winks,coonection request 数量**/

.new_msg_num a{

background: url(../images/new_num.gif) no-repeat 0px 0px;
overflow:hidden;

width:28px;
display:inline;
padding-left:8px;
padding-right:4px;
height:13px;
text-align:center;
margin-left:auto;
margin-right:auto;

color:#fff;
margin-right:8px;
font-size:10px;


}
.new_msg_num a:hover {
background-position: 0px -13px;
text-decoration:none;
}

.new_msg_num a:visited{
color:#fff;
}

/*-----*/
.done{
    background:url(../images/done16.gif) no-repeat ;
}
.undone{
    background:url(../images/undone.gif) no-repeat ;
}
/**END 红色小图标 显示新message,winks,coonection request**/

/* ----- tool tip specific styles ----- */
a.addToolTip {
color:#ff9900;
}
a.addToolTip:hover {
color:#333;
text-decoration:none;
cursor:default;
}

#theToolTip{
position: absolute;
left: -300px;
width: 210px;
cursor:text;
border: 1px solid #ff9900;
padding: 6px 0px 10px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;

}

#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
text-align:left;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;
text-align:left;
}
optgroup option{padding-left:10px;}
.profile_action_ice,.profile_action_add { cursor:pointer}

/**new Action style090703**/
.small_b_action{
display:block;
width:70px;
margin-left:auto;
margin-right:auto;
text-indent: -999em;
}
.small_b_action .contact{
background: url(../images/b_action.gif) no-repeat 0px 0px;
display:block;
float:left;
width:20px;
height:20px;
margin-left:1px;
}
.small_b_action .contact:hover{
background-position: 0px -20px
}
.small_b_action .favorite{
background: url(../images/b_action.gif) no-repeat -20px 0px;
display:block;
float:left;
width:20px;
height:20px;
margin-left:1px;
}
.small_b_action .favorite:hover{
background-position: -20px -20px
}
.small_b_action .winks{
background: url(../images/b_action.gif) no-repeat -40px 0px;
display:block;
width:20px;
float:left;
height:20px;
margin-left:1px;
}
.small_b_action .winks:hover{
background-position: -40px -20px
}
/**new action style End**/
.addfavorite{
background:url(../images/favorites.gif) no-repeat ;display:inline;
padding-left:19px;
margin-right:5px;
padding-bottom:3px;
}
/**big action 090708**/
a.bigaction{
padding-left:25px;
height: 20px;
line-height:20px;
display:block;
width: 90px;
color:#eff3fa;
text-decoration:none;
margin-bottom:1px;
}
a.b_icebreak{
background: url(../images/l_contact.gif) no-repeat 0px 0px;
}
a.b_icebreak:hover {
background-position: 0px -20px;
color:#fff;
}

a.b_contact{
background: url(../images/l_contact.gif) no-repeat -115px 0px;
}
a.b_contact:hover {
background-position: -115px -20px;
color:#fff;
}

a.b_favorite{
background: url(../images/l_contact.gif) no-repeat -230px 0px;
}
a.b_favorite:hover {
background-position: -230px -20px;
color:#fff;
}

.con_bottom{
height:6px;
display:block;
}
.con_bottom_l{
width:8px;height:6px;background:url(../images/con_bottom_l.png) no-repeat top left;float:left;
}

.con_bottom_m{
width:964px;height:6px;background:url(../images/con_bottom_bg.gif) repeat-x top left;float:left;
}
.con_bottom_r{
width:8px;height:6px;background:url(../images/con_bottom_r.png) no-repeat top left;float:left;
}
