body {
	margin: 0;
	padding: 0;
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #000;
	background: url(bg.jpg) top left repeat-x #5166A9;
}
#allcontent {
	width: 790px;
	margin: 0 auto;
	background: #FFF;
	font-size: 1.2em;
}

#header {
	height: 150px;
	width: 770px;
	margin: 0 auto;
}

	#header h1 {
		width: 517px;
		height: 106px;
		margin: 0;
		padding: 0;
		float: left;
		background: url(header.jpg) top left no-repeat;
	}
	
	#header h1 span, #header h2 {
		display: none;
		visibility: hidden;
	}

	div#menumain { clear: left; font-size:1em; display: block; height: 30px; width: 770px; margin: 0 auto; background: url(new/navigation_bg.gif) top left no-repeat; }
		div#menumain ul { padding:0px; margin:0px;}
			div#menumain li { margin:0px; padding: 0 20px 5px 10px; display:inline; float:left; font-size: 1em; }
			div#menumain ul li.menupipe { display: none; visibility: hidden; }
				div#menumain ul li a { color:#000; margin:0px; padding: 0px; display:block; line-height: 25px; }
	
	/*div#menubuttons { position:relative; width:379px; margin:0 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; } 
			div#menubuttons ul li { float:right; width:81px; display:block; background-position:top center; background-repeat:no-repeat; margin: 0px; padding: 0px; }
			div#menubuttons ul li.sgapeople { background-image: url(choose_person_small.jpg); }
			div#menubuttons ul li.sgamap { background-image: url(kmap_small.jpg); }
			div#menubuttons ul li.sgaresult { background-image: url(results_bar_small.jpg); }
				div#menubuttons ul li a { width:81px; margin:0px; padding:0px; display:block;  padding-top: 83px; text-align: center; color: #000000; text-decoration: none; font-weight: bold;}
				div#menubuttons ul li a:hover { text-decoration: none; }*/
				
	div#menubuttons { float: right; margin-top: -135px; }
		div#menubuttons ul { margin: 0; padding: 0; }
			div#menubuttons li { float: right; width: 80px; display: block; background-position: top center; background-repeat: no-repeat; margin: 0; padding: 0; }
				div#menubuttons li a { width: 80px; margin: 0; padding: 0; display:block;  padding-top: 75px; text-align: center; color: #000; text-decoration: none; line-height: 95%; }
				
				div#menubuttons li.sgamap { background-image: url(new/assess_button_sml.gif); }
				div#menubuttons li.sgaresult { background-image: url(new/results_button_sml.gif); }
				div#menubuttons li.reportMainMenu { background-image: url(new/reports_button_sml.gif); }
				div#menubuttons li.sgapdp1 { background-image: url(new/learningplan_button_sml.gif); }
				
