/*.edit-page,
.clearcache-page{
display:none!important;
opacity:0!important;
visibility:hidden!important;
}*/
.cd-nav-trigger{
display:none; 
}
.sys_razor-error{
display:none;
}
.folderMenu #phdhome-wrapper .phdhome{
width:100%;
margin:0 0 10px;
padding:12px 10px;
font-size:13px;
text-align:left;
}
.folderMenu #phdhome-wrapper .applyside{
display:block;
margin-top:10px;
text-transform:uppercase;
}
.folderMenu .phdhome{
height:auto;
}

/*
============================================================================
    40 years anniversary
============================================================================ 
*/
#pageHeader #anniversary{
width:100%;
max-width:385px;
text-align:center;
}

/*
============================================================================
    Generic Tags
============================================================================ 
*/
html,
body{
height:100%;
}
body{
color:#4A4A4A;
}
p{
line-height:20px;
color: #4A4A4A;
}
audio,
canvas,
video{
display:inline-block;
}

/*
============================================================================
    Headings
============================================================================ 
*/
h1, h2, h3, h4{
text-align:left;
font-weight:normal;
margin:18px 0 6px;
}
h1,
.h1{
color:#0085c2;
font-size:28px;
line-height:30px;
margin-bottom:12px;
}
h2,
.h2{
color:#004A7C;
font-size:24px;
line-height:26px;
}
h3,
.h3{
font-size:20px;
line-height:20px;
color:#004A7C;
}
h4,
.h4{
font-size:16px;
line-height:20px;
color:#004A7C;
}

/*
============================================================================
    Links
============================================================================ 
*/
a{
color:#108CC8;
text-decoration:none;
}
a:hover, 
a:focus{
color:#14B8E0;
text-decoration:none;
}

a.pdf {
background: url("/NewGenerationSite/i/pdficon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
padding: 2px 0 0 25px;
}
/*
a[href$=".PDF"], a[href$=".pdf"] {
background: url("/NewGenerationSite/i/pdficon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
padding: 2px 0 0 25px;
}
*/

/*
============================================================================
    Separators / Dividers
============================================================================ 
*/
hr{
display:block;
position:relative;
background:#108CC8;
border:0 none;
height:3px;
margin:10px 0 20px;
width:100%;
}
hr.divider{
margin:20px 0;
}
hr.thin-hr{
height:1px;
}

hr.grey{
background:#ddd;
}

/*
============================================================================
    Images
============================================================================ 
*/
figure.pull-right,
img.pull-right{
margin:0 0 5px 10px;
}
figure.pull-left,
img.pull-left{
margin:0 10px 5px 0;
}
img{
height:auto !important;
width:auto; /* For IE8 */
max-width:100% !important;
}
.borderedImg,
.borderedImg img{
border:1px solid #CDCDCD;
display:inline-block;
}
.highlight{
background-color:#f7f7f9;
border:1px solid #e1e1e8;
margin-bottom:15px;
padding:10px 15px;
}
.figure{
position:relative;
padding:15px;
background-color:#fff;
border:1px solid #ddd;
margin:30px 0;
text-align:center;
}
.figure img{
max-width:100%;
margin-bottom:35px;
}
.figure .figure-caption{
padding:9px 14px;
background-color:#eee;
border-top:1px solid #ddd;
font-style:italic;
position:absolute;
bottom:0;
left:0;
width:100%;
}

/*
============================================================================
    Hero
============================================================================ 
*/
#fixed-top{
display:table;
height:60%;
left:0;
position:relative;
top:0;
width:100%;
z-index:1;
}
#fixed-top > .table-row{
display:table-row;
background:#333;
color:#FFF;
}
#fixed-top > .table-row.hero > div{
text-align:center;
vertical-align:middle;
}
#fixed-top > .table-row > *{
display:table-cell;
}
.hero-bg{
overflow:hidden;
}
.hero-bg video{
height:auto;
opacity:0.5;
position:absolute;
right:0;
top:0;
transition:opacity 0.3s ease 0s;
width:100%;
z-index:-1;
}
.playing video{
opacity:0.9;
}

/*
============================================================================
    Blockquotes
============================================================================ 
*/
blockquote{
color:#4A4A4A;
font-size:14px;
margin-bottom:0;
}

/*
============================================================================
    Unordered lists with arrows
============================================================================ 
*/
ul{
list-style:none;
padding-left:10px;
}
ul li{
position:relative;
}
ul li:before{
border-bottom:3px solid transparent;
border-left:3px solid #777;
border-top:3px solid transparent;
content:" ";
height:0;
position:absolute;
top:7px;
left:-10px;
width:0;
}
ol li:before,
ul ol li:before{
border:0;
display:none;
}

/*
============================================================================
    Ordered lists
============================================================================ 
*/
ol.squareNum{
counter-reset:li; /* Initiate a counter */
list-style:none; /* Remove default numbering */
*list-style:decimal; /* Keep using default numbering for IE6/7 */
padding:0;
margin-bottom:4em;
}
ol.squareNum ol{
margin:0 0 0 2em;
}
ol.squareNum li{
position:relative;
display:block;
padding:.4em .4em .4em .8em;
*padding:.4em;
margin:.5em 0 .5em 2.5em;
background:#F2F2F2;
text-decoration:none;  
}
ol.squareNum li:before{
content:counter(li);
counter-increment:li;
position:absolute; 
left:-30px;
top:0;
background:#2583C0;
height:30px;
width:30px;
line-height:30px;
text-align:center;
font-weight:bold;
color:#FFF;
}

.folderMenu ul li:before{
top:5px;
border-left-color:#004164;
}
#wrapSitemap ul li:before{
top:8px;
}
.navbar-nav li:before,
.nav li:before,
.navmenu-navli:before,
.dropdown-menu li:before,
.social-list li:before,
#siteinfo ul li:before,
.folderMenu .sys_simpleListMenu > li:before,
.nav-tabs > li:before,
.sys_contentBoxTabs ul li:before{
background-image:none;
border:0;
padding:0;
}
dl{
margin:0;    
}
iframe{
border:0 none;
}

/*
============================================================================
    Generic Tables
============================================================================ 
*/
table{
border:0 none;
}
th,
td,
caption{
padding:0 10px 10px 0;
}
table caption{
font-style:italic;
}
table th{
background:#004164;
color:#FFF;
padding:6px 10px;
width:20%;
border:0 none;
}
table td{
font-size:13px;
line-height:1.5em;
margin:0;
text-align:left;
vertical-align:top;
max-width:100%;
border-bottom:1px solid #ccc;
padding:6px 10px;
width:20%;
}
.blankTable table.table > thead > tr > th{
background:transparent;
color:#4A4A4A;
}
.blankTable,
.blankTable .table > thead > tr > th,
.blankTable .table > tbody > tr > th,
.blankTable .table > tfoot > tr > th,
.blankTable .table > thead > tr > td,
.blankTable .table > tbody > tr > td,
.blankTable .table > tfoot > tr > td{
border:0 none;
}
table th a{
color:rgb(178, 221, 255);
}
/*
============================================================================
    Striped Tables
============================================================================ 
*/
table.stripedTable th{
background:#004A7C;
color:#FFF;
}
table.stripedTable td{
border:1px solid #ddd;
border-collapse:collapse;
}
table.stripedTable tr:nth-child(odd) td{
background-color:#fbfbfb;
}
table.stripedTable tr:nth-child(even) td{
background-color:#e8ecee;
}

.stripedTable td p{
margin-bottom:5px;
}

/*
============================================================================
    Generic Form Elements
============================================================================ 
*/
input[type='text'],
input[type='email'],
input[type='password'],
input[type='date'],
select{
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:0px;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
color:#555;
display:block;
font-size:14px;
height:34px;
line-height:1.42857;
padding:6px 12px;
transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width:100%;
}
textarea{
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:0px;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
color:#555;
display:block;
font-size:14px;
line-height:1.42857;
padding:6px 12px;
transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width:100%;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
textarea:focus{
border-color:rgba(82, 168, 236, 0.8);
box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
outline:0 none;
}
.formInstructions,
.myLibAccount{
margin:10px 0 0;
font-size:14px;
color:#FFF;
}
.myLibAccount{
background-color:#d9edf7;
padding:0px 5px;
text-align:center;  
}
.form-control{
border-radius:0;
}
.sys_cms-form-control input, .sys_cms-form-control textarea, .sys_captcha {
max-width: 400px;
margin-bottom: 20px;
}
.input-group-btn .dropdown-toggle{
padding:6px 12px;
}
.input-group-btn > .btn{
z-index:2;
}
input[type='text'].input-eui-big{
  padding: 26px 10px;
  font-size: 20px;
}

/*
============================================================================
    Generic Navigation Styles
============================================================================ 
*/
.navbar{
min-height:35px; 
height:auto !important; 
height:35px; 
margin:0;
border:0 none;
box-shadow:none;
filter:e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled = false)";
filter:none;
}
.navbar-fixed-top{
position:fixed;
}
.navbar-nav{
margin:0;
width: 100%;
}
.navbar-nav > li > a{
padding:0 20px;
line-height:39px;
}
.navbar-collapse{
padding:0;
}
.navbar-nav .caret,
.navmenu-nav .caret{
margin-left:0;
}
.navbar-nav .open .caret,
.navmenu-nav .open .caret{
-webkit-transform: rotate(180deg);/* Chrome and other webkit browsers */
-moz-transform: rotate(180deg);/* FF */
-o-transform: rotate(180deg);/* Opera */
-ms-transform: rotate(180deg);/* IE9 */
transform: rotate(180deg);/* W3C complaint browsers */
}
.navbar-toggle{
margin-top:0;
margin-bottom:0;
border:0;
float:left;
padding:12px 10px;
}
.dd-group > a{
float:left;
position:relative;
}
.dropdown-toggle{
padding:10px 10px 9px;
vertical-align:middle;
}
.dropdown-toggle:hover{
cursor:pointer;
}
#mMenu .dropdown-menu{
border:0 none;
border-radius:0;
float:none;
margin:0;
position:relative;
top:auto;
background:transparent;
box-shadow:none;
background:#FFF;
padding:0;
}
#mMenu .dropdown-toggle{
background: rgb(51, 109, 160);
}
#primaryNav{
background:#F2F2F2;
}
#primaryNav .container{
padding:0;
}
#primaryNav .dropdown-menu > ul > li:last-child > a,
#secondaryNav .dropdown-menu > ul > li:last-child > a{
border: 0 none;
}
.nav > li > a:hover, 
.nav > li > a:focus{
background:none;    
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus{
background-color:transparent;
}

/*
============================================================================
    Generic Navigation Mobile
============================================================================ 
*/
#primaryNav .container,
#secondaryNav .container{
line-height:auto;
}
.navmenu-default, .navbar-default .navbar-offcanvas{
background-color:#004a7c;
color:#FFF;
width:260px;
}
#mMenu .nav-tabs > li.active > a, 
#mMenu .nav-tabs > li.active > a:hover, 
#mMenu .nav-tabs > li.active > a:focus,
#mMenu .navbar-nav > li.active > a,
#mMenu .navbar-nav > li.active > a:hover,
#mMenu .navbar-nav > li.active > a:focus{
color:#FFF;
background-color:#004a7c;
text-shadow:0 none;
}
#mMenu .nav-tabs li{
width:50%;
}
#mMenu .nav-tabs li a{
background:#FFF;
border:0 none;
border-radius:0;
margin:0;
padding:8px 15px 7px;
}
#mMenu .tab-content{
padding:0;
border:0 none;
}
#mMenu .tab-content .nav li{
border-bottom:1px solid #dedede;
}
#mMenu .open{
background:#108cc8;
}
#mMenu .tab-content .dropdown-menu ul.menu{
padding-left:0;
}
#mMenu .tab-content li.menu{
padding:10px 0;
}
.navmenu-default .navmenu-nav > .open > a,
.navmenu-default .navmenu-nav > .open > a:hover,
.navmenu-default .navmenu-nav > .open > a:focus,
.navmenu-default .navmenu-nav > .open > a:active{
background:#108cc8;
}
#mMenu .tab-content .nav > li > a,
#mMenu .navbar-offcanvas .tab-content .nav > li > a,
#mMenu .sys_login{
color:#FFF;
width:200px;
padding:10px;
}
#mMenu .tab-content .nav .dropdown-toggle .caret{
margin-left:0;
}
#mMenu .tab-content li.directory a,
#mMenu .tab-content li.contact a,
#mMenu .tab-content li.webmail a,
#mMenu .tab-content li.forum a{
width:100%;
}
#mMenu .dropdown-menu ul li a{
padding:5px 15px;
font-size:12px;
display:block;
}
#mMenu .caret{
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid;
}
#mMenu li .glyphicon{
float:right;
}
.overlay{
background:none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
height:100%;
position:absolute;
top:0;
width:100%;
z-index:99;
display:none;
}
body.canvas-slid .overlay{
display:block;
}

