table.helpT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; }

td.helpHed
{ border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040; }

td.helpBod
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

table.sofT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 


* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	font-size:11px;
	text-align:justify;
	margin:0 auto;
	/*background-color:#ebfbba;*/
	/*background-color:#fbf4be;*/
	background: url(../images/bgmakara.jpg) repeat-x fixed;
	
}

td {
	line-height:17px;
}

input {
	font-size:11px;
}

select{
	font-size:11px;
}

textarea{
	font-size:11px;
}

a{
	text-decoration:none;
}

.wrapper{
	margin:auto;
	width:975px;
	/*padding-top:20px;*/
	margin-top:20px;
	margin-bottom:20px;
	background-color:#fcfcee;
}

.paging{
	text-align:center;
	margin:5px 0px;
}
	.paging span{
		border:1px solid #ccc;
		padding:2px 5px;
		margin:2px;
		background:#ff9c00;
		color:#fff;
		font-weight:bold;
	}
	.paging a{
		border:1px solid #ccc;
		padding:2px 5px;
		margin:2px;
		color:#000;
		text-decoration:none;
		font-weight:bold;
	}
	.paging a:hover{
		border:1px solid #ccc;
		padding:2px 5px;
		margin:2px;
		color:#000;
		text-decoration:none;
		background-color:#999;
	}

.inbox .table{
	padding:0px;
	border:1px solid #999;
	width:100%;
}
	.inbox .table tr td{
		border:1px solid #999;
	}

	.inbox .table_header{
		background-color:#CCCCCC;
	}

#header{
	width:100%;
	height:95px;
	background-repeat:no-repeat;
	background-image: url(../images/web-header-90px.jpg);
}

	#header .title{
		padding:40px 10px;
		font-size:24px;
		text-align:right;
		font-family: "Maiandra GD";
	}
	
#mostD{
	padding:0 15px 0 0;
}	
	
#line{
	height:25px; 
	background-color:#000000; 
	width:100%;
}

#lineA{
	height:25px; 
	background-color:#000000; 
	width:100%;
	color:#FFFFFF;
	font-weight:bold;
}

#garis{
	border-bottom:1px double #000000;
	padding-top:10px ;
}

#pesan{
	font-size:14px;
	text-align:center;
	color:#CC3333;
}

#issn{
	font-size:12px;
	text-align:right;
	font-weight:bold;
}

#pesanReg{
	font-size:12px;	color:#CC3333;
}

#jBlok{
	padding-top:0px;
	width:180px;
	background-color:#fcdb00; 
	text-align:center;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:4px 0px;
}

.wrapper table{
	padding:8px 0;
}

#back{
	float:right;
	width:773px;
	font-size:11px;
	padding:5px;
}

#undo{
	float:left;
	padding:5px;
	width:773px;
}

#leftArea{
	clear:both;
	float:left;
	margin:0 auto;
	padding-right:10px;
	width:180px;
}
	#leftArea form{
		padding-bottom:10px;
	}

	#reviewerJurnal table{
	width:100%;
	padding:0;
}
	#reviewerJurnal .header_bg{
		background-color:#fcdb00;
	}
	#reviewerJurnal .outside_border{
		border:2px solid #999;
	}
	#reviewerJurnal .outside_border tr td{
		border:0px;
	}
	#reviewerJurnal ul{
		padding-left:15px;
		margin-top:0px;
	}
	
#leftMenu{
	font-size:11px;
	padding:15px 5px 10px;
	line-height:18px;
	border:1px double #fcdb00;
}
	#leftMenu a{
		text-decoration: none;
		color:#000000;
	}
	#leftMenu a:hover{
		color:#FF9900;
	}
#seri{
	font-size:12px;
	/*padding:20px 5px 10px;*/
	/*line-height:18px;*/
	border:1px double #fcdb00;
}
	
#viewed{
	font-size:9px;
	padding:5px;
	line-height:18px;
}

