@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 150%;
	overflow-y: scroll;
	}

.mainHolder {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	}

.home {
	background-color: #000000;
	}

.mainBorder {
       background-color: #ffffff;
       border-right: 1px solid #d8d8d3;
       border-bottom: 1px solid #d8d8d3;
       border-left: 1px solid #d8d8d3;
       height:auto !important; /* IE6 ignores this... */
       height:800px;
       min-height:800px;
       }
	.home .mainBorder {
		background-color: transparent;
		border: none;
		}

.topCorners {
	display: block;
	position: relative;
	top: -1px;
	border-top: 1px solid #ffffff;
	}
	.bottomCorners {
		display: block;
		position: relative;
		top: 2px;
		border-bottom: 1px solid #ffffff;
		}

/* deprecated

.headerCorner {
	position: relative;
	border-right: 1px solid #647a89;
	border-left: 1px solid #4c575c;

	}

*/

.header {
	position: relative;
	height: 160px;
	/* _background: none;
	_filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#4c575c, endColorstr=#647a89);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#4c575c, endColorstr=#647a89)"; */
	background-image: url(../images/header.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;
	} .home .header { height: 140px; }
	.logo {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 215px;
		height: 100px;
		background-image: url(../images/logo.png);
		}
	.header ul {
		float: left;
		_display: inline;
		margin: 0 0 20px 260px;
		padding: 0;
		height: 90px;
		overflow: hidden;
		}
		.header ul li  {
			float: left;
			margin: 0 0 15px 0;
			padding: 0;
			list-style: none;
			border-left: 1px solid #717b80;
			}
			.header ul li a, .header ul li a:hover {
				position: relative;
				float: left;
				width: 100px;
				height: 75px;
				overflow: hidden;
				padding: 0 10px;
				color: #ffffff;
				text-decoration: none;
				outline: none;
				border-bottom: 5px solid transparent;
				_border-color: pink;
				_filter: chroma(color=pink);
				}
			.header ul li.selected a {
				border-bottom: 5px solid #deff00;
				}
				.header ul li a span {
					display: block;
					position: absolute;
					left: 10px; right: 10px; bottom: 10px;
					}
	.header h1 {
		clear: left;
		margin: 0 10px 0 10px;
		font-weight: normal;
		color: #ffffff;
		font-size: 16px;
		}
	.header p {
		clear: left;
		margin: 10px 10px 0 10px;
		color: #ffffff;
		}
.headerReduced {
	padding-bottom: 10px;
	}

a {
	color: #257cb3;
	text-decoration: none;
	border-bottom: 1px solid #a7a7a7;
	}
	a:hover {
		border-color: #257cb3;
		}

h2 {
	margin-top: 1em;
	font-size: 1em;
	color: #42433e;
	}

h3 {
	margin-top: 1em;
	font-size: 14px;
	font-weight: normal;
	color: #42433e;
	}

h2.sectionTitle {
	position: relative;
	margin: -27px 0 0 0;
	padding: 0 10px;
	height: 28px;
	overflow: hidden;
	line-height: 40px;
	background-image: url(../images/images.png);
	background-position: -13px -205px;
	_filter: chroma(color=#d8e9ec);
	}

.sectionContent {
	padding: 0 10px;
	background-color: #ffffff;
	margin-bottom: 14px;
	transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
	}
	.sectionContent .columnR {
		width: 250px;
		padding-left: 10px;
		}
	.sectionContent .columnL {
		width: 650px;
		}
	.sectionContent p {
		color: #666666;
		}
	.sectionContent div {
		color: #666666;
		}
	.sectionContent div.repoId {
		float: right;
		}

.columnR {
	float: right;
	width: 410px;
	}
	.columnR h2.sectionTitle {
		padding-left: 13px;
		background-position: -10px -205px;
		}
	.columnR .sectionContent {
		padding-left: 13px;
		background-image: url(../images/images.png);
		background-position: -977px 0;
		background-repeat: repeat-y;
		_filter: chroma(color=#d8e9ec);
		}

.columnL {
	float: left;
	display: inline;
	width: 530px;
	padding-bottom: 30px; /* negative top margin from h2.sectionTitle */
	background-image: url(../images/images.png);
	background-position: 665px 0;
	background-repeat: repeat-y;
	}

.columnR .sectionContent, .columnL .sectionContent {
	min-height: 400px;
	}

.columnSwap {
	height:auto !important; /* IE6 ignores this... */
	height:600px;
	min-height:600px;
}

.columnSwap .columnR {
	float: right;
	display: inline;
	width: 570px;
	}

.columnSwap .columnL {
	width: 375px;
	}

ul.sideMenu {
	float: left;
	width: 230px;
	margin: 0;
	padding: 20px 0 0 0;
	}
	ul.sideMenu li {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		ul.sideMenu li a {
			display: block;
			padding: 2px 0;
			color: #42433e;
			border-color: #e9ebec;
			/* ie6 */ _height: 100%;
			}
		ul.sideMenu li.selected a {
			color: #257cb3;
			}
		ul.sideMenu li ul {
			margin: 0;
			padding: 0;
			}
			ul.sideMenu li ul li a {
				padding-left: 20px;
				}
.columnRbySideMenu {
	float: right;
	width: 670px;
	padding-top: 10px;
	}

.link {
	position: relative;
	_display: block;
	_margin-left: 28px;
	}
	.link span {
		float: left;
		margin: -2px 6px 0 0;
		width: 23px;
		height: 23px;
		overflow: hidden;
		text-indent: -10000px;
		background-image: url(../images/images.png);
		background-position: -76px -140px;
		_position: absolute;
		left: -28px;
		}
	.linkRss span {
		background-position: -274px -173px;
		}

.btn {
	position: relative;
	display: block;
	margin-bottom: 5px;
	border-left: 1px solid #d2d4d5;
	border-right: 1px solid #d2d4d5;
	border-bottom: none;
	text-decoration: none;
	color: #42433e;
	background-color: #fff7b0;
	outline: none;
	height: 100%;
	}
	a.btn:hover {
		background-color: #fff289;
		border-color: #d2d4d5;
		}
	.btn.aeonLink, .btn.parentAeonLinkIdentifier {
		background-color: #C4EE9A;
		color: #42433E;
		}
	.btn.aeonLink:hover, .btn.parentAeonLinkIdentifier:hover {
		background-color: #BCE495;
		color: #42433E;
		text-decoration: none;
		}
	.btn span, .btn .top, .btn .bottom {
		display: block;
		position: relative;
		top: -1px;
		left: 0;
		border-top: 1px solid #d2d4d5;
		}
	.btn span span, .btn .bottom {
		padding: 0px 26px 3px 6px;
		border-top: none;
		border-bottom: 1px solid #d2d4d5;
		top: 2px;
		}
	.btn ul {
		margin: 10px 0 0 0;
		padding: 0;
		}
		.btn ul li {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			.btn ul li a {
				color: #257cb3;
				}
	.btn .ico {
		position: absolute;
		z-index: 1;
		top: -3px;
		left: auto;
		right: -1px;
		float: right;
		width: 22px;
		height: 23px;
		padding: 2px 0 2px 0;
		/* background-color: #1b5f7f; */
		background-image: url(../images/images.png);
		border: none;
		}

.aeonLink {
	border-bottom: none;
	color: #66A02C;
	display: block;
	}
	.aeonLink:hover {
		color: #66A02C;
		text-decoration: underline;
		}

.accessHighlight {
	color: #CA3F3F;
	}

.btnGo {
	background-color: #e4f1f6;
	}
	a.btnGo:hover {
		background-color: #d4e8f0;
		}
	.btnGo .ico {
		background-position: -77px -140px;
		}

	.btnHelp .ico {
		background-position: -142px -140px;
		}

	.btnOpen .ico {
		background-position: -175px -140px;
		}

.btn .icoShow {
	height: 18px;
	background-position: -110px -173px;
	}

.btnOpen .icoShow {
	background-position: -208px -173px;
	}

.btnDrop {
	position: relative;
	display: block;
	margin-top: -5px;
	margin-bottom: 5px;
	border-left: 1px solid #d2d4d5;
	border-right: 1px solid #d2d4d5;
	text-decoration: none;
	color: #42433e;
	background: #fff7b0;
	outline: none;
	}
.btnDropGo {
	background-color: #e4f1f6;
	}
	.btnDrop .topCorners, .btnDrop .bottomCorners {
		border-color: #D2D4D5;
		}
	.btnDrop .bottomCorners {
		padding: 0 6px;
		}
	.btnDrop ul {
		margin: 0;
		padding: 0 0 5px 0;
		position: relative;
		}
		.btnDrop ul li {
			position: relative;
			margin: 0;
			padding: 0;
			overflow: hidden;
			list-style: none;
			color: #a7a7a7;
			}
		.btnDrop ul li.selected {
			list-style: none;
			margin-left: 0;
			}

.btnInline {
	position: relative;
	display: inline;
	color: #257cb3;
	border: none;
	border-bottom: 1px solid #a7a7a7;
	}
	a.btnInline:hover {
		background-color: transparent;
		border-color: #257cb3;
		}
	.btnInline span, span.icoBack, span.icoEdit, span.icoDelete, span.notPublished{
		position: relative;
		z-index: 1;
		top: 4px;
		float: left;
		width: 11px;
		height: 11px;
		margin-right: 4px;
		background-image: url(../images/images.png);
		background-position: -248px -178px;
		border: none;
		_filter: chroma(color=#d8e9ec);
		}
	span.icoBack {
		background-position: -180px -179px;
		}
	span.icoEdit {
		background-position: -429px -146px;
		}
	span.icoDelete {
		background-position: -248px -146px;
		}

table.objectTable {
	margin-top: 10px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	}
	table.objectTable tr {
		vertical-align: top;
		}
		table.objectTable tr th {
			width: 160px;
			text-align: left;
			font-weight: bold;
			color: #42433e;
			}
		table.objectTable tr td {
			padding-bottom: 15px;
			color: #666666;
			}
			table.objectTable tr td p {
				margin-top: 0;
				}

.footer {
	padding: 10px 0;
	text-shadow: 1px 1px 0 #cccccc;
	}
	.footer a {
		margin-right: 20px;
		color: #666666;
		border: none;
		}
	.footer a:hover {
		color: #257cb3;
		border-bottom: 1px solid #a7a7a7;
		}
.home .footer {
	text-shadow: none;
	}

hr {
	color: #e9ebec;
	background-color: #e9ebec;
	height: 1px;
	border: none;
	}

.clr {
	clear: both;
	height: 1px;
	overflow: hidden;
	}

.popupBlock {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #4c575c;
	z-index: 999; /* Benji 18/04/2011 - Had to give a z-index value to the image slider; as a result, appears in front of popup 'glass' blocker */
	zoom: 1; /* Benji 18/04/2011 - Added in case IE doesn't apply 'hasLayout' to the element as it doesn't have position:relative */
	opacity: 0.85;
	filter: alpha(opacity=85);
	}

.popup {
	color: #42433e;
	background-color: #ffffff;
	}
	.popup .top, .popup .bottom {
		position: relative;
		top: -1px;
		margin: 0 1px;
		height: 1px;
		background-color: #ffffff;
		overflow: hidden;
		}
	.popup .bottom {
		top: 1px;
		}
	.popup .middle {
		position: relative;
		overflow: hidden;
		}
	.popup .close {
		position: absolute;
		top: -1px;
		right: -21px;
		width: 23px;
		height: 23px;
		cursor: pointer;
		background-image: url(../images/images.png);
		background-position: -142px -173px;
		}
		.popup .close span {
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../images/images.png);
			background-position: -390px -140px;
			}
	.popup .middle .popupHeader {
		padding: 0 10px 20px 10px;
		border-bottom: 1px solid #E9EBEC;
		}
		.popup .middle .popupHeader h2 {
			margin: 0;
			padding: 16px 0 0 0;
			font-size: 14px;
			font-weight: normal;
			}
	.popup .middle .popupContent {
		position: relative;
		overflow: auto;
		margin-right: 2px;
		padding: 0 10px 0 10px;
		background-color: #ffffff;
		}

.widgetBuilder {
	/* border-top: 1px solid #e9ebec; */
	}
	.widgetBuilder .column {
		float: left;
		padding: 15px 15px 15px 0;
		}
	.widgetBuilder .line {
		padding-left: 15px;
		background-image: url(../images/images.png);
		background-position: -979px 0;
		background-repeat: repeat-y;
		}
		.widgetBuilder .column h2 {
			position: relative;
			margin: 0 0 10px 0;
			padding-left: 31px;
			font-size: 11px;
			font-weight: normal;
			/* ie6 */
			_position: static;
			_padding: 0;
			}
			.widgetBuilder .column h2 strong {
				position: absolute;
				top: -4px;
				left: 0;
				float: left;
				width: 23px;
				height: 23px;
				overflow: hidden;
				text-align: center;
				font-weight: normal;
				line-height: 22px;
				color: #ffffff;
				background-image: url(../images/images.png);
				background-position: -274px -140px;
				/* ie6 */
				_position: static;
				_top: 0;
				_float: none;
				_display: inline;
				_width: auto;
				_height: auto;
				_font-weight: bold;
				_font-size: 22px;
				_line-height: normal;
				_color: #000000;
				_background: none;
				}
		.widgetBuilder .column table {
			border-collapse: collapse;
			border-width: 0px;
			}
			.widgetBuilder .column table tr {

				vertical-align: top;
				}
				.widgetBuilder .column table tr td {
					padding-bottom: 10px;
					}

.widget {
	position: relative;
	font-size: 11px;
	float: left;
	color: #ffffff;
	background-color: #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	}
	.widget .widgetTop {
		position: relative;
		top: -1px;
		border-top: 1px solid #000000;
		}
		.widget .widgetTop .widgetBottom {
			position: relative;
			top: 2px;
			border-bottom: 1px solid #000000;
			}
			.widget .widgetTop .widgetBottom .widgetMargin {
				padding: 2px 4px;
				}
				.widget .widgetTop .widgetBottom .widgetMargin .widgetImage {
					}
					.widget .widgetTop .widgetBottom .widgetMargin .widgetImage .prev, .widget .widgetTop .widgetBottom .widgetMargin .widgetImage .next {
						display: block;
						position: absolute;
						z-index: 1;
						top: 6px;
						left: -10px;
						width: 23px;
						height: 23px;
						overflow: hidden;
						text-indent: -10000px;
						cursor: pointer;
						background-image: url(../images/images.png);
						background-position: -76px -173px;
						background-repeat: repeat-y;
						}
					.widget .widgetTop .widgetBottom .widgetMargin .widgetImage .prev {
						top: 32px;
						background-position: -76px -140px;
						}
				.widget .widgetTop .widgetBottom .widgetMargin a {
					color: #009dd8;
					text-decoration: underline;
					border: none;
					}
				.widget .widgetTop .widgetBottom .widgetMargin p {
					margin-top: 0;
					}
				.widget .widgetTop .widgetBottom .widgetMargin .widgetFooter {
					font-size: 10px;
					white-space: normal;
					}

.collectionTable {
	background-color: #e4f1f6;
	border-right: 1px solid #d2d4d5;
	border-left: 1px solid #d2d4d5;
	}
	.collectionTable .topCorners, .collectionTable .bottomCorners {
		border-color: #d2d4d5;
		}
	.collectionTable h2 {
		margin: 0;
		padding: 5px 12px;
		}
	.collectionTable.archive .name {
		color:#257cb3;
		text-decoration: underline;
		}
	.collectionTable.archive a .objects {
		color:#257cb3;
		font-weight: bold;
		}

.collectionTable ul.paginate {
	margin: -2px 0 0 0;
	padding: 0 0 0 10px;
	height: 32px;
	border-bottom: 1px solid #d2d4d5;
	}
.collectionTable ul.paginateBottom {
	margin-top: 0;
	border-top: 1px solid #d2d4d5;
	}
	.collectionTable ul.paginate li {
		float: left;
		margin: 0;
		padding: 0 4px;
		list-style: none;
		height: 32px;
		overflow: hidden;
		}
	.collectionTable ul.paginate li.selected {
		background-color: #4d4d4d;
		}
		.collectionTable ul.paginate a {
			float: left;
			margin-top: 6px;
			}
		.collectionTable ul.paginate li.selected a {
			margin-top: 8px;
			color: #ffffff;
			border: none;
			}

.collectionTable .paginateLink {
	float: right;
	margin: 8px 8px 0 0;
	}

ul.collectionTableView {
	position: relative;
	float: right;
	margin: 6px 4px 0 0;
	padding: 0;
	width: 70px;
	height: 21px;
	overflow: hidden;
	}
	ul.collectionTableView li {
		float: left;
		_display: inline;
		height: 100%;
		margin: 0 0 0 1px;
		padding: 0;
		list-style: none;
		}
		ul.collectionTableView li a {
			float: left;
			_display: inline;
			width: 22px;
			height: 21px;
			overflow: hidden;
			text-indent: -10000px;
			background-color: #1b5f7f;
			background-image: url(../images/images.png);
			background-position: -307px -174px;
			outline: none;
			_filter: chroma(color=#d8e9ec);
			}
		ul.collectionTableView li.b a {
			background-position: -330px -174px;
			}
		ul.collectionTableView li.c a {
			background-position: -353px -174px;
			}
		ul.collectionTableView li.selected a {
			background-color: #4d4d4d;
			}

.ie6 ul.collectionTableView,
.ie7 ul.collectionTableView,
.ie8 ul.collectionTableView {
	position: absolute;
	right: 2px;
	float: none;
}

.collectionTable ul.head {
	margin: 0;
	padding: 0;
	height: 28px;
	overflow: hidden;
	border-bottom: 1px solid #d2d4d5;
	}
	.collectionTable ul.head li {
		float: left;
		margin: 0;
		padding: 6px 0 8px 8px;
		width: 93px;
		list-style: none;
		color: #666666;
		border-right: 1px solid #d2d4d5;
		}
	.collectionTable ul.head li.name {
		padding-left: 12px;
		width: 199px;
		}
	.collectionTable2 ul.head li.name {
		width: 299px;
		}
	.collectionTable ul.head li.objects {
		border-right: none;
	}

.collectionTable ul.list, .collectionTable .list {
	margin: 5px 0 0 0;
	padding: 0;
	height: 100%;
	}
	.collectionTable ul.list li, .collectionTable .list .listItem {
		/* ie6 */
		_position: relative;
		height: 100%;
		margin: 0 4px 4px;
		padding: 0;
		list-style: none;
		color: #666666;
		background-color: #ffffff;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		}
		.collectionTable ul.list li .topCorners, .collectionTable .list .listItem .topCorners {
			position: relative;
			top: -1px;
			border-top: 1px solid #ffffff;
			}
			.collectionTable ul.list li .bottomCorners, .collectionTable .list .listItem .bottomCorners {
				position: relative;
				top: 2px;
				border-bottom: 1px solid #ffffff;
				overflow: hidden;
				}
	.collectionTable ul.list li .name, .collectionTable ul.list li .author, .collectionTable ul.list li .date, .collectionTable ul.list li .objects, .collectionTable ul.list li .action, .collectionTable ul.list li .content,
	.collectionTable .list .listItem .name, .collectionTable .list .listItem .author, .collectionTable .list .listItem .date, .collectionTable .list .listItem .objects, .collectionTable .list .listItem .action, .collectionTable .list .listItem .content {
		float: left;
		width: 85px;
		margin-top: -3px;
		padding: 10px 8px;
		border-left: 1px solid #e4f1f6;
		}
	.collectionTable ul.list li .name, .collectionTable .list .listItem .name {
		width: 190px;
		border-left: none;
		}
	.collectionTable2 ul.list li .name, .collectionTable2 .list .listItem li .name {
		width: 290px;
		}
	.collectionTable ul.list li .content, .collectionTable .list .listItem .content {
		float: left;
		width: 290px;
		padding-top: 0;
		border-left: none;
		}
	.collectionTable ul.list li .image, .collectionTable .list .listItem .image {
		clear: left;
		/* ie6 */ _display: inline;
		float: left;
		width: 185px;
		overflow: hidden;
		margin: 0 5px 10px 5px;
		text-align: center;
		border: none;
		}
		.collectionTable ul.list li .image img, .collectionTable .list .listItem .image img {
			border: none;
			}
	.collectionTable ul.list-grid li, .collectionTable .list-grid .listItem {
		float: left;
		display: inline;
		width: 264px;
		margin-bottom: 6px;
		}
		.collectionTable ul.list-grid li, .collectionTable .list-grid .listItem .bottomCorners {
			height: 256px;
			overflow: hidden;
			}

	.collectionTable ul.list-grid li.odd, .collectionTable .list-grid .odd {
		float: right;
		margin-left: 0;
		}
	.collectionTable ul.list-grid li .author, .collectionTable .list-grid .listItem .author,
	.collectionTable ul.list-grid li .date, .collectionTable .list-grid .listItem .date,
	.collectionTable ul.list-grid li .objects, .collectionTable .list-grid .listItem .objects,
	.collectionTable ul.list-grid li .content, .collectionTable .list-grid .listItem .content {
		display: none;
		}
	.collectionTable ul.list-grid li .image, .collectionTable .list-grid .listItem .image {
		float: none;
		width: auto;
		height: 125px;
		}
	.collectionTable ul.list-noimages li .image, .collectionTable .list-noimages .listItem .image {
		display: none;
		}
	.collectionTable ul.list-noimages li .content, .collectionTable .list-noimages .listItem .content {
		width: 520px;
		}


.mainForm {
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	.mainForm table {
		margin-bottom: 5px;
		border-width: 0;
		border-collapse: collapse;
		}
		.mainForm table tr td {
			padding: 5px 0 0 0;
			}
	.mainForm label {
		display: block;
		width: 105px;
		}
	.mainForm input {
		font-size: 1em;
		}
	.mainForm .text {
		width: 224px;
		padding: 3px;
		color: #42433e;
		border-width: 1px;
		border-style: solid;
		border-color: #898989 #c1c3c3 #e0e0e0 #c9c9c9;
		-moz-box-shadow: inset 1px 1px 1px #cccccc;
		-webkit-box-shadow: inset 1px 1px 1px #cccccc;
		box-shadow: inset 1px 1px 1px #cccccc;
		}
	.mainForm .submit {
		width: 73px;
		padding-left: 5px;
		height: 23px;
		text-align: left;
		color: #ffffff;
		cursor: pointer;
		background-color: transparent;
		background-image: url(../images/images.png);
		background-position: -307px -140px;
		border: none;
		}

.columnL .mainForm {
	float: right;
	display: inline;
	margin-right: 40px;
	}

.newsletterForm, .tagForm {
	clear: left;
	float: left;
	width: 378px;
	margin: 0 0 10px 0;
	padding: 0;
	}
.newsletterForm {
	width: auto;
	}
	.searchForm .bottomCorners {
		height: 32px;
		padding: 8px 10px 0 10px;
		}
	.searchForm input, .tagForm input {
		float: left;
		font-size: 1em;
		border: none;
		}
	.searchForm .text, .newsletterForm .text, .tagForm .text {
		padding: 4px;
		color: #42433e;
		border-width: 1px;
		border-style: solid;
		border-color: #898989 #c1c3c3 #e0e0e0 #c9c9c9;
		-moz-box-shadow: inset 1px 1px 1px #cccccc;
		-webkit-box-shadow: inset 1px 1px 1px #cccccc;
		box-shadow: inset 1px 1px 1px #cccccc;
		}
	.searchForm .submit, .tagForm .submit{
		width: 73px;
		margin-left: 10px;
		padding-left: 10px;
		height: 23px;
		text-align: left;
		color: #ffffff;
		cursor: pointer;
		background-color: transparent;
		background-image: url(../images/images.png);
		background-position: -307px -140px;
		}
	.searchForm .submit:active {
		color: #cccccc;
		-moz-box-shadow: inset 0 0 8px #092e40;
		-webkit-box-shadow: inset 0 0 8px #092e40;
		box-shadow: inset 0 0 8px #092e40;
		}

.searchFormHome {
	clear: left;
	width: 380px;
	position: relative;
	}
	.searchFormHome .searchForm {
		padding: 10px;
		background-color: #ffffff;
		}
	.searchFormHome .topCorners, .searchFormHome .bottomCorners {
		top: 0;
		height: 1px;
		overflow: hidden;
		margin: 0 1px;
		background-color: #ffffff;
		border: 0;
		}

.searchForm {
	margin: 0px;
	position: relative;
	float: none;
	overflow: hidden;
	width: auto;
	height: 36px; /* benji 18/04/2011 - increased height from 34px as bottom of text box being chopped off */
	}
	.searchForm .text {
		width: 260px;
		margin-right: 8px;
		padding: 6px;
		font-size: 16px;
		}
	.searchForm .submit {
		width: 73px;
		height: 33px;
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 16px;
		background-position: -456px -140px;
		border: 0px;
		}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.searchForm .submit {
			/*margin-top: 2px;*/
			}
		}

.tagForm {
	position: relative;
	float: none;
	width: auto;
	padding: 10px 0 0 0;
	background: none;
	border: none;
	}
	.tagForm .text {
		width: 145px;
		margin-top: 0;
		}
	.tagForm .submit {
		float: right;
		margin-left: 0;
		}
	.tagForm ul {
		display: none;
		position: absolute;
		z-index: 1;
		margin: 2px 0 0 0;
		padding: 0;
		width: 100%;
		border-bottom: 1px solid #d2d4d5;
		}
		.tagForm ul li {
			margin: 0;
			padding: 0;
			background-color: #ffffff;
			border-width: 1px 1px 0 1px;
			border-style: solid;
			border-color: #d2d4d5;
			}
			.tagForm ul li a {
				display: block;
				margin: 0;
				padding: 2px 4px;
				color: #42433E;
				border: none;
				}
			.tagForm ul li a:hover {
				color: #ffffff;
				background-color: #257cb3;
				}

.objectColumn, .objectColumnWide {
	width: 189px;
	overflow: hidden;
	float: right;
	color: #666666;
	margin-left: 1px;
	}
.objectColumnWide {
	width: 380px;
	float: left;
	margin-left: 0;
	}
	.objectColumn .topCorners, .objectColumnWide .topCorners, .objectColumn .bottomCorners, .objectColumnWide .bottomCorners {
		top: 0;
		margin: 0 1px 0px 1px;
		height: 1px;
		overflow: hidden;
		background-color: #202d3a;
		border: none;
		}
	.objectColumn .bottomCorners, .objectColumnWide .bottomCorners {
		top: -1px;
		background-color: #ffffff;
		}
	.objectColumn .objectColumnTitle, .objectColumnWide .objectColumnTitle {
		padding: 15px 10px;
		color: #d2d4d5;
		font-weight: normal;
		background-color: #202d3a;
		border-right: 1px solid #202d3a;
		border-left: 1px solid #202d3a;
		}
		.objectColumn .objectColumnTitle h2, .objectColumnWide .objectColumnTitle h2 {
			margin: 0;
			color: #ffffff;
			font-size: 16px;
			font-weight: normal;
			}
	.objectColumn .number, .objectColumnWide .number {
		float: left;
		margin: -15px 10px 0 0;
		padding: 15px 10px 5px 0;
		color: #000000;
		font-size: 15px;
		border-right: 1px solid #dee0e1;
		}
	.objectColumn .title, .objectColumnWide .title {
		color: #3a3a3a;
		overflow: hidden;
		}
	.objectColumn .image, .objectColumnWide .image {
		clear: left;
		position: relative;
		top: 1px;
		_width: 100%; /* ie6 fix */
		overflow: hidden;
		text-align: center;
		background-color: #ffffff;
		}
		.objectColumnWide .image {
			margin-top: -1px;
			border-bottom: 1px solid #d2d4d5;
			}
	.objectColumn p, .objectColumnWide p {
		margin-top: 0;
		}
	.objectColumn ul, .objectColumnWide ul {
		clear: left;
		margin: 0 0 0 0;
		padding: 0;
		/* _border: none; _height: 100%; ie 6 double margin fix */
		}
		.objectColumn ul li, .objectColumnWide ul li {
			margin: 0 0 1px 0;
			padding: 15px 10px;
			list-style: none;
			background-color: #ffffff;
			 /* _height: 100%; _margin: 0 0 1px 0; _border: none; ie6 double margin fix */
			}
	.objectColumn .ulCornersBottom, .objectColumnWide .ulCornersBottom {
		margin: -1px 1px 0px 1px;
		height: 1px;
		overflow: hidden;
		background-color: #ffffff;
		}

.navigateHolder {
	position: relative;
	z-index: 1;
	}

ul.navigate {
	position: absolute;
	top: 0;
	left: -16px;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	}
	ul.navigate li {
		margin: 0 0 3px 0;
		padding: 0;
		list-style: none;
		background: none;
		border: none;
		}
		ul.navigate li a {
			display: block;
			width: 23px;
			height: 23px;
			overflow: hidden;
			text-indent: -10000px;
			cursor: pointer;
			background-image: url(../images/images.png);
			background-repeat: no-repeat;
			background-position: -76px -140px;
			border: none;
			}
		ul.navigate li.prev a {
			background-position: -76px -173px;
			}
ul.sortable ul.navigate {
	left: -25px;
	}
	ul.sortable ul.navigate li {
		margin: 0 0 1px 0;
		background: none;
		border: none;
		}
		ul.sortable ul.navigate li a {
			background-position: -109px -173px;
			}
		ul.sortable ul.navigate li.next a {
			background-position: -109px -140px;
			}

.yourAccForm {
	width: 400px;
	}
	.yourAccForm span.text {
		position: absolute;
		top: 1px;
		left: 125px;
		bottom: auto;
		padding: 0;
		float: left;
		border: none;
		}
	.yourAccForm .btnDrop {
		display: none;
		background-color: #E4F1F6;
		}
		.yourAccForm .btnDrop .mainForm {
			padding-top: 10px;
			}
			.yourAccForm .btnDrop .mainForm label {
				width: 90px;
				}

#fancybox-nav-wrapper {
	position: absolute;
	top: 0px;
	left: -21px;
	}
#fancybox-close, #fancybox-left, #fancybox-right {
	position: absolute;
	top: 0px;
	right: -21px;
	width: 21px;
	height: 23px;
	cursor: pointer;
	background-image: url(../images/images.png);
	background-position: -144px -173px;
	border: none;
	}
#fancybox-left, #fancybox-right {
	top: 24px;
	position: absolute;
	left: -21px;
	clear: left;
	float: left;
	right: auto;
	margin-bottom: 3px;
	background-position: -76px -173px;
	}
#fancybox-right {
	top: 0px;
	background-position: -76px -140px;
	}
#fancybox-left:hover span, #fancybox-right:hover span {
	left: auto;
	right: auto;
	}
#fancybox-left-ico, #fancybox-right-ico {
	width: 100%;
	height: 100%;
	margin: 0;
	top: auto;
	left: auto;
	background-image: url(../images/images.png);
	background-position: -390px -140px;
	}
	#fancybox-close span {
		display: block;
		width: 100%;
		height: 100%;
		background-image: url(../images/images.png);
		background-position: -392px -140px;
		}
#fancybox-bg-n, #fancybox-bg-ne, #fancybox-bg-e, #fancybox-bg-se, #fancybox-bg-s, #fancybox-bg-sw, #fancybox-bg-w, #fancybox-bg-nw {
	background: none;
	}
