/*================================================
CSS Stylesheet for Liverpool Hope University
Copyright 2012 
Written by Hugh Law on behalf of TERMINALFOUR
www.terminalfour.com

swatch colours
------------------

Logo Red	#DF0052
Dark Blue	#123E5A
Dark Grey	#333333
Turquoise	#169CAC

Use this calculation for font sizes - child pixels / parent pixels = child ems

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


/*================================================
*                  STRUCTURAL                    *
================================================*/

#header {

	position: relative;
	height: 140px;
}

#header::after{

content: "";
	background: url(/media/liverpoolhope/styleassets/cssimages/media,43682,en.gif) no-repeat 40% 12%;
opacity: 0.37;
    filter: alpha(opacity=37); /* For IE8 and earlier */
     top: -110px;
  left: 0;
  bottom: 0;
  right: 0;
  position: relative;
  z-index: -1; 
  visibility: visible;
  height:100%;
  width:100%;
}

/* Primary Navigation */

#primaryNav {
	background-color: #123E5A;
	margin-bottom:20px;
    	padding-left: 1em;
        padding-right:1em;
}

#primaryNav div:first-child{

	padding-left:1em;
	padding-right:1em;
}
#primaryNav ul {padding:0}

#primaryNav li {
    display:block;
    height:40px;
    width:160px;
    float:left;
    padding:0;
    }

#primaryNav a {
    line-height:40px;
    font-size:1.5em;
    color: white;
    background-color: #123E5A;
    text-decoration: none;
    text-align:center;
    display:block;
}

#primaryNav a:hover,#primaryNav li.active a{
	color:white;
	background-color: #DF0052;
}


#skipNav {
    position:absolute;
    left:-9999px;
    top:0px;
}

/* Secondary Nav */

#secondaryNavigation ul, #secondaryNavigation li {padding:0; list-style: none;}
#secondaryNavigation h2{padding:0.5em; background:#d2d3d5; color:#000; margin-bottom:0px;}
#secondaryNavigation h2 a, #secondaryNavigation h2 a:link, #secondaryNavigation h2 a:visited, #secondaryNavigation h2 a:hover, #secondaryNavigation h2 a:active{color:#000}


#secondaryNavigation ul li a {
    background-color:#DF0052;
    display:block;
    padding-left:10px;
    padding-right:10px;
    line-height:35px;
    color:white;
    font-size:1.15em;
    text-shadow:1px 1px 0 #666;
    text-decoration:none;    
}

#secondaryNavigation ul li a:hover {
    background-color:#123E5A;
}

#secondaryNavigation ul li ul li a {
    background-color:transparent;
    color:#333;
    text-shadow:none;
    font-size:1em;
    line-height:25px;
}

#secondaryNavigation ul li ul li a:hover {
    color:white;
}

#secondaryNavigation ul li ul li ul li a {
    padding-left:25px;
    background:url(/media/liverpoolhope/styleassets/cssimages/media,970,en.gif) no-repeat 10px 2px;
}

#secondaryNavigation ul li ul li ul li a:hover {
	background:url(/media/liverpoolhope/styleassets/cssimages/media,971,en.gif) no-repeat 10px 2px #123E5A;
}

#secondaryNavigation ul li ul li ul li ul li a {
	background: none;
	padding-left:40px;
}

#secondaryNavigation ul li ul li ul li ul li a:hover {
	background:url(/media/liverpoolhope/styleassets/cssimages/media,971,en.gif) no-repeat 20px 2px #123E5A;
}

#secondaryNavigation ul li ul li ul li ul li ul li a {
	padding-left:50px;
}


#secondaryNavigation .currentbranch1 a,
#secondaryNavigation .currentbranch2 a,
#secondaryNavigation .currentbranch3 a
{
	font-weight: 700;
	}
	
#breadcrumb {
	margin-bottom: 10px;
	font-size: 0.9em;
}

#breadcrumb ul, #breadcrumb li {padding:0}

#breadcrumb li {
	display: inline;
}

#breadcrumb a, #breadcrumb {
	color: #666;
}

#breadcrumb li:nth-child(1) {
	font-weight: bold;
}

#breadcrumb a:hover {}


