html,body {	
	height: 100%;
	margin: 0;
	padding: 0;
}

html { height: 100%; }
a { cursor: pointer; }
a:link { color: #000;}
a:visited { color: #000; }

#menu a:link {
text-decoaration: none;
color: #fff;
}

#menu a:visited {
text-decoration: none;
color: #fff;
}

#menu a:active {
color: #f00;
}

#menu a:hover {
color: #fff;
text-decoration: underline;
}

html {
	background-color: #000;
}

body {
	background-color: #000;
	height: 100%;
	background-image: url(../../images/babechat/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	}

/* ---- IFRAME--- */

#carousel_iframe {
	background-color: #fff;
	background-image: url(../../images/zoobloggers/blank.png);
	margin: 0;
}

#carousel_iframe table {
	color: #fff;
}
.carousel {
	width: 179px;
	float: left;
	background-color: #3b1f2e;
	padding: 2px 0 0 2px;
	margin: 2px;
}

.carousel_loading {
	display: none;
	position: absolute;
	width: 176px;
	height: 144px;
	padding: 2px 0 0 2px;
	margin: 2px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

.carousel_loading img {
	position: absolute;
    top: 65px;
    left: 83px;
}

.nametext {
	color:#FFFFFF;
	display:block;
	font-family:tahoma;
	font-size:0.85em;
	font-weight:bold;
	margin:6px 0 0 2px;
	padding:5px 2px;
	text-align:left;
}

.status {
	float: right;
	margin: 0 2px 2px 0;
}

#container {}

#content {
	background-color: #fff;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	}


td {
	vertical-align: middle;
}



input {
	color:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ccc;
	padding-top:1px solid #fff;
	font-size:x-small;
	padding:4px 8px;
	vertical-align:top;
	cursor:pointer;
}


select {
	color:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ccc;
	padding-top:1px solid #fff;
	font-size:x-small;
	padding:4px 8px;
	vertical-align:top;
	cursor:pointer;
}

input.submit {
	background-color:#e6e6e6;
}

input:hover {
	background-color:#d5d5d5;
}
	

/* ---------BANNER ---------- */

#advert {
                margin: 3px 10px 0 10px;
                width: 770px;
                height: 230px;
}
                
#advert_bullets {
	position: absolute;
	z-index: 15;
	margin: -5px 0 -10px 127px;
	!margin: 5px 0 -10px 125px;
	font-size: 1.462em; /* 32px */
	line-height: 1.30em;
	margin-bottom: 15px;
	letter-spacing: 0.01em;
	font-weight: 600;
	color: #000;
}
#advert_bullets_shadow {
	position: absolute;
	z-index: 14;
	margin: -3px 0 -10px 129px;
	!margin: 7px 0 -10px 127px;
	font-size: 1.462em; /* 32px */
	line-height: 1.30em;
	margin-bottom: 15px;
	letter-spacing: 0.01em;
	font-weight: 600;
	color: #fff;
}

#advert_bullets li{
	list-style-image: url(../../images/babechat/dot.gif);
}

#advert_bullets_shadow li {
	list-style: none;	
}

#advert_bullets_1 { margin: 0 0 0 -20px;}
#advert_bullets_2 { margin: 0 0 0 -40px;}
#advert_bullets_3 { margin: 0 0 0 -60px;}
#advert_bullets_4 { margin: 0 0 0 -80px;}

#banner {
	width: 770px;
	margin: 0 auto;
	height: 108px;
	background-repeat: no-repeat;
	background-color: #fff;
	}



#bannerloggedin {
	width: 770px;
	margin: 0 auto;
	height: 108px;	
	background-image: url(../../images/babechat/headerlogin.jpg);
}

#page_text {
	padding: 10px;
}

#page_text h2 {
        background-color: #d0bebd;
	padding: 6px;
}

#login {
	margin: -42px 0 0 20px;
	!margin: -64px 0 0 20px;
	z-index: 5;
	text-align: left;
	}

#loggedin {
	margin: -35px 0 0 20px;
	text-align: left;
	width: 375px;
}

#menu {
	width: 770px;
	height: 28px;
	!height: 28px;
	background-image: url(../../images/babechat/header.png);
	background-repeat: x-repeat;
	background-position: bottom left;
	color: #fff;
	padding: 2px 0 5px 0;
	font-size: 10pt;
	}

