@CHARSET "UTF-8";
/* Version SVN: $ID$ */

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  font-style:normal; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ''; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
  
ul li,
ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none; }
  
/*-------------------------------------------------------
			CLEARFIX
-------------------------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: block; }


br.clear {
  clear:both;
  height:1%; }
  

/*-------------------------------------------------------
			GENERALS 
-------------------------------------------------------*/

html,body {
	background:#fff;
	color:#153b63;
	font:normal 11px/13px Arial, Tahoma, sans-serif; }

body {
	text-align:center; }

a {
	color:#153B63;
	outline:none;
	text-decoration:none; }

a:hover {
	color:#1f42a6;
	outline:none;
	text-decoration:none; }

a:active {
	outline:none; }

a:focus { 
	outline:none; }

a.external,
a[target="_blank"] {
	background:transparent url(../images/external.png) no-repeat scroll right center;
	padding-right:13px; }
	
a.back {
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	display:block; }

strong { font-weight:bold; }

em { font-style:italic; }



/*-------------------------------------------------------
			FORM ELEMENTS
-------------------------------------------------------*/

form {
	background:#f1f1f1; }
	
label {
	font-weight:bold;
	display:block;
	margin-bottom:9px; }

input, textarea, select {
	font:normal 11px/13px "Arial", Tahoma, sans-serif; }

input[type="radio"],
input[type="checkbox"] {
  border: none;
  background:transparent; }

input.radio,
input.checkbox {
  border:none; }

input.text:hover { }

input.text:focus { }

.button {
  border:0;
  width:auto;
  height:auto; }
  

/*-------------------------------------------------------
			WRAPPER 
-------------------------------------------------------*/

#wrapper {
	margin:0 auto;
	width:900px;
	text-align:left;
	z-index:9980; }

#contentWrapper {	
	background:url(../images/frontend/backgrounds/content.gif) 0 0 repeat-y; }

		

/*-------------------------------------------------------
			HEADER 
-------------------------------------------------------*/

#header {
	position:relative;
	display:block; }

	#header a.portalLogo {
		display:block;
		width:200px; }
		
		#header a.portalLogo img {
			margin:20px 0 0 0; }
		
		
/*-------------------------------------------------------
			TOP MENU
-------------------------------------------------------*/

#topmenu {
  position:absolute;
  right:0;
  top:5px; }

	#topmenu li {
	  display:inline;
	  color:#6b6b6b;
	  padding:4px; }
	
		#topmenu li a {
		  color:#9b9b9b;
		  text-decoration:none; }	
		
			#topmenu li a:hover {
		  		color:#333;
		  		border-bottom:1px dotted #333; }
				
	#topmenu select {
	  padding:0; 
	  background:transparent; }
 

/*-------------------------------------------------------
			NAVIGATION
-------------------------------------------------------*/

#side {
	float:left; 
	width:180px; }

	#side h1 {
		color:#fff;
		font-size:13px;
		line-height:16px;
		padding:22px 25px 22px 10px; 
		background:url(../images/frontend/backgrounds/nav1.gif) 0 0 repeat-y; }

/*-------------------------------------------------------
			MAIN MENU 
-------------------------------------------------------*/

#mainmenu {
  width:100%;
  overflow:hidden;
  background:url(../images/frontend/backgrounds/nav1.gif) 0 0 repeat-y; }

	#mainmenu ul li {
		padding:0 0 0 10px;
		width:164px; }
	
		#mainmenu ul li a {
			display:block;
			font-size:11px;
			color:#fff;
			padding:4px 0 4px 8px;
			border-bottom:1px solid #b4c6d9;
			background:url(../images/frontend/icons/arrow_8x10_white.gif) 0 5px no-repeat; }
		
			#mainmenu ul li a:hover {			
				text-decoration:none; }
		
		#mainmenu ul li:hover {
			background:#1b528c; }
		
		#mainmenu ul li.active {
			background:#2269B5; }
	

/*-------------- Submenu ----------------------------*/

#mainmenu ul.submenu {
	display:none;
	z-index:1; }

	#mainmenu ul li:hover ul.submenu,
	#mainmenu ul li ul.submenu li:hover a,
	#contextmenu #userinfo_menu h4:hover ul.submenu {
		display:block; }

#mainmenu ul.submenu li,
#mainmenu ul.submenu li a {
	float:left;	
	display:block;	
	height:30px;
	width:192px; }

/*-------------------------------------------------------
			CONTEXT MENU
-------------------------------------------------------*/

/*-------------- Standart ----------------------------*/

#contextmenu {
	width:100%;
	margin:0;
	padding-bottom:5px;
	overflow:hidden;
	color:#fff;
	background:url(../images/frontend/backgrounds/nav1.gif) 0 0 repeat-y; }

	#contextmenu h4 {
		font-size:12px;
		padding:10px 0 10px 10px; }


