/* $Id: login.css 1327 2004-04-11 14:14:18Z luque $ */

/* Common style rules for Red Local website

   The stylesheet is divided into the following three parts:
   
   1. Layout rules: 
      Box properties (exclusive of borders), positioning, text-indent, alignment, lists
      
   2. Visual rules: 
      Colors, backgrounds, borders, links, emphasis
      
   3. Typographical rules: 
      Font and text properties (exclusive of links, alignment and text-indent)

   NOTE: Validate CSS syntax before add your changes to the CVS tree!!
*/

@import "../common.css";

/* ------------------------- Layout rules ------------------------- */

#content {
    padding: 0 0 0 5em;
}

#info {
    margin-right: 26em;
}

#login {
    position: absolute;    
    top: 124px;
    right: 9px;
    width: 24em;
}

#login #login-content {
    padding: 25px 5em 3em 3em;
}

#login label {
    display: block;
    float: left;
    clear: both;
    width: 5em; 
}

#login input {
    display: block;
    float: left;
    margin: 0;
    font-size: 120%;
}

label, #username, #password {
    margin: .4em 0;
}

#login #button {
    clear: both;
    margin-top: 1em
}

form {
    margin: 0;
    padding: 0;
    line-height: 100%;
}


/* -------------- Colors, backgrounds, borders, links ------------- */

#login {
    background: transparent url("../../images/corner_login_bg.png") no-repeat top left;
}

#login-content {    
    background: transparent url("../../images/corner_login_tr.png") no-repeat top right;
}

form {
    border: none;
    background: none;
}

.error {
    color: #c00;
}

/* ----------------------- Typographical rules -------------------- */

#login label {
    font-weight: bold;      
}

#login input {
    font-size: 80%;
}

.error {
    font-weight: bold;
}