/*----------------------HTML Body Style-------------------------------------------*/
BODY {
  background-image:URL('../../../../upload/file_folder/bg_image/bg.jpg');
  background-color: #d5e0ea;
  background-color: #000000;
  background-repeat: repeat-x;
  background-attachment:fixed;
  font-family:verdana;
  font-size:12px;
  
}

/*------------------------------H3 & H4 Tag-------------------------------------------*/
H3{
  font-size:18px;
}

H4{
  font-size:16px;
}

/*----------------------- Admin  & Control Panel ------------------------------------*/
.adminFrm{
  border:1px solid #488d91;
}

.adminFrmHeader{
  background-color:#3a6778;
  /*border-bottom:2px solid #488d91;*/
  border:2px solid #eef7f9;
  color:#FFFFFF;
  font-weight:bold;
  height:25px;
}

.adminFrmContent{
  background-color:#eef7f9;
}


.adminPageBackground{
  /*background-color:#a5cdde;*/
}

.adminModPageBackground{
  /*background-color:#a5cdde;*/
  height:500px;
}

.adminModMenuSeparator{
  border-right:1px solid #4a7a8e;
}

.divRecentUpd{
  height:559px;
  overflow:auto;
  border:0px;
	SCROLLBAR-FACE-COLOR: #8fc0d6; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #488d91; 
	SCROLLBAR-3DLIGHT-COLOR: #488d91; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	SCROLLBAR-TRACK-COLOR: #FFFFFF; 
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-BASE-COLOR: #488d91;
}

.recentUpdDate{
  font-family: Verdana,arial;
  font-size: 8pt;
  color: #8f8f8f;
  font-style: normal;
}

.recentUpdTime{
  font-family: Verdana,arial;
  font-size: 7pt;
  color: #8f8f8f;
  font-style: normal;
}

.adminbar{
  background-color:#95b9c8;
  border-bottom:1px solid #4a7a8e;
}

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

.adminBarCol{
  font-size:10pt;
}

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

/*----------------eFrom------------------------------*/
.divTabArea{
  /*float:left;*/
}

.divSelTab{
  background:#dde2e6;
  padding:10px;
  float:left
}

.divNormalTab{
  background:#b9c1ca;
  padding:10px;
  border-left:1px solid #dde2e6;
  float:left
}

.divFormArea{
  float:left;
  background:#dde2e6;
  width:98%;
  /*height:200px;*/
}

#subFormHeader{
  font-family: Verdana,arial;
  font-size: 10pt;
  font-weight:bold;
}
/*-----------------------End---------------------*/


/* ---------------------------- INPUT & LINKS -------------------------------*/
TD {
  font-family:verdana,arial;
  font-size:11px;
}

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

.textbox {

}

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

.ErrorField {
  background-color: #FFB0B0;
  border: 1px solid #DDDDDD; 
}

.EmptyField {
  background-color:#BFDFFF;
}

.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 {

}

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

.button_back {
  cursor: pointer;
  border: 1px outset #ccc;
  background: #FF8C00;
  color: #000000;
  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;
  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;
  padding: 1px 2px; 
  background:url("../../images/button_copy.gif") repeat-x left top;
}

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

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 }

