.template, #contacts .active 
{
	display: none;
}

/* ok, let's go. this is a layout */
	html, body
	{
		height: 100%;
		max-height: 100%;
		padding: 0;
		margin: 0;
	}
	
		#container
		{
			position: relative;
			height: 100%;
			max-height: 100%;
			min-width: 680px;
			min-height: 540px;
		}
		@-moz-document url-prefix() { #container { overflow: hidden; } }
		
			#header
			{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				z-index: 2;
				background: #B40000 url(/i/head-background.jpg) left top repeat-x;
			}
			
				#o-mount
				{
					position: absolute;
					top: 100px;
					bottom: 0;
					left: 0;
					right: 0;
					background-color: #fff;
					padding: 8px;
				}
				
				#i-mount
				{
					position: relative;
					border: 1px solid #D60000;
					height: 100%;
					background-color: #f8f8f8;
				}
				
						#title-bar
						{
							position: relative;
							color: #D60000;
							font-family: Arial, Sans-Serif;
							font-size: 9pt;
							font-weight: bold;
							padding: 10px;
							height: 15px;
							overflow: hidden;
							background:#FFF1D9;
							border-bottom: solid 1px #D60000;
						}

						#messages,
						#game-window-wrapper,
						#service-panels,
						#contacts,
						#footik,
						#footer-right,
						#opponent-profile,
						#aidate.support #message-area
						{
							position: absolute;
						}
						
						/* Left Column */
							/* left edge */
								#messages,
								#game-window-wrapper,
								#service-panels,
								#footik,
								#aidate.support #message-area
								{
									left: 6px;
								}
							/* end */
						
							/* right edge */
								#messages,
								#game-window-wrapper,
								#service-panels,
								#footik
								{
									right: 310px;
								}
							
								#aidate.support #message-area
								{
									right: 312px; /* because textarea */
								}
							/* end */
						
							#messages
							{
								border: 1px solid #d3d3d3;
								background: #fff;
							}
						/* end */
					
						/* Right Column */
							/* right edge */
								#contacts,
								#footer-right
								{
									right: 6px;
								}
							/* end */
						
							#footer-right
							{
								width: 297px;
							}
						
							#contacts,
							#opponent-profile
							{
								width: 295px; /* because borders */
							}
						/* end */
					
						/* Top Panels */
							/* top edge */
								#messages,
								#game-window-wrapper,
								#opponent-profile
								{
									top: 42px;
								}
							/* end */
						
							/* bottom edge */
								#messages,
								#game-window-wrapper,
								#contacts
								{
									bottom: 159px;
								}
							
								#footer-right
								{
									height: 149px;
								}
							/* end */
						/* end */
					
						/* Bottom Panels */
							/* bottom edge */
								#footer-right,
								#footik
								{
									bottom: 6px;
								}
							/* end */
						
							#message-area
							{
								margin-bottom: 6px;
							}
						
							#message
							{
								display: block;
								height: 52px;
							}
						
							#aidate.support #message
							{
								height: 89px;
							}
						
							#footik
							{
								height: 92px;
							}
						
							#service-panels
							{
								bottom: 101px;
							}
						/* end */
					
						#footik
						{
							_overflow: hidden;
						}
					
						#service-panels
						{
							z-index: 1;
						}
					
						#opponent-profile
						{
							height: 222px;
							border: solid 1px #d3d3d3;
							border-bottom: none;
							background-color: #fff;
							overflow: hidden;
							right: 6px;
						}
					
						#contacts
						{
							overflow-y: auto;
							background-color: #fff;
							top: 264px;
							border: solid 1px #d3d3d3;
							border-bottom: top;
						}
					
						#contacts-actions
						{
							display: block;
							color: #757575;
							font-family: Tahoma;
							font-size: 8pt;
							text-align: center;
							white-space: nowrap;
						}
					
						#message-log
						{
							font-family: Arial, sans-serif;
							font-size: 9pt;
							height: 100%;
							overflow-y: scroll;
						}
/* end of layout */

/* message log, message text area, smiles */
	#message-log p {
		padding: 0 1ex;
		margin: 0;
	}


	#message-log .n {
		margin-top: .5ex;
		font-weight: bold;
	}

	#message-log .op.n {
		color: #D60000;
	}

	#message-log .y.n {
		color: #979797;
	}

	#message-log .msg {
		margin-bottom: 1ex;
	}

	#message-log .answer {
		font-weight: bold;
		margin-top: -3px;
	}

	#message-log .op {
		font-weight: bold;
	}
	/*
		#message-log .message {
			margin: 1ex;
			line-height: 22px;
		}
	*/

	#purchase-message {
		padding-left: 17px;
		background: url('/i/inf.gif') no-repeat 0 4px;
		margin: 1ex 0 1ex 7px;
		line-height: 18px;
	}
		#message-log #purchase-message {
			width: 90%;
		}

		#gift-selector #purchase-message {
			display: inline-block;
			_display: inline;
			_zoom: 1;
		}
			#gift-selector #purchase-message p {
				display: inline;
			}
			#gift-selector #purchase-message p.advise {
				display: none;
			}

	#purchase-message p {
		margin: 0;
		padding: 0;
	}

	#purchase-message .desc {
		color: #666;
	}

	#purchase-message div,
	#purchase-message p.advise,
	#purchase-message .spinner,
	#purchase-message .running-out,
	#purchase-message .no-credits,
	#purchase-message .no-credits-left,
	#purchase-message .premium-smiles,
	#purchase-message .virtual-gifts,
	#purchase-message .without-ticket,
	#purchase-message.without-ticket .with-ticket,
	#purchase-message .another-amount {
		display: none;
	}

	#purchase-message.fail .fail,
	#purchase-message.error .error-message,
	#purchase-message.thank-you .thank-you,
	#purchase-message.no-credits .no-credits,
	#purchase-message.running-out .running-out,
	#purchase-message.no-credits-left .no-credits-left,
	#purchase-message.premium-smiles .premium-smiles,
	#purchase-message.virtual-gifts .virtual-gifts,
	#purchase-message.without-ticket .without-ticket,
	#purchase-message.with-ticket .another-amount,
	#purchase-message.advised p.advise {
		display: inherit;
	}

	#purchase-message .error-message {
		color: #c30;
	}

	#purchase-message input,
	#purchase-message .error,
	#purchase-message.error .another-amount,
	#purchase-message.spinned input {
		display: none;
	}

	#purchase-message.spinned .another-amount {
		visibility: hidden;
	}

	#gift-selector #purchase-message.spinned .another-amount {
		display: none;
	}

	#purchase-message span.running-out,
	#purchase-message span.no-credits-left,
	#purchase-message span.premium-smiles {
		margin-right: .5em;
	}

	#purchase-message.spinned .spinner {
		display: inline;
		padding-left: 18px;
		background: url('/i/purchase-spinner.gif') no-repeat 0 0;
		line-height: 22px;
		color: #666;
	}

	#purchase-message .amount-20,
	#purchase-message .amount-40,
	#purchase-message .amount-80,
	#purchase-message .amount-160,
	#purchase-message .amount-320,
	#purchase-message .amount-500,
	#purchase-message .amount-1000 {
		display: inline;
		line-height: 21px;
		height: 21px;
		border: 0;
		background: url('/i/purchase-button.gif') no-repeat 0 0;
		cursor: pointer;
	}

	#purchase-message input.amount-20 {
		width: 122px;
		background-position: 0 -132px;
	}
	#purchase-message input.amount-40 {
		width: 122px;
		background-position: 0 -110px;
	}
	#purchase-message input.amount-80 {
		width: 122px;
		background-position: 0 -88px;
	}
	#purchase-message input.amount-160 {
		width: 128px;
		background-position: 0 -66px;
	}
	#purchase-message input.amount-320 {
		width: 128px;
		background-position: 0 -44px;
	}
	#purchase-message input.amount-500 {
		width: 128px;
		background-position: 0 -22px;
	}
	#purchase-message input.amount-1000 {
		width: 134px;
		background-position: 0 0;
	}

	#message {
		display: block;
		border: solid 1px #d3d3d3;
		padding: 0;
		margin: 0;
		width: 100%;
		
		resize: none;
	}
