/**************
*
* screen.css
*
/**************/

/* ------- HTML ELEMENTS ------- */

/* Special rules for the login form */
.form {
    width: 220px;
    padding: 15px 10px;
    background: transparent url(images/lines.png) no-repeat top right;
    margin-left: 310px;
    border: solid 2px opacity(@global_color, 0.15);
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -moz-border-top-colors: rgba(0,0,0,0.2) rgba(255,255,255,0.1);
    -moz-border-right-colors: rgba(0,0,0,0.2) rgba(255,255,255,0.1);
    -moz-border-left-colors: rgba(0,0,0,0.2) rgba(255,255,255,0.1);
    -moz-border-bottom-colors: rgba(0,0,0,0.2) rgba(255,255,255,0.1);
    -moz-transition-property: all;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
}

#formDiv {
    overflow: hidden;
    height: 155px;
    -moz-transition-property: all;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
}

#welcome {
    width: 300px;
    float: left;
}

label {
    padding: 4px;
}

.logo {
    margin-top: 18px;
    margin-right: -24px;
    float: right;
    width: 73px;
    height: 70px;
    background: url(images/bespin-s.png);
}

#commentform {
    text-align: left;
}

.hint {
    color: @global_error_color;
    float: right;
    padding-right: 2px;
}

/* Hack to add more spacing between the radio buttons */
fieldset > div {
    height: 30px;
}