.back_link_frontend A{ color:#000; text-decoration:none; }
.back_link_frontend A:link{ color:#000; text-decoration:none; }
.back_link_frontend A:active{ color:#000; text-decoration:none; }
.back_link_frontend A:visited{ color:#000; text-decoration:none; }
.back_link_frontend A:hover{ color:#000; text-decoration:underline; }

/* ---------------------------- LAYOUT -------------------------------*/
.top_banner{
  border:0px;
}

.mainLayout{
  padding:0px;
  width:920px;
}
.mainLayout THEAD TD{
  padding:0px;
}


.mainLayout TBODY TD{
}

.mainLayoutTopMenu{
/* height:39px !important; */
  height:24px !important;
  width:100%;
  height:40px;
  color:#000;
/*  font-weight:bold;
/*  background: URL('images/topMenuBck.png') repeat-x;*/
  background-color:#3C3C3A;
}

.mainLayoutTopMenu TABLE{
  color:#e4e4e4;
}

.mainLayoutTopMenu A:Link,
.mainLayoutTopMenu A:Active,
.mainLayoutTopMenu A:Hover,
.mainLayoutTopMenu A:Visited{
  color:#fff;
 /* font-weight:bold; */
}

.mainLayoutHeader{
}

.mainLayoutHeader A:link,
.mainLayoutHeader A:hover,
.mainLayoutHeader A:visited{
  color:#244566;
}

.mainLayoutMenuBar{

  background-color: #467c8c;
  /*background: URL('images/menuBg.png') repeat;*/
  border-bottom:1px solid #000;
    font-family:verdana;
  font-size:13px;
   
}

.mainLayoutBody{
  background-color: #c1dce8;
  background-color: #fff;
  /*background: #fff URL('images/body_bg.jpg') no-repeat 100% 100%;*/
}

.mainLayoutBody_front{
  /*background: #fff URL('images/body_bg.gif') no-repeat 100% 0%;
  background: #fff URL('images/bodyBg.png') repeat-y 101% 0%;*/
}

.mainLayoutBodyBorderLeft{
  background: URL('images/body_left.png') repeat-y left top;
}

.mainLayoutBodyBorderRight{
  background: URL('images/body_right.png') repeat-y right top;
}

.mainLayoutSeparator{
  background-color: #eda723;
  height:1px;
}

.mainLayoutFooter{
  background-color: #467c8c;

}

.mainLayoutFooter a,
.mainLayoutFooter a:link,
.mainLayoutFooter a:hover,
.mainLayoutFooter a:visited,
.mainLayoutFooter a:active{
  color:#1a5357;
  color:#000;
}

.mainLayoutFooter_browser{
  font-family:arial,verdana;
  font-size:10px;
  color : #ffffff;
  font-weight : normal;
  text-decoration : none;
}

.mainLayoutFooter_copyright{
  font-family:arial,verdana;
  font-size:10px;
  color : #ffffff;
  font-weight : normal;
  text-decoration : none;
}

.mainLayoutFooter_powered{
  font-family:arial,verdana;
  font-size:10px;
  color : #ffffff;
  font-weight : normal;
  text-decoration : none;
}

.mainLayoutBodyRight{
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.mainLayoutBodyRightItemBorder{
  border: solid 1px #4a7a8e;
}

.mainLayoutBodyRightItemTitle{
  background-color: #bfd3dd;
  border-bottom: solid 1px #6397ad;
  /*border-right: solid 1px #6397ad;*/
  color:#4a7a8e;
  color:#000;
  font-weight:bold;
  font-family: arial, verdana;
  font-size: 14px;
}

.mainLayoutBodyRightItemTitle  td{
	background-color: inherit;
  /* border-bottom: solid 1px #6397ad; */
  /*border-right: solid 1px #6397ad;*/
  /* color:#4a7a8e; */
  color:inherit;
  font-weight:bold;
  font-family: arial, verdana;
  font-size: 14px;
}

.mainLayoutBodyLeft{
  /*background: #fff URL("images/leftDashBack.gif") repeat-x 0% 100%;*/
}

.mainLayoutBodyLeftItemTitle{
  /*background-color: #6397ad;
  background-image:URL('images/left_title_back1.jpg');*/
	border-bottom:1px dotted #555;
  color:#ffffff;
  color:#000;
  font-weight:bold;
  font-family: arial, verdana;
  font-size: 14px;
}

.mainLayoutBodyLeftDashTitle{
  background-image:URL('images/left_title_back2.jpg');
  color:#fff;
  font-weight:bold;
  font-family: arial, verdana;
  font-size: 14px;
}

.mainLayoutBodyMenuCol{
  /*width:150px;*/
}

/* ---------------------------- MENU -------------------------------*/

/* ---------------------------- MENU -------------------------------*/
#main_menu, #main_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#main_menu a {
	display: block;
	/*width: 10em;*/
}

#main_menu li {
	float: left;
  padding:8px;
  vertical-align:middle;
}

#main_menu li  div{
	width: 100%;
  text-align:left;
}

#main_menu li  a{
  font-weight:bold;
  color:#FFF;
}

#main_menu li  a:hover{
  font-weight:bold;
  text-decoration:none;
}

#main_menu li ul {
  z-index:999;
	position: absolute;
	width: 154px;
	left: -999em;
  border: 1px solid #cccccc;
}

#main_menu li ul  li{
	width: 138px !important;
	width: 158px;
  border: 0px;

  text-align:left;
    background-color:#235465;
}

#main_menu li:hover ul, #main_menu li.sfhover ul {
	left: auto;
  margin-left:-8px;
  margin-top:9px;
}
#main_menu li:hover ul  ul , #main_menu li.sfhover ul  ul  {
	
	left: -999em;
  margin-top:-23px;
  margin-left:500px;
}

#main_menu li:hover, #main_menu li.sfhover {
  border: 0px;
  background-color:#235465;
}

#main_menu li li:hover, #main_menu li li.sfhover {
    background-color:#467c8c;
}

#main_menu li:hover ul ul, #main_menu li:hover ul ul ul, #main_menu li.sfhover ul ul, #main_menu li.sfhover ul ul ul {
	
}

#main_menu li li:hover ul, #main_menu li li li:hover ul, #main_menu li li.sfhover ul, #main_menu li li li.sfhover ul {
	left:14px;
  margin-left:139px;
  margin-top:-22;
}


