@charset "utf-8";

/* 
==========================================================================

	Student Theme v1 CSS - Last updated 2014-03-07 by StephenT

==========================================================================
*/



/* WEB FONTS */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

/* /WEB FONTS */


body {
	font-family:Arial, Helvetica, sans-serif;
	/*-webkit-font-smoothing: antialiased;*/
}

div#ou-org {max-width:none; /*max-width: 78em; min-width: 25em;*/}


/* CLEARFIX HACK */

.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* headlines */

.ou-region-headline {
	display: block;
	width: 100%;
	overflow: hidden;
}

.ou-region-headline h1 {
	display: inline-block;
	width: 80%;
	max-width: 80%;
}

.ou-region-headline .ou-view {
	display: inline-block;
	width: 5%;
	float: right;
	padding: 1.6em 1.5em 0 0;
	text-align: right;
}

.ou-region-headline .ou-view p {
	margin: 0;
}

body.view-public .ou-region-headline .ou-view p::before, 
.ou-region-headline .ou-view p::before {
	content: "\f0ac";
	color: #5792a4;
	font-family: FontAwesome;
	display: inline-block;
	background: #fff;
	padding: 0.4em;
	width: 20px;
	height: 19.5px;
	vertical-align: middle;
	text-align: center;
	border-radius: 20px;
	font-size: 1.5em;
	margin: 0;
}

body.view-staff .ou-region-headline .ou-view p::before {
	content: "\f007";
	color: #972B51;	
}

body.view-student .ou-region-headline .ou-view p::before {
	content: "\f007";
	color: #5792a4;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "Myriad Pro",Calibri,Tahoma,"Lucida Grande",Arial,Helvetica,sans-serif;
	line-height: 100%;
	color:black;
	margin:0 0 20px 0;
}

h1, 
h1 a {
	color: #FFFFFF;
	margin: 0;
}

h1 {
	display: block;
	max-width: 65%;
	float: left;
}



/* IE7 WARNING */

div.ie7-warning {
	display: none;
}

html.ltie8 div.ie7-warning {
	margin-top: 10px;
	display: block;
	background: #b01827;
	color: #fff;
	padding: 1em;
	max-width: 90em;
	font-weight: bold;
	text-align: center;
}

html.ltie8 div.ie7-warning a {
	color: yellow;
}

html.ltie8 div.ie7-warning a:hover {
	color: #fff;
}


/**/

/* fullwidth */

body.template-content-fullwidth #ou-region1 {
	width: 100%;
}



/* welcome */

body.page-welcome div#ou-region0 .search, body.page-welcome .content-bottom {
	display: none;
}

a.welcome-label {
	font-family: "Myriad Pro",Calibri,Tahoma,"Lucida Grande",Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	font-size: 1.02em;
	padding: 0.6em;
	background: #CF6042;
}


/* NEW WELCOME PAGE */

body.page-welcome div.ou-content {
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

body.page-welcome .welcome-grey {
	width: 100%;
	background-color: #fcfcfc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

body.page-welcome .welcome-title {
	width: 100%;
	padding: 0;
	text-align: center;
}

body.page-welcome .welcome-section {
	width: 85%;
	border-bottom: 1px solid #ddd;
	margin: 0 auto;
	padding: 80px 0 80px 0;
	font-family: "Open Sans", Myriad Pro,Calibri,Tahoma,"Lucida Grande",Arial,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 24px;
	overflow: hidden;
}


body.page-welcome .welcome-bg {
	display: block;
	float: left;
	width: 60%;
	margin-right: 10%;
}

body.page-welcome .welcome-sml {
	display: block;
	float: right;
	width: 30%;
}

body.page-welcome .welcome-half-1 {
display: block;
float: left;
width: 45%;
margin-right: 10%;
}

body.page-welcome .welcome-half-2 {
display: block;
float: right;
width: 45%;
}

body.page-welcome .welcome-section h2 {
font-size: 42px;
color: #000000;
margin-bottom: 30px;
}

body.page-welcome .welcome-section h3 {
font-size: 28px;
color: #000000;
margin-bottom: 10px;
}

body.page-welcome .welcome-section p.menu-item {
display:block;
float: left;
font-size: 20px;
color: #143748;
padding-bottom: 0px;
margin-bottom:0px;
padding-top: 20px;
width: 25%;
}

body.page-welcome .welcome-section p.menu-item a {
color: #143748;
text-decoration: none;
}

body.page-welcome .welcome-section p.menu-item a:hover {
color: #C40;
}

body.page-welcome .welcome-section p.sub {
font-size: 18px;
color: #C40;
padding-bottom: 15px;
margin: 0;
}

.welcome-half-1 img {
padding-bottom: 10px;
} 

.welcome-half-2 .icon {
text-align: center;
font-size: 200px;
margin-top: 20px;
color: #CF6041;
}

body.page-welcome .welcome-section.whatsnew h3, body.page-welcome .welcome-section.whatsnew p.sub {
text-align: center;
}

body.page-welcome .welcome-section.whatsnew p {
padding-top: 0;
margin-top: 0;
}

/* welcome end */


p.alias, p.staff {
  color: #444;
  font-size: 13px;
  padding-top: 0;
  display: block;
  padding: 10px 20px;
  background: #f5f5f5;
  text-align: left;
  border-left: 5px solid #972B51;
}

p.staff span.box-staff-text {
	display: block;
	font-size: 13px;
	padding-bottom: 5px;
}

p.staff span.box-staff-text:before {
	content: "\f05a";
	font-family: 'FontAwesome';
	margin-right: 4px;
}



.betaupdates, .developersnote, .hclaunch, .hcupdates {
  color: #444;
  font-size: 13px;
  padding-top: 0;
  display: block;
  padding: 10px 20px;
  background: #f5f5f5;
  text-align: left;
  border-left: 5px solid #2db4db;
  margin-bottom: 20px;
}

.developersnote {
  border-left: 5px solid #666;
}

.hclaunch {
	border-left: 5px solid #7ED321;
}

.hcupdates {
	border-left: 5px solid #CF6042;
}


.betaupdates p, .developersnote p, .hclaunch p, .hcupdates p {
  padding: 0;
  margin: 0;
}

/* gallery */

body.template-department div#ou-region1 .gallery1 h2,
div#ou-region1 .ou-gallery-nav h2 {
	padding: 15px 10px 10px 10px;
	margin: 0;
}

div#ou-region1 .ou-gallery-nav .ou-c1of2 div ,
div#ou-region1 .ou-gallery-nav .ou-c2of2 div {
	border-top: 3px solid #CF6041;
	width: 100%;
}

div#ou-region1 .ou-gallery-nav div img.ou-go2 {margin-top:15px;}
div#ou-region1 .ou-gallery-nav div img.ou-go3 {margin-bottom:5px;}

body.template-department div#ou-region1 .gallery1 h2 a,
div#ou-region1 .gallery1 h2 a {
	text-decoration:none;
	color:#039;
}

body.template-department div#ou-region1 .gallery1 h2 a:hover,
div#ou-region1 .gallery1 h2 a:hover {
	text-decoration:none;
	color:#c30;
}

.ou-gallery-nav .ou-c1of2 div,
.ou-gallery-nav .ou-c2of2 div {
	background-color:transparent;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	float:left;
	clear:both;
}

.ou-gallery-nav div p {
	padding:0 10px;
}

.ou-gallery-nav a {text-decoration:none;}


/* second level gallery pages */

body.template-gallery div.ou-gallery-nav {
	margin:0; 
	padding:0; 
	overflow:hidden;
}

body.template-gallery div#ou-region1 div.ou-gallery-nav h2 {
	border-top: 3px solid #CF6041;
	padding: 15px 10px 10px 10px;
	margin: 0;
	font-size:1.8em;
}

body.template-gallery div.ou-gallery-nav h2 a {
	text-decoration:none;
}

body.template-gallery div.ou-gallery-nav p {
	padding:0 10px;
}

body.template-gallery div.ou-gallery-nav ul {
	margin:0; 
	padding:0;
}

body.template-gallery div.ou-gallery-nav li {
	margin:0 3% 1em 0; 
	padding:0; 
	list-style-type:none; 
	width:30%; 
	float:left; 
	background-image:none;
}

body.template-gallery div.ou-gallery-nav ul.list li {
	float:none; 
	margin:0; 
	width:100%; 
	border:none;
}

html.ie7 body.template-gallery div.ou-gallery-nav li.col-item-first,
html.ie8 body.template-gallery div.ou-gallery-nav li.col-item-first,
body.template-gallery div.ou-gallery-nav li:nth-child(3n+1) {
	clear:left;
}

/**/



/**/



/* tables */

table {
    border: 1px solid #CF6041;
    border-collapse: collapse;
	margin:1em 0 1.5em 0;    
	max-width: 100%;
    width: 100%;
}

tr {
    xborder: 1px solid #ddd;
}

tbody tr:nth-child(2n+1) {
    background-color: #fff;
}

tbody td, 
tbody th,
th {
    border: 1px solid #ddd;
}

tbody tr:hover {
    background-color: #f5f5f5;
}

tbody tr:hover td, 
tbody tr:hover th {
    border-bottom: none;
    border-top: none;
}

th, 
td, 
caption {
    padding: 0.5em 1em;
    text-align: left;
    vertical-align: top;
}

th {
    font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background-color:#CF6041;
	color:#fff;
	padding:.8em 1em;
}

tbody th {
	background-color:#f5f5f5;
	color:#000;
	border-right:3px solid #CF6041;
}

div.scrollable {
	overflow-x:auto;
}

/**/

/* images yo */

img.ou-go1 {
	float:left;
	margin:0 1.5em 1.5em 0;
}

img.ou-go2 {
	float:right;
	margin:0 0 1.5em 1.5em;
}

img.ou-go3 {
	display: block;
	margin: 0 auto 1.5em auto;
}

img.ou-border {
	border: 1px solid #ddd;
	padding: .5em;
	margin-bottom: 1em;
}

div.ou-img {
	padding: 15px;
	margin:0 0 15px 15px;
	background-color: #f5f5f5;
	width:280px;
	float:right;
	border-radius:3px;
}

div.ou-img img {
	padding:0;	
	margin:0 auto;
}

div.ou-img p.ou-caption {
	text-align: center;
	color: #555;
	font-size:1em;
	margin:10px 0 0 0;
}


/**/

/* Navigation */

/* Full Nav - Stephen Ts new version */
/*
#ou-region2 nav {margin:0 1em 0 1.5em; border-top:1px solid #ddd;}

div.ou-full-nav {
	border-style:none;
	
	box-shadow:none;
	background-color:#fff;
	padding:0;
}

div.ou-full-nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.ou-full-nav ul li a,
div.ou-full-nav ul li strong {
	background-image:none;
	border-width: 0;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	display:block;
	padding:.8em 1em;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#039;
}

div.ou-full-nav ul li strong {
	background-color:#9e2761;
	background-image:url(bg-selected.png);
	background-repeat:repeat-x;
	background-position:center left;
	color:#fff;
	border-bottom-color:#fff;
	font-weight:bold;
}

div.ou-full-nav ul li a:hover {
	background-color:#f8f8f8;
}

div.ou-full-nav ul ul {
	margin-left:0;
	margin-top:0;
}

div.ou-full-nav ul li.ou-expanded ul li.ou-expanded > a {
	background-image:none;
	border-bottom:1px solid #fff;
	background-color:#eee;
	color: #143748;
}

div.ou-full-nav ul li.ou-expanded ul li.ou-expanded > a:hover {
	background-color:#f5f5f5;
	color:#c30;
}

div.ou-full-nav ul ul ul {
	padding:0;
}

div.ou-full-nav ul ul ul li a:hover {
	background-color:#F5F9FB;
}

div.ou-full-nav ul ul ul li a,
div.ou-full-nav ul ul ul li strong {
	background-image:none;
	padding:0.5em 2em;
	border-bottom:1px solid #fff;
}

div.ou-full-nav ul ul ul li a {
	background-color:#eee;
}

div.ou-full-nav ul ul ul li strong {
	color: #FFF;
	font-weight: bold;
	background-color:#9e2761;
	background-image:url(bg-selected.png);
	background-repeat:repeat-x;
	background-position:center left;

}

div.ou-full-nav ul ul ul ul {
	padding-left: 0;
}

div.ou-full-nav ul ul ul ul li a, 
div.ou-full-nav ul ul ul ul li strong {
	padding:0.5em 3.5em;
	border-bottom:1px solid #fff;
}

div.ou-full-nav ul ul ul li a:hover {
	background-color:#f5f5f5;
}
*/


