﻿
    .googlebut{ }
    .regright{ }
      .regleft{ background:url(../images/register.jpg) no-repeat; height:700px; border-radius:5px;}
      .fieldset 
{
  margin:0 auto;
  float:right;
    width:98%;
 margin-bottom:20px;
 margin-right:1px;
 margin-top:15px;
    padding:20px 15px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background:#EFEFEF;
    text-align:right;
  
}
#register_container
{


direction: rtl;
width:80%;
margin:0 auto;
margin-top:50px;
padding-bottom:70%;
}
  #message {   direction: rtl;

 margin: 10px auto;
    display:none;
    width: 100%;
        }
        #messageerror {direction: rtl;

    margin: 4% auto;
    width: 100%;display:none;
        }
        #messagesussREG {direction: rtl;

    margin: 2% auto;
    width: 100%;display:none;
        }

@media (min-width: 980px)  and (max-width: 1280px) 
{ 
    .facebook_login {
width: 100%;
height:80px;
background-image: url('../images/gmail-logo4.png') ;
background-repeat:no-repeat;
 text-indent:-9999px;
 border:none;
color: #FFF !important;

}
    .googlebut{ width:92%}
      .fieldset 
{
  margin:0 auto;
  float:right;
    width:98%;
 margin-bottom:20px;
 margin-right:1px;
 margin-top:20px;
    padding:20px 15px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background-image: -moz-linear-gradient(center top , #EFEFEF 13%, #DDD 100%);
  
}
}

    
    @media (min-width: 640px) and (max-width: 980px) 
{ 
      .googlebut{ width:100%}
         .facebook_login {
width: 100%;
height:67px;
background-image: url('../images/gmail-logo4.png') ;
background-repeat:no-repeat;
 margin-right:-10px;
 border:none;
color: #FFF !important;

}
#register_container {
    direction: rtl;
    height: 850px;
    margin: 80px auto 0;
    width: 80%;
    margin-top:10%;
}
      #message {   direction: rtl;

  margin: 10px auto;
    width: 100%;display:none;
        }
       #messageerror {direction: rtl;

    margin: 2% auto;
    width: 100%;
        }
         #messagesussREG {direction: rtl;

    margin: 2% auto;
    width: 100%;
        }
      .fieldset 
{
  margin:0 auto;
  float:right;
    width:98%;
 margin-bottom:20px;
 margin-right:1px;
 margin-top:15px;
    padding:20px 15px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background-image: -moz-linear-gradient(center top , #EFEFEF 13%, #DDD 100%);
  
}
    
    }
     @media (min-width: 450px) and (max-width: 639px) 
        {
           .googlebut{ width:82%}
                   .facebook_login {
width: 100%;
height:80px;
background-image: url('../images/gmail-logo4.png') ;
background-repeat:no-repeat;
 margin-right:-10px;
 border:none;
color: #FFF !important;

}
            #register_container {
    direction: rtl;
    height: 850px;
    margin: 10% auto 0;
    width: 100%;
    margin-top:70px;
}
             #message {   direction: rtl;

    margin: 10% auto;
    width: 100%;display:none;
        }
              #messageerror {direction: rtl;

    margin: 2% auto;
    width: 100%;
        }
                #messagesussREG {direction: rtl;

    margin: 2% auto;
    width: 100%;
        }
             .regright{ }
      .regleft{ background:none; height:0px;}

  
            }
            @media (min-width: 320px) and (max-width: 451px) 
            {
                       .facebook_login {
width: 100%;

background-image: url('../images/gmail-logo4.png') ;
background-repeat:no-repeat;
 border:none;
color: #FFF !important;

}
        #register_container {
    direction: rtl;
    height: 850px;
    margin: 60px auto 0;
    width: 100%;

}
              #message {   direction: rtl;

    margin: 10px auto;
    width: 100%;display:none;
        }
               #messageerror {direction: rtl;

    margin: 2% auto;
    width: 100%;
        }
                #messagesussREG {direction: rtl;

    margin: 2% auto;
    width: 100%;
        }
          
                }
