/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		NOE
Filename:		layout_home.css
Description:	Home Page layout elements
     
History
ver date  			who     	comment
-----------------------------------------------------------------------------
28	07Dec05			CT			Corrected minor layout errors and inconsistencies following recent poll additions
27	02Dec05			CT			Added styling for polls
26	03Nov05			CT			Added width and height attributes to articleLink
25	03Nov05			CT			Added correct sizing to title image
24	01Nov05			CT			Added high contrast stuff
23	11Oct05			CT			Updated for adjustable page widths
22	29Sep05			CT			Added panel_prop and panel_clear for keeping the 
								login panel at a fixed height in IE
21	8/9/05			PG			Footer style updates
20	05Sep05			CT			Amended signpost link images
19	19Aug05			CT			Updated for centered pages
18	16Aug05			CT			Updated footer classes for new logos
17	8/8/05			PG			few z index changes
16	18/07/05		PG			Sitebody now has flash, instead of image
24	28Jun05			CT			Increased the size of specialItem
9	24Jun05			CT			Updated the various link definitions
8	20Jun05			CT			Updated colour of loginItem label
7	20Jun05			CT			Added articleLink class
6	15Jun05			PG			added border top for site main
5	14Jun05			PG			moved footer
4	14Jun05			PG			made signpost text darker
3	14Jun05			PG			fixed something i broke in ie
2	13Jun05			PG			added new header image, added new background image
1	16-May-2005		AJL			Created

*/


#siteMain {
	width: 100%;
}

#siteBody { 
	width: auto;
	vertical-align: top;
	border-top: 2px solid #C8DF4E;
}

.front_body_hi #siteBody { 
	border-top: 2px solid #E5E5E5;
}

#siteHeader img {
	height: 127px;
	width: 490px;
	background: #fff url(/images/home/heading.gif) no-repeat 0px 45px;
}

.front_body_hi #siteHeader img {
	background: #fff url(/images/home/hi_heading.gif) no-repeat 0px 45px;
}


#siteToolBar {
	vertical-align: middle;
	/* text-align: right; */
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 70px;
	background: #96AB0C url(/images/home/toolbar_bg_right.gif) repeat-y top right;
}

.front_body_hi #siteToolBar {
	background: #000000 url(/images/home/hi_toolbar_bg_right.gif) repeat-y top right;
}

#centrePanel {
	vertical-align: top;
}

#rightPanel {
	width: 243px;
	vertical-align: top;
	/* border-top: 2px solid #C8DF4E; */
	background: transparent url(/images/home/main_bg_right.gif) repeat-y top right;
}

.front_body_hi #rightPanel {
	/* border-top: 2px solid #E5E5E5; */
	background: transparent url(/images/home/hi_main_bg_right.gif) repeat-y top right;
}

#rightTop {
	width: 242px;
	background: #C8DF4E url(/images/home/top_bg_right.gif) repeat-y top left;
}

.front_body_hi #rightTop {
	background: #E5E5E5 url(/images/home/hi_main_bg_right.gif) repeat-y top right;
}

#rightMain {
	margin-top: 0px;
	width: 243px; 
	border-top: 2px solid #C8DF4E;
	background-color: #C8DF4E;
}

.front_body_hi #rightMain {
	border-top: 2px solid #E5E5E5;
	background-color: #E5E5E5;
}

.innerPad {
	padding: 6px;
}

#flashPad {
	text-align: center;
	background: #E5E5E5;
	padding: 0px 0px 2px 2px;
}

/* coSiteTool */
#coSiteTool .siteBar {
	width: 175px;
	font-weight: bold;
	font-size: .8em;
	color: #fff;
	border-top: 2px solid #C8DF4E;
	text-align: center;
}

.front_body_hi #coSiteTool .siteBar {
	border-top: 2px solid #E5E5E5;
}

#coSiteTool .siteBar a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#coSiteTool .siteBar a:hover {
	text-decoration:underline;
}

/* coIdentity */
#coIdentity {
	font-size: .9em;
	width: 161px;
	margin: 0px 6px;
	padding-top: 40px; /* required by opera otherwise coSiteTool is stretched too tall */ 
	color: #000;
	vertical-align: bottom;
}

#coIdentity .loginItem {
	width: 100%;
	float: left;
}

#coIdentity .loginItem .label {
	padding: 4px 0px;
	color: #666;
	font: bold .9em verdana,sans-serif;
	width: auto;
	float: left;
}

.front_body_hi #coIdentity .loginItem .label {
	color: #FFF;
}

#coIdentity .loginItem .item {
	text-align: right;
	padding: 2px 0px;
	width: auto;
	float: right;
}

#coIdentity .loginItem input {
	font: normal .9em verdana,sans-serif;
	border: 1px solid #cf3;
	background: #C8DF4E;
	padding: 0px 2px;
}

.front_body_hi #coIdentity .loginItem input {
	border: 1px solid #000;
	background: #FFF;
}

#coIdentity .submitItem {
	padding: 4px 0px 25px 0px;
	text-align: right;
	width: 100%;
	float: left;
}

