
body {
	margin:0;
	}

/*
-----------------------------------------------------------------------------
 page structure
----------------------------------------------------------------------------- */

#container {
	font: 62% Arial, Helvetica, sans-serif;
	margin:0;
	color:black;
	background: white url(../images_layout/layout-body.jpg) left top repeat-x;
    text-align: center;
	}

.header{
	width:255px;
	height: 151px;
	margin: 0 auto;
	padding:0;
	position: relative;
	}

#contents {
	width:255px;
	height: auto;
	margin: 0 auto;
	padding:0 0 0px 0;
	position: relative;
    top:-30px;
	background: url(../images_layout/layout-loginForm.jpg) left top repeat-x;
    text-align:center;
	}

.loginForm {
	margin: 0 auto;
	width:255px;
    border:1px solid #d5d5d5;
	background: url(../images_layout/layout-loginForm-form.jpg) left bottom repeat-x;
    text-align:center;
    }

/*
----------------------------------------------------------------------
Header
---------------------------------------------------------------------- */

.header h1 {
	position:absolute;
	top:16px;
    left:15%;
    }

* html .header h1 {
	position:absolute;
	top:30px;
    left:15%;
    }

.header h1 a {
	display: block;
	height: 54px;
	width:221px;
	background: url(../images_layout/layout-header-h1.jpg) left top no-repeat;
    text-indent: -999em;
    overflow: hidden;
	padding:0px 0px 0px 0px;
    margin: 45px 0px 0px 10px;
	}

* html>body .header h1 a {
   letter-spacing: -999em;
	}


/* p
----------------------------------------------------------------------------- */
#contents p {
	margin:10px 0 0 0;
    font-size: 1.1em;
	}

/* a
----------------------------------------------------------------------------- */
#contents a,
#contents a:link,
#contents a:active,
#contents a:hover {
	color:black;
    text-decoration:none;
	}

/*
----------------------------------------------------------------------
Login
---------------------------------------------------------------------- */

/* h3
----------------------------------------------------------------------------- */
.loginForm h3 {
    padding: 0px 0 0px 0;
    margin: 10px 0px 0px 0;
	text-align: center;
	font-size: 1.1em;
    font-weight:bold;
    }

/* p
----------------------------------------------------------------------------- */
.loginForm p {
	text-align: center;
	padding: 0px 30px 0px 30px;
	margin: 0px 0 5px 0px !important;
	color:#333333;
	font-size: .9em;
	}

.loginForm p.error {
	color:#ff0000;
	padding: 5px 5px 4px 5px;
    border-top:1px solid #e6e6e8;
	margin: 0px 0 0px 30px !important;
	width: 190px;
	}

* html .loginForm p.error {
	margin: 0px 0 10px 0px !important;
	}

/* form
----------------------------------------------------------------------------- */	
.loginForm form  {
	width: 200px;
	margin:0px auto;
	padding: 0px 0 10px 0px;
	height:auto;
	font-size:1em;
    border-top:1px solid #e6e6e8;
    text-align:left;
    }

* html .loginForm form  {
	margin: 0px 0 10px 0px;
    }

.loginForm form fieldset {
	padding: 10px 0 0px 21px;
	background: white;
	border:none;
	}

/* label */
.loginForm form label {
	display:block;
	margin:0px 0 0px 0px;
	font-size:1.2em;
    font-weight:bold;
	}

/* input */
.loginForm form input {
	display:block;
	margin:0px 0px 10px 0px;
	width: 155px;
	height:20px;
	padding-left:2px;
	font-size:1.1em;
	color:black;
    border:1px solid #c2c5c7;
	background: url(../images_layout/layout-input.gif) left top repeat-x;
	}

.loginForm form input[type='button'],
.loginForm form input[type='submit'],
.loginForm form input[type='checkbox'],
.loginForm form input[type='image'],
.loginForm form input[type='radio'],
.loginForm form input[type='reset'],
.loginForm form select, button {
    cursor: pointer;
    }

.loginForm form input[type='hidden'] { display:none; }

/* remeber-me input */
/* input */
.loginForm form input#remeberme {
	margin:-15px 0 0px 0px;
	width: 15px;
	height:15px;
    border:none;
	}

/* label */
.loginForm form label.remeberme {
	margin:15px 0 0px 20px;
    font-weight:normal;
	font-size:1.1em;
	}

/* button */
.loginForm form button  {
    clear:both;
	display:block;
	width: 50px;
	height:24px;
	background: url(../images_layout/layout-loginForm-form-buttom.jpg) left top repeat-x;
	color:black;
	margin:-20px 0 0px 125px;
	padding: -2px 0px 0px 0px;
    border:1px solid black;
    font-weight:bold;
	}
