/* 
 * styles ... 
 */
 
 /*
 Skillnet rebrand - May 2018 - colours changes to match logo
 purple -> navy
 #4F2F91 -> #09283A
 
 Bright green -> light green
 #71B93A -> #77BE44 
 
 */

/* old styles
 theme 1: 
 	red: 	#ED164F ;
 	blue: 	#00ADEE ;
 	green: 	#71B93A ;
 	
 	heading (blue) : #277AAF ;
 	
 theme 2:	
	purple: 	#4F2F91 ;
	grey: 		#4D5256 ;
	dull-green: #08AA9D ;
	green:		#71B93A ;
	
	heading (purple) : #4F2F91 ;
	
*/	

/* 
 * Remove padding and margin 
 */
* {
	margin: 0;
	padding: 0;
}

/*
 * defaults for core tags
 */
html { overflow-y: scroll; }		/* display scroll bar at all times - stops the content shifting left/right */

body {
	background-color: #FFFFFF ; 	/* "turn off" Domino's html body bgcolor */
	font-family: Arimo, Verdana, Helvetica, sans-serif ;
	color:#4d4c51 ;
 	font-size: 13px;
	line-height: 1.275 ;
}


/* 
 * borders - set defaults 
 */
div, table, th, td, h1, h2, h3, h4, h5, h6, a, img, ul, ol, li , fieldset , article , nav {
	border-style: solid ;
	border-color: #e1e1e1 ;
	border-width: 0 ;     /* turn off borders ... adjust elsewhere */
} 

/* 
 * images - remove border around linked images 
 */
img {
	border: 0;
	max-width:100%;
	width:auto;
	height:auto;
}

/* 
 * input / textarea / select
 * - remove outline from input boxes
 *	- make all browsers render the input box the same way (for height/width specs)
 *		- see: http://css-tricks.com/box-sizing/ 
 */
