/* - - - - - - - - - - - - - - - - - - - - -

Title : Moviereporter
Author : Silab Kamawall
URL : www.moviereporter.net

Description : CSS For Moviereporter.net

Created : 21.08.2008 
Modified : -

- - - - - - - - - - - - - - - - - - - - - */


/* @group Globals */
body {
	font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-size: 12px;
	color: #373d4a;
	background: #788D8F url(../images/body_bg.png) repeat-x scroll 0 0;
	
}

li, dt, dd {font-size: 12px; line-height: 1.6em; }
li *, dt *, dd * {font-size: 11px; }
dl, p {margin-bottom: 12px; } 
p, #main{
	font-size: 12px;
	color: #333;
	line-height: 20px;
}
form p
{
	margin: 10px 0;
}
p strong, #main strong
{
	font-weight: bold;
}
#main strong.highlight{
	background: yellow;
}
a, a:link, a:visited { color: #069; text-decoration: none; }
a:hover, a:link:hover {text-decoration: underline;}
a.link-button {color: #069; text-decoration: none;background: #fff; padding: 3px 6px;}
a.link-button:hover {text-decoration: underline;}
a.post_reply
{
	display: block;
	background: #00b2ff;
	color: #fff;
	padding: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
}
a.post_reply:hover
{
	text-decoration: underline;
}
a[target="_blank"]:before,
a[target="new"]:before {
	 
 }


.underline {text-decoration: underline; }

.left {float: left; margin: 0 10px 10px 0;}
.left-nomargin {float: left; margin: 0;}
.right {float: right; }

img {
	border: none;
}
img.left {margin: 0 1em 0.5em 0; border: 1px solid #ccc;}
img.right {margin: 0 0 0.5em 1em; }

.hide {
	display: none;
}

* {
	outline: none;
	-moz-outline: 0;
}

ul.list li
{
	padding: 7px 0;
	border-bottom: 1px solid #ccc;
}

a.rounded{
	padding: 5px;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border:1px solid #666;
	font-weight:normal;
	line-height:15px;
	margin:0;
	padding:7px 20px;
	text-transform:none;
	background: #999;
	color: #fff;
}
a.rounded.white{
	background: #fff;
	color: #000;
}
a.rounded.blue{
	background: #fff url("/images/btn-bg.gif") repeat-x bottom;
	color: #069;
	border: 1px solid #ccc;
}
a.rounded:hover{
	background: #fff;
	color: #000;
	text-decoration: none;
}
/* @end */


/* @group Layout */

#container {
	margin: 0 auto 0;
	width: 950px;
	padding:0;
	position: relative;
}
body#index #container{
	width: 900px;
}
#announcements
{
	margin: -20px 0 10px;
	position: relative;
	color: #000;
}
#announcements.announcement
{
	background: #FFF9D8 url(/images/tab_yellow.png) no-repeat scroll left top;
	padding: 10px 10px 10px 48px;
}
#announcements.technik
{
	background: #FFF9D8 url(/images/tab_note.png) no-repeat scroll left top;
	padding: 10px 10px 10px 48px;
}
#announcements.urgent
{
	background: #F9D9D8 url(/images/tab_red.png) no-repeat scroll left top;
	padding: 10px 10px 10px 48px;
}

.hide_announcement
{
	position: absolute;
	right: 10px;
	top: 10px;
}


/* @group Login-Form */
#login-form {
	position:absolute;
	height:30px;
	padding:10px 27px 1px 27px;
	right:0;
	top:0;
	color: #666;
	width:383px;
}
#login-form a
{
	color: #00b2ff;
}
#login-form form {
	float:right;
	margin:-21px 0 0 0;
}
#login-form .registration {
	background:url(/images/new/mr_sprite.png) no-repeat -5px -24px;
	border-right:1px solid #fff;
	color:#fff;
	float:left;
	margin:0 20px 0 0;
	padding:3px 20px 0 15px;
	text-decoration:none;
}
#login-form input {
	border:0;
	color:#666;
	height:16px;
	left:150px;
	margin:0 3px 0 0;
	padding:2px 0 0 0;
	position:absolute;
	top:11px;
	width:98px;
}
#login-form input#password {
	left:260px;
}
#login-form input#submit {
	background:url(/images/new/mr_sprite.png) no-repeat -5px -2px;
	border:0;
	color:#fff;
	cursor:pointer;
	height:19px;
	left:365px;
	top:9px;
	width:45px;
}

/* @end */


/* @group Header */
#header {
	height:122px;
	padding:70px 0 0 0;
}
/* @end */


/* @group Top-Navigation */
#topnav li { 
	float:left;
}
#topnav a {
	color:#fff;
	display:block;
	height:20px;
	padding:12px;
	text-decoration:none;
	width:auto;
	font-size: 12px;
}
#topnav li:hover a {
	background:url(/images/new/mr_sprite.png) -156px -139px;
	color:#333;
}
#topnav li.active a {
	background:url(/images/new/mr_sprite.png) -156px -139px;
	color:#333 !important;
}
#topnav li.active.start a {
	background-position:-146px -139px;
}
.subnav {
	background:#eaedee;
	display:none;
	position:absolute;
	top:40px;
	width:150px;
	z-index:10;
}
.subnav li {
	border:1px solid #b6bbbd;
	border-top:1px solid #dde6e7;
	clear:left;
	float:none;
	display:block;
	margin:0 !important;
	text-align: left;
	width:149px;
}
.subnav a {
	background:none;
	color:#333 !important;
}
.subnav li a {
	height:22px !important;
	padding:5px 10px 0 !important;
}
#topnav li:hover .subnav {
	display:block;
}
#topnav li:hover ul li a {
	background:none;
}
.subnav li:hover {
	background:#d5dadd;
}
/* @end */

/* @group content */
#content
{
	background:#FFFFFF;
	float:left;
	min-height:300px;
	padding:13px;
	width:922px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

#main
{
	width: 600px;
	float: left;
	position: relative;
	border-right: 1px dotted #ccc;
	padding-right: 8px;
}
#main.main_middle
{
	width: 600px;
	margin: 0 auto;
	position: relative;
	float: none;
	border: none;
}
#body
{
	margin: 12px;
}
*html #main
{
	margin: 0 10px;}
#mainbig
{
	margin: 0 15px;
}

#sidebar
{
	width: 300px;
	float: right;
}
* html #sidebar
{
	
}
/* @end */

/* @group Advertisement banners */
img.full-banner
{
	width: 910px;
	margin: 0 0 30px;
}
.small-banner-ad
{
	margin: 10px 0;
}
/* @end */


#action_frame
{
	position: fixed;
	bottom: 0;
	color: #fff;
	padding:0;
	right:0;
	width:100%;
	z-index:99;
}
#presence_frame
{
	background: #e5e5e5;
	margin: 0 ;
	padding: 0 15px;
	position: relative;
	overflow: visible !important;
	border: 1px solid #ccc;
	border-bottom: none;
}
#presence_bar
{
	height:26px;
	padding:0;
}
.presence_option
{
	background: #e5e5e5;
	border: 1px solid #ccc;
	border-bottom: none;
	bottom:26px;
	margin:0;
	height: auto;
	color: #111111;
	padding:5px;
	position:absolute;
	right:0;
	z-index:12;
}
#copy {
	clear: both;
	float:left;
	width: 930px;
	margin: 20px auto 0 auto;
	position:relative;
	padding: 15px 10px;
	background: #f1f1f1;
	display:block;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
.movie #copy {
	float:none;
	margin-top:20px;
}
#copy p
{
	margin: 0 5px;
	font-size: 10px;
}
body#index #copy{
	width: 900px;
}

