/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    BODY, WRAPPINGS, ANCHORS
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  
  body { text-align: center; font-family: Helvetica, Arial, sans-serif}
    
    #wrapper {
      width: 563px;
      margin: 30px auto;
      background: url("/images/login/bg.png") repeat-y;
      }
      
      a { color: #283e70; border-bottom: 1px solid #283e70; text-decoration: none; }
      
      

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    HEADER
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  
  h1 {
    width: 563px;
    height: 168px;
    margin: 0;
    }




  h1 span { display: none; }
  
    
    
  h3 {
    font-weight: normal;
    font-size: 0.8em;
  }


/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    CONTENT
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  
  #content {
    width: 535px;
    margin: 0 auto;
    }
  
    .error {
      background-color: #FF0000;
      border-bottom: 1px solid #FFBA00;
      margin: 0;
      color: #FFF;
      font-weight: bold;
      font-size: 0.8em;
      padding: 5px 0;
      }

    .notice {
	  background: url("/images/bg_stripes.gif");
      border-bottom: 1px solid #FFBA00;
      margin: 0;
 	  color: #283E70;
      font-weight: bold;
      font-size: 0.8em;
      padding: 5px 0;
      }
      
    h2 {
      color: #283E70;
      margin: 30px 0 20px 0;
      }
      
    form, div.container {
      width: 396px;
      margin: 0 auto 20px auto;
      padding: 20px 0;
      border-bottom: 1px solid #BBBBBB;
      text-align: left;
      }
      
    form { border-top: 1px solid #BBBBBB; }
      
      form p { 
        margin: 0 0 10px 0;
        font-size: 0.8em; 
        }
  
      p.please, h3 { 
        color: #959595;
        margin: 0 0 28px 0; 
        }
      
      label {
        color: #212121;
        float: left;
        width: 80px;
        padding: 3px 0 0 0;
        }
        
        label.bigger {
          font-size: 16px;
        }
        
        input {
          width: 250px;
          font-size: 16px;
        }
        
        button {
          border: 0px solid black;
          padding: 0;
          background-color: transparent;
        }

        .formNotifier {
          color: #aaa !important;
          opacity: 1.0 !important;
          text-align:left;
          font-style:italic;
        }
        
        select {
          width: 300px;
        }
        
        input.login { position: relative; top: 4px; left: 5px; }
  
    p.remember {
      padding-left: 80px;
    }
    
    p.remember input {
      width: auto;
    }
    
    p.remember label {
      width: auto;
      float: none;
      color: #666;
    }

    p.forgot {
      font-size: 0.7em;
      margin-left: 80px;
      }
      
.redirect { color: #283e70; font-size: 13px; }
p.help {
      color: #212121;
      font-size: 0.7em;
      line-height: 1.3em;
      margin: 0 0 30px 70px;
      text-align: left;
      }
  
  
  
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    FOOTER
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

  #footer {
    width: 563px;
    height: 32px;
    background: url("/images/login/footer.png");
    }