h1		{font: bold 20px Verdana, Arial, Helvetica, sans-serif; color: #000080; text-transform: capitalize;}
h2		{font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #000080; text-transform: capitalize;}
p		{font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
p.pertama:first-letter {
	float: left; 
	color: #FF0000; 
	font: bold 30px Verdana, Arial, Helvetica, sans-serif; 
	margin-right: 5px; 
	margin-bottom: 2px; 
	padding: 5px;
	text-align: text-top;
	background-color: #e8ecf0;
	border: 1px solid #000000;
}
body	{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url("images/bg.2010.proplan3.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.date		{font: italic 10px Arial, Helvetica, sans-serif;}
.title	{font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
.bigtitle	{font: bold 20px Georgia, Verdana, Arial, Helvetica, sans-serif;}
a.bigtitle {font: bold 20px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#ff2602;}
.lead		{font: normal 10px Arial, Helvetica, sans-serif;}
.leadprint	{font: italic 12px Arial, Helvetica, sans-serif;}
.errmsg	{font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #ff0000;}
.kotak	{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #777777;
	position: relative;
	z-index: auto;
	background-color: #FFFFFF;
	background-image: url(images/akc_bginput.gif);
	padding-left: 2px;
	padding-right: 2px;
}

td			{font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
td.errmsg		{font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FF0000;}
td.putih		{font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}
td.judul		{font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
td.judulputih	{font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}

a:link		{text-decoration: none;}
a:visited		{text-decoration: none;}
a:hover		{text-decoration: underline; color: #FF0000;}
a.putih		{text-decoration: none; color: #FFFFFF;}
a.putih:hover	{text-decoration: underline; color: #FFFF00; font-weight: bold;}
a.green		{text-decoration: none; color: #026A02;}
a.green:hover	{text-decoration: underline; color: #FA6207; font-weight: bold;}
a.yellow		{text-decoration: none; color: #FFFF00;}
a.yellow:hover	{text-decoration: underline; color: #FFFFCC; font-weight: bold;}

input			{font: normal 12px Arial, Helvetica, sans-serif;}
textarea		{font: normal 12px Arial, Helvetica, sans-serif;}
select		{font: normal 12px Arial, Helvetica, sans-serif;}
select.rate		{font: normal 12px Arial, Helvetica, sans-serif;}
option		{font: normal 12px Arial, Helvetica, sans-serif;}
option.rate		{font: normal 12px Arial, Helvetica, sans-serif;}
button		{font: normal 12px Arial, Helvetica, sans-serif;}
checkbox		{font: normal 12px Arial, Helvetica, sans-serif;}
radio			{font: normal 12px Arial, Helvetica, sans-serif;}

.empatcol {
	text-align: center;
}

#searchbar {
	width: 125px;
	float: left; padding: 2px 22px 2px 2px;
	background: #ededed url(images/srch.bg.png) repeat-x;
	border: 1px solid #c7c7c7;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	font: italic 12px Verdana; color: #000000;
	outline: none; /*Remove Chrome and Safari glows on focus*/
}
#searchbar.active {
	background: #fae8d7 url(images/srch.bg.active.png) repeat-x;
	border: 1px solid #ed9b4e;
}
#searchbtn {
	width: 16px; height: 16px; float: left; margin: 2px 0 0 -19px;
	background: url(images/srch.btn.png); text-indent: -9999px;
	padding: 0 0 0 10px; /*IE fix*/
	cursor: pointer;
	border: none;
}
#searchbtn:hover {
	background-position: 0 -16px;
}

/* --- New CSS begins from here --- */

/* Comment button */

.komentar {
	color: #942724;
	border: 1px solid;
	border-color: #942724 #942724 #942724 #942724;
	position: relative;
	z-index: auto;
	background-color: #BBBBBB;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight: bold;
}

.komentar:hover {
	color: #FF0000;
	border: 1px solid;
	border-color: #FF0000 #FF0000 #FF0000 #FF0000;
	position: relative;
	z-index: auto;
	background-color: #FFFFCC;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight: bold;
}

/* eof Comment button */


.outline {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 0px;
}

.outline_test {
	border: 1px solid #ffffff;
	background-color: #FFFFFF;
	padding: 0px;
}

.gambargede {
	padding: 2px;
	border: 1px solid #111111;
}

.gambar {
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.gambar:hover {
	padding: 2px;
	border: 1px solid #FF0000;
}

.bayangan { /* Better style on light background */
	background:#FFFFFF;
	padding:2px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}

.linkatas, .linkatas a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #555;
	padding: 3px 6px;
	background: #fff;
}

.linkatas:hover, .linkatas a:hover {
	background: #00ffff;
	text-decoration: none;
}

/* Button */
.button {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-image: url(images/akc_bgbutton.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #DCDBDB;
	clear: both;
	width: 55px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	margin: 0px;
}

.tombol {
	color: #942724;
	border: 2px solid;
	border-color: #FF0000 #942724 #942724 #FF0000;
	position: relative;
	z-index: auto;
	background-color: #BBBBBB;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight: bold;
}

.tombol:hover {
	color: #FF0000;
	border: 2px solid;
	border-color: #942724 #FF0000 #FF0000 #942724;
	position: relative;
	z-index: auto;
	background-color: #BBBBBB;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight: bold;
}

/* eof Button */

/* Pagination */
.nohal, .nohal a, .nohal a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	z-index: auto;
	color: #000000;
	background-color: #EEEEEE;
	border: 1px solid #000000;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.nohal:hover {
	position: relative;
	z-index: auto;
	border: 1px solid #FF0000;
	color: #FF0000;
	background-color: #FFFF00;
	text-decoration: none;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.nohalcurrent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: relative;
	z-index: auto;
	font-size: 10px;
	font-weight: bold;
	background-color: #FF0000;
	border: 1px solid #000000;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

/* eof Pagination */

/* Top Menu */
.mega{
width:600px; /*default width of mega menu*/
padding:10px;
position:absolute;
visibility:hidden;
border:2px solid black;
border-top-width:1px;
background:white;
-webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
-moz-box-shadow: 5px 5px 5px #c8c8c8;
box-shadow: 5px 5px 5px #c8c8c8;
}

.mega .column{ /*each link column within a mega menu*/
float:left;
width:49%;
}

.mega a{
text-decoration:none;
}

.mega a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
content:" " url(images/down.png);
}

.mega .column ul{
margin:0;
margin-left:5px;
padding:0;
list-style:none;
}

.mega .column ul li{
margin-bottom:3px;
}

.mega .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
margin:0;
padding:0;
border:1px solid gray;
border-bottom-width:0;
list-style:none;
}

.mega .ulmenu a{
display:block;
border-bottom:1px solid gray;
padding:5px;
}

.mega .ulmenu a:hover{
background:lightyellow;
}
/* eof Top Menu */

.hpbohdr {
	width: 300px;
	background: #8fadc4;
	border: 1px solid #033981;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}
         
.hpbobdy {
	width: 300px;
	background: #c0dff5;
	border-left: 1px solid #033981;
	border-right: 1px solid #033981;
	border-bottom: 1px solid #033981;
	padding: 5px;
}
         
.hpdiv {
	width:320px;
	height:250px;
	background:#e7ce95;
	border:1px solid #033981;
	padding:10px;
	margin-bottom:20;
	font-family:arial;
	font-size:12px;
}

.pgcmtprvhd {
	width: 150px;
	background: #dbdb8f;
	border: 1px solid #949450;
	font-size: 10px;
	text-align: center;
	padding: 5px;
}

.pgcmtprvbd {
	width: 150px;
	background: #ffffcc;
	border-left: 1px solid #949450;
	border-right: 1px solid #949450;
	border-bottom: 1px solid #949450;
	text-align: center;
	padding: 5px;
}

/* --- Sticky Bar --- */
#stickybar {
        background:#c1282d;
        font-size:12px;
        color:#FFF;
        padding:0px 0px;
        position:fixed;
        bottom:0;
        left:0;
        z-index:2000;
        width:100%;
        text-align:center;
}
#stickybar a {
       color:#FFF;
       text-decoration:none;
}
#closebtn {
	background: url('images/close.jpg') top no-repeat;
	height: 16px;
	border:none;
	margin-left:1px;
	position:absolute;
	font-size: 10px;
}
/* --- Eof Sticky Bar --- */