/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		ONENE
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
23	17/01/08	MS			general layout changes
22	08Sep06		CT			Corrected #sidePromo .image img
21	11/08/06	PG			Altered size of search tabs to accomidate "documents"
20	20Jul06		CT			Corrected layout problem in Firefox
19	19Jul06		CT			Updated siteSearch layout
18	12Jul06		CT			Added #sidePromo .download 
17	17May06		CT			Updated the size of North East England Logo
16	16May06		CT			Corrected dimensions of site logo
15	28Apr06		CT			Added cursor attribute to .printButton and adjusted the 
							width of the page title
14	27Apr06		CT			Updated siteNav class to id and footer links class to footerlinks id
13	27Apr06		CT			Updated header and footer items to lists
12	26Apr06		CT			Updated site search results layout
11	26Apr06		CT			Corrected problem with site search links
10	24Apr06		CT			Added siteSearch classes
9	20Apr06		CT			Corrected layout of sidePromo signposts
8	20Apr06		CT			Updated link colour
7	20Apr06		CT			Removed debug border
6	20Apr06		CT			Fixed layout issue on some pages
5	19Apr06		CT			Updated sidePromo link colour
4	19Apr06		CT			Updated print button colour
3	19Apr06		CT			Added form classes
2	18Apr06		CT			Changed layout for menu
1	11Apr05		CT			Created

*/

@import url(../../global/global.css);

/* main body area */
.hiddenFormLabel {
	font-size: 0.1em;
	color : #e5eafd;
	height : 0px;
	width : 0px;
	display : none;
}

.formHandlerError {
	color : red;
	font-weight : bold;
}

body {
	background-color: #043671;
	margin: 0;
	padding: 0;
	font: normal 70% Arial, sans-serif;
	text-align: center; /* centering for IE users */
}

#siteHolder {
	width: 756px;
	margin : 0px auto; /* required by Firefox and Netscape */
	text-align : left; /* re-align text to the left */
}

#siteContent {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	background-color:white;
	padding-left:25px;
	padding-right:30px;
}

/* #bodyHolder {
	margin: 0px;
	padding: 0px;
	border: 1px solid red;
} */

/* a {
	color: #2C2F3E;
} */

table {
	font-size: 1em;
	color: #2C2F3E;
	border-color : #0F1D64;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

hr {
	color : #0F1D64;
}

h1 {
	font-weight: bold;
	font-size: 1.5em;
}

h2 {
	font-weight: bold;
	font-size: 1.3em;
}

h3 {
	font-weight: bold;
	font-size: 1.1em;
}

h4 {
	font-weight: bold;
	font-size: 1.1em;
}

h5 {
	font-weight: bold;
	font-size: 1em;
}

br {
	clear : both;
}

.dottedLine {
	width : 100%;
	height : 1px;
	border-bottom-style : dashed;
	border-bottom-width : 1px;
	color : #273a96;
	margin-bottom : 4px;
	padding:4px 0px;
}

#pageTitle .wrap {
	width: 80%;
	float:left;
}

#pageTitle .printButtonWrap {
	float: right;
	margin:5px 5px 0px 0px;
}

#pageTitle .printButton {
	background-color : #273A96;
	cursor: pointer;
}

#coSiteTool {
	width: 748px;
	float: right;
}

#coSiteTool a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
	line-height: 24px;
}

#coSiteTool a:hover {
	text-decoration: underline;
}

#coSiteTool .top {
	float: left;
	width: 100%;
	height: 123px;
	background: white;
}

#coSiteTool .splash {
	float: left;
	width: 100%;
	height: 170px;
	border-bottom: 1px solid #fff;
}

#coSiteTool .nee {
	float: left; 
	width: 239px;
	height: 14px;
	margin-top: 40px;
	background: transparent url(/images/header/rebrand_welcome.png) no-repeat;
}

#coSiteTool .logo {
	float: right;

	width: 93px;
	height: 46px;
	background: transparent url(/images/header/logo_rebrand.png) no-repeat;
	margin-top:30px;
	margin-bottom:45px;
}

#coSiteTool .siteBar {
	width: 100%;
	height: auto;
	float: left;
	background: #273A96;
	height: auto;
	color: #fff;
	border-bottom: 1px solid #fff;
	/*z-index:1;*/
}

#coSiteTool .siteBar a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	padding-right: 10px;
	line-height: 24px;
}

#coSiteTool .siteBar a:hover {
	text-decoration: underline;
}

