#eboxHelpWrap {
   position: relative;
   top: 520px;
   left: 79px;
   width: 0px;
   height: 0px;
   display: none;
}

.issueSubmitContainer {
   clear: both;
   float: left;
   width: 100%;
}

.helpHeading {
   width: 100%;
   float: left;
	font-size: 2em;
	font-weight: 900;
	padding: 20px 20px 0px 20px;
}

#helpImage {
   float: left; 
   width: 100%;
   border: none;
}

.helpImage {
   float: left;
   margin: 0px 0px 20px 0px;   
}

.categories {
    float: left;
    width: 400px;
    margin: 20px 50px 0px 0px;
    height: auto;
    padding-bottom: 20px;
}

.helpSubject 
{
    height: auto;
    width:  400px;
    margin: 20px 0px 0px 0px;
    float: left;
    clear: both;
    background-color: #fefefe;
    box-shadow: 0px 0px 2px #aaaaaa;
    padding: 10px;
}

#helpBlock {
    border: solid;
    border-width: 0px 0px 5px 0px;
    border-color: #008c03;
    float: left;
    clear: both;
    height: auto;
    width: 900px;
}
.helpCross 
{
    background: url(/images/helpCross.png);
    background-repeat: no-repeat;
    height: 14px;
    width: 15px;
    float: left;
    clear: both;
    display: inline-block;
    margin: 1px 0px 0px 0px;
}

.helpSubjectHeading 
{
   
    font-size: 14pt;
    float: left;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    color: #4d7791;
 
    margin: 0px 0px 0px 5px;
}

.helpDescription 
{
    
    font-size: 1em;
    color: var(--pres-main-fg-color);
    float: left;
    clear: both;
    margin: 3px 0px 0px 21px;
    display: inline-block;
    line-height: 14pt;
}

.questionHeading {
   float: left;
   color: var(--pres-main-fg-color);
   width: 100%;
   padding: 10px;
   margin: 0px;
   font-size: 1.5em;
   background: var(--pres-main-bg-light);
}

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

.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 {
	display: inline-block;
	float: left;
	margin: -3px 0px 0px 0px;
}

.registerLabel {
   float: left;
   
   font-size: 1.5em;
   color: var(--pres-main-fg-color);
   margin: 0px 0px 0px 0px; 
   font-weight: bold;
   
}

.fbLog
{
   cursor: pointer;
}

#fbLogText {
	display: inline-block;
	float: left;
	background-color: #334d84;
	height: 20px;
	width: 170px;
	text-align: center;
	padding: 5px 0px 0px 0px;
   font-size: 10pt;
	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-size: 1em;
	float: left;
	margin: 0px 0px 5px 0px;
}

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

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

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

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

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

.row {
	float: left;
	margin: 5px 0px 0px 0px;
	clear: both;
	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;
}

.buttonRow {
	float: left;
	clear: both;
	margin: 20px 0px 0px 0px;
	clear: both;
	width: 100%;
	border-top: dotted 1px #bbbbbb;
	padding: 20px;
}

#required {
	margin-left: 20px;
}

.regLabel {
	float: left;
	font-size: 1em;
	color: var(--pres-main-fg-color);
	margin: 10px 0px 5px 0px;
	width: 100%;
	font-weight: bold;
		
}

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

.regLogLabel {
	float: left;
	font-size: 8pt;
	color: #1d1d1d;
	font-weight: bold;
	margin: 0px 10px 6px 0px;
	width: 60px;
	height: 12px;
	padding: 10px 5px 5px 5px;
	border: solid 1px #aaaaaa;
}

.regText {
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	width: 100%;
	font-size: 1em;
	border: solid 1px #bbbbbb;
   color: var(--pres-main-fg-color);
}

.multiText {
   float: left;
   clear: both;
	margin: 0px 0px 10px 0px;
	font-size: 1em;  
	border: solid 1px #bbbbbb;
   width: 100%;
   max-width: 100%;
   min-width: 100%;
   min-height: 100px;
}

.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 {
	color: var(--pres-light-fg-color);
	font-size: 1em;
	border: none;
	float: left;
	margin: 0px 0px 0px 0px;
   background: var(--pres-soft-black);
   cursor: pointer;
   padding: 10px 20px;
}

