﻿/* ============================================= */
/* COLORS */
/* ============================================= */
/* #003876 - Blue */
/* #72a492 - Patina */
/* #ec891d - Orange */
/* #787878 - Gray */
/* #679146 - Green */
/* #e31b23 - Red */ 
/* ============================================= */


/* Member Sign Up Form */
div.subscriptions
{
	width:400px;
	margin:0 0 20px 162px;
	float:left;
}
div.subscriptions input 
{
	width:auto;
	clear:left;
}
div.subscriptions label
{
	width:auto;
	margin:2px 0 0 6px;
}
.membershipForm label.shortLabel
{
	width:150px !important;
	margin-top: 4px;
/*
	color: #003876;
*/
	font-size: 11px;
}

.membershipForm input.shortInput {
	width: 135px;
}
.membershipForm hr {
	height:1px;
	width:685px;
	border-top: 1px solid #dae8e4;
	/* background-color:#dae8e4; */
    margin:5px 0 15px 0;
}
.membershipForm input.button {
	margin: 0 0 0 164px;
	float:left;
}
.membershipForm a.cancelLink
{
	margin-top:4px;
}

div.whyCollectPassPopup
{
	background-color:#FFF;  
    font-size:12px; 
	width:200px;
	padding:15px;
    color:#000;     

}
div.whyCollectInfoPopup
{
	background-color:#FFF;  
    font-size:12px; 
	width:600px;
	padding:15px;
    color:#000;     
}
div.whyCollectPassPopup input, div.whyCollectInfoPopup input
{
	display:block;
	margin:20px auto 0 auto !important;
	float:none !important;
}

div#whyCollectPassWrapper
{
	position:relative;
	height:16px;
	width:16px;
	float:left;
	margin-left:3px;
	margin-right:-19px;
}

/* Membership Home*/
div.loginPanel
{
	width:350px;
	border:solid 1px #003876;
	padding:6px;
	float:left;
}
span.signInFailure
{
	display:block;
	color:Red;
	margin-bottom:10px;
}
.modalBackground 
{
   background-color:#000;
   filter:alpha(opacity=50);
   opacity:0.7;
}
div.forgotPasswordModal
{
	padding:10px;
	position:relative;
}
div.forgotPasswordModal input.closeButton
{
	position:absolute;
	top:-10px;
	right:-10px;
}
/* Email Verification Landing Page */
div.emailVerificationForm label
{
	width: 150px;
	margin-bottom:10px;
	text-align:right;
	margin-right:5px;
}
div.emailVerificationForm table
{
	margin-bottom:10px;
}
div.emailVerificationForm select
{
	width:auto;
}
div.emailVerificationForm div.RadComboBox
{
    margin-left:0px;
}
div#howHeardWrapper
{
	width:600px;
	margin-bottom:10px;
	float:left;
}
div.emailVerificationForm label.learnMore
{
    margin-top: 10px;
    margin-bottom: 0px;
}
div.emailVerificationForm div.subscriptions
{
	margin: 10px 0 0 155px;
}
div.emailVerificationForm div.subscriptions label
{
    text-align:left;
}
div.emailVerificationForm input.button
{
    margin-left: 155px;
}
label.howHear
{
	width:auto;
	margin-bottom:10px;
}
table.checkBoxList
{
	float:left;
	margin-top:10px;
}
table.checkBoxList tr td input, table.checkBoxList tr td label
{
	width:auto;
}
/* Membership Home*/
div#memberWrapper
{
	margin: 0;
	padding: 0;
	font-size: 11px;
}
div#memberWrapper div.alertArea
{
	float:left;
	position: relative;
	width: 706px;
	height: 50px;
	margin-bottom: 10px;
}
div#memberWrapper div.alert {
	background-image: url(/common/images/membershipAlertBoxBG.png);
}
div#memberWrapper div.info {
	background-image: url(/common/images/membershipInfoBoxBG.png);
}
div#memberWrapper div.alertArea p {
	position: absolute;
	top: 17px;
	left: 75px;
}
div#memberWrapper div.alertArea input
{
	position:absolute;
	top:16px;
	right:20px;
}
div#memberWrapper div#leftColumn	  
{
	float:left;
	width:455px;
	margin-right: 10px;
}
div#memberWrapper div#rightColumn	  
{
	float:left;
	width:241px;
	margin: 0;
}
div#memberWrapper div#fullColumn	  
{
	float:left;
	width:706px;
	margin: 0;
}
div#memberWrapper div#leftColumn h4, div#memberWrapper div#rightColumn h4, div#memberWrapper div#fullColumn h4
{
	height: 22px;
	padding: 7px 0 0 10px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: bold;
	color: #003876;
	background-repeat: no-repeat;
}
div#memberWrapper div#leftColumn h4
{
	width:455px;
	background-image: url(/common/images/membershipTitleBGLeftColumn.png);
}
div#memberWrapper div#rightColumn h4
{
	width:241px;
	background-image: url(/common/images/membershipTitleBGRightColumn.png);
}
div#memberWrapper div#fullColumn h4
{
	width:706px;
	background-image: url(/common/images/membershipTitleBGFullColumn.png);
}
div#memberWrapper div#leftColumn .fill, div#memberWrapper div#rightColumn .fill, div#memberWrapper div#fullColumn .fill
{
	min-height: 25px;
	padding: 10px;
	background-repeat: repeat-y;
}
div#memberWrapper div#leftColumn .fill {
	background-image: url(/common/images/membershipFillLeftColumn.png);
}
div#memberWrapper div#rightColumn .fill {
	background-image: url(/common/images/membershipFillRightColumn.png);
}
div#memberWrapper div#fullColumn .fill {
	background-image: url(/common/images/membershipFillFullColumn.png);
}
div#memberWrapper div#leftColumn .bottom, div#memberWrapper div#rightColumn .bottom, div#memberWrapper div#fullColumn .bottom
{
	height: 10px;
	background-repeat: repeat-y;
}
div#memberWrapper div#leftColumn .bottom {
	background-image: url(/common/images/membershipBottomLeftColumn.png);
	margin-bottom: 10px;
}
div#memberWrapper div#rightColumn .bottom {
	background-image: url(/common/images/membershipBottomRightColumn.png);
}
div#memberWrapper div#fullColumn .bottom {
	background-image: url(/common/images/membershipBottomFullColumn.png);
}