.section-menu-trigger{background:#d1d3d2; color:#123E5A; text-align: right; display:block; padding: 2%; font-size:1.2em; font-weight: bold; color:#123E5A; width:100%; margin-bottom:2%; clear:both;}
.section-menu-trigger .fa-bars{color:#123E5A; margin-left:3%; font-size: 1.6em; line-height: 0.9em;}
.mobile-section-menu .section-menu ul{padding-left:0px; margin-bottom:3%;}
.mobile-section-menu .section-menu ul li{border-bottom:1px solid #d2d4d3; padding:2.5% 1%; margin:0px;}
.mobile-section-menu .section-menu ul li:hover{background:#123E5A; cursor: pointer}
.mobile-section-menu .section-menu ul li a{color:#123E5A; font-weight: medium; font-size: 1.1em}
.mobile-section-menu .section-menu ul li:hover a{color:#fff;}
.mobile-section-menu .section-menu{display:none;}

#footer {
	/*background: url(/media/liverpoolhope/styleassets/cssimages/media,969,en.gif) repeat;*/
	background: #123E5A;
	margin-top:20px;
	padding:20px 0;
	color: white;
	border-top:1px solid #666666;
}

#footer a {color: white;}

#footerLinks ul, #footerLinks li {padding:0;}

/*================================================
*                   ELEMENTS                      *
================================================*/

body {
	/*background: url(/media/liverpoolhope/styleassets/cssimages/media,962,en.gif) repeat;*/
	/*background:#f5f7f7;*/
        background:#fcfdfd;
	font-family: 'Lato', Arial, sans-serif;
	font-size:62.5%; /* Resized to allow em scaling to match px values (1.2em = 12px) */
}

h1, h2, h3, h4, h5, h6, .h2Copy {font-weight: 400;}

h1 {font-size: 1.9em; margin-bottom: 10px;}
h2, .h2Copy {font-size: 1.4em; margin-bottom: 10px;}
h3 {font-size: 1.2em; margin-bottom: 10px;}
h4 {font-size: 1.1em; margin-bottom: 10px;}

p {
	margin: 10px 0;
	line-height: 1.4em;
}

section {
	margin-bottom: 20px;
}

/* Lists */

#mainContent ul, #mainContent ol, #rightSidebar ul, #rightSidebar ol {margin-top:3px; margin-bottom:3px; margin-left:20px;}

/* Lists within main content - Styled for correct ul li markup */
ul, ol {padding-left:10px; /*padding-bottom:10px;*/}
ul li,  ul li {list-style:disc; padding-top:3px; padding-bottom:3px; list-style-position: inside;}
ul li ul li {list-style: circle; list-style-position: inside;}
ul li ul li ul li {list-style:square; list-style-position: inside;}
ol li,  ol li {list-style:decimal; padding-top:3px; padding-bottom:3px; list-style-position: inside;}
ol li ol li,  ol li ol li {list-style:lower-alpha; list-style-position: inside;}
ol li ol li ol li ,  ol li ol li ol li {list-style:lower-roman; list-style-position: inside;}

/* Lists within main content - Styled for incorrect TinyMCE ul li markup */
ul,  ol {padding-left:10px;}
ul li,  ul li {list-style:disc; padding-top:3px; padding-bottom:3px; list-style-position: inside;}
ul ul li {list-style: circle; list-style-position: inside;}
ul ul ul li {list-style:square; list-style-position: inside;}
ol li,  ol li {list-style:decimal; list-style-position: inside;}
ol ol li,  ol ol li {list-style:lower-alpha; list-style-position: inside;}
ol ol ol li,  ol ol ol li {list-style:lower-roman; list-style-position: inside;}

/* Tables */

table {
    width:100%;
}

table p {margin-top:0;}

th, td {
    padding:5px
}

tr:first-child th {border-bottom:2px solid #CCC;}
th {
    /*border-bottom:2px solid #CCC;*/
    font-weight:700;
}

td {
    /*border-bottom:1px solid #EEE;*/
}

tr {
    border-bottom:1px solid #EEE;
}
tr:hover {
    background-color:#F9F9F9;
}

th.header {
	background-image: url(/media/liverpoolhope/styleassets/cssimages/media,963,en.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

th.headerSortUp {
	background-image: url(/media/liverpoolhope/styleassets/cssimages/media,961,en.gif);
}
th.headerSortDown {
	background-image: url(/media/liverpoolhope/styleassets/cssimages/media,966,en.gif);
}

/* Links */

a {
	text-decoration: none;
	color: #169CAC;
}

.red a, .blue a {color:#CCC;}
.blue a:hover {color:#999;}
.red h2 a, .blue h2 a{color:#fff; display:block;}
.white h2 a{color:#000; display:block;}
.grey h2 a{display:block}

a:hover {
	text-decoration: underline;
	color: black;	
}

#header a:link, #header a:visited {color: #fff; }
#header a:hover {color:#fff}

/* Form elements */

.styled-select {border: 1px solid #AAAAAA;}
.red .styled-select, .blue .styled-select {border:none;}

.styled-select {
	background:url(/media/liverpoolhope/styleassets/cssimages/media,977,en.gif) no-repeat 185px center #FCFCFC;
	height:20px;
	overflow: hidden;
	padding:6px 5px;
	width: 190px;
}

.styled-select select {
	width: 220px;
}

select {
	background: transparent;
	border:none;
	color: #999999;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 1em;
}

.inputHolder {
	margin-right:10px; /* This is used to balance out the 100% plus padding of form inputs */
}
.inputHolder select{width:200px; background:#fff;}

input {
	border:1px solid #AAAAAA;
	height:30px;
	line-height: 30px;
	padding-left:5px;
	padding-right: 5px;
	color: #999999;
	font-size: 1em;
}

/* Inputs for various grid sizes */

.red input, .blue input, .red textarea, .blue textarea {
	border:0 none;
	width:100%;
}

textarea {
	border:1px solid #AAAAAA;
    font-family:'Lato', Arial, sans-serif;
    color:#999999;
    font-size:1em;
    padding:5px;
}

button {
    width:100%;
    height:28px;
    border:1px solid #DDD;
    border-radius:3px;
    background:url(/media/liverpoolhope/styleassets/cssimages/media,964,en.png) repeat;
    font-size: 1em;
    font-family: 'Lato', Arial, Verdana;    
}

.red button, .blue button {border:none;}

.radioLabel {
	line-height: 18px;
	padding-left: 5px;
	float:left;
	cursor: pointer

}


input.radioButton, input.checkbox {
	width:12px;
	height:12px;
	clear:left;
	float:left;
	margin-bottom: 5px;
	background:transparent;
	border:none;
}

address {
	font-style: normal;
}

nav li {
	list-style: none;
}

/*================================================
*                   CLASSES                      *
================================================*/

.clear {clear: both;}
ul.noBullets {padding-left:0;}
.noBullets {list-style:none;}
.noBullets li {list-style:none;}
.left {float:left;}
.right {float:right;}
.hidden {display:none !important;}

.container_16 {
	font-size: 1.3em;
}

.colShadow16 {
	padding-bottom: 10px;
	background: url(/media/liverpoolhope/styleassets/cssimages/media,958,en.png) no-repeat bottom;
}

.box {
	zoom:1;
	padding:10px;
	/*border-radius:3px;*/
	background-color: white;
	/*box-shadow:0 0 1px #AAA;*/
}

.imageContainer {
	border:5px solid white;
	box-shadow:0 0 1px #CCC;
}

.spotlight .imageContainer{border:none; box-shadow:none}

.spotlightImage {
	width: 100%;
}

.courseImage {
	position: relative;
	border:5px solid white;
	box-shadow:0 0 1px #CCC;
}

.courseImage img {
	width:100%;
}

#courseList{background:#fff}
#courseDetails {
	position: absolute;
	top:20px;
	right:0px;
	font-size: 1.2em;
	text-align: right;
	background-color: white;
	background-color: rgba(256, 256, 256, 0.8);
	padding:10px;
	text-shadow: 0px 1px #F0F0F0;
}

#courseDetails span {
	display: block;
}

.blue, .blue-spot {
	background-color: #123E5A;
	color: white;
}
.blue:hover, .blue-spot:hover{background: #002541; cursor: pointer}

.red, .red-spot {
	background-color: #DF0052;
	color: white;
}
.red:hover, .red-spot:hover {background: #C60039}

.grey, .grey-spot {
	background-color: #d1d3d3;
	color: #123e5a;
}
.grey:hover, .grey-spot:hover{background: #B8BABA;}

.white, .white-spot {
	background-color: #fff;
	color: #123e5a;
}
.white:hover, .white-spot:hover {background: #E6E6E6}

#pageContent .spot{margin-top:15px}
#pageContent .spot p{margin:10px 0px}
.spotlight.box{padding:0px;}

.boxShadow {
	padding-bottom: 6px;
	margin-bottom: 14px;
}

.grid_12 .boxShadow {
	/*background: url(/media/liverpoolhope/styleassets/cssimages/media,957,en.png) no-repeat bottom #123E5A;*/
}

.grid_8 .boxShadow {
	/*background: url(/media/liverpoolhope/styleassets/cssimages/media,960,en.png) no-repeat bottom #123E5A;*/
}

.grid_4 .boxShadow {
	/*background: url(/media/liverpoolhope/styleassets/cssimages/media,959,en.png) no-repeat bottom #123E5A;*/
}

.formElementShadow {
	background: url(/media/liverpoolhope/styleassets/cssimages/media,976,en.png) no-repeat scroll center bottom transparent;
	height:6px;
	margin-bottom: 9px;
}

.newsImage {
   width:160px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    border:5px solid white;
    box-shadow:0 0 1px #CCC;
}

.newsImage.homepage {
    width:142px;
}

.newsImage.fulltext {
	width:inherit;
}

.newsItem {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EFEFEF;
}

.bannerImage {margin-bottom: 10px;}

.bannerImage img {
	border: 5px solid white;
	box-shadow:0 0 1px #CCC;
        /*
        width:930px !important;
        height:230px !important;
        */
        width:1165px !important;
        height:240px !important;
}

.pagination {
    text-align:center;
    padding-top:10px;
    border-top:1px solid #EEE;
}

/*================================================
*                  SPECIFICS                     *
================================================*/

/* Header */

#header img {
	position: relative;
	top:15px;
}

#headerLinks {
	position: absolute;
	top:16px;
	right:0px;

        font-size: 16px;
        width:75%;

}

#headerLinks li {
	display:inline-block;

	border-left: 1px solid #CCC;
	margin-left: 6px;
	padding-left: 7px;

}

li#highContrastOff, li#highContrastOn {
	display:none;
}

#search {
    background:url(/media/liverpoolhope/styleassets/cssimages/media,976,en.png) no-repeat bottom;
    padding-bottom:6px;
    width:190px;
    position:absolute;
    right:10px;
    top:60px;
}

#search input {
    border:1px solid #123E5A;
    width:179px;
    font-size: 1em;
    line-height:30px;
}

/* Homepage Slideshow */

/* hide the slideshow altogether for non-javascript browsers */
#slideshow {display:none;}

#slideshow {
	position: relative;
	height:400px;
	margin-bottom:10px;
	}

#slideshowNav {
	position: absolute;
	bottom:10px;
	right:10px;
	z-index:100;
}

#slideshowNav a {
	font-size: 2.5em;
}

#slideshowNav a.activeSlide {
	font-size: 3em;
	color: #DF0052;
	position: relative;
	top:2px;
}
	
#slideshow li {
	list-style: none;
}

#slideshow img {
	box-shadow:0 0 1px #CCC;
}

#slideshow a {color:white; text-decoration: none;}

#slideshow h2 {font-size: 2.3em;}
#slideshow p {font-size: 1.4em;}

.slideshowCaption {
	position: absolute;
	background-color: black;
	background-color: rgba(0,0,0,0.75);
	padding:15px;
	max-width: 50%;
}

.top {
	top:40px;
}

.left {
	/*left:5px;*/
}

.right{
	/*right:5px*/
}

.bottom {
	bottom:40px;
}

.lightview{margin:5px; display:block; float:left;}

/* Footer */

#footer h2, #footer .h2Copy {
	text-shadow: 1px 1px 0 #333333;
}

#footerAddress a {
	margin-right: 10px;
}

#socialMedia {
	text-align: center;
}

#socialMedia a {
	margin:0 2px;
}