#volume{
	float:left;
	width:773px;
	font-size:11px;
	padding:10px 5px;
	border:1px double #fcdb00;
}
	#volume a{
		text-decoration: none;
		color:#000000;
	}
	#volume a:hover{
		color:#FF9900;
	}

#jurnal{
	float:left;
	width:773px;
	font-size:11px;
	padding:10px 5px;
	border:1px double #fcdb00;
}
	
	
#menu{
	padding:3px 0;
}
	#menu a{
		text-decoration:none;
	}
	#menu a:hover{
		color:#FF9900;
	}
	
#artikel{
	float:left;
	width:773px;
	font-size:11px;
	padding:5px 3px;
	line-height:18px;
	border:1px double #fcdb00;
}
	#artikel a{
		text-decoration: none;
		color:#000000;
	}
	#artikel a:hover{
		color:#FF9900;
	}
	
#judulA{
	text-align:right;
	}
	
#judulA2{
		font-size:16px;
		text-align:right;
		width:773px;
	}
	
#image {
	padding:5px 8px 8px 0px;
	float:left;
	display:inline-table;	
}

#image2 {
	padding:5px 5px 0px 8px;
	float:right;
	display:inline-table;	
}

#search{
	float:left;
	width:773px;
	font-size:11px;
	padding:10px 5px;
	line-height:18px;
	color:#000000;
	border:1px double #fcdb00;
}
	#search a{
		text-decoration: none;
		color:#000000;
	}
	#search a:hover{
		color:#FF9900;
	}

#home{
	float:left;
	/* width:960px; */
	width:773px;
	font-size:11px;
	padding:5px 5px;
	line-height:18px;
	border:1px solid #fcdb00;
}
	#home table{
		padding:0;
	}
	#home ul{
		padding-left:15px;
	}

#wacana{
	float:left;
	width:773px;
	font-size:11px;
	padding:5px 5px;
	margin-top:5px;
	line-height:18px;
	border:1px solid #fcdb00;
}
	#wacana table{
		padding:0;
	}
	#wacana ul{
		padding-left:15px;
	}
	
#registrasi{
	float:left;
	width:773px;
	font-size:11px;
	padding:5px 3px;
	line-height:18px;
	border:1px double #fcdb00;
}

.registrasiJurnal{
	float:left;
	width:99%;
	font-size:11px;
	padding:5px 4px;
	line-height:18px;
	border:1px double #fcdb00;
}

.registrasiEditor{
	float:left;
	width:99%;
	font-size:11px;
	padding:5px 4px;
	line-height:18px;
	border:1px double #fcdb00;
}

.registrasiReviewer{
	float:left;
	width:99%;
	font-size:11px;
	padding:5px 4px;
	line-height:18px;
	border:1px double #fcdb00;
}

.submitUpload{
	float:left;
	width:99%;
	font-size:11px;
	padding:5px 4px;
	line-height:18px;
	border:1px double #fcdb00;
}

.editorJurnal table{
	width:100%;
	padding:0;
}
	.editorJurnal .header_bg{
		background-color:#fcdb00;
	}
	.editorJurnal .outside_border{
		border:2px solid #999;
	}
	.editorJurnal .outside_border tr td{
		border:0px;
	}
	.editorJurnal ul{
		padding-left:15px;
		margin-top:0px;
	}

.uploadJurnalReviewer{
	float:left;
	width:99%;
	font-size:11px;
	padding:5px 4px;
	line-height:18px;
	border:1px double #fcdb00;
}

#judul{
	font-size:17px;
	padding-top:0;
	padding-bottom:10px;
	font-weight:bold;
}

#loginArea{
	margin:auto;
	width:350px;
	border:1px double #fcdb00;
}
	#loginArea .title{
		background:#fcdb00;
		text-align:center;
		font:14px Arial, Helvetica, sans-serif;
		padding:4px;
	}
	#loginArea #loginMessage{
		padding:0 6px;
	}
	#loginArea #loginMessage ul{
		padding:0 25px;
	}

