/* mPrasa main styles */

* {
	margin: 0;
	padding: 0;	
	}
	
img {
	border: none;
	}
	
body {
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #3d3d3d;
	font-size: 11px;
	width: 100%;
	background: #e8e8e8 url(gfx/header_bg.png) left top repeat-x;	
}

a {
	color: #000000;
	text-decoration: none;
	}	
a:hover, a:active, a:visited, a:focus, input:active, input:focus {
	outline: none;
}

/* common styles */

.icons a, a.icons, .icons span, span.icons {
	background-repeat: no-repeat;
	text-align: center;
	background-position: 50% 0;
	display: block;
	float: left;
	color: #000;
	}
.icons a:hover, a.icons:hover {
	opacity:.65;
	filter: alpha(opacity=65); 
	-moz-opacity: 0.65;
}	
.icons a.inactive, a.icons.inactive, .icons span.inactive, span.icons.inactive {
	color: #848484;
	}
html body .inactive:hover, html body a.inactive:hover {
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}
.hardhov:hover {
	opacity:.65;
	filter: alpha(opacity=65); 
	-moz-opacity: 0.65;
	}
	
/* common form styles */	
input.txt {
	color: #7f7f7f;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	border: 0;
	padding: 3px 2px 3px 2px;
	background: transparent;
	vertical-align: middle;
	}	
input.txt:focus {
	color: #333;	
	}
.but01 {
	background: url(gfx/btn_search.gif) left top no-repeat;
	width: 45px;
	height: 23px;
	border: none;
	cursor: pointer;
	vertical-align: middle;	
	}	

		
/* main container blocks */

#main_block {
	width: 100%;
	background: #fff url(gfx/bg_footer.gif) left bottom repeat-x;
	margin: 4px 0 0 0;
	}
#main_cont {
	padding: 0 1px 5px 1px;
	width: 993px;
	width /* */:/**/991px;
	width: /**/991px;
	margin: 0 auto;
	background: #fff url(gfx/footer_bg.png) left bottom no-repeat;
	}	
#main_container {
	clear: both;
	position: relative;
	overflow: hidden;
	padding-top: 12px;
	overflow: hidden;
	*height: 1%;
}
#main_container #graph {
	padding: 0 0 20px 0;
	overflow: hidden;	
	*height:1%;
	position: relative;
}
#graph #graph_scrolls {
	*padding-bottom: 15px;
}
#graph_scrolls {
	margin: 0 auto;
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}
#preloader {
	margin: 0 auto;
	padding-top: 30px;
	width: 226px;
	height: 345px;
}
	
/* kjp_area */
#kjp_area {
	display: none;
	position: relative;	
	margin-left: auto; 
	margin-right: auto;
	/*
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	*/
	}
#pdfimg {
	display: block;
	margin: 0 auto;
	float: left;
	}	
.page_pn {
	width: 30px;
	float: left;
	height: 100%;
	position: relative;
	}
#page_prev {
	position: absolute;
	display: block;
	width: 27px;
	height: 32px;
	bottom: 80px;
	left: 0;
	}	
#page_next {
	position: absolute;
	display: block;
	width: 27px;
	height: 32px;
	bottom: 80px;
	right: 4px;
}	

/* additional magazines below */
.add_ridges_over h1 {
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color: #0085c9;
	margin: 0px 9px 11px 9px;
	padding: 20px 0 0 0;
	border-bottom:solid 1px #c3c3c3;
}
.add_ridges_over {
	width: 620px;
	margin: 0 auto;
}
.add_ridges {
	overflow: hidden;
	*height: 1%;
	padding: 15px 20px 10px 15px;
}
.add_ridges div.first {
	display: block;
	padding: 0px 10px 0 10px;
	overflow: hidden;
	float: left;
	width: 170px;
}
.add_ridges .ar_txt {
	color:#3d3d3d;
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	font-size: 14px;
	padding: 4px 0 0 12px;
	background: url(gfx/arch_arrow.gif) left 7px no-repeat;
	font-weight: bold;
	display: block;
}
.add_ridges .ar_txt:hover {
	color: #848484;
	}
		
.add_ridges div {
	/* here you can line up descriptions by adding height */
	}
.add_ridges div img {
	border: 1px solid #ccc;
	}
/* sidebar styles */
#show {
	padding-left: 2px;
	width: 25px;
	width /* */:/**/23px;
	width: /**/23px;
	height: 482px;
	background: url(gfx/show_bg.png) 1px top no-repeat;