/*
============================================================================
    Primary Navigation Mobile
============================================================================ 
*/
#mMenu .open .dropdown-toggle{
padding:10px 8px;
background:#108cc8;
}
#mMenu .tab-content .nav .sys_intranet{
display:block;
padding:10px 10px 10px 0;
}
.mLogin a{
background:none repeat scroll 0 0 #f06600;
color:#fff;
display:block;
font-family:'Glyphicons Halflings';
font-style:normal;
font-weight:normal;
height:39px;
overflow:hidden;
position:relative;
width:39px;
}
.mOpenSearch a{
display:block;
width:39px;
height:39px;
padding:10px;
}
.mLogin a:before{
background:none repeat scroll 0 0 #f06600;
content:"\e033";
display:block;
height:39px;
width:39px;
padding:8px 13px;
position:absolute;
top:0;
left:0;
}
.mSearch{
display:inline;
height:39px;
overflow:hidden;
transition:all 0.2s ease 0s;
width:0;
}
.mSearch .sys_search-query-control{
width:100%;
}
.mSearch .sys_searchbox{
width:150px;
border-radius:0;
height:39px;
}
.mSearch .sys_button.sys_searchbutton.sys_search-button{
height:39px;
width:39px;
overflow:hidden;
padding: 8px 10px 8px 12px;
margin-right: 1px;
position:relative;    
background-color:#2583c0;
border:1px solid#2583c0;
color:#fff;
display:inline-block;
font-size:14px;
text-align:center;
/*float:right;*/
display:block;
}

.gcsc-branding {
display: none;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
height:26px !important;
margin-top:0 !important;
min-width:13px !important;
padding:5px 26px !important;
width:68px !important;
}
.gsc-selected-option-container{
min-width:90px!important;
}
.gsib_a {
padding:2px 6px 12px 6px!important;
}
.gs-richsnippet-box{
display:none!important;
}

/*
============================================================================
    Primary Navigation Dropdown
============================================================================ 
*/
#primaryNav .icon-bar{
background-color:#2583C0;
}
#primaryNav .dropdown-menu{
background-color:#20415D;
}
#primaryNav .dropdown-menu > ul{
padding:0;    
}
#primaryNav .dropdown-menu > ul > li{
padding:5px 10px 5px 15px;
list-style:none;
}
#primaryNav .dropdown-menu > ul > li > a{
margin:0;
padding:0 0 10px 0;
color:#FFF;
border-bottom:1px solid #415D75;
color:#FFF;
white-space:nowrap;
font-size:12px;
display:block;
}
#primaryNav .dropdown-menu > ul > li > a:hover,
#primaryNav .dropdown-menu > ul > li > a:focus,
#primaryNav .dropdown-menu > .open > a,
#primaryNav .dropdown-menu > .open > a:hover,
#primaryNav .dropdown-menu > .open > a:focus{
color:#8bcaff;
border-color:#8bcaff;
}
#primaryNav .dropdown:hover .dropdown-menu,
#secondaryNav .dropdown:hover .dropdown-menu{
display:block;
}
/*
============================================================================
    Primary Navigation Mobile
============================================================================ 
*/
#mMenu .tab-pane .glyphicon{
display:none;
}

/*
============================================================================ 
    Page Header
============================================================================ 
*/
#pageHeader{
clear:both;
margin:0;
width:100%;
padding-top:21px;
background:url("/NewGenerationSite/i/bg-header-default.gif") repeat scroll 0 0 #F6F6F6;
}
#logo{
float:left;
margin-bottom:20px;
}
#pageHeader #section{
float:left;
height:78px;
width:100%;
max-width:78px;
margin-left:5px;
}
#pageHeader #section .sectionTitle{
font-size:0;
line-height:0;
}
#pageHeader .searchForm{
display:none;
}
.sys_search-radiobuttons{
display:none;
}

/*
============================================================================
    Secondary Navigation
============================================================================ 
*/
#secondaryNav{
display:none;
}

/*
============================================================================
    Secondary Navigation Mobile
============================================================================ 
*/


/*
============================================================================
    Project Site Navigation
============================================================================ 
*/
.project-site .navbar-nav{
text-align:right;
float:right;
width:auto;
}

/*
============================================================================
    Breadcrumbs
============================================================================ 
*/
.wrapBreadcrumbs, #wrapBreadcrumbs{
display:none;
}

/*
============================================================================ 
    Content
============================================================================ 
*/





/*
============================================================================ 
    News
============================================================================ 
*/
#NewsLink{
display:block;
margin-bottom:15px;
}
.sys_subitem h3{
font-size:13px;
line-height:16px;
margin:5px 0;
font-weight:bold;
}

/* 
============================================================================
    Index
============================================================================
*/
.sys_standard-list .sys_groupheader{
background:none repeat scroll 0 0 #e7e7e7;
color:#777;
font-size:16px;
margin-bottom:10px;
margin-top:-1px;
padding:8px 10px;
}
#NewsListing1_List .sys_subitem .sys_thumbnail{
float:left;
margin:0 10px 0 0;
}
#NewsListing1_List .sys_news-datepublished, 
#NewsListing1_List dt.sys_news-description{
display:none;
}

.sys_news-record .sys_news-posted-date {
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
font-style: italic;
color: #788b8b;
padding-bottom: 5px;
}

.sys_standard-list .sys_subitem dd, 
.sys_standard-list .sys_subitem dt, 
.sys_standard-list .sys_subitem p{
color:#788b8b;
font-size:12px;
margin-bottom:6px;
line-height:18px;
}
.sys_news-date{
font-weight:normal;
font-style:italic;
}
#NewsListing1_List dd{
color:#444;
font-size: 14px;
margin-bottom:6px;
}


/*
============================================================================
    Pagination
============================================================================
*/
.sys_flickrpager{
clear:both;
color:#0085c2;
overflow:auto;
padding-top:10px;
}
.sys_flickrpager{
border-top:medium none;
padding-top:20px;
}
.sys_flickrpager .sys_paginginfo{
float:left;
font-size:1.2em;
}
.sys_flickrpager .sys_navigation{
float:right;
}
.sys_flickrpager .sys_page,
.sys_flickrpager .sys_navigationnext,
.sys_flickrpager .sys_navigationprevious,
.sys_flickrpager .sys_ellipsis{
display:block;
float:left;
font-weight:bold;
}
.sys_flickrpager .sys_navigationprevious{
background:url("/NewGenerationSite/i/arrow-blue-left.png") no-repeat scroll left center rgba(0, 0, 0, 0);
margin-right:5px;
padding-left:8px;
}
.sys_flickrpager .sys_navigationnext{
background:url("/NewGenerationSite/i/arrow-blue-right.png") no-repeat scroll right center rgba(0, 0, 0, 0);
margin-left:5px;
padding-right:8px;
}
.sys_flickrpager .sys_navigationnext a{
color:#0085c2;
text-decoration:none;
}
.sys_flickrpager .sys_disabled{
color:#bfe0f0;
}
.sys_flickrpager .sys_navigationprevious.sys_disabled{
background-image:url("/NewGenerationSite/i/arrow-blue-left-disabled.png");
}
.sys_flickrpager .sys_navigationnext.sys_disabled{
background-image:url("/NewGenerationSite/i/arrow-blue-right-disabled.png");
}
.sys_flickrpager .sys_page,
.gsc-cursor-page{
background-color:#bfe0f0;
height:20px;
margin-right:2px;
overflow:hidden;
width:20px;
}
.sys_flickrpager .sys_page a,
.sys_flickrpager .sys_page.sys_selected{
color:#0085c2;
display:block;
text-align:center;
text-decoration:none;
width:20px;
}
.sys_flickrpager .sys_page a:hover,
.sys_flickrpager .sys_page.sys_selected{
color: #fff;
}

/*
============================================================================ 
    Sidebar
============================================================================ 
*/

/* 
=============================================
    News and Homepage
=============================================
*/
.sys_newsBox h1,
.sys_publicationsBox h1,
.sys_publicationsBox h2,
#NewsBoxTitle{
color:#108CC8;
border-bottom:4px solid #108CC8;
font-size:20px;
padding-bottom:10px;
margin-bottom:10px;
}
/* MWP New home page */
.folderID-16465 #NewsBoxTitle{
border-bottom:3px solid #108CC8;
padding-bottom:10px;
font-size:20px;
line-height:20px;
color:#004A7C;
margin:18px 0 6px;
}
#listSearch_dropdown{
width:98%;
}
.homepage-news .sys_thumbnail img{
float:right;
margin-left:5px;
margin-right:0!important;
width:auto;
max-width:100px;
max-height:100px;
}
.homepage-news .sys_subitem,
.homepage-publications .sys_subitem{
border-bottom:1px solid #DDD;
padding:10px;
}
.homepage-news .sys_subitem{
padding: 10px 0; 
}
.homepage-publications{
background-color:#f6f7fb;
}

/* 
=============================================
    Related pages
=============================================
*/
.folderMenu{
margin:20px 0;
width:100%;
}
.folderMenu ul{
font-size:12px;
line-height:12px;
margin:0 0 1px 0;
list-style:none;
padding:0;
}
.folderMenu li{
border-color:#004164;
margin:0 0 1px 0;
padding:0;
background-image:none;
}
.folderMenu li a{
border-color:#004164;
background:#c3d9e7;
color:#004164;
border-left:3px solid;
padding:8px 10px;
display:block;
text-decoration:none;
}
.folderMenu li a:hover{
color:#0085c2;
}
.folderMenu li li div.sys_selected, 
.folderMenu li li ul{
border-left:medium none;
}
.folderMenu li div.sys_selected a{
border:medium none;
font-weight:bold;
}
.folderMenu ul ul{
padding:0 10px 8px 20px;
}
.folderMenu li li{
border-left:medium none;
font-weight:normal;
}
.folderMenu li li a{
border:medium none;
margin:0;
padding:2px 0px;
background:#8BB9D7;
}
.folderMenu li div.sys_selected, 
.folderMenu li ul{
background:#8BB9D7;
border-color:#004164;
border-left:3px solid;
}
.folderMenu li div.sys_selected a{
background:none repeat scroll 0 0 #8bb9d7;
color:#004164;
}

