/* The Grand Equaliser Rule */
	html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, p, div, span, img, blockquote, table, fieldset, form, legend, object {
		margin: 0;
		padding: 0;
		border: 0;	
	}
	
	body {
		background-color: #fff;
		color: #111;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 16px;	
	}
	
	  object, a, input {
	  	outline:none;
	}

/* GENERAL LINKS */

	a, a:visited {
		color: #0d7dc0;
		font-weight: bold;
		text-decoration:none;
	}
	
	a:active, a:hover {
		color: #0d7dc0;
		font-weight: bold;
		text-decoration:underline;
	}

	
/* TEXT HEADERS */		

	h1 {
		color: transparent;
		font-weight: bold;
		font-size: 14px;
		text-align:left;
	}
	
	h2 {
		float: left;
		color: #333333;
		font-weight: bold;
		font-size: 18px;
		text-align:left;
		margin: 0px;
		padding: 0;
	}
	
	h2.home-title {
		background: transparent url('/img/icon-home.gif') no-repeat 0 0;
		padding: 0 0 0 45px;
		line-height: 30px;
		margin: 0px;
	}
	
	h2.chapter-title {
	  background: transparent url('../img/icon-chapter.gif') no-repeat 0 0;
	  padding: 0 80px 0 53px;
	  line-height: 30px;
	  margin: 0px;
	  
	 }
	
	h2.photos-title {
		background: transparent url('/img/icon-photos.gif') no-repeat 0 0;
		padding: 0 0 0 53px;
		line-height: 30px;
		margin: 0px;
	}
	
	h2.videos-title {
		background: transparent url('/img/icon-video.gif') no-repeat 0 0;
		padding: 0 0 0 53px;
		line-height: 38px;
		margin: 0px;
	}
	
	h2.illustrations-title {
		background: transparent url('/img/icon-illustrations.gif') no-repeat 0 0;
		padding: 0 0 0 53px;
		line-height: 41px;
		margin: 0px;
	}
	
	h2.interactions-title {
		background: transparent url('/img/icon-interactions.gif') no-repeat 0 0;
		padding: 0 0 0 40px;
		line-height: 38px;
		margin: 0px;
	}
	
	h2.audio-title {
		background: transparent url('/img/icon-audio.gif') no-repeat 0 0;
		padding: 0 0 0 45px;
		line-height: 38px;
		margin: 0px;
	}
	
	h2.module-overview {
		background: transparent url('/img/icon-module-overview.gif') no-repeat 0 0;
		padding: 0 0 0 53px;
		line-height: 30px;
		margin: 0px;
	}
	
	h2.inbox-title {
		background: transparent url('/img/icon-inbox.gif') no-repeat 0 0;
		padding: 0 0 0 53px;
		line-height: 34px;
		margin: 0px;
	}
	
	h2.profile-title {
		background: transparent url('/img/icon-profile.gif') no-repeat 0 0;
		padding: 0 0 0 40px;
		line-height: 34px;
		margin: 0px;
	}
	
	h3 {
		color: #666666;
		font-weight: bold;
		font-size: 14px;
		text-align:left;
		margin: 0 0 10px 0px;
	}
	
	h5 {
		color: #333;
		font-weight: bold;
		font-size: 11px;
		text-align:left;
		margin: 0 0 2px 0px;
	}
	


/* CONTAINERS */
		
		/* Holds manin content and sets shadow */
		#main-container {
			width: 100%;
			background: transparent url('/img/bg-shadow.png') repeat-y center;
			display: block;
		}
		
		/* Global Navigation - Full page black strip */
		#global-container {
			width: 100%;
			height: 35px;
			background:#000000 url('/img/bg-global.gif') repeat-x top;
			padding: 0;
			display: block;
			line-height: 35px;
			color: #cccccc;
			border-bottom: 1px solid #fff;
		}
		
			#global-container a, #global-container a:visited {
				color: #ffffff;
				text-decoration: none;
				font-weight: normal;
			}
			
			#global-container a:hover, #global-container a:active {
				color: #ffffff;
				text-decoration: underline;
				font-weight: normal;
			}
			
			/* Diplomr & NYA logos - top left */
			#diplomr-logo {
				float: left;
				width: 357px;
				height: 35px;
				color: #fff;
				padding: 0;
				display: block;
				margin: 0 0 0 15px;
				background:#000000 url('/img/logo-diplomr-camhs.gif') no-repeat top;
			}
			
				#diplomr-logo span {
					display: none;
				}
		
		/* Centres content and sets width */
		.centre {
			width: 967px;
			margin: 0px auto 0 auto;
			padding: 0;
			display: block;
		}
		
		/* Makes the background of content area white */
		#page-container {
			width: 100%;
			background-color:#ffffff;
			padding: 0;
			display: block;
		}
		
		
		/* MAIN HEADER - grey background - contains site name/navigation */
		
			
			/* COURSE - Everybody's Business */
			#header-container-eb {
				width: 100%;
				height: 130px;
				background:#ffffff url('/img/header-eb.jpg') no-repeat bottom right;
				padding: 0;
				display: block;
			}
			
				/* LOGO - Everybody's Business */
				#header-container-eb #logo a {
					float: left;
					margin: 15px 0 0 15px;
					width: 531px;
					height: 64px;
					padding: 0px 0 0 0;
					display: block;
					text-align: left;
					background: transparent url('/img/everybodys-business-logo.png') no-repeat bottom;
				}
				
				#header-container-eb #logo span{
					display: none;
				}
			
				
			/* COURSE - Mental Health Promotion */
			#header-container-mhp {
				width: 100%;
				height: 130px;
				background:#ffffff url('/img/header-mhp.jpg') no-repeat bottom right;
				padding: 0;
				display: block;
			}
			
				/* LOGO - Everybody's Business */
				#header-container-mhp #logo a {
					float: left;
					margin: 15px 0 0px 15px;
					width: 531px;
					height: 64px;
					padding: 0px 0 0 0;
					display: block;
					text-align: left;
					background: transparent url('/img/mhp-logo.png') no-repeat bottom;
				}
				
				#header-container-mhp #logo span{
					display: none;
				}
		
		/* COURSE - Perinatal */
			#header-container-perinatal {
				width: 100%;
				height: 130px;
				background:#ffffff url('/img/header-perinatal.jpg') no-repeat bottom right;
				padding: 0;
				display: block;
			}
			
				/* LOGO - Everybody's Business */
				#header-container-perinatal #logo a {
					float: left;
					margin: 15px 0 0px 15px;
					width: 531px;
					height: 64px;
					padding: 0px 0 0 0;
					display: block;
					text-align: left;
					background: transparent url('/img/perinatal-logo.png') no-repeat bottom;
				}
				
				#header-container-perinatal #logo span{
					display: none;
				}
		
		#module-dropdown {
			list-style:none;
		}
				
		#module-dropdown a.current-module {
			text-align: left;
			width: 641px;
			height: 35px;
			display: block;
			background: transparent url('/img/bg-dropdown.png') no-repeat 0 0;
			text-decoration: none;
			font-size: 14px;
			color: #666666;
			font-weight: bold;
			padding: 0 50px 0 10px;
			margin: 5px 0 0 15px;
			line-height: 32px;
			outline:none;
			
		}
		
			#module-dropdown a.current-module span {
				font-size: 18px;
				color: #333333;
				font-weight: bold;
			}
		
		#module-dropdown a.current-module:hover {
			width: 641px;
			height: 35px;
			display: block;
			background: transparent url('/img/bg-dropdown.png') no-repeat 0 -35px;
			text-decoration: none;
		}
		
		
		
		ul#module-dropdown li a.module-dropdown-hover{
			width: 701px;
			height: 35px;
			display: block;
			background: transparent url('/img/bg-dropdown.png') no-repeat 0 -35px;
			text-decoration: none;
		}
		
		#module-dropdown-current{
			width:641px;
		}
			#module-dropdown a.current-module:hover span {
				font-size: 18px;
				color: #333333;
				font-weight: bold;
			}
		
		#module-dropdown-list{
			position:absolute;
			list-style:none;
			display:none;
			margin:-3px 0 0 20px;
			z-index:99;
			padding: 0 0 4px 0;
			background: transparent url('/img/bg-dropdown-shadow-bottom.png') no-repeat 3px bottom;
		}
		
		#module-dropdown-list ul{
			
		}
		
		#module-dropdown-list li{
			padding:0;
			margin:0;
			width:601px;
			background: transparent url('/img/bg-dropdown-shadow.png') repeat-y 3px 0px;
		}
		
		#module-dropdown-list li a.module-link{
			display:block;
			background: transparent url('/img/bg-dropdown-tran.png') repeat-x 0 0px;
			font-size:14px;
			margin:0 2px 0 5px;
			padding:7px 10px 7px 10px;
			border-bottom:1px solid #fff;
			border-left: 1px solid #ffffff;
			border-right: 1px solid #ffffff;			
			
			text-align:left;
			color:#333;
		
		}

		#module-dropdown-list li a.module-link:hover{
			background: transparent url('/img/bg-dropdown-tran.png') repeat-x 0 -30px;
			text-decoration:none;
			color: #ffffff;
		}
		
		
/*- Start Search -*/

.global-links{
	float:right;
}

#search-box{
	float:right;
	margin: 7px 0px 0 10px;
}

#search-box form {
	background-color: transparent;
}

.search-but{
	background-image:url('/img/but-search.png');
	background-repeat:no-repeat;
	border:none;
	height:21px;
	width:20px;
	background-color:transparent;
	cursor:pointer;
	float:left;
	margin-left:-7px;
	outline:none;

}

.search-input{
	height:14px;
	padding:2px 7px 2px 2px;
	font-size:1em;
	border:1px solid #b4bec9;
	border-right:none;
	float:left;
	margin-top:0px;
	width:150px;

}

