/*----------------------HTML Body Style-------------------------------------------*/
BODY {


  font-family:arial !important;
  font-size:12px;
 
}
span{
	
 line-height: 18px;	
}
/*----------------------- Admin  & Control Panel ------------------------------------*/
.adminFrm{
  border:1px solid #2e80ab;
}

.adminFrmHeader{
  background-color:#1c77a8;
  border:2px solid #c2e4eb;
  color:#FFFFFF;
  font-weight:bold;
  height:25px;
}

.adminFrmContent{
  background-color:#e9f7fe;
}


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

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

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

.divRecentUpd{
  height:550px;
  overflow:auto;
  border:0px;
	SCROLLBAR-FACE-COLOR: #87aede; 
	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: Arial;
  font-size: 8pt;
  color: #8f8f8f;
  font-style: normal;
}

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

.adminbar{
  background-color: #157dd2;
  border-bottom:1px solid #0d447b;
}

.adminBarRow{
  background-color:#157dd2;
}


.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: Arial;
  font-size: 10pt;
  font-weight:bold;
}
/*-----------------------End---------------------*/


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

INPUT {
  font-family:Arial;
  font-size:12px;
}

.textbox {

}

.textareabox {
  font-family:Arial;
  font-size:12px;
}

.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("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/themes/purple/shared/textfield.gif");
}

.textboxFocus {
  background-color:#f2f2f2;
  border:1px solid #DDDDDD;
  padding: 3px 3px 3px 3px;
  height:23px;
  background: transparent url("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/themes/purple/shared/textfield_focus.gif");
}

.upload {
  background-color:#f2f2f2;
  border:1px solid #DDDDDD;
  padding: 3px 3px 3px 3px;
  height:22px;
  background: transparent url("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/images/textfield.gif");
}

.checkbox {

}

.button {
  cursor: pointer;
  border: 1px outset #ccc;
  background: #FF8C00;
  color: #000000;
  padding: 1px 2px; 
  background:url("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/images/button.gif") repeat-x left top;
}

