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,button{border:0;outline:none;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;outline:none;}address{font-style:normal} @font-face { font-family: 'ffwd'; src: local("Helvetica Neue Light"), local("HelveticaNeue-Light"), url('/interactive/files/2011sep/HelveticaLight.ttf') } html { height: 100%; overflow-y: scroll; } body { background: #f3f3f4; color: #494949; font: normal 12px 'Helvetica', 'Arial';} input, textarea, select { font: normal 13px 'Helvetica', 'Arial'; color: #494949; } .clear { clear: both; padding: 0; margin: 0; height: 0; line-height: 0; } header { display: block; background: #fff url('/interactive/files/2011sep/images/core/core-sprite.png') 0 0 repeat-x; height: 69px; float:left; border-top: 5px solid #82AF43; display:block; min-width:1010px;width: 100%; } header #top { display: block; width: 980px; margin: 0 auto; padding: 24px 0 0 ;height: 40px; } header #top h1, header #top #logo { float: left; background: url('/interactive/files/2011sep/images/fasterforward-logo.png'); width: 272px; height: 27px; } header #top h1 a, header #top #logo a { padding: 20px 0 0 0; display: block; } header #top h1 a span, header #top #logo a span { visibility: hidden; } header #top-links { display: block; float: right; padding: 8px 15px 0 0; } header #top-links li { float: left; height: 16px; list-style: none; } header #top-links li.inloggen { background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -129px; } header #top-links li.twitter { background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -147px; } header #top-links li.rss { background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -165px; } header #top-links li a { padding: 0 20px 0 23px; cursor: pointer; font: normal 12px 'Helvetica', 'Arial'; color: #7f9c39;} header #top-links li.inloggen:hover { background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -183px; } header #top-links li.twitter:hover { background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -201px; } header #top-links li.rss:hover { background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -219px; } header #top-links li:hover a { color: #000; } header #search { float: right; margin: 0; padding: 0 0 0 9px; background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -236px; } header #search input[type="search"] { font: normal 12px 'Helvetica', 'Arial'; line-height: 25px; float: left; padding: 0; background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -264px; height: 28px; width: 174px; border: 0; outline: 0; margin: 0; -webkit-appearance: textfield; } header #search input.button { float: left; padding: 0; background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -292px; height: 28px; width: 27px; border: 0; margin: 0; cursor: pointer; } #wrap { display: block; width: 1010px; margin: 0 auto; background: #fff url('/interactive/files/2011sep/images/core/core-repeat.gif') repeat-y; } #core { background: url('/interactive/files/2011sep/images/core/core-sprite.png') 0 -69px no-repeat; min-height: 220px; padding: 0 0 18px 0; } #core h1 { font: normal 29px 'ffwd', 'Arial'; color: #454545; line-height: 24px;} #core h2.sub, span.sub a, span.sub a:hover { font: normal 19px 'ffwd', 'Arial'; color: #82af43; padding-top: 0;} #core a { color: #82af43; } #core a:hover { color: #82af43; } #core nav { display:block; float:left; height: 40px; } #core nav #nav-main {z-index:1000; } #core nav #nav-main li { z-index: 100;display: block; position: relative; float: left; padding: 6px 15px 0 0; } #core nav #nav-main li a { font: normal 13px 'Helvetica', 'Arial'; color: #999; padding: 0 15px 6px 0; } #core nav #nav-main li a:hover, #core nav #nav-main li.active a { color: #82af43; border-bottom: solid 3px #82af43;} #core nav #nav-main li:hover a { color: #82af43; } #core nav #nav-main li ul.subnav {z-index:500; display: none; background: #f3f3f4; border-top: solid 3px #82af43; border-bottom: solid 1px #ccc;} #core nav #nav-main li:hover ul.subnav, #core nav #nav-main li.hover ul.subnav { display: block; position: absolute; top: 28px; left: 0; width: 280px; list-style: none; padding: 0; margin: 0; z-index: 9999; vertical-align: middle; } #core nav #nav-main li:hover ul.subnav li { display: block; width: 280px; padding: 0; } #core nav #nav-main li.active ul.subnav li a { color: #333; } #core nav #nav-main li:hover ul.subnav li a { color: #333; border-bottom: 0;} #core nav #nav-main li:hover ul.subnav li a.subitem { display: block; padding: 5px 9px 7px 9px; } #core nav #nav-main li:hover ul.subnav li a.subitem:hover { background: url('/interactive/files/2011sep/images/core/default-sprite.png') -699px -668px no-repeat; color: #fff; display: block; width: 265px; } #core p { line-height: 15px; } #core address { line-height: 19px; } #core section p, #core ul, #core ol, #core dd, #core h1, #core h2, #core h3, #core h4 { padding: 10px 27px 10px 27px; } #core section ul li { list-style: disc; list-style-position: inside; padding-left: 20px; line-height: 22px; } #core section ol li { list-style: decimal; list-style-position: inside; padding-left: 20px; line-height: 22px; } #core section p img { max-width: 955px; } #core .core-left table { padding: 15px 27px 40px 27px; line-height: 16px;} #core .core-left table td { padding: 0 20px 0 0; } #core section {display:block; float:left; } #core section div.visual { margin: 0 0 0 14px; clear: both; background: #fff; width: 980px; height: 260px; padding: 0; } #core div#banner { padding: 10px 27px 0 27px; } #core #categories li a { color: #666; } #core #categories li a:hover { text-decoration: underline; } #core #categories li {float:left; background: url('/interactive/files/2011sep/images/core/showcase-li.gif') no-repeat; padding: 0 0 0 17px; margin: 3px 18px 18px 0;font-style:italic; text-transform: lowercase; line-height: 13px; } #core .catspacer { clear: both; width: 923px; border-top: solid 1px #e3e3e3; margin: 0 0 0 27px; } #homebanner { padding: 0; margin: 0 0 -20px 0; height: 262px!important; background: #fff;} #homebanner #canvas-banner { height: 40px; width: 981px; position: absolute; bottom: 10px; left: 0; } #homebanner #canvas-banner .nav-banner-start { display: none; } #homebanner #canvas-banner .nav-banner-core { height: 40px; float: left; } #homebanner #canvas-banner .nav-banner-core ul li { float: left; list-style: none; padding: 0 10px 0 0; margin: 0; } #homebanner #canvas-banner .nav-banner-core ul li a { background: #000; border: solid 1px #fff;color: #fff; padding: 2px 6px 2px 6px; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 15px;} #homebanner #canvas-banner .nav-banner-core ul li a.slideractive { font-weight: bold;background:#82af43 } #homebanner #canvas-banner .nav-banner-end { display: none; } #core #start-content { display: inline-block; margin: 10px 0 0 0; } section.left {float: left; width: 300px; margin: 25px 0 0 30px; padding: 0 0 50px 0; color: #999;} section.left a {color: #999; } section.center { float: left; width: 300px; margin: 25px 0 0 0; padding: 0 0 50px 0;color: #999;} section.right { float: right; width: 360px; margin: 25px 0 0 0; padding: 0 0 80px 0;color: #999;} #core #start-content section a.head { font: normal 29px 'ffwd', 'Arial'; color: #454545; line-height: 15px; padding-left: 2px; } #core #start-content section ul { border-top: 1px solid #e3e3e3; margin: 5px 0 0 0; padding: 8px 0 0 0; width: 280px; } #core #start-content section ul#rightside { padding: 8px 15px 0 0; width: 290px; } span.go { color: #7eaa40;} span.gold { font-size: 14px;color: #7eaa40;} a.head-1 {background: url('/interactive/files/2011sep/images/icon-ffwd.gif') no-repeat; margin: 0 0 15px 0;line-height: 50px; display: inline-block; padding: 3px 0 5px 50px;font: normal 24px 'ffwd', 'Arial'; color: #454545!important; } a.head-2 {background: url('/interactive/files/2011sep/images/icon-tools.gif') no-repeat;margin: 0 0 15px 0; line-height: 50px; display: inline-block; padding: 3px 0 5px 50px;font: normal 24px 'ffwd', 'Arial'; color: #454545; } a.head-3 {background: url('/interactive/files/2011sep/images/icon-twitter.gif') no-repeat; margin: 0 0 15px 0;line-height: 50px; display: inline-block; padding: 3px 0 5px 50px;font: normal 24px 'ffwd', 'Arial'; color: #454545; } #core-end section ul li.listert { background: url('/interactive/files/2011sep/images/oplosli.gif') no-repeat 0 6px; float: none; margin: 0; padding:5px 0 0 20px;} #core-end section ul li.listert a { color: #999; } #core-end section ul li.listert a:hover { color: #82af43 } #core #start-content section li { display: block; padding: 9px 0 4px 0; margin: 0; list-style: none; } #core #start-content section li:hover { background: #f3f3f4; } #core #start-content section li.list1 a { display: block; color: #454545; line-height: 19px; padding: 3px 0 6px 25px;} #core #start-content section li.list2-1 a, #core #start-content section li.list2-2 a, #core #start-content section li.list2-3 a , #core #start-content section li.list2-4 a { display: block; color: #454545; line-height: 19px; padding: 3px 0 6px 52px;} #core #start-content section li h2, #core #start-content section li h3 { display: block; padding: 0; margin: 0; } #core #start-content section li.list1 h3 { background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -322px; } #core #start-content section li.list2-1 { background: url('/interactive/files/2011sep/images/core/default-sprite.png') -612px -354px; } #core #start-content section li.list2-2 { background: url('/interactive/files/2011sep/images/core/default-sprite.png') -612px -224px; } #core #start-content section li.list2-3 { background: url('/interactive/files/2011sep/images/core/default-sprite.png') -300px -224px; } #core #start-content section li.list2-4 { background: url('/interactive/files/2011sep/images/core/default-sprite.png') -300px -354px; } #core #start-content section li.list2-1:hover { background: #f3f3f4 url('/interactive/files/2011sep/images/core/default-sprite.png') -612px -354px; } #core #start-content section li.list2-2:hover { background: #f3f3f4 url('/interactive/files/2011sep/images/core/default-sprite.png') -612px -224px; } #core #start-content section li.list2-3:hover { background: #f3f3f4 url('/interactive/files/2011sep/images/core/default-sprite.png') -300px -224px; } #core #start-content section li.list2-4:hover { background: #f3f3f4 url('/interactive/files/2011sep/images/core/default-sprite.png') -300px -354px; } #core #start-content section li h2 a, #core #start-content section li h3 a { font: normal 16px 'Helvetica', 'Arial'; color: #454545; line-height: 12px; } #core #start-content section li.list3 { display: block; line-height: 16px; padding: 20px 3px 0 0; } #core .core-right div.startdate { margin: 0 10px 10px -25px; background: none; border-left: 0; border-top: 0; border-bottom: 0; border-right: 1px solid #ccc; height: 40px; width: 25px;float: left; text-align: left; padding: 7px 10px 0 0;} #core .core-right div.startdate .day { font: normal 16px 'Helvetica', 'Arial'; color: #82af43; } #core .core-right div.startdate .month { font: italic 11px 'Helvetica', 'Arial'; color: #82af43; } #core .core-right .title { margin: 0; padding: 6px 0 0 0; line-height: 16px; font: normal 14px 'Helvetica', 'Arial'; color: #000; } #core .core-right .feed { margin: -13px 0 0 0; padding: 0; line-height: 13px; font: italic 11px 'Helvetica', 'Arial'; color: #454545; } #core .core-right a { margin: 0; padding: 0; line-height: 13px; display: block; } #core .core-right a.head { font: normal 29px 'ffwd', 'Arial'; color: #454545; line-height: 15px; padding: 40px 0 10px 0;} #core .default-banner { clear: both; width: 955px; height: 86px; background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -478px; margin: 10px 0 0 27px;} #core .default-banner p { width: 955px; height: 72px; overflow: hidden; } #core .default-banner img { width: 955px; } #core #ctabuttons {padding: 0;background: url('/interactive/files/2011sep/images/bg-fglmenu.gif'); width: 981px; height: 56px; margin: 1px 0 0 14px;float:left;display:block; } #core #ctabuttons li { float: left; } #core #ctabuttons li a { border-right: 1px solid #333; font: normal 12px 'Helvetica', 'Arial'; text-transform: uppercase; color: #fff; line-height: 56px; padding: 20px 60px 20px 60px;} #core #ctabuttons li:last-child a {padding-left: 56px; padding-right: 55px;} #core #ctabuttons li a:hover, #core #ctabuttons li a.slideractive { background: url('/interactive/files/2011sep/images/bg-fglmenu-hover.gif'); } #core #stretch { display: inline-block; width: 100%;} #core .core-left { float: left; width: 660px; padding: 30px 0 0 16px; } #core .core-left p a:hover { text-decoration: underline; } #core .core-left section p { line-height: 19px; } #core .core-left section ul#clients { margin: 15px 0 0 0; } #core .core-left section ul#clients li { float: left; padding: 0; margin:0 8px 25px 0; text-align: center; display: block; background: #fff url('/interactive/files/images/core/bg-clients.gif') no-repeat; width: 141px; height: 155px; line-height: 165px} #core .core-left section ul#clients li img { width: 128px!important; height: auto!important; } #core .core-left section ul#clients li a.img { display: block;margin: 0; padding: 0; height: 126px; } #core .core-left section ul#clients li a.txt { color:#494949; float: left; text-align: left; height: 20px; line-height: 20px; margin: 0; padding: 0; width: 141px;} #core .core-left section ul#clients li a.txt span { font-size: 15px; padding: 0 0 0 4px; color: #82af43; font-weight: bold; } #core .core-left section ul#clients li:hover a.txt { color: #82af43; } #core .core-left section ul#clients li.inactive img {opacity:0.2; filter:alpha(opacity=20);} #core .core-right { float: left; width: 300px; } #core .core-right p {line-height: 19px;} #core .core-right li a {display: block; } #core .core-right li:hover a {color: #82af43} #core .core-right li a:hover {color: #82af43} #core .core-right div { overflow: hidden; margin: 20px 0 40px 0; padding: 15px; border: 1px solid #e3e3e3; background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -574px no-repeat; } #core .core-right div h4 { padding: 0 0 10px 0; font: normal 26px 'Helvetica', 'Arial'; color: #454545; } #core .core-right div ul.right-ref { padding: 0; } #core .core-right div ul.right-ref li { border-top: 1px solid #e3e3e3; padding: 15px 0 15px 0; } #core .core-right div ul.right-ref li a { font: italic 11px 'Helvetica', 'Arial'; color: #666; } #core .core-right div ul.right-ref li a img { padding-bottom: 10px; } #core .core-right div ol.right-contact { padding: 0; } #core .core-right div ol.right-contact li { padding: 15px 0 0 0; } #core .core-right div ol.right-contact li label { line-height: 30px; color: #666; font-weight: bold; } #core .core-right div ol.right-contact li input { width: 247px; border: 1px solid #cecece; height: 25px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; } #core .core-right div ol.right-contact li input[type="number"] { -webkit-appearance: textfield; } #core .core-right div ol.right-contact li.submit { padding: 20px 0 0 143px; } #core input.button, #core #contactform input.button, #core .core-right div ol.right-contact li input.button { font: bold 12px 'Helvetica', 'Arial'; color: #fff; width: 108px; height: 30px; border-top: solid 5px #719b39; text-align: center; border-left: 0; border-right: 0; border-bottom: 0; color: #fff; cursor: pointer; background: #81af43; outline: 0; padding: 0 0 4px 0; margin: 0; cursor: pointer; } #core input.button, #core #contactform input.button:hover, #core .core-right div ol.right-contact li input.button:hover { background: #999;border-top: solid 5px #333; } #core #breadcrumb {margin: 0; padding: 7px 0 3px 12px; display: inline-block; } #core #breadcrumb li { float: left; } #core #breadcrumb li a { color: #666; } #core #breadcrumb li a span { padding: 0 7px 0 7px; font-weight: bold; } #core .ui-tabs { position: relative; zoom: 1; } #core .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } #core .ui-tabs .ui-tabs-nav li { display: block; list-style: none; float: left; position: relative; margin: 0; padding: 0; height: 36px; white-space: nowrap; background: url('/interactive/files/2011sep/images/core/default-sprite.png') -235px -131px no-repeat; } #core .ui-tabs .ui-tabs-nav li h3 a { padding: 0; float: left; font: bold 11px 'Helvetica', 'Arial'; color: #454545; line-height: 25px;} #core .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #f3f3f4; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; } #core .ui-tabs .ui-tabs-nav li.ui-tabs-selected h3 a, #core .ui-tabs .ui-tabs-nav li.ui-state-disabled h3 a, #core .ui-tabs .ui-tabs-nav li.ui-state-processing h3 a { color: #82af43; } #core .ui-tabs .ui-tabs-nav li h3 a, #core .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } #core .ui-tabs .ui-tabs-panel { display: block; } #core .ui-tabs .ui-tabs-hide { display: none !important; } #core #tabs { padding: 30px 0 0 30px; width: 600px; } #core #tabs .tabnav, #core #tabs .tabs { padding: 0; margin: 0; } #core #tabs .tabs p { clear: both; background: #f3f3f4; padding: 15px; margin: 0; } #core #reference-banner { position:relative; margin: 0; padding: 0; clear: both; background: #f6f6f6; width: 980px; height: 190px; } #core #reference-banner .panel { width: 980px; height: 72px; overflow: hidden; margin-bottom: 10px; border-bottom: 7px solid #454545; } #core #reference-banner ul {padding:0px; margin:0px;} #core #reference-banner .filmstrip { top: 10px; padding:0 10px;} #core #reference-banner .filmstrip div img { margin:0px 2px 0 5px; padding:0px; opacity: 0.2;} #core #reference-banner .filmstrip div:hover img, #core #reference-banner .filmstrip div.active img { opacity: 1;} #core #reference-banner #prev { position:absolute; height:100px; cursor:pointer; z-index:200;} #core #reference-banner #prev img { margin-top:40px;} #core #reference-banner #next { position:absolute; height:100px; right:0; cursor:pointer; z-index:200;} #core #reference-banner #next img { margin-top:40px;} #core dl.news-header { float:left;margin:15px 0 0 24px; padding-right:10px;} #core dl.news-header dt.image img { float:left;margin:4px;max-width:400px;border:1px solid #e3e3e3; padding: 3px; } #core span.news-date { float:left; width: 440px; padding:20px 0 10px 0;font-weight:bold;color:#666;height: 12px; } #core dl.newsitem-footer dd.deelbericht { padding: 30px 0 5px 0;} #core dl.newsitem-footer dd.deelbericht a { background:url('/interactive/files/2011sep/images/icons/sharemessage.png') no-repeat;float:left; font: italic 13px 'Lucida Grande';color: #82af43; padding:0 0 0 20px;} #core dl.newsitem-footer dd.deelbericht a:hover { color: #809c38;} #core dl.newsitem-footer dd.back-button {padding: 0; margin: 0; } #core dl.newsitem-footer dd.back-button a {line-height: 30px; font-weight: bold; color:#82af43;} #core section.news-content { margin-left:2px; margin: -20px 0 0 0; } #core section.news-footer { margin-left:30px; } div#news dl.newsitem { float:left; border-bottom:1px solid #e3e3e3; padding:15px 0 20px 0;margin-left:30px;color:#666;width:610px;} div#news dl.newsitem.last { float:left; border-bottom:0;} div#news dl.newsitem dt.image { float:left;width:168px;height:108px;border:1px solid #e3e3e3;background:#fff; margin-top:7px;overflow:hidden;} div#news dl.newsitem dt.image img { margin:4px;width:160px;height:101px;} div#news dl.newsitem dd { float:left;padding:0 0 0 20px;margin:0;width:410px;} div#news dl.newsitem dd.header { padding:6px 0 6px 20px;} div#news dl.newsitem dd.header a { float:left; color:#809c38;font:italic 16px 'Helvetica', 'Arial';} div#news dl.newsitem dd.header a:hover { color: #82af43;} div#news dl.newsitem dd.date { font-weight:bold;color:#666;} div#news dl.newsitem dd.content { float:left;} div#news dl.newsitem dd.content p { float:left;margin:0;padding:0;} div#news dl.newsitem dd.content span.readon { margin:2px 0 0 4px; padding:5px;} div#news dl.newsitem dd.content span.readon a {color:#809c38;font-weight:bold;} div#news dl.newsitem dd.content span.readon a:hover {color:#82af43;} div#news dl.newsitem dd.deelbericht { padding: 10px 0 5px 20px;} div#news dl.newsitem dd.deelbericht a { background:url('/interactive/files/2011sep/images/icons/sharemessage.png') no-repeat;float:left; font: italic 13px 'Lucida Grande';color: #82af43; padding:0 0 0 20px;} div#news dl.newsitem dd.deelbericht a:hover { color: #809c38;} #core ul.errors { color:#f00;} #core .core-top {float:left;display:block;background: url('/interactive/files/2011sep/images/bg-bread.gif') repeat-x; margin: 0 0 0 14px; width: 980px;} #core .core-right div ol.right-contact li input {background: #fff url('/interactive/files/2011sep/images/core/validate.png') 379px 25px no-repeat;} #core .core-right div ol.right-contact li input.error { border: 1px solid #f00; background-color: #eaeaea; background-position: 379px 3px; outline: none; margin-bottom: 8px; } #core .core-right div ol.right-contact li input.required { background-color: #fff; background-position: 379px -29px; } #core .core-right div ol.right-contact li input.valid { background-color: #fff; background-position: 379px -61px; } #core #contactform { display: inline-block; clear: both; } #core #contactform ol { float:left; padding-left:7px; width:240px; } #core #contactform ol.text { clear: both; width: 550px; } #core #contactform ol li { list-style: none; height: 70px;} #core #contactform label { line-height: 15px; width: 240px; display: inline-block; vertical-align: top; font-weight: bold; } #core #contactform input[type="radio"] { width: 20px; margin-bottom: 38px; border: none; } #core #contactform fieldset li input { margin: 0 0 30px 0; height: 25px; background: #fff 220px 8px no-repeat; } #core #contactform fieldset li input, #core #contactform fieldset li textarea { font: normal 12px arial; display: inline-block; width: 220px; border: 1px solid #aaa; padding: 3px 26px 3px 3px; -moz-transition: background-color 1s ease; -webkit-transition: background-color 1s ease; -o-transition: background-color 1s ease; transition: background-color 1s ease; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #core #contactform fieldset li textarea { width: 530px; } #core #contactform fieldset li input[type="number"] { -webkit-appearance: textfield; } #core #contactform input::-webkit-input-placeholder, #form input:-moz-placeholder { color: #eaeaea; } #core #contactform li input.error { border: 1px solid #f00; background: #eaeaea url('/interactive/files/2011sep/images/core/validate.png') 222px 8px no-repeat; outline: none; } #core #contactform li span.error { position: relative; top: -33px; width: 260px; display: block; } #core #contactform li input.required { background: #ffffe1 url('/interactive/files/2011sep/images/core/validate.png') 222px -24px no-repeat; } #core #contactform li input.valid { background: #fff url('/interactive/files/2011sep/images/core/validate.png') 222px -57px no-repeat; } #core #contactform fieldset li input:required:valid { background: #fff url('/interactive/files/2011sep/images/core/validate.png') 222px -61px no-repeat; } #core #contactform input:focus, #core #contactform textarea:focus, #core #form input:required:focus { background: #ffffe1; } #core #contactform fieldset li.submit { padding: 30px 0 0 473px; margin: 120px 0 0 0; } #core div#search-result dl.search-results { padding:10px 0;margin:0 0 0 25px;border-bottom:1px solid #e3e3e3} #core div#search-result dl.search-results dt.header { color:#7f9c39;padding:0;margin:0; } #core div#search-result dl.search-results dt.header a { color:#7f9c39; } #core div#search-result dl.search-results dd.description { padding:0;margin:0; } #core div#search-result dl.search-results dd.url { padding:10px 0;margin:0; } #core-end { width: 1010px; background: #f3f3f4 url('/interactive/files/2011sep/images/core/default-sprite.png') 0 0 no-repeat; height: 100px; } #core-end ul li { float: left; padding: 25px 20px 0 20px; } #core-end address a:hover {color: #82af43} #core-end ul li a { color: #333; } #core-end ul li a:hover { color: #82af43; } #core-end ul.tweet_list li { float: left; padding: 20px 20px 0 0; } #core-end ul.tweet_list li:first-child { padding: 0 20px 0 0; } footer { background: #7eaa40; height: 27px; width: 100%; display: block; text-align: center; position: fixed; bottom: 0!important; } footer a { padding: 0 12px 0 12px;color: #fff; line-height: 27px; font-size: 11px;} footer a:hover { padding: 0 12px 0 12px;color: #fff; text-decoration: underline; font-size: 11px;} footer .slide { position: absolute; left: 12%; } footer .slide a.button { position: absolute; top: -15px; width: 200px; height: 30px; line-height: 30px; padding-top: 10px; text-align: center; border: 0; color: #fff; text-transform: uppercase; cursor: pointer; background: #7f9c39 url('/interactive/files/2011sep/images/core/default-sprite.png') -830px -128px no-repeat; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; outline: 0; } footer .slide a.up{ background: url('/interactive/files/2011sep/images/core/default-sprite.png') -830px -172px no-repeat; } footer .slide .inner { position: absolute; left: 0; bottom: 0; width: 200px; } footer .slide .inner ul { line-height: 19px; } footer .slide .inner ul li { background: #333; color: #fff; opacity: 0.9; filter: alpha(opacity=90);} footer .slide .inner ul li:last-child { padding-bottom: 10px; } footer .slide .inner ul li.slideup-head{ padding: 10px; text-align: center; color: #fff; text-transform: uppercase; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: #7f9c39; opacity: 1; cursor: pointer; } footer .slide .inner ul li.slideup-search { display: block; padding: 10px; font-weight: bold; } footer .slide .inner ul li.slideup-search input { background: #696969; border: none; color: #fff; padding: 5px 3px; } footer .slide .inner ul li a { display: block; padding: 0 10px; color: #fff; text-transform: uppercase; } footer .slide .inner ul li a:hover { color: #7f9c39; } dl.search-results dt.header { padding: 35px 0 0 0; } dl.search-results dt.header a { margin: 0 0 0 25px!important; font-weight: bold;} #core form#search { background: none; width: 250px; margin: 0 -26px 0 0; } #core fieldset.searchSet { float: right; margin: 8px 1px 8px 0; padding: 0 27px 0 9px; background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -237px; } #core form#search input { line-height: 25px; float: left; padding: 0; background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -265px; height: 27px; width: 164px; border: 0; outline: 0; margin: 0; -webkit-appearance: textfield; } #core buttonSubmitLiveserach { float: left; padding: 0; background: url('/interactive/files/2011sep/images/core/default-sprite.png') 0 -293px; height: 27px; width: 27px; border: 0; margin: 0; cursor: pointer; } header #top #suggestion { margin: 28px 0 0 776px; width:190px; background:#fff; position:absolute; border-right:1px solid #cecece; border-left:1px solid #cecece; border-bottom:1px solid #cecece; z-index:100; } header #top #suggestion ul { text-align:left; list-style:none; padding:3px; } header #top #suggestion ul li { font: normal 11px 'Helvetica', 'Arial';} header #top #suggestion ul li a { color: #333; text-decoration: none; display: block; margin: 0 0 0 -3px; padding: 2px 7px 2px 7px; width: 176px; } header #top #suggestion ul li a:hover { color: #fff; text-decoration: none; background: #7f9c39;} a.closesuggestions { margin : 0 3px 2px 0px; display:block; width:20px; height:20px; float:right; background: url('/interactive/files/2011sep/images/core/default-sprite.png') -990px -680px no-repeat;} #core form#twittersearch { margin: 10px 0 0 27px; } #core .twitter_status { height: 70px; padding: 18px 0 0 0; border-bottom: solid 1px #ccc; } #core .twitter_image { float: left; margin: 0 14px 0 0; border: solid 1px #ccc; width: 50px; height: 50px; } #core .twitter_small { color: #999; display: block; } #core #twitter-results { padding: 15px 30px 0 28px; } #core input#twitterq { height: 21px; margin: 0 8px 0 0; width: 300px; } #core .core-right div.twitter-right div.reftweet { background: none; padding: 0; margin: 0; border: 0; } #core .core-right div.twitter-right div.reftweet ul.tweet_list { padding: 20px 0 0 0; margin: 0; } #core .core-right div.twitter-right div.reftweet ul.tweet_list li { padding: 0 0 20px 0; margin: 0; } @media screen and (-webkit-min-device-pixel-ratio:0){ #core span.news-date { float:left;padding:0px 0 0px 0; margin: 18px 0 2px 0; font-weight:bold;color:#666;height: 12px; } #core section.news-content { margin-left:2px; margin: 0px 0 0 0; } } div.slideshow-container {position: relative;clear: both;height: 280px;width: 690px;overflow: hidden; border: 1px solid #e3e3e3;float: left;padding: 0;margin: 0;} div.slideshow-container img {width: 690px; padding: 0;margin: -20px 0 0 0;} #slideshow .slideshow { margin: 0; padding: 0; } div.loader {position: absolute;top: 0;left: 0;background-image: url('/interactive/files/2011sep/images/loader.gif');background-repeat: no-repeat;background-position: center;width: 690px;height: 280px;} #thumbs { margin: -10px 0 0 0; padding: 0;} #thumbs li {float: left;margin-right: 10px;} ul.thumbs li {float: left;padding: 0;margin: 0 18px 18px 0!important;list-style: none;width: 80px;height: 80px;overflow: hidden;border: 1px solid #e3e3e3;} ul.thumbs {width: 270px;display:inline-block;} a.thumb {display: block;} a.thumb img { height: 150px!important; } a.thumb:focus { outline: none;} ul.thumbs img { border: none; display: block;}