/*
 
Copyright (c) Enigma Interactive 2005

SOM2
Project:		NOE
Filename:		coArticle.css
Description:	Layout of the article pages
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
6	7/11/05		MS			Modified Event css so layout is neater
5	2/11/05		PG			modified case studies css
4	01Nov05		JF			modified : #ArticlePolicyWrapper .row p
3	23/9/05		PG			Readded styles for newsletter
2	15/9/05		PG			New css for newsletter
1	9June05		PG			Created

*/


/****** Article Policy ******/
#ArticlePolicyWrapper{margin-top:10px;}

#ArticlePolicyWrapper h3{
	margin:0px 0px 3px 0px;
	padding:0;
}
#ArticlePolicyWrapper .row{
	position:relative;
	height:17px;
}
#ArticlePolicyWrapper .row h3{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
}
#ArticlePolicyWrapper .row p{
	position:absolute;
	top:0px;
	left:100px;
	margin:0;
	padding:0;
}
#ArticlePolicyWrapper .area{padding:10px 0px;}

#ArticlePolicyWrapper .area p{}

/****** CASE STUDIES ******/
#CaseStudies{
	padding:10px 0px 30px 0px;
	position:relative;
}

#CaseStudies .caseText{
	padding-top:3px;
}
#CaseStudies h3{
	padding:0;
	margin:0;
}
#CaseStudies .caseStudiesTitleArea{
	overflow:hidden;
	padding:10px 0px;
	border-top:1px solid #D2D4F4;
	position:relative;
	width:100%;
}


#CaseStudies .caseStudiesTitleArea .sideImage,
#CaseStudies .caseStudiesTitleArea .sideImagePlaceHolder{
	float:left;
	width:90px;
}

#CaseStudies .caseStudiesTitleArea .sideImage img{
    width:70px; 
}


#CaseStudies .caseStudiesTitleArea .linkToCase{
	padding:10px 0px;
}
	
#CaseStudies .caseStudiesTitleArea .caseDetails{
	float:left;
	position:relative;
	width:265px;
}
/****** Article Wide *******/
.articleTitle{
	padding:7px 0px;
	border-top:1px solid #D2D4F4; 
	overflow:hidden;
	clear:both;
	width:360px;
}
.articleTitleTitle{
	position:relative;
	float:left;
	width:290px;
}
.articleTitleDate{
	padding:2px 0px 0px 0px;
	position:relative;
	float:left;
	width:70px;
}
/****** News ******/
#NewsWrapper,
#EventsWrapper{
	padding-top:10px;
}
#NewsWrapper h3,
#EventsWrapper h3{
	padding:0;
	margin:0;
	text-transform:capitalize;
}
/* Title Page */
#NewsWrapper .articleTitle{

}
#NewsWrapper .articleTitle .newsItemTitleRow{
	padding-left : 70px;
	clear:both;
}

/* Body Page */
#NewsWrapper .newsItemBody{
	padding-bottom:10px;
}
#NewsWrapper .newsItemBody .newsItemBodyRow,
#NewsWrapper .newsItemBody .articleTitleSummary{
	padding:7px 0px;
}

#NewsWrapper .newsItemBody .newsItemBodyRow p,
#EventsWrapper .eventItemBodyRow p{
	margin-top:0px;
	text-align:justify;
}

/* #NewsWrapper .newsItemBody .newsItemBodyRow .newsArticleImages, */
#NewsWrapper .newsItemBody .newsItemBodyRow .newsArticleImages,
#EventsWrapper .eventItemBodyRow .images{
	float:right;
	clear:right; 
	position:relative;
	display:block;
	margin-left:15px;
}
#NewsWrapper .newsItemBody .newsItemBodyRow .newsArticleImages img,
#EventsWrapper .eventItemBodyRow .images img{
	padding-bottom:10px;
	display:block;
}

#NewsWrapper .newsItemBody .newsItemBodyRow .paragraphStart,
#EventsWrapper .eventItemBodyRow .paragraphStart{
	float:left;
	margin-right:15px;
	clear:left;
	margin-left:0px;
}

#NewsWrapper .newsItemBody .articleTitleSummary{
	font-weight:bold;
	font-size:1.1em;
}
#NewsWrapper .newsItemBody .articleTitleSummary em{
	font-weight:normal;
}


/***** Events ******/
#EventsWrapper{
	padding-top:10px;
}
#EventsWrapper .eventItemTitleRow{
	width: 450px;
	float: right;
	padding-top: 5px;
}
#EventsWrapper .eventItemSummaryRow{
	padding:20px 0px;
	clear:both;
	font-weight:bold;
	font-size:1.1em;
}
#EventsWrapper .eventItemSummaryRow em{
	font-weight:normal;
}


