/*------------------------------------------------------------------

[Login/Signup Stylesheet]

    Project:        Emvusi 
    Version:        1.0
    Last change:    23/05/2012
    Assigned to:    Ferrari Gian Carlo

    1. Globale
    2. Container
-------------------------------------------------------------------*/
  
 /* 1. Globale */ 
 @font-face {
    font-family: 'Droid Sans Bold';
    src: url('../../Assets/font/droidsans-bold-webfont.eot');
    src: url('../../Assets/font/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Assets/font/droidsans-bold-webfont.woff') format('woff'),
         url('../../Assets/font/droidsans-bold-webfont.ttf') format('truetype'),
         url('../../Assets/font/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;


}

@font-face {
    font-family: 'Droid Sans';
    src: url('../../Assets/font/droidsans-webfont.eot');
    src: url('../../Assets/font/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Assets/font/droidsans-webfont.woff') format('woff'),
         url('../../Assets/font/droidsans-webfont.ttf') format('truetype'),
         url('../../Assets/font/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;


}
 body 
      {
          background: url(../../Assets/img/bg.jpg) repeat;
          padding-top: 0px; 
          color: #838383;
          font-family: "Droid Sans","Lucida Grande",Verdana,sans-serif;
          font-size: .8em;
      }
      
 .loading
        {
	        display:none;
	        text-align:center;
	        background-color: #fff;
	        position:absolute;
	        width: 100px;
	        height: 80px;
	        left:50%;
	        top:50%;
	        margin:-50px 0 0 -50px;
	        -moz-border-radius: 30px 30px 30px 30px;
            -webkit-border-radius: 30px 30px 30px 30px;
            border-radius: 30px 30px 30px 30px;
            -moz-box-shadow: 0 0 10px #333333;
            -webkit-box-shadow: 0 0 10px #333333;
            box-shadow: 0 0 10px #333333;
            z-index:100000;
        }

 .body_loading
        {
	        padding-top: 8px;
	        padding-left: 10px;
	        padding-right: 8px;
	        padding-bottom: 8px;
	       
        }
 .account-container {
          width: 380px; 
          display: block;
          margin: 60px auto 0 auto;
          background: #f9f9f9;
          border: 1px solid #d5d5d5;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          box-shadow:  0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6;
}

.content {
    padding: 16px 28px 23px;
} 

.account-container h1 {
    margin-bottom: .1em;
    color:Black;
    /*color: #f90;*/
}

.login-fields {
    
}

.login-fields .field {
    margin-bottom: 1.15em;
}

.login-fields label {
    display: none;
}

.login-fields input {
    font-family: "Droid Sans";
    font-size: 18px;
    color: #8e8d8d;
    padding: 0px 15px 0px 45px;
    background-color: #fdfdfd;
    height:40px;
    display: block;
    margin: 0;
       width:80%;
}



.username-field { background: url(../../Assets/img/user.png) no-repeat; }

.password-field { background: url(../../Assets/img/password.png) no-repeat; }

span.login-checkbox {
    float: left;
    margin-top: 5px;
}

span.login-checkbox > input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 15px;
}

span.login-checkbox > input[type='checkbox'] + label {    
    clear: none;
    
    height: 15px; 
    display: block;
    padding: 0 0 0 22px;
    margin: 0;
    
    font-size: 12px;
    line-height: 1.2em;
    
    background: url("../../Assets/img/check.png") no-repeat 0 0;
    
    cursor: pointer;
}

span.login-checkbox > input[type='checkbox']:checked + label {  
    background-position: 0 -15px;
}

/** Text Under Box**/
.login-extra {
    display: block; 
    width: 300px; 
    margin: 1.25em auto;
     
    text-align: center;
    line-height: 19px; 
    
    text-shadow: 1px 1px 0px #fff;  
}

form {
    margin: 0 0 2px;
}



.button 
{
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    display: inline-block; 
    float: right; 
    margin-top: 2px;}










@media (max-width: 480px) {
    
    .account-container h1{
        font-size: 30px;
        background: transparent;
    }

    .account-container {
        width: 280px;   
        margin-top: 15px;
    }
    
    .login-fields input {
        width: 73%;
    }
    
   
    
}