/* main styles */
body {
	margin:0;
	padding:0;
	background:#BBD9EE;
  	color:#000;
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
	}
form {
	margin:0;
	padding:0
	}
img {border:none;}
a {color:#060606;text-decoration: none}
a:hover {text-decoration: none}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}
.block {display:block !important}
input.text,
select,
textarea {
	font-family:arial,sans-serif;
	color:#333;
	font-size:12px;
	vertical-align:middle;
	}
input.text {
	padding:1px 0 0 4px;
	height:14px;
	font-weight:normal;
	}
/* main container */
#main {
	width:992px;
	margin:0 auto;
	}
/* header */
#header {
	position:relative;
	width:992px;
	height:138px;
	background:url(../img/bg-header.gif) no-repeat left bottom;
	}



div.animasiImg {
	position:absolute;
	top:15px;
	left:588px;
	}

/* site logo */
a.logo {
	position:absolute;
	top:15px;
	left:10px;
	}
	
/* header tabs */
#top-navigation {
	position:absolute;
	top:60px;
	left:20px;
	margin:0;
	padding:0;
	list-style:none;
	}
#top-navigation li {
	float:left;
	margin:0 3px 0 0;
	height:34px;
	background:url(../img/tab.gif) repeat-x top;
	}
#top-navigation li a {
	float:left;
	display:block;
	height:20px;
	line-height:19px;
	color:#606060;
	padding:4px 0 0 0;
	}
#top-navigation li span {
	float:left;
	background:url(../img/tab-left.gif) no-repeat left top;
	}
#top-navigation li span span {
	background:url(../img/tab-right.gif) no-repeat right top;
	padding:7px 10px 0 10px;
	}
#top-navigation li.active {
	padding:0;
	height:34px;
	background:url(../img/tab-active.gif) repeat-x top;
	margin-right:2px;
	}
#top-navigation li.active span {
	background:url(../img/tab-active-left.gif) no-repeat left top;
	height:34px;
	}
#top-navigation li.active span span {
	background:url(../img/tab-active-right.gif) no-repeat right top;
	height:23px;
	padding:11px 10px 0 10px;
	line-height:19px;
	color:#606060;
	}
	
/* middle */
#middle {
	float:left;
	width:967px;
	background:url(../img/bg-middle.gif) repeat-y left;
	padding:0 13px 0 12px;
	}

/* middle */
#middleOnly {
	float:left;
	width:100%;
	background:#fff;
	padding:0 0px 0 0px;
	}


/* left column */
#left-column {
	float:left;
	padding:1px 14px 0 12px;
	width:151px;
	}
/* right column */
#right-column {
	float:right;
	padding:0 9px 0 0;
	width:133px;
	}
  
#right-column-1 {
	float:right;
	padding:0 9px 0 0;
	width:133px;
	}

#right-column-2 {
	float:right;
	padding:0 9px 0 0;
	width:133px;
	}

#right-column-3 {
	float:right;
	padding:0 9px 0 0;
	width:133px;
	}

#right-column-4 {
	float:right;
	padding:0 9px 0 0;
	width:133px;
	}

  
/* center column */
#center-column {
	float:left;
	width:614px;
	background:url(../img/bg-center-column.jpg) no-repeat left top;
	min-height:584px;
	padding:12px 16px 0 13px;
	}	
* html #center-column {height:584px;}

/* footer */
#footer {
	float:left;
	width:100%;
	background:url(../img/bg-footer.gif) no-repeat;
	height:35px;
	}
#footer p{padding:5px 5px 5px 5px;text-decoration:none;color:#5d6c77;font-size:12px;}
#footer span{padding:5px 5px 5px 5px;}
#footer a:hover{text-decoration:underline;color:#5d6c77;font-size:12px;}
	
/* left column styles */
#left-column a {color:#3E3E3E;}
#left-column h3 {
	font-size:11px;
	margin:0;
	color:#fff;
	background:url(../img/bg-left-header.gif) no-repeat left top;
	height:25px;
	line-height:23px;
	padding:0 0 0 9px;
	}

ul.nav {
	margin:0 0 11px 0;
	border-bottom:2px solid #FF9600;
	background:#ECEFE7;
	list-style:none;
	padding:0 2px;
	}
ul.nav li {
	padding:4px 4px 6px 5px;
	background:url(../img/bg-dotted.gif) repeat-x bottom;
	}