#menu ul {
	display: inline;
	}

#menu ul li {
	display: inline;
	padding: 0 35px;
	border-left: 1px solid #fff;
	}

#menu ul li.first_menu {
	border-left: none;
	}
	

/* --------------Main page ---------*/

#description {
	 width: 200px;
	 margin: 4px;
	 font-size: 115%;
	 color: #3f3f3f;
	 font-weight: 500;
        fo
	
}
 
#description h2, #description h1 {
	 font-size: 0.8em;
	 padding: 0 0 0 5px;
}

#description p {
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 0 0 0 5px;
}

#description ul {
	width: 170px;
	padding: 0 0 0 5px;
}

#description li {
	color: #444;
	margin: 0 0 8px 0px;
	font-size: 0.85em;
	line-height: 1.1em;
	padding: 0 0 6px 35px;
	list-style-type: none;
	background: url(../../images/luxproject/star.png) 0px 0px no-repeat;
}

#page {}

#advert {

    margin: 3px 10px -12px 10px;
    width: 770px;
    height: 250px;
    z-index: 15;

    }

#profiles {
	float: left;
	color: #fff;
	width: 557px;
	background-color: #fff;
	position: relative;
	}

#profiles table {
	color: #fff;
}

#chat {
	text-align: center;
	background-color: #000;
}

#chatheader {
	font-size: 16pt;
	float: left;	
}

#status {
	float: right;
}

/* ----------------- Footer ---------------- */

#footer {
	border-top: solid 1px #999;
	font-size: 8pt;
	text-align: center;
	padding: 3px;
	}

#footer_tac {
	text-align: center;
	font-size: 7pt;
}

#footer_nav {}

.clear {
	clear: both;
	}

	
#advert_3g {
	width: 770px;
	height: 250px;
	background-image: url(../../images/babechat/3g.png);
	}

/*-------- Sidebar -------*/

#sidebar {
	float: left;
	width: 208px;
	background-color: #fff;
	height: 100%;
	}

#preview {
	margin: 4px;
	background-color: #d4d4d4;
	}

#mobile {
	margin: 10px 4px;
	}


#side_gallery{
	text-align: center;
	padding-bottom: 7px;
}

#side_gallery img{
	padding: 7px 3px 2px 3px;
}


/* ------- Profile page ----*/

#profile {
	 float: left;
	 width: 500px;
	 margin: 7px 10px 10px 10px;
	 _margin: 7px 0 10px 5px;
	 padding: 20px;
	 _padding: 10px;
	 -moz-border-radius: 8px;
	 -webkit-border-radius: 8px;
	 border: 1px solid #6E0024;
 }
	
#profile_blurb {
	float: left;
	width: 230px;
	padding: 0 20px 0 0;
}


#profile_blurb img {
	padding: 0 0 0 80px;
}


#profile_info {
	float: right;
	width: 240px;
	margin: 0 0 20px 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: solid 1px #ffc1d5;
	!padding: 10px 0 0 0;
	}


/*
	#username {
		font-size: 12pt;
		font-weight: normal;
	}
*/

#gallery {
	float: left;
	width: 522px;
	padding-top: 15px;
	}

#sidebar_profile {
	float: left;
	width: 208px;
	height: 100%;
	}	
	
#mobile_profile {
	height: 133px;
	width: 202px;
	background-image: url(../../images/luxproject/mobile_profile.png);
	margin: 4px;
	}

#extension {
    padding: 110px 0 0 50px;
    color: #000;
	text-decoration: none;
}

ul#tabnav { 
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #00A1DD;
	list-style-type: none;
	padding: 3px 0px 3px 0px; 
width: 507px;
!width: 513px;
}

ul#tabnav li { 
	display: inline;
}

ul#tabnav li a { 
	padding: 3px 3px 3px 2px; 
	border: 1px solid #00A1DD; 
	background-color: #aae8ff; 
	color: #666; 
	text-decoration: none;
	border-bottom: none;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px; 
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px; 
}

ul#tabnav li a.selected { 
	padding: 3px 4px; 
	border: 1px solid #00A1DD; 
	background-color: #ffffff;
	border-bottom: 1px solid #fff;
	color: #666; 
	margin-right: 0px; 
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px; 
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px; 
}

ul#tabnav a:hover { 
	background: #fff;
	cursor: pointer;
}

