form{ margin : 0; }
h3 {font-size: medium; color: #000000; font-weight: bolder}
hr {
	clear: both; border-bottom: #FFFFFF 1px solid; border-left: none; border-right: #FFFFFF 1px solid; 
	border-top: #ACA899 1px solid; height: 2px
}
th {font-size: small; color: #000000; font-weight: bolder}
td {font-size: small; color: #000000}
pre {font-size: small; color: #000000}
span.footer {font-size: small; color: #666666}
.smalltext {font-size: small; color: #000000}
.midtext {font-size: medium; color: #000000}
.msg_title {font-size: small; color: #FFFFFF; font-weight: bolder}
.msg_content {font-size: small; color: #000000}
img.userIcon {
	margin: 0 5px 0 5px;
}
img.userIcon, img.photoIcon {
	border-bottom: solid 1px rgb(113, 111, 100); border-left: solid 1px rgb(241, 239, 226); border-right: solid 1px rgb(113, 111, 100); border-top: solid 1px rgb(241, 239, 226)
}
TD.TitleLeft {
	color: #FFFFFF; font-size: small; font-weight: bolder;
}

td.greyWindow {
	border: solid 1px #585768; background-color:#ECE9D8;
}

td.greyWindowTitle {
	border: none; background-color:#585768; color: #FFFFFF; font-size: small; font-weight: bolder;
}

td.blueWindow {
	border: solid 1px #2B5CC6; background-color:#ECE9D8;
	text-align: left
}

td.tooltip {
	border: solid 1px #887766; 
	background-color:#ffffcc;
	border-top: solid 4px #887766;
}

td.blueWindowTitle {
	border: none; background-color:#2B5CC6; color: #FFFFFF; font-size: small; font-weight: bolder;
}

td.greenWindow {
	border: solid 1px rgb(38, 124, 8); background-color: rgb(236 233 216);
}

td.greenWindowTitle {
	border: none; background-color:rgb(38, 124, 8); color: #FFFFFF; font-size: small; font-weight: bolder
}

td.PhotoGroups {
	background-color:#AAAAAA; color: #0000AA; font-size: small;
}

td.content {
	border: none; background-color:#ECE9D8;
}


td.blueTitle {
	border-bottom: solid 1px #90BCE6; 
	border-left: solid 1px #77A7DD; 
	border-right: solid 1px #77A7DD; 
	background-color: #A1CAEE;
	background-position-x: top;
	background-image: url(images/title/blueTitle.png);
	background-repeat: repeat-x;
	font-weight: bolder;
	color: #506577
}

td.greenTitle {
	border-bottom: solid 1px #CEEF91; 
	border-left: solid 1px #B8D681; 
	border-right: solid 1px #B8D681;
	background-color: #D8FB98;
	background-position-x: top;
	background-image: url(images/title/greenTitle.png);
	background-repeat: repeat-x;
	font-weight: bolder;
	color: #6C7D4C
}

td.redTitle {
	border-bottom: solid 1px #F29494; 
	border-left: solid 1px #E47A7A; 
	border-right: solid 1px #E47A7A;
	background-color: #FDA5A5;
	background-position-x: top;
	background-image: url(images/title/redTitle.png);
	background-repeat: repeat-x;
	font-weight: bolder;
	color: #7E5252
}

td.yellowTitle {
	border-bottom: solid 1px #F3DD91; 
	border-left: solid 1px #E1CA84; 
	border-right: solid 1px #E1CA84; 
	background-color: #FCE697;
	background-position-x: top;
	background-image: url(images/title/yellowTitle.png);
	background-repeat: repeat-x;
	font-weight: bolder;
	color: #7E674B
}

table.PhotoGroupsTitle {
	background-color:#000066; color: #FFFFFF; font-size: small; font-weight: bolder;
}
td.PhotoGroupsTitle {
	background-color:#E8EEF8; color: #0000FF; font-size: small; font-weight: bolder;
}

table.PhotoGroups {
	background-color:#FFFFFF; color: #FFFFFF; font-size: small; font-weight: bolder;
}
td.PhotoGroups {
	background-color:#FFFFFF; color: #0000FF; font-size: small; font-weight: bolder;
}

td.PhotoGroupOp {
	background-color:#000066; color: #FFFFAA; font-size: small; font-weight: bolder;
}


a.submenu:link, a.submenu:visited {
	font-size: small;
	color: #0000FF;
	text-decoration: none;
	padding: 2px;
	display: block;
}

a.submenu:hover {
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #316ac5;
}

a.submenu:active {
	font-size: small;
	color: #0000ff;
	text-decoration: none;
	background-color: #e8eef8;
	padding: 1px;
	border: solid 1px #316ac5;
}

.greyWindowTitle a:link, 
.greyWindowTitle a:visited, 
.greyWindowTitle a:active, 
.greyWindowTitle a:hover  {
    color: #EEEEEE; text-decoration: none; font-weight: normal
}

/** backup
blue: 6699cc
gold: ffcc00
*/
/* the following is new css 
-------------------------------------------------------------------------
*/
body {
	margin: 0;
	font-size: small;
}
textarea {
	width: 100%;
}
p#copyright {
	background:#aca899 url('images/shadow/ACA899/b.gif') repeat-x top; 
	padding: 1em;
	margin: 0;
	color: #444455;
	font-size: 100%;
	text-align: center
}

p#copyright span.mark{
	font-family: Arial
}

p#copyright a {
	color: #444455
}
p#copyright a:hover {
	color: #000000
}


div#mainmenu {
	background: #073c97 url(images/title/blue1.png) repeat-x top;
	border: 1px solid #002d96;
	padding: 0.2em;
	padding-left: 0.6em;
	padding-right: 0.6em;
}

div#mainmenu, div#mainmenu a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bolder;
	font-size: small
}

div#mainmenu a.right { float: right; color: #ffaa00;}

div#mainmenu a.current{ color: #ffcc00; }

div#mainmenu a:hover {
	color: #ffcc00;
	text-decoration: underline;
}
div#mainmenu a:activ { color: #ffaa00; }

td.pagebar {
	border: 1px solid #665544;
	border-top: 4px solid #665544;
	margin-bottom: 4px;
	padding: 4px;
}

a.page:link, a.page:visited {font-family: "Century"; font-size: small; color: #0000AA; text-decoration: none; width: 4em}
a.page:active {font-family: "Century"; font-size: small; color: #0000FF; text-decoration: none}
a.page:hover {font-family: "Century"; font-size: medium; color: #0000FF; font-weight: bolder; text-decoration: none}
span.crtpage {font-family: "Century"; background-color: #E8EEF8; color: #000000; font-size: medium; font-weight: bolder; border: solid 1px #316AC5}

div.msg {display: block; margin: 0;
	background-color: #f9f9f9;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #eeeeee;
	margin: 0.4em;
}
div.msg .head{display: block; 
	margin: 0.4em;
	border-bottom: 1px solid #bbbbbb;
	font-weight: bolder;
}
div.msg .foot{display: block; 
	border-top: 1px solid #bbbbbb;
	margin: 0.4em;
	padding-top: 0.4em;
	clear: both;
}
div.msg .body{display: block;
	margin: 0.4em;
}

div.msg .body hr{
	clear: none;
}

/* only for IE Win \ */
* html td.msg .body {height: 1%;}
/* only for IE Win end*/

div.msg img.userIcon{
 border: none;
 float: right;
 background-color: #ffffff; margin: 1px; padding: 4px;
 border: none;}
div.msg a.msg_op {font-size: small; color: 6688aa; text-decoration: none}
div.msg a.msg_op:hover {color: #0000ff; text-decoration: underline}

/* ÃûƬ */
.contactCard {
	float: left;
	font-family: Simsun;
	font-size: small;
	padding: 0.2em;
}
.contactCard .frame {
	width: 24em;
	height: 14.5em;
	padding: 0.4em;
	border-right: 1px solid #666666;
	border-bottom:1px solid #666666;
	border-top:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	background-color: #ffffff;
}

.contactCard .frame div.head {
	color: #003ca5;
}
.contactCard .frame div.name {
	color: #003ca5;
	border-bottom: 2px solid #003ca5;
	padding-bottom: 0.5em;
	margin-bottom: 0.4em;
	font-size: large;
	text-align: center;
	font-weight: bolder;
}
.contactCard div.foot {
	color: #666666;
	padding: 0.2em;
}

ul.onlineList li {
	display: block;
}

/* µÇ¼´° */
#divLogin, #divLoginBg {
	position: absolute;
	width: 20em;
	height: 13em;
	*height: 14em;
	border: 2px solid #8888aa;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: #666 0px 2px 3px;
	left: 50%;
	top: 50%;
	margin-left: -10em;
	margin-top: -6em;
	behavior: url(/pie/PIE.htc);
}

#divLoginBg {
	background-color: #ffffff;
	filter: alpha(Opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/pie/PIE.htc);
}

#divLogin div.title {
	margin: 1em 1em;
	padding: 0.4em;
	padding-right:0;
	font-size: 110%;
}

#divLogin div.buttons {
	clear: both;
	text-align: center;
	margin: 0.4em;
	padding: 0.4em;
}

#divLogin div.row {
	padding-top: 0.1em;
	line-height: 1.5em;
	clear: both;
}

/* ËÄ×Ö label */
#divLogin .label4 {
	float: left;
	width: 6em;
	text-align: right;
	padding: 0 0.4em;
}

#divLogin input.text {
	float: left;
	width: 10em;
	font-size:100%;
}

