/*******************************************************************************************************************
/
/  	FILE:	chat-elements.css
/
/	DESC:	This file defines CSS styles for the chat area.  These styles are "elements" because they contain 
/			no color definitions.  They simply define fonts, sizes and other non-color related attributes.  This 
/			file should be the same for all skins and therefore should not be duplicated for each skin.
/
/******************************************************************************************************************/
#performers h3 {
	font-size:11px;
}

#chat_interface_column {
	display:			inline;
	float:				left;
	position:			relative;
	padding-left:		10px;
	padding-top:		10px;
}

#performer_list_column {
	float:				right;
	position:			relative;
	width:				180px;
	padding-right:		8px;
	display:			inline;
}

#rooms_list_nav {
	padding-right:		1px;
	padding-top:		3px;
	width:				162px;
	margin:				0px;
}

#rooms_list_nav a {
	text-decoration:	none;
}

#rooms_list_nav .left {
	float:				none;
	display:			block;
	position:			relative;
}

BODY {
	margin: 0;
	padding: 0;
}

#video_column {
	position: 		absolute;
	top:			77px;
	width:			322px;
	border:			none;
}

#video_column.layout_1 {
	left:			5px;
}

#video_column.layout_2 {
	right:			5px;
}

#chat_column {
	margin-top:		2px;
	border:			none;
	voice-family: "\"}\"";
	voice-family: 	inherit;
	}
	html>body #chat_column {
}

#chat_column.layout_1 {
	margin-left: 	332px;
	margin-right:	157px;
	voice-family: "\"}\"";
	margin-left: 	332px;
	margin-right:	159px;
	}
	html>body #chat_column {
	margin-left: 	332px;
	margin-right:	159px;
}

#chat_column.layout_2 {
	margin-left:	167px;
	margin-right: 	332px;
	voice-family: "\"}\"";
	margin-left:	169px;
	margin-right: 	332px;
	}
	html>body #chat_column {
	margin-left:	169px;
	margin-right: 	332px;
}
	
#rooms_list_column {
	float:				right;
	position:			relative;
	width:				182px;
	margin-top:			8px;
	margin-right:		8px;
	display:			inline;
	
}
	
#rooms_list_column_wide {
	position:			relative;
	margin-top:			8px;
	margin-right:		8px;
	display:			inline;
}
	
#rooms_list_column.layout_1 {
	right:			0px;
	padding-right:	5px;
	padding-left:	0px;
}
	
#rooms_list_column.layout_2 {
	left:			0px;
	padding-right:	0px;
	padding-left:	5px;
}

/*	FRAMELESS OPEN ROOM HEADER */

#header_chat {
	background-color:	#000000;
	height:				70px;
}

#header_chat .left_block {
	height:				70px;
	display:			block;
	position:			absolute;
}

#header_chat .offer_block {
	width:				201px;
	height:				31px;
	left:				280px;
	padding-top:		10px;
	display:			block;
	position:			absolute;
}

#header_chat .right_block {
	height:				70px;
	display:			block;
	position:			absolute;
	right:				0px;
}

#header_chat .left {
	width:				450px;
	height:				70px;
	float:				left;
}

#header_chat .right {
	width:				285px;
	height:				70px;
	float:				right;
}

/* FRAMELESS ROOMSLIST */

#performers_wrap {
	overflow:					auto;
}

#rooms_list_column #performers {
	font-family:				verdana, arial;
	font-weight:				bold;
	border-bottom:				1px solid #000000;
	width:						162px;
}

#rooms_list_column_wide #performers {
	font-family:				verdana, arial;
	font-weight:				bold;
	border-bottom:				1px solid #000000;
}

#headshot_switch, #collapse_switch, #layout_switch {
	display:					block;
	font-size:					11px;
	background-color:			#393939;
	text-align:					center;
	height:						25px;
	line-height:				25px;
	border-top:					1px solid #000000;
	border-right:				1px solid #000000;
	border-left:				1px solid #000000;
}