#fancybox-title {
	padding: 0;
	}
	#fancybox-title-inside {
		text-align: left;
		padding: 10px;
		color: #666666;
		}

#fancybox-overlay {
	background-color: #4c575c;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.rightAndMargin {
	float: right;
	margin: 0 0 10px 10px;
	}

ul.imageItemList {
	margin: 1em 0 0 0;
	padding: 0;
	}
	ul.imageItemList li {
		width: 260px;
		margin: 0 10px 10px 0;
		padding: 0;
		float: left;
		list-style: none;
		border-right: 1px solid;
		border-left: 1px solid;
		}
		ul.imageItemList li, ul.imageItemList li .topCorners, ul.imageItemList li .bottomCorners {
			border-color: #d2d4d5;
			}
			ul.imageItemList li .image {
				float: left;
				width: 100%;
				display: block;
				margin-top: -2px;
				height: 145px;
				}
			ul.imageItemList li .description {
				clear: both;
				padding: 5px;
				background-color: #e4f1f6;
				border-top: 1px solid #d2d4d5;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				}

.searchBrowseTitle {
	margin-bottom: 5px;
	}

/* 16/12/10 */
.btnDropBrowse {
	background-color: #e4f1f6;
	}
	.btnDropBrowse .bottomCorners {
		padding: 0 1px 1px 1px;
		background-color: #e4f1f6;
		}
		.btnDropBrowse .bottomCorners .browseWhiteBg {
			position: relative;
			margin: 1px;
			padding: 8px;
			background-color: #ffffff;
			}
		.btnDropBrowse .bottomCorners table {
			border-collapse: collapse;
			width: 100%;
			}
			.btnDropBrowse .bottomCorners table tr {
				vertical-align: top;
				}
			.btnDropBrowse .bottomCorners table td {
				width: 50%;
				padding: 6px 0;
				background-color: #ffffff;
				border: 1px solid #e4f1f6;
				}
				.btnDropBrowse .bottomCorners table td div.scroll {
					position: relative;
					height: 250px;
					margin: -6px 0 -6px 0;
					overflow: auto;
					}
				.btnDropBrowse .bottomCorners table td ul {
					margin: 0;
					padding: 0;
					}
					.btnDropBrowse .bottomCorners table td ul li {
						margin: 0;
						padding: 2px 8px;
						}
						.btnDropBrowse .bottomCorners table td ul li .ico {
							display: none;
							}
					.btnDropBrowse .bottomCorners table td ul li.selected {
						position: relative;
						border-top: 1px solid #f0f0ed;
						border-bottom: 1px solid #f0f0ed;
						}
						.btnDropBrowse .bottomCorners table td ul li.selected .ico {
							display: block;
							position: absolute;
							top: 6px;
							right: 8px;
							float: right;
							width: 4px;
							height: 7px;
							overflow: hidden;
							background-image: url(../images/images.png);
							background-position: -185px -148px;
							opacity: 0.6;
							filter: alpha(opacity=60);
							}
						.btnDropBrowse .bottomCorners table td ul li a {
							border: none;
							}
						.btnDropBrowse .bottomCorners table td ul li.selected a {
							color: #666666;
							font-weight: bold;
							}

.btnDropBrowse .bottomCorners .filterByType, .btnDropBrowse .bottomCorners .filterByMaker, .btnDropBrowse .bottomCorners .filterByCentury {
	position: relative;
	padding-bottom: 0;
	height: 150px;
	margin: -6px, 0px;
	overflow: auto;
	*width: 333px;
	zoom: 1;
	}
	.btnDropBrowse .bottomCorners .filterByCentury {
		height: 60px;
	}
	.makerFacetLetters ul, .filterByCentury ul {
		margin: 0;
		padding: 0;
		height: 35px;
		overflow: hidden;
		width: 350px;
		}
	.filterByType ul, .makerFacetLetters ul, .filterByCentury ul, .filterBy ul {
		margin-top: 8px;
		}
		.makerFacetLetters ul li, .filterByCentury ul li {
			position: relative;
			margin: 0;
			padding: 2px 3px 2px 2px;
			float: left;
			zoom: 1;
			}
		.filterByCentury ul li {
			margin-right: 10px;
			}
			.makerFacetLetters ul li .ico, .filterByCentury ul li .ico {
				display: none;
				}
		.makerFacetLetters ul li.selected, .filterByCentury ul li.selected {
			padding-bottom: 10px;
			border: 1px solid #f0f0ed;
			border-bottom: none;
			}
			.makerFacetLetters ul li.selected .ico, .filterByCentury ul li.selected .ico {
				display: block;
				position: absolute;
				left: 50%;
				bottom: 0px;
				width: 7px;
				margin-left: -3px;
				height: 4px;
				overflow: hidden;
				background-image: url(../images/images.png);
				background-position: -216px -150px;
				opacity: 0.6;
				filter: alpha(opacity=60);
				}
			.makerFacetLetters ul li a, .filterByCentury ul li a {
				border: none;
				}

.yourSelection {
	color: #666666;
	}
	.yourSelection table {
		border-collapse: collapse;
		}
		.yourSelection table tr {
			vertical-align: top;
			}

.blurb-text {
	}
	.blurb-text img {
		margin-left: 10px;
		}
	.blurb-text p:nth-child(2),
	.blurb-text .highlight {
		background: #E4F1F6;
		padding: 10px;
		}

a.homepageimage {
	text-decoration: none;
	border-bottom: none;
	}
	a.homepageimage img {
		border: none;
		}

div#logout a{
	color:#FFFFFF;
	float:right;
	margin-right: 9px;
	margin-top: 6px;
	text-decoration: none;
	border-bottom: none;
}

