/*
 
Copyright (c) Enigma Interactive 2005

SOM2
Project:	STYLE SHEET
Filename:	layout_day.css
Description:Unique Styles for day in life pages
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
11	14Nov05		CT			Removed padding from pageText
10	24Oct05		CT			Updated for high contrast
9	12Jul05		CT			Amended select field definition
8	7/7/05		PG			text justify on body text (so looks ok with images)
7	29Jun05		PG			alterations to padding for titles 
6	29Jun05		PG			alterations of title, and date
5	23Jun05		CT			Added classes for online article submissions form
4	16Jun05		PG			made buttons appear at top right
3	14Jun05		PG			added a clear to event boxes
2	14Jun05		PG			altered padding
1	10Jun05		CT			Created
*/
#DayInLifeWrapper {
	margin: 25px;
}

#DayInLifeWrapper .shortLabel{
	padding:0px;
	width:25%;
	float:left;
}

.pageText{
	/* padding-bottom:7px; */
	/* padding:10px 0px 0px 0px; */
}

/*** DAY IN LIFE PAGE COMMON STUFF ***/
#DayInLifeWrapper .backButton,
#DayInLifeWrapper .topButtons,
#DayInLifeWrapper .bottomButtons{
	padding:0px 0px 20px 0px;
}

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

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

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

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

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

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

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

#DayInLifeWrapper .topButtons .topButtonSubmit img {
	width: 173px;
	height: 18px;
	background: transparent url(/res/coArticleDayInLife/images/but_submit_day_article.gif) no-repeat top left;
}

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

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

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

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

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

#DayInLifeWrapper .row .item_details{
	width: auto;
	float:left;
}

/*** DAY IN LIFE LIST PAGE STUFF ***/
#DayInLifeWrapper .sortBoxTitle {
	border-bottom:1px solid #AEC149;
	margin-bottom:13px;
}

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

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

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

#DayInLifeWrapper .sortBox1 { 
	width: 23%; 
}

#DayInLifeWrapper .sortBox2 { 
	width: 24%; 
}

#DayInLifeWrapper .sortBox3 { 
	width: 27%; 
	margin-right:3%;	
}

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

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

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

#DayInLifeWrapper .dayInLifeRangeRow{
	padding-bottom:15px;
}

#DayInLifeWrapper .dayInLifeRangeRow .title{
	padding-right:3px;
}
#DayInLifeWrapper .pageNoRow{
	text-align:center;
	padding-bottom:10px;
}

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

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


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

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

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

/*** DAY IN LIFE SINGLE ARTICLE DISPLAY PAGE ***/
#DayInLifeWrapper .DayInLifeTitle h2 {
	color:#FF9900;
	font-weight:bold;
	font-size:1.2em;
	padding:4px 0px 6px 0px;
	margin:0;
	float:left;
	width:100%;
}

.front_body_hi #DayInLifeWrapper .DayInLifeTitle h2 {
	color:#000;
}

#DayInLifeWrapper .images{
	float:right;
}

#DayInLifeWrapper .ImagesAndDayInLifeBody{
	padding:3px 0px;
	text-align:justify;
}

#DayInLifeWrapper .ImagesAndDayInLifeBody .images{
	padding-left:10px;
}

#DayInLifeWrapper .ImagesAndDayInLifeBody .images img{
	display:block;
	padding-bottom:10px;
}

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

#DayInLifeWrapper .dayInLifeBox{
	padding:5px 0px 10px 0px;
	clear:both;
}

#DayInLifeWrapper .dayInLifeBox .articleMemberType{
	float:right;
}

#DayInLifeWrapper .dayInLifeBox .articleName{
	font-weight: bold;

}

#DayInLifeWrapper .dayInLifeBox .articleName a{
	font-weight: bold
}

#DayInLifeWrapper .dayInLifeBox .articleDate{
	color:#7C8D22;
}

.front_body_hi #DayInLifeWrapper .dayInLifeBox .articleDate {
	color:#000;
}

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

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

/***** Add day in the life page *******/
#DayInLifeWrapper #SubmitArticle .title{
	float:left;
	width:28%;
	padding:3px 10px 0px 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#DayInLifeWrapper #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 #DayInLifeWrapper #SubmitArticle .buttons .reset input{
	background: transparent url(/images/buttons/hi_but_reset_0.gif) no-repeat top left;
}

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

#DayInLifeWrapper #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 #DayInLifeWrapper #SubmitArticle .buttons .submit input{
	background: transparent url(/images/buttons/hi_but_submit_0.gif) no-repeat top left;
}