.loggedInUser {
	float: right;
	margin-top: -10px;
	margin-right: 30px;
	color: #000000;
	}

img { padding-left: 10px; }

.TemplateImages {
	float:right; 
	margin:0px;

		}
.TemplateImages img {
	float: none;	
}

.alignRight{
	float:right; 
	margin:0px;
	padding-left:10px;
}
#Buttons  {
	clear: both;
	padding-top: 20px;
	font-size: 16px;
	font-weight: bold;
	}
#Buttons a:link {
	color: #727F1D;
	text-decoration: none; 
	}
#Buttons a:hover {
	color: #727F1D; 
	text-decoration: underline;
	}
#Buttons a:visited {
	color: #727F1D;
	text-decoration: none; 
	}
/* Questions */
/* At present all questions use same colour scheme (Yellow) regardless of their colour attribute
However, some work was done on defining other schemes.  The full set, so far as I got, are given below.
To apply these, note that the (lowercase) colour name gets passed as an additional class of the outermost div.

So to set up definitions for yellow put each of these immediately after the equivalent generic settings:

div.yellow { background: #b6a03a; }
.yellow table { background: #e1d5a5; }
etc.

	Dark BG    Mid BG     Light BG   Text (light bg)   Text (dark bg)
Blue    #396DB6    #bfbfbf    #E2E2E2    black             #FFFFFF
Red     #e33b57                          black             #FFFFFF
Yellow  #b6a03a    #D0BC6E    #E1D4A5    black             #FFFFFF
Green   #0ba12e                                            #FFFFFF

*/
div.Question {
	padding-left: 55px;
 	background: url(css-images/question.gif) #91A224 no-repeat;
}
div.Poll {
	padding-left: 55px;
 	background: url(css-images/poll.gif) #91A224 no-repeat;
}
div.answer {
	padding-left: 55px;
 	background: url(css-images/answer.gif) #91A224 no-repeat;
}
div.results {
	padding-left: 55px;
 	background: url(css-images/result.gif) #91A224 no-repeat;
}
/* If I set width of Poll to e.g. 80% then gaugebars do not work properly, the widths of the bars does not reflect the %.
So I have set the width fixed. But ideally need to work out why (nb only fails in IE, works fine in Chrome)*/
.Poll, .Question {
	padding: 5px 5px 5px 5px;
	min-height: 190px; /* not recognised by IE6 - program will render ktp style question instead */
	width: 480px;
	
}
.answer {
	min-height: 158px; /* not recognised by IE6 - program will render ktp style question instead */
}
.Poll table, .Question table {
	border-spacing: 5px;
	width: 100%;
	}
.Poll table, .Question table {
	background-color: #e2e2e2;
	}
.Poll td, .Question td {
	background-color: #e2e2e2;
	vertical-align: top;
	font-size: 1.0em;
	padding: 2px;
	color: black;
}
.Poll th, .Question th {
	background-color: #bfbfbf;
	vertical-align: top;
	font-size: 1.0em;
	padding: 3px;
}
.Poll p, .Question p,
.Poll th, .Question th, .Answer th, .Results th {
	color: #ffffff; 
}
.PollButton, .Button { 
	text-align: center;
	padding: 10px 10px 10px 10px;*/
	background-color: #e2e2e2;
	font-size: 1.2em;
}
.PollButton a, .Button a { 
	background-color: #e2e2e2;
}
.Poll p, .Question p {
	margin 0 0 0 0;
	padding 0 0 0 0;
	font-weight: bold;
	font-size: 16px;
}
.PollQuestion, .QuestionText {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #ffffff; 
	font-size: 1.2em;
	line-height: normal;
}
.buttonColumn {
	width: 20px;
	}
td.incorrect {
	width: 40px;
	height: 40px;
 	background: url(css-images/incorrect.gif) no-repeat;
}
td.correct {
	width: 40px;
	height: 40px;
 	background: url(css-images/correct.gif) no-repeat;
}
/* ktp-style questions used if IE6 as IE6 can't do min-height; the program will automatically use this layout instead of simple if it detects IE6 */
.ktpquestion 
{
	background-color: #bfbfbf;
	color: #000000;
	border: 0px;
	border-color: #FFFFFF;
	border-style: solid;
	text-align: center;
}
.notequestKCtops {
	background-color: #396DB6;
	}

.KCinputbox	{
	border: #D0BC6E solid 1px;
	background-color: #E1D4A5;
	vertical-align: top;
	}
/* knowledge check results tables */
.KnowledgeCheckCorrectResultsTable, .KnowledgeCheckIncorrectResultsTable, .KnowledgeCheckSimpleResultsTable { 
	width: 100%; 
	padding: 5 5 5 5; 
	margin-bottom: 20px; 	
	border-collapse: separate;
	border-spacing: 3px;
	}
