/*
*	Basic Proemion Skin Definitions
*/

/*
 * Page layout
 */

html,body {
    margin: 0;
    background-image:url('images/login/bg.gif');
    color: #000000;
    height: 100%
}

body,table {
    font-weight: normal;
}

/*
 * We use a table to structure a page. This class defines how the table
 * behaves in general. Use classes for refinements.
 */

.layout {
    width: 800px;
    height: 600px;
    background-image:url('images/login/login-background.jpg');
}

/* 1st row */
.layout_top {
    width: 100%;
}

/* text field */
.fixedHeaderLogin {
    color: #000000;
    display:inherit !important;
    left: 360px;
    position: relative;
    top: 170px;
    font-size: 1.5em;
    font-weight: bold;
}



/* name field */
.fixedInputFieldLogin {
    color: #000000;
    width:160px; 
    height:45px;
    position: relative;
    left: 360px;
    top: 183px;
}
.fixedInputFieldLogin .ui-inputfield {
    width: 145px
}


/* password field */
.fixedInputFieldLoginFor {
    color: #000000;
    width:160px; 
    height:45px;
    position: relative;
    left: 522px;
    top: 138px;
}


.fixedInputFieldLoginFor .ui-inputfield {
    width: 145px;
}


/* login button */
.loginButton {
    width:70px; 
    height:45px;
    position: relative;
    left: 682px;
    top: 92px;
}



.loginButton .ui-button {
    height: 26px !important;
}

/* login error */
.loginError {
    color: #ff0000;
    width: 270px; 
    height: 45px;
    position: absolute;
    left: -80px;
    white-space: nowrap;
}

/* Layout footer */
.layout_footer {
    width: 100%;
}
.footerColmn1 {
    text-align: center;
    width: 20%;
    color: #000000;
    padding: 2px;
}
.footerColmn2 {
    text-align: center;
    width: 30%;
    color: #000000;
}
.footerColmn3 {
    text-align: center;
    width: 38%;
    color: #000000;
}
.footerColmn3 a:hover {
    color: #666666 !important ;
    font-weight: bold;
}
.footerColmn3 a, .footerColmn4 a:visited {
    color: #000000;
}
.footerColmn4 {
    text-align: center;
    width: 12%;
    color: #000000;
}
.footerColmn4 a:hover {
    color: #666666 !important ;
    font-weight: bold;
}
.footerColmn4 a, .footerColmn4 a:visited {
    color: #000000;
}

.fixedInputFieldLogin .ui-inputfield, .fixedInputFieldLoginFor  .ui-inputfield{
    background: none !important;
}

/* RESET PASSWORD */
.resetPasswordFormInputField {
	background: none !important;
}

.outPutLoginError {
	width: 450px;
	margin-left: -295px;
	color: #FF0000;
	text-align: right;
}