*{
    margin: 0;
    padding: 0;
}
body{
    font-family: Tahoma;
    font-size: 12px;
    color: #fff;
}
a{
    color: #fff;
    text-decoration: none;
    outline: none;
}
a img, fieldset, legend, table, tr, td, button{
    border: none;
}
noscript p{
    background: #ec2027; 
    color: #fff; 
    padding: 5px; 
    text-align: center; 
    font-weight: bold;
}

/* @group Sections not displayed */

/* @utility styles */

.floatBefore{
    float: left;
}
.floatAfter{
    float: right;
}
.clickZone{
    cursor: pointer;
}

/* @Main sections */

#main-container {
    width: 990px;
    margin: 0 auto;
    overflow: hidden;
}
#header {
    width: 990px;
    height: 50px;
    padding: 0 12px;
    background: url(../../Media/main-bg-top.png) no-repeat left bottom;
}
#cba-header-container {
    position: relative;
}
#cba-header {
    background: url(../../Media/logo-centraalbeheer-header-muts.png) top left no-repeat;
    width: 189px;
    height: 100px;
    margin-top: 10px;
    padding: 15px 0px 0px 15px;
}
#cba-header-logo {
	background: url(../../Media/logo-centraalbeheer.jpg) top left no-repeat;
	width: 159px;
	height: 79px;
}
#cba-header-primaryButton
{
    background: url(../../Media/logo-centraalbeheer-primarySection.png) no-repeat top right;
    position: absolute;
	left: 189px;
	width: 70px;
	height: 50px;
	top: 0px;
	padding: 7px 0px 0px 10px;
}
#cba-header-primaryButton a {
	font-family: Tahoma,Arial,Helvetica;
    font-size: 17px;
    color: #3B7E0F;
}

#cba-header-secondaryButton {
    background: url(../../Media/logo-centraalbeheer-secondarySection.png) no-repeat top right;
    position: absolute;
	left: 269px;
	top: 0px;
	width: 195px;
	height: 44px;
	padding: 7px 0px 0px 0px;
}

#cba-header-secondaryButton a {
    font-family: Tahoma,Arial,Helvetica;
    font-size: 17px;
    color: #7F7F7F;
}
#cba-header-secondaryButton a:hover {
    font-family: Tahoma,Arial,Helvetica;
    font-size: 17px;
    text-decoration: underline;
    color: #074665;
}
#cba-footer {
	margin: 0 auto;
	background: url(../../Media/footer-cba-bg.png) no-repeat top left;
	width: 990px;
	height: 32px;
	color: #CCCCCC;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 10px;
	text-align: center;
	padding-top: 65px;
}

#cba-footer a {
    color: #258DC0;
    text-decoration: underline;
}

#cba-footer a:hover {
    color: #074665;
}

#cba-footer span {
	padding-left: 15px;
}
#content {
    clear:both;
    float: left;
    width: 990px;
    background: url(../../Media/main-bg-body.png) repeat-y;
    color: #fff;
    padding: 0 12px 0 7px;
}
#footer {
    float: left;
    padding: 0 12px;
    width: 100%;
    height: 16px;
    background: url(../../Media/main-bg-bottom.png) no-repeat;
}
#content-context {
    float: right;
    width: 235px;
    margin-right: 10px;
}
#content-header {
    width: 100%;
    float: left;
    margin-bottom: 25px;
    position:relative;

}
#content-body {
    float: left;
    width: 724px;
    margin-left: 14px;
}
#content-header label.wireframe,
#content-body label.wireframe {
    clear: none;
}

/* Detail pages */

.detail #content-context {
    width: 420px !important;
    float: right;
    position: relative;
    z-index: 3;
}
.detail #content-header {
    position: absolute;
    width: 974px;
    height: 700px;
    margin: -7px 0 0 0;
    background: url(../../Media/tmp-alien-bg.png) no-repeat top left;
    z-index: 1;
}
.detail #content-body {
    float: left;
    width: 537px;
    margin-left: 14px;
    position: relative;
    z-index: 2;
}

#breadcrumb{
    list-style: none;
}
#breadcrumb li{
    float: left;
    margin-right: 10px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold;
}

