/* @override http://jongtwenterand.nl/public/css/layout.css */

/**
 * Jongtwenterand.nl main stylesheet
 *
 * @author Christiaan Tigelaar
 * @copyright Sitemind Internet & Nieuwe Media
 **/

/**
 * General styles
 **/

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #000 url(../images/back_body.jpg) 0 0 repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

a:link, a:visited {
	color: #000;
	outline: none;
}

a:hover, a:active {
	color: #5C025C;
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
}

h1 {
	color: #2BDA08;
	font-size: 22px;
	margin: 20px 0 10px;
}

h2 {
	font-size: 18px;
	margin: 20px 0 8px;
}

h3 {
	font-size: 16px;
	margin: 20px 0 6px;
}

h4 {
	font-size: 14px;
	margin: 20px 0 4px;
}

h5 {
	font-size: 13px;
	margin: 20px 0 2px;
}

h1.top, h2.top, h3.top, h4.top, h5.top {
	margin-top: 7px;
}

p { margin: 0;}
#content_message p { margin-top: 10px !important;}

address { font-style: normal;}

/* Form styles */
form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form ul li {
	margin: 0 0 10px;
	overflow: hidden;
}

form ul li.indent {
	padding-left: 120px;
}

fieldset {
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

legend {
	display: none;
}

input.extra-small {	width: 40px; }
input.small { width: 60px; }
input.medium { width: 125px; }
input.large { width: 200px; }
input.extra-large {	width: 275px; }

label {
	font: 11px Arial, Helvetica, Verdana, sans-serif;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 120px;
}

input.text, select.text {
	margin-right: 2px;
	padding: 4px;
	border: 1px solid #CCC;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

textarea {
	padding: 4px;
	width: 275px;
	height: 150px;
	border: 1px solid #CCC;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
}

/* Table styles */
.row-even {
	background-color: #EEE;
}

.row-even td {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

/* Image styles */
.loading {
	position: relative;
	width: 24px;
	height: 24px;
	margin: 20px auto;
	left: -12px;
	background: url(../images/loading_indicator.gif) no-repeat;
}

.photo {
	padding: 4px;
	border: 1px solid #CCC;
	background: #FFF url(../images/loading_indicator.gif) center center no-repeat;
	margin: 0 7px 4px 0;
}

.photo.smallphoto {
	padding: 2px;
}

/**
 * Layout elements
 */

#wrapper {
}

#header {
	position: relative;
	background: url(../images/header.png) 0 0 no-repeat;
	height: 211px;
	width: 960px;
	clear: both;
}

#logo {
	height: 210px;
}

#logo a {
	text-decoration: none;
	border: none;
	display: block;
	height: 210px;
}

#nav {
	height: 40px;
	width: 960px;
}

#mainpage {
	position: relative;
	width: 960px;
	background: #FFF url(../images/main-bottom.png) left bottom no-repeat;
	padding-top: 10px;
	padding-bottom: 120px;
}

#content {}

#footer {
	margin: 0;
	padding: 0 10px;
	width: 940px;
	height: 300px;
	background: #000 url(../images/back_footer.png) 10px 0 no-repeat;
}

/**
 * Site messages
 */
#site_message {
	clear: both;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#site_message div {
	padding: 7px 14px;
	margin: 4px 0 0 0;
}

#site_message p {
	margin: 0;
	padding: 4px;
}

#site_message .info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('info.png');
}

#site_message .success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('success.png');
}

#site_message .warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('warning.png');
}

#site_message .error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('error.png');
}

/**
 * Search + stream
 */
#search {
	position: relative;
	float: right;
	height: 210px;
	width: 230px;
}

a.stream-btn {
	height: 115px;
	width: 230px;
	display: block;
	clear: both;
	background: url(../images/block-sprite.png) -2180px -850px no-repeat;
}

a.stream-btn:hover {
	background: url(../images/block-sprite.png) -2180px -970px no-repeat;
}

.stream-holder {
	position: absolute;
	z-index: 9999;
	left: 210px;
	top: -130px;
	width: 520px;
	height: 110px;
	padding: 0 20px;
	background: url(../images/back-stream-holder.png) 0 bottom no-repeat;
}

.stream-holder a {
	display: block;
	float: left;
	text-indent: -999em;
	width: 100px;
	height: 32px;
	margin: 4px 0 0 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	background: url(../images/back-stream-holder.png) 0 0 no-repeat;
}

.stream-holder a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.stream-holder a.kxradio { background-position: -25px -60px;}
.stream-holder a.radio538 { background-position: -25px -110px;}
.stream-holder a.deltafm { background-position: -125px -110px;}
.stream-holder a.deltapiraat { background-position: -225px -110px;}
.stream-holder a.veronica { background-position: -325px -110px;}
.stream-holder a.kinkfm { background-position: -425px -110px;}
.stream-holder a.radio3fm { background-position: -25px -160px;}
.stream-holder a.slamfm { background-position: -125px -160px;}
.stream-holder a.skyradio { background-position: -225px -160px;}
.stream-holder a.qmusic { background-position: -325px -160px;}
.stream-holder a.idt { background-position: -425px -160px;}

.search-holder {
	position: absolute;
	top: 163px;
	right: 20px;
	height: 50px;
	width: 170px;
	padding: 0;
	margin: 0;
}

.search-holder .s-input {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	padding: 7px 0 4px;
	font-weight: bold;
	color: #999;
	border: 1px solid #FFF;
	width: 140px;
}

.search-holder .s-btn {
	width: 25px;
	height: 25px;
	display: block;
	font-size: 0px;
	line-height: 0px;
	text-indent: -999em;
	position: absolute;
	right: 4px;
	top: 5px;
	border: none;
	background: url(../images/button-sprite.png) no-repeat 100% -280px;
}

.search-holder .s-btn:hover {
	background-position: 100% -480px;
}

/**
 * Buttons
 */
.button {
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 10px;
	height: 30px;
	background: url(../images/button-sprite.png) no-repeat 0 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #e0ffcf !important;
	cursor: pointer;
}

.button .button-text {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 35px;
	height: 30px;
	background: url(../images/button-sprite.png) no-repeat 100% 0;
	line-height: 30px;
}

