/* 

Copyright University of Leeds
Corporate toolkit stylesheet

SCREEN.CSS

*/

@import url(reset.css);

/* DEBUG -------------------------------------------------------------------- */

/*html .section {
  background-image:url(../img/grid.png);
  background-position:0 9px;
  background-repeat:repeat-y; } /**/

/* BODY --------------------------------------------------------------------- */

html {
  background:#fff url(../img/html_bg.png) repeat-x; }

body {
  color:#5c5b56;
  font:12px/1.5 Verdana, Helvetica, Arial, sans-serif;
  margin-left:10px; }

/* TYPOGRAPHY --------------------------------------------------------------- */

h1 {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:normal; }

h2,h3,h4,h5,h6 {
  font-family:Georgia, Helvetica, Arial, sans-serif;
  font-weight:normal; }

h1 {
  font-size:2em;
  line-height:1em;
  margin:0.75em 0;
  /*color: #cc3333;*/}

h2 {
  font-size:1.333em;
  line-height:1.125em;
  margin-top:1.125em;
  /*color: #cc3333;*/}

.hp-video-section {
  padding-top: 15px !important;
}

.hp-video-section h2 {
  margin-top: 0px !important;
  padding-top: 0px !important;
  line-height: 1em !important;
}
.line-height-standard {
    line-height: 1.125em !important;
    margin-top: 1.125em !important;
}

h3 {
  font-size:1.3em;
  line-height:1em;
  /*margin:1.25em 0 1.15em 0;*/
  margin:1.45em 0 1.15em 0;
  /*color: #cc3333;*/
  /*font-weight:bold;*/}

h4 {
  font-size:1.1667em;
  line-height:1.2857em;
  margin:1.2857em 0;
  /*color: #cc3333;*/}

.hp-video-section h4 {
  margin-top: 10px !important;
  padding-top: 0px !important;
  line-height: 1em !important;
}

.hp-video-section ul {
  padding-top: 0px !important;
  margin-top: -10px !important;
}

p {
  font-size:1em;
  margin:1.5em 0; }

p.small_P {
  font-size:0.8em;
  margin:1.5em 0; }

/* HEADINGS ----------------------------------------------------------------- */

#header h1 {
  color:#fff;
  text-shadow:1px 2px 1px #000;
  left:17px;
  margin:0;
  position:absolute;
  bottom:15px; }

#header h1 a {
  color:#fff; }
  
#header h2 {
  bottom:14px;
  color:#fff;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:1.8em;
  left:8px;
  line-height:1em;
  margin:0;
  position:absolute; }
  
#header h2 a {
  color:#fff;
  text-decoration:none; }

.contents h1 {
  margin:10px 0 0 0; }

.contents h1 a {
  background-color:#CC3333;
  display:block;
  padding:16px 0 16px 16px;
  /*padding:12px 0 19px 16px;*/
  /*text-shadow:1px 2px 1px #000;*/
  width:924px; }

.contents h1 a:active,
.contents h1 a:hover,
.contents h1 a:link,
.contents h1 a:visited {
  color:#fff; 
  text-decoration:none; }

.aside h4 {
  font:bold 1em Verdana;
  margin:0 0 8px 0; }

h4.information {
  background:url(../img/aside_border.png) no-repeat;
  border-top:1px solid #fff;
  padding-top:15px;
  width:180px; }

h4.related-info {
  font:1.1667em Georgia;
  line-height:1.286em;
  margin:.75em 0; 
  padding-left:3px; 
  color:#cc3333;}

/* LAYOUT ------------------------------------------------------------------- */

#container {
  background:url(../img/container_shadow.png) 960px 88px no-repeat;
  margin:0 auto;
  padding:0 0;
  position:relative;
  width:970px; }

#header {
  height:88px;
  position:relative; }

.section {
  background:#fff;
  float:left;
  margin:0;
  overflow:visible;
  position:relative;
  width:960px; }

.contents {
  float:left;
  margin:0 0 0 10px;
  min-height:780px;
  overflow:visible;
  width:940px; }

.content_hp {
  float:left;
  right:-0px;
  position:relative;
  top:-16px;
  width:700px; }
  
    .content {
      float:left;
      right:-0px;
      position:relative;
      top:-16px;
      width:520px; }

.aside {
  /*background:url(../img/aside_bg.png) no-repeat;*/  
  background:url(../img/aside_bg_550.jpg) no-repeat;
  background-color: #fff;
  z-index: 999;
  min-height:550px;
  min-width:200px;
  padding:16px 0 18px 20px;
  float: right; }

.right-menu-image {
  display: block;
  margin: 5px 0px 5px 0px;
  width: 190px;
}
  
#footer {
  clear:left;
  float:left;
  margin-bottom:20px;
  background-color: #fff;
  width:100%; }

hr {
  height:1px; 
  color:#ececec;
  }

/* quote bubbles */
.aside blockquote {
  background-image:url("../img/infopanel-trans-red.png");
  background-position:left top;
  background-repeat:no-repeat;
  /*background-color:#F00;*/
  color:#5C5B56;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-style:normal;
  margin-bottom:0;
  width:179px;
}

