@charset "UTF-8";

/* STUDY PLANNING */

a:visited {color:#880088;}

body.ou-wide .r2 { width: 100% }

body.ou-wide .r2 .ou-content {border-radius:0.5em;}

div.inview {padding:1.5em 2em;}

.r3-inner {padding:12px 0 0 30px;}


/* tables */

table {margin:0 0 30px 0;}

table tr {border-bottom: 1px solid #eee;}

table tr:last-child {border-bottom: none;}

table a {
	color:#039;
	text-decoration:underline;
}

table img {max-width:none;}

table th {font-weight:bold;}

table th,
table td {padding:0.5em 1em;}

table tr:nth-of-type(even) td,
table tr:nth-of-type(even) th {background-color:#f5f5f5;}

table.qual-progress {margin-bottom:20px;}

table.qual-progress tr:nth-of-type(even) td,
form.edit-appearance table tr:nth-of-type(even) td {background-color:transparent;}

form.edit-appearance table tr {border:none;}

table.qual-progress tr td {
	text-align:center;
	color:#888;
	padding:6px;
	border-right:1px solid #ddd;
}

table.qual-progress tr td:last-child {border-right:none;}

table.qual-progress tr {border-bottom:none;}

table.qual-progress div.progress-bar {
	display:inline-block;
	height:6px;
	width:100%;
	background-color: #ddd;
	float:left;
}

table.qual-progress span.progress {
	display:inline-block;
	height:6px;
	background-color: #00CC33;
	float:left;
	text-indent:-5000em;	
}

table.two-cols tr td {width:50%;}

td.col-title {width:65%;}
td.col-date {width:10%;}
td.col-credits {width:10%;}
td.col-status {width:15%;}


/* alt table */

table.alt tr {border-bottom:none;}

table.alt tr th,
table.alt tr td {border:1px solid #ddd;}

table.alt tr:nth-of-type(even) td,
table.alt tr:nth-of-type(even) th {
	background-color:transparent;
}
	

/**/

/* boxes */

.box {
	border:1px solid #ddd;
	border-radius:5px;
	margin:0 0 20px 0;
	padding:20px;	
}

.r3 .box {
	border:1px solid #ddd;
	border-radius:5px;
	margin:0 0 20px 20px;
	padding:20px;	
}

.r3 .r3-inner .box {margin-left:0;}

.r3 .box:first-of-type {margin-top:1em;}

.r3 .box h2,
.r3 .box h3 {
	margin-top:0;
	padding:9px 12px 8px 12px;
	background:#E7EFF7;
	border-radius:3px;
	color:#000;
}

.r3 .box ul,
.r3 .box ul li {
	padding:0; 
	margin:15px 0 0 0;
	list-style:none;
}

.r3 .box ul li {margin:0 0 5px 0;}

.r3 .box ul li a {text-decoration:none;}

.r3 .box-questions h2 {
	background:#8A3288;
	color:#fff;
}

.r3 .box-questions ul li {
	background-image:url(../img/menu-arrow-right.png);
	background-position:0 .4em;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
}

.r3 .box-downloads h2 {
	background:#539D3C;
	color:#fff;
}

.r3 .box-downloads ul li {
	background-image:url(../img/icon-pdf.png);
	background-position:0 .2em;
	background-repeat:no-repeat;
	padding:0 0 0 22px;
}

p.box-link {
	padding:10px 0 0 0;
	margin:15px 0 0 0;	
	border-top:1px solid #e7eff7;
}

a.ou-action2 {
	background:#f5f5f5;
	padding:20px 50px 20px 30px;
	margin:0 0 20px 0;
	border-radius:0 5px 5px 0;	
	border-left:4px solid #ccc;
	text-decoration:none;
	display:block;
}

a.ou-action2 .ou-title {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#039;
	margin:0 0 4px 0;
}

a.ou-action2 .ou-desc {
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
}

a.ou-action2:hover {border-left:4px solid #cc3300;}

a.ou-action2:hover .ou-title {color:#cc3300;}

.box-alert {
	background:#f5f5f5;
	padding:20px;
	margin:0 0 25px 0;
	border-radius:5px;	
}

.box-alert2 {
	border:1px solid #000;
	padding:15px;
	margin:0 0 20px 0;	
}

.box-expand-collapse .box-alert2 h2,
.box-alert2 h2,
.box-alert2 h3 {
	background:none;
	padding:0;
	margin:0 0 10px 0;
	border-radius:0;
	font-size:1em;
	font-weight:bold;
}

.box-alert p:last-child,
.box-alert2 p:last-child {margin:0;}

.box-expand-collapse {
	border:1px solid #a6d0ff;
	border-radius:5px;
	padding:0;
	margin:0 0 30px 0;	
}

.box-expand-collapse-inner {padding:15px 20px 0 20px;}

.box-expand-collapse h2 {
	background:#e7eff7;
	padding:15px 40px 15px 20px;
	margin:0;
	border-radius:5px 5px 0 0;
	position:relative;
}

.box-expand-collapse.collapsed h2 {border-radius:5px;}

.box-expand-collapse h2 a.show-hide {
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	top:15px;
	right:15px;
	text-indent:-5000em;
	overflow:hidden;
	background-color:transparent;
}

.box-expand-collapse h2 a.plus,
.box-expand-collapse h2 a.minus {
	background-image:url(../img/switch-plus.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.box-expand-collapse h2 a.minus {background-image:url(../img/switch-minus.png);}

.box-expand-collapse ul.qual-details {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;	
}

.box-expand-collapse ul.qual-details li {
	display:inline;
	list-style:none;
	margin:0 10px 0 0;	
}

.box-expand-collapse ul.qual-details li strong {color:#b52a1e;}



.box-access {
	border:1px solid #e7eff7;
	border-radius:5px;
	padding:0;
	margin:0 0 30px 0;	
}

.box-access-inner {padding:15px 20px 0 20px;}

.box-access h2 {
	background:#e7eff7;
	padding:15px 40px 15px 20px;
	margin:0;
	border-radius:5px 5px 0 0;
	font-size:1.1em;
	font-weight:bold;
}


/**/

/* show/hide definition list */

dl.show-hide {margin:0 0 20px 0;}

dl.show-hide dt {
	font-weight:bold;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 5px 25px;
	display:block;
}

dl.show-hide dt:hover {color:#cc3300;}

dl.show-hide dt.plus,
dl.show-hide dt.minus {
	background-image:url(../img/switch-plus.png);
	background-position:center left;
	background-repeat:no-repeat;
	cursor:pointer;
}

dl.show-hide dt.minus {background-image:url(../img/switch-minus.png);}

dl dd {margin-top:10px;}
	
/**/

/* buttons */

a.ou-btn {
	display:inline-block;
	background:#ffc23d;
	color:#0b55a8;
	border-radius:4px;
	padding:8px 15px;
	text-decoration:none;	
	font-weight:bold;
}

a.ou-btn:hover {
	background:#cc3300;
	color:white;	
}

/**/


/* on this page - toc */

dl.ou-toc {
	margin:0 0 35px 0;
	padding:0 0 20px 0;
    border-bottom: 1px solid #eee;
}

.aside dl.ou-toc {
	border-bottom:0;
	margin:10px 0 0 20px;
}

dl.ou-toc dt {
    font-weight: bold;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
}

.aside dl.ou-toc dt {font-size:1.1em;}

.aside dl.ou-toc p {
	color:#777;
	margin-bottom:10px;
}

dl.ou-toc ul {
	-moz-column-count:2;
	column-count:2;
	-webkit-column-count:2;	
	padding:0;
	margin:0;
}

.aside dl.ou-toc ul {
	-moz-column-count:1;
	column-count:1;
	-webkit-column-count:1;	
}

dl.ou-toc ul li {list-style: none;}


/**/

/* paragraph styles */

p {margin:0 0 20px 0;}

p.pdf-download {
	background-image:url(../img/icon-pdf.png);
	background-position:0 .2em;
	background-repeat:no-repeat;
	padding:0 0 0 22px;
}

p.loan-text,
p.note {
	font-style:italic;
	color:#555;	
}

p.module-result {
	font-size:1.7em;
	font-weight:bold;
	color:#000;
	display:inline-block;
	border:1px solid #ddd;
	border-radius:3px;
	padding:10px 12px;
	margin:18px 0 18px 0;
}


p.ug-pg {
	width:100%;
	float:left;
	margin:0 0 25px 0;
	padding:0;
	clear:both;
}

p.ug span.code,
p.ug span.ug-pg,
p.pg span.code,
p.pg span.ug-pg {
	display:block;
	float:left;
	padding:10px 15px;
	background-color:#471543;
	color:#fff;	
	font-weight:bold;
}

p.ug span.ug-pg {
	background-color:#CF6040;
	font-weight:normal;
}

p.pg span.code {background-color:#B52E25;}

p.pg span.ug-pg {
	background-color:#312B39;
	font-weight:normal;
}


/**/



/* headlines */

h2 {margin:0 0 20px 0;}

h2.style1 {
	background:#e7eff7;
	color:#000;
	border-radius:4px;
	padding:10px 10px;
	margin:0 0 20px 0;	
}

h2#result {background:#DDECD8;} /* ass. calculator result */

h3,
h4 {
	font-size:1.1em;
	font-weight:bold;
	color:black;
	margin:0 0 20px 0;	
}

h4 {font-size:1em;}

/**/


/* breadcrumb */

ol.ou-breadcrumb,
ol.ou-breadcrumb li {
	margin:0;
	padding:0;
	list-style:none;	
}

ol.ou-breadcrumb {margin:20px 0 5px 0;}

ol.ou-breadcrumb li {
	display:inline;
	background-image: url(../img/menu-arrow-right.png);
    background-position: 0 2px;
    background-repeat: no-repeat;
	padding-left:10px;
	margin-right:5px;
}

ol.ou-breadcrumb li:first-child {background-image:none;}

ol.ou-breadcrumb li a {text-decoration:none;}
	
/**/

/* form elements */

input[type=text],
input[type=password],
textarea {
	padding:6px 12px;	
	font-size:1em;
}

textarea {font-family:Arial, Helvetica, sans-serif;}

input[type=submit] {
	padding:6px 12px;	
	background:#eee;
	font-weight:bold;
	font-size:1em;
	-webkit-appearance: none;
	border:1px solid #ccc;
}

input[type=submit]:hover {border:1px solid #555;}

form.edit-appearance textarea {width:85%;}

form.edit-appearance label {
	font-weight:bold;
	display:inline-block;
	margin-bottom:4px;
}


input:read-only, 
textarea:read-only,
[contenteditable]:read-only {
	  cursor: not-allowed;
	  background-color:#eee;
	  border:1px solid #eee;
	  padding:6px 12px;	
	  font-size:1em;
}

select {font-size:1.3em;}

/**/


/* edit online appearance */

.items-wrap {
	 display: table; 
	 width:100%;
	 margin:0 0 25px 0;
}

.items-row {
	 display: table-row;
}

.items-item {
	 display: table-cell;
	 vertical-align:top;
}

.items-item label {
	display:inline-block; 
	margin:12px 0 3px 0;
}

.items-item select {width:200px;}

p.update-success {
	background:#DDECD8;
	background-image:url(../img/icon-tick.png);
	background-position: 12px 10px;
	background-repeat: no-repeat  ;
	padding:7px 15px 7px 30px;
	border-radius:4px;
}

p.update-error {
	background:#eee;
	color:red;
	padding:7px 15px;
	border-radius:4px;
}

/**/


/* misc */

a.icon-loan {
	background-image:url(../img/icon-loan.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding:7px 0 7px 42px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
}

.box-calculator input[type=text] {
	padding:3px 5px;	
	font-size:1em;
}

.box-calculator table tr td {vertical-align:middle;}


img.inline-img {
	display:inline;
	vertical-align:middle;
}

a.bannerhelp {
	float:right;
	font-size:13px;
}

.ou-block {margin:0 0 30px 0;}

.ou-profile .personal div,
.ou-profile .study div,
.ou-profile .settings div {
	padding-left:75px;
	background-image:url(../img/icon-personal.png);
	background-position:top left;
	background-repeat:no-repeat;	
	min-height:64px;
}

.ou-profile .study div {background-image:url(../img/icon-study.png);}

.ou-profile .settings div {background-image:url(../img/icon-settings.png);}

.ou-profile h2 {
	font-size:1.2em;
	margin-bottom:15px;	
	padding-top:10px;
	font-weight:bold;
}

hr {
	border:none;
	border-top:1px solid #eee;
	padding:0;
	margin:30px 0;	
}

.item {
	border-bottom:1px solid #eee;
	margin-bottom:30px;
	padding-bottom:30px;	
}

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

.item:last-child {border-bottom:none; margin-bottom:0;}

ul.list-style1 {
	padding:0;
	margin:0 0 20px 0;
}

ul.list-style1 li {
	display:inline;
	list-style:none;
	margin:0 10px 0 0;	
}

ul.list-style1 li strong {color:#b52a1e;}

ul.list-style2 {
	padding:0 0 0 0;
	margin:0 0 20px 0;
	list-style:none;
}

ul.list-style2 li {
	padding:0;
	margin:0 0 8px 0;
	list-style:none;
}

ul.list-style2 li a {
	text-decoration:none;
	color:#039;
}

ul.list-style2 li a:hover {	color:#cc3300;}

ul.pdf {
	padding:0;
	list-style:none;
}

ul.pdf li {
	background-image:url(../img/icon-pdf.png);
	background-position:0 .2em;
	background-repeat:no-repeat;
	padding:0 0 0 22px;
	margin:0 0 5px 0;
	list-style:none;
}


/**/

/* next module */

.next-module .next-module-time div,
.next-module .next-module-change div,
.next-module .next-module-help div {
	padding-left:25px;
	background-image:url(../img/icon-clock.png);
	background-position:top left;
	background-repeat:no-repeat;	
}

.next-module .next-module-change div {background-image:url(../img/icon-change.png);}

.next-module .next-module-help div {background-image:url(../img/icon-help.png);}

.next-module-register {
	border-left: 3px solid #539D3C;
	padding-left:30px;
}

/**/




/* studenthome edits */

p.user {margin-top:1em;}

.panel-group h2 {margin:.5em 0;}

body.sh-home .r3 .box {margin:0 0 20px 0;}

/**/



/* media queries */


@media screen and (max-width: 800px) {

.items-item {display: block;}


/* make tables scrollable at smaller screen sizes */

table tbody tr:nth-of-type(even) td {background-color:transparent;}

div.table-wrap {
	overflow-x: scroll;
	background-image: 
		-webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), 
		-webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), 
		-webkit-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), 
		-webkit-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
	background-image: 
		linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), 
		linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), 
		linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), 
		linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
	background-position: 0 0, 100% 0, 0 0, 100% 0;
	background-repeat: no-repeat;
	background-size: 4em 100%, 4em 100%, 1em 100%, 1em 100%;
	background-attachment: local, local, scroll, scroll;
}

} /* end media query */



@media screen and (max-width: 768px) {
	
.r2r3 .r2,
.r2r3 .r3 {
	width: 100%;
	float:left;
}
	
.r3 .box {margin: 0 0 20px 0;}

.r3-inner {padding:0;}

} /* end media query */


@media screen and (max-width: 640px) {
	
div.ou-c1of3,
div.ou-c2of3,
div.ou-c3of3 {
	float:left;
	width:100%;
	margin:0;
	padding:0;	
}

} /* end media query */


@media screen and (max-width: 400px) {

dl.ou-toc ul {
	-moz-column-count:1;
	column-count:1;
	-webkit-column-count:1;	
}

.next-module-register {
	border-left: 0;
	padding-left:0;
}

h1,
h2 {line-height:120%;}

} /* end media query */


@media print {

body {
	color: #000;
	background: #fff;
}

h1 {color:#000;}


} /* end media query */




/*
=========================
	Retina
=========================
*/



@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 


ol.ou-breadcrumb li,
.r3 .box-questions ul li {background-image: url(../img/menu-arrow-right@2x.png); background-size:5px 11px;}

p.update-success {background-image:url(../img/icon-tick@2x.png); background-size:12px 12px;}

.ou-profile .personal div {background-image:url(../img/icon-personal@2x.png); background-size:64px 64px;}

.ou-profile .study div {background-image:url(../img/icon-study@2x.png); background-size:64px 64px;}

.ou-profile .settings div {background-image:url(../img/icon-settings@2x.png); background-size:64px 64px;}

ul.pdf li,
p.pdf-download, 
.r3 .box-downloads ul li {background-image:url(../img/icon-pdf@2x.png); background-size:16px 16px;}

dl.show-hide dt.plus,
.box-expand-collapse h2 a.plus {background-image:url(../img/switch-plus@2x.png); background-size:16px 16px;}

dl.show-hide dt.minus,
.box-expand-collapse h2 a.minus {background-image:url(../img/switch-minus@2x.png); background-size:16px 16px;}

.next-module .next-module-change div {background-image:url(../img/icon-change@2x.png); background-size:16px 16px;}

.next-module .next-module-help div {background-image:url(../img/icon-help@2x.png); background-size:16px 16px;}

.next-module .next-module-time div {background-image:url(../img/icon-clock@2x.png); background-size:16px 16px;}

a.icon-loan {background-image:url(../img/icon-loan@2x.png); background-size:32px 32px;}


} /* end media query */

/* Old styles needed for qual pages */

/* Modules list styling	*/
table.course-list th.course-title {padding-left:2.5em;width:60%;background:url(../images/course-list-bottom.jpg) #F4F4F4 repeat-x bottom left;line-height:2.5em;padding:0 0 0 1em;margin:0;}
table.course-list th.course-points {width:10%;background:url(../images/course-list-bottom.jpg) #F4F4F4 repeat-x bottom left;line-height:2.5em;padding:0 0 0 1em;}
table.course-list th.course-fee {width:20%;	background:url(../images/course-list-bottom.jpg) #F4F4F4 repeat-x bottom left;line-height:2.5em;padding:0 0 0 1em;}
table.course-list dl, div#courses ul.toggle-all li {background-image:url(../img/arrow-down.gif);background-repeat:no-repeat;background-position:0 0.5em;padding-left:1.5em;margin:0;}
table.course-list tr.highlight{background-color:#EDF9F9;}
table.course-list dl a:focus {background-color:transparent;color:#003399;}
table.course-list dl.contracted {background-image:url(../img/arrow-right.gif);/*background-color:#FFF;*/}
div#courses ul.toggle-all li.contracted {background-image:url(../images/arrow-right.gif);background-position:0 0.3em;}
table.course-list dt, table.course-list dd {margin:0;padding:0;}
table.course-list dd {margin-top:1em;color:#000;}
table.course-list dt {font-weight:normal;}
div#courses h3 {font-weight:bold;padding:0.5em 1em;}
div#courses h3.specialism, .pg-wrapper div#courses h3.specialism{margin-bottom:0.5em;}
div#courses h3.specialism {background-color:#C8C866;}
div#courses h3.specialism {background-color:#D4DAFF;}
div#courses h3 {border-bottom:1px dotted #003366;background-color:#E4EAEF;}

div#courses h3 {border-bottom:1px dotted #C8C866;background-color:#EDEDCC;margin-bottom:2em;}

table.course-list tr#migration-courserow.td {background-color: #FFFFFF;}

table.course-list tr:nth-of-type(even) td,
table.course-list tr:nth-of-type(even) th {background-color:#FFFFFF;}