/* layout.css v2.5 07/11/12
author: david.healy@sruc.ac.uk */
/*layout elements*/
/*fixed-width centred wrapper*/
#wrapper {
	width:900px;
	padding:0 20px 10px 20px;
	margin:0 auto;
}
/*fluid-width wrapper*/
#fluid #wrapper {
	width:auto;
	max-width:1216px;
}
/*header*/
#header {
	height:40px;
	line-height:40px;
	margin:0 -20px;
	padding:0 20px;
}
#header a {
	line-height:40px !important;
}
/*style switcher*/
#styles {
	float:left;
	width:auto;
}
#header select, #header input {
	font-size:90%;
}
#login {
	float:right;
	width:auto;
}
#login span {
	margin-right:.5em;
}
/*banner*/
#banner {
	height:120px;
	position:relative;
	margin:0 -20px 20px -20px;
}
.test #banner .inner {
	height:120px;
	background:transparent url(../images/test.png);
}
#banner h1 {
	position:absolute;
	top:10px;
	right:20px;
}
#logo {
	position:absolute;
	top:14px;
	left:20px;
}
#printbutton, #printlogo, #handheldlogo {
	display:none;
}
/*navigation elements*/
#nav {
	float:left;
	line-height:130%;
	width:180px;
}
#nav ul {
	list-style-type:none;
}
#nav li {
	margin-bottom:.3em;
}
#nav a {
	/*keeps multi-line link text from wrapping under bullet*/
	display:block;
}
#nav li {
	padding-left:1.2em;
	background:url(../images/bullet.png) no-repeat .3em .4em;
}
#nav li.selected {	
	background:url(../images/bullet_dark_down.png) no-repeat .3em .4em;
}
/*content*/
#content {
	margin:0 200px;
}
#content.full {
	margin-right:0;
}
#landing #content {
	margin:0;
}
/*related*/
#related {
	width:180px;
	float:right;
}
/*columns - 4
using new classnames col-25, col-50, col-75 and col-100, retaining legacy
col-1, col-2, col-3 and col-4 classnames for backwards compatibility */
.col-1, .col-25 {
	width:25%;
}
.col-2, .col-50 {
	width:50%;
}
.col-3, .col-75 {
	width:75%;
}
.col-4, .col-100 {
	width:100%;
}
.col-1, .col-2, .col-3, .col-25, .col-50, .col-75 {
	float:left;
}
.col-1 .inner, .col-2 .inner, .col-3 .inner, .col-25 .inner, .col-50 .inner, .col-75 .inner {
	margin-right:10px;
}
.col-4 .inner, .col-100 .inner, .last .inner {
	margin-right:0 !important;
}
/*landing page scroller - fixed widths*/
#landing .scroller .col-25, #landing .scroller .col-50, #landing .scroller .col-75 {
	float:left;
	margin-right:20px;
}
#landing .scroller .col-25 {
	width:210px;
}
#landing .scroller .col-50 {
	width:440px;
}
#landing .scroller .col-75 {
	width:670px;
}
#landing .scroller .col-100 {
	width:900px;
}
#landing .scroller .col-4, #landing .scroller .last {
	margin-right:0;
}
/*columns - 3
using new classnames col-33, col-66
*/
.col-33 {
	width:33.3%;
}
.col-66 {
	width:66.6%
}
.col-33, .col-66 {
	float:left;
}
.col-33 .inner, .col-66 .inner {
	margin-right:10px;
}
/*fieldset groups*/
.fieldset_group fieldset {
	min-height:3em;
}
fieldset.inner {
	padding:.5em;
}
/*tabbed content elements*/
.js-tabs, .tabs-js, .tabbed {
	overflow:auto;
}
.tabs-js div {
	display:none;
}
.js-tabs, .s-tabs, .tabs, .tabs-js {
	margin-bottom:1.5em;
}
#wrapper .ui-tabs-panel {
	padding-left:.5em;
	padding-right:.5em;
}
.tabbed li {
	float:left;
	padding:5px 13px 5px 5px;
	background:url(../images/featurebg.jpg) repeat-x top left;
	margin-right:1px;
}
.tabbed a {
	padding-left:13px;
	background:url(../images/bullet.png) .3em .3em no-repeat;
}
.thistab a {
	background:url(../images/bullet_down.png) .3em .4em no-repeat;
}
/*panel elements*/
.panel {
	padding:5px;
	background:url(../images/featurebg.jpg) repeat-x top left;
}
/*images*/
img.left {
	padding:3px;
	border:1px solid #ddd;
	margin:0 .5em .5em 0;
}
img.right {
	padding:3px;
	border:1px solid #ddd;
	margin:0 0 .5em .5em;
}
a img.left:hover, a img.right:hover {
	border:1px solid #999;
}
/*button images*/
.button img {
	display:block;
	margin:20px auto;
}
/*content to be parked offscreen*/
.skip {
	position:absolute;
	left:-1000em;
	width:auto;
}
/*breadcrumbs*/
.crumbs {
	font-size:100%;
	margin-bottom:1.5em;
}
.crumbs a {
	white-space:nowrap;
}
/*rules above/below*/
.ruleabove {
	margin-top:.5em;
	padding-top:5px;
	border-top:1px solid #ddd;
}
.rulebelow {
	margin-bottom:.5em;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
}
/*help cursor when hovering on acronyms*/
acronym {
	cursor:help;
}
/*calendar formatting*/
.calendar {
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:1px solid #ddd;
}
/*bulleted content*/
.bullet, li {
	padding-left:1em;
	list-style-type:none;
	background:url(../images/bullet.png) 0 .4em no-repeat;
}
/*paginated content*/
.pages ul {
	padding-left:0;
}
.pages li {
	padding:5px 5px 5px 0;
	background:url(../images/featurebg.jpg) repeat-x top left;
	float:left;
	margin-right:1px;}
	