div.ou-full-nav {
	border-style:none;
	box-shadow:none;
	background-color:#fff;
	padding:0;
}

div.ou-full-nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.ou-full-nav ul li a,
div.ou-full-nav ul li strong {
	background-image:none;
	border-width: 0;
	background-color:#eee;
	border-bottom:1px solid #fff;
	display:block;
	padding:1em 1em 1em 1em;
	font-size:1.1em;
	text-decoration:none;
}

div.ou-full-nav ul li strong {
	background-color:#296E8F;
	color:#fff;
	border-bottom-color:#bbb;
	background-image:none;
	font-weight:bold;
}

div.ou-full-nav ul li a:hover {
	background-color:#f8f8f8;
}

div.ou-full-nav ul li.page-hidden > a,
div.ou-full-nav ul li.page-hidden > strong {
	opacity: 0.7;
}

div.ou-full-nav ul ul {
	margin-left:0;
	margin-top:0;
}

div.ou-full-nav ul li.ou-expanded ul li.ou-expanded > a {
	background-image:none;
	border-bottom:1px solid #fff;
	background-color:#D6E8F0;
	color: #143748;
}

div.ou-full-nav ul ul ul {
	padding:0;
}

div.ou-full-nav ul ul ul li a:hover {
	background-color:#F5F9FB;
}

div.ou-full-nav ul ul ul li a,
div.ou-full-nav ul ul ul li strong {
	background-image:none;
	padding:0.5em 2em;
	border-bottom:1px solid #fff;
}

div.ou-full-nav ul ul ul li a {
	background-color:#D6E8F0;
}

div.ou-full-nav ul ul ul li strong {
	color: #FFF;
	background-color:#296E8F;
	font-weight: bold;
}

div.ou-full-nav ul ul ul ul {
	padding-left: 0;
}

div.ou-full-nav ul ul ul ul li a, 
div.ou-full-nav ul ul ul ul li strong {
	padding:0.5em 3.5em;
	border-bottom:1px solid #fff;
}

div.ou-full-nav ul ul ul li a:hover {
	background-color:#F5F9FB;
}

div.ou-full-nav ul ul li a, 
div.ou-full-nav ul ul li strong {
	padding:1em 1em 1em 2em;
	font-size:1em;
	background-image: url(nav-arrow.png);
	background-position:1.3em 1.6em;
	background-repeat:no-repeat;
}

div.ou-full-nav ul ul ul li a, 
div.ou-full-nav ul ul ul li strong {
	padding:.8em 1em .8em 3em;	
	font-size:1em;
	background-image:none;
}

div.ou-full-nav ul ul ul ul li a, 
div.ou-full-nav ul ul ul ul li strong {
	padding:.6em 1em .6em 4em;
	font-size:1em;
}




/* Context Nav - UNSTYLED */

div.ou-context-nav {
	border-style:none;
	box-shadow:none;
	background-color:#fff;
	padding:0;
}

div.ou-context-nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.ou-context-nav ul li a,
div.ou-context-nav ul li strong {
	background-image:none;
	border-width: 0;
	background-color:#eee;
	border-bottom:1px solid #fff;
	display:block;
	padding:1em;
	text-decoration:none;
}

div.ou-context-nav ul li strong {
	background-color:#296E8F;
	color:#fff;
	border-bottom-color:#bbb;
	background-image:none;
	font-weight:bold;
}

div.ou-context-nav ul li a:hover {
	background-color:#f8f8f8;
}

div.ou-context-nav ul li.ou-expanded > a {
	background-image:none;
	border-bottom:1px solid #fff;
	background-color:#D6E8F0;
	color: #143748;
}

div.ou-context-nav ul ul {
	padding: 0;
}

div.ou-context-nav ul ul li a:hover {
	background-color:#F5F9FB;
}

div.ou-context-nav ul ul li a,
div.ou-context-nav ul ul li strong {
	background-image:none;
	padding:0.5em 2em;
	border-bottom:1px solid #fff;
}

div.ou-context-nav ul ul li a {
	background-color:#D6E8F0;
}

div.ou-context-nav ul ul li strong {
	color: #FFF;
	background-color:#296E8F;
	font-weight: bold;
}

div.ou-context-nav ul ul li a:hover {
	background-color:#F5F9FB;
}

div.ou-context-nav ul ul ul {
	padding-left:0;
}

div.ou-context-nav ul ul ul li a, 
div.ou-context-nav ul ul ul li strong {
	padding:0.5em 3.5em;
	border-bottom:1px solid #fff;
}

/**/

img.resize {
width:250px;	
}

div.col1, 
div.col2 {
width:48%;
}


div.col1 {
float:left;
width:65%;
}

div.col2 {
float:right;
width:28%;
}

div.container {
width:100%;
overflow: hidden;
}

div#ou-page {
	background-color: transparent;
	border: none;
	box-shadow: none;
	margin:0;
	padding:0;
	border-radius:0;
	max-width:92em;
	overflow:visible; /* stops anchor link glitch */
}

div#ioemenu{margin-bottom:1em;} 

div.ou-content {
	margin:1em 1em 0 1em;
	border-radius: 0.5em;
	background-color:#FFFFFF;
	padding:1.8em 2em 1em 2em;
	max-width: none;
}

div#ou-region0 {
	overflow: hidden;
}

html.ltie9 div#ou-region0 {
	padding: 8px 0;
	margin: 0;
}

div#ou-region1 {
	width: 75%; 
	background-color: #296E8F;
	padding:0 0 1em 0;
	margin:1em 0;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}

html.ltie8 div#ou-region1, html.ltie8 div#ou-region2 {
	margin-top: -5px;
}

body.article-multi div#ou-region1, 
body.page-multi div#ou-region1 {
	border-radius: 0.5em 0 0.5em 0.5em;
}

body.template-department div#ou-region1, body.template-content-nonav div#ou-region1, body.template-content-fullwidth div#ou-region1 {
	border-radius: 0.5em;
}


body.ou-pure div.ou-content {max-width: none;}

body.ou-pure div#ou-region1 {padding:0 0 1em 0; margin:1em 0;}

div#ou-region2 {
	margin-top:1em;
	width:25%;
	float:left;
	overflow:visible;
}

html.ltie8 div#ou-region2 {
	width: 24%;
}

body.template-department div.ou-c1of2 div.ou-c1of2, 
body.template-department div.ou-c1of2 div.ou-c2of2, 
body.template-content div.ou-c1of2 div.ou-c1of2, 
body.template-content div.ou-c1of2 div.ou-c2of2 {
	width: 48%;
}

body.ou-pure div#ou-region2 {display:none;}

div#ou-site {margin-bottom:0;}

div.ou-full-nav, div.ou-context-nav {margin-top:0;}

h1 {background-image: none;border-bottom: medium none;font-size: 2em;margin: 0;padding: 1em 1em 0.5em 1em;}

div.ou-content h1 {color: #000000;font-size: 2em;font-weight: normal;margin: 0;padding: 0.5em 0 0.2em;}

div#ou-site-body {margin-top:0em;}


body.template-department div.ou-c1of2 {
	width: 65%;
}

body.template-department div.ou-c2of2 {
	width: 30%;
}





body.template-fullwidth #ou-page {
	max-width: 95em;
}

body.template-fullwidth #ou-region1 {
	width: 100%;
}






/* standard stuff */

a {
	color:#039;
}

*:focus {
	outline-width: initial;
	z-index: 3000;
}



p {margin:0 0 1.5em 0;}

/**/

/* breadcrumb */

div#ou-region0 .breadcrumb{
	display: block;
	width: 60%;
	float: left;
}


ol.ou-ancestors {
	background-color:transparent;
	background-image:none;
	margin:0;
	padding-left:.5em;
	clear: none;
}

ol.ou-ancestors li a {
	color: #143748;
}

ol.ou-ancestors li a:hover {
	color: #c40;
}

/**/

/* search */

div#ou-region0 div.search{
	display: block;
	float: right;
}

div#ou-region0 div.search a.ou-button2, 
div#ou-region0 div.search input[type=submit], 
div#ou-region0 div.search button.btn-submit{
	margin-bottom: 0px!important;
	font-weight: normal;
}


html.ltie9 div#ou-region0 div.search a.ou-button2, 
html.ltie9 div#ou-region0 div.search input[type=submit], 
html.ltie9 div#ou-region0 div.search button.btn-submit,
html.ltie9 div.oufeedback-container div.oufeedback-more-help-container form.oufeedback-more-help-search-form button.btn-submit,
html.ltie9 div#ou-region1 div.search button.btn-submit {
  	background-image: url("/students/_data/images/helpcentre/icon-search.png");
  	background-repeat: no-repeat;
  	background-position: center;
  	margin: 0;
  	padding: 0px;
  	width: 35px;
  	height: 35px;
  	line-height: 1em;
  	display: inline;
  	vertical-align: bottom;
}

html.ltie9 div.search button.btn-submit i {
	display: none;
}

div#ou-region0 div.search .sz4{
	width: 180px;
}

html.ltie9 a.ou-button, 
html.ltie9 a.ou-button2, 
html.ltie9 input[type=submit], 
html.ltie9 button.btn-submit {
	margin: 0;
}

/**/



/* buttons */

a.ou-button,
a.ou-button2,
input[type=submit],
button.btn-submit,
p.ou-doc a.download-link {
	display: inline-block;
	margin: 0 .5em 1.5em 0;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	background-color: #666;
	background-image:none;
	border: 1px solid #555;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 2px 0,#777 0 1px 0 0 inset;
	-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 2px 0,#777 0 1px 0 0 inset;
	box-shadow: rgba(0,0,0,0.4) 0 1px 2px 0,#777 0 1px 0 0 inset;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	color: white;
	padding: 8px 15px;
	cursor: pointer;
}

a.ou-button:hover,
button.btn-submit:hover {
	border:1px solid black;
	background-color: #656565;
	color: white;
}

a.ou-button2,
input[type=submit],
button.btn-submit,
p.ou-doc a.download-link {
	background-color: #5da100;
	border: 1px solid #4e8800;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 2px 0,#6cba00 0 1px 0 0 inset;
	-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 2px 0,#6cba00 0 1px 0 0 inset;
	box-shadow: rgba(0,0,0,0.4) 0 1px 2px 0,#6cba00 0 1px 0 0 inset;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	color: white;
}

a.ou-button2:hover,
input[type=submit]:hover,
button.btn-submit:hover,
p.ou-doc a.download-link:hover {
	border:1px solid black;
	background-color: #690;
	color: white;
}


/**/



/* ou paged buttons */

div.page-of-pages {
	text-align: center;
	margin-top: -25px;
}

.ltie9 div.page-of-pages {
	display: none;
}

div.ou-paged {
	padding: 1em 0;
	text-align: center;
}

div.ou-paged ul {
	margin: 0;
	padding: 20px 0;
	border-top: #ccc 1px solid;
}

div.ou-paged li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}

div.ou-paged li.ou-previous {
	float: left;
}

div.ou-paged li.ou-next {
	float: right;
}

div.ou-paged a, 
div.ou-paged a.ou-previous, 
div.ou-paged a.ou-first, 
div.ou-paged a.ou-next, 
div.ou-paged a.ou-last, 
div.ou-paged strong  {
	display: inline-block;
	margin: 0 .5em 0em 0;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	background-image:none;
	background-color: #ddd;
	border: 1px solid #ccc;
	color: #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 10px;
	cursor: pointer;
}