.button .button-extra {
	font-size: 10px;
	font-weight: normal;
}

.button:hover,
.button.ui-state-active {
	color: #FFF !important;
}

.button:hover .button-text {
	background-position: 100% -30px;
}


.button.grey { background-position: 0 -90px; }
.button.grey .button-text { background-position: 100% -90px; }
.button.grey:hover { background-position: 0 -120px; }
.button.grey:hover .button-text { background-position: 100% -120px; }


.button.dark { background-position: 0 -180px; }
.button.dark .button-text { background-position: 100% -180px; }
.button.dark:hover { background-position: 0 -210px; }
.button.dark:hover .button-text { background-position: 100% -210px; }

/**
 * Arrow buttons
 */

.arrow {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 28px;
	background: url(../images/button-sprite.png) no-repeat 100% -280px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}

.arrow:hover {
	background-position: 100% -480px;
}

.arrow.full {
	display: block;
	text-align: right;
}

.arrow.purple {
	background-position: 100% -320px;
	color: #02255B !important;
}

.arrow.purple:hover {
	background-position: 100% -520px;
	color: #CB4212 !important;
}

.arrow.black {
	background-position: 100% -360px;
	color: #09A49B !important;
}

.arrow.black:hover {
	background-position: 100% -560px;
	color: #47BBB4 !important;
}

.arrow.single {
	padding: 0 25px 0 0;
	background-position: 100% -709px;
	font-size: 11px;
	line-height: normal;
	color: #666 !important;
}

.arrow.single:hover {
	background-position: 100% -629px;
	color: #5c025c !important;
}

.arrow.back {
	padding: 0 0 0 25px;
	background-position: 0 -380px;
	color: #8092AD !important;
}


/**
 * Content
 */
#content {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

#content .jongin-content {
	overflow: hidden;
}

#content .jongin-content img {
	margin: 4px 8px;
}

#content .jongin-content a {
	color: #000;
	padding: 1px 4px;
	background: #E3E3E3;
	text-decoration: none;
}

#content .jongin-content a:hover {
	background: #9533AB;
	color: #FFF;
}

#content .jongin-content a.image-popup {
	background: none !important;
	padding: 0;
	margin-left: 0;
}

#content .jongin-content a.image-popup img {
	margin-left: 0;
}

/**
 * Frontblocks
 */
.front-block {
	margin: 20px 0 0 0;
}

.front-block h2 {
	margin: 0 -15px;
	padding: 15px 0 0;
	height: 25px;
	text-indent: -999em;
	background: url(../images/heading-sprite.png) 0 0 no-repeat;
	font-size: 13px;
	color: #FFF;
}

.front-block.jongin-spotlight {
	float: left;
	width: 190px;
}

.front-block.events-block h2 { background-position: 0 0;}
.front-block.jongin-spotlight h2 { background-position: 0 -50px;}
.front-block.photo-block h2 { background-position: 0 -100px;}
.front-block.exp-block h2 { background-position: 0 -50px;}

/**
* Blocks
**/
.block {
	margin-bottom: 10px;
	background: url(../images/block-sprite.png) -220px bottom no-repeat;
}

.block.full {
	width: 460px;
	overflow: hidden;
	background: url(../images/block-sprite.png) -440px bottom no-repeat;
}

.block.extra {
	overflow: hidden;
	background: url(../images/block-sprite.png) -1720px bottom no-repeat;
}

.block-list-links li {
	line-height: 18px;
}

.block-list-links li a {
	text-decoration: none;
	color: #474747;
}

.block-list-links li a:hover {
	background-color: #252525;
	color: #FFF;
}

.block ul {
	margin: 0;
	padding: 15px;
	list-style-type: none;
}


.block li {}

.block h2 {
	margin: 0;
	padding: 14px 48px 3px;
	height: 25px;
	background: url(../images/block-sprite.png) 0 -50px no-repeat;
	border-bottom: 5px solid #000;
	font-size: 14px;
	color: white;
}

.block.block-more h2 { background-position: 0 -100px;}
.block.block-link h2 { background-position: 0 -150px;}
.block.block-youtube h2 { background-position: 0 -200px;}
.block.block-download h2 { background-position: 0 -250px;}
.block.block-spotlight h2 { background-position: 0 -300px;}

.block.full h2 { background-position: -440px -128px;}
.block.nopad h2 { padding-left: 14px;}

.block .button,
.front-block .button,
.block .button .button-text,
.front-block .button .button-text {
	display: block;
}

.block .button .button-text,
.front-block .button .button-text {
}



/* Links */
.block-link #overflow-box {
	height: 98px;
	padding-bottom: 10px;
	overflow: hidden;
}

.block-link a#toggle_links {
	background: url(../images/icon_expand.png) 0 2px no-repeat;
	line-height: 30px;
	margin: 0 0 0 14px;
	padding: 0 14px 7px 14px;
	text-decoration: none;
}

.block-link a#toggle_links.expanded {
	background: url(../images/icon_collapse.png) 0 2px no-repeat;
}

.block-link a#toggle_links:hover {
	text-decoration: underline;
}

/* Block banners */
.block-banners {  }
.block-banners ul { padding: 0; list-style-type: none; }
.block-banners ul li { display: block; clear: both; overflow: hidden; margin: 10px 0; }
.block-banners li a {
	display: block;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	border: none;
}
.block-banners li a:hover {
	background: none;
	-moz-opacity:.7;
	filter:alpha(opacity=70);
	opacity:.7;
}
.block-banners li a img { border: none; }

.block-banners.full { }
.block-banners.full ul li { width: 200px; margin: 0 0 10px 20px; height: 76px; float: left; clear: none; }


/* Spotlight full width */
.block-spotlight li a {
	text-decoration: none;
}

.block-spotlight .spotlight-image {
	margin: 0 10px 10px 0;
	padding: 2px;
	border: 1px solid #CCC;
	background: #FFF;
}

.block-spotlight ul.spotlight-list {
	padding: 0;
	width: 180px;
	float: left;
	margin: 0 0 7px 0;
}

