@CHARSET "UTF-8";
@IMPORT url("form.css");

html, body, p, img, ul, ol, li, table, tbody, tr, td, a, h1, h2, h3, h4, div, span {
	margin: 0;
	padding: 0;
	border: none;
}

li {
	list-style-type: none;
}

table {
	border-collapse: separate;
	border-spacing: 0px;
}

html {
	height: 100%;
}

body {
	background: #ffffff;
	min-height: 100%;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	position: relative;
	color: #0d0d0d;
}

a {
	color: #007bbe;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	color: #383e3f;
	font-size: 17px;	
	background: url( '../images/bg,square,5,5.gif') 0% 50% no-repeat;
	padding-left: 10px;
	margin: 0 0 6px 0;
}

h2 {
	background: url( '../images/bg,square,4,4.gif') 0% 50% no-repeat;
	padding-left: 8px;
	color: #42484a;
	font-size: 13px;
	margin: 0 0 5px 0;
}

strong {
	font-weight: bold;
}

.clr {
	clear: both;
}

.c {
	text-align: center;
}

.r {
	text-align: right;
}

.b {
	font-weight: bold;
}

.hidden {
	display: none;
}

.wp {
}

/* Ladowanie... */
.bxLoading {
	background: url( '../images/indicator.gif') 0% 50% no-repeat;
	padding: 4px 0 4px 20px;
	font-size: 11px;
	color: #4d5254;
}

/* Napis + obrazek */
span.bxLoading {

}

/* Napis + obrazek + obramowanie i tlo*/
div.bxLoading {
}

.bxPagination2 {
	text-align: right;
	padding: 10px 0;
}

.bxPagination2 a {
	border: solid 1px #dddddd;
	padding: 3px 4px;
	margin: 0 1px;
	color: #383e3f;
}

.bxPagination2 a:hover {
	text-decoration: none;
	color: #8db819;
	border: solid 1px #8db819;
}

.bxPagination2 span {
	padding: 3px 4px;
	margin: 0 1px;
	color: #383e3f;
}

.bxPagination2 .bxPagination2_active {
	background: #8db819;
	border: solid 1px #8db819;
	color: #f9f9fa;
}

.aClose {
	position: absolute;
	right: 5px;
	top: 5px;
	padding-right: 20px;
	background: url( '../images/icons/cross.png') 100% 50% no-repeat;
}

.legend {
	border-top: solid 1px #dddddd;
	padding-top: 2px;
	margin-top: 2px;
}

.legend li {
	padding: 2px 0;
}

.legend img {
	margin: 0 5px 0 0;
	vertical-align: text-bottom;
}

/* Zaokraglenia */
.rtl, .rtr, .rbl, .rbr {
	position: absolute;
	width: 5px;
	height: 5px;
	background-repeat: no-repeat;
}

.rtl {
	left: -1px;
	top: -1px;
}

.rtr {
	right: -1px;
	top: -1px;
}

.rbl {
	left: -1px;
	bottom: -1px;
}

.rbr {
	right: -1px;
	bottom: -1px;
}

.r_2 {
	background: #d9ecf6 url( '../images/bg,d9ecf6.gif');
	border: solid 1px #b8d5e4;
	position: relative;
	padding: 7px;
}

/* Zaokraglone rogi z bialym tlem wewnatrz */
.r_3 {
	position: relative;
	border: solid 1px #dddddd;
	padding: 7px;
}

.rbl_1 {
	background: url( '../images/bg,rbl_1,5,5,n.gif');
}

.rbr_1 {
	background: url( '../images/bg,rbr_1,5,5,n.gif');
}

.rtl_1 {
	background: url( '../images/bg,rtl_1,5,5,n.gif');
}

.rtr_1 {
	background: url( '../images/bg,rtr_1,5,5,n.gif');
}

/* Zaokraglone rogi z blekitnym tlem wewnatrz */
.rbl_2 {
	background: url( '../images/bg,rbl_2,5,5,n.gif');
}

.rbr_2 {
	background: url( '../images/bg,rbr_2,5,5,n.gif');
}

.rtl_2 {
	background: url( '../images/bg,rtl_2,5,5,n.gif');
}

.rtr_2 {
	background: url( '../images/bg,rtr_2,5,5,n.gif');
}

/* Zaokraglone rogi z bialym tlem wewnatrz */
.rbl_3 {
	background: url( '../images/bg,rbl_3,5,5,n.gif');
}

.rbr_3 {
	background: url( '../images/bg,rbr_3,5,5,n.gif');
}

.rtl_3 {
	background: url( '../images/bg,rtl_3,5,5,n.gif');
}