/* 
=============================================
    Quick links
=============================================
*/
.sys_listBox{
width:100%;
/*float:left;*/
padding:10px 10px 4px;
margin-bottom:16px;
background:#F1F1F1;
}
.sys_listBox .sys_boxTitle,
.sys_textBox .sys_boxTitle{
font-size:24px;
letter-spacing:0px;
line-height:100%;
margin-bottom:10px;
color:#004a7c;
}
.sys_listBox p,
.sys_listBox ul,
.sys_listBox p,
.sys_listBox ol{
font-size:13px;
margin-bottom:5px;
}

/*
============================================================================ 
    Home page
============================================================================ 
*/
#phd .row{
margin:0;
}
#phd .row div{
padding:10px 20px 20px 10px;
}
#phd .row div:first-child{
padding:10px 10px 10px 20px;
}
#phd .row:first-child div{
padding:20px 20px 10px 10px;
}
#phd .row:first-child div:first-child{
padding:20px 10px 10px 20px;
}
#phd .row div a{
padding:10px;
}
#phdhome-wrapper h1, 
#phdhome-wrapper h2,
.llmHome{
font-weight:normal;
letter-spacing:0px;
display:block;
font-size:15px;
line-height:15px;
margin-top:0;  
}
#phdhome-wrapper h2:first-child{
margin-top:20px;  
}
.phdhome{
height:60px;
width:100%;
color:#FFF;
display:inline-block;
vertical-align:top;
margin-bottom:10px;
padding:22px 35px 0 15px;
}
span.phdhome.generic{
width: 100%;
color: #004a7c;
background: url("/HomePage/Images/2016/arrow-blu.png") #ededed no-repeat right 8px;
}
.phdhome.law-colors{
background: url("/HomePage/Images/2016/arrow-white.png") #ba1642 no-repeat right 8px; 
}
.phdhome.sps-colors{
background: url("/HomePage/Images/2016/arrow-white.png") #467f80 no-repeat right 8px; 
}
.phdhome.hec-colors{
background: url("/HomePage/Images/2016/arrow-white.png") #1f5125 no-repeat right 8px;  
}
.phdhome.eco-colors{
background: url("/HomePage/Images/2016/arrow-white.png") #e94b29 no-repeat right 8px;  
}
span.phdhome.llm{
width:100%;
font-size:15px;
margin:0;
padding-top:14px;
border:1px solid #ba1642;
color:#ba1642;
background: url("/HomePage/Images/2016/arrow-law.png") transparent no-repeat;
background-position: right 8px;    
}
.homeSidebar .squareBox{
margin-bottom:6px;  
} 
.homeSidebar .squareBoxInner a,
.homeSidebar .squareBoxInner a:hover{
display:block;
color:#727271;
}

/*
============================================================================ 
    Landing Frame
============================================================================ 
*/
#landingFrame{
margin-bottom:20px;
overflow:hidden;
position:relative;
min-height:350px;
}
#landingFrame img{
position:relative;
width:100%;
height:100%;
}
#landing-splash{
position:relative;
}
#landing-splash-title{
background:#14285A;
padding:10px 20px;
}
#landing-splash-title h1{
color:#FFF;
font-size:16px;
margin:0;
}
#landing-splash-content{
padding:10px 20px;
background:#F2F2F2;
}
#landing-splash-content h2{
font-size:18px;
margin-top:10px;
}
#landing-splash-content ul li:before{
border-left:3px solid #108cc8;
}
.searchWebsitesCover #landing-splash-content{
max-width: 85%;
background:rgb(247, 248, 247);
}
.searchWebsitesCover #landing-splash-title{
max-width: 85%;
}

/*
============================================================================
    Login
============================================================================ 
*/
.sys_logon-control .sys_textbox {
display:block;
vertical-align:middle;
width:100%;
max-width:250px;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:0px;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
color:#555;
font-size:14px;
height:34px;
line-height:1.42857;
padding:6px 12px;
transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
margin-bottom:10px;
}
.sys_logon-control .sys_button {
background-color:#2583c0;
color:#fff;
-moz-user-select:none;
background-image:none;
border:1px solid #2583c0;
border-radius:0px;
cursor:pointer;
display:block;
font-size:14px;
font-weight:400;
line-height:1.42857;
margin-bottom:0;
padding:6px 12px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
}

/*
============================================================================ 
Top Banner
============================================================================ 
*/
#topBannerFullWidth .background{
padding:30px;
background-repeat:no-repeat;
background-size:cover;
/*min-height:400px;*/
}
#topBannerFullWidth #searchBox{
width:80%;
margin:10px auto 20px auto;
}
#topBannerFullWidth #searchBox .nav-tabs > li > a {
background:rgba(30, 30, 30, 0.8);
}
#topBannerFullWidth #searchBox .tab-content,
#topBannerFullWidth #searchBox .nav-tabs > li.active > a, 
#topBannerFullWidth #searchBox .nav-tabs > li.active > a:hover, 
#topBannerFullWidth #searchBox .nav-tabs > li.active > a:focus{
background:rgba(0,0,0,0.6)!important;
}
#topBannerFullWidth #searchBox .tab-content{
padding:45px 30px 55px;
}
#topBannerFullWidth .nav-tabs{
border-bottom: 0 none!important;
}
#topBannerFullWidth #searchBox .nav-tabs > li > a{
border-bottom: 0 none!important;
}

/*
============================================================================ 
    Library Search Form
============================================================================ 
*/
#searchBox li a{
font-weight:bold;
border:0 none;
color:#FFF;
}
#searchBox .nav-tabs > li > a{
background:rgba(50, 50, 50, 0.8);
color:#FFF;
border-bottom:1px solid #FFF;
}
#searchBox .nav-tabs > li.active > a,
#searchBox .nav-tabs > li.active > a:hover,
#searchBox .nav-tabs > li.active > a:focus{
background:#3c4544;
color:#14b8e0;
border-color:#3c4544;
}
#searchBox .tab-content{
background:#3c4544;
border:0 none;
}
#searchBox .formInstructions{
color:#FFF;
}

/*
============================================================================ 
    Footer
============================================================================ 
*/
.last_updated p, #last_updated p{
font-size:11px;
color:#999;
clear:both;
} 
#pageBottom .social-list{
text-align:right;
padding:0;
}
#sitemap{
display:none;
}
#pageFooter{
font-size:12px;
color:#788B8B;
margin-bottom:20px;
}
#siteinfo ul{
padding:0;
}
#siteinfo ul li{
display:inline-block;
margin-right:10px;
padding:0;
}
#copyright{
font-weight:bold;
}

/*
============================================================================
    PhD Index
============================================================================ 
*/
.phdMenu{
background:#f2f2f2;
margin-bottom:15px;
padding-top:20px;   
}
.phdMenu .nav {
display:block;
text-align:center;
}
.phdMenu .nav li a{
color:#085275;
text-shadow:none;
padding:0;
}
.hdMenu .dropdown-toggle{
font-weight:bold;
}
.phdMenu .dropdown.open{
display:block;
width:100%;
}
.phdMenu .dropdown #ask:before,
.phdMenu .dropdown #grant:before,
.phdMenu .dropdown #exp:before,
.phdMenu .dropdown #apply:before{
content:"";
display:block;
float:left;
height:32px;
width:32px;
margin-right:10px;
}
.phdMenu .dropdown-menu,
.phdMenu .open .dropdown-menu{
min-width:200px;
width:100%;
border:0 none;
border-radius:0;
margin:0;
padding:0;
background:#FFF;
-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.175);
box-shadow:0 2px 10px rgba(0,0,0,0.175);
}
.phdMenu .nav .dropdown-menu li{
padding:8px 10px;
border-bottom:1px solid #DDD;
}
.phdMenu .nav .dropdown-menu li a{
color:#108CC8;
white-space:normal;
display:block;
background:0 none;
}
.phdMenu .nav .dropdown-menu li:last-child{
border:0 none;
}
.phdMenu .nav .dropdown-menu li a:hover{
color:#14B8E0;
}
#ask:before {
background:url("/NewGenerationSite/i/phd-index/phd-chat.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
}
#grant:before {
background:url("/NewGenerationSite/i/phd-index/phd-grantinfo.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
}
#exp:before {
background:url("/NewGenerationSite/i/phd-index/phd-euiexp.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
}
#apply:before {
background:url("/NewGenerationSite/i/phd-index/phd-apply.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
}
#skypeChat a:before{
display:inline-block;
float:left;
width:26px;
height:18px;
content:" ";
background:url("/NewGenerationSite/i/phd-index/skype.png") no-repeat 0 2px;
}
#skypeChat a img{
margin:0 0 3px 5px;
}
#phone a:before{
display:inline-block;
width:26px;
float:left;
height:18px;
content:" ";
background:url("/NewGenerationSite/i/phd-index/phone.png") no-repeat 0 0;
}
#mail a:before{
display:inline-block;
float:left;
width:26px;
height:18px;
content:" ";
background:url("/NewGenerationSite/i/phd-index/mail.png") no-repeat no-repeat 0 5px;
}
#faq a:before{
display:inline-block;
float:left;
width:26px;
height:18px;
content:" ";
background:url("/NewGenerationSite/i/phd-index/faq.png") no-repeat no-repeat 0 1px;    
}

/*
============================================================================ 
    Classes
============================================================================ 
*/
.row + .row{
margin-top:15px;
}
.container{
position:relative;
min-width:320px;
}
.text-justify{
text-align:justify;
}
.primary-colors{
background:#2583c0;
color:#FFF;
}
.law-colors{
background:#BA1642;
color:#FFF;
}
.sps-colors{
background:#477F7A;
color:#FFF;
}
.hec-colors{
background:#1F5125;
color:#FFF;
}
.eco-colors{
background:#E94B29;
color:#FFF;
}
.rscas-colors{
background:#f09b0f;
color:#FFF;
}
.mwp-colors,
#editor .mwp-colors{
background:#28285c;
color:#FFF;
}
.eco-colors a,
.eco-colors a:hover,
.hec-colors a,
.hec-colors a:hover,
.law-colors a,
.law-colors a:hover,
.sps-colors a,
.sps-colors a:hover,
.mwp-colors a,
.mwp-colors a:hover,
.rscas-colors a,
.rscas-colors a:hover,
.primary-colors a,
.primary-colors a:hover{
color:#FFF;
}
.affiliation{
line-height:16px;
display: inline-block;
}
.affiliation:before{
content:"";
width:12px;
height:12px;
display:inline-block;
margin:2px 5px 0 0;
float:left;
background: #2583C0;
}
.affil-eco:before{
background:#e94b29;
}
.affil-hec:before{
background:#1f5125;
}
.affil-law:before{
background:#ba1642;
}
.affil-sps:before{
background:#467f80;
}
.affil-mwp:before{
background:#28285c;
}
.affil-rscas:before,
.affil-rsc:before{
background:#F09B0F;
}
.postListing p{
font-size:13px;
color:#788B8B;
}
.subscribe-phd{
padding:30px 20px 0;
width:100%; 
margin-bottom:30px; 
border:#2583c0 3px solid;     
}
.subscribe-phd .buttons input{
float:right;
margin-top:-50px;
}
.socialPhd{
float:right;
margin-top:-30px;
}
.twitter-share-button{
width:95px;    
}
.socialShare div.pull-left{
margin-right:10px;
}
.imageWrapper{
border:1px solid #e9e9e9;
padding:8px;
}
.share-buttons .btn{
margin:10px 2px 10px 0;
border: 1px solid #ddd;
}

