/* GENERAL */
body {
	background-color: #ffffff;
	font-family: Arial, sans-serif;
}

body, td, th {font-family: arial, sans-serif;font-size: 83%;}
a {color: #999999;text-decoration:none;font-size: 12px;}
a:hover {text-decoration: none;}
p {color: #666666;font-size: 120%;margin: 9px 0;}

/* BAGIAN KEPALA */
.header {padding: 4px;background:#FFFFFFF;}
.logo {
  padding-top: 25px;
  background: url url(../images/icon/cross.gif) left bottom no-repeat;
  height:40px;
  width:40px;
}
.title td {font-size: 100%;}
.title {color: #000; font-weight: normal; font-family: Arial; font-size: 200%;}
.title p {color: #000; font-weight: normal; font-family: Arial; font-size: 100%;}
.caption {color: #000; font-weight: normal; font-family: Arial; font-size: 100%;}
tr.caption th {color: #000; font-weight: normal;}
th.caption {white-space: nowrap; text-align: left;}
.pagetitle {color: #000; font-weight: bold;font-size: 250%;margin: auto;float: left;padding: 3px 50px 0px 50px;text-decoration: none;}
.pagetitle a {color: #000;}
.pagetitlebl {color: #fff;font-weight: bold;font-size: 250%;margin: auto;float: left;padding: 3px 50px 0px 50px;text-decoration: none;}

/* ELEMENT */
.separator {background-color: #cfcfcf;}
.error, .errorbox-bad {color: red;border: outset 1px red;padding: 2px;background-color: #ffdcdc}
th {text-align: left;font-weight: normal;}
.submit {background: #DDDDDD;padding: 5px;border-top: solid 0px #6699cc;border-left: solid 0px #6699cc;border-right: solid 0px #6699cc;border-bottom: solid 0px #6699cc;}
.submitheader {background: #DDDDDD;padding: 2px;border-top: solid 0px #6699cc;border-left: solid 0px #6699cc;border-right: solid 0px #6699cc;border-bottom: solid 0px #6699cc;}
.bigSubmit {padding: 2px;background-color: #FF902E;border-top: solid 1px white;border-left: solid 1px white;border-right: solid 1px black;border-bottom: solid 1px black;}
.bigSubmitbl {padding: 2px;background-color: #00CCFF;color: #FFFFFF;border-top: solid 1px white;border-left: solid 1px white border-right: solid 1px black;border-bottom: solid 1px black;}
.hint {font-size: 100%;}
.title, .body {margin-right: 24px;}
.title, .body, .form, .form-padding-top, .form-noborder {margin-left: 24px;}
.form-padding-top {padding-top: 10px;}
.form, .form-noindent, .form-padding-top, .form-noborder {background-color: #ffffff;}
.form, .form-noindent, .form-padding-top {border: solid 0px #6699cc;margin: auto;padding: 7px 0 0 80px;}
.form-sub-header {background-color: #efefef;border: solid 0px #6699cc;padding-top: 5px;padding-bottom: 5px;padding-left: 20px;padding-right: 20px;white-space: nowrap;}
.form-sub-header a, a.internalNavigation {color: #666}
table.form, table.form-padding-top {border-collapse: collapse;}
.form .form {border-style: none;}
.copy {font-size: 100%;margin: auto;}
#error {color: red;border: outset 1px red;padding: 2px;background-color: #ffdcdc}

/* TOOLTIP HOVER EFFECT */
label { font-weight: normal; line-height: 20px; cursor: help; }
#tooltip{ width:20em; color: #000; background: #F1FFF3; font-size: 12px; font-weight: normal; padding: 5px; border: 0px solid #333; text-align: left; }