@charset "UTF-8";


body {
	margin: 		0;
	padding: 		0;
	font-size: 	0.75em;
	font-family:	Arial, Georgia, Tahoma, Geneva, serif;
	color: 			#505050;
	background: #fff
}


/* Layers */
#layer-page {
	width: 			75.8em;
	margin: 		0 auto;
	padding: 		0
}
#layer-header {
	width:			75.8em;
	height:			149px;
	/*background:	url(/graphics/shaping-futures.gif) #fff 1em 1em no-repeat*/
}

	#layer-header div.home-top-container {
		width: 580px;
		margin-top: 1em;
		float: left;
	}
	
	#layer-header h1 {
		/*position:absolute;*/
		float: 		right;
		width:		175px;
		height:		93px;
		margin:	12px 0 0 0;
		background: url(/graphics/logo_association-of-colleges.gif) no-repeat
		
	}
	#layer-header h1 span {
		display:	none
	}

	#layer-header .logo-print{
		display:none
	}
	
	#layer-header .top-banner, #layer-header .top-banner-2 {
		float: left;
		margin-top: 2em;
	}
	
	#layer-header .top-banner-2 {
		margin-left: 6em;
	}
	
#layer-body {
	clear:		both;
	margin:		0;
}
#layer-footer {
	clear:			both;
	padding-top:	.3em
}
#layer-search {
	position:		absolute;
	top:			108px !important;
	width: 			20em;
	height:			2.7em;
	color:			#d91064;
	background-color: #d5eaf8	
}
#layer-copyright {
	float:			left;
	padding-top:	.6em;
	font-size: 0.9em
}
#layer-toolbar-1 {
	position:		absolute;
	top:				108px !important;
	width: 			75.8em;
	height:			2.7em;
	text-align:	right;
	color:			#d91064;
	background-color: #d5eaf8
}
#layer-toolbar-2 {
	float:			right;
	height:			2.7em;
	text-align:	right;
	color:			#d91064
}

#layer-announcement-super {
	width: 55.8em;
	height: 5.3em;
	margin: 0 0 0 1em;
	padding: .7em;
	background: #F5F4F2 url(/graphics/panel_super-announcement.png) 0 top repeat-x;
}

#layer-announcement-super.editmode {
	width: 422px!important;
	height: auto!important;	
}


/* One true layout (3 and 2 columns) */
#column-3-1	 {	
	float:		left;
	width:		37.8em;
	margin-left:	19em;
	background-color: #fff	
}		
* html #column-3-1 {		
	display: inline	
}		
#column-3-2	 {	
	float:		left;
	width:		19em;
	margin-left:	-56.8em;
	color:		#fff	;
	background-color: #bb2759
}
#column-3-3	 {	
	float:		left;
	width:		18.95em;
}
#column-2-1	 {	
	float:		left;
	width:		56.8em;
	margin-left:	19em;
	background-color: #fff	
}		
* html #column-2-1 {		
	display: inline	
}		
#column-2-2	 {	
	float:		left;
	width:		19em;
	margin-left:	-75.8em;
	color:		#fff	;
	background-color: #bb2759
}
/* Start Mac IE5 filter \*/
/*
#column-3-1, #column-3-2, #column-3-3, #column-2-1, #column-2-2 {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important
}
*/
@media all and (min-width: 0px) {
	#column-3-1, #column-3-2, #column-3-3, #column-2-1, #column-2-2 {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important
	}
	#column-3-1:before, #column-3-2:before, #column-3-3:before, #column-2-2:before, #column-2-3:before {
		content: '[DO NOT LEAVE IT IS NOT REAL]';
		display: block;
		background: inherit;
		padding-top: 32767px !important;
		margin-bottom: -32767px !important;
		height: 0
	}
}
/* End Mac IE5 filter */
/* IE Win can be a bit out - you might need to adjust 
bottom value by -1px or as required */
.column-3-bottom {
	position: absolute;
	bottom: 0
}
#column-3-1 .column-3-bottom {
	width: 37.8em
}
#column-3-2 .column-3-bottom {
	width: 19em
}
#column-3-3 .column-3-bottom {
	width: 18.95em
}
/* hack for Opera 7+ */
@media all and (min-width: 0px) {
	.column-3-bottom {
		width: 100% !important
	}
/* But Opera 9 does it right, so CSS3 hax to the max */
	div[id^="columns"] #column-3-1 .column-3-bottom {
		width: 37.8em !important
	}
	div[id^="columns"] #column-3-2 .column-3-bottom {
		width: 19em !important
	}
	div[id^="columns"] #column-3-3 .column-3-bottom {
	width: 18.95em !important
	}
}
/* hack for IEs of all persuasions before IE7 */
* html .column-3-bottom {
	width: 100% !important
}
.column-3-bottom p {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #966
}
#columns {
	position: relative;
	padding-top: 1em;
	overflow: hidden /* This hides the excess padding in non-IE browsers */
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#columns {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none
}
/* easy clearing */
#columns:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden
}
#columns {
	display: inline-block
}
/*\*/
#columns {
	display: block
}

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000
}