/* end */

/* footer — buttons, some text */
	#footer-buttons {
		height: 35px;
	}
		#footer-buttons .button {
			display: block;
			float: left;
			border: none;
			cursor: pointer;
			text-indent: -2000px;
			line-height: 0;
			background-image: url('/i/aidate-buttons.png?4704');
			background-repeat: no-repeat;
			background-color: transparent;
		}
			#footer-buttons #send-message {
				width: 108px;
				height: 28px;
				background-position: 0 0;
				margin-right: 8px;
			}
			
			#footer-buttons #send-gift {
				width: 143px;
				height: 28px;
				background-position: 0 -35px;
			}
			
			#footer-buttons #end-chat {
				float: right;
				width: 66px;
				height: 24px;
				background-position: 0 -70px;
				margin-left: 8px;
			}
			
			#footer-buttons #end-game {
				float: right;
				width: 102px;
				height: 25px;
				background-position: 0 -105px;
			}
				#footer-buttons #end-game.pushed,
				#footer-buttons #end-game:active
				{
					background-position: -150px -105px;
				}
	#tnc {
		margin: 0;
		padding: 0.5em 6px 0;
		clear: both;
		color: #757575;
		font-family: Arial;
		font-size: 7.5pt;
	}
		#aidate.support #tnc
		{
			padding-top: 0;
		}
		
		#tnc a {
			white-space: nowrap;
			color: #757575;
		}
