/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
html { background: url(/Images/space_bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; padding-bottom: 40px; color:#fff; } a { color:#8ac4d3; } /* To prevent 'highlighted' image links in FF */ a:focus, a:hover, a:active { outline:none } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Navigation Styles */ #topmainnavigation { background: url(/Images/topnav_bg.gif) repeat-x; height: 64px; position:relative; z-index:2; } #topmainnavigationcontainer { width: 931px; margin-left: auto; margin-right: auto; } .topnavsearch { background: url(/Images/searchbar_bg.gif) no-repeat left; width: 152px; height: 15px; border: none; color:#7b7b7b; font-size: 10px; float: right; display: inline; padding: 2px 6px 0 4px; } #loginsearchcontainer { width: 400px; height: 17px; float: right; display: inline; margin: 8px 50px 0 0; } #loginsearchcontainer li { float: right; display: inline; padding: 0px; margin: 0px; } #loginsearchcontainer li a { display: block; height: 10px; /*padding: 4px 0 3px 0;*/ margin-right: 22px; margin-top:4px; } .login a { background: url(/Images/nav_accbuttons.png) no-repeat left -20px; width: 31px; } .login a:hover { background-position: right -20px; } .join a { background: url(/Images/nav_accbuttons.png) no-repeat left -30px; width: 25px; } .join a:hover { background-position: right -30px; } .logout a { background: url(/Images/nav_accbuttons.png) no-repeat left -10px; width: 40px; } .logout a:hover { background-position: right -10px; } .myaccount a { background: url(/Images/nav_accbuttons.png) no-repeat left top; width: 61px; } .myaccount a:hover { background-position: right top; } #topnavigationlogo a { background: url(/Images/alphag_logo.png) no-repeat; width: 68px; height: 64px; float: left; display: inline; } #topnavigationlogo a:hover { background-position: -68px; } #channels { background: url(/Images/channels_bg.gif) no-repeat bottom; width: 822px; height: 35px; float: left; display: inline; padding-top: 4px; _padding-top: 3px; padding-left:22px; } #channels li { margin-top: 8px; float: left; display: inline; position:relative; background: url(/Images/nav_channels.png) no-repeat -146px left; padding:0 10px 0 12px; } #channels li a { display: block; height: 21px; } #channels li ul { /*display: none;*/ display:none; position:absolute; left:0px; top:25px; border:solid 1px #4b4b4b; border-top:none; padding:0px; z-index:99999; background:#000; width:140px; } #channels li ul li { display:block; float:left; clear:left; margin:0px; background-color:#000; padding:0 2px 2px 2px; } #channels li ul li a { color:#7b7b7b; text-decoration:none; font-size:10px; background: #000 url(/Images/topnav_sub_dark_bg_right.gif) no-repeat top right; height:21px; float:left; padding:0 5px 0 0; text-decoration:none; text-transform:uppercase; font:10px/20px arial narrow; font-family: "Arial Narrow","Nimbus Sans L Condensed","Franklin Gothic Medium",sans-serif; font-weight:normal; display:inline; width:130px; } #channels li ul li a span { background: #000 url(/Images/topnav_sub_dark_bg_left.gif) no-repeat top left; height:21px; padding:0 4px 0 10px; display:block; text-align:center; cursor:pointer; } #channels li ul li a:hover { background: #000 url(/Images/topnav_sub_light_bg_right.gif) no-repeat top right; } #channels li ul li a:hover span { background: #000 url(/Images/topnav_sub_light_bg_left.gif) no-repeat top left; } #channels li#dropscience { background-image:none; padding-left:0px; } #dropscience a { background: url(/Images/nav_channels.png) no-repeat 0px 0px; width: 117px; } #dropscience a:hover { background-position: right 0px; } #workit a { background: url(/Images/nav_channels.png) no-repeat 0px -21px; width: 66px; } #workit a:hover { background-position: right -21px; } #underground a { background: url(/Images/nav_channels.png) no-repeat left -42px; width: 99px; } #underground a:hover { background-position: right -42px; } #keepit100 a { background: url(/Images/nav_channels.png) no-repeat left -63px; width: 85px; } #keepit100 a:hover { background-position: right -63px; } #breaks a { background: url(/Images/nav_channels.png) no-repeat left -84px; width: 83px; } #breaks a:hover { background-position: right -84px; } #mostrecent a { background: url(/Images/nav_channels.png) no-repeat left -105px; width: 93px; } #mostrecent a:hover { background-position: right -105px; } #channels li#mostpopular { padding-right:0px; } #mostpopular a { background: url(/Images/nav_channels.png) no-repeat left -126px; width: 101px; } #mostpopular a:hover { background-position: right -126px; } .shadow { height: 3px; background: #000000; /*opacity: 0.3;*/ filter: alpha(opacity=30); overflow: hidden; display: block; } /* Glass Styles */ #glass { background: url(/Images/glass_whole.png) repeat-y center; width: 878px; margin-left: auto; margin-right: auto; margin-top: 20px; display: block; position:relative; z-index:1; } #glass .top { background: url(/Images/glass_whole.png) no-repeat top left; display: block; width: 878px; height: 9px; position: relative; top: -9px; } #glass .bottom { background: url(/Images/glass_whole.png) no-repeat bottom right; display: block; width: 878px; height: 9px; position: relative; bottom: -9px; } #glass > div { /*padding: 0px 14px;*/ position:relative; margin: -7px 14px; } #glass > div > h1 { font-family:Verdana; text-transform:uppercase; font-size:18px; height:26px; line-height:20px; } #glass br.evenspace { line-height:11px; } /* Inlay Styles */ .glassinlay { background: url(/Images/glassinlay_bg.png); border-top: 1px solid #363b3d; border-left: 1px solid #363b3d; border-right: 1px solid #b2bec1; border-bottom: 1px solid #b2bec1; } .darkinlay { background: #1b2225; border-top: 1px solid #b0bac2; border-left: 1px solid #b0bac2; border-right: 1px solid #2b2e2f; border-bottom: 1px solid #2b2e2f; padding: 11px; } /*Modal Popup*/ .modalBackground { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); margin-left: 0px; } .modalLoginContainer { margin: 0px; padding: 11px; color: #fff; font-size: 11px; border:solid 1px #666; background:#000; width:480px; } .modalLoginContainer h2 { text-transform:uppercase; font:13px/20px verdana; } .modalLoginContainer .modal_close_btn { float:right; display:inline; width:22px; height:22px; background:url(/Images/btn_close.png) no-repeat top left; } .modalLoginContainer h2 { float:left; display:inline; text-transform:uppercase; line-height:22px; font-size:13px; } .modalLoginContainer p { clear:both; } .modalLoginContainer .form { margin-top:10px; } .modalLoginContainer .form li { display:block; clear:both; margin:5px 0; } .modalLoginContainer .form label { float:left; width:65px; text-align:right; margin:7px 20px 5px 0; } .modalLoginContainer .form .forgotpassword { float:left; margin:5px 20px 5px 0; } .modalLoginContainer .form .validator { float:left; margin:5px 20px 5px 0; color:#ff0000; } .modalLoginContainer .form .error { clear:both; float:none; font-weight:bold; margin:5px 0 5px 0; color:#ff0000; } .modalLoginContainer .form input { float:left; width:150px; margin:5px 15px 5px 0; font-size:13px; height:18px; line-height:18px; } .modalLoginContainer .form li.buttons { margin:10px 0 10px 85px !important; } .modalLoginContainer br { clear:both; float:none; } .modalLoginContainer .buttons { margin:10px 0; } /* Flash Stuff */ object { outline:none; margin:0px; padding:0px; } /* Default Button Styles */ .light_button { background: url(/Images/btn_lgt_right_up.png) no-repeat top right; height:22px; float:left; padding-right:6px; color:#fff; text-decoration:none; text-transform:uppercase; font:10px/20px verdana; margin-right:11px; display:inline; } .light_button span { background: url(/Images/btn_lgt_left_up.png) no-repeat top left; height:22px; padding:0 4px 0 10px; display:block; cursor:pointer; } .light_button:hover { background: url(/Images/btn_lgt_right_down.png) no-repeat top right; } .light_button:hover span { background: url(/Images/btn_lgt_left_down.png) no-repeat top left; } .dark_button { background: url(/Images/btn_drk_right_up.png) no-repeat top right; height:22px; float:left; padding-right:6px; color:#fff; text-decoration:none; text-transform:uppercase; font:10px/20px verdana; margin-right:11px; display:inline; } .dark_button span { background: url(/Images/btn_drk_left_up.png) no-repeat top left; height:22px; padding:0 4px 0 10px; display:block; cursor:pointer; } .dark_button:hover { background: url(/Images/btn_drk_right_down.png) no-repeat top right; } .dark_button:hover span { background: url(/Images/btn_drk_left_down.png) no-repeat top left; } /* FOOTER */ #footer { clear:both; display:block; margin:40px auto 10px auto; width:980px; text-align:center; } #footer li { display:inline; padding:10px 5px; color:#666; font-size:10px; line-height:12px; } #footer li a { color:#666; text-transform:uppercase; text-decoration:none; margin-top:2px; } #footer li a:hover { text-decoration:underline; }
.form { margin-top:10px; } .form br { clear:both; } .form li { display:block; clear:both; margin:5px 0; } .form label { float:left; width:115px; text-align:right; margin:7px 20px 5px 0; } .form a.inlinelink, .form .inlinelabel { float:left; margin:7px 20px 5px 0; position:relative; } .form a.inlinelink .tooltip { display:none; position:absolute; top:-15px; right:-200px; width:190px; border:solid 1px #666; font-size:10px/12px arial !important; line-height:12px; text-transform:none; padding:2px 4px; background:#000; } .form a.inlinelink:hover .tooltip { display:block; } .form .checkbox input, .form .radiobutton input { float:left; width:auto; margin:5px 10px 0 135px; } .form .radiobutton input { margin-left:0px; } .form .checkbox label, .form .radiobutton label { clear:none; float:left; width:auto; margin:5px 20px 0 0; font-size:11px; } .form .validator { float:left; margin:5px 5px 5px 0; color:#ff0000; } .form .error { clear:both; float:none; font-weight:bold; margin:5px 0 5px 0; color:#ff0000; } .form input, .form select { float:left; width:190px; margin:5px 15px 5px 0; font-size:11px; height:22px; line-height:22px; } .form select { height:22px; width:194px; } .form textarea { float:left; width:192px; height:58px; margin:5px 15px 5px 0; font-size:13px; line-height:18px; } /* Please forgive me for this browser hack... */ @-moz-document url-prefix() { .form textarea { width: 190px; } .form select { width: 191px; height:20px; } } .form li.buttons { margin:10px 0 10px 135px; } .form .checkboxlist label { clear:none; float:left; width:auto; margin:5px 20px 0 0; font-size:11px; } .form .checkboxlist input { float:left; width:auto; margin:5px 10px 0 135px; } .form .checkboxlist br { clear:both; display:block; } .form .note { font-size:11px; } .form .checkbox_inline { float:left; margin:5px 15px 5px 0; text-align:left; } .form .checkbox_inline input { float:left; width:auto; margin:5px 10px 0 0px; } .form .checkbox_inline label { clear:none; float:left; width:auto; margin:5px 20px 0 0; font-size:11px; }
/***************************************************************************** scalable Inman Flash Replacement (sIFR) version 3. Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/> Older versions: * IFR by Shaun Inman * sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin * sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>. This software is licensed and provided under the CC-GNU LGPL. See <http://creativecommons.org/licenses/LGPL/2.1/> *****************************************************************************/ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { /* Example: .sIFR-active h1 { font-family: Verdana; visibility: hidden; } */ }
/* Title Container Styles */ #titlebar { display:block; margin:0 0 5px 0; height:25px; overflow:hidden; } #titlebar h1 { float:left; display:inline; margin:0 10px 0 0; font-size:18px; padding:0px; text-transform:uppercase; width:200px; } .aboutshowbtn { margin-top:1px; } .uploadtitlebtn { float: right; display:inline; margin-top:1px; margin-right:0px; margin-left:5px; } #videoplayer { clear:both; background-color:#000; width: 850px; height: 480px; display:block; } #landingpage { } .add_comment { float:right; margin-left:5px; margin-right:0px; display:inline; } .episodecontainer { width:622px; margin:0px; padding:0px; } .expandcollapse { display:block; text-align:right; margin:5px 10px 0 0; text-decoration:none; } .pager { font-size:11px; float:right; color:#8ac4d3; } .tabs_wrapper, .comments_wrapper { margin-top:11px; position:relative; } .comments_wrapper .darkinlay { margin:0px; } #flash_ad { position:absolute; top:39px; right:12px; }
.faq { padding:15px 20px; } .faq h2 { margin-bottom:5px; font-weight:bold; } .faq .questions { float:left; width:370px; margin-right:20px; padding:15px 0; height:670px; overflow-y:auto; } .faq .questions ul li { } .faq .questions ul li a { color:#fff; text-decoration:none; padding:0 5px 0 35px; display:block; height:29px; line-height:29px; font-weight:bold; } .faq .questions ul li a.selected { background:url(/Images/faq_activeq.png) repeat-x top left; } .faq .answers { float:left; width:360px; padding:15px 25px; height:670px; overflow-y:auto; } .faq .answers h2 { font-size:13px; } .faq .answers p { padding-top:10px; }
.videoquery { margin:11px; background:url(/Images/vertical_bar_light.gif) repeat-y 153px top; /*border:solid 1px #ff0000;*/ } .videoquery .tooltip { display: none; } .videoquery .leftcolumn { float:left; width:155px; margin-right:10px; display:inline; /*border-right:1px solid #666;*/ } .videoquery .leftcolumn h2 { display:block; font-weight:bold; line-height:24px; font-size:11px; } .videoquery .leftcolumn .showfilterlist td { padding:3px 0; font-size:11px; } .videoquery .leftcolumn .showfilterlist td input { margin:0 10px 0 0; } .videoquery .rightcolumn { float:left; width:660px; display:inline; } .videoquery .rightcolumn .searchpane { display:block; margin:0 0 10px 0; } .videoquery .rightcolumn .searchpane input { float:left; width:200px; font-size:13px; height:18px; line-height:18px; display:inline; } .videoquery .rightcolumn .searchpane .searchagain { margin:0 0 0 10px; } .videoquery .rightcolumn .searchresults { margin:0px; clear:both; padding:0px; width:636px; position:relative; } .videoquery .rightcolumn .ui-tabs-nav { margin:0px; } .videoquery .rightcolumn .ui-tabs-nav a { padding:3px 10px 1px 10px; font:14/22px verdana; } .videoquery .sort { color:#8ac4d3; float:left; width:300px; margin:10px 0 0 20px; z-index:9999; position:absolute; display:inline; } .videoquery .sort a { } .videoquery .sort a.active { text-decoration:none; font-weight:bold; }
/** * This <div> element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; display:inline; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 100px; height: 80px; } /** * The buttons are added dynamically by jCarousel before * the <ul> list (inside the <div> described above) and * have the classnames "jcarousel-next" and "jcarousel-prev". */ .jcarousel-next { z-index: 999; display: block; } .jcarousel-prev { z-index: 999; display: block; } .episodelist { width:620px; height:123px; margin:0px; padding:0px; } .jcarousel-container { width:620px; } .jcarousel-container-horizontal { width: 575px; padding: 20px 30px 20px 15px; } .jcarousel-clip-horizontal { width: 575px; height: 80px; margin-left:0px; } .episodelist .jcarousel-item { width: 102px; height: 80px; position:relative; z-index:1; } .episodelist .jcarousel-item-horizontal { margin-left: 13px; text-align:center; font-size:11px; } .episodelist .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .episodelist .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 14px; height: 15px; cursor: pointer; background: transparent url(/Images/sliderarrows.png) no-repeat -28px 0; } .episodelist .jcarousel-next-horizontal:hover { background-position: -42px 0; } .episodelist .jcarousel-next-horizontal:active { background-position: -42px 0; } .episodelist .jcarousel-next-disabled-horizontal, .episodelist .jcarousel-next-disabled-horizontal:hover, .episodelist .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -56px 0; } .episodelist .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 14px; height: 15px; cursor: pointer; background: transparent url(/Images/sliderarrows.png) no-repeat -14px 0; } .episodelist .jcarousel-prev-horizontal:hover { background-position: 0 0; } .episodelist .jcarousel-prev-horizontal:active { background-position: 0 0; } .episodelist .jcarousel-prev-disabled-horizontal, .episodelist .jcarousel-prev-disabled-horizontal:hover, .episodelist .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -56px 0; } .episodelist li { position:relative; } .episodelist li a.thumb { /*position:relative;*/ display:block; text-decoration:none; z-index:2; width: 102px; height: 59px; } .episodelist li .tooltip { display:none; } .episodelist li a { line-height:14px !important; } .episodelist li a.thumb img { width: 100px; height: 57px; border:1px solid #2b2e2f; position:relative; z-index:1; margin:0px; } .episodelist li a.thumb:hover img { width: 100px; height: 57px; border:solid 1px #cacaca; } #carousel-tooltip{ position:absolute; padding:8px 10px; color:#fff; display:none; z-index:9999999; background:#000; border:solid 1px #666; height:120px; width:200px; } #carousel-tooltip h2 { color:#fff; text-decoration:none !important; text-transform:uppercase; font:13px/22px verdana; } #carousel-tooltip p { color:#fff; text-decoration:none !important; line-height:15px; font-size:11px; }
/* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none !important; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Skin */ .ui-tabs-nav, .ui-tabs-panel { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; } .ui-tabs-nav { list-style: none; margin: 0; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; font-weight: bold; } .ui-tabs-nav a.tablink, .ui-tabs-nav a.tablink span, .ui-tabs-nav h2 { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 12px; } .ui-tabs-nav h2.comments { width:190px; } .ui-tabs-nav h2.comments > span { float:left; width:75px; } .ui-tabs-nav a.tablink, .ui-tabs-nav h2 { /*margin: 5px 0 0;*/ /* position: relative makes opacity fail for disabled tab in IE */ margin-top:1px; padding-left: 0; background-position: 100% 0; white-space: nowrap; /* @ IE 6 */ outline: 0; /* @ Firefox, prevent dotted border after click */ background: url(/Images/tab_highlight.png); border-top: 1px solid #b2bec1; border-left: 1px solid #b2bec1; border-right: 1px solid #363b3d; border-bottom: 1px solid #363b3d; color:#fff; text-decoration:none; text-transform:uppercase; font:11px/22px verdana; height:24px; text-align:center; padding:2px 10px 0 10px; } .ui-tabs-nav a.tablink:link, .ui-tabs-nav a.tablink:visited { color: #fff; } .ui-tabs-nav .ui-tabs-selected a.tablink, .ui-tabs-nav .ui-tabs-selected h2 { position: relative; top: 0px; z-index: 2; margin-top: 1px; background: url(/Images/glassinlay_bg.png); border-top: 1px solid #363b3d; border-left: 1px solid #363b3d; border-right: 1px solid #b2bec1; border-bottom: none; height:25px; } .ui-tabs-nav a.tablink span { height: 24px; line-height: 22px; } .ui-tabs-nav .ui-tabs-selected a.tablink span { height: 24px; line-height: 22px; } .ui-tabs-nav .ui-tabs-selected a.tablink:link, .ui-tabs-nav .ui-tabs-selected a.tablink:visited, .ui-tabs-nav .ui-tabs-disabled a.tablink:link, .ui-tabs-nav .ui-tabs-disabled a.tablink:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a.tablink:hover, .ui-tabs-nav a.tablink:focus, .ui-tabs-nav a.tablink:active, .ui-tabs-nav .ui-tabs-unselect a.tablink:hover, .ui-tabs-nav .ui-tabs-unselect a.tablink:focus, .ui-tabs-nav .ui-tabs-unselect a.tablink:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-nav .ui-tabs-disabled a.tablink:link, .ui-tabs-nav .ui-tabs-disabled a.tablink:visited { color: #000; } .ui-tabs-panel { padding: 11px; background: url(/Images/glassinlay_bg.png); border-left: 1px solid #363b3d; border-right: 1px solid #b2bec1; border-bottom: 1px solid #b2bec1; } /*.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }*/ /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } .alphaGtabs { font-size: 12px; color:#fff; } .alphaGtabs .ajax__tab_header { position:relative; } .alphaGtabs .ajax__tab_outer { background: url(/Images/tab_highlight.png); border-top: 1px solid #b2bec1; border-left: 1px solid #b2bec1; border-right: 1px solid #363b3d; border-bottom: 1px solid #363b3d; height: 24px; line-height: 24px; padding:0 6px 0 10px; text-align:center; padding-top:2px; } .alphaGtabs .ajax__tab_outer a { display:inline; } .alphaGtabs .ajax__tab_inner {} .alphaGtabs .ajax__tab_tab { text-align:center; } .alphaGtabs .ajax__tab_body { padding: 11px; background: url(/Images/glassinlay_bg.png) repeat; border-left: 1px solid #363b3d; border-right: 1px solid #b2bec1; border-bottom: 1px solid #b2bec1; } .alphaGtabs .ajax__tab_hover {} .alphaGtabs .ajax__tab_active .ajax__tab_outer { background: url(/Images/glassinlay_bg.png) repeat; border-top: 1px solid #363b3d; border-left: 1px solid #363b3d; border-right: 1px solid #b2bec1; border-bottom: none; height: 25px; line-height: 24px; text-align:center; } .alphaGtabs .ajax__tab_tab h2 { text-transform:uppercase; font:11px/22px verdana; float:left; padding:0px; margin:0px; text-align:center; } .alphaGtabs .ajax__tab_tab .dark_button { /*position: relative; right: 0px;*/ } .episodes .alphaGtabs .ajax__tab_body { padding: 11px; background: url(/Images/glassinlay_bg.png); border-left: 1px solid #363b3d; /*border-right: 1px solid #b2bec1;*/ border-bottom: 1px solid #b2bec1; }
.rating { background-image:url(/Images/rating_bg.gif); background-repeat:no-repeat; width:79px; height:17px; display:block; padding-left:3px; padding-top:4px; } .rating .star { width:11px; height:11px; margin-left:3px; } .empty_star { background-image:url(/Images/empty_star.gif); background-repeat:no-repeat; } .filled_star { background-image:url(/Images/filled_star.gif); background-repeat:no-repeat; } .waiting_star { background-image:url(/Images/filled_star.gif); background-repeat:no-repeat; } .half_star { background-image:url(/Images/half_star.gif); background-repeat:no-repeat; }
.videolist .tooltip { display: none; } .videolist { position:relative; padding:10px 0; width:622px; min-height:103px; } .choose_view { float:right; margin-right:10px; display:inline; } .choose_view label { float:left; font-size:11px; display:inline; } .grid_view { float:left; width:18px; height:18px; display:inline; background:url(/Images/video_list_view.png) no-repeat top left; border:solid 1px #1b2225; margin: 0 0 0 5px; } .list_view { float:left; width:18px; height:18px; display:inline; background:url(/Images/video_list_view.png) no-repeat top right; border:solid 1px #1b2225; margin: 0 5px; } .grid_view:hover, .list_view:hover { border:solid 1px #64767b; } .grid_view.selected, .list_view.selected { border:solid 1px #64767b; } .pager { margin-right:10px; float:right; display:inline; } .video_list { clear:both; padding:10px 21px; display:block; } .video_list li { display:none; } .grid_mode li a.thumb img, .list_mode li a.thumb img { width: 100px; height: 57px; border:solid 1px #2b2e2f; } .grid_mode li a.thumb:hover img, .list_mode li a.thumb:hover img { width: 100px; height: 57px; border:solid 1px #cacaca; } /* Grid Mode Views */ .grid_mode li { float:left; width:102px; height:150px; overflow:hidden; margin: 10px 7px 0px 6px; display:inline; } .grid_mode li a.thumb { display:block; } .grid_mode li a.thumb img { margin:0 auto; } .grid_mode li .thumb_block { width:102px; text-align:center; } .grid_mode li .thumb_block a.vote { text-transform:uppercase; font-size:11px; line-height:15px; } .grid_mode li h1 { clear:both; font-size:11px; line-height:14px; display:block; text-align:center; width:102px; font-weight:bold; font-family:Arial; } .grid_mode li h2 { clear:both; font-size:10px; line-height:13px; display:block; text-align:center; width:102px; font-family:Arial; text-transform:none; font-weight:normal; } .grid_mode li h3 { clear:both; font-size:10px; display:block; text-align:center; width:102px; font-family:Arial; } .grid_mode li label { font-size:10px; line-height:13px; display:block; text-align:center; width:102px; position:relative; } .grid_mode li label .rating { position:absolute; top:0px; left:9px; } .grid_mode li p { display:none; } /* List Mode Styles */ .list_mode li { display:block; padding:9px 5px 7px 5px; clear:both; position:relative; background:url(/Images/list_bg_divider.png) repeat-x top left; } .list_mode li:first-child { margin-left:0px; } .list_mode li .thumb_block { width:102px; float:left; text-align:center; } .list_mode li .thumb_block a.vote { text-transform:uppercase; font-size:11px; } .list_mode li a.thumb img { } .list_mode li h1 { font-size:11px; position:absolute; left:120px; top:5px; font-weight:bold; font-family:Arial; text-align:left; } .list_mode li h2 { font-size:10px; position:absolute; left:120px; top:18px; font-family:Arial; text-transform:none; font-weight:normal; text-align:left; } .list_mode li h2.extrah2 { font-size:10px; position:absolute; left:220px; top:5px; font-family:Arial; text-transform:none; font-weight:normal; text-align:left; } .list_mode li h3 { font-size:11px; display:none; } .list_mode li label { text-transform:uppercase; font-size:10px; } .list_mode li label.views { position:absolute; left:300px; top:5px; } .list_mode li label.avg_rating { position:absolute; left:440px; top:5px; } .list_mode li label.avg_rating .rating { position:absolute; left:45px; top:0px; } .list_mode li p { width:440px; float:left; display:inline; margin-left:13px; font-size:10px; line-height:14px; margin-top:30px; text-align:left; }
.comment_list { margin-bottom:15px; } .comment_list span br { display:none; } .comment_list li { display:block; padding:14px 5px 16px 5px; clear:both; position:relative; background:url(/Images/list_bg_divider.png) repeat-x bottom left; margin:0px; } .comment_list li .username { color:#0077a3; font-size:12px; line-height:22px; } .comment_list li .dateadded { display:none; } .comment_list li .replybutton { position:absolute; right:135px; text-transform:uppercase; font-size:11px; top:14px; } .comment_list li .usr_rating { position:absolute; right:0px; text-transform:uppercase; font-size:10px; width:130px; top:14px; } .comment_list li .usr_rating .rating { position:absolute; left:45px; top:0px; } .comment_list li p { display:block; width:580px; line-height:14px; font-size:11px; word-wrap: break-word; } .comment_list li.response { margin-left:50px; } .comment_list li.response p { width:530px; word-wrap: break-word; } .comment_list li.submitcomment, .comment_list .submitreply { } .comment_list li.submitcomment label, .comment_list .submitreply label { display:block; font-size:11px; } .comment_list li.submitcomment textarea, .comment_list .submitreply textarea { float:left; width:300px; height:60px; margin-right:5px; } .comment_list li.submitcomment .vid_rating, .comment_list .submitreply .vid_rating { float:left; margin-left:5px; font-size:10px; text-transform:uppercase; display:inline; } .comment_list li.submitcomment .rating, .comment_list .submitreply .rating { float:left; margin-left:5px; display:inline; } .comment_list li.submitcomment a, .comment_list .submitreply a { float:left; margin-left:5px; display:inline; }
/* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: absolute; background-color:#000000; /*filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;*/ line-height:0px; z-index: 102; color:#fff; display:none; /*border: 4px solid #525252;*/ border:none; padding:0px; margin:0px; text-align:left; top:359px; left:50%; cursor:default; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; /*margin: 15px 0 0 15px;*/ /*border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;*/ } #TB_caption{ height:25px; /*padding:7px 30px 10px 25px;*/ float:left; } #TB_closeWindow{ height:25px; /*padding:11px 25px 10px 0;*/ float:right; } #TB_closeAjaxWindow{ /*padding:7px 10px 5px 0;*/ margin-bottom:0px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; /*padding:7px 0 5px 10px;*/ margin:0px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; /*padding:2px 15px 15px 15px;*/ overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ /*padding:15px;*/ } #TB_ajaxContent p{ /*padding:5px 0px 5px 0px;*/ } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin:-175px 0 0 -64px; /*margin: -6px 0 0 -104px;*/ /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; /*background-color:#fff;*/ border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin:0px; padding:0px; }