html, body, a, p, div, ul, li, inpuy, label, fieldset { margin:0; padding:0; }
html, body {
	font:11px Tahoma, Verdana, Arial, sans-serif;
}
body {
	background:#fff url(../images/body-bg.png) 50% 0 no-repeat;
}
ul, ol {
	list-style:none;
}
ul.horizontal {
	list-style:none;
}
ul.horizontal li {
	float:left;;
}
a {
	color:#187dac;
	text-decoration:none;
}
a img, fieldset {
	border:none;
}
.wai {
	position:absolute;
	left:-9999px;
}
.clear {
	clear: both;
	line-height: 0px;
}
.col {
	float:left;
}
#top {
	width:auto;
	background:transparent url(../images/top-bg.png) 50% 60px no-repeat;
	min-width:960px;
	max-width:1170px;
	height:137px;
	margin: 0px auto;
}
#top #logo {
	display:block;
	position:absolute;
	top:68px;
	left:30px;
	text-indent:-999px;
	overflow:hidden;
	width:177px;
	height:63px;
	background: url(../images/onwine-logo.png) no-repeat 100% 50%;
	z-index: 100;
}
#top #userbar {
	width:960px;
	height:60px;
	margin: 0px auto;
	position: relative;
}
#top #nav-top {
	height:60px;
	margin:0px 0px 0px 228px;
	padding:0px;
	position: absolute;
	top:0px;
	left:0px;	
}
#top #nav-top li {
	padding:0px 10px 0px 10px;
	font-weight:bold;
	line-height:60px;
	background: url(../images/nav-top-separator.png) no-repeat 100% 50%;
	float:left;
}
	#top #nav-top li a {
		color:#4f0000;
	}
#top #nav-top li.last {
	background-image: none;
}
#top #nav-top.register {
		background:#fff;
		font-size:11px;
		height:26px;
		line-height:26px;
		padding:0 5px;
		margin:20px 0 0 228px;
		float:left;
	}
		#top #nav-top.register a {
			color:#4F0000;
		}
		#top #nav-top.register a strong,
		#top #nav-top.register a span {
			color:#9B0505;
		}
#top #login-bar {
	width:597px;
	height:29px;
	line-height:29px;
	position: absolute;
	top:18px;
	left:230px;
	background: url('../images/login-bar-bg.png') no-repeat;
	text-align: center;
}
#top #login-bar img {
	margin:0px 6px 10px 6px;
}
#top a#login-top {
	display: block;
	position: absolute;
	right:25px;
	top:18px;
}
#top #userinfo {
	position: absolute;
	right:0px;
	width:250px;
}
#top div#userinfo {
	width:314px;
	height:60px;
	border-left:1px solid #d7d7d7; 
}
#userinfo p {
	padding-left:50px;
	line-height:18px;
	width:160px;
	float:left;
	margin-top:15px;
	text-align:right;
	padding-right:14px;
}
#top div#userinfo div#profile-image {
	margin-top:8px !important;
}
#userinfo .inbox {
		background:url(../images/message.png) 0 50% no-repeat;
		color:#4f0000;
		clear:both;
		padding:3px 0 5px 24px;
		margin-top:10px;
	}
		.inbox a {
			color:#4f0000;
		}
	#userinfo strong {
		color:#241a17;
		line-height:25px;
		margin:0px;
		padding:0px;
	}
	#userinfo #logout {
		background:#aaa494;
		color:#fff;
		display:block;
		float:right;
		margin-left:20px;
		padding:5px 10px;
	}
	#top form#userinfo {
		margin:20px 0 0 0;
		padding-left:10px;
		width:220px;
	}
	form#userinfo input {
		border:1px solid #d5d5d5;
		color:#a18656;
		width:80px;
		height:20px;
		line-height:20px;
		padding:2px;
		margin:0 2px;
		vertical-align:middle;
	}
	form#userinfo input.submit {
		background:url(../images/login-top.png) 50% 50% no-repeat;
		color:#fff;
		width:26px;
		height:26px;
		border:none;
		cursor:pointer;
		text-indent:-99px;
	}