input[type="text"] , 
input[type="email"] ,
input[type="password"],
input[type="search"],  
textarea, 
select { 
    outline: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
	
/*
 * headers + other tags ..
 */

h1 { font-size: 1.929em ; }
h2 { font-size: 1.6em ; }
h3 { font-size: 1.4em ; }
h4 { font-size: 1.3em ; }
h5 { font-size: 1.2em ; }
h6 { font-size: 1.1em ; }


h1, h2, h3, h4, h5, h6 {
	color: #09283A ; /* #277aaf ; */
	}

legend ,
label {
	color: #353535 ;
	font-family: inherit ;
	font-weight: bold ;
	}


p { }
/*
a 			{ color: #77BE44 ; text-decoration: none; } 
a:link 		{ color: #77BE44 ; }	
a:visited 	{ color: #00AEEF ; } 	
a:hover 	{ color: #ED164F ; text-decoration: underline; }
*/

a 			{ color: #08AA9D ; text-decoration: none; } 
a:link 		{ color: #08AA9D ; }	
a:visited 	{ color: #1f6c66 ; } /*#09283A*/ 	
a:hover 	{ color: #77BE44 ; text-decoration: underline; }


/* #77BE44 - green */

font 		{ font-size: 1em ; }		/* override user's copy/paste content's font stuff */
font 		{ font-family: inherit ; }	/* override user's copy/paste content's font stuff */

/* 
 * unsupported browsers 
 */
p.unsupported-browser {
	background: pink ;
	padding: 1em 2em ;
	color: black ;
	}
	p.unsupported-browser a {
		color: blue ;
		}
	

/* * * * * * * * * * * * *
 *
 * rest of site styles 
 *
 * * * * * * * * * * * * */

body .container_12,
body .container_16 { 
	margin: 0 auto ;
	max-width: 1280px;
	}

/* 
 * header / logo / main outline 
 */

.container-header {
	padding: 1em 0 0 0  ;
	}
	.container-header .divLogoImg {
		padding-top: 1em ;
		padding-bottom: 0.5em ;
	}
	.container-header .divLogoImg img {
		display: block ;
	}
	
	.container-header .header-login-search {
		padding-top: 1em;
		text-align: right ;
	}
	
	
	
		.container-header .social-networks{
			xvertical-align: top ;
			xmargin-right: 4em ;
			display: inline-block ;
		}

		.social-networks {
			xwidth: 144px ;
			padding: 0 10px ;
		}
		
		.container-header .social-networks div {
			background-color: #F0F0F0 ;
			display: inline-block ;
			font-size: 1.3em ;
			padding: 1px ;
		}
			.container-header .social-networks a {
				margin: 2px ;
				text-decoration: none ;
				padding: 0.2em ;
				color: #53565a ;
			}
			.container-header .social-networks a:link {
				color: #53565a ;
			}
			.container-header .social-networks a:hover { color: #FFFFFF ; /* #4F2F91 ; */ }			
			.container-header .social-networks a.youtube:hover 	{ color: #d02121 ; }
			.container-header .social-networks a.linkedin:hover { color: #0977b5 ; }
			.container-header .social-networks a.twitter:hover 	{ color: #00b6f1 ;}

	
	
	
	
	
		.container-header a.member-login {
			background: transparent url(/Sectors/IMDA/Skillnet.nsf/images/icon-member-login.png) no-repeat 0 0 ;
			padding-left: 25px ;
			color: #a4a4a4 ;
		}
	
	.container-header .iframe-search-box {
		margin: 1em 0 ;
	} 
		
	.container-header nav {
		background: #09283A ; /* #00AEEF ; */
		padding: 0 ;
		margin : 1em 0 0 0 ;
		width: 100% ;
	}
	
		.container-header nav ul {
			margin: 0 auto ;
			padding: 0 ;
			text-align: center ;
			height: 2.5em ;
			}
			
			.container-header nav ul li {
				margin: 0 ;
				padding: 0 ;
				display: inline-block ;
				border-width: 0 ;
				}
				.lt-ie8 .container-header nav ul li {
					zoom: 1 ;
					display: inline ;
				}
				
				.container-header nav ul li a {
					display: block ;
					padding: 0.75em 0.75em ;
					color: #FFFFFF ;
					font-weight: bold ;
					text-transform: uppercase ;
					height: 1em ;				/* 1 + 0.75 + 0.75 = 2.5 (as per nav ul) */
					}
					.container-header nav ul li a:hover {
						text-decoration: none ;
						background: #08AA9D ;
					}
				
				.container-header nav ul li a.Selected {
					background: #08AA9D ;
				}
					.container-header nav ul li a.Selected:hover {
						text-decoration: underline ;
					}

	.iframe-search-box {
		margin: 0 ;
		padding: 0 ;
		font-size: 0.5em ;
		line-height: 1 ;
		}
		.iframe-search-box iframe {
			border: 0;
			display: inline-block;
			height: 36px ;
			width: 98% ;
			padding: 0;
			margin: 0;
			}
			.lt-ie8 .iframe-search-box iframe {
				zoom: 1 ;
				display: inline ;
			}


/* find-a-course / divSearchComponent */ 	
.find-a-course-component {
	margin: 1em 0 2em 0  ;
	}
	.find-a-course-component div div {
		display: inline ;		/* changed in css-media - small screen... */
	}
	
	.find-a-course-component input ,
	.find-a-course-component select {
		padding: 0.5% 1% ;
		margin-left: 0.5% ;
		margin-right: 0.5% ;
	}	
	.find-a-course-component button {
		padding: 0.5% 1% ;
		color: #FFFFFF ;
		background: #09283A ;
		border-color: #09283A ;
		border-style: solid ;
		font-weight: bold ;
	}
	.find-a-course-component button:hover {
		/*
		background: #00AEEF ;
		border-color: #00AEEF ;
		*/
		background: #77BE44 ;
		border-color: #77BE44 ;
		text-decoration: none ;
	}

.divSearchComponent input ,
.divSearchComponent select {
	padding: 1% ;
	}
	
	.divSearchComponent input.siText 		{ width: 15em ;	}
	.divSearchComponent select.siCategory 	{ width: 15em ; }
	.divSearchComponent select.siLocation 	{ width: 15em ; }
	.divSearchComponent input.siSearchButton { width: 149px ; height: 30px ; margin-top: 0 ; cursor: pointer; }
	
	
	.divSearchComponent input.siSearchButton { 
		border-width: 0 ;
		font-weight: bold ; 
	}



/*************
* Breadcrumb #ADDED
*************/

.site-bread-crumb {
	text-align: right ;
	padding-top: 0.5em ;
	padding-bottom: 0.5em ;
	font-size: 0.89em ;
	}

/* 
 * container - content 
 */

.container-content {
		margin: 0 0 1.5em 0  ;
	}

	/* 
	 * side outline bar 
	 */
	 .lns nav {
 		margin: 3.8em 0 0 0 ;
	 }
	.lns nav ul {
		padding: 0 ;
		margin: 0 ;
		border-top-width: 1px ;
	}
	.lns nav ul li {
		color: #09283A ; /* #898989 ; */ 
		padding: 0.5em 0 ;
		border-bottom-width: 1px ;

	}
		.lns nav ul li a {
			color: #09283A ; /* #898989 ; */
		}
		.lns nav ul li a.Selected {
			color: #08AA9D ; /* #ED174F ; */ 
		} 
		.lns nav ul li a:hover {
			color: #08AA9D ; /* #ED174F ; */
		} 
			/* nested entries */
			.lns nav ul li ul {
				margin: 0 ;
				padding-top: 0.5em ;
				border-width: 0 ;
			}
			.lns nav ul li ul li {
				font-size: 0.9em ;
				padding: 0.25em 0.25em 0.25em 0.85em ;
				text-indent: -0.575em ;
				border-width: 0 ;
			}
			

/********************
* Courses view #ADDED
********************/	

.courseInfo {
	margin: 1em 0 ;
	}

.data-header {
	background-color: #08AA9D ; /* #00AEEF ; */
	padding: 1% 0 ;
	color: white ;
	font-weight: bold ;
}

.data-row {
		padding: 1% 0 ;
		border-width: 0 0 1px 0 ;
	}

		.data-row:nth-child(even) {
			background: #F4F4F4 ;
		}
		.data-row.no-alt {
			background: transparent ;
		}
	
	
/********************
* Course document #ADDED
********************/	


/********************
* View content #ADDED
********************/	


.divViewContent {
	margin-top: 1em ;
	margin-bottom: 1.25em ;
	}




/**************************
* Testimonial view #ADDED
**************************/

.testimonial-info {
	padding: 1em 0 ;
	}

.testimonial-info p {
	margin-top: 0  ;
	}



/****************************/
	
	
/* * * * * * *
 * article (either grid 6/8/10)
 * * * * * * */
 
 .content-holder {
	line-height: 1.4 ;
	}
 
.content-holder header h1 {
	font-size: 2.2em ;
	font-weight: normal ;
	margin-bottom: 0.25em ;
	}

	.content-holder content .heading {
		margin: 1em 0 0.25em 0 ;
		color: #4d4c51 ;
		font-weight: normal ;
	}
		.content-holder content h2 {
			margin: 1em 0 0.25em 0 ;
			color: #4d4c51 ;
			font-weight: normal ;			
		}
	
		.content-holder content h2.divCourseTitle {
			color: #4d4c51 ;
			font-size: 1.85em ;
			margin-top: 0.25em ;
		} 

	.content-holder .grid_8 {
		margin-left: 0 ;
		width: 65.666% ;
	}

	.content-holder td {
		padding: 0.65% ;
	}

	.content-holder ul , 
	.content-holder ol {
		margin-left: 1.25em ;
		padding-left: 1.25em ;
	}

	.content-holder ul ul ,
	.content-holder ol ol ,
	.content-holder ul ol ,
	.content-holder ol ul {			/* domino bug fix - not a proper nested list */
		margin-left: 0 ;
		padding-left: 0 ;
	}
	.content-holder ul li ul ,
	.content-holder ul li ol ,
	.content-holder ol li ol ,
	.content-holder ol li ul  {		/* ah, we have a proper nested list */
		margin-left: 1.25em ;
		padding-left: 1.25em ;
	}

	.content-holder .no-upcoming-courses {
		margin: 0 ;
		padding: 0.5em 1em 1em 0 ;
		font-style: italic ;
	}

	.hr-article {
		margin: 1em 0 ;
	}


	.data-row.article-listing {
		padding: 1% 2% ;
	}


	/* articles - listing */
	.item-article {
		border-bottom-width: 1px ;
		padding-bottom: 0.85em ;
		margin-bottom: 0.85em ;
	}
	
	.item-article a {
		display: block ;
		padding: 1em 0.5% ;
	}
	.item-article a:visited h3 {
			xcolor: inherit ;
	}
	
	.item-article a:hover {
			background-color: #F0F0F0 ;
		 	text-decoration: none ;
	 }
	
	
	
	
	
	
	
		.item-article p {
			margin-top: 0 ;
			margin-bottom: 0.5em ;
			padding-top: 0 ; 
		}
			.view-events p {
				margin-left: 90px ;
			}

		.item-article .date-published {
			font-size: 0.85em ;
		}
		
		
		
		

	.time {
		display: inline-block ;
		width: 10em ;
	}
		.time .icon {
				background-image: url(/Sectors/IMDA/SKILLNET.nsf/images/icons/icons-sprite.png);
				background-repeat: no-repeat ;
				background-position: -150px -1px ;
				width: 25px ;
				height: 25px ;
				display: inline-block ;
				margin-right: 4px ;
		}
	.venue {
		display: inline-block ;
	}
		.venue .icon {
				background-image: url(/Sectors/IMDA/SKILLNET.nsf/images/icons/icons-sprite.png);
				background-repeat: no-repeat ;
				background-position: -125px -1px ;
				width: 25px ;
				height: 25px ;
				display: inline-block ;
				margin-right: 2px ;
		}


		
		
		
		
		.article-date {
			padding-bottom: 1em ;
		}
		
	
	/* multimedia - listing */
	.item-multimedia {
		border-bottom-width: 1px ;
		padding-bottom: 0.85em ;
		margin-bottom: 0.85em ;
	}
		.item-multimedia p {
				margin-top: 0 ;
				margin-bottom: 0.5em ;
				padding-top: 0 ; 
			}
	
	

	/* events - calendar */
	.view-events ,
	.view-news {
		list-style: none ;
		margin: 0 ;
		padding: 0 ;	
	}
	.view-events li ,
	.view-news li    {
		padding: 14px 0 ;
		border-bottom-width: 1px ;
	}
	#articles .date , 
	.view-events .date {
		float: left ;
		width: 60px ; 				/* 60 + 8 + 8 = 76 */
		margin-right: 14px ;
		text-align: center ;
		background: #1793CC ;  
		padding: 8px ;
		color: white ;
		-webkit-border-radius: 3px 3px 3px 3px ;
		-moz-border-radius: 3px 3px 3px 3px ;
		border-radius: 3px 3px 3px 3px ;
	}

	.view-events .date .day-month {
		font-weight: normal ;
		padding: 8px ;
		margin-bottom: 3px ;
		background-color: #007BB6 ;
		-webkit-border-radius: 3px 3px 0 0 ;
		-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0 ;
	}
	#content .view-events .item-title * {
		font-weight: normal ;
	}
	#content .view-events .item-title {
		margin-left: 90px ;
	}
	#content .view-events p {
		padding: 0 ;
		margin: 0 0 0 90px ;
	}
	#content .view-news p {
		padding: 0 ;
		margin: 0 ;
	}



	.lock-m {
		background-image: url(/Sectors/IMDA/SKILLNET.nsf.nsf/images/icons-sprite.png);
		background-repeat: no-repeat ;
		background-position: 0 -1px ;		
		width: 22px ;
		font-size: 1.25em ;	/* same as title/heading */
		height: 1.3em ;
		float: left ;
		}

	.read-more {
		white-space: nowrap ;
	}


	/* image gallery */
	.container-gallery-images {
		margin: 1em 0 ;
	}
		.container-gallery-images img {
			display: block ;
		}
		.container-gallery-images .gallery-item img {
			width: 100% ;
			margin-bottom: 1% ;
		}
		.container-gallery-images .gallery-items-tn-four a {
			display: inline-block ;
			width: 24% ;
			margin: 0 1.333% 0 0 ;
		}	
			.container-gallery-images .gallery-items-tn-four a.last {
				margin-right: 0 ;		
			}
			
		.container-gallery-images .gallery-items-tn-four img {   			
	   		opacity: 0.4;
	   		filter: alpha(opacity=40);
	   		zoom: 1;  /* needed to trigger "hasLayout" in IE if no width or height is set */ 
		}
		.container-gallery-images .gallery-items-tn-four img.selected ,
		.container-gallery-images .gallery-items-tn-four a:hover img {   			
	   		opacity: 1;
	   		filter: alpha(opacity=100);
	   		zoom: 1;  /* needed to trigger "hasLayout" in IE if no width or height is set */ 
		}

	/* non-gallery images */
	.img-float.shape-landscape {
		width: 100% ;
		margin-bottom: 0.5em ;
	}

	.img-float.shape-square-left ,
	.img-float.shape-portrait-left {
		float: left ;
		margin-right: 1em ;
		margin-bottom: 0.25em ;
		max-width: 39.2% ;
	}
	.img-float.shape-square-right ,
	.img-float.shape-portrait-right {
		float: right ;
		margin-left: 1em ;
		margin-bottom: 0.25em ;
		max-width: 39.2% ;
	}
	


.container-share-page {
	height: 28px ;
	margin: 1em 0 ;
	float: left;
	width: 100%;
	text-align: center ;
}

/*
 * container - social bar
 */

.container-social-bg {
	background-color: red ;
	
	}
	
.container-social-bar {
	margin-top: 1em ;
	background-color: #1793CC ;	/* midpoint between twitter and linkedin */
	}
	
	.container-social-bar .container-table {
		display: table ;
		width: 100% ;
	}
	.container-social-bar .container-cell {
		display: table-cell ;
		vertical-align: middle ;
	}
		.container-social-bar .content {
			padding: 0.5em ;			
		}

	
	/* twitter box */
	.container-social-bar .column-one {
		width: 62.5% ;
		background-color: #2daae1 ;		/* twitter's bg colour */
	}
			.container-social-bar .column-one img {
				margin: 25px 12px 25px 12px ; 		/* 76H - 26 = 50 / 2 = 25 */
				float: left ;
			}
	
			.twitter-box {
				margin: 8px 12px 8px 58px ;		/* twitter icon = 31 + 12 + 12 ... */
				color: white ;
			}
			
				.twitter-box ul {
					margin: 0 ;
					padding: 0 ;
					list-style: none ;
				}
				.twitter-box a {
					color: white ;
					text-decoration: underline ;
				}
				.twitter-box a.link {
					/* display: inline-block ; */
					white-space: nowrap;
					color: #cdcdcd ;
					text-decoration: underline ;
				}
				
	
	/* linkedin box */
	.container-social-bar .column-two {
		width: 37.5% ;
		background-color: #007bb6 ;		/* linkedin's bg colour */
		text-align: center ;
	}
		.container-social-bar .column-two .content {
			display: inline-block ;
		}
	
		.container-social-bar .column-two img {
			margin: 25px 1em 25px 0 ; 		/* 76H - 26 = 50 / 2 = 25 */
			float: left ;
		}
		
			a.linkedin-btn {
				float: left ;
				display: inline-block ;
				padding: 6px 2em ;
				margin: 25px 1em 25px 1em ; 
				-webkit-border-radius: 1em ; 
				-moz-border-radius: 1em ;
				border-radius: 1em ;
				
				background-color: #095788 ;
				color: #FFFFFF ;
				font-weight: bold ;
				
				}
				
	/* ie < 9 sees HTML table - not div mimic-ing table structure */			
	.lt-ie9 .table-social-bar td { vertical-align: middle ; }
	.lt-ie9 .table-social-bar .column-two { text-align: center ; }		
	.lt-ie9 .table-social-bar .column-two img 				{ margin: 1em 1em 1em 0 ; float: none ; display: block ; padding: 1em ;}
	.lt-ie9 .table-social-bar .column-two a.linkedin-btn 	{ margin: 1em ; float: none ; display: block ;}
	




/*
 * container - footer 
 */ 

.container-footer {
	font-size: 0.875em ;
	padding-top: 1.5em ;
	padding-bottom: 1.25em ;
	border-top: 1px solid #001d34 ; /* #ED164F ; */
	
	color: #FFFFFF ;
	background: #001d34 ;
	}

	.container-footer img {
		padding: 0 0.5em ;
		}

.container-footer a {
		color: #77BE44 ;
	}


	.skillnet-funding .logos {
		text-align: center ;
	}

	.skillnet-funding .text {
		margin-top: 1em ;
	}

	.sector-logo {
		float: right ;
		margin-left: 1em ;
	}
	
	.xsector-logos {
		xfloat: right ;
		xmargin-left: 1em ;
		text-align: right ;
		margin-top: 1em ;
	}
	
	.contact-details {
		text-align: right ;
	}
	.contact-details .text {
		margin-right: 15em ;
	}
	.footer-links-other {
		xmargin-top: 1.5em ;
		margin-top: .5em ;
		text-align: right ;
		margin-right: 15em ;
	}
		.footer-links-other span {
			white-space: nowrap ;
		}
	



/* * * * * * *
 * cookie bar 
 * * * * * * */
.cookie-bar {
	padding: 1em 0 ;
	max-width: 800px ;
	margin: 0 auto ;
	}
	
	.cookie-bar-box  {
		border: 1px solid #09283A ;  
		padding: 1em ;
		margin: 0 2em ;
		background: white ; 
		color: black ;
		text-align: left ;
		}

	.cookie-bar .cookie-button {
		float: right ;
	}

	.cookie-bar p {
		font-size: 0.8em ;
		margin: 0.35em ;
		}	
		
		.cookie-bar p.large-font {
			font-size: 1em ;
			font-weight: bold ;
		}	
		
	.cookie-bar a {

		}	
	
	.cookie-bar a.cookie-button {
		border: 1px solid #09283A; ;
		padding: 0.5em 1em 0.5em 1em ;
		background: #09283A ;                    
		color: white;                               
		}
		.cookie-bar a.big-screen {
			float: right ;
			margin: 1.0em 1.25em 1em 1.25em ;
		}
		
		.cookie-bar a.small-screen {
			text-align: center ;
			width: 60% ;
			max-width: 260px ;
			margin: 1.5em auto 1em auto ;
		}

/* * * * * * * * * * * *
 * search results page 
 * * * * * * * * * * * */

.search-results {
	border-width: 1px 0 0 0 ; 
	padding-top: 1em ;
}
	.search-results div {
		padding-bottom: 0.5em ;
		border-width: 0 0 1px 0 ;
		margin-bottom: 0.5em ;
	}

	.search-results-form input {
		width: 45% ;
		max-width: 320px ;
		padding-left: 0.35em;
		padding-right: 0.35em ;
		line-height: 28px ;
		height: 30px ;
		background: #F3F3F3 ;
		color: #000000 ;
		border-width: 1px ;
		outline: none ;
		outline-width: 0 ;			/* turn off border in safari */
		 -webkit-appearance: none; 	/* turn off chrome input[search] border */
		} 
	
	.search-results-form .submit-btn { 
		background: #77BE44 url(/Sectors/IMDA/SKILLNET.nsf/images/icon-search-btn.png) center center no-repeat;
		width: 24px ;
		padding: 20px 14px 9px 14px ;
		height: 0 ;
		font-size: 0 ;
		line-height: 0 ;
		margin:0 ;
	}
			
		.search-results-form input.placeholder { 				/* older browsers */
			color: #B5B5B5 ; 
			}
		.search-results-form input::-webkit-input-placeholder {	/* webkit (eg Chrome) browsers */
		    color: #B5B5B5 ; 
		}
		.search-results-form input:-moz-placeholder {			/* FF 4+ browsers */
		    color: #B5B5B5 ; 
		}
		.search-results-form input:-ms-input-placeholder {		/* IE 10+ browsers */
		    color: #B5B5B5 ;  
		}



/* attachments styles */

	ul.download 		{ list-style: none ; padding-left: 15px ; }
	ul.download li		{ padding: 2px 2px 2px 0 ; }
	ul.download li a 	{ padding: 5px 6px 5px 24px ;}
	ul.download li a 		{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/generic_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.pdf 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/PDF_small.gif) 	no-repeat left center ; }
	ul.download li a.doc 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/DOC_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.docx 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/DOC_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.gif 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/GIF_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.jpg 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/JPG_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.png 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/PNG_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.ppt 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/PPT_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.pptx 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/PPT_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.csv 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/XLS_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.xls 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/XLS_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.xlsx 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/XLS_small.gif) 	no-repeat 1px 1px; }
	ul.download li a.zip 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/ZIP_small.gif) 	no-repeat 1px 1px; }
	

	a.noli 		{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/generic_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolipdf 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/PDF_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolidoc 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/DOC_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolidocx	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/DOC_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.noligif 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/GIF_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolijpg 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/JPG_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolipng 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/PNG_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolippt 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/PPT_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolipptx	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/PPT_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolixls 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/XLS_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolixlsx	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/XLS_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }
	a.nolizip 	{ background : url(/Sectors/IMDA/SKILLNET.nsf/images/filetypes/ZIP_small.gif) 	no-repeat 1px 1px; padding: 3px 4px 3px 24px ; line-height: 1.6em; }