#player{
    margin-top: 170px;
}
#extras{
    display: block;
    width: 370px;
    height: 95px;
    margin-top: 170px;
    background: #0f91aa url(../../Media/extras-overlay.png) no-repeat left bottom;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
    position: relative;
}
#extras h2{
    float: left;
}
#extras img{
    width: 60px;
    height: 60px;
    float: left;
    background: #555;
    margin-right: 10px;
}
#extras p{
    float: left;
    width: 300px;
    color: #eee;
}
#extras #primary{
    display: block;
    width: 100%;
    height: 70px;
}
#extras #secondary, #extras #tertiary{
    height: 20px;
    position: absolute;
    bottom: 10px;
}
#extras #secondary{
    left: 15px;
}
#extras #tertiary{
    left: 190px;
}
#extras #secondary a, #extras #tertiary a{
    font-size: 18px;
}

/* @Making of page */

.making-of #content-context{
    margin-top: 145px;
}


/* @Carousel */

.carousel-flow{
    background: url(../../Media/carousel-bg.png) no-repeat left top;
    display: block;
    height: 173px;
    width: 410px;
    margin-top: 10px;
}
.carousel-flow ul{
    margin-top: 40px;
    margin-left: -3px;
}
.carousel-flow ul li{
    margin-right: 100px;
}
.carousel-flow ul li span{
    display: none;
}
#carousel-next{
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    bottom: 80px;
    margin-right: 15px;
    background: url(../../Media/carousel-next.png) no-repeat;
}
#carousel-prev{
    position: relative;
    float: left;
    top: 41px;
    margin-left: 10px;
    height: 30px;
    width: 30px;
    background: url(../../Media/carousel-prev.png) no-repeat;
    z-index: 99;
}
.carousel-flow + a{
    position: absolute;
    margin-top: -24px;
    margin-left: 20px;
}

/* @posters */

ul.posters{
    list-style: none;
    margin-left: -17px;
    width: 743px;
}
ul.posters li{
    display: block;
    position: relative;
    float: left;
    width: 168px;
    border: none;
    margin: 0 0 15px 15px;
    height: 328px;
    background: url(../../Media/poster-bg.png) bottom no-repeat;
}
.posters li:hover, .posters li.hover{
    background: url(../../Media/poster-bg-active.png) bottom no-repeat;
}
.posters li a, .posters li img{
    border: none;
    text-decoration: none;
    margin-bottom: 6px;
}
.posters li h3{
    font-size: 12px;
    font-weight: bold;
    margin: 9px 0 8px 10px;
    float: left;
}
.posters li p.date{
    font-size: 11px;
    padding: 0px 0 9px 10px;
    margin-bottom: 5px;
    color: #bdbdbd;
    border-bottom: 1px solid #373737;
}
.posters li p.date span{
    font-weight: bold;
}
.posters li p.stars{
    float: right;
    margin: -26px 7px 7px 0;
    display: block;
    width: 50px;
    height: 10px;
    text-indent: 500px;
    overflow: hidden;
    background: url(../../Media/rating-sprite-small.png) no-repeat left;
}
.posters li p.one{
    background-position: -35px 0; }
.posters li p.two{
    background-position: -26px 0; }
.posters li p.three{
    background-position: -17px 0; }
.posters li p.four{
    background-position: -8px 0; }
.posters li p.five{
    background-position: 0 0; }
    
.posters li p.extra{
    font-size: 11px;
    padding: 0px 0 5px 10px;
    color: #bdbdbd;
}
#poster-overlay{
    display: block;
    height: 45px;
    width: 46px;
    background: url(../../Media/play-overlay.png) no-repeat;
    margin-top: 100px;
    margin-left: 62px;
    cursor: pointer;
    z-index: 99;
    position: absolute;
		top: 0;
}
.posters *{
    cursor: pointer;
}

/* @Forms */

