@charset "utf-8";

/*
	Blue: 			#004890
	Orange:			#008c23
	Body bg:		#e5e5e5
	Lt blue:		#DAEDF0
	Lt orange:		#F9E1D0
	V lt orange:	#fcf0e8
	V lt blue:		#edf6f8
*/


/* CSS RESET */

	/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
	pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, 
	q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 
	dl, dt, dd, fieldset, form, label, legend, table, 
	caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
	details, embed, figure, figcaption, footer, header, hgroup, menu, 
	nav, output, ruby, section, summary, time, mark, audio, video {	/* ol, ul, li, */
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		/*list-style: none;*/
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	

/* HTML TAGS */

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 84%;
		line-height: 160%;
		color: #333;
		background-color: #e5e5e5;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/master_bg.jpg);
		background-repeat: repeat-y;
		background-position: center top;
	}
	
	a {
		color:#004890;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration:underline;
	}
	
	h1 {
		font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
		font-size:25px;
		line-height:28px;
		color:#004890;
		margin-bottom:16px;
	}
	
	h2 {
		font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
		font-size:20px;
		line-height:22px;
		color:#004890;
		margin-bottom:8px;
	}
	
	h3 {
		margin-top:20px;
		margin-bottom:8px;
	}
	
	p {
		margin-bottom:10px;
	}
	
	hr {
		padding:0;
		margin:0;
		padding-top:12px;
		margin-bottom:20px;
		border:0;
		border-bottom: 1px solid #BBB;
	}
	
	.public_form{
		margin-top:16px;
		margin-bottom:16px;
	}
	
	.public_form input, .public_form select, .public_form textarea {
		padding:10px;
		margin-bottom:13px;
		border: 1px solid #999;
		background-color:#edf6f8;
		font-family: Arial, Helvetica, sans-serif;
	}

	.public_form_macfix {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	.public_form_label {
		color:#888;
		margin-bottom:1px;
	}
	
	.public_form_section {
		font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:18px;
		color:#004890;
		margin-top:10px;
		padding-bottom:4px;
		border-bottom: 1px dotted #AAA;
		margin-bottom:15px;
	}

	.search_form{
		margin-bottom:5px;
	}
	
	.search_form input, .search_form select, .search_form textarea {
		padding:7px;
		margin-bottom:13px;
		border: 1px solid #999;
		background-color:#edf6f8;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.search_form_label {
		color:#888;
		margin-bottom:1px;
	}
			

/* Main Layout */

	.popup{
		background-color: #FFF;
		margin: 0px;
		padding: 20px;
		background-image: none;
	}
	
	.centre {
		width: 960px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.main {
		padding:24px;
		padding-top:0px;
		background-color:#FFFFFF;
	}
	
	.column1{
		float:left;
		width:210px;
		margin-right:24px;
	}

	.column12{
		float:left;
		width:444px;
		margin-right:24px;
	}

	.column123{
		float:left;
		width:678px;
		margin-right:24px;
	}

	.column234{
		float:left;
		width:678px;
	}

	.column34{
		float:left;
		width:444px;
	}

	.column4{
		float:left;
		width:210px;
	}
	

/* Tables */

	.table {
		border-top: solid 1px #999;
		border-left: solid 1px #999;
		background-color:#FFF;
	}
	
	.table td, .table th {
		border-right: solid 1px #999;
		border-bottom: solid 1px #999;
		padding:5px;
	}
	
	.table th {
		font-weight:bold;
		background-color:#DDDDDD;
		text-align:left;
	}

	.table tr:hover {
		background-color:#EEEEEE;
	}
	
	.table_totals {
		background-color:#EEEEEE;
		font-weight:bold;
	}
	
	.table td .no_borders {
		border:0px;
		padding:3px;
		line-height:normal;
	}

	.table td .graph_borders{
		border: 1px solid #999;
		background-color:#CCCCCC;
		padding:0;
	}


/* Main Content */

	#main_content table {
		border-top: solid 1px #999;
		border-left: solid 1px #999;
		background-color:#FFF;
		margin-bottom:15px;
	}
	
	#main_content table td, #main_content table th {
		border-right: solid 1px #999;
		border-bottom: solid 1px #999;
		padding:5px;
	}
	
	#main_content table th {
		font-weight:bold;
		background-color:#DDDDDD;
		text-align:left;
	}
	
	#main_content h3 {
		margin-top:20px;
	}





	.panel_grey_header{
		background-color:#999999;
		font-family: 'Archivo Narrow', sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#FFF;
		padding:5px;
		padding-left:16px;
		padding-right:16px;
	}
	
	.panel_grey_with_padding{
		border:1px dotted #CCC;
		background-color:#EEE;
		padding:16px;
	}
	
		.panel_grey_with_padding h2 {
			font-size:18px;
			margin-bottom:3px;
		}
	
		.panel_grey_with_padding hr {
			padding-top:2px;
			margin-bottom:10px;
		}

	.panel_blue{
		border:1px dotted #CCC;
		background-color:#edf6f8;
		padding:16px;
	}

	.error_message, .success_message {
		background-color:#EEE;
		color:#FF0000;
		border: 2px dotted #FF0000;
		padding:10px;
		position:relative;
		text-align:center;
		font-weight:bold;
		font-size:14px;
		margin:24px;
		margin-top:0;
	}
	
	.success_message {
		background-color:#060;
		color:#FFF;
		border:0;
		/*border: 2px dotted #008c23;*/
	}

	.button_link{
		float:left;
		font-family: 'Archivo Narrow', sans-serif;
		font-size:16px;color:#FFF;
		font-weight:bold;
		padding:8px;
		padding-left:16px;padding-right:16px;
		text-align:center;
		background-color:#004890;
		cursor:pointer;
	}
	
	.button_link:hover{
		background-color:#008c23;
	}
	
	.button_link a{
		color:#FFF;
		cursor:pointer;
	}

	.button_link_inactive{
		background-color:#999;
		cursor:default;
	}

	.button_link_inactive:hover{
		background-color:#999;
	}

	.button_link_smaller{
		font-size:14px;
		padding:6px;
		padding-left:12px;padding-right:12px;
	}

	.button_link_smaller_delete{
		font-size:12px;
		padding:6px;
		padding-left:12px;padding-right:12px;
		background-color:#FF0000;
	}
	
	.button_link_green{
		background-color:#060;
	}

	.step_arrow_bg {
	background-image: url(../images/step_arrow_bg.png);
	background-repeat: no-repeat;
	background-position: right center;
	}
	
	.admin_test_links_panel {
		font-size:11px;
		margin-top:20px;
		background-color:#DDD;
		border:1px dotted #999;
		padding:5px;
		padding-left:10px;
	}
	
