#earningsTabsContainer .ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#earningsTabsContainer .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
#earningsTabsContainer .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
#earningsTabsContainer .ui-tabs .ui-tabs-nav li a { float: left; padding: 0; text-decoration: none; }
#earningsTabsContainer .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
#earningsTabsContainer .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #earningsTabsContainer .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #earningsTabsContainer .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#earningsTabsContainer .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... */
#earningsTabsContainer .ui-tabs .ui-tabs-panel { display: block; position: relative; padding: 0; background: none; border: 1px solid #b3ddee; margin: 0 0 0 6px;}
#earningsTabsContainer .ui-tabs .ui-tabs-panel .in { padding:16px;background-color:#e2f0f7;border:1px solid #fff; position: relative; }
#earningsTabsContainer .ui-tabs .ui-tabs-hide { display: none !important; }

#earningsTabsContainer #advertisingTabs {position: relative;margin:20px 0 0 6px;padding:0;list-style:none;height:40px;vertical-align:bottom;}
#earningsTabsContainer #advertisingTabs li {position: relative;padding:0 0 0 0;float:left; margin: 0 2px 0 0;}
#earningsTabsContainer #advertisingTabs li a {position: relative;display:block;width:110px;height:26px;padding:10px 0 0 8px;background:url(/z_graphics/2012-web4u-promo/graphics/bg-tab-advertising.png) repeat-x top left;text-decoration:none;font-size:14px;font-weight:bold;color:#fff;margin-top:4px;}
#earningsTabsContainer #advertisingTabs li a:hover, #earningsTabsContainer #advertisingTabs li.ui-state-active a {height:30px;padding:10px 0 0 8px;background:url(/z_graphics/2012-web4u-promo/graphics/bg-tab-advertising-hover.png) repeat-x top left;margin-top:0px;}

#earningsTabsContainer .in a.category, #earningsTabsContainer .in a.category:link, #earningsTabsContainer .in a.category:visited {display:block;float:left;width:164px;margin:20px 9px 0 9px;text-decoration:none;color:#18729d;font-size:14px; }
#earningsTabsContainer .in a.category span {display:block;margin-bottom:10px;background:url(/z_graphics/2012-web4u-promo/graphics/dotObecna.png) no-repeat 0 1px;padding-left:16px;}
#earningsTabsContainer .in a.category:hover span, #earningsTabsContainer .ui-tabs .ui-tabs-panel .in a.category-active span {background:url(/z_graphics/2012-web4u-promo/graphics/dotObecna-active.png) no-repeat 0 1px;}
#earningsTabsContainer .in a.category img {border:2px solid #a6a6a6;}
#earningsTabsContainer .in a.category:hover img, #earningsTabsContainer .ui-tabs .ui-tabs-panel .in a.category-active img {border:2px solid #18729d;}

#earningsTabsContainer .ui-tabs .ui-tabs-panel .in .hidden {display: none;}

#earningsTabsContainer ul.subtabs-nav {position: relative;margin:20px 0 0 9px;padding:0; height: 38px; margin-left: 8px !important;}
#earningsTabsContainer ul.subtabs-nav li {position: relative;display:block;float:left;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;margin-top:6px !important;}
#earningsTabsContainer ul.subtabs-nav li a {border-top:1px solid #95cbe7;border-left:1px solid #95cbe7;border-right:1px solid #95cbe7; height: 29px; line-height: 29px; margin:0;background-color:#b8d3e2;color:#000;padding:0 20px !important;text-decoration:underline;font-size:12px;}
#earningsTabsContainer ul.subtabs-nav li a:hover {text-decoration:none;}
#earningsTabsContainer ul.subtabs-nav li.ui-tabs-selected {margin-top: 0 !important; height: 35px;}
#earningsTabsContainer ul.subtabs-nav li.ui-tabs-selected a {margin:0;}
#earningsTabsContainer ul.subtabs-nav li.ui-tabs-selected a {text-decoration:none;background-color:#d5e5ee; height: 37px; line-height: 37px; }

#earningsTabsContainer .subtabs .ui-tabs-panel {position: relative;margin: 0 -17px; border: 1px solid #FFFFFF;}
#earningsTabsContainer .subtabs .ui-tabs-panel .in {position: relative;background-color: #d5e5ee; border: 1px solid #95cbe7; }

