/* ----------------------------------------------------------------
css override - atbiz.com
body background, logo, skinnable main graphic, colors, and form styles
-------------------------------------------------------------------*/
.article, p,ul, li { font-size:12px; }
.checkbox_label {font-size:11px;color:#666666;}
* {font: 12px Arial,Helvetica,Sans-Serif;color:#8c8c8c}
a,a:hover,a:visited {color: #8c8c8c; text-decoration: underline;}
h1, h2 {color:#000000;}
p, li {color:#8c8c8c;}
li { list-style-image: url('../images/bullet_grey.gif'); }
ul {clear:both; margin-bottom:1.2em; margin-left:20px;}

#container {
	background: #fff;
	width: 668px;
	padding-top:5px;
}

#header { 
	display:block;
	margin-top:10px;
}

#site-header { 
	display:block;
	position:relative;	
}

#site-header h2 {
	color:#666666;
	font-size:12px;
	font-weight:normal;
	top:8px;
	right:185px;
	position:relative;
}

#company-logo { 
	background:url('../images/atbiz/logo2.gif') top left no-repeat;
	height:50px;
	width:265px;
	position:relative;	
	display:block;
	margin:0px 30px 0px 0px;
}

#skin-graphic {
	background:url('../images/atbiz/skingraphic.jpg') top left no-repeat;
	height:345px;
	width:668px;
	position:relative;	
}	

#intro-text {
	position:relative;;
	left:10px;
	width:320px;	
}

#intro-text-content {
	top:-90px;
	color:#666666;
	position:absolute;
	font-size:12px;
}

#intro-text-sub-header {	
	top:-120px;
	color:#0057a7;
	position:absolute;
	font-size:13pt; 
}

#intro-text:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.center-element {
	clear:both;
	display:block;
	position:relative;
	margin-bottom:10px;
}

.info-lists {
	width:100%;
	text-align:left;
	position:relative;
	height:230px;
	margin-left: auto;
	margin-right: auto;	
	display:block;
	clear:both;	
}
.article_list ul {
	width:163px;
	padding:0px;
	margin:0;
	background:url('../images/atbiz/indexbg.gif') bottom left no-repeat;
	position:relative;
	top:-5px;
	}
.article_list ul{
	padding:5px;
	}
.article_list ul li {
	margin-left:20px;
		width:130px;

	}
		
.article_list ul li a{
	padding:0px;
	margin:0;
	font-size:11px;
	}
.article_list h2 {
	font-size:13pt;
	font-weight:normal;
	color:#ffffff;
	height:39px;
	line-height:39px;
	display:block;
	background:url('../images/atbiz/indextop.gif') top left no-repeat;
	width:163px;
	padding-left:5px;
	}
	
.article_list#list1 {
	position:absolute;
	top:0px;
	left:0;
	}
.article_list#list2 {
	width:163px;
	position:absolute;
	top:0px;
	left:340px;
	}
.article_list#list3 {
	width:163px;
	left:170px;
	top:0;
	}
.article_list#list4 {
	width:163px;
	position:absolute;
	top:0px;
	left:510px;	
	}			
.article_list ul li { margin-bottom:5px; }
/* footer */
#layout_footer,#footer-wrapper {
	display:block;
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid lightBlue;
	width:80%;
}
	
#footer-gradient {
	width:668px;	
	}
	
#footer {
	clear: both;
	width: 668px; 
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding-top: 5px;
	font-size:.5em;
	background:transparent;
}
#footer p {
	color: #999;
	font-size: 11px;
	margin: 5px 0 5px 0;
}
#footer .nav{ 
  float:left;
  font-size:10px;
  letter-spacing: -0.05em;
}
#footer .nav a {font-size: 10px; }
#footer .copy { 
  color:#999999;
  float:right;
  font-size: 10px;
  background: url('../images/atbiz/Monster_Footer_white_sm.png') no-repeat scroll 100% 100%;
  padding-right:175px;
}

/* form */
.form-container {
	width:320px;
	position:relative;
	top:115px;
	right:0px;
}

.form-container h3 {display:none; }
.form-container label { text-transform:none;color:#666666;font-size:12px;}
.form-container a {color:#666666;}

.buttonContainer {
	position:relative;
}

.button {
	background: url('../images/atbiz/button_continue.png') no-repeat center right;
	width: 134px;
	height:25px;
	border: 0px;
	cursor:pointer;
	color:#ffffff;
	font-size:13pt;
	line-height:25px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.form-container select,
.form-container input.text {
	width:300px;
}
#sub-col1 form .buttonContainer .button { margin-top:0; }

.form-container #formRow_emailaddress input { width:195px}
	
#form-container-sub {
	background: url('../images/atbiz/form_sub.jpg') top left no-repeat ;
	width:352px;
	height:272px;
	top:8px;
	right:0px;	
}

#form-container-sub #formRow_emailaddress input {
  width:165px;
}

#form-container-sub .buttonContainer {
  width:75%;
}
	