/* end */

/* header */
	#header .head-bg
	{
		height: 100px;
		color: #fff;
		font-size: 13px;
		background: url('/i/head-bg.jpg?1') right top no-repeat;
	}
	
	/* logo */
		#header .head-bg .logo-container
		{
			float: left;
			padding-top: 10px;
			padding-left: 20px;
		}
		
		#header .head-bg .logo
		{
			color: #fff2c4;
			font: italic 20px "Times New Roman", Times, serif;
		}
	/* end */
	
	/* navigation links */
		#nav
		{
			padding: 0 16px 0 0;
			margin: 0;
			float: right;
			list-style-type: none;
			color: #fff;
			font-family: Arial, sans-serif;
			font-size: 8pt;
			text-align: right;
			line-height: 13pt;
		}
		
		#nav a
		{
			color: #fff;
		}
	/* end */
/* end */

/* contact list */
	#contacts ul li,
	#attendee
	{
		padding-right: 16px;
	}
	
	#attendee-container
	{
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
	}
	
	#attendee
	{
		cursor: auto;
		color: #fff;
		background-color: #D60000;
	}

#contacts ul li.on {
	cursor: pointer;
	color: #000;
}

#contacts li i {
	display: none;
	position: absolute;
	top: 7px;
	right: 5px;
	width: 9px;
	height: 9px;
	background: url('/i/aidate-icons.png?v48') -388px -27px no-repeat;
	cursor: pointer;
}
#attendee i {
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: -5px;
	width: 9px;
	height: 5px;
	background: url('/i/aidate-icons.png?v48') -376px -27px no-repeat;
}

#contacts li:hover,
#contacts li.selected {
	background: #ffffcd;
}
	#contacts li:hover .text-holder .shade,
	#contacts li.selected .text-holder .shade {
		background-position: -40px 0;
	}

#contacts li:hover i {
	display: block;
}

#contacts li.selected i {
	display: block;
}

#contacts ul li em,
#attendee em {
	position: absolute;
	top: 6px;
	left: 5px;
	display: block;
	width: 11px;
	height: 11px;
	color: #9e9e9e;
	background-image: url('/i/aidate-icons.png?v48');
	background-repeat: no-repeat;
	background-position: -375px -37px;
}
#contacts ul li.on em {
	background-position: -387px -37px;
}
#contacts ul li.on.inchat em,
#attendee em {
	background-position: -399px -37px;
}
#contacts ul li.on.inchat.unread em {
	background: url(/i/icon_status_unresponded_message.gif) no-repeat 0 0;
}

#contacts ul li.active {
	cursor: auto;
	color: #fff;
	background-color: #c30;
}
	#contacts ul li.active .text-holder .shade
	{
		background-position: -20px 0;
	}

#vol {
	text-decoration: underline;
	cursor: pointer;
	color: #757575;
}

#contacts ul li .text,
#attendee .text {
	float: left;
}

#contacts li.contact .icons,
#attendee .icons {
	float: left;
}

#contacts li.contact .icon b,
#attendee .icon b {
	width: 483px;
	height: 116px;
	background-image: url('/i/aidate-icons.png?v48');
	background-repeat: no-repeat;
}
	#contacts li.contact .vg-icon b,
	#attendee .vg-icon b {
		left: -53px;
		top: -71px;
	}
	#contacts li.contact .game-icon b,
	#attendee .game-icon b {
		left: -27px;
		top: -71px;
	}
/* end */

/* opponent profile */
.profile-w {
	position: relative;
	height: 185px;
	padding: 7px;
	overflow: hidden;
	background-color: #fff;
}

.profile-l {
	width: 140px;
	float: left;
	position: relative;
}

.profile-l #thumbnail {
	width: 140px;
	height: 146px;
	padding-top: 20px;
	position: relative;
}

.profile-l #thumbnail .thumb-icons {
	position:absolute;
	top:115px;
	left:22px;
}

	.profile-l #thumbnail .thumb-icons span,
	.profile-l #thumbnail .thumb-icons a
{
	display: inline;
	padding:2px;
	margin-left: 0;
	width: 32px;
	height: 32px;
}

