﻿/***************************/
/****** WEBCAM CHAT ********/
/***************************/
/* HOME */
.WebcamChat .SubSection .Preview {
	color:					#000;
	background-image:		url(../image/webcam_chat/bg_SubSection-Preview.gif);
}
.WebcamChat .SubSection .Preview P {
	padding:				20px 10px 20px 75px;
	margin:					0;
	line-height:			25px;
	background:				url(../image/webcam_chat/bg_CameraRed.jpg) left 50% no-repeat;
}
.WebcamChat .SubSection .Social P {
	padding:				10px 10px 10px 75px;
	line-height:			normal;
	height:					45px;
	background-image:		url(../image/webcam_chat/bg_CameraGreen.jpg);
}
.WebcamChat .SubSection .Preview .Main {
	font-family:			Arial Narrow, Arial, Tahoma;
	font-size:				15px;
	width:					328px !important;
	text-align:				center;
}
.WebcamChat .SubSection .Preview .Video {
	margin:					15px 0 0;
	overflow:				hidden;
}
.WebcamChat .SubSection .Social .Video {
	margin:					35px 0 0;
}
* html .WebcamChat .SubSection .Preview .Video {
	height:					1%;
}
.WebcamChat .SubSection .Preview .Video OBJECT {
	padding:				0;
	margin:					0;
	line-height:			0px;
	height:					115px;
}
.WebcamChat .SubSection .Preview .Video .Cams {
	float:					left;
	_display:				inline;
	height:					110px;
	overflow:				hidden;
	padding:				0 1px 0 0;
	margin:					0 5px;
	border:					1px solid #036;
}
.WebcamChat .SubSection .Preview .Other {
	width:					249px !important;
}
.WebcamChat .SubSection .Preview .Other P {
	line-height:			normal;
	font-family:			Arial Narrow, Arial, Tahoma;
	font-size:				16px;
	text-align:				center;
	padding:				30px 10px 40px 135px;
	margin:					0 0 50px 0;
	.margin:				0 0 47px 0;
	background-image:		url(../image/webcam_chat/map_Red.gif);
}
.WebcamChat .SubSection .Social .Other P {
	height:					60px;
	margin:					0;
	background-image:		url(../image/webcam_chat/map_Green.gif);
}
.WebcamChat .SubSection .Preview .Other A.Button {
	float:					none;
	border-color:			#ee272c;
	margin:					0 auto;
	margin-top:				10px;
	width:					170px;
	color:					#FFF;
	text-align:				center;
	font-weight:			bold;
	background-image:		url(../image/TabBgRed.gif);
}
.WebcamChat .SubSection .Social .Other A.Button {
	border-color:			#65b031;
	background-image:		url(../image/TabBgGreen.gif);
}
.WebcamChat .SubSection .Social .Other .Row {
	float:					none;
	overflow:				hidden;
	_height:				1%;
	margin:					0;
	border-bottom:			2px solid #f7f7f7;
	width:					100%;
}
.WebcamChat .SubSection .Social .Other .Row A,
.WebcamChat .SubSection .Social .Other .Row SPAN {
	float:					left;
	display:				block;
	background-color:		#e5ebed;
	padding:				2px 2px 2px 5px;
	font-size:				10px;
	height:					14px;
	margin:					0;
	border-color:			#f7f7f7;
	border-width:			0 1px 0 1px;
	border-style:			solid;
}
.WebcamChat .SubSection .Social .Other .Light A,
.WebcamChat .SubSection .Social .Other .Light SPAN {
	background-color:		#eef1f2;
}
.WebcamChat .SubSection .Social .Other .Row A {
	width:					76px;
	font-weight:			bold;
}
.WebcamChat .SubSection .Social .Other .Row SPAN {
	width:					26px;
	border-width:			0 3px 0 1px;
}
.WebcamChat .SubSection .UK .Other P {
	background-image:		url(../image/webcam_chat/map_Red-UK.gif);
	margin:					0;
	padding:				40px 10px 75px 135px;
} 
.WebcamChat .SubSection .UK .Other A.Button {
	margin:					5px auto 0;
}

	/* HOME / COLUMNRIGHT300 */
	DIV.WebcamChat DIV.ColumnRight300 DIV.Padded {
		padding:				10px 15px 10px 20px;
		width:					263px;
		line-height:			4mm;
	}
	DIV.WebcamChat DIV.ColumnRight300 DIV.Padded DIV.Row { 
		display:				block; 
		width:					100%; 
		color:					#000;
		margin:					0;
	}
	DIV.WebcamChat DIV.ColumnRight300 DIV.Padded STRONG	{ 
		font-size:				11px;
		float:					none; 
		.float:					inherit;
		display:				inline;
		width:					auto;
		padding:				0 5px 0 0;
	}
	DIV.WebcamChat DIV.ColumnRight300 .ComponentBanner {
		display:				block;
		position:				relative;
		width:					298px;
		height:					248px;
		background-position:	left top;
		background-repeat:		no-repeat;
		background-color:		#000;
		color:					#FFF;
		margin:					0 0 15px 0;
		border:					1px solid #CCC;
	}
	DIV.WebcamChat DIV.ColumnRight300 A:HOVER {
		text-decoration:		none;
		cursor:					pointer;
	}
	DIV.WebcamChat DIV.ColumnRight300 .ComponentBanner P {
		color:					#f4ca5e;
		padding:				0 10px;
	}
	DIV.WebcamChat DIV.ColumnRight300 .ComponentBanner P STRONG {
		color:					#adadad;
	}
	DIV.WebcamChat DIV.ColumnRight300 .Default {
		padding:				170px 0 0 0;
		height:					80px;
	}
	DIV.WebcamChat DIV.ColumnRight300 .Default P {
		padding:				5px 10px 0 20px;
	}
	DIV.WebcamChat DIV.ColumnRight300 .ComponentBanner P.RedText {
		position:				absolute;
		top:					10px;
		left:					20px;
		padding:				0;
		color:					#F00;
		font-weight:			bold;
		font-size:				13px;
	}
	DIV.WebcamChat DIV.ColumnRight300 .White {
		padding:				170px 0 0 0;
		height:					80px;
		background-color:		#FFF;
	}
	DIV.WebcamChat DIV.ColumnRight300 .White P {
		color:					#000;
	}