.pages li a, .results li a {
	white-space:nowrap;
}
/*footer*/
#footer {
	clear:both;
	color:#ccc;
	text-align:center;
	padding-bottom:1em;
}
/*partner logos*/
.partnerlogo img {
	margin:5px 15px;
}
/*social bookmarks*/
ul#socialbookmarks {
	display:inline;
	margin-bottom:1em;
}
#socialbookmarks li {
   background:none;
	display:inline;
	padding-left:0;
	margin-right:.5em;
}
#socialbookmarks li:last-child {
	margin-right:0 !important;
}
/*floating*/
.right {
	float:right !important;
}
.left {
	float:left !important;
}
/*clearing*/
.clear {
	clear:both;
}
br.clear {
	clear:both;
	height:0;
}
/*icons*/
.alert, .email, .form, .feed, .message, .missing, .printerfriendly, .doc, .pdf, .ppt, .xls, .url, .zip, .mp3, .txt, .mobile, .popup, .ics, .vcf, .user, .info, .help {
	padding:4px 0 4px 22px !important;
	background-position:0 0 !important;
	background-repeat:no-repeat;
}
.alert {
	background-image:url(../images/alert.png) !important;
}
.email {
	background-image:url(../images/email.png) !important;
}
.form {
	background-image:url(../images/form.png) !important;
}
.feed {
	background-image:url(../images/feed-icon.png) !important;
}
.message {
	background-image:url(../images/message.png) !important;
}
.missing {
	background-image:url(../images/missing.png) !important;
}
.printerfriendly {
	background-image:url(../images/printer.png) !important;
}
.doc {
	background-image:url(../images/doc.png) !important;
}
.pdf {
	background-image:url(../images/pdf.png) !important;
}
.ppt {
	background-image:url(../images/ppt.png) !important;
}
.xls {
	background-image:url(../images/xls.png) !important;
}
.url {
	background-image:url(../images/url.png) !important;
}
.zip {
	background-image:url(../images/zip.png) !important;
}
.mp3 {
	background-image:url(../images/mp3.png) !important;
}
.txt {
	background-image:url(../images/txt.png) !important;
}
.mobile {
	background-image:url(../images/mobile.png) !important;
}
.popup {
	background-image:url(../images/popup.png) !important;
}
.ics {
	background-image:url(../images/ical.png) !important;
}
.vcf {
	background-image:url(../images/vcard.png) !important;
}
.user {
	background-image:url(../images/user.png) !important;
}
.info {
	background-image:url(../images/info.png) !important;
}
.help {
	background-image:url(../images/help.png) !important;
}
#content .icon li {
	background:none;
	padding-left:0;
	min-height:22px;
}
/*social bookmarks*/
.facebook, .twitter {
	padding-left:22px !important;
	background-position:0 -4px !important;
	background-repeat:no-repeat;
}
.facebook {
	background-image:url(../images/facebook.png) !important;
}
.twitter {
	background-image:url(../images/twitter.png) !important;
}
/*overrides for print*/
@media print {
	body {
		font-size:9pt;
	}
	
	.hide {
		display:block;
	}
}