#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;
list-style-type: none;
display: block;
height: 48px;
border-bottom: 2px solid #215f77;
margin-bottom: 20px;
}
#earningsTabsContainer .ui-tabs .ui-tabs-nav li {
float: left;
margin: 0;
}
#earningsTabsContainer .ui-tabs .ui-tabs-nav li a {
height: 46px;
line-height: 46px;
display: inline-block;
text-decoration: none;
color: #215f77;
font-family: 'MyriadProBold';
font-size: 18px;
padding: 0 30px;
border-left: 2px solid #215f77;
border-top: 2px solid #215f77;
}
#earningsTabsContainer .ui-tabs .ui-tabs-nav li:last-child a {
border-right: 2px solid #215f77;
}
#earningsTabsContainer .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
color: #FFFFFF;
background: #159cc3;
border-top-color: #159cc3;
}
#earningsTabsContainer .ui-tabs .ui-tabs-nav li:first-child.ui-tabs-active a {
border-left-color: #159cc3;
}
#earningsTabsContainer .ui-tabs .ui-tabs-nav li:last-child.ui-tabs-active a {
border-right-color: #159cc3;
}
#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;
}
#earningsTabsContainer .ui-tabs .ui-tabs-panel .in {
}
#earningsTabsContainer .ui-tabs .ui-tabs-hide {
display: none;
}
#earningsTabsContainer .ui-tabs .ui-tabs-panel .in .hidden {
display: none;
}
#earningsTabsContainer #tabs-1 .category {
display: block;
float: left;
width: 160px;
height: 160px;
margin: 0 40px 40px 0;
position: relative;
}
#earningsTabsContainer #tabs-1 .category-last {
margin-right: 0;
}
#earningsTabsContainer #tabs-1 .category span {
display: none;
}
#earningsTabsContainer #tabs-1 .category:after {
content: "zobrazit sadu";
position: absolute;
display: block;
left: 0;
top: 0;
width: 120px;
height: 65px;
color: #FFF;
text-transform: uppercase;
background: url(../images/hover-sadaban.png) no-repeat center center;
font-size: 18px;
font-family: 'MyriadProBold';
text-align: center;
padding: 95px 20px 0 20px;
opacity: 0;
transition: all 0.7s;
-webkit-transition: all 0.7s;
}
#earningsTabsContainer #tabs-1 .category:hover:after {
opacity: 1;
}
#earningsTabsContainer code {
background-color: #CBE7F3;
border: 1px solid #5DBED6;
color: #000000;
display: block;
margin: 8px 0;
padding: 5px;
overflow: scroll;
font-size: 10px;
}
#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;
background: #215f77;
color: #FFFFFF;
text-decoration: none;
font-family: 'MyriadProSemiboldItalic';
font-size: 22px;
height: 60px;
line-height: 60px;
padding: 0 20px;
text-align: center;
margin: 7px 0 0 0;
}
#earningsTabsContainer a.generate:hover, #earningsTabsContainer a.select-all:hover, #earningsTabsContainer a.copy:hover {
background: #ff9600;
}
#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;
}