@charset "utf-8";
/* CSS Document */
/*==================================================
Reset
==================================================*/
==================================================
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
strong {
	font-weight:bold;
}

/*==================================================
Styles
==================================================*/
html {
	overflow-y: scroll;
}
body {
	background-image:url(http://images.trainingtracker.co.uk/images/bg.gif);
	background-position:top center;
	background-repeat:repeat-y;
	background-color:transparent;
	color:#000;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:75.01%; /* 12px */
	line-height:1.5em; /* 18px */
	margin:0;
	min-width:980px;
	padding:0;
	text-align:center;
}
body.scormhead, body.scormnav, body.scormcontent {
	background-image:none;
	min-width:0;
	text-align:left;
}
body.scormnav, body.scormcontent {
	background-color:#fff;
	padding:1em;
}
body.scormnav ul, body.scormcontent ul {
	list-style:disc;
	margin: 0 0 1em 0;
}
body.scormnav li, body.scormcontent li {
	margin: 0 0 0 2em;
}
body.scormnav ul ul, body.scormnav ol ul {
    list-style-type: circle;
}
body.scormnav ul ul ul, body.scormnav ol ul ul {
    list-style-type: square;
}
body.scormnav p {
	margin-bottom:1em;
}
h1, h2, h3 {
	color:#333;
}
h1 {
	font-weight:bold;
	font-size:1.5em; /* 18px */
	line-height:1.5em;
	margin-top:0;
}
h2 {
	font-weight:bold;
	font-size:1.25em; /* 15px */
	line-height:1.2em;
	margin-bottom:1.25em;
	margin-top:0;
}
h3 {
	font-weight:bold;
	font-size:1em; /* 12px */
	line-height:1.5em;
	margin-bottom:1.5em;
	margin-top:1.5em;
}
p {
	font-size:1em;
	margin-top:0;
	margin-bottom:1.5em;
	line-height:1.5em;
}
em {
	font-style:italic;
}
ul, ol {
	padding:0;
	margin:0;
}
pre {
	font-size:1em;
	font-family:"Courier New", Courier, monospace;
}
input, select {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px 0 0 2px;
	border:1px solid #e3e9ef;
	border-top:1px solid #abadb3;
	height:22px;
}
textarea {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #e3e9ef;
	border-top:1px solid #abadb3;
	font-family:Verdana,Helvetica,Arial,sans-serif;
}
select {
	padding:0 0 0 2px;
	margin-top:2px;
}
#cbAll, .cb, .cbb {
	border:none;
	height:auto;
	padding:0;
	vertical-align:bottom;
}
img.align {
	vertical-align:bottom;
}
/* BUTTONS */
.buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.buttons a, .buttons button{
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
*:first-child+html button[type]{
	padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}
/* STANDARD */
button:hover, .buttons a:hover{
	background-color:#305da2;
	color:#305da2;
	color:#fff;
	border:1px solid #234475;
	border-top:1px solid #2c5694;
	border-left:1px solid #2c5694;
}
.buttons a:active{
	background-color:#6486b9;
	color:#fff;
}
/* DISABLED */
button.disabled, .buttons a.disabled{
    color:#c9c9c9;
}
.buttons a.disabled:hover, button.disabled:hover{
    background-color:#f5f5f5;
    color:#c9c9c9;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
}
.buttons a.disabled:active{
    background-color:#f5f5f5;
}

/* POSITIVE */

button.positive, .buttons a.positive{
	color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#8dc25f;
	color:#fff;
	border:1px solid #77a350;
	border-top:1px solid #82b357;
	border-left:1px solid #82b357;
}
.buttons a.positive:active{
	background-color:#aad187;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
	color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
.buttons a.negative:active{
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}
.postButtons {
/*	padding-top:1em;*/
}
/*==================================================
Layout
==================================================*/
#container {
/*xx	background-color:#f3f7f8;*/
	margin:0 auto;
	width:980px;
	text-align:left;
}
#header {
/*xx	background-color:#f3f7f8;*/
	margin:0 10px;
}
#content {
/*xx	background-color:#fff;*/
	margin:0 10px;
	padding:1em 10px;
}
#logos {
	padding:10px;
