@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;
}

#awards {

}

#awards .content-in {
    height: 58px;
    margin: 0 10px;
    background: #6eaa12;
    padding:3px 0px;
}

#awards .content-in .caption {
    height:50px;
    width:80px;
    padding:2px 0px;
    padding-left:10px;
    line-height:49px;
    border-right:1px solid #fafafa;
    font-size:11px;
    font-weight:bold;
    color:#fafafa;
    float:left;
}
#awards .content-in IMG {
    height:36px;
    float:left;
    border:none;
    margin:11px 2px 11px 12px;
}

#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 ------------------------------------------- */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#zodiacs li {
    display: block;
    float: left;
    padding: 0 1px;
}

#zodiacs a,
#zodiacs span {
    display: block;
    width: 60px;
    height: 60px;
}

#zodiacs a.aries {
    background: url(../images/layouts/2.0/entertainment/zodiac/aries_off.png) no-repeat left top;
}

#zodiacs a.aries:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/aries_on.png) no-repeat left top;
}

#zodiacs a.taurus {
    background: url(../images/layouts/2.0/entertainment/zodiac/taurus_off.png) no-repeat left top;
}

#zodiacs a.taurus:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/taurus_on.png) no-repeat left top;
}

#zodiacs a.gemini {
    background: url(../images/layouts/2.0/entertainment/zodiac/gemini_off.png) no-repeat left top;
}

#zodiacs a.gemini:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/gemini_on.png) no-repeat left top;
}

#zodiacs a.cancer {
    background: url(../images/layouts/2.0/entertainment/zodiac/cancer_off.png) no-repeat left top;
}

#zodiacs a.cancer:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/cancer_on.png) no-repeat left top;
}

#zodiacs a.leo {
    background: url(../images/layouts/2.0/entertainment/zodiac/leo_off.png) no-repeat left top;
}

#zodiacs a.leo:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/leo_on.png) no-repeat left top;
}

#zodiacs a.virgo {
    background: url(../images/layouts/2.0/entertainment/zodiac/virgo_off.png) no-repeat left top;
}

#zodiacs a.virgo:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/virgo_on.png) no-repeat left top;
}

#zodiacs a.libra {
    background: url(../images/layouts/2.0/entertainment/zodiac/libra_off.png) no-repeat left top;
}

#zodiacs a.libra:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/libra_on.png) no-repeat left top;
}

#zodiacs a.scorpio {
    background: url(../images/layouts/2.0/entertainment/zodiac/scorpio_off.png) no-repeat left top;
}

#zodiacs a.scorpio:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/scorpio_on.png) no-repeat left top;
}

#zodiacs a.sagittarius {
    background: url(../images/layouts/2.0/entertainment/zodiac/sagittarius_off.png) no-repeat left top;
}

#zodiacs a.sagittarius:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/sagittarius_on.png) no-repeat left top;
}

#zodiacs a.capricorn {
    background: url(../images/layouts/2.0/entertainment/zodiac/capricorn_off.png) no-repeat left top;
}

#zodiacs a.capricorn:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/capricorn_on.png) no-repeat left top;
}

#zodiacs a.aquarius {
    background: url(../images/layouts/2.0/entertainment/zodiac/aquarius_off.png) no-repeat left top;
}

#zodiacs a.aquarius:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/aquarius_on.png) no-repeat left top;
}

#zodiacs a.pisces {
    background: url(../images/layouts/2.0/entertainment/zodiac/pisces_off.png) no-repeat left top;
}

#zodiacs a.pisces:hover {
    background: url(../images/layouts/2.0/entertainment/zodiac/pisces_on.png) no-repeat left top;
}

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

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

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

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

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

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

#entertainment-numerology {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

#entertainment-sudoku {
    width: 100%;
}

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

#entertainment-crosswords {
    width: 100%;
}

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

#entertainment-coloring {
    width: 100%;
}

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

#entertainment-polls {
    width: 100%;
}

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

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

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

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

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

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

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


#entertainment-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/entertainment/send_postcard/lm.jpg) repeat-y left top;
}

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

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

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

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

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

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

#postcard .c .c .c .c .c .c .c .c {
    background:  url(../images/layouts/2.0/entertainment/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(/images/ereader/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(/images/ereader/pagePrev.gif) no-repeat;
}
#pageNext {
	width:15px;
	height:16px;
	margin-top:3px;
	display:block;
	float:left;
	background: url(/images/ereader/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(/images/ereader/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(/images/ereader/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;
}/* --- Strona główna --- */

#frontpage .left {
	float: left;
	width: 440px;
	margin: 0;
}

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

#frontpage .left .small {
    width: 220px;
    clear: none;
    float: left;
}

/* tu skończyłem */
#frontpage .m1 {
  	width: 100%;
  	overflow: hidden;
  	background: url(../images/layouts/2.0/x.gif) repeat-y left top;
}

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


