/* 
 * 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" ;
	xcolor: #53565A ;
	color: #0c426a ;
 	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 {
	xcolor: #0183a4 ; 
	xcolor: #87b647 ;
	color: #557f63 ;
	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: #87b647 ; text-decoration: none; } 
a:link 		{ color: #87b647 ; }	
a:visited 	{ color: #87b647 ; }
a:hover 	{ color: #9ccb3b  ; text-decoration: underline; }


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


/* 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 the site ... 
 *
 * * * * * * * * * * * * */
.container-header {
	padding-top: 1em;
	padding-bottom: 1em ;	
	}

.container-login-strapline {
	background-color: #87b647 ;
	xbackground-color: 	#a7a9ac ; /*grey*/
	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 img {
		display: block ;
	}
	
	.container-header .tbl-cell {
		text-align: right ;
		vertical-align: top ;
		padding: 0.5em 0;
	}
		.contact-us-and-social-networks a.contact-us {
			background-color: #F0F0F0 ;
			display: inline-block ;
			padding: 0.6em ;
			margin: 0 ;
		}
		
		.contact-us-and-social-networks div {
			background-color: #F0F0F0 ;
			display: inline-block ;
			font-size: 1.4em ;
			height: 34px ;
			margin-left: 0.5em ;
			margin-right: 0.5em ;
		}
			.container-header .contact-us-and-social-networks a.s-n {
				text-decoration: none ;
				padding: 0.25em 0.35em ;
				color: #53565a ;
			}
			.container-header .contact-us-and-social-networks a:link {
				color: #53565a ;
			}
			.container-header .contact-us-and-social-networks a:hover 			{ color: #0183a4 ; /* #4F2F91 ; */ }			
			.container-header .contact-us-and-social-networks a.youtube:hover 	{ color: #d02121 ; }
			.container-header .contact-us-and-social-networks a.linkedin:hover 	{ color: #0977b5 ; }
			.container-header .contact-us-and-social-networks a.twitter:hover 	{ color: #00b6f1 ;}


		.tbl-cell.search-box {
			width: 20em ;
			padding-left: 0.2em;
		}
			.search-box iframe {
				border: 0;
				display: block; /* remove the line-height spacing */
				height: 34px ;
				width: 100% ;
				padding: 0;
				margin: 0 ;
				}


	.container-header nav {
		padding: 0 ;
		margin : 0.51em 0 0 0 ;
	}
	
		.container-header nav ul {
			margin: 0 auto ;
			padding: 0 ;
			text-align: center ;
			}
			
			.container-header nav ul li {
				margin: 0 ;
				padding: 0 ;
				display: inline-block ;
				border-width: 0 ;
				}
				
				.container-header nav ul li a,
				.fake-link {
					display: block ;
					padding: 0.75em 0.75em ;
					color: #87b647  ;
					font-weight: bold ;
					text-transform: uppercase ;
					}
					.container-header nav ul li a:hover {
						text-decoration: underline ;
						color: #9ccb3b  ;
					}
				
				.container-header nav ul li a.Selected {
					color: #fbb125 ;
				}
					.container-header nav ul li a.Selected:hover {
						text-decoration: underline ;
					}


/* 
 * login - strapline
 */
.container-login-strapline .tbl-table {
	display: table ; 		/* yes, it has been previously set as table, but media-css changes it .. so need to default it again */	
	} 
.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: #bdd630 ;
 		border-width: 0 ;
 		color: white ;
 	}
 	 	.container-login-strapline .data-btn input:hover {
 			background-color: #afce34 ;
 		}
 	
 	.container-login-strapline .text-right {
 		padding-left: 1.5em ;
 	}
 	
	.container-login-strapline a {
		color: white ;
	}
	
	.container-login-strapline .site-welcome ,
	.container-login-strapline .my-menu {
		padding-top: 0.75em ;
		padding-bottom: 0.75em ;
	}
	.container-login-strapline .my-menu {
		text-align: right ;
	}
		.container-login-strapline .my-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 ;
	}

/*
 * banners (ad-hoc change)
 */
 .flexslider {
 	border-width: 1px ;
 }

/* 
 * container - content 
 */

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

	/* 
	 * side outline bar 
	 */
	 .lns .section-heading {
	 	background-color: #557f63 ;
	 	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: #87b647   ;
		}
		.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 ;
	xfont-weight: 300 ;
	xtext-transform: uppercase ;
	xfont-family: helvetica ;
	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: #87b647  ;
		margin-bottom: 1em ;
	}
	.container-directory .item-category .tab {
		background-color: #87b647  ;
		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-list a {
			display: block ;
			margin-bottom: 0.25em ;
			text-decoration: none ;
			position: relative ;
			xpadding-bottom: 3em ;
			padding: 0.5em 0 0.25em 0 ;
		}
		.container-lp-info-boxes a {
			display: block ;
			margin-bottom: 2em ;
			text-decoration: none ;
			position: relative ;
			padding-bottom: 3em ;
			background-color: #bdd630 ;
			color: white ;
		}
		
		
		.container-lp-info-boxes a:hover {
			background-color: #cddb28 ;
		 	text-decoration: none ;
		}
		 	
		 	
		.container-lp-info-boxes img {	
			display: block ;
			width: 100% ;
		}
		.container-lp-info-boxes .title {
			margin: 0 ;
			background: inherit ;
			color: inherit ;
			padding: 2.5% 5% ;
			font-size: 1.45em ;
			position: absolute ;
			bottom: 0 ;
			left:0 ;
			right: 0 ;
		}
	
	.container-lp-info-boxes-list {
		
	}
	
	
	.container-lp-info-boxes-list .lp-info-box {
		margin-bottom: 1em ;
		xbackground: red ;
	}
	
	.container-lp-info-boxes-list .lp-info-box .grid_10 {
			xbackground: pink ;
			xposition: relative ;
			xdisplay: block ;
	}
	
	.container-lp-info-boxes-list .lp-info-box .tbl-table {
			xbackground: gold ;
			xheight:100% ;
			xposition: absolute ;
			xtop: 0 ;
			xright: 0 ;
			xbottom: 0 ;
			xleft: 0 ;
	}
	
	.container-lp-info-boxes-list .lp-info-box .tbl-cell {
			xvertical-align: center ;
			xvertical-align: middle ;
			xbackground-color: green ;
	}
	
	.container-lp-info-boxes-list .lp-info-box .tbl-cell p {
			xmargin-top: auto ;
			xmargin-bottom: auto ;
			xpadding: 1.25em ;
	}
	
	
	/* 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: #a7a9ac  ; 
		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 ;
		}

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

	.venue {
		display: inline-block ;		
	}





	.article-date {
		padding-bottom: 1em ;
	}



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


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

	.read-more {
		white-space: nowrap ;
	}
	
	/*for gallery/videos*/
 .view-title {
		margin: 0 ;
		padding: 0 ;
		margin-left: 3% ;
}

.video-gallery-container {
	margin-left: 0 ;
	padding-left: 0 ;
	padding-bottom: 1px ;
	xbackground: red ;
	}
	

.video-gallery-container .video-item-container {
	float: left ;
	display: inline-block ;
	xwidth: 24.5% ;
	width: 33.33% ;
	padding-left: 1% ;
	padding-right: 1% ;	
	}
	
.video-gallery-container .video-item-content {
		position: relative ;
		xoverflow: hidden ;
	    padding-bottom: 56.25%;
    	xpadding-top: 30px;
    	height: 0px;		
	}
	
			
	
.video-gallery-container .video-item-container iframe,
.video-gallery-container .video-item-container object,
.video-gallery-container .video-item-container embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

	
	
	
	

/*
 * container - social bar
 */

.container-social-bar {
	margin-top: 1em ;
	background-color: #87b647 ;	/* midpoint between twitter and linkedin */
	}
	
	.container-social-bar .content {
		max-width: 640px ;
		margin: 0 auto ;
		padding: 1em 1em ;
	}
	.container-social-bar .content 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 ;
		}
	 

/*
 * 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: #afce34 ;
	padding-bottom: 2em ;
	}

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

	.container-footer span {
		white-space: nowrap ;
	}

	.container-footer .site-links {
		text-align: right ;
	}

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





/* * * * * * *
 * cookie bar 
 * * * * * * */
.cookie-bar {
	padding: 1em 0 ;
	max-width: 800px ;
	margin: 0 auto ;
	}
	
	.cookie-bar-box  {
		border: 1px solid #557f63 ;  
		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 #bdd630; ;
		padding: 0.5em 1em 0.5em 1em ;
		background: #bdd630 ;                    
		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/BPCI/BPCI.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,
.btnLinkStd {
	display: inline-block ;
	background: #bdd630 ;
	color: #FFFFFF ;
	font-weight: normal ;
	padding: 0.35em 0.75em 0.35em 0.75em ;
	font-size: 1.1em ;
	}
	a.btnLinkStd:hover,
	.btnLinkStd:hover {
		background: #afce34 ;
		text-decoration: none ;
	}

a.btnLinkBigBlue {
	display: block ;
	background: #4F2F91 url(/Sectors/BPCI/BPCI.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-pending-update-by-member ,
	.status-pending-update-by-member a {
		color: red ;
	}
	
	
	.status-approved ,
	.status-approved a {
		color: green ;
	}
	.status-expired ,
	.status-expired a {
		color: silver ;
	}
	.status-not-published ,
	.status-not-published a {
		color: maroon ;	
	}

	.document-actions {
		margin-top: 1em ;
	}
	
/* 
 * my pii
 */	
.container-my-home	.grid_3 a {
	display: block ;
	min-height: 9em ;
	color: white ;
	padding: 1em ;
	margin-bottom: 1em ;
	text-transform: uppercase ;
}


.container-my-home .group-1 a { background: #557f63 ; } /*#bfbdae ; */
.container-my-home .group-2 a { background: #bdd630 ; }
.container-my-home .group-3 a { background: #20506a ; } /*#bfbdae ; */
.container-my-home .group-4 a { background: #bdd630 ; }
.container-my-home .group-5 a { background: #bdd630 ; } /*#bfbdae ; */
.container-my-home .group-6 a { background: #bdd630 ; }

.container-my-home .group-1 a:hover { background: #87b647 ; text-decoration: none ;}
.container-my-home .group-2 a:hover { background: #87b647 ; text-decoration: none ;}
.container-my-home .group-3 a:hover { background: #87b647 ; text-decoration: none ;}
.container-my-home .group-4 a:hover { background: #87b647 ; text-decoration: none ;}
.container-my-home .group-5 a:hover { background: #87b647 ; text-decoration: none ;}
.container-my-home .group-6 a:hover { background: #87b647 ; text-decoration: none ;}

.meeting-panels .grid_4 {
		margin-bottom: 2%; 
	}
.meeting-panels content {
		height: 26.5em ;
	}
	.meeting-panels header .heading {
		background-color: #59a81b ;
		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 ... */
}

hr {
	margin: 1em 0 ;
	background-color: #afce34 ;
	height: 1px ;
	color: #afce34 ;
	border: none ;
	}