a:link              { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:   10px; color: #5C6766; text-decoration: none;}
  a:active            { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:   10px; color: #5C6766; text-decoration: none;}
  a:visited           { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:   10px; color: #5C6766; text-decoration: none;}
  a:hover             { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:   10px; color: Black; text-decoration: none; }
  

img { border: 0; }

body {
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0;

font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 10px;
 text-align: center;
}

table, td 
{ font-size:11px; vertical-align:top;}
 
select, option, textarea, input 
{ border: 1px solid #FBFBFB; color: Black; padding: 1px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin: 1px; overflow:hidden;  background-image: url(images/back_search.jpg);  }

.copyright
{ font-size: 11px; color: #646D6D; font-stretch:expanded;  font: verdana;  text-align: center;   }

.main_date
{ font-size: 9px; color: #A2A8A8; font-stretch:expanded;  font: verdana;  text-align: left;  padding-left: 10px;  padding-top: 10px;  padding-bottom: -10px;   }

.main_tittle
{ color: #646D6D; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; text-align: left;  padding-left: 10px;  font-weight: bold;  padding-right: 10px;  padding-top: -10px;}

.main_table
{ width: 258px;}

.detail01_table
{ width: 222px;}

.detail02_table
{ width: 222px;}

.selengkapnya
{ padding: 5px 20px 5px 5px; text-align:right; vertical-align:middle;}

.detail_maintittle
{ padding: 5px 100px 5px 5px; color: #B9CDEC; font-family: "Times New Roman", Times, serif; font-size: 22px; text-align: left;  height: 30;  vertical-align: middle;  }

.detail_linktittle
{ padding: 5px 100px 5px 5px; color: #00008B; font-family: "verdana", Times, serif; font-size: 10px; text-align: left;  height: 30;  vertical-align: middle;  }

.detail_date
{ padding: 5px 100px 5px 5px; color: #A2A8A8; font-size: 9px; text-align: left;  height: 30;  vertical-align: top;  }

.detail_tittle
{ padding: 5px 100px 5px 5px; color: Black; font-family: "verdana", Times, serif; font-size: 16px; text-align: left;  height: 30;  vertical-align: top;  font-weight: bold;   }

.detail_isi
{ padding: 5px 100px 5px 5px; color: #5C6766; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10; text-align: left;   vertical-align: top;  }

.logo
{ padding-right: 3px; }

.package_status
{ color: #646D6D; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; text-align: left;  padding-left: 10px;  font-weight: normal;  padding-right: 10px;  padding-top: -10px;}

.calendar {
	/** configure the width **/
	width:210px;
	background-color: #D6E8FF;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
	text-align:center;
}
.calendar th {
	background-color: #FFFFCC;
	font-weight: bold;
	height: 20px;
}
.calendar .header {
	background-color: #5670B3;
	font-weight: bold;
	height: 24px;
	color: #FFFFFF;
}
.calendar .footer {
	background-color: #5670B3;
	font-weight: bold;
	font-size:0.8em;
	color: #FFFFFF;
	width:100%;
}
.calendar td {
	width: 22px;
	height: 20px;
	text-align: center;
	font-size:0.9em;
	padding: 2px;
}
.calendar .today {
	width: 18px;
	height: 16px;
	background-color: #FAD2DA;
	padding: 2px;
	border: 1px solid #000000;
}

.calendar .link {
	width: 18px;
	height: 16px;
	background-color: #D4C9EF;
	padding: 2px;
	border: 1px solid #000000;
}

.calendar a, .calendar a:link, .calendar a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;

}
.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav {
	background-color: #5670B3;
	color: #ffffff;
}

.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav {
	width: 100%;
	background-color: #5670B3;
	color: #ffffff;
}