#body {

margin: 0;
margin-left: 0! important;
margin-right: 0! important;
padding: 0;
background-color: transparent;
background-image: none;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 12px;
color: #222;
line-height: 1.5;
text-align: justify;
}

a:link,
a:visited,
a:active {
color: #4B0000;
text-decoration: none
}

a:hover {
color: #001;
background: none;
text-decoration: underline
}

#header h1, h2, h3, h4, h5, h6 {

font-family: 'Pathway Gothic One', "Times New Roman", Times, serif!important;
color: #000;
font-weight: 400;
text-align: left
}

#content h1 {
font-size: 3em;
font-weight: 400
}
#content h2 {
font-size: 2em;
font-weight: 400
}

#content h3 {
font-size: 1.8em;
font-weight: 400
}

#content h4 {
font-size: 1.6em;
font-weight: 400
}

#content h5 {
font-size: 1em;
font-weight: 400
}
#content h6 {
font-size: .85em;
font-weight: 400
}

#container {
margin: 0 auto;
padding: 0;
background-color: #aaa;
width: auto;
min-width: 700px!important;
text-align: center;
display:inline-block
}

#header {
margin: 0;
padding-bottom: 40px;
background-color: transparent;
background-image: none;
min-height: 50px
}

#headerTitle {
width: 1000px;
margin-top: 0;
display: inline-block
}

#header h1 {
font-family: 'Teko', verdana, Georgia, Times, serif! important;
font-weight: 200! important;
text-transform: none;
font-size: 2em;
letter-spacing: 0;
color: #000;
text-shadow: 1px 1px #fff;
padding-left: 0! important;
min-height: 50px
}
#headerTitle img {
float: left;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
max-width: 1000px;
height: auto;
-webkit-box-shadow: #666 0 0 5px;
box-shadow: #666 0 0 5px
}

#main {
margin: 0;
padding: 0;
background-color: transparent;
background-image: none;
display: inline;
float: left;
position: relative;
 width: 780px;
overflow: visible! important
}

#content {
margin: 0 0 0 15px;
border-top: 0 dotted #000;
font-size: 1em;
overflow: hidden
}

#navbar {
margin: 0 0 12px;
padding: 0;
background-color: #228B22;
background-image: none;
clear: both;
text-align: left;
border: none;
height: 40px;
width: 1000px;
margin-bottom: 10px;
}

#navbar ul {
margin: 0;
padding: 0 0 0 44px;
display: inline-block
}

ul.menu {
background-color: #228B22;
text-align: center
}

#navbar ul li {
margin: 0;
padding: 0;
float: left
}

#navbar a,
#navbar a:link,
#navbar a:visited {
font-family: 'Roboto', arial, sans-serif;
font-weight: 10;
font-size: 1em! important;
letter-spacing: 0;
color: #eee;
line-height: 40px;
display: inline-block;
margin: 0;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
}

#navbar a:before,
#navbar a:after {
 content: "";
position: absolute;
top: 5px;
display: block;
height: 30px;
width: 1px
}

#navbar a:before {
margin-left: -15px;
opacity: .15;
background: rgba(0,0,0,0.7);
background: linear-gradient(to top,rgba(0,0,0,0),#000,rgba(0,0,0,0));
background:-webkit-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0));
background:-ms-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0));
background:-moz-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0));
background:-o-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0))
}

#navbar a:after {
margin-left: -14px;
opacity: .35;
background: rgba(255,255,255,0.8);
background: linear-gradient(to top,rgba(0,0,0,0),#fff,rgba(0,0,0,0));
background:-webkit-linear-gradient(top,rgba(0,0,0,0),#fff,rgba(0,0,0,0));
background:-ms-linear-gradient(top,rgba(0,0,0,0),#fff,rgba(0,0,0,0));
background:-moz-linear-
gradient(top,rgba(255,255,255,0.01),#fff,rgba(255,255,255,0.01));
background:-o-linear-gradient(top,rgba(0,0,0,0),#fff,rgba(0,0,0,0))
}

#navbar li:first-child a:before,

#navbar li:first-child a:after {
background-color: #111;
display: none
}

#navbar a:hover {
background: #252DB3;
text-shadow: 1px 1px #5548A5
}

#navbar a:active {
background: none;
text-decoration:underline
}

ul.sidemenu {
margin-top: -12px;
padding-left: 0! important
}

ul.sidemenu.full {
margin: -12px -12px 0
}

ul.sidemenu li:before {
display: none
}
ul.sidemenu li {
padding: 0
}

ul.sidemenu li a {
display: block;
padding: .7em 12px;
border-bottom: 1px solid #b5b5b5;
background-color: #aaa;
text-decoration: none;
color: #000
}

ul.sidemenu li a:hover {
background-color: #f2dfcd;
text-decoration: underline
}

#breadcrumb {
margin: 0 8px 1em;
padding: .5em 0;
background-color: #blue;
background-image: none;
font-size: 1em;
border-bottom: 0 dotted #333
}

