/* CSS Reset v1.0 | 20080212 */

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;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
label {
    cursor: pointer;
}
td, th {
    vertical-align: top;
}
a, a:link, a:visited, a:active {text-decoration: none; color: #B102B1}
a:hover {text-decoration: underline}
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: 1050px;
}
body {
    line-height: 1;
    min-width: 1000px;
    font-size: 12px;
    font-family: Arial;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* C O M M O N   S T Y L E S */
#top_bg,
#footer {
    padding: 0 17px;
}
.c_magenta {
    color: #C117A2;
}
.text h1 {
    font-size: 18px;
    color: #444;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.text h2 {
    font-size: 16px;
    color: #444;
    padding-bottom: 5px;
}
.text h3 {
    font-size: 14px;
    color: #444;
    padding-bottom: 5px;
}
.warn {
    border: 1px solid #aaa;
    background: #FFDFFF url(images/info.png) 5px 5px no-repeat;
    padding: 10px;
    padding-left: 40px;
    margin-bottom: 10px;
    border-radius: 2px;
    color: #333;
    -moz-border-radius: 2px;
}
/* H E A D E R */
#header {
    height: 255px;
}
#logo {
    height: 183px;
    width: 231px;
    margin-top: 24px;
    text-decoration: none;
    display: block;
}
/* -- main navigation*/
#main_nav {
    margin-top: 67px;
    height: 51px;
    text-align: center;
    overflow: hidden;
}
.nav_left,
.nav_right {
    height: 51px;
}
#main_nav ul {
    list-style-type: none;
    list-style-position: inside;
    list-style-image: none;
}
#main_nav ul li {
    float: left;
    display: block;
    padding-right: 2px;
    padding-left: 2px;
}
#main_nav ul li a {
    display: block;
    font-size: 16px;
    color: white;
    padding: 10px 15px;
    text-decoration: none;
}
#main_nav .top_left,
#main_nav .top_right,
#main_nav .bottom_left,
#main_nav .bottom_right { width: 3px; height: 3px;}
#main_nav .top_center, #main_nav .bottom_center { height: 3px;}
#main_nav .bg {}

#main_nav ul li:hover .bg,
#main_nav ul li.active .bg {
    background: black;
}
#main_nav ul li:hover .top_left,
#main_nav ul li.active .top_left { background: url(images/black_corners.png) -3px -3px no-repeat;}
#main_nav ul li:hover .top_center,
#main_nav ul li.active .top_center,
#main_nav ul li:hover .bottom_center,
#main_nav ul li.active .bottom_center { background: black;}
#main_nav ul li:hover .top_right,
#main_nav ul li.active .top_right { background: url(images/black_corners.png)  0 -3px no-repeat;}
#main_nav ul li:hover .bottom_left,
#main_nav ul li.active .bottom_left { background: url(images/black_corners.png) -3px 0 no-repeat;}
#main_nav ul li:hover .bottom_right,
#main_nav ul li.active .bottom_right { background: url(images/black_corners.png) no-repeat;}

.align_center_to_left {
    padding-left: 15px;
    padding-top: 4px;
    position: relative;
    right: 50%;
    float: right;
}
.align_center_to_right {
    position: relative;
    right: -50%;
}

/* F O O T E R */
#footer {
    margin-top: 40px;
    height: 142px;
}
.footer_block {
    overflow: hidden;
}
.footer_block,
.footer_logo,
.footer_right {
    height: 51px;
}
.footer_logo {
    width: 125px;
    float: left;
}
.footer_right {
    float: right;
    padding-right: 22px;
}
.footer_copy {float: left}
.footer_copy,
.footer_right {
    padding-top: 20px;
    height: 51px;
    color: white;
    font-size: 10px;
}
.footer_right a {
    color: #ddb2ff;
}
.footer_links {
    text-align: center;
    padding-top: 22px;
}
.footer_links ul {
    list-style-type: none;
    list-style-position: inside;
    list-style-image: none;
}
.footer_links ul li {
    display: inline;
    padding-right: 25px;
}
.footer_links a {
    color: #4e4e4e;
    font-size: 11px;
}


