/*******************************************************************************************************************/
/*****************************************************  READ ME!  **************************************************/
/*******************************************************************************************************************

STYLES THAT MAY BE USED ACROSS ALL THE ENTERPRISE:
All styles defined in Enterprise.css should be eligible for use ACROSS THE ENTERPRISE. Until this is moved to an
enterprise-level CSS, if you add a style here, you are OBLIGATED to add the style across all other applications.
The default colors for all styles defined here are to be BLACK (because it won't truly look broken anywhere. The 
colors may be adjusted at the application level in the ApplicationColors.css file contained in each application.

********************************************************************************************************************/
/*****************************************************  READ ME!  **************************************************/
/*******************************************************************************************************************/

/* BEGIN CSS MAIN NAVIGATION */
.menu {font: bold 13px/normal Verdana,Arial,Helvetica,sans-serif; padding:0 0 0 2px; margin:0; list-style:none; height:40px;}
.menu li.button {float:left; padding: 4px 0px 0px 0px;}
.menu li.top {display:block; float:left; position:relative;left:0px; background: url('Images/NavDivider.gif') no-repeat left;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#000000; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:3px 15px 0 12px; height:40px;}
.menu li a.top_link:hover {color:#003399;}

.menu li:hover > a.top_link {color:#003399;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}
.menu ul, 
.menu :hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:20px; top:40px; right:2px; background: #003399; padding:0px 0; border:1px solid #999999; width:233px; height:auto;}
.menu :hover ul.sub li {display:block; height:22px; position:relative; float:left; width:233px; }
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; font-weight:bold; height:20px; line-height:20px; text-indent:5px; color:#ffffff; text-decoration:none; }
.menu :hover ul.sub li a:hover {background:#ffffff; color:#003399;}
.menu :hover ul :hover ul{left:90px; top:-4px; background: #fff; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}
/* END CSS MAIN NAVIGATION */

/* 
PIXELSPACE STYLE FAMILY:
Used for unique formatting situations that require detailed pixel-level spacing. Using these styles
you can make single spaces that are pretty close, but rarely exact to the name of the font.
EXCACT PIXEL SIZES (CONFIRMED) OF RESULTING SPACES IN IE6.0.X AND FIREFOX 1.0.X: (width x height)
    PixelSpace1 = 1 x 2
    PixelSpace2 = 1 x 2 (perfect match: width, height)
    PixelSpace3 = 1 x 4
    PixelSpace4 = 1 x 5
    PixelSpace5 = 1 x 6
    PixelSpace6 = 2 x 6  (perfect match: height)
    PixelSpace7 = 2 x 7  (perfect match: height)
    PixelSpace8 = 2 x 10
    PixelSpace9 = 3 x 12
    PixelSpace10 = 3 x 13
ASSUMPTIONS: 
It is assumed that the spacing style will be used exactly like the following snippet:
<span class="<<NAMEOFSTYLE">>&nbsp;</span>
*/
.PixelSpace1{font-family:Arial;font-size:1px;}
.PixelSpace2{font-family:Arial;font-size:2px;}
.PixelSpace3{font-family:Arial;font-size:3px;}
.PixelSpace4{font-family:Arial;font-size:4px;}
.PixelSpace5{font-family:Arial;font-size:5px;}
.PixelSpace6{font-family:Arial;font-size:6px;}
.PixelSpace7{font-family:Arial;font-size:7px;}
.PixelSpace8{font-family:Arial;font-size:8px;}
.PixelSpace9{font-family:Arial;font-size:9px;}
.PixelSpace10{font-family:Arial;font-size:10px;}


/* BUTTONS */
td.RegistrationButton {padding: 0px 5px 0px 5px; background-color:#FF9900; border:1px solid #000000;}
a.RegistrationButton{font-family: Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000000;}
.RegistrationButton:Hover{color:#000000; background-color:#ffffff; }
td.RegistrationButton:Hover{border:1px solid #FF9900;}

/* 
FOOTER STYLES:
Used in to define the styles used in the footer.
*/
.Footer{text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000}  -- Default footer text
a.Footer:visited{color:#000000;}
a.Footer:hover{color:#000000; text-decoration: underline;}
.FooterBold{text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000000} -- Bold footer text. Typically used for links.
a.FooterBold:visited{color:#000000;}
a.FooterBold:hover{color:#000000; text-decoration: underline;}