@import url(../../global/sga/sga.css);
@import url(../../global/vle/screen.css);

html{
	background: #4F219B url(page_bg.jpg) bottom left repeat-x fixed;
	height:100%;
}
html,body {
	margin: 0;
	padding: 0;
	color: #000;
}
body {
	padding: 0;
	font: 62.5%/1 Arial, Verdana, Helvetica, sans-serif;
}
#allcontent {
	width: 766px;
	margin: 0 auto;
	background-image:url(allcontent.gif);
}

p, li, select, textarea, label, span.label, th, td, input {
	font-size: 120%;
}

textarea, select, input {
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 160%;
}

h4 {
	font-size: 120%;
}

li li, p select, p textarea, td input, td select, td textarea, td label, p label, p input, li label, li input{
	font-size: 100%;
}

div.formerror {
	color: #FF0000;
}

#header {
	height: 172px;
	width: 100%;
	background: url(blue/header.jpg) top right no-repeat;
}
	
	#header h1 { 
		font-size:0em;
		color:#FFFFFF;
		padding:0px;
		margin:0px;
		width:207px;
		height:107px;
	}
	
	#header h2 {
		display: none;
		visibility: hidden;
	}

	div#menumain {	position:relative;margin:15px 0px 0px 0px; padding:0px; float:left; clear: both; display:inline; z-index: 2; background: #5D36A3 url(menu_light.gif) bottom right repeat-x; border-left: 1px solid #00125C; }
		div#menumain ul { padding:0px; margin:0px;}
			div#menumain li { margin:0px; padding: 0px; display:inline; float:left; text-transform: uppercase; }
			div#menumain ul li.menupipe { display: none; visibility: hidden; }
			div#menumain ul li.menuhelp { background: #5D36A3 url(menu_dark.gif) bottom right repeat-x; padding: 5px 15px; }
			div#menumain ul li.menuhome { background: #5D36A3 url(menu_dark.gif) bottom right repeat-x; padding: 5px 15px; }
			div#menumain ul li.menulogout {	background: #5D36A3 url(menu_dark.gif) bottom right repeat-x; padding: 5px 15px; border-right: 1px solid #00125C; }
			div#menumain ul li.menuadmin { padding: 5px 15px; }
			div#menumain ul li.menureport { padding: 5px 15px; }
				div#menumain ul li a { color:#FFF; font-weight:bold; margin:0px; padding: 0px; text-decoration:none; display:block; }
				div#menumain ul li.menuadmin a { color:#00125C; }
				div#menumain ul li.menureport a { color:#00125C; }
	
	div#menubuttons { position:relative; width:764px; margin:-104px 0px 10px 0px; padding:0px; float:right; z-index: 1; display: block; }
		div#menubuttons ul { margin:0px 5px 0px 0px; padding:0px; list-style: none; float: right; } 
			div#menubuttons ul li { float:left; width:81px; display:block; background-position:top center; background-repeat:no-repeat; margin: 0px; padding: 0px 2px; }
			div#menubuttons ul li.observatory { background-image: url(button0_small.gif); }
			div#menubuttons ul li.plan { background-image: url(button1_small.gif); }
			div#menubuttons ul li.bank { background-image: url(button2_small.gif); }
			div#menubuttons ul li.tool { background-image: url(button3_small.gif); }
			div#menubuttons ul li.info { background-image: url(button4_small.gif); }
				div#menubuttons ul li a { width:81px; margin:0px; padding:0px; display:block;  padding-top: 85px; text-align: center; color: #000000; text-decoration: none; font-weight: bold;}
				div#menubuttons ul li a:hover { text-decoration: none; }
				div#menubuttons ul li.searchbox { margin-top: 110px; margin-right: 10px; padding: 0px; display: block; width: 494px; }
					div#menubuttons ul li.searchbox div#mainsearchbox form { margin: 0px; }
						div#menubuttons ul li.searchbox div#mainsearchbox form input.search_buttons { background: url(search_button.jpg) top left no-repeat; width: 74px; height: 23px; border: none; }
						div#menubuttons ul li.searchbox div#mainsearchbox form div#keywordInfo { padding-left: 10px; padding-right: 10px; display: inline; }
							div#menubuttons ul li.searchbox div#mainsearchbox form div#keywordInfo input#keyword { width: 100px; }

div#content {
	padding: 0px 10px;
	margin-bottom: 20px;
}