.rtr_3 {
	background: url( '../images/bg,rtr_3,5,5,n.gif');
}

/* bordery */
.brt {
	border-top: solid 1px #dddddd;
}

.brb {
	border-bottom: solid 1px #dddddd;
}

.brr {
	border-right: solid 1px #dddddd;
}

.brl {
	border-left: solid 1px #dddddd;
}

.msg_success, .msg_error, .msg_alert, .msg_info {
	padding: 6px 10px 6px 48px;
	background-repeat: no-repeat;
	background-position: 16px 50%;
	border: solid;
	border-width: 1px 0;
	margin-bottom: 10px;
	color: #383e3f;
	font-weight: bold;
	font-size: 13px;
}

.msg_success {
	background-image: url( '../images/icons/accept.png');
	background-color: #eef5e7;
	border-color: #b8d79b;
}

.msg_error {
	background-image: url( '../images/icons/exclamation.png');
	background-color: #fae6e6;
	border-color: #eb9999;
}

.msg_alert {
	background-image: url( '../images/icons/error.png');
	background-color: #fdfbe6;
	border-color: #f8ee99;
}

.msg_info {
	background-image: url( '../images/icons/information.png');
	background-color: #ebf0f6;
	border-color: #aec1db;
}

.msg_info2 {
	line-height: 18px;
	color: #383e3f;
	text-align: center;
	background: url('../images/bg,f7f7f7.gif') #f7f7f7;
	padding: 10px 5px;
	border: solid 1px #eaeaeb;
	font-weight: bold;
	margin-bottom: 10px;
}

#bwHeader, #bwMain, #bwFooter {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

#bwHeader {
	height: 126px;
	margin-bottom: 3px;
}

#bwHeader.h150 {
	height: 150px;
	margin-bottom: 6px;
}

#iLogo {
	position: absolute;
	top: 11px;
}

#lMenu {
	width: 100%;
	padding-top: 102px;
}

#lMenu li, #lSubmenu li {
	display: inline;
	border-right: solid 1px #dddddd;
	line-height: 24px;
	padding: 0 7px;
}

#lMenu li a {
	font-weight: bold;
	font-size: 12px;
}

#lSubmenu {
	background: url( '../images/bg,lMenu,li,ul,1,24,x.gif') 0% 50% repeat-x;
}

#lSubmenu li a {
	font-weight: bold;
	color: #8db819;
	font-size: 11px;
}

#bxLogin, #bxSearch{
	position: absolute;
	top: 0px;
	padding: 0 7px 7px 7px;
	border: solid 1px #e4e4e4;
	background: #f7f7f7 url( '../images/bg,f7f7f7.gif');
}
	
#bxSearch {
	width: 209px;	
	right: 300px;
	padding-top: 7px;
}

#bxSearch_search {
	border: solid 1px #c7c7c7;
	background: #fff;
	width: 140px;
	height: 20px;
	margin-right: 4px;
}

#bxSearch_submit {
	height: 22px;
}

#bxSearch input {
	vertical-align: middle;
}

/* Logowanie i "podreczny panel sterowania" uzytkownika :P */
#bxLogin {
	right: 0px;
	width: 274px;
}

#bxLogin_register, #bxLogin_welcome {
	border-bottom: solid 1px #e2e2e2;
	font-size: 12px;
	color: #303133;
	padding: 3px 0;
}

#bxLogin_register {
	text-align: right;
}

#bxLogin_register a {
	font-weight: bold;
}

#bxLogin_welcome {
	position: relative;
	text-align: left;
	padding-right: 65px;
}

#bxLogin_welcome a {
	font-weight: bold;
	color: #cc0000;
	position: absolute;
	top: 3px;
	right: 0px;
}

#bxLogin span {
	position: relative;
	float: left;
}

#bxLogin label {
	line-height: 17px;
	font-size: 11px;
	color: #808081;
}

#bxLogin_nickname, #bxLogin_password {
	border: solid 1px #c7c7c7;
	background: #fff;
	width: 133px;
	height: 20px;
}

#bxLogin_nickname {
	margin-right: 4px;
}

#bxLogin_wpSubmit {
	text-align: right;
	position: relative;
	margin-top: 4px;
	height: 22px;
}

#bxLogin_wpSubmit span {
	vertical-align: top;
}

#bxLogin_wpSubmit label {
	position: relative;
	margin: 0 6px 0 4px;
	font-size: 11px;
}

#bxLogin_remember {
}

#bxLogin_wpSubmit a {
	font-size: 11px;
	margin: 0 6px 0 0;
}

