th/*******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0px;
	padding: 0px;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #663333; 
	background: #99FFCC;
        background-image: url(../images/bg_page.jpg);
	/*background: #ececec url(../images/bg2.gif) repeat-y center;*/
	background: #99FFCC url(../images/bg_page.gif) repeat-y center;
}

/* links */
a { 
	color: #8C2F10;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #000000;
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}
h1 { font-size: 1.2em; color: #663300; } 
h2 { font-size: 1.2em; text-transform:uppercase;}
h3 { font-size: 1.2em; }
h4 { font-size: 1.2em; color: #663300; } 


ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #336600;
}
ul span, ol span {
	color: #666666; 
}

/* images */
img {
	border: 0px solid #CCC;
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 5px;   /*top right bottom left*/ 
}
img.float-left {
  margin: 5px 5px 5px 0px;   /*top right bottom left*/ 
}


code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #336600; 
}
acronym {
  /*cursor: help;*/
  border-bottom: 1px solid #777;
}

blockquote {
        margin: 5px 0 5px 0;
 	padding: 0 0 0 40px;  /*top right bottom left*/ 
        border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;    
}

/* form elements */
form1 {
	margin:10px; padding: 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	font: normal 1em Tahoma, sans-serif;
	border: 1px solid #A33E1C;
	background: #FFFFFF; 
	color: #692A15;	

}
select {
	padding: 2px;
	border:1px solid #A33E1C;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	/*width:300px;*/
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #A33E1C;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	padding: 2px 3px; 
	border: 1px solid #A33E1C;
	background: #FFEAAC; 
	color: #692A15;	
}
input.radio { 
	background: #FEF1CC;
	padding-right: 4px; 
}

/* search form */
form.searchform {
	background: transparent;
	color:FFFFFF;
	border: none;
	margin: 0; padding-top: 3px;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #FFFFFF; 
	background: #FEE9AF;
	color: #333; 
	height: 14px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 1px 2px; 
	font: bold 11px Arial, Sans-serif; 
	background: #A23814;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;	
	width: 60px;
	vertical-align: top;
}

/***********************
	  LAYOUT
************************/
#wrap {
	width: 887px;
	margin: auto;	
	background-image: url('../images/wrap_bg.gif');
	background-repeat:repeat-y;
	height:auto;
	
}
#content-wrap {
	clear: both;
	margin: auto;
	margin: 0px; padding: 0px;
	}

/* header */
#header {
	position: relative;
	height: 0;	
	background: #000 url(../images/headerbg.gif) repeat-x 0% 100%;	
}
#header h1#logo {
	position: absolute;
	margin: 5px 160px; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	/*text-transform: lowercase;*/
	top: 0; left: 5px;	
	color: #ffffff;
}
#header h2#slogan {
	position: absolute;	 
	top:40px; left: 158px;
	color: #ffffff;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: 0px;	
}

/* main */
#main {
	float: left;
    margin-left: 1px;
	padding: 0px;
	width: 490px;
}

#main2 {
	float: left;
	margin-left: 4px;
	width: 72%;	
}

#main p, h1, h2, h3 ,h4{
	margin: 5px 0 5px 0;  /*top right bottom left*/
	font-family:Tahoma, Helvetica, sans-serif;	 
	color:#663300;
}

.post-footer {
	/*background-color: #FAFAFA;*/
	background-color: #FAF4D0;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px; 
	margin: 20px 0px 0px 0px; /*top right bottom left*/ 
	border: 1px solid #E6DEB3;
	font-size: 95%;	
}
.post-footer .date {
	background: url(../images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 6px 0 5px;
}
.post-footer .comments {
	background: url(../images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 6px 0 5px;
}
.post-footer .readmore {
	background: url(../images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 6px 0 5px;
}

/* sidebar */
#sidebar {
	float: left;
	width:197px;
	margin: 0;	
	padding-left: 10px;
	display: inline;		
}

#sidebar p, h1, h2, h3 {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#663300;
	background : url(../images/ic_side.gif) no-repeat 160px 8px;
}

#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:4px solid #9EC630;
}

/* rightbar */
#rightbar {
	float: right;
	width: 182px;
	padding: 0; margin:0;	
	display: inline;
	padding-right:7px;		
}

#rightbar p, h1, h2, h3 {
	margin: 5px 10px;
}

.bg {
	background-color: #387C44;
	padding: 5px; 
	border: 1px solid #336600;
}

.box {	
	background: #FFFFFF url(../images/box.gif) repeat-x;
	border: 1px solid #336600;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;	
    padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FEF1CC;

}

