/*-- Bootstrap CSS ----------------------------------- */
pre code{padding:0;color:inherit;background-color:transparent;border:0;}
.pre-scrollable{max-height:340px;overflow-y:scroll;}
fieldset{padding:0;margin:0;border:0;}
legend{display:block;width:100%;padding:0;margin-bottom:0px;font-size:19.5px;line-height:36px;color:#333333;border:0;border-bottom:0px solid #eee;}legend small{font-size:13.5px;color:#999999;}
label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;}



#register-form {
   
   
    display: inline-block;
    margin-bottom: 30px;
    margin-left:auto;
	margin-right:auto;
    margin-top: 0px;    
    width: 100%;
	text-align:center;
	
}

#register-form .fieldgroup {
   
    display: inline-block;
    padding: 6px 0px;
    width: 400px;
	margin-left:26%;
	margin-right:auto;
	float:left;


}

#register-form .fieldgroup label {
    float: left;
    padding: 7px 0 0;
    text-align: right;
    width: 165px;
	font-size:14px;
	font-family:Calibri;

}

 #register-form .fieldgroup select {
    float:left;
    margin-left: 15px ;
    height: 30px;


}
 

#register-form .submit {
	width:auto;
    height:auto !important;
	border:0px solid #ccc;
	border-radius:0px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:12px;
	padding-right:12px;
	float:left;
	font-family:Calibri;
	color:#FFFFFF;
	font-size:13px;
	text-transform:uppercase;
	background-color:#ee1d24;
}
.reset
{
	width:auto;
    height:auto !important;
	border:0px solid #ccc;
	border-radius:0px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:12px;
	padding-right:12px;
	float:left;
	font-family:Calibri;
	color:#FFFFFF;
	font-size:13px;
	margin-left:10px;
	text-transform:uppercase;
	background-color:#000;
	}
#register-form .fieldgroup label.error {
    color: #ee1d24;
    display: inline-block;
    margin: 4px 0 5px 0px;
    padding: 0;
    text-align:center;
    width:100%;
}

.text
{
    width:100%;
    float:left;
    margin-left: 0px ;
	margin-right:5px;
    height: 37px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	color:#333333;	
	border-radius:4px;
	border:1px solid #666;

}
.textarea
{
	width:100%;
	float:left;
	height:90px;
	margin-left: 0px ;
	margin-right:0px;
	border-radius:4px;
	border:1px solid #666;
	padding-left:8px;
	padding-right:8px;
	color:#333333;	

}
#register-form .fieldgroup table
{
	margin-left:37%;}

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color:#666;
  font-family:Calibri;
  text-transform:uppercase;
  font-size:13px;
}

:-moz-placeholder { /* Firefox 18- */
   color:#666;
}

::-moz-placeholder { /* Firefox 19+ */
   color:#666;
}

:-ms-input-placeholder { /* IE 10+ */
   color:#666;
}

::-ms-input-placeholder { /* Edge */
   color:#666;
}

@media only screen and (max-width : 240px)
{
#register-form 
{
width:93%;
}
#register-form .fieldgroup 
{

width:100%;
margin-left:0px;
text-align:left;
}
#register-form .fieldgroup label
{

width:100%;
text-align:left;}
.text
{
float:left;
margin-left:0px;
margin-top:5px;
width:100%;
}
.textarea
{
margin-left:0px;
margin-top:5px;
width:100%;}
#register-form .fieldgroup table
{
float:left;
margin-left:0px;
}  


}
@media screen and (min-width: 320px) and (max-width: 480px) {
#register-form 
{
width:93%;
}
#register-form .fieldgroup 
{

width:100%;
margin-left:0px;
text-align:left;
}
#register-form .fieldgroup label
{

width:100%;
text-align:left;}
.text
{
float:left;
margin-left:0px;
margin-top:5px;
width:100%;
}
.textarea
{
margin-left:0px;
margin-top:5px;
width:100%;}
#register-form .fieldgroup table
{
float:left;
margin-left:0px;
}  

}

@media only screen and (min-width : 481px) and (max-width : 639px)
{
#register-form 
{
width:90%;
}

#register-form .fieldgroup 
{

width:100%;
margin-left:0px;
text-align:left;

}
#register-form .fieldgroup label
{

width:130px;
text-align:right;}
.text
{
float:left;
margin-left:0px;}
.textarea
{
margin-left:0px;}
#register-form .fieldgroup table
{
float:left;
margin-left:30%;}  
}
@media only screen and (min-width : 640px) and (max-width : 768px)
{
#register-form 
{
width:400px;
}

#register-form .fieldgroup 
{

width:100%;
margin-left:0px;
text-align:left;
}
#register-form .fieldgroup label
{

width:100%;
text-align:left;}
.text
{
float:left;
margin-left:0px;
margin-top:5px;
width:100%;
}
.textarea
{
margin-left:0px;
margin-top:5px;
width:100%;}
#register-form .fieldgroup table
{
float:left;
margin-left:0px;
}  
}
@media only screen and (min-width : 769px) and (max-width : 1024px)
{
#register-form 
{
width:400px;
}

#register-form .fieldgroup 
{

margin-left:0px;

}
}