/*
============================================================================ 
    Buttons
============================================================================ 
*/
.btn{
border-radius:0px;
}
.btn a{
color:#FFF;
}
.btn-light{
background:#2583c0;
border:1px solid #2583c0;
color:#FFF;
}
.btn-dark{
background:#20415D;
color:#FFF;
}
.btn-gray{
background:#E0E0E0;
color:#4A4A4A;
border-color:#ADADAD;
}
.btn-xxl{
width:100%;
display:block;
margin:20px 0;
padding:40px;
font-size:42px;
text-transform:uppercase;
text-align:center;
color:#FFF;
line-height:40px;
}
.btn-eui{
background:#2583c0;
border:1px solid #2583c0;
border-radius:0;
color:#FFF;
display:inline-block;
font-size:14px;
font-weight:normal;
padding:6px 12px;
text-align:center;
vertical-align:middle;
white-space:nowrap;  
}
.btn-eui-wrap a{
margin-top:15px;
background:#2583c0;
border:1px solid #2583c0;
border-radius:0;
color:#FFF;
padding:6px 12px;
display:inline-block;
}
.largeBlueButton a{
padding:10px 16px;
display:block;
font-size:18px;
line-height:1.33;
margin:10px 0;
color:#FFF;
background:#2583c0;
border:1px solid #2583c0;
text-align:center;
}
.btn-xxl:hover,
.btn-xxl:focus,
.btn-eui:hover,
.btn-eui:focus,
.largeBlueButton a:hover,
.largeBlueButton a:focus,
.btn-eui-wrap a:hover,
.btn-eui-wrap a:focus,
.btn-light:hover,
.btn-light:focus{
color:#FFF;
}
.btn-intranet{
color:#FFF;
background:#f06600;
border:1px solid #f06600;
}

/*
============================================================================ 
    Date / Time
============================================================================ 
*/
.dateBox{
width:15%;
background:#f7f8f7;
text-align:center;
border:1px solid #cccccc;
font-size:12px;
color:#4d4d4d;
float:left;
min-width:100px;
width:auto!important;
margin-right:15px;
}
.dateBox .dayOfWeek{}
.dateBox .dayNumber{
display:block;
font-size:30px;
line-height:36px;
color:#004a7c;
font-weight:bold;    
}
.dateBoxDescription{

}
.dateBox .monthName{}
.dateBoxDescription h1,
.dateBoxDescription h2,
.dateBoxDescription h3,
.dateBoxDescription h4{
margin-top:0;    
}

/*
============================================================================ 
    Helper Classes - Contextual Backgrounds
============================================================================ 
*/

/* 
=============================================
    Contextual paragraphs
=============================================
*/
.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger{
padding:15px;
}
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-success h1,
.bg-success h2,
.bg-success h3,
.bg-success h4,
.bg-success h5,
.bg-info h1,
.bg-info h2,
.bg-info h3,
.bg-info h4,
.bg-info h5,
.bg-warning h1,
.bg-warning h2,
.bg-warning h3,
.bg-warning h4,
.bg-warning h5,
.bg-danger h1,
.bg-danger h2,
.bg-danger h3,
.bg-danger h4,
.bg-danger h5{
margin-top:0;
}
.bg-primary{
background-color:#2583C0;
color:#FFFFFF;
}
a.bg-primary:hover{
background-color:#3071A9;
}
.bg-success{
background-color:#DFF0D8;
}
a.bg-success:hover{
background-color:#C1E2B3;
}
.bg-info{
background-color:#D9EDF7;
}
a.bg-info:hover{
background-color:#AFD9EE;
}
.bg-warning{
background-color:#FCF8E3;
}
a.bg-warning:hover{
background-color:#F7ECB5;
}
.bg-danger{
background-color:#F2DEDE;
}
a.bg-danger:hover{
background-color:#E4B9B9;
}

/* 
=============================================
    Contextual boxes
============================================= 
*/
.bs-callout{
border-left:3px solid #EEEEEE;
margin:20px 0;
padding:20px 20px 10px;
}
.bs-callout h1,
.bs-callout h2,
.bs-callout h3,
.bs-callout h4{
margin-top:0;
}
.bs-callout p:last-child{
margin-bottom:0;
}
.bs-callout-info{
background-color:#F4F8FA;
border-color:#5BC0DE;
}
.bs-callout-info span{
/*color:#5BC0DE;
color:#004a7c;
*/
}
.bs-callout-warning{
background-color:#FCF8F2;
border-color:#F0AD4E;
}
.bs-callout-warning h4{
color:#F0AD4E;
}
.bs-callout-danger{
background-color:#FDF7F7;
border-color:#D9534F;
}
.bs-callout-danger h4{
color:#D9534F;
}

/*
============================================================================ 
    Titles
============================================================================ 
*/
.title{
padding-bottom:8px;
border-bottom:3px solid #004A7C;
color:#004A7C;
font-weight:bold;
}
.sidebar h3{
margin-top:0;
}

/*
============================================================================ 
    Custom quotes
============================================================================ 
*/
blockquote.quoteMark,
blockquote.quoteMark p{
font-size:14px;
}
blockquote.bigQuoteLeft{
border:0 none;
margin:0;
padding:0;
position:relative;
}
blockquote.bigQuoteLeft:before{ 
content:"\201C";
text-align:center; 
font-size:12em;
height:50px;
color:#2583C0;  
float:left;  
line-height:0.8em;
margin-right:5px;
}

/*
============================================================================ 
    Boxes
============================================================================ 
*/
.greyBox{
background:#F2F2F2;
}
.borderedBoxRow{
margin-bottom:15px;
}
.borderedBox{
border:1px solid #DDD;
padding:0 15px 15px;
}
.borderedBox h3{
color:#0085C2;
}
.borderedBox .btn{
margin-top:15px;
background:#2583c0;
border:1px solid #2B669A;
border-radius:0;
box-shadow:0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
}

/*
============================================================================ 
   Department boxes
============================================================================ 
*/
.boxesRow{
margin:15px -10px;
}
.squareBox{
position:relative;
width:100%;
overflow:hidden;
margin-bottom:15px;
}
.squareBox:before{
content:"";
display:block;
padding-top:100%;
}
.squareBoxInner{
position:absolute;
top:0;
left:0;
right:0;
width:100%;
height:100%;
}
.squareBoxContent{
display:table;
text-align:center;
width:100%;
height:100%;
}
.depBoxContent{
width:100%;
height:100%;
}
.depBoxContent h2,
.depBoxContent h3{
height:100%;
width:100%;
margin:0;
padding:0;
}
.squareBoxInner a,
.dateBox .squareBoxContent div{
display:table-cell;
width:100%;
z-index:9999;
vertical-align:middle;
}
.squareBoxInner .depBoxContent a{
display:block;
height:100%;
}
.squareBoxInner a span.squareBoxTitle{
margin:0;
padding:15px;
display:block;
color:#FFF;
font-weight:100;
letter-spacing:3px;
font-size:22px;
}
.squareBoxInner span.more{
position:absolute;
bottom:0;
width:100%;
display:block;
padding:15px;
background:url("/NewGenerationSite/i/arrow-rightwhite.png") rgba(255,255,255,.1) no-repeat 90% center;
color:#FFF;
font-size:16px;
}

.squareBox.squareBoxGrey{
background:#f6f7fb;
}
.squareBox.squareBoxGrey .squareBoxInner{
padding:15px;  
}
.squareBox.squareBoxGrey .squareBoxInner p{
margin:0;  
}


/*
============================================================================ 
    Accordion
============================================================================ 
*/
.panel{
margin-bottom:4px;
border-radius:0;
border:0;
box-shadow:none;
}
.panel-heading{
padding:0;
border-radius:0;
border-bottom:0 none;
}
.panel-default>.panel-heading{
background-color:#f2f2f2;
background-image:none;
}
.panel-heading .panel-title a{
display:block;
position:relative;
padding:14px 55px 12px 15px;
font-size:18px;
font-weight:normal;
outline: 0 none;
}
.panel-heading .panel-title a.collapsed{
background-color:#f2f2f2;
color:#085275;
}
.panel-heading .panel-title a span.glyphicon{
position:static;
}
.panel .contacts a{
margin:0 5px;   
}
#accordion a.collapsed span.glyphicon-chevron-down:before, .accordion a.collapsed span.glyphicon-chevron-down:before{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
#accordion a span.glyphicon-chevron-down:before, .accordion a span.glyphicon-chevron-down:before{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
position:absolute;
right:0;
top:0;
height:100%;
}
a.collapsed span.glyphicon-chevron-down:before {
background: #a9bcdb;
color: #085275;
}
a span.glyphicon-chevron-down:before {
background: #108CC8;
color: #FFF;
padding: 17px 18px;
}

/*
============================================================================ 
    Material card panels
============================================================================ 
*/
.card{
border:0 none;
border-radius:0;
box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
padding:15px;
margin-bottom:20px;
border-top:1px solid #eee;  
}
.card-default{
  
}
.card-image{
border:1px solid #DDD;
border-bottom:0 none;  
}
.card-image img{
margin:0;  
}
.card-inner{
border:1px solid #DDD;
border-top:0 none;  
}
.card-body{
padding:10px;  
}
.card-footer{
margin-top:10px;  
}

/*
============================================================================ 
    Faq Accordion
============================================================================ 
*/
.faq-title{
margin-bottom:20px;  
}
.filterFaq{
margin-bottom:15px;
}
.faqRazor .panel{
padding:5px 0;
border-bottom:1px solid #ebebeb;
}
.faqRazor .panel-title{
position:relative;    
}
.faqRazor .panel-default>.panel-heading,
.faqRazor .panel-heading .panel-title a.collapsed{
background:transparent;
}
.faqRazor .panel-heading .panel-title a,
.faqRazor .panel-heading .panel-title a.collapsed{
padding:0;
font-size:16px;
}
/*
.faqRazor .panel-heading .panel-title a:before{
border-bottom:3px solid transparent;
border-left:3px solid #777;
border-top:3px solid transparent;
content:" ";
height:0;
position:absolute;
top:7px;
left:0px;
width:0;    
}
*/
dt.sys_faqs-question, dt.sys_faqs-answer{
display:none;   
}
dd.sys_faqs-question{
color: #004A7C;
font-size: 24px;
line-height: 26px;
font-size: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
#FAQs_List dd.answer ul li{
list-style:none;
}
.sys_theme-simple .sys_faqs-search-control {
padding: 10px 10px 30px!important;
height: auto!important;
}
.sys_theme-simple .sys_faqs-search-control div.sys_search-row{
float:none!important;
}
.sys_theme-simple .sys_faqs-control .sys_itemslist .sys_subitem dl dd ul{
float:none!important;
}
.sys_theme-simple .sys_faqs-control .sys_itemslist .sys_subitem dl dd ul li{
list-style:none!important;
}

