body {
	background: #000000 url(http://www.zerkopol.pl/images/zerko_background.jpg) no-repeat center center fixed;
	background-color: black;
	color: white;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

#outer_container {
	width: 770px;
	background-position:center center;
	margin:0 auto;
	text-align:left;
}

.imieniny {
	font-size: 10px;
	background-position:center center;
	margin:0 auto;
	text-align:left;
}

.error {
	font-family: sans-serif;
	background-color: #ff9900;
	color: #333333;
	font-size: 11px;
	text-align: center;
}

#container {
	border-bottom-style: solid;
	border-bottom-color: #b1c0c9;
	border-bottom-width: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 770px;
	position: relative;
}

#header {
	background-repeat: no-repeat;
	background-color: #666666;
}

#header h2 {
	margin:0;
	padding:0;
}

#header h2 a {
	display:block;
	position:absolute;
	top:18px;
	left:28px;
	border:none;
}

#header h2 span {
	display:none;
}

#footer {
	text-align: center;
	color: white;
	font-size: 13px;
	font-family: "Trebuchet MS";
	background-color: #666666;
	margin:0;
	padding:0;
	border-top:1px solid #ccc;
}

#footer p {
	margin:0;
	padding:5px 6px 5px 5px;
	font-family:Verdana;
	font-size:9px;
	color: white;
	font-weight:bold;
	text-align: left;
}

#footer p a,
#footer p a:hover {
	color:#5b6f7a;
	text-decoration:none;
} 

#navigation {
	position: absolute;
	top: 85px;
	list-style:none;
	margin:0;
	padding:0;
}

#navigation li {
	float: left;
	display:block;
	margin:0;
	padding:0;
}

#navigation li a {
	float:left;
	display:block;
	padding:5px 9px 17px 9px;
	text-decoration:none;
	font-weight:bold;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana;
	font-size:13px;
	height:16px;
	color:#bcbcbc;
}

#navigation li.active a,
#navigation li a:hover {
	color:#57666e;
}

#navigation li.active a {
	background-image:url("nav_arrow.gif");
	background-position:bottom center;
	background-repeat:no-repeat;
}

#subnavigation {
	padding:0 0 0 0;
	margin:0 0 10px 0;
	list-style:none;
	height:19px;
	border-bottom:1px solid #ededed;
}

#subnavigation li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}

#subnavigation li a {
	color:#bcbcbc;
	font-weight:normal;
	display:block;
	font-size:13px;
	padding:0 10px 0 10px;
	line-height:20px;
	margin:-5px 0 0 0;
	letter-spacing:-1px;
}


#subnavigation li.first a {
	padding:0 10px 0 0;
}

#subnavigation li.active a,
#subnavigation li a:hover {
	color:#5a666e;
}

#sidebar {
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: 146px;
	margin: 0px;
	float: left;
	position:relative;
	z-index:2;
}

#sidebar ul {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	border-top-style: none;
	padding:12px 0 0 0;
}

#sidebar ul li {
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border-bottom-style: none;
	list-style:none;
	text-align: left;
}

#sidebar ul li a {
	font-variant: small-caps;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-family:"Myriad","Myriad Pro","Trebuchet MS";
	font-size: 18px;
}

#main {
	background-color: #999999;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#sidebar li a:hover,
#sidebar li.active a {
	text-decoration: none;
	color: #cc0000;
}

#main #message {
	background-color: #003366;
	color: white;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	padding:15px;
	position:relative;
	z-index:999;
}

#main a.button {
	display:block;
	width:146px;
	height:28px;
	border:0;
	text-align:center;
	background-image:url("button.gif");
	background-position:0 0;
	background-repeat:no-repeat;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana;
	letter-spacing:-1px;
	color:#475e6a;
	font-size:12px;
	text-shadow:2px 2px 0px #9daab0;
	font-weight:normal;
	line-height:26px;
	margin-top:10px;
}

#main a.button:hover {
	background-position:0 -28px;
	background-repeat:no-repeat;
}

#main a.button:hover {
	color:#475e6a;
}

#main h1 {
	text-align: left;
	margin-left: 0px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 20px;
	font-family:"Myriad Pro","Trebuchet MS",Verdana;
	color: #cc0000;
	font-size: 30px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0 0 0 0;
}

#main h1.small {
	font-size: 28px;
}

#main h1 sup {
	font-size:14px;
	color:#aaa;
	text-shadow:none;
}

#main p.introduction {
	color: #333333;
	font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana;
	margin:0 0 25px 0;
	padding:0 0 0 0;
	font-size:14px;
	font-weight:bold;
	letter-spacing:;
}

