* {margin: 0;padding: 0;}
html body {width:100%;height:100%;font-family:arial,sans-serif;}
table {border-collapse:separate;border-spacing:0pt;}
caption, th, td {font-weight:normal;text-align:left;padding:0px;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;line-height: 120%;margin: 0;padding: 0;text-align: left;}
input {margin: 5px;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"";}
abbr,acronym {border:0;}
ul {list-style: none;margin: 0;padding: 0;}
a{cursor: pointer;text-decoration:none;}
br.both{clear:both;}
HTML .clearfix {height: 1%;}
.posright {float:right;}
.posleft {float:left;}
.clearfix {display: block;}
.clear {clear:both;}
img {border: none;}
#body {background:#fff url(../images/bg-body.png) 0 0 repeat-x scroll;font:14px/16px Arial,Helvetica,sans-serif;}
#wrapper {margin:0 auto;width:100%;}
#header, #content, #footer {width:100%;}
#header-body {width:987px;}
#content-body, #footer-body {width:952px;}
/*Header*/
#header {margin:0 auto;position:relative;}
#header-body {margin:0 auto;height:122px;background: url(../images/bg-header-body.png) 0 100% repeat-x scroll;}
#header-body-top {margin:0 auto;height:100%;background: url(../images/bg-header-top.png) 50% 0 no-repeat;}
.logo {margin-left:12px;background: url(../images/logo.png) no-repeat scroll 0 0 transparent;width: 189px;height: 105px;}
.logo span {display: none;font-size: 30px;padding: 50px 0 0 20px;}
.top-small {height: 23px;width: 760px;}
.top-small .marquee {color: #0D2736;font-size: 11px;padding: 5px 0 0;width: 685px;text-shadow:1px 1px 0 #fff;}
.top-small .pilihbhs {height: 23px;margin: 1px 0 0 0;width: 70px;}
.left a img {border: medium none;cursor: pointer;padding: 2px 2px 0;}
.loginas { font-size:12px; font-weight:bold; text-align:center; font-style:italic; text-shadow:1px 1px 1px #FFFFFF; color:#0A4B8D; letter-spacing:1px; padding:10px 0 0 10px; margin:0 auto;}
.loginas span { color:#f00;}
/*Menu*/
.menu-top {width:360px;height:35px;margin:64px 33px 0 0;_margin:63px 17px 0 0;background: url(../images/bg-menu-top-center.png) 0 0 repeat-x;}
.menu-top-admin {width:980px;height:35px;margin:64px 33px 0 0;_margin:63px 17px 0 0;background: url(../images/bg-menu-top-center.png) 0 0 repeat-x; font-size:11px;}
#menu_wrapper {padding: 0 16px 0 0;}
#menu_wrapper ul {margin-left: 8px;}
#menu_wrapper div {float: left;height: 35px;width: 10px;}
#menu_wrapper.blue ul {background: url(../images/bg-menu-top-center.png) 0 0 repeat-x;}
#menu_wrapper.blue a {color: #0a4b8d;text-decoration:none;font-weight:bold;}
#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.active a {color:#000;}
#menu_wrapper.blue {background: url(../images/bg-menu-top-lr.png) right top no-repeat;}
#menu_wrapper.blue div {background: url(../images/bg-menu-top-lr.png) left top no-repeat;}
#menu {text-transform: capitalize;padding: 0;list-style-type: none;background-color: #eee;font-size: 13px;height: 35px;}
#menu li {float: left;margin: 0;}
#menu li a {text-decoration: none;display: block;padding: 0 18px;line-height: 35px;color: #666;}
#menu_wrapper.blue .linkputih {color:#0a4b8d;text-shadow:1px 1px 0 #F4F5FC;}
#menu_wrapper.blue .linkkuning {color:#ff6600;text-shadow:1px 1px 0 #BFD7F1;background:#fff url(../images/kuning-active.png) 50% 0 repeat-x;}
/*Content*/
#content {margin:0 auto;position:relative;}
#content-body {margin:0 auto;padding:6px 0;background:#fff url(../images/content-top.png) 0 0 no-repeat scroll;}
#content-body-wrapper {margin:0 auto;width:942px;height:100%;}
.body-top-left {width:200px;height:100%;padding-bottom:30px;position:relative;}
.body-left-menu-block, .body-login-block, .body-hit {width:199px;margin:0 auto 8px;}
.body-left-menu-block .top {margin:0 auto;width:100%;height:30px;background:url(../images/bg-menu-top.png) 0 0 no-repeat;}
.body-left-menu-block .top h4 {color:#7A3507;text-transform:capitalize;font-size:16px;font-weight:bold;padding:10px 0 0 10px;margin:0 auto;width:185px;border-bottom:1px solid #AE5A10;text-shadow:1px 1px 1px #E1AE8C;}
.body-left-menu-block .body {margin:0 auto;width:100%;height:auto;background:url(../images/bg-menu-body.png) 0 0 repeat-y;}
.box {margin:0 auto;padding:5px;width:185px;border-top:1px solid #E08816;}
.box ul {list-style:none outside none;margin:0;padding:0;}
.box li {margin:0;padding:5px 0 2px 8px;border-top:1px solid #D67D26;border-bottom:1px solid #BA6109;font-size:11px;text-transform:capitalize;}
.box li a {color:#FFFFFF;text-decoration:none;font-weight:bold;}
.box li a:hover {color:#ffff00;}
.box li .linkputih {background:url(../images/li-noactive.gif) no-repeat scroll 3px 7px transparent;margin:0;padding:5px 0 2px 20px;font-size:11px;text-transform:capitalize;color:#fff;text-shadow:1px 1px 0px #8F6240;}
.box li .linkkuning {color:#ffff00;background:url(../images/li-active.gif) no-repeat scroll 3px 7px transparent;margin:0;padding:5px 0 2px 20px;}
.body-left-menu-block .bottom {margin:0 auto;width:100%;height:14px;background:url(../images/bg-menu-bottom.png) 0 0 no-repeat;}
.body-login-block .top {margin:0 auto;width:100%;height:30px;background:url(../images/bg-login-top.png) 0 0 no-repeat;}
.body-login-block .top h4 {color:#0C4269;text-transform:capitalize;font-size:16px;font-weight:bold;padding:10px 0 0 10px;margin:0 auto;width:182px;border-bottom:1px solid #3D92B4;text-shadow:1px 1px 1px #C0DEF4;}
.body-login-block .body {margin:0 auto;width:100%;height:auto;background:url(../images/bg-login-body.png) 0 0 repeat-y;}
.boxIndent {padding:4px 0 4px 10px;margin:0 auto;width:182px;border-top:1px solid #69C3E7;}
.boxIndent .clear {overflow:hidden;width:100%;}
.username, .password {margin:0 0 4px 2px;color:#F7EE0F;font-size:12px;font-weight:bold;text-transform:capitalize;text-shadow:1px 1px 0 #5C94C1;}
.username label, .password label {font-weight:bold;}
.username input[type="text"], .password input[type="password"] {margin:2px 0;padding:1px 2px;width:165px;border:1px solid #1B799D;-moz-border-radius:2px;-webkit-border-radius:2px;}
.login {overflow:hidden;padding:5px 0 0;}
.login input[type="submit"], .request-box-boxIndent .login input[type="submit"] {background:url(../images/bg-btn.gif) 0 0 repeat-x;border:1px solid #8093A0;-moz-border-radius:2px;-webkit-border-radius:2px;color:#4A5462;font-size:11px;font-weight:bold;display:block;height:22px;margin:0 0 0 4px;padding:3px 10px 5px;text-align:center;text-transform:uppercase;width:auto;cursor:pointer;text-shadow:1px 1px 0px #F9F9F9;}
.login input[type="submit"]:hover, .request-box-boxIndent .login input[type="submit"]:hover {color:#000;}
.form-login-remember, .request-box-boxIndent .remember {color:#919090;padding:20px 0 0;font:12px/13px Arial,Helvetica,sans-serif;}
.form-login-remember p, .request-box-boxIndent .remember p {padding:4px 0;}
.form-login-remember p a {color:#F7EE0F;text-decoration:underline;text-shadow:1px 1px 0 #5C94C1;}
.form-login-remember p a:hover {color:#fff;}
.body-login-block .bottom {margin:0 auto;width:100%;height:14px;background:url(../images/bg-login-bottom.png) 0 0 no-repeat;}
.body-hit {margin:0 auto;padding:10px 0 0 0;height:80px;background:#fff url(../images/hit-counter.png) 50% 100% no-repeat;}
.body-hit-box {margin:12px auto 0;width:102px;height:60px;}
.body-hit-box .judul-hit, .body-hit-box .total-hit {font-size:12px;font-weight:bold;text-align:center;}
.body-hit-box .judul-hit {color:#000;padding:7px 0 2px;border-bottom:1px solid #77A721;text-shadow:1px 1px 0 #DBF9C6;}
.body-hit-box .total-hit {color:#F00;padding-top:5px;border-top:1px solid #E9FF77;text-shadow:1px 1px 0 #AAEB7C;}
/*login permohonan*/
.body-login-request {margin:10px auto;padding:10px;width:500px;background-color:#ECEBEB;}
.body-login-request-box {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CBCBCB;padding: 1px;}
.request-box-jdl {padding:5px;}
.request-box-jdl h4 {color:#0C4269;text-transform:capitalize;font-size:16px;font-weight:bold;border-bottom: 1px solid #CBCBCB;}
.request-box-boxIndent {margin:0 auto;width:250px;}
.request-box-boxIndent label{display:block;margin-bottom:10px;color:#666666;}
.request-box-boxIndent label span{display:block;float:left;padding:6px 6px 0 0;width:70px;text-align:right;font-weight:bold;font-size:12px;}
.request-box-boxIndent input{border:1px solid #C0C0C0;color:#666666;height:18px;font-size:12px;width:150px;}
.request-box-boxIndent .login {overflow:hidden;padding:5px 0 0;margin-left:80px;}
.request-box-boxIndent .remember {padding:10px 0 20px;margin-left:83px}
.request-box-boxIndent .remember p a {color:#0F69F7;text-decoration:underline;}
.request-box-boxIndent .remember p a:hover {color:#000;}
/*Login admin*/
.login-form1 { width:460px; margin:10px auto; background-color:#E7EBEE; border:1px solid #ABBCCC;-moz-border-radius:3px;padding:10px;}
.login-form2 { width:440px; margin:8px auto; background-color:#D2D2DD; border:1px solid #6893BB;-moz-border-radius:3px;}
.login-form { width:440px; margin:0 auto;}
.header-login{ width:100%; height:30px; background-color:#D9A93B; border-bottom:1px solid #E9EFFC;}
.header-login h4 { font-size:16px; font-weight:bold; color:#fff; text-align:left; padding:0 0 0 10px; text-transform:capitalize; line-height:28px;}
.login-form .tbl { width:432px; height:80px; background-color:#F9FCF9; border:1px solid #AEBCDD; border-collapse:collapse; margin:4px auto;}
.login-form .tbl tr td { font-size:12px; font-weight:bold; color:#000;}
.login-form .tbl tr td input[type="text"], .login-form .tbl tr td input[type="password"] {margin:0 0 0 5px; padding:2px; width:250px; background:#fff url(../images/text-bg.gif)0 0 repeat-x; border:1px solid #B5B8C8;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;}
.login-block2 {width:100%; height:30px; padding:3px 0 0 0; background-color: #5BA5D3; border-top:1px solid #E9EFFC;}
.login-btn { float:right;}
.login-btn input[type="submit"] { background:#fff url(../images/bg-btn.png) 0 0 repeat-x; border:1px solid #a8a8a8;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; cursor:pointer; padding:2px 10px;}
.login-btn input[type="submit"]:hover {background:#fff url(../images/bg-btn-over.png) 0 0 repeat-x;border:1px solid #8bacd8;}
.login-error { width:95%; margin:5px auto; padding:2px 0; font-size:11px; color:#BF0B0B; text-align:center; background-color:#FFDDDD; border:1px solid #FFBBBB;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;}
.action-bar {margin:5px 0 0; _margin:2px 0 10px; padding:0px; _padding:2px;font-size:12px; height:50px; _height:22px; background:url(../images/border-paging.png) left bottom repeat-x;}
.action { padding:0px 3px; _padding:2px 3px; margin:14px 0 0; text-align:left; _margin:0;}
.pagination { width:450px;padding:3px; text-align:right; margin:10px 0 0; _margin:0;}
.pagination a, .pagination b { margin:0 1px; padding: 2px 5px; border:1px solid #223C57; height:22px;}
.pagination a:hover, .pagination b { background-color:#223C57; color:#fff;}
.pagination a img { vertical-align: middle; text-align:center; padding:2px;}
/*permohonan uji online*/
.news, .event {margin:10px auto;padding:2px;width:98%;}
.news-box, .event-box { margin:0 auto; width:100%; border:1px solid #d5d5d5; background-color:#f3f3f3; text-align:right;}
.news-cari, .event-cari { width:90%; margin-right:10px; padding:0;}
.news-jdl, .event-jdl {padding:5px;}
.news-jdl h4, .event-jdl h4 {color:#0C4269;text-transform:uppercase;font-size:16px;font-weight:bold;}
.news-list, .event-list { margin:0 auto; width:100%;border:0px solid #EEEBEB; border-top:none;}
.news-list-box, .event-list-box { margin:0 auto;}
.news-list-box ul, .event-list-box ul { list-style:none outside none; margin:0; padding:0;}
.news-list-box li, .event-list-box ul li { padding:5px 0; font-size:12px; border-bottom:1px solid #D7E5F8;}
.news-list-box li .date, .event-list-box li .date { padding-left:3px; color:#f00; font-size:11px; font-weight:normal;}
.news-list-box li h4, .event-list-box li p, { margin:0 auto; width:98%;}
.news-list-box li h4 a, .event-list-box ul li h4 a { text-decoration:none; width:98%; text-align:left; padding-left:8px;}
.news-list-box li h4 a:hover, .event-list-box ul li h5 a:hover { text-decoration:underline;}
.news-list-box li p, .event-list-box ul li p { font-size:12px; width:98%; text-align:left; padding-left:8px;}
.news-details, .event-details { margin:4px auto; width:98%;background:#fff url(../images/bg-hln.png) 0 0 repeat-x scroll;border: 0px solid #8EAFBE;box-shadow: 0 2px 2px #C6C4C4;color: #04080A;padding: 10px 0px;line-height: 145%;text-align: left; _border:1px solid #CCC;}
.news-details .date, .event-details .date { padding-left:6px; color:#FF6600; font-size:11px; font-weight:bold; text-decoration:underline;}
.news-details h3, .event-details h3 { padding-left:10px;color:#2D59C6;text-transform:capitalize;font-size:16px;font-weight:bold;}
.news-details div.sumber, .event-details div.sumber { margin-top:-5px; padding-left:10px; font-size:12px; font-style:italic; font-weight: bold; color:#f00;}
.news-details p, .event-details p { padding:0px; margin:0 auto; width:96%; font-size:12px; font-weight:normal; line-height:18px;}
.news-details p img, .event-details p img { text-align:center;display: block; margin:5px auto;}
.news-details ul li ol {list-style-image:none;list-style-position:outside;list-style-type:none; font-size:12px;}
.news-details ul li ol li {list-style-position:outside;list-style-type:decimal;margin:5px 10px 5px 50px;}
.news-details ul li ol li ul li { list-style-type:decimal;}
div.disclaimer { font-size:12px; text-align:left; font-style:italic; text-decoration:underline; padding-left:10px; color:#F00;}
/*profil*/
.profil-index, .qata, .qata1, .qata2 .qata-index {margin:10px auto;padding:10px;width:95%;background-color:#ECEBEB;}
.profil-index-box, .qata-box, .qata1-box, .qata2-box, .qata-index-box {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CBCBCB;padding: 1px; /*padding:5px 0;*/}
.profil-index-box .left, .qata-index-box .left { width:40%; padding-left:20px;}
.profil-index-box .right, .qata-index-box .right { width:55%; height:100px; text-align:left;}
.profil-index-box .right img, .qata-index-box .right img { border:none; padding:40px 0 0 20px;}
.profil-index ol, .qata-index ol {font-size:12px; list-style-image:url(../images/arrow.gif);}
.profil-index ol li a, .qata-index ol li a, .qata-index ol li ul li a {margin:5px 10px 5px 0;}
.profil-index ol li a:hover, .qata-index ol li a:hover, .qata-index ol li ul li a:hover { text-decoration:underline;}
.profil-about { margin:10px auto; width:99%; border-top:1px solid #CBCBCB;}
.profil-about-box {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CBCBCB;padding: 5px;}
.profil-about-box h4, .qata-jdl h4, .qata1-jdl h4, .qata2-jdl h4 {color:#0C4269;text-transform:uppercase;font-size:16px;font-weight:bold; padding:5px 0;}
.profil-about-box h5, .qata-jdl h5, .qata1-jdl h5, .qata2-jdl h5 {color:#0C4269;text-transform:uppercase;font-size:14px;font-weight:bold; padding:5px 0;}
.profil-about-box h6 {color:#0C4269;text-transform:uppercase;font-size:12px;font-weight:bold; padding:5px 0;}
.profil-about-box em { margin-left:30px;}
.profil-about-box ul {font-size:12px; margin-left:30px; list-style-type:inherit;}
.profil-about-box ul li {margin:5px 10px 5px 0;}
.profil-about-box p {font:12px/13px Arial,Helvetica,sans-serif;}
.profil-about-box .image { margin:0 auto; width:100%; text-align:center;}
.profil-about-box .image img { border:none;}
.profil-about-box .imgfield { font-size:11px; font-weight:bold; text-align:center;}
.maginleft {margin-left:-7px;}
.qata-index ol li ul { list-style-image:url(../images/arrow.gif); margin-left:30px;}
.qata-box div.img { text-align:center; margin:0 auto; padding:5px 0;}
.qata ol, .qata1 ul, .qata2 ol, .qata2 ul {list-style-image:none;list-style-position:outside;list-style-type:none; font-size:12px;}
.qata ol li, .qata1 ul li, .qata2 ol li, .qata2 ul li {list-style-position:outside;list-style-type:decimal;margin:5px 10px 5px 50px;}
.qata ol li ul li { list-style-type:lower-roman;}
/*.qata1, .qata2 {margin:10px auto;padding:10px;width:97%;background-color:#ECEBEB;}
.qata1-box, .qata2-box {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CBCBCB;padding: 1px;}
.qata1-jdl, .qata2-jdl {padding:5px;}*/
.qata1-jdl h5, .qata2-jdl h5 {padding-left:15px;}
.qata1-jdl h5 span{color:#1E768E;text-transform:capitalize;font-size:11px;font-weight:bold;}
.qata1-box .footer { width:95%; margin: 10px auto; padding:4px 0; text-align:center; border-top:1px solid #CBCBCB;}
.qata1-box .footer p { font-size:11px; font-weight:bold; color:#000;}
.qata1-box .footer p a { font-size:11px; font-weight:normal; text-decoration:none; color:#0523C4;}
.qata1-box .footer p a:hover { text-decoration:underline;}
.qata2-jdl h5 a, .qata2-jdl h5 a:hover {color:#0C4269; text-decoration:none;}
.qata2-jdl h6 {color:#0C4269;text-transform:capitalize;font-size:12px;font-weight:bold; padding-left:25px;}
.qata2-jdl .sub ol {font-size:12px; list-style-image:url(../images/arrow.gif);}
.qata2-jdl .sub ol li a {margin:5px 10px 5px 0;}
.qata2-jdl .sub ol li ul { list-style-image:url(../images/arrow.gif); margin-left:30px;}
.qata2-jdl .sub ol li a:hover { text-decoration:underline;}
.qata-contact, .magang {margin:10px auto;padding:10px;width:97%;background-color:#ECEBEB;}
.qata-contact-box, .magang-box {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CBCBCB;padding: 1px;}
.qata-contact-box h6 {color:#0C4269;text-transform:capitalize;font-size:12px;font-weight:bold; text-align:center;}
.qata-contact-content { width:50%; height:128px; margin:10px auto; background:#fff url(../images/bg-contact-name.png) 50% 0 no-repeat;}
.qata-contact-content h4 { font-size:20px; font-weight:bold; text-align:center; text-decoration:underline; color:#4772b6; padding:10px 0;}
.qata-contact-name { margin:0 auto; padding:10px; width:90%;}
.qata-contact-name p { font-size:12px; text-align:center; padding:0 0 5px 0;}
.magang-box div.img { text-align:center; margin:0 auto; padding:5px 0;}
.magang-jdl {padding:5px;}
.magang-jdl h4 {color:#0C4269;text-transform:uppercase;font-size:16px;font-weight:bold;}
.magang-jdl h5 {color:#0C4269;text-transform:capitalize;font-size:14px;font-weight:bold; padding-left:15px;}
.magang ol {list-style-image:none;list-style-position:outside;list-style-type:none; font-size:12px;}
.magang ol li {list-style-position:outside;list-style-type:decimal;margin:5px 10px 5px 50px;}
.magang ol li ul li { list-style-type:disc;}
.contact {margin:10px auto;padding:10px;width:95%;background-color:#ECEBEB;}
.contact-box {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CBCBCB;padding: 1px;}
.contact-box h6 {color:#0C4269;text-transform:capitalize;font-size:12px;font-weight:bold; text-align:center;}
.contact-box-name { margin:8px auto 0; width:332px;}
.contact-box-name .top { height:7px; background:url(../images/contact-top.png) center top no-repeat;}
.contact-box-name .body { background:url(../images/contact-body.png) center top repeat-y; text-align:center;}
.contact-box-name .body h6 {color:#122E92;text-transform:capitalize;font-size:11px;font-weight:bold; text-align:center;}
.contact-box-name .body p { font-size:12px; text-align:center;padding:10px 0;}
.contact-box-name .bottom { height:17px; background:url(../images/contact-bottom.png) center top no-repeat;}
.body-admin {width:900px;height:100%; margin:0 auto; padding-bottom:5px;position:relative;}
/*right-block*/
.body-top-right {width:730px;height:100%;padding-bottom:5px;position:relative;}
.body-top-right-block, .body-top-right-midlle, .headline {margin:0 auto;width:100%;}
.body-top-right-top {margin:0 auto;width:100%;height:212px;/*background:url(../images/apply_online.png) 0 0 no-repeat;*/}
.body-top-right-top img { border:none;}
.body-top-right-midlle {border:1px solid #E8E8E8;-moz-border-radius:3px;-webkit-border-radius:3px;}
/*admin*/
.admin-table { margin:10px auto; padding: 0 0 10px; text-align:left; background-color:#dfe8f6; border:1px solid #99bbe8; -moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;}
.admin-table h4 { padding:3px 0 3px 3px; margin:0 0 5px 0; color:#15428B;text-transform:uppercase;font-size:14px;font-weight:bold; background:#dae7f6 url(../images/bg-grid-title.png) 0 30% repeat-x; border-bottom:1px solid #99bbe8;}
.admin-table .title { margin:0 auto; width:99%; background-color:#fff; font-size:14px; font-weight:bold; color:#000; text-align:center;}
.admin-table .title-body { margin:20px auto 0; width:97%;font-size:12px; font-weight:normal; color:#000; text-align:left; padding:2px 0 0 5px;}
.admin-table table, .admin-table .tabel-top, .admin-table .tabel-body { font-size:11px; border:1px solid #99bbe8; border-collapse:collapse; width:99%; margin:0 auto;}
.admin-table table thead tr td, .admin-table .tabel-top tr th, .admin-table .tabel-body thead tr td { font-weight:bold;padding:6px 0 6px 3px;background:#ebecee url(../images/bg-grid-thead.png) 0 10% repeat-x; border:1px solid #d0d0d0; border-collapse:collapse;}
.admin-table table tbody tr td, .admin-table .tabel-top tr td, .admin-table .tabel-body tbody tr td {border-top:1px solid #ededed; padding:1px 0 1px 2px;}
.admin-table table tfoot tr td, .admin-table .tabel-body tfoot tr td {padding:4px 0 4px 3px;background:#ceddef url(../images/bg-grid-tfoot.png) 0 10% repeat-x; border-top:1px solid #99bbe8;}
.admin-table table tfoot tr td div.button { padding:2px 5px; font-size:12px; float:right;}
.admin-table table tfoot tr td div.button a{width:16px; height:16px; margin:0 5px; padding: 0 0 2px 20px; color:#333; text-decoration:none;}
.admin-table table tfoot tr td div.button a:hover { text-decoration:underline;}
.admin-table table tfoot tr td div.button a.add { background:url(../images/add.gif) 0 0 no-repeat;}
.admin-table table tfoot tr td div.button a.delete { background:url(../images/delete.gif) 0 0 no-repeat;}
.admin-table table .rows {margin:0;position: relative;}
.admin-table table .rows div input[type="text"], .admin-table table thead tr td input[type="text"] { margin:4px 0 2px 0!important; padding:2px; background:#fff url(../images/bg-input.gif) 0 0 repeat-x!important; border:1px solid #B5B8C8;}
.admin-table table thead tr td input[type="text"] { width:80%!important;}
.admin-table table .rows span { margin-left:10px; font-style:italic;}
.browseimg { margin:4px 0 2px 0!important; padding:2px; background:#fff url(../images/bg-input.gif) 0 0 repeat-x!important; border:1px solid #B5B8C8;}
.admin-table table .rows label.labels {display: inline-block;text-align: right;width: 130px;color: #505050; font-weight:bold;padding:8px 4px 0 0;float:left;}
.admin-table table div input[type="file"] {border:1px solid #a8a8a8;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; font-size:12px; background:#fff url(../images/text-bg.gif) 0 0 repeat-x;}
.admin-table table div input[type="button"], div.footbutton input[type="button"], div.footdel input[type="button"], div.footbutton input[type="submit"], .admin-table table thead tr td input[type="button"] { margin:0; background:#fff url(../images/bg-btn.png) 0 0 repeat-x; border:1px solid #a8a8a8;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; cursor:pointer; padding:2px 17px; color:#000; font-size:12px;}
.admin-table table div input[type="button"]:hover, div.footbutton input[type="button"]:hover, div.footdel input[type="button"]:hover, div.footbutton input[type="submit"]:hover, .admin-table table thead tr td input[type="button"]:hover {background:#fff url(../images/bg-btn-over.png) 0 0 repeat-x;border:1px solid #8bacd8;}
.admin-table table div.footdel input[type="button"] {float:right; margin:3px 7px 3px 0!important;}
.admin-table table div input[type="button"] { float:right; margin:3px 83px 3px 0!important;}
/*.admin-table table .rows div input[type="button"] { margin-right:138px!important;}*/
div.footbutton input[type="button"], div.footbutton input[type="submit"] { float:left; margin:4px 4px 6px 10px!important;}
.admin-table table div span {color:#f00;}
.detailspp { margin:0; padding:0;}
.detailspp tr th {font-weight:bold;padding:2px 0 2px 6px;background:#ebecee url(../images/bg-grid-thead.png) 0 10% repeat-x; border:1px solid #d0d0d0; border-collapse:collapse;}
.detailspp tr td { background-color:#fff; border:1px solid #d0d0d0; border-collapse:collapse; padding:2px 0 2px 6px!important;}
.admin-table .tabel-top {margin:5px auto 0!important; background-color:#FFF!important;}
.admin-table .tabel-top tr th { padding:6px 3px!important;text-align:right!important; width:200px!important;}
.admin-table .tabel-top tr td {border:1px solid #d0d0d0!important;}
.admin-table .tabel-body thead tr td { text-align:center!important;}
.admin-table .tabel-body tbody tr td { background-color:#FFF!important;}
.admin-table .tabel-body tbody tr td.rupiah, .admin-table .tabel-body tfoot tr td.rupiah { text-align:right!important;}
.admin-table .tabel-body tfoot tr td { font-weight:bold!important;}
/*admin-edit*/
.admin-edit { margin:2px auto 10px; padding: 0; text-align:left; background-color:#dfe8f6; border:1px solid #99bbe8; -moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;}
.admin-edit h4 { padding:3px 0 3px 3px; margin:0 0 5px 0; color:#15428B;text-transform:uppercase;font-size:14px;font-weight:bold; background:#dae7f6 url(../images/bg-grid-title.png) 0 30% repeat-x; border-bottom:1px solid #99bbe8;}
.admin-edit table { font-size:11px; border:0px solid #99bbe8; border-collapse:collapse; width:99%; margin:0 auto;}
.admin-edit table tr td label { width:auto; display:inline; float:none; padding-left:2px; font-weight:bold; text-transform:capitalize;}
.admin-edit table tr td div { position:relative; padding:0;}
.admin-edit table tr td div input[type="text"], .admin-edit table tr td div input[type="password"], .admin-edit table tr td div select { width:410px; height:20px; padding:2px; background:#fff url(../images/bg-input.gif) 0 0 repeat-x; border:1px solid #B5B8C8;-moz-border-radius:2px;}
.admin-edit table tr td div select { width:882px;}
.admin-edit table tr td div input[type="file"] { height:20px; padding:2px; background:#fff url(../images/bg-input.gif) 0 0 repeat-x; border:1px solid #B5B8C8;}
.admin-edit table tr td div span { color:#F00; font-size:12px;}
.admin-edit table tr td div span a { color:#00F; text-decoration:none; cursor:default;}
.admin-edit table tr td div span a:hover { text-decoration:underline;}
.admin-edit table tr td div.area-text { background-color:#FFF; border:1px solid #A9BFD3; width:420px!important; margin-bottom:6px;}
.toolbar1, .toolbar2 { width:420px!important; height:26px; background:#d2e1f0 url(../images/bg-toolbar.gif) 0 0 repeat-x;}
.admin-edit table tbody tr td iframe { border:none;}
.admin-edit .footbutton { height:35px; margin-top:10px; background:#ceddef url(../images/bg-grid-tfoot.png) 0 10% repeat-x; border-top:1px solid #99bbe8;}
.admin-edit table tr td div.tanggal select, .admin-edit table tr td div.tanggal input {width:200px; height:20px; padding:2px; background:#fff url(../images/bg-input.gif) 0 0 repeat-x; border:1px solid #B5B8C8;}
/*headline*/
#headline {background:#fff url(../images/bg-hln.png) 0 0 repeat-x scroll;border: 0px solid #8EAFBE;box-shadow: 0 2px 2px #C6C4C4;color: #04080A;padding: 10px 2px 10px;line-height: 145%;margin:5px auto 10px;text-align: left;width: 98%; _border:1px solid #CCC;}
#headline .date {color:#F60;font-size:11px; font-weight:bold; padding:5px 5px 5px 15px; text-decoration:underline;}
#headline h3 {font-size: 22px;font-weight: normal; color:#26546D;padding:0 0px 8px 10px;text-shadow:0px 1px 0px #D2DADE;}
#headline div {padding:0 0px 8px 10px;}
#headline a:link {color:#1A5163; line-height:22px;}
#headline a:hover {text-decoration:underline;}
#headline p { text-shadow:1px 1px 0px #F1F1F1;}
#headline p img {border: 1px solid #FFFFFF;float: left;font-size: 11px;margin: 3px;padding: 2px;text-align: left;}
#rightdetail {margin:5px auto 10px; padding:0 0 10px 0; width:100%;/*background:-moz-linear-gradient(100% 60% 90deg, #F9FBF5, #E7FFC1) repeat scroll 0 0 transparent; border: 1px solid #CCED7D;*/}
.berita-artikel {margin:0 auto 10px;width:100%;height:auto;position:relative;}
.beritaku, .artikelku { width:360px; height:auto; padding: 0; margin:10px 0 0; background-color:#fff; border:0px solid #f00;}
.beritaku-title, .artikelku-title { margin: 0; padding:0 10px 3px 5px;}
.beritaku-intro_text, .artikelku-intro_text {color: #FFFFFF;font-size: 14px;font-weight: bold;padding: 5px 0;}
.beritaku-intro_text a, .artikelku-intro_text a {padding:2px 45px 5px 10px; _padding:2px 35px 5px 10px; color:#fff; text-decoration:none; _position: relative; _left:0px; _top:5px; cursor:default;text-shadow:1px 1px 0px #869196;}
.beritaku-intro_text a { background: #3294d6 url(../images/bg-berita.png) right top no-repeat; _background: #3294d6 url(../images/bg-berita.png) 110% 0 no-repeat;}
.artikelku-intro_text a { background: #a6bd39 url(../images/bg-artikel.png) right top no-repeat; _background: #a6bd39 url(../images/bg-artikel.png) 110% 0 no-repeat;}
.beritaku_text, .artikelku_text { width:100%;margin:-6px 0 0; padding-bottom:5px;}
.beritaku_text { border-top:1px solid #3294d6; background-color:#3294d6;}
.artikelku_text { border-top:1px solid #a6bd39; background-color:#a6bd39;}
.beritaku_box, .artikelku_box { width:98%; height:100%; margin:0 auto; padding:5px 0 0 0; background-color:#fff;-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-radius-bottomleft:5px; -webkit-border-radius-bottomright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;border-radius-bottomleft:5px;border-radius-bottomright:5px;}
.beritaku_content, .artikelku_content { width:95%; height:350px; margin: 0 auto 5px; background-color:#FFF;}
.beritaku_content ul, .artikelku_content ul {clear:both;margin:0 0 5px 0;padding:0 0 1px 15px;}
.beritaku_content ul {border-bottom:1px solid #B9CFDE;}
.artikelku_content ul {border-bottom:1px solid #D2DAA7;}
.beritaku_content ul li, .artikelku_content ul li {clear: both;color: #666666;list-style-position: outside;list-style-type: square;margin: 0;padding: 3px 0;}
.beritaku_content .date, .artikelku_content .date {color:#FF6600;font-size:10px;font-weight:bold;padding:2px 5px 0 5px;}
.beritaku_content ul li h5, .artikelku_content ul li h5 a { font-size:12px;font-weight:bold;text-decoration:none;text-shadow:1px 1px 0px #F9F9F9;}
.beritaku_content ul li h5 a { color:#326C95;}
.artikelku_content ul li h5 a { color:#778918;}
.beritaku_content ul li h5 a:hover, .artikelku_content ul li h5 a:hover {text-decoration:underline;}
.beritaku_content ul li p, .artikelku_content ul li p {color:#000;font-size:12px;text-shadow:1px 1px 0 #F1F2F2;}
/*galerifoto*/
#galerifoto {width:650px;background: #fff url(../images/bgisimultimedia.gif) left bottom repeat-x;border: 1px solid #CCCCCC;float: left;margin: 0;min-height: 815px;padding:20px; margin-bottom:17px;}
.mapmenu {clear: both;font-size: 10px;margin: 0;padding: 5px 0;text-align: right;}
#multimediaisi a:link {color: #EE0000;text-decoration: none;}
#galerifoto .framefoto {background-color: #D9D9D9;clear: both;margin: 0;padding: 25px 23px 25px 27px;}
#galerifoto .fotogbr {background-color: #FFFFFF;clear: both;margin: 3px 0;padding: 3px;width: 590px;}
#galerifoto .ketfoto {clear: both;line-height: 120%;padding: 3px 0;text-align: left;font-size:12px;}
#galerifoto .keterangan {clear: both;margin: 0;padding: 20px 0 0;}
#galerifoto .date {color: #676767;font-size: 10px;}
#galerifoto .judul {color: #006600;font-family: Georgia,"Times New Roman",Times,serif;font-size: 26px;line-height: 110%;}
#galerifoto .reporter {color: #EE0000;font-size:11px;}
#galerifoto .infosingkat {margin:10px 0;font-size:12px;line-height:15px;}
#galerifoto h4 {border-bottom: 1px dotted #CCCCCC;clear: both;color: #000000;font-family: Georgia,"Times New Roman",Times,serif;font-size: 12px;font-weight:bold;text-transform:uppercase;margin: 15px 0 5px;padding: 0;text-align: left;}
#galerifoto #fotomenu {clear: both;padding: 2px;text-align: center;}
#galerifoto #fotomenu ul {clear: both;margin: 0;padding: 5px;}
#galerifoto #fotomenu ul li {clear: both;display: inline;margin: 0;padding: 10px 17px 10px 0;text-align: center;}
#galerifoto #fotomenu ul li img {border:1px solid #788CD0;padding:1px;}
/*.berita-artikel {margin:0 auto 10px;width:100%;height:auto;position:relative;}
.berita, .artikel {width:345px;margin:0 5px;}
.berita h4, .artikel h4 {;color:#AE2D05;text-transform:capitalize;font-weight:bold;padding:8px 0 4px 10px;}
.berita-artikel-box {width:98%;margin:0 auto;text-align:left;}
.berita-artikel-box ul {clear:both;margin:0 0 5px 0;padding:0 0 1px 15px;border-bottom:1px solid #EEEBEB;}
.berita-artikel-box ul li {clear: both;color: #666666;list-style-position: outside;list-style-type: square;margin: 0;padding: 3px 0;}
.berita-artikel-box .date {color:#484747;font-size:10px;font-weight:bold;padding:7px 5px 0 5px;}
.berita-artikel-box ul li h5 {}
.berita-artikel-box ul li h5 a {font-weight:bold;text-decoration:none;}
.berita-artikel-box ul li h5 a:hover {text-decoration:underline;}
.berita-artikel-box ul li p {color:#000;font-size:11px;}
*/
/*sitemap*/
.mysitemap {margin:0 auto;padding:10px;width:97%;background-color:#ECEBEB;}
.mysitemap-box {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CBCBCB;padding: 1px;}
.mysitemap-box h4 {color:#0C4269;text-transform:uppercase;font-size:16px;font-weight:bold; padding:5px;}
.sitemap {font-family: Arial,Helvetica,Sans-Serif;margin: 20px 0 20px 70px;overflow: visible;padding: 0;}
.sitemap {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #A9B4C6;border-style: none none none solid;border-width: 0 0 0 1px;}
.sitemap ul {border: 0 none;display: block;list-style: none outside none;margin: -11px 0;padding: 0;}
.sitemap ul li {border: 0 none;left: -11px;margin: 10px 0 5px 10px;padding: 0;position: relative;top: 0;}
.sitemap a, .sitemap a:visited {display: block;font-size: 12px;font-weight: bold;height:20px;line-height:20px;margin: 0 0 0 -10px;padding: 1px;text-align: left;text-decoration: none;text-indent:8px;width:180px;}
.sitemap a, .sitemap a:visited {background: none repeat scroll 0 0 #E5EFF9;border: 1px solid #C2D3EE;color: #1D4B67;}
.sitemap a:hover { background-color:#fff; border:1px solid #D9EEC2; color:#FF6600;}
.sitemap ul ul {background: none repeat scroll 0 0 transparent;padding: 12px 0 18px;}
.sitemap ul li li {left: 0;margin: 10px 0 5px 1px;padding: 0 0 0 25px;position: relative;top: 0;}
.sitemap ul li li {background: url(../images/line-sitemap.gif) no-repeat scroll left center transparent;color: #000000;}
/*.sitemap ul ul a, .sitemap ul ul a:visited {font-size: 12px;font-weight: normal;height: 1.3em;line-height: 1.3em;margin: 0;text-indent: 0.4em;width: 15.9em;}
.sitemap ul ul a, .sitemap ul ul a:visited {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #9292A1;color: #4F4F4F;}
*/
.sitemap ul li .sub-sub {left: 0;margin: 10px 0 0 1px;position: relative;top: 0;}
.sitemap ul li .sub-sub {background: url(../images/line-sitemap.gif) no-repeat scroll left top transparent;}
.sitemap ul ul a, .sitemap ul ul a:visited {font-size: 11px;font-weight: bold;height:20px;line-height:20px;margin: 0;text-indent:5px;width: 180px;}
.sitemap ul ul a, .sitemap ul ul a:visited {background: none repeat scroll 0 0 #F2F7FB;border: 1px solid #CFDFF1;color: #1D4B67;}
.sitemap ul ul a:hover { background-color:#fff; border:1px solid #E1F1CF; color:#FF6600;}
.sitemap ul ul ul {margin: 0 0 30px 12px;padding: 12px 0 0;}
.sitemap ul ul ul {border-left: 1px solid #2A71E4;}
.sitemap ul li li li {left: 0;margin: 10px 0 5px;padding: 0 0 0 20px;position: relative;top: 10px;}
html > body .sitemap ul li li li {top: 10px;}
.sitemap ul ul ul a, .sitemap ul ul ul a:visited {font-size: 100%;padding: 1px;width: 14.9em;}
/*event*/
/*.event {margin:10px auto;padding:2px;width:98%;}
.event-box {margin:0 auto; width:100%; border:1px solid #d5d5d5; background-color:#f3f3f3; text-align:right;}
.event-cari { width:90%; margin-right:10px; padding:0;}
.event-jdl {padding:5px;}
.event-jdl h4 {color:#0C4269;text-transform:uppercase;font-size:16px;font-weight:bold;}
.event-list { margin:0 auto; width:100%;border:1px solid #EEEBEB; border-top:none;}
.event-list .actions-bar { width:100%; padding:2px 0;}
*//*.pagination { margin:0 10px 0 5px;}*/
/*.event-list ul {clear:both;margin:0;padding:0 0 1px 15px;border-bottom:1px solid #EEEBEB;}
.event-list ul li {clear: both;color: #666666;list-style-position: outside;list-style-type: square;margin: 0;padding: 3px 0;}
.event-list .date {color:#484747;font-size:10px;font-weight:bold;padding:7px 5px 0 5px;}
.event-list ul li h5 {}
{font-weight:bold;text-decoration:none;}
{text-decoration:underline;}
{color:#000;font-size:11px;}
*/
/*
.event-box { margin:0 auto; width:100%; border:1px solid #d5d5d5; background-color:#f3f3f3; text-align:right;}
.event-cari { width:90%; margin-right:10px; padding:0;}
.event ul {clear:both;margin:0 0 5px 0;padding:0 0 1px 15px;border-bottom:1px solid #EEEBEB;}
.event ul li {clear: both;color: #666666;list-style-position: outside;list-style-type: square;margin: 0;padding: 3px 0;}
.event .date {color:#484747;font-size:10px;font-weight:bold;padding:7px 5px 0 5px;}
.event ul li h5 {}
.event ul li h5 a {font-weight:bold;text-decoration:none;}
.event ul li h5 a:hover {text-decoration:underline;}
.event ul li p {color:#000;font-size:11px;}
*/
#slider {background-color:#C4D9E3;border: 1px solid #8EAFBE;color: #04080A;padding: 3px 13px 12px 14px;line-height: 145%;margin:5px auto 10px;padding: 0 2px 3px 2px;text-align: left;width: 98%;}
#slider .image {border: 1px solid #FFFFFF;float: left;font-size: 10px;margin: 3px;padding: 2px;text-align: left;}
#slider .date {color:#F60;font-size:10px;}
#slider a:link {color:#960;}
#slider a:hover {text-decoration:underline;}
#slider .judul {font-size: 20px;font-weight: bold;line-height: 110%;}
#gallery {width:100%;margin:5px auto;text-align:left;}
#gallery h4 {background:url(../images/bg-head-center.png) 0 68% repeat-x;color:#AE2D05;text-transform:capitalize;font-weight:bold;padding:8px 0 4px 10px;border-bottom:1px solid #EBBA36;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;}
#gallery .klik-gallery {padding:10px;background-color:#FFF;}
/*Registrasi*/
#registerme {width:98%;margin:5px auto 0;}
#registerme h4 {font-size:20px;color:#fff;font-weight:bold;padding:3px 3px 3px 8px;background-color:#033;}
#registerme h5 {font-size:16px;color:#000;font-weight:bold;padding:3px 3px 3px 8px; border-bottom:1px solid #033;text-align:center;}
#registerme em { font-size:12px!important;}
.fieldsCollection {margin: 2.3em 1.5em;position: relative;border:none;}
.dotline {border-top: 1px solid #D6D6D6;height: 1px;margin-bottom: 10px;margin-top: 0.5em;}
.fieldsCollection legend {color: #662986;font-size: 108%;font-weight: bold;text-transform:capitalize;}
.row, .row-check1 {margin-bottom: 0.25em;position: relative;}
.row label, .row-check1 label {display: inline-block;text-align: right;width: 13.8em;color: #505050;font-size: 100%;padding-right: 4px;float:left;}
.row label em, .row-check1 label em {text-decoration:none!important;font-style:italic;}
.row .label1, .row-check1 label1 {vertical-align:top!important;padding-top:5px;}
.row label span, .row-check1 label span {color:#f00;}
.row div, .row-check1 div {display: inline-block;}
.row div input, .row div textarea, .row div select, .row-check1 div input, .row-check1 div textarea, .row-check1 div select {font-family: inherit;font-size: inherit;font-weight: inherit;width: 300px;}
.row div input:focus, .row div textarea:focus, .row div select:focus, .row-check1 div input:focus, .row-check1 div textarea:focus, .row-check1 div select:focus {background-color:#FFF7C0;}
.row div textarea, .row div select, .row-check1 div textarea, .row-check2 div textarea, .row-check1 div select, .row-check2 div select {margin-left:5px;}
.row-check {float:left;width:30%;margin:0 0 0 10px;border:1px solid #E3E8EA;}
.row-check label {display: inline-block;text-align: center;width: 13.8em;color: #505050;font-size: 100%;padding-right: 4px;}
.row-check label em {text-decoration:none!important;font-style:italic;}
.row-check div {width:20px;height:20px;margin:5px auto 0;text-align:center;}
.row-check div input[type="checkbox"] {text-align:center;margin:0 auto;}
.row-check1 label {text-decoration:none;}
.row-check1 div input, .row-check2 div input {margin:10px 0 10px 5px;}
.row-check1 label em, .row-check2 label em {text-decoration:none!important;font-style:italic; color:#F30;}
.row-check1 label em {padding-right:2px;}
.row-check2 label {text-decoration:underline;}
.row-check2 label em {padding-right:10px;}
/*qata tabel, Dokumen list*/
.qatatbl, .document {margin:10px auto;padding:2px;width:99%;}
.qatatbl-box, .document-box { margin:0 auto; width:100%; border:1px solid #d5d5d5; background-color:#f3f3f3; text-align:right;}
.qatatbl-cari, .document-cari { width:90%; margin-right:10px; padding:0;}
.qatatbl .table, .document .table { /*margin:15px 0;*/ margin:5px 0; border-collapse:collapse; width:100%;}
.colm1, .colm2, .colm3, .colm4, .colm5 { padding-left:3px; text-align:left;}
.qatatbl .table thead tr th, .document .table thead tr th { color:#152d46; text-align:center;font-size:11px; font-weight:bold; line-height:22px; background-color:#b6c6dd; border:0px solid #B6C6DD;}
.qatatbl .table thead tr th h5,.document .table thead tr th h5 { margin-top:-5px; padding:2px 5px; color:#D7DEF7;font-size:14px; line-height:25px; background:#223c57 url(../images/bgheaddt.png) 0 50% repeat-x scroll;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;-webkit-border-radius-topleft:4px;-webkit-border-radius-topright:4px;border-radius-topleft:4px;border-radius-topright:4px;}
.qatatbl .table tbody tr td, .document .table tbody tr td { font-size:11px; border:1px solid #D9DFE7; padding-left:3px;}
.qatatbl .table tbody tr.menu2, .document .table tbody tr.menu2 { background-color:#333;}
/*Footer*/
#footer {margin:0 auto;position:relative;background-color:#4d8bc4}
#footer-body {margin:0 auto;background:url(../images/footer-top.png) 0 0 no-repeat scroll}
#footer-body-wrapper {margin:0 auto;width:942px;height:100px;}
.footer-copy {/*width:350px;*/ width:100%;font-size:12px;color:#c9e2e9;text-align:center;padding:25px 0 0 15px;}
.footer-menu {width:550px;padding:21px 0 0 15px;}