.search-input:focus {
				background-color:#dcecf7;
				color:#333333;
				border-color: #b4bec9;
			}

		
		
		
		/* BREADCRUMB */

			#breadcrumb {
				font-weight: normal;
				color: #999999;
				text-align: left;
				margin: 0 0 15px 0;
			}
		
				/* Breadcrumb link */
				#breadcrumb a {
					font-weight: normal;
					color: #0177bd;
				}
				
				/* Breadcrumb current page */
				#breadcrumb span {
					font-weight: bold;
					color: #666666;
				}
		
		/* CONTENT */
		
			#content-container {
				position:relative;
			}

			.content-header {
				min-height: 36px;
				margin: 0 0 5px 0;
			}
			
				.make-note {
					position:absolute;
					right:20px;
					background: #ffffff url('/img/icon-notes-small.gif') no-repeat right center;
					padding: 0 25px 0 0;
					margin: 5px 0 0 0;
				}
			
			.overview-section {
				padding: 10px 0 0 0;
				border-top: 1px solid #e1e1e1;
			}
			
			.credits-section {
				padding: 10px 0 0 0;
				border-top: 1px solid #e1e1e1;
			}
			
			.credits-section ul {
				float: left;
				margin: 10px 3% 10px 0;
				width: 30%;
			}
			
			.credits-section ul li {
				margin: 0 0 0 15px;
				color: #666;
			}
			
			.content-section {
				margin: 10px 0 0 0;
			}
			
				.content-section p, .overview-section p, #login-container p {
					text-align: justify;
					margin: 0 0 10px 0;
				}
				
					.content-section p.intro, .overview-section p.intro {
						font-weight: bold;
					}
			
				.content-section ul, .overview-section ul, #login-container ul  {
					list-style: none;
					margin: 0 0 20px 20px;
				}
			
				.content-section ul li, .overview-section ul li, #login-container ul li  {
					text-align: left;
					padding: 0 0 0 20px;
					margin: 0 0 10px 0;
					background:transparent url('/img/bullet-content.gif') no-repeat 0 5px;
				}
				
				.content-section ol  {
					margin: 0 0 20px 20px;
				}
				
				.content-section ol li  {
					text-align: left;
					padding: 0 0 0 10px;
					margin: 0 0 10px 0;
				}
				
				
				.overview-section ul li a  {
					font-weight: normal;
				}
				
				.search-section ul {
					text-align: left;
					list-style:none;
				}
				
				.search-section ul li {
					text-align: left;
					padding: 10px 0 0 10px;
					margin: 0 0 10px 0;
					list-style:none;
					background-image: none;
				}
				
				.search-section ul li a  {
					font-weight: normal;
					font-size: 12px;
				}
				
			
			
			.content-control {
				border-top: 1px solid #e1e1e1;
				border-bottom: 1px solid #e1e1e1;
				height: 30px;
				margin: 5px 0 0 0;
			}
			
			.page-header {
				text-align: left;
				border-top: 1px solid #e1e1e1;
				padding: 7px 0 7px 0;
				margin: 5px 0 0 0;
			}
			
				.content-control-left {
					float: left;
					line-height: 30px;
				}
				
				.content-control-right {
					float: right;
					font-weight: bold;
					line-height: 30px;
				}
			
			#learning-content {
				width: 680px;
				float: left;
				padding: 20px;	
			}
			
			#full-page {
				padding: 20px;	
			}
			
			#overview-container {
				width: 684px;
				float: left;
				padding: 20px;	
			}
			
			#credits-container {
				border-top: 1px solid #eeeeee;
				padding: 20px;	
			}
			
			#right-section {
				float: left;
				width: 232px;
			}
			
			#module-progress {
				text-align: left;
				width: 100%;
				margin: 10px 0 10px 0;
			}
			
			#subnav-shadow-rightsection {
				width: 219px;
				margin: 55px 13px 10px 0px;
				padding: 0px;
				background: #fff url('/img/bg-subnav-shadow-side.gif') repeat-y right;
				text-align: left;
			}
			
			#subnav-shadow {
				float: left;
				width: 246px;
				margin: 20px 0px 10px 0;
				padding: 0px;
				background: #fff url('/img/bg-subnav-shadow-side.gif') repeat-y right;
				text-align: left;
			}
			
			#subnav-shadow-top {
				font-size: 14px;
				line-height: 29px;
				font-weight: bold;
				color: #fff;
				text-align: left;
				width: 246px;
				height: 29px;
				margin: 0;
				background: #ffffff url('/img/bg-subnav-shadow-top.gif') no-repeat top;
			}
			
				#subnav-shadow-top span {
					padding-left: 8px;
				}
				
			#subnav-shadow-top-rightsection {
				font-size: 14px;
				line-height: 29px;
				font-weight: bold;
				color: #fff;
				text-align: left;
				width: 232px;
				height: 29px;
				margin: 0;
				background: #ffffff url('/img/bg-subnav-shadow-top.gif') no-repeat -14px 0;
			}
			
				#subnav-shadow-top-rightsection span {
					padding-left: 8px;
				}
			
			#subnav-shadow-bottom {
				width: 246px;
				height: 7px;
				margin: 0 0 0 0;
				background: #ffffff url('/img/bg-subnav-shadow-bottom.gif') no-repeat top;
			}
			
			#subnav-shadow-right-bottom {
				width: 232px;
				height: 7px;
				margin: 0 0 0 0;
				background: #ffffff url('/img/bg-subnav-right-shadow-bottom.gif') no-repeat left top;
			}
			
			#subnav-container {
				width: 240px;
				border-left: 0px solid #e1e1e1;
				border-bottom: 0px solid #e1e1e1;
				border-right: 1px solid #e1e1e1;
				margin: 0px 0 0 0;
				padding: 0px;
			}
			

			#subnav-container-rightsection {
				width: 226px;
				border-left: 1px solid #e1e1e1;
				border-bottom: 0px solid #e1e1e1;
				border-right: 1px solid #e1e1e1;
				border-top: 1px solid #e1e1e1;
				margin: 0px 0 0 0;
				padding: 0px;
			}
			
			#subnav-container-inbox {
				width: 240px;
				border-left: 0px solid #e1e1e1;
				border-bottom: 0px solid #e1e1e1;
				border-right: 1px solid #e1e1e1;
				border-top: 1px solid #e1e1e1;
				margin: 0px 0 0 0;
				padding: 0px;
			}
		
			#subnav-container ul li, #subnav-container-rightsection ul li, #subnav-container-inbox ul li {
				list-style: none;
				line-height: 14px;
				min-height: 39px;
				padding: 0px;
				background-color: #ffffff;
				border-bottom: 1px solid #e1e1e1;
				display: block;
				text-align: left;
			}
			
			#subnav-container ul li a{
				display: block;
				padding: 5px 10px 5px 10px;
				min-height: 29px;
				margin: 1px 1px 1px 0;
				width: 219px;
				background: #fefefe url('/img/bg-subnav.gif') repeat-x top;
			}
			
			#subnav-container-rightsection ul li a{
				display: block;
				padding: 5px 20px 5px 35px;
				margin: 1px;
				width: 169px;
				min-height: 29px;
				background: #fefefe url('/img/bg-subnav.gif') repeat-x top;
			}
			
			#subnav-container-rightsection ul li a.news{
				display: block;
				padding: 5px 5px 5px 5px;
				margin: 1px;
				width: 214px;
				background-color: #f5f5f5;
			}
			
			#subnav-container-inbox ul li a{
				display: block;
				padding: 5px 20px 5px 35px;
				margin: 1px;
				width: 183px;
				background-color: #f5f5f5;
			}
			
				#subnav-container-rightsection ul li a span.date {
					color: #666666;
					font-weight: normal;
					font-size: 10px;
					text-decoration: none;
				}
				
				#subnav-container-rightsection ul li a:hover span.date {
					color: #666666;
					font-weight: normal;
					font-size: 10px;
					text-decoration: none;
				}
			
				#subnav-container-rightsection ul li a.chapters, #subnav-container ul li a.chapters {
					background: #f5f5f5 url('/img/icon-chapter-small.png') no-repeat 10px 5px;
				}
				
				#subnav-container-rightsection ul li a:hover.chapters, #subnav-container ul li a:hover.chapters {
					background: #e3e6e7 url('/img/icon-chapter-small.png') no-repeat 10px -81px;
				}
				
				#subnav-container-rightsection ul li a.videos, #subnav-container ul li a.videos {
					background: #f5f5f5 url('/img/icon-video-small.png') no-repeat 10px 3px;
				}
				
				#subnav-container-rightsection ul li a:hover.videos, #subnav-container ul li a:hover.videos{
					background: #e3e6e7 url('/img/icon-video-small.png') no-repeat 10px -80px;
				}
				
				#subnav-container-rightsection ul li a.photos, #subnav-container ul li a.photos{
					background: #f5f5f5 url('/img/icon-photo-small.png') no-repeat 10px 5px;
				}
				
				#subnav-container-rightsection ul li a:hover.photos, #subnav-container ul li a:hover.photos{
					background: #e3e6e7 url('/img/icon-photo-small.png') no-repeat 10px -81px;
				}
				
				#subnav-container-rightsection ul li a.illustrations, #subnav-container ul li a.illustrations{
					background: #f5f5f5 url('/img/icon-illustration-small.png') no-repeat 10px 4px;
				}
				
				#subnav-container-rightsection ul li a:hover.illustrations, #subnav-container ul li a:hover.illustrations {
					background: #e3e6e7 url('/img/icon-illustration-small.png') no-repeat 10px -80px;
				}
				
				#subnav-container-rightsection ul li a.audio, #subnav-container ul li a.audio{
					background: #f5f5f5 url('/img/icon-audio-small.png') no-repeat 10px 4px;
				}
				
				#subnav-container-rightsection ul li a:hover.audio, #subnav-container ul li a:hover.audio {
					background: #e3e6e7 url('/img/icon-audio-small.png') no-repeat 10px -80px;
				}
				
				#subnav-container-rightsection ul li a.audio, #subnav-container ul li a.audio{
					background: #f5f5f5 url('/img/icon-audio-small.png') no-repeat 10px 4px;
				}
				
				#subnav-container-rightsection ul li a:hover.audio, #subnav-container ul li a:hover.audio {
					background: #e3e6e7 url('/img/icon-audio-small.png') no-repeat 10px -80px;
				}
				
				#subnav-container-rightsection ul li a.interactions, #subnav-container ul li a.interactions{
					background: #f5f5f5 url('/img/icon-interaction-small.png') no-repeat 10px 4px;
				}
				
				#subnav-container-rightsection ul li a:hover.interactions, #subnav-container ul li a:hover.interactions{
					background: #e3e6e7 url('/img/icon-interaction-small.png') no-repeat 10px -80px;
				}
				
				#subnav-container-inbox ul li a.compose {
					background: #f5f5f5 url('/img/icon-compose-small.png') no-repeat 10px 4px;
				}
				
				#subnav-container-inbox ul li a:hover.compose {
					background: #e3e6e7 url('/img/icon-compose-small.png') no-repeat 10px -80px;
				}
				
				#subnav-container-inbox ul li a.inbox {
					background: #f5f5f5 url('/img/icon-inbox-small.png') no-repeat 10px 4px;
				}
				
				#subnav-container-inbox ul li a:hover.inbox {
					background: #e3e6e7 url('/img/icon-inbox-small.png') no-repeat 10px -81px;
				}
				
				#subnav-container-inbox ul li a.sent {
					background: #f5f5f5 url('/img/icon-sent-small.png') no-repeat 10px 5px;
				}
				
				#subnav-container-inbox ul li a:hover.sent {
					background: #e3e6e7 url('/img/icon-sent-small.png') no-repeat 10px -81px;
				}
				
				#subnav-container-inbox ul li a.trash {
					background: #f5f5f5 url('/img/icon-trash-small.png') no-repeat 10px 4px;
				}
				
				#subnav-container-inbox ul li a:hover.trash {
					background: #e3e6e7 url('/img/icon-trash-small.png') no-repeat 10px -81px;
				}
				
				#subnav-container-inbox ul li a.address {
					background: #f5f5f5 url('/img/icon-address-small.png') no-repeat 10px 6px;
				}
				
				#subnav-container-inbox ul li a:hover.address {
					background: #e3e6e7 url('/img/icon-address-small.png') no-repeat 10px -81px;
				}
			

			
			#subnav-container ul li a:hover {
				display: block;
				min-height: 29px;
				margin: 1px 1px 1px 0;
				text-decoration: none;
				background: #fefefe url('/img/bg-subnav.gif') repeat-x 0px -117px;
			}
			
			#subnav-container-rightsection ul li a:hover{
				display: block;
				padding: 5px 20px 5px 35px;
				margin: 1px;
				background: #fdfdfd url('/img/bg-subnav.gif') repeat-x 0px -117px;
				text-decoration: none;
			}
			
			#subnav-container-rightsection ul li a:hover.news{
				display: block;
				padding: 5px 5px 5px 5px;
				margin: 1px;
				background: #fefefe url('/img/bg-subnav.gif') repeat-x 0px -117px;
				text-decoration: none;
			}
			
			
			#subnav-container ul li a.selected, #subnav-container ul li a:visited.selected, #subnav-container ul li a:hover.selected, #subnav-container ul li a:active.selected, #subnav-container-rightsection ul li a.selected, #subnav-container-rightsection ul li a:visited.selected, #subnav-container-rightsection ul li a:hover.selected, #subnav-container-rightsection ul li a:active.selected {
				
				font-weight: bold;
				text-align:left;
				padding: 5px 10px 5px 10px;
				color: #333;
				min-height: 29px;
				display: block;
				background: #fdfdfd url('/img/bg-subnav.gif') repeat-x 0px -234px;
				text-decoration: none;
			}
			
			#subnav-container ul li ul li, #subnav-container-rightsection ul li ul li{
				list-style: none;
				line-height: 14px;
				padding: 0px;
				background-color: #ffffff;
				border-bottom: 1px solid #ffffff;
				display: block;
				text-align: left;
				min-height: 18px;
			}
			
			#subnav-container ul li ul li a, #subnav-container-rightsection ul li ul li a{
				font-weight: normal;
				display: block;
				padding: 5px 2px 5px 18px;
				margin: 0px 1px 0px 0;
				background: #dcecf7 url('/img/bullet.gif') no-repeat 9px 11px;
				min-height: 18px;
			}
			
			#subnav-container ul li ul li a:hover, #subnav-container-rightsection ul li ul li a:hover{
				font-weight: normal;
				display: block;
				padding: 5px 2px 5px 18px;
				margin: 0px 1px 0px 0;
				background: #b6d6ed url('/img/bullet.gif') no-repeat 9px 11px;
				text-decoration: none;
				min-height: 18px;
			}
			
			#subnav-container ul li ul li a.selected, #subnav-container ul li ul li a:visited.selected, #subnav-container ul li ul li a:hover.selected, #subnav-container ul li ul li a:active.selected, #subnav-container-rightsection ul li ul li a.selected, #subnav-container-rightsection ul li ul li a:visited.selected, #subnav-container-rightsection ul li ul li a:hover.selected, #subnav-container-rightsection ul li ul li a:active.selected {
				font-size: 11px;
				font-weight: normal;
				text-align:left;
				padding: 5px 2px 5px 18px;
				color: #000000;
				display: block;
				background: #b6d6ed url('/img/bullet.gif') no-repeat 9px 11px;
				text-decoration: none;
				min-height: 18px;
			}
		
		/* FOOTER */
		
		#footer-container {
			width: 100%;
			height: 36px;
			background:#686868 url('/img/bg-footer.gif') repeat-x top;
			padding: 0;
			display: block;
		}
		
		#footer {
			height: 36px;
			line-height: 36px;
			padding: 0 20px 0 20px;
			color: #ffffff;
			font-weight: bold;
		}
		
			#footer a, #footer a:visited {
				color: #ffffff;
				text-decoration: none;
			}
			
			#footer a:hover, #footer a:active  {
				color: #ffffff;
				text-decoration: underline;
			}
		
		#footer-logos {
			width: 970px;
			margin: 0 auto 15px auto;
		}
			
			#footer-logo-left {
				float: left;
				width: 33%;
				text-align: left;
			}
			
			#footer-logo-centre {
				float: left;
				width: 34%;
				text-align: center;
			}
			
			#footer-logo-right {
				float: right;
				width: 33%;
				text-align: right;
			}
		
		/* Bottom shadow for contained site box */
		#footer-shadow {
			width: 100%;
			height: 18px;
			background: transparent url('/img/bg-shadow-footer.png') no-repeat center top;
		}
		
			
		/* MAIN NAVIGATION - right hand side of the header*/
		
			#navigation-container {
				background: #cccccc url('/img/bg-nav.gif') repeat-x top;
				height: 31px;
				border-bottom: 1px solid #ffffff;
				padding: 0 10px 0 10px;
			}
			
			#navigation-container ul li {
				float: left;
				list-style: none;
				width: auto;
			}
			
			#navigation-container ul li a, #navigation-container ul li a:visited {
				float: left;
				font-size: 11px;
				font-weight: bold;
				text-align:center;
				padding: 0px 10px 0px 10px;
				color: #fff;
				display: block;
				background: #cccccc url('/img/bg-nav.gif') repeat-x top;
				height: 31px;
				line-height: 31px;
				text-decoration: none;
			}
			
			#navigation-container ul li a:hover, #navigation-container ul li a:active {
				font-size: 11px;
				font-weight: bold;
				text-align:center;
				padding: 0px 10px 0px 10px;
				color: #fff;
				display: block;
				background: #cccccc url('/img/bg-nav.gif') repeat-x 0 -31px;
				height: 31px;
				line-height: 31px;
				text-decoration: none;
			}
			
			
			#navigation-container ul li a.selected, #navigation-container ul li a:visited.selected, #navigation-container ul li a:hover.selected, #navigation-container ul li a:active.selected {
				font-size: 11px;
				font-weight: bold;
				text-align:center;
				padding: 0px 10px 0px 10px;
				color: #fff;
				display: block;
				background: #cccccc url('/img/bg-nav.gif') repeat-x 0 -62px;
				height: 31px;
				line-height: 31px;
				text-decoration: none;
			}
			
			
				
			
			/* TABLE STYLES */
			
			table {
				border-collapse: collapse;
				width: 100%;
				border-left: 1px solid #e1e1e1;
			}
			
			/* Table Header */
			table tbody th {
				text-align: left;
				font-weight: bold;
				padding: 8px 5px 8px 5px;
				border-bottom: 1px solid #ccc;
				border-right: 1px solid #ccc;
				border-left: 1px solid #ccc;
				border-top: 1px solid #ccc;
				background-color: #dcecf7;
			}
			
			/* Table cells */
			td {
				text-align: left;
				line-height: 14px;
				padding: 5px;
				border-right: 1px solid #e1e1e1;
			}
			
			.profile-section-left table {
				border-left: 0px solid #e1e1e1;
			}
			
			.profile-section-left td {
				border-right: 0px solid #e1e1e1;
			}
			
			/* GREY - alternate table row colour */
			tr.odd {
				background-color: #f5f5f5;
				border-bottom: 1px solid #e1e1e1;
			}
			
			/* WHITE - alternate table row colour */
			tr.even {
				background-color: #ffffff;
				border-bottom: 1px solid #e1e1e1;
			}
			
			/* BLUE - rollover table row colour */
			tr.highlight {
				background-color: #e8e8e8;
				border-bottom: 1px solid #ffffff;
			}
			
			/* Edit column */
			th.edit, td.edit {
				width: 7%;
				text-align: center;
			}
			
				td.edit a, td.edit a:visited {
					display: block;
					background: transparent url('/img/icon-edit.gif') no-repeat center 0;
					width: 100%;
					height: 16px;
				}
				
				td.edit a:hover, td.edit a:active {
					display: block;
					background: transparent url('/img/icon-edit.gif') no-repeat center -16px;
					width: 100%;
					height: 16px;
				}
				
			/* Move up column */
				th.up, td.up {
					width: 8%;
					text-align: center;
				}
			
					td.up a, td.up a:visited {
						display: block;
						background: transparent url('/img/icon-up.gif') no-repeat center 0;
						width: 100%;
						height: 16px;
					}
					
					td.up a:hover, td.up a:active {
						display: block;
						background: transparent url('/img/icon-up.gif') no-repeat center -16px;
						width: 100%;
						height: 16px;
					}
			
			/* Move down column */
				th.down, td.down {
					width: 10%;
					text-align: center;
				}
			
					td.down a, td.down a:visited {
						display: block;
						background: transparent url('/img/icon-down.gif') no-repeat center 0;
						width: 100%;
						height: 16px;
					}
					
					td.down a:hover, td.down a:active {
						display: block;
						background: transparent url('/img/icon-down.gif') no-repeat center -16px;
						width: 100%;
						height: 16px;
					}
			
			/* Delete column */
				th.delete, td.delete {
					width: 8%;
					text-align: center;
				}
				
					td.delete a, td.delete a:visited {
						display: block;
						background: transparent url('/img/icon-delete.gif') no-repeat center 0;
						width: 100%;
						height: 16px;
					}
					
					td.delete a:hover, td.delete a:active {
						display: block;
						background: transparent url('/img/icon-delete.gif') no-repeat center -16px;
						width: 100%;
						height: 16px;
					}
			
		
		/* BUTTONS */
			
			/* Button - Add Module */
			
				.button-add-module {
					float: right;
					width: 155px;
					height: 27px;
					color: #fff;
					position: relative;
				}
			
				.button-add-module a span, .button-add-module a:visited span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-module.gif') no-repeat 0 0;
					display: block;
					color: #fff;
					position: absolute;
				}
				
				.button-add-module a:hover span, .button-add-module a:active span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-module.gif') no-repeat 0 -27px;
					display: block;
					color: #fff;
					position: absolute;
				}
				
			
			/* Button - Add Chapter */
			
				.button-add-chapter {
					float: right;
					width: 155px;
					height: 27px;
					color: #fff;
					position: relative;
				}
			
				.button-add-chapter a span, .button-add-chapter a:visited span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-chapter.gif') no-repeat 0 0;
					display: block;
					color: #fff;
					position: absolute;
				}
				
				.button-add-chapter a:hover span, .button-add-chapter a:active span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-chapter.gif') no-repeat 0 -27px;
					display: block;
					color: #fff;
					position: absolute;
				}
			
			/* Button - Add Section */
			
				.button-add-section {
					float: right;
					width: 155px;
					height: 27px;
					color: #fff;
					position: relative;
				}
			
				.button-add-section a span, .button-add-section a:visited span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-section.gif') no-repeat 0 0;
					display: block;
					color: #fff;
					position: absolute;
				}
				
				.button-add-section a:hover span, .button-add-section a:active span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-section.gif') no-repeat 0 -27px;
					display: block;
					color: #fff;
					position: absolute;
				}
			
			/* Button - Add Sub-section */
			
				.button-add-subsection {
					float: right;
					width: 172px;
					height: 27px;
					color: #fff;
					position: relative;
				}
			
				.button-add-subsection a span, .button-add-subsection a:visited span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-subsection.gif') no-repeat 0 0;
					display: block;
					color: #fff;
					position: absolute;
				}
				
				.button-add-subsection a:hover span, .button-add-subsection a:active span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-subsection.gif') no-repeat 0 -27px;
					display: block;
					color: #fff;
					position: absolute;
				}
			
			/* Button - Add Assessment */
			
				.button-add-assessment {
					float: right;
					width: 172px;
					height: 27px;
					color: #fff;
					position: relative;
				}
			
				.button-add-assessment a span, .button-add-assessment a:visited span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-assessment.gif') no-repeat 0 0;
					display: block;
					color: #fff;
					position: absolute;
				}
				
				.button-add-assessment a:hover span, .button-add-assessment a:active span {
					width: 100%;
					height: 100%;
					background: #0b8dda url('/img/button-add-assessment.gif') no-repeat 0 -27px;
					display: block;
					color: #fff;
					position: absolute;
				}
				
		/* FORM */
		
			form {
				border: 0px solid #e1e1e1;
				padding: 0px;
				text-align: left;
			}

			form fieldset {
				border: 0px solid #cccccc;
				font-size:11px;
				margin:0px 10px 10px 0px;
				position:relative;
				display:block;
				padding: 10px;
				text-align: left;
			}
			
			form fieldset legend{	
				border: 0px solid #e1e1e1;	
				color:#333333;
				font-size:14px;
				font-weight:bold;	
				padding:0px 0px;
				margin:0px 0px 0px 0px;
				position:relative;
				text-align: left;
			}
				 
			form fieldset legend span{
				color:#666666;
				font-size:18px;
				font-weight:normal;
				text-align: left;
			}
			
			label{
				color:#666666;
				font-size:11px;
				text-align:left;
				text-align:left;
				margin:0px 0px 0px 10px;
				padding:2px;
				font-weight: bold;
			}
			
			input:focus {
				background-color:#dcecf7;
				color:#333333;
				border-color: #333333;
			}
			
			input{
				background-color:#FFFFFF;
				margin:0px 0px 5px 0px;
				border: 1px solid #cccccc;
				color:#666666;
				font-family:Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight: bold;
				padding:1px 2px;
			}
			
			textarea {
				width: 100%;
				height: 200px;
				background-color:#ffffff;
				border: 1px solid #cccccc;
			}
			
			textarea:focus {
				background-color:#dcecf7;
				color:#333333;
				border-color: #333333;
			}
			
			.button {
				float: right;
				background: #0d7dc0 url('/img/bg-button.gif') repeat-x 0 0px;
				color:#ffffff;
				font-weight:bold;
				font-family: Arial, Helvetica, sans-serif;
				font-size:14px;
				height: 27px;
				width: 120px;
				text-align: center;
				margin: 10px 0 0 0;
			}
			
			.button-b {
				background: #0d7dc0 url('/img/bg-button.gif') repeat-x 0 0px;
				color:#ffffff;
				font-weight:bold;
				font-family: Arial, Helvetica, sans-serif;
				font-size:14px;
				height: 27px;
				width: 120px;
				text-align: center;
				margin: 10px 0 0 0;
			}
			
			.button:focus{
				background-color: #0d7dc0;
				background-image: url('/img/bg-button.gif');
				background-position: -27px -27px;
				background-repeat:repeat-x;
				color:#ffffff;
			}
			
			.required {
				display: none;
			}
			
		/* GENERAL STYLES */	
				
			.clear {
				clear: both;
			}
			
			.left {
				float: left;
			}
			
			.left-50 {
				float: left;
				width: 45%;
			}
			
			.right-50 {
				float: left;
				width: 54%;
			}
			
			.right {
				float: right;
			}
		/* ICONS */
		
			.icon-print {
				float: left;
				width: 14px;
				height: 13px;
				position: relative;
				font-size: 0px;
				margin: 8px 10px 9px 0;
			}
			
				.icon-print a span, .icon-print a:visited span {
					width: 100%;
					height: 100%;
					position: absolute;
					background: #ffffff url('/img/icon-print.gif') no-repeat 0 0;
					display: block;
				}
				
				.icon-print a:hover span, .icon-print a:active span {
					width: 100%;
					height: 100%;
					position: absolute;
					background: #ffffff url('/img/icon-print.gif') no-repeat 0 -13px;
					display: block;
				}
				
			.icon-font-increase {
				float: left;
				width: 20px;
				height: 9px;
				position: relative;
				font-size: 0px;
				margin: 10px 10px 11px 0;
			}
			
				.icon-font-increase a span, .icon-font-increase a:visited span {
					width: 100%;
					height: 100%;
					position: absolute;
					background: #ffffff url('/img/icon-font-increase.gif') no-repeat 0 0;
					display: block;
				}
				
				.icon-font-increase a:hover span, .icon-font-increase a:active span {
					width: 100%;
					height: 100%;
					position: absolute;
					background: #ffffff url('/img/icon-font-increase.gif') no-repeat 0 -9px;
					display: block;
				}
				
			.icon-font-decrease {
				float: left;
				width: 20px;
				height: 9px;
				position: relative;
				font-size: 0px;
				margin: 10px 10px 11px 0;
			}
			
				.icon-font-decrease a span, .icon-font-decrease a:visited span {
					width: 100%;
					height: 100%;
					position: absolute;
					background: #ffffff url('/img/icon-font-decrease.gif') no-repeat 0 0;
					display: block;
				}
				
				.icon-font-decrease a:hover span, .icon-font-decrease a:active span {
					width: 100%;
					height: 100%;
					position: absolute;
					background: #ffffff url('/img/icon-font-decrease.gif') no-repeat 0 -9px;
					display: block;
				}


	.inline-media-container {
		border-top: 1px dashed #e1e1e1;
		border-bottom: 1px dashed #e1e1e1;
		padding: 10px 0 0px 0;
		margin: 10px 0 10px 0;
	}
	
	.media-header-photo {
		float: left;
		text-align: left;
		height: 25px;
		color: #999999;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
		background: transparent url('/img/icon-photo-small.png') no-repeat 0 0px;
		margin: 0;
	}
	
	.media-header-audio {
		float: left;
		text-align: left;
		height: 25px;
		color: #999999;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
		background: transparent url('/img/icon-audio-small.png') no-repeat 0 0px;
		margin: 0;
	}
	
	.media-header-interaction {
		float: left;
		text-align: left;
		height: 25px;
		color: #999999;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
		background: transparent url('/img/icon-interaction-small.png') no-repeat 0 0px;
		margin: 0;
	}
	
	.media-header-illustration {
		float: left;
		text-align: left;
		height: 25px;
		color: #999999;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
		background: transparent url('/img/icon-illustration-small.png') no-repeat 0 0px;
		margin: 0;
	}
	
	.media-header-video {
		float: left;
		text-align: left;
		height: 25px;
		color: #999999;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
		background: transparent url('/img/icon-video-small.png') no-repeat 0 0px;
		margin: 0;
	}
	
	.media-header-pdf {
		float: left;
		text-align: left;
		height: 25px;
		color: #999999;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
		background: transparent url('/img/icon-pdf.gif') no-repeat 0 0px;
		margin: 0;
	}
	
		.media-header-pdf a, .media-header-pdf a:visited {
			color: #0d7dc0;
			font-weight: bold;
			text-decoration: none;
		}
		
		.media-header-pdf a:hover, .media-header-pdf a:active {
			color: #0d7dc0;
			font-weight: bold;
			text-decoration: underline;
		}
	
	.media-header-word {
		float: left;
		text-align: left;
		height: 25px;
		color: #999999;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
		background: transparent url('/img/icon-word.gif') no-repeat 0 0px;
		margin: 0;
	}
	
		.media-header-word a, .media-header-word a:visited {
			color: #0d7dc0;
			font-weight: bold;
			text-decoration: none;
		}
	
		.media-header-word a:hover, .media-header-word a:active {
			color: #0d7dc0;
			font-weight: bold;
			text-decoration: underline;
		}
	
	.media-container {
		background-color: #ffffff;
		clear: both;
		margin: 0px 0 10px 0;
	}
	
	.q-container {
		border: 1px solid #e1e1e1;
		background-color: #ffffff;
		clear: both;
		padding: 1px;
		margin: 0px 0 10px 0;
	}
	
	.media, .multimedia {
		/*background: #b3ec69 url('/img/bg-interaction.gif') repeat-x top;*/
		margin: 1px;
		text-align: center;
	}
	
	.media ul li, .multimedia ul li {
		margin: 0 20px 10px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #e1e1e1;
	}
	
		
		input.missing-word-input, .multimedia .missing-word-input {
			font-size: 14px;
			color: #333333;
			font-weight: bold;
			background-color: #ffffff;
			border-top: 0px dotted #005385;
			border-right: 0px dotted #005385;
			border-bottom: 1px dotted #005385;
			border-left: 0px dotted #005385;
		}
		
		.missing-word-list {
			margin: 10px 20px 10px 20px;
			padding: 0 0 10px 0;
			border-bottom: 1px solid #e1e1e1;
		}
		
		.missing-word-list p {
			margin: 0px;
			font-weight: normal;
			font-size: 18px;
			line-height: 24px;
			color: #333333;
		}
		
		.missing-word-list h3 {
			margin: 0 0 10px 0;
			font-weight: bold;
			font-size: 14px;
			color: #999999;
		}
		
		.missing-word-correct {
			font-weight: bold;
			color:#009900;
		}
		
		.missing-word-incorrect {
			font-weight: bold;
			color: #CC0000;
		}
	
		.ac_results {
			 padding: 0px;
			 border: 1px solid black;
			 background-color: white;
			 overflow: hidden;
			 z-index: 99999;
		}
		
		.ac_results ul {
			 width: 100%;
			 list-style-position: outside;
			 list-style: none;
			 padding: 0;
			 margin: 0;
		}
		
		.ac_results li {
			 margin: 0px;
			 padding: 2px 5px;
			 cursor: default;
			 display: block;
			 /* 
			 if width will be 100% horizontal scrollbar will apear 
			 when scroll mode will be used
			 */
			 /*width: 100%;*/
			 font: menu;
			 font-size: 12px;
			 /* 
			 it is very important, if line-height not setted or setted 
			 in relative units scroll will be broken in firefox
			 */
			 line-height: 16px;
			 overflow: hidden;
		}
		
		.ac_loading {
			 background: white url('/img/indicator.gif') right center no-repeat;
		}
		
		.ac_odd {
			 background-color: #eff3f5;
		}
		
		.ac_over {
			 background-color: #0d7dc0;
			 color: white;
		}
		
		#media-list ul {
			margin: 0;
			padding: 0;
			list-style: none;
			background-image:none;
			padding: 0;
		}
		
		#media-list ul li {
			background-image:none;
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
			border-bottom: 1px solid #e1e1e1;
		}
		
		.media-list-thumb {
			float: left;
			text-align: left;
			width: 140px;
		}
		
			.media-list-thumb img {
				padding: 1px;
				background-color: #ffffff;
			}
		
			.media-list-thumb a img {
				border: 1px solid #e1e1e1;
			}
			
			.media-list-thumb a:hover img  {
				border: 1px solid #cccccc;
			}
		
		.media-list-description {
			float: left;
			text-align: left;
			width: 525px;
		}
		
		.media-list-location {
			margin-bottom: 3px;
		}
		
		.media-list-location a {
			font-weight: normal;
		}
		
		.media-list-link {
			margin-bottom: 5px;
			font-weight: bold;
			font-size: 14px;
			color: #333333;
		}
		
		.media-list-link a, .media-list-link a:visited {
			font-weight: bold;
			font-size: 14px;
			text-decoration: none;
		}
		
		.media-list-link a:hover, .media-list-link a:active {
			font-weight: bold;
			font-size: 14px;
			text-decoration: underline;
		}
		
		.media-summary {
			text-align: left;
			border-top: 1px solid #e1e1e1;
			border-bottom: 1px solid #e1e1e1;
			padding: 7px 0 7px 0;
			margin: 5px 0 0 0;	
		}
		
		.media-summary h3 {
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 5px 0;
		}
		
		.media-box {
			background-color: #ffffff;
			padding: 1px;
			border: 1px solid #e1e1e1;
		}
		
		.most-viewed, .most-viewed ul, .most-viewed ul li, .most-viewed ul li a {
				text-align: center;
				font-weight: normal;
			}
		
		.most-viewed ul li img {
				padding: 1px;
				background-color: #ffffff;
			}
		
			.most-viewed ul li a img {
				border: 1px solid #cccccc;
			}
			
			.most-viewed ul li a:hover img  {
				border: 1px solid #999999;
			}
			
	#questionnaire-container {
		background-color:#f5f5f5;
	}
			
	#question-container {
		padding: 15px 25px 15px 25px;
		background: #ddf3ff url('/img/bg-interaction.gif') repeat-x top;
	}
	
		#question-container ul {
			padding: 0;
			margin: 0;
			list-style: none;
			background-image: none;
			border-left: 1px solid #e1e1e1;
			border-right: 1px solid #e1e1e1;
			border-bottom: 1px solid #e1e1e1;
		}
		
		#question-container ul li {
			padding: 0;
			margin: 0;
			list-style: none;
			background-image: none;
			background-color: transparent;
			padding: 5px;
			border-top: 1px solid #e1e1e1;
			border-bottom: 0px solid #ffffff;
			vertical-align: text-top;
		}
		
		#question-container ul li.odd {
			background-color: #f8fcfe;
		}
		
		#question-container ul li.even {
			background-color: #cce5f1;
		}
		
		#question-container table {
			border: 0px solid #e1e1e1;
		}
		
		#question-container table td {
			border: 0px solid #e1e1e1;
		}
		
		
		#question-container form {

		}
		
		#question-container form input {
			background-color: transparent;
			border: 0px solid #ffffff;
			width: 30px;
			outline: none;
		}
		
		#question-container form input.q-submit {
				float: right;
				background: #0d7dc0 url('/img/bg-button.gif') repeat-x 0 0px;
				color:#ffffff;
				font-weight:bold;
				font-family: Arial, Helvetica, sans-serif;
				font-size:14px;
				line-height: 27px;
				height: 26px;
				width: 120px;
				text-align: center;
				margin: 10px 0 0 0;
			}
			
		#questionnaire-container form input.q-submit {
				float: right;
				background: #0d7dc0 url('/img/bg-button.gif') repeat-x 0 0px;
				color:#ffffff;
				font-weight:bold;
				font-family: Arial, Helvetica, sans-serif;
				font-size:14px;
				line-height: 27px;
				height: 26px;
				width: 120px;
				text-align: center;
				margin: 10px;
		}
			
			#question-container form input.q-submit:focus {
				background-color: #0d7dc0;
				background-image: url('/img/bg-button.gif');
				background-position: -27px -27px;
				background-repeat:repeat-x;
				color:#ffffff;
			}
		
		.correct {
			color: #00b600;
			font-weight: bold;
		}
		
		.icon-correct {
			float: left;
			width: 30px;
			height: 16px;
			color: #00b600;
			font-weight: bold;
			background: transparent url('/img/icon-correct.png') no-repeat center center;
		}
		
		.incorrect {
			color: #ff0000;
			font-weight: bold;
		}
		
		.icon-incorrect {
			float: left;
			width: 30px;
			height: 14px;
			color: #00b600;
			font-weight: bold;
			background: transparent url('/img/icon-incorrect.png') no-repeat center center;
		}
		
		.explanation {
			float: left;
			color: #666666;
			font-style: italic;
			margin: 10px 0 0 0;
		}
		

		
		.model {
			color: #666666;
			font-style: italic;
			margin: 0;
			padding: 8px;
			background-color: #e8e8e8;
			text-align:left;
		}
		
		.model ul li {
			border: 0px solid #ffffff;
		}
		
		.model ul li {
			list-style: circle;
			padding: 5px 0 5px 0;
			border: 0px solid #ffffff;
		}
		
		.model h4 {
			font-style: normal;
			color: #333333;
			
		}
		
		.response {
			color: #666666;
			font-style: normal;
			margin: 0px 0 0 0;
			padding: 8px;
			background-color: #fff;
			text-align:left;
		}
		
		.response h4 {
			font-style: normal;
			color: #333333;
			
		}
		
		.formative-a {
			border: 1px solid #cccccc;
		}
		
		.next-q {
			float: right;
			font-weight: bold;
			font-size: 14px;
			margin: 10px 0 0 0;
		}
		
		.spacer {
			float: left;
			width: 30px;
			height: 14px;
		}
		
		.inbox-controls-top {
			text-align: left;
			border-bottom: 1px solid #e3e3e3;
			padding: 5px 0 5px 0;
		}
		
		.inbox-controls-bottom {
			text-align: left;
			padding: 5px 0 0px 0;
		}
		
		.inbox-controls-top a, .inbox-controls-bottom a {
			font-weight: normal;
		}
		
		.messages {
			text-align: left;
		}
		
		.messages ul {
			list-style: none;
			margin: 0;
			padding: 0;
			background-image: none;
		}
		
		.messages ul li {
			width: 100%;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #e3e3e3;
			background-image: none;
		}
		
		.messages .row {
			padding: 5px;
		}
		
		.messages .row .select-box {
			float: left;
			text-align: center;
			width: 4%;
			margin: 10px 0 0 0;
		}
		
		.messages .row .user-info {
			float: left;
			text-align: left;
			width: 25%;
		}
		
		.messages .row .user-info span {
			font-size: 10px;
		}
		
		.messages .row .avatar {
			float: left;
			text-align: center;
			width: 8%;
		}
		
		.messages .row .avatar img {
			border: 1px solid #ccc;
		}
		
		.messages .row .message-details {
			float: left;
			text-align: left;
			width: 60%;
		}
		
		a.message-line {
			color: #9d5679;
			font-weight: normal;
		}
		
		.messages .row .delete {
			float: left;
			text-align: center;
			width: 3%;
		}
		
		.delete a {
			margin: 13px 0 0 0;
			display: block;
			width: 11px;
			height: 11px;
			background: transparent url('/img/icon-delete.gif') no-repeat 0 0;
		}
		
		.delete a:hover {
			display: block;
			width: 11px;
			height: 11px;
			background: transparent url('/img/icon-delete.gif') no-repeat 0 -11px;
		}
		
		.profile-section {
			text-align: left;
			background-color: transparent;
			padding: 10px 0 10px 0;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
		
		.progress-section {
			text-align: left;
			padding: 10px 0 10px 0;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
		
			.profile-section h3 {
			font-size: 18px;
			font-weight: normal;
		}
		
		.profile-section-left {
			float: left;
			width: 530px;
			padding: 0 20px 0 0px;
		}
		
		.profile-section-left table td {
			padding: 10px 0px 10px 0px;
		}
		
		.profile-section-left table td a {
			font-weight: normal;
		}
		
		.profile-section-left table td.title {
			text-align: right;
			font-weight: bold;
			padding: 10px 10px 10px 0px;
			width: 95px;
			vertical-align: top;
		}
		
		.profile-section-right {
			float: left;
			padding: 0 10px 0 10px;
			width: 114px;
		}
		
			.profile-section-right img {
				background-color: #fff;
				padding: 1px;
				border:1px solid #ccc;
			}
		


/*- OVERLAY -*/



/*- Device Progress -*/

#device-progress h3{
}

#device-progress{
	width:208px;
	margin: 0 0 15px 0;
}


