/**
*	TuTrack
 *  Navigation Styles
 *
 *	@date:		15/11/2007
 *
 *	Table of Contents:
 *		01. Navigation
 *		02. Navigation imaging
 *		03. Navigation Subheadings
 *
 */

/** 01. Navigation
------------------------------------------------------------------ */
ul#navigation {

	height:						27px;
	margin-top:					0px;
	margin:						0;
	position:					relative;
	width:						;
	z-index:					100;
	padding:0px;
}
div#tu-navigation {
	height:						40px;
	width:						77%;
	float:						left;
}
div#tu-navigation-login {
	width:						19%;
	float:					left;
	height:						30px;
	line-height:				30px;
	padding-top:				10px;
	color:						#8b8b8b;
	font-size:       14px;

}
div#tu-network {
	height:						28px;
	width:						99%;
	float:						left;
}
div#tu-network-right {
	background:					url('../images/navigation/network-right.png') no-repeat;
	height:						26px;
	width:						15px;
	float:						right;
}
div#tu-network-header {
	background:					#1e1e1e url('../images/navigation/tutrack-network.png') no-repeat;
	height:						26px;
	width:						114px;
	float:						right;
}
div#tu-network-left {
	background:					url('../images/navigation/network-left.png') no-repeat;
	height:						26px;
	width:						15px;
	float:						right;
}
div#tu-network-content {
	background:					#1e1e1e;
	height:						23px;
	float:						right;
	line-height:				23px;
	color:						#969696;
	padding-left:				15px;
	padding-top:				3px;
	font-family:				arial;
	font-size:					11px;
}
div#wrapper div#tu-network-content  a {
	color:						#c8c8c8;
}

div#wrapper div#tu-navigation-login a {
	color:						#ffffff;
	padding:					0	2px 0 2px;
}
div#wrapper div#tu-navigation-login a:hover, div#wrapper div#tu-navigation-login a.over{
	color:						#fa9020;
}
a.tu-navigation-header
{
	height:						40px;
	width:						18%;
	float:						left;
	background:					url('../images/navigation/tutrack-logo.png') no-repeat;
}

/** 02 . Navigation Imaging
------------------------------------------------------------------ */
ul#navigation li {
	float:						left;
	height:						32px;
	margin-top:					8px;
}
div#wrapper ul#navigation li a {
	height:						32px;
	display:					block;
	float:						left;
	font-family:				arial;
	font-size:					14px;
	font-weight:				bold;
	color:						#fff;
	line-height:				32px;
}
ul#navigation li span.nav-left{
	width:						10px;
	height:						32px;
	float:						left;
}
ul#navigation li.over  span.nav-left {
	background:					url('../images/navigation/menu-left.png') no-repeat;
}
ul#navigation li span.nav-right{

	width:						10px;
	height:						32px;
	float:						left;
}
ul#navigation li.over  span.nav-right {
	background:					url('../images/navigation/menu-right.png') no-repeat;
}
ul#navigation li span.nav-middle{
	height:						32px;
	float:left;
}
ul#navigation li.over span.nav-middle{
	background-color:			#fa9020;

}
div#wrapper ul#navigation li.over span.nav-middle a:hover {
	color:						#fff;
}
/** 03 . Navigation Subheadings
------------------------------------------------------------------ */
div#tutrack-submenu-holder {
	margin-top:					2px;
	height:						45px;
	width:						99%;
	float:						left;
}
div#wrapper div#container div.submenu ul li a {
	color:						#000;
	font-family:				arial;
	font-size:					12px;
	font-weight:				bold;
	height:						33px;
	padding:					0 7px 0 5px;
	line-height:				33px;
	float:						left;
	background:					url('../images/navigation/submenu-middle.gif') repeat-x 0 0 ;
}
div#wrapper div#container div.submenu ul li a:hover, div#wrapper div#container div.submenu ul li a.over {
	background-position:		0% 100%;
	color:						#fff;
	display:					block;
}
div.submenu ul li
{
	float:						left;
	border-left:				1px solid #de7d17;
	border-right:				1px solid #ffb910;
	position:					relative;
	height:						33px;
}

div.submenu ul li.left
{
	border-left:						0px;
}
div.submenu ul li.right
{
	border-right:						0px;
}
div.submenu ul li.submenu-left
{
	height:						33px;
	width:						14px;
	float:						left;
	background:					url('../images/navigation/submenu-left.png') no-repeat;
	padding:					0px;
	border:						0px;
}
div.submenu ul li.submenu-right
{
	height:						33px;
	width:						14px;
	float:						left;
	background:					url('../images/navigation/submenu-right.png') no-repeat;
	padding:					0px;
	border:						0px;
}

