/* modification of original CSS style */
html, body {
/*	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	background:url(../images/top_bg.gif) top repeat-x;*/
	background:none;
}

body.background {
	background:url(../images/top_bg.gif) top repeat-x;
}

#mainMenuContainer {
/*	position:absolute;
	top:49px;
	left:214px;*/
	width:754px;
}

#mainMenuBg {
/*	background: url(../images/bg_main_menu.gif) repeat-x top;
	width:754px;
	height:32px;
	margin-bottom:5px;*/
	width:752px;
}

#topNavBg {
/*	width: 986px;
	height: 60px;
	position: absolute;
	top: 29px;
	left: -5px;
	display: block;
	background:url(../images/top_shadow.gif) repeat-x #FFFFFF top;
	background-color: #FFFFFF;
	z-index: 1;*/
	z-index: -1;
}

#breadcrumb {
/*	font-size:11px;
	color:#7FA9AE;
	padding:0px 0px 0px 6px;
	width:360px;
	float: left;*/
	width:250px; /* set shorter width for showing the user name */

/*border: 1px solid #000000;*/
	width:270px; 
	width:240px; 
	width:250px; 
	overflow: hidden;
}

#contentContainer {
/*	font-size: 80%;*/
	font-size: 12px;
}

.welcomeStroke {
/*	margin:0 12px;*/
	margin:0 8px;
}

#welcomeContainer .welcomeMsg {
	overflow: hidden;
	white-space: nowrap;
	float: left;
	width: 300px;
	float: right;
	/*border: 1px solid #0000FF;*/
}

#welcomeContainer .lastLogin {
/*	margin-right: 3px;*/
	float: right;
/*border: 1px solid #0000FF;*/
}

.noteContainer {
	text-align: left;
}

#content {
/*	float:left;
	line-height:160%;*/
	width: 753px;
}

#content a {
	text-decoration: underline;
}

.genContainer {
/*	color:#00565B;
	padding:0 50 0 25px;*/
/*	padding: 10px 0px 25px 25px;*/
	padding: 10px 0px 25px 20px;
}

.loginContainer {
/*	padding:50px 50px 20px 280px;*/
/*	padding: 50px 50px 20px 265px;*/
	padding: 50px 50px 20px 275px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
}

.rdBg {
	background:url(../images/login_bg.gif) no-repeat bottom right;
}

.rdCorBtmR {
/*	background: transparent url(../images/con_b_r.gif) no-repeat scroll right bottom;
	height: auto !important;
	min-height: 50px;*/
	min-height: 380px;
	height: auto !important;
	height: 380px;
}

#sfcLogo {
	background: url(https://www.sfc.hk/web/app/images/logo.png) no-repeat top;
	width: 285px;
	height: 89px;
}

.topInfoStroke {
	background-image: url(../images/top_info_stroke.gif);
	height: 9px;
	width: 1px;
}

.mainMenuItem a.hover {
	background:url(../images/main_menu_bg_white.gif) no-repeat top left;
	color: #00565B;
	text-decoration: underline;
}

#leftMenu {
	padding:12px 10px 15px 10px;
}

.leftMenuLevel1 a.hover {
	background:url(../images/menu_level2_bg.gif) repeat-x left 3px;
	padding:8px 7px 8px 7px;
	text-decoration:none;
}


.leftMenuLevel2 {
/*	color:#999999;
	font-weight: normal;
	font-size:11px;
	padding:0px 7px 8px 7px;*/
	color:#00565B;
}

.leftMenuLevel2 a {
/*	color:#999999;
	padding:0px;*/
	color:#00565B;
}

h1, h2, h3 {
/*	font-size: 110%;
	line-height:160%;
	font-weight:bold;
	padding:5px 0px 10px 0px;
	margin:0px;*/
	font-size: 13px;
	line-height: 19px;
}
/* modification of original CSS style */


/* add-on of original CSS style */
.topPullContainer {
/*	text-align:right;
	margin:2px 0px 0px 0px;*/
	margin: 0;
	width: 750px;
	padding: 0px;

/*border: 1px solid #FF0000;*/
	width: 465px;
	margin-left: 280px;
	width: 480px;
	margin-left: 270px;
	width: 490px;
	margin-left: 260px;
}