#sorting-form{
    border-bottom: 1px solid #373737;
    border-top: 1px solid #373737;
    margin-bottom: 20px;
    margin-right: 10px;
}
#sorting-form fieldset{
    border: none;
    height: 26px;
    padding: 5px 0 0 0;
}
#sorting-form label{
    float: none;
    padding: 0;
    width: auto;
    min-height: auto;
    color: inherit;
}
#sorting-form .question{
    float: left;
    color: #bdbdbd;
    margin-right: 20px;
    text-transform: uppercase;
    padding-top: 3px;
}
label.superImpose {
    position: absolute;
    white-space: nowrap;
    /*display: block !important;*/
    padding: 0;
    margin-left: 5px;
    color: silver;
    margin-top: 2px;
}
.send-form{
    background: url(../../Media/button-send-form.png) no-repeat;
    height: 38px;
    width: 75px;
    overflow: hidden;
    text-indent: -10000px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    position: absolute;
    right: 10px;
    margin-top: 25px;
    top: auto;
    left: auto;
}
fieldset{
    border-top:1px solid #373737;
    padding: 10px 10px 0 10px;
    clear: left;
    position: relative;
}
fieldset .remove{
    display: block;
    height: 16px;
    width: 16px;
    background: url(../../Media/button-remove.png) no-repeat;
    cursor: pointer;
    float: right;
    margin-top: -5px;
    margin-bottom: 5px;
}
label{
    float:left;
    padding-right: 30%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    width: 70%;
    min-height: 30px;
    color: #c3c3c3;
}
input{
    position: absolute;
    left: 30%;
    top: 0;
    height: 17px;
    background: #fff url(../../Media/input-bg.png) repeat-x top left;
    border: none;
    width: 68%;
}
input#subject{
    position: relative;
    left: auto;
    width: 507px;
    margin-top: 10px;
}
textarea{
    height: auto;
    background: #fff url(../../Media/input-bg.png) repeat-x top left;
    border: none;
    width: 507px;
    clear: both;
    margin-top: 10px;
}
input, textarea{
    padding: 8px 5px 3px 5px;
    font-family: Tahoma;
    font-size: 12px;
}
#add-recipient{
    display: block;
    margin: 15px 0 15px 10px;
    float: left;
    background: url(../../Media/button-add.png) no-repeat left top;
    padding-left: 20px;
    height: 16px;
}
.formSubmit{
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    background: none;
    font-size: inherit;
    width: auto;
}
input.embedcode{
    position: absolute;
    left: 22px;
    width: 90%;
    top: auto;
    bottom: 20px;
}
.radiolist{
    list-style: none;
    display: block;
    margin-bottom: 10px;
}
.radiolist li{
    margin-bottom: 5px;
}
.radiolist input{
    height: auto;
    width: auto;
    position: relative;
    left: auto;
    top: auto;
    bottom: -3px;
    height: auto;
    margin-right: 10px;
}
.radiolist label, #requestRingForm label{
    float: none;
    padding: 0;
    position: relative;
    width: 100%;
    left: auto;
}
#requestRingForm fieldset{
    padding: 15px 0 0 0;
}
#requestRingForm fieldset label{
    display: block;
}
#requestRingForm #gsm{
    width: 105px;
    height: 16px;
    margin-left: 20px;
    margin-top: -4px;
    border: 1px solid #333;
    left: auto;
}
#requestRingForm .formSubmit{
    right: 3px;
    height:39px;
    top: 159px;
    padding:0;
    position:absolute;
    text-indent:-2000px;
    width:39px;
    background: url(../../Media/button-ok.png) no-repeat;
    cursor: pointer;
}
#requestRingForm .disabled{
    background: url(../../Media/button-ok-disabled.png) no-repeat;
    cursor: default;
}
#requestRingForm .error{
    position:relative;
    margin-top: 20px;
    color: #f00;
}
input.invalid{
    border: 1px solid #f00!important;
}
.panelCallout  #disclaimer{
    margin: 15px 0 0 0;
}

#sendToFriendForm{
    padding-bottom: 15px;
    border-bottom: 1px solid #373737;
}
#sendToFriendForm .error{
    color: #f00;
    margin-top: 25px;
}

/* @lists */

.topList{
    width: 185px;
    background: url(../../Media/toplist-bg.png) no-repeat bottom left;
    padding: 0 5px 28px 30px;
    margin-bottom: 20px;
    margin-top: -5px;
}
.detail .topList{
    width: 158px;
    background: url(../../Media/toplist-detail-bg.png) no-repeat bottom left;
    float: left;
    margin-right: 15px;
    padding-bottom: 5px;
    top: 155px;
    position: relative;
}

#extras + #othermovies + .topList,
#extras + #othermovies + .topList + .topList{
    top: auto;
}