.layer-pushup {
	height: 30px;	
}


/* Menus */
.menu {
	padding:		.5em .9em 1.3em .9em
}
	.menu h2 {
		display:	none
	}
	.menu ol {
		margin:	0;
		padding:	0;
		list-style:	none
	}
	.menu ol li {
		margin:	0;
		padding:	.5em 0;
		border-bottom: 1px solid #e15482
	}
	.menu ol li.last {
		border-bottom: 0
	}
	.menu ol li a {
		color:		#fff
	}
	/* Subnavigation */
	.menu ol ol {
		margin:	.2em 0 .3em .7em;
		padding:	0
	}
	.menu ol ol li {
		margin:	0;
		padding:	.1em 0 0 .8em;
		border-bottom: 0;
		background: url(/graphics/li_menu.png) 0 .4em no-repeat
	}
	.menu ol ol li.selected {
		background: url(/graphics/li_menu-selected.png) 0 .4em no-repeat
	}
	.menu li.selected a {
		color:		#ff7da6
	}
	.menu li.sibling a {
		color:		#fff
	}
/* This overwrites the ol-li styles for the poll on the pink background */
.layer-poll {
	padding: .7em .9em .2em .9em;
	background-color: #cc557d	
}
.layer-poll h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 100%
}
.layer-poll h4 {
	font-weight: normal
}
.layer-poll fieldset {
	padding: 0
}
.layer-poll ol,
.layer-poll ul {
	margin-left: 0!important;
	margin-right: 0!important;
	padding-left: 0!important;
	padding-right: 0!important
}
.layer-poll ol li,
.layer-poll ul li {
	border: 0;
	margin-left: 0;
	padding-left: 0
}
.layer-poll ul li label {
	width: 94%!important;
	padding: .2em 1em .3em 0;
	color: #fff
}
.layer-poll ol li input.submit {
	padding: .2em 1em;
	border: 1px solid #fff;
	color: #bd2659;
	background: url(/aoc/graphics/bg_input-submit.png) 0 0 repeat-x #e1e1e1
}

.layer-poll-member ol li input.submit {
	padding: .2em 1em;
	border: 1px solid #fff;
	color: #bd2659;
	background: url(/aoc/graphics/bg_input-submit.png) 0 0 repeat-x #e1e1e1
}

.toolbar-standard {
	line-height:	2.5em
}
	.toolbar-standard h3 {
		display:	none
	}
	.toolbar-standard ul {
		margin:	0;
		padding:	0;
		list-style:	none
	}
	.toolbar-standard ul li {
		display:	inline
	}
	.toolbar-standard ul li a {
		margin:	0;
		padding:	0 .7em 0 .7em;
		font-size:	.96em;
		color:		#d4005b;
		border-right:		1px solid #484f52;
		font-size: 0.9em
	}
	.toolbar-standard ul li.last {
		padding-right: 1em;
		padding-left: .5em
	}
	.toolbar-standard ul li.last a {
		padding:	0 .2em 0 .2em;
		border: 0
	}

/* Breadcrumbs */
.breadcrumbs {
	padding:		1em .9em 0 .9em;
	margin:		0 0 1em 0;
	font-size:		0.9em
}
	.breadcrumbs ul {
		margin:	0;
		padding:	0;
		clear:		both
	}
	.breadcrumbs li {
		display:	inline;
		margin:	0;
		padding:	0;
		font-size:	1em
	}

/* Sitemap */
.sitemap {
	float: left;
	margin: 0;
	padding: 0
}
	.sitemap ul {
		float: left;
		margin: 0 0 1em 0;
		padding: 0;
		list-style: none
	}
	.sitemap ul li {
		float: left;
		width: 54em;
		margin: 0 0 1em 0;
		padding: 0;
		border: 0;
		font-weight: bold;
		color: #2c4e73;
		background: url(../../graphics/ico_arrow.gif) #fff 0 2px no-repeat
	}
	.sitemap ul li a {
		font-size: 1em;
		padding: 0 0 0.5em 1.2em
	}
	.sitemap ul li ul {
		float: left;
		margin: 0.5em 0 1em 0;
		padding: 0 0 0 0;
		border-top: 1px solid #eee
	}
	.sitemap ul li ul li {
		float: left;
		width: 17.5em;
		margin: 1em 0.5em 0 0;
		padding: 0;
		border: 0;
		color: #2c4e73;
		background: none
	}
	.sitemap ul li ul li a {
		padding: 0;
		font-weight: bold
	}
	.sitemap ul li ul li ul, .sitemap ul li ul li ul li ul {
		float: left;
		width: 16em;
		margin: 0;
		padding: 0;
		border: 0;
		background: none
	}
	.sitemap ul li ul li ul li {
		float: left;
		margin: 0;
		padding: 0.1em 0;
		font-weight: normal
	}
	.sitemap ul li ul li ul li a {
		margin: 0;
		padding: 0;
		font-weight: normal
	}
	.sitemap ul li ul li ul li ul li {
		float: left;
		width: 14.6em;
		margin: 0;
		padding: 0;
		font-weight: normal
	}
	.sitemap ul li ul li ul li ul li a {
		font-size: 0.9em
	}

