/*******************************************/ 
/********************************************

   HTML ELEMENTS

********************************************/ 
/* top elements */

* { padding: 0; margin: 0; }

body {
	margin: 10px 0 10px 0;
	padding: 0px;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	/*background: #ececec url(../images/bg.gif);*/
	background: #000000 url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: 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: #4284B0;
}

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 #4284B0; 
}

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: 25px;
	vertical-align: top;
}



/***********************
	  LAYOUT
************************/

#wrap {
	width: 990px;
	margin: auto;	
	/*background: #FFFFFF url(../images/titik.gif);*/
	background: #FFFFFF url(../images/btm_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	/*background-repeat:repeat-y;*/
	height:auto;
	border:1px solid #006699;
}

#content-wrap {
	clear: both;
	margin: auto;
	margin: 0px; padding: 0px;
	}

/* header */

#header {
	position: relative;
	height: 154px;	
	background: #fff url(../images/headerbg.gif) repeat-x 0% 100%;	
}

#header h1#logo {
	position: absolute;
	margin: 47px 220px; 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:75px; left: 220px;
	color: #ffffff;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}

#header form.searchform {
	position: absolute;
	top: 10px; right: 10px;	
}



/* main */

#main {
	float: left;
    margin-left: 5px;
	padding: 0px;
	width: 591px;
}

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



#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:190px;
	margin: 0;	
	padding-left: 3px;
	padding-right: 3px;
	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:0px 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: 190px;
	padding: 0; margin:0;	
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	margin:0 0px 0 0;
	
}



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



.bg {
	background-color: #EAEDBF;
	padding: 5px; 
	border: 1px solid #a9d029;
}



.box {	
	background: #FFFFFF;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;	
    padding: 5px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
}

.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:#4284B0;
	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 : 990px;
margin-top: 0px;
height : 37px;
padding-left:0px;
float: left;
}

#navcontainer { 
margin-left : 0px;
height: 37px;
margin-right: 0px;
text-align:center;
background : #99cc33 url("../images/topmenu_bg.gif") no-repeat;

} 

#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;
	background : url("../images/footer.gif") repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	background-position: bottom;
	padding-top: 0px;
	width: 990px; 
	height: 52px;	  
	margin: 0px 0px 0px 0px;
	text-align:center;
	color: #FFFFFF; 
}

/*#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 10px 0 0; /*top right bottom left*/ 
   padding: 0;
   list-style:none;
	right: 0; 
	bottom: 5px !important; bottom: 4px;
	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: #000000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#ffffff;
}
#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 #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 



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



#form .textcom {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    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 : #6898D0; 
    border : 5px solid #dadada; 
    cursor : pointer; 

}

/*menu*/

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
/*background: url("../images/glossyback.gif") repeat-x bottom left;*/
background-color: #ffffff;
color:#666666;
margin-left: 0px;
}

	

.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: #ffffff;
padding: 1px 5px;
border: 1px solid #003366;
border-bottom: 0;
height:25px;
}

.suckerdiv ul li a b{
color: #666666;
}
.suckerdiv ul li a b:hover{
color: #ffffff;

}
.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: #003366;
}



.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: 0px solid #a9d029;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;	
    padding-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #EAEDBF;
	font-weight:bold;
	background: url(../images/menu_top.gif) no-repeat  center center;
	text-align:center;
	height: 29px;
	color:#ffffff;
}
#menu_bottom{
	border: 0px solid #a9d029;
	font-family:Arial, Helvetica, sans-serif;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #EAEDBF;
	background: url(../images/menu_bottom.gif) no-repeat center center;
	height: 8px;
}
#menu_bottom_kosong{
	height: 5px;
}
/***********************
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;
}

/********/

.table_jln

{
		width: 582px;
	    
        BORDER-RIGHT: #006699 1px solid;
        BORDER-LEFT: #006699 1px solid;
        BORDER-TOP: #006699 1px solid;
        BORDER-BOTTOM: #006699 1px solid;
}

.table4 

{ 
        BORDER-RIGHT: #006699 1px solid;
        BORDER-LEFT: #006699 1px solid;
        BORDER-TOP: #006699 1px solid;
        BORDER-BOTTOM: #006699 1px solid;
}

th{
color: #ffffff;
        height: 25px;	
        font-size: 11px;	
        font-weight: bold;	
        font-family: Verdana, Helvetica;	
        text-decoration: none;	
        background-color: #FFFFFF;	
        background-image: url(../images/topmenu_bg.gif);	
        border: 0px #FFFFFF solid;
		border-bottom: 0px solid #a9d029;
		border-top: 0px solid #a9d029;
		border-right: 0px solid #a9d029;
		border-left: 0px solid #a9d029;
}

.judul
{
        font-family: Verdana, Helvetica;
        font-size: 13px; 
        color: #000066;
        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;
}

.pencarian
{
        color: #0000ff;
        font-size: 11px;
        font-family: Verdana, Helvetica; 
        text-decoration:none;
		font-weight : bold;
}