.topList h2{
    margin-bottom: 5px;
    margin-left: -20px;
    clear: both;
}
.topList li{
    color: #bbb;
}
.topList li a{
    color: #bbb;
    display: block;
    text-decoration: none;
    width: 185px;
    height: 21px;
    padding-top: 3px;
    padding-left: 30px;
    border-top: 1px solid #373737;
    margin-left: -30px;
}
.topList .source{
    font-size: 11px;
    color: #8d8d8d;
    float: left;
    display: block;
    margin-left: -30px;
    margin-right: -1px;
    padding: 7px 46px 5px 0;
    border-top: 1px solid #373737;
    width: 170px;
    text-align: right;
}
.topList .source span{
    display: block;
    text-indent: -10000px;
    padding: 2px 0px;
    margin-top: -17px;
    margin-right: -42px;
    text-align: left;
}
.detail .topList .source{
    width: 147px;
}
.topList .youtube span {
    background: url(../../Media/logo-youtube.png) no-repeat right top;
}
.topList .hyves span {
    background: url(../../Media/logo-hyves.png) no-repeat right top;
    padding-top: 2px;
}
.detail .topList li a{
    width: 163px;
}
.topList li a:hover{
    background-color: #4d4d4d;
}
.topList li span{
    float: right;
    margin-right: 5px;
    color: #8d8d8d;
}

#sortingBar{
    list-style: none;
    display: block;
    float: left;
}
#sortingBar li{
    float: left;
    color: #bdbdbd;
    height: 12px;
    display: block;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #242424;
    margin-right: 14px;
    padding: 4px 8px;
    text-transform: uppercase;
    cursor: pointer;
}
#sortingBar li *{
    cursor: pointer;
}
#sortingBar li input{
    display: none;
}
#sortingBar li label{
    margin-top: -2px;
    display: block;
    position: relative;
}
#sortingBar li:hover{
    color: #fff;
}
#sortingBar li.active{
    background-color: #4d4d4d;
    color: #fff;
}
#sortingBar li#dateA,
#sortingBar li#ratingsA + li,
#sortingBar li#viewsA + li,
#sortingBar li#commentsA + li{
    padding-right: 20px;
    background: url(../../Media/sorting-arrow.png) #242424 no-repeat right 5px;
}
#sortingBar li#dateA + li,
#sortingBar li#ratingsA,
#sortingBar li#viewsA,
#sortingBar li#commentsA{
    padding-right: 20px;
    background: url(../../Media/sorting-arrow.png) #242424 no-repeat right -16px;
}
#sortingBar li#dateA:hover,
#sortingBar li#ratingsA + li:hover,
#sortingBar li#viewsA + li:hover,
#sortingBar li#commentsA + li:hover{
    background: url(../../Media/sorting-arrow.png) #242424 no-repeat right -36px;
}
#sortingBar li#dateA + li:hover,
#sortingBar li#ratingsA:hover,
#sortingBar li#viewsA:hover,
#sortingBar li#commentsA:hover{
    background: url(../../Media/sorting-arrow.png) #242424 no-repeat right -57px;
}
#sortingBar li#dateA.active,
#sortingBar li#ratingsA + li.active,
#sortingBar li#viewsA + li.active,
#sortingBar li#commentsA + li.active{
    background: url(../../Media/sorting-arrow.png) #4d4d4d no-repeat right -36px;
}
#sortingBar li#dateA + li.active,
#sortingBar li.active#ratingsA,
#sortingBar li.active#viewsA,
#sortingBar li.active#commentsA{
    background: url(../../Media/sorting-arrow.png) #4d4d4d no-repeat right -57px;
}
#sortingBar li.active#dateA:hover,
#sortingBar li#ratingsA + li.active:hover,
#sortingBar li#viewsA + li.active:hover,
#sortingBar li#commentsA + li.active:hover{
    background: url(../../Media/sorting-arrow.png) #797979 no-repeat right 5px;
    color: #fff;
}
#sortingBar li#dateA + li.active:hover,
#sortingBar li.active#ratingsA:hover,
#sortingBar li.active#viewsA:hover,
#sortingBar li.active#commentsA:hover{
    background: url(../../Media/sorting-arrow.png) #797979 no-repeat right -16px;
    color: #fff;
}

#aboutContent ol, #aboutContent ul{
    margin: 10px 0 10px 20px;
}