#device-progressbar{
	background:transparent url(/img/bg-progress-centre.gif) repeat-x;
	height:24px;
	
}


.profile-progress{
	width:924px;
}


.progress-centre{
	float:left;
	height:24px;
}


#device-progressbar .profile-progress{
	width:924px;
}

#device-progressbar .page-progress{
	width:208px;
}

#device-progressbar .device-profile-progress{
	width:142px;
}

#device-progressbar .progress-centre{
	float:left;
	height:24px;
}

#device-progressbar .progress-centre-page{
	width:194px;;
}

#device-progressbar .progress-centre-profile{
	width:910px;
}

#device-progressbar .device-progress-centre-profile{
	width:128px;
}

#device-progressbar .progress-centre .percent-label{
	text-align:center;
	line-height:24px;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
	position:relative;
}

#device-progressbar .progress-left-0{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-left.gif) no-repeat;
}

#device-progressbar .progress-centre-0{
	background:transparent;
	height:24px;
	float:left;
}

#device-progressbar .progress-right-inline-0{
	background:transparent;
	height:24px;
	width:5px;
	float:left;
}


#device-progressbar .progress-left-20{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-left-20.gif) repeat-x;
}

#device-progressbar .progress-centre-20{
	background:transparent url(/img/bg-progress-centre-20.gif) repeat-x;
	height:24px;
	float:left;
}

