*{
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
	color: #666666;
}

a img{
	text-decoration: none;
	border:0px;
}

a.editorial_email{
	color: #AB0003;
}

body{
	background: url(../images/site/background1.png) repeat-x #cbcbcb;				background-attachment: fixed;
}

#wrapper{
	width: 100%;
	height: 100%;
	background: url(../images/site/wrapper_background.png) no-repeat;
	position: absolute;
}
	#wrapper #header{
		display: block;
		height: 367px;
		background: url(../images/site/line1.png) no-repeat 50% 75%;
		background-postion: center;
	}
	
	#wrapper #logo{
		height: 138px;
		width: 254px;
		position: absolute;
		display: inline-block;
		left: 0px;
		top: 15px;
		/*float:left;*/
	}
	
	#wrapper #search{
		position: relative;
		display: inline-block;
		left: 280px;
	}	
		#wrapper #search form{
			height: 42px;
		}
		
		#wrapper #search #search_box{
			background: url('../images/site/search_box.png') no-repeat;
			vertical-align: top;
			height: 29px;
			width:233px;
			padding-left: 5px;
		}
		#wrapper #search #search_btn{
			height: 42px;
			width: 43px;
			margin: -5px 0px 0px -15px;
			cursor: pointer;
		}
		#wrapper #search span{
			font-size: 11px;
			color: #c0c0c0;
		}
	
	#wrapper #contact{
		position: relative;
		display: inline-block;
		width: 97px;
		top: -112px;
		right: -178px;
	}		#logos{		width: 980px;		position: relative;		height: 150px;	}
	#wrapper #menu{
		background: url(../images/site/1x1gray.png);
		width: 980px;
		height: 210px;
		position: relative;
		top: 15px;
	}
		#wrapper #menu .menu_item{
			display: inline-block;
			padding: 5px 0px 0px 0px;
			
		}
			#wrapper #menu .menu_item .menu_item_title{
				background-color: black;
				/*padding: 15px;*/
				color: white;
				font-size: 20px;
			}
				#wrapper #menu .menu_item .menu_item_title:hover{
					background-color: #AB0003;
				}
				
				#wrapper #menu a{
					display: block;
					padding: 12px;
					color: white;
				}
				
				#wrapper #menu #mid{
					display: inline-block;
					background-color: #F00;
				}
				
			#wrapper #menu .menu_item:first-child{
				/*padding-left: 5px;*/
			}
			#wrapper #menu .menu_item:last-child{
				/*padding-right: 5px;*/
			}
			
			#link { 
				padding:10px;
				cursor:pointer;
			}
			
			#submenu {
				position:absolute;
				border:1px solid #CCC;
				background:#FFF;
				padding:10px;
				display:none;
				z-index: 999;
				width: 949px;
				margin-left: 5px;
				margin-top: 13px;
				background: url("../images/site/1x195.png") repeat scroll 0 0 transparent;
				text-align:left;
			}
				
				#submenu .submenu_item{
					width: 250px;
					/*padding: 0px 50px 0px 10px;*/
					float:left;
				}
					#submenu .submenu_item p a{
						background: url("../images/site/list.png") no-repeat -10px 0px;
					}
					#submenu .submenu_item p:first-child{
						padding-bottom: 10px;
						color: #ab0003;
						font-weight: bold;
					}
					#menu #submenu .submenu_item a{
						color: #666666;
						padding: 0px;
					}
			
	#wrapper #menu #line{
		height: 3px;
		width: 971px;
		background-color: #AB0003;
		margin: 10px 5px 0px 5px;
	}	
	#wrapper #singidunum_logo{
		display:inline-block;
		right: -501px;
		top: -180px;
		position: relative;
	}
	
	#middle{
		width: 975px;
		position: relative;
		display: block;
		color: #000000;
		font-size: 14px;
		margin-top: 14px;
		min-height: 470px;
		max-height: auto;
		/*padding-bottom: 40px;*/
	}
	
		#middle ul li{
			 margin-left: 25px;
		}
		#middle ol li{
			margin-left: 25px;
		}
		
		#middle ol li.first{
			font-size:14px;
			font-weight: bold;
		}
		
		#middle  #accordion h3{
			width: 315px;
		}
		#middle  #accordion h3 a{
			font-size: 12px;
			color: #ab0003;
		}
			#middle #accordion ul li{
				list-style-image: url(../images/site/list.png);
				margin-left: 20px;
			}
				#middle #accordion ul li:hover{
					background-color: #e5e5e6;
				}
				
		#middle h1{
			color: #ab0003;
			font-size: 18px;
			padding-bottom: 20px;
		}
		
		#middle #article {
			float:right;
			width: 645px;
			text-align:left;
			border-right: 1px solid #dbdcdc;
			border-top: 1px solid #dbdcdc;
			border-bottom: 1px solid #dbdcdc;
		}
		
			#accordion{
				float:left;
				width: 315px;
				text-align:left;
				border-right: 1px solid #dbdcdc;
				border-top: 1px solid #dbdcdc;
				border-bottom: 1px solid #dbdcdc;
				padding: 10px 5px 10px 5px;
			}
		
		#middle #article .article_holder{
			margin: 0px 10px;
			padding: 0px 5px;
		}
			#middle .article_title{
				height: 45px;
			}
			#middle .article_holder span,
			#middle .article_holder span a{
				color: #ab0003;
				font-weight: bold;
				/*width: 80px;
				display:inline-block;*/
			}

			#middle .article_holder #download{
				color: #666666;
				float: right;
				text-align:center;
				font-size: 11px;
				font-weight: bold;
				margin-top: -60px;
			}
			
			#middle .article_holder #download a{
				color: #000;
				font-size: 14px;
				font-weight: bold;
				padding: 5px 10px;
				background-color: #d2d2d2;
				border: 1px solid #292930;
				-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.29);
				-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.29);
				box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.29);
			}
			
			#middle .article_holder #citations{
				    color: #666666;
					float: right;
					text-align: center;
					font-size: 11px;
					font-weight: bold;
					margin-top: 15px;
					display: block;
					position: relative;
					width: 109px;
			}
			#middle .article_holder #citations a{
				
				color: #000;
				font-size: 14px;
				font-weight: bold;
				padding: 5px 10px;
				background-color: #d2d2d2;
				border: 1px solid #292930;
				-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.29);
				-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.29);
				box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.29);
			}
			
		#middle #one-third{
			display:inline-block;
			width: 32%;
			height: 425px;
			padding-top: 10px;
			/*border-top: 1px solid #dbdcdc;*/
			border-right: 1px solid #dbdcdc;
			border-bottom: 1px solid #dbdcdc;
			text-align: left;
			vertical-align: top;
			margin-right: 2px;
			margin-top: -1px;
		}
		
		#middle #one-third form span{
			width: 65px;
			display: inline-block;
			padding-bottom: 5px;
			font-size: 14px;
		}
		
		#middle #one-third form input,
		#middle #one-third form select{
			width: 185px;
			background: url(../../images/site/combobox_bck.png) repeat-y;
		}
		
		#middle #one-third form input,
		#middle #one-third form select{
			background: url(../../images/site/combobox_bck.png) no-repeat;
			border: 1px solid #dbdcdc;
			display: inline-block;
			font-size: 14px;
		}				#middle .one-half{
			display:inline-block;
			width: 48%;
			/*height: 500px;*/
			padding-top: 10px;						padding-right: 10px;
			/*border-top: 1px solid #dbdcdc;*/
			border-right: 1px solid #dbdcdc;
			border-bottom: 1px solid #dbdcdc;
			text-align: justify;
			vertical-align: top;
			margin-right: 2px;
			margin-top: -1px;
			margin-bottom: 10px;
		}				#middle .one-half p {			margin-bottom: 7px;		}
		#middle .one-half form span{
			width: 65px;
			display: inline-block;
			padding-bottom: 5px;
			font-size: 14px;
		}
		
		#middle .one-half form input,
		#middle .one-half form select{
			width: 185px;
			background: url(../../images/site/combobox_bck.png) repeat-y;
		}
		
		#middle .one-half form input,
		#middle .one-half form select{
			background: url(../../images/site/combobox_bck.png) no-repeat;
			border: 1px solid #dbdcdc;
			display: inline-block;
			font-size: 14px;
		}
		
		#middle #two-third{
			display:inline-block;
			width: 320px;
			height: 555px;
			padding-top: 10px;
			/*border-top: 1px solid #dbdcdc;*/
			border-right: 1px solid #dbdcdc;
			border-bottom: 1px solid #dbdcdc;
			text-align: center;
			vertical-align: top;
			margin-right: 2px;
			margin-top: -1px;
		}
		
		#middle #one-third h2,#middle #two-third h2,#middle #three-third h2, #middle .one-half h2{
			color: #ab0003;
			text-align: left !important;
			border-top: 1px solid #dbdcdc;
			padding-top: 10px;						padding-right: 5px;						font-size: 18px;						margin-bottom: 5px;
		}
			#middle #two-third h2{
				padding-left: 10px;
			}
		
		#middle #one-third p,#middle #two-third p, #middle #three-third p{
			margin: 10px 8px 0px 8px;						font-size: 12px;
		}
		
		#middle #three-third{
			display:inline-block;
			width: 32%;
			height: 425px;
			padding-top: 10px;
			/*border-top: 1px solid #dbdcdc;*/
			border-right: 1px solid #dbdcdc;
			border-bottom: 1px solid #dbdcdc;
			text-align: left;
			vertical-align: top;
			margin-right: 2px;
			margin-top: -1px;
		}
		
			#middle #three-third #issn{
				border-top: 1px solid #dbdcdc;
				border-bottom: 1px solid #dbdcdc;
				padding: 10px 0px 0px 8px;
			}
			#middle #three-third h2{
			color: #ab0003;
			text-align: left !important;
			padding-top: 10px;
			padding-left: 8px;
			}
			
			#middle #full{
				width: 971px;
				border-right: 1px solid #dbdcdc;
				border-bottom: 1px solid #dbdcdc;
				border-top: 1px solid #dbdcdc;
				margin-top: -1px;
				margin-top: -8px;
			}
				#middle #full #issuu-holder{
					width: 650px;
					float: right;
					padding: 10px 10px 10px 0px;
				}
				
				#middle #full h2{
					padding-top: 10px;
					margin-top: 40px;
					border-top: 1px solid #dbdcdc;
					text-align: left;
					color: #AB0003;
				}
				
				#middle #full #printed-menu select{
					width:187px;
					background: url(../images/site/combobox_bck.png) no-repeat;
					height: 17px;
					border: none;
					color: #666;
					font-size: 11px;
					text-align: left;
					padding-left: 5px;
					padding-top: 2px;
				}
					#middle #full #printed-menu  option{
						background-color: #FFF;
						border: none;
					}
				
				#middle #full #printed-menu span{
					color: #ab0003;
					font-weight: bold;
				}
				
				#middle #full #printed-menu{
					float: left;
					display: block;
					padding-top: 150px;
					margin-left: -150px;
					text-align: left;
				}
			
				#middle #full #issn{
					padding: 10px 0px 10px 0px;
				}
				#middle #full #copyright{
					padding-bottom: 10px;
					text-align: justify;
				}
				#middle #full #download{
					padding-top: 10px;
					text-align: center;
					margin-left: -50px;
				}
				#middle #open_access_journal{
					font-style:italic;
					font-size: 13px;
					margin-top: 10px;
					margin-bottom: 10px;
				}
				#middle #versita{
					font-style:italic;
					font-weight: bold;
					border-top: 1px solid #dbdcdc;
					color: #b20003;
					font-size: 16px;
					padding: 0px 30px;
				}
					
					#middle #versita #text{
						display: inline-block;
						float: left;
						margin-top: 28px;
						margin-left: 22px;
					}
					#logov{
						display: inline-block;
						margin-bottom: 10px;
						margin-top: 10px;												position: absolute;												right: 0px;												top: 50px;
					}
				
			#footer{
				display: block;
				color: #666666;
				padding: 20 0px 20px 0px;
				margin-bottom: 10px;
			}
				#footer_wrapper {
					width: 960px;
					display: inline-block;
					border-top: 1px solid #dbdcdc;
					padding: 10px 5px 0px 5px;
				}
					#footer #copyright{
						/*display:inline-block;*/
						font-size: 11px;
						margin-top: 20px;
						/*float: left;
						left: 20%;
						position: relative;*/
					}
					
					#footer #cc{
						float: right;
						width: 477px;
						font-size: 11px;
						text-align: center;
						margin-top: -1px;
					}
					#footer #footer_menu{
						display: inline-block;
						position: relative;
						font-size: 11px;
						float: left;
						top: 0px;
					}
					#footer #footer_menu ul li{
						display: inline-block;
						border-right: 1px solid #666666;
						padding: 0px 9px 0px 5px;
						font-size: 11px;
						color: #dbdcdc;
					}
						#footer #footer_menu ul li:first-child{
							border-left: 1px solid #666666;
							padding-left: 9px;
						}

						.error_red_text {
							color: #8F3333;
						}

	.text-center {
		text-align: center;
	}

		.ceon {
			background: url(../images/site/ceon.png) no-repeat center;
			display: inline-block;
			margin-top: 5px;
			cursor: pointer;
			height: 86px;
			width: 122px;
		}
	
	.code {
		font-size: 11px;
		line-height: 14px;
		word-break: normal;
		word-wrap: normal;
	}
	span.code {
		display: block;
		padding: 10px 10px 20px 10px;
		font-size: 13px;
		line-height: 20px;
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.15);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	#citation a{
		color: #ab0003;
		font-weight: bold;
	}
	
	.btn {
		display: inline-block;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #cccccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-bottom-color: #b3b3b3;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	
	[data-clipboard-text] {
		float: right;
		display: block;
		margin-top: 5px;
		font-size: 10px;
	}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }.red-text { color: #a71616;}
.justify { text-align: justify; }.table { width: 100%;		}