/* 
Copyright (c) Enigma Interactive 2008

SOM3
Filename:		coSiteNews.css
Description:	Site Map layout
     
History
ver date  			who     		comment
-----------------------------------------------------------------------------
1	unknown
*/

/*=============NEWS PANEL===================*/

#leftPanelContainer{
	float:left;
	clear: none;
	margin: 0 0 10;
	margin-left: 5px;
	overflow: hidden;
	width: 207px;
}

#leftPanelHeader{
	margin: 0px;
	height: 38px;
	font-size: 0;
}

#leftPanelMain{
	height: 505px;
	width: 207px;
	background-image: url('/res/coSiteNews/leftPanel/background.gif');
	background-repeat: repeat-y;
	margin: 0px;
}

#leftPanelContainer #leftPanelFooter{
	clear: both;
	float:left;
	height: 12px;
	margin-top: -1px;
}


/*=========NEWS PANEL ARTICLE===========*/

#articleInnerPanel{
	width: 205px;
	height: 503px;
	overflow-y: auto;
	overflow-x: hidden;
	color: #5e6b6e;
}

.articleContainer{
	margin: 15px 3px 0 5px;
	padding: 2px;
	overflow: hidden;
	float: none;
	clear: both;
	z-index: 2;
}

#signpost .articleContainer {
	margin: 5px 0;
}

#articleInnerPanel #selected{
	background: #afca89 url('/res/coSiteNews/leftPanel/selectedBg.png') repeat-x;
	height: auto;
}

#articleInnerPanel #selected p,
#articleInnerPanel #selected {
	color: white !important;
}

.articleContainer .articleHeader,
.articleContainer .articleSummary
{
	margin: 0 4px;
}

.articleContainer .articleHeader p,
.articleContainer .articleSummary p {
	margin: 5px 0;
}

#signpost .articleContainer .articleHeader p {
	margin: 0;
}

.articleContainer .articleHeader {
	color: #606060;
}

.articleContainer .articleImage{
	height: 60px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin-left: 6px;
}

.articleContainer .articleBody{
	height: auto;
	width: 200px;
	float: left;
	
}

/*=================ARCHIVE BUTTON====================*/

#archiveButtonContainer{
	clear:both;
	float: left;
	margin: 10px 0px 0px 0px;
}

/*=================LATEST BUTTON====================*/

#latestButtonContainer{
	clear:both;
	float: none;
	margin: 0px 0px 10px 0px;
}

/*=================ARTILCE BODY====================*/

#articleBodyContainer{
	float: right;
	clear: none;
	width: 640px;
	height: auto;
	overflow: hidden;
	margin: 0 20px 0 0 !important;
	margin-right: 10px;
	color: #5e6b6e;
	text-align: justify;
}

#articleBodyContainer h2,
#articleBodyContainer p{
	color: #5e6b6e;
}

/*=================Extra Media====================*/
	.media_divide{
		clear:both; 
		width: inherit; 
		margin: 15px 0px 15px 0px;
		color:#9999CC;
		background-color:#9999CC;
		height:1px;
	}

	.media_section{
		clear: left; 
		float:left;
		width:650px;
	}
	
	.coArticle_mediaTitle{
	margin-bottom:15px;
	 }

/*===================SIGNPOST=========================*/


	
.outerTop{
		background-image: url('/res/newsSignpost/outerPanelTop.png'); 
		height: 39px; 
		width: 370px;
		margin: 0px;
		font-size: 0;
	}

	
.outerBg{
		width: 368px; 		
		background-image: url('/res/newsSignpost/outterBg.png'); 
		background-repeat:repeat-x; 
		height: auto;
		border-left: 1px solid white; 
		border-right: 1px solid white; 
		background-color: #d1ddb3;
		padding: 5px 0 0;
	}
	
.outerBottom{
		background-image: url('/res/newsSignpost/outerPanelBottom.png'); 
		height: 11px; 
		width: 368px;
		font-size: 0;
	}
	
.innerTop{
		margin: 0 0 0 7px !important;
		margin-left: 6px; 
		background-image: url('/res/newsSignpost/innerTop.png'); 
		height: 9px; 
		width: 354px;
		font-size: 0;
		float: none;
		clear: both;
	}
	
.innerBg{
		margin: 0 0 0 7px !important;
		margin-left: 6px; 
		float: none;
		clear: both; 
		background-color: white;
		border-left: 1px solid #7eaa16; 
		border-right: 1px solid #7eaa16;  
		width: 352px;
		overflow: hidden;
	}
		
.innerBg .optionsContainer{
	height: auto;
	overflow: hidden;
	padding: 0;
}
			
.innerBottom{
		margin-left: 7px !important; 
		margin-left: 6px;
		background-image: url('/res/newsSignpost/innerBottom.png');
		font-size: 0; 
		height: 9px; 
		width: 354px;
		float: none; 
		clear: both;
	}
	
.moreButton{
	background-image: url('/res/coSiteTool/sprite.png');
	background-position: -28px -266px ;
	float: right;
	width: 64px;
	height: 21px;
	margin: 2px 5px 0 0;
}

.moreButton a{
	display: block;
	height: 21px;
	width: 64px;
}

.articleLink {
	background-image: url('/res/coSiteTool/sprite.png');
	background-position: -28px -266px ;
	width: 64px;
	height: 21px;
	margin: 10px 0 0;
}

.articleLink a{
	display: block;
	height: 21px;
	width: 64px;
}

.downloads a{
	color:#36558C;
}

.downloads a:hover{
	text-decoration: underline;
}