.block-spotlight ul.spotlight-list li {
	border: 1px solid #CCC;
	border-top: none;
	border-right: none;
	line-height: 1.4em;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 7px;
}

.block-spotlight ul.spotlight-list li.ui-state-active {
	background-color: #FFF;
	background-position: 100% -629px;
}

.block-spotlight ul.spotlight-list li a {
	display: block;
}

.block-spotlight div.spotlight-content {
	width: 252px;
	float: right;
	padding: 0 14px 14px 14px;
}

.block-spotlight .ui-tabs .ui-tabs-hide {
     display: none;
}

/* Youtube */
.block-youtube #block_player {
	margin: 7px 7px -2px 7px;
}

.block-youtube #block_player_controls {
	display: none;
	background: url(../images/block-sprite.png) -220px -12px no-repeat;
	line-height: 25px;
	padding: 0 16px;
}

.block-youtube #block_player_controls a {
	padding-right: 12px;
	color: #999;
	margin: 0;
	text-decoration: none;
}

.block-youtube #block_player_controls a:hover {
	color: #474747;
}

.block-youtube #block_player_controls a.player-link {
	background: url(../images/icon_youtube.gif) right 0 no-repeat;
	padding: 0 36px 0 52px;
	margin: 0;
}

.block-youtube ul {
	padding: 4px 15px 10px 15px;
}

/**
 * Twitter block
 */
.twitter-timeline { margin: 20px 0 0; }
.twitter-timeline a, .twitter-timeline a img { border: 0; }
.twitter-timeline ul.latest-tweets {
	list-style-type: none;
	padding: 0;
	margin: 10px 0;
}

ul.latest-tweets li { 
	margin: 8px 0 0;
	padding: 0 8px 8px;
	border-bottom: 1px solid #eee;
}

ul.latest-tweets li strong { color: #5C025C; }
ul.latest-tweets li span {
	color: #666;
	display: block;
	margin: 4px 0 0;	
}

.hyves-link, .facebook-link {
	margin: 20px 0 0;
	height: 32px;
	background: url(../images/share/hyves.png) 0 0 no-repeat;
	display: block;
	line-height: 32px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding-left: 37px;
}

.hyves-link img, .facebook-link img { display: none; }

.facebook-link {
	background: url(../images/share/facebook.png) 0 0 no-repeat;	
}

/**
 * Ervaringen
 */
.exp {
	margin: 20px 0;
	clear: both;
}

.exp h2 {
	margin: 0;
	padding: 13px 44px 2px;
	height: 25px;
	background: url(../images/block-sprite.png) -440px -44px no-repeat;
	font-size: 13px;
	color: #FFF;
}

.exp .exp-list,
.exp .react-list {
	display: block;
	padding: 0 0 0 100px;
	list-style: none;
	margin: 0;
	font-weight: bold;
}

.exp .exp-item,
.exp .react-item {
	position: relative;
	display: block;
	clear: both;
	cursor: pointer;
	width: 360px;
	margin: 10px 0;
	padding: 7px 0 0 0;
	background: url(../images/block-sprite.png) -2690px -1450px no-repeat;
}

.exp .exp-item.normal-reaction {
	cursor: default !important;
}

.exp .exp-item ul,
.exp .react-item ul {
	display: block;
	position: absolute;
	background: url(../images/block-sprite.png) 100% 14px no-repeat;
	width: 100px;
	height: 80px;
	left: -99px;
	padding: 0;
	margin: -10px 0 0;
	font-size: 11px;
	line-height: 14px;
	overflow: hidden;
	list-style: none;
	text-align: right;
	font-weight: normal;
}

.exp .exp-item ul li,
.exp .react-item ul li {
	margin-right: 20px;
}

.exp .exp-item .read-more {
	display: inline;
}

.exp .exp-item .count-reactions {
	position: absolute;
	background: #FFF url(../images/icon_comment_reply.png) 4px 3px no-repeat;
	top: -7px;
	right: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #474747;
	padding: 3px 4px 3px 24px;
	text-align: left;
}

.exp .exp-item .date,
.exp .react-item .date  {
	font-weight: normal;
}

.exp .exp-item .avatar.jongen,
.exp .exp-item .avatar.meisje,
.exp .react-item .avatar.jongen,
.exp .react-item .avatar.meisje {
	display: block;
	float: right;
	clear: both;
	width: 32px;
	height: 40px;
	background: url(../images/block-sprite.png) -1290px -480px no-repeat;
}

.exp .exp-item .avatar.meisje {
	background: url(../images/block-sprite.png) -1290px -520px no-repeat;
}

.exp .react-item .avatar.jongen,
.exp .react-item .avatar.meisje {
	width: 20px;
	height: 23px;
	background: url(../images/block-sprite.png) -1290px -570px no-repeat;
}

.exp .react-item .avatar.meisje {
	background: url(../images/block-sprite.png) -1290px -594px no-repeat;
}

.exp .exp-item .author,
.exp .react-item .author {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	clear: both;
}

.exp .exp-item .body,
.exp .react-item .body {
	padding: 4px 15px 11px 15px;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/block-sprite.png) -1360px bottom no-repeat;
}

.exp .exp-item .body {
	cursor: pointer;
}

.exp .exp-item.normal-reaction .body {
	cursor: default;
}

.exp .exp-item .body:hover {}

.exp .exp-item .body p,
.exp .react-item .body p {
	/*display: inline;*/
	margin: 0;
}

.exp .exp-item .title,
.exp .react-item .react-title {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	display: block;
	clear: both;
	margin: 0 90px 0 15px;
}

.exp .exp-item span.read-more,
.exp .exp-item span.read-more a,
.exp .exp-item span.re-collapse,
.exp .exp-item span.re-collapse a {
	color: #666;
	text-decoration: none;
}

/* Reactions */
.exp .react-list {
	padding: 0 0 0 20px;
	display: none;
}

.exp .react-item {
	width: 340px;
	background: url(../images/block-sprite.png) -900px -171px no-repeat;
}

.exp .react-item ul {
	background: url(../images/block-sprite.png) 100% -136px no-repeat;
}

