@charset "utf-8";
/* CSS Document */

/*
Author:           Vellkan Design Studio Igor Chudy
Author URI:       http://www.vellkan.pl/
Version:	   1.0
Project: Koszalin - portal miejski
Description:
*/

body {height: 100%; width: 100%; font: normal 12px/21px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #606060; background: #fff url(images/Bck.png) left top repeat-x; }
html, body {width: 100%; height: 100%;}

/* Reset ---------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-weight: inherit; font-family: inherit; }

h1 { font-size: 3em; }
h2 { font-size: 2em;  }
h3 { font-size: 1.5em;  }
h4 { font-size: 1.2em; }
h5 { font-size: 1em;  }
h6 { font-size: 1em;  }

:focus { outline: 0; }
blockquote, q {quotes: "" "";}
.clear { clear: both; }

/* Colors ------------------
25aae1 - light blue / links
254488 - dark blue / hover links
*/



/* Custom ----------------------------------------------------------------------- */

#Wrapper {width: 100%; min-height:100%;position:relative;}

#Container {width: 1000px; height: 100%; margin: 0 auto; padding-bottom: 260px;}

#Top {width: 100%; height: 124px; display: block;}
	#Top h1 a {width: 199px; height: 66px; margin: 29px 0 0 0; display: block; float: left; background: url(images/KoszalinLogo.png) left top no-repeat; text-indent: -9000px;}
	
	#Top #Search {width: 439px; height:65px; margin: 29px 0 0 0; display: block; float: right; background: url(images/SearchLabel.png) left bottom no-repeat; position: relative;}
	#Top #Search input.SearchInput {width: 173px; height: 17px; position: absolute; top: 33px; left: 13px; font: normal 11px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: 
	#777777; border: none;}
	#Top #Search input.SearchSubmit {width: 14px; height: 14px; position: absolute; left: 196px; top: 36px; background: none; border: none; cursor: pointer;}
	
	#Top #Search .UserButtons {position: absolute; right: 20px; top: 29px; }
	#Top #Search .UserButtons a {font: bold 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #fff; text-decoration: none; margin: 0 0 0 20px; padding: 3px;}
	#Top #Search .UserButtons a:hover {border-bottom: 1px solid #25aae1; }

		#Top #Search #UserStatus {font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #20409a; display: block; text-align: right;}

#Menu {width: 100%; height: 54px; position: relative; background: url(images/MainMenu.png) left -162px no-repeat;}
	#Menu ul#MainMenu {list-style: none; width: 1000px; display: block; float: left; }
	#Menu ul#MainMenu > li {display: block; float: left;}
	#Menu ul#MainMenu > li.break {width: 54px; }
	#Menu ul#MainMenu > li a {display: block; float: left; height: 54px; background-image: url(images/MainMenu.png); text-indent: -9000px; }
	#Menu ul#MainMenu > li a.Home {background-position: 0 0; width: 99px;}
	#Menu ul#MainMenu > li a.Point {background-position: -99px 0; width: 143px;}
	#Menu ul#MainMenu > li a.Path {background-position: -242px 0; width: 145px;}
	#Menu ul#MainMenu > li a.Catalog {background-position: -387px 0; width: 114px;}
	#Menu ul#MainMenu > li a.Forum {background-position: -501px 0; width: 113px;}
	#Menu ul#MainMenu > li a.Calendar {background-position: -614px 0; width: 127px;}
	#Menu ul#MainMenu > li a.ShowCategories {background-position: -795px 0; width: 205px;}

	#Menu ul#MainMenu li a.Home:hover {background-position: 0 -54px; }
	#Menu ul#MainMenu li a.Point:hover {background-position: -99px -54px; }
	#Menu ul#MainMenu li a.Path:hover {background-position: -242px -54px; }
	#Menu ul#MainMenu li a.Catalog:hover {background-position: -387px -54px; }
	#Menu ul#MainMenu li a.Forum:hover {background-position: -501px -54px;}
	#Menu ul#MainMenu li a.Calendar:hover {background-position: -614px -54px;}
	#Menu ul#MainMenu li a.ShowCategories:hover {background-position: -795px -54px; }
	
	#Menu ul#MainMenu li a.Home.Active {background-position: 0 -108px; width: 99px;}
	#Menu ul#MainMenu li a.Point.Active {background-position: -99px -108px; width: 143px;}
	#Menu ul#MainMenu li a.Path.Active {background-position: -242px -108px; width: 145px;}
	#Menu ul#MainMenu li a.Catalog.Active {background-position: -387px -108px; width: 114px;}
	#Menu ul#MainMenu li a.Forum.Active {background-position: -501px -108px; width: 113px;}
	#Menu ul#MainMenu li a.Calendar.Active {background-position: -536px -108px; width: 126px;}
	#Menu ul#MainMenu li a.ShowCategories.Active {background-position: -614px -108px; }
	#Menu ul#MainMenu li a.ShowCategories.highlight {background-position: -795px -108px; }	
	
		#Menu ul#MainMenu li ul {position:absolute;right: 0;top:53px; margin:0; padding:0; float:left; width:204px; z-index:100;height:auto;text-align:left; border-left:1px solid #cccccc; display: none;}

		#Menu ul#MainMenu li ul li{ display:block; float: left; border-bottom:1px solid #cccccc;background: #fff; font: normal 12px Tahoma, "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;width: 193px;  padding: 5px 0 5px 10px;}
		#Menu ul#MainMenu li ul li:first-child { margin: 0;}
		#Menu ul#MainMenu li ul li a {  text-indent: 0;  color: #888888;  text-decoration: none;padding: 11px 0 0 45px; height: 21px; display: block; float: left; background: none; }
		
		#Menu ul#MainMenu li ul li a.Gastronomia {background:url(images/CategorieMenuFood.png)  0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.Gastronomia.active {background:url(images/CategorieMenuFood.png) 0 0 no-repeat;}		

		#Menu ul#MainMenu li ul li a.Firmy {background:url(images/CategorieMenuCompany.png) 0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.Firmy.active {background:url(images/CategorieMenuCompany.png) 0 0 no-repeat;}	

		#Menu ul#MainMenu li ul li a.Miejsca {background:url(images/CategorieMenuHistory.png) 0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.Miejsca.active {background:url(images/CategorieMenuHistory.png) 0 0 no-repeat;}	

		#Menu ul#MainMenu li ul li a.Kultura {background:url(images/CategorieMenuCulture.png) 0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.Kultura.active {background:url(images/CategorieMenuCulture.png) 0 0 no-repeat;}	

		#Menu ul#MainMenu li ul li a.Place {background:url(images/CategorieMenuConstruction.png) 0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.Place.active {background:url(images/CategorieMenuConstruction.png) 0 0 no-repeat;}	

		#Menu ul#MainMenu li ul li a.Ciekawe {background:url(images/CategorieMenuInteresting.png) 0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.Ciekawe.active {background:url(images/CategorieMenuInteresting.png) 0 0 no-repeat;}	


		#Menu ul#MainMenu li ul li a.Fotografie {background:url(images/CategorieMenuPhoto.png) 0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.Fotografie.active {background:url(images/CategorieMenuPhoto.png) 0 0 no-repeat;}	

		#Menu ul#MainMenu li ul li a.Szlaki {background:url(images/CategorieMenuPath.png) 0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.Szlaki.active {background:url(images/CategorieMenuPath.png) 0 0 no-repeat;}	

		#Menu ul#MainMenu li ul li a.Bankomaty{background:url(images/CategorieMenuCash.png) 0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.Bankomaty.active {background:url(images/CategorieMenuCash.png) 0 0 no-repeat;}	

		#Menu ul#MainMenu li ul li a.toalety{background:url(images/CategorieMenuToilet.png) 0 -32px no-repeat;}
		#Menu ul#MainMenu li ul li a.toalety.active {background:url(images/CategorieMenuToilet.png) 0 0 no-repeat;}	

		#Menu ul#MainMenu li ul li a:hover {color: #254488; text-decoration:underline;}
		#Menu ul#MainMenu li ul li a.active {color: #254488; }


.tooltip { display:none;  background:transparent url(images/Tooltip.png); height: 56px; width:155px; color:#444444; font: normal 11px/16px Tahoma, "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; z-index:99;}

.ContentWrap {width: 1000px; margin: 0 0 20px 0; }
.ContentFrameStart {width: 100%; height: 4px; background: url(images/ContentFrameStart.png) left top no-repeat;}
.ContentFrameEnd {width: 100%; height: 4px; background: url(images/ContentFrameEnd.png) left top no-repeat;}

.Content {width: 990px; padding: 17px 5px; background: url(images/ContentFrame.png) left top repeat-y; overflow: hidden; min-height: 300px;}
	.Content h2 {font: bold 18px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #20409a; margin: 0 10px 15px 10px; text-decoration: none; padding: 0 0 10px 0;border-bottom: 1px solid #25aae1;}
	.Content h1 {font: bold 18px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #20409a; margin: 0 10px 15px 10px; text-decoration: none; padding: 0 0 10px 0;border-bottom: 1px solid #25aae1;}
	.Content h1 span {color: #25AAE1; font-weight: normal;}
	.Content {font: normal 12px/18px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; }
	.Content p {font: normal 12px/18px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; margin: 0 0 10px 0;}

#ProgressBar {width: 880px; height: 64px; margin: 5px auto 25px auto; display: block;  background-image: url(images/ProgressBar.png); }
	#ProgressBar.StepOne {background-position: 0 0;}
	#ProgressBar.StepTwo {background-position: 0 -64px;}


/*Mapa i jej elementy -------------------------------------------------------------------------------------------------------------*/
#leftHalfCol { width: 495px;float: left;}
#rightHalfCol {width: 495px;float: right;}
#halfColMap {width: 475px;height: 430px;margin: 0 0 0 10px;}
#crosshair {position: relative;top: 215px;height: 56px;width: 56px;left: 50%;margin-left: -28px;display: block; background: url('images/crosshair.png') center center no-repeat;}

.PointBubble-Name {font: bold 14px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #254488;}
.PointBubble-Link {font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #25aae1; text-decoration:none;}
	.PointBubble-Link:hover {text-decoration:underline; color: #254488;}


#MapOverflow {float: left;}
#findCoords { width: 450px;height: 450px;float: left;margin: 0px 20px;}

#map_canvas {float: left;width: 960px;height: 395px;padding: 0;margin: 0 0 0 15px}


.SingleColumn {width: 300px; float: left; overflow: hidden; margin: 0 15px 0 15px; font-family: "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;}
	.SingleColumn h2.Title {height: 22px;  width:300px; margin: 0 0 20px 0; padding: 0 0 10px 0;display: block; float: left; border-bottom: 1px solid #25aae1;   text-indent: -9000px;}
	.SingleColumn h2.Title a {width: 55px; height: 17px; display: block; float: right; text-indent: -9000px; background: url(images/AllLink.png) left top no-repeat;}
	.SingleColumn h2.Title a:hover {background-position: 0 -17px;}
	.SingleColumn h2.News {background: url(images/AktualnosciTitle.png) left top no-repeat;}
	.SingleColumn h2.Forum {background: url(images/ForumTitle.png) left top no-repeat;}
	.SingleColumn h2.TopPoints {background: url(images/TopTitle.png) left top no-repeat;}

	.SingleColumn ul {list-style: none; display: }
	.SingleColumn ul li {display: block; margin: 20px 0 0 0; font-size: 11px; line-height: 18px;}
	.SingleColumn ul li:first-child {margin: 0;}
	.SingleColumn ul li h3 {display: block; margin: 0 0 10px 0;}
	.SingleColumn ul li h3 a {font: bold 12px Tahoma, "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #20409a; margin: 0 0 15px 0; text-decoration: none; }
	.SingleColumn ul li h3 a:hover {text-decoration: underline;}
	.SingleColumn ul li .NewsMeta {margin: 15px 0 0 0; display: block; padding: 4px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; overflow: hidden; clear: both; font: normal 11px Tahoma, "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #20409a;}
	.SingleColumn ul li .NewsMeta .Time {float: left; width: 120px; height: 12px; background: url(images/MiniCalIcon.png) 0 1px no-repeat; padding: 0 0 0 20px;}
	.SingleColumn ul li .NewsMeta .Comments {float: right; width: 120px; height: 12px; background: url(images/MiniComIcon.png) right 2px no-repeat; padding: 0 20px 0 0; text-align: right;}
	

#FooterWrap {position:absolute; bottom:0;width:100%;height:240px;	background: #0a0a0a;}
	#Footer {width: 960px; margin: 0 auto; padding: 20px; overflow: hidden; background: url(images/FooterLogo.png) right 114px no-repeat;}
	#Footer div {float: left; width: 160px; margin: 0 60px 0 0;}
	#Footer div h4 {padding: 0 0 10px 0; margin: 0 0 20px 0 ;  font: bold 20px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #fff; border-bottom: 1px solid #25aae1; }
	#Footer div ul {list-style: none;}
	#Footer div ul li {margin: 7px 0 0 0; padding: 0 0 7px 0; border-bottom: 1px solid #252525; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; background: url(images/FooterArrow.png) right 3px no-repeat; }
	#Footer div ul li a {text-decoration: none; color: #555555;}
	#Footer div ul li a:hover {color: #fff;}


/*Lista kategorii - katalog punktów -------------------------------------------------------------------------------------------------------------*/

/* #CategoryList {list-style: none; margin: 20px; }
	#CategoryList li {display: block; padding: 6px 15px 6px 17px; background:url(images/CategoryList.png) left center no-repeat;}
	#CategoryList li:last-child {background:url(images/CategoryListLast.png) left center no-repeat;}
	#CategoryList li a { font: normal 14px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color:#254488; text-decoration: none; }
	#CategoryList li span {color: #AAAAAA; font-size: 12px;}
	#CategoryList li a:hover {text-decoration: underline;} */

#CategoryList {list-style: none; margin: 20px; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;}
	#CategoryList li {display: block; padding: 8px 15px 11px 17px; background:url(images/CategoryList.png) left center no-repeat; overflow: hidden; }
	#CategoryList li:last-child {background:url(images/CategoryListLast.png) left center no-repeat;}
	#CategoryList li a span {color: #AAAAAA; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;}
	#CategoryList li a { color: #254488; text-decoration: none;padding: 3px 0 3px 45px; height: 27px; display: block; float:left; font: bold 14px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;}
	#CategoryList li a:hover span {color: #254488; }
		#CategoryList li a.Gastronomia {background:url(images/CategorieMenuFood.png) 0 0 no-repeat;}		
		#CategoryList li a.Firmy {background:url(images/CategorieMenuCompany.png) 0 0 no-repeat;}	
		#CategoryList li a.Miejsca {background:url(images/CategorieMenuHistory.png) 0 0 no-repeat;}	
		#CategoryList li a.Kultura {background:url(images/CategorieMenuCulture.png) 0 0 no-repeat;}	
		#CategoryList li a.Place {background:url(images/CategorieMenuConstruction.png) 0 0 no-repeat;}	
		#CategoryList li a.Ciekawe {background:url(images/CategorieMenuInteresting.png) 0 0 no-repeat;}	
		#CategoryList li a.Fotografie {background:url(images/CategorieMenuPhoto.png) 0 0 no-repeat;}	
		#CategoryList li a.Szlaki {background:url(images/CategorieMenuPath.png) 0 0 no-repeat;}	
		#CategoryList li a.Bankomaty {background:url(images/CategorieMenuCash.png) 0 0 no-repeat;}	
		#CategoryList li a.toalety {background:url(images/CategorieMenuToilet.png) 0 0 no-repeat;}	


/*Lista punktów w kategorii -----------------------------------------------------------------------------------------------*/
#PointsList{list-style: none; margin: 0 20px 0 10px; }
	#PointsList li {display: block; padding: 8px 15px 8px 17px;  background:url(images/CategoryList.png) left center no-repeat; }
	#PointsList li.ln-no-match {background:url(images/CategoryListLast.png) left center no-repeat; border: none; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;}
	#PointsList li a { font: bold 14px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #254488; text-decoration: none; padding: 2px;}
	#PointsList li a:hover {color: #fff; background:#254488;}
	#PointsList li span {display: block; font: normal 11px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color:#777777; }
	#PointsList li span b, #PointsList li span strong {font-weight: bold;}

.listNav { margin:20px 10px 20px 10px; overflow: hidden; display: block; font: normal 11px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;}
	.listNav span {color: #AAAAAA; float: left; margin: 4px 10px 0 0; }
	.ln-letters { overflow:hidden; float:left; font: normal 11px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;}
	.ln-letters a, .ln-letters a:visited { font-size:11px; display:block; float:left; padding:2px 6px; border:1px solid #d9d9d9; border-right:none; text-decoration:none; color: #244487;}
	.ln-letters a.ln-last { border-right:1px solid #d9d9d9; }
	.ln-letters a:hover,
	.ln-letters a.ln-selected { background-color: #244487; border-color:#0a2a6f; color: #fff; }
	.ln-letters a.ln-disabled { color:#ccc; }
	.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

/* Formularz dodaj punkt - dodaj szlak ------------------------------------------------------------------------------------------------------*/
.AddPoint {display: block; float: left; width: 440px; padding: 10px 20px; border: 1px solid #d8d8d8; background: #f8f8f8;}
	.AddPoint p {display: block; margin: 20px 0; overflow: hidden;}
	.AddPoint p.Hide {display: none;}
	.AddPoint p label {margin: 3px 15px 0 0; display: block; float: left; width: 90px; font: bold 11px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #20409a; text-align: right;}
	.AddPoint p input { width: 260px; border: 1px solid #d8d8d8; padding: 3px 5px; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #777777; display: block; float:left; }
	.AddPoint p span {margin: 3px 15px 0 0; display: block; float: left; width: 90px; font: bold 11px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #20409a; text-align: right;}
	.AddPoint p #currentCoords {float: left; display: block; width: 250px; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; text-align: left; color:#555555;}
	.AddPoint p #addCoords {width: 16px; height: 16px; display: block; float: left; background: url(images/AddToPointList.png) left top no-repeat; text-indent: -9000px;margin: 3px 0 0 0;}
	.AddPoint p select { width: 275px; border: 1px solid #d8d8d8; padding: 3px 0px 3px 5px; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #777777; display: block; float:left;}
	.AddPoint p textarea { width: 260px; border: 1px solid #d8d8d8; padding: 3px 5px; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #777777; }
	.AddPoint .AddPointButton {background: #e7e7e7; border: 1px solid #959595; color: #959595; font: bold 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; padding: 5px 10px; margin:10px 0 0 328px;}
	.AddPoint .AddPointButton:hover { border-color:#0a2a6f; color: #fff; background:#254488;}

.Error {background:#AA0000; border: 1px solid #770000; color: #fff; padding: 6px 10px; display: block; float: left; margin: 0px 0 5px 0; width: 460px; font: bold 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;}
.SuccesfullyAdded {width: 500px; height: 100%; margin: 10px auto; display: block; font: normal 14px/22px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #222222; text-align:center;}
.SuccesfullyAdded p {margin: 0 0 10px 0;}
	

.LoginForm {display: block; width: 440px; margin: 20px auto; padding: 0 20px 20px 20px; border: 1px solid #d8d8d8; background: #f8f8f8;}
	.LoginForm p {display: block; margin: 15px 0; overflow: hidden; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #20409a;}
	.LoginForm p.space {margin: 0 0 0 140px;}
	.LoginForm p label {margin: 3px 15px 0 0; display: block; float: left; width: 130px; font: bold 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #20409a; text-align: right;}
	.LoginForm p input { width: 260px; border: 1px solid #d8d8d8; padding: 3px 5px; font: normal 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #777777; display: block; float:left;}
	.LoginForm p input.check {width: 20px;}
	.LoginForm p span {display:block;float:left;padding:3px 0 0;}
	.LoginForm .Login {background: #e7e7e7; border: 1px solid #959595; color: #959595; font: bold 12px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; padding: 5px 10px; margin:10px 0 0 348px;}
	.LoginForm .Login:hover {background:#244487; border-color:#0a2a6f; color: #fff;}


.LoginInfo {width: 500px; margin: 20px auto; font: bold 14px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #06368b; text-align:center;}
	
/*reCAPTCHA ----------------------------------------------------------------------------------------------------------*/
.recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#F8F8F8 !important; //reCaptcha widget background color}
#recaptcha_table {border-color: #F8F8F8 !important; //reCaptcha widget border color}
#recaptcha_response_field {border-color: #d8d8d8 !important; //Text input field border color
 background-color:#F8F8F8 !important; //Text input field background color}


/* Wyszukiwanie - wyniki -------------------------------------------------------------------------------------------------------------*/
.SearchResults span {color: #222222;}

/*Opis punktu -----------------------------------------------------------------------------------------------------------------------------*/
#PointInfo {display: block; margin: 0 10px;  overflow: hidden;}
#PointInfo .Left {float: left; overflow: hidden; margin: 0 0 10px 0; width: 380px;}
#PointInfo .Right {float: right; width: 80px;}

#PointInfo .Left h2 {font: bold 18px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; border: none; padding: 0; color: #254488; margin: 0 0 20px 0;}
#PointInfo .Left p {font: normal 12px/18px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; margin: 0 0 10px 0; color:#444444;}
#PointInfo .Left p span {font-weight: bold;color: #254488; }
#PointInfo .Left p a {color: #25AAE1;  text-decoration: none;}
#PointInfo .Left p a:hover { color:#254488;}
#PointInfo .Right h3 {font: bold 14px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #25AAE1; margin: 0 0 10px 0; text-align: center;}
#PointInfo .Right .RankPoints {font: bold 22px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; display: block; width: 100%; text-align: center;}
#PointInfo .Right #voting { text-align: center;}
#PointInfo .Right #voting a {font: bold 20px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;color: #25AAE1; text-decoration: none; padding: 2px 5px; }
#PointInfo .Right #voting a:hover {background: #254488; color: #fff;}
#PointInfo .LinkArrow:hover {padding-right: 9px; background: url(images/LinkArrow.png) right 5px no-repeat; text-decoration:none;}

	#PointInfo ul.PointMeta {list-style: none; display: block; float: left; width: 453px; padding: 10px; border: 1px solid #DDDDDD; background: #f8f8f8;}
	#PointInfo ul.PointMeta li {margin: 0 0 8px 0; font: normal 11px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; color: #777777; overflow: hidden;}
	#PointInfo ul.PointMeta li span {font-weight: bold; width: 110px;margin: 0 15px 0 0; display: block; float: left; color:#777777; text-align: right;}
	#PointInfo ul.PointMeta li a {color: #25AAE1;  text-decoration: none;}
	#PointInfo ul.PointMeta li a:hover {color: #254488;}
	
	#PointInfo ul.PointPhotos {display: block; margin: 10px 0; width: 100%;overflow:hidden;}
	#PointInfo ul.PointPhotos li {display: block; float: left; margin: 0 6px 0 0;}
	#PointInfo ul.PointPhotos li a{display:block; float: left; overflow:hidden; padding: 3px; border: 1px solid #DDDDDD;}
	#PointInfo ul.PointPhotos li a:hover {background: #f8f8f8; border-color: #254488;}


        /* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}