div#memberWrapper h5.cross-sell-full, div#memberWrapper h5.cross-sell-half {
	margin: 0 0 0 0;
	padding: 8px 10px 5px 10px;
	background-image:url(/common/images/membershipTopLeftColumn.png);
	font-size: 12px;
	font-weight: bold;
	color: #31939b;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddeae6;
}
div#memberWrapper h5.cross-sell-full {
	background-image:url(/common/images/membershipTopLeftColumn.png);
}
div#memberWrapper h5.cross-sell-half {
	background-image:url(/common/images/crossSellHalfTop.png);
}
div#memberWrapper .cross-sell-half-fill {
	background-image: url(/common/images/crossSellHalfFill.png) !important;
	background-repeat: repeat-y !important;
	padding: 10px 10px 0 10px;
}
div#memberWrapper .cross-sell-half-bottom {
	background-image: url(/common/images/crossSellHalfBottom.png);
	height: 10px;
}


div#memberWrapper h6
{
	font-size: 15px;
	font-weight: bold;
	color: #003876;
	margin-bottom: 5px;
}
.membershipAndSubscriptions, #certifications {
	margin-bottom: 10px;
}
.membershipAndSubscriptions a.cta, #certifications a.cta {
	position: absolute;
	right: 0;
	top: 13px;
}
.membershipAndSubscriptions ul, #certifications ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.membershipAndSubscriptions ul li, #certifications  ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border-top: 1px solid #dae8e4;
}
.membershipAndSubscriptions ul li {

}

#orgAlreadyRegisteredMessage ul
{
    list-style-type:disc;        
    margin-left:20px;
}

#orgAlreadyRegisteredMessage li
{
    border:none;    
    list-style-type:disc;    
    display:list-item;        
}


