.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.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* JQuery Tooltips
-------------------------------------------------------------------------------*/
.tooltip	{ position:absolute; z-index:999; left:-9999px; background-color: #000; padding: 1px; border:1px solid #BBB; width:350px; }
.tooltip p	{ margin: 0; padding: 0; color: #002960; background-color: #F3F7FA; padding: 3px; }

/* GridView Defaults
-------------------------------------------------------------------------------*/
.SiteGridView			{ border: 1px dotted #BBB !important; }
.SiteGridView th, 
.SiteGridView td		{ padding: 3px; }
.SiteGridView a:hover	{ color: #F7884B; }
.SiteGridView p		{ margin: 0 !important; }

/* DetailsView Defaults
-------------------------------------------------------------------------------*/
.SiteDetailsView				{ }
.SiteDetailsView th,			
.SiteDetailsView td			{ padding: 3px; }
.SiteDetailsView a:hover	{ color: #F7884B; }

/* Sidebar Styles
-------------------------------------------------------------------------------*/
.sidebar-joinbutton	{ clear: left; text-align: center; padding-top: 8px; }

/* Default.aspx (Home) Styles
-------------------------------------------------------------------------------*/
.col1			{ float: left; width: 593px; margin-left: 1px; overflow: hidden; }
.splash			{ background: url(Images/splash.png) no-repeat; width: 598px; height: 305px; }

.intro-wrapper	{ margin: 13px 28px 0 0; display: block; width: 593px; }
.membership-services { float: left; background: url(images/callout-bg.png) no-repeat;  width: 593px; height: 240px; overflow: hidden; margin-bottom: 13px; }
.membership-benefits { float: left; background: url(Images/membership-features.png) no-repeat; width: 593px; height: 210px; overflow: hidden; }
.media-row		{ clear: left; width: 593px; height: 240px; margin: 13px 0; background: url(images/callout-bg.png); }

.tour-wrapper	{ float: left; width: 270px; }
.tour-ph			{ background: url(Images/tour-ph.png) no-repeat; width: 221px; height: 220px; margin: 0 auto; }

.callout-wrapper	{ padding: 10px 15px 0 15px; } /* 2-Column { float: left; width: 270px; } */
.callout-label		{ padding-bottom: 20px; }
.callout-copy		{ font-size: 1.10em; }
.callout-copy ul li	{ margin-bottom: 9px; font-weight: bold; }
.callout-counter	{  margin: 0 auto; width: 225px; margin-top: 45px; }
.callout-button	{ padding: 10px 0; margin: 0 auto; width: 106px; }
.sidebar-tour	{ float: left; background: url(Images/tour-ph.png) no-repeat; width: 221px; height: 220px; margin: 15px 0 15px 15px; }
.col2			{ float: right; width: 259px; padding-right: 7px; }
.lbl-memberlogin{ background: url(Images/lbl-memberlogin.png) no-repeat; width: 166px; height: 16px; }
.lbl-looking	{ background: url(Images/lbl-looking.png) no-repeat; width: 161px; height: 32px; }
.lbl-looking2	{ background: url(Images/lbl-looking2.png) no-repeat; width: 149px; height: 53px; }

.login th		{ font-size: 10px; text-align: left; }
.login .logincontrols,
.login .forgotlinks	{ padding-top: 8px; }
.login .forgotlinks a { font-size: 10px; font-weight: bold; color: #042B82; text-decoration: underline; display: block; }

/* eNewsletter Styles
-------------------------------------------------------------------------------*/
.enewsletter	{ width: 300px; margin: 10px auto; }

/* Registration Styles
-------------------------------------------------------------------------------*/
.registration-toc			{ width: 96%; overflow-y: auto; height: 120px; border: 1px dotted #6953A3; padding: 10px; background-color: #FFF; }

.registration-description	{ float: left; width: 290px; margin: 13px 10px 0 0; }
.registration-form			{ float: right; }

.membership-confirmation				{ width: 100%; padding: 0; margin: 0; border: 1px solid #002960; background-color: #F3F7FA; }
.membership-confirmation table th,
.membership-confirmation table td		{ padding: 3px; }
.membership-confirmation thead tr		{ background-color: #EAEAEA; }
.membership-confirmation thead tr th	{ border-bottom: 1px solid #002960; text-align: center; color: #002960; }

.candidate-option-label					{ font-weight: bold; color: #002960; text-align: center; font-size: 14px; margin-bottom: 5px; }
.candidate-options						{ width: 470px; margin: 0 auto; background-color: #F3F7FA; }
.candidate-options td					{ vertical-align: top; padding: 5px; border: 1px solid #BBB; }
.candidate-options input				{ float: left; width: 10px; margin-right: 5px; }
.candidate-options label				{ float: left; width: 200px; }
	
/* Login Page Styles
-------------------------------------------------------------------------------*/
#login-container { 
	padding-bottom: 60px;
	text-align: center; 
}

.login-form { 
	text-align: left; 
	width: 750px; 
	margin: 0px auto;
}
.login-form .sidebox { 
	width: 370px; 
	margin-top: 25px; 
}
* html .login-form .sidebox {
	width: 372px;
}
.login-form .sidebox h2 { 
	font-size: 16px; 
	color: #F7884B; 
	padding: 15px 0 0 0; 
	text-align: center; 
}
.login-form .boxbody { height: 190px; }
.login-controls	{ text-align: center; }
.form-wrapper { 
	float: left;
	width: 370px;
}
.login-table-wrapper { height: 165px; }
.login-table { width: 340px; }
.title-hr {
	border-bottom: 2px solid #042B82;
}
.login-table .description { height: 55px; }
.login-table td, .login-table th {
	padding: 1px 10px;
}
	
/* Contact.aspx Styles
-------------------------------------------------------------------------------*/
#contactform td { padding: 3px 0 3px 0; }

/* Listing Styles
-------------------------------------------------------------------------------*/
.listing-wrapper		{ padding: 10px 0; }
.listing-description	{ float: left; padding-right: 20px; width: 260px; }
.listing-rep				{ float: left; width: 275px; }
.listing-contact		{ margin: 0 auto; width: 100%; padding: 5px 0; }
.listing-title				{ font-weight: bold; display: block; color: #F7884B; text-transform: uppercase; border-bottom: 1px solid; }
.listing-summary		{ padding: 5px 0; }
.listing-wrapper a		{ font-weight: bold; display: block; line-height: 18px; }
.listing-wrapper a:hover { color: #F7884B; }

/* Image Map Styles
-------------------------------------------------------------------------------*/
.imap		{ width: 774px; margin: 0 auto; }

/* Contract Styles
-------------------------------------------------------------------------------*/
.contract           { font-size: 10px !important; text-align: left; }
.contract-subbullet { margin-top: 10px; }
.contract th, 
.contract td        { padding: 5px; vertical-align: top; line-height: 23px; }
.tab                { margin-left: 35px; }
.outstandingdues td { line-height: 10px !important; }

/* Job Listings Styles
-------------------------------------------------------------------------------*/
.listings				{  width: 99%; }
.listings th			{ padding: 5px; }
.listings td			{ padding-left: 10px; }

/* Calendar of Events Styles
-------------------------------------------------------------------------------*/
.calendar-event	{ color: #002960; width: 650px; margin: 5px auto; }
.event-details		{ width: 400px; margin: 0 auto; }
.event-details td	{ background-color: #E7E7E7; padding: 5px; color: #666666; font-weight: bold; }
.event-details th	{ background-color: #E7E7E7; text-align: right; padding: 5px; vertical-align: top; color: #002960; }

/* 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: #002960 !important; font-weight: bold; font-size: 16px;text-decoration: underline;
}

.date_has_events a { color: #002960; }
.date_has_events a:hover { color: #F7884B; }
.date_has_events ul {
	list-style: none;
	text-align: center;
}
.date_has_events li {
    padding: 0;
    margin: 5px 0 0 -15px;
    float: left;
    position: relative; 
    text-align: left;
    width: 90px !important;
}
.date_has_events li div.event {
    background: url(images/popup-bg.png) no-repeat;
    width: 275px;
    height: 275px;
    position: absolute;
    z-index: 2;
    top: -85px;
    left: -80px; 
    text-align: center;
    margin-top: -210px;
    font-style: normal;
    display: none;
}
.popup-wrapper { padding: 20px 15px 5px 10px; }
.popup-section { display: block; padding: 5px 0; }

/* Profile Styles
-------------------------------------------------------------------------------*/
.sellpractice			{ float: left; width: 220px; }
.sellpractice-wrapper	{ width: 210px; margin: 10px auto; }

/* Tour Styles
-------------------------------------------------------------------------------*/
.tour-splash		{ background: url(images/tour-splash.png) no-repeat; width: 800px; height: 600px;	}

/* Opportunities Redirect
-------------------------------------------------------------------------------*/
.opportunities-redirect { clear: both; width: 705px; margin: 0 auto; }
.opportunities-redirect .sidebox { width: 350px; float: left; text-align: center; }
.opportunities-redirect .sidebox h2 { text-align: center; }