html{ background-position: 0 0; background-repeat: repeat-x; }
a:link { text-decoration: none; }
a:visited{ text-decoration: none; }
a:hover { text-decoration: underline; }
/* hack for firefox - to remove dotted border */
a:active{ outline: none;}
a:focus{ -moz-outline-style: none; }
.headlineHint:link { text-decoration: none; border-bottom: dotted 1px; }
.headlineHint:hover { text-decoration: none; border-bottom: dotted 1px; }
.headlineHint:visited { text-decoration: none; border-bottom: dotted 1px; }
#content{ width: 960px; margin: 0 auto; background: #fff;}
#header{}
#header h1{ height: 73px; margin: 0; position: relative; background-position: 0 0; background-repeat: no-repeat; }
#header h1 a{ display: block; width: 310px; height: 50px; position: absolute; top: 10px; left: 20px; text-indent: -9999px; }
#footer{ width: 960px; margin: 0 auto; font-size: 11px; text-align: center; }
.footerLinks{ border: 1px solid #dfdfdf; border-width: 1px 0; }
#mainContent{ margin: 10px; padding-bottom: 10px; }
#mainContent:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
/* !Profile Column */
#profile{ float: left; width: 270px; background: #e8e8e8 url( ../../_general/images/layout/sidebar_bg.jpg) 0 0 repeat-x; }
/* !When viewing someone else's profile */
#profile *{ margin: 0; }
#profile * *{ margin: auto; }
#profile h2{ margin: 0; padding: 10px 16px; background-position: 0 0; background-repeat: no-repeat; text-align: center; }
#profile p, #profile h3{ margin: 10px 33px; }
#profile .badge img{ display: block; }
#profile .avatar img{ flaot:left; border: 1px solid #fff; }
#profile .onlineStatus, #profile .memberRating{ padding: 5px 0 5px 30px; border: 1px solid #ccc; border-width: 1px 0; background-position: 5px 50%; background-repeat: no-repeat; }
#profile .avatar { flaot:left; }
#profile .avatar a { float: left;}
/*#profile .carousel_left {margin: 300px 0 0 0; padding:0; background: red; width:20px; flaot:left; border: solid 1px #000000; }
#profile .carousel_right {margin: 300px 0 0 0; padding:0; background: red; width:20px; flaot:left; border: solid 1px #000000;}
*/
#profile .carousel_left { margin: 120px 0 0 5px; padding:0; width:20px; float:left; }
#profile .carousel_right { margin: 120px 0 0 5px; padding:0; width:20px; float:left; }
#primary .carousel_left_ { margin: 0; padding-top: 55px; width:20px; float:left; }
#primary .carousel_right_ { margin-left: 20px; padding-top: 55px; width:20px; float:left; }
#profile .profileOptions{ margin: 10px 33px; }
#profile .profileOptions li{ margin: 0 0 5px 0; }
.profileOptions a{ display: block; padding: 0 0 0 40px; width: 160px; height: 35px; line-height: 35px; overflow: hidden; background-repeat: no-repeat; }
.profileOptions a:link, .profileOptions a:visited, .profileOptions a:hover{ text-decoration: none; }
.profileOptions a:hover{ text-decoration: none; }
/* Buttonify with sprites */
.profileOptions .sendMsg a:hover { background-position: 100% 0; }
.profileOptions .sendFlirt a:hover { background-position: 100% -35px; }
.profileOptions .addToFaves a:hover { background-position: 100% -70px; }
/* .profileOptions .rateMember a:hover { background-position: 100% -105px; } */
.profileOptions .addToBB a:hover { background-position: 100% -105px; }
.profileOptions .remFromFaves a:hover { background-position: 100% -70px; }
.profileOptions .remFromBB a:hover { background-position: 100% -105px; }
/* Do hovers */
.profileOptions .sendMsg a { background-position: 0 0; }
.profileOptions .sendFlirt a { background-position: 0 -35px; }
.profileOptions .addToFaves a{ background-position: 0 -70px; }
/*.profileOptions .rateMember a{ background-position: 0 -105px; }*/
.profileOptions .addToBB a { background-position: 0 -105px; }
.profileOptions .remFromFaves a{ background-position: 0 -70px; }
.profileOptions .remFromBB a { background-position: 0 -105px; }
.profileActions{ font-size: 10px; text-align: center; color: #aaa; }
.profileActions a:link, .profileActions a:visited, .profileActions a:hover{ color: #999; }
/* !When viewing your own profile, controls are shown */
#profile.own{ background: transparent; }
#profile.own p, #profile.own h3{ margin: 10px; }
#profile.own .content{ border: 1px solid #d2d2d2; border-top-color: #fff; background: #e8e8e8 url( ../../_general/images/layout/sidebar_bg.jpg) 0 0 repeat-x; }
#profile.own .avatar{ float: left; margin: 10px 0 10px 10px; display: inline; }
#profile .quickLinks{ float: left; width: 43px; margin: 10px 10px 0 0; padding: 37px 0 0 0; background: url( ../../_general/images/layout/quicklinks_caption.png) 50% 6px no-repeat; }
#profile .quickLinks li{ margin: 0 0 5px 0; display: block; height: 35px; }
#profile .quickLinks a{ display: block; height: 35px; text-indent: -9999px; background-repeat: no-repeat; }
/* Buttonify with sprites */
#profile .quickLinks .link01 a{ background-position: 100% 0; }
#profile .quickLinks .link02 a{ background-position: 100% -35px; }
#profile .quickLinks .link03 a{ background-position: 100% -70px; }
#profile .quickLinks .link04 a{ background-position: 100% -105px; }
#profile .quickLinks .link05 a{ background-position: 100% -140px; }
/* Do hovers */
#profile .quickLinks .link01 a:hover{ background-position: 0 0; }
#profile .quickLinks .link02 a:hover{ background-position: 0 -35px; }
#profile .quickLinks .link03 a:hover{ background-position: 0 -70px; }
#profile .quickLinks .link04 a:hover{ background-position: 0 -105px; }
#profile .quickLinks .link05 a:hover{ background-position: 0 -140px; }
#profile h3{ clear: both; }
#profile .OKMsg{ margin:30px; font-weight: bold; padding-left: 25px; background: #fffb6a url( ../../_general/images/icons/ok.png) 5px 50% no-repeat; }
.hint{ font-size: 10px; }
a.hint:link, a.hint:visited, a.hint:hover{ color: #777; }
#profile h2.subHeading{ margin: 10px 0 0 0; padding: 10px; background: #E8E8E8; border-color:#FFFFFF #D2D2D2 #D2D2D2; background: #bfbfbf url( ../../_general/images/layout/sidebar_subheading.png) 0 0 no-repeat; color: #555; text-align: left; font-weight: normal; }
.profileSummary{}
.profileSummary dl{}
.profileSummary dt{ padding: 10px; background: #efefef url( ../../_general/images/layout/brandcolor_gradient_01_desaturated.png) 0 50% repeat-x; cursor: pointer; }
.profileSummary dt.active{ background-position: 0 50%; background-repeat: repeat-x; cursor: default; }
.profileSummary dd{ padding: 10px; background: #e8e8e8; }
.profileSummary ul{}
#profile .profileSummary li{ padding: .5em 0 .5em 0; margin: 0; background: #e8e8e8 url( ../../_general/images/layout/profile_border.jpg) 0 95% repeat-x; } /* #ccc;*/
#profile .profileSummary img {float:left; margin-right: 5px;}
.profileSummary li a.sum{ display: block; width:70%; float:left; }
.profileSummary li a{ display: block;}
.profileSummary li.typeMessage a{ display: inline; }
#profile .profileSummary li.noBottomBorder { background: none; }
/*
.profileSummary .buttonHolder {}
#profile buttonkkkk { padding-left: ; background-position: 0 0; background-repeat: no-repeat; margin: 10px 0; line-height: 22px; }
#profile span { padding: 0 15px; margin-left:5px; background-position: 100% 0; background-repeat: no-repeat; line-height: 12px; }
*/
/* !Main Column */
#primary{ float: right; width: 650px; }
#breadcrumbs{ height: 32px; line-height: 32px; overflow: hidden; margin: 0 0 10px 0; background: #efefef url( ../../_general/images/layout/breadcrumb_bg.png) 0 0 no-repeat; }
#breadcrumbs *{ margin: 0; }
#breadcrumbs ol{ float: left; width: 400px; }
#breadcrumbs li{ float: left; margin: 0; padding: 0 17px 0 10px; list-style: none; background: url( ../../_general/images/icons/breadcrumb_arrow.png) 100% 50% no-repeat; }
#breadcrumbs li.last{ padding-right: 0; background: transparent; }
#breadcrumbs .homeLink{ padding-right: 10px; }
#breadcrumbs .homeLink a{ display: block; width: 16px; height: 13px; margin: 8px; background: url( ../../_general/images/icons/home.png) 50% 50% no-repeat; text-indent: -9999px; }
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover{ color: #777; text-decoration: none; }
#breadcrumbs a:hover{ text-decoration: underline; }
#breadcrumbs .promo{ float: right; padding: 0 10px; background: url( ../../_general/images/layout/breadcrumb_divider.png) 0 50% no-repeat; }
#breadcrumbs .promo a{ padding-right: 12px; background: url( ../../_general/images/icons/breadcrumb_arrow.png) 100% 50% no-repeat; width: 235px; text-align: center; }
#infoBox{ background: #fffadc url( ../../_general/images/layout/info_msg_bg.png) 0 100% no-repeat; overflow: hidden; width: 650px; margin: 0 0 10px 0; padding: 0 0 3px 0;}
#infoBox *{ margin: 0; }
#infoBox h2{ margin: 0; padding: 15px 0 0 15px; background: #f9f9ec url( ../../_general/images/layout/info_msg_bg.png) 0 0 no-repeat; }
#infoBox p{ margin: 0; padding: 0 15px; }
#infoBox .badge{ float: right; margin: -28px 0 15px 15px; }
.userInfo{ margin: 0; position: relative; }
.tabbedNav{ margin: 0; }
.tabbedNav:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.tabbedNav li{ float: left; margin: 0 5px 0 0; padding: 0 0 0 5px; list-style: none; background: url( ../../_general/images/layout/box_label.png) 0 0 no-repeat; text-align: center; }
.tabbedNav li.active{ background: url( ../../_general/images/layout/box_label_active_gray.png) 0 0 no-repeat; font-weight: bold; position: relative; top: 1px; }
.tabbedNav a{ background: url( ../../_general/images/layout/box_label.png) 100% 0 no-repeat; display: block; padding: 8px 14px 8px 9px; }
.tabbedNav .active a{ background: url( ../../_general/images/layout/box_label_active_gray.png) 100% 0 no-repeat; font-weight: bold; }
.tabbedNav a:link, .tabbedNav a:visited, .tabbedNav a:hover{ color: #333; text-decoration: none; }
/*.tabbedNav .active a:link, .tabbedNav .active a:visited, .tabbedNav .active a:hover{ color: #fff4ae; }*/
/* !When in .userInfo */
.userInfo .tabbedNav li a{ padding: 8px 34px 8px 29px; }
/* !Quick search tab has special styling */
.tabbedNav li.qsearch{ background-image: url( ../../_general/images/layout/box_label_qsearch.png); }
.tabbedNav .qsearch a{ background: url( ../../_general/images/layout/box_label_qsearch.png) 100% 0 no-repeat; }
.userInfo h2,
.boxTitle h2{ width: 168px; margin: 0; padding: 0 0 0 5px; background-position: 0 0; background-repeat: no-repeat; text-align: center; }
.userInfo h2 span,
.boxTitle h2 span{ display: block; padding: 8px 8px 8px 0; background-position: 100% 0; background-repeat: no-repeat; }
.note{ background: #f9f9ec; border: 1px solid #d3d3d3; border-bottom: none; margin: 0; padding: 8px 15px; }
.note:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.highlighted{ background: #f5f6cb; }
.note_bottom { border: 1px solid #d3d3d3; border-top: none; }
.highlighted strong{ color: red; }
#primary .note.highlighted{ background: #f5f6cb; }
#primary .note.type2 { background: #dfdfdf; }
.note .genderSelect{ float: left; }
.note .nextAction{ float: right; position: relative; top: 2px; }
.note .primaryAction{ float: left; position: relative; top: 2px; }
.noticeLink{ padding: 4px 0 4px 26px; background-position: 0 50%; background-repeat: no-repeat; }
.type2 h3{ margin: 0; }
.userInfo .reminder{ position: absolute; top: 8px; right: 10px; text-align: right; width: 400px; font-size: 11px; }
.userInfo .content{ background: #f6f6f6; border: 1px solid #d3d3d3; padding: 0 15px;}
.userInfo .content.photo{ text-align: center; min-height:350px;}
.userInfo .content.photo img{ display: block; margin: 15px auto; }
.userInfo .content .photo_count { padding: 8px 0 5px 10px; display: block; float: left; margin-left: 20px;}
.userInfo .content .big_img_nav { padding: 8px 0 5px 10px; float: right; margin-right: 20px;}
.userInfo .keyValue{ overflow: hidden; width: 100%; }
.userInfo .keyValue li{ float: left; width: 49.9%; }
.userInfo .keyValue .key{ width: 120px; color: #999; font-size: 11px; }
.userInfo .keyValue .value{ width: 180px; font-weight: normal; }
#aboutMe .keyValue .key{ width: 49.9%; }
#aboutMe .keyValue .value{width: 49.9%; }
/* Unfloat with .noFloat class */
.userInfo .keyValue.noFloat li{ float: none; width: auto; padding: 5px 0; } /* border-bottom: 1px dotted #dfdfdf; */
.userInfo .keyValue.noFloat .key{ width: 120px;}
.userInfo .keyValue.noFloat .value{ width: 490px; }
.noTopBorder { border-top:0 };
.userInfo ul { margin-bottom: 0;}
/* !Standardized Elements in Boxes */
.newsFeed h2, .liveOnCam h2{ background: url( ../../_general/images/layout/box_heading.png) 0 0 no-repeat; padding: 10px; }
.newsFeed h2 { padding-left: 20px;}
.newsFeed .promo, .liveOnCam .promo{ font-size: 11px; margin: 10px 0; }
.plainLink{ text-decoration: none !important; }
.newsFeed{ float: left; width: 423px; position: relative; }
.newsFeed *{ margin: 0; }
.newsFeed .toggle{ position: absolute; top: 10px; right: 10px; text-align: right; width: 200px; }
.newsFeed .toggle a:link, .newsFeed .toggle a:visited, .newsFeed .toggle a:hover{ text-decoration: none; }
.newsFeed a:link, .newsFeed a:visited , .newsFeed a:hover{ font-size: 11px; font-weight: bold; text-decoration: underline; }
.newsFeed a:hover{ text-decoration: none; }
.newsFeed .content{ border: 1px solid #dfdfdf; background: #f6f6f6; height: 230px; overflow: auto; }
.newsFeed ul{padding: 0 15px 0 15px; background-color: #f6f6f6;}
.newsFeed li{ display: block; list-style: none; border-bottom: 1px solid #dfdfdf; background-position: 100% 50%; background-repeat: no-repeat; padding: 11px 50px 11px 0;}
.newsFeed li:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.newsFeed li.active{ background-color: #f5f6cb; }
.newsFeed .avatar{ float: left; padding: 0; margin-right: 10px; }
/* Iconify */
.newsFeed .typeAddYouFavorite{ background-image: url( ../../_general/images/icons/addyou_favorites.png); }
.newsFeed .typeBBRequest{ background-image: url( ../../_general/images/icons/blackbook_request.png); }
.newsFeed .typeNewEmail{ background-image: url( ../../_general/images/icons/new_email.png); }
.newsFeed .typeNewFlirt{ background-image: url( ../../_general/images/icons/new_flirt.png); }
.newsFeed .typeNewMember{ background-image: url( ../../_general/images/icons/new_member.png); }
.newsFeed .typeActivity{ background-image: url( ../../_general/images/icons/viewed_profile.png); }
.newsFeed .typeAnnouncement{ background-image: url( ../../_general/images/icons/announcement@27.png); }
.newsFeed .typeBlog { background-image: url( ../../_general/images/icons/blog@27.png); }
.newsFeed .typeForum { background-image: url( ../../_general/images/icons/forum@27.png); }
.newsFeed .typeNewMember { background-image: url( ../../_general/images/icons/newmember@27.png); }
.newsFeed .typePhoto { background-image: url( ../../_general/images/icons/photo@27.png); }
.newsFeed .typeProfile { background-image: url( ../../_general/images/icons/profile@27.png); }
.newsFeed .typeSpecial { background-image: url( ../../_general/images/icons/special@27.png); }
.newsFeed .typeVideo { background-image: url( ../../_general/images/icons/video@27.png); }
.newsFeed button { color: #343434; background: url(../images/buttons/Btn.png) 0 0 no-repeat; } /* IE Chokes here */
.newsFeed button span { background-color: #f5f6cb; background: #f5f6cb url(../images/buttons/Btn.png) 100% 0 no-repeat; } /* IE Chokes here */
.liveOnCam{ float: right; width: 207px; }
.liveOnCam *{ margin: 0; }
.liveOnCam h2{ padding: 0 0 0 10px; text-align: center; }
.liveOnCam h2 a{ display: block; background: url( ../../_general/images/layout/box_heading.png) 100% 0 no-repeat; padding: 10px 10px 10px 0; }
.liveOnCam ul{ height: 235px; border: 1px solid #dfdfdf; background: #f6f6f6; }*/
.liveOnCam li{ margin: 0; padding: 0; text-align: center;} /* border-bottom: 1px solid #dfdfdf; }*/
.liveOnCam li img{ display: block; margin: 0; padding: 0; }
.liveOnCam span{ display: block; font-size: 11px; }
.liveOnCam span a{ padding: 40px 2px 0 2px; }
.liveOnCam span a:link, .liveOnCam span a:visited, .liveOnCam span a:hover{ color: #777; text-decoration: none; }
.liveOnCam span a.sendMsg{ background-position: 0 0; background-repeat: no-repeat; }
.liveOnCam span a.sendWChat{ background-position: 100% 0; background-repeat: no-repeat; }
.liveOnCam span a:hover.sendMsg{ background-position: 0 -65px;}
.liveOnCam span a:hover.sendWChat{ background-position: 100% -65px;}
.liveOnCam .buttonHolder {text-align:center;}
.liveOnCam .primaryAction { background-position: 0 0; background-repeat: no-repeat; margin: 10px 0; }
.liveOnCam .primaryAction span { padding: 0 10px; margin: 0; background-position: 100% 0; background-repeat: no-repeat; width: 170px; line-height: 22px;}
/* !Explore Members Area */
a.viewToggle:link { text-decoration: none; }
a.viewToggle:visited{ text-decoration: none; }
a.viewToggle:hover { text-decoration: underline;}
#exploreMembers{ clear: both; padding: 10px 0 0 0; }
#exploreMembers .note{ background: #f4f4f4; }
.viewToggle.galleryViewToggle{float:left; padding: 2px 0 2px 20px; background: url( ../../_general/images/icons/galleryview.png) 0 50% no-repeat; }
.viewToggle.listViewToggle{ float:left; padding: 2px 0 2px 20px; background: url( ../../_general/images/icons/listview.png) 0 50% no-repeat;}
#exploreMembers .content{ border: 1px solid #dfdfdf; background: #f4f4f4;}
#exploreMembers .content:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
#exploreMembers .more_link { background-image: url(../../_general/images/icons/search_listings_arrow2.png); background-position: center right; background-repeat: no-repeat; padding-right: 10px; text-align:right; width: 40%; }
/* !Members List View [controlled by .content.listView] */
.memberWrap{ padding: 10px 10px 0 10px; border-bottom: 1px solid #dfdfdf; background: #f9f9f9 url( ../../_general/images/layout/member_wrap.png) 0 100% repeat-x; }
.memberWrap:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.memberInfo{ float: left; display: inline; width: 140px; position: relative; overflow: hidden; }
.memberAbout{ float: right; width: 470px; }
.memberAbout.verified{ background-position: 403px 0; background-repeat: no-repeat; }
.memberInfo a.hint:link { text-decoration: none; }
.memberInfo a.hint:visited { text-decoration: none; }
.memberInfo a.hint:hover { text-decoration: underline; }
.memberInfo strong.isOnline, .memberInfo strong.isOffline{ display: block; width: 100px; text-align: center; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; position: relative; top: -1px; }
.memberInfo strong.isOffline{ background: #adadad; color: #ffffff; }
.memberName{ display: block; }
.memberName:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.memberInfo .plainLink, .memberInfo .hint{ float: left; clear: left; }
.memberInfo .hint{ margin: 10px 0; }
.memberInfo .plainLink strong{ text-align: left; background: transparent; text-transform: none; font-weight: bold; }
.linkBadge{ padding: 4px 6px 6px 6px; text-align: center; background: #f4f4f4; border: 1px solid #dfdfdf; font-size: 11px; }
.galleryView .memberInfo .linkBadge{ display: block; padding: 4px 0; }
.linkBadge:link,.linkBadge:visited{ text-decoration: none; }
.linkBadge:hover{ background: #f5f5ca; }
.member_profile_extra { display: none;}
.memberInfo .quickLinks{ position: absolute; top: 0; right: 0; margin: 0; }
.memberInfo .quickLinks li{ display: block; list-style: none; margin: 0 0 3px 0; height: 32px; width: 37px; }
.memberInfo .quickLinks a{ display: block; height: 32px; text-indent: -9999px; background-repeat: no-repeat; }
/* Buttonify with sprites */
.memberInfo .quickLinks .sendMsg a{ background-position: 100% 0; }
.memberInfo .quickLinks .sendFlirt a{ background-position: 100% -32px; }
/*
.memberInfo .quickLinks .addToFaves a{ background-position: 100% -64px; }
.memberInfo .quickLinks .rateMember a{ background-position: 100% -96px; }
.memberInfo .quickLinks .addToBB a{ background-position: 100% -128px; }
.memberInfo .quickLinks .remFromFaves a{ background-position: 100% -160px; }
.memberInfo .quickLinks .remFromBB a{ background-position: 100% -192px; }
*/
.memberInfo .quickLinks .viewProfile a{ background-position: 100% -64px; }
.memberInfo .quickLinks .viewPhotos a{ background-position: 100% -96px; }
/* Do hovers */
.memberInfo .quickLinks .sendMsg a:hover{ background-position: 0 0; }
.memberInfo .quickLinks .sendFlirt a:hover{ background-position: 0 -32px; }
/*
.memberInfo .quickLinks .addToFaves a:hover{ background-position: 0 -64px; }
.memberInfo .quickLinks .rateMember a:hover{ background-position: 0 -96px; }
.memberInfo .quickLinks .addToBB a:hover{ background-position: 0 -128px; }
.memberInfo .quickLinks .remFromFaves a:hover{ background-position: 0 -160px; }
.memberInfo .quickLinks .remFromBB a:hover{ background-position: 0 -192px; }
*/
.memberInfo .quickLinks .viewProfile a:hover{ background-position: 0 -64px; }
.memberInfo .quickLinks .viewPhotos a:hover{ background-position: 0 -96px; }
.memberAbout h3, .memberAbout p{ margin: 10px 0; }
/* !Member Search Form */
.memberSearch{ float: left; width: 440px; }
.memberSearch label{ float: left; margin: 0 10px 10px 0; }
/*.memberSearch label.chooseView{ float: right; margin-right: 0; padding-right: 15px; }*/
.note .promo{ float: right; width: 150px; background: #fff; outline: 1px solid #dfdfdf; text-align: center; padding: 32px 10px; }
/* !Standardized Form Elements */
button, .button{ display: block; height: 22px; padding: 0 0 0 15px; font-size: 12px; font-weight: normal; background-position: 0 0; background-repeat: no-repeat; border: none; }
.button:link, .button:visited{ text-decoration: none; }
button span, .button span{ float: left; height: 22px; line-height: 22px; padding: 0 15px 0 0; background-position: 100% 0; background-repeat: no-repeat; }
/* !Fx only hacks */
button, x:-moz-any-link { padding-left: 10px; } /* Fx2 */
button span, x:-moz-any-link { position: relative; right: -3px; top: -1px; } /* Fx2 */
button span, x:-moz-any-link, x:default{ position: relative; right: -3px; top: -1px; } /* Fx3 - check */
/* !Members Gallery View [controlled by .content.galleryView] */
/*.galleryView{ padding: 11px 0 0 0; }*/
.galleryView .memberInfo{ margin: 10px; padding: 0; background: transparent; }
.galleryView .memberName.verified{ padding: 0 0 0 30px; background: url( ../../_general/images/icons/verified.png) 0 .4em no-repeat; }
.galleryView .memberInfo .hint{ margin: 0 0 10px 0; }
/*bojan added for dynimic view switching */
.galleryView .memberWrap{ display:inline; float:left; background:transparent; padding:0; margin: 0; border: 1px solid #FFFFFF; }
.galleryView .memberAbout{ display:none; }
/* !Members Video View [controlled by .content.videoView] */
.videoView .memberInfo{ margin: 18px; width: 180px; padding: 0; background: transparent; }
.videoView .memberName.verified{ padding: 0 0 0 30px; width: 150px; background: url( ../../_general/images/icons/verified.png) 0 .4em no-repeat; }
.videoView .memberInfo strong.isOnline, .videoView .memberInfo strong.isOffline{ margin: -32px 0 10px 10px; }
.videoView .memberInfo strong.isOnline, .videoView .memberInfo strong.isOffline{
opacity: .7; /* Firefox 1.5, Safari, Opera 9 */
-moz-opacity: .7; /* Firefox 1.0.x */
filter: alpha(opacity=70); /* IE */
}
.videoView .memberInfo .hint{ margin: 0; }
/* !Gallery View for Photos */
.thumbGallery{ margin: 20px 0 0 34px; }
.thumbGallery:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.thumbGallery li{ float: left; margin: 0 20px 20px 0; }
.thumbGallery img{ display: block; }
/* !Home Page */
#hpHeader{ margin: 20px 45px; border-bottom: 1px solid #dfdfdf;}
#hpHeader:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
#hpHeader h2{ float: left; height: 42px; margin: 0; background-position: 0 0; background-repeat: no-repeat; padding-left: 5px; padding-top: 0; }
#hpHeader .geo_title { float:left; width: 180px; text-align: center; font-size: 16px; padding-top: 8px;}
#hpHeader .quickSignupTitle {text-transform:uppercase; padding-left: 15px; padding-top: 8px; margin:0; float:left; font-size: 12px; color: #969696; font-weight: normal; line-height: 110%; width:400px;}
#hpHeader .quickSignupTitleR { padding-top:20px; float:right; color: #969696; font-weight: normal; line-height: 100%;}
#hpHeader .quickSignupTitleR span {color: red; text-decoration: underline; }
#hpHeader ul{ float: right; margin: 4px 0 0 0; color: #999; }
#hpHeader li{ float: right; margin: 0; text-transform: uppercase; border-left: 1px solid #dfdfdf; font-weight: bold; }
#hpHeader li.active{ color: #333; }
#hpHeader li a{ display: block; line-height: 100%; padding: 10px 15px; }
#hpHeader li.last a{ border: none; }
#hpHeader li a:link, #hpHeader li a:visited, #hpHeader li a:hover{ text-decoration: none; }
#hpHeader li a:hover{ text-decoration: underline; }
#hpHeader li.active a:link, #hpHeader li.active a:visited, #hpHeader li.active a:hover{ color: #333; }
#homePage #primary, #signup #primary{ background: #e8e8e8; float: none; width: auto; margin: 20px 45px; }
/*#homePage #primary:after, #signup #primary:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }*/
#mainSignup{ background-position: 0 0; background-repeat: no-repeat; overflow: hidden; padding: 30px 30px 30px 350px; color: #dfdfdf; height: 248px; }
#mainSignup:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
#mainSignup a:link{ color: #fff; }
.signupIntro{ float: left; width: 228px; }
.signupIntro h3{ font-size: 18px; margin: 0; text-align: center; line-height: 100%; font-weight: 500; }
.signupIntro ul{ margin: 10px 0 0 0; padding: 10px 0; border: 1px solid #dfdfdf; border-width: 1px 0; text-align: center; }
.signupIntro ul li{ margin: 0; padding: 0 ; display: inline; }
.signupIntro ul li.accented{ display: block; padding: 0; margin:0 background: transparent; font-weight: normal; }
.signupForm{ float: right; width: 212px;}
.signupForm select, .signupForm input{ margin: 5px 0; vertical-align: middle; }
.signupForm input.block{ border-width: 1px; border-style: solid; }
.signupForm label input{ margin: 0; border: none; }
.signupForm .block{ width: 206px; }
.signupForm label{ font-size: 10px; }
.signupForm button{ display: block; background-position: 0 0; background-repeat: no-repeat; width: 212px; height: 42px; text-indent: -9999px; margin: 10px 0; }
.optionsToggle{ text-transform: uppercase; font-weight: bold; text-align: right; padding: 0 15px 10px 15px; }
.optionsToggle a:link{ text-decoration: none; }
.optionsToggle a:hover{ text-decoration: underline; }
#homePage #secondary, #signup #secondary{ margin: 20px 45px; padding: 0; }
#homePage #secondary:after, #signup #secondary:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
#secondary .freshProfiles, #secondary .CCInfo{ float: left; width: 580px; }
#secondary .freshProfiles.fullWidth{ float: none; width: 100%; }
#secondary .login, #secondary .basicInfo, .planSelect{ float: right; width: 212px; }
#secondary h2{ overflow: hidden; width: 100%; margin-top: 0; border-bottom: 1px solid #dfdfdf; }
#secondary .freshProfiles h2 span.title, #secondary .CCInfo h2 span.title{ float: left; margin: 0; padding: 8px 8px 8px 16px; background-position: 0 0; background-repeat: no-repeat; }
#secondary .freshProfiles h2 span.date, #secondary .CCInfo h2 span.date{ float: left; padding: 8px 8px 8px 18px; background-position: -417px 0; background-repeat: no-repeat; color: #333 !important; }
#secondary .login h2, #secondary .basicInfo h2, #secondary .planSelect h2{ background-position: 0 0; background-repeat: no-repeat; padding: 0 0 0 16px; width: auto; }
#secondary .login h2 span, #secondary .basicInfo h2 span, .planSelect h2 span{ display: block; background-position: -318px 0; background-repeat: no-repeat; background-color: #fff; padding: 8px 16px 8px 0; }
#secondary .basicInfo h2 span{ background-position: -346px 0; }
#secondary .planSelect h2 span{ background-position: -340px 0; }
#secondary .basicInfo p{ margin: -1.5em 0 .5em 0; color: #999; }
#secondary .login h3{ margin: 10px 0; }
#secondary .login input, #secondary .basicInfo input{ width: 206px; border: 1px solid #ccc; margin: 0 0 10px 0; }
#secondary .basicInfo select{ width: 216px; margin: 0 0 10px 0; }
#secondary .login label input{ width: auto; border: none; margin: 0; }
#secondary .login .rememberMe{ display: block; text-align: left; }
#secondary .login button{ float: right; margin: 10px 0 0 0; }
#secondary .login .forgotPass{ float: left; margin: 12px 0 0 0; }
/* !Expanded Form */
#signupExpanded{ padding: 0 15px 20px 15px; }
#signupExpanded:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
#signupExpanded .highlighted{ margin: 0 0 20px 0; padding: 1px 15px; border: 1px solid #ccc; border-width: 1px 0; }
#signupExpanded .fieldHolder{ float: left; width: 380px; margin: 0 10px 0 0; position: relative; }
#signupExpanded .fieldHint{ margin: -7px 0 0 0; text-align: left; font-size: 11px; color: #777777 }
#signupExpanded .homeNote { padding: 10px; font-size: 12px; color: #000000; font-weight: bold; border: 1px solid #dfdfdf; border-width: 1px; }
#signupExpanded .col.last .fieldHolder label,#signupExpanded .col.last .fieldHolder input{ display: block; width: 182px; overflow: hidden; }
#signupExpanded .col.last .captcha img{ clear:both; border: 1px solid #ccc; margin: 0 21px 10px 0; width: 182px;}
#signupExpanded .col.last .captcha input{ float:left; width: 179px; }
#signupExpanded .col.last .captcha label{ padding:0 0 8px 0 ; padding:0; width:100px; float:left; font-weight: normal;}
#signupExpanded .col.last .captcha label a { color: #777777; }
#signupExpanded #security_div { color: #777777; clear:both;}
#signupExpanded .fieldHolderHeadline{ float: left; width: 100%; margin: 0px 10px 10px 0; position: relative; }
#signupExpanded .fieldHolderHeadline label, .fieldHolderHeadline input, .fieldHolderHeadline select{ display: block; width: 379px; }
#signupExpanded .fieldHolderHeadline label, .fieldHolderHeadline .label { font-weight: normal; }
#signupExpanded .fieldHolderHeadline input, .fieldHolderHeadline textarea, .fieldHolderHeadline select{ margin: 0 0 10px 0; }
#signupExpanded .fieldHolderHeadline label select{ float: left; width: auto; margin: 10px; }
#signupExpanded .fieldHolderHeadline .fieldHint{ margin: -7px 0 0 0; text-align: left; font-size: 11px; color: #777777 }
#signupExpanded .fieldHolderHeadline .fieldHint a { color: #777777; }
#signupExpanded .fieldHolderHeadline p{ margin: 0; }
#signupExpanded .fieldHolderHeadline #headline_info { color: #777777; display: none;}
#signupExpanded .fieldHolderHeadline .fieldInfo { font-size: 10px; color: #777777; margin-bottom: 2px; }
#signupExpanded .fieldHolderHeadline #secutiry_info { color: #777777; margin-top: -20px; }
#signupExpanded .fieldHolderDob{ float: left; width: 400px; margin: 0 10px 10px 0; position: relative;}
#signupExpanded .fieldHolderDob label{ display: block; width: 100px; margin-bottom: 2px; font-weight: normal;}
#signupExpanded .fieldHolderDob select { margin-left: 10px; float: left; display: block; width: 100px; height: 21px; }
#signupExpanded .fieldHolderDob .first { margin-left: 0; }
#signupExpanded .fieldHolderDob p{ margin: 0; }
#signupExpanded .fieldHolderDob .fieldError { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
.col{ float: left; width: 400px;}
.col.last{ float: right; }
.fieldHolder{ float: left; width: 190px; margin: 0 10px 10px 0; position: relative; }
.col.last .fieldHolder{ float: none; overflow: hidden; width: 400px; margin: 0; }
.col.last .fieldHolder label, .col.last .fieldHolder input{ display: block; width: 396px; overflow: hidden; }
.col.last .fieldHolder textarea{ width: 394px; }
.col.last .fieldHolder label small{ position: absolute; top: .2em; right: 0; }
.fieldHolder textarea{ height: 100px; }
.fieldHolder .inlineField{ float: none; display: inline; width: auto !important; margin: 0 10px 0 0; }
.fieldHolder label, .fieldHolder input{ display: block; width: 182px; }
.fieldHolder select{ display: block; width: 182px; height: 21px; }
.fieldHolder label.inlineLabel{ display: inline; width: auto; margin: 0; padding: 0; font-weight: normal; }
form .fieldHolder label.inlineLabel input{ float: none; display: inline; width: auto; margin: 0; padding: 0; border: none; }
.fieldHolder label, .fieldHolder .label{ font-weight: normal; }
.fieldHolder input, .fieldHolder textarea, .fieldHolder select{ margin: 0 0 10px 0; }
.fieldHolder label select{ float: left; width: auto; margin: 0 2px 0 0; }
.fieldHolder p{ margin: 0; }
.fieldHolder .fieldHint{ margin: -7px 0 0 0; text-align: right; font-size: 11px; }
.fieldHolder .fieldInfo { font-size: 10px; color: #777777; margin-bottom: 2px; }
.fieldHolder .fieldError { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
.fieldHolderJoin{ float: left; width: 190px; margin: 0 10px 10px 0; position: relative; }
.col.last .fieldHolderJoin{ float: none; overflow: hidden; width: 400px; margin: 0; }
.col.last .fieldHolderJoin label, .col.last .fieldHolderJoin input{ display: block; width: 396px; overflow: hidden; }
.col.last .fieldHolderJoin textarea{ width: 394px; }
.col.last .fieldHolderJoin label small{ position: absolute; top: .2em; right: 0; }
.fieldHolderJoin textarea{ height: 100px; }
.fieldHolderJoin .inlineField{ float: none; display: inline; width: auto !important; margin: 0 10px 0 0; }
.fieldHolderJoin label, .fieldHolderJoin input{ display: block; width: 182px; }
.fieldHolderJoin select{ display: block; width: 182px; height: 21px; }
.fieldHolderJoin label.inlineLabel{ display: inline; width: auto; margin: 0; padding: 0; font-weight: normal; }
form .fieldHolderJoin label.inlineLabel input{ float: none; display: inline; width: auto; margin: 0; padding: 0; border: none; }
.fieldHolderJoin label, .fieldHolderJoin .label{ font-weight: bold; }
.fieldHolderJoin input, .fieldHolderJoin textarea, .fieldHolderJoin select{ margin: 0 0 10px 0; }
.fieldHolderJoin label select{ float: left; width: auto; margin: 0 2px 0 0; }
.fieldHolderJoin p{ margin: 0; }
.fieldHolderJoin .fieldHint{ margin: -7px 0 0 0; text-align: right; font-size: 11px; }
.fieldHolderJoin .fieldInfo { font-size: 10px; color: #777777; margin-bottom: 2px; }
.fieldHolderJoin .fieldError { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
.fieldHolderDob{ float: left; width: 105px; margin: 0 10px 10px 0; position: relative; }
.fieldHolderDob label{ display: block; width: 100px; margin-bottom: 2px; }
.fieldHolderDob label, .fieldHolderDob .label{ font-weight: bold; }
.fieldHolderDob input, .fieldHolderDob textarea, .fieldHolderDob select{ margin: 0 0 10px 0; }
.fieldHolderDob label select{ float: left; width: auto; margin: 0 2px 0 0; }
.fieldHolderDob select{ display: block; width: 100px; height: 21px; }
.fieldHolderDob p{ margin: 0; }
.fieldHolderDob .fieldError { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
.fieldHolderHeadline{ float: left; width: 100%; margin: 0px 10px 10px 0; position: relative; }
.fieldHolderHeadline label, .fieldHolderHeadline input, .fieldHolderHeadline select{ display: block; width: 379px; }
.fieldHolderHeadline label, .fieldHolderHeadline .label{ font-weight: bold; }
.fieldHolderHeadline input, .fieldHolderHeadline textarea, .fieldHolderHeadline select{ margin: 0 0 10px 0; }
.fieldHolderHeadline label select{ float: left; width: auto; margin: 0 2px 0 0; }
.fieldHolderHeadline .fieldHint{ margin: -7px 0 0 0; text-align: left; font-size: 11px; }
.fieldHolderHeadline p{ margin: 0; }
.fieldHolderHeadline #headline_info { color: #777777; }
.fieldHolderHeadline .fieldInfo { font-size: 10px; color: #777777; margin-bottom: 2px; }
.fieldHolderHeadline #secutiry_info { color: #777777; margin-top: -20px; }
.fieldHolderHeadline .fieldError { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
.captcha{ clear: both; width: 390px; overflow: hidden; padding: 16px 0 0 0; }
.captcha img{ float: left; border: 1px solid #ccc; margin: 0 21px 0 0; }
.captcha input{ width: 182px; }
.captcha .fieldHint{ margin: 0 4px 0 0; text-align: right; font-size: 11px; }
.captcha label{ display: block; width: 100px; margin-bottom: 2px; }
.captcha label, .captcha .label{ font-weight: bold; }
#signupExpanded .btnHolder{ font-size: 14px; color: red; font-weight: bold; width: 400px; overflow: hidden; line-height: 42px; text-align: left; margin: 10px 0 0 0; }
#signupExpanded .btnHolder button{ float: left; width: 212px; height: 42px; margin: 0 0 0 0; padding: 0; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; text-align: left; }
#signupExpanded .btnHolder button{ background-image: url(../../_general/images/buttons/start_dating.png); }
.btnHolder button{ float: right; width: 212px; height: 42px; margin: 0 0 0 10px; padding: 0; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; text-align: left; }
.btnHolder .btnCaption{ float: left; }
/* !Signup Step 2 */
#signup-step2{ background-color: #fff; background-position: 0 0; background-repeat: no-repeat; padding: 1px 0 0 0; color: #dfdfdf; position: relative; }
#signup-step2 .joinLeft { float:left; width: 350px;}
#signup-step2 .joinRight { float:right; margin: 0; padding: 0; width: 220px;}
#signup-step2 .welcome{ color: #000000; border-bottom: 0px; margin-top: 35px; margin-right: 35px; margin-bottom: 1.5em; margin-left: 210px; border-bottom: 1px solid #dfdfdf; }
#signup-step2 a:link, #signup-step2 a:visited{ color: #fff; }
#signup-step2 .JoinNote { background: #f5f6cb; padding: 10px; font-size: 12px; color: #000000; font-weight: bold; border: 1px solid #dfdfdf; border-width: 1px;}
#signup-step2 .JoinNote strong {color: red;}
#signup-step2 .btnHolder { margin: 20px 0 0 0; padding: 10px 0 0 0; height: 68px; width: 210px; float:left; }
#signup-step2 .btnHolder button{ background-image: url(../images/buttons/create_account.png) }
#signup-step2 .btnHolder button {margin: 0; padding: 0px;}
#signup-step2 p.note, #signup-step2 p.fieldHint a{color:#777;}
#signup-step2 .fieldHolder{ float: left; width: 330px; margin: 0;}
#signup-step2 .fieldHint { color: #777777; margin: -7px 0 0 0; text-align: left; font-size: 11px;}
#signup-step2 .fieldHolderHeadline label, #signup-step2 .fieldHolderHeadline input { display: block; width: 330px; }
#signup-step2 .fieldHolderHeadline label { font-weight: normal; }
#signup-step2 label {color: #000000; }
#signup-step2 .fieldInfo, #signup-step2 #headline_info, #signup-step2 #secutiry_info, #signup-step2 .fieldHint a {color: #777777; }
#signup-step2 .error {color: #FF0000; }
#signup-step2 #errorMsg {border-style:solid; border-color: #FF0000; color:#FF0000; }
#signup-step2 #errorMsg ol li {border-color: #FF0000; }
#signup-step2 .fieldHolderDob{ float: left; width: 230px; margin: 0; position: relative;}
#signup-step2 .fieldHolderDob label{ display: block; width: 100px; margin-bottom: 2px; font-weight: normal;}
#signup-step2 .fieldHolderDob input, .fieldHolderDob textarea, .fieldHolderDob select{ margin: 0 0 10px 0; }
#signup-step2 .fieldHolderDob select { margin-left: 10px; float: left; display: block; width: 100px; height: 21px;}
#signup-step2 .fieldHolderDob .first { margin-left: 0; }
#signup-step2 .fieldHolderDob p{ margin: 0; }
#signup-step2 .fieldHolderDob .fieldError { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
#signup-step2 .captcha { clear: both; width: 250px; overflow: hidden; padding: 16px 0 0 0;}
#signup-step2 .captcha img{ clear:both; border: 1px solid #ccc; margin: 0 21px 10px 0; width: 182px;}
#signup-step2 .captcha input{ float:left; width: 180px; }
#signup-step2 .captcha label{ padding:0 0 8px 0 ; padding:0; width:90px; font-weight: normal; float:left; }
#signup-step2 .captcha label a.cpl { padding-left: 15px; color: #777777; }
#signup-step2 #security_div { color: #777777; clear:both; width: 240px; padding: 5px; }
#signup-step2 .milVerify { margin: 15px 0 0 0; }
#signup-step2 .milVerify .note{ background: transparent; margin: 0; padding: 0; border: none; color: #777777; float: left; width: 260px; }
#signup-step2 .userDetails{ color:#000; padding: 0 35px 30px 210px; background-position: 0 100%; background-repeat: no-repeat; }
#signup-step2 .fieldHolder.userDesc, #signup-step2 .fieldHolder.userDesc label { width: 330px; margin-right: 0; height: auto; }
#signup-step2 .fieldHolder.userDesc textarea { width: 330px; }
.teaserFeatures{ position: absolute; top: 550px; left: 30px; margin: 0; width: 150px; color: #333; text-align: center; }
.teaserFeatures li{ display: inline; margin: 0 5px 0 0; padding: 0 0 0 10px; background-position: 0 .4em; background-repeat: no-repeat; }
.teaserFeatures li.accented{ display: block; padding: 0; margin: 0; background: transparent; font-weight: bold; }
#lander-1 .fieldHolder.userDesc, #lander-1 .fieldHolder.userDesc label{ width: 410px; margin-right: 0; height: auto; }
#lander-1 .fieldHolder.userDesc textarea{ width: 400px; }
#lander-1 .captcha{ float: right; clear: none; width: 177px; }
#lander-1 .captcha{ margin-top: 73px; margin-right: 18px; }
#lander-1 .captcha img{ float: none; display: block; margin: 0 0 10px 0; }
#lander-1 .captcha input{ width: 171px; }
.milVerify, #lander-1 .btnHolder{ clear: both; width: 100%; overflow: hidden; }
#lander-1 .milVerify{ width: 610px; margin: 0 18px; }
#lander-1 .btnHolder{ border-top-width: 1px; border-top-style: solid; margin-top: 1.5em; padding: 10px 0 0 0; line-height: 42px; font-size: 14px; font-weight: bold; }
.milVerify p{ margin: 0; }
.milVerify .note{ background: transparent; margin: -3em 0 0 0; padding: 0; border: none; color: #ccc; float: right; width: 280px; }
#lander-1 .milVerify .note{ color: #999; }
/* !Billing */
#secondary .planSelect{ float: right; width: 212px; }
#billing{ background-position: 0 0; background-repeat: no-repeat; height: 300px; padding: 16px 16px 7px 16px; position: relative; }
#billing:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
#billing .welcome{ float: right; width: 270px; display: inline; margin: 0 20px 0 0; }
#billing .welcome p strong{ font-size: 18px; display: block; }
#billing .teaserFeatures{ position: static; margin: 1.5em 0; width: auto; color: #fff; text-align: left; }
#billing .teaserFeatures li{ display: block; margin: 0 0 10px 0; padding-left: 16px; }
#billing .singlesGallery{ float: left; width: 484px; color: #fff; }
#billing .singlesGallery p{ margin: 0; position: absolute; top: 307px; left: 16px; width: 484px; text-align: center; color: #777; }
.compareMemberships{ text-align: right; margin: -1.5em 16px 0 0; padding: 0 0 1em 0; position: relative; }
.planSelect .note{ border: 1px solid #dfdfdf; border-width: 1px 0; margin: 0; font-size: 11px; margin: -1.8em 0 0 0; }
.planSelect .note strong{ display: block; font-size: 12px; text-transform: uppercase; }
.planSelect ul li{ margin: 0 0 10px 0; }
.planSelect ul li label{ display: block; width: 100%; overflow: hidden; }
.planSelect ul li label input{ float: left; }
.planSelect .btnHolder button{ margin: 0; }
.CCInfo .fieldHolder.hasLabels{ float: right; width: 300px; margin: 0; }
.CCInfo .fieldHolder.hasLabels label{ float: left; width: 80px; }
.CCInfo .fieldHolder.hasLabels p label{ float: none; width: auto; }
.CCInfo .fieldHolder.hasLabels input, .CCInfo .fieldHolder.hasLabels select{ float: right; }
.CCInfo .fieldHolder.hasLabels select{ width: 188px; }
.CCInfo .fieldHolder.hasLabels label input{ float: none; display: inline; width: auto; }
.CCInfo .fieldHolder.hasLabels .comboField{ clear: both; width: 100%; overflow: hidden; }
.CCInfo .fieldHolder.hasLabels .comboField select{ margin: 0 0 10px 10px; }
.CCInfo .fieldHolder.hasLabels .comboField select.expDateMonth{ width: 106px }
.CCInfo .fieldHolder.hasLabels .comboField select.expDateYear{ width: 70px; }
.CCInfo .fieldHolder.hasLabels .fieldHint{ clear: both;}
.CCInfo .CCImages img{ display: block; margin: 0 0 10px 112px; }
.tosBox{ padding: 1.5em 0 0 0; font-size: 11px; }
.tosBox label{ font-weight: normal; }
#searchMailsBoxt { background-color: #fff; width: 610px; height: 160px; border: 2px solid #dfdfdf; }
.patch_fill_new { background-color: #777; }
/*
-----------------------------------------------------------------
*/
/* !Lander 1 */
#lander-1{}
h2.geoTitle{ width: 652px; position: relative; top: -1px; left: -1px; background: #fff; margin: 0; padding: 0 0 4px 0; border-bottom: 1px solid #ccc; }
h2.geoTitle:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
h2.geoTitle span{ float: left; position: relative; top: 2px; }
h2.geoTitle select{ float: right; }
#lander-1 #primary{ float: right; width: 650px; background: #efefef; border: 1px solid #ccc; }
#lander-1 .featuredProfiles{ background: #dfdfdf; padding: 1px 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#lander-1 #primary form{ }
#lander-1 #secondary{ float: left; width: 270px; background: #e8e8e8 url( ../../_general/images/layout/sidebar_bg.jpg) 0 0 repeat-x; }
#lander-1 #secondary h2{ margin: 0; padding: 10px 16px; background-position: 0 0; background-repeat: no-repeat; text-align: center; width: auto; }
#lander-1 #secondary p, #lander-1 #secondary h3, #lander-1 #secondary ul, #lander-1 #secondary .holder{ margin: 12px; }
#lander-1 #secondary .avatar{ padding: 0; border: none; background: transparent; }
#lander-1 #secondary .avatar img{ display: block; border: 1px solid #fff; margin: 0 auto; }
#lander-1 #secondary p, #lander-1 #secondary .holder{ padding: 6px; border: 1px solid #ccc; border-width: 1px 0; background: #f4f4f4; }
#lander-1 #secondary .holder *{ margin-left: 0; margin-right: 0; }
#lander-1 #secondary .holder h3{ text-align: center; }
#lander-1 #secondary p.highlighted{ padding: 6px; background: #f5f5cb; }
#lander-1 #secondary .teaserFeatures{ position: static; width: auto; }
#lander-1 #secondary .teaserFeatures li{ display: inline; margin: 0 5px 0 0; padding: 0 0 0 10px; background-position: 0 .4em; background-repeat: no-repeat; }
#lander-1 #secondary .teaserFeatures li.accented{ display: block; padding: 0; margin: 0; background: transparent; font-weight: bold; }
.signupForm-l1 .fieldHolder{ margin-right: 18px; margin-left: 18px; display: inline; }
#lander-1 #primary .btnHolder{ padding: 10px 20px; width: 610px; border-top: none; }
#lander-1 #primary .btnHolder button{ background-image: url( ../../_general/images/buttons/transp_create_my_profile.png); }
/* !Lander 2 */
#lander-2{ padding: 1px 0; }
#lander-2 #navigate{}
#lander-2 #navigate p{ width: 750px; margin: 0 auto 10px auto; text-align: right; }
#lander-2 #promoBox{ width: 100%; overflow: hidden; background-position: 0 0; background-repeat: repeat-x; padding: 10px 0 40px 0; }
#lander-2 #promoBox .content{ position: relative; width: 740px; height: 320px; margin: 0 auto; padding: 4px; background-color: #fff; background-position: 4px 4px; background-repeat: no-repeat; border: 1px solid #ccc; }
#lander-2 #promoBox .content h2, #lander-2 #promoBox .content p{ float: right; display: inline; margin-right: 36px; width: 404px; }
#lander-2 #promoBox h2{ font-size: 11px; text-transform: uppercase; font-weight: normal; margin-top: 140px; text-align: center; }
#lander-2 #promoBox p.tagline{ font-size: 18px; font-weight: bold; color: #faf5ad; text-align: center; margin-top: 0; margin-bottom: 0; }
#lander-2 #promoBox p.action{ width: 404px; height: 49px; margin-top: 10px; margin-bottom: 0; }
#lander-2 #promoBox p.action a{ display: block; height: 49px; background: url( ../../_general/images/buttons/transp_enter_site_l2.png) 0 0 no-repeat; text-indent: -9999px; }
#lander-2 #invite{ width: 850px; margin: 20px auto; border-bottom: 1px solid #ccc; }
#lander-2 #invite:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
#lander-2 #invite .sneakPeak{ float: left; width: 260px; text-align: center; margin: 20px auto; padding-top: 25px; }
#lander-2 .sneakPeak h3{ text-transform: uppercase; font-size: 18px; color: #999; margin: 0; text-align: center; }
#lander-2 .sneakPeak p{ font-size: 15px; margin: 10px 0 20px 0; }
#lander-2 .sneakPeak p a { font-size: 12px; display: block; margin: 10px 0 0 0; }
#lander-2 .blue { color: #0302fe; }
#lander-2 #footer{ width: 750px; }
#lander-2 #footer .fdes { font-size: 10px;}
/* !Upgrade Page */
#lander-1{}
.upgradeForm{}
.upgradeForm fieldset{ padding: 0; width: auto; background: url( ../../_general/images/layout/form_headline_bg.png) 0 0 repeat-x; }
.upgradeForm fieldset.col{ background: transparent; width:320px; }
.upgradeForm h2{ margin: 0; padding: 0 24px; height: 42px; line-height: 42px; }
.upgradeForm fieldset.first{ background-position: 0 -1px; }
.upgradeForm .fieldHolder{ float: none; width: auto; margin: 12px 0 10px 0; padding: 0 24px; }
form.upgradeForm .fieldHolder input, form.upgradeForm .fieldHolder select{ width: 219px; }
.upgradeForm .fieldHolder .fieldHint{ margin-right: 50px; }
#lander-1 #primary .upgradeForm .btnHolder{ background: #fff8db; border-top: 1px solid #ccc; }
#lander-1 #primary .upgradeForm .btnHolder button{ width: 160px; height: 30px; background-image: url( ../../_general/images/buttons/upgrade.png); }
.subPrimary{ float: right; width: 652px; font-size: 11px; }
.seal{ float: left; width: 40%; }
.footnotes{ float: right; width: 58%; }
.footnotes .keyValue .key{ width: 10%; text-align: right; }
.footnotes .keyValue .value{ width: 88%; }
/* !Quicklinks Pages */
.boxTitle{ margin: 1.5em 0 0 0; }
.boxTitle:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.boxTitle h2 { float: left; width: auto; margin-right: 18px; padding-left: 15px; }
.boxTitle h2 span{ padding-right: 12px; }
.boxTitle .titleInfo{ float: left; margin: .8em 0 0 0; }
.boxTitle .viewToggle{ float: right; position: static; margin-top: .7em; }
.handleRequest{ padding: 0 15px; clear: both; }
.memberWrap .handleRequest{ border-top: 1px solid #dfdfdf; padding: 15px; }
.handleRequest:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.handleRequest .buttonHolder button{ float: right; margin: 0 0 0 10px; }
.handleRequest .buttonHolder button.primaryAction, .handleRequest .buttonHolder button.primaryAction span{ background-image: url( ../../_general/images/buttons/standard_button_confirm.png); color: #fff; }
.handleRequest .buttonHolder button.negativeAction, .handleRequest .buttonHolder button.negativeAction span{ background-image: url( ../../_general/images/buttons/standard_button_deny.png); color: #fff; }
/* !Settings Page */
.content.settings{ background: #f9f9f9; padding: 1px 15px; border: 1px solid #ccc; }
.settingsNav{ clear: both; font-weight: bold; }
.settingsNav:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.settingsNav li{ margin: 0 0 .85em 0; float: left; width: 25%; }
.settingsNav a:link, .settingsNav a:visited{ text-decoration: none; }
.settingsNav a:hover{ text-decoration: underline; }
.highlighted .settingsNav strong{ color: green; }
.settingsForm{}
.settingsForm fieldset{ padding: 1.5em 0 0 0; }
.settingsForm p{ margin-top: 0; }
.settingsForm h4{ display: block; width: 100%; margin: 0 0 .75em 0; padding: 1.5em 0 .5em 0; clear: both; border-bottom: 1px solid #dfdfdf; }
.settingsForm .fieldHolder{ width: 100%; padding: 0; margin: 0 0 .75em 0; }
.settingsForm label{ float: left; width: 200px; font-weight: normal; }
.settingsForm input, .settingsForm select, .settingsForm textarea{ float: left; width: 200px; margin: 0; }
.fieldHolder.autoWidth input, .fieldHolder.autoWidth select{ width: auto; }
.fieldHolder.autoWidth .connector{ float: left; padding: .3em 5px 0 5px; }
.fieldHolder.indented{ padding-left: 200px; }
.fieldHolder.col{ float: left; width: 49.9%; }
.settingsForm .buttonHolder{ margin: 1.5em 0; padding: .75em 0 0 0; border-top: 1px solid #dfdfdf; }
/* !Chat Page */
#primary.fullWidth{ float: none; width: 100%; }
.content.chat{ background: #f9f9f9; padding: 1px 15px; border: 1px solid #ccc; }
.chatHolder{ width: 730px; height: 500px; margin: 1.5em auto; background: #000; }
.accentedBox{ background: #f5f6cb; padding: 0 15px; border: 1px solid #ccc; border-width: 1px 0; }
.accentedBox:after, .chatroomRules:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.chatroomRules{ float: right; width: 480px; margin: -.75em 0 1.5em 0; }
.fullWidth .accentedBox{ padding-left: 160px; padding-right: 160px; }
.chatroomRules li{ margin: 0; float: left; width: 49.9%; }
.importantLink:link, .importantLink:visited{ color: red; }
/* !Upload Video Page */
.content.upload{ background: #f9f9f9; padding: 1px 15px; border: 1px solid #ccc; }
.camHolder{ float: left; width: 360px; margin-bottom: 15px; }
.cam{ height: 365px; background: #000; margin: 15px 0; }
.uploadHelp{ float: right; width: 222px; margin-bottom: 15px; }
.uploadHelp h3{ width: 222px; height: 29px; margin: 15px 0; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; }
.uploadHelp ol li{ list-style: decimal; margin-bottom: 1em; }
/* !Forum Pages */
.content.forums{ background: #f9f9f9; padding: 1px 15px 0 15px; border: 1px solid #ccc; }
.forumCategory{ background: url( ../../_general/images/layout/2px_white-gray_h-border.png) 0 100% repeat-x; padding: 1px 0; margin: 15px 0; }
.forumCategory:after, .catDesc:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.catDesc{ background: url( ../../_general/images/icons/forums_discussions.png) 0 0 no-repeat; padding: 1px 0 0 38px; }
.catDesc .note{ background: #dfdfdf; border: 1px solid #ccc; border-width: 1px 0; width: 380px; margin: 15px 0; padding: 4px 15px; }
.catMetaInfo{ float: right; margin: -2.3em 0 0 100px; }
.catMetaInfo *{ margin: 0; font-size: 10px; text-align: right; display: block; }
.forumCategory h3{ font-size: 14px; line-height: 100%; margin: 0 0 15px 0; }
.forumBreadCrumbs{ margin-top: -1.5em; }
.forumAction{ float: right; margin-top: -.1em; }
.forumOptions a{ font-weight: bold; }
.content.forums.threads{ padding: 0; }
.forumThreads{ width: 100%; margin: 0; border-collapse: collapse; }
.forumThreads *{ margin: 0; }
.forumThreads thead, .forumThreads tfoot{ background: #dfdfdf; }
.forumThreads thead td{ padding: 8px 15px; }
.forumThreads td{ padding: 15px; border-bottom: 1px solid #ccc; vertical-align: top; }
.countsTD, .lastPostTD{ font-size: 11px; width: 100px; }
.forumThreads tfoot td{ border-bottom: none; }
.forumThreads h3{ font-size: 13px; }
.forumThreads h3:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.forumThreads h3 img.avatar{ float: left; margin: 0 8px 0 0; position: relative; top: .4em; }
.forumThreads tbody p{ margin: 0; font-size: 11px; color: #777; }
.forumThreads tbody p a:link, .forumThreads tbody p a:visited{ color: #777; }
.countsTD span, .lastPostTD span{ display: block; }
.lastPostTD span.lastPostDate{ text-transform: uppercase; }
.forumThreads tfoot form{ float: right; }
.forumPost{ border-bottom: 1px solid #ccc; }
.forumPost:after, .forumPostInfo:after, .forumPostOpts:after, .threadOpts:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.forumPostInfo{ margin: 0; padding: 8px 0; background: url( ../../_general/images/layout/2px_white-gray_h-border.png) 0 100% repeat-x; }
.forumPostInfo .postTitle{ float: left; }
.forumPostInfo .postDate{ float: right; }
.posterInfo{ float: left; width: 100px; }
.posterInfo p, .posterInfo ul{ margin: 10px 0; }
.posterInfo .avatar strong{ font-weight: normal; font-size: 11px; }
.posterInfo .keyValue{ font-size: 10px; }
.posterInfo .keyValue .value{ float: right; text-align: right; }
.forumPostBody{ float: right; width: 480px; margin-top: 10px; }
.forumPostBody p, .forumPostBody ul, .forumPostBody ol, .forumPostBody blockquote, .forumPostBody pre{ margin: 0 0 1.5em 0; }
.forumPostOpts{ clear: both; margin: 1.5em 0 10px 0; }
.forumPostOpts .button{ float: right; margin: 0 0 0 10px; }
.threadOpts{ /*width: 618px;*/ padding: 0 15px; background: #dfdfdf; border: 1px solid #ccc; position: relative; top: -2px; }
.threadOpts p{ float: left; width: 380px; }
.threadOpts form{ float: right; margin: 1.5em 0; }
.forumForm{}
.forumForm fieldset{ padding: 1.5em 0 0 0; }
.forumForm p{ margin-top: 0; }
.forumForm h4{ display: block; width: 100%; margin: 0 0 .75em 0; padding: 1.5em 0 .5em 0; clear: both; border-bottom: 1px solid #dfdfdf; }
.forumForm .fieldHolder{ width: 100%; padding: 0; margin: 0 0 .75em 0; }
.forumForm label{ float: left; width: 150px; font-weight: normal; }
.forumForm input, .forumForm select, .forumForm textarea{ float: left; width: 200px; margin: 0; }
.fieldHolder.autoWidth input, .fieldHolder.autoWidth select{ width: auto; }
.fieldHolder.autoWidth .connector{ float: left; padding: .3em 5px 0 5px; }
.fieldHolder.indented{ padding-left: 200px; }
.fieldHolder.col2{ float: left; width: 8%; }
.forumForm .buttonHolder{ margin: 1.5em 0; padding: .75em 0 0 0; border-top: 1px solid #dfdfdf; }
.quote {
text-align: left;
padding: 5px 5px 5px 5px;
margin-bottom: 15px;
-moz-border-radius: 7px;
color: #555;
border: 1px solid #e0e7b2;*/
background-color:#F3FFDF;
border:1px solid #CBDFA7;
}
/* !Mail Pages */
.msgs_aca{ width: 100%; background: red; border-collapse: collapse; }
.content.mail{ background: #f9f9f9; padding: 0 15px; border: 1px solid #ccc; }
.note .msgCtrls, .note .msgCtrls *{ float: left; }
.note .msgCtrls{ }
.note .msgCtrls ul{ position: relative; top: 2px; }
.note .msgCtrls label{ position: relative; top: 2px; margin: 0 5px 0 0; }
.note .mailOpts, .note .pagination{ margin: 0; }
.content.mail{ background: #f9f9f9; padding: 1px 15px 0 15px; border: 1px solid #ccc; }
.msgs{ width: 100%; border-collapse: collapse; }
.msgs td{ padding: 8px; }
.msgs .msgCheck{ width: 1em; padding: 0; }
.msgAvatar{ width: 44px; }
.msgInfo{ width: 120px; font-size: 11px; }
/* !Upload Photo Page */
.content.photos{ background: #f9f9f9; padding: 0 15px; border: 1px solid #ccc; }
.uploadPhoto:after, .uploadPhoto .buttonHolder:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.uploadPhoto{ border-bottom: 1px solid #ccc; }
.privacyNotice{ float: right; width: 200px; }
.privacyNotice h3{ margin: 0; padding: 20px 0 20px 80px; background: url( ../../_general/images/icons/quicklinks_blackbook_small.png) 0 50% no-repeat; color: red; }
.privacyNotice p{ margin: 10px 0; }
.checkList{}
.checkList li{ margin: 0; padding: 0 0 0 20px; background: url( ../../_general/images/icons/ok.png) 0 .2em no-repeat; }
.uploadPhoto .fieldHolder{ width: 100%; padding: 0; margin: 0 0 1em 0; float: none; }
.fieldHolder.photoType .inlineLabel{ margin-right: 10px; }
.fieldHolder.photoCaption input{ width: 380px; }
.uploadPhoto .buttonHolder{ margin: 1.5em 0; clear: both; font-size: 10px; }
.uploadPhoto .buttonHolder button{ float: left; margin-right: 1.5em; font-size: 12px; position: relative; top: .5em; font-weight: bold; }
.itemPhoto{ margin: 0; padding: 1.5em 0; background: url( ../../_general/images/layout/2px_white-gray_h-border.png) 0 100% repeat-x; }
.itemPhoto:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.itemPhoto .photo{ float: left; margin: 0 12px 0 0; width: 117px; }
.itemPhoto .photo img{ display: block; border: 1px solid #fff; margin: 0 auto; }
.photoInfo{ float: left; width: 340px; }
.photoCaption{ margin-top: 0; font-weight: bold; }
.isMainPhoto{ padding: 0 0 0 18px; background: url( ../../_general/images/icons/ok.png) 0 50% no-repeat; }
.makeMainPhoto a{ padding: 0 0 0 18px; background: url( ../../_general/images/icons/action.png) 0 50% no-repeat; }
.photoMetaInfo{ font-size: 11px; }
.photoMetaInfo li{ margin: 0; }
.photoMetaInfo li.approved{ color: green; }
.photoMetaInfo li.pending{ color: orange; }
.photoMetaInfo li.rejected{ color: red; }
.photoMetaInfo li.note{ background: transparent; border: none; padding: 0; font-size: 9px; color: #777; }
.photoCtrls{ float: right; margin: 0; }
.photoCtrls li{ margin: 0 0 .25em 0; }
.photoCtrls a{ display: block; background: #fff; border: 1px solid #ccc; padding: .4em .6em; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 11px; }
.photoCtrls a:link, .photoCtrls a:visited{ text-decoration: none; }
.photoCtrls a:hover{ background: #f5f5cb; }
/* !Edit Profile Pages */
.content.editProfile{ background: #f9f9f9 url( ../../_general/images/layout/editprofile_bg.png) 100% 0 repeat-y; border: 1px solid #ccc; }
.content.editProfile:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.profileMeter{ float: right; width: 202px; padding: 1px 10px; }
.profileDetails{ margin: .75em 0; }
.profileDetails li{ margin: 0 0 .75em 0; padding: 4px 9px; border: 1px solid #ccc; background: #f9f9f9; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.barGraph{ background: #fff; border: 1px solid #ccc; margin: 3px 0; padding: 1px; }
.barGraph span{ display: block; text-indent: -9999px; height: 5px; overflow: hidden; }
.profileMeter .note{ margin: 1.5em 0; }
.profileMeter .note *{ text-align: center; margin: 0; }
.profileMeter .note p{ margin: 10px 0; }
.profileMeter .note img{ display: block; margin: 0 auto 10px auto; border: 1px solid #fff; }
.editProfileForm{ float: left; width: 386px; padding: 0 18px 0 20px; }
.editProfileForm .fieldHolder{ float: none; width: 100%; overflow: hidden; margin: .75em 0; padding: 0; }
.editProfileForm .col{ float: left; width: 49.9%; }
.editProfileForm .fieldHolder .col{ margin: .5em 0; }
.editProfileForm .buttonHolder{ margin: 1.5em 0; }
.editProfileForm fieldset .note{ background: transparent; padding: 15px 0; border: 1px solid #ccc; border-width: 1px 0; }
.editProfileForm fieldset .note strong{ color: red; text-transform: lowercase; font-variant: small-caps; }
.editProfile .pagination{ clear: both; padding: 15px 20px; background: #f5f5cb; width: 386px; border-top: 1px solid #ccc; }
.editProfile .pagination p{ margin: 0; }
.editProfileForm #errorMsg{ border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; color: #FF0000; }
.editProfileForm .error{ color: #FF0000;}
.editProfileForm .rejected{ border: 1px solid #df7d7d; border-width: 1px 0;}
.editProfileForm #errorMsg dt, .editProfileForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: normal; }
.editProfileForm #errorMsg dd{ margin: 0; padding: 0; }
.editProfileForm #errorMsg ol{ margin: 0; padding: 0; }
.editProfileForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
.editProfileForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }
.editProfileForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.editProfileForm #OKMsg p{ margin: 0; }
#errorMsg{ border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; color: #FF0000; }
.error{ color: #FF0000;}
#errorMsg dt, .editProfileForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: normal; }
#errorMsg dd{ margin: 0; padding: 0; }
#errorMsg ol{ margin: 0; padding: 0; }
#errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
.errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }
.error_note_black { color: #000000; }
#OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
#OKMsg p{ margin: 0; }
/* !Textual Pages */
.content.textual{ background: #f9f9f9; padding: 1px 15px; border: 1px solid #ccc; }
.textual .fieldHolder{ float: none; width: 100%; overflow: hidden; padding: 0; margin: 1.5em 0; }
.contactForm textarea{ display: block; width: 612px; }
.contactForm .captcha{ padding: 0; }
.contactForm .captcha img{ position: static; }
.textual .buttonHolder{ margin: 1.5em 0; }
#exploreMembers .pagination { margin: 0px; color:#333333; background: #dfdfdf; border: 1px solid #d3d3d3; border-top: none; padding: 8px 15px; }
#exploreMembers .pagination p { margin: 0px; }
/* Search Listings page */
.searchListings { width: 100%; background-color: #dfdfdf; margin-bottom: 8px; padding: 5px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.searchListings a { text-decoration:none; }
.searchListings a:hover { text-decoration: underline; }
.searchListings .title { font-weight:bold; background-image: url(../../_general/images/icons/search_listings_search.png); background-position: center left; background-repeat: no-repeat; padding-left: 25px; margin-left: 5px; width: 60%;}
.searchListings .link { background-image: url(../../_general/images/icons/search_listings_arrow.png); background-position: center right; background-repeat: no-repeat; padding-right: 10px; text-align:right; width: 20%; }
/* Search Listings page */
.saveSearchForm { }
.saveSearchForm .searchName { background: #dfdfdf; border: 1px solid #d3d3d3; margin: 0; padding: 8px 15px; }
.saveSearchForm .searchName input { width: 80% }
.saveSearchForm .sectionTitle { background-image: url(../../_general/images/icons/save_search_check_mark.png); background-position: center left; background-repeat:no-repeat; padding-left: 25px; background-color: #f5f6cb;}
.saveSearchForm .saveSearchFormContent { padding: 1px 15px; }
.saveSearchForm .fieldH { float: left; width: 45%; padding-right: 20px; }
.saveSearchForm h4 { display: block; width: 100%; margin: 0 0 .75em 0; padding: 1.5em 0 .5em 0; clear: both; border-bottom: 1px solid #dfdfdf; }
.saveSearchForm .fieldH label { float: left; width: auto; padding-right: 15px; }
.saveSearchForm .fieldH2 { float: left; width: auto; padding-right: 20px; padding-top: 1.5em; }
.saveSearchForm .fieldHR { float: right; text-align: right; width: 99%;}
.saveSearchForm .fieldH3 { float: left; width: 33%; padding: 0; margin: 0 0 .75em 0;}
.saveSearchForm .buttonHolder{ margin: 1.5em 0; padding: .75em 0 0 0; }
.code_selector_ss { text-align: left; background: #f5f6cb; border: 1px solid #d3d3d3; margin: 0; padding: 5px;}
/* search left content */
.searchForm {border-top: 1px solid #e8e8e8;}
.searchForm dl{}
.searchForm dd{ padding: 10px; background: #e8e8e8; }
.searchForm ul{}
.searchForm li{ padding: .5em 0 .5em 20px; margin: 0; border-bottom: 1px solid #ccc; background-image:url(../../_general/images/icons/triangle_a1.png); background-repeat: no-repeat; background-position: top left;}
.searchForm .checked { background-image:url(../../_general/images/icons/triangle_b1.png); background-repeat: no-repeat; background-position: top left;}
.searchForm li a{ width:auto; text-decoration: none;}
.searchForm li a:hover { text-decoration: underline; }
.searchForm .advanced {background-image:url(../../_general/images/icons/triangle_a2.png); background-repeat: no-repeat; background-position: top left;}
.searchForm .achecked { background-image:url(../../_general/images/icons/triangle_b2.png); background-repeat: no-repeat; background-position: top left;}
.searchForm a.codeSelector { color: #b1b1b1; padding-left: 40px; }
.searchForm .options { display: none; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
.searchForm .options .full { padding: 0px; margin: 0px; }
.searchForm .options p { padding: 0; margin: 0;}
.savedContent { background: #e8e8e8; background-image: none; padding: 8px 15px; border: 1px solid #d3d3d3; border-bottom: 1px solid #e8e8e8; }
#profile .saved { text-align: center; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; padding: 8px 15px; background-color: #f5f6cb;}
.searchForm .bHolder { background-image: none; border: none;}
.searchForm .code_popup { background: #f5f6cb; border: 1px solid #d3d3d3; margin: 0; padding: 5px; display: none; color: red; position:relative;}
#profilePage #secondary2{ float: left; width: 270px; background: #e8e8e8 url( ../../_general/images/layout/sidebar_bg.jpg) 0 0 repeat-x; }
#profilePage #secondary2 h2{ margin: 0; padding: 10px 16px; background-position: 0 0; background-repeat: no-repeat; text-align: center; width: auto; }
#profilePage #secondary2 p, #profilePage #secondary2 h3, #profilePage #secondary2 ul, #profilePage #secondary2 .holder{ margin: 12px; }
#profilePage #secondary2 .avatar{ padding: 0; border: none; background: transparent; }
#profilePage #secondary2 .avatar img{ display: block; border: 1px solid #fff; margin: 0 auto; }
#profilePage #secondary2 p, #profilePage #secondary2 .holder{ padding: 6px; border: 1px solid #ccc; border-width: 1px 0; background: #f4f4f4; }
#profilePage #secondary2 .holder *{ margin-left: 0; margin-right: 0; }
#profilePage #secondary2 .holder h3{ text-align: center; }
#profilePage #secondary2 p.highlighted{ padding: 6px; background: #f5f5cb; }
#profilePage #secondary2 .teaserFeatures{ position: static; width: auto; }
#profilePage #secondary2 .teaserFeatures li{ display: inline; margin: 0 5px 0 0; padding: 0 0 0 10px; background-position: 0 .4em; background-repeat: no-repeat; }
#profilePage #secondary2 .teaserFeatures li.accented{ display: block; padding: 0; margin: 0; background: transparent; font-weight: bold; }
#profilePage #secondary2 p, #profilePage #secondary2 .holder{ padding: 6px; border: 1px solid #ccc; border-width: 1px 0; background: #f4f4f4; }
#profilePage #secondary2 .holder *{ margin-left: 0; margin-right: 0; }
#profilePage #secondary2 .holder h3{ text-align: center; }
#profilePage #secondary2 p.highlighted{ padding: 6px; background: #f5f5cb; }
#profilePage #secondary2 .teaserFeatures{ position: static; width: auto; }
#profilePage #secondary2 .teaserFeatures li{ display: inline; margin: 0 5px 0 0; padding: 0 0 0 10px; background-position: 0 .4em; background-repeat: no-repeat; }
#profilePage #secondary2 .teaserFeatures li.accented{ display: block; padding: 0; margin: 0; background: transparent; font-weight: bold; }
/* send flirt */
.send_flirt{ width: 100%; background-color: #e8e8e8}
.send_flirt *{ margin: 0; }
.send_flirt * *{ margin: auto; }
.send_flirt .send_flirt_content{}
.send_flirt .send_flirt_content dl{}
.send_flirt .send_flirt_content dt{ padding: 10px; background: #efefef url(../../_general/images/layout/brandcolor_gradient_01_desaturated.png) 0 50% repeat-x; cursor: pointer; }
.send_flirt .send_flirt_content dt.active{ background-position: 0 50%; background-repeat: repeat-x; cursor: default; }
.send_flirt .send_flirt_content dd{ padding: 10px; background: #e8e8e8; }
.send_flirt .send_flirt_content ul{}
.send_flirt .send_flirt_content li{ padding: .5em 0 .5em 18px; margin: 0; background-position: 0 .6em; background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
.send_flirt .send_flirt_content li a{ display: block; }
.send_flirt .send_flirt_content .buttonHolder { padding: 10px;}
.send_flirt .memberInfo{ float: left; display: inline; width: 140px; padding-bottom: 10px; overflow: visible; position: static;}
/* send message */
.send_message {}
.send_message{ padding: 10px 10px 0 10px; border-bottom: 1px solid #dfdfdf; background: #f9f9f9 url(../../_general/images/layout/member_wrap.png) 0 100% repeat-x; }
.send_message:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.send_message .handleRequest{ border-top: 1px solid #dfdfdf; padding: 15px; }
.send_message .buttonHolder button{ float: right; margin: 0 0 0 10px; }
.send_message .memberInfo{ float: left; display: inline; width: 140px; position: relative; overflow: hidden; padding-bottom: 10px; }
.send_message .memberInfo p { margin: 0; padding: 0; }
.send_message .memberAbout{ float: right; width: 480px; }
.stateSearchForm {border-top: 1px solid #e8e8e8;}
.stateSearchForm dl{}
.stateSearchForm dd{ padding: 10px; background: #e8e8e8; }
.stateSearchForm ul{}
.stateSearchForm li{ padding: .5em 0 .5em 20px; margin: 0; border-bottom: 1px solid #ccc;}
.stateSearchForm li a{ width:auto; text-decoration: none;}
.stateSearchForm li a:hover { text-decoration: underline; }
.stateSearchForm .bHolder { background-image: none; border: none;}
#bd .memberWrap{ padding: 8px 8px 0 8px; border: 1px solid #e0e0e0; background: #f9f9f9 url( ../../_general/images/layout/carousel_profile_bg.png) 0 100% repeat-x; }
#bd .cpa{ margin: 0; padding: 5px 10px 10px 15px; width: 365px; height: 62px; background: transparent url( ../../_general/images/layout/cpd.png) 0 100% no-repeat; }
#bd .cpa p {margin: 0; padding:0; }
#bd .cpd{ padding-left: 10px;}
#bd .memberInfo{ width: 120px; }
#bd .memberAbout{ float: left; width: 470px; }
#bd .cpa h3 { font-size: 12px; margin-bottom:5px; padding:0;}
/* START AUTOCOMPLETE */
/* END AUTOCOMPLETE */
#lander-1 #primary-landing{ float: right; width: 650px; background: #FFFFFF; } /* border: 1px solid #ccc; */
#primary-landing .JoinNote { background: #f5f6cb; padding: 10px; margin-bottom: 20px; font-size: 12px; color: #000000; font-weight: bold; border-bottom: 1px solid #ccc;}
#primary-landing .JoinNote strong {color: red;}
#primary-landing h2.geoTitle{ border:none; background: #fff; margin: 0; padding: 0; }
#primary-landing .geoTitle p { width: 70%; float:left; margin: 0; padding-left: 20px; padding-right: 55px;}
#primary-landing h2.geoTitle strong { margin: 0; padding: 0; }
#primary-landing h2.geoTitle select { float:left;}
#primary-landing h2.geoTitle:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
#primary-landing .featuredProfiles{ background: #FFFFFF; padding: 1px 20px; border:none; height:193px; margin-bottom: 20px; }
.landing-1-content { background: #efefef; border: 1px solid #ccc; }
.landing-1-content .left-content { float:left; width: 360px; padding-left: 10px; }
.landing-1-content .right-content { float:right; margin: 0; padding: 0; width: 240px;}
.landing-1-content .error { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
#primary-landing .fieldHolder{ float: left; width: 380px; margin: 0 10px 0 0; position: relative; }
#primary-landing .fieldHint{ margin: -7px 0 0 0; text-align: left; font-size: 11px; color: #777777 }
#primary-landing .fieldHolderHeadline{ float: left; width: 100%; margin: 0px 10px 10px 0; position: relative; }
#primary-landing .fieldHolderHeadline label, .fieldHolderHeadline input { display: block; width: 330px; }
#primary-landing .fieldHolderHeadline label, .fieldHolderHeadline .label { font-weight: normal; }
#primary-landing .fieldHolderHeadline input, .fieldHolderHeadline textarea, .fieldHolderHeadline select{ margin: 0 0 10px 0; }
#primary-landing .fieldHolderHeadline label select{ float: left; width: auto; margin: 10px; }
#primary-landing .fieldHolderHeadline .fieldHint{ margin: -7px 0 0 0; text-align: left; font-size: 11px; color: #777777 }
#primary-landing .fieldHolderHeadline .fieldHint a { color: #777777; }
#primary-landing .fieldHolderHeadline p{ margin: 0; }
#primary-landing .fieldHolderHeadline #headline_info { color: #777777; display: none;}
#primary-landing .fieldHolderHeadline .fieldInfo { font-size: 10px; color: #777777; margin-bottom: 2px; }
#primary-landing .fieldHolderHeadline #secutiry_info { color: #777777; margin-top: -20px; }
#primary-landing .fieldHolderDob{ float: left; width: 230px; margin: 0 10px 10px 0; position: relative;}
#primary-landing .fieldHolderDob label{ display: block; width: 100px; margin-bottom: 2px; font-weight: normal;}
#primary-landing .fieldHolderDob select { margin-left: 10px; float: left; display: block; width: 100px; height: 21px; }
#primary-landing .fieldHolderDob .first { margin-left: 0; }
#primary-landing .fieldHolderDob p{ margin: 0; }
#primary-landing .fieldHolderDob .fieldError { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
#primary-landing .userDetails{ color:#000; padding: 0 35px 30px 210px; }
#primary-landing .fieldHolder.userDesc, #primary-landing .fieldHolder.userDesc label { width: 345x; margin-right: 0; height: auto; }
#primary-landing .fieldHolder.userDesc textarea { width: 340px; }
#primary-landing .fieldHolder.userDesc .fieldHint { width: 330px; }
#primary-landing .right-content .fieldHolder{ float: left; width: 220px; margin: 0 10px 0 0; position: relative; }
#primary-landing .right-content .fieldHolder label,#primary-landing .right-content .fieldHolder input{ display: block; width: 182px; overflow: hidden; }
#primary-landing .right-content .captcha {float:left; width: 182px; padding: 0; margin:0;}
#primary-landing .right-content .captcha img{ clear:both; border: 1px solid #ccc; margin: 0 21px 10px 0; width: 182px;}
#primary-landing .right-content .captcha label{ padding:0 0 8px 0 ; padding:0; width:90px; float:left; font-weight: normal;}
#primary-landing .right-content .captcha label a { color: #777777; }
#primary-landing .right-content .milVerify { margin: 15px 0 0 0; }
#primary-landing .right-content .milVerify .note{ margin: 0; padding: 0; border: none; color: #777777; float: left; width: 182px; }
#primary-landing .btnHolder { border: none; margin: 20px 0 0 0; padding: 10px 0 0 0; height: 68px; width: 210px; float:left;}
#primary-landing .btnHolder button{ background-image: url(../images/buttons/create_account.png) }
#primary-landing .btnHolder button {margin: 0; padding: 0px;}
#primary-landing #errorMsg{ border: none; margin: 0; padding: 0 0 0 30px; color: #FF0000; text-align: center; }
#secondary .thousands { text-align: center; margin: 15px; color:red; font-size: 17px; font-weight: bold;}
#secondary .teaserFeatures_ li { margin-left: 10px; padding-left: 10px; }
#secondary2 .thousands { text-align: center; margin: 15px; color:red; font-size: 17px; font-weight: bold;}
#secondary2 .teaserFeatures_ li { margin-left: 10px; padding-left: 10px; }
#backDiv { position: absolute; width: 100%; height: 100%; z-index: 10; top: 0px; left: 0px; background-color: #000; filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50; }
#primary-popup-holder { position: absolute; width: 100%;height: auto; z-index: 11; top: 0px; left: 0px; background-color: transparent; }
#primary-popup { border: 1px solid #ccc; width: 630px; height: auto; margin: 100px auto 10px auto; background-color: #efefef;}
#primary-popup .JoinNote { background: #f5f6cb; padding: 10px; margin: 10px; font-size: 12px; color: #000000; font-weight: bold; border: 1px solid #ccc;}
#primary-popup .JoinNote strong {color: red;}
#primary-popup .left-content { float:left; width: 360px; padding-left: 10px; }
#primary-popup .right-content { float:right; margin: 0; padding: 0; width: 240px;}
#primary-popup .error { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
#primary-popup .fieldHolder{ float: left; width: 380px; margin: 0 10px 0 0; position: relative; }
#primary-popup .fieldHint{ margin: -7px 0 0 0; text-align: left; font-size: 11px; color: #777777 }
#primary-popup .fieldHolderHeadline{ float: left; width: 100%; margin: 0px 10px 10px 0; position: relative; }
#primary-popup .fieldHolderHeadline label, .fieldHolderHeadline input, .fieldHolderHeadline select{ display: block; width: 340px; }
#primary-popup .fieldHolderHeadline label, .fieldHolderHeadline .label { font-weight: normal; }
#primary-popup .fieldHolderHeadline input, .fieldHolderHeadline textarea, .fieldHolderHeadline select{ margin: 0 0 10px 0; }
#primary-popup .fieldHolderHeadline label select{ float: left; width: auto; margin: 10px; }
#primary-popup .fieldHolderHeadline .fieldHint{ margin: -7px 0 0 0; text-align: left; font-size: 11px; color: #777777 }
#primary-popup .fieldHolderHeadline .fieldHint a { color: #777777; }
#primary-popup .fieldHolderHeadline p{ margin: 0; }
#primary-popup .fieldHolderHeadline #headline_info { color: #777777; display: none;}
#primary-popup .fieldHolderHeadline .fieldInfo { font-size: 10px; color: #777777; margin-bottom: 2px; }
#primary-popup .fieldHolderHeadline #secutiry_info { color: #777777; margin-top: -20px; }
#primary-popup .fieldHolderDob{ float: left; width: 230px; margin: 0 10px 10px 0; position: relative;}
#primary-popup .fieldHolderDob label{ display: block; width: 100px; margin-bottom: 2px; font-weight: normal;}
#primary-popup .fieldHolderDob select { margin-left: 10px; float: left; display: block; width: 100px; height: 21px; }
#primary-popup .fieldHolderDob .first { margin-left: 0; }
#primary-popup .fieldHolderDob p{ margin: 0; }
#primary-popup .fieldHolderDob .fieldError { font-size: 10px; color: #FF0000; margin-bottom: 2px; }
#primary-popup .userDetails{ color:#000; padding: 0 35px 30px 210px; }
#primary-popup .fieldHolder.userDesc, #primary-landing .fieldHolder.userDesc label { width: 347px; margin-right: 0; height: auto; }
#primary-popup .fieldHolder.userDesc textarea { width: 340px; }
#primary-popup .right-content .fieldHolder{ float: left; width: 220px; margin: 0 10px 0 0; position: relative; }
#primary-popup .right-content .fieldHolder label,#primary-landing .right-content .fieldHolder input{ display: block; width: 182px; overflow: hidden; }
#primary-popup .right-content .captcha { float:left; width: 182px; padding: 0; margin:0;}
#primary-popup .right-content .captcha img{ clear:both; border: 1px solid #ccc; margin: 0 21px 10px 0; width: 182px;}
#primary-popup .right-content .captcha label{ padding:0 0 8px 0; padding:0; width:90px; float:left; font-weight: normal;}
#primary-popup .right-content .captcha label a { color: #777777; }
#primary-popup #security_div { color: #777777; }
#primary-popup .right-content .milVerify { margin: 15px 0 0 0; }
#primary-popup .right-content .milVerify .note{ margin: 0; padding: 0; border: none; color: #777777; float: left; width: 182px; }
#primary-popup .btnHolder { border: none; margin: 20px 0 0 0; padding: 10px 0 0 0; height: 68px; width: 210px; float:left;}
#primary-popup .btnHolder button{ background-image: url(../images/buttons/create_account.png) }
#primary-popup .btnHolder button {margin: 0; padding: 0px;}
#primary-popup #errorMsg{ border: none; margin: 0; padding: 0 0 0 30px; color: #FF0000; text-align: center; }
#signupExpanded .fieldHolder.userDesc textarea, #signupExpanded .fieldHolder input, #signupExpanded .fieldHolderHeadline input , #signupExpanded .captcha input{ border: 1px solid #ccc; border-top-color: #aaa; border-left-color: #aaa; padding: 2px; }
#lander-1 .fieldHolder.userDesc textarea, #lander-1 .fieldHolder input, #lander-1 .fieldHolderHeadline input , #lander-1 .captcha input { border: 1px solid #ccc; border-top-color: #aaa; border-left-color: #aaa; padding: 2px; }
#signup-step2 .fieldHolder.userDesc textarea, #signup-step2 .fieldHolder input, #signup-step2 .fieldHolderHeadline input ,#signup-step2 .captcha input { border: 1px solid #ccc; border-top-color: #aaa; border-left-color: #aaa; padding: 2px; }
.teaserFeaturesJoin { font-size:11px;position: absolute; top: 550px; left: 25px; margin: 0; width: 160px; color: #333; text-align: left; padding:0;}
.teaserFeaturesJoin li{ display: inline; margin: 0 0 0 0; padding: 0 0 0 0; }
.teaserFeaturesJoin li.accented{ display: block; padding: 0; margin: 0; background: transparent; font-weight: bold; color: red; }
.UpgradeBox { background: #F6F6F6; border-color:#FFFFFF #D2D2D2 #D2D2D2; border:1px solid #D2D2D2; border-style:solid; border-width:1px; -moz-border-radius: 5px; color: #333333; margin: 5px 10px -5px 10px; padding: 5px 0px 5px 0px; font-size: 12px; text-align: center; font-weight: bold; zoom:1; /* IE fix for hasLayout */ }
.UpgradeBox a:link, .UpgradeBox a:visited { font-weight: normal; color: #333333; text-decoration:underline; }
.UpgradeBox a:hover { color: #333333; text-decoration:underline; }
.UpgradeBox a:link, .UpgradeBox a:visited { font-size:11px; }
#LinksBox { -moz-border-radius: 5px; margin:10px 0px 0px 0px; }
#LinksBox .LinksBoxTitle { font-size:12px; line-height:14px; color:#000000; }
#termsofservice p { font-weight:normal; font-size:12px; line-height:normal; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
#termsofservice li { list-style-position:outside; list-style-type:disc; font-weight:normal; font-size:12px; line-height:normal; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; }