/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		NOE
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  			who     	comment
-----------------------------------------------------------------------------
21	29Nov05			CT			Amended #siteBody to use em for font size
20	25Nov05			CT			Added padding-bottom to .pageText to correct a layout problem in IE
19	14Nov05			CT			Amended search class to sitesearch to avoid clash with other search classes
18	03Nov05			CT			Added height attributes to toolbar elements
17	03Nov05			CT			Added width and height attributes to searchButton
16	01Nov05			CT			Added site search form classes
15	31Oct05			CT			Added classes for toolbar icons
14	21Oct05			CT			Added high contrast stuff
13	26Sep05			CT			Updated the colour of la_successmessage
12	26Sep05			CT			Added la_errormessage and la_successmessage
11	16/9/05			PG			Updated header styles
10	06Sep05			CT			Added h2 - h4 header definitions
9	19Aug05			CT			Added #front_body and .page_wrapper
8	1/8/05			PG			Added hr
7	24Jun05			CT			Updated the various link definitions
6	21Jun05			CT			Added bottom margin spec for .pageText p
5	16Jun05			PG			sitewide ul li styles
4	13Jun05			PG			moved one of the styles to standard.css
3	13Jun05			PG			added h5 h6
2	10Jun05			PG			Altered links styles
1	16-May-2005		AJL			Created

*/

/* main body area */

body {
	margin: 0;
	padding: 0;
	font: normal 75% verdana,arial,sans-serif;
	color: #666;
}

#front_body {
	text-align: center; /* required by IE */
}

.front_body_hi {
	color: #000;
}

#page_wrapper { 
	width : 774px;
	margin : 0px auto; /* required by Firefox and Netscape */
	text-align : left;
}

form {
	margin: 0;
	padding: 0;
}

a {
	font: normal 1em verdana,arial,sans-serif;
	text-decoration: none;
	color: #666;
}

.front_body_hi a {
	color: #000;
}

a:hover {
	text-decoration: underline;
}

table,
td {
	font: normal 1em verdana,arial,sans-serif;
	color: #666;
}

.front_body_hi table, 
.front_body_hi td {
	color: #000;
}


img {
	border: none;
}

#siteBody {
	font: normal 1em arial,sans-serif;
}

legend {
	color:#666;
}

.front_body_hi legend {
	color: #000;
}

h2 {
	font: bold 1.2em arial,sans-serif;
	padding:0px 0px 4px 0px;
	margin:0;
}

h3 {
	font: bold 1.1em arial,sans-serif;
	padding:0px 0px 4px 0px;
	margin:0;
}

h4 {
	font: bold 1em arial,sans-serif;
	padding:0px 0px 4px 0px;
	margin:0;
}

h5 {
	font: bold 0.9em arial,sans-serif;
	padding:0px 0px 4px 0px;
	margin:0;
}

h6 {
	font: bold 0.8em arial,sans-serif;
	padding:0px 0px 4px 0px;
	margin:0;
}

.pageText{
	padding-bottom:5px;
	/* padding:10px 0px 0px 0px; */
}

.pageText p {
	padding:0px 0px 5px 0px;
	margin-top:0px;
	margin-bottom:5px;
}

.pageText ul {
	padding-top:0px;
	margin-top:3px;
}

.pageText ul li {
	padding:3px 0px;
}

#coidentity_desc a {
	color:#fff;
	
}

#coidentity_desc .title {
	background: transparent url(/images/coIdentity/member_login.gif) no-repeat left center;
}

#coidentity_desc .title img {
	width: 109px;
	height: 19px;
}

.front_body_hi #coidentity_desc .title {
	background: transparent url(/images/coIdentity/hi_member_login.gif) no-repeat left center;
}

#coidentity_desc .submitItem input {
	background: transparent url(/images/coIdentity/but_login_0.gif) no-repeat top left;
}

#coidentity_desc .submitItem input {
	width: 55px;
	height: 18px;
}

.front_body_hi #coidentity_desc .submitItem input {
	background: transparent url(/images/coIdentity/hi_but_login_0.gif) no-repeat top left;
}

#coidentity_desc .specialItem {
	background: transparent url(/images/coIdentity/win_register.gif) no-repeat left center;
}

#coidentity_desc .specialItem img {
	width: 161px;
	height: 40px;
}