#socialBar{
    border-bottom: 1px solid #1a1a1a;
    display: block;
    min-height: 40px;
    padding-top: 10px;
    margin-bottom: 20px;
}
#socialBar *{
    font-size: 11px;
    color: #bdbdbd;
    font-weight: normal;
}
#socialBar h4{
    margin-bottom: 5px;
}
#socialBar .views{
    float: left;
    margin-left: 25px;
}

#socialBar .add{
    float: right;
    border-left: 1px solid #1A1A1A;
    padding-left: 28px;
    margin-top: -12px;
    padding-top: 10px;
    
}
#socialBar #add-to-hyves{
    background: url(../../Media/button-add-hyves.png) no-repeat;
    overflow: hidden;
    text-indent: -10000px;
    display: block;
    width: 65px;
    height: 25px;
    margin-top: 5px;
}
#socialBar .rating{
    float: left;
}
#socialBar .rating span{
    float: right;
}
#socialBar .rating .stars{
    background: url(../../Media/rating-sprite.png) no-repeat;
    float: left;
    width: 65px;
    height: 14px;
    display: block;
    text-indent: 500px;
    overflow: hidden;
    margin-right: 5px;
    background-position: 0 0;
}
.stars-mask{
    background:url(../../Media/rating-mask.png) no-repeat;
}
#socialBar #embed{
    background: url(../../Media/button-embed.png) no-repeat bottom;
    overflow: hidden;
    text-indent: -10000px;
    display: block;
    width: 70px;
    height: 20px;
    float: right;
    margin-right: 25px;
    margin-left: 10px;
    margin-top: 13px;
}

/* @tabs */

.navigationTabs{
    list-style: none;
    display: block;
    width: 100%;
    height: 26px;
    border-bottom: 1px solid #353535;
}
.navigationTabs li{
    float: left;
    display: block;
    margin-left: 10px;
    height: 26px;
}
.navigationTabs li a{
    height: 26px;
    display: block;
    text-indent: -10000px;
    overflow: hidden;
}
.navigationTabs li#tab-comments a{
    background: url(../../Media/tab-comments.png) no-repeat;
    width: 75px;

}
.navigationTabs li#tab-plot a{
    background: url(../../Media/tab-plot.png) no-repeat;
    width: 50px;
}
.navigationTabs li#tab-trivia a{
    background: url(../../Media/tab-trivia.png) no-repeat;
    width: 59px;
}
.navigationTabs li.current#tab-comments a{
    background: url(../../Media/tab-comments-active.png) no-repeat;
}
.navigationTabs li.current#tab-plot a{
    background: url(../../Media/tab-plot-active.png) no-repeat;
}
.navigationTabs li.current#tab-trivia a{
    background: url(../../Media/tab-trivia-active.png) no-repeat;
}

/* @comments */

#comments{
    border-top: solid #353535 1px;
    margin-top: 28px;
    padding: 0 15px 0 15px;
}
#aboutContent{
    padding: 10px;
    background: url(../../Media/comments-bg.png) no-repeat bottom;
}
#aboutContent #numberOfComments{
    float: left;
    color: #ccc;
    margin-left: 20px;
    font-weight: bold;
}
#aboutContent a{
    text-decoration: underline;
}
#aboutContent > a{
    float: right;
    color: #ccc;
    margin-right: 20px;
    text-decoration: none;
}
#aboutContent p{
    margin: 5px 0;
}
#aboutContent blockquote{
    margin-left: 15px;
}
.comment{
    margin-top: 10px;
}
.comment .source{
    background: url(../../Media/logo-youtube.png) no-repeat right bottom;
    padding-right: 40px;
}
.comment .source span{
    display: none;
}
.comment-info{
    display: block;
    background: url(../../Media/comment-callout.png) no-repeat 25px bottom;
    padding-bottom: 20px;
    color: #e8e8e8;
    margin: 0!important;
}

.reply {
    margin-left: 40px;
}

.comment-info .name{
    font-weight: bold;
}
.comment-body{
    display: block;
    padding: 10px;
    background-color: #4b4b4b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0!important;
}
#comments .more{
    display: block;
    width: 100%;
    height: 40px;
    background: url(../../Media/showmore-twisty.png) center top no-repeat ;
    text-align: center;
    border-bottom: 1px solid #353535;
    border-top: 1px solid #353535;
    color: #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
    padding: inherit;
    top: auto;
    left: auto;
}
#comments .more.disabled{
    cursor: default;
}
/* @Send a friend */

