body 
{
    font-family: Verdana, Arial, Sans-Serif;
    background-color: #FFFFFF;
   	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* #848484 */
/* red 990000 */

input
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

.logo
{
	float:left; 
	padding-bottom: 10px;
}

/* master page styles */
#masterMain
{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#masterHeader
{
	text-align: left;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 0 15px 0 15px;
}

#mainNav
{
	height: 0px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: small;
	color: rgb(100,100,100);
}

#mainNav img
{
	display: inline;
	float: left;
}

#mainNav a
{
	color: rgb(100,100,100);
	text-decoration: none;
}

#mainNav a:hover
{
	text-decoration: underline;
}

#mainNav a:visited {
}

#mainNav ul{
	text-align: right;
	margin: 0 0 0 0;
	padding: 20px 20px 0 0;
}

#mainNav ul li {
	display: inline;
	margin: 0;
	padding : 0 5px 0 5px;
}

#masterContent
{
    font-size: 70%;
    /* max-width: 600px; */
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	/* width: 600px; */
}

/*#masterContent p
{
	padding-top: 13px;
	padding-bottom: 7px;
	line-height: 12pt;
	margin: 0;
	font-size: 1.1em;
}*/

#masterFooter
{
	padding-top: 35px;
	/*background-color: #333333;*/
	text-align: right;
	font-size: 0.6em;
	vertical-align: middle;
	color: rgb(60,60,60);
}

#masterFooter .copyright
{
	float: left;
	padding-left: 61%;
	padding-top: 5px;
}

#masterFooter img
{
	/*padding-left: 61%;*/
	/*float: right;*/
}


/* elements within the wizard header */
#wizardHeader
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#wizardHeader .headerText
{
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}

#wizardHeader .stepText
{
	font-size: 12pt;
}

#wizardHeader .noteText
{
	font-size: 9pt;
	font-style: italic;
	float: left;
}

#wizardHeader p
{
	margin: 0;
	margin-bottom: 5px;
}


/* used on upper container in a wizard page */
.wizardPage
{
	vertical-align: top;
}

/* groupSection groups together field sections */

.groupSection
{
	margin-top: 25px;
}

.groupSection .header
{
	margin-bottom: 20px;
}

.groupSection .content
{
}

.groupSection p
{
	line-height: normal;
	margin: 0;
	margin-top: 7px;
	margin-bottom: 7px;
}

.groupSection ul
{
	margin-left: 30px;
}

.groupSection li
{
	margin-top: 5px;
}

/* use within a group section to apply labelling styles */

.groupSection .headerLabel
{
	font-weight: bolder;
	font-size: larger;
	color: rgb(0,0,94);
}

.groupSection .noteLabel
{
	font-style: italic;
}

.groupSection .emphasisLabel
{
	font-weight: bold;
}

.groupSection .fieldSection
{
	margin: 0;
	margin-top: 7px;
	margin-bottom: 7px;
	min-height: 1.2em;
	height: 1.2em;
	width: 100%;
	/*border: solid 1px black;*/
}

/* for non-ie only.  ie doesn't understand min-height.
 * so have to specify a specifc height instead. */
html>body .groupSection .fieldSection
{
	height: auto;
}

/* for non-ie only.  floats have issues re-sizing height
 * of container div.  need to add a clear: both after to
 * ensure that this is properly resized */
html>body .groupSection .fieldSection:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* use in an individual field section within a group */

.groupSection .fieldHeader
{
	float: left;
	width: 150px;
	vertical-align: top;
	padding-top: 2px;
	/*border: solid 1px black;*/
}

.groupSection .fieldContent
{
	/*float: left;*/
	/*border: solid 1px black;*/
}

.groupSection .fieldText
{
	/*float: left;*/
	padding-top: 2px;
	height: auto;
	/*border: solid 1px black;*/
}

.groupSection .input
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	background-color: White;
	border-color: rgb(95,95,95);
}

.groupSection .inputLabel
{
	width: 120px;
	vertical-align: top;
	padding-top: 2px;
	float: left;
}

.groupSection .subLabel
{
	/*display:inline-block;*/
	width: 120px;
	vertical-align: top;
	padding-top: 2px;
}

.groupSection .summaryLabel
{
	display:inline-block;
	width: 150px;
	vertical-align: top;
}

/* section containg error messages */
.wizardPage .errorSection
{
	margin-top: 25px;
}

.wizardPage .errorMessage
{
	font-weight: bolder;
	color: Red;
}

/* navigation area containing next, previous, cancel buttons */
.buttonNavigation
{
	margin-top: 25px;
	margin-bottom: 10px;
}

.buttonNavigation .rightSection
{
	float: right; 
	margin-right: 5px;
}

.buttonNavigation .leftSection
{
	float: left;
	margin-left: 5px;
}

.buttonNavigation .centerSection
{
	float: none; 
	text-align: center;
}


div.horRule 
{
    color: Gray;
    background-color: Gray;
    height: 1px;
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}

div.horRule hr {
    display: none;
}

div.title
{
    font-family: Arial, Sans-Serif;
    font-size: 180%;
    text-align: center;
    /*padding-left: 100px;*/
}

div.stepTitle
{
	font-size: 1.3em;
	/*padding-left:20px;*/
	text-align: center;
}

.input
{    
    background-color: #EBE9E9;
    border: solid 1px;
    border-bottom-color: #000363;   
    border-left-color: #000696;
    border-right-color: #000363;
    border-top-color: #000696;
    color: Black;
    font-family: Verdana, Arial, Sans-Serif;
}

.smallSectionHeader
{
    background-color: Gray;
    color: White;
    font-weight: bold;
}

.requiredField
{
    color: Blue;
    font-weight: bold;
}

.statusOk
{
    color: Green;
}

.statusError
{
    color: Red;
}

.editControl
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

.fadedText
{
    color: Gray;
}

.summaryHeaderLabel
{
	font-size: larger;
	padding-top: 30px;
	padding-bottom: 10px;
	vertical-align: bottom;
	font-weight: bold;
}

.summaryHeaderSubLabel
{
	font-size: larger;
	padding-top: 10px;
	padding-bottom: 5px;
	vertical-align: bottom;
	font-weight: bold;	
}

.title
{
    font-family: Arial, Sans-Serif;
    font-size: 200%;    
}

.warningFlag
{
    color: Red;
    font-weight: bold;
}