.clear {
	width: 100%;
	clear: both;
}


.feedback_link
{
	position: absolute;
	left: -70px;
	top: 250px;
	padding: 0 0 0 5px;
}

.main-content-right
{
	width: 680px;
	float: right;
	margin: 25px 15px;
}
.sidebar-left-small{
	float: left;
	width: 205px;
	margin: 25px  15px;
}

/* @end */

/* @group Headings */


h2, h3, h4
{
	position: relative;
}

h1 {font-size: 20px; margin: 0 0 0 0; line-height: 1.2em; color: #000;}


.news h2
{
	font-size: 16px;
	border: none;
}

#main h1
{
	border: none;
}
#main .front_news h2
{
	border: none;
}

#footer h1
{
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
	color: #333;
	padding: 5px 0;
	margin-bottom: 10px;
	font-family: arial;
}

#footer h2
{
	font-size: 17px;
	color: #1A1A1A;
	margin: 0;
}

#footer h3
{
	color: #333;
	margin: 10px 0 0;
	font: normal normal 12px arial;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	color: #000;
}
.line
{
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

 h2 span, h3 span, h4 span
{
	position: absolute;
	right: 0;
}
h3.kommentare
{
	padding-bottom: 10px;
	margin: 20px 0;
	border-bottom: 1px solid #ccc;
}
h3.kommentieren
{
	font-size: 1.8em;
	margin: 0;
}

h2.alpha
{
	font-family: arial;
	font-size: 1.3em;
	color: #666;
	margin: 30px 0 0;
}

.newslist
{
	margin-bottom: 20px;
}


#main h3.release-date
{
	background:#FFFFFF url(/images/header-bg.gif) repeat-x scroll 0 0;
	border:medium none;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin:5px 0;
	padding:2px 15px;
	text-align: right;
}

#main .movie-detail-view h3
{
	xfont-size: 20px;
	margin: 0;
	border: none;
}
h1.title
{
	color: #fff;
	margin: 20px 0 10px;
}

h1.ntitle
{
	padding: 10px 0;
	margin: 10px 0 20px;
	background:transparent url(/images/dot_gray.gif) repeat-x scroll left bottom;
}

.box h2
{
	margin: 0 0 10px;
	font-size: 14px;
}


.dotted
{
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}


.relative
{
	position: relative;
}

#sidebar h2 
{
	xborder: none;
	xfont-size: 12px;
	font-weight: normal;
	xtext-transform: uppercase;
	xcolor: #fff;
	background: #000;
	xpadding: 5px 10px;
	xposition: relative;
}
#sidebar h2 img
{
	position: absolute;
	left: 20px;
	top: 24px;
}
#main span.poll-question
{
	background: #ff3a27;
	color: #fff;
	line-height: 30px;
	padding: 5px;
	border: none;
	font-size: 18px;
}
#main span.poll-question a
{
	color: #000;
}

.sidebar_links li
{
	border-bottom: 1px solid #ccc;
	margin: 0;
}
.sidebar_links li a
{
	display: block;
	padding: 5px 0;
	font-size: 13px;
}


/* @end */

/* @group Content */
.round_big_box
{
	border-top: none;
	padding: 0;
	margin-bottom: 10px;
}
.roundbox
{
	border-top: none;
	padding: 0;
	margin-bottom: 10px;
	font-size: 12px;
}
.module{
	background: #fff;
	padding: 10px;
}

.newsmeta p
{
	float: left;
	font-size: 11px;
}
.comment-bubble{
	background: #F8F8F8;
	border:1px solid #F0F0F0;
	padding:1px 6px;
	text-align:center;
	position: relative;
	float: right;
}
.comment-bubble span{
	background:transparent url(/images/bubble_bottom.gif) no-repeat scroll left center;
	border-top:1px solid #F8F8F8;
	height:11px;
	left:23px;
	position:absolute;
	top:19px;
	width:8px;
	z-index:2;
}

.module-header
{
	background: #ddd;
	margin: -10px -10px 20px;
	border: 1px solid #fff;
	padding: 5px;
}
.module-header h1, 
.module-header h2, 
.module-header h3,
.module-header h4,
.module-header h5{
	float: left;
}
.module-header span
{
	float: right;
}

.box
{
	padding: 0;
	margin-bottom: 20px;
	font-size: 12px;
}
.boxed
{
	margin: 0 0 35px;
	border-bottom: 1px solid #ccc;
}
.divide
{
	background:#F3F3F3 url(/images/sidebar_divider.gif) no-repeat scroll 0 0;
	padding: 5px 0 20px;
}
.last_box
{
	background:#F3F3F3 url(/images/sidebar_divider.gif) no-repeat scroll 0 100%;
}
/* @group index */


.index_box h4, .index_box h2
{
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	margin: 5px 0 10px;
	padding: 5px 0;
}
.index_box p
{
	margin-top: 10px;
}

.slider
{
	float: left;
	width: 552px;
	margin-right: 10px;
}

.index-promo
{
	width: 318px;
	height: 310px;
	float: right;
	margin:  0;
}
.big_box
{
	width: 606px;
	float: left;
	position: relative;
	padding: 0 8px;
	border-right: 1px solid #ccc;
}

* html .small_box_right 
{
	width: 250px;
}
* html .small_box_right  img
{
	width: 250px;
}
.last
{
	margin-right: 0;
	border: none;
	width: 250px;
	padding: 0;
	background: yellow;
	float: right;
}
.small_box .image
{
	height: 115px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}
.small_box .image img
{
	width: 300px;
}
.small_box .title
{
	position: absolute;
	background: #000;
	color: #fff;
	bottom: 0;
	height: 30px;
	display: block;
	margin: 0;
	font-size: 12px;
	width: 100%;
	padding: 5px;
	opacity: 0.8;
	line-height: 14px;
}

.small_box .title a
{
	color: #fff;
}

.small_box .time
{
	position: absolute;
	bottom: 0;
	left: 10px;
}
.small_box .komment
{
	position: absolute;
	bottom: 0;
	right: 8px;
}

.small_box .entry, .small_box_right .entry
{
	position: relative;
	height: 50px;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}

.small_box .entry .poster, .small_box_right .entry .poster
{
	position: absolute;
	left: 0;
	width: 54px;
	text-align: left;
}
 .small_box .entry .poster img, .small_box_right .entry .poster img
{
	padding: 2px;
	border: 1px solid #ccc;
	width: 35px;
	
}
.small_box .entry .foto img
{
	position: absolute;
	left: 0;
	padding: 2px;
	border: 1px solid #ccc;
	width: 84px;
}
.small_box .entry .entry_content, .small_box_right .entry .entry_content
{
	position: absolute;
	left: 94px;
	width: 200px;
}
.small_box .entry .date
{
	position: absolute;
}
.small_box .entry .komments, .small_box_right .entry .komments
{
	position: absolute;
	right: 5px;
}
.small_box .entry .komments img, .small_box_right .entry .komments img
{
	
}
/*
	SLIDER
*/
.slider-wrap								{ width: 552px; overflow: hidden; height: 300px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0; }
.stripViewer								{ position: relative; overflow: hidden; width: 552px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; overflow: hidden;}
.stripViewer .panelContainer .panel			{ float: left; position: relative; width: 552px; overflow: hidden; }
.stripViewer .panelContainer .panel img 	{
	width: 552px;
}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black;}
* html .nav-thumb 									{ border: 1px solid black; width: 76px; }
#movers-row									{ margin: -15px 0 0 0; }
#movers-row div								{ width: 78px; float: left; margin: 0; text-align: left;}
* html #movers-row div								{ width: 65px; float: left; margin: 0; text-align: left;}

#movers-row div a.cross-link 				{ float: none; }
.photo-meta-data							{ background: url(/images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 50; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 50; }
.active-thumb 								{ background: transparent url(/images/icon-uparrowsmallwhite.png) top center no-repeat; }

/* These 2 lines specify style applied while slider is loading */
.csw {width: 550px; height: 285px; background: #fff; overflow: hidden;}
.csw .loading {margin: 0 0 0 0; text-align: center}
.csw img {
	width: 552px;
}


.item_content{
	width: 190px; 
	float: right; 
	position: relative;
}
.item_content p
{
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
}

ul.left-list li{
	float: left;
	margin: 2px;
}
ul.left-list li img{
	padding: 2px;
	border: 1px solid #ccc;
}

ul.raffles li img{
	width: 290px;
}

/*** set the width and height to match your images **/

		#slideshow {
		    position:relative;
		    height:300px;
		}

		#slideshow IMG {
		    position:absolute;
		    top:0;
		    left:0;
		    z-index:8;
		    opacity:0.0;
		}

		#slideshow IMG.active {
		    z-index:10;
		    opacity:1.0;
		}

		#slideshow IMG.last-active {
		    z-index:9;
		}
		
