/* Composite styles, October 2013 */
/* 1. style.css                   */
/* 2. recently-viewed.css         */
/* 3. coursefinder.css            */
/* 4. dcdrilldown.css             */

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

/* CASS 2012 style.css */
/* Author: Bureau for Visual Affairs  www.bureau-va.com */
/* Modified by TERMINALFOUR for Site Manager templates - www.terminalfour.com */ 
/* Further mods by webteam@londonmet */ 


/*
 *  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*/

}

#mainWrapper { overflow-x:hidden; }

::-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('/css/images/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('/css/images/divider.gif');
	background-position:top right;
	background-repeat:repeat-y;*/
}

.footer [class^="grid-"]{
	/*background-image: url('/css/images/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('/css/images/dt-sort-both.png') no-repeat center right; }
.sorting_asc { background: url('/css/images/dt-sort-up.png') no-repeat center right; }
.sorting_desc { background: url('/css/images/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('/css/images/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('/css/images/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;*/ }
.logo img { max-height: 105px; max-width: 230px; vertical-align: top; }

/* 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; height: 61px; margin-right: 0; }

.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('/css/images/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('/css/images/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('/css/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('/css/images/border-nav.png') repeat-y top right;*/
}
.nav .active,
.nav .active:hover {
  /*border-bottom: 5px solid #464646;*/
  background:url('/css/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('/css/images/current-nav-bg-purple.gif') repeat-x bottom; }
.nav-main .active:hover                  {/* border-bottom: 5px solid #663366;*/ background:url('/css/images/current-nav-bg-purple.gif') repeat-x bottom; }
.nav-main li:active                      { /* border-bottom: 5px solid #663366;*/ background:url('/css/images/current-nav-bg-purple.gif') repeat-x bottom; }
.nav-main li:hover                       { /* border-bottom: 5px solid #663366;*/ background:url('/css/images/current-nav-bg-purple.gif') repeat-x bottom;}
.nav-main span[class^="currentbranch"] a { /* border-bottom: 5px solid #663366;*/ background:url('/css/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;
        /* overflow-x:hidden; */
        /* DA fix for screen moving in x in ipad mini 30.01.2015 */
        /* breaks display of section dropdown and nav buttons in Owl Carousel */
}

.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('/css/images/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('/css/images/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('/css/images/toggle-indicator.png') no-repeat;
	color: #d5d5d5;
}

.quicknav .toggle        { background: #2aa1ff url('/css/images/toggle-indicator-down.png') no-repeat; color: white; } /* cta blue, white text */
.quicknav .toggle        { background-position: 10px -15px; }
.quicknav .toggle:hover  { color: white; }
.quicknav .toggle:focus  { color: white; }
.quicknav .toggle.active { color: white; }

.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; comment out so OK on mobile  */
  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('/css/images/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('/css/images/youtube-off-27x27.png') no-repeat; background-position: 0% 0%; }
.social a.youtube:hover { background: #fff url('/css/images/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('/css/images/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('/css/images/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('/css/images/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('/css/images/btn-prev.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.next{
	height: 100%;
	background-image: url('/css/images/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('/css/images/backtostart.gif') no-repeat center 20px;
	width:30px;
	height:auto;
	display:block;
}

.back-to-start span {
	position:absolute;
	bottom:20px;
	background: #2c2c2c url('/css/images/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('/css/images/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;}
/* equivalent styles for Page: News formatter */
.promoStandard div.newspromoheader          { display: block; height: 100%; }
.promoStandard div.newspromoheader h2       { color: #333; }
.promoStandard div.newspromoheader:hover h2 { color: white; }
/* end Page: News styles */
.promoStandard img {margin-top: 167px;}
.promoStandard .slide-caption {
	background:url('/css/images/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('/css/images/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('/css/images/btn-down.gif');
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

.fixed1x2-small-image .slide-caption {
  background-image: url('/css/images/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('/css/images/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('/css/images/toggle-indicator.png') 10px -5px no-repeat;
}
.arrowed a:hover {
	background-color: #f6f6f4;
}

/* Call to action */
.ctaLink {
	background-image: url('/css/images/ctaArrow.gif');
	/*background-position-x: 100%;
	background-position-y: 0;*/
	background-position: 100% 0%;
	background-repeat: no-repeat;
	background-color: #2AA1FF;
        /*background: url('/css/images/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('/css/images/ctaArrow-32x31.gif') top right no-repeat #2AA1FF !important; width:300px; } */
/*.ctaLink.metranet { background: url('/css/images/cta-arrow-300x40.gif') top right no-repeat #2AA1FF !important; width: 300px; }*/

.ctaLink.metranet { background: url('/css/images/cta-arrow-150x40-purple.gif') top right no-repeat #2AA1FF; width: 150px; }
.ctaLink.metranet.facultypage { background: url('/css/images/cta-arrow-150x40-purple.gif') top right no-repeat #2AA1FF; width: 100px; min-width: 90px; }

/* split ctaLink.metranet into ctaLink.staff and ctaLink.student */
/* .ctaLink.staff      { background: url('/css/images/cta-arrow-100x40-purple.gif') top right no-repeat #2AA1FF; width: 100px; } */
/* .ctaLink.student    { background: url('/css/images/cta-arrow-100x40-purple.gif') top right no-repeat #2AA1FF; width: 100px; margin-left: 8px; } */
.ctaLink.staff      { background: #1b3769; width: 100px; }
.ctaLink.student    { background: #00abec; width: 100px; margin-left: 8px; }

.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;
}

.tabBackground ul a {
  display: inline;
  padding: inherit; 
  text-decoration: none;
  background: inherit;
  color:#0071cb;
}
.tabBackground ul a:hover { color: #2A6496 !important; text-decoration: underline !important; }

.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('/css/images/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('/css/images/2012-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}

div.corner.sticker2012{
  width: 74px;
  height: 74px;
  background: url('/css/images/2012-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}
div.corner.sticker2013{
  width: 74px;
  height: 74px;
  background: url('/css/images/2013-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}

div.corner.sticker2014{
  width: 74px;
  height: 74px;
  background: url('/css/images/2014-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}

div.corner.sticker2015{
  width: 74px;
  height: 74px;
  background: url('/css/images/2015-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}
div.corner.sticker2016{
  width: 74px;
  height: 74px;
  background: url('/css/images/2016-entry.png') right top no-repeat;
  position: absolute;
  top:0;
  right:0;
}
div.corner.sticker2017{
  width: 74px;
  height: 74px;
  background: url('/css/images/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('/css/images/tick.gif') bottom left no-repeat;
	min-height:31px;
}
.tick-right {
	background: url('/css/images/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('/css/images/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;
    vertical-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%; 
margin-bottom: 10px; 
}
.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('/css/images/londonmet-placeholder-300x168.png');
    /* SVG Image */
    background-image: none, url('/css/images/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('/css/images/londonmet-placeholder-300x168.png');
    /* SVG Image */
    background-image: none, url('/css/images/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('/css/images/londonmet-placeholder-300x168.png');
    /* SVG Image */
    background-image: none, url('/css/images/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('/css/images/londonmet-placeholder-300x168.png');
    /* SVG Image */
    background-image: none, url('/css/images/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('/css/images/londonmet-placeholder-932x524.png');
    /* SVG Image */
    background-image: none, url('/css/images/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%;
}


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

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


/* bootstrap mods - all screen sizes */
div.logo a                                       { position: absolute; z-index: 1000; } /* make sure page logo link is ABOVE the Bootstrap outer div */
/* revised noscript menu for bootstrap page layouts - normally hidden in <noscript> tags */
div.bootstrap-noscript                           { }
div.bootstrap-noscript div.noscript-search       { }
div.bootstrap-noscript div.noscript-search form  { }
div.bootstrap-noscript .ctaLink.metranet         { float: left; width: 100%; background-color: #660066; }
div.bootstrap-noscript .ctaLink.metranet a       { line-height: 40px; }
div.bootstrap-noscript .ctaLink.student          { float: left; width: 100%; background-color: #660066; }
div.bootstrap-noscript .ctaLink.student a        { line-height: 40px; }
div.bootstrap-noscript .ctaLink.staff            { float: left; width: 100%; background-color: #660066; }
div.bootstrap-noscript .ctaLink.staff a          { line-height: 40px; }
div.bootstrap-noscript ul                        { display: block; width: 100%; list-style: none; clear: left; }
div.bootstrap-noscript ul li                     { padding: 0; border-bottom: 1px solid #c0c0c0; }
div.bootstrap-noscript ul li span.currentsection { display: block; font-weight: bold; padding: 6px 6px 6px 20px;
                                                   background-color: #dddddd; border-bottom: 0; }
div.bootstrap-noscript ul li a                   { padding: 6px 10px 6px 20px; display: block; line-height: 20px; color: #333333; }
div.bootstrap-noscript ul li ul li               { padding-left: 10px; border: 0; }
div.bootstrap-noscript                           { display: none; } /* re-enabled at 768px for proper browsers, or in ie8.css for IE */
/* end revised noscript menu for bootstrap page layouts */


/* course page modal popup - Apr 2014  */
/* additional styles at @media screen and (max-width:768px) */
#courseModal .modal-dialog      { width: 600px; position: absolute; top: 30px; left: 30px; padding: 0; border: 0px solid red; }
#courseModal .modal-content     { border-radius: 0; background-color: rgb(246, 246, 244); }
#courseModal .modal-header      { border: 0; }
#courseModal .modal-body        { }
#courseModal .modal-footer      { margin: 0 10px 0 10px; border-top: 1px solid rgb(190, 190, 190); vertical-align: top; padding: 15px 0 15px 0; }
#courseModal .modal-footer .btn         { display: block; line-height: 46px; height: auto; padding: 0px 10px; text-align: left; font-size: 12px; }
#courseModal .modal-footer .btn-primary { width: 260px; float: right; margin: 0; } /* blue, ctaLink */
#courseModal .modal-footer .btn-default { width: 260px; float: left; margin: 0; color: #666666; 
                                          background: url("/css/images/submit-arrow.png") no-repeat scroll right top rgb(241, 241, 237); } 
                                          /* grey, cancel */

/* grid-3 ahv videos - Apr 2014 */
div.grid-3.ahv-3     { width: 900px !important; height: 505px; }
div.slide.ahv-3      { width: 900px !important; height: 505px; }
iframe.adhoc_video-3 { width: 899px !important; height: 505px; }

/* add spacing to bottom of lists */
div.inner ul         { margin-bottom: 10px; }

#kis-full-time { }
#kis-ie8-break { display: none; }
#kis-part-time { margin-top: 15px; }

/* cookiesdirectvie.js, added July 2014 */
#cookiesdirective        { color: white; background-color: black; }

/* pad out deleted 'Part of:' text - Sept 2014  */
span.partof              { padding-left: 35px; } 

/* remove border from Hobson's iframe (and all others) */
iframe { border: none; }

/* originally in Quote content type */
h2.large.quote { padding-left: 2px; }
h2.large.quote { width: 98%; }

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


/* responsive YouTube for courses */
/*
#video_container  {        position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
#video_container  iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video_container  object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#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 */
/* 300px video list item */
iframe.adhoc_video-1           { width: 300px; height: 168px; }
div.promo.compact.grid-1.avh-1 { border: 0; }
div.slide.avh-1                { border: 0; }
/* 600px video list item */
iframe.adhoc_video-2           { width: 599px; height: 337px; }

/* 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; }

/* > 1920 -------------------------------------------------------------------------- */
@media screen and (min-width:1920px) 
{

    .ctaLink { width: 301px; }

}


/* 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('/css/images/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%; */ /* to stop touch screens moving sideways */
	 height: 100%;
	 margin: 0px;
	 padding-left: 30px; }

}


/* 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('/css/images/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('/css/images/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 and accessibility link : resize footer */
  /*  .footer div.grids ul.left          { display: none; } comment out for mobile */
  .footer div.grids ul.left          { display: inline-block !important; bgcolor: #2e2e2e !important; }
  #universalFooter.footer div.grid-2 { width: 40% !important }
  #universalFooter.footer div.grid-1 { width: 50% !important }
	   
  /* show minimised course-filter button */
  .course-filter-minimised { background: url('/css/images/btn-down-dark.png') no-repeat scroll 10px 10px transparent;
    	                     display: inline !important; 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; } comments out as captions were being cut off by next slide */
  
}

/* 768-1024  ----------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (min-width: 768px) {

  iframe.adhoc_video-2 { width: 500px; height: 300px; border: 0px solid red; }

}

/* 769-860  ----------------------------------------------------------------------- */
@media screen and (max-width: 860px) and (min-width: 769px) 
{
  /* container for ctaLink.staff and ctaLink.student */
  .right.staffstudent { clear: left; float: left; margin-top: 10px; margin-left: 0; }
}

/* 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 */
  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  --------------------------------------------------------------------------- */
/* toggle menu starts here -------------------------------------------------------- */
@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; }

    /* restore (almost) full size text on mobile devices */
    .promoStandard .grid-1 .slide-caption      { padding-left: 0px !important; }
    .promoStandard .grid-1 .slide-caption h2 a { font-size: 24px; }
     
    /* ad hoc video content */
    /*
    div.grid-1.avh-1     { width: 300px; border: 1px solid blue; }
    div.slide.avh-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-3 video item */
    div.grid-3.ahv-3     { width: 300px !important; height: 168px; }
    div.slide.ahv-3      { width: 300px !important; height: 168px; }
    iframe.adhoc_video-3 { width: 299px !important; height: 168px; }
    /* */
  
    /* grid layouts */
    .panel-head { width: 96%; }
    
    /*hide mobile menu*/
    .mobileHeader { display: block; }
    
    /* hide elements... */
    /* .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 elements... */
    .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; }  

    /* PSRR-576 changes - header */
    .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; }
    .right.staffstudent                 { clear: left; float: left; width: 100%; }
    .ctaLink.metranet                   { width: 100%; background-color: #663366; }
    /* .ctaLink.staff                      { width: 100%; background-color: #663366; } */
    .ctaLink.staff                      { width: 100%; background-color: #1b3769; }
    .ctaLink.staff a                    { padding-left: 20px; }
    /* .ctaLink.student                    { width: 100%; background-color: #663366; border-bottom: 1px solid #c0c0c0; margin-left: 0; } */
    .ctaLink.student                    { width: 100%; background-color: #00abec; border-bottom: 1px solid #c0c0c0; margin-left: 0; }
    .ctaLink.student a                  { padding-left: 20px; }
    .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 }
   
    /* quick nav */
    .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          { margin-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 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('/css/images/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%; }
    .panel .ctaLink                { text-align: left; padding-left: 4%; }
    .ctaLink.metranet              { padding-right: 0px; }
    .ctaLink.metranet a            { color: #fff; text-align: left; padding-left: 20px; }
    .ctaLink.eventbrite            { }
    .ctaLink.eventbrite a          { color: white; background-color: #2AA1FF; padding-left: 10px; padding-right: 10px; margin: 0 10px 10px 10px; }
    .course-finder .ctaLink        { color: #fff; padding-left: 10px; }
    .course-finder .ctaLink a      { color: #fff; }
    #basket-summary .ctaLink       { padding-right: 14%; }

    /* ====================================================================== */
    /* max-width 768px :: bootstrap mods for mobile :: important              */
    .header-wrap                   { width: 100%; }         /* set courses-search-metranet block to 100% width to match menu */
    .navbar-collapse               { max-height: none; }    /* for smooth collapse transition */
    .navbar-collapse.in            { overflow-y: visible; } /* prevent horizontal scrolling */
    .header                        { padding-bottom: 0; }   /* prevent gap between courses-search-metranet block and menu */
    ul.nav.navbar-nav              { margin-top: 0; }       /* prevent gap between courses-search-metranet block and menu */
    ul.mobileHeaderUL li.last      { border-bottom: 1px solid #c0c0c0; }
    span.partof                    { display: none; }       /* hide "Part of:" tag */
    a.london-met-logo img          { margin-left: 20px; }   /* left align logo with menu links */
    div.grey.dd-menuContainer h3   { margin-left: 20px; }   /* left align mobile menu header for fac-children and fac-sibling */
    /* new level 3 mobile menu for Fac: children and Fac: siblings - replace old mobile menu in footer */
    ul.fac-children                { width: 100%; border-top: 1px solid #c0c0c0; }
    ul.fac-children li             { width: 100%; padding: 4px 0 4px 0; border-bottom: 1px solid #c0c0c0; }
    ul.fac-children li a           { color: #333333; display: block; padding-left: 20px; }
    ul.fac-siblings                { width: 100%; border-top: 1px solid #c0c0c0; }
    ul.fac-siblings li             { width: 100%; padding: 4px 0 4px 0; border-bottom: 1px solid #c0c0c0; }
    ul.fac-siblings li a           { color: #333333; display: block; padding-left: 20px; }
    /* revised noscript menu for bootstrap page layouts - normally hidden using javascript in page header */
    div.mobileHeader               { width: 100%; }
    div.mobileHeader               { margin-bottom: 10px; }
    div.bootstrap-noscript         { display: block; }      
    div.bootstrap-noscript .ctaLink.metranet a { line-height: 40px; }
    div.bootstrap-noscript ul      { display: block; width: 100%; list-style: none; clear: left; }
    div.bootstrap-noscript ul li   { padding: 0; border-bottom: 1px solid #c0c0c0; }
    div.bootstrap-noscript ul li span.currentsection { display: block; font-weight: bold; padding: 6px 6px 6px 20px; 
                                                       background-color: #dddddd; border-bottom: 0; }
    div.bootstrap-noscript ul li a                   { padding: 6px 10px 6px 20px; display: block; line-height: 20px; color: #333333; }
    div.bootstrap-noscript ul li ul li               { padding-left: 10px; border: 0; }
    /* end revised noscript menu for bootstrap page layouts */
    /* ====================================================================== */

    /* course page modal popup */
    #courseModal                  { width: 301px; height: 170px; margin-left: 0px; margin-top: 10px; padding: 0; 
                                    overflow-x: auto; overflow-y: auto; border: 0px solid red; }
    #courseModal .modal-dialog    { width: inherit; height: auto; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
    #courseModal .modal-content   { height: auto; margin: 0; padding: 0;  }
    #courseModal .modal-body      { }
    #courseModal .modal-header    { width: auto; min-height: 0; }
    #courseModal .modal-header h2 { width: 280px; line-height: 12px; padding: 0; }
    #courseModal .modal-footer    { width: 280px; }
    #courseModal .modal-footer .btn-primary { float: left; }
    #courseModal .modal.fade.in   { }
    #courseModal .modal           { overflow-x: none; overflow-y: none; }
    .fade                         { }

    /* show/hide horizontal/vertical KIS widget */
    div.kispanel iframe.horizontal { display: none; }
    div.kispanel iframe.vertical   { display: block; }
    #kis-full-time                 { width: 205px; float: left; }
    #kis-part-time                 { width: 205px; float: left; margin-top: 0; }

}


/* 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                  { width: 47% }
   .grids                 { width: 96% }
   img.eventbritevertical { width: 140px; height: auto; }
  
}

/* 460  --------------------------------------------------------------------------- */
@media screen and (max-width: 460px)
{
    /* show/hide horizontal/vertical KIS widget */
    #kis-full-time                 { float: none; }
    #kis-part-time                 { float: none; margin-top: 15px; }

    /* resize footer elements to stop text and social media icons splitting */
    #universalFooter.footer.border              { /* height: 85px; comment out for mobile  */ }
    #universalFooter.footer.border div.grid-1   { width: 100% !important; }
    #universalFooter.footer.border div.grid-1 p { width: 100% !important; }
    #universalFooter.footer.border div.grid-2   { width: 100% !important; }
    #universalFooter.footer.border .social      { padding-top: 0; }

}

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

    /* logo */
    .width    { 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%; }
  
    /* adjust slideshow header */  
    .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 }

}


/* no script additions */
#noscript-menu        { display: none; }
#noscript-menu:target { display: block; }





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





/* recently-viewed.css */
/* IE mods for this in ie8.css */

.recently-viewed .bx-viewport{
	//height: 114px !important;
}

.recently-viewed .slide-caption {
	height: 114px;
	min-height: 114px !important;
	width: 100%;
	padding: 0;
	//background-color: transparent; /* fallback */
	//background: url('/css/images/btn-down.gif') 10px 10px no-repeat rgba(44,44,44,0.1);
	display: inline-block !important;
}

.recently-viewed .small-grid-1 {
	min-height:114px;
	min-width: 201px;
	 /* PNG Image: IE8 Fallback. Pixels: 201x112 */
	background-color: #999999;
        /*
	background-image: url('/css/images/londonmet-placeholder-201x112.png');
        */
	/* SVG Image */
        /*
	background-image: none, url('/css/images/London_Metropolitan_University_logo_nobg_plainsvg.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50%;
        */
	height: 114px;
}

.recently-viewed a h2 {
	color: white;
	font-size: 16px !important;
    line-height: 20px !important;
}

.recently-viewed .slide-caption h1,
.recently-viewed .slide-caption h2,
.recently-viewed .slide-caption p {
	padding-left:10px;
	padding-right:10px;
	padding-top: 35px;
}

.recently-viewed .grid-1 img {
	//max-height: 112px;
}
	
.recently-viewed .slide-caption:hover {
	background-color: #444444; /* Fallback */
	background-color: rgba(44,44,44,0.5);
}

.recently-viewed .buttons, 
.recently-viewed .slide-caption{ 
	//top:0;
}





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







/* coursefinder.css */
/* 'My courses' styles */

/* ===== DEFAULT > 1024 === = == ===== */

#header  {
	display: block; 
	min-height: 40px;
	overflow: hidden;
}
		
#basket-summary a, #header a  {
	cursor: hand; cursor: pointer; 
	float: left;
	margin: 1px;
}

#basket-summary {
    width: 150px;
    /* background:#F1F1ED; */
    border: medium none;
    height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0px 0 0 0px; 
   
}

#basket-summary div.ctaLink {
    /* background: url('/css/images/submit-arrow.png') no-repeat scroll right top #F1F1ED !important; */
    //width: 150px;
    height: 40px;
    padding-right: 0px;
    width: 100%;
   
}

/*
#basket-summary div.ctaLink a{
	color: #312C2E !important;
	height: 40px; 
	line-height: 40px;
	//width: 140px; 
	padding-left: 20px;
}
*/

#basket-summary div.ctaLink a {
        // color: #ffffff !important;
	// color: #312C2E !important;
	// color: #312C2E;
	height: 40px; 
	line-height: 40px;
	//width: 140px; 
	padding-left: 20px;
	padding-left: 10px;
}


/* COURSE/BASKET LISTING CSS
**********************************/

/*hide minimised course-filter button*/
.course-filter-minimised {display:none;}

/*show course-filter*/
.course-filter-body {display:block;}

.course-filter-body.importantRule { display:block !important; }

#course-listing .placeholder {
    /* PNG Image: IE8 Fallback. Pixels: 300x168 */
    background-image: url('/css/images/londonmet-placeholder-300x168.png');
    /* SVG Image */
    background-image: none, url('/css/images/London_Metropolitan_University_logo_nobg_plainsvg.svg');
    min-height: 168px; /* Setting initial height manually */
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#course-listing .grid-2 p, #course-listing .grid-2 h1, #course-listing .grid-2 h2, 
#course-listing .grid-3 p, #course-listing .grid-3 h1, #course-listing .grid-3 h2 {
    width: 100% !important;
}

#course-listing .basket-add, .course .basket-add, #course-listing .basket-added, .course .basket-added, #course-listing .basket-remove, #basket-detail .basket-remove {
	cursor: hand; cursor: pointer; 
	text-decoration:none;
}

#course-listing a.basket-remove, #basket-detail a.basket-remove, #basket-registration-form a.form-submit{
	//background-color: #AAA;
}

#basket-registration-form a.form-submit{
	background-color: #AAA;
}

#basket-detail  {
    position:relative;   
}

#basket-detail .prospectus.ctaLink {
    right: 5px;
    top: 15px;
    width: 100%;
    background-color: #2AA1FF;
    background-image:url('/css/images/ctaArrow.gif');
    background-position: 100% 0;
    background-repeat: no-repeat;
}

#basket-detail .prospectus.ctaLink a {
    color: #FFF;
}

//.course-results .results li {
//	position: relative;
//}

.course-results .ctaAdded {
	position: absolute; 
	padding-left: 10px; 
	right: 5px; 
	width: 291px; 
	top: 60px; 
}    

/* COURSE FINDER/FILTER CSS
**********************************/
.course-finder .panel-head {
    padding-top: 12px;
}

.course-filter, .course-finder {
	background-color: #cec4df;
}

.course-finder {
	//background-color: #EADAFC;
	background-color: #cec4df;
}

.course-filter.purple , .course-finder.purple {
	background-color: #EADAFC;
}

#basket-detail .basket-link, #course-listing .basket-link, .course-filter .basket-link {
	padding: 0 0 3px 0;
}

#basket-detail .basket-options, #course-listing .basket-options, .course-results .basket-options {
	position: absolute;
	right: 0px;
    top: 36px;
    text-align: right;
	display: none;
	padding: 8px;
	width: 150px;
	background-color: #0071CB;
	color: #FFF;
}

#course-listing .pager {
	margin-left:30px;
	padding: 5px;
}

#course-listing .pager li a.active {
	cursor: hand; cursor: pointer; 
}

.course-finder select {
    padding: 8px;
    width: 250px;
    float: right;
}

.course-finder input {
    padding: 8px;
    width: 250px;
    float: left;
}

.course-finder label {
    width: 120px;
    padding: 0;
    color: rgba(44, 44, 44, 0.9);
 }  
  
.course-finder .inline-checkboxes .label {
   float:left;
   padding: 0 15px 0 0;
   color: rgba(44, 44, 44, 0.9);
 }
.course-finder .grids {
	padding-bottom: 10px;
}
.course-finder .grid-1-5 { 
	//width: 465px !important;
	min-width: 275px;
}

.course-finder .ctaLink {
        background-color: #2d2d2d;
        width:250px;
        float:left;
        background: #2d2d2d url('/apps/cms-modules/coursefinder/assets/images/ctaArrowTransparent.png') no-repeat right 5% scroll;
}

.course-finder .ctaLink a {
	line-height: 42px;
}

.course-finder .ctaLink input {
	background: #2AA1FF !important;
	color: #fff;
	margin-bottom: 0px !important;
}

.course-finder #course-finder-search  {
  	cursor: hand; cursor: pointer; 
    float: left;
}

.course-filter #course-filter-search  {
  	cursor: hand; cursor: pointer; 
    float: left;
    width: 95%;
}
.course-finder input.checkbox  {
    margin: 0px 5px 8px 0;
    float: left;
    width: auto; 
    padding: 5px 8px;
}


.course-filter .related {
 	clear: both;
 }
  
.course-filter label {
    //width: 185px;
    width: 85%;
    padding: 0;
    margin-bottom: 3px 0;
    color: rgba(44, 44, 44, 0.9);
 } 
.course-finder .row {
   //min-width: 465px;
  // min-width: 100%;
} 
.course-finder .submit {
    margin: 10px 15px 10px 0;
    width: 205px;
    float: left;
}
   
.course-filter input.checkbox {
    margin: 0px 5px 8px 0;
    float: left;
    width: auto; 
    padding: 5px 8px;
    clear: both;
}
.course-filter .related {
	margin-bottom: 0px !important;
	border-top: 1px solid #EEEEEE;
}

.course-filter .scroll-box {
	overflow-y:scroll;
	height:300px;
	margin-bottom: 10px;
	margin-right:5px;
}

/********* pagination ************/

#course-listing .pager { 
	margin-left: 0px; 
	border-right: 0; 
	padding-top: 0; 
}
 
#course-listing .pager a { 
	float: left; 
	margin-right: 0; 
	width: 20px; 
	text-align: center; 
	display: block; 
	color: #2b2b2b; 
	padding: 1px 3px 2px 3px;   
	background: #d3d3d1;   
	border-top: 5px solid #d3d3d1; 
}

#course-listing .pager span.current-page { 
	float: left; 
	margin-right: 0; 
	width: 20px; 
	text-align: center; 
	display: block;
	color: #2b2b2b; 
	padding: 1px 3px 2px 3px;   
	background: #ddd; 
	border-top: 5px solid #464646; 
}

#course-listing .pager a.current-page.selected { 
	border-top: 5px solid #464646; 
}

#course-listing .pager span.current-page.disabled { 
	color: #aaa; 
	background: #ddd; 
	border-top: 5px solid #ddd; 
}

#course-listing .pager a.prev-page { 
	text-indent: -99em; 
	overflow: hidden;
	background-image: url('/apps/cms-modules/coursefinder/assets/images/arrows.png');
	background-repeat: no-repeat; background-position: 0 -5px; 
}

#course-listing .pager a.next-page {  
	text-indent: -99em; 
	overflow: hidden;
	background-image: url('/apps/cms-modules/coursefinder/assets/images/arrows.png');
	background-repeat: no-repeat; background-position: 0 -33px;
}

#course-listing .pager span.prev-page.disabled { 
	text-indent: -99em; 
	overflow: hidden;
	background-image: url('/apps/cms-modules/coursefinder/assets/images/arrows.png');
	background-repeat: no-repeat; background-position: 0 -5px; 
}
 
#course-listing .pager span.next-page.disabled {  
	text-indent: -99em; 
	overflow: hidden;
	background-image: url('/apps/cms-modules/coursefinder/assets/images/arrows.png');
	background-repeat: no-repeat; background-position: 0 -33px;
}
     
#course-listing .pager a:hover {
	background-color: #fff;
	border-top-color: #464646;
	color: #464646;
}

#course-listing .pager .prev:hover {
	background-position: 0 -61px;
}

#course-listing .pager .next:hover {
	background-position: 0 -89px;
}

/*********************************/

#basket-registration-form .controls label.error {
	color: #D80000;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
	padding-left: 3px;
}

#basket-registration-form select {
	padding: 8px;
	border: 1px solid #D5CECE;
}

#basket-registration-form p {
	width:100%;
}

/*********************************/

.selectParent        { width: 250px; overflow: hidden; }
.selectParent select {
   width: 270px;
   -moz-appearance: none;
   appearance: none;
   border: none;
   background: url('/apps/cms-modules/coursefinder/assets/images/select-arrow.png') #FFF no-repeat 205px center;
   float: left;
   border: 1px solid #ccc;
   /* these two skewing display in coursefinder */
   /*  -webkit-appearance: none; */
   /* padding: 6px 2px 1px 8px; */
}
.selectParent option { background-color: #FFF; padding: 2px 12px; border-bottom: 1px solid #ddd }

.ajax-loading {
	color: rgba(44, 44, 44, 0.9);
	background: url('/apps/cms-modules/coursefinder/assets/images/ajax-loader.gif') #cec4df center center no-repeat;
	//border: 1px solid #ccc;
	width:100%;
	//min-height: 160px;
	//text-align: center;
    //vertical-align: middle;
    //padding-top:20px;
}

/*
device 			resolution (px) device-width/ device-height (px)
iPhone 			320x480 		320 x 480, 	in both portrait and landscape mode
iPhone 4 		640 x 960 		320 x 480, 	in both portrait and landscape mode
iPad 1 and 2 	768 x 1024 		768 x 1024, in both portrait and landscape mode
iPad 3 			1536 x 2048 	768 x 1024, in both portrait and landscape mode
*/

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
 	
 	#course-listing .grid-3 {
    	width: auto;
	}
	
 	#course-listing .grid-2 {
    	width: 100%;
	}
	
	#course-listing .results .grid-1 {
		width: 100%;
	}
	
	#course-listing .indent {
	    padding-left: 5px;
	}
	
	#course-listing .results .img-wrap {
	    padding-left: 5px;
	}
	
		
}
/* #### Tablets Portrait  #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
  	
  	#course-listing .grid-2 {
    	width: 100%;
	}
	
	#course-listing .grid-1 {
    	width: 100%;
	}
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  
}
















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
















/* dcdrilldown.css */
/* Mobile  */

/*list without javascript*/
.mobileFooter .withoutjs{overflow:auto;background:#2E2E2E; color:#fff; padding:10px;}
.mobileFooter .withoutjs li a{color:#fff; border-bottom:1px solid #fff; }
.mobileFooter .withoutjs li{padding-bottom:10px;}
.mobileFooter .withoutjs li ul li{margin-left:10px}
/*mobile navigation menu*/


/* Mobile slide menu */
a.latest{color:#222222}

/*.mobileFooter{width:100%; background:#343434;}

.menu-container { float: left; margin: 0 50px 30px 0;}*/

.clear {clear: both;}

/* Drill Down Menu Styles */
.dd-wrapper ul, .dd-wrapper ul li, .dd-wrapper li, .dd-wrapper li ul, .dd-wrapper li ul li {margin: 0; padding: 0; list-style: none;}
.dd-wrapper .dd-menu {overflow: hidden; position: relative;}
.dd-wrapper  .dd-menu ul {margin: 0; position: absolute; top: 0; right: 0;}
.dd-wrapper .dd-menu a {display: block;}
.dd-header .latest{height:20px; padding:20px 50px; cursor:pointer;background:url('/css/images/left-arrow.png') no-repeat left; font-size:16px;}/*left arrow*/
.real-link{ position:absolute; top:0px; left:0px; width:80%; height:100%; z-index:100;}


.grey .dd-wrapper                         { background: #f6f6f4; color: #222; font: bold 12px Arial, sans-serif; }
.grey .dd-menu                            { }
.grey .dd-menu a                          { text-decoration: none; padding: 10px 10px 10px 20px; display: block; color: #333; 
                                            border-top: 1px solid #ccc; position: relative;}
.grey .dd-menu a:hover                    { /* background: #ccc; */ /* color: #990000; */ color: #000; } 
.grey .dd-menu li a .dd-icon              { position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -15px; height: 34px; 
                                            background: url('images/arrow_grey_right.png') no-repeat 0 center; }
.grey .dd-menu li.dd-parent               { position: relative; }
.grey .dd-menu li.dd-parent>span          { position: absolute; top: 0px; left: 0px; width: 80%; height: 100%; }
.grey .dd-menu li.dd-parent a.dd-parent-a { background: url('/css/images/submit-arrow.png') no-repeat right; } /* right arrow */
.grey .dd-menu li.dd-parent a:hover       { /* color: #990000; */ color: #000; }
.grey .dd-menu li.dd-parent a.active      { color: #000; background: #ececec; }
.grey .dd-header                          { font: normal 11px Arial, sans-serif; }
.grey .dd-header ul                       { width: 100%; overflow: hidden; line-height: 1.5em; padding: 5px 10px; }
.grey .dd-header li                       { display: inline; }
.grey .dd-header li a                     { text-decoration: none; float: left; display: block; padding: 1px 15px 1px 5px; 
                                            background: url('images/arrow_red_right.png') no-repeat 100% center; color: #222; }
.grey .dd-header li a:hover               { color: #990000; text-decoration: underline; }
.grey .dd-header a.link-back              { text-decoration: none; display: block; padding: 5px 10px 0 20px; 
                                            background: url('images/arrow_red_left.png') no-repeat 0 center; color: #222; }
.grey .dd-header h3                       { clear: both; padding: 5px 10px; margin: 0; font-size: 1.1em; }
.grey .dd-header h3 .dd-count             { display: none; }
.grey .dd-menu li.dd-parent a.active .dd-icon { }


.graphite .dd-wrapper {background: #343434; color: #fff; font: bold 12px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111;}
.graphite .dd-menu {border-top: 1px solid #111;}
.graphite .dd-menu a {text-decoration: none; padding: 10px 10px 10px 20px; display: block; color: #ddd; border-bottom: 1px solid #222; border-top: 1px solid #555; position: relative;}
.graphite .dd-menu a:hover {background: #232323; color: #fff;}
.graphite .dd-menu li a .dd-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -15px; height: 34px; background: url('images/arrow_black_right.png') no-repeat 0 center;}
.graphite .dd-menu li.dd-parent{position:relative;}
.graphite .dd-menu li.dd-parent a.dd-parent-a{background:url('/css/images/btn-next.gif') no-repeat right;}/*right arrow*/
.graphite .dd-menu li.dd-parent>span{position:absolute; top:0px; left:0px; width:80%; height:100%;}
/*.graphite .dd-menu li.dd-parent a.dd-parent-a {background: #0C0C0C url('images/bg_black.png') repeat-x center center;}*/
/*.graphite .dd-menu li.dd-parent a:hover {background: #0C0C0C url(images/bg_black_on.png) repeat-x center center;}*/
.graphite .dd-menu li.dd-parent a.active .dd-icon {background: url('images/arrow_black_down.png') no-repeat 0 center;}
.graphite .dd-menu li.dd-parent a.active {color: #fff; background: #111;}
.graphite .dd-header {font: normal 11px Arial, sans-serif;}
.graphite .dd-header ul {width: 100%; overflow: hidden; line-height: 1.5em; padding: 5px 10px;}
.graphite .dd-header li {display: inline;}
.graphite .dd-header li a {text-decoration: none; float: left; display: block; padding: 1px 15px 1px 5px; background: url(images/arrow_white_right.png) no-repeat 100% center; color: #fff;}
.graphite .dd-header li a:hover {color: #fff; text-decoration: underline;}
.graphite .dd-header a.link-back {text-decoration: none; display: block; padding: 5px 10px 0 20px; background: url(images/arrow_white_left.png) no-repeat 5px center; color: #fff;}
.graphite .dd-header h3 {clear: both; padding: 5px 10px; margin: 0; font-size: 1.1em;}
.graphite .dd-header h3 .dd-count {display: none;}
.graphite .dd-header .latest{height:20px; padding:20px 50px; cursor:pointer;background:url('/css/images/btn-prev.gif') no-repeat left !important; font-size:16px;}/*left arrow White*/
.graphite .dd-header a.latest{color:#fff;}

#universalFooterMobile {
 /* height: 42px; comment out for mobile */
    line-height: 42px;
    background: none repeat scroll 0 0 #343434;
    border-top:solid white 1px;
    border-bottom:solid white 1px;
    border-left:solid #343434 1px;
    border-right:solid #343434 1px;  
}
#universalFooterMobile p {
    color: #EBEBEA;
    line-height: 42px;
    margin-bottom: 0;
    margin-top: 0;
    float:left;
    width:65%;
    font-size:11px;
    padding-left:5%;
  
}
#universalFooterMobile li {
    display: inline-block;
    margin-right: 0px;
    width:30px;
}
#universalFooterMobile .mobile-social {
    padding-top: 6px;
}

.mobile-social{
    float:left;
    width:25%;
}
.mobile-social a {
    display: block;
    height: 27px;
    border: 1px solid #cdcdcb;
    background: #fff url('/css/images/social-icons.png') no-repeat;
    text-indent: -99em;
    overflow: hidden;
}
.mobile-social .twitter {
    background-position: 0 -27px;
}
.mobile-social a:hover {
    background-color: #424242;
    background-position: 0 -54px;
}
.mobile-social .twitter:hover {
    background-position: 0 -81px;
}

.mobileHeader {
    float: left;
    margin-bottom: 50px;
}























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