.aside cite {
  background-image:url("../img/infopanel_bottom-trans-red2.png");
  background-position:left top;
  background-repeat:no-repeat;
  color:#5C5B56;
  display:block;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-style:italic;
  min-height:36px;
  padding:38px 0 0;
  text-align:right;
  width:179px;
}

.aside blockquote.quote p {
  font-size:1.3em; 
  font-weight:normal;
  letter-spacing:-1px;
  margin:0px 20px 0px 10px;
  line-height:1.4em;
}

.aside cite span {
  display:block;
}

.aside cite span.role {
  font-size:0.8em;
  font-style:normal;
  text-transform:uppercase;
}

.aside cite span.rolePart2 {
  color:#288599;
  display:inline;
}

.aside blockquote.quote span.openingQuotes, .aside blockquote.quote span.closingQuotes {
  display:block;
  font-size:3em;
  height:36px;
  line-height:1em;
  margin:0 -10px;
  overflow:visible;
}

.aside blockquote.quote span.openingQuotes {
  padding-top:10px;
}

.aside blockquote.quote span.closingQuotes {
  text-align:right;
  margin-right:-5px !important;
}
  

/* NAVIGATION --------------------------------------------------------------- */

.a-z {
  margin-bottom: 20px;}
.a-z a{
  margin: 0px 2px 0px 2px;}

#utility li,
#utility_alt li,
#main li,
#breadcrumb li,
/*#sub li,*/
#footer li {
  display:inline; }

/* utility */

#utility {
  float:left;
  left:10px;
  margin:0.41667em 0 0 0;
  position:relative;
  top:0; }

#utility_alt {
  float:left;
  left:17px;
  margin:0.41667em 0 0 0;
  position:relative; }

#utility li a {
  border-left:1px solid #000;
  border-right:1px solid #535250;
  color:#fff;
  font-size:0.833em;
  margin-left:-.6em;
  padding:.2em .5em .2em .5em;
  text-decoration:none; }

#utility_alt li a {
  border-left:1px solid #000;
  border-right:1px solid #535250;
  color:#fff;
  font-size:0.833em;
  margin-left:-.6em;
  padding:.2em .5em .2em .5em;
  text-decoration:none; }

#utility > li:first-child a, #utility_alt > li:first-child a  {
  border-left:0; }

#utility > li:last-child a, #utility_alt > li:last-child a {
  border-right:0; }

#utility li a:hover, #utility_alt li a:hover {
  text-decoration:underline; }

/* main */

#main {
  background-color: #353431;
  margin: 0;
  width: 940px; 
  font-size: 1.1em;
  z-index: 10;}

#main li {
  border-left:1px solid #535250;
  border-right:1px solid #000;
  margin-left:-.35em;
  margin-right:0; }
  
#main > li:first-child {
  border-left:0;
  margin:0; }

#main > li:last-child {
  border-left:1px solid #535250;
  border-right:0; }
  
#main li a {
  color:#fff;
  display:inline-block;
  float:none;
  font-family:/*"Gill Sans",*/ "Gill Sans MT", Helvetica, Arial, sans-serif;  
  margin-top:.8em;
  /*padding:0 0.7em 0.6em 0.7em;*/
  padding:0 0.9em 0.6em 0.9em;
  text-transform:uppercase;
  text-decoration:none; }

#main li a:hover {
  background:#fff;
  border:0;
  color:#000; }

/* breadcrumb */

#breadcrumb {
  float:left;
  font-size:0.75em;
  margin-bottom:8px;
  margin-top:6px;
  margin-left:0px;
  width:930px; }

#breadcrumb li a {
  color:#5c5b56; }

#breadcrumb li a:hover { 
  color:#336699; 
  text-decoration:none;}
  
#breadcrumb li a.selected {
  text-decoration:none;
  color:#cc3333; }

#breadcrumb li a.selected {
  text-decoration:underline; }

#utility li, #utility_alt li, #main li, #breadcrumb li {
  display:inline; }

/* aside secondary */

#sub {
  border-top:1px solid #c1c0bb;
  margin:18px 0;
  width:179px; }
  
#sub li a {
  background:url(../img/nav_sub_arrow.png) no-repeat center right;
  border-bottom:1px solid #c1c0bb;
  border-top: 1px solid #fff;
  color:#312f2b;
  display:block;
  font:16px Georgia;
  padding:10px 0;
  width:100%; 
  text-decoration:none; }

#sub > li:last-child {
  border-bottom:1px solid #fff; }

#sub li a:hover {
  background:url(../img/nav_sub_arrow-hover.png) no-repeat center right;
  color:#2554be; }

/* New "related info" meanu for research section ..Ben 24/7/13 **************/
#sub-rel {
  border-top:1px solid #c1c0bb;
  /*margin:18px 0;*/
  width:179px; }

#sub-rel li a {
  background:url(../img/nav_sub_arrow.png) no-repeat center left;
  border-bottom:1px solid #c1c0bb;
  border-top: 1px solid #fff;
  color:#312f2b;
  display:block;
  font:14px Georgia;
  padding:8px 0px 8px 10px;
  width:100%; 
  text-decoration:none; }

#sub-rel > li:last-child {
  border-bottom:1px solid #fff; }