#bxLogin_avatar {
	border: solid 1px #dddddd;
	margin: 5px 7px 0 0;
	float: left;
}

#bxLogin_menu {
	float: left;
	margin-top: 5px;
	font-size: 12px;
}

#bxLogin_menu small {
	display: block;
	width: 100%;
	border-top: solid 1px #dddddd;
	margin: 3px 0 3px 0;
	padding-top: 3px;
	font-size: 11px;
	color: #4d5254;
}

#bxLogin_menu img {
	vertical-align: text-bottom;
	margin-right: 3px;
}

#bxLogin_menu a {
	margin: 0 4px 0 0;
}

#bxLogin_menu a:hover {
	text-decoration: none;
	color: #383e3f;
}

#bwMain {
	padding: 0px 7px 69px 7px;
	width: 956px;
}

#wpFooter {
	position: absolute;
	width: 100%;
	padding-bottom: 25px;
	bottom: 0px;
	background: url( '../images/bg,trawa,79,25,x.gif') 0% 100% repeat-x
}

#bwFooter {
	height: 35px;
	line-height: 35px;
	border-top: solid 2px #dddddd;
	font-size: 11px;
}

#bwFooter span {
	font-weight: bold;
}

#bwFooter ul {
	position: absolute;
	right: 0px;
	top: 0px;
}

#bwFooter ul li {
	display: inline;
	border-right: solid 1px #dddddd;
	padding: 0 5px;
}


/* Pasek boczny */
.sidebar {
	width: 225px;
	padding: 0 7px 7px 7px;
	margin-bottom: 7px;
	position: relative;
}

.sbBlue {
	background: #d9ecf6 url( '../images/bg,d9ecf6.gif');
	border: solid 1px #b8d5e4;
}

.sbWhite {
	border: solid 1px #dddddd;
}

.sbRight {
	float: right;
	margin-left: 15px;
}

.sbLeft {
	float: left;
	margin-right: 15px;
	clear: left;
}

.sidebar h2 {
	margin-top: 7px;
}

.sidebar li {
	padding-left: 5px;
	line-height: 23px;
	color: #383e3f;
}

.sidebar li span {
	color: #777b7c;
}

.sbBlue li {
	border-bottom: solid 1px #b5d5e4;
}

.sbBlue a {
	color: #285ca8;
}

.sbWhite li {
	border-bottom: solid 1px #dddddd;
}

.bxHomepageSidebar {
	width: 422px;
	padding: 0px;
	float: right;
	margin-left: 10px;
}

#dashboardMenu li {
	border-bottom: none;
	font-weight: bold;
}

#dashboardMenu li ul li {
	font-weight: normal;
	background: url( '../images/bg,square,4,4.gif') 0% 50% no-repeat;
	padding-left: 8px;
}

#dashboardMenu li ul {
	margin-left: 16px;
}

#dashboardMenu a img {
	margin-right: 5px;
	vertical-align: text-bottom;
}

#dashboardMenu a:hover {
	text-decoration: none;
	color: #383e3f;
}

/* Glowna tresc */
.bxContent {
	width: 100%;
}

.bxContentLeft, .bxContentRight {
	width: 700px;
}

.bxContentLeft {
	float: left;
}

.bxContentRight {
	float: right;
}

.bxHomepage {
	width: 524px;
	float: left;
}

/* Drzewka (w listach) */
.tr_0 {
	margin-left: 0px;
}

.tr_1 {
	margin-left: 12px;
}

.tr_2 {
	margin-left: 24px;
}

.tr_3 {
	margin-left: 36px;
}

.tr_4 {
	margin-left: 48px;
}

.tr_5 {
	margin-left: 60px;
}

.tr_6 {
	margin-left: 72px;
}

.tr_7 {
	margin-left: 84px;
}

/* Układ 2 / 3 / 4 kolumnowy */
.col_2 {
	width: 50%;
	float: left;
}

.col_3 {
	width: 33%;
	float: left;
}

.col_4 {
	width: 25%;
	float: left;
}

/* Filtr obserwacji */
#bxFilter {
	background: #d9ecf6 url( '../images/bg,d9ecf6.gif');
	border: solid 1px #b8d5e4;
	position: relative;
	padding: 5px;
	margin-bottom: 10px;
}

#bxFilter span {
	float: left;
	margin: 2px 5px;
	display: block;
}

#bxFilter label {
	font-size: 12px;
	color: #4e4e4f;
	line-height: 18px;
}

#bxFilter_birdSpecies {
	margin-right: 4px;
}