#coIdentity .generalItem {
	font-size: .8em;
	width: 100%;
	float: left;
}

#coIdentity .generalItem a {
	font-size: 1em;
	color: #fff;
	text-decoration: none;
}

#coIdentity .generalItem a:hover {
	text-decoration:underline;
}

#coIdentity .generalItem .specialItem a {
	font-size: 1.5em;
	font-weight: bold;
}

/* coSiteNavigation */
#coSiteNavigation {
	width: 197px;
	vertical-align: top;
	background: #E3EFA6;
	border-top: 2px solid #C8DF4E;
	padding-bottom: 10px;
}

.front_body_hi #coSiteNavigation {
	background: #E5E5E5;
	border-top: 2px solid #E5E5E5;
}

/* siteFooter */
#siteFooter {
	font-size: .9em;
	text-align: center;
	vertical-align: bottom;
}

#siteFooter #footerLogos {
	width:100%;
	text-align:center;
}

#siteFooter #footerLogos img {
	border: 0px;
	margin: 10px;
	vertical-align: middle;
}
#siteFooter #footerCredits {
	width:100%;
	text-align:center;
}

/* coArticleSignpost */
#promoPanels {
	width: 197px;
	height: auto;
	margin: 10px 0px;
}

#promoPanels .coArticleSignpostWrap {
	border-top: 1px solid #f90;
	margin-top: 5px;
	padding: 10px;
	background: transparent url(/images/signPost/chev1.gif) no-repeat top right;
	width: 177px;
	float: left;
}

.front_body_hi #promoPanels .coArticleSignpostWrap {
	border-top: 1px solid #666;
	background: transparent url(/images/signPost/hi_chev1.gif) no-repeat top right;
}

#promoPanels .coArticleSignpostWrap .articleLink a {
	width: 42px;
	height: 7px;
	padding-right: 10px;
	margin: 0px;
	text-align: right;
	color: #7C8D22;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(/images/signPost/more3.gif) no-repeat right center;
	width: 75%;
	float: left;
}

.front_body_hi #promoPanels .coArticleSignpostWrap .articleLink a {
	color: #E5E5E5;
	background: transparent url(/images/signPost/hi_more3.gif) no-repeat right center;
}

#promoPanels .coArticleSignpostWrap .articleLink a:hover {
	text-decoration: underline;
}

#promoPanels .coArticleSignpostWrap .heading a {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
	width: auto;
	padding: 0px;
	margin-bottom: 5px;
	float: left;
}

#promoPanels .coArticleSignpostWrap .heading a:hover {
	text-decoration: underline;
}

#promoPanels .coArticleSignpostWrap .articleInner {
	width: 100%;
	float: left;
}

#promoPanels .coArticleSignpostWrap .articleBody {
	width: auto;
	float: left;
}

#promoPanels .coArticleSignpostWrap .articleText {
	width: auto;
	float: left;
}

#promoPanels .coArticleSignpostWrap .summary {
	font-size: 1em;
	line-height: 1em;
	text-decoration: none;
	width: auto;
	float: left;
	padding-bottom: 4px;
}

#promoPanels .coArticleSignpostWrap .articleURL a {
	font-weight: bold;
	text-decoration: none;
	padding: 0px 6px 0px 0px;
	margin: 0px;
	background: transparent url(/images/signPost/chev2.gif) no-repeat center right;
}

#promoPanels .coArticleSignpostWrap .articleURL {
	text-align: right;
	padding-right: 10px;
	width: 100%;
	float: left;
}



#promoPanels .coArticlePollWrap {
	border-top: 1px solid #f90;
	margin-top: 5px;
	padding: 10px;
	width: 177px;
	float: left;
}

.front_body_hi #promoPanels .coArticlePollWrap {
	border-top: 1px solid #666;
}

#promoPanels .coArticlePollWrap .heading {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
	width: auto;
	padding: 0px;
	margin-bottom: 5px;
	float: left;
}

#promoPanels .coArticlePollWrap .row {
	margin-bottom: 5px;
	width: 95%;
	float: left;
}

#promoPanels .coArticlePollWrap .warning,
#promoPanels .coArticlePollWrap .success {
	margin-bottom: 5px;
	width: 95%;
	float: left;
	font-weight: bold;
}

#promoPanels .coArticlePollWrap .submitButton {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95%;
	float: left;
}

#promoPanels .coArticlePollWrap .submitButton input {
	width: 94px;
	height: 11px;
	float: right;
	background: transparent url(/images/coPoll/but_vote_green.gif) no-repeat top left;
}

.front_body_hi #promoPanels .coArticlePollWrap .submitButton input {
	background: transparent url(/images/coPoll/hi_but_vote_black.gif) no-repeat top left;
}

#promoPanels .coArticlePollWrap .backButton {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95%;
	float: left;
}

#promoPanels .coArticlePollWrap .backButton input {
	width: 48px;
	height: 11px;
	float: left;
	background: transparent url(/images/coPoll/but_back_green.gif) no-repeat top left;
}

