/* Lite Registration Form Dialog HTML CSS
This document is loaded dynamically
For the Lite Registration Form modal dialog only.
*/
/* SUPERSCRIPT/SUBSCRIPT FIX =========================================================================================================================== */
#literegDialog sup,
#literegDialog sub{height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative}
#literegDialog sup{bottom:1ex}
#literegDialog sub{top:.5ex}
/* STRUCTURE =========================================================================================================================== */
#literegDialog,
#literegDialog #background,
#literegDialog #content,
#literegDialog #content #top5,
#literegDialog #content #top6{ position:relative; width:698px; height:627px}
/* OTHER RELATIVE WIDTHS */
#literegDialog #content{margin-top:-627px}/* Negative whatever the height is */
#literegDialog #content #mid,
#literegDialog #content #mid1,
#literegDialog #content #btm,
#literegDialog #requiredtext{width:679px}
#literegDialog #content #btm,
#literegDialog #content #btm #terms,
#literegDialog #content #btm #terms #termsbkg{width:638px}
#literegDialog #content #mid #headline,
#literegDialog #content #mid .copy,
#literegDialog #content #mid1 #headline,
#literegDialog #content #mid1 .copy,
#literegDialog #content #mid #headline #topbold,
#literegDialog #content #mid1 #headline #topbold{width:620px}
#literegDialog #content #btm .regAgreement{margin-top:12px}
#literegDialog #background{ background:url('/Style%20Library/Images/litereg_bkg.png') no-repeat; z-index:1000}
* html #literegDialog #background{/* IE Overide for PNG Opacity */ background:none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Style%20Library/Images/litereg_bkg.png",sizingMethod="crop")}
#literegDialog #content{ z-index:1001; text-align:left; font:12px arial,helvetica,verdana,sans-serif; color:#707070}
#literegDialog #content a,
#literegDialog #content a:visited{ color:#707070}
#literegDialog #content #top5,
#literegDialog #content #top6{ float:left; clear:both; height:80px}
#literegDialog #content #mid,
#literegDialog #content #mid1{ clear:both; position:relative; left:35px}
#literegDialog #content #btm{ padding-left:21px}
/* TOOLS/DIALOG TOP =========================================================================================================================== */
#literegDialog #content #top5 #tools,
#literegDialog #content #top6 #tools{ float:right; position:relative; width:400px; padding:0px; padding-right:0px; text-align:right; top:16px}
#literegDialog #content #top5 #tools .ttlink,
#literegDialog #content #top6 #tools .ttlink{ line-height:1.2; text-decoration:none; padding:0 10px; border-right:1px solid #707070}
#literegDialog #content #top5 #tools .end,
#literegDialog #content #top6 #tools .end{ border-right:none !important; padding-right:50px}
#modalclose{ cursor:pointer}
#literegDialog #content #tools{ float:right; position:relative; width:400px; padding-top:21px; padding-right:35px; text-align:right}
#literegDialog #content #tools .ttlink{ line-height:1.2; text-decoration:none; padding:0 5px; border-right:1px solid #707070}
#literegDialog #content #tools .end{ border-right:none !important; padding-right:23px}
/* Middle/Form Inputs =========================================================================================================================== */
#literegDialog #content #mid #headline,
#literegDialog #content #mid .copy,
#literegDialog #content #mid1 #headline,
#literegDialog #content #mid1 .copy{ clear:both; padding-bottom:14px}
#literegDialog #content #mid .copy,
#literegDialog #content #mid1 .copy{ padding-top:14px}
#literegDialog #content h3{ padding:0px; margin:0px; font-size:12px; display:block; height:25px}
#literegDialog #content h3 span{ position:relative; left:-10000px}
#literegDialog #content h3.lite_reg{ background:url('/Style%20Library/Images/hdr-litereg.gif') no-repeat}
#literegDialog #content h3.lite_reg-confirm{ background:url('/Style%20Library/Images/hdr-litereg-confirm.gif') no-repeat}
#literegDialog #content #mid #headline #topbold,
#literegDialog #content #mid1 #headline #topbold{ font-size:12px}
#literegDialog #requiredtext{ font-style:italic; margin-top:.7em; height:20px}
#literegDialog #content #mid .form_area,literegDialog #content #mid1 .form_area{clear:both; width:559px; padding-left:20px}
#literegDialog .field_pair{clear:both; float:left; padding-right:15px; height:15px}
#literegDialog #form_area .end{ padding-right:0px !important}
#literegDialog .label{ float:left; padding-right:3px; font-size:13px}
#literegDialog .field{ float:left}
#literegDialog .fieldHolder{ width:170px; height:19px; background:url('/Style%20Library/Images/bkg_emailinput.gif') no-repeat; float:left;padding:1px 5px 0px 0px;font-size:13px;line-height:normal}
#literegDialog .fieldHolder_sm{ width:139px; height:19px; background:url('/Style%20Library/Images/bkg_postalinput.gif') no-repeat; float:left;padding:1px 5px 0px 0px;font-size:13px;line-height:normal}
#literegDialog #ctl00_PlaceholderMainContentWrapper_PlaceHolderMain_txtEmail{width:158px;height:14px;font-size:11px;background:none;background-color:transparent;border:none;margin-top:1px;margin-left:12px}
#literegDialog .emailInput{border-style:none;border-color:inherit;border-width:medium;width:158px;height:14px;font-size:11px;background:;margin-top:1px;margin-left:12px}
#literegDialog .postalInput{border-style:none;border-color:inherit;border-width:medium;width:127px;height:14px;font-size:11px;background:;margin-top:1px;margin-left:12px}
#literegDialog input{ font-size:11px; color:#602E70}
/* BOTTOM/OPT INS - TERMS - SUBMIT =========================================================================================================================== */
#literegDialog #content #btm #preterms{ float:left; clear:both; padding:18px 0 8px 0}
#literegDialog .rb_field_pair{ float:left; clear:both; width:559px; margin:0 0 5px 0}
#literegDialog .rb_field{ float:left; padding-right:5px}
#literegDialog .rb_label{ float:left; font-size:13px; padding-top:2px}
#literegDialog #content #btm #terms,
#literegDialog #content #btm #terms #termsbkg{ height:117px}
#literegDialog #content #btm #terms{margin-bottom:10px;margin-bottom:0px}
#literegDialog #content #btm #terms #termsbkg{ position:absolute; background:url('/Style%20Library/Images/bkg_literegterms.gif') no-repeat top left}
#literegDialog #content #btm #terms #termscontent{ position:absolute; width:624px; height:89px; overflow:auto; padding:14px; font-size:11px}
#literegDialog #content #btm #terms p{ padding:5px 0; margin:0}
#literegDialog #content #btm #terms ul{ list-style-type:decimal}
#literegDialog #content #btm #terms ul li{ padding:5px 0}
#literegDialog #content #btm #postterms{ float:left; clear:both; position:relative; width:559px; padding:8px 0 8px 0}
#literegDialog #content #btm #litereg_submit{ position:relative; width:78px; height:14px; cursor:pointer; margin:0px;/* left:458px;*/ top:0px; width:650px; text-align:right; background:url('/Style%20Library/Images/btn-submit.gif') no-repeat right top}
#literegDialog #content #btm #litereg_submit span{ visibility:hidden}
#literegDialog #mid .form_area td{padding-bottom:5px;width:300px}
#literegDialog #mid .form_area div{float:left;padding-right:8px}
#literegDialog #mid .form_area input{float:left;margin-right:5px}
#literegDialog #mid .form_area label{float:left;margin-top:2px}
/* Misc Lite Reg Form Global */
#literegDialog .clear{ clear:both; height:0px; width:inherit; font-size:1px}
#literegDialog .nopadding{ padding:0px !important}
#literegDialog #content p.purple{ color:#602E70}
input:focus{/* fix safari focus highlight */ outline:none}
/* ERRORS =========================================================================================================================== */
#literegDialog #content #errors{ position:absolute; width:290px; height:125px; left:298px; top:191px; color:#00F}
#literegDialog #content .errorLabel{ top:87px; left:290px; position:absolute; width:250px; height:125px; color:#00F}