#logo, .toggle, [id^=drop] {display: none;}
navbar {top: 0; font-family:'Arial Narrow',Calibri,sans-serif;width: 100%; left:0; border:1px transparent;font-size:1.2em; display: inline-table;z-index:1;position: absolute;}
navbar img {max-width: 250px;height:40px; padding:5px;}
navbar ul.menuresp {display:none;}
navbar ul {padding: 0;  margin: 0;  list-style: none;  position: relative;}
navbar ul li {float: left;}
navbar ul li.divider:hover {background-color: transparent !important;}
navbar a {display: block;}
navbar ul ul {display: none;  position: absolute;}
navbar ul li:hover > ul {display: inherit; }
navbar ul ul li {width: 200px;  float: none;  display: list-item;  position: relative;}
navbar ul.menu {float:right;}
navbar ul.menu li {margin:0; padding: 0;display:block;text-align: left;}
navbar ul.menu a {padding: 10px 15px 10px 15px; text-decoration: none;text-transform:none;padding-right: 30px;}
/*navbar ul li#khusus {float:right;right:10%;}*/
navbar ul li#khusus ul {right:60px;text-align:right;}
div {font-size:1.05em;}
#level1:hover, #home:hover {color:blue;}
navbar ul li ul li:hover {color:blue; background:  #e5f2ff; }
/*navbar a:hover {color:blue; background-color: #e5f2ff; }*/
navbar ul ul {background-color: #cce5ff;}
navbar ul ul li {border-bottom: 0.5px solid  #cce5ff;}
navbar ul.menu li:hover {background-color: #e5f2ff;}
navbar label.toggle {color:darkblue;}
navbar label.toggle:hover {color:blue; background: #e5f2ff; }
navbar ul.menuresp li {background-color:  darkblue;}
navbar ul.menuresp li a {color:white;}
navbar ul.menuresp li a:hover {color:blue;}
#topBar {display: none;}
#rightSidebar {float: right;width: 18vw;padding: 0;font-size: 0.9em;margin-right: 5vw;margin-left: 0;}
#main {width:60vw;margin-left:13vw;}
#header{/*! min-height:125px; */ /*! max-height:125px; */ position:absolute;/*! z-index:1; *//*! left:0; */top:0;padding-top: 25px;background-color: rgb(30,35,36);}
div #sidebar {margin-left: 0;}
div#issues H3 {border-top: 1px dotted;padding-left: 1.5em;}
div#issues H4 {padding-left: 2.5em;}
TABLE TBODY TR.heading TD P{padding: 0;margin: 0;}
TABLE.listing TBODY TR TD {background: rgba(0,255,127, 0.3);padding: .5em 1em 0em 1em;}
TABLE.listing TBODY TR TD.endseparator {background: rgba(0,255,127, 0.2);font-size:.3em;margin-bottom:2em;}
TABLE.listing TBODY TR TD.headseparator {background: rgba(0,255,127, 0.2);font-size:.3em;}
TABLE.listing TBODY TR TD.separator {background: rgba(0,255,127, 0.2);font-size:.3em;}
TABLE.listing TBODY TR.heading TD {background: rgba(0,255,127, 0.4);margin: 1em 1em .5em 1em;}
TD.label {color: #2C079A;}
#breadcrumb {border-bottom: 2px solid #A5E6F8;border-top: 1px solid #A5E6F8;color: blue;padding: 5px 0.5em 0.3em 0.5em;font-size: 11px;background: rgba(139, 186, 255, 0.2);}
#headerTitle h1 DIV TABLE {font-family: Calibri, Arial, sans-serif;font-size:15px;font-weight: 900;color:#e5f2ff;padding-right:70px;}
#header h1 img {height: 70px;width: auto}
#content h2 {font-size: 1.3em;}
#content h3 {margin: 0em 1em 0.25em 0em;padding-top: 1.1em;/*font-family: Georgia,'Times New Roman',Times,serif;font-weight: bold;font-size: 1em;*/}
#content h4 {margin: .75em 1em 0em 0em;font-family: Georgia,'Times New Roman',Times,serif;font-weight: bold;font-size: 1em;padding-bottom: 0.5em;padding-top: 0.5em;color:blue;}
#content h5 {margin: 0em 1em 0.25em 0em;padding-top: 0.8em;font-weight: bold;font-size: 0.9em;}
#main h2, #content h3, #content h4 {font-family: Gill Sans,Arial,Verdana,Helvetica,sans-serif;}
#pageFooter {border-top: 1px solid  #544E15;border-bottom: 1px solid  #544E15;padding:10px;font-size:smaller;background: #f2fcfc;}
#sidebar div.block {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background: rgba(139, 186, 255, 0.2);border: 1px solid #544E15;padding: 5px 10px;margin-bottom: 10px;font-size: 0.8em;}
#sidebar div.block img {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;max-width: 90% !important;}
.block {padding: 5px 10px 10px 10px;margin: 8px 0;}
.blockTitle {font-weight: bold;text-shadow: 0px 1px 0px #FFF;}
.tocArticle {width: 100%;padding: 1em 1em 0em 1em;margin-top: 0.15em;background: rgba(218,247,166, 0.35);}
.tocArticleGalleysPages {font-size:0.9em;}
.tocPages {padding:5px 10px 5px 10px !important;background: rgba(139, 186, 255, 0.2);margin: 5px 0 5px 0  !important;border: 1px solid blue;border-radius:5px;display:inline-block;font-size: 1.5em;width:auto;}
.tocPages:hover {background: rgb(139, 186, 255)}
.tocPages a {padding: 10px 60px 15px 0px;}
.tocPages span {font-size: 0.5em}
.tocArticleTitleAuthors {width: 88%;}
.tocAuthors {font-size:1.1em;padding-left: 0;padding-bottom: 0.5em;}
.ui-pnotify-text {font-size: 0.8em;}
a.current {font-weight:bold;}
a.plain {text-decoration: none;font-size: 0.5em;}
a:focus, a:hover {color: #A11010;background: transparent;}
a:link, a:visited, a:active {color: blue;text-decoration: none;}
navbar a, a:link, a:visited {text-decoration: none;}
body {margin:auto;background: url("/support/image/bgafu.png") repeat fixed;padding-top: 4cm;}
div#issues H3 {border-top: 1px dotted;padding-left: 1.5em;}
div#issues H4 {padding-left: 2.5em;}
input.button {padding-left: 0.5em;padding-right: 0.5em;border-radius: 3px;background-color: #10BFFF36;font-size: 0.9em;font-weight:bold;color:blue;}
input.button:hover {border: 2px solid black;}
input.textField, select.selectMenu, textarea.textArea, input.uploadField {background-color: white;border: 2px solid #10BFFF36;}
label {font-size:small;padding-right:5px;color:rgba(38,40,48,1);}
span.formRequired {font-size: 0.7em;}
td.notificationFunction {padding-left: 5px;padding-right: 5px;text-align: right;}
tt {font-size: 1em;}
#level1 {margin: 10px 10px 0 10px; padding: 0; border-bottom: 1px solid #e5f2ff;}
#level1 {color:#e5f2ff;}
#home:hover {margin: 10px 10px 0 10px; padding: 0;background-image: none;}
navbar ul li ul li:hover {color:blue; }
navbar ul li:hover #level1 {color:blue;}
navbar ul.menuresp li {background-color: transparent}
navbar a:hover {color:blue; }
navbar ul ul li {border-bottom: 0.5px solid  #544E15;}
#homepageImage img {width: 60%;height: auto;}

@media all and (max-width : 856px) {#main {margin-left:10vw;}}
@media all and (max-width : 768px) {
.toggle + a, navbar .menu { display: none; }
.toggle {  display: block;  font-size: 25px;  line-height: 50px;  /*! border: none; *//*! border-bottom: 0.5px solid #544e15; */}
[id^=drop]:checked + ul { display: block; }
navbar {position: absolute;text-align: left;font-size: 25px; a:0 !important; right:0;width: 100%;left:0;padding:0;}
navbar ul.menuresp {padding-left: .25cm;font-size:.7em;display: block; position:absolute;top:.25cm;z-index:1}
navbar ul.menuresp li {position:relative;width:auto;margin: 0 2px;}
navbar ul.menuresp li a {text-decoration:none;padding:0 5px;}
navbar ul li {display: block;  width: 100%;background: #cce5f5;border-bottom: 0.5px solid rgb(30,35,36);}
#resp {border: none; }
#resp a {color: #e5f2ff;}
#resp:hover {background: #e5f2ff; }
#resp a:hover {color: blue;}
navbar ul ul .toggle, navbar ul ul a { padding: 10px 0; }
navbar ul ul {  float: none;  position: static;}
navbar ul ul li:hover > ul, navbar ul li:hover > ul { display: none; }
navbar ul ul li {  display: block;  width: 100%;}
navbar label {padding:0;}
navbar ul.menu a {font-size:20px;padding-left:50px;text-align: right; }
navbar .toggle {padding-right:15px;text-align: right;}
navbar > label.toggle {font-size:40px;float:right;padding-right:.25cm;text-align:right;margin-top:-0.2cm;width:100%;color: #e5f2ff;}
navbar ul li#khusus {display:none;}
ul.menu {margin: 0; padding-left: 0;}
#logo {padding:10px 0 0 0; margin-left:0;text-align: center;display: block;  /*! margin-top: 1cm; */margin-right:0; background:rgb(30,35,36);}
#logo a:hover {background-color:transparent;}
navbar #login, navbar #register, #home, #breadcrumb, #rightSidebar, #leftSidebar {display:none}
#header {display:none;}
#main {margin-left: 5vw;width:90vw;font-size:1.1em;}
body {padding-top: 85px;}
h2 {font-size:large}
#content h3 {font-size: large;}
#level1 {border:none;padding: 5px;margin:0}
#level1:hover{background:#e5f2ff}
navbar ul li.divider {display: none}
navbar ul li:first-child {border-top:1px solid #544E15}
navbar ul li li:nth-child(2) {border-top:1px solid #544E15}

}