.visual 
	{
	SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #ffffff;SCROLLBAR-FACE-COLOR: #E8E8E8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff;
	}
	
.body 
	{
	FONT-SIZE: 13px;
	FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";	
	background-image: url(../images/bg.gif);
	}
	
.repeatX
	{
	FONT-SIZE: 13px;	
	background-repeat: repeat-x;
	}	
	
.repeatY
	{
	FONT-SIZE: 13px;
	background-image: url(../images/form_grey_left.gif);
	background-repeat: repeat-y;
	}
	
.repeatY2
	{
	FONT-SIZE: 13px;
	background-image: url(../images/form_grey_right.gif);
	background-repeat: repeat-y;
	}			

.tombol 
	{
	BACKGROUND-COLOR: #2665b9;
	BORDER-BOTTOM: 1px solid #2665b9;
	BORDER-LEFT: 1px solid #2665b9;
	BORDER-RIGHT: 1px solid #CCCCCC;
	BORDER-TOP: 1px solid #CCCCCC;
	COLOR: #FFFFFF;
	FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	background-image: url(../images/bg_form1.gif);
	}

.input 
	{
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";
	FONT-SIZE: 13px;
	border: 1px solid #666666;
	text-transform: uppercase;
	background-image: url(../images/bg_form.gif);
	background-repeat: repeat-x;
	}
	
.inputKecil 
	{
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";
	FONT-SIZE: 13px;
	border: 1px solid #666666;
	background-image: url(../images/bg_form.gif);
	background-repeat: repeat-x;
	}
	
.inputKanan
	{
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";
	FONT-SIZE: 13px;
	font-weight: bold;
	background-color: #F6D6AB;
	text-align: right;
	border: 1px none #F6D6AB;
	}	

.Hover 
	{
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";
	}
A.Hover:visited 
	{
	COLOR: #ffffff;
	}
A.Hover:active 
	{
	COLOR: #ffffff;
	}
A.Hover:hover 
	{
	COLOR: #000000;TEXT-DECORATION:underline;
	}

.BuletinTitle 
	{
	FONT-SIZE: 13px;
	COLOR: #2665b9;
	FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";
	TEXT-DECORATION:none;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	}
A.BuletinTitle:visited 
	{
	COLOR: #2665b9;
	TEXT-DECORATION:none;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	}
A.BuletinTitle:active 
	{
	COLOR: #2665b9;
	TEXT-DECORATION:none;
	border-bottom-style: underlined;
	}
A.BuletinTitle:hover 
	{
	COLOR: #FFFFFF;
	TEXT-DECORATION:none;
	background-color: #2665b9;	
	}

.BuletinTitleBlack 
	{
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";
	TEXT-DECORATION:none;	
	}
A.BuletinTitleBlack:visited 
	{
	TEXT-DECORATION:none;	
	}
A.BuletinTitleBlack:active 
	{
	COLOR: #000000
	}
A.BuletinTitleBlack:hover 
	{
	COLOR: #FFFFFF;TEXT-DECORATION:none;
	background-color: #666666;
	}
	
.BuletinTitleFooter 
	{
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";
	TEXT-DECORATION:dashed;
	}
A.BuletinTitleFooter:visited 
	{
	COLOR: #FFFFFF;
	}
A.BuletinTitleFooter:active 
	{
	COLOR: #FFFFFF
	}
A.BuletinTitleFooter:hover 
	{
	COLOR: #4fc62a;TEXT-DECORATION:underline;
	background-color: #FFFFFF;
	}	

.topborder 
	{
	border: 1px solid #E67201;
	padding: 1px;
	margin: 1px;
	background-color: #F6D6AB;
	}

.Gambar 
	{
	FONT-SIZE: 13px;
	COLOR: #AEAEAE;
	FONT-FAMILY: "Trebuchet MS", Verdana, "MS Sans Serif";	
	}
A.Gambar:visited 
	{
	COLOR: #AEAEAE
	}
A.Gambar:active 
	{
	COLOR: #AEAEAE
	}
A.Gambar:hover 
	{
	COLOR: #FD7300;TEXT-DECORATION:underline;
	background-color: #FD7300;
	}

.topborderGanjil 
	{
	border: 1px solid #BABAB9;
	padding: 1px;
	margin: 1px;
	background-color: #FFF2EC;
	background-position: center;
	}
	
.topborderTABAktif
	{
	border: 1px solid #BABAB9;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	background-position: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	font-weight: bold;

	}
	
.topborderTAB 
	{
	border: 1px solid #BABAB9;
	padding: 0px;
	margin: 0px;
	background-color: #FFF2EC;
	background-position: center;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	}
	
.topborderTABBGx
	{
	border: 0px solid #BABAB9;
	padding: 0px;
	margin: 0px;
	background-color: #FFF2EC;
	background-position: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}		
	
.topborderGenap 
	{
	border: 1px solid #E2E2E2;
	padding: 1px;
	margin: 1px;
	}

.topborderNotifikasi 
	{
	border: 1px solid #BABAB9;
	padding: 1px;
	margin: 1px;
	background-color: #F3F3F3;
	}

#fadeinbox
	{
	position:absolute;
	width: 300px;
	left: 0;
	top: -400px;
	border: 2px solid black;
	background-color: lightyellow;
	padding: 4px;
	z-index: 100;
	visibility:hidden;
	}
	
.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}

.headers{
width: 520px;
font-size: 120%;
font-weight: bold;
border: 1px solid black;
background-color: lightyellow;
}

.switchcontent{
width: 520px;
border: 1px solid black;
border-top-width: 0;
}

.selectall{
padding: 3px 6px 4px 6px;
text-decoration: none;
font: bold 13px Verdana;
color: navy;
background-color: #FFFFAA;
border: 1px solid gray;
border-bottom-width: 0;
}

.selectall:hover{
border-color: black;
color: black;
background-color: #ffef97;
}	

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width: 515px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid #778;
}

.tabcontent{
display:none;
}

#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}
	
#foldheader{cursor:pointer;cursor:hand ; font-weight:bold ; TEXT-DECORATION:none ;
list-style-image:url(../images/icon_fold.gif)}
#foldheader:hover{cursor:pointer;cursor:hand ; font-weight:bold ; TEXT-DECORATION:underline ;
list-style-image:url(../images/icon_fold.gif)}
#foldinglist{list-style-image:url(../images/icon_list.gif)}	

#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid #4f4f4f;
font:normal 11px "Trebuchet MS", Verdana, "MS Sans Serif";
color: white;
line-height:18px;
z-index:100;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

.onlinechatboxdiv{
position: fixed; bottom: 0; z-index:200;padding:1px;background: #f1eded;border:1px solid #d7d4d4;
width: 99%;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
display:inline;float: left
}

.onlinechatboxtable{
font:normal 11px "Trebuchet MS", "Verdana", "MS Sans Serif"
}

#dhtmlfloatie{
position: absolute;
filter:alpha(opacity=0);
-moz-opacity:0;
border: 1px solid black;
padding: 1px;
z-index: 500;
background: #f1eded;
height: 200px
}

#listbutton{
border:1px solid #4B4B4B;
background-color:#F3F3F3;
font: normal 11px Arial;
text-align:center;
cursor:pointer;cursor:hand;
}

.expandhighlight, .expandhighlight a{
color:blue;
}