#certifications  ul li {
	height: 45px;
}
#certifications  ul li.first {
	margin-top: -5px;
	border-top: none;
}
#certifications  ul li.last {
	margin-bottom: -8px;
}
.membershipAndSubscriptions ul li h5, #certifications ul li h5 {
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	padding: 11px 0 0 30px;
	min-height: 15px;
}
.membershipAndSubscriptions ul li.inactive, #certifications ul li.inactive {
	background-image: url(/common/images/membershipSubscriptionInactiveIcon.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.membershipAndSubscriptions ul li.active, #certifications ul li.active {
	background-image: url(/common/images/membershipSubscriptionActiveIcon.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.membershipAndSubscriptions ul li.processing 
{
    background-image: url(/common/images/dots.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#certifications ul li.expired {
	background-image: url(/common/images/membershipSubscriptionExpiredExclamationPoint.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#certifications .expiration {
	margin: -10px 0 0 30px;
	font-size: 10px;
}
.brWithSpace {
	display: block;
	margin-top: 10px;
}
.membershipAndSubscriptions .edit-membership-subscriptions {
	display: block;
	padding: 8px 0 0 3px;
}
.module-status-background {
	position: relative;
	margin: -9px 0 0 -9px;
	width: 453px;
	height: 48px;
	background-image: url(/common/images/membershipModuleStatusBackground.png);
}
.module-status-background .status {
	position: absolute;
	top: 9px;
	width: 39px;
	height: 30px;
	background-repeat: no-repeat;
}
.module-status-background .status.active {
	background-image: url(/common/images/membershipStatusDotActive.png);
}
.module-status-background .status.inactive {
	background-image: url(/common/images/membershipStatusDotInactive.png);
}
.module-status-background h5 {
	font-size: 12px;
	font-weight: bold;
	padding: 16px 0 0 45px;
}
.module-status-background h5 span.red {
	font-size: 14px;
	text-transform: uppercase;
	color: #e31b23;
}
.module-status-background h5 span.green {
	font-size: 14px;
	text-transform: uppercase;
	color: #679146;
	text-decoration:none;
}
a.green
{
	font-size: 14px;
/*	text-transform: uppercase;*/
	color: #679146;
	text-decoration:none;
}
.module-summary-community-grants {
	position: relative;
	margin: 10px 0 0 0;
}
.module-summary-community-grants h5, .module-survey-summary h5, .module-start-a-survey h5 {
	font-size: 14px;
	font-weight: bold;
	color: #679146;
}
.module-summary-community-grants h5
{
    width: 300px;
}
.module-survey-summary h5 {
	padding: 6px 0 0 60px;
	font-size: 15px;
}
.module-summary-community-grants p.administrator, .module-start-a-survey p.administrator {
	margin-top: -10px;
	font-size: 11px;
}
.module-summary-community-grants p.valid-certifications {
	position: absolute;
	top: -5px;
	right: 0;
	font-size: 18px;
	font-weight: bold;
	color: #ec891d;
}
.lm-blue-bold {
	font-weight: bold;
	color: #003876;
}
.module-callout {
	position: relative;
	margin: 10px 0 0 0;
	padding: 10px 0;
	border-bottom: 1px solid #DAE8E4;
}
.module-callout h5 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #003876;
}
.module-callout p, .module-start-a-survey p, .module-survey-summary p {
	width: 275px;
}
.module-survey-summary p {
	margin: 10px 0 -5px;
	padding-bottom: 0;
}
.module-callout .callout-button-wrapper, .module-start-a-survey .callout-button-wrapper, .survey-summary-cta .callout-button-wrapper {
	position: absolute;
	top: 38px;
	left: 290px;
}
.module-start-a-survey {
	position: relative;
	margin: 0 -9px;
	padding: 5px 10px 10px 10px;
	background-image: url(/common/images/membershipStartASurveyBackground.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.module-survey-summary {
	position: relative;
	margin: 0 -9px;
	padding: 2px 10px 20px 10px;
	background-image: url(/common/images/membershipSurveySummaryBackground.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
.module-survey-summary .title {
	position: relative;
	height: 30px;
}
.module-survey-summary .status {

	position: absolute;
	top: 0;
	left: 0;
	width: 65px;
	height: 30px;
	background-position: left center;
	background-repeat: no-repeat;
}
.module-survey-summary .status.active {
	background-image: url(/common/images/survey-active.png);
}
.module-survey-summary .status.pending {
	background-image: url(/common/images/survey-draft.png);
}
.module-survey-summary .status.inactive {
	background-image: url(/common/images/survey-closed.png);
}
.results-summary {
	border: 1px solid #DAE8E4;
	border-left: none;
	border-right: none;
	height: 28px;
}
.results-summary .close-date {
	float: left;
	width: 206px;
	padding: 5px;
	border-right: 1px solid #DAE8E4;
	text-align: right;
}
.results-summary .percent-complete {
	float: left;
	width: 206px;
	padding: 5px;
	text-align: left;
}
.cta {
	position: relative;
}
.survey-summary-cta {
	position: relative;
	padding-top: 10px;
}
.close-date, .percent-complete {
	font-size: 16px;
	font-weight: bold;
	color: #ec891d;
}

/* season evals module */
/*participating, no associated organization view */
div#noOrgView div.searchByOrgNamePanel select
{
	width:auto;	
	margin-right:6px;
}
div#noOrgView div.searchByOrgTaxIdPanel, 
div#noOrgView div.searchByOrgNamePanel,
div#noOrgView div.orWrapper
{
	width:400px;
	float:left;	
}
div#noOrgView label
{
	width: 75px;
}
div#noOrgView input
{
	margin-right:6px;
}
div#noOrgView input.button
{
	margin-top:0;
}
div#noOrgView div.orWrapper
{
	text-align:center;
	height:30px;
	float:left;
}

img.expando-toggle
{
    float: right;
}


div#memberWrapper #leftColumn a.button
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#003876;
	background-image: url(/common/images/blueButtonGradient.png);
	/* background-repeat:repeat-x; */
	border:solid 1px #72a492;
	margin-top: 3px;
	padding:2px;
	width:auto !important;
	text-decoration:none;
	line-height:normal;
	font-weight:normal;
}
.viewDashboard {
	position: absolute;
	top: 18px;
	right: 10px;
}
.userIDAlreadyExists ul li {
	padding: 15px 50px 15px 165px;
}
.red {
	color: #e31b23;
}
.green {
	color: #679146;
}

.myRepCallOut, .getAQuoteCallOut {
    margin-bottom:10px;
    overflow:hidden;
}
.myRepCallOut .fill {
    padding-bottom:0px !important;
}
.myRepCallOut img.repPhoto
{
    height:72px;
    width:72px;
    border:1px solid #003876 !important;
    margin-bottom:10px;
}

.myRepCallOut .picAndServices {
    float:left;
    width:74px;
    text-align:center;
}
.myRepCallOut #repContactInfo {
    /*float:left;*/
    overflow:hidden;
    /*width:135px;*/
    background-color:#ffffff;
    padding-left:10px;
    padding-top:10px;
}
.myRepCallOut #repContactInfo span.lm-blue-bold {
    font-size:10px;
}

.myRepCallOut #repContactInfo h2 {
    color:#ec891d;
    margin-bottom:0px;
}
.myRepCallOut #repContactInfo h3 {
    font-weight:normal;
}
.myRepCallOut #repContactInfo .officeHours, .myRepCallOut #repContactInfo .repLocation {
    margin-bottom:10px;
}
.myRepCallOut #repWrapper {
    overflow:hidden;
    background-color:#DCE8E4;
}
.myRepCallOut #repContactInfo .repLocation {
    float:none;
    width:auto;
}
.getAQuoteCallOut .bottom {
	background-image: url(/common/images/greenboxbottombar.gif) !important;
	height:31px !important;
	background-position:bottom center;
}
.getAQuoteCallOut .bottom input {
    width:100px;
}
.getAQuoteCallOut .fill {
    overflow:hidden;
}
.getAQuoteCallOut #getAQuoteWrapper {
    margin:0;
    padding:0;
    border-width:0;
    float:none;
}
.getAQuoteCallOut #ziptxt {
    margin-top:0px;
}
.getAQuoteCallOut .button {
    font-size: 10px !important;
}

