/*------------------------------------------------------------
GENERAL
------------------------------------------------------------*/
.main-column
{
    float: left;
    width: 680px;
}

.right-column
{
    float: right;
    width: 240px;
}

.sponsors
{
    color: #888;
    font-size: 100%;
	font-weight: bold;
	margin: 0 0 1.0em 0;
}

.sponsors ul
{
	list-style-type: none;
	margin: 0 0 2.0em 0;
	padding: 0;
}

.sponsors ul li
{
    margin: 1.0em 0;
}


/*------------------------------------------------------------
HOME
------------------------------------------------------------*/
.home
{
    
}

.home:after
{
	content:" ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.home .overview
{
    background: url(Images/Site/Home/FeatureBackground.jpg) no-repeat;
    background-color: #999;
    padding: 20px 15px 10px 15px;
}

.home .overview h2
{
    color: #fff;
}

.home p
{
	font-size: 120%;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

.home .overview-actions
{
    background: url(Images/Site/Home/FeatureBackgroundBottom.gif) bottom left no-repeat;
    padding: 0 15px 10px 15px;
    text-align: right;
}

.home .overview-actions .button-wrap
{
    margin-left: 0;
}

.home .overview-actions .or
{
    color: #fff;
    padding: 0 10px;
}

/*
.home .people-all-ages
{
	text-align: center;
}
*/

.member-login .container-top
{
    background: url(Images/Site/Home/MemberLoginHeader.jpg) top left no-repeat;
}

.member-login .container-top .header-text
{
    color: #fff;
}

.member-login .container-content
{
    background-position: 0 -24px !important;
    padding-top: 12px;
}

.member-login input[type="text"],
.member-login input[type="password"]
{
    margin-bottom: 0.25em;
    width: 14em;
}

.member-login .button-wrap
{
    margin-left: 0;
}

.forgot-password
{
    display: block;
    margin: 10px 0 5px 0;
}

.home .video-callout
{
    margin-top: 2.0em;
    text-align: center;
}

.home .video-callout p
{
    color: #666;
    font-size: 120%;
    line-height: 1.2;
    margin: 0 0 0.5em 0;
}


/*------------------------------------------------------------
WHO WE ARE
------------------------------------------------------------*/
.who-we-are-sponsors {
  float: right;
}
.who-we-are-sponsors span {
  color: #888;
  display: inline-block;
  font-weight: bold;
  margin-left: 2em;
  text-align: left;
}
.who-we-are-sponsors span a {
  display: block;
  margin-top: .25em;
}
.who-we-are .board-portrait {
  background: url(Images/Site/WhoWeAre/board-portrait.jpg) no-repeat;
  float: right;
  height: 323px;
  margin: 2em 0 0 -300px;
  padding: 23px 0 0 21px;
  position: relative;
    left: 300px;
  width: 242px;
}
.ie .who-we-are .board-portrait {
  height: 346px;
  left: 337px;
  width: 263px;
}
.who-we-are .board-portrait h4 {
  text-align: center;
  margin-left: -20px;
  width: 240px;
}
ol.lower-alpha{list-style:lower-alpha}
ol.lower-roman{list-style:lower-roman}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 /* ui.tabs.css */
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block;}
.ui-tabs .ui-tabs-hide { display: none !important; }
/* design */
.ui-tabs-panel {
  background: #d9f2f6;
  color: #35474b;
  font-size: 12px;
  overflow: auto;
  padding: 1em 300px 1em 3em;
}
.ui-tabs-panel .panel-content {
  height: 406px;
  margin-bottom: 1em;
  overflow: auto;
  padding-right: 1em;
}
.ui-tabs-panel .panel-content p:last-child {
  margin-bottom: 0;
}
.ui-tabs-panel .panel-content p {
  margin-bottom: 18px;
}
.ui-tabs-nav {
  background: url(Images/Site/WhoWeAre/bg_board-nav.jpg) no-repeat;
  display: block;
  height: 104px;
  margin: 0 10.5px;
  padding-left: 35px !important;
}
#ie6 .ui-tabs-nav li {
  margin-right: -4px !important;
}
.ui-tabs-nav li {
  display: inline;
}
.ui-tabs-nav li a {
  display: inline-block;
  padding: 6px 16px 0 16px;
}
.ui-tabs-nav li a img {
  border: 2px solid #67b0b9;
  margin: 1px;
}
.ui-tabs-nav li a span {
  color: #000;
  display: block;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
}
.ui-tabs-selected a {
  background: #52a2b9;
}
.ui-tabs-selected a img {
  border: 3px solid #eff !important;
  margin: 0 !important;
}
.ui-tabs-selected a span {
  visibility: visible !important;
}