div.ou-paged a.ou-next{
	background-color: #CF6041;
	border: 1px solid #B25900;
	color: #fff;
}

div.ou-paged a.ou-previous {
	background-color: #444;
	border: 1px solid #222;
	color: #fff;
}

div.ou-paged a.ou-previous:hover {
	border:1px solid #000;
	background-color:#555!important;
}

div.ou-paged a.ou-next:hover {
	border:1px solid #8C2300;
	background-color:#bb694d;
}

a.ou-previous:before {
	font-family:'fontawesome';
	content: "\f060";
	padding-right:6px;
	font-weight:normal;
}

a.ou-next:after {
	font-family:'fontawesome';
	content: "\f061";
	padding-left:6px;
	font-weight:normal;
}



/**/

/* ou paged header buttons */

div.multi-header {
	display: block;
	border-bottom: #ccc 1px solid;
	padding-bottom: 12px;
	margin-bottom: 20px;
}


div.multi-header div.page-of-pages {
	float: left;
	text-align: left;
	margin: 0;
	width: 40%;
	height: 33px;
	padding: 8px 0 0 44px;
	background-image: url(/students/_data/images/helpcentre/multi-article-header.jpg);
	background-repeat: no-repeat;
}

.ltie9 div.multi-header div.page-of-pages {
	display: block;
}


div.multi-header div.ou-paged ul {
	padding: 0;
	margin-top: -20px;
	border: none;
	float: right;
}

div.multi-header div.ou-paged li.ou-previous, div.multi-header div.ou-paged li.ou-next {
	float: none;
}

/**/


/* lists */

dl {
	margin:0 0 1.5em 0;
	padding:0;
}

dl dt {
	font-weight:bold;
}

dl dd {
	padding:0 0 0 2em;
	margin:0 0 5px 0;
}

dl.glossary dt {
	background-color:#CF6041;
	color:#fff;
	padding:.7em 1em;	
	border-radius:3px;
}

dl.glossary dd {
	padding:1em 0 1em 2em;	
}

ul.ticks {
	padding:0;	
}

ul.ticks li {
	margin:3px 0;	
}

ul.ticks li:before {
	content: "\f00c  ";
	font-family:'FontAwesome';
	font-size:1em;
	margin-right:5px;
	color: #096;	
}

.related-links h2 {
	text-transform:uppercase;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px dotted #ccc;
	padding-top:12px;
}

div#ou-region1 .related-links h2 {font-weight:bold;}

.related-links dl dt {
	background-image: url(icon-arrow-right.gif);
	background-position:0 .4em;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-top:4px;
}

.related-links dl dt a {
	text-decoration:none;
}

.related-links dl dd {
	padding-left:15px;
	color:#777;
}

ol.steps {
	border:1px solid #ddd;
	border-radius:.5em;
	padding:15px;
	list-style:none;
}

ol.steps li {
	list-style:none;
	text-align:center;
	padding:0 0 20px 0;
	margin:0 0 5px 0;
	background-image:url(icon-steps-arrow.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

ol.steps li:last-child {
	background-image:none;
	padding:0;
	margin:0;
}

ol.steps li p {
	padding:10px 0;
	margin:0;
	border-radius:3px;
}

ol.steps li:nth-child(odd) p {
	background-color:#E6EBF3;
}

ol.steps li:nth-child(even) p {
	background-color:#f5f5f5;
}






/**/

/* big number style */

span.big-number {
	background-color:#CF6041;
	color:#fff;
	font-weight:normal;
	border-radius:20px;
	display:inline-block;
	padding: 5px 9px 3px 9px;
	margin-right: 5px;
	line-height:100%;
}

/**/


/* to top link */

p.to-top {
	text-align:right;
	background-image:url(bg-totop.png);
	background-position:center left;
	background-repeat:repeat-x;
	margin:2em 0 1.5em 0;
}

p.to-top a {
	text-align:center;
	display:inline-block;
	background-color:#fff;
	padding:5px 15px 5px 25px;
	margin:0 3em 0 0;
	text-decoration:none;
	background-image:url(icon-arrow-up.gif);
	background-position:.6em 1em;
	background-repeat:no-repeat;
}

/**/


/* forms */

form input,
form textarea {
	border:1px solid #ccc;
	background-color:#fff;
	padding:.5em;
	font-size:1em;
}

form textarea {
	width:90%;
}

fieldset {
	border: 1px solid #d6e8f0;
	background-color: #f5f9fb;
	margin: 0 0 1em 0;
	padding:.5em 1.5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/**/



/* on this page */


.on-this-page {
	margin:0 0 2em 0;
}

.on-this-page ul,
.on-this-page ul li,
body.template-content #ou-region1 .ou-content .on-this-page ul li {
	background-image: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.on-this-page ul {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;
	margin: .5em 0 1.5em 0;
}

.on-this-page ul li {
	display: inline-block;
}

.on-this-page ul li a {
	background-image: url(icon-arrow-down.gif);
	background-position: 0.4em center;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #DDDDDD;
	display: block;
	padding: 0.5em 1em 0.5em 2em;
	text-decoration: none;
	color:#039;
}

.on-this-page ul li a:hover {
	color:#c30;
}

div#ou-region1 .on-this-page h2 {
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1;
	color: #111;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
	margin: 0 0 1em 0;
	background-color: #eee;
	border-top: 1px solid #ddd;
	padding: .5em;
}


/**/

/* textarea */

textarea.style1 {
  width: 96%;
  font-family: Consolas,Menlo,Monaco,Consolas,"Courier New",monospace;
  font-size: 12px;
  color: #333;
  background-image: url(box-shade-2.png);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 0.2em;
  border: 1px solid #DDD;
  padding: 1em 1em;
  margin: 0 0 20px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-color: #E5E5E5 #D1D1D1 #CCC #E5E5E5;
  -moz-box-shadow: 0 3px 3px #EEE;
  -webkit-box-shadow: 0 3px 3px #EEE;
  box-shadow: 0 3px 3px #EEE;
  background-color:#f5f5f5;
}

#ou-region2 textarea.style1 {
	margin-left: 25px;
	width: 80%;
}


/**/


/* blockquotes */

blockquote {
	background-image: url(icon-blockquote.png);
	background-position: 0 20px;
	background-repeat: no-repeat;
	padding: 20px 0 0 55px;
	margin: 1.5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
	min-height: 37px;
	height: auto !important;
	height: 37px;
	border-top: 3px solid #CF6041;
}

blockquote img {
	float:right;
	margin:0 0 15px 15px;
}

blockquote footer p {
	margin:10px 0 0 0;
	color:#777;
	font-style:italic;
}

blockquote.ou-pullquote1, 
blockquote.ou-pullquote2 {
	float: left;
	color: #666;
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.4em;
	margin: .3em 1.5em 0 0;
	width: 30%;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 3px solid #CF6041;
	border-bottom: 3px solid #CF6041;
	padding: 20px 0 20px 55px;
}

blockquote.ou-pullquote2 {
	float: right;
	margin: .3em 0 0 1.5em;
}

/**/


/* ou video */

div.ouvideo > div > .transcript > blockquote {
	padding:0;
	background-image: none;
	border-top:none;
}

div.ouvideo > ul.tabs li.active a, div.ouvideo > ul.tabs li.active a:hover {
	background-color: #c36;
	background-image: none;
	color: #fff;
}

div.ouvideo > ul.tabs li a {
	background-image: none;
	color: #444;
	background-color: #ddd;
}

div.ouvideo > ul.tabs li a:hover {
	background-color: #ccc;
	background-image: none;
	color: #333;
}

div.ouvideo.ouvideo-alttabs {
	background-color: #222;
}


div.ouvideo > div {
	border-top: 5px solid #c36;
	background-image: none;
	background-color: #E6EBF3;
}

div.ouvideo > div > .description,
div.ouvideo > div > p,
div.ouvideo > div > div.video p {
	color: #000;
}

div.ouvideo > div .info-btm .time,
div.ouvideo > div > .duration {
	color: #000;
	background-image: url(icon-vid-time.png) ;
}

div.ouvideo > div .info-btm .transcript {
	color: #000;
	background-image: url(icon-vid-trans.png) ;
}

/**/

/* ou audio */

div.ouaudio > div > .transcript > blockquote {
	background-image: none;
	border-top:none;
}

div.ouaudio {
	background-color: #E6EBF3;
	border-top: 5px solid #c36;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

div.ouaudio ul a.selected {
	background-image: none;
	background-color: #c36;
}

div.ouaudio div.info-btm a.transcript {
	color: #000;
	background-image: url(icon-audio-trans.png);
}

.ouaudio a.sh-link-external:after {
  display: none;
}

/**/


/* boxes */

div.warning, 
div.tip, 
div.notes, 
div.info,
div.ou-steps,
div.download,
div.activity {
	border-top: 5px solid #C03;
	border-radius: 0;
	padding: 1.5em 2em .5em 1.5em;
	background-color: #E6EBF3;
	color: #000;
	margin: 1.5em 0;
	clear: both;
}

div.info {border-top: 5px solid #069;}
div.notes, div.ou-steps {border-top: 5px solid #CF6041;}
div.tip {border-top: 5px solid #FC6;}
div.warning {border-top: 5px solid #C03;}
div.download {border-top: 5px solid #468C00;}
div.activity {border-top: 5px solid #c36}

div.warning h2, 
div.tip h2, 
div.notes h2, 
div.ou-steps h2,
div.info h2,
div.download h2,
div.activity h2 {
	margin-top: 0;
}

div#ou-region1 div.box, 
div#ou-region2 div.box {
	border-radius: 6px;
	background-color: #eee;
	margin: 1.5em 0;
	padding: 1.5em;
}

div#ou-region2 div.box {
	margin:0 0em 2em 1em;
	padding:15px;
	background-color:#ffffff;
	border:1px solid #ddd;
	border-radius:.5em;
}

body.page-quickfind div#ou-region1 div.box.search {
	margin-top: 0;
	margin-bottom: 3em;
}

html.ltie9 body.page-quickfind div#ou-region1 div.box.search p {
	margin-top: 1.5em;
	margin-bottom: 0;
}

div.box p {
	margin:0 0 1.2em 0;
	padding:0;
}

div#ou-region2 div.box h2 {
	color:#c30;
	margin:0 0 5px 0;
	font-size:1.6em;
}

div.box p:last-child {margin:0;}

div#ou-region2 ul li a {
	text-decoration: none;
}

div#ou-region2 ul li a:hover {
	text-decoration: underline;
}

.policy {
	border: 1px solid #ddd;
	padding: 2em;
	margin: 1.5em 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #000;
	-webkit-box-shadow: 2px 2px 2px 2px #f5f5f5;
	box-shadow: 2px 2px 2px 2px #f5f5f5;
}

.policy ul {margin:0 0 1.2em 0; padding-left:1em;}

.policy ul li {margin-bottom:10px;}

div.download ul,
div.download ul li {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}

div.download ul li:last-child {
	margin-bottom: 1.5em;
}

/* BOX ICONS
div.activity {
	background-image:url(icon-activity.png);
	background-position: right 15px;
	background-repeat:no-repeat;	
}
*/



div.ou-action-block li a,
a.ou-action {
	display: block;
	padding: 1em 0 .8em 0;
	background-image: none;
	text-decoration: none;
	font-size: 1.6em;
	font-family: "Myriad Pro",Calibri,Tahoma,"Lucida Grande",Arial,Helvetica,sans-serif;
}

div.ou-action-block li a:hover,
a.ou-action:hover {
	background-image: none;
}

div.ou-action-block li a:after,
span.ou-title:after {
	font-family:'fontawesome';
	content: "\f0a9";
	float:right;
}

a.ou-action {
	font-size:1em;
	padding:1.5em 0 1em 0;
}

a.ou-action span.ou-title {
	font-family: "Myriad Pro",Calibri,Tahoma,"Lucida Grande",Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: #039;
}

a.ou-action span.ou-title:hover {
	color:#c30;
}

span.ou-title, 
span.ou-desc {margin-right:0; color:#000;}

/**/


/* ou toggle */

#ou-region1 .outoggle {
	margin-bottom: 1.5em;
}

#ou-region1 .outoggle h2 {
	font-size: 1.6em;
	line-height: 22px;
	margin-bottom: 0!important; /* to fix jump */
}

