@CHARSET "UTF-8";

/* Ustawienia wstępne */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #f9f9f9 url(../images/layouts/2.0/body_bg.gif) repeat-x 0 75px;
	font-family: tahoma;
	font-size: 11px;
	color: #666;
	padding: 18px 0;
}

a {
	font-family: tahoma;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

.center {
    text-align: center;
}

.error {
    color: #F00;
}

#main_page_image_anchor {
    display: block;
    width: 220px;
    height: 64px;
    position: absolute;
    margin-left: 10px;
    z-index: 100;
}

a:hover {
	/*color: #aacf2d;*/
}

input.text, textarea {
	font-family: tahoma;
	font-size: 11px;
	color: #666;
	padding: 2px;
	border: 1px solid #eee;
}

select {
	font-family: tahoma;
	font-size: 11px;
	color: #666;
	border: 1px solid #eee;
}

img {
    border: 0 none;
}

.common-content img {
    display: block;
    margin: 0 auto;
}

.captcha img {
    margin: 2px;
}

ul {
	list-style-type: none;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.spacer {
	height: 2px;
	line-height: 2px;
}

.preloader {
    display: none;
    line-height: 25px;
    padding: 0 0 0 25px;
    background: url(../images/layouts/2.0/preloader.gif) no-repeat left center;
}

/* Button */
.button label.button {
	display: block;
	float: right;
	height: 17px;
	line-height: 17px;
	font-weight: bold;
	padding: 0 5px 0 0;
	cursor: pointer;
}

.button input.button {
	display: block;
	float: left;
	height: 17px;
	width: 18px;
}

a.button {
	display: block;
	float: left;
	padding: 0 10px;
	height: 17px;
	line-height: 17px;
	font-weight: bold;
	color: #fff;
}

input.button{
    display: block;
    float: left;
    padding: 0 10px;
    height: 24x;
    line-height: 17px;
    font-weight: bold;
    color: #fff;
    border:0px none;
}

/* Stronicowanie */
.paging {
	width: 100%;
	height: 30px;
	margin: 5px 0 0 0;
	line-height: 30px;
	text-align: center;
	background: #fafafa;
}

.paging a {

}

.paging a:hover {
	color: #a4c14a ;
}

.paging .disabled {
	color:#DDDDDD;
	display:inline;
	padding:0 5px;
}

.paging .current {
	color: #a4c14a ;
	font-weight:bold;
}

#container {
	width: 994px;
	margin: 0 auto;
	background: #fff;
	/*background: magenta;*/
}

#container .container-out {
	overflow:hidden;
  	width: 100%; 	
  	background: url(../images/layouts/2.0/cbl.jpg) repeat-y left top;
}

#container .container-in {
  	width: 100%;
  	background: url(../images/layouts/2.0/cbr.jpg) repeat-y right top;
}

.content-out {
	width: 980px;
  	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

.content-in {
	width: 960px;
}

#top {
	/*height: 100%;*/
}

#top .content-in {
	margin: 10px auto 7px auto;
	background: #f9f9f9;
	padding: 2px 0;
}

#top .menu {
	float: left;
	/*width: 730px;*/
	width: 770px;
}

#top .menu ul {
	float: left;
	width: 100%;
}

#top .menu li {
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	padding: 0 5px;
	border-right: 1px solid #ebebeb;
}

#top a:hover {
    color: #B4D15A;
}

#top .menu .last {
	border: none;
}

#top .search {
	float: right;
	width: 170px;	
	padding: 8px 20px 8px 0;
}

#top .search .text {
	display: block;
	float: left;
	/*width: 160px;*/
	width: 140px;
}

#top .search .image {
	border: 1px solid #c3dd74;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 17px;
	display: block;
	float: right;
}

#header {

}

#header .header-out {
	overflow:hidden;
  	width: 100%; 	
  	background: url(../images/layouts/2.0/hbl.jpg) repeat-y left top;
}

#header .header-in {
  	width: 100%;
  	background: url(../images/layouts/2.0/hbr.jpg) repeat-y right top;
}

#header .content-in {
	position: relative;
	height: 170px;
	margin: 0 auto;
	background: url(../images/layouts/2.0/header_bg.jpg) no-repeat left top;
}

#login-form {
	position: absolute;
        top: 95px;
	right: 95px;
	width: 260px;
	overflow: hidden;
}

#login-form .head {
	width: 100%;
	height: 16px;
	background: url(../images/layouts/2.0/login_bg.png) no-repeat left top;
}

#login-form .content {

}

#login-form .username {
    font-weight: bold;
}


#login-form .row {
	height: 25px;
        line-height: 25px;
}

#login-form a {
	display: inline;
	padding: 0 0 0 15px;
	background: url(../images/layouts/2.0/arrow_green_bg.gif) no-repeat left center;
}

#login-form .l {
	float: left;
	width: 120px;
}

#login-form .r {
	float: right;
	width: 140px;
}

#login-form .head {
	width: 100%;
	height: 16px;
	background: url(../images/layouts/2.0/login_bg.gif) no-repeat left top;
}

#login-form form {
	/*background: blue;*/
}

#login-form .text {
	width: 74px;
}

#login-form .image {
border:1px solid #C3DD74;
display:block;
float:right;
height:17px;
margin: 3px 0 0 0;
width:18px;
}


#pathway {
	
}

#pathway .content-in {
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	background: url(../images/layouts/2.0/pathway_bg.jpg) no-repeat left top;
}

#pathway .pathway {

}

#pathway a {
	color: #aacf2d;
}

#pathway div {
	color: #D1307D;
}

#content {
	margin: 10px 0 0 0;
}

#content .content-in {
	margin: 0 auto;
}


#left-col {
	float: left;
	width: 200px;
	/*background: blue;*/
}

#left-col .menu {
	margin: 0 10px;
}

#left-col .menu ul.main {
}

#left-col .menu li {
	margin: 0 0 15px 0;
}

#left-col .menu a {
	font-weight: bold;
	display: block;
	width: 100%;
        font-size: 12px;
        font-family: arial,sans-serif;
}

#left-col .menu ul.sub {
	margin: 5px 0 0 10px;
}

#left-col .menu a.sub {
	font-weight: normal;
	text-indent: 15px;
	color: #c1c0c0;
	background: url(../images/layouts/2.0/grey_arrow.gif) no-repeat left center;
}

#left-col .box {
	clear: both;
	width: 100%;
	margin: 5px 0 0 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

#left-col .m1 {
  	width: 100%;
  	overflow: hidden;
  	background: url(../images/layouts/2.0/x.gif) repeat-y left top;
}

#left-col .m2 {
  	width: 100%;
  	margin: 0;
        overflow: hidden;
  	background: url(../images/layouts/2.0/x.gif) repeat-y right top;
}

#left-col .m3 {
  	width: 190px;
  	margin: 0 0 0 10px;
        overflow: hidden;
  	background: url(../images/layouts/2.0/x.gif) repeat-y left top;
}

#left-col .content {
	width: 188px;
	margin:0 auto;
	background: #fff;	
}
/* Left Box Newsletter */
#left-col .newsletter {
	
}

#left-col .newsletter .head {
	height: 30px;
	background: url(../images/layouts/2.0/newsletter_bg.png) no-repeat left center;
}

#left-col .newsletter form {
	background: #f5f9e8;
	padding: 5px 10px;
	float: left;
	width: 168px;
}

#left-col .newsletter .text {
	display: block;
	float: left;
	width: 135px;
}

#left-col .newsletter .image {
	display: block;
	float: right;
	width: 18px;
	height: 17px;
	border: 1px solid #c3dd74;
}

#left-col .newsletter .error {
    line-height: 20px;
    color: #f00;
}

#left-col .newsletter .success {
    line-height: 20px;
    color: #A4C14A;
}

/* Left Box Survey */
#left-col .survey {
	overflow: hidden;
}

#left-col .survey .head {
	height: 30px;
	background: url(../images/layouts/2.0/survey_bg.png) no-repeat 20px center;
}

#left-col .survey .title {
	margin: 0 10px;
	font-weight: bold;
}

#left-col .survey form {
	background: #fffbf5;
	margin: 5px 0 0 0;
	padding: 5px 10px;
	float: left;
	width: 168px;
}

#left-col .survey label {
    display: block;
    float: right;
    width: 150px;
}

#left-col .survey .row {
    padding: 2px 0;
    clear: both;
}

#left-col .survey .vote {
	float: left;
	width: 142px;
	font-weight: bold;
	color: #d5af6c;
	text-align: right;
}

#left-col .survey .image {
	display: block;
	float: right;
	width: 18px;
	height: 17px;
	border: 1px solid #d5af6c;
}

#left-col .survey .info {
    padding: 5px 10px;
    width: 168px;
    font-weight: bold;
}


#left-col .newsletter .text {
	display: block;
	float: left;
	width: 135px;
}

#left-col .newsletter .image {
	display: block;
	float: right;
	width: 18px;
	height: 17px;
	border: 1px solid #c3dd74;
}

#left-col .banner {

}

#left-col .banner a {
	display: block;
}

#right-col {
	float: right;
	width: 750px;
	overflow: hidden;
}

/* --- Tags --- */

#tags {
	margin: 5px 0 0 0;
}

#tags .content-in {
	margin: 0 10px;
	background: #f7f8f7;
	overflow: hidden;
}

#tags .head {
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #c2c2c2;
	text-indent: 10px;
}

#tags .tags {
	background: #fff;
	margin: 0 0 5px 0;
}

#tags a {
	color: #c1c0c0;
}

#tags .x-small {
	font-size: x-small;
}

#tags .small {
	font-size: small;
}

#tags .medium {
	font-size: medium;
}

#tags .large {
	font-size: large;
}

#tags .blue {
	color: #9daee5;
}

#tags .brown {
	color: #dab878;
}

#tags .green {
	color: #bbd765;
}

#tags .purple {
	color: #c890ac;
}

.grey-hr {
    color: #666;
}

/* --- Green Box --- */

#green-box {

}

#green-box a {
	color: #fff;
	display: block;
	height: 20px;
	line-height: 20px;
	text-indent: 15px;
	background: url(../images/layouts/2.0/arrow_white.gif) no-repeat left center;
}

#green-box a:hover {
	color: #4b7509;
	background: url(../images/layouts/2.0/arrow_dark_green.gif) no-repeat left center;
}


#green-box .content-in {
	margin: 0 10px;
	background: #85bd2e url(../images/layouts/2.0/green_box_bg.jpg) repeat-x left top;
	overflow: hidden;
}

#green-box .green-box {
	margin: 20px 20px;
}

#green-box .box {
	width: 150px;
	float: left;
}

#green-box .head {
	font-weight: bold;
	color: #fff;
}

/* --- Bottom Box --- */

#bottom {

}

#bottom .content-in {
	height: 55px;
	line-height: 55px;
	margin: 0 10px;
	background: #9bd14a;
}

#bottom .bottom {
	color: #e6ffc1;
	margin: 0 10px;
}

#bottom  a.menu {
	color: #e6ffc1;
}

#bottom  a.menu:hover {
	color: #689f11;
}

#bottom span {
	color: #689f11;
}

#footer {
	color: #7fb42e;
}

#footer .content-in {
	height: 42px;
	line-height: 42px;
	margin: 0 10px 10px 10px;
	background: #a1d258;
}

#footer .copyright {
	width: 940px;
	margin: 0 auto;
	position: relative;
}

#footer .realization {
	position: absolute;
	right: 0;
	top: 0;
}

#footer .realization a {
	font-weight: bold;
	color: #7fb42e;
}

/* ------------------------------------ Common elements  ---------------------------------------*/


