/*
* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2011 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: FontSite Inc.
* License URL: http://www.fontspring.com/fflicense/fontsite
*
*
*/
@font-face {
font-family: 'FontSiteSansRoman';
src: url(5914c3024418f1d7ab17cec61dc705bec6f292f0.eot) ;
src: url(30808a909c020f3dc4bf48ff84dddf497f52b568.eot) format('eot'), url(8a66425dfac5014a33dd9a0929d4de35017f9d9e.woff) format('woff'), url(bf7ebf26d45b4e94ba2191e13b0990b00bb3a067.ttf) format('truetype'), url(4c021bf59c15d24ee0e0e30649126cdc825c876b.svg) format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'FontSiteSansLight';
src: url(a7da947c7ac1339dcf26eee01a539dfcbb744cd8.eot) ;
src: url(0dcd666503376a378012ccc9798d75d86f688f33.eot) format('eot'), url(84a308070bb8f36f8acc240dca2fe9a06b77a6cf.woff) format('woff'), url(bfcffeca00a012009f73475fcd968e851be4390d.ttf) format('truetype'), url(cc3e52358df60cdf08600abde15f896e9da9830c.svg) format('svg');
font-weight: 200;
font-style: normal;
}
/*########## RESET ##########*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/*########## BASIC ##########*/
html { overflow-y: scroll; -webkit-font-smoothing: antialiased; /*height:100%;*/ }
body { background: url(4618f7a4f7e0dfc1dce21288fac6ce11f6ca4772.jpg) repeat-x scroll 0 0 #e8e6dd /*#eeede8*/; height:100%; }
hr { display: none; }
img { display:block; border: 0; }
.divider { position: relative; width: 100%; border-bottom: 1px solid #D4D5D6; margin-bottom: 10px;}
.aid { display: none; }
.clear { clear: both; line-height: 0; height: 0; margin: 0; border: 0; }
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
font-size:0;
line-height:0;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
iframe#buffer { position: absolute; top: -25px; left: -25px; border: 1px solid red; }
#accesskeys,
#techmanifest { display: none; text-align: left; position: fixed; _position: absolute; top: 100px; left: 50%; width: 21.25em; margin-left: -10.125em; background-color: #F0F5F9; border: 1px solid; border-color: #4278AA #003E80 #003E80 #4278AA; z-index: 2; }
#accesskeys div,
#techmanifest div { padding: 1em 1.3em 0 1.3em; border: 1px solid; border-color: white #CCCDDA #CCCDDA white; }
#accesskeys ul { list-style: none; margin: 0; padding: 0 0 1.3em 0; }
#accesskeys h4 { margin: 0 0 0.65em 0; }
#accesskeys kbd { margin-right: 0.4em; }
#techmanifest { display: block; width: 26.5em; margin-left: -13.25em; }
#errorPopper { display: none; }
/*########## TYPOGRAPHY ##########*/
body { font:75%/1.667em 'Helvetica Neue',Helvetica,Arial,sans-serif; color: #2e2e2e; }
h1,h2,h3,h4,h5,h6,
#tabs a,
#topmenu a,
#stories h2,
#content #focus { color: #1e1e1e; font-family: 'FontSiteSansLight',sans-serif; text-rendering: optimizeLegibility; font-weight:200; }
h5,h6 { font-family: 'FontSiteSansRoman',sans-serif; }
h1, .h1 { font-size: 30px; line-height:38px; }
h2, .h2 { font-size: 18px; line-height:24px; }
h3, .h3 { font-size: 16px; line-height:22px; }
h4, .h4 { font-size: 14px; line-height:20px; }
h5, .h5 { font-size: 12px; line-height:18px; }
h6, .h6 { font-size: 12px; line-height:18px; }
h1 .sub-text { font-size: 20px; line-height:28px; }
#stories .section h2 { font-size: 16px; line-height:22px; }
table { font-size: 0.917em; }
input,
select,
textarea,
button { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 1em; }
.line {
display:block;
border-top: 3px solid #e7e7e7;
margin: 0 0 8px;
width: 92px;
text-align:left;
height:0;
font-size:0;
}
sup { font-size: 68%; margin-left: 2px; vertical-align: super; }
small { font-size: .833em; color: #002f5f; }
/*########## LAYOUT ##########*/
body.large { text-align: left; }
body.fixed,
body.small { text-align: center; }
#appspace { background: url(3cc638e682fc76360ce0e0e6148b77d8743cbc13.jpg) no-repeat scroll center 0 transparent; }
#workspace { position: relative; text-align: left; width: 720px; overflow:hidden; margin: 0 auto; }
body.large #workspace { width: 984px; }
body.fixed #workspace { width: 984px; }
#stage { width: 964px; margin: 10px 10px 20px; }
#main { margin: 93px 0 0; }
.search { position:absolute; top: 109px; right: 10px; z-index:99; }
.search .text { margin:0; float:left; font-size: 12px; line-height:18px; width:130px; height: 18px; padding: 2px 5px 2px; border: 1px solid #cfcabe; border-right:0 }
.search .submit { cursor:pointer; float:left; font-size: 10px; color: #fff; width: 30px; height: 22px; padding: 0; background-color: #fff; border: 1px solid #cfcabe; border-left:0; position:relative; display: block; background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '
'+this.innerHTML); zoom:1; }
.search .submit:before,
.search .submit img {
clip: rect(124px 32px 135px 21px);
content: url(215fa7f2787065852c7efc10733273416335a13c.png) ;
left: -10px;
position: absolute;
top: -118px;
}
form .spb,
form .spb input { display:none!important; }
/*########## HEADER ##########*/
.header { height:auto; width:918px; height:36px; background: #fff; background: rgb(255, 255, 255); margin: 20px 10px 10px; padding: 20px 23px 13px; clear:both; overflow:hidden; filter:alpha(opacity=90); }
.header .logo { margin:3px 0 0; cursor: pointer; float: right; }
.header .logo a { background: none !important }
.header .payoff { font-size:11px; font-weight: 600; color: #002c5c; float: left; padding-top:12px; background:none }
/*########## FOOTER ##########*/
.footer { width: 958px; line-height: 12px; height: auto; margin:10px 10px 20px; border:0; padding:10px 3px; font-size: 90%; color: #414141; background: #fff; background: rgb(255, 255, 255); clear:both; overflow:hidden; filter:alpha(opacity=90); }
.footer p { float:left; padding: 0 10px; line-height: 11px; }
.footer a { color: #414141; text-decoration: none; }
.footer a:hover { color: #000000; }
.footer ul { clear:none; float: left; list-style-type: none; margin: 0 }
.footer li { display: inline; border-right: 1px solid #9D9D9D; padding: 0 10px; text-align: center; }
.footer .last { border:0; }
.footer .quicklinks { float: right; }
.footer .quicklinks a { text-decoration: underline; }
/*########## LINKS ##########*/
a { text-decoration: none; color: #002c5c; }
a:hover { text-decoration: underline; }
a.hint { overflow: visible; position: relative; z-index: 1; }
a.hint:hover { text-decoration: none; }
a.hint .label { background: rgb( 183,178,164 ); color: #fff; cursor: pointer; font-weight: normal; text-align: center; }
a.hint .body { border: 1px solid #D2CDC3; background: #fff; cursor: default; padding: 8px 10px 8px 10px; position: absolute; top: 0; left: 1.5em; right: 0; width: 142px; display: none; text-align: left; font-weight: normal; float: none; z-index:99999; }
a.hint.large .body { width: 300px; }
a.hint.selected .body { display: block; }
a.hint.selected { cursor: default; }
a.hint.selected .label { background-color: #81c201; }
#content ul.nl { margin-left: 0; clear:none; }
#spots .nl { margin-top:0; }
.nl,
.nl ul { list-style: none; margin: 0 0 20px 0; }
.nl ul { padding: 0 0 0 1.5em; margin: 0; display: none; }
.nl ul.on { display: block; }
.nl li { margin-bottom:0; }
#topmenu #toolbox a,
.cta,
.nl a { position:relative; display: block; background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = ''+this.innerHTML); zoom:1; }
.nl a { line-height: 19px; color: #3e3e3e; padding: 5px 5px 4px 21px; cursor: pointer; text-decoration: none; }
.cta:before,
.cta img,
.nl a:before,
.nl a image { clip: rect(0 13px 13px 0px); position: absolute; top: 8px; left: 0; content: url(215fa7f2787065852c7efc10733273416335a13c.png) ; }
.nl a:hover { color: #002c5c; text-decoration: underline }
.nl a[rel~="external"]:before,
.nl a[href^="http"]:before,
.nl a[rel~="external"] img,
.nl a[href^="http"] img { clip: rect(0 26px 13px 13px); left: -13px; /* to offset the clip value */ }
.nl a[rel*="pdf"]:before,
.nl a[href$=".pdf"]:before,
.nl a[rel*="pdf"] img,
.nl a[href$=".pdf"] img { clip: rect(0 39px 13px 26px); left: -26px; /* to offset the clip value */ }
.nl a[rel*="popper"]:before,
.nl a[rel*="popper"] img { clip: rect(0 52px 13px 39px); left: -39px; /* to offset the clip value */ }
.nl a[rel*="movie"]:before,
.nl a[rel*="movie"] img { clip: rect(0 65px 13px 52px); left: -52px; /* to offset the clip value */ }
.nl a[rel*="apple"]:before,
.nl a[rel*="apple"] img { clip: rect(0 78px 13px 65px); left: -65px; /* to offset the clip value */ }
.nl a[rel*="android"]:before,
.nl a[rel*="android"] img { clip: rect(0 91px 13px 78px); left: -78px; /* to offset the clip value */ }
.nl a[rel*="back"]:before,
.nl a[rel*="back"] img { clip: rect(0 117px 13px 104px); left: -104px; /* to offset the clip value */ }
#focus a { color: #fff; }
#focus a:before,
#focus a img { clip: rect(13px 13px 26px 0px); top: -3px; left: 0px; }
#focus a[rel~="external"]:before,
#focus a[href^="http"]:before,
#focus a[rel~="external"] img,
#focus a[href^="http"] img { clip: rect(13px 26px 26px 13px); left: -13px; }
#focus a[rel*="pdf"]:before,
#focus a[href$=".pdf"]:before,
#focus a[rel*="pdf"] img,
#focus a[href$=".pdf"] img { clip: rect(13px 39px 26px 26px); left: -26px; }
#focus a[rel*="popper"]:before,
#focus a[rel*="popper"] img { clip: rect(13px 52px 26px 39px); left: -39px; }
/*
#focus a { color: #fff; padding-left: 27px; }
#focus a:before,
#focus a img { clip: rect(78px 19px 97px 0px); top: -71px; left: 0px; }
#focus a[rel~="external"]:before,
#focus a[href^="http"]:before,
#focus a[rel~="external"] img,
#focus a[href^="http"] img { clip: rect(78px 38px 97px 19px); top: -71px; left: -19px; }
#focus a[rel*="pdf"]:before,
#focus a[href$=".pdf"]:before,
#focus a[rel*="pdf"] img,
#focus a[href$=".pdf"] img { clip: rect(78px 57px 97px 38px); top: -71px; left: -38px; }
#focus a[rel*="popper"]:before,
#focus a[rel*="popper"] img { clip: rect(78px 76px 97px 57px); top: -71px; left: -57px; }
#focus a[rel*="movie"]:before,
#focus a[rel*="movie"] img { clip: rect(78px 95px 97px 76px); top: -71px; left: -76px; }
#focus a[rel*="apple"]:before,
#focus a[rel*="apple"] img { clip: rect(78px 114px 97px 95px); top: -71px; left: -95px; }
#focus a[rel*="android"]:before
#focus a[rel*="android"] img { clip: rect(78px 133px 97px 114px); top: -71px; left: -114px; }
*/
.button,
.cta { width: auto; display: inline-block; position:relative; overflow:hidden; outline: none; cursor: pointer; text-align: left; text-decoration: none; font: 200 12px/18px Helvetica, Arial, sans-serif; margin:0 20px 5px 0; padding: 4px 10px 5px 32px; border:0; background-color: rgb(29,67,108); background-color: rgba(29,67,108,0.9); color:#fff }
#spots .cta { width: 158px; margin-right:0 }
#spots .cta:last-child { margin-bottom:0 }
.button,
.cta:hover { text-decoration:none; opacity: 0.9; /*filter:alpha(opacity:85)*/ }
.cta:before,
.cta img { clip: rect(13px 13px 26px 0px); top: -6px; left: 0; margin-left:10px; }
.cta[rel~="external"]:before,
.cta[href^="http"]:before,
.cta[rel~="external"] img,
.cta[href^="http"] img { clip: rect(13px 26px 26px 13px); left: -13px; /* to offset the clip value */ }
.cta[rel*="pdf"]:before,
.cta[href$=".pdf"]:before,
.cta[rel*="pdf"] img,
.cta[href$=".pdf"] img { clip: rect(13px 39px 26px 26px); left: -26px; /* to offset the clip value */ }
.cta[rel*="popper"]:before,
.cta[rel*="popper"] img { clip: rect(13px 52px 26px 39px); left: -39px; /* to offset the clip value */ }
.cta[rel*="movie"]:before,
.cta[rel*="movie"] img { clip: rect(13px 65px 26px 52px); left: -52px; /* to offset the clip value */ }
.cta[rel*="apple"]:before,
.cta[rel*="apple"] img { clip: rect(13px 78px 26px 65px); left: -65px; /* to offset the clip value */ }
.cta[rel*="android"]:before,
.cta[rel*="android"] img { clip: rect(13px 91px 26px 78px); left: -78px; /* to offset the clip value */ }
.lightblue { background: rgb( 38,135,205 ); color: #fff }
.red { background-color: rgb( 167,25,48 ); color: #fff }
.green { background-color: rgb( 156,193,43 ); color: #fff }
.purple { background-color: rgb( 63,25,95 ); color: #fff }
.lightpurple { background-color: rgb( 160,52,136 ); color: #fff }
.magenta { background-color: rgb( 209,0,116 ); color: #fff }
.grey { background-color: rgb( 97,99,101 ); color: #fff }
.lightgrey { background-color: rgb( 220,218,213 ); color: #4f4d47 }
.gold { background-color: rgb( 167,152,101 ); color: #fff }
.lightgrey:before,
.lightgrey img { clip: rect(26px 13px 39px 0px); top: -20px; }
.lightgrey[rel~="external"]:before,
.lightgrey[href^="http"]:before,
.lightgrey[rel~="external"] img,
.lightgrey[href^="http"] img { clip: rect(26px 26px 39px 13px); }
.lightgrey[rel*="pdf"]:before,
.lightgrey[href$=".pdf"]:before,
.lightgrey[rel*="pdf"] img,
.lightgrey[href$=".pdf"] img { clip: rect(26px 39px 39px 26px); }
.lightgrey[rel*="popper"]:before,
.lightgrey[rel*="popper"] img { clip: rect(26px 52px 39px 39px); }
/*########## NAVIGATION ##########*/
#topnav { position: absolute; z-index: 99; left: 10px; top: 99px; overflow: visible; }
body.fixed #topnav,
body.large #topnav { width: 964px; }
#topnav hr { display: none; }
/*########## TABS ##########*/
#tabs { margin: 0; padding-top: 10px; overflow:hidden; }
#tabs li { display: inline; float:left; margin-bottom:0 }
#tabs a:focus { outline: 0; }
#tabs a { padding: 8px 15px 5px; /*padding: 8px 20px 5px;*/ position: relative; display: block; color: #002c5c; text-decoration: none; background: transparent; }
#tabs a:hover,
#tabs a:focus { cursor: pointer; background-color: #f0ece5 }
#tabs a:hover span,
#tabs a:focus span { color: #002c5c; }
#tabs a.selected { color: #002c5c; background-color: #f2efe9 }
#tabs a.selected span { }
#tabs a.selected:hover,
#tabs a.selected:focus { }
#tabs a, #topmenu a { font-size: 19px; }
#language { position:absolute; right:0; top:0; margin-right:0 }
#language li { display: inline; float:left; }
#topmenu { z-index: 3; position: relative; clear: both; padding: 0; margin: 0; cursor: default; display: block; width: 964px; }
/*body.fixed #topmenu,
body.large #topmenu { width: 964px; }*/
.level2 #topmenu { height: 5.7em; _height: 6.1em; }
.level3 #topmenu { height: 7.5em; _height: 8.1em; }
/* override content area .nl */
#topmenu a { color: white; width: auto; background-image: none; font-weight: normal; line-height: 13px; display: block; text-decoration:none}
#topmenu a:before { content: "" }
#topmenu li { border:0; list-style: none; float: left; white-space: nowrap; margin: 0; padding: 0; }
#topmenu li.first { border-left-width: 1px; }
#topmenu .nl a { font-size: 15px; padding: 9px 10px 8px; }
#topmenu .nl a.on,
#topmenu .nl a.selected,
#topmenu .nl a:hover,
#topmenu .nl a:focus { background-color: #f2efe9; color: #002c5c; cursor: pointer !important; }
#topmenu .nl a[href='javascript:void(false);'] { cursor: default; }
#topmenu .nl,
#topmenu .nl ul { margin: 0; padding: 0; }
#topmenu .nl ul { display: none; position: absolute; z-index: 1; left: 0; top: 0; }
#topmenu .nl ul { top: 30px; }
#topmenu .nl ul a { font-size: 13px;}
#topmenu .nl ul.on,
#topmenu .nl ul.active { display: block; }
#topmenu .nl ul.active ul { display: none; }
#topmenu .nl,
#topmenu .nl ul,
#topmenu .nl ul.active,
#topmenu .nl ul ul,
#topmenu .nl ul ul.active { background:transparent url(e0e73bcdcb1c4e2e31ddd7ead08cc53d97536322.png) repeat-x 0 0; zoom:1}
#topmenu .nl,
#topmenu .nl li { overflow:hidden; }
#topmenu .nl ul,
#topmenu .nl ul.active { position: absolute; z-index: 1; background-position: 0 -35px }
body.fixed #topmenu .nl ul,
body.large #topmenu .nl ul { width: 964px;}
#topmenu .nl ul ul,
#topmenu .nl ul ul.active { top: 30px; background-position: 0 -70px }
/*########## SUBMENU ##########*/
.submenu #menu { position: relative; z-index:99; float: left; width: 226px; }
#menu .nl li { margin:0; border-bottom: 1px solid #d2cdc3; }
#menu .nl li.last-child,
#menu .nl li.only-child { border-bottom: 0 }
#menu .nl li.only-child { text-decoration: underline }
#menu .nl a { margin-left:10px; text-decoration:none; -webkit-transition: margin-left .2s ease-in-out; -moz-transition: margin-left .2s ease-in-out; -ms-transition: margin-left .2s ease-in-out; }
.submenu #menu .nl ul { padding-left: 20px; }
.submenu #menu .nl ul li { border:none }
.submenu #menu .nl ul { border-top: 1px solid #d2cdc3; }
.submenu #menu .nl li.only-child { text-decoration: none }
.submenu #menu a:hover { margin-left:20px; }
.submenu #menu a.selected { cursor: default; margin-left:10px; color: #002c5c; font-weight: bold; }
.submenu #menu a:hover,
.submenu #menu a.on { zoom:1 }
.submenu #menu a.on { color: #002c5c; font-weight: bold }
.submenu #menu a.on:hover { margin-left:10px }
.submenu #menu a.on:before,
.submenu #menu a.on img { clip: rect(0 104px 13px 91px); left: -91px; /* to offset the clip value */ }
.submenu #menu .external { background:none; }
/*########## TOOLBOX ##########*/
#topmenu #toolbox { position: absolute; right: 0px; top: 0; z-index: 100; height: 30px; width: 112px; overflow: visible; border: none; background-color: transparent; padding: 0; margin: 0; }
#toolbox a.label { font-size: 14px; line-height: 20px; cursor: pointer; heigth:30px; width: 52px; display: block; }
#toolbox a.label:before,
#toolbox a.label img,
#topmenu .single-logon a:before,
#topmenu .single-logon a img { content: url(215fa7f2787065852c7efc10733273416335a13c.png) ; clip: rect(123px 21px 133px 0px); top: -113px; left: 20px; }
#topmenu .single-logon a,
#toolbox a.label,
#toolbox a.label:hover,
#toolbox a.label:focus,
#topmenu .single-logon a,
#topmenu .single-logon a:hover,
#topmenu .single-logon a:focus {
padding: 6px 10px 4px 50px; border: none; cursor: pointer;
background:rgb(94,116,140);
background:rgba(94,116,140,0.9);
background-image: -moz-radial-gradient(50% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(94, 116, 140, 0.3) 100%);
background-image: -webkit-radial-gradient(50% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(94, 116, 140, 0.3) 100%);
background-image: -o-radial-gradient(50% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(94, 116, 140, 0.3) 100%);
background-image: -ms-radial-gradient(50% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(94, 116, 140, 0.3) 100%);
background-image: radial-gradient(50% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(94, 116, 140, 0.3) 100%);
}
#toolbox a.label:link,
#toolbox a.label:visited,
#toolbox a.label:active,
#toolbox a.label:hover,
#topmenu .single-logon a:link,
#topmenu .single-logon a:visited,
#topmenu .single-logon a:active,
#topmenu .single-logon a:hover { color: #fff; }
#topmenu .single-logon a,
#topmenu .single-logon a:hover,
#topmenu .single-logon a:focus { padding: 9px 10px 8px 50px; }
#topmenu #toolbox ul { position:absolute !important; left:-114px; text-align: left; margin: 0; padding: 10px 20px; width: 186px; z-index: 150; background: rgb( 94, 116, 140 ); background: rgba( 94, 116, 140, 0.95 ); }
#topmenu #toolbox ul li { display: block; border-bottom: 1px solid #8495aa; padding: 0; width:186px; }
#topmenu #toolbox ul li:last-child { border-bottom:0 }
#topmenu #toolbox ul a { padding: 9px 0 7px 21px; margin-left: 0; -webkit-transition: margin-left .2s ease-in-out; -moz-transition: margin-left .2s ease-in-out; }
#topmenu #toolbox ul a:before,
#topmenu #toolbox ul a image { content: url(215fa7f2787065852c7efc10733273416335a13c.png) ; clip: rect(13px 13px 26px 0px); top: -5px; left: 0; }
#topmenu #toolbox ul li a:hover,
#topmenu #toolbox ul li a:focus { margin-left:10px; background:transparent; color: #fff; }
#topmenu .open ul { display: block; }
ul.reset { display: none; }
.pagination { overflow:hidden; }
.pagination li { float:left; margin-left: 10px; }
.pagination li:first-child { margin-left: 0; }
.pagination a { background: #002c50; color: #fff; padding: 5px 8px; }
.pagination a:before { content:"" }
/*########## MAIN ##########*/
.submenu #content { margin-left: 0; }
.submenu .nl { margin-bottom: 20px; }
.nowrap { white-space: nowrap; }
.hidden { display:none }
/* lists */
ol,
ul { margin: 10px 0 20px 18px; clear:both; }
ol { margin-left: 23px }
ul { list-style-type: square }
li { margin-bottom: 5px; }
.lower-alpha li { list-style-type: lower-alpha; }
/* content */
#content { margin: 0 0 0 226px; min-height: 450px; position: relative; width: 472px; padding-left: 20px; float: left; display:inline; z-index:9; }
/*#content h1 { font-weight: normal; }*/
#content #focus { margin-top: 0px; }
#content .group,
#content .section { position:relative; /*margin-top: 10px;*/ }
#content .section .section { margin-left: 0; }
/*#content ul,
#content ol { margin: 10px 0 20px 20px; }*/
#content p { margin-bottom: 20px; }
#content .before-list { margin-bottom: 0 }
/*########## CONTENT ##########*/
p.dato { font-weight: bold; color: #aaa; }
.multicol address { margin: 10px 0; }
dl { margin: 0 0 1.3em 0; }
dt { font-weight: bold; }
dd { margin: 0 0 11px 20px; }
address { font-style: normal; margin: 0 0 1.3em 0; }
li.error { list-style-image: url(0eafe425f9727d9544d51d31acf2c927dac30e1b.gif) ; font-weight: bold; color: red; margin: 5px 0px 4px 0px; }
.warning { color: #9C0A00; font-weight: bold; }
#content .small { font-size: 0.9em; }
.todo { background:white; border-color:#7FB2CC; border-style:solid; border-width:1px; padding: 22px; position:relative; margin-bottom: 1em; }
.seperator { display:block; clear:both; margin: 10px 0 20px; border-bottom: 1px dotted #C5C0B6; }
/*########## HEADINGS ##########*/
/* NEW TEMPLATE */
.standard h1 { position: relative; top: 0; left: -246px; width: 452px; padding: 15px 20px 10px 246px; }
/* novignette */
.novignette h1,
.vignette h1,
.vignette_sml h1 { background: #002c5c; margin:0 0 0 -20px; padding: 15px 20px 10px; width: 452px; }
.nosubmenu .line,
.novignette .line,
.submenu .novignette .line { border-color: #002c5c; }
.nosubmenu h1,
.novignette h1,
.submenu .novignette h1 { padding-top:0; color: #002c5c; background:none }
.submenu .line,
.vignette .line,
.vignette_sml .line { border-color: #fff }
.submenu h1,
.vignette h1,
.vignette_sml h1 {
position:relative;
z-index: 10;
margin-bottom: 20px;
padding-top:20px;
color:#fff;
background: rgb( 0,44,92 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 0,44,92,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,44,92,0.2) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,44,92,0.2) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,44,92,0.2) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,44,92,0.2) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,44,92,0.2) 100%);
filter:alpha(opacity:90)
}
.submenu .novignette h1 { filter: none }
/*.novignette h1,*/
.vignette_sml h1 { height: 60px; }
.vignette h1 { height: 110px }
.vignette_sml #menu { margin-top: 110px; }
.novignette h1 .line,
/*.vignette h1 .line,
.vignette_sml h1 .line,*/
.novignette h1 span,
.vignette h1 span,
.vignette_sml h1 span { display:block; /*margin-left: 226px;*/ }
.vignette h1 .line,
.vignette h1 span { margin-left: 0; }
.vignette #vignette,
.vignette_sml #vignette,
.vignette_sml #vignette_sml { position: absolute; top:0; left: -226px; z-index: 3 }
.vignette #menu { margin-top: 160px; }
.vignette #vignette { height: 140px; overflow:hidden }
.vignette_sml #vignette { height: 90px; overflow:hidden; }
.vignette_sml #vignette img { width: 226px; }
/* Content position */
.vignette #content,
.vignette_sml #content,
.level1 .novignette #content,
.level1 .vignette_sml #content,
.level1 .vignette #content
.level1 #spots { margin-top: 0px }
.level2 #content,
.level2 #spots { margin-top: 30px }
.level3 #content,
.level3 #spots { margin-top: 60px }
.level2 .novignette #content,
.level2 .vignette_sml #content,
.level2 .vignette #content { margin-top: 30px }
/* Submenu position */
.level1 .novignette #menu { margin-top: 0px }
.level1 .vignette_sml #menu { margin-top: 110px }
.level1 .vignette #menu { margin-top: 160px }
.level2 .novignette #menu { margin-top: 30px }
.level2 .vignette_sml #menu { margin-top: 140px }
.level2 .vignette #menu { margin-top: 190px }
.level3 .novignette #menu { margin-top: 60px }
.level3 .vignette_sml #menu { margin-top: 170px }
.level3 .vignette #menu { margin-top: 215px }
/* Style for Welcome Flash */
#sydbank-player,
#welcome-application,
#SWFObjectExprInst { margin: 0; padding: 0; border: 0px solid #fff; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; position: absolute; z-index: 1000; top: 0; left: 0; overflow: hidden; height: 100%; width: 100%; display:block }
/*#welcome-application { display:none }*/
/*########## TABLES ##########*/
/* Table Content displays border under each table row */
caption { overflow:hidden; padding:5px; }
.tablecontent { width: 100%; margin-bottom: 20px; }
.tablecontent,
.tablecontent th,
.tablecontent td { background: #fff; border-collapse: collapse; }
.tablecontent th,
.tablecontent td { padding: 3px 6px 2px; }
.tablecontent caption,
.tablecontent .theadCaption th { background-color: rgb(29,67,108); color: #FFFFFF; text-align: left; font-size: 13px; }
.tablecontent caption span,
.tablecontent .theadCaption th span { background-color: rgb(29,67,108); display: block; padding: 5px; }
.tablecontent caption span span { background: none; }
.tablecontent thead th,
.tablecontent tbody th { background: #dcdad5; color: #3e3e3e; text-align: left; font-weight: normal; vertical-align:bottom; }
.tablecontent thead .super th { font-weight: bold; }
.tablecontent thead .noBorder { padding: 0; border: 0; }
.tablecontent th { border: 1px solid #d2cdc3; }
.tablecontent tfoot td { border-top: 0; color: #000000; text-align: left; }
.tablecontent tbody td { border: 1px solid #d2cdc3; background: #fff; }
.tablecontent .password { vertical-align: middle; }
/* Table Alternate displays evey second row in a secondary color */
.alternate .alt td,
.noborder .alt td,
.tablecontent .alt td,
.alternate .odd td,
.noborder .odd td,
.tablecontent .odd td { background: #f0f0f0; }
.align-top { vertical-align: top; }
.data tbody td,
.data tbody th,
.data thead th { text-align: right; }
.data tbody .index,
.data thead .index { text-align: left; }
.finance thead .index,
.finance tbody .index { width:65% }
.finance thead th { font-weight:bold }
/*Tables that shouldnt look like excel spreedsheats*/
.noborder { border: #d1d3d5 solid 1px !important; }
.noborder tbody td { border:0; border-bottom: #d1d3d5 solid 1px !important; }
.noborder,
.noborder td { padding: 0px 6px; }
table .nl li a,
table .nl li,
table .nl { margin: 0 !important; }
/*########## STORIES ##########*/
#stories-top { float:left }
#stories { float:left; margin: 20px 0 0; padding: 0; overflow:hidden }
#stories .section { width: 226px; float: left; margin-right: 20px; background: #fff; margin-bottom: -100px; padding-bottom: 100px; background: rgba( 255,255,255,0.9 ); }
#stories .section:nth-child(3n) { margin-right:0; }
#stories .section:nth-child(3n+1) { clear:left }
#stories .end { margin-right: 0; }
#stories-top .section h2,
#stories .section h2 { margin-bottom: 6px; padding: 4px 13px; color: #fff;
background: rgb( 0, 47, 95 );
/*background: rgba( 0, 47, 95, 0.9 );*/
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0, 47, 95, 0.2) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0, 47, 95, 0.2) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0, 47, 95, 0.2) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0, 47, 95, 0.2) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0, 47, 95, 0.2) 100%)
}
#stories .section p { margin-bottom: 10px }
#stories .section p,
#stories .section ul { padding: 0px 13px;}
#stories .section .cta { margin:0 15px 20px; bottom: 0; }
#stories .section ul { margin:0 0 10px; }
/*########## SPOTS ##########*/
#spots { position: relative; margin:0; padding: 0; white-space: normal; }
body.fixed #spots,
body.large #spots { width: 226px; float: right; display:inline; }
#spots object,
#spots .section { width: 226px; float: left; overflow: hidden; background-color: #fff; margin: 0 0 20px; }
/*#spots .section .section { width:auto } ??*/
/*#spots #convert { margin-bottom:0 }*/
#spots .last-child { margin-bottom:0; }
#spots .section:last-child { margin-bottom:0; }
#spots .fixed { height: 166px; }
#spots h2 { color: #002c5c; padding: 10px 13px 0; }
#spots h2 img { position: absolute; right: 4px; margin-top: 1px; }
#spots .body { padding: 5px 13px 10px; width: 200px; }
#spots .body h4 { background: transparent; padding: 0; margin-bottom: 5px; }
#spots p { margin-bottom: 10px; }
/*#spots .section .body .nl { margin-top:5px; }*/
#spots .nl { text-align: left; margin-bottom: 0; }
/*#spots .nl li:last-child { margin-bottom:0 }*/
#spots .tl .body { padding: 5px 10px; }
#spots .tl a { background-image: none; color: #036; text-decoration: none; height: 1.3em; height/*IE5W*/ : auto; _width: 200px; padding: 5px 1px; cursor: pointer; -moz-user-select: none; display: block; border-bottom: 1px solid #7fb2cc; }
#spots .tl a.end { border: none; }
#spots .body .tablecontent,
#spots .body .data { width: 200px; /*margin-bottom: 10px; font-size: 11px;*/ margin-bottom:10px }
#spots td { border-width: 1px 0 }
#spots td.index { text-align: left; }
#spots .image-banner { background-color: transparent }
#spots .image-banner .body,
#spots .image-text-banner .body { padding:0; width: 226px; }
#spots .image-banner img,
.image-text-bannerimg,
#spots .image-banner a,
.image-text-banner a { display:block; outline:none }
#spots .image-text-banner .cta {
color: #fff;
display:block;
text-align:center;
font-size: 14px;
text-decoration: none;
cursor: pointer;
line-height: 18px;
padding: 7px 6px;
border:0;
font-family: Helvetica, Arial, sans-serif;
outline: 0;
zoom:1;
width: 186px;
margin: 0 auto
}
#spots .image-text-banner .cta:hover {
opacity:1;
}
#spots .image-text-banner .cta:before {
content:"";
display:none
}
.image-text-banner { position:relative; background: #fff }
.image-text-banner h3 {
position:absolute;
padding: 20px 15px;
color: #002c5c;
font-family: 'FontSiteSansLight', Helvetica, Arial;
font-family: 'FontSiteSansRoman', Arial, sans-serif/9;
}
.pb-header { text-transform: uppercase; word-spacing:-1px\9; }
.image-text-banner .cta {
position:absolute;
bottom: 20px;
left: 15px;
}
.image-text-banner .color-box { position: absolute; color: #fff; background: rgb( 0,47,95 ); background: rgba( 0,47,95,0.9 ); margin: 13px; padding: 13px; width: 174px; }
.image-text-banner .color-box .line { border-color: #fff }
.image-text-banner .color-box h3{ position: static; color: #fff; padding: 0; margin-bottom: 10px; }
.image-text-banner .color-box .cta { position: static; width: 162px !important; color: #002c5c !important; background: #fff !important; }
.image-text-banner .color-white { color: #fff; font-family: "FontSiteSansLight", Helvetica, Arial; }
.image-text-banner .color-white .line { border-color: #fff }
.image-text-banner .color-gold { color: #a79865; }
.image-text-banner .color-gold .line { border-color: #a79865 }
.image-text-banner .color-lightblue { color: #009fda; }
.image-text-banner .color-lightblue .line { border-color: #009fda }
#spots .banner { padding-top: 72px !important; }
#spots #graph-spot { width:200px; margin:0 }
body.large #spots .imagespot, body.small #spots .imagespot {
background:transparent url(fdf5a6040381030110cdce7ec094de7e5716fd05.gif) no-repeat scroll 0pt;
border-bottom:1px solid #CFE0DA;
float:left;
height:155px;
margin-bottom:12px;
overflow:hidden;
position:relative;
width:220px;
}
body.large #spots .imagespot a:hover, body.small #spots .imagespot a:hover {
background-position:0pt -98px;
color:#003366;
text-decoration:none;
}
body.large #spots .imagespot a, body.small #spots .imagespot a {
background:transparent url(f82a9ae04a5c4e21ba0e80ad702450dded2de9d9.png) no-repeat scroll 0pt 2px;
cursor:pointer;
display:block;
height:auto;
left:120px;
padding:1px 0pt 2px 19px;
position:absolute;
top:130px;
}
/* Forsidespot med billede */
body.large #spots .imagespot,
body.small #spots .imagespot{
width: 220px;
height: 155px;
margin-bottom: 12px;
_margin-top: 0;
float: left;
overflow: hidden;
background: url(fdf5a6040381030110cdce7ec094de7e5716fd05.gif) no-repeat 0 0;
border-bottom: 1px solid #CFE0DA;
position: relative;
}
body.small #spots .imagespot {
margin-right: 20px;
}
body.large #spots .imagespot a,
body.small #spots .imagespot a{
position:absolute;
top:130px;
left:120px;
background:transparent url(f82a9ae04a5c4e21ba0e80ad702450dded2de9d9.png) no-repeat scroll 0pt 2px;
cursor:pointer;
display:block;
height:auto;
padding:1px 0pt 2px 19px;
}
body.large #spots .imagespot a:hover,
body.small #spots .imagespot a:hover {
background-position:0pt -98px;
color:#003366;
text-decoration:none;
}
/*input fields*/
#spots fieldset { border: 0; padding:0; margin: 0; }
#spots label { font-weight: bold; }
#spots input {
border: 1px solid #7FB2CC;
width: 200px;
margin-bottom: 5px;
}
/*
.buttonmarkup .button{
border: 0 !important;
color: #FFF;
background: transparent url(9e8e7b663bdba1966c8fafe54b09121342b1c208.gif) no-repeat;
height: 16px;
font-size: 1em;
position: relative;
padding: 0px 0px 2px 3px !important;
width: 99% !important;
_width: 100% !important;
margin-right: 5px;
cursor: pointer;
}
.buttonmarkup{
float: right;
width: 200px;
height: 16px;
background: url(e7ea96de9e1139c6ba0b7ea8eb584789abbbbf24.gif) no-repeat top right;
margin-bottom: 5px;
}
*/
input.warning { color: #9C0A00; font-weight: bold; }
#oekonomitjek { height: 125px }
#spots .flat-spot {
border: 0;
background: #9abccc url(9b2cc220daec426c2c651612d5d968743c480f39.jpg) no-repeat top right;
}
#spots .flat-spot .body { float:left; color:#fff; width: 200px; }
#spots .flat-spot h4 {
padding: 10px 10px 0;
background: none;
color: #fff;
font: 600 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
#spots .flat-spot fieldset {
display:inline;
}
#spots .flat-spot fieldset fieldset{
position: relative;
height: 27px;
_width: 88px;
}
#spots .flat-spot input {
border: 1px solid #608ca2;
color: #000;
width: 88px;
padding: 4px;
_height: 1%;
font-size: .9em;
margin:0;
}
#spots .flat-spot input.helper {
color: #555;
}
#spots .flat-spot a.call-to-action-button {
font-size: .9em;
padding: 4px 5px;
}
#spots .warning-description { font-size: 9px; display:none; position: absolute; top: -20px; left: 25px; background: transparent url(c182bec174381be6b206fd96117b602b22993d03.png) no-repeat top left; width: 76px; height: 21px; padding: 3px 5px; white-space: nowrap; }
#spots .tabspot { background-color: transparent; }
#spots .tabspot h2 { display:none }
#spots .tabspot .body { padding:0; width:226px }
#spots .tabspot .tabbox { padding:0; }
#spots .tabspot .tabpanelinitialized,
#spots .tabspot .tabpanel { padding: 10px 13px; }
#spots .tabspot table { width: 200px; }
/* SPOT COLORS */
.blue .nl a:before,
.blue .nl a img,
.lightblue .nl a:before,
.lightblue .nl a img,
.red .nl a:before,
.red .nl a img,
.purple .nl a:before,
.purple .nl a img { clip: rect(13px 13px 26px 0px); top: -5px; left: 0px; }
.blue .nl a[rel~="external"]:before,
.blue .nl a[href^="http"]:before,
.blue .nl a[rel~="external"] img,
.blue .nl a[href^="http"] img,
.lightblue .nl a[rel~="external"]:before,
.lightblue .nl a[href^="http"]:before,
.lightblue .nl a[rel~="external"] img,
.lightblue .nl a[href^="http"] img,
.red .nl a[rel~="external"]:before,
.red .nl a[href^="http"]:before,
.red .nl a[rel~="external"] img,
.red .nl a[href^="http"] img,
.purple .nl a[rel~="external"]:before,
.purple .nl a[href^="http"]:before,
.purple .nl a[rel~="external"] img,
.purple .nl a[href^="http"] img { clip: rect(13px 26px 26px 13px); left: -13px; }
.blue .nl a[rel*="pdf"]:before,
.blue .nl a[href$=".pdf"]:before,
.blue .nl a[rel*="pdf"] img,
.blue .nl a[href$=".pdf"] img,
.lightblue .nl a[rel*="pdf"]:before,
.lightblue .nl a[href$=".pdf"]:before,
.lightblue .nl a[rel*="pdf"] img,
.lightblue .nl a[href$=".pdf"] img,
.red .nl a[rel*="pdf"]:before,
.red .nl a[href$=".pdf"]:before,
.red .nl a[rel*="pdf"] img,
.red .nl a[href$=".pdf"] img,
.purple .nl a[rel*="pdf"]:before,
.purple .nl a[href$=".pdf"]:before,
.purple .nl a[rel*="pdf"] img,
.purple .nl a[href$=".pdf"] img { clip: rect(13px 39px 26px 26px); left: -26px; }
.blue .nl a[rel*="popper"]:before,
.blue .nl a[rel*="popper"] img,
.lightblue .nl a[rel*="popper"]:before,
.lightblue .nl a[rel*="popper"] img,
.red .nl a[rel*="popper"]:before,
.red .nl a[rel*="popper"] img,
.purple .nl a[rel*="popper"]:before,
.purple .nl a[rel*="popper"] img { clip: rect(13px 52px 26px 39px); left: -39px; }
/************************* COLORS for heading no vignette *****************************************/
.standard h1.lightblue .line,.novignette h1.lightblue .line,
.submenu .novignette h1.lightblue .line { border-color: rgb( 0, 122, 201 ) }
.standard h1.lightblue,.novignette h1.lightblue,
.submenu .novignette h1.lightblue { color: rgb( 0, 122, 201 ) }
.standard h1.red .line,.novignette h1.red .line,
.submenu .novignette h1.red .line { border-color: rgb( 167, 25, 48 ) }
.standard h1.red,.novignette h1.red,
.submenu .novignette h1.red { color: rgb( 167, 25, 48 ) }
.standard h1.purple .line, .novignette h1.purple .line,
.submenu .novignette h1.purple .line { border-color: rgb( 66, 20, 95 ) }
.standard h1.purple, .novignette h1.purple,
.submenu .novignette h1.purple { color: rgb( 66, 20, 95 ) }
/************************* COLORS for heading with vignette and spots *****************************************/
#spots .blue *,
#spots .lightblue *,
#spots .red *,
#spots .green *,
#spots .yellow *,
#spots .purple * { color: #fff; }
#spots .creme * { color: #2e2e2e }
#spots .blue,
.submenu h1.blue,
.vignette h1.blue,
.vignette_sml h1.blue {
color: #fff;
background: rgb( 0,47,95 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 0,47,95,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(0,47,95,0.2) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(0,47,95,0.2) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(0,47,95,0.2) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(0,47,95,0.2) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(0,47,95,0.2) 100%);
}
#spots .lightblue,
.submenu h1.lightblue,
.vignette h1.lightblue,
.vignette_sml h1.lightblue {
color: #fff;
background: rgb( 0,122,201 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 0,122,201,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,122,201,0.2) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,122,201,0.2) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,122,201,0.2) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,122,201,0.2) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(0,122,201,0.2) 100%);
}
#spots .red,
.submenu h1.red,
.vignette h1.red,
.vignette_sml h1.red{
color: #fff;
background: rgb( 167,25,48 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 167,25,48,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(167,25,48,0.2) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(167,25,48,0.2) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(167,25,48,0.2) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(167,25,48,0.2) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(167,25,48,0.2) 100%);
}
#spots .purple,
.submenu h1.purple,
.vignette h1.purple,
.vignette_sml h1.purple{
color: #fff;
background: rgb( 63,25,95 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 63,25,95,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(63,25,95,0.2) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(63,25,95,0.2) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(63,25,95,0.2) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(63,25,95,0.2) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(63,25,95,0.2) 100%);
}
#spots .lightpurple,
.submenu h1.lightpurple,
.vignette h1.lightpurple,
.vignette_sml h1.lightpurple{
color: #fff;
background: rgb( 160,52,136 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 160,52,136,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(160,52,136,0.1) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(160,52,136,0.1) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(160,52,136,0.1) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(160,52,136,0.1) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(160,52,136,0.1) 100%);
}
#spots .magenta,
.submenu h1.magenta,
.vignette h1.magenta,
.vignette_sml h1.magenta{
color: #fff;
background: rgb( 209,0,116 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 209,0,116,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(209,0,116,0.1) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(209,0,116,0.1) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(209,0,116,0.1) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(209,0,116,0.1) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(209,0,116,0.1) 100%);
}
#spots .green,
.submenu h1.green,
.vignette h1.green,
.vignette_sml h1.green{
color: #fff;
background: rgb( 156,193,43 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 156,193,43,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(156,193,43,0.1) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(156,193,43,0.1) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(156,193,43,0.1) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(156,193,43,0.1) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(156,193,43,0.1) 100%);
}
#spots .yellow {
color: #fff;
background: rgb( 201,180,0 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 201,180,0,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(201,180,0,0.1) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(201,180,0,0.1) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(201,180,0,0.1) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(201,180,0,0.1) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.1), rgba(201,180,0,0.1) 100%);
}
#spots .gold,
.submenu h1.gold,
.vignette h1.gold,
.vignette_sml h1.gold{
color: #fff;
background: rgb( 167,152,101 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 167,152,101,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(167,152,101,0.2) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(167,152,101,0.2) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(167,152,101,0.2) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(167,152,101,0.2) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.2), rgba(167,152,101,0.2) 100%);
}
#spots .creme,
.submenu h1.creme,
.vignette h1.creme,
.vignette_sml h1.creme{
color: #3e3e3e;
background: rgb( 183,178,164 ) url(eb8e7ee544105612da9344e747fb517f10dd8bf3.png) 50% 0% no-repeat;
background: rgba( 183,178,164,0.9 );
background-image: -moz-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.3), rgba(183,178,164,0.3) 100%);
background-image: -webkit-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.3), rgba(183,178,164,0.3) 100%);
background-image: -o-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.3), rgba(183,178,164,0.3) 100%);
background-image: -ms-radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.3), rgba(183,178,164,0.3) 100%);
background-image: radial-gradient(25% 50%, circle cover, rgba(255, 255, 255, 0.3), rgba(183,178,164,0.3) 100%);
}
/************************* SMALL for 800 x 600 *****************************************/
body.small #workspace { width: 738px !important; }
body.small #stage { width: 718px; margin: 0 10px; }
body.small .search input { width: 72px }
body.small .header { width: 672px }
body.small .footer { width: 712px }
body.small .footer li { padding: 0 5px }
body.small #topnav,
body.small #topmenu,
body.small #topmenu .nl ul { width: 718px }
body.small #topmenu .nl a { padding: 9px 6px 8px; }
body.small #topmenu .nl ul a { font-size: 13px; }
body.small #topmenu #toolbox { width: 64px }
body.small #toolbox a.label:before,
body.small #toolbox a.label img,
body.small #topmenu .single-logon a:before,
body.small #topmenu .single-logon a img { content: "" }
body.small #topmenu .single-logon a,
body.small #toolbox a.label,
body.small #toolbox a.label:hover,
body.small #toolbox a.label:focus,
body.small #topmenu .single-logon a,
body.small #topmenu .single-logon a:hover,
body.small #topmenu .single-logon a:focus { padding: 6px 2px 4px 10px; }
body.small #topmenu #toolbox ul { left: -162px; }
body.small #stories { margin-bottom: 10px }
body.small #content { margin-right:0 }
body.small #spots { border-top: 1px solid #D2CDC3; float: left; margin: 10px 0; padding-top: 20px; width: 718px; }
body.small #spots object,
body.small #spots .section { margin-right: 20px }
body.small #spots .section:nth-child(3) { margin-right: 0 }
/************************* Cookie Notification *****************************************/
.cookie-notification {
padding-top: 48px;
}
.cookie-notificationbar {
position: fixed;
top:0;
background-color: #fff;
padding: 8px 0;
width: 100%;
z-index: 999999;
height: 32px;
-webkit-box-shadow: 0 1px 2px rgba( 0,0,0,0.2 );
-moz-box-shadow: 0 1px 2px rgba( 0,0,0,0.2 );
-o-box-shadow: 0 1px 2px rgba( 0,0,0,0.2 );
box-shadow: 0 1px 2px rgba( 0,0,0,0.2 );
}
.cookie-notificationbar p {
position:relative;
width: 904px;
padding-left: 61px;
line-height: 16px;
margin: 0 auto;
color: #484848;
text-align:left;
}
.cookie-notificationbar p span {
display:inline-block;
margin-right: 20px;
}
.cookie-notificationbar p:before {
content: " ";
top: 4px;
left: 0;
position: absolute;
display: block;
background: transparent url(eae2792b8ea30e1368b84301d4a8a1fef385bb70.png) no-repeat 0 0;
width: 24px;
height: 24px;
border-right: 1px solid #E9E9E9;
padding-right: 15px;
}
.cookie-notificationbar a {
text-decoration: underline;
cursor:pointer;
}
.cookie-notificationbar .accept-button {
display: inline-block;
padding: 10px 15px;
background: #002C5C;
color: #FFF;
top: 0;
text-decoration: none;
line-height: 1;
vertical-align: top;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.cookie-disclaimer {
display: none;
position: fixed;
visibility:hidden;
top: 0;
left: 0;
z-index: 2000;
width: 600px;
text-align: left;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
.cookie-disclaimer .titlebar,
.cookie-disclaimer .statusbar {
-moz-user-select: none;
background: #FFFFFF;
border-bottom: 1px solid #e2e2e2;
color: #002f5f;
padding: 10px;
}
.cookie-disclaimer .statusbar {
display: none;
}
.cookie-disclaimer .titlebar img {
position: absolute;
top: 1px;
left: 1px;
}
.cookie-disclaimer .titlebar.icon {
padding-left: 24px;
}
.cookie-disclaimer .titlebar a {
float: right;
text-decoration: none;
border-bottom: none;
min-width: 23px;
min-height: 23px;
background: url(359dc220de46cfe54386f74c08899d3c3fa15898.png) no-repeat scroll -24px 0 transparent;
margin-top: 0px;
}
.cookie-disclaimer .titlebar a:hover {
text-decoration: underline;
}
.cookie-disclaimer .bodywrap {
width: 100%;
background-color: white;
overflow:auto;
}
.cookie-disclaimer .body {
position:relative;
padding: 13px;
background-color: white;
}
.cookie-disclaimer p {
margin-bottom: 20px;
}
.cookie-button {
position: fixed;
bottom: 0;
right: 0;
padding: 10px 15px;
background: #007AC9;
background: rgba( 0,122,201,0.9 );
color: #FFF;
z-index: 2000;
}
#cl-overlay { display:block; top:0; left:0; bottom: 0; right:0; width: 100%; height:100%; position:fixed; z-index:999; background-color: #000; -moz-opacity:.40; filter:alpha(opacity=40); opacity:.40; }