/*	position: absolute;
	top: 11px;
	left: 1px;*/
	float: left;
	cursor: pointer;
	z-index: 10;
	display: none;
}
#flp_main {
	width: 307px;
	float: left;
	padding-top: 6px;
	background: url(gfx/bg_content_top.gif) left top no-repeat;
	margin-right: 16px;
	display: none;
}
#flp_cont{
	width: 284px;
	float:left;	
	overflow:hidden;
	padding-bottom: 6px;
	background: url(gfx/bg_content_bot.gif) left bottom no-repeat;
}
#flp_txt, #flp_pdf {
	overflow:hidden;
	border-left:solid 1px #bebebe; 
	border-right:solid 1px #bebebe;
	background: #f4f4f4;
}
#flp_txt h3#no_cat {
	min-height: 250px;
	height: auto !important;
	height: 250px;
	}

#flp_nav {
	float: left;
	width: 22px;
	margin-top: -6px;
	}
#flp_nav a, #show a {
	clear: both;
	width: 23px;
	margin-bottom: 8px;
}	
#flp_cont h1 {
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color: #0085c9;
	margin: 0px 9px 11px 9px;
	padding-top: 12px;
	border-bottom:solid 1px #c3c3c3;
	line-height:32px;
}
#flp_txt h3 {
	font: bold 11px tahoma, arial, helvetica, sans-serif;
	margin: 13px 9px 14px 9px;
}

#flp_txt ul {
	list-style: none;
}
#flp_txt li {
	margin-left:9px;
	margin-right: 5px;
	margin-bottom:5px;
	background: url(gfx/li_content.gif) left 3px no-repeat;
	padding-left: 15px;
	color:#3d3d3d;
}

#flp_txt a {
	color:#3d3d3d;
}
#flp_txt li.active {	
	margin-left:9px;
	margin-right: 5px;
	margin-bottom:5px;
	background: url(gfx/li_content_sel.gif) left 3px no-repeat;
	padding-left: 15px;
}
#flp_txt li.active a {
	color:#000;
}
#flp_txt li.active span {
	font-size: 9px;
	color: #d1d1d1;
	display: block;
}
#flp_txt li a:hover {
	text-decoration: underline;
	color:#000;
}

#flp_pdf ul {
	list-style: none;
	color:#000;
}
#flp_pdf ul li {
	margin: 0 10px;
	padding: 0 0 8px 0;
	overflow: hidden;
	*height: 1%;
	border-bottom:solid 1px #c3c3c3;
}
#flp_pdf ul li.no_border {
	border: 0;
	}
#flp_pdf h2 {
	float: left;
	width: 170px;
	margin: 0;
	padding: 12px 0px 0px 0px;
	font-size:14px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	border:none;
	vertical-align: middle;
}
#flp_pdf h2 a {
	color:#000000;	
}
#flp_pdf h2 a:hover {
	color: #848484;
}
html > body #flp_pdf .get_pdf_ico {
	margin: 10px 11px 0px 0;
	}
#flp_pdf .get_pdf_ico {
	margin: 10px 5px 0px 0;
	padding: 32px 0 0 0px;
	display: block;
	background: url(gfx/get_pdf.gif) 50% top no-repeat;
	float: right;
	font-size: 10px;
}
#flp_pdf .miniature {
	display: block;
	float: left;
	margin-top: 10px;
}
#flp_pdf .miniature img {
	border: 1px solid #B3B3B3;
}


/* footer styles */	
#footer {
	color: #b6b6b6;
	padding: 5px 20px 10px 15px;
	width: 991px;
	width /* */:/**/941px;
	width: /**/941px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	*height: 1%;
}	
#foot_links {
	float: left;
	list-style: none;
}
#foot_links li {
	display: inline;
	color: #999999;
	font-weight: normal;
}
#foot_links li a:hover {
	text-decoration: underline;
	}
#copy {
	float: right;
	padding-top:2px;
	color: #737373;
	font-size: 10px;
}
/* header styles */	
#logo {
	display: block;
	position: absolute;
	left: 8px;
	top: 15px;
	}
#header {
	padding: 8px 0 0 0;
	width: 991px;
	margin: 0 auto;
	height: 100px;
	height /* */:/**/92px;
	height: /**/92px;
	overflow:  hidden;
	position: relative;
}	
#header ul {
	list-style: none;
	height: 75px;
	background: url(gfx/top_sep.gif) right top no-repeat;
	padding: 0 0 0 330px;
	float: left;
}
#header.fourpos ul {
	padding-left: 320px;
	padding-right: 5px;
}
#header ul li {
	float: left;
	padding: 10px 23px 0 5px;
	}
