* {
	margin:0;
	padding:0;
	outline:none;}
img {
	border:0;}
a {
	color:#FFF;
	cursor:pointer;
	text-decoration:none;}
a:hover {
	color:#F00;}
h2,h3 {
	font-size:11px;}
ul {
	list-style:none;}
table {
	border-collapse:collapse;}
html, body {
	height:100%;}
html {
	overflow-y:scroll;}
body {
	color:#44034b;
	font:11px tahoma,arial;
	background:url(../images/bg.jpg) repeat-x #dedede;}	
	

#container {
	position:relative;
	width:957px;
	margin:0 auto;}
	
	/* Begin: Header CSS */
	#header {
		position:relative;
		height:218px;
		background:url(../images/header.jpg) no-repeat;}
		
		
		/* Begin: Search CSS */
		#searchDiv {
			z-index:999;
			position:absolute;
			right:0; top:-75px;
			width:600px;
			height:28px;
			padding-top:7px;}
			.formBtn {
				border:none;}
			.formBtn,
			#searchInput,
			#searchBtn,
			#searchSelect {
				float:left;
				height:24px;
				margin-left:6px;
				cursor:pointer;
				background:no-repeat;}
			#searchCatName {
				line-height:23px;
				text-indent:6px;}
			.formBtn:hover,
			#searchInput:hover,
			#searchBtn:hover,
			#searchSelect:hover {
				background-position:left -24px;}
			
			.formBtn {
				width:78px;
				height:24px;
				display:block;}
			#loginBtn {
				background-image:url(../images/btn-login.png);}
			#logoutBtn {
				background-image:url(../images/btn-logout.png);}
			#registerBtn {
				background-image:url(../images/btn-register.png);}
			#recoverBtn {
				background-image:url(../images/btn-recover.png);}
			.formBtn#favoritesBtn {
				position:absolute;
				top:1px; right:-8px;
				height:31px;
				width:148px;
				background-image:url(../images/btn-fav.png);}
			.formBtn#favoritesBtn.active,
			.formBtn#favoritesBtn:hover {
				background-position:left -31px;}
				
			#searchInput {
				width:170px;
				cursor:default;
				background-image:url(../images/search-input.png);}
			#searchInput input {	
				border:0;
				width:155px;
				margin:2px 5px 0;
				background:none;}
			#searchBtn {
				width:68px;	
				border:0;
				cursor:pointer;
				background-image:url(../images/search-btn.png);}
			#searchSelect,
			#searchSelectDiv {
				position:relative;
				width:110px;
				height:24px;}
			#searchSelectDiv {
				z-index:15;
				background:url(../images/search-select.png) no-repeat;}
			#searchSelect:hover #searchList {
				display:block;}
				
			#searchList {
				z-index:10;
				display:none;
				position:absolute;
				left:5px; top:14px;
				width:100px;
				padding:10px 0;
				background:url(../images/search-list.png) left bottom no-repeat;}
			#searchList li {
				position:relative;
				padding:1px 3px 1px 10px;}
			#searchList li:hover,
			#searchList li.selected {
				color:#9900CC;
				cursor:pointer;}
			#searchList li.selected {
				font-weight:bold;}
		/* End: Search CSS */
		
		/* Begin: Menu CSS */
		#menu {
			position:absolute;
			top:140px; right:6px;
			width:866px;
			height:33px;
			background:url(../images/menu-bg.png) no-repeat;}
		#menu #home {
			position:relative; 
			left:0; top:4px;
			width:58px;
			height:26px;
			margin-left:-64px;
			margin-right:13px;
			padding:0;
			background:url(../images/btn-home.png) no-repeat;}
		#menu #home:hover {
			background-position:left -26px;}
		#menu a {
			float:left;
			height:25px;
			padding:0 4px 0 3px;
			margin:0 3px;
			color:#4b0043;
			font-weight:bold;
			line-height:34px;}
		#menu a:hover,
		#menu a.selected {
			color:#d915c5;}
		/* End: Menu CSS */
		
		#logo {
			position:absolute;
			left:0; top:0;
			width:470px;
			height:130px;
			display:block;}
	/* End: Header CSS */
	

	/* Begin: Main CSS */
	#main {
		position:relative;
		width:100%;
		margin-top:-40px;}
		
		/* Begin: Main Shadows CSS */
		#lsh,
		#rsh {
			position:absolute;
			top:15px;
			width:9px;
			height:209px;
			background:url(../images/shadows.png) no-repeat;}
		#lsh {
			left:-3px;}
		#rsh {
			right:-3px;
			background-position:right top;}
		/* End: Main Shadows CSS */	
		
		#content {
			position:relative;
			width:943px;
			margin:0 auto;}
			
			
			/* Begin: Shared Content Blocks & Corners CSS */
			.top, .bot, .mid {
				position:relative;}
			.mid {
				z-index:5;
				float:left;
				width:100%;
				background:#FFF;}
			.mid .inner {
				float:left;
				width:100%;}
			.crn {
				clear:both;
				position:relative;
				height:19px;}
			.crn .lbg, .crn .mbg, .crn .rbg {
				height:100%;}
			.crn .lbg, .crn .rbg {
				position:absolute;
				top:0;
				width:19px;
				background:url(../images/corners.png) no-repeat;}
			.crn .lbg {
				left:0;
				background-position:left top;}
			.crn .rbg {
				right:0;
				background-position:-19px top;}
			.crn .mbg {
				z-index:1;
				position:relative;
				margin:0 19px;
				background:#FFF;
				color:#ababab;
				font-size:13px;
				font-weight:bold;
				line-height:27px;}
			.crn.bot .lbg {
				background-position:left -19px;}
			.crn.bot .rbg {
				background-position:-19px -19px;}
				
			.block {
				width:100%;
				*z-index:-1; /* IE7 fix */
				position:relative;
				margin-bottom:15px;}
			.block .inner {
				*z-index:-1; /* IE7 fix */
				min-height:200px;
				padding:0 1px;
				margin-top:-10px;
				margin-bottom:-11px;}
				
			#noResult {
				padding:20px;
				color:#510359;
				font-size:13px;
				font-weight:bold;
				text-align:center;}
			#noResult span,
			#noResult span a {
				color:#9f038f}
			#noResult span a:hover {
				color:#000;}
			/* End: Shared Content Blocks & Corners CSS */
		
		/* Begin: TopBlockblock CSS */
		#blockTop #tabnew {
			z-index:3;
			position:absolute;
			top:0; left:-32px;
			width:32px;
			height:149px;
			background:url(../images/tab-new.png) no-repeat;}
		#blockTop #tabnew h1 {
			display:none;}
		/*
		#blockTop:hover #tabnew,
		#blockTop #tabnew:hover {
			background-position:-32px top;}
		*/
		#blockTop .item {
			margin-top:0;
			margin-bottom:0;}
		#blockTop .item_new {
			display:block;}
		/* End: TopBlockblock CSS */
		
		
			
		/* End: Contentblock CSS */
		#blockContent #tab {
			float:left;
			width:227px;
			height:27px;
			margin-left:7px;
			line-height:27px;
			text-indent:30px;
			background:url(../images/tab-more.png) no-repeat;}	
		/*
		#blockContent:hover #tab,
		#blockContent #tab:hover {
			background-position:left -27px;}
		*/
		.blockContentTop {
			float:left;
			width:100%;
			margin-bottom:5px;}
		.blockContentTop .bar {
			width:708px;
			clear:right;}
			
		/* Begin: Items CSS */
		.item {
			z-index:10;
			position:relative;
			float:left;
			width:223px;
			height:240px;
			margin:4px 3px 4px 8px;}
		.item.last {
			margin-right:0;}
		.item, .item a {
			color:#2c2c2c;
			font-size:11px;}	
		.item_image {
			position:relative;
			width:100%;
			height:166px;
			margin:0 auto;
			background:url(../images/item-bg.png) no-repeat;}
		.item_img {
			float:left;
			width:206px;
			height:148px;
			overflow:hidden;
			margin:7px;
			border:1px solid #000;}
		.item_play {
			position:absolute;
			left:0; top:0;
			width:223px;
			height:166px;
			display:block;
			background:url(../images/item-play.png) center top no-repeat;}
		.item_new {
			position:absolute;
			top:-1px; left:-1px;
			width:60px;
			height:60px;
			display:none;
			background:url(../images/item-new.png) no-repeat;}
		.item_rating {
			position:relative;
			width:100%;
			height:42px;}	
		.item_rating .star {
			margin-top:8px;}
		.item_date {
			position:absolute;
			right:3px; top:8px;
			width:76px;
			height:24px;
			background:url(../images/item-time.png) no-repeat;
			font-weight:bold;
			line-height:23px;
			text-align:center;}
		
		.item h3 {
			height:28px;
			overflow:hidden;}
		.item h3 a {
			display:block;
			padding:0 3px;}
		.item .ratingDiv {
			text-indent:10px;}
		.item:hover a {
			color:#c542ea;}
		.item:hover .item_play {
			background-position:left -166px;}
		.item:hover .item_new {
			background-position:left -60px;}
		/* End: Items CSS */	
		
		/* Begin: Rating CSS */
		.star {
			float:left;
			width:24px;
			height:24px;
			margin-left:3px;
			cursor:pointer;
			background:url(../images/stars.png) no-repeat;}
		.star.active {
			background-position:left -24px;}
		.star:hover {
			background-position:left -48px;}
		.ratingDiv {
			line-height:34px;}
		/* End: Rating CSS */
		
		/* Begin: Cornered Bar CSS */
		.bar {
			position:relative;
			z-index:10;
			clear:both;
			float:left;
			width:100%;
			margin-top:1px;
			margin-left:-1px;}
		.bar .lbg, .bar .mbg, .bar .rbg {
			height:26px;
			background:url(../images/bar.png) no-repeat;}
		.bar .lbg, .bar .rbg {
			width:12px;
			position:absolute;
			top:0;}
		.bar .lbg {
			left:7px;
			background-position:left -26px;}
		.bar .rbg {
			right:7px;
			background-position:left -52px;}
		.bar .mbg {
			margin:0 19px;
			color:#222;
			font-size:11px;
			font-weight:bold;
			line-height:27px;
			background-repeat:repeat-x;}
		.bar.bot .lbg {
			background-position:left -19px;}
		.bar.bot .rbg {
			background-position:-19px -19px;}
		/* End: Cornered Bar CSS */
		
		/* Begin: Paging CSS */
		.paging a {
			color:#222;
			font-size:11px;}
		.paging a:hover,
		.paging .numbers a.selected {
			color:#9f038f;}
		
		.paging .prev,
		.paging .next {
			z-index:2;
			position:absolute;
			top:2px;
			width:22px;
			height:22px;
			background:url(../images/paging.png) no-repeat;}
		.paging .prev {	
			left:10px;}
		.paging .prev:hover {
			background-position:left -22px;}
		.paging .next {
			right:10px;
			background-position:-22px top;}	
		.paging .next:hover {
			background-position:-22px -22px;}
		
		.paging .numbers {
			width:100%;
			text-align:center;
			margin:0 auto;
			display:table;}	
		.paging .numbers a {
			color:#222;
			padding:0 4px;}
		.paging .numbers a.first,
		.paging .numbers a.last {
			color:#666;}
		.paging .numbers a.first {
			padding-right:15px;}
		.paging .numbers a.last {
			padding-left:15px;}
		.paging .numbers a.selected {
			font-size:14px;}
		/* End: Paging CSS */
	
	/* End: Main CSS */
	


/* Begin: Overlay and Login Screen CSS */
#overlay {
	z-index:900;
	position:fixed;
	top:0; left:0;
	width:100%;
	height:100%;
	background:url(../images/overlay.png);}


	.loginScreen {
		position:absolute;
		left:50%; top:50%;
		width:487px;
		height:232px;
		margin:-116px 0 0 -243px;
		background:url(../images/login/bg.png) no-repeat;}
	.loginScreen#register .formRow {
		margin-bottom:1px;}
		.loginScreen a {
			color:#005fad;
			text-decoration:underline;}
		.loginScreen a:hover {
			color:#5e7c05;}
		
		#innerScreen {
			position:relative;
			width:463px;
			height:208px;
			margin:9px 10px;}
			
			#closeBtn {
				position:absolute;
				right:8px;top:6px; 
				width:24px;
				height:24px;
				cursor:pointer;
				background:url(../images/login/close.png) no-repeat;}
			#closeBtn:hover {
				background-position:left -24px;}
		
			#topTxt {
				position:absolute;
				left:0; top:0;
				height:32px;
				line-height:33px;
				text-indent:15px;
				font-weight:bold;}
		
			#formDiv {
				position:absolute;
				left:30px; top:45px;
				width:340px;}
			.formRow {
				float:left;
				clear:both;
				width:100%;
				margin-bottom:10px;}
			.formRowLeft,
			.formRowRight {
				float:left;}
			.formRowLeft {
				width:140px;
				padding-right:10px;
				text-align:right;
				line-height:23px;}
			.formRowRight {}
				
			#loginBtn {
				border:0;}
			.loginFormInput {
				width:170px;
				height:24px;
				cursor:default;
				margin-left:5px;
				background-image:url(../images/search-input.png);}
			.loginFormInput input {	
				border:0;
				width:155px;
				margin:3px 5px 0;
				background:none;
				font-size:12px;}
						
	#loginBottom {
		position:absolute;
		left:0; bottom:5px;
		width:100%;
		line-height:15px;
		text-align:center;}