/* Glossary */
.glossary {
	float:		left;
	width:		100%;
	margin:		0 0 1em 0;
	padding:	0.3em 0;
	color:		#4f4f4f; 
	background:	#e4e1dd
}
	.glossary ul {
		display:		inline;
		float:			left;
		margin:		0;
		padding:		0.3em 0 0.3em 0.5em;
		list-style:		none
	}
	.glossary ul li {
		font-size: 0.9em;
		display:		inline;
		padding:		0 0.55em 0 0.5em;
		border-right: 1px solid #a1a1a1;
		margin:		0
	}
	.glossary .last {
		border: 		none
	}


/* Forms */
fieldset {
	clear:			both;
	margin:			.2em 0 .5em;
	padding:		.3em;
	border:			0
}
	fieldset ol {
		margin: 0;
		padding: 0.8em 0.8em 0.3em 0.8em;
		list-style: none
	}
	fieldset ol li {
		clear: both;
		margin: 0 0 0.5em 0
	}
	fieldset label {
		float: left;
		line-height: 2em;
		color: #4f4f4f
	}
	
	fieldset label em {
		color: #d2004f !important
	}
	fieldset .input {
		clear: right;
		padding: 0.1em 0 0 0.1em;
		margin: 0;
		width: 11.9em
	}
	fieldset .select {
		clear: right;
		height: 1.7em;
		width: 14.5em;
		padding: 0;
		margin: 0;
		border: 1px solid #cacaca
	}

fieldset.search {
	margin:		0;
	padding:		.5em .7em 0 .2em;
	border:			0
}
	fieldset.search legend {
		display:	none
	}
	fieldset.search label {
		display:	none
	}
	fieldset.search p {
		float:		left;
		margin:	0;
		padding:	0 .5em 0 .3em
	}

fieldset.user-profile {
	margin-bottom: .9em;
	padding: 1em .7em;
	border: 1px solid #D2D2D2
}
	fieldset.user-profile legend {
		font-weight: bold
	}
	fieldset.user-profile label {
		float: left;
		width: 18em
	}
	fieldset.user-profile label.checkbox {
		display: block;
		float: left;
		width: 40em;
		margin: 0 0 0.5em 0;
		padding: 0;
		line-height: 1.3em
	}
	fieldset.user-profile input.check {
		float: left;
		clear: both;
		margin: 0 .5em 0 0;
		padding: .2em 0 0 0;
		background: #fff
	}
	p.panel-submit-standard {
		width: 100%;
		margin: 0;
		padding: 1em 0;
		text-align: center
	}
	p.panel-submit-standard input.input-submit {
		padding: 0.2em 0.4em;
		margin: 0.5em 0 0 0;
		font-size: 0.9em;
		border: 1px solid #f7f7f7;
		color: #bc2759;
		background: url(../../graphics/btn_bg.jpg) #d2d2d2 repeat-x;
		cursor: pointer
	}
	
	fieldset.briefing-search{
		background:#E4E1DD;
	}
	
	fieldset.briefing-search li, fieldset.briefing-search p{
		display:block;
		float:left
	}
	
	fieldset.briefing-search li label{
		float: left;
		width: 8em;
	}
	
	fieldset.briefing-search .input {
		clear: right;
		padding: 0.1em 0 0 0.1em;
		margin: 0;
		width: 25em
	}
	
	fieldset.briefing-search p.submit input.input-submit{
		margin:-0.3em 0.5em 0 0.5em;
		padding: 0.2em 0.4em;
		font-size: 0.9em;
		border: 1px solid #f7f7f7;
		color: #bc2759;
		background: url(../../graphics/btn_bg.jpg) #d2d2d2 repeat-x;
		cursor: pointer
	}
	


form.filter {
	clear: both;
	border-top: 1px solid #e4e1dd;
	margin: 0;
	padding: 0
}
	form.filter ol {
		padding: 0.5em;
		margin: 0;	
	}
	form.filter ol li {
		float: left;
		padding: 0 .5em 0 0;
		clear:none	
	}
	form.filter label {
		margin: 0 .5em 0 0;
		padding: 0 0 0 .5em
	}
	form.filter .btn {
		float: left;
		margin: 0
	}
	form.filter .dateinput {
		width: 8em
	}

