/*
* Master CSS file for TBN Video portal pages ONLY
* Note: IE specific css starts with * html body - be sure to make changes to both
* In this file: GLOBAL >> LINKS >> LAYOUT >> STYLES >> TOP NAVIGATION >> ACCESSIBILITY STUFF
**
/

/* GLOBAL ************************************/
* {margin:0;padding:0;}

body
{background: #000 url('../images/bak_video_portal.jpg') no-repeat 50% -25px;font-family: Arial, Verdena, Tahoma, sans-serif;font-size: 75.01%;line-height: 1em;}

html:not([lang*=""]) body {
/* Gecko firefux up background-position a LOT */
width:99.99%;
}

* html body
{background: #000 url('../images/bak_video_portal.jpg') no-repeat 50.09% -25px;}

h1,h2, h3, h4, p, div, ul, ol
{margin:0px;padding:0px;} 

div {font-size:11px;}

img {border:0px;}

p {margin:4px 0 4px 0;padding:4px 0 4px 0;}


/* LINKS ************************************/

a {color:#65173c;text-decoration: underline;background-color: inherit;}
a:visited {color:#AB5018;}

a.footer {color:#011168;text-decoration: none;background-color:transparent;}
a.footer:hover {text-decoration: underline;}

* html body a.footer {color:#fff;text-decoration: none;background-color: transparent;}
* html body a.footer:hover {text-decoration: underline;}


/* Video Portal Specific (#011168 for blue text)*/
a.footer_video {color:#fff;text-decoration: none;background-color:transparent;}
a.footer_video:hover {text-decoration: underline;}
a.wine {color:#65173c;text-decoration: underline;background-color: transparent;}
a.video_result {color:#e3c237;text-decoration: underline;background-color: transparent;font-weight:bold;}

div#footer_video
{clear:both;border:none;position: relative;padding:0 50px 25px 50px;margin:0px;top:0px;left: 0px;bottom:0px;right:0px;font-family:Verdana, Tahoma, Arial, sans-serif;font-size:10px;color:#011168;}
div#footer_video p.bottomnav
{text-align:center;padding-top:20px;color:#fff;
/*optional background-color:#000;padding-top:30px;*/}
div#footer_video p.credit
{text-align:center;color:#011168;}
#tbn_player2
{z-index:1;}

/* LAYOUT ************************************/

div#bak_base {/*noting*/}

* html body div#bak_base {position: absolute;/}

div#bak_site
{margin-top: -15px;margin-right: auto;margin-bottom: 0px;margin-left: auto;width:995px;background:transparent url('../images/bak_site_video_portal.jpg') no-repeat -14px -10px;}
* html body div#bak_site
{width:990px;background-position:-18px -8.5px}

div#container
{padding-left: 4px;padding-right: 4px;padding-top: 0px;margin:0px auto 0px auto;height:800px;width: 987px;}

* html body div#container
{background:none;position:relative;}

div#container_video_portal
{overflow:hidden; height:744px;width:995px;margin:0px auto 0px auto;}

* html div#container_video_portal
{width:990px;}

div#header
{height:177px;width:995px;margin:0px auto 0px auto;overflow:hidden;}

* html div#header
{width:986px; margin-left:-4px!important;}

div#topnav
{position:absolute;margin-top:-2px;line-height:26px;width:743px;margin-left:70px;margin-right:auto;background: transparent url('../images/bak_topnav.gif') no-repeat; padding-left:110px;}

* html body div#topnav {margin-top:0;}

div#topnav ul {list-style:none;}

div#topnav ul li
{float:left;}

div#main
{clear:both;padding:0px 117px 0px 90px; margin-top:-1px;}

* html body div#main
{clear:both;padding:0px 117px 0px 86px; margin-top:0px;}

div#main_body
{min-height:520px;padding-top:2px;}
* html body div#main_body
{background:none;padding-top:1px;}

/* FIREFOX HACK: ":only-child" is only recognized in Firefox 1.5 and on */
div#main_body:only-child {
	min-height:520px;padding-top:1px;
}

div#columnLeft
{float:left;padding:0 20px 0 40px;}

div#columnRight
{float:right;width:248px;padding-right:48px;}

div.row
{clear:both;}
div.row01
{clear:both;padding-left:27px;height:45px;line-height:45px;font-size:14px;color:#FFF;font-weight:600;}
div.footNote
{clear:both;padding-left:40px;padding-top:22px;clear:both;background: transparent url('../images/bak_playerFootnote.jpg') no-repeat 40px 30px;}

div#container_bottom
{height:55px;clear:both;position: relative;padding-left: 0px;padding-right: 0px;padding-top: 0px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;width: 900px;}

* html body div#container_bottom
{background:none;}

div#footer
{clear:both;border:none;position: relative;padding:0 50px 25px 50px;margin:0px;top:0px;left: 0px;bottom:0px;right:0px;font-family:Verdana, Tahoma, Arial, sans-serif;font-size:10px;color:#011168;}

* html body div#footer
{background-color:#000;}

div#footer p.bottomnav
{text-align:center;padding-top:20px;color:#011168;
/*optional background-color:#000;padding-top:30px;*/}

* html body div#footer p.bottomnav
{color:#fff;}

div#footer p.credit
{text-align:center;color:#011168;}

* html body div#footer p.credit
{color:#fff;}

div#navi_search
{list-style:none;position:absolute;white-space:nowrap;right:5px;left: 701px;float:left;top: 2px;height:20px;line-height:20px;} 

div#search_box
{height: 315px;overflow-x: auto;overflow-y: scroll;margin-top:8px;}

/* STYLES ************************************/

#menu_vert
{margin-left: 1px;margin-right: 1px;}

div.headingSearchBox
{margin-top:14px;background: transparent url('../images/bak_heading01.gif') no-repeat;padding:5px 0 0 9px;color:#fff;font-size:12px;font-weight:bold;}

table.search_result
{padding:0px 0 0 6px;}

table.search_result td
{padding:2px;color:#fff;}

table.search_result td.line_break
{background-color:#959181;filter:alpha(opacity=50);-moz-opacity:0.50;height:2px;padding:0px}

input.box_siteSearch
{border:none;width:96px;background-color:transparent;font-size:9px;line-height:11px;padding-top:-2px;}

/* FONT STYLES ************************************/
.heading01
{color:#65173c;font-size:13px;}
.heading02
{color:#1e1252;font-size:11px;font-weight:bold;}
.heading03
{color:#e3c237;font-size:11px;font-weight:bold;}


/* TOP NAVIGATION STYLE ************************************/
/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: inherit;
   width:731px;
   z-index:100;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
   z-index:100;
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   z-index:100;
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   z-index:100;
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
   z-index:100;
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left;
   z-index:100;
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
   background-color:#2c2b63;
   filter:alpha(opacity=85);-moz-opacity:0.85;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 0px 10px; 
   text-decoration: none; 
   color: #fff;
   font-weight:500;
   font-size:11px;
   z-index:100;
}
#primary-nav li a { 
   border-right: 1px solid #d9be8d;
   border-left: 1px solid #d9be8d;
   filter:alpha(opacity=100);-moz-opacity:1.00;
   z-index:100;
}
#primary-nav li a.menuactive_first { 
   border-right: 1px solid #d9be8d;
   border-left: none;
}
#primary-nav li a.menuactive_last { 
   border-left: 1px solid #d9be8d;
   border-right: none;
}
#primary-nav li li a { 
   border: 1px solid #C0C0C0;
   background-color:transparent;
   filter:alpha(opacity=100);-moz-opacity:1.00;
   z-index:100;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: inherit; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: transparent;
}

#primary-nav li.menuactive { 
   background-color: transparent;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(../images/nav_arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
   background-color: #17183e;
}

#primary-nav ul li a:hover
{background-color: #17183e;}

/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-image: url(../images/nav_arrow02.gif); 
   background-position: center left; 
   background-repeat: no-repeat; 
   background-color: inherit;
   /*background-color: #E7AB0B;background: transparent url('../images/bak_topnav_on.gif') repeat-x center;*/
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks ************************************/
#primary-nav li li { 
   float: left; 
   clear: both; 
	/*background-color:#FFF;
	filter:alpha(opacity=95);-moz-opacity:0.95;*/
}
#primary-nav li li a { 
   height: 1%; 
   filter:alpha(opacity=100);-moz-opacity:1.00;
}
/* End of TOP NAVIGATION: CSSMenu - Horizontal' ************************************/

/* accessibility divs are hidden by default text, screenreaders and such will show these */

.accessibility, hr 
{position: absolute;top: -999em;left: -999em;}

/* definition tags are also hidden these are also used for menu links ************************************/
dfn 
{position: absolute;left: -1000px;top: -1000px; width: 0;height: 0;overflow: hidden;display:inline;}

/* end accessibility */