/* The Grand Equaliser Rule */
	html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, p, div, span, img, blockquote, table {
		margin: 0;
		padding: 0;
		border: 0;	
	}
	
	body {
		background: #f5fafc url('/img/bg-tile.gif') repeat;
		color: #666;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;	
	}
	
	  object, a, input {
	  	outline:none;
	}

/* GENERAL LINKS */

	a, a:visited {
		color: #7a0d35;
		font-weight: bold;
		text-decoration:none;
	}
	
	a:active, a:hover {
		color: #7a0d35;
		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;
	}
		
	h2.chapter-title {
	  background: transparent url('/img/icon-chapter.gif') no-repeat 0 0;
	  padding: 0 0 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;
		}
		
			#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: 210px;
				height: 35px;
				color: #fff;
				padding: 0;
				display: block;
				margin: 0 0 0 15px;
				background:#000000 url('/img/diplomr-nya.gif') no-repeat top;
			}
			
				#diplomr-logo span {
					display: none;
				}
		
		/* Centres content and sets width */
		.centre {
			width: 970px;
			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 */
			#header-container {
				width: 100%;
				height: 133px;
				background:#ffffff url('/img/header.jpg') no-repeat bottom right;
				padding: 0;
				display: block;
			}
			
				/* LOGO - Health-e */
				#healthe-logo a {
					float: left;
					margin: 0px 0 0 20px;
					width: 143px;
					height: 69px;
					padding: 0px 0 0 0;
					display: block;
					text-align: left;
					background: transparent url('/img/healthe-logo.png') no-repeat bottom;
				}
				
				#healthe-logo span{
					display: none;
				}
		
		
		#module-dropdown {
			list-style:none;
		}
				
		#module-dropdown a.current-module {
			text-align: left;
			width: 428px;
			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: 15px 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: 428px;
			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: 488px;
			height: 35px;
			display: block;
			background: transparent url('/img/bg-dropdown.png') no-repeat 0 -35px;
			text-decoration: none;
		}
		
		#module-dropdown-current{
			width:442px;
		}
			#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:445px;
			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 -*/