div#content {
	padding: 0px 10px;
	width: 770px;
	margin: 0 auto;
}

	div#content.home {
		min-height: 300px;
		height: auto;
		height: 300px;
	}
	
		div#content.home div#introText {
			margin-top: 30px;
		}

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

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

	div#content a {
		color: #0264AC;
		text-decoration: none;
	}
	
	div#content a:hover {
		color: #003366;
		text-decoration: underline;
	}

	/*div#content ul li*/ div#reportAvailable ul li {
		list-style-image: url(triangle_bullet.jpg);
		margin: 4px 0px;
	}
	
	div#guide {
		float: right;
	}
	
	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#addOrg, form#editOrg, form#adduser1, form#adduser2, form#adduser3, form#selectorg1, form#manageItemsDetail {
		border: 1px solid #CCC;
		background: #EEE;
		padding: 10px;
	}
	
	form#jobrolegroupedit, form#mapSettings {
		margin-bottom: 10px;
	}
	
	form#controlAccess2 {
		margin-top: 10px;
	}
	
	form#question {
		clear: both;
	}

		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#addOrg div, form#editOrg div, form#adduser1 div, form#adduser2 div, form#adduser3 div, form#selectorg1 {
			display: block;
			margin: 3px 0px;
		}
		
		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, form#manageItemsDetail div#keywordsInfo {
			clear: both;
			margin: 2px 0;
		}
		
		form#jobrole div {
			clear: left;
		}
		
		form#addOrg div, form#editOrg div {
			margin: 2px 0;
			clear: both;
		}
		
		form#question div.sgaquestioneven, form#question div.sgaquestionodd {
			clear: both;
			margin: 10px 0px;
			line-height: 1.3em;
			padding-left: 10px;
			text-align: left;
			height: 100%;
		}
		
		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: 500px;
			}
		
			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#manageItemsDetail div#titleInfo label, form#manageItemsDetail div#DescriptionInfo 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, form#manageItemsDetail div#keywordsInfo label {
				float: left;
				display: block;
				width: 100px;
				padding-top: 3px;
			}
				
			form#selectorg1 label {
				display: block;
				width: 70px;
				float: left;
				padding-top: 3px;
			}
				
			form#adduser1 label, form#adduser2 label, form#adduser3 label {
				display: block;
				width: 92px;
				float: left;
				padding-top: 3px;
			}
				
			form#addOrg label, form#editOrg label {
				display: block;
				width: 110px;
				float: left;
				padding-top: 3px;
			}
			
			form#changePassword label {
				display: block;
				width: 160px;
				float: left;
				padding-top: 3px;
			}
			
			form#mapSettings label {
				display: block;
				width: 70px;
				float: left;
				padding-top: 3px;
			}
			
			form#controlAccess label {
				display: block;
				width: 110px;
				float: left;
				padding-top: 3px;
			}
			
			form#controlAccess2 label {
				display: block;
				width: 150px;
				float: left;
				padding-top: 3px;
			}
			
			form#mapSettings fieldset div label {
				display: block;
				width: 131px;
				float: left;
				padding-top: 3px;
			}
			
			form#controlAccess2 ul li span.checkbox {
				margin-left: 5px;
				vertical-align: middle;
			}
			
			form#orglevel label, form#orgadd label {
				display: block;
				width: 80px;
				float: left;
				padding-top: 4px;
			}
			
			form#changeUserDetails label, form#addUser label, form#userEdit label {
				display: block;
				width: 134px;
				float: left;
				padding-top: 4px;
			}
			
			form#skillsoverview label {
				display: block;
				width: 70px;
				float: left;
				padding-top: 4px;
			}
			
			form#jobrole div strong {
				display: block;
				width: 450px;
				float: left;
				padding-top: 5px;
			}
			
			form#jobrole div#titleInfo label, form#jobrolegroupadd input, form#jobrole select#jrid, form#jobrolegroupedit input {
				margin-right: 10px;
			}
			
			form#jobrole fieldset, form#assessperson select {
				margin-bottom: 10px;
			}
	
	#breadcrumbs {
		clear: both;
		margin-bottom: 10px;
		padding: 7px;
		font-size: 1em;
	}
	
		#breadcrumbs h2 {
			display: inline;
			margin: 0;
			padding: 0;
			font-size: 1em!important;
		}
		
		#breadcrumbs ol {
			display: inline;
			margin: 0;
			padding: 0;
		}
		
			#breadcrumbs ol li {
				display: inline;
				margin: 0px 5px 0px 7px;
				padding: 0;
			}
			
				#breadcrumbs ol li a {
					color: #000;
					font-weight: normal;
					text-decoration: underline;
					padding-right: 10px;
					background: url(new/breadcrumbs_arrow.gif) center right no-repeat;
				}
				
				#breadcrumbs ol li a:hover {
					color: #003366;
				}
				
		#breadcrumbs h3 {
			display: inline;
			margin: 0px;
			padding: 0px;
			font-size: 1em;
			font-weight: normal;
		}
				
	#discbig {text-align:center; margin-top: 50px;}
		#discbig .container {display:inline-block}
		#discbig .container {display:inline}
			#discbig .container ul#menu { display:table; padding:0px; margin:10px auto 0px auto; list-style:none; }
				#discbig .container ul#menu li { display:table-cell; padding: 0px 20px;}
				#discbig .container ul#menu li#sgaresult { background: url(new/results_button_lrg.gif) top center no-repeat; }
				#discbig .container ul#menu li#sgamap { background: url(new/assess_button_lrg.gif) top center no-repeat; }
				#discbig .container ul#menu li#reportMainMenu { background: url(new/reports_button_lrg.gif) top center no-repeat; }
				#discbig .container ul#menu li#sgapdp1 { background: url(new/learningplan_button_lrg.gif) top center no-repeat; }
					#discbig .container ul#menu li a { display: block; text-decoration: none; width: 110px; padding: 110px 0px 0px 0px; font-size: 1.2em; color: #000000;}
					#discbig .container ul#menu li a:hover { color:#000; text-decoration: none; }
						#discbig .container ul#menu li a span { margin: 0 auto 0 auto; text-align: center; display: block; width: 110px; }
	
	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#skillOverview {
		display: block;
	}
	
	table#useredit {
		width: 260px;
		margin: 0 auto;
		border: 1px solid #000;
		background: #FFF;
		text-align: center;
	}

		table#skillOverview th, table#results th, table#useredit th {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
		table#results th {
			color: #000;
		}
		
		table#results td.assessed {
			background: url(assessed_bg.gif) center center no-repeat;
			width: 338px;
			height: 53px;
		}

			table#results td img {
				vertical-align: middle;
			}
	
			table#results td.assessed div.circlegreen {
				background: url(circlegreenBig_nobg.gif) center right no-repeat;
				height: 43px;
			}
			
			table#results td.assessed div.circleamber {
				background: url(circleamberBig_nobg.gif) center right no-repeat;
				height: 43px;
			}
			
			table#results td.assessed div.circlered {
				background: url(circleredBig_nobg.gif) center right no-repeat;
				height: 43px;
			}
		
		table#skillOverview td, table#results td, table#useredit td {
			padding: 10px 10px 10px 10px;
			border-top: 1px dashed #CCC;
		}
		
			table#skillOverview td strong {
				font-weight: normal;
			}