#coSiteTool .siteBar #siteNav {
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
}

#coSiteTool .siteBar #siteNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#coSiteTool .siteBar #siteNav li {
	padding: 0;
	margin: 0;
}

#coSiteTool .siteBar #siteNav .navtabfirst {
	height: 25px;
	width: auto;
	float: left;
	padding: 0px;
	padding-left: 15px;
	margin: 0px;
	background: #0F1D64 url(/images/header/sub_0/navtab.gif) no-repeat top right;
}

#coSiteTool .siteBar #siteNav .navtab {
	height: 25px;
	width: auto;
	float: left;
	padding: 0px;
	padding-left: 5px;
	margin: 0px;
	background: #0F1D64 url(/images/header/sub_0/navtab.gif) no-repeat top right;
}

#coSiteTool .siteBar #siteNav .navtablast {
	height: 25px;
	width: auto;
	float: left;
	padding: 0px;
	padding-left: 5px;
	background: #0F1D64 url(/images/header/sub_0/navtablast.gif) no-repeat top right;
}

/* coSiteSubNavigation (breadcrumb trail to us plebs) */
#coSiteSubNavigation {
	float: right;
	width: 748px;
	background: #E3E6F6;
	overflow:hidden;
	border-top: 4px solid #A2A8C9;
	border-bottom: 1px solid #fff;
}

#coSiteSubNavigation ul {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	color: #2C2E81;
	height: 21px;
}

#coSiteSubNavigation li {
	float: left;
	line-height: 24px;
	margin: 0px;
	color: #15215D;
	font-weight: normal;
}

#coSiteSubNavigation li a {
	color: #15215D;
	text-decoration: underline;
	font-weight: normal;
}

#coSiteSubNavigation .listfirst {
	float: left;
	padding: 0px;
	padding-left: 15px;
	margin: 0px;
	background: #A2A8C9;
	font-weight: bold;
}

#coSiteSubNavigation .listsecond {
	float: left;
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
	background: #E3E6F6 url(/images/header/sub_0/bctabfirst.gif) no-repeat top left;
}

#coSiteSubNavigation .listitem {
	float: left;
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
	background: #E3E6F6 url(/images/header/sub_0/bctab.gif) no-repeat top left;
}

#siteMain {
	float: right;
	width: 756px;
	padding: 0px;
	margin: 0px;
	color: #273A96;
	background: transparent url(/images/page/sub_0/bg.gif) repeat-y top right;
	/* border: 1px solid red; */
}

#siteMain a {
	font-weight: bold;
	text-decoration: underline;
}

#siteMenu {
	width: 144px;
	height: auto;
	float: left;
	/* border: 1px solid red; */
}

#bodyText {
	color: #2C2F3E;
	width: 434px;
	height: auto;
	float: left;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
}

#bodyText a {
	color: #273A96;
	font-weight: bold;
	text-decoration: none;
}

#bodyText a:hover {
	text-decoration: underline;
}

#bodyFloat {
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 0px;
}

#sidePromo {
	color: #555A74;
	width: 140px;
	height: auto;
	float: right;
	/*overflow: hidden;*/
	font-size: .9em;
	/* border: 1px solid red; */
	position:relative;
}

#sidePromo .sidePromo_content {
	width:140px;
	overflow:hidden;
}

#sidePromo .sidePromo_content .bottomImage {
	/*display:none;*/
}

#sidePromo a {
	color: #555A74;
}

#sidePromo .coArticleContainer {
	width:140px;
	height:16px;
	float:left;
	margin-bottom: 5px;
}

#sidePromo img {
	display:block;
}

#sidePromo .coArticle {
	width: 138px;
	height: auto;
	float: left;
}

#sidePromo a {
	font-weight: bold;
	text-decoration: none;
}

#sidePromo a:hover {
	text-decoration: underline;
}

#sidePromo p {
	margin : 0px;
}

#sidePromo .heading {
	width: 132px;
	float: left;
	background: #3D4E97;
	color: #fff;
	font-weight: bold;
	padding: 3px 4px;
	margin-bottom: 5px;
}

#sidePromo .heading a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#sidePromo .heading a:hover {
	text-decoration: underline;
}

#sidePromo .date {
	color: #555A74;
	font-weight: normal;
	padding: 1px 4px;
}

#sidePromo .date a {
	color: #555A74;
	font-weight: bold;
	text-decoration: none;
}

#sidePromo .date a:hover {
	text-decoration: underline;
}

#sidePromo .headline {
	padding: 0px 4px;
}

