html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,a:hover,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;text-decoration:none}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:400}img{vertical-align:text-bottom}a img{border:0}address{font-style:normal;}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}

@clr-bg:   #7e8082;
@clr-wit:  #fff;
@clr-txt:  #666;
@clr-nav:  #f1f0f0;
@clr-off:  #7e8082;
@clr-on:   #eeb211;
@clr-slg:  #a6a7a7;
@clr-blk:  #f2f2f2;
@clr-err:  #f00;

@fnt-def: normal 12px 'Lucida Sans Unicode', 'Lucida Grande';
@fnt-banh3: normal 18px 'Lucida Sans Unicode', 'Lucida Grande';
@fnt-ban: normal 13px 'Lucida Sans Unicode', 'Lucida Grande';
@fnt-bld: bold 12px 'Lucida Sans Unicode', 'Lucida Grande';
@fnt-box: normal 15px 'Myriad Pro', 'Lucida Sans Unicode';
@fnt-nav: normal 15px 'Myriad Pro', 'Lucida Sans Unicode';
@fnt-h1: normal 16px 'Myriad Pro', 'Lucida Sans Unicode';
@fnt-h2: normal 15px 'Myriad Pro', 'Lucida Sans Unicode';
@fnt-nav-bold: bold 15px 'Myriad Pro', 'Lucida Sans Unicode';
@fnt-slg: italic 23px 'Georgia';
@fnt-sub: italic 14px 'Georgia';

html { height: 100%; overflow-y: scroll; }
body { background: @clr-bg; color: @clr-txt; font: @fnt-def; padding: 17px 0 0 0; }
input, select, texarea { font: @fnt-def; color: @clr-txt; }
#container { margin: 0 auto; width: 1020px; background: @clr-wit; }
a { color: @clr-on; font: @fnt-bld; }
a:hover { color: @clr-bg; }
p	{padding:0 0 10px 0;}

#header { height: 101px; background: @clr-wit; }
#header h1.logo { float: left; width: 288px; height: 88px; background: url('/interactive/files/images/layout/sprite-main.png') 0 0 no-repeat; }
#header h1.logo a { padding: 88px 266px 0 0; display: block; }
#header h1.logo a span { display: none; }
#header h2.slogan { position: absolute; margin: 55px 0 0 370px; padding: 0;  font: @fnt-slg; color: @clr-slg; }
#header ul.top { float: right; margin: 0 20px 0 0; background: @clr-bg; }
#header ul.top li { height: 32px; float: left; line-height: 28px;  }
#header ul.top li.nav { background: url('/interactive/files/images/layout/sprite-main.png') 0 -128px no-repeat; }
#header ul.top li.nav a { font: @fnt-def; color: @clr-wit; border-right: solid 1px @clr-wit; padding: 0 10px 0 10px; &:hover { color: @clr-on; } }
#header ul.top li.search { text-align: right; width: 245px; padding: 0 0 0 7px; background: url('/interactive/files/images/layout/sprite-main.png') -31px -128px no-repeat; }
#header ul.top li.search label { float: left; color: @clr-wit; }
#header ul.top li.search input { float: left; margin: 2px 0 0 10px; border: 0; width: 188px; height: 24px; background: url('/interactive/files/images/layout/sprite-main.png') -311px -128px no-repeat; }

.main-menu { width: 975px; background: @clr-nav; height: 38px; padding: 0 0 0 15px; margin-left: 15px; }
.main-menu ul { z-index: 100; }
.main-menu ul li { position: relative; display: inline ; margin: 0 20px 0 0; float: left; }
.main-menu ul li:hover, .main-menu li.selected { background: url('/interactive/files/images/layout/sprite-main.png') 0 -186px; }
.main-menu ul li a { padding: 10px 30px 10px 0; display: block; font: @fnt-nav; color: @clr-off; text-transform: uppercase; }
.main-menu ul li ul { position: absolute; left: 0; display: none; visibility: hidden; }
.main-menu ul li ul li { display: list-item; float: none; background: @clr-on; }
.main-menu ul li ul li:hover { background: @clr-nav; }
.main-menu ul li ul li:hover a, .main-menu ul li ul li ul li:hover a, .main-menu ul li ul li ul li:hover a { color: @clr-bg; }