#form-container-sub .buttonContainer .button { xposition:relative;xright:90px; }
	
#form-container-sub form {
	position:relative;
	top:75px;
	left:10px;	
}	
#form-container-sub form div div div input#emailaddress {
width:150px;
}
#form-container-sub form fieldset div div label {
	color:#ffffff;
	font-size:11px;
	}
#form-container-sub form fieldset div div span.checkbox_label,
#form-container-sub form fieldset div div span.checkbox_label a	{
	color:#ffffff;
	font-size:11px;	
}
#form-container-sub form fieldset div div div input,
#form-container-sub form fieldset div div div select {
	width:255px;
	font-size:11px;
}

#sub-col1 .article{
	width:300px;
	display:block;
	clear:both;
	color:#8c8c8c;
	margin:0;
	padding:0;
}	

#sub-col1 .article.no-form {
  width:675px;
}

#sub-col1 .article h3 {
  padding:5px;
}

#sub-col1 .article h2.article-title {
  padding:5px;
}

#sub-col1 {position:relative;}
#sub-col1 form {
	display:block;
	clear:both;
	color:#8c8c8c;
	margin:0;
	padding:0;
}	
	
#sub-col1 form fieldset legend {
  background:transparent url(../images/atbiz/formheader.gif) no-repeat scroll left top;
	width:283px;
	display:block;
	line-height:21px;
	height:21px;
	color:#ffffff;
	font-weight:bold;
	padding-left:5px;
  padding-right:228px;
	font-size:12px;
}	

html #main.step2 #sub-col1 form fieldset {
  margin-left:0px;
}

#sub-col1 form fieldset {
	margin-bottom:15px;
	display:block;	
	border:none;		
	font-size:12px;	
	}
	
#sub-col1 h2 {
	display:block;	
	border:none;	
}

#sub-col1 form h3,
#sub-col1 form legend {
	color:#000000;	
	display:block;
	font-size: 1.5em;
}	

#sub-col1 form fieldset div{
}	


#main.step2 #sub-col1 form fieldset div label {
  width:130px;
}

#main.step2 #sub-col1 form fieldset legend {
  padding-right:205px;
}

#sub-col1 form fieldset div label{
	float:left;
	width:340px;
	display:inline;
	
}	
#sub-col1 form fieldset div input {
	font-size:11px;
	width:180px;
}

#sub-col1 form fieldset div select{
	font-size:11px;
	width:184px;
}

#sub-col1 div.article h2.article-title
 {
	display:block;
	width:283px;	
  font-size:15pt;
  font-weight:normal;
	padding:0px 5px 0px 5px;
}

/* .modules div.fact  */
div.fact {
	background: transparent url("../images/atbiz/fact_bottom.gif") 0 100% no-repeat;
	width:236px;
	float:right;
	position:absolute;
	right:0px;
	top:-35px;
}


div#main {
	position:relative;
}	

div.fact dl dt {
	background:url("../images/atbiz/bg_fact_t.jpg") 0 0 no-repeat;	
	height:18px;
	color:#666666;
	font: bold 13pt Georgia, Arial, sans-serif;
	padding:155px 20px 0px 20px;
	text-align:center;
}

#main.step4 div.fact dl dt {
	background:url("../images/atbiz/bg_fact_t_s4.jpg") no-repeat scroll 0pt 0pt;
	height:18px;
	color:#666666;
	font: bold 13pt Georgia, Arial, sans-serif;
	padding:45px 20px 0px 20px;
	text-align:center;
}

#main.step4success div.fact dl dt {
	background:url("../images/atbiz/bg_fact_t_s4.jpg") no-repeat scroll 0pt 0pt;
	height:18px;
	color:#666666;
	font: bold 13pt Georgia, Arial, sans-serif;
	padding:25px 20px 10px 20px;
	text-align:center;
}

#main.step4success div.fact {
	background: transparent url("../images/atbiz/fact_bottom.gif") 0 80% no-repeat;
	width:236px;
	float:right;
	position:absolute;
	right:40px;
	top:-35px;
}

#main.step4success div.fact p {
	padding:10px 13px 0px;
}

