/* formRow
-------------------------------------------------------------- */
.formRow {  margin: 0 0 .5em;  }

  /* Clearing floats without extra markup  */
  .formRow { display: inline-block;  }
  .formRow:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .formRow { height: 1%; }
  .formRow {  display:block ; }
  
  
  .formRow label { float: left; width: 200px; text-align: right; padding-right: 1em; }
    .index .formRow label { display: block; text-align: left; clear:both;}
    .index .formRow input,  .index .formRow select { float: left; clear:both; }
    
    
  .formRow select { width: 200px; }
  .formRow input  { width: 200px; }
    .formRow input[type=checkbox], .formRow input[type=radio]{ width: auto; margin-right: .5em;}


/* error 
-------------------------------------------------------------- */
label.error, .error_message { color:#C00; }
  .error_message { font-style: italic; font-size: 80%; padding-left: 212px; }
    .index .error_message { padding-left: 0pt; clear:both; }


/* shadowbox
-------------------------------------------------------------- */
#lightbox_verification, #shadowbox_content { padding: 2em; }
  #shadowbox_content label { float: left; width: 200px; text-align: right; padding-right:1em; }






/*interstitial stying for center display
this is temporary placement for the styling...  Idealy it will be in global.css*/

	
		/*exact same as .clear items*/
		
/*		.display_top_logo,*/
		.widget-offer-info{ 
				display: inline-block; 
				}   
		.display_top_logo:after,
		.widget-offer-info:after{
			  content: "."; 
			  display: block; 
			  height: 0; 
			  clear: both; 
			  visibility: hidden;
			}
			
		/*	end .clear*/
			
		.widget-offer-info {
			width:100%;
		}
			
		.display_top_logo {
			margin:0 auto;
		}
			
			.interstitial_form label{
				text-align:left !important;
				width:100% !important;
			}
				.interstitial_form  .formRow .formElements,
				.interstitial_form  .formRow .formElements select{
					width:100%;
				}
		  	
			body.interstitial #layout_center,
			body.interstitial_2 #layout_center {
				margin:0 auto !important;	
				padding:0 !important;
			}
								.interstitial_form,
								body.interstitial #layout_center .widget-offer-info,
								body.interstitial_2 #layout_center .widget-offer-info {
									width:734px;
									padding-left:90px;
								}
								
			
			body.interstitial .description {
				[]width:100%;
			}
			
			.interstitial_form{
				padding-top:20px;
			}
			
		.interstitial_form .buttonContainer{
			text-align:center;
			margin-left:0;
		}
			
			.no_thanks {
				position:absolute;
				right:140px;
				margin-top:-61px;
			}
			


/* shadowbox 
-------------------------------------------------------------- */

#sb-body, #sb-loading{
	background:#FFF;
}
					
#sb-content,
#shadowbox_content {
  background:white;
  position:relative;
  padding:15px;
  font-size:12pt;
}

#sb-content label,
#shadowbox_content label {
  font-size:9pt;
  margin-right:10px;
}

#sb-content span,
#shadowbox_content span {
  float:left;
}

#sb-content span div,
#shadowbox_content span div {
  margin-bottom:8px;
  line-height:18px;
}

#sb-content input,
#shadowbox_content input {
  background-color:paleGoldenRod;
  margin-left:15px;
  width:180px;
}

#sb-content form .error_message,
#shadowbox_content form .error_message {
  margin-top:5px;
}

#sb-content h2,
#shadowbox_content h2 {
  font-size:11pt;
  font-weight:normal;
  text-align:left;
  text-transform:none;
  margin-bottom:20px;
}

#sb-content .buttonContainer,
#shadowbox_content .buttonContainer {
  position:static;
}

#sb-content .button,
#shadowbox_content .button {
  position:absolute;
  bottom:45px;
  right:18px;
  width:162px;
}