#device-progressbar .progress-centre-20 .percent-label{
	color:#fff;
}

#device-progressbar .progress-centre-100 .percent-label{
	color:#fff;
}


#device-progressbar .progress-right-inline-20{
	background:transparent url(/img/bg-progress-right-inline-20.gif) repeat-x;
	height:24px;
	width:5px;
	float:left;
}

#device-progressbar .progress-left-40{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-left-40.gif) repeat-x;
}

#device-progressbar .progress-centre-40{
	background:transparent url(/img/bg-progress-centre-40.gif) repeat-x;
	height:24px;
	float:left;
}

#device-progressbar .progress-right-inline-40{
	background:transparent url(/img/bg-progress-right-inline-40.gif) repeat-x;
	height:24px;
	width:5px;
	float:left;
}

/*- 60 */
#device-progressbar .progress-left-60{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-left-60.gif) repeat-x;
}

#device-progressbar .progress-centre-60{
	background:transparent url(/img/bg-progress-centre-60.gif) repeat-x;
	height:24px;
	float:left;
}

#device-progressbar .progress-right-inline-60{
	background:transparent url(/img/bg-progress-right-inline-60.gif) repeat-x;
	height:24px;
	width:5px;
	float:left;
}

/*- 80 */
#device-progressbar .progress-left-80{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-left-80.gif) repeat-x;
}