.performer_highlight,
.performer_special,
.performer_feature,
.performer_standard {
	display:					block;
	border-top:					1px solid #000000;
	border-right:				1px solid #000000;
	border-left:				1px solid #000000;
}

#performers .header_highlight,
#performers .header_special,
#performers .header_feature,
#performers .header_standard {
	font-size:					11px;
	text-align:					center;
	height:						19px;
	line-height:				19px;
	border-top:					1px solid #000000;
	border-right:				1px solid #000000;
	border-left:				1px solid #000000;
}

#performers .header_highlight {
	color:						#FFFFFF;
	text-decoration:			none;
}

#performers .left_highlight {
	width:				10px;
	float:				left;
}

#performers .header_highlight,
.performer_highlight {
	background-color: #023356;
}


#performers .header_special {
	color:						#FFFFFF;
	text-decoration:			none;
}

#performers .left_special {
	width:				10px;
	float:				left;
}

#performers .header_special,
.performer_special {
	background-color: #FF00FF;
}


#performers .header_feature {
	color:						#FFFFFF;
	text-decoration:			none;
}

#performers .left_feature {
	width:				10px;
	float:				left;
}

#performers .header_feature,
.performer_feature {
	background-color: #D9AE17;
}


#performers .header_standard {
	color:						#E6E6E6;
	text-decoration:			none;
}
					
#performers .header_standard,
.performer_standard {
	background-color:		#2A333E;
}


#performers a:hover,
#performers a:visited,
#performers a:active,
#performers a:link {
	color:				#FFFFFF;
	text-decoration:	none;
}

#performers a.favorites_link:hover,
#performers a.favorites_link:visited,
#performers a.favorites_link:active,
#performers a.favorites_link:link {
	font-weight:		bold;
}

.left_icon_div {
	width:				10px;
	float:				left;
	padding-top:		3px;
	padding-left:		2px;
}

.performer_info {
	float:				right;
	width:				138px;
	background-color:	#292929;
	color:				#9c9c9c;
	text-align:			left;
	font-size:			10px;
	padding:			3px 2px;
	border-left:		1px solid #000000;
}

.add_to_favorites {
	text-align:			center;
	font-size:			10px;
	padding:			3px 2px;
}

#performers a.performer_name:visited,
#performers a.performer_name:active,
#performers a.performer_name:link {
	color:				#9c9c9c;
	text-decoration:	none;
}

#performers a.performer_name:hover {
	color:				#FFFFFF;
	text-decoration:	none;
}

.performer_headshot {
}

.performer_count {
	font-weight:		normal;
}

.clear_float {
	clear:				both;
}

/* FRAMELESS ROOMSLIST */

#headshot_switch {		/* Headshots On/Off Button */
	background-color:	#393939;
}

#performers .header_highlight,	/* Highlighted category headers (Favorites, Group Chats) */
.performer_highlight {			/* Icon bar to left of highlighted performer */
	background-color:	#023356;
}

#performers .header_feature,	/* Feature category headers (Feature show) */
.performer_feature {			/* Icon bar to left of feature performer */
	background-color:	#D9AE17;
}

#performers .header_standard,	/* Stanard category headers */
.performer_standard {			/* Icon bar to left of standard performer */
	background-color:	#2A333E;
}

/*
.performer_info {				
	background-color:	#292929;
}*/

#performers a.performer_name:visited,	/* Performer name text color */
#performers a.performer_name:active,
#performers a.performer_name:link {
	color:				#9c9c9c;
	text-decoration:	none;
}

#performers a.performer_name:hover {	/* Performer name mouse over */
	color:				#FFFFFF;
	text-decoration:	none;
}

#loginBox {
	display:			block;
	text-align:			left;
	margin-right:		140px;
	font-size:			12px;
}

#loginBox .textPaidLogin {
	font-size:			12px;
}

#loginForm {
	display:			block;
	margin-top:			8px;
}

