/* layout.css */
#canvas {
	background:transparent url('../images/backgrounds/bg.png') repeat-x 0 0;
	min-height:810px;
}
.container {
	position: relative;
	width: 984px;
	margin: 0 auto;
	text-align: left;
}

/* header */
#header {
	position: relative;
	min-height: 215px;
}
#logo {
	position: absolute;
	top: 42px;
	left: 0;
}

/* skip */
#skip {
	margin:0;
	position:absolute;
	left:315px;
	top:60px;
	z-index:100;
	list-style:none;
}
#skip li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 1.1em;
}
#skip a {
	display: block;
	font-size: 77%;
	text-decoration: none;
	text-indent: -9000px;
	white-space: nowrap;
}
#skip a:hover,
#skip a:focus,
#skip a:active {
	top: 0;
	left: 0;
	outline-width: 0;
	text-decoration: underline;
	text-indent: 0;
}

/* navigation */

/* content */
#content {
	position:relative;
	padding: 0 0 1em 0;
}
.row {
	clear:both;
	margin: 3px 0 4px 0;
}
.column {
	float:left;
	padding:0 4px 0 3px;
}

.fifth {
	width: 191px;
}
.fourth {
	width: 239px;
}
.third {
	width: 321px;
}
.half {
	width: 485px;
}
.box_container .half,
.tab_container .half {
	width:455px;
}
.twothirds {
	width: 649px;
}
.threefourths {
	width: 731px;
}
.threefourths .half {
	width:318px;
}
.threefourths .library_column_divider {
	padding-bottom:20px;
	background:transparent url('../images/backgrounds/library_column_divider.gif') repeat-y 50% 0;
}

.threefourths .library_divider_space {
	padding-left:26px;
}
.full {
	width: 977px;
}
.full .box .middle .box_container .full {
	width:918px;
}

.tab_container .threeninth {
	width:389px;
}
.tab_container .fourninth {
	width:521px;
}

.box {
	position:relative;
	margin:9px 0;
}
.box .top,
.box .bottom {
	clear:both;
	background:no-repeat 0 0;
	display:block;
	height:9px;
	overflow:hidden;
}
.full .box .middle {
	background-image: url('../images/backgrounds/box-full.png');
}
.threefourths .box .middle {
	background-image: url('../images/backgrounds/box-threefourths.png');
}
.twothirds .box .middle {
	background-image: url('../images/backgrounds/box-twothirds.png');
}
.half .box .middle {
	background-image: url('../images/backgrounds/box-half.png');
}
.third .box .middle {
	background-image: url('../images/backgrounds/box-third.png');
}
.fourth .box .middle {
	background-image: url('../images/backgrounds/box-fourth.png');
}

.full .box .top {
	background-image: url('../images/backgrounds/box-full-top.png');
}
.threefourths .box .top {
	background-image: url('../images/backgrounds/box-threefourths-top.png');
}
.twothirds .box .top {
	background-image: url('../images/backgrounds/box-twothirds-top.png');
}
.half .box .top {
	background-image: url('../images/backgrounds/box-half-top.png');
}
.third .box .top {
	background-image: url('../images/backgrounds/box-third-top.png');
}
.fourth .box .top {
	background-image: url('../images/backgrounds/box-fourth-top.png');
}
.full .box .bottom {
	background-image: url('../images/backgrounds/box-full-bottom.png');
}
.threefourths .box .bottom {
	background-image: url('../images/backgrounds/box-threefourths-bottom.png');
}
.twothirds .box .bottom {
	background-image: url('../images/backgrounds/box-twothirds-bottom.png');
}
.half .box .bottom {
	background-image: url('../images/backgrounds/box-half-bottom.png');
}
.third .box .bottom {
	background-image: url('../images/backgrounds/box-third-bottom.png');
}
.fourth .box .bottom {
	background-image: url('../images/backgrounds/box-fourth-bottom.png');
}

