/* CSS Document */

body {
	background-color:#E0E0E0;/*#000066;/*#CCCCFF;*/
	color:#303030;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font:Arial, Helvetica, sans-serif, italic;
}

a {
	color:#FF3300;
	text-decoration:none;
}

a:hover {
	color:#3333FF;
	text-decoration:underline;
}

.title {
	background-color:#6699FF;
	padding:3px;
	font-weight:bold;
	font-size:14px;
	color:#000000;
}

h2 { /*judul tiap page*/
font-size:18px;
color:darkblue;
font-weight:bold;
vertical-align:middle;
padding:0px;
margin:0px;
}

h3 {
  font-size:10px;
  color:#000099;
  font-weight:normal;
}

h4 {
color:#0000CC;
font-size:11px;
}

h5 { /*content*/
color:#333333;/*:#000099;*/
font-weight:normal;
}


h6 { /*content*/
font-size:9px;
font-weight:normal;
}


#header {
	display:block;
	top:auto;
	padding:10px;
	width:780px;
	height:50px;
	background-color:#FFFFFF;
}

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
/* GLOSSY MENU */

.glossymenu{
margin: 0px 0;
padding: 0;
/*width: 170px; /*width of menu*/
width: 154px; 
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background:#999999 url(../images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Helvetica, Verdana, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 5px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
/*top: 5px;*/
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
color: #3366FF;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;

}
/***********************************************
* Pausing up-down scroller- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
/* PAUSED SCROLLER */
#pscrollers{
width: 200px;
height: 100px;
border: 1px solid #666666;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 144px;
height: 150px;
/*border: 1px solid #666666;*/
padding: 2px;
padding-left: 10px;
margin-top: 1px;
text-align:left;
}

/*#pscroller2 a{
color:#993333;/*:#0099CC;/*:#FF6600;/*:#0099FF;
text-decoration:none;
}*/

.someclass{ //class to apply to your scroller(s) if desired
}

/*treemenu*/
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(../images/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(../images/closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.style21 {
	color: #FFFFFF;
	font-size: 12px;
}

.style22 {
  color: #FFFFFF;
  vertical-align:middle;
  height:10px;
  
  }


textarea { 
font-family:Verdana, Arial, sans-serif;
font-size:12px;
}
.style10 {
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:darkblue;
font-weight:bold;
vertical-align:middle;
padding:0px;
margin:0px;
}
.style2 {
color:darkblue;
	font-size: 16px;
	font-weight: bold;
}