input  , select {border-radius:0;   }

select {  
 padding: 0 5px 0 4px; 
height:36px; 
border:2px solid #ccc;
background-color:#fff
}
 
/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
select{
	background-image: url(../images/icons/selectDD.png);
	background-position:right 50%;
	background-repeat:no-repeat;
	-webkit-appearance:none;
	padding: 0 48px 0 10px; 
 height:44px; border:1px solid #ccc;  
} 
}

select  option{   padding:2px 4px; margin: 0 2px; }
input[type=text] , input[type=email] , input[type=password]  , input[type=telephone]  { border:2px solid #ccc; height:36px; padding:5px;  }
textarea{border:2px solid #ccc; padding:5px; width:100%}

input[type=text].inputErr, input[type=password].inputErr,  input[type=email].inputErr, select.inputErr { border-color:#FF0000;} 

::-webkit-input-placeholder { color:#b1b1b1; }
::-moz-placeholder { color:#b1b1b1; } /* firefox 19+ */
:-ms-input-placeholder { color:#b1b1b1; } /* ie */
input:-moz-placeholder { color:#b1b1b1; }






#loginContainer, #registerWrap{
	border:1px solid #e1e1e1;
	padding: 10px 20px;
	margin:10px 0 0 0;
	width:48%;
	background-color:#f9f9f9; 
}

.mobile #loginContainer, .mobile #registerWrap{ width:100%; display:block; float:none; margin:10px auto 20px auto}

#loginContainer{ float: left}
#registerWrap{ float: right}




#loginContainer h5 ,#registerWrap h5{
font-size:1em;
color:#333;
font-weight:bold;
padding:12px;
margin:0 0 4px 0;
text-shadow: 1px 1px #fff;
background-color:#e1e1e1;
background-repeat: repeat-x;
background-image: url(../images/gradientBG.png);
background-position:left 10px;
}

.rows{ margin: 0 0 4px 0;}
.buttonRow{ margin:10px auto 0 auto}

/* account page boxes*/
#loginContainer hr, 
#registerWrap hr  { 
clear:both; display:block; margin:15px auto; border:0; background:none; background-color:#CCCCCC; height:2px;}

#loginContainer p, 
#registerWrap p  { 
clear:both; display:block; margin:8px auto; padding:0 }

#forgottenLink{
	color: #006699;
	cursor: pointer;
}
#forgottenLink:hover{ text-decoration:underline}



  
 

.errorMessage{ color:#FF0000; font-size:0.8em; font-weight:bold; display:block; clear:both; margin:10px auto}

#loginContainer input  , 
#registerStartWrap input  {width:100%;}

#loginContainer label, 
#registerStart label , 
#registerForm label{
	font-weight:bold;
	display:block;
	font-size:0.8em;
	color:#AFAFAF;
	text-shadow:1px 1px #fff;
	padding:8px 0 2px 0;
	font-family:Arial, Helvetica, sans-serif
}

#registerForm input[type=text] , 
#registerForm input[type=email] ,
#registerForm input[type=password] ,
#registerForm input[type=telephone]  { width:300px;}
#registerForm .inputsDD{  width:300px;}


/* helpers */
form em{ font-size:0.8em; color:#666666; font-style:normal } 
 

.verificationCode{ width:18px; background-image:url(../images/verificationCode.png);  
display:block; float:left;height:24px;margin:0px 0px 0 0px ;  }
 
#verificationCode , #verificationCodeR { 
color:#000;
font-size:0.9em; 
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
text-align:center; 
height:26px; 
font-family:Arial, Helvetica, sans-serif ;
}

#contactForm #verificationCode{ width:96px; margin-left:5px;}

#registerForm #verificationCodeR   {
width: 180px; margin-left:10px;
}
	 

#agreeWithTerms, label#agreeWithTerms{ padding-left:30px;}
 

#contactFormWrapper{ display:block; margin:0 auto;  }

.mobile #contactFormWrapper{ display:block; margin:20px auto;  }

#contactForm   { 
display:block;
border:1px solid #ccc; 
border-top:1px solid #fff;  
font-family:Arial, Helvetica, sans-serif;
padding:15px  ;
 background:#e8e8e8; margin:0;
}  

#contactForm  p{
color:#545454;
display:block;
padding:6px 0 4px 0px;
margin:0;
font-weight:bold;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.75em;
}

#contactForm  br { clear:both; display:block}



#contactForm hr{ background-color:#f1f1f1}

#contactFormWrapper h3{ 
display:block;  	
text-decoration:none; 
clear:both; 
width:100%; 
padding:0 15px;
margin: 0px auto 0 auto;
border-radius:  0px 0px ;  
font-size:1.0em; 
font-weight:bold;
height:44px; 
line-height:44px;
text-align:left; background-color:#888; color:#FFFFFF
}

#contactForm input{
width:100%;
} 
#contactForm .inputText{
height:60px;
padding:4px;
width:100%; 
border:2px solid #ccc;
color:#333333;
padding:1px 0px 1px 3px;
font-family: Arial, Helvetica, sans-serif;
}

#contactForm #additionalInfo  p{
color: #FF6600
}

 
#educatorPermission, p#educatorPermission{ display:block;clear:both; padding:5px 0; font-style:italic} 
 

input.inputsOver , select.inputsOver , textarea.inputsOver { background-color:#FFFFFF;   border-color:#999;    }
input.inputsErr, select.inputsErr, textarea.inputsErr{ border-color: #FF0000}