#ou-region1 .outoggle > h2 > a,
#ou-region1 .outoggle > h3 > a,
#ou-region1 .outoggle > a {
	background-image: url(icon-show-plus.png);	
	background-size: 11px;
	background-position: 0.4em 0.8em; 	
	background-repeat: no-repeat;	
	border-bottom: 1px dotted #ddd;
	display: block;
	padding: 0.5em 1.8em;
	text-decoration: none;
}

#ou-region1 .outoggle a.outoggle-expanded {
	background-image: url(icon-hide-minus.png);	
	background-size: 11px;
}

#ou-region1 .outoggle > div:first-of-type {
	display: block;
	padding: 1.5em 1em 0.5em 2em;
}

/* Document Links*/

a span.icon16x16 {
	display: inline-block;
	width: 16px;
	height: 16px;
	white-space: nowrap;
	padding-right: 0.5em;
	text-decoration: none;
	vertical-align: text-bottom;
}

a span.icon16x16.pdf {
	background: url(icon-pdf.png) no-repeat;		
}

a span.icon16x16.rtf  {
	background: url(icon-doc.png) no-repeat;
}

a span.icon16x16.ppt  {
	background: url(icon-ppt.png) no-repeat;
}

a span.icon16x16.xls  {
	background: url(icon-excel.png) no-repeat;
}

a span.icon16x16.file  {
	background: url(icon-file.png) no-repeat;
}


/**/


/* region 2 content */



/**/



/* stuff not added by StephenT. copied by SamAndTech from a previous students theme site */

div.ou-box.section {padding:1em;}

.toggle {width:100%; height:auto; border:none; overflow:hidden;}

div.inview {padding:1em 2em; color:#000;}

div.inview h1 {
color:#000; 
padding:0.5em 0 0.2em; 
margin:0; 
/*font-weight:bold;*/
font-weight:normal;
font-size:2em;
}

div.inview h2, 
h2 {
margin-top:0; 
/*margin-bottom:0;*/
/*font-weight:bold;*/
font-weight:normal;
font-size:1.8em;
}


div.inview h3 {
	margin-top:1em; 
	margin-bottom:0; 
	font-weight:normal;
	font-size:1.55em;
}

div.inview div.ou-box.section h2 {margin:0;}

div.ou-steps h2 {
    background-image: none;
    padding:0.6em 0;	
	margin:0;
}

div.ou-steps h2 a {
    background-image: url("icon-show-plus.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    padding: 0 0.2em;	
	text-decoration:none;
}

div.ou-steps h2 a.minus,
div.ou-steps h2 a.outoggle-expanded {
    background-image: url("icon-hide-minus.png");
}

div.inview p {margin-top:1em;}

#ou-site-footer {
	max-width: 92em;
}

#ou-site-footer ul.footer {
	display: block;
	float: left;
	width: 95%;
	line-height: 2em;
	margin-bottom: 2em;
}

html.ltie8 #ou-site-footer ul li {
	display: inline;
	margin-top: 10px;
}


div#ou-site-footer li {
	margin-right: 1em;
}


a.welcome-label {
	font-family: "Myriad Pro",Calibri,Tahoma,"Lucida Grande",Arial,Helvetica,sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0;
	font-size: 1.05em;
	padding: 0.6em;
	background: #CF6042;
}

a.welcome-label:hover {
	color: #fff;
}

#ou-site-footer p {padding: 0em 0 0 0.5em; color:#000000;}

div.key-point {font-size:1.4em; color:#8C8C00; padding:1em; line-height:130%; background-color:#EDEDCC; border-radius:0.5em;}

.type1 {width:30%; float:left; margin:0 1em 0 0;}

div.prominent {background-color:#eee; padding:1em; z-index:3; position:relative; border-radius:0.5em;}

div.contact, 
div.alert {background-color:#EBF4F8; padding:1em; margin:1em 0; border-radius:0.5em;}
div.alert {background-color:#FACCE3;}

div.contact p, 
div.alert p {margin:0; padding:0;}

div.sub-menu {width:50%; padding:1em; background-color:#eee; border-radius:0.5em; position:relative; z-index:3;}

a.ou-toggle {text-decoration: none;}

/*ol strong {display:inline-block;} */

div.mobile-only {
display:none;	
}

p.updated {
	clear: both;
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;	
}

a.module-button {
	color: #FFF;
	font-size: 1.2em;
	letter-spacing: 0;
	border-radius: 4px 4px 4px 4px;
	display: inline-block;
	padding: 0.5em 2em;
	text-decoration: none;
	width: auto;
	background-color: #078B11;
	background-image: linear-gradient(bottom, rgb(21,148,27) 10%, rgb(94,188,98) 55%);
	background-image: -o-linear-gradient(bottom, rgb(21,148,27) 10%, rgb(94,188,98) 55%);
	background-image: -moz-linear-gradient(bottom, rgb(21,148,27) 10%, rgb(94,188,98) 55%);
	background-image: -webkit-linear-gradient(bottom, rgb(21,148,27) 10%, rgb(94,188,98) 55%);
	background-image: -ms-linear-gradient(bottom, rgb(21,148,27) 10%, rgb(94,188,98) 55%);
	background-image: -webkit-gradient(
	 linear,
	 left bottom,
	 left top,
	 color-stop(0.1, rgb(21,148,27)),
	 color-stop(0.55, rgb(94,188,98))
	 );
}


/**/


/*------------------------------------*\
   $ATOZ
\*------------------------------------*/

.filter-az {
	padding: 0;
	margin: 0;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 6px;
	display: block;
}

.filter-az li {
	list-style: none;
	display: inline;
	font-size: 120%;
	padding: 2px 8px 2px 4px;
    border-right: 1px solid #d8edfe;

}

.filter-az li a {
	text-decoration: none;
	color: #143748;
}

.filter-az li.selected a  {
	text-decoration: none;
	color: #d34e22;
	font-size: 130%;
}

.filter-az li.filter-all {
	float: right;
	border:none;
}

.filter-az li.filter-all.selected a {
	text-decoration: none;
	color: #d34e22;
	font-size: 100%;
}

.filter-az li a:hover {
	text-decoration: none;
	color: #d34e22;		
}


a.filter-all:hover {
	background: #ccc;
}

div.page-results {
	margin-top: 30px;
}

div.page-results ul {
	list-style-type: none;
}

div.page-results ul li {
	border-top:4px solid #CF6041;
margin:0 0 15px 0;
padding:20px 15px 15px 80px;
background-color:#fff;
background-image: url(/students/_data/images/helpcentre/icon-article.png);
background-position:20px 20px;
background-repeat:no-repeat;
border-radius:0 0 4px 4px;
}

div.page-results ul li a {
	text-decoration: none;
}

div.page-results h3 {
	margin: 10px 0;
}

div.page-results p.description {
	margin-bottom: 0;
}


/*------------------------------------*\
   $SITEMAP
\*------------------------------------*/

div.sitemap ul {
	list-style-type: none;
}

div.sitemap ul li a {
	text-decoration: none;
	line-height: 26px;
}

div.sitemap ul li.root:before {
	content: "\f07c  ";
	font-family:'FontAwesome';
	margin-right:4px;
	color: #000;
}

div.sitemap ul li.root {
	font-size: 18px;
}

div.sitemap li {
	font-size: 14px;
}

div.sitemap ul li:before {
	content: "\f016  ";
	font-family:'FontAwesome';
	margin-right:4px;
	color: #000;
}

div.sitemap ul li.topic:before {
	content: "\f009  ";
	font-family:'FontAwesome';
	margin-right:4px;
	color: #A3336B;
}

div.sitemap ul li.category:before {
	content: "\f00a  ";
	font-family:'FontAwesome';
	margin-right:4px;
	color: #2D73BC;
}

div.sitemap ul li.article:before {
	content: "\f036  ";
	font-family:'FontAwesome';
	margin-right:4px;
	color: #CF6041;
}


div.sitemap p.description {
	font-size: 12px;
	margin-bottom: 0.8em;
	font-style: italic;
}

/*------------------------------------*\
   $SEARCH
\*------------------------------------*/


input.ouQuickFind {
	font-size: 1em;
	padding: 0.6em;
	width: 300px;
	margin: 0;
	background-color:#fff;
	border:1px solid #ccc;
}

#quickFindResults div {
	border-bottom:1px solid #eee;
	margin:0 0 1.5em 0;
	padding:0 0 10px 0;
}

#quickFindResults div:last-child {
	border-bottom:none;
}

#quickFindResults div a {
	text-decoration:none;
}

div#ou-region1 #quickFindResults h2 {
	border-bottom:2px solid #eee;
	padding: 0 0 5px 0;
	margin-bottom:1em;
}

#quickFindResults h3 {
	margin: 0 0 5px 0;
	font-size: 1.3em
}

#quickFindResults h3:first-child {
	margin-top: 20px;
}

#quickFindResults p {
	margin:0 0 5px 0;
	max-width: 55em;
}

#quickFindResults p.search-url {
	color:#224d0e;
}

#ou-region2 input.ouQuickFind {
	width: 200px;
}

.ui-autocomplete {
	cursor: pointer;
}

.ui-menu .ui-menu-item a {
	background: none;
	border-color: transparent;
	border-radius: 0;
	padding: 6px;
}

.ui-menu .ui-menu-item a.ui-state-focus {
	background: #eee;h
}

.ui-widget-content a {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}


/* Help Centre icons */

.hc-icon-article:before {
	font-family:'FontAwesome';
	content: "\f036";
	font-style: normal;
	color: #CF6041;
}

.hc-icon-page:before {
	font-family:'FontAwesome';
	content: "\f016";
	font-style: normal;
	color: #000;
}

.hc-icon-topic:before {
	font-family:'FontAwesome';
	content: "\f009";
	font-style: normal;
	color: #A3336B;
}

.hc-icon-category:before {
	font-family:'FontAwesome';
	content: "\f00a";
	font-style: normal;
	color: #2D73BC;
}

.hc-icon-external:before {
	font-family:'FontAwesome';
	content: "\f08e";
	font-style: normal;
	color: #000;
}

/*  For custom icons simply append the page path (relative URL). Articles cannot have custom icons */
.hc-icon-custom-sitemap:before { content: "\f0e8"; }
.hc-icon-custom-atoz:before {	content: "\f0ca"; }
.hc-icon-custom-quick-find:before { content: "\f002"; }
.hc-icon-custom-feedback:before {	content: "\f003"; }
.hc-icon-custom-your-contacts:before { content: "\f095"; }

/*------------------------------------*\
   $OU FORMS
\*------------------------------------*/

div.ouforms div.field-input.no-title div.label-container {
	display: block;
	margin-bottom: 1em;
}

div.ouforms div.field-input.no-title div.label-container label {
	display: inline;
}

div.ouforms div.field-input.no-title div.label-container a.info {
	margin-left: 0.5em;
}

/*------------------------------------*\
   $FEEDBACK FORM
\*------------------------------------*/

div.ouforms-feedback form textarea {
	font-family: sans-serif;
	font-size: 12px;
	width: 550px;
	height: 70px;
}

div.ouforms-feedback form div.input-radio {
	display: block;
	margin: 0.2em 0 0.6em 0;
}

/*------------------------------------*\
   $FEEDBACK WIDGET
\*------------------------------------*/


/*------------------------------------*\
   $YOUR CONTACTS PAGE
\*------------------------------------*/

div#ou-region1 div.box.help-contacts-content {
	background: #FFF;
	border: 1px solid #ddd;
}

#ou-region1 div.box.help-contacts-content .outoggle > div:first-of-type {
	padding: 1.5em 1em 0.5em 2.5em
}

div.box.help-contacts-content p {
	line-height: 1.6em;
}

