/*  Copyright (C) 2006-2009 OneGreatFamily.com. All Rights Reserved.    */

#ValidationSummary
{
  width:80%;
  margin: 0 0 0 45px;
}

form .SectionContainer {padding-top: 10px;}

.FieldValidator {margin:-19px 0 0 90px;}

form legend {_margin: 0 -7px; /* IE Win */}

form fieldset 
{
  margin-bottom: 10px;
  border: none;
  background: none;
}

form legend 
{
  border: none;
  padding: 0 2px;
}

form fieldset label 
{
  display: inline-block;
  font-weight:bold;
  height:22px;
  vertical-align:middle;
}


form .bodyText label
{
  display:inline;
  font-weight:normal;
  height:12px;
}

form fieldset .MarginItems input 
{
  margin-left:0px;
  float:left;
  
}

form fieldset .CenterItems input 
{
  display:inline;
  margin-left:0px;
}

form fieldset ol 
{
  margin: 0;
  padding: 0;
}

form fieldset li 
{
  list-style: none;
  padding: 1px;
  margin: 0;
}

form fieldset li.RedValidatorText {margin-left:163px;}

form fieldset fieldset {margin: 3px 0 0;}

form fieldset fieldset legend 
{
  padding: 0 0 5px;
  font-weight: normal;
}

form fieldset fieldset label 
{
  display: block;
  width: auto;
}

form em 
{
  /* this style removed because it was causing italiziced words styles to be inconsistant to the rest of paragraphs not found within <fieldset> tags.
  color:#DF890F;
  font-family:Arial,Helvetica,Sans-Serif;
  font-size:18px;
  font-weight:bold;*/
}

form fieldset label {width: 130px; /* Width of labels */}

form fieldset .bodyText label {width: 100%;  /*Width of labels */}

form fieldset .InlineLabelAndInput label
{
  width:auto;
  height:auto;
}

form fieldset fieldset label {margin-left: 123px; /* Width plus 3 (html space) */}

form fieldset input {margin-left:5px;}

form fieldset .NoFieldLabel
{
  margin-left:15px;
  float:left;
}

form .MarginItems {margin-left:100px;}

form .CenterItems
{
  text-align:center;
  margin: 10px;
}

.plansTable li input {float:left}

/* TrialMultiPage Form specifics*/

.TrialMultiPage{ margin:20px 0px 0 0; display:inline-table; width:100%;}

.ColumnRight{ margin:0 15px 20px 0;}

.TrialMultiPage fieldset{ margin:0 0 0 20px; line-height:normal;}

.TrialMultiPage fieldset label { text-align:right; width:145px;}