.main-menu ul li a.active { background: url('/interactive/files/images/layout/sprite-main.png') 0 -186px; }

.main-menu ul li ul li a, .main-menu ul li ul li:hover ul li a { text-transform: none; font: @fnt-box; color: @clr-wit; width: 190px; padding: 6px 30px 6px 15px; margin: 0; border-right: 1px solid @clr-wit; border-bottom: 1px solid @clr-wit; }
.main-menu ul li ul li:hover ul li:hover a { color: @clr-txt; }
.main-menu ul li ul li ul { top: 0; }
.main-menu ul li.login { cursor: pointer; margin: 6px 17px 0 0; padding: 0; float: right; width: 65px; height: 26px; background: url('/interactive/files/images/layout/sprite-main.png') -361px -228px; }
.main-menu ul li.login a { display: block; color: @clr-wit; padding: 4px 0 0 12px; margin: 0;  }
.main-menu ul li.login:hover a { color: @clr-bg; }
* html .main-menu ul li a { display: inline-block; }
* html .main-menu { height: 1%; }
.downarrowclass { position: absolute; top: 12px; right: 7px; width: 0px; height: 0px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }

#content { display: inline-block; padding: 15px; background: @clr-wit; width: 990px; }
#content h1 { font: @fnt-h1; padding: 16px 0 10px 0; color: clr-txt;}
#content h2 { padding: 16px 0 0 0; font: @fnt-h2; color: @clr-txt; }
#content .left-start ul, #content .center-next ul { padding: 0 0 10px 0;}
#content .left-start li, #content .center-next li { list-style: circle; margin: 0 0 0 15px;}
#content .left-start { display: inline-block; width: 630px; float: left; }
#content .right-start { float: right; width: 276px; padding: 20px 0 0 0; }
#content .left-next { width: 276px; float: left; padding: 20px 20px 0 0; }
#content .center-next { display: inline-block; float: left; width: 440px; }
#content .center-wide { display: inline-block; float: left; width: 690px; }
#content .right-next  { padding: 20px 0 0 0; display: inline-block; float: right; width: 210px; }
#content .right-next .blocks { padding: 5px 15px 0 15px; background: @clr-blk; }
#content .right-next .blocks li { padding: 13px 0 15px 33px; border-top: 1px dashed @clr-slg;  }
#content .right-next .blocks li.vid { background: url('/interactive/files/images/layout/sprite-main.png') -477px -275px no-repeat; border-top: 0; }
#content .right-next .blocks li.nws { background: url('/interactive/files/images/layout/sprite-main.png') -477px -317px no-repeat; }
#content .right-next .blocks li.log { background: url('/interactive/files/images/layout/sprite-main.png') -477px -360px no-repeat; }
#content .right-next .blocks li.ins { background: url('/interactive/files/images/layout/sprite-main.png') -477px -404px no-repeat; border-top: 0;}
#content .right-next .blocks li a { display: block; color: @clr-bg; font: @fnt-sub; }
#content .right-next .blocks li a:hover { color: @clr-on; }
#content div.banner { width: 990px; }
#content div.banner img { max-width: 990px; }
#content div.bannertext { width: 428px; height: 116px; position: absolute; margin: 17px 0 0 511px; padding: 20px 16px 0 16px; }
#content div.bannertext h3 { max-width: 990px; font: @fnt-banh3; color: @clr-wit; margin: 0 0 10px 0; }
#content div.bannertext p { max-width: 990px; font: @fnt-ban; color: @clr-wit;}
ul.sub { padding: 0 0 15px 30px; }

#content ol li { list-style: decimal!important; }