.exp .react-item .body {
	background: url(../images/block-sprite.png) -900px bottom no-repeat;
}

/* Reaction form */
.exp .exp-form,
.exp .react-form {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	display: block;
	padding: 0 0 7px;
	font-weight: normal;
}

.exp .exp-form { display: none; }
.exp .exp-form.expand,
.exp .react-list.expand {
	display: block;
}

.exp .react-form {
	color: #CCC;
	background: url(../images/block-sprite.png) -3510px bottom no-repeat;
}

.exp .exp-form .title,
.exp .react-form .form-title {
	display: block;
	padding: 14px;
	font-size: 13px;
	font-weight: bold;
}

.exp .react-form .form-title {
	color: #FFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	clear: both;
	margin: 0;
	background: url(../images/block-sprite.png) -3510px -1000px no-repeat;
}

.exp .exp-form form,
.exp .react-form form {
	display: block;
	padding: 0 14px;
}

.exp .exp-form input.text,
.exp .exp-form textarea {
	border-color: #CCC;
}

.exp .exp-form textarea,
.exp .react-form textarea {
	margin: 2px 0 0;
	display: block;
	width: 300px;
}
.exp .exp-form textarea { width: 420px;}
.exp .exp-form.normal-reaction textarea { height: 80px;}

.exp .react-form .react-title {	width: 300px;}
.exp .exp-form .react-title { width: 420px;}

.exp .react-form label {
	display: block;
	clear: both;
	padding: 7px 0 4px;
}

.exp .button-add {
	float: right;
	margin: 10px 0;
}

/* Experiences block */
.exp-block {
}

.exp-block h2 {
	margin: 0;
}

.exp-block ul {
	margin: 10px 0 0;
	padding: 0 7px 8px 7px;
	width: 206px;
	overflow: hidden;
}

.exp-block li {
	display: block;
	margin: 0;
	float: left;
	width: 206px;
	list-style: none;
	padding: 7px 0 6px;
	border-bottom: 1px solid #EBEBEB;
}

.exp-block .avatar.jongen,
.exp-block .avatar.meisje {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	width: 20px;
	height: 23px;
	background: url(../images/block-sprite.png) -1290px -570px no-repeat;
}

.exp-block .avatar.meisje {
	background: url(../images/block-sprite.png) -1290px -594px no-repeat;
}

.exp-block li a {
	display: block;
	width: 179px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.exp-block li a:hover {
	color: #5C025C;
}

.exp-block li a span.meta {
	display: block;
	font-size: 11px;
	color: #999;
}

.exp-block li a:hover span {
	color: #666;
}

.exp-block li a span.date {
	font-weight: normal;
}


/* Edit functions */
.comment-admin-block {
	margin: 0;
	padding: 0;
}

.comment-admin-block a {
	border: none;
	text-decoration: none;
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	color: #474747;
}

.comment-admin-block a:hover {
	color: #000;
}

.comment-admin-block p {
	margin: 0 0 7px;
	padding: 0;
}

.comment_btn_del,
.comment_btn_del img,
.comment_btn_blockuser,
.comment_btn_blockuser img,
a.comment_btn_blockuser {
	border: none;
}

.comment_blockuser {
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	display: none;
}

.comment_blockuser textarea {
	width: 350px;
	height: 60px;
}

#emoticons_table {
	margin: 4px 0 0;
}

/**
 * Frontpage
 */

/* Slider */
.slider {
	position: relative;
	clear: both;
	width: 446px;
	padding: 7px;
	height: 226px;
	overflow: hidden;
	margin: 0 0 10px;
	background: url(../images/block-sprite.png) -1720px -900px no-repeat;
}

.slider .slider-holder {
	position: relative;
	width: 446px;
	height: 200px;
	overflow: hidden;
}

.slider ul {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

.slider li {
	position: relative;
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 446px;
	height: 200px;
}

.slider li a,
.slider li a img {
	border: none;
	text-decoration: none;
}

.slider li a:hover .slide-title {
	color: #47C700;
}

.slider .slide-title-background {
	position: absolute;
	bottom: 0;
	display: block;
	width: 460px;
	height: 36px;
	background: #000;
	border-top: 1px solid #666;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	z-index: 0;
}

.slider .slide-title {
	position: absolute;
	bottom: 0;
	color: #FFF;
	width: 422px;
	padding: 0 10px 7px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	z-index: 1;
}

.slider #controls {
	padding: 0;
	margin: 0;
	list-style: none;
}

.slider #controls li {
	width: auto;
	height: auto;
	display: block;
	float: left;
	margin: 4px 2px 0;
}

.slider #controls li#controls1 {
	margin-left: 0;
}

.slider #controls li a {
	display: block;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	padding: 0 7px;
	background: url(../images/button-sprite.png) 0 -1200px no-repeat;
	color: #CCC;
}

.slider #controls li a:hover {
	color: #FFF;
}

.slider #controls li.current a {
	color: #FFF;
	background: url(../images/button-sprite.png) 0 -1170px no-repeat;
}


/* Themebar */
.block.jongin-theme.full {
	width: auto !important;
}

.jongin-theme h2 {
	background-position: left top;
	padding-left: 14px;
}

.theme-block {
	padding: 12px;
	clear: both;
	border-bottom: 1px solid #FFF;
}

.jongin-theme .theme-youtube img {
	width: 186px;
	border: 1px solid #CCC;
	padding: 4px;
	background: #FFF;
}

/* Poll */
.jongin-theme .theme-poll {
	margin: 0;
	padding: 12px;
	border: none;
}

.jongin-theme .theme-poll-inner {
}

.jongin-theme .theme-poll h4 {
	margin-top: 0;
}

.jongin-theme .theme-poll ul {
	display: block;
	padding: 0;
	margin: 10px 0;
}

.jongin-theme .theme-poll li {
	display: block;
	clear: both;
	overflow: hidden;
	height: 1%; /* IE 6 bug */
	border-bottom: 1px solid #DEDEDE;
	padding: 4px 0;
	margin: 0;
}

.jongin-theme .theme-poll .option {
	float: left;
}

.jongin-theme .theme-poll label {
	display: block;
	float: left;
	width: 160px;
	margin: -1px 0 0 4px;
}

