/* MAIN STYLES FOR REDESIGNED EDXPO */


/* SITE 
-----------------------------------------*/

html {
	background-color:#e2e2e2;
}

body {
	margin:0 auto;
	width:1000px;
	background: #e2e2e2 url("../images/edx/main-bg.gif") 0 0 repeat-y;
}
	
	body fieldset{ border:0; margin:0; padding:0; }
	
a { color:#127bd7; }
	
a:hover{ text-decoration:underline; color:#f60; }
	
p { margin:0; }

ul{ list-style-type:none; }
	
/*clear items*/

.clear,
#nav,
#article{ display: inline-block; }   

.clear:after,
#nav:after,
#article:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/*  article specific */ #container,
#layout_container {
	width:1000px;
	background-color:transparent;
	margin:0;
	padding:0;
}
		
/* HEADER
-----------------------------------------*/
	
	/*	article specific */ .article_page #site-header,
	#layout_header #site-header {
		display:none;
	}
	
	/*	article specific */ #container #header {
		padding:11px 0 0 0;
		background: transparent url("../images/edx/header-bg.gif") top left repeat-x;
		height:115px;
		margin:0 20px 0 20px;		
	}
	
	#layout_header{
		padding:11px 0 0 0;
		background: transparent url("../images/edx/header-bg.gif") top left repeat-x;
		height:115px;
		margin:0 20px 9px 20px;
	}
		
	/*	article specific */ #container #header span#site-name,
	#layout_header #header span#site-name {
		float:left;
		text-align:left;
		display:none;
	}
		
	/*  article specific */ #container #header #company-logo,
	#layout_header #company-logo {
		background:transparent url("../images/edx/logo_site.png") no-repeat 0 0;
		height:58px;
		width:400px;
		margin:0 0 0 14px;
	}

	/*  article specific */ #container #header a #company-logo,
	#layout_header a #company-logo {
		cursor:pointer;
	}
		

/* NAVIGATION
-----------------------------------------*/

	/*	article specific*/ #container #nav {
		position:relative;
		top:-38px;
		left:12px;
	}
	
	#layout_header #nav {
		padding:19px 0 0 10px;
	}
	
	/*	article specific*/ .article_page #nav ul,
	#layout_header #nav ul {
		display:inline;
		list-style-type:none;
	}
		
	/*	article specific*/ .article_page #nav ul {
		display:block;
	}
		
	/*	article specific*/ .article_page #nav ul li,
	#layout_header #nav ul li {
		display:inline;
		float:left;
	}

	/*	article specific*/ .article_page #nav ul li span,
	#layout_header #nav ul li span {
		display:block;
		padding:0;
	}
	
	/*	article specific*/ .article_page #nav ul li span span,
	#layout_header #nav ul li span span {
		padding:0 40px 0 10px;
	}
	
	/*	article specific*/ .article_page #nav ul li span span,
	#layout_header #nav ul li span span {
		color:#FFF;
		font-weight:bold;
		font-size:13px;
		text-transform:uppercase;
	}
	
	/*	article specific*/ .article_page #nav ul li a:hover span span,
	#layout_header #nav ul li a:hover span span {
		color:#FF9933;
		text-decoration:none;
	}


/* CONTENT
-----------------------------------------*/

	/*	article specific*/ .article_page #main,
	#layout_main {
		background-color:transparent;
		padding:0 35px;
	}
	
/*  HOME ONLY  */

/*	MAIN  */  
	
	#layout_main #layout_center #intro-text {
		background:transparent url("../images/edx/main-image.jpg") no-repeat top left;
		float:left;
		width:615px;
		height:300px;
		margin-right:15px;
		margin-bottom:20px;
	}
		
	#layout_main #layout_center #intro-text h1 {
		font-size:24px;
		color:#123465;
		padding:15px 0 0 10px;
	}

	#layout_main #layout_center #intro-text p#intro-text-content {
		font-size:13px;
		padding:0 330px 0 10px;
	}
	
	#layout_main #layout_center #intro-text p#join-us-text {
		padding:110px 0 0 170px;
		color:#ff6600;
		font-size:26px;
		font-weight:bold;
	}

/*  END MAIN  */