div#logout a:hover{
		border-bottom: 1px solid #a7a7a7;
		}

/* ie8 captcha display issue fix*/
#recaptcha_area a {
	border: none;
	}

.heirarchyselected {
	background:url(../images/images.png) no-repeat -185px -148px;
	height:7px;
	float:left;
	margin: 4px 14px 0 0;
}

.e404 {
	height: 670px;
	overflow: hidden;
	padding: 0 80px;
	font-size: 12px;
	color: #4d595e;
	background: url(../images/404.jpg) no-repeat 50% 50%;
	}
	.e404 .title {
		margin: 60px 0 0 0;
		padding: 0;
		font-size: 16px;
		font-weight: normal;
		}

/* 01/02/12 */

.popup .middle .popupHeader h2.accountTransfer {
	position: relative;
	top: 10px;
	background: url(../images/logo-popup.png) no-repeat left bottom;
	padding: 65px 0 5px 300px;
	font-size: 16px;
	}

/* Social media buttons */
ul.social { list-style: none outside none; }
ul.socal > li { display:inline; }

.aeonForm a{
	width: 73px;
	padding-left: 5px;
	height: 23px;
	text-align: left;
	color: #ffffff;
	cursor: pointer;
	background-color: transparent;
	background-image: url(../images/images.png);
	background-position: -307px -140px;
	border: none;
	display:block;
	padding-top:3px;
	}

