@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic);
@import url(//fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic);
#container {
    background-color: #d3d3d3;
    min-width: 730px!important;
    text-align: center;
}
#headerTitle,#navbar{
	width:1020px
}

#header{
	background: transparent;
	padding: 0 0 40px 0!important;
}

#header h1 {
    margin: 0 auto;
    padding: 0px!important;
    font-family: Cuprum,sans-serif;
    font-weight: normal;
}

#body {
    margin: -40px auto 12px auto;
    padding: 0 0 24px 0;
    background-color: #fff;
    background-image: none;
    width: 1020px;
    display: inline-block;
    height: auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
}

#additionalHomeContent{
	display: inline-block;
    width: 100%;
}

table.data td {
    padding: 0.3em 0 0.3em 1em!important;
}

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

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

#navbar{
	margin:0 0 12px 0;
	padding:0;
	background: #4682b4 none;
	clear:both;
	text-align:left;
	border:0;
	height:40px;
	width:1020px;
}

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

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

#navbar a,#navbar a:link,#navbar a:visited{
	font-family:Cuprum,sans-serif;
	font-weight:bold;
	font-size:0.8em;
	text-transform:uppercase;
	letter-spacing:0;
	color:#fff;
	line-height:40px;
	display:inline-block;
	margin:0;
	padding-left:15px;
	padding-right:15px;
}

#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,.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,.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,.01),#fff,rgba(255,255,255,.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:black;
	display:none
}

#navbar a:hover{
	background:#3f75a2;
	text-shadow:1px 1px #3f75a2
}

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

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

ul.sidemenu.full{
	margin:-11px -12px 0 -10px!important
}

ul.sidemenu li:before{
	display:none
}

ul.sidemenu li{
	padding:0
}

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

ul.sidemenu li a:hover{
	background-color:#4682b4;
	text-decoration:none
}

ul.sidemenu li a:active{
	background-color:#46B459;
	text-decoration:none
}

#breadcrumb{
	margin:0 20px 0em 20px;
	padding:.5em 0;
	background:transparent;
	font-family: Cuprum,sans-serif;
	font-size:1em;
	border-bottom:1px dotted #333
}

#topBar {
	width: 100%;
	padding-top: 0em!important;
	padding-bottom: 0em!important;
}

#content h1, #content h2, #content h3, #content h4, #main>h2{
	color: #333;
    font-family: Cuprum,sans-serif;
    font-weight: 700;
}

#content{
	padding:0.5em 20px 0!important;
	border-top: none;
	margin: 0;
	font-size: 0.7em
}

#content h1, #content h2, #main>h2{
	padding-left:20px!important;
	padding-right:20px!important;
}

#content h4, #content h3{
	margin: 0em 1em 0.25em 0em!important
}

#content h4 a{
	text-decoration:none;
}

#main {
	float: left;
    margin-left: 0;
    margin-right: 0!important;
    overflow: visible!important;
    padding: 0;
    position: relative;
    width: 805px;
}

/* Theme designed by themeOJS - http://www.themeojs.com */
#cpr{
	border:0 none #fff
}

#leftSidebar,#rightSidebar{
	margin:40px 0 0 0;
	padding:8px 10px 0px 10px;
	background:transparent none;
	font-size:13px!important;
	height:auto;
	overflow:hidden
}

#leftSidebar ul,#rightSidebar ul{
	margin-bottom:0
}

#leftSidebar{
	width:160px;
	display:inline;
	float:left;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#ccc
}

#rightSidebar{
	width:190px;
	float:right;
	border-left-width:1px;
	border-left-style:dotted;
	border-left-color:#000
}

#rightSidebar div.block,#leftSidebar div.block{
	border:0;
	padding:0;
	margin-bottom:12px;
	color:inherit;
	font-family: 'Open Sans',sans-serif
}

#leftSidebar div.block span.blockTitle,#rightSidebar div.block span.blockTitle{	
	padding: 10px 1em!important;
    width: 164px;
    margin-bottom: 12px;
    background: #4682b4;
    display: block;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    font-family: Cuprum,sans-serif;
    font-size: 14px;
}

#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:0;
	list-style:none
}

