﻿body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:Black;    
    color:#fff;
	margin:0px;
	text-align:left;
	font-size:11px;
	
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

#master_container
{
	/*background-image:url(/images/mydamnhomepageV2.jpg);*/
	background-color:#333;
	background-image:url(/images/cww_bg.jpg);
	background-repeat:no-repeat;
	background-position:center 77px;
	
}

a.info{
    position:relative; /*this is the key*/
    z-index:10000; 
    color:#eee;
   font-size:80%;
    text-decoration:none}

a.info:hover{z-index:10000;_font-size:80%;}

a.info span
{
    display: none;
    width:200px;
    line-height:16px            
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em;
    border:1px solid #000;
    background-color:#333; color:#fff;
    padding:2px;
    text-align: left;
     font-size:90%;
     top:30px;
     left:-150px;
 }



/*  ************************ HEADER STYLES ************************  */

#header_container
{
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	background-color:#666;
	height:77px;
	/*overflow:hidden;*/
}

#header_content
{
	width:951px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#header_logo {
    margin:8px 0 0 8px;
    width:104px;
    height:60px;
}

div#login_status 
{
    
position:absolute;
top: 0px;
left: 730px;
_left: 715px;
font-weight:bold;
height: 77px;
z-index: 0;

padding:0;
width: 300px;
}

img#the_orb 
{
    position:relative;
    top:-7px; 
    left:-10px;   
}

#login_status div.login_status_contents 
{margin:0;
       width: 150px;
    font-weight:normal;
    font-family: sans-serif;
font-size: 12px;    
    padding: 10px 0 0 0;
    text-align:right;
    _z-index: 10;
}

div#login_status a
{
    font-weight:bold;
    color:white;
text-decoration:none;
}

div#login_status a:hover
{
text-decoration:underline;
}

div.channel_menu_bar {
font-family: sans-serif;
font-size: 12px;
font-weight:bold;
position:absolute;
left:120px;
height: 77px;
top:0px;
width: 620px;
background: url(/images/header_bg.gif) repeat-x black;
}

div.auxilliary_menu_bar,
div.home_menu_bar 
{
font-family: sans-serif;
font-size: 12px;
font-weight:bold;
position:absolute;
left:120px;
height: 77px;
top:0px;
width: 300px;
background: url(/images/header_bg.gif) repeat-x black;
}

div.auxilliary_menu_bar a,
div.home_menu_bar a,
div.channel_menu_bar a
{
color:white;
text-decoration:none;
}

div.auxilliary_menu_bar a:hover, 
div.home_menu_bar a:hover,
div.channel_menu_bar a:hover{
text-decoration:underline;
}

div.auxilliary_menu_bar a#homelink ,
div.channel_menu_bar a#homelink 
{
    position:relative;    
    top:10px;
}

div.auxilliary_menu_bar span.nav_links,
div.channel_menu_bar span.nav_links ,
div.home_menu_bar span.nav_links
{
    position:absolute;    
    left:0;
    top:25px;
}

div.channel_menu_bar  div.logo_area {
position:absolute;
right:0px;
width:543px;
text-align:center; 
padding: 0px;
}


div.logo_area img.logo 
{
    height:76px;
    position:relative;
/*    height: 76px;*/
    z-index: 15;
}

div.logo_area .hmfbacklogo 
{
    height:48px;
    position:relative;
/*    height: 76px;*/
    z-index: 15;
}

div.logo_area span#HmfLogo,
div.logo_area span#HmfLogo img,
div.logo_area img#HmfLogo
{
    height:76px;
    position:relative;
    margin-top: -48px;
    z-index: 16;    
}

div.channel_menu_bar div.channel_menu {
position:absolute;
top: 51px;
left: 0px;
width: 543px;
height: 26px;
_z-index: -1;
}

div.channel_menu a,
div.channel_menu span.right_button_disabled,
div.channel_menu span.left_button_disabled {
padding-top: 5px;
height: 21px;
width: 204px;
text-align:center;
color: #ddd;
}

div.channel_menu a:hover{
color:white;
text-decoration:none;
}

div.channel_menu a.left_button {
position:absolute;
top:0px;
left:33px;
background: url(/images/ch_menu_lt_btn.jpg) no-repeat top center brown;
}

