﻿.LoginHolder {
	background-color: #EBE7DB;
	}

.LoginBox {
	padding: 15px 0;
	}
	.LoginBox h2 {
		color: #240f00;
		font-size: 160%;
		}
	.LoginBox .FieldLabel {
		color: #240f00;
		display: block;
		font-size: 85%;
		font-weight: bold;
		margin-bottom: 3px;
		padding-bottom: 0;
		}
	.LoginBox input.Text {
		border: 1px #928780 solid;
		padding: 5px;
		width: 208px;
		}
	.LoginBox .RememberLabel {
		color: #d7ceb7;
		font-size: 85%;
		font-weight: normal;
		}
	.LoginBox .RememberMe {
		padding: 0 0 0 20px;
		position: relative;
		}
	.LoginBox .RememberMe input {
		left: 0px;
		position: absolute;
		top: 2px;
		}
	.LoginBox .Error {
		margin-bottom: 0;
		}
	.LoginBox .Error p {
		margin-bottom: 0;
		padding-bottom: 0;
		}
		
	.LoginBox p.Forgotten {
		color: #f00;
		}
	.LoginBox .Forgotten,
	.LoginBox .Forgotten a {
		color: #ffb980;
		}

.Benefits {
	padding-top: 15px;
	}
	.Benefits h2 {
		color: #240f00;
		font-size: 280%;
		letter-spacing: -2px;
		line-height: 1.1em;
		}

.BenefitsSmall {
	background-color: #F8F7F3;
	padding: 10px;
	}
	.Benefits h2 {
		color: #240f00;
		font-size: 280%;
		letter-spacing: -2px;
		line-height: 1.1em;
		}
	
img.Benefit {
	background-color: #F2EFE7;
	padding: 1px;
	width: 58px;
	}
.BenefitText {
	color: #240f00;
	font-size: 85%;
	padding-top: 2px;
	}
	

.Benefit {
	min-height: 60px;
	padding: 4px 0 4px 90px;
	}
	.BenefitAlerts { background: transparent url(/Images/Login/NewBenefitIcons/Alerts.jpg) no-repeat left top; }
	.BenefitGoals { background: transparent url(/Images/Login/NewBenefitIcons/Goals.jpg) no-repeat left top; }
	.BenefitQanda { background: transparent url(/Images/Login/NewBenefitIcons/Qanda.jpg) no-repeat left top; }
	.BenefitDiscussion { background: transparent url(/Images/Login/NewBenefitIcons/Discussion.jpg) no-repeat left top; }
	.BenefitProductReviews { background: transparent url(/Images/Login/NewBenefitIcons/ProductReviews.jpg) no-repeat left top; }
	.BenefitProductIllustrations { background: transparent url(/Images/Login/NewBenefitIcons/ProductIllustrations.jpg) no-repeat left top; }
	.BenefitContent { background: transparent url(/Images/Login/NewBenefitIcons/Content.jpg) no-repeat left top; }

.EmailTreats {
	background: #eeeae1 url(/Images/Login/EmailBoxBottom.gif) no-repeat bottom left;
	border-top: 15px #fff solid;
	}
	.EmailTreats h2 {
		background: #eeeae1 url(/Images/Login/EmailBoxTop.gif) no-repeat top left;
		font-size: 150%;
		padding: 15px 15px 0 15px
		}
	.EmailTreats div.Inputs {
		}
	.EmailTreats .Internal {
		padding: 0 15px 15px 15px;
		}
	.EmailTreats input.Text {
		border: 1px #ffb980 solid;
		margin-bottom: 5px;
		padding: 5px;
		width: 258px;
		}
		
/*Email sub prefs*/
.EmailSubOptions {
	background: #f2efe7 url(/Images/Login/EnvelopeLarge.gif) no-repeat bottom right;
	min-height: 185px;
	padding: 12px;
	}
.EmailSubContain {margin-bottom: 20px;}

	fieldset.EmailSub label{
	font-weight: bold;
	}
fieldset.EmailSub label.Standalone {
	display: block;
	font-family: Tahoma, Verdana, Arial, helv, Sans-Serif;
	color: #444;
	padding: 0 !important;
	margin: 10px 0 5px 0;
	}
    fieldset.EmailSub input.Text {
		border: 1px #ffb980 solid;
		color: #000;
		display: block;
		margin: 10px 0;
		padding: 5px;
		}
		.EmailSub span.txtError {
        margin-left: 0;
        }
        .EmailSub span.CheckRadioHoriz label {
            display: inline;
            clear: none;
	        padding: 0 !important;
	        margin: 0 0 0 5px !important; 
	        }
	        .EmailSubOptions td {
	        padding-bottom: 8px;
	        }
	        .EmailSubOptions td p{
	        color: #333;
	        margin-left: 18px;
	        font-weight: normal;
	        }
	        .EmailSubOptions p{
	        margin-left: 0;
	        font-weight: normal;
	        }
fieldset.dl h4 {
    background-color: #E5F0F1;
    color: #503F33;
    padding:10px 10px 5px;
    margin-bottom: 0;
    font-weight: bold;
    }
