@charset "utf-8";
body {
    color: #666;
    background: url(bg-body.jpg);
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    color: #333;
}
a:link {
    color: #000000;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
    color: #7a0303;
}
a:visited {
    color: #000000;
    text-decoration: underline;
}
td {
    font-size: 12px;
}
img {
    border: 0px;
}
#wrapper {
    width: 994px;
    padding: 0 21px;
    margin: 0 auto;
    background: url(bg-page.png) repeat-y left top;
}
#inner_wrapper {
    width: 900px;
}
.hp-header {
    width: 100%;
    box-sizing:border-box;
    padding: 15px 0 10px 11px;
}
.hp-header a {
    color: #000;
    text-decoration: none;
    text-transform: capitalize;
}
.icon-english {
    background: url(../../common/en.gif) no-repeat left center;
    padding: 0 5px 0 18px;
}
.icon-german {
    background: url(../../common/ge.gif) no-repeat left center;
    padding: 0 5px 0 18px;
    margin-left: 100px;
}
.hp-header .language {
    width: 200px;
    float: left;
}
.hp-header .adword {
    width: 530px;
    text-align: center;
    float: left;
    font-size: 14px;
    color: #41640b;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
}
.hp-header .adword_left {
    text-align: left;
}
.hp-header .signin {
    width: 260px;
    position: relative;
    float: right;
}
.dropdownContainer {
    position: absolute;
    right: 0px;
    top: 20px;
    border: 3px solid #333;
    padding: 15px;
    width: 185px;
    background: #fff;
    font-size: 12px;
}
.dropdownContainer h2 {
    font-size: 16px;
    padding: 0 0 10px 0px;
    margin: 0px;
}
.dropdownContainer ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}
.dropdownContainer ul li {
    width: 100%;
    float: left;
    padding: 2px 0;
}
.hp-header .dropdownContainer ul li a {
    float: left;
    text-transform: none;
    text-decoration: underline;
}
.hp-header .dropdownContainer ul li a:hover {
    text-decoration: none;
}
.dropdownContainer ul li label {
    font-weight: bold;
    width: 100%;
}
.dropdownContainer ul li small {
    font-size: 11px;
    float: left;
}
.btn-signin {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    background: #bf8908;
    background: -webkit-gradient(linear, left top, left bottom, from(#bf8908), to (#ebaa0f));
    background: -moz-linear-gradient( top, #bf8908, #ebaa0f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf8908', endColorstr='#ebaa0f');
    width: 60px;
    border: 0px;
    cursor: hand;
    cursor: pointer;
    margin-top: 10px;
}
.dropdownContainer ul li .input01 {
    font-family: Arial, Helvetica, sans-serif;
    width: 180px;
    padding: 2px;
}
.hp-header .signin span {
    float: right;
    padding: 2px 5px 0 0;
}
.hp-header .signin a {
    float: right;
}
.signin a {
    color: #fff;
}
.hp-singin {
    background: url(myaccount-icon.png) no-repeat scroll -7px -460px transparent;
    font-size: 14px;
    padding: 5px 24px;
    margin-right: 20px;
}
.hp-singin:hover {
    -moz-opacity: 0.80!important;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.hp-page {
    width: 957px;
    padding: 5px 5px 15px 5px;
    border: 1px solid #dadadc;
    float: left;
    margin: 10px 0 17px 11px;
}
.search-container {
    width: 375px;
    float: left;
}
.banner {
    width: 582px;
    float: left;
}
.banner ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
}
.banner ul li {
    float: left;
    padding: 0px;
    margin: 0px;
    background: #ccc;
    height: auto;
}
.banner ul li img {
    float: left;
}
.clear {
    clear: both;
}
.search {
    background: url(bg-search.jpg) no-repeat left top;
    width: 375px;
    height: 373px;
    float: left;
}
.n_search {
    width: 90%;
    margin: 30px 0 0 20px;
}
.n_search label {
    color: #FFFFFF;
    font-size: 18px;
    padding-right: 5px;
}
.n_sel, .n_sel2 {
    border: 1px solid #BCD0E1;
    color: #114181;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 2px 0;
    width: 181px;
}
.n_sel2 {
    width: 82px;
}
.n_search tr td {
    color: #FFFFFF;
    padding: 10px 0;
}
.hp-featuredmembers {
    background: url("bg-featured.gif") no-repeat scroll left top transparent;
    float: left;
    height: 203px;
    margin: 10px 0;
    padding: 0 5px;
    width: 946px;
}
.hp-featuredmembers ul {
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 5px 0 0 3px;
    padding: 0;
}
.hp-featuredmembers ul li {
    float: left;
    padding: 0 9px;
    text-align: center;
    width: 139px;
}
#featured_member {
    height: 128px;
    overflow: hidden;
    width: 100%;
    float: left;
}
.line {
    width: 100%;
    background: url(line02.gif) no-repeat center top;
    float: left;
    height: 2px;
}
.hp-sidebar {
    width: 312px;
    float: left;
    padding: 0 20px 0 10px;
    background: url(line01.gif) no-repeat center right;
}
.hp-sidebar .quicklinks {
    width: 312px;
    padding: 65px 0 0 0;
    margin: 10px 0 0 0;
}
.hp-sidebar .quicklinks ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.hp-sidebar .quicklinks ul li a:hover {
    color: #c18b08;
}
.bg-quicklink-bot {
    background: url(bg-quicklink-bot.gif) no-repeat left bottom #f5f5f5;
    width: 312px;
    height: 32px;
}
.success_bg {
    background: #f5f5f5;
    padding: 0 10px;
}
.success_bg ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.success_bg h4.s_name {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 5px 5px 0px;
    margin: 0px;
}
.success_bg ul li.s_story img {
    border: 3px solid #CCCCCC;
    float: right;
    margin: 0 10px;
}
.hp-successstory {
    margin: 15px 0;
    float: left;
}
.maintext {
    padding: 10px 10px 10px 20px;
    float: left;
    width: 570px;
    font-size: 14px;
    line-height: 25px;
}
.maintext ul{
    list-style:none;
    padding:0px;
    margin:0px;
}
.maintext ul li{
    width:100%;
    float:left;
    padding:25px 0;
}
.maintext ul li label{
    float:left;
    width:118px;
}
.maintext ul li > div{
    margin:0 0 0 158px;
}
.maintext h1 {
    font-size: 18px;
    font-weight: normal;
}
.maintext h2{
    padding:0px 0 18px 0;
    margin:0px;
    font-size:18px;
}
.maintext p {
    width: 100%;
    float: left;
    padding: 5px 0;
    margin: 0px;
    line-height:25px;
}
.maintext p a {
    text-decoration: underline;
}
.maintext p a:hover {
    text-decoration: none;
}
.footer-container {
    background: url(bg-page.png) repeat-y left top;
    padding: 0 15px;
    width: 1003px;
    margin: 0 auto;
}
.footer-nav {
    background: url("bot-nav-bg.gif") repeat scroll left top transparent;
    color: #FFFFFF;
    width: 100%;
}
.footer {
    background: url("footer-bg.gif") repeat scroll left top transparent;
    color: #D0D0D0;
    line-height: 22px;
    width: 100%;
}
#foot_banner_list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#foot_banner_list ul li {
    display: inline;
    margin: 0 0.2em;
}
.footer-nav tr td {
    font-size: 12px;
    line-height: 22px;
    padding: 5px 0;
    text-align: center;
}
.footer-nav a {
    color: #FFFFFF;
    padding: 0 2px;
    text-decoration: none;
}
.footer-nav a:hover {
    color: #64a0e1 !important;
}
.footer a {
    color: #FFFFFF;
}
.mainnav {
    background: url(n-mainnav-bg.gif) repeat-x left top;
    font-size: 18px;
    text-align: center;
}
.mainnav a:link, .mainnav a:visited {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}
.mainnav .upgrade_now {
    color: #f6c859;
}
.mainnav a:hover {
    text-decoration: underline;
}
.inner-page {
    margin: 10px 0 0 0;
}
.main2_lef {
    width: 218px;
}
.main2_rig {
    width: 100%;
}
.box01, .box02 {
    background: url("sidebar_bg.gif") repeat-y scroll left top transparent;
    width: 218px;
}
.box02 {
    margin: 10px 0 0;
}
.menu_links p, .menu_links01 p {
    float: left;
    margin: 0 0 0 10px !important;
    padding: 4px 0;
    width: 192px;
    font-weight: bold;
}
.menu_links01 p {
    width: 191px;
}
.menu_links p, .menu_links01 p a {
    text-decoration: underline;
}
.menu_links p, .menu_links01 p a:hover {
    text-decoration: none;
}
.inner-language {
    padding: 10px 0 15px 0;
}
.mail_bgcolor {
    background-color: #999999;
}
.mail_top_left_image {
    background: url("mail_top_left_image.gif") no-repeat scroll 0 0 transparent;
    height: 6px;
    width: 6px;
}
.mail_top_right_image {
    background: url("mail_top_right_image.gif") no-repeat scroll 0 0 transparent;
    height: 6px;
    width: 6px;
}
.mail_bottom_left_image {
    background: url("mail_bottom_left_image.gif") no-repeat scroll center bottom transparent;
    height: 6px;
    width: 6px;
}
.mail_bottom_right_image {
    background: url("mail_bottom_right_image.gif") no-repeat scroll center bottom transparent;
    height: 6px;
    width: 6px;
}
.email-options {
    list-style: none outside none;
    margin: -2px 0 0;
    padding: 0 0 0 5px;
}
.email-options {
    list-style: none outside none;
    margin: -2px 0 0;
    padding: 0 0 0 5px;
}
.search_label_background_on {
    background: none repeat scroll 0 0 #e8e6e6;
    border: 1px solid #e8e6e6 !important;
    border-collapse: collapse !important;
}
.search_link {
    margin-right: 3px;
    line-height: 17px;
    height: 17px;
    margin-bottom: 3px;
    border: 1px solid #d7b792;
    padding: 0 3px;
    background: #faf6e3;
    overflow: hidden;
}
.search_nlink {
    background: #eee6c6;
}
.hp_lbt {
    margin-top: 39px;
    float: left;
}
.hp_rbt {
    margin-top: 39px;
    float: right
}
.hp_tit {
    background: url(banner_tit.png) no-repeat;
    width: 199px;
    height: 42px;
    margin: -1px 0 0 24px;
}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8 {
    background: none repeat scroll 0 0 #e8e6e6;
}
.hp-sidebar .quicklinks ul li a {
    color: #222;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 0 0px;
}
.hp-sidebar .quicklinks ul li {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #fff;
    background: #f6f6f6;
    padding: 12px 0px 12px 4px;
}
.quicklinks ul li img {
    width: 22px;
    height: 22px;
    float: left;
    margin: 0 10px 0 0;
}
.hp-featuredmembers ul li a:link, .hp-featuredmembers ul li a:visited {
    text-decoration: none;
}
.hp-featuredmembers ul li a:hover {
    text-decoration: underline;
}
.note-myaccount {
    background: url(bg-note-myaccount.png) no-repeat left top;
    width: 520px;
    height: 65px;
 *height:65px;
    _height: 77px;
    padding: 15px 10px 0 20px;
    color: #ba6b28;
    line-height: 18px;
    float: left;
    margin: 15px 0 0 0;
}
.note-myaccount a {
    color: #ba6b28;
}
success_bg ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.success_bg ul.s_name {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 5px 5px 10px;
}
.success_bg ul li.s_story {
    font-size: 12px;
    line-height: 14px;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 10px;
}
.success_bg ul li.s_story img {
    border: 3px solid #CCCCCC;
    float: right;
    margin: 0 10px;
}
.success_bg ul.s_more {
    line-height: 24px;
    padding-right: 15px;
    text-align: right;
}
.profile_incomplete_table {
    width: 99%;
}
.profile_completed_table {
    width: 99%;
}
.quick_searth_width {
    width: 210px !important;
}
.quick_searth_gender_width {
    width: 210px !important;
}
.quick_searth_age_width {
    width: 70px !important;
}
#featured_member img {
    width: 105px;
    height: 105px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
}
.meetitem li.selected, .meetitem li.selected:hover, .meetitem li.selected.iehover {
    border-color: #000000 #EBECEB #FFFFFF #DCDCDC !important;
}
.meetitem li a {
    color: #000 !important;
}
/**====================nav style start====================**/
.my-mainnav {
    background: url(my-nav-bg.gif) repeat-x left top;
    height: 40px;
    border-top: 2px solid #656565;
    font-size: 14px;
    text-shadow: 0 1px #073362;
}
.my-mainnav ul li {
    padding: 0 22px;
    background: url(myaccount-icon.png) no-repeat right -370px;
}
.my-mainnav ul li .my-subnav {
    width: 200px;
    background: #656565;
    box-shadow: 0 2px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 2px 2px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 2px 3px rgba(34, 25, 25, 0.4);
}
.my-mainnav ul li .my-subnav a {
    color: #fff;
    border-bottom: 1px dotted #CCC;
    font-size: 12px;
}
.my-mainnav ul li a {
    line-height: 34px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    height: 37px;
}
.my-mainnav ul li .my-subnav a:hover {
    background: #7d7c7c;
}
.my-mainnav ul li.upgrade-nav {
    background: url(myaccount-icon.png) no-repeat left -70px;
    width: 142px;
    padding: 0px!important;
}
.my-mainnav ul li a span.home {
    background: url(myaccount-icon.png) no-repeat scroll left 0 transparent;
}
.my-mainnav ul li a font {
    background: url(myaccount-icon.png) no-repeat scroll left -38px transparent;
}
/**==================== nav style end ====================**/

