@charset "utf-8";
* {
	padding:0;
	margin:0;
	border:0;
	z-index:1;
}
td {
	vertical-align:top;
}
h1 {
	/* color:#3865b4; /* blue */
	color:#7FBA00; /* green */
	/* color:#e40e62;	/* pink */
	font: bold 1.4em "Century Gothic", Arial, Helvetica;
	margin-bottom:15px;
}
h1 a {
	color:#7FBA00; /* green */
	/* color:#e40e62;	/* pink */
	/* color:#3865b4; /* blue */
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#7FBA00;
}
h2 a {
	 color:#7FBA00; /* green */
	/* color:#e40e62; /* pink */
	/* color:#3865b4; /* blue */
}
p {
	margin-bottom:15px;
}
a {
	text-decoration:none;
	 color:#f47a23; /* orange */
	/*color:#3865b4; /* blue */ 
}
#table-list {
	width:100%;
}

#table-list .table {
	border-collapse:collapse;
	clear:both;
	border:1px #d4d4d4 solid;
	margin-bottom:30px;
	padding:5px;
}
#table-list .table table {
	display:table;
	width:584px;

}

#table-list h2 {
	clear:both;
	background:url(../images/tablelist-header-bg.gif);
	border:1px #d4d4d4 solid;
	height:0;
	padding:6px 10px 7px;
	margin-bottom:2px!important;
	position:relative;
	display:block;
	
}
html>body #table-list h2 {
	min-height:0;
	height:auto;
}

#table-list h2 img {
	position:absolute;
	right:-1px;
	top:-1px;
}
#table-list h2 a span {
	display:block;
	position:absolute;
	right:8px;
	top:6px;
	cursor:hand;
	color:#f47a23;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	z-index:3;
}
#table-list h2 a:hover span {
	color:#f47a23;
	text-decoration:underline;
}
#table-list td {
	margin-top:2px;
	padding:5px 7px;
}
#table-list td.col1 {
	width:150px;
}
#table-list td.col2 {
	width:auto;
}
#table-list td.col3 {
	width:110px;
}
#table-list strong {
	color:#666;
}

/* Suzanne added a.word-icon */
a.view-icon,
a.edit-icon,
a.tick-icon,
a.pdf-icon,
a.request-icon,
a.viewcourse-icon,
a.word-icon
 {
	background:url(../images/icon-view.gif) no-repeat 0px 0px;
	padding-bottom:4px;
	padding-top:1px;
	padding-left:20px;
	display:block;
}
a.edit-icon 		{ background:url(../images/icon-edit.gif) no-repeat 0px 0px; }
a.tick-icon 		{ background:url(../images/icon-tick.gif) no-repeat 0px 0px; }
a.pdf-icon 			{ background:url(../images/icon-pdf.gif) no-repeat 0px 0px; }
a.request-icon 	{ background:url(../images/icon-request.gif) no-repeat 0px 0px; }
a.viewcourse-icon { background:url(../images/icon-viewcourse.gif) no-repeat 0px 0px; }
a.word-icon 			{ background:url(../images/icon-word.gif) no-repeat 0px 0px; }

.hdivider {
	height:1px;
	font-size:0;
	width:100%;
	background:url(../images/hdots.gif) repeat-x;
	clear:both;
}

.field-bg {
	width:197px;
	height:30px;
	background:url(../images/inputfield-bg.gif) no-repeat;
	margin-bottom:5px;

}
.field-bg input {
	margin:6px 12px;
	height:15px;
	width:150px;
	font-size:1.1em;
	color:#666;
	font-weight:bold;
	margin-left:20px;
}
#login-search-box label {
	display:block;
	padding-bottom:2px;
	font-weight:bold;
}

#login-search-box .hdivider {
	margin-bottom:15px;
}
#login, #search {
	float:right
}
#login {
	margin-bottom:15px;
}
#login .link {
	float:left;
	display:block;
	font-weight:bold;
	font-size:10px;
	padding:8px 5px;
}
#login .btn {
	float:left;
}