.KnowledgeCheckCorrectResultsTable caption, .KnowledgeCheckIncorrectResultsTable caption { 
	font-size: 1.3em;
	background: #91A224; 
	color: #ffffff;
	padding: 5px;
	}
.KnowledgeCheckCorrectResultsTable td, 
.KnowledgeCheckIncorrectResultsTable td,
.KnowledgeCheckSimpleResultsTable td { 
	font-weight: normal; 
	font-size: 12px; 
	vertical-align: top;
	background-color: #bfbfbf;
	padding: 5px;
	}
.KnowledgeCheckCorrectResultsTable th, 
.KnowledgeCheckIncorrectResultsTable th,
.KnowledgeCheckSimpleResultsTable th { 
	font-weight: bold;
	font-size: 12px; 
	vertical-align: top;
	background-color: #bfbfbf;
	padding: 5px;
	}
.KnowledgeCheckCorrectResultsTable td, 
.KnowledgeCheckIncorrectResultsTable td,
.KnowledgeCheckSimpleResultsTable td { 
	background-color: #E2E2E2;
	}
td.KnowledgeCheckCorrect {
	padding: 3px;
 	background: url(css-images/correct.gif) no-repeat;
	width: 40px;
}
td.KnowledgeCheckIncorrect {
 	background: url(css-images/incorrect.gif) no-repeat;
	width 40px;
}
/* simple notepad and comment box*/
div.Notepad, div.CommentBox  {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 25px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
div.Notepad {
	width: 800px;
/*	height: 610px;*/
	padding-top: 10px;
	padding-bottom: 60px;
 	
	}
div.CommentBox {
	padding-left: 65px;
	padding-top: 5px;
	padding-right: 10px;
 	background: url(css-images/feedback.gif) #bfbfbf no-repeat;
	width: 310px;
	}
div.NotepadHeading, .CommentBox h1 {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin: 0px;
}
.Notepad textarea {
	width: 800px;
	height: 600px;
}







.CommentBox textarea {
	width: 300px;
	height: 135px;
}
.CommentBox div {
	text-align: center;
}
.CommentBox div input {
	margin-left: 10px;
	}
.CommentBox p {
	margin: 0px;
	}
div.thanks {
	height: 190px;
	}
.thanks p {
	padding: 20px;
	font-size: 24px;
	}
.thanks a {
	text-align: center;
	}
/* deprecated knowledge check simple results tables */
.tableBack { 
	width: 100%; padding: 5 5 5 5; 
	margin-bottom: 20px; 
	} 
.qanda { 
	font-weight: normal; 
	font-size: 12px; 
	}
/* module status list */
.learnerSection table { 
	width: 100%; 
	padding: 5 5 5 5; 
	margin-bottom: 20px; 	
	border-collapse: separate;
	border-spacing: 3px;
	}
.learnerSection a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.learnerSection a:hover {
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: underline;
}

tr.tableheaders, td.tableheaders { 
	background: #659ACF; 
	color: #ffffff;
	font-size: 1.2em;
	}
tr.moduleRow { 
	font-weight: normal; 
	font-size: 1.2em; 
	vertical-align: top;
	background-color: #bfbfbf;
	
	}
tr.topicRow { 
	font-weight: normal; 
	font-size: 1.2em; 
	vertical-align: top;
	background-color: #E2E2E2;
	}
.learnerSection td {
	padding: 3px;
	
	}
/* new way of doing warning messages */
.warning {
	color: #B63A3D;
	font-weight: bold;
	}
.dueDate, .recommendedTime {
	text-align: right;
	width: 180px;
	}
.expandCollapse, .completed {
	text-align: center;
	width: 30px;
	}
/* this ensures that cursor changes to a hand when mouse over arrivals checklist print button */
.image2pos { cursor:hand }
/* this applies formatting to the table showing the user name, hall etc on the arrivals checklist */
.tableback {
	border: 1px solid #000000;
	background-color: #FDE7B8;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 4px;
	text-decoration: none;
	vertical-align: middle;
	background-color:  #F0F0F0;
}

/* simple polls */
.gaugebar {
	font-family: verdana;
	font-size: 1.0em;
	background-color: #E2E2E2;
	padding: 5PX;
	margin-top: 8px;
	margin-bottom: 2px;
	}
.bar {
	background-color: #bfbfbf;
	}
.PollResultsHeading {
	color: white;
	font-weight: bold;
	}
.pollItem {
	font-family: verdana;
	font-size: 8pt;
	color: white;
	}


.strap_line {
	clear: both;
	}
.strap_line div {
	font-size: 0.8em;
	}
.strap_line span.first {
	color: #659ACF;
	font-size: 1.2em;
	font-weight: bold;
	}
/* tables in content */
.numeric, .percent { 
	text-align: right; 
	width: 100px;
	}
td.total {
	font-style: italic;
	}
/*
	Dark BG    Mid BG     Light BG   Text (light bg)   Text (dark bg)
Blue    #396DB6    #bfbfbf    #E2E2E2    black             #FFFFFF
*/
.table table {
	font-size: 12px;
	border-collapse: separate;
	height: auto;
	width: auto;
	}
.table tr {
	margin: 0;
	padding: 0;
	}
.table th {
	background-color: #bfbfbf;
	border: 2px solid #bfbfbf;
	}
.table td {
	background-color: #e2e2e2;
	border: 2px solid #e2e2e2;
	}
.table td p {
	margin: 0;
	padding: 0;
	}
.table th p {
	margin: 0;
	padding: 0;
	}


/* special lists 
Note some browsers indent using padding, others using margin.  So to override must set both.
*/
.tick {
	list-style: none url(css-images/tick.gif) outside; 
	}
.checkbox {
	list-style: url(css-images/checkbox.gif);
	}
.tick li {
	line-height: 2em;
	}
.bullet {
	margin-left: 20px;
	padding-left: 0px;
	list-style: url(css-images/bullet.gif);
	}
.bullet li {
	margin: 0;
	padding: 0;
	}
.spaced li {
	padding-bottom: 20px;
	}

/* if we do this can only use orange controls with images that are supplied as background images via css */
#content img, #contentFull img {
	padding: 10px;
	}