#list_error {
	background-color:	#292929;
	color:				#9c9c9c;
	text-align:			left;
	font-size:			11px;
	padding:			3px 2px;
	border-top:			1px solid #000000;
	border-right:		1px solid #000000;
	border-left:		1px solid #000000;
}

/*	FLASH BANNER ADS */


#bannerImage {
	margin-top:		5px;
}

#bannerLink {
	color: 			#fff; 
	font-size: 		14px;
	font-weight:	bold;
	font-family:	verdana,arial;
}


/*STYLES FOR NEW SEO ROOMS */

#guest_open,
#guest_restricted,
#guest_offline,
#guest_filtered {
	padding:		10px 0 0 10px;
	min-width:		1010px;
}

#rooms_list_column {
	display:		inline;
	float:			right;
	position:		relative;
	width:			200px;
	overflow:		auto;
}

#rooms_list_column_wide {
	display:		inline;
	float:			right;
	position:		relative;
	overflow:		auto;
}

#rooms_list_column #model_info_column{
	display:		block; 
	position:		relative; 
	margin-right:   220px;
}

#rooms_list_column_wide #model_info_column{
	display:		block; 
	position:		relative; 
}

#model_image_column{
	display:		inline;
	position:		relative;
	width:			330px; 
	padding			0 10px 0 10px;
	float:			left;
}

#chatarea{
	display:		block; 
	position:		relative; 
	margin-left:	180px;
}

#rooms_list_column #rooms_list {
	display:		inline;
	position:		relative;
	float:			right;
	width:			210px;
	text-align:		center;
	font-family:	Lucida Grande, Verdana;
}

#rooms_list_column_wide #rooms_list {
	display:		inline;
	position:		relative;
	float:			right;
	text-align:		center;
	font-family:	Lucida Grande, Verdana;
}

#rooms_list_column #rooms_list #performers {
	display:		block;
	position:		relative;
	width:			182px;
	font-family:	Lucida Grande, Verdana;
	font-weight:	normal;
	border-bottom:	0px solid #000000;
}

#rooms_list_column_wide #rooms_list #performers {
	display:		block;
	position:		relative;
	font-family:	Lucida Grande, Verdana;
	font-weight:	normal;
	border-bottom:	0px solid #000000;
}
.performer {
	display:		inline;
	float:			left;
	position:		relative;
	margin: 		0px 3px 10px 0px;
	width:			88px;
	height:			80px;  /* 66px */
	padding:		0px;
	font-size:		10px;
	text-align:		center;
	overflow:		hidden;
}

.performer_medium {
	display:		inline;
	float:			left;
	position:		relative;
	margin: 		0px 10px 10px 0px;
	width:			120px;
	height:			105px;  /* 66px */
	padding:		0px;
	font-size:		10px;
	text-align:		center;
	overflow:		hidden;
}

.special_overlay {
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			14px;
	background-color:#000000;
}

.special_private_overlay {
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			14px;
	background-color:#0199D9;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;	
}

.special_party_overlay {
	color:			#FFFFFF;
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			14px;
	background-color:#990099;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;
}

.special_premiere_overlay {
	color:			#b40a00;
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			14px;
	background-color:#F2B826;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;
}

.special_semi-private_overlay {
	color:			#FFFFFF;
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			14px;
	background-color:#E95C0B;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;
}

.special_group_overlay {
	color:			#000;
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			14px;
	background-color:#fffd33;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;
}

.special_overlay_medium {
	color:			#FFFFFF;
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			14px;
	background-color:#000000;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;
}

.special_private_overlay_medium {
	color:			#FFFFFF;
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			14px;
	background-color:#0199D9;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;
}

.special_party_overlay_medium {
	color:			#FFFFFF;
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			14px;
	background-color:#990099;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;
}

.special_premiere_overlay_medium {
	color:			#b40a00;
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			14px;
	background-color:#F2B826;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;

}