#earningsTabsContainer code { background-color: #CBE7F3; border: 1px solid #5DBED6; color: #000000; display: block; margin: 8px 0; padding: 5px; overflow: scroll; }
#earningsTabsContainer .banner-item {}
#earningsTabsContainer .banner-item-left { position: relative; float:left;margin-bottom:45px; width: 336px;}
#earningsTabsContainer .banner-item-left p, #earningsTabsContainer .banner-item p {color:#18729d;font-size:14px;font-weight:normal;}
#earningsTabsContainer .banner-item-left img {border:none !important;display:block;padding-top:5px;}
#earningsTabsContainer a.generate, #earningsTabsContainer a.select-all, #earningsTabsContainer a.copy {display:inline-block;border:1px solid #999999;background:#fff url(/z_graphics/2012-web4u-promo/graphics/bg-button-generate.png) repeat-x left top; width:auto;margin:0;margin-top:10px;padding:5px 10px;color:#595959; text-decoration: none;}
#earningsTabsContainer a.generate:hover, #earningsTabsContainer a.select-all:hover, #earningsTabsContainer a.copy:hover {border:1px solid #18729d;background:#fff url(/z_graphics/2012-web4u-promo/graphics/bg-button-generate-hover.png) repeat-x left top;}
#earningsTabsContainer a.select-all, #earningsTabsContainer a.copy {margin-top: 0px;}
#earningsTabsContainer .banner-item-right {position: relative; float:right;margin-bottom:45px;  width: 336px;}
#earningsTabsContainer .banner-item-right p {color:#18729d;font-size:14px;font-weight:normal;}
#earningsTabsContainer .banner-item-right img {border:none !important;display:block;padding-top:5px;}

#earningsTabsContainer .icon {margin-bottom: 15px;}
#earningsTabsContainer .icon-large .img {float: left; width: 120px; margin-right: 15px;}
#earningsTabsContainer .icon .img {float: left; width: 88px; margin-right: 15px;}
#earningsTabsContainer .code-wrap2 {float: left;}
#earningsTabsContainer .icon-large code {float: left; width: 430px; margin: 0 15px 0 0;}
#earningsTabsContainer .icon code {float: left; width: 462px; margin: 0 15px 0 0;}

#earningsTabsContainer .flash160, #earningsTabsContainer .flash150, #earningsTabsContainer .flash120 {margin-bottom: 15px;}
#earningsTabsContainer .flash160 .flash {float: left; width: 160px; margin-right: 15px;}
#earningsTabsContainer .flash160 code {float: left; width: 390px; margin: 0 15px 0 0;}

#earningsTabsContainer .flash150 .flash {float: left; width: 150px; margin-right: 25px;}
#earningsTabsContainer .flash150 code {float: left; width: 390px; margin: 0 15px 0 0;}

#earningsTabsContainer .flash120 .flash {float: left; width: 120px; margin-right: 55px;}
#earningsTabsContainer .flash120 code {float: left; width: 390px; margin: 0 15px 0 0;}

#earningsTabsContainer #form1, #earningsTabsContainer #form2 {margin-bottom: 15px}
#earningsTabsContainer #form1 .form, #earningsTabsContainer #form2 .form {float: left; width: 251px; margin-right: 15px}
#earningsTabsContainer #form1 code, #earningsTabsContainer #form2 code {float: left; width: 300px; margin-right: 15px; margin-top: 0;}

#earningsTabsContainer #tabs-4 .thumb {display: block; float: left; margin: 0 15px 15px 0; border: 2px solid #A6A6A6;}
#earningsTabsContainer #tabs-4 .thumb:hover {border: 2px solid #18729d;}
#earningsTabsContainer #tabs-4 .thumb img {display: block;}