/*------------------------------------------------------------
HOW IT WORKS
------------------------------------------------------------*/
.how-it-works-overview
{
    background: url(Images/Site/HowItWorks/FadeBackgroundBottom.jpg) bottom left repeat-x;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.how-it-works-overview-description
{
    float: left;
    width: 650px;
}

.how-it-works-overview .video-tour
{
    float: right;
}

.how-it-works-overview .video-tour p
{
    color: #999;
    font-size: 120%;
    line-height: 1;
    margin: 0 0 0.5em 0;
}

.build-a-profile,
.discover-others-like-you,
.track-treatments,
.get-summary-reports
{
    clear: none; /* Remove "clear: both;" from generic "section" class */
    margin-bottom: 30px;
    width: 444px;
}

.build-a-profile,
.track-treatments
{
    float: left;
    margin-left: 15px;
}

.discover-others-like-you,
.get-summary-reports
{
    float: right;
    margin-right: 15px;
}

.track-treatments
{
    clear: both;
}

.how-it-works .container-top
{
    background: url(Images/Site/HowItWorks/HowItWorksExampleHeader.gif) top left no-repeat;
}

.build-a-profile .container-content,
.discover-others-like-you .container-content,
.track-treatments .container-content,
.get-summary-reports .container-content
{
    background-color: transparent;
    background-image: none;
    padding: 0;
    position: relative;
}

.how-it-works h3.header-text
{
    color: #fff;
}

.how-it-works a.magnify-image
{
    cursor: pointer;
    font-size: 95%;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 10px;
}

.how-it-works-image-small
{
    display: block; /* Remove bottom space in IE */
    height: 253px;
    width: 444px;
}

.how-it-works .container-bottom
{
    background: url(Images/Site/HowItWorks/HowItWorksExampleFooter.jpg) bottom left no-repeat;
    height: 96px;
}

.how-it-works .container-bottom p
{
    font-size: 90%;
    margin: 0;
}

.whats-in-it-for-you
{
    background: url(Images/Site/HowItWorks/FadeBackgroundTop.jpg) top left repeat-x;
    clear: both;
    padding-top: 20px;
    *padding-top: 10px;
}

.whats-in-it-for-you .button-wrap
{
    margin: 0;
}

/* Modal Popup Magnified Example */
.how-it-works .modal-popup
{
    width: 850px;   
}

.how-it-works .modal-popup .header
{
    text-align: right;
}

.how-it-works .modal-popup .header-text
{
    float: left;
}

.how-it-works .scroll-vertical
{
     height: 450px;
     overflow-y: scroll;
     overflow-x: hidden;
     padding-right: 0px;
     padding-bottom: 10px;
}

.how-it-works-image-large
{
    border: solid 1px #999 !important;
    width: 800px;
}


/*------------------------------------------------------------
YOUR PRIVACY
------------------------------------------------------------*/
.your-privacy
{

}

.your-privacy .sub-nav-header
{
    border-bottom: dotted 1px #fff;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.2;
    margin: 0 0.5em 0.5em 0.5em;
    padding-bottom: 0.5em;
}

.your-privacy ul.sub-nav
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.your-privacy .sub-nav li
{
    margin: 0 0.5em;
}

.your-privacy .sub-nav a,
.your-privacy .sub-nav a:visited
{
    color: #fff;
    display: block;
    font-size: 90%;
    line-height: 1.2;
    margin: 0.5em 0;
    /*padding: 0 0.5em;*/
    _height: 1%;
    
    background: transparent url(Images/Site/SubNavIndicator.gif) no-repeat 0 5px;
    padding-left: 10px;
    text-decoration: none;
}

.your-privacy .sub-nav a:hover
{
    text-decoration: underline;
}

.your-privacy .sidebar-module
{
    background: url(Images/Site/SidebarModuleTop.gif) top center no-repeat;
    margin-bottom: 1.0em;
    padding-top: 15px;
}

.your-privacy .sidebar-module-wrap
{
    background: url(Images/Site/SidebarModuleBottom.gif) bottom center no-repeat;
    padding: 15px 20px;
    padding-top: 0;
}


/*------------------------------------------------------------
JOIN US
------------------------------------------------------------*/
.join-us
{

}

.join-us .section.account-information
{
    _width: 100%;
}

.join-us .row.horizontal,
.join-us .tps-LabelTextBox,
.join-us .tps-LabelDropDownList.Container
{
    
}

.join-us .account-information .label,
.join-us .basic-profile-information .label,
.join-us .basic-profile-information .tps-LabelTextBox > div:first-child
{
    width: 20em;
}

.join-us .account-information .label, /* IE6 */
.join-us .basic-profile-information .label
{
    width: 20em;
}

.join-us .label label,
.join-us .label .label-text,
.join-us .tps-LabelTextBox label,
.join-us .tps-LabelDropDownList.Container .label-text
{
    color: #000000;
}

.join-us .button-wrap.create-account
{
    margin-left: 0;
}

.join-us .modal-popup,
.postal-code-why
{
    width: 600px;
}

.join-us .modal-popup .header,
.postal-code-why .header
{
    text-align: right;
}

.join-us .modal-popup .header-text,
.postal-code-why .header-text
{
    float: left;
}


/*------------------------------------------------------------
CONTACT US
------------------------------------------------------------*/
.feedback
{
    
}

.feedback .label
{
    width: 7em;
}

.feedback .section.modal-popup
{
    width: 700px;
}

.feedback-message .section.modal-popup
{
    width: 700px;
}


/*------------------------------------------------------------
FORGOT PASSWORD
------------------------------------------------------------*/
.forgot-password
{

}

.forgot-password .tps-LabelTextBox > div:first-child
{
    width: 8.5em;
}

* html .forgot-password .tps-LabelTextBox div
{
    width: 8.5em;
}

.send-new-password
{
    padding-left: 8.5em;
}

.send-new-password .alert
{
    display: block;
}

.send-new-password .button-wrap
{
    margin-top: 0.5em;
    margin-left: 0;
}


/*------------------------------------------------------------
FORGOT PASSWORD
------------------------------------------------------------*/
.faq-item
{

}

.faq-question
{
    
}

.faq-question-text
{
    margin-left: 1.5em;
    line-height: 150%;
}





/*----------------------------------------------------------------------------------------------------
PRINT STYLES
----------------------------------------------------------------------------------------------------*/
@media print
{

/* Home */
.home .main-column
{
    float: none;
}

.home .right-column
{
    display: none;
}

/* Who We Are */
.who-we-are .main-column
{
    float: none;
    width: auto;
}

.who-we-are .right-column
{
    display: none;
}

/* How It Works */
.how-it-works .whats-in-it-for-you
{
    float: none;
    width: auto;
}

.how-it-works .video-tour
{
    display: none;
}

/* Join Us */
.how-it-works .button-wrap
{
    display: none;
}

/* Your Privacy */
.your-privacy .main-column
{
    float: none;
    width: auto;
}

.your-privacy .right-column
{
    display: none;
}

} /* END: print styles */