#top #menubar {
	width:960px;
	height:60px;
	margin: 0px auto;
	position: relative;
}
	#menubar #nav-main {
		position:absolute;
		width:725px;
		left:50%;
		top:12px;
		margin-left:-247px;
		list-style:none;
	}
	#menubar #nav-main li {
		background: url(../images/nav-main-separator.png) no-repeat 100% 50%;
		float:left;
		height:41px;
		line-height:41px;
		padding:0px 10px;
		margin:0px;
	}
	#menubar #nav-main li a {
		color:#fff;
	}
	#menubar #nav-main li.active {
		background:url(../images/nav-li.active.png) -8px 50% no-repeat;
	}
	#menubar #nav-main li:first-child.active,
	#menubar #nav-main li.first-child {
		background-position:0 50%;
	}
	#nav-main li#search {
		position:absolute;
		top:0;
		left:510px;
		background-image:none;
		line-height:1em;
	}
	#nav-main form fieldset {
		position:relative;
		top:8px;
	}
	#nav-main form input#fSearch {
		background:#fff7d3;
		border:none;
		border-top:2px solid #c4bea2;
		color:#616161;
		padding:2px;
	}
	#nav-main form input.submit {
		background:url(../images/search-top.png) 50% 50% no-repeat;
		text-indent:-999px;
		width:25px;
		height:25px;
		font-size:0px;
		border:none;
		cursor:pointer;
	}
#main {
	width:960px;
	margin: 0px auto;
}
#main #left-slot {
	float:left;
	width:220px;
	margin:0px 10px 0px 0px;
}
#main #left-slot #related {
	border-right:1px dashed #dddddd;
}
	#left-slot h2 {
		margin-top:0px;
	}
	#left-slot p {
		font-size:12px;
		font-family:Georgia, sans-serif;
		padding:10px 10px 10px 0px;
	}
	ul.about {
		list-style-image: url(../images/arrow-bullet.png);
		padding:10px 5px 10px 25px;
	}
	ul.about li {
		color:#796b67;
		border-bottom:1px solid #eee;
		font-size:11px;
		padding:5px 0;
		margin:5px 0;
	}
	#signup {
		font-size:11px;
		padding-left:25px;
		color:#9b0505;
	}
	#signup a {
		float:left;
		margin-right:10px;
	}
	ul.related {
		width:220px;
	}
	ul.related li {
		border-bottom:1px solid #eee;
		padding:5px 0;
		margin:5px 10px 5px 0px;
	}
	ul.related li a {
		color:#c5942a;
		display:block;	
	}
	ul.related li a strong {
		color:#4f0000;
		font-family:Georgia, sans-serif;
		display:block;
	}
	#left-slot #form-errors {
		background: #FFF url(../images/form-errors-middle-bg.png) repeat-y;
		width:217px;
	}
		#form-errors h3 {
			background: #FFF url(../images/form-errors-top-bg.png) no-repeat;
			height:33px;
			line-height:43px;
			margin:0px;
			padding:0px;
			color:#FFF;
			font-size:12px;
			text-align: center;
			overflow:hidden;
		}
		#form-errors p {
			margin:5px;
			padding:5px 10px;
			font:11px Tahoma, sans-serif;
		}
		#form-errors ul {
			width:185px;
			margin:3px auto;
			background-color: #f6f6f6;
			padding:4px 0px;
		}
		#form-errors ul li {
			list-styl:none;
			padding:3px 6px;
			color:#302623;
			font-weight:bold;
		}
		#form-errors #form-errors-bottom {
			background: #FFF url(../images/form-errors-bottom-bg.png) no-repeat;
			height:106px;
		}