.profile-l #thumbnail .gift-icon img
{
	width:32px;
	height:32px;
}

.profile-l #video {
	position: absolute;
	left: 0;
	top: -5px;
}
.profile-l #video.movie {
	width: 140px;
	height: 159px;
}

.profile-l #thumbnail a {
	width: 100px;
	display: block;
	margin-left: 19px;
}

.profile-l img.thumbnail
{
	display: block;
	width: 100px;
	height: 133px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#auth-state {
	display: block;
	width: 100px;
	height: 13px;
		background: url('/i/aidate-icons.png?v48') -206px -72px no-repeat;
	color: #fff;
}

#auth-state strong {
	display: none;
}

ul#services-l {
	width: 92px;
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: none;
}

#services-l {
	height: 15px;
}

ul#services-l li {
	margin: 0;
	padding: 0;
	float: left;
	height: 16px;
	width: 16px;
	padding: 0 3px 0 0;
	position: relative;
}

ul#services-l li.last {
	padding-right: 0;
}

#services-l a {
		background: url('/i/aidate-icons.png?v48') 0 0 no-repeat;
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	font-size: 0;
	line-height: 0;
	text-indent: -2000px;
}
#services-l li#s-mail a {
	background-position: -149px -72px;
}
#services-l li#s-phone a {
	background-position: -166px -72px;
}
#services-l li#s-favorite a {
	background-position: -114px -72px;
}
#services-l li#s-date a {
	background-position: -97px -72px;
}
#services-l li#s-vgift a {
	background-position: -58px -75px;
}

.profile-r {
	width: 134px;
	padding-left: 7px;
	float: right;
}

.profile-r, .profile-r h5, .profile-r a {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

.profile-r h5 {
	margin: 20 0 .5ex;
}

.profile-r a {
	color: #001f56;
}

.profile-r h5 a {
	font-weight: bold;
}

.profile-r h5 em {
	font-style: normal;
}

ul#services-r, ul#services-r li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#services-r li {
	height: 18px;
	padding-left: 16px;
	position: relative;
}

ul#services-r li span {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
		background: url('/i/aidate-icons.png?v48') 0 0 no-repeat;
}

ul#services-r li a {
	padding-left: 16px;
}

ul#services-r li#s-video-chat span {
	background-position: -80px -72px;
}

ul#services-r li#s-gift span {
	background-position: -132px -72px;
}

ul#services-r li#s-videos span {
	background-position: -183px -72px;
}

ul#services-r li a {
	padding-left: 4px;
	display: block;
}

ul#services-r li#s-date a {
	padding-left: 5px;
}

.profile-r p {
	clear: both;
	font-size: 8.5pt;
	margin: .5ex 0;
	padding: 0;
}
/* end */

/* typing state */
#typing-message {
	color: #666;
}

#typing-message {
	display: block;
}

	#typing-message .is-typing, #typing-message .entered-text {
		display: none;
	}

	#typing-message.is-typing .is-typing {
		display: inline;
		padding-right: 20px;
		background: url('/i/typing.gif') no-repeat 100% 60%;
	}

	#typing-message.entered-text .entered-text {
		display: inline;
	}
/* end */

/* Security Image */
#chat-secutiry-wrapper {
	position: absolute;
	width: 160px;
	height: 52px;
	bottom: 0;
	right: 15px;
	z-index: 1000;
}
	#chat-secutiry-wrapper #security-guarantee .wrapper {
		left: auto;
		right: 0;
	}
/* end */

/* mobile chat */
	#container .mobile {
		display: none;
	}

		#container.mobile .online {
			display: none;
		}

		#container.mobile div.mobile {
			display: block;
		}

		#container.mobile span.mobile {
			display: inline;
		}

	#title-bar a {
		color: #213179;
		font-weight: normal;
	}

	#title-bar .live-chat {
		float: left;
	}

	#mobile-help-wrapper {
		float: right;
	}

	#title-bar {
		z-index: 999;
	}

	.mobile #title-bar .live-chat {
		position: absolute;
		top: 50%;
		margin-top: -10px;
		left: 10px;
		padding-left: 16px;
		line-height: 20px;
		background: url('/i/mobile-sprite.png') no-repeat 0 0;
		_background: url('/i/mobile-sprite.gif') no-repeat 0 0;
	}

	.mobile .profile-w {
		background-color: #eee;
	}

	.profile-w .tag {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		*width: 293px;
		height: 21px;
		background-color: #ffffcd;
		text-align: center;
		vertical-align: middle;
		line-height: 21px;
		
		color: #c30;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
	}
/* end */