html, body {
    height: 100%;
}

body {
	background-color:#F0F1F2;
	color: #2F4863;
	margin:0px;
	padding:0px;
	font-family: "Gill Sans", "Century Gothic", Arial;
	font-size:90%;
}

/* Default font styles */
h2, h3, h4, ul {
	font-family: "Gill Sans", "Century Gothic", Arial;
	margin-top:0.4em;
	margin-bottom:0.3em;
}

h2 {
	color: #6a7534;
	letter-spacing: .1em;
	font-size: 1.8em;
	font-weight: normal;
}

h3 {
	font-weight: normal;
	color: #4A5561;
	font-size: 1.2em;
}

h4 {
	font-weight: normal;
	color: #4A5561;
}

p {
	color: #2F4863;
	line-height: 1.5em;
	text-align: justify;
}

a {
	color: #0F4C8C;
}

a:visited {
	color: #2F4863;
}

a:hover {
	background-color: #0F4C8C;
	color: #FFF;
}

a.nohighlight:hover {
	background-color: transparent;
}

img{
	border:0;
}


/* Generic classes */
div.spacer{
	clear:both;
	line-height:0;
}

.inlineList {
	margin:0;
	padding:0.5em 0.5em 0 0;
	list-style:none;
	clear:both;
}

.inlineList li {
	display:inline;
	/* float:left;	*/
	padding:0 0.5em 0.5em 0;
}

.hidden {
	display:none;
}

.date {
	white-space:nowrap;
}

.nowrap {
	white-space:nowrap;
}

.imageCaption {
	font-family: "Gill Sans", "Century Gothic", Arial;
	color: #2F4863;
	line-height: 1.5em;
	font-size: 0.75em;
	font-weight: lighter;
	margin: 0px;
}

.icon{
	display: block;
	border: 1px solid #4A5561;
	background-color: #FFF;
	height: 60px;
	width: 60px;
	text-align: center;
	padding:2px;
}

.smallBlock {
	font-family: "Gill Sans", "Century Gothic", Arial;
	text-align: left;
}

.smallBlock p {
	text-align: left;
}



/* Styles to display error messages */
div.error{
	width:60%;
	min-width:20em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	margin-bottom:2em;
	border:1px solid #CD1010;
}

div.error .title {
	width:100%;
	margin:0;
	background-color:#CD1010;
}

div.error .title p {
	color:#fff;
	margin-top:0;
	padding:0.2em;
	font-size:0.7em;
}

div.error .content {
	margin:0.5em;
	min-height:4em;
	background: transparent url("/images/error-icon.png") no-repeat top left;
}

div.error .content p {
	margin-left:5em;
}





/* Styles to display notices */
div.notice{
	width:60%;
	min-width:20em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	margin-bottom:2em;
	border:1px solid #4A5561;
}

div.notice .title {
	width:100%;
	margin:0;
	background-color:#4A5561;
}

div.notice .title p {
	color:#fff;
	margin-top:0;
	padding:0.2em;
	font-size:0.7em;
}

div.notice .content {
	margin:0.5em;
	min-height:5em;
	background: transparent url("/images/info-icon.png") no-repeat top left;
}

div.notice .basket .content{
	/* background: transparent url("/images/black-basket-big.png") no-repeat top left; */
}

div.notice .content p {
	margin-left:5em;
}

div.notice .content p.button {
	text-align:right;
}

div.notice .content a:hover {
	background-color:inherit;
}





/* Styles to display large images */
div.imagebox {
	float:left;
	margin:0 1em 0.5em 0;
	padding:0;
	width:150px;
	height: 21em; /* fix in fixes.css */
}


div.imagebox .picturebox {
	width:150px;
	height:110px;
	text-align:left;
}

div.imagebox .picture {
	border:1px solid black;
	padding:5px;
	background-color:#FFF;
}





/* Styles to display thumbnail images when listed on basket page */
div#basketimages {
	padding:0.2em 0.5em 0.2em 0;
	margin:0.2em 0.5em 0.2em 0;
}

div#basketimages h3{
	padding:0;
	margin:0;
}

div#basketimages .lightbox {
	float:left;
	margin:0.5em;
	padding:0.5em;
	width:120px;
}

div#basketimages .lightbox .imagecheckbox{
	float:left;
	margin:25px 5px;
}

div#basketimages .lightbox .picturebox {
	text-align:left;
}

div#basketimages .lightbox .picture {
	border:1px solid black;
	padding:5px;
	background-color:#FFF;
}





/* Styles for displaying the title block of an event */
div#titleblock {
	position:relative;
	height:9em; /* AC fix - this is given a fixed height and both the image and picture are aligned absolutely */
	overflow:hidden;
}