#socialMedia a:hover {text-decoration:none;}

#socialMedia p {
	margin:5% 0%;
}


/* Twitter Feed */

#twitter_update_list li {
	background:url(/media/liverpoolhope/styleassets/cssimages/media,981,en.gif) no-repeat center bottom #EFEFEF;
}

#twitter_update_list li:nth-child(odd) {
	background:url(/media/liverpoolhope/styleassets/cssimages/media,982,en.gif) no-repeat center bottom #EFEFEF;
}

#twitter_update_list li {
    color: black;
    padding:10px;
    padding-bottom:25px;
    margin-bottom: 10px;
    border-radius:5px;
}

#twitter_update_list a {
	color: #666;
}


/* Course Page Tabs */

ul.idTabs, .idTabs li {padding:0;}

.idTabs li {
    display:block;
    float:left;
    width:140px;
    text-align: center;
    margin-bottom:20px
}

.idTabs a {
    background-color:#123E5A;
    display:block;
    line-height:30px;
    color:white;
    text-decoration:none;
}

.idTabs a:hover, .idTabs a.selected {
    background-color:#DF0052;
}

#courseContact {
	background: url(/media/liverpoolhope/styleassets/cssimages/media,974,en.gif) repeat-x #fff top left;
	padding-top:7px;
        box-shadow: 0 0 1px #AAA;
}

