﻿/* html */
*{
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
}
body{
	background-color:#FFFFF0;
	color:#222;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:84%;
	width:100%;
}
a{
	color:#660066;
	text-decoration:none;
}
a:hover{
		text-decoration:underline;
	}
caption{
	background-color:#CCAACB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	padding:0.5em;
}
em{
	font-style:normal;
	font-weight:bold;
}
img{
	border:none;
}
p{
	padding-bottom:1em;
}
strong{
	font-style:normal;
	font-weight:bold;
}

/* frame */

#frame{
	position:relative;
	width:100%;
}
#frame #banner{
	background-color:#CCAACB;
	background-image:url(img/bannerBubbles.png);
	background-repeat:repeat-x;
	background-position:top left;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
	#frame #banner a#bannerLink{
		background-image:url(img/banner660066.gif);
		background-repeat:no-repeat;
		background-position:top left;
		color:#CCAACB;
		display:block;
		font-size:1pt;
		/* NB match banner bg image dimensions */
		height:100px;
		width:380px;
	}
	#frame #banner a#tenyearsLink{
		float:right;
		margin:5px 10px 0 0;
	}
#frame #contentFrame{
	line-height:1.4;
	max-width:80em;
	min-width:40em;
	padding-top:125px;
}
	#frame #contentFrame #content{
		float:left;
		padding:1.5em 2em;
		width:60%;
	}
		#frame #contentFrame #content.nosidebar {
			width:93%;
		}
	#frame #contentFrame #sidebar {
		float:left;
		width:30%;
	}
#frame #crumbs{
	font-size:0.84em;
	padding:1.5em 0 0.1em 1.5em;
	text-transform:lowercase;
}
#frame #recommendation{
	background-color:#E6D0E5;
	color:#000;
	font-weight:bold;
	margin:2em auto;
	padding:15px;
	text-align:center;
	width:30em;
}

#frame #footer{
	background-color:#ccaacb;
	clear:both;
	color:#420042;
	font-size:0.84em;
	line-height:1.5;
	padding:2em 0;
	text-align:center;
}
#frame #footer a{
	text-decoration:underline;
}
	#frame #footer a:hover{
		text-decoration:none;
	}
#frame #footer #feedback{
	margin:1em;
}
#frame #globalnav {
	position:absolute;
	right:110px;
	top:0.2em;
	z-index:1;
}
	#frame #globalnav li{
		display:inline;
		list-style:none;
	}
#frame #globalsearchform{
	position:absolute;
	right:110px;
	top:2.5em;
	z-index:1;
}
	#frame #globalsearchform #globalsearchq{
		width:15em;
	}
#frame #jumplinks{
	list-style:none;
	position:absolute;
	right:110px;
	top:4.5em;
	z-index:2;
}
	#frame #jumplinks li a{
		left:-200em;
		position:absolute;
		right:auto;
		text-align:right;
		text-decoration:none;
		top:0;
		width:15em;
	}
	#frame #jumplinks li a:focus,
	#frame #jumplinks li a:active{
		left:auto;
		outline:0;
		position:absolute;
		right:0;
	}
#frame #printLogo{
	display:none;
}

/* nav */
#nav {
	background-color:#660066;
	font-family:Arial, Helvetica, sans-serif;
	left:0;
	position:absolute;
	right:0;
	top:100px;
	width:100%;
}
#nav li {
	background:#660066;
	color:#fff;
	display:inline;
	float:left;
	list-style:none;
	text-align:center;
	width:auto;
}
#nav li a {
	color:#fff;
	display:block;
	font-weight:bold;
	padding:0.4em 1em;
	text-decoration:none;
	width:auto;
}
#nav li a:hover{
	color:#F7931D;
}

/* content */

#content{
	background-color:#FFFFF0;
}
#content address{
	padding-bottom:1em;
}
#content address.vcard{
	padding-left:1em;
}
#content address.vcard .fn
,#content address.vcard .role{
	font-weight:bold;
}
#content address p{
	padding-bottom:0.2em;
}

