body {
	background-color: #fff; 
	margin: 0px;
	padding: 0px;
	height:100%;
	width:100%;

	font-family : Verdana;
	font-size: 10pt;
	text-decoration: none;
	text-align: left;	
	overflow:scroll;
}

a { cursor:pointer;}


input {vertical-align:top;}

/* leftpage for users and company admin: */
div.contentPage {
	/*margin-left:150px;*/
	padding: 0px;
	height: 100%;
	width: 84.5%;
	position:absolute;
	top:5px;
	right:0;	
}

div.leftPage {
	/*position: absolute;
	width:140px;
	height: 100%;
	left: 0px;
	top: 0px;*/
	width: 15%;
	height: 100%;
	padding-top: 0px;
	padding-left: 0px;	

	position:absolute;
	
	top:5px;
	left:0;
}

body>div.leftPage {	
	
}

/* leftpage for PLATFORM admin: */

div.contentPageAdmin {
	margin-left: 180px;
	padding: 0px;
	height: 100%;
	overflow: auto;	
}

div.leftPageAdmin {
	position: absolute;
	width: 180px;
	height: 100%;
	left: 0px;
	top: 0px;
	padding-top: 0px;
	padding-left: 0px;	
}

body>div.leftPageAdmin {	
	position: fixed;		
}

body>div.contentPageAdmin {	
	position: fixed;
	overflow-y: auto;
	overflow-x: auto;
}

.noshow {
	width: 0px;
	height: 0px;
	display: none;
}

.loginPage {	
	width: 100%;
	height: 100%;	
}

.loginHeaderBox {
	background-color: #fbc108;
}

.loginBox {	
	width: 100%;
	margin-top: 130px;	
	margin-bottom: 50px;	
}

.loginFooter {
	position: absolute; 
	bottom: 0;
}

.welcome{
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color:#FFFFFF;
	background-color:#F8B613;
}

.title {	
	font-size : 12pt;	
	color : #000000;
	text-decoration: none;
	padding-top: 5px;	
	margin-bottom: 10px;		
	border-bottom-color:#0C1B6F;
	border-bottom-style:solid;
	border-bottom-width:1px;	
}

.logtxt {
	FONT-SIZE: 11pt; 
	COLOR: #0C1B6F; 
	TEXT-DECORATION: none
}

.tabs {
	background-image:url(images/msgHeadBg.gif); 
	background-repeat:repeat-x; 
	width:100%; 
	position:relative;
}


.directory {
	font-weight : bold;
	background: #E5EAFF;
	BORDER-LEFT: #576CC0 1pt solid;
	BORDER-RIGHT: #576CC0 1pt solid;
	BORDER-TOP: #576CC0 1pt solid;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;
}

.nondirectory {
	font-size : 10px;
	BACKGROUND: #FFFFFF; 
	BORDER-LEFT: #576CC0 1pt solid; 
	BORDER-RIGHT: #576CC0 1pt solid; 
	BORDER-TOP: #576CC0 1pt solid; 
	BORDER-bottom: #576CC0 1pt solid; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none
}
.tab {	
	font-size : 10pt;
	BACKGROUND: #E5EAFF; 
	BORDER-LEFT: #576CC0 1pt solid; 
	BORDER-RIGHT: #576CC0 1pt solid; 
	BORDER-bottom: #576CC0 1pt solid; 
	PADDING-TOP: 0px;
	TEXT-DECORATION: none
}

.gap {
	font-size : 10pt;
	BORDER-bottom: #576CC0 1pt solid; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none
}

.subtitle{
	color: #000000;
	font-size : 9pt;
	font-weight : bold;
	text-decoration: none;
}

td.sourcecode a,  td.sourcecode {
	font-size : 7pt;
	color: #000000;	
}

.content {
	color: #000000;
	font-size : 10pt;
	
}

select.content {
	color: #000000; 
	border: 1px solid;
	font-size: 11pt; 	  
	
	padding-left: 3px;
	padding-bottom: 1px; 
	padding-top: 1px;
	padding-right: 3px;
	
	margin-left: 0px; 
	margin-right: 0px; 	  	
}


input.content, .loginField {
	color: #000000; 
	border: 1px solid gray;		/*border:1px solid*/
	font-size: 11pt; 	
	
	padding-left: 3px;
	padding-bottom: 0px; 
	padding-top: 0px;
	padding-right: 3px;	
	margin-left: 0px; 
	margin-right: 0px; 	  	
}

.loginField {
	width: 7em;
}


input.content[readonly] {
	background: buttonface;
}

.tabtext{
	color: #FFFFFF;
	font-size : 10pt;
	text-decoration: none;
	padding-left : 4px;
}