.earnings-divider {height: 1px; overflow: hidden; background: #FFFFFF; border-top: 1px solid #bedaf0;  margin: 20px 0 20px 5px;}
.earnings-content {padding: 0 0 0 30px;}
.earnings-content h3 {font-size: 21px; color: #255079; margin-top: 0; text-transform: uppercase;}
.earnings-content p, .earnings-content h4, .earnings-content h5 {margin-left: 0; margin-right: 0;}
.earnings-content p.lead strong {font-size: 14px; text-transform: uppercase; color: #a117c6;}
.earnings-content .box {border: 1px solid #b4cbdb; padding: 15px 12px 15px 115px; margin: 0 0 21px 0;
    background: #e6f3f9 url(/z_graphics/web/earnings/Button_kolik.png) no-repeat 11px 11px;}
.earnings-content .box h4 {text-transform: uppercase; color: #a117c6; font-size: 21px; margin-top: 0;}
.earnings-content .box h5 {text-transform: uppercase; color: #a117c6; font-size: 16px;}
.earnings-content .box p {margin: 0; font-weight: bold; font-size: 14px; text-align: left;}
.earnings-content .box p em {font-weight: normal; color: #4c4c4c;}
.earnings-content .box table {margin: 0; font-weight: bold; font-size: 14px; text-align: left; text-transform: uppercase;}
.earnings-content .box table td {padding-right: 30px;}
.earnings-content .box table td.violet {color: #a117c6;}
.earnings-content .box table td.big {font-size: 21px;}
.earnings-content .schema-jak-funguje {min-height: 566px; position: relative; padding: 50px 0 0 0; margin: 0 0 30px 0;
    background: url(/z_graphics/web/earnings/schema_jakFunguje.jpg) no-repeat left top;}
.earnings-content .schema-jak-funguje p {font-weight: bold; color: #4c4c4c; text-align: left; font-size: 14px; line-height: 22px;}
.earnings-content .schema-jak-funguje p strong {color: #3e76ab; font-weight: inherit;}
.earnings-content .schema-jak-funguje a:link, .earnings-content .schema-jak-funguje a:visited {color: #a117c6; text-decoration: none;}
.earnings-content .schema-jak-funguje a:hover {text-decoration: underline;}
.earnings-content .schema-jak-funguje p.schema-jak-funguje1 {margin: 0 0 30px 395px; }
.earnings-content .schema-jak-funguje p.schema-jak-funguje2 {margin: 0 0 260px 395px; }
.earnings-content .schema-jak-funguje p.schema-jak-funguje3 {margin: 0 0 10px 10px; width: 345px;}
.earnings-content .schema-jak-funguje p.schema-jak-funguje4 {margin: 0 0 0 10px; width: 360px;}
.earnings-content .schema-materialy {min-height: 272px; position: relative; margin: 30px 0; padding: 30px 0 0 360px; 
    background: url(/z_graphics/web/earnings/schema_materialy.jpg) no-repeat left top; font-size: 14px; font-weight: bold;
    line-height: 22px;}
.earnings-content .schema-materialy p { color: #4c4c4c; margin: 0 0 10px 0; text-align: left;}
.earnings-content .schema-materialy p strong {font-weight: inherit; color: #3e76ab;}
.earnings-content .schema-materialy ul {color: #4c4c4c; margin: 0; padding: 0 0 0 0; list-style-type: none;}
.earnings-content .rules {padding: 0 0 0 114px; background: url(/z_graphics/web/earnings/Button_pravidla.png) no-repeat left top;
    margin: 40px 0 0 0;}
.earnings-content .schema-materialy ul li {padding: 0 0 0 20px; background: url(/z_graphics/web/earnings/li.png) no-repeat 0 6px;}
.earnings-content .rules h5 {color: #3e76ab; font-size: 14px; margin: 15px 0 7px 0;}
.earnings-content .rules ul {margin: 0; padding: 0; list-style-type: none;}
.earnings-content .rules ul li {margin: 0 0 7px 0; padding: 0 0 0 20px;
    background: url(/z_graphics/web/earnings/li.png) no-repeat 0 2px;}
.earnings-content .rules ul li:last-child {margin-bottom: 0;}
.earnings-content .rules ul li em {color: #3e76ab;}
.earnings-content .rules ul li a:link, .earnings-content .rules ul li a:visited {color: #000000;}
.earnings-content .rules p em {color: #4c4c4c}
.earnings-content a.button:link, .earnings-content a.button:visited {display: block; width: 408px; height: 69px; padding: 25px 0 0 0;
    margin: 0 auto; background: #93bc4c url(/z_graphics/web/opensource/button_bg.jpg); color: #FFFFFF; text-decoration: none;
    font-weight: bold; font-size: 16px; text-transform: uppercase; text-shadow: 0 -1px 0 #3d670c; line-height: normal; }
.earnings-content a.button:hover {background-position: left bottom;}