div.common-header {
	height: 65px;
	margin: 0 0 15px 0;
}

div.common-menu {
	margin: 5px 0 0 0;
	border-bottom: 1px solid #f2f2f2; 
}

div.common-menu ul {
	float: left;
}

div.common-menu ul li 
{
	display: block;
	float: left;
	padding: 0 1px;
}

div.common-menu ul li a, 
div.common-menu ul li span {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #abaaaa;
	padding: 0 20px;
	border: 1px solid #f2f2f2;
	border-bottom: 0 none;
	background: url(../images/layouts/2.0/a_default_bg.png) repeat-x left top;
}

div.common-menu ul li a.blue-menu:hover, 
div.common-menu ul li span.blue-menu,
div.common-content th.blue-bg {
	color: #fff;
	background: url(../images/layouts/2.0/a_blue_bg.png) repeat-x left top;
}

div.common-menu ul li a.brown-menu:hover, 
div.common-menu ul li span.brown-menu,
div.common-content th.brown-bg {
	color: #fff;
	background: url(../images/layouts/2.0/a_brown_bg.png) repeat-x left top;
}

div.common-menu ul li a.green-menu:hover, 
div.common-menu ul li span.green-menu,
div.common-content th.green-bg {
	color: #fff;
	background: url(../images/layouts/2.0/a_green_bg.png) repeat-x left top;
}

div.common-menu ul li a.purple-menu:hover, 
div.common-menu ul li span.purple-menu,
div.common-content th.purple-bg {
	color: #fff;
	background: url(../images/layouts/2.0/a_purple_bg.png) repeat-x left top;
}


.common-select {
	width: 100%;
	margin: 5px 0 0 0;
	padding: 10px 10px ;
}

.common-select form label {
	font-weight: bold;
}

.common-content {
	margin: 15px 0 0 0;
	width: 100%;
	overflow: hidden;
}

.common-content .head {
	font-size: 18px; 
	margin: 10px 0;
}


.left-440 {
	width: 440px;
	float: left;
}

.right-300 {
	width: 300px;
	float: right;
}

.left-440 .box {
	width: 420px;
	padding: 10px;
	margin: 0 0 20px 0;
	background: #fafafa;
}

.left-440 .box .l {
	width: 170px;
	float: left;
	text-align: right;
	background: #fff;
        height: 140px;
        position: relative;
        overflow: hidden;
}

.left-440 .box .l img {
	/*float: right;*/
}

.box-170 .price-box  {
    width: 170px;
    position: inherit;
    margin: 5px 10px;
}

.price-box {
	/*clear: both;*/
        height: 20px;
        line-height: 20px;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
}

.normal-price {
    color: #666;
    text-decoration: line-through;
    padding: 0 5px;
}

.special-price {
    color: #fff;
    padding: 0 5px;
}


.left-440 .box .r {
	width: 220px;
	padding: 0 0 0 20px;
	float: right;

}

.left-440 .box .r a.head {
	font-size: 11px;
	font-weight: bold;

}

.left-440 .box .r .short-text {
	margin: 5px 0;
        overflow: hidden;
        height: 100px;
        position: relative;
}

.left-440 .short-text .fader {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: url(../images/layouts/2.0/fader_grey_bottom.png) repeat-x left top;
    z-index: 800;
}

.left-440 .box .r a.readmore {
	display: block;
	float: right;
	padding: 0 0 0 15px;
}

.left-440 .box .r .number-of-comments {
	display: inline;
	float: left;
	height: 18px;
	padding: 0 10px 0 23px;
	background: url(../images/layouts/2.0/cloud_icon.png) no-repeat left top;
}

.left-440 .product-image  {
	width: 100%;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.left-440 .product-image .i {
	width: 100%;
	background: url(../images/layouts/2.0/x.gif) repeat-y left top;
}

.left-440 .product-image .i .i {
	width: 100%;
	background: url(../images/layouts/2.0/x.gif) repeat-y right top;
}

.left-440 .product-image img {
	margin: 0 auto;
}

.right-300 .product-description .name {
	font-weight: bold;
	color: #949494;
	padding: 0 0 0 20px;
} 

.right-300 .product-description .full-text {
	margin: 10px 0 0 20px;
} 

.right-300 .product-description .rating {
	margin: 20px 0 0 0;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-indent: 20px;
} 

.product-description .rating_box {
    display: inline;
    float: right;
    width: 100px;
    margin: 10px 20px;
}



.right-300 .header {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-indent: 20px;
}

.right-300 ul {
	margin: 0 0 0 20px;
	overflow: hidden;
}

.right-300 ul li {
	width: 100%;
	display: block;
	margin: 5px 0;
}

.right-300 ul li a {
	display: block;
	padding: 0 0 0 15px;
}

.academy-section {
	margin: 0 0 20px 0;
}


.academy-section .head {
	width: 100%;
	height: 66px;
}

.academy-section .head a {
	display: block;
	width: 100%;
	height: 66px;
}

.academy-section .head a {
	display: block;
	width: 100%;
	height: 66px;
}

.academy-section .row {
	width: 100%;
	margin: 10px 0 0 0;
}

.academy-section .row .left {
	width: 370px;
	float: left;
}

.academy-section .row .right {
	width: 370px;
	float: right;
}

.academy-section .row .box {
	margin: 0 0 0 25px;
	padding: 0 0 0 20px;
}

.academy-section .row .box a {
	font-weight: bold;
}

.academy-row .box .intro-text {
	margin: 5px 0 0 0;
}

.academy-section .row .box2 {
	margin: 10px;
}

.academy-section .row .box2 .l {
	width: 100px;
	text-align: right;
	float: left;
}

.academy-section .row .box2 .l img {
	float: right;
}

.academy-section .row .box2 .r {
	width: 220px;
	padding: 0 0 0 20px;
	text-align: left;
	float: right;
}

.academy-section .row .box2 .r a.title {
	font-weight: bold;
}

.academy-section .row .box2 .r .intro-text {
	margin: 5px 0;
}

.academy-section .row .box2 .r a.readmore {
	display: block;
	float: left;
	padding: 0 15px 0 10px;
}

.academy-section .row .box2 .r .number-of-comments {
	display: inline;
	float: left;
	height: 18px;
	padding: 0 0 0 23px;
	background: url(../images/layouts/2.0/cloud_icon.png) no-repeat left top;
}

.blue-bg {
	background-color: #9daee5;
}

.brown-bg {
	background-color: #DAB878;
}

.green-bg {
	background-color: #a4c14a ;
}

.purple-bg {
	background-color: #C890AC;
}

.blue, a.blue-hr:hover {
	color: #8598e2;
}

.brown, a.brown-hr:hover {
	color: #cda45f;
}

.green, a.green-hr:hover {
	color: #a9c458 ;
}

.purple, a.purple-hr:hover {
	color: #c3799e;
}

div.blue-br {
	border: 1px solid #9daee5;
}

div.brown-br {
	border: 1px solid #DAB878;
}

div.green-br {
	border: 1px solid #a4c14a ;
}

div.purple-br {
	border: 1px solid #C890AC;
}

div.blue-arrow {
	background: url(../images/layouts/2.0/arrow_blue_br.gif) no-repeat 0 2px;
}

div.brown-arrow {
	background: url(../images/layouts/2.0/arrow_brown_br.gif) no-repeat 0 2px;
}

div.green-arrow {
	background: url(../images/layouts/2.0/arrow_green_br.gif) no-repeat 0 2px;
}

div.purple-arrow {
	background: url(../images/layouts/2.0/arrow_purple_br.gif) no-repeat 0 2px;
}

a.blue-arrow-br {
	background: url(../images/layouts/2.0/arrow_blue_br.gif) no-repeat 0 center;
}

a.brown-arrow-br {
	background: url(../images/layouts/2.0/arrow_brown_br.gif) no-repeat 0 center;
}

a.green-arrow-br {
	background: url(../images/layouts/2.0/arrow_green_br.gif) no-repeat 0 center;
}

a.purple-arrow-br {
	background: url(../images/layouts/2.0/arrow_purple_br.gif) no-repeat 0 center;
}



a.blue-arrow-bg {
	background: url(../images/layouts/2.0/arrow_blue_bg.gif) no-repeat left center;
}

a.brown-arrow-bg {
	background: url(../images/layouts/2.0/arrow_brown_bg.gif) no-repeat left center;
}

a.green-arrow-bg {
	background: url(../images/layouts/2.0/arrow_green_bg.gif) no-repeat left center;
}

a.purple-arrow-bg {
	background: url(../images/layouts/2.0/arrow_purple_bg.gif) no-repeat left center;
}

a.blue-arrow {
	background: url(../images/layouts/2.0/arrow_blue.gif) no-repeat 0 5px;
}

a.brown-arrow {
	background: url(../images/layouts/2.0/arrow_brown.gif) no-repeat 0 5px;
}

a.green-arrow {
	background: url(../images/layouts/2.0/arrow_green.gif) no-repeat 0 5px;
}

a.purple-arrow {
	background: url(../images/layouts/2.0/arrow_purple.gif) no-repeat 0 5px;
}

a.blue-arrow-bg:hover, a.blue-arrow:hover {
	color: #9daee5;
}

a.brown-arrow-bg:hover, a.brown-arrow:hover {
	color: #DAB878;
}

a.green-arrow-bg:hover, a.green-arrow:hover {
	color: #a4c14a;
}

a.purple-arrow-bg:hover, a.purple-arrow:hover {
	color: #C890AC;
}

/* --------------------------------- Zjazd -------------------------------------- */

#meetings div.common-header {
	background: url(../images/layouts/2.0/club/zjazd_header_bg.jpg) no-repeat left top;
}

#meetings .description {
    line-height: 16px;
}

/* --------------------------------- Zobacz nasz drogerie -------------------------------------- */

#gallery-102 div.common-header {
	background: url(../images/layouts/2.0/chemist_header_bg.jpg) no-repeat left top;
}


/* --------------------------------- Perfumy -------------------------------------- */

#perfumes {
	width: 100%;
}

#perfumes div.common-header {
	background: url(../images/layouts/2.0/perfumes/perfumy_header_bg.jpg) no-repeat left top;
}

#perfumes div.common-header, .head-image-479 {
	background: url(../images/layouts/2.0/perfumes/perfumy_articles_header_bg.jpg) no-repeat left top;
}

#perfumes .right-300 .header,
#perfumes .common-select, 
#perfumes .right-300 .product-description .rating {
	background: #f6f8fe;
}

#perfumes .perfumes-440 {
    float: none;
    margin: 0 auto;
}

/* --------------------------------- Nowości kosmetyczne -------------------------------------- */

#beauty-news {
	width: 100%;
}

#beauty-news .left-440 {
    float: right;
}

#beauty-news .right-300 {
    float: left;
}

#beauty-news div.common-header {
	background: url(../images/layouts/2.0/beauty_news/nowosci_kosmetyczne_header_bg.jpg) no-repeat left top;
}

#beauty-news .right-300 .header,
#beauty-news .common-select, 
#beauty-news .right-300 .product-description .rating {
	background: #f9f3f6;
}

/* ------------------------------------ Akademia Urody ------------------------------------ */

#beauty-academy div.common-header {
	background: url(../images/layouts/2.0/beauty_academy/akademia_urody_header_bg.jpg) no-repeat left top;
}

#beauty-academy .academy-section .head a.cosmetic-guide {
	background: url(../images/layouts/2.0/beauty_academy/poradnik_kosmetyczny_bg.jpg) no-repeat left top;
}

#beauty-academy .academy-section .head a.dermokonsultacje {
	background: url(../images/layouts/2.0/beauty_academy/dermokonsultacje_bg.jpg) no-repeat left top;
}