#QuizEmbeddedFanSignupForm {
    margin-top:10px;
}
#QuizEmbeddedFanSignupForm .quiz-complete-signup #fullColumn {
    width:340px;
    margin-left:40px;
    margin-right:20px;
}
/*#QuizEmbeddedFanSignupForm .quiz-complete-signup #memberWrapper {
    float:left;
}*/
#QuizEmbeddedFanSignupForm .quiz-complete-signup #fullColumn label {
    width:130px !important;
}
#QuizEmbeddedFanSignupForm .quiz-complete-signup #fullColumn input.button {
    margin-left:144px;
}

#QuizEmbeddedFanSignupForm .quiz-complete-signup #fullColumn h4 {
    width:330px;
    background-image: url(/common/images/become-a-fan-container-top.png);
}
#QuizEmbeddedFanSignupForm .quiz-complete-signup #fullColumn hr {
    width:auto;
}
#QuizEmbeddedFanSignupForm .quiz-complete-signup #fullColumn .fill {
    background-image: url(/common/images/become-a-fan-container-fill.png);
    background-repeat: repeat-y;
}

#QuizEmbeddedFanSignupForm .quiz-complete-signup #fullColumn .bottom {
    background-image: url(/common/images/become-a-fan-container-bottom.png);
    background-repeat:no-repeat;
    height:5px;
}

#QuizEmbeddedFanSignupForm .quiz-complete-signup #fullColumn #whyCollectWrapper {
    margin: 4px 7px 0 0;
}