/*	INFO-LISTS  */

	#layout_main #layout_center .info-lists .article_list {
		background:transparent url("../images/edx/index-bucket-bg-top.gif") top left no-repeat;
		float:left;
		width:300px;
		margin-bottom:20px;
	}
	
	#layout_main #layout_center .info-lists #list2,
	#layout_main #layout_center .info-lists #list1 {
		margin-right:15px;
	}
	
	#layout_main #layout_center .info-lists .article_list .list_content {
		background:transparent url("../images/edx/index-bucket-bg-bot.gif") bottom left no-repeat;
		height:190px;
	}
			
	#layout_main #layout_center .info-lists .article_list h1 {
		font-size:24px;
		font-weight:normal;
		line-height:18px;
		color:#127bd7;
		padding:15px 0 0 15px;
	}
	
	#layout_main #layout_center .info-lists .article_list p {
		margin-bottom:10px;
		padding:0 15px 0 15px;
	}
		
/*  END INFO-LISTS  */

/*  END HOME ONLY  */

/*  PARTICIPANT REGION  */

#layout_main #layout_center #participants {
	float: left;
	clear: both;
	border: none;
	padding: 0;
	margin: 0;
}
		
		
/*  MINI REG FORM
-----------------------------------------*/
	
	/*	article specific*/ .article_page #reg_form,
	#layout_main #layout_center #reg_form{
		background:transparent url("../images/edx/mini-reg-bg-top.gif") top right no-repeat;
		float:right;
		width:300px;
		margin-bottom:20px;
	}

	/*	article specific*/ .article_page #reg_form form,
	#layout_main #layout_center #reg_form form {
		background:transparent url("../images/edx/mini-reg-bg-bot.gif") bottom right no-repeat;
		padding:0 10px;
		height:300px;
	}

	/*	article specific*/ .article_page #reg_form form fieldset,
	#layout_main #layout_center #reg_form form fieldset {
		border:none;
		width:230px;
		margin:0 auto;
	}
	
	/*	article specific*/ .article_page #reg_form fieldset legend,
	#layout_main #layout_center #reg_form fieldset legend {
		color:#123465;
		padding:6px 0 10px 10px;
		font-size:30px;
		font-weight:normal;
	}
	
	#step1_form {
		display:none;
	}
				
				
	
/*  FORM FIELDS  */
	
	form.index #formRow_3,
	form.index #formRow_4 {
		display:inline;
	}

	form.index #formRow_educationXpoStatus,
	form.index #formRow_emailaddress,
	form.index #formRow_zipcode,
	form.index #formRow_terms {
		padding-bottom:5px;
	}
	
	form.index select#form_educationXpoStatus {
		width:226px;
	}
	
	form.index #formRow_educationXpoStatus label,
	form.index #formRow_emailaddress label, 
	form.index #formRow_zipcode label {
		padding-right:0;
		color:#123465;
	}
	
	form.index #formRow_emailaddress label,		
	form.index #formRow_emailaddress {
		padding-right:20px;
		width:155px;
	}

	form.index #formRow_emailaddress input {
		width:155px;
	}
		
	form.index #formRow_zipcode input,		
	form.index #formRow_zipcode {
		width:46px;
	}
	
	form.index #formRow_emailaddress, 
	form.index #formRow_zipcode {
		display:inline;
		float:left;
	}
				
	form.index #formRow_emailaddress label,
	form.index #formRow_zipcode label,
	form.index #formRow_terms {
		display:inline;
	}
				
	form.index #formRow_terms {
		float:left;
		clear:left;
		padding-bottom:10px;
	}
	
	form.index #formRow_terms input#form_terms {
		width:20px;
	}
	
	form.index a:hover {
		color:#127bd7;
	}
	
	form.index .buttonContainer{
		padding-bottom:10px;
		background:transparent;
	}	
				
	form .buttonContainer{
		text-align:center;
	}
	
	form .button {
		background:transparent url("../images/edx/button.png") no-repeat 50% 0;
		width:210px;
		border:none;
		color:#FFF;
		height:35px;
		margin:0 auto;
		font-weight:bold;
		font-size:16px;
		cursor:pointer;
	}

	form .button:hover{
		background:transparent url("../images/edx/button.png") no-repeat 50% -100px;
	}					
	

