/*
	Client area
*/

#login {
	border-right:solid 1px #B4A7D6;
	border-left:solid 1px #B4A7D6;
	font:bold 12px/16px Arial,sans-serif;
	height:19px;
	line-height:16px;
	padding:0 10px;
	position:absolute;
	top:0;
	right:0px;
	margin-right:13px;
	
}

#page {
	position:relative;
}

	#login a {
		color:#B4A7D6;
		text-decoration:none;
	}
	
	#login a:hover {
		color:#AD75B4;
	}

.client #content {
	margin: 20px 0 0 20px;
	width: 780px;
}

	.client #content .posts {
		width: 100%;
	}

		.client #content .posts .post {
			border: 0 none;
			padding: 0 0 30px;
			margin: 0;
		}

		.client #content .posts .post h2 {
			color: #0066ff;
			font: 18px/26px Helvetica, Arial;
			padding: 0;
			text-transform: uppercase;
		}

			.client #content .posts .post h2 a {
				color: #0066ff;
			}

		.client #content .posts .post h3 {
			color: #ad75b4;
			font: 18px/26px Helvetica, Arial;
			margin: 10px 0;
			padding: 0;
		}

		.client #content .block {
			padding-bottom:10px;
			float: left;
			width: 780px;
		}

			.client #content .video {
				float: left;
				position: relative;
				width: 210px;
			}

				.client #content .video img {
					margin: 0;
					height: 140px;
					width: 200px;
				}

					.client #content .video span {
						background: url("../images/icons/play_transparent.png") center center no-repeat;
						display: block;
						height: 140px;
						margin: 0;
						position: absolute;
						width: 200px;
					}

			.client #content .download {
				border-bottom: 1px solid #3f1f60;
				color: #0066ff;
				float: left;
				font: 10px/12px Arial;
				margin: 5px 0;
				padding: 0 0 5px;
				text-transform: uppercase;
				width: 210px;
			}

				.client #content .download a {
					color: #0066ff;
					text-decoration: none;
				}

					.client #content .download a:hover {
						text-decoration: underline;
					}

/* Overlay */

.overlay {
	background-color: #170236;
	border: 0 none;
	display: none;
	height: 550px;
	width: 840px;
	z-index: 10000;
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}
 
	.overlay .close {
		background-image:url("../images/icons/close.png");
		cursor: pointer; 
		height: 17px;
		position: absolute;
		right: 28px;
		top: 10px;
		width: 18px;
	}
 
	.overlay h4 {
		color: #ad75b4;
		font: 21px/24px Arial;
		letter-spacing: -1px;
		margin: 10px 0 0 20px;
	}

.player {
	display: block;
	height: 470px;
	margin: 40px 0 0 20px;
	width: 790px;
}

/* Login */

#loginbox_large {
	float: left;
	height: 180px;
	margin: 100px 20px;
	width: 310px;
}

#loginbox_large h2 {
	color: #7a3293;
	font: 21px/24px Arial;
}

#loginbox_large form {
	margin: 20px 0;
}

	#loginbox_large form label {
		color: #fff;
		float: left;
		font: 12px/20px Arial;
		height: 20px;
		padding-right: 10px;
		text-align: right;
		text-transform: uppercase;
		width: 85px;
	}

	#loginbox_large form input.field {
		background: transparent;
		border: 1px solid #804191;
		color: #804191;
		font: 12px/20px Arial;
		padding: 2px;
		width: 200px;
	}

	#loginbox_large form input.submit {
		background: transparent;
		border: 1px solid #804191;
		color: #804191;
		cursor: pointer;
		font: bold 12px/20px Arial;
		padding: 2px;
		margin: 0 10px 0 0;
		width: 60px;
	}

#loginbox_large .error {
	background: #7b3393;
	color: #a99cca;
	font: 14px/20px Arial;
	margin: 10px 0;
	width: 100%;
}

	#loginbox_large .error p {
		margin: 0;
		padding: 0 5px;
	}
	
	#content .posts .post .video_wr {
		float:left;
		width:205px;
	}	
	
		#content .posts .post .desc {
			margin-left:263px;
		}
		#content .posts .post .desc b {
			display:block;
			font-size:13px;
		}	
		#content .posts .post .video {
			float: left;
			margin: 0;
			width: auto;
		}