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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 SubPages StyleSheet - [Company]
*           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.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* SubPage Banner Default Styles
-------------------------------------------------------------------------------*/
.subpage-banner			{ float: left; width: 650px; height: 164px; overflow: hidden; }
.subpage-offer-wrapper	{ float: left; background: url(Images/banner-offer-purple-bg.png) no-repeat; width: 250px; height: 164px; }
.subpage-offer			{ float: left; background: url(Images/banner-offer-bg.png) no-repeat; width: 233px; height: 147px; 
              			  position: relative; top: 9px; left: 9px; }
.subpage-offer-label	{ margin: 7px 0 0 8px; }
.subpage-offer-summary	{ margin: 12px 0 0 11px; color: #FFF; width: 214px; line-height: 11.5px; }

/* SubPage Content Styles
-------------------------------------------------------------------------------*/
.page-titlewrapper		{  }
.page-maintitle			{ float: left; width: 200px; }
.page-subtitle			{ float: right; }
.page-content			{ float: left; padding: 15px 20px 0 3px; width: 617px; color: #FFF; font-size: 13px; }
.page-content-nomargins	{ padding: 15px 20px 0 3px; color: #FFF; font-size: 13px; }
.page-sidebar			{ float: left; width: 210px; }
* html .page-sidebar	{ margin-right: -30px; }
.page-image				{ float: left; background: url(Images/page-image-bg.png) no-repeat; width: 203px; height: 257px; margin-bottom: 15px; }
.page-image img			{ padding: 4px 5px; }
.facebook-badge			{ float: left; width: 203px; margin-bottom: 15px; }

/* Sidebar Styles
-------------------------------------------------------------------------------*/
.sidebar-wrapper		{ float: left; background: #FFF; width: 203px; padding-bottom: 7px; border: 1px solid #E2DDEE; }
.sidebar-content		{ padding: 4px 4px; text-transform: uppercase; color: #333333; font-weight: bold; }
.sidebar-content ul		{ float: left; list-style-type: none; margin: 0; }
.sidebar-content li 	{ float: left; line-height: 18px; padding: 0 4px; color: #BBBBBB; }
.sidebar-content li.completed
						{ color: #333; }
.sidebar-content li.selected
						{ background-color: #EAEAEA; color: #6953A3; }
.step-number			{ float: left; width: 50px; }
.step-title				{ float: left; width: 130px; }

.lbl-createaccount		{ background: url("Images/lbl-createaccount.png") no-repeat; width: 203px; height: 28px; }
.lbl-purchase			{ background: url("Images/lbl-purchase.png") no-repeat; width: 203px; height: 28px; }
.lbl-reservation			{ background: url("Images/lbl-reservation.png") no-repeat; width: 203px; height: 28px; }

/* Custom Styles
-------------------------------------------------------------------------------*/
.site-purple			{ color: #6953A3; }

/* -- News Announcer Styles -- */
.NewsAnnouncer								{ margin-top: 6px; }
.NewsAnnouncer .ItemStyle, 
.NewsAnnouncer .AlternatingItemStyle		{ padding-bottom: 12px; }
.NewsAnnouncer .headline a					{ color: #6953A3; font-weight: bold; font-size: 13px; }

.NewsAnnouncer-HomePage						{ }
.NewsAnnouncer-HomePage	table				{ margin-top: 15px; overflow: hidden; }
.NewsAnnouncer-HomePage .headline a			{ color: #FFF; line-height: 12px; }
.NewsAnnouncer-HomePage .headline a:hover	{ color: #BCBDC0; }
.NewsAnnouncer-HomePage .AlternatingItemStyle table	
											{ margin-top: 15px !important; }

/* Default.aspx (Home) Styles
-------------------------------------------------------------------------------*/
.home-content						{ padding-top: 10px; background: url(Images/home-column-bg.png) repeat-y; min-height: 170px; }
* .home-content						{ height: 170px; }

/* Left Column Styles */
.left-column						{ float: left; width: 240px; position: relative; left: 19px; }
.lbl-latestnews						{ background: url(Images/lbl-latestnews.png) no-repeat; width: 137px; height: 18px; }

/* Middle Column Styles */
.middle-column						{ float: left; width: 289px; margin-left: 49px; }
.lbl-featuredproduct				{ background: url(Images/lbl-featuredproduct.png) no-repeat; width: 184px; height: 18px; }
.product-wrapper					{ margin-top: 14px; }
.featured-product-bg				{ float: left; background: url(Images/featured-product-bg.png) no-repeat; width: 133px; height: 113px; 
                    				  margin-left: 2px; }
.featured-product-bg img			{ padding: 6px; }
.featured-product-description		{ float: left; color: #FFF; width: 137px; margin: 5px 0 0 13px; }
.featured-product-description ul	{ list-style-type: disc; }
.featured-product-description ul li	{ line-height: 12px; }

/* Right Column Styles */
.right-column						{ float: left; width: 285px; margin-left: 24px; }

/* -- Newsletter -- */
.lbl-newsletter						{ background: url(Images/lbl-newsletter.png) no-repeat; width: 179px; height: 22px; }
.enewsletter						{ width: 100%; }

/* -- Events -- */
.lbl-upcomingevents					{ background: url(Images/lbl-upcomingevents.png) no-repeat; width: 179px; height: 22px; }
.event-wrapper						{ margin-top: 10px; }
.event-image-bg						{ float: left; background: url(Images/upcoming-events-bg.png) no-repeat; width: 109px; height: 125px; 
               						  margin-left: 2px; }
.event-image-bg img					{ padding: 8px; }
.event-summary						{ float: left; color: #FFF; width: 160px; margin: 15px 0 0 8px; line-height: 12px; }
.summary-content					{ display: block; overflow: hidden; }
.event-summary .read-more			{ float: left; }

/* Footer Styles */
.home-footer						{ position: relative; z-index: 10; background: url(Images/home-footer.png) no-repeat; width: inherit; 
            						  height: 58px; margin-top: 20px; }
.offer-margins						{ padding: 10px 0 0 17px; }
.offer-label						{ float: left; width: 175px; }
.offer-description					{ float: left; margin-left: 25px; width: 500px; color: #FFF; line-height: 12px; }
	
/* Contact.aspx Styles
-------------------------------------------------------------------------------*/
#contactform td { padding: 3px 0 3px 0; }

/* Registration Styles
-------------------------------------------------------------------------------*/
.userprofile-titlebar,
.registration-titlebar		{ background-color: #6953A3; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; 
                  			  color: #FFF; text-transform: uppercase; }
.contact-titlebar			{ background-color: #BBB; border: 1px dotted #6953A3; font-weight: bold; color: #000; display: block; padding: 3px 2px; 
                 			  text-transform: uppercase; font-size: 12px; }
.userprofile-content,
.registration-content		{ margin-top: 1px; padding: 10px 15px 5px 15px; background-color: #E0E0E0; border: 1px dotted #6953A3; color: #000; }
.userprofile-content-wrapper, .register-content-wrapper
							{ padding: 6px 10px 0 10px; display: block; }
.userprofile-content-wrapper td, .register-content-wrapper td
							{ padding: 3px 0; }
						
.registration-toc			{ width: 96%; overflow-y: auto; height: 120px; border: 1px dotted #6953A3; padding: 10px; background-color: #FFF; }

/* User Profile Styles
-------------------------------------------------------------------------------*/
.UserProfile .Form-Data, 
.Registration .Form-Data { 
	float: left;
	width: 100%; 
	
}
.UserProfile .Form-Data ul, 
.Registration .Form-Data ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
}
.UserProfile .Form-Data li, 
.Registration .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 */ 
}

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

.UserProfile .Form-Data span.Form-Name-Wide, 
.Registration .Form-Data span.Form-Name-Wide
{
	float: left;
	display: block;
	width: 200px;
    padding-top: 3px;
    font-weight: bold;
    margin-right: 1em;
}

.UserProfile .Form-Data span.Form-NoHeader, 
.Registration .Form-Data span.Form-NoHeader {
	float: left;
	width: 100%;
	display: block;
    font-weight: bold;
}

.UserProfile .Form-Data .Form-Value,
.Registration .Form-Data .Form-Value { 
	float: left;
	display: block;
    font-weight: bold;
}
.UserProfile .Form-Data .Form-Alternate .Form-Name { }
.UserProfile .Form-Data .Form-Alternate .Form-Value { }
.UserProfile .validators { color: #000; }


/* Login Page Styles
-------------------------------------------------------------------------------*/
#login-container { 
	padding-bottom: 60px;
	text-align: center; 
}

.login-form a		{ color: #666 !important; }
.login-form a:hover { color: #6953A3 !important; }

.login-form { 
	text-align: left; 
	width: 715px; 
	margin: 0px auto;
}
.form-wrapper { 
	float: left;
	width: 350px;
	height: 205px;
	border: dotted 1px #6953A3;
	background-color: #E0E0E0;
}
.login-table-wrapper { height: 170px; }
.login-table { width: 350px; }
.login-table th {
	color: #FFF;
	text-align: center !important;
	font-size: 1.15em; 
	font-weight: bold;
	background-color: #6953A3; 
	border-bottom: solid 2px #FFF;
}
.login-table .description { height: 55px; }
.login-table td, .login-table th {
	padding: 1px 10px;
}

/* Calendar / Event Styles
-------------------------------------------------------------------------------*/
.Calendar				{ margin-bottom: 10px; }
.Calendar .TitleStyle	{ font-family: Trebuchet MS; text-transform: uppercase; font-size: 32px; color: #FFF; 
                     	  background: url(images/cal-header-bg.png) repeat-x; font-weight: bold; height: 45px; }
.Calendar .NextPrevStyle{ }
.Calendar .NextPrevStyle a {
	color: #6953A3 !important; font-weight: bold; font-size: 16px;text-decoration: underline;
}

.date_has_sessions a { color: #6953A3; }
.date_has_sessions a:hover { color: #000000; }
.date_has_sessions ul {
	list-style: none;
	text-align: center;
}
.date_has_sessions li {
    padding: 0;
    margin: 0 2px;
    float: left;
    position: relative; 
    text-align: center;
}
.date_has_sessions li div.session {
    background: url(images/popup-bg.png) no-repeat;
    width: 275px;
    height: 280px;
    position: absolute;
    z-index: 2;
    top: -85px;
    left: -80px; 
    text-align: center;
    margin-top: -205px;
    font-style: normal;
    display: none;
}
.popup-wrapper { padding: 5px 10px; line-height: 12px; }
.popup-section { display: block; padding: 5px 0; }

/* Reservation Styles
-------------------------------------------------------------------------------*/
.successbox		{ border: dotted 1px #6953A3; background-color: #FFFFFF; font-weight: bold;
         		  padding: 10px; margin-bottom: 10px; color: Green; font-size: 11px; }
.errorbox		{ border: dotted 1px #6953A3; background-color: #FFFFFF; 
         		  padding: 10px; margin-bottom: 10px; color: Red; font-size: 11px; }
         		  
/* Friend Styles
-------------------------------------------------------------------------------*/
.friend-details				{ border-bottom: 2px solid #BBB; padding-bottom: 10px; background-color: #FFF; }
.friend-details h1			{ color: #FFF; background-color: #6953A3; margin: 2px; padding: 2px; display: block; font-size: 1.15em; }
.friend-details h2			{ color: #000; font-size: 1em; border-bottom: 1px solid; padding: 0; margin: 0 0 5px 0; }
.friend-details table th	{ background-color: Transparent; color: #6953A3; border: 0; font-size: .85em; }
.friend-details table td	{ border: 0; vertical-align: middle; font-size: .85em; }
.friend-details a			{ font-weight: normal !important; }
.friend-logo					{ float: left; width: 150px; margin-right: 5px; padding: 10px; }
.friend-address			{ float: left; padding-top: 5px; width: 250px; }
.friend-contact			{ float: right; padding: 5px 10px 0 0; width: 155px; }
.friend-description		{ clear: both; padding: 5px; background-color: #FFF; }