.page_content .box_content .top {
	height:12px;
	background-image: url('../images/backgrounds/box-content-top.png');
}
.page_content .box_content .middle {
	padding:10px 30px;
	background-image: url('../images/backgrounds/box-content.png');
}
.page_content .box_content .bottom {
	height:12px;
	background-image: url('../images/backgrounds/box-content-bottom.png');
}
.box_content #aside {
	float:right;
	width:285px;
	padding:50px 0 0 0;
}
.box_content #aside img {
	margin:0 0 15px 0;
}

.dialog .middle {
	background:transparent url('../images/backgrounds/box-dialog.png') repeat-y 0 0;
}
.dialog .top {
	background-image: url('../images/backgrounds/box-dialog-top.png');
}
.dialog .bottom {
	background-image: url('../images/backgrounds/box-dialog-bottom.png');
}
.dialog_wide .middle {
	background:transparent url('../images/backgrounds/box-dialog-wide.png') repeat-y 0 0;
}
.dialog_wide .top {
	background-image: url('../images/backgrounds/box-dialog-wide-top.png');
}
.dialog_wide .bottom {
	background-image: url('../images/backgrounds/box-dialog-wide-bottom.png');
}
.box .middle {
	margin:0;
	padding:10px 15px;
}


/* box_heading */
.box_heading h2 {
	position:relative;
	margin:-10px -10px 15px -10px;
	padding:4px 10px 9px 20px;
	background:#d9d9d9 url('../images/backgrounds/box-heading.gif') repeat-x 0 0;
	font-size:1.166667em;
}

/* box_container */
.box_container {
	position:relative;
	margin:20px 0;
}
.box .box_container .top,
.box .box_container .bottom {
	background:no-repeat 0 0;
	display:block;
	height:5px;
	width:100%;
}
.box .box_container .middle {
	background:#fff;
	margin:0;
	padding:10px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
}
.full .box .box_container .top {
	background-image:url('../images/backgrounds/box-container-full-top.gif');
}
.full .box .box_container .bottom {
	background-image:url('../images/backgrounds/box-container-full-bottom.gif');
}
.threefourths .box .box_container .top {
	background-image:url('../images/backgrounds/box-container-threefourths-top.gif');
}
.threefourths .box .box_container_heading .top {
	background-image:url('../images/backgrounds/box-container-heading-threefourths.gif');
}
.threefourths .box .box_container .bottom {
	background-image:url('../images/backgrounds/box-container-threefourths-bottom.gif');
}
.fourth .box .box_container .top {
	background-image:url('../images/backgrounds/box-container-fourth-top.gif');
}
.fourth .box .box_container .bottom {
	background-image:url('../images/backgrounds/box-container-fourth-bottom.gif');
}
.box_container_heading h2 {
	position:relative;
	margin:-1px -10px 15px -10px;
	padding:4px 10px 9px 26px;
	background:#d9d9d9 url('../images/backgrounds/box-container-heading.gif') repeat-x 0 0;
	font-size:1.166667em;
	text-align:center;
}
.box_container h3 {
	margin:2px 0 3px 0;
}

/* tab_container */
.tab_container {
	position:relative;
	margin-bottom:20px;
}
.box .tab_container .top,
.box .tab_container .bottom {
	background:no-repeat 0 0;
	display:block;
	height:5px;
	width:100%;
}
.box .tab_container .middle {
	background:#fff;
	margin:0;
	padding:10px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
}
.box .tab_container .top {
	top:-5px;
}
.box .tab_container .bottom {
	bottom:-5px;
}
.full .box .tab_container .top {
	background-image:url('../images/backgrounds/tab-container-full-top.gif');
}
.full .box .tab_container .bottom {
	background-image:url('../images/backgrounds/box-container-full-bottom.gif');
}
.threefourths .box .tab_container .top {
	background-image:url('../images/backgrounds/tab-container-threefourths-top.gif');
}
.threefourths .box .tab_container .bottom {
	background-image:url('../images/backgrounds/box-container-threefourths-bottom.gif');
}
.fourth .box .tab_container .top {
	background-image:url('../images/backgrounds/box-container-fourth-top.gif');
}
.fourth .box .tab_container .bottom {
	background-image:url('../images/backgrounds/box-container-fourth-bottom.gif');
}