div#wrapper div#container  div.submenu li ul {
	display: 					none;
	position: 					absolute;
	top: 						0;
	left: 						0;
	margin-left:				-1px;
	width:						140px;

}

li>ul {
	top: auto;
	left: auto;
}

div#wrapper div#container  div.submenu li:hover ul, div.submenu li.over ul {
	display: 					block;
	margin-top:					33px;

}
div#wrapper div#container div.submenu ul ul li
{

	border-left:				0px;
	width:						140px;
	height:						24px;
	line-height:				24px;
	opacity: 					.95;
		border:0px;
}
div#wrapper div#container div.submenu ul ul li a {

	padding:					0 10px 0 10px;
	width:						120px;
	border:						0px;
	height:						24px;
	line-height:				24px;
	background:					#ffa701;

}
div#wrapper div#container div.submenu ul ul li span.left {
	float:						left;
	height:						10px;
	line-height:				10px;
	width:						10px;
	font-size:					10px;
	background:					url('../images/navigation/submenu-drop-left.gif') no-repeat;
}
div#wrapper div#container div.submenu ul ul li span.right {
	float:						left;
	height:						10px;
	line-height:				10px;
	width:						10px;
	font-size:					10px;
	background:					url('../images/navigation/submenu-drop-right.gif') no-repeat;
}
div#wrapper div#container div.submenu ul ul li span.middle {
	float:						left;
	height:						10px;
	line-height:				10px;
	font-size:					0px;
	width:						120px;
	background:					#ffa701;
}

/* Black Nav Business Signup Page */
div.black-nav {
	width:						500px;
	height:						29px;
	background-color:			#3f3f3f;
	padding-left:				5px;
	line-height:				29px;
	color:						#fff;
	float:						left;
}
div.black-nav-text {
	height:						29px;
	width:						300px;
	float:						left;
	padding-left:				5px;
}
div.black-nav input {
	height:						29px;
	width: 						20px;
	border:						0px;
	float:						left;
	padding-top:				10px;
}
div.invis-gap {
	padding-bottom:				20px;
	width:						100%;
	float:						left;
}

/* Mini Tenders step 1-5
-------------------------------------------------------------------------------------------*/

.mt-step-holder
{
	width:						100%;
	float:						left;
	height:						58px;
}
.mt-step-holder div
{
	float:						left;
}
.mt-step-1, .mt-step-1-active
{
	background:			  url('../images/tenders/minitenders/step-1.png') no-repeat;
	width:						111px;
	height:						38px;
}
.mt-step-1-active
{
	background:					url('../images/tenders/minitenders/step-1.png') no-repeat;
}
.mt-step-2, .mt-step-2-active
{
	background:					url('../images/tenders/minitenders/step-2.png') no-repeat;
	width:						115px;
	height:						38px;
}
.mt-step-2-active
{
	background:					url('../images/tenders/minitenders/step-2.png') no-repeat;
}
.mt-step-3, .mt-step-3-active
{
	background:					url('../images/tenders/minitenders/step-3.png') no-repeat;
	width:						102px;
	height:						38px;
}
.mt-step-3-active
{
	background:					url('../images/tenders/minitenders/step-3.png') no-repeat;
}
.mt-step-4, .mt-step-4-active
{
	background:					url('../images/tenders/minitenders/step-4.png') no-repeat;
	width:						107px;
	height:						38px;
}
.mt-step-4-active
{
	background:					url('../images/tenders/minitenders/step-4.png') no-repeat;
}
.mt-step-5, .mt-step-5-active
{
	background:					url('../images/tenders/minitenders/step-5.png') no-repeat;
	width:						98px;
	height:						38px;
}
.mt-step-5-active
{
	background:					url('../images/tenders/minitenders/step-5.png') no-repeat;
}
.mt-step-6, .mt-step-6-active
{
	background:					url('../images/tenders/minitenders/step-6.png') no-repeat;
	width:						120px;
	height:						38px;
}
.mt-step-6-active
{
	background:					url('../images/tenders/minitenders/step-6.png') no-repeat;
}
.mt-step-submit, .mt-step-submit-active
{
	background:			   url('../images/tenders/minitenders/submit.png') no-repeat;
	width:						124px;
	height:						38px;
}
.mt-step-submit-active
{
	background:					url('../images/tenders/minitenders/submit.png') no-repeat;
}