/*Admin bar*/
.adminbar{
  background-color:#95b9c8;
  border-bottom:1px solid #4a7a8e;
  border-bottom:2px solid #fff;
}

.adminBarRow{
  background-color:#95b9c8;
}

.adminBarCol{
  font-size:10pt;
}

.adminSettingLink{
  color : #000000;
  font-size: 7pt;
}

/* ---------------------------- INPUT & LINKS -------------------------------*/
BODY {
  background-color: #FFFFFF;
  background-repeat: repeat-x;
  font-family:verdana,arial;
  font-size:11px;
}

TD {
  font-family:verdana,arial;
  font-size:11px;
}

INPUT {
  font-family:verdana,arial;
  font-size:11px;
}

.textbox {
  /*background-color:#FFF0E1; /*#F2F2F2*/
  /*border:solid 1 #DDDDDD; /*#DDDDDD*/
  /*padding: 3px 3px 3px 3px;
  height:23px;*/
  background: transparent url("images/textfield.gif");
}

.textareabox {
  font-family:verdana,arial;
  font-size:11px;
}

.ErrorField {
  background-color: #FFB0B0;
  border: 1px solid #DDDDDD; 
  /*padding: 3px 3px 3px 3px;
  height:23px;*/
}

.EmptyField {
  background-color:#BFDFFF;
  /*border-style:solid;
  border-width:1px;
  padding: 3px 3px 3px 3px;
  height:23px;*/
  /*background: transparent url("shared/textfield_empty.gif");*/
}

.highlighted {
  background-color:#C0C0C0; 
}

.highlighted_moved {
  background-color:#E4E4E4; 
}

.textboxWithBg {
  background-color:#f2f2f2;
  border:1px solid #DDDDDD;
  padding: 3px 3px 3px 3px;
  height:23px;
  background: transparent url("shared/textfield.gif");
}

.textboxFocus {
  background-color:#f2f2f2;
  border:1px solid #DDDDDD;
  padding: 3px 3px 3px 3px;
  height:23px;
  background: transparent url("shared/textfield_focus.gif");
}

.upload {
  background-color:#f2f2f2;
  border:1px solid #DDDDDD;
  padding: 3px 3px 3px 3px;
  height:22px;
  background: transparent url("images/textfield.gif");
}

.checkbox {
  background-color:#f2f2f2;
  color:#ff0000;
}

.button {
  cursor: pointer;
  border: 1px outset #ccc;
  background: #FF8C00;
  color: #000000;
  /*font-weight: bold;*/
  padding: 1px 2px; 
  background:url("images/button.gif") repeat-x left top;
}

.button_back {
  cursor: pointer;
  border: 1px outset #ccc;
  background: #FF8C00;
  color: #000000;
  /*font-weight: bold;*/
  padding: 1px 2px; 
  background:url("images/button_back.gif") repeat-x left top;
}

.button_delete {
  cursor: pointer;
  border: 1px outset #ccc;
  background: #FF8C00;
  color: #000000;
  /*font-weight: bold;*/
  padding: 1px 2px; 
  background:url("images/button_delete.gif") repeat-x left top;
}

.button_copy {
  cursor: pointer;
  border: 1px outset #ccc;
  background: #FF8C00;
  color: #000000;
  /*font-weight: bold;*/
  padding: 1px 2px; 
  background:url("images/button_copy.gif") repeat-x left top;
}

SELECT {
  font-family:arial;
  font-size:11px;
}

/*
A { color:#0080C0; text-decoration:none }
A:link { color:#0080C0; text-decoration:none }
A:active { color:#0080C0; text-decoration:none }
A:visited { color:#0080C0; text-decoration:none }
A:hover { color:#0080C0; text-decoration:underline }
*/