/* CHAT PAGE */
DIV.ChatPage {
	width:					945px;
	border:					1px solid #d4d4d4;
	margin:					25px auto 0;
	padding:				0 0 5px 0;
	background-color:		#e3e3e3;
}
DIV.ChatPage DIV {
	margin:					0;
	padding:				0;
}
DIV.ChatPage .Nav,
DIV.ChatPage .Header {
	background:				#FFF url(../image/webcam_chat/chatPage/bg_topHeader.jpg) bottom repeat-x !important;
}
DIV.ChatPage .Header {
	float:					none !important;
	height:					90px;
	padding:				0 10px 10px;
	margin:					0 !important;
	width:					auto !important;
	position:				relative;
	border-bottom:			1px solid #d4d4d4;
}
DIV.ChatPage .Header .Logo {
	display:				block;
	padding:				10px 0 0 15px;
	margin:					0;
}
DIV.ChatPage .Header H1 {
	position:				absolute;
	top:					25px;
	height:					35px;
	width:					auto;
	padding:				15px 0 15px 70px;
	right:					20px;
	font-weight:			normal;
	font-family:			Tahoma;
	font-size:				24px;
	color:					#ed292d;
	background:				url(../image/webcam_chat/chatPage/cameraRed.gif) left center no-repeat;
}
DIV.ChatPage .Header H1.Social {
	color:					#7ec34d;
/*	padding:				10px 0 20px 70px;*/
	min-width:				120px;
	_width:					250px;
	text-align:				right;
	background-image:		url(../image/webcam_chat/chatPage/cameraGreen.gif);
}
DIV.ChatPage .Header H2 {
	position:				absolute;
	right:					20px;
	top:					65px;
	font-size:				11px;
	color:					#7EC34D;
	margin:					0;
}
DIV.ChatPage .Nav{
	height:					32px;
	margin:					0;
	padding:				0 8px;
	background-image:		url(../image/webcam_chat/chatPage/bg_midHeader.jpg);
}
DIV.ChatPage .Nav .Left A.Back,
DIV.ChatPage .Nav A.Right {
	display:				block;
	height:					15px;
	padding:				12px 0 5px 10px;
	width:					116px;
}
DIV.ChatPage .Nav .Left A.Back {
	width:					120px;
}
DIV.ChatPage .Nav .Left A.Back STRONG {
	color:					#000;
	_display:				inline;
}
DIV.ChatPage .Nav .Left A.Back:HOVER {
	text-decoration:		none;
}
DIV.ChatPage .Nav A.Right {
	border-left:			1px solid #d4d4d4;
	color:					#959595;
}
DIV.ChatPage .Nav UL {
	margin:					0;
	padding:				0;
}
DIV.ChatPage .Nav UL LI {
	float:					left;
	background-image:		none;
	padding:				13px 8px 5px 0;
}
DIV.ChatPage .Nav UL LI,
DIV.ChatPage .Nav .Left UL LI A {
	font-size:				10px;
	color:					#666;
}
DIV.ChatPage .Nav .Left UL LI A {
	padding:				0;
	height:					auto;
}
DIV.ChatPage .Nav .Left UL LI A:HOVER {
	text-decoration:		underline;
}
DIV.ChatPage .Nav UL LI.Active {
	font-weight:			bold;
}
DIV.ChatPage .Nav UL LI SPAN,
DIV.ChatPage .Nav UL LI.Active SPAN {
	font-weight:			normal;
}
DIV.ChatPage .ChatArea {
	min-height:				450px;
	height:					auto;
	_height:				450px;
}
DIV.ChatPage .ChatArea .Details {
	text-align:				left;
	margin:					0 25px;
	border:					1px solid #CCC;
	padding:				15px 20px;
	background-color:		#F5F5F5;
}
DIV.ChatPage .ChatArea .Details H2 {
	font-size:				16px;
	margin:					0;
	padding:				0;
}
DIV.ChatPage .Alert {
	margin:					10px 25px;
	background-position:	7px center;
}
DIV.ChatPage .Alert .Padded {
	padding:				10px 10px 10px 50px;
}
DIV.ChatPage .Alert .Padded H2 {
	margin:					0;
	padding:				0 0 5px 0;
	font-size:				14px;
}
DIV.ChatHelp {
	width:					945px;
	margin:					10px auto 15px;
	font-size:				10px;
	line-height:			16px;
}
DIV.ChatHelp A {
	font-size:				11px;
	text-decoration:		underline;
	color:					#666;
}

	/* CHAT PAGE / CHAT HELP */
	DIV.WebcamChat .ChatGuide .Question OL,
	DIV.WebcamChat .ChatGuide DIV OL LI P.Image {
		overflow:				hidden;
		_height:				1%;
		_overflow:				visible;
	}
	
	DIV.WebcamChat .ChatGuide OL LI SMALL {
		position:				relative;
		top:					-3px;
		font-size:				9px;
	}
	DIV.WebcamChat .ChatGuide OL LI P {
		padding:				10px 0 0 0;
		text-align:				right;
	}
	DIV.WebcamChat .ChatGuide .Question {
		padding:				0 0 20px 0;
	}
	DIV.WebcamChat .ChatGuide .Question OL {
		font-size:				12px;
		margin:					0;
		padding:				10px 0 10px 40px;
	}
	DIV.WebcamChat .ChatGuide .Question OL LI {
		background-image:		none;
		padding:				4px 0;
	}
	DIV.WebcamChat .ChatGuide .Question OL LI A {
		font-weight:			bold;
	}
	DIV.WebcamChat .ChatGuide .Question .Sub {
		_position:				relative;
	}
	DIV.WebcamChat .ChatGuide DIV .Sub OL {
		padding:				0 15px 5px 25px;
		background-color:		#fafcfd;
		_position:				relative;
	}
	DIV.WebcamChat .ChatGuide .Answer .Sub OL LI {
		padding:				4px 0 10px;
	}
	DIV.WebcamChat .ChatGuide .Question .Sub OL LI {
		padding:				4px 0;
		_position:				relative;
	}
	DIV.WebcamChat .ChatGuide DIV .Sub OL LI A {
		font-weight:			normal;
	}
	DIV.WebcamChat .ChatGuide DIV .Sub OL LI P {
		padding:				5px 0 0;
	}
	DIV.WebcamChat .ChatGuide DIV OL LI P.Image {
		text-align:				left;
		padding:				10px 0 0;
	}
	DIV.WebcamChat .ChatGuide DIV OL LI .Image IMG {
		float:					left;
		margin:					0 25px 0 0;
	}
	DIV.WebcamChat .ChatGuide .Answer {
		padding:				20px 0 0;
		border-top:				1px solid #d7d7d7;
	}
	DIV.WebcamChat .ChatGuide .Answer OL {
		margin:					0;
	}
	DIV.WebcamChat .ChatGuide .Answer OL LI {
		padding:				4px 0 25px;
		font-size:				11px;
		background-image:		none;
	}
	DIV.WebcamChat .ChatGuide .Answer OL LI A {
		font-weight:			normal;
	}
	DIV.WebcamChat .ChatGuide .Answer OL LI H2 {
		font-size:				13px;
		margin:					0;
		padding:				0 0 5px 0;
	}

