* { margin: 0; padding: 0; }

html, body {
height: 100%;
background: url(images/bg.gif) repeat-x top;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


#container {
width: 980px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}

#header {
height: 90px;
color: #c0c0c0;
}

#logo {
background: url(images/logo.gif) no-repeat left;
width: 246px;
height: 70px;
margin-top: 10px;
float: left;
}

#logo a {
position: absolute;
width: 202px;
height: 70px;
display: block;
}

#logo a span {
display: none;
}

#nav {
float: right;
margin-top: 25px;
height: 35px;
text-align: right;
}

#nav_link ul {
    margin-bottom: 5px;
}

#nav_link ul li {
  display: inline;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;

}

#nav_link ul li a {
    font-family:Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    color: white;
}

#nav_link ul li.active {
    background-color: #ff6c00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#nav_alert ul li {
display: inline;
padding-left: 5px;
}

#section_container {
float: left;
width: 670px;
margin-bottom: 20px;
}

#section_container_right {
float: right;
width: 670px;
}

#section_bar1 {
height: 18px;
text-align: right;
background: #1d1d1a;
padding: 3px 10px 0 0;
color: #fff;
}

#section_bar1 a {
text-decoration: underline;
}

#section_bar1 a:hover {
text-decoration: none;
}

#section_bar2 {
height: 21px;
padding: 6px 0 0 0;
}

#section_bar3 {
height: 10px;
}

#sub_nav {
height: 24px;
margin-bottom: 1px;
}

#sub_nav ul li {
float: left;
height: 22px;
margin-right: 1px;
}

#sub_nav ul li a {
border: 1px solid #c9c9c8;
padding: 3px 12px;
display: block;
font-size: 14px;
font-family: helvetica, arial, sans-serif;
font-weight: bold;
color: #838384;
letter-spacing: -1px;
}

#sub_nav .active ul li {
float: left;
height: 24px;
margin-right: 1px;
}

#sub_nav .active a {background: #1d1d1a;
color: #fff;
border: 1px dotted #1d1d1a;
}

.box1_header {background: #eceae1;
height: 18px;
padding: 4px 0 0 9px;
font-weight: bold;}

.box1 {background: #fff;
border: 1px solid #c9c9c8;
padding: 20px;
margin-bottom: 20px;
}

.box2_header {
height: 18px;
padding: 4px 0 0 9px;
font-weight: bold;
}

.box2 {background: #f6f4ee;
border-top: 1px solid #fff;
padding: 10px;
margin-bottom: 10px;
}

.box3_header {background: #191919;
height: 18px;
color: #fff;
padding: 4px 0 0 9px;
font-weight: bold;}

.box3 {background: #f6f4ee;
border-top: 1px solid #fff;
padding: 15px 20px;
margin-bottom: 10px;
font-size: 12px;
}

.box4 {background: #f6f4ee;
border-top: 1px solid #fff;
padding: 20px;
margin-bottom: 10px;
}

.box5 {background: #fff;
border-top: 1px solid #fff;
padding: 10px;
margin-bottom: 10px;
}

.box6 {
border: 1px solid #c9c9c8;
}

