@media projection, screen {.ui-tabs-hide {display:none;}}

@media print {.ui-tabs-nav {display:none;}}

.ui-tabs-nav, .ui-tabs-panel {
font-family:Arial, sans-serif;
font-size:11px;
}
.ui-tabs-nav {
list-style:none;
margin:0;
padding:0 0 0 420px;
}
.ui-tabs-nav:after {
display:block;
clear:both;
content:" ";
}
.ui-tabs-nav li {
float:left;
margin:0 0 0 1px;
min-width:84px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display:block;
padding:0 10px;
background:url(tab.png) no-repeat;
	text-decoration:none
}
.ui-tabs-nav a {
margin:1px 0 0;
padding-left:0;
color:#e94;
font-weight:bold;
line-height:1.4;
text-align:center;
text-decoration:none;
white-space:nowrap;
outline:0;
}
.ui-tabs-nav .ui-tabs-selected a {
position:relative;
top:1px;
z-index:2;
margin-top:0;
color:#999;
}
.ui-tabs-nav a span {
width:64px;
min-width:64px;
height:15px;
min-height:15px;
padding-top:2px;
padding-right:0;
}
*>.ui-tabs-nav a span {
width:auto;
height:auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom:1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position:100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position:100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position:0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position:0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor:text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor:pointer;
}
.ui-tabs-disabled {
opacity:.4;
filter:alpha(opacity=40);
}
.ui-tabs-panel {
border-top:1px solid #eb7;
padding:1em 8px;
background:#fff url(_1.jpg) no-repeat;
}
.ui-tabs-loading em {
padding:0 0 0 20px;
background:url(loading.gif) no-repeat 0 50%;
}

* html .ui-tabs-nav {
display:inline-block;
}
*:first-child+html .ui-tabs-nav  {
display:inline-block;
}

#rotate	{ width:615px;}


/* letnik.pl*/
#rotate	.ui-tabs-panel	span { color:#888; padding-left:3px; font-size:10px }

#rotate .moreImg	{ border:0; padding:1px 3px 0 1px;cursor:pointer; margin:0px 1px}
#tabAjax .moreImg	{ padding-top:6px}
#tabAjax	{	white-space:normal}
.ui-tabs-panel	p	{ padding:4px; margin:0}

.ui-tabs-panel	a:visited,
.ui-tabs-panel	a	{text-decoration:none;padding-left:12px;background:url(strzalka.png) no-repeat;color:#58f;font:bold 11px Tahoma, sans-serif}
.ui-tabs-panel	a:hover	{text-decoration:none;padding-left:12px;background:url(strzalka.png) no-repeat 3px 0px;color:#8af}
#rotate	a.wg	{text-decoration:none;padding:0px;background:none;color:#777;font:bold 16px Tahoma, sans-serif;}
#rotate	a.wg:hover	{padding:0px;background:none;color:#888}


#header {
	background-color: #fffff0;
	border: 1px solid #000;
	margin-bottom: 20px;
	padding: 10px;
}
div.title
{
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}
div.link
{
	text-align: center;
}
div.clear
{
	clear: both;
}
div.exa
{
	background-color: #fffff0;
	border: 1px solid #000;
	padding: 0 15px;
	margin-bottom: 20px;
}
div.codeheader {
	margin-bottom: -15px;
}
div.resultheader{
	margin-bottom: 5px;
}
div.result{
	background: #fff;
	border: 1px solid #000;
	margin-bottom: 10px;
	padding: 0 10px;
}
html>body div.outerbox
{
	padding: 0 5px 5px 0;
}
html>body div.outerbox div.shadowbox1
{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 5px;
	height: 100%;
	background: url(myshadow.png) no-repeat right top;
}
html>body div.outerbox div.shadowbox2
{
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 5px;
	width: 100%;
	background: url(myshadow.png) left bottom;
}
html>body div.outerbox div.shadowbox3
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
	background: url(myshadow.png) no-repeat right bottom;
}
html>body .innerbox
{
	margin: 0;
	display: inherit;
}
/*menuMore*/
#root-menu-div ul {
	border: 1px solid #ccc;
}
#root-menu-div li{
	white-space:nowrap;
}
* html #root-menu-div li{
	height: 1.5em; /* fixing ie6 problem */
}
ul.menu,
#root-menu-div ul {
	background-color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
}

#root-menu-div li { text-decoration:none; font:12px Arial, Helvetica, sans-serif; display:block; padding-left:9px; border-bottom:1px solid #fd8 }
#root-menu-div a	{text-decoration:none; } 

li.menu-separator.active{
	background-color: transparent;
}
li.active {
	background-color: #eee;
}
.activetarget{
}

* html div.menu-item {
	display: inline; /* fixes problem in ie6 */
}

li.menumain {
	float: left;
	padding: 0 10px;
}
div.menu-item {
	padding: 1px 10px 1px 4px;
}
img.menu-item-arrow{
	position: absolute;
	right: 4px;
	top: 8px;
}