#footer {
	text-align: center;
	background: url(footer_bg.jpg) top center no-repeat;
	width: 770px;
	margin: 20px auto 0 auto;
	height: 85px;
	clear: both;
}

	#footer p {
		font-size: 1em;
		margin: 0;
		padding: 60px 0 0 0;
	}	
	
.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 */

/* ADMIN SECTION TABS styling */

.admintabs, .admintabsbottom, .admintabstop, .admintabssingle  {
	width: 720px;
	height: 29px;
	padding: 0px!important;
	margin: 10px auto 0px auto!important;
	display: block;
	text-align: center;
	background:  url(new/admintabsrow_bg.gif) bottom right repeat-y #F3F3F3;
}

.admintabs li, .admintabsbottom li, .admintabstop li, .admintabssingle li {
	float: left;
	height: 29px;
	width: 143px;
	list-style: none;
	display: block;
	margin: 0px!important;
	padding: 0px!important;
	border-left: 1px solid #959595;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
	line-height: 29px;
	background: url(new/admintabs_bg.gif) top left repeat-y;
	/*background: url(menu_bg.gif) top left repeat-y transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;*/
}

/*.admintabsbottom li, .admintabssingle li {
	border-bottom: 1px solid #959595;
}*/

.admintabsbottom li#current, .admintabssingle li#current {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	background: url(menu_current_bg.gif) top right repeat-y #FFF;
}

.admintabs li a, .admintabsbottom li a, .admintabstop li a, .admintabssingle li a {
	color: #000000!important;
	text-decoration: none;
}

#adminlinkscontainer {
	width: 698px;
	margin: 0px auto;
	display: block;
	/*height: auto;*/
	/*min-height: 350px; height: auto; height: 350px;*/
	padding: 10px;
	clear: both;
	border-left: 1px solid #959595;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

#adminlinkscontainer #breadcrumbs {
	display: none;
	visibility: hidden;
}

#adminlinkscontainer li.title {
	padding-left: 10px;
}

.adminlinks {
	text-align: center;
	padding: 7px 0px 0px 0px!important;
	height: 25px;
	margin: 0px!important;
	display: none;
	visibility: hidden;
}

.adminlinks li {
	display: inline;
	padding: 0px 5px 0px 5px;
}

.adminlinks li a {
	color: #000000!important;
	text-decoration: underline!important;
	white-space: nowrap;
}

#admincontent ul li {
	/*background: url(bullet.gif) 0 3px no-repeat;
	list-style: none;*/
	padding: 0;
	list-style-image: url(bullet.gif);
	margin: 5px 0;
}

#admincontent form {
	margin-top: 10px;
}

#admincontent h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

#admincontent:after, div#adminUserBox div.content div.profile:after, div.learningOpp:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#admincontent, div#adminUserBox div.content div.profile, div.learningOpp {display: inline-block;}

/* Hides from IE-mac \*/
* html #admincontent, * html div#adminUserBox div.content div.profile, * html div.learningOpp {height: 1%;}
#admincontent, div#adminUserBox div.content div.profile, div.learningOpp {display: block;}
/* End hide from IE-mac */

#admincontent #left {
	float: left;
	margin-top: 10px;
	padding-right: 10px;
}

#admincontent #left h5, #admincontent #right h5 {
	font-size: 1.2em;
	margin: 15px 0 0 0;
	padding: 0;
}

