/* Reset */
body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {
	margin: 0;
	padding: 0;
	border: none;	
}

/* End Reset */
#wrapper {
	width: 980px;
	margin: 0;
	font-size: 12px;
}

#wrapper * {
	font-family: Verdana, Mingliu;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* Header */
#header {
	height: 111px;
	background: url('/bct/image/graphics/greyline.jpg') bottom left no-repeat;
	margin: 0;
}

/* Header Menu */
#header .menu {
	position: relative;
	float: right;
	width: 400px;
}

#header .menu-container {
	position: absolute;
	top: 85px;
	right: 0;
}

#header ul.menu-item {
	list-style: none;
}

#header ul.menu-item li {
	display: block;
	float: left;
	line-height: 16px;
	padding: 1px;
}

#header ul.menu-item li a:hover {
	text-decoration: underline;
}

#header ul.menu-item li img {
	padding-right: 1px;
	vertical-align: top !important;
}

#header ul.menu-item li.main {
	width: 70px;
	padding: 0 5px;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	color: #ff0000;
}

#header ul.menu-item li.print {
	text-align: right;
	width: 45px;
	padding: 0 5px;
	border-right: 1px #000 solid;
	background: url(/bct/image/graphics/print_icon.gif) top left no-repeat;
}

#header ul.menu-item li.logout {
	text-align: right;
	width: 60px;
	padding: 0 5px;
	border-right: 1px #000 solid;
	background: url(/bct/image/graphics/icon_logout.gif) top left no-repeat;
}

#header ul.menu-item li.contactUs {
	text-align: right;
	width: 84px;
	padding: 0 5px;
	border-right: 1px #000 solid;
	background: url(/bct/image/graphics/phone.gif) top left no-repeat;
}

#header ul.menu-item li.chi {
	width: 25px;
	padding: 0 5px;
	border-right: 1px #000 solid;
}

#header .statusBar {
	position: relative;
	height: 12px;
	clear: both;
}

.statusBar {
	font-size: 10px;
	position: relative;
	height: 12px;
}

#statusBar-container {
	z-index: 1000;
	position: absolute;
	height: 12px;
	right: 0;
	font-size: 11px;
	color: #666;
	padding-left: 0;
}

#statusBar-container * {
	font-size: 11px;
	color: #666;
}

#statusBar-container a:hover {
	text-decoration: underline;
}

/* Header Dock Menu */
#header .dock {
	position: relative;
	height: 50px;
	text-align: center;
	z-index: 999;
	clear: both;
}

#header .dock-container {
	position: absolute;
	top: 25px;
	height: 50px;
	padding-left: 0px;
}

#header a.dock-item {
	display: block;
	width: 40px;
	color: #fff;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
}

#header .dock-item img {
	border: none;
	width: 100%;
}

#header .dock-item span {
	display: none;
	background-color: #333;
	font-size: 11px;
	width: 100px;
	padding: 10px 5px;
	text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity = 100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color='#FFFFFF')";
	color:#EEEEEE;
}

.space {
	height: 60px;
}

/* Content */
#content {
	float: left;
	width: 760px;
	padding: 10px 0 10px 10px;
}

#content .title,#content .title * {
	font-size: 20px;
	color: #41A017;
	height: 25px;
}

#content .portletContainer {
	width: 100%;
	float: left;
	padding: 10px 0 10px 0;
}

#content .portletContainer_noIcon {
	width: 100%;
	float: left;
	padding: 10px 0 10px 0;
}

#content .portletContainer_minimized_only {
	width: 100%;
	float: left;
	padding: 10px 0 10px 0;
}

#content .portlet {
	margin: 0 1em 1em 0;
	border: 1px #C2E6Ba solid;
}

#content .portlet-header {
	background: url(/bct/image/graphics/img_bg_bar.jpg);
	color: #000;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	font-size: 14px;
	font-weight: bold;
}

#content .portlet-header-noicon,#content .portlet-header-noicon *,#content .portlet-header,#content .portlet-header * {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#content .portlet-header .ui-icon {
	float: right;
}

#content .portlet-content {
	padding: 4px 10px;
	color: #666;
}

#content .portlet-content .valueS {
	padding: 0.4em;
	color: #333;
}

#content .ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	height: 50px !important;
}

#content .ui-sortable-placeholder * {
	visibility: hidden;
}

#sidebar {
	float: right;
	width: 209px;
	padding: 10px 0 10px 0px;
	min-height: 400px;
}