.jongin-theme .theme-poll li span.option-name {
	display: block;
}

.jongin-theme .theme-poll li span.option-percent {
	display: block;
	float: left;
	margin: 0 0 0 4px;
	color: #666;
}

.jongin-theme .theme-poll .pollbar {
	float: left;
	clear: both;
	line-height: 7px;
	margin: 6px 0 0;
	background: url(../images/block-sprite.png) -2430px -1470px;
}

.jongin-theme .theme-poll label:hover {
	color: #666;
}

.jongin-theme .theme-poll .button {
	clear: both;
}

/* Spotlight */
.jongin-theme .theme-spotlight {
	width: 196px;
}

.jongin-theme .theme-spotlight h4 {
	margin-top: 0;
}

.jongin-theme .theme-spotlight p {
	line-height: 16px;
}

/* Newsblock */
.jongin-news {
	padding-bottom: 7px;
}

.jongin-news h2 {
	background-position: -440px -128px;
	padding-left: 14px;
}

.jongin-news ul {
	padding: 0;
	margin: 0;
	display: block;
}

.jongin-news ul li {
	display: block;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 4px 7px 0;
	padding: 0 7px 0 0;
	line-height: 30px;
	width: 439px;
	text-align: left;
	background: url(../images/block-sprite.png) -1954px -90px no-repeat;
}

.jongin-news ul li a {
	display: block;
	color: #000;
	text-decoration: none;
}

.jongin-news ul li a:hover {
	color: #5C025C;
}

.jongin-news ul li span.date {
	display: block;
	width: 56px;
	font-weight: normal;
	font-size: 10px;
	float: left;
	color: #999;
	padding: 0 4px 0 8px;
	line-height: 30px;
	background: url(../images/block-sprite.png) -1750px -90px no-repeat;
}

.jongin-news ul li.expanded {
	background: none;
	margin: 0 7px 14px 7px;
	overflow: hidden;
}

.jongin-news ul li.expanded a {
	text-align: right;
}

.jongin-news ul li.expanded span.date {
	background: none;
}

.jongin-news ul li.expanded .message {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 17px;
	padding: 0 7px 7px;
	margin: 0;
}

/* Spotlights */

.jongin-spotlight,
.block.jongin-spotlight {
	margin: 0 10px 0 0;
	padding: 0 15px 0;
	width: 190px;
	color: #999;
	background: url(../images/block-sprite.png) 0 -310px no-repeat;
}

.jongin-spotlight a {
	color: #FFF;
}

.jongin-spotlight div {
	margin: 10px -15px 0;
	padding: 0 12px 12px 12px;
	width: 196px;
	overflow: hidden;
	background: url(../images/block-sprite.png) no-repeat left bottom;
}

.jongin-spotlight h4 {
	margin-top: 12px;
	color: #47C700;
}

.jongin-spotlight p {
}

/**
 * Single Top 30 Styles
 */
.singletop {}

.singletop .single-table {
	width: 100%;
}

.singletop .charts_btn_vote {
	border: 0;
	width: 70px;
	height: 20px;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/button-sprite.png) 100% -1250px no-repeat;
	color: #FFF !important;
	
}

.singletop .singletop-votebox p {
	padding: 12px;
}

.singletop .hotshot-box,
.singletop .state-up,
.singletop .state-down,
.singletop .state-stip {
	width: 20px;
	height: 20px;
	background: url(../images/single_states.png) -60px 0 no-repeat;	
}

.singletop .state-up { background: url(../images/single_states.png) -20px 0 no-repeat;}
.singletop .state-down { background: url(../images/single_states.png) 0 0 no-repeat;}
.singletop .state-stip { background: url(../images/single_states.png) -40px 0 no-repeat;}

.singletop .single-table td {
	padding: 2px;
}
.singletop span.single-no {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	width: 26px;
	display: block;
	font-size: 16px;
	color: #999;
	text-align: center;
	font-weight: bold;
}

.singletop span.single-title {
	text-transform: capitalize;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

.singletop span.hotshot {
	padding: 6px 0;
	font-weight: bold;
}

/* Top40 block */
.top40-block {}

.top40-block ol {
	margin: 0;
	padding: 0 12px 7px;
	list-style: decimal inside !important;
}

.top40-block li {
	padding: 3px 0;
	font-weight: bold;
	color: #CCC;
	border-bottom: 1px solid #DEDEDE;
}

.top40-block li span strong {
	color: #000;
	font-weight: bold;
}

.top40-block li span.artist {
	color: #666;
	display: block;
	font-weight: normal;
}

/**
 * Search page
 */
.jongin-search {}

.jongin-search .search-form {
	padding: 14px 14px 0;
	background: url(../images/block-sprite.png) -1720px 0 no-repeat;
}

.jongin-search .result-announce {
	clear: both;
	font: normal bold 1em/1.5em Arial, Helvetica, Verdana sans-serif;
	font-size: 14px;
	padding: 14px;
	margin: 0 -14px;
	background: url(../images/block-sprite.png) -1720px bottom no-repeat;
}

.jongin-search .result-announce span {
	font-style: italic;
}

.jongin-search .jongin-search-block {
	height: 260px;
	width: 340px;
	float: left;
	margin: 20px 20px 0 0;
	padding: 0 0 8px 0;
	background: url(../images/block-sprite.png) -900px bottom no-repeat;
}

.jongin-search .jongin-search-block.search-articles,
.jongin-search .jongin-search-block.search-news,
.jongin-search .jongin-search-block.search-exp {
	margin-right: 0;
}

.jongin-search .jongin-search-block h3 {
	margin-top: 0;
	padding: 9px 14px 5px;
	background: url(../images/block-sprite.png) -900px -171px no-repeat;
}

.jongin-search .search-result {
	height: 223px;
	margin: 0 1px;
	overflow-y: auto;
}

.jongin-search .jongin-search-block li {
	list-style: none;
	padding: 2px 14px 4px 14px;
}

.jongin-search .jongin-search-block li span {
	display: block;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	clear: both;
}

.jongin-search a {
	color: #000;
	text-decoration: none;
}

.jongin-search a:hover {
	color: #5c025c;
	text-decoration: underline;
}

.jongin-search .jongin-search-block.search-pages a,
.jongin-search .jongin-search-block.search-articles a,
.jongin-search .jongin-search-block.search-exp a {
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}

/**
 * News
 */

.news {}

.news-images {
	margin-top: 40px;
}

.news-images img {
	width: 210px;
}

.news-block {
	position: relative;
	margin: 0;
	overflow-x: hidden;
}

.news-block .news-loading {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 100px;
	margin-left: -20px;
	border: 1px solid #CCC;
	background: #FFF url(../images/loading_indicator.gif) center center no-repeat;
}

.news-block .controls {
	background: #CCC;
	border-bottom: 1px solid #FFF;
	clear: both;
	overflow: hidden;
}

.news-block .controls a {
	text-decoration: none;
	padding: 6px 7px 5px;
}

.news-block #news_earlier {
	float: left;
}

