#listTableHeader {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #ffffff;
	background-color: #ece8ee;
	font-weight: bold;
	background-position: center;
}

#listTableHeader2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #7F92A4;
	font-weight: bold;
	background-position: center;
}

#infoTableHeader {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #7F92A4;
	font-weight: bold;
	background-position: center;
}

#entryTableHeader {
	font-family: Verdana, Courier, mono;
	font-size: 14px;
	color: #5d03e4;
	background-color: #ece8ee;
	font-weight: bold;
	background-position: center;
}

.entryTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #eae3ed;
}

.entryTable .label {
	background-color: #EFEFEF;
	font-size: 12px;
	font-weight: bold;
}

.entryTable .content {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.entryTable .content2 {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	
}

.entryTable .content3 {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FF0000
}

.entryTable .content4 {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style:italic;
}

.entryTable .content4 {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
}

.formTitle {
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	font-weight: bold;
}

.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CC6666;
}

.box1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

.bluebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	border: 1px solid #000000;
}

.topNav {
	font-family: "Courier New", "Courier", "mono";
	font-size: 14px;
	background-color: #FFFFFF;
}

.activeTopNav {
	font-family: "Courier New", "Courier", "mono";
	font-size: 14px;
	background-color: #CCCCFF;
}

.row1 {
	background-color: #EFEFEF;
	font-family: "Helvetica Neue","Segoe UI Semibold","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 12px;
       font-weight: bold;
}

.row1:hover { 
background-color:#F1EDFA;
}

.row1 td {
	padding:5px 5px 5px 5px;
	}

.row2 {
	background-color: #DEDEDE;
	font-family: "Helvetica Neue","Segoe UI Semibold","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 12px;
       font-weight: bold;
}

.row2:hover { 
background-color:#F1EDFA;
}

.row2 td {
	padding:5px 5px 5px 5px;
}

.row11 {
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.row_online_merah {
        background:red;
        color:white;
        font-weight:bold;
        border:1px solid #fff;
        padding:2px 4px;
        border-radius:4px;
        display:inline-block;
        margin-bottom:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.row_online_orange {
        background:#E65609;
        color:white;
        font-weight:bold;
        border:1px solid #fff;
        padding:2px 4px;
        border-radius:4px;
        display:inline-block;
        margin-bottom:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.row11:hover { 
}

.row11 td {
	padding:5px 5px 5px 5px;
}

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

.row12:hover { 
       background-color:#F1EDFA;
}

.row12 td {
	padding:5px 5px 5px 5px;
}

.row13 {
	background-color: #FFFF66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.row13:hover { 
       background-color:#F1EDFA;
}

.row13 td {
	padding:5px 5px 5px 5px;
}

.row14 {
	background-color: #FFFF99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.row14:hover { 
       background-color:#F1EDFA;
}

.row14 td {
	padding:5px 5px 5px 5px;
}

.rowkuning {
	background-color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.rowhijau {
	background-color: #00FF00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.rowmerah {
	background-color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF
}

.rowmerah2 {
    background-color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

.rowbiru {
    background-color: #0000ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
}

.rowkuning2 {
    background-color: #ffff00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

.errorMessage {
	font-family: "Courier New", "Courier", "mono";
	font-size: 12px;
	font-weight: bolder;
	color: #CC3300;
}

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

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

.text2 {
	font-family: "Helvetica Neue","Segoe UI Semibold","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 12px;
       text-decoration: none;
}
.text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.text4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.text5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
}

.text6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0000FF;
}

.text7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

.text8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight:bold
}

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

.text10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
}

td.nav {
	font-family: "Courier New", "Courier", "mono";
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #6699CC;
}

td.nav:hover {
	font-family: "Courier New", "Courier", "mono";
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #97C1E7;
}

a.nav {
	font-family: "Courier New", "Courier", "mono";
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

a.nav:hover {
	font-family: "Courier New", "Courier", "mono";
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	display: block;	
}

.navSelected {
	font-family: "Courier New", "Courier", "mono";
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-color: #DEDEDC;
}

a.bottomNav {
	font-family: "Courier New", "Courier", "mono";
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}

a.bottomNav:hover {
	font-family: "Courier New", "Courier", "mono";
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #FFFFFF;
}

.detailSpacer {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.tabSelected {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	font-weight: bolder;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-color: #666666;
	background-color: #97C1E7;
}

.tabSelected:hover {
	font-family: "Courier New", "Courier", "mono";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	background-color: #97C1E7;
}

.tabNotSelected {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;	
}

.tabNotSelected:hover {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	background-color: #FFFFCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;	
}

a.tabNav {
	color: #000000;
	text-decoration: underline;
	font-weight: bolder;
}

a.tabNav:hover {
	color: #000099;
	text-decoration: none;
	font-weight: bolder;
}

.whiteTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #336699;
	background-color: #FFFFFF;
}

.lightBlue {
	background-color: #AACCFF;
}

.navArea {
	background-color: #FFFFFF;
}

.contentArea {
	background-color: #FFFFFF;
}

a.leftnav {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #333333;
	background-color: #AABBCC;
	display: block;
	padding: 2px 2px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	height: 25px;
	width: 150px;
	text-decoration: none;
	font-weight: bold;
}

a.leftnav:hover {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #999999;
	display: block;
	padding: 2px 2px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	height: 25px;
	width: 150px;
	text-decoration: none;
	font-weight: bold;
}
.graybox {
	background-color: #666666;
}

.redbox {
	background-color: #6699CC;
}

.footer {
	font-size: 12px;
}

fieldset
{
	border: #26a solid 1px;
}

legend
{
	background: #fb0;
	border: #26a solid 1px;
	padding: 1px 10px;
	font-weight: bold;
}

.errorMessage {
	color: #990000;
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.detailTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DDDDDD;
}

.detailTable .label {
	background-color: #EFEFEF;
}

.detailTable .content {
	background-color: #FFFFFF;
}

.leftmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;

}
.leftmenu:hover {
	color: #FF0000;
	text-decoration: blink;
}
.jdltabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.mn1 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #EFEFEF;
	font-weight: bold;
	text-decoration: none;
}

.mn2 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #7F92A4;
	font-weight: bold;
	text-decoration: none;
}
.mn2:hover {
	color: #FF0000;
	text-decoration: blink;
}

