h1, h2 {
	font-weight: normal;
	margin-left: 10px;
}

h3 { margin-left: 10px; }

h1 .note { color: #999; }
h2 .note { color: #999; }
h2 small { font-size: 0.75em; }

p small { font-size: 0.92em; }
p small strong { color: #333; }

#main p { margin-left: 10px; }
#main p.message { margin-left: 0; }

#container, .container {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

#header {
	position: relative;
	background-color: #FEE337;
	padding: 16px 0 0;
	overflow: hidden;
}

#header .container { padding-bottom: 16px; }

#mindwarriors {
	position: absolute;
	right: 0;
	bottom: 2px;
}

#main {
	padding: 50px 0;
	overflow: hidden;
	position: relative;
}

#logo a {
	display: block;
	width: 200px;
}

#logo img { max-width: 100%; }

.two-col {
	overflow: hidden;
	background: url("../img/grey.png") 50% 0 repeat-y;
}

.two-col.module {
	background: none;
}

.two-col .left-col {
	width: 450px;
	float: left;
	display: inline;
	margin-right: 40px;
}

.two-col .right-col {
	width: 450px;
	float: left;
	display: inline;
}

.divider {
	height: 1px;
	background: #eee;
	margin: 2em 0;
}

.text-add {
	background: url("../img/icons/add.png") left no-repeat;
	padding: 2px 0 2px 20px;
}

.text-cancel {
	background: url("../img/icons/cancel.png") left no-repeat;
	padding: 2px 0 2px 20px;
}

.text-report {
	background: url("../img/icons/chart.png") left no-repeat;
	padding: 2px 0 2px 20px;
}

.text-edit {
	background: url("../img/icons/edit.png") left no-repeat;
	padding: 2px 0 2px 20px;
}

.text-person {
	background: url("../img/icons/person-small.png") left no-repeat;
	padding: 2px 0 2px 20px;
}

.text-case {
	background: url("../img/icons/case.png") left no-repeat;
	padding: 2px 0 2px 20px;
}

#nav {
	position: absolute;
	bottom: 0;
	right: 0;
}

#nav ul, #nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
	display: inline;
}

#nav a {
	display: block;
	height: 34px;
	width: 100px;
	background-image: url("../img/navigation.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -999em;
	margin-right: 2px;
}

#nav a#nav-managers 		{ width:  71px; }
#nav a#nav-groups			{ width: 144px; background-position:  -71px 0; }
#nav a#nav-self-assessment	{ width: 167px; background-position: -215px 0; }
#nav a#nav-profile			{ width:  82px; background-position: -382px 0; }
#nav a#nav-regions			{ width:  80px; background-position: -464px 0; }
#nav a#nav-areas			{ width:  77px; background-position: -544px 0; }

#nav a#nav-sign-out {
	margin-left: 1em;
	background-image: none;
	text-indent: 0;
	line-height: 32px;
}

#nav a#nav-managers:hover 			{ background-position:    0px -34px; }
#nav a#nav-groups:hover				{ background-position:  -71px -34px; }
#nav a#nav-self-assessment:hover	{ background-position: -215px -34px; }
#nav a#nav-profile:hover			{ background-position: -382px -34px; }
#nav a#nav-regions:hover			{ background-position: -464px -34px; }
#nav a#nav-areas:hover				{ background-position: -544px -34px; }

#nav .selected a#nav-managers, #nav .selected a#nav-managers:hover 					{ background-position:    0px -68px; }
#nav .selected a#nav-groups, #nav .selected a#nav-groups:hover						{ background-position:  -71px -68px; }
#nav .selected a#nav-self-assessment, #nav .selected a#nav-self-assessment:hover	{ background-position: -215px -68px; }
#nav .selected a#nav-profile, #nav .selected a#nav-profile:hover					{ background-position: -382px -68px; }
#nav .selected a#nav-regions, #nav .selected a#nav-regions:hover					{ background-position: -464px -68px; }
#nav .selected a#nav-areas, #nav .selected a#nav-areas:hover						{ background-position: -544px -68px; }


.basic-list {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 4em 0;
}

.basic-list thead th, .basic-list thead td {
	padding: 0 10px 5px 10px;
	vertical-align: bottom;
	font-size: 1.1em;
	color: #666;
}

.basic-list tbody th, .basic-list tbody td {
	padding: 10px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	background: #F1F5F8;
}