div.customhome{
	padding: 0!important;
}

	div#content.plan ul#courseList {
		margin: 0;
		padding: 0;
	}
	
		div#content.plan ul#courseList li {
			margin: 0 0 0 15px;
			padding: 0;
		}
	
	div#content.plan a img, div#content.plan ul#courseList li.courseitem a img {
		vertical-align: middle;
	}

	/*div#content.home {
		min-height: 300px;
		height: auto;
		_height: 300px;
	}*/
	
		div#content.home div#introText {
			/*margin-top: 50px;*/
		}

	div#content h2 {
		font-size: 1.4em;
	}

	div#content p img#kmap {
		display: block;
		margin: 0 auto;
	}

	div#content a {
		font-weight: bold;
		color: #00125C;
		text-decoration: none;
	}
	
	div#content a:hover {
		color: #4F219B;
	}

	div#content ul li {
		list-style-image: url(triangle_bullet.gif);
		margin: 4px 0px;
	}
	
	div#guide {
		float: right;
	}
	
		div#content ul.admintabssingle, div#content ul.admintabstop, div#content ul.admintabsbottom  {
			width: 720px;
			height: 27px;
			padding: 0px;
			margin: 0px auto!important;
			display: block;
			background: url(tab_row_bg.gif) top left repeat-y;
			border-bottom: 1px solid #000000;
			border-top: 1px solid #000;
		}
		
		div#content ul.admintabsbottom {
			border-top: none;
		}
		
			div#content ul.admintabssingle li, div#content ul.admintabstop li, div#content ul.admintabsbottom li {
				float: left;
				height: 21px;
				width: 144px;
				list-style: none;
				display: block;
				margin: 0px;
				padding: 6px 0px 0px 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				text-align: center;		
			}
			
			div#content ul.admintabssingle li a, div#content ul.admintabstop li a, div#content ul.admintabsbottom li a {
					color: #000;
					text-decoration: none;
				}
		
			div#content ul.admintabssingle li#current, div#content ul.admintabsbottom li#current {
				background: #00125C url(tabSelected.gif) no-repeat left top;
				border-top: 1px solid #4F219C;
			}
			
				div#content ul.admintabssingle li#current a, div#content ul.admintabsbottom li#current a {
					color: #FFF;
				}				
		
			div#content div#adminlinkscontainer {
				width: 718px;
				margin: 0px auto 0px auto;
				display: block;
				height: auto;
				padding: 0px;
				font-family: Arial, Helvetica, sans-serif;
				border-left: 1px solid #000;
				border-right: 1px solid #000;
				border-bottom: 1px solid #000;
				background: url(adminContentBackground.gif) bottom right no-repeat #FFF;
			}
		
				div#content div#adminlinkscontainer ul.adminlinks {
					text-align: center;
					padding: 15px 0px 0px 0px;
					background: url(adminContentBackground.jpg) left top repeat-x;
					height: 15px;
					margin: 0px;
					line-height: 125%;
				}
		
					div#content div#adminlinkscontainer ul.adminlinks li {
						display: inline;
						padding: 0px 5px;
					}
		
						div#content div#adminlinkscontainer ul.adminlinks li a {
							color: #000;
							text-decoration: underline;
							white-space: nowrap;
						}
						
				div#content div#adminlinkscontainer div#breadcrumbs {
					display: none;
					visibility: hidden;
				}
		
				div#content div#adminlinkscontainer div#admincontent {
					padding: 10px 20px 20px 20px;
				}
		
					div#content div#adminlinkscontainer div#adminContent h4 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 20px;
						color: #000;
						margin: 0px;
					}
		
					div#content div#adminlinkscontainer div#adminContent div#subbuttons div.container ul {
						margin: 30px 0px;
						font-size: 16px;
						font-weight: bold;
						float: left;
						padding: 0px;
						text-align: left;
					}
		
						div#content div#adminlinkscontainer div#adminContent div#subbuttons div.container ul li {
							list-style-image: url(bullet.gif);
							height: 25px;
							padding: 0px;
						}
		
							div#content div#adminlinkscontainer div#adminContent div#subbuttons div.container ul li a {
								color: #000;
								text-decoration: underline;
							}
		
					div#content div#adminlinkscontainer div#adminContent div#subbuttons div.container div#tip {
						width: 230px;
						height: 180px;
						border: 1px solid #000;
						background: #FFF3EC;
						float: right;
						margin: 0px 25px 100px 0px;
						padding: 10px;
					}
	
	form#changePassword, form#changeUserDetails, form#addUser, form#jobrole, form#userEdit, form#orgselect, form#orgadd, form#orglevel, form#question, form#skillsoverview, form#jobrolegroupadd, form#jobrolegroupedit, form#assessperson, form#controlAccess, form#controlAccess2, form#mapSettings, form#positionKA, form#details, form#addResourceLib, form#frm_addworkshop, form#editworkshop, form#scheduleCourse, form#formhybrid2, form#resourceCategory, form#chooseCat, form#editResourceLib, form#docUpload, form#feedbackForm, form#manageItems, form#uploadWorkExample, form#process, form#vlequiz, form#resourceupload, form#addCPDProvider, form#manageCPDProvider, form#registerCPDSession, form#addFacilitator, form#editFacilitator, form#deleteCPDProvider, form#deleteFacilitator, form#editCPDProvider, form#bankSessionCode, form#research {
		border: 1px solid #CCC;
		background: #EEE;
		padding: 10px;
		margin: 0px;
	}
	
	form#changeUserDetails div#emailError, form#changePassword div#oldpassError, form#addUser div#firstnameError, form#addUser div#surnameError, form#addUser div#emailError {
		display: inline;
		margin-left: 10px;
		color: #990000;
	}
	
	form ul li {
		list-style-image: url(form_triangle_bullet.gif)!important;
		margin: 4px 0px;
	}
	
	form#jobrolegroupedit, form#mapSettings {
		margin-bottom: 10px;
	}
	
	form#controlAccess2 {
		margin-top: 10px;
	}
	
	form#question {
		clear: both;
	}
	
	form#trainingPolicyForm table {
		border: 1px solid #000;
		margin-bottom: 10px;
	}
	
		form#trainingPolicyForm th, form#trainingPolicyForm td {
			padding: 5px;
		}
	
	form#form1 { display: block; padding-bottom: 20px; }
		form#form1 #leftInputs { float: left; display: block; margin: 0px 20px 0px 70px; padding-top: 5px; }
		form#form1 #middleArrow { float: left; display: block; margin-right: 60px; margin-left: 20px; }
		form#form1 #rightInputs { padding: 5px 0px 0px 0px; }
		form#form1 span.formMarginLeft { margin-left: 45px; }
		form#form1 span.formMarginRight { margin-left: 30px; }
		form#form1 #steps { margin-left: 220px; }
		form#form1 .centreParagraphSmall { clear:both; text-align:center; }
		form#form1 .centreParagraph { text-align:center; }

		form#mapSettings fieldset {
			margin-bottom: 10px;
		}
		
			form#mapSettings fieldset div {
				display: block;
				margin: 3px 0px;
			}
	
		form#changePassword div, form#changeUserDetails div, form#addUser div, form#jobrole div, form#userEdit div, form#orglevel div, form#orgadd div, form#skillsoverview div div, form#controlAccess div, form#controlAccess2 div, form#mapSettings div, form#details div, form#feedbackForm div, form#manageItems div, form#formhybrid2 div, form#chooseCat div, form#uploadWorkExample div, form#process div, form#vlequiz div, form#addResourceLib div, form#resourceCategory div, form#resourceupload div, form#addCPDProvider div, form#manageCPDProvider div, form#registerCPDSession div, form#addFacilitator div, form#editFacilitator div, form#frm_addworkshop div, form#editCPDProvider div, form#bankSessionCode div {
			display: block;
			margin: 3px 0px;
		}
		
		form#frm_addworkshop div#kaidInfo label {
			clear: left;
		}
		
		form#details div {
			clear: left;
		}
		
		form#question div.sgaquestioneven, form#question div.sgaquestionodd {
			clear: both;
			margin: 10px 0px;
			line-height: 1.3em;
			padding-left: 10px;
		}
		
		form#question div.sgaquestioneven {
			background: #CCC;
			border: 1px solid #BBB;
		}
		
		form#question div.sgaquestionodd {
			background: #DDD;
			border: 1px solid #CCC;
		}
		
			form#question div.sgaquestioneven div.clearboth, form#question div.sgaquestionodd div.clearboth {
				display: block;
				width: 100%;
				clear: both;
			}
		
			form#question div span.label {
				display: block; 
				float: left; 
				padding-top: 3px;
				padding-bottom: 3px;
				width: 535px;
			}
		
			form#question div input {
				vertical-align: middle;
			}
		
			form#changeUserDetails div fieldset, form#addUser div fieldset, form#userEdit div fieldset {
				border: none;
				margin: 0px;
				padding: 0px;
			}
			
				form#changeUserDetails div fieldset legend, form#addUser div fieldset legend, form#userEdit div fieldset legend {
					display: none;
					visibility: hidden;
				}
				
			form#feedbackForm div label {
				/*display: none;
				visibility: hidden;*/
			}
			
			form#feedbackForm div input {
				vertical-align: middle;
			}
			
			form#feedbackForm div textarea {
				width: 100%;
			}
			
			form#bankSessionCode label {
				display: block;
				width: 121px;
				float: left;
				padding-top: 4px;
			}
			
			form#bankSessionCode .cpdquestionodd {
				border: 1px solid #000;
				padding: 10px;
				margin: 5px 0;
				background: #DDD;
			}
			
			form#bankSessionCode .cpdquestioneven {
				border: 1px solid #000;
				padding: 10px;
				margin: 5px 0;
				background: #F3F3F3;
			}
						
			form#bankSessionCode .cpdquestionodd label, form#bankSessionCode .cpdquestioneven label {
				display: inline;
				float: none;
			}			
			
			form#addFacilitator label, form#editFacilitator label {
				display: block;
				width: 74px;
				float: left;
				padding-top: 4px;
			}
			
			form#registerCPDSession div {
				clear: both;
			}
			
			form#registerCPDSession #cpdSessionCodeInfo label, form#registerCPDSession #eventNameInfo label, form#registerCPDSession #sessionDateInfo label, form#registerCPDSession #providerIdInfo label, form#registerCPDSession #sessionNameInfo label, form#registerCPDSession #sessionTypeInfo label, form#registerCPDSession #membershipLevelsInfo label, form#registerCPDSession #pointsInfo label, form#registerCPDSession #multiplierInfo span.label, form#registerCPDSession #resourceInfo label,
			#passmarkInfo label, #numattemptsInfo label, #questiontextInfo label, #resourceNameInfo label {
				display: block;
				width: 147px;
				float: left;
				padding-top: 4px;
			}
			
			#answer1Info input#answer1, #answer2Info input#answer2, #answer3Info input#answer3, #answer4Info input#answer4, #answer5Info input#answer5 {
				margin-left: 93px;
			}
			
			form#registerCPDSession #searchSectionDate label {
				width: 37px;
			}
			
			form#registerCPDSession #searchSectionCode label {
				width: 92px;
			}
			
			form#editCPDProvider label {
				display: block;
				width: 46px;
				float: left;
				padding-top: 4px;
			}
						
			/*form#registerCPDSession fieldset,*/ form#registerCPDSession #sessionDateInfo fieldset {
				border: none;
  				padding: 0;
				margin: 0;
			}
						
			/*form#registerCPDSession fieldset legend,*/ form#registerCPDSession #sessionDateInfo fieldset legend {
				display: none;
				visibility: hidden;
			}
			
			form#registerCPDSession fieldset#cpdLearningOutcomes {
				margin-bottom: 10px;
			}
			
			form#registerCPDSession fieldset#cpdLearningOutcomes div input {
				width: 100%;
			}
			
			form#registerCPDSession #multiplierInfo label {
  				display: inline !important;
				float: none !important;
			}
			
			form#manageCPDProvider label {
				display: block;
				width: 47px;
				float: left;
				padding-top: 4px;
			}
			
			form#addCPDProvider label {
				display: block;
				width: 120px;
				float: left;
				padding-top: 4px;
			}
			
			form#resourceupload label {
				display: block;
				width: 70px;
				float: left;
				padding-top: 4px;
			}
			
			form#chooseCat label {
				display: block;
				width: 61px;
				float: left;
				padding-top: 4px;
			}
			
			form#resourceCategory label {
				display: block;
				width: 61px;
				float: left;
				padding-top: 4px;
			}
			
			form#process div#itemTitle label, form#process div#itemDescription label {
				display: block;
				width: 75px;
				float: left;
				padding-top: 4px;
			}
			
			form#manageItems label {
				display: block;
				width: 50px;
				float: left;
				padding-top: 4px;
			}
			
			form#frm_addworkshop label { 
				display: block;
				width: 119px; 
				float: left;
				padding-top: 4px;
			}
			
			form#frm_addworkshop div#requireauthInfo label {
				text-align: right;
			}
			
			form#editworkshop label {
				display: block;
				width: 120px;
				float: left;
				padding-top: 4px;
			}
			
			form#editworkshop div#kaidInfo label {
				clear: left;
			}
			
			form#changePassword label {
				display: block;
				width: 142px;
				float: left;
				padding-top: 4px;
			}
			
			form#mapSettings label {
				display: block;
				width: 70px;
				float: left;
				padding-top: 4px;
			}
			
			form#controlAccess label {
				display: block;
				width: 98px;
				float: left;
				padding-top: 4px;
			}
			
			form#controlAccess2 label {
				display: block;
				width: 130px;
				float: left;
				padding-top: 4px;
			}
			
			form#mapSettings fieldset div label {
				display: block;
				width: 131px;
				float: left;
				padding-top: 4px;
			}
			
			form#editResourceLib label{
				display: block;
				width: 90px;
				float: left;
				padding-top: 4px;
			}
			form#editResourceLib #mapToInfo{
				margin: 20px 0px 0px 0px;
			}
		
			form#editResourceLib #mapToInfo label {
				display: block;
				width: 150px;
				float: none;
				padding-top: 4px;
			}
			
			form#editResourceLib #mapToInfo input {
				float:left;
			}
			
			form#controlAccess2 ul li span.checkbox {
				margin-left: 5px;
				vertical-align: middle;
			}
			
			form#orgadd label, form#orglevel label {
				display: block;
				width: 83px;
				float: left;
				padding-top: 4px;
			}
			
			form#orglevel .orglevel label {
				display: block;
				width: 105px;
				float: left;
				padding-top: 4px;
			}
			
			form#orgadd #groupInfo label {
				display: block;
				width: 120px;
				float: left;
				padding-top: 4px;
			}
			
			form#details div label {
				display: block;
				width: 125px;
				float: left;
				padding-top: 4px;
			}
			
			form#changeUserDetails label, form#addUser label, form#userEdit label {
				display: block;
				width: 120px;
				float: left;
				padding-top: 4px;
				clear: left;
			}
			
			form#addResourceLib label {
				display: block;
				width: 93px;
				float: left;
				padding-top: 4px;
			}
			
			form#addResourceLib #mapToInfo {
				margin: 20px 0px 0px 0px;
				padding: 10px 0px 0px 0px;
			}
		
			form#addResourceLib #mapToInfo label {
				display: block;
				width: auto;
				float: none;
				padding-top: 4px;
			}
			form#addResourceLib #mapToInfo input {
				float:left;
			}
			
			form#skillsoverview label {
				display: block;
				width: 80px;
				float: left;
				padding-top: 4px;
			}
			
			form#scheduleCourse{
				margin: 15px 0px 5px 0px;
			}
			
			
			form#scheduleCourse label{
				display: block;
				width: 110px;
				float: left;
				padding-top: 3px;
			}
			
			form#jobrole fieldset strong {
				display: block;
				width: 375px;
				float: left;
				padding-top: 5px;
				clear: left;
				padding-left: 10px;
			}
			
			form#jobrole div#titleInfo label, form#jobrolegroupadd input, form#jobrole select#jrid, form#jobrolegroupedit input, form#jobrole div label {
				margin-right: 10px;
			}
			
			form#jobrole div select {
				margin-right: 5px;
			}
			
			form#jobrole fieldset, form#assessperson select {
				margin-bottom: 10px;
			}
			
			form#details textarea {
				vertical-align: top;
			}
			
			/*form#frm_addworkshop input, form#frm_addworkshop select,*/ form#editworkshop input, form#frm_editworkshop select {
				vertical-align: middle;
				margin: 4px 0px;
			}
			
	#breadcrumbs {
		background: #000;
		text-align: right;
		clear: both;
		margin-bottom: 10px;
		padding: 7px 10px;
		font-size: 0.9em;
		text-transform: uppercase;
		color: #CCCC33;
	}
	
		#breadcrumbs h2 {
			display: inline;
			margin: 0;
			padding: 0;
			font-size: 1em!important;
			/*color: #4F219C;*/
		}
		
		#breadcrumbs ol {
			display: inline;
			margin: 0;
			padding: 0;
		}
		
			#breadcrumbs ol li {
				display: inline;
				margin: 0 0 0 10px;
				padding: 0;
			}
			
				#breadcrumbs ol li a {
					color: #FFF;
					font-weight: bold;
				}
				
				#breadcrumbs ol li a:hover {
					color: #FFF;
					text-decoration: underline;
				}
			
		#breadcrumbs h3 {
			
			display: block;
			text-align: left;
			margin: 20px -10px -7px -10px;
			padding-top: 10px;
			font-size: 160%;
			background: #FFF;
		}
		
	div#ep_page_nofold li {
		list-style-image: url(dark_triangle_bullet.gif)!important;
	}		
	
	div#bigbuttons div#mainsearchbox {
		display: block;
		width: 200px;
		margin: 30px auto 0px auto;
		text-align: center;
	}
	
		div#bigbuttons div#mainsearchbox form input.search_buttons { background: url(search_button.jpg) top left no-repeat; width: 74px; height: 23px; border: none; }
		div#bigbuttons div#mainsearchbox form div#keywordInfo { display: inline; margin-right: 10px;}
			div#bigbuttons div#mainsearchbox form div#keywordInfo input#keyword { width: 100px; }
	
			div#discbig {text-align:center; margin-top: 30px;}
				div#discbig .container {display:inline-block} /* not sure if this line is needed - SMALLINSON */
				div#discbig .container {display:inline}
					div#discbig .container ul#menu { display:table; padding:0px; margin:10px auto 0px auto; list-style:none; }
						div#discbig .container ul#menu li { display:table-cell; padding: 0px 20px;}
						div#discbig .container ul#menu li#plan { background: url(button1_big.jpg) top center no-repeat; }
						div#discbig .container ul#menu li#bank { background: url(button2_big.jpg) top center no-repeat; }
						div#discbig .container ul#menu li#tool { background: url(button3_big.jpg) top center no-repeat; }
						div#discbig .container ul#menu li#info { background: url(button4_big.jpg) top center no-repeat; }
							div#discbig .container ul#menu li a { display: block; text-decoration: none; width: 110px; padding: 120px 0px 0px 0px; font-size: 1em; font-weight: bold; color: #000000;}
							div#discbig .container ul#menu li a:hover { color:#000; text-decoration: none; }
								div#discbig .container ul#menu li a span { margin: 0 auto 0 auto; text-align: center; display: block; width: 110px; }
	
	div#subbuttons { text-align: center; margin-top: 20px; }
		div#subbuttons .container { display: inline-block; }
		div#subbuttons .container { display: inline; }
		
			/* admin buttons */
			div#subbuttons .container ul.yourbuttons, div#subbuttons .container ul.organisationbuttons, div#subbuttons .container ul.vleadminbuttons, div#subbuttons .container ul.admincustombuttons, div#subbuttons .container ul.admincoursebuttons, div#subbuttons .container ul.resourcemenubuttons, div#subbuttons .container ul.customadminbuttons, div#subbuttons .container ul.courseadminbuttons, div#subbuttons .container ul.sgabuttons, div#subbuttons .container ul.cpdAdminbuttons, div#subbuttons .container ul.membershipbuttons {
				margin: 0px 0px 0px 20px;
				font-weight: bold;
				padding: 0px;
				text-align: left;
			}
			.container ul.sgabuttons{
				display:none;
			}
			
		/*Observatory buttons*/
			div#subbuttons .container ul.observatorybuttons { display: table; padding: 0px; margin: 10px auto 0px auto; list-style: none; }
			div#subbuttons .container ul.observatorybuttons li { display: inline; float: left; }
				div#subbuttons .container ul.observatorybuttons li.journal { background: url(buttons/button_journal.gif) top center no-repeat; list-style:none; }
				div#subbuttons .container ul.observatorybuttons li.globalSurvey { background: url(buttons/button_global.gif) top center no-repeat; list-style:none; }
					div#subbuttons .container ul.observatorybuttons li a { display: block; text-decoration: none; width: 100px; padding: 90px 0px 0px 0px; font-size: 1em; font-weight: bold; color: #000; }
					div#subbuttons .container ul.observatorybuttons li a:hover { color: #000; text-decoration: none; }
						div#subbuttons .container ul.observatorybuttons li a span { margin: 0 auto; text-align: center; display: block; width: 80px; }
			
			/* learning space buttons */		
			div#subbuttons .container ul.planbuttons { display: table; padding: 0px; margin: 10px auto 0px auto; list-style: none; }
				div#subbuttons .container ul.planbuttons li { display: table-cell; padding: 0px 10px; }
				div#subbuttons .container ul.planbuttons li.skillsdiagnostic { background: url(buttons/button_sga.gif) top center no-repeat; }
				div#subbuttons .container ul.planbuttons li.scores { background: url(buttons/button_scores.gif) top center no-repeat; }
				div#subbuttons .container ul.planbuttons li.skillsgap { background: url(buttons/button_learning_plan.gif) top center no-repeat; }
				div#subbuttons .container ul.planbuttons li.portfolio { background: url(buttons/button_portfolio.gif) top center no-repeat; }
					div#subbuttons .container ul.planbuttons li a { display: block; text-decoration: none; width: 80px; padding: 90px 0px 0px 0px; font-size: 1em; font-weight: bold; color: #000; }
					div#subbuttons .container ul.planbuttons li a:hover { color: #000; text-decoration: none; }
						div#subbuttons .container ul.planbuttons li a span { margin: 0 auto; text-align: center; display: block; width: 80px; }
						
			/* knowledge bank buttons */		
			div#subbuttons .container ul.bankbuttons { display: table; padding: 0px; margin: 10px auto 0px auto; list-style: none; }
				div#subbuttons .container ul.bankbuttons li { display: table-cell; padding: 0px 10px; }
				div#subbuttons .container ul.bankbuttons li.elearning { background: url(buttons/button_el.gif) top center no-repeat; }
				div#subbuttons .container ul.bankbuttons li.keyreadings { background: url(buttons/button_downloads.gif) top center no-repeat; }
				div#subbuttons .container ul.bankbuttons li.courses { background: url(buttons/button_workshops.gif) top center no-repeat; }
				div#subbuttons .container ul.bankbuttons li.resourcelibrary { background: url(buttons/button_library.gif) top center no-repeat; }
					div#subbuttons .container ul.bankbuttons li a { display: block; text-decoration: none; width: 80px; padding: 90px 0px 0px 0px; font-size: 1em; font-weight: bold; color: #000; }
					div#subbuttons .container ul.bankbuttons li a:hover { color: #000; text-decoration: none; }
						div#subbuttons .container ul.bankbuttons li a span { margin: 0 auto; text-align: center; display: block; width: 80px; }

			/* support tools buttons */		
			div#subbuttons .container ul.toolbuttons { display: table; padding: 0px; margin: 10px auto 0px auto; list-style: none; }
				div#subbuttons .container ul.toolbuttons li { display: table-cell; padding: 0px 10px; }
				div#subbuttons .container ul.toolbuttons li.downloaddocs { background: url(buttons/button_downloads.gif) top center no-repeat; }
				div#subbuttons .container ul.toolbuttons li.margincal { background: url(buttons/button_margin_calc.gif) top center no-repeat; }
				div#subbuttons .container ul.toolbuttons li.pricingcal { background: url(buttons/button_price_calc.gif) top center no-repeat; }
				div#subbuttons .container ul.toolbuttons li.conversioncal { background: url(buttons/button_conv_calc.gif) top center no-repeat; }
				div#subbuttons .container ul.toolbuttons li.swotanalysis { background: url(buttons/button_swot.gif) top center no-repeat; }
					div#subbuttons .container ul.toolbuttons li a { display: block; text-decoration: none; width: 80px; padding: 90px 0px 0px 0px; font-size: 1em; font-weight: bold; color: #000; }
					div#subbuttons .container ul.toolbuttons li a:hover { color: #000; text-decoration: none; }
						div#subbuttons .container ul.toolbuttons li a span { margin: 0 auto; text-align: center; display: block; width: 80px; }
						
			/* information and advice buttons */		
			div#subbuttons .container ul.infobuttons { display: table; padding: 0px; margin: 10px auto 0px auto; list-style: none; }
				div#subbuttons .container ul.infobuttons li { display: table-cell; padding: 0px 10px; }
				div#subbuttons .container ul.infobuttons li.ubg { background: url(buttons/button_big_business_book.gif) top center no-repeat; }
				div#subbuttons .container ul.infobuttons li.gsbg { background: url(buttons/button_s_business_guide.gif) top center no-repeat; }
					div#subbuttons .container ul.infobuttons li a { display: block; text-decoration: none; width: 80px; padding: 90px 0px 0px 0px; font-size: 1em; font-weight: bold; color: #000; }
					div#subbuttons .container ul.infobuttons li a:hover { color: #000; text-decoration: none; }
						div#subbuttons .container ul.infobuttons li a span { margin: 0 auto; text-align: center; display: block; width: 80px; }
						
			/* reports buttons */		
			div#subbuttons .container ul.reportbuttons { display: table; padding: 0px; margin: 10px auto 0px auto; list-style: none; }
				div#subbuttons .container ul.reportbuttons li { display: table-cell; padding: 0px 10px; }
				div#subbuttons .container ul.reportbuttons li.elearningreports { background: url(buttons/button_el_report.gif) top center no-repeat; }
				div#subbuttons .container ul.reportbuttons li.skillslocator { background: url(buttons/button_skills_locator.gif) top center no-repeat; }
				div#subbuttons .container ul.reportbuttons li.organisationoverview { background: url(buttons/button_org_overview.gif) top center no-repeat; }
				div#subbuttons .container ul.reportbuttons li.userloginstats { background: url(buttons/button_login_stats.gif) top center no-repeat; }
					div#subbuttons .container ul.reportbuttons li a { display: block; text-decoration: none; width: 80px; padding: 90px 0px 0px 0px; font-size: 1em; font-weight: bold; color: #000; }
					div#subbuttons .container ul.reportbuttons li a:hover { color: #000; text-decoration: none; }
						div#subbuttons .container ul.reportbuttons li a span { margin: 0 auto; text-align: center; display: block; width: 80px; }
						
			.reportbuttons li, .planbuttons li, .bankbuttons li, .infobuttons li, .toolbuttons li { float:left; }
			.reportbuttons a, .planbuttons a, .bankbuttons a, .infobuttons a, .toolbuttons a { float:left; }
						
	/* elearning course topics styling */
	div#learning p { line-height: 20px; border-bottom: 1px dashed #CCCCCC; display: block; }
		div#learning p span { float: right; margin-top: -20px; }
	div#learning div div { display: inline; }
	div#learning div.learningOpp { line-height: 32px; border-bottom: 1px dashed #CCCCCC; display: block; }
		div#learning div.learningOpp div.loTime { float: right; margin-top: -30px; margin-right: 35px; }
		div#learning div.learningOpp div.loLight { float: right; vertical-align: top; margin-top: -30px; }
		div#learning div.learningOpp div.loLaunch { margin-left: 10px; }
		
	/* myscores */
	div#myscores img { float: right; margin: -50px 15px 0px 0px; clear: both; }
	div#myscores div { width: 600px; text-align: right; font-size: 16px; line-height: 35px; padding: 0px 10px 0px 0px; font-weight: bold; }
		div#myscores div strong {  margin: 0px 0px 0px 10px; float: left; display: inline; }
		div#myscores div.myscoresCourse { margin-top:30px; background: #4F219B!important; }
	div#myscores ul { margin: 0px 0px 10px 20px; padding: 0px; font-size: 12px; }
		div#myscores li { list-style: bullet; clear: both; margin: 5px 0px 5px 0px; list-style-image: url(myscores_bullet.gif); }
	/*#myscores div#lopidInfo { text-align: left; font-size: 1.1em; font-weight: normal; }*/
	
	table.skillslocator {
		width: 500px;
		margin: 0 auto;
		border: 1px solid #000;
		text-align: center;
	}
		
		table.skillslocator th {
			padding: 5px;
		}
		
		table.skillslocator td {
			padding: 3px;
		}
		
	table#skillOverview, table#results {
		border: 1px solid #000;
		background: #FFF;
		margin: 0px auto;
		margin-top: 10px;
		width: 658px;
	}
	
	table#reqLearning {
		border: 1px solid #000;
		background: #FFF;
		margin: 0 auto;
		margin-top: 10px;
		width: 50%;
	}
	
		table#reqLearning th, table#reqLearning td {
			padding: 5px;
		}
	
	table#skillOverview {
		display: block;
	}
	
	table#resourcesRequested {
		border: 1px solid #000;
		background: #FFF;
		text-align: center;
	}
	
	table#useredit {
		width: 400px;
		margin: 0 auto;
		border: 1px solid #000;
		background: #FFF;
		text-align: center;
	}
	
	table#membershipTypes {
		width: 260px;
		margin: 0 auto;
		border: 1px solid #000;
		background: #FFF;
	}
	
	table#CPDResultsByProvider, table#CPDResultsByDate, table#CPDResultSession, table#resources, table#learningPlan {
  		width: 100%;
  		border: solid 1px #000;
		background: #FFF;
		border-collapse: collapse;
	}
	
	table#resources {
		margin-bottom: 10px;
	}

		table#skillOverview th, table#results th, table#useredit th, table#resourcesRequested th, table#membershipTypes th, table#CPDResultsByProvider th, table#CPDResultsByDate th, table#CPDResultSession th, table#resources th, table#learningPlan th {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
		table#skillOverview td, table#results td, table#useredit td, table#resourcesRequested td, table#membershipTypes td, table#CPDResultsByProvider td, table#CPDResultsByDate td, table#CPDResultSession td, table#resources td, table#learningPlan td {
			padding: 10px 10px 10px 10px;
			border-top: 1px dashed #CCC;
		}
		
		table#skillOverview td strong {
			font-weight: normal;
		}
			
	table#courseSchedule {
		width: 500px;
		margin: 0 auto;
		border: 1px solid #000;
		background: #FFF;
		text-align: center;
	}
	
	table#courseWaitingList {
		width: 100%;
		margin: 0 auto;
		border: 1px solid #000;
		background: #FFF;
		text-align: center;
	}
	
		table#courseWaitingList th, table#courseWaitingList td {
			padding: 5px;
		}
	
	table#courseBookings {
		width: 100%;
		margin: 0 auto;
		border: 1px solid #000;
		background: #FFF;
		text-align: center;
	}
	
		table#courseBookings th, table#courseBookings td {
			padding: 5px;
		}
	
	table#resourcesRequested {
		width: 100%;
		margin: 0 auto;
		border: 1px solid #000;
		background: #FFF;
		text-align: center;
	}
	
		table#resourcesRequested th, table#resourcesRequested td {
			padding: 5px;
		}
	
	table#resourceRequests{
		width: 600px;
		margin: 0 auto;
		border: 1px solid #000;
		background: #FFF;
		text-align: center;
	}
	table#downloadDocs{
		width: 700px;
		margin: 0 auto;
		border: 1px solid #000;
		background: #FFF;
		text-align: center;
	}
		
		table#downloadDocs th, table#downloadDocs td {
			padding: 5px;
		}
	
	ul.admintabssingle {
		clear: both;
	}
	
	/* eportfolio section styling */
	
	table.eportfolioExamples, table.portfolio {
		width: 100%;
		border: 1px solid #000;
	}
	
		table.eportfolioExamples tr.odd, table.portfolio tr.odd {
			background: #EEEEB9;
		}
			
			table.eportfolioExamples th, table.portfolio th {
				padding: 7px;
				font-size: 1.2em;
				border-bottom: 1px solid #000;
				background: #01135B;
				color: #FFF;
			}
	
			table.eportfolioExamples td, table.portfolio td {
				padding: 5px;
			}

	/* end of portfolio styling */

