@import url("utils.css");
@import url("main-dev.css");
html,body{margin: 0;padding: 0;color: #7a7b7c;background:  url("../images/backgrounds/page.gif") repeat-x top;text-align: center;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}


/*  ---------------------------------------
	page layout */

#page-container{margin: 0 auto;width: 960px; text-align: left; }
	#header{float: left;width: 100%;}
	#subheader{float: left;width: 100%;background:  url("../images/backgrounds/subheader.gif") ;height: 172px;margin-bottom: 20px;}
	#navigator{display: block;float: left;width: 100%;font-size: 15px;}
	#slideshow{float: left;width: 100%;}
	#content{float: left;width: 100%;font-size: 14px;margin: 1em 0 0; line-height: 1.5em;padding-bottom: 2em;}
		.wide-col{width: 620px;}
		#content .small-col{width: 300px;line-height:1.3em;}
	#footer{float: left;width: 100%;border-top: 2px solid #959596;padding-top: 1em;padding: 5px 0;}
		#footer .inner{width: 960px;margin: 0 auto;}



/*  ---------------------------------------
	global styling */

.inside{ padding:12px; }
h1{}
h2{font-size: 31px;margin: 0 0 .25em;line-height: 1em;font-weight: normal;}
h3,h4{font-size: 1em;margin: 0;}
h2,h3{color: #b6ad7a;}
h2.small{font-size: 20px;color: #014073;}
h2.smaller{font-size: 20px;}
h5{color: #014073;font-size: 20px; font-weight: normal; }
p{}
.quote{font-size: 19px;color: #b6ad7a;margin-bottom: .25em;line-height: 1.2em;}
p.author{margin-bottom: .25em; }
p.quote img{margin-top: -4px;margin-bottom: -5px;margin-right: .5em;}
p.notice{font-style: italic;}


/*a{color: #7a7b7c;font-weight: bold;text-decoration: none;}*/
a{color: #7a7b7c;text-decoration: none;}
a:hover{color: #014073;}
a:visited{}
a.more{background:  url("../images/buttons/more.gif") no-repeat right top;color: #014073;text-decoration: none;padding: 0 19px 7px 0;line-height: 29px;font-weight: bold;font-size: 14px;display:inline-block;}
a.more2{background:  url("../images/bullets/arrow-gray-r.gif") no-repeat right center; padding-right: 15px;}
a.more.r{float: right;margin: 10px 0 0 ;padding-bottom: 0;}
p.line-height-low{line-height: 1.3em;}

div.separator {background:url("../images/backgrounds/box.gif") repeat-x scroll left top transparent;height:20px;}
h3.st {padding-top:10px;}
h3.last {margin-bottom: 1em;}
ul{}
ul.boxes{margin: .5em 0 0;padding: 0;width: 100%;float: left;font-size: 13px;}
ul.boxes.case-study li.single{background:url("../images/backgrounds/box.gif") repeat-x scroll left top transparent;padding-top:30px;}

ul.boxes li{display: block;float: left;list-style: none;width: 300px;margin-right: 30px;padding-top: 0px;line-height:1.3em;}
ul.boxes li.last{margin-right: 0;}
ul.boxes li.single{width: 100%;margin: 0;}

ul.listings{margin: 0;padding: 0;}
ul.listings li.first{padding-top: 0;}
ul.listings li{display: block;float: left;list-style: none;width: 100%;background:  url("../images/backgrounds/dots.gif") repeat-x bottom left; padding: 10px 0 15px;}
ul.listings li.last{background: none;padding-bottom: 0;}

ul#news li, ul#main-stories li{background-position: top;padding: 15px 0 10px;}
ul#news li h2{font-size: 20px;color: #014073;margin-bottom: 0;}
ul#news li p.date{font-size: 12px;margin-bottom: 1.25em;}
ul#news li a{color: #014073;}
ul#news li img.flimg, ul#news li img.frimg{margin-bottom: 0;}
ul#main-stories{font-size: 16px;}
ul#main-stories li a{color: #014073;font-weight: normal;font-size: 13px;font-weight:bold;}

ul.blue{margin: 0 0 1em;padding: 0;font-size: 13px;font-weight: bold;}
ul.blue li, ul#news ul.blue li{background:  url("../images/bullets/blue.gif") no-repeat 0 8px; display: block;float: left;list-style: none;width: 100%;text-indent: 13px;margin: 0;padding: 0;}

ul.results{margin: 4em 0 1em;font-size: 13px;}
ul.listings.results{margin-top:0;}
ul.results li{background-position: top;padding: 10px 0 5px;}
ul.results p{margin: 0;}
ul.results .hidden{display: none;}
ul.results h3{font-size: 20px;margin: 0;font-weight: normal;}
ul.results a{color: #014073;}
ul.results a.more2{color: #7a7b7c;}

ul.live-results{margin: 0;padding: 0;}
ul.live-results li{display: block;float: left;list-style: none;width: 100%;border-top: 1px solid #ccc;}
ul.live-results li a{background: #fff;padding:1px 3px;display: block;font-size: 14px;}
ul.live-results li a:hover{background-color: #014073;color: #fff;}

.pagination ul{margin: 0;padding: 0;font-size: 12px;text-align: center;}
.pagination ul li{display: inline;list-style: none; margin-right: 5px;}
.pagination ul li a{padding: 2px 5px;}
.pagination ul li a.on{background-color: #938C5A; color: #fff;}
.pagination ul li a.hover{color: #938C5A; }

dl{}
dl.timeline{margin: 0 0 1em;padding: 0;}
dl.timeline dt, dl.timeline dd{margin: 0 0;padding: 0;display: block;line-height: 18px;}
dl.timeline dt{background:  url("../images/bullets/timeline.gif") no-repeat 0 6px; padding-left: 13px;}

div.pagination a.next{background:  url("../images/bullets/arrow-gray-r.gif") no-repeat right 3px; padding-right: 15px;}
div.pagination a.prev{background:  url("../images/bullets/arrow-gray-l.gif") no-repeat left 3px; padding-left: 15px;margin-right: 20px;}

div.breadcrumb{margin-bottom: 1em;font-size: 12px;}
div.breadcrumb a{font-weight: normal;}
div.breadcrumb a.last{font-weight: bold;}
div.breadcrumb a.last:hover{color: #7a7b7c;}

.small{font-size: 80%;}
.fs13{font-size: 13px;}
/*  ---------------------------------------
	header */

#logo{display: block;float: left;background:  url("../images/backgrounds/logo.gif"); width: 328px;height: 89px;text-indent: -1000em;}

#header form.search{float: right;margin-top: 30px;}
#header form.search input{float: left; margin-right: 8px;}
#header form.search a.submit{background:  url("../images/buttons/search.gif");width: 11px;height: 16px;display: block;float: left;text-indent: -1000em;margin: 5px 0 0 0;}

#subheader p{display: none;}

#slideshow{position: relative;height: 245px;}
#slideshow ul{margin: 0;padding: 0;}
#slideshow li{display: block;float: left;list-style: none;position: absolute;width: 100%;height: 245px;text-align: center;}
#slideshow li.video{background-color: #000;}
#slideshow li div.caption{position: absolute;bottom: 0;left: 0;background:  url("../images/backgrounds/blackbar.png");width: 100%;}
#slideshow li div.caption p{padding: 7px 10px;margin: 0;color: #fff;font-size: 17px;text-align: left;}
#slideshow a.prev{background: transparent url("../images/buttons/prev.gif");left: 0;}
#slideshow a.next{background: transparent url("../images/buttons/next.gif");right: 0;}
#slideshow a.prev,#slideshow a.next{display: block;width: 24px;height: 145px;text-indent: -1000em;position: absolute;top: 50%;margin-top: -80px;z-index: 10;}


/*  ---------------------------------------
	footer */

#footer ul{float: right;margin: 0;padding: 0;}
#footer ul li{display: block;list-style: none; border-left: 1px solid;float: left; padding: 0 5px; }
#footer ul li.last{border-right: 1px solid;}
#footer ul li a{color: #7a7b7c;font-weight: normal;}
#footer ul li a:hover{color: #014073;}


/*  ---------------------------------------
	navigation */

#navigator ul{margin: 0;padding: 0 1px;position: relative;height: 64px;background:  url("../images/backgrounds/submenu.gif") repeat-x bottom;}
#navigator{background:  url("../images/backgrounds/menu-sep.gif") no-repeat left 7px;}
#navigator li{display: block;float: left;list-style: none;background:  url("../images/backgrounds/menu-sep.gif") no-repeat right center;padding: 0 2px 0 1px;}
#navigator li li.last{background: none;}
#navigator li a{display: block;float: left;padding: 0 15px;line-height: 30px;text-transform: uppercase;text-decoration: none;position: relative;z-index: 2;color: #7a7b7c;font-weight: normal;}
#navigator li.on a, #navigator li a:hover{background:  url("../images/backgrounds/menu.gif") repeat-x top;color: #fff;}
#navigator li a.with-sub:hover, #navigator li.on a.with-sub{line-height: 33px;}

#navigator ul ul{position: absolute;left: 0;top: 30px;z-index: 1;background:  url("../images/backgrounds/submenu.gif") repeat-x top;width: 958px;display: none;}
#navigator ul ul li{background-image: url("../images/backgrounds/submenu-sep.gif");}
#navigator ul li.on ul li a, #navigator ul li ul li a, #navigator li li a:hover{color: #fff;background: none;}

/*  ---------------------------------------
	forms */

form{}
form label{display: block;float: left;width: 100%;margin: .5em 0;}
form label span{margin-right: 10px;}

div#browse label{display: block;float: left;width: 100%;margin: .5em 0;}
div#browse label span{margin-right: 10px;}

input, textarea, select{color: #7a7b7c;font-size: 14px;padding: 3px 2px;}

form input.text{}

form div.submit{float: left;width: 100%;}
form div.submit input.submit{float: right;color: #014073;background-color: #d2d5db;border: 3px outset #d2d5db;}

div#browse div.submit{float: left;width: 100%;}
div#browse div.submit input.submit{float: right;color: #014073;background-color: #d2d5db;border: 3px outset #d2d5db;}

form#search{margin: 1.25em 0;}
form#search input.text{width: 225px;}
form#search input.submit{position: relative;top: 2px;}


form#browse{background-color: #d2d5db;padding: 10px;margin-top: .5em;}
form#browse label span{display: block;float: left;color: #014073;padding: 3px 0;width: 180px;}
form#browse label select{width: 200px;}
form#browse label input{width: 375px;}

div#browse{background-color: #d2d5db;padding: 10px;margin-top: .5em;}
div#browse label span{display: block;float: left;color: #014073;padding: 3px 0;width: 180px;}
div#browse label select{width: 200px;}
div#browse label input{width: 375px;}



.altselect{position: relative;float: left;width: 100%;}
form#browse .altselect div.display span{border: 1px solid #ccc; padding: 1px 15px 1px 3px; background: #fff url("../images/bullets/arrow-gray-d.gif") no-repeat 98% 50%;display: block;margin: 0;color: #7a7b7c;}
div#browse .altselect div.display span{border: 1px solid #ccc; padding: 1px 15px 1px 3px; background: #fff url("../images/bullets/arrow-gray-d.gif") no-repeat 98% 50%;display: block;margin: 0;color: #7a7b7c;}
.altselect ul{width: 100%;position: absolute;left: 0;top:100%;margin: 0;padding: 0;background-color: #fff;}
.altselect li{display: block;float: left;margin: 0;padding: 0;list-style:none;width: 200px;}
.altselect li a{display: block;border: 1px solid #ccc;background: #fff;padding:1px 3px;border-top: 0;}
.altselect li a:hover, .altselect li a.selected:hover{background-color: #014073;color: #fff;}
.altselect li a.selected{color: #014073;}


#browse-sw {margin-top:17px;}
#browse-sw a{font-weight: normal;background:  url("../images/bullets/arrow-gray-d.gif") no-repeat right center; padding-right: 18px;}
dl.sort{margin: 0;padding: 0;font-size: 13px;}
dl.sort dt, dl.sort dd{display: inline;font-weight: normal;margin: 0 .75em 0 0;padding: 0;}
dl.sort dd a{font-weight: normal;color: #014073;padding-right: 16px;}
dl.sort dd a.up{background:  url("../images/bullets/arrow-gray-u.gif") no-repeat right center;}
dl.sort dd a.down{background:  url("../images/bullets/arrow-gray-d.gif") no-repeat right center;}

p.count{margin: 1em 0;font-weight: bold;font-size: 16px;color: #014073;}

#live-results{background-color: #fff; border: 1px solid #ccc;border-top: 0;z-index: 99;}
#live-results.loading{background-color: #ccc;}
#live-results ul{margin: 0;}

form#search ul, form#search ul li, li.ui-menu-item {list-style:none;}
a.ui-corner-all {font-size:.8em;font-weight:normal;}
a.ui-corner-all:hover {font-size:.8em;font-weight:normal;}

p.errors {margin-bottom:2px;}
ul.errors {margin-left:0;margin-top:2px;}
ul.errors li {list-style:none;font-size:.8em;color:red;}

p.image{margin: 1em 0; }

.wide-col.fr p.higher {margin:0;}
p.bold {margin:0;}

/* Stefan 10.2016 */
.wrapper{ width: 960px; margin: 0 auto; text-align: left;}
#ctaheader{ background-color: #b4ac79; color: white; width: 100%; float: left; }
#ctaheader p{ font-size: 22px; font-weight: bold; margin: 30px 0; }
#ctaheader p a{ color: #014073; text-decoration: none; background: #b4ac79 url("../images/underline.gif") repeat-x left bottom; font-size: 16px; padding-bottom: 10px; padding-right: 10px; }
#ctaheader p a:after{ content: '\25B6'; position: relative; left: 5px; top: 1px; }