@import "/templates/css/style.css";

td.columnleft {
    width:100% !important;
}

#mctv-head { width:1000px; }
#mctv-head .logo { float:left; width:212px; margin:20px; }
#mctv-head .leaderboard { float:left; width:728px; margin:20px 20px 20px 0px; }

#mctv-body { width:1000px; }
#mctv-body .colleft { float:left; width:680px; }
#mctv-body .colright { float:left; width:320px; }
#mctv-body .bigbox { padding:0px; margin:0px 20px 20px 0px; }
#mctv-body .bigbox .ad { padding:0px; margin:0px; }

/* Featured video table */
#mctv-featured { width:960px; margin:0px 0px 20px 20px; } 
#mctv-featured td { background:#ffffff; }
#mctv-featured .item { padding:0px 20px 20px 0px; }
#mctv-featured td .img { float:left; border:1px solid #000000; padding:1px; margin-right:10px; }
#mctv-featured td .title { font:bold 15px arial,sans-serif; }
#mctv-featured td .pubdate { color:#90969f; padding:2px 0px; }
#mctv-featured td .description { line-height:125%; }


#mctv-links { margin:20px 20px 10px 20px; padding:0px 0px 10px 0px; border-bottom:1px solid #e6e6e6; }

#mctv-list { margin:0px 20px; }
#mctv-list a:link { color:#000000; text-decoration:underline; }
#mctv-list a:visited { color:#000000; text-decoration:underline; }
#mctv-list a:hover { color:#ff6600; text-decoration:underline; }
#mctv-list .item { margin:0px 0px 20px 0px; }
#mctv-list .item .img { float:left; border:1px solid #000000; padding:1px; margin-right:10px; }
#mctv-list .item .title { font:bold 15px arial,sans-serif; }
#mctv-list .item .pubdate { color:#90969f; padding:2px 0px; }
#mctv-list .item .description { line-height:125%; }
#mctv-list a.on { font:normal 14px arial,sans-serif; border:0px; }
#mctv-list a.on:link { color:#ff6600; text-decoration:none; }
#mctv-list a.on:visited { color:#ff6600; text-decoration:none; }
#mctv-list a.on:hover { color:#ff6600; text-decoration:underline; }
#mctv-list a.off { font:normal 14px arial,sans-serif; border:0px; }
#mctv-list a.off:link { color:#000000; text-decoration:underline; }
#mctv-list a.off:visited { color:#60666f; text-decoration:underline; }
#mctv-list a.off:hover { color:#ff6600; text-decoration:underline; }