/* Home page events filter */
.form-filter-event {
	margin: 0;
	padding: 0
}
.form-filter-event fieldset {
	margin: 0;
	padding: 1em 0 0
}
.form-filter-event label {
	display: block;
	float: left;
	width: 5.5em
}
.form-filter-event label {
	display: block;
	float: left;
	width: 5.5em
}
.form-filter-event ol {
	margin: 0;
	padding: 0
}
.form-filter-event .input-text {
	width: 10em;
	border: 1px solid #aca9c4;
}
.form-filter-event .input-text-date {
	width: 8.5em;
	border: 1px solid #aca9c4;
}
.form-filter-event .input-submit {
	margin-left: 6em;
	padding: .2em 1em;
	border: 1px solid #fff;
	color: #bd2659;
	background: url(/aoc/graphics/bg_input-submit.png) 0 0 repeat-x #d2d2d2
}
.form-filter-event .select-standard {
	width: 12em;
	padding: 0;
	border: 1px solid #aca9c4;
}
.form-filter-event p.panel-submit {
	height: 1.8em;
	margin: 0;
	padding: 0
}
.form-filter-event .button-ico-cross {
	border: 0;
	color: #cfe8f2;
	background: url(/graphics/ico_clear.png) 50% 60% no-repeat transparent
}
/* End: Home page events filter */


/* Directory of expertise */
.doe-search ol {
	float: left;
	padding: 0.5em 1em;
	margin: 0
}
.doe-search li {
	float: left;
	padding: 0 1em 0 0;
	margin: 0;
	clear:none
}
.doe-search .btn {
	float:left;
	margin: 0 0 0 .5em
}

/* Pagination */
.pagination {
	clear: both;
	height: 1.2em;
	margin: 1em 0 0 0;
	padding: .5em;
	background-color: #e4e1dd
}
	.pagination p {
		margin: 0;
		padding: 0
	}
	.pagination .pagination-summary {
		float: left;
		margin: 0;
		padding: 0 0 0 .5em
	}
	.pagination ul {
		margin:	0;
		padding:	0;
		list-style:	none
	}
		.pagination ul li {
			display:	inline;
			padding:	0
		}
		.pagination ul li a {
			padding: 0 .4em 0 .5em;
			border-left: 1px solid #4c4b49
		}
		.pagination ul li.selected a {
			font-weight:	bold
		}


/****************** Custom AoC styles *********************/

/* Rounded corners */
h2.bg-blue,
h2.bg-light-blue,
h2.bg-purple,
h2.bg-green {
	margin:	0 0 .2em;
	padding:	0 .7em .1em;
	font-size:	110%;
	font-weight: bold;
	color:	#fff;
}
h2.bg-blue {
	background-color: #0096cf
}
h2.bg-light-blue {
	background-color: #89bbe3
}
h2.bg-purple {
	background-color: #8a8cae
}
h2.bg-green {
	background-color: #00989f
}
h2.bg-blue span,
h2.bg-light-blue span,
h2.bg-purple span,
h2.bg-green span {
	position:	relative;
	top:	-.2em
	
}


/* Standard heading colours */
.corner-tl-blue {
	height:		8px;
	margin:	0;
	background: url(/graphics/corner-blue-right.gif) #0096cf 100% 0 no-repeat
}
.corner-tr-blue {
	margin:	0 1em 0 0;
	padding:	8px 0 0;
	background: url(/graphics/corner-blue-left.gif) #0096cf 0 0 no-repeat
}
.corner-tl-light-blue {
	height:		8px;
	margin:	0;
	background: url(/graphics/corner-light-blue-right.gif) #89bbe3 100% 0 no-repeat
}
.corner-tr-light-blue {
	margin:	0 1em 0 0;
	padding:	8px 0 0;
	background: url(/graphics/corner-light-blue-left.gif) #89bbe3 0 0 no-repeat
}
.corner-tl-purple {
	height:		8px;
	margin:	0;
	background: url(/graphics/corner-purple-right.gif) #8a8cae 100% 0 no-repeat
}
.corner-tr-purple {
	margin:	0 1em 0 0;
	padding:	8px 0 0;
	background: url(/graphics/corner-purple-left.gif) #8a8cae 0 0 no-repeat
}
.corner-tl-green	 {
	height:		8px;
	margin:	0;
	background: url(/graphics/corner-green-right.gif) #00989f 100% 0 no-repeat
}
.corner-tr-green {
	margin:	0 1em 0 0;
	padding:	8px 0 0;
	background: url(/graphics/corner-green-left.gif) #00989f 0 0 no-repeat
}

.corner-tl-grey	 {
	width: 55.8em;
	height:	8px;
	margin:	0 0 0 1em;
	background: url(/graphics/corner-grey-top-left.gif) #E8E8E4 left 0 no-repeat
}
.corner-tr-grey {
	margin:	0 0 0 8px;
	padding: 8px 0 0;
	background: url(/graphics/corner-grey-top-right.gif) #E8E8E4 right 0 no-repeat
}