#sendToFriend{
    width: 215px;
    float: right;
    margin-right: 20px;
}
#sendToFriend p{
    border: solid #373737;
    border-width: 1px 0 1px 0;
    padding: 6px 0 6px 0;
    color: #b3b3b3;
}
#sendToFriend a{
    background: url(../../Media/button-send-a-friend.png) no-repeat top right;
    display: block;
    width: 99%;
    height: 19px;
    margin-top: 5px;
    color: #e6e6e6;
    padding: 2px 0 0 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: -2px;
}
#sendToFriend a:hover{
    background-color: #292929;
}

/* @social buttons */

#socialButtons{
    margin: 20px 20px 0 0;
    width: 215px;
    float: right;
    border-top: 1px solid #373737;
    border-bottom: 1px solid #373737;
    padding: 10px 0; 
}

#socialButtons p.left{
    float: left;
    color: #B3B3B3;
}

#socialButtons p.right{
    float: right;
}

#socialButtons p.right span{
    margin-left: 12px;
}

/* rating list */

.rating{
    list-style: none;
    float: left;
    display: block;
    margin-bottom: 0;
}
.rating li{
    display: block;
    float: left;
    height: 25px;
    width: 25px;
    margin: 0;
    background: url(../../Media/star-off.gif) no-repeat;
    text-indent: 100px;
    overflow: hidden;
    line-height: 1000px;
}
.rating li.on{
    background: url(../../Media/star-on.gif) no-repeat;
}
#ratingLabel{
    float: left;
}

/* Panel */

.panel{
    position: absolute;
}
.panel #intro{
    margin: 10px 10px 20px 10px;
    position: relative;
}
.panel #intro{
    color: #9ca0a2;
    clear: both;
}
#disclaimer{
    margin: 10px 10px 0 10px;
    color: #4d4d4d;
    font-size: 9px;
    width: 70%;
}


/* @modal panel */

#overlay{
    position: absolute;
    background-color: #000;
    width: 100%;
    top: 0;
    left: 0;
}
.panelModal{
    width: 552px !important;
    position: absolute;
    left: 50%;
    margin-left: -276px !important;
    background: url(../../Media/modal-top.png) no-repeat top left;
}
.floatingPanel-modal{
    background: url(../../Media/modal-body.png) repeat-y;
    margin-top: 12px;
    min-height: 100px;
    width: 538px;
    padding: 0 7px 20px 7px;
}
.panelModal .modal-bottom{
    background: url(../../Media/modal-bottom.png) no-repeat;
    height: 12px;
    width: 552px
}
.panel .close{
    display: block;
    right: 17px;
    margin-top: 9px;
    height: 28px;
    width: 28px;
    background: url(../../Media/button-closepanel.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 10;
}

/* floating panel */

.panelBase{
    position: absolute;
    background: #000;
    border: 1px solid #fff;
    left: 50%;
}

/* floating panel callout*/

.panelCallout{
    width: 201px;
}
#tooltip{
    width: 220px;
}
#infoPanel.center, .panelCallout{
    background: url(../../Media/panel-top.png) no-repeat center top;
}
#infoPanel.right, #tooltip.right{
    background: url(../../Media/tooltip-top-left.png) no-repeat left top;
}
#infoPanel.left, #tooltip.left{
    background: url(../../Media/tooltip-top-right.png) no-repeat left top;
}
.floatingPanel-callout{
    background: url(../../Media/tooltip-body.png) no-repeat right top;
    margin-top: 29px;
    padding: 10px 15px 10px 13px
}
#tooltip.left #tooltip-body{
    background: url(../../Media/tooltip-body.png) no-repeat left -13px;
    margin-top: 29px;
    padding: 10px 40px 10px 20px
}
#tooltip.right #tooltip-body{
    background: url(../../Media/tooltip-body.png) no-repeat right -13px;
    margin-top: 29px;
    padding: 10px 20px 10px 40px
}
.floatingPanel-callout, #infoPanel.left .floatingPanel-callout{
    margin-top: 29px;
}
.right .footer, .right #tooltip-footer{
    background: url(../../Media/tooltip-bottom.png) no-repeat right top;
    height: 6px;
}
.panelCallout .footer, .left #tooltip-footer{
    background: url(../../Media/tooltip-bottom.png) no-repeat left top;
    height: 6px;
}