#search {
	position:relative;
}
#search .btn {
	position:absolute;
	right:-3px;
	top:0px;
	width:19px;
	height:19px;
	float:right;
}
#search input.field {
	width:150px;
	font-family:"Century Gothic", Arial, Helvetica;
}
a:hover {
	text-decoration:underline;
}
body {
	font: 71% Verdana, Arial, Helvetica, sans-serif;
	color: #777;
	background: #fff url(../images/header-bg.gif) repeat-x;
	text-align:center;
}
#main-container {
	text-align:left;
	margin:0 auto;
	width:920px;
	background:url(../images/container-bg.gif);
	overflow:hidden;
}
#header {
	width:631px;
	height:227px;
	background: #fff url(../images/header-bg.gif) repeat-x;
}
#header-menu {
	width:631px;
	height:30px;
	color:#888;
	font:bold 1.15em "Century Gothic", Arial, Helvetica;
	position:relative;
	left:60px;
	clear:both;
	z-index:100!important;
}
#header-menu a {
	display:block;
	color: #888;
	padding:6px 0px;
	text-decoration:none;
		float:left;
		z-index:100!important;
}
#header-menu em {
	display:block;
	float:left;
	background:url(../images/header-menu-divider.gif);
	width:2px;
	height:20px;
	font-size:0;
	position:relative;
	top:5px;
	z-index:100!important;
}
#sidemenu {
	clear:both;
	position:relative;
	left:30px;
	margin-top:125px;
	line-height:17px;

}
#sidemenu-content {
	width:194px;
	padding:0 15px;
	background:#fff;
	border-left:1px #e6e6e6 solid;
	border-right:1px #e6e6e6 solid;
}

#sidemenu em {
	color:#777;
	display:block;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
#sidemenu em.title {
	color:#7FBA00;
}
#sidemenu a {
	display:block;
	/*color:#29a1f5;  blue */
	 color:#7FBA00; /* green */
	/* color:#c59925; */
	/*color:#e40e62;	/* pink */
}
#sidemenu a.selected {
	/*color:#29a1f5; /*blue */
	color:#7FBA00; /* green */
	/*color:#e40e62;	/* pink */
	/* color:#c59925;  */
	background:url(../images/sidemenu-plus.gif) no-repeat right 5px;
}
#sidemenu a.main {
	font-weight:bold;
	font-size:1.1em;
}
#sidemenu .hdivider {
	margin:5px 0;
}
#sidemenu select {
	width:100%;
	background:url(../images/option-bg.gif);
	border:1px #d4d4d4 solid;
	color:#777;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-top:3px;
}
#sidemenu option {
	width:100%;
	background:#fff;
	padding:2px;
}
#left-col {
	width:631px;
	float:left;
	position:relative;
	padding-bottom:30px;
}
#left-col .content {
	padding-top:30px;
	line-height:15px;
	height:430px;
}
#MB_window form,
#left-col form {
	margin-bottom:15px;
}
#MB_window label,
#left-col label {
	margin-bottom:3px;
	margin-right:20px;
	font-weight:bold;
}

