/* @override http://tv.carlsbergsport.dk/style/css/183.css */

/* @override http://carlsbergsport.23video.com/style/css/175.css */

/* CUSTOM CSS FOR CARLSBERG SPORT @ 23 VIDEO */

/* MAIN */
body { line-height: 18px; font-family: Helvetica, Arial, sans-serif; background-color:black;}
body, h1, h2, h3, h4 {color:#bbb;}
body #main, body #frame {background-color: #000;}
a {color: #FFF;}
a:hover {color: #3A9946;}
p {color: #999; font-size: 13px; line-height: 1.5em;}


/* GRID */
#frame, body.tube #sitetop, body.tube #main, body.tube #sitebottom {width:980px;}

/* GRID */
#sitetop, #main {margin-bottom:10px;}
#content {width:760px;}
#contentsub {width: 760px; padding: 87px 0 0 0; overflow: hidden !important;}
#index #contentsub {padding: 0 !important;}

	/* Sidebar */
	#main #leftsidebar {width:160px !important; overflow:hidden; padding: 20px 20px 0 0; margin: 0 0 30px;}
	#leftsidebarsub {width: 160px; margin: 0 ; padding: 0;}
	#main.has-leftsidebar #content {margin-left:200px;}


/* HEADER */
#header {display: none;}
.link-carlsbergsport {position: absolute; top: 0; right: 0; z-index: 1; font-size: 11px; font-weight: bold; margin: 10px 0 25px 0; text-align: right; text-shadow: 1px 1px 1px #000;}
.link-carlsbergsport a {color: #fff;}

/* HEADLINES */
.headline {font-size: 14px; color: #FFF; text-shadow: 1px 1px 1px #000; font-weight: bold; border-bottom:0; padding: 20px 0 10px 0;}
#sidebar-channels .headline {font-size:16px; margin:0;}
span.shareicon {background-image:url('/files/icon-share.gif'); background-position:right center; background-repeat:no-repeat; padding-right:18px; display:inline-block;}
h2.video-list, h2.channel-name, #title {font-size: 20px; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px 1px #000; margin: 0px 0 20px 0;}
h2 a.video-title {color:#222;}
h2 a.video-link {font-size:12px; padding:2px 0 0 3px; font-weight:bold;}

/* SIDEBAR ELEMENTS */
.sidebar {border-right: 1px solid #1D1D1D;}
.sidebar .jumpbottom, #sidebar-search {margin-bottom:30px; padding: 0 0 30px 0; border-bottom: 1px solid #1D1D1D;}
.sidebar #sidebar-winners {border: none; padding: 0; margin: 0;}
.sidebar .headline {margin: 0; padding: 0 0 5px 0;}
.sidebar p {font-size: 12px; color: #666; line-height: 21px; font-weight: normal;}
.collage-wrapper .clearleft {clear:none !important;}

	/* Intro */
	#sidebar-intro-text, #sidebar-logo {margin: 0 0 30px ;}

	/* Search */
	#sidebar-search input.text{border: 1px solid #333333; background: #2C2C2C url(/files/bg-sidebar-search.png) repeat-x 0 0; width: 130px;  padding: 8px 25px 8px 5px; line-height: 15px; color: #CCC;}
	#sidebar-search input.button {display: none;}
	#sidebar-search {margin-bottom:30px;}
	
	/* Tags */
	.sidebar #sidebar-tags .headline {display: none;}
	.sidebar #sidebar-tags a {font-weight: normal; color: #CCC;}
	.sidebar #sidebar-tags a:hover {color: #3A9946;}
		
	/* Prizes */
	.sidebar .pramier-img {margin: 0 0 10px 0;}
	
	/* Facebook */
	.sidebar #sidebar-facebook {color: #3B5998; font-size: 11px;}
        .sidebar #sidebar-facebook a {color: #3B5998;}	
        .sidebar #sidebar-facebook img {margin: 5px 0 0;}
	.sidebar #sidebar-facebook h2 {color: #3B5998; font-size: 14px; display: inline;}

	/* Buttons */
	a.link-button, h2 a.video-link, .tag-more-link a {display: block; height: 20px; width: 80px; text-align: center; font-size: 11px; line-height: 21px; text-transform: uppercase; border: none; color: #000 !important; background: url(/files/sprite-small.png) no-repeat 0 0; margin: 0; padding: 0; font-weight: bold !important; text-shadow: 1px 1px 1px #BBED50;}
	a:hover.link-button, h2 a:hover.video-link, .tag-more-link a:hover {background-position: 0 -21px; text-decoration: none; color: #000 !important;}


/* COLLAGE */
.collage-wrapper {position:relative;}
.mask-collage {position: absolute; top: 0; left: 0px; height:580px; }
#sidebar-videos-popular div.headline {display:none;}
body#index #sidebar-videos-popular div  {top:0; left:0; height:580px; width:100%;}
#newwrapper #sidebar-videos-popular div {border-bottom: 1px solid #1D1D1D;}
* html #newwrapper #sidebar-videos-popular div {border: none;}
.playlink {position:absolute !important; z-index:100; display:block; float:none !important;}
.playlink img {height:auto !important;}
.collage-wrapper .playicon {top:0; left:0; width:100%; height:100%; background:top left no-repeat;}
.mask-collage {background-color:#333;}

#newwrapper .playicon {background-image:url('/files/mask-collage-1.png');}
* html #newwrapper .playicon {background-image:url('/files/mask-collage-1.gif');}
#monthwrapper .playicon {background-image:url('/files/mask-collage-2.png');}
* html #monthwrapper .playicon {background-image:url('/files/mask-collage-2.gif');}

#newwrapper .block-tube-video-thumbnails, #monthwrapper .block-tube-video-thumbnails {top:0; left:0; width:750px; height:580px; overflow:hidden; position:relative;}

/* New */
#newwrapper .playlink-num-1 {bottom:64px; left:262px; width:120px !important; height:67px !important; }
#newwrapper .playlink-num-1 img {width:120px !important;}
#newwrapper .playlink-num-1 .playicon {background-position:-262px -444px;}
#newwrapper .playlink-num-2 {bottom:110px; left:62px; width:180px !important; height:100px !important; }
#newwrapper .playlink-num-2 img {width:180px !important;}
#newwrapper .playlink-num-2 .playicon {background-position:-62px -366px;}
#newwrapper .playlink-num-3 {bottom:305px; left:102px; width: 200px !important; height:112px !important; }
#newwrapper .playlink-num-3 img {width:200px !important;}
#newwrapper .playlink-num-3 .playicon {background-position:-102px -158px;}
#newwrapper .playlink-num-4 {bottom:151px; left:262px; width:240px !important; height:134px !important; }
#newwrapper .playlink-num-4 img {width:240px !important;}
#newwrapper .playlink-num-4 .playicon {background-position:-262px -290px;}
#newwrapper .playlink-num-5 {bottom:211px; left:522px; width:220px !important; height:124px !important; }
#newwrapper .playlink-num-5 img {width:220px !important;}
#newwrapper .playlink-num-5 .playicon {background-position:-522px -240px;}
#newwrapper .playlink-num-6 {bottom:355px; left:522px; width:140px !important; height:77px !important; }
#newwrapper .playlink-num-6 img {width:140px !important;}
#newwrapper .playlink-num-6 .playicon {background-position:-522px -143px;}
#newwrapper .playlink-num-7 {bottom:88px; left:522px; width:180px !important; height:100px !important; }
#newwrapper .playlink-num-7 img {width:180px !important;}
#newwrapper .playlink-num-7 .playicon {background-position:-522px -387px;}
#newwrapper .playlink-num-8 {bottom:229px; left:142px; width:100px !important; height:56px !important; }
#newwrapper .playlink-num-8 img {width:100px !important;}
#newwrapper .playlink-num-8 .playicon {background-position:-142px -290px;}
#newwrapper .playlink-num-9 {bottom:75px; left:402px; width:100px !important; height:56px !important; }
#newwrapper .playlink-num-9 img {width:100px !important;}
#newwrapper .playlink-num-9 .playicon {background-position:-402px -444px;}
#newwrapper .playlink-num-10 {bottom:304px; left:322px; width:180px !important; height:100px !important; }
#newwrapper .playlink-num-10 img {width:180px !important;}
#newwrapper .playlink-num-10 .playicon {background-position:-322px -171px;}

/* Month */
#monthwrapper .playlink-num-1 {bottom:134px; left:280px; width:240px !important; height:135px !important; }
#monthwrapper .playlink-num-1 img {width:240px !important;}
#monthwrapper .playlink-num-1 .playicon {background-position:-280px -306px;}
#monthwrapper .playlink-num-2 {bottom:289px; left:422px; width:180px !important; height:99px !important; }
#monthwrapper .playlink-num-2 img {width:180px !important;}
#monthwrapper .playlink-num-2 .playicon {background-position:-422px -187px;}
#monthwrapper .playlink-num-3 {bottom:408px; left:540px; width:200px !important; height:112px !important; }
#monthwrapper .playlink-num-3 img {width:200px !important;}
#monthwrapper .playlink-num-3 .playicon {background-position:-540px -55px;}
#monthwrapper .playlink-num-4 {bottom:289px; left:281px; width:120px !important; height:66px !important; }
#monthwrapper .playlink-num-4 img {width:120px !important;}
#monthwrapper .playlink-num-4 .playicon {background-position:-281px -220px;}
#monthwrapper .playlink-num-5 {bottom:231px; left:40px; width:220px !important; height:124px !important; }
#monthwrapper .playlink-num-5 img {width:220px !important;}
#monthwrapper .playlink-num-5 .playicon {background-position:-40px -220px;}
#monthwrapper .playlink-num-6 {bottom:191px; left:540px; width:140px !important; height:78px !important; }
#monthwrapper .playlink-num-6 img {width:140px !important;}
#monthwrapper .playlink-num-6 .playicon {background-position:-540px -306px;}
#monthwrapper .playlink-num-7 {bottom:375px; left:220px; width:180px !important; height:99px !important; }
#monthwrapper .playlink-num-7 img {width:180px !important;}
#monthwrapper .playlink-num-7 .playicon {background-position:-220px -101px;}
#monthwrapper .playlink-num-8 {bottom:375px; left:100px; width:100px !important; height:56px !important; }
#monthwrapper .playlink-num-8 img {width:100px !important;}
#monthwrapper .playlink-num-8 .playicon {background-position:-100px -144px;}
#monthwrapper .playlink-num-9 {bottom:408px; left:422px; width:100px !important; height:56px !important; }
#monthwrapper .playlink-num-9 img {width:100px !important;}
#monthwrapper .playlink-num-9 .playicon {background-position:-422px -111px;}
#monthwrapper .playlink-num-10 {bottom:112px; left:80px; width:180px !important; height:99px !important; }
#monthwrapper .playlink-num-10 img {width:180px !important;}
#monthwrapper .playlink-num-10 .playicon {background-position:-80px -364px;}

	/* Headlines */
	#contentsub .headline a {font-size: 11px; font-weight: bold; color: #3A9946; margin: 0 0 0 15px;}	
	#contentsub #new.headline {position: relative; top: 105px; left: 30px; z-index: 1000; margin: 0; padding: 0;}
	#contentsub #month.headline {position: relative; top: 055px; left: 30px; z-index: 1000; margin: 0; padding: 0;}
	

/* VIDEO PAGE */
.block-tube-context-video-player .jumpbottom{margin: 0;}
#video-one h2 .video-title {display: none;}

	/* Share */
	.block-tube-share {height: 45px; padding: 10px 0 15px 20px; margin: 0 0 30px 0; background: url(/files/bg-share.png) repeat-x 0 0;}
	.block-tube-share a {color: #333;}
	.block-tube-share a:hover {color: #3A9946;}
	.block-tube-share .headline {display: none;}
	.block-tube-share #sidebar-share.share-block.jumpbottom {margin: 0;}
	
	/* Getting the size right */
	.block-tube-share .share-box {width: 200px; height: 46px; float: left; margin: 0px 20px 0 0; padding: 0 20px 0 0; border-right: 1px solid #373737;}	
	.block-tube-share .share-box.share-box-embed {width: 150px; padding: 0 20px 0 0;}
	
	.block-tube-share .share-box-fb, .block-tube-share .share-box-twitter {width: 90px;}
	.block-tube-share .share-box-twitter {padding: 0; margin: 0; border: none;}
	.block-tube-share .share-box-twitter a, .block-tube-share .share-box-fb a {color: #CCC !important;}

	/* Share Inputs */
	.block-tube-share .share-box input {border: 1px solid #333333; background: #2C2C2C url(/files/bg-input-text.png) repeat-x 0 -2px; color: #666; padding: 5px 4px; width: 140px;}
	.share-box.share-box-mail input.text.preview {width: 140px;}
	.block-tube-share .share-box input.button {background: url(/files/bg-input-text.png) repeat-x 0 0px; border: 1px solid #333333; color: #FFF; height: 26px; width: 44px !important; text-align: center; font-size: 10px !important; margin: 0; padding: 0;}
	.share-box-title, html .fb_share_link, html .twitter_share_link {font-weight: bold; font-size: 10px; line-height: 16px; margin: 0 0 5px 0; color: #CCC;}
	
	/* Share Icons */
	html .fb_share_link {background: url(/files/icon-facebook.png) no-repeat 0 20px; padding: 0; top: 0px; position: relative; height: 45px; display: block;}
	html .twitter_share_link {background: url(/files/icon-twitter.png) no-repeat 0 24px !important; padding: 0; height: 45px; display: block;}

	/* Title, words and date */
	.view-large-item .view-title {font-size: 24px; text-transform: uppercase; font-weight: bold; color: #FFF; text-shadow: 1px 1px 1px #000; line-height: 1.2em;}
	.view-large-item .view-words {font-size: 13px; color: #FFF; text-shadow: 1px 1px 1px #000; line-height: 22px;}
	.view-large-item .view-date a {font-size: 10px; color: #666; font-weight: normal;}


/* VIEW */
.view-list {margin: 40px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #1D1D1D;}
.view-small-item {width: 160px; height: 135px; margin: 0 22px 20px 0; padding: 0;  background: url(/files/bg-video-thumb.png) no-repeat 0 0; }
.view-small-item .view-photo {width: 153px;padding: 3px 3px 5px 3px; height: 85px !important;}
.view-small-item .playlink {width: 154px !important; height: 85px !important;}
.view-small-item .playicon, div.playicon {background: url(/files/icon-play-small.png) no-repeat 0px 50px; display: block;}

* html .view-small-item .playicon {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/files/icon-play-small.png', sizingMethod='crop');}

.view-small-item .view-title, #video-one .view-small-item .view-date {line-height: 13px;}
.view-small-item .view-title a{font-size: 11px; color: #fff; text-shadow: 1px 1px 1px #000; padding: 0 4px;}
.view-small-item .view-title a:hover {color: #3A9946;}
.view-small-item .view-date a {font-weight: normal; font-size: 10px; color: #666; cursor: default; padding: 0 4px;}
.view-small-item .view-date a:hover {text-decoration: none;}


/* FOOTER */
#footer {font-size: 10px; border-top: 1px solid #1D1D1D; padding: 20px 0; margin: 30px 0;}
#footer a {color: #333; font-weight: normal;}
#footer a:hover {color: #fff;}
#footer .headline {margin: 0; padding: 0 0 5px 0;}

#footer .logo {float: left;}

#footer .footer-links {margin: 0 0 0 40px; float: left; display: inline;}
#footer .footer-links .link-list-1 {width: 130px; float: left; font-size: 10px;}

#footer .copyright {float: right; width: 350px; display: inline; margin: 20px 0 0;}
#footer .copyright img{float: right; display: inline;}
#footer .copyright p {float: left; margin: 59px 0 0 0; color: #333; font-size: 10px;}


/* PAGINATION */
#pagination .pagination-page, #pagination .pagination-pages {border: none; color: #FFF; font-size: 14px;}
#pagination a.pagination-page {color: #3A9946 !important;}
#pagination a:hover {text-decoration: none;}
#paginationContainer, #numphotosbar {font-weight:bold; line-height:15px;}
#paginationContainer{margin: 0 0 10px 0;}
#numphotosbar {font-size:11px; color:#666;}
#paginationContainer .pagination-pages a, .full-browse a {padding: 3px 5px; margin: 0 5px; border: 1px solid #1D1D1D;}
#paginationContainer .pagination-pages a:hover {border-color: #444; background-color: #333; text-decoration: none;}
#paginationContainer span.dot{display: none ;}

/* PAGES */
body#page-one {color:#ccc; font-size:11px; line-height:18px;}
body#page-one h3 {font-size:14px; color:#ccc;}
body#page-one b {font-size:12px;}
body#page-one a {font-weight:normal;}
hr {margin:20px 0; border-bottom:0; border-left:0; border-right:0; border-top:1px solid #1d1d1d !important;}
body#page-one #sidebar-videos-popular div.headline {display:block; height:auto;}

/* WIDGET */
body.page-feature, body.page-feature #frame {margin:0; background-color:black;}
body.page-feature #sitepageHeadline, body.page-feature .sidebar, body.page-feature #sitebottom, body.page-feature #sitetop {display:none;}
body.page-feature #sitepageContent {position:absolute; top:0; left:0; width:490px; height:280px; overflow:hidden;}
body.page-feature #main {height:280px;}

/* FORMS */
.autoform .form-item-wrapper {background-color:black; padding: 10px 0;}
#fe_meta {display:none;}
.form-button .discrete {display:none;}
.autoform fieldset .form-fieldset-comment, .autoform legend {color:#CCC; padding: 0;}


	/* Upload Page */
	.form-widget input {border: 1px solid #333333; background: #2C2C2C url(/files/bg-input-text.png) repeat-x 0 0; padding:8px 5px; line-height: 15px; color: #CCC; width: 300px;}
	.form-widget input#age {width: 50px;}
	.form-widget textarea {width: 300px; background-color: #2C2C2C; border: 1px solid #333333; padding: 8px 5px; line-height: 15px; color: #CCC; width: 300px;}
	.form-widget label input {width: 20px;}
	.autoform .form-label {width: 100px;text-align: left; font-weight: normal; color: #999; font-size: 12px; padding: 0; line-height: 33px;}
	.autoform .form-item-required .form-label {font-weight: normal;}
	.autoform legend {font-size: 14px; color: #FFF; text-shadow: 1px 1px 1px #000; margin: 0; padding: 0 0 10px 0;}
	.form-section .form-button input {background: url(/files/sprite-medium.png) no-repeat 0 0; border: none; width: 170px; height: 30px; text-align: center; padding: 0; text-transform: uppercase; color: #000; text-shadow: 1px 1px 1px #BBED50;}