/* module status list */
.learnerSection table { 
	
	width: 74%; 
	padding: 5 5 5 5; 
	margin-bottom: 20px; 	
	border-collapse: separate;
	border-spacing: 3px;
	}
tr.tableheaders { 
	background: #91A224; 
	color: #ffffff;
	}
tr.moduleRow { 
	font-weight: normal; 
	font-size: 12px; 
	vertical-align: top;
	background-color: #eee;
	}
tr.topicRow { 
	font-weight: normal; 
	font-size: 12px; 
	vertical-align: top;
	background-color: #E2E2E2;
	}
.learnerSection td {
	padding: 3px;
	}
/* new way of doing warning messages */
.warning {
	color: #B63A3D;
	font-weight: bold;
	}
.dueDate, .recommendedTime {
	text-align: right;
	}
.expandCollapse, .completed {
	text-align: center;
	}
/* this ensures that cursor changes to a hand when mouse over arrivals checklist print button */
.image2pos { cursor:hand }
/* this applies formatting to the table showing the user name, hall etc on the arrivals checklist */
.tableback {
	border: 1px solid #000000;
	background-color: #FDE7B8;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 4px;
	text-decoration: none;
	vertical-align: middle;
	background-color:  #F0F0F0;
}

/* styles for financial controls and slot picker */


.slotHeader, .slotPicker {
	width: 520px;
	border-width: 10px;
	border-style: solid;
	border-color: #ffffff;
	}

.slotHeader {
	background-color: #91A224;
	
	color: #ffffff;
	}

.financialCell { width: 120px; text-align: right; 
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #000000;
	background-color: #cccccc;

}
.datetime {
	font-size: 0.9em;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	background-color: #2C4D92;

}


.td datetime {
	
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #339966;

}

.full {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	background-color: #ECF6FF;
}

.available {
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	color: #333333;
	background-color: #ffffff;}


.total {
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background-color: #ffffff;}

.tip, .tip * { color: #234895;
		font-weight: bold;}

/*Page number box and text styles*/
.PageList ul
{
	padding-left: 0;
	color: #ffffff;
	background: #E7A321;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	}

.PageList li { 
	display: inline; 
	padding: 0.6em;
	float: left;
	border-right: 1px dotted #ffffff;
	font-size: 10px;
	color: #ffffff;
	}

	.PageList a {
		color: #ffffff;
		
	}

	.PageList a:hover {
		
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}
	
		

/* disabled links in module list */
.disabled a:link {
	
	color: #ff00ff; text-decoration: none; }


/* * applies the style to all subsidiary elements but not the element itself */
.tip, .tip * { color: #f60; font-weight: bold; }


.loginPage {
	background-color		: #ffffff;
	}
.passwordbox a:link {
 color: #91A224;
}

.left {
	
	width: 10%;
	float: left;
	}

.right {
	margin-left: 12%;
	width: 75%;
	padding-top: 10px;
	}


.left2 {
	
	width: 35%;
	float: left;
	}

.right2 {
	margin-left: 12%;
	padding-top: 20px;
	}