.basic-list.medium tbody th, .basic-list.medium tbody td { font-size: 1.2em; }
.basic-list.large tbody th, .basic-list.large tbody td { font-size: 1.4em; }

.basic-list tbody td small { font-size: 0.92em; }

.basic-list .meta { color: #999; }

.basic-list .middle { text-align: center; }

.basic-list th.row-heading {
	color: #193A58;
	font-weight: bold;
}

.basic-list th.person {
   	max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.basic-list.medium th.row-heading { font-size: 1.2em; }
.basic-list.large th.row-heading { font-size: 1.4em; }

.basic-list th.row-heading a { color: #193A58; text-decoration: none; }
.basic-list th.row-heading a:hover { color: #000; text-decoration: underline; }

.basic-list.medium th.row-heading a,
.basic-list.medium th.row-heading span {
	display: block;
	padding: 3px 0 3px 20px;
}

.basic-list.large th.row-heading a,
.basic-list.large th.row-heading span {
	display: block;
	padding: 5px 0 5px 30px;
}

.basic-list.medium th.person a,
.basic-list.medium th.person span { background: url(../img/icons/person-small.png) left no-repeat; }

.basic-list.large th.person a,
.basic-list.large th.person span { background: url(../img/icons/person-large.png) left no-repeat; }

.basic-list.medium th.group a,
.basic-list.medium th.group span { background: url(../img/icons/group-small.png) left no-repeat; }

.basic-list.large th.group a,
.basic-list.large th.group span { background: url(../img/icons/group-large.png) left no-repeat; }

.basic-list.medium th.questions a,
.basic-list.medium th.questions span { background: url(../img/icons/clipboard-small.png) left 40% no-repeat; }

.basic-list.large th.questions a,
.basic-list.large th.questions span { background: url(../img/icons/clipboard-large.png) left no-repeat; }

.basic-list.large th.row-heading a small {
	font-size: 0.85em;
	font-weight: normal;
	color: #777;
}

.basic-list.medium th.person a.no-icon:link,
.basic-list.medium th.person a.no-icon:visited {
	background: none;
	padding: 0;
	display: inline;
	margin-left: 5px;
	font-size: 0.92em;
	font-weight: normal;
	text-decoration: underline;
	color: #999;
}

.basic-list.medium th.person a.no-icon:hover {
	color: #666;
	text-decoration: none;
}

.basic-list .completed th, .basic-list .completed td {
	background: #fff;
}

.basic-list tr.completed th.row-heading {
	color: #666;
}

.basic-list .right { text-align: right; }

.basic-list .button {
	float: right;
	display: inline;
}

.basic-list .odd th, .basic-list .odd td {
	background: #fff;
}

span.icon-questions, a.icon-questions {
	display: block;
	background: url(../img/icons/clipboard-large.png) left no-repeat;
	padding: 5px 0 5px 30px;
}

.basic-list th.row-heading a.icon-questions:link, 
.basic-list th.row-heading a.icon-questions:visited {
	color: #666;
	text-decoration: underline;
}

.basic-list th.row-heading a.icon-questions:hover {
	color: #333;
	text-decoration: none;
}

.basic-list .button-set {
	overflow: hidden;
	margin: 0 auto;
	width: 37px;
}

a.completed, span.completed {
	display: block;
	text-decoration: none;
	height: 16px;
	width: 16px;
	overflow: hidden;
	text-indent: -999em;
	text-align: left;
	border: none;
	cursor: pointer;
	background: url(../img/completed.png) 0 0 no-repeat;
	margin: 0 auto;
}
span.completed { cursor: auto; }
a.completed { float: left; margin: 0 5px 0 0; }

span.incomplete {
	display: block;
	text-decoration: none;
	height: 16px;
	width: 16px;
	overflow: hidden;
	text-indent: -999em;
	text-align: left;
	background: url(../img/incomplete.png) 0 0 no-repeat;
	margin: 0 auto;
}

a.reset {
	display: block;
	float: left;
	text-decoration: none;
	height: 16px;
	width: 16px;
	overflow: hidden;
	text-indent: -999em;
	text-align: left;
	border: none;
	cursor: pointer;
	background: url(../img/reset.png) 0 0 no-repeat;
}

.button {
	display: block;
	text-decoration: none;
	height: 26px;
	overflow: hidden;
	text-indent: -999em;
	text-align: left;
	border: none;
	cursor: pointer;
}

.button.start { background: url(../img/buttons/start.png) 0 0 no-repeat; width: 79px; }
.button.register { background: url(../img/buttons/register.png) 0 0 no-repeat; width: 103px; }
.button.view { background: url(../img/buttons/view.png) 0 0 no-repeat; width: 74px; }
.button.activate { background: url(../img/buttons/activate.png) 0 0 no-repeat; width: 107px; }
.button.back { background: url(../img/buttons/back.png) 0 0 no-repeat; width: 74px; }

.button:hover { background-position: 0 -26px; }

.inputbutton {
	display: block;
	text-decoration: none;
	height: 0;
	padding: 26px 0 0 0;
	overflow: hidden;
	border: none;
	cursor: pointer;
}

.inputbutton.signin { background: url(../img/buttons/signin.png) 0 0 no-repeat; width: 85px; }
.inputbutton.save { background: url(../img/buttons/save.png) 0 0 no-repeat; width: 69px; }
.inputbutton.add { background: url(../img/buttons/add.png) 0 0 no-repeat; width: 64px; }
.inputbutton.register { background: url(../img/buttons/register.png) 0 0 no-repeat; width: 103px; }
.inputbutton.submit { background: url(../img/buttons/submit.png) 0 0 no-repeat; width: 85px; }

a.remove {
	float: right;
	margin-right: 5px;
	display: block;
	text-decoration: none;
	height: 0;
	width: 92px;
	padding: 26px 0 0 0;
	overflow: hidden;
	border: none;
	cursor: pointer;
	background: url(../img/buttons/remove.png) 0 0 no-repeat;
}
a.remove:hover { background-position: 0 -26px; }1

.inputbutton:hover { background-position: 0 -26px; }

.back-button {
	position: absolute;
	right: 10px;
	top: 50px;
	margin: 0;
}


p.message {
	background: #D6EBCC;
	padding: 15px;
	color: #060;
	font-weight: bold;
}

.error {
	background: #EDE3E6;
	color: #c00;
	margin-left: 0;
	padding: 15px;
}

.success-message {
	background: #E3EDE6;
	color: #0a0;
	margin-left: 0;
	padding: 15px;
}

form.basic {
	margin: 2em 0;
	background: #F1F5F8;
}

form.basic fieldset {
	padding: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

form.basic div {
	padding: 5px 0;
	clear: both;
	overflow: hidden;
}

form.basic div.col {
	clear: none;
}

form.basic label {
	font-weight: bold;
	font-size: 1.1em;
	color: #333;
	display: block;
	float: left;
	width: 115px;
	text-align: right;
	margin-right: 10px;
	line-height: 2;
}

form.basic .long-label { width: 300px; }
form.basic .checkbox-label { width: 100%; }

form.basic .text-field {
	background: #fff url(../img/input-shadow.gif) 0 0 repeat-x;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	color: #666;
	font-size: 1.2em;
	margin: 0;
	width: 255px;
	padding: 4px 2px;
}

form.basic .medium { width: 150px; }
form.basic .short { width: 70px; }

form.basic .text-area {
	background: #fff url(../img/input-shadow.gif) 0 0 repeat-x;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	color: #666;
	font-size: 1.2em;
	margin: 0;
	width: 255px;
	padding: 4px 2px;
	height: 80px;
}

form.basic select {
	background: #fff url(../img/input-shadow.gif) 0 0 repeat-x;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	color: #666;
	font-size: 1.2em;
	margin: 0;
	padding: 4px 2px;
}

form.basic .checkbox {
	margin-right: 10px;
	float: left;
	display: inline;
}

form.basic .buttons {
	padding: 10px 0 10px 125px;
	overflow: hidden;
}

form.basic .buttons input {
	float: left;
	display: inline;
	margin-right: 5px;
}

form.basic p.forgotten-password {
	font-size: 1.1em;
	margin: 0 0 0 30px;
	float: left;
	display: inline;
	line-height: 2.4em;
}

form.basic .required { color: #c00; }

form.basic p.form-data { padding: 3px 0; margin: 0; }


form.basic .option-set,
form.basic .option-set li {
	margin: 0;
	padding: 0;
	list-style: none;
}

form.basic .option-set {
	display: block;
	float: left;
	margin-bottom: 1em;
}

form.basic .option-set li {
	margin-bottom: 0.5em;
	font-size: 1em;
}

form.basic .option-set label,
form.basic .label-checkbox {
	font-weight: normal;
	width: auto;
	float: none;
	padding-left: 18px;
	clear: both;
}

form.basic .option-set label {
	position: relative;
	line-height: 1.5;
}

form.basic .option-set label .checkbox,
form.basic .option-set label .radio,
form.basic .label-checkbox .checkbox {
	position: absolute;
	left: 0;
	top: 2px;
	margin: 0 0 0 1px;
	padding: 0;
}

form.basic .horizontal li {
	float: left;
	display: inline;
}

form.basic .horizontal label {
	float: left;
	display: inline;
	margin-right: 20px;
	clear: none;
}

form.basic div.wide-row label {
	float: none;
	text-align: left;
	width: 100%;
}

form.basic div.wide-row textarea {
	width: 475px;
	height: 150px;
	font-size: 13px;
}

form.basic .mceEditor {
	display: block;
	margin-bottom: 5px;
}


#questionnaire h3 { font-size: 1.3em; margin: 3em 0 1.5em 0; }
#questionnaire h3 strong { text-decoration: underline; }
#questionnaire p.answer { color: #333; margin-left: 5px; margin-bottom: 0.5em; }
#questionnaire .help {
	cursor: pointer;
}

.question-table {
	border-collapse: collapse;
	margin: 1em 0 2em 0;
	width: 100%;
}

.question-table th, .question-table td {
	font-size: 1.1em;
	padding: 5px;
	line-height: 1.2;
	border: 1px solid #ccc;
	color: #333;
}

.question-table th.required-error, .question-table td.required-error {
	background: #F99 !important;
}  

div.required-error {
	background: #F99 !important;
}

.question-table thead th {
	font-weight: bold;
	text-align: center;
}

.question-table thead th.corner {
	text-align: left;
}

.question-table tbody th {
	vertical-align: middle;
	color: #666;
}

.question-table tbody td {
	text-align: center;
	vertical-align: middle;
	color: #666;
}

.question-table .before th, .question-table .before td {
	background: #fff;
}

.question-table tr.odd td {
	background: #fff;
}

.question-table th.odd, .question-table td.odd {
	background: #fff;
}

#questionnaire div.short h3 {
	float: left;
	clear: left;
	display: block;
	width: 180px;
	margin: 5px 0 0 10px;
}

#questionnaire div.short input.wide,
#questionnaire div.short textarea.wide {
	width: 70%;
	margin-top: 5px;
}

#questionnaire tbody th.answer {
	color: #333;
}

#questionnaire textarea.textarea {
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	height: 50px;
	width: 250px;
}

#questionnaire textarea.wide {
	width: 99.5%;
	height: 50px;
}