#calender {
	width: 200px;
	font-family: ms sans serif, sans serif;
	font-size: 7pt;
	}

#calenderTable {
	border-style: outset;
	border-width: 2px;
	border-color: black;
	background-color: #EEE;
	display: none;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	}

#calenderTableHead TR {
	background-color: #5FB404;
	}

#calenderTableDays TR {
	background-color: #B40404;
	color: #E6E6E6;
	}

.normalDay {
	border: 1px dotted black;
	cursor: pointer;
	}

.hlDay {
	border: 1px black;
	background-color: #585858;
	color: #E6E6E6;
	cursor: pointer;
	}

.toDay {
	border: 1px solid #E70;
	background-color: #FD8;
	color: #E70;
	font-weight: bold;
	cursor: pointer;
	}

.choosenDay {
	border: 1px #000000;
	background-color: #585858;
	color: #E6E6E6;
	font-weight: bold;
	cursor: pointer;
	}
#entryTable {
	background-color: #ece8ee;
}
#top_menu {
background-color: #210e3e;
font-family:"Helvetica Neue","Segoe UI Semibold","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif;
color:#ffffff;
padding:8px 0 6px 0;
}
#top_menu img {
width:18;
hight:18;
padding:0 0 0 5px;
}
.txt_member{
font-family:"Helvetica Neue","Segoe UI Semibold","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif;
font-size:12px;
color:#000000;
padding:15px 10px 14px 0;
}
.jdltabel {
	font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 13px;
	color: #5d03e4;
	font-weight: bold;
    padding:5px 0 5px 0;

}
#entryTableheader .topjudul {
	font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #5d03e4;
	padding:10px 10px 10px 10px;
}
.search {
	font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
	background-color:#ffffff;
	font-size: 12px;
	padding:5px 3px 5px 0;
}
.txt_member{
font-family:"Helvetica Neue","Segoe UI Semibold","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif;
font-size:12px;
color:#000000;
padding:0 10px 0 0;
}
#tblfooter {
background-color: #210e3e;
font-family:"Helvetica Neue","Segoe UI Semibold","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif;
font-size:12px;
color:#ffffff;
padding:8px 0 8px 5px;
}