/* Common Components */

/* Video */
.quicktime { background: url(../images/buttons/btn_quicktime.png); margin: 2px 0 0 5px;}
.windows { background: url(../images/buttons/btn_windows.png); margin: 2px 0 0 5px; }
.controls { float: left; height: 15px; background: #000; }
.controls .track { float: left; position: relative; background: #FFF; height: 5px; margin: 4px 5px 0 0; cursor:pointer; overflow: hidden;}
.controls .playhead { position:absolute; background: #000; width: 1px; height: 5px; cursor:pointer; }
.controls .progress { position:absolute; background: #e2cf8d; height: 5px; }
.controls .buffer { position:absolute; background: #FFF; height: 5px; }
.controls .time { float: left; font-size: 0.6em; }
.controls .play,
.controls .pause, 
.controls .mute, 
.controls .unmute { display: none; } 

/* Content Block Components */

/* Age Gate section */
.sectionagegate { background: url(../images/agegate_background.jpg) no-repeat top center #000000; }
.sectionagegate #contentblock .agegate { text-align: center; margin: 320px 0 100px 0;}
.sectionagegate #contentblock button { margin-top: 50px; width: 99px; height: 34px; background: url(../images/buttons/btn_enter.png); border: 0; cursor: pointer;}
.sectionagegate #contentblock button:hover { background-position: -99px 0; }
.sectionagegate #contentblock button span { display: none; } 
/*.sectionagegate #footerblock, .sectionblock #footerblock { position: fixed; bottom: 0; }*/
.sectionblock .agegateblock { margin: 320px auto; width: 364px; height: 163px; background: url(../images/panels/panel_block.png); }

/* Full pane */
#contentblock .fullpane .splitter-row { float: left; width: 1000px; }
#contentblock .fullpane .splitter-holder { position: relative; float: left; left: 50%; margin: 10px 0 0 0;}
#contentblock .fullpane .splitter { position: relative; float: left; left: -50%; }

/* Welcome full pane */
#contentblock .fullpane .welcome .content img { margin: 0 80px 10px; }
#contentblock .fullpane .welcome .content .text { float: left; width: 630px; height: 120px; margin: 20px 0 0 87px; }

/* Advert full pane */
#contentblock .fullpane .ad { display: block; height: 162px; }

/* Preorder full pane */
#contentblock .fullpane .preorder { height: 769px; background: url(../images/panels/panel_preorder.png);}
#contentblock .fullpane .preorder .content .text { float: left; margin: 150px 0 0 335px; width: 460px; }
#contentblock .fullpane .preorder .content .text li { float: left; }
#contentblock .fullpane .preorder .content .text li ul { float: left; margin-top: 10px; height: 120px; }

/* Tabbed full pane */
#contentblock .fullpane .tabbed .top { height: 30px; }
#contentblock .fullpane .tabbed .bottom { height: 24px; background: url(../images/panels/panel_media_bottom.png); }
#contentblock .fullpane .tabbed .top a { float: left; display:block; width: 136px; height: 30px; }
.sectionmedia_video #contentblock .fullpane .tabbed .top { background: url(../images/panels/panel_media_tab_video.png); }
.sectionmedia_images #contentblock .fullpane .tabbed .top { background: url(../images/panels/panel_media_tab_images.png); }
.sectionmedia_goodies #contentblock .fullpane .tabbed .top { background: url(../images/panels/panel_media_tab_goodies.png); }
.sectiongame #contentblock .fullpane .tabbed .top { background: url(../images/panels/panel_game_top.png); }
#contentblock .fullpane .tabbed .content { float: left; width: 805px; background: url(../images/panels/panel_media_middle.png); padding: 8px 0;}
#contentblock .fullpane .tabbed .content .text { margin: 8px 16px; }

/* Tabbed media full */
#contentblock .fullpane .media .content #viewer { float: left; width: 640px; margin: 10px 82px 0; position: relative; z-index: 1;}
#contentblock .fullpane .media .content #viewer .top { position: relative; display: block; width: 460px; top: 11px; left: 90px; height: 21px; background: url(../images/panels/panel_media_header.png); z-index: 5; }
#contentblock .fullpane .media .content #viewer .top h3 { position: relative; padding-top: 3px; margin: 0 12px; }
.sectionmedia_images #contentblock .fullpane .media .content #viewer .top h3 { text-align: center; }
#contentblock .fullpane .media .content #viewer .top .quicktime { position: absolute; top: 2px; right: 0px; display:block; width: 16px; height: 13px; }
#contentblock .fullpane .media .content #viewer .top .windows { position: absolute; top: 2px; right: 18px; display:block; width: 15px; height: 13px; }
#contentblock .fullpane .media .content #viewer .content { float:left; width: 638px; padding: 0; position: relative; border: 1px solid #664B1F; z-index: 1; }
#contentblock .fullpane .media .content #viewer .content .player { display: block; width: 638px; height: 272px; text-align: center; z-index: 1; }
#contentblock .fullpane .media .content #viewer .content a { float: left; }
#contentblock .fullpane .media .content #viewer .content .preloader { float: left; display: none; width: 638px; background: url(../images/lightbox-ico-loading.gif) no-repeat center center #040401; }
#contentblock .fullpane .media .content #viewer .content .player img { margin: 90px 0 0 0; }
#contentblock .fullpane .media .content #viewer .bottom { position: relative; display: block; width: 460px; bottom: 11px; left: 90px; height: 21px; background: url(../images/panels/panel_media_header.png);; z-index: 5; }
#contentblock .fullpane .media .content #viewer .bottom .controls { width: 430px; margin: 3px 19px 0; }
#contentblock .fullpane .media .content #viewer .bottom .controls .track { width: 364px; margin-top: 5px; }
#contentblock .fullpane .media .content #viewer .bottom .controls .time { margin-top: 2px; }
#contentblock .fullpane .media .content li { float: left; width: 169px; height: 74px; margin: 20px 16px 0 16px; }
#contentblock .fullpane .media .content li a { float: left; display: block; width: 169px; height: 74px; background: center center; }
#contentblock .fullpane .media .content li a .preview { float: left; display: block; width: 169px; height: 74px; background: 0 -74px; }
#contentblock .fullpane .media .content li a .preview:hover { background: 0 0; }
.sectionmedia_video #contentblock .fullpane .media .content li a .preview { background-image: url(../images/panels/panel_media_frame_vid.png); }
.sectionmedia_images #contentblock .fullpane .media .content li a .preview { background-image: url(../images/panels/panel_media_frame_pic.png); }
#contentblock .fullpane .game .content .text p b { color: #E4C45D; }


/* Video item pane */
#contentblock .itempane .video { height: 265px; margin: 0 0 5px 97px }
#contentblock .itempane .video .top { position: relative; display: block; width: 413px; top: 11px; left: 90px; height: 21px; background: url(../images/panels/panel_player_header.png); z-index: 5; }
#contentblock .itempane .video .top h3 { padding-top: 2px; margin: 0 12px; }
#contentblock .itempane .video .top .quicktime { position: absolute; top: 2px; right: 12px; display:block; width: 16px; height: 13px; }
#contentblock .itempane .video .top .windows { position: absolute; top: 2px; right: 30px; display:block; width: 15px; height: 13px; }
#contentblock .itempane .video .content { position: relative; float: left; width: 591px; margin: 0; border: 1px solid #664B1F;  }
#contentblock .itempane .video .content .player { display: block; width: 591px; height: 224px; text-align: center;}
#contentblock .itempane .video .content .player img { margin-top: 60px; }
#contentblock .itempane .video .bottom { position: relative; display: block; width: 413px; bottom: 11px; left: 90px; height: 21px; background: url(../images/panels/panel_player_header.png); z-index: 5; }
#contentblock .itempane .video .bottom .controls { width: 380px; margin: 4px 19px 0; }
#contentblock .itempane .video .bottom .controls .track { width: 315px; }


/* Article item pane */
#contentblock .itempane .article .top { width: 593px; height:25px; background: url(../images/panels/item_panel_top.png); }
#contentblock .itempane .article .content { width: 593px; background: url(../images/panels/item_panel_middle.png); position: relative; }
#contentblock .itempane .article .bottom { width: 593px; height:25px; background: url(../images/panels/item_panel_bottom.png); }

#contentblock .itempane .article .content .date { position: absolute; top: 10px; left: 15px; width: 50px; font-weight: bold; color: #d3a550; text-align:center;}
#contentblock .itempane .article .content .date .month { font-size: 1.2em; }
#contentblock .itempane .article .content .date .day { font-size: 2.0em; }

#contentblock .itempane .article .content .text { float: left; width: 420px; margin: 0 0 0 90px;}
#contentblock .itempane .article .content .text h1 { font-size: 1.2em; }
#contentblock .itempane .article .content .text p img { border: 1px solid #4b3817; }  

#contentblock .itempane .article .content .actions { float: left; width: 420px; margin: 10px 0 0 90px; }

#contentblock .itempane .article .content .button { float: left; width: 97px; height: 19px; margin: 4px 0 0 0; }
#contentblock .itempane .article .content .button:hover { background-position: -97px 0; }
#contentblock .itempane .article .content .print { background: url(../images/buttons/btn_print.jpg); }
#contentblock .itempane .article .content .back { background: url(../images/buttons/btn_back.jpg); }
#contentblock .itempane .article .content .readmore { background: url(../images/buttons/btn_readmore.jpg); }

#contentblock .itempane .article .content .tags { float: right; font-size: 0.6em; margin: 4px 0 0 0; }
#contentblock .itempane .article .content .tags b { color: #d3a550; }

#contentblock .itempane .article .content .type { position: absolute; width: 55px; height: 62px; top: 10px; right: 15px; }
#contentblock .itempane .article .content .type_blog { background: url(../images/icons/blog_ico.png); }
#contentblock .itempane .article .content .type_news { background: url(../images/icons/news_ico.png); }

/* Article news item pane */

#contentblock .itempane .news .content .date { top: 27px; }
#contentblock .itempane .news .content .text { width: 390px; height: 85px; margin: 0 0 0 110px; }
#contentblock .itempane .news .content .text h1 { font-size: 1.1em; color: #d3a550; }
#contentblock .itempane .news .content .actions { width: 390px; height: 31px; margin: 0 0 0 110px; }

/* Generic splitter */
#contentblock .splitter ul li { float: left; display: block; width: 21px; height: 21px; background: url(../images/buttons/btn_splitter_item.png);  margin: 0 3px; padding: 0; font-size: 0.7em; font-weight: bold;}
#contentblock .splitter ul li a { display: block; width: 21px; margin-top: 4px; text-align: center; color: #000; }
#contentblock .splitter .sp-active { background: url(../images/buttons/btn_splitter_active.png); color: #FFF;}
#contentblock .splitter .sp-active a { color: #FFF;}
#contentblock .splitter .sp-next { width: 7px; height: 21px; background: url(../images/buttons/btn_splitter_next.png) left center no-repeat; }
#contentblock .splitter .sp-prev { width: 7px; height: 21px; background: url(../images/buttons/btn_splitter_prev.png) left center no-repeat; }
#contentblock .splitter .sp-next a, #contentblock .splitter .sp-prev a { width: 7px; height: 21px; } 
#contentblock .splitter .sp-next span, #contentblock .splitter .sp-prev span { display: none; } 

/* Item pane splitter */
#contentblock .itempane .splitter-row { float: left; width: 593px; margin-left: 97px; }
#contentblock .itempane .splitter-holder { position: relative; float: left; left: 50%; margin: 0;}
#contentblock .itempane .splitter { position: relative; float: left; left: -50%; }

/* Recent Items side pane */
#contentblock .sidepane .recent .content li { float: left; width: 178px; margin: 0 9px; border-bottom: 1px solid #4b3817; }
#contentblock .sidepane .recent .content li:last-child { border: 0; }
#contentblock .sidepane .recent .content li h3 { padding-top: 5px; } 

/* Poll side pane */
#contentblock .sidepane .poll .content h3 { padding: 0 8px; } 
#contentblock .sidepane .poll .content table { font-weight: normal; color: #d3a550; font-size: 0.8em; }
#contentblock .sidepane .poll .content input { padding: 0; margin: 4px 8px 4px 8px; } 
#contentblock .sidepane .poll .content ul { margin: 5px 0 0 0; }
#contentblock .sidepane .poll .content li { margin: 4px 0 4px 8px; color: #d3a550; font-size: 0.7em; }
#contentblock .sidepane .poll .content li span { color: white; }
#contentblock .sidepane .poll .content button { margin: 3px 0 0 0; display: block; border: 0; width: 55px; height: 19px; background: url(../images/buttons/btn_vote.png); cursor: pointer; }
#contentblock .sidepane .poll .content button:hover { background-position: -55px 0; }
#contentblock .sidepane .poll .content button span { display: none; }


/* Post Calendar side pane */
#contentblock .sidepane .calendar .content .header { position: relative; text-align: center; font-weight: bold; padding: 0 0 6px 0; }
#contentblock .sidepane .calendar .content .header a { position: absolute; display: block; width: 7px; height: 13px; top: 3px;}
#contentblock .sidepane .calendar .content .header .cal-next { right: 8px; background: url(../images/buttons/btn_splitter_next.png) no-repeat; }
#contentblock .sidepane .calendar .content .header .cal-prev { left: 8px; background: url(../images/buttons/btn_splitter_prev.png) no-repeat; }
#contentblock .sidepane .calendar .content ul { margin: 0 0 0 8px; }
#contentblock .sidepane .calendar .content li { width: 25px; height: 20px; margin: 0 1px 1px 0; text-align: center; font-size: 0.8em; font-weight: normal; background: url(../images/panels/side_panel_calendar_box.png); background-position: -50px 0;}
#contentblock .sidepane .calendar .content li span { display:block; padding: 2px 0 0 0; }
#contentblock .sidepane .calendar .content .dates li { background-position: -75px 0; }
#contentblock .sidepane .calendar .content .dates .idle { background-position: -25px 0; }
#contentblock .sidepane .calendar .content .dates .post { background-position: 0 0; }