/*-----------------------------------------------------------------------------*/
/* These elements are constant in all sheets                                   */
/*-----------------------------------------------------------------------------*/

/* text alignment */
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.just {text-align: justify;}

/* floats */
.floatl {float: left; clear: left; margin: 0.2em 0.5em 0.2em 0;}
.floatr {float: right; clear: right; margin: 0.2em 0 0.2em 0.5em;}
.slicel {float: left; clear: left; margin: 0 0.4em 0 0;}
.slicer {float: right; clear: right; margin: 0 0 0 0.4em;}

/* columns */
.col2left {width: 48%; float: left; padding-right: 1em; clear: left;}
.col2right {width: 48%; float: left; padding-left: 1em;}
.col3left {width: 32%; float: left; padding-right: 0.5em; clear: left;}
.col3middle {width: 32%; float: left; padding-left: 0.5em; padding-right: 0.5em;}
.col3right {width: 32%; float: left; padding-left: 0.5em;}

/*-----------------------------------------------------------------------------*/
/* These elements are layout specific                                          */
/*-----------------------------------------------------------------------------*/

/* main layout table */
table#lay {font-size: 10pt; font-family: Tahoma, Geneva, Arial, sans-serif;}
td.menucol {background-color: #4e608f; padding-left: 0.5em; padding-right: 1em; padding-top: 1em;}
td.maincol {padding: 1em; text-align: justify;}
td.panelcol {padding-right: 0.8em; min-width: 140px;}

/* menu links */
a:link.menu {color: white; text-decoration: none; font-weight: bolder; font-family: Verdana, Arial, Helvetica, sans-serif}
a:visited.menu {color: white; text-decoration: none; font-weight: bolder; font-family: Verdana, Arial, Helvetica, sans-serif}
a:link.submenu {color: #9999cc; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif}
a:visited.submenu {color: #9999cc; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif}


/*-----------------------------------------------------------------------------*/
/* Default properties of html elements                                         */
/*-----------------------------------------------------------------------------*/

/* body */
body {margin: 0; font-size: 10pt; color: black; background-color: #fff; font-family: Tahoma, Geneva, Arial, sans-serif;}

/* table */
table {font-size: 10pt; font-family: Tahoma, Geneva, Arial, sans-serif;}

/* links */
a:link {color: #003399}
a:active {color: #003399}
a:visited {color: #666666}


/*-----------------------------------------------------------------------------*/
/* These elements are content related                                          */
/*-----------------------------------------------------------------------------*/

/* borders */
.noborder {border: none;}
.imgborder {border: 1px #666 solid;}
.infoborder {border: 1px #ccc solid;}

/* margins */
.m4px {margin: 4px;}

/* titles */
h1.title, h2.title {clear: both;  text-align: center;}
h1.title {font-size: 20pt;}

/* section headers */
h1.section, h2.section, h3.section, h4.section, h5.section {clear: both; margin: 16pt 0 8px;}

/* list table */
table.list {border: none; border-spacing: 0px;}
table.list th {background-color: #6f4b6f; color: white; font-weight: bold; text-align: center; text-decoration: none}
table.list td {padding: 1px 8px;}
tr.odd {background-color: #ddd;}
tr.even {background-color: white;}
tr.odd:hover, tr.even:hover {background-color: #d9e0e6;}

/* main page feature box */
div.featurebox {}
div.featuretitle {background-color: #6f4b6f; color: white; font-weight: bold; text-align: center;}

/* sidebox */
div.sidebox {max-width: 20em; min-width: 90px; padding: 0px; margin-bottom: 10px;}
div.sbtitle {color: white; background-color: #4e608f; background: url("img/triangle-bg.png"); padding-left: 20px; padding-right: 8px; font-weight: bold; font-size: 10pt; text-align: center; white-space: nowrap;}
div.sbfield {color: black; background-color: #d9e0e6; padding: 2px 4px; font-size: 8pt; font-family: Arial, sans-serif;}
div.sbdiv {background-color: #d0d6da;  color: black; font-size: 8pt; font-family: Arial, sans-serif;text-align: center;}
a.sidebox {color: #003399; text-decoration: none;}
a.sidebox:hover {text-decoration: underline;}
ol.sidebox, ul.sidebox {margin: 0.2em; padding: 0.2em 0.2em 0.2em 1.8em;}

/* comment box */
div.comment {max-width: 80em; margin-bottom: 1em;}
div.commentnew {max-width: 80em; margin-bottom: 1em; background-color: #d9e0e6;}
div.cmtquote {background-color: #ddd; margin: auto 1em 1em; padding: 0.4em;}

/* news box */
div.news {clear: both; margin: 0px 0px 2em;}

/* gallery thumbnail */
img.thumbnail {border: 1px black solid;}

/* form table */
td.label {text-align: right; vertical-align: top;}

/* page elements */
.title, .title:link, .title:active, .title:visited {color: #6f4b6f; font-weight: bold; text-decoration: none}
.category {color: #4e608f; font-weight: bold}
.info {color: #4e608f}
.new {color: red;}
.body {text-align: justify}
.caption {text-align: center; font-size: 80%; padding: 0 0.5em;}
.inlineimg {vertical-align: text-bottom; border: none;}
.plus, a.plus {color: green; text-decoration: none;}
.minus, a.minus {color: red; text-decoration: none;}
.warning {border: 3px dashed red; padding: 10px;}

/* ratings */
table#rating {width: 100%; border: 1px #aaa solid; border-spacing: 0;}
td.ratingon {width: 10%; background-color: #ddd; text-align: center;}
td.ratingoff {width: 10%; text-align: center;}

/* tabs */
ul.tabs {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #4e608f;
	height: 20px; /* def: 20px */
}

ul.tabs li {list-style: none; margin: 0px; padding: 0px; float: left;}

/* Ogólny wygląd zakładki */
ul.tabs li a {
	display: block;
	padding: 3px 8px;
	background: #d9e0e6;
	border: 1px solid #4e608f;
	border-bottom: none;
	color: #4e608f;
	text-decoration: none;
	margin-left: 6px; /* odległość zakładek od siebie */
	font-weight: bold;
	font-size: 11px; /* def: 11px */
}

/* Wyglad nie aktywnej zakładki po najechaniu kursorem */
ul.tabs li a:hover {background-color: #fff;}
/* Wygląd aktywnej zakładki */
ul.tabs li a.active:hover, ul.tabs li a.active {color: #4e608f; background-color: white; border: 1px solid #4e608f; border-bottom: 1px solid white;}
div.tabscontent {border: 1px solid #4e608f; border-top: 0px; padding: 8px 16px;}