ul.social li a{
	display: block;
	font-size: 15px;
	font-weight: bold;
}
ul.social li {
	padding: 5px 0 5px 50px;
	margin: 0 0 5px;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}
ul.social li.rss {
	background: url("/images/social.gif") no-repeat 0 0;
	background-position: 0 -90px;
	
}
ul.social li.twitter {
	background: url("/images/social.gif") no-repeat 0 10px;
	background-position: 0 7px;
	
}
ul.social li.facebook {
	background: url("/images/social.gif") no-repeat 0 0;
	background-position: 0 -40px;
	
}
/* @end */

/* @group stage */
.stage
{
	background: #000 url("../images/stage_back.gif") repeat-x;
	color: #ccc;
	padding: 15px;
	font-size: 12px;
	position: relative;
	margin: 0 0 20px;
}
.stage h1
{
	font-size: 24px;
	margin: 20px 0 10px;
}
.stage h2, .stage h3, .stage h4
{
	margin: 10px 0;
}
.stage h2 a, .stage h3 a, .stage h4 a
{
	color: #00b2ff ;
}
.stage-poster
{
	float: left;
	width: 210px;
	height: 300px;
	margin: 20px 20px 20px 0;
	text-align: center;
	font-size: 10px;
}
.stage-poster p
{
	color: #808080;
}
.stage-poster img
{
	padding: 2px;
	border: 1px solid #999;
	margin-bottom: 8px;
}


.stage-content
{
	float: left;
	margin: 20px 0;
	width: 500px;
	color: #808080;
}

.stage-ratings
{
	position: absolute;
	right: 0;
	bottom: 80px;
	height: 200px;
	color: #000;
	background: #fff;
	padding: 10px 10px 10px 20px;
}
.stage-ratings .avg-rating{
	padding: 10px 17px;
	border-bottom: 1px dotted #ccc;
	margin: 0px 0 10px;
}
.stage-ratings .user-rating{
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	margin: 0px 0 10px;
	height: 50px;
}
.usr-rating{
	height: 40px;
	padding: 0 17px;
}
.usr-rating strong{
	display: block;
	margin-bottom: 5px;
}
.usr-rating strong em{
	font-weight: bold;
}
.usr-rating .rating-caption{
	display: block;
	padding: 0;
	color: #666;
}
.ratings-table.movie .usr-rating .rating-caption{
	display: block;
	padding: 5px 0;
	color: #666;
}

.stars-off, .stars-on {
	 position: relative;
	 height:16px;
	 background:url(/images/new_star.gif) repeat-x 0 0px;
}

.stars-on {
	 position: absolute;
	 background-position: 0 -16px!important;
}


.stage-actions
{
	width: 150px;
	position: absolute;
	right: 20px;
	top: 100px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}

.bookmark
{
	position: absolute;
	bottom: 20px;
	right: 15px;
}
.stage.grey
{
	background: #c2c2c2 url("../images/stage-back-grey.gif") repeat-x;

}
.stage.user
{
	background: #000 url("../images/stage-back-blue.jpg") repeat-x;
}
.stage.bluray
{
	background: #fff url("../images/stage-back-bluray.gif") repeat-x;
	padding: 20px 15px;
	color: #fff;
}
.stage.dvd
{
	background: #fff url("../images/stage-back-dvd.gif") repeat-x;
	padding: 20px 15px;
	color: #fff;
}
.stage.video
{
	background: #000;
	padding-bottom: 20px;
	text-align: center;
}

.stage.bluray p, .stage.dvd p
{
	color: #fff;
}
.stage.bluray strong, .stage.dvd strong
{
	background: transparent;
	color: #999;
}
.stage.bluray a {
	color: #fff;
	text-decoration: underline;
}
.stage.user p
{
	color: #808080;
}