div.channel_menu span.left_button_disabled 
{
    position:absolute;
top:0px;
left:33px;
background: url(/images/ch_menu_lt_btn_disabled.jpg) no-repeat top center brown;
}

div.channel_menu span.right_button_disabled {
position:absolute;
top: 0px;
left:306px;
background: url(/images/ch_menu_rt_btn_disabled.jpg) no-repeat top center brown;
z-index: 10;
}

div.channel_menu a.right_button {
position:absolute;
top: 0px;
left:306px;
background: url(/images/ch_menu_rt_btn.jpg) no-repeat top center brown;
z-index: 10;
}

div.channel_menu a.left_button_selected
{
    position:absolute;
top:0px;
left:33px;
    color:White;
background: url(/images/ch_menu_lt_btn_hot.jpg) brown;
cursor:default;
}

div.channel_menu a.left_button:hover 
{
    color:White;
background: url(/images/ch_menu_lt_btn_hot.jpg) brown;
}

div.channel_menu a.right_button_selected
{position:absolute;
top: 0px;
left:306px;
z-index: 10;
    color:White;
background: url(/images/ch_menu_rt_btn_hot.jpg) brown;
cursor:default;
}

div.channel_menu a.right_button:hover 
{
    color:White;
background: url(/images/ch_menu_rt_btn_hot.jpg) brown;
}

div.channel_menu img.left_graphic {
width:33px;
height:26px;
position:absolute;
left:0px;
top:0px;
}

div.channel_menu img.right_graphic {
width:33px;
height:26px;
position:absolute;
left:510px;

}

div.channel_menu img.center_graphic {
height: 26px;
width:69px;
}

div.home_menu_bar div.channel_changer ,
div.auxilliary_menu_bar div.channel_changer ,
div.channel_menu_bar div.channel_changer
{
    position:absolute;
    top:40px;
    left:0px;
}

div.channel_changer ul
{
    margin: 0;
    padding:0;
    border: solid 2px #BBB;
    list-style-type:none;
    background-color:#888;	
    display:table-column;
	z-index: 5000;	
}

div.auxilliary_menu_bar div.channel_changer ul,
div.home_menu_bar div.channel_changer ul 
{
    position:absolute;
	/*left: -60px;*/
	right:12px;
	top:12px;   
}

div.channel_menu_bar div.channel_changer ul
{
    position:absolute;
	/*left: -25px;*/
	right:12px;
	top:12px;   
}

div.channel_changer ul li 
{
    margin:0 auto ;
    display:table-row;
    padding:0;    
    z-index: 5000;
    text-align:right;
    _padding: 3px 5px;
    _border-bottom:1px solid #555;
}

div.channel_changer ul li#hmflink {
/*    background-color: #884040; */
}

div.channel_changer ul li a
{
    padding: 3px 5px;    
    border-bottom:1px solid #555;
    _border:none;
    margin:0;
    z-index: 5500;    
    display:table-cell;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
}

div.channel_changer ul li a:hover 
{
    /*background-color: #333;*/
    text-decoration:underline;
}

div.countdownbox 
{
    margin:8px 0 0 auto;width:130px;height:16px;
}

/*  ************************ BODY STYLES **************************  */

#body_container
{

}

#body_content
{
	width:951px;
	margin-left:auto;
	margin-right:auto;
}

div.error_box
{

margin: 50px auto 400px auto;
width: 80%;
text-align:center;
/*font-family:Monospace;*/
font-weight:bold;
font-size: 12px;
border: solid 1px #EC1C24;
background-color:black;
padding: 20px 0;
}

/*  *********************** FOOTER STYLES *************************  */

#footer_container
{
	background-color:#000;
	border-top:1px solid #fff;
	padding-top:10px;
	padding-bottom:30px;
	clear:both
}

#footer_content
{
	width:951px;
	margin-left:auto;
	margin-right:auto;
}

#footer_links
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	text-align:center;
}

#footer_links li
{
	display:inline;
	color:#fff;
	margin-left:10px;
	margin-right:10px;
}

#footer_links li a
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}


.standardbutton
{
	color:#fff;
	text-decoration:underline;
	margin:10px;	
}


