body {
	margin: 0 auto;
	width: 840px;	
	padding: 0;
	background-color: #fff;
	font-family: arial;
	font-size: 10pt;
	position: relative;
	width: 840px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

img {
	border: none;
}

a {
	text-decoration: underline;
	color: #3288c4;
}

a:hover {
	text-decoration: none;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

#mainHolder {
	width: 840px;
	margin: 0 auto;	
}

#klubheader {
	height: 110px;
	position: relative;
}

#panel_notlogged {
	position: absolute;
	right: 0;
	top: 33px;
	z-index: 10;
}

#panel_notlogged input {
	margin: 0 4px;
}

#panel_notlogged table {
	float: right;
}

#panel_notlogged table td {
	height: 38px;
}

#panel_notlogged table td.left {
	width: 6px;
	background: url(/res/img/klub.ua/panel_leftBg.gif) no-repeat;
}

#panel_notlogged table td.right {
	width: 6px;
	background: url(/res/img/klub.ua/panel_rightBg.gif) no-repeat;
}

#panel_notlogged table td.mid {
	background: url(/res/img/klub.ua/panel_Bg.gif) repeat-x;
}

#panel_notlogged table td.mid input{
	width: 118px;
}

#panel_notlogged .id_panel_register a {
	color: #00aeef;
}

.loginButton {
	width: 28px;
	height: 38px;
	background: url(/res/img/klub.ua/loginButton.gif) no-repeat;
	border: none;
	cursor: pointer;
}

#logo {
	position: absolute;
	left: 0;
	background: url(/res/img/klub.ua/klubLogo.gif) no-repeat;
	overflow: hidden; 
	text-indent: -32768px;
	height: 60px;
	width: 169px;
	margin: 35px 0 15px 0;
	padding: 0;
}

#logo a {
	display: block;
	height: 100%;
}

#klubheader .headTitle {
	font-family: georgia;
	position: absolute;
	left: 185px;
	top: 53px;
	color: #a09563;
	font-size: 8pt;
}

#register_community {
	width: 840px
	height: 211px;
	color: #fff;
}

#register_community .left,
#register_community .mid,
#register_community .right {
	float: left;
}

#register_community .left {
	width: 15px;
	height: 211px;	
	background: url(/res/img/klub.ua/head_leftbg.gif) no-repeat;
}

#register_community .mid {
	background: url(/res/img/klub.ua/head_bg.gif) repeat-x;
	width: 630px;
	padding: 18px 0 0 180px;
	height: 193px;
	position: relative;
}

#register_community .mid input {
	border: 1px solid #d3d3d3;
	color: #6e6e6e;
	margin: 0;
}

#register_community .right {
	width: 15px;
	height: 211px;	
	background: url(/res/img/klub.ua/head_rightbg.gif) no-repeat;
}

#register_community .mid input {
	margin: 0 0 9px 0;
	padding: 5px 0 0 10px;
	font-size: 1em;
	font-weight: bold;
	color: #9f9f9f;
}

#register_community .mid input.cname {
	width: 400px;
	height: 25px;
	padding-top: 10px;	
}

#register_community .mid input.adr,
#register_community .mid input.motto {
	width: 325px;
	height: 19px;
}

#register_community .mid input.adr {
	margin-right: 10px;
}

#klubua_def_domain span {
	font-size: 13pt;
	font-weight: bold;
	color: #fff;	
}

#register_community .mid label {
	font-weight: bold;
	font-size: 0.8em;
	font-family: tahoma;
	color: #fff;	
}

#register_community .mid #haveDomain {
	margin: 0;
	padding: 0;	
	border: none;
}

#register_community .mid .submit {
	width: 165px;
	height: 43px;
	background: url(/res/img/klub.ua/createButton.png) no-repeat;
	border: none;
	margin-bottom: 0;
	cursor: pointer;
}

#klubua_custom_domain .hint {
	color: #fff;
	font-size: 9pt;
	position: absolute;
	top: 104px;
	left: 530px;
	width: 270px;
}

#klubua_custom_domain .hint a {
	color: #fff;
	text-decoration: underline;
}

#klubua_custom_domain .hint a:hover {
	text-decoration: none;
}

/* search form */

.searchForm {
	background-color: #ebebeb;
	height: 44px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12pt;
}

.searchForm .leftBg,
.searchForm #klub_searchform,
.searchForm .rightBg {
	float: left;
}

.searchForm .leftBg {
	background: url(/res/img/klub.ua/search_leftBg.gif) no-repeat;
	height: 44px;
	width: 10px;
}

.searchForm .rightBg {
	background: url(/res/img/klub.ua/search_rightBg.gif) no-repeat;	
	height: 44px;
	width: 10px;
}

.searchForm #klub_searchform {
	width: 820px;
}

.searchForm table {
	width: 100%;
}

.searchForm table td{
	background: url(/res/img/klub.ua/search_Bg.gif) repeat-x;
	height: 44px;
	padding: 0 7px;
}

#klub_searchform,
#klub_searchform table {
	padding: 0;
	margin: 0;
	height: 44px;
	color: #5e9914;	
}

#klub_searchform input {
	height: 20px;
	padding: 3px 0 0 5px;
	border: 1px solid #d3d3d3;
	color: #6e6e6e;	
}