/***** Events body page *******/
#EventsWrapper .details{
	overflow:hidden;
	width:500px;
	padding-bottom:20px;
	position:relative;
}
#EventsWrapper .eventSurggestedAudience{
	position:relative;
	float:left;
	width:290px;
}

#EventsWrapper .details .leftTitle{
	float:left;
	width:160px;
	font-weight:bold;
	position:relative;
	padding:2px 0px;
	clear:left: 
}
#EventsWrapper .details .rightTitle{
 	float:left;
	width:340px;
	position:relative;
	padding:2px 0px;
	clear:right;
}

#EventsWrapper .details h3{
	clear:both;
	padding:10px 0px;
	font-size:1.3em;
}

#EventsWrapper .eventItemTitleRow .images{
	float:right;
	display:inline;
	padding:0px 5px 0px 5px;
	text-align:right;
	clear:both;
}
#EventsWrapper .eventItemTitleRow .images img{
	padding:0px 0px 5px 0px;
	display:block;
	clear:both;
}

#EventsWrapper .row{
	overflow:hidden;
	display:block;
	
}

#coArticleEvent{
	padding-top:10px;
	padding-bottom:30px;
}

#coArticleEvent .row{
	padding:5px 0px;
	display:block;
	overflow:hidden;
	position:relative;
	clear:both;
}
#coArticleEvent .title{
	font-weight:bold;
	position:relative;

}
#coArticleEvent .inputBox{
	width:300px;
	float:left;
	position:relative;
}
#coArticleEvent .textBox{
	width:300px;
	float:left;
}
#coArticleEvent .mand{
	color:#0D115F;
	padding-left:5px;
	padding-top:5px;
	display:inline;	
	float:left;
	position:relative;	
}

#NewsLetterHeader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 127px;
}

#NewsLetterHeader .left {
	position: absolute;
	width: 50%;
	left: 0px;
	top: 0px;
	height: 127px;
	background: #fff url(/images/article/Newsletter/top_left_repeat.gif) repeat-x;
}

#NewsLetterHeader .right {
	position: absolute;
	width: 50%;
	right: 0px;
	top: 0px;
	height: 127px;
	background: #fff url(/images/article/Newsletter/top_right_repeat.gif) repeat-x;
}

#NewsLetterFooterHolder{
	position: relative;
}

#NewsLetterFooter {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 41px;
}

#NewsLetterFooter .left {
	position: absolute;
	width: 50%;
	left: 0px;
	top: 0px;
	height: 41px;
	background: #fff url(/images/article/Newsletter/bottom_left_repeat.gif) repeat-x;
}

#NewsLetterFooter .right {
	position: absolute;
	width: 50%;
	right: 0px;
	top: 0px;
	height: 41px;
	background: #fff url(/images/article/Newsletter/bottom_right_repeat.gif) repeat-x;
}

#NewsLetterFooterCenterConstrain{
	position: relative;
	width: 639px;
	margin: auto;
	text-align: left;
}
#NewsLetterFooterCenter {
	position: relative;	
}

#NewsLetterFooterImage {
	position: relative;
	height: 41px;
	width: 100%;
	padding: 0;
	overflow: hidden;
	background: transparent url(/images/article/Newsletter/bottom.gif) repeat-x;
}

#NewsLetterHolder {
	position: relative;
	width: 639px;
	margin: auto;
	text-align: left;
}

#NewsLetterHeaderCenter {
	position: relative;
	height: 127px;
	width: 100%;
	padding: 0;
	overflow: hidden;
	background: transparent url(/images/article/Newsletter/top.gif) repeat-x;
}
#NewsLetterImages{
	position:relative;
	width:167px;
	/* border:1px solid red; */
	display:block;
	float:left;
	padding:10px 0px;
}
#NewsLetterContent h3{
	position:relative;
	left:167px;
	padding:10px 0px;
}
#NewsLetterText{
	position:relative;
	width:468px;
	float:left;
	padding:0px 0px 20px 0px;
}
#NewsLetterContent{
	position:relative;
	overflow:hidden;	
}

#coNewsletterWrapper .row{
	overflow:hidden;
	position:relative;
	padding:10px 0px;
}
#coNewsletterWrapper .title{
	width:120px;
	position:relative;
	float:left;
}

#Newsletter .row{
	padding:5px 0px;
}