#content h1{
	color:#660066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	margin-bottom:0.5em;
}
#content ol{
	margin:0.5em 0;
	padding-left:2em;
}
#content .pod{
	border:1px dotted #ccccaa;
	border-collapse:collapse;
	margin-top:0;
	margin-bottom:1em;
	padding:0.5em;
}
	#content .pod .itemDate{
		display:block;
		font-size:0.84em;
		margin-top:0.5em;
	}
	#content .pod dd{
		font-size:0.84em;
		margin-bottom:1em;
		margin-top:0.5em;
		padding-left:2em;
	}
	#content .pod dt{
		background-image:url(img/arrowBullet.gif);
		background-position:0 7px;
		background-repeat:no-repeat;
		clear:both;
		margin-top:0.5em;
		padding-left:12px;
	}
	#content .pod img{
		float:left;
		margin:0 1em 1em 0;
	}
	#content .pod li{
		background-image:url(img/arrowBullet.gif);
		background-position:0 7px;
		background-repeat:no-repeat;
		clear:both;
		list-style:none;
		margin:0.8em 0;
		padding-left:12px;
	}
#content .noarrows li{
	background:none;
}

#content h6.podHead{
	background-color:#ccccaa;
	color:#222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	margin-top:1.5em;
	padding:8px 0;
	text-align:center;
}
#content #publicationCategories dd{
	padding-left:4em;
}
#content #publicationCategories dt{
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url("img/publication.jpg"); 
	padding-left:45px;
}
#content ul{
	margin:0.5em 0;
	padding-left:2em;
}
#content ul#resourceBrowserNav{
	float:left;
	font-size:0.84em;
	padding-right:2em;
	width:30%;
}
	#content ul#resourceBrowserNav ul{
		padding-left:0.5em;
	}
#content #resourceBrowserFrame{
	float:left;
	margin-top:-4em;
	width:60%;
}
	#content #resourceBrowserFrame .loadingWheelSmall{
		background-image:url(img/loadingWheelSmall.gif);
		background-repeat:no-repeat;
		background-position:center;
		height:10em;
		padding:2em 0;
	}
#content #resourceContent{
	margin-top:2em;
}
#content ul#resourcefilters{
	list-style:none;
	padding-left:0;
	padding-top:0.8em;
}
	#content ul#resourcefilters li{
		display:inline;
		font-size:0.9em;
		margin-right:0.5em;
		vertical-align:middle;
	}
#content .searchInput{
	width:25em;
}
#content ul#sitemap{
	margin-left:3em;
}
	#content ul#sitemap ul{
		border-left:1px dashed #ccccaa;
		margin-left:1em;
		padding-left:0.5em;
	}
	#content ul#sitemap li{
		list-style:none;
	}
		#content ul#sitemap ul li {
			font-size:0.84em;
			margin:0.5em;
		}
#content table{
	background-color:#fff;
	border-collapse:collapse;
	font-size:0.84em;
	margin:1em 0 1.5em 0;
}
#content table td{
	border:1px dotted #ccccaa;
	padding:0.7em;
}
	#content table td dd{
		padding-left:1em;
	}
	#content table td.figure{
		text-align:right;
	}
#content table th{
	background-color:#ccccaa;
	font-weight:bold;
	padding:0.7em;
}
#content table tr{
	vertical-align:top;
}
#content table.meta{
	border:1px solid #ccccaa;
}
#content table.meta th{
	text-align:right;
}
#content #teamList{
	font-size:1em;
}
#content #teamList img{
	float:right;
}

/* sidebar */

#sidebar p.button{
	text-align:center;
}

#sidebar input.podSearchInput{
	width:70%;
}

#sidebar .pod{
	border:1px dotted #ccccaa;
	border-collapse:collapse;
	margin-bottom:1em;
	padding:0.5em;
}
	#sidebar .pod .itemDate{
		display:block;
		font-size:0.84em;
		margin-top:0.5em;
	}
	#sidebar .pod dd{
		font-size:0.84em;
		margin-bottom:1em;
		margin-top:0.5em;
		padding-left:1.4em;
	}
	#sidebar .pod dt{
		background-image:url(img/arrowBullet.gif);
		background-position:0 7px;
		background-repeat:no-repeat;
		margin-top:0.5em;
		padding-left:12px;
	}
	#sidebar .pod img{
		float:left;
		margin:0 1em 1em 0;
	}
	#sidebar .pod li{
		background-image:url(img/arrowBullet.gif);
		background-position:0 7px;
		background-repeat:no-repeat;
		clear:both;
		font-size:0.84em;
		list-style:none;
		margin:0.8em 0;
		padding-left:12px;
	}
	#sidebar #downloadsList li{
		background:none;
		list-style:none;
	}
		