.block li:before{
	content:"\00BB";
	font-style:normal;
	font-weight:normal;
	text-decoration:inherit;
	margin-right:.5em;
	position: relative;
}

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

.banner-img,.indexers a,.intro{
	display:inline-block
}

table.tocArticle:nth-child(2n+1) tr{
	background-color:#f0f0ff
}

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

table.tocArticle tr:hover{
	background-color:#CFE9FF
}

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

table.tocArticle a{
	text-decoration:none;
	color: #333
}

.tocTitle{
	font-weight:700
}

td.tocGalleys{
	padding-right:10px
}

.tocPages{
	background:rgba(0,0,0,0) no-repeat scroll right 1.1em;
	display:inline-block;
	float:right;
	height:35px;
	min-width:24px
}

.tocAuthors {
    background: url(https://ejournal.kampusmelayu.ac.id/public/site/images/kangslamet/icon-group.png) 1px 2px no-repeat rgba(0,0,0,0);
    font-style: normal;
    padding: 0px 0px 5px 25px;
	margin-top: 4px;
}

#content ul.menu{
	margin:0
}

#content ul.menu li{
	background-image:linear-gradient(to bottom,#2651ff 0,#4f72ff 100%);
	background-repeat:repeat-x;
	border-radius:3px;
	padding:5px 8px
}

#content ul.menu li.current,#content ul.menu li:hover{
	background-image:linear-gradient(to bottom,#ec790f 0,#f28c31 100%);
	background-repeat:repeat-x
}

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

#content ul.menu a:hover{
	color:#ff0
}

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

input.textField:focus,input.uploadField:focus,select.selectMenu:focus,textarea.textArea:focus{
	border:1px solid #0d355e
}

input[type=button],input[type=submit]{
	background-image:linear-gradient(to bottom,#ddd 0,#c4c4c4 100%);
	background-repeat:repeat-x;border:1px solid #9d9d9d;
	border-radius:2px;color:#444;
	padding:3px 5px;
	text-shadow:1px 1px #f6f6f6
}

input[type=button]:hover,input[type=submit]:hover{
	background-image:linear-gradient(to bottom,#c4c4c4 0,#aaa 100%);
	background-repeat:repeat-x;
	cursor:pointer;
	text-decoration:none
}

input.defaultButton{
	color:#2b2b2b;
	font-weight:700
}

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

.banner-img{
	margin-bottom:10px
}

.banner-img:hover{
	opacity:.7;
	filter:alpha(opacity=70)
}

.indexers{
	margin:10px 0
}

.indexers a{
	border:2px solid transparent;
	padding:5px 3px
}

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

.indexers a img{
	height:38px
}

a img{
	border:0
}

div.thickSeparator{
	margin-bottom:10px
}

span.highlight{
	background-color:#ffff80
}

.intro{
	background-color:#fff2db;
	border:1px dotted Orange;
	padding:10px
}

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

.highlight{
	background-color:ivory;
	border:1px dashed #ffa851;
	padding-bottom:6px;
	padding-top:6px
}

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

.issueCoverImage img{
	border:0 solid #fff;
	box-shadow:4px 4px 6px #aaa;
	margin:1em 2em 1em 0;
	width:100px
}

.cover-image-intro{
	border:1px solid #eee;
	box-shadow:1px 1px 12px #ccc;
	margin:0 0 0 1em;
	width:100px
}

.color-box{
	display:block;
	float:left;
	height:37px;
	margin-right:5px;
	width:60px
}

.color1{
	background-color:#0d355e
}

.color1-light{
	background-color:#f0f0ff
}

.color2{
	background-color:Orange
}

.color2-light{
	background-color:#ffedcc
}

.color-grey-light{
	background-color:#f4f4f4
}

#announcements{
	width:auto
}

#journalDescription{
	text-align: justify!important;
	float:right;
	width:66%
}

#homepageImage{
	float:left;
	width:32%;
	margin-top:-11px;
	margin-left:0;
	margin-bottom:10px;
	text-align:right
}

#homepageImage img{
	display:inline-block;
	max-width:100%;
	height:auto;
	margin-top: 0
}

#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:block;
	margin:0 auto 1em auto;
	text-align:right;
	width:1080px;
	padding-right:12px
}