/* End: Overlay and Login Screen CSS */



/* Begin: Details Page CSS */ 

#detailsBlock {
	position:relative;
	float:left;
	width:100%;
	height:600px;}
.banners {
	width:100%;
	text-align:center;
	margin:0 auto;
	display:table;
	position:relative;
	z-index:100;
	margin-top:8px;
	float:left;}	
	#detailsBlockLeft .mid,
	#detailsBlockRight .mid {
		height:93%;}
	
	/* Begin: Details Left Block */ 
	#detailsBlockLeft {
		float:left;
		width:564px;
		height:100%;}
		#playerDiv {
			float:left;
			clear:both;
			width:549px;
			height:429px;
			margin:5px 6px 0;
			background:url(../images/player-bg.png) no-repeat;}
		#playerDiv #playerIframe {
			margin:5px 9px;
			visibility:visible;}
		#info {
			position:relative;
			width:544px;
			float:left;
			clear:both;
			padding:10px;}
		#info h3 {
			color:#222;}
		#tags {
			width:100%;
			float:left;
			clear:both;
			padding:10px 0;}
		#tags a {
			float:left;
			margin-right:4px;
			color:#006183;}
		#info .item_rating {
			float:left;
			position:relative;
			height:30px;
			margin-top:-10px;}
		#detailsBlockLeft .item_date {
			right:145px;}
			
		#fav {
			position:absolute;
			right:-12px; top:5px;
			width:148px;
			height:31px;
			cursor:pointer;
			background:url(../images/favorites.png) no-repeat;}
		#fav.add {
			background-position:left top;}
		#fav.add:hover {
			background-position:left -31px;}
		#fav.del {
			background-position:left -62px;}
		#fav.del:hover {
			background-position:left -93px;}
		
	/* Begin: Details Left Block */ 
	
	/* Begin: Details Right Block */ 
	#detailsBlockRight {
		float:right;
		width:374px;
		height:100%;}
		#detailsBlockRight .banners a {
			display:block;
			margin:10px 0;}
	/* End: Details Right Block */
	
	/* Begin: Details Bottom Block */
	#detailsBlockBottom .banners a {
		float:left;
		display:block;
		margin:10px 0 10px 10px;}
	/* End: Details Bottom Block */
		
/* End: Details Page CSS */ 

#acountOptions {
	float:right;
	padding:10px;
	color:#FFF;
	text-align:right;}
#acountOptions a {
	color:#FF00FF;}
	
.fav {
	position:absolute;
	top:2px; right:2px;
	width:33px;
	height:33px;
	cursor:pointer;
	background:url(../images/icon-fav.png) no-repeat;}

.voted {
	float:left;
	width:132px;
	height:24px;
	margin-top:7px;
	line-height:24px;}
	
#loginBtn1 {
	width:143px;
	height:24px;
	display:block;
	background:url(../images/btn-login1.png) no-repeat;}
#loginBtn1:hover {
	background-position:left -24px;}
	
#loginAccount {
	width:143px;
	height:24px;
	float:left;
	display:block;
	background:url(../images/btn-account.png) no-repeat;}
#loginAccount:hover {
	background-position:left -24px;}