@charset "UTF-8";


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

h2 {font-size:1.4em}

.logo {
		float: 		right;
		width:		200px;
		height:		93px;
		margin:		.9em 1.7em 0 0;	
	}

/* Layers */
#layer-page {
	width: 			100%;
	margin: 		0 auto;
	padding: 		0
}
#layer-header {
	width:			100%;
	height:			9em;
	/*background:	url(/graphics/shaping-futures.gif) #fff 1em 1em no-repeat*/
}
	
	#layer-header h1 span {
		display:	none
	}
#layer-body {
	clear:			both;
	margin:		0;
	padding-top:	2.7em
}
#layer-footer {
	display:none
}
#layer-search {
	position:		absolute;
	top:				9em;
	width: 			18em;
	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:				9em;
	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
}

/* One true layout (3 and 2 columns) */
#column-3-1	 {	
	float:		left;
	width:		70%;
	background-color: #fff	
}		
* html #column-3-1 {		
	display: inline	
}		
#column-3-2	 {	
	display:none
}
#column-3-3	 {	
	float:		left;
	width:		30%;
	background-color: #e4e1dc		
}
#column-2-1	 {	
	float:		left;
	width:		100%;
	background-color: #fff	
}		
* html #column-2-1 {		
	display: inline	
}		
#column-2-2	 {	
	display:none
}

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


/* 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 .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;
	border: 1px solid #f2f2f2
}
	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
	}

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;
		width: auto;
		margin: 0 .5em 0 0
	}
	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
	}

/* Directory of expertise */
/* 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 *********************/



/* 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
}

/* 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
	}
	
	.login-panel {
	width:100%;
	
	}

	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
}



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

.pixl8-plug {
	padding-bottom:	.6em;
	font-size: 0.9em
}
.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: left;
	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 .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: 8em
}
.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: 10.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;
	background: url(/graphics/logo_aoc-pink.gif) 0 0 #bb2759 no-repeat
}
.heading-events {
	margin:		0;
	padding:		.3em 1em;
	font-size:		100%;
	font-weight:	normal;
	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
}

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

/* 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
}