@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}

body, td, th, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body {
  text-align: center;
	background: url('/images/body_bg.jpg') repeat-x #655963;
}

img {
	border: 0px;
}

table {
  border-collapse: collapse;
  border: 0px;
}

input, textarea, select {
  border: 1px solid #A5ACB2;
  padding: 2px 5px;
  font-size: 12px;
}

a {
  outline-color:invert;
  outline-style:none;
  outline-width:medium;
}

a{
  outline: none;
}

.checkbox { 
  border: 0px;
}

.cb { 
  cursor: pointer;
}

/***** STRUCTURE *****/

#wrapper {
  width: 980px;
  margin: 0px auto;
  text-align: left;
}

#header {
  position: relative; 
  width: 100%;
  height: 330px;
  margin: 0px auto 5px auto;
  background-repeat: no-repeat;
}

#header_profile {
  position: relative; 
  width: 100%;
  height: 170px;
  margin: 0px auto 5px auto;
  background-repeat: no-repeat;
}


#content {
  width: 740px;
  float: left;
}

#content_profile {
  width: 980px;
  float: left;
}

#sidebar {
  width: 240px;
  float: left;
}

/***** DISCLAIMER *****/

.disclaimer_bg {
  background-color: #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  -moz-opacity: 0.88;
  opacity: 0.88;
  filter: alpha(opacity=88);
  top: 0px;
  left: 0px;
}
.disclaimer_content {
  background-color: #ffffff;
  border: 5px solid black;
  padding-bottom: 13px;
  width: 800px;
  margin: auto;
  position: relative;
  text-align: center;
}
.disclaimer_wrapper {
  z-index: 20;
  position: absolute;
  top: 50px;
  left: 0px;
  text-align: center;
  width: 100%;
}

/***** HEADER *****/

.logo_hoover {
  position: absolute;
  top: 38px;
  left: 37px;
  width: 245px;
  height: 92px;
  cursor: pointer;
}
.direct_access {
  position: absolute;
  top: 222px;
  right: 22px;
  width: 360px;
  height: 100px;
}

.direct_access_profile {
  position: absolute;
  top: 52px;
  right: 22px;
  width: 360px;
  height: 100px;
}
.direct_access input,.direct_access_profile input {
  position: absolute;
  top: 64px;
  left: 150px;
  width: 122px;
  height: 16px;
  padding-top: 4px;
}
.direct_access a,.direct_access_profile a{
  position: absolute;
  top: 65px;
  left: 291px;
  display:block;
	width:58px;
	text-decoration: none;
	height:19px;
	text-align:center;
	padding-top: 3px;
	font-weight:bold;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.direct_access a:hover,.direct_access_profile a:hover {
  color:#333;
}

#flash_teaser {
  position: absolute;
  top: 50px;
  left: 600px;
  width: 350px;
}

.lang_choice {
  position: absolute;
  top: 14px;
  left: 760px;
  width: 173px;
}

.lang_choice_profile {
  left: 755px;
}

.lang_choice img{
  margin: 0 0 0 10px;
}

.lang_choice img.lang_arrow{
  margin: 0;
}

.lang_clickbox {
  position: absolute;
  left: 36px;
  top: 1px;
  width: 135px;
  text-align: right;
}
.lang_clickbox a {
  display: block;
  text-decoration: none;
  color: #333;
}
.lang_arrow {
  position: absolute;
  left: 181px;
  top: 2px;
}
.lang_list {
  position: absolute;
  top: 30px;
  left: 795px;
  width: 137px;
  background-color: #EBEBEB;
  border: 1px solid white;
  border-top: 0px;
  padding: 4px 0px;
  display: none;
  z-index: 1000;
}
.lang_list a {
  text-decoration: none;
  color: #333;
}
.lang_list img {
  padding-right: 4px;
}
.lang_list div a{
  width:auto;
  display: block; 
  padding: 3px 8px; 
}  
.lang_list div a:hover{
  background: #D1D1D1;
}  

.cammers_online {
  position: absolute;
  top: 138px;
  left: 50px;
  width: 170px;
  color: #eee;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  font-family: Arial, Helvetica, sans-serif;
}

.start_chat {
  position: absolute;
  top: 58px;
  left: 380px;
  width: 225px;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  color: #E64097;
}
.start_chat i {
  color: white;
  font-size: 17px;
  line-height: 30px;
}