#main #content {
	float:left;
	position: relative;
}
#main .middle {
	width:464px;
}
#main .wide {
	width:730px;
}
/* TOP */
	a#add-wine-index {
		display: block;
		width:163px;height:26px;
		background: #FFF url(../images/btn-add-wine-home.png) no-repeat;
		overflow:hidden;
		text-indent: -500px;
		overflow:hidden;
		position: absolute;
		top:0px;
		left:300px;
	}
	div.tab h2 {
		background:#ffefbd;
		color:#4f0000;
		border:1px solid #ede8d7;
		border-bottom:none;
		display:inline-block;
		font:bold 13px Georgia, sans-serif;
		padding:5px 10px;
	}
	div.tab h2 a {
		color:#4f0000;
	}
	div.tab h2 span {
		color:#c23b3b;
		font-family:Tahoma, Verdana, Arial, sans-serif;
		font-size:12px;
	}
	table.ranklist {
		background:#ffefbd;
		table-layout:fixed;
		border:1px solid #ede8d7;
		border-collapse:collapse;
	}
	table.ranklist thead {
		display:none;
	}
	.ranklist tr, .ranklist td {
		border-bottom:1px solid #ecdcad;
	}
	.ranklist td.c1 {
		width:64px;
	}
	.ranklist td.c2 {
		width:253px;
	}
	.ranklist td.c3 {
		width:143px;
	}
	.ranklist td a {
		color:#8f8a7b;
		display:block;
		margin:5px 0;
	}
		.ranklist td a:hover {
			color:#726e62;
		}
		.ranklist td a strong {
			color:#4f0000;
			display:block;
			font:bold 12px/1.5 Georgia, sans-serif;
		}
		.ranklist td a span {
			color:#c5942a;
			display:block;
			font-size:11px;
		}
		.ranklist span.position {
			background:url(../images/ranklist-nr.png) 100% 0 no-repeat;
			color:#1d4267;
			display:block;
			font:bold 13px/1 Georgia, sans-serif;
			padding:3px 6px 8px 6px;
			margin-right:12px;
			text-align:right;
		}
		.ranklist tr td.top {
			background:url(../images/ranklist-row1.png) 0 50% no-repeat;
		}
		.ranklist tr td.top span.position {
			background:url(../images/ranklist-nr1.png) 100% 0 no-repeat;
			color:#fff;
			font-size:14px;
			margin-right:8px;
			padding:8px 12px 8px 6px;
		}
		.ranklist td a.zrecenzuj {
			background:url(../images/ranklist-zrecenzuj.png) 100% 50% no-repeat;
			color:#ffefbd;
			float:left;
			padding-right:12px;
			
		}
			.ranklist td a.zrecenzuj:hover {
				color:#187dac;
			}
		strong.score {
			background:url(../images/ranklist-score.png) 100% 50% no-repeat;
			float:left;
			padding:4px 40px 4px 5px;			
			margin-left:5px;
		}
	.tag-cloud {
		background:url(../images/tagcloud.png) 10px 10px no-repeat;
		padding:6px 5px 5px 50px;
		min-height:50px;
		margin-top:10px;
	}
	.tag-cloud a {
		color:#a68989;
		padding:0 3px;
	}
	.tag-cloud a:hover {
		color:#796464;
	}
#content .text-box {
	background-color: #faf5e4;
}
#content .text-box p {
	margin:3px 10px;
	padding:5px;
}
/* Toolbar */
#content h2 {
	background:#ffefbc;
	font:18px/34px Georgia, sans-serif;
	height:34px;
	padding:0 8px;
	margin:0 0 2px 0;
}
#content .toolbar {
	background:#ffefbd;
	height:36px;
	padding:0 4px 0px 8px;
	margin:0;
	overflow: hidden;
}
	.toolbar h2 {
		font:18px/36px Georgia, sans-serif;
	}
	.toolbar ul {
		height:36px;
	}
	.toolbar ul li {
		float:left;
		height:36px;
		line-height:36px;
		background: url('../images/toolbar-menu-bg.png') right no-repeat;
	}
	.toolbar ul li a {
		font-weight:bold;
		margin:0 15px;
	}
	.toolbar ul li.on a {
		background-color: #FFF;
		display:inline-block;
		line-height:20px;
		padding:0 10px;
		margin:0 10px;
	}
	.toolbar p {
		line-height:36px;
		padding-right:10px;
	}
	.toolbar p.sort {
		font-weight:bold;
		color:#d00;
		margin:0 20px 0 50px;
		border-right:1px solid #ddd;
	}
	.toolbar p.country a {
		font-weight:bold;
		padding:0 10px;
	}
	.toolbar p.country span {
		background:#fff;
		display:inline-block;
		line-height:20px;
		padding:0 5px;
		margin-left:10px;
	}
	.toolbar p.dodaj {
		float:right;
		font-weight:bold;
		margin-top:5px;
		padding-right:0px;
	}
/* TOP5 */
div.top5-col {
	width:33%;
	float:left;
	height:635px;
	border-right:1px solid #ececec;
}
#content div.top5-col h2.col {
	width:auto;
	claer:both;
	display: block;
	float:none;
	margin:0px 5px;
}
div.top5-col ul li {
	float:none;
	width:auto;
	margin:9px 5px 0px 5px;
}
/*
div.top5-col ul li .position {
	background:url(../images/top5-no1-bg.png) 100% 0 no-repeat;
	width:30px;
	height:30px;
	line-height:30px;
	position:absolute;
	display:blockl
	color:#fff;
	top:105px;
	left:70px;
	font-size:14px;
	margin-right:8px;
	font:bold 13px Georgia, sans-serif;
}
*/
div.top5-col table {
	margin:0px 5px;
}
div.top5-col table strong.score {
	margin-left:2px;
	margin-right:3px;
}
div.top5-col table td.c1 {
	width: 40px;
}
div.top5-col table td.c2 {
	width: 120px;
}
div.top5-col table td.c3 {
	width: auto;
}
/* Wine list */
ul.list-items {
	margin:0px;
	padding:0px;
}
ul.list-items li {
	float:left;
	width:31%;
	margin:10px 5px;
	margin:10px 5px;
	min-height:200px;
	border:1px solid #eee;
	position:relative;
}
ul.list-items>li {
	margin:10px 7px;
}
#right-slot ul.list-items {
	width:229px;
}
#right-slot ul.list-items li {
	width:100%;
}
#right-slot ul.list-items li strong.score {
	background:url(../images/wine-score-bg.png) 100% 50% no-repeat;
	margin-left:0px;
}
ul.search-result li {
	width:40%;
}
	ul.winoteka li {
		min-height:220px;
		height:220px;
	}
	