/*------------- REGISTER / LOGIN ---------------------*/

#userinfo_menu_register,
#userinfo_menu {
	padding:15px 0 6px;
	margin-bottom:30px;
	background:url(../images/frontend/backgrounds/nav2.gif) 0 0 repeat-y; }

#userinfo_menu_register h4,
#userinfo_menu h4 {
	font-size:14px;
	padding:44px 0 4px 0;
	background:url(../images/frontend/icons/user.png) -3px 0 no-repeat; } 


#userinfo_menu_register .box,
#userinfo_menu .box {
	border:1px solid #153b63;
	padding:0 6px 6px;
	background:#dfe9f4;
	width:160px; }	

#userinfo_menu_register a,
#userinfo_menu ul li a {
	display:block;
	color:#153b63;
	padding:8px 0 0 8px;
	background:url(../images/frontend/icons/arrow_8x7_blue.gif) 0 11px no-repeat; }


#userinfo_menu li.profile a {
	display:inline-block; }
		
	#userinfo_menu li.profile a.editLink {
		padding:0;
		background:transparent; }

 
  
/*----------------- CATEGORIES -------------------------*/  
 
#contextmenu #category_menu ul li {
	padding:0 0 0 10px;
	width:164px; }
	
	#contextmenu #category_menu ul li a {
		display:block;
		font-size:11px;
		color:#fff;
		padding:4px 0 4px 8px;
		border-bottom:1px solid #b4c6d9;
		background:url(../images/frontend/icons/arrow_8x10_white.gif) 0 5px no-repeat; }
		
		#contextmenu #category_menu ul li a:hover {			
			text-decoration:none; }
		
		#contextmenu #category_menu ul li:hover {
			background:#1b528c; }
		
		#contextmenu #category_menu ul li.active {
			background:#2269B5; }
  


  

/*-------------------------------------------------------
			CONTENT
-------------------------------------------------------*/

#content {
	float:left;
  	width:720px;
  	margin:0;
	border-top:6px solid #B4C6D9;
	color:#153B63;}

#content h1 {
	color:#153b63;
	font-weight:bold;
	font-size:20px;
	padding:9px 0 13px 13px;
	margin:0 0 12px 0;
  line-height: 22px;
	background:#dfe9f4; }

	#content h1.teaser {
		padding:16px 0 16px 13px;
		margin:0; }

  

	


/*-------------------------------------------------------
			BOTTOM LINK
-------------------------------------------------------*/

.bottomLink {
	display:block;
	width:100%;
	position:relative; }

.more {
  	position:absolute;
  	right:0;
  	bottom:0;
  	display:block;
  	width:73px;
  	height:28px;
	display:block; }


/*-------------------------------------------------------
			Breadcrumbs
-------------------------------------------------------*/

#breadcrumbs {
	background:#dfe9f4;
	padding:0 0 0 13px; }

	#breadcrumbs li {
		display:block;
		float:left;
		margin:0 3px 0 0;
		border-right:1px solid #B4C6D9;
		margin:0 10px 0 0; }
	
		#breadcrumbs li.last {
			border-right:none;}

		#breadcrumbs li a {
			display:block;
			font-weight:bold;
			color:#7F91A5;
			padding:11px 12px 3px 9px;
			background:url(../images/frontend/icons/arrow_8x7_lightblue.gif) 0 14px no-repeat; }
 
 /*-------------------------------------------------------
			Filter
-------------------------------------------------------*/