#beauty-academy .academy-section .head a.advisers {
	background: url(../images/layouts/2.0/beauty_academy/doradcy_bg.jpg) no-repeat left top;
}

#beauty-academy .academy-section .head a.trends {
	background: url(../images/layouts/2.0/beauty_academy/trendy_w_kosmetyce_bg.jpg) no-repeat left top;
}

#beauty-academy .academy-section .head a.tests {
	background: url(../images/layouts/2.0/beauty_academy/testy_kosmetyczne_bg.jpg) no-repeat left top;
}

#beauty-academy .academy-section .head a.forum {
	background: url(../images/layouts/2.0/beauty_academy/forum_bg.jpg) no-repeat left top;
}

#beauty-academy-cosmetic-guide div.common-header, .head-image-276, .head-image-277,
.head-image-278, .head-image-281, .head-image-280 {
	background: url(../images/layouts/2.0/beauty_academy/poradnik_kosmetyczny_header_bg.jpg) no-repeat left top;
}

#beauty-academy-dermokonsultacje div.common-header, .head-image-173 {
	background: url(../images/layouts/2.0/beauty_academy/dermokonsultacje_header_bg.jpg) no-repeat left top;
}

#beauty-academy-advisers div.common-header {
	background: url(../images/layouts/2.0/beauty_academy/doradcy_header_bg.jpg) no-repeat left top;
}

#beauty-academy-tests div.common-header {
	background: url(../images/layouts/2.0/beauty_academy/testy_kosmetyczne_header_bg.jpg) no-repeat left top;
}

#beauty-academy-trends div.common-header, .head-image-142, .head-image-290 {
	background: url(../images/layouts/2.0/beauty_academy/trendy_w_kosmetyce_header_bg.jpg) no-repeat left top;
}


/* ------------------------------------ Akademia Paznokci ------------------------------------ */

#nail-academy div.common-header {
	background: url(../images/layouts/2.0/nail_academy/akademia_paznokci_header_bg.jpg) no-repeat left top;
}

#nail-academy .academy-section .head a.well-groomed-hands {
	background: url(../images/layouts/2.0/nail_academy/zadbane_dlonie_bg.jpg) no-repeat left top;
}

#nail-academy .academy-section .head a.well-groomed-feet {
	background: url(../images/layouts/2.0/nail_academy/zadbane_stopy_bg.jpg) no-repeat left top;
}

#nail-academy .academy-section .head a.trends {
	background: url(../images/layouts/2.0/nail_academy/trendy_w_kosmetyce_bg.jpg) no-repeat left top;
}

#nail-academy .academy-section .head a.read-advice {
	background: url(../images/layouts/2.0/nail_academy/przeczytaj_porady_bg.jpg) no-repeat left top;
}

#nail-academy .academy-section .head a.nail-decorating {
	background: url(../images/layouts/2.0/nail_academy/zdobienie_paznokci_bg.jpg) no-repeat left top;
}

#nail-academy .academy-section .head a.forum {
	background: url(../images/layouts/2.0/nail_academy/forum_bg.jpg) no-repeat left top;
}

#nail-academy-read-advice div.common-header, .head-image-288 {
	background: url(../images/layouts/2.0/nail_academy/przeczytaj_porady_header_bg.jpg) no-repeat left top;
}

#nail-academy-well-groomed-hands div.common-header, .head-image-286 {
	background: url(../images/layouts/2.0/nail_academy/zadbane_dlonie_header_bg.jpg) no-repeat left top;
}

#nail-academy-well-groomed-foots div.common-header, .head-image-287 {
	background: url(../images/layouts/2.0/nail_academy/zadbane_stopy_header_bg.jpg) no-repeat left top;
}

#nail-academy-nail-decoration div.common-header, .head-image-289 {
	background: url(../images/layouts/2.0/nail_academy/zdobienie_paznokci_header_bg.jpg) no-repeat left top;
}

/* ------------------------------------ Makijaz ------------------------------------ */

#makup_academy div.common-header, .head-image-279 {
	background: url(../images/layouts/2.0/makeup_academy/makijaz_header_bg.jpg) no-repeat left top;
}

#makup_academy div.common-header, .head-image-147 {
	background: url(../images/layouts/2.0/makeup_academy/slownik_kosmetyczny_header_bg.jpg) no-repeat left top;
}


/* ------------------------------------ Komentarze ------------------------------------ */


#comments {
	margin: 15px 0 0 0;
}

#comments .head {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 0 10px;
}

#comments .box {
	margin: 15px 0 0 0;
	position: relative; 
}

#comments .box .top-bar {
	position: relative;
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-indent: 68px;
}

#comments .box .top-bar a {
	font-weight: bold;
	color: #fff;
}

#comments .box .top-bar a:hover {
	text-decoration: underline;
}

#comments .box .top-bar .date {
	position: absolute;
	right: 10px;
	top: 0;
}

#comments .box .avatar {
	position: absolute;
	width: 48px;
	height: 48px;
	top: 0;
	left: 0;
}

#comments .box .avatar a {
	display: block;
	width: 48px;
	height: 48px;	
}

#comments .box .comment {
	margin: 10px 10px 10px 68px;
}

#comments .box a.send-message {
	display: inline;
	padding: 0 0 0 15px;
	margin: 0 0 0 68px;
}

#comments .add-comment {
	margin: 20px 0 0 68px;
}

#comments .add-comment .title {
	font-size: 14px;
	font-weight: bold;
}

#comments .add-comment textarea {
	font-family: tahoma;
	font-size: 11px;
}

#comments .add-comment .row {
	margin: 10px 0 0 0;        
        height: 120px;
	width: 100%;
        padding: 15px 0;
        vertical-align: top;
}

#comments .add-comment form label {
	display: block;
	float: left;
	height: 17px;
	line-height: 17px;
	font-weight: bold;
	padding: 0 5px 0 0;
	cursor: pointer;
}
/*
#comments .add-comment form input.button {
	display: block;
	float: left;
	height: 17px;
	width: 18px;
}
*/
/* ---------------------------------- Artykuły ---------------------------------------- */

#articles {
	width: 100%;
	margin: 15px 0;
}

#articles .header {
	background: #fbfbfb;
	padding: 15px 10px;
}

#articles .header .title {
	font-size: 18px;
}

#articles .header .created {
	
}

#articles .content {
	margin: 15px 0 0 0;
}

#articles .content .intro-text {
	margin: 0 0 15px 0;
}

#articles .content .full-text {
	margin: 0 0 30px 0;
}

#articles .full-text a {
    color: #9DAEE5;
}

#articles .recently_added {
	width: 100%;	
}


#articles .recently_added .head {
	font-size: 18px;
	margin: 15px 0 0 10px;
}

#articles .recently_added .row {
	width: 100%;
	margin: 10px 0 0 0;
}

#articles .recently_added .row .left {
	width: 370px;
	float: left;
	background: #fbfbfb;
}

#articles .recently_added .row .right {
	width: 370px;
	float: right;
	background: #fbfbfb;
}

#articles .recently_added .row .box {
	margin: 10px;
}

#articles .recently_added .row .box .l {
	width: 100px;
	text-align: right;
	float: left;
}

#articles .recently_added .row .box .l img {
	float: right;
}

#articles .recently_added .row .box .r {
	width: 220px;
	padding: 0 0 0 20px;
	text-align: left;
	float: right;
}

#articles .recently_added .row .box .r a.title {
	display: block;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
}

#articles .recently_added .row .box .r .intro-text {
	margin: 5px 0;
        height: 70px;
        overflow: hidden;
        position: relative;
}

#articles .recently_added .row .box .r .intro-text .fader {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: url(../images/layouts/2.0/fader_grey_bottom2.png) repeat-x left top;
    z-index: 800;
}


#articles .recently_added .row .box .r a.readmore {
	display: block;
	float: right;
	padding: 0 0 0 15px;
}

#articles .recently_added .row .box .r .number-of-comments {
	display: inline;
	float: left;
	height: 18px;
	padding: 0 0 0 23px;
	background: url(../images/layouts/2.0/cloud_icon.png) no-repeat left top;
}

/*------------------------------------ Kontakt -------------------------------------------- */

#contact {
	width: 100%;
}

#contact div.common-header {
	background: url(../images/layouts/2.0/contact/kontakt_header_bg.jpg) no-repeat left top;
}

#contact div.head {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	background: #fbfbfb;
	margin: 0 0 10px 0;
	text-indent: 10px; 
}
/*
#contact label.button {
	display: block;
	float: left;
	height: 17px;
	line-height: 17px;
	font-weight: bold;
	padding: 0 5px 0 0;
	cursor: pointer;
}

#contact  input.button {
	display: block;
	float: left;
	height: 17px;
	width: 18px;
}
*/
#contact .address-box {
	margin: 0 0 0 0;
}

#contact .address-box {
	width: 100%;
	overflow: hidden;
}

#contact .address-box .l {
	float: left;
	width: 50%;
}

#contact .address-box .r {
	float: left;
	width: 50%;
}

#contact .address-box ul {
	margin: 0 0 0 20px;
}

#contact .address-box ul li {
	display: block;
	height: 20px;
	line-height: 20px;
}

#contact .contact-form {
	margin: 40px 0 0 0; 
}

#contact .contact-form .l {
	width: 225px;
	float: left;
}

#contact .contact-form .l .title {
	color: #9daee5;
	text-indent: 10px;
	margin: 0 0 10px 0;
}

#contact .contact-form .l .row {
	line-height: 20px;
	width: 100%;
}

#contact .contact-form .l .content {
	margin: 0 0 0 20px;
}

#contact .contact-form .r {
	width: 500px;
	float: right;
}

#contact .contact-form .r .content {
	padding: 10px;
	background: #fbfbfb;
}

#contact .contact-form .r .row {
	/*background: red;*/
	padding: 1px 0;
}

#contact .contact-form .r label {
	display: block;
	width: 80px;
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: right;
	padding: 0 10px;
}

#contact .contact-form .r input, #contact .contact-form .r textarea {
	display: block;
	float: left;
	width: 350px;
}

#contact .contact-form .r textarea {
	height: 120px;
}

#contact .contact-form label {
	color: #9daee5;
}

#contact .contact-form div.button {
	margin: 5px 0 0 0;
	float: right;
	width: 100px;
}

#contact .rents-box {
	margin: 0 0 20px 0;
}

#contact .rents-box ul {
	margin: 0 0 0 10px;
}

#contact .rents-box ul li {
	display: block;
	line-height: 20px;
	padding: 0 0 0 20px;
	background: url(../images/layouts/2.0/arrow_blue_br.gif) no-repeat left center;
}

#contact .rents-box .l {
	width: 45%;
	float: left;
	padding: 0 0 0 10px;
}

#contact .rents-box .r {
	width: 45%;
	float: right;
	padding: 0 0 0 10px;
}

#contact .rents-box span {
	display: block;
	line-height: 20px;
}

#contact .rents-box a {
	color: #9daee5;
}

#contact .rents-box form {
	padding: 10px 50px;
	background: #fbfbfb;
}

#contact .rents-box td.head {
	font-size: 11px;
	text-align: left;
	line-height: 30px;
	font-weight: bold;
}

#contact .rents-box td.label {
	text-align: right;
}

#contact .rents-box td.top {
	vertical-align: top;
}

#contact .rents-box input.text , #contact .rents-box textarea {
	width: 200px;
}

#contact .rents-box div.button {
	margin: 10px 0 0 0;
}

/* ----------------------------------- Rozrywka ------------------------------------------- */

#entertaiment-send-postcard div.common-header {
    background: url(../images/layouts/2.0/entertaiment/wyslij_kartke_header_bg.jpg) no-repeat left top;
}

