/*
 * CASS
 * 2012
 *
 * style.css
 *
 * Author: Bureau for Visual Affairs
 * www.bureau-va.com
 * 
 * Adjusted by TERMINALFOUR for Site Manager templates
 * www.terminalfour.com
 */ 

/* ------------------------------------------ */

/*
 *  TABLE OF CONTENTS
 *  
 *  Normalize
 *  Base
 *  Grid
 *  Typographgy
 *  Layout
 *  Modules
 *  Page Specific
 *  Helpers
 *  Media Queries
 *  Print Styles
 *
 */



/* ------------------------------------------ */

/* @Normalize
--------------------------------------------- */

/* Normalize - Base */
html {
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
html, button, input, select, textarea {
    font-family: Helvetica,Arial,sans-serif;
}

body {
	margin: 0;
	font-size:12px;
	line-height:20px;
	padding-left:  30px; /* 2.322615%  31px;*/
	/*min-width:933px;*/
	/*width:97.9%;  less than 100% because of padding */
	width:95.9%; /* content driven adjustment*/
}

::-moz-selection {
	background: #666;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #666;
	color: #fff;
	text-shadow: none;
}

/* Normalize - Links */
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
a{ color:#0071cb;
	text-decoration:none;
}

b, strong {
    font-weight: bold;
}

hr {
	display: block;
	height: 0;
	border: 0;
	border-bottom: 1px solid #bebebe;	
	color: #bebebe;
	margin: 0;
	padding: 0;
}

/* Normalize - Lists */
dl, ol, ul {
    margin:0;
}
dl{ 
	width:100%;
	overflow:hidden;
}

ul, ol {
    list-style: none;
    list-style-image: none;
    padding: 0 0 0 0;
}

/* Normalize - Embedded Content */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align:middle; /* remove space under inline images */
}
.lt-ie8 img{
	vertical-align:baseline;
}

/* Normalize - Forms */
form {
    margin: 0;
}

input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

input {
    line-height: normal;
}
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

/* @Base
--------------------------------------------- */

/* Forms */
form input,
form textarea{
	/*http://www.456bereastreet.com/archive/201104/controlling_width_with_css3_box-sizing/*/
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	width:100%;
	margin-bottom:15px;
	padding:8px;
	border:1px solid #D5CECE;
}

.submit-button{    
  	cursor: pointer;
    	cursor: hand;
}

.lt-ie8 form input,
.lt-ie8 form textarea{ 
	padding-top:5px;
	padding-bottom:5px;
	width:93%;
}

form select{
	margin-bottom:10px;
}

.submit{
	display:block;
	color:#464646;
	background-color:#d3d3d1;
	background-image: url('/media/london-metropolitan-university/style-assets/lm-img/arrows.png');
	background-position:100% -28px;
	background-repeat:no-repeat;
	text-align:left;
	border:none;
	cursor: pointer;
}
.lt-ie8 .submit{ 
	width:100%;
	margin-right:2px;
}

a.submit{ 
	margin: 5px 0 5px 20px;
	text-indent:10px;
	line-height:28px;
}
.submit:hover{
	color: #fff;
	background-color: #d80000;
	background-position:100% -84px;
}

.submit-small {
	width: 29px;
	height: 28px;
	margin: 0;
	padding: 0;
	text-indent: -99em;
	overflow: hidden;
	background-color: #f0f0ed;
}
.submit-small:hover {
	background-color: #f0f0ed;
	background-position: 100% -112px;
}
.hdn { display:none; }

label {
  display: block;
  margin-bottom: 5px;
}

.radio, .checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
  margin-top: 3px;
  width:auto;
}

/* @Grid
--------------------------------------------- */

.grids{
	min-width:98%; /*931px;*/
	zoom:1;
}
.grids:before,
.grids:after {
    content:"";
    display:table;
}
.grids:after {
    clear:both;
}

.border{ 
	border-left:30px solid #2e2e2e;
}

[class^="grid-"]{
	float:left; /* Select any element whose class begins with .grid- */
	min-height:1px;
}
.grid-1  { width:301px; /*border-right: 1px solid #cececc;*/ /*(32.26152%) breaks slideshows;933*/}
.grid-1-5{ width:47.69560%; /*445px/933*/}
.grid-2  { width:67.73847%; /*632px/933*/}
.grid-3  { width:100% /*933px/933*/}

.border .grid-2,
.header .grid-2{ width:62.8081%; /*586px; /933*/}
.border .grid-3{ width:96.7845%; /*903px/933*/}

.grid-2 p,
.grid-2 h1,
.grid-2 h2,
.grid-3 p,
.grid-3 h1,
.grid-3 h2{
	width: 49.3033%; /*460px;/933*/
}

.grid-2 p  { width: 100%; } /* 19-6-2013 */
.grid-2 h2 { width: 100%; } /* 4-7-2013 */

.grid-override{
	overflow: hidden;
}

.panel-head {
	width: 48.2315%; /*450px*/
}

.grid-1 p,
.grid-1 h1,
.grid-1 h2{
	width: auto;
}

.grid-override p, .grid-override h2 {
	width:29.90356%; /*279px;*/
}

/* Dividing lines */
.panel [class^="grid-"]{
	/*background-image: url('/media/london-metropolitan-university/style-assets/lm-img/divider.gif');
	background-position:top right;
	background-repeat:repeat-y;*/
}

.footer [class^="grid-"]{
	/*background-image: url('/media/london-metropolitan-university/style-assets/lm-img/divider-footer.gif');*/
	background-position:top right;
	background-repeat:no-repeat;
}

/* Hide dividing lines */
.no-divider [class^="grid-"]{
	/*background-image: none;*/
}

/* Add dividing lines where needed */
.with-divider {
  border-left:1px solid #bebebe;
  padding-left: 10px
}

.panel [class^="grid-"]:last-child,
.footer [class^="grid-"]:last-child{
	/*background-image: none;*/
}

/* Definition lists */
dl{
	margin:0 0 19px 0;
	padding:5px 0 0 0;
	border-bottom:1px solid #ded8d8;
}
dt,
dd{
	float:left;
	margin:0;
	border-top:1px solid #ded8d8;
	padding:2px 0;
	line-height:18px;
}

.under-dl {
	margin-top: -19px;
}

/* Equal split */
dt,
dd{
	width:50%;
}
dt{ clear:both}

/* 25/75 split */
.split-25-75 dt{
	float:left;
	width:25%;
}
.split-25-75 dd{
	width:75%;
}

/* IE7 needs widths :( */
.lt-ie8 .grid-1 dl{ width:280px;}

.lt-ie8 .grid-1 dt{ width:145px; }
.lt-ie8 .grid-1 dd{ display:block; float:none; width:125px; padding-left:10px}

.lt-ie8 .grid-1 .split-25-75 dt{ width:70px}
.lt-ie8 .grid-1 .split-25-75 dd{ width:200px; }

/* @Typographgy
--------------------------------------------- */

h1,
h2{ 
	font-size:28px; 
	line-height:30px;
	margin:0;
	padding:0 0 12px 0;
}

h5 {
  font-size: 1em;
}
h6 {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
}

.med,
.panel-title{
	font-size:15px;
	line-height:20px;
}

h4 { font-size:12px; line-height:20px; margin:0 0 19px 0; }

p  { font-size:12px; line-height:20px; /* margin:0 0 19px 0;*/ }

h4, h5, h6 {margin-bottom: 0;}
.small {
	font-size:10px;
}