.filter {
	padding:0 0 3px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #b2b2b2; }

	.filter span,
	.filter ul {
		float:left; }	
	
	.filter span {
		padding:5px 5px 0 0;
		font-weight:bold;
		font-size:12px; }  

ul.sort1 { }

ul.sort1 li {
  float: left;
  list-style: none; }


ul.sort1 li a{
	font-size:12px;
	font-weight:bold;
  	padding:6px 10px 6px 18px;
  	display:block;
  	float:left;
	margin:0px 3px 0 0;
	background:url(../images/frontend/icons/arrow_8x7_blue.gif) 10px 9px no-repeat; 
  	text-decoration: none; }


	ul.sort1 li.act a,
	ul.sort1 li a:hover {
		color:#2269b5;
		background:#e2e2e2 url(../images/frontend/icons/arrow_8x7_mdblue.gif) 10px 9px no-repeat; }
		
.top {
  position: relative; }
  
.top a.action {
	position:absolute;
	bottom:5px;
	right:0;  
	color:#ccc;
  	font-size:11px;
  	padding:0 0 0 20px;
  	background:url(../images/frontend/icons/icons-sprite.png) 5px -2531px no-repeat; }

	.top a.action:hover {
		color:#0066cc;
		text-decoration:none;
		background:url(../images/frontend/icons/icons-sprite.png) -168px -2531px no-repeat; }


.top .actions {
	position:absolute;
	top:0;
	right:0; }

	.top .actions li {
		float:left;	
		margin:0 0 0 5px; }

	.top .actions a {
		color:#ccc;
		font-size:11px;
		padding:0 0 0 20px;	}
	
		.top .actions a:hover {
			color:#0066cc;
			text-decoration:none; }

.box-w .top h2 a {
  color:#333;
  font-size: 12px;
	font-style:italic; }

.box-w .top cite {
  	padding:0 0 0 20px;
  	font-style: normal; }
	
	

/*-------------------------------------------------------
			BOXES
-------------------------------------------------------*/

/*---------------- WIDE --------------------------*/

.box-w  {
	margin-left:6px; }

/*------------------ MIDDLE ------------------------*/





/*---------------- BOX 3/4 ----------------------*/





	



/*---------------------- BOX SCHMAL -------------------------*/

.box-s {
  width: 205px;
  float: left;
  margin: 0 0 0 20px;
  background:url(../images/frontend/backgrounds/boxes.png) -3750px bottom no-repeat; }

.box-s .content {
  width: 205px; }
 
.box-s .content.list li {
  padding: 5px 0;
  width: 100%; }

.box-s .content.list li h3 {
  width: 165px;
  overflow:hidden;
  font-size:12px; }

/*------------------ COLLUMNS --------------------*/

.col-l {
	float:left;
	width:522px;
	padding-right:6px;
	margin-left:12px; }

.col-l .box-wm {
	margin: 0; }

.col-r {
	float:left;
	width:176px; }
  



/*-------------------------------------------------------
			PAGINATION
-------------------------------------------------------*/

.pagination {
	position:absolute;
	top:5px;
	right:0;
	display:block;
	color:#9b9b9b;
	font-size:10px;
	text-align:right; }

	.pagination a {
		text-decoration:none;
		color:#1d1d1d;
		font-weight:bold;
		font-size:12px;
		height:17px;
		line-height:17px;
		padding:0 7px;
		display:inline-block;
		border:1px solid transparent; }

		.pagination a.act,
		.pagination a:hover {
			background:#e1e1e1;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border:1px solid transparent; }
		
		.pagination a.prev {
			background:url(../images/frontend/icons/arrow_prev_8x7_blue.gif) 2px 6px no-repeat; }
		
			.pagination a.prev:hover {
				background:#e1e1e1 url(../images/frontend/icons/arrow_prev_8x7_blue.gif) 2px 6px no-repeat; }
		
		.pagination a.prev.deact {
			background:url(../images/frontend/icons/arrow_prev_8x7_lightgrey.gif) 2px 6px no-repeat; }
		
		.pagination a.next {
			background:url(../images/frontend/icons/arrow_8x7_blue.gif) 7px 6px no-repeat; }
		
			.pagination a.next:hover {
				background:#e1e1e1 url(../images/frontend/icons/arrow_8x7_blue.gif) 7px 6px no-repeat; }
		
		.pagination a.next.deact {
			background:url(../images/frontend/icons/arrow_8x7_lightgrey.gif) 7px 6px no-repeat; }

.pagerBottom {
	position:relative;
	display:block;
	width:100%; }  



/*-------------------------------------------------------
			MEDIA LISTS
-------------------------------------------------------*/

.listWrapper {
	position:relative; }

.listWrapper .pagination {
	top:-45px;
	width:auto; }

.play {
	text-indent:-9999px;
	dislay:block;
	height:53px;
	width:79px;
	background:url(../images/frontend/icons/play.png) 0 0 no-repeat; }

/*-------------------- THUMBS -------------------------*/

#content .media-list.thumbs ul li {
  height:255px;
  overflow:hidden; }

#content .content.thumbs {
	padding:0 0 10px 0;
	margin:0;
  	width:534px;
	float:left; }
  
	#content .box-s .content.thumbs {
  		width:205px; }
	
	#content .box-m .content.thumbs {
  		width:360px; }

	.content.thumbs ul li {
		float:left;
		margin:0 6px 20px 0;
		list-style:none;
		padding-bottom:5px;
		border-bottom:1px solid #b1b1b1; }
	
		.media-list.content.thumbs ul li {
			width:174px; }
		
		.content.thumbs ul li h3 {
			 font-size:14px;
			 margin-bottom:6px; }
	
		.media-list.content.thumbs ul li div {
			position:relative;
			padding-bottom:10px; }

		.content.thumbs ul li cite {
		  font-weight:normal;
		  font-size:11px;
		  color:#808080;
		  display:block; }
	
		.content.thumbs ul li .thumbnail span {
			cursor:pointer;
			color:#f0f0f0;
			text-indent:-9999px;
			display:block;
			position:absolute;
			top:0;
			left:0; 
			height:131px;
			width:171px; }
			
	
		.content.thumbs div .play {
			position:absolute;
			top:40px;
			left:46px; 
			/*visibility:hidden;*/ }
	
			/*.content.thumbs ul li:hover .play {
				visibility:visible; }*/


.content.thumbs ul li.divide,
.content.thumbs ul li.last {
  margin:0; }

.content.thumbs ul li ul {
  padding:0 0 5px; }

#content .content.thumbs ul li li {
  	float:none;
  	width:auto;
  	height:auto;
  	border:0;
  	margin:0;
  	padding:0; }
 
	#content .content.thumbs ul li ul li.description {
		padding-bottom:6px; }