ul.list-items .item-name {
	font-size:13px;
	margin:0;
	padding:5px;
}
	ul.list-items .item-name a {
		color:#333;
	}
		ul.winoteka .item-name {
			background:#dedad4;
			margin:5px 75px 5px 5px;
		}
ul.list-items img {
	position:absolute;
	left:5px;
	bottom:50px;
}
	ul.winoteka img {
		left:auto;
		right:5px;
		bottom:auto;
		top:5px;
	}

ul.list-items .item-desc {
	position:absolute;
	right:5px;
	bottom:50px;
	width:65%;
}
	ul.winoteka .item-desc {
		position:static;
		float:left;
		padding:3px 0 3px 5px;
	}

ul.list-items .footer {
	background:#f5f5f5;
	position:absolute;
	bottom:2px;
	left:1%;
	width:98%;
	padding:0px 0;
}
ul.list-items .footer a {
	line-height: 30px;
}
ul.list-items .footer a.ico-like, ul.list-items .footer a.ico-dont-like, ul.list-items .footer a.ico-try {
	display: block;
	width:30px;height: 30px;
	float:left;
	line-height:30px;
	background: no-repeat 50% 50%;
	border-right: 1px solid #efefef;
	margin:0px;
	padding:0px;
}
ul.list-items .footer a.ico-like {
	background-image: url('../images/ico-like.png');
}
ul.list-items .footer a.ico-dont-like {
	background-image: url('../images/ico-dont-like.png');
}
ul.list-items .footer a.ico-try {
	background-image: url('../images/ico-try.png');
}

ul.list-items .footer .comments {
	float:right;
}
	.pager {
		clear:both;
		color:#999;
		margin:5px;
		padding:5px;
		text-align:center;
	}
	.pager a, .pager span {
		display:inline-block;
		border:1px solid #ddd;
		margin:2px;
		padding:5px 8px;
	}
	.pager span.current {
		background:#eee;
	}
/* Wine Show */
	div#info-box {
		background: url('../images/info-box-middle-bg.png') repeat-y;
		width:458px;
		margin:0 auto 10px auto;
		position:relative;
	}
	div#info-box p {
		background: url('../images/info-box-top-bg.png') no-repeat;
		padding:10px 100px 10px 10px;
		line-height:16px;
		font-weight: bold;
		margin:0px;
	}
	div#info-box div {
		background: url('../images/info-box-bottom-bg.png') no-repeat;
		width:458px;
		height:2px;
		line-height:2px;
		font-size:1px;
	}
	div#info-box span {
		background: url('../images/info-box-hipek.gif') no-repeat;
		display: block;
		position: absolute;
		bottom:0px;
		right:24px;
		width:75px;
		height:52px;
	}
	table.winedesc {
		border:none;
		border-collapse:collapse;
		margin:15px 0;
		width:280px;
	}
		table.winedesc tr {
			
		}
		table.winedesc td,
		table.winedesc th {
			border-bottom:1px solid #eee;	
			padding:8px 10px;
			vertical-align:top;
		}
			table.winedesc tr.last td, 
			table.winedesc tr.last th {
				border:none;
			}
			table.winedesc tr.mod-options td, 
			table.winedesc tr.mod-options th {
				color:red;
				background-color: #FFEFBC;
			}
		table.winedesc th {
			font-family:Georgia, sans-serif;
			font-weight:normal;
			color:#b5b5b5;
			text-align:right;
		}
		table.winedesc td {
			color:#312624;
			font-weight:bold;
		}
		table.winedesc td p {
			font-weight:normal;
		}
	img.winepic {
		float:right;
		margin:10px;
	}
	ol.comments {
	
	}
		ol.comments li {
			background:#f6f6f4;
			padding:5px 15px 10px 15px;
			margin:5px 0 10px 0;
		}
			ol.comments li p {
				background:#fff;
				padding:10px 10px 10px 65px;
			}
			ol.comments li p.profile {
				background:transparent;
				padding-left:10px;
			}
			ol.comments li p.profile a {
				color:#0b5a91;
				font:bold 13px/1 Georgia, sans-serif;
			}
			ol.comments li p.profile img {
				background:#fff;
				border:1px solid #c2c2c0;
				border-width:0 1px 1px 0;
				float:left;
				margin:-5px 8px 0 0;
				padding:0 1px 1px 0;
			}
			ol.comments li p.profile score {
			
			}
	p.totalscore {
		/*background:#4f0000 url(../images/totalscore_bg.gif) 0 0 no-repeat;*/
		color:#4f0000;
		font:normal 16px/30px Georgia, sans-serif;
		margin:0 50px 0 0px;
		height:34px;
		text-indent:12px;
		padding:0px;
	}
		p.totalscore strong {
			font-size:22px;
		}
		p.totalscore span {
			color:#a19a80;
			font-size:14px;
		}
	ul.scores {
		color:#7a623d;
		margin-top:20px;
		margin-left:10px;
	}
		ul.scores li {
			margin-bottom:7px;
		}
		ul.scores li span {
			display: block;
			padding-left:2px;
		}
		ul.scores li span.scorebar {
			display: block;
			width: 192px;height: 14px;
			line-height: 14px;
			background: url(../images/scorebar-bg.png) no-repeat;
			margin-top:3px; 
		}
		ul.scores li span.scorebar-fg {
			background: url(../images/scorebar-fg.png) no-repeat;
			margin-top:0px;
		}
	ul.actions {
		margin:30px 0 30px 10px;
		width:200px;
	}
		ul.actions li {
			border:1px solid #eee;
			border-width:1px 0;
			margin:-1px 0 0 0;
			padding:8px 5px;
		}
		ul.actions li a {
			color:#4f0000;
			display:block;
			font:bold 12px Georgia, sans-serif;
			padding:5px 0 5px 35px;
			background-position:0 50%;
			background-repeat:no-repeat;
		}
		.actions li.like a {
		 	background-image:url(../images/action-like.png);
		}
		.actions li.dont-like a {
			background-image:url(../images/action-dont-like.png);
		}
		.actions li.try a {
			background-image:url(../images/action-try.png);
		}