#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 {
				border-top: 1px solid #e1e1e1;
			}

			.content-header {
				margin: 0 0 5px 0;
			}
			
				.make-note {
					float: right;
					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;
			}
			
			
			.content-section {
				margin: 10px 0 0 0;
			}
			
				.content-section p, .overview-section 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   {
					list-style: none;
					margin: 0 0 20px 20px;
				}
			
				.content-section ul li, .overview-section ul li  {
					text-align: left;
					padding: 0 0 0 20px;
					margin: 0 0 10px 0;
					background: #ffffff 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: 684px;
				float: left;
				padding: 20px;	
			}
			
			#overview-container {
				width: 684px;
				float: left;
				padding: 20px;	
			}
			
			#pagecontent-container {

				padding: 20px;	
			}
			
			#right-section {
				float: right;
				width: 232px;
			}
			
			#module-progress {
				text-align: left;
				width: 100%;
				margin: 10px 0 10px 0;
			}
			
			#subnav-shadow-rightsection {
				float: right;
				width: 232px;
				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: #333333;
				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 {
				border-left: 1px solid #e1e1e1;
				font-size: 14px;
				line-height: 29px;
				font-weight: bold;
				color: #333333;
				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;
				border-top: 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;
				padding: 0px;
				background-color: #ffffff;
				border-bottom: 1px solid #e1e1e1;
				display: block;
				text-align: left;
			}
			
			#subnav-container ul li a{
				display: block;
				padding: 5px 20px 5px 20px;
				margin: 1px 1px 1px 0;
				width: 199px;
				background: #f5f5f5 url('/img/arrow.png') no-repeat 7px 7px;
			}
			
			#subnav-container-rightsection ul li a{
				display: block;
				padding: 5px 20px 5px 35px;
				margin: 1px;
				width: 169px;
				background-color: #f5f5f5;
			}
			
			#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;
				padding: 5px 20px 5px 20px;
				margin: 1px 1px 1px 0;
				background: #e3e6e7 url('/img/arrow.png') no-repeat 7px -283px;
				text-decoration: none;
			}
			
			#subnav-container-rightsection ul li a:hover{
				display: block;
				padding: 5px 20px 5px 35px;
				margin: 1px;
				background-color: #e3e6e7;
				text-decoration: none;
			}
			
			#subnav-container-rightsection ul li a:hover.news{
				display: block;
				padding: 5px 5px 5px 5px;
				margin: 1px;
				background-color: #e3e6e7;
				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 20px 5px 20px;
				color: #ffffff;
				display: block;
				background: #5c0223 url('/img/bg-subnav-selected.gif') no-repeat left top;
				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;
			}
			
			#subnav-container ul li ul li a, #subnav-container-rightsection ul li ul li a{
				font-weight: normal;
				display: block;
				padding: 5px 20px 5px 20px;
				margin: 0px 1px 0px 0;
				background: #dcecf7 url('/img/bullet.gif') no-repeat 9px 11px;
			}
			
			#subnav-container ul li ul li a:hover, #subnav-container-rightsection ul li ul li a:hover{
				font-weight: normal;
				display: block;
				padding: 5px 20px 5px 20px;
				margin: 0px 1px 0px 0;
				background: #b6d6ed url('/img/bullet.gif') no-repeat 9px 11px;
				text-decoration: none;
			}
			
			#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 20px 5px 20px;
				color: #000000;
				display: block;
				background: #b6d6ed url('/img/bullet.gif') no-repeat 9px 11px;
				text-decoration: none;
			}
		
		/* FOOTER */
		
		#footer-container {
			width: 100%;
			height: 40px;
			background:#686868 url('/img/bg-footer.gif') repeat-x top;
			padding: 0;
			display: block;
		}
		
		#footer {
			height: 40px;
			line-height: 40px;
			padding: 0 20px 0 20px;
			color: #ffffff;
			font-weight: bold;
		}
		
			#footer a, #footer a:visited {
				color: #ffffff;
				text-decoration: none;
				font-weight:normal;
			}
			
			#footer a:hover, #footer a:active  {
				color: #ffffff;
				text-decoration: underline;
			}
		
		
		/* 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: 25px;
				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: #333333;
				display: block;
				background: #cccccc url('/img/bg-nav.gif') repeat-x top;
				height: 25px;
				line-height: 25px;
				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: #000000;
				display: block;
				background: #cccccc url('/img/bg-nav.gif') repeat-x 0 -25px;
				height: 25px;
				line-height: 25px;
				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: #ffffff;
				display: block;
				background: #cccccc url('/img/bg-nav.gif') repeat-x 0 -50px;
				height: 25px;
				line-height: 25px;
				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;
			}
			
			/* 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 {
				background-color: #ffffff;
				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:5px 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: #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;
			}
			
			.button:focus{
				background-color: #7a0d35;
				background-image: url('/img/bg-button.gif');
				background-position: -27px -27px;
				background-repeat:repeat-x;
				color:#ffffff;
			}
			
			.required {
				display:none;
				color:#f00;
			}
			
		/* GENERAL STYLES */	
				
			.clear {
				clear: both;
			}
			
			.left {
				float: left;
			}
			
			.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-feedback {
				float: left;
	
			}
			
				.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-container {
		border: 1px solid #e1e1e1;
		background-color: #ffffff;
		clear: both;
		margin: 0px 0 10px 0;
	}
	
	.media, .multimedia {
		background-color: #ffffff;
		margin: 1px;
		text-align: center;
	}
	
	.media ul li, .multimedia ul li {
		margin: 0 20px 10px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #e1e1e1;
	}
	
		.media input.missing-word-input, .multimedia .missing-word-input {
			font-size: 14px;
			color: #333333;
			font-weight: bold;
			background-color: #ffffff;
			border-top: 0px dotted #7a0d35;
			border-right: 0px dotted #7a0d35;
			border-bottom: 1px dotted #7a0d35;
			border-left: 0px dotted #7a0d35;
		}
		
		.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: #7a0d35;
			 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-color:#f5f5f5;
	}
	
		#question-container ul {
			padding: 0;
			margin: 0;
			list-style: none;
			background-image: none;
			border-left: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
		}
		
		#question-container ul li {
			padding: 0;
			margin: 0;
			list-style: none;
			background-image: none;
			background-color: transparent;
			padding: 5px;
			border-top: 1px solid #ffffff;
			border-bottom: 0px solid #ffffff;
			vertical-align: text-top;
		}
		
		#question-container ul li.odd {
			background-color: #e8e8e8;
		}
		
		#question-container ul li.even {
			background-color: #f5f5f5;
		}
		
		#question-container form {
			background-color:#f5f5f5;
		}
		
		#question-container form input {
			background-color: transparent;
			border: 0px solid #ffffff;
			width: 30px;
			outline: none;
		}
		
		#question-container form input.q-submit {
				float: right;
				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;
				line-height: 27px;
				height: 26px;
				width: 120px;
				text-align: center;
				margin: 10px 0 0 0;
			}
			
		#questionnaire-container form input.q-submit {
				float: right;
				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;
				line-height: 27px;
				height: 26px;
				width: 120px;
				text-align: center;
				margin: 10px;
		}
			
			#question-container form input.q-submit:focus {
				background-color: #7a0d35;
				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;
			margin: 10px 0 0 0;
		}
		

		
		.model {
			color: #666666;
			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: #e8e8e8;
			border-bottom: 1px solid #ffffff;
			text-align:left;
		}
		
		.response h4 {
			font-style: normal;
			color: #333333;
			
		}
		
		.formative-a {
			border: 1px solid #ffffff;
		}
		
		.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 {
				border-left: 0px solid #e1e1e1;
			}
			
			.profile-section-left td {
				border-right: 0px solid #e1e1e1;
			}
		
		.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;
    width: 654px;
}
.jqmOverlay { background-color: #000; }


		#overlay-container {
			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;
		}
		
		
		#formtest {
		
			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 {
			float: right;
		}
		
		.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;
	}
	
	#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:#7a0d35;
	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-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;
}