#main > h2,

#content {
padding-left: 12px;
padding-right: 12px
}

#main > h3 {
padding-left: 12px;
padding-right: 12px
}

#cpr {
border: 0 none #fff;
padding-left: 12px;
padding-right: 12px
}

#leftSidebar,
#rightSidebar {
margin: 28px 0 0;
padding: 12px;
background-color: transparent;
background-image: none;
font-size: 1em;
height: auto;
overflow: hidden
}

#leftSidebar {
width: 160px;
display: inline;
 float: left
}

#rightSidebar {
width: 180px;
margin-left: 0;
float: right;
background: #fafafa
}

#rightSidebar div.block,
#leftSidebar div.block {
border: 0;
padding: 0 0 12px 12px;
margin-bottom: 12px;
color: inherit
}

#leftSidebar div.block span.blockTitle,

#rightSidebar div.block span.blockTitle {
padding: 8px 0 8px 20px;
margin-bottom: 12px;
margin-left: -23px;
margin-right: -20px;
display: block;
color: #eee;
font-weight: 700;
letter-spacing: 0;
background: #00C853;
text-shadow: 1px 1px #5548A5
}

#sidebarDevelopedBy.block,
#sidebarHelp.block {
border: 1px solid #999! important;
border-radius: 4px;padding:.5em 1em! important
}

#sidebarDevelopedBy.block a,
#sidebarHelp.block a {
text-decoration: none
}

.block p {
margin: 0! important
}

.block ul {
padding-left: 1.2em;
list-style: none
}

.block li:before {
content: "\00BB";
border-color: transparent #cd853f;
border-style: solid;
border-width: .35em 0 .35em .45em;
display: block;
height: 0;
 width: 0;
left: -1em;
top: .9em;
position: relative
}

#sidebarFontSize.block {
padding-bottom: 35px! important
}

table.tocArticle:nth-child(odd) tr {
background-color: #EDBEB1
}

table.tocArticle:nth-child(even) tr {
background-color: #f4f4f4
}

table.tocArticle tr:hover {
background-color: #fff;-webkit-box-shadow:#666 0 0 5px;
box-shadow: #666 0 0 5px
}

table.tocArticle td {
padding: 5px 10px
}

table.tocArticle a {
text-decoration: none
}

.tocTitle {
font-weight: 700
}

.tocAuthors {
font-style: none;
left: 0;
padding-top: 3px;
padding-left: 0
}

td.tocGalleys {
padding-right: 10px
}

#content ul.menu {
margin: 0
}