#sub-rel li a:hover {
  background:url(../img/nav_sub_arrow-hover.png) no-repeat center left;
  color:#2554be; }

.sub-rel-heading {
  font-size: 1.3em;
  margin-top: 20px;
  color:#cc3333;
}
  


.related {
  clear:left;
  float:left !important;
  margin:0px 20px 0 0; 
  width:160px;
  min-height:550px; 
  background:url(../img/related_bg_550.jpg) no-repeat left top;
  overflow:visible; 
  display:block;}
  
.related ul {
  margin:1em 0em;}

.related li {
  margin-bottom:0.5em; 
  clear:left;
  padding-left:5px;
  /*height:40px;*/}
  
.related a {
  background:url('../img/nav_sub_arrow.png') left top no-repeat;
  padding-left:10px;
  color:#000;}
  
.related a:hover { 
  text-decoration:underline;
  background:url('../img/nav_sub_arrow-hover.png') no-repeat left top !important;
  color:#336699 !important; }
  
.related a:visited {
  background:url('../img/nav_sub_arrow.png') no-repeat left top;
  padding-left:10px;
  color:#000; }

  
/* footer */

#footer .nav {
  margin-top:6px; }

#footer li a {
  border-right:1px solid #ccc;
  padding:0 10px 0 7px; }

#footer li:first-child a {
  padding-left:0; }
  
#footer li:last-child a {
  border-right:0; }

#footer li a:hover {
  text-decoration:underline; }

/* BRANDING ----------------------------------------------------------------- */

#logo a {
  background:url(../img/logo.png) no-repeat;
  height:54px;
  left:767px;
  margin:0;
  position:absolute;
  text-indent:-9999px;
  top:17px;
  width:183px; }

/* LINKS -------------------------------------------------------------------- */

a, a:visited {
  color:#cc3333;
  text-decoration:none; }

a:hover { 
  color:#336699;
  text-decoration:underline; }

.top {font-size:0.8em; }

.jqhover {
  color:#336699 !important;
  text-decoration:underline !important;
}


/* FORMS -------------------------------------------------------------------- */

#searchcontainer .searchText {
  width: 372px;
}

#searchcontainer h3 {
  margin: 10px 0px 4px 0px;
}

#search_form {
  /*border-bottom:1px solid #c1c0bb;*/
  /*padding-bottom:1px;*/
  width:179px; }
  
#search_form_main {
  /*border-bottom:1px solid #c1c0bb;*/
  /*padding-bottom:1px;*/
  width:300px; }

input#keywords {
  width:127px; }
  
input#go {
  width:30px; 
  /*background:url(../img/btn_go.png) no-repeat #cc3333;*/
  background:#CC3333;
  color:#FFFFFF; 
  font-weight:bold; }
  
input#search_btn {
  width:80px; 
  /*background:url(../img/btn_go.png) no-repeat #cc3333;*/
  background:#CC3333;
  color:#FFFFFF; 
  font-weight:bold; }
  
input#Submit {
  width:90px; 
  /*background:url(../img/btn_go.png) no-repeat #cc3333;*/
  background:#CC3333;
  color:#FFFFFF; }

select#goto {
  width:179px; }

/* search form on res/outputs... */
#search_box {
    background-color: #CC3333;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 3px #333333;
    display: block;
    margin-top: 20px;
    padding: 15px 5px 15px 15px;
}
#search_box h3 {
    color: #FFFFFF;
    display: block;
    margin: 0 0 5px;
    text-shadow: 1px 1px 1px #333333;
}
#search_box p {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #333333;
}
#search_box pre {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #333333;
    margin: -10px 0px -5px 10px;
}
input#search_ft {
  width:400px; 
}


/* WEBKIT / MOZILLA --------------------------------------------------------- */

#breadcrumb li a, .content-section a, #sub li a:hover, #sub-rel li a:hover {
  -webkit-transition:all 0.5s linear;
  -moz-transition:all 0.5s linear;
  transition:all 0.5s linear;}


#main {
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#353431), to(#282724)); }

#main li a:hover {
  -webkit-transition:all 0.2s linear; }
  
/* MODULAR LAYOUT SYSTEM ---------------------------------------------------- */
  
/* Grid */

/* standard column widths */
.col-1 { width:160px; }
.col-1-wide { width:220px;  }
.col-2 { width:340px; }
.col-3 { width:520px; }
.col-4 { width:700px; }

/* container elements which wrap individual elements and cater for their margins */
.container.col-1 { width:180px; }
.container.col-2 { width:360px; }
.container.col-3 { width:540px; }
.container.col-4 { width:720px; }

/* custom widths to cater for the extra padding on text based form elements */
input[type="text"].col-1, textarea.col-1 { width:154px; }
input[type="text"].col-2, textarea.col-2 { width:334px; }
input[type="text"].col-3, textarea.col-3 { width:514px; }
input[type="text"].col-4, textarea.col-4 { width:694px; }

/* Placement */
  
.left {
  float:left;
  margin:0 20px 0 0; }

.right {
  float:right;
  margin:0 0 18px 0; }

.right-no-bot-marg {
  float:right;
  margin:0 0 0px 0;}

.center_text{
  text-align:center; }
  
