.icon {
	/*
	display: block;
	float: left;
	*/
	width: 15px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
	vertical-align: middle;
}

.articles {	background-image: url(/img/document.gif);}
.contacts { background-image: url(/img/mail_back.gif);}
.plugins  { background-image: url(/img/plugin.gif);}
.links    { background-image: url(/img/bookmark.gif);}
.misc     { background-image: url(/img/portfel.gif);}
.rss      { background-image: url(/img/rss.png);}
.search   { background-image: url(/img/search-button.gif);}
.help     { background-image: url(/img/help.gif);}
.icomment { background-image: url(/img/comment.gif);}
.write    { background-image: url(/img/pencil.gif);}

.ticon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
	vertical-align: middle;
}

.full {
	width: 100%;
}

/***** Forms *****/
#Wrapper .text-input {
	display: -moz-inline-box;
	display: inline-block;
	padding: 5px 5px 6px;
	border: 1px solid #999;
	line-height: normal;
	vertical-align: top;
	background-color: #fff;
}


#Wrapper .focus {
	border-color: #b33 ;
}
input, button, textarea, select {font-size: 14px; font-family: Verdana, Helvetica, sans-serif;}
.text-input input,
.text-input textarea,
.text-input select {
	border: 0;
	padding: 0;
	width: 100%;
}

/***** Rounded *****/
.rounded,
.rborder {
	position: relative;
	padding: 10px 0;
	overflow: hidden;
	zoom: 1;
}

.rounded {
	padding: 10px;
}

.rborder .content {
	padding: 10px;
}

.rounded .cn,
.rborder .cn {
	position:absolute;
	font-size: 0;
	line-height: 0;
	width:20px;
	height:20px;
	left:-10px;
	top:-10px;	
}
.rounded .tr,
.rounded .br,
.rborder .tr,
.rborder .br {
	margin-left:100%;	
}
.rounded .bl,
.rounded .br,
.rborder .bl,
.rborder .br {
	top: auto;
}

.rborder .tl,
.rborder .bl {
	width: 100%;
}

/***** Position *****/
.left {float: left  !important; margin-right: 20px; margin-bottom: 20px;}
.right{float: right !important; margin-left: 20px; margin-bottom: 20px;}
.minus {
	margin-left: -10px;
	margin-right: -10px;
}

/***** *****/
a.img {
	display: inline;
}
a.img:link,
a.img:visited,
a.img:hover,
a.img:focus,
a.img:active {
	border: 0;
	background-color: #fff;
}

a.img img {
	margin: 0;
	padding: 0;
	border: 5px solid #eee;
}
a.img:hover img {
	border-color: #b33;
}

.big img {
	width: 610px;
}

/***** Gallery *****/
.gallery {
	list-style: none;
	margin: 0 -10px 20px -10px;
}

.gallery a.img {
	display: inline;
	float: left;
	margin: 0 10px 10px 10px;
}
.gallery a:link,
.gallery a:visited,
.gallery a:hover,
.gallery a:focus,
.gallery a:active {
	border: 0;
	background-color: #fff;
}
.gallery a img {
	margin: 0;
	padding: 0;
	border: 5px solid #eee;
}
.gallery a:hover img {
	border: 5px solid #b33;
}

.pp_pic_holder a {
	border: 0;
}

.gallery .block {
	display: inline;
	float: left;
	margin: 0 9px 9px 8px;
	width: 140px;
	border: 1px solid #eee;
}

.gallery .block a {
	display: block;
	width: 130px;
	height: 130px;
	overflow: hidden;
	background-position: left top;
	border: 5px solid #fff;
	text-indent: -9999px;
}
.gallery .block a:hover {
	background-position: left bottom;
	border-color: #b33;
}
.gallery .block .description {padding: 0 5px;}

/***** ToolTip *****/
#tool-tip {
	position: absolute;
	z-index: 999;
}
.ttip {
	padding-bottom: 10px;
	background: transparent url(/img/tip.gif) no-repeat center bottom;
	max-width: 300px;
}
.ttip .tt-container {
	padding: 10px;
	background-color: #fc3;
}
.ttip h1 {
	font-size: 16px;
	margin-bottom: 5px;
}
.ttip p {
	font-size: 12px;
	margin: 0;
}
.jTT {
	cursor: help;
}
/***** JS *****/
.js {display: none;}

/***** Buttons *****/
.btn,
.zemSubmit {
	display: inline-block;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
	cursor: pointer;
	overflow: visible;
	position: relative;
}
.btn div,
.zemSubmit div{
	position: relative;
	top: -1px;
	/top: 0;
	display: inline-block;
	line-height: 30px;
	height: 30px;
	padding-left: 10px;
	background-color: transparent;
	background-image: url(/img/button.gif);
	background-repeat: no-repeat;
	background-position: left -10px;
	color: #fff;
	overflow: visible;
}

html:not([lang*=""]) button.btn,
html:not([lang*=""]) button.zemSubmit {
	margin: 0 -3px;
}

.btn div div,
.zemSubmit div div{
	top: 0;
	padding-right: 10px;
	padding-left: 0;
	background-position: right -10px;
}
.btn:hover div,
.btn:focus div,
.zemSubmit:hover div,
.zemSubmit:focus div{
	background-position: left -60px;
}
.btn:hover div div,
.btn:focus div div,
.zemSubmit:hover div div,
.zemSubmit:focus div div {
	background-position: right -60px;
}
.btn:active div,
.zemSubmit:active div{
	background-position: left -110px;
}
.btn:active div div,
.zemSubmit:active div div {
	background-position: right -110px;
}

/***** Buttons *****/
.OneOfTwo {
	display: inline;
	float: left;
	width: 460px;
	margin-left: 10px;
	margin-right: 10px;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}