#courseContact h3 {
	color:white;
	margin-bottom: 13px;
}

.courseLinks {
	margin-bottom: 10px;
}

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

/* Course Finder */

#courseFinder {
    margin:15px 0
}

#courseFinderKeyword {
    float:left;
}

#courseFinderKeyword button {margin-top:10px;}

#keywordSearchBox {width:210px;}

#courseFinderTopic {
    float:left;
}

#courseFinderTopic .styled-select {width:210px;background:url(/media/liverpoolhope/styleassets/cssimages/media,977,en.gif) no-repeat 205px center #FCFCFC;}
#courseFinderTopic select {width:240px;}

#courseFinderAtoZ {
    float:left;
}

#courseFinderAtoZ .styled-select {width:210px;background:url(/media/liverpoolhope/styleassets/cssimages/media,977,en.gif) no-repeat 205px center #FCFCFC;}
#courseFinderAtoZ select {width:240px;}

#levelContainer {
    margin-top:10px;
}

#levelContainer input, #levelContainer .radioLabel {
    clear:none;
}

#levelContainer input.radioButton {margin-left:0px;}
#levelContainer .radioLabel {margin-right:25px;padding-left:0;}


/* Datatables */

#staffIndex_length {
    float:left;
    height:35px;
    line-height:35px;
}

