 /* MODAL BOX ________________________________________________________________________*/ #submitQform { display: none; } #lightbox-container-content #submitQform { display: block; } #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } #lightbox-container-image-box.yellow { background: none; } #lightbox-container-image-box.yellow #lightbox-container-content { background: url(/sitefiles/17/gfx/lightbox_yellowBackground.png) 0 0 no-repeat; width: 385px; height: 460px; color: #000; } #lightbox-container-image-box.yellow #lightbox-container-content .content { width: 305px; float: left; clear: both; position: relative; padding: 45px 40px 0; text-align: left; } #lightbox-container-image-box.yellow #lightbox-container-content .content h1 { font-size: 2.2em; font-weight: bold; padding: 0 0 .5em; text-transform: uppercase; width: 305px; float: left; clear: both; } #lightbox-container-image-box.yellow #lightbox-container-content .content .intro { font-size: 1.1em; line-height: 1.667; padding: 0 0 1em; width: 305px; float: left; clear: both; } #lightbox-container-image-box.yellow #lightbox-container-content .content form { position: relative; width: 305px; float: left; clear: both; overflow: hidden; *top: -45px; _top: 0; } #lightbox-container-image-box.yellow #lightbox-container-content .content ul, #lightbox-container-image-box.yellow #lightbox-container-content .content ul li { width: 305px; float: left; clear: both; position: relative; } #lightbox-container-image-box.yellow #lightbox-container-content .content ul li label { display: none; } #lightbox-container-image-box.yellow #lightbox-container-content .content ul li input, #lightbox-container-image-box.yellow #lightbox-container-content .content ul li textarea { border: 1px solid #948100; width: 264px; color: #4C4C4C; font-size: 1.6em; font-family: Arial, Helvetica, Geneva, FreeSans, sans-serif; font-weight: bold; padding: 7px; margin: 0 0 20px; } #lightbox-container-image-box.yellow #lightbox-container-content .content ul li textarea { height: 130px; color: #000; font-size: 1.2em; padding: 4px 7px; margin: 0 0 10px; line-height: 1.667; font-weight: normal; } #lightbox-container-image-box #lightbox-container-content .content ul li.formcontrols { width: 280px; padding: 0 25px 0 0; } #lightbox-container-image-box #lightbox-container-content .content ul li.formcontrols input { display: block; float: right; background: url(/sitefiles/17/gfx/lightbox_submit.png) 0 0 no-repeat; border: 0; text-transform: uppercase; text-indent: -9999px; height: 41px; width: 130px; cursor: pointer; margin: 0; } #lightbox-container-image-box #lightbox-container-content .content ul li.formcontrols .loader { width: 22px; height: 21px; position: absolute; top: 50%; right: -7px; margin: -10px 0 0; clear: both; background: url(/sitefiles/17/gfx/loader.gif) no-repeat; display: none; } #lightbox-container-image-box #lightbox-container-content .content .close { display: block; width: 28px; height: 28px; text-indent: -9999px; background: url(/sitefiles/17/gfx/lb-close.png) 0 0 no-repeat; position: absolute; top: 10px; right: 33px; } #lightbox-container-image-box.yellow #lightbox-container-content .content .error { display: none; width: 282px; height: 200px; padding: 155px 0 0; position: absolute; top: 75px; left: 40px; clear: both; background: url(/sitefiles/17/gfx/lightbox_yellowBackground.png) -40px -75px no-repeat; text-align: center; font-size: 2em; font-weight: bold; } #lightbox-container-image-box.yellow #lightbox-container-content .content .feedback { display: none; width: 362px; height: 410px; position: absolute; top: 75px; left: 0; clear: both; background: url(/sitefiles/17/gfx/lightbox_result.png) 0 0 no-repeat; }