.news-block #news_later {
	float: right;
}

.news-block ul {
	position: relative;
	width: 220px;
	padding: 0 0 7px 0;
}

.news-block li .arrow.single {
	display: block;
	padding: 8px 20px 7px 14px;
	border-bottom: 1px solid #FFF;
}
.news-block li .arrow.single.selected {
	background-position: 100% -629px;
	background-color: #FFF;
	color: #5c025c !important;
}

.news .meta,
.news .meta a {
	color: #666;
	text-decoration: none;
}

.news .meta a:hover {
	text-decoration: underline;
}

/**
 * Share block
 */
.share-block {
	margin: 20px 0;
	padding-bottom: 3px;
}

.share-block .share-items {
	background: url(../images/block-sprite.png) -900px 0 no-repeat;
	padding: 7px 14px 3px;
	overflow: hidden;
}

.share-block .share-items span {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	color: #474747;
	padding: 0 7px 0 0;
	display: block;
	float: left;
}

.share-block a {
	display: block;
	float: left;
	background: none !important;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	width: 32px;
	height: 32px;
}

.share-block a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.share-block a img {
	margin: 0 !important;
	padding: 0 !important;
}


/**
 * Moviefacts
 */
.bios-block h2 {
	padding-left: 14px;
}

.bios-block ul {
	width: 220px;
	padding: 0 0 7px 0;
	overflow: hidden;
}

.bios-block ul li {
	display: block;
	position: relative;
	clear: both;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin: 5px 7px 0;
	padding: 0 0 0 7px;
	line-height: 30px;
	background: url(../images/block-sprite.png) -1750px -90px no-repeat;
}

.bios-block ul li a {
	display: block;
	line-height: 30px;
	text-decoration: none;
	background: url(../images/block-sprite.png) -2201px -90px no-repeat;
}

.bios-block ul li a.ui-state-active {
	color: #5c025c;
	font-weight: bold;
}

.bios-block ul li ul {
	width: 204px;
	margin: 4px 0 0 -7px;
}

.bios-block ul li ul li {
	border: none;
	display: block;
	float: none;
	text-align: left;
	font-weight: normal;
	padding: 0 7px;
	line-height: 18px;
	background: none;
	margin: 1px 0 0;
}

.bios-block ul li ul li span.time {
	background: #FFF url(../images/icon_clock.png) 4px 4px no-repeat;
	color: #6DCD3C;
	padding: 2px 4px 2px 16px;
}

.bios-block .bios-link {}

.bios-block .bios-link a {
	background: none;
	color: #CCC;
	font-weight: bold;
	text-align: center;
}

.bios-block .bios-link a:hover {
	color: #666;
}

/* Boxoffice block */

.bo-block ul {
	padding: 7px 7px 0;
}

.bo-block li.movie-item {
	clear: both;
	overflow: hidden;
}

.bo-block a {
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
}

.bo-block .image {
	float: left;
}

.bo-block .image img {
	width: 30px;
}

/* Recensie block */
.recens-block {}

.recens-block a {
	text-decoration: none;
}

.recens-block ul {
	padding: 0 7px;
}

.recens-block li {
	display: block;
	clear: both;
	overflow: hidden;
	padding: 3px 0 7px;
	border-bottom: 1px solid #DEDEDE;
}

