html, body {
	height:100%;
}
body {
 	font:11px Arial, Verdana, Helvetica, sans-serif;
	color:#454545;
	padding: 0;
	margin:0;
	text-align:center;
	background:#fff;
}
fieldset, table, th, td, tr, input, form, div, h1, h2, h3, h4, p, img, li {
	margin:0;
	padding:0;
 	font:11px  Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
}
table {
	width:100%;
	border-collapse:collapse;
}
table, th, td, tr {
	vertical-align:top;
}
img {
	border:0;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
 	font:11px  Arial, Verdana, Helvetica, sans-serif;
}
h1 {
	font-size:18px;
	letter-spacing:-1px;
}
h2 {
	font-size:18px;
	letter-spacing:-1px;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
	
	/* Login Form */
	
.logpage {
	background:url(../images/lbloginbg.gif) 0 100% no-repeat;
}
#page {
	background:url(../images/rtloginbg.gif) 100% 0 no-repeat;
	height:100%;
}
#head .logo {
	position:relative;
	left:20px;
	top:15px;
	float:left;
}
#head h1 {
	font-size:150%;
	font-weight:bold;
	padding:30px 20px 5px 0;
	color:#555;
	text-align:right;
	float:right;
	width:200px;
}
#foot {
	text-align:right;
	background:url(../images/line.gif) right top no-repeat;
	margin:-30px 20px 0 0;
	padding:10px 0 0 0;
}
.logform {
	width:345px;
	margin:100px auto;
	border:1px solid #cececd;
	background:url(../images/formbg.gif) repeat-x;
	padding:0;
}
.logform h1 {
	border-bottom:1px solid #cececd;
	background:url('../images/icon/pro.gif') 95% 50% no-repeat;
	height:35px;
	line-height:180%;
	padding:0 0 0 10px;
	margin:0 0 15px 0;
}
.logform label {
	float:left;
	text-align:right;
	width:100px;
	font-size:110%;
	margin:4px 10px 0 0;
}
.logform input {
	float:left;
	width:150px;
	border:1px solid #ccc;
	padding:4px;
	margin:0 0 10px 0;
	background:url('../images/inputbg.gif') repeat-x;
}
html:first-child .logform input {
	min-height:22px;
}
.logform .btn {
	float:right;
	background:#eeedec url(../images/btnbg.gif) repeat-x;
	width:auto;
	text-align:center;
	padding:2px 10px 3px 10px;
	font-size:110%;
	margin:5px 20px 20px 0;
	width:80px;
	cursor:pointer;
}

	/* Grid */