#questionnaire input.textfield {
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	width: 250px;
}

#questionnaire input.wide {
	width: 99.5%;
}

#questionnaire .radio-buttons {
	overflow: hidden;
	margin: 1em 0;
}

#questionnaire .radio-buttons label {
	font-size: 1.1em;
	float: left;
	display: inline;
	margin-right: 25px;
	color: #333;
	line-height: 1.5;
}

#questionnaire .radio-buttons label span {
	float: left;
	display: inline;
	margin-right: 5px;
}

#questionnaire .radio-buttons input { padding: 0; margin: 0 5px 0 0; }

#questionnaire .buttons { margin: 2em 0; }

#rate-yourself thead th {
	vertical-align: bottom;
}

#rate-yourself thead th.corner {
	background: #fff;
	border-top: none;
	border-left: none;
}

#rate-yourself thead th img { margin-top: 3px; }

#worthwhile th { text-align: center; background: #F1F5F8; }
#worthwhile tbody th { background: #F1F5F8; }
#worthwhile tbody th.odd { background: #fff; }
#worthwhile tfoot th { font-weight: bold; }
#worthwhile tfoot th.odd { background: #fff; }



#add-manager { width: 450px; }
#add-manager h2 { margin-top: 0; }
#add-manager form.basic { margin: 0 0 2em 0; }
#add-manager ul.error { margin-top: 0; }

