/*******************************************************************************************************************
/
/  	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.
/
/******************************************************************************************************************/

/* FRAMELESS ROOMSLIST */

#performers h3 {
	font-size:11px;
}

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

#performer_list_column {
	float:				right;
	position:			relative;
	width:				200px;
	display:			inline;
	overflow:			auto;
	margin-right:		7px;
}

#under_chat_info_text {
	font-size:					12px;
}

#performers_wrap {
	overflow:					inherit;
	min-height:					409px;
	
}


#rooms_list_column #performers {
	font-family:				verdana, arial;
	font-weight:				bold;
	width:						183px;
}

.performerWallChat #rooms_list_column_wide {
	width:480px;
}

#chatArea #rooms_list_column_wide #performers {
	font-family:				verdana, arial;
	font-weight:				bold;
	padding-left: 40px;
}


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

#rooms_list_nav {
	display:			inline;
	float:				right;
	position:			relative;
	width:				200px;
	margin-right:		7px;
}

#rooms_list_nav a {
	text-decoration:	none;
}

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

.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;
	padding-left:				4px;
	text-align:					left;
	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:				#acacac;
	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:			3px;
}

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

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


/* NEW SEO FRIENDLY ROOMS */
#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:	210px;
}

#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:	360px;
}

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

#rooms_list_column_wide #rooms_list {
	display:		inline;
	position:		relative;
	float:			right;
	text-align:		center;
	font-family:	Lucida Grande, Verdana;
	overflow:hidden;
}
.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;
	padding-left:	2px;
}


.hd_overlay {
	display:		block;
	position:		absolute;
	top:			0;
	right:			0;
	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;
}

.guest_login_model_info{
float:left;
padding-left:5%;
}

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

.navigation a { color: #d0d0d0; }