/*________________________________________________________________________________________

	CSS file for AcRev webpage - 02/2010
	(c) Krisztian Gulyas
	______________________________________________________________________________________*/

body { 
	background-color:		#f2f2f2;
	margin:					-2px;
	padding:				0px;
	border:					0px;
	text-align:				center;
}

/*________________________________________________________________________________________

	frames -- global
	______________________________________________________________________________________*/

div#frame_head {
	background-color:		#ffffff;
	height:					220px;
}

div#frame_body { 
	background-color:		#f2f2f2;
}

/*________________________________________________________________________________________

	frames -- head
	______________________________________________________________________________________*/

div#head_online, div#head_subsribers, div#head_authors, div#head_sponsors {
	width:					800px;
	height:					220px;
	margin:					0px auto;
	padding:				0px;
	background-color:		#ffffff;
	text-align:				center;
}

div#head_online {
	background-image:		url('./img/head.png');
}
div#head_subscribers {
	background-image:		url('./img/subscribers.png');
}
div#head_authors{
	background-image:		url('./img/authors.png');
}
div#head_sponsors {
	background-image:		url('./img/sponsors.png');
}

/*________________________________________________________________________________________

	frames -- body
	______________________________________________________________________________________*/

div#body_center 			{
	width:					1080px;
	margin:					0px auto;
	padding:				0px;
}

div#body_content_left, div#body_content_main, div#body_content_right {
	height:					100%;
	margin:					0px;
	padding:				0px;
	position:				relative;
	top:					20px;
	left:					0px;
	display:				inline-block;
	vertical-align:			top;
}

div#body_content_left {
	width: 					130px;
}

div#body_content_main { 
	width:					780px;
	border-left:			1px solid #53676c;
	border-bottom:			15px solid #53676c;
	text-align:				left;
	padding:				0px;
	padding:				10px;
} 

div#body_content_right {
	width: 					130px;
}

div.box_210 {
	width: 					210px;
	float:					left;
	margin:					2px;
	padding:				2px;
	display:				inline;
}

div.box_570 {
	width: 					550px;
	float:					left;
	margin:					2px;
	padding:				2px;
	display:				inline;
}

div.box_390 {
	width: 					370px;
	float:					left;
	margin:					2px;
	padding:				2px;
}

div.box_780 {
	width: 					780px;
	clear:					both;
	margin:					2px;
	padding:				2px;
}


/*________________________________________________________________________________________

	style -- menu
	______________________________________________________________________________________*/

ul#menu {
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	position:				relative;
	top:					210px;
	left:					259px;
	margin:					2px;
}

li.menu, li.menu_sel {
	position:				relative;
	height:					60px;
	width:					130px;
	background-color:		#53676c;
	opacity:				0.8;
	display:				inline-table;
	text-align: 			left;
	padding:				0px;
}

li.menu_sel {
	background-color:		#008033;
	opacity:				0.8;
}

a.menu, a.menu:hover, a.menu:visited {
	position:				relative;
	top:					5px;	
	left:					-2px;
	margin:					0px;
	color:					#ffffff;
	font:					normal 13px Verdana;
	text-decoration:		none;
}

a.menu:hover {
	opacity:				0.8;
	filter:					alpha(opacity=50);
}	


/*________________________________________________________________________________________

	frames -- foot
	______________________________________________________________________________________*/


div#foot_content {
	width: 					800px;
	height:					13px;
	margin:					0px auto;
	padding-top:			24px;
	padding-right:			10px;
	display:				block;
	text-align:				right;
	font:					normal 12px Georgia;
	color: 					#003380;
}

/*________________________________________________________________________________________

	styling
	______________________________________________________________________________________*/

i {
	font:					normal 19px Verdana;
	color:					#ffffff;
}

b {
	font-weight:			bold;
}

p, p.right, ul, li  {
	font:					normal 12px Georgia;
	color: 					#1c2224;
	text-align:				justify;
	margin:					0px;
	padding:				5px;
}

ul {
	margin-left:			20px;
}	

p.right {
	text-align:				right;
	color: 					#ffffff;
}

h1 {
	font:					normal 21px Verdana;
	color:					#1c2224;
	margin:					0px 0px 0px 0px;
	padding:				30px 0px 20px 0px;
}

h2 {
	font:					normal 16px Verdana;
	color:					#1c2224;
	margin:					0px 0px 0px 0px;
	padding:				20px 0px 10px 0px;
}

a, a:hover, a:visited{
	color:					#0044aa;
	font:					normal 12px Georgia;
	text-decoration:		none;
}	

a:hover {
	color:					#003399;
}

input[type="text"], input[type="radio"], label, p.up, td {
	font:					normal 12px Georgia;
	color:					#1c2224;
}	

p.up {
	position:				relative;
	top:					-4px;
	display:				inline;
	margin:					0px;
	padding:				0px;
}

input[type="text"]  {
	background-color:		#ffffff;
	border:					1px solid #53676c;
}	

input[type="button"] {
	background-color:		#008033;
	color:					#ffffff;
	border:					1px solid #ffffff;
	padding:				2px;
}	


div.border, div.abstract {
	background-color:		#ffffff;
	padding:				5px;
	margin:					5px;
}

div.abstract {
	font:					normal 11px Georgia;
	display:				none;
}

/*________________________________________________________________________________________

	volume
	______________________________________________________________________________________*/

div.Issue 	{ 
	font:					normal 13px Verdana;
	color: 					#1c2224;
	position:				relative;
	display:				inline-block;
	width:					100px;
}	

div.dd {
	padding:				0px 0px 2px 2px;
	margin:					0px;
	position:				relative;
	left:					4px;
	width:					128px;
	border: 				1px solid #dbe2e3;
	opacity:				0.9;
	filter:					alpha(opacity=90);
}
img.dd { 
	padding:				0px;
	margin:					0px;
	position:				relative;
	top:					4px;
	cursor:					pointer;
}

div.dd_data {
	margin:					5px;
	padding:				0px;
	border: 				1px solid #dbe2e3;
	opacity:				0.8;
	width:					128px;
	position:				absolute;
	display:				none;
	left:					10px;
	background-color:		#53676c;
}

ul.dd_data {
	margin:					0px;
	padding:				0px;
}

ul.dd_data > li, ul.dd_data > li:hover{
	padding:				0px;
	margin:					0px;
	list-style-type: 		none;
	position:				relative;
	left:					0px;
}

ul.dd_data > li:hover {
	background-color:		#dbe2e3;
	color:					#374548;
}

ul.dd_data > li > a, ul.dd_data > li > a:hover{
	padding:				0px 80px 0px 5px;
	margin:					2px 2px 2px 2px;
	font:					normal 13px Verdana;
	text-decoration:		none;
	color: 					#ffffff;
	cursor:					pointer;
}

ul.dd_data > li:hover > a {
	color:					#374548;
}