#managers-list table.basic { margin-top: 0; }
#managers-list h2 a { margin-left: 20px; }


#add-group { width: 450px; }
#add-group h2 { margin-top: 0; }
#add-group form.basic { margin: 0 0 2em 0; }
#add-group ul.error { margin-top: 0; }

#groups-list table.basic { margin-top: 0; }
#groups-list h2 a { margin-left: 20px; }


#crumbs {
	margin-bottom: 20px;
	overflow: hidden;
}

#crumbs ul, #crumbs li {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#crumbs ul {
	float: left;
	border: 1px solid #ccc;
	background: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#crumbs li {
	float: left;
	display: inline;
	line-height: 1;
}

#crumbs li a,
#crumbs li span {
	float: left;
	display: inline;
	padding: 7px 10px 7px 15px;
	background: url("../img/crumb-divider.png") left no-repeat;
}

#crumbs li:first-child a,
#crumbs li.first a {
	background: none;
	padding: 7px 10px;
}

#crumbs li span {
	background-color: #fff;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#crumbs li a {
	text-decoration: none;
}

#crumbs li strong { display: none; }


#add-user h2 { height: 1%; position: relative; }
#add-user h2 .note {
	font-size: 0.75em;
	position: absolute;
	right: 10px;
	bottom: 1px;
}