#homepageSearchForm {
	margin: 0px;
	position: relative;
	float: none;
	overflow: hidden;
	width: auto;
	height: 50px;
	}

/* BJS additional styling for advanced search form on homepage */
.searchForm .homepageAdvancedSearchPanel table.advSearchLayout {
    color: #666;
}

/* BJS additional styling for advanced search form on homepage */
.searchForm .homepageAdvancedSearchPanel table.advSearchLayout input {
    float: none;
}

/* BJS additional styling for advanced search form on homepage */
.searchForm .homepageAdvancedSearchPanel .text {
  width: 80px;
  height: 17px;
  border: 1px solid #D2D4D5 !important;
  margin-left: 4px;
  font-size: 11px;
  padding: 0px;
  margin-right: 0px;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.homepageAdvancedSearchPanel input[type=checkbox], .advancedSearchPanel input[type=radio] {
  cursor: pointer;
}

a#moreSearchOptionsButton{
	border-bottom:0px;
	text-decoration:underline;
}

/* Additional GWT styling for new search and browse elements */
div.searchControls {
       position: relative;
}

#homepageSearchForm div.moreSearchOptionsLnk {
	clear: both;
}

div.gwt-CheckBox-Wrapper {
       position: relative;
       overflow: hidden;
   	margin-top: -1px;
}
div.gwt-CheckBox-Wrapper.innerSearch {
	float: right;
	/*
	bjs 03-12-2012; needed on archive page as it appears behind advanced
	search options DIV and is unclickable; works fine on the collections
    page ... go figure
	*/
	z-index: 1;
}
span.gwt-CheckBox {
       }
       span.gwt-CheckBox label {
               position: relative;
               display: block;
               padding-top: 2px;
               cursor: pointer;
       }
       span.gwt-CheckBox.left input {
               float: right;
       }
       span.gwt-CheckBox.left label {
               padding-right: 20px;
       }
       span.gwt-CheckBox-disabled label {
               color: #A7A7A7;
               cursor: default;
       }