.centre {
	text-align: center ;
	}


/*******************
*  Link styles #ADDED
*******************/

a.btnLinkStd {
	display: inline-block ;
	background: #77BE44 ;
	color: #FFFFFF ;
	font-weight: normal ;
	padding: 0.35em 0.75em 0.35em 0.75em ;
	font-size: 1.1em ;
	}
	a.btnLinkStd:hover {
		background: #08AA9D ;
		text-decoration: none ;
	}
	
	
	a.btnLinkMore {
		font-size: 1.3em ;
	padding: 0.75em ;
	}

a.btnLinkBigBlue {
	display: block ;
/*	background: #00AEEF url(/Sectors/IMDA/Skillnet.nsf/images/icon-link-arrow.gif) no-repeat 5% 100% ; */
	background: #77BE44 url(/Sectors/IMDA/Skillnet.nsf/images/icon-link-arrow.gif) no-repeat 5% 100% ; 
	font-size: 1.6em ;
	padding: 4% 4% 1.85em 4% ;
	font-weight: normal !important ;
	border-bottom: 0.5em solid transparent ; /* a hack - for the background image to sit right */
	}
	a.btnLinkBigBlue,
	a.btnLinkBigBlue:link,
	a.btnLinkBigBlue:hover,
	a.btnLinkBigBlue:visited {
		color: #FFFFFF ;
	}
	a.btnLinkBigBlue:hover {
		background-color: #08AA9D ; /* #ED164F ; */
		text-decoration: none ;
	}