#main h2 {
	font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana;
	color:#5f6a71;
	font-size:24px;
	font-weight:normal;
	padding:10px 0 5px 0;
	margin:0 0 0 0;
	border-bottom:1px solid #eee;
}

#main h2 a {
	font-weight:normal;
	margin:0;
	padding:0;
}

#main h3 {
	text-align: center;
	margin-left: 30px;
	margin-bottom: 0;
	margin-right: 30px;
	margin-top: 0;
	padding-left: 0px;
	padding-bottom: 7px;
	padding-right: 0px;
	padding-top: 7px;
	font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana;
	font-size:18px;
	border-bottom:1px solid #eee;
	color:#5f6a71;
}

#main h2.borderless,
#main h3.borderless {
	border-bottom:none;
}

#main .item_info {
	padding-top:7px;
	border-top:1px solid #eee;
	text-align:right;
	font-size:9px;
	letter-spacing:0;
	color:#999;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana;
}

#main p,
#main li,
#main div.comment {
	font-family:Verdana;
	color:#333;
	font-size:11px;
	line-height:18px;
}

#main p {
	color: #333333;
}

#main h3 span.right {
	text-align:right;
	font-size:12px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana;
}

#main h3 span.right a {
	margin-left:10px;
}

#main a {
	text-decoration:none;
	font-weight:bold;
	color:#2777a1;
}

#main a:hover {
	color:#1b9de2;
}

#main table {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: white;
	font-size: 14px;
	text-align: left;
}
#main table.prt {
	padding-top: 23px;
	margin-right: 1px;
	margin-left: 1px;
	background-color: white;
	color: #333333;
	height: 200px;
	margin-bottom: 13px;
}

#main table.prt td {
	height: 80px;
	border-width: 0px;
	font-family: cursive;
	font-size: 11px;
	text-align: center;
	width: 198px;
}

#main table.legend {
	margin-right: 1px;
	margin-left: 1px;
	background-color: white;
	color: #333333;
}

#main table.legend td {
	font-family: sans-serif;
	font-size: 11px;
	text-align: left;
}

#main table.left_side {
	margin-right: 6px;
	margin-left: 6px;
	background-color: #999999;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 11px;
	width: 158px;
}

#main table.left_side td {
	background-color: #669966;
	font-size: 10px;
	background-position: 0;
	margin: 0px;
	padding-left: 10px;
	padding-bottom: 30px;
	padding-right: 10px;
	padding-top: 15px;
	border-bottom-style: solid;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-color: #003366;
	color: white;
}

#main p.date {
	border-top:1px solid #ccc;
	font-size:9px;
	color:#999;
	text-align:right;
}

#main .right {
	float:right;
	margin-left:10px;
}

#main .left {
	float:left;
	margin-right:10px;
}

#main ul.api {
	list-style:none;
	padding-left:0;
}

#main ul.api li {
	font-size:13px;
}

#main .api li ul li {
	font-family:Courier;
	font-size:12px;
}

#main .api span.visibility {
	color:#881350;
}

#main .api span.name {
	color:#003369;
}

#main .api span.variable {
	color:#825900;
}

#main .api span.return {
	color:#666666;
}

#main pre.highlighted {
	margin:0 -30px 5px -30px;
	padding:20px 30px 20px 30px;
	background-color:#000;
	color:#fff;
	font-size: 12px;
	overflow:auto;
	width:740px;
}

* html #main pre.highlighted {
}


/* Subsection Tabs
--------------------*/
#main ul.subsection_tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	height:20px;
	clear:both;
}

#main ul.subsection_tabs li {
	float:left;
	margin-right:7px;
	text-align:center;
}

#main ul.subsection_tabs li a {
	font-size: 10px;
	display:block;
	height: 40px;
	padding:0 6px 0 6px;
	background-color: #66ccff;
	color: white;
	width: 100px;
}

#main ul.subsection_tabs li a:hover {
	color: #ff6600;
}

#main ul.subsection_tabs li a.active {
	background-color: #006699;
}

#main ul.register_tabs {
	border-bottom:none;
}

#main ul.register_tabs li a.active {
	background-color:#6d7a81;
	color:#fff;
}

/* Forms
------------*/
#main form {
	margin:0 0 15px 0;
	padding:15px;
}

#main form h2 {
	font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana;
	font-size:20px;
	margin:0 0 5px 0;
	padding:0;
	border-bottom:none;
}

#main form p.label {
	padding:0;
	margin:5px 0 5px 0;
	color:#455964;
	font-weight:bold;
	font-size:14px;
	font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana;
}

#main form div.submit_row {
	background-color: #6d7a81;
	text-align:right;
	padding:15px;
	margin:15px -15px -15px -15px;
	clear:both;
}

#main form div.submit_row span.left {
	float:left;
	color:#fff;
}