#footer {
	border-bottom: 1px solid #00125C;
	border-top: 1px solid #00125C;
	text-align: center;
	width: 724px;
	margin: 0px auto;
	padding: 10px 20px;
	background-image:url(footer.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	clear: both;
}

	#footer p {
		margin: 0px;
		padding: 10px 0px;
	}	
	
.width265 {
	width: 265px;
}

.width268 {
	width: 268px;
}

.width68 {
	width: 68px;
}

.width327 {
	width: 327px;
}

/* pop up calendar */
#calPopUp{position:absolute;margin-left:200px;visibility:hidden;background-color:white; z-index:100;clear: right;}
.calLink{border:none;padding:0px 0px 0px 3px;}
.cpYearNavigation,.cpMonthNavigation{background-color:#C0C0C0;text-align:center;vertical-align:middle;text-decoration:none;color:#000000;font-weight:bold;}
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText{font-family:arial;font-size:8pt;}
TD.cpDayColumnHeader{text-align:right;border:solid thin #C0C0C0;border-width:0px 0px 1px 0px;}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate{text-align:right;text-decoration:none;}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled{color:#D0D0D0;text-align:right;text-decoration:line-through;}
.cpCurrentMonthDate, .cpCurrentDate{color:#000000;}
.cpOtherMonthDate{color:#808080;}
TD.cpCurrentDate{color:white;background-color: #C0C0C0;border-width:1px;border:solid thin #800000;}
TD.cpCurrentDateDisabled{border-width:1px;border:solid thin #FFAAAA;}
TD.cpTodayText, TD.cpTodayTextDisabled{border:solid thin #C0C0C0;border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled{height:20px;}
A.cpTodayText{color:black;}
.cpTodayTextDisabled{color:#D0D0D0;}
.cpBorder{border:solid thin #808080;}
.cpBorder td{padding:2px}
/* end of pop up calendar */


/* WORKSHOPS SECTION */
select#course { margin: 0px 0px 0px 10px; }
#horizontalCalendars { display: block; clear:both; text-align:center;  }
.calendar { display: inline; padding-left: 50px; padding-right: 30px; }
.calendarsmall { display: inline;  }
.calendarsmall td { text-align:center; }
.calendarsmall td a { text-decoration: none; background-color: #02468F; color: #FFFFFF !important; border-top: 1px solid #00125C; border-right: 2px solid #00125C; border-bottom: 1px solid #00125C; border-left: 2px solid #00125C; }
select#queryType { margin: 0px 0px 0px 10px; }
textarea#details { vertical-align: top; margin: 0px 0px 0px 45px; }
div#requireauthInfo{
	margin: 14px 0px 4px 0px;
}

div#startDateInfo, div#endDateInfo {
	margin: 15px 0px 15px 0px;
}

/*form hybrid2 */
form#formhybrid2 label{
	display: block;
	width: 129px;
	float: left;
	padding-top: 3px;
}

form#formhybrid2 #includeInfo{
	margin: 20px 0px 0px 0px;
}

form#formhybrid2 #includeInfo label{
	display: block;
	float: none;
	padding-top: 4px;
}

form#formhybrid2 #includeInfo input{
	float: left;
}

p.CPDSessionProviderTitle {
	font-size: 1.1em;
	font-weight: bold;
}

.barometerBox {
	background: #DDD;
	border: 1px solid #000;
	margin-bottom: 10px;
	height: 20px;
}

.barometer {
  background: #060 url(barometer.gif) top left repeat-x;
  height: 16px;
	color: #FFF;
	text-align: right;
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	padding: 2px;
}

.cpdBarometerBox {
	background: #DDD;
	border: 1px solid #000;
	margin: 5px 0;
	height: 15px;
}

.cpdBarometer {
	background: #060 url(cpdbarometer.gif) top left repeat-x;
  	height: 100%;
}

/*.CPDSessionProviderTitle
{
  background: #EEE;
  padding: 3px;
}*/

p#menuDescriptionBox {
	height: 75px;
	/*line-height: 125%;*/
	width: 550px;
	margin: 10px auto;
}

ul#searchMenu {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#searchMenu li {
	display: inline;
	background: none;
	padding-right: 10px;
}

/* login page styling */

div#content.login {
	margin-top: -40px!important;
	text-align: center;
}

div.loginpage_text {
	display: block;
	width: 300px;
	margin: 0 auto;
}

div.loginpage_text li#registerLinkEmployer, div.loginpage_text li#registerLinkIndividual, div.loginpage_text li#registerLinkWomen {
	display: none;
	visibility: hidden;
}