div.heading { font: @fnt-box; color: @clr-wit; text-transform: uppercase; width: 276px; height: 33px; background: url('/interactive/files/images/layout/sprite-main.png') 0 -228px; padding: 0 0 0 30px; margin: 0; }
div.heading  p { line-height: 29px; padding: 0; margin: 0; }
div.menu-heading { font: @fnt-box; color: @clr-wit; text-transform: uppercase; width: 276px; height: 43px; background: url('/interactive/files/images/layout/sprite-main.png') 0 -228px; padding: 0 0 0 30px; margin: 0; }
div.menu-heading  p { line-height: 29px; padding: 0; margin: 0; }

.box { margin: 0 0 20px 0; width: 276px; background: url('/interactive/files/images/layout/bg-box.gif') repeat-y;  }
.box h3 { font: @fnt-box; color: @clr-wit; text-transform: uppercase; width: 276px; height: 43px; background: url('/interactive/files/images/layout/sprite-main.png') 0 -228px; }
.box h3 span { line-height: 29px; padding: 0 0 0 30px; }
.box div { padding: 0 25px 10px 30px; overflow: hidden; width: 220px; }
.box div.listing ul li { background: url('/interactive/files/images/layout/sprite-main.png') -493px -172px no-repeat; padding: 10px 0 12px 20px; border-top: 1px dashed @clr-slg;  }
.box div.listing ul li:hover { background: url('/interactive/files/images/layout/sprite-main.png') -493px -214px no-repeat; }
.box div.listing ul li.first:hover { background: url('/interactive/files/images/layout/sprite-main.png') -493px -224px no-repeat; }
.box div.listing ul li.first { border-top: 0; padding: 0 0 12px 20px; background: url('/interactive/files/images/layout/sprite-main.png') -493px -182px no-repeat;}
.box div.listing ul li a { color: @clr-bg; font: @fnt-sub; }
.box div.listing ul li a:hover { color: @clr-on; }
.box div.listing ul li a.active { color: @clr-on; }


.left-next div.listing { margin: 0 0 20px 0; width: 276px; background: url('/interactive/files/images/layout/bg-box.gif') repeat-y; }
.left-next div.listing h3 { font: @fnt-box; color: @clr-wit; text-transform: uppercase; width: 276px; height: 43px; background: url('/interactive/files/images/layout/sprite-main.png') 0 -228px; }
.left-next div.listing h3 span { line-height: 29px; padding: 0 0 0 30px; }
.left-next div.listing ul { padding: 0 25px 10px 30px; overflow: hidden; width: 220px; }
.left-next div.listing ul li { background: url('/interactive/files/images/layout/sprite-main.png') 0 -333px no-repeat; padding: 10px 0 12px 20px; border-top: 1px dashed @clr-slg;  }
.left-next div.listing ul li:hover { background: url('/interactive/files/images/layout/sprite-main.png') -258px -333px no-repeat; }
.left-next div.listing ul li.first:hover { background: url('/interactive/files/images/layout/sprite-main.png') -258px -342px no-repeat; }
.left-next div.listing ul li.first { border-top: 0; padding: 0 0 12px 20px; background: url('/interactive/files/images/layout/sprite-main.png') 0 -342px no-repeat;}
.left-next div.listing ul li a { display: block; color: @clr-bg; font: @fnt-sub;}
.left-next div.listing ul li a.active { color: @clr-on;}
.left-next div.listing ul li a:hover { color: @clr-on; }
.left-next div.listing ul li ul { padding: 0 25px 0 20px; }
.left-next div.listing ul li ul li, { background: none; padding: 5px 0 5px 0; border-top: 0; }
.left-next div.listing ul li ul li.first { background: none; padding: 12px 0 5px 0; }
.left-next div.listing ul li ul li:hover, .left-next div.listing ul li ul li.first:hover { background: none; }

div.right-static { clear: both; padding: 15px 0 15px 0; text-align: center; }

#content .left-start p.heading { display: block; height: 30px; font: @fnt-nav; color: @clr-txt; text-transform: uppercase; }
#content .left-start div#feediex { padding: 15px 0 0 0; }
#content .left-start div#feediex ul.iexrss li.iexrssitem { display: block; padding: 15px 0 0 0; }
#content .left-start div#feediex ul.iexrss li.iexrssitem a.item { padding: 0; }
#content .left-start div#feediex ul.iexrss li.iexrssitem a.more { font: @fnt-def; }

