/* Urban Circle (Central) v1.1 */
/* Script/Design Created & Maintained By Alun Davey (http://www.alundavey.com/) */

html, body {height: 100%;}
body {margin: 0; padding: 0; background: #fff; font-family: Verdana, Arial, Tahoma; font-size: 0.8em;}
form {margin: 0; padding: 0; outline: none;}
img {border: 0;}
#wrapper {margin: 0 auto; padding: 0; min-width: 980px; position: relative; height: auto !important; height: 100%; min-height: 100%;}
#sticky {height: 100%; margin: 0 0 40px; margin: 0; padding: 0 0 40px;}
#logo {margin: 0; padding: 0; height: 80px; background: #000 url('images/logo.gif') no-repeat 30px 28px; text-indent: -9999px; border-bottom: 1px solid #888;}
a#login_btn {position: absolute; top: 0px; right: 85px; z-index: 2; display: block; margin: 19px 0 0 0; height: 26px; width: 50px; background: url('images/login.gif') no-repeat top left; text-indent: -9999px;}
a#login_btn:hover {background: url('images/login.gif') no-repeat bottom left;}
a#register_btn {position: absolute; top: 0px; right: 0px; display: block; margin: 19px 20px 0 0; height: 26px; width: 65px; background: url('images/register.gif') no-repeat top left; text-indent: -9999px;}
a#register_btn:hover {background: url('images/register.gif') no-repeat bottom left;}
#top_options {position: absolute; top: 89px; right: 30px; display: block; margin: 0; color: #111;}
#top_options a {text-decoration: none; color: #111;}
#top_options a:hover {text-decoration: underline;}
#menu_nav, #menu_nav li {margin: 0; padding: 0; list-style: none; height: 30px; background: url('images/menu_bk.gif') repeat-x bottom left; border-bottom: 1px solid #ddd;}
#menu_nav {padding: 0 10px;}
#menu_nav li {float: left;}
#menu_nav li a {margin: 0 10px 0 20px; padding: 7px 0 5px; display: block; text-decoration: none; color: #444; font-weight: bold;}
#menu_nav li a:hover {color: #000; border-bottom: 3px solid #999;}
#login_logo {position: absolute; top: 50%; left: 50%; margin: -60px 0 0 -285px; background: url('images/logo_b.gif') no-repeat 0px 4px; padding: 20px 0 0; width: 590px; height: 27px; text-align: right; font-size: 0.8em; font-weight: bold; color: #555;}
#login_box {position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -285px; background: #eee; padding: 10px; width: 570px; height: 24px; border: 1px solid #ccc; z-index: 3;}
#login_box label {color: #333; margin: 0 5px;}
#login_box p {margin: 0; padding: 5px 0 0; text-align: center;}
#login_box a {color: #333; text-decoration: none;}
#login_box a:hover {text-decoration: underline;}
#login_message {position: absolute; top: 50%; left: 50%; margin: 0 0 0 -285px; padding: 45px 0 0; width: 590px; height: 27px; text-align: right; font-size: 0.9em; font-weight: bold; color: #555;}
#ie6_logo {position: absolute; top: 50%; left: 50%; margin: -90px 0 0 -285px; background: url('images/logo_b.gif') no-repeat 0px 4px; padding: 20px 0 0; width: 590px; height: 27px; text-align: right; font-size: 0.8em; font-weight: bold; color: #555;}
#ie6_box {position: absolute; top: 50%; left: 50%; margin: -42px 0 0 -285px; background: #eee; padding: 10px; width: 570px; height: 84px; border: 1px solid #ccc; z-index: 3;}
#ie6_box p {margin: 0 0 10px; padding: 5px 5px 0;}
#ie6_message {position: absolute; top: 50%; left: 50%; margin: 0 0 0 -285px; padding: 75px 0 0; width: 590px; height: 27px; text-align: right; font-size: 0.9em; font-weight: bold; color: #555;}
#ie6_message a {color: #f00; text-decoration: none;}
#ie6_message a:hover {text-decoration: underline;}
#main_wrapper {margin: 0 auto; padding: 30px; min-width: 930px; /*max-width: 1200px;*/ position: relative;}
#main ul, #main ul li, #main ul li ul, #main ul li ul li, #sidebar ul, #sidebar ul li, #main_view ul, #main_view ul li {margin: 0; padding: 0; list-style: none;}
#top_sidebar {position: absolute; top: 25px; right: 20px; width: 375px;}
#top_search {font-weight: bold; background: #f6f6f6; margin: 0; padding: 11px 10px 9px; border: 1px solid #ddd; position: relative; height: 18px; z-index: 3000;}
#top_search label {position: absolute; top: 12px; left: 10px;}
#top_search select {margin: -2px 0 0 58px;}
#top_search #srch_box {width: 175px; height: 16px; margin: 0; padding: 2px 4px 2px 22px; position: absolute; top: 8px; right: 8px; border: 1px solid #ccc; background: #fff url('images/magnifier.png') no-repeat 2px 2px;}
#breadcrumb {color: #555; font-size: 0.8em; height: 20px;}
#breadcrumb a {color: #555; text-decoration: none;}
#breadcrumb a:hover {color: #333; text-decoration: underline;}
#sidebar {position: relative; float: right; margin: 53px 0 0; padding: 0; width: 180px; }
#sidebar ul {margin: 0 0 30px;}
#sidebar ul li.title {display: block; padding: 0 0 10px; text-decoration: none; font-size: 1.2em; color: #555; text-transform: uppercase;}
#sidebar ul li a, #sidebar ul li.no_link {display: block; padding: 6px 12px; text-decoration: none; color: #555; border-left: 3px solid #ddd;}
#sidebar ul li a:hover {color: #000; border-left: 3px solid #999;}
#sidebar ul li a img {border: 0; padding: 0 8px 0 0; margin: 0 0 -3px;}
.welcome_msg {float: left; width: 100%; margin: 10px 0 20px; border: 1px solid #cc9; background: #ffc; padding: 10px 0;}
.welcome_msg p {margin: 0 10px; padding: 0;}
#main {margin: 0 202px 0 0; padding: 0; background: #f1f1f1; border: 1px solid #ddd; position: relative;}
#main_view {margin: 0 202px 0 0; padding: 0; position: relative;}
#main_view h3 {font-weight: normal; font-size: 1.8em; margin: 0 0 5px; padding: 0;}
#main_view h3 span {float: right; color: #888; font-size: 0.5em;}
#main_view h4 {font-size: 1.4em; font-weight: normal; margin: 20px 0 10px; padding: 0;}
#main_view h5 {font-size: 1.2em; font-weight: bold; margin: 0 0 10px; padding: 0;}
#main_view .age_confirmed {color: #06f; text-decoration: underline;}
#main_view .age_not_confirmed {color: #c00; text-decoration: underline;}
#main_view ul li {display: block; padding: 15px 20px; border-top: 1px dotted #ddd;}
#main_view ul li .sbs {float: left; padding: 0 50px 0 0;}
#main_view ul li.options {background: url('images/menu_bk.gif') repeat-x bottom left; padding: 0; border: 1px solid #ddd; border-bottom: 0;}
#main_view ul li.options ul {height: 30px;}
#main_view ul li.options ul, #main_view ul li.options ul li {margin: 0; padding: 0; border: 0;}
#main_view ul li.options ul li a {display: block; float: left; padding: 8px 0 5px; margin: 0 20px 0 10px; text-decoration: none; color: #555; font-weight: bold; font-size: 0.9em;}
#main_view ul li.options ul li a:hover {color: #000; border-bottom: 3px solid #999;}
#main_view ul li.options ul li a img {border: 0; padding: 0 5px 0 0; margin: 0 0 -3px;}
#main_view ul li.top {border-top: 1px solid #ddd;}
#main_view ul.staff_notices li {margin: 0; padding: 0; border-top: 0; border-bottom: 1px dotted #bbb;}
#main_view ul.staff_notices li a {display: block; padding: 10px 15px 10px 35px; background: url('images/page.png') no-repeat 10px 10px; color: #000; text-decoration: none;}
#main_view ul.staff_notices li p {display: block; padding: 10px 15px; color: #000; text-decoration: none;}
#main_view ul.staff_notices li a:hover {background: #c3d8ec url('images/page.png') no-repeat 10px 10px;}
#main_view ul.staff_notices li em {color: #777; font-weight: normal;}
#main_view ul.staff_notices li.full {padding: 0 0 15px; margin: 0 0 20px;}
#main_view ul.staff_notices li.full h6 {margin: 0 0 7px; padding: 0 0 7px; font-size: 1.5em; font-weight: normal; border-bottom: 1px dashed #ccc;}
#main_view ul.staff_notices li.full p {margin: 0 0 5px 15px; padding: 5px 0 10px 20px; border-left: 3px solid #ddd; line-height: 1.6em;}
#main_view ul.staff_notices li.full b {display: block; padding-left: 35px; color: #333; background: url('images/page.png') no-repeat 10px 0px;}
#main_view ul.staff_notices li.full em {float: right;}
#main ul li.menu {margin: 0; padding: 10px; list-style: none; color: #444; position: relative;}
#main ul li.menu .filter_options {float: right; font-size: 0.8em; margin: 3px 3px 0 0; color: #666;}
#main ul li.menu .filter_options a {color: #06f; text-decoration: none;}
#main ul li.menu .filter_options a:hover {text-decoration: underline;}
#main ul li.footer {height: 5px; border-top: 1px solid #ddd;}
#main ul li.grid ul {background: #fff;}
#main ul li.grid ul li {display: block; border-top: 1px solid #ddd;}
#main ul li.grid ul li a, #main ul li.grid ul li.titles {display: block; padding: 6px 10px; text-decoration: none; color: #555;}
#main ul li.grid ul li a:hover {background: #ddecf7; color: #000;}
#main ul li.grid ul li b {color: #999; font-style: italic; font-weight: normal;}
#main ul li.grid ul li span.user_id {float: left; width: 50px; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px dotted #aaa;}
#main ul li.grid ul li span.date_login, #main ul li.grid ul li span.date_joined, #main ul li.grid ul li span.age, #main ul li.grid ul li span.tel, #main ul li.grid ul li span.category, #main ul li.grid ul li span.added, #main ul li.grid ul li span.auth, #main ul li.grid ul li span.username, #main ul li.grid ul li span.adv_srch {float: right; width: 135px; border-left: 1px dotted #aaa; padding-left: 10px;}
#main ul li.grid ul li span.username {width: 150px;}
#main ul li.grid ul li span.age {width: 135px;}
#main ul li.grid ul li span.tel {width: 145px;}
#main ul li.grid ul li span.category {width: 200px;}
#main ul li.grid ul li span.added {width: 90px;}
#main ul li.grid ul li span.auth {width: 125px; background: url('images/cross.png') no-repeat top right;}
#main ul li.grid ul li span.date_joined {width: 100px;}
#main ul li.grid ul li span.adv_srch {width: 350px;}
#main ul li.grid ul li.titles {background: url('images/grid_bk.gif') repeat-x top left; font-weight: bold; padding: 6px 10px 4px;}
#main ul li.grid ul li.titles a {display: inline; margin: 0; padding: 0; background: none;}
#main ul li.grid ul li.titles a:hover {background: none;}
#adv_srch {margin: 15px 0 20px; padding: 0 0 0 15px; border-left: 1px dotted #aaa;}
label.big_label {float: left; margin: 0 10px 0 0; font-size: 1.4em;}
#adv_srch-select {margin: 0 10px 0 0; font-size: 1.2em; float: left;}
#adv_srch-q {margin: 0 10px 0 0; width: 370px; font-size: 1.2em;}
#pagination {margin: 10px 202px 10px 0; color: #555;}
#pagination em {font-style: normal; text-decoration: underline;}
#pagination span {float: right;}
#pagination a {font-weight: bold; text-decoration: none; color: #555;}
#pagination a:hover {text-decoration: underline; color: #333;}
.tl_corner {position: absolute; top: -1px; left: -1px; width: 5px; height: 5px; background: url('images/corners.gif') no-repeat top left;}
.tr_corner {position: absolute; top: -1px; right: -1px; width: 5px; height: 5px; background: url('images/corners.gif') no-repeat top right;}
.bl_corner {position: absolute; bottom: -1px; left: -1px; width: 5px; height: 5px; background: url('images/corners.gif') no-repeat bottom left;}
.br_corner {position: absolute; bottom: -1px; right: -1px; width: 5px; height: 5px; background: url('images/corners.gif') no-repeat bottom right;}
#footer_login {position: absolute; bottom: 0; left: 0; width: 100%; min-width: 980px; text-align: center; font-size: 0.7em; padding: 10px 0; color: #888;}
#footer_login a {color: #888; text-decoration: none;}
#footer_login a:hover {text-decoration: underline;}
#footer {position: absolute; bottom: 0; left: 0; width: 100%; min-width: 980px; height: 21px; border-top: 1px dotted #bbb; padding: 9px 0 0 0; font-size: 0.7em;}
#footer a {}
#footer em {margin: 0 30px; float: right; font-style: normal; color: #444;}
#footer em a {color: #444; text-decoration: none;}
#footer em a:hover {text-decoration: underline;}
#footer span {margin: 0 30px; font-weight: bold; color: #444;}

.member_form input, .member_form select {padding: 1px; font-size: 1.4em;}
.member_form label {font-size: 1.2em; font-style: italic;}
.member_form strong {font-weight: normal; display: block; width: 121px; float: left; font-size: 1.2em; margin: 0 10px 0 0; padding: 5px 0;}
.member_form li {height: 30px;}
.member_form .small_input {width: 50px;}
.member_form .medium_input {width: 180px;}
.member_form .large_input {width: 75%;}
.member_form .large_textarea {width: 75%; padding: 3px 7px; height: 250px; font-size: 1.4em;}
.member_form .submit_btn {font-size: 1.1em;}
.member_form .form_error {color: #f00; font-style: italic;}

.member_form_errors {color: #f00; font-weight: bold; margin: 0; padding: 0;}
.member_form_errors li {padding: 5px 0; margin: 0; background: #fffeca;}