html, body {border: 0; margin: 0; padding: 0;}
body {
	background:#F5F5F5;
	line-height: normal;
	width: 100%;
	min-width: 600px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

h1 {
	font-size: 16px;
	color:#09C;
}

a {
	text-decoration: none;
	color: #0099FF;
}

a:hover {
	color: #3399FF;
}

a img {
  border: none;/*remove border for linked images*/
}

small {
	font-size: 0.9em;
}

/***** clear *****/
.clearfix {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.endOfSection {
  	clear: both;
  	width: 100%;
  	height: 0;
  	line-height: 0;
  	font-size: 0;
  	padding: 0;
  	margin: 0;
  	border: 0;
}

/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */ 
}

#content {
  	width: 900px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}

/*lwin stylesheet*/

.lwin {
	background-color: #F1F2F3;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin: 0 auto;
	text-align: left;
	font-size: 0.85em;

	width: 550px;
}

.lwin a {
	text-decoration: underline;
}

.lwin h1 {
	font-size: 16px;
	color:#09C;
	padding-top: 10px;
	margin-top: 10px;
}

/* padlock icon from IconsPedia */
/* http://www.iconspedia.com/icon/padlocks-1464.html */
.lwin h1.padlock {
	background: url(/i/login/padlock.jpg) no-repeat 0 bottom;
	padding-left: 25px;
}

/*box*/
#top {
	display: block;
    clear: both;
	height: 26px;
	width: 550px;
	background: url(/i/login/top_bg.jpg) repeat-x 0 0;
}

#top .top_left {
	display: block;
    clear: left;
	float: left;
	height: 26px;
	width: 9px;
	background: url(/i/login/top_left.jpg) no-repeat 0 0;
}

#top .loginClose {
	float: right;
	width: 18px;
	height: 26px;
}

.loginClose a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/i/login/button_close.jpg) no-repeat -18px 0;
	border: none;
	text-decoration: none;
}

.loginClose a:hover {
	background: url(/i/login/button_close.jpg) no-repeat 0 0;
}

.top_right {
	display: block;
    clear: right;
	float: right;
	height: 26px;
	width: 10px;
	background: url(/i/login/top_right.jpg) no-repeat right 0;
}

#bottom {
	display: block;
    clear: both;
	width: 550px;
	height: 15px;
	background: url(/i/login/bottom_bg.jpg) repeat-x 0 bottom;
}

#bottom .bottom_left {
	display: block;
    clear: left;
	float: left;
	height: 15px;
	width: 9px;
	background: url(/i/login/bottom_left.jpg) no-repeat 0 bottom;
}

#bottom .bottom_right {
	display: block;
    clear: right;
	float: right;
	height: 15px;
	width: 10px;
	background: url(/i/login/bottom_right.jpg) no-repeat right bottom;
}

/* Content */
.lwin .wrapper {
	background: url(/i/login/middle_left.jpg) repeat-y 0 0;
	width: 550px;
}

.lwin .content {
	background: url(/i/login/middle_right.jpg) repeat-y right 0;
	width: 550px;
}

.lwin .left {
	width: 240px;
	float: left;
	padding-left: 20px;
}

.lwin .right {
	width: 245px;
	float: right;
	padding-left: 20px;
}

.lwin .sep {
	width: 2px;
	height: 180px;
	margin-top: 25px;
	float: left;
	background: url(/i/login/sep.jpg) repeat-y 0 0;
}

/*form*/
.lwin form {
	margin: 0 0 10px 0;
	height: 26px;
}

.lwin label {
	float: left;
	padding-top: 8px;
	clear: both;
	display: block;
	width: 230px;
}

.lwin input {
	border: 1px #ccc solid;
	background: white;
	margin-right: 5px;
	margin-top: 4px;
	height: 16px;
	float: left;
	clear: both;
	display: block;
}

.lwin input:focus {
	border: #999 1px solid;
}

.lwin input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

.lwin input.button_login {
	width: 84px;
	height: 22px;
	cursor: pointer;
	border: none;
	margin-top: 10px;
	background: transparent url(/i/login/button_login.jpg) no-repeat 0 0;
}
.lwin input.button_login:hover {
	background: transparent url(/i/login/button_login.jpg) no-repeat 0 -22px;
}

.lwin input.button_register {
	width: 84px;
	height: 22px;
	cursor: pointer;
	border: none;
	margin-top: 10px;
	background: transparent url(/i/login/button_register.jpg) no-repeat 0 0;
}
.lwin input.button_register:hover {
	background: transparent url(/i/login/button_register.jpg) no-repeat 0 -22px;
}