#bxFilter label img {
	vertical-align: text-bottom;
}

#bxFilter select {
	border: solid 1px #c7c7c7;
	background: #fff;
	padding: 2px;
	font-size: 11px;
}

#bxFilter_imgOnly, #bxFilter_lImgOnly {
	margin-top: 20px;
}

#bxFilter_imgOnly {
	margin-right: 2px;
}

#bxFilter table {
	width: 100%;
}

#bxFilter .td1 {
	width: 30%;
}

#bxFilter .td1 select {
	width: 100%;
}

#bxFilter .td2 {
	width: 70%;
}

#bxFilter .td4 {
	vertical-align: bottom;
	text-align: right;
	line-height: 0px;
}

#bxFilter_birdSpecies {
	min-width: 320px;
}

#bxFilter .td4 input {
	width: 70px;
	height: 22px;
}

/* Obserwacje */
#tObservations {
	width: 100%;
	border-collapse: collapse;
}

#tObservations th {
	text-align: left;
	padding: 4px 2px;
	font-weight: bold;
	color: #383e3f;
}

#tObservations td {
	padding: 4px 2px;
}

#tObservations tbody tr {
	border: solid;
	border-width: 1px 0;
	border-color: #dddddd;
}

#tObservations .tr_0 {
	background: none;
}

#tObservations .tr_1 {
	background: #f6f6f6;
}

#tObservations td.icons img {
	margin: 0 1px;
	vertical-align: text-bottom;
}

#tObservations .aDetails {
	font-weight: bold;
}

.bxObservationDetails {
	position: absolute;
	left: 5px;
	margin: 5px 0;
	width: 922px;
	background: #ffffff;
	z-index: 1024;
	padding: 5px 10px;
}

.tObservationDetails {
	width: 100%;
	margin-bottom: 10px;
}

.tObservationDetails td {
	border-bottom: solid 1px #dddddd;
	vertical-align: top;
	padding: 3px 0;
	line-height: 1.35em;
	color: #383e3f;
	font-weight: bold;
}

.tObservationDetails span {
	display: block;
	width: 135px;
	float: left;
	color: #777b7c;
	margin-right: 5px;
	font-weight: normal;
	
}

.bxObservationImages {
	margin: 0 0 10px 0;
	vertical-align: middle;
	text-align: center;
}

.bxObservationImages img {
	border: solid 3px #ffffff;
	margin: 4px;
	vertical-align: middle;
}

.bxObservationSb {
	border: none;
}

.bxObservationSb li {
	font-weight: bold;
}

.bxObservationSb span {
	font-weight: normal;
}

.bxObservationSb .mo {
	text-align: right;
	padding: 7px 0 0 0;
	font-weight: bold;
}


/* Dashboard - tablice, listy gatunkowe */
.tDb, .tSpecies {
	width: 100%;
	border-collapse: collapse;

}

.tDb td, .tSpecies td {
	text-align: left;
	font-size: 12px;
	border: solid 1px #dddddd;
	padding: 0px 4px;
	line-height: 22px;
	vertical-align: top;
}

.tDb td img, .tSpecies td img {
	vertical-align: text-bottom;
	margin: 0 1px;
}

.tDb .c {
	text-align: center;
}

.tDb th, .tSpecies th {
	padding: 2px 4px;
	text-align: left;
	font-weight: bold;
	color: #383e3f;
}

.tDb img, .tSpecies img {
	vertical-align: text-bottom;
}

.tDb em, .tSpecies em {
	font-style: italic;
	color: #535353;
}

.tDb .tr_0, .tSpecies .tr_0 {
	background: none;
}

.tDb .tr_1, .tSpecies .tr_1 {
	background: #f6f6f6;
}

.lSpecies li {
	background: url( '/images/bg,square,4,4.gif') 0% 50% no-repeat;
	padding: 2px 0 2px 8px;
}

.lSpecies em {
	font-style: italic;
	color: #535353;
}
	
/* iframe mapy */
#ifrMap {
	padding: 5px;
	border: solid 1px #dddddd;
	float: left;
}

/* Dymki na mapie */
.bxGoogleMaps_info {
	width: 300px;
}

.bxGoogleMaps_infoH strong {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	background: url( '../images/bg,square,4,4.gif') 0% 50% no-repeat;
	padding-left: 8px;
	color: #383e3f;
	font-size: 13px;
}

.bxGoogleMaps_infoH small {
	font-size: 11px;
	color: #6c7172;
}

.bxGoogleMaps_infoD {
	margin-top: 5px;
	color: #383e3f;
	font-size: 12px;
	margin-top: 5px;
}