#sidePromo .headline a {
	color: #555A74;
	font-weight: bold;
	text-decoration: none;
}

#sidePromo .headline a:hover {
	text-decoration: underline;
}

#sidePromo .item {
	width: 132px;
	float: left;
	padding: 3px 4px;
}

#sidePromo .coArticle,
#sidePromo .coTender {
	padding-bottom: 10px;
}


#sidePromo .coArticleSignpostWrap {
	padding-top : 8px;
	width: 140px;
	float: left;
}

#sidePromo .coArticleSignpostWrap .headline {
	background: #3D4E97;
	color: #fff;
	font-weight: bold;
	padding: 3px 4px;
}

#sidePromo .coArticleSignpostWrap .headline a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#sidePromo .coArticleSignpostWrap .headline a:hover {
	text-decoration: underline;
}

#sidePromo .coArticleSignpostWrap .summary  {
	display: none;
}

#sidePromo .image {
	width: 140px;
	float: left;
	text-align: center;
	padding: 0px;
}

#sidePromo .image img {
	width: auto;
	float: left;
	text-align: center;
	padding: 0px;
}

#sidePromo .coArticleSignpostWrap .image  {
	width: 140px;
	float: left;
	padding: 0px;
	text-align: center;
}

#sidePromo .coArticleSignpostWrap .articleText {
	width: 90%;
	float: left;
	padding: 0 5px 5px 5px;
	overflow: hidden;
	font-weight: normal;
	color: #555A74;
}

#sidePromo .coArticleSignpostWrap .articleText a {
	color: #555A74;
}

#sidePromo .download {
	padding: 0 5px 5px 5px;
	overflow: hidden;
}

/* coSiteSearch */
#coSiteSearch,
#coContactSearch {
	background-color:transparent;
	width: 130px;
	height: auto;
	text-align: left;
	line-height: 10px;
	overflow:hidden;
	position:absolute;
	top:-49px;
	#top:-50px;
	_top:-53px;
	
}

#coSiteSearch {
	left:-115px;
	#left:-118px;
}

#coContactSearch {
	left:13px;
	#left:12px;
}

#coSiteSearch .searchInput,
#coContactSearch .searchInput {
	width: 90px;
	font-size: 1em;
}

#coSiteSearch input,
#coContactSearch input {
	vertical-align: middle;
}


/* Form Classes */
.form_area {
	margin-bottom : 10px;
}

.form_standard {
	color : #273A96;
	width : 300px;
	font: normal 11px arial,sans-serif;
}

#pageEnd {
	width: 756px;
	height: auto;
	float: right;
	overflow: visible;

}

#coSiteFooter {
	width: 756px;
	height: auto;
	float: right;
	overflow: visible;
	
}

#coSiteFooter a {
	color: #fff;
	text-decoration: none;
}

#coSiteFooter a:hover {
	text-decoration: underline;
}

#coSiteFooter .footerTop {
	width: 756px;
	height: 16px;
	float: right;
	background: transparent url(/images/footer/sub_0/footertopbg.gif) no-repeat bottom right;
	border-bottom: 1px solid #fff;
}

#coSiteFooter #footerlinks {
	width: 756px;
	height: 19px;
	float: right;
	background: #0F1D64 url(/images/footer/sub_0/footerlinksbg.gif) no-repeat top right;
	overflow: hidden;
}

#coSiteFooter #footerlinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#coSiteFooter #footerlinks li {
	padding: 0;
	margin: 0;
}

#coSiteFooter #footerlinks .navtabfirst {
	height: 19px;
	width: 8px;
	float: left;
	border-right: 1px solid #fff;
}

#coSiteFooter #footerlinks .navtab {
	height: 19px;
	width: auto;
	float: left;
	padding: 0px;
	padding-top: 3px;
	margin-left: 5px;
	padding-right: 5px;
	background: #0F1D64 url(/images/footer/sub_0/navtab.gif) no-repeat top right;
}

#coSiteFooter .copyright {
	width: 744px;
	height: auto;
	float: right;
	padding: 6px;
	
}

#coSiteFooter #footerLogos {
	float:left;
	background: transparent url(/images/footer/nee.png) no-repeat;
	background-position:650px 20px;
	width:100%;
	/*margin: 0pt auto; 
	padding: 10px; 
	width: 508px;*/

}

#coSiteFooter #footerLogos .logo {
	/*width: 107px; */
	float: left; 
	margin-top: 20px; 
	margin-left: 0px; 
	margin-right: 10px; 
	margin-bottom: 20px; 
	vertical-align: top;
}