#divLogin input.button {
	width: 4em;
	font-size:100%;
}

div#topmenu { float: right; padding: 0.2em; background-color:#000}
div#topmenu a:link, div#topmenu a:visited {
	font-size: 100%; color: #ffffff
}

.tip_box {margin: 0.5em}
.tip_box .t {background: url(images/tip/t.gif) repeat-x top; height: 8px; font-size: 1px}
.tip_box .rt {background: url(images/tip/rt.gif) no-repeat right top; padding-right: 8px}
.tip_box .lt {background: url(images/tip/lt.gif) no-repeat left top; padding-left: 8px}
.tip_box .b {background: url(images/tip/b.gif) repeat-x bottom; font-size: 1px; height: 8px}
.tip_box .rb {background: url(images/tip/rb.gif) no-repeat right bottom; padding-right: 8px}
.tip_box .lb {background: url(images/tip/lb.gif) no-repeat left bottom; padding-left: 8px}
.tip_box .l {background: url(images/tip/l.gif) repeat-y left; padding-left: 8px}
.tip_box .r {background: url(images/tip/r.gif) repeat-y right; padding-right: 8px}
.tip_box .c {background: #FDFFDB url(images/tip/c.gif) repeat;}
.tip_box .i {background: url(images/tip/i.gif) no-repeat 8px 8px; padding-left: 80px; min-height: 80px}

.info_box {margin: 0.5em}
.info_box .t {background: url(images/info/t.gif) repeat-x top; height: 8px; font-size: 1px}
.info_box .rt {background: url(images/info/rt.gif) no-repeat right top; padding-right: 8px}
.info_box .lt {background: url(images/info/lt.gif) no-repeat left top; padding-left: 8px}
.info_box .b {background: url(images/info/b.gif) repeat-x bottom; font-size: 1px; height: 8px}
.info_box .rb {background: url(images/info/rb.gif) no-repeat right bottom; padding-right: 8px}
.info_box .lb {background: url(images/info/lb.gif) no-repeat left bottom; padding-left: 8px}
.info_box .l {background: url(images/info/l.gif) repeat-y left; padding-left: 8px}
.info_box .r {background: url(images/info/r.gif) repeat-y right; padding-right: 8px}
.info_box .c {background: #E4ECFF url(images/info/c.gif) repeat;}
.info_box .i {background: url(images/info/i.gif) no-repeat 8px 8px; padding-left: 80px; min-height: 80px}

.error_box {margin: 0.5em}
.error_box .t {background: url(images/error/t.gif) repeat-x top; height: 8px; font-size: 1px}
.error_box .rt {background: url(images/error/rt.gif) no-repeat right top; padding-right: 8px}
.error_box .lt {background: url(images/error/lt.gif) no-repeat left top; padding-left: 8px}
.error_box .b {background: url(images/error/b.gif) repeat-x bottom; font-size: 1px; height: 8px}
.error_box .rb {background: url(images/error/rb.gif) no-repeat right bottom; padding-right: 8px}
.error_box .lb {background: url(images/error/lb.gif) no-repeat left bottom; padding-left: 8px}
.error_box .l {background: url(images/error/l.gif) repeat-y left; padding-left: 8px}
.error_box .r {background: url(images/error/r.gif) repeat-y right; padding-right: 8px}
.error_box .c {background: #FDE6E2 url(images/error/c.gif) repeat;}
.error_box .i {background: url(images/error/i.gif) no-repeat 8px 8px; padding-left: 80px; min-height: 80px}

.warn_box {margin: 0.5em}
.warn_box .t {background: url(images/warn/t.gif) repeat-x top; height: 8px; font-size: 1px}
.warn_box .rt {background: url(images/warn/rt.gif) no-repeat right top; padding-right: 8px}
.warn_box .lt {background: url(images/warn/lt.gif) no-repeat left top; padding-left: 8px}
.warn_box .b {background: url(images/warn/b.gif) repeat-x bottom; font-size: 1px; height: 8px}
.warn_box .rb {background: url(images/warn/rb.gif) no-repeat right bottom; padding-right: 8px}
.warn_box .lb {background: url(images/warn/lb.gif) no-repeat left bottom; padding-left: 8px}
.warn_box .l {background: url(images/warn/l.gif) repeat-y left; padding-left: 8px}
.warn_box .r {background: url(images/warn/r.gif) repeat-y right; padding-right: 8px}
.warn_box .c {background: #FFF1D2 url(images/warn/c.gif) repeat;}
.warn_box .i {background: url(images/warn/i.gif) no-repeat 8px 8px; padding-left: 80px; min-height: 80px}