span.gwt-CheckBox.innerSearch {
       float: right;
       margin-right: 78px;
       white-space: nowrap;
}

/* new classes for clickable/sortable results columns on
   collections and archive tab pages
*/
li.sort {
    position: relative;
}
li.sort span.ico {
    position: absolute;
    background-image: url(../images/images.png);
    background-position: -208px -173px;
    z-index: 1;
    top: 2px;
    right: 0px;
    padding: 0px;
    width: 22px;
    height: 22px;
    display: none;
}
li.sort.asc span.ico {
    display: block;
}
li.sort.desc span.ico {
    background-position: -208px -140px;
    display: block;
}

/* BJS 15/10/2012 Adjust margin bottom for carousel holder on object page */
div.imageSliderHolder div.sectionContent {
    margin-bottom: 0px;
}

div.advancedSearchPanel{
	width:353px;
}

/* Extented classes */
.treeview .hitarea {
	border-bottom: 0;
	}

/* New hierarchyTree ajax classes*/
#hierarchyTree .ajax-check-children {
		background-position: -48px -48px;
		border-bottom: 0;
	}
	#hierarchyTree .ajax-check-children.loading {
		background: url('../images/loader-box-small.gif') no-repeat 0;
		margin-left: -20px;
		}
	#hierarchyTree li p {
		margin: 0;
		}