/*xx	background-color:#fff;*/
	overflow:hidden;
}
#logos p {
	float:right;
	margin-top:1.75em;
}
#logo-tt {
	float:left;
	margin:0;
}
#logo-client {
	float:right;
	margin:0 0 0 0;
}
#menu {
	height:2em;
	margin:-7px 0 5px 0;
	background-color:#649aa4;
	border-top:5px solid #f3f7f8;
}
#menu ul li {
	float:left;
	display:block;
	line-height:2em;
}
#menu ul li a {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	border-right:1px solid #fff;
	padding:0 1em;
}
#menu ul li a:hover {
	background-color:#305da2;
	color:#fff;
}
#menu ul li a.selected {
	background-color:#305da2;
	color:#fff;
}
#menu ul li.help {
	float:right;
}
#menu ul li.last {
	float:right;
}
#menu ul li.help a {
	border:none;
	border-left:1px solid #fff;
}
#menu ul li.last a {
	border:none;
	border-left:1px solid #fff;
}
.modules {
	margin-left:80px;
}
.modules li {
	font-size:1em;
	line-height:1.75em;
	margin-bottom:.5em;
	color:#666;
}
.modules img.module-status {
	margin-right:19px;
	margin-left:-39px;
	float:left;
}
.modules li a {
	text-decoration:none;
	color:#649AA4;
	color:#76afb7;
	color:#649aa4;
	color:#000;
	color:#305da2;
}
.modules li a:hover {
	text-decoration:none;
	color:#354485;
	color:#305da2;
	color:#649aa4;
}
.modules li li {
	margin-top:.75em;
	margin-left:80px;
	font-size:1em;
}
.course {
	margin-left:-13px;
}
#user-name {
	float:right;
}
#form-login {
	height:280px;
	width:380px;
	float:right;
	background-color:#F3F7F8;
	padding:0;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#form-login form {
	padding:10px 10px 0 10px;
}
#form-login fieldset {
	margin:0;
	padding:0;
}
#form-login legend {
	margin:0 0 1em 0;
	padding:0;
	font-weight:bold;
	font-size:1.5em; /* 18px */
	line-height:1.2em;
	color:#305da2;
	float: left;
	white-space: normal;
	*margin-left: -7px;
}
#form-login legend span {
    width: 300px;
    display: block;
}
#form-login label {
	float:left;
	display:block;
	width:70px;
	margin-top:6px;
	height:1.5em;
}
#form-login input {
	font-family:Verdana, Geneva, sans-serif;
	padding:3px 0 2px 2px;
}
#form-login div.buttons {
	margin-left:70px;
	height:35px;
}
#form-login div.group-reset {
	height:0;
}
#form-login div.group-reset p{
	margin:0;
}
#form-login #reset-password {
	margin-bottom:0;
}
#form-login #reset-password p {
	margin-bottom:.75em;
}
#form-login #reset-link {
	display:none;
}
#form-login #username, #form-login #password {
	border:1px solid #ccc;
	width:220px;
}
#form-login #login {
	margin-right:1em;
}
#img-login {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	float:left;
	height:280px;
	width:540px;
	margin-bottom:1em;
	background:#fff url(http://images.trainingtracker.co.uk/images/login.jpg) top left no-repeat;
	position:absolute;
}
#img-login h1 {
	position:absolute;
	width:500px;
	background:url(http://images.trainingtracker.co.uk/images/bg-trans-cyan.png) bottom left repeat;
	color:#fff;
	font-size:2em;
	padding:10px;
	padding-right:30px;
	bottom:0;
	font-weight:normal;
}
#img-login h1 span {
	font-size:.9em;
}