.front_body_hi #promoPanels .coArticlePollWrap .backButton input {
	background: transparent url(/images/coPoll/hi_but_back_black.gif) no-repeat top left;
}

#rightMain .innerPad {
	padding: 0px 0px 0px 1px;
}

#rightMain .coArticle {
	margin-left: 7px;
	padding-bottom: 5px;
	width: 160px;
	float: left;
}

#coIdentity .heading,
#rightMain .heading {
	color: #fff;
	font-weight: bold;
	text-align: left;
	font-size: 1.05em;
	line-height: 1.05em;
	background-image: none;
	width: 100%;
	float: left;
	margin: 5px 0px;
}

#coIdentity .heading a,
#rightMain .heading a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#coIdentity .heading a:hover,
#rightMain .heading a:hover {
	text-decoration: underline;
}

#rightMain .summary {
	font-size: 1em;
	line-height: 1em;
	text-decoration: none;
	width: 90%;
	float: left;
}

#rightMain .headline {
	color:#666;
	font-weight: normal;
	text-align: left;
	background-image: none;
	width: 100%;
	float: left;
}

.front_body_hi #rightMain .headline {
	color:#FFF;
}

#rightMain .headline a {
	color:#666;
	font-weight: normal;
	text-decoration: none;
}

.front_body_hi #rightMain .headline a {
	color:#FFF;
}

#rightMain .headline a:hover {
	text-decoration: underline;
}

#rightMain h1,
#rightMain h2 {
	color: #fff;
	font-weight: bold;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
}	

#rightMain .articleLink a {
	width: 42px;
	height: 7px;
	padding-right: 10px;
	margin: 5px 0px;
	text-align: right;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(/images/signPost/more2.gif) no-repeat right center;
	width: 90%;
	float: left;
}

.front_body_hi #rightMain .articleLink a {
	background: transparent url(/images/signPost/hi_more2.gif) no-repeat right center;
}

#rightMain .articleLink a:hover {
	text-decoration: underline;
}

#rightMain .date {
	color: #fff;
}

#rightMain .articleInner {
	width: 90%;
	float: left;
}

#rightMain .articleBody {
	width: auto;
	float: left;
}

#rightMain .articleText {
	width: auto;
	float: left;
}

.rightPromo {
	border-bottom: 1px solid #C8DF4E;
    background: transparent url(/images/home/main_bg_right.gif) repeat-y top left; 
	width: 242px;
	float: left;
}


.rightPromo .coArticleSignpostWrap{
	width:160px;
	padding-left:15px;
}

.rightPromo .coArticlePollWrap {
	float: left;
	width: 175px;
	background: #C8DF4E url(/images/home/top_bg_right.gif) repeat-y top left;
}

.rightPromo .coArticlePollWrap .pollArticleInner {
	margin-left: 7px;
	padding-bottom: 5px;
	width: 160px;
	float: left;
}

.rightPromo .coArticlePollWrap .row {
	margin-bottom: 5px;
	width: 95%;
	float: left;
}

.rightPromo .coArticlePollWrap .warning,
.rightPromo .coArticlePollWrap .success {
	margin-bottom: 5px;
	width: 95%;
	float: left;
	font-weight: bold;
}

.rightPromo .coArticlePollWrap .submitButton {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95%;
	float: left;
}

.rightPromo .coArticlePollWrap .submitButton input {
	width: 94px;
	height: 11px;
	float: right;
	background: transparent url(/images/coPoll/but_vote.gif) no-repeat top left;
}

.front_body_hi .rightPromo .coArticlePollWrap .submitButton input {
	background: transparent url(/images/coPoll/hi_but_vote.gif) no-repeat top left;
}

.rightPromo .coArticlePollWrap .backButton {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95%;
	float: left;
}

.rightPromo .coArticlePollWrap .backButton input {
	width: 48px;
	height: 11px;
	float: left;
	background: transparent url(/images/coPoll/but_back.gif) no-repeat top left;
}

.front_body_hi .rightPromo .coArticlePollWrap .backButton input {
	background: transparent url(/images/coPoll/hi_but_back.gif) no-repeat top left;
}


.front_body_hi .rightPromo {
	border-bottom: 1px solid #E5E5E5;
    background: transparent url(/images/home/hi_main_bg_right.gif) repeat-y top left; 
}

.front_body_hi .rightPromo .coArticlePollWrap {
	border-bottom: 1px solid #E5E5E5;
    background: transparent url(/images/home/hi_main_bg_right.gif) repeat-y top left; 
}

.front_body_hi .rightPromo .inner {
	color:#FFF;
}

.front_body_hi .rightPromo .coArticlePollWrap .pollArticleInner {
	color:#FFF; 
}


.rightPromo .rightImage {
	padding-right: 6px;
	width: auto;
	float: right;
}

#siteBody a,
#siteFooter a {
	color:#7C8D22;
	font-weight:bold;
}

.front_body_hi #siteBody a,
.front_body_hi #siteFooter a {
	color: #000;
}

.panel_prop {
    height : 254px;
    float : right;
    width : 1px;
}

.prop_clear {
    clear : both;
    height : 1px;
    overflow : hidden;
}