* { 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 -87px;
}

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

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

#logo a {
position: absolute;
width: 300px;
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: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;

}

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

#nav_link ul li.active {
    background-color: #69be00;
    -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: #363635;
padding: 3px 10px 0 0;
color: #fff;
}

#section_bar1 a {
color: #fff;
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;
}

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

#sub_nav ul li a {
padding: 6px 12px;
display: block;
font-size: 12px;
font-weight: bold;
}

#sub_nav .active a {background: #363635;
color: #fff;
}

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

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

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

.box2 {
border: 1px solid #dadada;
padding: 10px;
margin-bottom: 10px;
}

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

.box3 {
border: 1px solid #dadada;
padding: 15px 20px;
margin-bottom: 10px;
}

.box4 {
border: 1px solid #dadada;
padding: 20px;
margin-bottom: 10px;
}

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

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

.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: 6px 15px 5px 0px; text-align: right; }

.details { text-align: right; color: #838384; }
.hide { display: none; }
.show { display: block; }
.inline { display: inline; }

.color1 {  }
.color2 { color: #005073; }
.color3 { color: #3b8522; }
.color4 { color: #854200; }
.color5 { color: #0087bf; }
.color6 { color: #fff; }
.color7 { color: #850000; }
.color8 { color: #8a8a8a; }

.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;
}

.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;
}

.footer, .container_footer {
clear: both;
height: 87px;
}

.footer {
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;
color: #424242;
font-weight: bold;
}

.widget_title1 {
background: #dadada;
}

.widget_title2 {
background: #dadada;
}

.widget_title3 {background: #dadada;
height: 18px;
padding: 3px 0 0 10px;
margin-bottom: 0px;
color: #424242;
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 {
letter-spacing: -1px;
}

.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;
}

.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: #f7f7f7;
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 #69be00;
  background: #fff !important;
  color: #424242 !important;
}

div.jGrowl img {
  float: left;
  margin: 0 10px 0 0;
}

div.jGrowl h5 {
  color: #b20c0c;
}

/* 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;}


.im-live .amount_col2 label{ display: block; font-size: 12px; font-weight: bold; line-height: 1; margin-bottom: 10px; }
.im-live .amount_col3 h2 em{ color: #2e2e2e; font-style: normal;}
.im-live .amount_col3 h2 span{ color: red; font-size: 11px; text-decoration: line-through;}
.im-live .amount_col3 h2 span strong{ color: #2e2e2e;}
.im-live #im-live{color: #2e2e2e; float: left; width: 302px; padding: 10px; text-align: center; }
.im-live #im-live div{ background: url('images/imlive_logo.png') no-repeat; height: 140px; width: 169px; margin: 80px auto 0 auto;}
.im-live #im-live h2{ font-size: 20px; text-transform: uppercase;}
.im-live #im-live h3{ font-size: 14px;}

#signup-success {margin: 20px;}
#signup-success h2{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 24px; text-align: center; padding: 20px 0; margin: 20px 0 40px 0;}
#signup-success h3{font-size: 16px; letter-spacing: normal; margin-bottom: 20px;}
#signup-success h3 strong{color: #69be00;}
#signup-success li{font-size: 14px; line-height: 1.5;}
#signup-success li strong{color: #333; font-weight: bold;}
#signup-success li strong:after{content: ' - '}
#signup-success li:before{color: #69be00; content: '\2713'; margin-right: 10px; font-weight: bold; text-shadow: 1px 1px 1px #c0c0c0;}

/* get featured banner */
#get-featured-today .featured-icon, #get-featured .featured-icon { position: relative; }
#get-featured .featured-icon { background: url('images/icon_featured.gif') no-repeat; }
#get-featured { background: #363635; border: 1px solid #69be00; border-radius: 5px; padding: 10px; margin: 0 0 10px 0; overflow: hidden;}
#get-featured h3 {color: #fff; font-size: 15px; text-transform: capitalize;}
#get-featured span {float: left;}
#get-featured p {color: #fff; font-size: 13px;}
#get-featured a {display: block; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #fff; background: #69be00; padding: 5px; float: right; border-radius: 5px;}
img[alt="Featured Member"]{ margin-right: 5px;}

#get-featured-today { margin: 20px 0;}
#get-featured-today .column { float: left; width: 450px; margin: 0 20px 20px 20px; overflow: hidden;}
#get-featured-today .column h2 {font-size: 16px; margin: 0 0 20px 0; }
#get-featured-today .column h2 span {float: left; margin: 0 5px 0 0; }
#get-featured-today .column div { background: #e7e7e7; background-image: -moz-linear-gradient(#fff, #e7e7e7); background-image: -webkit-linear-gradient(#fff, #e7e7e7); border: 1px solid #ccc; border-radius: 5px; padding: 10px; height: 280px;}
#get-featured-today .column div h3 {margin: 10px 0; line-height: 1.5;}
#get-featured-today .column div div { background-image: none; border: 1px solid #ccc; width: 410px; height: 180px; margin: 0 0 0 -2px;}
#get-featured-today .column p { font-size: 14px;}
#get-featured-today .column .one { background: url('images/get_featured/column_1.png') no-repeat; }
#get-featured-today .column .two { background: url('images/get_featured/column_2.png') no-repeat; }
#get-featured-today .column .three { background: url('images/get_featured/column_3.png') no-repeat; }
#get-featured-today .column .four { background: url('images/get_featured/column_4.png') no-repeat; }
#get-featured-today .get-featured-now{ border-bottom: 1px solid #ccc;}
.get-featured-now { margin: 20px 0; clear: both; display: block; padding: 20px; position: relative;}
.get-featured-now h2 { color: #69be00; font-size: 20px; }
.get-featured-now h2 em{ color: #424242; text-transform: uppercase;}
.get-featured-now p { font-size: 14px;}
.get-featured-now input[type="submit"] { background: #69be00; border: 1px solid #000; border-radius: 5px; color: #fff; cursor: pointer; display: block; font-size: 18px; font-weight: bold; padding: 10px; position: absolute; right: 20px; top: 15px; width: 220px; text-align: center;}

/* featured members highlights */
.profile.featured{position: relative;}
.profile.featured .featured-icon{right: 0; top: 121px;}
.featured-icon{ background: url('images/icon_featured.gif') no-repeat; display: block; height: 16px; width: 27px; position: absolute; }
.featured .pic, #inbox .featured .username, #profile_list.list .profile_details.featured {position: relative;}
.pic .featured-icon{ right: 0px; bottom: -27px;}
#inbox .featured .username .featured-icon{ position: relative; margin: 6px 0 0 10px; display: inline-block;}
#profile_list.stacked .featured-icon{ margin: 2px 0 0 10px; display: inline-block; *display: inline; vertical-align: middle; *vertical-align: auto;}
#profile_list.list .featured-icon{right: 6px; bottom: 16px}
.sender_name .featured-icon{ display: inline-block; position: relative; *display: inline; vertical-align: middle; *vertical-align: auto; margin: -4px 0 0 5px;}
.item_container_1 { position: relative; }
.related_video_thumbnail { position: relative; }
.related_video_thumbnail .featured-icon { bottom: 5px; left: 90px; }



/* tigits modal */
.tigits { overflow: hidden; }
.tigits .header { font-size: 16px; text-align: center; }
.tigits ul { padding: 10px 20px 20px 20px; width: 360px; margin: 0 auto; overflow: hidden; }
.tigits li { float: left; padding: 20px; }
.tigits button { float: right; clear: both; display: block; }
.tigits .button { width: 140px; font-size: 12px; font-weight: bold; background: #69be00; border: 1px solid #424242; border-radius: 5px; color: #fff; cursor: pointer;  padding: 10px; text-align: center;}
.tigits .button:hover { background: #424242; color: #fff }
.tigitlink{ background: transparent; border: none;color: #b20c0c; cursor: pointer; display: block; }
.tigitlink:hover{ text-decoration: underline;}


