@charset "utf-8";

/****************************************************

*     CSS Document For HGC Manager                  *

*     Main.css                                      *

*     Brithday : 2006-11-20                         *

*     LastUptata : 2006-11-23                       *

****************************************************/



/* =Basic 

-----------------------------------------*/

@import url("base.css");



/* =Pagination 

-----------------------------------------*/

@import url("pagination.css");





/* =Header 

-----------------------------------------*/

#header {

	color:#fff;

	background:url(../images/headerbg.gif) left top repeat-x;

	height:130px;

	border-bottom:3px solid #d6d6d6;

}

h1#logo {

	width:286px;

	background:url(../images/logo.gif) 18px 10px no-repeat;

	height:78px;

	text-indent:-9999px;

}

span#toobar a{

	color:#152118;

	font:bold 10px Verdana, Helvetica, sans-serif;

	padding:8px 33px 0 0;

	margin-left:286px;

	float:right;	

}



/* =Login 

-----------------------------------------*/

body#login {

	text-align:center;

	font:12px Verdana, Helvetica, sans-serif;

	background:#fff;

}

body#login h1#logo {

	width:90%;

	height:89px;

	background:url(../images/logo.gif) 17px 12px no-repeat;

	text-indent:-9999px;

}

#loginbar {

	position:absolute;

	height:219px;

	width:497px;

	margin:-100px 0px 0px -250px;

	top:40%;

	left:50%;

	text-align: left;

	padding:1px;

	border:3px solid #8EE190;

	overflow:hiden;

	color:#fff;

	background:#39514C url(../images/loginbg.gif) repeat-x;

}

#login form a {

	color:#fff;

}

#login form div {

	padding:2px 0 0 60px;

}

#login form p {

	text-align:center;

}

#login form lable {

	float:left;

	clear:both;

}

#login input {

	border:1px solid #666;

	padding:4px;

	background:#10141A;

	color:#fff;

}

#login div a {

	padding-left:10px; 

}

#login .btnbar {

	text-align:right;

}

#login .btnbar input {

	margin:8px 4px;

	cursor:pointer;

	width:91px;

	height:32px;

	border:none;

	color:#fff;

	font-weight:bold;

	background:url(../images/btn1bg.gif) left top no-repeat;

}

#login .btnbar a { float:left; padding:18px 20px 0 180px;}



/* =Menu 

-----------------------------------------*/

#nav, #subnav {

	clear:both;

}



#nav {

	margin-bottom:10px;

	_margin-bottom:12px;

	_padding-bottom:6px;

	margin-left:20px;

	float:left;

}



#nav ul li, #subnav ul li {

	float:left;

	_padding-bottom:6px

}

#nav li a, #subnav li a {

	font:12px Verdana, Helvetica, sans-serif;

}



#nav li a{

	color:#fff;

	padding:6px 5px 13px 11px;

	margin:0;

	_padding:0 5px 18px 10px;

	_height:20px;

}

#userinfo #nav li#n1 a, #stayinfo #nav li#n2 a, #usermanager #nav li#n3 a, #staymanager #nav li#n4 a, #dictmanager #nav li#n5 a {

	background:url(../images/menuleft.gif) left top no-repeat;

}

#userinfo #nav li#n1 a span, #stayinfo #nav li#n2 a span, #usermanager #nav li#n3 a span, #staymanager #nav li#n4 a span, #dictmanager #nav li#n5 a span {

	padding:6px 11px 13px 2px;

	-padding:4px 11px 18px 2px;

	background:url(../images/menuright.gif) right top no-repeat;

}

#subnav li a {

	color:#fff;

	padding:0 22px;

	border-right:1px solid #fff;

}

#subnav {

	_margin-top:-16px;

}



/* =Content 

-----------------------------------------*/

#content {

	margin:4px;

	-margin-left:2px;

	padding:10px;

	border:1px solid #ccc;

	float:left;

	width:96%;

}

h2 { 

	font:bold 20px Verdana, Helvetica, sans-serif;

	color:#444;

	padding:8px 20px 4px 44px;

	margin:8px 0 0 4px;

	border-bottom:2px solid #999;

	cursor:default;

	overflow:auto;

}

