/* 

* CSS oleh m. zayn hamdan 

* zaynhamdan@gmail.com	

* Jum 28 Jul 2006 08:05:40  WIT    

*/



/* common style */

* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

html { height: 100%; }

body  { text-align: left; background-color: #fff; color: #000; }

img { border: 0; }

a { color: blue; }

a:hover { text-decoration: underline; color:#666; }

ol { list-style: decimal }

td {padding: 3px; font-size: 14px; }



/* layout */

#container  { width: 100%; height: auto; }

#header, #footer, #bar { margin: 0 auto; text-align: center}

#content  { height: auto; width: 770px; margin: 5px auto}
#sideleft  { height: auto; width: 500px; float: left; margin-right: 10px}
#sideright  { height: auto; width: 145px; float: left; font-size: 0.8em; overflow: hidden}
#status { position: fixed; padding: 2px; width: 100px; font-size: 10px; display: none; color: #666; font-weight: bold; background-color: #fffcc6; border: thin solid #ccc }
div.left { float: left; width: auto; }

div.right { float: right; width: auto; }

.clearfix:after, .spacer { clear: both; }
#login {font-size: 0.75em; margin-bottom: 3em; text-align: center}
#bar { background-color: #73A2D1; color: #fff; font-size: 0.75em; font-weight: bold }
#menubar { background-color: #000000; color: #fff; font-size: 0.75em; font-weight: bold; padding: 5px 0 }
#searchbar { font-weight: bold; text-align: center; font-size: 0.75em; margin-top: 3em; margin-bottom: 2em;}
#bar a { text-decoration: none; color: #fff;}
#menubar a { text-decoration: underline; color: #fff; }
.sign { margin-left: 20px}
#footer {font-size: 0.8em }


/* formatting */

.data { border: 1px solid #ccc; width: 100%; margin: 5px 0; }

th { background-color: #936300; text-align: center; color: #fff; font-weight: bold; }

.even { background-color: #eee; }

.odd  { background-color: #f7f7f7; }

tr.even:hover, .odd:hover { background-color: #fff9cc }



.notify { width: 350px; background-color: #f7f7f7; border: 1px solid #ccc; font-size: 90%; font-weight: bold; color: #0000ff; padding: 5px; margin: 5px 0; }

.error { width: 350px; background-color: #f7f7f7; border: 1px solid #ccc; font-size: 120%; font-weight: bold; color: #ff0000; padding: 5px; margin: 5px 0; }

small { font-size: 10px; color: #666; }

p { margin-bottom: 10px !important; line-height: 1.2em; }
p.info {margin-bottom: 1em; color: #666; margin-top: 0.5em; }

b.highlight  { font-weight: bold; background-color: #fffccc; }

b.penting {color: red; font-weight: bold;}
ul#menu { height: 18px; padding: 2px; } 
ul#menu li { padding: 4px; list-style-type: none; float: left; font-size: 11px; }
ul#menu li.active { border-bottom: 2px solid #ff9800 }

ul#menu li a { text-decoration: none; font-size: 11px; display: block; }
ul#menu li a:hover { text-decoration: none; border-bottom: 2px solid #ff9800; padding-bottom: 4px }

/* form */

form { padding: 6px 0; line-height: 24px; }

input { padding:2px; }

textarea { width: 550px; height: 100px; }

label { float: left; width: 150px;	padding-right: 10px; font-weight: bold; text-align: right; }

br.c { clear: both; }



/* heading */

#header h1 { font-size: 2.4em; padding: 5px; color: #004E9B; display: block; }

#header h3 { font-size: 15px; color: #6391b5; }

h3 { font-size: 14px; color: #6b1b00; }

/* navigation */

.nav { border: 1px solid #ff5a00; background-color: #4c6ea6; color: #fff; padding: 1px 3px 1px 3px; }

.nav:hover { border: 1px solid #f9e9ca; background-color: #ff5a00; color: #fff !important; }

.navpad { padding: 5px; margin: 5px; }

#content a.current  { border: 2px solid #666; background-color: #f7f7f7; color: #000; padding: 1px 3px 1px 3px; }

#content a.current:hover { text-decoration; none; color: #000; border-bottom: 2px solid #666 }
.img { padding: 0 10px 0 0; }