.recens-block .title {
	display: block;
	clear: both;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.recens-block a .image {
	float: left;
}

.recens-block a .description {
	width: 150px;
	float: right;
	color: #474747;
}

.recens-block a:hover .description {
	color: #252525;
}

.recens-block .photo {
	width: 40px;
}

/**
 * Moviefacts
 */

.moviefacts {}

.moviefacts .item {
	clear: both;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 7px;
	border-bottom: 1px solid #EBEBEB;
}

.moviefacts .item .title {
	text-decoration: none;
}

.moviefacts-detail p {
	margin: 10px 0 0;
}

.moviefacts .item h2 {
	margin: 0;
}

.moviefacts .item .meta {
	clear: both;
	color: #CCC;
}

.moviefacts .item .button {
	margin: 10px 0 0 0;
}

/**
 * Events
 */
.events {
	padding-bottom: 200px;
}
.event-quickview {
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	width: 220px;
}

.events .quickview-data {
	display: none;
}

.events .event-table {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

.events .event-table tr {
	margin: 0;
	padding: 0;
}

.events .event-table th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	background: url(../images/block-sprite.png) -1720px -890px no-repeat;
	text-align: left;
	padding: 14px 7px 4px;
}

.events .event-table td {
	vertical-align: top;
	border-bottom: 1px solid #FFF;
	padding: 0;
	margin: 0;
}
.events .event-image {
	width: 36px;
	padding: 7px !important;
	background: url(../images/block-sprite.png) -440px center no-repeat;
}

.events .event-image img {
	float: left;
	width: 34px;
	margin: 2px 0 !important;
}

.events .event-data {
	position: relative;
	width: 410px;
	background: url(../images/block-sprite.png) -494px center no-repeat;
}

.events .event-image.last-row {
	border: none;
	background: url(../images/block-sprite.png) -440px bottom no-repeat;
}

.events .event-data.last-row {
	width: 410px;
	border: none;
	background: url(../images/block-sprite.png) -494px bottom no-repeat;
}

.events .event-data .meta {
	padding: 0;
	color: #999;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.events .event-data a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 4px 4px 0;
	background: url(../images/button-sprite.png) no-repeat 100% -709px;
}

.events .event-data a:hover {
	background-position: 100% -629px;
}

.event-quickview .event-meta li,
.events-detail .event-meta li {
	clear: both;
	color: #474747;
	margin: 0 0 4px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.event-quickview .event-meta li h5 {
	margin: 0;
}

.event-quickview .event-meta li span,
.events-detail .event-meta li span {
	clear: both;
	display: block;
	font-weight: bold;
}

.event-quickview .event-meta li.take-photo,
.events-detail .event-meta li.take-photo {
	padding: 2px 0 2px 40px;
	clear: both;
	background: url(../images/icon_camera.png) 0 0 no-repeat;
}

/* Events block */
.events-block {
	margin-top: 0;
	padding: 0 15px 0;
	width: 190px;
	background: url(../images/block-sprite.png) 0 -308px no-repeat;
}

.events-block .events-block-inner {
	margin: 4px -15px 0;
	padding: 0 7px 8px;
	width: 206px;
	overflow: hidden;
	background: url(../images/block-sprite.png) no-repeat left bottom;
}

.events-block ul {
	padding: 0;
	margin: -1px 0 7px;
	overflow: hidden;
}

.events-block li {
	display: block;
	margin: 7px 0 0;
	width: 206px;
	height: 55px;
	list-style: none;
	background: url(../images/block-sprite.png) no-repeat -7px -450px;
}

.events-block li a {
	display: block;
	text-decoration: none;
}

.events-block li a span.date {
	display: block;
	padding: 10px 0 4px 10px;
	color: #999;
}

.events-block li a span.title {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 0 5px 0 0;
	line-height: 20px;
	padding: 0 10px 0 10px;
	text-decoration: none;
	background: url(../images/button-sprite.png) right -280px;
}
.events-block li a:hover span.title {
	background-position: right -320px;
	color: #5C025C;
}

.events-block li a:hover span.date {
	color: #666;
}

.events-block .button {
	clear: both;
	margin: 7px 0 0;
}

/**
 * Photobase styles
 */
.photobase {}

.photobase .album-thumb {
	overflow: hidden;
	text-decoration: none;
}

.photobase .album-title {
	display: block;
	clear: both;
	font: 13px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #000;
	line-height: 40px;
	padding: 0 14px;
	height: 40px;
	overflow: hidden;
	border-bottom: 4px solid #000;
	background: url(../images/block-sprite.png) 0 0 no-repeat;
}

.photobase .album-thumb:hover .album-title {
	color: #FFF;
	background: url(../images/block-sprite.png) 0 -50px no-repeat;
}

.photobase .album-thumb-image {
	display: block;
	float: left;
	margin: 7px;
	width: 40px;
}

.photobase .album-meta {
	color: #474747;
}

.photobase .album-meta .date {
	color: #000;
	display: block;
	margin: 7px 0 0;
}

.photobase .album-meta .count {
	font: 11px Arial, Helvetica, Verdana, sans-serif;
}

.photobase .photobase-inner {
	clear: both;
	margin: 10px 0;
	padding: 7px 7px 0;
	background: url(../images/block-sprite.png) -2420px 0 no-repeat;
}

.photobase .photo-show {
	overflow: hidden;
	background: url(../images/block-sprite.png) -2420px 0 no-repeat;
}

.photobase .photo-show img {
	display: block;
	margin: 0 auto;
}

.photobase a.thumb-link {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 7px solid #252525;
	width: 100px;
	height: 100px;
}

.photobase a.thumb-link:hover {
	border-color: #47C700;
}

.photobase a.thumb-link.clear {
	clear: right;
}

.photobase .thumb {
	border: none;
	margin: 0px;
	width: 100px;
	height: 100px;
}

.photobase .photobase-nav {
	clear: both;
	position: relative;
	margin: 0 -7px;
	padding: 0 10px 7px;
	width: 680px;
	height: 60px;
	background: url(../images/block-sprite.png) -2420px -767px no-repeat;
}

.photobase .photobase-nav table {
	width: 100%;
	margin: 0;
	padding: 0;
}

.photobase .photobase-nav table td {
	padding: 0;
}
.photobase .photobase-nav table td.col-nav { width: 100%;}
.photobase .photobase-nav table td.col-hyves { width: 1%;}
.photobase .photobase-nav table td.col-back { width: 1%;}

.photobase .photo-nav-holder {
	margin: 10px 0 0;
	float: left;
}

.photobase .photobase-nav .arrow {
	color: #666 !important;
	float: left;
	margin: 7px;
}

.photobase .photobase-nav .hide {
	display: none;
}

.photobase .photobase-nav .button {
	float: right;
	margin: 10px 10px 0 10px;
}

.photobase .photobase-nav .button-text {
	width: 145px;
}

.photobase .photobase-nav .hyves-popup {
	float: right;
	margin: 12px 0 0;
}

.photobase .photobase-nav span.counter {
	display: block;
	float: left;
	background: #FFF;
	padding: 7px 7px 3px;
}

.photobase .photobase-nav span.current,
.photobase .photobase-nav span.total {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #666;
}

.photobase .photobase-nav span.total {
	color: #CCC;
}

.photobase .photobase-nav.thumb-overview a {
	color: #666;
	font-weight: bold;
	padding: 0 5px;
	text-decoration: none;
}

.photobase .photobase-nav .pn_current {
	color: #FFF;
	background: url(../images/pagination_back_current_grey.png) 0 0 no-repeat;
}

.photobase .photo-arrow-nav {
	display: block;
	clear: both;
	margin: 20px 0 0;
}


/* Photo block */
.photo-block {}
.photo-block h2 {
	margin: 0;
}

.photo-block .photo-block-inner {
}

.photo-block ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.photo-block li {
	display: block;
	clear: both;
	overflow: hidden;
}

.photo-block .thumb {
	width: 40px;
	display: block;
	float: left;
}

.photo-block a {
	text-decoration: none;
}

.photo-block a .title {
	display: block;
	font-size: 13px;
	float: left;
	width:  160px;
	font-weight: bold;
}

.photo-block a .date {
	display: block;
	color: #999;
	margin: 0;
	padding: 0;
}

.photo-block a:hover .date {
	color: #666;
}

.photo-block .button {
	width: 196px;
}

/**
 * Footer blocks
 */
.address {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 40px;
}

.address p {
	margin-top: 14px;
}

.address,
.address a {
	font-style: normal;
	color: #474747;
}

.address a:hover {
	color: #FFF;
}

/* Help block */
.help-block {
	background: url(../images/block-sprite.png) -2420px -850px no-repeat;
	margin: 60px 0 0 10px;
	height: 200px;
}

.help-block a.button {
	margin: 40px 0 0;
	float: right;
}

.help-block a.coach-link {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-decoration: none;
	background: none !important;
}

.help-block a.coach-link:hover {
	color: #FFF;
	text-decoration: underline;
}

.help-block p {
	display: block;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #FFF;
	margin: 20px 20px 0 120px;
}

/* Coach */
.coach-form-block {
	margin: 20px 0 0;
}

.coach-image {
	display: inline;
	margin: 0 10px 0 0;
}

a.coach-button {
	position: absolute;
	right: 0;
	top: 0;
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	padding: 0 46px 0 12px !important;
	line-height: 42px;
	color: #FFF !important;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	border: 1px solid #FFF;
	background: url(../images/coach-button.png) 100% 0 no-repeat !important;
}

a.coach-button:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color: #000 !important;
	border: 1px solid #000;
	background: #FFF url(../images/coach-button.png) 100% 0 no-repeat !important;
}

.help-block-sidebar {
	position: relative;
	width: 220px;
	height: 240px;
	clear: both;
	overflow: hidden;
	background: url(../images/block_coach.png) no-repeat 0 0;
	margin: 0 0 10px;
}

.sidebar-coach-link {
	float: left;
	margin: 100px 12px 17px 86px;
	color: #FFF !important;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
}
.help-block-sidebar a.button.dark {
	float: right;
	margin: 0 12px 0 0;
}

/**
 * Hyves + RSS block
 */

.hyves-links a{
	color: #666 !important;
	background: none !important;
	padding: 0 12px 8px 52px !important;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-decoration: none;
	display: block;
	clear: both;
}

.hyves-links a:hover {
	color: #CCC !important;
	text-decoration: underline;
}

.hyves-links {
	width: 220px;
	height: 200px;
	margin: 50px 0 0;
	padding: 8px 0 0;
	background: #000 url(../images/block-sprite.png) -2420px -1070px no-repeat;
}
/**
 * Pagination styles
 */
#pagination_block {
	clear: both;
	margin: 10px 0 0 0;
}