/* PRIVATE CHAT REQUEST */
DIV.WebcamChat .ChatRequest .Listing SELECT,
DIV.WebcamChat .ChatRequest .Listing A.Button {
	position:				absolute;
	bottom:					8px;
}
DIV.WebcamChat .ChatRequest .Listing A.Button {
	right:					8px;
	font-weight:			bold;
}
DIV.WebcamChat .ChatRequest DIV.NoResult {
	background-color:		#F9F9F9;
	padding:				200px 0;
	margin:					0 0 15px 0;
	color:					#CCC;
	font-weight:			bold;
	font-style:				italic;
}

/* HOME V02 & V03 */
.WebcamChat-V02 {}
.WebcamChat-V02 .Social .Main P,
.WebcamChat-V03 .Social .Main P {
	background-image:			url(../image/webcam_chat/bg_CameraGreen-Text.jpg) !important;
}
.WebcamChat-V02 .Social .Other,
.WebcamChat-V03 .Social .Other {
	height:						225px;
}
.WebcamChat-V02 .Social .Other P,
.WebcamChat-V03 .Social .Other P {
	margin:						30px 0 30px !important;
	background-image:			url(../image/webcam_chat/map_Green-text.jpg) !important;
}
DIV.WebcamChat-V02 DIV.SubSection DIV.Social DIV.Other A.Button,
DIV.WebcamChat-V03 DIV.SubSection DIV.Social DIV.Other A.Button {
	padding:					0;
	width:						200px;
	height:						23px;
	background-image:			url(../image/webcam_chat/button_enterSocialBtn.gif);
}
DIV.MainTable DIV.WebcamChat-V02 DIV.ColumnRight300,
DIV.MainTable DIV.WebcamChat-V03 DIV.ColumnRight300 {
	padding:					51px 0 0 0;
}