#admincontent .qblogo {
	background: url(new/qblogo.jpg) bottom left no-repeat;
	width: 164px;
	height: 58px;
	margin-top: 20px;
}

#admincontent .qblogo.top {
	display: none;
	visibility: hidden;
}

#admincontent #left #load p {
	padding-left: 78px;
	padding-bottom: 10px;
	background: url(new/load.gif) top left no-repeat;
}

#admincontent #left #import p {
	padding-left: 78px;
	padding-bottom: 10px;
	background: url(new/import.gif) top left no-repeat;
}

#admincontent #left #first p {
	padding-left: 78px;
	padding-bottom: 10px;
	background: url(new/help.gif) top left no-repeat;
}

#admincontent #left #maps p {
	padding-left: 78px;
	padding-bottom: 10px;
	background: url(new/map.gif) top left no-repeat;
}

#admincontent #right {
	float: right;
	margin-top: 10px;
	padding-left: 9px;
	border-left: 1px solid #EEE;
}

#admincontent #left, #admincontent #right {
	width: 339px;
}

#admincontent #right ul {
	margin: 10px 0;
	padding: 0;
}

#admincontent #right li {
	margin: 10px 0;
	padding: 0 0 5px 67px;
	list-style: none;
}

#admincontent #right li a {
	color: #000;
}

#admincontent #right li a:hover {
	text-decoration: none;
}

#admincontent #right li a strong {
	color: #0264AC;
}

#admincontent #right li a strong:hover {
	color: #003366!important;
	text-decoration: underline;
}

li.mcq {
	background: url(new/mcq.gif) top left no-repeat;
}

li.tmq {
	background: url(new/tmq.gif) top left no-repeat;
}

li.hsq {
	background: url(new/hsq.gif) top left no-repeat;
}

li.fib {
	background: url(new/fib.gif) top left no-repeat;
}

li.pdl {
	background: url(new/pdl.gif) top left no-repeat;
}

li.smq {
	background: url(new/mrq.gif) top left no-repeat;
}

li.tof {
	background: url(new/tof.gif) top left no-repeat;
}

li.yon {
	background: url(new/yon.gif) top left no-repeat;
}

li.dad {
	background: url(new/dnd.gif) top left no-repeat;
}

#reportTabs {
	margin: 0 auto;
	padding: 0;
	height: 30px;
	width: 730px;
	background: url(new/reporttabs_bg.gif) top left no-repeat;
}

#reportTabs:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#reportTabs {display: inline-block;}

/* Hides from IE-mac \*/
* html #reportTabs {height: 1%;}
#reportTabs {display: block;}
/* End hide from IE-mac */

#reportTabs span {
	float: left;
	margin-left: 10px;
	font-size: 1.2em;
	line-height: 30px;
}

#reportTabs ul {
	margin: 0 2px 0 0;
	padding: 0;
	list-style: none;
	display: block;
	float: right;
}

#reportTabs li {
	padding: 0;
	margin: 2px 0 0 0!important;
	float: left;
	line-height: 27px;
	display: block;
	width: 154px;
	height: 28px;
	background: url(new/reporttab_unselected.gif) top left no-repeat;
	font-size: 1.2em;
	text-align: center;
}

#reportTabs li.current {
	background: url(new/reporttab_selected.gif) top left no-repeat;
}

#reportContent {
	width: 730px;
	margin: 0 auto;
	padding-top: 10px;
	margin-bottom: 10px;
	background: url(reportContent.gif) top left repeat-y;
}

#reportContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#reportContent {display: inline-block;}

/* Hides from IE-mac \*/
* html #reportContent {height: 1%;}
#reportContent {display: block;}
/* End hide from IE-mac */

#reportContentBottom {
	clear: both;
	display: block;
	height: 10px;
	background: url(reportContentBottom.gif) top left no-repeat;
}

form#selectJobRole {
	margin: 10px 0 10px 10px;
	padding: 0;
}

form#selectJobRole select {
	margin-left: 5px;
}

#leftNav {
	float: left;
	width: 175px;
	display: inline;
}

#reportAvailable, #reportKey, #reportFilter {
	display: block;
	width: 160px;
	float: left;
	margin-left: 15px;
	background: url(reportAvailable.gif) top left no-repeat;
	display: inline;
}

#reportKey, #reportFilter {
	clear: left;
	margin-top: 10px;
	float: left;
	display: inline;
}

#reportAvailableBottom, #reportKeyBottom, #reportFilterBottom {
	display: block;
	height: 10px;
	background: url(reportAvailableBottom.gif) bottom left no-repeat;
}

