/*
Theme Name: 	NPECA Employee Database
Theme URI: 		http://vxfusion.com/
Description: 	Custom developed exclusively for NPECA
Version: 		1.0
Author: 		vxFusion
Author URI: 	http://vxfusion.com/
*/


/*
===========================
CONTENTS:

01 Sensible Defaults
02 Typography
03 Generic Styles
04 Layout
06 Media Queries
===========================
*/

/*  NOTE:  For Widget Styles Please see style-widgets.css  */

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible Defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@import "css/reset.css";
@import "css/widgets.css";

.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
/*::-moz-selection 	{ background:#ff0; color:#333; } selection styles are terrible
::selection 		{ background:#ff0; color:#333; }*/

.left 				{ float: left; text-align: left; }
.right 				{ float: right; text-align: right; }
.hide 				{ display: none; }
.clear				{ clear:both; }
.help				{ cursor:help; }


/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body,
input,
textarea {
	font-family:"Open Sans", sans-serif;
	font-weight:300;
	font-size:14px;
}

h1,
h2,
h3,
nav#access,
.nav-home {
	font-family:BenchNine, "Open Sans", sans-serif;
}

pre {
	font-family:Courier, monospace;
}



/* ---------------------------------------------------------------------------------------------------------- 
03 Generic Styles -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body {
	margin:0;
	padding:0;
	color:#121212;
}


/*= Text
-------------------------------------------------------------- */
h1 {
	margin:0 0 30px 0;
	color: #004B8C;
	font-size:56px;
	letter-spacing:-0.03em;
	line-height:1em;
	text-shadow: 1px 1px 0 #FFF;
	text-transform: uppercase;
}
h1 em {
	color:#0079EB;
	font-style:normal;
}

h2 {
	margin:30px 0 20px;
	padding:10px 0 0 0;
	color: #333;
	font-size:38px;
	line-height:1em;
	text-shadow: 1px 1px 0 #FFF;
	text-transform: uppercase;
}

h3 {
	margin:25px 0 15px;
	padding:10px 0 0 0;
	color: #333;
	font-size:28px;
	line-height:1em;
	text-shadow: 1px 1px 0 #FFF;
	text-transform: uppercase;
}

h4 {
	margin:0 0 8px 0;
	color: #333;
	font-size:20px;
	letter-spacing:-0.05em;
	line-height:1.2em;
	font-weight: bold;
	text-shadow: 1px 1px 0 #FFF;
}

h5 {
	margin:0 0 8px 0;
	color: #333;
	font-size:16px;
	letter-spacing:-0.05em;
	line-height:1.2em;
	text-shadow: 1px 1px 0 #FFF;
}

h6 {
	margin:0 0 8px 0;
	color: #333;
	font-size:16px;
	letter-spacing:0.05em;
	line-height:1.2em;
	text-shadow: 1px 1px 0 #FFF;
}

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

p {
	margin: 0 0 24px 0;
	padding: 0;
	line-height: 1.8em;
}
	
	.content p {
		color: #333;
		text-shadow: 1px 1px 0 #FFF;
	}

ul {
	margin: 0 0 24px 1.5em;
	padding: 0;
	line-height: 1.6em;
}
	
	.content ul li {
		margin: 0 0 5px 0;
	}

ol {
	margin: 0 0 24px 1.5em;
	padding: 0;
	line-height: 1.6em;
}
	
	.content ol li {
		margin: 0 0 5px 0;
	}

ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}

dl {	margin: 0 0 24px 0; }

dt {	font-weight: bold; }

dd { margin-bottom: 18px; }

strong { font-weight: bold; }

cite,
em,
i {
	font-style: italic;
}

big { font-size: 131.25%; }

ins {
	background: #ffc;
	text-decoration: none;
}

blockquote {
	width:40%;
	float:right;
	margin: 0 0 25px 0;
	padding: 30px 0 0 30px;
	color: #333;
	font-size: 30px;
	text-align:right;
}
	
	blockquote p {	
		font-size: 30px; 
		line-height:1.2em;
		font-weight:bold;
	}

blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
	text-align: left;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup { bottom: 1ex; }
sub { top: .5ex; }

a,
a:link,
a:visited {
	color:#0079EB;
	text-decoration:none;
	outline:medium none;
}
a:hover,
a:active {
	text-decoration: underline;
}
a:active {
	color:#FCB040;
}


/*= Other
-------------------------------------------------------------- */

.alignleft {
	float: left;
	margin: 5px 20px 15px 0;
}

.alignright {
	float: right;
	margin: 5px 0 15px 20px;
}

a img { border: none; }

.post img {
	max-width: 100%;
	height: auto;
}