A { color:#4a7a8e; text-decoration:none }
A:link { color:#4a7a8e; text-decoration:none }
A:active { color:#4a7a8e; text-decoration:none }
A:visited { color:#4a7a8e; text-decoration:none }
A:hover { color:#4a7a8e; text-decoration:underline }

/* ---------------------------- LAYOUT -------------------------------*/
.mainLayout{
  padding:0px;
  width:900px;
}
.mainLayout THEAD TD{
  padding:0px;
}
/*
.mainLayout TFOOT TD{
  background-color: #ffffff;
}
.mainLayout TFOOT TD A{
  background-color: #ffffff;
  font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size : 10px;
  color : #ee9c00;
  font-weight : bold;
  text-decoration : none;
}

.mainLayout TFOOT TD A:hover{
  background-color: #ffffff;
  font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size : 10px;
  color : #ee9c00;
  font-weight : bold;
  text-decoration : underline;
}
*/
.mainLayout TBODY TD{
}

.mainLayoutMenuBar{
  background-color: #95b9c8;
}
.mainLayoutMenu{
  color: #FFFFFF;
  background-color: #95b9c8;
  font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size: 10px;
  font-weight: bold;
}
.mainLayoutMenu A{
  color: #FFFFFF;
  font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size: 10px;
  font-weight: bold;
  text-decoration:none;
}
.mainLayoutMenu A:hover{
  color: #FFFFFF;
  font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size: 10px;
  font-weight: bold;
  text-decoration:underline;
}

.mainLayoutMenuLink{
  color:#FFFFFF;
}

.mainLayoutMenuSel{
  color:#b0ff02;
}

.mainLayoutRightMenuText{
  color:#FFFFFF;
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:10px;
  font-weight:bold;
}
.mainLayoutRightMenu A{
  color:#FFFFFF;
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
}
.mainLayoutRightMenu A:hover{
  color:#FFFFFF;
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:10px;
  font-weight:bold;
  text-decoration:underline;
}

.mainLayoutBody{
  background-color: #f2f5f7;
  background-color: #FFF;
}

.mainLayoutFooter{
  background-color:#157ca4;
}

.mainLayoutFooter_browser{
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:10px;
  color : #fff;
  font-weight : bold;
  text-decoration : none;
}

.mainLayoutFooter_webmaster{
  font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size : 10px;
  color : #fff;
  font-weight : bold;
  text-decoration : none;
}

.mainLayoutFooter_copyright{
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:10px;
  color : #d2dfec;
  font-weight : bold;
  text-decoration : none;
}


/* ---------------------------- INPUT FORM -------------------------------*/
.inputForm{
  /*text-align: center;*/
  font-family: Verdana,arial;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  /*background: #ffffff;*/
  padding: 5px;  
}
.inputForm .inputFormTitle{
  text-align: left;
  font-family: Verdana,arial;
  font-size: 22px;
  font-weight: bold;	
  position: relative;
}
.inputForm .inputFormDesc{
	text-align: left;
	font-family: Verdana,arial;
	font-size: 11px;
	font-weight: normal;
	color: #808080;
	position: relative;
}
.inputForm .fieldLabel{
	color:#008000;
	/***** left align *****/
	/*text-align: left;
	padding-left:10px;*/
	/***** right align *****/
	text-align: right;
	padding-right:10px;
   /*display: none;*/
}
.inputForm .fieldLabelTop{
	color:#008000;
	/***** left align *****/
	/*text-align: left;
	padding-left:10px;*/
	/***** right align *****/
	text-align: right;
	padding-right:10px;
   /*display: none;*/
}
.inputForm .fieldLabelCompulsory{
   color:#008000;
	font-weight: bold;	
	/***** left align *****/
	/*text-align: left;
	padding-left:10px;
	background: url("images/star.gif") no-repeat left center;*/
	/***** right align *****/
	text-align: right;
	padding-right:10px;
	background: url("images/star.gif") no-repeat right center;
}
.inputForm .fieldLabelCompulsoryTop{
   color:#008000;
	font-weight: bold;	
	/***** left align *****/
	/*text-align: left;
	padding-left:10px;
	background: url("images/star.gif") no-repeat left center;*/
	/***** right align *****/
	text-align: right;
	padding-right:10px;
	background: url("images/star.gif") no-repeat right top;
}
.inputForm .fieldInput{
	color:#000000;
	text-align: left;
   /*display: none;*/
}
.inputForm .fieldInputCompulsory{
	text-align: left;
}

.inputForm .menuHighlight{
	background: #EBBB4B;
}
/* ---------------------------- MENU -------------------------------*/
.menuHighlight{
	/*background: #EBBB4B;*/
  background:#EBBB4B;
}
.highlight{
	background: #EBBB4B;
}
.highlight A:link,
.highlight A:visited,
.highlight A:hover,
.highlight A:active,{
	color:#0080C0;
}
/* ---------------------------- LISTING -------------------------------*/
.divRecordListing{
	margin:0px;
	margin-top:0px;
}

.recordListingTitle{  
  text-align: left;
  font-family: Verdana,arial;
  font-size: 22px;
  font-weight: bold;	
  position: relative;
  padding:0px 0px 0px 0px;
}

.recordListingDesc{  
  text-align: left;
  font-family: Verdana,arial;
  font-size: 11px;
  font-weight: normal;	
  position: relative;
  padding:0px 0px 0px 0px;
  color:#808080;
}

.recordListing{
  background-color:#E7E7E7; /* used to set the border*/
}

.recordListing THEAD TH{
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  background-color:#efede0;
  color: #666;
  border: 1px solid #FFFFFF;
  text-transform:uppercase;
  padding: 4px 4px 4px 4px;
}

.recordListing THEAD TD{
  font-family: Verdana;
  font-size: 8pt;
  text-align: left;
  background-color:#efede0;
  color: #666;
  border: 1px solid #FFFFFF;
  padding: 4px 4px 4px 4px;
}

.recordListing .sortColumn{
	background-color: #B0E0E6;
}

.recordListing TR{
  background-color: #f9f9f9;
}

TBODY TR .odd{
  background-color: #F2F2F2;
}

TBODY TR .nongenuine{
  background-color: #F4F4F4;
}

TBODY TR .recordListingHightlight{
  background-color: #EAF4FF;
}

TBODY TR .recordNew{
  background-color: #FFDECE;
  visibility:show;
}

.recordListing THEAD TH A:link{
  color: #7BAD27;
  text-decoration:none;
  font-weight: bold;
}

.recordListing THEAD TH A:visited{
  color: #7BAD27;
  text-decoration:none;
  font-weight: bold;
}

.recordListing THEAD TH A:active{
  color: #7BAD27;
  text-decoration:none;
  font-weight: bold;
}

.recordListing THEAD TH A:hover{
  color: #7BAD27;
  text-decoration:underline;
  font-weight: bold;
}
/*****/
.recordListing TBODY TD A:link{
  color: #0080C0;
  text-decoration:none;
  font-weight: normal;
}

.recordListing TBODY TD A:visited{
  color: #0080C0;
  text-decoration:none;
  font-weight: normal;
}

.recordListing TBODY TD A:active{
  color: #0080C0;
  text-decoration:none;
  font-weight: normal;
}

.recordListing TBODY TD A:hover{
  color: #0080C0;
  text-decoration:underline;
  font-weight: normal;
}

.iconTypeListing SPAN{
  color:#000000;
  font-family:Verdana,Arial;
  font-size:14px;
  font-weight:bold;
}
.recordListing .newRecord{
	background: #969696;
}
.recordListing .highlight{
	background: #EBBB4B;
	color:#000000;
}
.recordListing .rollover{
	background: #F8E7C0;
	color:#000000;
}

.recordListing .descTxt{
	color: #808080;
}
/* ---------------------------- MODULE ITEM -------------------------------*/
.moduleItem{
	font-family:verdana,Arial;
	font-size:11px;
}

.moduleItem A:link, 
.moduleItem A:visited, 
.moduleItem A:active{
  color: #000000;
  text-decoration:none;
}

.moduleItem A:hover{
  color: #7BAD27;
  text-decoration:none;
}

.moduleItemToolTips{
	padding: 6px 6px 6px 6px;
	position: absolute;
	z-index: 100;
	/*visibility: hidden; */
	background: #FFFFAA;	
	border: 1px dotted #808080;	
	width:200px; 
  	height:50px;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

/* ---------------------------- TOOL TIPS -------------------------------*/
.toolTips A:link, 
.toolTips A:visited, 
.toolTips A:active{
  color: #000000;
  text-decoration:none;
}

.toolTips A:hover{
  color: #7BAD27;
  text-decoration:none;
}

.toolTips SPAN{
	font-family:verdana,Arial;
	font-size:11px;
	color:#808080;
}

/* ---------------------------- OTHER -------------------------------*/
.createdBy, 
.createdOn{
  color: #808080;
  font-weight:normal;
  font-family:Arial;
  font-size:7pt;
}

.loadingText{
  color:#808080;
}

.viewerStyle{
	background-color: #FFFFCC;
	visibility: hidden;
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	z-index: 1;
	overflow: auto;
	border: 0px ridge white;
}

.tableTitle{
  font-weight:bold;
  text-align:left;
  font-size:10pt;
  font-family:Tahoma,Verdana,Arial;
}

/* ---------------------------- MENU &  TOOLBAR -------------------------------*/
.hovermenu {
  margin: 0px;
  margin-top:0px;
}

.hovermenu ul{
  font: bold 11px verdana;
  padding-left: 0;
  margin: 0px; 
  /*margin-left: 0;*/
  height: 20px;
}

.hovermenu ul li{
	list-style: none;
	display: inline;
}

.hovermenu ul li a{
  padding: 4px 0.5em;
  text-decoration: none;
  float: left;
  background-color: #F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.hovermenu ul li a:link{
  padding: 4px 0.5em;
  text-decoration: none;
  float: left;
  background-color: #F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.hovermenu ul li a:visited{
  padding: 4px 0.5em;
  text-decoration: none;
  float: left;
  background-color: #F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.hovermenu ul li a:hover{
  text-decoration: none;
  background-color: #E9E9E9;
  float: left;
  /*border-style: outset;*/
  border-top-color: #ffffff;
  border-bottom-color: #C5C5C5;
  border-left-color: #ffffff;
  border-right-color: #C5C5C5;
}

.hovermenu ul li span{
  color: #c0c0c0;
  padding: 4px 0.5em;
  text-decoration: none;
  float: left;
  background-color: #F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.customToolbar FONT {
  font-size: 8pt;
  font-weight:normal;
  color:#808080;
}

.customToolbar ul{
  font: bold 11px verdana;
  padding-top: 5px;
  padding-left: 0;
  margin-left: 0;
  height: 30px;
  margin:0px;
}

.customToolbar ul li{
  list-style: none;
  display: inline;
  text-decoration: none;
}

.customToolbar ul li A{
  color:#0080C8;
  padding: 4px 0.5em 4px 0.5em;
  text-decoration: none;
  background-color: F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.customToolbar ul li a:link{
  color:#0080C8;
  padding: 4px 0.5em 4px 0.5em;
  text-decoration: none;
  background-color: F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.customToolbar ul li a:visited{
  color:#0080C8;
  padding: 4px 0.5em 4px 0.5em;
  text-decoration: none;
  background-color: F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.customToolbar ul li a:hover{
  background-color: #E9E9E9;
  border-top-color: #ffffff;
  border-bottom-color: #C5C5C5;
  border-left-color: #ffffff;
  border-right-color: #C5C5C5;
}

.customToolbar ul li span{
  padding: 4px 0.5em 4px 0.5em;
  text-decoration: none;
  color: #c0c0c0;
  background-color: F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}
/* ---------------------------- LOGIN-LOGOUT PANEL -------------------------------*/
.lightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	width: 310px;
	/*height: 200px;*/
	padding: 0px;
	/*border: 5px solid #B8B8B8;*/
	/*background-color: white;*/
	text-align: left;
	z-index: 9999;
	overflow: auto;   
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
	-moz-opacity: .09;
	opacity: .90;	
}
.lightboxBG{
	background:url("images/xp_blue.jpg") repeat-y left top;
}
.overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	z-index:1001;
	background-color:#333;
   	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}
/* ---------------------------- "LOADING..." Layer -------------------------------*/
.nowLoading{
	color: #333;
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	width: 240px;
	height: 85px;
	padding: 10px;
	border: 1px solid #D1CAA3;
	background-color: #F9F2AA;
	text-align: center;
	overflow: auto;
	z-index:8080;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
    -moz-opacity: .09;
    opacity: .90;
}
/* ---------------------------- FORM FIELD SHOW HIDE -------------------------------*/
.divFormShowHideField a, 
.divFormShowHideField a:active, 
.divFormShowHideField a:link, 
.divFormShowHideField a:visited{
  float:right;
  color:#0080C8;
  text-decoration: none;
  padding: 4px 4px 4px 4px;    
  margin-right: 10px;  
  background-color: F2F2F2;
  height: 2em;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB;
}
.divFormShowHideField a:hover{
  float:right;
  color:#0080C8;
  text-decoration: none;
  padding: 4px 4px 4px 4px;
  margin-right: 10px;
  background-color: F2F2F2;
  height: 2em;
  background-color: #E9E9E9;
  border-top-color: #ffffff;
  border-bottom-color: #C5C5C5;
  border-left-color: #ffffff;
  border-right-color: #C5C5C5;
}
/* ---------------------------- SystemDoc -------------------------------*/
.systemDoc{
	color: #333;
	position: absolute;
	top: 15%;
	left: 25%;
	width: 500px;
	height: 400px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	z-index: 2001;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
	-moz-opacity: .09;
	opacity: .90;
}
.systemDocContent{
	overflow:auto; 
	height:320px; 
	border:1px solid #D1CAA3;
	background:#f4f4f4;
	padding:5px;
}
.systemDocTabActive{
	overflow:hidden; 
	border:1px solid #D1CAA3;
	border-bottom:0px;
	background:#D1CAA3;
	padding:5px;
	font-weight:bold;
}
.systemDocTabInactive{
	overflow:hidden; 
	border:1px solid #DDDDDD;
	border-bottom:0px;
	background:#f4f4f4;
	padding:5px;
	font-weight:bold;
}

.boxContainer1{
	color: #333;
	overflow: hidden;
	z-index: 2050;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
	-moz-opacity: .09;
	opacity: .90;
}

#divAlertPrompt{
	background:#C4E1FF;
 	padding: 10px;
	border: 1px solid #D1CAA3;
	text-align: left;
	display:show;
	width: 90%;	
}
#divAlertPrompt TD{
	background:#C4E1FF;
}
#divAlertPromptMySQL{
	background: #FFC6C6;
	padding: 10px;
	border: 1px solid #D1CAA3;
	text-align: left;
	display: show;
	width: 90%;
}
.confirmDelete{
	color: #333;
	padding: 10px;
	/*display: none;*/
	position: absolute;
	/*top: 20%;
	left: 20%;*/	
	width:450px;
	left:50%; 
	margin-left:-225px; 
	
	height:300px;
	top:50%;
	margin-top:-150px;
	/*border: 1px solid #D1CAA3;*/ 
	/*background-color: #FFBBBB;*/
	text-align: center;
	overflow: auto;
	z-index:2000;
}
.customDialog{
	color: #333;
	position: absolute;
	/*top: 15%;
	left: 15%;*/
	width: 700px;
	left:50%;
	margin-left:-350px;
	
	height: 500px;
	top:50%;
	margin-top:-250px;
	
	padding: 10px;
	text-align: center;
	overflow: hidden;
	z-index: 2001;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
	-moz-opacity: .09;
	opacity: .90;
}
/* ---------------------------- Calendar -------------------------------*/
.CalendarYearTitle{
  font-size:20px;
}

.CalendarMonthTitle{
  font-size:15px;
}

.CalendarMonthColumnDay{
  border: 1px solid #000000;
  background-color:#0080FF;
  color:#FFFFFF;
  text-align:center;
}

.CalendarMonthColumnDate{
  border: 1px solid #000000;
  background-color:#FFFFFF;
}
.CalendarMonthColumnDateHoliday{
  border: 1px solid #FF0000;
  background-color:#FFDDDD;
}
.CalendarMonthColumnDateToday{
  border: 1px solid #000000;
  background-color:#FCCF1F;
}
.CalendarMonthColumnDateEvent{
  border: 1px solid #000000;
  background-color:#DDDDDD;
}

.CalendarMonthColumnDateMouseOver{
  border: 1px solid #FFFFFF;
  background-color:#000000;
  color:#FFFFFF;
}
.CalendarMonthColumnDateMeet{
  border: 1px solid #000000;
  background-color:#FF8080;
}
.CalendarMonthColumnDateMeetMM{
  border: 1px solid #000000;
  background-color:#FF8080;
}
.CalendarMonthColumnDateMeetMR{
  border: 1px solid #000000;
  background-color:#D8CCA9;
}
.CalendarMonthColumnDateMeetQC{
  border: 1px solid #000000;
  background-color:#ACE6E6;
}
.CalendarMonthColumnDateMeetSP{
  border: 1px solid #000000;
  background-color:#B6C5F2;
}
.CalendarMonthColumnDateMeetOT{
  border: 1px solid #000000;
  background-color:#F2B6E3;
}

.CalendarMonthColumnDateMeetJLP{
  border: 1px solid #000000;
  background-color:#FF8080;
}
.CalendarMonthColumnDateMeetJKT{
  border: 1px solid #000000;
  background-color:#D8CCA9;
}
.CalendarMonthColumnDateMeetJA{
  border: 1px solid #000000;
  background-color:#ACE6E6;
}
.CalendarMonthColumnDateMeetJP1{
  border: 1px solid #000000;
  background-color:#B6C5F2;
}
.CalendarMonthColumnDateMeetJP{
  border: 1px solid #000000;
  background-color:#F2B6E3;
}
.CalendarMonthColumnDateMeetJPPE{
  border: 1px solid #000000;
  background-color:#AED2B0;
}
.CalendarMonthColumnDateMeetDEWAN{
  border: 1px solid #000000;
  background-color:#CBF889;
}

.CalendarMonthStyle0{
  border: 1px solid #000000;
  background-color:#DDDDFF;
}
.CalendarMonthStyle1{
  border: 1px solid #000000;
  background-color:#FFCACA;
}
.CalendarMonthStyle2{
  border: 1px solid #000000;
  background-color:#FFEFDF;
}
.CalendarMonthStyle3{
  border: 1px solid #000000;
  background-color:#FFF8CE;
}
.CalendarMonthStyle4{
  border: 1px solid #000000;
  background-color:#CCF4D2;
}
.CalendarMonthStyle5{
  border: 1px solid #000000;
  background-color:#A2CFE8;
}
.CalendarMonthStyleHighlight{
  border: 1px solid #000000;
  background-color:#FEF1BC;
}
.CalendarMonthStyleNormal{
  border: 1px solid #000000;
  background-color:#DAE9FE;

}
.holidayBox{
  border: 1px solid #000000;
  background-color:#DAE9FE;
  margin-top:5px;
  margin-left:5px;
  margin-right:5px;
  padding:5px;
  width:95%;
}
.holidayTitleFont{
  font-size:20px;
}
.miscHolidayBox{
  display:none;
  width:100%;
  border:1px solid #000000;
  margin-top:2px;
  background-color:#FFFFFF;
}
/* ---------------------------- Calendar ( For Portal )-------------------------------*/
.CalendarTag{
  margin: 0px;
  background:#FFFFCF;
  border:solid 1px #000000;
  font-size: 11px;
  color: #000;
  height:15px
}
.CalendarColumn{
  border: 1px solid #000000;
  background-color:#FFFFFF;
  height:80px;
}
.CalendarColumnToday{
  border: 1px solid #000000;
  background-color:#C0C0C0;
  height:80px;
}
/* ---------------------------- Page Hit -------------------------------*/
ul .boxy li { margin: 0px; align:center; }
#phonetics td {
  margin: 0px;
  padding: 0px 1em;
  vertical-align: top;
  width: 100px;
}
#phonetic3 li {
  margin: 0px;
  width: 610px;
  list-style: none;
}
#phonetic3 {
  margin-top: -4px;
}
#phonetic3 li {
  margin-top: 4px;
  margin-left:100px;
}
/* ---------------------------- Contextual Menu -------------------------------*/
.contextmenu{
position:absolute;
padding:2px;
width:165px;
border:1px solid #BEBEBE;
background-color:menu;
line-height:20px;
cursor:default;
z-index:500;
visibility:hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
-moz-opacity: .09;
opacity: .90;
}