/* T A B S */
#tabs {
    padding-left: 15px;
    height: 34px;
}
#tabs div {
    float: left;
    margin: 0 3px;
}
#tabs .text {padding: 3px 10px 10px 10px;}
#tabs .active .bg{
    background: #d5d5d5;
}
#tabs .inactive .bg{
    background: #aeb4ff;
}
#tabs a {
    font-size: 12px;
    background: #aeb4ff;
    color: black;
    text-decoration: none;
}
#tabs .active .top_left {height: 9px; width: 9px; background: url(images/gray_corners.png) -9px -9px no-repeat;}
#tabs .active .top_right {height: 9px; width: 9px; background: url(images/gray_corners.png) 0 -9px no-repeat;}
#tabs .inactive .top_left {height: 9px; width: 9px; background: url(images/purple_corners.png) -9px -9px no-repeat;}
#tabs .inactive .top_right {height: 9px; width: 9px; background: url(images/purple_corners.png) 0 -9px no-repeat;}


/* U S E R   L I S T */
#userlistWrap {
    min-width: 640px;
}
#userlist {
    width: 100%;
}
#userlist td.text {background: white;}
#userlist .bg {background: #d5d5d5;}
#userlist .top_left {height: 9px; width: 9px; background: url(images/gray_corners.png) -9px -9px no-repeat;}
#userlist .top_right {height: 9px; width: 9px; background: url(images/gray_corners.png) 0 -9px no-repeat;}
#userlist .bottom_left {height: 9px; width: 9px; background: url(images/gray_corners.png) -9px 0 no-repeat;}
#userlist .bottom_right {height: 9px; width: 9px; background: url(images/gray_corners.png) no-repeat;}

.user_info {
    margin: 5px;
    margin-right: 0;
}
.user_photo {
    width: 155px;
}
.user_photo div {
    position: relative;
    top: 0;
    left: 0;
}
a.user_photogallery {
    position: absolute;
    bottom: 15px;
    right: 10px;
    color: black;
    padding: 1px 13px 3px 6px;
    font: 10px Tahoma;
    text-decoration: underline;
}
.user_photo img {
    margin-right: 5px;
}
.user_status {
    min-height: 32px;
    position: relative;
}
.user_name {
}
.user_name a {
    font: 18px Tahoma;
    color: #222;
    text-decoration: none;
}
.user_text_status {
    margin-top: 5px;
    color: white;
    width: 255px;
    height: 19px;
    overflow: hidden;
}
.user_text_status div {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 19px;
}

.age {
    font: 12px Tahoma;
    color: #3d3d3d;
    position: absolute;
    right: 32px;
    bottom: 4px;
}
.user_about {
    margin: 15px 0 15px 0;
    line-height: 15px;
}
a.user_page_link_male {
    color: #0D7DBD;
}
a.user_page_link_female {
    color: #d15fee;
}
.user_location {
    float: right;
    font: 12px Tahoma;
}
.additional {
    clear: both;
    overflow: hidden;
    border-top: 1px solid #C2C2C2;
    margin-top: 10px;
}
.wink {
    width: 90px;
    height: 29px;
    display: block;
    text-decoration: none;
    float: left;
    margin-top: 3px;
}
.user_credits {
    margin-top: 3px;
    font: 10px Tahoma;
    float: right;
    height: 19px;
    padding-left: 37px;
    padding-top: 10px;
}
.user_credits span {
    font: bold 12px Tahoma;
}
.horiz_gray_line {
    height: 7px;
    background: #d5d5d5;
}
.horiz_gray_line2 {
    height: 3px;
    background: #d5d5d5;
}


