#infozone {width: 780px; padding: 0 5px; font: 11px Verdana, Geneva, sans-serif; background: #fff; color: #000; overflow: hidden;}
#infobanner {width:780px; height:244px; padding-top: 17px; padding-bottom:15px; text-align: center;}

#infoleft {width: 270px; float: left; margin-bottom: 20px;}
#calendarside {width: 270px; padding: 0; margin: 0; border-left: 1px solid #dcdcdc; text-align: center; background: #fff; font-size: 12px;}
#calendarside caption {width: 270px; padding: 10px 0; font-weight: bold; background: #818181; color: #fff; text-align: center;}
#calendarside caption a {color: #fff; text-decoration: none;}
#calendarside caption a:hover {text-decoration: underline;}
#calendarside th {background: #dcdcdc; height: 28px; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
#calendarside .today, #calendarside td.today a, #calendarside td.today a:hover {color: #fff; font-weight: bold; background: #ed1c24;}
#calendarside td {border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; width: 28px; height: 28px; text-align: center;}
#calendarside td a {text-decoration: none; font-weight: bold; text-align: center; color: #000;}
#calendarside td a:hover {color: #ed1c24;}
#infotitle {height: 25px; padding-top: 10px; font-size: 12px; font-weight: bold; background: #818181; color: #fff; text-align: center;}
#infobox {height: auto; border: 1px solid #dcdcdc; padding: 10px 20px 20px 20px;}
#infolist a {color: #000; text-decoration: none; display: block; padding: 8px 0; border-bottom: 1px solid #dcdcdc; font-size: 12px;}
#infolist a:hover {color: #fff; background: #ed1c24; padding-left: 10px;}

#inforight {width: 505px; float: right;}
#infotambah a {width: 143px; height: 35px; margin-right: 5px; float: left; background: url(/oap/infozone_v3/xfm/images/btn_tambah.gif);}
#infotambah a:hover {background: url(/oap/infozone_v3/xfm/images/btn_tambah_hover.gif);}
#infocari {float: left;}

#infomenu {height: 44px;}
#btn_today a {width: 79px; height: 44px; float: left; background: url(/oap/infozone_v3/xfm/images/btn_hari_ini.gif);}
#btn_today a:hover, #btn_today a.active {background: url(/oap/infozone_v3/xfm/images/btn_hari_ini_on.gif);}

#btn_thismonth a {width: 91px; height: 44px; float: left; background: url(/oap/infozone_v3/xfm/images/btn_bulan_ini.gif)}
#btn_thismonth a:hover, #btn_thismonth a.active {background: url(/oap/infozone_v3/xfm/images/btn_bulan_ini_on.gif)}

#btn_lastmonth a {width: 159px; height: 44px; float: left; background: url(/oap/infozone_v3/xfm/images/btn_bulan_terdahulu.gif)}
#btn_lastmonth a:hover, #btn_lastmonth a.active {background: url(/oap/infozone_v3/xfm/images/btn_bulan_terdahulu_on.gif)}

#btn_nextmonth a {width: 176px; height: 44px; float: left; background: url(/oap/infozone_v3/xfm/images/btn_bulan_selanjutnya.gif)}
#btn_nextmonth a:hover, #btn_nextmonth a.active {background: url(/oap/infozone_v3/xfm/images/btn_bulan_selanjutnya_on.gif)}

#infolanjut {padding-top: 5px;}
#infolanjut a {color: #737373; text-decoration: none; font-weight: bold;}
#infolanjut a:hover {text-decoration: underline;}

#infobox2 {height: auto; border-top: 1px solid #fff; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 0 10px 10px 10px;}
#infobox3 {height: auto; border: 1px solid #dcdcdc; padding: 0 20px 20px 20px;}
#infosummary {padding: 20px 0 10px 0; border-bottom: 1px solid #dcdcdc;}
#infosummary h1 {font: 12px Verdana, Geneva, sans-serif; font-weight: bold; padding: 0; margin: 0; text-transform: none;}
#infosummary h1 a {font-weight: bold; text-decoration: none; text-transform: none;}
#infosummary h1 a:hover {text-decoration: underline;}
#infosummary a, #infomisc a {color: #ed1c24; text-decoration: underline;}
#infosummary h3 {padding: 0; margin: 0;}
#infosummary label {color:#000; cursor: pointer; line-height: 20px; padding-left: 10px; vertical-align: top;}

#umum, #tiket {height: auto;}
#infosumleft {width: 40%; margin: 20px 0; float: left; font-weight: bold;}
#infosumright {width: 60%; margin: 20px 0; float: right;}
#infoheader {width: 200px; height: 200px; float: left;}
#umum #btn_kembali a {float: right; padding: 10px; background: #e7e7e7; font-weight: bold; text-decoration: none; display: block; color: #000;}
#umum #btn_kembali a:hover {background: #dadada; color: #000;}

#pagination {height: 30px; padding-top: 20px;}
#pagination a {text-align: center; padding: 5px; background: #fff; color: #000; text-decoration: none; float: left; margin-right: 8px; border: 1px solid #dcdcdc;}
#pagination a:hover {background: #ed1c24; color: #fff; text-decoration: none; border: 1px solid #ed1c24;}
#pagination a.on {text-align: center; padding: 5px; background: #ed1c24; color: #fff; text-decoration: none; float: left; margin-right: 8px; border: 1px solid #ed1c24;}

#infomisc {padding: 20px; margin: 20px 0; background: #f1f1f1; color: #666;}
#clear {clear: both; height: 1px;}
#mykalendar a {float: right; padding: 10px; text-decoration: none; display: block; color: #000; border: 1px solid #dadada;}
#mykalendar a:hover {background: #dadada;}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}