.pn_first, .pn_last, .pn_digit, .pn_current, .pn_prev, .pn_next {
	float: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0 2px;
	font-size: 140%;
	line-height: 60px;
}

.pn_first, .pn_last, .pn_prev, .pn_next,
.pn_first a, .pn_last a, .pn_prev a, .pn_next a {
	border: none;
	background: none;
	text-decoration: none;
}

.pn_current {
	font-weight: bold;
	width: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0;
	font-size: 200%;
	background: url(../images/pagination_back_current.png) 0 0 no-repeat #FFF;
}

/**
 * Footer styles
 */
a.btn_totop {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 10px 10px;
	width: 117px;
	height: 36px;
	display: block;
	background: url(../images/btn_totop.png) no-repeat 0 0;
	border: none;
}

a.btn_totop:hover {
	cursor: pointer;
	background: url(../images/btn_totop.png) no-repeat 0 -36px;
}

/**
 * Admin header
 */
#is_admin_box {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	width: 100%;
	height: 26px;
	background: url(../images/is_admin/bg_header_small.png) repeat-x;
	z-index: 999999;
}

#is_admin_box_logo {
	background: url(../images/is_admin/header_logo_small.png) no-repeat;
	height: 26px;
	width: 200px;
	float: left;
}

#is_admin_box_info {
	float: left;
	color: #FFF;
	font-weight: bold;
	line-height: 26px;
}

/**
 * TEMP Winactie
 **/
#win_yt_big_holder {
	padding: 10px 10px 0;
	overflow: hidden;
	background: url(../images/block-sprite.png) -3050px -1000px no-repeat;	
} 

#win_yt_big_controls {
	margin: 0 -10px;
	padding: 10px;
	background: url(../images/block-sprite.png) -3050px bottom no-repeat;	
}

#win_yt_big_controls_buttons {
	display: none;
	position: relative;
}

#win_yt_big_video_title {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	padding: 7px 0 0;
	width: 400px;
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	color: #CCC;
	text-align: right;
	font-weight: bold;
}

#win_yt_holder {
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#win_yt_player {
	margin: 0;
	padding: 0;
	border: 0;
}

#win_yt_controls {
	margin: -5px 0 0;
	overflow: hidden;
	clear: both;
	height: 44px;
	background: #333;
	position: relative;
}

#win_yt_controls span#video_meta_duration {
	position: absolute;
	top: 12px;
	left: 10px;
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	font-weight: bold;
}

#win_yt_controls .button {
	float: right;
	margin: 7px 7px 0;
}

.win-video ul {
	height: 282px;
	overflow-y: auto;
	padding: 7px !important;
}

.win-video-list {
	margin: 0;
	padding: 0 !imporant;
	list-style-type: none;
}

.win-video-list li {
	clear: both;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #CCC;
}

.win-video-list li:hover {
	background: #FFF;
}

.win-video-list li a {
	text-decoration: none;
}

.win-video-list li img {
	width: 80px;
	float: left;
	margin: 0 7px 0 0;
}

.win-video-list .win-youtube span {
	display: block;
	float: left;
	margin: 7px 0;;
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
}

.win-video-list .win-youtube span .win-youtube-title {
	display: block;
	float: none;
	font-size: 13px;
	font-weight: bold;
	clear: both;
	color: #252525;
}

.win-content {
	padding: 0 10px;
}