#reportAvailable h4, #reportKey h4, #reportFilter h4 {
	margin: 10px 0 0 10px;
	padding: 0;
	font-size: 1.1em;
}

#reportAvailable ul {
	margin: 10px 0 0 30px;
	padding: 0;
}

#reportAvailable:after, #reportFilter:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*#reportAvailable, #reportFilter {display: inline-block;}*/

/* Hides from IE-mac \*/
* html #reportAvailable, * html #reportFilter {height: 1%;}
/*#reportAvailable, #reportFilter {display: block;}*/
/* End hide from IE-mac */

#reportFilter form#filterReports {
	padding: 0 10px;
}

#reportFilter form#filterReports div {
	clear: both;
	margin: 2px;
}

/*#reportFilter form#filterReports div# label {
	float: left;
	width: 40px;
	display: block;
	padding-top: 3px;
}*/

#reportFilter form#filterReports div select {
	width: 135px;
}

#reportGraph {
	display: block;
	width: 530px;
	float: left;
	margin-left: 10px;
	padding: 0;
	background: url(reportGraph.gif) top left repeat-y;
}

#reportGraphTop {
	display: block;
	height: 10px;
	background: url(reportGraphTop.gif) top left no-repeat;
	width: 100%;
}

#reportGraphBottom {
	display: block;
	width: 100%;
	clear: both;
	background: url(reportGraphBottom.gif) bottom left no-repeat;
	height: 15px;
}

#reportGraph ul#sortGraph li, #reportGraph ul#viewGraph li {
	padding-left: 2px!important;
	padding-right: 2px!important;
}

#reportGraph span, #reportGraph h4 {
	margin: 0 0 0 10px;
	padding: 0;
}

#reportGraph p {
	padding-left: 10px;
	padding-right: 10px;
}

#reportGraph h3 {
	margin: 0 0 5px 10px;
	padding: 0;
	font-size: 1.2em;
}

#reportGraph hr {
	display: block;
	clear: both;
	height: 1px;
	width: 510px;
	margin: 20px auto 10px auto;
	color: #A2A2A2;
	background-color: #A2A2A2;
}

#reportGraph img {
	display: block;
	margin: 0 auto;
}

#reportAreas {
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
}

#reportAreas li {
	list-style: none;
	clear: both;
	list-style: none!important;
	background: none!important;
	/*height: 30px;*/
}

#reportAreas span {
	float: left;
	display: block;
	width: 100px;
	text-align: right;
	/*line-height: 22px;*/
	margin: 0!important;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 15px;
	/*border-right: 1px solid #000;
	overflow: hidden;*/
	height: 50px;
	background: url(new/blackline.gif) top right repeat-y;
}

#reportAreas .skillTarget {
	float: left;
	/*width: 300px;*/
	height: 22px;
	background: url(new/graph_targetnotmet.gif) center right repeat-x;
	margin-top: 3px;
}

#reportAreas .targetMet {
	float: left;
	height: 22px;
	background: url(new/graph_noskillgap.gif) center right repeat-x;
	display: block;
}

#reportAreas .amber {
	background: url(new/graph_moderateskillgap.gif) center right repeat-x;
}

#reportAreas .red {
	background: url(new/graph_largeskillgap.gif) center right repeat-x;
}

#reportAreas .targetExceeded {
	float: left;
	height: 22px;
	background: url(new/graph_targetexceeded.gif) center right repeat-x;
	display: block;
	margin-top: 3px;
}

ul#sortGraph, ul#viewGraph {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#sortGraph li, #viewGraph li {
	display: inline;
	margin: 0;
	padding: 0;
}

/*#key {
	display: block;
	width: 500px;
	list-style: none;
	margin: 5px 0 0 15px;
	padding: 0;
}*/

#key {
	margin: 0;
	padding: 0;
}

#key li {
	list-style: none;
	display: block;
	padding-left: 52px;
	margin: 5px 10px;
}

#key li.targetNotMet {
	background: url(new/key_targetnotyetmet.gif) top left no-repeat;
}

#key li.moderateSkillGap {
	background: url(new/key_moderateskillgap.gif) top left no-repeat;
}

#key li.targetExceeded {
	background: url(new/key_targetexceeded.gif) top left no-repeat;
}

#key li.largeSkillGap {
	background: url(new/key_largeskillgap.gif) top left no-repeat;
}

#key li.noSkillGap {
	background: url(new/key_noskillgap.gif) top left no-repeat;
}

/* CM reports homepage */