.head-image-175 {
    background: url(../images/layouts/2.0/entertaiment/header_konkursy.jpg) no-repeat left top;
}

#entertaiment-send-postcard .common-content ul {
	float: left;
	margin: 15px 0 0 0;
}

#entertaiment-send-postcard .common-content ul li {
	width: 220px;
	padding: 0 15px;
	float: left;
}

#entertaiment-send-postcard .common-content .table {
	background: #fbfbfb;
	padding: 10px;
	margin: 15px 0 0 0;
}

#entertaiment-send-postcard .common-content ul li label {
	display: block;
	width: 220px;
	height: 152px;
	margin: 0 0 5px 0;
	cursor: pointer;
}

#entertaiment-send-postcard .common-content input.text,
#entertaiment-send-postcard .common-content textarea {
	width: 300px;
}

#entertaiment-send-postcard .common-content td.label {
	text-align: right;
}

#entertaiment-send-postcard .common-content td.top {
	vertical-align: top;
}

#entertaiment-send-postcard .common-content .button-box {
	margin: 10px 0 0 0;
	position: relative;
	height: 17px;
}

#entertaiment-send-postcard .common-content .button-box div.button {
	position: absolute;
	right:0;
	top:0;
}

#entertaiment-desktop-wallpapers div.common-header {
	background: url(../images/layouts/2.0/entertaiment/tapety_na_pulpit_header_bg.jpg) no-repeat left top;
}

#entertaiment-desktop-wallpapers div.common-content ul {
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
}

#entertaiment-desktop-wallpapers div.common-content ul li {
	width: 150px;
	padding: 0 18px;
	float: left;
}

#entertaiment-desktop-wallpapers div.common-content ul li span {
	display: block;
	line-height: 18px;
	font-weight: bold;
}

#entertaiment-desktop-wallpapers div.common-content ul li a {
	font-weight: normal;
	margin: 0 10px 0 0;
}

#entertaiment-desktop-wallpapers div.common-content ul li a:hover {
	color: #dab878;
}

#entertaiment-horoscope {
	width: 100%;
	overflow: hidden;
}

#entertaiment-horoscope div.common-header {
	background: url(../images/layouts/2.0/entertaiment/horoskop_header_bg.jpg) no-repeat left top;
}

#entertaiment-horoscope div.common-content .horoscope {
	width: 100%;
	margin: 15px 0 0 0;
}

#entertaiment-horoscope div.common-content .horoscope .title {
	font-size: 18px;
}

#entertaiment-horoscope div.common-content .horoscope .content {
	margin: 5px 0 0 0;
}

#entertaiment-horoscope div.common-content ul.zodiac {
	float: left;
	margin: 15px 0 0 0;
}

#entertaiment-horoscope div.common-content ul.zodiac li {
	display: block;
	float: left;
	padding: 0 1px;
}

#entertaiment-horoscope div.common-content ul.zodiac li a,
#entertaiment-horoscope div.common-content ul.zodiac li span {
	display: block;
	width: 60px;
	height: 60px;	
}

#entertaiment-horoscope div.common-content ul.zodiac li a.aries {
	background: url(../images/layouts/2.0/entertaiment/zodiac/aries_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.aries:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.aries {
	background: url(../images/layouts/2.0/entertaiment/zodiac/aries_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.taurus {
	background: url(../images/layouts/2.0/entertaiment/zodiac/taurus_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.taurus:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.taurus {
	background: url(../images/layouts/2.0/entertaiment/zodiac/taurus_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.gemini {
	background: url(../images/layouts/2.0/entertaiment/zodiac/gemini_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.gemini:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.gemini {
	background: url(../images/layouts/2.0/entertaiment/zodiac/gemini_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.cancer {
	background: url(../images/layouts/2.0/entertaiment/zodiac/cancer_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.cancer:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.cancer {
	background: url(../images/layouts/2.0/entertaiment/zodiac/cancer_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.leo {
	background: url(../images/layouts/2.0/entertaiment/zodiac/leo_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.leo:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.leo {
	background: url(../images/layouts/2.0/entertaiment/zodiac/leo_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.virgo{
	background: url(../images/layouts/2.0/entertaiment/zodiac/virgo_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.virgo:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.virgo {
	background: url(../images/layouts/2.0/entertaiment/zodiac/virgo_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.libra {
	background: url(../images/layouts/2.0/entertaiment/zodiac/libra_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.libra:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.libra {
	background: url(../images/layouts/2.0/entertaiment/zodiac/libra_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.scorpio {
	background: url(../images/layouts/2.0/entertaiment/zodiac/scorpio_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.scorpio:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.scorpio {
	background: url(../images/layouts/2.0/entertaiment/zodiac/scorpio_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.sagittarius {
	background: url(../images/layouts/2.0/entertaiment/zodiac/sagittarius_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.sagittarius:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.sagittarius {
	background: url(../images/layouts/2.0/entertaiment/zodiac/sagittarius_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.capricorn {
	background: url(../images/layouts/2.0/entertaiment/zodiac/capricorn_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.capricorn:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.capricorn {
	background: url(../images/layouts/2.0/entertaiment/zodiac/capricorn_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.aquarius {
	background: url(../images/layouts/2.0/entertaiment/zodiac/aquarius_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.aquarius:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.aquarius {
	background: url(../images/layouts/2.0/entertaiment/zodiac/aquarius_on.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.pisces {
	background: url(../images/layouts/2.0/entertaiment/zodiac/pisces_off.png) no-repeat left top;
}

#entertaiment-horoscope div.common-content ul.zodiac li a.pisces:hover,
#entertaiment-horoscope div.common-content ul.zodiac li span.pisces {
	background: url(../images/layouts/2.0/entertaiment/zodiac/pisces_on.png) no-repeat left top;
}

#entertaiment-china-horoscope {
	width: 100%;
}

#entertaiment-china-horoscope div.common-header {
	background: url(../images/layouts/2.0/entertaiment/horoskop_chinski_header_bg.jpg) no-repeat left top;
}

#entertaiment-china-horoscope div.common-content .box,
#entertaiment-numerology div.common-content .box {
	margin: 15px 0 0 0;
}

#entertaiment-china-horoscope div.common-content .box .title,
#entertaiment-numerology div.common-content .box .title {
	font-size: 18px;
}

#entertaiment-china-horoscope div.common-content .box .description,
#entertaiment-numerology div.common-content .box .description {
	margin: 5px 0 0 0;
}

#entertaiment-china-horoscope div.common-content .form,
#entertaiment-numerology div.common-content .form {
	float: left;
	padding: 0 10px 0 0;
}

#entertaiment-numerology {
	width: 100%;
}

#entertaiment-numerology div.common-header {
	background: url(../images/layouts/2.0/entertaiment/numerologia_header_bg.jpg) no-repeat left top;
}

#entertaiment-the-importance-of-names div.common-header {
	background: url(../images/layouts/2.0/entertaiment/znaczenie_imion_header_bg.jpg) no-repeat left top;
}

#entertaiment-the-importance-of-names div.common-content .preface {
	margin: 15px 0 0 0;
}

#entertaiment-the-importance-of-names div.common-content .abc {
	margin: 15px 0 0 0;
}

#entertaiment-the-importance-of-names div.common-content .abc a {
	font-weight: normal;
}

#entertaiment-the-importance-of-names div.common-content .list-of-names {
	margin: 15px 0 0 0;
	line-height: 20px;
}

#entertaiment-the-importance-of-names div.common-content .list-of-names a,
#entertaiment-the-importance-of-names div.common-content .list-of-names span {
	margin: 0 10px;
}

#entertaiment-the-importance-of-names div.common-content .content {
	margin: 15px 0 0 0;
}

#entertaiment-the-importance-of-names div.common-content .content .title {
	font-size: 18px; 
}

#entertaiment-the-importance-of-names div.common-content .content .description {
	margin: 5px 0 0 0; 
}

#entertaiment-biorhytm div.common-header {
	background: url(../images/layouts/2.0/entertaiment/biorytm_header_bg.jpg) no-repeat left top;
}

#entertaiment-sudoku {
	width: 100%;
}

#entertaiment-sudoku div.common-header {
	background: url(../images/layouts/2.0/entertaiment/sudoku_header_bg.jpg) no-repeat left top;
}

#entertaiment-crosswords {
	width: 100%;
}

#entertaiment-crosswords div.common-header {
	background: url(../images/layouts/2.0/entertaiment/krzyzowki_header_bg.jpg) no-repeat left top;
}

#entertaiment-coloring {
	width: 100%;
}

#entertaiment-coloring div.common-header {
	background: url(../images/layouts/2.0/entertaiment/rysowanki_header_bg.jpg) no-repeat left top;
}

#entertaiment-polls {
	width: 100%;
}

#entertaiment-polls div.common-header {
	background: url(../images/layouts/2.0/entertaiment/sondy_header_bg.jpg) no-repeat left top;
}

#entertaiment-polls .poll-box {
	width: 500px;
	margin: 15px 0 0 0;
}

#entertaiment-polls .poll-box .row {
	margin: 5px 0 0 0;
}

#entertaiment-polls .poll-box .summary {
	margin: 15px 0 0 0;
}

#entertaiment-polls .common-content .l {
	float: left;
	width: 40%;
	font-weight: bold;
	/*background: red;*/
}

#entertaiment-polls .common-content .r {
	float: right;
	width: 58%;
	/*background: blue;*/
}

#entertaiment-polls .common-content .votes {
	font-weight: normal;
	display: block;
}


#entertaiment-polls .common-content .head {
	font-size: 18px;
}
/* --------------------------------- Profil Użyszkodnika --------------------------------- */

#user-profile {
	width: 100%;
}

#user-profile div.common-header {
	background: url(../images/layouts/2.0/users/profil_header_bg.jpg) no-repeat left top;
} 

#user-profile div.user-message {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    background: #fbf3f7;
    margin: 15px 0 0 0;
}

#user-profile div.user-message .c {
    background: url(../images/layouts/2.0/x.gif) repeat-y left top;
}

#user-profile div.user-message .c .c {
    background: url(../images/layouts/2.0/x.gif) repeat-y right top;
}

#user-profile div.user-message .msg {
    padding: 10px 10px;
}

#user-profile div.user-message .msg p {
    padding: 5px 0;
}

#user-profile div.common-content .c {
	overflow: hidden;
	width: 100%;
	background: url(../images/layouts/2.0/x.gif) repeat-y left top;
} 

#user-profile div.common-content .c .c {
	background: url(../images/layouts/2.0/x.gif) repeat-y right top;
} 

#user-profile div.common-content .user-box {
	width: 100%;
	margin: 5px 0 0 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	overflow: hidden;
} 

#user-profile div.common-content .main-photo {
	margin: 10px;
} 

#user-profile div.common-content .main-photo .l {
	width:110px;
	border: 1px solid #f2f2f2;
	float: left;
}

#user-profile div.common-content .main-photo .r {
	width: 300px;
	float: right;
}

#user-profile div.common-content .main-photo div.text {
	margin: 0 0 5px 0;
}

#user-profile div.common-content .user-box a.blog {
	display: block;
	height: 60px;
	margin: 0 1px;
	background: url(../images/layouts/2.0/users/blog_banner_298x60.jpg) no-repeat left top;
} 

#user-profile div.common-content .row {
	width: 100%;
	overflow: hidden;
	margin: 0 0 15px 0;
}

#user-profile div.common-content .row .label {
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	text-indent: 10px;
}

#user-profile div.common-content .row .label img {
	display: inline;
}

#user-profile div.common-content a.button {
	margin: 5px 0 0 0;
}