.content.thumbs ul li li a {
  color:#666; }
  

/*-------------------------------------------------------
			USER PROFILE
-------------------------------------------------------*/

#viewProfile {
	margin-left:12px; }

	#viewProfile .location,
	#viewProfile .company {
		padding-left:31px;
		height:17px;
		line-height:17px;
		font-size:14px; }
	
	#viewProfile .location {
		padding-bottom:6px;
		margin-bottom:6px;
		border-bottom:1px solid #b4c6d9;
		background:url(../images/frontend/icons/location.png) 0 0 no-repeat; }
	
	#viewProfile .company {
		background:url(../images/frontend/icons/company.png) 0 0 no-repeat; }
	
	#viewProfile #recentComments {
		margin-top:15px; }
	
	#recentComments .top .pagination {
		position:relative; 
		top:0;
		padding:12px 0 0; }
	
	#recentComments .pagerBottom .pagination {
		top:3px; }



.commentFeedback {
	display:block; 
	padding-top:10px; }

/*-------------------------------------------------------
			EDIT PROFILE
-------------------------------------------------------*/

#editProfile {
	margin-left:12px; }


#editForm h2,
#recentComments h2 {
	background:#153B63;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	height:24px;
	line-height:24px;
	padding-left:9px; }


/*-------------------- Form -------------------------*/  

#editForm {
	margin:16px 0 12px; }

#editForm form {
	padding:15px 10px; }

#editForm form input,
#editForm form select {
	width:215px;
	margin:0 20px 22px 0; }

#editForm form input[type="submit"] {
	width:auto;
	margin:0; }





  
/*-------------------- recend comments -------------------------*/

#recentComments ul {
	margin-top:5px;
	border-top:1px solid #b2b2b2; }

	#recentComments ul li {
		padding:10px 0;
		border-bottom:1px solid #b2b2b2; }
	
	#recentComments .comment,
	#recentComments .referer {
		float:left; }
	
	#recentComments .comment {
		width:405px;
		padding-right:130px; }
	
		#recentComments .comment div {
			padding:12px 0 6px; }
	
	#recentComments .referer {
		width:172px;
		padding-top:27px; }

		#recentComments .referer a {
			padding-left:8px;
			font-weight:bold;
			background:url(../images/frontend/icons/arrow_8x7_blue.gif) 0 3px no-repeat; }




  


/*-------------------------------------------------------
			COMMENTS
-------------------------------------------------------*/

#viewMedia .comment p {
	margin-bottom:12px; }

#viewMedia .comment div p {
	margin-bottom:0; }

#viewMedia .comment p a {
	padding-left:8px;
	background:url(../images/frontend/icons/arrow_8x7_blue.gif) 0 4px no-repeat; }

#viewMedia .top .comment {
	background:#f1f1f1 url(../images/frontend/icons/arrow_8x7_blue.gif) 10px 20px no-repeat;
	height:47px;
	line-height:47px;
	padding-left:17px;
	display:block;
	border-bottom:1px solid #b2b2b2; }	
	
#viewMedia .top .pagination {
	top:47px;
	right:0; }	

.comments {
	display:block;
	padding-bottom:50px; }
	
.comments .list ul li {
	border-bottom:1px solid #b2b2b2; 
	padding:15px 0; } 

	.comments .list ul li h3 {
		font-weight:normal;
		margin-bottom:13px; }
	
		.comments .list ul li h3 a {
			padding-left:10px;
			background:url(../images/frontend/icons/arrow_8x7_blue.gif) 0 3px no-repeat; }

/*---------------- Comment Form -----------------*/
	
.commentForm {
	display:block; }
	
	.commentForm .content {
		background:#f1f1f1;
		padding:20px 10px 30px; }
	
		.commentForm textarea {
			width:497px;
			margin:20px 0 10px; }
	
/*---------------- not logged in -----------------*/

.messageComment {
	padding-bottom:20px;
	border-bottom:1px solid #b2b2b2; }	

.messageComment a {
	margin-top:12px;
	padding-left:10px;
	display:block;	
	background:url(../images/frontend/icons/arrow_8x7_blue.gif) 0 3px no-repeat; }	

	
	
	
/*-------------------------------------------------------
			MEDIA
-------------------------------------------------------*/  

/*---------------- DETAIL -----------------*/

#viewMedia h2 {
	background:#153B63 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	height:24px;
	line-height:24px;
	padding-left:9px; }
	