.stage.small
{
	padding: 0 15px;
}
.stage.grey h1
{
	color: #000;
}
.stage.user h1, .stage.video h1, .stage.video h2
{
	color: #fff;
}
.stage.small h2
{
	margin: 0;
}

.stage .points
{
	position: absolute;
	right: 50px;
	top: 0;
	padding: 5px;
	font-size: 24px;
	background: red;
	color: #fff;
}

.stage .what-hint
{
	position: absolute;
	right: 200px;
	bottom: 130px;
	background: url("/images/what-hint.png") no-repeat;
	width: 200px;
	height: 100px;
	z-index: 2;
}
.stage .points-hint
{
	position: absolute;
	right: 110px;
	top: -10px;
	background: url("/images/points-hint.png") no-repeat;
	width: 245px;
	height: 70px;
	z-index: 2;
}

a.button{
	}
* html a.button{
	float: none;
	margin: 5px 0;
	padding: 0;
	background: none;
	width: auto;
}
a.small.button > span { 
	font-size:11px;
	padding:6px 5px 3px 15px;
}
a.small.button, a.small.button > span { 
	background-image:url(/images/bg-button-small.png);
}
a.button > span { 
	background-position:left top;
	background-repeat:no-repeat;
	color:#333333;
	display:block;
	font-size:13px;
	height:15px;
	left:-5px;
	padding:1px 5px 1px 15px;
	position:relative;
	text-align:center;
	text-decoration:none;
}


.tabs {
 padding-bottom: 0 !important;
 background: url('/images/bg-tabs.png') bottom repeat-x !important;
 margin: 0 -13px 20px;
}

.tabs ul {
 clear: both;
 margin: 15px 0 0 0;
 padding: 0 0 0 20px;
}

.tabs li.selected, .tabs li.selected span { 
background-color:#FFFFFF;
}
.tabs li { 
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:10px;
}
.tabs li.selected a { 
	background-image:url(/images/bg_tab_selected.png);
	color:#333333;
	font-weight:bold;
}
.tabs li a { 
	background:transparent url(/images/bg_tab.png) no-repeat scroll right center;
	color:#000;
	display:block;
	padding:0 5px 0 0;
	text-decoration:none;
}

.tabs li a:hover {
 color: #333;
}

.tabs li em {
 position: relative;
 top: -3px;
 color: #b3cb47;
 font-style: normal;
 font-weight: bold;
 font-size: 0.7em;
 text-transform: uppercase;
}

.tabs li span {
 display: block;
 position: relative;
 left: -5px;
 padding: 8px 10px 4px 20px;
 background: url('/images/bg_tab.png') left no-repeat;
}

.tabs li.selected,
.tabs li.selected span {
 background-color: #fff;
}

.tabs li.selected a {
 color: #333;
 font-weight: bold;
 background-image: url('/images/bg_tab_selected.png');
}

.tabs li.selected span {
 background-image: url('/images/bg_tab_selected.png');
}

.tabs a.inhalt
{
	background: url("/images/inhalt.gif") no-repeat 0 0;
	padding-left: 20px;
}

/* @end */

/* @group news */
.front_news li img
{
	float: left;
	margin: 0 15px 10px 0;
}
ul.news li
{
	width: 223px;
	float: left;
	background: #fff url("/images/news-bg.jpg") top no-repeat;
	padding: 10px;
	border: 1px solid #DADADA;
	margin: 0 10px 10px 0;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}
ul.news li.even
{
	margin-right: 0;
}
.news .meta
{
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	height: 20px;
	margin-bottom: 15px;
}

.news .meta span.author
{
	float: left;
}
.news .meta span.comments
{
	float: right;
}

.news h2 a
{
	color: #1A1A1A;
}

.newsmeta
{
	font-size: 11px;
	margin: 0;
	color: #666;
	margin: -10px 0 15px;
	position: relative;
}

.newslist li
{
	padding: 10px 0 5px;
	border-bottom: 1px dotted #ccc;
}

.news-item
{
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	
}
.news-pic
{
	float: left;
	width: 100px;
}
.news-pic img
{
	width: 80px;
	padding: 1px;
	border: 1px solid #ccc;
}
.news-text{
	position: relative;
	float: right;
	width: 490px;
}
.news-text h3 {
	font-size:14px;
	font-weight:normal;
	margin: 0 0 10px;
}
span.meta.comments{
	position: absolute;
	right: 5px;
}
.bookmark
{
	color:#222222;
float:right;
font-size:9px;
margin-top:15px;
text-align:right;
width:200px;
}

.interact_toolbar{
	margin: 10px 0 20px;
}
.interact_toolbar .actions_wrap { 
	height:1%;
	overflow:hidden;
	padding:0 5px 0 0;
}
.interact_toolbar .actions_wrap { 
	
}
.interact_toolbar ul{
	border-color:#C7C7C7;
	border-style:solid;
	border-width:1px 0;
	float:left;
	width: 100%;
}
.interact_toolbar ul li {
	background:#F8F8F8;
	padding:1px 4px;
	width:auto;
	border:0 none;
	float:left;
}
.interact_toolbar ul li.last { 
	float:right;
}

.interact_toolbar ul li a { 
	background:transparent url(/images/bg_toolbar_icons.gif) no-repeat scroll left top;
	color:#000000;
	float:left;
	line-height:20px;
	padding:0 0 0 25px;
}
.interact_toolbar ul li .print_story {
	background-position:-10px 3px;
}
.interact_toolbar ul li .email_story {
	background-position:-10px -22px;
}
.interact_toolbar ul li .comment_story {
	background-position:-10px -47px;
}
.interact_toolbar ul li .facebook_story { 
	background-position:-10px -100px;
}
.interact_toolbar ul li.last a { 
	padding:0 22px 0 0;
}
.interact_toolbar ul li .rss_feed { 
	background:transparent url(/images/bg_icons_med.gif) no-repeat scroll right -51px;
}

.news-footer{
	padding: 10px 0;
	margin: 20px 0 -10px;
	background:transparent url(/images/dot_gray.gif) repeat-x scroll left top;
}
/* @end */

/* @group movies */
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 800px;	 
	height:220px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:160px;
	color:#fff;
	cursor:pointer;
}
#thumbs div img{
	padding: 2px;
	border: 1px solid #ccc;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color: #ccc;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/images/left.png) no-repeat;
	float:left;
	margin:90px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/images/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:400px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

