.main {
	margin: 0px auto; width: 850px;
}
.main.dfc {
	margin: 0px; width: 810px;
}
body {
	color: rgb(87, 88, 88); font-family: arial; font-size: 12px; direction: rtl;
}
.main .info {
	background-position: top; margin: 0px; /*background-image: url("long-red-line.png"); background-repeat: no-repeat;*/
}
.main .info h2 {
	font-size: 22px;
}
.main .info .title {
	padding: 4px 40px 4px 0px;
}
.gddlogo-bg {
	background-position: right; padding-right: 60px; background-image: url("gddlogo.png"); background-repeat: no-repeat;
}
h3 {
	margin: 0px 0px 5px; color: #27b3f1; font-size: 18px; font-weight: bold;
}
.yellow {
	color: rgb(239, 172, 8);
}
.red {
	color: rgb(175, 1, 1);
}
.blue{
    color:#27b3f1;
}
.grey{
    color:#808080;
}
.errorlist {
	color: #b94a48;
}
.required
{
    padding-right: 20px !important;
    background-image: url(../Styles/required_red.png);
    background-position: 99% 11px;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}
.group 			  { 
  position:relative; 
  margin-bottom:25px; 
}
.float-input
{
  display:block;
  
}
.float-input { outline:none; }
.float-label
{
    color:rgb(180,180,180); 
  font-size:16px;
  position:absolute;
  pointer-events:none;
  right:25px;
  top:6px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.float-input:focus ~ label, .float-input:valid ~ label 		
{
  top:-20px;
  right:5px;
  font-size:12px;
  color:#999;
}
.float-input1:focus ~ label, .float-input1:valid ~ label 		
{
  top:-25px;
  right:5px;
  font-size:12px;
  color:#999;
}
.float-input2:focus ~ label, .float-input2:valid ~ label 		
{
  top:-40px;
  right:5px;
  font-size:12px;
  color:#999;
}
.float-input3:focus ~ label, .float-input3:valid ~ label 		
{
  top:-55px;
  right:5px;
  font-size:12px;
  color:#999;
}