h2 span {

	font:13px Verdana, Helvetica, sans-serif;

	width:80%;

	float:right;

	text-align:right;

}

h2 span em {

	font-style:normal;

	font-weight:bold;

	padding:0 0 0 120px;

}



h2 a {

	font:bold 13px Verdana, Helvetica, sans-serif;

	cursor:pointer;

	color:#06c;

	padding:0 4px;

	float:right;

}



#content dl {

	width:49%;

	display:block;

	float:left;

	margin:0 8px 0 0;

}



#content dl dt {

	font:bold 14px/34px Verdana, Helvetica, sans-serif;

}

#content dl dd {

	padding:6px 0;

}



/* =Form 

-----------------------------------------*/

label {

	font:bold 12px Verdana, Helvetica, sans-serif;

	padding:2px 8px 4px;

	width:60px;

	float:left;

	text-align:left;

}

input {

	padding:1px;

	border:1px solid #999;

	font:12px Verdana, Helvetica, sans-serif;

	color:#444;

}

input.readonly {

	border:1px solid #ccc;

	padding:1px;

	background:#eee;

	color:#999;

	cursor:default;

}



form span {

	width:34%;

	float:left;

}



form span em {

	font:bold 12px Verdana, Helvetica, sans-serif;

	color:#c00;

	background:#ffefef url(../images/memobg.gif) left top no-repeat;

	font-style:normal;

	padding:2px 14px 1px;

	_padding:1px 14px 0;

	cursor:default;

}



form li {

	padding:6px 0;

	float:left;

	clear:both;

	width:100%;

}

form li a {

	font:bold 12px Verdana, Helvetica, sans-serif;

	cursor:pointer;

	color:#06c;

	padding:0 4px;

}

.btnbar {

	width:90%;

	text-align:right;

	padding:12px 0 0 0;

}

.btn, a.btn {

	width:131px;

	height:25px;

	margin:0 10px;

	background:url(../images/btnbgl.gif) top left no-repeat;

	border:0;

	color:#fff;

	cursor:pointer;

	font:bold 12px Verdana, Helvetica, sans-serif;

}

a.btn, a.btn:hover {

	display:block;

	text-align:center;

	padding:6px 10px 0 2px;

	_Padding:7px 12px 0 2px;

	margin-top:12px;

	text-decoration:none;

	float:right;

}



textarea {

	width:380px;

	font:12px/22px Verdana, Helvetica, sans-serif;

	color:#444;

}

.single {

	width:99.9%;

	overflow: auto;

}

.trinity {

	width:25%;

}



#memberlist {

	border:1px solid blue

}



/* =Table 

-----------------------------------------*/

table {

	font:12px/22px Verdana, Helvetica, sans-serif;

	padding:1px;

	clear:both;

}

caption {

	text-align:left;

	font:bold 13px Verdana, Helvetica, sans-serif;

	padding:30px 0 4px 12px;

}

th {

	color:#fff;

	background:#000 url(../images/thbg.gif) left top repeat-x;

	border-bottom:3px solid #d9d9d9;

	cursor:default;

}



td {

	background:url(../images/tdline.gif) center right no-repeat;

	border-bottom:1px solid #ccc;

	text-align:center;

	padding-top:2px;

}



tr.alt td {

	background:#f8f8f8;

}

tr.hover td {

	background:#eee;

	color:#111;

}

td a {

	color:#06c;

	font-weight:bold;

}

.disable td {

	background:#eee url(../images/invalidbg.gif) repeat;

	color:#999;

}

.null { 

	border:none;

	background:none;

}

.misc { 

	width:28px;

	background:none !important; /* 避免.misc的背景被修改 */

	text-align:center;

}

.misc img {

	cursor:pointer;

}



.infobar td {

	border:none;

	text-align:center;

	line-height:15px;

	padding:4px 0;

	background:none;

}

.infobar td.info {

	color:#333;

	background:#f8f8f8;

	border:1px solid #ddd;

}



/* =FindPassWord 

-----------------------------------------*/

#findpasswd #header {

	height:78px;

	background:#EEF0E7;

}