/*  FOOTER
-----------------------------------------*/	

	#footer {
		background:transparent url("../images/edx/main-bg-bot.gif") bottom left no-repeat;
		width:1000px;
		padding:0 35px 25px 35px;
		height:20px;
		clear:left;
	}
		
	#footer .nav{
		float:left;
	}
		
	#footer .nav,
	#footer .copy{
		display:inline;
		color:#999;
	}
	
	#footer .copy{
		background:transparent url("../images/edx/Monster_Footer_white_sm.png") no-repeat 100% 5px;
		float:right;
		margin-right:70px;
		padding-right:175px;
	}
			
	#footer .nav a {
		padding:10px;
		color:#999;
	}



/*  ARTICLE SPECIFIC
-----------------------------------------*/	

	#container #main {
		position:relative;
		top:-11px;
	}
	
	#article {
		margin-bottom:30px;
		top: -11px;
	}
	
	#article #main_column {
		float:left;
		width:615px;
		margin-right:15px;
	}
	
	#article #main_column #article_title {
		color:#127bd7;
	}
		
	#article #right_column {
		float:left;
		width:300px;
	}
	
	#article #main_image {
		display:block;
		clear:right;
		padding: 0 10px 10px 0;
	}
	
	#article #main_column #article_body {
		float:left;
		clear:both;
		display:block;
		width:99%;
	}
	
	#article #main_column #article_body ul {
		padding:0 10px 5px 15px;
	}
	
	#article #main_column #article_body p {
		padding-bottom:10px;
	}
	
	

/*  STEP 2+
-----------------------------------------*/
	
/*  layout  */
/*  step 2  */
	body.step2 #layout_center {
		margin-bottom:20px;
	}
	
	#layout_center div.step2 {
		background:transparent url("../images/edx/step2-form-bg-top.gif") no-repeat 0px 0px;
		width:595px;
		float:left;
		margin-right:15px;
	}
	
	#layout_center div.step2 h1 {
		color:#123465;
		font-size:24px;
		font-weight:bold;
		padding:10px 0 10px 10px;
	}
	
	#layout_center form.step2 {
		background:transparent url("../images/edx/step2-form-bg-bot.gif") bottom left no-repeat;
		padding-left:140px;
		padding-bottom:20px;
	}

	#layout_center form.step2 fieldset {
		padding-bottom:15px;
	}
	
	#layout_center form.step2 fieldset legend {
		font-size:16px;
		padding:0 0 10px 0;
		color:#127bd7;
	}
	
	#layout_center form.step2 div.buttonContainer {
		padding:10px 80px 10px 0;
	}
	
	#layout_center #step2_right {
		float:left;
		width:320px;
		background:transparent url("../images/edx/step2-students.jpg") top left no-repeat;
	}
	
	#layout_center #step2_right .student_message {
		height:700px;
		margin-bottom:10px;
		padding:7px 15px 0 15px;
		color:#123465;
		font-size:20px;
		font-weight:bold;
		text-align:center;
	}
	