body { background:#e6e6e6; color:#000000; font:normal 12px arial,sans-serif; margin:0px; }
h1 { margin:0px; padding:0px; font:normal 26px arial,sans-serif; }
h2 { font:normal 18px arial,sans-serif; margin:0px 0px 5px 0px; padding:0px; }

a:link { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:hover { color:#cc0000; text-decoration:none; }

/* Add Comments form. */
form#addcomments { width:638px; border:1px solid #90969f; margin:0px; padding:0px; }
form#addcomments fieldset { border:none; padding:20px; }
form#addcomments label { display:block; font-weight:bold; margin:10px 0px 0px 0px; }
form#addcomments input { display:block; margin-top:5px; }
form#addcomments textarea { margin-top:5px; }
form#addcomments .security { float:left; width:150px; margin:5px 0px 0px 10px; }

/* Search form. */
form#search { margin:20px 0px; padding:0px; }

/* Alert message to visitors. */
#alert { background:#ffffcc; border:1px solid #cccc99; padding:5px 10px; margin:10px 0px; }
#alert.problem { color:#990000; font-weight:bold; }
#alert .problem { color:#990000; font-weight:bold; }
#alert.success { color:#009900; font-weight:bold; }
#alert .success { color:#009900; font-weight:bold; }

/* Big box ad. */
#bigbox { margin-bottom:20px; }

/* Category content. */
#categories { background:#f0f0f0; width:958px; height:270px; border:1px solid #90969f; overflow:auto; margin:0px 20px 20px 20px; }
#categories {
	scrollbar-face-color:#000000;
	scrollbar-base-color:#000000;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#60666f;
	scrollbar-shadow-color:#30363f;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-Color:#000000;
}
#categories .video { background:#ffffff url("/images/mctv/playlist-off.png") top left repeat-x; border:1px solid #c0c0c0; }
#categories .video img.thumb { float:left; width:125px; height:70px; border:0px; margin:5px 5px 5px 5px; }
#categories .video h2 { font:bold 12px arial,sans-serif; margin:0px; padding:5px 5px 0px 0px; }
#categories .video a.title:hover { color:#cc0000; text-decoration:none; }
#categories .video small { color:#969696; font:normal 11px arial,sans-serif; padding:5px 5px 0px 0px; }

/* Category tabs. */
#categorytabs { width:960px; margin:20px 0px 0px 0px; }

/* Ad click-through link shown below the video player. */
#clickthrough { width:auto; font-style:oblique; color:#30363f; padding:5px 0px 5px 0px; border-bottom:1px dotted #c0c0c0; }
#clickthrough a:link, #clickthrough a:visited { color:#30363f; text-decoration:underline; }
#clickthrough a:hover { color:#cc0000; text-decoration:underline; }

/* Comments. */
#comments { margin:20px 0px; width:640px; }
#comments .container { padding:20px 0px 20px 0px; border-bottom:1px solid #90969f; }
#comments .count { float:left; width:20px; margin-right:10px; text-align:right; }
#comments .message { float:left; width:610px; }
#comments .message .name { color:#30363f; }
#comments .message .comments { margin:10px 0px 0px 0px; padding:0px; line-height:125%; }

/* Footer and disclaimer. */
#footer { background:#ffffff; border-top:5px solid #e6e6e6; }
#footer .logo { background:#ffffff; float:left; width:110px; padding:5px 10px 5px 10px; }
#footer .text { background:#ffffff; float:left; width:825px; padding-top:12px; padding-bottom:12px; }
#footer .links { padding-top:5px; }
#footer .links a { text-decoration:underline; }

/* Header with logo, weather, and ear ad. */
#header { width:100%; height:115px; background:#ffffff; }
#header .container { width:1000px; text-align:left; }
#header #mast { float:left; width:460px; padding:10px 5px 10px 15px; }
#header #mast .date { font:bold 12px Arial,sans-serif; }
#header a { text-decoration:underline; }
#header #mast .logo { width:435px; height:60px; border:0px; padding-top:20px; }
#header #mast .logo img { width:435px; height:36px; border:0px; }
#header #mast .logo .tagline { color:#90969f; font:normal 12px Arial,sans-serif; text-transform:uppercase; padding-top:3px; }
#header #weather { float:left; width:250px; padding:10px 0px 10px 0px; }
#header #ad { float:left; width:250px; padding:10px 15px 10px 5px; }

/* Menu, consisting of breadcrumbs, links, and search. */
#menu { margin:20px 20px 0px 20px; padding:0px; }
#menu a:link { color:#224488; text-decoration:none; }
#menu a:visited { color:#224488; text-decoration:none; }
#menu a:hover { color:#cc0033; text-decoration:none; }
#menu .breadcrumbs a.on { text-decoration:none; }
#menu .breadcrumbs a.off { text-decoration:underline; }
#menu .breadcrumbs a:link { color:#000000; }
#menu .breadcrumbs a:visited { color:#000000; }
#menu .breadcrumbs a:hover { color:#cc0033; }
#menu .breadcrumbs { width:400px; margin:0px; padding:0px; border-bottom:1px solid #9f9f9f; }
#menu .links { width:240px; margin:0px; padding:0px; text-align:right; border-bottom:1px solid #9f9f9f; }
#menu .search { width:300px; margin:0px; padding:0px 0px 0px 20px; }
#menu .search form { margin:0px; padding:0px; }
#menu .search form .searchtxt { float:left; width:208px; background:#ffffff url("/images/mctv/search-bg.png") top left no-repeat; border:0px; border-bottom:1px solid #9f9f9f; padding:5px 5px 3px 25px; }
#menu .search form .searchbtn { float:left; }

/* Related mulitmedia. */
#related { margin:20px 0px 0px 0px; width:640px; }
#related .item { float:left; width:200px; margin-right:20px; }
#related .item .title { font-weight:bold; margin-top:5px; }
#related .item .pubdate { color:#90969f; padding:2px 0px; }
#related .item .img { border:1px solid #000000; padding:1px; }
#related .item .img img { width:196px; height:110px; }

/* Search results. */
#searchresults { width:640px; }
#searchresults a.on { font:normal 14px arial,sans-serif; }
#searchresults a.on:link { color:#cc0000; text-decoration:none; }
#searchresults a.on:visited { color:#cc0000; text-decoration:none; }
#searchresults a.on:hover { color:#cc0000; text-decoration:underline; }
#searchresults a.off { font:normal 14px arial,sans-serif; }
#searchresults a.off:link { color:#000000; text-decoration:underline; }
#searchresults a.off:visited { color:#60666f; text-decoration:underline; }
#searchresults a.off:hover { color:#cc0000; text-decoration:underline; }
#searchresults .result { margin-bottom:20px; }
#searchresults .result .img { float:left; border:1px solid #000000; padding:1px; margin-right:10px; }
#searchresults .result .title a:link { color:#224488; font:normal 15px arial,sans-serif; text-decoration:underline; }
#searchresults .result .title a:visited { color:#224488; font:normal 15px arial,sans-serif; text-decoration:underline; }
#searchresults .result .title a:hover { color:#cc0033; font:normal 15px arial,sans-serif; text-decoration:underline; }
#searchresults .result .pubdate { color:#90969f; padding:2px 0px; }
#searchresults .result .description { line-height:125%; }

/* Tags. */
#tags { width:640px; }
#tags a { font:normal 14px arial,sans-serif; }
#tags a:link { color:#224488; text-decoration:underline; }
#tags a:visited { color:#224488; text-decoration:underline; }
#tags a:hover { color:#cc0033; text-decoration:underline; }
#tags a.on { font:normal 14px arial,sans-serif; }
#tags a.on:link { color:#cc0000; text-decoration:none; }
#tags a.on:visited { color:#cc0000; text-decoration:none; }
#tags a.on:hover { color:#cc0000; text-decoration:underline; }
#tags a.off { font:normal 14px arial,sans-serif; }
#tags a.off:link { color:#000000; text-decoration:underline; }
#tags a.off:visited { color:#60666f; text-decoration:underline; }
#tags a.off:hover { color:#cc0000; text-decoration:underline; }
#tags .item { margin:0px 0px 20px 0px; }
#tags .item .img { float:left; border:1px solid #000000; padding:1px; margin-right:10px; }
#tags .item .title {  }
#tags .item .pubdate { color:#90969f; padding:2px 0px; }
#tags .item .description { line-height:125%; }
#tags .tagname { text-transform:lowercase; }

/* Video player. */
#videoplayer { display:block; width:640px; height:390px; background:#000000; margin:0px 0px 0px 20px; }
.videoplayer { display:block; width:640px; height:390px; background:#000000; margin:0px 0px 0px 20px; }

/* Video Information. */
#videoinformation { width:640px; margin-top:10px; margin-bottom:20px; margin-left:20px; }
#videodate { color:#60666f; font:normal 12px arial,sans-serif; margin-bottom:10px; }
#videotitle { font:normal 26px arial,sans-serif; margin:0px 0px 5px 0px; padding:0px; letter-spacing:-1px; }
#videorating { margin:0px 0px 5px 0px; }
#videosubtitle { font:normal 13px arial,sans-serif; margin:0px 0px 10px 0px; line-height:125%; }

.videoinformation { width:640px; margin-top:10px; margin-bottom:20px; margin-left:20px; }
.videodate { color:#60666f; font:normal 12px arial,sans-serif; margin-bottom:10px; }
.videotitle { font:normal 26px arial,sans-serif; margin:0px 0px 5px 0px; padding:0px; letter-spacing:-1px; }
.videorating { margin:0px 0px 5px 0px; }
.videosubtitle { font:normal 13px arial,sans-serif; margin:0px 0px 10px 0px; line-height:125%; }

#videotags { text-transform:lowercase; }
#videotags a { text-decoration:underline; }
#videointeractive { background:#ffffff url("/images/mctv/playlist-off.png") top left repeat-x; margin:20px 0px 0px 0px; padding:19px; border:1px solid #90969f; }
#videointeractive td { padding:3px 0px; }
#videointeractive .rate { width:141px; }
#videointeractive .email {  }
#videointeractive .comments {  }
#videointeractive .share {  }
#videointeractive .link { text-align:right; }
#videointeractive .link input { background:#f0f0f0; width:380px; border:1px solid #90969f; font:normal 12px arial,sans-serif; }
#videointeractive .embed { width:450px; text-align:right; }
#videointeractive .embed input { background:#f0f0f0; width:360px; border:1px solid #90969f; font:normal 12px arial,sans-serif; }
#adremaining { width:628px; height:23px; background:#000000 url("/images/mctv/controls-bg.png") top left repeat-x; border:1px solid #474747; color:#ffffff; padding-top:7px; padding-left:10px; }

/* Clear floating objects. */
.clear { clear:both; }

/* Divider bar between tabs and content. */
.divider { width:100%; background:#000000; height:5px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; }
#categorydivider.divider { padding:5px 0px; height:auto; text-align:center; text-transform:uppercase; }
#categorydivider.divider a { padding:0px 10px; }
#categorydivider.divider a:link, #categorydivider.divider a:visited { color:#ffffff; font:normal 16px Arial,sans-serif; text-decoration:none; }
#categorydivider.divider a:hover { color:#ffffff; font:normal 16px Arial,sans-serif; text-decoration:underline; }

/* Top videos playlist */
div.clips { width:298px; border:1px solid #90969f; cursor:pointer; margin-bottom:20px; }
div.clips .headline { margin-bottom:5px; }
div.clips a { background:#ffffff url("/images/mctv/playlist-off.png") top left repeat-x; display:block; padding:10px; margin:1px; font:bold 12px arial,sans-serif; text-decoration:none; overflow:hidden; border:1px solid #c0c0c0; }
div.clips a.first { border-top-width:1px; overflow:hidden; }
div.clips a.playing, div.clips a.paused, div.clips a.progress {	background:#000000 url("/images/mctv/playlist-on.png") top left repeat-x; border-bottom:1px solid #c0c0c0; overflow:hidden; color:#ffffff; }
div.clips a.progress { opacity:0.6; overflow:hidden; }
div.clips a.paused { background-position:0 0; overflow:hidden; }
div.clips a span { display:block; font:normal 11px arial,sans-serif; overflow:hidden; }
div.clips a em { font-style:normal; color:#f00; overflow:hidden; line-height:100%; }
div.clips a:hover { color:#ff6600; overflow:hidden; }
div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover { background-color:transparent !important; overflow:hidden; }

/* Tabbed content. */
.tabs { height:26px; background:#ffffff url("/images/mctv/navbar-bg.png") bottom left repeat-x; }
.tabs .off { background:none; color:inherit; font:inherit; text-transform:none; border:0px; padding:2px 10px 0px 10px; cursor:pointer; }
.tabs .off .text { background:none; margin:0px; padding:0px; }
.tabs .on { background:#000000 url("/images/mctv/tab-on.png") bottom left repeat-x; color:#ffffff; font:inherit; text-transform:none; border-left:1px solid #464646; border-right:1px solid #464646; border-top:0px; border-bottom:0px; padding:2px 9px 0px 9px; cursor:pointer; }
.tabs .on .text { background:none; margin:0px; padding:0px; }

.visible { display:block; }
.hidden { display:none; }

/* Navigation bar */
#navbar .navleft { float:left; text-align:left; background:#dd6f0c url("/art/navbar/navleft-bg.png") top left repeat-x; 
#navbar .navright .navright-text a:link, #navbar .navright .navright-text a:visited { color:#30363f; text-decoration:none; padding:0px 5px 0px 5px; }
#navbar .navright .navright-text a:hover { color:#dd6f0c; text-decoration:none; padding:0px 5px 0px 5px; }