ul#reportsSummary {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: block;
	width: 730px;
}

ul#reportsSummary:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul#reportsSummary {display: inline-block;}

/* Hides from IE-mac \*/
* html ul#reportsSummary {height: 1%;}
ul#reportsSummary{display: block;}
/* End hide from IE-mac */

ul#reportsSummary li {
	float: left;
	display: block;
	width: 360px;
	background: url(new/reportssummary_bg.gif) top left repeat-y;
	margin: 2px!important;
}

ul#reportsSummary li .reportsSummaryBottom {
	display: block;
	height: 10px;
	background: url(new/reportssummarybottom_bg.gif) bottom left no-repeat;
}

ul#reportsSummary h3 {
	margin: 0;
	padding: 6px 0 8px 5px;
	background: url(new/reportssummaryheading_bg.gif) top left no-repeat;
	font-size: 1.2em;
}

ul#reportsSummary h3 a, ul#reportsSummary h3 a:hover {
	color: #000;
	text-decoration: none;
}

ul#reportsSummary dl {
	margin: 0;
	padding: 0;
}

ul#reportsSummary dl dd, ul#reportsSummary dl dt {
	float: none;
	margin: 0;
	width: auto;
	margin-left: 80px;
	margin-bottom: 7px;
	margin-right: 1px;
	background: none;
}

ul#reportsSummary dl dd.green {
	padding: 2px 0 2px 20px;
	background: #C9E9CE url(new/green.gif) center left no-repeat;
	font-weight: bold;
}

ul#reportsSummary dl dd.green strong {
	color: #0B9B22;
}

ul#reportsSummary dl dd.red {
	padding: 2px 0 2px 20px;
	background: #F4C9C9 url(new/red.gif) center left no-repeat;
	font-weight: bold;
}

ul#reportsSummary dl dd.red strong {
	color: #CB0B0B;
}

ul#reportsSummary dl dd.gold {
	padding: 2px 0 2px 20px;
	background: #FFEFCD url(new/bronze.gif) center left no-repeat;
	font-weight: bold;
}

ul#reportsSummary dl dd.gold strong {
	color: #FF9F06;
}

ul#reportsSummary dl dd.silver {
	padding: 2px 0 2px 20px;
	background: #EFEFF4 url(new/silver.gif) center left no-repeat;
	font-weight: bold;
}

ul#reportsSummary dl dd.silver strong {
	color: #A5A5C1;
}

ul#reportsSummary dl dd.bronze {
	padding: 2px 0 2px 20px;
	background: #F6E5D6 url(new/bronze.gif) center left no-repeat;
	font-weight: bold;
}

ul#reportsSummary dl dd.bronze strong {
	color: #B86615;
}

ul#reportsSummary p {
	margin-left: 80px;
}

ul#reportsSummary li #myOrganisationBody {
	background: url(new/myorganisation_bg.gif) center left no-repeat;
	margin-left: 1px;
	height: 145px;
}

ul#reportsSummary li #myTeamsBody {
	background: url(new/myteams_bg.gif) center left no-repeat;
	margin-left: 1px;
	height: 145px;
}

ul#reportsSummary li #myPeopleBody {
	background: url(new/mypeople_bg.gif) center left no-repeat;
	margin-left: 1px;
	height: 145px;
}

ul#reportsSummary li #capabilityLocatorBody {
	background: url(new/capabilitylocator_bg.gif) center left no-repeat;
	margin-left: 1px;
	height: 145px;
}

ul#reportsSummary li #capabilityGapsBody {
	background: url(new/capabilitygaps_bg.gif) center left no-repeat;
	margin-left: 1px;
	height: 145px;
}

ul#reportsSummary li #keyStrengthsBody {
	background: url(new/keystrengths_bg.gif) center left no-repeat;
	margin-left: 1px;
	height: 145px;
}

ul#reportsSummary li #myOrganisationBody p, ul#reportsSummary li #myTeamsBody p, ul#reportsSummary li #myPeopleBody p,
ul#reportsSummary li #capabilityLocatorBody p, ul#reportsSummary li #capabilityGapsBody p, ul#reportsSummary li #keyStrengthsBody p {
	padding-right: 10px;
}

.mute {
	color: #999;
}

.formerror {
	color: #990000;
	display: inline;
	padding-left: 10px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

.navigation {
	margin-top: 10px!important;
	clear: both;
}

form#qticreatemcq1 label {
	margin-right: 10px;
}

form#qticreatemcq2 div, form#qticreatemcq3 div, form#qticreatetmq4 div {
	margin: 2px 0;
}