#add-user form.basic,
#add-user .error {
	margin-top: 0;
}

#main p.sub {
	font-size: 0.8em;
	margin: -18px 0px 0px 0px;
	padding: 0px;
}


#register {
	width: 500px;
	margin: 0 auto;
}


#forgotten-password {
	width: 500px;
	margin: 0 auto;
}


#update-details {
	width: 500px;
	margin: 0 auto;
}


.download-list td a, .download-list td a:visited {
	color: #193A58;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0 2px 20px;
}

.download-list td a.icon-mp3 { background: url(../img/icons/icon-mp3.png) left no-repeat; }
.download-list td a.icon-pdf { background: url(../img/icons/icon-pdf.png) left no-repeat; }
.download-list td a.icon-mov,
.download-list td a.icon-mpg,
.download-list td a.icon-mp4,
.download-list td a.icon-mpeg,
.download-list td a.icon-avi,
.download-list td a.icon-wmv { background: url(../img/icons/icon-movie.png) left no-repeat; }

.download-list small {
	display: block;
	padding-left: 20px;
}

.download-list td a:hover {
	text-decoration: underline;
	color: #333;
}

.product {
	overflow: hidden;
	margin-top: 2em;
	padding-top: 1.5em;
	border-top: 1px solid #eee;
}

.product h3 {
	margin-top: 0;
}

.product .meta {
	margin-left: 150px;
}

.product .price {
	float: left;
	font-size: 1.4em;
	color: #999;
	margin-bottom: 0;
	line-height: 1.8;
}

.product .form {
	float: right;
}

.product .hidden {
	display: none;
}

.product .store-button {
	background: #f0f0f0;
	padding: 0.3em 0.5em;
	overflow: hidden;
	border: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #ddd;
	margin: 0;
	cursor: pointer;
}


#basket {
	position: absolute;
	top: 20px;
	right: 0;
}

#basket a {
	display: block;
	width: 145px;
	height: 25px;
	background: url("../img/basket.png") no-repeat;
	overflow: hidden;
	text-indent: -999em;
}

#basket a:hover {
	background-position: 0 -25px;
}


.resource-set h3 { margin-bottom: 0.5em; }

.resource-set ul, .resource-set li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.resource-set ul { 
	margin-bottom: 2em;
	margin-left: 10px; 
}

.resource-set li {
	padding: 2px 0 2px 20px;
	background: url("../img/icons/icon-link.png") left 2px no-repeat;
}

.resource-set li.icon-mp3 	{ background-image: url("../img/icons/icon-mp3.png"); }
.resource-set li.icon-pdf 	{ background-image: url("../img/icons/icon-pdf.png"); }
.resource-set li.icon-link 	{ background-image: url("../img/icons/icon-link.png"); }
.resource-set li.icon-mov,
.resource-set li.icon-mpg,
.resource-set li.icon-mp4,
.resource-set li.icon-mpeg,
.resource-set li.icon-avi,
.resource-set li.icon-wmv   { background-image: url("../img/icons/icon-movie.png"); }

.resource-set li small { font-size: 0.92em; }

.resource-set small span { color: #999; }

#trainer-image {
	float: right;
	margin-left: 10px;
}

#trainer-image-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ddd;
}

img.ui-datepicker-trigger {
	margin-bottom: -7px;
}