p.loginHeader {
	color: #ffffff;
	font-size : 12pt;
	font-weight : bold;
	BORDER-bottom: #0C1B6F 10pt solid; 
}

p.errorText, p.error {
	color: #ff0000;
}

.whitecontent{

	font-size : 12px;
	text-decoration: none;
}

.fieldlabel { 
	font-family: verdana; 
	font-size: 12px; 
	color: #000; 
	background-color:#7489b6;
	text-decoration: none;
	padding-left: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
}
 
.oddtable { 
	font-family: verdana; 
	font-size: 10pt; 
	color: #000000; 
	background: #b9c9d8;
	text-decoration: none;
 }

.oddtable:hover { 
	background: #FFB76F;;
}
 
.eventable { 
	font-family: verdana; 
	font-size: 10pt; 
	color: #000000; 
	background-color:#fff;
	text-decoration: none;
}

.eventable td { 
	padding: 2px;
}

.eventable:hover { 
	background:
	#FFB76F;
	color;#fff;
}
 
.small{
	font-size : 9pt;
	color : #0C1B6F;
}

A.content {
	color: #000000;
	text-align: left;
}

A.content:hover {
	color: #F8B613;	
}

A.whitecontent {
	
}

A.whitecontent:hover{
	color: #FC9B00;
}

A.mainLink {
	color:#0C1B6F;	
	font-size:12px;
}

A.mainLink:hover {
	color:#F26521;		
	font-size:12px;
}

A.mainLinkLogin {
	color:#FFFFFF;
	font-size:16px;
}

A.mainLinkLogin:hover {
	color:#F26521;	
	font-size:16px;
}

A.mainLink1 {
	color:#FFFFFF;
	font-size:11px;		
}

A.mainLink1:hover {
	color:#F26521;	
}

A.mainLink2 {
	color:white;
	font-size:11px;
}

A.mainLink2:hover {
	color:#F26521;
}

A {
	color: #000000;
	text-decoration: none;
}

A:hover {
	color: #F8B613;
	text-decoration: none;
}



.info {
 	font-weight: bold;
	color : red;
}

/*    Styles for Date Picker	*/

.dpDiv {
}

.dpTable {
	BORDER-RIGHT: #0C1B6F 1px solid;
	BORDER-TOP: #0C1B6F 1px solid; 
	BORDER-LEFT: #0C1B6F 1px solid; 
	BORDER-BOTTOM: #0C1B6F 1px solid; 

	BACKGROUND-COLOR: #FFFFFF; 
	COLOR: #0C1B6F; 

	TEXT-ALIGN: center;
}

.dpTR {	
}

.dpTitleTR {
}

.dpDayTR {
	
}

.dpTodayButtonTR {
	
}

.dpDayHighlightTD {
	BORDER-RIGHT: #0C1B6F 1px solid; 
	BORDER-TOP: #0C1B6F 1px solid; 
	BORDER-LEFT: #0C1B6F 1px solid; 
	BORDER-BOTTOM: #0C1B6F 1px solid;
	BACKGROUND-COLOR: #0C1B6F;
	CURSOR: pointer; 
}

.dpTitleTD {	
}

.dpButtonTD {	
}

.dpTodayButtonTD {
	
}

.dpDayTD {
	BORDER-RIGHT: #0C1B6F 1px solid; 
	BORDER-TOP: #0C1B6F 1px solid; 
	BORDER-LEFT: #0C1B6F 1px solid; 
	BORDER-BOTTOM: #0C1B6F 1px solid;
	COLOR: white;  
	BACKGROUND-COLOR: #0C1B6F;
}

.dpTitleText {
	FONT-WEIGHT: bold; 
	COLOR: #0C1B6F;
}

.dpDayHighlight {
	FONT-WEIGHT: bold; 
	COLOR: #FFFFFF;
}

.dpTodayButton, .dpButton {
	background-color: #ffffff;
	color: #0C1B6F; 
	border: 1px solid;
	text-align: center;

	padding-left: 3px;	
	padding-right: 3px;		
	font-size : 10pt;
	height: 80%;
}


.dpTodayButton:hover, .dpButton:hover {  	
	color: #ffffff;   
	background-color: #F26521; 	  	
	text-align: center;	  	
	border: 1px solid;
	cursor:pointer;
}


/* original style*/

.dpTD{
       CURSOR:pointer;
}


/* hover style for IE*/

.dpTD_hover {
       CURSOR:pointer;
       BACKGROUND-COLOR: #F26521;
}

/* hover style for FireFox*/
.dpTD:hover {
       CURSOR:pointer;
       BACKGROUND-COLOR: #F26521;
}