.box ul {
	margin:0px;	
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
.box a {
	color:#5D1D08;
	background-color: inherit;
	text-decoration:none;
	display:block;	
}

.box a:hover{
	color: #000000;
	text-decoration:underline;
}
.box li {
	height: 18px;
	padding:4px 0px 7px 14px;  /*top right bottom left*/ 
	background-image:url(../images/bg_li_side.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
.submenu {
	background-color: #FFFFFF;
	border: 1px solid #99cc00;
	font-size: 100%;	
                padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	display: none;
}

.submenu ul {
	margin:0px;	
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
.submenu a {
	color:#66cc66;
	background-color: inherit;
	text-decoration:none;	
}

.submenu a:hover{
	color: #9EC068;
	background-color: inherit;
}
.submenu li {
	padding:0px 0px 2px 10px;  /*top right bottom left*/ 
	background-image:url(../images/1.gif);
	background-position:left;
	background-repeat:no-repeat;
}


.border {
	background-color: #FFFFFF;
	border: 1px solid #BC9956;
	padding: 5px;
    margin: 5px 0 5px 0;
}

.news {
	background-color: #FFFFFF;
	font-family:Verdana, Helvetica, sans-serif;
	border: 1px solid #BC9956;
	color:#000000;
	font-size: 11px;	
    padding: 5px;
}

/* New Style from Dadan Sutisna - Top Menu */

#header_menu { 
width : 887px;
margin-top: -9px;
height : 37px;
padding-left:0px;
float: left;
}
#navcontainer { 
margin-left : 1px;
height: 35px;
margin-right: 1px;
text-align:center;
background : url("../images/topmenu_bg.gif") repeat-x;
} 
#navcontainer UL { 
list-style : none;
margin : 0;
padding-left : 5px;
border : none;
} 
#navcontainer LI { 
display : block;
margin-left : 0;
padding : 0;
float : left;
text-align: center;
background : url(../images/ic_topmenu.gif) no-repeat 4px 13px;
} 
#navcontainer A { 
color : #FFFFFF;
font-family: Tahoma, Arial, sans-serif;
display : block;
font-size: 11px;
width : auto;
font-weight: bold;
text-decoration: none;
padding : 8px 15px 9px 18px;;
} 
#navcontainer A:hover, #navcontainer A:active { 
background : url(../images/topmenu-a_bg.gif);
background-repeat: repeat-x;
color : #5D1E08;

} 
#navcontainer A.active:link, #navcontainer A.active:visited { 
position : relative;
z-index : 102;
background : #FFFFFF;
font-weight : bold;
} 
/* End New Style from Dadan Sutinsa */

/* middle */
#tengah { 
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px;
	width: 100%;
	padding-left: 0px;
	font-size: 95%;	
	margin: 0px 0 0 0;
}

#tengah ul {
	margin:0px;	
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
#tengah a {
	color:#692A15;
	background-color: inherit;
	text-decoration:none;	
}

#tengah a:hover{
	color: #000000;
	background-color: inherit;
	text-decoration:underline;
}
#tengah li {
	padding:0px 0px 2px 10px;  /*top right bottom left*/
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/ic_side.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#tengah .tengah-left{
	float: left;
	width: 100%;
	padding-left:5px;
}

#tengah .tengah-center-a{
	float: left;
	width: 100%;
	padding-left:0px;
}

#tengah .tengah-center-b{
	float: left;
	width: 100%;
	padding-left:0px;
}

#tengah .tengah-right{
	float: left;
	width: 100%;
	padding-left:6px;
}


/* Footer */
#footer { 
	clear: both;
	color: #FFF; 
	background : url("../images/menu.png") no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	background-position: bottom;
	padding-top: 0px;
	width: 887px; 
	height: 52px;	  
	margin: 0px 0px 0px 0px;
	text-align:center;

}
/*#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 62%;
	padding-left:4px;
}

#footer .footer-right{
	float: right;
	width: 32%;
	padding-right:4px;
}
*/


/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0 -1px 0 0; /*top right bottom left*/ 
   padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(../images/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(../images/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.align-justify {	text-align: justify; }
.align-center {	text-align: center; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }

.error{
    font-size: 1em; 
    color: red;
    text-align: center;
    width: 100%;
/*  margin: 5px 25px 5px 25px; */ /*top right bottom left*/ 
}

.sukses{
    font-size: 1em; 
    color: #6297BC;
    text-align: center;
    width: 100%;
 /*   margin: 5px 25px 5px 25px;*/  /*top right bottom left*/ 
}

.tabel_header {
border: 1px solid #f2f2f2;padding: 8px;background-color: #f2f2f2;	
}

#form{
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: left;
}

#form .textbox {
    width: 160px;
    border-left : 1px solid #66CC66; 
    border-right : 1px solid #66CC66; 
    border-top : 1px solid #66CC66; 
    border-bottom : 1px solid #66CC66; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

#form .textcode{
    width: 70px;
    border-left : 1px solid #66CC66; 
    border-right : 1px solid #66CC66; 
    border-top : 1px solid #66CC66; 
    border-bottom : 1px solid #66CC66; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

#form .textcom {
    border-left : 1px solid #66CC66; 
    border-right : 1px solid #66CC66; 
    border-top : 1px solid #66CC66; 
    border-bottom : 1px solid #66CC66; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

#form .cselect {
    
    background-color : #fff; 
    font-size : 11px; 
    font-weight: normal;
    color : #000; 
    font-family : Verdana, arial, helvetica, sans-serif; 
    text-decoration : none; 
}