#sidebar .title,#content .title * {
	font-size: 20px;
	color: #41A017;
	height: 25px;
}

#sidebar .portletContainer {
	width: 100%;
	float: left;
	padding: 10px;
}

#sidebar .portletContainer_noIcon {
	width: 100%;
	float: left;
	padding: 10px;
}

#sidebar .portletContainer_minimized_only {
	width: 100%;
	float: left;
	padding: 10px;
}

#sidebar .portlet {
	margin: 0 12px 12px 0;
	border: 1px #C2E6Ba solid;
}

#sidebar .portlet-header {
	background: url(/bct/image/graphics/img_bg_bar.jpg);
	color: #000;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	font-size: 14px;
	font-weight: bold;
}

#sidebar .portlet-header-noicon,#sidebar .portlet-header-noicon *,#sidebar .portlet-header,#sidebar .portlet-header *
	{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#sidebar .portlet-header .ui-icon {
	float: right;
}

#sidebar .portlet-content {
	padding: 4px 10px;
	color: #666;
}

#sidebar .portlet-content .valueS {
	padding: 0.4em;
	color: #333;
}

#sidebar .ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	height: 50px !important;
}

#sidebar .ui-sortable-placeholder * {
	visibility: hidden;
}

/* Portlet UI Icons */
.ui-icon {
	margin: 6px 1px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.ui-icon-minimize {
	background: url(/bct/image/graphics/icon_box_mini.jpg);
}

.ui-icon-maximize {
	background: url(/bct/image/graphics/icon_box_mini.jpg);
}

.ui-icon-print {
	background: url(/bct/image/graphics/icon_box_print.jpg);
}

.ui-icon-save {
	background: url(/bct/image/graphics/icon_box_save.jpg);
}

#noSidebar {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0px;
	min-height: 400px;
}

#noSidebar div.title {
	padding-left: 10px;
}

#noSidebar .noSidebarTitle, #noSidebar .noSidebarTitle * {
	font-size: 20px !important;
	color: #41A017 !important;
}

#noSidebar span.subtitle {
	font-size: 12px;
	color: #000;
}

#noSidebar .portletContainer_noIcon {
	width: 100%;
	float: left;
	padding: 10px 0;
}

#noSidebar .portlet {
	margin: 0 1em 1em 0;
	border: 1px #C2E6Ba solid;
}

#noSidebar .portlet-header {
	background: url(/bct/image/graphics/img_bg_bar.jpg);
	color: #000;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	font-size: 14px;
	font-weight: bold;
}

#noSidebar .portlet-header,#noSidebar .portlet-header * {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#noSidebar .portlet-header .ui-icon {
	float: right;
}

#noSidebar .portlet-content {
	padding: 0.4em;
}

#noSidebar .ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	height: 50px !important;
}

#noSidebar .ui-sortable-placeholder * {
	visibility: hidden;
}

.dataCells td , .summaryCells td {
	text-align: left;
	padding-left: 10px;
	vertical-align: top;
}

.dataCells tr, .summaryCells tr{
	height: 22px;
}

.dataCells * {
	color: #333333;
	/*font-size: 10px;*/
}

.dataCells .currency , .summaryCells .currency {
	text-align: right;
	padding-right: 10px;
}

.dataCells .date, .summaryCells .date {
	text-align: center;
}

.dataCells .center, .summaryCells .center {
	text-align: center;
}

.greyCells * {
	/*font-size: 10px;*/
}

.greyCells {
	background-color: #666666;
	color: #FFFFFF;
	height: 40px;
}

.greyCells td , .greyCells th {
	border-left: 1px #FFFFFF solid;
	text-align: center;
}

.greyCells td:first-child , .greyCells th:first-child {
}

.liteColor {
	background-color: #F2F9F1;
}

/* Footer */

#footer *{
	font-family: Verdana, Mingliu;
}

#footer {
	clear: both;
	color: #666;
	margin-left: 10px;
}

#footer .copyright {
	float: left;
	font-size: 11px;
}

#footer .copyright * {
	font-size: 11px;
}

#footer .link {
	float: right;
}

#footer .link ul {
	list-style: none;
}

#footer .link ul a {
	color: #666;
	text-decoration: underline;
}

#footer .link ul li {
	display: inline;
	font-size: 11px;
}

#footer .link ul li span {
	font-size: 11px;
}

/* Error Message */
.errorLabel {
	color: red;
	display: none;
}

