/*------------------------------------------------------------------------
# JA Rochea - May, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/


/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	color: #4F4F4F;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
        text-align: left;
}

body#bd {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../images/bd-bg.gif) #E6E6E6;
}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	background-color: #FFFFFF;
	color: #000000;
}

body.fs1{
	font-size: 10px;
}

body.fs2{
	font-size: 11px;
}

body.fs3{
	font-size: 12px;
}

body.fs4{
	font-size: 13px;
}

body.fs5{
	font-size: 14px;
}

body.fs6{
	font-size: 12px;
}

/* Normal link */
a {
	color: #322a99;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #D25D23;
	text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, h5, h6 {
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, #ja-pathway {
	font-size: 100%;
	color: #999999;
}

/* Heading */
h1 {
	font-size: 170%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 5px 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 5px;
	line-height: 170%;
	background: url(../images/arrow.png) no-repeat 25px 8px;
}

ol li {
	margin-left: 5px;
	line-height: 170%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	font-size: 100%;
}


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

.wide #ja-wrapper {
	width: 950px;
	height: 225px;
        position: static;
}



#ja-container-f, #ja-container-fl {
	background: none;
}

#ja-contentwrap {
}

#ja-content {
	padding: 1px 10px 20px;
	margin: 0;
	clear: both;
	display: block;
        position: static;
}

.wide #ja-content {
	padding: 1px 20px 20px;
        position: static;
}



---------------------------------------------


/* Search */
#ja-search {
	background: url(../images/search-bg-narrow.gif) no-repeat left;
	width: 160px;
	height: 38px;
	margin-bottom: 2px;

}

.wide #ja-search {
	width: 0px;

}

#ja-search .inputbox {
	margin-top: 4px;
	margin-left: 30px;
	border: none;
	width: 100px;
}

.wide #ja-search .inputbox {
	width: 0px;

}


#ja-subhead {
	height: 205px;
	background: #ffffff;
	position: static;
}

#ja-subhead div.moduletable { /* top menu */ 
	color: #FFFFFF;
	padding-left: 13px;
	padding-top: 9px;
}

#ja-subhead div.moduletable h3 {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 225%;
	text-decoration: none;
	background: none;
}

#ja-subhead div.moduletable a {
	color: #FFFFFF;
}

#ja-subhead .article_seperator {
	display: block;
}

#ja-subhead ul {
	margin: 0;
}

#ja-subhead li {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/arrow4.gif) no-repeat 5px 8px;
}




/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */

#ja-col1 {
        position: static;
	width: 145px;
}

.wide #ja-col1 {
	display: inline;
        position: absolute;
	width: 130px;
}


#ja-col1 div.innerpad {
        position: static;
	padding: 85px 7px 15px; 
}

.wide #ja-col1 div.innerpad {  /* user4 */
	background: #ffffff;
        position: absolute;
	display: block;
	padding: 0px 0px 0px; 
}


.wide #ja-col1 div.innerpad2 {  /* left */
        position: static;
	background-color: #ffffff;
	padding: 58px 0px 0px; 
}



#ja-col2 {
        position: static;
	float: right;
	width: 158px;
	background-color: #000;
	margin-left: -158px;
	display: inline;

}

#ja-col2 div.innerpad {
}

.wide #ja-col2 div.innerpad { /* right */
        position: absolute;
}



/* CONTENT COLUMN
--------------------------------------------------------- */

#ja-mainbody, #ja-mainbody-fr {
	float: right;
}

.wide #ja-mainbody, .wide #ja-mainbody-fr {
        position: static;
	background: #FFFFFF;
	width: 760px;
	margin-top: 61px; /* wciecie glownego tekstu */ 
	display: inline;
}


#ja-mainbody-f {
	float: none;
	width: 100%;
	margin-top: 22px;
}

#ja-mainbody #ja-contentwrap {
	float: left;
	width: 75%;

}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
	padding: 10px 0;
	background: url(../images/container-bg.gif) repeat-y 170px 0;
}

.wide #ja-footer {
	background: url(../images/container-bg.gif) repeat-y 214px 0;
}

#ja-footer a {
	color: #ffffff;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
	color: #ffffff;
}

#ja-footer small {
	padding: 0 15px;
	margin-left: 180px;
	display: block;
}

.wide #ja-footer small {
	margin-left: 225px;
}

div#logo-ext {
	padding-top: 18px;
	width: 170px;
	float: center;
	text-align: center;
}

.wide div#logo-ext {
	width: 220px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools */
#ja-usertoolswrap {
	float: right;
	margin-top: 8px;
	width: 30px;
	height: 30px;
	display: block;
	background: url(../images/sitetool-bg1.gif) no-repeat center left;
	position: relative;
	z-index: 99;
}

span.ja-sitetool {
	margin: 0;
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
}

#ja-usertoolswrap:hover, #ja-usertoolswrap.ja-toolswraphover {
	background: url(../images/sitetool-bg2.gif) no-repeat center left;
}

#ja-usertoolswrap:hover #ja-usertools,
#ja-usertoolswrap.ja-toolswraphover #ja-usertools {
	display: block;
	top: 1px;
}

#ja-usertools {
	padding: 0;
	float: right;
	display: none;
	background: url(../images/usertool-bg.gif) repeat-x top #DDDDDD;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	position: absolute;
	top: 100%;
}

#ja_header_jsfade {
	z-index: 1;
}

#ja-usertools ul {
	float: left;
	margin: 0;
	padding: 7px 5px 0;
}

#ja-usertools li {
	float: left;
	display: block;
	margin: 5;
	padding: 0;
}

#ja-usertools img {
	padding: 0 2px;
}

ul.accessibility {
	position: absolute;
	top: -100%;
}

#ja-botnav ul.accessibility {
	float: right;
	position: relative;
	top: auto;
}

#ja-banner {
	position: relative;
	text-align: center;
}

#mod_login_password, #mod_login_username {
	width: 88%;
}

#mod_login_password {
}

#mod_login_username {
}

#mod_login_remember {
	border: none;
	background: none;
}

/* JA CoolAds Module */
#ja-coolads {
	height: 0;
	overflow: hidden;
	position: relative;
}

#ja-coolads-container {
	margin-right: 5%;
	overflow: hidden;
}

#ja-coolads-container div.moduletable {
	overflow: hidden;
}

/* SLWI */
.ja-slwi-container {
	width: 100%;
}

.ja-slwi-container h3 {
	margin: 0 !important;
	padding: 7px 10px !important;
	font-size: 100% !important;
	line-height: normal !important;
}

.ja-slwi-text p {
	padding: 0 10px;
	margin: 0;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}