@charset "UTF-8";

.TabbedPanels {
	margin:0px;
	margin-left:-14px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	float: left; /*położenie na stronie*/
	clear: none;
	width: 103%; /*szerokość rozwijanych zakładek*/
}
/*Położenie zakładek*/
.TabbedPanelsTabGroup {
	margin:4px;
	padding:30px 0px 0px 0px; /*marginesy wszystkich zakładek G P D L*/
}
/* Zakładka nieaktywna*/
.TabbedPanelsTab {
position: relative;
top: -4px; /*margines między zakładkami, treścią danej zakładki*/
float: left;
margin: 0px 0px 0px 2px; /* G P D L - odległości między zakadkami*/
padding: 3px 3px 3px 3px; /*wysokość i szerokość zakladek*/
font: 18pt '0101xwp-w', sans-serif, Helvetica, Arial;  text-shadow: 0 1px rgba(255,255,255, .55); cursor: auto; /* tekst*/
color: #000; /*kolor tekstu*/
list-style: none;
background: #E2E2E2; /* Old browsers */ 
background: -moz-linear-gradient(top, rgba(255,255,255,.2) 30%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 30%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, rgba(255,255,255,.2) 30%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ 
background: -ms-linear-gradient(top, rgba(255,255,255,.2) 30%,rgba(0,0,0,.2) 100%); /* IE10+ */ 
background: linear-gradient(top, rgba(255,255,255,.2) 30%,rgba(0,0,0,.2) 100%); /* W3C */  
border: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;  -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4); box-shadow: 0 2px 6px rgba(0,0,0,0.4);
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 
cursor: pointer;
}
/*Zakładka wybierana*/
.TabbedPanelsTabHover {
position: relative;
top: -4px; /*margines między zakładkami, treścią danej zakładki*/
float: left;
margin: 0px 0px 0px 2px; /* G P D L - odległości między zakadkami*/
padding: 3px 3px 3px 3px; /*wysokość i szerokość zakladek*/
font: 18pt '0101xwp-w', sans-serif, Helvetica, Arial; text-shadow: 0 1px rgba(0,0,0, .75); cursor: auto; /* tekst*/
color: #BEDF9B; /*kolor tekstu*/	
background: #E2E2E2; /* Old browsers */
list-style: none;
background: -moz-linear-gradient(top, rgba(0,0,0,.3) 30%, rgba(255,255,255,.3) 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 30%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, rgba(0,0,0,.3) 30%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */ 
background: -ms-linear-gradient(top, rgba(0,0,0,.3) 30%,rgba(255,255,255,.3) 100%); /* IE10+ */ 
background: linear-gradient(top, rgba(0,0,0,.3) 30%,rgba(255,255,255,.3) 100%); /* W3C */
border: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000; 
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 
cursor: pointer; 
}
/*Zakładka aktywna*/
 .TabbedPanelsTabSelected {
position: relative;
top: -4px; /*margines między zakładkami, treścią danej zakładki*/
float: left;
margin: 0px 0px 0px 2px; /* G P D L - odległości między zakadkami*/
padding: 3px 3px 3px 3px; /*wysokość i szerokość zakladek*/
font: 18pt '0101xwp-w', sans-serif, Helvetica, Arial; text-shadow: 0 1px rgba(0,0,0, .75); cursor: auto; /* tekst*/
color: #fff; /*kolor tekstu*/	
background: #E2E2E2; /* Old browsers */
list-style: none;
background: -moz-linear-gradient(top, rgba(0,0,0,.3) 30%, rgba(255,255,255,.3) 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 30%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, rgba(0,0,0,.3) 30%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */ 
background: -ms-linear-gradient(top, rgba(0,0,0,.3) 30%,rgba(255,255,255,.3) 100%); /* IE10+ */ 
background: linear-gradient(top, rgba(0,0,0,.3) 30%,rgba(255,255,255,.3) 100%); /* W3C */ 
border: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000; 
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 
cursor: pointer;
}
.TabbedPanelsTabGroup {
	margin-left: 4px;
	margin-right: -10px;
	margin-top: 26px;
	margin-bottom:50px;
	padding: 0px;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
/*Tło*/
.TabbedPanelsContentGroup {
	clear: both;
	border: 1px solid #DBE6FF; color: #444; border-radius: 8px; -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.4); -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.4); box-shadow: 0 4px 8px rgba(0,0,0,0.4);
	background-color:rgba(176,198,237,0.7);	/* kolor tła*/
	border-left: solid 1px #DBE6FF; /* kolor ramki L*/
	border-bottom: solid 1px #DBE6FF; /* kolor ramki D*/
	border-top: solid 1px #DBE6FF; /* kolor ramki G*/
	border-right: solid 1px #DBE6FF; /* kolor ramki P*/
}

.TabbedPanelsContent {
	padding: 16px; /*Odległość tekstu od zakładek*/
}


.TabbedPanelsContentVisible { }
.VTabbedPanels .TabbedPanelsTabGroup {float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; }
.VTabbedPanels .TabbedPanelsTab {float: none; margin: 0px; border-top: none; border-left: none; border-right: none; }
.VTabbedPanels .TabbedPanelsTabSelected {background-color: #EEE; border-bottom: solid 1px #999; }
.VTabbedPanels .TabbedPanelsContentGroup {clear: none; float: left; padding: 0px; width: 30em; 	height: 20em; }