.regLine {
   float: left;
   width: 100%;
   height: 0px;
   border-bottom: solid 1px #bbbbbb;
   margin: 0px 0px 10px 0px;  
}

.or {
   width: 100%;
   
   font-size: 1em;
   float:left;
   clear: both;
   margin: 10px 0px;
}

.memberLine {
   float: left;
   width: 500px;
   height: 0px;
   margin: 1px 0px 0px 0px;  
   display: none;
}

.readAccept {
   float: left;
   color: var(--pres-main-fg-color);
   
   margin-top: 10px;
   font-size: .9em;
}

.buttonRow {
	float: left;
	clear: both;
	width: 300px;
	height: auto;
	color: #fafafa;
	margin: 10px 0px 0px 0px;
}

.registrationBanner {
   float: left;
   height: auto;
   width: auto;
   margin: 0px 0px 20px 0px;
}

.registrationBanner .header {
   float: left;
   height: auto;
   width: auto;
   

   font-size: 24pt;
   color: #4d7791;
   background-color: #1d1d1d;
   padding: 10px 10px 0px 10px;
}

.registrationBanner .body {
   float: left;
   clear: both;
   

   font-size: 10pt;
   color: #fafafa;
   background-color: #1d1d1d;
   padding: 10px;
}

.loginHeading {
   float: left;
   background-color: #1d1d1d;
   color: #fafafa;
   height: 20px;
   width: 325px;
   padding: 10px;
   box-shadow: 0px 0px 2px #000000;
  
   margin: 0px 0px 0px 0px;
}

#pageHeading {
	width: 900px;
	height: auto;
	float: left;
	border: solid;
	border-color: #dddddd;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 5px 0px;
}

.title {
	color: #4d7791;
	float: left;
	font-size: 16pt;
	font-weight: bold;
}

.inline {
	float: left;
	margin: 0px 0px 0px 0px;
	height: 40px;
	width: 40px;
}

.registerLabel {
   float: left;
   

   font-size: 10pt;
   color: #fafafa;
   margin: 0px 0px 5px 0px; 
   background-color: #1d1d1d; 
   padding: 5px;
}

.fbLog
{
   cursor: pointer;
}

#fbLogText, #cwFBText {
	display: inline-block;
	float: left;
	background-color: #334d84;
	height: 27px;
	width: 200px;
	text-align: center;
	padding: 13px 0px 0px 0px;
   font-size: 12pt;
	color: var(--pres-light-fg-color);
	font-weight: bold;
	margin: 0px 3px 0px 0px;
}

#fbRegText {
	display: inline-block;
	float: left;
	background-color: #334d84;
	height: 20px;
	width: 170px;
	text-align: center;
	padding: 5px 0px 0px 0px;
	cursor: pointer;
}

#fbRegister {
   float: left;
	height: 30px;
	width: 205px;
	font-size: 10pt;
	color: var(--pres-light-fg-color);
	font-weight: bold;
	padding: 5px 0px 0px 0px;
   margin: -10px 0px 0px 0px;
}

#regWithFb {
	margin: 0px 0px 0px 3px;
	cursor: pointer;
}

#registerHeading {
	font-family: aardvark;
	font-size: 24pt;
	float: left;
	color: #15384e;
	margin: 0px 0px 5px 0px;
}

#registerCopy {
	font-size: 10pt;
	
	font-weight: bold;
	font-style: italic;
	float: left;
}

.registerContainer {
   float: left;
   clear: both;
   height: auto;
   width: 100%;  
   margin: 0px 0px 0px 0px;
   background: var(--pres-main-bg-light);
}

.registerContent {
   float: left;
   clear: both;
   height: auto;
   width: 100%;  
   margin: 0px 0px 0px 0px; 
}

.loginOptions {
   float: left;
   height: auto;
   margin: 0px 0px 0px 0px;
   width: 100%;
}

.loginContainer {
   float: left;
   height: auto;  
   margin: 0px 0px 0px 20px;
}

#registrationForm {
	height: auto;
   float: left;
   width: 100%;
   margin: 0px 0px 0px 0px; 
   padding: 20px;
}

#loginFormContainer {
	width: 325px;
	height: auto;
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
   background-color: #eeeeee;
   padding: 10px;
   box-shadow: 0px 0px 2px #aaaaaa;
}

.row {
	float: left;
	margin: 5px 0px 0px 0px;
	clear: both;
	width: 100%;
}

.registerFormContent {
   float: left;
   height: auto;
   width: 100%;
}

.logButtonRow {
	float: right;
	margin: 20px 0px 0px 0px;
	clear: both;
	width: 325px;
	border: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #aaaaaa;
	padding: 10px 0px 0px 0px;
}



#required {
	margin-left: 20px;
}

.regLabel {
	float: left;
	font-size: 1em;
	color: var(--pres-main-fg-color);
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	padding: 1% 0px;
   
}

.regText {
   float: left;
   clear: both;
   margin: 0px;
   width: 100%;
   padding: 10px;
   font-size: 1em;
   border: solid 1px #bbbbbb;
   border-radius: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
}