#content ul.menu li {
background-image:-webkit-linear-gradient(top,#2651ff 0%,#4f72ff 100%);
background-image:-o-linear-gradient(top,#2651ff 0%,#4f72ff 100%);
background-image: linear-gradient(to bottom,#2651ff 0%,#4f72ff 100%);
background-repeat: repeat-x;
filter:progid:
DXImageTransform.Microsoft.gradient(startColorstr='#ff2651ff',endColorstr='#ff4f72f
f',GradientType=0);
padding: 5px 8px;
 border-radius: 3px
}

#content ul.menu li:hover,

#content ul.menu li.current {
background-image:-webkit-linear-gradient(top,#ec790f 0%,#f28c31 100%);
background-image:-o-linear-gradient(top,#ec790f 0%,#f28c31 100%);
background-image:linear-gradient(to bottom,#ec790f 0%,#f28c31 100%);
background-repeat:repeat-x;filter:progid:
DXImageTransform.Microsoft.gradient(startColorstr='#ffec790f',endColorstr='#fff28c3
1',GradientType=0)
}

#content ul.menu a {
color:#fff
}

#content ul.menu a:hover {

color:#ff0
}

input.textField,select.selectMenu,textarea.textArea,input.uploadField {
padding: .3em;
background-color: #f1f1f1;
border: 1px solid #aaa;color:#444
}

input.textField:focus,select.selectMenu:focus,textarea.textArea:focus,input.uploadF
ield:focus {
border: 1px solid #cd853f
}

input[type="submit"],input[type="button"] {
background-image:-webkit-linear-gradient(top,#51ba18 0%,#c4c4c4 100%);
background-image:-o-linear-gradient(top,#51ba18 0%,#c4c4c4 100%);
background-image:linear-gradient(to bottom,#51ba18 0%,#c4c4c4 100%);
background-repeat:repeat-x;
filter:progid:
DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd',endColorstr='#ffc4c4c
4',GradientType=0);
-webkit-border-radius: 2px;-moz-border-radius:2px;
border-radius: 2px;
color: #444;
text-shadow: 1px 1px #f6f6f6;
padding: 3px 5px;
text-decoration: none;
border: 1px solid #9d9d9d
}

input[type="submit"]:hover,input[type="button"]:hover {
background-image:-webkit-linear-gradient(top,#c4c4c4 0%,#aaa 100%);
background-image:-o-linear-gradient(top,#c4c4c4 0%,#aaa 100%);
background-image:linear-gradient(to bottom,#c4c4c4 0%,#aaa 100%);
background-repeat:repeat-x;
filter:progid:
DXImageTransform.Microsoft.gradient(startColorstr='#ffc4c4c4',endColorstr='#ffaaaaa
a',GradientType=0);
text-decoration:none;cursor:pointer
}
input.defaultButton {
color: #2b2b2b;
font-weight:700
}

div.separator {
border-bottom: 1px dotted #222
}

.indexers {
margin: 10px 0
}

.indexers a {
border: 2px solid transparent;
padding: 5px 3px;
display: inline-block
}

.indexers a:hover {
background: 0 0;
border: 2px dotted #cd853f;
opacity: .75;
filter: alpha(opacity=75)
}

.indexers a img {
max-height: 150px;
width:100
}

a img {
border: 0;
max-height: 150px;
width:auto
}

div.thickSeparator {
margin-bottom: 10px
}

span.highlight {
background-color: #f4f4f4
}

.intro {
background-color: #f4f4f4;
border: 1px dotted #4682b4;
padding: 10px
}

.intro ul {
margin: 0;
padding-left: 1em
}

.issueCoverImage {
border: 1px solid #fff;
 padding: 0;
margin: 0
}

.issueCoverImage img {
margin: 1em 2em 1em 0;
width: 100px;
border: 0 solid #fff
}

#content h4 a {
text-decoration: none
}

#announcements {
width: auto
}

#journalDescription {
float: right;
width:68%;
text-align:justify
}

#homepageImage {
float: left;
width: 30%;
text-align: justify;
margin: -1em 12px 12px 0
}

#homepageImage img {
display: inline-block;
height: auto
}

#announcementsHome,.clear {
clear: both
}

#setupForm #homepageImage {
float: none;
width: auto;
text-align: left;
margin-top: 1em;
margin-left: 0
}

#setupForm #journalDescription {
float: none
}

#setupForm #homepageImage img,

#setupForm #journalThumbnail img {
display: inline;
margin: 5px 0
}

.selectMenu {
 margin-right: 2px
}

#poweredby {
clear: both;
display: none;
margin: 0 auto 1em;
text-align: right;
width: 1000px;
padding-right: 12px
}

.tombol1 {
border-bottom: 1px solid #ccc!important;
border-top: 0 solid #259625! important;
border-left: 0 solid #259625! important;
border-right: 0 solid #259625! important;
background: #eee!important;text-decoration:none! important;
width: 220px;
height: 40px;
text-align: left;
font-size: 13px;
text-decoration: none;
margin: 0 -20px 0 -25px !important
}

.tombol1:hover,
.tombol1 a {
cursor: pointer;
background: #ddd! important;
padding-left: 10pxjustify}