#frontpage .content {
	width: 438px;
	margin: 0 auto;
	background: #fff;
}

#frontpage .banner-small {
    width: 219px;
}

#frontpage .left .banner {

}

#frontpage .academy {
    height: 146px;
    padding: 3px;
}

#frontpage .academy ul {
	margin: 0 0 0 260px;
}

#frontpage .academy li {
	clear: both;
	display: block;
	padding: 2px 0;
}

#frontpage .beauty {
    background: url(../images/layouts/2.0/frontpage/academy_beauty.jpg) no-repeat left center;
}

#frontpage .academy a {
	display: block;
	padding: 0 0 0 15px;
}

#frontpage .beauty a {
	color: #CDA55E;
	background: url(../images/layouts/2.0/arrow_brown_bg.gif) no-repeat left center;
}

#frontpage .makeup {
    background: url(../images/layouts/2.0/frontpage/academy_makeup.jpg) no-repeat left center;
}

#frontpage .health {
    background: url(../images/layouts/2.0/frontpage/academy_health.jpg) no-repeat left center;
}

#frontpage .makeup a, #frontpage .health a {
	color: #a4c14a ;
	background: url(../images/layouts/2.0/arrow_green_bg.gif) no-repeat left center;
}

#frontpage .nail {
    background: url(../images/layouts/2.0/frontpage/academy_nails.jpg) no-repeat left center;
}

#frontpage .nail a {
	color: #C890AD;
	background: url(../images/layouts/2.0/arrow_purple_bg.gif) no-repeat left center;
}

#frontpage .talent {
    background: url(../images/layouts/2.0/frontpage/academy_talent.jpg) no-repeat left center;
}

#frontpage .talent a {
	color: #9daee5;
	background: url(../images/layouts/2.0/arrow_blue_bg.gif) no-repeat left center;
}

#frontpage .head {
    height: 66px;
}

#frontpage .forum_footer {
    height: 66px;
    background: url(../images/layouts/2.0/frontpage/forum_bottom.gif) no-repeat left top;
}

#frontpage .forum_footer a {
    height: 66px;
    width: 100%;
    display: block;
}

#frontpage .forum, #frontpage .forum-active {
    background: url(../images/layouts/2.0/frontpage/forum_header.jpg) no-repeat left top;
    float: left;
    width: 219px;
    position: relative;
}

#frontpage .forum-active {
    background: url(../images/layouts/2.0/frontpage/forum_header_on.jpg) no-repeat left top;
}

#frontpage .news, #frontpage .news-active {
    background: url(../images/layouts/2.0/frontpage/news_header.jpg) no-repeat left top;
    float: right;
    width: 218px;
    position: relative;
}

#frontpage .news-active {
    background: url(../images/layouts/2.0/frontpage/news_header_on.jpg) no-repeat left top;
}

#frontpage .cosmetic-guide {
    background-color: #9DAEE6;    
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    text-indent: 10px;
    height: 36px;
    padding: 7px 0;
}

.cosmetic-guide span {
    font-size: 11px;
    font-weight: normal;
}

.cosmetic-guide div {
    background-color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    color: #c9c9c9;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

#frontpage div.green {
	background: #f9fbf1;
}

#frontpage div.brown {
	background: #fffaf2;
}

#frontpage div.blue {
	background: #f6f8fd;
}

#frontpage .body {
    margin: 5px 5px;
    overflow: hidden;
}

#frontpage .body ul {
	padding: 10px 10px;
	overflow: hidden;
}

#frontpage .body li {
	display: block;
	width: 100%;
	padding: 10px 0;
}

#frontpage .title {
	display: block;
	float: left;
	/*height: 20px;
	line-height: 20px;*/
	padding: 0 20px;
	font-weight: bold;
}

#frontpage .body span {
	clear: both;
	display: block;
	width: 100%;
	/*background: blue;*/
}


#frontpage a.seeall, a.more {
    font-weight: bold;
    padding-left: 15px;
    bottom: 3px;
    right: 10px;
    position: absolute;
    text-indent: 0;
}


#frontpage .right {
	float: right;
	width: 300px;
	/*background: red;*/
}

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


#frontpage .right .box .content {
	width: 298px;
	margin: 0 auto;
	background: #fff;
}

#frontpage .newest-members {
	overflow: hidden;
}