/* Shared */
h1{ color:#2b2b2b;}
h2,h3,h4, p{ color:#333;}
em{ color:#666}

/* Panel - Individual section titles */
h1.panel-title,
h2.panel-title{
	padding:14px 0 12px 10px;
	margin:0;
}

/* Panel - Grouped titles */
.panel-head {
	padding: 24px 0 3px 10px;
}
.panel-head .med {
	font-size: 16px;
	margin: 0;
	padding: 0 0 12px 0;
}

.tight {
	margin-top: -10px !important;
}

.light{
	color:#666;
}

.blue {
  color: #2AA1FF;
}

/* Text Links */
p a {
	/*border-bottom: 1px solid;*/
	text-decoration: none;
}

.under-dl a {
	border: 0;
}

p a:hover,
dl a:hover,
.under-dl a:hover,
.related li a:hover,
.panel-head h2 a:hover,
h2.panel-title a:hover {
	color: #666;
	border-bottom: 1px solid #0071cb;
}

h1 a, h2 a {
	color: #333;
}
h1 a:hover, h2 a:hover,
.panel-head h2 a,
h2.panel-title a {
	color: #0071cb;
}

p.downloadLink {
  margin-top: 10px;
}

/* Tables */

table {
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    vertical-align: top;
    text-align: left;
}
tr {
    -moz-transition: background-color 0.3s ease 0s;
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
}
tr:hover {
    -moz-transition: background-color 0.3s ease 0s;
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    background-color: #dedede;
}
th {
    border-bottom: 1px solid #9e9e9e;
}
td {
    border-bottom: 1px solid #bebebe;
}
thead, th {
    font-weight: 700;
}
.grid-2 table p {
	width: auto;
}

/* Datatables styling */

table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid #bebebe;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
	border-right: 1px solid #bebebe;
  height: 40px;
  vertical-align: middle;
}

table.dataTable tr td:first-child {
  border-left:1px solid #bebebe;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: transparent; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: transparent; }
table.dataTable tr.odd td.sorting_2 { background-color: transparent; }
table.dataTable tr.odd td.sorting_3 { background-color: transparent; }
table.dataTable tr.even td.sorting_1 { background-color: white; }
table.dataTable tr.even td.sorting_2 { background-color: white; }
table.dataTable tr.even td.sorting_3 { background-color: white; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
	display: none;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('/media/london-metropolitan-university/style-assets/lm-img/dt-sort-both.png') no-repeat center right; }
.sorting_asc { background: url('/media/london-metropolitan-university/style-assets/lm-img/dt-sort-up.png') no-repeat center right; }
.sorting_desc { background: url('/media/london-metropolitan-university/style-assets/lm-img/dt-sort-down.png') no-repeat center right; }

.sorting_asc_disabled { background: url('http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/images/sort_desc_disabled.png') no-repeat center right; }
 
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

/* Twitter feed */

.twitter.results li {
}

.twitter.results p {
  padding-top: 5px;
}

img.twitter-image {
  margin-right: 5px;
  float: left;
}


/* Blockquotes */
blockquote {
  margin-left: 0;
  padding: 0 20px;
  border-left: 1px solid #bebebe;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}

blockquote p {
  font-size: 15px;
  line-height: 25px;
}


/* Lists within content block */

.html-content ul, .html-content ol {
  margin-left: 15px;
}

.html-content > ul, .html-content > ol {margin-bottom: 20px;}

.html-content ul {
  list-style-type: square;
}

.html-content ol {
  list-style-type: decimal;
}
.html-content ol ol {
  list-style-type: lower-alpha;
}
.html-content ol ol ol {
  list-style-type: lower-roman;
}

.html-content li {
  
}

/* Dropdown boxes */

div.styled-dropdown { 
  overflow:hidden; /* this hides the select's drop button */
  padding:0;
  margin:0;
  background: #F1F1ED url('/media/london-metropolitan-university/style-assets/lm-img/dropdown-arrow.png') no-repeat top right;
  /* this is the new drop button, in image form */
  width:100%;
  height:40px;
  border: none;
}

div.styled-dropdown select { 
  width:115% /* this percentage effectively extends the drop down button out of view */;
  padding-left: 15px;
  padding-top:12px;
  color: #312c2e;
  background-color:transparent; /* this hides the select's background making any styling visible from the div */
  background-image:none; 
  -webkit-appearance: none /* this is required for Webkit browsers */; 
  border:none; 
  box-shadow:none; 
  /*padding:0.3em 0.5em; /* padding should be added to the select, not the div */
}

div.styled-dropdown select option {
  height:40px;
}

.header .styled-dropdown {
  width:180px;
}

.header .text-field {
  margin-left: 15px;
}


.header h2 {
  line-height: 40px;
  position: absolute;
  width:500px;
  left:750px;
  top:2px;
}

/* Text boxes and submit buttons */
div.text-field-with-submit {
  position: relative;
  display:inline;
}

.text-field {
  padding: 0;
  margin: 0;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  width:235px;
}

.submit.submit-arrow {
  background: url('/media/london-metropolitan-university/style-assets/lm-img/submit-arrow.png') 2px top no-repeat transparent;
  height: 38px;
  width: 40px;
  float: right;
  border: none;
  position: absolute;
  top: -13px;
  /*right: 2px;*/
  right: -4px;
}



/* @Layout
--------------------------------------------- */

.wrapper {
	width: 100%; /*933px*/
}

.inner{
	padding:0 11px 10px 11px;
}

.no-title .inner {
  padding-top:10px;
}

.indent{
	padding-left:20px;
}

/* Main Logo */
.logo{
	width: 266px /*28.5101% /*266px/933*/;
  height:119px;
  line-height: 119px;
  border-right:1px solid #bebebe;
	float: left;
}
.logo a {
	display: block;
	margin: 2px 10px 0 20px;
}

.logo img {
  max-height: 101px;
  max-width: 230px;
}

/* Header */
.header-wrap {
	/*float: right;*/
	float:left;
	width: 71.382636655948553054662379421222%; /*666px/933px*/
}
.header {
	border-bottom: 1px solid #bebebe;
	padding:1px 0 10px 10px;
}
.header-logos {
	float: left;
	line-height: 61px;
	margin-right: 43px;
}
.london-met-logo{
	float:right;
	margin: 0 31px 0 0;
}
.london-met-logo span{
	vertical-align:top;
	color:#666;
}
.london-met-logo img{
  margin-left: 30px;
}

.search-wrap {
	position: relative;
	/*margin-top:28px;*/
}
.search-wrap .submit {
	position: absolute;
	top: 0;
	right: 9px;
}

.dropdown-field {
	background: #f0f0ed;
	border: 0;
	font-size: 12px;
	color: #8F8F8F;
	padding: 8px 10px 7px 10px;
	display: block;
	margin-bottom: 1px;
	width:281px;
}

.faculty-header.header {
  background: url('/media/london-metropolitan-university/style-assets/lm-img/header-tick.gif') 200px bottom no-repeat;
  padding-bottom: 0px;
}

/* Secondary Navigation */

.section-title{
	width: 257px; /* 27.545551982851018220793140407288%; /*933 */
	padding: 15px 0 5px 10px;
  height:auto;
	float: left;
	background: url('/media/london-metropolitan-university/style-assets/lm-img/header-tick.gif') right bottom no-repeat;
}

.nav.nav-secondary {
 /* position: absolute; removed to allow for responsive layout*/
  margin-top: 32px;
  left:28.6174%; /*267px/933*/;
  width:100%; /* changed to allow for responsive 2000px; */
}

.lt-ie8 .text-field{
	width:261px;
}

.list-img-ph {
	width:300px;
	height:168px;
	background:#D3D3D1;
}

/* Breadcrumb */

.breadcrumb {
  margin: -20px 0 5px 10px;
  width:96%;
}

.breadcrumb span {float: left; margin-right: 5px;}

.breadcrumb li {
  display:inline;
  padding-right: 5px;
  margin-left: 5px;
}


/* Navigation */
.nav {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
.nav li {
	float: left;
	/*border-bottom:5px solid #F6F6F4;*/
  border-right:1px solid #bebebe;
}

.nav li:hover, .nav span[class^="currentbranch"] a {
  /*border-bottom:5px solid #464646;*/
  background:url(/media/london-metropolitan-university/style-assets/lm-img/images/current-nav-bg.gif) repeat-x bottom;
}

.nav a {
	text-decoration: none;
	color: #333;
	padding:0 10px 10px;
	display: block;
	position: relative;
	z-index: 3;
	/*(border-right:1px solid #bebebe;*/
    /*background:url(/media/london-metropolitan-university/style-assets/lm-img/images/border-nav.png) repeat-y top right;*/
}
.nav .active,
.nav .active:hover {
  /*border-bottom: 5px solid #464646;*/
  background:url(/media/london-metropolitan-university/style-assets/lm-img/images/current-nav-bg.gif) repeat-x bottom;
}

.nav a:hover {
	border-bottom-color: #464646;
  	color: #663366;
}
.nav-main {
	margin-top: 37px;
	/*position: absolute; removed to stop overflow */
	width: 100% /*1200px; changed to stop overflow*/
}

/* start purple links in top menu */
.nav-main a                              { color: #333333; }
.nav-main .active, .nav-main .active a                        {/* border-bottom: 5px solid #663366;*/ background:url(/media/london-metropolitan-university/style-assets/lm-img/images/current-nav-bg-purple.gif) repeat-x bottom; }
.nav-main .active:hover                  {/* border-bottom: 5px solid #663366;*/ background:url(/media/london-metropolitan-university/style-assets/lm-img/images/current-nav-bg-purple.gif) repeat-x bottom; }
.nav-main li:active                      { /* border-bottom: 5px solid #663366;*/ background:url(/media/london-metropolitan-university/style-assets/lm-img/images/current-nav-bg-purple.gif) repeat-x bottom; }
.nav-main li:hover                       { /* border-bottom: 5px solid #663366;*/ background:url(/media/london-metropolitan-university/style-assets/lm-img/images/current-nav-bg-purple.gif) repeat-x bottom;}
.nav-main span[class^="currentbranch"] a { /* border-bottom: 5px solid #663366;*/ background:url(/media/london-metropolitan-university/style-assets/lm-img/images/current-nav-bg-purple.gif) repeat-x bottom; }
/* end purple links */

.nav-main-faculty {
  margin-top:26px;
}

.nav-sub {
	margin-top: -30px;
}
.nav-sub .grid-2 {
	width: 631px;
}

/* Panel */
.panel{
	background-color:#f6f6f4;
	margin-bottom:25px;
}

.no-bg{
	background-color:#fff;
}

.cropped{
	overflow:hidden;
}

/* Panel Nav */
.panel-nav {
	background-color: #F6F6F4;
	/*height:119px; removed to allow overflow */
	margin-bottom: 0;
	border-bottom: 5px solid #fff;
	width:100%;
}
.panel-nav h1 {
	margin: 0;
	padding: 13px 0 33px 10px;
	width:64.308681%; /*600px / 933px */

}
.home .panel-head {
	width: auto;
}
.panel-nav .wrapper{
	zoom:1;
}

.nav-hr {
	float:left;
	width:100%;
	zoom:1;
	margin: 0 1px -1px 0;
}

/* Quicknav */
.quicknav, .quicknav-header {
	position: relative;
	zoom:1;
	z-index: 10000;
	padding: 8px 0 0 5px;
    right: 0px;
}
.quicknav.fixed-width,
.quicknav.fixed-width ul {
	width: 315px;
}
.quicknav.fixed-width {
	margin-bottom: 10px;
}
.quicknav ul, .quicknav-header ul {
    position: absolute;
    width: 291px;
    display: none;
    right: 0px;
}
.quicknav.open ul, .quicknav-header.open ul {
	display: block;
}
.quicknav.fixed li, .quicknav-header.fixed li {
	border-top: 1px solid #D5D5D5;
}
.quicknav li, .quicknav-header li {
	border-top: 1px solid #444;
}
.quicknav li a, .quicknav-header li a {
	display: block;
	background: #2c2c2c;
	padding: 3px 80px 5px 10px;
	color: #d5d5d5;
}
.quicknav.fixed li a:hover, .quicknav-header.fixed li a:hover {
	background: #2c2c2c;
	color: #d5d5d5;
}
.quicknav li a:hover, .quicknav-header li a:hover {
	background: #d80000;
	color: #fff;
}

.panel-nav .quicknav, .panel-nav .quicknav-header {
	padding: 3px 0 0 10px;
	top: -10px;
}

.toggle {
	display: block;
    background: #f0f0ed url('/media/london-metropolitan-university/style-assets/lm-img/toggle-indicator-down.png') no-repeat;
    color: #8F8F8F;
    padding: 15px 10px 15px 50px;
    zoom: 1;
    background-position: 10px -15px;
}
.quicknav.fixed .toggle.active {
	display: block;
	background: #d80000 url('/media/london-metropolitan-university/style-assets/lm-img/btn-prev.gif') no-repeat;
	color: #fff;
	/*padding: 30px 50px 20px 10px;*/
	zoom: 1;
    background-position: 10px 10px;
}
	.quicknav.fixed .toggle.active.mobile {
		padding: 30px 50px 20px 10px;
	}
}
.toggle:hover {
	background: #2c2c2c url('/media/london-metropolitan-university/style-assets/lm-img/toggle-indicator.png') no-repeat;
	color: #d5d5d5;
}
.toggle.panel-title {
	color: #2b2b2b;
	font-weight: bold;
	border: 1px solid #e0e0de;
}
.toggle.panel-title.active,
.toggle.panel-title:hover {
	color: #D5D5D5;
	border-color: #2c2c2c;
}
.quicknav.fixed .toggle {
	/*width:201px;*/
}

.quicknav.fixed li a, .quicknav.fixed .toggle.active {
	background-color: #d80000;
	color: #fff;	
}

/* Footer block */

.footerBlock {
  padding:20px 20px 0 20px;
  margin-bottom: -19px;
}

.footerBlockList {
  width:140px;
  margin-right: 30px;
  float: left;
  color: #fff;
}

.footerBlockList span, .footerBlockList li {margin-bottom: 10px; display: block;}

.footerBlockList li {
  font-weight: lighter;
}

/* Footer */
.footer {
	background:#2e2e2e;
	margin-top: 20px;
}
.footer p {
	margin-top: 16px;
}

.footer a {color: #ebebea; border-bottom: 1px solid;}

#universalFooter {
  height:42px;
  line-height: 42px;

}

#universalFooter p {
  color: #ebebea;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 42px;
}

#universalFooter li {
  display:inline-block;
  margin-right: 10px;
}

#universalFooter .social {padding-top: 6px; width:auto;}

.footer-links {
  list-style: none;
  list-style-image: none;
  margin: 16px 0 0 0;
  padding: 0;
}
.footer-links li {
	margin-bottom: 4px;
}
.footer-links a {
	text-decoration: none;
	color: #333;
}
.footer-links a:hover {
	border-bottom: 1px solid;
}

.social, .pageButtons {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  width: 290px;
  margin-left: auto;
  margin-right: auto;
}
.social li, .pageButtons li {
	width: 29px;
	float: left;
	margin-right: 7px;
}
.social a {
	display: block;
	height: 27px;
	border: 1px solid #cdcdcb;
	background: #fff url('/media/london-metropolitan-university/style-assets/lm-img/social-icons.png') no-repeat;
	text-indent: -99em;
	overflow: hidden;
}
.social .twitter {
	background-position: 0 -27px;
}
.social a:hover {
	background-color: #424242;
	background-position: 0 -54px;
}
.social .twitter:hover {
	background-position: 0 -81px;
}

.social a.youtube { background: #fff url('/media/london-metropolitan-university/style-assets/lm-img/youtube-off-27x27.png') no-repeat; background-position: 0% 0%; }
.social a.youtube:hover { background: #fff url('/media/london-metropolitan-university/style-assets/lm-img/youtube-on-27x27.png') no-repeat; background-position: 0% 0%; }


/* TERMINALFOUR SOCIAL ICONS */

.pageButtons a {
	display: block;
	height: 27px;
	border: 1px solid #cdcdcb;
	background: #fff url('/media/london-metropolitan-university/style-assets/lm-img/socialIcons.png') no-repeat;
	text-indent: -99em;
	overflow: hidden;
}

.pageButtons a:hover {background-color: #0071cb;}

.pageButtons .sprite-social_bookmark{ background-position: 10px 6px;} 
.pageButtons .sprite-social_bookmark:hover{ background-position: 10px -60px;} 
.pageButtons .sprite-social_download{ background-position: 6px -126px;} 
.pageButtons .sprite-social_download:hover{ background-position: 6px -192px;} 
.pageButtons .sprite-social_email{ background-position: 6px -255px;} 
.pageButtons .sprite-social_email:hover{ background-position: 6px -317px;} 
.pageButtons .sprite-social_facebook{ background-position: 10px -381px;} 
.pageButtons .sprite-social_facebook:hover{ background-position: 10px -448px;} 
.pageButtons .sprite-social_print{ background-position: 6px -515px;} 
.pageButtons .sprite-social_print:hover{ background-position: 6px -581px;} 
.pageButtons .sprite-social_share{ background-position: 6px -649px;} 
.pageButtons .sprite-social_share:hover{ background-position: 6px -721px;} 
.pageButtons .sprite-social_star{ background-position: 5px -791px;} 
.pageButtons .sprite-social_star:hover{ background-position: 5px -857px;} 
.pageButtons .sprite-social_twitter{ background-position: 5px -922px;} 
.pageButtons .sprite-social_twitter:hover{ background-position: 5px -986px;} 


/* Message Bar */
.message-bar {
	margin-bottom: 1px;
	background-image: url('/media/london-metropolitan-university/style-assets/lm-img/close-black.gif');
	background-repeat: no-repeat;
	/*background-position-x: 99%;
	background-position-y: 10px;*/
  	background-position: 99% 10px;
  	cursor: pointer;
  	width:100%;
}


.message-bar.major {
  	background-color: #f80000;
  	background-image: url('/media/london-metropolitan-university/style-assets/lm-img/close-white.gif');
  	background-repeat: no-repeat;
	/*background-position-x: 99%;
	background-position-y: 10px;*/
  	background-position: 99% 10px;
}
.message-bar.major p,.message-bar.major {color: #fff;}
/*.message-bar strong {color: #fff;}*/
.message-bar.success {background-color: #FFF6F7;}
.message-bar.information {background-color: #F5FDF2;}
.message-bar .alert-text{width:41%}

.message-bar p {
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 8px 8px 12px 8px;
}
.message-bar.major a {color: #fff;}
.message-bar.major a:hover {color: #000;border-color: #000;}


/* @Modules --------------------------------------------- */

/* Eventbrite */
img.eventbritevertical { width: 300px; height: 180px; }

/* Introductory module (top of page) */
.intro{
	padding:20px 0 20px 0;
	margin:0;
}
.intro dl{
	margin-bottom:0;
}
.intro .under-dl{
	margin-top:0;
}
.intro .inner{
	padding-bottom:0;
}
.intro p {
	margin-bottom:0;
	width:auto;
}

/* Slideshow */
.slideshow{
	position:relative;
	padding-bottom:0;
}

.slideshow-img {
	display: block;
	margin-bottom: 20px;
}

.slide-index{
	margin-top:22px;
	padding-bottom:0;
}

.slide{
	position:relative;  margin-right: 1px; /* ds - jun 5 2013 */
}

.for-slideshow{
	display:none;
}

.slide-caption{
	position:absolute;
	left:0;
	top:0;
	background-color:#414141; /* fallback */
	background:rgba(44,44,44,0.9);
	padding:0 30px;
	height:87px;
	width: 260px;
	display: none;
}

.slide-caption h1,
.slide-caption h2,
.slide-caption p{
	color:#FFF;
	width: auto;
}

.slide-caption p{
	margin:0 0 19px 0;
}


.slide-caption h1,
.slide-caption h2{
	padding: 20px 0 0 0;
}

.slideshow .tight {
	margin-bottom: 8px;
}

.slideshow .c-wrap {
	position: relative;
}
.slideshow .c-wrap p {
	margin-top:10px;
}
.slideshow .outer-wrap {
	overflow:hidden;
	zoom:1;
	position:relative;
}
.slideshow-large .bx-wrapper .bx-viewport {
	border-left: 0px;
}
.slideshow-large .grid-3 .inner { 
	padding-top: 10px;
}
.slideshow-large .grid-3 .slide-caption { 
	padding-left: 11px;
}

div.slide-large-image { margin-right: 1px; /* ds - jun 5 2013 */ }


/* Slideshow - buttons */
.buttons{
	/*width:31px;
	position:absolute;
	left:-31px;
	top:0;*/
	position: absolute;
	left: 0;
	width: 28px; /*2.322615%;*/
        border-left: 1px solid #F6F6F4;
	z-index: 9999;
}

.btn{
	display:block;
	width: 100%;
	height: 43px;
	margin-bottom:1px;
	overflow:hidden;
	/*text-indent:-99em;*/
	background-color:#2c2c2c;
	background-position:center center;
	background-repeat:no-repeat;
}
.prev{
	height: 100%;
	background-image: url('/media/london-metropolitan-university/style-assets/lm-img/btn-prev.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.next{
	height: 100%;
	background-image: url('/media/london-metropolitan-university/style-assets/lm-img/btn-next.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.btn:hover {
	background-color: #2AA1FF;
}

.border .buttons{
	left:-61px;/* Shift over by an extra 30px */
}

.back-to-start {
	float:right;
	position: relative;
	background: #2c2c2c url('/media/london-metropolitan-university/style-assets/lm-img/backtostart.gif') no-repeat center 20px;
	width:30px;
	height:auto;
	display:block;
}

.back-to-start span {
	position:absolute;
	bottom:20px;
	background: #2c2c2c url('/media/london-metropolitan-university/style-assets/lm-img/backtostart.gif') no-repeat center 0;
	width:30px;
	height:30px;
}
.back-to-start:hover, .back-to-start:hover span {
	background-color:#D80000;
}
/* Promo slideshow */

.promo .slide-caption {
  min-height: 168px;
  min-height: 174px;
  width:100%;
  padding:0;
  background-color: transparent; /* fallback */
  background: url('/media/london-metropolitan-university/style-assets/lm-img/btn-down.gif') 10px 10px no-repeat rgba(44,44,44,0.4);
  
}

.promoStandard .slide-caption { min-height: 168px; }

.promo h2 a {color: white;}
.promoStandard h2 a {color: #333;}
.promoStandard img {margin-top: 167px;}
.promoStandard .slide-caption {
	background:url('/media/london-metropolitan-university/style-assets/lm-img/btn-down-dark.png') 10px 10px no-repeat transparent; /*rgba(44, 44, 44, 0.1);*/
	}

.promo.promoStandard .slide-caption:hover {
  background-color: #2e2e2e;
  /*background-image: url('/media/london-metropolitan-university/style-assets/lm-img/btn-down.gif');*/
}

.promo.promoStandard .grid-1 {
  border-right: 1px solid #cececc;
}
.promoStandard .slide-caption:hover h2 a {color: white;}

.promo .slide-caption h1,
.promo .slide-caption h2,
.promo .slide-caption p,
.promo .slide-caption-large-image h2 {
	padding-left:10px;
	padding-right:10px;
	padding-top:35px;
}
.promo .buttons,
.promo .slide-caption{ 
	top:0;
}

.promo.compact .grid-1 {
  border-right: 1px solid #cececc;
}

.fixed2x2{
	width:1262px;
	overflow:hidden;
}

/* Promo - 1 Large, 2 Small */

.fixed1x2 {
  width:901px;
  height:336px;
  overflow:hidden;
}

.promo .slide-large-image {
  float: left;
  position: relative;
}


.promo .slide-caption-large-image {
  position: absolute;
  /* border-right: 1px solid #CECECC; jul 23 2013 */
  /*width:600px;*/ /* PSRR-433 */
  height:336px;
  background-image: url('/media/london-metropolitan-university/style-assets/lm-img/btn-down.gif');
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

.fixed1x2-small-image .slide-caption {
  background-image: url('/media/london-metropolitan-university/style-assets/lm-img/btn-down.gif');
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

.promo .slide-caption:hover {
  background-color: #444444; /* Fallback */
  background-color: rgba(44,44,44,0.7);
}

.promo .slide-caption-large-image h2 {width:300px;}
.promo .slide-caption-large-image h2 a, .fixed1x2-small-image .slide-caption h2 a {color: white;}

.fixed1x2-small-image {
  position: relative;
  /*float: right;*/
  float: left; /* PSRR-433 */
  border-bottom: 1px solid #CECECC;
  /* margin-left: 1px; changed to 0, 24-jul-2013, for uniform 1px gaps between elements */
  margin-left: 0px;
}

/* zero link button for slideshows */
.grids           { height: inherit; }
.zsl             { height: inherit; } /* get height from parent 'grids' element */
.zero-slide-link { height: inherit;  width: 40px; float: left; } /* get height from parent 'zsl' element

/* optional bottom align titles and remove arrow in small compact promos */
div.promo.compact.smallSlider.bottom_align      { }
div.promo.compact.smallSlider.bottom_align h2   { position: absolute; bottom: 0; margin-bottom: 15px; }  
div.promo.compact.smallSlider.bottom_align div.slide-caption { background-image: none; }


/* ds changes, 22 apr */
.fixed1x2                            { }
.fixed1x2-small-image                { }
.fixed1x2-small-image .slide-caption { min-height: 168px; }
.fixed1x2-small-image img            { height: 168px; }
   
/* Arrowed slideshow */
.arrowed {
	background-image: url('/media/london-metropolitan-university/style-assets/lm-img/divider.gif');
	background-position:top left;
	background-repeat:repeat-y;
}
.arrowed h1,
.arrowed h2{
	padding-top:30px;
}
.arrowed a{
	display:block;
	height:100%;
	margin-right: 1px;
	cursor: pointer;
	background: url('/media/london-metropolitan-university/style-assets/lm-img/toggle-indicator.png') 10px -5px no-repeat;
}
.arrowed a:hover {
	background-color: #f6f6f4;
}

/* Call to action */
.ctaLink {
	background-image: url('/media/london-metropolitan-university/style-assets/lm-img/ctaArrow.gif');
	/*background-position-x: 100%;
	background-position-y: 0;*/
	background-position: 100% 0%;
	background-repeat: no-repeat;
	background-color: #2AA1FF;
  /*background: url('/media/london-metropolitan-university/style-assets/lm-img/ctaArrow.gif') top right 5% no-repeat #2AA1FF !important;*/
  	width:30%; /*for responsive behaviour*/
  	float:right; /*for responsive behaviour*/
}

/* metranet link needs a slightly trimmed background image, 34px height not 36px */ 
/* .ctaLink.metranet { background: url('/media/london-metropolitan-university/style-assets/lm-img/ctaArrow-32x31.gif') top right no-repeat #2AA1FF !important; width:300px; } */
/*.ctaLink.metranet { background: url('/media/london-metropolitan-university/style-assets/lm-img/cta-arrow-300x40.gif') top right no-repeat #2AA1FF !important; width: 300px; }*/

.ctaLink.metranet { background: url('/media/london-metropolitan-university/style-assets/lm-img/cta-arrow-150x40-purple.gif') top right no-repeat #2AA1FF; width: 150px; }
.ctaLink.metranet.facultypage { background: url('/media/london-metropolitan-university/style-assets/lm-img/cta-arrow-150x40-purple.gif') top right no-repeat #2AA1FF; width: 100px; min-width: 90px; }


.ctaLink a {
  color: white;
  line-height: 46px;
  padding-left: 10px;
  display: block;
}

/* Moves call to action div above list content */
.ctaLink.relative {
	position: relative;
	top: -46px;
}

.grid-1 .inner .ctaLink {width:100%;}

.relative-pos .ctaLink {
  position: absolute;
  top:0;
  right:0;
}

/* Tabs */

div.tabBackground     { padding: 0; }
div.tabBackground div { width: 100%; } 

ul.tabs li {
  float: left;
}

.tabContainer {
  padding-left: 10px;
  padding-bottom: 30px;
}

.tabContainer ul a {
  display: block;
  padding: 6px 10px;
  text-decoration: none!important;
  margin: 1px;
  margin-left: 0;
  color: #FFF;
  background: #2AA1FF;
}

.tabContainer ul a.selected {
  margin-bottom: 0;
  color: #000;
  background: #fff;
  border-bottom: 1px solid #fff;
  cursor: default;
}

.tabContainer div {
  padding: 20px 20px 10px 10px;
  clear: left;
  background: #fff;
}

/* Stats */

.stat-container [class^="grid-"] {
  border-top: 1px solid #bebebe
}

div.stat {
  min-height:160px;
  background-color: #F60000;
  color: white;
  line-height: 160px;
  text-align: center;
  font-size: 7em;
}

div.stat-container .inner {padding-top:10px;}


/* Results */
.results{
	margin-bottom:-10px;
}
.results li{
	border-top:1px solid #D5CECE;
	float: left;
	width: 100%;
	padding-bottom:10px;
}
.results h1,
.results h2{
	margin-top:10px;
}
.results p{
	margin-bottom:0;
}
.results p:last-child{
	margin-bottom:0;
}

.results .img-wrap a {
	display: block;
}
.results .img-wrap a:hover {
	/* opacity */
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.vertical-list .results p {
  margin-bottom: 10px;
}

/* Pagination */
.pager {
	padding: 5px 0;
}
.pager li {
	float: left;
	margin-right: 1px;
	width: 28px;
	text-align: center;
}
.pager a {
	display: block;
	color: #2b2b2b;
	padding: 1px 4px 2px 4px;
	background: #d3d3d1;
	border-top: 5px solid #d3d3d1;
}
.pager .prev,
.pager .next {
	text-indent: -99em;
	overflow: hidden;
	background-image: url('/media/london-metropolitan-university/style-assets/lm-img/arrows.png');
	background-repeat: no-repeat;
	background-position: 0 -5px;
}
.pager .next {
	background-position: 0 -33px;
}
.pager .active {
	border-top: 5px solid #464646;
}
.pager a:hover {
	background-color: #d80000;
	border-top-color: #d80000;
	color: #fff;
}
.pager .prev:hover {
	background-position: 0 -61px;
}
.pager .next:hover {
	background-position: 0 -89px;
}
.pager .active:hover {
	background-color: #d3d3d1;
	border-top-color: #464646;
	color: #2b2b2b;
}

.pager-bottom {
	border-top: 1px solid #D5CECE;
	margin-top: 10px;
}

/* Related content */
.related{
	border-top:1px solid #D5CECE;
	margin-bottom:35px;
}
.related h3{
	margin:7px 0 4px 0;
}
.related li{
	margin-bottom:4px;
}

.row{
	width:100%;
	clear:both;
	margin-bottom:5px;
}
.row label{
	width:70px;
	float:left;
	color:#666;
}
.row select{
	width:205px;
	padding:1px 0;
}

div.lite {
 	position: relative; 
 	left: 0; 
 	top: 0;
 	background:#232323;
 	text-align: center;
}
img.lite:hover {
 	background:url(http://lh5.googleusercontent.com/-oBFjswrosz4/TuHqainRc3I/AAAAAAAAAbE/t3rMQuSJdLA/s800/youtube-play-button-hover.png);
}

/* Fullpage slide show */
body.ss-active { overflow:hidden; }
.ataglance { display:none; }
#fscreen { position:fixed; top:0; left:0; height:100%; width:100%; overflow:hidden; z-index:8; }
#fscreen .close { position:absolute; top: 20px; right:20px; height:28px; width:28px; background:url('../img/close.gif') no-repeat; text-indent:-200px; }
#fscreen .buttons { z-index:9; left:0; top:20px; }
#fscreen img { width:100%; }
#fscreen .slide-caption { left:31px; top:20px; }
#fscreen .slide-caption a { display:block; }

.init-fss { position:relative; }
.init-fss .full-screen { cursor:pointer; position:absolute; bottom:48%; left:50%; margin:0 0 -47px -47px; height:95px; width:95px; background: #2c2c2c url('../img/enter-fs.gif') no-repeat;}
.init-fss .full-screen:hover { background-color: #D80000; }


/* General Content Module */

.general-mod{

padding-left:20px;
}

/* @Page Specific
--------------------------------------------- */

/* Homepage - Top of page slideshow */
.home .slideshow .buttons,
.home .slideshow .slide-caption{ top:50px}
.home .border.slideshow .buttons { top:0; }
.home .slideshow{ padding-bottom:25px; }

.home .promo{ padding-bottom:0}
.home .promo .buttons,
.home .promo .slide-caption{ top:0px}


/* Course Pages */

table.info-table {
  width:100%;
  border-top: 1px solid #bebebe;
  border-collapse: collapse;
}

table.info-table td {
  vertical-align: top;
  border-bottom: 1px solid #bebebe;
  padding-right: 15px;
}

div.corner.active {
  width: 74px;
  height: 74px;
  background: url('/media/london-metropolitan-university/style-assets/lm-img/2012-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}

div.corner.sticker2012{
  width: 74px;
  height: 74px;
  background: url('/media/london-metropolitan-university/style-assets/lm-img/2012-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}
div.corner.sticker2013{
  width: 74px;
  height: 74px;
  background: url('/media/london-metropolitan-university/style-assets/lm-img/2013-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}

div.corner.sticker2014{
  width: 74px;
  height: 74px;
  background: url('/media/london-metropolitan-university/style-assets/lm-img/2014-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}

div.corner.sticker2015{
  width: 74px;
  height: 74px;
  background: url('/media/london-metropolitan-university/style-assets/lm-img/2015-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}
div.corner.sticker2016{
  width: 74px;
  height: 74px;
  background: url('/media/london-metropolitan-university/style-assets/lm-img/2016-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}
div.corner.sticker2017{
  width: 74px;
  height: 74px;
  background: url('/media/london-metropolitan-university/style-assets/lm-img/2017-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}

/* Horizontal List */
.horizontal .grid-1 {
  border-right: 1px solid #cececc;
}

/* @Helpers
--------------------------------------------- */

/* Clearfix */
.cf:before,
.cf:after,
.nav:before,
.nav:after,
.pager:before,
.pager:after {
    content:"";
    display:table;
}
.cf:after,
.nav:after,
.pager:after{
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf,
.nav,
.pager{
    zoom:1;
}

.top-padding {padding-top: 10px;}

.underline{
	border-bottom:1px solid #ded8d8;
	padding:2px 0;
}

.img-feature {
	margin-bottom: 30px;
}

.tick {
	background: url('/media/london-metropolitan-university/style-assets/lm-img/tick.gif') bottom left no-repeat;
	min-height:31px;
}
.tick-right {
	background: url('/media/london-metropolitan-university/style-assets/lm-img/tick.gif') bottom right no-repeat;
	min-height:31px;
}

/* Floats */
.left {float: left}
.right {float: right}


.relative-pos {
  position: relative;
}

/* the class hidden & unhidden are used selectivly throughout the site utilizing site managers selective output methods for showing/hiding content. */

.hidden {display: none;}
div.kispanel iframe.vertical{display: none;}
div.kispanel iframe.horizontal{display: block;}
.unhidden{}
.backgroundhidden{background:none !important;}


/*mobile menu button*/
.menu-dropdown, .overwrite-menu-dropdown{
    background: url('/media/london-metropolitan-university/style-assets/lm-img/btn-right-dark.png') top right no-repeat #F1F1ED;
    background-position: 97.5% 35%;
    border: medium none;
    height: 30px;
    margin: 0;
   /* overflow: hidden;*/
    padding: 10px 0 0 15px;
    veritcal-align:center;
    width: 120px;
    margin: 15px 0 0 10px;
    color:#666;
    cursor: hand; 
  cursor: pointer;
}
.menu-dropdown:hover, .overwrite-menu-dropdown:hover{}


/* T4 nav fix
--------------------------------------------- */

.nav-fix{

    overflow:hidden
}

/* List styles off*/
.tabBackground ul, .inner ul{
    list-style:square; padding-left:5%
}
.tabBackground ol, .inner ol{
    list-style:decimal; padding-left:5%
}
.inner ul.pageButtons{list-style:none; padding:0px;}


/* Hide user added images to HTML areas - all unhidden, 23 jul 2013 */
/* tabbed content */ /* .tabBackground p img{display:none} */
/*  alerts  */   /* .message-bar p img{display:none} */
/*  Courses /statistic/ general page */ /* .grid-2 .inner p img{display:none} */
/*  general page right hand side */ /* .grid-1 .inner p img{display:none} */
/* footer links block */ /* .footerBlockList img{display:none} */



/* ad hoc fixes */
div.grids.no-divider.smallSlider div.grid-1 { margin-right: 1px; }



/* @Print Styles
--------------------------------------------- */

@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
  
  
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
  
	abbr[title]:after { content: " (" attr(title) ")"; }
	
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content: ""; }
	
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	
	thead { display: table-header-group; }
	
	tr, img { page-break-inside: avoid; }
	
	img { max-width: 100% !important; }
	
	@page { margin: 0.5cm; }
	
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	
	h2, h3 { page-break-after: avoid; }
}



/* added during responsive manipulation */
.recently-viewed{width:98%}

/* Page to PDF */
#page-to-pdf {
    display: block;
    background: #f0f0ed url('/terminalfour/SiteManager?ctfn=download&fnno=60&ceid=390334592') no-repeat;
    color: #8f8f8f;
    padding: 20px 50px 20px 50px;
    zoom: 1;
    background-position: 10px 15px;
    cursor: pointer;
}


/* Default backgrounds
--------------------------------------------- */
/*additional twitter follow link*/
.followOnTwitter{display:none; float:left}

/* News Feed - By Keyword & Specified Content */
.news-feed__background {
    /* PNG Image: IE8 Fallback. Pixels: 300x168 */
    background-image: url('/media/london-metropolitan-university/style-assets/lm-img/londonmet-placeholder-300x168.png');
    /* SVG Image */
    background-image: none, url('/media/london-metropolitan-university/style-assets/lm-img/London_Metropolitan_University_logo_nobg_plainsvg.svg');
    min-height: 168px; /* Setting initial height manually */
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
	.news-feed__background img {
		max-height: 168px;
	}

/* Vertical List - By Keyword & Specified Content */
.vertical-list__background {
    /* PNG Image: IE8 Fallback. Pixels: 300x168 */
    background-image: url('/media/london-metropolitan-university/style-assets/lm-img/londonmet-placeholder-300x168.png');
    /* SVG Image */
    background-image: none, url('/media/london-metropolitan-university/style-assets/lm-img/London_Metropolitan_University_logo_nobg_plainsvg.svg');
    min-height: 168px; /* Setting initial height manually */
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
}

/* Promo Standard - By Keyword & Specified Content */
.promo-standard__background {
    /* PNG Image: IE8 Fallback. Pixels: 300x168 */
    background-image: url('/media/london-metropolitan-university/style-assets/lm-img/londonmet-placeholder-300x168.png');
    /* SVG Image */
    background-image: none, url('/media/london-metropolitan-university/style-assets/lm-img/London_Metropolitan_University_logo_nobg_plainsvg.svg');
    min-height: 335px; /* Includes height from content above the image */
    background-repeat: no-repeat;
    background-position: 50% 90%;
}
	.promo-standard__background img {
		max-height: 168px;
	}

.promo-compact__background {
    /* PNG Image: IE8 Fallback. Pixels: 300x168 */
    background-image: url('/media/london-metropolitan-university/style-assets/lm-img/londonmet-placeholder-300x168.png');
    /* SVG Image */
    background-image: none, url('/media/london-metropolitan-university/style-assets/lm-img/London_Metropolitan_University_logo_nobg_plainsvg.svg');
    min-height: 168px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
}
	.promo-compact__background img {
		max-height: 168px;
	}




.promoBackground-slideshow {
    /* PNG Image: IE8 Fallback */
    background-image: url('/media/london-metropolitan-university/style-assets/lm-img/londonmet-placeholder-932x524.png');
    /* SVG Image */
    background-image: none, url('/media/london-metropolitan-university/style-assets/lm-img/London_Metropolitan_University_logo_nobg_plainsvg.svg');
    min-height: 550px; /* Setting initial height manually */
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-size: 50%;
}


/* Mobile Footer and Header
--------------------------------------------- */
.dd-menuContainer {
    width: 100%;
}


/* Site Map Display */
.sitemap ul, ol {
	list-style-type: disc;
	padding: 0px 0px 0px 20px;
}


/* @Media Queries
--------------------------------------------- */


/* ===== == = === Responsive YouTube for courses === = == ===== */
#video_container  { position: relative; padding-bottom: 56.25%; padding-top: 30px; 
                    height: 0; overflow: hidden; }
#video_container  iframe, #video_container  object, #video_container  embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {max-width: 100%;}

/* =============== YouTube for ad hoc video lists ================= */
iframe.adhoc_video-2  { width: 599px; height: 337px; }
iframe.adhoc_video-1  { width: 300px; height: 168px; background-color: 0px solid red; }
div.promo.compact.grid-1.avh-1 { border: 0; }
div.slide.avh-1       { border: 0; }


/* ===== == = === News Item === = == ===== */
.top-padding img{max-width:100%; height:auto;}


/* ===== == = === Desktop === = == ===== */
  /*default view hide mobile only panels*/
  .mobileFooter{display:none;}
  .mobileHeader{display:none;}
  .mobileHeader {float: left; margin-bottom: 50px;}
  .mobile{display:none;}


/* ===== == = === 1100 === = == ===== */
@media screen and (max-width:1100px)
{
  /*hide mobile menu*/
  /*.mobileHeader{display:none;}*/
  /*metranet link*/  
  .ctaLink.metranet{width:150px; /* was 200 */ }
  .ctaLink.metranet.facultypage { background: url('/media/london-metropolitan-university/style-assets/lm-img/cta-arrow-150x40-purple.gif') top right no-repeat #2AA1FF; width: 90px; }
  
  /*hide white space to right*/
  body {
    /*overflow-x:hidden !important*/;
    position: relative; /* Fix for overflow not working on iPhone */
    width: 99.5%;
	height: 100%;
	margin: 0px;
	padding-left: 30px;
  }
  /*html {
    overflow-x: hidden !important;
    position: relative;*/
}


/* ===== == = === 1024 === = == ===== */
@media screen and (max-width:1024px)
{
  /*hide mobile menu*/  
  /*.mobileHeader{display:none;}*/
  
  /*metranet link*/
  .ctaLink.metranet{width:140px; /* was 190 */ }
  .ctaLink.metranet.facultypage { background: url('/media/london-metropolitan-university/style-assets/lm-img/cta-arrow-150x40-purple.gif') top right no-repeat #2AA1FF; width: 90px; }
  
  /*fix header menu width*/
  .header-wrap{width:68%}  

  /*search input box*/
  .text-field-with-submit .text-field{width:120px;}
  
  	/* Change tables displaying key information */
	.key-information .grid-1 {
		width: 100%;
	}
		.key-information .grid-1 table.info-table td {
			width: 50%;
		}
  
	/* Change divs and ables displaying admission info */
	.admissions-info .grid-1 {
		width: 100%;
	}
		.admissions-info .grid-1 table.info-table td {
			width: 50%;
		}
}

/* ===== == = === 980 === = == ===== */
@media screen and (max-width:980px)
{
    /*hide mobile menu*/
    /*.mobileHeader{display:none;}*/
      
    /*metranet link*/  
    .ctaLink.metranet{width:120px; /* was 170 */ }
    .ctaLink.metranet.facultypage { background: url('/media/london-metropolitan-university/style-assets/lm-img/cta-arrow-150x40-purple.gif') top right no-repeat #2AA1FF; width: 100%; background-color: #663366;}

    /*fix header menu width*/
    .header-wrap{width:63%}
      
    /*Hide cookies/accessibility link resize footer*/
    .footer div.grids  ul.left{display:none}
    #universalFooter.footer div.grid-2{width:40% !important}
    #universalFooter.footer div.grid-1{width:50% !important}
  
	   
/*show minimised course-filter button*/
.course-filter-minimised {
    	display:inline !important;
    	background: url("/media/london-metropolitan-university/style-assets/lm-img/btn-down-dark.png") no-repeat scroll 10px 10px transparent;
    	width:100%;
    }
    
/*hide course-filter-maximised*/
.course-filter-maximised {display:none;}
	 
/*hide course-filter*/
.course-filter-body {display:none !important;}

	/* Change slide captions to allow room for slider controls */
	.slide-caption {
		padding-left: 30px !important;
	}
  
}

/* ===== == = === Between 768 & 980 === = == ===== */
@media screen and (max-width: 980px) and (min-width: 768px) {
    /*1 large 2 small*/
    .fixed1x2 {
        width: auto;
        height: auto;
    }
    .fixed1x2-small-image {
        float: left;
        margin-left: 0px;
    }
    body {
    	overflow-x: hidden !important;
    	position: relative; /* Fix for overflow not working on iPhone */
  	}


    h1.panel-title,
    h2.panel-title{
            width:60%;
    }
  .course-finder .row {min-width:465px !important;}
  
}



/* ===== == = === 900 === = == ===== */
@media screen and (max-width:900px)
{
  /*Hide kis widget*/
  /*.kispanel{display:none;}*/
  div.kispanel iframe.horizontal{display:none;}
  div.kispanel iframe.vertical{display:block;}
  
  .coursemessage{display:block;}
  
  /*resize dropdown*/
  .header .styled-dropdown{width:140px}
  
  	/* Slider navigation buttons */
  	.buttons{
		width: 30px; /*35px;  Change to fixed width */
	}
}

/* ===== == = === 768 === = == ===== */
@media screen and (max-width:768px)
{
  
  
  
    /* Fix body and content width  */
    body{width:99%; padding-left: 1px !important;  }
    h1, h2 {font-size: 15px !important;}
    .grid-1 p, .grid-2 p, .grid-3 p   {width:90% !important;}
    .border .grid-2, .header .grid-2{width:90% !important;}
  
     
    /* ad hoc video content */
  /*
    div.grid-1.ahv-1     { width: 300px; border: 1px solid blue; }
    div.slide.ahv-1      { width: 300px !important; border: 1px solid green; }
  */
    div.grid-2.ahv-2     { width: 300px !important; }
    div.slide.ahv-2      { width: 300px !important; }
    iframe.adhoc_video-2 { width: 299px; height: 168px; }

  
    /* Grid layouts */
    .panel-head {
        width: 96%;
    }
    
    /*hide mobile menu*/
    .mobileHeader{display:block;}
    
    /*hide */
    /*.header, .nav-main, .nav.nav-secondary, nav-title, .desktop, .twitter-image{display:none;}*/
    /* PSRR-576 Changes */
    .nav-main, .nav.nav-secondary, nav-title, .desktop, .twitter-image {display: none;}
    
    /*show */
    .mobileFooter, .mobile{display:block; clear:left;}
    .breadcrumb{/*float:left;*/ margin:10px 0 15px 10px}
    
    /*Fix left border*/
    .bx-wrapper .bx-viewport, .border {border-left: 30px /*10px*/ solid #2E2E2E !important;}  

    /* Header PSRR-576 Changes */
    .header {
    	padding: 1px 0 10px 0px;
    }
    .header .left,
    .header .right {
    	width: 100%;
    }
    #basket-summary {
    	width: 100% !important; /* Marked as important as it needs to override coursefinder.css */
    }
    .text-field-with-submit .text-field {
    	width: 100%;
    	margin-left: 0;
    }
    .ctaLink.metranet {
    	width: 100%;
    	background-color: #663366;
    }
    .left.mobile {
    	width: 100%;
    }
    .left.mobile .menu-dropdown, .left.mobile .overwrite-menu-dropdown {
    	width: 100%;
    /*width:93.5%;*/
    	margin: 0;
    	/*padding: 7px 0 0 13px;*/
    	padding: 7px 0 0 0;
    	text-indent: 20px;
    }
    
    /*logo*/
    .header-wrap{width:50%;}
    .logo{border:none}
    .header-logos{padding-bottom: 10px;}
    
    /*resize dropdown*/
    .header .styled-dropdown{width:120px}  
    
    /*footer*/
    .footerBlock{display:none;}
    .footer{margin-top:1px}
    
   
    /*Quicknav*/
    .quicknav{right:0; padding: 8px 0 0 0;}
    /*.quicknav a{display:none}*/  
    
    /*1 large 2 small*/
    .fixed1x2{width:99%; height:auto;}
    .promo .slide-large-image img { width:99%; }
    .promo .slide-caption-large-image {
        width: 100%;
    }
    .promo .slide-large-image {
        width: 100%;
 
    }
    .fixed1x2-small-image {
        width: 50%;
        margin-left: 0px;
    }
    .fixed1x2-small-image img {
        width: 100%;
    }
    .fixed1x2{width:99%; height:auto;}
    .fixed1x2-small-image .slide-caption {
        height: 100%;
    }
    .fixed1x2-small-image img {
        /*height: 100%;*/
        height: auto;
    }

    /* PSRR-616 Issues */
    /* Promo */
    .promo .slide-caption {
		background-color: rgba(44,44,44,0.4);
		background: rgba(44,44,44,0.4);
	}
	.promoStandard .slide-caption {
		background-color: transparent;
		background: transparent;
	}
	.promo .slide-caption h2 {
		padding-top: 5px;
	}

	/* Events */
	.eventbrite-target ul.results .grid-1 .inner p {
		display: none;
	}
	.eventbrite-target ul.results li .grid-1:nth-of-type(2) {
		display: none;
	}
	.eventbrite-target ul.results .grid-1 .ctaLink {
		magin-top: 0;
	}
	.eventbrite-target ul.results .grid-1 .inner {
		padding-bottom: 0;
	}
	.eventbrite-target ul.results .grid-1 .inner h2 {
		padding-bottom: 0;
	}
  
  img.eventbritevertical { width: 225px; height: auto; }

	/* Vertical List */
	.vertical-list .grids ul .grid-1 .inner p:last-child {
		display: none;
	}
	/* END OF PSRR-616 Issues */
    
    /* Give tabs 50% width */
    ul.tabs li {
        width: 50%;
    }
    
    /*Follow on Twitter*/
    .followOnTwitter{display:block; width:95%;margin:5px 0 0 5px}
    .followOnTwitter li {background: url('/media/london-metropolitan-university/style-assets/lm-img/ctaArrow.gif') top right 5% no-repeat #2AA1FF !important; width:100%;float:right;}
    .followOnTwitter li a {color: white;line-height: 46px;padding-left: 10px;  display: block;}
    
    /*Vertical list*/	  
    .results .img-wrap{width:40% !important}
    .results .img-wrap a img{float:left; width:100%; height:auto}
    .results .grid-1{width:55%; float:left }

    /* Course Listing */
    //#course-listing .results .img-wrap a img {float: left; width: auto; height: auto; }
    
    /* Course finder Table */
    #DataTables_Table_0_wrapper table, thead, tbody, th, td, tr { /*display: block !important;*/ }
    #DataTables_Table_0_wrapper thead tr { position: absolute;top: -9999px;left: -9999px;	}
    #DataTables_Table_0_wrapper tr { border: 0px solid #ccc; }
    #DataTables_Table_0_wrapper td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; }
    #DataTables_Table_0_wrapper td:before { position: absolute !important;top: 6px !important;left: 6px !important;width: 45% !important; padding-right: 10px !important; white-space: nowrap !important;}
    
    /*coursefinder labels*/
    #DataTables_Table_0_wrapper td:nth-of-type(1):before { content: "Course"; }
    #DataTables_Table_0_wrapper td:nth-of-type(2):before { content: "Duration"; }
    #DataTables_Table_0_wrapper td:nth-of-type(3):before { content: "Code"; }
    #DataTables_Table_0_wrapper td:nth-of-type(4):before { content: "Level"; }
  
   /*hide course-finder labels*/
    .course-finder label {display:none;}


	h1.panel-title,
	h2.panel-title{
		width:70%;
	}




	.panel .ctaLink a{color:#2AA1FF;  padding-left: 0px;}
	.panel .ctaLink {background:none;text-align:right;padding-right:4%;}

.ctaLink.metranet{padding-right:0px;}
.ctaLink.metranet a{color:#fff; text-align:left; padding-left:20px;}

.course-finder .ctaLink{color:#fff; padding-left:10px;}
  .course-finder .ctaLink a{color:#fff;}
  
  
#basket-summary .ctaLink{padding-right:14%}
}

/* ===== == = === 600 === = == ===== */
@media screen and (max-width: 600px) {

    /*1 large 2 small*/
    .slide-large-image  img{
        height: auto;
    }
    
    /* Give tabs 100% width */
    ul.tabs li {
        width: 100%;
    }
    
    img.eventbritevertical { width: 200px; height: auto; }
}

/* ===== == = === 540 === = == ===== */
@media screen and (max-width:540px)
  {
    /*logo fix*/
    .logo{width:47%}
	.grids{width:96%}
  
   img.eventbritevertical { width: 140px; height: auto; }
  
}
/* ===== == = === 380 === = == ===== */
@media screen and (max-width:380px)
{
    /*logo*/
    .width{45%;}
    .logo{width:40%}
    .logo img{max-width:90%;height: auto;}
    
    /*hide mobile menu*/
    /*.mobileHeader{display:none;}*/
  
    img.eventbritevertical { width: 90px; height: auto; }
        
    /*Fix left border*/
    .bx-wrapper .bx-viewport, .border {border-left: 30px /*5px*/ solid #2E2E2E !important;} 
    
    /*fix grid title paragraph widths*/ 
    .grid-1, .grid-1-5, .grid-2 p, .grid-2 h1, .grid-2 h2, .grid-3 p, .grid-3 h1, .grid-3 h2 {width: 100%;}
  
    /*slideshow header adjust*/  
    .slide-caption{width:auto;height:auto;}
    .slide-caption h1, .slide-caption h2{padding:top:5px !important;}
  
    /* bottom align titles in 'small slideshow' */
    .slide-large-image .slide-caption { position: absolute; top: auto; bottom: 0; margin-bottom: 0; padding: 10px 20px 0 20px !important; }
    .slide-large-image .slide-caption h2 { padding: 0; }
 
	
}


/* ===== == = === 240 === = == ===== */
@media screen and (max-width:240px)
{
    /*hide mobile menu*/
    /*.mobileHeader{display:none;}*/
  
    img.eventbritevertical { width: 50px; height: auto; }
  
    /*Fix left border*/
    .bx-wrapper .bx-viewport, .border {border-left: 1px solid #2E2E2E !important;} 
    
    /*Menu dropdown*/
    .menu-dropdown, .overwrite-menu-dropdown{width:60px}

}


/* ===== == = === > 1920 === = == ===== */
@media screen and (min-width:1920px) {
    .ctaLink {
        width: 301px;
    }
}


/* ===== == = === No Script Additions === = == ===== */
#noscript-menu {
  display: none;
}
#noscript-menu:target {
  display: block;
}