.contextmenu .menuItemRollOut{
padding-left:10px;
padding-right:10px;
}

.contextmenu .menuItemRollOver{
color:black;
background-color:#F8E7C0;
padding-left:10px;
padding-right:10px;
}

.contextmenu hr{
  height:1px;
  color:#BEBEBE;
}
/* ---------------------------- Search Menu -------------------------------*/
.grayText{
  color:#BEBEBE;
}

/*---------------------------- Custom Table Border ----------------------*/
.CustomTableBorder {
    	border-left: 1.0px solid #6CA0D8;
    	border-right: 1.0px solid #6CA0D8;
    	border-top: 1.0px solid #6CA0D8;
    	border-bottom: 1.0px solid #6CA0D8;
} 

.CustomTableTopBorderBlack {    
    	border-top: 1.0px solid #000000;
} 
.CustomTableBottomBorder {    
  border-bottom: 1.0px solid #000000;
} 

.CustomTableNoBottomBorder {    
    	border-top: 1.0px solid #000000;
    	border-left: 1.0px solid #000000;
    	border-right: 1.0px solid #000000;
} 

.CustomTableNoTopBorder {    
    	border-bottom: 1.0px solid #000000;
    	border-left: 1.0px solid #000000;
    	border-right: 1.0px solid #000000;
} 