dl.Form {
	background-color: #E5F0F1;
	padding: 10px 0;
	}
	dl.Form dt {
		clear: left;
		color: #240f00;
		float: left;
		padding: 5px 10px 5px 10px;
		position: relative;
		width: 200px;
		}
		dl.Form dt label {
			display: block;
			padding: 2px 0 4px 0;
			}
		dl.Form dt span {
			font-size: 85%;
			color: #888;
			margin: 0;
			padding: 0;
			}
	dl.Form dd {
		margin-left: 230px;
		padding-bottom: 8px;
		width: 380px;
		}
		dl.Form dd span.Input {
			background-color: #CCE1E4;
			display: block;
			padding: 4px;
			position: relative;
			width: 372px;
			}
			dl.Form dd span.Input input {
				background-color: #fff;
				border: 1px #80B3BB solid;
				color: #006778;
				font-size: 140%;
				padding: 4px;
				width: 362px;
				}
			dl.Form dd span.Input span label {
				padding-left: 5px;
				}
			dl.Form dd span.Input span.Under {
				font-size: 85%;
				color: #555;
				margin: 0;
				padding: 0;
				}
			dl.Form dd span.Input textarea {
				border: 1px #80B3BB solid;
				padding: 4px;
				width: 362px;
				}
			dl.Form dd.Checkbox input,
			dl.Form dd span.Input .CheckBox input {
				width: auto;
				padding: 4px;
				}
			dl.Form dd span.Input select {
				border: 1px #80B3BB solid;
				color: #006778;
				font-size: 140%;
				min-height: 25px;
				padding: 4px;
				}	
				dl.Form dd span.Input select.FullWidth {
					width: 372px;
					}
				
		dl.Form dd span.PoundSign {
			padding: 4px 4px 4px 4px;
			width: 372px;
			}
			dl.Form dd span.PoundSign em {
				color: #80B3BB;
				float: left;
				font-size: 210%;
				font-style: normal;
				line-height: 30px;
				width: 20px;
				}
			dl.Form dd span.PoundSign input {
				font-size: 140%;
				width: 342px;
				}
	dl.Form p.UsernameAjaxCheck {
		padding: 0;
		}

.qtip {
	background: transparent url(/Images/Login/TipArrow.gif) no-repeat top left;
	padding: 0 0 0 9px !important;
	}
	.qtip div.qtip-contentWrapper {
		background-color: #f5f5b5 !important;
		border: 1px solid #DECA7E !important;
		border-left: 0 !important;
		color: #333 !important;
		line-height: 18px !important;
		padding: 10px !important;
		}
		.qtip div.qtip-contentWrapper div {
			background-color: Transparent !important;
			padding: 0 !important;
			}

.Instruction {
	display: block;
	font-weight: bold;
	padding: 2px 0 5px 0 !important;
	}

.Errors {
	background-color: #FFE3CC;
	margin-bottom: 15px;
	padding: 10px;
	}
	.Errors h2 {
		color: #ff7200;
		}
	.Errors p {
		padding-bottom: 0;
		}
	.Errors ul {
		margin: 0 25px;
		}
		.Errors ul li {
			color: #240f00;
			list-style-type: circle;
			padding: 2px 0;
			}
	
p.Error {margin: 3px 0;}

div.RegWelcome p {
	color: #111;
	font-size: 240%;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 110%;
	margin: 12px 0;
	text-align: center;
	}
	div.RegWelcome p .MemberCount {
		color: #699B40;
		white-space: nowrap;
		}
.AddTag input.Text {
	width: 260px;
	}
	
select#MoreGoals {
	background-color: #f3f3f3;
	border: 1px #ccc solid;
	font-size: 110%;
	padding: 1px;
	width: 278px;
	}
	select#MoreGoals option {
		padding: 2px;
		}
		
/*Why register*/
#GridBlock {}

.SiteFeature {

    }
    .OddBox {background-color:#E9E7E5 !important; margin-bottom: 15px;}
.SiteFeature h3 {color: #240F00; padding: 10px 10px 0 10px;}
    .SiteFeature p {color: #240F00; padding: 2px 10px 12px 10px;}

.SiteFeature span.ImgFrame {
    background-color: #fff;
    border:1px solid #ccc;
    display:block;
    padding:6px;
    }
    .SiteFeature img {
        border:1px solid #fff;
        }
.SiteFeature span.NoFrame {
    border-top:3px solid #E4DECF;
    display:block;
    margin-bottom:-2px;
    }
    .SiteFeature span.NoFrame img{
    border:0;
    }
    
.RShift .SiteFeature span.ImgFrame {
    margin-right:-10px;
    margin-bottom:10px;
    float: right;
    }
    .RShift .SiteFeature span.ImgFrame img{
        border-right:0;
        }
        
div.TextFloat{width: 30%; float: left;}

/*Password strength*/
#passScore {
    display: block;
    height: 10px;
    padding-top:2px;
    }
h4#passScore  {font-weight:bold}   