/* Wineyard */
	ul.list-linear {
		list-style:none;
		color:#666;
	}
		ul.list-linear li {
			padding:10px 0;
			margin:10px 0;
			border-bottom:1px solid #eee;
		}
		ul.list-linear h3 {
			font:bold 13px/1.5 Georgia, sans-serif;
			display:inline;
		}
		ul.list-linear h3 a {
			color:#333;
		}
		ul.list-linear p {
			color:#666;
			margin-bottom:5px;
		}
		ul.list-linear a.category {
			color:#b99;
			padding:0 10px 0 0;
		}
		ul.list-linear strong.score, ul.list-linear .date, ul.list-linear .comments {
			float:right;
		}
/* Forms */
#content form {
		background:#faf5e4;
		color:#888888;
		padding:0px 0px 10px 0px;
		margin:0px;
	}
		#content form #new-rate-form {
			position: relative;
		}
		#content form #new-rate-form #wine_name {
			float:left;
			width:374px;
			margin-right:5px;
		}
		#content form #new-rate-form>#wine_name {
			float:left;
			width:380px;
		}
		#content form #new-rate-form .help {
			position: absolute;
			right:55px;
			top:13px;
		}
		#content form #new-rate-form #wine-search {
			background: url('../images/btn-wine-search.png') no-repeat;
			width:29px;
			height:29px;
			border:none;
			cursor: pointer;
		}
		#content form p {
			padding:5px 20px;
			position: relative;
		}
		#content form p.error label {
			color:#FF0000;
			/*font-weight:bold;*/
		}
		#content form p.expandable {
			height:29px;
		}
		#content form p.head {
			background:#ffefbc;
			height:34px;
			line-height:34px;
			border-bottom:2px solid #FFF;
		}
		#content form p.head input {
			width:343px;
			margin-top:5px;
			font-weight: bold;
			color:#000;
		}
		#content form p.head>input {
			width:346px;
		}
		#content form p.head label {
			line-height:34px;
		}
		#content form label {
			color:#241b18;
			font:normal 14px/1.8 Georgia, sans-serif;
			float:left;
			width:70px;
		}
		#content form p.multi label {
			line-height:1.2;
		}
		#content form a.add-item {
			position: absolute;
			right:5px;
			top:5px;
			font-size: 11px;
			display: block;
			margin:0px;
			padding:8px 2px 2px 2px;
			width:95px;
			height:26px;
			text-align:center;
		}
		#content form a.add-item-wide {
			top:30px;
			right:20px;
			width:130px;
			position: static;
		}
		#content form p>a.add-item {
			right:5px;
			height:23px;
		}
		#content form p>a.add-item-wide {
			right:20px;
			height:17px;
		}
		#content form a.add-item-on {
			background-color: #fffdf5;
			border:1px solid #d5d5d5;
			border-bottom: 1px solid #fffdf5; 
		}
		#content form #store-form-item {
			padding-bottom:0px;
			height:77px;
		}
		#content form .sub-form {
			background-color: #fffdf5;
			margin:0px 5px 5px 5px;
			border:1px solid #d5d5d5;
		}
		#content form #store_form {
			margin:0px 20px;
		}
		#content form #store_form label {
			width:105px;
		} 
		#content form.oceniaj label {
			font-weight:bold;
		}
		#content form label strong {
			/*color:#a90f0f;*/
			font-size:11px;
		}
		#content form .bars {
			margin-left:20px;
			position:relative;
		}
		#content form .bars .bar {
			clear:both;
		}
		#content form .bars label {
			color:#7a623d;
			font-size:11px;
			font-weight:normal;
			float:left;
			width:60px;
		}
		#content form .bars input {
			border:none;
			background:transparent;
			color:#b01313;
			margin-left:10px;
			text-align:center;
			width:2em;
			font:normal 14px Georgia, sans-serif;
		}
		#content form .bars #rate-help {
			position: absolute;
			right:0px;
			top:25px;
			width:105px;
			background: url('../images/rate-help-bg.png') right 5px no-repeat;
			padding:0px;
			margin-right:20px;
			text-align:left;
		}
		#content form input.text,
		#content form textarea,
		#content form select,
		#content form input.ac_input {
			border:1px solid #d5d5d5;
			margin:4px 0;
			padding:3px;
			color:#888888;
			font-size:11px;
		}
		#content form input.ac_input {
			background: url('../images/select-ac-bg.png') right no-repeat;
			width:250px; 
		}
		#content form input.wide {
			width:250px;
		}
		#content form textarea {
			width:250px;
			font:11px Tahoma, Verdana, Arial, sans-serif;
		}
		#content form .ocena-total {
			margin-left:20px;
		}
		#content form .ocena-total input.total-rate {
			font:bold 18px/1.8 Georgia, sans-serif;
			color: #4f0000;
			width:auto;
			margin-left:10px;
			text-align:right;
			background-color: transparent;
			border:none;
			padding-right:0px;
		}
		#content form .ocena-total label {
			display:inline;
			float:none;
		}
		#content form .ocena-total label#fCena {
			background-color: red;
		}
		#content form input.short {
			width:40px;
		}
		#content form p span.legend {
			display: block;
			text-align:right;
		}
		#content form small.error {
			display: block;
			position: absolute;
			color:#FF0000;
			right:10px;
			top:10px;
		}
		#content form p.help {
			float:right;
			text-align:right;
			width:180px;
			margin-left:0px;
			padding-left:0px;
			line-height:16px;
		}
		#content form div {
			clear:both;
			padding:8px 0;
		}
		#content form p.buttons {
			text-align: center;
			padding:10px 0px;
			margin-top:0px;
			position: relative;
		}
		#content form p.button {
			text-align: right;
		}
		#content form>p.buttons {
			margin-top:10px;
		}
		#content form>p.button {
			margin-top:10px;
		}
		#btn-add-wine, #btn-add-and-rate-wine, #btn-add-rate, #btn-login, #btn-register, #btn-save, #btn-send-message {
			background: url('../images/btn-add-wine.png') no-repeat;
			width:172px; height:29px;
			cursor:pointer;
			border:none;
			text-indent: -500px;
			overflow: hidden;
		}
		#btn-add-and-rate-wine {
			background-image: url('../images/btn-add-and-rate-wine.png');
		}
		#btn-add-rate {
			background-image: url('../images/btn-add-rate.png');
		}
		#btn-login {
			background-image: url('../images/btn-login.png');
		}
		#btn-register {
			background-image: url('../images/btn-register.png');
		}
		#btn-save {
			background-image: url('../images/btn-save.png');
			width:112px;
		}
		#btn-send-message {
			background-image: url('../images/btn-send-message.png');
			width:172px;
		}
		#content form div.optional {
			padding-bottom:0px;
		}
			#content form div.optional input,
			#content form div.optional textarea,
			#content form div.optional select,
			#content form.rejestracja label {
				display:block;
				width:98%;
			}
			#content form div.optional label {
				float:none;
				width:auto;
				font-weight:bold;
				font-size:11px;
			}
			#content form div.optional p {
				clear:both;
				padding:8px 20px;
			}
			#content form div.optional p.help {
				clear:none;
				padding:0;
				width:330px;
			}
			#content form.rejestracja {
				background:#f5f5f5;
				margin-bottom:30px;
			}
			#content form.rejestracja label {
				font-weight:bold;
			}
			#content form.rejestracja input.text {
				width:200px;
			}
			#content form.rejestracja .help {
				float:right;
				width:200px;
				padding-top:5px;
			}
			#content form.rejestracja p.error {

			}
			#content form.rejestracja p.error input {
				background:#fee;
			}
			#content form.rejestracja p.error .help {
				color:#d00;
				font-weight:bold;
				font-size:1em;
			}
		h3.optional-head {
			background:url(../images/dash.png) 0 0 repeat-x;
			font:normal 13px/1.8 Georgia, sans-serif;
			color:#a60c0c;
			font-weight:normal;
			margin:15px 0px 5px 0px;
			padding:10px 10px 0px 20px;
		}
		
	.article h2 {
		margin-bottom:10px;
	}
	.article p {
		margin:10px 0;
	}
	.article {
		color:#666;
		margin-bottom:20px;
	}
	.article .lead {
		margin:10px 0 20px 0;
		color:#333;
	}