#klub_searchform .submit {
	padding: 3px 5px 5px;
	height: 24px;
	width: 75px;
	background: url(/res/img/klub.ua/searchButton.gif) no-repeat;
	cursor: pointer;
	border: none;
}

/* search form */


#mainColumn {
	width: 582px;
	float: left;
}

#sidebar {
	width: 252px;
	float: right;
 
}

/* tags */

#sidebar .tags {
	width: 242px;
	margin-bottom: 25px;
}

#sidebar .tags .tagsHead {
	width: 227px;
	height: 30px;
	background: url(/res/img/klub.ua/tagsHeadBg.gif) no-repeat;
	font-family: georgia;
	margin: 0;
	padding: 12px 0 0 15px;
	font-size: 13pt;
}

#sidebar .tags .tagsHead a {
	color: #a09563;
}

#sidebar .tags .tagsBody {
	background: #faf8ee;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	padding: 5px;
}

#sidebar .tags .tagsFooter {
	width: 242px;
	height: 8px;
	background: url(/res/img/klub.ua/tagsFooterBg.gif) no-repeat;
}

/* tags */

/* footer */

#footer {
	width: 840px;
	height: 67px;
	margin-top: 23px;
	font-family: georgia;
	font-size: 8pt;
	color: #888888;
}

#footer .leftFoot {
	float: left;
	width: 578px;
	border-top: 6px solid #e3e3e3;
	padding-top: 25px;
}

#footer .leftFoot .sociodrom {
	width: 50%;
	float: left;
}

#footer .leftFoot .banners {
	width: 50%;
	float: right;
}

#footer .leftFoot .sociodrom img {
	float: left;
	margin-right: 20px;
}

#footer .leftFoot .banners img {
	float: right;
	margin: 0 5px;
}


#footer .rightFoot {
	float: right;
}

/* footer */


/* old style including */
.tags {
	font-size: 180%;
}

.clouds {
        line-height: 1.2em;
        text-align: justify;
}
.clouds a {
        color: #00aeef;
        text-decoration: underline;
}

.clouds a:hover {
        text-decoration: none;
}

.sidebar .clouds,
.sidebar .community,
.sidebar .users {
        margin-bottom: 30px;
        clear: both;
}

.bottomBanners {
        clear: both;
        background-color: #eceadd;
        background-image: url(/res/img/id.ua/bb_rb.gif);
        background-repeat: no-repeat;
        background-position: right bottom;
        overflow: hidden;
        line-height: 1.5em;
        margin-top: 20px;
}
.bottomBanners .I {
        background-image: url(/res/img/id.ua/bb_lb.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
}
.bottomBanners .II {
        background-image: url(/res/img/id.ua/bb_rt.gif);
        background-repeat: no-repeat;
        background-position: right top;
}
.bottomBanners .III {
        background-image: url(/res/img/id.ua/bb_lt.gif);
        background-repeat: no-repeat;
        background-position: left top;
        padding: 20px 4%;
        display: table;
}
.bottomBanners table {
        width: 100%;
}
.bottomBanners table td {
        width: 25%;
        vertical-align: top;
        padding-right: 20px;
}
.bottomBanners img {
        display: block;
        margin-bottom: 10px;
}
#bottom {
        clear: both;
        overflow: hidden;
        padding: 40px 4%;
}
#bottom .l {
        float: left;
}
#bottom .l img {
        float: left;
        margin-right: 10px;
}
#bottom .r {
        float: right;
}
#bottom .r a {
        margin: 0px 5px;
}
#bottom .r div {
        padding: 5px 0px 0px 5px;
}

/* END OF old style including */


ul.navigation {
	margin: 0 0 0 20px;
	padding: 0;
	position: relative;
	z-index: 30;
	top: -26px;
}

ul.navigation li{
	list-style-type: none;
	display: block;
	float: left;
	margin: 0;
}

ul.navigation li a.selected,
ul.navigation li a,
ul.navigation li a.selected span,
ul.navigation li a span {
	height: 29px;
	display: block;
}

ul.navigation li a.selected,
ul.navigation li a {
	padding: 0 3px;
	text-decoration: none;
	color: #8ab44c;
	font-size: 1.3em;
	font-weight: bold;
	font-family: arial;
}

ul.navigation li a.selected span,
ul.navigation li a span {
	padding: 3px 10px 0 10px;
	
}

ul.navigation li a.selected{
	background: url(/res/img/klub.ua/widget_tab_border.gif) repeat-x;
	color: #577d1e;
}

ul.navigation li a.selected span{
	background: url(/res/img/klub.ua/widget_tab_bg.gif) repeat-x;
}

#slider {
  margin: 0 auto;
  position: relative;
  width: 725px;  
}

#slider .scroll {
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
	padding: 0 20px 0 0;
	width: 680px; /* change to 560px if not using JS to remove rh.scroll */
	height: 150px;
}

.klub_ua_pager {
	height: 20px;
	padding: 5px 0;
	margin-top: 7px;	
}

.klub_ua_pager span,
.klub_ua_pager a {
	padding: 3px 6px;
	margin: 0 1px;
	border: 1px solid #5E9914;
}

.klub_ua_pager span {
	background-color: #7EB326;
	color: #fff;	
}

.klub_ua_pager a {
	background-color: #fff;
	color: #5E9914;
	text-decoration: none;
}