.container {
  margin:0; }
  
.container.left,
.container.right {
  margin:0; }

.container .margin-top {
  margin-top:18px; }
  
.container .margin-bottom {
  margin-bottom:18px; }
  
.last,
.last div {
  margin-right:0; }
  
.clear {
  clear:both; }
  
/* Additions */
  
.frame {
  outline:1px solid #ccc; }
  
/* space out form elements if they've been aligned to the grid */
input.col-1,
input.col-2,
input.col-3,
input.col-4,
label.col-1,
label.col-2,
label.col-3,
label.col-4,
select.col-1,
select.col-2,
select.col-3,
select.col-4,
textarea.col-1,
textarea.col-2,
textarea.col-3,
textarea.col-4 { 
  margin-bottom:1em; }
  
/* spaces out images within the flow of content to seperate it from the 
surrounding text */
img.col-1,
img.col-2,
img.col-3,
img.col-4 {
  margin-bottom:9px;
  margin-top:20px;
  margin-right:20px;
  margin-left:5px; }
  
/* spaces out images within the table on the news page */
img.news,
img.news,
img.news,
img.news {
  margin:10px 10px 10px 10px ;}

/* resets the above margins, in case we want strict alignment to the grid */  
img.col-1.strict,
img.col-2.strict,
img.col-3.strict,
img.col-4.strict {
  margin-bottom:0;
  margin-top:0; }

/* let IE break-word on long strings */
.col-1,
.col-2,
.col-3,
.col-4 { 
  word-wrap:break-word; }

/* CONTENT ------------------------------------------------------------------ */

  /* HOME PAGE ------------------------------------------------------------------ */
  .content_hp {
    margin-top:15px; }
    
  .content_hp h2 {
    font-size:2em;
    line-height:2.2em;
    margin:0 0 0 0; }
    
  .content_hp h2.headline {
    color:#5c5b56;
    font-size:2em;
    line-height:1em;
    margin:0 0 0px 0; }
   /* 
  .content_hp h3 {
    color:#2f2d24;
    color:#5c5b56; }*/
    
  .content_hp ul,
  .content_hp ol {
    /*list-style-position:inside; */
      padding-left:10px;
      margin-left:10px;
      padding-bottom:10px !important; }
    
  .content_hp ul {
    list-style-type:disc; }
    
  .content_hp ol {
    list-style-type:decimal; }
    
  .content_hp dl dd {
    margin-left:20px; }
  
  .content_hp abbr {
    border-bottom:1px dotted #efefef; }
  
    /* DOCUMENT PAGES -------------------------------------------------------------*/
    .content {
      margin-top:15px; }
      
    .content h2 {
      font-size:2em;
      line-height:2.2em;
      margin:0 0 0 0; }
      
    .content h2.headline {
      color:#5c5b56;
      font-size:2em;
      line-height:1em;
      margin:0 0 -7px 0; }
    /*  
    .content h3 {
      color:#2f2d24;
      color:#5c5b56; }*/
      
    .content ul,
    .content ol {
      /*list-style-position:inside; */
      padding-left:10px;
      margin-left:10px;
      padding-bottom:10px !important; }
      
    .content ul {
      list-style-type:disc; }
      
      .content ul.nested_ul { 
        list-style-type:square; 
        padding-left:15px;
        margin-left:10px;
        padding-top:10px; }
      
    .content ol {
      list-style-type:decimal; }
      
    .content dl dd {
      margin-left:20px; }
    
    .content abbr {
      border-bottom:1px dotted #efefef; }
      

blockquote {
  font-weight:bold;
  padding:0 10px; }

blockquote.col-1 { width:140px; }
blockquote.col-2 { width:320px; }
blockquote.col-3 { width:500px; }
blockquote.col-4 { width:680px; }
  
blockquote cite {
  display:block;
  font-weight:normal;
  width:100%; }
  
table {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:0px solid #ccc; }
  
table th {
  background-color:#ececec;
  border-bottom:1px solid #ccc; }
  
  table th.ghost {
    border-bottom:0px; }
  
table td {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:0px solid #ccc; 
  padding:0 3px;
  vertical-align:top; }
  
  table td.ghost {
    border-top:0px solid #ccc;
    border-right:0px solid #ccc;
    border-bottom:0px solid #ccc;
    border-left:0px solid #ccc; 
    padding:0 3px;
    vertical-align:top; }
            
        table td.ghost p{
          margin: 0em; }
  
table.zebra tr:nth-child(2n+3) {
  background-color : #ececec;}
  

.staff_table {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:0px solid #ccc;}
  
.staff_table th {
  background-color:#ffffff;
  border-bottom:0px dashed #ccc; 
  text-align:left; 
  font:Georgia, Helvetica, Arial, sans-serif;
  font-size:1.1em;}
  
.staff_table td {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px dotted #ccc;
  border-left:0px solid #ccc; 
  padding:1px 2px 1px 2px;
  /*margin:4 2 4 2px;*/
  vertical-align:top; 
  text-align:left;}
  
  .staff_table td.lined {
    border-top:0px solid #ccc;
    border-right:0px solid #ccc;
    border-bottom:1px dotted #ccc;
    border-left:0px solid #ccc; 
    padding:4px 2px 6px 2px;
    /*margin:4px 2px 4px 2px;*/
    vertical-align:top; 
    text-align:left;}

.fixed { table-layout:fixed !important;}




/* Coloured tables used mainly in courses section */  
.colour_table {width: 520px; border-top:0px solid #ccc; border-right:0px solid #ccc; border-bottom:0px solid #ccc; border-left:0px solid #ccc; }
.colour_table a { color:#FFFFFF !important; }
.colour_table a:hover { color:#FFFFFF; text-decoration:underline; }
.colour_table a.red { color:#cc3333; }
.colour_table th {background-color:#000; border:2px solid #fff; padding:4px 4px 4px 4px; text-align:center; font:Georgia, Helvetica, Arial, sans-serif; font-size:1.1em; font-weight:bold; color:#FFFFFF;}
.colour_table td {border:2px solid #fff; padding:4px 4px 4px 4px; vertical-align:top; text-align:left; color:#fff; background-color:#c00000; line-height:1.5em;}
  
.colour_table td.grey1 {
  color:#000;
  background-color:#e6e6e6; }
.colour_table td.grey2 {
  color:#000;
  background-color:#cdcdcd; }    
.colour_table td.grey3 { 
  color:#000; 
  background-color:#b3b3b3; }    
.colour_table td.grey4 { 
  color:#000; 
  background-color:#9a9a9a; }
.colour_table td.white { 
  color:#000; 
  background-color:#fff;
  padding:0px 4px 4px 4px;
  line-height:1em; }
.colour_table td.white a { 
  color:#cc3333; }
.colour_table td.white a:hover { 
  color:#336699 ; 
  text-decoration:underline; }
                  
                  
/* Tables for forms */  
.form_table {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:0px solid #ccc;}
  
.form_table th {
  background-color:#ffffff;
  border-bottom:0px dashed #ccc; 
  text-align:left; 
  font:Georgia, Helvetica, Arial, sans-serif;
  font-size:1.1em;}
  
.form_table tr { 
  border-spacing:5px;}
  
.form_table td {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px dotted #ccc;
  border-left:0px solid #ccc; 
  padding:4 2 4 2px;
  margin:4 2 4 2px;
  vertical-align:top; 
  text-align:left; ta}
  
.events_table {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:0px solid #ccc; }
  
.events_table th {
  background-color:#ececec;
  border-bottom:1px solid #ccc; }

  
  .events_table tr.spacer_tr {
    background-color:#ececec;
    height:-10px; }
  
.events_table td {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:0px solid #ccc; 
  padding:0 0px;
  vertical-align:top; }
  
  .events_table td.spacer_td {
    height:-10px; }
    
  .events_table hr {
    height:1px; 
    color:#ececec; }

/* Image Panels */

  /*---------------  brochure box class for brochure items on prospectus page ---------------------- */
  .brochure_box {
    background-color:#FFF;
    display:block;
    overflow:hidden;
    position:relative; 
    width:160px; 
    min-height:280px;
    border-style:dashed;
    border-width:0px;
    margin-left:auto;
    margin-right:auto;
    float:left; }
    
  .brochure_box img { 
    border-style:solid;
    border-width:0px; }
    
  .brochure_box h3 {  
    text-align:center; }
    
  .brochure_box h4 {  
    text-align:center;
    background-color:#FFF;
    border:solid 0px;
    width:85%;
    margin-left:auto;
    margin-right:auto;
    padding: 0px 0px 0px 0px; }
    
  .brochure_box p {
    display:block; 
    min-height:75px; }
    

.imagepanel {
  /*background-color:#026799;*/
  color:#fff;
  float:right;
  /*height:100%;*/
  margin-bottom:-15px;
  min-height:190px;
  overflow:hidden;
  position:relative; }
    
.imagepanel img {
  position:absolute;
  left:0;
  top:0; }
  
    .imagepanel2 {
      margin: 0px !important;
      display: block;
      /*height: 162px;*/
      height: 200px;
      position: relative;
      left: -20px;
      top: -16px; }
        
    .imagepanel2 img {
      position:absolute;
      /*left:730px;
      top:130px; 
      right:10px; 
      bottom:10px;*/}
  
  
.imagepanel.popout {
  overflow:visible;
  min-height:190px; }  
  
.imagepanel.popout img {
  left:auto;
  margin-bottom:-10px;  
  right:0;
  top:5px; }
  
.imagepanel .caption,  
.imagepanel .caption.left {
  /*background-color:#026799;*/
  float:left;
  font-size:0.8em;
  max-width:100%;
  min-height:199px;
  position:relative;
  width:22em;
  z-index:1; }
  
.imagepanel .caption.right {
  background-color:transparent;
  float:right;
  font-size:1.0em;
  max-width:100%;
  min-height:199px;
  position:relative;
  width:18em;
  z-index:1;}
  
                        .imagepanel .caption.right_sml {
                          background-color:transparent;
                          float:right;
                          font-size:0.8em;
                          max-width:100%;
                          /*min-height:120px;*/ 
                          height:162px;
                          position:relative;
                          width:22em;
                          z-index:1; }
                        
.imagepanel .caption.bottom {
  bottom:0;
  max-width:100%;
  min-height:18px;
  position:absolute;
  width:100%; }

.imagepanel h3,
.imagepanel ul,
.imagepanel ol,
.imagepanel dl,
.imagepanel p {
  display:block;
  margin-left:12px;
  width:70%; }

.imagepanel .caption.bottom h3,
.imagepanel .caption.bottom ul,
.imagepanel .caption.bottom ol,
.imagepanel .caption.bottom dl,
.imagepanel .caption.bottom p {
  width:95%; }
  
.imagepanel ul,
.imagepanel ol {
  list-style-type:none;
  width:95%; }
  
.imagepanel h3 {
  color:#fff;
  font-size:2.5em;
  line-height:1em;
  margin-bottom:0;
  /*margin-top:30px;*/
  padding-top:5px; }
  
.imagepanel ul,
.imagepanel ol,
.imagepanel dl,
.imagepanel p {
  line-height:1.7em; }

.imagepanel a,
.imagepanel a:link,
.imagepanel a:visited,
.imagepanel a:active {
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,0.5); }

.imagepanel a:hover {
  border-bottom:1px solid rgba(255,255,255,0.9); }
  
  
    /* Image Panels - new class called docbanner for document pages*/
        .docbanner {
          /*background-color:#026799;*/
          color:#fff;
          float:left;
          /*height:100%;*/
          width:100%;
          margin-bottom:0px;
          min-height:162px;
          overflow:hidden;
          position:relative; }
          
        .docbanner img {
          position:absolute;
          left:0;
          top:0; }
          
        .docbanner.popout {
          overflow:visible;
          min-height:162px; }  
          
        .docbanner.popout img {
          left:auto;
          margin-bottom:-10px;  
          right:0;
          top:5px; }
          
        .docbanner .caption,  
        .docbanner .caption.left {
          /*background-color:#026799;*/
          float:left;
          font-size:0.8em;
          max-width:100%;
          min-height:162px;
          position:relative;
          width:22em;
          z-index:1; }
          
        .docbanner .caption.right {
          background-color:transparent;
          float:right;
          font-size:0.8em;
          max-width:100%;
          /*min-height:162px;*/
          height:162px;
          position:relative;
          width:22em;
          z-index:1;}
          
          .docbanner .caption.right_sml {
            background-color:transparent;
            float:right;
            font-size:1.0em;
            max-width:100%;
            /*min-height:120px;*/ 
            height:162px;
            position:relative;
            width:18em;
            z-index:1; }
          
        .docbanner .caption.bottom {
          bottom:0;
          max-width:100%;
          min-height:18px;
          position:absolute;
          width:100%; }
        
        .docbanner h3,
        .docbanner ul,
        .docbanner ol,
        .docbanner dl,
        .docbanner p {
          display:block;
          margin-left:10px;
          width:90%; }
        
        .docbanner .caption.bottom h3,
        .docbanner .caption.bottom ul,
        .docbanner .caption.bottom ol,
        .docbanner .caption.bottom dl,
        .docbanner .caption.bottom p {
          width:95%; }
          
        .docbanner ul,
        .docbanner ol {
          list-style-type:none;
          width:95%; }
          
        .docbanner h3 {
          color:#fff;
          font-size:2.5em;
          line-height:1em;
          margin-bottom:0;
          margin-top:10px;
          padding-top:5px; }
          
        .docbanner ul,
        .docbanner ol,
        .docbanner dl,
        .docbanner p {
          line-height:1.7em; }
        
        .docbanner a,
        .docbanner a:link,
        .docbanner a:visited,
        .docbanner a:active {
          color:#fff;
          border-bottom:1px solid rgba(255,255,255,0.5); }
        
        .docbanner a:hover {
          border-bottom:1px solid rgba(255,255,255,0.9); }

/* News articles */

.article {
  margin-bottom:18px; }
  
.article a,
.article a:link,
.article a:visited,
.article a:active {
  color:#cc3333; }
  
.article h2 {
  font-size:2.0em;
  line-height:1.25em; }

.article h2 a {
  border-bottom:1px solid #cd592a;
  text-decoration:none; }
  
.article h2 a:hover {
  color:#922500;
  text-decoration:none; }
  
.article-full {
  background:url('../img/article-full_red.gif') 71px 3px no-repeat;
  display:block;
  font-size:0.9em;
  font-weight:bold;
  margin-top:-0.85em;
  }
  
    .article-full2 {
      background:url('../img/article-full_orange.gif') 85px 5px no-repeat;
      display:block;
      font-size:0.9em;
      font-weight:bold; 
      text-transform:none;
      width:100px; 
      margin-top:3px; }
      
      .article-more {
        font-size:0.9em;
        font-weight:bold; 
        text-transform:none; 
        margin-top:2px;
        /*margin:5px 0px 5px 0px;
        padding:5px 0px 5px 0px;*/ }

/* Alumni Map */
.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}


            
/* Events */

.events_list {
  background-color:#ececee;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  float:left;
  padding-bottom:18px;
  text-shadow:1px 1px 0 #fff; }
  
.events_list li {
  float:left;
  padding:18px 10px 0 10px; }
  
.events_list a.url {
  display:block;
  text-decoration:underline;
  width:270px; }

.events_list .dtstart {
  background-color:#2554be;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  color:#fff;
  float:right;
  height:45px;
  text-align:center;
  text-shadow:none;
  width:40px; }

.events_list .dtstart .d {
  display:block;
  font-size:1.2em;
  line-height:1.3em; }

.events_list .dtstart .m {
  display:block;
  font-size:0.8em;
  line-height:1.2em;
  text-transform:uppercase; }
  
.events_list .dtstart .y {
  display:block;
  font-size:0.7em;
  line-height:1.5em; }
  
.events_list .summary {
  display:block;
  width:270px; }

/* ID for "RightColumn" in various FCEs */

#RightColumn {
  padding: 0 15px 0 0;
}
  
/* FOOTER ------------------------------------------------------------------- */

#footer {
  border-top:1px solid #ccc;
  font-size:0.75em; }
  
#footer p {
  margin-top:1em; }


div.csc-textpic-center div.csc-textpic-imagewrap {} .csc-textpic-image { font-size:0.75em; }

/* Social media icons ------------------------------*/
.sm-icons { 
  list-style: none;
  margin: 30px 0px 10px 35px;
  width: 120px;
  position: relative;
  clear: both;
  height: 35px;
  padding-bottom: 10px;
  padding-top: 10px;
  /*margin: 0 auto;*/
}
/*
.sm-icons:nth-of-type(2) {
  margin-top: -10px;
}
.sm-icons:nth-child(2) {
  margin-top: -10px;
}
*/
.sm-icons li { display:inline; float:left; background-repeat:no-repeat; margin:0px; padding:0px;}
.sm-icons li a { 
  display:block; 
  width:36px; 
  height:32px; 
  padding:0px 2px 0px 0px !important; 
  position:relative; 
  text-decoration:none; 
  border-right:0px !important; 
  margin:0px !important; }

/* labels for icons */
.sm-icons li a strong { 
   font-weight: normal;
   font-size: 0.9em;
   position: absolute; 
   left: 0px; 
   top: -20px !important; 
   width: 100px;
   color: #fff; padding:3px; z-index:9999;
   text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
   background-color:rgba(0, 0, 0, 0.7);
   zoom: 1;
   background-color:#000000\9;
   opacity: 0.75;
   filter: alpha(opacity=70);
   /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";*/
   -moz-border-radius:3px; 
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
   -webkit-border-radius:3px; 
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
   border-radius:3px; 
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

li.facebook { background-image:url("../img/Facebook_logo.png"); }
li.linkedin { background-image:url("../img/LinkedIn_logo.png"); }
li.twitter { background-image:url("../img/Twitter_logo.png"); }
li.youtube { background-image:url("../img/YouTube_logo.png"); }
li.wordpress { background-image:url("../img/Wordpress_logo.png"); }
li.slideshare { background-image:url("../img/slideshare.png"); }


/*  STICKY MENUS ***********************************************/
.sticky-wrapper-left {
       float: left; 
       clear: left;
       overflow: hidden;
       display: block;
       width: 160px;
       margin: 0 20px 0 0;
       height: 500px;
}
.sticky-wrapper-right {
       float: left;        
       clear: right;        
       overflow: hidden;   
       display: block;      
       width: 200px;
       margin: 0 20px 0 0;
       height: 500px;
}

/*********************** New Research stuff  ***/

/*drop shadow on block elements, images etc*/

.shadow {
 -moz-box-shadow: 3px 3px 3px grey;
 -webkit-box-shadow: 3px 3px 3px grey;
 box-shadow: 3px 3px 3px grey;
 /*filter:progid:DXImageTransform.Microsoft.Glow(Color=blue,Strength=1);*/
 transition: all 0.25s ease-in-out;
 -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
}

/* THEMES PAGE ******************************************/

#themes_container {
  background:#ffffff url('/fileadmin/templates/assets/img/research/themes/themes_background.jpg') no-repeat left top;
  width: 700px;
  height: 409px;
  overflow: hidden;
}

.themes_block {
  width: 160px;
  height: 39px;
  margin: 0em 0em 1.15em 0em;
  text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
  background-color:rgba(0, 0, 0, 0.35);
  zoom: 1;
  /*opacity: 0.75;*/
  filter: alpha(opacity=70);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.themes_block h3 {
  margin: 0 !important;
}

.themes_block a {
  color: #ffffff;
  padding: 12px 0px 0px 10px !important;
  display: block;
}

/* */
.tick-box { list-style-type:none !important; }
.tick-box li {
  background: #ffffff url("../img/checkbox.png") no-repeat 0px 9px;
  padding: 4px 0px 0px 17px;
}
/**/

/*
/*
/* Styling for PhD Profiles page *****************/
.image-set h4 {
  margin: -18px 0px 15px 3px;
  background-color: black;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
}
/* Twitter fixes*/

#twitter {
  position: relative;
  margin-top: 10px;
}

/* Other fixes */
.aside p {
  max-width: 180px;
  word-break: break-word;
}

.apply {
  background-color: #C0C0C0;
  color: #000;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: 2px solid #fff;
  z-index: 999;
  padding: 10px;
  border-radius: 5px;
  font-size: 18px;
  transition: 0.3s;
}
.apply:hover {
  background-color: #999;
  cursor: pointer;
}

.panel {
  border-left: 4px solid #ccc;
  padding: 0px 0px 0px 4px;
}
.row {
  display: block;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
} 
.half-width {
  width: 45%;
  float: left;
}
.pad-left {
  padding-left: 10px;
}
.pad-right {
  padding-right: 10px;
}
.top-pad {
  padding-top: 25px;
}
.half-width img {
  max-width: 100%;
}

/* OCI Courses */
#oci-coursestructuretable {
  margin-top: 25px;
  margin-bottom: 25px;
}
.oci-cs-modlist:first-child {
  border-right: 1px solid #ccc;
}
.oci-cs-modlist {
  padding: 10px;
}
.oci-cs-modtype {
  font-weight: bold;
}
.key-facts-right {
  float: right;
  width: 220px;
  margin-left: 15px;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #f4efe9;
  box-shadow: 0px 5px 10px #777;
  border-radius: 5px;
}
.key-facts-right h3 {
  margin: 0px;
}
.apply-button {
  background-color: #c33;
  color: #fff;
  border: 0px;
  height: 40px;
  width: 100px;
  font-size: 14px !important;
  border-radius: 5px;
  box-shadow: 0px 2px 3px #777;
  cursor: pointer;
  transition: ease .2s;
}
.apply-button:hover {
  background-color: #b82e2e;
  box-shadow: 0px 2px 3px #555;
}
.apply-button:hover, .apply-button:focus, .apply-button:visited {
  outline: none !important;
}
.row {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}
.left-align {
  max-width: 320px;
  display: inline-block;
  margin-right: 10px;
}
.right-align {
  max-width: 320px;
  display: inline-block;
}
.left-align img, .right-align img {
  max-width: 100%;
  height: auto;
}
.small_P a {
  color: #c33 !important;
}
/* OCI */
/****************** OCI styling **************/
#oci-coursestructuretable {
    width: 100%;
    min-width: 350px;
    border: 1px solid #cecece;
    background: #fff;
    margin: 10px 0px 10px 0px;
}
#oci-coursestructuretable .oci-cs-themetitle, #oci-coursestructuretable .oci-cs-modtype {
    font-weight: bold;
  border-right: 1px solid #cecece;
    padding: 20px;
}
.oci-cs-modlist {
    border-right: 1px solid #cecece;
    padding: 20px;
}
.oci-cs-hide {
 display: none;
}
.oci-tabs h3{
  /*border-bottom: 1px solid #729E12;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;*/
}
.oci-apply-ul {
    display: block;
    height: 45px;
    width: 120px;
    border-radius: 4px;
    border: 2px solid #ccc;
    background-color: #729E12;
    color: #FFF;
    font-family: Georgia;
    font-size: 16px;
    list-style: none;
    margin-top: 0px;
}
.oci-apply-ul li {
    list-style: none;
    margin: 8px 0px 0px 26px;
}
.oci-apply-ul a {
  color: #FFF;
  font-family: Georgia;
  font-size: 16px;
}
.oci-key-facts {
    float: right;
    width: 220px;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f4efe9;
    box-shadow: 0px 5px 10px #777;
    border-radius: 5px;
}
.oci-key-facts li{
  margin-bottom: 15px;
  list-style: none;
}
.oci-rankings-box {
    float: left;
    width: 220px;
    margin-left: 15px;
    margin-bottom: 10px;
}
.oci-rankings-box img{
    max-width: 220px;
}
.oci-profile {
    float: right;
    clear:right;
    width: 220px;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f4efe9;
    box-shadow: 0px 5px 10px #777;
    border-radius: 5px;
}
.oci-profile-full hr{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right,transparent,rgba(196,164,128,.75),transparent);
    margin-bottom: 20px;
    margin-top: 0;
}
.oci-profile-full a{
    clear: both;
    display: block;
    margin: 8px 0px 8px 0px;
    width: 70px;
}
.oci-quote {
    font-style: italic;
    font-size: 1em;
    margin-left: 14px;
    display: inline-block;
}
.oci-quote::before { 
    content: "\201C";
}
.oci-quote::after { 
    content: "\201D";
}
.oci-citation {
  font-size: 1em;
  display: block;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}
.oci-sub-title{
  font-size: 0.7em;
}
.oci-acc-body {
  margin-bottom: 20px;
  }

/* UG modules */
.oci-modules {
  margin: 10px 0px 0px 20px;
}
.oci-modules li {
  border-bottom: 1px dotted #ccc;
}
.oci-module-title {
  /*float: left;*/
}
.oci-module-credits {
  float: right;
}

.oci-accreditation-img {
  margin: 0px 0px 10px 0px;
  padding: 8px;
  border: 1px solid #ccc;
}
.course-link-prev {
  float: right;
  margin: 0px;
  font-size: 1.25em;
  text-shadow: 2px 2px 2px #ccc;
  background-repeat: no-repeat;
  background-position: 0px 7px;
  padding-left: 10px;
}

.uoty-logo {
  width: 160px;
  margin-left: 14px;
}