.ui-body-c { text-shadow: 0 0 0 #FFFFFF; } #header{ border-top:3px solid #F7AC00; background:#FFFFFF; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.00, #e9e9e9),color-stop(0.20, #ffffff)); background-image: -moz-linear-gradient(left top, #e9e9e9, #ffffff) repeat scroll 0 0 #ffffff; padding-left: 0; } div#header h1.ui-title{ margin-top: 0; margin-bottom: 0; } div#header a#headerimg { margin-top: 10px; } div#header a#headerimg.christian { margin-top: 5px; margin-bottom: 0; } div#header a.header_nav { background: -moz-linear-gradient(center top , #FEFEFE, #EEEEEE) repeat scroll 0 0 #EEEEEE; background: -webkit-gradient(linear,center top, center bottom, color-stop(0,#FEFEFE), color-stop(1,#EEEEEE)); border: 1px solid #CCCCCC; color: #444444; font-weight: bold; text-shadow: 0 1px 1px #F6F6F6; } #main_body{ padding:4px; background:url(http://static.christianmingle.com/images/mobile/bg.png); font-size: 16px; text-align: center; } div.home_page#main_body{ background:url(http://static.christianmingle.com/images/mobile/bg_home_page.png); } #body_column { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#F0F0F0; margin-top:4px; padding:5px; } #footer{ background: #FFFFFF; text-align: center; font-size: 12px; font-weight: normal; padding: 0 0 8px 0; } .footer-links { list-style-image:none; list-style-position:outside; list-style-type:none; padding: 10px 0; } div#app_footer .footer-links { list-style-image:none; list-style-position:outside; list-style-type:none; padding: 3px 0; } .main-footer p, ul { margin: 0 15px; } ul#pagetitleerrors { margin: 0; padding: 0; } .footer-links li { display:inline-block; margin:0 0.1em 0 0; } .footer-links li.extra_space { margin:0 15px; } .footer-links li a.ui-link { color:#666666; } .ui-collapsible-set { margin: 0.5em 5px; background: white; } div.user_photo_container { margin: auto; } table.icons { width: 100%; } .icon { background-repeat: no-repeat; background-position: center 15px; text-align: center; width: 50%; padding: 5px; font-size: 16px; font-weight: bold; } .icon_spacer { width: 100%; height: 67px; } td.icon div.count { background-image: url(http://static.christianmingle.com/images/mobile/numbadge.png); background-repeat: no-repeat; background-position: right top; background-size: 32px 32px; width: 85px; color: #FFFFFF; margin: auto; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { td.icon div.count { background-image: url(http://static.christianmingle.com/images/mobile/numbadge@2x.png); background-repeat: no-repeat; background-position: right top; background-size: 32px 32px; width: 85px; color: #FFFFFF; margin: auto; } } td.icon div.count span{ top: 5px; left: 27px; position: relative; } .icon_inbox { background-image: url(http://static.christianmingle.com/images/mobile/icon-inbox-3.png); background-size: 57px 56px; } .icon_friends { background-image: url(http://static.christianmingle.com/images/mobile/icon-Favorite-2.png); background-size: 57px 56px; } .icon_search { background-image: url(http://static.christianmingle.com/images/mobile/icon-search-3.png); background-size: 57px 56px; } .icon_matches { background-image: url(http://static.christianmingle.com/images/mobile/icon-match-3.png); background-size: 57px 56px; } .icon_ynm { background-image: url(http://static.christianmingle.com/images/mobile/icon-secret-3.png); background-size: 57px 56px; } .icon_dashbrd { background-image: url(http://static.christianmingle.com/images/mobile/icon-activity-3.png); background-size: 57px 56px; } .icon_photo { background-image: url(http://static.christianmingle.com/images/mobile/icon-upload-3.png); background-size: 57px 56px; } .icon_profile { background-image: url(http://static.christianmingle.com/images/mobile/icon-profile-4.png); background-size: 57px 56px; } input#photo { width: auto; } .ui-btn-up-e, .ui-btn-down-e, .ui-btn-hover-e { background: repeat scroll 0 0 #E37900; background-image: -moz-linear-gradient(center top , #E37900, #E37900); background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0,#E37900), color-stop(1,#E37900)); border-color: #CB5800; color: #ffffff; text-shadow: 0 1px 1px #145072; } .min-width-480px .ui-field-contain { border-width: 1px; margin: 0; padding: 1.5em 0; } div.search_form label#age_low-label { display: inline-block; width: 15%; } div.search_form label#age_high-label { display: inline-block; width: 15%; } div.search_form div.ui-slider{ width: 50%; } div.full-navbar { margin-left: -5px; margin-right: -5px; }  .ui-icon-custom-online { background-image: url("/images/mobile/icons-custom-4.png"); background-position: -263px 50%; background-size: 400px 18px; } .ui-icon-custom-offline { background-image: url("/images/mobile/icons-custom-4.png"); background-position: -227px 50%; background-size: 400px 18px; } .ui-icon-custom-letter { background-image: url("/images/mobile/icons-custom-4.png"); background-position: -85px 50%; background-size: 400px 18px; } .ui-icon-custom-smile { background-image: url("/images/mobile/icons-custom-4.png"); background-position: -10px 50%; background-size: 400px 18px; } .ui-icon-custom-play { background-image: url("/images/mobile/icons-custom-4.png"); background-position: -45px 50%; background-size: 400px 18px; } .ui-icon-custom-stop { background-image: url("/images/mobile/icons-custom-4.png"); background-position: -125px 50%; background-size: 400px 18px; } .ui-icon-custom-person { background-image: url("/images/mobile/icons-custom-4.png"); background-position: -159px 50%; background-size: 400px 18px; } .ui-icon-custom-list { background-image: url("/images/mobile/icons-custom-4.png"); background-position: -192px 50%; background-size: 400px 18px; } a.inactive .ui-icon { background-color: rgba(0, 0, 0, 0.1); } div.online_offline .ui-slider{ width: 125px; margin-right: 0; } div.online_offline .ui-slider-switch{ height: 26px; } div.online_offline .ui-slider-label{ height: 26px; font-size: 14px; } div.online_offline div.ui-slider-switch a.ui-slider-handle { height: 26px; margin-top: -15px; }  .ui-content ul#profiles.ui-listview { margin: 0 -5px; } ul#profiles li.ui-li-static { padding: 2px; }  .ui-mobile div.home_page.ui-page { border-top: 3px solid #F7AC00; min-height: 0; } form#loginForm2 input.text-input { width: 78%; display: inline-block; } div#login_form .ui-btn { width: 80%; display: inline-block; } div#login_form .ui-checkbox { margin: 10px 0 3px -15px; width: 155px; } div#login_form .ui-checkbox input { left: 50px; display: none; } div#login_form .ui-checkbox label { width: 100%; } div#login_form label.ui-btn { background: transparent; color: white; font-size: 12px; text-shadow: none; border: none; } div#login_form span.ui-btn-inner { border: none; } div#login_form span.ui-icon-checkbox-off { background: white; } form#contactform input { display: inline-block; width: 80%; } form#contactform div.ui-select{ display: inline-block; width: 80%; } form#contactform textarea.ui-input-text { display: inline-block; width: 80%; } form#reminder input { display: inline-block; width: 80%; }  div.ynm-vote-bar .ui-btn { margin: 5px; width: 75px; } form#ynm_age_form input.ui-input-text { width: auto; display: inline-block; } div.ynm_age_form_container .ui-btn { width: 100px; margin-right: auto; margin-left: auto; }  form#mobile_search .ui-checkbox, .ui-radio { position:relative; margin: .5em 0 .5em; z-index: 1; } form#mobile_search .ui-field-contain { padding: 0 0; margin: 0; border-bottom-width: 1px; overflow: visible; } @media all and (min-width: 450px){ form#mobile_search .ui-field-contain { padding: 0; margin: 0 0; } form#mobile_search label.ui-select { vertical-align: top; display: inline-block; max-width: 20%; margin: 0 2% 0 0; } form#mobile_search .ui-select { width: auto;} } form#mobile_search .ui-select {display: inline-block; } form#mobile_search .ui-select+label.ui-select {text-align:center; vertical-align: top; margin-left: 0; margin-right: 0; margin-top: 0; line-height: 40px; display: inline-block;} form#mobile_search fieldset{ text-align: center;} form#mobile_search .ui-field-contain div { text-align: center; } form#mobile_search .ui-field-contain { margin-top: 0.5em; padding-bottom: 0.5em; } form#mobile_search .ui-field-contain div div.ui-radio { width: auto; display: inline-block; float: none; margin-top: 0; } form#mobile_search div.ui-btn { margin-top: 0px; margin-bottom: 0px; } form#mobile_search .ui-controlgroup, fieldset.ui-controlgroup {margin-top: 0; margin-bottom: 0;} form#mobile_search span.label { display: inline-block; float: left; line-height: 40px; } form#mobile_search .sumbit-btn .ui-btn { margin-top: 0.5em; } .grid_and_list_views .ui-block-a { width: 70% !important; } .grid_and_list_views .ui-block-b { margin-left: 10px; padding-top: 5px; width: 25% !important; } .login_form_remember_me { width: 80%; display: inline-block; } .login_button { width: 45%; display: inline-block; float: right; } .fb_button .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; top: 40%; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; border-bottom-left-radius: 0; } .remember_me span.ui-btn-inner { overflow: visible; } .photo_navbar .ui-btn-text { font-size: 16px; } .ui-icon-facebook { background: url('/images/mobile/icon-fb-sm.png') no-repeat scroll center center transparent; border-radius: 0 0 0 0; height: 24px; width: 24px; } .ui-btn-icon-left .ui-icon-facebook, .ui-btn-icon-right .ui-icon-facebook { top: 40%; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { content: " "; display: block; height: 0; visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: block; height: 0; visibility: hidden; } .facebook .album_list, .facebook .photo_list { list-style: none outside none; margin: 0; padding: 0; } .facebook .album_list li { display: inline-block; height: 196px; width: 130px; } .facebook .album_list a { text-decoration: none; } .facebook .album_list img { max-height: 144px; max-width: 112px; } .facebook .album_list h4 { float: left; margin: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95px; } .facebook .album_list .count { font-size: 12px; line-height: 12px; vertical-align: bottom; } .facebook .photo_list li { display: inline-block; height: 154px; overflow: hidden; width: 117px; } div.reg_test_form div.ui-select span.ui-btn-text { padding-left: 12px !important; text-align: left; } div#login_form #joinnow.ui-btn { width: 80px; font-size:12px; padding:0px -5px; } #joinnow.ui-btn span.ui-btn-inner{ padding:4px 0px; }  a.edit_profile_button { box-shadow: none; } a.edit_photo_button { box-shadow: none; } a.edit_profile_button span.ui-btn-inner{ padding: 3px 9px; } a.edit_photo_button span.ui-btn-inner{ padding: 3px 9px; }