/* Very style & Friend CSS design by ÉòÏþ¶¬ 2008.04.16 */
body{margin:0 auto;text-align:center;font-size:12px;width:982px;font-family:Arial, Helvetica, sans-serif,  'Lucida Grande','Lucida Sans Unicode','ËÎÌå','ÐÂËÎÌå',verdana;}
fieldset{border:0;}
ul,ol,li{ list-style-type:none; margin:0; padding:0;}
dl,dt,dd{margin:0;padding:0;}
form, input, select,fieldset,label {margin:0; padding:0;}
input, select{ font-size:12px}
img,a img{border:0; margin:0; padding:0;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
h1{font-size:150%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
.clear{ clear:both; height:0; font-size:1px; overflow:hidden;}
.height10px{ height:10px; font-size:1px;}
.height3px{height:3px; font-size:1px;}
.height_10px{ margin:-10px 0 0 0;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.font12px{ font-size:12px; font-weight:normal}
.font13px{ font-size:13px; font-weight:normal}
.font14px{ font-size:14px; font-weight:normal}
a:link{text-decoration:none ; color:#4D4C4C ;}
a:visited {text-decoration:none ; color:#4D4C4C ;}
a:hover {text-decoration:underline ; color:#0066CC ;}
a:active {text-decoration:none ; color:#990000 ;}
a:link.redlinks,a:visited.redlinks{ text-decoration:none; color:#993300}
a:hover.redlinks{ text-decoration:none; color:#006699}
a:link.redlinks1,a:visited.redlinks1{ text-decoration:none; color:#FF0000}
a:hover.redlinks1{ text-decoration:underline; color:#FF3300}
a:link.bluelink,a:visited.bluelink{color:#006699;text-decoration:none}
a:hover.bluelink{ text-decoration:underline; color:#0066CC}
a:link.Brown,a:visited.Brown{ color:#993300; text-decoration:none}
a:hover.Brown{ color:#990000; text-decoration:underline}
/*Head Nav Area*/
#logo{ text-align:left; margin:0;}
/* ----------------------  nav ---------------------- */
#dolphincontainer{position:relative;height:70px;color:#E0E0E0;background:#484848 url(../images/dolphin_bg_nav.gif) repeat-x bottom;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:13px;text-transform:uppercase;background:#fff url(../images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 5px; letter-spacing:2px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 7px;}
#dolphinnav ul li a{display:block;float:left;color:#1D1C1C;text-decoration:none;padding:0 0 0 5px;height:33px;}
#dolphinnav ul li a span{padding:12px 5px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#3B474E;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#990000;background:url(../images/dolphin_left-ON.gif) no-repeat top left;line-height:240%; font-size:14px}
#dolphinnav ul li a.current span{display:block;padding:0 10px 0 7px;width:auto;background:url(../images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/*userforminfo*/
.userforminfo{ color:#FFF; text-align:right}
.userforminfo span{ margin:0 5px;}
.userforminfo a{ color:#333333}
.userforminfo a:hover{ color:#000000;}
.userforminfo b{ color:#990000}
.lform{ margin:8px 0 0 10px; text-align:left; color:#853212;}
.lform fieldset{ float:left; margin:0 15px 0 0;}
.loginbutton input{ background:#A05B29; color:#FFF; border-top:1px solid #C18048; border-left:1px solid #C18048; border-right:1px solid #925021;border-bottom:1px solid #925021; height:20px; width:50px; line-height:120%;}
.cstyle span{ margin:0 5px;}
.cstyle span a{ color:#FFF}
.cstyle span a:hover{ color:#E6FFFA;}
.reglink{ float:right; margin:0 10px 0 0; display:inline;}
.reglink{ background:url(../images/regbg.gif) top no-repeat;width:76px; height:20px; overflow:hidden; display:block; color:#0099FF; text-align:center;}
.reglink span{ line-height:175%;}
.reglink a{ text-decoration:none; color:#343434}
.reglink a:hover{ background:url(../images/regbg.gif) 100% -20px no-repeat; width:76px; height:20px; overflow:hidden; display:block; color:#343434;text-decoration:none;}
/*Layout*/
/*iLeft*/
.iLeft{ float:left; display:inline;margin:10px 0 0 0; width:722px; text-align:left;}
	/*iList*/
	.iList{width:722px;margin:0 0 10px 0;}
	.iListT{ background:url(../images/iListT.gif); width:722px; height:4px; font-size:1px; overflow:hidden;}
	.iListB{ background:url(../images/iListTB.gif); width:722px; height:4px; font-size:1px; overflow:hidden;}
	.iListbg{ background:url(../images/iListbg.gif) repeat-y; width:722px; padding:1px 0;}
	.iListboard{margin:5px 10px; width:702px; line-height:180%;}
.hotuser{ width:140px; text-align:center; padding:8px 0 0 0;}
.hotubg{ background:url(../images/hotfbg.gif); width:107px; height:106px; margin:0 auto; text-align:center}
.hotubg img{ width:90px; height:90px; margin:5px 5px 0 0; border:1px solid #C1C1C1}	
.hotuser a{ font-size:13px; font-weight:bold; text-decoration:none; color:#CC6600}
.hotuser a:hover{ color:#993300}

/*SearchC*/
.SearchC{margin:0 0 3px 0;}
.SearchC h1{ font-size:13px; color:#333333;width:50px;}
.SearchC ul{ width:645px; margin:0 0 0 4px; text-align:left; }
.SearchC ul li{margin:0; display:inline; line-height:180%;}
.SearchC a{margin:5px 8px 5px 0px; color:#666666; font-size:13px; }
.SearchC a:hover{ background:#666666; color:#FFFFFF;}
.Searchbox{padding: 5px 0 0 54px;}
.Searchbox span{ margin:0 10px 0 0; font-size:12px;}
.Searchbox label a{ color:#006699}
.Searchbox label a:hover{ color:#0066CC}
/* CSS Tabs */
#navlist {padding: 3px 0;margin-left: 0;border-bottom: 1px solid #778;font: 13px Verdana, sans-serif;}
#navlist li {list-style: none;margin: 0 0 0 10px;display: inline;}
#navlist li a {padding: 3px 5px;margin-left: 3px; border: 1px solid #778;border-bottom: none;background:#F3F3F3;text-decoration: none;}
#navlist li a:link { color:#666666; }
#navlist li a:visited { color: #666666; }
#navlist li a:hover { color: #000; background:#BCBCBC;border-color:#333333;}
#navlist li a#current { background: white;border-bottom: 1px solid white; font-weight:bold}
/*Flist*/
.Flistbox{ border:1px solid #CCCCCC; width:349px; margin:10px 4px 0 4px; overflow:hidden}
.FImg img{ border:1px solid #CCCCCC; padding:2px; width:90px; height:90px; margin:5px;}
.FInfo{  margin:5px 0; line-height:180%; width:243px}
.Fname a{ color:#505050; font-size:13px; text-decoration:none; font-weight:bold}
.Fname a:hover{ color:#006699}
.Fname h3{ margin:0 10px 0 0}
.Fname img{ margin:0 5px 0 0;}
.FInfo p{ margin:0; padding:0; color:#999999; margin:5px 0 3px 0; line-height:180%;}
.Finfodiv{ margin:2px 0 0 0; color:#333333;}
.Finfodiv span{ margin:0 15px 0 0}
.Finfodivsp span{ margin:0 12px 0 0}
.FInfo b{ color:#E65611; font-weight:normal; margin:0 3px 0 0;}
/*SList*/
.TipRe{ font-size:14px; font-weight:bold; margin:2px 0 0 4px; border-bottom:1px solid #999999; color:#333333}
.TipRe b{ color:#FF0000}
.sListbox{width:702px;}
.sLimg{ width:96px; margin:10px;}
.sLimg img{ width:90px; height:90px; padding:2px; border:1px solid #999999;}
.sLinfo{width:566px; margin:12px 10px 0 10px;}
.sLinfo h1{ font-size:13px; margin:0 10px 0 0}
.sLinfo h1 a{ text-decoration:none;color:#505050;}
.sLinfo h1 a:hover{color:#006699}
.sLinfo p{ margin:0; padding:0; color:#999999; margin:5px 0 3px 0; line-height:180%;}
.Sindiv span{ margin:0 40px 0 0;}
.sLinfo b{ color:#E65611; font-weight:normal; margin:0 3px 0 0;}
span.logintime{margin:0; color:#666666; font-size:11px;}
span.grade b{ color:#999900; margin:0 20px 0 0}
.sfline{ background:url(../images/hline.gif) repeat-x; height:1px; font-size:1px; overflow:hidden;}
/*iRight*/	
.iRight{ float:right; display:inline;width:250px; margin:10px 0 0 0; text-align:left;}
    .r250box{ width:248px; border:1px solid #DEDEDE;}
	.r250box h1{ background:url(../images/r250bg.gif) repeat-x; height:22px; overflow:hidden; font-size:14px; border-bottom:1px solid #DEDEDE; padding:0 0 0 10px; line-height:160%; font-weight:normal; color:#3B474E}
/*Tags*/
.hottags ul{margin:10px; font-size:12px}
.hottags ul li{margin:0; display:inline; list-style-type:none; line-height:200%;}
.hottags a{margin:10px 5px 10px 0px;}
a.tags01{ color:#333333; text-decoration:none;}
a.tags02,a.tags06{ color:#666666;text-decoration:none;}
a.tags05,a.tags07{ color:#FF6600;text-decoration:none;}
a.tags03,a.tags04{ color:#009900; text-decoration:none;}
a:hover.tags01{ background:#333333;color:#FFFFFF; text-decoration:none;}
a:hover.tags02,a:hover.tags06{ background:#666666;color:#FFFFFF;text-decoration:none;}
a:hover.tags05,a:hover.tags07{ background:#FF6600;color:#FFFFFF;text-decoration:none;}
a:hover.tags03,a:hover.tags04{ background:#009900;color:#FFFFFF; text-decoration:none;}
.tags01,.tags02,.tags03,.tags04,.tags06{ font-size:13px;}
.tags05{ font-size:14px;}
.tags07{ font-size:15px;}
.tags04,.tags06,.tags07{ font-weight:bold;}
/*pagination*/
.pagination{ margin:10px 0 0 0; width:722px; line-height:200%; font-size:11px}
.comment-page-numbers{height:1%;overflow:hidden;padding:0; float:right; margin:0;}
.comment-page-numbers strong{background:url(../images/page_num.gif) no-repeat 0 100%;color:#FFF;float:left;text-align:center;text-decoration:none;display:block;width:23px;height:32px; margin:0 2px;}
.comment-page-numbers a{float:left;text-align:center;text-decoration:none;display:block;width:23px;height:32px;color:#777;font-weight:bold;background:url(../images/page_num.gif) no-repeat 0 0;margin:0 2px;}
.comment-page-numbers a:hover, .comment-page-numbers strong:hover{background:url(../images/page_num.gif) no-repeat 0 100%;color:#FFF;margin:0 2px;}	
.pagination_tip{ line-height:180%; margin:0 0 10px 0; font-size:13px; color:#0066CC}
.pagination_tip b{ font-weight:normal; text-decoration:underline}
/*Bottom*/
.footer{border-top:1px solid #949294;margin:10px 0 0 0}
.footerbox{border-top:5px solid #F3F2F2;text-align:center;font-size:12px;line-height:180%}
.footerbox a:link,.footerbox a:visited{color:#333333;text-decoration:none}
.footerbox a:hover{color:#000000;text-decoration:underline}
.webinks ul li{ display:inline; margin:0 3px}
.copyright p{margin:2px 0; line-height:160%; color:#666}
/*VitalityIMG*/
.Grade_IMG{width:65px; height:13px; margin:4px 0 0 -10px}
.Grade_1,.Grade_2,.Grade_3,.Grade_4,.Grade_5{ background:url(../images/xing.gif) left repeat-x; height:13px; width:13px;}
.Grade_2{ width:26px;}
.Grade_3{ width:39px;}
.Grade_4{ width:52px;}
.Grade_5{ width:65px;}
/*OpenBox*/
.openbox{width:500px; background:#9C9B9B;padding:10px;}
.opencontent{ background:#FFFFFF;border:1px solid #666666;}
.closeb{ margin:10px 10px 0 0;}
.TipH3{ margin:5px 0 5px 50px;font-size:14px; font-weight:normal; background:url(../images/openboxtip.gif) left no-repeat; width:400px; padding:0 5px; background-position:0 1px}
.oform{padding:20px 90px; text-align:left; }
.oform h4{ color:#5E6F77; font-weight:normal; font-size:14px;}
.oform p{ color:#576C67; margin:5px 0;}
.btn2{ background:#7E7E7E; color:#FFFFFF; border-top:1px solid #DDDDDD;border-left:1px solid #DDDDDD;border-right:1px solid #4A4A4A;border-bottom:1px solid #4A4A4A; line-height:170%; width:80px; height:24px; overflow:hidden}
.btn3{ background:#7E7E7E; color:#FFFFFF; border-top:1px solid #DDDDDD;border-left:1px solid #DDDDDD;border-right:1px solid #4A4A4A;border-bottom:1px solid #4A4A4A; line-height:170%;height:24px; overflow:hidden; width:55px; padding:0 3px; margin:0 8px 0 0}
.InputClassO{ height:18px; border:1px solid #B3B9C4}
h2.opentitleh2{ font-size:13px; color:#666666; text-align:left; margin:5px 0 0 10px;}
ul.opentitleh2{ padding:5px 10px 0 10px; text-align:left; width:630px}
ul.opentitleh2 li{ display:inline; padding:0 10px 0 0}
.Area_li_B{ margin:0 auto;text-align:center; width:690px;}
.Area_li_B ul li{float:left; width:40px; height:20px; overflow:hidden; line-height:180%; }
.Arda_li_C{ border:1px solid #C3C3C3; background:#F9F9F9; width:660px; margin:0 auto; text-align:center; padding:0 0 0 15px}
.Arda_li_C ul li{ float:left; width:80px; height:20px; overflow:hidden; line-height:180%; text-align:left}
.Arda_li_D{ border:1px solid #C3C3C3; background:#F9F9F9; width:660px; margin:0 auto; text-align:center; padding:10px 0 10px 15px; max-height:150px; overflow:hidden;overflow-y:auto}
.Arda_li_D ul li{ display:block; float:left; width:200px; height:20px; overflow:hidden; line-height:180%; text-align:left}
input.Open_input{ height:20px; width:250px;}
.choosearea{ margin:3px 0 0 5px}
.Area_open{max-height:250px; overflow:hidden;overflow-y:auto}
.Area_open li{ text-align:left; float:left; width:44%; height:20px; overflow:hidden;margin:0 0 0 10px; line-height:180%}
/*Friend Openbox*/
.otitle{ font:12px; padding:5px 0 0 5px;}
.opline{ background:url(../images/hline.gif) repeat-x; height:1px; font:1px; margin:5px 5px 10px 5px; overflow:hidden}
.oplineclass{ margin:2px 10px}
.oplineclass2{ margin:5px 10px}
.openboxFform{ margin:1px 0 0 5px; width:47%; text-align:left; overflow:hidden;}
.fieldsetDiv{ margin:0 0 10px 0;}
.bottombtn{ text-align:right; padding:15px 5px 5px 0;}
.bottombtn input{ width:60px; margin:0 0 0 10px; cursor:pointer;}
.formitem{ margin:5px 0;}
.formitem input{line-height:0; margin:0; padding:0; height:13px ; width:13px; margin:0 3px 0 0;}
.formitem label{ line-height:110%; }
.formitemlist{color:#666666}
.formitemlist label{ float:left;}
.formitemlist a{ color:#006699}
.fieldsetcontent{ border:1px solid #999999; margin:0 5px 0 15px; padding:5px; background:#F7F7F7;}
.fieldsetcontent fieldset{ margin:10px 0;}
.openinputgary{ border:1px solid #CCCCCC; width:140px; float:right; margin:0 7px 0 0}
.formitemlist span{ margin:0 20px 0 0;}
/*Validation*/
.qq_on,.qq_off,.msn_on,.msn_off,.email_on,.email_off,.gtalk_on,.gtalk_off,.mobile_on,.mobile_off,.video_on,.video_off,.tel_on,.tel_off,.male_on,.male_off,.female_on,.female_off,.Activities_off,.Activities_on{ width:16px; height:16px; background:url(../images/iconsprit.gif) no-repeat top; margin:0 2px 0 4px}
.male_on,.male_off,.female_on,.female_off{ display:block}
.qq_on{background-position:0 -32px}
.qq_off{background-position:0 -48px}
.msn_off{background-position:0 -16px}
.email_on{background-position:0 -66px}
.email_off{background-position:0 -82px}
.gtalk_on{background-position:0 -140px}
.gtalk_off{background-position:0 -158px}
.mobile_on{background-position:0 -100px}
.mobile_off{background-position:0 -120px}
.video_on{background-position:0 -179px}
.video_off{background-position:0 -195px}
.tel_on{background-position:0 -215px}
.tel_off{background-position:0 -233px}
.male_on{background-position:0 -252px}
.male_off{background-position:0 -270px}
.female_on{background-position:0 -288px}
.female_off{background-position:0 -305px}
.Activities_on{background-position:0 -326px;}
.Activities_off{background-position:0 -349px}
.Activities_count{ margin:0 9px 0 0; color:#333333; font-size:12px;}
.Activities_count b{ font-weight:bold; color:#FF3300}
/*Passer_Friend*/
.Passer_Friend{ width:248px;}
.PasserImg{ width:44px; margin:5px  9px 5px 5px;}
.PasserImg img{ width:40px; height:40px; padding:1px; border:1px solid #CCCCCC;}
.PasserInfo{ width:180px; margin:5px 0 ;}
.Passername{ display:block; margin:0 0 8px 0 ; font-size:13px; line-height:150%;}
.PasserCon{ margin:0 5px 0 0; color:#666666}
.PasserCon b{ font-weight:normal; color:#CC6600}
.Passerline{ background:url(../images/hline.gif) repeat-x; height:1px; font-size:1px; width:238px; margin:0 0 0 5px;}

/*Search*/
.mbox{ background:#F4F4F4; width:976px; padding:3px; margin:10px 0 0 0;}
.mboxcontent{ border:1px solid #DCDBDB; background:#FFFFFF; width:974px; text-align:left}
.mboxtdiv{ margin:15px;}
.mboxdivline{margin:15px 0; height:330px;background:url(../images/sline.gif) repeat-y; background-position:610px 0;}
.searchleft{ width:610px; overflow:hidden}
.searchright{ width:310px; margin-left:20px; overflow:hidden}
/*regbox*/
fieldset.searchfieldset{ padding:0 0 15px 0;  margin:5px 0; text-align:left; color:#666666}
.userform select{ margin:0 0 0 2px;}
.foptions{ float:left;padding:2px 0 0 0; text-align:right;width:55px; display:block; font-size:13px; line-height:160%; color:#000000}
.foptionst,.input_on,.input_off,.input_move,.input_out{height:21px;float:left;margin:0 5px; width:110px;}
.foptionst{border:1px solid #319A00;background-color:#FFFFFF;}
.input_on{border:1px solid #319A00;background-color:#FFFFF7;}
.input_off{border:1px solid #319A00;background-color:#FFFFF7;}
.input_move{border:1px solid #319A00;background-color:#FFFFF7;}
.input_out{border:1px solid #319A00;background-color:#FFFFF7;}
.verification{display:block;width:50px;height:21px; float:left; color:#7BB252; background:#FFFFE7;border:1px solid #B5CF4A; text-align:center; margin:0 0 0 10px;}
span.tooltiptext{ line-height:200%; color:#FF6600}
.submitbt{background:url(../images/button.gif);width:50px;height:20px;border:none; color:#843010; line-height:180%; cursor:pointer; text-align:center; margin:0 0 0 60px}
input.rightsearchinput{ width:160px;}
span.checkboxspan{ margin:0 20px 0 5px}
fieldset.r_searchfieldset{ padding:0 0 40px 0}
input.btSubmitright{ margin:0 0 0 10px}
p.Tip_Search_R{ margin:0; padding:10px 0 0 60px; color:#666666; line-height:160%}
span.Submitbt_Tip{background:#FDE7A2; border:1px solid #FFCC33; color:#333333;padding:0 8px; line-height:160%; font-size:12px; margin:0px 0 0 20px}

/*siteflinks*/
.siteflinks ul,.siteflinks ol{padding:7px 0 0 10px;width:970px}
.siteflinks ul li{float:left;display:block;width:12%;height:20px;line-height:160%;overflow:hidden;text-align:left}
.siteflinks ol li{float:left;display:inline;width:11%;height:40px;text-align:left}
.siteflinks ol{ border-top:1px solid #F3F3F3;margin:7px 0 0 0}