/* 1. RESET
-----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend /*,table, caption, tbody, tfoot, thead, tr, th, td */ { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
/*body {line-height: 1;}*/
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* 1.1 BODY DEFAULTS
-------------------------------------------------------- */
html { margin-bottom: 1px; min-height: 100%; }
body { position: relative; background: #E0E1E3; color: #000; font-size: 81.25%; line-height: 18px; font-family: Arial, "Helvetica Neue" ,Helvetica, sans-serif; -webkit-touch-callout: none; }
html > body { font-size: 13px; }
p, blockquote { font-size: 1em; margin: 1.385em 0; }
table { font-size: 1em; }

/* 1.2 LINK STYLES
--------------------------------------------------------- */
a, a:visited { color: #0344ae; text-decoration: none; }
a:hover { color: #0344ae; text-decoration: underline; }
a:active, a:focus { color: #0344ae; position: relative; }

/* 1.3 HEADINGS
--------------------------------------------------------- */
h1, .contentHeader, .contentHeaderLarge { font-size: 1.538em; line-height: 0.9em; margin: 0.7em 0 0.2em; }
h2 { font-size: 1.385em; line-height: 1em; margin: 0.722em 0 0.278em; font-weight: 400; }
h3 { font-size: 1.231em; line-height: 1.125em; margin: 0.813em 0 0.313em; }
h4 { font-size: 1.077em; line-height: 1.286em; margin: 0.929em 0 0.357em; }

/* 1.4 OTHER ELEMENTS
--------------------------------------------------------- */
hr { margin: 0; padding: 0; border: 0; height: 1px; border-top: solid 1px #CBCCCF; }
strong { font-weight: bolder; }
ul, ol { font-size: 1em; margin: 1.385em 0; }
th { text-align: left; }
li { list-style-position: outside; }
fieldset li { list-style-type: none; }
fieldset li { list-style-position: outside; }

/* 2. BASE
-----------------------------------------------------------------------------------------------*/
.page-container { margin: 0 auto; width: 960px; }
#header { background: #CA0171; }
.banner { border-bottom: solid 1px #F20C8A; }
.nav { background-image: url('/images/bg-nav.gif'); background-repeat: repeat-x; height: 35px; }
.nav ul { margin: 0; }
.nav ul li { list-style-type: none; }
#content { margin: 0 auto; width: 960px; background-color: #fff; border-left: solid 1px #CBCCCF; border-right: solid 1px #CBCCCF; }
#sidebar { float: left; margin: 0 10px; padding-bottom: 10px; width: 160px; font-size: 0.929em; line-height: 1.615em; }

#main { margin: 0 10px; padding-top: 10px; padding-bottom: 10px; min-height: 750px; overflow: hidden; }
.th-leftnav { float: left; margin-left: 0 !important; padding-left: 10px; width: 758px; border-left: solid 1px #CBCCCF; }
.single { }

#footer { clear: both; content: ' '; }


/* 2.1 HEADER STYLES
--------------------------------------------------------- */
#nav #notification-icons-container { float: right; padding-top: 0; padding-right: 1em; }

/* 2.1.2 LOGO
----------------------------------------------------------*/
#header .logo { display: inline; float: left; }
#header .logo a { text-indent: -9999em; }
#header .logo h1 { margin: 0; background: url(/images/logo.png) no-repeat; display: inline-block; width: 320px; height: 84px; cursor: pointer; }

/* 2.1.2 ONLINE USERS
----------------------------------------------------------*/
.banner .online-users { margin-left: 39px; padding-bottom: 10px; }
.banner .online-users a { color: #fff; }

/* 2.1.3 BLURB
----------------------------------------------------------*/
.banner div.blurb { float: right; margin: 32px 0 0 0; width: 425px; }
.banner div.blurb h1 { margin: 0; font-size: 1em; color: #FFF; }
.banner div.blurb p { margin: 0; font-size: 0.923em; line-height: 1.2em; color: #FFF; }
.banner div.blurb a { text-decoration: none; font-weight: bold; color: #FFF; }

/* 2.1.4 ONLINE USERS
----------------------------------------------------------*/
.nav div.online-users { float: left; text-align: center; line-height: 35px; width: 180px; white-space: nowrap; }
.nav div.online-users-home { float: right; padding-right: 1em; line-height: 2em; }
.nav div.online-users a, .nav div.online-users-home { font-weight: bold; color: #fff; }
.nav #notification-icons-container { float: right; padding-top: 6px; padding-right: 1em; }

/* 2.1.5 SITE NAV
----------------------------------------------------------*/
.sitenav-wrap { float: left; }
.sitenav, .sitenav ul { list-style-position: outside; position: relative; line-height: 35px; z-index: 1000; }
.sitenav a { display: block; padding: 0 0.8em; font-weight: bold; text-decoration: none; }
.sitenav a:hover, .sitenav li a, .sitenav li a:hover { text-decoration: none; }
.sitenav li { float: left; position: relative; }
.sitenav ul { position: absolute; display: none; width: auto; top: 35px; }
.sitenav ul li { border-left: 0; border-right: 0; }
.sitenav li ul a { width: 10em; height: auto; float: left; font-weight: normal; }
.sitenav li ul a { width: 10em; height: auto; float: left; font-weight: normal; overflow: hidden; }
.sitenav ul ul { top: auto; }
.sitenav li ul ul { left: 11.2em; margin-left: 0; }
.sitenav li:hover ul ul, .sitenav li:hover ul ul ul, .sitenav li:hover ul ul ul ul { display: none; }
.sitenav li:hover ul, .sitenav li li:hover ul, .sitenav li li li:hover ul, .sitenav li li li li:hover ul { display: block; }


/* 2.2 SIDEBAR STYLES
--------------------------------------------------------- */
#sidebar { }
#sidebar h3 { font-size: 1em; }
#sidebar a, #sidebar a:visited { }
#sidebar div.info .link a, #sidebar div.info .link a:visited { }


/* 2.2.1 LOGIN FORM
----------------------------------------------------------*/
div#login-form { margin-top: 1.385em; padding: 0.3em; }
div#login-form fieldset { padding-top: 0.5em !important; padding-top: 0; }
div#login-form fieldset legend { margin-left: 0 !important; margin-left: -0.6em; margin-bottom: 0 !important; margin-bottom: 0.5em; font-size: 1.077em; line-height: 1.286em; font-weight: bold; }
div#login-form label { font-size: 0.923em; }
div#login-form input { width: 135px; font-size: 0.923em; }
div#login-form ol { margin-top: 0; }
div#login-form li { margin-bottom: 0.3em; vertical-align: middle; }
div#login-form li.checkbox input { width: auto; }
div#login-form a { font-size: 0.923em; }

/* Login Failed Page*/
.login-failed-wrap { background-color: #fff; }
.login-failed { margin: 0 auto; width: 600px; }
.login-failed .bubble { margin-top: 1em; }


/* 2.2.2 MEMBERSHIP CARD
----------------------------------------------------------*/
div#member-card { margin-top: 0.3em; margin-left: 6px; text-align: center; background-repeat: no-repeat; height: 70px; width: 145px; cursor: pointer; }
div#member-card h3 { margin-top: 0; font-size: 1.2em; padding-top: 0.6em; color: #ffff00; }
.member-card-platinum { cursor: auto; background-image: url(/images/mscard_platinum.png); }
.member-card-gold { background-image: url(/images/mscard_gold.png); }
.member-card-silver { background-image: url(/images/mscard_silver.png); }
.member-card-trial { background-image: url(/images/mscard_trial.png); }

/* 2.2.3 LEFT NAV
----------------------------------------------------------*/
#leftnav, #leftnav ul { list-style-position: inside; }
#leftnav { margin: 0.5em 0; padding: 0 0.5em; }
#leftnav ul { margin: 0.3em 0 0 0.5em; }
#leftnav li, #leftnav ul li { list-style-type: none; font-weight: normal; }
#leftnav li { padding: 0.4em 0; }
#leftnav ul li { padding-top: 0.1em; padding-bottom: 0.1em; }
#leftnav li a, #leftnav ul li a { padding-left: 1.9em !important; /* for the love of ie */ padding-left: 0.3em; display: block; }
#leftnav li a { font-weight: bold; }
#leftnav ul li a { font-weight: normal; }
#leftnav li a:hover { text-decoration: none; }
#profile { background-image: url(/images/sprites/iconFolder.gif); background-repeat: no-repeat; background-position: 0 3px; }
#messages { background-image: url(/images/sprites/iconMsg.gif); background-repeat: no-repeat; background-position: 0 3px; }
#winks { background-image: url(/images/sprites/iconWinkMnu.gif); background-repeat: no-repeat; background-position: 0 4px; }
#photos { background-image: url(/images/sprites/iconDoc.gif); background-repeat: no-repeat; background-position: 0 3px; }
#lists { background-image: url(/images/sprites/iconList.gif); background-repeat: no-repeat; background-position: 0 3px; }
#account { background-image: url(/images/sprites/iconCog.gif); background-repeat: no-repeat; background-position: 0 2px; }
#leftnav ul li.leftnav-folder-open, #leftnav ul li.leftnav-folder-closed { background-image: url(/images/iconFld.gif); background-repeat: no-repeat; background-position: 0 0; }
#leftnav ul li.leftnav-folder-open a, #leftnav ul li.leftnav-subfolder-open a { font-weight: bold; }
#leftnav ul li.leftnav-action { margin-top: 2px; background-image: url(/images/iconAction.gif); background-repeat: no-repeat; background-position: 1px 2px; }
#leftnav ul li.leftnav-subfolder-open, #leftnav ul li.leftnav-subfolder-closed { border-top: none; }

/* Theme*/
#leftnav { background-color: #E2E4E5; }
#leftnav a, #leftnav a:visited { color: #000; }
#leftnav { border: solid 1px #CBCCCF; }
#leftnav li:first-child { border-top: 0; }
#leftnav li:last-child { border-bottom: 0; }

#leftnav li { border-top: solid 1px #FFF; border-bottom: solid 1px #CBCCCF; }
#leftnav ul li { border-bottom: 0; }
#leftnav li a:hover { color: #000; }


/* 2.2.4 MEMBER SUBSCRIPTIONS
----------------------------------------------------------*/
#sidebar div.info h3 { font-size: 1.077em; line-height: 1.286em; }

#member-subscriptions { text-align: center; }
#member-subscriptions div.product { padding-bottom: 9px; border-bottom: solid 1px #CBCCCF; }
#member-subscriptions div.product .icon { vertical-align: middle; margin-right: 0.3em; }
#member-subscriptions .days-left { font-size: 0.923em; line-height: 1.5em; }
#member-subscriptions .action { margin: 0.3em 0; }
#member-subscriptions .benefits { margin-left: 10px; font-size: 0.923em; line-height: 1.5em; text-align: left; }
#member-subscriptions .benefits ul { margin: 0em; }
#member-subscriptions .benefits li { list-style-type: none; }

/* 2.2.5 OTHER DATING SITES
----------------------------------------------------------*/
#sidebar div.info ul { margin: 0; }
#sidebar div.info li { list-style-type: none; list-style-position: outside; }
#sidebar div.info a { font-size: 1em; }
#sidebar div.info .link a { margin-left: 0.2em; vertical-align: middle; }

/* 2.2.6 LOGOUT
----------------------------------------------------------*/
div#logout { text-align: center; margin-top: 2em; }

/* 2.2.7 REGISTRATION STEPS
----------------------------------------------------------*/

div#registration-steps { padding: 0.538em; }
div#registration-steps h3 { margin-bottom: 0.538em; font-size: 1.077em; line-height: 1.286em; }
div#registration-steps { margin: 1.385em 0; background-color: #E2E4E5; }
div#registration-steps { border: solid 1px #CBCCCF; }
div#registration-steps li { padding: 0.538em 0; list-style-type: none; border-top: solid 1px #FFF; border-bottom: solid 1px #CBCCCF; }
div#registration-steps li:first-child { border-top: 0; }
div#registration-steps li:last-child { border-bottom: 0; }
div#registration-steps li.Selected { font-weight: bold; }
div#registration-banner { text-align: center; }

.reg-theme { margin-bottom: 1.385em; text-align: center; }

/* 2.3 CONTENT STYLES
----------------------------------------------------------*/
.page-header { margin-bottom: 1.385em; }
.page-header h1, .contentHeaderLarge { margin-top: 0; font-weight: 400; }
.page-header .tag { float: right; overflow: hidden; font-weight: bold; }
.page-toolbar { padding: 0.5em; vertical-align: middle; overflow: hidden; background-color: #f5f5f5; border: solid #CBCCCF; border-width: 1px 0; }
.page-toolbar .delete-all { float: right; }
.page-toolbar .actions { float: right; line-height: 27px; }
.toolbar-profile .actions { float: right; }
.page-toolbar .filters .active { font-weight: bold; cursor: default; color: #0344ae; }
.page-toolbar .filters span { margin-right: 1em; cursor: pointer; color: #333; }
.page-toolbar .filters span:hover { color: #0344ae; }

.article { margin-bottom: 1.385em; overflow: hidden; }
.article li { list-style-position: inside; }


/* 2.3.2 FORMS
----------------------------------------------------------*/
.form { /*margin-top: 6.5px; */ }
.form legend { padding: 0.75em 0; font-weight: bold; }
.form fieldset label.col { width: 150px; display: inline-block; vertical-align: top; }
.form fieldset p, ol { margin: 0; }
.form fieldset ol > li { margin: 0.75em 0; overflow: hidden; list-style: none; vertical-align: top; }
.form em { margin-left: 0.2em; font-weight: bold; font-style: normal; color: #f00; }
.form fieldset .col { float: left; }
.form fieldset.col-couple { float: left; margin-right: 1em; }
.form fieldset .input { /* Place holder in case we need it*/ }
.form fieldset label.row { padding-bottom: 0.2em; font-weight: bold; }
.form fieldset .hint, .note { margin: 0; font-size: 0.846em; color: #999; }
.form fieldset fieldset ul li { list-style-type: none; }
.form fieldset .validation-summary-errors { }
.form fieldset .field-validation-error { display: block; color: #f00; }
.form .notice-guidelines iframe { margin-left: 150px; width: 500px; border: solid 1px #CBCCCF; }

.form .footer { clear: left; margin-top: 0.5em; padding: 0.5em; border-top: dashed #CBCCCF 1px; }
.form .footer ul li { margin-right: 0.2em; display: inline; list-style-type: none; }
.col-form .footer { margin-left: 150px; padding: 1.385em 0 0; border-top: none; }

/* Hack*/
.form fieldset li table label { min-width: 120px; }
.form fieldset table { margin-bottom: 1em; border-collapse: collapse; }
.form fieldset table td { padding-right: 1em; }

.expandable-search-panel { border-top: solid 1px #CBCCCF; }
.expandable-search-panel .header { padding: 0.75em 0; line-height: 1.5em; }
.expandable-search-panel-title { font-weight: bold; }
.expandable-search-panel-sub-title { color: #999; }
.expandable-search-panel fieldset { margin-left: 1em; }

.wink-message h4 { margin: 0.679em 0; }
.wink-message ul { margin-top: 0; }

.quick-form legend { padding-top: 0; color: #AF0362; font-size: 1.231em; line-height: 1.125em; }
.quick-form { margin-bottom: 10px; padding: 10px; border: solid 1px #FFF347; background-color: #FFFBC2; }
.quick-form .footer { margin-top: 10px; padding: 0; border-top: none; }

.rating-panel span, .rating-panel table { float: left; }
.rating-panel span.lowest { margin-right: 10px; }

/* COMMON FORM */
fieldset.common-form input, fieldset.common-form select, fieldset.common-form textarea { font-family: inherit; font-size: inherit; }
fieldset.common-form { margin-bottom: 1em; }
fieldset.common-form legend { margin-bottom: 1em; padding-bottom: 0; width: 100%; font-weight: bold; }
fieldset.common-form table { border-collapse: collapse; width: 100%; }
fieldset.common-form th, fieldset.common-form td { padding-bottom: 1em; vertical-align: top; }
fieldset.common-form th[scope=row] { width: 150px; vertical-align: top; text-align: left; font-weight: normal; }
fieldset.common-form th[scope=row].compact { width: 10em; vertical-align: top; text-align: left; font-weight: normal; }
fieldset.common-form th[scope=col] { padding-bottom: 0.5em; font-size: 0.923em; text-align: left; }
fieldset.common-form .couple-member { float: left; width: 14em; }
fieldset.common-form .couple-member span { font-style: italic; }
fieldset.common-form .hint, .hint { margin: 0.2em 0; font-size: 0.8em; color: #666; }
fieldset.common-form .help { margin-left: 0.5em; font-size: 0.8em; color: #666; }
fieldset.common-form input[type="text"], fieldset.common-form input[type="password"], fieldset.common-form textarea, fieldset.common-form select, fieldset.common-form input[type="checkbox"] { border: 1px solid #CBCCCF; -moz-border-radius: 0.3em 0.3em 0.3em 0.3em; border-bottom-left-radius: 0.3em 0.3em; border-bottom-right-radius: 0.3em 0.3em; border-top-left-radius: 0.3em 0.3em; border-top-right-radius: 0.3em 0.3em; padding: 0.2em; }
fieldset.common-form textarea { width: 25em; }
fieldset.common-form-submit { margin-left: 15.5em; }
#chars_remained { color: Red; }
span.required { color: Red; padding-left: 5px; }

.editprofilelink { padding-left: 0.3em; font-weight: normal; font-size: 0.8em; }
div.editform-bottombar { text-align: right; padding-right: 5px; padding-bottom: 5px; }
input.editform[type='button'] { margin-left: 13.5em; width: 80px; }
input.editform[type='button']:hover { background-color: #FFFFCC; }
div.editform-navigation { margin-bottom: 1em; padding: 0.5em 0.5em; background-color: #f5f5f5; border-top: 1px solid #FFF; border-bottom: 1px solid #CBCCCF; }
div.editform-navigation span { margin: 0 7px; }
div.editform-navigation span.first { margin-left: 0; }

/* TOP NAVIGATION LOGIN FORM */
.page-container .login-form { position: absolute; padding: 8px; background-color: #DE017C; border: solid 1px #E90181; right: 0px; top: 10px; }
.page-container .login-form, .page-container .login-form a { color: white; }
.page-container .login-form .field { display: inline-block; padding: 2px; margin-right: 4px; width: 104px; border-radius: 2px; border: solid 1px #D2D2D2; background-color: #EBEBEB; }
.page-container .login-form .btn-login { color: #fff; font-weight: bold; font-size: 0.9em; background-image: url('/images/homecentre/login-btn-bg.gif'); width: 52px; height: 24px; border: solid 1px #576163; border-radius: 3px; }


/* 2.3.3 TABS
----------------------------------------------------------*/
ul.tabs { margin: 0; line-height: 27px; }
ul.tabs li { display: inline; }
ul.tabs li a { margin-right: 1em; color: #333; }
ul.tabs li a:hover { color: #0344ae; text-decoration: none; }
ul.tabs .active { font-weight: bold; color: #0344ae; text-decoration: none; }


/* 2.3.3 LIST ITEMS 
----------------------------------------------------------*/
.list-items { margin-bottom: 1em; border-top: solid 1px #CBCCCF; }
.list-item { padding: 0.5em 0; clear: both; min-height: 100px; border-bottom: solid 1px #CBCCCF; }
.list-item-content { overflow: hidden; }
.list-item .result-select { float: left; margin-right: 5px; display: block; }
.list-item .result-image { float: left; margin-right: 10px; }
.list-item .result-content { float: left; }
.list-item .result-content h4 { margin: 0 0 0.357em; line-height: 1.286em; display: inline; }
.list-item .result-content p { margin: 0; line-height: 1.385em; }
.list-item .result-actions { margin-top: 0.5em; }
.list-item .result-actions input { margin-right: 0.5em; }
.list-item div.timestamp { float: right; text-align: right; }
.no-more-items { padding: 0.5em; display: none; text-align: center; font-size: 0.923em; }

.list-item .comment-wrapper { padding-left: 92px; position: relative; }
.list-item .comment-poster .photo { position: absolute; left: 0; top: 0; }

/* 2.3.4 NOTIFICATIONS: WINDOWS, DROPDOWN, HISTORY
--------------------------------------------------------------*/
.btn-note-mnu { float: left; margin: 1px; padding: 0; cursor: pointer; }
.controls .btn-note-mnu .inner { width: 22px; height: 20px; font-size: 0.857em; line-height: 1.750em; }
.controls .active .inner { background-image: url(/images/sprites/buttons.gif); }
.controls .inactive .inner { background-image: url(/images/sprites/buttons-inactive.gif); }
.controls .hover .inner { background-image: url(/images/sprites/buttons-hover.gif); }
.controls div.msgs .inner { background-position: 0px 0px; }
.controls div.winks .inner { background-position: -24px 0px; }
.controls div.notifs .inner { background-position: -48px 0px; }
.controls div.chats .inner { background-position: -72px 0px; }

.event-menu { position: absolute; z-index: 1000; text-align: left; }
.event-container { width: 365px; background-color: #fff; border: solid 1px gray; }
.event-container .button-close { cursor: pointer; position: absolute; right: 5px; top: 5px; }
.event-container .title { font-weight: bold; padding: 4px; border-bottom: solid 1px #CBCCCF; background-color: #f5f5f5; }
.event-container .footer { font-weight: bold; padding: 4px; text-align: center; cursor: pointer; border-top: solid 1px #fff; border-bottom: solid 1px #CBCCCF; }
.event-container .item { cursor: pointer; overflow: hidden; }
.event-container .item .photo { float: left; width: 82px; height: 82px; margin: 4px; border: solid 1px #CBCCCF; }
.event-container .item .message { padding: 4px; line-height: 1em; height: 82px; }
.event-container .item .message div { margin-top: 4px; width: 250px; overflow: hidden; text-overflow: ellipsis; }
.event-container .item .message .more { font-size: 0.8em; }
.event-container .item .message span.user, li.user-name-search span.user { font-weight: bold; }
.event-container .hover { background-color: #e6f2ff; }
/* smaller sizes for drop down */
.event-menu { width: 300px; border: solid 1px #CBCCCF; }
.event-menu .item, li.user-name-search { height: 55px; }
.event-menu .item .photo, .event-menu .item .photo img, li.user-name-search .photo, li.user-name-search .photo img { width: 45px; height: 45px; }
.event-menu .item .message { padding: 3px; height: 45px; }
.event-menu .item .message div { margin-top: 3px; width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#notification-window { position: fixed; right: 10px; bottom: 10px; }
.event-container .item .bottom { clear: both; border-top: solid 1px #CBCCCF; padding: 1px; }
.event-container .item .bottom .edit { float: left; margin: 0 4px; font-size: 8pt; }
.event-container .item .bottom .toggle-sound { float: right; width: 16px; height: 16px; background-repeat: no-repeat; margin: 0px 6px 1px 6px; }
.event-container .item .bottom .edit:hover { text-decoration: underline; }
.event-container .item .bottom .sound-on { background-image: url('/images/notifications/soundOn.gif'); }
.event-container .item .bottom .sound-off { background-image: url('/images/notifications/soundOff.gif'); }

.history { margin-bottom: 1em; }
.history h3 { padding: 0.2em 0.5em; font-size: 1em; border-bottom: 1px solid #CBCCCF; }
.history ol { margin: 0.3em 0 1.2em; }
.history ol li { margin: 0; padding: 0.2em 0; clear: both; list-style-type: none; height: 40px; border-bottom: 1px solid #CBCCCF; }
.history .user { margin-right: 0.4em; font-weight: bold; }
.history .time { font-size: 0.8em; }
.history .user:hover { text-decoration: none; }
.history .thumb { float: left; margin-right: 4px; }
.history .thumb img { width: 40px; height: 40px; border: none; cursor: pointer; }
.history .details { float: left; margin-top: 2px; }
.history .delete { float: right; margin: 1.8em 1em 0 0; cursor: pointer; font-size: 0.8em; padding: 0 2px; }
.photoContainer .photo { cursor: pointer; }

/* 2.3.5 LEGACY
----------------------------------------------------------*/
.content-copy, .content-copy-wrap { background-color: #f5f5f5; }
.content-copy { line-height: 1.5em; padding: 0.5em; overflow: auto; border-bottom: solid 1px #CBCCCF; }
.content-copy h2 { }
.content-copy p { }
.content-copy ul { }
.content-copy ul li { list-style: disc; }
div.editform-navigation { background-color: #f5f5f5; border-bottom: 1px solid #CBCCCF; }
.col-2-1 { width: 590px; float: left; }
.col-2-2 { width: 180px; float: right; }


/* 2.4 SECTION STYLES
----------------------------------------------------------*/

/* 2.4.1 REGISTRATION
----------------------------------------------------------*/
table.EditTable { width: 100%; padding-top: 9px; }
table.EditTable th { font-weight: bold; text-align: left; height: 30px; width: 150px; }
table.EditTable td { vertical-align: top; text-align: left; }

/* 2.4.2 MEMBER PROFILE 
--------------------------------------------------------------*/

/* Legacy Profile*/
.profile h1 { margin-bottom: 0; display: inline-block; }
.mem-usr { font-size: 1.154em; line-height: 1.267em; margin: 0 0 1.267em; font-weight: bold; }
.mem-onl { background: url(/images/status-online.gif) no-repeat left; display: inline-block; vertical-align: middle; font-weight: bold; text-indent: 12px; color: #4ACD11; }
.mem-last-onl { margin-left: 0.462em; font-size: 0.846em; line-height: 1.727em; color: #999; }
.mem-ver { margin-left: 0.154em; background-image: url(/images/sprites/icon-profile-verified.gif); display: inline-block; vertical-align: middle; width: 24px; height: 24px; }
.mem-age-ver { margin-left: 0.154em; background-image: url(/images/sprites/icon-age-verified.gif); display: inline-block; vertical-align: middle; width: 24px; height: 24px; }
.mem-desc { line-height: 19px; }
.mem-seeking { }
.mem-title { padding: 0.5em 0; line-height: 19px; }
.mem-pp { padding: 0.3em 0; padding-left: 20px; font-size: 0.923em; line-height: 1.5em; background: url(/images/mobile/icon-pp.gif) no-repeat left; vertical-align: middle; }
p.profile-title { clear: left; margin: 0.308em 0; }
div.profile-url { margin: 0 0.5em 0.5em; }
.profile-overview-col-1 { float: left; width: 260px; }
.profile-overview-col-2 { float: left; }
.profile-gallery-preview { width: 254px; }
.profile-default-photo { margin-bottom: 1px; background: none repeat scroll 0 0 #fff; border: 1px solid #CBCCCF; }
.completeProfileDialog { text-align: left; }
.completeProfileDialog p { line-height: 2em; }
/* Profile Table Overview- */
fieldset.profile-table-overview { margin-bottom: 0.4em; border-bottom: solid 1px #fff; }
fieldset.profile-table-overview table { border-collapse: collapse; width: 100%; }
fieldset.profile-table-overview th, fieldset.profile-table-overview td { padding-bottom: 0.4em; vertical-align: top; text-align: left; }
fieldset.profile-table-overview th[scope=row] { vertical-align: top; width: 9em; font-weight: normal; }
fieldset.profile-table-overview td img.match-icon { vertical-align: middle; margin-left: 0.5em; }
fieldset.no-border { border: 0; }
/* Profile Table Main */
fieldset.profile-table-main { margin-bottom: 1em; }
fieldset.profile-table-main legend { margin-bottom: 0.5em; padding-bottom: 0; width: 100%; font-weight: bold; }
fieldset.profile-table-main table { border-collapse: collapse; }
fieldset.profile-table-main th, fieldset.common-form td { padding-bottom: 0.5em; vertical-align: top; }
fieldset.profile-table-main th[scope=row] { width: 15em; vertical-align: top; text-align: left; font-weight: normal; }
fieldset.profile-table-main th[scope=row].compact { width: 10em; vertical-align: top; text-align: left; font-weight: normal; }
fieldset.profile-table-main th[scope=col] { padding-bottom: 0.5em; font-size: 0.923em; text-align: left; }
fieldset.profile-table-main td { width: 15em; }

/* New PROFILE  */
.search-navigation { margin-bottom: 1em; padding: 0.5em; overflow: hidden; background-color: #E0E1E3; border: solid 1px #CBCCCF; }
.search-navigation .page-count { margin-right: 0.692em; text-align: right; font-size: 0.923em; line-height: 1.5em; }
.search-navigation .home { float: left; }
.search-navigation .paging { float: right; }
.search-navigation a:link, .search-navigation a:visited { color: #000; }
.search-navigation .disabled { color: #999; }
.search-navigation .icon-back { width: 18px; height: 18px; background: url(/images/sprites/icon-back.gif) no-repeat left; display: inline-block; vertical-align: top; cursor: pointer; }
.search-navigation .icon-prev { width: 18px; height: 18px; background: url(/images/sprites/icon-arrow-left.gif) no-repeat left; display: inline-block; vertical-align: top; cursor: pointer; }
.search-navigation .icon-next { width: 18px; height: 18px; background: url(/images/sprites/icon-arrow-right.gif) no-repeat right; display: inline-block; vertical-align: top; cursor: pointer; }
.search-navigation .next { margin-right: 0.3em; }
.search-navigation .back, .search-navigation .prev { margin-left: 0.3em; }

/* Profile Tabs */
.toolbar-profile { margin-top: 27px; }
/* THIRD number must change with respect to padding-top (X) below */
.tabs-profile { margin: 1em 0 1em 0; padding: 3px 10px 7px 10px; text-align: left; border-bottom: 1px solid #EDDD00; list-style-type: none; }
.tabs-profile li { display: inline; }
.tabs-profile li.active { border-bottom: 1px solid #fff; background-color: #fff; }
/*Must change with respect to padding (X) above and below */
.tabs-profile li.active a { padding-top: 13px; background-color: #fff; color: #000; position: relative; top: 1px; }
/* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
.tabs-profile li a { margin-right: 0px; padding: 8px 15px; border: 1px solid #EDDD00; background-color: #FFFCD7; color: #000; text-decoration: none; border-bottom: none; }
.tabs-profile a:hover { background: #fff; }

/* Layout */
.profile .aside { float: left; margin-right: 10px; width: 252px; }
.profile .profile-content { float: left; margin-left: 10px; width: 668px; }

/* Formatting */
.profile h1, .profile h2 { color: #AC005F; }
.profile h1 { font-weight: bold; }
.profile h2 { margin: 1em 0; }
.profile h3 { margin: 0.867em 0 0.333em; font-size: 1.154em; line-height: 1.2em; }

/*temp*/
.profile .edit { font-size: 0.923em; display: none; }

.profile .page-header h1 { margin-bottom: 0; display: inline; font-size: 1.846em; line-height: 0.75em; }
.profile .page-header .profile-title { clear: left; font-size: 1.231em; line-height: 1.225em; }
/*
.profile .page-header .profile-title q.quotes { padding-left: 35px; display: inline-block; background: url("/images/sprites/quotes-open.gif") no-repeat left bottom; }
.profile .page-header .profile-title q.quotes:after { margin-left: 3px; background: url("/images/sprites/quotes-close.gif") no-repeat transparent; content: " "; display: inline-block; height: 32px; width: 32px; }
*/
.profile .page-header .mem-desc { margin: 0.643em 0; font-weight: bold; }
.profile .page-header .location, .profile .page-header .match { vertical-align: middle; }
.profile-block { padding-bottom: 1.385em; border-bottom: solid 1px #EDDD00; }

.profile-table { width: 100%; border-collapse: collapse; }

.profile-table th, .profile-table td { padding: 0.3em 0; border-bottom: dashed 1px #CBCCCF; }
.profile-table th[scope=row] { width: 200px; }
.profile-table td .profile-value { width: 230px; }

.member-interests { margin: 0; overflow: hidden; }
.member-interests li { float: left; margin-right: 10px; list-style-type: none; width: 213px; }

.contact-panel { margin: 0.75em 0; }
.profile .hotlist-prompt { overflow: hidden; background-color: #CA0171; padding: 6px; margin-bottom: 10px; }
.profile .hotlist-prompt .text { color: white; float: left; margin: 6px; }
.profile .hotlist-prompt .button { float: right; }

.hotlist-prompt span.btn-msg-bright { color: #CA0171; background: url(/images/sprites/icon-msg-bright.gif) no-repeat left; text-indent: 23px; }

/* Winks Form */
.winks-form { clear: both; margin-top: 10px; border: solid 1px #EDDD00; background-color: #FFFCD7; }
.winks-form .legend { padding: 10px 10px 0; background: url(/images/bg-winks-form.gif) no-repeat; height: 69px; text-align: center; }
.winks-form .legend h2 { margin: 0; padding: 20px 0; font-size: 1.385em; line-height: 1em; color: #AC005F; background: url(/images/icon-winks-large.png) no-repeat left; display: inline-block; text-indent: 59px; }
.winks-form ul { margin: 0; padding: 0 10px 10px; }
.winks-form ul li:first-child { border-top: 1px solid #EDDD00; }
.winks-form ul li { padding: 0.5em 0; list-style-position: outside; border-bottom: solid 1px #EDDD00; }
.winks-form .more-wink-options { margin-bottom: 10px; text-align: center; }
.winks-form .more-wink-options a { color: #AC005F; font-weight: bold; }
.winks-form .footer { padding: 0 10px 10px; text-align: center; }
.winks-form .msg-sbj-wink, .wink-options .msg-sbj-wink { width: 178px; background: url(/images/sprites/iconWinkNoMessage.gif); }


/* Postage Paid notice */
.postage-paid-notice { clear: both; margin-top: 10px; border: solid 1px #EDDD00; background-color: #FFFCD7; }
.postage-paid-notice .legend { padding: 10px 20px; background: url(/images/bg-winks-form.gif) no-repeat; }

.member-profile-actions { margin-top: 1.385em; text-align: center; }

/* Gallery preview */
.profile .gallery-preview { overflow: hidden; }
.profile .gallery-preview .gallery-strip .photo { border-top: none; }
.profile .gallery-preview .gallery-strip .thumb { float: left; }
.profile .gallery-preview .pg-link { clear: both; padding-top: 10px; }

.actions {position: relative; vertical-align: bottom; }
.actions ul { margin: 0; }
.actions li { display: inline; list-style-type: none; zoom: 1; }

a.lnk-btn, a.lnk-btn:visited { color: #000; }
a.lnk-btn { vertical-align: middle; display: inline-block; zoom: 1; }
a.lnk-btn span.lnk-btn-hotlist { display: block; vertical-align: middle; text-indent: 20px; background: url(/images/sprites/icon-heart.gif) no-repeat left; }

.action-more a.button, .action-more a.button:visited { color: #000; }
.action-more a.button { margin-left: 0.5em; vertical-align: middle; display: inline-block; cursor: pointer; zoom: 1; }
.action-more span.more { vertical-align: middle; }
.action-more span.ui-icon { display: inline-block; vertical-align: middle; }


/* action drop down */
.action-list { display: inline-block; text-align: center; }
.actions-menu { margin-top: 0em; background-color: #fff; border: solid 1px #666; width: 160px; text-align: left; font-size: 0.929em; position: absolute;top: 2em; right: 1px; display: none;}
.actions-menu { -moz-box-shadow: 0 0 1px #CBCCCF; -webkit-box-shadow: 0 0 1px #CBCCCF; box-shadow: 0 0 1px #CBCCCF; }
.actions-menu ul { margin: 0.3em 0; }
.actions-menu li { margin: 0; line-height: 1.385em; list-style-position: inside; list-style-type: none; display: block; }
.actions-menu li a { padding: 0.3em 1em; display: block; }
.actions-menu li:hover { background-color: #D52E9F; }
.actions-menu li:hover a { color: #fff; }
.actions-menu a { color: #333; }
.actions-menu a:hover { text-decoration: none; }

.contact-brief { padding: 10px; border: solid 1px #EDDD00; background-color: #FFFCD7; }
.profile-short { padding: 0.693em 0 0.693em 92px; min-height: 82px; position: relative; }
.profile-short .profile-short-member .photo { position: absolute; left: 0; top: 10px; }
.profile-short .mem-usr { font-size: 1.385em; line-height: 1em; margin: 0.5em 0; color: #AC005F; }
.profile-short .mem-desc { margin: 0; }
.profile-short .actions {float: right;}

/* Match Criteria */
.match-criteria { border-collapse: collapse; width: 100%; border-bottom: solid 1px #CBCCCF; }
.match-criteria th, .match-criteria td { padding: 0.5em; }
.match-criteria th[scope=col] { width: 33%; text-align: left; border-top: solid 1px #CBCCCF; background-color: #f5f5f5; }
.match-criteria th[scope=row], .match-criteria td { border-top: solid 1px #CBCCCF; }
.match-criteria th[scope=row] { text-align: left; font-weight: normal; }
#divProfileMatchWarning .footer { margin-top: 1.385em; text-align: right; }



/* 2.4.3 MEMBER MESSAGES
----------------------------------------------------------*/
.member-message-body h1 { padding-left: 0; }
.member-message-body p, .member-message-body ul { margin-top: 0.3em; margin-bottom: 1em; }
.member-message-body ul li { list-style-type: disc; list-style-position: inside; }
.member-message-orginal { margin-top: 1.385em; border-top: dashed 1px #CBCCCF; }

/* 2.4.4 USERNAME SEARCH
--------------------------------------------------------------*/
li.user-name-search .photo, li.user-name-search .message { float: left; }
li.user-name-search a.item { display: inline-block; width: 374px; text-decoration: none; }
li.user-name-search { width: 380px; }
li.user-name-search span.user, li.user-name-search span.details, li.user-name-search div.short-info { font-size: 0.923em; }
li.user-name-search div.short-info { overflow: hidden; text-overflow: ellipsis; font-size: 0.8em; white-space: nowrap; }
li.user-name-search div.user-details { margin-left: 50px; }


/* 2.4.5 PHOTO GALLERY
--------------------------------------------------------------*/
div.galleryContainer { font-size: 0.857em; }
div.galleryContainer div.gallery-topbarpanel { position: absolute; left: 0px; top: 0px; height: 54px; z-index: 3020; width: 100%; }
div.galleryContainer .gallery-infopanel { position: absolute; top: 0px; height: 31px; background: #D20275; width: 100%; }
div.galleryContainer .gallery-buttonspanel { position: absolute; left: 0px; top: 31px; height: 23px; background: #b00263; width: 100%; }
div.galleryContainer div.panel { background: black; overflow: visible; text-align: center; width: 100%; position: absolute; display: none; left: 0px; }
div.galleryContainer div.panel img { border: 1px solid #303030; display: block; margin: auto; vertical-align: middle; }
div.galleryContainer div.gallery-topmask { background: black; z-index: 3009; position: absolute; top: 0px; left: 0px; height: 0.144px; width: 100%; }
div.galleryContainer table.table-thumbnail { border: 0px; margin: 0; vertical-align: middle; text-align: center; height: 82px; width: 82px; display: list-item; z-index: 901; }
div.galleryContainer table.table-thumbnail tr td { width: 82px; height: 82px; padding: 0; }
div.galleryContainer table.table-thumbnail tr td div { max-width: 82px; max-height: 82px; height: auto; width: auto; }
div.galleryContainer table.table-thumbnail tr td div img { max-width: 82px; max-height: 82px; height: auto; width: auto; }
div.galleryContainer div.wrapper-thumbnail { padding: 1px; border: 1px solid #909090; height: 82px; }
/*overloaded in ie6*/
div.galleryContainer div.strip_wrapper { position: absolute; top: 40px; height: 102px; overflow: hidden; background: black; z-index: 3010; left: 51px; width: 658px; }
div.galleryContainer div.mask { background-color: black; display: none; left: 0; position: absolute; top: 0; z-index: 2000; }
div.galleryContainer div.galleryview { background: black; position: absolute; z-index: 3000; top: 20px; left: 0px; width: 100%; overflow: hidden; }
div.galleryContainer ul.filmstrip { margin: 0; line-height: 15px; position: absolute; top: 8px; }
div.galleryContainer ul.filmstrip li { position: relative; float: left; z-index: 901; padding: 0px; cursor: pointer; margin-top: 4px; list-style-position: outside; list-style-type: none; }
div.galleryContainer span.icon-close { position: absolute; right: 16px; top: 8px; width: 15px; height: 15px; background-image: url('/images/gallery/button_close.png'); background-repeat: no-repeat; display: block; overflow: hidden; z-index: 3020; }
div.galleryContainer .gallery-folded { border-bottom: 0px solid white; border-top: 0px solid white; }
div.galleryContainer .gallery-unfolded { border-bottom: 0px; border-top: 0px; }
div.galleryContainer .gallery-pointer-arrow { position: absolute; left: 32px; background-image: url('/images/gallery/whitearrow.png?galver=3'); top: -10px; z-index: 1001; width: 20px; height: 10px; }
div.galleryContainer .gallery-pointer { position: absolute; z-index: 1000; cursor: pointer; top: 10px; border: 3px solid white; }
div.galleryContainer .gallery-infopanel { position: absolute; left: 0px; display: inline; }
div.galleryContainer .gallery-infopanel .username { float: left; font-size: 1.5em; font-weight: bold; margin-top: 5px; margin-left: 10px; }
div.galleryContainer .gallery-infopanel .gallery-logo { float: left; background-image: url('/images/gallery/gallerylogo.png?galver=3'); height: 31px; background-repeat: no-repeat; margin-left: 16px; }
div.galleryContainer .gallery-infopanel .itemnumber { float: left; margin-left: 10px; margin-top: 9px; padding-left: 10px; font-weight: bold; border-left: 1px solid white; }
div.galleryContainer .gallery-buttonscontainer { position: absolute; left: 50%; margin-left: -166px; display: inline; width: 544px; z-index: 3020; top: 3px; }
div.galleryContainer .gallery-buttonscontainer .icon-seek-first { background-image: url('/images/gallery/button_seek_first.png?galver=3'); width: 18px; height: 18px; margin-left: 31px; }
div.galleryContainer .gallery-buttonscontainer .icon-seek-prev { background-image: url('/images/gallery/button_seek_prev.png?galver=3'); width: 18px; height: 18px; }
div.galleryContainer .gallery-buttonscontainer .icon-play { background-image: url('/images/gallery/button_play.png?galver=3'); width: 80px; height: 18px; }
div.galleryContainer .gallery-buttonscontainer .icon-pause { background-image: url('/images/gallery/button_pause.png?galver=3'); width: 80px; height: 18px; }
div.galleryContainer .gallery-buttonscontainer .icon-seek-next { background-image: url('/images/gallery/button_seek_next.png?galver=3'); width: 18px; height: 18px; }
div.galleryContainer .gallery-buttonscontainer .icon-seek-end { background-image: url('/images/gallery/button_seek_end.png?galver=3'); width: 18px; height: 18px; margin-right: 31px; }
div.galleryContainer .gallery-buttonscontainer .icon-expand { background-image: url('/images/gallery/button_expand.png?galver=3'); width: 18px; height: 18px; }
div.galleryContainer .gallery-buttonscontainer .icon-collapse { background-image: url('/images/gallery/button_collapse.png?galver=3'); width: 18px; height: 18px; }
div.galleryContainer .gallery-buttonscontainer .icon-zoomout { background-image: url('/images/gallery/button_zoom_out.png?galver=3'); width: 18px; height: 18px; }
div.galleryContainer .gallery-buttonscontainer .icon-zoomin { background-image: url('/images/gallery/button_zoom_in.png?galver=3'); width: 18px; height: 18px; }
div.galleryContainer .gallery-buttonscontainer .icon-zoominactive { background-image: url('/images/gallery/button_zoom_inactive.png?galver=3'); width: 18px; height: 18px; }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel { float: right; color: White; }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel span { margin: 3px; }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel .icon-minus { background-image: url('/images/gallery/button_slow.png?galver=3'); width: 12px; height: 11px; margin-top: 4px; }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel .icon-plus { background-image: url('/images/gallery/button_fast.png?galver=3'); width: 12px; height: 11px; margin-top: 4px; }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel .transition-interval { color: White; width: 42px; height: 11px; margin-top: 2px; }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel .speed1 { background-image: url('/images/gallery/speed1.png?galver=3'); }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel .speed2 { background-image: url('/images/gallery/speed2.png?galver=3'); }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel .speed3 { background-image: url('/images/gallery/speed3.png?galver=3'); }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel .speed4 { background-image: url('/images/gallery/speed4.png?galver=3'); }
div.galleryContainer .gallery-buttonscontainer .transition-control-panel .speed5 { background-image: url('/images/gallery/speed5.png?galver=3'); }
div.galleryContainer .gallery-buttonscontainer span { float: left; margin-left: 3px; margin-right: 3px; }
div.galleryContainer .gallery-infopanel span { color: White; }
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; }
#tooltip { padding: 5px 10px; background: #cad7e0; border: 1px solid #b2bdc3; opacity: 0.90; text-align: left; font: 8pt Tahoma; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 4px 10px #8B8B8B; -moz-box-shadow: 0px 4px 10px #8B8B8B; -webkit-box-shadow: #8B8B8B 0px 4px 10px; }
#tooltip h3, #tooltip div { margin: 0; }
div.galleryContainer .gallery-infopanel-right_caption { padding-left: 5px; padding-top: 15px; float: left; }
div.galleryContainer .gallery-infopanel-itemnumber { float: right; padding-top: 5px; font-size: 2em; font-weight: bold; }
div.galleryContainer .gallery-infopanel-left_caption { padding-top: 5px; float: left; font-size: 2em; font-weight: bold; }

/* 2.4.6 INTERESTS
--------------------------------------------------------------*/
fieldset.common-form .interest-quick-add { margin-bottom: 1em; }
fieldset.common-form .interest-quick-add p { margin-bottom: 0.3em; font-weight: bold; }
fieldset.common-form .interest-input { margin-bottom: 0.2em; color: #999; }
fieldset.common-form .interest-input:focus { color: #000; }
fieldset.common-form .interest-selected { padding: 0.2em; height: 10em; -moz-border-radius: 0.3em 0.3em 0.3em 0.3em; border-bottom-left-radius: 0.3em 0.3em; border-bottom-right-radius: 0.3em 0.3em; border-top-left-radius: 0.3em 0.3em; border-top-right-radius: 0.3em 0.3em; border: solid 1px #CBCCCF; }
fieldset.common-form .interest-input, fieldset.common-form .interest-selected { width: 33em; }
fieldset.common-form .interest { float: left; margin: 0.2em; padding: 0.2em; font-size: 0.8em; max-width: 20em; overflow: hidden; white-space: nowrap; cursor: pointer; -moz-border-radius: 3px 3px 3px 3px; border: 1px solid #CBCCCF; background-color: #EEEEEE; }
fieldset.common-form .clicked { background-color: #CBCCCF; }
fieldset.common-form .interest-remove { margin-top: 0.5em; }
fieldset.common-form .interest-remove-action { float: left; margin-top: 0.5em; margin-left: 0.5em; font-size: 0.8em; font-weight: bold; }
fieldset.common-form .notchecked2 { background-color: #f9f9f9; }
fieldset.common-form .interest2 { float: left; margin: 2px; padding: 0; font-size: 0.8em; width: 200px; overflow: hidden; white-space: nowrap; }
fieldset.common-form .interest-add { margin-bottom: 1em; }
fieldset.common-form .interest-add input { width: 25em; }

/* Interest Update */
fieldset.interest-update { margin-top: 1em; }
fieldset.interest-update legend { margin-bottom: 1em; padding-bottom: 0; width: 100%; font-weight: bold; }
fieldset.interest-update table { border-collapse: collapse; width: 100%; border: solid 1px #CBCCCF; }
fieldset.interest-update th, fieldset.interest-update td { padding: 1em; vertical-align: top; border-top: solid 1px #CBCCCF; border-bottom: solid 1px #CBCCCF; }
fieldset.interest-update th[scope=row] { padding: 0.5em; width: 10em; vertical-align: top; text-align: left; font-weight: normal; }
fieldset.interest-update th[scope=col] { padding: 0.5em 0; text-align: left; }
fieldset.interest-update tr { border-top: solid 1px #CBCCCF; border-bottom: solid 1px #CBCCCF; }
fieldset.interest-update th[scope=col], fieldset.interest-update th[scope="rowgroup"] { background-color: #f5f5f5; }
fieldset.interest-update td { padding: 0.5em 0; vertical-align: top; }
fieldset.interest-update td div.edit-link { padding-top: 0.5em; }
fieldset.interest-update div.acknowledge { margin-top: 1em; }

/* 2.4.7 PAYMENT FORM
--------------------------------------------------------------*/

/*Upgade Form */
.upgrade { margin-bottom: 1.385em; }

.payment-summary { margin-top: 1em; }
.payment-summary caption { text-align: left; margin-bottom: 1em; padding-bottom: 0; width: 100%; font-weight: bold; }
.payment-summary table { border-collapse: collapse; width: 100%; border: solid 1px #FFF347; }
.payment-summary table th { padding: 0.5em; vertical-align: top; border-top: solid 1px #FFF347; border-bottom: solid 1px #FFF347; }
.payment-summary table th[scope=row] { padding: 0.5em; width: 10em; vertical-align: top; text-align: left; font-weight: normal; }
.payment-summary table th[scope=col] { padding: 0.5em; text-align: left; }
.payment-summary table tr { border-top: solid 1px #FFF347; border-bottom: solid 1px #FFF347; }
.payment-summary table th[scope=col] { background-color: #FFFBC2; }
.payment-summary table td { padding: 0.5em; vertical-align: top; }

.totalamount { text-align: right; }
.payment-methods { padding: 1em 0; border-bottom: dashed 1px #CBCCCF; }
.payment-method-icons img { margin-right: 0.5em; }

/* 2.4.8 STORIES 
-------------------------------------------------------------*/
.story-header, .story-body { margin-bottom: 1.385em; }
.story-header h2 { font-size: 2em; line-height: 1.384em; }
.story-meta { padding: 0.693em 0; }
.story-info ul { margin: 0; }
.story-info li { list-style-type: none; font-size: 0.923em; color: #888; }
.story-info li.author { font-weight: bold; }
.story-body li { margin-left: 30px; list-style-position: outside; }

.story .bio { padding: 10px; border: solid 1px #DBDBDB; background-color: #fafafa; }
.story .bio p { margin-top: 0; }
.story .bio .image { float: right; margin-left: 10px; margin-bottom: 10px; }
.story .disclaimer p { font-size: 0.923em; line-height: 1.5em; }

.comments-list li { list-style-position: outside; }
.story-comments { border-top: dashed 1px #DBDBDB; }
.story-comments h3 { padding-top: 0; font-size: 1.538em; line-height: 0.9em; font-weight: 400; color: #888; }
.story-comments p { margin: 0; font-size: 0.929em; line-height: 1.5em; }
.story-comments .mem-usr { font-size: 1em; display: inline; }
.story-comments .mem-last-onl { margin-left: 0; }

.stories .extract .story-header { margin-bottom: 0; }
.stories .category { margin-bottom: 1.385em; padding-bottom: 1.385em; border-bottom: dashed 1px #DBDBDB; }

.story-comments ol { border-top: 1px solid #DBDBDB; }
.profile .story-comments ol { border-top: none; }
.story-comments ol li { padding: 0.693em 0 0.693em 50px; position: relative; list-style-type: none; border-bottom: 1px solid #DBDBDB; }
.story-comments ol li:last-child { border-bottom: none; }
.story-comments .comment-wrapper { }
.story-comments .comment-poster .photo { position: absolute; left: 0; top: 10px; }
.story-comments .comment-meta-data { font-size: 0.929em; line-height: 1.5em; color: #888; }


/*contact history*/
.contact-history .comments-list li {padding-left: 59px; padding-right: 0.693em;}
.contact-history .comment-poster .photo {left: 0.693em;}
.contact-history .unread {background-color: #E6F2FF;}
.msg-sbj-msg { width: 18px; height: 18px; margin-right: 5px; background: url(/images/sprites/iconMsg.gif) no-repeat left; display: inline-block; vertical-align: middle; text-indent: 20px; }
.msg-sbj-wink { width: 18px; height: 18px; margin-right: 5px; background: url(/images/sprites/iconWinkMnu.gif) no-repeat left; display: inline-block; vertical-align: middle; text-indent: 20px; }
.msg-extract { padding-top: 0.693em; }

/* Hack: DatingGuide Articles - Get rid of DataGrid control */
#l_c_dgArticles td span { font-weight: bold; }
#l_c_dgArticles td span, #l_c_dgArticles td > a { margin-right: 0.2em; padding: 0.1em 0.4em; color: #444; border: solid 1px #CCCDD0; background-color: #E0E1E3; }

/* DataGrid Paging Controls*/
.dg-paging td { padding-top: 10px; }
.dg-page-number, .dg-page-number-active { margin-right: 0.2em; padding: 0.1em 0.4em; line-height: 32px; color: #444; border: solid 1px #CCCDD0; background-color: #E0E1E3; }
.dg-page-number-active { font-weight: bold; }

a.post-comment { line-height: 2.4em; }
div.subscribe-to-post { margin: 0.3em 0px; }
.comments-count { background: url(/images/post-comment.gif) no-repeat left; display: inline-block; vertical-align: middle; text-indent: 18px; }
.characters-left { float: right; font-size: 0.929em; line-height: 1.5em; }
.new-comment textarea { display: block; width: 99%; height: 4em; }

/* 2.4.9 ONLINE MEMBERS
-------------------------------------------------------------*/
.online-members-list { margin-bottom: 1.385em; border-top: solid 1px #CBCCCF; }
.online-members-list li { list-style-type: none; padding: 0.5em 0; border-bottom: dashed 1px #CBCCCF; }
.online-members-list li:last-child { border-bottom: none; }


/* 2.4.10 ARTICLES LEGACY
----------------------------------------------------------*/
.article-legacy { margin: 0 auto; background-color: #fff; }
.article-legacy .recent-members { margin: 0 auto 1em; overflow: hidden; }
.article-legacy .recent-members h3 { margin-top: 0; font-size: 0.923em; }
.article-legacy .recent-members .col { float: left; text-align: center; width: 33%; }
.article-legacy .post { margin: 0 auto; background-color: #f5f5f5; border: solid 1px #CBCCCF; }
.article-legacy .post-header, .article-legacy .post-entry { padding: 0 1em; }
.article-legacy .post-entry img { margin: 1em; }

.group-legacy .post-header { padding-left: 230px; }
.group-legacy .aside { float: left; width: 210px; }
.group-legacy .aside li { padding-top: 21px; padding-left: 10px; font-size: 0.923em; list-style-type: square; }
.group-legacy .post-entry { float: right; width: 700px; }


/* 2.4.11 ACCOUNT HOME
----------------------------------------------------------*/
.ah-icon { width: 32px; height: 32px; display: inline-block; vertical-align: middle; background: no-repeat left; }
.ah-icon-inbox { background-image: url(/images/inbox32_icon.png); }
.ah-icon-search { background-image: url(/images/search32_icon.png); }
.ah-icon-activity { background-image: url(/images/activity32_icon.png); }
.ah-icon-title { margin-left: 5px; vertical-align: middle; }

/* Recent Members */
.recent-member-list { overflow: hidden; }
.recent-member-list h3 { font-size: 1em; line-height: 1.385em; }
.recent-member-list .results { width: 560px; float: left; }
.recent-member-list .more-wrap { width: 20px; float: left; }
.recent-member-list .more { padding-top: 35px; }
.recent-member-list .more a { width: 20px; height: 20px; margin-right: 5px; background: url(/images/sprites/arrow-more.gif) no-repeat left; display: inline-block; vertical-align: middle; }

/* 2.4.12 ACCOUNT PANEL
----------------------------------------------------------*/
.account-panel { float: right; margin: 10px 0px; position: relative; z-index: 2000; }
.account-panel .member-link { padding: 4px; cursor: pointer; color: white; }
.account-panel .member-link:hover { background-color: #F5F5F5; color: black; }
.account-panel .member-link .icon-photo { vertical-align: middle; }
.account-panel .member-link .icon-photo-username { margin-left: 2px; vertical-align: middle; }
.account-panel span.ui-icon { display: inline-block; vertical-align: bottom; }
.account-panel .active { background-color: #F5F5F5; color: black; }
.account-panel .drop-down { border: solid 1px gray; background-color: white; padding: 6px; position: absolute; z-index: 1999; float: right; right: -1px; width: 240px; }
.account-panel .drop-down .photo { position: absolute; }
.account-panel .drop-down .details { padding: 0px 20px 0px 90px; }
.account-panel .drop-down p { margin: 4px; }


/* 2.4.13 ADD PHOTO
----------------------------------------------------------*/
.camera-flash { padding: 1px; width: 10px; height: 10px; background-color: yellow; }
.camera-view { margin-bottom: 1.385em; }
.count-down { font-size: 1.385em; line-height: 1em; }
#CanvasContainer .form { margin-top: 1.385em; border-top: dashed 1px #CBCCCF; }

/* 2.4.14 PUBLIC HOME
----------------------------------------------------------*/

.home-container { width: 960px; margin: auto; position: relative; }
.home-container img.logo { position: absolute; top: 0; left: 178px; }
.home-container a img { border: none; vertical-align: bottom; }
.home-container blockquote { position: relative; padding: 0; font-size: 1.5em; margin: .2em; }
.home-container .bqstart, .home-container .bqend { position: absolute; width: 32px; height: 32px; }
.home-container .bqstart { top: -10px; left: -32px; background: url('/images/sprites/bqstart.png') no-repeat; }
.home-container .bqend { right: -32px; bottom: -10px; background: url('/images/sprites/bqend.png') no-repeat; }
.home-container .top-offset { margin-top: 24px; }
.home-container .column { float: left; width: 300px; position: relative; }
.home-container .column p { margin: 0 12px; padding: 18px 0 6px 0; }
.home-container .column h2 { color: #C90170; font-size: 18px; font-weight: 700; text-indent: 70px; margin-top: 22px; }
.home-container .column a { color: black; font-weight: bold; }
.home-container .column ul { list-style-type: none; }
.home-container .column li, .home-container .dashed { border-bottom: dashed 1px #999; line-height: 1.5em; padding: 5px 0; }
.home-container .column li:last-child { border: none; }

.home-container .blurb { position: absolute; left: 0px; top: 35px; color: white; width: 400px; }
.home-container .blurb h1 { font-size: 2.6em; line-height: 1em; margin: 0; }
.home-container .blurb p { width: 240px; }
.home-container .blurb a { color: white; font-weight: bold; }
.home-container .search { position: absolute; top: 20px; right: 0px; width: 300px; color: white; }
.home-container .search .link-more { text-align: right; }
.home-container .search p { margin: 0 0 1em 0; }
.home-container .search a { color: white; }
.home-container .search .search-form {margin: 20px 0; width: 300px; height: 212px; color: gray; background-image: url('/images/homecentre/searchbg.png'); }
.home-container .search-form ul { padding: 20px; list-style-type: none; line-height: 2.5em; margin: 0; }
.home-container .search-form ul label { display: inline-block; width: 120px; font-weight: bold; color: #000; }
.home-container .search-form ul select { display: inline-block; width: 136px; background-color: #EBEBEB; color: #000; border-radius: 2px; border: solid 1px #D2D2D2; padding: 2px; }
.home-container .search-form ul select.small { width: 48px; }
.home-container .search-form ul label.small { width: 30px; text-align: center; }
.home-container .centered-line { text-align: center; padding-top: 10px; }
.home-container .gradient-button, .home-container a.gradient-button { border: none; color: #fff; font-weight: bold; font-size: 1.2em; background-image: url('/images/homecentre/btn-bg.gif'); width: 140px; padding: 5px 20px; }
.home-container .gradient-button-big, .home-container a.gradient-button-big { border: none; color: #fff; font-weight: bold; font-size: 1.2em; background-image: url('/images/homecentre/btn-bg-big.gif'); padding: 10px 20px; }
.home-container .member-block { height: 286px; }
.home-container .member-block .header { height: 40px; background-color: #C90170; text-align: center; }
.home-container .member-block .header h2 { margin: 0; padding: 10px; color: white; text-indent: 0; }
.member-block .next { position: absolute; top: 60px; right: -10px; background: url('/images/homecentre/big-arrow-next.gif') no-repeat; display: inline-block; width: 30px; height: 30px; }
.member-block .prev { position: absolute; top: 60px; left: -10px; background: url('/images/homecentre/big-arrow-prev.gif') no-repeat; display: inline-block; width: 30px; height: 30px; }
.featured-members-strip { overflow: hidden; width: 284px; margin: 10px 10px 10px 6px;}
.featured-members-container { width: 3000px;}
.featured-member { float: left; width: 60px; overflow: hidden; margin: 0 0 0 10px;}
.featured-member .photo { border: solid 1px #C7ADBB; width: 58px; height: 58px; }
.featured-member .photo img { border: none; width: 58px; height: 58px;}
.featured-member .text { font-size: 10px; width: 60px; text-overflow: ellipsis; white-space: nowrap; color: #960456; line-height: 13px; }
.featured-members-online-title { background-color: #E8DEE3; text-align: center; font-weight: bold; margin: 0 28px; padding: 6px; color: #960456; font-size: 1.1em; }
.featured-members-online { margin: 0 4px 4px 4px; background-color: #E8DEE3; padding: 10px 0; }
.home-container .icon { background-repeat: no-repeat; background-position: 14px 20px; padding: 18px 0 6px 0; }
.home-container .icon-talk { background-image: url('/images/homecentre/icon-talk.png'); }
.home-container .icon-cocktail { background-image: url('/images/homecentre/icon-cocktail.png'); }
.home-container .icon-webcam { background-image: url('/images/homecentre/icon-webcam.png'); }
.home-container .icon-smile { background-image: url('/images/homecentre/icon-smile.png'); }
.home-container .middle { margin-left: 30px; margin-right: 30px; }
.home-container .tinted { background-color: #DAC9D1; }
.home-container .burst-free { position: absolute; top: 0; right: 0; height: 73px; width: 79px; background-image: url('/images/homecentre/burst-free.png'); }
.home-container .icon-webcam .live-chat { position: absolute; bottom: -18px; margin: 0 auto; left: 0; right: 0; }
.home-container a.highlight, .bottom-section a { font-weight: bold; color: #C90170; }

/* home page sections*/
.featured-section, .shortcuts-section { border-top: solid 1px white; }
.bottom-section h2 { font-weight: bold; }
.bottom-section { padding: 1.4em 0; }
.home-section { height: 384px; border-top: solid 1px #e51396; background-image: url('/images/homecentre/bg.png'); background-repeat: repeat-x; }
.featured-section, .news-section, .bottom-section { background-color: #E0E1E3; }
.shortcuts-section { background-color: #E8DEE3; }
.shortcuts-section .column { width: 140px; margin-right: 20px; }
.shortcuts-section .column li { border: none; }
.shortcuts-section .column, .shortcuts-section .column li { border: none; font-size: 8pt; line-height: 10pt;}

/* 2.5 FOOTER STYLES
----------------------------------------------------------*/
#footer { padding-top: 0.5em; color: #999; border-top: solid 1px #616161; background-color: #333; }
#footer a { color: #999; }
#footer p { margin: 2px; }
#footnote { margin-top: 5px; font-size: 0.846em; line-height: 1.636em; }
#admin-info { margin: 20px 0 10px; background-color: #f5f5f5; border: solid 1px #CBCCCF; text-align: center; }


/* 3 EXTRAS
----------------------------------------------------------*/

/* 3.1 FORMATTINIG
----------------------------------------------------------*/
h1.heading { margin: 7px 0 0 0; padding-left: 5px; padding-bottom: 7px; background-image: url(/images/heading-underline.gif); background-position: bottom; background-repeat: repeat-x; }
h2.heading { margin: 7px 0 0 0; padding-left: 5px; padding-bottom: 7px; background-image: url(/images/heading-underline.gif); background-position: bottom; background-repeat: repeat-x; }
div.infoBox { border: red 1px solid; padding: 2px; margin: 10px 0px; }
div.infoBox p { margin: 5px 0; }
div.infoBox img { vertical-align: middle; }
.ac_results { text-align: left; }
.rounded3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.r3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.r5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.r5-top { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.shadow4 { box-shadow: 0px 4px 10px #8B8B8B; -moz-box-shadow: 0px 4px 10px #8B8B8B; -webkit-box-shadow: #8B8B8B 0px 4px 10px; }
.citation { font-size: 0.923em; }
/* Overlays overiding jQuery settings*/
.ui-widget-overlay { background-color: black; opacity: .60; filter: Alpha(Opacity=60); }
.ui-widget-shadow { background-color: black; opacity: .60; filter: Alpha(Opacity=60); }
.watermarkOn { color: #CBCCCF; font-style: italic; }
.ui-effects-transfer { border: 2px dotted gray; background-color: yellow; height: 1.5em; line-height: 1.2em; }
/* Semitransparent background layer to use with popup divs (see div.popup class) */
#fader { display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .70; z-index: 100000; /* some jquery ui stuff has 99999 */ }
/* class to use for modal popup divs */
div.popup { display: none; background: #fff; border: 20px solid #ddd; float: left; position: fixed; top: 50%; left: 50%; z-index: 100001; width: 600px; /* CSS3 Box Shadows */ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /* CSS3 Rounded Corners */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.current-time { float: right; margin-top: 0.5em; font-weight: bold; }
.chat-rooom-terms textarea { width: 100%; height: 150px; font: inherit; }
.chat_exception_message { font-size: 0.846em; margin: 0.364em 0 0; }
.vote-scale { font-size: 0.923em; }
.TextBoxUpperCase { text-transform: uppercase; }
ul.csv { display: inline; }
ul.csv li { display: inline; }
ul.csv li:after { content: ", "; }
ul.csv li:last-child:after { content: ""; }
.xtra { float: right; }
.wink-selected label { font-weight: bold; }
.small { font-size: 0.923em; line-height: 1.5em; color: #888; }
.verificationCode { font-size: 1.308em; line-height: 1.059em; font-weight: bold; }

/* Photos*/
.photos { overflow: hidden; margin-bottom: 1.385em; }
.photo { cursor: pointer; border: solid 1px #ccc; }
.photo a { display: block; }
.photos .thumb { margin: 0.3em; text-align: center; float: left; }
.ts { width: 28px; height: 28px; }
.tm { width: 40px; height: 40px; }
.tl { width: 82px; height: 82px; }


/* Member Badges */
.sub-pp, .sub-bdg-wrap, .sub-bdg { display: inline-block; zoom: 1; }
.sub-pp { float: left; margin-right: 0.385em; }
.sub-pp img { vertical-align: middle; }
.sub-bdg { padding: 0.385em; text-align: center; font-weight: bold; line-height: 1.5em; font-size: 0.923em; width: 60px; border: solid 1px #000; }
.platinum { background: url(/images/bg-mscard-platinum.gif) repeat-x; color: #fff; }
.gold { background: url(/images/bg-mscard-gold.gif) repeat-x; color: #fff; }
.silver { background: url(/images/bg-mscard-silver.gif) repeat-x; color: #fff; }
.trial { background: url(/images/bg-mscard-trial.gif) repeat-x; color: #fff; }

/* Postage Paid Badges */
.pp-bdg-wrap { margin-bottom: 0.2em; border: solid 1px #3944C0; background-color: #E0F3FF; }
.pp-bdg { margin-left: 19px; padding: 0.2em 0; text-indent: 20px; font-size: 0.929em; line-height: 1.615em; vertical-align: middle; background: url(/images/mobile/icon-pp.gif) no-repeat left; color: #3440BD; font-weight: bold; }

/* 3.1.1 BUBBLE, INFORMATION, PAGE NOTIFICATION
----------------------------------------------------------*/
.bubble, .information, .page-notifcation { margin-bottom: 1.385em; padding: 0.5em; border: solid 1px #FFF347; background-color: #FFFBC2; }
.bubble, .information { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.bubble h3, .information h3, .page-notifcation h2 { margin: 0; font-size: 1em; line-height: 1.5em; }
.bubble p, .information p, .page-notifcation p { margin: 0; }
.bubble .footer { margin-top: 0.692em; }
.page-notifcation h2.warning { color: red; }

/* 3.2 BUTTONS
----------------------------------------------------------*/

/* Buttons */
a.btn, a.btn:hover, a.btn:visited { text-decoration: none; color: #000; }
.btn { padding: 3px 6px; cursor: pointer; display: inline-block; vertical-align: middle; color: #000; border: solid 1px #CBCCCF; background-color: #E0E1E3; border-width: 1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.btn-small { padding: 2px; font-size: 0.846em; line-height: 1.636em; }

a.btn-theme, a.btn-theme:hover, a.btn-theme:visited { color: #fff; }
.btn-theme { color: #fff; border-color: #790734; background-color: #B1025C; }
.btn span.btn-icon { display: block; vertical-align: middle; }

/* Contact Buttons*/
.btn-contact, .btn-contact:hover, .btn-contact:visited, .btn-contact-large, .btn-contact-large:hover, .btn-contact-large:visited { padding: 0 18px; text-decoration: none; color: #fff; font-weight: bold; border-color: #4A0029; }


.btn-contact { line-height: 28px; background: url(/images/sprites/bg-btn-contact-small.gif) repeat-x 0 0; width: 125px; height: 28px; }
.btn-contact-large { line-height: 28px; background: url(/images/sprites/bg-btn-contact-large.gif) repeat-x 0 0; width: 137px; height: 28px; }
.btn-message-me { background-color: #fff; }
.btn span.btn-msg-pp { color: #fff; background: url(/images/icon-ppmsg.png) no-repeat left; text-indent: 45px; }
.btn span.btn-msg { color: #fff; background: url(/images/icon-msg-white.png) no-repeat left; text-indent: 23px; }
.btn span.btn-wink { color: #fff; background: url(/images/icon-wink-white.png) no-repeat left; text-indent: 23px; }
.btn span.btn-chat-request { color: #fff; background: url(/images/icon-chat-white.png) no-repeat left; text-indent: 23px; }

/* Logout */
.btn-logout { width: 140px; }

/* Legacy - DataGrid */
.actionLink { padding: 0.1em; font-size: 0.769em; line-height: 1.800em; color: #000; border: solid 1px #CBCCCF; background-color: #E0E1E3; }
.actionLink:hover { color: #0344ae; }
.actionLink:visited { color: #0344ae; }


/* 3.3 HELPERS
----------------------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.hide-overflow { overflow: hidden; }
.textBoxUpperCase { text-transform: uppercase; }
.imageRight { float: right; padding: 0 5px 0 5px; }
.alignLeft { text-align: left; }
.invisible { display: none; }
.login-message { margin-top: 1em; line-height: 1.5em; text-align: center; }
.floatresetter { clear: both; height: 0px; overflow: hidden; }
.hidden { display: none; }
.no-border { border: none; }
.relative { position: relative; }

/* 3.4 HELP TOPCICS
----------------------------------------------------------*/
ul.help-topics li { list-style-type: none; }


/* 4 LEGACY CONTROLS
----------------------------------------------------------*/
.data-table { margin: 1em 0; }
.data-table table { border-collapse: collapse; width: 100%; border-top: solid 1px #CBCCCF; }
.data-table table caption { font-size: 1.143em; line-height: 1.313em; margin: 0.938em 0 0.375em; text-align: left; }
.data-table table.cols caption { margin: 0; padding: 0.5em 0.2em; text-align: left; font-size: 1em; font-weight: bold; background-color: #F5F5F5; border-top: solid 1px #CBCCCF; }
.data-table table th, .data-table table .data-table-th { padding: 0.5em 0.2em; text-align: left; font-weight: bold; background-color: #F5F5F5; }
.data-table table.cols th[scope=row] { width: 180px; background-color: #FFF; border-top: solid 1px #CBCCCF; border-bottom: solid 1px #CBCCCF; }
.data-table table .data-table-th img { vertical-align: middle; }
.data-table td { border: none; }
.data-table td { padding: 0.2em; vertical-align: top; border-top: solid 1px #CBCCCF; border-bottom: solid 1px #CBCCCF; }
.data-table td .infoWarning { color: red; }

.col-chat-room-name { width: 60%; }
.col-chat-users { width: 10%; text-align: right; }
.col-chat-trial-window { width: 30%; text-align: center; }


/* 5 LEGACY STYLE SHEETS
----------------------------------------------------------*/

/* 5.1 SITE31.CSS
----------------------------------------------------------*/
.titleBar { background-color: #CBCCCF; }
.contentBody { /*background: #f5f5f5; border-bottom: 1px solid #CBCCCF; */ margin-bottom: 5px; }
.contentBody hr { border: none; border-bottom: solid 1px #CBCCCF; margin-right: 10px; }
.contentDiv { border-top: 1px solid #CBCCCF; }
.contentBodyTitle { margin-bottom: 0.5em; background: #f5f5f5; border: solid #CBCCCF; border-width: 1px 0; }
.colapsedTable { border-collapse: collapse; }
.borderedTable { border-collapse: collapse; }
.borderedTable tr td { border: #CBCCCF 1px solid; }
.borderedTable td table tr td { border: none; }
.itemTable { border-left: 1px solid #CBCCCF; border-top: 1px solid #CBCCCF; }
.itemCell table { margin: 5px 0; }
.itemCell, .subCellSelb2 { padding: 5px; border: 1px solid #CBCCCF; }
.itemCell .photo, .subCellSelb2 .photo { margin: 0 4px; }
.itemCell.subTitle { background-color: #fff; border: none; }
/*.subTitle { background-color: #f5f5f5; border: solid #CBCCCF; border-width: 1px 0; }*/
.subCell { background-color: #fff; }
.subCellSel { background-color: #e6f2ff; }
.subCellSel td { border-color: #dbdbdb; }
.subCellSelb { background-color: #F1F1F1; }
.profile-nav { background: #f1f1f1; border-top: #CBCCCF 1px solid; border-bottom: #CBCCCF 1px solid; margin-bottom: 1em; }
.ab2 { padding: 0.2em; background: #f1f1f1; border-top: #CBCCCF 1px solid; border-bottom: #CBCCCF 1px solid; margin-bottom: 1em; }
.abb { background: #f1f1f1; vertical-align: middle; }
.abb img { margin-right: 0.2em; vertical-align: middle; }
.pb { padding: 1px; cursor: pointer; }
.pb td { text-align: center; vertical-align: middle; }
.pbH { border: 1px solid #dbdbdb; background: #e6f2ff; cursor: pointer; }
.pbH td { background: #e6f2ff; text-align: center; cursor: pointer; vertical-align: middle; }
.tbt { margin-top: 1px; margin-left: 3px; margin-right: 3px; }
.tbS { padding: 0 5px; }
.information3 { border-top: #5FBD96 1px solid; border-bottom: #009595 1px solid; padding: 4px; margin-left: 4px; margin-top: 5px; margin-bottom: 5px; }
.paymentRow { border-bottom: dashed 1px #CBCCCF; }
.contentHeader i { font-size: 14px; }
/*hack for pp payment page*/
.tableTitle { background-color: #f5f5f5; }
.sortLink { color: #9B0000; }
.sortLink:hover { color: #9B0000; text-decoration: none; cursor: pointer; }
.sortLink:active { color: #9B0000; cursor: default; }
.pagingContents { background-color: #F5F5F5; }
.privateHeadingBody { margin: 0; padding: 0; background-color: #b2005d; }


/* 5.2 CONTENT.CSS
----------------------------------------------------------*/
div.softBlock { background-color: #f5f5f5; border-bottom: solid 1px #CBCCCF; padding: 0.5em; }
div.softBlock div.header { font-weight: bold; margin-top: 4px; margin-bottom: 6px; }
div.softBlock ul { margin-top: 0; padding-left: 10px; margin-left: 4px; }
div.softBlock ul li { list-style-type: disc; padding: 2px; }
div.softBlock div { margin-top: 0.2em; }
div.softBlock a img { border: 0; }
div.softBlock img { vertical-align: middle; }

#manageAccountContainer div.titleBar { background-color: #CBCCCF; border: none; height: 1px; background-image: url(/images/space.gif); }
.mandatory { color: #fa0000; font-size: 0.923em; }
.inputImagePath { width: 300px; }

div.photoContainer { background-color: #f5f5f5; text-align: center; padding: 6px; margin-top: 6px; margin-bottom: 6px; }
div.photoContainer img { border: solid 1px #CBCCCF; }

/* Web Chat */
#webChatHeader { margin: 0; padding: 0; height: 68px; background-image: url(/images/WebChatHeaderFill.gif); background-repeat: repeat-x; }
#webChatMenuBar { height: 50px; background-color: #e3e3e3; background-image: url(/images/WebChatMenuBarFill.gif); }
#webChatMenuBar p { padding: 5px; }
#wcHelpAnswers { margin-top: 20px; }
#wcHelpAnswers h3 { font-size: 1.4em; }
#wcHelpAnswers h4 { font-size: 1.2em; }
.webChatFixedRoom { }
.webChatDynamicRoom { margin-left: 20px; display: list-item; list-style-type: square; }

/* Formatting */
table.submitForm { border-collapse: collapse; }
table.submitForm th, table.submitForm td { padding: 5px 0; }
table.submitForm th { text-align: left; vertical-align: top; width: 200px; }
table.submitForm td.mandatoryField { color: #fa0000; font-size: 0.923em; width: 20px; text-align: center; }
table.submitForm textarea.acceptanceTerms { height: 110px; width: 430px; }
table.submitForm em { font-size: 0.923em; }

.collapsiblePanel { margin: 2px; padding: 2px; width: 99%; vertical-align: top; line-height: 1.5em; }
.collapsiblePanel div.content { padding: 10px; border-left: solid 1px #CBCCCF; border-right: solid 1px #CBCCCF; border-bottom: solid 1px #CBCCCF; }
.collapsiblePanel div.content a { font-weight: bold; }
.collapsiblePanel table.caption { width: 100%; table-layout: fixed; margin: 0px; border-bottom: solid 1px #CBCCCF; }
table.caption td.title { font-weight: bold; font-size: 9pt; color: #E00000; background-color: #efefef; padding-left: 4px; }
table.caption td.exclamation { width: 1px; height: 25px; background-color: #efefef; }
table.caption td.collapse { width: 10px; height: 10px; margin: 6px; background-image: url(/images/minimize.gif); background-position: 0px 8px; background-repeat: no-repeat; background-color: #efefef; cursor: pointer; }
table.caption td.expand { width: 10px; height: 10px; margin: 6px; background-image: url(/images/maximize.gif); background-position: 0px 8px; background-repeat: no-repeat; background-color: #efefef; cursor: pointer; }
table.caption td.cell { background-color: #efefef; background-image: url(/images/space.gif); height: 19px; }
table.caption td.leftTop { width: 6px; background-color: #efefef; }
table.caption td.rightTop { width: 6px; background-color: #efefef; }

/* Sponsored-Ads */
.sponsored-ads { margin: 0 auto; background-color: #FFF; border: solid 1px #FFF; text-align: center; }
.sponsored-ads iframe { width: 760px; height: 95px; }


/* 7 HACKS
----------------------------------------------------------*/

/* Layout page - popup windows */
form > #content { padding: 0 10px; }
form > #content > .single { width: 100% !important; background-color: #fff; }

/* TLC wide public home */
#tlc-extra { display: none; }

li .radio-button { float: left; width: 25px; }
li .radio-button-text { padding-top: 0.15em; display: table-cell; }
li .radio-button-label label { font-size: 1em; }


/* Help Topic*/
.help-topic { background-color: #fff; }
.help-topic .article { padding: 0 10px 10px 10px }

.redir-window { background-image: url('/images/redirectionwindow_bg.png') }