div.box.help-contacts-content a {
	text-decoration: none;
}

div.box.help-contacts-content a:hover {
	text-decoration: underline;
}

#ou-region1 div.box.help-contacts-content .tooltip {
display: block;
font-size: 12px;
color: #666;
margin-top: 5px;
line-height: 20px;
border-left: 2px solid #bbb;
padding-left: 10px;
}







/*------------------------------------*\
   HELP CENTRE HOMEPAGE
\*------------------------------------*/

body.page-homepage #ou-content {
	padding: 0;
}

body.page-homepage #ou-content div.hero-top {
	position: relative;
	width: 100%;
	height: 333px;
	background: #CCC url(/students/_data/images/helpcentre/homepage/bg-home-02.jpg);
	/*border-bottom: #FFF 1px solid;*/
	border-radius:.4em .4em 0 0;
}

body.page-homepage #ou-content div.search {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 125px;
	background: rgba(0,0,0,0.6);
	text-align: center;
}

/* public message */

body.page-message div.ou-content {
	padding: 0;
}

.message-grey {
	width: 100%;
	background-color: #fcfcfc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.message-title {
	width: 100%;
	padding: 0;
	text-align: left;
}

.message-section {
	width: 85%;
	border-bottom: 1px solid #ddd;
	margin: 0 auto;
	padding: 40px 0 40px 0;
	font-family: "Open Sans", Myriad Pro,Calibri,Tahoma,"Lucida Grande",Arial,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 24px;
	overflow: hidden;
}

.message-section h2 {
font-size: 42px;
color: #000000;
margin-bottom: 30px;
}

body.page-homepage .message-section p.highlight {
	font-size: 17px;
	text-align: center;
}


.message-section .login-message {
	border-radius: 5px;
	border: 1px #ddd solid;
	background-color: #fefefe;
	color: #333;
	padding: 10px;
	text-align: center;
}

.message-section .login-message h3 i {
	display: block;
	font-size: 42px;
	margin: 10px;
	color: #000;
}

.message-section .login-message .sh-link-external::after {
	display: none;
}

.message-section .login-message h4 {
	color: #333333;
	font-size: 18px;
	border-top: 1px #ccc dotted;
	padding-top: 20px;
}

.message-section .login-message .menu-item {
	padding: 4px 0 8px 0;
	margin: 0;
	font-size: 16px;
}

.message-section .login-message p.menu-item a, .message-section .login-message p.menu-item a:hover {
	text-decoration: none;
}



/**/

html.ltie9 body.page-homepage #ou-content div.search {
	background-image: url(/students/_data/images/helpcentre/homepage/home-shadow.png);
}



body.page-homepage #ou-content div.search form {
	display: inline-block;
	margin-top: 40px;
}

body.page-homepage #ou-content div.search input[type="text"] {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	width: 290px;
	height: 44px;
	padding: 0 10px;
	border: #000 2px solid;
	border-radius: 5px;
	outline: none;
}

.ltie9 body.page-homepage #ou-content div.search input[type="text"] {
	line-height: 44px;
}

body.page-homepage #ou-content div.search input[type="text"]:focus {
	border-color: #CF6041;
}

body.page-homepage #ou-content div.search button.btn-submit {
	height: 46px;
	position: relative;
	top: -3px;
	margin-left: 2px;
}


.ltie9 body.page-homepage #ou-content div.search button.btn-submit {
	top: 0px;
	background-image: url("/students/_data/images/helpcentre/icon-search.png");
	background-repeat: no-repeat;
	background-position: center;
  	margin: 0;
  	padding: 0px;
  	width: 45px;
  	height: 45px;
  	line-height: 1em;
  	display: inline;
  	vertical-align: bottom;
}

.ltie9 body.page-homepage #ou-content div.search i {
	display: none;
}


/* Your Help Centre - Hone page widget */

body.page-homepage #ou-content div.your-help-centre div.tab-bar {
	position: relative;
	width: 100%;
	min-height: 57px;
	background: #CF6042;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > h2 {
	position: relative;
	float: left;
	display: inline-block;
	font-family: sans-serif;
	font-size: 1.3em;
	line-height: 57px;
	margin: 0 1em;
	color: #FFF;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > h2 > i {
	margin-right: 6px;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > ul {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: left;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > ul.left-nav {
	float: left;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > ul.right-nav {
	float: right;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > ul.right-nav:after {
	content: '';
	display: block;
	clear: both;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > ul > li {
	float: left;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > ul > li > a {
	position: relative;
	font-family: Arial, "Lucida Grande", sans-serif;
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 57px;
	display: inline-block;
	padding: 0 1em;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > ul > li > a:hover {
	background: #b04f39;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > ul > li.active a {
	background: #f1f1f1;
	color: #000;
}

body.page-homepage #ou-content div.your-help-centre div.tab-bar > ul > li > a > i {
	margin-right: 0.2em;
}

body.page-homepage #ou-content div.your-help-centre div.sections {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f1f1f1;
	
	xbackground: #ffffff; /* Old browsers */
	xbackground: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	xbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	xbackground: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	xbackground: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
	xbackground: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
	xbackground: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
	xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}

body.page-homepage #ou-content div.your-help-centre div.sections > div {
	position: relative;
	margin: 0 auto;
	padding: 2em 3em;
	display: none;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div.active {
	display: block;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div > h2 {
	display: none;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div.slider > div p.info > i.icon-info-sign {
	color: #246897;
	padding-right: 0.3em;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div div.cols-4 > div.item {
	word-wrap: break-word;
	border-top: 1px solid #ccc;
	padding-left: 5px;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html.ltie8 body.page-homepage #ou-content div.your-help-centre div.sections > div div.cols-4 > div.item {
	behavior: url(/ldt_shared/oufabric/outhemes/students_v1/ie7-boxsizing.htc);
}

body.page-homepage #ou-content div.your-help-centre div.sections > div div.cols-4 > div.item > h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 15px 0 10px 0;
	line-height: 120%;
	width: 94%;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div div.cols-4 > div.item > h3 > a {
	text-decoration: none;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div div.cols-4 > div.item > h3 > a:before {
	padding-right: 0.4em;
}
body.page-homepage #ou-content div.your-help-centre div.sections > div div.cols-4 > div.item > h3 > a.sh-link-external:before {	
	content: "\f08e";
}
body.page-homepage #ou-content div.your-help-centre div.sections > div div.cols-4 > div.item > h3 > a.sh-link-external:after {	
	display: none;
}
body.page-homepage #ou-content div.your-help-centre div.sections > div div.cols-4 > div.item i.ou-tooltip {
	cursor: help;
	color: #666;
	font-size: 0.9em;
	margin-left: 0.2em;
}


/** Saved */

body.page-homepage #ou-content div.your-help-centre div.sections > div.saved div.cols-4 > div.item {
	position: relative;
	
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div.saved div.cols-4 > div.item.hidden {
	max-width: 0px;
	max-height: 0px;
	opacity: 0;
	padding: 0;
	margin: 0;
	font-size: 0px;
	overflow: hidden;
	visibility: hidden;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div.saved div.cols-4 > div.item > a.btn-delete {
	position: absolute;
	top: 0.7em;
	right: -2px;
	font-size: 1.4em;
	text-decoration: none;
	visibility: hidden;
	opacity: 0;
	color: #1f536b;
	
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div.saved div.cols-4 > div.item > a.btn-delete:hover {
	color: #c30;
}

body.page-homepage #ou-content div.your-help-centre div.sections > div.saved div.cols-4 > div.item:hover > a.btn-delete {
	visibility: visible;
	opacity: 1;
}




body.page-homepage #ou-content div.article-finder {
	display: none;
	margin: 2em auto;
	width: 94%;
}

html.js body.page-homepage #ou-content div.article-finder {
	display: block;
	overflow: hidden;
}

body.page-homepage #ou-content div.article-finder:after {
	content: '';
	display: block;
	clear: both;
}

body.page-homepage #ou-content div.article-finder > h2 {
	font-size: 1.8em;
}

body.page-homepage #ou-content div.article-finder div.steps > div {
	position: relative;
	float: left;
	width: 30%;
	margin-right: 5%;
}

html.ie7 body.page-homepage #ou-content div.article-finder div.steps > div {
	width: 29%;
}

body.page-homepage #ou-content div.article-finder div.steps > div.article {
	margin-right: 0;
}

body.page-homepage #ou-content div.article-finder div.steps > div:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background: #CCC;
	top: 0px;
	right: -9%;
}

body.page-homepage #ou-content div.article-finder div.steps > div:last-child:after {
	display: none;
}

body.page-homepage #ou-content div.article-finder div.steps > div > h3 {
	padding-bottom: 0.6em;
	margin-bottom: 0.8em;
	border-bottom: #CCC 4px solid;
	color: #555;
	font-family: sans-serif;
	font-weight: 400;
	font-size: 1.3em;
}

body.page-homepage #ou-content div.article-finder div.steps > div > h3:after {
	content: "\f0ab";
	display: block;
	position: relative;
	float: right;
	font-size: 1.3em;
	font-weight: normal;
	font-family: FontAwesome;
	color: #3d7900;
	top: -15px;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: top 0.35s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s linear;
	-moz-transition: top 0.35s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s linear;
	-ms-transition: top 0.35s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s linear;
	-o-transition: top 0.35s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s linear;
	transition: top 0.35s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s linear;
}

body.page-homepage #ou-content div.article-finder div.steps > div > div.spinner {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0px;
	right: 0px;
	
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all 0.13s ease;
	-moz-transition: all 0.13s ease;
	-ms-transition: all 0.13s ease;
	-o-transition: all 0.13s ease;
	transition: all 0.13s ease;
}

body.page-homepage #ou-content div.article-finder div.steps > div.category > div.spinner {
	background: url(hc-article-finder-spinner1.gif) no-repeat;
}

body.page-homepage #ou-content div.article-finder div.steps > div.article > div.spinner {
	background: url(hc-article-finder-spinner2.gif) no-repeat;
}

body.page-homepage #ou-content div.article-finder div.steps > div.loading > div.spinner {
	opacity: 1;
	visibility: visible;
}

body.page-homepage #ou-content div.article-finder div.steps > div.topic > h3:after {
	color: #A3336B;
}
body.page-homepage #ou-content div.article-finder div.steps > div.category > h3:after {
	color: #2D73BC;
}
body.page-homepage #ou-content div.article-finder div.steps > div.article > h3:after {
	color: #CF6041;
}

body.page-homepage #ou-content div.article-finder div.steps > div.active > h3:after {
	top: 0px;
	opacity: 1;
	visibility: visible;
}

body.page-homepage #ou-content div.article-finder div.steps > div.loading > h3:after {
	opacity: 0;
	visibility: hidden;
}

body.page-homepage #ou-content div.article-finder div.steps > div > h3 > strong {
	color: #000;
	padding-right: 0.3em;
	font-weight: 700;
}

body.page-homepage #ou-content div.article-finder div.steps > div.topic > h3 {
	border-color: #A3336B;
}

body.page-homepage #ou-content div.article-finder div.steps > div.category > h3 {
	border-color: #2D73BC;
}

body.page-homepage #ou-content div.article-finder div.steps > div.article > h3 {
	border-color: #CF6041;
}

body.page-homepage #ou-content div.article-finder div.steps > div.topic.active > h3 {
	color: #A3336B;
}
body.page-homepage #ou-content div.article-finder div.steps > div.topic.active > h3 > strong {
	color: #7C2752;
}

body.page-homepage #ou-content div.article-finder div.steps > div.category.active > h3 {
	color: #2D73BC;
}
body.page-homepage #ou-content div.article-finder div.steps > div.category.active > h3 > strong {
	color: #26639F;
}

body.page-homepage #ou-content div.article-finder div.steps > div.article.active > h3 {
	color: #CF6041;
}
body.page-homepage #ou-content div.article-finder div.steps > div.article.active > h3 > strong {
	color: #C45231;
}