/* P A G I N A T I O N */
.pagination {
    text-align: center;
    margin-top: 20px;
}
.pagination span,
.pagination a {
    padding: 0 3px;
    font: 12px Tahoma;
}
.pagination a {
    color: #9233c3;
}
.pagination span {
    color: #737373;
}
.show_on_page {
    color: #737373;
    text-align: center;
    margin-top: 10px;
}


/* R I G H T   S I D E B A R */

/* -- members login */
.members_login {
    height: 193px;
    width: 224px;
}
.members_login .title {
    font: 18px Tahoma;
    color: black;
    padding-top: 17px;
    padding-left: 27px;
    margin-bottom: 15px;
}
.members_login .title2 {
    font: 12px Tahoma;
    color: black;
    padding-top: 17px;
    padding-left: 27px;
    text-align: right;
    padding-right: 28px;
    margin-bottom: 11px;
}
.userNav {
    margin-left: 30px;
}
.userNav a {
    line-height: 16px;
    font-weight: bold;
}
.userNav a.active {
    color: #333;
}
.members_login label {
    font: 12px Arial;
    line-height: 20px;
}
.members_login .label {
    font: 11px Arial;
    display: block;
    width: 60px;
    text-align: right;
    float: left;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 5px;
}
.members_login #username,
.members_login #password {
    width: 110px;
    height: 17px;
    line-height: 22px;
    font-size: 12px;
    margin-bottom: 3px;
    border: 1px solid #A6A6A6;
}
.members_login #checkbox_1 {
    margin-left: 75px;
    float: left;
}
#login_btn {
    height: 28px;
    width: 106px;
    border: 0;
    color: white;
    cursor: pointer;
    font: 18px Arial;
    margin-top: 3px;
    margin-left: 57px;
}
.fgtpass {
    text-align: center;
    padding: 5px;
}
.fgtpass a {
    color: #4c59ff;
    font-size: 11px;
}

#loginreminder .label2, #loginreminder .label3 {
    line-height: 16px;
    padding-left: 20px;
    padding-right: 8px;
    display: block;
}
#txtwebemail {
    width: 170px;
    border: 1px solid #A6A6A6;
    margin-bottom: 5px;
}
#cmdweblogin, #cmdcancel {
    cursor: pointer;
    height: 22px;
    width: 80px;
    color: white;
    border: none;
    margin-top: 5px;
    margin-right: 5px;
}
#cmdweblogin {
    margin-left: 25px;
}

/*  -- do register */
.do_register {
    height: 90px;
    width: 224px;
    margin-left: 2px;
}
.do_register div {
    padding-left: 16px;
    padding-top: 17px;
}
.do_register a {
    display: block;
    width: 180px;
    height: 47px;
    color: white;
    padding-top: 12px;
    font: 18px Tahoma;
    text-align: center;
    text-decoration: none;
}
#websignupfrm td {
    border-collapse: collapse;
    padding: 3px;
}
#websignupfrm .inputBox {
    width: 148px;
    border: 1px solid #ccc;
    padding: 2px;
}
/* -- make_her_a_gift */
.make_her_a_gift {
    height: 265px;
    width: 224px;
}
.make_her_a_gift a {
    display: block;
    margin-top: 130px;
    margin-left: 23px;
    padding-top: 10px;
    text-align: center;
    text-decoration: none;
    height: 26px;
    width: 120px;
    font: 14px Arial;
    color: white;
}
.giftblockdisplay2 {
    display: none;
}
/* -- live_support */
a.live_support {
    width: 224px;
    height: 120px;
    display: block;
    text-decoration: none;
    margin-top: -5px;
}
/* -- money_back */
.money_back {
    height: 211px;
    width: 224px;
}
/* -- paypal */
.paypal {
    height: 247px;
    width: 224px;
}