/* icons */

/* File types */

.icon{
	list-style:none !important;
	padding-left:22px !important;
	padding-bottom:0.3em !important;
}
.doc, .docx {
	background:url("/_/img/doc.gif") no-repeat 0 0;
}
.gif, .jpg, .png {
	background:url("/_/img/picture.gif") no-repeat 0 0 !important;
}
.mp3 {
	background: url("/_/img/mp3.gif") no-repeat 0 0 !important;
}
.pdf {
	background:url("/_/img/pdf.gif") no-repeat 0 0 !important;
}
.ppt, .pps, .pptx {
	background:url("/_/img/ppt.gif") no-repeat 0 0 !important;
}
.rtf {
	background:url("/_/img/rtf.gif") no-repeat 0 0 !important;
}
.wma {
	background: url("/_/img/wma.gif") no-repeat 0 0 !important;
}
.xls, .xlsx {
	background:url("/_/img/xls.gif") no-repeat 0 0 !important;
}
.zip {
	background: url("/_/img/zip.gif") no-repeat 0 0 !important;
}

/* Other symbols */
.book {
	background: url("img/book.gif") no-repeat 0 0 !important;
}
.calendar {
	background: url("img/calendar.gif") no-repeat 0 0 !important;
}
.cancel {
	background: url("img/cancel.gif") no-repeat 0 0 !important;
}
.done {
	background: url("img/tick.gif") no-repeat 0 0 !important;
}
.edit {
	background: url("img/pencil.gif") no-repeat 0 0 !important;
}
.email {
	background: url("img/email.png") no-repeat 0 0 !important;
}
.escalate{
	background: url("img/escalateIcon.gif") no-repeat 0 0 !important;
}
.homelink{
	background:url("img/home.gif") no-repeat 0 0 !important;
}
.ical{
	background:url("/_/img/ical.png") no-repeat 0 0 !important;
	padding-left:40px !important;
}
.info{
	background:url("img/information.gif") no-repeat 0 0 !important;
}
.modal{
	background: url("/_/img/enlarge.png") no-repeat 0 0;
}
.newWindow{
	background:url("img/newWindow.gif") no-repeat 0 0 !important;
}
.notdone {
	background: url("img/notdone.gif") no-repeat 0 0 !important;
}
.print{
	background:url("img/print.gif") no-repeat 0 0 !important;
}
.register {
	background: url("img/register.gif") no-repeat 0 0 !important;
}
.rejected {
	background: url("img/noentry.gif") no-repeat 0 0 !important;
}
.search {
	background: url("img/search.gif") no-repeat 0 0 !important;
}
.view {
	background: url("img/view.gif") no-repeat 0 0 !important;
}
.welsh {
	background: url("img/welsh.png") no-repeat 0 0 !important;
	padding-left:25px !important;
}

/* forms*/

button{
	cursor:pointer;
	font-family:Verdana, Helvetica, sans-serif;
	line-height:1.2;
	padding:0.2em 1em;
	width:auto;
}
fieldset{
	border:0 dotted #ccaacc;
	border-bottom-width:1px;
	margin-bottom:1em;
	padding-bottom:1em;;
}
input {
	font-family:Verdana, Helvetica, sans-serif;
}
label{
	color:#220022;
	cursor:pointer;
	font-weight:bold;
}
legend{
	background-color:ivory;
	color:#660066;
	font-size:1.3em;
	padding:0.3em;
}
textarea {
	border:1px solid #D8BEC2;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:1.0em;
}