.corner-bl-grey	 {
	width: 55.8em;
	height:	8px;
	margin:	0 0 0 1em;
	background: url(/graphics/corner-grey-bottom-left.gif) #F5F4F2 left 0 no-repeat
}
.corner-br-grey {
	margin:	0 0 0 8px;
	padding: 8px 0 0;
	background: url(/graphics/corner-grey-bottom-right.gif) #F5F4F2 right 0 no-repeat
}

/* Icons */
.ico-calendar-events {
	padding:		0 0 0 1.8em;
	background:	url(/graphics/ico-calendar-events.gif) 0 .15em no-repeat
}
.ico-list-news {
	padding:		0 0 0 1.3em;
	background:	url(/graphics/ico-news.gif) 0 .15em no-repeat
}
.ico-rss {
	padding: 0 .6em 0 1.8em;
	background:	url(/graphics/ico_rss-small.gif) 0 .15em no-repeat;
	text-decoration: none;	
}

/* Listing */
.listing-faq {
	clear: both;
	padding-left: .7em
}
	.listing-faq dl {
		margin: 0;
		padding: 0
	}
	.listing-faq dt {
		margin: 0;
		padding: .3em 0;
		font-weight: bold;
		color: #bd2759
	}
	.listing-faq ol {
		width: 52em;
		margin: 0;
		padding: 1em 0 0 2.5em
	}

.listing-event {
}
	.listing-event ul {
		list-style: none;
		margin: 0;
		padding: 0
	}
	.listing-event ul li {
		clear: both;
		margin: .1em 0 0;
		padding: 1em 0.5em 0.5em 0.5em;
		border-top: 1px solid #e2e1dd
	}
	.listing-event ul li.first {
		border: 0
	}
	.listing-event ul li.result-webpage {
		margin: 0;
		padding: 1em 0.5em 0.5em 2em;
		background: url(../../graphics/ico_webpage.gif) 5px 11px no-repeat
	}
	.listing-event ul li.result-document {
		margin: 0;
		padding: 1em 0.5em 0.5em 2em;
		background: url(../../graphics/ico_pdf.gif) 2px 9px no-repeat
	}

.listing-courses {
	float: left
}
 .listing-courses ul {
  float: left;
  width: 56em;
  margin: 0;
  padding: 0.5em 0;
  list-style: none;
 }
 
 .listing-courses ul li {
  float: left;
  width: 61.1em;
  margin: 0;
  padding: 0.5em 0.5em ;
  font-size: .9em
 }
	.listing-courses ul li.odd {
		background: #fff
	}
	.listing-courses ul li.even {
		background: #f1f0ee
	}
.listing-courses .course,
 .listing-courses .college,
 .listing-courses .region,
 .listing-courses .offices,
 .listing-courses .link,
 .listing-courses .coursename {
  display: block;
  float: left
 }

 
 .listing-courses .coursename {
  width: 45%
 }
 
  .listing-courses .remove {
  float: right;
  padding: 0 .3em 0 1em
 }

	.listing-courses .course {
		width: 45%
	}
	.listing-courses .college {
		width: 33%
	}
	.listing-courses .region {
		width: 20%
	}
	.listing-courses .offices {
		width: 40%
	}
	.listing-courses .link {
		float: right;
		padding: 0 .3em 0 1em
	}
	
	
	fieldset.login-standard {
		width:22em;
		margin:0 auto
	}

	form.login{
		padding:0 !important
	}

	li.first{
		border:none
	}
/* Lists */
ul.briefings {
	float: left;
	list-style: none;
	margin: 0 0 1em 0;
	width: 43.5em;
	padding: 0
}
	ul.briefings li {
		float: left;
		margin: 0;
		padding: 0.5em 0.5em ;
		width: 47.4em;
		font-size: .9em
	}
	ul.briefings li.title {
		background: #e4e1dd;
		color: #0096CF;
		font-weight: bold
	}
	ul.briefings li.odd {
		background: #fff
	}
	ul.briefings li.even {
		background: #f1f0ee
	}

/* Other styles */
.panel-standard {
	padding:		1em .9em
}
	.panel-standard h3 {
		margin:	0 0 .2em 0;
		padding:	0;
		font-size:	100%;
		color:		#d2004f;
		background-color: #fff
	}
	.panel-standard h3.related-links {
		margin: 0 0 .5em 0;
		padding: 0 0 0.5em 1.2em;
		background: url(../../graphics/ico_arrow.gif) #fff 0 2px no-repeat
	}
	
.panel {
	float:		left;
	clear:		both;
	width:		100%;
	margin:	0
}
.panel-left {
	float:		left;
	clear:		both;
	width:		47.5%;
	margin:	0 1.95% 0 0
}
.panel-right {
	float:		left;
	width:		47.5%;
	margin:	0
}
.panel-left-narrow,
.panel-left-wide {
	float:		left;
	clear:		both;
	width:		28%;
	margin:	0 1em 0 0
}
.panel-left-wide {
	width:		59%
}
.panel-right-narrow {
	float:		left;
	width:		38%;
	margin:	0
}
.panel-links {
	float:		right;
	width:		38%;
	background: #e5e1de;
	margin:	0
}
.panel-centre {
	width:		38%;
	margin:	0 auto
}
.panel-form {
	width:		80%;
	margin:	0 auto
}