.movie-detail-view
{
	height: 160px;
	padding: 10px 0 20px 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
}
.movie_details
{
	position: relative;
}
.movie_details h3 {
	font-size:14px;
	font-weight:normal;
}
.movie_details h4 {
	color:#666;
}
.detail_poster
{
	position: absolute;
	left: 0;
	width: 100px;
}
.detail_poster img
{
	padding: 2px;
	border: 1px solid #ccc;
}
.detail_infos
{
	position: absolute;
	left: 110px;
	width: 490px;
	height: 160px;
}
.detail_infos h1
{
	font-size: 15px;
	margin: 0;
}
.detail_infos h5
{
	font-size: 12px;
	margin: -8px 0 10px;
	color: #666;
	font-weight: normal;
}
.detail_infos h1 a
{
	font-size: 15px;
}
.detail_infos p
{
	color: #000;
	font-size: 1.1em;
}
.detail_infos span.release{
	position: absolute;
	right: 0;
}
.ratings-table
{
	position: absolute;
	bottom: 5px;
	border: 1px solid #ccc;
}
.ratings-table td {
	padding: 3px 10px;
	width: 150px;
}
.ratings-table.movie td {
	padding: 10px 20px;
} 

.movie-ratings
{
	position: absolute;
	top: 0;
	right: 0;
}
* html .movie-ratings
{
	right: 20px;
}

.item-meta
{
	margin-bottom: 20px;
}
.item-meta p
{
	margin: 0;
	color: #808080;
}

.text
{

}

.poster
{
	xtext-align: center;
}

.date_select {
	margin: -10px 0 20px;
	padding: 5px 10px 10px;
	background:#FFFFFF url(/images/header-bg.gif) repeat-x scroll 0 0;
	border:medium none;
	color:#333333;
}
.date_select select{
	margin: 0 10px;
}

.month_switch{
	margin: 0px 0 20px;
}
.previous_month{
	float: left;
	width: 200px;
}
.next_month{
	float: right;
	width: 200px;
	text-align: right;
}
#main .previous_month a, #main .next_month a{
	font-size: 16px;
	font-weight: bold;
}


.upcoming{
	width: 215px;
	float: left;
	position: relative;
	height: 350px;
	margin: 10px 0;
	
}
.upcoming_poster img{
	width: 198px;
	height: 280px;
}
.upcoming_body{
	padding: 10px;
	height: 50px;
	position: relative;
}
.upcoming_body h3{
	font-size: 14px;
}
.upcoming_body span.date{
	position: absolute;
	bottom: 10px;
}
.upcoming_body span.comments{
	position: absolute;
	bottom: 10px;
	right: 10px;
}


.featured-items
{
	padding: 10px;
	background: #000;
	color: #fff;
	margin: 0 0 25px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
.featured-item, .featured-poster{
	float: left;
	width: 200px;
}
.featured-item p
{
	color: #666;
}
.featured-poster{
	width: 180px;
}
.featured-item.description
{
	width: 450px;
	padding-right: 15px;
	border-right: 1px dotted #ccc;
}
.featured-item.photos
{
	float: right;
	width: 240px;
}
.featured-item.photos ul li{
	float: left;
	margin: 5px;
	width: 50px;
}
.featured-item.photos ul li img {
	padding: 1px;
	border: 1px solid #ccc;
}


.items{
	margin: 20px 0 30px;
}
.item{
	float: left;
	width: 100px;
	margin: 10px;
	text-align: center;
}
.item .poster{
	height: 160px;
}
.item .poster img{
	padding: 2px;
	border: 1px solid #ccc;
	width: 100px;
}


.movie-items{
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;	
}
.movie-items .poster{
	float: right;
	margin-left: 10px;
}
.movie-items .poster img {
	padding: 2px;
	border: 1px solid #ccc;
}
.movie-items .content{
	float: left;
	font-weight: normal;
	width: 240px;
}
.movie-items .content p
{
	line-height: 12px;
	font-size: 11px;
	margin: 5px 0;
}
/* @end */

/* @group comments */
#commentz{
	margin: 40px 0 30px;
}
.comments-box
{
	margin: 20px -10px 0;
	position: relative;
}
.comment-sidebar{
	float: left;
	width: 95px;
	margin: 0 10px;
	text-align: center;
}
.comment-body{
	float: right;
	width: 470px;
}
.co-meta
{
	margin: 0 0 15px;
}
.co-avatar img
{
	width: 90px;
	padding: 2px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.co-actions a
{
	display: block;
	font-size: 11px;
}

.co-comment
{
	padding: 0 10px 0 0;
}

.arrow-box-blue-main
{
	background:#00B1FF none repeat scroll 0 0;
	color: #FFFFFF;
	padding: 0.3em 0.4em;
	position: absolute;
	right: 0;
	top: -10px;
	font-size: 11px;
	z-index:15;
}
.arrow-box-blue-main a
{
	color: #fff;
}
.arrow-box-blue-main span
{
	position: relative;
	display: block;
}
.arrow-box-blue-main span img
{
	position: absolute;
	top: 1px;
	left: 0.5em;
	border: none;
}
/* @end */


/* @group galleries */

.album
{
	border:1px solid #E8EBED;
	float:left;
	height:220px;
	margin:0 15px 25px 0;
	padding:8px;
	position:relative;
	width:150px;
}
.album:hover
{
	background: #eee;
}
.album-size
{
	position: absolute;
	left: 10px;
	bottom: 5px;
}
#main .album h3
{
	border-bottom:1px solid #ccc;
	font-size: 12px;
	font-weight:normal;
	margin: 5px 0 10px;
	padding:0 0 5px 0;
	line-height: 15px;
}
#main .album p
{
	font-size: 11px;
	line-height: 15px;
}
.created-time
{
	position: absolute;
	bottom: 5px;
	right: 10px;
	color: #999;
}
.gallery_photos
{
	margin: 10px 0 30px;
}
.gallery_photos li
{
	float: left;
	padding: 4px 4px 4px 0;
	border: none;
	text-align: center;
}
.gallery_photos li img
{
	padding: 2px;
	border: 1px solid #ccc;
}

.kind
{
	position: absolute;
	right: 0;
	font-size: 12px;
	color: #999;
}

.images
{
	margin: 20px;
}

.image-strip
{
	
}

.image-strip li
{
	float: left;
	margin: 5px 5px 5px 0;
}

.image-strip li img
{
	width: 80px;
	padding: 2px;
	border: 1px solid #ccc;
}

.gallery_image
{
	text-align: center;
	background: #000;
	padding: 10px 0;
	margin: 0 -15px;
	position: relative;
}
.gallery_image img
{
	margin: 10px 0;
	border: 1px solid #fff;
}

.gallery_meta
{
	
}

.prev-image
{
	float: left;
	width: 200px;
}
.next-image
{
	float: right;
	width: 200px;
	text-align: right;
}

/* @end */


/* @group videos */
.light
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	overflow: hidden;
	background: #000;
	opacity: 0.99;
}
.light_switch
{
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 20;
	cursor: pointer;
	color: gray;
}
.light_switch.on
{
	color: yellow;
}
.light_switch img
{
	margin-bottom: -2px;
}
.videoplayer
{
	position: relative;
	z-index: 100;
}
.video_item
{
	position: relative;
	height: 350px;
	width: 160px;
	float: left;
	margin: 10px;
	padding: 5px 0;
}
.video_item .movie-ratings
{
	margin: 5px 5px 0 0;
}

