/*
 
Copyright (c) Enigma Interactive 2005

SOM2
Project:		NOE
Filename:		layout_standard.css
Description:	Layout of the standard page
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
10	25Oct05		JF			PG corrected signpost images on JF
9	23/9/05		PG			Updates
8	22/8/05		PG			added standard button padding
7	17Jun05		PG			updated styles for contact, links, dls
6	17Jun05		PG			Added site wide back button
5	8Jun05		PG			Removed some stuff, put it in common.css
4	8Jun05		PG			Added Mandatory class
3	3Jun05		PG			Altered Sub site nav stuff
2	2June05		PG			Added right hand panel stuff
1	2June05		PG			Created (copied from AJLs home page css

*/

/* siteHeader */

#siteHeader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 138px;
}

#siteHeader .left {
	position: absolute;
	width: 50%;
	left: 0px;
	top: 0px;
	height: 138px;
	background: #fff url(/images/standard/header_left.gif) repeat-x;
}

#siteHeader .right {
	position: absolute;
	width: 50%;
	right: 0px;
	top: 89px;
	height: 49px;
	background: #fff url(/images/standard/header_right.gif) repeat-x;
}

/* SubNav = BreadCrumbs */
#coSiteSubNavigation{
	position: absolute;
	color:#fff;
	top:116px;
	left:170px;
}
#coSiteSubNavigation ul{	
	display:inline;
	color:#C3EFFF;
}
#coSiteSubNavigation li{
	text-decoration:none;
	display:inline;
}
#coSiteSubNavigation li span,
#coSiteSubNavigation li small,
#coSiteSubNavigation a{
	color:#fff;
	text-decoration:none;
	font-weight: normal
}
#coSiteSubNavigation li small{
	padding-left:5px;
}

/* Site Nav = Links at top of page */
.siteNav{
	position: absolute;
	color:#fff;
	top:93px;
	left:209px;
	width:500px;
	height:20px;
}

#coSiteTool .siteNav a {
	text-decoration:none;
	margin-right:13px;
	color: #fff;
}

#coSiteTool .siteNav a:hover {
	color: #fff;
}

#siteHolder {
	position: relative;
	width: 770px;
	margin: auto;
	text-align: left;
}
	
/* coSiteTool related stuffs */
#coSiteTool {
	position: relative;
	height: 138px;
	width: 100%;
	padding: 0;
	overflow: hidden;
	background: transparent url(/images/standard/header_bg.gif) repeat-x;
}

#coSiteTool .logo {
	position: absolute;
	top: 25px;
	left: 207px;
	width: 114px;
	height: 67px;
}

#coSiteTool .splash {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 261px;
	height: 138px;
	background: transparent url(/images/standard/logo_bg.gif) no-repeat bottom left; 
}

#coSiteTool .splash img {
	padding-left: 14px;
	background: #000;
}

/* content */
#teHTML {
	position: absolute;
	top: 140px;
	left: 240px;
	width: 514px;
	height: 96px;
	overflow: hidden;
}

#teHTML h1 {
	margin: 0;
	padding: 0;
}


/* coSiteSearch */
#coSiteSearch {
	position: absolute;
	top: 240px;
	left: 500px;
}

#coSiteSearch {
	position: absolute;
	top: 92px;
	left: 550px;
	padding-left: 45px;
}

#coSiteSearch .label {
	position: absolute;
	top: 1px;
	left: 0px;
	color: #fff;
}

#coSiteSearch .search {
	position: relative;
	padding: 1px 1px 1px 2px;
	background: #48A3C4;
}

.searchInput {
	font: normal .9em verdana,sans-serif;
	border: 0;
	width: 130px;
	padding: 0px 2px;
}

.form_submit {
	vertical-align: middle;
}


/* All the page content areas */
#pageTitle h1{
	margin:0px;
	padding:8px 0px 0px 0px;
}
#siteMain {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: transparent url(/images/standard/main_bg.gif) repeat-y
}

#pageEnd {
	position: relative;
	overflow: hidden;
	height: 30px;
	padding: 3px 0px 0px 0px;
	text-align: center;
	background: transparent url(/images/standard/pageend_bg.gif) no-repeat;
}

#pageEnd a {
	color: #0D115F;
	text-decoration: none;
	font-size: .8em;
	font-weight: bold;
	padding: 0px 5px;
}