#right {
	padding-bottom: 10px;
}

form#qticreatemcq3 #right, form#qticreatetmq4 #right {
	background: #EEE;
}

#answeradd textarea, #keywordadd textarea {
	clear: both;
	width: 95%;
	margin: 5px auto;
	display: block;
}

#scoreInfo label, #keywordInfo label, #scoreInfo label, #ScaleInfo label, #ItemInfo label, #shortrefInfo label, #score0Info label, #score1Info label {
	margin-right: 10px;
}

div.addScore {
	text-align: right;
	margin: 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#registrationBox {
	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 {
	display: none;
	visibility: hidden;
}

div.outcomes h3, div.outcomes h4, div.outcomes p, div.behaviours h3, div.behaviours h4, div.behaviours p, div.generalknowledgeandunderstanding h3, div.generalknowledgeandunderstanding h4, div.generalknowledgeandunderstanding p, div.industrysectorspecific h3, div.industrysectorspecific h4, div.industrysectorspecific p, div.contextspecific h3, div.contextspecific h4, div.contextspecific p  {
	margin-left: 80px;
}

form#question {
	text-align: right;
}

#skillanalysis ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*background: url(new/greyline.gif) top center repeat-y;*/
}

#skillanalysis ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 450px;
	height: 50px;
	margin: 10px auto 0 auto;
}

#skillanalysis ul li.notstarted a, #skillanalysis ul li.started a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 50px;
	font-size: .9em;
}

#skillanalysis ul li.knowledgemaphome a {
	display: block;
	width: 250px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	line-height: 50px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
}	

#skillanalysis ul li.knowledgemaphome a:hover {
	text-decoration: none;
}

#skillanalysis ul li span {
	display: none;
	visibility: hidden;
}

#skillanalysis ul li.notstarted a, #skillanalysis ul li.started a, #skillanalysis ul li.notstarted a:hover, #skillanalysis ul li.started a:hover {
	color: #000;
	text-decoration: none;
}

#skillanalysis ul li.notstarted {
	background: url(new/kmap_wide_notstarted.gif) top center no-repeat;
}

#skillanalysis ul li.started {
	background: url(new/kmap_wide_started.gif) top center no-repeat;
}

#skillanalysis ul li.knowledgemaphome {
	background: url(new/kmap_home.gif) top center no-repeat;
}

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

span.sga_opp_classroom {
	background: url(new/course_icon.gif) left center no-repeat;
	padding-left: 55px;
	height: 38px;
	display: block;
	margin: 0;
	padding-top: 15px;
}

div.contextspecific {
	background: url(new/ass_context.jpg) 0px 30px no-repeat;
}

div.industrysectorspecific {
	background: url(new/ass_sector.jpg) 0px 30px no-repeat;
}

div.generalknowledgeandunderstanding {
	background: url(new/ass_general_knowledge.jpg) 0px 30px no-repeat;
}

div.behaviours {
	background: url(new/ass_behaviours.jpg) 0px 30px no-repeat;
}

div.outcomes {
	background: url(new/ass_outcomes.jpg) 0px 30px no-repeat;
}

#dueInfo fieldset#dueFS {
	border: none;
	padding: 0;
	margin: 0;
}

#dueInfo fieldset#dueFS legend {
	display: none;
	visibility: hidden;
}

a.viewOutline, a.controlAccess, a.copyMap, a.editMap, a.renameMap, a.deleteMap {
	font-size: 0.8em;
	padding-top: 32px;
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
}

a.controlAccess {
	background-image: url(controlaccess.gif);
}

a.copyMap {
	background-image: url(copymap.gif);
}

a.editMap {
	background-image: url(editmap.gif);
}

a.renameMap {
	background-image: url(renamemap.gif);
}

a.deleteMap {
	background-image: url(deletemap.gif);
}

div.report_block div.report_block_body_bestworstorgs {
	background: url(rtcBox_bg.gif) 0 46px no-repeat;
}

div.report_block div.report_block_body_bestworstjobroles {
	background: url(postsBox_bg.gif) 0 42px no-repeat;
}

div.report_block div.report_block_body_top3skills {
	background: url(topSkillsBox_bg.gif) 0 33px no-repeat;
}

div.report_block div.report_block_body_bottom3skills {
	background: url(trainingNeedsBox_bg.gif) 0 22px no-repeat;
}

div.report_block div.report_block_body_top3users {
	background: url(topPeopleBox_bg.gif) 0 42px no-repeat;
}

