/*-- 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;}
input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
label{display:block;margin-bottom:5px;color:#333333;}

textarea{display:inline-block;width:210px;height:18px;padding:4px;font-size:13px;line-height:18px;color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; float:left;}

.uneditable-textarea{width:auto;height:auto;}
label input,label textarea,label select{display:block;}
input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0 \9;}
input[type="image"]{border:0;}
input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:#ffffff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;}
select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;}
input[type="file"]{line-height:18px \9;}
select{width:220px;background-color:#ffffff;}
select[multiple],select[size]{height:auto;}
input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}



#register-form {
   
   
    display: inline-block;
    margin-bottom: 30px;
    margin-left:10%;
    margin-top: 0px;    
    width: 480px;
	float:left;
	
}

#register-form .fieldgroup {
   
    display: inline-block;
    padding: 2px 2px;
    width: 420px;
	margin-bottom:5px;

	

	
}

#register-form .fieldgroup label {
    float: left;
    padding: 7px 0 0;
    text-align: right;
    width: 180px;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

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

}
 

.fieldgroup textarea
{
width:210px;
float:left;
height:60px;
margin-left:14px;
}
.dropdown
{
width:220px;
    float:left;
    margin-left: 12px ;
	margin-right:5px;
    height: 15px;
	padding-top:5px;
	padding-bottom:5px;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
    border:1px solid #ccc;
}
.fieldgroup table
{
margin-left:10%;}

#register-form .submit {
    padding: 4px;
	width:70px;
    height: 25px !important;
}
.reset
{
padding: 4px;
width:70px;
height: 25px !important;
}
#register-form .fieldgroup label.error {
    color: #FB3A3A;
    display: inline-block;
    margin: 4px 0 5px 125px;
    padding: 0;
    text-align: left;
    width: 100%;
}

.text 
{
   width:220px;
    float:left;
    margin-left: 12px ;
	margin-right:5px;
    height: 15px;
	padding-top:5px;
	padding-bottom:5px;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
    border:1px solid #ccc;


}
.text1 
{
    width:210px;
    float:left;
    margin-left: 0px ;
	margin-right:5px;
    height: 15px;

}
.textbox
{
    width:220px;
    float:left;
    margin-left: 12px ;
	margin-right:5px;
    height: 15px;
	padding-top:5px;
	padding-bottom:5px;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
    border:1px solid #ccc;
}

.inpbox, .reset
{
padding-top:4px;
padding-bottom:4px;
padding-left:12px;
padding-right:12px;
border-radius:3px;
 border:1px solid #ccc;}
 
 #register-form .fieldgroup table
 {
 margin-left:46%;}
 
@media only screen and (max-width : 319px)
{
#register-form .fieldgroup label 
{

width:50%;
text-align:left;


}
#register-form
{
margin-left:0px;
width:70%;}
#register-form .fieldgroup 
{

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

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

width:100%;
text-align:left;

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

width:100%;}
#register-form .fieldgroup table
{

float:left;
margin-left:0px;}
.textbox
{
float:left;
width:93%;
margin-left:0px;}
.text
{
width:93%;
float:left;
width:93%;
margin-left:0px;
}
#register-form .fieldgroup .dropdown
{
width:93%;
}
#register-form .fieldgroup select
{
float:left;
margin-left:0px;}
.fieldgroup textarea
{
margin-left:0px;
width:92%;}
}
@media only screen and (min-width : 481px) and (max-width : 639px)
{
#register-form .fieldgroup label 
{

width:70%;
text-align:left;

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

width:100%;}
.textbox
{
float:left;
margin-left:0px;
width:70%;}
.fieldgroup textarea
{
margin-left:0px;
float:left;
width:68%;}
#register-form .fieldgroup table
{

float:left;
margin-left:0px;}
.text
{
width:70%;
float:left;
width:70%;
margin-left:0px;
}
#register-form .fieldgroup .dropdown
{
width:70%;
}
#register-form .fieldgroup select
{
float:left;
margin-left:0px;}
small
{
width:100%;
float:left;
}
}
@media only screen and (min-width : 640px) and (max-width : 767px)
{

#register-form .fieldgroup label 
{

width:40%;
text-align:right;
background-color:#FFFFFF;
}
#register-form
{
margin-left:0px;
width:100%;
margin-top:0px;
}
#register-form .fieldgroup 
{

width:100%;}

#register-form .fieldgroup table
{
float:left;
margin-left:42%;}
.textbox
{
float:left;
margin-left:14px;}
}
@media only screen and (min-width : 1025px) and (max-width : 1124px)
{
#register-form 
{
width:800px;
margin-left:0px;
margin-top:0px;
float:left;
}
#register-form .fieldgroup label
{
width:180px;}
#register-form .fieldgroup
{
width:420px;}
}

@media only screen and (min-width : 768px) and (max-width : 1024px)
{

#register-form .fieldgroup label 
{

width:40%;
text-align:right;
}
#register-form
{
margin-left:0px;
width:80%;
margin-top:0px;
}
#register-form .fieldgroup 
{

width:100%;
}
.text ,.fieldgroup textarea
{


}
.inpbox
{
float:left;

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

}
@media only screen and (min-width : 1024px) and (max-width : 1124px)
{
#register-form
{
margin-left:0px;
width:75%;}
}