form#login {
	border: 1px solid #CCC;
	background: #EEE;
	padding: 10px;
	margin: 10px 0;
	text-align: left;
}

form#login div {
	display: block;
	margin: 5px 0;
}

form#login label {
	float: left;
	display: block;
	width: 65px;
	padding-top: 3px;
	text-align: right;
	margin-right: 10px;
}

div#registrationBox div.loginpage_text {
	text-align: left;
}

p {
	line-height: 125%;
}

div#facilitatorsInfo span.label {
	display: block;
}

form#research input#author {
	margin: 2px 0 2px 22px;
}

form#research input#year {
	margin: 2px 0 2px 32px;
}

form#research input#keyword {
	margin: 2px 0 2px 10px;
}

form#research input#title {
	margin: 2px 0 2px 34px;
}

form#research select#andor {
	margin: 2px 0 2px 25px;
}

div.resource {
	border: 1px solid #000;
	margin: 10px 0;
	padding: 0 10px;
}

form#details div#eportDOBInfo fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

form#details div#eportDOBInfo fieldset legend, form#datesform div#EndDateInfo fieldset legend {
	display: none;
	visibility: hidden;
}

/*	Default stylesheet for the Carpe Slider
	By Tom Hermansson Snickars                 
	2005-12-17 version 1.5
	Copyright CARPE Design                     
	carpe.ambiprospect.com
*/
/*This sets the key image above the sliders*/
span.keyLeft{
	margin-left:300px;
	margin-bottom:5px;
}