#leftPanel {
	position: relative;
	float: left;
	width: 148px;
	left: 46px;
	_height:100px;
	min-height:100px;
}

#mainPanel {
	position: relative;
	float: left;
	width: 365px;
	margin-left:62px;
	padding-right:20px;	
}

#rightPanel{
	position: relative;
	float: left;
	width: 149px;
	background-color:#48a3c4;
}

#mainPanel #bodyText {
	padding-top:5px;
	padding-bottom:30px;
}
/* Images, Links, Downloads, Contacts Styles */
#mainPanel #bodyText .objectRoll{
	padding-bottom:0px;
}
#mainPanel #bodyText .heading{
	padding:5px 0px 5px 0px;
	height:21px;
}
#mainPanel #bodyText .heading h3{
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
}
#mainPanel #bodyText .objectRoll .item{
	padding-bottom:7px;
	padding-left:10px;
}

/* Random Stuff */
.mandatory{
	color:#0D115F;
	vertical-align:top;
}
.inline{
	display:inline;
}
/* Used to set padding on back button */
.back{padding:10px 0px 10px 0px;}


.warning{
	color:red;
}

h3{
	padding:3px 0px;
	margin:0px;
}
.Area{
	padding-bottom:10px;
}
.headerBackground{
	background-image:url(/images/standard/title_header_background.gif) repeat-y top left;
	/* background-color:#48A3C4; */
	padding:0px 0px;
	color:white;
	width:295px;
	padding-left:10px;
	margin-bottom:5px;

	
}

h2{
	font-size:1.3em;
	background:#fff url(/images/contacts/strip1.gif) repeat-y;
	position:relative;
	padding:2px 3px;
}


/* Signpost Stuff */

#rightPanel .coArticleSignpostWrap{
	background-color:#48a3c4;
	padding-top : 4px;
	border-bottom:1px solid #fff;
}

#rightPanel .coArticleSignpostWrap .mask{
	display:none;
}

#rightPanel .coArticleSignpostWrap .headline{
	font-weight:bold;
	text-align:center;
	padding:5px 0px;
	color:#fff;
}


#rightPanel .coArticleSignpostWrap a{
	color:#fff;
}
#rightPanel .coArticleSignpostWrap a:hover{
	text-decoration:underline;
}

#rightPanel .coArticleSignpostWrap .image{
	text-align:center;
	width : 148px;
	overflow : hidden;
	border : 0px
}

#rightPanel .image{
	text-align:center;
	width : 148px;
	overflow : hidden;
	padding-top : 4px;
	border-bottom:1px solid #fff;
}
#rightPanel .coArticleSignpostWrap .articleText,
#rightPanel .coArticleSignpostWrap .articleTextWide,
#rightPanel .coArticleSignpostWrap .articleQuestion,
#rightPanel .coArticleSignpostWrap .articleAdditional
 {
	position: relative;
	color:#fff;	
	text-align:center;
	padding:5px 5px;
}
#rightPanel .coArticleSignpostWrap .articleQuestion{
	padding:3px 5px;
	font-weight : bold;
}
#rightPanel .coArticleSignpostWrap .articleOption{
	position: relative;
	text-align:left;
	position: relative;
	color:#fff;	
	padding:0px 5px;
}
#rightPanel .coArticleSignpostWrap .articleLinks{
	position: relative;
	clear:both;
	padding:5px 5px;
	text-align:center;
	display:block;
}
#rightPanel .coArticleSignpostWrap .articleLinks p{
	position: relative;
	clear:both;
	display:block;
	padding:0;
	margin:0;
	padding-top:5px;
}
#rightPanel .coArticleSignpostWrap .articleLinks .button{
	position: relative;
	clear:both;
	padding-left:50px;
	display:block;
}
#rightPanel .coArticleSignpostWrap .articleLinks .button a{
	position: relative;
	clear:both;
	display:block;
}
#rightPanel .coArticleSignpostWrap .articleInner {
	position: relative;
	background-color:#48A3C4;
}

#rightPanel .coArticleSignpostWrap .articleLinks input,
#rightPanel .coArticleSignpostWrap .articleOption input{
	
}

#ZoneButtons .row{
	padding:10px 0px;
}
#ZoneButtons .buttons{
	padding:10px 0px;
}
#ZoneButtons .buttons .button a{
	margin-right:10px;
}
.pageButtons a{
	margin-right:10px;	
}