.bg1 { background: #000; }
.bg2 { background: #f4fcfe; }
.bg3 { background: #fff; }
.bg4 { background: #f9f7f1; }

.hr 			{ margin-bottom: 10px; border-bottom: 1px solid #c0c0c0; }
.hr_dotted		{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #c0c0c0; }
.hr_dotted2		{ margin-bottom: 10px; border-bottom: 1px dotted #c0c0c0; }

.padtop 		{ margin-top: 10px; }
.padtop2 		{ margin-top: 20px; }
.pad-right 		{ padding-right: 10px; }
.pad-left       { padding-left: 20px; }
.pad-bottom     { padding-bottom: 10px; }
.pad1 			{ padding: 5px 0; }
.pad2			{ padding: 10px 5px 5px 5px; margin-bottom: 10px; }
.pad3			{ padding: 10px; }

.float-left	 { float: left; }
.float-right { float: right; }
.middle { vertical-align: middle; }
.justify { text-align: justify; }
.top { padding: 8px 15px 5px 0px; text-align: right; }
.details { text-align: right; }
.hide { display: none; }
.show { display: block; }
.inline { display: inline; }

.color1 { color: #2e2e2e; }
.color2 { color: #005073; }
.color3 { color: #d16900; }
.color4 { color: #854200; }
.color5 { color: #0087bf; }
.color6 { color: #fff; }
.color7 { color: #850000; }
.color8 { color: #969696; }

.feature 	{ border-bottom: 1px dotted #c0c0c0; padding-bottom: 10px; margin-bottom: 10px; }
.feature a 	{ text-align: right; }

.hubble_shadow {background: url(images/hubble_shadow.gif) no-repeat left top;
filter:alpha(opacity=30);
opacity:0.3;
-moz-opacity:0.3;
width:217px;
height:118px;
z-index: -1;
margin-left: 25px;
margin-top: 15px;
}

.hubble_bubble {background: url(images/hubble.gif) no-repeat left top;
width:227px;
height:120px;
position: absolute;
top:0;
left:0;
}

.hubble_content {background: transparent;
padding: 10px 10px 8px 25px;
width: 180px;
height: 90px;
}

.hubble_content .weight1 {
font-weight: bold;
}

.hubble_content .weight2 {
font-weight: bold;
font-size: 12px;
}

.widget_side_mini {background: url(images/bg_side_mini.gif) no-repeat;
padding-top: 20px;
height: 210px;
width: 290px;
text-align: center;
margin-bottom: 10px;
}

.widget_side_mini img {
height: 120px;
margin-bottom: 4px;
}

.widget_side_mini_home {background: url(images/bg_side_mini.gif) no-repeat;
padding-top: 20px;
height: 180px;
width: 290px;
text-align: center;
margin-bottom: 10px;
}

.widget_side_mini_home img {
height: 120px;
margin-bottom: 4px;
}

#profile_action {
text-align: right;
padding-top: 7px;
font-weight: bold;
}

#benefits_mini {
margin-top: 9px;
margin-bottom: 10px;
border-top: 1px solid #c0c0c0;
padding: 10px 0 0 0;
}

#benefits_mini span {
font-weight: bold;
}

.benefits_mini_pic {
float: left;
margin-right: 10px;
margin-bottom: 5px;
height: 60px;
}

.benefits_mini_desc {
clear: both;
margin-bottom: 10px;
}

.widget_img {
width: 290px;
height: 212px;
background: url(images/widget_img.gif) no-repeat;
text-align: center;
overflow: hidden;
}

.widget_img_body {
margin-top: 18px;
height: 146px;
}

.widget_img img {
margin: 2px;
}

.widget_img h1 {
margin: 0;
padding: 0;
text-align: center;
font: 11pt Arial;
font-weight: bold;
}

.widget_img_footer {
margin-top: 8px;
height: 50px;
}

.widget_img h2 {
margin: 0;
padding: 0;
font: 9pt Arial;
font-weight: bold;
text-align: center;
}

.widget_img h2 a {
color: #7b7a79;
}

#home_mini {
height: 70px;
}

.home_mini_pic {
float: left;
margin-right: 10px;
padding-bottom: 7px;
}

#results .profile {
float: left;
padding: 0 7px 12px 0;
width:160px;
}

#results .profile img {
margin-bottom: 2px;
}

#pagination {
clear: both;
padding: 20px 0 20px 0;
text-align: center;
width: 670px;
}

#pagination li {
display: inline;
margin-right: 6px;
}

.previous {
padding-right: 15px;
}

.next {
padding-left: 15px;
}

#pagination_top {
clear: both;
padding: 0px 0 10px 0;
text-align: center;
width: 670px;
}

#pagination_top li {
display: inline;
list-style-type: none;
margin-right: 6px;
}

.container_footer {
clear: both;
}

.container_footer a {
display: inline-block;
width: 193px;
text-align: center;
padding-top: 10px;
font-size: larger;
}

.container_footer h1, .container_footer h3 {
font-size: 18px;
text-align: center;
padding-top:1em;
}

.footer {
clear: both;
height: 87px;
background: #c0c0c0;
width: 100%;
margin: 0 auto;
text-align: right;
}

.footer_align {
margin: 0 auto;
width: 980px;
text-align: right;
}

.footer ul {
padding: 20px 0 0 0 ;
}

.footer ul li {
display: inline;
padding-left: 5px;
}

.footer a {
color: #2e2e2e;
}

#copyright {
padding: 3px 0 0 0;
}

.widget_container {
float: right;
width: 290px;
}

.widget_container_left {
float: left;
width: 290px;
}

.widget_banner {
padding-bottom: 10px;
}

.widget_title1, .widget_title2 {
height: 18px;
padding: 3px 0 0 10px;
margin-bottom: 10px;
font-weight: bold;
}

.widget_title1 {
background: #eceae1;
}

.widget_title2 {
background: #eceae1;
}

.widget_title3 {background: #eceae1;
height: 18px;
padding: 3px 0 0 10px;
margin-bottom: 0px;
font-weight: bold;
}

.widget_footer {background: url(images/hr_1.gif) top no-repeat;
margin-top: 10px;
padding: 8px 0;
text-align: right;
width: 290px;
}

#widget_mini img {
padding-bottom: 7px;
}

.bookmark_profile {
float: left;
margin-right: 7px;
margin-bottom: 10px;
width: 104px;
}

.bookmark_profile img {
margin-bottom: 3px;
vertical-align: top;
width: 104px;
height: 78px
}

.bookmark_profile a {
color: #0087bf;
}

.bookmark_nopic {background:#fff;
height:52px;
padding: 24px 10px 0 10px;
width:82px;
border:1px solid #838384;
margin-bottom: 3px;
text-align: center;
}

.bookmark_deleted {background:#fff;
height:59px;
padding: 17px 10px 0 10px;
width:82px;
border:1px solid #838384;
margin-bottom: 3px;
text-align: center;
color: #838384;
}

.bookmark_nopic, .bookmark_deleted a {
cursor: hand;
color: #838384;
}

.bookmark_nopic, .bookmark_deleted a:hover {
cursor: hand;
text-decoration: none;
}

#promotions {
font-size: 12px;
}

.y_highlight {
	background-color: yellow;
}

#im {
color: #b7b7b7;
}

#im ul {
padding-top: 4px;
}

#im li {
margin: 0px;
padding-bottom: 5px;
}