#user-profile div.common-content div.mood {
	width: 100%;
} 

#user-profile div.common-content div.mood .l {
	display: inline;
	float: left;
	width: 145px;
	height: 145px;
	margin: 0 0 10px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;	
} 

#user-profile div.common-content div.mood .r {
	display: inline;
	float: right;
	width: 145px;
	height: 145px;
	margin: 0 0 10px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;	
}

#user-profile div.common-content div.mood a,
#user-profile div.common-content div.mood span.mood {
	display: block;
	width: 145px;
	height: 145px;
	overflow: hidden;	
}

#user-profile div.common-content div.mood a span,
#user-profile div.common-content div.mood span.mood span {
	display: block;
	text-align: center;
	margin: 110px 0 0 0;
} 

#user-profile div.common-content div.mood a.neutral {

        background: url(../images/layouts/2.0/users/mood/neutral_off.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.neutral:hover,
#user-profile div.common-content div.mood span.neutral,
#user-profile .user-box div.neutral {
	background: url(../images/layouts/2.0/users/mood/neutral_on.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.cheerful {
	background: url(../images/layouts/2.0/users/mood/cheerful_off.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.cheerful:hover,
#user-profile div.common-content div.mood span.cheerful,
#user-profile .user-box div.cheerful {
	background: url(../images/layouts/2.0/users/mood/cheerful_on.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.very-cheerful {
	background: url(../images/layouts/2.0/users/mood/very_cheerful_off.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.very-cheerful:hover,
#user-profile div.common-content div.mood span.very-cheerful,
#user-profile .user-box div.very-cheerful {
	background: url(../images/layouts/2.0/users/mood/very_cheerful_on.gif) no-repeat center top;
}

#user-profile div.common-content div.mood a.sad {
	background: url(../images/layouts/2.0/users/mood/sad_off.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.sad:hover,
#user-profile div.common-content div.mood span.sad,
#user-profile .user-box div.sad {
	background: url(../images/layouts/2.0/users/mood/sad_on.gif) no-repeat center top;
}

#user-profile div.common-content div.mood a.very-sad {
	background: url(../images/layouts/2.0/users/mood/very_sad_off.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.very-sad:hover,
#user-profile div.common-content div.mood span.very-sad,
#user-profile .user-box div.very-sad {
	background: url(../images/layouts/2.0/users/mood/very_sad_on.gif) no-repeat center top;
}

#user-profile div.common-content div.mood a.love {
	background: url(../images/layouts/2.0/users/mood/love_off.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.love:hover,
#user-profile div.common-content div.mood span.love,
#user-profile .user-box div.love {
	background: url(../images/layouts/2.0/users/mood/love_on.gif) no-repeat center top;
}

#user-profile div.common-content div.mood a.crazy {
	background: url(../images/layouts/2.0/users/mood/crazy_off.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.crazy:hover,
#user-profile div.common-content div.mood span.crazy,
#user-profile .user-box div.crazy {
	background: url(../images/layouts/2.0/users/mood/crazy_on.gif) no-repeat center top;
}

#user-profile div.common-content div.mood a.angry {
	background: url(../images/layouts/2.0/users/mood/angry_off.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.angry:hover,
#user-profile div.common-content div.mood span.angry,
#user-profile .user-box div.angry {
	background: url(../images/layouts/2.0/users/mood/angry_on.gif) no-repeat center top;
}

#user-profile div.common-content div.mood a.worried {
	background: url(../images/layouts/2.0/users/mood/worried_off.gif) no-repeat center top;
} 

#user-profile div.common-content div.mood a.worried:hover,
#user-profile div.common-content div.mood span.worried,
#user-profile .user-box div.worried {
	background: url(../images/layouts/2.0/users/mood/worried_on.gif) no-repeat center top;
}

#user-profile .user-box div.neutral,
#user-profile .user-box div.worried,
#user-profile .user-box div.angry,
#user-profile .user-box div.cheerful,
#user-profile .user-box div.very-cheerful,
#user-profile .user-box div.crazy,
#user-profile .user-box div.sad,
#user-profile .user-box div.very-sad {
    background-position: 420px center;
}

#user-profile .user-box {
	overflow: hidden;
	/*background: #fbfbfb;*/
}

#user-profile .profile-box {
	margin: 30px 0 0 0;
}

.profile-box .label {
    background-color: #f9f9f9;
    padding: 7px 0;
    margin-bottom: 2px;
}

#user-profile .user-box div.left-col {
	float: left;
	width: 140px;
	padding: 10px 10px;
}

#user-profile .user-box div.left-col a {
	display: block;
	width: auto;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 30px;
	font-weight: normal;
	font-size: 11px;
}

#user-profile .user-box div.left-col a.invite {
	background: url(../images/layouts/2.0/users/invite_icon.gif) no-repeat left center;
}

#user-profile .user-box div.left-col a.mail {
	background: url(../images/layouts/2.0/users/mail_icon.gif) no-repeat left center;
}

#user-profile .user-box div.left-col a.gallery {
	background: url(../images/layouts/2.0/users/galeria.gif) no-repeat left center;
}

#user-profile .user-box div.right-col {
	float: left;
	width: 569px;
	padding: 10px 10px;
	min-height: 110px;
}

#user-profile .user-box div.right-col .user-data {
	width: 400px;
}

#user-profile .user-box div.right-col .user-data .top div {
	line-height: 18px;
}

#user-profile .user-box div.right-col .user-data .top div span {
	font-weight: bold;
}

#user-profile .user-box div.right-col .user-data .bottom {
	margin: 20px 0 0 0;
}

#user-profile .user-box div.right-col .user-data .bottom div {
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 20px;
}

#user-profile .user-box div.right-col .user-data .bottom div.phone {
	background: url(../images/layouts/2.0/users/phone_icon.gif) no-repeat left center;
}

#user-profile .user-box div.right-col .user-data .bottom div.gg {
	background: url(../images/layouts/2.0/users/gg_icon.gif) no-repeat left center;
}

#user-profile .user-box div.right-col .user-data .bottom div.skype {
	background: url(../images/layouts/2.0/users/skype_icon.gif) no-repeat left center;
}

#user-profile .recently-added-as-friends {
	overflow: hidden;
}

#user-profile .recently-added-as-friends ul {
	float: left;
	margin:  0;
	padding: 10px 0;
}

#user-profile .recently-added-as-friends ul li {
	float: left;
	width: 60px;
	margin: 0;
	padding: 0;
}

#user-profile .recently-added-as-friends ul li a {
	display: block;
	width: 48px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	
}

#user-profile .recently-added-as-friends ul li a span.link-box {
	display: block;
	position: relative;
	line-height: 20px;
	height: 20px;
}

#user-profile .recently-added-as-friends ul li a span.link-box .fader {
position: absolute;
width: 20px;
height: 20px;
right: 0;
top: 0;
z-index: 800;
background: url(../images/layouts/2.0/club/fader_bg.png) no-repeat left top;

}

/* ------------------------------ Użytkownik - Ustawienia ----------------------------------- */

#user-settings {
	width: 100%;
}

#user-settings div.common-header {
	background: url(../images/layouts/2.0/users/ustawienia_header_bg.jpg) no-repeat left top;
} 

#user-settings div.common-content form {
	margin: 10px 10px;
	overflow: hidden;
}

#user-settings div.common-content div.button {
	margin: 10px  0 0 0;
}

#user-settings div.common-content form .head {
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
}

#user-settings div.common-content form .row {
	padding: 1px 0;
}

/* ------------------------------ Użytkownik - Dane ----------------------------------- */

#user-data {
	width: 100%;
}

#user-data div.common-header {
	background: url(../images/layouts/2.0/users/twoje_dane_header_bg.jpg) no-repeat left top;
}

#user-data div.common-content form table {
	margin: 15px 0 0 0;
	background: #fbfbfb;
}

#user-data div.common-content form table td {
	padding: 5px 0 5px 10px;
	vertical-align: top;
	line-height: 18px;
}

#user-data div.common-content form table td.label {
	width: 100px;
	text-align: right;
}

#user-data div.common-content form label {

}

#user-data div.common-content form .memo,
#user-data div.common-content form .memo a {
	font-size: 10px;
}

#user-data div.common-content div.button {
	margin: 5px 0 0 0;
}

/* ------------------------------ Użytkownik - Skrzynka ----------------------------------- */

#user-mailbox {
	width: 100%;
}

#user-mailbox div.common-header {
	background: url(../images/layouts/2.0/users/skrzynka_header_bg.jpg) no-repeat left top;
}

#user-mailbox .common-content .sub-menu {
	
}

#user-mailbox .common-content .sub-menu a {
	padding: 0 5px;
	font-weight: bold;
}

#user-mailbox .common-content table {
	margin: 15px 0 0 0;
	border-collapse: collapse;
}

#user-mailbox .common-content thead th {
	border-bottom: 1px solid #f2f2f2;
	text-align: center;
	height: 25px;
	line-height: 25px;	
}

#user-mailbox .common-content tbody td {
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #f2f2f2;
}

#user-mailbox .common-content tfoot td {
	padding: 5px;
}

#user-mailbox .common-content tfoot td.left {
	text-align: left;
}

#user-mailbox .common-content tfoot td.right {
	text-align: right;
}


#user-mailbox .common-content tr.new {
	font-weight: bold;
}

#user-mailbox .common-content .mail-from {
	margin: 15px 0 0 0;
	padding: 10px;
	border-top: 2px solid #f2f2f2;
	border-bottom: 2px solid #f2f2f2;
}

#user-mailbox .common-content .mail-from .l {
	float: left;
	width: 110px;
}

#user-mailbox .common-content .mail-from .l img {
	border: 1px solid #f2f2f2;
}

#user-mailbox .common-content .mail-from .r {
	float: right;
	width: 605px;
}

#user-mailbox .common-content .mail-from .r div {
	line-height: 20px;
}

#user-mailbox .common-content .mail-from .r div.topic,
#user-mailbox .common-content .mail-from .r div.sender span {
	font-weight: bold;
}

#user-mailbox .common-content .mail-body {
	padding: 10px;
	border-bottom: 2px solid #f2f2f2;
}

#user-mailbox .common-content .form-table {
	background: #fbfbfb;
	padding: 10px;
}

#user-mailbox .common-content .form-table table {
	margin: 0;
}

#user-mailbox .common-content .form-table table td {
	border: 0 none;
	margin: 0;
	padding: 5px;
	vertical-align: top;
}

#user-mailbox .common-content .form-table table td.label {
	text-align: right;
}

#user-mailbox .common-content div.button {
	float: right;
	text-align: right;
	margin: 5px 0 0 0;
}


/* ------------------------------ Użytkownik - Galeria ----------------------------------- */

#user-gallery {
	width: 100%;
}

#user-gallery div.common-header {
	background: url(../images/layouts/2.0/users/twoja_galeria_header_bg.jpg) no-repeat left top;
}

#user-gallery div.common-content form table {
	margin: 15px 0 0 0;
	background: #fbfbfb;
}

#user-gallery div.common-content form table td {
	padding: 5px 0 5px 10px;
	vertical-align: top;
	line-height: 18px;
}

#user-gallery div.common-content form table td.label {
	width: 100px;
	text-align: right;
}

#user-gallery div.common-content form label {

}

#user-gallery div.common-content form .memo,
#user-gallery div.common-content form .memo a {
	font-size: 10px;
}

#user-gallery div.common-content div.button {
	margin: 5px 0 0 0;
}

#user-gallery div.common-content .gallery {
	margin: 15px 0 0 0;
}

#user-gallery div.common-content .gallery div.image-box {
	width: 110px;
	padding: 10px 20px;
	float: left;
}