/*----------------------Search Header-------------------------------------*/
.tblLangNSearch{
  background:#dbdbdb;
  background-image:URL('images/search_bar.png');
  background-repeat:repeat-x;
  border:0px;
  border-bottom:1px solid #d2d2d2;
}

/*---------------------- Admin Side Menu ---------------------------------*/
.menuHighlight{
	background: #EBBB4B;
}
.highlight{
	background: #EBBB4B;
}

/* ---------------------------- 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;
	text-align: right;
	padding-right:10px;
}
.inputForm .fieldLabelTop{
	color:#008000;
	text-align: right;
	padding-right:10px;
}
.inputForm .fieldLabelCompulsory{
   color:#008000;
	font-weight: bold;	
	text-align: right;
	padding-right:10px;
	background: url("../../images/star.gif") no-repeat right center;
}
.inputForm .fieldLabelCompulsoryTop{
   color:#008000;
	font-weight: bold;	
	text-align: right;
	padding-right:10px;
	background: url("../../images/star.gif") no-repeat right top;
}
.inputForm .fieldInput{
	color:#000000;
	text-align: left;
}
.inputForm .fieldInputCompulsory{
	text-align: left;
}


/*---------------------------Page Category---------------------------------*/
.page_cat_title{
  font-size:16px;
  font-weight:bold;
  font-family:arial,verdana;
}

.page_cat_content{
  font-size:12px;
  font-weight:normal;
  font-family:arial,verdana;
}

.page_cat_date_label{
  font-size:12px;
  font-weight:bold;
  font-family:arial,verdana;
}

.page_cat_date{
  font-size:12px;
  font-weight:normal;
  font-family:arial,verdana;
}

.page_cat_list_more{
  font-size:12px;
  font-weight:bold;
  font-family:arial,verdana;
}
/*End Page Category*/


/*---------------------------Page Content-----------------------------------*/
.page_Content{
  font-family:Arial,Verdana;
  font-size:12px;
}
/*End Page*/


/*----------------------Event calendar on front page-----------------------*/
.calendarTbl{
 /*  border:solid 1px #669fb8;
  border:solid 1px #656268; */
}
.calendarWeek{
  color:#000;
  background-color:#bedcf3;
  font-family:Arial,Verdana;
  font-size:12px;
}
.calendarWeekDay{
  color:#000;
  background-color:#dfeef9;
  font-family:Arial,Verdana;
  font-size:12px;
}
.calendarSunday{
  color:#fff;
  background-color:#5ba8e1;
  font-family:Arial,Verdana;
  font-size:12px;
}

.calendarToday{
  color:#000;
  font-family:Arial,Verdana;
  font-size:12px;
  border:1px solid #44758b;
  border:1px solid #656268;
}

/*Calendar: Event Details*/
.event_title{
  font-size:16px;
  font-weight:bold;
  font-family:arial,verdana;
}

.event_label{
  font-size:12px;
  font-weight:bold;
  font-family:arial,verdana;
}

.event_data{
  font-size:12px;
  font-weight:normal;
  font-family:arial,verdana;
}

.event_icon{
  width:120px;
  vertical-align:top;
}

.event_no_icon{
  border: 1px solid #000;
  width:120px;
  height:100px;
  text-align:center;
}

/*Calendar: Event summary*/
.calendarEvent_label{
  color:#44758b;
  color:#000;
  font-family:Arial,Verdana;
  font-size:12px;
  font-weight:bold;
}

.calendarEvent_data{
  color:#44758b;
  color:#000;
  font-family:Arial,Verdana;
  font-size:12px;
  font-weight:normal;
}

/*End Calendar On Frontpage*/

/*------------------------------News-------------------------------------*/
.news_title{
  font-size:16px;
  font-weight:bold;
  font-family:arial,verdana;
}

.news_data{
  font-size:12px;
  font-weight:normal;
  font-family:arial,verdana;
}

.news_date_label{
  font-size:12px;
  font-weight:bold;
  font-family:arial,verdana;
}

.news_date{
  font-size:12px;
  font-weight:normal;
  font-family:arial,verdana;
}
/*End of News*/

/*-----------------------------PHOTO GALLERY (Front Page)---------------------------------*/
.pho_album_list{
  margin:5px;
}

.pho_album_list_pho{
  border: 1px solid #000000;
  height:120px;
  width:120px;
  text-align:center;
  vertical-align:middle;
}

.pho_album_list_title{
  font-family: arial, verdana;
  font-size: 12px;
  font-weight:bold;
}

.pho_album_list_desc{
  width:120px;
  white-space:-moz-pre-wrap;
  white-space: normal;
  font-family: arial, verdana;
  font-size: 12px;
  font-weight: normal;
}

.pho_list{
  border: 1px solid #000000;
  height:150px;
  width:200px;
  text-align:center;
  vertical-align:middle;
}

