h2 { font-size: 13pt; margin:2px; } div.search_form select {margin: 2pt 1pt 3pt 1pt} div.search_form input {margin: 1pt 1pt 3pt 1pt}  div#profiles {clear:both} div#profiles div.profile {margin: 0pt 0pt 1pt 1pt} div#profiles p.picture {float:left; margin: 4pt 2pt 5pt 1pt} hr.spacer{clear:both;height:2pt; margin: 12pt 0px 10pt 0px} p {margin: 0pt} p.info{margin-left: 85px} p.profile_spacer{clear:both; margin-bottom: 5px} div#profile_fields ul li{ list-style-type: none; margin:0 0 10px 0; } div#profile_fields p.field_group{ font-weight: bold } div#profile_fields h4 { border-bottom: 1px solid #CCCCCC; text-align: left; } div.search_thinkyoudclick_profile_info { margin-top: 5px; } div.search_thinkyoudclick_profile_more_photos { margin: 10px 0 40px 0; } div.search_thinkyoudclick_mainblock { min-height: 400px; } div.search_thinkyoudclick_mainphoto { height: 210px; margin-top: 5px; overflow: hidden; width: 100%; } span.search_online_indicator { right: 10px; position: absolute; top: 15px; color: green; background: url(http://static.christianmingle.com/images/mobile/online.png); background-size: 14px 14px; background-repeat: no-repeat; font-size: 12px; height: 14px; width: 65px; text-align: right; } .grid_box { margin-bottom: -25px; } ul#grid { list-style: none; margin: 0 0 10px 0; position: relative; text-align: left; } .grid_box #grid { margin-left: auto; margin-right: auto; padding-left: 5px; } #grid li { display: inline-block; margin: 0 1px 0px 0px; overflow: hidden; position: relative; } #grid li a { margin: 0px; } #grid li img { padding: 0px; margin: 0px; width: 67px; height: 90px; position: relative; display: block; border: 1px solid black; } #grid li .online img { z-index: 107; position: absolute; margin-top: -22px; margin-left: 2px; width: 16px; height: 16px; background-color: none; border: none; } #grid li .camera img { z-index: 11; position: absolute; margin-top: -18px; margin-left: 13px; width: 16px; height: 16px; opacity: .7; border: none; } #grid li .camera { z-index: 11; position: absolute; bottom: 5px; color: white; font-size: 13px; left: 37px; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black } .grid_box #grid .name { position: absolute; color: white; font-size: 10px; text-shadow: black 1px 1px 2px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .6); top: 0; left: 0; width: 63px; text-align: left; padding: 4px; }  div#body_column ul#pagetitleerrors { padding:0 20px 5px; } div#body_column ul#pagetitleerrors li{ list-style-type: none; margin:0pt; border: 1px solid #DDDDDD; border-radius: 6px; padding: 3px; background-color: white; color: #BA0000; }  div#friends p.picture{ float:left; margin: 4pt 2pt 5pt 1pt } .nav{ display:block; } .button{ border:2px solid rgb(130,130,130); padding:5px; border-radius:6px; -moz-border-radius:6px; margin:9px 1px; background-image:-webkit-gradient( linear, right top, right bottom, color-stop(0, rgb(179,179,179)), color-stop(0.76, rgb(255,255,255)), color-stop(0.69, rgb(255,255,255)), color-stop(1, rgb(130,130,130)) ); background-image:-moz-linear-gradient( center top, rgb(179,179,179) 0%, rgb(255,255,255) 76%, rgb(255,255,255) 69%, rgb(130,130,130) 100% ); background-color:#c0c2c0; -webkit-box-shadow: 2px 2px 6px #b9b9b9; -moz-box-shadow: 2px 2px 6px #b9b9b9; color:#707070; text-decoration:none; } a{ color:#00043c;  display: inline-block; margin:3px; } .backToCentral{ position:fixed; padding:1px 2px; bottom:0px; right:0px; -webkit-box-shadow: 1px 1px 3px #b9b9b9; -moz-box-shadow: 1px 1px 3px #b9b9b9; opacity:0.8; text-decoration:none; } select, input{ font-size:120% } body{ background-color:#ffffff; margin:0px; background:url(http://static.christianmingle.com/images/mobile/bg.png); } body.home_page{ background:url(http://static.christianmingle.com/images/mobile/bg_home_page.png); } div.home_page { background:url(http://static.christianmingle.com/images/mobile/bg_home_page.png); } #body_column { background-color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; padding:5px; margin-top:4px; } .message{ margin:3px; padding:3px; border-radius:5px; -moz-border-radius:5px; background-color:#FFFFFF; } .inactive{ color:#c8c8c8; } .imgLink img, .photo img, .picture img, .photo{ border:2px solid #424242; -webkit-box-shadow: 2px 2px 5px #b9b9b9; -moz-box-shadow: 2px 2px 5px #b9b9b9; border-radius:2px; -moz-border-radius:2px; } img.home_page_logo { height: 90px; width: 280px; margin-top: 30px; } div#login_form a#joinnow{ position:absolute; top:5px; right:0px; } div.header_logo { height: 32px; width: 125px; background-image: url(http://static.christianmingle.com/images/header/mobile_logo_2.png); background-repeat: no-repeat; background-size: 125px 32px; background-position: center center; } div.header_logo.christian { height: 42px; width: 125px; background-image: url(http://static.christianmingle.com/images/header/mobile_logo_2.png); background-repeat: no-repeat; background-size: 125px 42px; background-position: center center; } #headerImg{ width:100%; background:#FFFFFF; } body{ font-family:sans-serif; } #main_body{ padding:4px; } #headerImg{ text-align: center; position:relative; font-size:150%; padding:9px 0 8px 6px; background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.00, #e9e9e9), color-stop(0.20, #ffffff) ); background-image:-moz-linear-gradient( center bottom, rgb(217,217,217) 0%, rgb(255,255,255) 20% ); } #headerImg span{ position:absolute; top:50%; margin-top:-0.5em; margin-left:6px; line-height:1 } a.central_icon { text-decoration: none; color: #333333 !important; margin: 0px; } a.profile_link { padding: 2px !important; margin: 0px !important; text-decoration: none !important; }  .harmony #headerImg{ border-top:3px solid #F7AC00; } .harmony #pageTitle, .harmony #headerImg{ color:#005E91; } .harmony .button{ border-color:#9CB7D1; color:#005E91; font-weight:bold; background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.01, #d5efff), color-stop(0.08, #cce7f0), color-stop(0.8, #ffffff) ); background-image:-moz-linear-gradient( center bottom, #d5efff 1%, #cce7f0 8%, #ffffff 80% ); }  .blue #headerImg{ border-top:3px solid #13889A; } .blue #headerImg{ color:#A7282F; } .blue #pageTitle{ color:#854A38; } .blue .button{ border-color:#5EC7DD; color:#19869D; font-weight:bold; background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.01, #BCECF8), color-stop(0.08, #97DBE6), color-stop(1, #ffffff) ); background-image:-moz-linear-gradient( center bottom, #BCECF8 1%, #97DBE6 8%, #ffffff 100% ); }  div.user_photo_container{ width: 100%; padding: 7px 0 7px 0; border-bottom: 2px solid #DDDDDD; } div.search_question_container{ width: 100%; padding: 7px 0 7px 0; border-bottom: 2px solid #DDDDDD; } div.user_photo_btn { font-size: 14px; } a.delete_btn { background: repeat scroll 0 0 #F14545; background-image: -moz-linear-gradient(center top , #F14545, #D42A2A); background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0,#F14545), color-stop(1,#D42A2A)); border-color: #AA4018; color: #ffffff; text-shadow: 0 1px 1px #145072; } a.default_btn { background: repeat scroll 0 0 #BCE764; background-image: -moz-linear-gradient(center top , #BCE764, #8FC54D); background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0,#BCE764), color-stop(1,#8FC54D)); border-color: #85BB41; color: #ffffff; text-shadow: 0 1px 1px #145072; } span.info_btn { background: repeat scroll 0 0 #EEEEEE; background-image: -moz-linear-gradient(center top , #FEFEFE, #EEEEEE); background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0,#FEFEFE), color-stop(1,#EEEEEE)); border-color: #EEEEEE; color: #444444; text-shadow: 0 1px 1px #F6F6F6; cursor: default; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } form#mobile_search { text-align: left; } div.photo_navbar { margin-bottom: 30px; }  div.bodyblock ul#dashboard_list { padding:0 20px; } div.bodyblock ul#dashboard_list li { list-style: none outside none; margin: 3px 0; } span.activity_feed_count { color: #999999; } span.activity_feed_new { color: #EC8800; } span.activity_feed_time { color: #999999; }  div.profile div.search_results_picture { border: 1px black solid; float: left; } div.profile div.search_results_text { float: left; font-weight: normal; padding: 12px 0 0 10px ; width: 210px; line-height: 1.5em; } div.profile div.search_results_text div.username { font-weight: bold; font-size: 16px; } div.search_results_count { font-weight: bold; font-size: 16px; padding-top: 20px; } span.search_results_match_percent { color: #9a9a9a; }  div.home_page div#main_body { padding-top: 5px; color: white; } div.home_page div#main_body div.login_form { font-size: 20px; margin: 5px auto; width: 80%; text-align: left; } div.home_page div#main_body .footer-links li a.ui-link { padding-top: 20px; font-weight: normal; font-size: 14px; color: white; } div.home_page div#main_body div#app_footer .footer-links li a.ui-link { padding-top: 0px; font-weight: normal; font-size: 14px; color: white; } div.home_page div#main_body .footer-links li a.full_site_link { font-size: 18px; } img.homepage_logo { margin-bottom: -10px; } label.remember_me { font-size: 10px; }  div.frsplash { background-color: #fff !important; } div.frsplash#body_column { background: transparent url('/images/mobile/bg-landing.jpg') center top no-repeat; } div.frsplash .bodyblock { background-color: transparent; padding-top: 180px; } div.frsplash .content-block { margin: 0 auto; padding: 10px; background-color: rgba(255,255,255,.6); background-image: none; width: 285px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } div.frsplash h2.frsplash_headline { font: bold normal normal 26px arial, "helvetica neue", helvetica, sans-serif !important; text-align: center; color: #0e538a; } div.frsplash .formField { margin-top: 10px; width: 100%; text-align: left; } div.frsplash .formField .ui-select { width: 100%; } div.frsplash .formField input { width: 260px; margin: 5px 5px; } div.frsplash .formField .desc { font: normal normal normal 10px arial, "helvetica neue", helvetica, sans-serif; }  div.inbox_results_picture { border: 1px black solid; float: left; } div.inbox_results_text { float: left; font-weight: normal; padding: 12px 0 0 10px ; width: 190px; line-height: 1.5em; } div.inbox_results_text div.username { font-weight: bold; font-size: 16px; } div.inbox_message_icon { position: absolute; right: 30px; top: 40px; } div.inbox_form { text-align: left; } div.message_header { margin: 10px 0px; } span.message_header_label { font-weight: bold; } span.message_header_ymdt { font-size: 12px; } div.inbox_reply_header { width: auto; background-color: #5E87B0; border: 1px solid #456F9A; color: #FFFFFF; font-weight: bold; text-shadow: 0 -1px 1px #254F7A; padding: 5px 15px; margin: 20px -5px; text-align: left; } div.reply { text-align: center; } div.inbox_compose { text-align: left; }  div.profile_default_photo { margin-top: 5px; overflow: hidden; height: 210px; width: 100%; } div.profile div.basic_info { text-align: left; padding: 10px; } div.profile span.profile_username { font-size: 1.5em; font-weight: bold; } div.profile span.last_login { font-size: 0.8em; color: #888888; } div.profile p { text-align: left; padding-right: 10px; } div.profile ul { padding-left: 0; } div.profile li { text-align: left; } div#photo_smile_box { display: none; z-index: 99; position: absolute; top: 80px; left: 10px; right: 10px; background: white; border: 1px solid black; border-radius: 10px; padding: 15px 5px; } div#photo_smile_box .box_text1 { padding-bottom: 10px; } div#photo_smile_box .box_text2 { padding: 10px 0; color: #1F498F; font-weight: bold; } div#photo_smile_box .smile_text { padding-bottom: 10px; font-style: italic; color: #9d9d9d; } div#photo_smile_box .button_box{ padding: 0 20px 10px 20px; } div#photo_smile_box .cancel_box{ padding-top: 10px; font-size: 0.9em; } div#photo_smile_box .dotted_line{ height: 1px; width: 70%; margin: 0 auto; border-bottom: dotted #9d9d9d; } div#gray_background{ display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: gray; z-index: 90; opacity: 0.6; }  ul.about_features { width: 175px; text-align: left; margin: 20px auto; } div#main_body div.contact_form { font-size: 16px; font-weight: bold; margin: 5px auto; width: 80%; text-align: left; } div.form-container { margin-top: 20px; margin-bottom: 30px; } div#main_body div.remember_form { font-size: 16px; font-weight: bold; margin: 5px auto; width: 80%; text-align: left; } form#reminder { margin-top: 20px; margin-bottom: 20px; } div.mobile_privacy { text-align: left; } div.mobile_privacy p { padding-top: 10px; } div.mobile_tos { text-align: left; } div.mobile_tos p { padding-top: 10px; } div.mobile_safety { text-align: left; } div.mobile_safety p { padding-top: 10px; }  div.ynm-vote-bar { text-align: center; } a.ynm-y-button { border-color:#6C8E52 !important; background-color:#5D9927; background-image:none !important; color:#FFFFFF !important; } a.ynm-m-button { border-color:#BAB236!important; background-color:#D5BE18; background-image:none !important; color:#FFFFFF !important; } a.ynm-n-button { border-color:#822E2E !important; background-color:#970C11; background-image:none !important; color:#FFFFFF !important; } div#static_ynm_bar { font-size: 11px; display: none; }  div#im_invite { display: none; width: 100%; height: 200%; z-index: 999; background: url("/images/mobile/popup_background.png") repeat scroll 0 0 transparent; position: absolute; } div#invite_window { position: relative; background-color: #FFFFFF; width: 300px; top: 65px; margin-left: auto; margin-right: auto; border: 3px solid #999999; border-radius: 6px; } div#invite_header { margin: 2px; background-color: #044F76; width: 296px; color: #FFFFFF; text-align: center; padding: 10px 0; font-weight: bold; } div#invite_profile { width: 296px; height: 100px; color: #000000; margin-top: 3px; padding: 5px 2px; background-color: #F7F7F7; overflow: hidden; } div#invite_buttons { width: 296px; color: #000000; margin-top: 3px; padding: 10px 2px; background-color: #FDFDFD; } div#invite_buttons img { margin-left: 4px; margin-right: 4px; } div#invite_count { display: none; width: 296px; color: #000000; border-top: 1px solid #DDDDDD; margin: 3px 0; padding: 10px 2px; text-align: center; background-color: #F7F7F7; }  .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .generic { font-style: italic; } .speech_bubble { border-radius: 6px; color: white; display:table; width: 225px; padding:.5em; position: relative; } .speech_bubble.left { background-color: #5288ae; margin-left: 45px; } .speech_bubble.right { background-color: #96b1cc; margin-right: 45px; } .speech_bubble p { display: table-cell; vertical-align: middle; font:normal 14px Arial; text-align:left; text-shadow:none; } .speech_bubble:after { content: ''; position: absolute; width: 0; height: 0; border:5px solid; } .speech_bubble.left:after { top: 100%; left: 15px; margin-left: -5px; border-color: #5288ae transparent transparent #5288ae; } .speech_bubble.right:after { top: 100%; right: 15px; margin-right: -5px; border-color: #96b1cc #96b1cc transparent transparent; } .border_bubble { background-color: #fff; border: 2px solid #666; border-radius: 10px; padding:.25em; position: relative; width: 200px; text-align: left; } .border_bubble:before { content: ' '; position: absolute; width: 0; height: 0; left: 30px; top: 100%; border: 4px solid; border-color: #666 transparent transparent #666; } .border_bubble:after { content: ' '; position: absolute; width: 0; height: 0; left: 32px; top: 97%; border: 3px solid; border-color: #fff transparent transparent #fff; } #header .user_info .ui-btn-inner { padding: .5em 0; } #header .user_info .ui-btn-text { font-size:18px; text-decoration:underline; } .chat { min-height:235px; padding-bottom:55px; } .chat .wrapper { clear:both; position:relative; padding-bottom:10px; min-height:40px; } .chat .photo { position:absolute; bottom:0; } .chat .photo.left { left:0; float:left; } .chat .photo.right { right:0; float:right; } .chat .photo, .chat .photo img{ border:none; box-shadow:none; width:35px; height: auto; } .chat .speech_bubble.right { float:right; } .chat_input { border-top:1px solid #caced1; background: #ffffff;  background: -moz-linear-gradient(top, #ffffff 0%, #ecedef 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ecedef));  background: -webkit-linear-gradient(top, #ffffff 0%,#ecedef 100%);  background: -o-linear-gradient(top, #ffffff 0%,#ecedef 100%);  background: -ms-linear-gradient(top, #ffffff 0%,#ecedef 100%);  background: linear-gradient(top, #ffffff 0%,#ecedef 100%);  position:fixed; left:0; bottom:0; width:100%; height:50px; padding: 5px 0 0 0; } .emoticon ul { display:none; list-style:none; margin:0; position:absolute; bottom:50px; } .emoticon ul li { display:inline-block; } .chat_input .emoticon { display:inline-block; width:45px; } .chat_input input[type="text"] { display:inline-block; width:45%; vertical-align:top; } .chat_input .ui-btn { display:inline-block; margin:0 5px; } .chat_input .ui-btn-inner { padding: .35em 20px; } @media (min-width:650px) { .speech_bubble { width:50%; } .chat .photo { position:relative; } .chat .photo, .chat .photo img{ border:none; box-shadow:none; width:auto; height: auto; } .speech_bubble.left { margin-left: 80px; } .speech_bubble.right { margin-right: 4px; } }   #congrats_page_home_btn { border: none; background: none; background-image: url(http://static.christianmingle.com/images/mobile/btn_home_oversized.gif); background-repeat: no-repeat; background-size: 37px 36px; background-position: center center; display: block; height: 36px; left: auto; position: absolute; right: 5px; width: 37px; text-indent: -9999em; } #main_body.congrats_page { } #main_body.congrats_page #body_column { background-color: white !important;  background: #d7e1e9;  background: -moz-linear-gradient(top, #d7e1e9 0%, #fefefe 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7e1e9), color-stop(100%, #fefefe));  background: -webkit-linear-gradient(top, #d7e1e9 0%, #fefefe 100%);  background: -o-linear-gradient(top, #d7e1e9 0%, #fefefe 100%);  background: -ms-linear-gradient(top, #d7e1e9 0%, #fefefe 100%);  background: linear-gradient(top, #d7e1e9 0%, #fefefe 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e1e9', endColorstr='#fefefe', GradientType=0 );   } #main_body.congrats_page .bodyblock { margin: 0 !important; padding: 0 10px; vertical-align: top; } #main_body.congrats_page p { font-size:14px; } #main_body.congrats_page h2#pageTitle { color: #00578A; font-size: 22px; vertical-align: text-top; } #main_body.congrats_page div#chat_cta { background-color: white; padding: 10px; margin: 10px 0;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  -khtml-border-radius: 10px;  } #main_body.congrats_page .ui-icon-myapp-settings { background: url("/images/mobile/online_button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important; } #main_body.congrats_page div#chat_cta p { margin-bottom: 10px; } #main_body.congrats_page ul#member_photos { height: 80px; margin: 0; padding: 0; width: 100%; } #main_body.congrats_page ul#member_photos li { background-size: 73px 96px; background-position: center center; background-repeat:no-repeat; float: left; height: 80px; list-style-type: none; position: relative; width: 33%; text-indent: -9999em; } #main_body.congrats_page .bottom_line { height: 1px; padding: 0px 10px 0 10px; background-color: black; } #main_body.congrats_page #subs_cta { font-size: 12px; margin-top: -10px; padding-top: 5px; } #main_body.congrats_page #subs_cta a { font-size: 15px; } #main_body.congrats_page affiliates { float: left; }  #main_body.congrats_page .male_pics li:nth-child(1) { background-image: url(http://static.christianmingle.com/images/mobile/guy_2.jpg); } #main_body.congrats_page .male_pics li:nth-child(2) { background-image: url(http://static.christianmingle.com/images/mobile/guy_1.jpg); } #main_body.congrats_page .male_pics li:nth-child(3) { background-image: url(http://static.christianmingle.com/images/mobile/guy_3.jpg); }  #main_body.congrats_page .female_pics li:nth-child(1) { background-image: url(http://static.christianmingle.com/images/mobile/girl_1.jpg); } #main_body.congrats_page .female_pics li:nth-child(2) { background-image: url(http://static.christianmingle.com/images/mobile/girl_2.jpg); } #main_body.congrats_page .female_pics li:nth-child(3) { background-image: url(http://static.christianmingle.com/images/mobile/girl_3.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) {  #congrats_page_home_btn { border: none; background: none; background-image: url(http://static.christianmingle.com/images/mobile/btn_home_oversized@2x.gif); background-repeat: no-repeat; background-size: 37px 36px; background-position: center center; display: block; height: 36px; left: auto; position: absolute; right: 5px; width: 37px; text-indent: -9999em; }  #main_body.congrats_page .ui-icon-myapp-settings { background: url(http://static.christianmingle.com/images/mobile/online_button@2x.png) no-repeat rgba(0, 0, 0, 0.4) width:18px height:18px !important; } .reg_confirmation .male_pics li:nth-child(1) { background-image: url(http://static.christianmingle.com/images/mobile/guy_2@2x.jpg); } .reg_confirmation .male_pics li:nth-child(2) { background-image: url(http://static.christianmingle.com/images/mobile/guy_1@2x.jpg); } .reg_confirmation .male_pics li:nth-child(3) { background-image: url(http://static.christianmingle.com/images/mobile/guy_3@2x.jpg); } .reg_confirmation .female_pics li:nth-child(1) { background-image: url(http://static.christianmingle.com/images/mobile/girl_1@2x.jpg); } .reg_confirmation .female_pics li:nth-child(2) { background-image: url(http://static.christianmingle.com/images/mobile/girl_2@2x.jpg); } .reg_confirmation .female_pics li:nth-child(3) { background-image: url(http://static.christianmingle.com/images/mobile/guy_3@2x.jpg); } }   .fb-login .ui-icon-facebook{ background:url(http://static.christianmingle.com/images/mobile/icon-fb-sm.png) no-repeat center center; border-radius: 0; width: 24px; height: 24px; } .fb-login { text-transform: uppercase; } .fb-login .ui-btn-icon-left .ui-icon { top: 40%; } div#login_form .fb-login .ui-btn,div#login_form #joinnow.ui-btn { width: 80%; } a#subscribe_now { width: 92%; }  div#header a.nav_menu { width: 43px; height: 30px; overflow: hidden; } div#header a.nav_menu img { margin-top: -8px; margin-left: -13px; } div.main_body_mask{ cursor: pointer; min-height: 100%; position: absolute; top: 0; width: 100%; z-index: 30; display: none; } div.nav_menu{ border-top: 3px solid #F7AC00; display: block; position: absolute; top: 0; right: 0; width: 250px; overflow: hidden; background-color: #32394b; background-image:url(http://static.christianmingle.com/images/mobile/nav_menu/bg_texture_blue@2x.gif); } div.nav_menu div.left_shadow { position: absolute; top: 0; left: 238px; z-index: 10; height: 500%; } div.nav_menu ul { margin: 0; padding: 0; } div.nav_menu li.nav_item { color: white; list-style: none; padding: 5px 0; border-top: 1px solid #444; border-bottom: 1px solid #222; background-color: #32394b; } div.nav_menu li.nav_item:first-child {border-top: none;} div.nav_menu li.nav_item a { text-decoration: none; color: white; width: 250px; } div.nav_menu li.nav_item img { vertical-align: middle; padding: 0 5px; } div.nav_menu li.subscribe { background-color: #f5ac01; } div.nav_menu li.active { background-color: #598fba !important; } div#main_content { left: 0; top: 0; position: absolute; width: 100%; z-index: 20; } div.nav_menu li.ad { padding: 0; margin: 10px 0 0 0; } div.nav_menu li.ad a { padding: 0; margin: 0; } div.nav_menu li.ad img{ padding: 0; margin: 0; }  div#cm_app_dialog_container { z-index: 200; position:absolute; display: none; background: rgba(211, 211, 211, 0.6); top: 0; left: 0; height: 600px; width: 100%; } div#cm_app_dialog { width: 300px; height: 450px; margin: 20px auto 0 auto; background: url(http://static.christianmingle.com/images/mobile/app_popup/bg_no_buttons.png) no-repeat; background-size: 300px 450px; background-position: center; font-size: 13px; } div#cm_app_dialog.ios { background: url(http://static.christianmingle.com/images/mobile/app_popup/bg_no_buttons_ios.png) no-repeat; background-position: center; background-size: 300px 450px; } div#cm_app_dialog div.app_text { padding: 4px 27px; font-size: 13px; } div#cm_app_dialog div.app_text2 { padding: 4px 27px; font-size: 13px; } div#cm_app_dialog h1.long_title{ color: white; font-size: 17px; padding: 14px 0 5px 18px; } div#cm_app_dialog h1.short_title{ color: white; font-size: 17px; padding: 14px 0 5px 26px; } div#cm_app_dialog a{ text-decoration: none; margin: 0 auto; width: 100%; } div#cm_app_dialog div.yes_button { margin: 0 auto; background: url(http://static.christianmingle.com/images/mobile/app_popup/btn_blue_w_carot.png) no-repeat; background-size: 270px 45px; width: 270px; height: 45px; color: white; font-weight: normal; font-size: 12px; } div#cm_app_dialog div.yes_button span{ padding-top: 15px; padding-left: 17px; position: absolute; } div#cm_app_dialog div.no_button { margin: 0 auto; background: url(http://static.christianmingle.com/images/mobile/app_popup/btn_white_w_carot.png) no-repeat; background-size: 270px 45px; width: 270px; height: 45px; font-weight: normal; font-size: 12px; } div#cm_app_dialog div.no_button span{ padding-top: 15px; padding-left: 97px; position: absolute; }  div#congrats_photo_upload div#image{ position: relative; width: 197px; height: 191px; margin: 0 auto; } div#congrats_photo_upload div#image img.default{ width: 197px; height: 191px; } div#congrats_photo_upload div#image .preview{ max-width: 190px; max-height: 185px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } div#congrats_photo_upload div.picture_frame{ width: 195px; height: 191px; border-color: black; border-radius: 10px; border: thin solid; } div#congrats_photo_upload div#banner{ background-color: rgba(0, 0, 0, 0.6); color: white; position: absolute; top: 120px; height: 35px; width: 191px; font-weight: bold; padding-top: 15px; text-align: center; left: 3px; } div#congrats_photo_upload div#banner.change{ width: 197px; left: 0px; } div#congrats_photo_upload div#upload_buttons{ padding: 30px 0 10px; } div#congrats_photo_upload div#confirm_button{ padding: 30px 0 10px; } div#congrats_photo_upload div#no_thanks{ padding: 20px 0 10px; }  div.my_profile p.warning { padding: 5px 0 15px; font-size: 14px; font-style: italic; } a.edit_profile_button img { padding: 0 1px 0 2px; margin: 0; vertical-align: middle; height: 30px; width: 30px; } a.edit_photo_button img { padding: 0 3px 0 0; margin: 0; vertical-align: middle; height: 30px; width: 30px; }  div#edit_profile_container { margin: 10px auto; width: 294px; } div#edit_profile_container div#header_container{ height: 38px; width: 294px; } div#edit_profile_container div.edit_profile_tab{ font-size: 14px; height: 38px; width: 98px; display: table-cell; margin: 0; padding: 0; vertical-align: middle; font-weight: bold; } div#edit_profile_container div.edit_profile_tab.active{ color: #4a4a4a; } div#edit_profile_container div.edit_profile_tab.inactive{ color: #999999; } div#edit_profile_container div.edit_profile_tab.basic_info.active{ background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/btn_basic_on.png); background-size: 98px 38px; } div#edit_profile_container div.edit_profile_tab.basic_info.inactive{ background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/btn_basic_off.png); background-size: 98px 38px; } div#edit_profile_container div.edit_profile_tab.intro.active{ background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/btn_info_on.png); background-size: 98px 38px; } div#edit_profile_container div.edit_profile_tab.intro.inactive{ background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/btn_info_off.png); background-size: 98px 38px; } div#edit_profile_container div.edit_profile_tab.about_me.active{ background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/btn_about_on.png); background-size: 98px 38px; } div#edit_profile_container div.edit_profile_tab.about_me.inactive{ background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/btn_about_off.png); background-size: 98px 38px; } div#edit_profile_container div.info_container{ background-color: white; padding: 10px; font-size: 12px; text-align: left; color: #215781; font-weight: bold; width: 274px; height: 300px; position: relative; overflow: hidden; } div#edit_profile_container div.info_container div.info_sub_container{ background-color: white; width: 274px; height: 300px; overflow-y: scroll; overflow-x: hidden; position: relative; padding-right: 30px; } div#edit_profile_container div.info_container div.form{ background-color: white; font-size: 12px; text-align: left; color: #215781; font-weight: bold; width: 274px; position: relative; } div#edit_profile_container div.info_container div.info_sub_container div.form textarea.extra_greeting{ width: 260px; height: 290px; border: 0; outline: 0; background: transparent; box-shadow: none; } div#edit_profile_container div.info_container div.form div.form_element{ margin-bottom: 10px; } div#edit_profile_container div.drop_down_container{ height: 22px; width: 100%; position: relative; } div#edit_profile_container div.drop_down_container div.month_container{ height: 22px; width: 119px; position: relative; float: left; margin-right: 10px; } div#edit_profile_container div.drop_down_container div.day_container{ height: 22px; width: 60px; position: relative; float: left; margin-right: 10px; } div#edit_profile_container div.drop_down_container div.year_container{ height: 22px; width: 75px; position: relative; float: left; } div#edit_profile_container div.drop_down_container div.dd_left{ height: 22px; width: 10px; background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/dropdown_l.png); background-size: 10px 22px; position: absolute; top: 0; left: 0; } div#edit_profile_container div.drop_down_container div.dd_right{ height: 22px; width: 10px; background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/dropdown_r.png); background-size: 10px 22px; position: absolute; top: 0; right: 0; } div#edit_profile_container div.drop_down_container div.dd_arrow{ height: 22px; width: 30px; background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/dropdown_arrow.png); background-size: 30px 22px; position: absolute; top: 0; right: 0; } div#edit_profile_container div.drop_down_container div.dd_arrow_date{ height: 22px; width: 30px; background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/dropdown_arrow.png); background-size: 30px 22px; position: absolute; top: 0; right: 0; background-repeat: no-repeat; } div#edit_profile_container div.drop_down_container div.dd_m{ height: 22px; width: 234px; background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/dropdown_m.png); background-size: 234px 22px; position: absolute; top: 0; left: 10px; overflow: visible; z-index: 1; vertical-align: middle; color: #999999; font-weight: normal; } div#edit_profile_container div.drop_down_container div.dd_m select{ width: 264px; height: 22px; border: 0; outline: 0; background: transparent; box-shadow: none; font-size: 12px; padding: 0; margin: 0 0 0 -4px; color: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none; } div#edit_profile_container div.drop_down_container div.dd_m2{ height: 22px; width: 254px; background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/dropdown_m.png); background-size: 254px 22px; position: absolute; top: 0; left: 10px; overflow: visible; z-index: 1; vertical-align: middle; color: #999999; font-weight: normal; } div#edit_profile_container div.drop_down_container div.dd_m2 input{ width: 254px; height: 22px; border: 0; outline: 0; background: transparent; box-shadow: none; font-size: 12px; padding: 0; margin: 0; color: inherit; } div#edit_profile_container div.drop_down_container div.dd_m_month{ height: 22px; width: 79px; background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/dropdown_m.png); background-size: 79px 22px; position: absolute; top: 0; left: 10px; overflow: visible; z-index: 1; vertical-align: middle; color: #999999; font-weight: normal; } div#edit_profile_container div.drop_down_container div.dd_m_month select{ width: 109px; height: 22px; border: 0; outline: 0; background: transparent; box-shadow: none; font-size: 12px; padding: 0; margin: 0 0 0 -4px; color: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none; } div#edit_profile_container div.drop_down_container div.dd_m_month select option{ margin: 0; padding: 0; } div#edit_profile_container div.drop_down_container div.dd_m_day{ height: 22px; width: 20px; background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/dropdown_m.png); background-size: 20px 22px; position: absolute; top: 0; left: 10px; overflow: visible; z-index: 1; vertical-align: middle; color: #999999; font-weight: normal; } div#edit_profile_container div.drop_down_container div.dd_m_day select{ width: 50px; height: 22px; border: 0; outline: 0; background: transparent; box-shadow: none; font-size: 12px; padding: 0; margin: 0 0 0 -4px; color: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none; } div#edit_profile_container div.drop_down_container div.dd_m_day select option{ margin: 0; padding: 0; } div#edit_profile_container div.drop_down_container div.dd_m_year{ height: 22px; width:35px; background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/dropdown_m.png); background-size: 35px 22px; position: absolute; top: 0; left: 10px; overflow: visible; z-index: 1; vertical-align: middle; color: #999999; font-weight: normal; } div#edit_profile_container div.drop_down_container div.dd_m_year select{ width: 65px; height: 22px; border: 0; outline: 0; background: transparent; box-shadow: none; font-size: 12px; padding: 0; margin: 0 0 0 -4px; color: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none; } div#edit_profile_container div.drop_down_container div.dd_m_year select option{ margin: 0; padding: 0; } div#edit_profile_container div.info_container div.top_shadow { background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/sdw_top.png); background-size: 294px 10px; width: 294px; height: 10px; z-index: 10; position: absolute; top: 0; left: 0; } div#edit_profile_container div.info_container div.bottom_shadow { background-image: url(http://static.christianmingle.com/images/mobile/profile_edit/sdw_btm.png); background-size: 294px 10px; width: 294px; height: 10px; z-index: 10; position: absolute; left: 0; bottom: 0; } div#edit_profile_container div.info_container div.set_container{ background: rgba(0, 0, 0, 0.5); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99; overflow-y: scroll; } div#edit_profile_container div.info_container div.set_subcontainer{ background-color: #FFFFFF; height: 345px; margin: 25px auto 0; padding: 10px; width: 275px; border-radius: 20px; } div#edit_profile_container div.info_container div.set_subcontainer div#set_header{ border-bottom: 1px solid; padding: 0 10px 2px; margin-bottom: 8px; } div#edit_profile_container div.info_container div.set_subcontainer div#set_header div.title_subtext{ position: relative; top: 5px; float: right; font-size: 9px; } div#edit_profile_container div.info_container div.set_subcontainer div#set_header span.title{ font-size: 16px; color: #666666; } div#edit_profile_container div.info_container div#element_container{ position: relative; height: 275px; } div#edit_profile_container div.info_container div.set_element{ color: #b5b5b5; float: left; border-radius: 10px; padding: 4px 8px; margin: 3px 3px; position: relative; text-align: center } div#edit_profile_container div.info_container div.set_element.extra_language{ width:67px; height: 20px; } div#edit_profile_container div.info_container div.set_extra_language_container{ width: 91px; float: left; } div#edit_profile_container div.info_container div.set_element.has_ethnicity{ height: 30px; width:114px; } div#edit_profile_container div.info_container div.set_has_ethnicity_container{ width: 137px; float: left; } div#edit_profile_container div.info_container div.set_element.selected{ background-color: #00578a; color: white; } div#leaving_page { z-index: 200; position:absolute; display: none; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; height: 600px; width: 100%; } div#leaving_page_dialog { width: 275px; height: 150px; border-radius: 15px; margin: 20px auto 0 auto; background-color: #dce1e1; background-position: center; font-size: 13px; text-align: center; } div#leaving_page_dialog div.app_text2 { padding: 4px 0; font-size: 13px; } div#leaving_page_dialog h1.short_title{ font-size: 17px; padding: 25px 0 0 0; } div#leaving_page_dialog a{ text-decoration: none; margin: 0; padding: 0; color: #1a7ef7; } div#leaving_page_dialog div#buttons { position: relative; height: 45px; margin-top: 24px; text-align: center; vertical-align: middle; font-size: 16px; } div#leaving_page_dialog div#buttons div.leaving_page_txt{ padding: 12px 0; } div#leaving_page_dialog div.yes_button { width: 136px; height: 45px; font-weight: bold; border-top-color: #c2c6c5; border-top-width: 2px; border-left-color: #c2c6c5; border-left-width: 1px; border-style: solid; border-bottom: none; border-right: none; position: absolute; bottom: 0; left: 138px; } div#leaving_page_dialog div.no_button { width: 137px; height: 45px; font-weight: normal; border-top-color: #c2c6c5; border-top-width: 2px; border-right-color: #c2c6c5; border-right-width: 1px; border-style: solid; border-bottom: none; border-left: none; position: absolute; bottom: 0; left: 0; }  div#appsgeyser_dialog_container { z-index: 200; position:absolute; display: block; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; height: 600px; width: 100%; } div#appsgeyser_dialog { width: 330px; height: 260px; margin: 20px auto 0 auto; background-color: #f7f7f7; font-size: 13px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; font-family: "Helvetica", sans-serif; } div#appsgeyser_dialog div#appsgeyser_header{ height: 30px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-image:-webkit-gradient(linear,left bottom,left top,from(#25426b), to(#3664a4)); background-image:-moz-linear-gradient(top,#3664a4,#25426b); } div#appsgeyser_dialog div.text { color: #333333; padding: 4px 27px; font-size: 20px; line-height: 20px; margin: 10px 0; } div#appsgeyser_dialog h1.title{ color: #333333; font-size: 24px; padding: 0; margin: 0; letter-spacing: -0.5px; } div#appsgeyser_dialog a{ margin: 0 auto; width: 100%; color: #00578a; font-size: 12px; text-decoration: none; } div#appsgeyser_dialog div.yes_button { margin: 0 auto; width: 300px; height: 30px; color: white; font-weight: bold; font-size: 18px; background-image:-webkit-gradient(linear,left bottom,left top,from(#3c6ea1), to(#5b97c1)); background-image:-moz-linear-gradient(top,#5b97c1,#3c6ea1); border: solid 1px #6c8998; border-radius: 15px; } div#appsgeyser_dialog div.yes_button span{ margin: 0 auto; padding-top: 15px; position: relative; text-shadow: 1px 1px #000000; line-height: 29px; } div#appsgeyser_dialog a#cm_appsgeyser_dialog_no{ text-decoration: underline; padding-top: 15px; }  div#edit_profile_dialog_container { z-index: 200; position:absolute; display: block; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; height: 600px; width: 100%; } div#edit_profile_dialog { width: 330px; height: 285px; margin: 20px auto 0 auto; background-color: transparent; background-image: url('/images/mobile/profile_edit/profile_edit_overlay.png'); background-size: 330px auto; text-align: center; } div#edit_profile_dialog div#buttons{ padding-top: 177px; } div#edit_profile_dialog a{ text-decoration: none; } div#edit_profile_dialog div.yes_button { margin: 0 auto; width: 200px; height: 39px; } div#edit_profile_dialog div.no_button { margin: 0 auto; width: 200px; height: 25px; padding-top: 11px; }  div#upload_photo_dialog_1 { width: 330px; height: 285px; margin: 20px auto 0 auto; background-color: transparent; background-image: url('/images/mobile/photo_upload/PhotoUpload_FrameGirl_Overlay.png'); background-size: 330px auto; background-repeat: no-repeat; text-align: center; } div#upload_photo_dialog_1 div#buttons{ padding-top: 158px; } div#upload_photo_dialog_1 a{ text-decoration: none; } div#upload_photo_dialog_1 a#upload_photo_dialog_yes { margin-left: 165px; width: 137px; height: 45px; } div#upload_photo_dialog_1 div.yes_button { width: 100%; height: 100%; } div#upload_photo_dialog_1 a#upload_photo_dialog_no { margin-left: 160px; width: 126px; height: 25px; margin-top: 31px; } div#upload_photo_dialog_1 div.no_button { width: 100%; height: 100%; }  div#upload_photo_dialog_2 { width: 330px; height: 285px; margin: 20px auto 0 auto; background-color: transparent; background-image: url('/images/mobile/photo_upload/PhotoUpload_Polaroid_Overlay.png'); background-size: 330px auto; background-repeat: no-repeat; text-align: center; } div#upload_photo_dialog_2 div#buttons{ padding-top: 152px; } div#upload_photo_dialog_2 a{ text-decoration: none; } div#upload_photo_dialog_2 a#upload_photo_dialog_yes { margin-left: 115px; width: 171px; height: 45px; } div#upload_photo_dialog_2 div.yes_button { width: 100%; height: 100%; } div#upload_photo_dialog_2 a#upload_photo_dialog_no { margin-left: 117px; width: 126px; height: 25px; margin-top: 16px; } div#upload_photo_dialog_2 div.no_button { width: 100%; height: 100%; }  div#upload_photo_dialog_3 { width: 330px; height: 285px; margin: 20px auto 0 auto; background-color: transparent; background-image: url('/images/mobile/photo_upload/PhotoUpload_Selfie_Overlay.png'); background-size: 330px auto; background-repeat: no-repeat; text-align: center; } div#upload_photo_dialog_3 div#buttons{ padding-top: 136px; } div#upload_photo_dialog_3 a{ text-decoration: none; } div#upload_photo_dialog_3 a#upload_photo_dialog_yes { margin-left: 144px; width: 153px; height: 45px; } div#upload_photo_dialog_3 div.yes_button { width: 100%; height: 100%; } div#upload_photo_dialog_3 a#upload_photo_dialog_no { margin-left: 184px; width: 126px; height: 25px; margin-top: 16px; } div#upload_photo_dialog_3 div.no_button { width: 100%; height: 100%; }  div#upload_photo_dialog_4 { width: 330px; height: 285px; margin: 20px auto 0 auto; background-color: transparent; background-image: url('/images/mobile/photo_upload/PhotoUpload_SelfieGirl_Overlay.png'); background-size: 330px auto; background-repeat: no-repeat; text-align: center; } div#upload_photo_dialog_4 div#buttons{ padding-top: 170px; } div#upload_photo_dialog_4 a{ text-decoration: none; } div#upload_photo_dialog_4 a#upload_photo_dialog_yes { margin-left: 156px; width: 137px; height: 45px; } div#upload_photo_dialog_4 div.yes_button { width: 100%; height: 100%; } div#upload_photo_dialog_4 a#upload_photo_dialog_no { margin-left: 160px; width: 126px; height: 25px; margin-top: 16px; } div#upload_photo_dialog_4 div.no_button { width: 100%; height: 100%; }