#user-gallery div.common-content .gallery div.image-box img {
	margin: 0 0 5px 0;
}

#user-gallery div.common-content div.image {
	width: 100%;
	text-align: center;
}

#user-gallery div.common-content a.button {
	margin: 10px 0 0 0
}


/* ------------------------------ Użytkownik - Rejestracja ----------------------------------- */

#user-registration {
	width: 100%;
}

#user-registration div.common-header {
	background: url(../images/layouts/2.0/users/rejestracja_header_bg.jpg) no-repeat left top;
}

#user-registration .form-table {
	padding: 10px;
	background: #fbfbfb;
}

#user-registration .form-table table td.label {
	white-space: nowrap;
	padding: 5px;
	text-align: right;
}

#user-registration div.button {
	margin: 5px 0 0 0;
}

/* ------------------------------------------ Forum ---------------------------------------------- */

#forum {
	width: 100%;
	font-size: 13px;
	color: #333333;
}

#forum .common-content img {
    display: inline;
    margin: 0;
}

#forum div.common-header {
    background: url(../images/layouts/2.0/forum/forum_header_bg.jpg) no-repeat left top;
}

#forum .introduction {
	margin: 15px 0 0 0;
}

#forum .search {
	margin: 15px 0 0 0;
}

#forum .new-topic {
	margin: 15px 0 0 0;
	float: left;
}

#forum .search td {
	padding: 0 5px;
}

#forum div.accordion {
	margin: 15px 0 0 0;
}

#forum div.accordion {
    margin: 15px 0 0 0;
}

#forum div.accordion div.user{
    float:left;
    display:inline;
    margin:0px 10px 0px 0px;
    cursor: pointer;
}

#forum div.accordion div.user:hover{
    color:#6b802e;
}

#send_wishes {
    background-color: #f9f9f9;
    
    }
    
#send_wishes .no-border{
    border:0px none;
    background-color: #f9f9f9;
    color:#666666;
    font-weight: bold;
    
    }

#forum .ui-helper-hidden  {
display:none;
}
#forum .ui-helper-hidden-accessible {
left:-1e+8px;
position:absolute;
}
#forum .ui-helper-reset {
border:0 none;
font-size:100%;
line-height:1.3;
list-style:none outside none;
margin:0;
outline:0 none;
padding:0;
text-decoration:none;
}
#forum .ui-helper-clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#forum .ui-helper-clearfix {
display:inline-block;
}
* html .ui-helper-clearfix {
height:1%;
}
#forum .ui-helper-clearfix {
display:block;
}
#forum .ui-helper-zfix {
height:100%;
left:0;
opacity:0;
position:absolute;
top:0;
width:100%;
}
#forum .ui-state-disabled {
cursor:default !important;
}
#forum .ui-icon {
background-repeat:no-repeat;
display:block;
overflow:hidden;
text-indent:-99999px;
}

#forum .ui-accordion .ui-accordion-header {
	cursor:pointer;
	margin-top:1px;
	position:relative;
	width: 100%;
}

#forum .ui-accordion .ui-accordion-li-fix {
	display:inline;
}

#forum .ui-accordion .ui-accordion-header-active {
	border-bottom:0 none !important;
}
#forum .ui-accordion .ui-accordion-header a {
	display:block;
	font-size:1em;
	padding:0.5em 0.5em 0.5em 0.7em;
	color: #fff;
}

#forum .ui-accordion .ui-accordion-header a {
	padding-left:2.2em;
}

#forum .ui-accordion .ui-accordion-header .ui-icon {
	left:0.5em;
	margin-top:-8px;
	position:absolute;
	top:50%;
}

#forum .ui-accordion .ui-accordion-content {
	border-top:0 none;
	display:none;
	margin-bottom:2px;
	margin-top:-2px;
	overflow:auto;
	padding:1em 2.2em;
	position:relative;
	top:1px;
}

#forum .ui-icon {
	background-image:url("../../images/layouts/2.0/256x240_icons.png");
	height:16px;
	width:16px;
}

#forum .ui-accordion .ui-accordion-content-active {
display:block;
}

#forum .ui-icon-triangle-1-e {
	background-position:-32px -16px;
}

#forum .ui-icon-triangle-1-s {
	background-position:-64px -16px;
}

#forum table.forums {
	margin: 15px 0 0 0;
}

#forum table.forums a.thread{
    font-weight: bold;
    background: url(../images/layouts/2.0/forum/doc.gif) no-repeat;
}

#forum table.forums a.thread:hover{
    font-weight: bold;
    
}

#forum table.forums th.left, #forum table.forums td.left {
	text-align: left;
}

#forum table.forums th.right, #forum table.forums td.right {
	text-align: right;
}

#forum table.forums th.center, #forum table.forums td.center {
	text-align: center;
}

#forum table.forums th {
	background: url(../images/layouts/2.0/a_green_dark_bg.png) repeat-x 0 0;
	height: 25px;
	color: #fff;
	padding: 0 10px;
}

#forum table.forums th a.title{
    color: #fff;
    padding: 0 10px 0 0 ;
}

#forum table.forums th a.sort-asc{
    background: url(../images/layouts/2.0/forum/topic_header_arrow_up.png) no-repeat scroll right 5px transparent ;
}

#forum table.forums th a.sort-desc{
    background: url(../images/layouts/2.0/forum/topic_header_arrow_down.png) no-repeat scroll right 5px transparent ;
}

#forum table.forums th a.title:hover{
    color: #666;
}

#forum table.forums td {
	padding: 5px 10px;
	border-bottom: 1px solid #f2f2f2;
}

#forum table.forums td a.name {
	display: block;
	height: 21px;
	line-height: 21px;
	padding: 0 0 0 26px;
	float: left;
	font-weight: bold;
	background: url(../images/layouts/2.0/forum/topic_icon.gif) no-repeat left center;
}

#forum table.forums td a.forum {
	display: block;
	/*height: 21px;
	line-height: 21px;*/
	padding: 0 0 0 26px;
	float: left;
	font-weight: bold;
}



#forum table.forums td a.pin {
	background: url(../images/layouts/2.0/forum/pin.gif) no-repeat left center;
}

#forum table.forums td a.subscription {
    color: #a4c14b;
}

#forum table.forums tr.sticky {
	background: #fbfbfb;
}

#forum table.forums tr.moderator {
    background: #f5f9e8;
}

#forum table.forums tr.moderator div.moderator-options{
    float:left;
    display:inline;
    text-align: left; 
    color:  #a4c14b;   
}

#forum table.forums tr.moderator div.moderator-options a.moderator{
    color:  #a4c14b;
}

#forum table.forums td span.description {
	display: block;
	clear: left;
	padding: 0 0 0 26px;
}

#forum table.forums td span.subscription {
    display: block;
    clear: left;
    padding: 0 0 0 26px;
    color: #a4c14b;
}

#forum div.pathway {
	margin: 15px 0 0 0 ;
}

#forum div.pathway span {
	font-size: 12px;
        font-weight: bold;
}

#forum div.pathway a {
	font-size: 12px;
} 

#forum div.pathway span.arrow {
	background: url(../images/layouts/2.0/pathway_arrow_green.gif) no-repeat center center;
	padding: 0 10px;
}

#forum div.posts {
	width: 100%;
	overflow: hidden;
	margin: 15px 0 0 0;
}

#forum div.posts .post-box {
	width: 100%;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	margin: 0 0 15px 0;
	/*background-color: #CDFF82;*/
}

#forum div.posts .post-box div.c {
	/*background: url(../images/layouts/2.0/x.gif) repeat-y left top;*/
	overflow: hidden;
}

#forum div.posts .post-box div.c .c {
	/*background: url(../images/layouts/2.0/x.gif) repeat-y right top;*/
}

#forum div.posts .header-out {
	margin: 0 1px;
}

#forum div.posts .header-out .header-in {
	margin: 0 0 0 10px;
	padding: 5px 10px;
	background: #CDFF82;
}

#forum div.posts .header-out .header-in .l {
	float: left;
	/*width: 48px;*/
        width: 110px;
}

#forum div.posts .header-out .header-in .l a {
	width: 50px;
	display: block;
	text-align: center;
	font-size: 9px;
}

#forum div.posts .header-out .header-in .l img {
	padding: 0 0 5px 0;
}

#forum div.posts .header-out .header-in .r {
	float: right;
	/*width: 660px;*/
        width: 598px;
}

#forum div.posts .header-out .header-in .date {
}

#forum div.posts .header-out .header-in .date span {
	font-weight: bold;
}

#forum div.posts .header-out .header-in .author {
	font-weight: bold;
	line-height: 15px;
}

#forum div.posts .header-out .header-in .rank {
	font-weight: bold;
	float: left;
}

#forum div.posts .header-out .header-in .rank span {
	display: block;
	float: left;
	width: 54px;
	height: 9px;
	margin: 3px 0;
	padding: 0 5px 0 0; 
}

#forum div.posts .header-out .header-in .rank span.stars-0 {
	background: url(../images/layouts/2.0/forum/stars.png) no-repeat 0 0;
}

#forum div.posts .header-out .header-in .rank span.stars-1 {
	background: url(../images/layouts/2.0/forum/stars.png) no-repeat 0 -9px;
}

#forum div.posts .header-out .header-in .rank span.stars-2 {
	background: url(../images/layouts/2.0/forum/stars.png) no-repeat 0 -18px;
}

#forum div.posts .header-out .header-in .rank span.stars-3 {
	background: url(../images/layouts/2.0/forum/stars.png) no-repeat 0 -27px;
}

#forum div.posts .header-out .header-in .rank span.stars-4 {
	background: url(../images/layouts/2.0/forum/stars.png) no-repeat 0 -36px;
}

#forum div.posts .header-out .header-in .rank span.stars-5 {
	background: url(../images/layouts/2.0/forum/stars.png) no-repeat 0 -45px;
}

#forum div.posts .quotation {
	margin: 5px 10px 5px 20px;
	padding: 5px 5px;
	border: 1px solid #f2f2f2;
        color: #777;
}

#forum div.posts .quotation .label {
	font-weight: bold;
	margin-bottom: 5px;
}

#forum div.posts .post {
	background: #CDFF82;
	/*margin: 0 10px;*/
	padding: 15px;
}

#forum div.posts .links {
	text-align: right;
	margin: 5px 10px;
}

#forum div.table-container {
	background: #fbfbfb;
	padding: 10px;
}

#forum table.form-table {

}

#forum table.form-table td {
	vertical-align: top;
}

#forum form .tags p {
	line-height: 20px;
}

#forum form .row {
	margin: 2px 0;
}

#forum form .emot-icons {
	margin: 15px 0 0 0;
}

#forum form .emot-icons table {
	margin: 5px 0;
}

#forum form .emot-icons table td {
	padding: 5px 5px;
}

#forum table.form-table td.label {
	text-align: right;
	line-height: 20px;
	padding: 0 10px 0 0;
}

#forum form div.button {
	margin: 5px 0 0 0;
}

/* ---------------------------------- Klubowiczki ---------------------------------------- */

.head-image-118 {
    background: url(../images/layouts/2.0/club/header_klub_natura.jpg) no-repeat left top;
}

.head-image-139 {
    background: url(../images/layouts/2.0/club/header_szkola_wizazu.jpg) no-repeat left top;
}

.head-image-128 {
    background: url(../images/layouts/2.0/club/header_testuj_kosmetyki.jpg) no-repeat left top;
}

.head-image-167 {
    background: url(../images/layouts/2.0/club/header_wyglad_w_pracy.jpg) no-repeat left top;
}

