/*
	USAGE REPORTING:

	files using "style2" as other than bold:
		emailNotVerified.cfm
		editAccount.cfm
		editUserInfo.cfm
	.header used only in
		LoginStart1.cfm
		LoginSuccess.cfm	
*/


/*
------------------------------------
	TYPE SELECTORS
------------------------------------
*/
a:link {
	color: #0000FF;
	text-decoration: none;
	}
a:visited {
	color: #0000FF;
	text-decoration: none;
	}
a:hover {
	color: #FF0000;
	text-decoration: underline;
	}
a:active {
	color: #0000FF;
	text-decoration: none;
	}
h1 {
	font-size: 200%; 
	text-transform: lowercase; 
	letter-spacing: 3px;
	margin: 0 33% 0 16%; 
	padding: 0.66em 0 0.33em 0;
	}
h3 {
	font-size: 133%; 
	margin: 0; padding: 0; 
   }
h4 {
	font-size: 100%; 
	margin: 0; 
	padding: 0.33em 0 0;
	border-bottom: 1px solid rgb(50%,50%,33%); 
	color: rgb(50%,50%,35%);
	}
h1 {
	line-height: 1em; 
	font-size: 100%; 
	margin: 0; 
	padding: 0.33em 0 0;
	}
html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: .8em;
	}

/*
------------------------------------
	CUSTOM CLASSES
------------------------------------
*/
.accountAspect {
	font-weight: bold;
	margin-right: 1em;
	margin-top: 1em;	
	text-decoration: underline;
	line-height: 2.2em;
	}
.accountHeading {
	font-size: 1em;
 	font-weight: bold;
	margin: 0 0 1em 0;
	padding: .5em;
	border-bottom: 1px solid #990000;
	}
.accountHeading .graphic {
	}
.accountHeading .instructions {
	margin-left: 3em;
	}
.accountHeading .currentTask {
	background-color: #cc9999;
	margin: .3em 0 0 0;
	padding: .2em .2em .2em .5em;
	}
.accPath {
	background-color: #FFFFFF;
	margin:0 0 0 0;
	color: #990033;
	}
.agreeAupPage {
	font-size: .9em;
	_font-size: .7em;
	}
.aupWrapper {
	width: 30em;
	height: 30em;
	overflow: auto;
	border: thin solid gray;
	margin: .2em .2em .2em .2em;
}
.aupWrapper P {
	margin: .5em .5em .5em .5em;
}
.centerContent{
	padding: 1em;
	width: 700px;
	position: relative;
	background-color: #FFFFFF;
	}
.column {
	float: left; 
	}
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000000;
	padding: 3px;
	}
.devnotes {
	position: absolute;
	left: 0%;
	top: 100%;
	}
div.spacer {
	clear: both;
	}
.dmPath {
	background-color:#FFFFFF;
	margin:0 0 0 0;
	color: #006633;
	}
.edit {
	font-weight: bold;	
	margin-left: 6px;
	/*background-image: url('../images/pencil.gif');
	background-repeat: no-repeat;
	padding: .1 1em .1em .4em;
	margin-top: 2px;
	margin-right: 2px;
	width: 5em;
	line-height: 1.5em;*/
	}
.editBox {
	border: 1px solid #e9e9e9; 
	padding: 1em;
	/*width: 32em;
	_width: 34em;*/
	}
.errorMessageBox {
	background-color: red;
	padding: 1.5em;
	border: thin solid black;
	}
.float {float: left;}
.formContainer {
	width: 50%;
	_width: 50%;
	margin: .2em;
	}
.graphic {
	}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000000;
	}
.header a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #0000FF;
	text-decoration: none;
	background-color: #FFFFFF;
	}
.header a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #0000FF;
	text-decoration: none;
	background-color: #FFFFFF;
	}
.header a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #FF0000;
	text-decoration: underline;
	background-color: #FFFFFF;
	}
