/*************************************************************************************** LOGIN
Created date: [11/11/08]
Description: [Usaer login portlet]
-----------------------------------------------------*/

.login-top {
   font-size:0.8em; 
   padding:5px; 
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
   margin-top:0; 
   margin-botton:0;
}

/********************** Username & password ******************/

.login-position .portlet-form-label {
   position:relative;
   color:#FFFFFF;
   top:3px;
   left:13px;
}

/*********************************Background*****************************************/
.user-login {
   background:url('/other_files/images/boxes/articlelogbg3.jpg') repeat-x; 
   top:-10px;
   height:111px;
   width:213px;
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
}

.user-loginSA {
   background:url(/other_files/images/aat/SAweb/frontlogbgsa1.jpg)  repeat-x; 
   top:-10px;
   height:111px;
   width:213px;
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
}

/********************************* TITLE Position **************/

.login-position .portlet-form-input-field {
   position:relative;
   left:-30px;
   top:5px;
   right:10px;
   display: block;  /* block float the labels to left column, set a width */
   padding: 0; 
   margin: 1px 0 0; /* set top margin same as form input - textarea etc. elements */
 
}

/**************************************************** Filed box style**************************/

.login-position .portlet-form-input-field {
    border: 1px solid #555555; 
    color: #00723f;
    width: 130px;
    width:130px;
    margin-bottom:5px;
    top:3px;
    left:13px;
    height:18px;
}

/*********** LOG OUT ********************/
.logoutbutton {
   background:#FFFFFF none repeat scroll 0 0;
   border:2px solid #007433;
   color:#007433;
   font-size:0.8em;
   height:22px;
   width:290px;
   position:relative;
   margin-bottom:5px
   left:80;
}

.forgetyrpwdbox {
   position:relative;
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
   border-bottom: 1px solid #D7D7D7;
   margin-bottom:3px;
   padding-left:5px;
   padding-right:5px;
   top:-25px;
   margin-bottom:-22px;
}