.pho_list_desc{
  width:120px;
  white-space:-moz-pre-wrap;
  white-space: normal;
}

/*------------------------------Download---------------------------------*/
.download_category{
  font-size:16px;
  font-weight:bold;
  font-family:arial,verdana;
}

.download_title{
  font-size:16px;
  font-weight:bold;
  font-family:arial,verdana;
}

.download_data{
  font-size:12px;
  font-weight:normal;
  font-family:arial,verdana;
}

.download_link{
  font-size:10px;
  font-weight:normal;
  font-family:arial,verdana;
}

/*-----------------------------Search and Search Result---------------------------------*/
.search_lbl{
  font: arial, verdana;
  color: #000;
  font-size: 12px;
}

.searchTitle{
  color:#000;
  font-size:12px;
  font-weight:bold;
  font-family:arial,verdana;
}

.searchDesc{
  font-size:12px;
  font-weight:normal;
  font-family:arial,verdana;
}

.searchCatTitle{
  font-size:12px;
  font-weight:bold;
  font-family:arial,verdana;
  font-style:italic;
}
/*End of Search*/

/*--------------------------Online Form---------------------------------*/
.compulsory_mark{
  font-size:12px;
  color:#e00a4a;
}

.compulsory_desc{
  font-size:10px;
  font-style:italic;
}

#divFormError{
	background:#C4E1FF;
 	padding: 10px;
	border: 1px solid #D1CAA3;
	text-align: left;
	display:show;
	width: 95%;	
}
/*End of Online Form*/

/* ---------------------------- 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 .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;
	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; 
  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-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;
	padding: 0px;
	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;
	position: absolute;
	width:450px;
	left:50%; 
	margin-left:-225px; 
	
	height:300px;
	top:50%;
	margin-top:-150px;
	text-align: center;
	overflow: auto;
	z-index:2000;
}
.customDialog{
	color: #333;
	position: absolute;
	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;
}


/*------------------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*/

/*---------------------------------------version 2.0---------------------------------------*/

/*-----------------Event Calendar Extended Style-----------------*/
.monthYearSel{
  background-color:#95b9c8;
}

/*-----------------Photo Gallery Extended Style-----------------*/
.pho_album_list_desc{
  width:100%;
  font-family: arial, verdana;
  font-size: 12px;
  font-weight: normal;
}

/*-----------------Animation / Photo Slider-----------------*/
.sliderTitle{
  background-color:#000;
}

.sliderTitle SPAN{
  font-weight:bold;
  color:#fff;
}

.sliderwrapper{
  background-color:#000;
}

.sliderwrapper .divContent{
  background: white;
}


.divDesc{
  background-color:#c4c4c4;
  color:#000;
}

.divDesc td{
  color:#000;
}

.spanPage,
.spanPage A:link,
.spanPage A:hover,
.spanPage A:visited{
  background-color:#fff;
  color:#264a6f;
}

.spanPage{
  border: 1px solid #264a6f;
}

.spanPageSel,
.spanPageSel A:link,
.spanPageSel A:hover,
.spanPageSel A:visited{
  background-color:#264a6f;
  color:#fff;
}

.spanPageSel{
  border: 1px solid #fff;
}

/*---------------------------------Tab Module on Homepage----------------------------*/
.frontTabBox{
  /*border: 1px solid #1f5776;*/
  background: URL('images/tabBack.gif') repeat-x left 100%;
}

.frontTabBox A:Link,
.frontTabBox A:Hover,
.frontTabBox A:Visited{
  color:#000;
}

.frontTab{
	color:#fff;
	font-size:12px;
	font-weight:bold;
  background: #b9cee5 URL('images/tabHeader.gif') repeat-x 0% 100%;
  text-align:center;
  cursor:pointer;
	padding:5px;
	border-left: 1px solid #fff;
}

/*By default UL in IE and Firefox has different margin*/
.frontTabList{
margin-top:0px;
margin-bottom:0px;
}

/*Set the min height. One for IE another one for Firefox*/
.frontTabDiv{
display:block;
height:85px;
min-height:85px;
}

/*
.frontTab A:Link,
.frontTab A:Hover,
.frontTab A:Visited{
  color:#373737;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
}
*/

.frontTabSel{
  background:#eef3f6;
  border:0px;
	color:#444;
	font-size:12px;
	font-weight:bold;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-right: 1px solid #d0e7f2;
  text-align:center;
  cursor:pointer;
}

/*
.frontTabSel A:Link,
.frontTabSel A:Hover,
.frontTabSel A:Visited{
  color:#444;
  font-weight:bold;
  text-transform:uppercase;
}
*/
.member_menu{
 border-color: -moz-use-text-color -moz-use-text-color #555555;
    border-style: none none dotted;
    border-width: 0 0 1px;
    float: left;
    padding: 5px 0;
    width: 100%;



}