/*  STEP 3, STEP 4  */
	body.step3 #layout_center,
	body.step4 #layout_center,
	body.step4success #layout_center {
		margin-bottom:30px;
	}
	
	#layout_center div.step3,
	#layout_center div.step4,
	#layout_center div.step4success {
		background:transparent;
		width:650px;
		margin:0 140px;
	}
	
	#layout_center .offer_header {
		font-size:18px;
		font-weight:bold;
		width:930px;
		color:#123465;
		padding-bottom:20px;
		text-transform:none;
	}
	
	body.step3 .nothanks_top {
		float:right;
		font-size:16px;
		font-weight:bold;
	}
	
	body.step3 .nothanks_bottom {
		display:inline;
		float:right;
		margin:-30px 25% 0 0;
		text-align:right;
		font-size:16px;
		font-weight:bold;
	}
	
	body.step3 #layout_center .ajax_loader h1 {
		font-size:24px;
		color:#123465;
		text-align:center;
	}
	
	body.step3 #layout_center .ajax_loader img {
		margin:0 415px;
	}
	
	body.step3 #layout_center .ajax_loader img.offer_logo {
		margin:4px;
	}
	
	#layout_center #step4-success-info,
	#layout_center #step4-info {
		background:transparent url("../images/edx/thankyou-bg-top.gif") top left no-repeat;
		width:650px;
		margin:0 140px 40px 140px;
	}
	
	#layout_center #step4-success-info .thankyou_message,
	#layout_center #step4-info .thankyou_message {
		background:transparent url("../images/edx/thankyou-bg-bot.gif") bottom left no-repeat;
		padding:10px;
	}
	
	#layout_center #step4-success-info .thankyou_message h1,
	#layout_center #step4-info .thankyou_message h1 {
		color:#127bd7;
		font-size:20px;
		font-weight:bold;
	}
	
	body.step4success #layout_center h3 {
		margin:0 140px 15px 140px;
		color:#123465;
		font-size:18px;
		font-weight:bold;
	}
	
	#layout_center #step4-success-info .thankyou_message p,
	#layout_center #step4-info .thankyou_message p {
		margin-bottom:10px;
	}
	
	form.step3 .select_offer_header,
	form.step4 .select_offer_header, 
	form.step4success .select_offer_header {
		background:#DEE8EC none repeat scroll 0 50%;
		display:block;
		font-size:11pt;
		font-weight:bold;
		padding:6px;
	}
	
	form.step3 .offer_logo,
	form.step4 .offer_logo,
	form.step4success .offer_logo {
		float: left; 
		margin: 4px; 
	}
	
	form.step3 .description,
	form.step4 .description,
	form.step4success .description{
		margin-top: 4px;
	}
	
	form.step3 label,
	form.step4 label,
	form.step4success label{
		padding: 5px;
		margin-top:10px;
		width:99%;
	}
	
	form.step3 .formElements select,
	form.step4 .formElements select,
	form.step4success .formElements select{
		width:100%;
	}

	body.step4success #spinner-container .step_message{
		background: transparent url("") no-repeat 0px 300px;
		padding-bottom:100px;
		margin-bottom:100px;
	}
	
	body.step4 #layout_center #spinner-container h3 {
		display:none;
	}
	
	
/*  ERROR MESSAGES  */	
		
	body.step3 .error_message,
	body.step4 .error_message,
	body.step4success .error_message {
		padding-left:0;
	}


/*form*/
	form{
	}
	
	form .form_group {
		margin-bottom:30px;
	}
	
	form .form_group label {
		text-align:left;
	}
	
	form .form_group h4 {
		display:none;
	}
	
	form .offer_announcement {
		display:none;
	}
	
	form.step2 .formRow label {
		text-align:left;
		width:150px;
	}
	
		/*hide that sucker*/
		form.step2 .embedded_offer_widget{
			display:none;
		}
		form.step2 legend{
			display:block;
		}
		
		#formRow_educationXpoEdProgram {
			margin-top:20px;
		}
		#formRow_educationXpoEdProgram span.dom_hack,
		#formRow_educationXpoYOU span.dom_hack,
		#formRow_educationXpoFWebMember span.dom_hack {
			float:left;
		}
		#formRow_educationXpoEdProgram label,
		#formRow_educationXpoYOU label,
		#formRow_educationXpoFWebMember label {
			width:auto;
		}
/*/*/
* html #formRow_educationXpoEdProgram input,
* html #formRow_educationXpoYOU input,
* html #formRow_educationXpoFWebMember input {
			width:auto;
		}
		
		
/*  SWITCH OVER FOR EVENT  */


	/*	article specific*/ .article_page #reg_form .index_twolinks fieldset,
	#layout_main #layout_center #reg_form .index_twolinks fieldset {
		border:none;
		width:230px;
		margin:0 auto;
	}
	
	/*	article specific*/ .article_page #reg_form .index_twolinks fieldset legend,
	#layout_main #layout_center #reg_form .index_twolinks fieldset legend {
		color:#123465;
		padding:8px 0 10px 20px;
		font-size:30px;
		font-weight:normal;
	}
	
	/*	article specific*/ .article_page #reg_form .index_twolinks fieldset p,
	#layout_main #layout_center #reg_form .index_twolinks fieldset p {
		color:#123465;
		padding-bottom:10px;
		font-size:14px;
		font-weight:bold;
	}
	
	/*	article specific*/ .article_page #reg_form .index_twolinks fieldset input,
	#layout_main #layout_center #reg_form .index_twolinks fieldset input {
		margin-bottom: 15px;
	}