.wp-caption {
	max-width: 100%;
}
	
	.wp-caption img {
		border-radius: 3px 3px 0 0;
	}
	
	.wp-caption p {
		padding: 5px 10px;
		background:-moz-linear-gradient(top, #e7e7e7, #ddd);
		background:-webkit-linear-gradient(top, #e7e7e7, #ddd);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#ddd));
		background:-ms-linear-gradient(top, #e7e7e7, #ddd);
		background:linear-gradient(top, #e7e7e7, #ddd);
		color: #444;
		font-size: 14px;
		font-style: italic;
		border: 1px solid #CCC;
		border-radius: 0 0 3px 3px;
	}

.edit-link { display:none; }


/*= Buttons
-------------------------------------------------------------- */
.button,
a.button,
input[type="submit"],
button {
	display:inline-block;
	position:relative;
	height:30px;
	padding:0 20px;
	margin:0 0 24px 0;
	color:#fff;
	font-weight:600;
	font-size:14px;
	line-height:30px;
	text-decoration:none;
	-moz-text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
	-webkit-text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
	background:#0060B7;
	background:-moz-linear-gradient(top, #0076E1, #004B8E);
	background:-webkit-linear-gradient(top, #0076E1, #004B8E);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0076E1), to(#004B8E));
	background:-ms-linear-gradient(top, #0076E1, #004B8E);
	background:linear-gradient(top, #0076E1, #004B8E);
	border:solid 1px #004D92;
	cursor:pointer;
	overflow:visible; /* fix for IE7 horizontal padding */
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), inset 1px 0 0 rgba(255,255,255,0.25), inset -1px 0 0 rgba(255,255,255,0.25), 0 1px 0 #fff;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), inset 1px 0 0 rgba(255,255,255,0.25), inset -1px 0 0 rgba(255,255,255,0.25), 0 1px 0 #fff;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), inset 1px 0 0 rgba(255,255,255,0.25), inset -1px 0 0 rgba(255,255,255,0.25), 0 1px 0 #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
	input[type="submit"],
	button {
		height:32px; /* input tags don't factor borders into height */
	}
	
	.button:hover,
	a.button:hover,
	input[type="submit"]:hover,
	a.button:hover {
		background:#0070D6;
		background:-moz-linear-gradient(top, #0084FB, #0058A8);
		background:-webkit-linear-gradient(top, #0076E1, #004B8E);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0076E1), to(#004B8E));
		background:-ms-linear-gradient(top, #0076E1, #004B8E);
		background:linear-gradient(top, #0076E1, #004B8E);
	}
	
	.button:active,
	a.button:active,
	input[type="submit"]:active,
	a.button:active {
		background:#0060B7;
		background:-moz-linear-gradient(top, #0062B9, #0076E1);
		background:-webkit-linear-gradient(top, #0062B9, #0076E1);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0062B9), to(#0076E1));
		background:-ms-linear-gradient(top, #0062B9, #0076E1);
		background:linear-gradient(top, #0062B9, #0076E1);
	}

.button.alt,
a.button.alt,
input[type="submit"].alt,
button.alt {
	padding:0 10px;
	color:#404040;
	-moz-text-shadow:1px 1px 0 #fff;
	-webkit-text-shadow:1px 1px 0 #fff;
	text-shadow:1px 1px 0 #fff;
	background:#e3e3e3;
	background:-moz-linear-gradient(top, #F6F6F6, #CFCFCF);
	background:-webkit-linear-gradient(top, #F6F6F6, #CFCFCF);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F6F6), to(#CFCFCF));
	background:-ms-linear-gradient(top, #F6F6F6, #CFCFCF);
	background:linear-gradient(top, #F6F6F6, #CFCFCF);
	border:solid 1px #bbb;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), inset 1px 0 0 rgba(255,255,255,0.25), inset -1px 0 0 rgba(255,255,255,0.25), 0 1px 0 #fff;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), inset 1px 0 0 rgba(255,255,255,0.25), inset -1px 0 0 rgba(255,255,255,0.25), 0 1px 0 #fff;
	box-shadow:inset 0 1px 0 #fff, inset 1px 0 0 #fff, inset -1px 0 0 #fff, inset 0 -1px 0 rgba(187,187,187,0.5), 0 1px 0 #fff;
}

	.button.alt:hover,
	a.button.alt:hover,
	input[type="submit"].alt:hover,
	button.alt:hover {
		background:#eaeaea;
		background:-moz-linear-gradient(top, #FFFFFF, #D8D9DA);
		background:-webkit-linear-gradient(top, #FFFFFF, #D8D9DA);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#D8D9DA));
		background:-ms-linear-gradient(top, #FFFFFF, #D8D9DA);
		background:linear-gradient(top, #FFFFFF, #D8D9DA);
	}
	
	.button.alt:active,
	a.button.alt:active,
	input[type="submit"].alt:active,
	button.alt:active {
		background:#e3e3e3;
		background:-moz-linear-gradient(top, #DFE0E1, #F6F6F6);
		background:-webkit-linear-gradient(top, #DFE0E1, #F6F6F6);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFE0E1), to(#F6F6F6));
		background:-ms-linear-gradient(top, #DFE0E1, #F6F6F6);
		background:linear-gradient(top, #DFE0E1, #F6F6F6);
	}
	
.button.highlight,
a.button.highlight,
input[type="submit"].highlight,
button.highlight {
	background:#E0911C;
	background:-moz-linear-gradient(top, #FCB040, #CC7B02);
	background:-webkit-linear-gradient(top, #FCB040, #CC7B02);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCB040), to(#CC7B02));
	background:-ms-linear-gradient(top, #FCB040, #CC7B02);
	background:linear-gradient(top, #FCB040, #CC7B02);
	border:solid 1px #CC7B02;
}
	
	.button.highlight:hover,
	a.button.highlight:hover,
	input[type="submit"].highlight:hover,
	button.highlight:hover {
		background:#EFA22F;
		background:-moz-linear-gradient(top, #FCB954, #DF8702);
		background:-webkit-linear-gradient(top, #FCB954, #DF8702);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCB954), to(#DF8702));
		background:-ms-linear-gradient(top, #FCB954, #DF8702);
		background:linear-gradient(top, #FCB954, #DF8702);
	}
	
	.button.highlight:active,
	a.button.highlight:active,
	input[type="submit"].highlight:active,
	button.highlight:active {
		background:#EFA22F;
		background:-moz-linear-gradient(top, #E88C04, #FCB040);
		background:-webkit-linear-gradient(top, #E88C04, #FCB040);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E88C04), to(#FCB040));
		background:-ms-linear-gradient(top, #E88C04, #FCB040);
		background:linear-gradient(top, #E88C04, #FCB040);
	}
	
.button.big,
a.button.big,
input[type="submit"].big,
button.big {
	font-size:1.2em;
	padding:5px 25px;
}
	
.button.status {
	padding:0 8px;
	margin-left:-3px;
	font-size:13px;
	background:url(images/button-status-01.png) repeat-x #939393;
	border:solid 1px #888;
	-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.25), inset 1px 0 0 rgba(0,0,0,0.25), inset -1px 0 0 rgba(0,0,0,0.25), 0 1px 0 #fff;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), inset 1px 0 0 rgba(255,255,255,0.25), inset -1px 0 0 rgba(255,255,255,0.25), 0 1px 0 #fff;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.25), inset 1px 0 1px rgba(0,0,0,0.25), inset -1px 0 1px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(255,255,255,0.2), 0 1px 0 #fff;
	-moz-border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
	cursor:default;
}

	

/*= Forms
-------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
select,
textarea,
label.inlined {
	width:80%;
	height:16px;
	padding:7px;
	margin:0 0 12px 0;
	font-size:14px;
	font-weight:300;
	line-height:16px;
	color:#121212;
	background:#fff;
	border:1px solid #CCC;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
/*	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); */
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	input[type="search"]:hover,
	select:hover,
	textarea:hover {
		border-color:#999;
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="search"]:focus,
	select:focus,
	textarea:focus {
		border-color:#0079EB;
		outline:medium none;
		box-shadow:0 0 3px rgba(0,123,235,0.5);
	}
	
	input[type="text"].invalid,
	input[type="password"].invalid,
	input[type="email"].invalid,
	input[type="search"].invalid,
	select.invalid,
	textarea.invalid {
		border-color:#FB8E8E;
	}
	
	input[type="text"].invalid:focus,
	input[type="password"].invalid:focus,
	input[type="email"].invalid:focus,
	input[type="search"].invalid:focus,
	select.invalid:focus,
	textarea.invalid:focus {
		-moz-box-shadow:0 0 3px #FB8E8E;
		-webkit-box-shadow:0 0 3px #FB8E8E;
		box-shadow:0 0 3px #FB8E8E;
	}

select {
	width:auto;
	height:32px;
	padding:5px;
}

textarea { height:120px; }

label {
	display:block;
	clear:both;
	color:#333;
	font-size:13px;
	font-weight:600;
}

label.inlined {
	float:left;
	clear:left;
	position:relative;
	margin:0;
	color:#999;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	z-index:0;
}

label.inlined.focus { color:#ccc; }
label.inlined.has-text { color:transparent; }

label.inlined + input,
label.inlined + textarea {
	float:left;
	clear:left;
	position:relative;
	background:url(images/pixel-transparent.png);
	margin-top:-32px;
	z-index:1;
}
	
label.inlined.textarea,
label.inlined.textarea + textarea {
	width:400px;
	height:120px;
}
label.inlined.textarea + textarea { margin-top:-136px; }

label .asterisk { color:#cc0000; }

label.instructions {
	position:relative;
	top:-10px;
	margin:0;
	color:#666;
	font-size:12px;
	font-weight:400;
}

input[type="checkbox"] + label {
	clear:none;
	display:inline;
	padding:0 0 0 5px;
	font-size:14px;
	font-weight:400;
}

.field { position:relative; clear:both; }


.radio.invalid .wrapper {
	display:inline-block;
	padding:4px 0 4px 16px;
	background:#F4F4F2;
	border:solid 1px #E87575;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.radio input { 
	position:relative;
	top:1px;
}

.date-range input[type="text"],
.date-range label.inlined {
	background-image:url(images/calendar-01.png);
	background-repeat:no-repeat;
	background-position:7px 8px;
	padding-left:27px;
}

.radio label.for { 
	display:inline;
	padding:0 0 0 3px;
	margin:0 20px 0 0;
	line-height:1.6em;
}
	
.field-message {
	display:none;
	float:left;
	clear:left;
	width:auto;
	font-size:13px;
	margin:0 0 12px 0;
	padding:5px 8px;
	white-space:nowrap;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}

.field-message.error {
	border:solid 1px #E87575;
	border-top:none;
	background:#FFCACA;
	color:#252525;
}


/*= Generic Search Form
-------------------------------------------------------------- */
#searchform label,
#searchform #s {
	width:50%;
}

#searchform #searchsubmit {
	float:left;
	clear:left;
}


/*= Tables
-------------------------------------------------------------- */
table {
	width:100%;
	margin:20px 0;
	padding:0;
	border-collapse:collapse;
}

	table th,
	table thead td {
		padding:8px 12px;
		border-bottom:solid 2px #ddd;
		color:#333;
		font-weight:600;
	}

	table td {
		padding:8px 12px;
		border-bottom:solid 1px #ddd;
	}
	table tr:nth-child(even) td {
		background:#f9f9f9;
	}
	
	table tr:hover td {
		background:#F2F8FE;
	}
	
	table tr.selected td {
		background:#DBECFD;
	}
	
	table tr.inactive td {
		background:transparent;
		color:#999;
	}
	
	table a,
	table a:link,
	table a:visited {
		color:#121212;
		border-bottom:dashed 1px #ccc;
	}
	table a:hover {
		color:#0079EB;
		text-decoration:none;
		border-bottom:solid 1px #0079EB;
	}
	table a:active {
		color:#FCB040;
		text-decoration:none;
		border-bottom:solid 1px #FCB040;
	}
	
	table tr.inactive a,
	table tr.inactive a:link,
	table tr.inactive a:visited {
		color:#999;
	}
	
	table th.checkbox,
	table thead td.checkbox {
		width:15px;
	}
	
	table td sup.error { color:#CC3535; }
	table td span.warning { color:#C69900; }
	
	table td.alerts {
		width:50px;
	}
	
	
/* Simple Tables */
table.simple {
	margin:10px 0;
}

	table.simple td,
	table.simple tr:nth-child(even) td,
	table.simple tr:hover td {
		padding:1px 12px 1px 0;
		border:none;
		background:transparent;
	}
	

	
/*= Spinners
-------------------------------------------------------------- */
.spinner {
	width:32px;
	height:32px;
	background:url(images/spinner-01.gif) no-repeat;
	text-indent:-9999em;
}
	.spinner.alt {
		background-image:url(images/spinner-02.gif);
	}

	
	
/*= Messages
-------------------------------------------------------------- */
#messages { 
	clear:both;
	margin:0 0 18px 0; 
}

	.message {
		margin:0 0 6px 0;
		background:url(images/notification-question-01.png) no-repeat 10px center #ebebeb;
		border:solid 1px #d3d3d3;
		padding:6px 10px 6px 36px;
		font-weight:400;
		font-size:14px;
		color:#000;
	}

	.message.error {
		background-image:url(images/notification-error-01.png);
		background-color:#FFD2D2;
		border-color:#FB8E8E;
	}

	.message.success {
		background-image:url(images/notification-success-01.png);
		background-color:#D5F1CD;
		border-color:#8AD777;
	}
	
	.message.warning {
		background-image:url(images/notification-warning-01.png);
		background-color:#FEECD1;
		border-color:#FACD8D;
	}

	.message p { margin:0; }
	

/*= Tools
-------------------------------------------------------------- */
.tools { float:right; }

	.tools ul {
		margin:30px 0 0 0;
		padding:0;
		list-style:none;
	}

	.tools li {
		display:inline-block;
		margin-left:20px;
		background:no-repeat left center;
	}
	.tools li.print { background-image:url(images/print-01.png); }
	.tools li.email { background-image:url(images/email-01.png); }

	.tools a {
		padding:0 0 0 18px;
		color:#121212;
	}
	

/*= Fancybox Option Boxes
-------------------------------------------------------------- */
.fancy-options {
	width:400px;
}

.fancy-options input[type="submit"] {
	margin:0;
}
	
	
/*= Login Form
-------------------------------------------------------------- */
#login_form {
	width:300px;
}

#login_form label,
#login_form input[type="text"],
#login_form input[type="password"] {
	width:90%;
}

#login_form .forgot-password { margin-bottom:20px; }

#login_form .btn { margin:0 20px 0 0; }


/*= Disclaimer
-------------------------------------------------------------- */
.disclaimer li{
	list-style: decimal;
}

/*= Change Password Form
-------------------------------------------------------------- */
#changepass_form {
	width:300px;
}

#changepass_form p {
	clear:both;
}

#changepass_form p.submit {
	padding-top:10px;
}
	
	
/*= Tooltips
-------------------------------------------------------------- */
.tooltip {
	display:none;
	position:absolute;
	top:50%;
	padding:10px 15px;
	background:#222;
	color:#fff;
	border-radius:3px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
	/* tooltip arrow */
	.tooltip:before {
		content:"";
		position:absolute;
		left:15px;
		bottom:-5px;
		width:10px;
		height:10px;
		background:#222;
		border-radius:0 0 2px 0;
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Safari and Chrome */
		-o-transform: rotate(45deg); /* Opera */
		-moz-transform: rotate(45deg); /* Firefox */
		transform: rotate(45deg);
	}
	.tooltip.align-right:before {
		left:auto;
		right:15px;
	}
	
	.tooltip ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.tooltip li { white-space:nowrap; }
	
	.tooltip.error li {
		padding:0 0 0 14px;
		background:url(images/notification-error-02.png) no-repeat left center;
	}
	.tooltip.warning li {
		padding:0 0 0 10px;
		background:url(images/notification-warning-02.png) no-repeat left center;
	}


	
/*= Control Bar and Boxes
-------------------------------------------------------------- */
.control-bar,
.box {
	margin:20px 0;
	padding:5px;
	line-height:0;
	background:#f3f3f3;
	background:-moz-linear-gradient(top, #f3f3f3, #f4f4f4);
	background:-webkit-linear-gradient(top, #f3f3f3, #f4f4f4);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#f4f4f4));
	background:-ms-linear-gradient(top, #f3f3f3, #f4f4f4);
	background:linear-gradient(top, #f3f3f3, #f4f4f4);
	border:solid 1px #e0e0e0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
	.box {
		padding:10px 20px;
	}

	.control-bar > form { 
		display:inline-block; 
		width:100%;
	}

	.control-bar .controls {
		display:inline-block;
		margin:0;
		list-style:none;
	}
	
	.control-bar .controls > li {
		float:left;
		padding:5px;
		line-height:0;
	}
	
	.control-bar .button { margin-bottom:0; }
	
	.control-bar input,
	.control-bar select,
	.control-bar label.inlined {
		float:left;
		clear:none;
		margin-bottom:0;
	}
	.control-bar input[type="text"],
	.control-bar input[type="password"],
	.control-bar input[type="search"],
	.control-bar label.inlined {
		width:180px;
	}
	
	.control-bar select {
		max-width:160px;
	}
	
	.control-bar #btn_filter { margin-left:10px; }
	
	.control-bar .field { 
		float:left;
		clear:none;
		height:32px;
	}
	.control-bar .field.checkbox { 
		line-height:32px;
		padding:0 5px;
	}
	.control-bar .field.checkbox input { margin-top:9px; }
	
	.control-bar .date-range label,
	.control-bar .date-range input {
		width:90px;
	}
	
	.control-bar  .controls .text {
		height:32px;
		line-height:32px;
		padding-left:0;
		padding-right:0;
	}
	
	.control-bar .spinner { float:left; }


/*= Form Filters
-------------------------------------------------------------- */
.popup-filter {
	display:none;
	width:560px;
	height:575px;
	background:url(images/spinner-01.gif) no-repeat center center;
}

	.popup-filter-wrapper { 
		display:none; 
		background:#F9F9F9;
	}
	
	.popup-filter .meta {
		float:right;
		margin-top:20px;
	}
	
	.popup-filter .meta a {
		cursor:pointer;
	}
	
	.popup-filter .controls {
	
	}
	
	.popup-filter .controls a {
		margin:0;
	}
	
	
/*= Table Data
-------------------------------------------------------------- */
.table-data .toti.warning,
.table-data .toti.error {
	display:inline-block;
	width:18px;
	height:18px;
	cursor:help;
}

.table-data .toti:hover,
.table-data .toti:active {
	border:none;
}
	
	
/*= Advanced Search
-------------------------------------------------------------- */
.advs {
	display:inline-block; 
	width:561px;
	margin-bottom:20px;
}

	.advs .advs-window {
		float:left;
		width:279px;
		height:500px;
		background:#fcfcfc;
		border:solid 1px #ccc;
		font-size:14px;
		overflow:hidden;
	}
	
	.advs .advs-options {
		border-right:none;
	}
	
		.advs .advs-options ul {
			height:456px;
		}
	
	.advs .search {
		float:left;
		position:relative;
		background:#f0f0f0;
		border-bottom:solid 1px #e0e0e0;
	}
	
		.advs .search input,
		.advs .search label {
			float:left;
			clear:left;
			margin:8px 10px;
			padding:0 10px;
			width:237px;
			height:26px;
			line-height:26px;
			font-size:14px;
			font-weight:normal;
			background:#fff;
			border:solid 1px #ccc;
			border-radius:13px;
			-moz-box-shadow:0 1px 0 #fff;
			-webkit-box-shadow:0 1px 0 #fff;
			box-shadow:0 1px 0 #fff;
		}
		
		.advs .search label.inlined + input {
			margin-top:-36px;
			background:transparent;
			border-color:transparent;
		}
		
		.advs .search label.inlined { 
			padding-left:32px;
			width:215px;
			color:#999;
			background-image:url(images/search-01.png);
			background-repeat:no-repeat;
			background-position:14px 6px;
		}
		.advs .search label.inlined.focus { 
			color:#ccc;
			background-position:14px -22px;
		}
		.advs .search label.inlined.has-text {	
			color:transparent; 
			background-image:none; 
			border-color:#FCB040;
		}

		.advs .search .clear {
			display:none;
			position:absolute;
			top:9px;
			right:14px;
			width:10px;
			height:10px;
			padding:8px;
			background:url(images/x-01.png) no-repeat 8px 8px;
			text-indent:-999em;
			cursor:pointer;
			z-index:1;
		}	
		.advs .search .clear:hover,
		.advs .search .clear:active {
			background-position:8px -12px;
		}
		
	.advs ul {
		width:279px;
		height:500px;
		padding:0;
		margin:0;
		overflow:auto;
		overflow-y:scroll;
		list-style:none;
		background:#fafafa;
	}
	
	.advs li {
		display:block;
		margin:0;
		padding:10px 35px 10px 10px;
		background:#fff;
		border-bottom:solid 1px #e0e0e0;
		cursor:pointer;
		line-height:1.2em;
	}
	/*.advs li:nth-child(odd) { background:#f7f7f7; }*/
	.advs li:hover { background:url(images/arrow-right-01.png) 230px 9px no-repeat #D9EBFC; }
	.advs li:active { background:url(images/arrow-right-01.png) 230px 9px no-repeat #BFDEFA; }
	.advs li.inactive { color:#999; }
	
	.advs .advs-options li.inactive.hide { display:none !important; }
	
	.advs .advs-selected li:hover { background-image:url(images/arrow-left-01.png); }
	.advs .advs-selected li:active { background-image:url(images/arrow-left-01.png); }

	

/*= Bulk Popup Options
-------------------------------------------------------------- */
.bulk_options h2 { margin-bottom:10px; }
.bulk_options input[type="submit"] { margin:0; }

	
/*= Pagination
-------------------------------------------------------------- */
ul.page-numbers {
	margin:0;
	padding:0;
	list-style:none;
}

	ul.page-numbers li {
		float:left;
		font-size:16px;
	}
	
	ul.page-numbers a,
	ul.page-numbers .current,
	ul.page-numbers .dots {
		height:32px;
		padding:0 5px;
		line-height:32px;
	}
	
	ul.page-numbers .current {
		font-weight:600;
	}

	
/*= Legend
-------------------------------------------------------------- */
dl.legend {
	margin:15px 0;
}

	dl.legend dt,
	dl.legend dd {
		margin-right:3px;
		display:inline-block;
	}
	
	dl.legend dd { margin-right:20px; }
	
	
	
/*= Comments
-------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------------------------- 
04 Layout ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.wrapper {
	position:relative;
	width:95%;
	margin:0 auto;
	text-align:left;
}


/*= Header
-------------------------------------------------------------- */
header {
	background:#f5f5f5;
	border-bottom:solid 1px #ddd;
}

	header h1 {
		display:inline-block;
		padding:20px 0;
		margin:0;
	}
	
		header h1 img {
			width:450px;
		}
	
	
	
/*= Searchform
-------------------------------------------------------------- */
header #searchform {
	position:absolute;
	top:16px;
	right:0;
	border-bottom:solid 1px #ccc;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
header #searchform:before,
header #searchform:after {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:1px;
	height:4px;
	background:#ccc;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
header #searchform:after {
	left:auto;
	right:0;
}

header #searchform.focus,
header #searchform.has-text {
	border-bottom-color:#FCB040;
}

header #searchform.focus:before,
header #searchform.has-text:before,
header #searchform.focus:after,
header #searchform.has-text:after {
	background:#FCB040;
}
	
	header #searchform label,
	header #searchform #s {
		width:300px;
		height:20px;
		padding:4px;
		margin:0 0 0 19px;
		border:none;
		line-height:20px;
		background-color:transparent;
	}
	header #searchform #s {
		margin-top:-28px;
		margin-bottom:0;
	}
	header #searchform #s:focus { box-shadow:none; }	

	header #searchform #searchsubmit {
		position:absolute;
		left:0;
		top:4px;
		width:21px;
		height:20px;
		padding:0;
		background:url(images/search-01.png) no-repeat 3px 3px;
		border:none;
		text-indent:-999em;
		font-size:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	header #searchform #searchsubmit:hover,
	header #searchform #searchsubmit:active {
		background-position:3px -25px;
		
	}

/*= Navigation
-------------------------------------------------------------- */
nav#access {
	position:absolute;
	right:0;
	bottom:0;
}

	nav#access ul {
		margin:0;
		padding:0;
	}
	
	nav#access li {
		float:left;
	}
	
	nav#access a,
	nav#access li.non-link {
		float:left;
		height:50px;
		padding:0 15px;
		color:#004B8C;
		font-size:22px;
		line-height:46px;
		text-transform:uppercase;
	}
	nav#access a:hover,
	nav#access a:active {
		color:#0079EB;
		text-decoration:none;
	}
	
	nav#access li.non-link {
		color:#999;
	}
	
	nav#access li.login,
	nav#access li.logout {
		margin:0 -15px 0 15px;
		padding-left:15px;
		border-left:solid 1px #ddd;
	}
	
	nav#access li.current_page_item span,
	nav#access li.current-menu-item span,
	.single-employee nav#access li#menu-item-40 span,
	.single-qualification nav#access li#menu-item-39 span,
	.single-course nav#access li#menu-item-38 span {
		display:inline-block;
		height:49px;
		border-bottom:solid 3px #FCB040;
		color:#0079EB;
	}
	

	
/*= Footer
-------------------------------------------------------------- */
footer {
	clear:both;
	margin-top:40px;
	background:#333;
	border-top:solid 1px #000;
	color:#ccc;
}

	footer > .wrapper {
		padding:20px 0;
	}
	
	footer a,
	footer a:link,
	footer a:visited {
		color:#fff;
	}

	footer .credit {
		float:right;
		margin-top:-9px;
	}
	
	footer .credit a {
		display: inline-block;
		position: relative;
		top: 6px;
		left: 3px;
		width: 33px;
		height: 24px;
		border: medium none;
		overflow: hidden;
	}
	
	footer .credit a:hover img, 
	footer .credit a:active img {
		top: -24px;
	}
	footer .credit a img { position: absolute; }


/*= Shared Page Styles
-------------------------------------------------------------- */
section#content {
	margin-top:40px;
	zoom:1; /* IE 6/7 clearfix */
}

/* clear fix for modern browsers */
section#content:before,
section#content:after {
    content:"";
    display:table;
}
section#content:after {
    clear:both;
}



/*= Home Page
-------------------------------------------------------------- */
.nav-home {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}

	.nav-home li {
		display:inline-block;
		margin:0 15px 0 0;
	}
	
	.nav-home a {
		float:left;
		position:relative;
		width:310px;
		height:310px;
		text-align:left;
	}
	
	.nav-home .text {
		position:absolute;
		bottom:0;
		left:0;
		width:270px;
		height:87px;
		padding:12px 20px 0;
		background:#004B8D;
		text-transform:uppercase;
	}
	
	.nav-home small {
		display:block;
		font-size:22px;
		font-weight:400;
		line-height:1em;
		color:#1B92FF;
	}
	
	.nav-home span {
		display:block;
		font-size:56px;
		font-weight:400;
		line-height:1em;
		color:#fff;
	}
	
	.nav-home a:hover .text { background:#F9B03F; }
	.nav-home a:hover small { color:#000; }
	
	/*
	.nav-home li.employee a { background-position:0 0; }
	.nav-home li.qualification a { background-position:-310px 0; }
	.nav-home li.course a { background-position:-620px 0; }
	
	.nav-home li.employee:hover a,
	.nav-home li.employee:active a { background-position:0 -310px; }
	
	.nav-home li.qualification:hover a,
	.nav-home li.qualification a:active { background-position:-310px -310px; }
	
	.nav-home li.course:hover a,
	.nav-home li.course a:active { background-position:-620px -310px; }
	*/


/*= Single
-------------------------------------------------------------- */
.single article {
	float:left;
	position:relative;
	width:75%;
}

.single .tools {
	position:absolute;
	top:0;
	right:0;
}

.single h1 .status,
.single h1 .type {
	display:inline-block;
	position:relative;
	top:-5px;
	margin:0 0 0 10px;
	padding:3px 5px 0;
	background:#56A752;
	line-height:1em;
	color:#fff;
	font-size:24px;
	letter-spacing:0;
	text-shadow:none;
}
	.single h1 .type { margin-left:0; background:#666; }
	.single h1 .status.inactive { background:#C05151; }

.single .alerts {
	padding:10px 20px;
}

	.single .alerts h2 { margin-top:0; }
	.single .alerts h3 { margin-top:0; }
	
	.single .alerts dl dt {
		float:left;
		clear:both;
		margin:0;
		padding:0 8px 0 0;
	}
		.single .alerts dl.legend dt.inactive { opacity:0.4; }
		.single .alert dl.legend img { float:left; }

	.single .alerts dl.legend dd {
		display:block;
		margin:5px 0;
		line-height:18px;
	}
		.single .alerts dl.legend dd.inactive { opacity:0.4; }

	
/* sidebar */
.single #sidebar {
	float:left;
	width:22%;
	margin-left:3%;
	padding-top:80px;
}
	
	.single ul.xoxo {
		margin:0;
		padding:0;
	}
	
	.single ul.xoxo li {
		margin-bottom:15px;
	}
	
	.single ul.xoxo p {
		margin:0;
	}
	
	.single ul.xoxo table {
		margin-top:0;
	}
	
	.single .widget_certificate img { width:100%; }

	
/*= Single Employee
-------------------------------------------------------------- */
.single-employee h1 .type { background:#7A61AF; }


/*= Single Qualification
-------------------------------------------------------------- */
.single-qualification h1 .type { background:#EB8F14; }


/*= Single Course
-------------------------------------------------------------- */
.single-course h1 .status.past { background:#C05151; }
.single-course h1 .type { background:#D06495; }

.single-course #map-canvas {
	height:600px;
	border:solid 1px #ccc;
}



/*= Search Results
-------------------------------------------------------------- */
.search h2 { margin-bottom:0; }
	
	.search h2 .post-type {
		display:inline-block;
		position:relative;
		top:-5px;
		margin: 0 0 5px;
		padding:3px 5px 1px;
		background:#666;
		line-height:1em;
		color:#fff;
		font-size:20px;
		letter-spacing:0;
		text-shadow:none;
	}
	.search h2 .post-type.employee { background-color:#7A61AF; }
	.search h2 .post-type.qualification { background-color:#EB8F14; }
	.search h2 .post-type.course { background-color:#D06495; }
	
.search .entry-meta > div { display:inline; }
.search .entry-meta span { margin-right:10px; }


/*= Print Card
-------------------------------------------------------------- */
.page-id-346 header,
.page-id-346 #masthead,
.page-id-346 #messages,
.page-id-346 footer {
	display:none;
}

.page-id-346 section#content {
	margin:0;
}

.page-id-346 .wrapper {
	width:100%;
}

@page { margin:0.5cm; }

.sheet {
	float:left;
	clear:both;
	display:block; 
	width:17.78cm;
	height:25.4cm;
	/* Jan 31, 2017 Added margin from Firefox */
	margin:0.57cm 1.03cm 0;
}
	.ie .sheet { margin:0.2cm 0.635cm 0; }
	/*.firefox .sheet { margin:0.57cm 1.03cm 0; }*/

	.sheet .card {
		float:left;
		position:relative;
		width:17.78cm;
		height:5.08cm;
	}
		/*
		.crop-mark {
			display:none;
			position:absolute;
			z-index:1;
			width:0.4cm;
			height:0.4cm;
			border:solid 1px #999;
		}		
			.crop-mark.top {
				width:99.5%;
				top:-0.5cm;
				left:0;
				border-top:none;
				border-bottom:none;
			}
			.crop-mark.right {
				height:99.5%;
				top:0;
				right:-0.5cm;
				border-right:none;
				border-left:none;
			}
			.crop-mark.bottom {
				width:99.5%;
				bottom:-0.5cm;
				left:0;
				border-top:none;
				border-bottom:none;
			}
			.crop-mark.left {
				height:99.5%;
				top:0;
				left:-0.5cm;
				border-right:none;
				border-left:none;
			}
		*/
	
		.sheet .front,
		.sheet .back {
			float:left;
			position:relative;
			width:8.89cm;
			height:5.08cm;
			overflow:hidden;
		}
		
		/* front */
		.sheet .front .logo {
			position:absolute;
			top:0.5cm;
			left:0.5cm;
			width:7.89cm;
		}
		
		.sheet .front .meta {
			position:absolute;
			left:0.5cm;
			right:0.5cm;
			bottom:0.5cm;
		}
		
			.sheet .front .meta-name {
				font-size:16px;
				font-weight:600;
			}
			
			.sheet .front .meta-date {
				float:right;
				color:#999;
				font-size:12px;
			}
			
			.sheet .front .meta-ocot {
				color:#999;
				font-size:12px;
			}
		
		/* back */		
		.sheet .back dl {
			margin:0.5cm 0.5cm 0.2cm;
			padding:0;
			line-height:1em;
		}
		
		.sheet .back dt {
			float:left;
			clear:both;
			display:inline;
			padding:0 3px 0 0;
			font-size:10px;
			font-weight:400;
		}
		
		.sheet .back dd {
			display:block;
			margin:0 0 1px 0;
			font-size:10px;
			font-style:italic;
			color:#666;
		}
		
		.sheet .back dt.legend {
			padding-bottom:3px;
			margin-bottom:3px;
		}
		
		.sheet .back dd.legend {
			padding-bottom:3px;
			margin-bottom:3px;
			border-bottom:dashed 1px #999;
			text-align:right;
		}
		
		.sheet .back ul {
			margin:0 0.5cm 0.5cm 0.9cm;
		}
		
			.sheet .back li {
				position:relative;
				font-size:10px;
				font-weight:400;
				list-style:square;
				line-height:1.4em;
			}
			
				.sheet .back .qual-title { 
					padding-right:2px;
					background:#fff;
				}
			
				.sheet .back .qual-expiry {
					float:right;
					padding-left:2px;
					background:#fff;
					font-style:italic;
					color:#666;
				}
				
				.sheet .back .qual-guide {
					display:none;
					position:absolute;
					left:7%;
					right:0;
					z-index:-1;
					overflow:hidden;
					color:#999;
				}
				.sheet .back li.has-expiry .qual-guide { display:inline; }
	


.page-break { 
	display:block; 
	page-break-before:always; /* force page break */ 
}


/*= Sidebars
-------------------------------------------------------------- */





/*= Fancybox
-------------------------------------------------------------- */
.fancybox-inner { overflow:hidden !important; }

	.fancybox-inner h2 {
		padding:0;
		margin:0 0 10px 0;
	}
	
	.fancybox-inner input[type="submit"] {
		margin-bottom:0;
	}
	


/* ---------------------------------------------------------------------------------------------------------- 
05 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*= 1200px Wide
-------------------------------------------------------------- */
@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {

	.table-data th.r-1,
	.table-data td.r-1 {
		display:none;
	}
	
}


/*= 1024px Wide
-------------------------------------------------------------- */
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

	.table-data th.r-2,
	.table-data td.r-2 {
		display:none;
	}
	
}


/*= 700px Wide
-------------------------------------------------------------- */
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {

	.table-data th.r-3,
	.table-data td.r-3 {
		display:none;
	}
	
}

/*= Smartphones and iPhones 480px (Portrait)
-------------------------------------------------------------- */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	
}

/*= Retina Display
-------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:2) {
	
}



/* ---------------------------------------------------------------------------------------------------------- 
06 Print Styles ---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@media print {
	
	/* hide elements */
	.print-hide,
	#searchform,
	nav,
	footer,
	.tools,
	.control-bar,
	.table-data th.checkbox,
	.table-data td.checkbox,
	.fancybox-wrap {
		display:none;
	}
	
	/* page margins */
	@page {
		margin:0.5cm;
	}
	
	/* fonts and type */
	body {
		font-size:11px;
		padding:0;
		margin:0;
	}
	
	header {
		height:auto;
		background:transparent;
		border:none;
	}
		
		header > .wrapper { border-bottom:solid 1px #ddd; }
	
		header h1 img {
			width:140px;
			height:auto;
		}
		
	section#content {
		margin-top:10px;
	}
	
	h1 {
		font-size:36px;
		margin:0;
	}
	
	h2 {
		font-size:28px;
	}
	
	h3 {
		font-size:22px;
	}
	
	h4 {
		font-size:18px;
	}
	
	/* tables */
	.table-data th,
	.table-data td {
		padding:4px 6px;
	}
	
	.table-data td.print-emphasis {
		font-weight:600;
	}
	

}

a.menu-link{
   display:  none;
   background: #005AAD;
   padding-top: 6px;
   /*padding-bottom: 35px;*/
   height: 36px;
   line-height: 30px;
   text-transform: uppercase;
   width: 97%;
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
   text-align: left;
   font-size: 15px;
   padding-left: 3%;
   position: relative;
}
#access ul:before,
#access ul:after {
    content: " "; 
    display: table; 
}
#access ul:after {
    clear: both;
}
.menu-link:after{
	content: url(images/menu.png);
	right: 20px;
	top: 11px;
	position: absolute;
}

/*= Text Messages Testing
-------------------------------------------------------------- */
.text-message-output {
	border: 2px dashed #333333;
	background-color: #EEEEEE;
	padding: 10px;
	margin-bottom: 10px;
}

/* =MEDIA QUERIES - The Graphix Works
-------------------------------------------------------------- */
@media only screen and (max-width: 1900px) {
	body.single-qualification aside,
	body.single-qualification article,
	body.single-course aside,
	body.single-course article{
		float: none;
		width: 100% !important;
		margin: 0 !important;
	}
	body.single-qualification aside#sidebar,
	body.single-course aside#sidebar{
		padding-top: 0px !important;
	}
}	
@media only screen and (max-width: 1390px) {
	#messages,
	.single .tools {
		display: block;
		width: 100%;
		float: none;
	}
	.single .tools{
		float: none;
		position: relative;
		top: auto;
		right: auto;
		padding-bottom: 15px;
	}
	body.single-qualification #messages,
	body.single-qualification .tools,
	body.single-course #messages,
	body.single-course .tools{
		display: block;
		width: 100%;
		float: none;
	}
	body.single-qualification .tools,
	body.single-course .tools{
		padding-bottom: 15px;
		position: relative;
	}
	body.single-qualification .tools ul,
	body.single-course .tools ul{
		margin-top: 0;
	}
}
@media only screen and (max-width: 1320px) {
	body.single-employee aside,
	body.single-employee article{
		float: none;
		width: 100% !important;
		margin: 0 !important;
	}
	body.single-employee aside#sidebar{
		padding-top: 0px !important;
	}

}	
@media only screen and (max-width: 1175px) {
	body.single-employee #messages,
	body.single-employee .tools{
		display: block;
		width: 100%;
		float: none;
	}
	body.single-employee .tools{
		padding-bottom: 15px;
		position: relative;
	}
	body.single-employee .tools ul{
		margin-top: 0;
	}
}	
@media only screen and (max-width: 1062px) {
	body.logged-in header h1{
		display: block;
		text-align: center;
	}
	.logged-in header h1 img{
		width: 50%;
	}
	header #searchform{
		position: relative;
		right: auto;
		top: auto;
		height: 25px;
		width: 300px;
		margin: 0 auto 30px;
	}
	.logged-in nav#access{
		position: relative;
		bottom: auto;
		right: auto;
		height: 50px;
		width: 550px;
		margin: 0 auto 30px;
	}

}

@media only screen and (max-width: 960px) {
	body.page-id-22 table, 
	body.page-id-22 thead, 
	body.page-id-22 tbody, 
	body.page-id-22 th, 
	body.page-id-22 td, 
	body.page-id-22 tr {
		display: block;
	}
	body.page-id-22 thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	body.page-id-22 tr { border: 1px solid #ccc; }

	body.page-id-22 td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		min-height: 24px;
	}
	body.page-id-22 table td.alerts {
	    box-sizing: border-box;
	    width: 100%;
	    min-height: 40px;
	}
	body.page-id-22 td:before {
		position: absolute;
		top: 10px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}	
	body.page-id-22 td:nth-of-type(1):before { 
		content: "Select"; 
		font-weight: 700;
	}
 	body.page-id-22 td:nth-of-type(2):before { 
		content: "Qualification"; 
		font-weight: 700;
	}
	body.page-id-22 td:nth-of-type(3):before { 
		content: "Employees"; 
		font-weight: 700;
	}
	body.page-id-22 td:nth-of-type(6):before { 
		content: "Alerts"; 
		font-weight: 700;
	}

}	
	

@media only screen and (max-width: 815px) {
	.logged-in header h1 img{
		width: 80%;
	}
	.single .alerts dl.legend dd{
		line-height: 21px;
	}
}

@media only screen and (max-width: 750px) {
	.single-course #map-canvas{
		height: 300px;
	}

	body.page-id-19 table, 
	body.page-id-19 thead, 
	body.page-id-19 tbody, 
	body.page-id-19 th, 
	body.page-id-19 td, 
	body.page-id-19 tr {
		display: block;
	}

	body.page-id-19 thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	body.page-id-19 tr { border: 1px solid #ccc; }

	body.page-id-19 td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		min-height: 24px;
	}

	body.page-id-19 td:before {
		position: absolute;
		top: 10px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}	
	body.page-id-19 td:nth-of-type(1):before { 
		content: "Select"; 
		font-weight: 700;
	}
 	body.page-id-19 td:nth-of-type(2):before { 
		content: "Employee"; 
		font-weight: 700;
	}
	body.page-id-19 td:nth-of-type(3):before { 
		content: "Qualifications"; 
		font-weight: 700;
	}
	body.page-id-19 td:nth-of-type(9):before { 
		content: "Alerts"; 
		font-weight: 700;
	}
	body.page-id-19 table td.alerts {
	    box-sizing: border-box;
	    width: 100%;
	    min-height: 40px;
	}

}	

@media only screen and (max-width: 665px) {
	footer .credit{
		display: block;
		float: none;
		width: 145px;
		margin: 0 auto;
	}
	span.pipe{
		display: none;
	}
	span.block{
		display: block;
		text-align: center;
	}
	div.fancybox-wrap.fancybox-type-inline.fancybox-opened{
		width: 100% !important;
		left: 0 !important;
	}
/*	div.fancybox-wrap.fancybox-type-inline.fancybox-opened .fancybox-inner { 
		display: block !important; 
		position: relative !important; 
		width: 100% !important; 
 		overflow-x: auto !important; 
 		white-space: nowrap !important; 
 		border-radius: 0 !important;
 	}*/
 	div.fancybox-wrap.fancybox-type-inline.fancybox-opened .fancybox-inner { 
		display: block !important; 
		position: relative !important; 
		width: 100% !important; 
 	}
 	.popup-filter{
 		width: 100% !important; 
 	}
 	div.fancybox-wrap.fancybox-type-inline.fancybox-opened .advs .advs-window{
 		float: none !important;
 		height: 240px !important;
 		width: 100% !important;
 	}
 	.advs,
 	.advs ul,
 	.advs .search{
 		width: 100% !important;
 	}
 	body.logged-out div.fancybox-wrap.fancybox-type-inline.fancybox-opened{
 		width: 95% !important;
 	}
}	
@media only screen and (max-width: 640px) {
	body.page-id-17.logged-out header h1{
		display: block;
		width: 100%;
		text-align: center;
	}
	body.page-id-17.logged-out nav#access{
		display: block;
		position: relative;
		right: auto;
		bottom: auto;
		height: 50px;
	}
	body.logged-out nav#access li.login, 
	body.logged-out nav#access li.logout{
		border-left: 0px;
		padding-left: 0px;
		margin: 0 auto;
	}
	body.logged-out nav#access ul{
		display: block;
		height: 50px;
		margin: 0 auto;
		width: 100px;
	}
	h1{
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	h2{
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 25px;
		line-height: 35px;
		padding-top: 0;
	}
	table{
		margin: 0 0 20px 0 !important;
	}
	.single ul.xoxo li{
		margin-bottom: 5px;
	}
	.single ul.xoxo table{
		margin-bottom: 0px !important;
	}
	body.search-results article p{
		margin-bottom: 0px;
	}
	body.search-results article{
		margin-bottom: 15px;
	}
	/*.fancybox-wrap{
		width: 100% !important;
		left: 0 !important;
	}
	.advs,
	.popup-filter,
	.fancybox-inner{
		width: 100% !important;
	}*/
	body.single-employee table.table-data, 
	body.single-employee .table-data thead, 
	body.single-employee .table-data tbody, 
	body.single-employee .table-data th, 
	body.single-employee .table-data td, 
	body.single-employee .table-data tr,
	body.single-qualification table.table-data, 
	body.single-qualification .table-data thead, 
	body.single-qualification .table-data tbody, 
	body.single-qualification .table-data th, 
	body.single-qualification .table-data td, 
	body.single-qualification .table-data tr {
		display: block;
	}
	body.single-qualification .table-data thead tr,
	body.single-employee .table-data thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	body.single-qualification .table-data tr,
	body.single-employee .table-data tr { 
		border: 1px solid #ccc; 
	}
	body.single-qualification .table-data td,
	body.single-employee .table-data td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		min-height: 24px;
	}
	body.single-qualification .table-data td:before,
	body.single-employee .table-data td:before {
		position: absolute;
		top: 10px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}	
	body.single-qualification table td.alerts,
	body.single-employee table td.alerts {
	    box-sizing: border-box;
	    width: 100%;
	    min-height: 40px;
	}
	body.single-qualification .table-data td:nth-of-type(1):before,
	body.single-employee .qualTable td:nth-of-type(1):before { 
		content: "Select"; 
		font-weight: 700;
	}
	body.single-employee .courseTable td:nth-of-type(1):before,
 	body.single-employee .qualTable td:nth-of-type(2):before,
 	body.single-qualification .table-data td:nth-of-type(2):before { 
		content: "Name"; 
		font-weight: 700;
	}
	body.single-qualification .table-data td:nth-of-type(3):before,
	body.single-employee .qualTable td:nth-of-type(3):before { 
		content: "Completed"; 
		font-weight: 700;
	}
	body.single-qualification .table-data td:nth-of-type(4):before,
	body.single-employee .qualTable td:nth-of-type(4):before { 
		content: "Expiry"; 
		font-weight: 700;
	}
	body.single-employee .qualTable td:nth-of-type(5):before,
	body.single-qualification .table-data td:nth-of-type(5):before { 
		content: "File"; 
		font-weight: 700;
	}
	body.single-qualification .table-data td:nth-of-type(6):before,
	body.single-employee .qualTable td:nth-of-type(6):before{ 
		content: "Alerts"; 
		font-weight: 700;
	}
	body.single-employee .courseTable td:nth-of-type(2):before{
		content: "Date"; 
		font-weight: 700;
	}
	body.single-employee .courseTable td:nth-of-type(3):before{
		content: "Type"; 
		font-weight: 700;
	}
	body.single-employee .courseTable td:nth-of-type(4):before{
		content: "Attendance"; 
		font-weight: 700;
	}
}
@media only screen and (max-width: 590px) {
	/*START menu styles*/
	li.non-link{
		display: none;
	}
	.logged-in nav#access{
		width: 100%;
	}
	/* Override other menu code */
	#access ul li:hover > ul {
		display: none;
	}
	#access ul ul
	{
		top: 0px;
		position: relative;
		float: none;
	}
	#access li{
		height: auto; /* override for menu height issue */
		/* set list item height */
		min-height: 39px; 
		height: auto !important;
		height: 39px;
	}
	/*mobile menu */
	.menu-link.active {
        display: block !important;
    }
    #access ul  > li {
        float: none !important;
    }
   
    #access ul li{
    	margin-bottom: 0px !important;
    	border-bottom: 1px solid #666;
    }
    nav#access li.logout{
    	padding-left: 3%;
    }
    ul#access ul 
    {
    	border-top: 4px solid #666;
    }
    #access ul  ul {
        display: block;
        width: 100%;
        z-index: 9999999;
    }
   #access ul  > li.hover > ul, 
   #access ul  li li.hover ul {
        position: static;
        display: block !important; /* Show Menu Fix */
    }
    #access ul li a{
    	width: calc(95% - 87px);
    	padding: 0px;
    	text-align: left;
    	padding-left: calc(87px + 2%);
    	line-height: 39px;
    	border-bottom: 0;
    }
   
    #access{
   		width:100% !important;
   		background-color: #F5F5F5;
   	}
   	a.menu-link{
   		display: block !important;
   		/*margin-bottom: 20px;*/
   	}
   	header{
   		padding-bottom: 20px;
   	}
   	nav#access li.logout{
   		margin: 0;
   		border-left: 0;
   	}
	nav#access li.logout a{
		padding-left: 0;
	}
	nav#access a,
	.logged-in nav#access{
		height: auto;
	}
	body.logged-out nav#access ul{
		height: auto;
		margin: 0;
		width: 100%;
	}
	nav#access li.current_page_item span, 
	nav#access li.current-menu-item span, 
	.single-employee nav#access li#menu-item-40 span, 
	.single-qualification nav#access li#menu-item-39 span, 
	.single-course nav#access li#menu-item-38 span{
		border: 0px;
		height: auto;
		color: #F9B03F;
	}
	.logged-in nav#access{
		margin-bottom: 0;
	}
	li#menu-item-40 a,
	li#menu-item-39 a,
	li#menu-item-38 a{
		position: relative;
	}
	li#menu-item-40 a:before,
	li#menu-item-39 a:before,
	li#menu-item-38 a:before{
		position: absolute;
		top: 0;
		left: 3%;
		content: 'Report by: ';
		color: #999;
	}

	/*end menu styles*/
	section#content,
	footer{
		margin-top: 0px;
	}
	body.page-id-17 footer{
		margin-top: 15px;
	}
}	
@media only screen and (max-width: 520px) {
	.control-bar ul.controls.right,
	.right.showing{
		float: none;
		display: block;
		width: 100%;
		clear: both;
		text-align: left;
	}
	body.page-id-25 table, 
	body.page-id-25 thead, 
	body.page-id-25 tbody, 
	body.page-id-25 th, 
	body.page-id-25 td, 
	body.page-id-25 tr {
		display: block;
	}
	body.page-id-25 thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	body.page-id-25 tr { 
		border: 1px solid #ccc; 
	}
	body.page-id-25 td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		min-height: 24px;
	}
	body.page-id-25 td:before {
		position: absolute;
		top: 10px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}	
	body.page-id-25 td:nth-of-type(1):before { 
		content: "Select"; 
		font-weight: 700;
	}
 	body.page-id-25 td:nth-of-type(2):before { 
		content: "Courses"; 
		font-weight: 700;
	}
	body.page-id-25 td:nth-of-type(3):before { 
		content: "Start Time"; 
		font-weight: 700;
	}
	body.page-id-25 td:nth-of-type(4):before { 
		content: "End Time"; 
		font-weight: 700;
	}


}	
@media only screen and (max-width: 500px) {
	header h1 img{
		width: 100%;
	}
	body.page-id-19 td:nth-of-type(3){ 
		padding-left: 12px;
		padding-top: 30px;
	}
	body.single-course h1 span,
	body.single-qualification h1 span,
	body.single-employee h1 span{
		display: block !important;
	}
	body.single-course h1 span.status,
	body.single-qualification h1 span.status,
	body.single-employee h1 span.status{
		margin-left: 0;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 480px) {
	.tools li{
		display: block;
		margin-left: 0;
	}

}	
@media only screen and (max-width: 415px) {
	label.inlined.textarea, label.inlined.textarea + textarea{
		width: 92% !important;
	}
}	
@media only screen and (max-width: 400px) {
	#login_form{
		width: 100%;
	}
	header #searchform label, header #searchform #s{
		margin-left: 8%;
		width: 92%;
	}

	body.single-course table, 
	body.single-course thead, 
	body.single-course tbody, 
	body.single-course th, 
	body.single-course td, 
	body.single-course tr {
		display: block;
	}
	body.single-course thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	body.single-course tr { 
		border: 1px solid #ccc; 
	}
	body.single-course td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		min-height: 24px;
	}
	body.single-course td:before {
		position: absolute;
		top: 10px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}	
	body.single-course td:nth-of-type(1):before { 
		content: "Select"; 
		font-weight: 700;
	}
 	body.single-course td:nth-of-type(2):before { 
		content: "Employee"; 
		font-weight: 700;
	}
	body.single-course td:nth-of-type(3):before { 
		content: "Attendance"; 
		font-weight: 700;
	}
	.popup-filter-wrapper .meta,
	.popup-filter-wrapper .controls{
		float: none !important;
		text-align: left !important;
		margin-bottom: 10px;
	}
	div.fancybox-wrap.fancybox-type-inline.fancybox-opened .fancybox-inner,
	.popup-filter{
		height: auto !important;
	}
}	
@media only screen and (max-width: 350px) {
	/*#login_form input{
		width: 95% !important;
	}*/
	dl.legend{
		font-size: 11px;
	}
	label.inlined{
		border-right: 0;
	}
}