#header.fourpos ul li {
	padding: 10px 15px 0 5px;
	}	
#header ul li a {
	padding: 40px 0 0 0;
}	
#ico_current {
	background-image: url(gfx/current.gif);
	}
#ico_archive {
	background-image: url(gfx/archive.gif);
	}
#ico_info {
	background-image: url(gfx/info.gif);
}	
#ico_portal {
	background-image: url(gfx/esportplus.gif);
	}
#header div {
	height: 75px;
	width: 260px;
	float: left;
	background: url(gfx/top_sep.gif) right top no-repeat;	
}
#header.fourpos div {
	width: 228px;
}
#header form {
	padding: 26px 0px 0 35px;
	background: url(gfx/search_bg.gif) 23px 26px no-repeat;
	}
#header.fourpos form {
	padding-left: 32px;
	background: url(gfx/search_bg_narrow.gif) 20px 26px no-repeat;
	}
.header_txt {
	width: 150px;
}	
#header.fourpos .header_txt {
	width: 120px;
}
a.btn_blue {
	line-height: 21px;
	text-align: center;
	width: 96px;
	height: 23px;	
	background: url(gfx/btn_blue.gif) left top no-repeat;
	border: none;
	cursor: pointer;
	float:left;
	font-weight:bold;
	font-size:11px;
	color:#fff;	
	margin: 26px 0 0 23px;
}	
#header.fourpos a.btn_blue {
	margin-left: 20px;
}

/* issue info */

#toolbar_stripe {	
	*height:1%;
	overflow:hidden;
	background:transparent;
	width: 991px;
	position: relative;
	top: -4px;
}

#iss_info {
	background: url(gfx/iss_bg.gif) top no-repeat;
	width:307px;
	padding: 4px 0 0px 0;
	float:left;
	font: normal tahoma, arial, helvetica, sans-serif 11px;	
	color: #303030;	
}
#iss_info div {
	background: url(gfx/iss_bot.gif) left bottom no-repeat;
	padding: 0 0 6px 0;
}
#iss_info h2 {
	font: normal 24px trebuchet ms, times, serif;
	color: #0085c9;
	padding-left:10px;
	padding-bottom: 3px;
	width: 295px;
	border-left:solid 1px #b7b7b7;
	border-right:solid 1px #b7b7b7;
	background-color:#e9e8e8 ;
	min-height:30px;
}
#iss_info span {
	display: block;
	padding-top:6px;
	padding-left:30px;
	background: #e9e8e8 url(gfx/iss_nr.gif) 10px 4px no-repeat;
	border-left: solid 1px #b7b7b7;
	border-right: solid 1px #b7b7b7;
	height:18px;
}

/* navigation and view bars */

#nav_bar {
	background:url(gfx/ico_mid_bg.png) no-repeat;
	padding: 10px 0 0 0px;
	width:452px;
	height:67px;
	height /* */:/**/57px;
	height: /**/57px;
	float:left;
	margin-left:16px;
	font-size: 10px;
	color: #000;
}
#nav_bar ul, #view_bar ul {
	list-style: none;
	}
#view_bar ul {
	margin-left: 11px;
	}	
#nav_bar ul li, #view_bar ul li {
	float: left;
	padding: 0 10px 0 10px;
	}	
#nav_bar a, #nav_bar span, #view_bar a, #view_bar span {
	padding: 38px 0 0 0;	
}
	
#view_bar {
	background:url(gfx/ico_right_bg.png) no-repeat;
	margin:0 0 0 15px;
	padding: 10px 0 0 0;	
	width:201px;
	height:67px;
	height /* */:/**/57px;
	height: /**/57px;
	float:left;
	color: #000;
	font-size: 10px;
}
#nav_bar li#print_cont {
	padding-left: 30px;
	padding-right: 34px;
}
#select_cont {
	padding-left: 18px;
	float:left;
	vertical-align:middle;
	text-align:center;
	padding-right: 25px;
}
.page_select {
	margin-top:6px;
	width:70px;	
}
#select_cont em {
	padding:0;
	margin-top: 10px;
	font-size:10px;
	text-align:center;
	display: block;
	font-style:normal;
}