.WebcamChat-V02 .Footer,
.WebcamChat-V03 .Footer {
	clear:						both;
	padding:					10px 15px;
	margin:						0 0 50px;
	text-align:					left;
	line-height:				125%;
	width:						auto;
	color:						#c1c1c1;
	border:						1px solid #d0d0d0;
	background:					#fdfdfd url(../image/webcam_chat/bg_FooterText.jpg) bottom repeat-x;
}

.WebcamChat-V03 .Footer {
	margin:						0 0 25px;
}

/* HOME V03 */
.WebcamChat-V03 .Adult .Main P {
	background-image:			url(../image/webcam_chat/bg_CameraRed-Text.jpg) !important;
}

	/* HOME V02 / COLUMNRIGHT300 */
	DIV.ColumnRight300 DIV.RegoBox {
	margin:						0 0 15px !important;
	}
	DIV.ColumnRight300 .RegoBox H2 {
	font-size:					14px;
	font-weight:				normal;
	margin:						0;
	padding:					7px 15px;
	}
	DIV.ColumnRight300 DIV.RegoBox DIV.formComp {
	width:						auto;
	padding:					5px 10px;
	position:					relative;
	z-index:					1;
	}
	.WebcamChat-V02 .GreyComponent,
	DIV.ColumnRight300 DIV.RegoBox {
	border:						2px solid #64750a;
	background:					#def0d3 url(../image/webcam_chat/bg_joinModule.jpg) bottom repeat-x;
	}
	.WebcamChat-V02 .GreyComponent H2,
	DIV.ColumnRight300 .RegoBox H2 {
	background:					#98be31;
	border-bottom:				1px solid #64750a;
	color:						#FFF;
	}
	.WebcamChat-V02 .GreyComponent .Stats,
	DIV.ColumnRight300 .RegoBox .Stats {
	padding:					10px 0 0;
	}
	.WebcamChat-V02 .GreyComponent .Stats SPAN,
	DIV.ColumnRight300 .RegoBox .Stats SPAN {
	float:						left;
	font-size:					11px;
	font-weight:				bold;
	line-height:				18px;
	padding:					0 0 2px;
	width:						47%;
	}
	.WebcamChat-V02 .GreyComponent .Stats SPAN.RedText,
	DIV.ColumnRight300 .RegoBox .Stats SPAN.RedText {
	font-size:					15px;
	padding:					0 5px 2px 0;
	text-align:					right;
	}
	DIV.WebcamChat-V02 DIV.GreyComponent DIV.formComp {
	width:						auto;
	padding:					5px 10px;
	position:					relative;
	z-index:					1;
	}
	.RegoBox .formComp P,
	.WebcamChat-V02 .formComp P,
	.RegoBox .formComp LABEL,
	.WebcamChat-V02 .formComp LABEL {
	position:					relative;
	z-index:					999;
	}
	.RegoBox .formComp LABEL,
	.WebcamChat-V02 .formComp LABEL {
	height:						20px;
	}
	.RegoBox .formComp .Label,
	.WebcamChat-V02 .formComp .Label {
	position:					absolute;
	z-index:					-20;
	top:						10px;
	left:						22px;
	_left:						12px;
	}
	.RegoBox .formComp .ButtonArea A.ButtonJoinFree,
	.WebcamChat-V02 .formComp .ButtonArea A.ButtonJoinFree {
	overflow:					hidden;
	text-indent:				-9999px;
	width:						265px;
	height:						50px;
	padding:					0;
	margin:						4px 0 3px 8px;
	border:						0 none !important;
	outline:					none;
	background:					url(../image/webcam_chat/button_joinNowFree.jpg) center no-repeat;
	}
	
	DIV.ColumnRight300 DIV.RegoBox-V01 {
	border-width:				0 0 1px 0;
	border-bottom:				1px solid #D4D4D4;
	}
	DIV.ColumnRight300 DIV.RegoBox-V01 H2 {
	border:						1px solid #64B030;
	padding:					4px 0 5px 34px;
	font-size:					11px;
	font-weight:				bold;
	background:					#7CCB45 url(../image/ComponentToggleGreen.gif) left top no-repeat;
	}
	DIV.ColumnRight300 DIV.RegoBox-V01 .Stats,
	DIV.ColumnRight300 DIV.RegoBox-V01 .formComp {
	border-left:				1px solid #D4D4D4;
	border-right:				1px solid #D4D4D4;
	}
	DIV.ColumnRight300 DIV.RegoBox-V01 .formComp .ButtonArea {
	padding:					9px 0 7px;
	}
	DIV.ColumnRight300 DIV.RegoBox-V01 .formComp .ButtonArea STRONG {
	float:						left;
	width:						65px;
	padding:					1px 10px 0 0;
	}
	DIV.ColumnRight300 DIV.RegoBox-V01 .formComp .ButtonArea .Button {
	float:						left;
	font-size:					15px;
	text-align:					center;
	padding:					5px 0;
	width:						190px;
	border:						1px solid #64B030 !important;
	}
