html{margin:0;padding:0;color:#000000;font:normal 15px \"Trebuchet MS\", \"Lucida Grande\", Verdana, Georgia, Sans-Serif;height:90%}
a:link{text-decoration:none;color:#335577;border-bottom:1px dotted #335577;font-weight:bold}
a:visited{text-decoration:none;color:#3f7e86;border-bottom:1px dotted #3f7e86;font-weight:bold}
a:hover, a:active{color:#900;border-bottom:1px solid #900}
h1, h2, h3, h4, h5, h6{font-weight:normal;margin:10px 0;padding:0;font-variant:small-caps}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{font-weight:normal;border-bottom-width:0}
h1{font:2.2em Georgia, \"Times New Roman\", serif}
h2{font-size:1.8em;color:#333366}
h3{font-size:1.4em}
h4{font-size:1.3em}
h5{font-size:1.2em}
h6{font-size:1.1em}
ul, ol, blockquote, pre{color:#444444;line-height:1.8em}
ul{list-style-type:square;padding:0;margin:0}
blockquote, pre{background-color:#eaeadf;border:1px solid #cfcfcf}
ins{text-decoration:none;color:#9e624a}
 del{color:#555555}
table{color:#333333;margin:0;font-size: 13}
table caption{margin:10px 0 5px;font-weight:bold}
th, td{padding:2px 10px}
th{background-color:#e0e0cf}
tr.alt td{background-color:#eaeadf}
body{margin:0;padding:0;height:76%}
/*#topnav{float:left;width:100%;height:4px;color:#cfcfcf;background-color:#333;border-bottom:1px solid #333}*/
#header{float:left;width:100%;clear:both;color:#f9f9f9;background:#324066 url(headerbg.png) repeat-x;border-bottom:1px solid #000000;border-top:4px solid #333;height:126px}
#header .left{float:left;width:77%}
#header .right{font-size:0.85em;margin-top:10px}
#header a:link{color:#f1efe3;border-bottom-color:#f1efe3}
#header a:visited{color:#eae7d2;border-bottom-color:#eae7d2}
#header a:hover, #header a:active{color:#ffffff;border-bottom-color:#ffffff}
#header h1{padding:10px 10px}
img.logo{margin:-7px 40px 0px 60px;float:left;border:0;}
#header h1 span{font-size:0.4em;text-transform:none;}
/*#header span.issn{font-size:1em;margin:0 auto;margin-left:19em}*/
#navigation{float:left;width:100%;height:4px;clear:both;color:#555555;background-color:#f1efe3;border-bottom:1px solid #cfcfcf}
#wrapper{clear:both;width:95%;margin:0 auto;min-height:100%;position:relative}
#content-wrapper{width:70%;float:left;line-height:1.8em;padding-bottom:60px}
#content{float:left;padding:10px;margin-right:30px}
#sidebar-wrapper{width:30%;float:left}
#sidebar{float:left;padding:10px}
#footer{clear:both;float:left;width:100%;color:#ffffff;text-align:center;background-color:#3d4664}
#topnav ul{margin:0;width:95%;float:left;padding:0 5px;list-style-type:none}
#topnav li{float:left}
#topnav li a:link,#topnav li a:visited{float:left;color:#9c9088;display:block;padding:0 10px;margin:3px 0;font-weight:normal;border-bottom-width:0;border-right:1px solid #666666}
#topnav li a:hover,#topnav li a:active{color:#bfb2aa}
#navigation ul{margin:0;width:95%;float:left;padding:0 10px;list-style-type:none}
#navigation li{float:left}
#navigation li a:link,#navigation li a:visited{float:left;margin:8px 2px;color:#3f3126;display:block;padding:5px 8px;border-bottom-width:0}
#navigation li a:hover,#navigation li a:active{color:#ffffff;background-color:#848280}
body#bhome li#lhome a,body#bservices li#lservices a,body#bproducts li#lproducts a,body#bsupport li#lisupport a,body#bblog li#lblog a,body#babout li#labout a,body#bcontact li#lcontact a{color:#000000;background-color:#c8c3ad}
#sidebar ul{margin:0 0 10px;line-height:2.5em;padding:5px 15px}
#sidebar ul#announcements{line-height:1.8em;list-style-type:none;margin:0;padding:0}
#sidebar ul#announcements li{padding:5px 10px;border-bottom:1px dotted #aaaaaa}
#sidebar ul#announcements li.alt{background-color:#f0ede8}
#sidebar ul#announcements li .date,#sidebar ul#announcements li .entry{display:block}
#sidebar ul#announcements li .date{color:#af735b;font-size:11px}
#footer{height:60px}
#footer a:link{color:#9cf;border:0;font-weight:normal}
#footer a:visited{color:#7a7062;border:0}
#footer a:hover, #footer a:active{color:#fff;border:0}
#footer ul, #footer ol{color:#7a7062;line-height:2.5em}
span.papertitle{font-weight:bold;color:#330066}
li#empty{list-style-type:none}
span#cover{clear:both}
input:focus, textarea:focus{border:1px solid #3399CC;background-color:#efefef}
input.samewidth, textarea{margin:0 auto;position:relative;width:300px}
label{float:left;font-weight:bold;width:300px}
input.checkbox { margin:0 auto}
/*.counter{margin-top:2em;padding:4px;color:#fff;background-color:#333;border:1px solid #666;text-align:center}*/
.counter{margin-top:2em;padding:4px;border-top:1px dotted #9cf;border-bottom:1px dotted #9cf}
.counter strong {color:#444}
.isi-kecil { font-size: 11px; line-height:1.5em; }
#container{min-height:100%;position:relative}