.datePickerImg {
	cursor: pointer;
}


td.linkBox {
	color:#FFFFFF;
	font-weight: bold;
}

td.linkBoxActive{
	color:#000000;
	font-weight: bold;
}

TD.linkBoxActive .mainLink2 { 
	color:#000000;
}


.tbllist { 
 border: 1px;
 border: solid;
 border-color: #CCCCCC;
 border-width: 1px;
 background-color:#F7F7F7;
 height:auto;/*add by arick*/
}

.menu2item {
	color: #0C1B6F;
	font-size : 11px;
	text-decoration: none;
}

.menu2item:hover{
  cursor:pointer;
  color: #F26521;		
}

.defaultbutton {
	background-image:url(../images/btnBg.gif);
	background-repeat:repeat-x;
	
	height:14px;
	color: #000; 
	border: 1px solid #0C1B6F;	
	text-align: center;
	font-size: 13px; 	  
	
	padding-left: 12px;
	padding-bottom: 3px; 
	padding-top: 3px;
	padding-right: 12px;
	
	margin-left: 0px; 
	margin-right: 0px; 	
	line-height: 14px;  
	
	position:relative; bottom:-5px;
}

.defaultbutton:hover{
	color: #F8B613;   
	border: 1px solid #F8B613;  	 
	cursor:pointer;
}

input.defaultbutton {
  	  background-color: #FFFFFF;
	  color: #0C1B6F; 
	  border: 1px solid;	
	  text-align: center;
	  font-size: 12px; 	  

	  padding-left: 3px;
	  padding-bottom: 2px; 
	  padding-top: 2px;
	  padding-right: 3px;

	  margin-left: 0px; 
	  margin-right: 0px; 	
	  line-height: 1;    	 
}
input.defaultbutton:hover {
  	 color: #ffffff;   
	background-color: #F26521; 	  	
	font-size: 12px; 
	text-align: center;	  	
	text-decoration: none;  
	border: 1px solid;	  
	cursor:pointer; 	 
}



p.boxHeader, .noteHead {
	color: #ffffff;
	padding: 0px;	
	margin: 0px;
	text-align: left;	  	
	font-size : 10pt;
	vertical-align: top;
	width: 128px;
}

.noteHead {
	background-color: #0C1B6F;		
	padding-left: 3px;
}

.noteContent {
	font-size : 10pt;
	padding-left: 10px;	
}

td.mnuactive{	
	color: #F1481F;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align : left;
	font-size : 10pt;
}

.mnuactive {	
	width: 100%
}


.mnuInActive {
	color: #D27700;
	text-decoration: none;
	width: 100%
}

.mnuInActive p {
	color: #0C1B6F;		
	margin-top: 0px;
	margin-bottom: 0px;			
}

.mnuInActive p:HOVER {
	color: #F26521;		
}

p.hasUnreadMessages {
	font-weight: bold; 
	font-size : 8pt;
	text-align: left;		
}

p.noUnreadMessages {
	text-align: left;
	font-size : 10pt;
}

p.msgStore {
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	font-size:11px;
	text-align: left;
	word-wrap: break-word;
}

.msgStoreList {
	margin-left: 0px; 
	width: 100%;
	font-size: 12px; 	
	border-width: 1px; 
	border-color: #0C1B6F;	
}

.boxContent, .boxHints  {
	border-style: solid; 
	border-width: 1px; 
	border-color: #0C1B6F;		
	padding-bottom: 2px;
}

.subtext {
	font-size: 13px;
 	color: #000000;
 	margin-top: 1px;
 	margin-left: 3px;
 	margin-bottom: 1px;
}
.subtextSmall {
	font-size: 12px;
 	color: #aaaaaa;
 	margin-top: 1px;
 	margin-left: 3px;
 	margin-bottom: 1px;
}

.hintLink {
	font-size: 12px;
 	color: #F26521;
 	margin-top: 3px;
 	margin-left: 3px;
 	margin-bottom: 3px;
}


.content1 {
	height: 25px;
}

.pagingbutton { 	
	cursor:pointer;
}

a.tc {
	color: #FFFFFF;
	text-decoration: none;
}
/*emart - start*/