.button_back {
  cursor: pointer;
  border: 1px outset #ccc;
  background: #FF8C00;
  color: #000000;
  padding: 1px 2px; 
  background:url("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/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("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/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("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/images/button_copy.gif") repeat-x left top;
}

SELECT {
  font-family:arial;
  font-size:12px;
}
/*
A { color:#183869; text-decoration:none }
A:link { color:#183869; text-decoration:none }
A:active { color:#183869; text-decoration:none }
A:visited { color:#183869; text-decoration:none }
A:hover { color:#183869; text-decoration:underline }
*/
A { text-decoration:none }
A:link {  text-decoration:none }
A:active { text-decoration:none }
A:visited {  text-decoration:none }
A:hover {  text-decoration:underline }

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

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

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


.mainLayout TBODY TD{
}

.mainLayoutMenuBar{
  background-color: #642c78;
}

.mainLayoutBody{

}

.mainLayoutFooter{
  background-color: #0C0C0E;
  color:#fff;
    background-color: #5B1747;
   background: URL('https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/themes/purple/images/bg_footer.jpg') repeat-x;

}

.mainLayoutFooter td{
  color:#fff; 
   
}

.mainLayoutFooter a,
.mainLayoutFooter a:link,
.mainLayoutFooter a:hover,
.mainLayoutFooter a:visited,
.mainLayoutFooter a:active{
  color:#ffffff;
}

.mainLayoutFooter_browser{
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-weight : normal;
  text-decoration : none;
}

.mainLayoutFooter_copyright{
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-weight : normal;
  text-decoration : none;
}

.mainLayoutFooter_powered{
  font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-weight : normal;
  text-decoration : none;
}
.mainLayoutFooter_Spacer{
	color:ffc700 !important;

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

.mainLayoutBodyRightItemBorder{
  border: solid 1px #114a6c;
}

.mainLayoutBodyRightItemTitle{
  background-color: #d3a7fc;
 /*   border-bottom: solid 1px #6176af;
  border-right: solid 1px #6176af;*/
  color:#fff;
  font-weight:bold;
  font-family: arial, verdana;
   font-size: 1em;
}

.mainLayoutBodyRightItemTitle td{
  color:#fff;
   font-weight:bold;
  font-family: Arial;


}

.mainLayoutBodyLeft{
  border: solid 0px #114a6c;
}

.mainLayoutBodyLeftItemTitle{
  background-color: #FFFFFF;
  color : #642c78;
  font-weight:bold;
  font-family: arial, verdana;
 font-size: 18px;
 padding-left:20px;
}

.mainLayoutBodyLeftItemTitleMain{
  background-color: #642c78;
  color : #FFFFFF;
  font-weight:bold;
  font-family: arial, verdana;
 font-size: 1.0em;
}

.mainLayoutBodyMenuCol{
  width:20%;
  background-color:#ffffff;
}

.mainLayoutBodyMenuCol .mainLayoutBodyRightItemTitle{
border-radius:0px !important;
  background-color:#ffffff;
}

.mainLayoutTopMenu{
/* height:39px !important; */

  color:#ffffff;
/*  font-weight:bold; */
/*  background: URL('https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/themes/purple/images/topMenuBck.png') repeat-x;*/
  background-color:#3C3C3A;
  width:100%;
}

.mainLayoutTopMenu TABLE{
  color:#e4e4e4;
}

.mainLayoutTopMenu A:Link,
.mainLayoutTopMenu A:Active,
.mainLayoutTopMenu A:Hover,
.mainLayoutTopMenu A:Visited{
  color:#fff;
/*  font-weight:bold; */
}
/* ---------------------------- MENU -------------------------------*/
.menu_title{
  background-color: #bedbf8;
  color:#000;
  font-weight:bold;
  font-family: arial, verdana;
  font-size: 12px;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}
/*
#main_menu, #main_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float : left;
  width : 150px;
}
	
#main_menu li a {
  display : block;
  font-weight : bold;
  text-decoration : none;
  color:#fff;
}

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

#main_menu li {
  float : left;
  margin-bottom : -1px;
  width: 145px;
  padding-left:5px;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:0px;
  border-bottom: 1px dotted #000000;
}
	
#main_menu li ul {
  z-index:999;
  position : absolute;
  left: -999em;
  margin-left : 140px;
  margin-top : -1.35em;
  background-color:#147cd1;
  border: 1px solid #000000;
}
	
#main_menu li:hover ul ul, #main_menu li.sfhover ul ul{
  left: -999em;
}
	
#main_menu li:hover ul, #main_menu li.sfhover ul{
  left: auto;
}

#main_menu li:hover, #main_menu li.sfhover {
	background-color:#9ac6fc;
}
*/
/*----------------------Search Header-------------------------------------*/
.tblLangNSearch{
  background:#d3a7fc;
  border:0px;
  border-bottom:1px solid #fff;
  color:#fff !important;
}
.tblLangNSearch td{
  background:#d3a7fc;
  color:#fff !important;
}
.searchLbl{
  color:#fff;
  font-weight:bold;}
    .searchimg{
 color:#fff;
 vertical-align: middle; 
 cursor: pointer;
 }


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

/* ---------------------------- INPUT FORM -------------------------------*/
.inputForm{
  /*text-align: center;*/
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  /*background: #ffffff;*/
  padding: 5px;  
}
.inputForm .inputFormTitle{
  text-align: left;
  font-family: Arial;
  font-size: 22px;
  font-weight: bold;	
  position: relative;
}
.inputForm .inputFormDesc{
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	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("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/images/star.gif") no-repeat right center;
}
.inputForm .fieldLabelCompulsoryTop{
   color:#008000;
	font-weight: bold;	
	text-align: right;
	padding-right:10px;
	background: url("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/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:verdana,arial !important;
font-size: 11px;
line-height:18px !important;
padding-left:33px;
padding-right:33px;
color:#061f3e !important;
}
/*End Page*/


/*----------------------Event calendar on front page-----------------------*/
.calendarTbl{
  border:solid 1px #656268;
}
.calendarWeek{
  color:#fff;
  background-color:#36649c;
  font-family:Arial,Verdana;
  font-size:12px;
}
.calendarWeekDay{
  color:#000;
  background-color:#cddde4;
  font-family:Arial,Verdana;
  font-size:12px;
}
.calendarSunday{
  color:#fff;
  background-color:#5b8bc6;
  font-family:Arial,Verdana;
  font-size:12px;
}

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

.calendarEmpty{
  background-color:#cddde4;
}

/*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-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: #fff;
  font-size: 12px;
}

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

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

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

/*--------------------------Online Form---------------------------------*/


.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: Arial;
  font-size: 22px;
  font-weight: bold;	
  position: relative;
  padding:0px 0px 0px 0px;
}

.recordListingDesc{  
  text-align: left;
  font-family: Arial;
  font-size: 12px;
  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: left;
  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: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:Arial;
	font-size:12px;
}

.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:Arial;
	font-size:12px;
	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,Arial;
}

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

.hovermenu ul{
  font: bold 12px 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 12px 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("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/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: 12px;
  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: Arial;
 	font-size: 16px;
 	font-weight: bold;	
 	position: relative;
}

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

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

.titleMediumMedium{
	text-align: center;
 	font-family: 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: 12px;
	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: 12px;
	color: #000;
	background:  url("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/themes/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: 12px;
	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: 12px;
	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:#c5dbe0;
}

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

/*--------------------- mleffect menu ------------------*/
/*this is the css for the vertical version*/
.vertical ul{
  list-style-type: none;
  padding: 0px;
  /*border-top: 1px solid;*/
  border:0px;
  min-width: 160px;
  margin:0px;
}

.vertical ul ul{
  border:1px solid;
}

.vertical ul > li li {
width:160px;
}

.vertical ul > li li a {
width:160px;
  padding:0px;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:3px;
}

.vertical li a{
  display: block;
  min-width: 160px;
  /*height: 1em;*/
  /*padding: .1em 1px;*/
  padding:0px;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:3px;
  /*border: 1px solid;
  border-top: 0px;*/
  border-bottom:1px solid;
}

.vertical li{
  /*Needed for IE. Don't ask me why, It was a lucky guess.*/
  display: inline;
}

.vertical li ul{
  position: absolute;
  margin-top: -2.85em;
  left: 100%;
  margin-left:-10px;
}

.vertical ul li li ul{
  margin-left:0px;
}

/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul{
  display: none;
}

/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span{
  padding-left: 1em;
  font-size: 85%;  
}

.arrow a:hover span{
  /*padding-left: 2em;*/
}

.arrow a span.noshow{
  visibility: hidden;
}

/*Plus code*/
.plus a span{
  padding-left: .5em;
}

/*colors for menu*/
.menu_theme ul{
  font-weight:bold;
  font-size:12px;
}

.menu_theme ul ul{
  border-color: #000;
}

.menu_theme li a,
.menu_theme li a:visited,
.menu_theme li a:active
{
  background-color: #642c78;
  color: #fff;
  border-color: #d7d7d7;

}

.menu_theme li li a,
.menu_theme li li a:visited,
.menu_theme li li a:active
{
  background-color: #642c78;
  color: #fff;
  border-color: #d7d7d7;
}

.menu_theme li a:hover{
  background-color: #ad58fa;
  color: #000;
  border-color: #d7d7d7;
  text-decoration:none;
}

.menu_theme li li a:hover{
  background-color: #ad58fa;
  color: #000;
  border-color: #d7d7d7;
  text-decoration:none;
}

.menu_theme ul{
  border-color: #000033;
}
/*member control*/

.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%;



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

H4{
  font-size:16px;
}

/* ---------------------------- 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;
	/*width: 100px;*/
  padding:8px;
  /*border-top: 3px solid transparent;
  border-right:1px inset #fff;*/
  /*border-bottom: 1px solid #000;*/
  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;
   color: #000;
}

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

#main_menu li ul  li{
	width: 138px !important;
	width: 158px;
  border: 0px;
  border-left: 5px solid #858585;
  border-right: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  text-align:left;
  background-color:#244566;
}

#main_menu li:hover ul, #main_menu li.sfhover ul {
	left: auto;
  margin-left:-9;
  margin-top:8;
}