.video_item .poster
{
	position: relative;
	text-align: center;
	margin: 20px 0 10px;
	padding: 5px;
}
.video_item .video_movie_title a
{
	color: #000;
}
.video_item small
{
	color: #666;
}
.video_movie
{
	position: relative;
}
.video_movie .video_movie_poster
{
	width: 80px;
	float: right;
}
.video_movie .video_movie_poster img
{
	padding: 1px;
	border: 1px solid #ccc;
}

/* @end */

/* @group featuers */
.features{
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	margin: 15px 0;
}
.features_poster{
	margin: 0 10px 10px 0;
	float: left;
	position: relative;
	z-index: 20;
}
.features_poster img {
	
}
.features_body{
	padding: 0  10px 0;
	position: relative;
}
.features_body span.date{
	position: absolute;
	left: 10px;
	bottom: -20px;
}
.features_body span.comments{
	position: absolute;
	right: 10px;
	bottom: -20px;
	color: #666;
}
.more-features{
	text-align: right;
	margin: 5px 10px 15px;
}


#main .features_body h3{
	margin: 0 0 10px;
	
}
#main .features_body h3 a{
	font-size: 14px;
}

a.next_item{
	position: absolute;
	right: 100px;
	top: 150px;
	width: 26px;
	height: 32px;
	background: url("/images/next-item.png");
}
a.next_item span, a.prev_item span{
	display: none;
}
a.prev_item{
	position: absolute;
	left: 100px;
	top: 150px;
	width: 26px;
	height: 32px;
	background: url("/images/prev-item.png");
}
#main.main_middle h3{
	margin: 15px 0 10px;
	font-size: 14px;
}

.side-nav{
	margin: 0 0 30px;
}
.side-nav li a{
	display: block;
	padding: 5px 0;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
}
/* @end */

/* @group community */

span.empty_inplace
{
	width: 350px;
	background: yellow;
}
.avatar
{
	background: #ccc;
	text-align: center;
	padding: 20px 0 10px;
	margin-bottom: 25px;
}
.moviereporter
{
	background: #597a91;
}
.avatar img
{
	border: 1px solid #fff;
}
.avatar p
{
	margin: 10px 0 0;
	color: #fff;
}

.points
{
	font-weight: normal;
	font-family: arial;
	color: red;
}


.tab_nav li
{
	float: left;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: -1px;
}
.tab_nav li.first
{
	border-left: 1px solid #ccc;
}
.tab_nav li a
{
	display: block;
	padding: 5px;
	background: #dfdfdf;
	color: #7a7a7a;
	
}
.tab_nav li a:hover, .tab_nav li a.active
{
	background: #fff;
	color: #7FA6C2;
	text-decoration: none;
}

.profile_actions li
{
	float: left;
}

.profile_actions li a
{
	display: block;
	width: 150px;
}

/* @end */

/* @group raffles */
.raffled
{
	margin: 0 0 20px;
}

.raffled img
{
	width: 550px;
}

.raffle-imprint
{
	font-size: 10px;
	font-style: italic;
}

/* @end */

/* @group Tabs (in the sidebar for the AJAX box) */

.tab_container {
	margin: 0px;
	padding: 0px;
	border: 5px solid #eeeeee;
}

.tab_container_in {
	margin: 0px;
	padding: 10px;
	
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.tab_poster
{
	float: left;
	margin: 0 10px 0 0;
}
.tab_poster img
{
	width: 40px;
}
.tab_menu_container {
	padding: 0px 0px 0px 0px;
	height: 38px;
	background-color: #eeeeee;
	position: relative;
}
.tab_menu_container span
{
	position: absolute;
	left: 6px;
	top: 10px;
	color: #cc0000;
	text-transform: uppercase;
	font-weight: bold;
}
#tab_menu
{
	position: absolute;
	top: 0;
	left: 40px;
}
#tab_menu li {
	margin: 0px;
	padding: 7px 5px 2px 0px;
	background-color: #eeeeee;
	font-size: 11px;
	line-height: normal;
	float: left;
	list-style: none;
	border-bottom: none;
}

#tab_menu .first {
	padding: 7px 5px 2px 6px;
}

#tab_menu li a, #tab_menu li a:visited {
	margin: 0px;
	padding: 3px 6px 3px 6px;
	
	background-color: #eeeeee;

	color: #999999;
	text-decoration: none;
	
	display: block;
}

#tab_menu li a:hover, #tab_menu li a.current {
	background-color: #999999;

	color: #ffffff;
	text-decoration: none;
}

.tab_content_list {
	display: none;	
}

#tab_content_tags a, #tab_content_tags a:visited {
	color: #999999;
	text-decoration: none;
}

#tab_content_tags a:hover {
	color: #000000;
	text-decoration: none;
}

/* @end */


/* @group Sidebar */

.sideblock_head
{
	padding: 10px;
	background: #f1f1f1;
}
#sidebar .sideblock_head h3
{
	border: none;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}
.sideblock
{
	padding: 15px 10px;
	border: 1px solid #f1f1f1;
	margin-bottom: 10px;
}

.top_video
{
	margin: 5px 0 30px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.top_video h5
{
	margin: 25px 0 0;
}
.top_video img
{
	float: left;
	margin: 0 8px 0 0;
	padding: 1px;
	border: 1px solid #ccc;
}

.side-list li
{
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 7px 0;
}
.side-list li:hover
{
	background: #fff;
}
.side-list li h5
{
	margin: 0;
}
.side-list li h5 a
{
	color: #000;
}

.side-items{
	margin: 20px 0;
}

.side-feature{
	margin: 10px 0;
	position: relative;
}
.side-feature img{
	width: 290px;
}
.side-feature h3 {
	background: #fff;
	font-weight:normal;
	font-size:14px;
	opacity: 0.8;
	position: absolute;
	bottom: 20px;
	margin: 0 8px 0 5px;
	padding: 5px;
	width: 281px;
	filter:alpha(opacity=80);
}
.your-points{
	padding: 30px 20px;
	background: #000;
	margin: -5px 0 20px;
	color: #fff;
	text-align: center;
	font-size: 48px;
	font-weight: bold;
}

.what_is_he_doing { 
	border-bottom:1px solid #CCCCCC;
	margin:0 5px 10px 0;
	padding:5px 0 15px;
	position:relative;
	width:300px;
}
.what_is_he_doing .what { 
	left:70px;
	position:absolute;
	top:0;
}
.what_is_he_doing .what p { 
color:#999999;
font-size:10px;
}
#sidebar .what_is_he_doing p, #main .what_is_he_doing p { 
line-height:14px;
margin:5px 0;
}

