.scroll {
scrollbar-3dlight-color: # 000000; 
scrollbar-arrow-color: # 000000; 
scrollbar-darkshadow-color: # 000000; 
scrollbar-face-color: # 000000; 
scrollbar-highlight-color: # 000000; 
scrollbar-shadow-color: # 000000; 
scrollbar-track-color: # 000000;
}
.contoh{
 width:355px; 
display:block; 
padding:20px; 
border:1px solid #ddd; 
overflow:auto 
}

#menu {
	position: absolute;
	top: 90px;
	left: 0;
	width: 180px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#menu li {
	width: 180px;
	border-bottom: 1px solid #969BA5;
	margin: 0;
	padding: 0;
	font-size: 80%;
	vertical-align: bottom; 
}
.menu a:link, #menu a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #265180;
	border-right: 1px solid #265180;
	background-color: #CAD6EC;
	color: #265180;
	text-decoration: none;
}
.menu a:hover {
	background-color: #265180;
	color: #FFFFFF;
}
.body {
	background-image:url(admin/images/body.jpg);
	
	}
.body_admin {
	background-image:url(admin/images/body-admin.jpg);
	}
.left{
	background-image:url(images/left.jpg);
	}	
.border_detailbarang{
	background-image:url(images/detailb.gif);
	}	
.topMenu {
	background-color:#0B0404;
	font:Georgia, "Times New Roman", Times, serif;
	color:#A7A7A7;
	}	
.border {
	border-top-color:#666666;
	border-top-style:inset;
	border-top-width:thin;
	border-bottom-color:#3A3A3A;
	border-bottom-style:solid;
	border-bottom-width:thin;
	}
.border_produk {
	border:#DBDBDB 1px dotted;
	border-color:#3E0000;
	background-color:#3E0000;
	
	}
.border_forum {
	border:#990000 1px dashed;
	border-collapse:separate;
	}		
.border_main {
	border-top-color:#3A3A3A 1px solid;
	border-top-style:inset;
	border-spacing:inherit;
	border-top-width:thin;
	border-bottom-color:#3A3A3A 1px solid;
	border-bottom-style:inset;
	border-spacing:inherit;
	border-bottom-width:thin;
	
	}	
.border_detailb {
	border-bottom-color:#3A3A3A 1px solid;
	border-bottom-width:thin;
	border-top-color:#3A3A3A 1px solid;
	border-top-width:thin;
	}	
.border_tabel {
	border:#DBDBDB 1px solid;
	background-color:#F9F9F9;
	
	}	
.border_footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	
	}	
.border_login {
	border:#000000 1px solid;
	background:#FFFFFF;
	}
.font_login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#990000;
	font-weight:bold;
	}
.font_left {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#000000;
	}	
.font_judul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#840000;
	font-weight:bolder;
	}	
.font_topikleft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#CCCCCC;
	}
.font_contenttopik {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#CCCCCC;
	}		
.font_content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	}	
.TR { 	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#480000;
	font-weight:normal;
	font-stretch:narrower;
	}
.TH {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CCCCCC;
	font-weight:normal;
	}		
.TD {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#A7A7A7;
	font-weight:normal;
	}	

.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#002D59;
	}
.warnings {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#CC0000;
	}

.tabel_border {
	border:#3A3A3A 1px solid;
}
.detail_barang {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#DDDDDD;
	}
.border_mainmenu {
	border:#DBDBDB 1px solid;
	background-color:#F9F9F9;
	}
input, select{
    background-color: #EEEEEE;
    font-size: 10px;
}
textarea{
    background-color: #EEEEEE;
    font-size: 12px;
}
.hr {
	border-bottom: 1px dashed #9d9d9d;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#FFFFFF;
}
.isi {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	padding-left:2px;
	text-align:justify;
	font-weight:normal;
	
	color:#FFFFFF;
}
.bullet{
	font-family:Tahoma;
	font-size:14px;
	padding-left:4px;
	color:#ffffff;
	text-align:justify;
	line-height: 18px;
}
.isi_kecil{
	font-family:Tahoma;
	font-size:11px;
	padding-left:4px;
	color:#FF6600;
}
.judul {
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#265180;
	padding-left:4px;
}
.judul_head {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#F7F7F7;
 	list-style-position:inherit;
}
.judul_forum {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#FF9900;
 	list-style-position:inherit;
}
.kembali {
	font-family:Tahoma;
	font-size:11px;
	padding-left:4px;
	text-align:center;
}

.text {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#000000;
	font-weight:normal;

}
.text2 {
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:justify;

}
input {
	font-family: Tahoma, Arial;
	font-size: 12px;
	background: #FFFFFF; border: 1 solid #BBBBBB;
}
select { color:#000000; font-family: Tahoma, Arial;
	font-size: 10px; text-decoration: none; background: #F2F3ED; border: 1 solid #999999; } 
option { color:#000000; font-family: Tahoma, Arial;
	font-size: 10px; text-decoration: none; background: #F2F3ED; border: 1 solid #999999; } 
textarea {
	font-family: Tahoma, Arial;
	font-size: 12px;background: #FFFFFF;border: 1 solid #BBBBBB;
}
.link_data a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CCCCCC;
	font-weight:normal;
	text-decoration:none;
}
.link_data a:hover{
	color:#FF8811;
	text-decoration:underline;
	}

.link_judul a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6699CC;
	font-weight:normal;
	text-decoration:none;
}
.link_judul a:hover{
	color:#FF8811;
	text-decoration:underline;
	}	
.link_admin a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
	text-decoration:none;
	font-weight:normal;
}
.link_admin a:hover{
	color:#FF0000;
	text-decoration:underline;
	}	
.maincolor {
	background-color:#007700;
	}	
	
.top_menu {
	background-color:#AE0000;
	border:#00CA00;
	border:thin;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#F7F7F7;
	font-size-adjust:none;
	font-weight:bold;
	}	
.top_menuadmin {
	background-color:#1A0A0A;
	font:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:14px;
	}

.left_table {
	background-color:#AE0000;
	}
.left {
	background-image:url(images/left.jpg);
	}	
.keliling {
	border-style:outset;
	border-color:#999999;
	border-width: 1px;
}
/*Kalender*/
/* The main calendar widget.  DIV containing a table. */

./* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #655;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #ffd;
  font-family: tahoma,verdana,sans-serif;
  filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  color:#363636;
}

.calendar .nav {
  background: #edc url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #654;
  color: #363636;
  padding: 2px;
  filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#dddccc);
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  /*background: #3B86A0;*/
  color: #363636;
  font-weight: bold; 	
filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#3b86a0);
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #655;
  padding: 2px;
  text-align: center;
  color: #363636;
    filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #ffcc86;
  color: #000;
  border: 1px solid #b59345;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #c77;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #fed;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #fed;
}

.calendar tbody .rowhilite td {
 background: #ddf;
  
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #ffe;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #ddc;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fea;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #988;
  color: #000;
  
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655;
  background: #dcb;
  color: #363636;
  font-weight: bold;
	filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#DDDCCC);
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffe;
  color: #000;
  font-size: smaller;
  z-index: 100;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .hilite {
  background: #fc8;
}

.combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #a88;
  padding: 1px 0px;
  text-align: center;
  background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #988;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #866;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}