#viewMedia .description {
	padding:10px 0 20px; }

.content .tags {
	padding-top:10px;
	border-top:1px solid #b2b2b2;}

.content .tags a { }
	
	.content .tags a:hover { }

#content .box-w.media .content.player {
	padding-bottom:0;
	margin-bottom:10px; }

#mediaInfo li {
	margin:5px 0; } 

	#mediaInfo li {
		float:left;
		border-right:1px solid #ccc;
		padding-right:5px;
		margin-right:5px; } 
		
#mediaInfo a {
	color:#0066cc;
	font-size:1em; } 


#content .content.player div {
	background:transparent; }


#mediaDetails  {
	margin:0 15px 15px 0; } 


  
/*-------------------------------------------------------
			VIDEOBOX
-------------------------------------------------------*/

#videobox {
  width: 720px;
  height: 535px;
  color: #f8f8f8;
  /* background: #333; */
  text-transform: uppercase;
  margin: 0 0 10px 20px; }

#flashcloud {
  background: none !important;
}

/*-------------------------------------------------------
			UPLOAD
-------------------------------------------------------*/

#content div#upload {
  width:720px; }

#upload dd {
  margin-bottom:5px; }
  
  


#upload p {
  padding:2px 0 2px 0;
  font-size:10px;
  line-height:1.2em;
}

#upload span.types_list input,
#upload span.hidden_list input {
  display:inline;
}

#upload span.types_list label,
#upload span.hidden_list label {
  display:inline;
  font-weight:normal;
}

#upload p label {
  font-weight:bold;
  font-size:12px;
  margin-bottom:2px;
}

#upload p label {
  padding:10px 0 0 0; }

#upload ul.channel_info li {
	float:left;
	display:block;
	width:240px; }

#upload ul.error_list {
  list-style:none;
  background:#F6BABA none repeat scroll 0 0;
  border:1px solid #F6A1A1;
  padding:4px 10px; }


/*-------------- UPLOAD WIDGET  ------------------------*/

#swfuploadWidget input#txtFileName {
  width:500px;
  margin: 8px 0 0 0; }

*+html #swfuploadWidget input#txtFileName {
  width: 336px;
}

#swfuploadWidget object.swfupload {
  position: relative;
  top: 9px;
}

*+html #swfuploadWidget object.swfupload {
  top: 4px;
}

#swfuploadWidgetHelp {
  padding:5px 0 0 0; }

#swfuploadWidgetHelp p {
  font-size:10px;
  line-height:1.2em; }



/*-------------------------------------------------------
			EDIT MEDIA
-------------------------------------------------------*/

#content div#edit {
  width:470px; }

#content #edit dd {
  margin-bottom:5px; }

#edit p {
  padding:2px 0 2px 0;
  font-size:10px;
  line-height:1.2em;
}

#edit span.types_list input,
#edit span.hidden_list input {
  display:inline;
}

#edit span.types_list label,
#edit span.hidden_list label {
  display:inline;
  font-weight:normal;
}

#edit p label {
  font-weight:bold;
  font-size:12px;
  margin-bottom:2px;
}

#edit p label {
  padding:10px 0 0 0;
}

#edit input#media_title,
#edit input#media_tags {
  width:450px;
}

#edit form textarea {
  margin:0;
  width:450px;
}



/*-------------------------------------------------------
			RATING
-------------------------------------------------------*/

#mediaInfo .rating {
	position:relative; }


#sideBar .infoBox .rating a {
	background:transparent;
	padding:0; }


.rating img {
	height:16px;
	width:16px; }
	
.stars {
	width:95px;
	display:block; }
	
	.stars a {
		height:16px;
		width:16px;
		float:left; }

	.stars img {
		height:16px;
		width:16px; }
	
	.starEmpty {
		background:url(../images/frontend/icons/stars.png) -16px 0 no-repeat; }
		
	.starHalf {
		background:url(../images/frontend/icons/stars.png) -32px 0 no-repeat; }
		
	.starFull {
		background:url(../images/frontend/icons/stars.png) 0 0 no-repeat; }

.rating span.info {
	color:#999;
	font-size:11px;
  display: block;
	padding:0 0 0 3px; }


	







/*-------------------------------------------------------
			CATEGORIES
-------------------------------------------------------*/

/*-------------- OVERVIEW  ------------------------*/

#catOverview h2 {
	font-size:17px;
	padding:14px 0 10px; 
	float:left;
	display:block;
	width:100%; }