body.page-homepage #ou-content div.article-finder div.steps > div:before {
	font-family: FontAwesome;
	display: block;
	position: absolute;
	font-size: 100px;
	width: 100px;
	height: 100px;
	top: 200px;
	left: 50%;
	margin-left: -50px;
	color: #DEDEDE;
	opacity: 1;
	visibility: visible;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

body.page-homepage #ou-content div.article-finder div.steps > div.selected:before {
	opacity: 0;
	visibility: hidden;
}

body.page-homepage #ou-content div.article-finder div.steps > div.category:before {
	content: "\f00a";
}

body.page-homepage #ou-content div.article-finder div.steps > div.article:before {
	content: "\f036";
}

body.page-homepage #ou-content div.article-finder div.steps > div > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

body.page-homepage #ou-content div.article-finder div.steps > div > ul > li {
	border-bottom: #DDD 1px solid;
	position: relative;
	left: -100%;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: left 0.18s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.23s linear;
	-moz-transition: left 0.18s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.23s linear;
	-ms-transition: left 0.18s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.23s linear;
	-o-transition: left 0.18s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.23s linear;
	transition: left 0.18s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.23s linear;
}

body.page-homepage #ou-content div.article-finder div.steps > div > ul > li.docked {
	left: 0px;
	opacity: 1;
	visibility: visible;
}

body.page-homepage #ou-content div.article-finder div.steps > div > ul > li:last-child {
	border-bottom: 0;
}

body.page-homepage #ou-content div.article-finder div.steps > div > ul > li > a {
	display: block;
	position: relative;
	padding: 0.5em 0.6em;
	text-decoration: none;
	color: #039;
	background-color: #fff;
	
	-webkit-transition: all 0.13s ease;
	-moz-transition: all 0.13s ease;
	-ms-transition: all 0.13s ease;
	-o-transition: all 0.13s ease;
	transition: all 0.13s ease;
}

html.ie7 body.page-homepage #ou-content div.article-finder div.steps > div > ul > li > a {
	zoom: 1;
}

body.page-homepage #ou-content div.article-finder div.steps > div > ul > li > a:hover {
	background-color: #f5f5f5;
}

body.page-homepage #ou-content div.article-finder div.steps > div > ul > li.active {
	border-bottom: none;
}

body.page-homepage #ou-content div.article-finder div.steps > div > ul > li.active > a {
	background-color: #396E8D;
	color: #FFF;
	padding-right: 25px;
	font-weight: bold;
}

body.page-homepage #ou-content div.article-finder div.steps > div.topic > ul > li.active > a {
	background-color: #A3336B;
}

body.page-homepage #ou-content div.article-finder div.steps > div.category > ul > li.active > a {
	background-color: #2D73BC;
}

body.page-homepage #ou-content div.article-finder div.steps > div.article > ul > li.active > a {
	background-color: #CF6041;
}

body.page-homepage #ou-content div.article-finder div.steps > div > ul > li.active > a:after {
	content: "\f054";
	display: block;
	position: absolute;
	top: 7px;
	right: 8px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
}

body.page-homepage #ou-content div.topic-browser {
	padding: 2em 3em;
	background: #EEE;
}

body.page-homepage #ou-content div.topic-browser div.group > div.item > a {
	text-decoration: none;
}

body.page-homepage #ou-content div.topic-browser div.group > div.item {
	border-top: 4px solid #A3336B;
}

body.page-homepage #ou-region0 > .search {
	display: none;
}


div.search input[type=submit] {
	/*content: 'test';*/
}



/**/

/* YOUR CONTACTS AREA */

body.page-homepage .help-contacts-content h2, #top-help-contacts .help-contacts-content h2 {
  display: none;
}

body.page-homepage .help-contacts-content h3, #top-help-contacts .help-contacts-content h3 {
  font-size: 1.2em;
  padding: 15px 0 12px 5px;
  margin: 0px;
  border-top: 1px solid #ccc;
  line-height: 120%;
}

body.page-homepage .help-contacts-content .contacts-item, #top-help-contacts .help-contacts-content .contacts-item {
  display: block;
  width: 22%;
  float: left;
  margin-right: 3%;
  margin-bottom: 20px;
}

body.page-homepage .help-contacts-content .contacts-item [class^="icon-"], #top-help-contacts .help-contacts-content .contacts-item [class^="icon-"] {
	color: #000;
	padding-right: 5px;
}

body.page-homepage .help-contacts-content .contacts-item ul, #top-help-contacts .help-contacts-content .contacts-item ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 0px;
  list-style-type: none;
}

body.page-homepage .contacts-item p, .contacts-item li, #top-help-contacts .contacts-item p, .contacts-item li {
  margin: 0px;
  padding: 0 5px;
  font-size: 13px;
}

body.page-homepage .contacts-item p, #top-help-contacts .contacts-item p {
  color: #555;
}

body.page-homepage .contacts-item a, #top-help-contacts .contacts-item a {
  text-decoration: none;
  font-size: 13px;
}

html.ltie8 body.page-homepage .contacts-item ul, #top-help-contacts .contacts-item ul {
	margin-left: 0;
	padding-left: 0;
}

.help-contacts-content .contacts-item span.tooltip {
  display: block;
  font-size: 12px;
  color: #777;
  margin: 5px 0;
  padding-left: 10px;
  border-left: 2px solid #bbb;
}

body.page-homepage .help-contacts-content > p, #top-help-contacts .help-contacts-content > p {
  display: block;
  width: 100%;
  clear: left;
  margin: 0;
}

body.page-homepage .help-contacts-content > p > a, #top-help-contacts .help-contacts-content > p > a {
  margin: 0;
  margin-top: 0px;
}


#top-help-contacts a.ou-button {
	display: none;
}

body.page-homepage #top-help-contacts a.ou-button {
	display: inline;
}

p.info > i.icon-info-sign {
	color: #246897;
	padding-right: 0.3em;
}


/**/

/* Topic carousel */

body.topic-landing .hero {
	padding:0;
	margin: 0;
	width:100%;
	background-color:transparent;
	border-radius:4px 4px 0 0;
}

body.topic-landing .hero img {
	border-radius:4px 4px 0 0;
}

body.topic-landing div.ou-carousel-container {padding-bottom:0;}

body.topic-landing div.ou-carousel-container > ul.slider > li p {
	display: block;
	position: absolute;
	width: 40%;
	left: auto;
	right: 3%;
	bottom: 17%;
	background: #DD3E57;
	background: rgb(221,62,87); /* The Fallback */
	background: rgba(221,62,87, 0.8); 
	color:#fff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;	
	line-height:120%;
	text-align:right;
	padding: 25px 20px;
	margin: 0;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	font-size:2.7em;
}

body.topic-landing div.ou-carousel-container > ul.slider > li img {
	height: 100%;
}

body.topic-landing div.ou-carousel-container > ul.bullets {
	height: 20px;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	text-align: right;
	position: absolute;
	top: 35px;
	right: 35px;
}

body.topic-landing div.ou-carousel-container > ul.bullets > li {
	width: 12px;
	height: 12px;
}

body.topic-landing div.ou-carousel-container > ul.bullets > li.active {
	background-color: #CF6041;
	width: 14px;
	height: 14px;
}

body.topic-landing div.ou-carousel-container > button.btnPrevNext {
	top:40%;
}

body.topic-landing .hero-single div.ou-carousel-container > ul.bullets,
body.topic-landing .hero-single div.ou-carousel-container > button.btnPrevNext {display:none;}


/**/


/**/

/* YOUR HELP CENTRE BOX */

.box-yhc {
	margin:0 0 20px 0;
}


div#ou-region2 .box-yhc, div#ou-region2 .box2, div#ou-region2 .box-image  {margin:0 0 2em 1em;}

div#ou-region2 .box-image img{
	border:1px solid #;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
}

.box-yhc h2,
div#ou-region2 .box-yhc h2 {
	color:#fff;
	padding:12px 15px 10px 15px;
	border-radius: 4px 4px 0 0;
	background-color:#CF6041;
	font-size:1.6em;
	margin: 0;
}

.box-yhc h2 i {margin-right:4px;}

div#ou-region2 .box-yhc .box-yhc-inner {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 0 0 4px 4px;
	border-top: 1px solid #fff;
}

.box-yhc ul {padding:0 0 0 15px;}

.box-yhc ul,
.box-yhc ul li {
	list-style:none;
}

html.ltie8 .box-yhc ul li {
	list-style: square;
}

.box-yhc ul li i {color:#000;}

.box-yhc ul li {
	margin-bottom: 6px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
}

div#ou-region2 .box-yhc ul li {
	border-bottom: none;
	margin-bottom: 8px;
	padding-bottom: 0;
}

body.topic-landing div.box-yhc h2 {
	border-radius: 4px;
}

html.ltie8 body.topic-landing div.box-yhc {
	margin-top: 30px;
}

/**/

/* RELATED HELP BOX */

div#ou-region2 div.related {margin:0 0 2em 1em; padding:0; border-radius:0; border:none;}

div#ou-region2 div.related h2 {color: #fff;padding: 12px 15px 10px 15px;border-radius: 4px;background-color: #8E4242;font-size: 1.6em; border-radius: 4px 4px 0 0; margin-bottom: 0;}

div#ou-region2 div.related h2 i {margin-right:4px;}

div#ou-region2 div.related .related-inner {background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 0 0 4px 4px; border-top: 1px solid #fff; padding:0 10px;}

/**/



.wrap-1-col,
.wrap-3-col {
	float:left;
	width:22%;
	margin:0 0 0 0;
	padding:0;
}

.wrap-3-col {width:74%; margin-right:4%;}


html.ltie8 .wrap-3-col {
	margin-top: 2em;
	padding-bottom: 2em;
}

.cols-1 > .item {width:100%;}
.cols-2 > .item {width:48%;}
.cols-3 > .item {width:30%;}
.cols-4 > .item {width:22%;}

html.ltie9 .col-item-last {
	margin-right: 0;
}
.cols-2 > .item:nth-child(2n),
.cols-3 > .item:nth-child(3n),
.cols-4 > .item:nth-child(4n) {
	margin-right: 0;
}

.cols-2 > .item:nth-child(2n+1),
.cols-3 > .item:nth-child(3n+1),
.cols-4 > .item:nth-child(4n+1) {
	clear: left;
}
html.ltie9 .col-item-first {
	clear: left;
}

/*Stupid IE7 hacks*/
html.ie7 .cols-4 > .item {
	float: left;
	display: inline;
	vertical-align: top;
	zoom: 1;
	width: 22%;
	height: 160px;
	display: inline-block;
}
html.ie7 .cols-4 > .col-item-last {
	width: 21%;
}


/**
 * External links
 */

a.sh-link-external:after {
	content: "\f08e";
	display: inline-block;
	font-family: FontAwesome;
	padding-left: 0.25em;
	vertical-align: middle;
}

div.article a.sh-link-external:after {
	font-size: 0.8em;
}



/* ARTICLES LIST */

ul.article-list {
	padding: 0;
}

ul.article-list li {
	margin: 6px 0;
}

ul.article-list li > a:before {
	display: inline-block;
	position: absolute;
	content: "\f036";
	font-family: FontAwesome;
	color: #CF6041;
	left: -2.142857142857143em;
	width: 2.142857142857143em;
	text-align: center;
}

ul.article-list li > a.sh-link-external:before {
	content: "\f08e";
}

ul.article-list li > a.sh-link-external:after {
	display: none;
}

/**/







/* ADDED 23/04/2014 JC */




/* YOUR CONTACTS START */

.help-contacts-content h2 {
font-family: Verdana,Helvetica,Arial,sans-serif;
color: #222!important;
margin: 0 0 15px 0!important;
padding: 0;
font-weight: normal;
font-size: 130%!important;
}

.help-contacts-content .contacts-item {
border-bottom: 1px solid #ddd;
margin: 0 0 16px 0;
padding-bottom: 4px;
}

.help-contacts-content .contacts-item p {
margin: 8px 0;
}