#staffIndex_filter {
    float:right;
    margin-bottom:10px;
}

.dataTables_wrapper table {
    clear:both;
    margin-top:100px;
}

.dataTables_info {
    height:30px;
    line-height:30px;
    padding:0 5px;
    text-align:center
}

.dataTables_paginate {
    height:30px;
    line-height:30px;
    text-align:center
}

.paginate_active {
    margin:0 15px;
}

.paginate_button {
    border:1px solid #DDD;
    padding:5px;
    margin:0 5px;
}

#staffImage img {
    width:200px;
    margin-bottom:10px;
    margin-left:10px;
    border:5px solid white;
    box-shadow:0 0 1px #CCC;
}

.staffLabel {
    float:left;
    clear:left;
    width:100px;
    text-align:right;
    padding-right:10px;
}

.staffSpan {
    float:left;
}

.st_sharethis_custom {
    background: url(/media/liverpoolhope/styleassets/cssimages/media,978,en.gif) no-repeat scroll left top transparent;
    padding:3px 0 32px 32px;
}

#staffIndexDepartmentList {
    float:right;
    margin-left:15px;
}

#pageContent ul, #pageContent ol {
    margin-bottom:10px;
}

.eventimage{float:right; padding:10px}
.currentsectionname,.level2name,.ancestors{display:none;}

#cookie-text-container a:hover{color:#169CAC;}