/*---------------- make all thumbnail to 1:1 start -------------------------*/
.n-photos-list ul li .n-photo-pic.quadrate_thumbnail {
    height: 100px;
    width: 100px;
}
.pic_box.quadrate_thumbnail {
    width: 66px;
    height: 66px;
}
.select_pic.quadrate_thumbnail {
    overflow: hidden;
}
.n-photos-list ul li.quadrate_thumbnail_li {
    height: 145px;
}
.no_select_quadrate_thumbnail {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 3px solid rgb(204, 204, 204);
}
.no_select_img {
    border: 0;
}
.gallery_img_link {
    display: inline-block;
    width: 110px;
    height: 110px;
    overflow: hidden;
    border: 0;
}
.gallery_img_container, .gallery_img_table, .quadrate_thumbnail_control {
    width: 115px;
}
.icon_quadrate_thumbnail {
    width: 100px;
    height: 100px;
    display: block;
    overflow: hidden;
}
.info_pic_quadrate_thumbnail, .info_pic_control_quadrate_thumbnail {
    width: 120px;
}
.gallery_img_table td {
    height: 110px;
}
.photo_arr {
    left: 18px !important;
}
/*---------------- make all thumbnail to 1:1 end -------------------------*/

.facebook_login {
    background: url(fb_loginbtn.png) no-repeat;
    width: 225px;
    height: 59px;
    font-size: 12px;
    color: #fff;
    margin-bottom: 5px;
}
.facebook_login input {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border: none;
    background: none;
    font-family: Arial, Helvetica, sans-serif;
    width: 225px;
    line-height: 27px;
    height: 27px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
 @media screen and (max-width:961px) {
#wrapper {
    padding: 0;
    background: #fff;
}
.hp-header .language,  .hp-header .adword,  .hp-header .signin {
    float: none;
    text-align: center;
    width: auto;
}
.hp-header .signin div {
    display: inline-block;
    float: none!important;
    line-height: 19px;
}
.hp-header .signin a {
    float: none!important;
}
.hp-header .adword,  .hp-header .signin {
    padding-top: 10px;
}
.hp-header {
    padding: 15px 10px 10px 10px;
    width: auto;
}
.hp-page {
    float: none;
    width: auto;
    border: 0;
    padding: 5px 0 15px 0;
    margin: 0 10px;
}
.search-container {
    float: none;
    width: auto;
    background: #2a2529;
    border-radius: 5px;
    overflow: hidden;
    height: auto;
}
.search-container .logo {
    display: none;
}
.search {
    float: none;
    width: auto;
    background: none;
}
.banner {
    display: none;
}
.hp-featuredmembers {
    float: none;
    width: auto;
    background: none;
    padding: 0;
    position: relative;
    height: auto;
}
.hp_tit {
    width: auto;
    margin: auto;
    float: none;
    background-position: center !important;
}
.hp_lbt,  .hp_rbt {
    position: absolute;
    top: 80px;
    margin: 0;
}
.hp_lbt {
    left: 0;
}
.hp_rbt {
    right: 0;
}
#featured_member {
    float: none;
    background: none;
    width: auto;
    margin: 0 50PX;
}
.hp-sidebar {
    float: none;
    margin: auto;
    max-width: 312px;
    padding: 0;
    background: none;
}
.hp-sidebar .quicklinks {
    width: auto;
}
.maintext {
    float: none;
    width: auto;
    padding: 0;
}
.footer-container {
    width: auto;
    background: none;
    padding: 0;
}
.footer-nav {
    background-repeat: no-repeat;
    background-color: #5a5a5a;
}
.footer-nav tr td {
    padding: 5px 10px;
}
.footer {
    background: #242424;
}
.footer td {
    padding-left: 10px;
    padding-right: 10px;
}
}
@media screen and (max-width:334px) {
.t_success img,  .f_success img {
    width: 100%;
    height: auto;
}
}
.a_banner_logout_invite {
    width: 100%;
    padding: 10px 0 10px 20px;
}
.d_nav_user ul li {
    background-image: url("icon_d.png")!important;
}
.mainnav ul li .subnav {
    background: #656565 none repeat scroll 0 0;
}
.mainnav ul li .subnav a:hover {
    background: #7d7c7c none repeat scroll 0 0;
}
.a_topwrapper {
    background: #35342f;
}
.a_topwrapper .a_toplogo a {
    background: url(a_innerlogo.png) no-repeat left top;
    width: 204px;
    height: 46px;
    margin: 16px 0 0 0;
}
.a_topwrapper .a_topnav ul li a {
    color: #fff;
}
.a_topwrapper .a_toploginbox a {
    background: #ecac0d;
}
.a_topwrapper .a_topnav ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.a_topwrapper .a_topnav ul li a {
    text-decoration: none!important;
}
.a_topwrapper .a_topnav ul li a:hover {
    color: #ecac0d;
}
.a_topwrapper .a_topnav ul li a i {
    background: url(v14_arrow_down.png) no-repeat left top;
}
.a_topwrapper .a_topnav ul li .subnav {
    background: #35342f;
}
.search-container p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: "AvenirNextMedium";
    margin-top: 15px;
    letter-spacing: 1px;
}