#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99997; width: 100%; height: 100%; } #lbOverlay.black { background-color: #000000; } #lbMain { position: absolute; left: 0; width: 100%; z-index: 99998; text-align: center; line-height: 0; display:-moz-inline-stack; } #lbMain a img { border: 1px solid #ffffff; } #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; } #lbOuterContainer.black { border: 1px solid #CCCCCC; background-color: #ffffff; } #lbTopContainer, #lbBottomContainer { font: 0.85em Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; font-size: 0.8em; overflow: hidden; margin: 0 auto; padding: 0; position: relative; z-index: 14; display: none; } #lbTopContainer { overflow: hidden; margin-top: 5px; } #lbTopContainer.black, #lbBottomContainer.black { background-color: #ffffff; } #lbTopContainer.grey, #lbTopContainer.red, #lbTopContainer.green, #lbTopContainer.blue, #lbTopContainer.gold, #lbTopContainer.orange, #lbBottomContainer.grey, #lbBottomContainer.red, #lbBottomContainer.green, #lbBottomContainer.blue, #lbBottomContainer.gold, #lbBottomContainer.orange { background-color: #ffffff; } #lbImage, #lbIframe { border: none; } #lbImage.black, #lbIframe.black { /*border: 1px solid #CCCCCC;*/ } #lbImage.grey, #lbIframe.grey { border: 1px solid #888888; } #lbImage.red, #lbIframe.red { border: 1px solid #DD0000; } #lbImage.green, #lbIframe.green { border: 1px solid #00B000; } #lbImage.blue, #lbIframe.blue { border: 1px solid #5F89D8; } #lbImage.gold, #lbIframe.gold { border: 1px solid #B0B000; } #lbImage.orange, #lbIframe.orange { border: 1px solid #D15211; } #lbImageContainer, #lbIframeContainer { padding: 10px; z-index: 12; } #lbLoading { height: 100%; width: 100%; margin-top: -10px; background: url('../images_flip/loading_white.gif') center no-repeat; } #lbLoading.black { background: url('../images_flip/loading.gif') center no-repeat; } #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer>#lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } #lbPrevHov { width: 48%; height: 100%; background: transparent url('../images_flip/prevlabel.gif') left 50% no-repeat; display: block; left: 50; float: left; margin-left: -25px; border: none !important; } #lbPrevHov.black:hover, #lbPrevHov.black:visited { background: url('../images_flip/prevlabel.gif') left 50% no-repeat; display: block; } #lbNextHov { width: 48%; height: 100%; background: transparent url('../images_flip/nextlabel.gif') right 50% no-repeat; display: block; float: right; margin-right: -25px; border: none !important; } #lbNextHov.black:hover, #lbNextHov.black:visited { background: url('../images_flip/nextlabel.gif') right 50% no-repeat; display: block; } #lbPrev, #lbPrevTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPrev.black, #lbPrevTop.black { background: url('../images_flip/prev_black.png') no-repeat; } #lbPrev.blackOff, #lbPrevTop.blackOff { background: url('../images_flip/prev_black_off.png') no-repeat; cursor: default; } #lbNext, #lbNextTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbNext.black, #lbNextTop.black { background: url('../images_flip/next_black.png') no-repeat; } #lbNext.blackOff, #lbNextTop.blackOff { background: url('../images_flip/next_black_off.png') no-repeat; cursor: default; } #lbTopData, #lbBottomData { float: left; text-align: left; padding-left: 10px; } #lbBottomData { padding-bottom: 0.5em; } #lbBottomData.black, #lbTopData.black { color: #000000; } #lbTopNav, #lbBottomNav { float: right; text-align: right; padding-right: 20px; *padding-right: 50px; } #lbNumTop, #lbNumBottom { font-style: italic; font-size:10px; } #lbDescBottom { display: block; } #lbTitleTop, #lbTopNav { margin-top: 0.3em; } #lbTitleTop, #lbTitleBottom { display: block; /*font-weight: bold;*/ } #lbClose, #lbCloseTop { width: 66px; height: 22px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbClose.black, #lbCloseTop.black { background: url('../images_flip/closelabel.gif') no-repeat; } #lbPause, #lbPauseTop { width: 66px; height: 22px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPause.black, #lbPauseTop.black { background: url('../images_flip/pauselabel.gif') no-repeat; } #lbPrint, #lbPrintTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPrint.black, #lbPrintTop.black { background: url('images_flip/print_black.png') no-repeat; } #lbPrint.grey, #lbPrintTop.grey { background: url('images_flip/print_grey.png') no-repeat; } #lbPrint.red, #lbPrintTop.red { background: url('images_flip/print_red.png') no-repeat; } #lbPrint.green, #lbPrintTop.green { background: url('images_flip/print_green.png') no-repeat; } #lbPrint.blue, #lbPrintTop.blue { background: url('images_flip/print_blue.png') no-repeat; } #lbPrint.gold, #lbPrintTop.gold { background: url('images_flip/print_gold.png') no-repeat; } #lbPrint.orange, #lbPrintTop.orange { background: url('images_flip/print_orange.png') no-repeat; } #lbPlay, #lbPlayTop { width: 66px; height: 22px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPlay.black, #lbPlayTop.black { background: url('../images_flip/lecturelabel.gif') no-repeat; } /* Some extra padding on the bottom buttons so it's not too close to the border. */ #lbClose, #lbPrint, #lbPlay, #lbPause { margin: 0 0 6px 8px; } /* Lytetip */ * html a:hover { background: transparent; } .lytetip { outline: none; border-bottom: 1px dotted; z-index:24; text-decoration:none; } .lytetip span { color: #000000; position: absolute; top: 2em; left:0; padding: 0.5em 0.8em; font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif !important; background: #F4F5FB; border: 1px solid #888888; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 1px 2px 3px 0px #949494;-moz-box-shadow: 1px 2px 3px 0px #949494;box-shadow: 1px 2px 3px 0px #949494; width: 240px; filter: alpha(opacity:95); KHTMLOpacity: 0.95; MozOpacity: 0.95; opacity: 0.95; text-align: left; display: none; } .lytetip:hover { z-index:25; color: #aaaaff; background:; text-decoration: none; } .lytetip:hover span { display: block; } .lytetip:hover em { font-size: 1.2em; font-weight: bold; display: block; padding: 0 0 0.6em 0; } .lytetip:hover .lbTipImg { border: 0; margin: -20px 0 0 -36px; float: left; position: absolute; height: 32px; width: 32px; } .lbErrorImg { background: url('images_flip/error.png'); } .lbInfoImg { background: url('images_flip/info.png'); } .lbHelpImg { background: url('images_flip/help.png'); } .lbWarningImg { background: url('images_flip/warning.png'); } span.lbCustom { padding: 0.5em 0.8em 0.5em 1.5em !important; } span.lbIEFix { padding: 0.5em 0.8em !important; } .lytetip .lbError { background: #FFE7D7; border: 1px solid #FF3334; } .lytetip .lbInfo, .lytetip .lbHelp { background: #D2EEF7; border: 1px solid #2BB0D7; } .lytetip .lbWarning { background: #FFFFAA; border: 1px solid #FFAD33; }