/* 
 * styles ... for the HTML5 compliant browsers ...
 *
 * whack-a-moles for IE6 & IE7 --> 	css-browser-lt-ie8.css
 * fudging for IE8 --> 				css-browser-ie8.css
 *
 */

/*
 * 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: Roboto, Helvetica, Arial, "sans-serif" ;
	color: #53565A ;
 	font-size: 14px;
	line-height: 1.275 ;
}


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

	
/*
 * 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: #4F2F91 ; 
	font-family: Roboto, Helvetica, Arial, "sans-serif" ;
	font-weight: normal ;	
	}

h1 sup {
	font-size: .85em ;
	top: -0.3em ;
	font-weight: normal ;	/* change to normal - content h1 is set to 300 */
	}

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

p { }

a 			{ color: #00A4CD ; text-decoration: none; } 
a:link 		{ color: #00A4CD ; }	
a:visited 	{ color: #A0A0A0 ; }
a:hover 	{ color: #4F2F91 ; text-decoration: underline; }


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

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

/* define mimic-table styles */
.tbl-table {
	display: table ;
	width: 100% ;
}
	.tbl-row {
		display: table-row ;
	}
	.tbl-cell {
		display: table-cell ;
		vertical-align: middle ;
	}


/* * * * * * * * * * * * *
 *
 * rest of site styles 
 *
 * * * * * * * * * * * * */
.container-header {
	padding-top: 1em;
	padding-bottom: 1em ;	
	}

.container-login-strapline {
	background-color: #53565A ;
	color: white ;
	padding-top: 1em ;
	padding-bottom: 1em ;
	}
.container-banners {
	padding-top: 1em;
	padding-bottom: 1em ;
	}	
.container-info-boxes {
	background-color: #EEEEEE ;
	padding-top: 1em;
	padding-bottom: 1em ;
	}
.container-activities {
	padding-top: 1em;
	padding-bottom: 1em ;
	}
.container-social {
	background-color: #1793CC ;
	padding-top: 1em;
	padding-bottom: 1em ;	
	}



/* 
 * header / logo / main outline 
 */

.page-header {
	background-color: #FFFFFF ;
	}

.container-header {
	padding: 1em 0 1em 0  ;
	}
	.container-header .logo {
		padding-top: 1em ;
		padding-bottom: 0.5em ;
	}
	.container-header .logo img {
		display: block ;
	}
	
	.container-header .tbl-cell {
		text-align: right ;
		vertical-align: middle ;
	}
		.container-header .tbl-cell.social-networks ,
		.container-header .tbl-cell.search-box {
			vertical-align: top ;
		}
	
		.container-header .contact-us a {
			color: #4D5256 ;
		}
		.tbl-cell.social-networks {
			width: 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 ;}



			
		.tbl-cell.search-box {
			width: 20em ;
		}
			.search-box iframe {
				border: 0;
				display: inline-block;
				height: 32px ;
				width: 98% ;
				padding: 0;
				margin: 0;
				}


	.container-header nav {
		padding: 0 ;
		margin : 3em 0 0 0 ;
		width: 100% ;
	}
	
		.container-header nav ul {
			margin: 0 auto ;
			padding: 0 ;
			text-align: right;
			}
			
			.container-header nav ul li {
				margin: 0 ;
				padding: 0 ;
				display: inline-block ;
				border-width: 0 ;
				}
				
				.container-header nav ul li a {
					display: block ;
					padding: 0.75em 0.75em ;
					color: #4F2F91 ;
					font-weight: bold ;
					text-transform: uppercase ;
					}
					.container-header nav ul li a:hover {
						text-decoration: underline ;
						color: #00A4CD ;
					}
				
				.container-header nav ul li a.Selected {
					color: #00A4CD ;
				}
					.container-header nav ul li a.Selected:hover {
						text-decoration: underline ;
					}


/* 
 * login - strapline
 */
.container-login-strapline .tbl-cell {
	padding: 0.25em 0.5em ;
	}
	.container-login-strapline .text-left {
	 	text-transform: uppercase ;
	 	text-align: right ;
	 	font-weight: bold ;
	 	padding-top: 0.45em ;
	 	}
 	.container-login-strapline .data-input {
 		width: 24% ;
 		text-align: center ;
 	}
 	.container-login-strapline .data-input input {
 		width: 100% ;
 		padding: 0.75em 5% ;
 		text-align: left ;
 		border-width: 0 ;
 		background: white ;
 	}
 	.container-login-strapline .data-btn {
 		width: 12% ;
 		text-align: center ;
 	}
 	.container-login-strapline .data-btn input {
 		width: 100% ;
 		padding: 0.75em 5% ;
 		background-color: #00A4CD ;
 		border-width: 0 ;
 		color: white ;
 	}
 	 	.container-login-strapline .data-btn input:hover {
 			background-color: #4F2F91 ;
 		}
 	
 	.container-login-strapline .text-right {
 		padding-left: 1.5em ;
 	}
 	
	.container-login-strapline a {
		color: white ;
	}
	
	.container-login-strapline .site-welcome ,
	.container-login-strapline .my-imda-menu {
		padding-top: 0.75em ;
		padding-bottom: 0.75em ;
	}
	.container-login-strapline .my-imda-menu {
		text-align: right ;
	}
		.container-login-strapline .my-imda-menu a {
			margin-right: 0.75em ;
		}
	

 	.container-login-strapline .text-links {
 		text-align: center ;
 		padding-top: 0.95em ;
 		padding-bottom :0.95em ;
 	}


/*
 * Breadcrumb 
 */

.site-bread-crumb {
	padding: 0.65em 0.5em ;
	font-size: 0.89em ;
	}

/* 
 * container - content 
 */

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

	/* 
	 * side outline bar 
	 */
	 .lns .section-heading {
	 	background-color: #4F2F91 ;
	 	font-size: 1.5em ;
	 	color: white ;
	 	padding: 0.85em ;
	 	text-transform: uppercase ;
	 }
	 
	 .lns nav {
 		margin: 0 ;
	 }
	.lns nav ul {
		padding: 0 ;
		margin: 0 ;
		border-width: 0 1px 1px 1px ;
	}
	.lns nav ul li {
		padding: 0 ;
	}
		.lns nav ul li a {
			display: block ;
			padding: 0.875em 5% ;
			color: #00A4CD ; 
		}
		.lns nav ul h3 {
			padding: 0.875em 5% 0 5% ;
		}
		.lns nav ul li a.Selected {
			color: #53565A ;  
			background-color: #F0F0F0 ;			
		} 
		.lns nav ul li a:hover {
			color: #53565A ; 
			background-color: #F0F0F0 ;
		} 
			.lns nav ul li a.Selected:hover {
				text-decoration: underline ;
			}
			
			/* nested entries */
			.lns nav ul li ul {
				margin: 0 ;
				padding-top: 0.5em ;
				border-width: 0 ;
			}
			.lns nav ul li ul li a {
				padding-left: 2.25em ;
			}



/****************************/
	
	
/* * * * * * *
 * article (either grid 6/8/10)
 * * * * * * */
.content-holder {
	line-height: 1.6 ;
	}
 
 
.content-holder header h1 {
	font-size: 2.2em ;
	margin-bottom: 0.6em ;
	font-weight: 300 ;
	text-transform: uppercase ;
	border-width: 0 0 1px 0 ;
	}

	.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 ;
		}
	
	.content-holder content {
		min-height: 10em ;
	}
	
	.tbl-borders {
		border-width: 1px ;
		border-collapse: collapse ;
		width: 100% ;
	}
		.tbl-borders td {
			border-width: 1px ;
		}

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

	.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 {
		margin-top: 0.25em ;	
		margin-left: 1.25em ;
		padding-left: 1.25em ;
	}
	.content-holder ul li ul ,
	.content-holder ul li ol ,
	.content-holder ol li ol ,
	.content-holder ol li ul  {
		margin-top: 0.25em ;		
		margin-left: 1.25em ;
		padding-left: 1.25em ;
	}

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

	.data-row {
		width: 100% ;	/* lt-ie8 bug fix */
	}

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


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

	.container-articles p {
 		border-width: 0 ;
 		margin-top: 0.35em ;
 		margin-bottom: 0.35em ;
 		padding-top: 0 ;
 		padding-bottom: 0 ;
 	}		 

 	
 	/* 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: 40% ;
	}
	.img-float.shape-square-right ,
	.img-float.shape-portrait-right {
		float: right ;
		margin-left: 1em ;
		margin-bottom: 0.25em ;
		max-width: 40% ;
	}
 
 
		
	/* directory */
	.container-directory .index {
		margin-bottom: 2em ;
	}
		.container-directory .index .list-alpha { display: inline-block ; }
		.container-directory .index .box-1 		{ width: 54% ; }
		.container-directory .index .box-2 		{ width: 46% ; }
		
	.container-directory .index > div {
		display: inline-block ;
		width: 3.12% ;
		margin: 0 0.25% ;
		
		text-align: center ;
		border-width: 1px ;
		border-color: #e5e4e4 ;
	}
	.container-directory .index div.number {
		width: 4.5% ;
	}
		.container-directory .index .none {	color: #CCCCCC ; }
		.container-directory .index .some {	}
		.container-directory .index .some a { display: block ; }
		.container-directory .index .none div ,
		.container-directory .index .some a {
			padding-top: 0.35em ;
			padding-bottom: 0.35em ;
		}
			.container-directory .index .some a:hover {
				background-color: #F0F0F0 ;
			}

	.container-directory .item-category {
		border-width: 0 0 1px 0 ;
		border-color: #4F2F91 ;
		margin-bottom: 1em ;
	}
	.container-directory .item-category .tab {
		background-color: #4F2F91 ;
		font-weight: bold ;
		width: 4em ;
		padding-top: 0.75em ;
		padding-bottom: 0.75em ;
		text-align: center ;
		color: white ;
	}
		.container-directory .item-category .return-top div {
			padding-top: 0.85em ;
			text-align: right ;
		}
	.item-directory {
		min-height: 4.85em ;
		line-height: 1.4 ; 
		margin-bottom: 0.75em ;
	}	

	.membership-name {
		text-transform: uppercase ;
	}

	
	/* landing page - info boxes */
	.container-lp-info-boxes {
	
	}
		.container-lp-info-boxes a {
			display: block ;
			margin-bottom: 2em ;
			text-decoration: none ;
			position: relative ;
			padding-bottom: 3em ;
		}
		.container-lp-info-boxes img {
			display: block ;
			width: 100% ;
		}
		.container-lp-info-boxes .title {
			margin: 0 ;
			background: #4f2f91 ;
			color: white ;
			padding: 2.5% 5% ;
			font-size: 1.45em ;
			position: absolute ;
			bottom: 0 ;
			left:0 ;
			right: 0 ;
		}
		.container-lp-info-boxes a:visited .title {
			background: #53565a ;
		}			
		.container-lp-info-boxes a:hover .title {
			background: #42b2d4 ;
		}
	
	/* events - calendar */
	ul.view-events ,
	ul.view-news ,
	ol.view-events ,
	ol.view-news {
		list-style: none ;
		margin: 0 ;
		padding: 0 ;	
	}
	.view-events li ,
	.view-news li    {
		padding: 14px 0 ;
		border-bottom-width: 1px ;
	}
	
	.container-content .date {
		float: left ;
		width: 70px ; 		
		margin-right: 14px ;
		text-align: center ;

		background: #5e4591 ; /* #53565A ; */ 
		padding: 0.75em ;
		color: white ;
		text-transform: uppercase ;
		line-height: 1 ;
	}
		.date .month {
			padding-top: 6px ;
		}
		.date .day {
			font-size: 2em ;
			line-height: 1 ;
			font-weight: 300 ;
			padding-top: 6px ;
		}

	.date .day-month {
		font-weight: normal ;
		padding: 0.75em 0.5em ;
		margin-bottom: 0.6em ;
		background: #4F2F91 ;
		xbackground-color: #007BB6 ;
		-webkit-border-radius: 3px 3px 0 0 ;
		-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0 ;
	}

	.view-events .item-title {
		margin-left: 80px ;
		margin-bottom: 0.35em ;
		text-transform: uppercase ;
	}

	.view-events p {
		margin-left: 80px ;
	}
	
	
	.date-published {
		font-size: 0.85em ;
	}
	


	.time {
		display: inline-block ;
		width: 10em ;
	}
		.time .icon {
				background-image: url(/Sectors/IMDA/IMDA.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/IMDA.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 ;
	}



	.view-news p {
		padding: 0 ;
		margin: 0 ;
	}


	.lock .fa {
		font-size: 0.75em ;	
	}

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

/*
 * container - social bar
 */

.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 - share bar
 */

.container-share-page {
	margin: 2em 0 1em 0 ;
	width: 100%;
	text-align: center ;
}



/*
 * container - footer 
 */ 

.container-full-screen.container-footer {
	margin-top: 2em;
	padding-top: 2em ;
	border-width: 3px 0 0 0 ;
	border-color: #4f2f91 ;
	padding-bottom: 2em ;
	}

	.container-footer .contact-details {
		padding-right: 2.5em;
	}

	.container-footer span {
		white-space: nowrap ;
	}
	
	.container-footer .site-links ul {
		list-style: none ;
		margin: 0 ;
		padding: 0 ;
	}
	.container-footer .site-links ul li {
		line-height: 1.65 ;
	}

	.container-footer .sites-associated {
		text-align: right ;
	}
		.container-footer .sites-associated a {
			display: inline-block ;
			padding: 0.5em ;
			margin: 0 0.5em 0.5em 0.5em ;
			border-width: 1px ;
		}

		.container-footer .sites-associated img {
			display: block ;
			width: 100% ;
		}



/* * * * * * *
 * cookie bar 
 * * * * * * */
.cookie-bar {
	padding: 1em 0 ;
	max-width: 800px ;
	margin: 0 auto ;
	}
	
	.cookie-bar-box  {
		border: 1px solid #4F2F91 ;  
		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 #4F2F91; ;
		padding: 0.5em 1em 0.5em 1em ;
		background: #4F2F91 ;                    
		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: #71B93A url(/Sectors/IMDA/IMDA.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 - using font awesome to show icons ... */

	ul.download 		{ list-style: none ; margin: 2em 1em 2em 0 ; padding-left: 1em ; line-height: 1.7 ; }
	ul.download li		{ padding: 2px 2px 2px 0 ; }


.no-mt ,
ul.download.no-mt {
	margin-top: 0 ;
	margin-bottom: 0 ;
	}

.centre {
	text-align: center ;
	}

hr {
	width: 98% ;
	margin: 1.5em 1% 1em 1% ;
	}

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

a.btnLinkStd {
	display: inline-block ;
	background: #4F2F91 ;
	color: #FFFFFF ;
	font-weight: normal ;
	padding: 0.35em 0.75em 0.35em 0.75em ;
	font-size: 1.1em ;
	}
	a.btnLinkStd:hover {
		background: #71B93A ;
		text-decoration: none ;
	}

a.btnLinkBigBlue {
	display: block ;
	background: #4F2F91 url(/Sectors/IMDA/IMDA.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 ;
	}

			

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


/* contact us page */

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

/* other pages */
.emp-opp-contact-details ol {
	list-style: none ;
	margin: 1em 0 ;
	padding: 0 ;
	}
	.emp-opp-contact-details li {
		line-height: 1.5 ;
	}
	.emp-opp-contact-details label {
		width: 9em ;
		display: inline-block ;
	} 
	
	.status-pending-approval ,
	.status-pending-approval a {
		color: orange ;
	}
	.status-approved ,
	.status-approved a {
		color: green ;
	}
	.status-expired ,
	.status-expired a {
		color: silver ;
	}
	.status-not-published ,
	.status-not-published a {
		color: red ;	
	}

	
/* 
 * my imda
 */	
.container-my-imda-home	.grid_3 a {
	display: block ;
	min-height: 9em ;
	color: white ;
	padding: 1em ;
	margin-bottom: 1em ;
	text-transform: uppercase ;
}
.container-my-imda-home	.group-1 a { background: #4f2f91 ; }
.container-my-imda-home	.group-2 a { background: #53565a ; }
.container-my-imda-home .group-3 a { background: #00a4cd ; }
.container-my-imda-home .group-4 a { background: #4f2f91 ; }
.container-my-imda-home .group-5 a { background: #4f2f91 ; }
.container-my-imda-home .group-6 a { background: #4f2f91 ; }

.container-my-imda-home	.group-1 a:hover { background: silver ; color: #53565A ; text-decoration: none ;}
.container-my-imda-home	.group-2 a:hover { background: silver ; color: #53565A ; text-decoration: none ;}
.container-my-imda-home .group-3 a:hover { background: silver ; color: #53565A ; text-decoration: none ;}
.container-my-imda-home .group-4 a:hover { background: silver ; color: #53565A ; text-decoration: none ;}
.container-my-imda-home .group-5 a:hover { background: silver ; color: #53565A ; text-decoration: none ;}
.container-my-imda-home .group-6 a:hover { background: silver ; color: #53565A ; text-decoration: none ;}

.meeting-panels .grid_4 {
		margin-bottom: 2%; 
	}
.meeting-panels content {
		height: 26.5em ;
	}
	.meeting-panels header .heading {
		background-color: #4f2f91 ;
		text-transform: uppercase ;
		color: #ffffff ;
		padding: 0.75em ;
		margin: 0 ;
	}
	
	.container-calendar {
		padding: 1.5em ;
	}
	
	.content-holder .agme-items {
		list-style: none ;
		padding: 0 ;
		margin: 0 ;
	}
		.content-holder .agme-items li {
			border-width: 0 0 1px 0 ;
			padding: 1em ;
			}	
			.content-holder .agme-items li.last {
				border-width: 0 ;
			}
			.agme-items p {
				padding: 0 ;
				margin: 0 ;
			}
			.agme-items a {
				
			}
	.meeting-panels section content {
		border-width: 0 1px 1px 1px ;
		z-index: 0 ;							/* aDevice hack */
		overflow: auto ;
		-webkit-overflow-scrolling: touch ;  /* iDevice hack */
	}			

	.attendance-status 	span { font-size: 0.75em ; color: #53565A ; }

	
.profile-text span { 
	/* put in trailing "..." when text is too long for the line */
	overflow: hidden;			/* step 1 */
	text-overflow: ellipsis ;	/* step 2 */
	display: inline-block ;		/* step 3 - change spans' inline to inline-block */
	width: 95%;					/* step 4 - limit's span's width */
	white-space: nowrap;		/* step 5 - stop text wrapping, which causes ellipsis to kick in ... */
}