.foo {} /* Wc3 Standards require a class to be first on stylesheets */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*											Layout StyleSheet - [Company]
*										Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project. All subpage styles, links, forms, and other 
*	non-layout items can be found in their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Layout Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
*						{ margin: 0px; padding: 0px; }
body					{ text-align: center; background: url(Images/site-bg.png) repeat-x; font-family: Arial, Sans-Serif; }
.page					{ width: 908px; margin: 0 auto; padding-bottom: 20px; text-align: left; }

/* Masthead Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.masthead				{ width: inherit; height: 121px; }
.masthead a				{ color: #6953A3 !important; }
.masthead a:hover		{ color: #000 !important; }
.main-login-wrapper		{ float: left; position: relative; left: 15px; top: 84px; font-weight: bold; z-index: 10; width: 250px; color: #BCBDC0; line-height: 19px; }
.main-loggedin-wrapper	{ float: left; position: relative; left: 15px; top: 60px; font-weight: bold; z-index: 10; width: 250px; color: #BCBDC0; line-height: 15px; }
.main-logo-wrapper		{ float: left; position: relative; left: 84px; top: 21px; z-index: 0; }
.main-address-wrapper	{ float: right; position: relative; top: 49px; right: 16px; text-align: right; color: #BCBDC0; font-weight: bold; }
.mainnav				{ float: left; width: 900px; border-bottom: 2px solid #E0E0E0; position: relative; z-index: 10; left: 4px; margin-bottom: -1px; }

/* Content Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.page-top				{ background: url(Images/page-top.png) no-repeat; width: inherit; height: 34px; }
.page-bg				{ background: url(Images/page-bg.png) repeat-y; }
* html .page-bg			{ height: 1px; }
.page-bottom			{ background: url(Images/page-bottom.png) no-repeat; width: inherit; height: 13px; }
.content-wrapper		{ position: relative; left: 4px; width: 900px; }

.content-bg				{ background-color: #7C6AAF; position: relative; z-index: 1; min-height: 249px; border-top: 3px solid #E0E0E0; }
* html .content-bg		{ height: 249px; }
.content-gradient		{ background: url(Images/page-body-gradient.png) repeat-x; height: 249px; width: 900px; margin-bottom: -239px; }

.content-margins		{ padding: 10px 25px 1px 25px; }

/* Footer Styles
-----------------------------------------------------------------------------------------------------------------------------------*/   
.footer					{ color: #999999; font-weight: bold; padding: 5px 10px; }

.membernav-wrapper		{ background: url(Images/subpage-member-bg.png) repeat-y; padding: 10px 0; }
.membernav				{ float: left; width: 155px; margin-right: 25px; padding: 0px 10px 10px 0; overflow: hidden; }
.membernav ul			{ list-style-type: none; }
.membernav-content		{ float: left; width: 635px; }

/* -- Copyright & Site Design Styles -- */
.copyright				{ float: left; }
.siteby					{ float: right; width: 200px; text-align: right; }

/* Global Control Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
textarea				{ font-size: 12px; font-family: Tahoma; }
.highlight				{ background-color: #E2DDEE; color: #000000; }
#SiteMapPath			{ display: block; margin: 0 0 10px 0; }
.error_summary li		{ margin: 0px 0px 15px 30px; }
.CheckBox label			{ margin-left: 5px; vertical-align: top; }
.RadioButtonList label	{ margin: 0px 10px 0px 5px; }

/* Custom Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.modalBackground	{ background-color:Gray; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
.modalPopup			{ background-color: #FFF; border: 1px solid; color: #000; padding:7px; width:525px; }
.modalButtonWrapper { margin: auto; width: 40px; }

/* -- AJAX Accordion -- */
.accordionHeader	{ font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionHeader a	{ text-decoration: none; color: #E0E0E0 !important; }
.accordionHeaderSelected { background-color: #6953A3; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionHeaderSelected a	{ text-decoration: none; color: #FFF !important; }
.accordionContent	{ margin-top: 1px; padding: 10px 15px 5px 15px; background-color: #E0E0E0; border: 1px dotted #6953A3; color: #000; }

/* -- AJAX Validator Callout Styles -- */					  
.ajax__validatorcallout div, 
.ajax__validatorcallout td { 
    color: Red;
    font-weight: bold;
}

.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div,
.ajax__validatorcallout_error_message_cell,
.ajax__validatorcallout_icon_cell,
.ajax__validatorcallout_close_button_cell,
.ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	background-color: #E0E0E0 !important;
}

/* -- Message Styles -- */
.messages-success	{ color: Green; font-weight: bold; }
.messages-error		{ color: Red; font-weight: bold; display: block; margin-bottom: .5em; padding: 5px; }
span.required		{ color: Red; font-weight: bold; }

/* -- CAPTCHA STYLES -- */
.notice { margin-top: 5px;  font-style: italic; font-family: Sans-Serif; font-size: 11px; width: 275px; }

/* -- WATERMARK STYLES -- */
.unwatermarked		{ height: 18px; width: 148px; }
.watermarked		{ height: 20px; width: 150px; padding: 2px 0 0 4px; border: 1px solid #CCCCCC; background-color: #EBEBEB; font-family: Tahoma;
					  color: gray; }

/* CSS Hacks Section Styles
-----------------------------------------------------------------------------------------------------------------------------------*/       

/* -- P.I.E. FLOAT CLEARING (See http://www.positioniseverything.net/easyclearing.html) -- */
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} 
	.clearfix {display: block;}
/* End hide from IE-mac */