/*	Waterexchange Pty. Ltd. Global Stylesheet
 *	Author: Jared Pritchard
 *	File: /css/_front/global.css
 *	Date: 2007-03-08
 *	Copyright: 2007
 */

/* Waterexchange Standard Colours
 *					HEX			RGB
 * WX Blue Text:	#000066		  0,  0,102
 * WX Blue Dark:	#4F7383		 79,115,131
 * WX Blue Mid:		#6699CC		102,153,204
 * WX Blue Light:	#DDEEFF		221,238,255
 *
 * WX Brown:		#453418		 69, 52, 24
 * WX Yellow Mid:	#CCBB66		201,172,104
 * WX Yellow Light:	#FFF9CC		255,249,204
 *
 * WX Gray Text:	#333333		 51, 51, 51
 * WX Gray Dark:	#666666		102,102,102
 * WX Gray Mid:		#CCCCCC		204,204,204
 * WX Gray Light:	#EFEFEF		239,239,239
 */



/* General styles */
body, td, a, p
{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

a
{
	color: #4F7383;
}

.show
{
	display: block;
	display: visible;
}

.hide
{
	display: none;
}

form
{
	margin: 0px;
	padding: 0px;
}

button
{
	font-size: 10px;
	padding: 1px;
}

/* Layout */
#headerContainer
{
}

#bodyContainer
{
}

#content
{
	position: absolute;
	float: left;
	top: 114px;
	left: 0px;
	width: 740px;
	margin-left: 4px;
	z-index: 10;
}


/* Lists */
.row odd
{
	background: #EFEFEF;
	color: #CCCCCC;
}

.row even
{
	background: #CCCCCC;
	color: #666666;
}


/* Functionality */
/* Migrated from old Water-ex */
.hideDiv
{
	display: none;
}

.showDiv
{
	display: visible;
}

.loadingOverlay
{
	background: #ffffff;
	border: solid 1px #666666;
	width: 300px;
	height: 60px;
	text-align: center;
}


/* Info */
.messages 
{
	/* Abstract */
}

.messages .message
{
	position: relative;
	float: left;
	width: 350px;
	background: #efefef;
	margin: 2px;
	padding: 2px;
	padding-left: 16px;
}

.messages .message .icon
{
	position: absolute;
	left: 0px;
}

/* Standard title styles */
#G_fexLogo
{
	position: absolute;
	float: left;
	top: 5px;
	left: 5px;
	width: 85px;
	height: 40px;
	background: url(/images/_front/logo_fex.gif) no-repeat;
	cursor: pointer;
}

#G_wxLogo
{
	position: absolute;
	float: left;
	top: 5px;
	left: 105px;
	width: 270px;
	height: 40px;
	background: url(/images/_front/logo_wx.gif) no-repeat;
	cursor: pointer;
}

/* Other standard styles */
#G_popUpContent
{
	position: absolute;
	float: left;
	top: 80px;
	left: 15px;
}



/* Pods */
.G_pod
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	float: left;
	background: #F5E7CB;
	overflow: hidden;
	z-index: 50;
}

	.G_podTitle
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		float: left;
		height: 12px;
		background: #C9AC68;
		font-size: 10px;
		color: black;
	}

	.G_podTitleBar
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 10px;
		float: left;
		background: #C9AC68;
		font-size: 0px;
	}

	.G_podContent
	{
		position: absolute;
		top: 15px;
		width: 100%;
		left: -10px;
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
	}

	.G_podImage
	{
		position: absolute;
		top: 10px;
		width: 100%;
		height: 100%;
	}

	.G_podNews
	{
		position: absolute;
		top: 15px;
		left: 5px;
		text-align: center;
		overflow: hidden;
		z-index: 50;
	}

/* Standard pods */
#G_popUpPod
{
	position: relative;
	float: left;
	top: 10px;
	left: 0px;
	width: 360px;
	height: 50px;
	margin-left: 4px;
}



/* Misc */
.noMargins
{
	margin: 0px;
	padding: 0px;
}




/* IE "hack" to stop SELECT tags showing through DIV layers above it
 * Courtesy of http://www.hedgerwow.com/360/bugs/css-select-free.html
 *
 * Add class 'select-free' to any DIV that is to hide "select" elements under it
 *
 * Add following code to any div with class "select-free"
 * <!--[if lte IE 6.5]><iframe></iframe><![endif]-->
 *
 * This will add an iframe to the 'bugged' versions of IE
 * Using the following properties, the iframe will be considered when rendering, and block out the select(s) 'under'
 */

.select-free
{
	overflow: hidden;
}

.select-free iframe
{
	display: none;		/* don't display (for IE5) */
	display/**/: block;	/* block level element (for IE5) */
	position: absolute;	/* position this iframe absolutely */
	float: left;		/* float it (not necessary) */
	top: 0;				/* at top */
	left: 0;			/* and left of "select-free" div */
	z-index: -1;		/* not viewable to user, but still viewable to rendering engine */
	filter: mask();		/* use IE ActiveX filter engine */
	width: 100%;		/* make this (non-user-visible) iframe cover full width of "select-free" div */
	height: 500;		/* and give a generous height */
}