#device-progressbar .progress-centre-80{
	background:transparent url(/img/bg-progress-centre-80.gif) repeat-x;
	height:24px;
	float:left;
}

#device-progressbar .progress-right-inline-80{
	background:transparent url(/img/bg-progress-right-inline-80.gif) repeat-x;
	height:24px;
	width:5px;
	float:left;
}

/*- 99 */
#device-progressbar .progress-left-98{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-left-98.gif) repeat-x;
}

#device-progressbar .progress-centre-98{
	background:transparent url(/img/bg-progress-centre-98.gif) repeat-x;
	height:24px;
	float:left;
}

#device-progressbar .progress-centre-98 .percent-label{
	color:#fff;
}

#device-progressbar .progress-right-inline-98{
	background:transparent url(/img/bg-progress-right-inline-98.gif) repeat-x;
	height:24px;
	width:5px;
	float:left;
}



/*- 99 -*/
#device-progressbar .progress-right-99{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-right-99.gif) repeat-x;
}



#device-progressbar .progress-left-99{
	float:left;

	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-left-98.gif) repeat-x;
}

#device-progressbar .progress-centre-99{
	background:transparent url(/img/bg-progress-centre-98.gif) repeat-x;
	height:24px;
	float:left;
}

#device-progressbar .progress-right-inline-99{
	background:transparent url(/img/bg-progress-centre-98.gif) repeat-x;
	height:24px;
	width:2px;
	float:left;
}




