/*
	The class Selector (.)
		To select elements with a specific class, write a
		period (.) character, followed by the name of the class.
*/

/*
	The id Selector (#)
		To select an element with a specific id, write a
		hash (#) character, followed by the id of the element.
		All of the id's should be unique in a DOM document
*/




/*                   */
/*   Header styles   */
/*                   */

.mdrHeader
		{
		   text-align:center;
		}

hr.mdrHeader
	{
		height:3px;

		border-top-style: solid;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;

		margin-left: auto; 
		margin-right: auto; 

		width: 75%;
 
	}

.mdrHeaderImage
	{
		max-width: 100%;
		height: auto;
		border: 0; 
	}



/*                   */
/*   Footer styles   */
/*                   */

.mdrPageCounter
	{
		font-size: small;
		font-style: normal;
		text-align: left;
		white-space: nowrap;

		float: left;
		}


.mdrUpdate
	{
		font-size: small;
		font-style: normal;
		text-align: right;
		white-space:nowrap;

		float: right;
	}

.mdrUpdateDate
	{
		font-size: small;
		font-style: italic;
	}

.mdrFooterNowrap
	{
		white-space:nowrap;
	}
	

#mdrPreFooter
	{
	}
	
#mdrFooter
	{
		font-size: small;
		text-align: center;
	}
	
#mdrSubFooter
	{
	}