.header_search {
  position: absolute;
  top: 225px;
  left: 20px;
  width: 480px;
}
.header_search td {
  vertical-align: top;
}
.header_search_title {
  color: #E64097;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.header_search_options {
  padding: 5px;
  color: white;
  float: left;
}
.header_search_options div {
  padding: 2px;
}
.header_search_spacer img {
  margin-right: 15px;
}

/***** PAGINATION *****/

.pagination {
  clear: both;
  position: relative;
  background: url('/images/pagination/bg.png') no-repeat;
  height: 30px;
  text-align: center;
}
.pagination .other_cams {
  color: white;
  padding-top: 7px;
}
.size_buttons {
  position: absolute;
  right: 40px;
}
.size_buttons div{
  background: no-repeat;
}

.size_buttons .spacer{
  background: url('/images/pagination/spacer.png') no-repeat;
  height: 30px;
  width: 2px;
}

.size_buttons .profiles{
  background: url('/images/pagination/profile_inactive.png') no-repeat;
  height: 30px;
  width: 39px;
}
.size_title {
  position: absolute;
  left: 470px;
  width: 100px;
  text-align: right;
  top: 7px;
  color: white;
}
.page_numbers {
  position: absolute;
  left: 65px;
  top: 7px;
}
.page_title {
  position: absolute;
  left: 30px;
  top: 7px;
  color: white;
}
.page_numbers a, .page_numbers span {
  display: block;
  float: left;
  padding: 1px 5px;
  margin-left: 4px;
  color: #111111;
  text-decoration: none;
  height: 14px;
  background: url('/images/pagination/bg_grey.gif') repeat-x;
  font-weight: bold;
  font-size: 10px;
}
.page_numbers a.current {
  font-weight: bold;
  color: #ffffff;
  background: url('/images/pagination/bg_pink.gif') repeat-x;
}
.page_numbers a:hover {
  text-decoration: none;
  color: #444444;
}
.page_numbers a:hover.current {
  color: #ffffff;
  cursor: default;
}
.size_buttons div {
  cursor: pointer;
  float: left;
  height: 30px;
}

/***** SNAPS *****/

.small_snap {
  position: relative;
  float: left;
  background: url('/images/snaps/small.png') no-repeat;
  width: 143px;
  height: 130px;
}
.small_snap .status_icon {
  position: absolute;
  left: 23px;
  top: 12px;
}
.small_snap .nick {
  position: absolute;
  left: 40px;
  top: 11px;
  color: white;
  cursor: pointer;
}
.small_snap .snap {
  position: absolute;
  left: 23px;
  top: 29px;
}
.small_snap .teaser {
  position: absolute;
  left: 23px;
  top: 29px;
  width: 100px;
  height: 75px;
}
.small_snap .one2one {
  position: absolute;
  left: 25px;
  top: 30px;
}
.small_snap .new {
  position: absolute;
  left: 92px;
  top: 29px;
}
.small_snap .info_btn {
  position: absolute;
  left: 23px;
  top: 107px;
}
.small_snap .fav_btn {
  position: absolute;
  left: 40px;
  top: 107px;
}
.small_snap .sound_btn {
  position: absolute;
  left: 58px;
  top: 108px;
}
.small_snap .no_sound_btn {
  position: absolute;
  left: 60px;
  top: 108px;
}
.small_snap .languages {
  position: absolute;
  left: 77px;
  top: 110px;
}
.small_snap .languages img {
  margin-right: 5px;
}
.small_snap .live {
  position: absolute;
  top: 85px;
  left: 65px;
}

.small_snap .hd {
  position: absolute;
  top: 85px;
  left: 27px;
}