div#titleblock .featuredimage {
	position:absolute;
	width:9.4em;
	text-align:right;
	left:0px;
	bottom:0px;
}

div#titleblock .featuredimage img{
	border:1px solid #4A5561;
	background-color: #FFF;
	text-align:center;
	padding:2px;
}

div#titleblock .title {
	position:absolute;
	left:10em;
	bottom:0px;
	padding:1px;
	text-align:left;
}

div#titleblock .title h2 {
	margin-bottom:2px;
}

div#titleblock .title .subtitle {
	font-family: "Gill Sans", "Century Gothic", Arial;
	font-weight: normal;
	color: #4A5561;
	font-size: 1.2em;
	line-height:1em;
	margin-top: 1px;
	margin-bottom:2px;
}




/* Styles to display the buttons used to select event data */
div#eventdataselector {
	width:460px;
	margin:0.3em auto;
	padding:1px;
}

div#eventdataselector ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#eventdataselector li {
	float:left;
	margin:10px;
	padding:0;
}

div#eventdataselector a, div#eventdataselector .current {
	float: left;
	height: 28px;
	width: 128px;
	text-indent: -120em;
	overflow: hidden;
}

div#eventdataselector #factsheet a {
	background:url("/images/factsheet_off.png");
	background-repeat:no-repeat;
	background-position:top left;
}

div#eventdataselector #images a {
	background:url("/images/images_off.png");
	background-repeat:no-repeat;
	background-position:top left;
}

div#eventdataselector #release a {
	background:url("/images/release_off.png");
	background-repeat:no-repeat;
	background-position:top left;
}

div#eventdataselector #factsheet .current {
	background:url("/images/factsheet_on.png");
	background-repeat:no-repeat;
	background-position:top left;
}

div#eventdataselector #images .current {
	background:url("/images/images_on.png");
	background-repeat:no-repeat;
	background-position:top left;
}

div#eventdataselector #release .current {
	background:url("/images/release_on.png");
	background-repeat:no-repeat;
	background-position:top left;
}





/* Styles for displaying lists of events */
div.eventgroup {
	clear: both;
}

div.eventgroup h3{
	margin-top:0.5em;
	font-weight:bold;
} 

div.eventgroup .eventblock {
	clear: both;
	padding-bottom: 1em;
}

div.eventgroup .indent {
	margin-left: 40px;
}

div.eventgroup .eventblock .image {
	float: left;
	margin:0;
	margin-top:0.2em;
}

div.eventgroup .eventblock .smallimage {
	width: 70px;
	margin-right:0.1em;
}

div.eventgroup .eventblock .medimage {
	width: 110px;
	margin-right:0.5em;
}

div.eventgroup .eventblock .image .smallicon{
	height: 60px;
	width: 60px;
}

div.eventgroup .eventblock .image .medicon{
	height: 100px;
	width: 100px;
}

div.eventgroup .eventblock .data {
	text-align:left;
} 

div.eventgroup .eventblock .smallmargin {
	margin-left:80px;
} 

div.eventgroup .eventblock .medmargin {
	margin-left:120px;
} 

div.eventgroup .eventblock h3, div.eventgroup .eventblock h4{
	margin-top:0em;
	margin-bottom:0.2em;
	font-weight:bold;
} 

div.eventgroup .eventblock p {
	margin-top:0em;
	margin-bottom:0.2em;
} 

div.eventblock .listWithIcons{
	list-style-image: url("/images/tinyArrowRight.png");
	list-style-position: inside;
	margin:0;
	padding:0;
}

div.eventblock .listWithoutIcons{
	list-style-type:none;
	font-size:85%;
	margin:0;
	padding:0;
}

div.eventblock .listWithIcons .floatedlist, div.eventblock .listWithoutIcons .floatedlist{
	float:left;
	padding:0 1em 1em 0;
	white-space:nowrap;
}





/* Styles to display the event order selection links */
div#eventorderselector {
	width:100%;
}

div#eventorderselector p {
	font-family: "Gill Sans", "Century Gothic", Arial;
	margin:0;
	padding:10px 0;
}




/* Styles to display the event metadata */
div#factsheetdata {
	width:100%;
}

.factblock {
	margin-bottom:0.6em;
}

.factblock .label {
	text-align:right;
	width:9.4em;
	padding:0;
	margin:0;
}

.factblock .fact {
	padding-top:0;
	text-align:left;
}

.factblock h4 {
	font-size: 1em;
	color: #6a7534;
	letter-spacing: .1em;
	line-height: 1.5em;
	margin:0;
	padding:0;
}

.factblock p {
	margin:0;
	padding:0;
}




/* Styles to display the images request form */
form#imagesform .textboxlabel{
	float:left;
	width:5em;
}

form#imagesform .inputelement{
	margin-left:6em;
}