#ico_prev_img {
	background-image: url(gfx/ico_prev.gif);
	background-position: 40% 0;	
}
#ico_prev_img.inactive {
	background-image: url(gfx/ico_prev_ina.gif);
}
#ico_next_img {
	background-image: url(gfx/ico_next.gif);	
}
#ico_next_img.inactive {
	background-image: url(gfx/ico_next_ina.gif);
}
#ico_zoomin_img {
	background-image: url(gfx/ico_zoomin_img.gif);
}
#ico_zoomin_img.inactive {
	background-image: url(gfx/ico_zoomin_img_ina.gif);
}
#ico_zoomout_img {
	background-image: url(gfx/ico_zoomout_img.gif);
}
#ico_zoomout_img.inactive {
	background-image: url(gfx/ico_zoomout_img_ina.gif);
	}
#ico_double {
	background-image: url(gfx/ico_double.gif);
}
#ico_double.inactive {
	background-image: url(gfx/ico_double_una.gif);
	}
#ico_single {
	background-image: url(gfx/ico_single.gif);
	}
#ico_single.inactive {
	background-image: url(gfx/ico_single_una.gif);
	}	
#view_bar #ico_text {
	background-image: url(gfx/ico_text.gif);
	padding-left: 7px;
	padding-right: 7px;
}
#view_bar #ico_text.inactive {
	background-image: url(gfx/ico_text_una.gif);
	}
#view_bar #ico_graph {
	background-image: url(gfx/ico_graph.gif);
	padding-left: 4px;
	padding-right: 4px;	
	margin-right: -3px;
}
#view_bar #ico_graph.inactive {
	background-image: url(gfx/ico_graph_una.gif);
	}	
#ico_full {
	background-image: url(gfx/ico_full.gif);
}
#ico_full.inactive {
	background-image: url(gfx/ico_full_una.gif);
	}	
#nav_bar #ico_zoomin {
	background-image: url(gfx/ico_zoomin.gif);
	padding-left: 1px;
	padding-right: 1px;
}
#nav_bar #ico_zoomin.inactive {
	background-image: url(gfx/ico_zoomin_una.gif);
}
#ico_zoomout {
	background-image: url(gfx/ico_zoomout.gif);
}
#ico_zoomout.inactive {
	background-image: url(gfx/ico_zoomout_una.gif);
	}	
#nav_bar #ico_print {
	background-image: url(gfx/ico_print.gif);
	padding-left: 9px;
	padding-right: 9px;
}	

/* login styles */

#login {
	width:668px;
	height:207px;
	margin:0px auto 80px auto;
	padding: 15px 0 0px 0;
	background: url(gfx/log_bot.png) left bottom no-repeat;
	overflow: hidden;
}
#login h1 {
	color:#0085c9;
	font-family:"trebuchet ms", arial, helvetica, sans-serif;
	font-size:20px;
	padding: 20px 0 3px 60px;
	height: 49px;
	height /* */:/**/26px;
	height: /**/26px;
	font-weight:normal;
	background: url(gfx/log_top.png) left top no-repeat;
}
#login_bg {
	width: 666px;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;	
	background: #f5f5f5 url(gfx/log_bg.gif) 340px top repeat-y;
	overflow: hidden;
	padding: 0 0 12px 0;
	}
#login_form {
}
.login_input {
	background:url(gfx/bg_login_inp.gif) 40px 0px no-repeat;
	margin-top:15px;
	height:23px;
	margin-left:62px;
	}
.login_input_char {
	border:0;
	width:158px;
	font-size:11px;
	height:16px;
	margin-top:4px;
	margin-left:20px;
	background:#FFFFFF;
}

.btn_blue_login {
	background: url(gfx/btn_blue.gif) left 3px no-repeat;
	border: none;
	width: 96px;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	float:left;
	margin-top:15px;
	margin-left:185px;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	font-family: tahoma, arial, helvetica, sans-serif;
}
#login_fields {
	float:left; 
	overflow:hidden; 
	width:300px;
	margin: 10px 0 0 0;
}
#guides {
	float:left; 
	padding: 0px 0 0 85px;
	margin-top: -3px;
}
#guides ul {
	list-style:none;
	}
#guides ul li {
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	background:url(gfx/bull_login.gif) left 2px no-repeat;	
	padding: 0px 0 0 25px;
	margin: 10px 0 0 0;
	}
#guides ul li a {
	}
#guides ul li a:hover {
	text-decoration:none;
	color: #848484;
	}

/* error messages */
.error {
	width: 668px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	padding: 25px 0 0 0;
}

/* permissions message */
#permissions {
	padding: 50px 0 0 0;
	min-height: 250px;
	height: auto !important;
	*height: 250px;
	text-align: center;
	}
#permissions span {
	font: bold 14px 'trebuchet ms', arial, helvetica, sans-serif;
	color: #333;
	}	
#perm_back	{
	margin: 20px auto 0 auto;
	float: none;
	clear: both;
	}