p.flag {
background-image: url(/students/_data/images/helpcentre/icon-flag.png);
background-position: 0 5px;
background-repeat: no-repeat;
padding: 5px 0 5px 35px!important;
padding-left: 35px;
}

.help-contacts-content a.ou-button {
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: bold;
background-color: #06c;
background-image: none;
border: 1px solid #039;
border-radius: 3px;
box-shadow: rgba(0,0,0,.4) 0 1px 2px 0,#06f 0 1px 0 0 inset;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
color: #fff;
padding: 8px 15px;
margin: 0;
}

.help-contacts-content a.ou-button:after {
content: " \203a ";
}

.help-contacts-content a.ou-button:hover {
background-color: #006699;
}

/* YOUR CONTACTS END */

/* DSA QUIZ PROMO */
.promo-panel { 
  display: block;
  min-height: 65px;
  background-image: url(/students/_data/images/helpcentre/dsa-promo.png?v=4);
  background-repeat:no-repeat;
  background-position: right top;
  margin-bottom: 1em;
  margin-left: 1em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddebf3;
}


.promo-panel .promo-content {
  display: block;
  max-width: 260px;
  padding: 20px 10px;
  background-color: none;
  background-image: url(/students/_data/images/helpcentre/dsa-promo-bkg.png);
  background-position:left top;
  background-repeat: no-repeat;
}

.promo-content h2 {
  color: black;
  line-height: 100%;
}

.promo-content p {
  max-width: 210px;
  color: black;
}

a.promo-link{
  display: block;
  width:100%;
  cursor:pointer;
  text-decoration: none;
}

a.promo-link {
  text-decoration: none;
}

/* DSA QUIZ END */

/* GALLERY START */
div.ou-gallery-nav {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

div.ou-gallery-nav li:nth-child(3n+1) {
	clear: left;
}

div.ou-gallery-nav > ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.ou-gallery-nav >ul > li {
	margin: 0 3% 2em 0;
	padding: 0;
	list-style-type: none;
	width: 30%;
	float: left;
	background: #ffffff;
}

div.ou-gallery-nav h2 {
	border-top: 3px solid #A3336B;
	padding: 1em 0 0 0;
	margin: 0;
	font-size: 1.8em;
}

div.ou-gallery-nav p {
	margin: 1em 0 1em 1em;
}



/* GALLERY END */

/* TEMP FIXES START */

body.page-feedback div.ouforms h2{
	display:none;
}

body.page-island div#ou-region1{
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}

body.topic-landing .ou-content a {
	text-decoration: none;
}

div.ou-gallery-nav p {
 margin: 0 1em 1em 0;
}

a.ou-button2:hover{
	color: white;
}


/* TEMP FIXES END */



/* STAFF ONLY BOX */

.box-staff {
	background-color:#ddd;
	border-radius:6px;
	padding:0;
	margin:0;
}

.box-staff h2 {
	background-color:#972B51;
	color:#fff;
	font-family:arial, helvetica, sans-serif;
	font-size:1.4em;
	border-radius:6px 6px 0 0;
	padding:15px 20px 14px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	border-bottom:1px solid #fff;
	margin: 0;
}

.box-staff h2 span.box-staff-text {
	float:right;
	font-size:13px;
	margin-top: 0px;
}

html.ltie9 .box-staff h2 span.box-staff-text {
	margin-top: -30px;
	margin-right: 20px;
}

.box-staff h2 span.box-staff-text:before {
	content: "\f05a  ";
	font-family:'FontAwesome';
	margin-right:4px;
	color: #fff;
}

.box-staff .box-staff-content {
	padding:15px 20px;
}

.box-staff .box-staff-content p:last-child {
	margin-bottom:0;
}

/**/


/* SIDEBAR TOPIC */

.sidebar-topic {
	padding:1em 0 1.5em 2em;
	margin:0;
	color:#777;
}

.sidebar-topic p {
	margin:0 0 6px 0;
}

.sidebar-topic ul,
.sidebar-topic ul li {
	margin:0;
	padding:0;
	list-style:none;
}

.sidebar-topic ul li {
	margin-bottom:4px;
}

.sidebar-topic ul li:before {
	content: "\f009  ";
	font-family:'FontAwesome';
	margin-right:4px;
	color: #A3336B;
}


/**/






/* TOPIC PAGES */

body.topic-landing div#ou-page {
	max-width:92em;
}

body.topic-core-skills div#ou-page {max-width:120em;} /* delete once code moved to correct category template */


body.topic-landing div#ou-region1 {
	border-radius:0.5em;
	width:100%;
}

body.topic-core-skills div#ou-region1 {width:75%;} /* delete once code moved to correct category template */


body.topic-landing div#ou-region2 {
	display:none;
}

body.topic-core-skills div#ou-region2 {display:block;} /* delete once code moved to correct category template */


.group:before,
.group:after,
body.topic-landing div.ou-content:before,
body.topic-landing div.ou-content:after {
    content: "";
    display: table;
} 

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

body.topic-landing div.ou-content {
	padding:0;
	background-color:#eee;
}

body.topic-core-skills div.ou-content {padding:1.8em 2em 1em 2em; background-color:#fff;} /* delete once code moved to correct category template */


body.topic-landing .feature {
	width:100%;
	background-color:#fff;
}

body.topic-landing .content-wrap {
	padding:0;
	margin: 2em auto;
	width:92%;
}

.row {
	width:100%;
	margin-bottom:2em;
}

.booklets .row {
	padding-bottom: 2em;
	border-bottom: 1px solid #ddd;
}

.feature .row {
	margin-bottom:0;
}

.col-1,
.col-2,
.col-3,
.col-4 {
	width:22%;
	margin-right:4%;
	height:auto;
	background-color:transparent;
	float:left;
}

body.topic-careers .col-1,
body.topic-careers .col-2,
body.topic-careers .col-3,
body.topic-careers .col-4 {
	background-color:#936;
	height:120px;
}

.col-2 {
	width:48%;
}

.col-3 {
	width:74%;
}

.col-4 {
	width:100%;
	margin-right:0;
}

.row-3col {
	float:left;
	width:74%;
	margin-right:4%;	
}

.row-1col {
	float:left;
	width:22%;
	margin-right:4%;	
}

.row-1col .col-1 {
	width:100%;
	margin-right:4%;
	height:300px;
}

.row-3col .col-1 {
	width:30%;
	margin-right:5%;
}

.col-1.last,
.col-2.last,
.col-3.last,
.row-1col.last,
.row-3col.last,
.row-3col .col-1.last,
.row-1col .col-1.last {
	margin-right:0;	
}

/* TOPIC LIBRARY */

body.topic-library div.ou-content {
	background-image:url(/students/_data/images/helpcentre/topics/library/backgrounds/bg-library.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

body.topic-library .box-yhc {
	margin-top:350px;
}

/**/


/* TOPIC COMPLETING STUDIES */

body.topic-completing-your-studies div.ou-content {
	background-image:url(/students/_data/images/helpcentre/topics/completing-your-studies/backgrounds/bg-completing.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

body.topic-completing-your-studies .box-yhc {
	margin-top:350px;
}

/**/

/* TOPIC ASS & EXAMS */

body.topic-assessments-and-exams div.ou-content {
	background-image:url(/students/_data/images/helpcentre/topics/assessments-and-exams/backgrounds/bg-exams.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

body.topic-assessments-and-exams .box-yhc {
	margin-top:350px;
}

/**/



/**/


/* CATEGORY PAGE */

.articles .article {
	border-top:4px solid #CF6041;
	margin:0 0 15px 0;
	margin-right:0;
	padding:20px 0 15px 0;
	background-color:#fff;
	background-image: url(/students/_data/images/helpcentre/icon-article.png);
	background-position:5px 15px;
	background-repeat:no-repeat;
	border-radius:0 0 4px 4px;
	float:left;
	width:48%;
}

.articles .article:nth-child(2n+1) {
	clear: left;
	margin-right:4%;
}

html.ltie9 .articles .article {
	margin-right: 2%;
	display: inline-block;
	min-height: 100px;
}


.articles .article.multipage {
	background-image: url(/students/_data/images/helpcentre/icon-multipage.png);
}

.articles .article h2 {
	padding:0 0 0 60px;
	margin:0 0 10px 0;
	line-height: 120%;
	font-size: 1.6em;
}

.articles .article h2 a {text-decoration:none;}

.articles .article p {
	padding:0 0 0 60px;
	margin:0 0 0 0;
	color:#666;
}

img.category {border-radius:0 0 8px 8px;}

body.category-landing .articles .article ul.article-list {
	padding:0;
	padding-left: 55px;
	margin-top:15px;
	margin-bottom:0;	
}

body.category-landing .articles .article ul li {
	margin-bottom:4px;
}

body.category-landing .articles .article ul li a {
	text-decoration:none;
}


.articles .article i.icon-align-left {
	color:#CF6041;	
}

body.category-landing .row-3col { /* delete once html changed */
	float: left;
	width: 100%;
	margin-right: 0;
}

body.category-landing .row-1col {display:none;} /* delete once html changed */

body.category-landing div#ou-region1 {
	border-radius: 0.5em;
}

body.category-landing #ou-region2 img {margin-bottom:20px;}

/**/



/* SKILLS CHECK BOX */

.skills-check {
	margin:0 0 20px 0;
}

.skills-check h2 {
	color:#fff;
	padding:12px 15px 10px 15px;
	border-radius:4px;
	background-color:#444;
	font-size:1.6em;
}

.skills-check h2 i {margin-right:4px;}

.skills-check ul {padding:0 0 0 0;}

.skills-check ul,
.skills-check ul li {
	list-style:none;
}

.skills-check ul li {
	margin-bottom: 6px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
}

.skills-check ul li del a,
.skills-check ul li del a:visited {
	color:#555;
}


/**/



/* BOOKLETS BOXES */

div.booklet {
	padding:40px 210px 40px 30px;
}

div.booklet p {margin:0;}

.booklet-assignments,
.booklet-critically,
.booklet-maths,
.booklet-maths2,
.booklet-maths-science,
.booklet-reading-notes,
.booklet-computer {
	background-image: url(/students/_data/images/helpcentre/skillsforstudy/assignments-booklet2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.booklet-maths {background-image: url(/students/_data/images/helpcentre/skillsforstudy/maths-booklet.gif);}

.booklet-maths2 {background-image: url(/students/_data/images/helpcentre/skillsforstudy/maths-booklet2.gif);}

.booklet-maths-science {background-image: url(/students/_data/images/helpcentre/skillsforstudy/booklet-maths-science.gif);}

.booklet-critically {background-image: url(/students/_data/images/helpcentre/skillsforstudy/booklet-critically.gif);}
	
.booklet-reading-notes {background-image: url(/students/_data/images/helpcentre/skillsforstudy/booklet-reading-notes.gif);}
	
.booklet-computer {background-image: url(/students/_data/images/helpcentre/skillsforstudy/booklet-computer.gif);}

/**/


/* DEMO BOX */

div.demo {
	background-image: url(/students/_data/images/helpcentre/skillsforstudy/demos2.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right:180px;
}

/**/





/* TO ADD TO STYLES.CSS ON DEV */

.policy p:last-child {margin-bottom:0;}

.activity h2 i {float:right;}

.ou-content ul i.icon-ok {color:#008C23;}

.ou-content ul i.icon-remove {color:#B22D00;}

.ou-content ul i.icon-pencil {color:#D9A300;}

.steps h2 {margin-bottom:12px;}

.steps p {margin-left:3.3em;}

/* on this page */

.multipage-overview {
	margin:0 0 1.2em 0;
	padding: 0 0 0 50px;
	background-image: url(/students/_data/images/helpcentre/icon-multipage-overview.png);
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom:1px solid #ddd;
}

.multipage-overview p {
	color:#555;
	margin-bottom:1em;
	padding-top:.5em;
}

.multipage-overview p a.show-hide {
	color:#555;
	text-decoration:none;
	float:right;
}

.multipage-overview ul,
.multipage-overview ul li,
body.template-content #ou-region1 .ou-content .multipage-overview ul li {
	background-image: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.multipage-overview ul {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;
	margin: .5em 0 1em 0;
}

.multipage-overview ul li {
	display: inline-block;
}

.multipage-overview ul li a,
.multipage-overview ul li strong {
	background-image: url(/students/_data/images/helpcentre/icon-page-small.png);
	background-position:0.4em center;
	background-repeat:no-repeat;
	border-bottom: none;
	display: block;
	padding: 0.4em 1em 0.4em 1.8em;
	text-decoration: none;
	color:#039;
}

.multipage-overview ul li strong {color:#222;}

.multipage-overview ul li a:hover {
	color:#c30;
}

/**/


/* MULTIPAGE FEATURES */


.multipage-features {
	border-bottom:1px solid #ddd;
	padding-left:50px;
	padding-bottom:1.2em;
	margin-bottom:1.5em;
}

.multipage-features ul.feature-icons {
	margin:0;
	padding:0;
	list-style:none;
}

.multipage-features ul.feature-icons li {
	display:inline-block;
	margin:0;
	padding:0;
}

.multipage-features ul.feature-icons li a {
	text-decoration:none;
	display:block;
	border-radius: 3em;
	padding: 10px 12px 10px 45px;
	margin-right:5px;
	background-image:url(/students/_data/images/helpcentre/icon-mp-video.png);
	background-position:4px 4px;
	background-repeat:no-repeat;
}

.multipage-features ul.feature-icons li.video a {background-image:url(/students/_data/images/helpcentre/icon-mp-video.png);}

.multipage-features ul.feature-icons li.audio a {background-image:url(/students/_data/images/helpcentre/icon-mp-audio.png);}

.multipage-features ul.feature-icons li.activity a {background-image:url(/students/_data/images/helpcentre/icon-mp-activity.png);}

.multipage-features ul.feature-icons li.minutes a {background-image:url(/students/_data/images/helpcentre/icon-mp-minutes.png);}

.multipage-features ul.feature-icons li a:hover{
	background-color: #eee;
}

.multipage-features ul.feature-icons li a.active {
	background-color: #555;
	color: white;
}

.multipage-features .feature-links ul,
.multipage-features .feature-links ul li,
body.template-content #ou-region1 .ou-content .multipage-features .feature-links ul li {
	background-image: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.multipage-features .feature-links ul {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;
	margin: 1em 0 0 0;
}

.multipage-features .feature-links ul li {
	display: inline-block;
}

.multipage-features .feature-links ul li a,
.multipage-features .feature-links ul li strong {
	background-image: url(/students/_data/images/helpcentre/icon-mp-item-video.png);
	background-position:0.4em 0.7em;
	background-repeat:no-repeat;
	border-bottom: none;
	display: block;
	padding: 0.4em 1em 0.4em 1.8em;
	text-decoration: none;
	color:#039;
}

.multipage-features .feature-links.videos ul li a {background-image: url(/students/_data/images/helpcentre/icon-mp-item-video.png);}

.multipage-features .feature-links.audios ul li a {background-image: url(/students/_data/images/helpcentre/icon-mp-item-audio.png);}

.multipage-features .feature-links.activities ul li a {background-image: url(/students/_data/images/helpcentre/icon-mp-item-activity.png);}

.multipage-features .feature-links ul li a:hover {
	color:#c30;
}

.multipage-features .minutes p {
	margin:1.5em 0 0 0;
}

.multipage-features .minutes p i {font-size:1.3em;}

/**/





/**/

/* PAGE BOTTOM BAR (feedback , save, etc. ) */


#ou-content div.content-bottom {
	background: #fff;
	margin: 2em 0 1em 0;
	border-top:1px solid #ccc;
	border-radius:0 0 5px 5px;
	max-width: 1100px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


#ou-content div.content-bottom:after {
	content: '';
	display: block;
	clear: both;
}

/**/





#ou-content div.content-bottom div.save-article {
	width: 100%;
	text-align: center;
	padding: 25px 0;
}

#ou-content div.content-bottom div.save-article div.save:before {
	content: "\f02e";
	color: #fff;
	display: inline-block;
	position: relative;
	font-family: FontAwesome;
	font-size: 0.7em;
	padding: .2em .56em .1em .65em;
	background: #cf6041;
    border-radius: 50%;

}
.ltie9 #ou-content div.content-bottom div.save-article div.save:before {
	content: none;
}

#ou-content div.content-bottom div.save-article.saved div.unsave:before {
	content: "\f02e";
	color: #fff;
	display: inline-block;
	position: relative;
	font-family: FontAwesome;
	font-size: 0.7em;
	padding: .2em .56em .1em .65em;
	background: #97ca28;
    border-radius: 50%;
}
.ltie9 #ou-content div.content-bottom div.save-article.saved div.unsave:before {
	content: none;
}

#ou-content div.content-bottom div.save-article div.btn-save {
	font-size: 1.2em;
	font-weight: bold;
}

#ou-content div.content-bottom div.save-article div.btn-save a {
	text-decoration: none;
}

#ou-content div.content-bottom div.save-article.saved div.btn-save span {
	font-size: 1em;
	font-weight: bold;
	margin-left: 4px;
}

#ou-content div.content-bottom div.save-article.saved div.btn-save a {
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
} 

#ou-content div.content-bottom div.save-article.saved div.btn-save a:first-of-type {
	border-right: #ccc 1px solid;
	padding-right: 5px;
} 

#ou-content div.content-bottom div.save-article.saved div.btn-save a:nth-child(3) {
	padding-left: 3px;
} 





#ou-content div.content-bottom div.save-article.saved div.save,
#ou-content div.content-bottom div.save-article div.unsave {
	/*display: none;*/
	opacity: 0;
	visibility: hidden;
	width: 0;
	height: 0;
	overflow: hidden;

	-moz-transition: opacity 0.6s, visibility 0.6s;
	-webkit-transition: opacity 0.6s, visibility 0.6s;
	-o-transition: opacity 0.6s, visibility 0.6s;
	-ms-transition: opacity 0.6s, visibility 0.6s;
	transition: opacity 0.6s, visibility 0.6s;

}

