/* header, logo, top-menu, notifications, top-commercials, top-autopromotion */
/* cookie info */
#cookie-info {
    font: normal 12px Verdana, "Trebuchet MS", Helvetica, sans-serif;
    text-align: justify;
    color: #444;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
}
#cookie-info .cookie-wrapper {
    position: fixed;
    bottom: -1px;
    left: 50%;
    width: 850px;
    padding: 20px 30px;   
    margin-left: -455px;
    border: 1px solid #E7E7E7;
    -moz-box-shadow:  0px -2px 15px rgba(153, 153, 153, 0.4);
    -webkit-box-shadow: 0px -2px 15px rgba(153, 153, 153, 0.4);
    box-shadow: 0px -2px 15px rgba(153, 153, 153, 0.4);
    background-color: #f8f8f8;
    z-index: 10000;    
}
#cookie-info .cookie-wrapper h3 {
    padding: 2px 0px;
    font-size: 12px;
    font-weight: bold;
}
#cookie-info .cookie-wrapper p {
    clear: both;
    line-height: 16px;
    padding: 0;
    margin-top: 10px;
}
#cookie-info .cookie-wrapper a {
    color: #069;
}
#cookie-info #close-cookie-info {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 21px;
    font-weight: bold;
    cursor: pointer;
    background: transparent url('../images/lightboxes/exit.png') no-repeat scroll 50% 50%;
}
#cookie-info #accept-cookie-info {
    float: right;
    padding: 5px 10px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #ff3600;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    background: #ff4e00;
    cursor: pointer;
    transition: all 0.2s ease-out .2s;
    -webkit-transition: all 0.2s ease-out .2s;
    -moz-transition: all 0.2s ease-out .2s;
    -o-transition: all 0.2s ease-out .2s;
    
}
#cookie-info #accept-cookie-info:hover {
    background-color: #ff3600;
}
/* general */
.main_header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: transparent;
}
.main_header .main_navigation {
    margin-bottom: 5px;
    text-align: right;
}
#blog_normal .main_navigation {
    height: 78px;
}
#blog_pro .main_navigation {
    height: 45px;
}

/* logo */
.main_header .main_navigation .logo {
    float: left;
}
.main_header .main_navigation h1.logotype {
    display:block;
    float: left;
    width:206px;
    height:56px;
    margin: 11px 0 0 10px;
    text-align: left;
    overflow-x: hidden;
}
.main_header .main_navigation h1.logotype a {
    display:block;
    width:206px;
    height:56px;
    text-indent:19999px;
    background-repeat: no-repeat;
}
#blog_pro.main_header .main_navigation h1.logotype {
    margin: 5px 0 0 6px;
    height: 45px;
    overflow: hidden;
}
/* menu */
.main_navigation .right_menu {
    padding-right: 10px;
}
.main_navigation .right_menu ul {
    margin: 10px 0 0;
    padding: 0;
    float: right;
    display: inline-block;
    list-style-type: none;
}
.main_navigation .right_menu li {
    line-height: 1.2;
    float: left;
    color: #a2a2a2;
}
.main_navigation .right_menu li a {
    padding: 0 8px;
    color: #006699;
    text-decoration: none;
}
.main_navigation .right_menu li > a {
    padding: 0 8px;
    font-weight: bold;
}
.main_navigation .right_menu li > a:hover {
    color: #1480b6;
}
.main_navigation .right_menu li#pm_notify img {
    position: relative;
    top: 1px;
    left: 2px;
}
.main_navigation .right_menu li#pm_notify a {
    padding-left: 0;
}
.main_navigation .right_menu a.wyloguj, .main_navigation .right_menu a.wyloguj:hover {
    margin-left: 25px;
    color: #a2a2a2;
}
.main_navigation .right_menu br {
    height: 0;
    clear: both;
}