/* SM, 19/02/09 - was label.nobold but I want to apply it to other tags */
.nobold {
	font-weight:normal!important;
}
#MB_window input, #MB_window textarea, #MB_window select,
#left-col input, #left-col textarea, #left-col select {
	border:1px #d4d4d4 solid;
	padding:2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin-bottom:3px;
	font-size:1em;
}
#MB_window select,
#left-col select {
	padding:2px 0;
}
#MB_window option,
#left-col option {
	padding:3px 0;
}
#MB_window ul,
#left-col ul {
	margin-left:3em;
	margin-bottom:15px;
}
#MB_window ol,
#left-col ol {
	margin-left:3em;
	margin-bottom:15px;
}
#MB_window h2,
#left-col h2 {
	margin-bottom:15px;
	color:#777;
}
#left-col .btn {
	padding:5px 10px;
	font-weight:bold;
}
html>body #left-col .content {
	min-height:430px;
	height:auto;
}
.pagnation {
	float:right;
	clear:both;
	margin:5px 0;
}
.pagnation a.pagenum,
.pagnation a.previous,
.pagnation a.next   {
	display:block;
	background:url(../images/pagnation-pagenum-bg.gif);
	width:23px;
	height:18px;
	float:left;
	text-align:center;
	margin-left:3px;
	padding-top:2px;

}
.pagnation a.previous 			{ background:url(../images/pagnation-previous-bg.gif); }
.pagnation a.next 				{ background:url(../images/pagnation-next-bg.gif); }
.pagnation a.previous:hover 	{ background:url(../images/pagnation-previous-hover-bg.gif); }
.pagnation a.next:hover 		{ background:url(../images/pagnation-next-hover-bg.gif); }
.pagnation a.pagenum:hover,
.pagnation a.selected {
	text-decoration:none;
	color:#666;
}
.pagnation a.showall {
	display:block;
	height:18px;
	padding-top:2px;
	float:left;
	margin-right:4px;
}
#pagnation-bottom {
	margin-top:-16px;
}
#homepage #left-col .hdivider {
	margin:10px 0;
}
#homepage #left-col .content .date {
	margin-bottom:4px;
}
#homepage #left-col .content .link {
	margin-top:4px;
	clear:both;
	display:block;
}
#homepage #left-col .content {
	padding-left:60px;
	padding-right:15px;
	width:260px;
	background: url(../images/vdots.gif) repeat-y right top;
	padding-top:15px;
	margin-top:35px;
	padding-bottom:20px;
	float:left;
}
#homepage #introtext {
	float:right;
	margin-top:50px;
}
#lowerpage #left-col .content {
	padding-left:35px;	
}
#right-col {
	width:289px;
	padding-bottom:280px;
	background:url(../images/column-top-bg.gif) no-repeat 0px 0px;
	float:left;
}
#right-col-bottom {
	position:absolute;
	bottom:-1px;
	right:0;
}
#right-col .content {
	padding:0 35px;
}
#utility-nav {
	color:#777;
	font-size:1em;
	margin-top:8px;
	margin-bottom:24px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	right:-5px;
	width:250px;
	text-align:right;

}
#utility-nav a {
	color:#777;
	padding-right:10px;
}
#utility-nav a.rssicon {
	padding-right:0px;
}
#utility-nav a.rssicon  img {
	position:relative;
	top:5px;
	margin-left:5px;
}
#footer {
	text-align:center;
	width:100%;
	height:124px;
	background:url(../images/footer-bg.gif);
}
#footer .content {
	text-align:left;
	margin:0 auto;
	width:920px;
	height:123px;
	position:relative;
}
#footer #sgs-logo {
	position:absolute;
	top:25px;
	left:20px;
}
#footer #streamon-logo {
	position:absolute;
	top:25px;
	left:115px;
}
/* Suzanne Amended - address on left, contact numbers on right */
#footer #addressdetails {
	position:absolute;
	top:35px;
	left:220px;
}
#footer #contactno {
	position:absolute;
	top:35px;
	right:300px;
	text-align:right;
}
/* original 
#footer #contactno {
	position:absolute;
	top:35px;
	left:220px;
}
#footer #addressdetails {
	position:absolute;
	top:35px;
	right:300px;
	text-align:right;
}
*/
html>body h2.portfolio {
	overflow:hidden!important;
}
h2.portfolio em {
	display:block;
	height:30px;
	width:4px;
	font-size:0;
	background:url(../images/tab-divider.gif);
	position:absolute;
	top:-7px;
	right:7px;
}
h2.portfolio a {
	color:#a0a0a0;
	position:relative;
	padding-right:20px;
	display:block;
	float:left;
}
h2.portfolio a.selected {
	/* color:#7FBA00; 	green */
	color:#f47a23;	/* orange */
}
div.portfolio,
div.mcqs {
	border:0!important;
	background:#d4d4d4;
	padding:0!important;
}
div.portfolio table,
div.mcqs table {
	width:596px!important;
}
div.portfolio td,
div.mcqs td {
	border:0!important;
	background:#fff;
	padding:5px 10px!important;	
	
}

span.question {
	display:block;
	float:left;
	width:400px;
}
span.answer {
	display:block;
	float:right;
}
span.answer label {
	margin-right:15px!important;
	margin-left:2px!important;
	margin-top:2px;
}

span.answer input,
span.answer label {
	float:left;
	margin:0;
}
span.feedback {
	display:block;
	clear:both;
	padding-top:3px;
}
ul.list-spaced li,
ol.list-spaced li {
	margin-bottom:7px;
}
.radio {
	border:none!important;
}
table.gentable {
	border:1px solid #d4d4d4;
	border-collapse:collapse;
	margin-bottom:25px;
}
.gentable th {
	background: url(../images/tablelist-header-bg.gif);
	padding:7px 10px;
	border-bottom:0px solid #d4d4d4;
	font-size:1.1em;
	/* text-align:left; */
	border-right:1px solid #d4d4d4;
}
.gentable td {
	padding:5px 10px!important;
	background:white!important;
	border-top:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
}