#main_menu li:hover, #main_menu li.sfhover {
  border: 0px;
  /*border-top: 3px solid transparent;
  border-bottom: 1px solid #000;
  border-right:1px inset #fff;
  background: #6189b3 URL('https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/themes/purple/images/menuBgSel.png') repeat-x;*/
  background-color: #a6cee3;
   color: #000;
}

#main_menu li li:hover, #main_menu li li.sfhover {
  border-left: 5px solid #02e0f9;
  border-right: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

#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 {
	left: -999em;
}

#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: auto;
  margin-left:139px;
  margin-top:-22;
}

.readmore{

position: relative;
text-align:left;
width:100px;


}

.readmore::after{
	  background:url("https://webarchive.pustaka-sarawak.com/wayback/20170322020156/http://www.tyt.sarawak.gov.my/layouts/snt2/images/more_orange.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) ;

	 
content: "";
width: 18px;
height: 12px;
top: 3px;
right: 5px;
position: absolute;
display: inline-block;


}
.readmore:hover{


color:#000;
}
.readmore > a{

color:#061f3e !important;
font-weight:bold;
font-size:12px;

}
.readmore > a:hover{

color:#333333;
text-decoration:none;
}

.readmore:hover{


}











/*
     FILE ARCHIVED ON 2:01:56 Mar 22, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 13:29:22 May 4, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
