/* Name: HP - Main Style Sheet Author: Ludek Cernocky and members of his team Date: 31.1.2008 Note: Don´t steal, just watch and learn. This CSS is copyrighted like all other stuff on eStranky.cz domain ;) 1. Main 2. Important 2.1 Headlines 2.2 Alignment, colors etc. 3. Logo 4. Content 4.1 Definitions 4.2 Forms, input, buttons.. 4.3 Tables 4.4 Special links 5. Subpages 5.1 Default styles 5.2 Why + video 5.3 Functions 5.4 Prices 5.5 Registration 5.6 News 5.7 FAQ 5.8 Advertisement 5.9 Terms 5.10 Contact 5.11 Forgotten password 5.12 Delete page from email 5.13 Abuse form 5.14 Register to catalogs 5.15 P.F. 6. Left column 6.1 Menu 6.2 Login 6.3 News 7. Bottom menu 8. Footer and languages 9. Dialogs 10. Lightboxes */ /* 1. Main -----------------------------*/ * {margin:0; padding:0;} body {background-color: White; color:#222; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: medium; text-align:center; /* for older browsers */} body#subpage:after {content: url('/resources/presentation/img/loading.gif') url('/resources/global/img/error.gif'); display: none;} /* preload this image, thank you ;) */ .space {padding-top: 1.5em; padding-bottom: 0;} .clear {background:none;clear:both; height:0 !important; line-height:0px; font-size:0;width:auto !important;display:block;} .hide, hr {display: none;} /* hidden elements */ acronym, abbr {border-bottom: 1px dotted #999; cursor: help;} a, a:visited {color:#565656;} a:hover, a:visited:hover, a:focus {color:#333; text-decoration: none;} a:focus {color: Black;} fieldset, img {border: none;} p {line-height: 140%;} small {color: #565656;} /* 2. Important -----------------------------*/ #all {font-size: 75%; margin: 1.7em auto; width: 760px; position: relative; text-align: left;} * html #all {font-size: 65%; fo\nt-size: 75%;} /* IE 5 font size problem */ /* 2.1 Headlines */ h1 {color: Black; font-size: 190%;} h2 {color:#565656; font: normal 191.6%/1.2 "Helvetica", Arial, Verdana, sans-serif; margin: 0; padding: 30px 0; letter-spacing: -1px;} h3 {color:#FF5400; font-size: 125%; font-weight: bold; letter-spacing: -0.025em;} h4 {font-size: 100%;} /* 2.2 Alignment, colors etc. */ .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .orange {color: #FF5400;} .grey {color: #565656;} .green {color: #009900;} /* 3. Logo -----------------------------*/ #header h1 {float:left; margin: 0 0 0 30px; overflow: hidden; position: absolute; left: 0; width: 123px; height:91px; } /* you need to change width&height and margin for other domain purposes */ #header h1 span {display:block; width:123px; height:91px; position:absolute; top:0px; left:0; background:url('/resources/presentation/img/sprites/estranky.png') no-repeat 100% -36px;} #header h1 a {text-decoration:none;} #header h1 a:link, #logo h1 a:visited, #logo h1 a:hover {color: #FF5400; cursor: pointer; text-decoration: underline;} #header h1 a:hover span {background-position: 100% -127px; cursor: pointer;} /* 4. Content -----------------------------*/ #content {border-top: 1px solid #DDD; border-bottom: 2px solid #7F7F7F; margin-bottom: 2px; padding-bottom: 30px; float: right; min-height: 650px; width: 535px; text-align: justify;} * html #content {height: 650px;} /* IE 6 */ #content .in {padding: 0 10px;} #content .in p {margin: 0.3em 0 0.4em 0; padding: 0.2em 0;} #content h2 {border-top: 2px solid #7F7F7F; margin-top: 2px; padding-bottom: 10px;} #content h3 {margin: 0.2em 0 0.8em 0; padding: 0.3em 0 0.2em 0;} /* 4.1. Definitions */ dl {font-size: 100%; margin: 0.5em 0;} /* 4.2 Forms, inputs, buttons.. */ /* Google Chrome hack - breaking that stupid Chrome border styling Adding border to any input type=text, any textarea and every select boxes Works for: Opera 9.6+, Safari 3.1 and Chrome */ body:nth-of-type(1) input[type="text"], body:nth-of-type(1) input[type="password"], body:nth-of-type(1) textarea, body:nth-of-type(1) select {border: 1px solid #AAA;} body:nth-of-type(1) input[type="text"]:focus, body:nth-of-type(1) input[type="password"]:focus {border: 1px solid #888;} input, select, textarea {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 100%; margin: 0 4px; padding-left: 2px;} input[type="text"]:focus, input[type="password"]:focus, select:focus {border-color: #888;} input.button {border: 2px solid #FFCC99; background: #FD5305 url('/resources/presentation/img/input-button-orange.gif') repeat-x 0 0; cursor: pointer; color: White; font-weight: bold; padding: 2px 6px; outline: none;} * html input.button {padding: 1px 0 0 0 ;} /* IE 6 */ *:first-child+html input.button {padding: 1px 0 0 0;} /* IE 7 */ /* 4.3. Tables */ table {border-collapse: collapse; font-size: 100%; width: 100%;} th, td {border-bottom: 1px solid #EBEBEB; padding: 0.6em 0.4em 0.4em 0.6em;} th {background: url('/resources/presentation/img/sprites/estranky.png') repeat-x 0 -385px; border-bottom: 1px solid #CCC; font-size: 116.7%; height: 30px; padding: 0 0.4em 0 0.6em; vertical-align: middle;} th.description {background: none; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #CCC; font-size: 100%; font-weight: normal; height: auto;} /* targeting just WebKit */ @media screen and (-webkit-min-device-pixel-ratio:0) { th {background-position: 0 -384px;} } th h4 {color: #333; font-size: 100%; margin: 0; padding: 0; text-align: center;} .no-border th, .no-border td {border: none;} .fade th, .fade td {background-color: #FCFCFC;} /* 4.4 Special links */ #content a.word, #content a.xls, #content a.pdf, #content a.rtf, #content a.ppt, #content a.rar, #content a.zip { padding: 0 0 0.1em 1.85em;} #content a.word {background:none; back\ground:url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 -687px;} #content a.xls {background:none; back\ground:url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 -647px;} #content a.pdf {background: none; back\ground: url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 -607px;} #content a.rtf {background: none; back\ground: url('/resources/presentation/img/ico/rtf.png') no-repeat 0 0;} #content a.ppt {background: none; back\ground: url('/resources/presentation/img/ico/ppt.png') no-repeat 0 0;} #content a.rar, #content a.zip {background: none; back\ground: url('/resources/presentation/img/ico/zip.png') no-repeat 0 0;} /* 4.5 Tabs */ #tabs {background: url('/resources/presentation/img/sprites/estranky.png') repeat-x 0 -432px; margin: 27px 0 0 0; padding: 0; text-align: left; width: 535px;} * html #tabs {margin: 21px 0 0 0;} /* IE 6 */ #home #tabs {margin-top: 25px;} * html #home #tabs {margin-top: 19px;} /* IE 6 */ #tabs h3 {display: none;} #tabs ul {margin: 0 0 0 8px; padding-left: 5px;} #tabs li {font-size: 116.7%; float: left; list-style: none; padding: 5px 6px 0 0; } #tabs li a {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat 100% -273px; border-left: 1px solid #CCC; display:block; float: left; font-weight: bold; height:24px; outline: none; overflow: visible; padding:7px 12px 0 9px; text-decoration:underline;} * html #tabs li a {height: 30px; he\ight: 24px;} #tabs li a:hover, #tabs li a:focus {color: Black; text-decoration:underline;} #tabs li a.active, #tabs li a:focus {background-position: 100% -242px;} /* 5. Subpages -----------------------------*/ #content div.breadcrumbs {border-bottom: 1px solid #DDD; color: #999; font-size: 91.7%; margin-bottom: 1px; padding: 10px 10px 9px 11px;} #content div.breadcrumbs strong {color: #FF5400;} #content h2 {border-bottom: 1px solid #DDD; margin: 2px 0 15px 0; padding: 24px 10px;} /* tabs inside subpages */ #content .in #tabs {min-height: 30px; margin: 27px 0 25px -10px;} * html #content .in #tabs {clear: both; height: 30px; margin-right: -10px;} /* IE 6 */ #content .in #tabs:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */ #content .in #tabs ul {padding-left: 2px;} /* 5.1 Why + video */ /* 5.1.1 Why*/ #content div.why h3 {margin: 1.25em 0 0.25em 0;} #content div.why #ticker {border-bottom: 1px solid #EEE; list-style: none; padding-bottom: 2em;} #content div.why #ticker span {display: block; text-align: right;} #content div.why .image {min-height: 50px;} * html #content div.why .image {height: 10px;} #content div.why .image:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */ #content div.why .image a {border: 2px solid White; float: left; margin: 5px 4px 5px 0;} #content div.why .image a:hover {border-color: #CCC;} #content div.why .image img {margin: 1px;} #content p.register {margin-top: 1.5em; margin-bottom: 0.5em; min-height: 1%;} #content p.register:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */ #content p.register a {border: 0; cursor: pointer; display: block; float: left; font-size: 133.3%; position: relative; margin: 0; padding: 0; overflow: visible;} * html #content p.register {width: 100px;} /* IE 6 */ #content p.register a strong {display: block; position: relative; white-space: nowrap;} /* Webkit only - fix margins */ @media screen and (-webkit-min-device-pixel-ratio:0) { #content p.register a {margin-top: -1px;} } #content p.register a {background: url('/resources/presentation/img/home/big-button.png') no-repeat right 0; margin-right: 5px; padding: 0 38px 0 0; text-decoration: none; text-align: center; outline: none;} #content p.register a strong {background: #FF6600 url('/resources/presentation/img/home/big-button.png') no-repeat 0 -71px; color: White !important; padding: 9px 15px 0 20px; height: 50px; text-shadow: #A03E02 1px 1px 1px;} #content p.register a:hover, #content p.register a:focus {background: transparent url('/resources/presentation/img/home/big-button.png') no-repeat right -153px;} #content p.register a:hover strong, #content p.register a:focus strong {background: #666 url('/resources/presentation/img/home/big-button.png') no-repeat 0 -222px; text-shadow: #333 1px 1px 1px;} /* functions - register button position */ #content .functions p.register {position: relative; height: 50px; left: 17.5%;} /* 5.1.2 quality switch and recommend fieldset */ #content div.video p {margin-bottom: 1em;} #content div.quality {margin: -15px 0 0 0; padding: 0 0 35px 0;} #content div.quality p {margin: 0; padding: 0;} #content div.quality p.quality {color:#CCC; float: left;} #content div.quality p.quality span {color:#222;} #content div.quality p.recommend {float: right; padding-right: 15px;} #content div.video div.images {margin: 0.5em 0 0 0;} #content div.video div.images a {border: 2px solid #E0E0E0; cursor: pointer; display: block; float: left; margin: 10px 15px 5px 0;} #content div.video div.images a:hover {border-color: #A0A0A0;} #content div.video div.images a img {margin: 3px;} /* 5.1.3 recommend */ #content div.recommend {margin: 1.5em 0 3em 0; width: 500px;} #content div.recommend fieldset {background: #F9F9F9; border: 1px solid #CCC; margin: 0 !important; padding: 0 1em; padding-top: 0.75em; position: relative;} * html #content div.recommend fieldset {padding-top: 1.5em;} *:first-child+html #content div.recommend fieldset {padding-top: 1.5em;} div#content div.obsahpage div.recommend fieldset input, #content div.recommend fieldset textarea {color: #333; border: 1px solid #CCC; } #content div.recommend fieldset input:focus, #content div.recommend fieldset textarea:focus {background: #FFFCFB; border: 1px solid #A4A4A4;} div#content div.recommend fieldset legend {font-weight: bold; color: #333; position: absolute; top: -0.65em; left: 0.5em; } div#content div.recommend fieldset textarea {overflow: hidden; width: 96.5%;} #content div.recommend fieldset input.button {border: 2px solid #FFCC99; color: #F9F9F9;} #content div.recommend fieldset input.button:hover {background: #ff6f28;} #content div.recommend fieldset input.button:focus {background: #FF5400; border: 2px solid #FCB976; color: #F9F9F9;} #content div.recommend fieldset table td {border: none; padding: 0.5em 0.1em 0.7em 0;} #content div.recommend fieldset table td.space {padding-left: 2.5em;} #content div.recommend fieldset strong {margin-top: -7px;} #content div.recommend #recommend-hash {width: 70px; text-transform: uppercase; position: relative; top: -25px;} #content div.recommend .new-user .validation img, #content div.recommend .new-user .validation input, #content div.recommend .new-user .validation strong {float: none;} /* 5.2 Samples */ #content #samples h2 {border-bottom: none; padding-bottom: 5px;} #content #samples h2.subpage {border-bottom: 1px solid #DDD; padding-bottom: 24px;} #content #tabs.samples:after, #samples div.top:after, #gallery:after, #unique:after, #samples div.gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */ #samples div.top {border-bottom: 1px solid #DDD; min-height: 1%; padding-bottom: 24px;} * html #samples div.top {height: 20px;} /* IE 6 */ #samples div.top ul {margin: 0 2.3em; padding: 0;} /* top */ #samples div.top ul.samples {margin: 1.5em 0 2.8em 0.4em; padding: 0 0 1em 0;} #samples div.top ul.samples li {background: none; float: left; display: block; font-size: 123.1%; padding: 0.5em 2.7em 1em 2.7em; height: 20px;} #samples div.top ul.samples li a {font-weight: bold; color:#444;} #samples div.top ul.samples li a:hover {color:#111; outline: none;} #samples div.top ul.samples li a:focus {color: #FF5400; outline: none;} #samples div.top ul.samples li span {font-size: 65%; display: block; color: #666;} #samples div.top ul.samples li.samples-personal {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat -211px -314px;} #samples div.top ul.samples li.samples-hobbies {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat -351px -315px; padding-left: 3.4em;} #samples div.top ul.samples li.samples-companies {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat -500px -314px;} #samples div.top ul.samples li.samples-institutions {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat -657px -314px; padding-left: 2.9em; padding-right: 0;} * html #samples div.top ul.samples {margin-top: 0.2em; margin-bottom: 0;} /* IE 6 */ *:first-child+html #samples div.top ul.samples {margin-top: 0.2em; margin-bottom: 0;} /* IE 7 */ * html #samples div.top ul.samples li {padding-bottom: 0;} /* IE 6 */ #samples div.top ul.float {float: left; margin: 0; width: 33%;} #samples div.top ul.float li {margin-left: 2.3em;} /* tabs */ #content #tabs.samples {min-height: 1%; margin-bottom: 1.5em;} * html #content #tabs.samples {height: 1px; margin-top: 2.2em;} /* IE 6 */ #content #tabs.samples ul {padding-left: 2px;} #tabs.samples a.active:hover {color: #FF5400; text-decoration: none;} /* gallery + unique */ #gallery, #unique {min-height: 30px;} * html #gallery, * html #unique {height: 30px;} /* IE 6 */ #gallery h3, #unique h3, #gallery div.design-showcase h4 {position: absolute; left: 0; top: -9999px;} #gallery blockquote, #unique blockquote {float: left; margin: 0.5em 0.2em 0.5em 0.8em;} * html #gallery blockquote {margin-left: 0.4em; margin-right: 0.4em;} /* IE 6 */ #unique blockquote {margin: 0.7em 0.5em; text-align: center; width: 255px;} * html #unique blockquote {width: 250px;} /* IE 6 */ #unique blockquote span a {border: none; display: inline; float: none;} #samples #unique p {margin: 0 0.8em 1em 0.8em;} #samples blockquote a {display: block; float: left; border: 2px solid #EEE; padding: 0;} #samples blockquote a:hover, #samples blockquote a:focus {border-color: #AAA; outline: none;} #samples blockquote a img {margin: 3px;} /* theme list */ #samples div.gallery {border-bottom:1px solid #EEEEEE; padding: 1em 0; min-height: 1%; position: relative;} * html #samples div.gallery {height: 50px;} #samples div.gallery h3 a {color: #FF5400; margin-left: 0.8em;} #samples div.gallery p {position: absolute; right: 25px; top: 22px; z-index: 3000;} #samples div.gallery blockquote {float: left; margin: 8px 6px 8px 1px; text-align:center; width:170px;} * html #samples div.gallery blockquote {margin-left: 2px; margin-right: 3px;} /* IE 6 */ #samples div.gallery blockquote a.image {margin-left: 10px; position: relative;} * html #samples div.gallery blockquote a.image {margin-left: 5px;} /* IE 6 */ #samples div.gallery blockquote a.image span {background: transparent url('/resources/presentation/img/samples/zoom.gif') no-repeat 98% 97%; cursor: pointer; display: block; width:141px; height: 90px; position: absolute; left: 0; top: 0; z-index: 10;} #samples div.subpage {border-bottom: none !important;} #samples .subpage blockquote {margin-bottom: 2em !important;} #samples div.gallery blockquote a.image:hover span {background: transparent url('/resources/presentation/img/samples/zoom2.gif') no-repeat 98% 97%;} #samples div.gallery blockquote a.use, #samples div.gallery blockquote a.use span, div.smvieweronclick-block a.use, div.smvieweronclick-block a.use span {background: url('/resources/presentation/img/samples/use-this-input.gif') no-repeat 0 0; border: none; color: White; cursor: pointer; display: block; float: left; text-decoration: none;} #samples div.gallery blockquote a.use, div.smvieweronclick-block a.use {clear: left; font-weight: bold; margin: 8px auto 4px auto; height: 22px; position: relative; left: 17%;} #samples div.gallery blockquote a.use span, div.smvieweronclick-block a.use span {background-position: 100% -22px; font-size: 83.3%; height: 15px; margin-left: 7px; padding: 3px 9px 4px 2px;} * html #samples div.gallery blockquote a.use span, * html div.smvieweronclick-block a.use span {margin-left: 5px; padding-left: 0;} /* IE 6 */ #samples div.gallery blockquote a.use:hover, div.smvieweronclick-block a.use:hover {background-position: 0 -44px; color: #F9F9F9; text-shadow: #A03E02 1px 1px 1px;} #samples div.gallery blockquote a.use:hover span, div.smvieweronclick-block a.use:hover span {background-position: 100% -66px;} /* targting just WebKit */ @media screen and (-webkit-min-device-pixel-ratio:0) { #samples div.gallery blockquote a.use:hover, div.smvieweronclick-block a.use:hover {text-shadow: none;} } /* 5.3 Functions */ #content .in.functions #tabs ul li a {padding-left: 35px; position: relative;} #content .in.functions #tabs ul li a span {background: url('/resources/presentation/img/functions/bg.gif') no-repeat -8px 0; display: block; position: absolute; left: 9px; top: 7px; width: 25px; height: 34px;} #content .in.functions #tabs ul li a.active, #tabs.samples a.active {color: #FF5400; text-decoration: none;} #content .in.functions #tabs ul li a.active span, #tabs.samples a.active span {background-position: -215px 0;} #content .in.functions #tabs ul li.f2 a {padding-left: 40px;} #content .in.functions #tabs ul li.f2 a span {background-position: -8px -37px;} #content .in.functions #tabs ul li.f2 a span {background-position: -215px -37px;} #content .in.functions #tabs ul li.f3 a {padding-left: 30px;} #content .in.functions #tabs ul li.f3 a span {background-position: -8px -71px;} #content .in.functions #tabs ul li.f3 a span {background-position: -215px -71px;} #content .in.functions #tabs ul li.f4 a {padding-left: 27px;} #content .in.functions #tabs ul li.f4 a span {background-position: -8px -105px;} #content .in.functions #tabs ul li.f4 a.active span {background-position: -215px -105px;} #content div#player {background: #FFEFE5; margin: 0 0 1.5em 0; padding: 0; text-align: justify;} #content div#player p {margin: 0; padding: 0.8em;} #content #player {margin: 0 0 1.5em 0;} #content #player, #content #player embed {border: 0; outline: none;} #content .in.functions blockquote {margin: 0 0 1em 0;} #content .in.functions p {line-height: 150%;} #content .in.functions p strong {color: Black;} #content .in.functions p.bottom {margin: 1em 0; min-height: 15px;} #content .in.functions p.bottom:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */ #content .in.functions p.bottom span {display: none;} #content .in.functions p.bottom a {color: #FF5400;} #content .in.functions p.bottom a.previous {float: left;} #content .in.functions p.bottom a.next {float: right;} /* 5.4 Prices */ #content div.pricelist {padding: 0;} #content div.pricelist h3, #content div.pricelist p {margin-left: 10px;} #content div.pricelist th.left, #content div.pricelist th.description {padding-left: 10px;} /* price programs */ table.price-programs, table.add-services {margin: 0 0 1em 0;} table.price-programs td {text-align: center;} table.price-programs .no-border td.right {padding-right: 1em; text-align: right;} table.price-programs th {color: #565656;} table.price-programs th.description {color: #222;} table.price-programs acronym, table.price-programs acronym span {border: none; cursor: help; display: block; font-size: 91.7%; overflow: hidden; width: 25px; height: 20px; margin:0 auto; position: relative;} table.price-programs acronym span {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 0; position: absolute; left: 0; top: 0;} table.price-programs acronym.yes {color: Green;} table.price-programs acronym.no {color: Red;} table.price-programs acronym.yes span {background-position: -875px -673px;} table.price-programs .fade acronym.yes span {background-position: -827px -737px;} table.price-programs acronym.no span {background-position: -875px -737px;} table.price-programs .fade acronym.no span {background-position: -775px -737px;} table.price-programs td a, table.price-programs td a span {cursor: pointer; display: block; font-weight: bold; overflow: hidden; margin: 0 auto; position: relative; width: 88px; height: 33px;} table.price-programs td a span {position: absolute; left: 0; top: 0;} table.price-programs td a.free span {background: url('/resources/presentation_cz/img/prices/free.jpg') no-repeat 0 0;} table.price-programs td a.non-commercial span, table.price-programs td a.commercial span {background: url('/resources/presentation_cz/img/prices/paid.jpg') no-repeat 0 0;} table.price-programs td a:hover span, table.price-programs td a:focus span {background-position: 0 -33px;} /* add services */ table.add-services th h4 {color: #666; text-align: left;} table.add-services th.right {padding-left: 1.5em; width: 85px;} table.add-services th.right h4 {padding-left: 0.85em;} table.add-services td {padding-left: 3em;} table.add-services .no-border td.right {padding-right: 2em;} table.add-services .no-border td {padding-left: 0.6em;} table.add-services .domain-pack th, table.add-services .domain-pack td {padding-top: 0.5em; padding-bottom: 0.5em;} table.add-services .domain-pack th {line-height: 20px;} #content table.add-services p {color: #444; font-size: 91.7%; line-height: 140%; margin: 0 0 0.2em 0.5em; padding: 0.1em 0;} #content table.add-services p sup {position: relative; top: 3px;} /* 5.5 Registration */ .new-user legend {display: none;} .new-user fieldset {border: 0px solid White; border-bottom: 1px solid #F5F5F5; margin: 0 0 1em 0; padding: 0.5em 0 0.2em 0;} .new-user fieldset dl {margin: 0;} .new-user fieldset dt {font-weight: bold; margin: 0 0 0.21em 0; padding: 0;} .new-user fieldset dd {margin: 0 0 1.65em 0; padding: 0; position: relative;} .new-user fieldset input {background: White url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 0;} .new-user fieldset input, .new-user fieldset select {border: 1px solid #C5C5C5; border-top: 1px solid #B4B4B4; margin: 0; width: 190px;} .new-user fieldset select {width: 194px;} .new-user fieldset input.radio {background: none; border: none; width: auto;} /* registration - name */ .new-user .name strong {color: #FF5400; font-size: 150%;} .new-user .name input {width: 138px;} .new-user #reg-logname-message {position: absolute; top: 0; left: -9999px;} .new-user #reg-logname-message.incorect {background: #FFEFE5 url('/resources/global/img/error.gif') no-repeat 57% 0; color: Red; display: block; font-size: 100%; margin: 10px 220px 5px 0; padding: 15px 10px 10px 10px; position: static; text-align: justify;} /* registration - design */ .new-user .design dd {overflow: hidden; height: 100px; width: 400px;} .new-user .design dd img {position: relative; top: -30px; left: 0;} /* registration - category */ .new-user .category dd label {margin: 0 2em 0 0.3em;} /* registration - captcha, ... */ .new-user .validation {padding-bottom: 0;} .new-user .validation dd {margin-bottom: 1.45em;} .new-user .validation img, .new-user .validation input, .new-user .validation strong {float: left;} .new-user .validation input {text-transform: uppercase;} .new-user .validation img {margin: -12px 0 0 7px;} .new-user .validation strong {font-weight: normal; font-size: 91.7%; margin: -12px 0 0 0; padding-right: 30px;} * html .new-user .validation img {position: relative; top: -12px; margin-top: 0;} /* IE 6 */ * html .new-user .validation strong {margin-top: -24px;} /* IE 6 */ .new-user .validation strong span {position: absolute; left: 0; top: -9999px;} .new-user .validation a {display: block; margin: 4px 0 5px 0; padding-left: 24px;} .new-user .validation a.image {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 -533px;} .new-user .validation a.audio {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat 2px -566px;} .new-user .validation small {display: none;} .new-user .validation dd {min-height: 20px;} * html .new-user .validation dd {height: 10px;} /* IE 6 */ .new-user .validation dd:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */ /* registration - submit ... */ .new-user .submit {border: none; margin-bottom: 0;} .new-user .submit em {color: #565656; font-weight: normal; font-style: normal;} .new-user .submit button {border: 0; cursor: pointer; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 100%; position: relative; margin: 1.25em 0 0.25em 0; padding: 0; overflow: visible;} .new-user .submit button::-moz-focus-inner {border: none;} .new-user .submit button strong {display: block; position: relative; white-space: nowrap;} /* Webkit only - fix margins */ @media screen and (-webkit-min-device-pixel-ratio:0) { .new-user .submit button strong { margin-top: -1px; } } .new-user .submit button {background: transparent url('/resources/presentation/img/home/big-button.png') no-repeat right 0; margin-right:5px; padding: 0 38px 0 0; text-align: center;} .new-user .submit button strong {background: #FF5400 url('/resources/presentation/img/home/big-button.png') no-repeat 0 -71px; color: White; font-size: 16.45px; padding: 6px 9px 0 17px; height:39px; text-shadow: #A03E02 1px 1px 1px;} .new-user .submit button:hover, .new-user .submit button:focus {background: transparent url('/resources/presentation/img/home/big-button.png') no-repeat right -153px;} .new-user .submit button:hover strong, .new-user .submit button:focus strong {background: #666 url('/resources/presentation/img/home/big-button.png') no-repeat 0 -222px; text-shadow: #333 1px 1px 1px;} .new-user .submit strong small {color: White; font-size: 12px;} /* registration - messages */ .new-user dd p {position: absolute; top: 0; left: -9999px;} .new-user dd blockquote {background: White url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 -739px; color: #565656; padding: 15px 50px 15px 20px; position: absolute; left: 230px; right: 20px; top: -8px; text-align:left;} .new-user .name dd blockquote {left: 320px; padding-right: 20px;} .new-user .category dd blockquote {padding-right: 20px;} .new-user dd blockquote small {font-size: 11px;} .new-user span.validation-empty {background: #F9F9F9; color: #595959; display:block; margin: -13px 0 13px -10px; padding: 10px;} /* IE 6 + IE 7 */ * html .new-user .name dd blockquote {top: -8px !important;} *:first-child+html .new-user .name dd blockquote {top: -8px !important;} .new-user .contact dd blockquote small em {display: block; font-style: normal; margin: -1px 0 2px 0; padding: 1px 0 0 0; min-height: 1%;} .new-user .contact dd blockquote small em span {display: block; float: left; margin: 0 5px 0 0; border: 1px solid #DDD; height: 12px; width: 92px;} .new-user .contact dd blockquote small em span span {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat -26px -504px; border: none; margin: 1px; height: 10px; width: auto;} .new-user .contact dd blockquote small em:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */ * html .new-user .contact dd blockquote small em {padding: 0;} /* IE 6 */ * html .new-user .contact dd blockquote small em span {margin-top: 0;} /* IE 6 */ /* password strength */ .new-user .contact dd blockquote small em.strength-0 {color: Red;} .new-user .contact dd blockquote small em.strength-0 span span {width: 5px;} .new-user .contact dd blockquote small em.strength-1 {color: #FF8400;} .new-user .contact dd blockquote small em.strength-1 span span {width: 40px;} .new-user .contact dd blockquote small em.strength-2 {color: #3A7400;} .new-user .contact dd blockquote small em.strength-2 span span {width: 70px;} .new-user .contact dd blockquote small em.strength-3 {color: Green;} .new-user .contact dd blockquote small em.strength-3 span span {width: 90px;} /* registration - errors */ .new-user fieldset .incorrect label {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat right -501px; color: Red; cursor: help; padding-right: 20px; padding-bottom: 1px;} .new-user fieldset .incorrect input {border-color: Red;} .new-user fieldset .incorrect input:focus {border-color: #FF4526;} /* registration - success */ .new-user fieldset .success label {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat right -673px; padding: 3px 30px 0 0;} /* registration - success page */ .registration-success {background: url('/resources/presentation/img/registration/reg-success.gif') no-repeat 90% 105px;} .registration-success h4 {margin-top: 1em; margin-bottom: 0.3em; position: absolute; top: 0; left: -9999px; =display: none; =position: static; } .registration-success table {margin: 1.5em 0; width: auto;} .registration-success table th, .registration-success table td {background: none; border: none; color: #444; font-size: 100%; height: auto; padding: 0.3em 1em 0.4em 0; text-align: left; vertical-align: middle;} .registration-success table th {color: Black; font-weight: normal;} /* 5.6 News */ #content div.news dt a {color: #FF5400;} #content div.news dd, #content div.faq p.right {border-bottom: 1px solid #F5F5F5; margin: 0 0 1.5em 0; padding: 0 0 1.5em 0;} #content div.news dd span {color: #565656; display: block; height: 5px; font-size: 91.7%;} #content div.news ul {margin: 0.3em 1em 0.3em 1.8em;} /* 5.7 FAQ */ #content div.faq h4 {margin: 0 0 0.4em 0;} #content div.faq ol.questions {margin-bottom: 2.5em;} #content div.faq ol.questions li {margin-left: 0.8em;} #content div.faq p.right {padding-bottom: 0.5em;} /* 5.8 Advertisement */ #content div.price-ad h3 {margin-top: 1.5em;} #content div.price-ad blockquote {margin: 1em 0;} /* 5.9 Terms */ #content div.terms h4 {margin: 2em 0 0.4em 0;} #content div.terms ul, #content div.faq ul, #content div.faq ol {margin: 0.5em 1em;} #content div.terms ul li, #content div.faq ul li, #content div.faq ol li {margin: 0.2em 0.5em;} /* 5.10 Contact */ #content div.contact h3 {margin: 1em 0 0 0;} #content div.contact h4 {text-transform: uppercase;} #content div.contact p, #content div.contact address {font-style: normal; line-height: 150%; margin: 0.3em 0 0.4em 0; padding: 0.2em 0;} #content div.contact div.provider, #content div.contact div.support, #content div.contact div.bussines, #content div.contact div.sell, #content div.contact div.social-sites {border-bottom: 1px solid #F5F5F5; min-height: 1%; padding-bottom: 1em;} * html #content div.contact div.provider {height: 1px;} #content div.contact div.provider:after, #content div.contact div.social-sites:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */ #content div.contact div.provider h3 {margin-top: 0;} #content div.contact div.provider div {float: left; margin: 1.5em 0 0 0; width: 49%;} #content div.contact div.provider div address {margin-top: 0;} #content div.contact div.sell {border-bottom: 0; padding-bottom: 0;} /* 5.11 Charts */ #content .charts #tabs {margin-bottom: 12px;} #content .charts h3 {margin-left: 0.1em;} #content .in.functions #tabs ul li.f5 a {padding-left: 35px;} #content .in.functions #tabs ul li.f5 a span {background-position: -8px -145px;} #content .in.functions #tabs ul li.f5 a.active span {background-position: -215px -145px;} #content ul.tabs-menu {position: relative; margin: 0 0 25px 0;} #content ul.tabs-menu li {display: inline; margin: 0 1.25em 0 0.5em;} #content ul.tabs-menu a.active {color: #FF5400; text-decoration: none;} #content table.charts {margin: 0 0 1.5em 0;} #content table.charts th, #content table.charts td {padding: 0.5em 1em 0.5em 0.6em; text-align: left; vertical-align: middle;} #content table.charts th {background: none; color: #595959; font-size: 100%; height: auto; padding-bottom: 0.3em;} #content table.charts th.rank {padding-left: 2px;} #content table.charts th small {font-size: 10px; font-weight: normal;} #content table.charts td {border: none;} #content table.charts td a {color: #333;} #content table.charts td a:hover {color: Black;} #content table.charts .grey td {color: #222; background: #FAFAFA;} #content table.charts .rank {width: 60px;} #content table.charts .visits {width: 50px; text-align: right;} #content table.charts .rank small {background: url('/resources/presentation/img/charts/arrows.gif') no-repeat -291px 0; float: left; display: block; margin: 4px 3px 0 -2px; height: 9px; width: 13px;} #content table.charts .rank .up {background-position: 2px 0;} #content table.charts .rank .static {background-position: -291px 0;} #content table.charts .rank .down {background-position: -142px 0;} /* social sites */ #content div.contact div.social-sites {min-height: 10px;} * html #content div.contact div.social-sites {height: 15px;} /* IE 6 */ #content div.contact div.social-sites em {display: none;} #content div.contact div.social-sites a, #content div.contact div.social-sites a span {cursor: pointer; display: block; position: relative; width: 83px; height: 23px; overflow: hidden;} #content div.contact div.social-sites a span {position: absolute; left: 0; top:0;} #content div.contact div.social-sites a {background: no-repeat 0 0; float: left; margin: 0.5em 1.5em 0.8em 0; outline: none;} #content div.contact div.social-sites a.facebook span {background-image: url('/resources/presentation/img/social/fb.jpg');} #content div.contact div.social-sites a.twitter span {background-image: url('/resources/presentation/img/social/twitter.jpg');} #content div.contact div.social-sites a:hover span {background-position: 0 -24px;} #content div.contact div.social-sites a:focus span {background-position: 0 -47px;} /* 5.11 Forgotten password */ div.forgotten-password ol {margin: 1em 0 1em 1.6em;} div.forgotten-password ol li {margin: 0.2em 0;} div.forgotten-password .new-user fieldset {border: none; padding: 1.2em 0 0 0;} div.forgotten-password .new-user dl.name {border-bottom: 1px solid #F5F5F5; padding-bottom: 0;} div.forgotten-password .new-user .submit button {margin: 0.5em 0;} /* 5.12 Delete page from e-mail */ div.delete p.success, div.delete p.error {margin-bottom: 2em !important; } div.delete p.success span, div.delete p.error span {display: block; padding: 0.5em 1em; text-align: center;} div.delete p.success span {background: #E3F9E3;} div.delete p.error span {background: #FFEFE5;} /* 5.13 Abuse form */ .abuse-form em {font-style: normal; margin-left: 2px;} #content .abuse-form h3 {margin-top: 0; padding-top: 0;} .abuse-form input.incorrect {border-color: Red !important;} .abuse-form small {color: Red;} .abuse-form .user dt, .abuse-form dt.float {float: left; padding-top: 2px; width: 90px;} .abuse-form .user dd {margin-bottom: 1.3em;} .abuse-form .page input {width: auto; margin-right: 5px;} .abuse-form .page textarea {margin-left: 0;} .abuse-form .page dd {line-height: 22px;} .abuse-form dd.float {padding-bottom: 1em;} .abuse-form dd.float input {margin: 0 3px;} /* 5.14 Register to catalogs */ form.rtc th, form.rtc td {border: none; font-size: 100%; padding: 0.8em 0; word-wrap: break-word;} form.rtc th {background: none; text-align: right; padding-right: 2em;} form.rtc td.mess {padding: 0 50px 0 0; text-align: right;} form.rtc td.agree {color: #666; text-align: center;} form.rtc td.submit {text-align: center; padding-top: 0;} form.rtc input {background: White url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 0; border: 1px solid #C5C5C5; border-top: 1px solid #B4B4B4; margin: 0; padding: 0 2px; height: 18px; width: 220px;} form.rtc input[type="text"] {padding-top: 2px;} form.rtc input.incorrect, form.rtc input.incorrect:focus {border-color: Red;} form.rtc span.message {color: Red; display: block; padding:0 0 10px 0;} form.rtc span.message span {background: url('/resources/presentation/img/registration/error.gif') no-repeat 0 0; padding-left: 20px;} form.rtc .text-description td {padding-top: 0;} form.rtc .text-description td small {display: inline-block; width: 220px;} form#confirm.rtc {overflow: hidden; width: 500px;} form#confirm.rtc table {overflow: hidden;} form#confirm.rtc th {width: 130px; vertical-align: top;} form#confirm.rtc td {width: 200px; vertical-align: top;} form#confirm.rtc input.button {background: transparent; border: 0; color: #444; font-weight: normal; margin-right: 2.5em; text-align: center; text-decoration: underline; height: auto; width: 60px;} form#confirm.rtc input.button:hover {color: Black; text-decoration: none;} #content div.rtc p.success, #content div.rtc p.error {display: block; margin: 0.8em 0; padding: 1.5em 0; text-align: center;} #content div.rtc p.success {background: #f6ffe1; border-top: 1px solid #d3e7a4; border-bottom: 1px solid #d3e7a4; color: Black;} #content div.rtc p.error {background: #FFEFE5; border-top: 1px solid #FF5400; border-bottom: 1px solid #FF5400;} /* 5.15 P.F. */ #content .pf p img {margin:0.5em 0;} #content .pf a {outline: none;} .pf span.message {background: #FFEFE5 url('/resources/global/img/error.gif') no-repeat 50% 0; color: Red; display: block; font-size: 11px; margin: 4px 0 2px 0; padding: 9px 4px 4px 4px; position: static; text-align: center; width: 126px;} .pf .validation span.message {margin-top: 10px;} .pf div.mess span.message {background-image: none; color: Red; font-size: 100%; font-weight: bold; margin: 0.8em 0; padding: 10px; width: auto;} div.pf-recommend legend {display: none;} div.pf-recommend fieldset {border: none; margin: 0; padding: 0;} div.pf-recommend th, div.pf-recommend td {padding: 0.2em 1em 1em 0; vertical-align: top;} div.pf-recommend th {background: none; border: 0; font-size: 100%; padding-top: 0.3em; padding-bottom: 0.9em; font-weight: normal;} div.pf-recommend td {border: 0;} div.pf-recommend td.end, div.pf-recommend .submit td, div.pf-recommend td.validation {padding-right: 0;} div.pf-recommend input {width: 130px !important;} div.pf-recommend input.incorrect {border-color: #FF5400;} div.pf-recommend textarea {background: url('/resources/presentation/img/bg-input.gif') repeat-x 0 0; margin: 0; width: 97%;} /* 6. Left column -----------------------------*/ #left-column {padding-top: 112px; width: 190px;} div#left-column h3 {background:#EEE url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 -137px; border-bottom: 1px solid #E7E7E7; padding: 7px 0 5px 0; margin: 0 20px 1px 0; width: 190px;} div#left-column h3 span {padding: 0 11px 0 10px;} div#left-column div {background:#EEE; color:#666; padding:10px 0 4px 0; margin:1px 20px 10px 0; width: 190px;} /* 6.1 Menu */ menu {margin-bottom: 27px; width: 190px;} menu li {border-bottom: 1px solid #DDD; font-size: 133.3%; list-style: none; width:190px;height:39px;overflow:hidden;} menu li a, menu li a:visited {background: White url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 -36px; color: #222; display:block; font-weight: bold; outline: none; padding: 10px 0 10px 30px; height:30px; width:190px;} menu li a:hover, menu li a:focus {background-position:-200px -36px; color: Black;} menu li a.active, menu li a.active:visited, menu li a.active:focus {background-position:-400px -36px; color: #FF5400; text-decoration: none;} menu li a.active:hover, menu li a.active:visited:hover {background-position:-400px -36px; color: #FF5400;} menu li.last {border: none;} menu li.last a {background-position: 0 -89px;} menu li.last a:hover, menu li.last a:focus {background-position: -200px -89px;} menu li.last a.active:hover, menu li.last a.active:visited:hover {background-position:-400px -89px;} /* 6.2 Login */ #left-column div#login {background: none; font-size: 95.9%; margin: 0; padding: 0;} #login legend {display: none;} #login form {background: #EEE; border-bottom: 1px solid #E7E7E7; padding-top: 10px; padding-left: 10px;} #login table td {border: none; padding: 2px 0 9px 0;} #login table td {=padding: 0 0 5px 0;} /* IE 6 + 7 non-valid hack */ #login table td input {border:1px solid #AAA; background: White url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 0; font-size: 95.7%; width:55px; padding: 2px 0 0 2px; } #login table td input:focus {border-color: #888;} #login table button {border:0; background: #FF5400 url('/resources/presentation/img/sprites/estranky.png') no-repeat -431px -151px; color: White; cursor: pointer; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 12px; margin-left: 1px; padding:0; height:22px; width:64px;} #login table button strong {text-shadow: #A03E02 1px 1px 1px;} #login table button::-moz-focus-inner {border: none;} #login table button:hover {background-position: -522px -151px;} #login table button:hover strong {text-shadow: #6E2A00 1px 1px 1px;} #login table button:focus, #login table button:active {background-position: -522px -151px; border: none; outline: none;} #login table button:focus strong, #login table button:active strong {text-shadow: #6E2A00 1px 1px 1px;} #login table button:active {background-position: -616px -151px;} #login p {background: #F5F5F5; border-top: 1px solid #FAFAFA; font-size: 12px; margin-bottom: 35px; padding: 7px 0 7px 10px; position: relative;} #login p a {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 -232px; color: #777; padding-left: 10px;} #login p a:hover {background-position: 0 -195px; color: #444;} * html #login p a {background: url('/resources/presentation/img/left-column/login/a.gif') no-repeat 0 50%;} /* IE 6 */ * html #login p a:hover {background: url('/resources/presentation/img/left-column/login/a-hover.gif') no-repeat 0 50%;} /* IE 6 */ #login form p {background: none; border: none; margin: 0 0 6px 0; padding:4px 0 0 0px; position: static;} #login form p input {margin: 0 2px 0 0; padding: 0;} /* bad login */ #login form.incorrect td input {border-color: Red;} #login form.incorrect td input:focus {border-color: #FF5400;} #content .bad-login p strong {color: Red; font-weight: normal;} /* 6.3 News */ #news dl {font-size: 95.9%; margin: 0; padding: 0 10px;} #news dt {padding: 0;} #news dt a {color: #333;} #news dd a.more-info {color: #444; display: block; margin: 2px 0 0 0; font-size: 95.7%;} #news dt a:hover, #news dd a.more-info:hover {color: #222;} #news dd {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat 50% 100%; margin: 2px 0 9px 0; padding-bottom: 12px; line-height: 16px;} * html #news dd {background: url('/resources/presentation/img/left-column/news-line.gif') no-repeat 50% 100%;} /* IE 6 */ #news dd span {color: #FF5400; font-size: 95.7%; padding-right: 1px;} #news dd.last {background: none !important; padding: 0;} #news dd.last {=padding-bottom: 1px;} /* IE 6 + 7 non-valid hack */ /* 7. Bottom menu -----------------------------*/ #menu-bottom {border-top: 1px solid #DDD; margin-top: 0px; float: right; clear: right; width: 535px;} #menu-bottom ul {margin: 8px 0;} #menu-bottom li {display: inline; padding: 0 5px 0 15px; line-height: 140%;} #menu-bottom li a {margin: 0 7px 0 2px;} #menu-bottom ul.social-links {position: relative; left: 38%; top: 10px; height: 25px; width: 200px;} #menu-bottom ul.social-links li {display: block; float: left;} ul.social-links a, ul.social-links span {display: block; float: left; margin: 0 1em; overflow: hidden; position: relative; height: 16px; width: 16px;} ul.social-links span {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 0; cursor: pointer; float: none; margin: 0; position: absolute; left: 0; top: 0;} ul.social-links a.facebook span {background-position: -848px -532px;} ul.social-links a.twitter span {background-position: -848px -573px;} ul.social-links a.youtube span {background-position: -848px -616px;} ul.social-links a.facebook:hover span {background-position: -884px -532px;} ul.social-links a.twitter:hover span {background-position: -884px -573px;} ul.social-links a.youtube:hover span {background-position: -884px -616px;} #menu-bottom p {position: absolute; left: 0; top: -9999px;} /* 8. Footer and languages -----------------------------*/ #footer {color: #999; font-size: 85%; margin-top: 0px; width: 190px; position: absolute; text-align: right;} #footer a {color: #999;} #footer a:hover {color: #666;} #footer .languages span {display: none;} #footer .languages a {cursor: pointer; margin: 5px 0 5px 30px; padding: 0; overflow: hidden; display: block; float: right; position: relative; width:16px; height:11px; text-decoration: none;} #footer .languages a span {background: url('/resources/presentation/img/sprites/estranky.png') no-repeat 0 0; display: block; width:16px; height:11px; position: absolute; top:0px; left:0;} #footer .languages a.cz span {background-position: -73px -271px;} #footer .languages a.de span {background-position: -98px -271px;} #footer .languages a.en span {background-position: -48px -271px;} #footer .languages a.hu span {background-position: -24px -271px;} #footer .languages a.sk span {background-position: 0 -271px;} #footer .copyright {padding-top: 5px; clear: right;} #footer .copyright span {display: none;} /* 9. Dialogs -----------------------------*/ div.js-dialog {background: transparent; color: #333; font-size: 75%; position: absolute; z-index: 5000; left: 41%; top: 30%;} * html div.js-dialog {font-size: 65%; fo\nt-size: 75%;} /* IE 6 min width + font size for IE 5 + 6 */ div.js-dialog div.holder {background: transparent url('/resources/presentation/img/dialog/right.png') no-repeat 100% 0;} * html div.js-dialog div.holder {background: transparent url('/resources/presentation/img/dialog/right.gif') no-repeat 100% 0;} /* IE 6 background in .gif */ div.js-dialog p {position: absolute; right: 10px; top: 10px; padding: 0; margin: 0;} div.js-dialog p a.close, div.js-dialog p a.close span {display: block; float: right; width: 60px; height: 15px; overflow: hidden; position: relative;} div.js-dialog p a.close:focus {outline: none} div.js-dialog p a.close span {background: #F5F5F5 url('/resources/presentation/img/dialog/close.gif') no-repeat 100% 0; cursor: pointer; position: absolute; top: 0; left: 0;} div.js-dialog p a.close:hover span {background-position: 100% -15px;} /* inside of dialog window */ div.js-dialog h4 {background: transparent url('/resources/presentation/img/dialog/h4.png') no-repeat 0 0; font: normal 150%/1.2 "Helvetica", Arial, Verdana, sans-serif; margin: 0; padding: 30px 0; letter-spacing: -1px; height: 26px; padding: 8px 10px 0 10px; margin: 0 10px 0 0; text-align: left; width: 441px;} * html div.js-dialog h4 {background-image: url('/resources/presentation/img/dialog/h4.gif');} /* IE 6 */ div.js-dialog h4:hover {cursor: move;} div.js-dialog div.js-in {overflow: auto;} div.js-dialog div.js-in {background: White url('/resources/presentation/img/dialog/btm.gif') repeat-x 0 100%; border: 1px solid #666; border-top: none; padding: 8px 10px; position: relative; text-align: justify; width: 450px;} * html div.js-dialog div.js-in {height: 450px; overflow: hidden; overflow-y: visible;} /* IE 6 */ div.js-dialog div.js-in p {line-height: 140%; margin: 0.3em 0 0.4em 0; padding: 0.2em 0; position: static;} div.js-dialog div.js-in h2 {display: none;} div.js-dialog div.js-in .terms h4 {background: none; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 100%; letter-spacing: 0; font-weight: bold; margin: 1.3em 0 0.1em 0; padding: 0; height: auto; width: auto;} div.js-dialog div.js-in .terms ul {margin: 0.5em 1em;} div.js-dialog div.js-in .terms ul li {margin: 0.2em 0.5em;} /* 10. Lightboxes -----------------------------*/ div.smvieweronmouse-block {background: White url('/resources/presentation/img/loading.gif') no-repeat 50% 50% !important; border: 3px solid White;} div.smvieweronmouse-block div {color: #222; position: absolute; font-size: 12px; height: 30px; width: 100%; z-index: 100; bottom: 0; left: 0;} div.smvieweronmouse-block div.transparent {background: White; z-index: 99; filter: gray() alpha(opacity=70); /* IE */ opacity: 0.70; /* Safari, Opera and Mozilla */ -moz-opacity: 0.7; /* older Mozilla */ -khtml-opacity: 0.7; /* Konqueror */ } div.smvieweronmouse-block div.text {height: 23px;} /* construction */ div#smFilterDiv {background: #666 !important;} div.smvieweronclick-block {background: White; color: Black; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: medium; padding: 5px 10px 30px 10px; z-index: 33000 !important; -moz-box-shadow:0 0 10px #999; box-shadow: 0 0 10px #999;} /* headline */ div.smvieweronclick-block h3 {color: Black; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 12px; font-style: normal; overflow: hidden; padding: 0 120px; text-align: center;} * html div.smvieweronclick-block h3 {height: 18px;} /* IE 6 haslayout fix */ /* main photo */ div.smvieweronclick-block blockquote {background: White; display: block; margin: 3px 0 5px 0; padding: 0; text-align: center; position: relative; z-index: 35000;} div.smvieweronclick-block blockquote.loading div, div.smvieweronclick-block blockquote.loading span {background: White; display: block; position: absolute; left: 0px; top: 0px; width: 800px; height: 600px; z-index: 34300;} div.smvieweronclick-block blockquote.loading div {filter: gray() alpha(opacity=80); /* IE */ opacity: 0.80; /* Safari, Opera and Mozilla */ -moz-opacity: 0.8; /* older Mozilla */ -khtml-opacity: 0.8; /* Konqueror */ } div.smvieweronclick-block blockquote.loading span {background: transparent url('/resources/global/img/index/ico/preview_load2.gif') no-repeat 50% 50%; z-index: 34500;} div.smvieweronclick-block blockquote img {position: relative; z-index: 34000;} div.smvieweronclick-block blockquote.loaded div, div.smvieweronclick-block blockquote.loaded span {display: none;} /* close the ligthbox */ div.smvieweronclick-block p {position: absolute; right: 10px; top: 2px; text-transform: lowercase; z-index: 34000;} div.smvieweronclick-block p a {background: url('/resources/global/img/index/ico/close.gif') no-repeat 100% 65%; font-size: 12px; margin:0; padding:0; padding-right: 15px;} /* previous + next links */ div.smvieweronclick-block p.previous, div.smvieweronclick-block p.next {text-indent: -1000em;} /* sorry, but there was no other way */ div.smvieweronclick-block p.previous a, div.smvieweronclick-block p.next a {background: none; cursor: pointer; padding: 0; outline: none;} div.smvieweronclick-block p.previous a, div.smvieweronclick-block p.previous a span, div.smvieweronclick-block p.next a, div.smvieweronclick-block p.next a span {display: block; float:left; height: 100%; width: 50px; position: relative; z-index: 36000;} div.smvieweronclick-block p.previous a span, div.smvieweronclick-block p.next a span {position: absolute; top: 0; left: 0;} div.smvieweronclick-block p.previous, div.smvieweronclick-block p.next {width: 50px; top: 18px; z-index: 36000;} div.smvieweronclick-block p.previous {left: 5px;} div.smvieweronclick-block p.next {right: 5px;} div.smvieweronclick-block p.previous a span {background: transparent url('/resources/presentation/img/dialog/previous.gif') no-repeat 0 50%;} div.smvieweronclick-block p.next a span {background: transparent url('/resources/presentation/img/dialog/next.gif') no-repeat 0 50%;} div.smvieweronclick-block p.previous a:hover span, div.smvieweronclick-block p.next a:hover span {background-position: -50px 50%;} /* use button */ div.smvieweronclick-block a.use {font-size: 11px; margin-top: 6px; left: 42.5%;} div.smvieweronclick-block a.use span {font-size: 100%; padding-left: 5px;} /* use button - IE 6 */ * html div.smvieweronclick-block a.use {margin-top: 4px;} * html div.smvieweronclick-block a.use span {padding-bottom: 3px;} /* spinning orange circle */ #WorkingImg {background: url('/resources/presentation/img/loading.gif') no-repeat 20% 0; height:50px; width:50px;}