/* CSS for login and registration templates */

#login {
   position:absolute; 
   left:0px; 
   top:0px; width:100%; 
   height:100%; 
   z-index:2000000
}


#login_shadow {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:#FFFFFF;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
    -moz-opacity: 0.85; /* Mozilla 1.6 è íèæå */
    -khtml-opacity: 0.85; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.85; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

#login_centered_wrap {
    margin:auto;
    width:600px; 
    height:400px;

}

#registration_centered_wrap {
    margin:auto;
    width:1000px; 
    height:500px; 
}

#login_frame{

    position:relative;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding:40px;
    background: #bdc; /* non-css3 browsers */
    color: #3377AA;

    /* credit: Web Designer Wall: http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBDDEE', endColorstr='#337788'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#bde), to(#378)); /* webkit engines */
    background: -moz-linear-gradient(top, #bde, #378); /* for firefox 3.6+ */

    color:white;

    font-size:24px;
    font-weight:bold;
    text-align:center;
}

#registration_frame{

    position:relative;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding:40px;
    background: #bdc; /* non-css3 browsers */
    color: #3377AA;

    /* credit: Web Designer Wall: http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2fa5df', endColorstr='#2d4370'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#2fa5df), to(#2d4370)); /* webkit engines */
    background: -moz-linear-gradient(top, #2fa5df, #2d4370); /* for firefox 3.6+ */

    color:white;

    font-size:18px;
    font-weight:bold;
    text-align:center;
}


.login_mouseover {
    background: #eee; /* non-css3 browsers */

    color:#27b;
    /* credit: Web Designer Wall: http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c4c4c4'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c4c4c4)); /* webkit */
    background: -moz-linear-gradient(top,   #ffffff,  #c4c4c4 ); /* FF 3.6+ */
}


.login_mouseout {
    background: #29d; /* non-css3 browsers */
    color:#FFFFFF;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2fa5df', endColorstr='#2d4370'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#2fa5df), to(#2d4370)); /* webkit engines */
    background: -moz-linear-gradient(top,  #2fa5df, #2d4370); /* for firefox 3.6+ */
}


.login_button {

    height:52px;
    width:180px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    border:none;

    font-size:24px; 
    font-weight:bold;
    text-align:center;

    cursor:pointer;
    color: #fff;
}