#camzSchedule .left {
width: 130px;
float: left;
}

#camzSchedule .right {
display: inline;
}

.chatter{
width: 600px;
}

#naughty_tale .tale_container{
width: 100px;
float: left;
}

#naughty_tale .tale_subject_container{
width: 220px;
float: left;
}

#naughty_tale_view .tale_container{
width: 150px;
float: left;
}

#naughty_tale_view .tale_subject_container{
width: 300px;
float: left;
}

#naughty_tale_view .tale_digit_container{
width: 385px;
text-align: right;
float: left;
}

#naughty_tale_view .tale_more_container{
width: 535px;
text-align: right;
}

#image_upload .photoalbum {
margin: 0 auto;
width: 600px;
}

.album_image {
float: left;
padding: 0 2px 10px 3px;
}

#view_video .story_body {background: #f6f4ee;
border-left: 1px solid #c9c9c8;
border-right: 1px solid #c9c9c8;
clear: both;
padding: 10px 15px 10px 15px;
height: 100%;
text-align: left;
}

.header_input {
margin-top: -3px;
}

.widget_input {
margin-bottom: 0px;
width: 250px;
}

.ajax_edit_submit {
font: 10px Arial, sans-serif;
}

/* Banner Advertisement */

#bottom_ad_box {
  width: 940px;
  margin: 0 auto;
  padding: 10px 20px 20px 20px;
  text-align: center;
  border: 1px solid #c9c9c8;
  margin-bottom: 10px;
}

#bottom_ad {
  border:0px;
  width: 728px;
  height: 90px;
  background: #eee;
}

#right_ad_box {
width: 250px;
padding: 10px 20px 20px 20px;
text-align: center;
border: 1px solid #c9c9c8;
margin-bottom: 10px;
}