/* Events search filter */
.panel-filter-front {
	padding:		1em .9em;
	background-color: #eeede9
}
.panel-filter-front h3 {
	font-size: 100%;
	margin: 0;
	padding: 0
}
.panel-filter-front a {
	color: #505050
}
.panel-filter-front .action-hide {
	padding-left: 1em;
	background: url(/graphics/ico_arrow-on.png) 0 .3em no-repeat
}
.panel-filter-front .action-show {
	padding-left: 1em;
	background: url(/graphics/ico_arrow-off.png) .1em .2em no-repeat
}
/* Event listing on the front page */
.panel-events-front {
	padding:		1em .9em;
  background-color: #E4E1DC;
}
.panel-events-front dd {
	margin-top: .3em;
	margin-bottom: 1em;
	border-bottom: 1px #f4f1ec solid
}

/* Luke styles */
.clear-left {
	clear: left
}
.red {
	color: red
}

.pixl8-plug {
	padding-bottom:	.6em;
	font-size: 0.9em;
	color: #505050
}
.pixl8-plug a {
	color: #505050
}
.top  {
	border: 0;
	padding: 0 0 0.5em 0;
	margin: 0
}
.btn {
	float: right;
	border: 1px solid #f7f7f7;
	background: url(../../graphics/btn_bg.jpg) #d2d2d2 repeat-x;
	color: #bc2759;
	font-size: 0.9em;
	padding: 0.2em 0.4em;
	margin: 0.5em 0 0 0;
	cursor: pointer
}
.btn-forgotpass{
	float: right;
	border: 1px solid #f7f7f7;
	background: url(../../graphics/btn_bg.jpg) #d2d2d2 repeat-x;
	color: #bc2759;
	font-size: 0.9em;
	padding: 0.2em 0.4em;
	margin: 0.5em 0.5em 0 0;
	cursor: pointer
}

	.btn .book {
		float: none;
		margin: 0;
		text-decoration: none
	}
.error {
	font-size: .9em;
	color: red
}
.signin, .doe-search, .resource-search {
	background: #e4e1dd
}
.signin {
	padding-left:2em;
	padding-bottom:0.5em
}

.resource-search li {
	clear: both
}
.resource-search li.form-info,
.user-profile li.form-info {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0
}
.user-profile li.form-info-bold {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #0096CF
}
.resource-search li.form-info p,
.user-profile li.form-info-bold p {
	padding: 0.6em 0;
	margin: 0 0 0.5em 0;
	font-size: .9em
}
.user-profile .form-info {
	padding: 0.1em 0;
	margin: 0 0 0.5em 0;
	font-size: .9em
}
.resource-search .btn {
	margin: 0 auto;
	float: none
}
.signin label {
	width: 10em
}
.doe-search label, 
.resource-search label {
	float: left;
	width: 10em;
	font-size: 0.9em
}

.form-result {
	float: left;
	width: 25em
}
.resource-search .select {
	margin: 0 .5em 0 0;
	width: 14.5em
}
.resource-search .input {
	margin: 0 .5em 0 0
}
.signin .input {
	float: left;
	clear: right;
	padding: .1em 0 0 .1em;
	margin: 0;
	width: 11.7em
}
.forgotten-password {
	float: left;
	margin: .5em 0 0 0;
	line-height: 2em;
	font-size: .9em
}
.date-picker {
	width: 13px;
	height: 1.5em;
	padding: 0;
	margin: 0 0.5em;
	border: 0;
	cursor: pointer;
	background: url(../../graphics/ico-calendar-events.gif) center no-repeat
}

.nopadding {
	padding: 0
}
.padding-left {
	padding:		0em .9em
}


.watermark-aoc {
	height:			284px;
	text-align: center;
	padding-top: .5em;
	margin: 1.3em -.9em;
	background: url(/graphics/logo_aoc-pink.gif) 0 0 #bb2759 no-repeat
}
.heading-events {
	margin:		0;
	padding:		.3em 1em;
	font-size:		100%;
	font-weight:	bold;
	color:			#fff;
	background-color:	#7abce6
}


.date,
.time,
.location {
	background: url(../../graphics/ico-calendar-events.gif) 0 2px no-repeat;
	padding: 0 0 0 1.4em;
	margin: 0 0.7em 0 0;
	font-weight: bold
}

.time {
	background: url(../../graphics/ico_time.gif) 1px 2px no-repeat
}

.location {
	background: url(../../graphics/ico_location.gif) 1px 2px no-repeat
}


.link {
	width: auto;
	padding: 0 0 0 1em;
	background: url(../../graphics/ico_link.gif) 0 5px no-repeat
}


