@charset "utf-8";
/* CSS Document for lightbox test. */

* { margin:0; padding:0; }
html, body { width:100%; height:100%; }
body { font:Arial, Helvetica, sans-serif; color:#000; }
div.clear { clear:both; height:0px; overflow:hidden; font-size:0.1em; line-height:0.1em; }
div#lightBoxBg { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:99; background:#020202; display:none; }
div#lightBoxContainer { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100; background:transparent; display:none; }
div#lightBox { position:relative; width:442px; margin:50px auto; padding:10px; font:1em Verdana, Arial, sans-serif; background:#fff; }
div#lightBox a { color:#000; text-decoration:none; text-transform:uppercase; }
div#lightBox p { margin:0 0 15px 0; }
div#lightBox label { float:left; }
div#lightBox input { float:left; font:1em Verdana, Arial, sans-serif; }

div#lightBox div#close { background-color:#000; display:inline; float:right; margin:0 10px 0 0; padding:3px 10px; display:none; }
div#lightBox div#close a { color:#fff; font-size:.7em; }
div#lightBoxContent { clear:right; width:442px; }

div#lightBoxPage1 {	background:#fff; padding:10px 20px 0; width:402px; }
div#lightBoxPage1Content { text-transform:uppercase; }

#lightBoxPage1 h1 { border-bottom:3px solid #000; font-size:1.7em; margin:0 0 10px 0; padding:0 0 8px 0; }
#lightBoxPage1 p, #lightBoxPage1 form { font-size:.65em; }
form { margin:10px 0; }
#formLeft, #formRight { display:inline; float:left; width:190px; }
#formLeft { margin:0 20px 0 0; }
#formLeft input, #formRight input { background:#faf4eb; border:1px solid #000; margin:5px 0 10px; padding:1px; width:190px;  }
.checkbox { margin:10px 0; }
.checkbox input { display:block; float:left; margin:0 5px 30px 0; >margin-top:-3px; padding:0; }
.checkbox label { display:block; float:left; width:370px; }

p#preview { display:inline; float:left; font-size:1.8em !important; padding:10px 0 0 0; }
p#preview a { text-decoration:underline; }
p#preview a:hover { text-decoration:none; }
div#lightBoxPage1 input.submit { float:right; width:auto; margin:10px 0 0 0; padding:0; display:inline; text-transform:uppercase; background:none; cursor:pointer; }

#lightBoxPage2 {	background:#fff; padding:10px 20px 0; width:402px; }
#lightBoxPage2Content { text-transform:uppercase; }
#lightBoxPage2Content h1 { border-bottom:3px solid #000; font-size:1.7em; margin:0 0 10px 0; padding:0 0 8px 0; }
#lightBoxPage2Content p { font-size:.65em !important; }

p#anotherLookTaf { background:#000; display:inline; float:right; padding:5px 10px 4px; }
p#anotherLookTaf a { color:#fff; font-size:1.6em; font-weight:bold; }
p#anotherLookTaf a:hover { text-decoration:underline; }