/*
============================================================================ 
    Lists
============================================================================ 
*/
.listArrow{
padding:0;
}

/*
============================================================================ 
    Carousel
============================================================================ 
*/


/*
============================================================================ 
    bootstrap-vertical-tabs - v1.1.0
    https://dbtek.github.io/bootstrap-vertical-tabs
    2014-06-06
    Copyright (c) 2014 Ismail Demirbilek
    License: MIT
============================================================================ 
*/
#carousel-container{
position:relative;
height:350px;
}
#carousel-container .tabNavWrapper{
position:absolute;
z-index:999;
top:0;
bottom:0;
width:240px;
}
#carousel-container .tabs-left>li{
float:none;
border-bottom:1px solid #A5CEE3;
padding:0;
}
#carousel-container .nav-tabs > li:last-child{
border:0 none;
}
#carousel-container .nav-tabs>li>a{
border:0 none;
border-radius:0;
margin-right:0;
display:block;
color:#0186c3;
font-weight:bold;
font-size:20px;
background:none repeat scroll 0 0 transparent;
}
#carousel-container .tabs-left>li a:hover,
#carousel-container .tabs-left>li a:focus{
background-color:rgba(1, 134, 195, 0.5);
border:0 none;
color:#FFF;
}
#carousel-container .tabs-left>li.active>a,
#carousel-container .tabs-left>li.active>a:hover,
#carousel-container .tabs-left>li.active>a:focus{
background-color:rgba(1, 134, 195, 0.5);
border:0 none;
color:#FFF;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img,
#carousel-container .tab-pane img{
width:100%;
max-width:100%;
}
#carousel-container .nav-tabs{
background:rgba(255, 255, 255, 0.8);
height:100%;
border:0 none;
}
#carousel-container .nav-tabs li{
background-image:none;    
}
#carousel-container .tab-content{
border:0 none;
padding:0px 10px;
}
#carousel-container .tab-pane .blockContent{
position:absolute;
background:rgba(255,255,255, 0.8);
padding:5px 20px;
top: 20px;
left: 260px;
bottom:auto;
right:auto;
width:350px;
text-shadow:none;
text-align:left;
color:#000;
}
#carousel-container .carousel-caption{
position:absolute;
padding:5px 20px;
bottom:0;
text-align:left;
color:#FFF;
z-index:999;
margin-left:20px;
}
#carousel-container .carousel-caption:hover{
color:#14B8E0;
}
#carousel-container .carousel-indicators{
bottom:0;
padding:6px 20px;
width:100%;
background-color:#000;
right:0;
left:auto;
margin-left:auto;
text-align:right;
z-index:999;
opacity:0.8;
width:760px;
}
#carousel-container .nav > li.backToMain{
display:none;
position:absolute;
bottom:0;
width:220px;
}
#carousel-container .nav > li.backToMain a{
font-weight:normal;
font-size:16px;
}

/*
============================================================================ 
    Slider with Menu
============================================================================ 
*/
.sliderWithMenu{
position:relative!important;
}
.sliderWithMenu .full-width-slider{
width:70%!important;
color:#000;
float:right;
}
.sliderMenu{
width:30%!important;
background:#f4f4f4;
height:100%;
position:absolute!important;
top:0!important;
bottom:0!important;
padding:10px;
}
.sliderMenu ul{
padding:0;
}
.sliderMenu li{
width:100%;
display:inline-block;
}
.sliderMenu li:before{
display:none;
}
.sliderMenu a{
padding:10px 0;
border-bottom:1px solid #DDD;
display:inline-block;
width:100%;
}

/*
============================================================================ 
   Publications Showcase
============================================================================ 
*/
.publicationsSlider{
margin-bottom:0;
}
.publicationsSlider .rsOverflow{
margin-bottom:50px;
}
.publicationsSlider a{
display:block;
z-index:999;  
}
.publicationsSlider .rsBullets{
overflow:visible!important;
}
.publicationsSlider .rsBullet,
.publicationsSlider .rsBullet span{
width:10px!important;
height:10px!important;
padding:0!important;
margin:0 0 0 5px;
}
.publicationsSlider .rsArrow{
width:22px!important;
}
.publicationsSlider .rsArrowRight{
right:0px!important;
}
.publicationsSlider .imageWrapper{
position:relative;
margin:10px 0;
}
.publicationsSlider .imageWrapper:hover{
border-color:#CCC;  
}
.publicationsSlider .imageWrapper:hover:before{
opacity:1;  
}
.publicationsSlider .imageWrapper:before{
box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.3);
content:'';
height:100%;
left:0;
opacity:0;
position:absolute;
top:0;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
width:100%;
z-index:-1;
}
.publicationsSlider figure{
position:relative;  
}
.publicationsSlider .image-overlay{
position:absolute;
top:0;
left:0;
bottom:0;
background:rgba(0,0,0,0.8);
padding:10px;
opacity:0;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;  
}

/*
============================================================================ 
  Cadmus Listing
============================================================================ 
*/
.cadmusListing .card h3{
margin-top:0;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
line-height:26px;
}
/*
============================================================================ 
Social Icons
============================================================================ 
*/
.social-boxes{
font-size:20px;
text-align:right;
margin-top:20px;
}
.social-boxes a{
margin-right:10px;
border:1px solid #ddd;
padding:0 5px;
width:30px;
height:30px;
display:inline-block;
text-align:center;
}

/*
============================================================================ 
   People Listing
============================================================================ 
*/
.peopleListingName h3{
margin:0px;    
}
.peopleListingTitle span{
margin-top:0px;
font-size:15px;
display:block;
margin-bottom:5px;
}
.peopleListingThumbRight{
padding:0;
text-align:right;
}
.peopleListingThumbLeft{
padding:0;
text-align:left;
}
.peopleListingContentLeft{
padding-right:0;
}
.peopleListingContentRight{
padding-left:0;
}

/*
============================================================================ 
   People Listing Razor
============================================================================ 
*/
.peopleListElement{
border:1px solid rgb(227, 227, 227);
padding:20px;
margin-bottom:20px;
}
.peopleListElement h3{
margin-top:0;
}
.peopleListElement .peopleDetails{
width:80%;  
}
.peopleListElement .contactInfo{
margin:20px 0;
}
.peopleListElement .contactInfo .fa{
width:30px;
}
.peopleListElement .jobDesc,
.peopleListElement .wLangs{
border-top:1px solid #ddd;
padding:10px 0 0;
}
.peopleListElement blockquote{
border:0;
border-top:1px solid #ddd;
padding:10px 0 0;
font-size:12px;
}
.peopleListElement blockquote .fa{
color:#999;  
}
.peopleListElement .peopleThumb{
width:120px;
height:150px;
overflow:hidden;
}

/*
============================================================================ 
   Modal Dialog
============================================================================ 
*/
.openModalId{
display:none;    
}
.modalWrapper{
display:none;
}
/*
.modal-dialog{
width:auto;
max-width:80%;    
}*/

/*
============================================================================ 
   Modal Header
============================================================================ 
*/
.modal-header{
display:table;
width:100%;
}
.modal-header img{
margin-right:20px;
float:left;
}
.modal-header .close{
position:absolute;
right:20px;
top:20px;
float:none;
}
.modal-header .modal-title{
display:table-cell;
vertical-align:middle;
}

/*
============================================================================ 
   Modal Body
============================================================================ 
*/
.modal-body blockquote{
height:auto;    
}

/*
============================================================================ 
   Modal Footer
============================================================================ 
*/
.modal-header{}

/*
============================================================================ 
   Iframe
============================================================================ 
*/
.video-container{
height:0;
margin-bottom:15px;
/*overflow:hidden;*/
padding-bottom:56.25%;
padding-top:30px;
position:relative;
}
.video-container iframe, 
.video-container object, 
.video-container embed{
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
/*
============================================================================ 
    Library search form
============================================================================ 
*/
.nav-tabs > li > a{
border-color:#E1E1E8;
background-color:#f2f2f2;
border-radius:0;
}
.tab-content{
padding:25px 20px 20px;
border-left:1px solid #E1E1E8;
border-bottom:1px solid #E1E1E8;
border-right:1px solid #E1E1E8;
border-top:0 none;
}
label.search-box{
color:#333;
display:block;
font:18px/1.4em Helvetica,Arial,sans-serif;
margin:0 0 8px;
}
#catalogue .caret{
margin-left:5px;
}
#searchIn strong{
color:#3398BE;
}
#catalogue .dropdown-menu{
padding:0;
}
#catalogue .dropdown-menu label{
color:#3398BE;
cursor:pointer;
display:block;
font:12px Helvetica,Arial,sans-serif;
padding:10px;
margin:0;
float:none;
}
#catalogue .dropdown-menu li{
border-top:1px solid #D9DFE3;
}
#catalogue .dropdown-menu li:first-child{
border:0 none;
}
#catalogue .dropdown-menu label.active{
font-weight:bold;
color:#FFF;
background:#3398BE;
}
#catalogue .dropdown-menu input[type="radio"]{
padding:0;
display:none;
}