.title .course,
.title .college,
.title .region {
	font-weight: bold;
	color: #bc2759;
	padding: .3em 0
}

#document-summary h3 {
	padding: 0.5em 0.5em 0.5em 2.5em;
	margin: 0;
	background: url(../../graphics/ico_pdf.gif) 8px 5px #e4e1dd no-repeat
}

.title-grey {
	float:left;
	padding: 0.5em;
	margin: 0;
	background: #e4e1dd;
	width: 54.8em
}
	.title-grey h3 {
		float:left;
		background: none;
		padding: 0 0 0 0.3em
	}

.return {
	float: right;
	color: pink;
	padding: 0 0.5em 0 0;
	font-size: 0.9em
}
.contact-details {
	float: left;
	padding: 0 0 0 0.5em
}
.normal {
	font-weight: normal
}

.document-info {
	width: 100%;
	clear: left;
	float: left;
	margin: 0;
	padding: 0.5em 0
}
	.document-info p {
		margin: 0;
		padding: 0
	}
.document-detail {
	clear: left;
	float: left;
	width: 13em;
	margin: 0 0 0.5em 0
}
.document-detail-result {
	float: right;
	clear: right;
	margin: 0 0 0.5em 0;
	width: 42em
}
.download-document {
	float: left;
	height: 1.5em;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	width: 100%;
	padding: 0.5em 0 0.4em 0;
	margin: 0 0 1em 0
}

.event-image {
	float: right;
	margin: 0 0 1em 1em
}

a.pdf {
	float: left;
	padding: .1em 0 .1em 2em;
	margin: 0;
	background: url(../../graphics/ico_pdf.gif) 0 0 no-repeat;
	line-height: 14px
}
a.ico_page {
	float: left;
	padding: .1em 0 .1em 2em;
	margin: 0;
	background: url(../../graphics/ico_page.png) 0 0 no-repeat;
	line-height: 14px
}
.link-web {
	float: left;
	padding: 1px 0 1px 18px;
	margin: 0;
	background: url(../../graphics/ico-webpage.jpg) 0 center no-repeat;
	line-height: 20px
}
.link-doc {
	float: left;
	padding: 1px 0 1px 18px;
	margin: 0;
	background: url(../../graphics/ico-document.jpg) 0 center no-repeat;
	line-height: 20px
}

.search-title {
float: left;
width: 54.8em;
padding: 0.5em 0 0.5em 1em;
margin: 0 0 0.5em 0
} 

.tab-menu{
	float:left;
}

.tab-menu .tab{
	display:float:left;
}
.tab-menu .tab a{
	display:block;
	float:left;
	padding:.25em .5em;
	margin:0 .25em;
	border:solid 1px #CCC;
	
}
.tab-menu .tab a.selected{
	background:#FFDFEA;
	border:solid 1px #C33D6A;
}


/* TODO use align-left instead */
.search-title h3 {
float: left
} 

/* TODO use align-right instead */
.key {
float: right
}


.result-member-only,
.result-webpage,
.result-document {
	padding: 0.2em 0 0.2em 1.5em;
	margin: 0 0.5em 0 0;
	background: url(../../graphics/ico_lock.gif) 2px 3px no-repeat;
	font-size: 0.9em
}

.result-webpage {
	background: url(../../graphics/ico_webpage.gif) 2px 3px no-repeat
}

.result-document {
	background: url(../../graphics/ico_pdf.gif) 0 0 no-repeat
}

.locked {
	padding: 0 1.3em 0 0;
	background: url(../../graphics/ico_lock.gif) right no-repeat;
	width: auto !important
}

.success-story {
	margin: 0 0 0.5em 0.5em;
	float: left
}
.success-image {
	display: inline;
	float: left;
	padding: 0 0.8em 0 0
}
.success-text,
.whoswho-text {
	float: left;
	width: 33.8em
}

.whoswho-text {
	width: 39em
}

.success-text h3,
.whoswho-text h3 {
	padding: .5em;
	margin: 0 0 .5em 0;
	background: #e4e1dd
}

.success-thumb {
	float: left;
	padding: 0 0.8em 0 0;
	width: 112px
}

a.show{
	color:#fff;
	font-size:0.8em;
}

a.show:hover{
	color:#BC2759;
	
}

div.ajax-autocomplete {
	position: absolute;
	overflow: auto;
	width: 32em;
	height: 20em;
	margin: 0;
	padding: 0;
	border: 1px solid #888;
	background-color: #fff
}
	div.ajax-autocomplete ul {
		margin: 0;
		padding: 0;
		list-style: none
	}
	div.ajax-autocomplete ul li {
		clear: both;
		width: 100%;
		margin: 0;
		padding: .2em .3em;
		cursor: pointer
	}
	div.ajax-autocomplete ul li.selected,
	div.ajax-autocomplete ul li:hover {
		background-color: #ffffbb
	}


/* TODO use clear instead */
.dropdown {
	clear: both
}

