@charset "utf-8";
/* CSS Document */

body { background:#eff2f3; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

/*
 * This .body style used for the smooooothe theme counterpart to the main website
 * 
body { 
	background:#006faf none repeat scroll 0 0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	margin: 0;
	padding: 0;
}
*/

/** ------------------------------------------------------------------------- */
a { text-decoration:none; color:#0041a5; }
a img { border:none; }

/** ------------------------------------------------------------------------- */
#wizard {
	/* width:750px; */
	width:750px;
	border:0px solid red;
	margin:0px auto;
	background: #fff
}
#upgrade {
	width:895px;
	border:0px solid red;
	margin:0px auto;
	background: #fff
}

/** ------------------------------------------------------------------------- */
#wizard_header {
	margin:0 20px;
}
#wizard_header h1 {
	font-size:24px;
	margin:5px 0px;
	color:#3a6fa5;
}
#wizard_header h2 {
	font-size:18px;
	margin:5px 0px;
	color:#3a6fa5;
}

#upgrade_header {
	margin:0 20px;
}
#upgrade_header h1 {
	font-size:24px;
	margin:5px 0px;
	color:#3a6fa5;
}
#upgrade_header h2 {
	font-size:18px;
	margin:5px 0px;
	color:#3a6fa5;
}

/** ------------------------------------------------------------------------- */
#wizard #wizard-i1, #wizard #wizard-i2,  #wizard #wizard-i3 {
	margin:0px;
	padding:0px;
}
#wizard #wizard-i3 {
	border-left:1px solid #cbcaca;
	border-right:1px solid #cbcaca;
}
#wizard #wizard-bt, #wizard #wizard-bt div, #wizard #wizard-bb, #wizard #wizard-bb  div {
	background-image:url(../image/white_box.png);
	height:13px;
}

#upgrade #upgrade-i1, #upgrade #upgrade-i2,  #upgrade #upgrade-i3 {
	margin:0px;
	padding:0px;
}
#upgrade #upgrade-i3 {
	border-left:1px solid #cbcaca;
	border-right:1px solid #cbcaca;
}
#upgrade #upgrade-bt, #upgrade #upgrade-bt div, #upgrade #upgrade-bb, #upgrade #upgrade-bb  div {
	background-image:url(../image/white_box.png);
	height:13px;
}

/** ------------------------------------------------------------------------- */
#wizard #wizard-bt {
	background-position:100% 0;
}

#wizard #wizard-bt div  {
	width:13px;
	background-position:0 0;
	position:relative;
}

#wizard #wizard-bb {
	background-position:100% 100%;
}

#wizard #wizard-bb div  {
	width:13px;
	background-position:0 100%;
	position:relative;
}

#upgrade #upgrade-bt {
	background-position:100% 0;
}

#upgrade #upgrade-bt div  {
	width:13px;
	background-position:0 0;
	position:relative;
}

#upgrade #upgrade-bb {
	background-position:100% 100%;
}

#upgrade #upgrade-bb div  {
	width:13px;
	background-position:0 100%;
	position:relative;
}

/** ------------------------------------------------------------------------- */
.available { 
	background:url(../image/icon_green.gif) no-repeat 5px;
	padding:10px 20px;
	color:#8CC63F;
	font-size:12px;
	font-weight:bold;
	width:190px;
	margin-left:70px;
	text-align: left
}
.unavailable {
	background:url(../image/icon_red.gif) no-repeat 5px;
	padding:10px 20px;
	color:#A62424;
	font-size:12px;
	font-weight:bold;
	width:190px;
	margin-left:70px;
	text-align: left
}

.server_message { color:#A62424; font-size:12px; text-align:center; padding:10px; margin:5px 0; border:1px solid red;}

/** ------------------------------------------------------------------------- */
/* 
 * Updated styling to match the EasyCampus website smoooooothe theme,
 * as launched with the Express/Upgrade model.
 */
/*
#wrapper_express {
	width: 819px;
	margin: auto;
	background: #fff;
}

#wrapper_express_upgrade {
	/* width: 873px; */
	width: 940px;
	margin: auto;
	background: #fff;
}

