/* 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 {
    position: relative;
    width: 614px;
    height: 552px;
}

#literegDialog #background {
    position: relative;
    width: 614px;
    height: 552px;
    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 #errors {
    position: absolute;
    width: 290px;
    height: 125px;
    left: 298px;
    top: 191px;
    color: #0000FF;
}
#literegDialog #content .errorLabel{
 	top: 100px;
 	left: 258px;
    position: absolute;
    width: 290px;
    height: 125px;
    color: #0000FF;
 }
#literegDialog #content {
    position: relative;
    width: 614px;
    height: 552px;
    z-index: 1001;
    margin-top: -552px; 
    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;
    position: relative;
    width: 614px;
    height: 95px;
}
#literegDialog #content #mid, #literegDialog #content #mid1 {
    clear: both;
    position: relative;
    left:35px;
    width: 579px;
}
#literegDialog #content #btm {
    padding-left: 21px;
}
/* Tools/Dialog Top
========================================= */
#literegDialog #content #top5 #tools, #literegDialog #content #top6 #tools{
    float: right;
    position: relative;
    width: 400px;
    padding-top: 21px;
    padding-right: 35px;
    text-align:right;
}
#literegDialog #content #top5 #tools .ttlink, #literegDialog #content #top6 #tools .ttlink {
    line-height: normal;
    text-decoration: none;
    padding: 0 5px;
    border-right: 1px solid #707070;
}
#literegDialog #content #top5 #tools .end, #literegDialog #content #top6 #tools .end {
    border-right: none !important;
    padding-right: 23px;
}
#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: normal;
    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;
    width: 520px;
    padding-bottom: 15px;
}
#literegDialog #content #mid .copy, #literegDialog #content #mid1 .copy {
    padding-top: 15px;
}
#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 {
    width: 520px;
    font-size: 12px;
}
#literegDialog #requiredtext {
    width: 579px;
    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;
    width: 559px;
    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 {
	margin-bottom:10px;
    width: 538px;
    height: 117px;
}
#literegDialog #content #btm #terms #termsbkg {
    position: absolute;
    width: 538px;
    height: 117px;
    background: url('/Style%20Library/Images/bkg_literegterms.gif') no-repeat top left;
    display: none;
}
#literegDialog #content #btm #terms #termscontent {
    position: absolute;
    width: 524px;
    height: 89px;
    overflow: auto;
    padding: 14px;
    font-size: 11px;
    /* display: none; */
}
#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: 4px;
    background:url('/Style%20Library/Images/btn-submit.gif') no-repeat;
}
#literegDialog #content #btm #litereg_submit span{
    visibility: hidden;
}

#literegDialog #mid .form_area td{ padding-bottom: 7px; 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;
}
#literegDialog .nopadding {
    padding: 0px !important;
}
#literegDialog #content p.purple {
    color: #602E70;
}
input:focus { /* fix safari focus highlight */
 outline: none;
}