#club-members {
	width: 100%;
}

#club-members div.common-header {
	background: url(../images/layouts/2.0/club/klubowiczki_header_bg.jpg) no-repeat left top;
}

#club-members div.members {
	overflow: hidden;
	padding: 0 0 15px 0;
}

#club-members div.members ul {
	float: left;
	width: 100%;
	margin: 18px 0 0 0;
}

#club-members div.members ul li {
	float: left;
	width: 150px;
}

#club-members div.members ul li span.frame {
	display: block;
	width: 130px;
	margin: 0 auto;
	padding: 5px 0;
	border: 1px solid #f2f2f2;
}

#club-members div.members ul li span.box {
	display: block;
	position: relative;
	height: 20px;
	width: 120px;
	margin: 0 auto;
}

#club-members div.members ul li span.box a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#club-members div.members ul li span.box a span.username {
	display: block;
	width: 110px;
	position: relative;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	text-align: center;
	overflow: hidden;
	background: #fff;
}


#club-members div.members ul li span.box a span.username span.fader {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	z-index: 800;
	background: url(../images/layouts/2.0/club/fader_bg.png) no-repeat left top;
}

/* ------------------------------ Club - FAQ ----------------------------------- */

#club-faq {
	width: 100%;
}

#club-faq div.common-header {
	background: url(../images/layouts/2.0/club/faq_header_bg.jpg) no-repeat left top;
}

#club-faq .ui-accordion-header {
	background: url(../images/layouts/2.0/arrow_green_br.gif) no-repeat 0 center;
	padding: 0 0 0 20px;
	margin: 5px 0;
}

#club-faq .ui-accordion-header a {
	font-size: 14px;
}

#club-faq .ui-accordion-content, #club-faq .ui-accordion-content-active  {
	margin: 10px 0 10px 20px;
	overflow: hidden;
}




/* ---------------------------------- Message Box ---------------------------------------- */

.no_comments {
    text-indent: 10px;
}

.message-box {
	margin: 10px 0;
	overflow: hidden;
}

.message-box .message-box-border {
	margin: 5px 0 0 0;
	height: 67px;
}

.message-box .blue {
	background: #fff url(../images/layouts/2.0/message_box/blue_bg.jpg) no-repeat right center;
	border: 1px solid #9daee5;
}

.message-box .brown {
	background: #fff url(../images/layouts/2.0/message_box/brown_bg.jpg) no-repeat right center;
	border: 1px solid #DAB878;
}

.message-box .green {
	background: #fff url(../images/layouts/2.0/message_box/green_bg.jpg) no-repeat right center;
	border: 1px solid #dfecb7;
}

.message-box .purple {
	background: #fff url(../images/layouts/2.0/message_box/purple_bg.jpg) no-repeat right center;
	border: 1px solid #C890AC;
}

.message-box div.mb-out {
	margin: 4px 145px 4px 30px;
        height: 63px;
        padding-left: 55px;
        font-weight: bold;
        position: relative;
}

.message-box span.mb-in {
    margin: auto;
    bottom: 0;
    top: 0;
    height: 30px;
    position: absolute;
    display: block;
}

.message-box-border div.blue {
	border: 0 none;
	background: #fff url(../images/layouts/2.0/message_box/blue_interjection.jpg) no-repeat left top;
}

.message-box-border div.brown {
	border: 0 none;
	background: #fff url(../images/layouts/2.0/message_box/brown_interjection.jpg) no-repeat left top;
}

.message-box-border div.green {
	border: 0 none;
	background: #fff url(../images/layouts/2.0/message_box/green_interjection.jpg) no-repeat left top;
}

.message-box-border div.purple {
	border: 0 none;
	background: #fff url(../images/layouts/2.0/message_box/purple_interjection.jpg) no-repeat left top;
}

.message-box div.mb-in {
	font-weight: bold;
	margin: 0 0 0 30px;	
}


.message-box #mb-outer {height: 59px; overflow: hidden; position: relative; width: 100%;}
.message-box #mb-outer[id] {display: table; position: static;}
		
.message-box #mb-middle {position: absolute; top: 50%; width: 100%; text-align: center;}
.message-box #mb-middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
.message-box #mb-inner {position: relative; top: -50%; text-align: left;}


/* -------------------------------------------- Postcard ----------------------------------------------- */

#postcard {
	width: 100%;
	background: #a1d74d;
}

#postcard .c {	
	background: url(../images/layouts/2.0/entertaiment/send_postcard/lm.jpg) repeat-y left top;
}

#postcard .c .c {
	background:  url(../images/layouts/2.0/entertaiment/send_postcard/rm.jpg) repeat-y right top;
}

#postcard .c .c .c {
	background:  url(../images/layouts/2.0/entertaiment/send_postcard/tm.jpg) repeat-x left top;
}

#postcard .c .c .c .c {
	background:  url(../images/layouts/2.0/entertaiment/send_postcard/bm.jpg) repeat-x left bottom;
}

#postcard .c .c .c .c .c {
	background:  url(../images/layouts/2.0/entertaiment/send_postcard/lt.jpg) no-repeat left top;
}

#postcard .c .c .c .c .c .c {
	background:  url(../images/layouts/2.0/entertaiment/send_postcard/rt.jpg) no-repeat right top;
}

#postcard .c .c .c .c .c .c .c {
	background:  url(../images/layouts/2.0/entertaiment/send_postcard/lb.jpg) no-repeat left bottom;
}

#postcard .c .c .c .c .c .c .c .c {
	background:  url(../images/layouts/2.0/entertaiment/send_postcard/rb.jpg) no-repeat right bottom;
}

#postcard .postcard {
	margin: 0 auto;
	padding: 30px 0;
	width: 550px;
}

#postcard .postcard .sender, #postcard .postcard .message {
	margin: 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

/* -------------------------------------------- Recommend ----------------------------------------------- */

#recommend-page div.common-header {
	background: url(../images/layouts/2.0/recommend_page_bg.jpg) no-repeat left top;
}

#recommend-page .recommend-form {
	margin: 40px 0 0 0;
}

#recommend-page .row {
	line-height: 20px;
	width: 100%;
}

#recommend-page .content {
	margin: 0 0 0 20px;
}

#recommend-page .content {
	padding: 10px;
	background: #fbfbfb;
}

#recommend-page .row {
	/*background: red;*/
	padding: 1px 0;
}

#recommend-page label {
	display: block;
	width: 80px;
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: right;
	padding: 0 10px;
}

#recommend-page input, #recommend-page textarea {
	display: block;
	float: left;
	width: 350px;
}

#recommend-page input.button {
    width: 18px;
}

#recommend-page textarea {
	height: 120px;
}

#recommend-page label {
	color: #A4C14A;
}

#recommend-page div.button {
	margin: 5px 0 0 0;
	float: right;
	width: 138px;
}

/* -------------------------------------------- Members ----------------------------------------------- */

#search-member .row, #perfumes .row {
	line-height: 40px;
        height: 20px;
	width: 100%;
        padding: 15px 0;
        vertical-align: bottom;
}

#search-member label, #search-member span.label, #perfumes label,
#perfumes span.label {
	display: block;
	width: 100px;
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: right;
        font-weight: bold;
        padding: 0 5px 0 0;        
}

#search-member .text, #perfumes .text {
    float: left;
    height: 17px;
    line-height: 17px;
}

#search-member div.button {    
    float: left;
    width: 144px;
    padding-left: 20px;
}

#beauty-news div.button, #perfumes div.button {
    float: right;
    width: 145px;
}

/* test */

#fun_tests div.common-header, .head-image-171 {
	background: url(../images/layouts/2.0/beauty_academy/testy_kosmetyczne_header_bg.jpg) no-repeat left top;
}

#test_form ol, #test_form li {
    margin: 10px 15px;
}

#test_form h1, #test_form b {
    color: #9DAEE5;
}

#test_form {
    color: #666;
}

#test_form input {
    margin-right: 10px;
}

.test_description {
    padding: 10px;
    font-size: 13px;
}

.back_right {
    float: right;
    padding: 10px;
    font-weight: bold;
}

.back_right a:hover {
    text-decoration: underline;
}

/* elements */

#elements textarea {
    width: 740px;
    height: 50px;
}


.head-image-574 {
	background: url(../../images/layouts/2.0/talent_academy/makeup_details_bg.jpg) no-repeat left top;
}

.head-image-575 {
	background: url(../../images/layouts/2.0/talent_academy/articles_details_bg.jpg) no-repeat left top;
}

.head-image-576 {
	background: url(../../images/layouts/2.0/talent_academy/nails_details_bg.jpg) no-repeat left top;
}

.head-image-577 {
	background: url(../../images/layouts/2.0/talent_academy/hairs_details_bg.jpg) no-repeat left top;
}

.head-image-578 {
	background: url(../../images/layouts/2.0/talent_academy/cooking_details_bg.jpg) no-repeat left top;
}

.head-image-579 {
	background: url(../../images/layouts/2.0/talent_academy/accesories_details_bg.jpg) no-repeat left top;
}


.head-image-580 {
        background: url(../../images/layouts/2.0/health_academy/akademia_zdrowia_header_bg.jpg) no-repeat left top;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Component containers
----------------------------------*/
#frontpage .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
#frontpage .ui-widget input, #frontpage .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
#frontpage .ui-widget-content { border: none background: #fff; color: #333333; }
#frontpage .ui-widget-content a { color: #333333; }
#frontpage .ui-widget-header { border-bottom: 1px solid #f2f2f2; background: #fff; color: #ffffff; font-weight: bold; }
#frontpage .ui-widget-header a { color: #ffffff; }


/* Interaction states
----------------------------------*/
#frontpage .ui-state-default, #frontpage .ui-widget-content .ui-state-default { border: 1px solid #f2f2f2; background: #f6ebf1; font-weight: bold; color: #1c94c4; outline: none; }
#frontpage .ui-state-default a, #frontpage .ui-state-default a:link, #frontpage .ui-state-default a:visited { color: #cd86aa; text-decoration: none; outline: none; }
#frontpage .ui-state-hover, #frontpage .ui-widget-content .ui-state-hover, #frontpage .ui-state-focus, #frontpage .ui-widget-content .ui-state-focus { border: 1px solid #d6abbf; background: #debccd; font-weight: bold; color: #c77405; outline: none; }
#frontpage .ui-state-hover a, #frontpage .ui-state-hover a:hover { color: #fff; text-decoration: none; outline: none; }
#frontpage .ui-state-active, #frontpage .ui-widget-content .ui-state-active { border: 1px solid #f2f2f2; background: #ffffff; font-weight: bold; color: #cd86aa ; outline: none; }
#frontpage .ui-state-active a, #frontpage .ui-state-active a:link, #frontpage .ui-state-active a:visited { color: #cd86aa; outline: none; text-decoration: none; }


.ui-tabs { padding: 0; zoom: 0; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 5px 5px; display: block; border-width: 0; background: none;}
.ui-tabs .ui-tabs-hide { display: none !important; }
#articles .full-text, #oldstyle {
    font-size: 13px;
}

#articles .full-text h1, #oldstyle h1 {
	color: #9daee5;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

#articles .full-text h2, #oldstyle h2 {
	color: #9daee5;
}

#articles .full-text h3, #oldstyle h3 {
	color: #9daee5;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

#articles .full-text h4, #oldstyle h4 {
	color: #9daee5;
	padding: 5px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

#articles .full-text h5, #oldstyle h5 {
	color: #9daee5;
	padding: 5px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

#articles .full-text p, #oldstyle p {
    padding: 5px 0;
}

#articles .full-text ul, #oldstyle ul {
    list-style-image: url("../images/icons/bullet.gif");
}