.medium_snap {
  position: relative;
  float: left;
  background: url('/images/snaps/medium.png') no-repeat;
  width: 180px;
  height: 177px;
}
.medium_snap .status_icon {
  position: absolute;
  left: 11px;
  top: 10px;
}
.medium_snap .nick {
  position: absolute;
  left: 29px;
  top: 10px;
  color: white;
  cursor: pointer;
}
.medium_snap .snap {
  position: absolute;
  left: 10px;
  top: 29px;
}
.medium_snap .teaser {
  position: absolute;
  left: 10px;
  top: 29px;
  width: 160px;
  height: 120px;
}
.medium_snap .one2one {
  position: absolute;
  left: 15px;
  top: 32px;
}
.medium_snap .new {
  position: absolute;
  left: 132px;
  top: 29px;
}
.medium_snap .info_btn {
  position: absolute;
  left: 14px;
  top: 151px;
}
.medium_snap .fav_btn {
  position: absolute;
  left: 38px;
  top: 152px;
}
.medium_snap .sound_btn {
  position: absolute;
  left: 59px;
  top: 152px;
}
.medium_snap .no_sound_btn {
  position: absolute;
  left: 61px;
  top: 152px;
}
.medium_snap .languages {
  position: absolute;
  left: 81px;
  top: 153px;
}
.medium_snap .languages img {
  margin-right: 6px;
}
.medium_snap .live {
  position: absolute;
  top: 129px;
  left: 112px;
}

.medium_snap .hd {
  position: absolute;
  top: 129px;
  left: 15px;
}

.large_snap {
  position: relative;
  float: left;
  background: url('/images/snaps/large.png') no-repeat;
  width: 240px;
  height: 212px;
}
.large_snap .status_icon {
  position: absolute;
  left: 11px;
  top: 10px;
}
.large_snap .nick {
  position: absolute;
  left: 29px;
  top: 10px;
  color: white;
  cursor: pointer;
  
}
.large_snap .snap {
  position: absolute;
  left: 20px;
  top: 29px;
}
.large_snap .teaser {
  position: absolute;
  left: 20px;
  top: 29px;
  width: 200px;
  height: 150px;
}
.large_snap .one2one {
  position: absolute;
  left: 25px;
  top: 32px;
}
.large_snap .new {
  position: absolute;
  left: 177px;
  top: 29px;
}
.large_snap .info_btn {
  position: absolute;
  left: 24px;
  top: 183px;
}
.large_snap .fav_btn {
  position: absolute;
  left: 48px;
  top: 184px;
}
.large_snap .sound_btn {
  position: absolute;
  left: 69px;
  top: 184px;
}
.large_snap .no_sound_btn {
  position: absolute;
  left: 72px;
  top: 184px;
}
.large_snap .languages {
  position: absolute;
  left: 92px;
  top: 185px;
}
.large_snap .languages img {
  margin-right: 5px;
}
.large_snap .live {
  position: absolute;
  top: 158px;
  left: 159px;
}

.large_snap .hd {
  position: absolute;
  top: 158px;
  left: 25px;
}

.fav_snap {
  position: relative;
  float: left;
  background: url('/images/snaps/fav.png') no-repeat;
  width: 94px;
  height: 94px;
  margin-bottom: 5px;
  margin-right: 3px;
}
.fav_snap .status_icon {
  position: absolute;
  left: 7px;
  top: 5px;
}
.fav_snap .nick {
  position: absolute;
  left: 20px;
  top: 1px;
  color: white;
  font-size: 9px;
}
.fav_snap .snap {
  position: absolute;
  left: 11px;
  top: 19px;
}
.fav_snap .one2one {
  position: absolute;
  left: 15px;
  top: 21px;
}
.fav_snap .info_btn {
  position: absolute;
  left: 13px;
  top: 78px;
}
.fav_snap .fav_btn {
  position: absolute;
  left: 25px;
  top: 78px;
}
.fav_snap .languages {
  position: absolute;
  left: 37px;
  top: 78px;
}
.fav_snap .languages img {
  margin-right: 3px;
}
.fav_snap .live {
  position: absolute;
  left: 13px;
  top: 61px;
  text-align: right;
  width: 70px;
  font-size: 9px;
  color: white;
  text-decoration: none;
  cursor: pointer;
}


/***** BUTTONS *****/