span.topIcon{
	vertical-align:bottom;
}
.ind_back01 {
	BACKGROUND: url(../images/ind_back01.gif) repeat-x left top
}
.ind_back02 {
	BACKGROUND: url(../images/ind_back02.gif) repeat-y left top
}
.line01 {
	BACKGROUND: url(../images/line01.gif) repeat-x left bottom
}
.input01 {
	BORDER-RIGHT: #b1b1b1 1px solid; BORDER-TOP: #b1b1b1 1px solid; BORDER-LEFT: #b1b1b1 1px solid; BORDER-BOTTOM: #b1b1b1 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.ind_back03 {
	BACKGROUND: url(../images/ind_back03.gif) repeat-y right top
}
.ind_back04 {
	BACKGROUND: url(../images/ind_back04.gif) repeat-x left bottom
}
select.mailBox{
	width:100%;
	font-size:11px;
}
img{
	border:0;
}
img.boxTitle{
	margin-left:5px;
	
}
img.boxFirstLevel{
	margin-left:10px;
	
}
img.boxSecondLevel{
	margin-left:20px;
	
}
span.boxTitle{
	margin-left:5px;
	font-size:11px; 
	color:black; 
	vertical-align:top;
}
a.boxFirstLevelActive{
	margin-left:15px;
	font-size:11px;
	font-weight:bold; 
	color:#F8B613; 
	vertical-align:top;
}
a.boxFirstLevelActive:hover{
	color:#F8B613; 
}
a.boxFirstLevel{
	/*margin-left:15px; 
	font-size:11px;
	font-weight:bold; 
	color:black; 
	vertical-align:top;rem by arick*/
	font-size:12px;
	display:block;
}
a.boxFirstLevel:hover{
	color:#F8B613; 
}
a.boxSecondLevel{
	margin-left:15px;
	font-size:11px; 
	color:black; 
	vertical-align:top;
}
a.boxSecondLevel:hover{
	color:#F8B613; 
}
td.fold{
	background-image:url(../images/icon++.gif);
	background-repeat:no-repeat;
	margin-left:5px;
}
td.unfold{
	background-image:url(../images/icon_01.gif);
	background-repeat:no-repeat;
	margin-left:5px;
}


/*added by joe*/
.inputStyle { width:164px; height:22px;}
/*.moveBottom { position:relative; bottom:-5px;}*/
.moveTop { position:relative; top:-3px;}
.blank9 { font-size:1px; height:9px;}
.tright {text-align:right;}


.header {background-image:url(../images/msgHeadBg.gif); background-repeat:repeat-x; height:90px; width:100%; position:relative;}
.leftLogo { position:absolute; top:3px; left:5px;}


.rightLogo { position:absolute; top:3px; right:5px;}

.leftClock{position:absolute; bottom:3px; left:10px; color:#f27022; font-weight:700; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
.exit {position:absolute; right:10px; bottom:3px;  color:#f27022; font-weight:700; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.titleList { width:300px;position:absolute; left:400px; bottom:5px; font-size:16px; font-weight:700; color:#f27022; text-align:center;  }
.title  td {height:32px; color:#2f4c90;}
.title .normal {color:#000;}


.leftSide {width:100%; height:600px; border:1px solid gray; float:left;}



.userName { font-weight:normal; color:#000; border:1px solid #0047f1; font-size:11px; height:auto; line-height:15px; background-image:url(../images/fisrtBar.gif); background-repeat:repeat; width:100%;margin:0 auto; float:left;}
.leftSide .menuTree {font-size:12px;}
.leftSide .menuTree .menuTitle {width:100%; background-image:url(../images/menuTreeBg.gif); background-repeat:repeat-x; height:19; border:1px solid #0046f3;}
.leftSide .menuTree tr td .mailBox {margin-left:5%;}
.mailBox {font-size:12px;}
 .payDetail {width:84%; margin-left:15%; font-size:12px;}


/*right inbox*/

.rightSide {width:98%; height:600px; border:1px solid gray; }/*float:right;*/
.message { font-weight:700; color:#000; border:1px solid #0047f1; font-size;16px; height:23px; line-height:23px; background-image:url(../images/fisrtBar.gif); background-repeat:repeat-x; width:100%; }

.defaultSearch {
background-image:url(../images/defaultSearch.gif); background-repeat:repeat; height:25; border:1px solid #0046f3;
}

/* supplier complain page*/

.mainContent { width:600px; background-color:#feff99; margin:0 auto; border:1px solid #000; height:490px; text-align:center;}
.mainContent ul {margin:0; padding:0;}
ul li { list-style:none; margin-top:0px; padding-bottom:0px; border-bottom:1px groove #000; width:}
.field {float:left;  wdith:100px; height:12px;}
.fieldTitle {background-color:#fed0d0; text-align:center; color:#000;}
.inputStyle2 { width:120px; height:25px; background-color:#f1eaf1; border:1px inset gray;}
.bigTitle {background-color:#feff99; font-size:16px; color:#F00; font-weight:700; height:30px; line-height:30px; text-align:center; padding:10px 0; }
b{font-size:12px;}