.topPullContainer .ceref-combo {
	margin-right: 12px;
	margin-right: 10px;
	float: right;
}

.topPullContainer .ceref-msg {
	float: right;
	text-align: right;
	padding-top: 3px;
	color: #00565B;
	font-size: 11px;
	padding-top: 5px;
}

#footerContainer {
/*
	height: 20px;
	font-size: 11px;
	padding: 10px 0px 0px 4px;
	line-height: 120%;
	text-align: right;
*/
	line-height: 160%;
}

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

#footerContainer a:hover {
	color: #666666;
	text-decoration: underline;
}
/* add-on of original CSS style */


/* add-on of CSS style */
div.headline {
	display: block;
	background: #458289 url(../images/index_head_bg.gif) repeat-x scroll center top;
	color: #FFFFFF;
	width: 97%;
	width: 94%;
	width: 92%;
	width: 618px;
	font-weight: bold;
	padding: 4px 3px 4px 5px;
	white-space: nowrap;
	border: 1px solid #458289;
}

div.block {
	margin-bottom: 15px;
	margin-bottom: 10px;
	margin-bottom: 5px;
	margin-right: 15px;
}

/*
div.clear {
	clear: both;
}
*/

div.margin-none {
/*	margin: 0px;*/
	margin-bottom: 0px;
}

div.border {
	border: 2px solid #BBE0E3;
/*	border: 2px solid #000000;*/
	padding: 5px 0px 5px 15px;
	border: 1px solid #BBE0E3;
}

div.block label.label {
	float: left;
	font-weight: bold;
/*	width: 80px;*/
/*	width: 25%;*/
	width: 120px;
	width: 160px;
	margin-right: 15px;
/*	padding: 5px 0 5px 0;*/
/*	padding: 0px 0 15px 0;*/
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
	padding: 5px 0 5px 0;
	line-height: 15px;
}

div.block label.singleline, div.block .singleline {
	width: 100%;
	width: 96%;
	width: 92%;
/*
	clear: both;
	float: none;
*/
}

div.block .value {
	float: left;
/*	vertical-align: middle;*/
/*	padding: 5px 0 5px 0;*/
/*	padding: 0px 0 15px 0;*/
	padding: 0 0 0 0;
	margin: 0;
	color: #666666;
/*	font-height: .25em;*/
	padding: 5px 0 5px 0;
	line-height: 15px;
	overflow: hidden;
}

div.block .value a {
	line-height: 18px;
}

div.block .chinese {
/*	font-family: mingliu,pmingliu,arial,helvetica,sans-serif !important;*/
}

div.block ul li {
	margin: 0;
	padding: 0;
/*	list-style: none inside;*/
}

div.block ul.bullet li {
	list-style: disc inside;
}

div h3 {
	text-decoration: underline;
	text-align: 'left';
	width: inherit;
	padding-bottom: 0px;
}
/* add-on of CSS style */


/* CSS style of information sheet */
div.infosheet-menu {
	width: 96%;
	width: auto;
	height: 62px;
	height: 50px;

/* version 2 */
	height: 55px;
	height: 41px;
	height: 42px;
	height: 44px;
/* version 2 */

/*	border: 1px solid #BBE0E3;
	border-bottom: none;*/
}

div.infosheet-menu ul {
/*	padding: 5px;*/
}