div.report_row {
	padding: 10px 15px;
}

div.panel, div.report_block {
	width: 336px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	background: url(panel_bg.gif) bottom right no-repeat;
}

div.panel div.header, div.report_block h3 {
	height: 34px;
	background: url(panelheader_bg.gif) top left no-repeat;
	margin: 0 0 0 18px;
}

div.panel div.header h3, div.report_block h3 {
	margin: 0 0 0 18px;
	padding: 0;
	font-size: 1em;
	color: #FFF;
	line-height: 34px;
	padding-left: 36px;
}

div.panel div.content, div.report_block div.report_block_body_bestworstorgs, div.report_block div.report_block_body_bestworstjobroles, div.report_block div.report_block_body_bottom3skills, div.report_block div.report_block_body_top3skills, div.report_block div.report_block_body_top3users {
	/*width: 306px;
	border-left: 1px solid red;
	border-bottom: 1px solid #366598;*/
	border-right: 1px solid #366598;
	padding-left: 23px;
	padding-right: 5px;
	width: 307px;
	/*margin-left: 18px;*/
	float: left;
	padding-bottom: 5px;
	min-height:165px;
  	height:auto !important;
  	height:165px;
}

div.panel div.content p, div.report_block p {
	padding: 5px 0 10px 0;
	margin: 0;
}

div.panel div.content dl, div.report_block dl {
	margin: 0 0 10px 0;
	padding: 0;
	margin-left: 100px;
}

div.panel div.content dl dt, div.report_block dl dt {
	font-weight: bold;
	margin: 0;
	padding: 2px 0;
}

div.panel div.content dl dd, div.report_block dl dd {
	margin: 0;
	padding: 5px 0;
}

div.report_block dl dd strong {
	display: none;
	visibility: hidden;
}

div.panel div.content dl dd.green, div.report_block dl dd.green {
	background: url(greenlight.gif) left center no-repeat;
	padding-left: 31px;
}

div.panel div.content dl dd.amber, div.report_block dl dd.amber {
	background: url(amberlight.gif) left center no-repeat;
	padding-left: 31px;
}

div.panel div.content dl dd.red, div.report_block dl dd.red {
	background: url(redlight.gif) left center no-repeat;
	padding-left: 31px;
}

div.panel div.content dl dd.gold, div.report_block dl dd.gold {
	background: url(new/gold.gif) left center no-repeat #FFEFCD;
	padding-left: 25px;
}

div.panel div.content dl dd.silver, div.report_block dl dd.silver {
	background: url(new/silver.gif) left center no-repeat #EFEFF4;
	padding-left: 25px;
}

div.panel div.content dl dd.bronze, div.report_block dl dd.bronze {
	background: url(new/bronze.gif) left center no-repeat #F6E5D6;
	padding-left: 25px;
}

table#importance {
	color: #000;
}

table#importance td {
	border: none;
	padding: 0;
}

table#resources, table#learningPlan, table#results {
	border: 1px solid #366598;
	background: #FFF;
	margin: 10px auto 5px auto;
	width: 698px;
	border-collapse: collapse;
}

table#resources th, table#learningPlan th, table#results th, table#importance td {
	background: #366598;
	color: #FFF;
	padding: 5px
}

table#resources td, table#learningPlan td, table#results td {
	padding: 10px;
	border: 1px solid #366598;
}

div.suggest {
	margin: 0 auto;
	width: 695px;
	padding: 5px;
	border: 1px solid #DDD;
}

div.suggest form#suggestLearningOpp {
	/*margin: 5px!important;*/
	margin: 0;
	padding: 10px ;
	background: #EEE;
}

	div.suggest form#suggestLearningOpp p {
		margin: 5px 0;
		width: 230px;
	}
	
	div.suggest form#suggestLearningOpp div.functionBox {
		float: right;
		margin-top: -120px;
	}
	
		div.suggest form#suggestLearningOpp div.functionBox textarea {
			display: block;
			width: 430px;
			height: 80px;
		}

		div.suggest form#suggestLearningOpp div.functionBox div#trainingTypeInfo {
			display: inline;
			margin: 2px 0;
		}

			div.suggest form#suggestLearningOpp div.functionBox div#trainingTypeInfo select#trainingType {
				margin: 0 10px;
			}
			
		div.suggest form#suggestLearningOpp div.functionBox input.submitButton {
			display: inline;
		}
		
.printPopup {
	background: url(print_icon.gif) left center no-repeat;
	padding-left: 28px;
	height: 26px;
	line-height: 26px;
	display: block;
}