.member{
	padding:10px;
	border:1px double #fcdb00;
}
	.member table{
		padding:0;
	}
	/*.member table tr td{
		border:1px solid #999;
	}*/

#member{
	padding:10px;
	border:1px double #fcdb00;
}
	#member table{
		padding:0;
	}
	/*#member table tr td{
		border:1px solid #999;
	}*/

#daftarJurnal table{
	width:100%;
	padding:0;
}
	#daftarJurnal .header_bg{
		background-color:#fcdb00;
	}
	#daftarJurnal .outside_border{
		border:2px solid #999;
	}
	#daftarJurnal .outside_border tr td{
		border:0px;
	}
	#daftarJurnal ul{
		padding-left:15px;
		margin-top:0px;
	}

#editorJurnal table{
	width:100%;
	padding:0;
}
	#editorJurnal .header_bg{
		background-color:#fcdb00;
	}
	#editorJurnal .outside_border{
		border:2px solid #999;
	}
	#editorJurnal .outside_border tr td{
		border:0px;
	}
	#editorJurnal ul{
		padding-left:15px;
		margin-top:0px;
	}

.detail table{
	width:785px;
	padding:0;
}
	.detail .header_bg{
		background-color:#fcdb00;
	}
	.detail .outside_border{
		border:2px solid #999;
	}
	.detail .outside_border tr td{
		border:0px;
	}
	.detail ul{
		padding-left:15px;
		margin-top:0px;
	}

.table{
	border:1px solid #999;
	width:100%;
}
	.table tr td{
		border:1px solid #999;
	}

.table_header{
	background-color:#CCCCCC;
}

.tombol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:3px;
	margin-bottom:3px;
	border:1px groove #CCCCCC;
	background:#F9F9F9;
}
	.tombol a{
		text-decoration:none;
		font-size:11px;
		padding:3px;
		color:#9F9D81;
		font-weight:bold;
	}

#footer{
	height:80px;
	background-repeat:no-repeat;
	background-image: url(../images/footer-new.png);
	font-size:10px;
	color: #3B97D3;
	text-align:right;
	padding:5px;
}
	#footer a{
		font-size:10px;
		color: #FF9900;	
		font-weight:bold;
		text-decoration:none;
	}
	#footer a:hover{
		font-size:10px;
		color:#34B70B;
		font-weight:bold;
	}
	
<!-- penambahan drop down menu-->	
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px; 
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff; 
border-left: 1px solid #ffffff; 
border-right: 1px solid #ffffff; 

}
#nav li li a:hover, #nav li li a:active {
background: #c06000; 
padding: 7px 30px 7px 10px;
}

<!-- tambahan buat slide -->
bodyslide{
		font-family:verdana;
		font-size:80%;
		}
	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 960px;	/* IE 5.x */
		width/* */:/**/960px;	/* Other browsers */
		width: /**/960px;
		
		/* CSS HACK */
		height: 256px;	/* IE 5.x */
		height/* */:/**/250px;	/* Other browsers */
		height: /**/250px;
		
		background-color:url(../images/bgmakara.jpg) repeat-x fixed;
		border:0px solid #CCCCCC;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:960px;
		height:250px;
		background-color:url(../images/bgmakara.jpg) repeat-x fixed;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	#imageSlideshowHolder img{
		position:absolute;
	}
	
	/*chris - description overlay*/
	#the_captions{
		display:none;
		}
	.imageInGallery_DESC{
		position:absolute;
		color:#FFFFFF;
		padding:30px;
		padding-top:25px;
		margin-left:30px;
		margin-top:5px;
		z-index:100;
		/*height:200px;*/
		width:260px;
		background:url("../images/bg.png");
		font-size:80%;
		}
	.imageInGallery_DESC h1{
		color:#99cc33;
		font-size:140%;
		margin:0px;
		padding:0px 0px 5px 0px;
		}