/*
 
Copyright (c) Enigma Interactive 2005

SOM2
Project:	STYLE SHEET
Filename:	layout_news.css
Description:Unique Styles for news pages
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
13	14Nov05		CT			Removed padding from pageText
12	01Nov05		CT			Added high contrast stuff
11	12Jul05		CT			Amended select field definition
10	7/7/05		PG			text justify on body text (so looks ok with images)
9	29Jun05		PG			alterations to padding for titles 
8	29Jun05		PG			alterations of title, and date
7	27Jun05		CT			Added widths to pageNoRow classes
6	23Jun05		CT			Added classes for online article submissions form
5	14Jun05		PG			added a clear to event boxes
4	14Jun05		PG			altered padding
6	06Jun05		CT			Amended news titles to h2 for accessibility reasons
2	06Jun05		CT			Minor adjustments to class names
1	06Jun05		CT			Created
*/
#NewsWrapper {
	margin: 25px;
}

#NewsWrapper .shortLabel,
#NewsWrapper .titlerow .shortLabel{
	padding:0px;
	width:25%;
	float:left;
}

#NewsWrapper .titlerow{
	float: left;
	width: 100%;
	margin-bottom:10px;
}

.pageText{
	/* margin-bottom:10px; */
}


/*** NEWS PAGE COMMON STUFF ***/
#NewsWrapper .backButton,
#NewsWrapper .topButtons,
#NewsWrapper .bottomButtons{
	padding:0px 0px 20px 0px;
}

#NewsWrapper .topButtons .topButtonCurrent {
	float: left;
	width: auto;
	margin-right: 10px;
}

#NewsWrapper .topButtons .topButtonCurrent img {
	width: 89px;
	height: 18px;
	background: transparent url(/res/coArticleNews/images/but_view_current.gif) no-repeat top left;
}

.front_body_hi #NewsWrapper .topButtons .topButtonCurrent img {
	background: transparent url(/res/coArticleNews/images/hi_but_view_current.gif) no-repeat top left;
}

#NewsWrapper .topButtons .topButtonArchive {
	float: left;
	width: auto;
	margin-right: 10px;
}

#NewsWrapper .topButtons .topButtonArchive img {
	width: 89px;
	height: 18px;
	background: transparent url(/res/coArticleNews/images/but_view_archive.gif) no-repeat top left;
}

.front_body_hi #NewsWrapper .topButtons .topButtonArchive img {
	background: transparent url(/res/coArticleNews/images/hi_but_view_archive.gif) no-repeat top left;
}

#NewsWrapper .topButtons .topButtonSubmit {
	float: left;
	width: auto;
}

#NewsWrapper .topButtons .topButtonSubmit img {
	width: 106px;
	height: 18px;
	background: transparent url(/res/coArticleNews/images/but_submit_an_article.gif) no-repeat top left;
}

.front_body_hi #NewsWrapper .topButtons .topButtonSubmit img {
	background: transparent url(/res/coArticleNews/images/hi_but_submit_an_article.gif) no-repeat top left;
}

#NewsWrapper .topButtons .topButtonMain {
	float: left;
	width: auto;
}

#NewsWrapper .topButtons .topButtonMain img {
	width: 122px;
	height: 18px;
	background: transparent url(/res/coArticleNews/images/but_back_to_main_listing.gif) no-repeat top left;	
}

.front_body_hi #NewsWrapper .topButtons .topButtonMain img {
	background: transparent url(/res/coArticleNews/images/hi_but_back_to_main_listing.gif) no-repeat top left;
}

#NewsWrapper .row,
#NewsWrapper .titlerow{
	clear:both;
	width:100%;
	float: left;
	padding:2px 0px;
}

/*** NEWS LIST PAGE STUFF ***/
#NewsWrapper .sortBoxTitle {
	border-bottom:1px solid #AEC149;
	margin-bottom:13px;
}

.front_body_hi #NewsWrapper .sortBoxTitle {
	border-bottom:1px solid #000;
}

#NewsWrapper .sortBoxTitle .title{
	padding-bottom:3px;
}

#NewsWrapper .sortBox1,
#NewsWrapper .sortBox2,
#NewsWrapper .sortBox3{
	margin-right:10px;	
	float:left;
}

#NewsWrapper .sortBox1{ width: 23%; }
#NewsWrapper .sortBox2{ width: 24%; }
#NewsWrapper .sortBox3{ 
	width: 27%; 
	margin-right:3%;	
}

#NewsWrapper .sortRow{
	padding-bottom:25px;
}

#NewsWrapper .sortRow input {
	width: 42px;
	height: 18px;
	background: transparent url(/res/coArticleNews/images/but_go.gif) no-repeat top left;
}

.front_body_hi #NewsWrapper .sortRow input {
	background: transparent url(/res/coArticleNews/images/hi_but_go.gif) no-repeat top left;
}

#NewsWrapper .newsRangeRow{
	padding-bottom:15px;
}

#NewsWrapper .newsRangeRow .title{
	display:inline;
	padding-right:3px;
}

#NewsWrapper .pageNoRow{
	text-align:center;
	padding-bottom:10px;
}

#NewsWrapper .pageNoRow a{
	/* text-decoration:none; */
}