.CustomTableNoTopBottomBorder {        	
    	border-left: 1.0px solid #000000;
    	border-right: 1.0px solid #000000;
} 

.CustomTableNoLeftRightBorder {        	
    	border-top: 1.0px solid #000000;
    	border-bottom: 1.0px solid #000000;
} 

.CustomTableBorderBlack {    
    	border-top: 1.0px solid #000000;
    	border-left: 1.0px solid #000000;
    	border-right: 1.0px solid #000000;
   	border-bottom: 1.0px solid #000000;
} 

/*-----------------------------------------------------------------------------*/
.titleBig{
	text-align: center;
 	font-family: Verdana,arial;
 	font-size: 16px;
 	font-weight: bold;	
 	position: relative;
}

.titleMedium{
	text-align: center;
 	font-family: Verdana,arial;
 	font-size: 12px; 	
 	position: relative;
}

.titleSmall{
	text-align: center;
 	font-family: Verdana,arial;
 	font-size: 9px;
 	position: relative;
}

.titleMediumMedium{
	text-align: center;
 	font-family: Verdana,arial;
 	font-size: 10px;
 	position: relative;
}
.navVerticalTab{
	border-right:1px solid #708090;
}

/*---------------------------- Combo Box -----------------------------------*/
.comboquickinfo{ 
	Z-INDEX: 110; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #fff; 
	BORDER-RIGHT: #888 1px solid; 
	BORDER-TOP: #888 1px solid; 
	BORDER-LEFT: #888 1px solid; 
	BORDER-BOTTOM: #888 1px solid; 
	width:320px; 
	height:160px;
	overflow:auto
}
.comboquickinfo FONT { 
	font-family:Arial; 
	font-size:8pt; 
	color:#828282
}
.comboquickinfo A:link { 
	font-family:Arial; 
	font-size:8pt; 
	color:#000000; 
	text-decoration:none
}
.comboquickinfo A:hover { 
	font-family:Arial; 
	font-size:8pt; 
	color:#000000; 
	text-decoration:none
}
.comboquickinfo A:visited { 
	font-family:Arial; 
	font-size:8pt; 
	color:#000000; 
	text-decoration:none
}