/* -- find_your_mate -------------------------------------------------------- */
.find_your_mate {
    height: 335px;
    width: 241px;
    position: relative;
}
.find_your_mate .title {
    font: 18px Tahoma;
    text-align: right;
    padding-top: 12px;
    padding-right: 33px;
}
#id_input {
    height: 16px;
    width: 76px;
    margin-top: 36px;
    margin-left: 34px;
    border: none;
    background: none;
}
#search_by_id {
    position: absolute;
    top: 65px;
    right: 28px;
    float: right;
    height: 27px;
    width: 89px;
    border: none;
    color: white;
    text-align: center;
    cursor: pointer;
}
.find_your_mate .select {
    margin-left: 55px;
    margin-top: 15px;
}
.find_your_mate .select td {
    padding: 5px;
    vertical-align: middle;
}
.country_select {
    text-align: center;
    margin-top: 20px;
}
#find_submit {
    height: 38px;
    width: 146px;
    border: 0;
    font: bold 16px Arial;
    color: white;
    margin-left: 43px;
    margin-top: 10px;
    cursor: pointer;
}


/* -- join_us */
.join_us {
    position: relative;
    width: 241px;
    height: 132px;
}
.join_us div {
    padding-left: 20px;
    padding-top: 25px;
    line-height: 18px;
    color: #333;
}
.join_us a {
    position: absolute;
    display: block;
    color: #62acff;
    font-size: 14px;
    top: 80px;
    right: 43px;
}
/* -- protected_data */
.protected_data {
    width: 241px;
    height: 138px;
    text-align: center;
}
/* -- 100_clean */
.clean_100 {
    width:  241px;
    height: 140px;
}

/* U S E R  P A G  E  */
.photoBlock { width: 210px; }
.infoBlock {
    padding-left: 17px;
}
.userFullName {
    position: relative;
    font: 24px Tahoma;
    line-height: 32px;
    margin-bottom: 17px;
}
.userFullName .user_status2 {
    position: absolute;
    height: 32px;
    width: 30px;
    top: 0;
    right: 0;
}
.userTextStatus {
    font: 12px Arial;
    color: white;    
    padding: 8px;
    margin-bottom: 7px;
}
a.winkBtn {
    width: 107px;
    height: 25px;
    color: white;
    text-align: right;
    font: 12px Tahoma;
    padding-top: 23px;
    padding-right: 10px;
    display: block;
    text-decoration: none;
    float: left;
}
a.writeBtn {
    width: 82px;
    height: 32px;
    color: white;
    font: 10px Tahoma;
    padding-top: 16px;
    padding-left: 45px;
    display: block;
    float: left;
    text-decoration: none;
}
.letterCost {
    width: 84px;
    height: 29px;
    float: left;
    padding-top: 10px;
    font-size: 9px;
    padding-left: 42px;
    padding-top: 19px;
}
.orderContacts {
    width: 84px;
    height: 29px;
    float: left;
    padding-top: 10px;
    font-size: 9px;
    padding-left: 42px;
    padding-top: 19px;
}
a.giftBtn {
    width: 102px;
    height: 56px;
    display: block;
    float: left;
    margin-bottom: -8px;
}
.userButtons {
    /*height: 1px;*/
    border-bottom: 1px solid #DADADA;
    margin-bottom: 17px;
    padding-bottom: 20px;
    overflow: hidden;
}
.pd_fieldname,
.pd_fieldval
{
    width: 50%;
    font: bold 12px Tahoma;
    border-collapse: collapse;
    line-height: 24px;
    padding-right: 20px;
    border-bottom: 1px solid #F7D4FF;
    white-space: nowrap;
}
.pd_fieldname {
    color: #d15fee;
}
.infoBlock .title {
    color: #d15fee;
    margin-bottom: 11px;
}
.lang_list {
    list-style: circle inside;
    margin-bottom: 15px;
    margin-left: 10px;
    font: bold 12px Tahoma;
}
.lang_list li {
    line-height: 15px;
}
.seek {
    margin-left: 10px;
    font: 12px Tahoma;
}
.userAbout {
    font: 18px Tahoma;
    color: #d15fee;
    margin-top: 25px;
    margin-bottom: 17px;
}
.userAboutText {
    font-size: 13px;
}
.userPhotos {
    margin-top: 13px;
    overflow: hidden;
    width: 214px;
    margin-right: -4px;
}
.userPhotos a {
    display: block;
    padding-bottom: 4px;
    padding-right: 4px;
    float: left;
}
.userPhotos img {
    margin: 0;
    padding: 0;
    border: none;
}
.editProfileForm table {
    width: 100%;    
}
.editProfileForm td {
    padding: 3px;
    vertical-align: top;
}
.editProfileForm .input {
    width: 210px;
}
.editProfileForm input.input {
    width: 203px;
    padding: 3px;
    border: 1px solid #ccc;
}
.editProfileForm .field_help {
    font-style: italic;
    color: #333;
    padding-left: 20px;
}
#textstatus {
    height: 70px;
}
.editProfileForm .field_name {
    line-height: 22px;
}
.field_name {
    padding-right: 20px;
    white-space: nowrap;
    width: 1%;
}
.editProfileForm textarea {
    height: 150px;
    width: 100%;
}
.userid {
    color: #d15fee;
    font-size: 16px;
    padding-left: 20px;
}