#categories {
	width:534px;
	float:left; }

	#categories li {
		float:left;
		height:115px;
		width:264px; 
		margin-right:0;
		border-top:1px solid #ccc; }
	
		#categories li.break {
			margin-right:6px; }
		
		#categories li div {
			float:left;
			width:132px; }
		
		#categories li a.link {
			padding-left:8px;
			font-weight:bold;
			background:url(../images/frontend/icons/arrow_8x7_blue.gif) 0 4px no-repeat; }
				
		#categories li .image {
			float:left;
			width:132px;
			margin:0;
			padding-top:15px; }
		
			#categories li .image a {
				display:block; }
			
				#categories li .image a img {
					padding-left:10px; }
		
		#categories .description h3 {
			font-size:12px;
			line-height:15px;
			padding:15px 0 6px;
			overflow:hidden; }
		
		#categories .description p {
			padding:0 0 6px; }

#catOverview #media-box {
	margin-left:0; }


/*-------------- DETAIL  ------------------------*/

#category {
	position:relative; }

#category h2.title {
	position:absolute;
	left:13px;
	top:28px;
	font-weight:bold;
	font-size:20px; }

#category .content p {
	font-size:13px; 
	font-weight:bold;
	margin:14px 0 20px 6px; }

#category .content img.katimg {
	float:left;
	margin:0 0 10px 10px; }


/*-------------------------------------------------------
			SEARCH
-------------------------------------------------------*/

#search-box .listWrapper .empty {
	float:left;
	width:517px; }


/*-------------------------------------------------------
			sideBar
-------------------------------------------------------*/

#sideBar {
	float:left;
	width:174px;
	margin:0 0 0 6px; }	

	#sideBar h3 {
		background:#153b63;
		height:24px;
		line-height:24px;
		padding-left:9px;
		color:#fff;
		font-size:15px;
		font-weight:bold; }	
	
	#sideBar a {
		padding-left:8px;
		background:url(../images/frontend/icons/arrow_8x7_blue.gif) 0 4px no-repeat; }
	
/*-------------- Search  ------------------------*/	
	
#sideBar .searchBox {
	background:#f1f1f1;
	margin-bottom:12px; }
	
	#sideBar .searchBox div {
		padding:5px; }	
	
		#sideBar .searchBox p {
			padding:0 0 12px 30px;
			height:20px;
			line-height:20px;
			font-weight:bold;
			font-size:12px;
			background:url(../images/frontend/icons/search.png) 0 -2px no-repeat; }
		
		#sideBar .searchBox input[type="text"] {
			width:150px;
			margin-bottom:6px; }
		
		#sideBar .searchBox select {
			width:145px; }
		
		#sideBar .searchBox a {
			display:block;
			font-weight:bold;
			margin-top:12px; }
	
		
	
/*-------------- service  ------------------------*/
	
#sideBar .serviceBox {
	margin-bottom:12px; }

	#sideBar .serviceBox div {	
		background:#f1f1f1;
		padding:5px;
		margin-bottom:1px; }
	
		#sideBar .serviceBox div p {	
			padding:5px 0 6px 30px;
			height:20px;
			line-height:20px;
			font-weight:bold;
			font-size:12px; }

			#sideBar .serviceBox .catalog p {
				background:url(../images/frontend/icons/catalog.png) 0 3px no-repeat; }
	
			#sideBar .serviceBox .contact p {
				background:url(../images/frontend/icons/contact.png) 3px 3px no-repeat; }
			
			#sideBar .serviceBox .shop p {
				background:url(../images/frontend/icons/shop.png) 0 3px no-repeat; }
	
	
		

/*-------------- filter  ------------------------*/
		
#sideBar .filterBox {
	margin-bottom:12px; }

	#sideBar .filterBox a {
		display:block;
		background:#f1f1f1 url(../images/frontend/icons/arrow_8x7_blue.gif) 9px 6px no-repeat;
		margin-bottom:1px;
		height:17px;
		line-height:17px;
		padding-left:18px; }
		

/*-------------- media info  ------------------------*/
	
#sideBar .infoBox {
	margin-bottom:12px; }
	
	#sideBar .infoBox li {
		margin-bottom:1px;
		padding:5px;
		background:#f1f1f1; }
	
		#sideBar .infoBox li.info a {
			background:transparent;
			padding:0; }
	
		#sideBar .infoBox li.info p {
			padding:2px 0; }
		
		#sideBar .infoBox li.share p,
		#sideBar .infoBox li.taf p,
		#sideBar .infoBox li.embed p {
			padding:5px 0 6px 30px;
			height:20px;
			line-height:20px;
			font-weight:bold;
			font-size:12px;	}
		
		#sideBar .infoBox li.share p {
			background:url(../images/frontend/icons/rating.png) 0 4px no-repeat; }
			
		#sideBar .infoBox li.taf p {
			background:url(../images/frontend/icons/taf.png) 0 4px no-repeat; }
		
		#sideBar .infoBox li.embed p {
			background:url(../images/frontend/icons/embed.png) 0 4px no-repeat; }
		
		#sideBar .infoBox li.embed label,
		#sideBar .infoBox li.embed input {
			display:inline-block;
			font-weight:normal; }
		
		#sideBar .infoBox li.embed label {
			width:35px; }
		
		#sideBar .infoBox li.embed input {
			width:100px; }