/*
============================================================================ 
    Centralised web services
============================================================================ 
*/
.board{
margin:20px 0 0 0;
border-top:0;
}
.board-inner .nav-tabs{
border:0;
}
.board-inner .nav-tabs > li{
width:20%;
background:#fff;
}
.board-inner .nav-tabs > li.active:first-child{
border-left:1px solid #ddd;
}
.board-inner .nav-tabs > li.active:last-child{
border-right:1px solid #ddd;
}
.board-inner .nav-tabs > li > a{
margin:0;
padding:0;
font-size:14px;
line-height:18px;
background:#fff;
color:#2583c0;
text-align:center;
}
.board-inner .nav-tabs > li.active > a{
color:#4a4a4a;
font-weight:bold;
border:0 none;
background:#f7f7f7;  
}
.board-inner .nav-tabs > li > a span{
display:block;
}
.board-inner .nav-tabs > li > a span.tab-title{
padding:10px 0;
}
.board-inner .nav-tabs > li.active > a span.tab-title{
border-top:2px solid #2583c0;
}
.board-inner .nav-tabs > li > a .fa{
font-size:18px;
margin-right:5px;
}
.board-inner .nav-tabs li a.intranet-tab{
color:#f06600;
}
.network-search{
border:1px solid #DDD;
padding:20px 15px;
background:#f7f7f7;
}
#custom-search-input{
margin:10px 0 20px 0;
padding:0;
}
#custom-search-input .search-query{
padding:0 30px 0 10px;
margin-bottom:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#custom-search-input .search-icon-button{
position:absolute;
top:0;
right:0;
zoom:1;
z-index:9999;
border-left:1px solid #ddd;
}
#custom-search-input button{
border:0;
background:#FFF;
margin:1px 1px 0 0;
position:relative;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.search-query:focus + button{
z-index:3;   
}
.network-search .dropdown-toggle{
color:#4a4a4a;
font-size:12px;
padding-left:0;  
}
.network-search .dropdown-wrapper{   
position:relative;
display:inline-block;
vertical-align:middle;
}
.network-search .dropdown-menu{
min-width:250px;
}
.network-search .dropdown-menu .checkbox{
padding-left:35px;
}
.network-search .dropdown-menu .checkbox label{
display:inline-block;
position:relative;
padding-left:5px;
line-height:20px;
font-size:12px;
}
.network-search .dropdown-menu .checkbox label::before{
content:"";
display:inline-block;
position:absolute;
width:15px;
height:15px;
left:0;
margin-left:-20px;
border:1px solid #cccccc;
border-radius:3px;
background-color:#fff;
-webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.network-search .dropdown-menu .checkbox label::after{
display:inline-block;
position:absolute;
width:15px;
height:15px;
left:0;
top:0;
margin-left:-20px;
padding-left:3px;
padding-top:1px;
font-size:11px;
color:#555555;
}
.network-search .dropdown-menu .checkbox input[type="checkbox"]{
opacity:0;
}
.network-search .dropdown-menu .checkbox input[type="checkbox"]:focus + label::before{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
.network-search .dropdown-menu .checkbox input[type="checkbox"]:checked + label::after{
font-family:'FontAwesome';
content:"\f00c";
}
.network-search .dropdown-menu .checkbox input[type="checkbox"]:disabled + label{
opacity:0.65;
}
.network-search .dropdown-menu .checkbox input[type="checkbox"]:disabled + label::before{
background-color:#eeeeee;
cursor:not-allowed;
}
.network-search .dropdown-menu .checkbox.checkbox-inline{
margin-top:0;
}
.network-search .dropdown-menu .checkbox-primary input[type="checkbox"]:checked + label::before{
background-color:#428bca;
border-color:#428bca;
}
.network-search .dropdown-menu .checkbox-primary input[type="checkbox"]:checked + label::after{
color:#fff;
}
.network-search .option-set .btn{
margin-bottom:5px;
}
.network-search .filter .selected{
background:#428bca;
color:#fff;
}
#activeFilters{
margin:10px 0;  
}
#activeFilters .activeFilter{
font-size:12px;
font-weight:normal;
padding:.3em .6em;
margin: 0 5px 5px 0;
float: left;
}
#activeFilters .activeFilter:hover{
cursor:pointer;
}
#activeFilters .activeFilter .fa-times-circle{
margin-left:5px;  
}

/*
============================================================================ 
    Search results
============================================================================ 
*/

.search_websites .contacts a{
margin:0 5px;  
}



/*
============================================================================ 
    Seminar Materials
============================================================================ 
*/
.sys_sm_header-backlink{
background:url("/NewGenerationSite/i/arrow-blue-left.png") no-repeat scroll left 5px rgba(0, 0, 0, 0);
padding-left:8px;
}
.sys_sm_header h2,
.sys_sm_header .sys_sm_header-label{
float:left;
line-height:20px;
}
.sys_sm_header .sys_sm_header-label{
color:#0085c2;
line-height:20px;
margin:20px 0 20px 10px;
font-size:20px;
}
.sys_sm-TermGroupingDiv h2 a,
.sys_sm-groupingLabel a{
background:none repeat scroll 0 0 #e7e7e7;
clear:both;
color:#777;
display:block;
margin-bottom:10px;
padding:5px 10px;
font-size:14px;
font-weight:bold;
}
.sys_sm-TermGroupingDiv h3,
.sys_seminarMaterial-control h3{
color:#3c4545;
margin:0 0 5px 0;
font-size:14px;
}
.sys_sm-TermGroupingDiv dt,
.sys_sm-TermGroupingDiv dd,
.sys_seminarMaterial-control dt{
display:none;
}
.sys_sm-TermGroupingDiv dd.sys_seminarMaterial-title{
display:block;
}
.sys_sm-TermGroupingDiv .sys_subitem,
.sys_seminarMaterial-control .sys_subitem{
border-top:1px solid #bfe0f0;
clear:both;
margin-top:10px;
padding-top:10px;
}

/*
========================================================================
    Tabs 
========================================================================
*/
.sys_contentBoxTabs ul{
padding:0;
}
.sys-TabTitles{
clear:both;
border-bottom:4px solid #0085c2;
height:29px;
margin-top:-20px;
}
.sys-TabTitles{
height:20px;
}
.sys-TabTitles .sys-tabTitle-ext{
display:block;
list-style:none;
float:left;
margin:0 2px 0 0;
}
.sys-tabTitle-ext.sys_selected .sys-tabTitle-int a{
background-color:#0085C2;
color:#FFF;
}
.sys_textBox ul li{
background:none;
padding:0;
margin:0 2px 0 0;
list-style:none;
}
.sys-TabTitles .sys-tabTitle-ext a{
background-color:#bfe0f0;
padding:2px 7px 3px 7px;
font-weight:bold;
display:block;
}
.sys-tabTitle-int a{
background-color:#bfe0f0;
padding:6px 7px 6px 7px;
font-weight:bold;
display:block;
}
.sys-tabTitle-int a:hover{
background-color:#0085C2;
color:#FFF;
}
.sys_contentBoxBody .sys-TabTitles{
clear:both;
border-bottom:4px solid #0085c2;
height:28px;
float:left;
width:100%;
margin:0;
*margin:0 0 -10px 0;
}
.sys-TabTitles .sys-tabTitle-ext a{
font-size:1.2em;
line-height:1;
}
.sys-TabTitles .sys-tabTitle-ext a:hover,
.sys-TabTitles .sys-tabTitle-ext.sys_selected a:hover{
background-color:#0085c2;
color:#FFF;
}

/*
############################################################################
============================================================================
### CUSTOM MEDIA QUERIES ###################################################
============================================================================
############################################################################   
*/

/*
============================================================================
    Mobile First Method
============================================================================ 
*/ 

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px){
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px){

}

@media only screen and (min-width : 768px){

    /*
    ============================================================================
        PhD Index
    ============================================================================ 
    */    
    .phdMenu .dropdown,
    .phdMenu .dropdown.open{
    display:inline-block;
    float:none;
    width:auto;    
    }
    .phdMenu #countries{
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
    min-width:400px;
    }
    .phdMenu .dropdown-menu:after{
    bottom:100%;
    left:18px;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    border-color:rgba(255,255,255,0); 
    border-bottom-color:#FFF;
    border-width:6px; 
    margin-left:-10px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
    /*
	============================================================================
		Generic Tags
	============================================================================ 
	*/
	body{
	padding-top:0;
	}
	
	/*
	============================================================================
		Generic Navigation Styles
	============================================================================ 
	*/	
	.navbar-fixed-top{
	position:relative;
	}
    .dropdown-menu{
    border:1px solid rgba(0, 0, 0, 0.15);
    border-radius:0px;
    float:left;
    margin:2px 0 0;
    position: absolute;
    top: 100%;
    }
    .mOpenSearch,
    .mLogin,
    .mSearch{
    display:none;
    }
	
	/*
	============================================================================
		Primary Navigation
	============================================================================ 
	*/
    #primaryNav{
    font-size:12px;
    background:#e3e3e3;
    }
    #primaryNav .container{
    padding:0 10px;
    }
    #primaryNav .navbar-nav > li > a{
    color:#20415D; 
    text-shadow:0 -1px 0 rgba(255, 255, 255, 0.25);
    padding: 0 14px;
    }
    #primaryNav .navbar-nav > li.sys_intranet{
    background-color:#f06600;
    color:#fff;
    text-shadow:0 -1px 0 rgba(255, 255, 255, 0.25);
    line-height:39px;
    padding: 0 13px;
    float: right;
    }
    #primaryNav .navbar-nav > li.sys_intranet a{
    color:#FFF;
    }
    .glyphicon-lock:before{
    content: "\e033";
    }
    #primaryNav .dd-group .clearfix{
    height:35px;
    line-height:35px;
    }
    #primaryNav .navbar-nav > li.sys_intranet:hover,
    #primaryNav .navbar-nav > li.sys_intranet a:hover,
    #primaryNav .navbar-nav > li.sys_intranet a:focus{
    color:#FFF;
    background-color:#f06600;
    }
    #primaryNav .navbar-nav > li:hover,
    #primaryNav .navbar-nav > li.dd-group:hover a.pull-left,
    #primaryNav .navbar-nav > li > a:hover,
    #primaryNav .navbar-nav > li > a:focus{
    color:#20415D;
    background-color:#FFF;
    }
    #primaryNav .navbar-nav > .dropdown > a .caret{
    border-bottom-color: #20415D;
    border-top-color: #20415D;
    }
    #primaryNav .dropdown-menu{
    background-color:#20415D;
    left:auto;
    position:fixed;
    top:auto;
    }
    #primaryNav .sys_first ul{
    float:left;    
    }
    #primaryNav .navbar-nav > li > a{
    padding:0 11px;
    }
    #primaryNav .glyphicon{
    padding-left:5px;
    }
	
    /*
	============================================================================
		Primary Navigation Dropdown
	============================================================================ 
	*/

	
	/*
	============================================================================ 
		Page Header
	============================================================================ 
	*/
	#pageHeader .searchForm{
	display:table;
	position:absolute;
    zoom:1;
	right:10px;
	top:25px;
	max-width:270px;
	}
	#pageHeader .searchForm .glyphicon{
	top:2px;
	line-height:0;
	}
    /* Search Form Legacy - Waiting for web control markup to be redone */
    #pageHeader .sys_search-label,
    #pageHeader .sys_search-radiobuttons{
    display:none;
    }
    #pageHeader .sys_search-query-control .sys_searchbox{
    display:inline-block;
    vertical-align:middle;
    width:auto;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    height:auto;
    line-height:22px;   
    }
    .sys_searchbox:focus{
    border-color:#66afe9;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline:0 none;
    }
    .sys_searchbox::-moz-placeholder{
    color:#777;
    opacity:1;
    }
    .sys_searchbox[disabled], 
    .sys_searchbox[readonly], 
    fieldset[disabled] .sys_searchbox{
    background-color:#EEE;
    cursor:not-allowed;
    opacity:1;
    }
    #pageHeader .sys_search-query-control .sys_search-button{
    -moz-user-select:none;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    margin-bottom:0;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    background-color:#2583c0;
    border:1px solid #2583c0;
    color:#FFF;
    line-height:34px;
    padding:0px 12px;
    height:auto;
    width:auto;
    }
    .sys_search-button:focus,
    .sys_search-button:active:focus,
    .sys_search-button.active:focus{
    outline:thin dotted;
    outline-offset:-2px;
    }
    .sys_search-button:hover, 
    .sys_search-button:focus,
    .sys_search-button:active{
    background-color:#3071A9;
    border-color:#285E8E;
    color:#FFF;
    }
    
    /*
    ============================================================================
    	Secondary Navigation Desktop
	============================================================================ 
	*/
    #secondaryNav{
    background:#2583C0;
    border-radius:0;
    display:block;
    }
    #secondaryNav .icon-bar{
    background-color:#FFF;
    }
    #secondaryNav .dd-group .clearfix{
    height:1px;
    line-height:1px;
    }
    #secondaryNav .nav > li > a{
    color:#FFF;
    text-shadow:none;
    font-size:14px;
    padding:0 4px 0 6px;
    }
    #secondaryNav .navbar-nav > .dropdown > a .caret{
    border-bottom-color:#FFF;
    border-top-color:#FFF;
    }
    #secondaryNav .navbar-nav > li:hover,
    #secondaryNav .navbar-nav > li > a:hover,
    #secondaryNav .navbar-nav > .open > a,
    #secondaryNav .navbar-nav > .open > a:hover, 
    #secondaryNav .navbar-nav > .open > a:focus{
    background:#20415D;
    }
    #secondaryNav li:hover .dropdown-toggle,
    #secondaryNav .open .dropdown-toggle{
    background:#3071A9;  
    }
    #secondaryNav .nav .caret{
    border-bottom-color:#FFF;
    border-top-color:#FFF;
    }
	.navbar-collapse{
    display:none;
    }

    /*
    ============================================================================
        Secondary Navigation Dropdown
    ============================================================================ 
    */
    #secondaryNav .dropdown-menu{
    border:0;
    /*border:1px solid rgba(0, 0, 0, 0.15);*/
    }
    #secondaryNav .dropdown-menu > ul{
    margin:0;
    padding:0;
    }
    #secondaryNav .dropdown-menu > ul > li{
    list-style:none;
    padding:0px 10px 0px 15px;
    }
    #secondaryNav .dropdown-menu > ul > li a{
    padding:6px 0;
    border-bottom:1px solid #DDD;
    white-space:nowrap;
    display:block;
    }
	#secondaryNav .navmenu-nav > li:last-child > .dropdown-menu{
    right:0;
    left:auto;
    }
    
	/*
	============================================================================
		Breadcrumbs
	============================================================================ 
	*/
    .wrapBreadcrumbs, #wrapBreadcrumbs{
    display:block;
    min-height:35px;
    font-size:13px;
    }
    .wrapBreadcrumbs a, #wrapBreadcrumbs a{
    color: #788b8b;
    line-height:35px;
    display:inline-block;
    }
    .wrapBreadcrumbs span, #wrapBreadcrumbs span{
    font-weight:bold;
    color:#788b8b;
    }    
    
    /*
    ============================================================================ 
    	Content
    ============================================================================ 
    */
    #mainContent{
    
    }
    /*
    ============================================================================ 
    	Landing Frame
    ============================================================================ 
    */

    #landingFrame img{
    position:absolute;
    height:auto!important;
    width:100%!important;
    }
    #landing-splash{
    position:relative;
    margin: 25px 0 0 25px;
    }
    #landing-splash-title{
    max-width:40%;    
    }
    #landing-splash-title h1{
    font-size:24px;
    }
    #landing-splash-content{
    max-width:40%;
    background:rgba(255,255,255, .9);
    }

    /*
    ============================================================================
        PhD Index
    ============================================================================ 
    */ 
    .phdMenu #countries{
    -moz-column-count:3;
    -webkit-column-count:3;
    column-count:3;
    min-width:600px;
    }

  	/*
	============================================================================ 
		Publications Showcase
	============================================================================ 
	*/
  	.publicationsSlider .imageWrapper:hover .image-overlay{
	opacity:1;
    }
    .publicationsSlider .image-overlay p{
    -webkit-transition:-webkit-transform 0.3s;
    transition:transform 0.3s; 
    -webkit-transform:translate(0, 300px);
    -ms-transform:translate(0, 300px);
    transform:translate(0, 300px);
    }
    .publicationsSlider .imageWrapper:hover .image-overlay p{
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0);
    }
  
	/*
	============================================================================ 
		Footer
	============================================================================ 
	*/
	#sitemap{
	display:block;
	}
	#sitemap ul{
	list-style:none;
	}
	#sitemap h5{
	margin-bottom:5px;
	}
    #sitemap h5 a{
    color:#0085C2;
    font-size:11px;
    }
	.sitemap-col{
	float:left;
	width:160px;
	margin:0 22px;
	}
	.sitemap-col ul li a{
	font-size:11px;
	color:#788B8B;
	}
    div#wrapSitemap .sitemap-col-1:first-child {
    margin-left: 0!important;
    }
    div#wrapSitemap .sitemap-col-1:last-child {
    margin-right: 0!important;
    }  
}