/*  Calendar  */
.calendar_table{
	padding: 6px 4px 2px 4px;
	border:solid 1px #C0C0C0;
	font-size: 11px;
	color: #000;
	border-radius: 8px;
	-moz-border-radius: 8px;  	
}

.calendar_day{
  	margin: 0px;
	padding: 6px 4px 2px 4px;
	background:#FFFFFF;
	border:solid 1px #000000;
	font-size: 11px;
	color: #000;
	background:  url("../images/window_bar.jpg") repeat-x top;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.calendar_today{
  	margin: 0px;
	padding: 6px 4px 2px 4px;
	background:#C0C0C0;
	border:solid 1px #000000;
	font-size: 11px;
	color: #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.calendar_header{
  	margin: 0px;
	padding: 6px 4px 2px 4px;
	background:#C0C0C0;
	border:solid 1px #000000;
	font-size: 11px;
	color: #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

/*Web calendar*/
.calendarTbl{
  border:solid 1px #669fb8;
}
.calendarWeek{
  color:#44758b;
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:10px;
}
.calendarWeekDay{
  color:#737373;
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:10px;
}
.calendarSunday{
  color:#44758b;
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:10px;
}
/*End calendar*/

/*Alert / Announcement Msg Style*/
#divAlert{
  background-color:#afccd8;
  padding:3px;
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:13px;
  color:#44758b;
  font-weight:bold;
}
/*End Alert Style*/

/*Style for tips above input form*/
.tips_Container_Hide{
  background-color:transparent;
  border:0px;
  padding:5px;
  width:100%;
}

.tips_Container_Show{
  background-color:#faf5c7;
  border:1px solid #eede4f;
  padding:5px;
  width:100%;
}

#div_Tips_Switch{
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:12px;
  font-weight:bold;
  width:100%;
  text-align:right;
}

#div_Tips_Switch a{
  color:#ed473f;
}

#div_Form_Tips_1{
  padding:5px;
  width:100%;
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:12px;
  font-weight:normal;
  color:#000000;
}
/*End tips style*/

/*Dynamic Banner*/
#divDynamicBanner{
  text-align:left;
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size:20px;
}
/*End*/