.sidemodule .image
{
	float: left;
	width: 65px;
	margin: 0 10px 10px 0;
}

.movie-of-the-week {
	padding: 0 0 10px;
}
.last-tv-tip{
	margin: 15px 0 ;
	padding: 5px 0;
}
/* @end */

/* @group groups */
.featured-groups
{
	margin: 0 0 40px;
}
.featured-groups .featured-poster{
	width: 240px;
}
.featured-groups .featured-poster img,
.featured-groups .photos img{
	padding: 7px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border:1px solid #E3E3E3;
}
.featured-groups .photos{
	text-align: right;
}
.featured-groups .photos a:hover img{
	border:1px solid #069;
}
.featured-groups .description{
	width: 420px;
}

.groups-list li
{
	width: 120px;
	float: left;
	height: 150px;
}

.groups-list li span{
	display: block;
}

.group
{
	margin: 60px 0 50px;
	position: relative;
}
.group.small{
	padding: 60px 20px 10px;
	margin: -10px -10px 30px;
	background: #efefef;
	border-bottom: 1px solid #ccc;
}

.group .actions
{
	position: absolute;
	right: 0;
	top: -50px;
}
.group.small .actions
{
	position: absolute;
	right: 10px;
	top: 16px;
}

.group .poster{
	width: 220px;
	float: left;
}
.group.small .poster{
	width: 70px;
}

.group .description{
	float: right;
	width: 670px;
}
.group.small .description{
	float: right;
	width: 800px;
}

.group .meta{
	margin:10px 0 30px;
}

/* @end */

/* @group paginator */
.paginator
{
	clear:both;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	margin: 20px 0;
}
/* @end */

.index-feature
{
	padding: 25px 10px 0;
	background: #000;
	margin: 0 0 30px;
}
* html .index-feature
{
	padding: 25px 0;
}

.top-featured
{
	width: 165px;
	float: left;
	margin: 0 5px 20px 8px;
	position: relative;
}
.top-featured .title
{
	position: absolute;
	bottom: 30px;
	background: #fff;
	padding: 5px;
	left: 0;
	opacity: 0.8;
}
.top-featured .image img
{
	overflow: hidden;
	width: 160px;
	height: 230px;
}
.posters img
{
	padding: 2px;
	border: 1px solid #ccc;
}
.top-featured .groups-image img
{
	width: 160px;
}
.top-featured .title a
{
	font-size: 15px;
}



.list_poster
{
	float:left;
	margin:0 10px 0 0;
}
.list_poster img
{
	width: 40px;
}

body#index .feed_item {
	width:550px;
}
.feed_item p	{display: block;}
.feed_item .right{
	border-left: 1px solid #666; 
	padding-left: 3px;
	margin-left: 3px; 
	position: absolute;
	right: 0;
	top: 0;
	width: 15px;
}
.feed_item .left		{position: relative;float:left;}
.feed-icon
{
	width: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
.feed-text
{
	float: left;
	margin: 5px 0 0 40px;
	width:550px;
}
body#index .feed-text {
	width:500px;
}

.feed-text small
{
	color: #ccc;
	font-size: 11px;
	display: block;
	padding: 0;
}
.feed-text blockquote
{
	margin: 5px 0;
	font-style: italic;
}
.feed-text img {
	float:left;
	margin:0 10px 5px 0;
}

.feed_item {
	border-bottom:1px solid #eee;
	clear:both;
	float:left;
}
img.icon_small	{ margin: 0 1px -5px 0;}

.inside_box li	{padding: 2px;}
.inside_box ul	{padding-left: 15px;}

.friend
{
	float: left;
	width: 100px;
	margin: 10px;
}
.friend .image
{
	margin: 0 0 5px;
}
.friend .image img
{
	padding: 1px;
	border: 1px solid #ccc;
}


.profile-pics
{
	width: 95px;
	float: left;
	margin: 0 5px 20px 0px;
	position: relative;
}
.profile-pics .image{
	
}
.profile-pics .image img{
	width: 80px;
}
.profile-pics .has_gallery{
	width: 20px;
	height: 20px;
	background: transparent url(/images/icons.png) no-repeat scroll -2px -151px;
	position: absolute;
	bottom: 0;
	right: 0;
}

h2.take_quiz{
	color: orange;
}

.quiz_question{
	margin: 0 0 20px;
	border-bottom: 1px solid #ccc; 
	padding: 10px 0;
}

.quizzes{
	margin: 10px 0;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

.quiz_question li{
	margin: 5px 0;
	padding: 3px 0;
}
.quiz_question li:hover{
	background: #FFFCC1;
}

.profile-quizzes{
	float: left;
	width: 100px;
	height: 100px;
	margin: 10px;
}


.special_movie_info
{
	padding: 10px;
	background: #f2f2f2;
}
.special_movie_info .images{
	margin: 10px;
}
.special_movie_info .movie-poster{
	position: absolute;
	right: -160px;
	top: 145px;
	width: 160px;
	text-align: center;
}
.special_movie_info .movie-poster img{
	width: 100px;
}
/* @end */


/* @group Footer */

.meta
{
	font-family: arial;
	font-size: 11px;
	color: #666;
}


ul.side_raffles li
{
	border: none;
	float: left;
	margin: 0 5px 0 0;
}
ul.side_raffles li img
{
	width: 140px;
	padding: 1px ;	
	border: 1px solid #ccc;
}
.side-images li
{
	float: left;
	margin: 5px;
}
.side-images li img
{
	padding: 1px;
	border: 1px solid #ccc;
}



/* @end */




/* @group tables */
.table h3
{
	margin: 0;
	border: 0;
}
.table
{
	width: 100%;
	font-size: 11px;
	margin: 20px 0;
}
table, tr, td { 
	border:0 none;
	border-collapse:collapse;
	vertical-align:top;
}

.table th.replys,
.table th.recent
{
	text-align: center;
	color:#BBBBBB;
	font-size:11px;
	font-weight:normal;
	padding-top:10px;
}
.table th
{
	text-align: left;
	border-top: 1px solid #fff;
	margin: 0 0 15px;
	height: 30px;
	border-bottom:1px solid #C9C9C9;
}
.table tr td
{
	border-bottom: 1px solid #E4E4E4;
	padding: 10px 5px;
}
.table tr.odd{
	
}
.table tr.even{
	background:#fff none repeat scroll 0 0;
	border-bottom:1px solid #E4E4E4;
}
.table td.recent{
	padding:13px 0;
	text-align:right;
}
.table td.replys{
	border-bottom:1px solid #E4E4E4;
	padding:10px 0;
	text-align: center;
}
.table td.recent p{
	margin: 0 10px 0 0;
	padding: 0;
	text-align:right;
	font-size: 11px;
} 
.table td.replys p
{
	text-align: center;
	margin: 10px 0 0;
	font-size: 14px;
	font-weight: bold;
}
.table tr.forum-title
{
	background: #f7f7f7;
}
.table td.forum-title
{
	padding: 2px 0;
	vertical-align: baseline;
}
tr.even td
{
	background: #f5f5f5;
}
td span.title
{
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
}
td span.small
{
	font-size: 10px;
	color: gray;
}
td span.replies
{
	font-size: 13px;
	color: #999;
	font-weight: bold;
}
/* @end */

/* @group misc */

/* @group MISC */
#steps{
	background: #eceef4;
	margin: 0 0 30px;
}
.steps{
	float:left;
	padding: 5px;
	margin-right: 20px;
	color: #000;
}
.steps.active{
	background: #000;
	color: #fff;
}