#frontpage .newest-members .head {
	display: block;
	width: 100%;
	height: 65px;
	background: url(../images/layouts/2.0/najnowsze_klubowiczki_bg.png) no-repeat left top;
}

#frontpage .newest-members ul {
	width: 260px;
	padding: 10px 19px;
	float: left;
}

#frontpage .newest-members li {
	display: block;
	float: left;
	margin: 0 2px;
}

#frontpage .newest-members a {
	display: block;
	width: 48px;
	height: 48px;
	background: blue;
}

#frontpage .clubs-motto {
	width: 100%;
	background: url(../images/layouts/2.0/klubowe_motta_bg.png) no-repeat left top;
	overflow: hidden;
}

#frontpage .motto {
	width: 268px;
	margin: 70px 5px 5px 5px;
	padding: 10px 10px 5px 10px;
	background: #faf5f8;
	color: #c890ac;
        overflow: hidden;
}

#frontpage .motto ul {

}

#frontpage .motto li {
    width: 268px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

#frontpage .motto .fader {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 20px;
	z-index: 800;
	background: url(../images/layouts/2.0/frontpage/fader_bg.png) no-repeat left top;
}



#frontpage .motto .author {
	display: block;
	font-weight: bold;
	margin: 5px 0;
}

#frontpage .motto a {
	display: block;
	float: right;
	height: 17px;
	line-height: 17px;
	padding: 0 23px 0 0;
	color: #c890ac;
	font-weight: bold;
	background: url(../images/layouts/2.0/purple_btn_bg.gif) no-repeat right top;
}

#tabs .ui-tabs-nav .green-bg, #tabs .ui-tabs-nav .blue-bg {
     border: 1px solid #f2f2f2; font-weight: bold; color: #A4C14A; outline: none;
}

#tabs .ui-tabs-nav .green-bg {
    background: #F9FBF1;
}

#tabs .ui-tabs-nav .green-bg:hover {
    background: #A4C14A;
}

#tabs .ui-tabs-nav .green-bg a {
    color: #A4C14A;
}

#tabs .ui-tabs-nav .green-bg a:hover,
#tabs .ui-tabs-nav .brown-bg a:hover {
    color: #FFF;
}

#tabs .ui-tabs-nav .brown-bg {
    background: #FFF3DD;
}

#tabs .ui-tabs-nav .brown-bg a {
    color: #CDA55E;
}

#tabs .ui-tabs-nav .brown-bg:hover {
    background: #CDA55E;
}

#tabs .ui-tabs-nav .ui-state-active {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #F2F2F2;
    color:#CD86AA;
    font-weight:bold;
    outline:medium none;
}

#newsletter {
    position: relative;
}

#newsletter input.image {
    position: absolute;
    right: 0;
    top: -2px;
}

#news-list-tab, #forum-list-tab {
    height: 305px;
    margin-top: 0;
}

#news-list-tab {        
    background-color: #f4e9ef;
}

#forum-list-tab {    
    background-color: #eef3dc;
    display: none;
}

#academy-list {    
    list-style: none;
    cursor: pointer;
    color: #668409;
}

#academy-list li {
    height: 27px;
    text-align: center;
    line-height: 27px;
    margin: 3px 0;
    font-weight: bold;
}

.beauty-academy {
    background-color: #e5f7ae;

}

#academy-list li:hover {
     color: #fff;
}

.beauty-academy:hover {
    background-color: #d5af6c;
}

li.beauty-academy-active {
    color: #d5af6c;
    background-color: #fff;
}

.makeup-academy:hover {
    background-color: #668409;
}

li.makeup-academy-active {
    color: #668409;
    background-color: #fff;
}

.makeup-academy {
    background-color: #d4ee85;
}

.nail-academy:hover {
    background-color: #c890ac ;
}

li.nail-academy-active {
    color: #c890ac;
    background-color: #fff;
}

.nail-academy {
    background-color: #c2dd71;
}

.health-academy:hover {
    background-color: #668409;
}

li.health-academy-active {
    color: #668409;
    background-color: #fff;
}

.health-academy {
    background-color: #afce5b;
}

.talent-academy:hover {
    background-color: #9eafe5;
}

li.talent-academy-active {
    color: #9eafe5;
    background-color: #fff;
}

.talent-academy {
    background-color: #9ebc4d;
}

#frontpage .content .survey .head {
    background-image: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
    text-indent: 10px;   
    text-transform: uppercase;
    margin-bottom: 10px;
}/* Left Box Survey */
#right-col .survey {
	overflow: hidden;
}

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

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

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

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

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

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

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

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