.foo {} /* -- W3C Validator Requirement. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 SubPages StyleSheet - Quality Signatures
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the subpage css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found here.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#siteseal	{ margin-top: 70px; display: block; }

/* [HOME PAGE] Styles
-------------------------------------------------------------------------------*/
#home-introduction {
	width: 923px;
	height: 443px;
	margin-left: -4px;
	background: url("Images/home-introduction.jpg") no-repeat;
}
#home-introduction #buynow {
	position: relative;
	z-index: 10;
	top: 99px;
	left: 223px;
	width: 151px;
	height: 30px;
}

#home-introduction #buynow a:link, #home-introduction #buynow a:visited {
	float: left;
	width: 151px;
	height: 30px;
	background: url("Images/btn-order.gif") no-repeat top left;
}
#home-introduction #buynow a:hover {
	background: url("Images/btn-order.gif") no-repeat bottom left;
}
#home-introduction #groupimage {
	float: left;
	position: relative;
	z-index: 1;
	top: 79px;
	left: -2px;
	width: 502px;
	height: 350px;
	background: url("Images/home-groupimage.gif") no-repeat;
}
#home-introduction #flash {
	float: left;
	position: relative;
	top: 4px;
	left: -20px;
	width: 408px;
	height: 266px;
	background: url("Images/home-flash-ph.jpg") no-repeat;
}

#home-introduction #testimonial {
	float: left;
	position: relative;
	text-align: right;
	font-style: italic;
	top: 30px;
	width: 393px;
	height: 60px;
}

/* Home Body Styles 
----------------------------- */
#home-content-top {
	width: 918px;
	height: 30px;
	background: url("Images/home-content-top.gif") no-repeat;
}
#home-content-bg {
	float: left;
	width: 918px;
	background: url("Images/home-content-bg.gif") repeat-y;
}

#home-content-bg #content-row { }
#home-content-bg #link-row { clear: left; margin-top: 7px; }

.col1 {
	float: left;
	position: relative; 
	left: 26px;
	width: 249px;
}
.col2 {
	float: left;
	position: relative; 
	left: 64px;
	width: 270px;
}
.col3 {
	float: left;
	position: relative; 
	left: 94px;
	width: 280px;
}
#home-content-bot {
	width: 918px;
	height: 29px;
	background: url("Images/home-content-bot.gif") no-repeat;
}

/* Order Form Styles
----------------------------------------------------------------------*/
.orderform-buttons {
	float: right;
	margin-bottom: 20px;
}
.orderform-buttons a { padding-right: 5px; }

/* -- Steps -- */
#orderform-steps { margin-bottom: 10px; }
#orderform-steps img  {
	float: left;
	margin-bottom: 10px; 
}
	
/* -- Registration -- */
.Registration, .Confirmation { 
	float: left;
	display: block;
	width: 100%;
	padding: 1em 0;
}

.Registration .Header, .Confirmation .Header  {
	float: left;
	width: 95%;
	background-color: #CCE5FF;
	border: solid 1px #CCE5FF;
    font-weight: bold;
    color: #006699;
    padding: .75em;
}
.Registration .Form-Data, .Confirmation .Form-Data { 
	float: left;
	width: 95%;
	background-color: #F5FAFF; 
	border: solid 1px #CCE5FF;
	padding: .75em;
}
.Registration .Form-Data ul, .Confirmation .Form-Data ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
}
.Registration .Form-Data li, .Confirmation .Form-Data li {
	float: left;
	width: 99.5%;
    padding: 3px 0 2px 0;
    vertical-align: middle;
    margin-bottom: 2px;
    min-height: 1.4em; /* ADDED for Firefox */ 
}

.Confirmation .Form-Data span.Form-Name {
	float: left;
	width: 75px;
	display: block;
    padding-top: 3px;
    font-weight: bold;
    margin-right: 1em;
}
.Registration .Form-Data span.Form-Name { 
	float: left;
	display: block;
	width: 135px;
    padding-top: 3px;
    font-weight: bold;
    margin-right: 1em;
}
.Registration .Form-Data span.Form-NoHeader, 
.Confirmation .Form-Data span.Form-NoHeader {
	float: left;
	width: 100%;
	display: block;
    font-weight: bold;
}

.Registration .Form-Data .Form-Value,
.Confirmation .Form-Data .Form-Value { 
	float: left;
	width: 61%;
	display: block;
    font-weight: bold;
}
.Registration .Form-Data .Form-Alternate .Form-Name { }
.Registration .Form-Data .Form-Alternate .Form-Value { }

.order-body {
	clear: both;
}
#order-payment-methods { 
	display: block;
	margin: 15px 0;
	padding: 10px 0;
	border-top: solid 1px #006699;
	border-bottom: solid 1px #006699;
}
.orderform-buttons {
	clear: left;
}
.Registration-Panel,
.order-summary-total {
	padding-bottom: 10px;
	border-bottom: solid 1px #006699;
}
.order-summary-total .header {
	font-weight: bold;
	border: 1px solid #FFFFFF;
	padding: 1px;
}
.order-paypal-selected {
	color: #006699;
	font-weight: bold;
	font-style: italic;
}

/* Contact Form Styles
--------------------------------------------------------------------*/
#contactform td { vertical-align: top; }
#contactform td label { color: #006699; font-weight: bold; }

/* Login.aspx Form Styles
--------------------------------------------------------------------*/
#login-container { 
	padding: 100px 0;
	text-align: center; 
}

.login-form { 
	text-align: left; 
	width: 400px; 
	margin: 0px auto;
	border: solid 1px #006699;
	background-color: #F5FAFF;
}
.login-form table th {
	color: #006699;
	padding: 4px;
	text-align: center !important;
	font-size: 1.15em; 
	font-weight: bold;
	background-color: #CCE5FF; 
	border-bottom: solid 2px #006699;
}
.login-form table td {
	padding: .6%;
}

.loginbutton  {
	color: #006699;
	border: 1px solid #A3A3A3; 
	background-color: #FFF; 
	font-weight: bold; 
	cursor: pointer; 
}
.loginbutton:hover {
	border: 1px solid #006699; 
	background-color: #CCE5FF;
}

.loggedin-wrapper {
	background-color: #A3D1FF;
	border: solid 1px #6EB0E3;
	padding: 10px 10px 10px 10px;
}

.loggedin-wrapper ul { margin-left: 18px; }
.loggedin-wrapper ul li a {
	font-weight: bold;
	line-height: 20px;
}

.menu-separator {
	padding-bottom: 5px; 
	margin: 0 0 5px -15px; 
	border-bottom: solid 1px #6EB0E3;
	list-style-image: none;
	list-style-type: none;
}

/* Designer/Default.aspx Form Styles
--------------------------------------------------------------------*/
#designer-reportoptions {
	background-color: #A3D1FF;
	border: solid 2px #6EB0E3;
	color: #006699;
	padding: 7px;
	width: 350px;
}

#designer-reportoptions ul {
	margin-left: 0px;
	list-style-image: none;	
	list-style-type: none;
	font-weight: bold;
}

#designer-reportoptions ul li {
	padding: 3px 0;
}

#designer-reportoptions ul label {
	margin-left: 10px;
}

.assignment-question {
	padding: 15px 0;
}