/*-------------- share  ------------------------*/

#sideBar .bookmarks {
	display:block;
  padding-left: 10px}

#sideBar .bookmarks a {
	display:inline-block;
	margin:6px 0 0 -7px;
	padding-left:0;
	background:transparent; }


	#sideBar .bookmarks a img {
		height:10px;
		width:10px; }

		
/*-------------- media info  ------------------------*/

#sideBar .downloadBox {
	margin-bottom:12px; }

	#sideBar .downloadBox div {
		background:#f1f1f1;
		padding:5px; }
	
		#sideBar .downloadBox div a {
			display:block;
			padding:4px 0 4px 37px;}
		
			#sideBar .downloadBox div a.avi {
				background:url(../images/frontend/icons/videoTypes.png) 0 7px no-repeat; }
			
			#sideBar .downloadBox div a.wmv {
				background:url(../images/frontend/icons/videoTypes.png) 0 -11px no-repeat; }
			
			#sideBar .downloadBox div a.mp4 {
				background:url(../images/frontend/icons/videoTypes.png) 0 -29px no-repeat; }
			
			#sideBar .downloadBox div a.mov {
				background:url(../images/frontend/icons/videoTypes.png) 0 -47px no-repeat; }



/*-------------------------------------------------------
			ADVANCED SEARCH
-------------------------------------------------------*/

#search h2 {
	padding-left:27px;
	margin-bottom:4px;
	font-size:14px;
	height:21px;
	line-height:21px;
	background:url(../images/frontend/icons/search.png) 0 -2px no-repeat; }

#search-box h2 {
	display:block;
	font-size:12px;
	padding:22px 0 7px 13px;
	width:100%; }

##search-list {
	position:relative; }

#search-list .pagination {
	top:-45px;
	width:auto; }

#search form {
	padding:10px;
	margin-top:12px; }
	
#search .simple {
	padding-left:0; }
	
	#search .simple input {
		width:340px;
		margin-right:16px;}
	
	#search .simple a {
		padding-left:8px;
		font-weight:bold;
		background:url(../images/frontend/icons/arrow_8x7_blue.gif) 0 4px no-repeat; }
	
	#search .simple a.advanced {
		padding-left:17px;
		display:block;
		margin-top:9px;
		background:url(../images/frontend/icons/advSearch.png) 0 0 no-repeat; }
	
		#search .simple a.advanced.min {
			background:url(../images/frontend/icons/advSearch.png) 0 -13px no-repeat; }



#search .advanced {
	margin-top:28px; }

#advanced_search .bottomLink {
	float:left;
	display:block;
	margin:10px 0; }

#advanced_search label {
  display: block;
  font: bold 12px/17px "Arial", Tahoma, sans-serif;  
  overflow:hidden; }

#advanced_search .left {
  float: left;
  width: 230px; }

	#advanced_search .left input,
	#advanced_search .left textarea {
	  width: 200px; }


#advanced_search .advanced .channel_info li {
  overflow:hidden;
  display:block; }

#advanced_search .advanced .channel_info li input {
  display:inline-block;
  vertical-align:top; 
  width:20px; }

#advanced_search .advanced .channel_info label {
  font-weight:normal;
  font-size:10px;
  vertical-align:top;
  width:115px;
  padding:0;
  display:inline-block; }

#advanced_search .advanced .hidden_list {
  padding: 0 10px 0 0; }

#advanced_search .advanced .channel_info li {
  float: left;
  width:223px; }

#advanced_search input.button {
  float: right; }

#catswitch,
#chaswitch {
  margin-bottom:5px; }

#advanced_search .advanced .hidden_list label {
  font-size:11px;
  font-weight:normal;
  display: inline;
  vertical-align:text-top; }

#advanced_search .advanced .hidden_list {
  display:block; }

#advanced_search ul {
  padding-left:24px; }


/*-------------------------------------------------------
			LOGIN FORM
-------------------------------------------------------*/


#userForm  {
	font-size:13px; }

	#userForm p  {
		margin-left:13px; }
		
	#userForm a {
		margin-left:13px;
		padding:0 0 0 10px;
		background:url(../images/frontend/icons/arrow_8x7_blue.gif) 0 5px no-repeat; }
		
.loginform {
	width:688px;
	padding:15px 10px;
	margin:16px 0 0 7px; }
	
	.loginform dd {
		margin-bottom:4px; }	

	.loginform #signin_username,
	.loginform #signin_password,
	#openid_url {
		width:212px; }
	
	.loginform #signin_password {
		margin:0 10px 0 0; }
	
	.loginform #pwforgot {
		font-weight:bold;
		margin-left:0; }
	
