/* root element for tabs  */
.node ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
.node ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.node ul.tabs a { 
	background: url(tabs.png) no-repeat -420px 0;
	font-size:11px;
	font-weight: bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	text-shadow: 0 1px 0 #fff;
}

.node ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.node ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
	text-shadow: 0 1px 0 #333;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
.node ul.tabs a.current, .node ul.tabs a.current:hover, .node ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.node ul.tabs.w1 a 			{ background-position: -553px 0; width:81px; }
.node ul.tabs.w1 a:hover 	{ background-position: -553px -31px; }
.node ul.tabs.w1 a.current  { background-position: -553px -62px; text-shadow: 0 1px 0 #fff; color: #2E501A!important;}

/* width 2 */
.node ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
.node ul.tabs a.l:hover 	{ background-position: -248px -31px; }
.node ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
.node ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
.node ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
.node ul.tabs a.xl.current { background-position: 0 -62px; }



/* root element for tabs  */
ul.css-tabs {
    /* margin:0 !important; */
	margin-bottom: -1px;
    padding:0;
    height:30px;
    border-left:1px solid #999;
	margin-bottom: -1px;
}

/* single tab */
ul.css-tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
    float:left;
    font-size:13px;
    display:block;
    padding:5px 15px;
    text-decoration:none;
	border-left: none;
	border-top: 1px solid #999; 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999; 
    height:18px;
    background-color:#efefef;
    color:#777;
    /* margin-right:2px; */
    position:relative;
    /* top:1px; */
    outline:0;
    -moz-border-radius:4px 4px 0 0;
}
.liczebnosc ul.css-tabs a {
	padding: 5px 10px;
}
.panes.bt {
	border-top: 1px solid #999;
}

ul.css-tabs a:hover {
    background-color:#F7F7F7;
    color:#333;
}

/* selected tab */
ul.css-tabs a.current {
	background-color: #fff;
    border-bottom-color: #fff;
    color: #000;
    cursor: default;
	box-shadow: 0 3px 0 #589832 inset;
	  border-top-color: #589832;
	  font-weight: bold;
}


/* tab pane */
.css-panes div {
    display:none;
    border:1px solid #666;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:15px 20px;
    background-color:#fff;
}



/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
.panes div {
	display:none;		
	padding:20px 30px;
	border:1px solid #999;
	border-top:0;
}
.liczebnosc { width: 750px }
#pszczoly.liczebnosc {width: 700px}
#owce.liczebnosc {width: 700px}
.bold {font-weight: bold;}
.liczebnosc h2 {text-align: center;}
.liczebnosc table, table.standard
{
border-collapse: separate;
border-spacing: 2px;
margin: 0 auto;
caption-side: bottom;
}
.liczebnosc thead th, table.standard thead th {
    background: none repeat scroll 0 0 #589832;
    border: 1px solid #2E501A;
    color: #F5F5F5;
    padding: 5px;
    text-shadow: 0 1px 0 #000000;
}
.liczebnosc tbody th, table.standard tbody th {background: #D3D3D3; border: none}
.liczebnosc td, table.standard td {background: #f5f5f5; padding: 5px;}
caption {text-align: left;}
caption em { display: block;}
.liczebnosc .subheader th, .subheader td, table.standard .subheader th, table.standard .subheader td {background:#f5f5f5; color: #666; border:none; border-bottom: 3px solid #aaa; text-shadow: 0 1px 0 #fff; }
.highlight { font-weight: bold } .highlight td {background:#D3D3D3!important} 

table.center th, table.center td {text-align: center}
table.standard {
	max-width: 1100px;
}
table.bees {text-align: center; margin-left: 0!important; }
.bees tr:first-child th {padding: 0.75em}
.bees th {width: 200px;}
.bees td:first-child {text-align: left}
.bees th+th {width: 100px; text-align: center}
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	/*background:#333 url(/img/global/gradient/h300.png) 0 0;
	width: 300px;
	border:1px solid #333;	
	-background:#666;*/
	padding: 10px 15px;
}

/* accordion header */
#accordion h2 {
/*	background:#ccc url(/img/global/gradient/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;*/
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	/*background-color:#fff;*/
}

/* accordion pane */
#accordion .pane {
display:none;	
padding: 10px 20px;

/*border:1px solid #fff;
	border-width:0 2px;
	
	height:180px;
	padding:15px;
	color:#fff;
	font-size:12px;*/
}

/* a title inside pane 
#accordion .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}
*/
.intro {color:#294C71}
ul.legenda {list-style:none}
.legenda li { background: #f5f5f5;  padding: 5px;  margin-bottom: 2px; }
.legenda li span {font-size: 1.2em; color:#294C71;}
#accordion dt {background: #f5f5f5; color:#294C71; padding: 5px; font-size: 1.2em;}
#accordion dd {margin-bottom: 10px;}
.italic {font-style: italic; color: #505050}
#accordion .section {border-color: #ccc; border-width: 10px;}
#accordion h2.current, #accordion .section:hover {border-color: #7b7b7b; background: #f5f5f5;}