.button_wrapper { 
  overflow: hidden; 
  width: auto;
  margin: 0px;
}
a.green_button {
  background: transparent url('/images/buttons/green_left.png') no-repeat top left;
}
a.pink_button {
  background: transparent url('/images/buttons/pink_left.png') no-repeat top left;
}
a.green_button, a.pink_button {
  display: block;
  float: left;
  line-height: 16px;
  height: 25px;
  padding-left: 5px;
  text-decoration: none;
  border: 0px;
  color: white;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a.green_button:hover, a.pink_button:hover{ 
  color: #333;
}
a.green_button span {
  background: transparent url('/images/buttons/green_right.png') no-repeat top right;
}
a.pink_button span {
  background: transparent url('/images/buttons/pink_right.png') no-repeat top right;
}
a.green_button span, a.pink_button span {
  display: block;
  padding: 5px 15px 5px 10px; 
}


/***** SEARCH *****/

.search_box {
  position: relative;
  background: url('/images/search_bg.png') no-repeat;
  width: 740px; 
  height: 196px;
  color: white;
  font-size: 9px;
}
.search_box .title {
  position: absolute;
  top: 22px;
  left: 65px;
  color: #FFF;
  font-weight: bold;
  font-size: 15px;
}
.search_box .top_form {
  position: absolute;
  top: 55px;
  left: 25px;
  width: 680px;
}
.search_box .bottom_form {
  position: absolute;
  top: 130px;
  left: 30px;
  width: 679px;
}
.search_box input, .search_box select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	width: 126px;
	margin-bottom: 5px;
}
.search_box input {
  padding: 2px 3px;
  width: 118px;
}
.search_box .bottom_form span {
  margin-right: 14px;
}
.bottom_form .buttons td {
  padding-top: 11px;
}


/***** FOOTER *****/

#footer {
  clear: both;
  margin: 2px 0px 5px 15px;
}
#footer td, #footer a, #footer div {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #CCC;
}


/***** BOOKMARK BUTTON *****/

.bookmark {
	height: 42px;
	background-image: url('/images/sidebar/bookmark.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 14px;
	padding-left: 75px;
	margin-top: 12px;
}
.bookmark_text {
	text-decoration: none;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	font-family: arial narrow;
}

/***** Flex Demo Div BUTTON *****/

.DemoVideo{
	height: 140px;
	width:  240px;
}

/***** FAVORITES BOX *****/

.box {
   margin-bottom: 10px;
}
.box_header {
  min-height: 110px;
  height: auto !important;
  height: 110px;
  background: url('/images/sidebar/box_bg.png') no-repeat;
  color: white;
  padding: 10px 7px 0px 25px;
}
.box_content {
  line-height:15px; 
}
.box_title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  padding-top: 3px;
  margin-bottom: 15px;
  padding-left: 5px;
}
.box_info {
  margin: 0px 10px 0px 5px;
}
.box_title img {
  float: left;
  margin: 2px 5px 2px 2px;
}
.box_footer {
  height: 21px;
  background: url('/images/sidebar/box_bottom.png') no-repeat;
}

.top5_item {
  padding: 3px 0px 3px 25px;
}
.top5_item a {
  text-decoration:none;
  color: white;
}
.top5_item img {
  vertical-align: bottom;
}


/***** DIALOG BOX *****/

#dialog-overlay {
  background-color: #fff; 
  cursor: wait;
}
#dialog-container {
  color: white;
  width: 550px;
}
#dialog-container .top {
  background: url('/images/dialog/top.png') no-repeat;
  height: 45px;
  border: 0px;
  width: 100%;
}
#dialog-container .close-btn {
  text-align: right;
  padding-top: 12px;
  padding-right: 15px;
}
#dialog-container .title {
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  padding-top: 13px;
  padding-left: 20px;
}
#dialog-container .middle {
  background: url('/images/dialog/middle.png') repeat-y;
  text-align: left;
  padding: 0px 20px;
}
#dialog-container .bottom {
  background: url('/images/dialog/bottom.png') no-repeat;
  height: 39px;
}


/******** TOOLTIP ********/

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 3px 6px;
	opacity: 0.85;
	background-color: #DD6CA9;
	border: 1px solid #932F65;
}
#tooltip h3, #tooltip div {
  font-size: 10px;
	font-weight: normal;
	color: black;
}


/******** BASIC PAGE ********/

.basic_page {
  padding: 10px 0px 0px 20px;
}
.basic_page h1 {
  margin: 0px 0px 15px 0px;
  font-size: 15px;
}
.basic_page a {
  color: black;
  text-decoration: none;
}


