/* Some basic default settings (mostly resets) for all designs */ a {outline: none} a img {outline: none;} menu.menu-type-none li, menu.menu-type-onclick li, menu.menu-type-standard li {overflow: hidden !important;} /* hidding menu, preventing overflow problem */ * html menu.menu-type-none li a, * html menu.menu-type-onclick li a, * html menu.menu-type-standard li a {overflow: hidden !important;} /* for stupid IE 6 */ #portrait h2 {position: absolute; left: 0; top: -9999px;} /* hide h2 in portrait */ #articles h3.section_sub_title {display: none} /* hidding that useless h3 */ div.editor-area {min-height: 1px; padding-right: 1px; =padding-right: 2px;} /* preventing overflow bug for italic texts in editor */ div.editor-area:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */ .article {overflow: hidden;} #contact-nav address {font-style: normal} #mail-list fieldset {border: none;} #content div.gmnoprint div {color: #222} /* Google Maps universal reset */ #rss-channels h3 {margin: 1em 0.3em 0;} #content img.left-float {float: left; margin: 3px 10px 2px 2px;} #content img.right-float {float: right; margin: 3px 2px 2px 10px;} #content h1 {line-height: auto; height: auto; width: auto; top: 0; left: 0; position: static;} #footer span.hide, #footer a.promolink {position: absolute; left: 0; top: -9999px;} /* list of pages */ .list-of-pages .numbers {padding: 0 50px;} /* Universal arrows in photo preview */ .slide.img.width {position: relative; margin: 0 auto; text-align: center;} .slide-img img {position: relative; z-index: 400;} .slide-img a.previous-photo, .slide-img a.next-photo {background: transparent !important; background-image: url(data:image/gif;base64,AAAA) !important; cursor: pointer; position: absolute; top: 0; height: 100%; width: 45px; overflow: hidden; padding: 0; z-index:500;} .slide-img a.previous-photo {left: 10px;} .slide-img a.next-photo {right: 10px;} .slide-img a.previous-photo span, .slide-img a.next-photo span {cursor: pointer; display: block; position: absolute; top: 45%; width: 26px; height: 26px; text-indent: -9999px; z-index: 501;} .slide-img a.previous-photo:hover span {background: url('/resources/esitex.com/global/img/index/ico/mini-lightbox-left.png') no-repeat 0 0; left: 0;} .slide-img a.next-photo:hover span {background: url('/resources/esitex.com/global/img/index/ico/mini-lightbox-right.png') no-repeat 0 0; right: 0;} /* and now for something completely different aka IE 6 */ * html .slide-img a.previous-photo:hover span {background: url('/resources/esitex.com/global/img/index/ico/mini-lightbox-left-ie.gif') no-repeat 0 0;} * html .slide-img a.next-photo:hover span {background: url('/resources/esitex.com/global/img/index/ico/mini-lightbox-right-ie.gif') no-repeat 0 0;} /* WebSlice for IE 8 */ div.ie8-slices-photo {border: none;} div.ie8-slices-photo img {border: none;} div.ie8-slices-photo a {border: none} /* Some shit for Linux inputs */ .column form input {font-size: 100%;} /* Name: Ajax lightbox Authors: JS: Michal Pospisil HTML + CSS: Ludek Cernocky www.eStranky.cz Date: 10.12.2008 */ /* js construction */ #ajax-container_filter {background: Black; z-index: 33000; position: absolute; left: 0px; khtml-opacity: 0.8; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;} #ajax-container_preview {position: absolute; z-index: 32000;} #ajax-container_dialog {background: White; position: absolute; z-index: 33500;} #ajax-container_preview {background: White;} #ajax-container_preview_bq {background: url('/resources/esitex.com/global/img/index/ico/preview_load.gif') no-repeat 50% 50%;margin: 0;} #ajax-onkeyarea {position: absolute;width:1px;height:1px;top:50px;left:50px;} /* reset of all children */ #ajax-container_dialog * {border: none; margin: 0; padding: 0; list-style: none;} /* construction*/ #ajax-container_dialog {background: #F1F1F1; border: 1px solid #666; margin:0; padding: 5px 10px; color: Black; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: medium;} #ajax-container_dialog .photo-ajax {font-size: 75%; position: relative;} * html #ajax-container_dialog .photo-ajax {font-size: 65%;} /* IE 5 + 6 in quirk */ #ajax-container_dialog .photo-holder {text-align: center;} /* links */ #ajax-container_dialog a {color: #555; cursor: pointer; text-decoration: underline;} #ajax-container_dialog a:hover {color: Black;} /* title */ #ajax-container_dialog h3 {background: #F1F1F1; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 100%; font-style: normal; overflow: hidden; line-height: 17px; margin: 0 115px; padding: 0 0 2px 0; text-align: center;} * html #ajax-container_dialog h3 {height: 1%;} /* IE 6 haslayout fix */ /* slideshow - play, pause */ #ajax-container_dialog .photo-holder div {color: #555; font-size: 12px; position: absolute; top: -2px; left: 0; z-index: 34500;} #ajax-dialog-ss-a {background: url('/resources/esitex.com/global/img/index/ico/slideshow.gif') no-repeat 0 -30%; padding-left: 13px;} #ajax-dialog-ss-a.pause {background: url('/resources/esitex.com/global/img/index/ico/slideshow.gif') no-repeat 0 125%;} #ajax-container_dialog .photo-holder div span {color: #CCC; padding: 0 3px;} #ajax-container_dialog .photo-holder div em {font-style: normal; font-size: 91.7%;} /* preview of all photos aka film view */ #ajax-dialog-film {padding: 5px 0; height: 100px;} #ajax-dialog-film a {margin: 0 5px 0 0;} /* select time in seconds */ #ajax-dialog-ss-select {position:absolute;z-index: 37000;overflow:hidden;width:150px;text-align:center;display:none;background:#F1F1F1;} /* select other photos */ #ajax-dialog-film {position:absolute;z-index: 37000;overflow:hidden;width:100%;white-space:nowrap;display:none;background:#F1F1F1;} /* close the ligthbox */ #ajax-container_dialog p {position: absolute; right: -1px; top: -2px; z-index: 34000;} #ajax-container_dialog p a {background: url('/resources/esitex.com/global/img/index/ico/close.gif') no-repeat 100% 65%; font-size: 12px; margin:0; padding:0; padding-right: 15px;} * html #ajax-container_dialog p {right: 10px;} /* main photo */ #ajax-container_dialog blockquote {background: White; display: block; margin: 3px 0 5px 0; padding: 0; text-align: center; position: relative; z-index: 35000;} #ajax-container_dialog blockquote object, #ajax-container_dialog blockquote embed {outline: none; border: none;} /* previous + next links */ #ajax-container_dialog p.previous, #ajax-container_dialog p.next {text-indent: -1000em;} /* sorry, but there was no other way */ #ajax-container_dialog p.previous a, #ajax-container_dialog p.next a {background: none; padding: 0;} #ajax-container_dialog p.previous a, #ajax-container_dialog p.previous a span, #ajax-container_dialog p.next a, #ajax-container_dialog p.next a span {cursor: pointer; display: block; float:left; height: 100%; width: 50px; position: relative; z-index: 36000;} #ajax-container_dialog p.previous a span, #ajax-container_dialog p.next a span {position: absolute; top: 0; left: 0;} #ajax-container_dialog p.previous, #ajax-container_dialog p.next {width: 50px; top: 18px; z-index: 36000;} #ajax-container_dialog p.previous {left: 0;} #ajax-container_dialog p.next {right: 0;} #ajax-container_dialog p.previous a span {background: transparent url('/resources/esitex.com/global/img/index/ico/previous.gif') no-repeat 0 50%;} #ajax-container_dialog p.next a span {background: transparent url('/resources/esitex.com/global/img/index/ico/next.gif') no-repeat 0 50%;} #ajax-container_dialog p.previous a:hover span, #ajax-container_dialog p.next a:hover span {background-position: -50px 50%;} /* comment */ #ajax-container_dialog p#ajax-dialog-comment {font-size: 12px; position: static; overflow: hidden; padding-top: 3px; text-align: center; width: 100%;} /* folder + url */ #ajax-container_dialog table {border-collapse: collapse; background: #F1F1F1; font-size: 100%; margin: 5px auto;} #ajax-container_dialog table th, #ajax-container_dialog table td {color: #666; padding: 0.4em 0.3em 0.2em 0.2em; vertical-align: top;} #ajax-container_dialog table th {font-weight: normal; text-align: right;} #ajax-container_dialog table td {text-align: left;} #ajax-container_dialog table td a {color: #444;} #ajax-container_dialog table td strong {color: #444; font-weight: normal;} #ajax-container_dialog table td input {background: White; border: 1px solid #CCC; color: #555; font-size: 100%; padding: 1px 3px 2px 3px; width: 290px; max-width: 350px;} #ajax-container_dialog table td input:focus {border: 1px solid #666;} /* Name: Locked users page 1. Main 2. Important 3. Content 3.1 Forms 4. Footer */ /* 1. Main */ * {margin:0; padding:0;} body.locked {background-color: White; color:#333; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; text-align:center; width:100%; font-size: medium;} body.locked img, body.locked table, body.locked fieldset {border:0;} body.locked hr {display:none;} body.locked acronym {border: none; font-weight: bold; color:#444;} body.locked p {padding: 0.2em 0 1em 0; line-height: 115%;} body.locked strong {color: #FF5400;} body.locked .space {padding-top: 1.5em; padding-bottom: 0;} body.locked .clear {clear:both; height:0!important; line-height:0px; font-size:0;width:auto!important;background:none; display:block;} body.locked a {color:#666;} body.locked a:hover {color:#333;} body.locked a:visited {color:#999;} body.locked a:visited:hover {color:#333;} /* 2. Important */ body.locked #all {margin: 2.2em auto; width: 500px;} body.locked h1 {border-bottom: 1px solid #CCC;font-family: Georgia, "New York CE", utopia, sans-serif; font-size:220%; font-weight:normal; color:#666;padding-bottom: 0.7em; text-align: left;} /* 3. Content */ body.locked #content {border-bottom: 2px solid #666; padding:1em 0; font-size: 75%; width: 100%; text-align: center;} body.locked #content .in {text-align: left; margin: 0 auto; padding: 1em;} body.locked #content span {color: #999;} /* error */ body.locked #content span.message {margin-top: 5px;} body.locked #content span.message span {background: #FFEFE5; color: #333; display: block; margin: 10px 4px 4px 4px; padding: 5px 10px 4px 10px; text-align: center; /*overflow: hidden;*/} /* 3.2 Forms */ body.locked input {margin: 0 4px;font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; padding-left: 2px;} body.locked input.button {border: 2px solid #FFCC99; background: #ff5605 url('/resources/esitex.com/userAdmin/img/input-button-orange.gif') repeat-x 0 0; cursor:pointer; font-weight: bold; color: White; padding: 2px 6px; position: relative; top: -3px;} * html body.locked input.button {padding: 1px 0 0 0 ;} /* IE 6 */ *:first-child+html body.locked input.button {padding: 1px 0 0 0;} /* IE 7 */ body.locked input.button:hover {border-color:#FBAB5C;} body.locked input.button:focus {border: 2px solid #FFAF5F; background: #E04903; outline: none;} body.locked input.login {width: 150px;} body.locked input.pass {width: 107px;} body.locked input[type="text"], body.locked input[type="password"] {border:1px solid #B1AE9E; padding:1px 0 1px 2px;} body.locked input[type="text"]:focus, body.locked input[type="password"]:focus {background: #FFF7F2; border: 1px solid #777;} /* 4. Footer */ body.locked #footer {margin-top: 2px;border-top: 1px solid #CCC;} body.locked #footer a {float: right; margin-top: 1em; cursor: pointer;} body.locked #footer a, body.locked #footer a span {background: url('/resources/esitex.com/global/img/logo-estranky-mini.gif') no-repeat 0 0; position: relative; width: 52px; height: 39px;display:block; overflow: hidden;} body.locked #footer a span {position: absolute; top: 0; left: 0;} /* special */ body.locked #all {width: 630px;} body.locked h1 {padding-left: 135px;} body.locked #content .in {padding-left: 136px; width: 100%;} body.locked #content .in {background: url('/resources/esitex.com/global/img/lock.gif') no-repeat 5px 50%;} body.locked #content .in p {color: #777; margin: 0.3em 0 0 0; padding-right: 138px;} body.locked #content .in form {padding-bottom: 0.5em;} body.locked #content h2 {font-family: Georgia, "New York CE", utopia, sans-serif; font-size:150%; font-weight: normal; } body.locked #content th {text-align: left; font-weight: normal; padding-left: 0;} body.locked #content table {margin: 10px 0 5px -2px;} body.locked #content th, body.locked #content td {vertical-align: top;} body.locked #content th {padding-top: 0.2em;} body.locked input.incorrect {border: 1px solid #FF5400;} /* ADVERTISEMENT */ #mess-text.message {clear: both; text-align: center !important;} /* Name: New lightbox Authors: JS + HTML: Michal Pospisil Design + CSS: Ludek Cernocky www.eStranky.cz Date: 20.7.2010 */ /* global */ #smLightbox_container * {margin: 0; padding: 0;} #smLightbox_container, #smLightbox_container .loading-info, #smLightbox_viewerPreviewImage, #smLightbox_viewerCanvas, #smLightbox_viewerImageContainer, #smLightbox_container a.button, #smLightbox_ssSelect, #smLightbox_container a.resize, #smLightbox_film, #smLightbox_film a, #smLightbox_navigator, #smLightbox_navigatorCurr, #smLightbox_preload, #smLightbox_panel, #smLightbox_panel div.panel-info, #smLightbox_panel, #smLightbox_panelPin, #smLightbox_panelHelp {position: absolute;} /* conteiner */ #smLightbox_container {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 12px;} /* loading */ #smLightbox_container .loading-info {background: url('/resources/esitex.com/global/img/lightbox/lightbox.png') no-repeat -55px -323px; height: 44px; width: 89px;} #smLightbox_container .loading-info div {background: url('/resources/esitex.com/global/img/lightbox/slide-load.gif') no-repeat 50% 50%; color: #999; text-align: center; text-indent: -9999px; height: 44px; width: 89px;} * html #smLightbox_container .loading-info {background: none;} /* IE 6 */ /* title & description */ #smLightbox_title {color: #DDD; font-size: 18px; line-height: 18px; font-weight: normal; position: absolute;} #smLightbox_description {color: #ABABAB; font-size: 11px; line-height: 13px; padding-top: 5px; position: absolute; text-align: center; width: 750px;} /* image */ #smLightbox_viewerImageContainer {border: 2px solid #666; overflow: hidden;} #smLightbox_viewerImageContainer.drag {border: 2px solid White;} #smLightbox_viewerPreviewImage, #smLightbox_viewerCanvas {left: 0; top: 0;} /* buttons */ #smLightbox_container a.button {color: #F5F5F5; font-size: 11px; padding-right: 26px;} * html #smLightbox_container a.button {width: 70px;} /* IE 6 */ #smLightbox_container a.button, #smLightbox_container a.button span {background: url('/resources/esitex.com/global/img/lightbox/lightbox.png') no-repeat 100% -55px; cursor: pointer; display: block; height: 27px;} * html #smLightbox_container a.button, * html #smLightbox_container a.button span {background-image: url('/resources/esitex.com/global/img/lightbox/lightbox.gif');} /* IE 6 */ #smLightbox_container a.button span {background-position: 0 0; padding-left: 15px; padding-right: 11px; position: relative; white-space: nowrap; line-height: 25px; text-shadow: 1px 1px 0 #333;} #smLightbox_container a.button:hover, #smLightbox_container a.button:focus, #smLightbox_container a#smLightbox_slideshow.hover:hover, #smLightbox_container a#smLightbox_slideshow.hover {background-position: 100% -83px; color: White; text-decoration: none;} #smLightbox_container a.button:hover span, #smLightbox_container a.button:focus span, #smLightbox_container a#smLightbox_slideshow.hover:hover span, #smLightbox_container a#smLightbox_slideshow.hover span {background-position: 0 -27px;} #smLightbox_container a#smLightbox_close {background-position: 100% -167px;} #smLightbox_container a#smLightbox_close:hover, #smLightbox_container a#smLightbox_close:focus {background-position: 100% -195px;} #smLightbox_container a#smLightbox_slideshow.active {background-position: 100% -111px;} #smLightbox_container a#smLightbox_slideshow.active:hover, #smLightbox_container a#smLightbox_slideshow.active:focus {background-position: 100% -139px;} #smLightbox_container a#smLightbox_slideshow {min-width: 110px;} * html #smLightbox_container a#smLightbox_slideshow {width: 110px;} /* IE 6 */ /* arrows */ #smLightbox_prev, #smLightbox_next {text-indent: -9999px;} #smLightbox_prev, #smLightbox_next, #smLightbox_prev span, #smLightbox_next span {cursor: pointer; display: block; position: absolute;} #smLightbox_prev span, #smLightbox_next span {background: url('/resources/esitex.com/global/img/lightbox/lightbox.png') no-repeat 0 -122px; height: 28px; width: 28px;} * html #smLightbox_prev span, * html #smLightbox_next span {background-image: url('/resources/esitex.com/global/img/lightbox/lightbox.gif');} /* IE 6 */ #smLightbox_next span {left: 15px;} #smLightbox_next:hover span {background-position: 0 -150px;} #smLightbox_prev span {background-position: 0 -206px; right: 15px;} #smLightbox_prev:hover span {background-position: 0 -234px;} #smLightbox_next span.last, #smLightbox_next:hover span.last {background-position: 0 -178px;} #smLightbox_prev span.last, #smLightbox_prev:hover span.last {background-position: 0 -262px;} /* arrows in resize */ #smLightbox_prev.resize span, #smLightbox_next.resize span {height: 10px; width: 15px; top: 2px !important;} #smLightbox_next.resize span, #smLightbox_next.resize span.last, #smLightbox_next.resize:hover span.last {background-position: -32px -214px; left: 15px;} #smLightbox_next.resize:hover span {background-position: -32px -232px;} #smLightbox_prev.resize span, #smLightbox_prev.resize span.last, #smLightbox_prev.resize:hover span.last {background-position: -32px -175px;} #smLightbox_prev.resize:hover span {background-position: -32px -193px;} #smLightbox_next.resize span.last, #smLightbox_next.resize:hover span.last, #smLightbox_prev.resize span.last, #smLightbox_prev.resize:hover span.last { filter: gray() alpha(opacity=50); /* IE */ opacity: 0.50; /* Safari, Opera and Mozilla */ -moz-opacity: 0.5; /* older Mozilla */ -khtml-opacity: 0.5; /* Konqueror */ cursor: default; } /* slideshow */ #smLightbox_ssSelect {background: url('/resources/esitex.com/global/img/lightbox/lightbox.png') no-repeat 100% -449px; color: #444; display: block; font-size: 8px; height: 42px;} #smLightbox_ssSelect div {background: url('/resources/esitex.com/global/img/lightbox/lightbox.png') no-repeat 0 -407px; height: 32px; padding: 10px 0 0 12px; margin-right: 10px; text-align: left;} * html #smLightbox_ssSelect {background-image: url('/resources/esitex.com/global/img/lightbox/lightbox.gif');} /* IE 6 */ * html #smLightbox_ssSelect div {background-image: url('/resources/esitex.com/global/img/lightbox/lightbox.gif'); height: 42px;} /* IE 6 */ #smLightbox_ssSelect a {color: #CCC; font-size: 11px; padding: 0 4px;} #smLightbox_ssSelect a:hover, #smLightbox_ssSelect a:focus {color: White; text-decoration: none;} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #smLightbox_ssSelect a {padding: 0 3px;} /* Opera 7.2 up */ } #smLightbox_sscd {position: absolute; text-align: center;} #smLightbox_sscd div {position: absolute; height: 3px; left: 0; top: 5px;} #smLightbox_sscd.loading div {background: #FF5400;} #smLightbox_sscd.loaded div {background: #CCC;} #smLightbox_sscd.loaded span {display: none;} #smLightbox_preload.loaded span {display: none;} #smLightbox_preload.loading span {color: #999; display: block; font-size: 11px; background: url('/resources/esitex.com/global/img/lightbox/slide-load.gif') no-repeat 50% 100%; height: 25px;} /* resize */ #smLightbox_container div.resize {position: absolute;} #smLightbox_container div.resize a {color: #999; display: block; padding: 2px 12px;} * html #smLightbox_container div.resize a {width: 40px;} /* IE 6 */ #smLightbox_container div.resize a.active {background-color: #151515; background-color: rgba(21, 21, 21, 0.7); =background-color: #151515; color: #999; display: block; font-size: 11px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px;} #smLightbox_container div.resize a:hover {background-color: Black; background-color: rgba(0, 0, 0, 0.9); =background-color: Black; color: White;} #smLightbox_container div.resize a span {background: url('/resources/esitex.com/global/img/lightbox/lightbox.png') no-repeat -32px -59px; display: block; line-height: 25px; padding: 0 0 0 25px;} * html #smLightbox_container div.resize a span {background-image: url('/resources/esitex.com/global/img/lightbox/lightbox.gif');} /* IE 6 */ #smLightbox_container div.resize a:hover span {background-position: -31px -111px;} #smLightbox_container div.resize a.reduce span {background-position: -32px -86px;} #smLightbox_container div.resize a.reduce:hover span {background-position: -31px -138px;} #smLightbox_container div.resize a.passive span {text-indent: -9999px; padding-right: 0;} #smLightbox_container div.resize a.passive {padding-right: 0;} #smLightbox_container div.resize a.active {-webkit-transition: none; -o-transition: none; transition: none;} #smLightbox_container div.resize a.active span {text-indent: 0;} #smLightbox_navigator {border: 1px solid White;} #smLightbox_navigatorCurr {border: 1px solid #FF5400;} /* film slide */ #smLightbox_film a {display: block; padding-top: 7px;} #smLightbox_film a img {border: 1px solid #111;} #smLightbox_film a:hover img {border-color: #999;} #smLightbox_film a.passive img {-webkit-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear;} #smLightbox_film a.passive:hover img {opacity: 1;} #smLightbox_film a.active {background: url('/resources/esitex.com/global/img/lightbox/lightbox.png') no-repeat 50% -87px;} #smLightbox_film a.active:hover {background-position: 50% -253px;} * html #smLightbox_film a.active {background-image: url('/resources/esitex.com/global/img/lightbox/lightbox.gif');} /* IE 6 */ #smLightbox_film a.active img {border-color: #999;} #smLightbox_film a.active:hover img {border-color: #CCC;} /* panel more info */ #smLightbox_panel {font-size: 11px;} #smLightbox_panel.passive {background: url('/resources/esitex.com/global/img/lightbox/more-info.png') no-repeat -1000px -1000px; height: 22px; width: 100px;} #smLightbox_panel a.panel-info, #smLightbox_panel a.panel-info span {height: 22px;} #smLightbox_panel a.panel-info {background-position: 100% -223px; float: left; position: static;} #smLightbox_panel a.panel-info span {background-position: 0 -497px; line-height: 22px;} #smLightbox_panel.active {background: url('/resources/esitex.com/global/img/lightbox/more-info.png') no-repeat 0 0; height: 88px; width: 678px;} * html #smLightbox_panel.active {background-image: url('/resources/esitex.com/global/img/lightbox/more-info.gif');} /* IE 6 */ #smLightbox_panelPin, #smLightbox_panelHelp, #smLightbox_panel .panel-content-info a {color: #B4B4B4; margin: 9px 5px 0 0;} #smLightbox_panelPin:hover, #smLightbox_panelHelp:hover, #smLightbox_panel .panel-content-info a:hover {color: White;} #smLightbox_panelPin, #smLightbox_panelHelp {background: url('/resources/esitex.com/global/img/lightbox/lightbox.png') no-repeat 0 0; display: block; text-indent: -9999px;} * html #smLightbox_panelPin, * html #smLightbox_panelHelp {background-image: url('/resources/esitex.com/global/img/lightbox/lightbox.gif');} /* IE 6 */ #smLightbox_panelHelp {background-position: -187px -290px; height: 13px; width: 13px;} #smLightbox_panelHelp:hover {background-position: -187px -303px;} #smLightbox_panelPin {background-position: -186px -323px; height: 14px; width: 15px;} #smLightbox_panelPin:hover {background-position: -186px -338px;} #smLightbox_panelHelp.active {background: none; color: #B4B4B4; text-indent: 0; width: auto; word-wrap: nowrap;} #smLightbox_panelHelp.active:hover {color: White;} #smLightbox_panelPin.active {background-position: -171px -273px;} #smLightbox_panelPin.active:hover {background-position: -186px -273px;} #smLightbox_panel .panel-content-info {color: #EBEBEB;} #smLightbox_panel .panel-content-info strong {font-weight: normal; color: #B4B4B4; margin-right: 4px;} #smLightbox_panel.active .panel-crumbs, #smLightbox_panel.active .panel-url, #smLightbox_panel.active .panel-res, #smLightbox_panel.active .panel-date {position: absolute;} #smLightbox_panel.active .panel-crumbs, #smLightbox_panel.active .panel-url {left: 20px;} #smLightbox_panel.active .panel-crumbs, #smLightbox_panel.active .panel-res {top: 23px;} #smLightbox_panel.active .panel-url {top: 53px;} #smLightbox_panel.active .panel-date {top: 56px;} #smLightbox_panel.active .panel-res, #smLightbox_panel.active .panel-date {left: 435px;} #smLightbox_panel.active .panel-crumbs {color: #999; text-align: left;} #smLightbox_panel.active .panel-crumbs span {color: #EBEBEB;} #smLightbox_panel.active .panel-url input {border: 1px solid #808080; background: #323232; color: #EBEBEB; font-size: 11px; padding: 2px 3px; width: 295px;} #smLightbox_panel.active .panel-content-help {color: #EBEBEB;} #smLightbox_panel.active .panel-content-help table {margin: 7px 10px 0 10px;} #smLightbox_panel.active .panel-content-help th, #smLightbox_panel.active .panel-content-help td {padding: 3px 5px 3px 0; line-height: 11px; text-align: left; vertical-align: middle;} #smLightbox_panel.active .panel-content-help th {color: White; font-weight: bold; text-align: right;} #smLightbox_panel.active .panel-content-help td.long {padding-right: 15px; width: 280px;}