#ou-content div.content-bottom div.save-article div.save,
#ou-content div.content-bottom div.save-article.saved div.unsave  {
	/*display: inline;*/
	opacity: 1;
	visibility: visible;
	width: auto;
	height: auto;
	overflow: visible;

	moz-transition: opacity 0.6s, visibility 0.6s;
	-webkit-transition: opacity 0.6s, visibility 0.6s;
	-o-transition: opacity 0.6s, visibility 0.6s;
	-ms-transition: opacity 0.6s, visibility 0.6s;
	transition: opacity 0.6s, visibility 0.6s;
}



/* FEEDBACK */

#ou-content div.content-bottom div.oufeedback-container {
	background: transparent;
	padding: 0;
	padding-top: 1em;
	margin: 0;
	width: 100%;
	text-align: center;
	max-width: none;
	border-top: 1px #ccc solid;
}

#ou-content div.content-bottom div.oufeedback-container div.oufeedback-btn-container > button {
	background: #888;
	color:#fff;
	border: none;
	border-radius:8px;
	padding: 0.5em 0.8em;
	margin: 0 .5em 0 0;
	font-family:arial,helvetica,sans-serif;
	font-size: 1em;
	text-shadow:0 1px 1px rgba(0,0,0,.2);
	font-weight:bold;
	cursor: pointer;
}


#ou-content div.content-bottom div.oufeedback-container div.oufeedback-btn-container > button:before {
	content: "\f00c  ";
	font-family:'FontAwesome';
	margin-right:5px;
	color: #fff;
}

#ou-content div.content-bottom div.oufeedback-container div.oufeedback-btn-container > button.oufeedback-btn-no:before {
	color:#fff;
	content: "\f00d ";
}

#ou-content div.content-bottom div.oufeedback-container div.oufeedback-btn-container > button.oufeedback-btn-yes {
	background: #407505;
}

#ou-content div.content-bottom div.oufeedback-container div.oufeedback-btn-container > button.oufeedback-btn-no {
	background: #a42332;
}

#ou-content div.content-bottom div.oufeedback-container div.oufeedback-btn-container > button.oufeedback-btn-yes:hover {
	background: #345f04;
}

#ou-content div.content-bottom div.oufeedback-container div.oufeedback-btn-container > button.oufeedback-btn-no:hover {
	background: #8c1f2d;
}


#ou-content div.content-bottom div.oufeedback-container > h3 {
	color:#000;
	font-size:1.6em;
	margin: 0.8em 0;
}

#ou-content div.content-bottom div.oufeedback-container p.oufeedback-txt-info {
	margin:1.4em 0 0 0;
}

#ou-content div.content-bottom div.oufeedback-container div.oufeedback-thanks {
	padding: 0;
	border: none;
}

/**/




/* Topic Pages */


.item {
	height:auto;
	background-color:transparent;
	float:left;
	margin-right:4%;
	margin-bottom:15px;
}


.headline {
	width:100%;
}

.solid-bg {
	background: rgb(255,255,255);
	/*background: rgba(255,255,255, 0.9); */
	padding:2em;
	border-radius:.5em;
}

.item {
	border-top:4px solid #CF6041;
}

.item.category {
	border-top:4px solid #2D73BC;
}

.item.booklet-download {
	border-top:4px solid #468C00;
}

.item img {border-top:1px solid #fff; margin-bottom:14px; border-radius:0 0 5px 5px;}

.feature .item img {margin-bottom:10px;}

.feature .item a {
	font-size:1.2em;
}

.item a h2,
.item a h3 {
	font-size:1.4em;
	color:#039;
	line-height:120%;
	margin-bottom:10px;
}

.item a:hover h2,
.item a:hover h3 {
	color:#c30;
}

.item ul {
	padding:0;
	margin-top:0;
	margin-bottom:0;	
}

.item ul li {
	margin-bottom:4px;
}

.item i.icon-align-left {
	color:#CF6041;	
}

.item p.description {
	color:#666;
	margin:0 0 10px 0;
	padding:0;
	min-height: 20px;
}


/**/

/* Blocks */


/*
.item-1-col,
.item-2-col,
.item-3-col,
.item-4-col {
	width:22%;
	margin-right:4%;
	height:auto;
	background-color:transparent;
	float:left;
}

.item-2-col {width:48%;}

.item-3-col {width:74%;}

.item-4-col {width:100%; margin-right:0;}

*/


/* Topic Disability */

/*body.topic-disability div.ou-content {
	background-image:url(/students/_data/images/helpcentre/disability/bg-disability.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

body.topic-disability .box-yhc {
	margin: 350px 0 20px 0;
}*/

.box2 {
	border:1px solid #ddd;
	background-color:#fff;
	border-radius:.5em;
	padding:12px;
	text-align:center	
}

body.topic-landing .ou-content .box2 a {
	text-decoration: underline;
}

.box2 h2 {font-size:1.6em; margin-bottom:8px;}

.dsa {margin-top:30px;}

.dsa i {font-size:4em; color:#666; display:block; margin-bottom:15px; }

.box2 a.ou-button2, .box2 a.ou-button {
	padding: 8px;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	font-size: 1.1em;
}

.activity i {font-size:4em; color:#666; display:block; margin-bottom:15px; }

#ou-region2 .callout {margin-bottom: 30px; }

#ou-region2 .callout i {font-size: 3.5em; color:#777; display:block; margin-bottom:15px; }




/**/



/**/




#ou-region1 div.ou-full-nav {
	display: none;
}



.hidden-except-screenreader {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}






#ou-content p.staff span.ou-tooltip,
body.template-article-equivalent-root #ou-content ul.equivPages span.ou-tooltip {
	cursor: help;
	border-bottom: 1px blue dotted;
}

body.template-article-equivalent-root #ou-content ul.equivPages p.audiences {
	font-style: italic;
	margin: 0 0 0.5em 0;
}

body.template-article-equivalent-root #ou-content ul.equivPages p.description {
	margin: 0 0 2em 0;
	padding: 0;
}





body.ajax-busy,
body.ajax-busy * {
	cursor: progress !important;
}