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

body, html							{font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:0; text-align:centre; padding:0; background:url(../img/bg_main_grad.jpg) repeat-x;}
.clear 									{clear:both; height:1px;}
a												{outline:none; text-decoration:none;}
p.conditions 						{color:#CCC; font-size:10px; font-style:italic; text-align:justify;}

ol.course 							{text-indent:0px; padding:5px 0 0 45px;  margin:0;list-style:decimal;color:#7C7F8C; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:justify; line-height:1.1em; }
ol.prerequisites				{text-indent:0px; padding:5px 0 0 45px; margin:0;list-style:decimal;color:#999; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-align:justify; line-height:1.1em; font-style:italic;}

.css_sized_container .iPhoneCheckContainer {width: 250px; }

strong.free							{color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 13px;}
strong.description, h3	{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; font-weight:500;color:#84919d; line-height:18px;}


p												{padding:0; margin:0;}
p.grey 									{color:#7C7F8C; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:justify; line-height:1.3em; padding-top:2px;}
p.tiny 									{color:#7C7F8C; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-align:left; line-height:1em;}

#container 							{margin:0 auto; padding:0; width:986px; text-align:left; font-family:Verdana, Geneva, sans-serif 12px;}
#header 								{height:100px; background:url(../img/headers/logo_basic.png) no-repeat left top; background-position:14px 0;margin-top:0px;}

ul#main_nav							{list-style:none; width:321px; position:relative; float:right;margin:35px 10px 0 0;}
ul#main_nav	li a				{display:block;float:left;height:31px;text-indent:-9999px; background:url(../img/nav/nav_main_sprite.png);}

ul#main_nav	li a.home					{width:54px;background-position:0 0;}
ul#main_nav	li a.facilities		{width:68px;background-position:-54px 0;}
ul#main_nav	li a.location			{width:68px;background-position:-122px 0;}
ul#main_nav	li a.faq					{width:40px;background-position:-190px 0;}
ul#main_nav	li a.contact			{width:87px;background-position:-230px 0;}

ul#main_nav	li a.home:hover					{width:54px;background-position:0 31px;}
ul#main_nav	li a.facilities:hover		{width:68px;background-position:-54px 31px;}
ul#main_nav	li a.location:hover			{width:68px;background-position:-122px 31px;}
ul#main_nav	li a.faq:hover					{width:40px;background-position:-190px 31px;}
ul#main_nav	li a.contact:hover			{width:87px;background-position:-230px 31px;}

#maincontent_top 				{height: 18px; background:url(../img/panels/courses/maincontent_top.png) no-repeat top;}
#maincontent_mid				{background:url(../img/panels/courses/maincontent_mid.png) repeat-y; padding:5px 0 5px 0;} 
#maincontent_btm				{height: 13px; background:url(../img/panels/courses/maincontent_btm.png) no-repeat top;}

#comingsoon 						{background:url(../img/coming-soon.jpg) no-repeat top; height:250px;}

#instructions					{width:986px; margin: 0 0 10px 0;}
.instructions_top				{height:15px; background:url(../img/panels/plain_top.png) bottom no-repeat; 	background-position:0 0;}
.instructions_mid				{background:url(../img/panels/plain_mid.png) center repeat-y;background-position:0 0;padding:0px 30px 0px 30px;}
.instructions_btm				{height:10px; background:url(../img/panels/plain_btm.png) bottom no-repeat;	background-position:0 0;}

#instructions_left			{float:left; width:380px; border-right:#CCC 1px solid; height: 100px;display:inline; background:url(../img/instructions/instruct_title.gif) no-repeat top left; margin: 10px 0 10px 0; padding:0 15px 10px 4px;}
#instructions_right			{float:left; width:500px; display:inline; position:relative;}

.step1									{position:absolute; top:-15px; left: 20px; background:url(../img/instructions/instruct_step1.png) no-repeat; height:57px; width:107px;}


#content_left 					{float:left; width:680px;}
#content_left_middle 		{float:left; width:680px; background:url(../img/panels/courses/tabbody_mid.png) center;}

#content_right 					{float:right; width:306px; height:600px;}
#content_right_middle 	{width:306px;float:left;background:url(../img/panels/courses/rightclmn_mid.png) center;}

#posterleft				{align:center;width:940px;height:325px; margin: 0 auto;}

.content_widebox					{width:986px;}
.content_top						{background:url(../img/panels/plain_top.png) no-repeat center; height:10px}
.content_mid						{background:url(../img/panels/plain_mid.png) repeat-y center; padding:5px 30px 25px 30px; text-align:left;}
.content_btm						{background:url(../img/panels/plain_btm.png) no-repeat bottom; height:10px;}
.column_3rds						{float:left; width:250px; padding: 0 8px 0 8px}
.column_mid3rds						{float:left; width:250px; border-right:solid 1px #CCC; border-left:solid 1px #CCC; padding:0 15px 0 15px ;}
.column_23rds						{float:left; width:620px; border-left:solid 1px #CCC;padding: 0 0px 0 15px}


#courses 								{width:670px; background:url(../img/panels/content_left_main.png) no-repeat left;}

.important							{background:url(http://www.epicentre-training.com/img/exclamation2.png) no-repeat bottom; height:50px; width:50px; margin:5px; float:left;}
.notification						{float:left; width:835px;height:50px; margin:5px; padding-bottom: 15px;}

#updatebar 							{height:44px; background:url(../img/news_bg.png) no-repeat left;}
#footer 								{height:100px; padding:5px; color:#CCC; text-align:center;}



/* ------------------------------------------ Form on the right! ------------------------------------ */

strong.form_legend			{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; font-weight:400;color:#333; line-height:14px;}
.form_container 				{width:262px; background:white; margin:8px 0 0 17px}
#registerform						{padding:15px;}
.mainform_element				{margin:5px 0 5px 0; padding:0; float:left;}
.form_element						{width:205px; padding:10px;}
select.courses					{margin:0 0 10px 10px; padding:0; width: 185px}
select.dates_temp				{width:217px}

.rightform_top					{background:url(../img/main_form/rightform_top.png) no-repeat top; height:67px;}
.rightform_mid					{background:url(../img/main_form/rightform_mid.jpg) repeat-y; padding-bottom:20px;}
.rightform_btm					{background:url(../img/main_form/rightform_btm.jpg) no-repeat top; height:16px;}

.form_break							{border-btm:1px solid #999; padding:5px; width:202px; margin:10px 0 10px 0;}

#form_member						{margin: 15px 0 0 0;}
legend.mainform					{background:#FFF; padding:0 5px 0 0px;  margin:5px;}

.staff_formsection			{text-align:left; float:left;}
.member_formsection			{text-align:left;float:left; margin:15px 0 15px 0;}
#staff_button						{font-style:normal; text-decoration:none; color:#FFF;}

#submit						{width:70px; float:right; margin:15px 0 15px;}

input													{width:150px;}
input.radio										{width:15px; display:inline-block;}
input.mini										{width:130px}
.input_element								{width:217px; height:28px;}
.labelleft										{width:65px;float:left;padding:4px 0px 0 2px; text-align:right;}
.inputright										{float:right; margin-right:10px;}

fieldset									{width:217px; padding:5px; border: 1px solid #CCC; margin:0; background:#FFF}



/* ------------------------------------------ AJAX FORM TESTING  ----------------------------------------- */

.block {
	width:400px;
	margin:0 auto;
	text-align:left;
}
.element * {
	padding:5px; 
	margin:2px; 
	font-family:arial;
	font-size:12px;
}
.element label {
	float:left; 
	width:75px;
	font-weight:700
}
.element input.text {
	float:left; 
	width:270px;
	padding-left:20px;
}
.element .textarea {
	height:120px; 
	width:270px;
	padding-left:20px;
}
.element .hightlight {
	border:2px solid #9F1319;
	background:url(iconCaution.gif) no-repeat 2px
}
.element #submit {
	float:right;
	margin-right:10px;
}
.loading {
	float:right; 
	background:url(ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	background:url(iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}

/* ------------------------------------------ //AJAX FORM TESTING  ----------------------------------------- */





/* --------------------------- AJAX Username message box testing ------------------------------------ */

.messagebox{
 position:absolute;
 font-family:Verdana, Geneva, sans-serif smaller;
 width:207px;
 margin-left:20px;
 background:#ffc;
 padding:0px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:-10px;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 font-family:Verdana, Geneva, sans-serif smaller;
 width:207px;
 height:40px;
 margin-left:0px;
 background:url(../img/error_bg.png) no-repeat top;
 padding:0 0px 0 30px;
 font-weight:bold;
 color:#FFF;
}


/* -----------------------------------------------------------  TABS SECTION ------------------------------------------------------------- */

#tabscontainer {width:670px; margin:0 auto; color:#373d45; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif 12px;}
#tabsnav {width:198px; float:left;}

ul.tabs {margin: 0;	padding: 15px 0 0 0; float: left; list-style:none; width:192px; line-height:32px;/*  height: 24px; Set height of tabs--*/}

ul.tabs li {float: left; margin: 0;	padding: 0;	
	margin-left: -1px; /*--Pull the list item right 1px--*/
	overflow: hidden;
	position: relative;
	width:198px; 
	height:32px;
	color:#373d45;
	background:url(../img/courses/course_nav_new_bg2.png) no-repeat center left;
}

ul.tabs li.newclass {float: left; margin: 0;	padding:0;	
	margin-left: 0px; /*--Pull the list item right 1px--*/
	overflow: hidden;
	position: relative;
	width:198px; 
	height:32px;
	color:#373d45;
	background:url(../img/courses/course_nav_new_bgnew.png) no-repeat center;
	background-position:10px 9px;
}


ul.tabs li a {
	text-decoration: none;
	color:#373d45;
	display: block;
	text-indent:38px;
	font-size: small;
	padding: 0;
	outline: none; 
	width:198px;
}

ul.tabs li a:hover {margin-right:0px; color:#FFF;}

html ul.tabs li.active,  html ul.tabs li.active a, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:url(../img/courses/course_nav_new_bg.png) no-repeat center left; color:#FFF;
}

#tabholder 												{width:444px; float:left;}
.tab_content 											{width:444px; float:left; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif 11px; margin: 10px 0 0 15px;}
.tab_content_description			 		{background:url(../img/courses/course_bg_mid.png) repeat-y; float:left; padding: 30px 30px 15px 25px;}
.tab_content_btm							 		{background:url(../img/courses/course_bg_btm.png) no-repeat bottom center; float:left; height:17px;width:444px; margin-bottom:10px;}

/* ----------------- THE HEADER TITLE FOR EACH MUST BE THE SAME AS THE PHP CLASS "course_name_ns", i.e. coursename without whitespaces  ----------------------- */

.tab_content_header_iPodandiTunes 		{background:url(../img/courses/header_itunes.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_iPhoto 				{background:url(../img/courses/header_iphoto.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_MacOSX 				{background:url(../img/courses/header_macosx.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_iMovie 				{background:url(../img/courses/header_imovie.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_OfficeOnMac 		{background:url(../img/courses/header_officeonmac.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_iWork				{background:url(../img/courses/header_iwork.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_Photography101		{background:url(../img/courses/header_photography101.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_Photography201		{background:url(../img/courses/header_photography201.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_iWebandMobileMe		{background:url(../img/courses/header_iwebandmobileme.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_CTAnimation   		{background:url(../img/courses/header_CTAnimation.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_Programming101		{background:url(../img/courses/header_gamesalad101.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_Aperture3	  		{background:url(../img/courses/header_aperture3.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}
.tab_content_header_iPhone4		  		{background:url(../img/courses/header_iphone4.jpg) no-repeat bottom right; width:444px; height:186px; float:left;}

.details1 				{width:100px; height:90px; float:left; margin:100px 0 0 50px;}


ul.course_details 			{margin: 93px 0 0 140px; list-style:none; line-height:24px; display:block; color:black;}
li.details_data 				{font-size:13px; font-weight:500; color:white; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

/* ---------------------------------------------------CALENDAR SECTION OF COURSES TABS ------------------------------------------------------- */