#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;
}


/* NEW STYLES ADDED 24/09/2010 BY MEDIAROCK LTD */
/* GENERAL */
#overview-container-home { width: 662px; display:inline; float: left; margin: 14px 34px 0 34px;}
#right-section-home { float: right; width: 238px; padding-top:63px;}
h2.home-title {	background: transparent url('/img/icon-home.gif') no-repeat 0 0;	padding: 0 0 0 48px;line-height: 40px;	margin: 0px; float:none; color: #666666;}
.global-links { float:left;}
.global-links strong { color:#ffffff;}
.global-links a { color:#ffffff;}

/* TABS */
#tabs { width:662px;}
#tabs #tabsNav { padding:0; margin:0; height:34px;}
#tabs #tabs-nav { list-style:none; padding:0; margin:0; }
#tabs #tabs-nav li { display:inline; float:left;}
#tabs #tabs-nav li a { display:inline; float:left; font-weight:bold; font-size:12px; text-decoration:none; background: url("/img/tabsRightBg.gif") 100% 0px no-repeat; border-bottom:1px solid #cdcdcd; margin: 9px 0px 0 0; color:#ffffff;}
#tabs #tabs-nav li span { display:inline; float:left; height:21px; padding: 4px 5px 0 5px; text-align:center; background:url("/img/tabsLeftBg.gif") 0px 0px no-repeat; cursor:pointer;}
#tabs #tabs-nav li a:hover { background: url("/img/tabsRightBg.gif") 100% -25px no-repeat; color:#000000;}
#tabs #tabs-nav li a:hover span { background:url("/img/tabsLeftBg.gif") 0px -25px no-repeat;}
#tabs #tabs-nav li a.active { margin-top:0px; background: url("/img/tabsRightBg.gif") 100% -50px no-repeat;  color:#000000; border-bottom:none;}
#tabs #tabs-nav li a.active span { background:url("/img/tabsLeftBg.gif") 0px -50px no-repeat; height:25px; padding: 9px 5px 0 5px; }
#tabs #tabs-nav li a.active:hover { margin-top:0px; background: url("/img/tabsRightBg.gif") 100% -50px no-repeat;}
#tabs #tabs-nav li a.active:hover span { background:url("/img/tabsLeftBg.gif") 0px -50px no-repeat; height:25px; padding: 9px 5px 0 5px; }
#tabs #tabs-nav .tab1 span{ width:122px;}
#tabs #tabs-nav .tab2 span{ width:101px;}
#tabs #tabs-nav .tab3 span{ width:112px;}
#tabs #tabs-nav .tab4 span{ width:65px;}
#tabs #tabs-nav .tab5 span{ width:128px;}
#tabs #tabs-nav .tab6 span{ width:74px;}
#tabs #tab-content { background:#fdfdfd url("/img/tabsRepeatBg.gif") top left repeat-y;}
#tabs .tab-content  { background: url("/img/tabsBg.gif") bottom left no-repeat; height:auto !important; height:130px; min-height:130px; padding:10px 12px 10px 12px; font-size:12px; color:#000000; text-align:justify;}

/* SIDE ELEMENTS */
.side-element-container { background:#fdfdfd url("/img/side-element-middle.gif") top left repeat-y; width:213px; margin:0 0 19px 0;}
.side-element-top { background: url("/img/side-element-top.gif") top left no-repeat; width:213px; height:5px; line-height:1px; font-size:1px;}
.side-element { background: url("/img/side-element-bottom.gif") bottom left no-repeat; width:213px;}

/* SIDE LOGIN */
.side-login { padding: 5px 10px 5px 13px;}
.side-login form { background:none;}
.side-login h3 { color:#2273c6; font-size:18px;}
.side-login form label { color:#666666; display:block; font-size:12px; font-weight:normal; margin:0; padding:0; width:100%; } 
.side-login form input {background-color:#f1f5f8; border:1px solid #E2E2E2; color:#666666; font-size:12px; font-weight:normal; margin:0 0 10px; padding:3px; width:175px;}
.side-login form #or-register { float:left; padding:9px 0 0 5px;}
.side-login form button { background:url("/img/button-signin.gif") top left no-repeat; border:none; clear:both; float:left; text-indent:-9999px; cursor:pointer; padding-top:0px; font-size:0px; line-height:29px; height:34px; margin: 0 0 4px 0;padding:0px; width:113px; cursor:pointer;}
.side-login form p { margin-bottom:6px !important;}
.side-login a, .side-login a:visited { color: #2973c6; font-weight: normal; text-decoration:none;}
.side-login a:active, .side-login a:hover {	color: #2973c6;	font-weight: normal; text-decoration:underline;}

/* SIDE LOGGED IN */
.side-logged-in { padding: 2px 10px 5px 12px; font-size:12px;}
.side-logged-in h3 { color:#2273c6; font-size:18px;}
.side-logged-in .subtitle { color:#000000; font-size:14px; margin-bottom:0 !important;}
.side-logged-in .last-visited { margin-bottom:15px !important;}
.side-logged-in .last-viewed { color:#000000; font-size:13px; color:#2273c6; font-weight:bold;}
.side-logged-in a, .side-logged-in a:visited { color: #2973c6; font-weight: normal; text-decoration:none; font-style:italic;}
.side-logged-in a:active, .side-logged-in a:hover {	color: #2973c6;	font-weight: normal; text-decoration:underline;}

/* SIDE CERTIFICATE */
.side-certificate { background:url("/img/print-certificate.gif") 9px 2px  no-repeat; padding: 0 0 0 46px;} 
.side-certificate p { margin-bottom:0px !important; padding-bottom:10px; line-height:14px;}
.side-certificate h4 { color:#2273c6; font-size:14px; padding-top:4px; padding-bottom:2px;}

/* MODULES */
.overview-section-modules { padding-top:12px; padding-bottom:45px;}
.overview-section-modules h3 { color:#333333;}
#module-box { width:664px; height:368px; position:relative; top:7px;}
#module-top-left-corner {background: url("/img/modules-top-left-corner.gif") 0px 0px no-repeat; position:absolute; top:0px; left:0px; display:block; width:4px; height:4px; line-height:1px; font-size:1px;}
#module-bottom-left-corner {background: url("/img/modules-bottom-left-corner.gif") 0px 0px no-repeat; position:absolute; bottom:0px; left:0px; display:block; width:4px; height:4px; line-height:1px; font-size:1px;}
#module-list {}
#modules-content { margin:0; padding:0; list-style:none;}
#modules-content li { position:absolute; top:0px; left:0px; width:664px; height:368px;}
#modules-nav { position:absolute; top:1px; left:1px;}
#modules-nav li { display:block; line-height:14px;}
#modules-nav li a { background: url("/img/modules-nav-bg.png") 0px 0px no-repeat; padding:22px 25px 0 10px; width:163px; height:39px; display:block; font-size:12px; color:#ffffff;}
#modules-nav li a:hover { background: url("/img/modules-nav-bg.png") 0px -61px  no-repeat; color:#262c3a; text-decoration:none;}
#modules-nav li a.current { background: url("/img/modules-nav-bg.png") 0px -61px  no-repeat; color:#262c3a; text-decoration:none;}
#modules-nav .number { float:left; width:23px; height:20px;}
#modules-nav .two-lines { padding-top:16px; height:45px;}
.module-text { position:absolute; top:244px; left:169px; padding:29px 23px 0px 63px; background: url("/img/module-content-bg.png") top left no-repeat; width:408px; height:118px; color:#ffffff; text-align:right;}
.module-text h4 { font-size:24px; font-weight:bold; padding-bottom:0px;}
.module-text p { font-size:12px; font-weight:bold; line-height:16px; padding-top:15px;}
.module-text .module-progress { padding-top:7px; font-size:14px; color:#959595; margin-bottom:6px !important;}

/* FOOTER LOGOS */
#footer-logos { width: 970px; margin: 0 auto 15px auto;}
#footer-logo-centre { float: left; width: 83px; margin: 0 35px 0 685px; display:inline;}
#footer-logo-right { float: left;	width: 150px;}