#main #right-slot {
	width:262px;
	float:left;
}
/*
.sub #sb2 {
	width:230px;
	margin-left:-230px;
}
*/
	#main #right-slot h2 {
		display:inline-block;
		font:bold 13px/1.5 Georgia, sans-serif;
		padding:0px 10px 5px 10px;
		margin:0px;
	}
	#main #right-slot div.grey-box {
		border:1px solid #e3e3e3;
		background-color: #fafafa;
		width:220px;
		margin:0px 10px 5px 10px;
	}
	#main #right-slot div.grey-box p.info {
		padding:10px;
		color:#737474;
		line-height:16px;
	}
	#main #right-slot div.grey-box p.center {
		text-align: center;
	}
		#right-slot div.grey-box #upload-button {
			width:170px;
			height:27px;
			margin:0px  auto;
		}
		#right-slot div.grey-box p#link {
			text-align: center;
			margin:20px 10px;
		}
			#user-avatar-preview {
				margin:12px 12px 20px 12px;
				color:#737474;
				padding-right:10px;
				line-height:15px;
			}
			#user-avatar-preview img {
				float:left;
				margin:0px 10px 5px 0px;
			}
		 
	#main #right-slot #wine-image img {
	}
		#wine-image img {
			margin:40px auto 20px auto;
			display: block;
			border: none;
		}
	#facebook-box {
		width:229px;
		height:139px;
		background: url('../images/facebook-box-bg.png') no-repeat;
		clear:both;
		margin:7px;
	}
	#facebook-box p {
		color:#536da2;
		width:95px;
		padding:20px 0px 0px 16px;
		line-height:18px;
	}
	#facebook-box a {
		display: block;
		width:89px;
		height:21px;
		margin:12px 0px 0px 16px;
	}