/* edit photos */
.userPhotosPage .title{
    font: 18px Tahoma;
    color: #222;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DADADA;
}
#generalPhoto {
    float: left;
    margin-right: 15px;
}
#deleteUserPhoto {
    margin-bottom: 13px;
}
#deleteUserPhoto,
#newUserPhoto {
    height: 22px;
    width: 80px;
    color: white;
    display: block;
    line-height: 22px;
    border: none;
    cursor: pointer;
}
.shiftPhotoLeft,
.shiftPhotoRight {
    width: 24px;
    height: 22px;
    float: left;
    margin-right: 1px;
    cursor: pointer;
}
#newUserPhoto {
    float: left;
}
.userPhotosPage .state {
    padding: 4px;
    margin-left: 15px;
    border: 1px solid #E4E4E4;
    background: #F6F6F6;
    float: left;
    color: #555;
    border-radius: 2px;
    -moz-border-radius: 2px;
    display: none;
}
.userGalPhoto {
    float: left;
    margin-right: 13px;
    margin-bottom: 30px;
}
.userGalPhoto input {
    margin-right: 1px;
}
.btnsWrap {
    overflow: hidden;
    width: 131px;
    margin-top: 2px;
}
.userGalPhoto input,
#newUserGalPhoto {
    height: 22px;
    width: 80px;
    color: white;
    display: block;
    line-height: 22px;
    border: none;
    cursor: pointer;
    float: left;
}

/* search page */
#searchOptions h4 {
    font-weight: bold;
}
#accordion {
    margin-bottom: 20px;
}
.formButton {
    height: 22px;
    width: 80px;
    color: white;
    display: block;
    line-height: 22px;
    border: none;
    cursor: pointer;
}
.formButtonL {
    height: 22px;
    width: 95px;
    color: white;
    display: block;
    line-height: 22px;
    border: none;
    cursor: pointer;
    float: left;
}
.resultText {
    font-weight: bold; font-size: 18px; color: #444; margin-bottom: 20px;
}
#acc {list-style:none; color: #555; margin:0 0 40px 0}
#acc h4 {border-bottom: 1px solid #ccc; padding:6px 6px 8px 20px; font-weight:bold; margin-top:5px; cursor:pointer; background: url(images/arrow_state_grey_expanded.png) 0 5px no-repeat;}
#acc h4:hover {color: #111;}
#acc h4.active {background: url(images/arrow_state_grey_expanded.png) 0 5px no-repeat;}
#acc h4.inactive {background: url(images/arrow_state_grey_right.png) 0 5px no-repeat;}
#acc .acc-section {overflow:hidden; background:#fff; }
#acc .closed {height: 0 }
/*#acc .show h4 {background: url(images/arrow_state_grey_expanded.png) 0 5px no-repeat;}*/
#acc li {margin-bottom: 5px; display: block;}
#acc .acc-content { padding:15px; background:#fff; }


