BODY {text-align: center;margin: 0; background-color: #CA0005} /*background-repeat: repeat-x;background-image:url(img/BackGround.png);*/
A {COLOR: #5E89D0;TEXT-DECORATION: none;}
A:hover {COLOR: #62ADDB;TEXT-DECORATION: none;}

@font-face {font-family: 'LogoMMA';src: url('font-mma/contm.ttf');font-weight: normal;font-style: normal;}

/*TEXT*/
.blue {font-size:12px;color:#3C84F0;font-family: Verdana;font-weight: normal;}.blue a {color:#3C84F0;font-family: Verdana;font-weight: normal;text-decoration:none}.blue a:hover {color:#1427AF;font-family: Verdana;font-weight: normal;}
.red {font-size:12px;color:#F54B50;font-family: Verdana;font-weight: normal;}.red a {color:#F54B50;font-family: Verdana;font-weight: normal;text-decoration:none}.blue a:hover {color:#AE111D;font-family: Verdana;font-weight: normal;}
.gray {font-size:12px;color:#666666;font-family: Verdana;font-weight: normal;}.gray a {color:#666666;font-family: Verdana;font-weight: normal;text-decoration:none}.gray a:hover {color:#333333;font-family: Verdana;font-weight: normal;}
.black {font-size:12px;color:#333333;font-family: Verdana;font-weight: normal;}.black a {color:#333333;font-family: Verdana;font-weight: normal;text-decoration:none}.black a:hover {color:#000000;font-family: Verdana;font-weight: normal;}
.white {font-size:12px;color:#FFFFFF;font-family: Verdana;font-weight: normal;}.black a {color:#333333;font-family: Verdana;font-weight: normal;text-decoration:none}.black a:hover {color:#000000;font-family: Verdana;font-weight: normal;}
.logo { font-family:'LogoMMA'; color:#FF0000; font-weight:normal}

/*ICON*/
#dock {width: 100%;bottom:200px;position: absolute;left: 0px;}
.dock-container {position: absolute;height: 50px;background: url(dock-bg.gif)}
a.dock-item {display: block; font: bold 12px Arial, Verdana, sans-serif;width: 40px; color: #003366; bottom: 0px; position: absolute;text-align: center;text-decoration: none;}
.dock-item span {display: none; font-size:18px}
.dock-item img {border: none; margin: 0px; width: 100%; }

.link-efect {float:left; width:16px; height:16px; margin:0px 5px;}
.link-efect a {float:left; width:16px; height:16px;display:block;padding:0px;}
.link-efect a:hover {float:left; width:16px; height:16px;background-color: #e8e8e8; border:1px solid #999999;-moz-border-radius-topleft: 3px;-webkit-border-top-left-radius: 3px;border-top-left-radius: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px;-webkit-border-bottom-left-radius: 3px;border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px;}

.cek-list-sukses {float:left; height:16px; margin:2px; background-image:url(jqwidgets/icon/IconSukses.png); background-position:left; background-repeat:no-repeat; padding-left: 20px}
.cek-list-gagal {float:left; height:16px; margin:2px; background-image:url(jqwidgets/icon/IconGagal.png); background-position:left; background-repeat:no-repeat; padding-left: 20px}
.cek-list-proses {float:left; height:16px; margin:2px; background-image:url(jqwidgets/icon/IconProses.png); background-position:left; background-repeat:no-repeat; padding-left: 20px}
.cek-list-update {float:left; height:16px; margin:2px; background-image:url(jqwidgets/icon/IconUpdate.png); background-position:left; background-repeat:no-repeat; padding-left: 20px}


/*LAYOUT-LEFT*/
html,body {height:100%}
#outer {height:100%;min-height:100%;/*for mozilla*/background-color:#efefef;width:200px;position:fixed;top:0px;left:0px;padding-top:0px; border-right:1px solid #CCCCCC}
html>body #outer {height:auto}

#kanan {height:100%;min-height:100%;/*for mozilla*/background-color:#efefef;width:100%;position:fixed;top:0px;left:0px;padding-top:0px; border-right:1px solid #CCCCCC}
html>body #kanan {height:auto}

/*DIV*/
.header-div{border:solid 1px #c7c7c7; background-color:#e8e8e8; padding:5px; font-family:Verdana; font-size:12px;-moz-border-radius-topleft: 3px;-webkit-border-top-left-radius: 3px;border-top-left-radius: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;border-top-right-radius: 3px;}
.sub-div{background-color:#F0F0F0; padding:5px; font-family:Verdana; font-size:11px;}
.content-div{background-color:#FFFFFF; padding:5px; font-family:Verdana; font-size:11px;border:none;} /*solid 1px #c7c7c7*/
.content-error{background-image: url(images/BackgroundError.jpg); background-repeat:no-repeat; background-position:center; height:400px; padding:5px; font-family:Verdana; font-size:12px}
.header-table{background-color: #F5F5F5; padding:5px; font-family:Verdana; font-size:11px;}
.login{width:600px;height:300px; background-image:url(img/BackgroundLogin.jpg); background-repeat:repeat-x; margin:10px auto; margin-bottom:10px;border:1px solid #999999;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}
.halaman{padding:10px;font-size:18px;font-weight:bold;height:25px;color:#1b7195;background-image:url(img/BackGroundPembatas.png); background-repeat: no-repeat; background-position:right}
.bg-table{background-color:#17A7DD; padding:5px; font-family:Verdana; font-size:11px;}

/*BUTTON*/
.button {border: none;background: url(jqwidgets/icon/Button.gif) no-repeat top left;padding: 8px 2px; width:100px;  font-weight:normal; color: #4163A0; text-transform:uppercase;font-family: Verdana; font-size:12px;font-weight: normal;}
.button:hover {border: none;background: url(jqwidgets/icon/ButtonHover.gif) no-repeat top left;padding: 8px 2px;width:100px; cursor:pointer; font-weight:normal; color: #FFFFFF; text-transform:uppercase;font-family: Verdana; font-size:12px;font-weight: normal;}

/*FORM*/
.form-login {font-size:14px;color:#ADCFF8;font-family: helvetica;font-weight: normal;padding:5px; text-transform:uppercase}
.form-input {font-size:12px;color:#333333;font-family: helvetica;font-weight: normal;padding:5px; border-style: solid; border:1px solid #cccccc;-moz-border-radius-topleft: 3px;-webkit-border-top-left-radius: 3px;border-top-left-radius: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px;-webkit-border-bottom-left-radius: 3px;border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px;}
#form-image{width: 206px;height: 26px;background: #fff url(jqwidgets/icon/Form.gif) no-repeat;}
.upload{font-size:12px;text-transform:uppercase; color:#476098}

 /*TOOLTIP*/
.navtext {text-align:center;font-family: helvetica; font-size:12px; border:1px solid #999999; background-color: #FCFAA7;color: #999999;}

 /*BARCODE*/
#config{overflow: auto;margin-bottom: 10px;}
.config{float: left;border: 1px solid #000;}
.config .title{text-align:right;}
.config .barcode2D,#miscCanvas{display: none;}
#submit{clear: both;}
#barcodeTarget,#canvasTarget{margin-top:0px;}   

/*TEBLE HEADER*/
td {background-color:#FFFFFF;}
th {padding: 0 5px;text-align: center;}
.header-background {border-bottom: 1px solid #CCCCCC;}
.fixed-table-container {height:430px;border: 1px solid #ffffff;margin: 0px auto;background-color: white;position: relative;padding-top: 30px;}
.fixed-table-container-inner {overflow-x: hidden;overflow-y: auto;height: 100%;}
.header-background {background-color:#e8e8e8;height: 30px;position: absolute;top: 0;right: 0;left: 0;}
table {width: 100%;overflow-x: auto;overflow-y: auto;font-family:Verdana; font-size:12px;}
.th-inner {position: absolute;top: 0;line-height: 30px;text-align: left;border-left: 1px solid #CCCCCC;padding-left: 5px;margin-left: -6px; font-weight:normal}
.first .th-inner {border: none;padding-left: 6px;}
.table-content {padding:5px}


/*FORMAT-MAGIC-BOX*/
#facebox .b {background:url(jqwidgets/icon/fc_box_b.png);}
#facebox .tl {background:url(jqwidgets/icon/fc_box_tl.png);background-repeat:no-repeat}
#facebox .tr {background:url(jqwidgets/icon/fc_box_tr.png);background-repeat:no-repeat}
#facebox .bl {background:url(jqwidgets/icon/fc_box_bl.png);background-repeat:no-repeat}
#facebox .br {background:url(jqwidgets/icon/fc_box_br.png);background-repeat:no-repeat}
#facebox {position: absolute;top: 0;padding-left:20%; right:20%;z-index: 1000;}
#facebox .popup {position: relative;}
#facebox table {margin: auto;border-collapse: collapse;}
#facebox .body {padding: 10px;background-color: #F8F8F8;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;}
#facebox .footer {border-top: 1px solid #cccccc;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}