/* notifications */
.main_navigation .right_menu li.notification {
    position: relative;
}
.main_navigation li a#spy_notifications_button {
    position: relative;
}
.main_navigation li.notify_pressed a#spy_notifications_button {
    padding: 11px 7px 10px;
    z-index: 302;
    color: #1480b6;
    box-shadow: inset 0px 1px 1px #fff;
    -moz-box-shadow: inset 0px 1px 1px #fff;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    background-color: #f5f5f5;
}
.main_navigation li a#spy_notifications_button span {
    height: 11px;
    padding: 0 3px;
    position: absolute;
    top: -8px;
    left: 101px;
    color: #fff;
    text-align: center;
    font: normal 9px Arial, Helvetica, sans-serif, Tahoma;
    text-shadow: 1px 1px 0 #C42700;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #ff3000;
}
.main_navigation .right_menu li.notification .spy_indicator {
    padding: 18px 0;
    text-align: center;
}
.main_navigation li.notification div#spy_notifications_content {
    width: 260px;
    position: absolute;
    top: 22px;
    left: 0;
    text-align: left;
    color: #434343;
    z-index: 301;
    border-radius: 0 5px 5px;
    -moz-border-radius: 0 5px 5px;
    -webkit-border-radius: 0 5px 5px;
    border: 1px solid #d4d4d4;
    background-color: #f7f7f7; 
}
.header_show .main_navigation li.notification div#spy_notifications_content {
    box-shadow: 1px 1px 1px #999;
    -moz-box-shadow: 1px 1px 1px #999;
}
.main_navigation .right_menu li a.spy_item, .main_navigation .right_menu li a.spy_item:hover {
    width: 240px;
    padding: 7px 10px;
    display: block;
    cursor: pointer;
    color: #434343;
    border-bottom: 1px solid #d4d4d4;
    box-shadow: inset 0 -1px 0 #fff;
    -moz-box-shadow: inset 0 -1px 0 #fff;
}
.main_navigation .spy_item:hover {
    box-shadow: inset 0 4px 4px #f4f4f4;
    -moz-shadow: inset 0 4px 4px #f4f4f4;
    background-color: #fff;
}
.main_navigation .spy_item.unread, .main_navigation .spy_item.unread:hover {
    box-shadow: inset 0 -1px 0 #eff9ff;
    -moz-box-shadow: inset 0 -1px 0 #eff9ff;
    background: #dfeef8 url("/images/notification_triangle.png") no-repeat right bottom;
}
.main_navigation .spy_item.unread a {
    color: #006699;
}
.main_navigation .spy_item .spy_thumb {
    width: 60px;
    height: 45px;
    margin-right: 10px;
    padding: 0;
    float: left;
    display: block;
    overflow: hidden;
    border: 1px solid #fff;
}
.main_navigation .spy_item.unread .spy_thumb {
    border: 1px solid #dfeef8;
}
.main_navigation .spy_item .spy_thumb img {
    width: 60px;
}
.main_navigation .spy_item .spy_content {
    width: 168px;
    float: right;
}
.main_navigation .spy_item span {
    line-height: 1.3;
}
.main_navigation .right_menu li .spy_item span strong {
    color: #1480b6;
    font-weight: bold;
}
.main_navigation .right_menu li .spy_item:hover span strong  {
    color: #006699;
}
.main_navigation .spy_item .event_date {
    margin-top: 3px;
    display: block;
    color: #9b9b9b;
}
.main_navigation .spy_item .event_date img {
    height: 14px;
    float: right;
}
.main_navigation .right_menu li a.view_more, .main_navigation .right_menu li a.view_more:hover {
    padding: 7px 0 8px; 
    display: block; 
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 1px #4A8CA6;
    box-shadow: inset 0 -2px 2px #6AB1CD;
    -moz-box-shadow: inset 0 -2px 2px #6AB1CD;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    background-color: #8BC2D7;
}
.main_navigation .right_menu li a.view_more:hover {
    background-color: #7FBAD2;
}

/* all commercials */
.main_navigation .right_menu .promo {
    width: 300px;
    height: 46px;
    margin: -40px 5px 0 0;
    float: right;
    overflow: hidden;
}
.main_navigation .right_menu .promo .imgPromo {
    vertical-align: top;
}
.head_banner {
    padding: 8px 0 5px 0;
    background: #f1f1f1;
    -moz-box-shadow: 0 1px 0 #fff inset;
}
.head_screening {
    width: 100%; 
    margin-top: 5px; 
    text-align: center;
    background: #fffafa url("/screening_advert/przymierzaj/przymierzaj-header.png") no-repeat top center;
    height: 209px;
    border-top: 1px solid #e4e4e4;
}
.head_screening > div {
    position: relative;
    width:800px;
    margin: 0 auto;
    padding-top: 24px;
    height: 100%;
    cursor: pointer;
}
.head_screening > div span {
    position: absolute;
    top:38px;
    right:28px;
    z-index: 2;
}
.head_screening > div span.head_listusers {
    top:33px;   
}
.adsense720 {
    width: 100%; 
    padding-top: 5px; 
    text-align: center;
}
.adsense720 * {
    margin: auto;
}
.adsense720 .adv_off {
    width:720px;
    margin-bottom: 2px;
    text-align:left;
    z-index:3000;
}
.adsense720 .adv_off a {
    font-size:10px;
    text-decoration:none!important;
}
.inside_container {
    /*width: 750px;*/
    float: left;
    position: relative;
    overflow: visible;
    z-index: 300;
}

/* adsense placeholders */
#adsense-top {
    position: absolute;
    height: 0;
    overflow: hidden;
}
#adsense-middle {
    position: absolute;
    height: 0px; 
    left:0; 
    right:0; 
    margin-left:auto; 
    margin-right:auto;
    overflow: hidden;
}
#adsense-top-placeholder {
    height: 219px;
}
#adsense-middle-placeholder {
    height:270px;
}