span.keyRight{
	margin-left:145px;
	margin-bottom:5px;
}

#keyHeader{
	padding:0;
	margin-right:0px;
	margin-top:10px;
	height:19px;
	width: 480px;
	background-image:url(slider/key_header2.gif);
	background-position: top right;
	background-repeat:no-repeat;
}


/*This setting changes padding and margins between sliders*/
*.carpe_horizontal_slider_display_combo {
	margin: 0px 254px 0px 0px;
	padding: 0;
	height: 35px;
}

.carpe_horizontal_slider_display_combo p {
	width: 240px;
	padding-top: 15px;
	line-height: 15px!important;
}
/* Non IE specific css styling below*/
html>body .carpe_horizontal_slider_display_combo p {
	width: 275px;
	padding-top: 15px;
	line-height: 15px!important;
}

/*this setting is for the background*/
.carpe_horizontal_slider_track {
	background-image:url(slider/slide_back_no_division.jpg);
	background-position:0px 20px;
	background-repeat:no-repeat;
	float:right;
	color: #333;
	width: 185px;
	margin: 0px 0px 0px 20px;
	line-height: 0;
	font-size: 0;
	text-align: left;
	padding: 4px 2px 4px 2px;
}
/*this setting alters the slit*/
*.carpe_horizontal_slider_track *.carpe_slider_slit {
	color: #ccc;
	width: 179px;
	height: 2px;
	margin: 4px 0 2px 0;
	line-height: 0px;
	position: absolute;
}