.imgButton {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
	text-decoration: none !important;
	background-color: transparent;
	cursor: pointer;
	width: 110px;
}

iframe {
	width: 100%;
	border-width: 0px;
	overflow: hidden;
}

.underline {
	text-decoration: underline !important;
}

/* Alert Box */
div.remind ul,div.info ul,div.error ul{
	list-style: disc outside none;
	vertical-align: middle;
}

div.remind li,div.info li,div.error li{
	vertical-align: middle;
}

div.remind,div.info,div.error{
	border: 1px solid;
	margin: 0px;
	padding: 10px 10px 0px 55px;
	background-repeat: no-repeat;
	background-position: 10px center;
	z-index: 9999;
	position: absolute;
	width: 300px;
	/*top: 243px;	*/		/* comment by BCT (not for div.error) */
	left: 21px;
}

div.remind p,div.info p,div.error p{
	margin-bottom: 10px;
}

#divCover {
	position: absolute;
	z-index: 9000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity = 30);
	Opacity: 0.3;
	background-color: white;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.remind {
	color: #FF6600;
	background-color: #FFFFCC;
	background-image: url('/bct/image/graphics/icon_remind.jpg');
}

div.info {
	color: #FF6600;
	background-color: #FFFFCC;
	background-image: url('/bct/image/graphics/icon_question.jpg');
}

div.error {
	color: #FF3300;
	background-color: #FFD6C2;
	background-image: url('/bct/image/graphics/icon_alert.jpg');
}

div.warning {
	background-image: url('/bct/image/graphics/icon_warning.jpg') !important;
}

div #forceChangePin {
	position: absolute;
	z-index: 9000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url('/bct/image/graphics/whiteTransparent.png');
}

/* font color */
.caption,.caption * {
	color: #666666;
}

.value,.value * {
	color: #333333;
}

.summaryCells {
	background-color: #DCF0D5;
	height: 30px;
}

.subject{

}

.content{
	padding-left: 40px;
}

.divCoverAnnouncement{
	background-color: black !important;
}


.portlet-header , .portlet-header  *{
	font-size: 14px !important;
} 


.Group1  , .Group1  *{
	font-size: 12px;
}

.Group2  , .Group2  *{
	font-size: 11px;
}

.Group3  , .Group3  *{
	font-size: 10px;
}

.Group3NoPadding, .Group3NoPadding  *{
	font-size: 10px;
	border-spacing: 0px;	
	border-collapse: collapse;	
}

.Group3NoPadding, .Group3NoPadding  td{
	padding: 0px;
}


.red{
	color: red;
}

.bold{
	font-weight: bold;
}

.specialTableHead1{
	background-color: #666666 !important;
	color: #FFFFFF !important;
	height: 30px;
}

.specialTableHead2{
	background-color: #999999 !important;
	color: #FFFFFF !important;
	height: 30px;
}

.specialTableSchemePlain{
	background-color: #F0F7EF !important;
}

.specialTableScheme{
	background-color: #E8FFE5 !important;
}

.specialTableTotal{
	background-color: #F2F9F1 !important;
}

.specialTableTotalScheme{
	background-color: #DCF0D5 !important;
}

th{
	font-weight: normal;
}

.specialTableBorder{
	border-left: 1px solid #999999;
}

/*fix the line spacing problem*/
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;

}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.valignTop{
	vertical-align:top;
}
.blockCenter{
	margin-left:auto;
	margin-right:auto;
}

/* BCT added */
input[type="text"][disabled] {
	border: 1px solid #999;
	background-color: #ddd;
}

.specialSmallHeader {
	font-size:10px !important;
}

.alertInput{
	border: 1px solid #FF0000;
}

.fundCategoryRow{
	background-color: #B8B8B8 !important;
	color: #FFFFFF !important;
}

.schemeRestructureTable{
	width:100%;
}

.schemeRestructureTable ,.schemeRestructureTable th,.schemeRestructureTable td{
	border:1px solid black;
	border-collapse:collapse !important;
	text-align:left;
}

.schemeRestructureTable th{
	background-color:#919191;
	color:white;
}

.schemeRestructureTableErrorRemindClass{
	width:400px!important;
	left:258px!important;
}

.schemeRestructureSvcDivHeader{
	width:100%;
	position:absolute;
	left:0;
	text-align:center;
}

.subFunctionHeader {
	font-size:14px;
	font-weight: bold;
	color: #41A017;
}

.overdueConfirmAcknowledgementHeader{
	font-size:20px;
	font-weight: bold;
}