div.fact p {
	color:#666666;
	font: bold 12px Georgia, Arial, sans-serif;
	font-style:italic;
	margin:0;
	padding:10px 13px 14px;
	margin-bottom:20px;
	margin-top:5px;
	line-height:1.65em;
	text-align:center;
}
#sub-col1 div.formRow { clear:both;display:block;padding:5px 0px 5px 0px }
#sub-col1 div.formRow div select{ width:200px; margin-left:10px;}
#sub-col1 div.formRow div input{ width:197px; margin-left:10px;}
#sub-col1 form fieldset label {font-weight:bold; }
#step3-blank-state div#blank-state-message {}
#sub-col1 #step3-blank-state { width:300px; }
#blank-state-message { width:370px; }
#step4-success-info div#step_message {padding-bottom:0px;width:370px;}
#step4-success-blank-state div#blank-state-message {padding-bottom:0px;}
#step4-success-blank-state .lists-container .info-lists{
	display:none;
	height:490px;
	top:170px;
	position:relative;
	clear:both;

}

#step4-success-info .lists-container .info-lists{
	display:none;
	height:490px;
	position:relative;
	top:170px;
	clear:both;

}
#formRow_terms span { font-size:11px; }

.offer_logo { 
	float:right;
	display:block;
	clear:both;
	margin:5px 0px 5px 0px; 
	padding:10px;
}

#sub-col1 div.offers { margin-top:10px;display:block;float:left; }
#sub-col1 div.offers form fieldset legend { display:none; }
#sub-col2 div.offers form fieldset legend { display:none; }

/* Proper formatting of radio buttons in offer formrows */
#sub-col1 div.offers form fieldset .formRow div.radiobutton  {
  clear:none;
  float:left;
}

#sub-col1 div.offers form fieldset .radiobutton label {
  float:none;
}

#sub-col1 div.offers form fieldset .radiobutton input {
  width:auto;
  height:auto;
}

#sub-col11 { padding-bottom:10px; }	

/* Latest updates */
#sub-col1 div.offers form fieldset .description { 
	margin-top:10px;
	padding-top:10px; 
}

#sub-col1 div.offers div.alternative_offers {
	background-color:#DAE9E0;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 15px;
	padding: 5px;
	width:690px;
}

#sub-col1 div.offers form fieldset div.formElements select {width:250px;}

#sub-col1 form fieldset div.select_offer_header input {
    font-size:auto;
    width:20px;
}

#sub-col1 form fieldset div.select_offer_header label{
    float:none;
    width:auto;
    display:inline;
}   

/* School Offer Header */
#sub-col1 form fieldset div.select_offer_header {
    background: #DEE8EC none repeat scroll 0% 50%;
    display: block;
    font-size: 11pt;
    font-weight: bold;
    padding:6px;
    }

#main.step3 #sub-col1,
#main.step3b #sub-col1 {
	width:700px;
}

#sub-col1 div.offers form fieldset input.offer_checkbox {
	height:20px;
	width:20px;
}

#main.step4 #step4-info {
	width:370px;
	height:160px;
}

#main.step3 div.offers,
#main.step3b div.offers {
	padding-top:45px;
	background: transparent url(../images/atbiz/ckmex.jpg) no-repeat scroll 15px 0px;
}

#main.step4success #step4-success-info {
	height:160px;
}

span.learnmore_link {
	color:#4B78BC;
}

select option {
  padding-right:25px;
}

#sub-col1 div.offers form fieldset #formRow_2286 select { width:350px; }

#lead_gen_form {
	background: url('../images/atbiz/form_sub.jpg') top left no-repeat ;
	width:352px;
	height:272px;
	top:8px;
	right:0px;	
  position:absolute;
}

#lead_gen_form #formRow_emailaddress input {
  width:165px;
}

#lead_gen_form .buttonContainer {
  width:75%;
}
	
#lead_gen_form .buttonContainer .button { xposition:relative;xright:90px; }
	
#lead_gen_form form {
	position:relative;
	top:100px;
	left:10px;	
}	

#lead_gen_form form div div div input#emailaddress {
width:150px;
}
#lead_gen_form form fieldset div div label {
	color:#ffffff;
	font-size:11px;
	}
#lead_gen_form form fieldset div div span.checkbox_label,
#lead_gen_form form fieldset div div span.checkbox_label a	{
	color:#ffffff;
	font-size:11px;	
}
#lead_gen_form form fieldset div div div input,
#lead_gen_form form fieldset div div div select {
	width:255px;
	font-size:11px;
}

#main_column {
	width:300px;
	display:block;
	clear:both;
	color:#8c8c8c;
	margin:0;
	padding:0;
}	

#article h2 {
  margin-left:10px;
}

#lead_gen_form form select {
  width:230px;
}

#lead_gen_form label {
  color:#5B5B5B;
}