ul.nav a {
	padding:0 0 0 12px;
	background:url(../img/arrow.gif) no-repeat 0 4px;
	}
ul.nav a:hover {
	font-weight:bold;
	}
ul.nav li.last {background:none;}

#left-column .link {
	display:block;
	width:142px;
	height:25px;
	background:url(../img/bg-left-link.gif);
	margin:0 0 4px 0;
	font-weight:bold;
	padding:0 0 0 9px;
	line-height:25px;
	color:#60635A;
	}
	
/* center column styles */
.top-bar {
	float:left;
	width:603px;
	border-left:0px solid #f70;
	padding:0 0 0 9px;
	margin:0 0 4px 0;
	}
/* text page header */
.top-bar h1 {
	font:20px/21px verdana,sans-serif;
	color:#43729F;
	margin:0 0 4px 0;
	}
/* orange button */
.top-bar a.button {
	float:right;
	display:block;
	width:75px;
	height:35px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	line-height:27px;
	background:url(../img/bg-orange-button.gif) no-repeat;
	}
	
/* bar with select */
.navi-bar {
	clear:both;
	border-top:2px solid #f70;
	border-bottom:2px solid #f70;
	padding:5px 0 3px 5px;
	margin:0 0 0px 0;
	
	}
.navi-bar select {margin:0 2px;}