.slide ul {
	list-style:disc;
	margin-bottom:1.5em;
}
.slide ol {
	list-style:decimal;
	margin-bottom:1.5em;
}
.slide li {
	margin-left:80px;
	margin-bottom:.75em;
}
.slide li p {
	margin-bottom:.75em;
}
a {
	text-decoration:none;
	color:#305da2;
}
a:hover {
	text-decoration:none;
	color:#649aa4;
}
.error {
	color:#f00;
}
label.error {
	color:red;
	display:inline;
	margin-left:1em;

}
div.grouped label.error {
	margin-left:0;
}
select.disabled {
	background-color:#E9E9E9;
}
input.hasDatepicker {
	margin-right:.25em;
}
.reportTable {
	padding:0;
}
th {
	font-weight:bold;
	border-bottom:1px solid #649aa4;
	text-align:left;
}
th.centre {
	text-align:center;
	padding:0 1em;
}
th.right {
	text-align:right;
	padding:0 0 0 1em;
}
th.left {
	text-align:left;
	padding:0 1em 0 0;
}
th.first, td.first {
	padding-left:.25em;
	padding-right:1em;
}
th.noborder {
	border:none;
}
td.right {
	text-align:right;
	padding:0 0 0 1em;
}
.reportTable h3 {
	margin:1em 0;
}
.reportTable p {
	font-size:1em;
	line-height:1.75em;
	margin-top:0;
	margin-bottom:.5em;
}
.rowselect {
	background-color:#b1ccd1;
}
.tdHighlightOn {
	background-color:#e0ebed;
}
.tdHighlightOff {
	background-color:none;
}
.reportTable tbody td {
	border-top:1px solid #fff;
}
.reportTable tfoot td {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
label {
	display:block;
}
label.inline {
	display:block;
	float:left;
	margin-top:.35em;
	margin-right:.5em;
}
label img {
	vertical-align:bottom;
	margin-top:0;
}
.col2 {
	width:160px;
}
.col3 {
	width:220px;
}
.selectbox {
	float:left;
	margin-right:20px;
	margin-bottom:0;
}
#selectboxes {
	margin-bottom:0;
	height:1%;
}
#selectboxes:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:200%;
	font-weight: bold;
	position:absolute;
	text-align: center;
	border: 2px;
	border-color:#999999;
	border-style: outset;
	border-bottom-style: none;
	width:125px;
	margin:0px;
	font-size: 10px;
	cursor:pointer;
}
.panel {
	position:absolute;
	border: 2px;
	border-color:#999999;
	border-style:outset;
	width:500px;
	height:240px;
	left:0px;
	top:30px;
	margin:0px;
	padding:6px;
}
.formH {
	margin-bottom:0;
}
.q-summary {
	list-style:decimal;
	padding-left:20px;
}
.q-summary li {
	margin-left:0;
}
.group {
	margin-bottom:1em;
}
.reportTable .etrseparater td {
	border-top:1px solid #000;
}
.reportTable .etrrow td {
	padding:5px;
}
.reportTable .etrrow p {
	margin-bottom:0;
}
.modules .noindent li {
	margin-left:0;
}
a.modulelocked {
	height:3em;
}
a.modulelocked img {
	vertical-align:text-bottom;
	margin-left:.5em;
}
tr.archived td, option.archived {
	color:#999;
}
tr.archived td a{
	color:#97aed0;
}
select.allselected {
	background-color:#39f;
	color:#fff;
	
}
select.allselected option.archived {
	background-color:#39f;
	color:#fff;
}
@media print {
	body {
		background-color:#fff;
		background-image:none;
		font-size:.7em;
	}
	#container {
		width:98%;
		margin:1%;
		padding:0;
		background-color:#fff;
	}
	#content {
		margin:0;
		padding:0;
		border:1px solid #000;
	}
	#header {
		background-color:#fff;
		margin:0;
		padding:0;
	}
	#logos {
		margin:0;
		padding:0;
	}
	#menu {
		display:none;
	}
	.noprint {
		display:none;
	}
	a {
		color:#000;
	}
}