/**********************
/* events - calendar  #ADDED
**********************/
		.date {
			float: left ;
			width: 60px ; 				/* 60 + 8 + 8 = 76 */
			margin-right: 14px ;
			text-align: center ;
			background: #77BE44 ; /* #00AEEF ; */
			padding: 8px 0 ;
			color: white ;
			line-height: 1 ;
			text-transform: uppercase ;
		}

			.date .month {
				font-weight: normal ;
			}
			
			.date .day {
				font-weight: normal ;
				font-weight: bold ;
				font-size: 2em ;
			}
			

.container-related-items img,
.container-related-items a {
	display: block ;
	}			

.container-related-items a.btnLinkStd {
	display: block ;
	padding: 4% 2% ;
	}


.container-related-items .divBox {
	margin-bottom: 1em ;
	}

/*****************************************/
/* Course document - fact file/testimonial */	
/*****************************************/
.courseDetails a.btnLinkStd  {
	display: block ;
	padding: 4% 2% ;
	text-align: center ;
	text-transform: uppercase;
	margin-bottom: 0.25em ;
	}
	.courseDetails a.btnLinkStd:hover {
		/* background-color: #ED164F ; */
		text-decoration: none ;
	}

.grid_4.courseDetails {		/* allow the right edge to line up with the rest of the site */
	margin-right: 0 ;
	width: 32.333% ;
	}

