/* V5 CSS Document */
html{color:#333;}
body{height:100%; font-family:Arial, helvetica,sans-serif;}
.ja_JP {font-family:Arial, MS PGothic, helvetica,sans-serif;}

.clearfix:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.clearfix {display:block; *display:inline-block;}
* html .clearfix {height:1%;}

/* Frameworks */
#container, #header, #m-nav-wrp, #footer {width:100%; text-align:center; margin-bottom:0px;}
#content, .container {width:980px; margin:0 auto; text-align:left; padding-top:23px;}
	/*=====FIX structure error======*/ 
	#content #content {padding-top:0;}
.row {margin:0 auto; overflow: visible;}
.column {margin:0 10px; float:left; display:inline; overflow: visible;}


#header, #content, #footer {}
#footer {background:url(/common/v5/images/bg_shadowbottom.png) repeat-x; border-top:solid 1px #ddd; font-size:11pt;}
#footer .container {margin-top:6px;text-align:center;}
.ft-nav {display:inline-block; margin-bottom:70px;}
.ft-nav li {display:block; float:left; padding-right:7px; margin-right:8px;
	border-right:solid 1px #CCC; height:12px; line-height:10px;}
.ft-nav a {color:#1A79AE; font-size:12px; font-weight:700; text-decoration:none;}
.ft-nav a:hover {text-decoration:underline;} 
.ft-nav li.last {border:none;}


/*popup*/
.popup .content {min-height:200px;}
.dummy_Signup_us{ background:url(/common/v5/images/signupbuttons.png) -3px 0 no-repeat; width:155px; height:38px;} 
.dummy_Signup_cn{ background:url(/common/v5/images/signupbuttons.png) -3px -40px no-repeat; width:155px; height:38px;}
.dummy_Signup_tw{ background:url(/common/v5/images/signupbuttons.png) -3px -87px no-repeat; width:155px; height:38px;}
.dummy_Signup_jp{ background:url(/common/v5/images/signupbuttons.png) -3px -134px no-repeat; width:155px; height:38px;}
.dummy_Signup_id{ background:url(/common/v5/images/signupbuttons_id.png) center center no-repeat; width:155px; height:38px;}
.public_login{ font-size:14px; color:#000; position:absolute; bottom: 15px;left: -50px; cursor:pointer}
 a.public_login:hover{ color:#000}


/* header of member*/
#header {border-top:0px #666 solid;}
#header .container{margin:0 auto; text-align:left; padding-top:10px;}
#m-header-wrp {margin-top:0px; height:60px;}
#m-header-logo {margin-left:10px; margin-top:8px;}
#m-header-logo, #m-hearder-utility {float:left; width:50%;}
#m-header-utility {text-align:left; float:right; margin-right:10px; min-width:120px !important;  font-size:12px; }
#m-header-utility ul li a,#m-header-utility ul li{ /*white-space:nowrap*/}
#m-header-utility ul {display:block; margin-left:10px; /*margin-bottom: 13px !important*/; float: right; text-align:right; }
#m-header-utility ul li.m-header-username { 
    color:#fff; font-weight:700; 
    padding-left:18px; background:url(/common/v5/images/sprite_s.png) no-repeat -120px 2px;
    border-bottom:1px #CCC solid; line-height: 15px; height:20px; overflow: hidden;
    margin-bottom:3px; width: auto !important;}
#m-header-utility ul li a {color:white; font-weight:700; text-decoration:none;}
.ja_JP #m-header-utility {min-width:120px !important;}
.ja_JP #m-header-utility ul li a,
.zh_TW #m-header-utility ul li a,
.zh_CN #m-header-utility ul li a {xfont-size:11px; font-weight:400;}
#m-header-utility ul li a:hover {text-decoration:underline;}
#m-header-utility ul li span a { padding-right:8px; background:url(/common/v5/images/sprite_s.png) no-repeat right -14px;}
.in_ID #m-header-utility ul li span a {background:url(/common/v5/images/ico_up.png) no-repeat right center;}
#m-header-utility #locales { margin-top:0;margin-bottom:-40px; clear:both; text-align:right; line-height:1.3em; right: 0; top: 17px; width:auto; background:#aaa; padding:5px 8px; position: absolute;}
#m-header-utility {position:relative;}
#m-header-utility .oldversion { white-space:nowrap; margin-top:3px;}
#m-nav-wrp {background:url(/common/v5/images/bg_headermenu.png) repeat-x;border-top:2px #ccc solid;}
#m-nav-wrp .container {padding:6px 0px; height:35px;}
#m-nav-wrp ul {padding-left:223px;}
#m-nav-wrp ul li {display:block; float:left; padding:0 13px; margin:3px 0 0 0; line-height:23px; height:23px;}
#m-nav-wrp ul li a, #m-nav-wrp ul li a:active {color:#666; font-size:13px; font-weight:700; text-decoration:none; display:block;}
#m-nav-wrp ul li#topmenu_online{padding:0 9px;}
#m-nav-wrp ul li a.upgrade {color:#5A9D47; margin-left:-3px; white-space:nowrap;}
#m-nav-wrp ul li a:hover {color:#1A79AE;}

/*
#m-nav-wrp ul li.current {background:url(/common/v5/images/top_menu_hover_s.png) no-repeat left top;}
#m-nav-wrp ul li.current a {background:url(/common/v5/images/top_menu_hover_s.png) no-repeat right -24px; color:white;}
*/

#m-nav-wrp ul li.current {background:url(/common/v5/images/top_menu_hover.png) no-repeat;}
#m-nav-wrp ul #topmenu_home.current {background-position:1px top;}
#m-nav-wrp ul #topmenu_profile.current {background-position:-62px top;}
#m-nav-wrp ul #topmenu_online.current {background-position:-61px -41px;}
#m-nav-wrp ul #topmenu_hotlist.current {background-position:-151px top;}
#m-nav-wrp ul #topmenu_messages.current {background-position:-217px top;}
#m-nav-wrp ul #topmenu_groups.current {background-position:-304px top;}
#m-nav-wrp ul #topmenu_search.current {background-position:-304px top;}
#m-nav-wrp ul #topmenu_travel.current {background-position:-374px top;}
#m-nav-wrp ul #topmenu_upgrade.current {background-position:-442px top; padding-right:20px;}
#m-nav-wrp ul #topmenu_account.current {background-position:-221px top; padding-right:20px;}
#m-nav-wrp ul li.current a {color:white;}
#m-nav-wrp ul #topmenu_upgrade {width:60px;}  /*IE fix*/
/*ja_JP*/

.ja_JP #topmenu_home.current {}
.ja_JP #m-nav-wrp ul li#topmenu_online{min-width:122px; +width:122px; text-align:center;}
.ja_JP #m-nav-wrp ul li#topmenu_travel{min-width:88px; +width:88px; text-align:center;}
.ja_JP #m-nav-wrp ul li#topmenu_upgrade{min-width:96px; +width:96px; text-align:center;}
.ja_JP #m-nav-wrp #topmenu_profile.current {background-position:-62px -41px;}
.ja_JP #m-nav-wrp #topmenu_hotlist.current {background-position:-274px -41px;}
.ja_JP #m-nav-wrp #topmenu_messages.current {background-position:-276px -41px;}
.ja_JP #m-nav-wrp #topmenu_search.current {background-position:-177px -41px; padding: 0 12px 0 12px;}
.ja_JP #m-nav-wrp #topmenu_groups.current {background-position:-411px -41px;} 
.ja_JP #m-nav-wrp #topmenu_travel.current {background-position:-65px -41px;}
.ja_JP #m-nav-wrp #topmenu_online.current {background-position:-488px -41px;}
.ja_JP #m-nav-wrp #topmenu_upgrade.current {background-position:-64px -41px; padding-right:10px;}
.ja_JP #m-nav-wrp #topmenu_account.current {background-position:-278px -41px; padding-right:10px;}
.ja_JP #m-nav-wrp #topmenu_upgrade {width:82px;}  /*IE fix*/
/*zh_TW, zh_CN*/

.zh_TW #m-nav-wrp #topmenu_home.current,
.zh_CN #m-nav-wrp #topmenu_home.current,
.zh_TW #m-nav-wrp #topmenu_messages.current,
.zh_CN #m-nav-wrp #topmenu_messages.current,
.zh_TW #m-nav-wrp #topmenu_search.current,
.zh_CN #m-nav-wrp #topmenu_search.current,
.zh_TW #m-nav-wrp #topmenu_travel.current,
.zh_CN #m-nav-wrp #topmenu_travel.current,
.zh_TW #m-nav-wrp #topmenu_account.current,
.zh_CN #m-nav-wrp #topmenu_account.current {background-position:0 -80px;}
.zh_TW #m-nav-wrp #topmenu_groups.current,
.zh_CN #m-nav-wrp #topmenu_groups.current {background-position:0 -80px; text-align:center; min-width:23px;}
.zh_TW #m-nav-wrp #topmenu_online.current,
.zh_CN #m-nav-wrp #topmenu_online.current{background-position:-139px -80px;}
.zh_TW #m-nav-wrp #topmenu_profile.current,
.zh_CN #m-nav-wrp #topmenu_profile.current, 
.zh_TW #m-nav-wrp #topmenu_hotlist.current,
.zh_CN #m-nav-wrp #topmenu_hotlist.current {background-position:-136px -80px;}
.zh_TW #m-nav-wrp #topmenu_upgrade.current {background-position:-376px -80px;}
.zh_CN #m-nav-wrp #topmenu_upgrade.current {background-position:-380px -80px;}

/*in_ID*/
.in_ID #m-nav-wrp ul li {display:block; float:left; padding:0 0 0 13px; margin:3px 0 0 0; line-height:23px; height:23px;}
.in_ID #m-nav-wrp ul li a{padding: 0 13px 0 0;}
.in_ID #m-nav-wrp #topmenu_online{padding: 0 0 0 13px;}
.in_ID #m-nav-wrp ul li a, #m-nav-wrp ul li a:active {color:#666; font-size:13px; font-weight:700; text-decoration:none; display:block;}
.in_ID #m-nav-wrp ul li.current {background:url(/common/v5/images/top_menu_hover_s.png) no-repeat left top !important;}
.in_ID #m-nav-wrp ul li.current a {background:url(/common/v5/images/top_menu_hover_s.png) no-repeat right -24px !important ; color:white;}

#topmenu_upgrade{ width:auto !important}

/* left sidebar*/
.column, .row {overflow:visible;}
#m-sidebar.grid_3 {width:194px; margin:-77px 25px 0 5px; position:relative;}
#m-sidebar .top {margin-left:0px; background: url(/common/v5/images/bg_leftmenu.png) no-repeat -600px 0; height:18px;}
#m-sidebar .upper, #m-sidebar .lower {margin-left:2px; background:url(/common/v5/images/bg_vertmenu.png) no-repeat 0px 10px; padding:22px 25px;}
#m-sidebar .upper {background-position: 0 bottom; padding-top:0px;}
.welcome-box {line-height:1.0em;}
.welcome-figure img {width:140px; height:auto;}
.welcome-figure {height:140px; overflow:hidden; margin-bottom:8px;} 
.welcome-box .username {color:#333;}
.welcome-box .quiet {color:#888; font-size:12px; font-weight:700;}
.welcome-box .intro {padding:7px; margin-right:0px; margin-top:25px; line-height:15px; font-size:11px; border:1px #ccc solid;}
.welcome-box .intro span.arrow {background:#FEE8F6 url(/common/v5/images/sprite_arrow.png) no-repeat; width:13px; height:10px; display:block; position:absolute; margin-top:-16px;}
.welcome-box .intro {color:#B27AAE; background-color:#FEE8F6; min-height:14px; }
.welcome-box .intro.male, 
.welcome-box .intro.male span.arrow  {color:#578794; background-color:#EBF7F9; }
#leftmenu_invitation{ white-space: nowrap;}
.toolbox-nav {margin:20px 0 20px 0; }
.toolbox-nav li {display:block; line-height:27px; padding:2px 0;border-bottom:1px #d7d7d7 solid;}
x.toolbox-nav li:last-child {border-bottom-color:#fff;}
.toolbox-nav li a {color:#333; font-weight:bold; text-decoration:none;}
 /* make a bigger clickable area */
.toolbox-nav li a {display:inline-block; white-space:nowrap; overflow:visible;}
#sidebar.profile .toolbox-nav li a {width:140px;}
#hotlistbtn,#hotlistbtn a{ width: 160px}
/*************************************/
.toolbox-nav li span {
	display:block; float:right; background:#fff; xurl(/common/v5/images/bg_count.png) no-repeat;
	border:1px #d7d7d7 solid; border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px;
	font-size:9px; min-width:22px !important; *width:22px; line-height:14px; margin-top:4px; text-align:center; color:#aaa; display:inline-block !important;
	padding: 0 2px;
	}
.toolbox-nav li:hover, .toolbox-nav li.current {
	background:url(/common/v5/images/bg_leftmenu.hover.png) no-repeat 0 -51px; 
	width:110%; margin-left:-10px; padding-left:10px; padding-top:3px; border-bottom:none; 

	}
.toolbox-nav li:hover span, .toolbox-nav li.current span {margin-right:15px; *margin-right:-20px; margin-right:0px\9;color:black; margin-top:5px; border:none;}
.toolbox-nav li:hover a, .toolbox-nav li a:hover, .toolbox-nav li.current a {color:white; text-decoration:none;}
.toolbox-nav li:hover {z-index:10; background-position: 0 0px;}
.toolbox-nav .success {background:url(/common/v5/images/icon_tick_green.png) no-repeat 0 0px; padding-left:15px;}
#m-sidebar .upgrade, 
#m-sidebar #chatNowAction  {margin:0 0 14px -5px;}
#m-sidebar #chatNowAction.disabled img {visibility:hidden;}
#m-sidebar #chatNowAction.disabled {background:#fff url(/common/v5/images/btn_chatwithme_disable.png) no-repeat;}
#m-sidebar #chatNowAction.disabled_hk img {visibility:hidden;}
#m-sidebar #chatNowAction.disabled_hk {background:#fff url(/common/v5/images/btn_chatwithme_hk_disable.png) no-repeat;}
#m-sidebar #chatNowAction.disabled_cn img {visibility:hidden;}
#m-sidebar #chatNowAction.disabled_cn {background:#fff url(/common/v5/images/btn_chatwithme_cn_disable.png) no-repeat;}
#m-sidebar #chatNowAction.disabled_jp img {visibility:hidden;}
#m-sidebar #chatNowAction.disabled_jp {background:#fff url(/common/v5/images/btn_chatwithme_jp_disable.png) no-repeat;}
#m-sidebar #chatNowAction.disabled_id img {visibility:hidden;}
#m-sidebar #chatNowAction.disabled_id {background:#fff url(/common/v5/images/btn_chatwithme_id_disable.png) no-repeat;}
#m-sidebar .top {}
#m-sidebar .tail {}
#m-sidebar .head {background:url(/common/v5/images/bg_leftmenu.png) no-repeat -398px top; height:28px;}
#m-sidebar .lower {background:url(/common/v5/images/bg_leftmenu.png) repeat-y -200px top; padding-top:27px;}
#m-sidebar .lower .mod-common {}
#m-sidebar .lower .mod-common-hd h2{font-size:15px; font-weight:700; margin-bottom:20px; padding-bottom:10px; border-bottom:1px #ccc solid;}
#m-sidebar .lower .mod-common-bd ul li a {text-decoration:none; font:bold 12px/20px Arial;}
#m-sidebar .lower .mod-common-bd ul li:hover {opacity: 1 !important; filter:alpha(opacity=100);}
#m-sidebar .lower .mod-common-bd ul li a:hover {text-decoration:underline;}
#m-sidebar .lower .mod-common-ft {}
#WFN_group_leftmenu {display:block; }
#WFN_group_leftmenu .mod-common-ft a {font-weight:700;}
#WFN_group .btn-join{display: block !important;height: 25px !important;background-position: right -100px !important;background-repeat: no-repeat !important;}
#WFN_group .btn-join span{ background:none !important; line-height:22px !important;}
#m-sidebar .lower .mod-common-ft {text-align:right;}
.group-list .vcard {margin:0; margin-bottom:10px;}
.group-list .vcard .vcard-pic {margin:0; width:40px; height:40px;}
.group-list .vcard .vcard-pic img {width:40px;}
.group-list .vcard .vcard-content {margin-left:50px; font-size:11px; display:block;}
.group-list .vcard .vcard-content a {font-size:12px; text-decoration:none; font-weight:700;}
.group-list .vcard .vcard-content span {display:block; float:right;}

#content {}
#m-sidebar {overflow:hidden; min-height:820px; height:auto}
#m-sidebar .lower {height:100%;}




/* main content of member homepage*/
#m-main.grid_13 {width:750px; margin:0;} /*Shared to all*/
.hpanel-search div.bg, .nav  {width:750px;}
.m-content {min-height:460px; _height:460px; }
#container {background:url(/common/v5/images/bg_contentbottom.gif) repeat-x bottom;padding-bottom: 20px;}
 /* search bar*/
#searchForm li.hasPhoto{ margin-right: 55px; margin-top: 5px !important; line-height: 14px !important}
#searchForm li.hasPhoto .po{margin-right: 50px}


.hpanel-search {margin-bottom:20px;}
.hpanel-search div.bg {width:750px; height:60px; background:url(/common/v5/images/bg_searchbar.png) no-repeat; }
.hpanel-search div.bg ul {padding:5px 2px;}
.hpanel-search ul li {float:left; margin-left:17px; margin-top:5px; height:36px; width:157px; border-right:1px #e5e5e5 solid; padding-bottom:8px;}
.hpanel-search ul li h3 {line-height:16px; font-size:18px; margin:-4px 15px 0 -8px;}
.hpanel-search ul li label {color:#888; font-size:10px; font-weight:700;  padding-right:10px; white-space: nowrap}
.hpanel-search ul li input, .hpanel-search ul li select {margin-top:3px; font-size:11px; height:20px;}
.hpanel-search ul li input {padding:0; height:18px;}
.hpanel-search ul li .w150px {width:138px;}
.hpanel-search ul li.age {width:55px; margin-left:15px; margin-right:-10px; border-right:0;}
.hpanel-search ul li:last-child {border-right:0;}
.hpanel-search .submit {padding-right:10px; float:right;}
.hpanel-search span.arrow {background:url(/common/v5/images/sprite_arrow.png) no-repeat -100px top; width:10px; height:7px; 
		display:block; margin:-1px auto;}

#newSearchForm .hpanel-search {margin-bottom:20px; position: relative;}
#newSearchForm .hpanel-search div.bg {width:750px; height:141px; background:url(/common/v5/images/bg_searchbar2.png) no-repeat; }
#newSearchForm .hpanel-search div.bg ul {padding:11px 2px;}
#newSearchForm .hpanel-search div.bg .ultop{border-bottom: 1px #e5e5e5 solid; }

#newSearchForm .hpanel-search ul li.ethencity{ border-right: none;}
#newSearchForm .hpanel-search ul li.age {width:48px; margin-left:45px; margin-right:-4px; border-right:0;}
#newSearchForm .hpanel-search ul li.li_language{ margin-left: 45px; padding-right: 25px;}
#newSearchForm .hpanel-search ul li.hasPhoto{ margin-top: 15px; height: auto;  border-right: none; line-height: 24px}
#newSearchForm .hpanel-search ul li.md{ width: 5px; margin:0 0 0 20px;}
#newSearchForm .hpanel-search ul li.rt{ border-right:1px #e5e5e5 solid; padding-right: 35px; margin-left: 30px}
#newSearchForm .hpanel-search .submit {padding-right:10px; position: absolute; right: 0px; top: 50px}

.search-form-bar3 {width:750px; background:url(/common/v5/images/bg_searchbar3.png) no-repeat left top; padding-top:8px; margin-bottom:20px;}
.search-form-bar3 .search-form-inner {background:url(/common/v5/images/bg_searchbar3.png) no-repeat left bottom; padding-bottom:8px; margin:0 !important;}
#newSearchForm .search-form-inner .bg {background:url(/common/v5/images/bg_searchbar3.png) no-repeat left center !important; height:auto !important;}
#newSearchForm .search-form-inner td {padding:0;}
#newSearchForm .search-form-inner .ul-cont {clear:both; border-bottom:1px solid #E5E5E5; margin-left:20px; width:625px;}
#newSearchForm .search-form-inner .last-ul-cont {border:0;}
#newSearchForm .search-form-inner ul {padding-right:0; padding-left:0; overflow:hidden; zoom:1; position:relative; width:648px;}
#newSearchForm .search-form-inner ul label {min-width:50px; _width:50px; display:inline-block;}
#newSearchForm .search-form-inner ul li {margin:0 20px 0 0; width:190px; *display:inline; padding-bottom:5px;}
#newSearchForm .search-form-inner ul li select.w150px, #newSearchForm .search-form-inner ul li select {width:170px;}
#newSearchForm .search-form-inner ul li.ethencity {border-right: none;}
#newSearchForm .search-form-inner ul li.age {width:65px; margin-left:0; margin-right:0; border-right:0;}
#newSearchForm .search-form-inner ul li.age select {width:45px;}
#newSearchForm .search-form-inner ul li.md{width:45px; margin:0 0 0 15px;}
#newSearchForm .search-form-inner ul li.rt{border-right:1px #e5e5e5 solid; margin-right:20px; padding-right:0;}
#newSearchForm .search-form-inner ul li.li_language{ margin-left:0; padding-right:0;}
#newSearchForm .search-form-inner ul li.hasPhoto{ margin-top:0 !important; height: auto;  border-right: none; line-height: 24px}
#newSearchForm .search-form-inner ul li.last-li {margin-right:0 !important; width:200px;}
#newSearchForm .search-form-inner .submit-cont span {display:inline-block;}
.advSearchKeyword .keywords {padding:4px; width: 300px; height: 20px; line-height: 20px; margin:0 0 20px 0;}


 /*Alert box*/
.alert {width:750px; padding:10px; margin-bottom:20px; padding-bottom:5px;
	border:1px silver solid; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.alert div {background:url(/common/v5/images/sprite_s.png) no-repeat 0 -110px; width:24px; height:24px; float:left;}
div.close {background:#fff url(/common/v5/images/facebox/closelabel.png) no-repeat; width:8px; height:8px; float:right;
	opacity:0.3;filter:alpha(opacity=30);  zoom:1;}
div.close:hover { opacity:1.0;  filter:alpha(opacity=100); cursor:pointer;}
.alert.notice div.icon {background-position: -30px -110px;}
.alert.error div.icon {background-position: -60px -110px;}
.alert.warning div.icon {background-position: -89px -110px;}
.alert p {line-height:22px; font-weight:700; padding-left:30px;}
#facebox .grid_13 {width:auto; margin-bottom:40px; }
#facebox .alert {border:none; width:auto;}
#facebox .alert .close {display:none;} 
#receivereq0denySent .alert p{text-align: left !important;}
/* member list - horizontal */

#today-matches {margin-top:30px; float:left; width:500px;}
.mod-common {margin-bottom:30px;clear:left;}
.mod-common-hd {}
.mod-common h1, .mod-common h2 { margin-bottom:20px; margin-top:-4px;}
.mod-common .nav {margin-bottom:40px; border-bottom:1px #ddd solid; height:15px !important; text-align:center;}
.mod-common .nav div.inner {display:inline-block; padding:0 20px; background:white;}
.mod-common .nav .inner span {font:bold 13px Arial; line-height:28px; padding-top:2px; 
    display:block; width:auto; background:#E5E5E5; margin:auto; float:none;
    border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.mod-common .nav .inner span .current,
.mod-common .nav .inner span a {text-decoration:none; padding:0 1px;  cursor: pointer;}
.mod-common .nav .inner span a:hover {text-decoration:underline;}
.mod-common .nav .inner span .previous, 
.mod-common .nav .inner span .next {display:block; height:24px; width:22px; margin:1px 5px; background:url(/common/v5/images/sprite_s.png) no-repeat 0 -150px;}
.mod-common .nav .inner span .previous {float:left;} 
.mod-common .nav .inner span .next {float:right;background-position:-30px -150px;}
.mod-common .nav .inner span .next.disabled {background-position:-91px -150px;}
.mod-common .nav .inner span .previous.disabled {background-position:-60px -150px;}
.member-list-h {padding:0px; margin:0; margin-right:-15px;}
.mod-common .inner-r a {font-weight:700;}
.member-list-h ul {background:#fff; padding:0; margin-left:-15px;}
.member-list-h ul li {display:inline-block; width:252px; padding-bottom:10px; vertical-align:top; }
.member-list-h ul li {*display:inline;}
.member-list-h ul li 
.vcard {clear:left; margin-left:15px; margin-bottom:10px;}
.vcard-pic {height:100px; overflow:hidden;}
.vcard-pic img {width:80px; height:auto;}
.vcard-pic {float:left;  width:80px;}
.vcard-content {margin-left:90px; font-size:12px;}
.vcard-content dt a {font-size:13px; text-decoration:none;}
.vcard-content dt a:hover {text-decoration:underline;}
.vcard-content dd {}
.vcard-content dd.age {color:#545454; font-weight:700; height:15px;}
.vcard-content dd.city {color:#999; font-weight:700; height:15px;}
.vcard-content dd.intro {color:#717171; xfont-weight:700; margin-top:16px; padding:7px; margin-right:0px; line-height:14px; font-size:11px; background-color:#fcfcfc; word-wrap:word-break;
	border:1px #b2b2b2 solid; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.vcard-content dd.intro span.arrow {background:#fcfcfc url(/common/v5/images/sprite_arrow.png) no-repeat; width:13px; height:10px; display:block; position:absolute; margin-top:-16px;}
.vcard.openclub.male dd.intro, 
.vcard.openclub.male span.arrow {color:#578794; background-color:#EBF7F9;}
.vcard.openclub.female dd.intro, 
.vcard.openclub.female span.arrow {color:#B27AAE; background-color:#FEE8F6;}
/*intro box  fixed size*/
.vcard-content dd.intro.fix {padding:0px;}
.vcard-content dd.intro.fix span.arrow {margin-top:-10px; margin-left:5px;}
.vcard-content dd.intro.fix span.text {margin:5px 7px; height:29px; overflow:hidden; display:block !important;}
/* align pic and username */
.vcard-pic {margin-top:2px;}
.vcard {margin-top:-2px;}
/* View more */
.nav_r .inner-r a {margin-right:10px;}


/* h2 underline */
#today-matches h2, 
#members-online-now h2,
#memberhome-travel h2, .trending h2 {background:#fff; display:inline; padding-right:15px; overflow:hidden;}
.mod-common.trending  .mod-common-hd h2{ white-space: nowrap; word-break:break-all; width: 210px; display: inline; display: inline-block\9; *display: inline-block; }
.toolbox-nav #leftmenu_hotlists a{  white-space: nowrap; overflow: visible; width: 132px\9; *width:132px;}

.trending {margin-top:30px; float:left; width:200px; margin-left:40px; clear:none; margin-bottom:30px;}
#members-online-now {margin-top:30px; margin-bottom:30px; float:left; width:500px;}
#userClouds {background:#fCfCfC; text-align:justify; font-size:10px; height:220px; overflow:hidden;}
#userClouds a {text-decoration:none; vertical-align:middle; line-height:120%;}
#userClouds a:hover {text-decoration:underline;}

#memberhome-travel {margin-top:30px; margin-bottom:0px; float:left; width:200px; margin-left:40px; clear:none;}
#memberhome-travel input, #memberhome-travel select {width:200px; margin-top:-2px; margin-bottom:10px;font-size:11px; height:20px;}
#memberhome-travel input {padding:0; height:18px;}
#memberhome-travel li {width:210px;}
#memberhome-travel .vcard-pic {margin:0; width:50px; height:50px;}
#memberhome-travel .vcard-pic img {width:50px;}
#memberhome-travel .vcard-content {margin-left:60px;}
#memberhome-travel .date {color: silver; width: 200px; font-style: italic; font-weight:300;}
#memberhome-travel .intro {margin-top:10px;}
.viewall a {text-decoration:none;}
.viewall a:hover {text-decoration:underline;}
#memberhome-travel .viewall {margin-left:0px; padding-top:2px; font-size:11px;}
#memberhome-travel .inner-r {font-size:12px; white-space:nowrap;}

/* General List - e.g.Visits */
.mod-common-hd ul {}
.mod-common-hd li {font-size:116%; font-weight:700; padding:1px 10px; margin-top:10px;margin-bottom:15px;display:block; float:left}
.mod-common-hd li:first-child {padding-left:0;}
.mod-common-hd li a {text-decoration:none;}
.mod-common-hd li a:hover {text-decoration:underline;}
.mod-common-hd li.current {background:#ddd; color:#000; padding-left:10px; margin-bottom:20px;
			border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.mod-common-hd li.current a, .mod-common-hd ul li.current a:hover {color:#000;}


/* MyProfile */
#css_profile {margin-top:0px;}
#css_profile td {vertical-align:top; padding-top:0;}
#css_profile .photo {padding:0; padding-right:25px;}
#css_profile .main-photo {xheight:293px; overflow:hidden; margin-bottom:18px;}
#css_profile .main-photo img {width:200px; height:auto;}
#css_profile .thumb-photo li {xheight:90px; overflow:hidden; margin-bottom:8px; float:left; margin-left:7px;}
#css_profile .thumb-photo li a {display:inline-block;}
#css_profile .thumb-photo img {width:62px; height:auto;}
#css_profile .thumb-photo li:nth-child(1),
#css_profile .thumb-photo li:nth-child(4),
#css_profile .thumb-photo li:nth-child(7) {clear:both;}
#css_profile .thumb-photo {margin-left:-7px;}
#css_profile .basic {width:530px;}
#css_profile .basic td {padding:2px; font-weight:700;}
#css_profile .basic col.label {width:90px; color:#999;}
#css_profile .basic col.property {width:160px;}
#css_profile .basic col.spacer {width:auto;}
#css_profile .basic th.myprofile,
#css_profile .basic th.mymatch {height:76px; text-align:center; vertical-align:middle; border:1px #ddd solid; background:#FEE8F6; color:#B27AAE;}
#css_profile .basic th h2 {margin:0; font-size:18px; color:#B27AAE;}
#css_profile .basic th p {font:normal 11px Arial; color:#D0A7CB;}
#css_profile .basic th.male {background:#EBF7F9; color:#578794;}
#css_profile .basic th.male h2 {color:#578794;}
#css_profile .basic th.male p {color:#92B4BC;}
#css_profile .basic tr.arrow td {line-height:12px; text-align:center;}
#css_profile .basic tr.arrow td span {background:#fff url(/common/v5/images/sprite_arrow.png) no-repeat -20px top; width:28px; height:16px; margin-top:-4px; display:inline-block; position:relative;}
#css_profile .basic tr.arrow td.male span {background-position:-60px top;}
#css_profile .basic tr td:first-child,
#css_profile .basic tr td:nth-child(4) {color:#999 !important;}
#css_profile .basic tr td:first-child{color:#999 !important;}
#css_profile .basic tr td+td{ color:#000 !important;}
#css_profile .basic tr td+td+td+td{color:#999 !important}
#css_profile .basic tr td+td+td+td+td{ color:#000 !important;}
/* My Recent Activities */
#css_profile .moreaboutme .vcard-content {margin-left:0; width:98%;}
/*********/
#css_profile .moreaboutme {margin-top:22px; width:530px;}
#css_profile .moreaboutme h3 {background:white; display:inline; padding-right:15px; padding-left;10px; overflow:hidden;}
span.hr {border-top:1px #ccc solid; display:block; width:98%; margin-right:2%; margin-top:-10px; float:left;  margin-bottom:25px;}
#css_profile .moreaboutme p {margin-bottom:30px;}
#css_profile .moreaboutme dl {clear:both;}
#css_profile .moreaboutme dd {margin-top:7px; margin-bottom:20px; width:96%; word-wrap:word-break; overflow:hidden;}
/* BrowseProfile */
#lp_container {margin-bottom:30px;}
#lp_container {background:#FBFBFB; url(/common/v5/images/bg_profilebar.png) no-repeat; width:740px; height:40px;padding:10px 0px 10px 10px; 
	border:1px #ccc solid; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}

#lp_container li, 
#lp_container li span {display:block; float:left;}
#lp_container li {margin-left:10px;}
#lp_container li.list a, #lp_container li.previous a, #lp_container li.next a {display:block; background:url(/common/v5/images/bg_profilebar.png) no-repeat; height:32px; width:37px; margin-top:6px; }
#lp_container li.list {margin-left:4px;}
#lp_container li.list a {background-position:-14px -10px; margin-top:0; height:40px; width:46px;}
#lp_container li.list ax {background-position:-14px -16px;}
#lp_container li.first a {background-position:-69px -16px; display:none;}
#lp_container li.previous a {background-position:-106px -16px;}
#lp_container li.previous.disabled a {background-position:-106px -116px;}
#lp_container li.next  a {background-position:-663px -16px; }
#lp_container li.next.disabled a {background-position:-663px -116px; }
#lp_container li.photo {width:580px ; height:40px; margin-left:2px; }
#lp_container .photo .listPager {margin-left:8px;}
#lp_container .photo img {opacity:.3; filter:alpha(opacity=30); zoom:1; width:40px; height:40px; display:block;}
#lp_container .photo .current img {opacity:1; filter:alpha(opacity=100); }
#lp_container .photo .current span.arrow {display:block; background:#fff url(/common/v5/images/sprite_arrow.png) no-repeat -99px top; width:11px; height:7px;  margin-top:9px; margin-left:13px;}
#lp_container .photo .listPagerClone {background:url(/common/v5/images/sprite_s.png) no-repeat -120px -60px;
				width:80px; height:113px; padding:13px; text-align:left; margin-top:-29px; margin-left:-30px; z-index:10;}
#lp_container .photo .listPagerClone a img {opacity:1; filter:alpha(opacity=100); width:80px; height:auto; margin-bottom:5px;}
#lp_container .photo .listPagerClone a {height:80px; display:block; overflow:hidden;}
#lp_container .photo .listPagerClone div {color:#666; font-size:12px; font-weight:700; line-height:1.3em;}
#lp_container .photo .listPagerClone div a {text-decoration:none; white-space:nowrap; display:inline;}
/* BrowseProfile Photo (popup) */
#css_browsephoto {min-width:430px; height:350px; background:#e5e5e5;overflow:visible; border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#css_browsephoto .prev {text-align:left; padding:5px 0 5px 5px;}
#css_browsephoto .next {text-align:right; padding:5px 5px 5px 0;}
#css_browsephoto .prev a {padding:150px 0; display:block;} 
#css_browsephoto .next a {padding:150px 0; display:block;}
#css_browsephoto {position:relative;} 
#css_browsephoto .browsephoto p {position:absolute; width:100%; top:350px; left:0;}


/* Advance search*/
#advSearch .hpanel-search ul{ margin-bottom: 15px; border-bottom: 1px solid #c7c7c7}
#advSearch .hpanel-search {padding:5px 0; border-top:1px #ccc solid; clear:both; margin:10px 0; width: 600px;}
#advSearch .hpanel-search li {border:none; margin-right: 30px;}
#advSearch .hpanel-search li select{ width: 174px; font-size: 11px;}
#withAdvSearch a {color: black; font-size: 14px; font-weight: 700; text-decoration: none;}
#withAdvSearch .keywords{ padding: 4px; width: 300px; height: 20px; line-height: 20px; margin-left: 12px; margin-top: 10px;}
#advSearch .hpanel-search ul li label{ width: 150px; display: inline-block;}
#advSearch .hpanel-search ul li {margin-left:13px; height: 50px;}
#advSearch .hpanel-search ul li.photo {width:100px}
#advSearch .hpanel-search ul li.online {width:100px}

/* All Trips */
#trips .hpanel-search {margin:20px 0;}
#trips .hpanel-search ul li:first-child {width:auto; line-height:20px;}
#trips .hpanel-search ul li label {padding-right:50px; top:-4px; position:relative;}
#trips .hpanel-search ul li {margin-top:2px;}
#trips .hpanel-search ul li input {width:135px;margin-top:0;}
#trips .hpanel-search ul li.city input {width:140px;}
#trips .hpanel-search ul li.city {width:160px;}
.vcard-content dt .trip {font-weight:normal;}
.vcard-content dd.trip {color:#666; font-weight:700; height:15px;}
.vcard-content dd.date {color:#BBB; font-weight:700; height:15px;}
table.alltrips {width:100%;margin-bottom:20px;}
table.alltrips td {width:50%; vertical-align:top; border-bottom:1px silver dotted; padding:10px 0; padding-left:15px;}
table.alltrips tr:first-child td {padding-top:0;}
table.alltrips td:first-child {border-right:1px silver dotted; padding-left:0; padding-right:15px;}
table.alltrips td:last-child {}
table.alltrips tr:last-child td {border-bottom:none;}
table.alltrips .vcard {border-bottom:none !important; padding:0 !important; margin-bottom:0px;}
table.alltrips .vcard .vcard-pic {height:auto !important; max-height:80px;}
table.alltrips dd.intro {width:250px; word-wrap:word-break; overflow:hidden;}
table.alltrips .vcard .cb {display:none;}
table.alltrips .viewall {padding-top:2px;}
table.alltrips .replycomment .vcard {margin-top:10px;}
table.alltrips .replycomment .vcard-pic {text-align:right;}
table.alltrips .replycomment .vcard-pic img {width:40px;}
.interestList{ float:left; width:auto; font-size:12px; display:inline-block !important; word-wrap:normal !important;}
.interestList input{  width:auto; height:20px; margin-right:2px; padding:0; float:left; display:inline-block;}
.interestList span{  white-space:nowrap; float:left; line-height:20px; width:109px; margin:0 5px 0 0; padding:0; height:20px; word-wrap:normal;}


/*My Trips
table.mytrips {width:750px;}
table.mytrips td {vertical-align:top; padding:10px 0; border-bottom:1px silver dotted;}
table.mytrips td:first-child {width:180px;}
table.mytrips .details {float:right;}
table.mytrips .vcard-content {margin-left:0;}
table.mytrips .member-list-v {margin-top:10px;}
table.mytrips .member-list-v .vcard-pic {height:auto;}
table.mytrips .member-list-v .vcard-content {margin-left:100px;}
*/
.member-list-v .vcard {position:relative;}
.member-list-v .details {position:absolute; top:10px; right:0;}
table.alltrips .member-list-v  .details {top:0;}
#trips .member-list-v .vcard { width:100%; padding:10px 0; border-bottom:1px silver dotted;}  
#trips .member-list-v .vcard div.details {width:100px; text-align:right; float:right;}
#trips .member-list-v .vcard .details a {padding-left:10px;}
#trips .viewall,
#trips_details .viewall {margin-left:90px; padding-top:10px; font-size:11px;}
.trip_safity{ float:left; margin-top:5px; margin-left:5px;}


/* Trip Details */
#trips_details .mod-common-hd {float:left; width:240px;}
#trips_details .mod-common-bd {width:100%; float:left; margin:-10px 0 20px 15px; clear:none; overflow:visible;}
#trips_details .member-list-v .vcard {width:auto; padding:10px 0; border-bottom:1px silver dotted;}
#trips_details .member-list-v .vcard .vcard-pic {height:auto;}
#trips_details .member-list-v dd.intro {width:97%; background:none; border:none; padding:0;}
#trips_details .member-list-v dd.intro .arrow {display:none;}
#trips_details .replycomment .vcard {margin-left:90px;}
#trips_details .replycomment dd.date {text-align:right; padding-top:10px;}

.replycomment li:last-child .vcard {border-bottom:none !important;}
.vcard-content dd textarea {width:98%; /*margin-top:10px;*/}
.addcomment {text-align:right; padding-top:10px;}

/* Add trip popup */
#tripForm {width:402px;}
#tripForm .form-2-ml {padding-right:5px;}
.safety {float:right; clear:both; margin-right:15px}



/* Groups */
#groupSearchForm {}
#groupSearchForm input[type=text] {width:440px;}
#groupSearchForm li:first-child {line-height:20px;}

/* Profile-edit */
#profile-editphoto .panel-search {margin-bottom:20px;}

/* Hotlist */
#hotlist li {border-top:1px #d7d7d7 dotted;}
#css_profile .basic th a {xcolor:#B27AAE; text-decoration:none;}
#css_profile .basic th a:hover {text-decoration:underline;}
#css_profile .basic th.male h2 a {xcolor:#578794;}
#hotlist li a img.remove {float:right; margin-top:10px;}
#hotlist #css_profile {margin-top:45px;}


.form-2{text-align:left;}
.form-2 li {padding:3px 0; margin-bottom:2px; margin-right:0px; width:100%; clear:left;}
.form-2 li label {float:left; width:100px; padding-right:2%; text-align:left; font-weight:700;}
.form-2 li input[type=text] ,.form-2 li textarea, .form-2 li input[type=password]  {width:250px; }
.form-2 li.submit {text-align:right; }
.form-2-ml { float:right;}
.form-2-ml .agreement { display:inline-block; width:180px}
.form-2 .sub-item{padding:5px; }
.form-2 .mult-items{*float:left; display:inline-block; position:relative;}
.form-2 li li label,.form-1 li div label, .form-1 label.labelfor{float:none; width:auto; text-align:left; margin-right:auto; font-weight:400;}

/*====Public page =============*/
#css_login {text-align:center; margin-top:40px; font-size:16px;}
#css_login h1 {font-size:28px;}
#css_login .mod-rc1 {margin:20px auto 40px auto; width:570px; clear:both; }
#css_login .mod-rc1-content {padding:20px 80px 20px 40px;}
#css_login .form-2 ul label {width:110px; text-align:right; line-height:30px; margin-bottom:14px;}
#css_login .form-2 ul input[type=text],
#css_login .form-2 ul input[type=password] {width:320px; height:24px; margin-bottom:8px;}
#css_login .form-2 ul li iframe {float:right;}
#css_login .form-2 ul .btn-common { float:right; margin-right:3px; margin-top:-24px;}
#css_login .form-2 ul li span.remember, #css_login .form-2 ul li a {font-size:14px;}

/*====Registration=============*/
#css_registration {}
#css_registration h1, #css_registration0 h1,  #css_registration1 h1, 
#css_registration2 h1,  #css_registration3 h1,  #css_registration4 h1 {margin-top:30px; margin-left:0; margin-bottom:30px;}
#css_registration3 textarea{ width:400px;}
#css_registration .mod-common-bd h2 {margin:0px 0 25px 0; border-bottom:1px silver solid;}
#css_registration0 .mod-common-bd h2 {margin:0px 0 25px 0; border-bottom:1px silver solid;}
#css_registration1 .mod-common-bd h2 {margin:0px 0 25px 0px; border-bottom:1px silver solid;}
#css_registration2 .mod-common-bd h2 {margin:0px 0 25px 0px; border-bottom:0px silver solid;}
#css_registration3 .mod-common-bd h2 {margin:0px 0 25px 0px; border-bottom:1px silver solid;}
#css_registration4 .mod-common-bd h2 {margin:0px 0 25px 0px; border-bottom:1px silver solid;}
#css_registration .form-2 li span, #css_registration0 .form-2 li span, #css_registration1 .form-2 li span,
.form-2 li span {display:inline-block;}
.form-2 li span.btn-common{ display:inline-block !important}
.form-2 li.gender span {line-height:22px;}
#css_registration input[type=text], #css_registration select, #css_registration input[type=password],
#css_registration0 input[type=text], #css_registration0 select, #css_registration0 input[type=password], #css_registration0 span {width: 220px;}
#css_registration0 input[type=text], #css_registration input[type=text] {width:210px;}
#css_registration .form-2  label, #css_registration0 .form-2 label {width:140px; height:40px;}
#css_registration .form-2, #css_registration0 .form-2 {width:380px;}
#css_registration  .form-2 li big {display:block;float:right; margin-right:14px;}
#css_registration0 #reg_password {width:212px;}
#css_registration0 .bday label {height:60px}
#css_registration0 .bday select {margin-bottom:5px;}
#css_registration0 .gender span {width:80px;}
#css_registration0 .submit_note {width:220px;}
#css_registration0 .submit span {width:auto; margin-right:12px;}
#css_registration1 {width:50%;}
#css_registration1 ul {width:442px;}
#css_registration1 .form-2  label {width:150px; height:30px;}
#css_registration1 input[type=text] {width:265px;}
#css_registration1 select  {width:273px;}
#css_registration1 .form-2 li big {display:block; float:right; margin-right:10px;}
#css_registration2 {}
#css_registration2 ul {width:420px;}
#css_registration2 .form-2  label {width:140px; height:30px;}
#css_registration2 .form-2  select {width:265px;}
#css_registration2 .form-2 li big {display:block; float:right; margin-right:7px;}
#css_registration3 {}
#css_registration3 .form-2 li {margin-top:15px;}
x#css_registration3 .form-2  label {width:100%; margin-top:10px; }
#css_registration3 .form-2  label {width:150px; height:30px;}
#css_registration3 .form-2 li big {display:block;margin-top:20px; margin-left:501px;}


/*====Popup====*/
#css_registrationpopup {width:409px; margin:0 30px 0 20px;}
#css_registrationpopup .mod-common-hd {text-align:center;}
#css_registrationpopup h1 {margin-bottom:20px; margin-left:20px;}
#css_registrationpopup label {width:108px; height:30px; text-align:left; line-height:25px;}
.ja_JP #css_registrationpopup {width:419px; margin:0 20px 0 10px;}
.ja_JP #css_registrationpopup label {width:122px; *width:126px; width:126px\9; white-space:nowrap;}
#css_registrationpopup input[type=password] {width:280px !important;}
#css_registrationpopup li.bday select {width:93px;}
#css_registrationpopup li.gender span {display:inline-block;width:94px; line-height:24px;}
p.submit_note {display:inline-block; font-size:smaller; width:286px; margin-top:24px;}
#css_registrationpopup li.submit big {float:right; margin-right:7px;}
#css_registrationpopup .mod-common-hd h1 {color:#1A79AE;}
#css_registrationpopup .mod-common-hd h1 .reg_red{color:#ff7f27 !important;}

#guestSignupForm_1 h1, #guestSignupForm_1 h2, 
#guestSignupForm_2 h2 {font-size:19px;}
#guestSignupForm_1 label {white-space:nowrap;}
#guestSignupForm_1 li.bday select {width:100px;}
#guestSignupForm_1 #reg_emailAddress {width:230px; float:right; margin-right:8px;}
#guestSignupForm_2 label {width:130px;}
.content
#guestSignupForm_2 ul {width:450px;}
#guestSignupForm_2 li span {line-height:25px;}
#guestSignupForm_2 #gender_RO {width:auto;}
#guestSignupForm_2 li.bday select,
#guestSignupForm_2 li.gender select {width:100px;}
#guestSignupForm_2 li.city select {width:285px !important;}
#guestSignupForm_2 big.highlight {}
a.guestSignupRevise {display:inline-block; width:22px; height:20px; vertical-align:top; margin-left:10px; overflow:hidden; background:url(/common/v5/images/sprite_s.png) no-repeat -60px -78px; }
/*====Step0====*/
#css_registration0 .form-2 li span.bday {width:230px;}
#css_registration1 .form-2 li.spokenLanguages span select {margin-bottom:8px;}
#css_registration0 {}
#css_registration span.age select {width:101.5px;}
#css_registration span.w100px {}
#css_registration1 {}
#css_registration1 .form-2 li {margin-bottom:.8em;}
#css_registration1 .form-2 li span.w100px {display:inline-block}
#css_registration1 .form-2 li.age select {width:60px; margin-right:6px}
#css_registration1 .form-2 {float:left;}
#css_registration1 .profile {margin-top:200px; float:left; width:200px;}
#css_registration1 .profile img {margin-right:4px; float:left; }

#css_registrationphoto {}
#css_registrationphoto .form-2 {width:520px;}
#css_registrationphoto .form-2 ul li {padding: 5px 0;}
#css_registrationphoto .form-2 ul li label {width:120px;}
#css_registrationphoto .form-2 ul li {line-height:24px;}
#css_registrationphoto .form-2 span.highlight {line-height:1.2em;}
#css_registrationphoto .form-2 ul input[type=text] {width:370px;}
#css_registrationphoto .form-2 big {margin-top:5px; margin-right:10px;}
#css_registrationphoto .form-2 ul {margin-bottom:20px;}

/* Groups */
#groupSearchForm ul li:first-child {width:auto;}
#groupSearchForm li label {top:-4px; position:relative;}
#groupSearchForm input[type=text] {width:450px; margin-top:0px; }
#mygroups .nav {clear:both; margin-bottom:20px;}
#mygroups table {width:100%;margin-bottom:20px;}
#mygroups table td {vertical-align:top; border-bottom:1px silver dotted; padding:10px 0; padding-left:15px;}
#mygroups table tr:first-child td {padding-top:0; margin-top:0;}
#mygroups table td:first-child {border-right:1px silver dotted; padding-left:0; padding-right:15px;}
#mygroups table td:last-child {width:230px;}
#mygroups table tr:last-child td {border-bottom:none;}
#mygroups table .vcard {clear:both; border-bottom:1px #ccc dotted; padding-bottom:20px; margin-bottom:20px; position:relative;}
#mygroups table .vcard-pic {height:auto !important; max-height:80px;}
#mygroups table h2 {margin-top:0px; line-height:1.25em;}
#mygroups table .intro {width:350px; word-wrap:word-break; overflow:hidden;}
#mygroups table div.close {position:absolute; right:0; top:0;}
#mygroups table .details {position:relative;}
#mygroups table .details dd {float:left;}
#mygroups table .details dd:last-child {float:right;}
/*trending*/
#mygroups .grouptrending h2 {display:inline; padding-right:10px;}
#mygroups .grouptrending span {}
#mygroups ol {paddding-left:auto;}
#mygroups ol li {font-size:12px; line-height:1.2em; margin:15px 0 5px 20px; list-style-position:outside; list-style-type:decimal;}
#mygroups ol li a {font:700 13px Times;}
/*two column*/
#groups .nav {clear:both; margin-bottom:30px;}
#groups table {width:100%;margin-bottom:20px;}
#groups table td {width:50%; vertical-align:top; border-bottom:1px silver dotted; padding:10px 0; padding-left:15px;}
#groups table tr:first-child td {padding-top:0;}
#groups table td:first-child {border-right:1px silver dotted; padding-left:0; padding-right:15px;}
#groups table td:last-child {}
#groups table tr:last-child td {border-bottom:none;}
#groups table .vcard {border-bottom:none !important; padding:0 !important;  margin-top:10px; margin-bottom:20px;}
#groups table .vcard-pic {height:auto !important; max-height:80px;}
#groups table .vcard-pic-wrapper {width:80px; text-align:center; float:left;}
#groups table .vcard-pic-wrapper .btn-plus {margin-top:15px;}
#groups table h2 {width:250px; word-wrap:word-break; overflow:hidden; margin:0;}
#groups table .details {position:relative;}
/*Discussion*/
#groups .member-list-v {background:#fff; padding:10px ; border:0px silver solid; clear:both;}
#groups .member-list-v ul {background:#fff; padding:0px 10px}
#groups .member-list-v ul li{display:inline-block; width:100%; padding-top:15px; padding-bottom:20px;vertical-align:top; border-bottom:1px dotted #ccc;}
#groups .member-list-v ul li:last-child, 
#groups .member-list-v .last {border-bottom:none;}
#groups .member-list-v ul li{*display:inline;}
#groups .member-list-v .nav-range {position:absolute; margin-top:-3px;}
#groups .vcard-content div.details {float:right;width:160px;}
#groups .vcard-content div.details dd .btn-plus {margin-top:5px;}
#WFN_group #m-main.grid_13 {width:760px; margin-right:-10px;} 
#groups .member-list-v.thumbnail ul {padding-bottom:15px}
#groups .member-list-v.thumbnail ul li {width:116px; text-align:center; border:none; }
#groups .member-list-v.thumbnail ul li .photo {height:100px; display:block; overflow:hidden;}
#groups .member-list-v.thumbnail ul li .photo img {width:80px;}
#groups .member-list-v.thumbnail ul li .username {font-size:12px;}
#groups .vcard-pic {height:100px;}
#groups .mod-info {padding:20px 0; clear :both;}
#groups .mod-info h2.inner-l,#groups .cb h2.inner-l  {font-weight:700; font-size:100%;width:70%; display:inline; width:auto !important; margin-right:10px; padding:2px 10px !important }
#groups .cb h2.inner-l a{ text-decoration:none}
#groups .mod-info .inner-r {width:28%;}
#groups .cb .inner-l.current{    background: none repeat scroll 0 0 #DDDDDD;border-radius: 10px 10px 10px 10px; color: #000000; margin-bottom: 20px; padding-left: 10px;}
#groups .mod-info .vcard {clear:both; text-align:justify;}
#groups .vcard h3 {line-height:1.2em; margin-bottom:5px;}




#groups.create .mod-common-bd {width:480px;font-size:110%;}  /*enlargement*/
#groups.create .form-2 {width:480px;}
#groups.create .form-2 ul li {margin:8px 0;}
#groups.create .form-2 ul li input[type=text] ,
#groups.create .form-2 ul li textarea {width:350px; }
#groups.create .form-2 ul li label {width:100px; line-height:22px;}
#groups.create .mod-common-bd h2 { margin: 20px 0;}
#groups.create .mod-common-bd h2 .step {color:#F35000;}
#groupCreate_agree {display:block; float:left; margin:1px 5px 30px 0;}
#groups.create .form-2 .note{font-size: 12px; color: #ccc}
#groups.create .form-2 input{ margin-right: 5px; margin-bottom: 3px; vertical-align: middle;}
#groups.create .form-2 input#err_groupCreate_agree{ margin: 0; padding:0 40px 0 10px}
#groups.create .form-2 input#createGroupSaveBtn {margin:0;}
#groups.create .form-2-ml .agreement {width:350px;}
#groups.create .form-2-ml .agreement span {display:block; width:320px; font-size:12px; }
#groups.create .form-2 ul li.form-2-file {width:550px;}
#groups.create .form-2-file p {float:left; margin:10px 0px; display:block; width:auto; text-align:Justify;}
#groups.create .form-2-ml .btn-common,
#groups.create .form-2-ml .btn-arrow {margin-right:12px; float:right; }
#quitGroups .form-2-ml {margin-left:150px;}

#mygroups{ height:600px;}
#group-items div {position:relative;}
#group-items li {width:235px; height:125px; display:inline-block; border:1px white solid; margin-bottom:10px; margin-right:6px; float:left}
#group-items .cb {height:22px; top:-13px; background:black; opacity:0.6; filter:alpha(opacity=60); z-index:1; }
#group-items .cb2 {height:22px; top:-22px; background:black; opacity:0.6; filter:alpha(opacity=60); z-index:1; }
#group-items .cs .cb {height:22px; top:-13px; background:orange; opacity:0.6; filter:alpha(opacity=60); z-index:1; }
#group-items .cs .cb2 {height:22px; top:-22px; background:orange; opacity:0.6; filter:alpha(opacity=60); z-index:1; }
#group-items .name {position:absolute; padding:3px 0; bottom:0; width:235px; z-index:2; height:22px !important; }
#group-items .name span {color:#fff; position:relative; font-weight:700; width:auto; float:left; z-index:9999999; top:5px; left:5px;}
#group-items li:hover {border-color:silver;}
#group-items li:hover .cb {opacity:0.9; filter:alpha(opacity=90);}
#group-items li:hover .name.cs span {color:fff;}
#group-items li:hover .name.cs span {color:fff;}
.joined {background:url(/common/v5/images/icon_tick_green.png) no-repeat; width:20px; height:16px; z-index:3;}
#group-items .joined,
#group-items .quit {float:right; background:url(/common/v5/images/icon_tick_green.png) no-repeat; width:20px; height:16px; z-index:9999999; top:5px;}#group-items .quit {background:url(/common/v5/images/icon_cross_red.png) no-repeat;}*/
#group-items .quit:hover {cursor:pointer;}

/* Profile Edit*/
.profile-edit-menu {width:25%; float:left; position:relative; margin-top:1em; margin-right:-3px;}
.profile-edit-main {width:75%; float:left; background:#247AAD;}
.profile-edit-main .edit-content {min-height:360px;_height:360px; margin:3px; padding:1em; background:#fff;}
.profile-edit-menu li {margin-bottom:.3em;}
.profile-edit-menu li a {display:block; background-color:#DFEFFC;color:#1A79AE;border:solid 1px #247AAD; border-right-width:3px; padding:10px 15px; text-decoration:none; zoom:1; }
.profile-edit-menu li a:hover {background-color:#fff;color:#1A79AE;}
.profile-edit-menu li.current a,.profile-edit-menu li.current a:hover {border-width:3px;border-right:none; background-color:#fff;color:#1A79AE; font-weight:700;cursor:default;}
.profile-edit-menu li .saved {font-style: italic ; font-size: 10px; font-weight: 700; color: #66AF41;}
.profile-edit-main .edit-content form ul {position:relative; }
.profile-edit-main .edit-content .form-2-ml,
.profile-edit-main .edit-content .form-1-ml {float:none;}
#formTab1 ul li label,
#formTab2 ul li label,
#formTab3 ul li label,
#formTab5 ul li label {width:120px}
#formTab5 ul li span input.all {margin:2px 4px;}
.profile-edit-main select {width:370px;}
.profile-edit-main input[type=text] {width:360px !important;}
.profile-edit-main li span {display:inline-block;}
.profile-edit-main li.bday select {width:118px; margin-right:4px;}
.profile-edit-main li.spokenLanguages select {margin:2px 0;}
#formTab1 input[type=password] {width:250px;}
#formTab5 #matchLanguages div.checklist,
#formTab5 #matchEthnicities div.checklist {border:1px #ccc solid;}
#formTab4 ul li textarea, #formTab6 ul li textarea {width:480px;}
#formTab4 input[type=text], #formTab6 input[type=text] {width:490px; !important;}
#formTab4 ul li label, #formTab6 ul li label, #formTab6 .w60per {width:490px;}

#formTab5 select {width:370px;}
#formTab5 li.age select {width:177px;}
div.checklist {width:368px !important;}
#formTab5 textarea  {width:367px;}
.profile-edit-main .btn-common {float:right;margin-right:40px;}
.profile-edit-main li.f {height:30px;}
/*
.profile-edit-main .edit-content li.matchmail {margin-top:6px; }
.profile-edit-main .edit-content li.matchmail label {padding-top:4px;}
.profile-edit-main .edit-content li.matchmail span {width:330px; line-height:1.8em; }
*/
#profile-editphoto .mod-rc1 form label {width:120px;}
#profile-editphoto .profile-photo-show {width:320px; height:auto; margin-bottom:10px; text-align:center; padding:2px; border:1px #e5e5e5 solid; border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#profile-editphoto div.w400px {width:424px; float:left;}
#profile-editphoto .profile-photo-show {position:relative; overflow:visible;}
#profile-editphoto .profile-photo-show a.remove {position:absolute; top:-8px; right:-9px;}
#profile-editphoto .profile-photo-show a.remove img {xvisibility:hidden;}
#profile-editphoto .profile-photo-more ul {padding-left:15px;}
#profile-editphoto .profile-photo-more ul li {width:125px; height:125px; display:inline-block; text-align:right;}
#profile-editphoto .profile-photo-more ul li a {display:block;}
#profile-editphoto .profile-photo-more ul li {position:relative; margin-right:8px;}
#profile-editphoto .profile-photo-more ul li a.remove {position:absolute; top:-8px; left:117px; z-index:10; display:block; line-height:16px; width:16px; height:16px; }
#profile-editphoto Form ul label {width:120px;}
#profile-editphoto Form ul input[type=text] {width:400px;}
/*Manage photo*/
.orgPhoto-wrapper {width:360px; padding:20px 0; background:#fafafa; text-align:center; float:left;}
.preview-wrapper {float:left; margin-left:30px; text-align:right;}
#preview {margin-bottom:20px; overflow:hidden;}


/* BlockList*/
#css_blocklist table.list {}
#css_blocklist table.list .sender {width:auto;}
#css_blocklist table.list .date {width:250px; text-align:right;}



/* Message */
table.list {padding:0px; background:#fff; width:100%;}
table.list tr {background:#f9f9f9;}
table.list tr.unread {font-weight:700;background:#fff;}
table.list tr.current {background:#eef9ff;}
table.list tr:last-child {background:none;}
table.list tr td, table.list tr th {width:5px; border-bottom:1px dotted #ccc;}
table.list tr td.first, table.list tr td.last, table.list tr:last-child {border-bottom:none;}
table.list tr:first-child th {background:#e5e5e5; border-bottom:1px solid #ccc; }
table.list tr:first-child th:first-child {border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-radius-topleft:5px;}
table.list tr:first-child th:last-child {border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-radius-topright:5px;}
table.list .nav_r th {font-weight:700;}
table.list .nav_r th.delete {border-bottom:none; text-align:left; padding:0;}
table.list .nav_r th.delete .btn-common {font-size:10px; padding-left:2px;}
table.list .nav_r th.delete .btn-common input {padding-right:2px;}
table.list .nav_r th.sender, 
table.list .nav_r th.subject {text-align:left;}
table.list .select {}
table.list .nav_r .select {text-align:left;}
table.list .nav_r .select .btn-common {margin-top:8px;}
table.list .online {width:20px;}
table.list .sender {width:130px; white-space:nowrap;}
table.list .subject {width:auto;}
table.list .date {width:170px; text-align:right;}
table.list tr:last-child th {border-bottom:0px; border-top:1px solid #ccc;}
table.list tr:last-child td x {border-bottom:none; padding-bottom:10px;}
table.list tr td.emptylist {text-align:center; background:#f9f9f9; width:100%;}
.icon-smiley, .icon-online, .icon-offline, .icon-lock, .icon-print {background:url(/common/v5/images/sprite_s.png) no-repeat; padding-right:16px; height:14px; display:inline-block; vertical-align:text-top;}
.icon-smiley {background-position:-30px -60px;}
.icon-online {background-position:-90px -60px;}
.icon-offline {background-position:-60px -60px;}
.icon-lock {background-position:0 -80px;}
.icon-print {background-position:-30px -80px; padding-right:24px;height:18px;}
/* Message - Read*/
#msg_read  {margin:30px 0;}
#css_message .vcard {width:400px;}
#msg_read .mod-common-bd {background:#eee; padding:10px ; border:1px silver solid; clear:both;}
#msg_read .mod-common-bd .nav_r ul li {font-weight:700; padding:0 10px 5px 10px; display:block; float:left}
#msg_read .mod-common-bd .content {background:#fff; padding:10px; clear:both}

/* Message - Chat*/
#css_message .online {width:50px; text-align:center;}


/* Subscribe */
#css_subscribe {}
/*subscribe Login*/
#css_subscribe_login {text-align:center; margin-top:40px; font-size:16px; }
#css_subscribe_login h1 {font-size:28px;}
#css_subscribe_login .mod-rc1 {margin:20px auto 40px auto; width:570px; clear:both; }
#css_subscribe_login .mod-rc1-content {padding:20px 80px 20px 40px;}
#css_subscribe_login .form-2 ul label {width:110px; text-align:right; line-height:30px; margin-bottom:14px;}
#css_subscribe_login .form-2 ul input[type=text],
#css_subscribe_login .form-2 ul input[type=password] {width:320px; height:24px; margin-bottom:8px;}
#css_subscribe_login .form-2 ul .btn-common {vertical-align:text-top; float:right; margin-right:3px;}
#css_subscribe_box {}
#css_subscribe_box .mod-common {background:#eee; padding:10px; margin-bottom:30px;}
#css_subscribe_box .mod-common-bd {background-color:#fff; padding:10px ; min-height:300px; _height:300px; }
#css_subscribe_box .mod-common-bd h3, 
#css_subscribe_box .mod-common-bd ul,
#css_subscribe_box .mod-common-bd p {margin-bottom:1em;}
#css_subscribe_box .mod-common-bd li {padding-left:8px; text-indent:-8px; margin-bottom:.5em}  
#css_subscribe_cc {}
#css_subscribe_box .creditcard {text-align:left;}
#css_subscribe_box .creditcard img {margin:2px;}
#css_subscribe_cc .form-2 label {width:120px}
#css_subscribe_cc .form-2 span {max-width:430px;}
#css_subscribe_cc .form-2 span.btn-common {margin-left:130px;}
#css_subscribe_cc .form-2 select {width:258px}
#css_subscribe_cc .form-2 span.icon-lock {width:auto;margin-left:40px;}
#css_subscribe_cc iframe {width:100%; border:0; height:220px}
/*====SUBSCRIBE adjust =============*/
#subscribe_leftside, #subscribe_main, #subscribe_rightside{ float:left; display:inline;}
#subscribe_leftside{ width:200px;margin-left:10px;}
#subscribe_main{width:480px; margin:0 30px;}
#subscribe_rightside{ width:225px;}

#subscribe_leftside .leftside_content {background:#fff; border:solid 10px #eee; padding:10px 0; margin-bottom:30px;} 
#subscribe_leftside .mod-common{margin-left:10px;margin-right:10px;}
#subscribe_leftside .cardlist{margin-right:0;}
#subscribe_leftside .mod-common h3{margin-bottom:10px;}
#subscribe_leftside p{margin-bottom:10px; line-height:1.2;}

#subscribe_plan_best,#subscribe_plan_2{margin-top:30px;}

.mod-rcs-green,.mod-rcs-grey{margin-bottom:20px;}
.mod-rcs-green_tl, .mod-rcs-green_tr, .mod-rcs-green_main,.mod-rcs-green_content{background:url(/common/v5/images/bg_subscribe_plan_best.png) no-repeat;}
.mod-rcs-grey_tl, .mod-rcs-grey_tr, .mod-rcs-grey_main,.mod-rcs-grey_content{background:url(/common/v5/images/bg_subscribe_plan.png) no-repeat;}
.mod-rcs-green_tr,.mod-rcs-grey_tr{background-position:right 0; padding-right:10px; display:block;}
.mod-rcs-green_tl,.mod-rcs-grey_tl{background-position:0 0;height:15px; display:block;}
.mod-rcs-green_main,.mod-rcs-grey_main{background-position:right bottom; padding-right:10px;}
.mod-rcs-green_content,.mod-rcs-grey_content{background-position:0 bottom; min-height:80px; padding-bottom:20px;position:relative;}
.mod-rcs-grey_content{padding-top:10px;}
div.current .mod-rcs-grey_main, div.current .mod-rcs-grey_content {background-image:url(/common/v5/images/bg_subscribe_plan_best.png);}

.badge-most-saving{background:url(/common/v5/images/most_saving.png) no-repeat;}
.badge-most-popular{background:url(/common/v5/images/most_popular.png) no-repeat;}
.badge-trial-offer {background:url(/common/v5/images/trial_offer.png) no-repeat;}
.badge-most-saving,.badge-most-popular, .badge-trial-offer {display: block; position:absolute; width:76px; height:76px; text-align:center; right:-30px; top:-40px;}
.title-subscribe-plan-best {display:block; height:30px; font-size:153.9%; line-height:30px; padding-left:20px;color:#E00;}
.subscribe-plan-details .title-subscribe-plan-best {display:block; height:30px; font-size:153.9%; line-height:30px; padding-left:0px;color:#E00;}
.subscribe-plan-details{margin-left:10px;}
.subscribe-plan-details .inner-l {width: 65%;}
.subscribe-plan-details .inner-r {width: 30%; padding-right:3%; text-align:center;}
.subscribe-plan-details .cost .plan-month{font-size:123.1%; color:#177aaf;}
.subscribe-plan-details .cost .plan-best{font-size:138.5%;}

.subscribe-plan-features{margin-left:25px;}
.subscribe-plan-features .title-includes{float:left; width:85px;}
.subscribe-plan-features .features-list{ margin-left:85px;}
.features-list li{display:block; background:url(/common/v5/images/icon_yes_grey_samll.png) no-repeat 0 5px; padding-left:12px; margin-bottom:2px; font-size:93%;}

.subscribe-plan-details .save-value{color:#f35000; font-size:153.9%; font-weight:700; line-height:1.2; margin-bottom:10px;}
.subscribe-plan-details .price{font-size:170%; font-weight:700; line-height:1.2; color:#000;}
.subscribe-plan-details .price span{display:block; font-size:13px; color:#888;line-height:1; }

.btn-pay, .btn-pay input{background:url(/common/v5/images/btnbg_subscribe.png) no-repeat;}
.btn-pay{display:inline-block; text-align:left; padding-left:8px;cursor:pointer; vertical-align:middle; outline:medium none;}
.btn-pay input{padding:0 10px 5px 0;height:39px; border: medium none; outline:medium none; overflow:visible; cursor:pointer; vertical-align:baseline; font-weight:700; color:#fff; font-size:18px;}
.btn-pay{background-position:0 0;}
.btn-pay input{background-position:right 0;}
div.current .btn-pay input{display:block;}

#badge_safe_secure{text-align:center; padding:10px 0;}
#badge_safe_secure img{ width: 150px;}
.icon-premium, .icon-standard{width:16px; height:16px; display:inline-block; background:url(/common/v5/images/icon_member.png) no-repeat; vertical-align:middle;}
.icon-premium{background-position:0 0;}
.icon-standard{background-position:0 -30px;}
.icon-tick		{background:url(/common/v5/images/icon_tick_green.png) no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; }
.icon-tick-green	{background:url(/common/v5/images/icon_tick_green.png) no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; }
.icon-tick-org	{background:url(/common/v5/images/icon_tick_org.png)     no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; }

.ident-mmeber {margin:28px 0 10px 0; text-align:left;}
ja_JP .ident-mmeber {margin-top:0 font-size:12px;}
.table-features-list{border-bottom:solid 1px #ddd;border-top:solid 1px #ddd;}
.table-features-list th{color:#4c7b94;}
.table-features-list th, .table-features-list td{border-right:solid 1px #ddd; border-left:solid 1px #ddd;padding:10px 5px;}
.table-features-list .trrow td{background:#f1f1f1;}

#campaignPackage {margin-left:10px;}
#campaignPackage .subscribe-main-title h1{font-size:167%; color:#f35000;}
#campaignPackage #subscribe_leftside{margin-left:0px;}
#campaignPackage .title-subscribe-plan-best {display:block; font-size:153.9%; line-height:30px; padding-left:20px;color:#f35000; background:none;}

#campaignPackage #subscribe_plan_best,
#campaignPackage #subscribe_plan_2{margin-top:0px;}
#campaignPackage .ident-member,
#campaignPackage .ident-mmeber {margin:-27px 0 10px 0; text-align:right;}

/*====subscribe CN page2=============*/
.zh_CN #css_subscribe_cc div h2 {font-size:19px; margin-bottom:8px;}
.zh_CN #css_subscribe_cc div p {font-size:14px;}
.zh_CN #css_subscribe_cc div h2 {font-size:19px; margin-bottom:8px;}
.zh_CN #css_subscribe_cc div p {font-size:14px;}
.zh_CN #css_subscribe_cc h2:first-child {margin:20px 0 30px 0;}
.zh_CN #css_subscribe_cc .online {padding-left:80px; background:url(/common/v5/images/cn_pay01.png) no-repeat;}
.zh_CN #css_subscribe_cc .online h2 {}
.zh_CN #css_subscribe_cc ul x{height:100px; margin:30px 0; text-align:center;}
.zh_CN #css_subscribe_cc .online li {float:left; width:200px; margin:0 10px;}
.zh_CN #css_subscribe_cc .online li:first-child img {margin:10px 0;}
.zh_CN #css_subscribe_cc .offline { padding-left:80px; background:url(/common/v5/images/cn_pay02.png) no-repeat; clear:left;}
.zh_CN #css_subscribe_cc .offline h2 {}
.zh_CN #css_subscribe_cc .offline li {width:450px; padding-top:80px; background:url(/common/v5/images/cn_pay.globalcollect.png) no-repeat center top;}





/*====Public page =============*/
#css_pubsearch {}
#css_pubsearch .panel-search ul li {width:auto;}
#css_pubsearch .panel-search .w150px {display:block; margin-right:10px; width:100px}
#css_pubsearch .panel-search input[type=text] {height:10px; width:135px}
#css_pubsearch .panel-search ul li.age {width:50px}
#css_pubsearch .panel-search .form-1-ml {padding-top:12px;}
#css_pubsearch .member-list-h ul li{width:320px;}
.box  {background:#eee; padding:10px; margin-bottom:0;}
.box .mod-common-bd {background-color:#fff; padding:10px ;}
.box .mod-common-bd li {list-style-type:disc; list-style-position: inside; padding-left:12px; text-indent:-12px; margin-bottom:.5em}  
.box .mod-common-bd h3 {margin-bottom:10px;}
#pubsearch_sidebar div.reg {margin-top:10px; text-align:center;}
#pubsearch_sidebar h1 {margin-bottom:0; color:#1A79AE;}


#css_registration_details .mod-common-bd {background-color:#fff; padding:10px ; min-height:300px; _height:300px; }
#css_registration_details .mod-common-bd h2.highlight {margin-bottom:2em; color:#237DB4}
#css_registration_details .mod-common-bd ul,
#css_registration_details .mod-common-bd p {margin-bottom:1em;}





/*====Help Support =============*/
#help {clear:both;}
#ccheader {height:55px;}
#css_help_menu {}
#css_help_menu .mod-common {background:#eee; padding:10px; margin-top:52px;}
#css_help_menu .mod-common-bd {background-color:#fff; padding:10px 8px;  min-height:360px;_height:360px;}
#css_help_menu .mod-common-bd li {margin:8px 0; line-height:1.1em;}
#css_help_form {}
#css_help_form .form-2 label {width:100%; margin-top:10px;}
#css_help_form .form-2 input[type=text] {width:400px; padding:2px;} 
#css_help_form .form-2 textarea {width:400px; padding:2px;} 
#css_help_form .form-2 li.submit {width:400px; text-align:right;}

#css_help_form .mod-common-bd {border:1px silver solid; padding:15px}
#css_help {}
#css_help .mod-common-bd table {width:100%; margin-bottom:20px;}
#css_help .mod-common-bd table td {width:33%; border:1px silver solid; padding:8px; height:130px; vertical-align:top;}
#css_help .mod-common-bd ul li {padding-left:3px; list-style-type:disc; list-style-position:outside; margin-left:15px;}
#css_help .mod-common-bd ul li ul {margin:3px 0;}
#css_help .mod-common-bd ul li ul li {list-style-image:url(/common/v5/images/help/dash.gif); padding-left:0;}#css_help .mod-common-bd table h4 {margin-bottom:.5em;}
#css_help .help_content { padding: 0px 0 10px 0px; border-bottom: 0px silver solid;  position:relative; clear:both; }
#css_help .help_content h3 {margin: 10px 0; }
#css_help .help_content h4 {margin-top:30px;} 
#css_help .help_content p {margin:10px 0 20px 0; line-height:1.5em; text-align:justify; }
.nopad {margin:0}
#css_help .help_content .nopad {margin:0;}
#css_help .help_content ol {padding:0;margin:0 !important;}
#css_help .help_content ul li, 
#css_help .help_content ol li {line-height:1.2em; margin:5px 0 5px 20px; list-style-position:outside}
#css_help .help_content ol li {list-style-type:decimal;}
#css_help .help_content ol li ol li {list-style-type:lower-alpha;}
#css_help .help_content ol li ol li ol li{list-style-type:lower-roman;}
.bullet li {list-style-type:disc; padding-left:3px; list-style-position: inside;border:1px red solid;}



/*=======================================*/
.highlight {color:#F35000;}
.blue {color:#F35000;}
.compulsory {color:red;}

a:hover{color:#1A79AE;text-decoration:underline;}
a, a:focus, a:active{color:#1A79AE;}
h1 {font-size: 153.9%;}
h2 {font-size: 131%;}
h3 {font-size: 123.1%;}
h4 {font-size:108%;}
h5 {font-size:100%;}
h6 {font-size: 93%;}
h1,h2,h3 {margin:0 0 10px;} h4,h5,h6{margin:0 0 5px;}
h1,h2,h3,h4,h5,h6,strong,dt{font-weight:700;}
h1,h2,h3,h4,h5,h6,dt{color:#111;}
abbr,acronym {border-bottom: 1px dotted #000;cursor: help;}
em{font-style: italic;}
del{text-decoration: line-through;}
th,td {padding:5px;}
th {font-weight: bold;text-align: center;}
caption{margin-bottom:.5em;text-align: center;}
hr{height:1px; background:#ccc; color:#ccc; border:none;clear:both;float:none;overflow:hidden;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
p{margin-bottom:5px;}
fieldset,table,pre {margin-bottom:10px;}
input,button,textarea,select,optgroup,option,img{vertical-align:middle;font-family:arial,helvetica,clean,sans-serif; }
div {word-wrap:break-word;}
select {word-wrap:normal;}
pre {
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
     white-space : normal ;
}


/*common ---------------- */
.dn{display:none;}.db{display:block;}.di{display:inline;}.dib{display:inline-block;}
.oh{overflow:hidden;}
.fl{float:left;}.fr{float:right;}
.cb{clear:both;}.cl{clear:left;}.cr{clear:right;}
.tal{text-align:left;}.tar{text-align:right;}.tac{text-align:center;}
.c:after {clear: both;content:".";display: block;height: 0;visibility: hidden;}.c{zoom:1;}

.inner-l{float:left; width:39%; min-height:10px; text-align:left; display:inline;}
.inner-r{float:right; width:39%; min-height:10px; text-align:right;display:inline;}
div.nav {text-align:center;}

.list-h li{display:inline-block; margin:0 5px 10px 0; vertical-align:top;}
.list-h li{*display:inline;}
.unit-60px li{width:60px;} .unit-80px li{width:80px;} .unit-100px li{width:100px;} .unit-120px li{width:120px;}

/* font */
/* 77%=10px, 85%=11px, 93%=12px, 100%=13px, 108%=14px, 116%=15px, 123.1%=16px, 131%=17px, 138.5%=18px... */
.font10px{font-size:77%;}
.font11px{font-size:85%;}
.font12px{font-size:93%;}
.font14px{font-size:108%;}
.font15px{font-size:116%;} 
.font16px{font-size:123.1%;}
.font18px{font-size:138.5%;}

.fw700{font-weight:700;}.fw400{font-weight:400;}
.username{font-size:108%;font-weight:700;}

.blue{color:#1A79AE;}
.green, a.green{color:#309110;} 
.org, a.org, .special, a.special{color:#f35000;}
.red, a.red{color:#d50003;}
.black, a.black{color:#000;}
.white, a.white{color:#fff;}
.greylight, a.greylight{color:#888;}
.grey, a.grey, .quiet, a.quiet{color:#666;}

/*margin and padding*/
.m5px{margin:5px;} .m10px{margin:10px;}
.mt0{margin-top:0;}.mb0{margin-bottom:0;}
.mt5px{margin-top:5px;}.mt10px{margin-top:10px;}.mt20px{margin-top:20px;}
.mb5px{margin-bottom:5px;}.mb10px{margin-bottom:10px;}.mb20px{margin-bottom:20px;}
.ml5px{margin-left:5px;}.ml10px{margin-left:10px;}.ml20px{margin-left:20px;}
.mr5px{margin-right:5px;}.mr10px{margin-right:10px;}.mr20px{margin-right:20px;}

.p5px{padding:5px;}.p10px{padding:10px;}
.pt5px{padding-top:5px;}.pt10px{padding-top:10px;}
.pb5px{padding-bottom:5px;}.pb10px{padding-bottom:10px;}
.pl5px{padding-left:5px;}.pl10px{padding-left:10px;}
.pr5px{padding-right:5px;}.pr10px{padding-right:10px;}

/*width and height*/
.grid_1 { width:40px; }
.grid_2 { width:100px; }
.grid_3 { width:160px; }
.grid_4 { width:220px; }
.grid_5 { width:280px; }
.grid_6 { width:340px; }
.grid_7 { width:400px; }
.grid_8 { width:460px; }
.grid_9 { width:520px; }
.grid_10 { width:580px; }
.grid_11 { width:640px; }
.grid_12 { width:700px; }
.grid_13 { width:760px; }
.grid_14 { width:820px; }
.grid_15 { width:880px; }
.grid_16 { width:940px; }

.w5per{width:5%;}.w33per{width:33.33%;}
.w10per{width:10%;}.w15per{width:15%;}
.w20per{width:20%;}.w25per{width:25%;}
.w30per{width:30%;}.w35per{width:35%;}
.w40per{width:40%;}.w45per{width:45%;}
.w50per{width:50%;}.w55per{width:55%;}
.w60per{width:60%;}.w65per{width:65%;}
.w70per{width:70%;}.w75per{width:75%;}
.w80per{width:80%;}.w85per{width:85%;}
.w90per{width:90%;}.w95per{width:95%;}
.w100per{width:100%;}

.w10px{width:10px;}.w90px{width:90px;}
.w20px{width:20px;}.w80px{width:80px;}
.w30px{width:30px;}.w70px{width:70px;}
.w40px{width:40px;}.w60px{width:60px;}
.w50px{width:50px;}
.w100px{width:100px;}.w120px{width:120px;}
.w150px{width:150px;}.w180px{width:180px;}
.w200px{width:200px;}.w250px{width:250px;}
.w300px{width:300px;}.w350px{width:350px;}
.w400px{width:400px;}.w450px{width:450px;}
.w500px{width:500px;}.w550px{width:550px;}
.w600px{width:600px;}.w650px{width:650px;}
.w700px{width:700px;}.w750px{width:750px;}

.h50px{height:50px;}.h80px{height:80px;}
.h100px{height:100px;}.h150px{height:150px;}
.h200px{height:200px;}.h250px{height:250px;}
.h300px{height:300px;}.h400px{height:400px;}

/*input,textarea,button*/
input {padding:2px;}
select {padding:1px;}
input[type=text].default, textarea.default {color:silver; font-style:italic}
input.default {color:silver; font-style:italic;}
.inputloading {background: white url('/common/v5/images/inputloading.gif') right center no-repeat;}


.btn-pre, .btn-next{ background:url(/common/v5/images/sprite_global.png) no-repeat; display:inline-block; width:35px; height:24px; cursor:pointer; vertical-align:middle;}
.btn-pre{background-position:0 -40px;}
.btn-next{background-position:-100px -40px;}

.btn-common, .btn-common input, .btn-common span, .btn-arrow, .btn-arrow input, .btn-arrow span, 
.btn-minor, .btn-minor input, .btn-minor span, .btn-plus, .btn-plus span {background:url(/common/v5/images/sprite_btn.png) no-repeat;color:#fff;}
.btn-common, .btn-arrow, .btn-minor,.btn-plus {display:inline-block; text-align:left; padding-left:10px;cursor:pointer; vertical-align:middle; outline:medium none;}
.btn-common input, .btn-common span, .btn-arrow input, .btn-arrow span,
.btn-minor input, .btn-minor span, .btn-plus span {padding:0 10px 0 0;height:25px; line-height:25px; border: medium none; outline:medium none; overflow:visible; cursor:pointer; vertical-align:baseline; font-weight:700;}
.btn-common input, .btn-arrow input, .btn-minor input {white-space:pre-line;}
.btn-common, .btn-common:hover, .btn-arrow, .btn-arrow:hover, 
.btn-minor, .btn-minor:hover, .btn-plus, .btn-plus:hover {text-decoration:none;}
.btn-common span, .btn-arrow span, .btn-minor span, .btn-plus span {display:inline-block;}

.btn-minor {background-position:0 -180px;}
.btn-minor input, .btn-minor span {background-position:right -180px;}
.btn-plus{background-position:0 -00px;}
.btn-plus span{background-position:right -00px; color:#fff; height:16px; line-height:16px;padding-right:28px;}
.btn-plus.add span{background-position:right -30px;}
.minus span{background-position:right -60px;} 

.btn-common{ height:35px !important;}
.btn-common, .btn-arrow {background-position:0 -100px;}
.btn-common input, .btn-common span{background-position:right -100px;}
.highlight .btn-common, .highlight .btn-arrow {background-position:left -140px;}
.highlight .btn-common input, .highlight .btn-common span {background-position:right -140px;}
.btn-common.disabled {background-position:0 -180px;}
.btn-common.disabled input {background-position:right -180px !important;}
.current .btn-common {background-position:left -180px;}
.current .btn-common input, .current .btn-common span {background-position:right -180px;}

big .btn-common, big .btn-arrow {background-position:left -220px;}
big .btn-common input, big .btn-common span {height:35px !important; line-height: 35px; padding:0px 20px 0 10px; background-position:right -220px; font-weight:700; *display:inline-block !important;}
big .btn-common input {white-space:pre-line;}
big.highlight .btn-common, big.highlight .btn-arrow {background-position:left -270px;}
big.highlight .btn-common input, big.highlight .btn-common span {background-position:right -270px;}
big .disabled  {background-position:left -320px !important;}
big .btn-common.disabled input, big .btn-common.disabled span {background-position:right -320px !important;}

.btn-arrow input {background-position:right -370px; padding-right:28px;}
.highlight .btn-arrow input {background-position:right -410px; padding-right:28px;}
.btn-arrow.disabled input {background-position:right -450px ;}
big .btn-arrow input {height:35px; padding:0 40px 0 10px; background-position:right -490px; font-weight:700;}
big.highlight .btn-arrow input {background-position:right -540px; padding-right:35px;}
big .btn-arrow.disabled input {background-position:right -590px ;}


.btn-approve a{text-decoration:none; font-size:116%; font-weight:700; height:20px; width:100px; background-color:#dddddd; padding-top:2px; margin-top:3px; margin-bottom:3px; text-align:center; display:block;}

/* pages ----------------*/

.m-header{}
.m-content{}
.m-footer{}

.p-header{}
.p-content{}
.p-footer{}

/** Grids */

.row:after {clear: both; 
    content:".";
    display: block;
    height: 0;
    visibility: hidden;}
.row{zoom:1;}
.row .row { margin: 0 -10px; width: auto;display: inline-block;}

/** others */
.ul-list-arrow li,.ul-list-dot li,.ul-list-circle li,.ul-menu-arrow li a {background:url(/common/v3_5/en_US/images/sprite_gadgets.png) no-repeat;padding:3px 0 3px 15px; margin-bottom:.3em; position:relative; zoom:1;}
.ul-list-arrow li{background-position: -318px -454px;}

.mod-common-hd, .mod-common-bd {clear:both;}

.nonbg {background:none !important;}


/*WF only*/
#header {background:url(/common/v5/images/bg_header.png) repeat-x;}
#m-header-logo {background:url(/common/v5/images/logo_header.png) no-repeat;}
#m-header-logo img {visibility:hidden;}
#m-header-logo a{ display:block !important; height:50px !important; overflow:visible !important}
#m-header-utility ul li a {color:white;}
/*update bottom*/


/*update bottom#footer .copyright {float:right; text-align:right; width:240px; font-size:11px; color:#999; margin-top:-14px; line-height:38px; }
#footer .copyright img {float:right; margin-left:5px;}
.ft-nav {margin-left:256px;}
.ja_JP .ft-nav {margin-left:86px;}
#m-nav-wrp {border-top:none}
#footer .copyright {xdisplay:none;}*/

#footer .copyright { text-align:center; width:auto; font-size:11px; color:#999; margin-top:-14px; line-height:38px; display: block !important; }
#footer .copyright img { margin-left:5px; text-align: center;}
.ft-nav { text-align: center;}
.ja_JP .ft-nav {margin-bottom:20px;}

#footer  ul.ft-nav {
    margin: 0 0  25px 0;
    clear:  both;;
}
#m-nav-wrp {border-top:none}
#footer .copyright {clear: both; padding-left:  200px; text-align: center;}
#footer .copyright a img {display: inline-block;}
#footer .copyright .powered-box { float: right; text-align: right; color: #000;}
#footer .container{
	text-align:  center;;
}


/*====Debug, Visual Comp use =========*/
.test {border:1px red solid;}
x.test_bg {background:url(/common/v5/images/sample_memhome.png) no-repeat -320px -78px; height:25px; width:600px; position:absolute; margin-top:-25px; margin-left:224px;}
x.test_bg {background:url(/common/v5/images/sample_memhome.png) no-repeat -320px -128px; height:80px; width:750px; position:absolute; margin-top:60px; margin-left:224px;}#xm-sidebar .test_bg {background:url(/common/v5/images/sample_memhome.png) no-repeat -100px top; height:100%; width:210px; position:absolute; top:-104px; margin-left:-210px; border-right:1px red solid;}
x.test_bg {background:url(/common/v5/images/sample_memhome.png) no-repeat -100px top; height:1100px; width:410px; position:absolute; margin-top:-140px; margin-left:-210px; z-index:99;}
#xm-sidebar {height:100% !important; border:1px red solid;}
#xm-sidebar .head {margin-top:38px;}
#xm-sidebar .test_bg {background:url(/common/v5/images/sample_profile.png) no-repeat -100px top; height:1100px; width:210px; position:absolute; margin-top:-65px; margin-left:-220px;}
#xm-sidebar .test_bg {background:url(/common/v5/images/sample_profile.png) no-repeat -280px -110px; height:140px; width:850px; position:absolute; margin-top:45px;  margin-left:177px;}
#xm-sidebar .test_bg {background:url(/common/v5/images/sample_profile.png) no-repeat -280px -110px; height:140px; width:850px; position:absolute; margin-top:145px;  margin-left:177px;}
#xm-sidebar .test_bg {background:url(/common/v5/images/sample_profile.png) no-repeat -100px top; height:1100px; width:420px; position:absolute; margin-top:-65px; margin-left:-200px; z-index:100;}
#xm-sidebar .test_bg {background:url(/common/v5/images/sample_profile.png) no-repeat -100px top; height:1100px; width:620px; position:absolute; margin-top:-65px; margin-left:-150px; z-index:101;}
#xcss_profile .details td {border:1px #ccc solid;}
#xcss_profile {xposition:relative; margin-top:91px; z-index:1; border:0px red solid;margin-left:-2px;}
x.test_bg {background:url(/common/v5/images/sample_memhome.png) no-repeat -320px -948px; height:80px; width:750px; position:absolute; margin-top:1200px; margin-left:224px;}

/*====video switch button=========*/
a.radio {display:block; height:24px; width:22px; margin:-5px 5px; background:url(../images/sprite_s.png) no-repeat -86px -55px;}
a.radio.on {float:right;background-position:-86px -55px;}
a.radio.off {float:right;background-position:-56px -55px;}

#css_fbconnect {}
#css_fbconnect .module-owner {float:left;}
#css_fbconnect .module-content,
#css_fbconnect .no, #css_fbconnect .yes {margin-left:512px;}
#css_login {}
#fbpic {padding-right}


#css_profile .main-photo .intro {padding:7px; margin-right:0px; margin-top:25px; line-height:15px; font-size:11px; border:1px #ccc solid;}
#css_profile .main-photo .intro span.arrow {background:#FEE8F6 url(/common/v5/images/sprite_arrow.png) no-repeat; width:13px; height:10px; display:block; position:absolute; margin-top:-16px;}
#css_profile .main-photo .intro {color:#B27AAE; background-color:#FEE8F6; min-height:14px; }
#css_profile .main-photo .intro.male, 
#css_profile .main-photo .intro.male span.arrow  {color:#578794; background-color:#EBF7F9; }


/*=============mantis10088===============*/
#publicSearch{}
#publicSearchContent{ width:400px; background:#FFFFFF; text-align:center; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
#publicSearchContent h3{ text-align:center !important; width:100%; color:#3399CC; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#publicSearchContent h1{ font-size:26px; color:#66af41; margin:10px 0 20px 0 ;}
#publicSearchContent dl{ width:100%; text-align:left; font:15px bold; font-family:Arial, Helvetica, sans-serif;}
#publicSearchContent dt{ width:38%; float:left; margin:2px 0 2px 40px; height:32px; line-height:32px; font-family:Arial, Helvetica, sans-serif;}
#publicSearchContent dd{ width:auto; float:left; margin:2px 2px; height:32px; line-height:32px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
#publicSearchContent dd select{ width:67px; display:inline}
#publicSearchContent dd input{ width:17px; vertical-align:middle; margin-bottom:3px;}
#publicSearchContent dd .searchCountry{ width:151px;}
#publicSearchContent .logoimg{ position:absolute; left:10px; bottom:5px;}
#publicSearchContent .submit img,#publicSearchContent .submit{ text-align:right; margin:20px}

/*============pubilc home================*/
.notic_important{	    background: none repeat scroll 0 0 #F69821;
    color: white;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    position: relative;
    text-align: center;
    text-shadow: 0px 1px 0 #AD6F20;
    vertical-align: middle;}
.notic_important .update{	background-color: #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin-left: 20px;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: none; }
.notic_important .close{ color:#fff; padding:10px; text-decoration:none; right:10px; position:absolute; top:0; cursor:pointer}



/*==========mantis10190===============*/
#formTab6 td{ width:120px;}
#signup_ul .gender span{ display:inline-block; margin-right:20px;}


/*================facebook btn height================*/
.fb_iframe_widget span{ height:22px !important; overflow:hidden}
.selectbold{ font-weight:bold; color: #0F64A7}
#facebox textarea{ overflow-y:hidden; position:static !important}
.ui-resizable-se{bottom:17px; right:1px; position:absolute}
.ui-wrapper{ position:relative !important}
.ui-icon{ background-image:url(/common/v5/images/datepicker/ui-icons_666666_256x240.png)}

/*==================message detail===================*/
.nav .sender,.nav .subject{ text-align:left}
#hForm .select{ display:none}

/*chat deny textarea adjust*/
#facebox #denyMessage1TextArea{ width: 260px; height: 100px;} 
.ui-wrapper{ width: auto\9 !important; *width: auto !important} 
.nobg{ background-image: none !important;}
.routineupdate h1{ margin-bottom: 30px !important;}

/*upsell*/
.upsell_left{ width: 162px; height: 372px; background-image: url(/common/v5/images/upsell_label.gif); background-repeat: no-repeat; margin: 0 5px 40px 0px; float: left;}
.upsell_left ul{ margin-top:110px; margin-left: 10px; height:40px;}
.upsell_left ul li img{ width: 40px; height: 40px;}
.upsell_left ul li,.upsell_left ul li a{ display: block; width: 40px; height: 40px; float: left; margin: 0 10px 0 0 }
.upsell_left p{ font-size: 70px; font-weight: bold; color: rgb(115,46,0); padding: 45px 0 0 12px}
.upsell_right{ width: 200px; float: left; margin-left: 10px; text-align: center;}
@media all and (-webkit-min-device-pixel-ratio:0){
.upsell_right{ width: 180px;}
}
.very_big{ font-size: 26px;}
.upsell_right .column_1{ color: rgb(243,80,0); font-size: 16px; font-weight: bold; margin-bottom: 60px; margin-top: 30px;}
.upsell_right .column_2{ color: rgb(115,46,0); font-size: 14px;font-weight: bold; margin-bottom: 40px;}
.upsell_right .column_3{ margin-bottom: 60px;}
.upsell_right .column_3 a{ font-size: 12px; text-decoration: underline; cursor: pointer;}
.upsell_right .column_4 a{ cursor: pointer;}


/***mang_photo_list***/
ul.mang_photo_list{ color:#1a79ae; z-index: 9999}
ul.mang_photo_list li{padding:3px 15px; float:left; cursor:pointer;}
ul.mang_photo_list li.cur{ background-color:#e9e9e9; border-radius:20px; color:#000; }

/***Upload Photo***/
.mang_photo_cont{ padding-top:15px; width:735px; margin-left:15px; position:relative; line-height:20px;}
.mang_photo_cont dt{ color:#1e1e1e; margin-bottom:10px;}
.mang_photo_cont dt.second{ margin-top:40px;}
.mang_photo_cont dd{ background:url(../images/itembg.gif) no-repeat 0 center; padding-left:15px; line-height:25px;}
.mang_photo_cont dd span{ color:#ff8004;}
.mang_photo_cont .up_photos{ position:absolute; right:0; top:15px; background:url(../images/up_photobg.jpg) no-repeat; width:218px; height:236px; padding:16px 0 0  53px;}
.mang_photo_cont form{ margin-top:50px; font-size:13px;}
.mang_photo_cont form label{ width:136px; display:inline-block; }
.mang_photo_cont form p{ line-height:30px;}
.mang_photo_cont form span.highlight{ display:block; color:#F35000; margin-left:140px; line-height:20px;}
.mang_photo_cont .file{ width: 200px;}
.mang_photo_cont form .descript_text{ width:200px; padding:2px 5px; }
.mang_photo_cont form .submit{ width:100px; height:36px; background:url(../images/upload_sub.png) no-repeat; border:none; cursor:pointer; margin-left:15px;}
.mang_photo_cont p.note{ margin-top:30px;}
.tab2 p.note{ margin-top:80px;}
.tab3 p.note{ margin-bottom:30px;}

/***Upload Backstage Photo***/
.p_backtage{ font-size:12px; font-style:italic; width:435px; line-height:20px;}

/***Upload Video Profile***/
p.upvideo_descript{ font-style:italic; font-size:12px;}
ul.mang_video_list{ margin-left:140px; margin-bottom:10px; margin-top:-15px;}
ul.mang_video_list li{ float:left; margin-right:15px; color:#1a79ae; cursor:pointer; }
ul.mang_video_list li.cur{ color:#4e4e4e; background-color:#e9e9e9; border-radius:5px; padding:2px 10px;}
.video_man p span{ display:block; margin-left:140px;}
.video_man p span em{ color:#F00;}
.video_man p span label{ color:#F35000; width:auto;}
.video-box{ margin-bottom:10px;}
.video-box label{ vertical-align:top;}
.video-box .camera{ width:412px; height:276px; display:inline-block; margin-top:5px; margin-left:-5px;}
.video-box a{ display:inline-block; width:103px; height:26px; background:url(../images/play.jpg) no-repeat; vertical-align:bottom; margin-left:15px;}
.video-box a.off{}


/*init for photo upload*/
.left_wrap{ width: 430px; float: left;}
#wfnmediaplayer_wrapper{ margin-bottom: 10px;}
.jwWrapper{ position: relative;}
.jwWrapper #delvedio{ left: 200px;}
.photo_upload_dl img{ width: 283px; float: left;}
.video_upload_dl{ margin-bottom: 10px;}
#videoContainer.tab2,.videoContainer{ width: 318px; margin-right: 20px; position: relative; float: left; margin-bottom: 15px;}
#delvedio{ position: absolute; left: 325px; top: 0}
.video_tab2_dl{ width: 300px;float: left; margin-left: 20px}
.mang_photo_cont .profile-photo-show{ width: auto !important}
.tab3 #profile-editphoto div.w400px{ float: left !important}
.tab3_wrap{ float: left}
.tab1 .profile-photo-show{ width: 304px !important; padding: 2px !important;}
.tab1 .profile-photo-show img{ width: 300px !important;}
.tab3 .profile-photo-show img { width: 230px !important;}
.tab3 .w400px .profile-photo-more a img,.tab4 .w400px .profile-photo-more a img{ float: none !important;}
.video_guide1,.video_guide2{ cursor: pointer;}



/*Search save button*/
.searchsave-title{ font-size: 14px; font-weight: bold;}
#searchopt ul li{ white-space:nowrap; width: 230px; margin: 5px 4px; padding: 2px 0 2px 10px; line-height: 25px ;height: 25px; background: #F6F6F6; border-right: 1px solid #E5E5E5 !important; border-bottom: 1px solid #E5E5E5 !important }
#searchopt ul li a{text-decoration: none; color: #999;}
#searchopt ul li a:hover{text-decoration: none; color: #1A79AE; text-decoration: underline;}
.search{ float: right; display: block; height: 24px; width: 22px; margin: 1px 2px; }
a.search.on{ background-image:url(../images/pin_on.png); background-repeat: no-repeat; background-position: 4px 4px;}
a.search.off{ background-image:url(../images/pin.png); background-repeat: no-repeat; background-position: 4px 4px;}
#searchopt{ margin-top:0 ; padding-top: 0; }

/***ann.lou***/
/***Buy Token***/
#subscribe_leftside .ann_leftside_content{ height:688px;}
#subscribe_leftside .ann_p_font{ font-size:12px; line-height:20px;}
.ann_safe_secure.img{ width: 150px}
.ann_mt35{ margin-top:35px;}
/**.mod-rcs-ann****/
.mod-rcs-ann .title-subscribe-plan-best input[type='radio']{ margin-right:5px;}
.mod-rcs-ann .subscribe-plan-details .inner-r {width: 30%; text-align:center;background:url(/common/v5/images/coins.png) no-repeat top; padding-top:45px; }
.mod-rcs-ann .subscribe-plan-details .cost{ }
.mod-rcs-ann .subscribe-plan-features p{background:url(/common/v5/images/gou.gif) no-repeat; text-indent:16px;}
.mod-rcs-ann .subscribe-plan-features dl{ margin-left:16px; line-height:20px;}
.mod-rcs-ann .subscribe-plan-features dt{ color:#bebebe; font-size:10px;}
/***ann_table_features***/
.ann_table_features{border:solid 1px #ddd;}
.ann_table_features th,.ann_table_features td{ border:none; padding:0 2px;}
.ann_table_features th{ padding:15px 5px;}
.ann_table_features  td.features_icons{border-right:solid 1px #ddd; font-size:12px; line-height:18px; font-weight:bold;padding:10px 5px;}
.ann_table_features  td.features_icons span{ display:block; font-size:10px; color:#bcbcbc;}
.ann_table_features .icon{background:url(/common/v5/images/features_icons.png) no-repeat 0 0; display:inline-block; width:19px; height:18px; vertical-align:middle; margin-left:5px;}
.ann_table_features .icon_group{ background-position:0 -42px; height:13px;}
.ann_table_features .icon_chat{background-position:0 -18px; width:26px;}
.ann_table_features .icon_lectures{background-position:0 -57px; height:21px; width:26px;}
.ann_table_features .icon_post{background-position:0 -83px;}
.ann_table_features .icon_message{background-position:0 -106px;}

/***Manage Token***/
.mod-common p.ann_man_token_des{ margin-bottom:20px; line-height:18px; position:relative}
.mod-common p.ann_man_token_des .button-right{ margin-left: 130px}
.language-shift,.logout{ float: right !important;}
.logout{ margin-right: 10px;}
.sub_token{ background-image: url(/common/v5/images/token_bg.jpg); background-position: 2px -3px; background-repeat: no-repeat; padding-left: 25px; line-height: 18px;}
.coming{ font-size: 10px; color: #CCC}
.coming_soon{ font-size: 10px; color: #CCC}




/**Upload Photo**/
#css_registrationphoto .panel-search,#css_registrationphoto #signUpForm { width: 516px !important;}
#css_registrationphoto #signUpForm ul li:nth-child(2){ display: none}
#css_registrationphoto .panel-search{ float: left;}
#css_registrationphoto .uploadPhoto_guidePic{ background-image: url(/common/v5/images/ptGuide.png); width: 290px; height: 269px; float: right;}
.h3Left,.h3Right{ color: #F35000; font-size: 14px; font-weight: bold; display: inline-block; width:700px; float: left;}
.h3Right{ color: #000; width: auto; }
#desTable{ width: 570px; text-align: center; margin-bottom: 0}
#desTable tr td{ width: 25%}
#desPic{ width: 571px; height: 201px; background-image: url(/common/v5/images/ptGuide2.png);}



.zaimaTop{ width: 593px; height: 104px; float: left;}
.zaimaLeft{ width: 321px; height: 379px; float: left;}
.zaimaRight{ width: 272px; height: 379px; float: left;}

.zaimaTop_en{ width: 712px; height: 102px; float: left;}
.zaimaLeft_en{ width: 383px; height: 349px; float: left;}
.zaimaRight_en{ width: 329px; height: 349px; float: left;}

.topic-trans-menu {background-color:#fff; padding:3px; border:1px solid #ccc;}
.topic-trans-menu li {padding:1px;}
.topic-trans-menu li a {text-decoration:none;}