#form label {
    float: left;
    padding: 0 1em;
    text-align: right;
}

#form .submit{
    padding: 10px 0 0 0; /*top right bottom left*/ 
}

#form .button {
    color : #fff; 
    font-family : verdana, arial, helvetica, sans-serif; 
    font-size : 8pt; 
    font-weight : bold; 
    background-color : #336600; 
    border : 1px solid #dadada; 
    cursor : pointer; 
}
/*menu*/
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 90%; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
/*background: url("../images/glossyback.gif") repeat-x bottom left;*/
background-color: #FEF1CC;
color:#666666;
margin-left: 10px;
}
	
.suckerdiv ul li{
position: relative;
height:25px;

}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
height:25px;
margin-left: 0px;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #ffffff;
text-decoration: none;
background: #FEF1CC;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
height:25px;

}
.suckerdiv ul li a b{
color: #666666;
}
.suckerdiv ul li a:visited{
color: black;
height:25px;
}

.suckerdiv ul li a:hover{
/*background-color: #006600;*/
background: url(../images/glossyback.gif) repeat-x bottom left;
height:25px;
color: #ffffff;
background: #336600;
}

.suckerdiv .subfolderstyle{
background: url(../images/arrow-list.gif) no-repeat center right;
height:25px;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

#menuCellHeader{
	border: 1px solid #336600;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;	
    padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #EAEDBF;
	font-weight:bold;
	background: url(../images/topmenu_bg.gif)  center right;

}
/***********************
Tambahan
************************/
/*/ Ini punyanya Agenda /*/

.topdays {
	background-color: #eaffff; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #000000; 
}
tr.topdays {
	background-color: #009900; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #ffffff; 
}

.toprightnumber {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px; font-weight: bold;
}
.currentdate {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}
td.beforedayboxes {
	background-color: #ffffff; color: #000000;
}
td.dayboxes {
	background-color: #ffffff; color: #000000;
}
td.afterdayboxes {
	background-color: #ffffff; color: #000000;
}
td.highlighteddayboxes {
	background-color: #33CCFF; color: #000000;
}
td.eventdayboxes {
	background-color: #E0E0E0; color: #000000;
}
.event {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#000099;
}
.eventdetail {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}
.eventwhen {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;
}
.addevent {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.addeventextrainfo {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;
}
/********/
.table4 
{
        BORDER-RIGHT: #336600 1px solid;
        BORDER-LEFT: #336600 1px solid;
        BORDER-TOP: #336600 1px solid;
        BORDER-BOTTOM: #336600 1px solid;

}
th
{
color: #ffffff;
        height: 25px;	
        font-size: 11px;	
        font-weight: bold;	
        font-family: Verdana, Helvetica;	
        text-decoration: none;	
        background-color: #387C44;	
        background-image: url(../images/topmenu_bg.gif);	
        border: 0px #387C44 solid;
		border-bottom: 0px solid #336600;
		border-top: 0px solid #336600;
		border-right: 0px solid #336600;
		border-left: 0px solid #336600;
}
.judul
{
        font-family: Verdana, Helvetica;
        font-size: 15px; 
        color: #006600;
        font-weight: bold;
}
.judul2
{
        font-family: Verdana, Helvetica;
        font-size: 15px; 
        color: #ffffff;
        font-weight: bold;
}
.middle
{
        padding-left:3; 
        padding-right:3; 
        padding-top:0; 
        padding-bottom:3;
}
.bodyline
{
        background-color: #FFFFFF;
        border: 1px #006600 solid;
}
.bgcolor1
{
         background-color: #FFFFFF;

}
.bgcolor2
{
         background-color: #FAFAFA;
}
.bgcolor3
{
         background-color: #ccffff;
}
.bgcolor4
{
         background-color: #006600;
}
.title
{
        background: none; 
        color: #2666B9; 
        font-size: 20px; 
        font-weight: bold; 
        font-family: MagistralC, Verdana, Helvetica; 
        text-decoration: none;	
}
.konten
{
        font-family : Tahoma, Verdana;
        font-size : 10pt;
        font-weight : normal;
        text-align : justify;
		background-repeat: repeat-x;
}
/*acordion*/
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 12px Verdana;
margin: 0px 0;

}
.thelanguage{
text-align:justify;
margin: 5px;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: blue;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: green;
}