/*	Waterexchange Pty. Ltd. Title Stylesheet
 *	Author: Jared Pritchard
 *	File: /css/_front/title.css
 *	Date: 2007-03-28
 *	Copyright: 2007
 */

/* Title */
#titleBar
{
	position: absolute;
	float: left;
	top: 0px;
	left: 0px;
	width: 740px;
	height: 40px;
}

	#fexLogo
	{
		position: absolute;
		float: left;
		top: 0px;
		left: 0px;
		width: 170px; /*85*/
		height: 70px; /*?*/
		/*background: url(/images/_front/logo_fex.gif) no-repeat;*/
		cursor: pointer;
	}

	#nsxLogo
	{
		position: absolute;
		float: left;
		top: 10px;
		left: 10px;
		width: 160px; /*85*/
		height: 60px; /*?*/
		/*background: url(/images/_front/logo_nsx.gif) no-repeat;*/
		cursor: pointer;
	}

	#wxLogo
	{
		position: absolute;
		float: right;
		top: 45px;
		right: 0px; /*left 100*/
		width: 260px; /*270*/
		height: 35px; /*40*/
		background: url(/images/_front/logo_wx.png) no-repeat;
		cursor: pointer;
	}


/* Navigation */
#navBar
{
	position: absolute;
	float: left;
	top: 94px;
	left: 0px;
	width: 740px;
	height: 20px;
	margin-left: 4px;
	z-index: 100;
}

	#loginLink
	{
		/* Replaces #search */
		position: absolute;
		float: right;
		top: 0px;
		right: 5px;
		width: 250px;
		text-align: right;
		cursor: pointer;
	}

	#search
	{
		position: absolute;
		float: right;
		top: -5px;
		right: 5px;
		width: 250px;
		text-align: right;
	}

	/* Tab has limited width/height, overflow is hidden. On mouseover, show overflow (menu items)*/
	.tab
	{
		position: relative;
		float: left;
		top: 0px;
		left: 0px;
		width: 95px;
		height: 16px;
		padding-top: 2px;
		background: url(/images/_front/tab_m.gif) no-repeat;
		cursor: pointer;
	}
	
		.tabRight
		{
			float: right;
		}

		.hideMenu
		{
			overflow: hidden;
		}

		.showMenu
		{
			overflow: visible;
		}

	.firstTab
	{
		width: 96px;
		background: url(/images/_front/tab_m1.gif) no-repeat;
	}

		/* Table is menu selector. Handles javascript/mouseover controls etc. */
		.tab table
		{
			position: absolute;
			float: left;
			width: 175px;
			vertical-align: top;
			padding: 0px;
			margin: 0px;
			border-collapse: collapse;
			background: none;
		}

			.tab table td
			{
				padding: 0px;
			}

		/* Tab heading */
		.tab h2
		{
			top: 0px;
			width: 95px;
			text-align: center;
			vertical-align: middle;
			font-size: 10px;
			font-weight: normal;
			text-transform: uppercase;
			padding: 0px;
			margin: 0px;
		}

		/* Menu items */
		.tab ul, .tab ol
		{
			padding: 0px;
			margin: 0px;
			padding-top: 6px;
			list-style-type: none;
		}

		.tab li
		{
			position: relative;
			width: 175px;
			height: 15px;
			text-transform: uppercase;
			font-size: 9px;
			text-align: left;
			padding-left: 10px;
			padding-top: 5px;
			padding-top: 2px;
			background: white;
			color: #666666;
			z-index: 10;
			list-style-type: none;
		}

		.tab .out
		{
			background: white;
			color: #666666;
		}

		.tab .over
		{
			background: #666666;
			color: white;
		}