/* Large Devices, Desktops */
@media only screen and (min-width : 1200px){
    /*
    ============================================================================
    	Primary Navigation
	============================================================================ 
	*/
    #primaryNav .nav > li.sys_intranet{
    margin-right:0;
    }
    /*
	============================================================================
		Secondary Navigation
	============================================================================ 
	*/
    #secondaryNav .nav > li:first-child{
    margin-left:0;
    }
    #secondaryNav .nav > li:last-child{
    margin-right:0;
    }    
    #secondaryNav .nav > li > a{
    padding:0 5px;
    }
}

/*
============================================================================
    Non-Mobile First Method
============================================================================ 
*/ 
@media only screen and (max-width : 1200px){

}

@media (max-width: 991px){
    .navbar-header{
    float:none;
    }
    .navbar-left,
    .navbar-right{
    float:none !important;
    }
    .navbar-toggle{
    display:block;
    }
    .navbar-collapse{
    border-top:1px solid transparent;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top{
    top:0;
    border-width:0 0 1px;
	}
    .navbar-collapse.collapse{
    display:none!important;
    }
    .navbar-nav{
    float:none!important;
	margin-top:7.5px;
	}
	.navbar-nav>li{
    float:none;
    }
    .navbar-nav>li>a{
    padding-top:10px;
    padding-bottom:10px;
    }
    .collapse.in{
  	display:block !important;
	}
    .container{
    width:100%;
    }
    #carousel-container{
    display:none;
    opacity:0;
    visibility:hidden;
    }
    .phdhome{
    width: 100%;
    padding: 10px 35px 10px 10px!important;
    line-height: 20px;
    height: auto;
    min-height: 35px;
    background-position: right -5px!important;
    }
    .socialPhd{
    float:none;
    margin-top:0;
    }
    
  /*
    ============================================================================
        Network search
    ============================================================================ 
    */  
	.board-inner .nav-tabs > li{
	width:33%;  
    }
}

@media only screen and (max-width : 768px){
    .socialPhd{
    display:none;
    }
    #primaryNav .container{
    padding:0 10px;
    }
    .squareBox{
    margin-bottom:20px;
    }
    .subscribe-phd iframe{
    height:300px;
    }   
    
    #topBannerFullWidth .background{
        padding: 0px;
  }
  .searchFacultyCover #landing-splash-content, .searchFacultyCover #landing-splash-title {
    max-width: 100%;
  }
  
  #landing-splash-content {
    padding: 10px 0px;
  }
    /*
    ============================================================================
        Smart Fixed Navigation
    ============================================================================ 
    */
    .folderMenu .sys_simpleListMenu{
    position:fixed;
    width:90%;
    max-width:400px;
    right:5%;
    top:94px;
    visibility:hidden;
    /* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
    overflow:hidden;
    z-index:1;
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    }
    .folderMenu ul li{
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    margin:0px;
    }    
    .folderMenu ul ul{
    margin:0px;
    }
    .folderMenu ul li:before {
    top: 10px;
    }
    .folderMenu li li a {
    padding: 8px 0px;
    }
    .folderMenu ul.is-visible,
    .folderMenu ul.is-visible ul{
    visibility:visible;
    }
    .folderMenu li a{
    display:block;
    padding:10px 20px;
    border-bottom:1px solid #eff2f6;
    }
    .folderMenu li:last-child a{
    border-bottom:none;
    }
    .cd-nav-trigger{
    position:fixed;
    top:90px;
    right:5%;
    width:44px;
    height:44px;
    background:#2583C0;
    /* image replacement */
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    z-index:2;
    display:block;
    }
    .cd-nav-trigger span{
    /* the span element is used to create the menu icon */
    position:absolute;
    display:block;
    width:20px;
    height:2px;
    background:#FFF;
    top:50%;
    margin-top:-1px;
    left:50%;
    margin-left:-10px;
    }
    .cd-nav-trigger span::before, 
    .cd-nav-trigger span::after{
    content:'';
    position:absolute;
    left:0;
    background:inherit;
    width:100%;
    height:100%;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    }
    .cd-nav-trigger span::before{
    top:-6px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    }
    .cd-nav-trigger span::after{
    bottom:-6px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    }
    .cd-nav-trigger.menu-is-open{
    box-shadow:none;
    }
    .cd-nav-trigger.menu-is-open span{
    background:rgba(232, 74, 100, 0);
    }
    .cd-nav-trigger.menu-is-open span::before, 
    .cd-nav-trigger.menu-is-open span::after{
    background:#FFF;
    }
    .cd-nav-trigger.menu-is-open span::before{
    top:0;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg);
    }
    .cd-nav-trigger.menu-is-open span::after{
    bottom:0;
    -webkit-transform:rotate(225deg);
    -moz-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    -o-transform:rotate(225deg);
    transform:rotate(225deg);
    }
    
    /*
    ============================================================================
        PhD Index
    ============================================================================ 
    */    
    .phdMenu .nav{
    text-align:left;
    }
  	
  	/*
    ============================================================================
        Network search
    ============================================================================ 
    */  
  	.board-inner .nav-tabs > li > a .fa{
    display:none;  
    }
  
  
  
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px){
    #pageBottom .social-list{
    text-align: left;
    padding: 0;
    }
    #pageBottom .social-list li:first-child{
    display:none;
    }
    .sys_leftSide,
    .sys_twoColumnsList ul,
    .sys_rightSide,
    .sys_threeColumns .sys_column{
    width:100%;
    float:none;
    }    
    .squareBoxInner a span.squareBoxTitle{
    letter-spacing:1px;
    font-size:18px;
    line-height:26px;
    padding:5px 10px;
    }
    .squareBoxInner span.more{
    padding:5px 10px;
    background:url("/NewGenerationSite/i/arrow-rightwhite.png") rgba(255,255,255,.1) no-repeat 90% center;
    color:#FFF;
    background-size:7%;
    font-size:16px;
    }
  
     
    /*
    ============================================================================
        Network search
    ============================================================================ 
    */  
  	.board-inner .nav-tabs > li{
	width:33%;
	}
  	.board-inner .nav-tabs > li > a{
    height:58px;
    }
	.board-inner .nav-tabs > li > a span{
    display:table;
    height:100%;
    width:100%;
	}  
  	.board-inner .nav-tabs > li > a span.tab-title{
    display: table-cell;
    vertical-align: middle;
	}
  	.board-inner .nav-tabs > li > a .fa{
    display:none;
    }
	
  	/*
    ============================================================================
        People listing razor
    ============================================================================ 
    */ 
  	.peopleListElement .peopleThumb{
    height:auto;
    float:none!important;
	}
  	.peopleListElement .peopleDetails{
     width:100%; 
    }

  
    /*
    ============================================================================ 
       Modal Dialog
    ============================================================================ 
    */
    .modal-dialog{
    max-width:100%;    
    }  
  
  
  
  
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px){
	
}



/*
============================================================================ 
  Legacy CSS - Old Minitemplates
============================================================================ 
*/

/* Tables 
table.datatable *, 
table.dataTable *, 
table.dataTableLeft *{
font-size:13px;
line-height:1.5em;
margin:0;
text-align:left;
vertical-align:top;
max-width:100%;
}
*/
table.datatable caption, table.dataTable caption, 
table.dataTableLeft caption{
border-bottom:1px solid #ccc;
font-size:0;
line-height:0;
padding:0;
margin:0;
text-align:left;
vertical-align:top;
}
/*
table.datatable td,
table.dataTable td,
table.dataTableLeft td{
border-bottom:1px solid #ccc;
padding:6px 10px;
vertical-align:top;
width:20%;
border-left:0 none;
border-right:0 none;
}
*/