/* self-promotion */
.empty_selfpromotion #selfpromotion_banner {
    display:none;
}
.empty_selfpromotion .inside_container {
    width: 750px; 
    float: none;
}
.ban_container {
    width: 980px;
    z-index: 50;
}
#selfpromotion_banner, #selfpromotion_banner2 {
    position: relative;
    width: 130px; 
    height: 82px;
    margin: 0; 
    float: left;
    overflow: hidden;
    z-index: 10;
    font-size: 11px; 
}
#selfpromotion_banner {
    width: 950px;
    height: 197px;
}
#selfpromotion_banner2 {
    width: 440px;
    height: 196px;
    display: block;
}
/*#selfpromotion_banner .show-all-autopromocje, 
#selfpromotion_banner2 .show-all-autopromocje {
    position: absolute;
    display: block;
    height: 16px;
    line-height: 16px;
    width: 100px;
    bottom: -1px;
    right: 50%;
    margin-right: -52px;
    vertical-align: middle;
    color: #292929;
    background-color: #ccc;
    font-size: 9px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border:1px solid #ccc;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out;
}
#selfpromotion_banner .show-all-autopromocje p, 
#selfpromotion_banner2 .show-all-autopromocje p {
    text-decoration: none;
    padding: 0;
    margin: 0;
}*/
#selfpromotion_banner .selfbanner_link img, 
#selfpromotion_banner2 .selfbanner_link img {
    margin-top: 3px;
    width: 95%;
}
/*#selfpromotion_banner .show-all-autopromocje:hover, 
#selfpromotion_banner2 .show-all-autopromocje:hover {
    color: #F0F0F0;
    background-color: #7A7A7A;
    text-decoration: none;
    border:1px solid #fff;
}*/
.selfpromotion_uid {
    margin: 6px 0 0;
}
.selfpromotion_uid a {
    font-weight: bold;
}
.selfpromotion_uid img {
    width: 15px; 
    margin: -1px 0 0 2px; 
    vertical-align: middle;
}
.selfpromotion_text {
    margin: 4px 0 12px; 
    font-size: 11px; 
    line-height: 1.4;
}
#selfpromotion_banner a p, #selfpromotion_banner2 a p {
    text-decoration: underline;
}
.selfpromotion_ribbon {
    position: absolute;
    top: 0;
    right: 0;
    height: 71px;
    width: 68px;
    background: transparent url('../images/selfpromotion_ribbon.png') no-repeat 0 0;
}
.highlight {
    float: left;
    border: 1px solid #CCC; 
}
.head_banner .highlight { 
    border-color: #ccc;
    background-color: #eee; 
}

/* footer */
#footer {
    padding: 10px 12px 8px 6px;
    font-size: 11px;
    text-align: right;
    background-color: transparent;
}
#footer a {
    margin: 0 3px;
}
#ban_splitter {
    display: none;
    position: relative;
    height: 82px;
    border-color: #ccc;
    border-width: 1px 0 0 0;
    border-style: solid;
    float: left;
    margin-left: 28px;
    width: 16px;
}
#ban_splitter.promo_text_w {
    background: #ccc url('/images/ban_splitter.png') center center no-repeat;
}
#ban_splitter.promo_text_b {
    background: #ccc url('/images/ban_splitter_dark.png') center center no-repeat;
} 
/* suggester */
.list-suggester {
    position: absolute;
    width: 300px;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #999;
    color:#222222;
    z-index: 1000;
}
.list-suggester ul {
    padding: 0;
    margin: 0;
}
.list-suggester ul li {
    position: relative;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;    
}
.list-suggester, .list-suggester ul li.selected, .user-tagged-tip {
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
}
.list-suggester ul li,.list-suggester ul li span.pro, .user-tagged-tip span.pro {
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.list-suggester ul li > * {
    vertical-align: middle; 
}
.list-suggester ul:hover li:first-child {
    background-color: #fff;
}
.list-suggester ul li:first-child, .list-suggester ul li:hover,
.list-suggester ul li:first-child:hover {
    background-color: #eeeeee;
    -moz-box-shadow: 0 0 8px #999;
    -webkit-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
}
.list-suggester ul li.selected {
    background-color: #fff1d0;
}
.list-suggester ul li > span, .list-suggester ul li img, .user-tagged-tip span {
    margin-left:4px;
}
.user-tagged-tip img, .user-tagged-tip span {
    float: left;
}
.list-suggester ul li img {
    width: 32px;
    height: 32px;
}
.highlighted-tag-container {
    background-color: #fff;
    color: #fff;
    overflow: hidden;
}
.highlighted-tag-container span {
    background-color: #ccc;
    color: #ccc;
}
a.highlighted-tag {
    text-decoration: none !important;
    font-weight: bold !important;
}
a.highlighted-entry-tag {
    text-decoration: none !important;
    font-weight: bold !important;
}
.user-tagged-tip {
    position: absolute;
    min-width: 140px;
    height: 115px;
    line-height:48px;
    padding: 4px 40px 4px 4px; 
    font-size: 12px;
    border: 1px solid #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    color:#222222;
    z-index: 350;
    box-sizing: content-box;
}
.user-tagged-tip .tip ul li {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    line-height: 20px;
}
.user-tagged-tip .tip ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0px;
}
.user-tagged-tip img {
    width: 114px;
    height: 114px;
}
.list-suggester .suggester-search-highlight {
    font-weight: bold;
}
.user-tagged-tip .tip-top, .user-tagged-tip .tip-bottom {
    width: 0; 
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: 123px;
    left: 7px;
    z-index: 3;
}
.user-tagged-tip .tip-bottom {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #999;
    z-index: 2;
    left: 6px;
}
.user-tagged-tip .loading {
    width: auto;
    height: auto;
    margin-top: 41px;
    margin-left: 71px;
}
.pro  {
    background-image: url("../images/show/pro.png");
    background-repeat: no-repeat;
    background-position: 97% 7%;
}
.list-suggester ul li span.pro {
    height: 19px;
    width: 19px;
    display: block;
    position: absolute;
    z-index: 2;
    right: 4px;
    top: 16px;
    opacity: .5;
}
.list-suggester ul li:hover span.pro {
    opacity:1;
}
.latest_entries {
    font-size: 10px;
    font-weight: bold;
}
.latest_entries span {
    clear:both;
    display: block;
    margin: 0;
}
.latest_entries img {
    height: 33px;
    width: 44px;
    border: 1px solid #ccc;
    margin-right: 4px;
}
.user-tagged-tip .main_name {
    font-weight: bold;
}