/*- 100 -*/
#device-progressbar .progress-left-100{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-left-98.gif) repeat-x;
}

#device-progressbar .progress-centre-100{
	background:transparent url(/img/bg-progress-centre-98.gif) repeat-x;
	height:24px;
	float:left;
}

#device-progressbar .progress-right-inline-100{
	background:transparent url(/img/bg-progress-centre-98.gif) repeat-x;
	height:24px;
	width:0px;
	float:left;
}

#device-progressbar .progress-right-100{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-right-100.gif) repeat-x;
}

#device-progressbar .progress-right{
	float:left;
	width:7px;
	height:24px;
	background:transparent url(/img/bg-progress-right.gif) repeat-x;
}


/* OVERLAY */


#overlay{
	display: none;
	padding:0;    
    position: fixed;
    top: 17%;
    left: 50%;   
    margin-left: -300px;
	min-width: 654px;
}
.jqmOverlay { background-color: #000; }


		#overlay-container {
			min-width: 654px;
			margin:0 auto 0 auto;
			
		}
		
		#overlay-content {
			margin: 0px 22px 0px 22px;
			padding: 0px 27px 0px 27px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: left;
			font-size:11px;
			line-height: 16px;
			min-height: 200px;
			background-color: #ffffff;
			border:0;
		}
		
		#overlay-content h3{
			float: left;
			 text-transform: uppercase;
			 font-size: 14px;
			 font-weight: bold;
			 color: #333333;
		}
		
		#overlay-content form {
			padding: 0;
			margin: 0;
		}
		
		.overlay-content{
			border-top: 1px solid #e1e1e1;
			padding-top:10px;
		}
		
		
		#formtest {
			border-top: 1px solid #e1e1e1;
			padding: 0;
		}
		
		form div input#_title {
			width: 99%;
			margin: 5px 0 0 0;
			padding: 0;
		}
		
		textarea#_notes {
			width: 100%;
			margin: 5px 0 0 0;
			padding: 0;
		}
		
		fieldset {
			padding: 0;
			margin: 0;
		}
		
		fieldset#details {
			padding: 0;
			margin: 0;
		}
		
		fieldset#details div{
			padding: 0;
			margin: 10px 0 20px 0;
		}
		
		fieldset#details div label.label {
			padding: 0;
			margin: 0;
			font-size: 18px;
			color: #666666;
			font-weight: normal;
			float: none;
		}
		
		.overlay-close {
			position:absolute;
			right:30px;
			top:30px;
		}
		
		.overlay-close span{
			display: none;
		}
		
		.overlay-close a {
			width: 74px;
			height: 22px;
			display: block;
			background: #ffffff url('/img/button-close.gif') no-repeat 0 0;
		}
		
		.overlay-close a:hover {
			width: 74px;
			height: 22px;
			display: block;
			background: #ffffff url('/img/button-close.gif') no-repeat 0 -22px;
		}
		
		input.overlay-submit {
			float: right;
			background-color: #0d7dc0;
			color:#ffffff;
			font-size: 14px;
			font-weight: bold;
		}
		
		
		
		.shadow-top {
			float: left;
			height: 54px;
			width: 546px;
			background: transparent url('/img/shadow-top.png') repeat-x top;
		}
		
			.shadow-top-left {
				float: left;
				width: 54px;
				height: 54px;
				background: transparent url('/img/shadow-top-left.png') no-repeat top;
			}
			
			.shadow-top-right {
				float: right;
				width: 54px;
				height: 54px;
				background: transparent url('/img/shadow-top-right.png') no-repeat top;
			}
			
		.shadow-left {
			background: transparent url('/img/shadow-left.png') no-repeat left;
			width: 100%;
		}
		
		.shadow-right {
			background: transparent url('/img/shadow-right.png') no-repeat right;
			width: 100%;
		}
			
		.shadow-bottom {
			float: left;
			width: 546px;
			height: 54px;
			background: transparent url('/img/shadow-bottom.png') no-repeat bottom;
		}
		
			.shadow-bottom-left {
				float: left;
				width: 54px;
				height: 54px;
				background: transparent url('/img/shadow-bottom-left.png') no-repeat bottom;
			}
			
			.shadow-bottom-right {
				float: right;
				width: 54px;
				height: 54px;
				background: transparent url('/img/shadow-bottom-right.png') no-repeat bottom;
			}

		.module {
		font-size: 14px;
		text-align: left;
	}
	
	.module span {
		padding: 5px 10px 15px 10px;
		display: block;
		width: 300px;
	}
	
	
	#notes {
		text-align: left;
	}
	
	#notes h3 {
		display: block;
		background: transparent url('/img/icon-notes.gif') no-repeat 0 0;
		padding: 0 0 5px 43px;
		line-height: 30px;
		font-size: 18px;
		font-weight: normal;
		margin: 15px 0 0 0;
		border-bottom:1px dashed #ddd;
	}
	
	.notes {
		padding: 10px 0 10px 0;
		border-bottom:1px dashed #ddd;
	}
	
	.notes-header {
		float: left;
	}
	
	.notes-date {
		color: #999999;
		font-weight: normal;
		margin: 0;
	}
	
	.notes-title {
		font-weight: bold;
		margin: 0 0 3px 0;
	}
	
	.notes-content {
		line-height: 14px;
		text-align: justify;
	}
	
	.notes-delete {
		float: right;	
		width: 11px;
		height: 11px;
		margin: 10px 0 0 0;
		}
	
	.notes-delete a, .notes-delete a:visited {
						display: block;
						background: transparent url('/img/icon-delete.gif') no-repeat center 0;
						width: 11px;
						height: 11px;
					}
					
					.notes-delete a:hover, .notes-delete a:active {
						display: block;
						background: transparent url('/img/icon-delete.gif') no-repeat center -11px;
						width: 11px;
						height: 11px;
					}

/*- MCQ -*/

#question-container ul li.selected{
			background-color:#b6d6ed;
		}
#question-container ul li.highlight{
			background-color:#dcecf7;
		}