.multiText {
   float: left;
	margin: 0px 0px 0px 0px;
	width: 330px;
	height: 260px;
	font-weight: bold;
	
	font-size: 10pt;  
}

.regLogText {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 220px;
	height: 20px;
	font-weight: bold;
	
	font-size: 10pt;
}

#mobProv {
   margin: 5px 0px 0px 0px;  
   height: auto;
}

.regSText {
	float: left;
	margin: 7px 0px 0px 10px;
	width: 100px;
	height: 20px;
}

.regGenderLabel {
	float: left;
	font-size: 8pt;
	color: var(--pres-main-fg-color);
	margin: 15px 3px 0px 10px;
}

.regRadio {
	float: left;
	margin: 14px 0px 0px 0px;
}

.dobSelect {
	float: left;
	height: auto;
	margin: 6px 0px 0px 10px;
	
}

.regSubmitButtons {
   float: left;
   margin: 0px 5px 0px 0px;
   font-size: .9em;
   padding: 0px 10px;
   text-align: center;
   cursor: pointer;
   border: none;
   line-height: 30px;
}

.req {
   color: #f00;
   font-size: 8pt;
}


.regTerms {
   float: left;
   margin: 1px 5px 0;
   font-size: .9em;
   color: var(--pres-main-fg-color);
}

.captchaContainer {
   float: left;
   margin: 10px 10px 0px 0px;
   font-size: 10pt;
   color: #aaaaaa;

   height: auto;
   width: auto;
}

.regTermText {
   float: left;
   margin: 0px;
   font-size: .9em;
   height: auto;
   width: auto;
   
}

.why {
   float: left;
   font-size: .9em;
   height: auto;
   width: auto;
}

#QwhyNotify {
   float: left;
   margin: 0px 0px 0px 5px;  
   font-size: 1em;
}

#QwhyZip {
   float: left;
   margin: 8px 0px 0px 10px;  
}

#QwhyBDay {
   float: left;
   margin: 10px 0px 0px 10px;  
}

#QwhyMobNum {
   float: left;
   margin: 10px 0px 0px 10px;  
}

#AwhyZip {
   position: relative;
   float: left;
   width: 0px;
   height: 0px;
   top: 11px;
   left: -51px;
}

.ansBub {
   width: 300px;
   height: 124px;
   margin: 4px;
   background-image: url(/images/popUp.png);
}

.ansText {
   padding: 30px 10px 20px 20px;
   font-size: 10pt;
}

#cZipBtn {
   background-color: #15384e;
	float: right;
	border: none;
   background-image: url(/images/overlay.png);
   margin: 15px 15px 0px 0px;
   color: white;
   width: 50px;
   height: 20px;
   cursor: pointer;
   font-size: 8pt;

}

#AwhyBDay {
   position: relative;
   float: left;
   width: 0px;
   height: 0px;
   top: 13px;
   left: -50px;
}

#cBDayBtn {
   background-color: #15384e;
	float: right;
	border: none;
   background-image: url(/images/overlay.png);
   margin: -3px 14px 0px 0px;
   color: white;
   width: 50px;
   height: 20px;
   cursor: pointer;
   font-size: 8pt;

}

#tooltip {
   position: absolute;
   display: none;
}

.brap {
}

.box {
   background: var(--pres-main-bg-light);
   border-radius: 3px;
   height: 100%;
   box-shadow: 0px 0px 10px #aaaaaa;
   -webkit-box-shadow: 0px 0px 10px #aaaaaa;
   -moz-box-shadow: 0px 0px 10px #aaaaaa;
}

.brap .caret {   
   position: relative;
   top: 1px;
   left: 15px;
   width: 20px;
   height: 8px;
   background: url(/images/caret.png);
   background-repeat: no-repeat;
   background-size: 20px 8px;
   display: none;
}

.box .text {
   padding: 15px;
   font-size: 1em;
   line-height: 20px;
   color: var(--pres-main-fg-color);
}

.box .btm {
   background: var(--pres-soft-black);
   border-radius: 0px 0px 3px 3px;
   padding: 5px;
}

.brap .okay {
   margin: 5px 5px 5px 0px;
   float: right;
   clear: both;
   background: var(--pres-main-bg-light);
   color: var(--pres-main-fg-color);
   border: none;
   font-size: .9em;
   cursor: pointer;
   line-height: 30px;   
   border-radius: 5px;
   padding: 0px 10px;
}

#ebox {
   width: 335px;
   border: solid 1px #BF3C49;
   background-color: #FEE;
   color: #BF3C49;
   padding: 10px;
   margin: 10px 0px 10px 0px;
   float: left;
   position: relative;
}

.prob {
   margin: 3px 0px 0px 10px;
   font-size: 1em;
}

.dottedLine {
   width: 500px;
   float: left;
   clear: both;
   border: dashed;
   border-width: 1px 0px 0px 0px;
   border-color: #aaaaaa;
   margin: 11px 0px 20px 0px;  
}