/* Related objects */
#related-objects{
	padding:	.5em
}

/* qTip */
div#qTip {
  padding: 3px;
  border: 1px solid #9F9F9F;
  display: none;
  background: #ffff99;
  color: #505050;
  font-size: 1em;
  text-align: left;
  position: absolute;
  z-index: 100
}

/*** pullquote ***/
blockquote.pullquote-left,blockquote.pullquote-right {
	background: #dbeaf7 url(/graphics/quote-open.gif) 0.8em 0.8em
		no-repeat;
	width: 40%;
	padding: 2.4em 0.8em 0.8em 0.8em;
	margin: 0.5em 1em;
}

blockquote.pullquote-left {
	float: left;
}

blockquote.pullquote-right {
	float: right;
}

blockquote.alt {
	float: right;
	margin: 0.25em 0 0.25em 0.75em;
}

blockquote.pullquote-left p,blockquote.pullquote-right p {
	margin: 2em 0 0 0;
	padding-left: 3.3em;
	text-align: left;
	display: inline;
}

blockquote.pullquote-left div.blockquote-close,blockquote.pullquote-right div.blockquote-close
	{
	background: url(/graphics/quote-close.gif) bottom right no-repeat;
	height: 2.6em;
}

.pullquote p:first-letter {
	text-transform: uppercase
}

/** pullquote hack***/
.pullquote-left, .pullquote-right {
	border: none;
}


.box-pink2 {
	border-right: 1px solid #BD2659;
	border-bottom: 1px solid #BD2659;
	border-left: 1px solid #BD2659;
	padding: 10px 10px 0 10px;
	margin: 0 0 12px 0;
	width: 206px;
}

.box-pink2 .rc-br-pink,
.box-pink2 .rc-bl-pink {
	margin: 0;
}

.box-pink2 .rc-bl-pink {
	margin: 0 -11px -1px -11px;
}

/*** briefing listing ***/

	.briefing.pagination{
		margin-top:0 !important
	}
	
	.briefing-panel{
		width:49.5%;
		float:left;
	}
	
	.briefing-panel .content{
		margin:2em 0 0 2em;
	}
	
	.briefing-panel .content h4{
		margin-bottom:.5em;
		color:#B42455
	}

.table-briefing {
	border-color: #f2f2f2;
}
.table-briefing tr th {
	line-height: 31px;
}

/* ajax indicator */
.ajax-indicator {
	vertical-align: middle; 
	margin: 0 10px;
}

.layer-footer-container {
	width: 100%;
}
/* Update password */
.layer-update-your-password .img-warning {
	float: right;
	margin: 0 0 0 10px;
}
.layer-update-your-password form fieldset, 
.layer-update-your-password form fieldset ol {
	margin: 0;
	padding: 0;
}
.layer-update-your-password form fieldset ol li label {
	font-weight: bold;
}
.layer-update-your-password form fieldset ol li .btn {
	float: none;
}
.layer-update-your-password form fieldset ol li.list-button {
	margin: 10px 0 5px;
	text-align: center;
}

/* Member address */
.layer-addresses fieldset.user-profile {
	padding: 0;
	border: 0;
}
.layer-addresses .listing-addresses {
	width: 663px;
	min-height: 160px;
	_height: 160px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #D2D2D2;
	border-width: 1px 0 0 1px;	
}
.layer-addresses .listing-addresses li {
	position: relative;
	float: left;
	width: 218px;
	min-height: 140px;

	_height: 140px;
	margin: 0;
	padding: 20px 1px 0;
	border: 1px solid #D2D2D2;
	border-width: 0 1px 1px 0;
}
.layer-addresses .listing-addresses h3  {
	margin: 0 0 10px 0;
	padding: 0 10px;
}
.layer-addresses .listing-addresses address  {
	margin: 0 0 3px;
	padding: 0 10px;
}
.layer-addresses .listing-addresses li label {
	position: absolute;
	left: 1px;
	bottom: 1px;
	width: 198px;
	height: 30px;
	_height: 10px;
	padding: 3px 10px;
	_padding: 5px 10px;
	background-color: #F1F0EE;
	color: #BB2759;
	clear: both;
	line-height: 30px;
}
.layer-addresses .listing-addresses li label.label-primary {
	color: #0196D0;
}
.layer-addresses .listing-addresses li input {
	margin: -5px 3px 0 0;
	_margin: 0 3px 0 0;
	clear: both;
	vertical-align: middle;
}
.layer-addresses .listing-addresses li dl {
	height: 51px; 
	margin: 0;
	padding: 0 10px;
}
.layer-addresses .listing-addresses li dl dt {
	clear: both;
	float: left;
	width: 80px;
	margin: 0 0 2px;
	padding: 0;
	font-weight: normal;
}
.layer-addresses .listing-addresses li dl dd {
	float: left;
	width: 110px;
	margin: 0 0 2px;
	padding: 0;
}