.bxGoogleMaps_infoI {
	text-align: center;
}

.bxGoogleMaps_infoI img {
	padding: 3px;
	margin-top: 5px;
	border: solid 1px #dddddd;
}

/* Ranking */
.lRanking li {
	position: relative;
	padding-left: 45px;
	color: #585d5e;
	margin: 0 5px 12px 5px;
}
.lRanking li strong {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	text-align: right;
	font-size: 19px;
	color: #383e3f;
}

.lRanking li strong span {
	font-size: 12px;
	display: block;
	color: #8db819;
}

.lRanking li .iAvatar {
	border: solid 1px #dddddd;
	float: left;
	margin-right: 5px;
}

.lRanking li .wpPrLink {
	display: block;
	border-bottom: solid 1px #dddddd;
	font-weight: bold;
	margin-bottom: 2px;
	padding: 0 0 1px 0;
}

.lRankingHp li {
	padding: 3px;
	border-bottom: solid 1px #dddddd;
	margin-right: 5px;
}

/* Krotki profil uzytkownika (w sidebarze) */
.sProfile li {
	border: none;
	line-height: 16px;
}

.sProfile li span {
	color: #777b7c;
}

.sProfile .iAvatar {
	border: solid 1px #dddddd;
	float: left;
	margin: 0 5px 5px 0;
}

/* Komentarze */
#bxComments_Container {
	max-width: 684px;
}
	
#bxComments_add textarea {
	width: 500px;
	height: 130px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	border: solid 1px #c0c0c0;
	font-size: 12px;
	padding: 2px 3px;
	color: #0d0d0d;
	margin: 0 5px 3px 0;
}

#bxComments_add2 {
	margin-top: 10px;
}

.bxComment {
	margin: 5px 0;
	background: url('../images/bg,f7f7f7.gif') #f7f7f7;
	border: solid 1px #eaeaeb;
	padding: 5px;
}

.bxComment_info {
	float: left;
	width: 200px;
	color: #383e3f;
}

.bxComment_info img {
	border: solid 3px #ffffff;
	float: left;
	margin-right: 5px;
}

.bxComment_info span {
	font-weight: bold;
}

.bxComment p span {
	display: block;
	font-size: 11px;
	color: #6c7172;
}

/* Artykuly */
.bxArticles {
	margin-left: 10px;
}

.bxArticle {
	border-bottom: solid 1px #dddddd;
	color: #303133;
	margin-bottom: 10px;
}

.bxArticle h2 {
	font-size: 13px;
	margin: 5px 0;
}

.bxArticleBody {
	line-height: 1.4em;
	font-size: 12px;
}

.bxArticleIn, .bxObserIn {
	padding: 0 0 6px 0;
	text-align: right;
	font-size: 11px;
	color: #626768;
}

.bxArticleIn .b {
	padding-left: 8px;
}

.bxArticleIn img, .bxObserIn img {
	vertical-align: text-bottom;
	margin: 0 3px 0 8px;
}

.bxArticleBody p {
	margin: 0 0 10px 0;
}

/* sidebar - blok z obserwacjami rzadkosci */
#hpObservations {
	background: url( '../images/bg,rzadkosci,110,166,n.gif') 100% 0% no-repeat;
	color: #303133;
}

#hpObservations h2 a, #hpRanking h2 a {
	color: #8db819;
	font-size: 14px;
}

#hpObservations small {
	color: #777b7c;
	font-size: 11px;
}

#hpObservations .bxObser {
	padding: 3px 0;
	margin-bottom: 3px;
	border-bottom: solid 1px #dddddd;
	line-height: 1.35em;
}

#hpObservations .photo {
	float: left;
	margin: 2px 5px 2px 0;
	border: solid 1px #dddddd;
	padding: 2px;
}

/* Pierwsza obserwacja - zeby nie wpadala na tlo */
#bxObser_0 {
	margin-right: 80px;
}

#hpObservations .bxObserIn {
	padding: 3px 0 0 0;
	text-align: left;
}

#hpObservations .bxObserIn img {
	margin-left: 0px;
}

#hpObservations small, #hpObservations ul {

}

#hpObservations .mo, #hpRanking .mo {
	text-align: right;
	font-weight: bold;
	padding: 4px 0 0 0;
}

#hpRanking .mo {
	padding-top: 7px;
}

#hpObservations .mo a, #hpRanking .mo a {
	color: #303133;
}

#hpSbPPP {
	width: 198px;
	display: block;
	float: left;
	text-align: center;
}

#hpSbLokalizator {
	margin-left: 1px;
}