/**********************************************************
Name:			contentpage.css
Description:	CSS definitions for all content pages.
				Some pages may have additional / section specific elements which will be define in a separate file.
				See XSL file where the required styles and scripts are included based on the style of the page.
Date:			04/10/2007
Author:			Andrei Vais
**********************************************************/

/*	Start basicpageContent Style rules	*/
/*	Main page copy area	*/
#basicpageContent
{
	clear: both;
	float: left;
	font-size: 85%;
	margin: 0 0 0 3.5%;
	padding: 0 0 0 0;
	display: inline;
	width: 64%;
}

#basicpageContent .leftChronologicalDates, #basicpageContent .rightChronologicalDates
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 49.8%;
}

#basicpageContent ul.nisaChronology
{
	background: #FFFFFF url('../images/history_images/history_horizontalLineLeft.gif') center right no-repeat;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	width: 100%;
}

#basicpageContent .rightChronologicalDates ul.nisaChronology
{
	background: #FFFFFF url('../images/history_images/history_horizontalLineRight.gif') center left no-repeat;
}

#basicpageContent ul.openHistory
{
	background: #FFFFFF url('../images/history_images/history_horizontalLineOpen.gif') center right no-repeat;
}

#basicpageContent ul.closeHistory
{
	background: #FFFFFF url('../images/history_images/history_horizontalLineClose.gif') center right no-repeat;
}

#basicpageContent ul.nisaChronology li
{
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	width: 89%;
}

#basicpageContent .rightChronologicalDates ul.nisaChronology li
{
	margin-left: 11%;
}

#basicpageContent ul.nisaChronology li.Date
{
	color: #21467B;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 110%;
	font-weight: bold; 
	width: 100%;
}

#basicpageContent .leftChronologicalDates ul.nisaChronology li img
{
	float: right;
	margin: 0 0 10px 15px;
	padding: 0 0 0 0;
	display: inline;
}

#basicpageContent .rightChronologicalDates ul.nisaChronology li img
{
	float: right;
	margin: 0 0 10px 15px;
	padding: 0 0 0 0;
	display: inline;
}
/*	End of main page copy area	*/

#contactdetails, #MyCompetitionQuestion
{
	clear: left;
	float: left;
	margin-right: 2%;
	display: inline;
	width: 38%;
}

#contactdetails p, #MyCompetitionQuestion p
{
	line-height: 130%;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

#contactdetails .contacttype
{
	float: left;
	font-weight: bold;
	margin-right: 10px;
	display: inline;
	text-align: right;
	width: 70px;
}

#contactdetails .address
{
	text-align: left;
	width: 100%;
}

#allPageContent #CustomerServices, #allPageContent .nisaCompetition
{
	clear: none;
	float: left;
	width: 52%;
}

#allPageContent #CustomerServices input.button, #allPageContent .nisaCompetition input.button
{
	margin-left: 40%;
	width: 52px;
}

/*	End basicpageContent Style rules	*/

#basicpageContent .nisaCompetitionOuter
{
	border: 1px solid #AAB4BF;
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	padding: 3px 3px 3px 3px;
	width: 100%;
}

#basicpageContent .nisaCompetitionInner
{
	background-color: #E5E5E5;
	clear: both;
	float: left;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	width: 96.4%;
}

#basicpageContent .nisaCompetitionInner p
{
	line-height: 160%;
	margin: 0 0 10px 0;
}

#basicpageContent .nisaCompetitionInner p a
{
	background-color:#FFC600;
	color: #003875;
	font-weight: bold;
	float: right;
	margin: 0 0 0 0;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
}


/* Nisa MAD Specific Styles */

p.step
{
	border-top: 2px solid #2AB455;
	border-bottom: 2px solid #2AB455;
	background-color: #000000;
	color: #FFFFFF;
	padding: 4px 10px 4px 10px;
}

p.step strong
{
	color: #2AB455;
}

#MadTransactions
{
	border-collapse: collapse;
	float: left;
	margin: 15px 0;
	padding: 0 0 0 0;
	width: 100%;
}

#MadTransactions th, #MadTransactions td
{
	border: 1px solid #000000;
	font-size: 85%;
	padding: 4px 2px;
	text-align: left;
}

#MadTransactions thead th, #MadTransactions thead td
{
	background: #2AB255;
	color: #FFFFFF;
}

#MadTransactions thead th.dateheader
{
	width: 75px;
}

#MadTransactions .altdatarow th, #MadTransactions .altdatarow td
{
	background: #EAEAEA;
}

#MadTransactions #Balance th, #MadTransactions #Balance td
{
	background: #CDCDCD;
	color: #000000;
}

#MadTransactions .Date
{
	border-left-width: 0;
	width: 20%;
}

#MadTransactions .Information
{
	width: 40%;
}

#MadTransactions .Contributions, #MadTransactions .Donations, #MadTransactions .Balance
{
	text-align: right;
	width: 20%;
}

#MadTransactions th.Contributions, #MadTransactions th.Donations
{
	text-align: center;
}

#TransactionsPages
{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#TransactionsPages li
{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: auto;
}

#innerPageContainerContent ol
{
	float: left;
}

#innerPageContainerContent .notes
{
	float: left;
	font-size: 85%;
	margin: 20px 0 5px 0;
	width: 100%;
}

#innerPageContainerContent .notes h3
{
	margin-bottom: 5px;
}