/* user messages */
.messgaeTable {
    width: 100%;
}
.messgaeTable td,
.messgaeTable th {
    text-align: left;
    vertical-align: top;
}
.messgaeTable th {
    font: bold 11px Arial;
    color: #808080;
    line-height: 21px;
    background: #eee;
}
.messgaeTable .col_photo {
    padding: 5px;
}
.messgaeTable .col_contact {
    padding: 5px;
    padding-right: 15px;
    padding-left: 0;
}
.messgaeTable .msgtime {
    font-size: 10px;
    color: #777;
}
.messgaeTable .col_msg {
    padding: 5px;
    padding-left: 0;
    color: #333;
}
.highlight {
    background: #FAE7FF;
}
.control_btns a {
    width: 80px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    color: #999;
    line-height: 21px;
    display: block;
    border: 1px solid #999;
}
.control_btns a:hover {
    color: #b102b1;
    border: 1px solid #b102b1;
}

.dittoRow .date {
    margin-top: 10px;
    color: gray;
    margin-bottom: 30px;
}

/* FAQ */
.qwrap {
    margin-bottom: 10px;
}
.qwrap a.question {
    display: block;
    font-size: 14px;
    padding-left: 20px;
    color: #222;
    text-decoration: none;
    margin-bottom: 5px;
}
.qwrap a.question:hover {
    color: #B102B1;
}
.qwrap .answer {
    margin-left: 20px;
    height: 1px;
    overflow: hidden;
}
.qwrap .showanswer {
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 10px;
    margin-bottom: 10px;
    height: auto;
}


/* apartments */
.appWrap {
    overflow: hidden;
}
.appIntrotext a {
    white-space: nowrap;
}
.appPhotos {
    float: left;
    max-width: 145px;
}
.appPhotos a {
    display: block;
    padding-bottom: 4px;
    padding-right: 4px;
    float: left;
}
.appPhotos img {
    margin: 0;
    padding: 0;
    border: none;
}

.paytext a {
    font-weight: bold;
    padding: 1px 3px;
}
a.buyCredits {
    font: 16px Tahoma;
    line-height: 29px;
    padding-left: 37px;
    display: block;
}
#age_trackbar , x:-moz-any-link, x:default {
    margin-bottom: -15px;
}

/* gifts */
.gift_row {
    width: 400px;
    /*float: left;*/
    margin-bottom: 30px;
    margin-right: 30px;
}
.gift_row .title {
    color: #B102B1;
    margin-bottom: 5px;
    font: bold 16px Arial;
}
.gift_row img {
    border: 1px solid #ddd;
}
.gift_row .image {
    padding-right: 5px;
}
.gift_row .description {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fafafa;
    margin: 5px;
    margin-top: 0;
    margin-left: 0;
}
.gift_row .formButton {
    margin-top: 5px;
}

.ocForm {
    overflow: hidden;
    margin-top: 20px;
}
.ocForm input {
    float: left;
}
.ocForm a {
    height: 22px;
    width: 80px;
    color: white;
    display: block;
    line-height: 22px;
    border: none;
    cursor: pointer;
    float: left;
    text-decoration: none;
    text-align: center;
    margin-left: 20px;
}
a.orderContacts {
    width: 82px;
    height: 32px;
    color: #000;
    font: 10px Tahoma;
    padding-top: 16px;
    padding-left: 45px;
    display: block;
    float: left;
    text-decoration: none;
}
#helpfulchatinfo {
    font-size: 14px;
    font-family: Arial;
    line-height: 110%;
}
input#pfc_send {
    padding: 3px;
}
.usercreditsactive {
    color: red;
}
.contactFormTable td {
    padding: 3px;
}
.errors, .errors * {
    color: red;
}
.errors {
    padding-bottom: 10px;
}

.amountlist,
.methodlist {
    margin-left: 45px;
}

.steps {
    font-size: 16px;
    margin-bottom: 30px;
    color: gray;
}
.steps .arr,
.steps b {
    color: black;
}