* { margin:0; padding:0; }
body { font: 72.5%/1.7em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; color:#555; background: #fff url(../images/headerbg.gif) repeat-x; }

/* general styling */
a { color:#007898; background: inherit; border-bottom:1px dotted #ccc; text-decoration:none; }
a:hover { border-bottom:1px solid #ccc; color: #808080; background: inherit; }
a:focus { outline: 0; }
ul { margin:10px 10px 10px 0; padding:0 0 0 15px; }
li { margin:0 0 0 10px; padding:3px; }
img { border: 0; text-decoration: none; }

/* content */
.wrap { clear: both; padding:0 10px 10px 10px; width:1020px; margin:0 auto; }
#logo {float:left; margin: 26px 20px 14px 5px; color:#768998; }
h1 { margin: 0 0 10px; letter-spacing: 1px; font-size: 2em; }
h1 a { color: #fff; }
h1 a:hover { color: #FFFCB3; }
	
/* main navigation */
#nav { float:right; border:none; padding:0; margin: 47px 10px 60px 0; }
#nav li { float:left; list-style:none; margin:0 4px 0 0; padding:0; font-size: 1.1em; }
#nav li a { display:block; padding: 10px 12px 15px; color:#768998; text-decoration:none; border: 0; margin:0 1px 0 0; }
#nav li a:hover, #nav li a.current { background: url(../images/barbg.gif) no-repeat bottom center; color:#fff; }	
	.akey { border-bottom: 1px dotted #4B5761; }

/* main content */
#left { float: left; width: 750px; margin: 0 0 20px 0; }
	#left h2 { float: left; font: 2.1em "Trebuchet MS", Arial; background: url(../images/h2bg.gif) repeat-x bottom; color:#121212; letter-spacing:-1px; margin: 0px 0 20px 0; clear:left; }
	#left h2 a { color:#121212; text-decoration:none; border: 0; }
	#left p { clear: left; margin: 5px 0 20px 0; font-size:110%; line-height:21px; text-align:justify; }
	
/* sidebar */
#right {	width:250px; float:right; margin: 0 0 20px 0; }
	#right h2 { color:#fff; margin: 0 0 5px 0; font: bold 1.2em "Trebuchet MS", Arial; background: #fff url(../images/sideh2bg.gif) repeat-x; padding: 4px 10px; border-bottom: 2px solid #000; }
	#right ul { list-style:none; 	border-top:1px solid #eee; border:none; padding:0; margin:0 0 15px 0; }
	#right ul li { border-bottom:1px solid #eee; padding:5px; margin:0; }
	#right ul li a { border: 0; }

	#tagcloud { margin: 0 0 20px; }
	#tagcloud a { margin: 0 5px 0 0; color: #25771F; }
	#tagcloud a:hover { background: #E7FEE5; color: #007898; }
	
	#info { border: 1px solid #ccc; padding: 3px 5px; margin: 0 0 10px; }

#footer { clear: both; border-top: 1px solid #ccc; padding: 20px 0; color:#808080; }
#footer p { line-height: 2.5em; } 

/* table design */

#content {width:75%; max-width:690px; margin:6% auto 0;}

	table {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:80%;
		margin:5% auto 0;
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}
	
	th, td {padding:18px 28px 18px; text-align:center; }
	
	th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
	
	td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	
	tr.odd-row td {background:#f6f6f6;}
	
	td.first, th.first {text-align:left}
	
	td.last {border-right:none;}
	
	/*
	Background gradients are completely unnecessary but a neat effect.
	*/
	
	td {
		background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
	}
	
	tr.odd-row td {
		background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
	}
	
	th {
		background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
		background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
	}
	
	/*
	I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
	Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius
	
	And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
	*/
	
	tr:first-child th.first {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}
	
	tr:first-child th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}
	
	tr:last-child td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}
	
	tr:last-child td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}
	
/* Contact Details */

#editorial_board , #contact_details {
	clear: both;
	float: left;
	width: 650px;
	margin: 0;
	padding: 5px;
}

#contact1 {
	float: left;
}

#contact1  {
	width: 300px;
	padding: 5px;
	margin: 5px;
	float: left;
}

#contact2 {
	float: left;
	padding: 5px;
	margin: 5px;
}
/*

p {
	text-align:justify;
	text-justify:inter-word;
}

#right p {
	text-align:left;
}

*/

#tabs-1 p a, #tabs-2 p a, #tabs-3 p a, #tabs-4  p a { 

	color: #007898;
}

#tables {
margin: 20px 0px; 
padding: 0; 

}


#tables tr th, #tables1 tr,th {
	padding: 5px;
}

#tables1 {
	width: 100%;
	margin: 20px 0px; 
	padding: 0; 
}

/******* ASICS Vol Design CSS *******/
.parabackground {
	background-color: #efeded; 
	padding: 15px 35px;
	border-radius: 10px;
	margin: 0;
}

.parabackground b, .parabackground1 b {
	font-size: 90%;
	padding-left: 6px;
}

.parabackground1 {
	padding: 15px 35px;
	
}

.article_background {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #efeded; 
	padding: 5px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #888888;
	
	filter: 
  progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=10); 
}

.article_background1 {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: white;
	padding: 0px 5px 5px 5px; 
	margin-top: 0; 
	margin-bottom: 0;
	border-radius: 15px;
	
	
}

/*** Toc next and previous button ***/

.toc_previous {
	float: left;
}

#left p.toc_center {
	text-align: center;
}

.toc_next {
	float: right;
}

.abs_institution {
	font-style: italic;
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 80px;
	margin-left: -90px;
}
#back-top a {
	
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 75px;
	height: 75px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

.title{
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid gray;
	text-transform: uppercase;
	font-size: 130%;
}

p.author {
	text-align: center;
}

table.subform  {
	width: 100%;
}

table.subform tr, td {
	padding: 1;
}

table.subform td {
	text-align:left;
}


#mainimg
{
/*float:right;
width:200px;*/
margin-left:150px;

}

#currentissue
{
/*float:left;*/
/*width:520px;*/

}

#mainimgcontent
{
float:right;
font-size:10px!important;
padding-left:5px;
line-height:16px !important;
}

#topcontent
{

/*width:520px;*/
float:left;
}

.heading{
	text-align: center;
	padding-bottom: 10px;
	/*border-bottom: 1px solid gray;*/
	text-transform: uppercase;
	font-size: 130%;
	
}

#heading1{
	text-align: center;
	padding-bottom: 1px;
	border-bottom: 1px solid gray;
	text-transform: uppercase;
	font-size: 130%;
}