
/* AIRS Style Sheet*/
	
/* default settings _____________________ */
	
	body 				{ margin:0px; padding:0px; width:100%; height:100%; color:#555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
	h1, h2, h3, 
	h4, h5, h6 			{ margin:3px; }
	h6					{ font-size:11px; }
	THEAD				{ font-size:10px; color:White; background-color:#ccc; }	
	TFOOT				{ font-size:10px; background-color:#c0c0c0; }
	TH					{ font-size:1em; font-weight:bold; vertical-align:baseline; }
	
	
	a					{ text-decoration:none; font-weight:bold; }
	a:link				{ }	
	a:visited			{ }	
	a:active			{ }	
	a:hover				{ text-decoration:underline; }
	
	img 				{ margin:1px; }
	label				{ font-weight:bold; }
	
	.null-class			{ }
	.cleaner			{ clear:both; height:1px; font-size:1px; line-height:0; }

/* header ______________ */

	#header-tbl-1				{ color:#FFF; border-bottom:1px solid #000; }
	#header-tbl-1 td			{ padding:8px; }
	#header-tbl-1 img			{ width:270px; height:60px; border:1px solid #FFF; margin:10px; }
	#header-tbl-1 .title-logo	{ font-family:"Arial Narrow"; font-size:28px; font-variant:small-caps; }
	#header-tbl-1 .SchoolName	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#555; display:block; padding:2px 0px; font-size:40px; font-weight:normal; color:#FFF; font-variant:small-caps; }
	#header-tbl-1 .logo-box		{ width:10%; }
	
	/* nav trail */
	#header-tbl-2 td.nav-trail	{ white-space:nowrap; font-size:11px; font-weight:bold; text-align:left; }
	
	td.nav-trail a:link,
	td.nav-trail a:visited,
	td.nav-trail a:hover,
	td.nav-trail .nav-lastitem 	{ padding:2px; }
	td.nav-trail .nav-lastitem 	{ color:#666; }
	
	#header-tbl-2						{ width:100%; }
	#header-tbl-2 td					{ padding:10px }
	#header-tbl-2 td.student-details 	{ text-align:right; font-size:9px; }
	
	.student-status 							{ color:#DDD; font-size:10px; vertical-align:top; }
	.student-status p							{ margin:2px 0; }
	.student-status span.null-class a:link,
	.student-status span.null-class a:visited,
	.student-status span.null-class a:hover		{ color:#FFF; font-weight:bold; }
	
	
/* page content __________ */
	
	.page-wrapper			{ margin:10px; }
	.page-wrapper td.page-wrapper-cell	{ padding:10px; }
	.flash-box				{ text-align:center; margin:0 auto; }
	.flash-box object		{ margin-left:auto; margin-right:auto; }
	
/* footer ________________ */
	
	#footer-tbl				{ border-top-width:1px; border-top-style:dashed; border-top-color:#666; margin-top:60px; }
	#footer-tbl td			{ padding:4px; vertical-align:text-top; }
	
/* homepage _____________ */
	
	.sys-message-txt		{ }
	
	.home-width-grid		{ width:750px; margin:0 auto; }
	
	.tab-label				{ border-left:1px solid #333; border-top:1px solid #333; border-right:1px solid #333; color:#FFF; font-size:13px; padding:1px 3px; font-variant:small-caps; font-weight:bold; }
	
	.welcome-tab-label		{ width:100px; }
	.wyn-tab-label			{ width:140px; }
	.ftm-tab-label			{ width:190px; }
	.logon-tab-label		{ width:140px; }
	.user-pays-tab-label	{ width:180px; }
	.free-courses-tab-label	{ width:180px; }
	
	.layout					{ border:1px solid #333; }
	.home-welcome img		{ float:left; }
	body.home .content		{ padding:9px; }
	body.home .left			{ float:left; }
	
	.home-first-time .layout { margin-right:20px; }
	
	.home-first-time .content td { vertical-align:top; padding:2px; }
	.home-first-time .content p { margin:1px 0 2px 0; }
	body.home h4.instruct { display:inline; font-size:12px; white-space:nowrap; }
	.home-first-time .layout .buttongrid { margin:0 auto;  }
	
	#free-courses .data-table,
	#free-courses .data-table td	{ width:auto; }
	
	#free-courses h4				{ margin:1px; }
	#free-courses .DataTableHead	{ background-color:#FFF; }
	#free-courses .DataTableHead td { height:0px; font-size:0px; line-height:0px; padding:0; border-bottom:1px solid #fff; } /* hide the row */
	
	
	#user-pays-courses .data-table,
	#free-courses .results	 { display:block; margin-right:20px; width:auto; }
	
	#user-pays-courses .tco-nolink	{ display:none; }
	
	.section-separator		{ height:4px; margin:0; padding:0 }
	
	.item-layout			{ width:620px; margin:0 auto; }
	.item					{ width:160px; float:left; margin:0 20px; }
	#install-ie-link,
	#get-flash-link,
	#get-broadband			{ display:block; width:160px; height:38px; padding-top:48px; text-align:center; background-position:top; background-repeat:no-repeat; }
	#install-ie-link		{ background-image:url("../Images/content/links/ie-update.gif"); }
	#get-flash-link			{ background-image:url("../Images/content/links/get-flash.gif"); }
	#get-broadband			{ background-image:url("../Images/content/links/get-broadband.gif"); }
	.button-grid			{ text-align:center; margin:0 auto; }
	
	a.user-admin			{ display:block; margin:3px; padding:2px 0px 8px 23px; background:url('../images/content/arrows/icon-item.gif') no-repeat 0 2px;; }

	#logon-box .layout,
	#logout-box .layout		{ width:180px; }
	#logout-box .layout	.pad { padding:6px; }
	#logout-box .layout	.label { font-size:10px; }
	#logout-box .layout	.label strong { font-size:12px; }
	#logon-box .button-margin,
	#logout-box .button-margin { text-align:center; margin:10px auto; }
	
/* common ____________________________ */
	
	.main-content			{ padding:1px 20px; }
	#button-row, 
	.button-row				{ text-align:center; }
	.button-row				{ margin:10px; }
	#button-row input.button
	.button-row input.button { margin:6px; }
	
	.err-msg-td				{ text-align:center; }
	.hidden					{ display:none; }
	
	.data-table				{ text-align:left; border:1px solid #333; }
	.data-table td			{ padding:4px; vertical-align:top; }
	.data-table				{ width:80%; margin:0 auto; }
	
	/* table heading */
	.DataTableHead			{ color:#FFF; font-size:12px; font-weight:bold; background-color:#D85E2E; }
	.DataTableHead td		{ border-bottom:1px solid #444; }
	.DataTableHead td a:link,
	.DataTableHead td a:visited,
	.DataTableHead td a:hover { color:#fff; text-decoration:underline; }
	
	
	.edit-table				{ padding:10px; border:1px dashed #999; display:block; width:520px; margin:0 auto; }
	.edit-table td			{ padding:7px; }
	.edit-table .edit-text-field { width:300px; border:1px solid #666; }
	
	.DataTableAltRow		{ background-color:#f0f0f0; }
	
	.LABEL 					{ font-size:11px; font-weight:bold; }
	.CONTENT 				{ font-size:10px; }
	.FOOTERLINK 			{ font-size:10px; }
	.ERRORMESSAGE			{ font-size:10px; color: red; }
	
	.col-complete			{ text-align:center; }
	
	.item-nolink,
	.view-link a,
	.item-link a,
	.tco-link a,
	.manual-link a,
	.rev-link a,
	.cert-link a,
	.exam-link a		{ display:block; margin:3px; padding:6px 0 6px 28px; }

	.item-link a 			{ background:url("../Images/content/arrows/icon-item.gif") no-repeat 0 50%; }
	.item-nolink 			{ background:url("../Images/content/arrows/icon-no-item.gif") no-repeat 0 50%; }
	.tco-link a				{ background:url('../images/content/buttons/btn-tco-mode.gif') no-repeat 0 50%; }
	.rev-link a				{ background:url('../images/content/buttons/btn-review-mode.gif') no-repeat 0 50%; }
	.manual-link a			{ background:url('../images/content/arrows/icon-outline.gif') no-repeat 0 50%; }
	.cert-link a			{ background:url('../images/content/arrows/icon-certificate.gif') no-repeat 0 50%; }
	.view-link a			{ background:url('../images/content/buttons/btn-review-mode.gif') no-repeat 0 50%; }
	.exam-link a			{ background:url('../images/content/buttons/icon-exam.gif') no-repeat 0 50%; }
	
	.indicator-status-complete		{ display:block; padding:4px 1px 4px 23px; background:url('../images/content/arrows/icon-complete.gif') no-repeat 0 50%; margin:0 auto; text-align:center; }
	.indicator-status-complete span { display:none; }
	
	.logon-grid input#edtEmail,
	.logon-grid input#edtPassword				{ width:120px; border:1px solid #666; }
	
	.indicator-status-complete		{ }
	.indicator-exam-failed			{ }
	.indicator-exam-passed			{ }
	.align-right-COL				{ text-align:right; }
	
	.top-border						{ border-top:1px solid #444; }
	.padding-4						{ padding:4px; }
	.align-box-centre				{ margin:0 auto; }
	.width-box-600					{ width:600px; }
	.exam-qn-BOX					{ padding:2px; }
	.exam-qn-BOX input				{ display:block; float:left; }
	.exam-qn-BOX label				{ display:block; float:left; font-weight:normal; padding-top:2px; }
	
	input.button					{ width:80px; height:22px; border:1px solid #222; color:#FFF; }
	
/* courses + units ________________________ */
	
	body.content td.student-status		{ background-color:#FFF; border-left:1px solid #333; }
	td.student-status .button-margin { text-align:center; margin:4px auto; }
	
	#token-status			{ text-align:right; padding:0 10% 5px 0; }
	.col-view-mode			{ }
	.col-details .button 	{ display:block; margin:3px; }
	

/* animation page _________________ */
	
	.anim-heading			{ margin:5px 0; }

/* exam question pages */

	#exam-question .data-table,
	#exam-results .data-table	 { border:1px solid #333; }
	
/* payment pages _____________ */
	
	.payment .message		{ text-align:center; }
	
	
/* hide prev button on exam page */
	
	.hide-prev-btn #btnPrev	{ display:none; }