#wrapper_express-1 {
	background-clip:border;
	background-origin:padding;
	background:transparent url(../image/wrapper_l_full.gif) no-repeat scroll 0 0;
}

#wrapper_express-2 {
	background-clip:border;
	background-origin:padding;
	background:transparent url(../image/wrapper_r_full.gif) no-repeat scroll 100% 0;
	padding: 0 35px;
}

#wrapper_express-footer { 
	height:26px; 
	border-top:1px solid #cbcaca; 
	margin-top:20px; 
	text-align:center; 
	font-size:14px; 
	font-family:Tahoma; 
	padding-top:10px;  
}

#wrapper_express-footer a {
	color:#0041a5; 
	text-decoration:none; 
}
*/

/** ------------------------------------------------------------------------- */
form { margin:10px 20px; width:710px; color:#000000; font-family:Arial, Helvetica, sans-serif;   }
form  .hr_line { background:url(../image/dotted_bg.gif) repeat-x bottom;  line-height:1px; }
form .form_container {  background:url(../image/dotted_bg.gif) repeat-x top; }
form table.formfield { margin:20px 0px; }
#wizard .input_field  { width:150px; }
#wizard .phone_input_min { width:40px; }
#wizard .phone_input_max { width:56px;  *width:52px; }
#wizard .select_field  { width:154px; *width:157px; }
#wizard  .wizard_check_box { margin:0px; padding:0px; }

.small_txt  { font-size:12px; color:#000000; }
.small_txt img {display:block; padding:10px 0 0 0;}

img.icon_img {  }

.wizard_msg { font-size:13px; color:#000000; padding:5px 0px 10px;   }
.mandatory_message  { font-size:12px;  color:#000000; text-align:center; padding:5px 0 0 0; }
.admin_msg {font-size:10px; text-align:center; padding:10px; }
.button_terms { text-align:center; padding:5px; }


/** ------------------------------------------------------------------------- */
#wizard-footer { height:16px; border-top:1px solid #cbcaca; margin-top:20px; text-align:center; font-size:10px; font-family:Tahoma; padding-top:10px;  }
#wizard-footer a {color:#0041a5; text-decoration:none; }

#step-container {  height:80px;  width:750px; font-family:Georgia, serif; font-weight:normal; position:relative;  margin-left:-1px;    }
#step-container table { width:100%;  }
#step-container table td { width:232px; padding-left:18px; border:none; background:url(../image/wizard_tab_bg.gif) repeat-x; height:78px; vertical-align:top; font-size:18px;  }

#step-container table td div { padding-top:12px; }
#step-container  table td.last { background:url(../image/wizard_tab_lastbg.gif) no-repeat; }
#step-container  table td.active { background:url(../image/wizard_tab_active_bg.gif) repeat-x; color:#fff;     }


/* Step 0 page Style */


/* Thanks & Payment Message */
.main_message { font-size:24px; color:#3a6fa5; text-align:center; margin:20px; }
.error_message { color:#da3333; font-size:18px; }
.message_level2 {  font-size:14px; color:#808080; text-align:center; margin:10px; }
.message_level3 { font-size:14px; font-weight:bold; color:#616161; line-height:20px; text-align:center; margin:10px; }
.campus_button_container { text-align:center; padding:10px; }
.campus_button_container a { margin:10px auto; color:#808080; font-size:14px; font-weight:bold;  display:block; width:224px; height:35px; background:url(../image/wizard_button_bg.gif) no-repeat; padding:10px 0;  }


/* Tool Tip */
.tool_tip_link { position:relative; display:inline; }
a .tool_tip { display:none; background:url(../image/tool_tip_bg.gif) no-repeat bottom;  position:absolute; top:-16px; left:20px; width:208px; margin-top:10px;  }
.tool_tip .tooltip_msg { background:url(../image/tool_tip_bg.gif) no-repeat top; position:relative; margin-top:-10px; min-height:50px; font-size:11px; color:#fff; padding:5px 12px 10px 20px; width:176px; margin-bottom:10px; z-index: 1;}

.tool_tip .tooltip_msg p { padding:0px; margin:10px 0px 0px;  }
a:hover .tool_tip { display:block; }