body {
  margin : 0 auto;
  padding : 0;
  font : 76% Verdana, Tahoma, Arial, sans-serif;
  background : #f4f4f4;
}
#wrap {
  background : #ffffff;
  color : #303030;
  margin : 0 auto;
  padding : 0 5px;
  width : 96%;
}
#header {
  clear : both;
  background : #edeff4;
  margin : 0 -5px;
  padding : 2px 5px;
  height : 45px;
  border-bottom : 1px solid #d8dfea;
}
#header #logo {
  width : 250px;
  margin : 0 0 10px 0;
  float : left;
}
#header h1 {
  margin : 0 0 10px 0;
  float : left;
}
.halutama {
  font-size : 1.5em;
}
#header p {
  width : 500px;
  float : right;
  text-align : right;
  color : #a0a0a0;
  margin : 2px 0 10px 0;
  font-size : 0.8em;
  line-height : 1.2em;
}
#topseparator {
  width : 100%;
  margin : 0 0 1px 0;
  border : 0;
}
#labeltotal {
  padding : 0 0 10px 0;
}
#total {
  vertical-align : middle;
  font-size : 20px;
  padding-top : 5px;
  padding-bottom : 5px;
  border-top : 1px solid rgb(229,227,223);
  border-bottom : 1px solid rgb(229,227,223);
}
#labeltotal, #total {
  font-weight : bold;
}
#avmenu {
  clear : right;
  float : right;
  width : 150px;
  margin : 0 0 10px 0;
  padding : 0;
  font-size : 0.9em;
}
#avmenu ul {
  list-style : none;
  width : 150px;
  margin : 0 0 20px 0;
  padding : 0;
  font-size : 1.1em;
}
#avmenu li {
  margin-bottom : 4px;
}
#avmenu li a {
  font-weight : bold;
  height : 20px;
  text-decoration : none;
  color : #505050;
  display : block;
  padding : 6px 0 0 10px;
  background : #f4f4f4;
  border-right : 4px solid #cccccc;
}
#avmenu li a:hover {
  background : #eaeaea;
  color : #286ea0;
  border-right : 4px solid #286ea0;
}
.announce {
  margin : 10px 0 10px 0;
  padding : 10px;
  width : 130px;
  color : #505050;
  background-color : #f4f4f4;
  line-height : 1.3em;
}
.annoubot {
  margin : 10px 0 10px 0;
  padding : 10px;
  width : 130px;
  color : #505050;
  background-color : #edeff4;
  line-height : 1.3em;
}
.annoubot #labeltotal, .annoubot #total {
  text-align : center;
}
.tambahdiv {
  margin-top : 10px;
  width : 100%;
  text-align : center;
}
.tambah {
  text-align : center;
  font-size : 0.8em;
}
#menubot {
  overflow : auto;
  margin : 0;
  padding : 0;
}
#menubot ul {
  list-style : none;
  padding : 0;
  margin : 0;
  width : 130px;
}
#menubot li {
  font-size : 0.8em;
  margin-bottom : 1px;
  white-space : normal;
}
#menubot .petlista {
  color : #3b5998;
}
#menubot .petlistb {
  color : #505050;
}
#mbotup {
  font-size : 1em;
  font-weight : bold;
  color : #3b5998;
  margin : 0;
  margin-bottom : 5px;
  border-bottom : 1px solid #d8dfea;
  padding-bottom : 5px;
}
#extras {
  float : left;
  width : 150px;
  margin : 0 0 10px 0;
  padding : 0;
  font-size : 0.9em;
  line-height : 1.5em;
}
#extras p {
  margin : 0 0 1.5em 0;
}
#latest ul {
  background : #f4f8fc;
  list-style : none;
  width : 150px;
  margin : 0 0 5px 0;
  padding : 0;
  font-size : 1em;
  text-decoration : none;
  display : block;
}
#latest .linm {
  font-weight : normal;
  color : #3b5998;
}
#latest .licm {
  color : #505050;
  margin : 0 0 0 5px;
}
#latest .likm {
  color : #666699;
  font-size : 0.8em;
  margin : 0 0 0 5px;
}
#content, #contentb {
  margin : 0 160px 20px 160px;
  border-left : 1px solid #f0f0f0;
  border-right : 1px solid #f0f0f0;
  padding : 0 10px 0 10px;
  line-height : 1.6em;
  text-align : left;
}
#contentb {
  margin-left : 5px;
}
#contentb .errorlist {
  color : red;
  margin : 0 0 0 100px;
  padding : 0 0 0 15px;
}
#content h2 {
  font-size : 1.5em;
  margin : 0 0 0.5em 0;
}
#content img {
  padding : 1px;
  display : inline;
  background : #cccccc;
  border : 4px solid #f0f0f0;
}
fieldset {
  padding : 5px;
  border : 1px solid #f0f0f0;
  margin-bottom : 5px;
}
fieldset p {
  padding : 0;
  margin : 0;
  margin-top : 2px;
  padding-left : 8px;
}
legend {
  padding : 0;
  margin : 0;
  font-weight : bold;
  color : #999999;
}
h3 {
  font-size : 1.3em;
  margin : 10px 0 10px 0;
}
a {
  text-decoration : none;
  color : #286ea0;
}
a[href^="http:"] {
  background : url(/site_media/images/link.png) no-repeat right top;
  padding-right : 10px;
}
a[href^="mailto:"] {
  background : url(/site_media/images/mail.png) no-repeat right top;
  padding-right : 10px;
}
a[href^=".pdf"] {
  background : url(/site_media/images/pdf.png) no-repeat right top;
  padding-right : 10px;
}
a[href^=".doc"] {
  background : url(/site_media/images/doc.png) no-repeat right top;
  padding-right : 10px;
}
a:hover {
  text-decoration : underline;
  font-weight : bold;
  color : #286ea0;
}
a img {
  border : 0;
}
.dukung fieldset, .links fieldset {
  padding-top : 0;
  padding-bottom : 0;
}
.penulis {
  font : 0.8em Tahoma, Verdana, Arial, sans-serif;
  padding : 0;
  margin : 0;
  font-weight : bold;
  color : #999999;
}
.resume {
  font-style : italic;
}
.resumehome {
  font : 1em Arial, Verdana, Tahoma, sans-serif;
}
#footer {
  clear : both;
  margin : 0 auto;
  padding : 10px 0 20px 0;
  border-top : 4px solid #f0f0f0;
  width : 100%;
  text-align : center;
  color : #808080;
  font-size : 0.9em;
}
#footer a {
  color : #6600cc;
  text-decoration : none;
}
#footer a:hover {
  text-decoration : underline;
}
#boxblock {
  clear : both;
  margin : 0 auto;
  padding : 5px 0 10px 0;
  width : 100%;
  text-align : center;
  font-size : 0.9em;
}
#tokoh {
  background : #f8f8f8;
  border : 1px solid #f0f0f0;
  width : 100%;
}
#tokoh .daftar {
  margin : 5px auto;
}
#tokohdet {
  background : #f4f8fc;
  color : #d7d7d7;
  width : 100%;
  height : 16px;
  border-bottom : 1px solid #f0f0f0;
  margin-bottom : 2px;
}
.errorlist, .must {
  color : red;
}
.kode, .must {
  vertical-align : top;
}
.left {
  margin : 10px 10px 5px 0;
  float : left;
}
.right {
  margin : 10px 0 5px 10px;
  float : right;
}
.textright {
  text-align : right;
}
.center {
  text-align : center;
}
.small {
  font-size : 0.8em;
}
.bold {
  font-weight : bold;
}
.hide {
  display : none;
}
.paginator {
  border-top : 1px solid #f0f0f0;
  padding : 0.25em 0.25em 0.6em 0.25em;
  text-align : center;
  margin-top : 10px;
  font-size : 11px;
}
.paginate-pages {
  padding : 2px 3px;
  background : #faf8e9;
  border : 1px solid #ddd;
  cursor : pointer;
  text-decoration : underline;
}
.paginate-first, .paginate-last {
  background : #faf8e9;
  padding : 2px 6px;
  border : 1px solid #ddd;
  font-weight : bold;
}
.paginate-previous, .paginate-next {
  background : #faf8e9;
  padding : 2px 3px;
  border : 1px solid #ddd;
}
.paginate-link {
  background : #faf8e9;
  padding : 2px 4px;
  border : 1px solid #ddd;
}
.paginate-current {
  padding : 2px 4px;
  border : 1px solid #ddd;
  font-weight : bold;
  background : #739240;
  color : #f4f379;
}
hr {
  width : 30%;
}
pre {
  background : #f7f7f7 none repeat scroll 0 0;
  border-bottom : 1px solid #d7d7d7;
  border-top : 1px solid #d7d7d7;
  overflow : auto;
  padding : 0.25em;
}
#artikelbaru div {
  margin : 0 auto;
  margin-bottom : 5px;
  background : #f4f8fc;
}
#artikelbaru p {
  margin : 0 auto;
  padding : 1px;
}
#artikelbaru a, #labeltotal a, .sublink a, .regulasidet a, .sponsor h3 a, .regulasi a, .artikel a {
  font-weight : bold;
  color : #286ea0;
  background : url(/site_media/images/link.png) no-repeat right top;
  padding-right : 10px;
}
.regulasidet a {
  font-weight : bold;
  color : #286ea0;
  background : url(/site_media/images/pdf.png) no-repeat right top;
  padding-right : 10px;
}
#dukung, #feedback {
  margin : 5px auto;
  margin-top : 10px;
  margin-bottom : 10px;
}
#dukung p, #feedback p {
  margin : 2px auto;
}
label {
  float : left;
  width : 100px;
}
input[type="text"], textarea, select {
  width : 70%;
}
textarea {
  height : 100px;
}
input:focus, textarea:focus {
  /*background : #ffc;*/
}
#id_kode {
  width : 100px;
}
.fblabel {
  font-weight : bold;
  color : #999999;
}
.emailerror {
  border : 1px solid #f2f2f2;
  background : #f0f0f0;
}
.emailerror p {
  font-weight : bold;
}
.cekdata {
  width: 100px;
}