.tab4 img, .tab3 img, .tab2 img, .tab1 img {
	border: 0;
	padding: 5px 5px 0 0;
	!padding: -0 5px 0 0;
	margin: 0 0 0 0;
}

.payment_div {
	width: 475px;
	border: 1px solid #00A1DD; 
	border-top: none;
	padding: 5px 15px 15px 15px;
	!padding: 15px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px; 
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px; 
	margin: 0 0 0 0;
}

.payment_div span {
	color: #00a70c;
}

.payment_div span.head_text {
	color: #000;
	font-size: 15pt;
}

.payment_div h2 {
	font-size: 2em;
}

#sms_payment_div, #cc_payment_div, #threeg_payment_div {
	display: none;
}

#check_login_message {
	display: none;
	width: 470px;
	height: 20px;
	padding: 5px 0 0 0;
	margin: 10px 0px 0px 0px;
	vertical-align: middle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	vertical-align: middle;
	background-color: #ffd6d6;
	border: 1px solid #ff3f3f;
	text-align: center;
}

/*----WALLET PAGE -----*/



#wallet {
	padding: 20px;
	}
	

#wallet h1 {
	font-size: 16pt;
	font-weight: normal;
	text-decoration: underline;
	}

#transactionHistory {
	background-color: #e9d6d5;
	border-collapse: collapse;
	border-color: #fff;
}

#transactionHistory th {
	background-color: #d0bebd;
}

#chatHistory {
	background-color: #e9d6d5;
	border-collapse: collapse;
	border-color: #fff;
}

#chatHistory th {
	background-color: #d0bebd;
}

#special {
	font-size: 12pt;
	font-weight: 500;
	font-style: italic;
}

/*---- Error & Info  -----*/

#error, #info, #error_temp, #info_temp {
	vertical-align : middle; 
	/* display : table-cell; */
	background-position: 3px 3px;
	background-repeat: no-repeat;
	padding:0 0 0 70px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 535px;
	margin: 0 auto;
}

#error_temp, #info_temp {
	display:none;
}

#notification {
	width: 650px;
	margin: 10px auto 10px auto;
}

#info h1, #error h1, #info_temp h1, #error_temp h1 {
	font-size: 12pt;
	font-weight: 400;
}

#settings {
	width: 538px;
	height: 280px;
	margin: 10px auto;
}

#settings_text {
	width: 514px;
	margin: 10px auto;
}

#info, #info_temp {	
	background-image: url(../../images/babechat/info.png); 
	background-color: #dbd6ff;
	border: 1px solid #433efc;
}

#error, #error_temp { 
	background-image: url(../../images/babechat/error.png); 
	background-color: #ffd6d6;
	border: 1px solid #ff3f3f;
}

/*------- Register page  -------*/

#preverify_message {
	display: none;
	width: 260px;
	height: 20px;
	padding: 5px 0 0 0;
	margin: 10px 0px 0px 0px;
	vertical-align: middle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	vertical-align: middle;
	background-color: #ffd6d6;
	border: 1px solid #ff3f3f;
	text-align: center;
}

#register_box {
	text-align: center;
	float: left;
	margin: 40px 10px 40px 40px;
	width: 280px;
	_width: 250px;
	border: 1px solid #555;
	padding: 10px 10px 5px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 420px;
	background: #eee url(../../images/babechat/credit-cards-bc.png) no-repeat center 300px; 
}

#register_signin {
	text-align: center;
	float: right;
	margin: 40px 40px 30px 10px;
	width: 280px;
	_width: 250px;
	border: 1px solid #555;
	padding: 10px 10px 5px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #eee;
}

#register_box table, #register_signin table {
	text-align: left;
	width: 260px;
}

#tandccheck {
	text-align: right;
}

.right_td {
	text-align: right;
}

#forgot_password {
	font-size: 0.8em;
}

.input_button {
	margin: 10px 0 0 0;
}

.input_button {
	background-color:#6edf71;
}

.input_button:hover {
	background-color:#3f3;
}

#register_signin h3, #register_box h3 {
	margin: 0 0 15px 0;
	color: #440000;
	
}

#clickandbuylogos {
	margin: 10px 0 20px 50px;
}

.centre {
	margin: 0 auto;
	width: 280px;
}

#registered_login h4 {
	display:inline;
	margin: 0 0 0 186px;
}

