/* put your CSS overrides in here */
body {
	background: url(../images/common/body_bg.jpg);
/*	font: 75%/1.5em Arial,Helvetica,Verdana,sans-serif; */
	font-family:arial,helvetica,clean,新細明體,sans-serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
  font-size:9px;
	line-height:1.231;
}

#wrapper {
	background: #FFFFFF url(../images/common/body_bg.png) repeat-x 0 0;
	width: 1000px;
	margin: auto;
}

#content-wrapper {
	width: 950px;
	border: 0;
	min-height: 550px;
}

#banner {
	background: #ffffff url(../images/common/banner_bg.png) no-repeat 20% 0;
	height: 136px;
	width: 1000px;
	top: -1px;
}

#banner h1.logo {
	display: block;
	font-size: 2em;
	margin: 0 0 0;
	padding: 0;
	position: relative;
	left: 27px;
	top: 13px;
	background: transparent url(../images/logo.png) no-repeat;
	height: 100px;
	width: 300px;
}

#footer {
	background: #000000;
	height: 50px;
	text-align: right;
	margin: 2.0em 0 3.0em 0;
	border-top: 1px solid #bfbfbf;
    float: none
}

.meshapp {
	background: #fff;
	border: 0px solid #828F95;
	margin: 0 0 10px;
	padding: 3px;
	text-align: left;
}

.meshapp-header {
	position: relative;
	padding-right: 40px;
	background: url(../images/meshapp/BlockHeader.jpg) no-repeat;
	border-bottom: 1px solid #AEB8BC;
}

#navigation {
	background: transparent url(../images/navigation/bg.png) repeat-x 20% 0;
	position: relative;
	left: 224px;
	top: -64px;
	border-top: 0px solid #304049;
	margin: 0;
	height:25px;
	width: 750px;
	color: white;
}

#navitemslist a {
	border: none;
	font-size: 120%;
	font-weight: bold;
	display: block;
	padding: 5px 20px;
	text-decoration:none;
}

#navitemslist li {
	background-color: transparent;
	height: 25px;
}
#navitemslist li li {
	background:		#000;
}
#navitemslist li li li {
	background:		#000;
}
#navitemslist li:hover, #navitemslist li.sfHover,
#navitemslist a:focus, #navitemslist a:hover, #navitemslist a:active {
	background-color: #1E2529;
	outline:		0;
}

#navitemslist li.selected, #navitemslist li.selected:hover, #navitemslist li.selected .sfHover,
#navitemslist li.selected a:focus, #navitemslist li.selected a:hover, #navitemslist li.selected a:active  {
    background: transparent url(../images/navigation/bg_selected.png) repeat-x 20% 0;
	height: 25px;   
}

table.multicol {
	margin: 0;
	font-size: 1.3em;
}



.meshapp, .meshapp .meshapp-content, .meshapp-header, .meshapp-header h2 {
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
}

.meshapp-content {
	overflow: auto
}

.inner {
	padding: 0 10px;
}

.small .inner {
	padding: 0 5px;
}

.meshapp {
	margin: 0px auto;
	min-width: 8em;
	max-width: 2000px; /* based on image dimensions - not quite consistent with drip styles yet */
	margin-left:21px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
}

.meshapp .bg {
	background:transparent url(../images/grad.png) no-repeat top right;
	_background-image:url(../images/grad.gif);
}

.meshapp.big .bg {
	background-image: url(../images/grad-big.png);
	_background-image:url(../images/grad-big.gif);
}

.meshapp.small .bg {
	background-image: url(../images/solid.png);
	_background-image:url(../images/solid.gif);
}

.meshapp .inner .bg {
	background-image: url(../images/inner.png);
	_background-image:url(../images/solid.gif);
}

.meshapp.small .inner .bg {
	background:transparent;
}

.meshapp .content {
	position:relative;
	zoom:1;
	overflow: visible;
	_overflow-y:hidden;
	padding: 5px 0 0 0;
}

.inner .content {
	padding-right: 16px;
}

.meshapp .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:21px; /* top slice width */
	margin-left:-21px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.meshapp .b {
	/* bottom */
	position:relative;
	width:100%;
}

.meshapp .b,
.meshapp .b div {
	height:21px; /* height of bottom cap/shade */
	font-size:1px;
}

.small .inner .b, .small .inner .b div {
	height: 0;
}

.meshapp .b {
	background-position:bottom right;
}

.meshapp .b div {
	position:relative;
	width:21px; /* bottom corner width */
	margin-left:-21px;
	background-position:bottom left;
}

.meshapp .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

body {
	background-color: #161e30
}

h2.meshapp-title {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Comments */
div.comment {
	margin-bottom: 10px;
	width: 100%;
	color: #42A1F3;
	margin: 0;
	/*background: url(../images/green-to-white-gradient.jpg) repeat-x;
	min-height: 25px;*/
}

div.comment .actions a {
	color: #010101;
}

div.comment .title {
	background: transparent;
}

div.comment .title h4 {
	color: gray;
	background: none;
	padding: 0 4px;
}

div.comment .details {
	background: transparent;
	color: black;
	font-size: 80%;
}

div.comment .message {
	border: 0;
	color: gray;
	min-height: 25px;
}

div.question .title {
	background: transparent url("../images/q.png") no-repeat;
	min-height: 25px;
	min-width: 25px;
	margin: 0;
	padding: 7px 0 0 30px;
	color: blue;
	vertical-alignment: bottom;
}

div.question .message {
	display: none;
}

div.question .details {
	padding: 0 0 0 30px;
}

div.reply .message {
	background: transparent url("../images/a.png") no-repeat;
	min-height: 25px;
	min-width: 25px;
	margin: 0;
	padding: 7px 0 0 30px;
	color: grey;
	vertical-alignment: bottom;
}

div.reply .title {
	display: none;
}

div.reply .details {
	margin: 0;
	float: right;
}

ul.comments-list li {
	border-bottom:1px solid #E6E8EB;
}