/*-------------------------------------------------------
			FORGOT PASSWORD
-------------------------------------------------------*/

#password_email {
	width:485px; }

/*-------------------------------------------------------
			REGISTER
-------------------------------------------------------*/



.registerform {
	width:688px;
	padding:15px 10px;
	margin:16px 0 0 7px; }

	.registerform dd {
		margin-bottom:23px; }

	#register input[type=text],
	#register input[type=password] {
		width:212px; }
		
	#openid_register input[type=text],
	#openid_register input[type=password] {
		width:212px; }

	#register input#register_agb_ok,
	#openid_register input#openid_agb_ok {
	  float:left;
	  width:3%;
	  margin:2px 5px 0 0; }

	#register .agb label,
	#openid_register .agb label {
		float:left; 
		width:95%;
		padding:0;
		font-weight:normal; }

.registerform .last {
	margin:0; }

/*-------------------------------------------------------
			WEBCONTENT
-------------------------------------------------------*/


.product_update {
	padding-left:6px; }


/*-------------------------------------------------------
			ERROR
-------------------------------------------------------*/

.message {
  margin:0 0 5px 6px;
  padding: 2px 7px 0px;
  width:698px;
  list-style:none;
  font-weight:bold; }
 
.message li {
	padding-left:23px;
	height:16px;
	line-height:16px;
	margin-bottom:2px; }

.message.error {
  border: 1px solid #F40B04;
  background: #FDDEDC; }
 
	.message.error li {
	  background:url(../images/frontend/i/error.gif) 0 0 no-repeat; }

.message.warning {
  border: 1px solid #f5f6a1;
  background: #f4f6ba; }

.message.success {
  border: 1px solid #AED8B4;
  background:#F5FDF0; }
 
	.message.success li {
	  background:url(../images/frontend/i/success.gif) 0 0 no-repeat; }

.message.info {
  border: 1px solid #a1b5f6;
  background: #bad5f6; }

.empty {
  padding: 5px 7px 5px 10px;
  text-align: left;
  color: #808080; }

.thumbs .empty {
  padding: 5px 7px 5px 10px; }

li.empty {
  border: 0; }
  



/*-------------------------------------------------------
			ERROR PAGES
-------------------------------------------------------*/

#content .content.error {
  padding:10px 20px 45px 10px;
  width:690px; }

#content .content.error p {
  padding:5px 0 10px 10px;
	line-height:1.5em;
}

#content .content.error ol { 
	padding:5px 0 15px 35px;
	list-style:outside decimal;
  line-height:1.45em;
}

#content .content.error ol ul { padding:4px 0 2px 35px; }
#content .content.error ol ol { padding:4px 0 2px 35px; }
#content .content.error ol li { padding:0 0 4px 0; }
#content .content.error ol li li { padding:0 0 2px 0; }

#content .content.error ul {
  padding:0 0 15px 35px;
	list-style:outside disc;
  line-height:1,2em;
}

#content .content.error ul ul { padding:4px 0 2px 35px; }
#content .content.error ul ol { padding:4px 0 2px 35px; }
#content .content.error ul li { padding:0 0 4px 0; }
#content .content.error ul li li { padding:0 0 2px 0; }






/*-------------------------------------------------------
			FOOTER
-------------------------------------------------------*/
  
#footer {
	
	margin:0 auto;
  	width:900px;
	height:17px;
  	color:#9b9b9b;
	text-align:left;
	background:url(../images/frontend/backgrounds/footer.gif) 0 0 no-repeat; }

#footer a.top {
	display:block;
	margin-left:15px;
	color:#153b63;
	padding:2px 0 0 11px;	
	background:url(../images/frontend/icons/arrow_up_12x12_blue.gif) 0 2px no-repeat; } 
	
/* ================
   	  AUTH FORM
   ================ */

#web_auth_body {
	width:500px;
	display:block;
	margin:0 auto;
	padding-top:100px;
}

#web_auth_login_form {
	padding:10px 0; 
}

#web_auth_body img,
#web_auth_body fieldset {
	float:left;
}

#web_auth_body img {
	padding:0 10px 0 0;
}

#web_auth_body fieldset {
	width:250px;
	padding:10px;
}

#web_auth_body label {
	line-height:30px;
	width:60px;
	display:inline-block;
}

#web_auth_fieldset_legend {
	font-size:1.3em;
	margin:0 0 10px 0;
	line-height:20px;
}

* html #web_auth_fieldset_legend {
	margin-left:-7px;
}

#web_auth_username,
#web_auth_password {
	width:143px;
	padding:0; }

#web_auth_submit {
	margin-left:156px; }