.newsBox { border: 1px solid #e0e0e0; background: #fafafa; width: 630px; height: 84px; margin: 0 0 20px 0px; padding: 10px; }
.newsBox:hover {background: @clr-blk; }
.newsBox div.newsblock { margin: -10px; }
.newsBox span.date { margin: 0 0 0 10px; }
.newsBox strong { margin: 0 0 0 10px; }
span.date { text-decoration: none; color: @clr-on; margin: 0 0 0 10px;}
a.newsblockLink, a.newsblockLink:visited { font-size:11px; color: #5b5b5b; text-decoration: none; display: block; padding: 10px; margin: -10px; width: 650px;}
a.newslink {  text-decoration: underline; }
a.newslink:hover { text-decoration: none; }
a.newsstartLink, a.newsstartLink:visited, a.newsblockLink:visited { font-size:11px; color: #5b5b5b; text-decoration: none; display: block; padding: 10px 10px 10px 20px; margin: -10px -10px -10px -20px; width: 640px; height: 88px; }
.newsblock p { margin: 2px 0 0 0; font-weight: normal; margin-left: 10px; }

form.homepage li.user { padding: 0 0 10px 0; }
form.homepage li.user input { color: @clr-off; padding: 0 0 0 10px; width: 186px; height: 32px; background: url('/interactive/files/images/layout/sprite-main.png') 0 -282px no-repeat; border: 0; }
form.homepage li.pass, form.homepage li.submit { float: left; }
form.homepage li.pass input { color: @clr-off; padding: 0 0 0 10px; width: 118px; height: 32px; background: url('/interactive/files/images/layout/sprite-main.png') 0 -282px no-repeat; border: 0; }
form.homepage li.submit input { cursor: pointer; display: block; color: @clr-wit; font: @fnt-bld; text-transform: uppercase; line-height: 12px; margin: 0; padding: 0; width: 58px; height: 32px; background: url('/interactive/files/images/layout/sprite-main.png') -257px -282px no-repeat; border: 0; }
form.homepage li.submit:hover input { color: @clr-bg; }
form.homepage li.link { clear: both; padding: 10px 0 0 0; }
form.homepage li.link a { text-decoration: underline; }

form.standard p { padding: 5px 0 5px 0; }
form.standard p label { float: left; width: 120px; }
form.standard p input { width: 230px; margin: 0 0 0 5px; }
/*form.standard p input:focus { border: 1px solid @clr-on; padding: 2px 1px 2px 1px; } */
form.standard p input.small { width: 60px; }
/*form.standard p input.small:focus { border: 1px solid @clr-on; padding: 2px 1px 2px 1px; } */
form.standard p select { margin: 0 0 0 5px; height: 21px; }
form.standard p.submit {margin: 10px 0 0 170px; }
form.standard p.submit input { width: 184px; background: @clr-on; padding: 5px; font: @fnt-bld; border: 0; color: @clr-wit; cursor: pointer; }
/* form.standard p.submit input:focus { padding: 1px; background: @clr-on; padding: 5px; font: @fnt-bld; border: 0; color: @clr-wit; cursor: pointer; } */
form.standard input.phoneinput { width: 156px; margin: 0 0 0 5px; }
/* form.standard input.phoneinput:focus { padding: 2px 1px 2px 1px; } */
form.standard p.submit input:hover { background: @clr-txt; }
div.formerror { color: @clr-err; padding: 0 0 20px 0; }

#footer { background: @clr-bg; padding: 10px 0 30px 300px; color: @clr-wit; }
#footer li { float: left; }
#footer li.first { padding: 0 10px 0 0; }
#footer a { border-left: 1px solid @clr-wit; font: @fnt-def; color: @clr-wit; padding: 0 10px 0 10px; }

#livesearchresult { border-top: 1px solid @clr-wit; border-bottom: 1px solid @clr-bg; position: relative; float: left; width: 250px; margin:0 0 0 -10px; background: @clr-nav; display: none; z-index: 100; }
#livesearchresult p { float: left; margin: 0 0 0 10px; width: 225px; }
#livesearchresult p button.livesearchclose { background: url('/interactive/files/images/icons/icon-close.png'); width: 16px; height: 16px; margin: 0 -10px 5px 0; cursor: pointer; border: 0; }
#livesearchresult ul.livesearch { margin: 5px 0; padding: 0; }
#livesearchresult ul.livesearch li { float: left; margin: 0 0 0 10px; padding: 0; width: 200px; height: 25px;}
#livesearchresult ul.livesearch li a { color: @clr-bg; font: @fnt-def; float: left; margin: 0; padding: 0; }
#livesearchresult ul.livesearch li span { float: left; margin: 0 0 0 10px; padding: 0; }

#sitemap li { list-style-type: none!important;  line-height: 20px; }
li.sitemap-depth1 {  padding: 15px 0 0 0; }
li.sitemap-depth2 {  padding: 0 0 0 25px; }
li.sitemap-depth3 {  padding: 0 0 0 50px; }
li.sitemap-depth2 a, li.sitemap-depth3 a { font: @fnt-def; }

ul.errors { list-style:none; }
ul.errors li { font:normal 10px verdana; clear: both; color: #f00; padding: 3px 0 3px 22px; margin: 0; position: relative; line-height: 15px;  background: url('/interactive/files/images/icons/form-error.gif') 0 4px no-repeat; }

dl.faq dt a { background: #efefef; color: @clr-off; display: block; width: 680px; font: @fnt-box; font-size: 15px; padding: 4px 0 4px 12px; margin: 0 0 3px 0;}
dl.faq dt a:hover { background: #dadada; color: @clr-off; display: block; width: 680px; font: @fnt-box; font-size: 15px; padding: 4px 0 4px 12px; margin: 0 0 3px 0;}
dl.faq dd { margin: 5px 0 0px 30px; }



/** RENDEMENT TABEL **/
table.performancewebsitetable {width:900px;}
table.performancewebsitetable tr.odd td { background:#F1F0F0; }
table.performancewebsitetable tr:hover td {cursor: pointer;  background:#7E8082; color:#fff;}
table.performancewebsitetable tr:hover td a:hover{color:#fff;}
table.performancewebsitetable tr td {padding:3px 5px;}

table.performancewebsitetable {/*width:650px;*/ width:100%;clear:both; margin-top:20px;}
table.performancewebsitetable tr td:first-child {width:230px;}
table.performancewebsitetable tr td:last-child {width:50px;}
table.performancewebsitetable tr td.right {text-align:right}


div.publicselectionmethod ul.adminmenu li {float:left; margin:8px 0px; padding:2px 5px; border-right:1px solid #7E8082;}
div.publicselectionmethod ul.adminmenu li:last-child {border-right:none;}

div.publicselectionmethod div.clear {clear:both;}
div.publicselectionmethod {background:@clr-txt; color: @clr-wit; display:inline-block; padding:12px 0 5px 10px; width:100%; /*width:650px;*/}
div.publicselectionmethod form, div.publicselectionmethod p {float:left;}
div.publicselectionmethod form {margin-right:20px;}
div.publicselectionmethod p {padding-right:20px;width:100%;}

div.publicselectionmethod p.comment {color:#bbb; font-size:10px; margin:10px 0 0 5px;}

table.present { padding: 10px 0 30px 0; width: 100%; }
table.present th { padding: 10px; background: @clr-txt; color: @clr-wit; text-transform: uppercase; }
table.present td { padding: 10px; border-bottom: 1px dashed @clr-slg; }

div.bannertext { position: relative; top: 150px; }

div.bannertext ul { background: url('/interactive/files/images/layout/ballon.png') no-repeat; width: 374px; height: 133px; margin: 0 0 0 75px;}

div.bannertext ul li { color: @clr-wit;  padding: 0 15px 0 11px; }
div.bannertext ul li h2 { color: @clr-wit!important; padding: 6px 0 5px 0!important; }