#spy_notifications_push {
    box-shadow: 1px 1px 1px #999;
    -moz-box-shadow: 1px 1px 1px #999;   
    font: normal 11px Verdana, "Trebuchet MS", Helvetica, sans-serif;
    width: 260px;
    position: fixed;
    left: 10px;
    bottom: 10px;
    text-align: left;
    color: #434343;
    z-index: 301;
    border-radius: 0 5px 5px;
    -moz-border-radius: 0 5px 5px;
    -webkit-border-radius: 0 5px 5px;
    border: 1px solid #d4d4d4;
    background-color: #f7f7f7; 
}
#spy_notifications_push a.spy_item, #spy_notifications_push a.spy_item:hover {
    width: 240px;
    padding: 7px 10px;
    display: block;
    cursor: pointer;
    color: #434343;
    border-bottom: 1px solid #d4d4d4;
    box-shadow: inset 0 -1px 0 #fff;
    -moz-box-shadow: inset 0 -1px 0 #fff;
}
#spy_notifications_push .spy_item:hover {
    box-shadow: inset 0 4px 4px #f4f4f4;
    -moz-shadow: inset 0 4px 4px #f4f4f4;
    background-color: #fff;
}
#spy_notifications_push .spy_item .spy_thumb {
    width: 60px;
    height: 45px;
    margin-right: 10px;
    padding: 0;
    float: left;
    display: block;
    overflow: hidden;
    /*border: 1px solid #fff;*/
    border: 1px solid #dfeef8;
}
#spy_notifications_push .spy_item .spy_thumb img {
    width: 60px;
}
#spy_notifications_push .spy_item .spy_content {
    width: 168px;
    float: right;
}
#spy_notifications_push .spy_item span {
    line-height: 1.3;
}
#spy_notifications_push .spy_item span strong {
    color: #1480b6;
    font-weight: bold;
}
#spy_notifications_push .spy_item:hover span strong  {
    color: #006699;
}
#spy_notifications_push .spy_item .event_date {
    margin-top: 3px;
    display: block;
    color: #9b9b9b;
}



#spy_notifications_push .spy_item.unread, #spy_notifications_push .spy_item.unread:hover {
    box-shadow: inset 0 -1px 0 #eff9ff;
    -moz-box-shadow: inset 0 -1px 0 #eff9ff;
    background-color: #dfeef8;
}
#spy_notifications_push .spy_item.unread a {
    color: #006699;
}

#spy_notifications_push .spy_item {
    transition: background-color 2s cubic-bezier(0, .64, .47, 1);
    -webkit-transition: background-color 2s cubic-bezier(0, .64, .47, 1);
    -moz-transition: background-color 2s cubic-bezier(0, .64, .47, 1);
    -o-transition: background-color 2s cubic-bezier(0, .64, .47, 1);
}
#spy_notifications_push .spy_item:hover {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

.placeholder-text {
    color: #CCC !important;
}