body {
	font-family: "Arial", "Helvetica", "sans-serif";
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
form {
	margin: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	padding: 0;
	font-size: 11px;
	color: #333333;
}
a:link {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
img:link {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	cursor: wait;
}
a:hover {
	color: #7B9EC4;
	text-decoration: underline;
}
a:active {
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
input {
	font-size: 11px;
	color: #555555;
}
select {
	font-size: 11px;
	color: #555555;
}
textarea {
	font-size: 12px;
	color: #555555;
	resize: none !important;
}
.logon-bg {
	background-image: url(../../images/layout/logon_bg.gif);
}
.logon-font1 {
	padding-right: 6px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	height: 35px;
	width: 80px;
	vertical-align: middle;
}
.login-font2 {
	font-size: 12px;
	font-weight: bold;
	color: #E2001A;
}
.login-font-maintenance {
	font-size: 12px;
	color: #ffff80;
	font-weight: bold;
}
.main-box {
	padding-left: 30px;
	vertical-align: top;
	background-color: #555555;
}
.body-box {
	background-color: #555555;
}
.blank-box {
	vertical-align: top;
	background: transparent;
}
.frame-box {
	padding: 0 30px 30px 30px;
	vertical-align: top;
	background-color: #555555;
}
.popup-box {
	vertical-align: top;
	background-color: #555555;
}
.search-box {
	vertical-align: top;
	background: #555555 url(../../images/layout/search_box_bg.gif) no-repeat right bottom;
}
.tree-box {
	vertical-align: top;
	background-color: #FFFFFF;
}
.content-container {
	width: 50%;
	background-color: #F0F0F0;
}
.frame-box .content-container, 
.popup-box .content-container,
.search-box .content-container, 
.tree-box .content-container {
	width: 100%;
}
.frame-box .content-container {
	height: 100%;
	background-color: #FFFFFF;
}
.tree-box .content-container {
	background-color: #FFFFFF;
}
.footer {
	height: 1px;
	background-color: #555555;
}
/***********************************/
/***    Web Layout Style Sheet   ***/
/***********************************/
/** Infobar **/
.infobar {
	height: 56px;
	border-bottom: 1px solid #E1E1E1;
	background-color: #F0F0F0;
}
.infobar .infobar-area {
	width: 100%;
	border: none;
}
.infobar-area .navigations {
	padding-left: 14px;
	text-align: left;
}
.infobar-area .navigations .nav-item {
	font-size: 16px;
	color: #808080;
}
.infobar-area .navigations .current-nav {
	font-size: 16px;
	color: #333333;
}
.infobar-area .meta {
	padding-right: 14px;
}
.infobar-area .meta .brief-info {
	font-size: 11px;
	color: #555555;
}
/** Funcbar **/
.funcbar {
	padding-top: 14px;
	height: 63px;
	vertical-align: top;
	border-top: 1px solid #E1E1E1;
	background-color: #F0F0F0;
	/** background: #F0F0F0 url(../../images/layout/funcbar_bg.gif) repeat-x bottom left; */
}
.funcbar .funcbar-area {
	width: 100%;
}
.funcbar-area .buttons {
	padding-left: 14px;
	text-align: left;
	vertical-align: top;
}
.funcbar-area .buttons .btn-item {
	padding-right: 7px;
	height: 24px;
	line-height: 24px;
}
.funcbar-area .meta {
	padding-right: 14px;
	vertical-align: bottom;
}
/** on Edit Mode Area */
.edit-area .funcbar {
}
/***********************/
/**     Popup Box     **/
/***********************/
div.overlay { 
	position: absolute; 
	top: 0;
	left: 0;
	empty-cells: show;
	display: none; 
	z-index: 9999;
	background-color: #666666; 
	opacity: 0.60;
	filter : progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60,finishOpacity=100);
}
.box { 
	position: absolute; 
	top: 0;
	left: 0;
	empty-cells: show;
	display: none; 
	z-index: 10000; 
}
.box .box-page {
	padding: 5px;
	vertical-align: top;
	background-color: #515151;
}
.box .box-page .page-area {
	width: 100%;
	background-color: #FFFFFF;
}
.box .box-page .page-area .content-area {
	width: 480px;
}
.page-area .body-container {
}
.body-container .body-area {
	width: 100%;
}
/******************************/
/*** Page Layout Style Sheet***/
/******************************/
.form-area .header {
	height: 33px;
}
.form-area .header {
	background: #FFFFFF url(../../images/layout/form_header_bg.gif) repeat-x bottom left;
}
.header .titlebar {
	padding: 0 14px 5px 14px;
	vertical-align: bottom;
}
.header .titlebar .titlebar-area {
	width: 100%;
}
.header .titlebar .titlebar-area .titles {
	text-align: left;
}
.header .titlebar .titlebar-area .titles .title {
	font-size: 14px;
}
/***********************/
/** Content Container **/
/***********************/
.content-container {
}
.content-container .content-area {
	width: 100%;
}
/** Form Container **/
.form-container {
}
.form-container .form-area {
	width: 100%;
	border-collapse: collapse;
	background-color: #FFFFFF;
}
.form-area .area-container {
	padding: 14px;
}
/** Edit Area **/
.area-container .edit-area {
	width: 100%;
}
.edit-area .single-column {
}
.edit-area .single-column .label {
	width: 182px;
}
.edit-area .double-column {
}
.edit-area .multi-column {
}
.edit-area .list-column {
}
/****************************/
/*** Form Labels/Elements ***/
/****************************/
.label {
	padding-top: 3px;
	height: 28px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}
.element {
	padding-left: 14px;
	vertical-align: top;
}
.data {
	padding-top: 3px;
	padding-left: 14px;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
}

.date {
	width: 68px;
}
.number {
	text-align: right;
}
.status {
	text-align: center;
}
.updated {
	font-weight: bold;
	color: #0000FF;
}

a.calendar {
	width: 16px;
	height: 16px;
	background: transparent url(../../images/icons/calendar.gif) no-repeat middle left;
}
a.lookup {
	width: 16px;
	height: 16px;
	background: transparent url(../../images/icons/lookup.gif) no-repeat middle left;
}

div.waiting {
	width: 320px;
	height: 32px;
	line-height: 32px;
	background:transparent url(../../images/icons/waiting.gif) no-repeat 8px 8px;
	padding: 8px 8px 8px 48px;
	vertical-align: middle;
}
p.error {
	margin: 0 auto;
	padding: 0px 0px 3px 0px;
	height: 10px;
	line-height: 10px;
	font-size: 9px;
	color: #E2001A;
	vertical-align: top;
}
.userInfo {
	font-size: 10px;
	color: #ACACAC;
}
.userInfo select {
	font-size: 10px;
}
.body-title {
	height: 33px;
}
.title-left30 {
}
.title-left10 {
}
.info {
	height: 33px;
	padding-left: 14px;
	font-size: 16px;
	color: #333333;
	background: #F0F0F0 url(../../images/layout/infobar_bg.gif) repeat-x left top;
}
.title-font-white {
	font-size: 10px;
	color: #ACACAC;
	text-align: right;
}
.work-info {
	height: 33px;
	padding-left: 30px;
	font-weight: bold;
	color: #555555;
	text-align: right;
	background: #F0F0F0 url(../../images/layout/infobar_bg.gif) repeat-x left top;
}
.home-bg {
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
}
.main-box1 {
}
.box4 {
	text-align: left;
	vertical-align: top;
}

.box5 {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: 25px;
}
.box6 {
	background-image: url(../../images/layout/box_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.form-border, 
.frame-boder {
	border-bottom: 1px solid #E1E1E1;
	vertical-align: top;
	background-color: #F1EFE7;
}
.box-border {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #E1E1E1;
	vertical-align: top;
}
.box-middle-border {
	border-right: 1px solid #C5D3E0;
	border-bottom: 1px solid #C5D3E0;
	border-left: 1px solid #C5D3E0;
	background: #D7E2ED url(../../images/layout/box_segment_bg.gif) repeat-x left top;
}
.box-middle-search {
	border-top: 1px solid #FFFFFF;
	background-color: #F0F0F0;
}
.section-border1 {
	border-top: 1px solid #C5D3E0;
	border-left: 1px solid #C5D3E0;
	background: #D7E2ED url(../../images/layout/box_section_bg.gif) repeat-x left top;
}
.section-border2 {
	border-top: 1px solid #C5D3E0;
	border-right: 1px solid #C5D3E0;
	background: #D7E2ED url(../../images/layout/box_section_bg.gif) repeat-x left top;
}
.section-border3 {
	border-right: 1px solid #C5D3E0;
	border-bottom: 1px solid #C5D3E0;
	border-left: 1px solid #C5D3E0;
	background-color: #D7E2ED;
}
.td-box {
	border-bottom: 1px solid #E1E1E1;
	background-color: #FFFFFF;
}
.td-box2 {
	background-color: #FFFFFF;
	line-height: 28px;
}
.td-box3 {
	background: #FFFFFF url(../../images/layout/popup_bg.gif) no-repeat right bottom;
	border-bottom: 1px solid #E1E1E1;
}
.td-box4 {
}
.td-box5 {
	background-color: #F0F7EE;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	height: 22px;
	padding: 10px;
}
.td-box6 {
	border-bottom: 1px solid #E1E1E1;
	background-color: #F0F7EE;
}
.td-bg {
	padding: 10px 10px 12px 10px;
	color: #E2001A;
	line-height: 18px;
	background-color: #FFE5E5;
}
.td-bg3 {
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	line-height: 25px;
	border-top: 1px dashed #8198A4;
}
.td-bg4 {
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	line-height: 25px;
	border-top: 1px dashed #8198A4;
	background-color: #F4FBFE;
}
.td-bg5 {
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	line-height: 25px;
	border-top: 1px dashed #8198A4;
	background-color: #F0F7EE;
}
.form-title {
	padding-left: 15px;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
	background-image: url(../../images/layout/form_title_bg.gif);
	background-repeat: repeat-x;
}
.submit-line {
	height: 56px;
	border-top: 1px solid #E1E1E1;
	background: #F0F0F0;
}
.button-space {
	height: 31px;
	padding: 0 4px 0 14px;
}
.button-space-right {
	height: 31px;
	padding: 0 14px 0 0;
}
.icon-space {
	align: center;
	valign: center;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
.icon-space-inset {
	align: center;
	valign: center;
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	background-color: #B6B6B6;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}
.icon-space-inset2 {
	align: center;
	valign: center;
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	background-color: #B6B6B6;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}
.icon-space-outset {
	align: center;
	valign: center;
	border-top: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	background-color: #7B9EC4;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}
.ext-toolbar-bg {
	border-top: #636363 1px solid;
	border-left: #636363 1px solid;
	border-right: #636363 1px solid;
	border-bottom: #636363 1px solid;
	background-color: #555555;
	background-image: url(../../images/layout/title_bg_b.gif);
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
}
.form-label {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 28px;
	text-align: right;
	width: 120px;
	padding-right: 5px;
	white-space: nowrap;
}
.form-leftlabel {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 28px;
	text-align: left;
	width: 60px;
	padding-right: 5px;
	white-space: nowrap;
}

.form-leftlabel-big {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 28px;
	text-align: left;
	width: 180px;
	padding-right: 5px;
	white-space: nowrap;
}
.form-midlabel {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 28px;
	text-align: center;
	width: 120px;
	padding-right: 5px;
	white-space: nowrap;
}
.form-label-req {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 28px;
	text-align: right;
	width: 120px;
	padding-right: 5px;
	white-space: nowrap;
}
.blue-label-req {
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	text-align: center;
	color: #7EA35E;
	white-space: nowrap;
}
.form-label-box {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 28px;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}
.form-label-box-req {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 28px;
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}

.form-label-diff {
	font-size: 11px;
	font-weight: bold;
	height: 28px;
	text-align: right;
	color: #0033CC;
	padding-right: 5px;
	white-space: nowrap;
}
.hotkey {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.accesskey-label{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.form-label-little {
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	text-align: right;
	width: 60px;
}
.list-title {
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 26px;
	vertical-align: middle;
	white-space: nowrap;
	background-image: url(../../images/layout/table_title_bg4.gif);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.list-title-req {
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 26px;
	vertical-align: middle;
	white-space: nowrap;
	background-image: url(../../images/layout/table_title_bg4.gif);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.list-title-right {
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 26px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	background-image: url(../../images/layout/table_title_bg4.gif);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.list-title-center {
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 26px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	background-image: url(../../images/layout/table_title_bg4.gif);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.list-title a, .list-title a:link, .list-title a:active, .list-title a:visited, .list-title a:hover,
.list-title-req a, .list-title-req a:link, .list-title-req a:active, .list-title-req a:visited, .list-title-req a:hover,
.list-title-right a, .list-title-right a:link, .list-title-right a:active, .list-title-right a:visited, .list-title-right a:hover,
.list-title-center a, .list-title-center a:link, .list-title-center a:active, .list-title-center a:visited, .list-title-center a:hover {
	text-decoration: none;
}
.list-title2 {
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 62px;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	background-color: #FFFFFF;
	background-image: url(../../images/layout/table_title_bg2.gif);
	vertical-align: middle;
	cursor: e-resize;
	white-space: nowrap;
}
.list-title3 {
	height: 31px;
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #E1E1E1;
	background-color: #FFFFFF;
	background-image: url(../../images/layout/table_title_bg3.gif);
	vertical-align: middle;
	white-space: nowrap;
}
.list-title3-ccy {
	height: 31px;
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	border-style: solid;
	border-bottom: 1px solid #E1E1E1;
	background-color: #FFFFFF;
	background-image: url(../../images/layout/table_title_bg3.gif);
	vertical-align: middle;
	white-space: nowrap;
}
.list-title3-right {
	height: 31px;
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #E1E1E1;
	background-color: #FFFFFF;
	background-image: url(../../images/layout/table_title_bg3.gif);
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}
.list-title3-center {
	height: 31px;
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #E1E1E1;
	background-color: #FFFFFF;
	background-image: url(../../images/layout/table_title_bg3.gif);
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}
.list-title2 a, .list-title2 a:link, .list-title2 a:active, .list-title2 a:visited, .list-title2 a:hover,
.list-title3 a, .list-title3 a:link, .list-title3 a:active, .list-title3 a:visited, .list-title3 a:hover,
.list-title3-ccy a, .list-title3-ccy a:link, .list-title3-ccy a:active, .list-title3-ccy a:visited, .list-title3-ccy a:hover,
.list-title3-right a, .list-title3-right a:link, .list-title3-right a:active, .list-title3-right a:visited, .list-title3-right a:hover,
.list-title3-center a, .list-title3-center a:link, .list-title3-center a:active, .list-title3-center a:visited, .list-title3-center a:hover {
	text-decoration: none;
}
.list-title4 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(../../images/layout/table_title_bg.gif);
	height: 31px;
	padding-left: 5px;
	white-space: nowrap;
}
.list-line0 {
	height: 29px;
	padding-left: 5px;
	background-color: #E5ECF3;
	border-top: 1px solid #E1E1E1;
}
.list-line0 table {
	font-weight: bold;
	color: #555555;
	background-color: #E5ECF3;
}
.list-tr1 {
	padding: 0 5px 0 5px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	height: 22px;
	color: #666666;
}
.list-tr1-right {
	padding: 0 5px 0 5px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	height: 22px;
	color: #666666;
	text-align: right;
}
.list-tr1-center {
	padding: 0 5px 0 5px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	height: 22px;
	color: #666666;
	text-align: center;
}
.list-tr2 {
	padding: 0 5px 0 5px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	height: 22px;
	color: #666666;
}
.list-tr2-center {
	padding: 0 5px 0 5px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	height: 22px;
	color: #666666;
	text-align: center;
}
.list-tr2-right {
	padding: 0 5px 0 5px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	height: 22px;
	color: #666666;
	text-align: right;
}
.list-num-tr1 {
	background-color: #D8E2E9;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D8E2E9;
	height: 22px;
	padding-right: 5px;
	text-align:right;

}
.list-num-tr2 {
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	height: 22px;
	padding-right: 5px;
	text-align:right;
}
.title-td {
	height: 25px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #FFFFFF;
	white-space: nowrap;
}
.title-td-center {
	height: 25px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	border-bottom: 1px solid #FFFFFF;
	white-space: nowrap;
}
.title-td2 {
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 25px;
	background-image: url(../../images/layout/table_title_bg4.gif);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	white-space: nowrap;
}
.title-td3 {
	padding: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 25px;
	background-image: url(../../images/layout/table_title_bg4.gif);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	white-space: nowrap;
}
.text10 {
	width: 10px;
}
.text25 {
	width: 25px;
}
.text28 {
	width: 28px;
}
.text40 {
	width: 40px;
}
.text60 {
	width: 60px;
}
.text70 {
	width: 70px;
}
.text80 {
	width: 80px;
}
.text100 {
	width: 100px;
}
.text120 {
	width: 120px;
}
.text160 {
	width: 160px;
}
.font-red {
	color: #FF0000;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	vertical-align: middle;
	background-color: #e7ebe7;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8198A4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8198A4;
	font-weight: bold;
}
.font-black {
	padding: 5px;
	line-height: 16px;
	font-size: 10px;
	background-color: #FFFFFF;
}
.font-black-bold {
	font-size: 12px;
	color: #666666;
	padding: 5px;
	background-color: #FFFFFF;
	border-top: 1px solid #D8DCDF;
}
.font-bold {
	font-weight: bold;
}
.text-right {
	text-align: right;
}
.left10 {
	padding-left: 10px;
	height: 25px;
}
.right {
	text-align: right;
	padding-right: 3px;
	padding-left: 5px;
	width: 100px;
}
.text-disabled {
	background-color: #D5D5D5;
}
.text-disabled-right {
	text-align: right;
	background-color: #D5D5D5;
}
.text-disabled-ccy {
	text-align: right;
	background-color: #D5D5D5;
}
.text-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.text-line2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}
.left-bg {
	background-color: #C1EBFF;
}
.layer-border {
	border: 1px solid #8198A4;
	vertical-align: top;
}
.head-title-bg {
	background-image:  url(../../images/layout/title_bg.gif);
}
.fontcolor-red {
	color: #CC0000;
}
.fontcolor-blue {
	color: #330099;
}
.fontcolor-green {
	color: #8198A4;
}
.fontcolor-yellow {
	color: #FF9900;
	font-weight: bold;
}
.fontcolor-white {
	color: #FFFFFF;
}
.num-right {
	text-align: right;
}
.num-center {
	text-align: center;
}
.font-italic {
	font-style: italic;
}
.font-diff {
    font-weight: bold;
    color: #0000FF;
}
.font-created {
	
}
.font-updated {
	color: #FF0000;
}
.font-deleted {
	color: #C0C0C0;
}
.input-uppercase {
	text-transform: uppercase;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-line-border {
	background-color: transparent;
	border: 1px solid #AEE2FF;
}
.text-no-border {
	background-color: transparent;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.text-updated { 
	background-color: transparent; 
	border-bottom-style: none; 
	border-top-style: none; 
	border-right-style: none; 
	border-left-style: none; 
    font-weight: bold; 
    color: #0000FF; 
}
.layer-border-white {
	border: 1px solid #FFFFFF;
	vertical-align: top;
}
.list-font {
	padding: 12px 0 12px 14px;
	background: #FFFFFF url(../../images/layout/title_bg_c.gif) repeat-x left bottom;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 33px;
}
.title-left {
	background: #FFFFFF url(../../images/layout/title_bg_c.gif) repeat-x left bottom;
	width: 3px;
	white-space: nowrap;
}
.title-right {
	background: #FFFFFF url(../../images/layout/title_bg_c.gif) repeat-x left bottom;
	width: 3px;
	white-space: nowrap;
}
.div-shadow-short {
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.Shadow(color:#909090,direction=145,strength:2);
}
.div-shadow-long {
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.Shadow(color:#909090,direction=145,strength:3);
}
.horizontal-divide-line {
	padding-top: 16px;
	background: transparent url(../../images/layout/blank_line_hor.gif) repeat-x left 8px;
}
.menu-bg-a {
	background-image: url(../../images/layout/title_bg_a.gif);
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding-right: 2px;
	padding-left: 2px;
	height: 31px;
}
.menu-bg-b {
	padding-left: 10px;
	background-image: url(../../images/layout/title_bg_b.gif);
	height: 27px;
}
.menu-line {
	background-image: url(../../images/layout/menu_line.gif);
	padding-left: 10px;
	height: 29px;
	vertical-align: middle;
}
.menu-left10 {
	padding-left: 10px;
	height: 25px;
	vertical-align: middle;
}
.menu-twoline {
	background-image: url(../../images/layout/menu_line.gif);
	padding-left: 10px;
	height: 27px;
	vertical-align: middle;
}
/********************** cool menu style start *************************/

/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/* MENU NUMBER 1 */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#EFEDE0; layer-background-color:#EFEDE0; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding-left:2px; padding-top:6px; font-family:Trebuchet MS; font-size:14px; font-weight:bold; text-align: center;}
.clLevel0{background-image: url(../../images/layout/title_bg_a.gif);background-color:#555555; layer-background-color:#555555; color:#FFFFFF;}
.clLevel0over{background-image: url(../../images/layout/title_bg_a_over.gif);background-color:#C72C31; layer-background-color:#C72C31; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#484848; layer-background-color:#484848;background:url(../../images/layout/title_line.gif)}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; width:180; padding:3px; font-family:arial,helvetica; font-size:12px; word-break: break-all; word-wrap:break-word;}
.clLevel1{background-color:#555555; layer-background-color:#555555; color:#C0C0C0;}
.clLevel1over{background-color:#C72C31; layer-background-color:#C72C31; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:visible; background-color:#636363; layer-background-color:#636363}
/********************** cool menu style end *************************/
.boy-list {
	background-image: url(../../images/layout/boy_bg.gif);
	font-weight: bold;
	height: 25px;
	padding-left: 5px;
}
.sun-list {
	font-weight: bold;
	height: 25px;
	background-image: url(../../images/layout/sun_bg.gif);
}
.font-system {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
}
.box-main-angle {
	height: 5px;
	background-image: url(../../images/layout/box_top.gif);
}
.line-mid {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #8198A4;
	border-left-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
/********************** page bar start *************************/
.page-border-left {
	width: 3px;
	height: 24px;
	background: transparent url(../../images/layout/page_border_left.gif) no-repeat left;
}
.page-border-right {
	width: 16px;
	height: 24px;
	background: transparent url(../../images/layout/page_border_right.gif) no-repeat left;
}
.page-bar {
	height: 24px;
	background: url(../../images/layout/page_bg.gif);
}
.page-bar table {
	background: transparent; 
}
.page-size-label {
	padding-right: 3px;
	padding-left: 7px;
	font-size: 11px;
	color: #555555;
	text-align: right;
}
.page-size {
}
.page-size select {
	font-size: 10px;
	height: 16px;
}
.page-num {
	padding-right: 7px;
	padding-left: 7px;
	font-size: 11px;
}
.page-button {
	text-align: right;
}
.page-button a  {
	display: block;
}
.page-go {
}
.page-go input {
	width: 20px;
	height: 16px;
	border-top: 1px solid #D2D2D2;
	border-right: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
	border-left: 1px solid #D2D2D2;
	font-size: 10px;
	background-color: #FFFFFF;
}

.page-go-label {
	padding-left: 2px;
	padding-right: 5px;
	text-align: left;
}
/********************** page bar end *************************/
/********************** note *************************/
.main-box-note {
	padding-left: 10px;
}
.main-box-note table {
	background-color: #F0F0F0;
}
.list-font-note {
	color: #333333;
	height: 33px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
	background: #F0F0F0 url(../../images/layout/title_bg_d.gif) repeat-x left top;
}
.line-left {
	padding: 0 5px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.line-right {
	padding: 0 5px 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box-new-note {
	padding: 10px;
	line-height: 23px;
	text-indent: 20px;
	border-bottom: 1px solid #D8DCDF;
	background-color: #FFFFFF;
}
.box-old-note {
	padding: 5px;
	line-height: 23px;
	text-indent: 20px;
	color: #555555;
	border-bottom: 1px solid #D8DCDF;
	background-color: #F1EFE7;
}
.box-last-note {
	padding: 5px;
	line-height: 23px;
	text-indent: 20px;
	color: #555555;
	border-bottom: 1px solid #D8DCDF;
	background-color: #F1EFE7;
}
.box-new-note table,
.box-old-note table,
.box-last-note table {
	background-color: #F1EFE7;
}
.text-indent {
	padding-bottom: 10px;
	text-indent: 20px;
}
.note-time-indent {
	border-top: 1px solid #E4E4E4;
	text-indent: 425px;
}
/********************** note end *************************/
/********************** box *************************/
.box-frame {
	line-height: 28px;
	text-indent: 20px;
	border-top: 2px solid #555555;
	border-right: 2px solid #555555;
	border-bottom: 2px solid #555555;
	border-left: 2px solid #555555;
	background-color: #FFFFFF;
}
.box-top {
	height: 35px;
}
.box-title {
	height: 35px;
	padding-left: 14px;
	font-size: 16px;
	color: #333333;
	background-color: #F0F0F0;
}
.box-body {
}
.box-body div {
	padding: 5px;
}
.box-body td {
	font-size: 12px;
	color: #555555;
	line-height: 22px;
}
/********************** box end*************************/
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landr?              |
|--------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}

.dtree img {
	border: 0px;
	vertical-align: middle;
}

.dtree a {
	color: #333;
	text-decoration: none;
}

.dtree a:visited {
	font: 11px normal; 
	text-decoration: none; 
}

.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}

.dtree a.nodeSel {
	background-color: #c0d2ec;
}

.dtree .clip {
	overflow: hidden;
}
/********************** Dtree end*************************/
/********************** Calendar begin*************************/

/********************** general style start ***************************/

/*general setting*/

/* for the title cell of month & year */
.date-title {
	height: 35px;
	padding-left: 19px;
	padding-right: 19px;
	background-image: url(../../images/layout/date_title_bg.gif);
}
/* for the title font of month & year */
.date-monthyear {
	width: 90px;
	font-family : Arial;
	font-size : 14px;
	color: #FFFFFF;
	text-align: left;
	border: none;
	background: transparent;
}
.date-title select {
	color: #333333;
	background: white;
}
/* for the title cell of each weekday */
.date-data-title {
	padding-left: 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	height: 25px;
	vertical-align: middle;
	background-color: #FFFFFF;
}
.date-selector-td {
	background-color: #FFFFFF;
	height: 21px;
	padding-left: 5px;
	text-align: center;
}
td.date-font-lighter, a.date-font-lighter{
	color: #333333; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-decoration : none;
}
a.date-font-lighter:hover {
	color: #7B9EC4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-decoration : underline;
}
.date-today, a.date-today, a.date-today:visited {
	width: 20px;
	height: 21px;
	padding-top: 4px;
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-decoration:none;
	text-align: center;
	background-color: #E4E4E4;
}
.date-weekday, a.date-weekday, a.date-weekday:visited {
	width: 20px;
	height: 21px;
	padding-top: 4px;
	color: #424242; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-decoration:none;
	text-align: center;
}
.date-holiday, a.date-holiday, a.date-holiday:visited {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : lighter;
	color: red;
	text-decoration:none;
	text-align: center;
}
.date-today:hover, .date-weekday:hover, .date-holiday:hover {
	color : #7B9EC4;
	font-family: Verdana, Arial, Helvetica; 
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}
.date-box6 {
	text-align: right;
	padding: 10px;
	background-color: #FFFFFF;
}
.blankCell {
	text-align: center;
	background-color: #FFFFFF;
}
/********************** Calendar end*************************/

/**********************for attachment begin**************************/
.mainhead {
	background: #FFFFFF;
	white-space:nowrap;
}
.titleLevel1 {
	height: 31px;
	padding:10px 0 0 14px;
	background: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color : #333333;
	text-decoration:none;
}	
/**********************for attachment end**************************/

/***********************for report begin***********************/
#dashed {
}
/***********************for report end***********************/

/************************FSC home.jsp bein**************************/
.home-title-font {
	font-size: 9px;
	color: #9a9a9a;
	font-family: "Arial", "Helvetica", "sans-serif";
	text-align: center;
}
/************************FSC home.jsp end********************************/
/*for CDA calendar box*/
.form-emphasis-box{
	background-color : #8198A4;
}
/***************** Banner ***********************/
.banner-box {
	padding-bottom: 12px;
	background-image: url(../../images/banner/banner.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.banner-portal-td {
	padding: 0 8 0 8;
	border-right: 1px solid #000000;
}
.banner-portal-td a,
.banner-portal-td a:link,
.banner-portal-td a:visited,
.banner-portal-td a:active {
	text-decoration: underline;
}
.banner-portal-td a:hover {
	text-decoration: underline;
}
/***************** The End of Banner *************/
/******* for table list with fixed size ******/
table.fixed-list {
	table-layout: fixed;
	border-collapse: collapse;
}
table.fixed-list td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/******* end of for table list with fixed size ******/
/***** Web Tab style classes start *****/
#tabTitle {
	background: #F0F0F0 url(../../images/layout/tab_title_bg.gif) repeat-x top; 
}
.appTabOn, .appTabOff {
	font-size: 11px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
}
.appTabOn span, .appTabOff span {
	float: left;
	display: block;
	padding-left: 8px;
	padding-right: 0px;
	border: none;
	background: transparent no-repeat;
}
.appTabOn span label, .appTabOff span label {
	float: left;
	padding-left: 0px;
	padding-right: 8px;
	background: transparent no-repeat right 0px;
	cursor: pointer;
}
.appTabOn span, .appTabOn span label {
	background-image: url(../../images/layout/tab_on.gif);
	color: #333333;
}
.appTabOff span, .appTabOff span label {
	background-image: url(../../images/layout/tab_off.gif);
	color: #808080;
}
.appTabBar {
	display: none;
}
.appTabPanelBorder {
	vertical-align: top;
	background-color: #ffffff;
}
/***** Web Tab style classes end *****/
/***** Web Button style classes start *****/
.appButton {
	margin: 0; 
	padding: 0;
	background: transparent;
	border: none;
	width: auto; 
	* width: 1%;
	overflow: visible;
	cursor: pointer;
}
.appButton span {
	display: block;
	padding: 0 0 0 1;
	background: transparent no-repeat;
	cursor: pointer;
}
.appButton span label {
	font-family : Arial, Helvetica, sans-serif;
	display: inline-block;
	padding: 0 14 0 14;
	background: transparent no-repeat right top;
	font-size: 11px;
	color: #555555;
	height: 24px;
	line-height: 23px;
	white-space: nowrap;
	cursor: pointer;
}
.appButton:hover span label {
	color: #7B9EC4;
}
.appButton span {
}
.appButton span label {
	background-image: url(../../images/buttons/app_btn_bg.gif);
}
/***** Web Button style classes end *****/

/** @deprecated **/
.top-title14 {
	padding-top: 14px;
}

.title-bg {
	background-image: url(../../images/layout/title_bg.gif);
}

.user-info {
	font-size: 13px;
	color: #000000;
}
.button-view-bg {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00A4E8;
	height: 25px;
}
.button-th2-view-bg {
    background-image:  url(../../images/layout/tab_th2_over.gif);
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    background-repeat: no-repeat;
}
.button-th2-other-bg {
    font-size: 12px;
    font-weight: bold;
    background-image:  url(../../images/layout/tab_th2_up.gif);
    color: #295E8E;
    background-repeat: no-repeat;
    height: 22px;
}
.box-middle-bg {
	background-image:  url(../../images/layout/table_title_bg.gif);
	font-weight: bold;
}
.box-bold {
	font-weight: bold;
}
.box-color {
	background-color: #8198A4;
	height: 5px;
}
.space-line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #557632;
}
.a-text {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	cursor: help;
}
.title-name {
	border: 1px solid #003366;
}
/***** Web Popup style classes *****/
.wafPopup {
	position: absolute;
	border-left: 4px solid #3C5A95;
	border-right: 4px solid #3C5A95;
	border-bottom: 4px solid #3C5A95;
	border-top: 0px;
	background-color: #FFFFFF;
}
.wafPopup-title {
	height: 30px;
	background-color: #3C5A95;
}
.wafPopup-title-left {
	width: 20px;
	text-align: left;
	vertical-align: middle;
}
.wafPopup-title-text {
	width: 100%;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	cursor: move;
}
.wafPopup-title-right {
	width: 20px;
	text-align: right;
	vertical-align: middle;
}
.wafPopup-maskWall {
	position: absolute;
	background-color: #000000;
	visibility: hidden;
	z-index: -1;
	border: 0px;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;	
}
.wafPopup-resize {
	position: absolute;
	background-color: #000000;
	visibility: hidden;
	z-index: -1;
	border: 0px;
	top: 0px;
	left: 0px;
	font-size: 1px;
}
.popupMenu {
	position: absolute;
	display: none;
	width: 0;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px outset #CCCCCC;
}
.popupMenu-menuItem {
	height: 16px;	
}
.popupMenu-menuItemOver {
	background-color: #CCCCFF;
}
.popupMenu-menuItemOut {
	background-color: #D4D0C8;
}
.popupMenu-menuItem-left {
	width: 16px;
}
.popupMenu-menuItem-right {
	width: 8px;
}
.popupMenu-menuItem-text {
	padding-left: 2px;
	font-size: 13px;	
}
.popupMenu-separator {
	height:-1px;
	border: 1px outset #CCCCCC;
	background-color: #D4D0C8;
}
.popupMenu-menuItem-disabled {
   color: #848284;
   text-shadow:1px 1px 1px #FFFFFF;
}
.confirm-title {
	background-color: #C0C0C0;
}
.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}
.scrollTable-title {
	padding: 0 5px 0 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}
.footerlink {
	padding-left: 30px;
	background-color: #555555;
	padding-top: 30px;
}
.footerlink td a{
	color:red;
	text-decoration: none;
}
.footerlink-login {
	padding-left: 30px;
}
.footerlink-login td a {
	color:blue;
	text-decoration: none;
}