.sys_textBox{
clear:both;
margin-bottom:20px;
}
.sys_textBox h2{
border-bottom:3px solid #004A7C;
padding-bottom:5px;
}
.sys_textBox ul,
.sys_listBox ul{
list-style:none outside none;   
}
.sys_leftSide,
.sys_single-block,
.sys_clear{
clear:both;
}
.sys_leftSide,
.sys_twoColumnsList ul{
width:50%;
float:left;
padding-right:5px;
}
.sys_rightSide{
width:50%;
float:left;
padding-left:5px;
}
.sys_threeColumns .sys_column{
width:33%;
float:left;
padding:0 5px;
}
.sys_news-control .sys_subitem{
list-style-type:none;
border-bottom:1px solid #DDD;
margin:0 0 25px 0;
padding-bottom:25px;
color:#98ABA9;
clear:right;
width:100%;
}
dt.sys_news-description{
display:none;   
}
.sys_news-control .sys_news-summary{
font-size:12px;
}
.sys_news-control .sys_thumbnail{
float:left;
margin-bottom:10px;
}
#Listing_List dt.sys_news-datepublished{
display:none;    
}
.sys_news-posted-date{
font-size: 12px;
}
.sys_sidePicture .sys_sidePictureImage{
float:left;
padding-right:40px;
margin-bottom:10px;
}
.sys_projectSponsor{
background:none repeat scroll 0 0 #c3d9e7;
float:left;
font-size:12px;
line-height:12px;
margin-bottom:20px;
width:100%;
}
.sys_projectSponsor a{
border-left:3px solid;
display:block;
padding:8px 10px;
}
#mainContent img{
margin-right:10px;
margin-bottom:10px;
}
#mainContent .squareBoxContent img{
margin:0;
}
.imageLeft,
.left{
float:left;
margin-right:20px;
margin-bottom:5px;
}
.imageRight,
.right{
float:right;
margin-left:20px;
margin-bottom:5px;
}
.columnContent h2,
.columnContent h3{
font-size:22px;
font-weight:normal;
color:#004A7C;
border:none;
margin-bottom:10px;
padding-bottom:0px;
display:block;
}
.external_link{
background:url("/SiteElements/nav/outgoinglinks.gif") no-repeat 100% 3px;
display:inline !important;
padding-right:15px;
margin:0 5px;
}

#LatestNews .sys_news-control .sys_subitem{
padding-bottom:5px;
margin-bottom:15px;
}

/*
============================================================================ 
  Legacy CSS - AtoZ
============================================================================ 
*/
.research_projects_az-control .sys_atoz-control ul{
padding:0;
}
.sys_atoz-control li.sys_noresults span,
.sys_atoz-control li a{
display:block;
text-decoration:none;
color:#0085c2;
text-align:center;
padding:6px 0 8px;
}
.sys_atoz-control li{
list-style:none;
float:left;
font-size:1.3em;
font-weight:bold;
margin:0 0 0 2px;
width:25px;
height:34px;
background:#bfe0f0;
padding:0;
}
.sys_atoz-control li:before{
display:none;
}
.sys_atoz-control li.sys_first{
margin: 0;
}
.sys_atoz-control li.sys_noresults{
background-color:#ddd;
}
.sys_atoz-control{
border-bottom:4px solid #0085c2;
height:38px;
margin:20px auto 20px auto;
}
.sys_atoz-control .link_span, 
.sys_atoz_heading{
color:#0085c2;
font-size:32px;
font-weight:bold;
margin-bottom:10px;
}
.sys_atoz-control-currentletter{
/*display:none;*/

}

/*
============================================================================ 
  Legacy CSS - AtoZ Library 
  http://www.eui.eu/Research/Library/ElectronicResources/DatabasesAZ/Index.aspx
============================================================================ 
*/

.eui_atoz ul{
display:block;
font-size:120%;
list-style-type:none;
margin:0 0 -11px;
overflow:auto;
padding:15px 0;
position:relative;
}
.eui_atoz ul li{
background:rgba(0, 0, 0, 0);
border:1px solid #EEE;
display:block;
float:left;
font-weight:bold;
margin:0 6px 4px 0 !important;
padding:0 !important;
text-align:center;
list-style:none outside none;
margin:0;
padding:0 0 0 10px;
}
.eui_atoz ul li:before{
border:0;
}
.eui_atoz ul li a{
background:transparent !important;
color:#00539f !important;
display:block;
font-size:14px;
padding:3px 4px 2px 5px;
text-decoration:none;
}
.eui_atoz ul li .sys_selected a, 
.eui_atoz ul li .sys_selected a:hover{
background:#f1f1f1 !important;
}



/*
============================================================================ 
  Legacy CSS - Historical Archives
============================================================================ 
*/
.ha-search{
clear:both;
}
.ha-search .ha-text-field{
float:left;
width:70%;
}
.ha-search .ha-button #webpacSearch{
background:#2583c0;
border:1px solid #2583c0;
border-radius:0;
color:#FFF;
display: inline-block;
font-size:14px;
font-weight:normal;
margin:30px 0 0 0px;
padding:6px 12px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
}

/*
============================================================================ 
  Legacy CSS - Directory
============================================================================ 
*/
.sys_whoswho-search-control label{
font-size:15px;
margin-top:6px;
width:50px;
font-weight:normal;
display:block;
}
#Search_Index{
max-width:400px;
}
/*
#Search_Index #Search_Index_textboxSearch,
#directory_search #directory_search_textboxSearch{
width:380px;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:0px;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
color:#555;
display:block;
font-size:14px;
height:34px;
line-height:1.42857;
padding:6px 12px;
transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
*/
.sys_whoswho-search-control select{
padding:8px 10px;
}
.sys_whoswho-search-control .sys_button-row{
margin-top:10px;
}
.sys_whoswho-search-control .sys_button{
background:url("/SiteElements/nav/new/arrow-white-button.png") no-repeat scroll right center #2583c0;
color:#fff;
padding:8px 30px 8px 10px;
border-radius:0px;
border:1px solid #2583c0;
}
#Search_Index .sys_keywords, 
#Search_Index .sys_searchbutton{
clear:both;
float:none;
}
.sys_whoswho-search-control .sys_reset-button{
display:none;
}
.sys_whoswho-record{
margin-top:20px;
}
.sys_whoswho-record .sys_whoswho-lastupdated,
.sys_whoswho-categories .sys_whoswho-parentcategory, 
.sys_whoswho-category .sys_whoswho-parentcategory{
display:none;
}
.sys_whoswho-record .sys_whoswho-photo{
float:left;
margin-right:20px;
}
.sys_whoswho-record dl{
border-bottom:1px solid #dde2e2;
float:left;
width:540px;
}
.sys_whoswho-record dt, 
.sys_whoswho-record dd{
border-top:1px solid #dde2e2;
display:block;
float:left;
padding:10px 0;
}
.sys_whoswho-record dt{
clear:both;
color:#555;
float:left;
font-weight:bold;
width:160px;
}
.sys_whoswho-record dd{
color:#444;
width:380px;
}
.sys_whoswho-control{
clear:both;
margin-top:20px;
}
.sys_whoswho-control .sys_subitem{
float:left;
height:160px;
margin: 0 15px 30px 0;
width: 310px;
}
.sys_whoswho-control .sys_subitem .sys_thumbnail{
float:left;
height:150px;
margin:0 10px 10px 0;
}
.sys_whoswho-control .sys_subitem img{
border:1px solid #a2a2a2;
}
.sys_whoswho-control .sys_whoswho-subheading{
font-size:20px;
font-weight:bold;
line-height:13px;
margin-bottom:10px;
}
.sys_whoswho-control .sys_whoswho-subheading a,
.sys_whoswho-control .sys_whoswho-email a{
color:#108cc8;
font-size:0.75em;
text-decoration:none;
}
.sys_whoswho-control .sys_whoswho-department{
font-weight:bold;
}
.sys_whoswho-control dt{
display:none;
}
.sys_whoswho-control dd{
color:#3c4545;
}
.sys_whoswho-control .sys_whoswho-department{
font-weight:bold;
}
.sys_whoswho-categories .sys_whoswho-parentcategory,
.sys_whoswho-category .sys_whoswho-parentcategory{
display:none;
}
.sys_whoswho-control .sys_whoswho-fax{
display:none;
}

/*
============================================================================ 
  Legacy CSS - Project Websites
============================================================================ 
*/
.project-site #logo{
margin-bottom:27px;
}
.project-site #topNavigation{
width:100%;
clear:both;
}
.project-site div#topNavigation div.sys_projectdescription{
width:100%;
}
/*
============================================================================ 
   Editor styles
============================================================================ 
*/
#editor .modalWrapper{
display:block;
}
#editor .modalContent{
}
#editor .openModalId{
display:block;    
}
#editor .dropMedia{
min-height:100px;
background:url("/NewGenerationSite/i/backend/drop-media.png") no-repeat center center;
}
#editor .dropImgSlide{
min-height:100px;
background:url("/NewGenerationSite/i/backend/drop-slide.png") no-repeat center top;
}
#editor .squareBox:before{
content:"";
display:block;
padding-top:100%;
}
#editor .squareBoxInner{
position:absolute;
top:50%;
left:0;
right:0;
transform:translateY(-50%);
width:100%;
padding:15px;
}
#editor #TEMPLecoBox .col-md-3,
#editor #TEMPLhecBox .col-md-3,
#editor #TEMPLlawBox .col-md-3,
#editor #TEMPLspsBox .col-md-3,
#editor #TEMPLrscasBox .col-md-3,
#editor #TEMPLmwpBox .col-md-3,
#editor #TEMPLsquareBox .col-md-3,
#editor #TEMPLsquareBoxPrimary .col-md-3{
float:none;
width:100%;
}
#editor #TEMPLecoBox,
#editor #TEMPLhecBox,
#editor #TEMPLlawBox,
#editor #TEMPLspsBox,
#editor #TEMPLrscasBox,
#editor #TEMPLmwpBox,
#editor #TEMPLsquareBox,
#editor #TEMPLsquareBoxPrimary{
float:left;
overflow:auto;
width:25%;
}
#editor table{
border:1px solid #ddd;   
}
#editor table th, #editor table td{
border:1px solid #ddd;   
}
#editor table tr:nth-child(odd) td{
background-color: #fbfbfb
}
#editor table tr:nth-child(even) td{
background-color: #e8ecee
}
#editor .dayOfWeek,
#editor .dayNumber,
#editor .monthName{
display:block;    
}
#editor .dateBoxDescription{
float:left;
display:inline;
width:80%;
}
/* Learning API component */
.learning-listing .directoryItemInnerIsotope {
min-height: 50px;
}
.learning-listing h3 {
margin-top: 0;
}
.learning-listing .contact {
margin-top: 10px;
}
.projects .directoryItemInnerIsotope {
border: 1px solid rgb(227, 227, 227);
min-height: 50px;
padding: 20px;
margin-bottom: 20px;
}
.project-card section {
border-bottom: 1px solid #ddd;
margin: 2px 0 10px;
padding-bottom: 6px;
}