/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.loginbtn {
	z-index: -1;
	position: absolute;
	top: 45px;
	left: 627px;
	width: 210px;
}
a.loginimg:link, a.loginimg:visited {
    display: block;
    width: 208px;
    height: 104px;
    text-indent:-99999px;
    background: url('../images/ep_hm_link.jpg') no-repeat top left;
}
a.loginimg:hover {
    background: url('../images/ep_hm_link.jpg') no-repeat bottom left;
}

.mattblacktabs{
width: 100%;
overflow: hidden;
right: 0;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: normal 9px Arial, Helvetica, sans-serif!important;
list-style-type: none;
color: #999999;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 3px 4px; /*padding inside each tab*/
color: #999999;

}

.mattblacktabs li a:visited{
color: #999999;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color: #101D52;

}

#MainMenu ul { /*---MAIN - MENU---*/
	list-style: none;
	margin: 10px 0px 0 261px;/*positions menu 200px from the left*/
	padding: 0;
	border: none;
	height: 30px;
	}
#MainMenu ul li { float: left; 
	list-style-type: none;
	padding-left: 5px;
	}
#MainMenu ul li a:link { font: bold 11px Arial, Helvetica, sans-serif; color: #E5E5E5; text-decoration: none;}
#MainMenu ul li a:visited { font: bold 11px Arial, Helvetica, sans-serif; color: #E5E5E5; text-decoration: none;}
#MainMenu ul li a:hover { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none;}
#MainMenu ul li a:active { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none;}
#MainMenu ul li a.active { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none;}
/*------------------------------*/

/*------sitewide UNORDERED LISTS ---------*/
#structure { position: relative; top: 0px; left: 0px; margin: 0; padding: 0; border: none;}
ul#structure li { float: left; list-style-type: none; padding-left: 7px; font: bold 11px Arial, Helvetica, sans-serif; color: #666;}
ul#structure li a {list-style-type: none; text-decoration: none; font: bold 11px Arial, Helvetica, sans-serif; color: #666;}
ul#structure li a:hover {list-style-type: none; text-decoration: none; font: bold 11px Arial, Helvetica, sans-serif; color: #E52324 ;}
ul#structure .current { color:#E52324 ;}
/*------sitewide UNORDERED LISTS ---------*/



.bidvestmenu {
margin: 5px 0;
padding: 0;
width: 133px; /*width of menu*/
border: 1px solid #FFF;
border-bottom-width: 0;
}

.bidvestmenu a.menuitem{
background: #FFF;
font:  11px Arial, Helvetica, sans-serif;
color: #101D52;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 0;
text-decoration: none;
border-top: #D9DDE1 solid 1px;
}
.bidvestmenu a.menuitem:visited, .bidvestmenu .menuitem:active{
color: #101D52;
}
.bidvestmenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.bidvestmenu a.menuitem:hover{

color: #999999;
}

.bidvestmenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.bidvestmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0 10px;
padding: 0;
}

.bidvestmenu div.submenu ul li{
border-bottom: 1px solid #FFF;
}
.bidvestmenu div.submenu ul li.last {
border-bottom: 1px solid #FFF;
}

.bidvestmenu div.submenu ul li a{
display: block;
font: normal 10px Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
padding: 0;
padding-left: 0;
}

.bidvestmenu div.submenu ul li a:hover{
background: #FFF;
color: #101D52;
}


.metropolmenu {
margin: 5px 0;
padding: 0;
width: 160px; /*width of menu*/
border: 1px solid #FFF;
border-bottom-width: 0;
}

.metropolmenu a.menuitem{
background: #FFF;
font: bold 10px Arial, Helvetica, sans-serif;
color: #666;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 0;
text-decoration: none;
border-top: 1px solid #9CB6C5;
}
.metropolmenu a.menuitem:visited, .metropolmenu .menuitem:active{
color: #666;
}
.metropolmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.metropolmenu a.menuitem:hover{
background: #FFF;
}

.metropolmenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.metropolmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.metropolmenu div.submenu ul li{
border-bottom: 1px solid #FFF;
}
.metropolmenu div.submenu ul li.last {
border-bottom: 1px solid #9CB6C5;
}

.metropolmenu div.submenu ul li a{
display: block;
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 0;
padding-left: 0;
}

.metropolmenu div.submenu ul li a:hover{
background: #FFF;
color: #0060AF;
}