.dottedLine2 {
   width: 325px;
   float: left;
   clear: both;
   border: dashed;
   border-width: 1px 0px 0px 0px;
   border-color: #aaaaaa;
   margin: 10px 0px 10px 0px;  
}

.forgotPw {
   float: left;
   margin: 2px 0px 0px 0px;
   

   font-size: 8pt;
   text-decoration: underline;
   color: #1d1d1d;  
}

.directAdd {
	float: left;
	margin-right: 5px;
	background-color: #080;
	color: white;
	padding: 1px 4px 0px 4px;
}

.quickStart {
   float: left;
   width: 500px;
   margin: 0px 0px 0px 0px;
   border: solid 4px #444444;
   background-color: #eeeeee;
}

.quickStart .head {
   float: left;
   clear: both;
   font-size: 16pt;
   background: var(--pres-soft-black);
   margin: 0px 0px 20px 0px;
   width: 490px;
   height: 24px;
   padding: 8px 5px 5px 5px;
   color: #fafafa;
}

.quickStart .copy {
   float: left;
   clear: both;
   font-size: 12pt;
   width: 435px;

   
   margin: 5px 0px 0px 10px;
}

.fbLog {
   float: left;
   clear: both;
   margin: 20px 0px 10px 5px;
   height: 40px;  
}

.notNew {
   float: left;
   width: 100%;
}

.notNew .head {
   float: left;
   font-size: 1em;
   margin: 10px 0px 0px 0px;
   width: auto;
   color: var(--pres-main-fg-color);
}

.notNew .copy {
   float: left;
   clear: both;
   font-size: 10pt;
   margin: 0px 0px 10px 0px;
   width: 245px;
}

.grayed {
   color: #ccc;
}

.regFail {
   color: #BF3C49;
}

.goLog {
   clear: both;
   cursor: pointer;
   float: left;
   margin: 10px 0px 0px 0px;
}

.loginButtonUnder {
   float: left;
   margin: 0px 5px 0px 0px;
   font-size: 1em;
   color: var(--pres-light-fg-color);
   padding: 10px 0px 0px 0px;
   height: 30px;
   width: 100px;
   text-align: center;
   cursor: pointer;
   background: var(--pres-soft-black);
}

.fbcopy {
   font-size: 8pt;

   
   margin: 5px 10px 5px 10px;
}

.backtoReg {
   float: left;
   margin: 10px 20px 10px 20px;
   background-color: #1d1d1d;
   color: #fafafa;
   font-size: 10pt;

	height: 20px;
	width: 170px;
	text-align: center;
	padding: 5px 0px 0px 0px;
	cursor: pointer;
	display: inline-block;	
}

.oldLogin {
   float: left;
   font-size: 1.5em;
   font-weight: bold;
   margin: 0px;
   
   width: 100%;
   padding: 0px;
}

/* Why Sign Up */
.whySignUpContainer {
   position: relative;
   color: var(--pres-main-fg-color);
   width: 100%;
   margin: auto;
}

.whyHead {
   float: left;
   clear: both;
   font-size: 2em;
   font-weight: bold;
   margin: 20px 0px 0px 0px;
   width: 100%;
   text-align: center;
}

.whyList {
   float: left;
   clear: both;
   font-weight: bold;
   font-size: 1em;
   width: 100%;
   margin: 0px 0px 0px 0px;
   padding: 20px 0px;
   color: var(--pres-main-fg-color);
   line-height: 1.25em;
   text-align: center;
}

.wlct {
   float:left;
   width: 100%;
   clear:both;
}
/* End Why Sign Up */

h1.heading
{
   display: none;
}

#fbCont, #fbLogin {
   display: inline-block;
   vertical-align: middle;
   margin: 10px 0px;
   cursor: pointer;
   background: #334d84;
   color: var(--pres-light-fg-color);
   line-height: 50px;
   padding: 0px 15px;
   font-size: 1em;   
   width: 100%;
   position: relative;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   letter-spacing: 2px;
   text-transform: uppercase;
   font-size: 14px;
}

.fbSignUpIcon {
   margin-left: 10px;
   position: absolute;
   right: 10px;
   height: 100%;
   line-height: 50px;
   text-align: center;
   font-size: 24px;
}

#login, #register {
   float: left;
   width: 100%;
}

#register {
   clear: both;
}

.regLeft {
   float: left;
   clear: both;
   width: 100%;
   padding: 0px;
   margin-bottom: 20px;
}

.mts_cc_heading {
   display: none;
}

@media all and (min-width: 768px) {
   .heading {
      display: none;
   }

   #mainContainer, #footerContainer,
   #mainContent {
      margin: 0px;   
      padding: 0px;
   }
   
   .whyHead {
      font-size: 3em;
   }

   .registerContent {
      padding: 50px 0px;
   }

   #registrationForm {
      width: 708px;
      float: none;
      display: table;
      margin: 0px auto;
   }

   .regLeft {
      width: calc(50% - 8px);
      clear: none;
      float: none;
      display: inline-block;
      vertical-align: top;
      padding: 0px 10px;

   }

}