.special_semi-private_overlay_medium {
	color:			#FFFFFF;
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			14px;
	background-color:#E95C0B;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;
}

.special_group_overlay_medium {
	color:			#000;
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			14px;
	background-color:#fffd33;
    filter:			alpha(opacity=60);
    -moz-opacity:	0.8;
    -khtml-opacity: 0.8;
    opacity:		0.8;
}

.private_overlay {
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			10px;
	color:			#FFFFFF;
	font-weight:	bold;
	text-align:		center;
}

.premiere_overlay {
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			14px;
	color:			#b40a00;
	font-weight:	bold;
	text-align:		center;

}

.semi-private_overlay {
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			10px;
	color:			#fff;
	font-weight:	bold;
	text-align:		center;	
}

.party_overlay {
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			10px;
	color:			#ffffff;
	font-weight:	bold;
	text-align:		center;	
}

.group_overlay {
	display:		block;
	position:		absolute;
	top:			52px;
	left:			0px;
	width:			88px;
	height:			10px;
	color:			#000;
	font-weight:	bold;
	text-align:		center;	
}


.private_overlay_medium {
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			10px;
	color:			#FFFFFF;
	font-weight:	bold;
	text-align:		center;
}

.premiere_overlay_medium {
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			14px;
	color:			#b40a00;
	font-weight:	bold;
	text-align:		center;

}

.semi-private_overlay_medium {
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			10px;
	color:			#fff;
	font-weight:	bold;
	text-align:		center;
}

.party_overlay_medium {
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			10px;
	color:			#ffffff;
	font-weight:	bold;
	text-align:		center;
}

.group_overlay_medium {
	display:		block;
	position:		absolute;
	top:			76px;
	left:			0px;
	width:			120px;
	height:			10px;
	color:			#000;
	font-weight:	bold;
	text-align:		center;
}


.audio_overlay {
	display:		block;
	position:		absolute;
	top:			2px;
	left:			2px;
	width:			15px;
	height:			14px;
	background-image:url('/images/chat/icons/sound.png');
	background-repeat:no-repeat;
	color:			#ff0000;
	font-weight:	bold;
	text-align:		left;
}

.audio_overlay img {
	border:none;
}


.hd_overlay {
	display:		block;
	position:		absolute;
	top:			0px;
	right:			0px;
	width:			49px;
	height:			40px;
	background-image:url('/images/_common/chat-v2/icons/high-definition-green-corner.png');
	background-repeat:no-repeat;
	color:			#ff0000;
	font-weight:	bold;
	text-align:		left;
}



.party_text {
	color:#000000; 
	background-color:#c87ed7; 
	font-weight:bold;
}



.image_size_link{
	cursor:pointer;
}

.video_size_link{
	cursor:pointer;
}

#room_list_move {
	
	height:18px;
	background-image:url(/images/_common/chat-v2/sticky-rooms-list/bar-bg.jpg);
	padding:0;
	color:#000000;
	cursor:pointer;
	visibility:hidden;
}

#room_list_move:hover {
	background-image:url(/images/_common/chat-v2/sticky-rooms-list/bar-bg-on.jpg);
}


/*	LOGIN/BIO FORM */

/* These just added by Steve as part of starting to fix the issues with the new LOGIN/BIO Info page and the CSS issues

.table {
	border: 			1px solid #444;
}

.table .tableLeft {
	background: 		#292929;
	color:				#fff;
}

.table .tableRight {
	background: 		#222;
	color:				#fff;
}

.table .tableHeader {
	background:			#444;
	color:				#fff;
}

.copy {
	padding: 			1px;
	margin-bottom: 		25px;
}

.copy .text {
	background: 		#191919;
	color: 				#fff;
}

.photoView {
	background:			#000;
}

.textPaidLogin {
	font-family:	verdana,arial;
	font-weight:	normal;
	font-size:		11px;
	color:			#FFFFFF;
	padding:		6px;
	text-align:		left;
}

*/