#filter-box {
	width:216px;
	background-color: #ffefbd;
}
	#filter-box h2 {
		background: url('../images/filter-box-head-bg.png') 50% 0px no-repeat;
		width:216px;
		margin: 0px;
		padding:0px;
		border-top:8px solid #ffefbd;
		border-bottom:8px solid #ffefbd;
		text-align: center;
		line-height: 28px;
		height: 28px;
		color:#fbfbfb;
		font-family: Georgia, sans-serif;
		font-size:12px;
	}
	#filter-box p.separator {
		height:30px;
		line-height:30px;
		background-color: #fffdf5;
		margin:0px 5px 0px 4px;
		padding:0px 0px 0px 14px;
		border-bottom:1px solid #eaeaea;
		color:#2c2827;
		font-weight: bold;
	}
	#filter-box ul#country {
		margin:0px 5px;
		background-color: #fffdf5;
		padding:10px 0px;
	}
		#filter-box ul#country li {
			padding:0px 14px;
			line-height:17px;
			height:17px;
			position: relative;
		}
		#filter-box ul#country li em {
			position: absolute;
			left:150px;
			font-style: normal;
			color:#a5a5a5;
		}
	#filter-box div.options-group {
		margin:0px 5px;
		background-color: #fffdf5;
		border-top:8px solid #fffdf5;
		border-bottom:8px solid #fffdf5;
	}
	#filter-box div.options-group select, #filter-box div.options-group input.text {
		font-size:11px;
		margin:5px 0px 0px 14px;
	}
	#filter-box div.checkbox-group {
	}
		#filter-box div.checkbox-group label {
			width:95px;
			float:left;
			margin-left:5px;
			margin-top:4px;
		}
	#filter-box #slider-range {
		width:180px;
		margin:10px;
		border:1px solid #ffefbd;
	}
	#filter-box #min_rate {
		width:30px;
		font-size:11px;
		background-color: #fffdf5;
		color:#a5a5a5;
		margin-left:14px;
		border:none;
	}
	#filter-box #max_rate {
		width:30px;
		float:right;
		font-size:11px;
		background-color: #fffdf5;
		color:#a5a5a5;
		margin-right:14px;
		text-align:right;
		border:none;
	}
	#filter-box div.last-group {
		margin-bottom:4px;
		height:5px;
	}