/*this setting alters the slider itself*/
*.carpe_horizontal_slider_track *.carpe_slider {
	width: 24px;
	background: url(slider/slider.jpg) top center no-repeat;
	color: #333;
	position: relative;
	margin: 0;
	height: 29px;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	cursor: pointer;
}
/*The display settings deal with the value box - but we don't need it so display is set to none*/
*.carpe_slider_display_holder {
	display:none;
	background-color: #bbb;
	color: #333;
	width: 34px;
	margin: 0;
	padding: 0 2px 0 0;
	height: 40px;
	text-align: right;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
.carpe_slider_display {
	display:none;
	background-color: #bbb;
	color: #333;
	padding: 3px 1px 0 0;
	width: 30px;
	text-align: right;
	font-size: 11px;
	line-height: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	border: 0;
	cursor: default;
}

form#sgamix input {
	margin-top: 10px;
}

table#eportDetails {
	border: 1px solid #999;
	width: 100%;
	clear: left;
	margin: 10px 0;
	border-collapse: collapse;
}

table#eportDetails th {
	background: #000;
	color: #FFF;
}

table#eportDetails th, table#eportDetails td {
	/*text-align: center;*/
	padding: 5px;
	vertical-align: top;
}

table#eportDetails td label {
	display: inline;
	float: none;
	width: auto;
}