/*- DEVICE PROGRESS -*/

.device-progress-table{
	width:100%;
	border:1px solid #ccc;
	padding:3px;
	border-collapse:collapse;
	margin:20px 0 0 0;
	color:#666;
	
}

.device-progress-table th{
	font-size:14px;
	font-weight:bold;
	color:#666;
}

.device-progress-table-learning-topics{
	width:60%;
	text-align:left;
}

.device-progress-table-time{
	width:20%;
}

.device-progress-table-completion{
	width:20%;
}

.device-progress-table th, .device-progress-table td{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
	text-align:center;
}

.device-progress-table td.completion{
	font-size:14px;
	font-weight:bold;
}
.device-progress-table td a.topic-toggle{
	outline:none;
	text-decoration:none;
	color:#0d7dc0;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 20px;
	background:transparent url(/img/bg-progress-toggle.gif) no-repeat 0 3px;
}

.device-progress-table tr td.topics{
	text-align:left;
	padding:8px 5px 8px 15px;
}
.device-progress-table tr.odd td{
	background-color:#ffffff;
}

.device-progress-table tr.even td{
	background-color:#f5f5f5;
}

.progress-pages{
	margin-left:10px;
	padding:5px;
	list-style:none;
}

.progress-pages img{
	margin:1px 5px 0 0;
	display:block;
	float:left;
}
.progress-pages ul {
	margin-left:10px;
	list-style:none;
	padding:3px;
}

.progress-pages li{
	padding:2px;
	margin: 0 0 5px 0;
	font-weight: normal;
}

.progress-pages li ul li img.rightimage{
	margin:1px 5px 0 0;
	display: inline;
	float:none;
}

.progress-pages li ul li{
	padding:2px;
	margin: 0;
	font-weight: normal;
}

.progress-pages li a{
	font-weight: normal;
}

.progress-interactions li img.rightimage{
	margin:1px 5px 0 0;
	display: inline;
	float:none;
}

.progress-interactions li{
	padding:2px;
	margin: 0;
	font-weight: normal;
}


.progress-interactions{
	list-style:none;
}


.progress-table-overall td{
	color:#fff;
	background-color:#939da4;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	border:none;
}

.progress-table-overall td.overall{
	text-align:left;
}

.progress-table-overall td.overall-total{
	font-size:18px;
}


.inline-text-container {
	border: 1px solid #e1e1e1;
	padding: 1px;
	background-color: #fff;
	margin: 10px 0 10px 0;
}

.reflections {
	padding: 10px 10px 10px 50px;
	background: #fdfde2 url('/img/icon-reflections.gif') no-repeat 10px 10px;
}

.instructions {
	padding: 10px 10px 10px 50px;
	background: #f5fbfe url('/img/icon-instructions.gif') no-repeat 10px 10px;
}

.example {
	padding: 10px 10px 10px 50px;
	background: #e8f6f2 url('/img/icon-example.gif') no-repeat 10px 10px;
}

.keypoint {
	padding: 10px 10px 10px 50px;
	background: #fff0f6 url('/img/icon-keypoint.gif') no-repeat 10px 10px;
}

.step { font-weight: normal; color: #666666;}

/*- SPEECH BUBBLE -*/

.expert-response {
	margin: 15px 0 15px 0;
}

.expert {
	float: left;
	width: 125px;
	height: 220px;
	margin: 0 0 0 -1px;
	background: transparent url('/img/character-expert.gif') no-repeat 0 26px;
}

	.expert h4 {
		text-align: right;
		font-size: 14px;
	}

.speech-container {
	float: left;
	width:550px;
	background-color: #eff5f7;
}

	.speech-container ul li {
		text-align: left;
		padding: 0 0 0 20px;
		margin: 0 0 10px 0;
		background:transparent url('/img/bullet-content.gif') no-repeat 0 5px;
	}

	.speech-left-border {
		background: transparent url('/img/bg-speech-left.gif') repeat-y left;
	}
	
	.speech-right-border {
		background: transparent url('/img/bg-speech-right.gif') repeat-y right;
	}
	
		.speech-top-container {
			background: transparent url('/img/bg-speech-top.gif') repeat-x top;
			height: 19px;
		}
		
			.speech-top-left {
				float: left;
				background: transparent url('/img/bg-speech-top-left.gif') no-repeat top left;
				height: 19px;
				width: 19px;
			}
			
			.speech-top-right {
				float: right;
				background: transparent url('/img/bg-speech-top-right.gif') no-repeat top right;
				height: 19px;
				width: 19px;
			}
			
		.speech-content {
			padding: 0 19px 0 19px;
			min-height: 75px;
			text-align: left;
		}
			
			.speech-content ul  {
				margin: 0 0 0px 0;
				padding: 0px;
			}
			
			.speech-content ul li {
				background-color: transparent;
				border: 0px solid #ffffff;
				margin: 0 0 0px 0;
			}
			
		.speech-bottom-container {
			background: transparent url('/img/bg-speech-bottom.gif') repeat-x bottom;
			height: 19px;
		}
		
			.speech-bottom-left {
				float: left;
				background: transparent url('/img/bg-speech-bottom-left.gif') no-repeat bottom left;
				height: 19px;
				width: 19px;
			}
			
			.speech-bottom-right {
				float: right;
				background: transparent url('/img/bg-speech-bottom-right.gif') no-repeat bottom right;
				height: 19px;
				width: 19px;
			}
			
	/*- LOGIN -*/
	
	/*- Homepage Login -*/
	
	#subnav-container-rightsection fieldset{
		padding: 5px 10px 0 10px;	
		background-color: #f5f5f5;
		margin: 0px 0 0 0;
	}
	
	#subnav-container-rightsection fieldset input{
		margin:0px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		width: 200px;
		font-weight: bold;
		padding:1px 2px;
	}
	
	#subnav-container-rightsection fieldset#details div label.label {
			padding: 0;
			margin: 0;
			font-size: 11px;
			color: #666666;
			font-weight: bold;
			float: none;
			margin: 0 0 3px 0;
			line-height: 14px;
		}
		
	#subnav-container-rightsection fieldset#details div label.label span {
			font-weight: normal;
			font-size: 10px;
		}
		
	#subnav-container-rightsection fieldset#details div {
			padding: 0;
			margin: 0;
		}
		
	#subnav-container-rightsection fieldset input.login-button{
		margin:10px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #fff;
		width: 100px;
		font-weight: bold;
		padding:1px 2px;
		background-color: #0d7dc0;
		border: 0px solid #fff;
	}
	
	#subnav-container-rightsection fieldset input.remember{
		float: left;
		width: 15px;
		margin: 0 10px 0 0;
		border: 0px solid #fff;
		background-color: transparent;
	}
	
	/*- Main Login -*/
	
	#login-container {
		padding: 20px;	
	}
	
	.login-section fieldset#details {
		padding: 10px 0 0 0;
	}
	
	.login-section fieldset input{
		margin:0px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		width: 325px;
		font-weight: bold;
		padding:1px 2px;
	}
	
	.login-section fieldset#details div label.label {
			padding: 0;
			margin: 0;
			font-size: 14px;
			color: #666666;
			font-weight: bold;
			float: none;
			margin: 0 0 3px 0;
		}
		
	.login-section fieldset#details div {
			padding: 0;
			margin: 0 50px 0 0;
			float: left;
		}
		
	#remember-box {
			padding: 0;
			margin: 0 0px 0 0;
		}
		
	.login-section fieldset input.login-button{
		float: left;
		margin:15px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #fff;
		width: 100px;
		font-weight: bold;
		padding:4px;
		background-color: #0d7dc0;
		border: 0px solid #fff;
	}
	
		.login-button{
		float: left;
		margin:15px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #fff;
		width: 100px;
		font-weight: bold;
		padding:4px;
		background-color: #0d7dc0;
		border: 0px solid #fff;
	}
	
	.login-section fieldset input.remember{
		float: left;
		width: 15px;
		margin: 0 10px 0 0;
		border: 0px solid #fff;
		background-color: transparent;
	}
	
	.login-section fieldset#details div label.label span {
			font-weight: normal;
			font-size: 10px;
		}
	
	/*- MESSAGE BOX -*/
	
	#message-box {
		background: #e40011 url('/img/bg-warning.gif') repeat-x top;
		height: 24px; 
		line-height: 24px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
	}
	
	#assessment-box {
		background: #004400 url('/img/bg-assessment.gif') repeat-x top;
		height: 24px; 
		line-height: 24px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
	}
	
	
	#message-box .message, #assessment-box .message {
		float: left;
		margin: 0 0 0 20px;
	}
	
	#message-box .close, #assessment-box .close {
		float: right;
	}
	
	#message-box  a.close, #assessment-box a.close {
		color: #fff;
		display: block;
		width: 24px;
		height: 24px;
		background-color: #000000;
		text-align: center;
		text-decoration: none;
		border-left: 1px solid #fff;
	}
	
	#message-box  a:hover.close, #assessment-box a:hover-close {
		color: #fff;
		display: block;
		width: 24px;
		height: 24px;
		background-color: #666666;
		text-align: center;
		text-decoration: none;
	}
	
#regform #details  div label.label{
 font-size:12px;
}

#regform {
 border-top: 1px dashed #e1e1e1; 
}

#regform #details  div input{
 font-size:14px;
}

#regform #details  div label{
 font-size:11px;
 display:inline;
 font-weight:normal;
}

#regform #details div{
 margin:5px 0 5px 0;
 }
 
#regform #details input.textinput{
 width:400px;
 }
 
#regform #details input.hiddeninput{
 display:none;
 } 
#regform #details div.divsep{
  border-top: 1px dashed #e1e1e1; 
  font-size:12px;
  font-weight:bold;
  padding:5px 0 0 0;
 } 
 
#content-container p{
 margin-bottom:10px;
}

.regbutton {

    background: #7a0d35 url('/img/bg-button.gif') repeat-x 0 0px;
    color:#ffffff;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    height: 27px;
    width: 120px;
    text-align: center;
    margin: 10px 0 0 0;
}
   
.regbutton:focus{
    background-color: #7a0d35;
    background-image: url('/img/bg-button.gif');
    background-position: -27px -27px;
    background-repeat:repeat-x;
    color:#ffffff;
}