.threefourths .box .tab_container .box_container .top {
	background-image:url('../images/backgrounds/tab-container-threefourths-box-container-top.gif');
}
.threefourths .box .tab_container .box_container .bottom {
	background-image:url('../images/backgrounds/tab-container-threefourths-box-container-bottom.gif');
}

/* page_options */
#page_options {
	position:absolute;
	top:-15px;
	right:21px;
}
#page_options ul {
	margin:0;
	list-style:none;
}

/* homepage */
.page_home #content_main {
	position:relative;
	margin-top:-285px;
	padding:0 40px;
}
.page_home #content_main .row {
	float:none;
	margin:0;
	padding-bottom:20px;
}
.page_home #content_main .column {
	width:255px;
	padding-left:30px;
}
.page_home #content_main .box {
	float:left;
}
.page_home .box_highlight {
	width:551px;
	font-size:1.166667em;
}
.page_home .box_highlight h1 {
	font-size:2.5714em;
	line-height:1em;
}
.page_home .box_highlight h2 {
	clear:both;
}
.page_home .box_highlight h2,
.page_home .box_highlight strong {
	font-size:1.1428em;
}
.page_home .box_highlight .more {
	position:relative;
	top:-1.1428em;
	background:transparent url('../images/icons/arrow_double.png') no-repeat 100% 4px;
	font-size:.85714em;
}
.page_home .box_highlight .actions {
	padding-bottom:0;
}
.page_home .box_highlight * {
	color:#fff;
}
.page_home .box_highlight .top {
	background-image: url('../images/backgrounds/box-highlight-homepage-top.png');
}
.page_home .box_highlight .middle {
	padding:15px 30px;
	background-image: url('../images/backgrounds/box-highlight-homepage.png');
}
.page_home .box_highlight .bottom {
	background-image: url('../images/backgrounds/box-highlight-homepage-bottom.png');
}
.page_home #content_main #box_login {
	float:right;
	width:294px;
}
.page_home #box_login .top {
	background-image: url('../images/backgrounds/box-login-top.png');
}
.page_home #box_login .middle {
	min-height:400px;
	background-image: url('../images/backgrounds/box-login.png');
	background-position:0 100%;
}
.page_home #box_login .bottom {
	background-image: url('../images/backgrounds/box-login-bottom.png');
}
.page_home #box_login .divider {
	border-top:1px dotted #b7b6b6;
}
.js #box_login #forgotten_details {
	height:366px;
	border:none;
}
.page_home a.button_alt {
	float:right;
}
.page_home #box_login td {
	padding:0;
}
.page_home #box_login label {
	width:95px;
}
.page_home #box_login .horizontal div.field ul.optionlist {
	margin-left:100px;
}
.page_home .indent {
	padding-bottom:5px;
	padding-left:100px;
}

/* page_content */
.page_content #content_main {
	position:relative;
	top:-90px;
	padding:0 40px;
}

/* footer */
#footer {
	padding-right:14px;
	text-align:right;
}
#footer h2 {
	position:absolute;
	left:-999em;
	width:0;
	height:0;
	overflow:hidden;
}
#footer ul { 
	float:left;
	overflow:hidden;
	margin:0;
	padding-right:2px;
	list-style:none;
}
#footer li {
	float:left;
	margin:0 0 0 -1px;
	padding:0 13px 0 14px;
	background:transparent url('../images/backgrounds/divider_line_vertical.gif') no-repeat 0 50%;
}
#footer a,
#footer a:visited {
	color:#000;
	text-decoration:none;
}
#footer a:hover,
#footer a:focus {
	color:#ed193c;
	text-decoration:underline;
}


/* clearfix */
#content:after,
.row:after,
.middle:after {
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	content: ".";
}