table#eportDetails td textarea#qualOther5, table#eportDetails td textarea#postsDetail1, table#eportDetails td textarea#postsDetail2, table#eportDetails td textarea#postsDetail3, table#eportDetails td textarea#postsDetail4 {
	width: 99%;
	height: 100px;
}

ul.errors {
	color: #900;
}

form#manageItemsDetail div#titleInfo,
form#manageItemsDetail div#DescriptionInfo,
form#manageItemsDetail div#DurationInfo,
form#manageItemsDetail div#CodeInfo, 
form#manageItemsDetail div#PrereqInfo, 
form#manageItemsDetail div#CostInfo, 
form#manageItemsDetail div#LearningStyleInfo, 
form#manageItemsDetail div#GapLevelInfo, 
form#manageItemsDetail div#TypeofSolutionInfo {
	clear: both;
	margin: 2px;
}

form#manageItemsDetail div#titleInfo label,
form#manageItemsDetail div#DurationInfo label,
form#manageItemsDetail div#CodeInfo label, 
form#manageItemsDetail div#PrereqInfo label, 
form#manageItemsDetail div#CostInfo label, 
form#manageItemsDetail div#LearningStyleInfo label, 
form#manageItemsDetail div#GapLevelInfo label, 
form#manageItemsDetail div#TypeofSolutionInfo label {
	display: block;
	width: 100px;
	padding-top: 4px;
	float: left;
}

span.sga_opp_learning {
	background: url(elearning_icon.gif) left center no-repeat;
	padding-left: 55px;
	height: 38px;
	display: block;
	margin: 0;
	padding-top: 10px;
}

span.sga_opp_course {
	background: url(course_icon.gif) left center no-repeat;
	padding-left: 55px;
	height: 38px;
	display: block;
	margin: 0;
	padding-top: 15px;
	font-size:120%;
}

fieldset {
	margin-bottom: 10px;
}

#sidepanel {
	float: left;
	width: 190px;
	display: inline;
}

#sidepanel p {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #FFF;
	height: 22px;
	line-height: 22px;
	background: url(sidepanelheading_bg.gif) top left repeat-x;
	border-right: 1px solid #5E3BA2;
}

#sidepanel ul {
	margin: 0;
	padding: 0 0 25px 0;
	background: url(sidepanel_bg.gif) bottom left no-repeat;
}

#sidepanel li {
	margin: 0!important;
	background: url(sidepanellist_bg.gif) top left repeat-x #D5D93C;
	padding: 10px;
	list-style-type: none!important;
	list-style-image: none!important;
	border-right: 1px solid #5E3BA2;
	border-bottom: 1px solid #ABAF2F;
}


#customhomepage {
	float: left;
	width: 556px;
	margin-left: 10px;
	display: inline;
}