/*- MESSAGE BOX -*/
 
 #message-box {
  background: #e40011 url('/img/bg-warning.gif') repeat-x top;
  height: 24px; 
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
 }
 
 #message-box .message {
  float: left;
  margin: 0 0 0 20px;
 }
 
 #message-box .close {
  float: right;
 }
 
 #message-box  a.close {
  color: #fff;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #000000;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #fff;
 }
 
 #message-box  a:hover.close {
  color: #fff;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #666666;
  text-align: center;
  text-decoration: none;
 }
  
#full-page {
    padding: 20px; 
   }
   
#form-container{
border-top: 1px solid #e1e1e1; 
}

.logo{
 float:right;
 margin:-30px 0 20px 20px;
 padding:5px;
}


/*- SPEECH BUBBLE -*/

.expert-response {
	margin: 15px 0 15px 0;
}

.expert {
	float: left;
	width: 125px;
	height: 220px;
	margin: 0 0 0 -1px;
	background: transparent url('/img/character-expert.gif') no-repeat 0 26px;
}

	.expert h4 {
		text-align: right;
		font-size: 14px;
	}

.speech-container {
	float: left;
	width:550px;
	background-color: #eff5f7;
}

	.speech-container ul li {
		text-align: left;
		padding: 0 0 0 20px;
		margin: 0 0 10px 0;
		background:transparent url('/img/bullet-content.gif') no-repeat 0 5px;
	}

	.speech-left-border {
		background: transparent url('/img/bg-speech-left.gif') repeat-y left;
	}
	
	.speech-right-border {
		background: transparent url('/img/bg-speech-right.gif') repeat-y right;
	}
	
		.speech-top-container {
			background: transparent url('/img/bg-speech-top.gif') repeat-x top;
			height: 19px;
		}
		
			.speech-top-left {
				float: left;
				background: transparent url('/img/bg-speech-top-left.gif') no-repeat top left;
				height: 19px;
				width: 19px;
			}
			
			.speech-top-right {
				float: right;
				background: transparent url('/img/bg-speech-top-right.gif') no-repeat top right;
				height: 19px;
				width: 19px;
			}
			
		.speech-content {
			padding: 0 19px 0 19px;
			min-height: 75px;
			text-align: left;
		}
			
			.speech-content ul  {
				margin: 0 0 0px 0;
				padding: 0px;
			}
			
			.speech-content ul li {
				background-color: transparent;
				border: 0px solid #ffffff;
				margin: 0 0 0px 0;
			}
			
		.speech-bottom-container {
			background: transparent url('/img/bg-speech-bottom.gif') repeat-x bottom;
			height: 19px;
		}
		
			.speech-bottom-left {
				float: left;
				background: transparent url('/img/bg-speech-bottom-left.gif') no-repeat bottom left;
				height: 19px;
				width: 19px;
			}
			
			.speech-bottom-right {
				float: right;
				background: transparent url('/img/bg-speech-bottom-right.gif') no-repeat bottom right;
				height: 19px;
				width: 19px;
			}
			
			
		/* GLOBAL - CAMHS homepage */
			#header-container-global {
				width: 100%;
				height: 91px;
				background:#ffffff url('/img/header-global.gif') no-repeat bottom left;
				padding: 0;
				display: block;
			}
			
				/* LOGO - Everybody's Business */
				#header-container-global #logo a {
					float: left;
					margin: 23px 0 0 23px;
					width: 744px;
					height: 53px;
					padding: 0px 0 0 0;
					display: block;
					text-align: left;
					background: transparent url('/img/camhs-logo.png') no-repeat bottom;
				}
				
				#header-container-global #logo span{
					display: none;
				}
				
				#global-feature-container {
					background-color: #fff;
					padding: 1px 0 1px 0;
					border-bottom: 1px solid #e7e7e7;
				}
				
				#global-feature-photo {
					float: left;
					width: 614px;
					height: 285px;
					background: #fff url('/img/global-banner-eb.jpg') no-repeat center top;
					border-right: 1px solid #fff;
				}
				
				#global-feature-info {
					float: left;
					width: 352px;
					height: 285px;
					background: #000a14 url('/img/bg-global-feature.gif') repeat-x top;
					color: #fff;
				}
				
				.global-feature-text {
					padding: 15px;
				}
				
				.global-feature-text h2 {
					float: none;
					font-size: 18px;
					font-weight: normal;
					margin: 5px 0 10px 0;
					color: #fff;
				}
				.global-feature-text{
					line-height:14px;
				}
				
				.global-feature-text p{
					padding-bottom:5px;	
				}
				
				.course-feature {
					color: #a5dcf6;
					font-size: 11px;
					font-weight: bold;
				}
				
				#home-container {
					
				}
				
				#home-container #overview-container {
					width: 575px;
				}
				
				#home-container #right-section {
					width: 340px;
					float: right;
				}
				
				#home-container #right-section h2 {
					margin: 15px 15px 15px 0;
					float: none;
				}
				
				.course-container {
					margin: 0 0 10px 0;
					padding: 0 0 10px 0;
					border-bottom: 1px solid #eee;
				}
				
				.course-container h3 {
					margin: 0 0 5px 0;
				}
				
				.course-thumb {
					float: left;
					width: 65px;
					height: 65px;
					padding: 3px;
					border: 1px solid #eee;
					background-color: #fff;
				}
				
				.course-info {
					float: left;
					width: 229px;
					padding: 0 15px 0 15px;
				}
				
				#home-container .overview-section h2 {
					float: none;
					margin: -15px 0 10px 0;
				}
				
				#home-container .credits-section h2 {
					float: none;
					margin: 0px 0 10px 0;
				}
				
				#home-container .overview-section {
					border-bottom: 1px solid #eee;
					border-top: 0px;
				}
				
				#home-container .credits-section {
					border-bottom: 1px solid #eee;
					border-top: 0px;
				}
			
			
			
			.global-register {
				float: left;	
			}
			
			#global-login-form {
				float: left;
			}
			
			#global-login-form form {
				margin: 0;
				border: 0px solid #ccc;
				padding: 0;
			}
			
			#global-login-form form fieldset {
				margin: 0;
				border: 0;
				padding: 0;
			}
			
			.login-global {
				float: left;
				margin: 0 10px 0 0;
			}
			
			.global-login input {
				width: 125px;
				height:14px;
				padding:2px;
				font-size: 11px;
			}
			
			.global-login .login-button {
				width: 50px;
				margin: 8px 0 0 -5px;
				padding: 2px;
				height: 20px;
			}

		.button-assessment a, .button-assessment a:visited {
			width: 227px;
			height: 78px;
			display: block;
			color: #fff;
			background: #4ea7d6 url('/img/button-assessment.jpg') no-repeat 0 0;
		}
		
		.button-assessment a:hover, .button-assessment a:active {
			width: 227px;
			height: 78px;
			display: block;
			color: #fff;
			background: #4ea7d6 url('/img/button-assessment.jpg') no-repeat 0 -78px;
		}
		
		.button-assessment span {
			display: none;
		}
		
		.button-assessment-grey {
			width: 227px;
			height: 78px;
			display: block;
			color: #fff;
			background: #747474 url('/img/button-assessment-grey.jpg') no-repeat 0 0;
		}
		
		
		.button-assessment-grey span {
			display: none;
		}
		
		.mwans{
			position:relative;
			
		}
		
			.missing-word-correct{
			position:static;
			margin-left:-15px;
		}
		
		.missing-word-incorrect{
		position:static;
			margin-left:-15px;
		}
			
		#learning-content ul.tab-control{
			list-style:none;
			margin:0;
			padding:0;
		}
		
		#learning-content  ul.tab-control li{
			list-style:none;
			background-image:none;
			float:left;
			margin:5px 5px 0 5px;
			padding:0px;
		}
		
		
		
		#learning-content  ul.tab-control li a{
			font-weight:normal;
			display:block;
			border:1px solid #efefef;
			border-bottom:none;
			padding:5px 5px 0px 5px;
			background-color:#f7f7f7;
		}
		
		#learning-content  ul.tab-control li a.selected{			
			background-color:#fff;
			color:#000;
		}
		
		
		#learning-content div.tab-content{
			border:1px solid #efefef;
			padding:0px;		
			
		}
		
		#learning-content .tab-content ul{
			margin:0;
			padding:0;
		}
		
		
		#learning-content .tab-content ul li{
			list-style:none;
			margin:0;
			padding:0;
			background-image:none;			
			width:100%;
		}
		
		
		#learning-content .tab-content ul li div.pad{
			padding:10px;
		}
		
		#learning-content .tab-prevnext{
		
			border:1px solid #efefef;
			border-top:0;
			font-size:20px;
		}
		
		#learning-content .tab-prevnext .prev{
			float:left;
			display:block;
			width:50%;
		}
		
		#learning-content .tab-prevnext .next{
			float:right;
			display:block;
			width:50%;
			text-align:right;
		}
		
		#learning-content .tab-prevnext a{
			background-color:#f7f7f7;
		}
		
		#learning-content .tab-prevnext a:hover{
			text-decoration:none;
			background-color:#fff;
		}
		
		#learning-content .tab-prevnext a span{
			margin:2px 5px 2px 5px;
			display:block;
		}
		
		.main-questionnaire-container {
			background-color:#fff;
		}
		
		
		#questionnaire-results table{
			border:none;
		}
		
		#questionnaire-results tr{
			border-bottom:1px solid #efefef;
		}
		
		#questionnaire-results td{
			border:none;
		}
		
		#questionnaire-results td.this_result{
			background-color:#e1e1ff;
		}
		#questionnaire-results td.compare_result{
			background-color:#ffe1e1;
		}
		
		.key_this_result {
		   background-color:#e1e1ff;
		   height:10px;
		   width:10px;
		   display:inline;
  		}
  
		.key_compare_result{
		   background-color:#ffe1e1;
		   height:10px;
		   width:10px;
		   display:inline;
  		}
		
		.global-feature-register {
			line-height: 26px;
			height: 26px;
			margin: 5px 0 0 0px;
		}
		
		.button-register a, .button-register a:visited {
			float: left;
			background: #176900 url('/img/button-register.gif') no-repeat 0 0;
			width: 155px;
			height: 26px;
			display: block;
			margin: 0 6px 0 0;
		}
		
		.button-register a:hover, .button-register a:active {
			float: left;
			background: #36a019 url('/img/button-register.gif') no-repeat 0 -26px;
			width: 155px;
			height: 26px;
			display: block;
		}
		
			.button-register a span{
				display: none;
			}
			
		.login-link {
			float: left;
			height: 26px;
			line-height: 26px;
			color: #fff;
		}
		
		.login-link a {
			color: #a5dcf6;
		}