#NewsWrapper .pageNoRow .currentPage{
	color:#FF9900;
	display:inline;
	width: 4%;
}

.front_body_hi #NewsWrapper .pageNoRow .currentPage {
	color:#666;
}

#NewsWrapper .pageNoRow .pageSeparator{
	border-right:1px solid #666;
	display:inline;
	margin-right:5px;
	padding-right:3px;
	width: 4%;
}

#NewsWrapper .messageBox{
	font-weight:bold;
	padding-bottom:40px;
}

/*** NEWS SINGLE ARTICLE DISPLAY PAGE ***/
#NewsWrapper .NewsTitle h2 {
	color:#FF9900;
	font-weight:bold;
	font-size:1.2em;
	padding:0px 0px;
	margin:0px 0px;
	float:left;
	width:auto;
}

.front_body_hi #NewsWrapper .NewsTitle h2 {
	color:#000;
}

#NewsWrapper .images{
	float:right;
}

#NewsWrapper .NewsBody{
	
}

#NewsWrapper .ImagesAndNewsBody{
	padding:5px 0px;
	text-align:justify;
}

#NewsWrapper .ImagesAndNewsBody .images{
	padding-left:10px;
}

#NewsWrapper .ImagesAndNewsBody .images img{
	display:block;
	padding-bottom:10px;
}

#NewsWrapper .downloadsLinksContacts{
	padding-top:10px;
}

#NewsWrapper .newsBox{
	padding:5px 0px 10px 0px;
	clear:both;
}

#NewsWrapper .newsBox .articleMemberType{
	float:right;
}

#NewsWrapper .newsBox .articleName{
	font-weight: bold;
}

#NewsWrapper .newsBox .articleName a{
	font-weight: bold
}

#NewsWrapper .newsBox .articleDate{
	color:#7C8D22;
}

.front_body_hi #NewsWrapper .newsBox .articleDate {
	color:#000;
}

#NewsWrapper .newsBox .articleBody{
	/* display:block; */
	clear:both;
	padding-top:7px;
}

#NewsWrapper .infoTitle{
	width:100%;
	float: left;
}

/***** Add a news article page *******/
#NewsWrapper #SubmitArticle .title{
	float:left;
	width:28%;
	padding:3px 10px 0px 0px;
}

#NewsWrapper #SubmitArticle .row{
	padding:5px 0px;
	width: 100%;
	float: left;
	clear:both;
}

#NewsWrapper #SubmitArticle h2 {
	padding:0px 0px 0px 0px;
	margin:0;
}

#NewsWrapper #SubmitArticle h5 {
	padding:5px 0px 3px 0px;
	font: bold 1.1em verdana,arial,sans-serif;
	margin:0;
	text-transform:lowercase;
}

#NewsWrapper #SubmitArticle .infoTitle {
	padding:10px 0px 4px 0px;
	margin:0;
}

#NewsWrapper #SubmitArticle .rule {
	padding:10px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	float: left;
	width: 100%;
}

#NewsWrapper #SubmitArticle .row input,
#NewsWrapper #SubmitArticle .row textarea {
	width:48%;
	float: left;
}

#NewsWrapper #SubmitArticle .row select {
	width:48%;
	float: left;
}

#NewsWrapper #SubmitArticle #Downloads .title,
#NewsWrapper #SubmitArticle #Images .title{
	width:auto;
	float: left;
}

#NewsWrapper #SubmitArticle #ImagesDownloads,
#NewsWrapper #SubmitArticle #LinksContacts{
	width:100%;
	float: left;
}

#NewsWrapper #SubmitArticle #ImagesDownloads .title{
	width:28%;
	float: left;
	padding-left:10px;
}

#NewsWrapper #SubmitArticle #ImagesDownloads .row input,
#NewsWrapper #SubmitArticle #ImagesDownloads .row textarea,
#NewsWrapper #SubmitArticle #ImagesDownloads .row select{
	width:48%;
	float: left;
}

#NewsWrapper #SubmitArticle #LinksContacts .row{
	padding-top:10px
}

#NewsWrapper #SubmitArticle #LinksContacts{
	padding:0px 0px 10px 0px;
}

#NewsWrapper #SubmitArticle .buttons{
	width: 100%;
	float: left;
	text-align: center;
}

#NewsWrapper #SubmitArticle .buttons .reset {
	width: 45%;
	float: left;
}

#NewsWrapper #SubmitArticle .buttons .reset input{
	width: 44px;
	height: 18px;
	margin: 20px;
	float: right;
	background: transparent url(/images/buttons/but_reset_0.gif) no-repeat top left;
}

.front_body_hi #NewsWrapper #SubmitArticle .buttons .reset input{
	background: transparent url(/images/buttons/hi_but_reset_0.gif) no-repeat top left;
}

#NewsWrapper #SubmitArticle .buttons .submit {
	width: 45%;
	float: right;
}

#NewsWrapper #SubmitArticle .buttons .submit input{
	width: 62px;
	height: 18px;
	margin: 20px;
	float: left;
	background: transparent url(/images/buttons/but_submit_0.gif) no-repeat top left;
}

.front_body_hi #NewsWrapper #SubmitArticle .buttons .submit input{
	background: transparent url(/images/buttons/hi_but_submit_0.gif) no-repeat top left;
}