#html,body {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 1200px;
	height: 100%;
	margin: auto;
	-webkit-text-size-adjust: none;
}

.centerMenu {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 1200px;
	height: 100%;
	margin: auto;
	position: relative;
}

.footer,.userlogon {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #555555;
	font-style: italic;
}

.nav_box_on {
    border: 2px solid grey;
    background: #b3f0ff;
    padding: 6px;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    width: 90px;
    height: 18px;    
}

.nav_box_off {
    border: 2px solid grey;
    background: #d9d9d9;
    padding: 6px;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    width: 90px;
    height: 18px;    
}
/********************************* Supervisor css **************************************/
.dhSupervisorHeader {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

.dhSupervisorMain {
	float: right;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	height: 19px;
	color: #333;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none;
	text-align: center;
	background-color: #dbdbdb;
	cursor: pointer;
	padding-top: 6px;
	padding-left: 0px;
	background-image: url(../images/bgMenu.gif);
}

.dhSupervisorMain:link {
	text-decoration: none;
}

.dhSupervisorMain:hover {
	background-color: #e1edf6;
	color: #333;
	text-decoration: none;
	background-image: url(../images/bgMenuOver.gif);
}

.dhSupervisorMain:visited {
	text-decoration: none;
}

.dhSupervisorMainEmpty {
	text-align:center;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #333;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #dbdbdb;
	background-image: url(../images/bgMenu.gif);
}

.dhSupervisorPopup {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background-color: #E8F2FF;
	color: #369;
}

.dhSupervisorTable {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.dhSupervisorSearchTable {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.dhSupervisorSearchTableTd {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	padding: 2px, 2px, 2px, 5px;
}

.dhSupervisorResultTableHeader {
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	text-align: left;
	color: #369;
	height: 20px;
	background-color: #E8F2FF;
}

.dhSupervisorSortingResultTableHeader {
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	background-position:right;	
}

.dhSupervisor_menu {
	display: none;
	white-space: nowrap;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
}

.dhSupervisor_menu a {
	float: left;
	height: 20px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none;
	color: #333;
	padding-top: 8px;
	padding-left: 10px;
	background-image: url(../images/bgMenuItem.png);
}

.dhSupervisor_menu a:link {
	text-decoration: none;
}

.dhSupervisor_menu a:hover {
	text-decoration: none;
	color: #333;
	background-image: url(../images/bgMenuOver.png);
}

.dhSupervisor_menu a:visited {
	text-decoration: none;
}

#dhSupervisor_menu1 { width: 280px; position: absolute; top: 100px; }
.dhSupervisor_function1 { width: 150px; }
.dhSupervisor_menu1_items { width: 268px; }
/******************************************************************************************/

/*********************************** Trader css *******************************************/
.traderHeader {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

.traderMain {
	float: right;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	height: 19px;
	color: #333;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none;
	text-align: center;
	background-color: #dbdbdb;
	cursor: pointer;
	padding-top: 6px;
	padding-left: 0px;
	background-image: url(../images/bgMenu.gif);
}

.traderMain:link {
	text-decoration: none;
}

.traderMain:hover {
	background-color: #e1edf6;
	color: #333;
	text-decoration: none;
	background-image: url(../images/bgMenuOver.gif);
}

.traderMain:visited {
	text-decoration: none;
}

.traderMainEmpty {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #dbdbdb;
	background-image: url(../images/bgMenu.gif);
}

.traderPopup {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background-color: #E8F2FF;
	color: #369;
}

.traderPopupContent {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	text-decoration: none;
	background-color: #EEEEEE;
}

.traderTable {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.traderSearchTable {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.traderSearchTableTd {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	padding: 2px, 2px, 2px, 5px;
}

.traderResultTableHeader {
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	text-align: left;
	color: #369;
	height: 20px;
	background-color: #E8F2FF;
}

.traderSortingResultTableHeader {
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	background-position:right;	
}

.trader_menu {
	display: none;
	white-space: nowrap;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	z-index: 1;
}

.trader_menu a {
	float: left;
	height: 20px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none;
	color: #333;
	padding-top: 8px;
	padding-left: 10px;
	background-image: url(../images/bgMenuItem.png);
}

.trader_menu a:link {
	text-decoration: none;
}

.trader_menu a:hover {
	text-decoration: none;
	color: #333;
	background-image: url(../images/bgMenuOver.png);
}

.trader_menu a:visited {
	text-decoration: none;
}

.importExportTable {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #369;
	background-color: #E8F2FF;
	/*font-weight: bold;*/
	width: 35px;
}

.importExportTableTd1 {
	font-size: 10px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #333;
	background-color: #EEEEEE;
}

.importExportTableTd2 {
	font-size: 10px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #333;
	background-color: #D0D0D0;
}

.traderDashBoardHeader {
	float: left;
	height: 14px;
	font-size: 13px;
	color: #333;
	text-align: center;
	text-decoration: none;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	padding-top: 7px;
}

.traderDashBoardItem {
	float: left;
	height: 18px;
	font-size: 13px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
#trader_menu0 {	width: 160px; position: absolute; top: 100px; }
.trader_function0 {width: 90px;}
#trader_menu1 {	width: 160px; position: absolute; top: 100px; }
.trader_function1 {width: 90px;}
.trader_menu1_items { width: 148px; }
#trader_menu2 {	width: 202px; position: absolute; top: 100px; }
.trader_function2 {width: 140px;}
.trader_menu2_items { width: 190px; }
#trader_menu3 {	width: 202px; position: absolute; top: 100px; }
.trader_function3 {width: 140px;}
.trader_menu3_items { width: 190px; }
#trader_menu4 {	width: 275px; position: absolute; top: 100px; }
.trader_function4 {width: 110px;}
.trader_menu4_items { width: 263px; }
#trader_menu5 {	width: 200px; position: absolute; top: 100px; }
.trader_function5 {width: 140px;}
.trader_menu5_items { width: 188px; }
#trader_menu6 {	width: 200px; position: absolute; top: 100px; }
.trader_function6 {width: 100px;}
.trader_menu6_items { width: 188px; }
#trader_menu7 {	width: 220px; position: absolute; top: 100px; }
.trader_function7 {width: 60px;}
.trader_menu7_items { width: 208px; }
#trader_menu8 {	width: 200px; position: absolute; top: 100px; }
.trader_function8 {width: 60px;}
.trader_menu8_items { width: 188px; }
#trader_menu9 {	width: 200px; position: absolute; top: 100px; }
.trader_function9 {width: 60px;}
.trader_menu9_items { width: 188px; }
#trader_menu10 {	width: 200px; position: absolute; top: 100px; }
.trader_function10 {width: 60px;}
.trader_menu10_items { width: 188px; }

/****************************************************************************************/

/********************************* Normal User css **************************************/
.dhUserHeader {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

.dhUserMain {
	float: right;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	height: 19px;
	color: #333;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none;
	text-align: center;
	background-color: #dbdbdb;
	cursor: pointer;
	padding-top: 6px;
	padding-left: 0px;
	background-image: url(../images/bgMenu.gif);
}

.dhUserMain:link {
	text-decoration: none;
}

.dhUserMain:hover {
	background-color: #e1edf6;
	color: #333;
	text-decoration: none;
	background-image: url(../images/bgMenuOver.gif);
}

.dhUserMain:visited {
	text-decoration: none;
}

.dhUserMainEmpty {
	text-align:center;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #333;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #dbdbdb;
	background-image: url(../images/bgMenu.gif);
}

.dhUserPopup {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	height: 20px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none;
	text-align: center;
	background-color: #CAE2FF;
	cursor: pointer;
}

.dhUserTable {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.dhUserSearchTable {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.dhUserSearchTableTd {
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	padding: 2px, 2px, 2px, 5px;
}

.dhUserResultTableHeader {
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #369;
	height: 20px;
	background-color: #E8F2FF;
}

.dhUserSortingResultTableHeader {
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	background-position:right;	
}

.dhUser_menu {
	display: none;
	white-space: nowrap;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
}

.dhUser_menu a {
	float: left;
	height: 20px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none;
	color: #333;
	padding-top: 8px;
	padding-left: 10px;
	background-image: url(../images/bgMenuItem.png);
}

.dhUser_menu a:link {
	text-decoration: none;
}

.dhUser_menu a:hover {
	text-decoration: none;
	color: #333;
	background-image: url(../images/bgMenuOver.png);
}

.dhUser_menu a:visited {
	text-decoration: none;
}

#dhUser_menu1 {	width: 196px; position: absolute; top: 100px; }
.dhUser_function1 { width: 150px; }
.dhUser_menu1_items { width: 184px; }
/******************************************************************************/
.fileButton {
	font-size: 12px;
}

.mask {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 9000;
	background-color: #000;
	display: none;
}

.plammsBackground {
	background: #FFFFFF;
}

.plammsOuterTable {
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-style: solid;
	font-size: 12px;
	color: #333;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.plammsContentOuterTable {
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-style: solid;
	font-size: 13px;
	color: #333;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.plammsConditionContentOuterTable {
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-style: solid;
	font-size: 12px;
	text-align: justify;
	color: #333;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.resultPage {
	font-size: 10px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.reqField {
	color: #FF0000;
}

.resultTableContent1 {
	font-size: 12px;
	/* word-break:break-all; */
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	background-color: #EEEEEE;
	height: 30px;
}

.resultTableContent2 {
	font-size: 12px;
	/* word-break:break-all; */
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	background-color: #D0D0D0;
	height: 30px;
}

.resultTableContentHover {
	font-size: 12px;
	/* word-break:break-all; */
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	background-color: #C9DFEF;
	height: 30px;
}

.resultTableContentSeleted {
	font-size: 12px;
	/* word-break:break-all; */
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	background-color: #D2D2FF;
	height: 30px;
}

.infoHover { /*
	background-color: #FFFFFF;
	*/
	
}

.infoHover:hover {
	background-color: #F7F7FF;
}

a:link {
	color: #333;
	text-decoration: underline;
	font-weight: normal;
}

a:visited {
	color: #333;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #FF0000;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
}

input {
	font-size: 13px;
	font-family: "Arial", "Helvetica", "Sans Serif"
}

input:disabled {
	background: #d8d8d8;
	color : #555555;
}

.input-label {
	margin: 0;
	padding: 0;
}

input.readonly {
	font-size: 13px;
	background-color: #d8d8d8;
	font-family: "Arial", "Helvetica", "Sans Serif"
}

select {
	font-size: 13px;
	font-family: "Arial", "Helvetica", "Sans Serif"
}

select:disabled {
	background: #d8d8d8;
	color : #555555;
}

option {
	font-size: 13px;
	font-family: "Arial", "Helvetica", "Sans Serif"
}

textarea {
	font-size: 13px;
	font-family: "Arial", "Helvetica", "Sans Serif"
}

input.file {
	font-size: 13px;
	font-family: "Arial", "Helvetica", "Sans Serif";
	position: relative;
	text-align: right;
}

.errorinput {
	font-size: 13px;
	background-color: #e6c0c0;
	font-family: "Arial", "Helvetica", "Sans Serif"
}

#tabs-1 p,#tabs-2 p {
	padding: 0px 0px 5px 0px;
}

.pagerText {
	font-size: 12px;
	font-family: "Arial", "Helvetica", "Sans Serif";
	width: 20px;
	text-align: center;
}

.alertFont {
	color: red;
}

.noticeFont {
	color: #900;
	font-size: 12px;
	font-weight: bold;
	font-family: "Verdana", "Arial", "Helvetica", "Sans Serif";
}

.ti-icon {
	width: 24px;
	height: 24px;
	background-image: url(../images/ti-icon.png);
}

.ti-icon-board {
	background-position: -180px -62px;
}

.ti-icon-details {
	background-position: -120px -92px;
}

.ti-icon-search {
	background-position: -60px -122px;
}

.ti-icon-edit {
	background-position: -210px -92px;
}

.ti-icon-util {
	background-position: -270px -92px;
}

.ti-icon-complete {
	background-position: -120px -62px;
}

.ti-icon-profile {
	background-position: -180px -32px;
}

.ti-icon-print {
	background-position: -120px -2px;
}

.ti-icon-setting {
	background-position: -90px -122px;
}

.note {
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}

.noteContent {

	color: #333;
	background-color: #FFF7B2;
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "Sans Serif";
	
}

.errorMessage {
	color: #F00;
	list-style-type:none;
	padding-left:0px;
}

.actionMessage{
	padding-left:0px;
}

#fieldError li span, #fieldError1 li span{
	font-family: "Verdana", "Arial", "Helvetica", "Sans Serif";
	font-size: 12px;
	color: #d00000;
}

#fieldError li, #fieldError1 li, #successMessage li{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
}

#fieldError ul, #fieldError1 ul{
	margin: 10px;
	border-bottom: 3px #de7a7b solid;
	border-top: 3px #de7a7b solid;
	background-color: #e6c0c0;
	list-style:none;
	height: auto;
	padding-bottom: 6px;
}

#fieldMessage li span{
	font-family: "Verdana", "Arial", "Helvetica", "Sans Serif";
	font-size: 12px;
	color: #000000;
}

#fieldMessage li, #successMessage li{
	margin-top: 10px;
	margin-left: 20px;    
	margin-right: 20px;
	margin-bottom: 5px;
}

#fieldMessage ul{
	margin: 10px;
	border-bottom: 3px #BFBF00 solid;
	border-top: 3px #BFBF00 solid;
	background-color: #FFFF00;
	list-style:none;
	height: auto;
	padding-bottom: 6px;
}

.pageImage {
	 cursor: pointer;
}
.sortByDesc{
	background-image: url(../images/down.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.sortByAsc{		
	background-image:url(../images/up.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }