/* CSS Document */
body { 
	/*background-image:url(../../images/bkg_body.gif); 
	background-repeat:repeat-x; */
	background-color:#EEEEEE; 
	MARGIN: 0px auto;
}
html,body{
      margin:0;
      padding:0;
      height:100%;
      border:none;
	  FONT-SIZE: 12px; 
	FONT-FAMILY: verdana,Helvetica,arial;
	
}


form {
margin:0;
}
TEXTAREA 		{font-size: 1em; FONT-FAMILY: Verdana}
H3 			{FONT-SIZE: 15pt; FONT-FAMILY: Helvetica,verdana, arial}

img {
border:0px;
}
.myselect {
width:330px;
}
.myselect option {
width:300px;
}

#yes{
cursor:pointer;
}

#no{
cursor:pointer;
}

.jawiinput {
	font-size: 26px;
	CURSOR: text;
	margin:0px;
	FONT-FAMILY: 'Arabic Typesetting', Arial;
	BACKGROUND-COLOR: #e3dfd8; 
	border: 0;padding: 0px 0 0px 0px;
	height:30px;
	width:100%;
}
.jawitextarea {
	BORDER-RIGHT: #d5d5c8 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #afaeaa 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: normal; 
	PADDING-BOTTOM: 2px; 
	VERTICAL-ALIGN: middle; 
	BORDER-LEFT: #afaeaa 1px solid; 
	CURSOR: text; 
	COLOR: #111111; 
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #d5d5c8 1px solid; 
	FONT-FAMILY: 'Arabic Typesetting', Arial;
	BACKGROUND-COLOR: #e3dfd8; 
	font-size: 26px;
	width:100%;
}


INPUT {
	font-size: 1em;
	CURSOR: text;
	margin:0px;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #e3dfd8; 
	border: 0;padding: 4px 0 4px 4px;
}

INPUT:hover {
	BACKGROUND-COLOR: #eaeaea; 
}

INPUT.submit {
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 2px 2px;
	background:url(../../images/formbg.gif) repeat-x left top;
	
}
INPUT.radio {
	cursor:pointer;
}

SELECT {
text-transform:uppercase;
}

INPUT.submit:hover {
	COLOR: #000; 
	background-color:#333333;
}

.inputbox
{
	BORDER-RIGHT: #CDDBBA 1px solid; 
	BORDER-TOP: #CDDBBA 1px solid; 
	BACKGROUND: #ffffff; 
	MARGIN: 1px; 
	BORDER-LEFT: #CDDBBA 1px solid;
	COLOR: #333333; 
	BORDER-BOTTOM: #CDDBBA 1px solid
}
TEXTAREA {
	BORDER-RIGHT: #d5d5c8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #afaeaa 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #afaeaa 1px solid; CURSOR: text; COLOR: #111111; PADDING-TOP: 2px; BORDER-BOTTOM: #d5d5c8 1px solid; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #e3dfd8; font-size: 1em; 
}
TEXTAREA:hover {
	BORDER-RIGHT: #afaeaa 1px solid; BORDER-TOP: #afaeaa 1px solid; BORDER-LEFT: #afaeaa 1px solid; BORDER-BOTTOM: #afaeaa 1px solid; BACKGROUND-COLOR: #e9e9e2
}

.selectalamat {
	FONT-WEIGHT: normal; FONT-SIZE: 0.85em; VERTICAL-ALIGN: middle; CURSOR: pointer; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; WIDTH:100%;
}

.smallselect {
	FONT-WEIGHT: normal; FONT-SIZE: 0.85em; VERTICAL-ALIGN: middle; CURSOR: pointer; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
}

.tableoutline{
	BORDER-RIGHT: #e0e0e0 0.1px solid; 
	BORDER-TOP: #e0e0e0 0.1px solid; 
	BORDER-LEFT: #e0e0e0 0.1px solid; 
	WIDTH: 100%;
	background-color:#f9f9f9;
	BORDER-BOTTOM: #e0e0e0 0.1px solid;
	padding:6px;
}
.tableoutline td{
	padding:5px;
}
.tableheader{
	background-color:#f9f9f9;
	WIDTH: 100%;
	FONT-WEIGHT: bold;
}
.tableheader #tr{
	background-image:url(../../images/tableheader.png);
	background-repeat:repeat-x;
	height:40px;
}
.tableheader #newrecord{
	background-color:#eaeaea;
}
.tableheader td{
	padding:3px;
}
.spanright{
	position:absolute;
	right:12px;
	margin-top:-3px;
}
.tablecontent{
	WIDTH: 100%;
	border-collapse: separate;  
	border-spacing: 3px;
}

.tablecontent td{
	padding:2px;

}
.tableoutline1{
	WIDTH: 100%;
	
}

.cssTableDataAudit{
	background-color:#ffffff;
	WIDTH: 550px;
	padding:3px;
}

.cssTableDataAudit #tr{
	background-image:url(../../images/tableheader.png);
	background-repeat:repeat-x;
	height:40px;
	FONT-WEIGHT: bold;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
}

.cssTableDataAudit #td{
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 3px; 
}

.tablesublist{
	BACKGROUND: #f4f4f4; 
}
.tablesublist td{
	padding:3px;
}
.tablesublist #label{
	FONT-WEIGHT: bold; 
	BACKGROUND: #f9f9f9; 
}
.tablesublist #content{
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px;
}


.table{
	background-color:#ffffff;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	WIDTH: 100%;
	BORDER-BOTTOM: #e0e0e0 1px solid;
	padding:5px;
}
.table td { 
	padding:6px;
	font-size:106%;
}

.tableFilter{
	background-color:#f9f9f9;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
}
.tableFilter td { 
	padding:1px;
	font-size:106%;
}

.tableTotalRecord{
	background-color:#f2f2f2;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 0px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	WIDTH: 100%;
	BORDER-BOTTOM: #e0e0e0 1px solid;
}
.tableTotalRecord td { 
	padding:1px;
	font-size:106%;
}

.tableNewRecordLinkOutlineAtas{
	background-color:#ffffff;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 0px solid;
	margin-left:40px;
}
.tableNewRecordLinkOutlineAtas td { 
	padding:2px;
	font-size:106%;
}

.tableNewRecordLinkOutline{
	background-color:#ffffff;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 0px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	margin-left:40px;
}
.tableNewRecordLinkOutline td { 
	padding:2px;
	font-size:106%;
}
.tableNewRecordLink{
	background-color:#e0e0e0;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 0px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
}
.tableNewRecordLink td { 
	padding:1px;
	font-size:106%;
}

.tableSubTitleOutline{
	background-color:#ffffff;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	margin-left:40px;
	margin-bottom:0px;
	
}
.tableSubTitleOutline td { 
	padding:0px 0px 0px 0px;
	font-size:106%;
}
.tableSubTitle{
	background-color:#f2f2f2;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 0px solid;
}
.tableSubTitle td { 
	padding:3px;
	font-size:140%;
	font-weight:bolder;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.tableRekodNikahOutline{
	background-color:#ffffff;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 0px solid;
	margin-left:40px;
}
.tableRekodNikahOutline td { 
	padding:2px;
	font-size:106%;
}
.tableRekodNikah{
	background-color:#f2f2f2;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 0px solid;
}
.tableRekodNikah td { 
	padding:1px;
	font-size:106%;
}

.tableBackToMain{
	background-color:#e0e0e0;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 0px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	margin-left:40px;
}
.tableBackToMain td { 
	padding:5px;
	background-color:#e0e0e0;
	font-size:106%;
	font-weight:bold;
}

.tableDisplayQueryTime{
	background-color:#ffffff;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	
}
.tableDisplayQueryTime td { 
	padding:1px;
	font-size:106%;
}

.tableDisplayAuditUpdatePerRecord{
	background-color:#ffffff;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	padding:1px;
}
.tableDisplayAuditUpdatePerRecord td { 
	padding:5px;
	background-color:#e9e9e9;
	font-size:106%;
}

.tableDisplayCurrentNameID{
	background-color:#ffffff;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	WIDTH: 100%;
	padding:1px;
}
.tableDisplayCurrentNameID td { 
	padding:5px;
	background-color:#e9e9e9;
	font-size:106%;
}

.tableDisplayTab{
	BORDER-RIGHT: #e0e0e0 0px solid; 
	BORDER-TOP: #e0e0e0 0px solid; 
	BORDER-LEFT: #e0e0e0 0px solid; 
	BORDER-BOTTOM: #e0e0e0 0px solid;
	padding:0px;
}
.tableDisplayTab td{
	padding:0px;
}

.tableIndexComp{
	background-color:#ffffff;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	WIDTH: 100%;
	BORDER-BOTTOM: #e0e0e0 1px solid;
	height:100%;
	overflow:auto;
}
.tableIndexComp td { 
	padding:1px;
	font-size:102%;
}

.tableIndexCompSideBg {
	background-image:url(../../images/gradient-inner.png);
	background-repeat:repeat-x;
}
.tableStatistik{
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	WIDTH: 100%;
	BORDER-BOTTOM: #e0e0e0 1px solid;
	background-color:#eaeaea;
}

.tableStatistik2{
	background-color:#f2f2f2;
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	WIDTH: 100%;
	BORDER-BOTTOM: #e0e0e0 1px solid;
	padding:2px;
}
.tableStatistik2 td { 
	padding:6px;
	font-size:106%;
	background-color:#ffffff;
}
.tableStatistik2 #title{
	background-color:#f8f8f8;
}
.tableborder{
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	BACKGROUND: #ffffff; 
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	WIDTH: 100%;
	BORDER-BOTTOM: #e0e0e0 1px solid;	
}


.tablesummary{
	WIDTH: 100%;
	border-collapse: separate;  
	border-spacing: 10px;
}

.tablesummary td{
	padding:8px;

}

#absbg
{
/***
background-image:url('../../images/copyright-enikah.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top right
**/
}
.tableinner{
	height:100%;
	WIDTH: 100%;
}
.table2{
	BACKGROUND: #C3CED2; 
	WIDTH: 100%;
}

.tableMenuSide{
	WIDTH: 170px;
}

legend{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em;
	color:#666666;
}

.tablelogin{
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	BACKGROUND: #f0f0f0; 
	MARGIN-BOTTOM: 5px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	WIDTH: 250px;
	BORDER-BOTTOM: #e0e0e0 1px solid;	
}
.table3{
	BACKGROUND: #C3CED2; 
	WIDTH: 99%;
	margin-left:auto; margin-right:auto;
}

.tableMsgError{
	BORDER-RIGHT: #7E7E7D 1px solid; 
	BORDER-TOP: #7E7E7D 1px solid; 
	MARGIN-BOTTOM: 7px;
	BORDER-LEFT: #7E7E7D 1px solid; 
	BORDER-BOTTOM: #7E7E7D 1px solid;	
	BACKGROUND: #FFCCFF;
	padding:5px;
	WIDTH: 100%;
}
.tableMsgError td{
	color:#000000;
	font-weight:bold;
}

.tableMsgSessionTimeout{
	WIDTH: 50%;
}

.tableMsgSuccess{
	BORDER-RIGHT: #7E7E7D 1px solid; 
	BORDER-TOP: #7E7E7D 1px solid; 
	MARGIN-BOTTOM: 7px;
	BORDER-LEFT: #7E7E7D 1px solid; 
	BORDER-BOTTOM: #7E7E7D 1px solid;	
	BACKGROUND: #F9F7F1;
	padding:5px;
	WIDTH: 100%;
}



.tr{
	BACKGROUND: #FFCC00;
	color:#f2f2f2;
	FONT-WEIGHT: bold;
}
.tr td { 
	padding:4px;
	font-size:106%;
}

#fullheight{
	height:100%
}
td				{FONT-SIZE: 8pt;  COLOR: #333333; MARGIN-RIGHT: 15px; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif}
p				{FONT-SIZE: 8pt;  COLOR: #333333; MARGIN-RIGHT: 15px; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif}
b				{FONT-SIZE: 8.5pt;  COLOR: #0072bc; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif}
.select 		{BORDER-RIGHT: #7f9bc9 1px solid; BORDER-TOP: #7f9bc9 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #7f9bc9 1px solid; 
				 BORDER-BOTTOM: #7f9bc9 1px solid; FONT-FAMILY: Verdana, Tahoma, Arial; BACKGROUND-COLOR: #fdfdfd}
/* Fading Tooltips */
body div#toolTip {position:absolute;width:200px;background:#000;border:2px double #ffffff;text-align:left;padding:5px;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px Verdana, Tahoma,arial,serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
 .tajukputihkecil{FONT-SIZE: 8.5pt;  COLOR: #ffffff; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif}
.fontjawisijilnormal {FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #224E79; FONT-FAMILY: "ArialNasakh, Tahoma"; line-height:30px;  TEXT-DECORATION: none}
.fontjawisijilbold {FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #224E79; FONT-FAMILY: "ArialNasakh, Tahoma"; line-height:30px;  TEXT-DECORATION: none}
.fontjawisijiltajukbesar {FONT-WEIGHT: normal; FONT-SIZE: 50px; COLOR: #224E79; FONT-FAMILY: "ArialNasakh, Tahoma"; line-height:80px;  TEXT-DECORATION: none}
.jawinormal 	{FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #224E79; FONT-FAMILY: "ArialNasakh, Tahoma", "Jawi - Ringkas" ; line-height:30px;  TEXT-DECORATION: none}
.jawibold 		{FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #224E79; FONT-FAMILY: "ArialNasak, Tahomah", "Jawi - Ringkas"; line-height:30px;  TEXT-DECORATION: none}
.signature 		{FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #224E79; FONT-FAMILY: "ArialNasakh, Tahoma" ; line-height:38px;  TEXT-DECORATION: none}
.footertext 	{FONT-SIZE: 10px;  COLOR: #ffffff; PADDING-LEFT: 22px; PADDING-RIGHT: 22px; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
.style1 		{COLOR: #999999}
.style2 		{FONT-WEIGHT: bold; COLOR: #666666}
.style3 		{FONT-WEIGHT: bold; COLOR: #ff9900}
.style5 		{FONT-SIZE: x-small; COLOR: #999999; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif}
.free 			{BACKGROUND-COLOR: #f1f3ff; TEXT-ALIGN: center}
.weekend 		{COLOR: #ffffff; BACKGROUND-COLOR: #8376ff; TEXT-ALIGN: center}
.book 			{COLOR: #ffffff; BACKGROUND-COLOR: #f2f2f2; TEXT-ALIGN: center}
.expired 		{COLOR: #ffffff; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center}
.cattitle 		{FONT-WEIGHT: bold; FONT-SIZE: 21px; line-height:21px; MARGIN-LEFT: 0px; COLOR: #666666; FONT-FAMILY: Helvetica, Arial, sans-serif}
.catdesc 		{
	padding:0px;
	font-size:106%;
	COLOR: #333333; 
	MARGIN-LEFT: 0px;
	FONT-FAMILY: Verdana, Arial, sans-serif
}
.filterdesc 		{
	font-size:80%;
	COLOR: #999999; 
	FONT-FAMILY: Helvetica;
	font-weight:bold;
}
.contenttitle 		{FONT-WEIGHT: bold; FONT-SIZE: 22px; line-height:22px; MARGIN-LEFT: 0px; COLOR: #333333; FONT-FAMILY: "Trebuchet MS", Verdana, Tahoma, Helvetics, Arial, sans-serif}
.contentdesc 		{FONT-SIZE: 14px; COLOR: #333333; MARGIN-LEFT: 2px;line-height:14px; FONT-FAMILY: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif}

.tarikhijrah {FONT-SIZE: 10px; COLOR: #333333; MARGIN-LEFT: 2px;line-height:12px; FONT-FAMILY: Verdana,sans-serif}
.tajukmerah 	{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.more2:link 	{FONT-WEIGHT: bold; COLOR: #147ab5; TEXT-DECORATION: none}
A.more2:visited {FONT-WEIGHT: bold; COLOR: #147ab5; TEXT-DECORATION: none}
A.more2:active 	{FONT-WEIGHT: bold; COLOR: #147ab5; TEXT-DECORATION: none}
A.more2:hover 	{FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none}
#dhtmltooltip 	{BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 7pt; 
				 Z-INDEX: 100; LEFT: -300px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; WIDTH: 150px; 
				 PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Verdana,  Arial; POSITION: absolute; BACKGROUND-COLOR: lightyellow}
#dhtmlpointer 	{Z-INDEX: 101; LEFT: -300px; VISIBILITY: hidden; POSITION: absolute}
#skyscraper 	{LEFT: 774px; POSITION: absolute; TOP: 101px}
.topmenucontainer {BACKGROUND: url(images/upper_menu_back.png) #cccccc repeat-x; HEIGHT: 36px}
.submenucontainer {BACKGROUND: url(images/sub_menu_back.png) #336699 repeat-x; HEIGHT: 30px}
.maincontainer 	{BACKGROUND: url(images/main_content_back.png) #ffffff repeat-x 50% top}
.pathwaycontainer {MARGIN: 5px}
.maincontentcontainer {BORDER-RIGHT: #e0e0e0 1px solid; BORDER-TOP: #e0e0e0 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #e0e0e0 1px solid; BORDER-BOTTOM: #e0e0e0 1px solid}
.topmodulecontainer {MARGIN: 5px; WIDTH: 758px}
.rightmodulecontainer {WIDTH: 250px}
#navcontainer 	{BACKGROUND: url(images/upper_menu_back.png) #cccccc repeat-x;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; FONT-FAMILY: Verdana, sans-serif; HEIGHT: 30px}
#navlist 		{PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#navlist UL 	{PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#navlist LI 	{DISPLAY:inline;}
#navlist A:link { BORDER-RIGHT: #d0d0d0 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FLOAT: left; 
PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #ffffff 1px solid; WIDTH: auto; COLOR: #336699; LINE-HEIGHT: 25px; PADDING-TOP: 5px; TEXT-DECORATION: none}
#navlist A:visited {BORDER-RIGHT: #d0d0d0 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #ffffff 1px solid; WIDTH: auto; COLOR: #336699; LINE-HEIGHT: 25px; PADDING-TOP: 5px; TEXT-DECORATION: none}
#navlist A#current:link {BACKGROUND: #ffffff; COLOR: #224E79}
#navlist A#current:visited {BACKGROUND: #ffffff; COLOR: #224E79; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px;}
#navlist A#semasa:link {BACKGROUND: #ff6600; COLOR: #224E79}
#navlist A#semasa:visited {BACKGROUND: #ff6600; COLOR: #224E79}
#navlist A:hover {BACKGROUND: #ffffff; COLOR: #224E79; }



#subnavcontainer {FONT-SIZE: 11px; WIDTH: auto; FONT-FAMILY: Verdana, sans-serif; HEIGHT: 25px}
#subnavlist 	 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#subnavlist UL	 {PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#subnavlist LI 	 {PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#subnavlist A:link {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #cccccc; LINE-HEIGHT: 20px; 
					PADDING-TOP: 5px; TEXT-DECORATION: none}
#subnavlist A:visited {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #cccccc; 
						LINE-HEIGHT: 20px; PADDING-TOP: 5px; TEXT-DECORATION: none}
#subnavlist A#subcurrent:link {COLOR: #cc9933}
#subnavlist A#subcurrent:visited {COLOR: #cc9933}
#subnavlist A:hover {COLOR: #cc9933}
TABLE.moduletable {BORDER-RIGHT: #e0e0e0 1px solid; BORDER-TOP: #e0e0e0 1px solid; BACKGROUND: #f0f0f0; MARGIN-BOTTOM: 5px; 
					BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 100%; BORDER-BOTTOM: #e0e0e0 1px solid}
TABLE.moduletable TH {FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR: #336699; LETTER-SPACING: 1px; TEXT-ALIGN: center}
TABLE.moduletable TD {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px}
TABLE.moduletable A:link {COLOR: #333333; TEXT-DECORATION: none}
TABLE.moduletable A:visited {COLOR: #333333; TEXT-DECORATION: none}
TABLE.moduletable A:hover {COLOR: #333333; TEXT-DECORATION: underline}
.button 		 {BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #003366 1px solid; MARGIN: 2px; BORDER-LEFT: #003366 1px solid; COLOR: #ffffff; 
					BORDER-BOTTOM: #003366 1px solid; BACKGROUND-COLOR: #336699}

.sectiontableheader {FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #336699; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; LETTER-SPACING: 1px}
.sectiontableentry1 {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; PADDING-TOP: 2px}
.sectiontableentry2 {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #e0e0e0; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; PADDING-TOP: 2px}
.mainlevel 		 {FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif}
.sublevel 		 {FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif}
UL#mainlevel-nav {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
UL#mainlevel-nav LI {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: right; MARGIN: 0px; BORDER-LEFT: #666 1px solid; 
					LINE-HEIGHT: 18px; WHITE-SPACE: nowrap}
UL#mainlevel-nav LI A {PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; COLOR: #ccc; TEXT-DECORATION: none}
UL#mainlevel-nav LI A:hover {COLOR: #cc0000}
A:link 			{COLOR: #336699; TEXT-DECORATION: none}
A:visited 		{COLOR: #336699; TEXT-DECORATION: none}
A:hover 		{COLOR: #336699; TEXT-DECORATION: none}
A.category:link {FONT-WEIGHT: bold}
A.category:visited {FONT-WEIGHT: bold}
.small 			{FONT-SIZE: 10px; COLOR: #4a7822; FONT-FAMILY: Arial, Helvetica, sans-serif}
.smalldark 		{FONT-SIZE: 10px; COLOR: #224E79; FONT-FAMILY: Arial, Helvetica, sans-serif}
.dark 		{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana}

.createdate 	{FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height:10px; }
.modifydate 	{FONT-SIZE: 10px; COLOR: #b0b0b0; FONT-FAMILY: Arial, Helvetica, sans-serif}
.pathway 		{FONT-SIZE: 10px; COLOR: #4a7822; LETTER-SPACING: 1px}
A.pathway:link 	{LETTER-SPACING: 1px}
A.pathway:visited {LETTER-SPACING: 1px}
A.pathway:hover {LETTER-SPACING: 1px}
.contentpane 	{PADDING-RIGHT: 4px; PADDING-LEFT: 4px; TEXT-ALIGN: justify}
.contentpaneopen{PADDING-RIGHT: 4px; PADDING-LEFT: 4px; TEXT-ALIGN: justify}
.contentheading {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #224E79; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif}
.componentheading {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #224E79; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif}
TABLE.contenttoc {BORDER-RIGHT: #e0e0e0 3px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0 3px solid; PADDING-LEFT: 2px; 
				PADDING-BOTTOM: 2px; MARGIN: 0px 0px 5px 5px; BORDER-LEFT: #e0e0e0 3px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 3px solid}
TABLE.contenttoc TH {FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #e0e0e0; COLOR: #4a7822; BORDER-BOTTOM: #79c437 1px solid; LETTER-SPACING: 1px; TEXT-ALIGN: center}
.pagenavcounter {FONT-WEIGHT: bold}
span.red 			{FONT-FAMILY: Verdana;COLOR: #ff0000;FONT-WEIGHT: bold}
span.orange			{FONT-FAMILY: Verdana;COLOR: #FF9900;FONT-WEIGHT: bold}
span.blue			{FONT-FAMILY: Verdana;COLOR: #6699FF;FONT-WEIGHT: bold}

				
A.whatmenu:link {
	FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #5c5c5c; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.whatmenu:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #5c5c5c; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.whatmenu:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #224E79; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.midmenu:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.midmenu:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.midmenu:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffc0; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.footerreport {
	FONT-WEIGHT: normal; FONT-SIZE: 7px; COLOR: #224E79; FONT-FAMILY: Verdana ; line-height:23px;  TEXT-DECORATION: none
}
.bg3 {
	background-color: #f8f8f8;
	font-family: Arial, Trebuchet MS, Trebuchet, Geneva, Helvetica, Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #111111;
	text-decoration: none;

}
tr.bg3:hover {background-color: #FEFFCF;
	color: #fff;}
.bg2 {
	background-color: #f1f1f1;
	font-family: Arial, Trebuchet MS, Trebuchet, Geneva, Helvetica, Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #111111;
	text-decoration: none;

}
tr.bg2:hover {background-color: #FEFFCF;
	color: #fff;}

.tdlinkmenu{
	height:20px;
	background-color:#CCCCCC;
}
.linkmenu{
	FONT-SIZE: 9pt; 
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial; 
	width:100%; 
	vertical-align:middle; 
}
.linkmenu:link 	{COLOR:#ffffff; TEXT-DECORATION: none}
.linkmenu:active {COLOR:#ffffff; TEXT-DECORATION: none}
.linkmenu:visited{COLOR:#ffffff; TEXT-DECORATION: none}
.linkmenu:hover {COLOR:#ffcc66;TEXT-DECORATION: none}

.options{
	BORDER-RIGHT: #333333 1px solid; 
	BORDER-TOP: #333333 1px solid; 
	BORDER-LEFT: #333333 1px solid; 
	BORDER-BOTTOM: #333333 1px solid; 
	BACKGROUND-COLOR: #444444;
}

.whitetext{
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	FONT-FAMILY: verdana
}
.maintable2{
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	BACKGROUND: #f0f0f0; 
	MARGIN-BOTTOM: 5px;
	BORDER-LEFT: #e0e0e0 1px solid; 
	WIDTH: 100%;
	BORDER-BOTTOM: #e0e0e0 1px solid;	
}
.maintable{
	MARGIN-BOTTOM: 5px;
	WIDTH: 100%;
}

.datenewsfrontpage1{
	FONT-SIZE: 51px; 
	COLOR: #ffffff; 
	FONT-WEIGHT: bold;
	FONT-FAMILY: garamond;
	line-height:41px;
}
.datenewsfrontpage2{
	FONT-SIZE: 51px; 
	COLOR: #cccccc; 
	FONT-WEIGHT: bold;
	FONT-FAMILY: garamond;
	line-height:41px;
}

.datenewsfrontpage3{
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: bold;
	FONT-FAMILY: Georgia; 
	width:100%; 
	COLOR: #ffffff; 
}
.textnewsfrontpage{
	FONT-SIZE: 8pt; 
	COLOR: #224E79; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: verdana;
}
.titlenewsfrontpage{
	font-style: italic;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0066CC;
	font-weight: bold;
}
.titlenewsfrontpage:link 	{COLOR:#0066CC; TEXT-DECORATION: none}
.titlenewsfrontpage:active {COLOR:#0066CC; TEXT-DECORATION: none}
.titlenewsfrontpage:visited{COLOR:#0066CC; TEXT-DECORATION: none}
.titlenewsfrontpage:hover {COLOR:#ffcc66;TEXT-DECORATION: none}

.bgheadernewsfrontpage{
	background-image:url(../../images/gradient.gif); 
	background-repeat:repeat-y; 
	background-color:#333333; 
}
#log {
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	padding: 0.3em;
	margin-top: 10px;
}
 
#start a { 
	font-weight: bold;
}

.chartTextColorWhite	{COLOR: #ffffff;}


.rollover a {
display:inline;
width: 60px;
padding:2px 0px 2px 14px;
font: bold 11px sans-serif;
color:#ffffff;
background-image: url(../../images/rollover-image2.png);
text-decoration: none;
}
.rollover a:hover { 

background-image: url(../../images/rollover-image.png);
color: #f2f2f2;
}
.rollover a:active {

background-image: url(../../images/rollover-image.png);
color:#fff;
}




#tabs {
	line-height: normal;
	margin: 0px 0 -1px 7px;
	min-width: 570px;
}

#tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #b04813;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	
}

div#tabs a,
div#tabs li.active li a {
	color: #eee;
	border-left: 1px solid #eaeaea;
}

#tabs a {
	float: left;
	background: none no-repeat 0% -35px;
	margin: 1px 1px 0 0;
	padding: 0 0 0 0px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

#tabs a span {
	float: left;
	display: block;
	background: none no-repeat 100% -35px;
	padding: 6px 10px 6px 5px;
	color: #828282;
	white-space: nowrap;
}

#tabs a:hover span {
	color: #bcbcbc;
}

#tabs .activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #ebebeb;
}

#tabs .activetab a span {
	background-position: 100% 0;
	padding-bottom: 7px;
	color: #333333;
}

#tabs a:hover {
	background-position: 0 -70px;
}

#tabs a:hover span {
	background-position:100% -70px;
}

#tabs .activetab a:hover {
	background-position: 0 0;
}

#tabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
	background-color:#DD361F;
}

#tabs a span {
	color: #ffffff;
}

#tabs a:hover span {
	color: #eaeaea;
	background-color:#1E3D5C;
}

#tabs .activetab a {
	border-bottom-color: #CADCEB;
	
}

#tabs .activetab a span {
	color: #333333;
	
}

#tabs .activetab a:hover span {
	color: #000000;
}
#tabs a#semasa:link {background-color: #1E3D5C; COLOR: #224E79}
#tabs a#semasa:visited {background-color: #1E3D5C; COLOR: #224E79;}


/*
tabsVertical
*/

#tabsVertical {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 98%; 
	PADDING-TOP: 0px;
}

#tabsVertical ul {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}

#tabsVertical li {
	
	font-weight:bolder;
	font-size:13px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:0px;
	PADDING-RIGHT: 0px; 
	DISPLAY: inline; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;
	border-bottom: 0px solid #ebebeb;
	PADDING-TOP: 0px
	
}

#tabsVertical a {
	float: left;
	display:block;
	background: none no-repeat 160px -30px;
	margin: 0 0px 1px 0;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	cursor: pointer;
}
#tabsVertical ul li a span {
	font-family:Arial, Helvetica, sans-serif;
	size:10px;
}

#tabsVertical a span {
	float: left;
	background: none no-repeat 160px -30px;
	padding: 2px 2px 2px 2px;
	color: #828282;
	white-space: nowrap;
	font-family:Arial, Helvetica, sans-serif;
	size:10px;
}

#tabsVertical a:hover span {
	color: #bcbcbc;
}

#tabsVertical .activetab a {
	background-position: 0 0;
	border-bottom: 0px solid #ebebeb;
}

#tabsVertical .activetab a span {
	background-position: 160px 0;
	padding-bottom: 7px;
	color: #333333;
}

#tabsVertical a:hover {
	background-position: 0 -70px;
}

#tabsVertical a:hover span {
	background-position:160px -70px;
}

#tabsVertical .activetab a:hover {
	background-position: 0 0;
}

#tabsVertical .activetab a:hover span {
	color: #000000;
	background-position: 160px 0;
}

/* CP tabbed menu
----------------------------------------*/
#tabsVertical a {
	width:160px;
	overflow:hidden;
}

#tabsVertical a span {
	color: #333333;
	width:160px;
	z-index:auto;
}

#tabsVertical a:hover span {
	color: #eaeaea;
	background-color:#1E3D5C;
	width:193px;
}

#tabsVertical .activetab a {
	border-bottom-color: #CADCEB;
	color: #eaeaea;
	
}

#tabsVertical .activetab a span {
	color: #333333;
	
}

#tabsVertical .activetab a:hover span {
	color: #000000;
}
#tabsVertical a#semasa:link {background-color: #e4e4e4; COLOR: #224E79}
#tabsVertical a#semasa:visited {background-color: #e4e4e4; COLOR: #224E79;}


/*

*/

DL {
	FONT-SIZE: 1em; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
DT {
	FLOAT: left; PADDING-RIGHT: 10px;WIDTH: auto;  width:200px; BORDER-RIGHT: #cccccc 1px solid ; 
}
DT:hover {
	FLOAT: left; WIDTH: auto;  width:200px; BORDER-RIGHT: #4a5a73 1px solid ; 
}
.rtl DT {
	FLOAT: right
}
DD {
	COLOR: #666666
}
DD + DD {
	PADDING-TOP: 5px
}
DT SPAN {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
}
.rtl DT SPAN {
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
DT .explain {
	FONT-STYLE: italic
}

label {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
	COLOR: #333333; 
	CURSOR: pointer; 
}
label:hover {
	COLOR: #4a5a73; 
}

.hoverTR{
	COLOR: #ffffff; 
}
.tablecontent tr:hover {
	background-color:#ffffff
}

td.label {
	BORDER-RIGHT: #cccccc 5px solid ;
	padding-right:5px;
	width:200px;
	text-align:right;
}
td.label:hover {
	BORDER-RIGHT: blue 5px solid ;

}
td.inputtd {
	width:50%;  
}

.labeldesc{
	FONT-SIZE: 10px; 
	COLOR: #224E79; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: arial;
	line-height: 9px;
}


.underline{
	text-decoration:underline;
}
.asholder
	{
		position: relative;
	}

/* CUSTOMIZE AUTOSUGGEST STYLE	*/
.suggestionsBox {
    left: 40px;
   
}
.suggestionsBoxImage {
	background-image: url(../../images/upArrow.png);
	position:absolute;
	margin-left:30px;

}

.suggestionList {
	background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
	position:absolute;
	float: left;
	margin: 10px 0px 0px 0px; width: 230px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: #659CD8;
}

#tooltip.pretty {
	font-family: verdana;
	border: 1px solid #111;
	width: 210px;
	padding:5px;
	opacity: 0.8;
	background-color: #eee;
	
}
#tooltip.pretty h3 {
	font-size: 12px;
	width: 210px;
	text-align: center;
}

.searchIndiAnywhere {width: 170px;border: 0;padding: 4px 0 4px 4px;float: left;}

#wrapperjquery {
	margin: 0 auto;
	padding: 10px;
	border: 5px solid #eee;
	}

a:focus {
	outline: none;
	}

/* BASIC STYLES */

.btn-slide {
	margin: 0;
	padding: 10px;
	background: #eee;
	text-align: center;
	display: block;
	color: red;
	font-weight: bold;
}

.btn-slide:hover, .active {
	background: #eee;
	color: green;
	text-decoration: none;
	}
	
.selected a {
	color: green;
	}





table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 187px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../../images/calendaricon.png) no-repeat;
}
a.dp-choose-date img {
	vertical-align: middle;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 100px;
	float: left;
}

.password {
}
.pstrength-minchar {
font-size : 10px;
}

#senarai{
}
#senarai ul, ol { 
   margin:auto 0em 1em 0; 
   padding:0; 
   position:relative; 
   left:0em;
   overflow:hidden;
}
 
#senarai li { 
   margin-top:0.25em;
   margin-bottom:0.25em; 
}
 
#senarai ul ul, ul ol, 
ol ol, ol ul { 
   margin-left:1em; 
   padding-left:0; 
}
 
#senarai ul li, ol li { 
   margin-left:5em; 
}
 
#senarai li li { 
   margin-left:1em; 
}



#tabs2 {
	line-height: normal;
	margin: 15px 0 -1px 7px;
}

#tabs2 ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#tabs2 li {
	display: block;
	
}



/* September 2007 */ 
/*------------------------------------------*/ 

/* GLOBAL */ 
/* -------------------------------------- */ 

.new ul 
{ 
color:#666666; 
display:block; 
} 
.new ul li { 
color: #666666; 
} 

/*------------------------------------------*/ 

/* navigation STYLES */ 
/* -------------------------------------- */ 

.new li { 
float: left; 
position: relative; 
text-align: left; 
cursor: default; 
background-color: white; 

} 

.new li ul { 
background-color: #ffffff; 
display: none; 
position: absolute; 
top: 100%; 
left: 0; 
line-height:15px; 
font-weight: normal; 
font-size:11px; 
padding: 3px; 
border: solid 1px #cccccc; 
} 

.new li>ul { 
top: auto; 
left: auto; 
} 

.new li li { 
display: block; 
float: none; 
background-color: #640C07; 
border: 0; 
} 

.new li li a:link,
.new li li a:visited,
.new li li a:hover,
.new li.active li a:link,
.new li.active li a:visited,
.new li.active li a:hover {
background: #333333;
}
.new li li:hover,
.new li li.sfHover,
.new li:hover li:hover,
.new li.sfHover li.sfHover,
.new li.active li.active {
	background-color: #A62819;
}
.new li:hover ul, li.over ul { 
display: block;
width:250px;
color: #fff;
	background: #640C07;
} 

.left_Active {
	background-image : url('../../images/nCurrentTab_left.gif');
	width:9px;
	height:19px;
}

.middle_Active {
	background-image : url('../../images/nCurrentTab_middle.gif');
	height:19px;
	font-size: 11px;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	color: #000000;
}

.right_Active {
	background-image : url('../../images/nCurrentTab_right.gif');
	width:9px;
	height:19px;
}

.left_Inactive {
	background-image : url('../../images/otherTab_left.png');
	width:9px;
	height:19px;
}

.middle_Inactive {
	background-image : url('../../images/otherTab_middle.png');
	height:19px;
	font-size: 11px;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	color: #000000;
}

.middle_Inactive_tocome {
	background-image : url('../../images/otherTab_middle.png');
	height:19px;
	font-size: 11px;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	color: #999999;
}

.right_Inactive {
	background-image : url('../../images/otherTab_right.png');
	width:9px;
	height:19px;
}

#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }
fieldset { 
	padding: 8px; 
	BORDER-RIGHT: #cccccc 4px solid; 
	BORDER-TOP: #eaeaea 3px solid; 
	BORDER-LEFT: #cccccc 4px solid; 
	BORDER-BOTTOM: #eaeaea 3px solid; 
}
legend { font-weight: bold; }

pre { margin-bottom: 1em; }
    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
	width: 260px;
	font-family: verdana;
	border: 1px solid black;
}
.basic div {
	background-color: #eee;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("AccordionTab0.gif");
}
.basic a:hover {
	background-color: white;
	background-image: url("AccordionTab2.gif");
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("AccordionTab2.gif");
}

#list2 {
	height: 178px;
	border: 1px solid #eee;
	overflow: hidden;
}
#list2 .red {
	color: red;
	background-color: red;
}
#list2 .green {
	color: green;
	background-color: green;
}
#list2 .blue {
	color: blue;
	background-color: blue;
}
#list2 dd { height: 130px; overflow: hidden; }

#list3 { border: 1px solid #111; }
#list3 div.selected .title { font-weight: bold; }
#list3 div div {
	border-left:8px solid #6699CC;
	padding: 5px;
}
#list3 div.title {
	border: 1px solid #3366AA;
	background-color: #6699CC;
	padding: 10px;
	cursor: pointer;
}
#list3 div.selected {
	border-bottom: none;
}

#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:200px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {
	background-image: url(expanded.gif);
}
#navigation a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}

#wizard {
	width: 200px;
	border: 1px solid black;
}
#wizard .title {
	background-color:#DDDDDD;
}

@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}

div#container {  }
ul.tabNav { float: left; list-style: none; width: 100%; }
ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0; }
ul.tabNav li.current { padding-top: 0; }
ul.tabNav a { background: #ececec; border: 1px solid #dedede; border-width: 1px 1px 0; color: #333; display: block; padding: 4px 4px 5px 4px; text-decoration: none; }
ul.tabNav li.current a { background: #dedede; border: none; padding: 8px; }
div.tabContainer { clear: both; float: left; width: 100%; }
div.tabContainer div.tab { border: 1px solid #dedede; color: #000; display: none; padding: 10px; }
div.tabContainer div.current { display: block; }
div.tab p:last-child { margin-bottom: 0; }




.left_Active {
	background-image : url('../../images/nCurrentTab_left.gif');
	width:9px;
	height:19px;
}

.middle_Active {
	background-image : url('../../images/nCurrentTab_middle.gif');
	height:19px;
	font-size: 11px;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	color: #000000;
}

.right_Active {
	background-image : url('../../images/nCurrentTab_right.gif');
	width:9px;
	height:19px;
}

.left_Inactive {
	background-image : url('../../images/otherTab_left.png');
	width:9px;
	height:19px;
}

.middle_Inactive {
	background-image : url('../../images/otherTab_middle.png');
	height:19px;
	font-size: 11px;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	color: #000000;
}

.middle_Inactive_tocome {
	background-image : url('../../images/otherTab_middle.png');
	height:19px;
	font-size: 11px;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	color: #999999;
}


.right_Inactive {
	background-image : url('../../images/otherTab_right.png');
	width:9px;
	height:19px;
}

.paging { padding:10px 0px 0px 0px; text-align:center; font-size:13px;}
.paging.display{text-align:right;}
.paging a, .paging span {padding:2px 8px 2px 8px;}
.paging span {font-weight:bold; color:#000; font-size:13px; }
.paging a {color:#000; text-decoration:none; border:1px solid #dddddd;}
.paging a:hover { text-decoration:none; background-color:#6C6C6C; color:#fff; border-color:#000;}
.paging span.prn { font-size:13px; font-weight:normal; color:#aaa; }
.paging a.prn { border:2px solid #dddddd;}
.paging a.prn:hover { border-color:#000;}
.paging p#total_count{color:#aaa; font-size:12px; padding-top:8px; padding-left:18px;}
.paging p#total_display{color:#aaa; font-size:12px; padding-top:10px;}


/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(../../images/transparent.png); 
    color:#efefef; 
    height:450px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    height:441px; 
    overflow-y:auto; 
}