/******** PROFILE POPUP *******

#page_wrapper{
	width: 716px;
	margin: 20px auto;
	color: #FFF;
	line-height: 16px;
	text-align: left;
}

#page_wrapper *{
	outline:0;
}

#main_wrapper{
	width:415px;
	float:left;
	height: 500px;
}

#preview_wrapper{
	width:405px;
	background: url('/images/profile/profile_bar.jpg') no-repeat top center;
}

#flash_wrapper{
	width:405px;
	height: 400px;
	padding-top: 15px;
	margin: 0 auto;
	position: relative;
}

#side_wrapper{
	width:301px;
	float:left;
}

#profile_wrapper{
	background: url('/images/profile/detail_block_back.jpg');
	text-align:left;
}

#profile_top{
	height:120px;
}

.profile_top_M{
	background: url('/images/profile/detail_block_top_male.jpg');
}

.profile_top_F{
	background: url('/images/profile/detail_block_top_female.jpg');
}

#profile_bottom{
	background: url('/images/profile/detail_block_bottom.jpg');
	height: 20px;
}

#profile_top h2{
	padding: 35px 0 10px 60px;
	font-size: 14px;
	color: #E64097;
}

#profile_wrapper h3{
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	padding: 5px 0 5px 7px;
	background: #101010;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #E64097;
}

ul.profile_list{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height:16px;
	padding: 7px;
	font-size: 10px;
}

.profile_list span.label{
	width: 140px;
	display:inline-block;
}

.profile_list span.data{
	display:inline-block;
}

#profile_wrapper p{
	padding: 7px;
}

#preview_wrapper h2{
	font-size: 15px;
	text-align:left;
	padding-left: 60px;
	padding-top: 10px;
	height: 28px;
	color: #E64097;
}

.data object{
	vertical-align: bottom; 
}

#profile_body{
	background: #979195;
}

#enter_button{
	float: right;
	margin-top: -33px;
	margin-right: 15px;
}

div#sms{
	width: 201px;
	height:	115px;
	background: url('/images/profile/sms.jpg') no-repeat;
}

div#sms span{
	display:block;
	padding: 12px 10px 0px 10px;
	font-size: 10px;
	text-align: left;
}

div#sms p b{
	font-weight:bold;
	color: #E64097;
}

div#sms a, div#sms a:hover{
	text-decoration: underline;
	color: #E64097;
}

div#sms #info{
	font-size:8px;
	line-height: 12px;
}

div#sms #code{
	font-size: 11px;
	padding: 10px 0 5px 0;
	text-align:center;
}

div#sms h3{
	color: #E64097;
	padding-left: 50px;
	font-size: 12px;
}
*/
.red{
	color: red;
}

.green{
	color: green;
}

.supportlink{
  width: 160px;
  padding:  0 0 0 80px;
  height: 42px;
  background: url('/images/sidebar/support.png') no-repeat;
  cursor: pointer;
  margin: 5px 0 0 0;
  line-height: 42px;
  color: #FFF;
  font-size: 16px;
}

.register_wrapper {
  position: absolute;
  top: 7px;
  left: 500px;
  width: 245px;
  z-index:5;
}
.register_button {
  float:right;
  color: white;
  font-size: 10px;
  line-height:14px;
}
.register_button a, .welcome_message a {
  text-decoration: none;
  color: white;
}
.register_button a:hover, .welcome_message a:hover {
  color: #dddddd;
}
#login_iframe {
  width:520px;
  height:30px;
  position:absolute;
  top:10px;
  left:39px;
  background: transparent;
  z-index:6;
}
.welcome_message {
  position:absolute;
  top:13px;
  left:39px;
  color:white;
  font-weight:bold;
}
.welcome_message span {
  font-size:10px;
  font-weight:normal;
  margin-left:11px;
}

#login_body {
  background: transparent;
  color:white;
  text-align:left;
  font-size: 10px;
}
#login_form input {
  font-size: 10px;
  width: 100px;
  float:left;
  margin-right:12px;
  margin-top: 1px;
  height:13px;
}
#login_form label {
  margin-right:5px;
  float:left;
  margin-top: 4px;
}
#login_submit {
  float:left;
  display:block;
  font-size:10px;
  font-weight:bold;
  width:75px;
  padding-left: 4px;
  text-decoration: none;
  border: 0px;
  color: white;
  text-align:center;
  background:transparent url('http://www.xcams.com/images/buttons/green_left_small.png') no-repeat top left;
}
#login_submit span {
  display: block;
  padding: 4px 7px 5px 3px; 
  background:transparent url('http://www.xcams.com/images/buttons/green_right_small.png') no-repeat top right;
}
#login_submit:hover { 
  color: #333;
}