*{margin:0; padding:0;}

body { font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; color:#303030;  background:#fff url(./images/bg.png) repeat-x; }
a { color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit; }
a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img {border:none;}
p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}
b.penting { color: red }

/* Header styles */
#container  { width:760px; margin:5px auto; text-align:left; background:#fff; color:#303030; border:1px solid #a0a0a0; height: auto}
#top { height: 25px; padding: 2px; color: #fff; background: #000; font-size: smaller; font-weight: bold; }
#top a { color: #fff }

/* Content styles */
#content  { float:right; width:590px; font-size:0.9em; padding:0 5px; }
#content a:hover,#subcontent a:hover  {text-decoration:underline;}
#content ul,#content ol {margin:0 5px 16px 35px;}

/* Sidebar styles */
#subcontent { float:left; width:150px; padding:0 5px; line-height:1.4em; }
#subcontent h2  { display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit; }
#subcontent p {margin:0 0 16px 0; font-size:0.9em;}
#subcontent img {padding-bottom: 5px; padding-left: 5px}

/* Menublock styles */
.menublock  { font-size:0.85em;}
.menublock li {list-style:none; display:block; padding:1px; margin-bottom:1px;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none;}
.menublock li ul  {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0;}
.menublock li ul a  {font-weight:normal;}

/* Footer styles */
#footer { clear:both; width:758px; padding:5px 0; margin:0 1px; font-size:0.9em; color:#000; background:#fff url(images/footerbg.jpg) 0 0 repeat-x; }
#footer p {padding:0; margin:0; text-align:center;}
#footer a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover {color:#fff; background-color:inherit; text-decoration: underline;}

/* Misc classes and styles */
.clear{clear:both;}
.hide{display:none;}
label { float: left; width: 150px;padding-right: 20px; font-weight: bold; text-align: right; }
br.clear { clear: both; }
.box  { margin:0 0 20px 0; padding:5px; border:1px solid #c0c0c0; background:#fff url(images/boxbg.jpg) 0 0 repeat-x; color:#505050; line-height:1.5em; }
#status { position: fixed; padding: 2px; width: 150px; font-size: 10px; display: none; color: #666; font-weight: bold; background-color: #fffcc6; border: thin solid #ccc }

.bcon { font-size: inherit; width: auto; height: auto}
.bcon img { display: block }
.b_c { padding: 5px; margin: -9px 0 }
.b_c a { color: #805400; text-decoration: none; border-bottom: 1px solid #ccc;}
.b_c p { margin-bottom: 5px; } 
.b_tr { background: url('images/tr.gif') no-repeat top right;  display: block}
.b_br { background: url('images/br.gif') no-repeat bottom right;  display: block}

small { font-size: 0.8em; color: #666 }
fieldset { border: 1px solid #ccc; padding: 5px; background-color: #fff; margin-bottom: 10px}
legend 	{ padding: 0 3px; font-weight: bold; background-color: #fff; text-transform: uppercase}
.spacer { clear: both }
.notify { width: auto; background-color: #f7f7f7; border: 1px solid #f90; font-weight: bold; color: #0000ff; padding: 5px; margin: 5px 0; }
.error { width: auto; background-color: #f7f7f7; border: 1px solid #f90; font-weight: bold; color: #ff0000; padding: 5px; margin: 5px 0; }
.data {  width: 100%; margin: 5px 0; }
th { background-color: #a91818; font-weight: bold; text-align: center; color: #fff;padding: 3px; border-bottom: 2px solid #999; line-height: 1.25em}
td { padding: 3px; line-height: normal; }
.num { padding: 3px; text-align: center; }
.even { background-color: #eee; }
.odd  { background-color: #f7f7f7; }
.separator { border-bottom: 1px dotted #ccc; margin: 10px 0}

/* menu pro */
.menupro {	border:1px solid #c0c0c0; background-color:#fc0; color:#000; margin-bottom: 5px}
ul.navpro { margin: 0;	padding: 0;	list-style: none;	width: auto; }
ul.navpro li > a {	display: block; text-decoration: none; color: #000; border-bottom: 1px solid #999; }
ul.navpro li a { display: block; text-decoration: none; color: #000; padding: 0 4px; border-bottom: 1px solid #666; cursor: pointer;	height: 20px; /* work around for ugly ie */}
ul.navpro li a:hover { background-color: #ddd; display: block; }
ul.navpro li.cur { background-color: #ddd; display: block; }

/* form */
form { padding: 6px 0; line-height: 24px; }
input { padding:2px; background-color: #f7f7f7; margin: 2px;}
textarea { width: 95%; padding:2px; background-color: #f7f7f7; margin: 2px; }
select { background-color: #fff; padding:2px; margin: 2px;}
.submit_button { border-color:#DCDCDC #666 #666 #DCDCDC; background-color:#ccc; font-weight:bold; color: #000; font-variant: small-caps; letter-spacing: 1px}
.mini_button { border-color:#DCDCDC #666 #666 #DCDCDC; background-color:#ccc; font-weight:bold; color: #000; font-size: 10px; margin: 0}
.submit_button:hover { background-color: #f7f7f7; cursor: pointer }
label { width: 125px; float:left; padding-right: 10px; font-weight: bold; text-align: right; font-variant: small-caps}
br.clear, .spacer { clear: both; }

h1,h2,h3 { font-family: georgia, times, serif }
h1 { border-bottom: 8px solid #f7f7f7; margin-bottom: 10px; color: #a91818; padding-bottom: -1em}

#content h1 { font-size: 1.8em; display: block; }
#content h2 { font-size: 1.6em; color: #a91818; padding-bottom: 10px; }
#content h3 { font-size: 1.2em; padding-bottom: 10px; }

a.nav, a.current { font-weight: bold; }
.navpad { padding: 5px; margin: 5px; }
.nav { background-color: #f7f7f7; color: #000; padding: 1px 3px 1px 3px; }
.nav:hover { border: 1px solid #000; background-color: #fff; color: #000 !important; }
td input.submit_button { border-color:#DCDCDC #666 #666 #DCDCDC; background-color:#ccc; font-weight:bold; color: #000; font-size: 0.85em; padding: 1px; margin: 0;}

div.left { float: left; width:auto}
div.right { float: right; width:auto}
.titlebox_grey  { background-color: #eee; padding:2px }

ul.tabs {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.tabs li {
  display: inline;
}
ul.tabs li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
ul.tabs li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.tabs li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}