#footer {
	background:#fff;
	border-top:1px solid #e8e8e8;
	clear:both;
	overflow:hidden;
	padding:2px 0;
	margin:30px auto 0px auto;
	width:960px;
	position: relative;
}
	#footer p.copyr, 
	#footer ul {
		background:#f5f5f5;
		float:left;
		padding:10px 0;
	}
	#footer p.copyr {
		width:200px;
		color:#aaa;
		padding-left:30px;
	}
	#footer ul {
		width:730px;
	}
		#footer ul li {
			padding:0 8px;		
		}
		#footer ul a {
			color:#357790;
		}
	#btn-suggestion {
		position: absolute;
		background: url('../images/btn-suggestion.png') no-repeat; 
		text-indent:-550px;
		width:132px;
		height:25px;
		display: block;
		right:4px;
		top:4px;
		overflow: hidden;
	}
/* This file skins sliders */

.ui-slider { width: 188px; height: 18px; position: relative; background-repeat: no-repeat; background-position: center center; float:left; clear:none !important; }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; margin-left:-6px; background-image: url(../images/slider-handle.gif);  }
.ui-slider-handle0 { margin-left: 0px; }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029 url(../images/slider-2-fg.png) -5px 0px;  opacity: 0.9; filter: alpha(opacity=30); width: 100%; height: 10px; }

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(../images/slider-1-bg.png); }
.ui-slider .ui-slider-range-min {position:absolute; top:0px; left:0px;height:18px; opacity: 1.0; filter: alpha(opacity=100); background: url(../images/slider-1-fg.png) 0 center no-repeat;}
.ui-slider-2 { background-image: url(../images/slider-2-bg.png); }
.ui-slider-2 .ui-slider-range-min { background-image: url(../images/slider-2-fg.png); }
.ui-slider-3 { background-image: url(../images/slider-3-bg.png); }
.ui-slider-3 .ui-slider-range-min { background-image: url(../images/slider-3-fg.png); }
.ui-slider-4 { background-image: url(../images/slider-4-bg.png); }
.ui-slider-4 .ui-slider-range-min { background-image: url(../images/slider-4-fg.png); }
.ui-slider-5 { background-image: url(../images/slider-5-bg.png); }
.ui-slider-5 .ui-slider-range-min { background-image: url(../images/slider-5-fg.png); }

/* jquery.selectbox.css */
div.selectbox-wrapper {
  position:absolute;
  width:300px;
  background-color:white;
  left:3px;
  top:31px;
  border:1px solid #d5d5d5;
  text-align:left;
  max-height:200px;
  height:100px;
  overflow:auto;
  z-index: 100;
}
p>div.selectbox-wrapper {
	left:90px;
	top:29px;
  	height:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #ffefbc;
}
div.selectbox-wrapper ul li.current { 
  background-color: #ffefbc;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  color:#666;
}
label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  width: 250px; 
  display : block;
  flaot:left;
  text-align:left; 
  background: url('../images/select-bg.png') right;
  color:#888888;
  cursor: pointer;
  border:1px solid #d5d5d5;
  margin:4px 0;
  padding:3px;
  font-size: 11px;
}

/* ui-dropdownchecklist.css */
.ui-dropdownchecklist {
	height: 20px;
	border: 1px solid #d5d5d5;
	background: #fff url('../images/select-bg.png') no-repeat right;
	cursor: pointer;
}
.ui-dropdownchecklist-text {
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin-right: 17px;
	margin-left:3px;
}
.ui-dropdownchecklist-dropcontainer {
	background-color: #fff;
	border: 1px solid #999;
}
.ui-dropdownchecklist-item {
	
}
.ui-dropdownchecklist-item-hover {
	background-color: #39f;
}
.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text {
	color: #fff;
}
.ui-dropdownchecklist-group {
	font-weight: bold;
	font-style: italic;
}
.ui-dropdownchecklist-indent {
	padding-left: 20px;
}

.ac_loading {
	background: white url('../../sfFormExtraPlugin/images/indicator.gif') 98% center no-repeat !important;
}