.TrialMultiPage fieldset li {border:1px #fff solid;}

.TrialMultiPage fieldset select{ margin:0 0 0 5px;}

.TrialMultiPage fieldset ol{}

.TrialMultiPage .TextUnderField {margin:0 0 0 155px;}

.TrialMultiPage .fieldsetPlan ul {margin:0 0 0 0}

.TrialMultiPage fieldsetPlan li + li {width:220px;}

.TrialMultiPage .fieldsetPlan label
{
    display:block;
    font-weight:normal;
    text-align:left;
    width:100%;
    padding:0 0 0 30px;
}

.TrialMultiPage .fieldsetPlan li { padding:15px 0px;}

/*styles for fullAccess.aspx-------------------------------------------*/
.FullAccessPage .fieldsetPlan ul {margin:0}

.FullAccessPage .fieldsetPlan label
{
    display:block;
    font-weight:normal;
    text-align:left;
    width:100%;
    padding:0 0 0 30px;
    color:#000;
}

.FullAccessPage .fieldsetPlan li { padding:15px 10px;}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/

form fieldset fieldset#EmailPreferencesList label {margin-left:0px;}

.EmailPreferences 
{
    margin: 10px 0 15px 0;
}

#EmailPreferencesList
{
    padding:0px;
    margin:-20px 0 0 22px;
}

#EmailPreferencesList li
{
    margin: 0 0 0 125px;
    padding:0px;
    display:block;
    text-align:left;
    padding:0 0 5px 3px;
}

#EmailPreferencesList label
{
    font-weight:normal;
    text-align:left;
    width:100%;
    display:inline;
    height:auto;
    padding:0 0 0 6px;
}


#EmailPreferencesLabel 
{
    margin:0px 0 0 0px;
}

#EmailPreferencesList input
{
    float:left;
    margin:0 0 0 4px;
    padding:0px
}

#EmailPreferencesLabel label
{
    font-weight:bold;
    text-align:left;
    margin:0 0px 0 23px;
}

#NextButton 
{
    margin:0px 0 0 200px;
    text-align:center; 
}

li #NextButton { width:385px; }

.BillOnePayment
{
	display:block;
	margin:0 0 0 60px;
	width:280px;
	color:#000;
}

.OnePaymentBlock
{
	display:block;
	color:#000;
	margin:20px 0 0 78px;
	width:280px;
}

#btnConfirmFinish  
{
   margin:0 60px 0 0;
}

.BlackText
{
    font-family: Arial; 
    font-size: 12px; 
    color: Black;
}

/* span tags next to checkboxes on Multi Page Signup */
.checkLabel label
{
	margin:5px 0 0 -4px;
}

.emailPrefs label
{
	line-height:20px;
}

.Understanding
{
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding:10px 20px 15px 0;
}

.AgreeArea .AgreeLabel label
{
	width:260px;
	text-align:left;
	padding-left:4px;
	font-size:12px;
}
/* end of TrialMultiPage Form */

/* -------------------- additional styles for signup pages --------------------------- */
form fieldset ol.FormFull li label {width: 155px; /* Width of labels */}
form fieldset ol.FormFull li
{
	border-left:1px #fff solid;
	padding-left:5px;
}
form fieldset ol.FormFull input, form fieldset ol.FormFull select
{
	width:185px;
	margin-left:30px;
}

/*FormAlert red box on forms*/
form fieldset ol.FormFull li.FormAlert, .TrialMultiPage fieldset li.FormAlert
{
	background:#FFCDCD url(/Signup/images/Alert.gif) no-repeat right 2px;
	border:1px #F1484E solid;
	margin:0 0 5px 0;
}

#FormContent fieldset select, #FormFull select {width:191px;}

form fieldset ol.FormFull li.FormAlert span.validationError
{
	display:block;
	margin-left:189px;
	width:185px;
}

form fieldset ol.FormFull li.TrialMulti label
{
	text-align:right;
	width:145px;
}

form fieldset ol.FormFull li.TrialMulti input
{
	margin-left:0px;
}

form fieldset ol.FormFull li.TrialMulti select
{
	margin-left:0;
}

/**/
.PlanControl  ul {margin:0 0 0 30px;}
.PlanControl label
{
    text-align:left;
    width:100%;
    display:inline;
    font-weight:normal;
}
.PlanControl li {padding:10px}
.PlanControl input
{
    float:left;
    margin:0 5px 10px 0;
}
.FieldInformation 
{
    margin:0 0 0 189px;
    display:block;
}
.FieldInformationBlack
{
    color:Black;
    font-size:10px;
    margin:0 0 0 195px;
}

/* styles for email update form on MoreAboutOneGreatFamily.aspx */
.updateField
{
	border-left:1px #fff solid;
	padding-left:5px;
	padding-bottom:4px;
}

/* Signup Form with Blue Gradient Background */
#ContentBodyBlue
{
	background-color:#00456B;
	background-image: -moz-linear-gradient(center top, #00456B, #009CDB) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00456B), to(#009CDB)) !important;
	background:#009CDB url(/Signup/Images/SignupBlueGradient.gif) repeat-x left top;
	clear:both;
	padding:15px;
	position:relative;
	z-index:0;
}
.WhiteText {color:#fff}
#ContentBodyBlue h1
{
	background:none;
	border:0;
	font:normal 24px Georgia;
	letter-spacing:0;
	margin:0;
	text-align:left;
	text-transform:none;
}
.TextOrange {color:#F0B310}
#InnerArea
{
	background-color:#fff;
	position:relative;
	padding:40px 24px 20px 32px;
	z-index:1;
}
#InnerArea:after, #InnerAreaBorder
{
	content:"";
	border:1px #BFBFBF solid;
	position:absolute;
	top:14px;
	right:14px;
	bottom:14px;
	left:14px;
	z-index:2;
}
#ContentBodyInner {position:relative; z-index:4; font-size:12px; color:#000}
form fieldset.SimpleFieldset
{
	float:left;
	margin:0 0 40px 0;
	padding:3px 0 0 0;
	position:relative;
	width:403px;
	z-index:4;
}
form fieldset.SimpleFieldset ol
{
	border-right:1px #BFBFBF solid;
	padding-top:10px;
}
form fieldset.SimpleFieldset li
{
	padding:0 0 10px 0;
	position:relative;
	z-index:3;
}
form fieldset.SimpleFieldset label
{
	color:#000;
	padding-top:3px;
	text-align:right;
}
form fieldset.SimpleFieldset input
{
	border:1px #B2B2B2 solid;
	margin-left:10px;
	height:18px;
	width:209px;
}
form fieldset.SimpleFieldset select {border:1px #B2B2B2 solid; height:22px}
form fieldset.SimpleFieldset input.CVVCode {width:60px}
form fieldset.SimpleFieldset input.ZipCode {width:94px}
form fieldset.SimpleFieldset .RightSideBlock
{
	display:block;
	float:right;
	position:relative;
	width:258px;
}
form fieldset.SimpleFieldset .RightSideBlock input
{
	border:0;
	margin-left:-10px;
	outline:0;
	width:15px;
}
form fieldset.SimpleFieldset .RightSideBlock label
{
	display:inline;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	top:1px;
	left:-7px;
	width:100%;
}
form fieldset.SimpleFieldset .RightSideBlock select {width:70px}
form fieldset.SimpleFieldset .RightSideBlock .CheckboxBlock
{
	display:block;
	position:relative;
	top:-3px;
	z-index:3;
}
form fieldset.SimpleFieldset .RightSideBlock .CheckboxBlock label
{
	position:relative;
	left:5px;
	top:-7px;
	z-index:3;
}
.GrayPadlock
{
	position:absolute;
	top:1px;
	left:360px;
}
form fieldset.SimpleFieldset a, #AdditionalInfo a {color:#00456A}
form fieldset.SimpleFieldset a.WhatsThis
{
	display:block;
	position:absolute;
	top:2px;
	left:215px;
	line-height:15px;
	height:15px;
	width:72px;
}
form fieldset.SimpleFieldset a.WhatsThis img
{
	border:0;
	position:absolute;
	top:2px;
	left:-2px;
	height:15px;
	width:72px;
	z-index:1000;
}
form fieldset.SimpleFieldset a.OrangeButton, a.OrangeButton
{
	color:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px #E4701E solid;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFAB2E), to(#E4701E)) !important;
	background: -moz-linear-gradient(top,  #EFAB2E, #E4701E) !important;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	display:inline-block;
	font: 14px/32px Georgia, "Times New Roman", Times, serif;
	margin-left:10px;
	position:relative;
	top:25px;
	height:34px;
	width:171px;
	text-align:center;
	text-decoration:none;
}
a.OrangeButton:hover {color:#fff}
form fieldset.SimpleFieldset a.OrangeButton:active, a.OrangeButton:active
{
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	top:26px;
}
.AlreadyMember, form fieldset.SimpleFieldset .AlreadyMember a {color:#B3B3B3}
form fieldset.SimpleFieldset .AlreadyMember a {font-weight:bold}
.AlreadyMember
{
	display:block;
	padding:50px 0 0 145px;
}
#AdditionalInfo
{
	color:#000;
	float:left;
	margin:9px 0 0 15px;
	position:relative;
	width:274px;
	z-index:3;
}
#AdditionalInfo h2
{
	color:#000;
	font:normal 21px Georgia;
}
#AdditionalInfo p {color:#000}
.InstantAccessList
{
	list-style-type:disc;
	margin:0;
	padding:13px 0 0 14px;
}
.InstantAccessList li {padding-bottom:16px}
.InstantAccessList li span {float:right}
#AdditionalInfo h2.TodaysTotal
{
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	color:#000;
	font:normal 21px/44px Georgia;
}
#AdditionalInfo h2.TodaysTotal span
{
	color:#8CC63F;
	float:right;
	font:normal 18px/44px Verdana;
}
#Details
{
	border-top:1px solid #BFBFBF;
	clear:both;
	padding-bottom:20px;
}
#Details p {color:#B3B3B3; font-size:12px; margin-bottom:0}
.NewSignupTooltip
{
	background:url(/Content/Styles/Images/New7DaySignupTooltip.png) no-repeat left top;
	height:191px;
	width:306px;
}
.NewSignupTooltipCVV, .NewSignupTooltipBenefits {display:none}
.NewSignupTooltipCVV
{
	position:absolute;
	top:-179px;
	left:238px;
	z-index:100;
}
.NewSignupTooltipBenefits
{
	position:absolute;
	top:174px;
	left:-21px;
	z-index:4;
}
.NewSignupTooltipCVV .CVVInfo
{
	background:url(/Content/Styles/Images/CreditCardsBackSide.png) no-repeat right 22px;
	height:150px;
	padding:20px 0 0 16px;
	width:285px;
}
.NewSignupTooltipCVV .CVVInfo p
{
	color:#000;
	margin:0 108px 10px 0;
}
#WhyCreditCard
{
	display:block;
	position:relative;
	height:14px;
	width:193px;
}
#WhyCreditCard img
{
	border:0;
	position:absolute;
	left:0;
	top:0;
	height:14px;
	width:193px;
	z-index:1000;
}
.NewSignupTooltipBenefits .TooltipMessage
{
	padding:13px 0 0 21px;
	width:285px;
}
.NewSignupTooltipBenefits .TooltipMessage p {line-height:20px}
#ValidationMainMessage
{
	background-color:#FFF4F4;
	border:1px solid #FF9797;
	color:red;
	display:none;
	font-size:14px;
	padding:4px;
	margin-bottom:15px;
}
#ValidationFullName, #ValidationEmail, #ValidationInvalidEmail, #ValidationEmailAddress, #ValidationPassword, #ValidationPasswordImportant, #ValidationPasswordConfirm, #ValidationPasswordNoMatch,
#ValidationCreditCard, #ValidationInvalidCard, #ValidationExpiration, #ValidationCVV, #ValidationZipCode, #ValidationInvalidZip, #ValidationTerms, #ValidationEmailConfirm
{
	display:none;
	color:#CC0000;
	font-size:11px;
	margin-left:144px;
	width:212px;
}
#NetSolIcon
{
	display:inline-block;
	position:absolute;
	top:2px;
	left:307px;
	z-index:98;
}
#ValidationExpired
{
	color:#CC0000;
	display:none;
	width:45px;
	position:absolute;
	top:3px;
	left:296px;
}
.ValidateUniqueEmail
{
	color:#CC0000 !important;
	display:block;
	font-size:11px;
	margin-left:144px;
	width:212px;
}
#ValidationTerms {width:250px}
.EnteredInfo
{
	list-style-type:none;
	margin:0;
	padding:10px 0 0 135px;
}
.EnteredInfo li {padding-bottom:4px}
.EnteredInfo label
{
	color:#000;
	display:block;
	float:left;
	font:bold 12px/15px Verdana, Arial;
	margin-right:20px;
	text-align:right;
	width:200px;
}
form fieldset.EmailFieldset {padding:37px 0 0 128px}
form fieldset.EmailFieldset li {position:relative}
form fieldset.EmailFieldset label
{
	color:#000;
	padding-top:4px;
	text-align:right;
}
form fieldset.EmailFieldset input
{
		border:1px #B2B2B2 solid;
		height:18px;
		width:181px;
}
#ContentBodyInner .EmailPreferences
{
	margin:0 0 0 0;
	padding:6px 0 0 138px;
}
#EmailPreferencesLabel
{
	color:#000;
	font-weight:bold;
	position:relative;
	top:15px;
}
#ContentBodyInner .EmailPreferences #EmailPreferencesList {margin:0}
#ContentBodyInner .EmailPreferences #EmailPreferencesList li {padding:0 0 5px 0}
#ContentBodyInner .EmailPreferences #EmailPreferencesList input {margin:0 0 0 8px}
#ContentBodyInner .EmailPreferences #EmailPreferencesList label {padding:0 0 0 12px}
#TermsAndConditionsBox
{
	border:1px #D8D8D8 solid;
	height:150px;
	clear:both;
	margin-right:8px;
	overflow-y:scroll;
	padding:0 5px 0 5px;
	position:relative;
	z-index:100;
}
#TermsAndConditionsBox p, #TermsAndConditionsBox ul, #TermsAndConditionsBox ol
{
	color:#000;
	font-size:11px;
}
#Additional
{
	padding-bottom:20px;
	position:relative;
	z-index:100;
}
#Additional p
{
	color:#000;
	font-size:12px;
}