.courseDetails .courseFactFile {
	margin: 2em 0 3em ;
	}
	
	.content-holder .courseFactFile h3 {
		background: #4D5256 ; /* #00AEEF ; */
		color: white ;
		padding: 1.5% 3% ;
		font-size: 1.2em ;
	}
	.courseFactFile p {
		margin: 0 ;
		padding: 2% 3% 3% 3% ;
		background: #ebebeb ;
	}
	
	.courseFactFile .download-course-specs {
		margin-top: 1em;
	}
	
	
	.courseDetails .courseTestimonial .quote {
		color: navy ; /*#00AEEF ; */
		font-weight: normal ;
		font-size: 1.35em ;
		margin-bottom: 0.75em ;
		}
	.courseDetails .courseTestimonial .source {
		margin-top: 0.75em ;
		font-size: .9em ;
		font-weight: bold ;
		}

/* contact us page */

.contact-table .photo {
	text-align: center ;
}

/* Used for cookie policy table layout*/		
.table-w-borders {
 	border-width: 1px !important ;
 	width: 98% !important ;
 	margin: 0.25em auto !important ;
}
.table-w-borders td {
		border-style: solid !important ;
	 	border-width: 1px !important ;
	 	padding: 0.25em 0.5em !important ;
	 	border-color: #CCCCCC !important;
	 }