#main form input
#main form input.text,
#main form input.password {
	background-color: black;
	color: white;
	font-size: 10px;
}

#main form #login {
	padding-bottom:15px;
}

#main form #login input {
	width:95%;
}

#main form textarea {
	height: 100px;
	width: 100%;
	font-size: 10px;
}

#main form button {
	background-color: #003366;
	color: white;
	margin-left:none;
	text-align:right;
}

#main table.thread_list {
	border:none;
}

#main table.thread_list tr.even td {
	background-color: #f7f7f7;
}

#main table.thread_list td {
	padding:0;
	font-size:10px;
	color:#666;
	border-bottom:1px solid #ddd;
}

#main table.thread_list td.name {
	padding-left:5px;
}

#main table.thread_list thead td {
	border-bottom-width: 1px;
	font-size:14px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	color:#666;
	border-bottom: solid #bbb;
	padding-bottom:5px;
	
}

#main table.thread_list td h2 {
	font-size:14px;
	border:none;
}

#main table.thread_list td.right {
	margin-left:none;
	text-align:right;
	float:inherit;
}

/* API Table
---------------*/
#main table.api_table td.right {
	margin-left:none;
	text-align:right;
	float:inherit;
}

table.api_table {
	margin-bottom: 10px;
	empty-cells: show;
}

table.api_table td {
	text-align: center;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	height:20px;
	font-size: 10px;
	color: #333333;
	font-family:"Lucida Grande",Verdana;
	padding:7px 5px 7px 5px;
}

table.api_table tr.even td {
	background-color:#f7f7f7;
}

table.api_table thead td {
	font-size: 14px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	color:#666;
}

table.api_table td.small {
	font-size:10px;
}

#menu {margin-left: auto; margin-bottom: 0px; margin-right: auto; margin-top: 4px; list-style-type:none; padding:0; width: 600px;}
#menu li {padding: 0px; margin-left: 0; margin-bottom: 0; margin-right: 0px; margin-top: 0; float:left; position:relative; width: 200px; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 200px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; font-size: 0.9em; color: #003366; text-align:center; border:1px solid #666666; border-width:0 1px 1px 1px; background:#d4d4d4; padding:0.25em 0 0.75em 0;}

#menu li:hover dt a, #menu a:hover dt a {color: #003366; background:#ddd; border:1px solid #666666; border-width:0 1px 1px 1px;}

#menu dd a, #menu dd a:visited {border-left-color: #666666; border-right-color: #666666; background:#003366; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid; border-right:1px solid;}

#menu dd a:hover {border-left-color: #666666; border-right-color: #666666; background: #ddd; color:#000; border-left:1px solid; border-right:1px solid;}

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p1 {background:#003366; margin:0 5px;}
#menu b.p2 {background:#d4d4d4; border:2px solid #666666; border-width:0 2px; margin:0 3px;}
#menu b.p3 {background:#d4d4d4; margin:0 2px; border:1px solid #666666; border-width:0 1px;}
#menu b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:1px solid #666666; border-width:0 1px;}
#menu b.p5 {background:#003366; margin:0 5px;}
#menu b.p6 {background:#003366; margin:0 3px;}
#menu b.p7 {background:#003366; margin:0 2px;}
#menu b.p8 {height:2px; background:#003366; margin:0 1px;}

#menu li:hover b.p2, #menu a:hover b.p2 {background:#fff;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#f0f0f0;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#e8e8e8;}

div.content {
    font-size: 10px;
    color: #333333;
    background-color: white;
    text-align: justify;
    border: #4488ff solid 1px;
    clear: left;
    padding: 1em;
}

div.content_header {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #6699ff;
    margin-bottom: 1em;
    font-size: 10px;
    color: #333333;
    text-align: justify;
    clear: left;
    padding: 1em;
}

#note {
	background-color: #6699cc;
	text-align: center;
}

#note p {
	font-style: italic;
	text-shadow: 2px 2px 4px black;
	color: white;
	font-size: 13px;
	text-align: center;
	background-color: #6699cc;
}

.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

label {
	font-size: 13px;
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: .5em;
}

.field-label {

	font-variant: small-caps;

	font-weight: bold;

}

.field-widget {

}

.recently { text-align:center;width:100%;}
.recentlyheader {	margin: 5px;	padding: 5px;	color: white;	background-color: #333333;	font-size: 11px; font-weight: bold; text-align: left;}
.recently img { text-decoration:none;} 
.recently a{font-size: 11px; text-decoration:none;color: #66ccff;}
.viewed{ float: left; text-align:center;}
.viewed a:hover{}
.viewed img {border-style: solid; border-width: 1px; border-color: #cccccc; padding: 5px;}
.viewed img:hover {border:1px solid #ff3300;}