#customhomepage #introText h3 {
	margin: 5px 0;
	font-size: 1.4em;
}

#customhomepage ul {
	margin: 0;
	padding: 0;
}

#customhomepage li {
	margin: 0;
	list-style-image: none!important;
	list-style-type: none!important;
}

#customhomepage li.obs, #customhomepage li.ppd, #customhomepage li.lkb, #customhomepage li.st {
	margin: 10px 0;
	position: relative;
}

#customhomepage li.obs {
	background: url(obs_bg.jpg) top left no-repeat;
}

#customhomepage li.ppd {
	background: url(ppd_bg.jpg) top left no-repeat;
}

#customhomepage li.lkb {
	background: url(lkb_bg.jpg) top left no-repeat;
}

#customhomepage li.st {
	background: url(st_bg.jpg) top left no-repeat;
}

#customhomepage li.obs div, #customhomepage li.ppd div, #customhomepage li.lkb div, #customhomepage li.st div {
	padding-left: 120px;
	margin-left: 16px;
	border: 2px solid #122166;
}

#customhomepage li.obs div a, #customhomepage li.ppd div a, #customhomepage li.lkb div a, #customhomepage li.st div a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

#customhomepage li.obs h4 a, #customhomepage li.obs ul li a, #customhomepage li.ppd h4 a, #customhomepage li.ppd ul li a,
#customhomepage li.lkb h4 a, #customhomepage li.lkb ul li a, #customhomepage li.st h4 a, #customhomepage li.st ul li a {
	width: auto;
	height: auto;
	display: inline;
	position: relative;
	line-height: normal;
}

#customhomepage li.obs li, #customhomepage li.ppd li, #customhomepage li.lkb li, #customhomepage li.st li {
	background: url(bluecircle_bullet.gif) 0 3px no-repeat;
	padding-left: 15px;
	margin: 3px 0;
	line-height: 125%;
}

#customhomepage li.obs li a, #customhomepage li.ppd li a, #customhomepage li.lkb li a, #customhomepage li.st li a {
	color: #999;
}

#customhomepage li.obs li strong, #customhomepage li.ppd li strong, #customhomepage li.lkb li strong, #customhomepage li.st li strong {
	color: #333;
}

#customhomepage h4 {
	margin: 0;
	padding: 0;
	display: inline;
}

#customhomepage h4 a {
	color: #00125C;
}

div#ep_page_right_blog{
	font-size: 100%;
}

span#resourceSelect {
	font-size: 1.2em;
	line-height: 130%;
	display: block;
}

span#resourceSelect br {
	display: none;
	visibility: hidden;
}

span#resourceSelect select {
	font-size: 1em;
}

form#registerCPDSession legend {
	font-size: 1.2em;
}

#functionalMappingInfo input {
	vertical-align: middle;
}

#content.vle2 .key {
	background: #DFEFF7;
}
.key {
	border: 1px solid #000;
	background: #FFF;
	width: 240px;
	float: right;
	padding: 2px 5px;
	font-size: 90%;
	margin-left: 10px;
	margin-bottom: 10px;
}
.key p {
	margin: 0;
	padding: 2px 0;
}
.key ul {
	margin: 0;
	padding: 5px 0 5px 10px;
}
.key ul li {
	margin: 0;
	padding: 0;
	list-style: none!important;
	float: left;
}
.key h4 {
	margin: 0;
	padding: 5px;
	text-align: center;
	text-decoration: underline;
}
.key ul li.learningOpp_complete {
	background: url(elearning_completed.gif) no-repeat left center;
	padding: 0 0 0 25px;
	margin: 0 0 0 7px;
	line-height: 30px;
	height: 30px;
}
.key ul li.learningOpp_incomplete {
	background: url(elearning_incomplete.gif) no-repeat left center;
	padding: 0 0 0 25px;
	margin: 0 0 0 7px;
	line-height: 30px;
	height: 30px;
}
.key ul li.learningOpp_notattempted {
	background: url(elearning_notattempted.gif) no-repeat left center;
	padding: 0 0 0 25px;
	margin: 0 0 0 5px;
	line-height: 30px;
	height: 30px;
}

#content.vle2 ul {
	margin: 0;
	padding: 0;
}

p.course {
	background: url(vle_course_background.gif) no-repeat left top;
	margin: 5px 0 0 0;
	clear: both;
	line-height: 21px;
	padding: 0 0 0 5px;
}
p.course a {
	text-decoration: none !important;
	padding-left: 10px;
}
ul li.coursegroup {
	list-style: none;
	background: url(vle_narrow_background.gif) no-repeat left top;
	margin: 5px 0 0 30px;
}
ul li.coursegroup a {
	line-height: 21px;
	text-decoration: none !important;
	padding: 0px 0px 0px 15px;
}
ul li.coursegroup ul li.coursegroup {
	list-style: none;
	background: url(vle_narrower_background.gif) no-repeat left top !important;
	margin: 5px 0px 0px 30px;
}
ul li.coursegroup ul li.coursegroup a {
	line-height: 23px;
	text-decoration: none !important;
	padding: 0px 0px 0px 15px;
}

ul li.coursegroup ul li.learningOpp_completed, ul li.coursegroup ul li.learningOpp_incomplete, ul li.coursegroup ul li.learningOpp_notattempted, ul li.coursegroup ul li.quizLink, ul li.learningOpp_completed, ul li.learningOpp_incomplete, ul li.learningOpp_notattempted, ul li.quizLink {
	list-style: none;
	margin: 5px 0px 0px 30px;
}
ul li.coursegroup span {
	margin-left: 5px;
}
ul li.coursegroup ul li.learningOpp_completed a, ul li.coursegroup ul li.learningOpp_incomplete a, ul li.coursegroup ul li.learningOpp_notattempted a, ul li.coursegroup ul li.quizLink a, ul li.learningOpp_completed a, ul li.learningOpp_incomplete a, ul li.learningOpp_notattempted a, ul li.quizLink a {
	line-height: 30px;
	display: inline !important;
	padding: 4px 0px 4px 30px;
	margin: 0px 0px 0px 15px;
}
ul li.coursegroup ul li.learningOpp_completed a, ul li.learningOpp_completed a {
	background: url(elearning_completed.gif) no-repeat left center;
}
ul li.coursegroup ul li.learningOpp_incomplete a, ul li.learningOpp_incomplete a {
	background: url(elearning_incomplete.gif) no-repeat left center;
}
ul li.coursegroup ul li.learningOpp_notattempted a, ul li.learningOpp_notattempted a {
	background: url(elearning_notattempted.gif) no-repeat left center;
}
ul li.coursegroup ul li.quizLink a, ul li.quizLink a {
	background: url(quiz_icon.gif) no-repeat left center;
}
ul li.coursegroup ul li.learningOpp_completed a:hover, ul li.coursegroup ul li.learningOpp_incomplete a:hover, ul li.coursegroup ul li.learningOpp_notattempted a:hover, ul li.coursegroup li.quizlink a:hover {
	text-decoration: underline !important;
}