#pg {
	width:97%;
	background:#fff;
	text-align:left;
	margin:auto;
}
#hd td {
	padding:15px 0;
}
#hd .logo {
	float:left;
}
#hd div {
	float:right;
	width:40%;
}
#hd div span {
	font-size:150%;
	font-weight:bold;
	padding:10px 0 5px 0;
	color:#555;
	text-align:right;
	float:right;
}
#hd div a {
	font-size:110%;
	background:url(../images/icon/pro.gif) no-repeat;
	text-align:right;
	float:right;
	padding:1px 0 1px 20px;
	clear:both;
	color:#404040;
}
#hd div a:hover {
	text-decoration:underline;
}
#menu ul {
	background:#d0cfce url(../images/formbg.gif) repeat-x;
	border:1px solid #cececd;
	zoom:1;
	height:35px;
	margin:0 0 10px 0;
}
#menu li {
	font-size:110%;
	color:#000;
	display:inline;
}
#menu a {
	height:27px;
	float:left;
	border-right:1px solid #cececd;
	padding:8px 15px 0 10px;
	font-weight:bold;
}
#menu .active a, #menu a:hover {
	background:#000 url(../images/formbgact.gif) repeat-x;
}
#menu li span {
	vertical-align:top;
	color:#000;
	position:relative;
	top:2px;
	left:5px;
}
.iconhd {
	background:url(../images/icon/userbig.gif) no-repeat;
	padding:10px 0 10px 50px;
}
#title td {
	padding:0 0 10px 0;
}
#title h1 {
	float:left;
	margin:0;
}
.search {
	text-align:right;
	float:right;
	margin:10px 0 0 0;
}
.search input {
	vertical-align:top;
	padding:2px;
	border:1px solid #cececd;
	font-size:13px;
	width:200px;
	background:url(../images/inputbg.gif) repeat-x;
	margin:0 0 0 5px;
}
.search .button {
	background:#eeedec url(../images/btnbg.gif) repeat-x;
	text-align:center;
	padding:1px 10px;
	width:auto;
	cursor:pointer;
}
.action {
	margin:0 0 0 10px;
	width:150px;
	float:right;
	display:inline;
}
.action li span {
	vertical-align:top;
	font-size:110%;
	color:#000;
	position:relative;
	top:4px;
	margin:0 0 0 5px;
}
.action li {
	display:inline;
}
.action a {
	display:block;
	padding:2px 5px;
	font-weight:bold;
	margin:0 0 5px 0;
	min-height:23px;
}
.action .active a, .action a:hover, .action a:hover span {
	background:#7fd3ff;
}
#bd table {
	border-collapse:separate;
}
#bd table th {
	background:#e1e0df;
	border:1px solid #9e9e9d;
	border-top:1px solid #dedede;
	border-left:1px solid #fff;
	border-collapse:no-collapse;
	padding:5px;
	font-size:110%;
	font-weight:bold;
}
#bd table td {
	padding:5px;
	vertical-align:top;
}
#bd table .gray {
	background:#f6f8f9;
}
#bd table .check {
	width:1%;
	border-right:0;
}
#bd table .name {
	border-left:0;
}
#bd table b input {
	height:15px;
	margin:0 5px;
}
.result {
	padding:20px 0;
}
.result p {
	font-size:110%;
	font-weight:bold;
	float:left;
}
.result div {
	font-weight:bold;
	font-size:110%;
	float:right;
	width:200px;
}
.result div b {
	float:right;
	height:20px;
	line-height:180%;
	margin:0 5px;
}
.result div a {
	float:right;
	background:#eeedec url(../images/btnbg.gif) repeat-x;
	border:1px solid #cececd;
	width:20px;
	height:20px;
	line-height:160%;
	text-align:center;
	color:#000;
	margin:0 2px;
}

	/* Form editor */

.editmenu {
	margin:0 0 0 5px;
	width:250px;
}
.editmenu li span {
	vertical-align:top;
	font-size:110%;
	color:#000;
	position:relative;
	top:4px;
	margin:0 0 0 5px;
}
.editmenu li {
	display:inline;
}
.editmenu a {
	display:block;
	padding:2px 5px;
	font-weight:bold;
	margin:0 0 5px 0;
	min-height:23px;
}
.editmenu .active a, .editmenu a:hover, .editmenu a:hover span {
	background:#7fd3ff;
}
.lcol {
	width:1%;
	background:url(../images/rtloginbg.gif) 100% 0 no-repeat;
	height:500px;
}
.rcol {
	width:99%;
	background:url(../images/vline.gif) no-repeat;
}
.rcol h2 {
	margin:0 0 0 20px;
	padding:0 0 0 25px;
	background:url(../images/icon/addaccount.gif) no-repeat;
}
.rcol form {
	width:400px;
	margin:30px auto;
}
.rcol form label {
	float:left;
	text-align:right;
	width:100px;
	font-size:110%;
	margin:4px 10px 0 0;
}
.rcol form input {
	float:left;
	width:150px;
	border:1px solid #ccc;
	padding:4px;
	margin:0 0 5px 0;
	background:url('../images/inputbg.gif') repeat-x;
}
.rcol form .button {
	float:right;
	background:#eeedec url(../images/btnbg.gif) repeat-x;
	width:auto;
	text-align:center;
	padding:2px 10px 3px 10px;
	font-size:110%;
	margin:30px 20px 20px 0;
	width:80px;
	cursor:pointer;
}
.rcol form .big {
	width:250px;
}

	/* Addon */

form br, .clear {
	display:block;
	clear:both;
	font-size:0;
	height:0;
	overflow:hidden;
}
.menu:after {
	content:".";
	display:block;
	clear:both;
	font-size:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
#pg .hide {
	display:none;
}

	/* Update */

.action li img {
	position:relative;
	top:1px;
	float:left;
}
.action li input {
	font-size:12px;
	color:#000;
	margin:0 0 0 5px;
	font-weight:bold;
	border:0 solid transparent;
	background:transparent;
	width:100px;
	text-align:left;
	position:relative;
	top:2px;
	cursor:pointer;
}
.action div {
	display:block;
	padding:2px 5px;
	font-weight:bold;
	margin:0 0 5px 0;
	min-height:23px;
}
.action div:hover {
	background:#7fd3ff;
}