#clickandbuy_logo:hover { background-position: 0 -78px;}
#clickandbuy_logo span {	display: none;	}

/*--------------Reminder Page-----------*/

#reminder_box {
	text-align: center;
	margin: 40px auto 40px 200px;
	width: 280px;
	_width: 250px;
	border: 1px solid #555;
	padding: 10px 10px 5px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #eee;
}

/*---------------3g---------------------*/


#three_g {
	text-align: center;
}

#instructions {
	background-color: #000;
	margin: 10px;
}

#instructions_logo {
	margin: 20px 0 0 20px;
}

#instructions_mid {
	float: left;
	}
#instructions_right {
	width: 183px;
	height: 100%;
	padding: 0 30px 0 0;
	background-color: #000;
	float: right;
	color: #fff;
	}

	
#instructions_text {
	display:block;
	width: 490px;
	font-size: 12pt;
	text-align: right;
	padding: 20px 33px 0 10px;
	color: #fff;
	}

#instructions_text ul {
	text-align: left;
	margin: 10px 0 20px 200px;
}

#instructions_number {
	display:block;
	background-image: url(../../images/luxproject/banner_number.png);
	width: 513px;
	height: 132px;
	}
	
/* -------------------- INSTRUCTION PAGEs --------------- */


div#help_container {
	margin-left: auto; 
	margin-right: auto;
	width: 770px;
} 

div#help_content {
	margin-top: 0;
	background-color: #fff;
}

#help_phone {
	margin: 20px 0 0 0;
	float: right;
	width: 250px;
}

#help_text {
	margin: 20px 0 0 0;
	float:left;
	width: 480px;
	text-align:left;
	padding: 0 0 0 30px;
}

#help_back {
	text-align: left;
	padding: 130px 0 20px 0;
}


/* ------------- My Account --------------*/ 

    #tabsH {
      float:left;
      width:100%;
      font-size:73%;
      line-height:normal;
      border-bottom: 1px solid #666;
      }
    #tabsH ul {
	  margin:0;
	  padding:10px 10px 0 20px;
	  list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url(../../images/babechat/tableftH.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url(../../images/babechat/tabrightH.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }


/*------- Change password ------------*/

#account {
	 margin: 30px auto 30px auto;
	 padding: 10px 0 0 10px;
	 width: 350px;
	 border: 1px solid #555;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 background-color: #eee;
 }
	
#account_text {
	 margin: 20px 0 0 230px;
	 width: 500px;
}

#account_card {
padding: 0 0 0 70px;
}

#account table {
width: 100%;
text-align: left;
padding: 0 15px 10px 0;
}

#account table input {
width: 150px;
margin: 0 0 0 30px;
}

/* --------- Contact Us ------------- */

#contact_us {
	margin: 30px auto 30px auto;
	padding: 10px 0 0 10px;
	width: 400px;
	border: 1px solid #555;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #eee;
}

/* ----------- BILLING PAGES ------------- */

#billing h3{
padding: 5px;
font-size: 1.5em;
font-weight: normal;
}

#billing img {
	width: 282px;
	float: left;
	margin: 15px;
}


#billing_refresh {
	font-style: italic;
}

#billing_code, #billing_shortcode {
font-weight: bold;
font-size: 2.5em;
}

#billing_info {
float: left;
width: 400px;
	padding: 5px 15px 5px 5px;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ddd;
	font-size: 1.4em;
	}

#billing_info img {
	float: left;
	width: 70px;
margin-right: 15px;
}

#billing_price {
margin: 15px; 
}

/*----------------------------------------------- POPUP -----*/

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

.white_content {
	display: none;
	position: absolute;
	top: 15%;
	left: 21%;
	width: 500px;
	!width: 610px;
	height: 390px;
	!height: 390px;
	background-color: #fff;
	z-index:1002;
	overflow: auto;
	border: 1px solid #000;
	padding: 10px 15px 5px 20px;
	!padding: 10px 30px 10px 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow-x: hidden;
}


.white_content h2, .white_content h1{
	color: #333;
}

.white_content ul {
	color: #000;
}


#popup_close {
	width: 100%;
	text-align: right;
	margin:-10px 0 5px 0;
	padding: 1px;
}

#popup_close a, #popup_close:visited  {
	text-decoration: none;
	color: #7f7f7f;
}