.evaluation label,
.evaluation input {
	float:left;
}
/* Suzanne added */
.evaluation input.rightAlign{
	float:right;
}

.evaluation label {
	margin-left:5px;
}


#newsitems h2 {
	margin-bottom:10px;
}
#newsitems h2 span {
	display:block;
	right:0;
	font-weight:normal;
	font-size:0.8em;
	color:#999;
}
#newsitems .hdivider {
	margin:16px 0;
}
#newsitems .readmore {
	display:block;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
}
#newsitems .image-right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
#newsitems .image-left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
h2 .youranswer {
	position:absolute;	
	font-size:0.8em;
	display:block;
	left:480px;
	top:2px;
	line-height:normal;
	text-align:center;
}
h2 .correctanswer {
	position:absolute;	
	font-size:0.8em;
	display:block;
	left:540px;
	top:2px;
	line-height:normal;
	text-align:center;
}
h2 .title {
	display:block;
	width:450px;
}
td .youranswer {
	position:absolute;	
	display:block;
	left:535px;
	font-weight:bold;
	text-align:center;
}
td .correctanswer {
	position:absolute;	
	display:block;
	left:595px;
	font-weight:bold;
	line-height:normal;
	text-align:center;
}

/* Suzanne added these styles */
.welcome{
	float:right;
	font-weight:bold;
	padding-bottom:10px;
}

#logout .btn{
	float:right;
	clear:both;
	padding-bottom:10px;
}

.alert{
	color:#990000;
	text-align:center;
}

.alert .title{
	background: url(../images/alert.gif) no-repeat top left;
	height:30px;
	font-weight:bold;
	margin-left:20px;
	padding:10px 0 0 40px;
	text-align:left;
}

/* For print certificate box at bottom of account/courses/complete.asp */
.displayLeft{
	float:left;
	width:40%;
	margin-left:10%;
}

.displayRight{
	float:left;
	width:40%;
	margin-right:10%;
	
}

.displayWide{
	float:left;
	width:80%;
	margin-left:5%;
	padding:6px 0;
}

.displayLeft2{
	float:left;
	width:55%;
	margin-left:5%;
	padding:6px 0;
}

.displayRight2{
	float:left;
	width:35%;
	margin-right:5%;
	padding:6px 0;
}

/* Sitemap */

#sitemap ul{
	margin-top:0;
	margin-bottom:0;
}

#sitemap ul li{
	padding-bottom:20px;
}


#sitemap ul li ul li{
	padding-top:2px;
	padding-bottom:2px;
}

#sitemap ul li a{
	font-weight:bold;
}

#sitemap ul li ul li a{
	font-weight:normal;
}

#sitemap ul li ul li ul{
	list-style-type:circle;
}

/* SM, 19/02/09 - added for questionniare */
.questionnaire{
	background: url(../images/header-bg.gif) repeat-x;
	position:absolute;
	width:289px;
}

.questionnaire-progress{
	margin-top:240px;
	text-align:center;
}

.field-bg input .red{
	color:#FF0000;
}

/* SM, 17/06/09 - added for printable MCQs */

table.outtable {
	border:1px solid #AAA;
	border-collapse:collapse;
	margin-bottom:25px;
}

.outtable td {
	padding:5px!important;
}

#footer #mcqInstructions{
	position:absolute;
	top:25px;
	left:20px;
}

/* JS 23/06/10 - calendar style for course calendar */
table.calendartable {
	border:0px;
	border-collapse:collapse;
}
table.calendartable span{
	color:#f47a23;
	vertical-align:middle;
}
.calendartable th {
/*	background: url(../images/tablelist-header-bg.gif); */
	padding:3px 3px;
	/* border-bottom:0px solid #d4d4d4; */ 
	font-size:1.1em;
	/* text-align:left; */
	border-right:0px solid #d4d4d4;
}
.calendartable td {
	padding:4px 4px!important;
	background:white;
	border-top:0px solid #d4d4d4;
	border-right:0px solid #d4d4d4;
	text-align:center;
}

.boxVideo {
	border:1px #dcdbdb solid;
	margin-bottom:10px;
	float:left;
}

.return{
	float:left;
	clear:both;
	margin:10px 0 0 0;
}