div.infosheet-menu ul li {
	display: block;
	float: left;
	width: 15%;
	width: 13%;
	width: 94px;
	width: 90px;
	height: 40px;
	height: 26px;
	margin: 5px 1px 5px 4px;
	padding: 5px 5px 5px 10px;
	line-height: 100%;
	line-height: 115%;
	vertical-align: middle;
	background-color: #E1FEFF;
	background-color: transparent;
	border: 1px solid #B6DCDF;
	border: 1px solid #BABBAB;
	border-top: none;
/*	border-right: none;*/
/*	border-bottom: none;*/

/* version 2 */
	height: 30px;
	margin: 0;
	padding: 7px 10px 5px 12px;
	background-color: #72a594;
	border: none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
/* version 2 */

/* version 3 */
	padding: 0px;
	height: 42px;
	width: 112px;
	background-image: url(is-bg.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #BABBAB;
	border-bottom: 1px solid #BABBAB;
/* version 3 */
}

div.infosheet-menu ul li a
, div.infosheet-menu ul li div.text {
	text-decoration: none;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	color: #5A5A5A;

/* version 2 */
	font-weight: bold;
	color: #FFFFFF;
/* version 2 */

/* version 3 */
	height: auto;
	width: auto;
	padding: 7px 8px 0px 12px;
/*	position: absolute;
	width: 92px;*/
/* version 3 */
}

div.infosheet-menu ul li div.text {
	cursor: default;
}

div.infosheet-menu ul li a:hover {
/*	cursor: pointer;*/
	text-decoration: underline;
}

div.infosheet-menu ul li.left-none {
	border-left: none;
}

div.infosheet-menu ul li.left-border {
	border-left: 1px solid #BABBAB;
}

div.infosheet-menu ul li.right-none {
	border-right: none;
}

div.infosheet-menu ul li.right-border {
	border-right: 1px solid #BABBAB;
}

div.infosheet-menu ul li.active {
	background-color: #BBE0E3;
	background-color: #FFFFFF;
	background-color: transparent;
/*	background: transparent url(../images/menu_level2_bg.gif) repeat-x scroll left 3px;*/
/*	background: #458289 url(../images/index_head_bg.gif) repeat-x scroll center top;*/
/*	border: none;*/

/* version 2 */
/*	border-top: 1px solid #BABBAB;*/
/* version 2 */

/* version 3 */
	background-image: none;
	border-bottom: 1px solid #FFFFFF;
/* version 3 */
}

div.infosheet-menu ul li.active a
, div.infosheet-menu ul li.active div.text {
	font-weight: bold;
	text-decoration: none;
	color: #1E4649;
/*	color: #FFFFFF;*/
}

/* CSS style of information sheet's corner */
div.infosheet-menu ul li div.corner {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 112px;
}

div.infosheet-menu ul li div.corner span.top-left
, div.infosheet-menu ul li div.corner span.top-right
, div.infosheet-menu ul li.active div.corner span.top-left
, div.infosheet-menu ul li.active div.corner span.top-right {
	position: absolute;
/*	padding: 0px 0px 0px 10px;*/
	padding: 0px;
	margin: 0px;
}

div.infosheet-menu ul li div.corner span.top-left
, div.infosheet-menu ul li.active div.corner span.top-left {
	top: -1px;
	left: -1px;
	background:url(is_con_t_l.gif) no-repeat top left;
}

div.infosheet-menu ul li div.corner span.top-right
, div.infosheet-menu ul li.active div.corner span.top-right {
	top: -1px;
	right: -1px;
	background:url(is_con_t_r.gif) no-repeat top right;
}

div.infosheet-menu ul li.active div.corner span.top-left {
	background:url(is_con_t_l_active.gif) no-repeat top left;
}

div.infosheet-menu ul li.active div.corner span.top-right {
	background:url(is_con_t_r_active.gif) no-repeat top right;
}
/* CSS style of information sheet's corner */

/* CSS style of information sheet's detail block */
div.infosheet-detail {
	overflow: scroll;
	overflow: auto;
/*	width: 96%;*/
	width: 94%;
	width: 92%;
	width: auto;
/*	border: 1px solid #BBE0E3;
	border-top: none;*/
/*	padding: 15px;*/
	padding: 3px 15px 15px 15px;
/*	padding: 15px 5px 15px 15px;*/
/*	min-height: 350px;
	height: auto !important;
	height: 350px;*/
/*	height: 400px;*/
}
/* CSS style of information sheet's detail block */

h3.infosheet-title {
	float: left;
	width: 600px;
	overflow: hidden;
}
/* CSS style of information sheet */


/* CSS style of table */
div.block div.table {
/*	width: 100%;*/
	width: 97%;
/*	width: 94%;*/
/*	width: 92%;
	width: 628px;
	width: 608px;*/
	float: left;
/*	margin-bottom: 15px;
	margin-right: 15px;*/
}

div.block div.table-header {
	margin-bottom: 0px;
}

div.block div.table-body {
	overflow: auto;
	height: 300px;
}

div.block div.table table {
/*	width: auto;*/
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	border: 1px solid #BBE0E3;
	border: 1px solid #ffffff;
/*	border: 1px solid #666666;*/
}

div.block div.table-header table {
	width: 100%;
}

div.block div.table-body table {
	width: 96%;
	width: auto;
}

div.block div.table tr, div.table td {
/*	border-bottom: 1px solid #BBE0E3;*/
	border: 1px solid #BBE0E3;
	border: 1px solid #ffffff;
	/*	border: 1px solid #666666;*/
}

div.block div.table th {
	border: 1px solid #666666;
	border: 1px solid #ffffff;
	background: #458289 url(../images/index_head_bg.gif) repeat-x scroll center top;
	color: #FFFFFF;
	border-right: 1px solid #ffffff;
/*
	color: #00545d;
	border-right: 1px solid #BBE0E3;
*/
	font-weight: bold;
	padding: 4px 3px 4px 5px;
	line-height: 16px;
/*	white-space: nowrap;*/
}

div.block div.table th.border-right {
	border-right: 1px solid #BBE0E3;
	border-right: 1px solid #ffffff;
/*	border-right: 1px solid #666666;*/
}

div.block div.table td {
/*	padding: 4px 3px 4px 5px;*/
	padding: 4px 4px 4px 5px;
/*	white-space: nowrap;*/
/*	border-right: 1px solid #BBE0E3;*/
	vertical-align: top;
	border: 1px solid #ffffff;
}

div.block div.table td.label {
	font-weight: bold;
}

div.block div.table th.align-center, div.table td.align-center {
	text-align: center;
}

div.block div.table th.align-right, div.table td.align-right {
	text-align: right;
}

div.block div.table th.no-border-right, div.table td.no-border-right {
	border-right: none;
}

div.block div.table th.no-border-left, div.table td.no-border-left {
	border-left: none;
}

div.block div.table th div, div.block div.table td div {
	overflow: hidden;
	white-space: normal;
}

/* CSS style of table */


/* CSS style of ul item list */
div ul.itemlist li {
/*	background-image: url(menu-parent.gif);*/
/*	background-image: url(menu-parent_5.gif);*/
/*	background-image: url(menu-parent_6.gif);*/
/*	background-image: url(menu-parent_7.gif);*/
/*	background-image: url(menu-parent_5_grey.gif);*/
/*	background-image: url(menu-parent_5_green1.gif);*/
	background-image: url(menu-parent_5_green2.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
/*	padding-bottom: 5px;*/
}
/* CSS style of ul item list */


/* CSS style of Add, Edit, Delete buttons/icons of notification */
.icon-add, .icon-edit, .icon-info,
.icon-del, .icon-late, 
.icon-conflict, .icon-pdf, .icon-csv
, .icon-xls, .icon-doc {
	display: block;
	padding-left: 17px;
	padding-left: 18px;
	float: right;
	margin-right: 22px;
/*	margin-top: 5px;*/
	cursor: pointer;
	white-space: nowrap;
}

.icon-add {
	background-image: url(add.gif) !important;
	background-image: url(add_revised.gif) !important;
	background-repeat: no-repeat !important;
}

.icon-edit {
	background-image: url(cog_edit.png) !important;
	background-repeat: no-repeat !important;
}

.icon-info {
	background-image: url(cog_edit_revised.gif) !important;
	background-repeat: no-repeat !important;
}

.icon-del {
	background-image: url(cross.gif) !important;
	background-image: url(cross_revised.gif) !important;
	background-repeat: no-repeat !important;
}

.icon-late {
	background-image: url(exclamation.gif) !important;
	background-repeat: no-repeat !important;
}

.icon-conflict {
	background-image: url(delete.gif) !important;
	background-repeat: no-repeat !important;
}

.icon-pdf {
	background-image: url(pdfIcon.gif) !important;
	background-image: url(pdfIcon_revised.gif) !important;
	background-image: url(pdf.gif) !important;
	background-repeat: no-repeat !important;
}
.icon-csv {
	background-image: url(excel.jpg) !important;
	background-image: url(excel.jpg) !important;
	background-image: url(excel.jpg) !important;
	background-repeat: no-repeat !important;
}

.icon-xls {
	background-image: url(xlsIcon.gif) !important;
	background-image: url(xlsIcon_revised.gif) !important;
	background-image: url(xls.gif) !important;
	background-repeat: no-repeat !important;
}

.icon-doc {
	background-image: url(/skin/css/docIcon.gif) !important;
	background-image: url(/skin/css/docIcon_revised.gif) !important;
	background-image: url(/skin/css/doc.gif) !important;
	background-repeat: no-repeat !important;
}

div.table td .icon-add, div.table td .icon-edit,
div.table td .icon-info,
div.table td .icon-del, div.table td .icon-late, 
div.table td .icon-conflict, div.table td .icon-pdf,
div.table td .icon-xls, div.table td .icon-csv, div.table td .icon-doc {
	margin-right: 0px;
	float: none;
	clear: both;
	width: 0px;
}

span.icon-add, span.icon-edit, span.icon-info,
span.icon-del, span.icon-late,
span.icon-conflict, span.icon-pdf, span.icon-xls, span.icon-csv, span.icon-doc {
	padding-top: 2px;
	display: inline;
	float: none;
	both: clear;
	margin-right: 0px;
}

.x-grid3-cell-inner .icon-add, 
.x-grid3-cell-inner .icon-edit, 
.x-grid3-cell-inner .icon-info, 
.x-grid3-cell-inner .icon-del, 
.x-grid3-cell-inner .icon-late, 
.x-grid3-cell-inner .icon-conflict, 
.x-grid3-cell-inner .icon-pdf, 
.x-grid3-cell-inner .icon-xls, 
.x-grid3-cell-inner .icon-csv, 
.x-grid3-cell-inner .icon-doc {
	height: 20px;
	float: none;
	margin-right: 0px;
	padding-left: 0px;
}
/* CSS style of Add, Edit, Delete buttons/icons of notification */


/* CSS style of icon in tree */
img.icon-add, img.icon-edit, img.icon-info, 
img.icon-del, img.icon-late, 
img.icon-conflict, img.icon-pdf, img.icon-xls,
img.icon-csv, img.icon-doc {
	cursor: pointer;
	display: inline;
	float: none;
	clear: both;
	margin-right: 0px;
	padding-left: 0px;
}
/* CSS style of icon in tree */


/* CSS style of lang */
a .lang-en, a .lang-zh {
	margin-top: 2px;
	height:10px;
	width: 19px;
	border-width: 0px;
}

a .lang-en {
	background: url(lang_en.gif) no-repeat;
}

a .lang-zh {
	background: url(lang_zh.gif) no-repeat;
}
/* CSS style of lang */


/* Empty CSS style of ExtJS constainer */
/* For javascript programming selection, used by document.getElementsByClassName */
div.extjs {
}
/* Empty CSS style of ExtJS constainer */


/* Chinese wording style */
.chinese {
/*	font-family: mingliu,pmingliu,arial,helvetica,sans-serif !important;*/
}
/* Chinese wording style */


/* CSS style of loading */
/*
#mainLoading-indicator {
	background: url(large-loading.gif) no-repeat;
	width: 35px;
	height: 35px;
	position:absolute;
	top: 45%;
	left: 50%;
	z-index: 20001;
}

#mainLoading-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	background-color: white;
}
*/

#messageArea span {
	color: red;
	white-space: normal;
}

#paymentTitle {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg_main_menu.gif) repeat-x top;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 24px;
	padding-right: 4px;
	padding-left: 4px;
	width: 700px;
}


/* CSS style of loading */

#profile-menu a, #ar-menu a, #payment-menu a  {
	text-decoration: none
}