.header a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	}
.homeNav{
	text-align: right;
	line-height:1.2em;
	padding:5px 5px 5px 5px;
	border-left-width: thin;
	border-left-style: groove;
	}
.imageFloat {
	position: absolute;
	left: 50%;
	top: 1%;
	border: 1px ridge;
	}
.imageFloatAccelerateU {
	float: right;
	}
.accountHeading .instructions {
	margin-left: 3em;
	}
.pageHeaderTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	background-color: #FFFFFF;
	padding: 3px;
	font-weight: Bold;
	}
.pageHeaderTitleNoBG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	padding: 3px;
	font-weight: Bold;
	}
.pageContent {
	background-color: white;
	border: 5px solid black;
	margin: 10px 222px 40px 10px;
	padding: 22px 28px .5em .5em; /* px sizes are to clear top & right graphics (don't change unless graphics change); em's are from borders (and can be changed as desired) */
	min-height: 400px;
	_height: 400px; /* IE thinks this is "height", which acts like its missing min-height; everyone else ignores it */
	min-width:500px;
	}
.pageContentLogo {
	position: absolute;
	right: 260px;
	top: 6px;
	width: 227px;
	}
.pageContentMenu { /* holds the menu SWF */
	height: 290px;
	position: absolute;
	right: 190px;
	top: 30px;
	width: 260px;
	z-index:1;
	}
.pageHeader{
	position: absolute;
	LEFT: 5px;
	top:0px;
	}
.required {
	color: red;
	font-weight: bold;
	}
.rightCol {
	position: absolute;
	left: 55%;
	top:40px;
	font-size:.9em;
	background-color: #FFFFFF;
	}
.row {
	clear: both;
	margin: 0em 0em 0.8em 0em;
	/*whitespace: nowrap;*/
	}
.row label {
	float: left;
	text-align: right;
	min-width: 13em;
	_width: 11em;
	}
/* these styles must be duplicated for IE - it doesn't seem to deal with multiples rules or attribute selectors */
.row input[type=text], .row input[type=password], .row select {
	float: right;
	text-align: left;
	min-width: 10em;
	_width: 8em;
	margin: inherit;
	}
.row .error {
	background-color: ffc;
	}
.row.formInput {
	float: right;
	text-align: left;
	min-width: 10em;
	_width: 8em;
	margin: inherit;
	}
.steps {
	color: black; 
	font-size: 10px; 
	margin: 0em 0em 0em 0em; 
	padding: 0; 
	position: relative; 
	height: 75px;
	}
.steps .activeStepNo {
	color: #990000; 
	font:  68px Verdana, sans-serif; 
	margin: -18 0 0 -6; 
	border-width: 0;
    float: left; 
	top: -45px;
	}
.steps .activeStep {
	color: #000; 
	font: bold 18px Verdana, sans-serif; 
	margin: 0; 
	border-width: 0; 
	margin: 5 0 0 9; 
    float: left; top: 25px; height: 63px;
	}
.steps .inactiveSteps {
	color: #000; 
	font: bold 12px/12px Verdana, sans-serif; 
	border: 0px solid black; 
	border-width: 0px 0 0 0px;
    float: left; 
	top: 25px; margin: 8 0 0 -2; 
	padding: 2px 4px;
}
.steps .currentTaskStep {
	color: #000; 
	font: bold 12px/12px Verdana, sans-serif; 
	border: 0px solid gray; 
	border-width: 0px 0 0 0px;
    position: absolute; 
	bottom: 0; 
	left: 0; 
	margin: 0; 
	padding: .2em .2em .2em .5em;
    background-color: #cc9999;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
.style3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: #666666; 
	}
.style4 {
	font-size: 16px
	}
/**
*	*******************************************************************************
*		MEDIA selectors
*	*******************************************************************************
*/
@media print {
	.centerContent{
		padding: 1em;
		width: 730px;
		position: relative;
		background-color: #FFFFFF;
		border: thin solid black;
		}
.devNotesContent {
	display: none;
	visibility: hidden;
	}
}