.start_content
{
	padding: 20px;
	border-top: 1px solid #d0d0d0;
	background: #ededed;
	margin: 20px 0 20px;
	position: relative;
}
a.skip
{
	position: absolute;
	right: 10px;
	border: 10px;	
}
.graph { 
        position: relative; /* IE is dumb */
        width: 460px; 
        border: 1px solid #B1D632; 
        padding: 2px; 
		margin: 0 0 20px;
    }
    .graph .bar { 
        display: block;
        position: relative;
        background: #B1D632; 
        text-align: center; 
        color: #333; 
        height: 2em; 
        line-height: 2em;            
    }
    .graph .bar span { position: absolute; left: 1em; }

div.wrap {
	clear:both;
	float:left;
	margin:0 0 25px 0;
	position:relative;
}
.accessible {
	display:none;
}
.majuscules {
	text-transform:uppercase;
}
.strong {
	font-weight:bold;
}
.button {
	background:url(/images/new/mr_sprite.png) no-repeat;
}
.button.delete {
	background-position:-5px -230px;
	display:block;
	overflow:hidden;
	text-indent:16px;
	white-space:nowrap;
	width:16px;
}
label {
	
}
textarea {
	height:80px;
	margin:0 0 15px 0;
	width:640px;
}
body.movie textarea {
	width:600px;
}
/* @end */
.relative
{
	position: relative;
}
.imageborder{
	border: 1px solid #ddd;
	padding: 2px;
}
.alphabet-list
{
	background: #fff;
	padding: 0;
	margin: -5px 0 20px;
	position: relative;
}
.alphabet-list ul
{
}

.alphabet-list ul li
{
	float: left;
}
.alphabet-list a
{
	display: block;
	padding: 0 5px;
	margin-right: 1px;
	color: #fff;
	background: #000;
}

.alphabet-list .genres
{
	position: absolute;
	right: 10px;
	top: 10px;
}

.bluray
{
	color: blue;
}
.dvd
{
	color: brown;
}
.error
{
	color: red;
}
#error-messages
{
	border-bottom: 2px solid red;
	margin-bottom: 20px;
}
#error-messages li
{
	color: red;
}
.raffles li
{
	margin: 5px 0;
	text-align: center;
}
.raffles li img
{
	border: 1px solid #ccc;
	width: 290px;
}
.raffles-list li
{
	border: none;
	float: left;
	width: 222px;
	text-align: center;
	height: 170px;
}
.raffles-list li img{
	width: 200px;
}

#poll
{
	margin: 30px 0;
}
ol.poll
{
		margin-left: 20px;
}
ol.poll li
{
	list-style-type: decimal;
	list-style-position: outside;
	padding: 5px 0 ;
	border-bottom: 1px solid #fafafa;
}
a.poll-q
{
	padding: 4px;
	background: #ff3a27;
	color: #fff;
	font-size: 12px;
}
a.poll-a
{
	padding: 4px;
	background: #f06000;
	color: #fff;
	font-size: 12px;
}
a.poll-a:hover
{
	background: #fff;
	color: #f06000;
	text-decoration: none;
}
a.add-new
{
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background: #00b2ff;
	padding: 3px;
	margin: 0 10px 0 10px;
}
a.add-new:hover
{
	background: #fff;
	text-decoration: none;
	color: #00b2ff;
}
a.add_link
{
	background: url("/images/add.gif") no-repeat 0% 0%;
	padding: 3px 20px 5px 20px;
	font-size: 12px;
}
a.add_link:hover
{
	background: url("/images/add-hover.gif") no-repeat 0% 0%;
}
a.mail
{
	background: url("/images/mail.gif") no-repeat 0% 0%;
	padding-left: 25px;
}
a.mail:hover
{
	background: url("/images/mail-hover.gif") no-repeat 0% 0%;
}
a.ban
{
	background: url("/images/ban.gif") no-repeat 0% 0%;
	padding-left: 25px;
}
a.ban:hover
{
	background: url("/images/ban-hover.gif") no-repeat 0% 0%;
}
a.block
{
	background: url("/images/block.gif") no-repeat 0% 0%;
	padding-left: 20px;
}
a.block:hover
{
	background: url("/images/block-hover.gif") no-repeat 0% 0%;
}

a.error
{
	color: red;
}

a.reply-now
{
	position: absolute;
	right: 0;
	bottom: -15px;
}
.page-navi {
	clear:both;
}
.page-navi a, .page-navi a:link{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	padding:2px 6px;
}
.page-navi a:hover{
	background:#069;
	color: #fff;
	text-decoration: none;
}
a.prev_page{
	margin-right:15px;
	border:2px solid #DDDDDD;
}
a.next_page{
	margin-left:15px;
	border:2px solid #DDDDDD;
}

.absolute_right
{
	position: absolute;
	right: 0;
}

ul.list li
{
	border-bottom: 1px solid #efefef;
	padding:5px 0;
}

.lighttext
{
	color: #bfbfbf;
}
.grey
{
	color: gray;
}
.special p img
{
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px ;
}

blockquote {
margin:20px;
padding:10px;
line-height:1.4em;
color:#918e95;
}
blockquote p {
padding:5px 10px;
margin:10px;
background: #FFFCC1;
}


.no-content
{
	border: 1px solid #ccc;
	padding: 10px;
	background: #f1f1f1;
	color: #000;
}

/* ads */
.gad{
	margin: 5px 0;
}
.leader{
	margin: 50px auto 15px;
	border: 1px solid #ccc;
	width: 728px;
	height: 90px;
}
.leader-news{
	margin: 0 auto 15px;
	width: 728px;
	height: 90px;
}
.top_login_ad{
	width: 468px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 57px;
	z-index: 11;
}
/* @end */



/* @group Clearfix */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* @end */