body { background: #F1F1F1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; }

#top_nav { background: #1A6399; height: 30px; }

#main_menu ul { display: block; height: 15px; list-style: none; margin: 0px;  margin-top: 5px; }
#main_menu ul li { margin: 0px 5px; display: inline; color: #F1F1F1;  }
#main_menu ul li a { color: #F1F1F1; cursor: auto; display: inline; float: none; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; }
#main_menu ul li a:hover { text-decoration: underline; }

#header_container { background: #7AAEE0 url(../images/bg_headerBanner.jpg) repeat-x left top; height: 217px; }
#header_container #header_img { background: url(../images/headerBanner2010.jpg) no-repeat center top; height: 217px; width: 1265px; }

#body_content { margin: 30px 0; }
#body_content .kota_list { }
#body_content .kota_list h3 { color: #1A6399; font-family: 'Trebuchet MS', sans-serif; font-size: 24px; font-style: normal; margin: 0; padding: 0; }
#body_content .kota_list ol.peserta { list-style: none; margin: 0 0 15px 0; padding: 0; }
#body_content .kota_list ol.peserta li { margin: 5px 0; border-bottom: 1px solid #ccc; padding: 3px 0; }
#body_content .kota_list ol.peserta li a { text-decoration: none; }
#body_content .kota_list ol.peserta li a.name { font-size: 14px; font-weight: normal; color: #D90202; }
#body_content .kota_list ol.peserta li a.twitlink { float: right; display: block; width: 24px; height: 24px; background: url(../images/twitter.png) no-repeat center center; text-indent: -9999px; }
#body_content .kota_list ol.peserta li a.fblink { float: right; display: block; width: 24px; height: 24px; background: url(../images/facebook.png) no-repeat center center; text-indent: -9999px; }

#top_footer { background: #83BCE7; margin-top: 30px; padding-top: 20px; padding-bottom: 20px; color: #1a6399; font-size: 14px; }
#top_footer a { color: #1985b5; }
#top_footer a:hover { color: #1a6399; }
#bottom_footer { background: #1A6399; height: 60px; padding: 10px 0; color: #eee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#bottom_footer a { color: #eee; }
#bottom_footer a:hover { color: #fff; }

#info { padding: 10px; background: #fff; border: 1px solid #eee; }
#info p { font-size: 14px; }
#info a { color: #8f211a; text-decoration: none; font-weight: bold; }

.shadow {
  box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
}

.textshadow { text-shadow: 1px 1px #999 }

label { font-size: 14px; font-weight: normal; }
.label { padding-top: 5px; text-align: right; }
input.inp { width: 300px; font-size: 14px; padding: 2px; }
input.inpurl { width: 130px; font-size: 14px; padding: 2px; margin: 0 5px; display: inline; }
input.button { font-size: 14px; padding: 5px 10px; font-weight: bold; }
.yy { font-size: 13px; }

.infotxt { display: block; margin-bottom: 15px; }

#header_img { text-align: center; }
#header_img h1 { margin: auto; }
#header_img h1 a { display: block; text-indent: -9999px; height: 210px; }

#tabbing_container { }
#tabbing_container #tabbing { padding-top: 15px; }
#tabbing_container #tabbing ul { margin: 0; padding: 0; list-style: none; }
#tabbing_container #tabbing ul li { display: inline; font-size: 16px; margin: 0 7px; padding: 0; }
#tabbing_container #tabbing ul li a { text-decoration: none; color: #b0261c; }
#tabbing_container #tabbing ul li a:hover { color: #207f7b; }
#tabbing_container #tabbing ul li a.current { font-weight: bold; }

.paginasi { font-size: 14px; margin: 15px 0; padding-top: 15px; }
.paginasi a { color: #207f7b; font-weight: bold; text-decoration: none; }
.paginasi a:hover { text-decoration: underline; }

.maklumat { font-size: 14px; margin-top: 30px; }

.error { display: block; background: transparent; border: 0; padding: 5px 0; color: #f00; }