.floatingPanel-callout p, #tooltip-body p{
    margin-top: -25px;
}


.panelCallout .close{
    margin: -10px -11px 0 0;
}
.panelCallout #callout-pointer, #tooltip #tt-pointer{
    position: absolute;
    top: 30px;
    height: 18px;
    width: 18px;
    display: block;
    z-index: 1200;
}
.panelCallout.left #callout-pointer, #tooltip.left #tt-pointer{
    right: -11px;
    background: url(../../Media/callout-right.png) no-repeat;
}
.panelCallout.right #callout-pointer, #tooltip.right #tt-pointer{
    left: -11px;
    background: url(../../Media/callout-left.png) no-repeat;
}
.panelCallout .info{
    height: 38px;
    width: 46px;
    text-indent: 500px;
    overflow: hidden;
    display: block;
    background: url(../../Media/button-info.png) no-repeat;
    margin-left: -7px;
}
.panelCallout #intro{
    margin: -4px 0 5px 0;
    color: #fff;
}

p#embed{
    background: url(../../Media/logo-embed.png) no-repeat 10px top;
    padding-top: 40px;
    padding-left: 15px;
    margin-bottom: 25px;
}

/* headings */

h2#embed-title{
    position: absolute;
    margin: 7px 0 0 125px;
}

h2{
    font-size: 22px;
    position: relative;
    z-index: 10px;
    height: 30px;
}
h3{
    font-size: 18px;
    position: relative;
    z-index: 10px;
    height: 25px;
}
.posters h3{
    height: auto;
}
.panel h2{
    float: left;
    margin: 5px 10px;
}
#primaryActivation h2{
    margin-left: 15px;
    margin-top: 4px;
    height: 38px;
}
#socialBar + h2{
    margin-left: 10px;
}
/* tmp styes */

#main-activation{
    }

.carousel-flow{
    padding-top: 100px;
}
.carousel-flow li a span{
    min-width: 100px!important;
}

#primaryActivation{
    width: 734px;
    float: left;
}

#logo{
    background: url(../../Media/logo-cbstudio.png) no-repeat;
    width: 107px;
    float: right;
    position: relative;
    height: 119px;
    margin: 37px 82px 36px 25px;
    text-indent: -10000px;
}

/* subscriptions */

#subscriptions{
    width: 188px;
    height: 90px;
    float: right;
    margin-right: 28px;
    background: #0f91aa url(../../Media/subscriptions-overlay.png) no-repeat;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 15px 15px 15px;
    position: relative;
} 



#subscriptions .hyves{
    background: url(../../Media/logo-hyves-large.png) no-repeat right 4px;
    overflow: hidden;
    display: block;
    height: 25px;
    width: 76px;
    float: left;
    padding-top: 10px;
}
#subscriptions .youtube{
    background: url(../../Media/logo-youtube-large.png) no-repeat top right;
    display: block;
    height: 25px;
    width: 79px;
    float: left;
    padding-top: 10px;
    margin-left: 15px;
}
#subscriptions #intro{
    margin: 5px 0;
    color: #eee;
}
#subscriptions h2{
    margin: 0;
    margin-bottom: -5px;
}

#hyvesconnect_div{
    z-index: 99999;
}

#othermovies{
    margin-bottom: 20px;
    position: relative;
    top: 160px;
}
#extras + #othermovies{
    top: auto;
}



#othermovies h2{
    position: absolute;
    margin: 5px 0 0 15px;
}

#comments-info{
    display: none;
}

/* icon hack */
#iconLayer { 
    z-index:10000 !important; 
}

#company-footer {
    text-indent: -10000px;
}
#throbber{
    position: absolute;
    height: 50px;
    width: 50px;
    display: block;
    background: url(../../Media/throbber.gif) no-repeat top left;
    z-index: 99999;
}
#subscriptions *{
    position: relative;
    z-index: 1;
}
#flashReplace{
    position: absolute;
    margin-top: -5px;
    margin-left: -15px;
    z-index: 0;
}
.detail #hyvesconnect_iframe{
    height: 730px!important;
}