#lead_gen_form form #formRow_emailaddress {
  float:left;
}

#lead_gen_form form #formRow_zipcode {
  float:left;
  margin-left:10px;
}

#lead_gen_form form #formRow_emailaddress input {
  width:130px;
}

#lead_gen_form form #formRow_zipcode input {
  width:85px;
}

#lead_gen_form #formRow_terms {
  display:block;
  clear:both;
  xpadding-top:5px;
}

#lead_gen_form fieldset {
  border:none;
}

#lead_gen_form fieldset legend {
  display:none;
}

#lead_gen_form form input.button {
  xtop:10px;
  xposition:relative;
}

#lead_gen_form .buttonContainer {
  width:77%;
}

#lead_gen_form #formRow_emailaddress input,
#lead_gen_form #formRow_zipcode input {
	border:1px solid #000000;
	background:#ffffff;
	color:#000000;	
}

#lead_gen_form .formRow {
  display:block;
  padding: 0pt 0pt 6px;
}

#bottom_lists {
  clear:both;
}

#article {
  xwidth:50%;
  margin-top:20px;
}

/*
#main_column {
  width:50%;
  float:left;
  margin-left:20px;
}
*/
#main_image {
  float:left;
  padding:5px;
}

#main_image img {
  height:168px;
  width:254px;
}

#article p, #article p li {
  font-size:12px;
  padding:5px;
}

#article p {
  margin-bottom:15px;
}

#NoOfferSelected {
  position:relative;
  border:1px solid #A6534C;
  color:red;
  text-align:center;
  margin:0px 0px 5px;
  padding:8px 10px;
  font-size:11pt;
  font-weight:bold;
} 

/* loading indicator */
#main.step3 h1 {
  margin:0px auto;
  text-align:center;
  font-size:18pt;
  font-weight:bold;
  font-family:Lucida Sans Unicode,Verdana,Arial,sans-serif;
  padding:40px 0px;
}

#main.step3 img {
  margin:0px auto;
  display:block;
  text-align:center;
  padding-bottom:40px;
}

#main.step3 #sub-col1 img {
  margin:none;
}

#main.step3 #sub-col1 h1 {
  margin:none;
  text-align:left;
}


#sub-col1 div.offers form fieldset #formRow_uop_program select {
  width:auto;
  margin-left:0px;
}

/* Step4 shadowbox email confirmation items */

#shadowbox_content {
  background:white;
  position:relative;
  padding:15px;
  font-size:12pt;
}

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

#shadowbox_content span {
  float:left;
}

#shadowbox_content span#validation_label {
  width:170px;
  float:left;
}

#shadowbox_content span#validation_textbox {
  float:right;
}

#shadowbox_content span div + div, #shadowbox_content span div + div + div {
  margin-bottom:8px;
}

#shadowbox_content span div {
  margin-bottom:15px;
  line-height:18px;
}

#shadowbox_content span#validation_textbox input {
  background-color:paleGoldenRod;
  margin-left:15px;
  width:180px;
}

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

#shadowbox_content .buttonContainer {
  position:static;
  clear:both;
  width:100%;
}

#shadowbox_content .button {
  float:right;
  margin-top:15px;
}

#bounced_email_lightbox, #home_phone_lightbox, #email_and_home_phone_lightbox {
  width:400px;
  height:185px;
  position:absolute;
  top:-1000px;
}

#home_phone_lightbox {
  height:170px;
}

#email_and_home_phone_lightbox {
  height:220px;
}

/* end Shadowbox styling */

/* Step2 and 3 call box styling */
#formRow_callbox {
  min-height:30px;
}

#main.step3 div.call_box {
  padding-left:25px;
  width:95%;
}

#sub-col1 #formRow_callbox {
  position:relative;
}

#main.step3 #sub-col1 div.call_box div.formRow label {
  left:15px;
  top:5px;
  position:absolute;
  padding-left:10px;
  width:600px;
}

html .step3 div.call_box div.formRow div.error_message {
  position:relative;
  left:25px;
  width:600px;
  display:block;
}

#main.step2 div.call_box div.formRow label {
  padding-left:5px;
  width:300px;
}

#main.step2 div.call_box div.formRow div.error_message {
  padding-top:30px;
  width:300px;
  padding-left:18px;
}
/* end callbox */

#main.step2 .buttonContainer {
  width:55%;
}
#main.step2 #sub-col1 div.formRow { padding:0px; }
#main.step2 #sub-col1 div.formRow label, 
#main.step2 #sub-col1 div.formRow .formElements {
   padding:5px 0px; 
 }
div.step2 .formRow label { text-align:right; }