/* link */
.merah A:link {text-decoration: none;color: #FF0000;}
.merah A:visited {text-decoration: none;color: #FF0000;}
.merah A:active {text-decoration: none;color: #FF0000;}
.merah A:hover {text-decoration: none;color: #FF0000;}

.hitam A:link {text-decoration: none;color: #000;}
.hitam A:visited {text-decoration: none;color: #000;}
.hitam A:active {text-decoration: none;color: #000;}
.hitam A:hover {text-decoration: none;color: #000;}


/* table container */
div.table {
	float:left;
	position:relative;
	width:614px;
	margin:0 0 37px 0;
	}

table.kalenderCell {
	border-bottom:0px solid #9097A9;
	padding:0;
	margin:0;
	border:0px solid #9097A9;
	width:100%;
	height:100%;
	}
/* table styles */
table.kalenderCell td,
table.kalenderCell th {
	text-align:center; 
   background:transparent;
	}	
/*table.kalenderCell .judulSamping {border:0px solid #9097A9;text-align:center;font-weight:bold;font-size:12px; background:transparent;}
table.kalenderCell .judulAtas {border:0px solid #9097A9;text-align:center;font-weight:normal;font-size:11px;background:transparent;}
table.kalenderCell .isi {border:0px solid #9097A9;text-align:center;font-weight:normal;background:transparent;}
*/

table.kalenderCell .merah {color:#FF0000; background:transparent;}
table.kalenderCell .hitam {color:#000; background:transparent;}
table.kalenderCell .orange {color:#f7387c; background:transparent;}

table.kalenderCell .isitanggal {border:0px solid #9097A9;font-weight:normal; font-size:10px; background:transparent;}
table.kalenderCell .kiri {text-align:left; background:transparent;}
table.kalenderCell .kanan {text-align:right; background:transparent;}
table.kalenderCell .tengah {text-align:center; font-size:28px;font-weight:bold;background:transparent;}

table.kalenderCell:hover {
     background:#CCFFFF;
}


table.kalenderCellNow {
	border-bottom:0px solid #9097A9;
	padding:0;
	margin:0;
	border:0px solid #9097A9;
	width:100%;
	height:100%;
  background:#FFFFCC;
}

table.kalenderCellNow td,
table.kalenderCellNow th {
	text-align:center; 
	border:0px solid #9097A9;
	
	}	

table.kalenderCellNow .merah {color:#FF0000;background:transparent;}
table.kalenderCellNow .hitam {color:#000; background:transparent;}
table.kalenderCellNow .orange {color:#f7387c; background:transparent;}

table.kalenderCellNow .isitanggal {border:0px solid #9097A9;font-weight:normal; font-size:10px; background:transparent;}
table.kalenderCellNow .kiri {text-align:left;background:transparent; }
table.kalenderCellNow .kanan {text-align:right; background:transparent;}
table.kalenderCellNow .tengah {text-align:center; font-size:28px;font-weight:bold;background:transparent;}

table.kalenderCellNow:hover {
     background:#CCFFFF;
}


table.kalenderCellDetail .judulDetail {border-bottom:2px solid #ffcc00; text-align:right;color:#ffcc00;font-weight:bold;font-size:18px;}

table.kalenderCellDetail {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	}
table.kalenderCellDetail td,
table.kalenderCellDetail th {
	text-align:center; 
   background:transparent;
	}	
table.kalenderCellDetail .merah {color:#FF0000; background:transparent;}
table.kalenderCellDetail .hitam {color:#000; background:transparent;}
table.kalenderCellDetail .orange {color:#f7387c; background:transparent;}
table.kalenderCellDetail .isitanggal {border:0px solid #9097A9;font-weight:normal; font-size:14px; background:transparent;}
table.kalenderCellDetail .kiri {text-align:left; background:transparent;}
table.kalenderCellDetail .kanan {text-align:right; background:transparent;}
table.kalenderCellDetail .bawah {text-align:center; background:transparent;}
table.kalenderCellDetail .tengah {text-align:center; font-size:100px;font-weight:bold;background:transparent;}

table.kalenderCellDetail .tebal {font-size:18px;}
table.kalenderCellDetail .tanggal {font-size:18px;}


table.kalender1 {
	border-bottom:0px solid #9097A9;
	padding:0;
	margin:0;
	border:0px solid #9097A9;
	width:100%;
	}
/* table styles */
table.kalender1 td,
table.kalender1 th {
	text-align:center;
	}	


table.kalender1 .judulSamping {border:0px solid #9097A9;text-align:center;font-weight:bold;font-size:12px;}
table.kalender1 .judulAtas {border:0px solid #9097A9;text-align:center;font-weight:normal;font-size:11px;}

/* table.kalender1 .judultipis {border:0px solid #9097A9;text-align:center;font-weight:normal;font-size:11px;}
*/
table.kalender1 .isi {border:0px solid #9097A9;text-align:center;font-weight:normal;}
table.kalender1 .merah {color:#FF0000; }
table.kalender1 .hitam {color:#000; }
table.kalender1 .orange {color:#f7387c; }

table.kalender1 .isitanggal {border:0px solid #9097A9;font-weight:normal; font-size:10px; background:#ECECEC;}
table.kalender1 .kiri {text-align:left; }
table.kalender1 .kanan {text-align:right; }
table.kalender1 .tengah {text-align:center; font-size:28px;font-weight:bold;}

table.kalender1 .judul1 {border:0px solid #9097A9;text-align:right;color:#ffcc00;font-weight:bold;font-size:18px;padding-right:20px;}
table.kalender1 .judul2 {border:0px solid #9097A9;text-align:right;font-weight:bold;font-size:14px;padding-right:20px;}
table.kalender1 .footerCal {border:0px solid #9097A9;text-align:left;font-weight:bold;font-size:12px;padding-left:20px;}


table.kalender1 .last {border-right:0px solid #9097A9;}


table.kalender1 .style1 {font-weight:bold;color:#FF7A00; background:#D8D8D8}
table.kalender1 .style2 {font-weight:bold; background:#ECECEC}

table.kalender1 .style3 {padding-left:25px;}
table.kalender1 .style4 {padding-left:35px;}

	
table.listing {
	border-bottom:1px solid #9097A9;
	width:613px;
	padding:0;
	margin:0;
	border:1px solid #9097A9;
	}
table.listing th {
	border-top:0 !important;
	}
table.listing th.full {border-left:0;border-right:0 !important;text-align:left;text-transform:uppercase;}
div.table img.left {
	position:absolute;
	top:0;
	left:0;
	}
div.table img.right {
	position:absolute;
	top:0;
	right:1px;
	}
/* table styles */
table.listing td,
table.listing th {
	border:1px solid #fff;
	text-align:center;
	}	
	
table.listing th {
	background:#9097A9;
	color:#fff;
	padding:0px;
	}
table.listing td {
	background:#D8D8D8;
	color:#000;
	padding:0px 0px 0px 0px;
	}

	
	
table.listing .bg td {
	background:#ECECEC;
	}
table.listing .white td {
	background:#fff;
	}	
table.listing .first {border-left:0px solid #9097A9;text-align:center;}
table.listing .last {border-right:0px solid #9097A9;}

table.listing th.first {background:#9097A9 url(../img/bg-th-left.gif) no-repeat left top;border-left:0;}
table.listing th.last {background:#9097A9 url(../img/bg-th-right.gif) no-repeat right top;border-right:0;}

table.listing .style1 {font-weight:bold;color:#FF7A00; background:#D8D8D8}
table.listing .style2 {font-weight:bold; background:#ECECEC}
table.listing .style3 {padding-left:25px;}
table.listing .style4 {padding-left:35px;}



table.form .last {padding:1px 0 1px 5px;text-align:left;}
table.form th,
table.form td {padding-left:10px;}
table.form input.text {width:262px}

/* table select */
div.table .bawah {
	float:right;
	margin:1px 1px 0 0;
	width:613px;
	height:25px;
	background:#9097A9 url(../img/bg-select.gif);
	color:#fff;
	}
	
div.table .atas {
	float:right;
	margin:2px 1px 0 10px;
	width:613px;
	height:45px;
	background:#9097A9 url(../img/tbl-atas.png);
	color:#fff;
	}
div.table .tahun {
	padding:10px 10px 10px 450px;
	text-align:right; 
	font-size:18px;
	font-weight:bold;
}


div.table .select strong {
	float:left;
	padding:5px 0 0 5px;
	}	
div.table .select select {
	float:right;
	width:78px;
	margin:2px 3px 0 0;
	text-align:right;	
	}
	
/* right column header */
#right-column .h {
	float:left;
	background:#7E878A;
	border:1px solid #B8B8B8;
	border-bottom:0;
	padding:3px 10px;
	color:#fff;
	text-transform:uppercase;
	}
/* right column box */
#right-column .box {
	float:left;
	width:121px;
	padding:5px;
	border:1px solid #B8B8B8;
	background:#EBEBEB;
	margin:0 0 15px 0;
	}

#right-column .swastika {
	float:left;
	width:130px;
	height:140px;
	padding:5px;
	border:0px solid #B8B8B8;
	background:url(../img/Swastika.png) no-repeat left bottom;
	margin:0 0 15px 0;
	}

#right-column-1 .h {
	float:left;
	background:#7E878A;
	border:1px solid #B8B8B8;
	border-bottom:0;
	padding:3px 10px;
	color:#fff;
	text-transform:uppercase;
	}
/* right column box */
#right-column-1 .box {
	float:left;
	width:121px;
	padding:5px;
	border:1px solid #B8B8B8;
	background:#EBEBEB;
	margin:0 0 15px 0;
	}

#right-column-1 .swastika {
	float:left;
	width:130px;
	height:140px;
	padding:5px;
	border:0px solid #B8B8B8;
	background:url(../img/Swastika.png) no-repeat left bottom;
	margin:0 0 15px 0;
	}

#right-column-2 .h {
	float:left;
	background:#7E878A;
	border:1px solid #B8B8B8;
	border-bottom:0;
	padding:3px 10px;
	color:#fff;
	text-transform:uppercase;
	}
/* right column box */
#right-column-2 .box {
	float:left;
	width:121px;
	padding:5px;
	border:1px solid #B8B8B8;
	background:#EBEBEB;
	margin:0 0 15px 0;
	}

#right-column-2 .swastika {
	float:left;
	width:130px;
	height:140px;
	padding:5px;
	border:0px solid #B8B8B8;
	background:url(../img/Swastika.png) no-repeat left bottom;
	margin:0 0 15px 0;
	}

#right-column-3 .h {
	float:left;
	background:#7E878A;
	border:1px solid #B8B8B8;
	border-bottom:0;
	padding:3px 10px;
	color:#fff;
	text-transform:uppercase;
	}
/* right column box */
#right-column-3 .box {
	float:left;
	width:121px;
	padding:5px;
	border:1px solid #B8B8B8;
	background:#EBEBEB;
	margin:0 0 15px 0;
	}

#right-column-3 .swastika {
	float:left;
	width:130px;
	height:140px;
	padding:5px;
	border:0px solid #B8B8B8;
	background:url(../img/Swastika.png) no-repeat left bottom;
	margin:0 0 15px 0;
	}

#right-column-4 .h {
	float:left;
	background:#7E878A;
	border:1px solid #B8B8B8;
	border-bottom:0;
	padding:3px 10px;
	color:#fff;
	text-transform:uppercase;
	}
/* right column box */
#right-column-4 .box {
	float:left;
	width:121px;
	padding:5px;
	border:1px solid #B8B8B8;
	background:#EBEBEB;
	margin:0 0 15px 0;
	}

#right-column-4 .swastika {
	float:left;
	width:130px;
	height:140px;
	padding:5px;
	border:0px solid #B8B8B8;
	background:url(../img/Swastika.png) no-repeat left bottom;
	margin:0 0 15px 0;
	}

#right-column-5 .h {
	float:left;
	background:#7E878A;
	border:1px solid #B8B8B8;
	border-bottom:0;
	padding:3px 10px;
	color:#fff;
	text-transform:uppercase;
	}
/* right column box */
#right-column-5 .box {
	float:left;
	width:121px;
	padding:5px;
	border:1px solid #B8B8B8;
	background:#EBEBEB;
	margin:0 0 15px 0;
	}

#right-column-5 .swastika {
	float:left;
	width:130px;
	height:140px;
	padding:5px;
	border:0px solid #B8B8B8;
	background:url(../img/Swastika.png) no-repeat left bottom;
	margin:0 0 15px 0;
	}
	
/* right column buttons */
.buttons {
	clear:both;
	text-align:center;
	padding:30px 0 15px 0;
	}
.buttons input {margin:0 0 6px 0;}


table.sisikanan td,
table.sisikanan th {
	text-align:left; 
   background:transparent;
	}	

table.sisikanan .merah {color:#FF0000; background:transparent;}
table.sisikanan .hitam {color:#000; background:transparent;}

table.sisikanan .kiri {text-align:left; background:transparent;}
table.sisikanan .kanan {text-align:right; background:transparent;}
table.sisikanan .tengah {text-align:center;vertical-align:top; background:transparent;}

table.kalenderCell:hover {
     background:#CCFFFF;
}





/**
 * Navigation
 */
 
#menu {
	position:absolute;
	top:70px;
	left:-25px;
	margin:0;
	padding:0;

}

#menu ul {
	list-style: none;
}

#menu li {
	float: left;
	margin: 0 10px 0 0;
	position: relative;
}

#menu a:hover {
	background: #f3f3f3; /* Fallback */
	background: -moz-linear-gradient(top, #f3f3f3 0%, #ececec 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ececec)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* IE10+ */
	background: linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* W3C */
	
	color: #FF0000; /*#AC0649*/
	border: 1px solid;
	border-color: #fff #c9c9c9 #c9c9c9 #fff;
	border-radius: 5px;
	display: block;
	font: 14px 'Droid Serif', sans-serif;
	font-weight: bold;
	padding: 10px 10px;
	margin-bottom: 5px;
	text-shadow: 0 1px 0 #fff;

  	opacity: 1;

}

#menu a:active {

	-webkit-box-shadow: inset 1px 1px 5px #ccc;
	-moz-box-shadow: inset 1px 1px 5px #ccc;	
	box-shadow: inset 1px 1px 5px #ccc;	

}

#menu a {
	background: #f3f3f3; /* #f3f3f3 Fallback */
	background: -moz-linear-gradient(top, #f3f3f3 0%, #ececec 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ececec)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* IE10+ */
	background: linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* W3C */
	
	border: 1px solid;
	border-color: #fff #c9c9c9 #c9c9c9 #fff;
	border-radius: 5px;
	display: block;   
	font: 14px 'Droid Serif', sans-serif;
	font-weight: bold;
	padding: 7px 10px;
	margin-bottom: 5px;
	text-shadow: 0 1px 0 #fff;

	color: #AC0649;
	border-radius: 10px 0 10px 0;
	opacity: 0.75;

}

/* Current nav, buttons, more-link */
#menu .current > a,
.btn,
.more-link,
.more-link,
legend {
	background: #fa4fab; /* Fallback */
	background: -moz-linear-gradient(top, #fa4fab 0%, #f7387c 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa4fab), color-stop(100%,#f7387c)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #fa4fab 0%,#f7387c 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #fa4fab 0%,#f7387c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fa4fab 0%,#f7387c 100%); /* IE10+ */
	background: linear-gradient(top, #fa4fab 0%,#f7387c 100%); /* W3C */
	
	color: #fff;
	border-color: transparent;
	border-radius: 10px 0 10px 0;
	font-weight: bold;
	padding: 2px 5px;
	text-shadow: 0 1px 0 #AC0649;
	-webkit-transition: all 100ms linear;
	/*-moz-transition: all 100ms linear;*/
	transition: all 100ms linear;
}

#menu .current > a:hover,
.btn:hover,
.more-link:hover {
	border-radius: 0 10px 0 10px;
	color: #fff;
	opacity: 1;
}

	/* Level 2 */
	#menu ul ul {
		display: none;
		min-width: 150px;
		position: absolute;
		top: 100%; left: 0;
		z-index: 100;
		-webkit-box-shadow: 0px 0px 6px rgba(0,0,0, 0.3);
		-moz-box-shadow: 0px 0px 6px rgba(0,0,0, 0.3);
		box-shadow: 0px 0px 6px rgba(0,0,0, 0.3);
	}
	
	#menu li:hover > ul { display: block;  }
	
	#menu ul ul li {
		float: none;
		margin: 0;
	}
	
	#menu ul ul li a {
		border-radius: 0 !important;
		margin-bottom: 0;
	}
	
	#menu ul ul li a:hover {
		opacity: 1;
	}


table.edit { margin: 1em; border-collapse: collapse; }
table.edit td {padding: .1em; font-size:11px;}
table.edit th { padding: .1em;  font-size:11px;}
table.edit thead { background: transparent;  } 
table.edit tbody { background: transparent;} 

table.garis { margin: 1em; border: 1px solid #FF9933; }
table.garis td { padding: .3em; }
table.garis th { padding: .3em; }


table.tya { margin: 1em 0em; border-collapse: collapse; }
table.tya td {padding: .3em; border: 1px #fffccc solid; font-size:12px;}
table.tya th { padding: .3em; border: 1px #fffccc solid; font-size:12px;}
table.tya thead { background: #cccccc;  } 
table.tya tbody { background: #eeeeee;} 

a.update, a.delete, a.add, a.view, a.back ,a.unpublish{
	font-size: 9pt;
	color:#900;
	font-wight:bold;
	padding-left:20px;
	text-decoration: none;
}
a.update {
	background:url(../img/update.png) left center no-repeat;
}
a.delete {
	background:url(../img/delete.png) left center no-repeat;
}
a.add {
	background:url(../img/add.png) left center no-repeat;
}
a.view {
	background:url(../img/view.png) left center no-repeat;
}
a.back {
	background:url(../img/prev.gif) left center no-repeat;
}

a.unpublish {
	background:url(../img/hr.gif) left center no-repeat;
}

a.update:hover, a.delete:hover, a.add:hover, a.view:hover, a.unpublish:hover {
	color:#000;
}



.button-printer{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #BFBFBF; padding:4px 5px 4px 40px;
	float:right; text-decoration:none;
	margin:0 5px 5px 5px; background:#FFF url(../img/icon-print-small.png) 2px no-repeat;
  height:20px;
}

.button-printer:hover{
	color:red;background:#eeeeee url(../img/icon-print-small.png) 2px no-repeat; text-decoration:none;
}

.button-pdf{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #BFBFBF; padding:4px 5px 4px 30px;
	float:right; text-decoration:none;
	margin:0 5px 5px 5px; background:#FFF url(../img/icon-pdf-small.png) 2px no-repeat;
  height:20px;
}

.button-pdf:hover{
	color:red;background:#eeeeee url(../img/icon-pdf-small.png) 2px no-repeat; text-decoration:none;
}

.button-excel{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #BFBFBF; padding:4px 5px 4px 30px;
	float:right; text-decoration:none;
	margin:0 5px 5px 5px; background:#FFF url(../img/icon-excel-small.png) 2px no-repeat;
  height:20px;
  
}

.button-excel:hover{
	color:red;background:#eeeeee url(../img/icon-excel-small.png) 2px no-repeat; text-decoration:none;
}


.judulKomentar{
font-weight:bold;
font-size:14px;
padding: 10px;
	color:#ececec;

}

.commentbox{
background-color: #ececec;
width: 590px;
padding: 10px;
font: 13px 'Droid Serif', sans-serif;
}

.commentfooter{
background: url(../img/arrow_comment.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 10px;
margin-bottom: 2em;
font-size: 10px;
color: #4A4A4A;
}

div.artikel {
	float:left;
	position:relative;
	width:614px;
	margin:0px;
	}

.artikel h2 {
	font:14px verdana,sans-serif;
	color:#43729F;
  font-weight:bold;
	margin:0 0 0 0;
	}
.artikel h4 {
	font:11px verdana,sans-serif;
	color:#000;
	margin:0;
  text-align:justify;
	}