.regSubmitButtons:hover {
   background-color: #888888;  
}

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


.regTerms {
   float: left;
   margin: 0px 0px 0px 0px;
   font-size: 8pt;
   color: #15384e;
}

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

   height: auto;
   width: auto;
}

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

   height: auto;
   width: auto;
}

.why {
   float: left;
   font-size: 8pt;
   height: auto;
   width: auto;
}

#QwhyNotify {
   float: left;
   margin: 0px 0px 0px 0px;  
}

#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;
}

.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: 2px;
   left: 10px;
   width: 41px;
   height: 17px;
   background: url(/images/caret.png);
}

.box .text {
   background-color: white;
   padding: 10px;
   margin: 2px 2px 2px 2px;
   font-size: 10pt;
}

.brap .okay {
   margin: 5px 5px 5px 0px;
   float: right;
   clear: both;
   background-color: #15384E;
   color: white;
   background-image: url(/images/overlay.png);
   border: none;
   font-size: 8pt;

   width: 50px;
   height: 20px;
   position: relative;
   /*top: -30px;*/
   cursor: pointer;
}

#eboxWrap {
   position: relative;
   top: -181px;
   left: 579px;
   width: 0px;
   height: 0px;
   display: none;
}

#ebox {
   width: 325px;
   border: solid 1px #FD0;
   background-color: #ffffe0;
   color: #f00;
   font-size: 8pt;
   float: left;
   position: relative;
   top: -510px;
   left: -40px;
   padding: 10px 10px 10px 10px;
}

.prob {
   float: left;
   clear: both;
   margin: 3px 0px 0px 10px;
   font-size: 8pt;
}

.dottedLine {
   width: 440px;
   float: left;
   clear: both;
   border: dashed;
   border-width: 1px 0px 0px 0px;
   border-color: #aaaaaa;
   margin: 11px 0px 5px 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;  
}

.left, .left2 {
   float: left;
   width: 50%;
   padding: 20px;
}

#errorCopy {
   float: left;
   clear: both;
   
   
   font-size: 1em;
   color: var(--pres-light-fg-color);
   background: var(--pres-soft-black);
   width: 98;
   padding: 1%;
}

/* SMARTPHONES ----------- */
@media all and (min-width : 320px) and (max-width: 767px) {
   #mainContainer, #mainContent, 
   #user_container, #heading, #helpImage,
   .buttonRow
   {
      width: 100%;
   }
   
   #mainContent, #mainContainer, #user_container {
      margin: 0px;
   }
   
   #helpImage, #heading {
      padding: 0px;
      margin: 0px;
   }
   
   .centeredAd {
      display: none;
   }
   
   .left, .left2 {
      width: 100%;
   }
   
   .questionHeading {
      font-size: 1em;
   }
   
   .regText, textarea {
      width: 98%;
      padding: 1%;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border: solid 1px #bbb;
   }
   
   /* #errorCopy {
      width: 96%;
      font-size: 3em;
      
      line-height: 1.2em;
      padding: 2%;
   }
   
   .issueSubmitContainer, #registrationForm {
      width: 100%;
   }
   
   .questionHeading {
      font-size: 3em;
      width: 96%;
      padding: 2%;
   }
   
   .registrationFormContent {
      width: 96%;
      padding: 2%;
   }
   
   .registerLabel, .regLabel {
      font-size: 3em;
      width: 100%;
      height: auto;
   }
  
   .regText, .left2 .regText {
      width: 100%;
      font-size: 3em;
      height: auto;
   }
   
   .left, .left2, .row {
      width: 98%;
      clear: both;
      border: none;
      margin: 0px 0px 10px 0px;
      height: auto;
      padding: 0px;
   }
   
   .regLabelTall {
      width: 100%;
      font-size: 3em;
      height: auto;
      clear: both;
   }
   
   .multiText {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      min-height: 150px;  
   }
   
   .buttonRow {
      border: none;
      width: 100%;
   }
   
   .regSubmitButtons {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      font-size: 3em;
      height: 100px;
      width: 300px;
   } */
}