.btnpreview {
	background : transparent url(/images/buttons/sub_0/preview.gif) no-repeat;
}
.btnyes {
	background : transparent url(/images/buttons/sub_0/yes.gif) no-repeat;
}
.btnno { 
	background : transparent url(/images/buttons/sub_0/no.gif) no-repeat;
}
.btnedit { 
	background : transparent url(/images/buttons/sub_0/edit.gif) no-repeat;
}
.btnpost { 
	background : transparent url(/images/buttons/sub_0/post.gif) no-repeat;
}
.btnback {
	background : transparent url(/images/buttons/sub_0/back.gif) no-repeat;
}
.btncancel {
	background : transparent url(/images/buttons/sub_0/cancel.gif) no-repeat;
}
.btnlogin {
	background : transparent url(/images/buttons/sub_0/login.gif) no-repeat;
}
.btnlogoff {
	background : transparent url(/images/buttons/sub_0/logoff.gif) no-repeat;
}
.btnsearch {
	background : transparent url(/images/buttons/sub_0/search.gif) no-repeat;
}
.btnsubmit {
	background : transparent url(/images/buttons/sub_0/submit.gif) no-repeat;
}
.btnvote {
	background : transparent url(/images/buttons/sub_0/vote.gif) no-repeat;
}
.btngo {
	background : transparent url(/images/page/sub_0/but_go.gif) no-repeat;
}
.btngoTool {
	background : transparent url(/images/page/sub_0/but_go_new.gif) no-repeat;
}

.btnreset{
	background : transparent url(/images/page/sub_0/but_reset.gif) no-repeat;
	width:47px;
	height:19px;
	display:block;
}

/* coSiteSearchResults */
#coSiteSearchResults p{
	margin:0;
	padding:0.5em 0em;
}

#coSiteSearchResults ul.searchResults{
	margin:0;
	padding:0em 0em;
	list-style:none
}

#coSiteSearchResults ul.searchResults li{
	padding:0.5em 0em;
}

#coSiteSearchResults {
	text-align : center;
	width : 427px;
}
#coSiteSearchResults a {
	text-decoration : none;
}

#coSiteSearchResults .searchTabActive,
#coSiteSearchResults .searchTabInActive{
	float:left;
	width:90px;
	margin-left:2px;
} 

#coSiteSearchResults .searchTabs a,
#coSiteSearchResults .searchTabActive div{
	display:block;
	height:35px;
}

#coSiteSearchResults .searchTabActive div{
	background-image : url(/images/nav/sub_0/search_tab_active.gif);
}
#coSiteSearchResults .searchTabInActive a{
	background-image : url(/images/nav/sub_0/search_tab_inactive.gif);
}
#coSiteSearchResults  .searchTabText {
	padding : 5px 0px 0px 5px;
}
#coSiteSearchResults .searchTabs {
	background : transparent url(/images/nav/sub_0/search_bg.gif) repeat-x bottom left;
	width : 427px;
	height : 40px;
	text-align : left;
}
#coSiteSearchResults .searchPanel {
	width : 425px;
	background-color : #e5eafd;
	border-left : #293a96 1px solid;
	border-right : #293a96 1px solid;
	border-bottom : #293a96 1px solid;
	float: left;
	text-align : left;
}

#coSiteSearchResults .searchPad{
	padding:1em 1em;
}

#coSiteSearchResults .searchResultExact {
	width : 100%;
	float: left;
	background-image : url(/images/nav/sub_0/exact.jpg);
	background-repeat : no-repeat;
	background-position : 4px 0px;
	padding-bottom : 8px;
	margin-top : 8px;
}
#coSiteSearchResults .searchResultClose {
	width : 100%;
	float: left;
	background-image : url(/images/nav/sub_0/close.jpg);
	background-repeat : no-repeat;
	background-position : 4px 0px;
	padding-bottom : 8px;
	margin-top : 8px;
}
#coSiteSearchResults .searchResultText {
	margin : 0px 10px 8px 30px;
}
#coSiteSearchResults .searchResult {
	padding : 10px 0px 0px 4px;
}

.advancedSearch{
	border:1px solid #273A96;
	padding:1em;
}

.advancedSearch .row{
	overflow:hidden;
	width:100%;
}

.advancedSearch .row .left{
	float:left;
	padding-right:15px;
}

.advancedSearch .coSiteSearch_excemptterm{
	width:90%;
}