#articles .full-text li, #oldstyle li {
    margin-left: 20px;
    padding: 2px 0;
}

#oldstyle .imagepanel {
    float: left;
    width: 210px;
    overflow: hidden;
}

#articles .full-text img, #oldstyle img {
    margin: 0 10px 10px 0;
    border: 1px solid #DCDBDB;
    float: left;
}

/*--------------------------- common ---------------------------*/

#sitemap a {
    color: #9daee5;
    font-weight: bold;
}

#sitemap a:hover {
    color: #666;
}

#sitemap ul {
    margin: 2px 10px;
    list-style: circle;
}

#sitemap li {
    margin: 1px 10px;
}#gallery_container {
    position: relative;
    margin: 0 auto;
    width: 750px;
    height: 480px;
    /*display: none;*/
    background-repeat: no-repeat;
}

#slider_container {
    padding: 20px 30px;
}

#gallery_container #slider_container {
    background-color: #f9f9f9;
    overflow: hidden;
}

#slide_left, #slide_right {
    background-image: url(../images/jcarousel.png);
    background-repeat: no-repeat;
    width: 24px;    
}

#gallery_container #slide_left, #gallery_container #slide_right {
    height: 100px;
}

#gallery_container #slide_left {
    background-position: 0 38px;
    margin-right: 20px;
}

#gallery_container #slide_right {
    background-position: -125px 38px;
    margin-left: 20px;
}

#gallery_image_main_box {
    padding: 10px;
}

#brands_container {
    position: relative;
    margin: 0 auto;
    width: 720px;
    height: 430px;
    display: none;
    background-repeat: no-repeat;
    background-image: url(../images/brandsback.png);
}

#brands_container #slide_left, #brands_container #slide_right {
    height: 70px;
}

#brands_container #slide_left {
    background-position: 0 23px;
    margin-right: 20px;
}

#brands_container #slide_right {
    background-position: -125px 23px;
    margin-left: 20px;
}

.gallery_loading {
    line-height: 300px;
    height: 300px;
    width: 750px;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #9DAEE5;
    display: block;
}<style type="text/css">
/* Reset */
#kohana-debug-toolbar,
#kohana-debug-toolbar div,
#kohana-debug-toolbar span,
#kohana-debug-toolbar pre,
#kohana-debug-toolbar h1,
#kohana-debug-toolbar img,
#kohana-debug-toolbar a,
#kohana-debug-toolbar ul, 
#kohana-debug-toolbar li,
#kohana-debug-toolbar table,
#kohana-debug-toolbar tr,
#kohana-debug-toolbar td,
#kohana-debug-toolbar th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
	line-height: 1;
	text-transform: none;
	font-size:100%;
}
#kohana-debug-toolbar table {
	border-collapse: collapse;
	border-spacing: 0;
}
#kohana-debug-toolbar :focus { outline: 0; }
#kohana-debug-toolbar ul {
	list-style:none;
}

/* Global */
#kohana-debug-toolbar {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
	line-height: 12px;
}
#kohana-debug-toolbar h1 {
  font-size: 16px;
  font-weight: bold;
	margin-top: 30px;
  margin-bottom: 10px;
  padding:0px 5px;
  border: 0px;
  background-color: #eee;
	color: #000;
	display:block;
}
#kohana-debug-toolbar a, 
#kohana-debug-toolbar a:hover {
  text-decoration: none;
  color: #222;
}
#kohana-debug-toolbar pre { line-height: 1.3 }
#kohana-debug-toolbar .top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 9999;
	border-bottom: 1px solid #aaa;
	background-color: #efefef;
	padding: 10px;
}

/* Tables */
#kohana-debug-toolbar table {
  padding: 3px;
  font-size: 11px;
	border: 1px solid #999;
	width: 99%;
	margin:0px 5px;
	font-family: monospace;
}
#kohana-debug-toolbar td {
  padding: 3px 3px;
  vertical-align: top;
	background-color: #eee;
}
#kohana-debug-toolbar tr.odd td {
	background-color: #ddd;
}
#kohana-debug-toolbar th {
  padding: 3px 5px;
  vertical-align: top;
  background-color: #999;
  color: #eee;
  white-space: nowrap;
}
#kohana-debug-toolbar td,
#kohana-debug-toolbar th {
	border: 1px solid #efefef;
}

/* Toolbar */
#kohana-debug-toolbar div#debug-toolbar {
	position: fixed;
	padding: 0 0 3px 0;
	top: 0px;
	opacity: 0.80;
	filter: alpha(opacity:80);
	z-index: 10000;
	white-space: nowrap;
	line-height: 16px;
	background-color: #ccc;
}
#kohana-debug-toolbar div#debug-toolbar.debug-toolbar-align-center { left: auto; right: auto; }
#kohana-debug-toolbar div#debug-toolbar.debug-toolbar-align-right { right: 0; }
#kohana-debug-toolbar div#debug-toolbar.debug-toolbar-align-left { left: 0; }
#kohana-debug-toolbar div#debug-toolbar img { vertical-align: middle; }
#kohana-debug-toolbar div#debug-toolbar ul.menu {
	padding: 5px;
	display: inline;
}
#kohana-debug-toolbar div#debug-toolbar ul.menu li {
	display: inline;
  list-style: none;
  padding: 0 5px;
  border-right: 1px solid #aaa;
	cursor: pointer;
	line-height: 16px;
}
#kohana-debug-toolbar div#debug-toolbar ul.menu li.last { 
	border: none;
}

/* Benchmarks */
#kohana-debug-toolbar div#debug-benchmarks { padding: 3px 0px; }

/* SQL queries */
#kohana-debug-toolbar div#debug-database { padding: 3px 0px; }

/* Vars and Config */
#kohana-debug-toolbar div#debug-vars {
	padding: 3px 0px; 
}
#kohana-debug-toolbar div#debug-vars pre {
	background-color: #ddd;
	padding: 5px;
	color: #333;
}
#kohana-debug-toolbar div#debug-vars .varmenu { 
  margin: 20px 0 0 0; 
	height: 23px;
}
#kohana-debug-toolbar div#debug-vars .varmenu li {
	float: left;
	display: block;
	padding: 5px;
	margin: 0 6px 0 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	cursor:  pointer;
}
#kohana-debug-toolbar div#debug-vars .varmenu li.active {
	background-color: #ddd;
	color: #000;
}
#kohana-debug-toolbar div#debug-vars .configmenu { background-color: #ddd; }
#kohana-debug-toolbar div#debug-vars .configmenu li {
	display: block;
	padding: 5px;
	cursor: pointer;
}
#kohana-debug-toolbar div#debug-vars .configmenu li.odd { background-color: #eee; }
#kohana-debug-toolbar div#debug-vars .configmenu li.even { background-color: #fff; }
#kohana-debug-toolbar div#debug-vars .configmenu li.odd pre { background-color: #eee; }
#kohana-debug-toolbar div#debug-vars .configmenu li.even pre { background-color: #fff; }
#kohana-debug-toolbar div#debug-vars .configmenu li:hover.odd { background-color: #ddd; }
#kohana-debug-toolbar div#debug-vars .configmenu li:hover.even { background-color: #ddd; }
#kohana-debug-toolbar div#debug-vars .configmenu li:hover.odd pre { background-color: #ddd; }
#kohana-debug-toolbar div#debug-vars .configmenu li:hover.even pre { background-color: #ddd; }

/* Logs and Msgs */
#kohana-debug-toolbar div#debug-log {
	padding: 3px 0px;
	font-size: 11px;
}

/* Ajax */
#kohana-debug-toolbar div#debug-ajax {
	padding: 3px 0px;
	font-size: 11px;
}
</style>.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}@CHARSET "UTF-8";

#eReader { 
}
#toolBar { 
	height: 54px;
	background:#eeeeee url(../img/top.gif) no-repeat;
	text-align:center;
	line-height:54px;
}
#toolBar input {
	text-align:center;
	float:left;
	
}
#pagerContainer { 
	margin:auto;
	width:100px;
	padding-top:15px;
	height:30px;
}
#pagePrev {
	width:15px;
	height:16px;
	margin-top:3px;
	display:block;
	float:left;
	background: url(../img/pagePrev.gif) no-repeat;
}
#pageNext {
	width:15px;
	height:16px;
	margin-top:3px;
	display:block;
	float:left;
	background: url(../img/pageNext.gif) no-repeat;
}
#pageNext.disabled,#pagePrev.disabled {
	background-position: 0px -16px;
}
#bottomBar { 
	height: 30px;
	background:#eeeeee;
}
#pagesContainer { 
	overflow:hidden;
	border:1px solid #888888;
	position:relative;
	scrollbar-width: 5px;

}
#eReaderLoading {
	position:absolute;
	width:200px;
	height:50px;
	border:1px solid #666666;
	background:#eeeeee;
	padding:10px;
	display:none;
}

#loadingBarContainer {
	position:relative;
	height:10px;
	width:180px;
	border:1px solid black;
	background: white;
	display:block;
	margin:auto;
	margin-top:10px;
}
#loadingBar {
	width: 50%;
	height:10px;
	background: url(../img/statusbar.gif) no-repeat;
	background-position: -10px;
}
#page {
	position:relative;
}
.area {
	position:absolute;
	display:block;
	z-index:10;

}
#toolTipContainer {
		position:absolute;
		z-index:100;
		display:none;
		background: transparent url(../img/arrow.gif) no-repeat top left;
		background-position: 0 50%;
		
}
#toolTipInfo {
	background:white;
	border:1px solid black;
	margin:5px;
	padding:5px;
	width:200px;
}

.area:hover {
	
	filter:alpha(opacity=20); 
	-moz-opacity: 0.2; 
	opacity: 0.2;
	background:#ffffff;
	border:1px solid black;
	
}


/*--- fancy box ----*/
#facebox .b {
  background:url(b.png);
}

#facebox .tl {
  background:url(tl.png);
}

#facebox .tr {
  background:url(tr.png);
}

#facebox .bl {
  background:url(bl.png);
}

#facebox .br {
  background:url(br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#gallery_container {
    position: relative;
    margin: 0 auto;
    padding-top: 80px;
    /*width: 509px;*/
    display: none;
}

#gallery_background {
    background-image: url(../../images/brandsback.png);
    background-repeat: no-repeat;
    /*background-color: #ccc;*/
    width: 720px;
    height: 442px;
}

#ui0 {
    position: absolute;
    top: 10px;
}

.strong-13 {
    font-weight: bold;
    font-size: 13px;
    margin: 10px;
}

.strong {
    font-weight: bold;
}

.left {
    float: left;
}

#injection-border {
    display: none;
    position: fixed;
    z-index: 600;
    width: 600px;
    height: 450px;
    padding: 8px 10px;
    background-color: #Adbef5;
    border: 1px solid #9daee5;
}

#injection {
    background-color: #fff;
    border: 1px solid #9daee5;
    width: 100%;/*588px;*/
    height: 100%;/*394px;*/
    /*padding: 2px 5px;*/
    padding: 1px;
}

#overlay {
    display: none;
    height: 100%;
    width: 100%;
    z-index: 500;
    position: fixed;
    left: 0;
    top: 0;
    background: #666;
    opacity: 0.7;
    filter: alpha(opacity=70);
}                            
#ui-datepicker-div {
    background-color: #fff;
    color: #000;
    font-size: 13px;
    border: 1px solid #ececec;
}

.ui-datepicker-calendar {
    border-spacing: 10px;
    border-collapse: separate;   
}

.ui-datepicker-next {
    float: right;
}

.captcha img {
    margin: 0 0 0 160px;
}

#contest_form .radio_button {
    width: 10px;
}