.wai {position: absolute; left: -9999px; top: -9999px;}

/* layout
----- */
body {background-color: #fff; background-position: 50% 0; background-repeat: no-repeat; background-attachment: fixed;}
body.home {background-attachment: scroll;}
body.cs1 {background-color: #020a3e; background-image: url('../../media/temp/bg01.jpg');}
body.cs2 {background-color: #0e3668; background-image: url('../../media/temp/bg02.jpg');}
body.cs3 {background-color: #0060a0; background-image: url('../../media/temp/bg05.jpg');}

html>body #wrapper {background: url('i/bg/shadow.png') 50% 0 no-repeat;}
#page {width: 970px; margin: 0 auto; padding: 10px 0 0 0;}

#container {background: #fcfdfe url('i/bg/container-b.jpg') 0 100% repeat-x; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; /*padding: 22px 0 0 0;*/}
#containerInner {background: url('i/bg/container.jpg') 100% 0 no-repeat; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; padding: 22px 30px 20px 30px; min-height: 475px;}
.home #container {background: #fbfcfd url('i/bg/page-h.jpg') 0 100% no-repeat;}
.home #containerInner {min-height: 200px; background: none; padding-bottom: 0;}

/* Header
----- */
#header {padding: 20px 32px 10px 184px; color: #bebebe; position: relative; min-height: 98px;}
.home #header {min-height: 380px;}
#header a,
#header button {color: #bebebe;}
#header strong {font-weight: normal;}
#header strong,
#header strong a,
#header a:hover,
#header button:hover {color: #fff;}
html>body #header {background: url('i/bg/headerGradient.png') 0 0 no-repeat;}

#header .separator {display: block; width: 754px; height: 1px; clear: both; margin: 0 0 26px 0;}
html>body #header .separator {background: url(i/bg/headerSeparator.png) 0 0 no-repeat;}

#logo {display: block; width: 82px; height: 73px; position: absolute; left: 39px; top: 19px;}
.home #logo {width: 100px; height: 91px; left: 30px; top: 35px;}
html>body #logo {background: url('i/logos/eolfi-asset-management.png') 0 0 no-repeat;}
html>body.home #logo {background: url('i/logos/eolfi-asset-management-h.png') 0 0 no-repeat;}
#logo a,
#logo span {display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px;}

#navigation {float: left; margin: 0 0 16px 0;}
.home #navigation {margin: 0 0 32px 0;}

#navigation li {display: inline; position: relative;}
#navigation li:before {content: '  |  ';}
#navigation li:first-child:before,
#navigation li li:before {content: '';}

#navigation strong a,
#navigation a:hover {color: #92b919;}

#navigation .sub {position: absolute; left: 0; top: 1em; padding-top: 12px; display: none;}
#navigation li:hover .sub {display: block;}
#navigation .pointer {position: absolute; top: 5px; width: 9px; height: 8px; left: 20px; display: block; z-index: 555;}
html>body #navigation .pointer {background: url('i/bg/sub.png') 0 0 no-repeat;}
#navigation .sub .inner {background: #020a3e; background: rgba(2,10,62,0.9); border: solid 1px #333956; border-color: rgba(51,57,86,0.85); padding: 10px 16px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#navigation .sub .inner li {display: block; position: static; white-space: nowrap; margin: 0 0 0.5em 0;}
#navigation .sub .inner li ul {margin: 0.5em 0 0 0;}
#navigation .sub .inner li li {margin: 0 0 0.15em 1.5em; font-size: 0.95em;}

#topTools {float: right; margin: 0 0 16px 0;}

#langSwitch {margin: 0 0 8px 0; display: inline;}
#langSwitch li {display: inline; padding: 0 0 0 0.75em;}

#searchForm { margin: 0 0 0 10px; display: inline;border-left: solid 1px #BEBEBE; padding: 0 0 0 10px;}
#searchForm fieldset {display: inline;}

#searchForm span {text-transform: uppercase;}
#searchForm input {border: none; background: #fff; color: #333; padding: 1px 2px 2px 2px; margin: -1px 3px 0 6px; width: 120px; vertical-align: middle;}

#homeAnimation {margin: 60px 0 0 0;}
#homeAnimation .media {float: right;}

/* 
----- */
#breadcrumbs {margin: 0 0 21px 0;}
#breadcrumbs strong {color: #5167aa; font-weight: normal;}

/* 
----- */
.split .main {width: 557px; float: left;}
.split .related {width: 307px; float: right;}

.home .split .main {width: 630px;}
.home .split .related {width: 240px;}

.home .split .odd {width: 300px; float: left;}
.home .split .even {width: 300px; float: right;}

.home #content {color: #333;}
.home #content a {color: #333;}
.home #content a:hover {color: #5167aa;}

.content .npslinks li {list-style: none; line-height: 1.15; margin: 0 0 0.267em 0; padding: 0 0 0 12px;}
.npslinks a {text-decoration: none; margin-left: -12px; padding: 0 0 0 12px;}
html>body .npslinks a {background: url('i/bg/npslinks.png') 0 0.2em no-repeat;}

.content .separator {display: block; height: 1em; background: url('i/bg/separator.gif') 0 50% repeat-x; margin: 1.417em 0; text-align: right;}
.content .separator a {color: #b1b4bd; text-decoration: none; font-size: 0.85em; top: -0.85em; right: -20px; position: relative; padding: 0 20px 0 0;}
html>body .content .separator a {background: url('i/bg/top.png') 100% 0.5em no-repeat;}
.content .separator a:hover {color: #5167aa;}
.block + .separator,
.split + .separator,
.foldBlock + .separator {margin-top: 0;}
.separator + .foldBlock {margin-top: -1em;}



.content .more {text-decoration: none; color: #5167aa;}
.content .more:hover {text-decoration: underline;}

.npsstyle1 {color: #5167aa; font-size: 1.333em;}

.content .news li {list-style: none; margin: 0 0 0.3em 0; padding: 0 0 0.4em 85px;}
html>body .content .news li {background: url('i/bg/newsSeparator.png') 0 100% no-repeat;}
.content .news a {text-decoration: none;}
.content .news a:hover {text-decoration: underline;}
.content .news .meta {display: block; font-style: normal; color: #5167aa; width: 80px; margin-left: -85px; position: relative; float: left;}
.content .news .date {font-style: normal; color: #666; font-size: 0.917em;}

.content h2.anchors {font-weight: normal;}

.content a.ve {padding: 1px 0 3px 20px; display: block; display: inline-block;}
html>body a.ve {background: url('i/bg/ve.png') 0 0 no-repeat;}

.content .quote,
.content .npsquote {color: #5167aa;}

/* 
----- */
.siteMap a {text-decoration: none;}
.siteMap a:hover {text-decoration: underline;}
.siteMap ul {margin-left: 1em;}
.siteMap ul li {list-style: none;}
.siteMap ul li a {color: #5167aa; font-weight: bold;}
.siteMap ul ul {margin-bottom: 0.7em;}
.siteMap ul ul li {list-style: none;}
.siteMap ul ul li a {color: #666; font-weight: normal;}
.siteMap strong {font-size: 1.333em; display: block; margin-bottom: 0.45em; font-weight: normal;}


/* 
----- */
.pager {text-align: right; margin-bottom: 1.417em;}
.pager a {text-decoration: none; padding: 0 0.2em;}
.pager a:hover {text-decoration: underline;}
.pager strong {color: #5167aa; padding: 0 0.2em;}

.content .result .meta {color: #5167aa; font-weight: bold;}

.content .result h3 a {color: #5167aa; text-decoration: none;}
.content .result h3 a:hover {color: #5167aa; text-decoration: underline;}

.publicationResults .illustration {width: 100px; margin-left: -127px; position: relative;}
.publicationResults .result {padding: 0 0 0 127px; margin: 0 0 2.834em;}

.newsResults .illustration {width: 100px; margin-left: -127px; position: relative;}
.newsResults .result {padding: 0 0 0 127px;}

/* Form
----- */
#page input[type=hidden] {display: none;}
.content input,
.content select,
.content textarea {display: block; line-height: 1;}

.content input,
.content textarea {border: solid 1px #ACACAC; padding: 1px 2px; background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff));}

.form-basic fieldset fieldset ul,
fieldset.form-basic fieldset ul {margin-bottom: 0;}

.form-basic label,
.form-basic fieldset fieldset,
fieldset.form-basic fieldset {display: block; padding: 0 0 0 110px; margin: 0 0 0.7085em;}
.form-basic label span,
.form-basic fieldset fieldset legend span,
fieldset.form-basic fieldset legend span {display: block; float: left; width: 94px; margin: 0 0 0 -110px;}
.form-basic fieldset fieldset legend span,
fieldset.form-basic fieldset legend span {position: absolute; margin-top: 0.11em;}

.form-basic input {width: 320px;}
.form-basic textarea {width: 320px;}
.form-basic input[type=file] {width: 326px;}
.form-basic select {width: 326px;}

.form-basic .controls {padding-left: 180px;}

.content ul li label {display: inline; padding: 0;}
.content ul li label span {display: inline; float: none; width: auto; margin: 0;}

.form-texty label,
.form-texty fieldset fieldset ul,
fieldset.form-texty fieldset ul {display: block; margin-bottom: 1.0628em;}
.form-texty legend span,
.form-texty label span {display: block; margin-bottom: 0.3542em; color: #5167aa; font-weight: bold;}
.form-texty .singleCheckbox label span {display: inline; margin-bottom: 0;}

.form-texty div {margin-top: 2.5em;}
.form-texty textarea {width: 430px;}


.content .inlineBoxes li {display: inline; margin: 0 0.5em 0 0;}

.singleCheckbox input,
.content fieldset fieldset input {display: inline; border: none; width: auto; padding: 0;}

.controls input {width: auto; display: inline;}

.controls button {background: #5167aa; color: #fff; float: right; padding: 2px 20px 1px 20px; border: solid 1px #95a2cb; border-color: rgba(81,103,170,0.5); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-right: 120px;}
.controls button:hover {background: #272f5b; border-color: rgba(39,47,91,0.5);}


/* 
----- */
.related .search h2 {font-size: 1.091em; top: 0.22em;}
.related .search label {display: block; margin: 1.417em 0;}
.search label span {color: #5167aa; font-weight: bold; width: 90px; display: block; float: left;}
.main .search label span {width: 125px;}
.search button {background: #5167aa; color: #fff; float: right; padding: 2px 20px 1px 20px; border: solid 1px #95a2cb; border-color: rgba(81,103,170,0.5); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-right: 22px;}
.main .search {margin-bottom: 2em;}
.main .search label {display: inline; float: left;}
.main .search button {/*margin-right: 120px;*/ margin: -2px 0 0 10px; float: left;}
.search button:hover {background: #272f5b; border-color: rgba(39,47,91,0.5);}
.related .search select {width: 190px;}
.search label input {border: solid 1px #ccc; background: none; width: 300px; padding: 1px 2px;}


/* 
----- */
.illustration img {display: inline;}

.left .illustration {float: left; margin-right: 27px;}
.right .illustration {float: right; margin-left: 27px; text-align: right;}
.center .illustration {margin-left: auto; margin-right: auto; text-align: center;}

.separator + .illustration {margin-top: -1.417em;}
.illustration + .separator {margin-top: -1.65em;}

.content .legend {color: #999;}
.content .legend * {color: #999;}
.illustration .legend * {margin-bottom: 0;}


/* Inset
----- */
.inset {padding: 6px 0 0 0; background-repeat: no-repeat; background-position: 0 0;}
.inset-b {padding: 0 0 7px 0; background-repeat: no-repeat; background-position: 0 100%;}
.inset-c {background-repeat: repeat-y; background-position: 0 0; padding: 12px;}
.home .inset-c {padding: 12px 12px 1px 12px;}

.inset-right {width: 267px; float: right; margin-left: 27px;}
.inset-left {width: 267px; float: left; margin-right: 27px;}

.home .inset {font-size: 0.917em;}
.home .inset h2 {font-size: 1.455em; margin-bottom: 0.5em;}

.related .inset-right {width: 307px;}
.related .inset-left {width: 307px;}

html>body .inset-cs0 {background-image: url('i/bg/inset-0-t.png');}
html>body .inset-cs0 .inset-b {background-image: url('i/bg/inset-0-b.png');}
html>body .inset-cs0 .inset-c {background-image: url('i/bg/inset-0.png');}

html>body.home .inset-cs0 {background-image: url('i/bg/inset-0-h-t.png');}
html>body.home .inset-cs0 .inset-b {background-image: url('i/bg/inset-0-h-b.png');}
html>body.home .inset-cs0 .inset-c {background-image: url('i/bg/inset-0-h.png');}

html>body .related .inset-cs0 {background-image: url('i/bg/inset-0-r-t.png');}
html>body .related .inset-cs0 .inset-b {background-image: url('i/bg/inset-0-r-b.png');}
html>body .related .inset-cs0 .inset-c {background-image: url('i/bg/inset-0-r.png');}

html>body .inset-mini-cs0 {background-image: url('i/bg/inset-0-s-t.png');}
html>body .inset-mini-cs0 .inset-b {background-image: url('i/bg/inset-0-s-b.png');}
html>body .inset-mini-cs0 .inset-c {background-image: url('i/bg/inset-0-s.png');}

html>body .inset-cs1 {background-image: url('i/bg/inset-1-t.png');}
html>body .inset-cs1 .inset-b {background-image: url('i/bg/inset-1-b.png');}
html>body .inset-cs1 .inset-c {background-image: url('i/bg/inset-1.png');}

html>body.home .inset-cs1 {background-image: url('i/bg/inset-1-h-t.png');}
html>body.home .inset-cs1 .inset-b {background-image: url('i/bg/inset-1-h-b.png');}
html>body.home .inset-cs1 .inset-c {background-image: url('i/bg/inset-1-h.png');}

html>body .related .inset-cs1 {background-image: url('i/bg/inset-1-r-t.png');}
html>body .related .inset-cs1 .inset-b {background-image: url('i/bg/inset-1-r-b.png');}
html>body .related .inset-cs1 .inset-c {background-image: url('i/bg/inset-1-r.png');}

html>body .inset-mini-cs1 {background-image: url('i/bg/inset-1-s-t.png');}
html>body .inset-mini-cs1 .inset-b {background-image: url('i/bg/inset-1-s-b.png');}
html>body .inset-mini-cs1 .inset-c {background-image: url('i/bg/inset-1-s.png');}

.inset-cs0,
.inset-mini-cs0,
.inset-cs0 a,
.inset-mini-cs0 a {color: #fff;}
.inset-cs0 h2,
.inset-mini-cs0 h2,
.inset-cs0 .more,
.inset-mini-cs0 .more {color: #92b919;}

.inset-cs1 h2,
.inset-mini-cs1 h2,
.inset-cs1 .more,
.inset-mini-cs1 .more {color: #5c71b0;}


.inset-right + .separator {margin-right: 294px;}
.inset-left + .separator {margin-left: 294px;}

.inset-left + .separator,
.inset-right + .separator {background-position: 0 1px; margin-bottom: 1em;}




/* 
----- */
.related li {line-height: 1.333; margin-bottom: 0.167em;}

/* 
----- */
table {border: solid 1px #ccc;}
td,
th {border: solid 1px #ccc; padding: 4px 8px;}
td *,
th * {margin-bottom: 0; padding-bottom: 0;}
th,
td.th {color: #fff; background: #95a3cb; font-weight: bold; vertical-align: bottom;}
th a,
td.th a {color: #fff;}
td.cell0 {background: #95a3cb; color: #fff;}
td.cell0 a {color: #fff;}
td.cell1 {background: #f1f3f6;}

table + .legend {margin-top: -1em;}


/* Folds
----- */
.foldBlock {position: relative;}
.call {padding-right: 22px;}
.scripted .fold {display: none; padding-bottom: 20px;}
.scripted .openFold {display: block;}
.folderSwitch {display: block; width: 20px; height: 20px; text-align: right; position: absolute; top: 0; right: 0; overflow: hidden; text-align: left; text-indent: -9999px; background: url('i/bg/fold-down.gif') 50% 50% no-repeat;}
.switchOn {top: auto; bottom: 0; background-image: url('i/bg/fold-up.gif');}
.folderSwitch:focus {outline: none;}
.folderSwitch::-moz-focus-inner {border: 0;}

/* Footer
----- */
#footer {text-align: right; color: #999; padding: 30px 10px;}
#footer a {color: #999;}
#footer a:hover {color: #fff;}
#footer li {display: inline;}
#footer li:before {content: '  |  ';}
#footer li:first-child:before {content: '';}

/* Floats
----- */
#header:after,
.split:after,
.block:after,
.separator:after,
.inset-c:after,
#homeAnimation:after,
.content .news li:after,
.search label:after,
.search:after,
.call:after,
.fold:after {content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden;}