.horizontalForm div {
	clear:both;
	padding-top:0.6em;
}
.horizontalForm {
	width:40em;
}
.horizontalForm input{
	float:left;
	width:58%;
}
.horizontalForm label {
	float:left;
	padding-right:1em;
	text-align:right;
	width:38%;
}	
.horizontalForm span.alert {
	clear:both;
	display:block;
	margin-left:1em;
}
.horizontalForm textarea{
	float:left;
	width:58%;
}
.horizontalForm .button {
	margin:0.2em;
}
.horizontalForm .checkbox{
	width:auto;
}
.horizontalForm div.checkboxRadio label {
	margin-left:1em;
	padding-right:0;
	text-align:left;
	width:90%;
}
.horizontalForm .nonEditableInput {
	float:left;
}
.horizontalForm #email{
	float:left;
	width:58%;
}
#contactForm{
	margin:1.5em 1em;
}
	#contactForm select{
		display:block;
		margin:0.5em 0;
	}
#loginForm button{
	margin-top:1em;
}
#reminderForm label{
	display:none;
}
label.showPasswordLabel{
	color:#666666;
	font-weight:normal;
}
.textInput{
	border:1px #d8bec2 solid;
	padding:0.1em;
	width:30em;
}
.verticalForm span.alert{
	margin-left:1em;
}	
.verticalForm button{
	margin-top:1em;
}
.verticalForm .checkbox{
	margin-right:0.5em;
}
.verticalForm .checkboxRadio input {
	display:inline;
}
.verticalForm .figureInput{
	width:8em;
}
.verticalForm .postscript{
	padding:1em 0;
}
.verticalForm .passwordInput{
	width:10em;
}
.verticalForm .textInput{
	display: block;
	margin:0.5em 0 1em 0;
}
.verticalForm textarea {
	display: block;
	height:10em;
	margin:0.5em 0 1em 0;
	width:40em;
}

/* print */

@media print {
/* Show hide relevant blocks */
#jumplinks,
#sidebar,
#nav,
#globalnav,
#globalsearchform,
#bannerFrame
{
	display: none;
}
#frame #printLogo{
	display:block;
}
/* Adjust visible blocks */
#frame{
	height:auto;
	width:auto;
	margin:1cm 1.5cm;
}
#frame #contentFrame{
	height:inherit;
	padding:0;
}
	#frame #contentFrame #content{
		float:none;
		overflow:visible;
		width:auto;
	}
}

/* classes */

.alert{
	color:#FF0000;
}
p.button{
	margin:1.5em 0;
}
p.button a {
	background-color:#660066;
	border-radius: 8px;
	box-shadow: 1px 1px 1px #666;
	color: #fff !important;
	font-weight: bold;
	padding: 0.8em 1.5em;
	text-align: center;
	text-decoration: none !important;
	width: auto;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px #666;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 1px 1px 1px #666;
}
p.button a:hover  {
	background: #CCAACB;
}
.clear{
	clear:both;
}
.cover{
	border:1px solid #d3d3d3;
}
.downloadAll{
	font-weight:bold;
}
.eventTitle{
	font-weight:bold;
}
.feed{
	background-image:url("img/feed.gif");
	background-repeat:no-repeat;
	line-height:2;
	padding-bottom:5px;
	padding-left:22px;
}
.fileLinks{
	padding-top:0.5em;
}
.focus{
	background-color:#FFFFCC;
	border:1px #d8bec2 solid;
}
a.function{
	color:#660066;
	font-weight:bold;
}
a.function:visited{
		color:#660066;
	}
.itemDate{
	color:#666666;
}
.message, a.message {
	color:#006400;
}
.nobullet{
	background-image:none !important;
}
.podHead{
	background-color:#ccccaa;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	margin-top:1.5em;
	padding:8px 0;
	text-align:center;
}
.rubric{
	color:#666666;
}
.submission4evaluation{
	background-color:#fff;
	border:1px solid #ccccaa;
	margin:1em;
	padding:1em;
}
.toggleController{
	background: url("img/arrowRightTiny.gif") no-repeat 0 0.6em;
	cursor:pointer;
	margin:0.6em 1em;
	padding:0.2em 0 0.2em 1em;
}
.toggleControllerOpen{
	background-image: url("img/arrowDownTiny.gif");
}	
.toplink{
	display:block;
	font-size:0.84em;
	text-align:right;
}	