.front_body_hi #coidentity_desc .specialItem {
	background: transparent url(/images/coIdentity/hi_win_register.gif) no-repeat left center;
}

hr {
	color:#FF9900;
	background-color:#FF9900;
	height:1px;
	margin-bottom:20px;
	border:none;
}

.front_body_hi hr {
	color: #000;
	background-color: #000;
}

.la_errormessage {
	margin: 10px;
	padding: 10px;
	color:	red;
	border: medium double black
}

.front_body_hi .la_errormessage {
	color: #000;
}

.front_body_hi #coidentity_desc .la_errormessage {
	color: #fff;
}

.la_successmessage {
	margin: 10px;
	padding: 10px;
	color:	#7C8D22;
	border: medium double black
}

.front_body_hi .la_successmessage {
	color: #000;
}

#coSiteSearch {
	vertical-align: middle;
	margin-top: 2px;
	width: auto;
	float: left;
}

.sitesearch {
	vertical-align: middle;
	width: auto;
	float: left;
	margin: 3px;
	padding-left: 10px;
}

.sitesearch input {
	font: normal 1em verdana,sans-serif;
	border: 1px solid #cf3;
}

.front_body_hi .sitesearch input {
	border: 1px solid #fff;
}

.searchButton {
	vertical-align: middle;
	width: auto;
	float: left;
	margin: 3px;
	padding-left: 2px;
}

.searchButton input {
	width: 44px;
	height: 18px;
	background: transparent url(/images/buttons/but_go.gif) no-repeat top left;
}

.front_body_hi .searchButton input {
	background: transparent url(/images/buttons/hi_but_go.gif) no-repeat top left;
}

.hiddenFormLabel {
	display: none;
}

.imgSiteMap {
	width: 27px;
	float: right;
	padding-right: 2px;
}

.imgSiteMap img {
	width: 27px;
	height: 27px;
	background: transparent url(/images/global/icon_sitemap.gif) no-repeat top left;
}

.front_body_hi .imgSiteMap img {
	background: transparent url(/images/global/hi_icon_sitemap.gif) no-repeat top left;
}

.imgContactUs {
	width: 27px;
	float: right;
	padding-right: 2px;
}

.imgContactUs img {
	width: 27px;
	height: 27px;
	background: transparent url(/images/global/icon_contact.gif) no-repeat top left;
}

.front_body_hi .imgContactUs img {
	background: transparent url(/images/global/hi_icon_contact.gif) no-repeat top left;
}

.imgEmail {
	width: 27px;
	float: right;
	padding-right: 2px;
}

.imgEmail img {
	width: 27px;
	height: 27px;
	background: transparent url(/images/global/icon_email.gif) no-repeat top left;
}

.front_body_hi .imgEmail img {
	background: transparent url(/images/global/hi_icon_email.gif) no-repeat top left;
}

.imgHome {
	width: 27px;
	float: right;
	padding-right: 2px;
}

.imgHome img {
	width: 27px;
	height: 27px;
	background: transparent url(/images/global/icon_home.gif) no-repeat top left;
}

.front_body_hi .imgHome img {
	background: transparent url(/images/global/hi_icon_home.gif) no-repeat top left;
}

.imgContrastColour {
	width: 27px;
	float: right;
	padding-right: 2px;
}

.imgContrastColour img {
	width: 27px;
	height: 27px;
	background: transparent url(/images/global/icon_contrast.gif) no-repeat top left;
}

.front_body_hi .imgContrastColour img {
	background: transparent url(/images/global/hi_icon_contrast.gif) no-repeat top left;
}

.imgVariableWidth {
	width: 27px;
	float: right;
	padding-right: 2px;
}

.imgVariableWidth img {
	width: 27px;
	height: 27px;
	background: transparent url(/images/global/icon_variable_width.gif) no-repeat top left;
}

.front_body_hi .imgVariableWidth img {
	background: transparent url(/images/global/hi_icon_variable_width.gif) no-repeat top left;
}

.imgFixedWidth {
	width: 27px;
	float: right;
	padding-right: 2px;
}

.imgFixedWidth img {
	width: 27px;
	height: 27px;
	background: transparent url(/images/global/icon_fixed_width.gif) no-repeat top left;
}

.front_body_hi .imgFixedWidth img {
	background: transparent url(/images/global/hi_icon_fixed_width.gif) repeat-x top left;
}