/* Self-assessment surveys */
	
	.surveypanel select{
		font-size:14px;
		padding:5px;
		border: 1px solid #999;
		background-color:#edf6f8;
	}
	
	.surveypanel textarea{
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		width:632px;
		border: 1px solid #999;
		background-color:#edf6f8;
	}

	.surveypanel input{
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		border: 1px solid #999;
		background-color:#edf6f8;
	}
	
	
	.question_separator{
		padding-top:10px;
		border-bottom:2px dotted #BBB;
		margin-bottom:10px;
	}
	
	.question_left{
		float:left;
	}
	
	.question_right{
		float:right;
	}


/* Final assessment */

	.exam_question_td{
		padding-left:10px;
		padding-bottom:15px;
	}
	
	.exam_question_number_strip_element:hover{
		cursor:pointer;
	}





	.read_only{
		font-weight:bold;
		border-top:1px dotted #999;
		padding-top:5px;
		padding-bottom:12px;
		font-size:14px;
	}
	
	.read_only_html{
		border:1px dotted #999;
		padding:20px;
		font-weight:normal;
	}

	.margin_0 { margin:0; }
	
	.margin_top_3px { margin-top:3px; }

	.margin_top_8px { margin-top:8px; }

	.margin_top_16px { margin-top:16px; }

	.margin_top_24px { margin-top:24px; }

	.margin_top_32px { margin-top:32px; }

	.margin_bottom_16px { margin-bottom:16px; }

	.margin_right_20px { margin-right:20px; }
	
	.margin_right_10px { margin-right:10px; }

	.margin_left_20px { margin-left:20px; }

	.padding_top_10px { padding-top:10px; }

	.padding_top_7px { padding-top:7px; }

	.width_95pc { width:95%; }

	.width_90pc { width:90%; }

	.width_80pc { width:80%; }

	.width_70pc { width:70%; }

	.width_60pc { width:60%; }

	.width_55pc { width:55%; }

	.width_50pc { width:50%; }

	.width_45pc { width:45%; }
	
	.width_40pc { width:40%; }

	.width_35pc { width:35%; }

	.width_30pc { width:30%; }

	.width_20pc { width:20%; }

	.width_15pc { width:15%; }

	.width_10pc { width:10%; }

	.width_5pc { width:5%; }
	
	.width_40px { width:40px; }

	.width_40px { width:40px; }

	.width_160px { width:160px; }

	.float_left { float: left; }

	.float_right { float: right; }
	
	.height_10px { height:10px; }
	
	.height_20px { height:20px; }

	.cursor_default { cursor:default; }
	
	.text_align_center { text-align:center; }

	.text_align_right { text-align:right; }
	
	.bold_text { font-weight:bold; }

	.normal_text { font-weight:normal; }

	.font_size_11px { font-size:11px; }
	
	.font_size_12px { font-size:12px; }

	.font_size_13px { font-size:13px; }

	.font_size_14px { font-size:14px; }

	.orange_text { color:#008c23; }

	.red_text { color:#ff0000; }
	
	.blue_text { color:#004890; }
	
	.red { color:#ff0000; }

	.green { color:#090; }

	.clear_both { clear:both; }
	
	.margin_bottom_6px { margin-bottom:6px; }


/* Personal Training dashboard */

	.dashboard_nav ul{
		list-style-type: disc;
		list-style-position:inside;
		margin:0;
		padding:0;
		margin-left:0px;
		padding-left:0px;
		text-indent:0px;
		margin-bottom:20px;list-style-type:none;
	}
		
	.dashboard_nav li{
		margin:0;
		font-weight:bold;
		border-top: 1px solid #ccc;
		padding-top:5px;
		padding-bottom:5px;
		background-color:#FFF;
	}
	
	.dashboard_nav li:last-child{
		border-bottom: 1px solid #ccc;
	}

	.dashboard_nav div{
		padding-left:12px;
		color:#FFFFFF;
		font-family:'Archivo Narrow',Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:normal;
	}
	
	.dashboard_nav .highlight a{
		color:#FFFFFF;
	}
	
	
	.dashboard_nav li:hover{
		background-color:#008c23;
	}

	.dashboard_nav li:hover a{
		color:#fff;
	}

	.dashboard_nav li.highlight {
		background-color:#008c23;
		font-weight:bold;
	}



/* Header */

	.header {
		background-color: #FFFFFF;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/master_header_bg_3.jpg);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	
	.header h1{
		margin:0;
		padding:0;
		font-family: 'Archivo Narrow', sans-serif;
		font-size:30px;
		line-height:35px;
		letter-spacing:0px;
		padding-left:24px;
		padding-top:18px;
		float:left;
		color:#004890;
	}

/* Home page */

	.slideshow_text_strip{
		font-family: 'Archivo Narrow', sans-serif;
		font-size:24px;color:#FFF;
		padding:12px;padding-left:24px;padding-right:24px;
		background-color:#004890;
		display:block;left:0px;top:-205px;position:absolute;z-index:10;
	}
	
	.slideshow_text_strip:hover{
		background-color:#008c23;
	}
	
	.slideshow_text_strip a{
		color:#FFF;
	}
	
	.quick_start_guide_steps{
		float:left;width:22%;padding:10px;font-family: 'Archivo Narrow', sans-serif;font-size:14px;
	}

	#header_banner_overlay {
		z-index: 2;
	}

	#header_banner_overlay {
		position: absolute;
		text-align: center;
		left: 0%;
		right: 50%;
		bottom: 0px;
		width: 100%;
		z-index:10;
	}

	#header_banner_overlay_text {
		margin-bottom: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #fff;
		opacity: 0.8;
	}

	#header_banner_overlay_para {
		margin-bottom: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		color: white;
		background-color: #004890;
	}
	
/* Registration form */

	.reg_form_steps{
		float:left;width:30%;padding:10px;font-family: 'Archivo Narrow', sans-serif;font-size:14px;
		background-color:#EEE;
	}


/* COLOURS */

	.bg_orange {
		background-color:#008c23;
	}

	.bg_white {
		background-color:#FFF;
	}

	.bg_light_blue {
		background-color:#DAEDF0;
	}
	
	.bg_light_orange {
		background-color:#F9E1D0;
	}

	.bg_grey_999 {
		background-color:#999;
	}
	
	.white_text{
		color: #FFF;
	}

/* Table sorter /*

	/* tables */
	table.tablesorter {
		font-family:arial;
		background-color: #FFFFFF;
		margin:0px 0pt 15px;
		font-size: 9pt;
		width:918px;
		text-align: left;
	}
	table.tablesorter thead tr th, table.tablesorter tfoot tr th {
		background-color: #dddddd;
		padding: 4px;
		padding-right:12px;
	}
	table.tablesorter thead tr .header {
		background-image: url(../images/tablesorter/bg.gif);
		background-repeat: no-repeat;
		background-position: center right;
		cursor: pointer;
	}
	table.tablesorter tbody td {
		color: #3D3D3D;
		padding: 4px;
		vertical-align: top;
	}
	/*
		table.tablesorter tbody tr:nth-child(odd) td {
			background-color:#EFEFEF;
		}
	*/
	table.tablesorter thead tr .headerSortUp {
		background-image: url(../images/tablesorter/asc.gif);
	}
	table.tablesorter thead tr .headerSortDown {
		background-image: url(../images/tablesorter/desc.gif);
	}
	table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
		background-color: #cccccc;
	}
	table.tablesorter tbody tr:hover {
		background-color:#EEEEEE;
		cursor:default;
	}


/* Nav menu */

	.nav 								{ background-color:#004890; height:38px; }
	
	.nav_links 							{ float:left; padding-top:0px; text-align:right;
											font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
											font-weight:bold; font-size:18px; }
	
	.nav_links a						{ color:#FFFFFF; text-decoration:none; }
	
	.nav_links a:hover 					{ color:#FFFFFF; text-decoration:underline; }
	
	/*  Main menu items */
	ul.dropdown                         { position: relative;  list-style: none; float:right; margin:0; padding:0; }
	ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; 
											padding-top:10px;
											padding-left:18px;
											padding-right:18px;
											font-size:16px; height:28px; color: #FFF; 
											font-family:'Archivo Narrow',Arial, Helvetica, sans-serif; }
	ul.dropdown li:hover		        { color: #FFF; background: #008c23; }
	ul.dropdown a:active                { color: #FFF; }
	ul.dropdown li a                    { display: block;
										  color: #FFF;
										  text-decoration:none; }
	ul.dropdown li a:hover               { color: #FFF; }
	/* ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
	ul.dropdown li.hover,
	ul.dropdown li:hover                { position: relative; }
	ul.dropdown li.hover a              {  }
	
	
	/* Dropdown menu items */
	ul.dropdown ul 						{ width: 360px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none; margin:0; padding:0; z-index:100; }
	ul.dropdown ul li 					{ font-weight: normal; background: #fff; color: #333;
										  border-bottom: 1px dotted #666; float: none; border-right: 1px solid #666; 
										  font-size:14px; padding-top:3px; padding-bottom:0px; text-align:left; }
	
	ul.dropdown ul li:hover 			{ background: #008c23; color:#FFF; }
	ul.dropdown ul li:hover a			{ color:#FFF; }
										  
										/* IE 6 & 7 Needs Inline Block */
	ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color:#333 } 
	
	ul.dropdown ul li a:hover			{ color:#FFF; } 
	
	/* 2nd level dropdown menu items */
	ul.dropdown ul ul 					{ left: 100%; top: 0; list-style: none; }
	ul.dropdown li:hover > ul 			{ visibility: visible; }


/* Footer */

	.footer 							{ padding:24px; background-color:#444444; color:#FFFFFF; }
	
	.footer div							{ float:left; padding-right:24px; font-size:12px; font-weight:normal; }
	
	.footer div strong					{ font-size:14px; }
	
	.footer a							{ color:#FFF; }
	
	
	
/* Smart Paginator */
			
	#smart-paginator span{
		color:#333;
	}

	.pager
	{
		height: 26px;
		padding: 0;
		margin: 0;
	}
	.pager div.short
	{
		float: right;
		margin: 0;
		padding: 0;
		padding-bottom:3px;
	}
	.pager div.short input
	{
		width: 28px;
		height: 20px;
		border: 1px solid #AAA;
		margin-left: 8px;
		float: left;
		font-size:11px;
	}
	.pager ul
	{
		list-style: none;
		padding: 0;
		margin: 0;
		float: left;
		margin-right: 4px;
	}
	.pager ul li
	{
		display: inline;
		margin-left: 2px;
	}
	.pager ul li a
	{
		text-decoration: none;
		display: inline-table;
		width: 20px;
		height: 20px;
		text-align: center;
		border-radius: 4px;
		-moz-border-radius: 4px;
	}
	
	.pager span
	{
		margin-left: 4px;
		color: White;
		float: left;
	}
	.pager .btn
	{
		display: block;
		width: 40px;
		text-align: center;
		float: left;
		padding: 0;
		margin: 0;
		margin-left: 4px;
		cursor: pointer;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	.pager .disabled
	{
		color: #A0A0A0 !important;
		text-shadow: 1px 1px 1px #FFFFFF;
	}

	/*blue*/
	.blue
	{
		/*border:1px solid #999;*/
		border-bottom:0;
	}
	.blue.normal
	{
	background-color: #999;
	color: White;
	border: 0;
	}
	.blue.active
	{
	background-color: #008c23;
	color: #F8EB00;
	border: 0;
	}
	.pager.blue .btn
	{
	background-color: #999;
	color: White;
	height:20px;
	border: 0;
	}