/* CSS Document */
* {margin:0; padding:0}
p {margin:1.12em 0}

body {background:#eff8fd url(../images/body_bg.png) repeat-x; margin:30px 0 20px; font-family:Tahoma; font-size:11px; color:#1E3772}
#container {width:880px; margin:10px auto; background:#fff url(../images/profile_background.gif) repeat-x; color:#333; padding-bottom:10px; -moz-border-radius:10px; -khtml-border-radius:10px}
#container p {text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; overflow:auto}

/******** common ********/
img {border:none}
.clear {clear:both}
.small_text{font-size:9px}

/******** padding ********/
.ptop {padding-top:10px}
.mbottom {margin-bottom:10px}
.mleft {margin-left:10px}

/******** floats ********/
.flleft {float:left}
.flright {float:right}
.fnone {float:none}

/******** logo ********/
#beta_notice {float:left; width:400px; margin:25px 0 0 36px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
#logo {float:right; background:transparent url(../images/beta_logo.png) no-repeat right; width:420px; height:70px; margin:10px}

/******** main menu ********/
.solidblockmenu {padding-left:48px; float:left; font:bold 15px Arial}
.solidblockmenu li {display:inline}
.solidblockmenu a {float:left; background:url(../images/top_menu_left.png) no-repeat; padding:0 0 0 6px; text-decoration:none}
.solidblockmenu a span {display:block; background:url(../images/top_menu_right.png) no-repeat right top; padding:9px 15px 8px 9px; margin-right:2px; color:#FFF}
.solidblockmenu a:hover span {font:bold 15px Arial; color:#666}
.solidblockmenu a:hover {background-position:0% -42px}
.solidblockmenu a:hover span {background-position:100% -42px}

/******** content ********/
#wrapper {clear:both; overflow:auto}

/******** footer ********/
#footer {overflow:auto; width:880px; text-align:center; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif}
#footer_main a, .copyrights {color:#666; padding:0 10px 10px}

/******** right content ********/
#sidebar {float:right; width:160px; margin-right:10px; background-color:#fff}

/******** button *********/
.button {float:right; background:none; border:none}
.button a {text-decoration:none; color:#333}
.button span{padding:7px; float:left; font-size:11px}
.button input {border:none; background:none}
input[type="image"] {padding:0}

/******** sidebarmenu ********/
.menu {list-style-type:none; font:bold 13px Verdana; width:160px; /* Main Menu Item widths */}
.menu ul {list-style-type:none}
/* Top level menu links style */
.menu li a {display:block; overflow:auto; /*force hasLayout in IE7 */ color:#fff; text-decoration:none; padding:6px 6px 6px 10px; border-bottom:1px solid #fff; background:url(../images/sidebarmenu.gif);}
.menu li a:hover {background: url(../images/sidebarmenu_hover.gif);}
.menu #menu_top {background: url(../images/sidebarmenu_top.gif) no-repeat;}
.menu #menu_top:hover{background: url(../images/sidebarmenu_top_hover.gif) no-repeat;}
/*Sub level menu items */
.menu li ul a {background:url(../images/sidebarmenu_sub.gif); padding:6px 6px 6px 25px; color:#585858}
.menu li ul a:hover {background:url(../images/sidebarmenu_sub_hover.gif); color:#484848; padding:6px 6px 6px 25px}

/******** command box ********/
#command_box {margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color:#F4F4F4}
#command_box a {text-decoration:none; color:#333333; font-weight:bold}
.command_box_buttons {padding:10px 0}
#command_box span {float:right; padding-top:4px}
.status_pic {text-align:center; color:#fff; font-weight:bold}
.key_symbols {width:100px; margin-bottom:5px; text-align:center}

/******** professions ********/
#professions {padding:5px; background-color:#F4F4F4; border:1px solid #bbb}
#professions a {text-decoration:none; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif}

/******** content ********/
#content {width:660px; /*float:right; why Gajen?*/ margin:0 10px 0; padding:10px; overflow:auto; border:1px solid #CCC; background:#fff url(../images/content_bg.png) repeat-x; -moz-border-radius:10px; -khtml-border-radius:10px}

/******** content header ********/
#content_header, #profile_content_header {border:1px solid #CCC; margin-bottom:10px; background:#fff url(../images/profile_background.gif) repeat-x; padding:20px; color:#126092; font-weight:bold}
#content_header {font-size:16px}
#profile_content_header {font-size:13px}
#content_header a, #profile_content_header a {text-decoration:none; color:#126092}
#content_header h1, #profile_content_header h1 {color:#126092; display:inline}
#content_header h1 {font-size:16px}
#profile_content_header h1 {font-size:13px}

/******** mini link ********/
.mini_link {text-align:right}
.mini_link img {padding-left:5px}
.mini_link_left {float:left; border:1px solid #2A84BE; float:left; padding:3px; -moz-border-radius:3px; -khtml-border-radius:3px; margin-bottom:3px}
.back_to {padding:1px 4px 3px 16px; text-decoration:none; color:#333; font-weight:bold; background:url(/media/images/icons/back_to.png) no-repeat scroll 0 0}

/******** page view(page numbers) ********/
.pages_box {margin-bottom:10px; border:1px solid #CCCCCC; background-color:#e9e9e9; height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#126092}
.pages a {text-decoration:none; font-size:12px; color:#333}
.pages {float:left; padding-top:3px; width:370px; text-align:center}
.pages img {border:medium none; margin-bottom:-2px;}
.prev_box, .next_box {width:40px; height:40px}
.prev_box {float:left}
.next_box {float:right}
.order_box {float:left}
.pages, .order_box {margin-top:9px}
.order_box label {margin-top:3px; float:none}
.current_page {font-size:14px; font-weight:bold}

/******** resultbox ********/
.resultbox_f, .resultbox_m {margin-bottom:10px; overflow:auto; border:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif}
.resultbox_f {background-color:#FFF6F6}
.resultbox_m {background-color:#F6F6FF}
.result_header {padding:8px 5px; overflow:auto; border-bottom:1px solid #CCC}
.result_name a {float:left; color:#126092; font-size:12px; font-weight:bold; text-decoration:none}
.status, .compatible {float:right; width:150px; text-align:center; color:#126092; font-weight:bold}
.status img, .compatible img {border:medium none; margin-bottom:-3px;}
.result_content {overflow:auto; border-bottom:1px solid #CCC}
.result_photo {padding:10px; float:left; width:80px}
.result_details {float:left; padding:10px; font-size:12px; font-weight:bold; width:200px}
.result_comment {float:right; width:320px; padding:5px}
.result_comment p, .result_comment a {color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
.result_footer {padding:8px 5px; overflow:auto}

/******** side_res_box ********/
.side_res_box {background:transparent url(../images/mnu3_bg_top.jpg) no-repeat; padding-top:10px; width:180px; margin-bottom:10px}
.side_res_box_inner {background:transparent url(../images/mnu3_bg_btm.jpg) no-repeat bottom left; padding:5px}
.side_res_box_name {margin:0 0 5px; color:#CC0000; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
.side_res_box_photo {width:80px; overflow:auto; float:left; text-align:center}
.side_res_box_details {float:right; width:80px; font-weight:bold}
.side_res_box_comment {padding-top:5px; clear:both}

/******** info_box ********/
.info_box, .alert_box, .success_box {margin: 10px 0; padding: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align: center;}
.alert_box, .success_box {font-weight: bold;}
.info_box {border: 1px solid #FFCACA;}
.success_box {border: 2px solid #139b40;}
.alert_box {border: 2px solid #e21524;}

/******** signed in ********/
.signin {float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000066; width:161px; padding-right:8px}

/******** content text box ********/
.content_text_box {overflow:auto; border:1px solid #CCC; padding:10px; margin-bottom:10px; background:#fff url(../images/profile_background.gif) repeat-x; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; list-style-position:inside}
.content_text_box a {text-decoration:none; color:#333333; font-weight:bold}
.text_box_header {color:#CC0000; font-weight:bold}

/******** qic search box *********/
.search_box {overflow:auto; border:1px solid #CCC; padding:10px; margin-bottom:10px; background-color:#dee4ec; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; -moz-border-radius:10px; -khtml-border-radius:10px}
.search_box label {width:100px; margin-top:5px}
.search_box input[type="checkbox"] {margin-top:10px}
.search_box_header {color:#287cdb; font-weight:bold; margin-bottom:10px; font-size:14px; padding-left:5px}

/******** form ********/
fieldset div {clear:both}
label {float:left; width:150px; text-align:right; margin-right:10px; font:12px verdana, sans-serif}
legend {color:#0b77b7; font-size:12px; font-weight:bold}

input[type="text"], input[type="password"], input[type="button"] {width:165px; -moz-border-radius:4px; -khtml-border-radius:4px; font:12px verdana, sans-serif}
input {padding:2px; border:1px solid #ddd; background:#fafafa}

select {padding:2px; border:1px solid #ddd; background:#fafafa; font:12px verdana, sans-serif; -moz-border-radius:4px; -khtml-border-radius:4px}
input:hover, input:focus {border-color:#c5c5c5; background:#f6f6f6} 
fieldset {border:1px solid #ddd; padding:0 5px 5px; margin-bottom:10px}

/******** form content ********/
#signup_content {width:470px; float:right}
.fm-light, .fm-dark {padding:10px; overflow:auto}
.fm-light span, .fm-dark span {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.fm-dark {background-color:#f4f4f4}
.pre_box {margin-left:20px; float:left; clear:none}
.pre_box label {float:none}
#recaptcha_response_field {position:absolute; left:0px; margin:0 0 0 -50px}

/******** likes dislike ********/
.likes_dislikes_input {width:200px; float:right}
.prof_likes, .prof_dislikes {padding-left:10px; overflow:auto}
.prof_likes {float:left}

/******** profile header ********/
#prof_name {color:#CC0000; font-size:15px; font-weight:bold; margin-bottom:10px; float:left}
.prof_image {width:200px; min-height:140px; float:left; margin-right:20px}
.prof_image img {border:1px solid #CCC; display:block}
.prof_status {float:left}
.distance {color:#ff7100; font-weight:bold; float:left; width:330px}
.prof_touch {width:220px; margin-top:5px; float:left}
.prof_hlabel, .prof_hfield, .prof_label, .prof_field {float:left}
.prof_hlabel, .prof_hfield, .prof_label {font-weight:bold}
.prof_hlabel, .prof_hfield {padding-bottom:20px}
.prof_label, .prof_field {padding-top:14px}
.prof_hlabel {width:130px}
.prof_label {width:120px}
.prof_field {width:140px}
.symbols {float:left; margin-top:20px; width:100px}
.symbols a {text-decoration:none; font-size:11px; color:#333}
.prof_touch_icons {margin-top:5px; float:right; margin-top:20px}
.contact_icons {margin-right:10px; float:right}
.contact_icons img {margin-right:5px}
.contact_buttons {float:right}
.contact_buttons img {text-decoration:none; float:right; margin-right:5px; margin-bottom:3px}


/******** profile content ********/
.gen_label, .gen_field{float:left; padding:8px 0 0 10px; margin-left:10px} 
.gen_label {width:150px; color:#3d4e7a; font-weight:bold}
.gen_field a {text-decoration:none; color:#333}

/******** sidebox ********/
/* Show only to IE PC \*/
* html .boxhead h2 {height:1%} /* For IE 5 PC */
.sidebox {width:330px; background:url(../images/s_body.png) repeat-y;}
.sidebox_combined {overflow:auto}
.wide_sidebox {overflow:auto;  background:url(../images/w_body.png) repeat-y;}
.wide_boxhead, .boxhead {padding:25px 30px 9px; color:#fff; font-weight:bold; font-size:14px; line-height:11px; text-shadow:#000 0px 2px 5px; text-align:center}
.wide_boxhead {background:url(../images/w_head.png) no-repeat top left;}
.boxhead {background:url(../images/s_head.png) no-repeat top left;}
.boxbody, .wide_boxbody {padding:5px 30px 31px; overflow:auto; font-size:12px}
.boxbody {background:url(../images/s_btm.png) no-repeat bottom right;}
.wide_boxbody {background:url(../images/w_btm.png) no-repeat bottom right;}
.boxbody span, .wide_boxbody span {width:500px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC0000}

/******** matches ********/
.matches_single, .matches_wide_pic {width:90px; overflow:auto; float:left}
.matches_single {margin:0 22px; text-align:center; text-decoration:none}
.matches_wide_details {width:100px; float:right; padding-top:5px}
.matches_wide {width:220px; overflow:auto; margin-bottom:10px; margin-left:40px; float:left; height:120px}
.favourites_footer {float:right}

/******** info content ********/
.info_content {clear:both; border:1px solid #CCC; padding:10px; background:#fff url(../images/box_bg.png) repeat-x bottom; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:10px}

/******** message box ********/
.message_lines {overflow:auto; padding-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif}
.message_from, .message_subject, .message_date, .message_delete, .message_draft {float:left}
.message_from {width:150px}
.message_subject {width:275px}
.message_date {width:100px}
.message_delete {width:55px; text-align:center}
.message_draft {width:425px}
.message_headers {color:#3d4e7a; font-weight:bold; padding-top:13px; padding-left:10px; overflow:auto}
.from_to_field, .subject_field, .draft_field, .edit_field, .date_field, .delete_field {float:left; overflow:auto}
.from_to_field a, .subject_field a, .draft_field a, .edit_field a, .date_field a, .delete_field a {text-decoration:none; color:#333;}
.from_to_field, .subject_field, .draft_field, .date_field {padding-top:13px}
.from_to_field {width:150px}
.subject_field {width:275px; font-weight:bold; color:#333333}
.subject_field span {font-size:10px; color:#CCCCCC; padding-left:5px}
.draft_field {width:425px}
.edit_field {width:100px; padding-top:8px}
.date_field {width:100px}
.delete_field {width:55px; padding-top:9px; text-align:center}
.message_content_box {background-color:#fcfcfc; width:auto; padding:10px; margin-bottom:10px; overflow:auto; border:1px solid #CCC}

/******** quick search box ********/
.search_box_half {width:303px}
.search_box_half label {padding-bottom:10px}

/******** Log-in box ********/
.log_in {width:350px; background-color:#FFF; margin :20px auto; padding:20px 30px; border:1px dotted #CCC}
.log_in fieldset {border:none; padding:10px}
.log_in label {width:120px}
.log_in input[type="text"] {margin-bottom:10px}

/******** payment ********/
#payment_options {padding:20px}
.payment_options_box {width:400px; margin:0 auto; overflow:auto}
.subscribe_button {text-align:center}
.subscribe_button img { margin: 0 auto; margin-top:15px; border:none; cursor:pointer}
.input_info_form, .input_price_info {font-weight:bold; float:left; color:#3d4e7a; padding-left:10px; font-size:12px}
.input_info_form {width:440px; padding-top:8px}
.input_price_info {width:310px; overflow:auto; padding:10px}
.price_figure {font-size:22px; float:left; padding:5px}
.input_info_form input[type="text"] {width:110px}

/******* charcount ******/
.charcount_box, #charcount {text-align:center;}
.charcount_box {width:145px; font-size:10px}
#charcount {background-color:#eff8fd; width:60px; font-size:11px; border:2px solid #d6dbe1; padding:2px; margin:0 auto;}

/********jquery_test***********/
.wrapper {width:570px; position:relative; overflow:hidden;}
.form_wrapper {display:block; position:absolute; top:0px; left:275px}
.box_wrapper, .form_wrapper {width:270px; overflow:auto}

/*********bullet points*******/
.alert_points { list-style:square; list-style-position:inside; margin:10px 0; color:#E21524}

/********** terms and conditions ********/
.terms {margin-top:40px; border:1px solid #CCC; padding:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center}
.terms a { text-decoration:none; color:#333}