/**************************
Logged In Header Styles
**************************/



#header_wiz {
	width: 980px;
    height:138px;
    margin: 0 auto;
}

#timeX_logo {
    float:left;
    width: 315px;
     height:101px;
    padding: 0;
    margin: 0;
    background: transparent url("../images/timeX_logo_bg.gif") 46px 20px no-repeat;  
}

#timeX_logo_alt {
    float:left;
    width: 315px;
     height:101px;
    padding: 0;
    margin: 0;
    background: transparent url("../images/timeX_logo_bg.gif") 6px 20px no-repeat;  
}

/********************
use this style if we want to use the png
version of the logo
#timeX_logo {
   float:left;
    width: 269px;
    height:68px;
    margin: 20px 0 0 46px;
    padding: 0;
    background: transparent url("../images/timeX_logo.png") no-repeat;  
}
*******************/

#header_rt {
    float:right;
    width: 665px;
    height:101px;
    padding: 0;
    margin: 0;
}
#tophat {
    color: #fff;
}

#tophat ul {
	list-style: none;	 		
}

#tophat ul li {
    float:right;
    display: block;
    height: 29px;
    color: #fff;
    font-size: 8pt;
    background: transparent url(../images/tophat_fill_slice.gif) repeat-x;
    padding: 7px 12px 0 12px;
}
	 	
#tophat ul li a{
    margin-right: 6px;
    color: #fff;
    font-size: 8pt;
}

#tophat ul li input.btn {
    position: relative;
    top: -2px;
    background: #FF8629;
    border: 1px solid #7B8A94;
    color: #fff;
	font-size: 7pt;
	padding: 1px 2px 1px 2px;
	font-family: verdana, tahoma, serif, arial;	
}

#tophat ul li input.btn_alt {
    position: relative;
    top: -2px;
    background: #FF8629;
    border: 1px solid #7B8A94;
    color: #fff;
	font-size: 7pt;
	width: 38px;
	padding: 1px 2px 1px 2px;
	font-family: verdana, tahoma, serif, arial;	
}

#tophat ul li#rt_end {
    width: 9px;
    height: 29px;
    padding:0;
    background: transparent url("../images/tophat_rt.gif") no-repeat;
}
 
 #tophat ul li#lft_end  {
   width: 9px;
    height: 29px;
    padding:0;
    background: transparent url("../images/tophat_lft.gif") no-repeat; 
 }
 
 #tophat ul li#rt_li {
    padding-right:20px;
 }
 
 #tophat ul li#lft_li {
    padding-left:20px;
 }
/* inner navs */
		
#main_nav {
    margin: 0;
    padding:0;
    overflow: hidden;
}
		
#main_nav ul.innernav {
    padding:0;
    margin: 0;
    list-style: none;
}

#main_nav ul.innernav li {
    float: right;
    height: 36px
}

#main_nav ul.innernav li#help {
    padding-right: 0px;
}
				
#main_nav ul.innernav li a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 12pt;
    display:block;
    height: 36px;
    padding: 9px 18px;
}

#main_nav ul.innernav li a.current {
    color: #773602;
    background: transparent url(../images/roll_over_slice.gif) repeat-x;
}

#main_nav ul.innernav li a:hover {
    color: #773602;
}


/********************************
End  Header
********************************/

