/*
	1. Top Level Buttons
*/
#headerBarLeft{
	width:6px; height:43px;
    background:url(../images/headerbar_l.gif) no-repeat;
}
#headerBar{
    height:43px;
    background:url(../images/header_b.gif) repeat-x;
}
#headerBarRight{
	width:6px; height:43px;
    background:url(../images/headerbar_r.gif) no-repeat right;
}
#headerBar td
{
    vertical-align:top;
    white-space:nowrap;
}
#headerBar h1{
    display:block;
    margin:0;
    padding:0px 13px 0 6px;
    font-size:18px;
    line-height:32px;
    font-weight:normal;
    color:#FFFFFF;
    float:left;
}
#headerBar h1 a, #headerBar h1 a:hover{
    background:none;
	font-size:18px;
	line-height:32px;
	padding:0;
}
#headerBar li{
	position:relative;
	float:left;
	list-style:none;
}
#headerBar a{
    display:block;
    padding:1px 12px 0 13px;
    font-size:14px;
    line-height:34px;
    color:#FFFFFF;
    text-decoration:none;
	float:left;
}
#headerBar li.secondary{
    float:right;
}
#headerBar a:hover, #headerBar a.at, #headerBar .opened a, #headerBar .opened a:visited{
    background:url(../images/header_bar_over.gif) repeat-x;
}

/*
	2. Top Level Flyouts
*/
#headerBar li table{
	position:absolute;
	top:34px; left:-4px;
	clear:left;
}
#headerBar li td.l img, #headerBar li td.r img, #headerBar li td.bl img, #headerBar li td.tl img{
	width:4px; height:9px;
}
#headerBar li td.tl{
    background:url(../images/fly_shadow_tl.png);
}
#headerBar li td.t{
    background:url(../images/fly_shadow_t.png);
}
#headerBar li td.tr{
    background:url(../images/fly_shadow_tr.png);
}
#headerBar li td.l{
    background:url(../images/fly_shadow_l.png) repeat-y;
}
#headerBar li td.r{
    background:url(../images/fly_shadow_r.png) repeat-y;
}
#headerBar li td.wrapper{
	padding-top:8px;
}
#headerBar li td.bl{
    background:url(../images/fly_shadow_bl.png);
}
#headerBar li td.b{
    background:url(../images/fly_shadow_b.png);
}
#headerBar li td.br{
    background:url(../images/fly_shadow_br.png);
}
#headerBar li td div div{
	position:relative;
}
#headerBar li td a, #headerBar li.opened td a, #headerBar li.opened td a:visited{
    padding:1px 0 0 11px;
    font-size:12px;
	font-weight:bold;
	height:19px;
    line-height:19px;	
	color:#242424;
	float:none;
	white-space:nowrap;
    background:url(../images/fly_bg.png);
}
#headerBar li.opened td a:hover{
	color:#FFFFFF;
    background:url(../images/fly_bg_over.png);
}
#headerBar li td a span{
	padding-right:25px;
	display:block;
}
#headerBar li td .closed a span, #headerBar li td .opened a span{
    background:url(../images/arrow_black.gif) right 5px no-repeat;
}
#headerBar li td .opened a:hover span{
    background:url(../images/arrow_white.gif) right 5px no-repeat;
}

/*
	3. Second Level Flyouts
*/
#headerBar li table table{
	top:-7px;
	z-index: 10;
}
#headerBar li td td.wrapper{
	padding-top:0;
}
#headerBar li td td.wrapper a span, #headerBar li td td.wrapper div a:hover span{
    background:none;
}
#headerBar li td td .closed a span, #headerBar li td td .opened a span{
    background:url(../images/arrow_black.gif) right 5px no-repeat;
}
#headerBar li table td td .opened a:hover span{
    background:url(../images/arrow_white.gif) right 5px no-repeat;
}

/*
	4. Third Level Flyouts
*/
#headerBar li td td td.wrapper a span, #headerBar li td td td.wrapper div a:hover span{
    background:none;
}
#headerBar li td td td.wrapper .closed a span, #headerBar li td td td.wrapper .opened a span{
    background:url(../images/arrow_black.gif) right 5px no-repeat;
}
#headerBar li td td td.wrapper .opened a:hover span{
    background:url(../images/arrow_white.gif) right 5px no-repeat;
}

/*
	5. Utility Rules
*/
.closed table{
	visibility:hidden;
}
.opened{
	z-index:10;
}
.opened table{
}