@charset "utf-8";
@import url(banners-local.css);

/* Use this stylesheet for branch-specific CSS customisations */

/* LINKS */
a { color: #0053a6; }
body{font:normal 62.5% Verdana,Arial,Helvetica,sans-serif;text-align:center; background:#CBD2D9; 

/* default background colour, for all layout engines that don't implement gradients */
background: #CBD2D9; 

/* gecko based browsers */
background: -moz-linear-gradient(top, #c6c6c8, #e9e9eb); 

/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#c6c6c8), to(#e9e9eb));

/* gradient uses the full height of the element */
height: auto;
}

body { background:#CBD2D9 url(../images/body-bg.gif) 0 0 repeat-x; } 

div#w3{ margin:1em auto 2em auto; padding: 0 1em 0 1em; border: #c6c6c6 solid 1px;}


/* masthead in template-driven pages  */
#head { background: white ! important; min-height: 11.5em; }
#head h1 #logo { top: 0.2em; left: .5em; width: 220px; height: 107px; color: #fff; text-indent: -2000em; background: url(../images/common/logo_kri.gif) no-repeat; }
#head h1 span#tag-line { top: 6px; right: 40px; margin: 0; float: right; clear: right; text-indent: -4000em; background: url(../images/common/bear-mascot.gif); width: 56px; height: 107px; }

#masthead { position: absolute; top: 0; left: 0; width: 100%; clear: right; }
#masthead h1 span#separator { display: none; }


/* homepage masthead */
body.splash #head { background: white ! important; width: 100%; height: 17.1em; padding: 0; margin: 0; } 
body.splash #head h1 { font-size: 1pt; }
body.splash #head h1 #logo {text-align:left; top: 0; left: 8px; padding-left: 0; width: 322px; height: 170px; color: #fff; text-indent: -2000em; background-image: url(../images/frontpage/KRI-homepage-logo.gif); margin-left: 15px; }
body.splash #head h1 span#tag-line { position: relative; top: 22px; right: 0; margin: 0; float: right; clear: right; text-indent: -4000em; background: url(../images/frontpage/homepage-mascot.gif); width: 298px; height: 147px;}
body.splash #masthead h1 span#separator { display: none; }

/* homepage and template-driven shared */
#head .skip-nav, body.splash #head .skip-nav {text-indent:-2000em;position:fixed;}
#masthead h1, body.splash #masthead h1 { position: relative; top: 0; left: 0; } 


.breadcrumb { display: none; }
/* SEARCH */
#content div.panel div.crnr.botr{background-image:url(../images/common/panel_br.gif);}
form, form * { margin: 0; padding: 0;}
#head form#search{ padding: 0 .1em .4em 0; }
body.splash #head form#search{ padding: .1em; }
form input{ width:15em; }
input.field, form input { color: #00356A; height:1.4em;padding:.1em 0 0 .3em;margin:0.1em 0 0 0;font-size:1em; border: pink solid 1px; border-top: none; border-left: #e7e7e7 solid 1px; }
input.field { background-color: #fff;}
form input { background-color: #fff;}
input.field:focus { background-color: #fff0f3;}
input#query, form#advancedSearch input[type=text] { color: #00356A; border: pink solid 1px; border-top: none; border-left: #e7e7e7 solid 1px; }
form#simpleSearch select, form#advancedSearch select { color: #00356A; border: pink solid 1px; border-top: none; border-left: #e7e7e7 solid 1px; }

input.button,a.button{ color: #00356A; border: pink solid 1px;  border-top: white solid 1px; border-left: #e7e7e7 solid 1px;  width:auto;height:1.6em;vertical-align:baseline;background-color:#fff;background-image: none;}
input.button:hover, input.botton:active,
a.button:hover, a.button:active { background-color: #fff0f3;}  


/* Affecting thick blue border below head, above content */
#tabunderscore { position: relative; top: 0; border-top: none; margin-bottom: 0; }
#mid.clearfix { border-top: 1em solid #00356A; padding-top: 0; clear: right;} 
body.splash #mid.clearfix { clear: all; border: none; margin-top: 2.9em;}
body #mid.clearfix { margin-top: .7em; }


/* CONTENT */


#content h1 { text-transform: none; font: bold 1.6em News Gothic, Arial, Helvetica, sans-serif; margin-top: 2.4em; padding-top: 0.4em;  border-top: 1px solid #c6c6c6; border-bottom: 0;} 

#content h1 + div { padding-top: 0; margin-top:0;}
#content h1 + div > img { padding: 0; margin: -6.4em 0 0 1em; border-left: white solid 1em; } 
#content.nofeature { padding: 0 1em; }

#content h5 {letter-spacing: 0.01pt; }
#content .fltright, #content .fltright.captionTable {margin-right: 0; padding-right: 0; margin-left: .5em;}
#content .fltright img {margin-right: 0; padding-right: 0; }
#content .fltleft, #content .fltleft.captionTable {margin-left: 0; padding-left: 0; margin-right: .5em;}
#content .fltleft img {margin-left: 0; padding-left: 0; }

/* HOMEPAGE styles */
body.splash #splashpod { margin:2px 0; width: auto; height:133px;padding-left: 32px;text-align:left;background-color:#009ADA;}
body.splash #splashpod object {float:left;border-right:1px solid #fff;}
body.splash #splashpod div#slogan {position: relative; left:.8em; padding: .5em 0 1em 0em; color: white; font: 3.3em Baskerville Roman, Georgia, serif; letter-spacing: .5pt;  }
body.splash #splashpod div { position:relative; display: block; }
body.splash #splashpod div#one   { left: 1.2em; font-size: .7em; line-height: .7em; }
body.splash #splashpod div#two   { line-height: 1.1em;}
body.splash #splashpod div#three { left: 1.6em; font-size: .7em; line-height: .9em; }
body.splash #splashpod div#four  { left: .2em; line-height: 1.1em; }

body.splash #splashpodoverscore { margin: 0; border-top: 1em solid #00356A; }
body.splash #splashpodunderscore { margin: 0 0 .6em 0; border-top: 1em solid #00356A; }

#content #w4 {font-size: 1em; } 
body.splash #w4 strong { color: #00356A; } 
/* old spotlight news heading */
#sidebar.withtabs { margin-top: 1em; }
#sidebar dl.feature { margin: 0 -3em 10px 0; border: #ccc solid 1px; background-color: #fff; background-image: none; }
#sidebar dl.feature dt { color: #00356A;  border-bottom: #ccc solid 1px; font-size: 1.4em; background-color: #e7e7e7; background-image: none; overflow:hidden; margin-bottom: 0; padding-top: 0.4em; min-width: 11.3em; }


/* #menu ul li a{background: url(../images/list-item-dot.gif) .45em .73em no-repeat;} */
#menu {margin-left: 0;}
#menu dd { display: block; margin-top: -4.4em; }
#menu dd, #menu dd a { color: #00356a; }
#menu dl {padding-top: 0; margin-top: 0; }
#content.nomenu h1, #menu dt { text-transform: lowercase; display: block; white-space: nowrap; width: 100%; min-width: 100%; font: normal 2.6em Baskerville Roman, Georgia, serif; color: #ed037c; margin: 0 0 0 205px; padding-top: 6px;}
#content.nomenu h1 { margin-left:0;font-size:3em; border-top:0; padding-top: 0; padding-bottom: 4px; border-bottom: 1px solid #c6c6c6;} 
#menu ul li a:hover,#menu ul li a.active:hover{background-color:#f7f7fa;}
#menu ul li a.active{background-color:#f7f7fa;}
#menu ul li ul li a:hover{background-color:#f7f7fa;}

body.splash #menu {margin-left: 1em; width: 23em; }
body.splash #content { margin-left: 23em; }

body.splash #menu dt { position:relative; top:-2px; font-size:2.6em; color: #ed037c; margin: 0 1em 0 0; letter-spacing: normal;}

body.splash #margin {height: .1em; width: 99%; float:left; clear: none;}

body.splash #content h1 { text-transform: lowercase; font: normal 2.6em Baskerville Roman, Georgia, serif; border-bottom: #c6c6c6 solid 1px; border-top: 0; margin: 0 1em 0 0; padding: 0; clear: left; } 
body.splash #content h1 a[href] {padding: 0 .7em 0 0; }

body.splash #menu dt a[href], body.splash #content h1 a[href] { color: #ed037c; background: url(../images/heading-arrow-off.gif) no-repeat scroll right .5em transparent; }
body.splash #menu dt a[href] {padding: 0 .6em 0 0; }

body.splash #menu dt a[href]:hover, body.splash #menu dt a[href]:active,
body.splash #content h1 a[href]:hover, body.splash #content h1 a[href]:active 
 {text-decoration: underline; background: url(../images/heading-arrow.gif) no-repeat scroll right .5em transparent; }

body.splash #content img {float: right; clear: none; margin:0;padding:0; }
body.splash #menu dd {position:relative; top: -10px; display: block; margin-top: 0; margin-bottom: 0; } 

/* global nav */
/* layout of global nav in general tabs */

#head div#utilities { top: 11.6em; margin: 0; width: 100%; border-top: #c6c6c6 solid 1px; border-bottom: #c6c6c6 solid 1px; height: 2.5em; clear: all; }
body.splash #head div#utilities { height: 2.2em; border-bottom: none; }

#head div#utilities ul.tabs li {padding-top: .2em; padding-right: 5em; }
body.splash #head div#utilities ul.tabs li {padding-left: 1.6em; }

.breadcrumbs {width: 0; }
/* positioning in ordinary pages */

/* positioning in homepage */
body.splash #head div#utilities { top: 17.2em; }

div#tabbar { top: 1.1em; padding: 0;
 margin: 2.1em 1.2em .6em 0;
 float: left; clear: all; }

/* start import */

.tabs li span{display:block; white-space: nowrap;}
.tabs li a{font-size:1.1em;padding:0;display:block;white-space: nowrap; }
.tabs li:hover>ul{display:block;}
.tabs li.active:hover>ul{display:none;}

/* end import */
.tabs, #tabs { bottom: 0; text-transform: uppercase; }

.tabs li, #tabs li { position: relative; margin:0; float: left; display: block; white-space: nowrap; width: auto;}

.tabs li, .tabs li.active, .tabs li:hover,
#tabs li, #tabs li.active, #tabs li:hover { position: relative; vertical-align: middle; height: auto; padding-right: 2em; } 

.tabs li, #tabs li {background: none; }

.tabs li.active, .tabs li:hover  { background: none; }
#tabs li.active, #tabs li:hover { background: none; }

.tabs li a, #tabs li a  { font: bold 1.1em News Gothic, Arial, Helvetica, sans-serif; height: 1.8em;}

.tabs li span, .tabs li:hover span, .tabs li.active span,
#tabs li span, #tabs li:hover span, #tabs li.active span { background: transparent; }

#tabs li.active a {background: none; }
.tabs li a span, .tabs li:hover a span, .tabs li.active a span,
#tabs li a span, #tabs li:hover a span, #tabs li.active a span {padding:.4em 0 0 1.5em; background: transparent;}

.tabs li a span, #tabs li a span { color: #888888; }

.tabs li:hover a span, .tabs li.active a span { color: #ed037c; }
#tabs li:hover a span, #tabs li.active a span { color: #00356A; }

.tabs li:hover > ul, #tabs li:hover > ul { display: none; }


/* at a glance pages  */
.breadcrumb, .breadcrumb a { color: #00356A; }
#content { margin-left: 17.4em; min-height: 35em; }
#content ul.teaser-list h2 a { color: #00356A; }
#content ul.teaser-list { margin-top: 0; }
#content ul.teaser-list li {margin-top: 2em; margin-bottom: 0.5em; height: 5.9em; min-height: 5.9em;  }
#content ul.teaser-list li.away {padding-bottom: 0; margin-bottom: 0; border: none; }
#content ul.teaser-list li.away img {padding-bottom: 0; margin-bottom: 0; border: none; }
#content ul.teaser-list li.away dl { margin-left: 6em; }
#content ul.teaser-list li.away dt { color: #00356A; font-size: 1.25em; font-family: News Gothic, Arial, Helvetica, sans-serif; margin-top: 0.05em; }
#content ul.teaser-list li.away dd { padding-left: 1.4em; margin: 0 0 0 1.5em; background: url(/images/common/list-item-square.gif) 1px 5px no-repeat; }
#content ul.teaser-list p {margin: -4px 0 0em 70px; font-size: 1em; }
#content ul.teaser-list h2 { margin: 0; top:-3px;}

#content .captionTable { padding:0; margin: .8em; border-collapse: collapse; border-spacing: 0 0; }
#content .captionTable img.captionImage { border: 0; padding:0; margin: 0; }
#content .captionTable .captionCaption { background-color: #e7e7e7; font-size: .8em; margin: 0; padding: .5em;}

#foot {border-top: 1px solid #00356A; background: none; padding: 1em 0; }
#foot .logo { float: right; margin-left: 3em; }
/* Default highlight colours */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #00356A; clear: left; }
#content hr { clear: left; }

/* Feature panes and data tables to match */
#sidebar dl.feature dd { margin-top: 0; padding-top: 0; background-image: none; background-color: #fff; }

#content table { background-color:#ccc; border-spacing: 1px 1px;}
#content table {border-top-spacing: 0; }
#content table th { text-align: left; background-color: #eee; background-image: none; color: #00356A; letter-spacing: normal; font-size: 1.1em; font-family: News Gothic, Arial, Helvetica, sans-serif;}
#content table tr:first-child th {background-color: #e7e7e7; font-size: 1.2em; }
/* back to top link in table th - undo bold */
#content table th div.bt a { font-weight: normal;}

#overlay table { background-color:#ccc; }
/* these next 2 lines are a workaround for dumb table around publications */ 
#content table { background-color: #fff; }
#content table.tabledata_blue { background-color:#ccc; }

#content div#pcode table.pcStructural { background-color: #fff; border-color: #fff; }
#content div#pcode table.pcStructural td.pcStructural { border-color: #fff; padding:0; }
#content td[style="border-bottom: 1px solid #CDCCCD"] { border: 0; }

/* Homepage news */
/* Replacement styles for dcr-include-generated news  */
.heading-links { background: transparent; position: relative; top: .5em; }
#content div.news h2{clear:all;text-transform:inherit;margin:0 0 .2em 0; padding-top: .4em; border-top:1px dashed #dbd3c2; letter-spacing: normal; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; }
#content div.news h2 a { color: #00356A;}
#content div.news h2 + div img {position:relative;left:.4em;padding:0;margin-right:1.2em;top:-1.6em; width:80px; height: 60px; }
#content div.news div + h2 {border-top:none;}
#content div.news h2 a[href] {background: url(../images/list-item-grey-caret-small.gif) no-repeat scroll right center transparent; padding-right:10px;}
#content div.news h2 a[href]:hover, #content div.news h2 a[href]:active {text-decoration: underline; background: url(../images/list-item-blue-caret-small.gif) no-repeat scroll right center transparent; padding-right:10px;}

#content div.news p {margin:0 0 .3em 1.5em; line-height: 1.4em;}
#content div.news ul {clear:left; border-top:1px dashed #dbd3c2; padding: .5em 0 0 10.5em;}
#content div.news ul li {line-height: 1.8em; margin:0;list-style-type:none; }