#right_ad { border: 0px; padding: 0px; width: 250px; height: 250px;}
.trackit { border:0px; width: 1px; height: 1px; }
.chat_feed { width:160px; height:120px; border:0px; margin:0px; }

/* Quick Search */
.question { border-bottom:1px dotted #C0C0C0; margin-bottom:10px; padding-bottom:10px; }
.shadowed {}
.rounded {-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
#quick_search { margin-bottom: 17px; padding: 10px 0; border: 1px solid #aeaeae; background: url(images/bg_search_top.png) repeat-x; }
#quick_search h1 { font-size: 16px; font-weight: bold; padding: 0 0 10px 10px; }
#quick_search h3 { background: url(images/bg_search_mid.png) #dcdcdc repeat-x; font-family: arial, helvetica, sans-serif; letter-spacing: 0; font-size: 12px; margin: 0; line-height: 1; padding: 8px 10px; border-bottom: 1px solid #828282; border-top: 1px solid #fff; border-left: 1px solid #fff; width: 267px; height: 12px; cursor:pointer; cursor:hand;}
#quick_search .h_left, #quick_search .h_left_s { float: left; width: 200px; }
#quick_search .h_left .arrow { display: inline-block; width: 19px; height: 11px; background: url(images/icon_right.png) no-repeat 0 0; }
#quick_search .h_left .arrow.down { width: 19px; background: url(images/icon_down.png) no-repeat 0 0; }
#quick_search .h_right { float: left; text-align: right; width: 67px; }
#quick_search h3 a { color: #222; text-decoration: none; }
#quick_search h3 span { font-style: italic; color: #999; }
#quick_search label { padding-right: 4px;}

#quick_search #accordion { border-top: 1px solid #a7a7a7; }
#quick_search .drawer { padding: 4px 0 8px 10px; font-weight: bold; background: url(images/bg_search_bottom.png) #d1d1d1 repeat-x; border-bottom: 1px solid #828282; }
#quick_search .drawer li { padding: 0px; }
#quick_search ul.has_media { font-size: 12px; }
#quick_search .has_media li { display: inline; padding-right: 15px; }

#quick_search .selection { padding-left: 10px; margin-bottom: 8px; }
#quick_search .selection .age_min { float: left; margin-right: 10px; }
#quick_search .selection .age_max { float: left; }
#quick_search .selection select { width: 55px; font-weight: bold; }
#quick_search .submit_button input { font-size: 14px; width: 150px; height: 28px; }
#quick_search .location_box { padding-bottom: 13px; }
#quick_search .location_box input.text { font-size: 13px; width: 264px; height: 18px; }
#quick_search input { outline: none; }
#quick_search input.text:focus, #quick_search select:focus { border: 1px solid #333; }
#quick_search .field_alert, #quick_search .field_alert_static { display: none; position: absolute; background: url(images/bg_alert.png) no-repeat; height: 41px; width: 300px; padding: 14px 10px 0 50px; text-align: left; }
#quick_search .valid_alert { background: url(images/icon_success.png) no-repeat 5px 10px; }

#container #register_popup { display: none; width: 625px; }

/* jGrowl Colours */
div.jGrowl div.jGrowl-notification {
  border: 10px solid #ff6c00;
  background: #f6f4ee !important;
  color: #2e2e2e !important;
}

div.jGrowl img {
  border: 1px solid #9c9c9c;
  float: left;
  margin: 0 10px 0 0;
}

div.jGrowl h5 {
  color: #df3400;
}
.status {
    z-index: 500;
    position: relative;
    left: 0;
    top: 18px;
    width: 30px;
    height: 17px;
    text-indent: -9999px;
}

.mini_profile .isonline {
    background: transparent url(images/controls_results.png) no-repeat 0 -112px;
    height: 100%;
}

/* abuse form */
#abuse { margin: 0 0 0 10px; overflow: hidden;}
#abuse label { clear: both; float: left; margin: 5px 0 5px 5px;}
#abuse label input { margin: 0 10px 0 0;}
#abuse input[type="submit"] {clear:both; float: left; margin: 10px 0;}