/*
 *
 * Amplexor
 *
 */

 /*
 * Changes By GRA/NTA
 * 2011-05-03 : site-borders-gs.gif ( Rood lijntje voor de Graphics Website )
 * 2011-05-05 : content div.bordered-focus div.product ( Icon voor product bij de Focus blokjes )
 * 2011-06-01 : update div.bordered-focus div.product + uploaded camera-icon.gif voor In the piture icon
 * 2011-06-15 : content ol adjust margin-left
 * 2011-06-20 : .checkbox {margin:2px 8px;vertical-align:middle} vertical-align changed from bottom to middle
 * 2012-03-07 : background-color financial tables removed image (issue with repeating image)
 * 2012-03-08 : left-nav-additional ul added botton margin & left-nav-additional adjusted margin-top
 * 2012-03-25 : seachoverview added (for dokxreplacement)
 * 2012-04-04 : bannerhtml added for html 5 banner
 * 2012-04-10 : aanpassing pressrelease bullets (dubbele pijl) 
*  2012-05-12 : aanpassing voor stay informed
*  2012-06-06 : focus no icon & search listing
*  2012-06-21 : Removed display:inline-block from #main #title
*  2012-06-22 : Removed #content div.searchoverview div.inthepicture p {padding-bottom: 5px;}
*  2012-06-22 : Removed div.searchoverview{margin: 1em 0.3em 0.5em 1.5em;width: 415px;}
*  2012-07-06 : Added new focus category
*  2012-08-20 : Added language navigation
*  2012-10-04 : Adjusted to the new design guide
*  2013-01-16 : changes on Formbox a.o. .formRow .inputElement .detail input gewijzigd in .formRow .inputElement .detail input.textfield
*  2013-01-16 : added categoryoverview and categorydtail
*  2013-04-16 : removed changes formbox added focus image changes
*  2013-05-22 : removed background image arrow from left hand navigation (did not display properly in IE)
*  2013-06-04 : Added Categorical Facetted Overview + minor layout change
*  2013-07-25 : Changes for new Focusblock features
*  2013-07-25 : id "table" toegevoegd om de cellen op 33% te krijgen
*  2013-07-31 : reomved padding-bottom: 10px from #modules div.content
*  2013-09-09 : Image padding botton set to 5px ipv 10px
*  2013-10-29 : added table.noborder class
*  2013-11-21 : changes to qoute style
*  2014-01-22 : added h5 definition, td.cell center, ul li ul
*  2014-02-11 : added definition small for form footer
*  2014-02-13 : added definition paragraph-image
*  2014-02-18 : added display:inline-block in formbox fomrmain tos solve issue with ie
*  2014-05-15 : added width to .formBox .formMain
*  2014-07-30 : removed text-transform: lowercase; for form label
*  2014-08-01 : sub-nav ul li margin bottom verhoogd lineheight verminderd
*  2014-08-20 : added pagintro class to solve issue with height and floating images width 100% 
*  2014-08-29 : added support for one-col-small left empty nav
*  2014-11-07 : added support caption under images rich text
*  2014-11-13 : specific style for cation in forms 
*  1014-12-15 : small changes form footer
*  2015-04-13 : added break-word for searchoverview
 */
 
 
/*==========*/
/* STYLES   */
/*==========*/
/* == START General definitions == */
/* position - general html tags*/
body {width: 100%; font-size: 80%; font-weight: normal; font-family: /*Verdana,Arial,Geneva,Helvetica,sans-serif*/arial,trebuchet MS,tahoma,helvetica,clean,sans-serif; text-decoration: none; text-align: center; letter-spacing: 0; word-spacing: normal; background: #ececec url(/resources/images/body-bg.gif) repeat-x 0 0; color: #636363;}
#content-body {background: #fff none; border-top: 1px solid #F8F8F8;border-bottom: 1px solid #ececec;}
#content-container {background: none;}
#content {background: none; padding: 0 20px 20px 20px;}

#wrapper {padding-top: 20px; padding-left: 20px; background: transparent url(/resources/images/leftnav-bg.jpg) no-repeat left bottom;}
p.small {font-size: 85%;}

div.bordered-focus {clear: both;}
#three-col #content #sub-nav {width: 21%; float: left;}
#three-col #content #wrapper {width: 76%; float: right;} /*76.5*/
#three-col #wrapper #main {width: 66%; float: left;}
#three-col #wrapper #modules {width: 34%; float: right;}
#three-col div.focus {width: 47.5%;}
#three-col div.bordered-focus div.focus {width: 42.8%;}
#three-col div.bordered-focus div.general, #three-col div.bordered-focus div.image-banner {width: 47.5%;}
#three-col #content ul.byalphabet li a {padding: 4px 3px;}

#two-col-subnav #content #sub-nav {width: 21%; float: left;}
#two-col-subnav #content #wrapper {width: 76%; float: right;}
#two-col-subnav #wrapper #main {width: 100%;}
#two-col-subnav #wrapper #modules {display: none;}
#two-col-subnav div.focus {width: 31%;}
#two-col-subnav div.bordered-focus div.focus {width: 28%;}
#two-col-subnav div.bordered-focus div.general, #two-col-subnav div.bordered-focus div.image-banner {width: 31%;}

#two-col-modules #content #sub-nav {display: none;}
#two-col-modules #content #wrapper {width: 100%; background: none; padding-left: 0;}
#two-col-modules #wrapper #main {width: 74.5%; float: left;}
#two-col-modules #wrapper #modules {width: 25.5%; float: right;}
#two-col-modules div.focus {width: 31%;}
#two-col-modules div.bordered-focus div.focus {width: 28%;}
#two-col-modules div.bordered-focus div.general, #two-col-modules div.bordered-focus div.image-banner {width: 31%;}

#one-col #content #sub-nav {display: none;}
#one-col #content #wrapper {width: 100%; background: none; padding-left: 0;}
#one-col #wrapper #main {width: 100%;}
#one-col #wrapper #modules {display: none;}
#one-col div.focus {width: 23.3%;}
#one-col div.bordered-focus div.focus {width: 20.9%;}
#one-col div.bordered-focus div.general, #one-col div.bordered-focus div.image-banner {width: 23.3%;}

#one-col-small #content #wrapper {float: right;width: 76%;}

#container {min-width: 960px; max-width: 75em; margin: 0 auto; text-align: left; position: relative; overflow: hidden; margin-bottom: 1px;}
#header {position: relative; z-index: 1; width: 100%; height: 117px;}
.pageintro {display:inline-block;width:100%;}

/* == END General definitions == */

/* == START Buttons == */
/* Button regular */
div.button{position: relative; display: inline-block; margin: 0 5px 0 0;}
div.button span.btn-lt{display: block; width: 5px; height: 5px; position: absolute; left: 0; top: 0; background: transparent url(/resources/images/btn-reg-lt.png) no-repeat left top;}
div.button span.btn-rt{display: block; width: 5px; height: 5px; position: absolute; right: 0; top: 0; background: transparent url(/resources/images/btn-reg-rt.png) no-repeat right top;}
div.button span.btn-rb{display: block; width: 5px; height: 5px; position: absolute; right: 0; bottom: 0; background: transparent url(/resources/images/btn-reg-rb.png) no-repeat right top;}
div.button span.btn-lb{display: block; width: 5px; height: 5px; position: absolute; left: 0; bottom: 0; background: transparent url(/resources/images/btn-reg-lb.png) no-repeat left top;}
div.button div.btn-l{border-left: 1px solid #9a9a9a;}
div.button div.btn-r{border-right: 1px solid #9a9a9a;}
div.button div.btn-b{border-bottom: 1px solid #9a9a9a;}
div.button div.btn-gradient{background: #b2b2b2 url(/resources/images/btn-reg-gradient.jpg) repeat-x 0 0; border-top: 1px solid #9a9a9a; padding: 2px 7px 3px 7px;}
div.button a{color: #fff; font-weight: bold; text-decoration: none; outline: none;}
div.button input.submitbtn{color: #fff; font-weight: bold; background: none; border: 0; outline: none; margin: 0; padding: 0; cursor: pointer; overflow: visible;}

div.hovered div.common span.btn-lt{background-image: url(/resources/images/btn-reg_hov-lt.png);}
div.hovered div.common span.btn-rt{background-image: url(/resources/images/btn-reg_hov-rt.png);}
div.hovered div.common span.btn-lb{background-image: url(/resources/images/btn-reg_hov-lb.png);}
div.hovered div.common span.btn-rb{background-image: url(/resources/images/btn-reg_hov-rb.png);}
div.hovered div.common div.btn-gradient{background-color: #cdcdcd; background-image: url(/resources/images/btn-reg_hov-gradient.jpg);}

div.button div.bgfill, div.button span.bgfill{background-color: #fff;}
/* == END Buttons == */

/* == START Header == */
#header #search-box {float: right; padding: 35px 14px 0 0;}
#header #search-box input.searchfield {background-color: #f7f7f7; border: 1px solid #C7C7C9; margin-right: 10px; padding: 3px 5px 4px 5px; color: #606060;}
/* == END Header == */

/* == START Topnav == */
.local {display:inline-block;width:auto}
#nav {position: absolute; top: 99px; left: 0; z-index: 1; width: 100%; text-align: center;}
#nav ul {list-style: none; padding-left: 1px}
#nav ul li {float: left; position: relative;}
#nav ul li a {display: inline-block; color: #7d7d7d; outline: none; cursor: pointer; text-decoration: none;}
#nav ul li a span.layouthelper {display: inline-block; background: transparent url(/resources/images/nav-main-bg.png) repeat-x 0 0; padding: 2px 0 6px 0;}
#nav ul li a.selected span.layouthelper {background: transparent url(/resources/images/nav-main-bg-active.png) repeat-x 0 0;}
#nav ul li a.selected {color: #000;}
#nav ul li a:hover {color: #000;}
#nav ul li a.selected:hover {color: #000;}
#nav ul li.last a span.navitem {background: none;white-space:nowrap;}
#nav ul li a span.navitem {background: url(/resources/images/nav-main-sep.jpg) no-repeat scroll right top transparent;display: block;font-size: 1.1em;font-weight: bold;padding: 11px 34px 8px 33px;text-transform: uppercase; white-space:nowrap;}
#nav ul li.first span.layouthelper {margin-left: 11px;}
#nav ul li.first span.brd-lt {display: block; width: 11px; height: 21px; position: absolute; top: 0; left: 0; background: transparent url(/resources/images/nav-main-brd-lt.png) no-repeat left top;}
#nav ul li.first span.brd-lb {display: block; width: 11px; height: 22px; position: absolute; top: 21px; left: 0; background: transparent url(/resources/images/nav-main-brd-lb.png) no-repeat left bottom;}
#nav ul li.last span.layouthelper {margin-right: 11px;}
#nav ul li.last span.brd-rt {display: block; width: 11px; height: 21px; position: absolute; top: 0; right: 0; background: transparent url(/resources/images/nav-main-brd-rt.png) no-repeat right top;}
#nav ul li.last span.brd-rb {display: block; width: 11px; height: 22px; position: absolute; top: 21px; right: 0; background: transparent url(/resources/images/nav-main-brd-rb.png) no-repeat right bottom;}
#nav ul li.first a.selected span.brd-lt {background: transparent url(/resources/images/nav-main-brd-lt-active.png) no-repeat left top;}
#nav ul li.first a.selected span.brd-lb {background: transparent url(/resources/images/nav-main-brd-lb-active.png) no-repeat left bottom;}
#nav ul li.last a.selected span.brd-rt {background: transparent url(/resources/images/nav-main-brd-rt-active.png) no-repeat right top;}
#nav ul li.last a.selected span.brd-rb {background: transparent url(/resources/images/nav-main-brd-rb-active.png) no-repeat right bottom;}
/* == END Topnav == */

/*== START Language Navigation ==*/
#nav ul.nav_lang {font-size: 0.8em;position: absolute;right: 6px;top:-14px;background:none;margin:0 8px 0 0}
#nav ul.nav_lang li {padding:0 3px 0 0}
#nav ul.nav_lang li a {border-left: 1px solid #DDDDDD;padding:0 0 0 3px}
#nav ul.nav_lang li.firstselected {background-color: #DDDDDD;border-left: 1px solid #DDDDDD;color: #000000;font-weight: bold;padding: 0 3px;padding-left: 3px;}
#nav ul.nav_lang li.selected {background-color: #DDDDDD;border-left: 1px solid #DDDDDD;color: #000000;font-weight: bold;padding: 0 3px;padding-left: 3px;}
#nav ul.nav_lang li.lastselected {background-color: #DDDDDD;border-right: 1px solid #DDDDDD;color: #000000;font-weight: bold;padding: 0 3px;padding-left: 3px;}
#nav ul.nav_lang li a:hover {color: #000000;}
#nav ul.nav_lang li.first a {border-left: medium none;}
/*== Stop Language Navigation ==*/

/* == START Banner == */
#banner {min-height: 20px;}


#banner div.bannercarroussel, #banner div.singlebanner {position: relative; width: 960px; height: 341px;}
#banner div.bannercarrousselhigh, #banner div.singlebannerhigh {position: relative; width: 960px; height: 525px;}
#banner div.banneritem {position: absolute; top: 0; left: 0; width: 960px; height: 341px;}
#banner div.banneritemhigh {position: absolute; top: 0; left: 0; width: 960px; height: 525px;}
#banner div.bannertext {position: absolute; bottom: 70px; right: 20px; width: 312px; height: 150px; color: #fff; overflow: hidden; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; padding: 20px;}
#banner div.bannertexthigh {position: absolute; bottom: 70px; right: 20px; width: 312px; height: 150px; color: #fff; overflow: hidden; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; padding: 20px;}
#banner div.pager {position: absolute; bottom: 20px; right: 20px; padding: 5px; background: transparent url(/resources/images/pager-bg.jpg) repeat-x 0 0; border: 1px solid #e1dddd; border-bottom: none;}
#banner div.leftinfo div.bannertext {bottom: 70px; left: 20px; right: auto;}
/*#banner div.leftinfo div.pager {bottom: 20px; right: 20px; left: auto;}*/
#banner div.pager a.next{display: block; width: 4px; height: 16px; background: transparent url(/resources/images/arrow-right.gif) no-repeat 0 5px; margin-left: 5px;}
#banner div.pager a.previous{display: block; width: 4px; height: 16px; background: transparent url(/resources/images/arrow-left.gif) no-repeat 0 5px; margin-right: 5px;}
#banner div.pager span{float: left; padding: 0 3px; margin-right: 2px; color: #000;}
#banner div.pager a{float: left; padding: 0 3px; margin-right: 2px; cursor: pointer; color: #AAAAAA;}
#banner div.fallback {position: absolute; top: 0; left: 0; width: 960px; height: 341px;}
#banner div.fallback div.pager, #banner div.singlebanner div.pager {display: none;}

#banner h3 {font-size: 2em; margin-bottom: 10px;}
#banner p {font-size: 1.3em;}
#banner p a {display: block; margin: 5px 0; font-size: 0.9em; color: #000; text-decoration: none;}
#bannerhtml p {font-size: 1em;}
/* == END Banner == */

/* == START Content == */
#content h1 {font-size: 2em; color: #636363; margin-bottom: 10px; font-weight: normal; clear: both;}
#content h2 {font-size: 1.2em; margin-bottom: 10px;}
#content h3 {font-size: 1em; margin-bottom: 8px;}
#content h5 {font-size: 1.7em; color: #78797d; margin-left: 10px; margin-bottom: 10px; font-weight: normal; clear: both; letter-spacing: 0.3px; line-height: 29px;}
#content p {padding-bottom: 7px; line-height:1.25em;}
#content ul {list-style: none; margin-left: 0; padding-bottom: 10px;}
#content ul li {background: transparent url(/resources/images/arrow-right.gif) no-repeat 0 5px; padding-left: 10px;}
#content ul li ul { padding-bottom: 0; }
#content ul li p {margin: 0; padding: 0;}
#content ol {margin-left: 2.4em; padding-bottom: 10px;}
#content ul.linklist {padding-bottom: 0;}

#content hr {text-align: right; height: 1px; color: #eaeaea; border: none; background-color: #eaeaea; border: 0px solid #eaeaea; margin-bottom: 15px; clear: both;}
#content a {color: #238cd6; text-decoration: none;}
#content div.button a{color: #fff; cursor: pointer;}
#content a.link-icon {background: transparent url(/resources/images/arrow-more.gif) no-repeat right 4px; padding-right: 15px;}
#content a:hover {color: #000;}
#content span.releasemonth {color: #000;}
#content span.releasemonth strong {color: #444444;font-size: 1em;}
#content span.specs {color: #000;}

#content .left {float: left;}
#content .right {float: right;}
#content img.left {padding: 0 10px 10px 0;}
#content img.right {padding: 0 0 10px 10px;}

#content ul.pager {list-style: none; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eaeaea;}
#content ul.pager li {margin: 0; padding: 0; background: none; float: left;}
#content ul.pager li.first {position: relative;}
#content ul.pager li.last {position: relative;}
#content ul.pager li.first span.brd-lt {display: block; width: 5px; height: 5px; padding: 0; border: none; position: absolute; top: 0; left: 0; background: transparent url(/resources/images/pager-brd-lt.jpg) no-repeat left top;}
#content ul.pager li.first span.brd-lb {display: block; width: 5px; height: 5px; padding: 0; border: none; position: absolute; bottom: 0; left: 0; background: transparent url(/resources/images/pager-brd-lb.jpg) no-repeat left bottom;}
#content ul.pager li.last span.brd-rt {display: block; width: 5px; height: 5px; padding: 0; border: none; position: absolute; top: 0; right: 0; background: transparent url(/resources/images/pager-brd-rt.jpg) no-repeat right top;}
#content ul.pager li.last span.brd-rb {display: block; width: 5px; height: 5px; padding: 0; border: none; position: absolute; bottom: 0; right: 0; background: transparent url(/resources/images/pager-brd-rb.jpg) no-repeat right bottom;}
#content ul.pager li.active span.brd-lt {background-image: url(/resources/images/pager-brd-active-lt.jpg);}
#content ul.pager li.active span.brd-lb {background-image: url(/resources/images/pager-brd-active-lb.jpg);}
#content ul.pager li.active span.brd-rt {background-image: url(/resources/images/pager-brd-active-rt.jpg);}
#content ul.pager li.active span.brd-rb {background-image: url(/resources/images/pager-brd-active-rb.jpg);}
#content ul.pager li a, #content ul.pager li span {display: block; padding: 4px 5px; background-color: #f0f0f0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #fff;}
#content ul.pager li.first a, #content ul.pager li.first span {border-left: 1px solid #ddd;}
#content ul.pager li.last a, #content ul.pager li.last span {border-right: 1px solid #ddd;}
#content ul.pager li.active a {background-color: #ddd; color: #000;}

/* == START Breadcrumb == */
#breadcrumb {margin-bottom: 10px; font-size: 0.85em;}
#breadcrumb a {color: #636363;}
#breadcrumb span {color: #238cd6; font-weight: bold; margin: 0 5px;}
/* == END Breadcrumb == */

#content div.focus {float: left; margin-right: 20px; margin-bottom: 20px; height: 300px; overflow: hidden;}
#content div.focus  h2 {min-height: 22px; overflow: hidden; margin-bottom: 10px;}
#content div.focus div.heighthelper {height: 270px; overflow: hidden;}
#content div.focus div.heighthelper h2 {min-height: 22px; overflow: hidden; margin-bottom: 10px;}
#content div.focus div.heighthelper div.textblock {}
#content div.focus div.heighthelper div.textblock h2 {height: auto;}
#content div.focus div.moreinfo {height: 20px; overflow: hidden; padding-top: 10px; border-top: 1px solid #eaeaea;}
#content div.focus div.graphic {position: relative;}
#content div.focus div.inset h2 {height: auto;}
#content div.general div.heighthelper div.textblock {border-top: none; height: auto;}
#content ul.pressrelease {float:left; background:none;padding-bottom:0px;padding-top:5px;margin-left:-8px}
#content ul.pressrelease li {float:left; background:none;}
#content div.pressreleaseoverview ul li {margin-bottom: 6px;}
#content div.pressreleaseoverview ul li a{background: none;}
#content div.image-banner div.inset {position: absolute; bottom: 10px; left: 10px; padding: 10px; background-color: #fff; font-weight: bold; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
#content div.image-banner div.heighthelper, #content div.image-banner div.heighthelpernomore  {overflow: visible;}
#content div.newscontainer div.textblock ul li {margin-bottom: 6px;}
#content div.newscontainer div.textblock ul li a{background: none;}

#content div.focus div.above {}
#content div.focus div.above img {margin-bottom: 8px;}
#content div.focus div.below {}
#content div.focus div.below img {}
#content div.focus div.inline {}
#content div.focus div.inline img {float: left; padding: 0 10px 5px 0;}
#content div.bordered-focus div.focus {height: 280px; border: 1px solid #ececec; padding: 10px; background: #fff url(/resources/images/focus-bg.jpg) repeat-x left bottom;border-radius: 5px 5px 5px 5px;}
#content div.bordered-focus-low div.focus {height: 180px; border: 1px solid #ececec; padding: 10px; background: #fff url(/resources/images/focus-bg.jpg) repeat-x left bottom;border-radius: 5px 5px 5px 5px;}
#content div.bordered-focus div.focus div.heighthelper {height: 250px;}
#content div.bordered-focus-low div.focus div.heighthelper {height: 150px;}
#content div.bordered-focus div.focus div.heighthelper div.textblock , #content div.bordered-focus-low div.focus div.heighthelper div.textblock{ padding: 10px 0;line-height:1.25em;border-top: 1px solid #cfcfcf;}
#content div.bordered-focus div.focus div.heighthelper div.textblocknotitle , #content div.bordered-focus div.focus div.heighthelper div.textblocknotitle{ padding: 0px 0;}
#content div.bordered-focus div.focus div.heighthelpernomore {height: 280px; overflow: hidden}
#content div.bordered-focus-low div.focus div.heighthelpernomore {height: 180px; overflow: hidden}
#content div.bordered-focus div.focus div.heighthelpernomore div.textblock , #content div.bordered-focus-low div.focus div.heighthelpernomore div.textblock { padding: 10px 0;line-height:1.25em;border-top: 1px solid #cfcfcf;}
#content div.bordered-focus div.focus div.heighthelpernomore div.textblocknotitle , #content div.bordered-focus-low div.focus div.heighthelpernomore div.textblocknotitle{ padding: 0px 0; line-height:1.25em;}

#content div.bordered-focus div.image-banner, #content div.bordered-focus-low div.image-banner { border-radius: 0 0 0 0; }
#content div.bordered-focus div.image-banner div.heighthelper,#content div.bordered-focus div.image-banner div.heighthelpernomore, #content div.bordered-focus-low div.image-banner div.heighthelpernomore{ overflow: visible;}
#content div.bordered-focus div.case h2, #content div.bordered-focus-low div.case h2 {background: transparent url(/resources/images/customer-icon.gif) no-repeat 0 0; padding: 5px 0 0 40px;}
#content div.bordered-focus div.product h2, #content div.bordered-focus-low div.product h2 {background: transparent url(/resources/images/camera-icon.gif) no-repeat 0 0; padding: 5px 0 0 45px;}
#content div.bordered-focus div.pressreleaseoverview h2, #content div.bordered-focus-low div.pressreleaseoverview h2 {background: transparent url(/resources/images/news-icon.gif) no-repeat 0 0; padding: 5px 0 0 40px;}
#content div.bordered-focus div.newsstoryoverview h2, #content div.bordered-focus-low div.newsstoryoverview h2 {background: transparent url(/resources/images/news-icon.gif) no-repeat 0 0; padding: 5px 0 0 40px;}
#content div.bordered-focus div.newsstory.pressreleaseoverview h2 {background: transparent url(/resources/images/news-icon.gif) no-repeat 0 0; padding: 5px 0 0 40px;}
#content div.bordered-focus div.news h2, #content div.bordered-focus-low div.news h2 {background: transparent url(/resources/images/news-icon.gif) no-repeat 0 0; padding: 5px 0 0 40px;}
#content div.bordered-focus div.event h2, #content div.bordered-focus-low div.event h2 {background: transparent url(/resources/images/event-icon.gif) no-repeat 0 0; padding: 5px 0 0 30px;}
#content div.bordered-focus div.sidebar_focus h2, #content div.bordered-focus-low div.sidebar_focus h2 {background: transparent url(/resources/images/event-icon.gif) no-repeat 0 0; padding: 5px 0 0 30px;}
#content div.bordered-focus div.newscontainer h2, #content div.bordered-focus-low div.newscontainer h2 {background: transparent url(/resources/images/news-icon.gif) no-repeat 0 0; padding: 5px 0 0 40px;}
#content div.bordered-focus div.none h2, #content div.bordered-focus-low div.none h2 {padding: 5px 0 0 0px;}
#content div.bordered-focus div.general, #content div.bordered-focus div.image-banner {border: none; padding: 0; background: none; height: 302px;}
#content div.bordered-focus-low div.general, #content div.bordered-focus-low div.image-banner {border: none; padding: 0; background: none; height: 202px;}
#content div.bordered-focus div.general div.heighthelper {height: 260px;}
#content div.bordered-focus div.general div.heighthelper div.textblock, #content div.bordered-focus-low div.general div.heighthelper div.textblock  {border-top: none;}
#content div.bordered-focus div.cleanframe {border: 1px none #ECECEC;background: none;padding: 0px;height: 302px;}
#content div.bordered-focus-low div.cleanframe {border: 1px none #ECECEC;background: none;padding: 0px;height: 202px;}
#content div.bordered-focus div.date, #content div.bordered-focus-low div.date {font-size: 0.8em;line-height: 1em;padding-bottom: 2px;}

#content a.focus-title-link {color: #636363;cursor: pointer;}
#content a.focus-title-link h2:hover {color: #238CD6;display: block;}

#content div.inthepicture {margin-bottom: 10px;}
#content div.inthepicture small {font-size: 0.8em; margin-left: 10px;}
#content div.inthepicture span.location, #content div.inthepicture span.date, #content div.inthepicture span.interest, #content div.inthepicture span.division, #content div.inthepicture span.pressreleaseinfo {display: block; color: #000;}
#content div.inthepicture p {padding-bottom: 0px; margin-bottom: 6px;}
#content div.inthepicture span.pressreleaseinfo {margin-bottom: 6px; margin-top: -7px; font-size:0.85em; color:#333333;}
#content div.inthepicture span.small a{font-size: 0.8em;}
/* #content div.month div.inthepicture h3 {margin-bottom:0px} */
#content div.overview div.item {margin-bottom: 20px;}

#content div.highlight {border-top: 1px solid #e6e6e6; border-right: 1px solid #ececec; border-bottom: 1px solid #f3f3f3; border-left: 1px solid #ececec; background: #fff url(/resources/images/focus-bg.jpg) repeat-x left bottom; padding: 10px; margin-bottom: 20px;}
#content div.highlight span {margin-right: 5px; font-weight: bold;}

#content #main .paragraph-image {padding: 0 10px 10px 0; float: left; clear: left;}
#content #main .paragraph-image img{padding: 0 0 3px 0;}
#content #main .paragraph-image .paragraph-image-title {font-size: 85%;text-align: center;}

#content #mandatory {text-align: right;}
#content #mandatory small {font-size: 0.85em;}

#content div.contact-worldwide {border-bottom: 1px solid #eaeaea; padding-bottom: 10px;}
#content div.contact-worldwide select {float: left; padding: 2px;}
#content div.contact-worldwide select option {padding: 0 2px;}
#content div.contact-worldwide div.button {clear: both; margin-top: 10px;}
#content #contactresultwindow {margin-top: 10px; background-color: #fff;}
#content #loadingcountries {display: none; width: 16px; height: 16px; float: left; margin-left: 10px; background: transparent url(/resources/images/ajax-loader-small.gif) no-repeat 0 0;}
#content div.contactlist {background-color: #fff;}
#content div.contactlist h2 small {font-size: 0.7em; margin-left: 10px;}
div#table.contactlist table.contactinfo tbody tr td {width:33%}
#content div.contactlist table.contactinfo {width: 100%; margin-bottom: 5px; border:none}
#content div.contactlist table.contactinfo tr th {vertical-align: top; color: #000; padding-bottom: 0px;padding-right:10px;text-align:right;}
#content div.contactlist table.contactinfo tr td {padding:2px 0px 0px 0px; border:none;}
html body#three-col div#container div#content-body div#content-container div#content.clearfix div#wrapper.clearfix div#main div.contactlist br {line-height:0px}

#content div.glossary {text-align: center;}
#content ul.byalphabet {list-style: none; padding: 0; margin: 0 0 20px 0; display: inline-block;}
#content ul.byalphabet li {background: none; float: left; margin: 0; padding: 0;}
#content ul.byalphabet li.first {position: relative;}
#content ul.byalphabet li.last {position: relative;}
#content ul.byalphabet li.first span.brd-lt {display: block; width: 5px; height: 5px; padding: 0; border: none; position: absolute; top: 0; left: 0; background: transparent url(/resources/images/pager-brd-lt.jpg) no-repeat left top;}
#content ul.byalphabet li.first span.brd-lb {display: block; width: 5px; height: 5px; padding: 0; border: none; position: absolute; bottom: 0; left: 0; background: transparent url(/resources/images/pager-brd-lb.jpg) no-repeat left bottom;}
#content ul.byalphabet li.last span.brd-rt {display: block; width: 5px; height: 5px; padding: 0; border: none; position: absolute; top: 0; right: 0; background: transparent url(/resources/images/pager-brd-rt.jpg) no-repeat right top;}
#content ul.byalphabet li.last span.brd-rb {display: block; width: 5px; height: 5px; padding: 0; border: none; position: absolute; bottom: 0; right: 0; background: transparent url(/resources/images/pager-brd-rb.jpg) no-repeat right bottom;}
#content ul.byalphabet li a, #content ul.byalphabet li span {display: block; padding: 4px 7px; background-color: #f0f0f0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #fff;}
#content ul.byalphabet li.first a, #content ul.byalphabet li.first span {border-left: 1px solid #ddd;}
#content ul.byalphabet li.last a, #content ul.byalphabet li.last span {border-right: 1px solid #ddd;}
#content div.glossary-items {text-align: left;}
#content div.glossary-items h2 {width: 25%; float: left;}
#content div.glossary-items ul {width: 75%; float: left;}
#content div.glossary-items ul li {padding: 0; background: none;}

#content div.jobs-prefacets {padding: 0 10px 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #eaeaea;}
#content div.jobs-prefacets label {display: block; margin-bottom: 5px;}
#content div.jobs-prefacets select {display: inline-block; width: 50%; margin-bottom: 10px; padding: 2px;}
#content div.jobs-prefacets select option {padding: 0 2px;}

#content table.pressarchive {width: 100%; border-collapse: collapse; border: 1px solid #e2e2e2;}
#content table.pressarchive tr th {padding: 10px; border-right: 1px solid #e2e2e2; background-color: #d7d7d7; font-size: 1.1em;}
#content table.pressarchive tr td {padding: 5px 10px; border-right: 1px solid #e2e2e2; vertical-align: top;}
#content table.pressarchive tr td.left {float:none}
#content table.pressarchive tr td.right {float:none}
#content table.pressarchive thead tr th{background:#f4f4f4 url(/resources/images/table-header-bg.gif) left top repeat-x; text-align:left;font-weight:normal; padding:7px}

#content div.frame-search {border-bottom: 1px solid #eaeaea; padding-bottom: 15px; margin-bottom: 10px;}
#content div.frame-search div.searchfield {float: left;}
/*--#content div.frame-search input.searchfield {width: 67%; padding: 2px; background-color: #f4f4f4; border: 1px solid #dcdcdc; margin-right: 5px;}--*/
#content div.frame-search a.allsites {display: inline-block; margin-top: 3px;}
#content div.frame-search #searchadvancedlink {float: right; margin-left: 10px;clear:both}
/*--#content div.frame-search #searchadvancedlink a {cursor: pointer;}--*/

/*--search box --*/
div.searchBox {
  border: 1px solid #DCDCDC;
  position: relative;
  margin: 0.5em 0;
  -moz-border-radius: 9px;
  -o-border-radius: 9px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
    background: #E8E8E8;
width:35.5em;
}
div.searchBox div.formMain div.formRow {
  margin: 0.3em 0em;
}
div.searchBox div.formMain {

  margin: 0 8px;
  padding: 1em 0;
}
.searchBox form {
  background: #f3f3f3 url(/resources/images/form-bg.gif) left top repeat-x;
  -moz-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  -o-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  -ms-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  -moz-border-radius: 9px 9px 9px 9px;
  -o-border-radius: 9px 9px 9px 9px;
  -webkit-border-radius: 9px 9px 9px 9px;
  -ms-border-radius: 9px 9px 9px 9px;
  border-radius: 9px 9px 9px 9px;
  }
div.searchBox div.formMain div.formRow  input{width:23em;height:1.5em;float:left;padding-left:0.2em}
div.searchBox div.formMain div.formRow  select{height:1.8em;padding:1px 0 0 2px;width:72%}
div.searchBox div.formMain div.formRow input.submitbtn {width:auto;height:1.5em;float:none;}
div.searchBox form div.formMain div.formRow  #advanced {background:none;}

#content div.searchBox div.formMain div.formRow #advanced {margin-top: 10px; background: none;}
#content div.searchBox div.formMain div.formRow #advanced label {display: inline}
#content div.searchBox div.formMain div.formRow #advanced select {margin-bottom: 3px; width: 60%; padding: 2px;}
#content div.searchBox div.formMain div.formRow #advanced select option {padding: 0 2px;}
.month {margin-top:15px} 

#content #advanced {margin-top: 10px; background-color: #fff;}
#content #advanced label {display: block; margin-bottom: 3px;}
#content #advanced select {margin-bottom: 8px; width: 72%; padding: 2px;}

#content #advanced select option {padding: 0 2px;}
#content div.searchoverview div.inthepicture small {margin: 0;}
#content div.searchoverview div.inthepicture small a {display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #eaeaea;}

div.searchoverview h3
{
	margin-top			: 0px;
}
div.searchoverview p
{
margin-bottom: 0.5em;
padding-left: 1pt;
}
#main div.searchoverview ul li{padding:0 0 0 2em;background:none;font-size:0.9em}
#main div.searchoverview ul {padding:5px 0 0 0;word-wrap:break-word;}
#content div.imgoverview {overflow: hidden; margin: 10px 0; margin-left: -18px;}
#content div.imgoverview div.item {width: 216px; float: left; margin-bottom: 20px; padding-left: 18px;}
#content div.imgoverview div.item div.img {border: 1px solid #eaeaea; margin-bottom: 10px;}
#content div.imgoverview div.item div.img div.imgalign {display: table-cell; width: 216px; height: 214px; text-align: center; vertical-align: middle;}
#content div.imgoverview div.item div.txt {color: #000; line-height: 1.25em;}
#content div.imgoverview div.item div.txt strong {font-size: 108%; line-height: 1.5em; color: #636363;}
#content div.imgoverview div.item div.txt img {display: none; visibility: hidden;}
#content div.imgoverview div.item div.txt ul.linklist {margin: 0;}

#content ul.borderless, #content div.borderless {border: none;}

#content ul.lang-switch li {display: block; width: 100%; margin: 0; padding: 0; background: none;}
#content ul.lang-switch li span {display: block; width: 32%; float: left; padding: 0 20px 5px 40px;}
#content ul.lang-switch li span.global {background: #fff url(/resources/images/flags/global.gif) no-repeat 0 0;}
#content ul.lang-switch li span.cn {background: #fff url(/resources/images/flags/CN.gif) no-repeat 0 0;}
#content ul.lang-switch li span.fr {background: #fff url(/resources/images/flags/FR.gif) no-repeat 0 0;}
#content ul.lang-switch li span.de {background: #fff url(/resources/images/flags/DE.gif) no-repeat 0 0;}
#content ul.lang-switch li span.us {background: #fff url(/resources/images/flags/US.gif) no-repeat 0 0;}
#content ul.lang-switch li span.optics {background: #fff url(/resources/images/flags/optics.gif) no-repeat 0 0;}
#content ul.lang-switch li ul.languages {display: block; width: 57%; float: left;}
#content ul.lang-switch li ul.languages li {display: inline-block; width: auto; float: left; margin-right: 10px;}

.overview {margin-top:1.2em;}

/* == START Subnav == */
#sub-nav div.frame-nav {padding-top: 20px;}
#sub-nav div.alert-box {padding-top: 10px;}
#sub-nav h1 {font-size: 1em; font-weight: bold; margin-bottom: 3px;}
#sub-nav ul {list-style: none; margin-left: 0; padding-right: 10px; padding-bottom: 0;}

#sub-nav ul li {margin-bottom: 6px; background: none; padding-left: 0; line-height:1.25em;}
#sub-nav ul li.active a, #sub-nav ul li ul li.childactive a {color: #000;}
#sub-nav ul li ul {margin: 4px 0 0 15px;}
#sub-nav ul li ul li {margin-bottom: 3px;}
#sub-nav ul li.active ul li a, #sub-nav ul li.childactive ul li a {color: #238cd6; background: none; padding: 0;}
#sub-nav ul li ul li a:hover {color: #000;}
#sub-nav p a.back {padding-left: 10px; background: transparent url(/resources/images/arrow-less.gif) no-repeat 0 4px;}
#sub-nav select {display: inline-block; width: 97%; margin-bottom: 10px; padding: 2px;}
#sub-nav select option {padding: 0 2px;}

#left-nav-additional {margin-top: 10px; border-bottom: 1px solid #eaeaea; margin-right: 10px;}
#left-nav-additional ul {border-top: 1px solid #eaeaea; padding: 10px 10px 5px 0; margin: 0;}
/* == END Subnav == */

/* == START Main == */
#main {min-height: 300px;/*margin-top: 20px;*/}
#main #title {padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #eaeaea;}
#main #title h2 {padding-left: 18px; color: #636363; font-size: 1.4em;}
#main #title h2 ul li {background: transparent url(/resources/images/baseline.gif) no-repeat 0 3px;padding-left: 18px; }
#main p {padding-bottom: 7px;}
#main p.intro {font-size: 1.35em; font-weight: normal; padding-bottom: 10px;color:#636363;font-style:italic }
#main p.title {font-weight: bold;} 
#main ul.linklist {margin-bottom: 10px;}
/* == END Main == */

/* == START Modules == */
#modules {/*padding-top: 45px;*/}
#modules div.frame {margin-left: 20px;}

#modules h2 {font-size: 1.2em; margin-bottom: 5px;}

#modules div.content {margin-bottom: 10px; border-bottom: 1px solid #eaeaea;}
#modules div.content p {padding-bottom: 10px;}

#modules ul.social {list-style: none; margin-left: 0; padding-bottom: 5px;}
#modules ul.social li {float: left; margin-right: 8px; background: none; padding-left: 0;}
#modules ul.social li a {display: block;}
#modules ul.social li a:hover {filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
#modules ul.social li.print a {display: block; width: 22px; height: 21px; background: transparent url(/resources/images/icon-print.gif) no-repeat 0 0;}
#modules ul.social li.facebook a {display: block; width: 16px; height: 18px; background: transparent url(/resources/images/icon-facebook.gif) no-repeat 0 0;}
#modules ul.social li.facebook a span {display: none;}
#modules ul.social li.twitter a {display: block; width: 16px; height: 18px; background: transparent url(/resources/images/icon-twitter.gif) no-repeat 0 0;}

#modules div.content div.graphic {position: relative; margin-bottom: 10px;}
#modules div.inset h2 {height: auto;}
#modules div.inset {position: absolute; bottom: 10px; left: 10px; padding: 10px; background-color: #fff; font-weight: bold; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}


#modules div.react {padding-bottom: 10px;}
#modules div.react div.comment {position: relative; background-color: #eaeaea; padding: 10px; font-size: 1.2em; margin-bottom: 15px;}
#modules div.react div.comment p {padding: 0;}
#modules div.react div.comment span.arrow {display: block; width: 17px; height: 19px; position: absolute; bottom: -19px; right: 30px; background: transparent url(/resources/images/quote-bg.gif) no-repeat 0 0;}
#modules div.react div.person span {display: block;font-size: 90%;}
#modules div.react div.person span.read-more {text-align: right;}
/* == END Modules == */

/* == START specials == */
/* Layouts */
#content div.two-col-layout div.column {width: 48%; float: left; margin-right: 10px;}
#content div.three-col-layout {margin-bottom: 10px;}
#content div.three-col-layout div.column {width: 32%; float: left; margin-right: 10px;}

/* Tabs */
#content div.ui-tabs{position: relative; margin: 7px 0 10px 0;}
#content div.ui-tabs span.brdtab-rt{background: none;}

#content div.ui-tabs ul.ui-tabs-nav{list-style: none; position: relative; margin: 0; padding-bottom: 0;}
#content div.ui-tabs ul.ui-tabs-nav li{position: relative; float: left; padding: 0; background: none;}
#content div.ui-tabs ul.ui-tabs-nav li span.first span.brdtab-lt{display: block; width: 5px; height: 5px; position: absolute; left: 0; top: 0; background: #fff url(/resources/images/tab-brd-lt.jpg) no-repeat left top;}
#content div.ui-tabs ul.ui-tabs-nav li span.last span.brdtab-rt{display: block; width: 5px; height: 5px; position: absolute; right: 0; top: 0; background: #fff url(/resources/images/tab-brd-rt.jpg) no-repeat right top;}
#content div.ui-tabs ul.ui-tabs-nav li a{display: inline-block; font-weight: bold; text-decoration: none; padding: 8px 15px; outline: none; background: transparent url(/resources/images/tab-gradient-bg.jpg) repeat-x 0 0; border: 1px solid #dcdcdc;}
#content div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a {border-bottom: 1px solid #fff;}
#content div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected span.last span.brdtab-rt{background: #fff url(/resources/images/tab-active-brd-rt.jpg) no-repeat right top;}
#content div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a{background: #fff;}

#content div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a, #content div.ui-tabs ul.ui-tabs-nav li.ui-state-disabled a, #content div.ui-tabs ul.ui-tabs-nav li.ui-state-processing a{cursor: default;}
#content div.ui-tabs ul.ui-tabs-nav li a, #content div.ui-tabs.ui-tabs-collapsible ul.ui-tabs-nav li.ui-tabs-selected a{color: #000; cursor: pointer;}

#content div.ui-tabs div.bordered {border: 1px solid #dcdcdc; margin-top: -1px; padding: 10px 15px 0 15px; color: #636363; background-color: #fff;}
#content div.ui-tabs div.bordered p {color: #636363; background-color: #fff;}
#content div.ui-tabs div.ui-tabs-hide{position: absolute; left: -10000px;}

/* jCarroussel */
#content .jcarousel-skin-agfa {clear: both; width: 100%;}
#content .jcarousel-skin-agfa .jcarousel-container {background: #fff url(/resources/images/focus-bg.jpg) repeat-x left bottom; border-top: 1px solid #e6e6e6; border-right: 1px solid #ececec; border-bottom: 1px solid #f3f3f3; border-left: 1px solid #ececec; margin-bottom: 20px; padding: 10px;}
#content .jcarousel-skin-agfa .jcarousel-container-horizontal {padding: 20px 20px 20px 43px;}
#content .jcarousel-skin-agfa .jcarousel-clip-horizontal {width:  380px; height: 146px;}
#content .jcarousel-skin-agfa .jcarousel-item {width: 90px; height: 146px; padding: 0; margin: 0; background: none;}
#content .jcarousel-skin-agfa .jcarousel-item:hover {border-color: #808080;}
#content .jcarousel-skin-agfa .jcarousel-item-horizontal {margin-left: 0; margin-right: 5px;}
#content .jcarousel-skin-agfa .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 5px; margin-right: 0;}
#content .jcarousel-skin-agfa .jcarousel-item-vertical {margin-bottom: 7px;}
#content .jcarousel-skin-agfa .jcarousel-next-horizontal {position: absolute; top: 50px; right: 12px; width: 12px; height: 21px; cursor: pointer; background: transparent url(/resources/images/carousel-next.jpg) no-repeat 0 0;}
#content .jcarousel-skin-agfa .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px; right: auto; background-image: url(/resources/images/carousel-prev.jpg);}
#content .jcarousel-skin-agfa .jcarousel-prev-horizontal {position: absolute; top: 50px; left: 10px; width: 12px; height: 21px; cursor: pointer; background: transparent url(/resources/images/carousel-prev.jpg) no-repeat 0 0;}
#content .jcarousel-skin-agfa .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto; right: 5px; background-image: url(/resources/images/carousel-next.jpg);}
#content .jcarousel-skin-agfa .jcarousel-prev-disabled {background: none;}
#content .jcarousel-skin-agfa .jcarousel-next-disabled {background: none;}
#content .jcarousel-skin-agfa div.carousel-item img {margin-bottom: 5px;}
#content .jcarousel-skin-agfa div.carousel-item div.txt p {padding-bottom: 3px; font-weight: bold;}
.multimedia-icon {padding: 1px;vertical-align: middle;}

/* Contact form */
#contact {clear: both;}
#contact label {display: inline-block; padding-bottom: 5px;}
#contact input {width: 100%; padding: 2px; background-color: #f4f4f4; border: 1px solid #dcdcdc;}
#contact input.submitbtn {width: auto; background-color: transparent; border: none;}
#contact select {width: 100%; padding: 2px;}
#contact select option {padding: 0 2px;}
#contact textarea {width: 100%; font-size: 1.3em; background-color: #f4f4f4; border: 1px solid #dcdcdc;}
#contact .error {color: #EE3224; font-weight: bold; margin-top: 5px;}
#contact #mainErrorMsg {clear: both; border: 1px solid #EE3224; margin: 10px 0; background-color: #fef5f5;}
#contact #mainErrorMsg p {padding: 20px 10px 20px 55px; background: transparent url(/resources/images/notify-error.gif) no-repeat 10px 10px;}
#contact input.checkbox ,#contact input.radio {width:15px;height:15px;display:inline-block;margin:5px 5px 0px 15px;vertical-align:bottom}
/* splash page */
div.country {margin-bottom: 10px; clear: both;}
div.country img {padding: 0 8px 0 0; float: left;}
/* == END Content == */

/* == START Category - Facetted == */
#main div.categorydetail hr.dotted-black, #main div.facetteddetail hr.dotted-black {border-bottom:1px solid #DDDDDD; margin-top: -8px;}
#main div.categorydetail hr.dotted , #main div.facetteddetail hr.dotted {width: 69%;float: right; text-align:right;margin-bottom:0px;padding-bottom: 15px;clear: both;content: ".";display: block;height: 0;border-top:1px solid #EAEAEA;background-color: #FFFFFF}
#main div.categoryoverview ul{float: left;margin: 0px 12px 16px 0;padding: 0;width: 30%;list-style: none;}
#main div.categorydetail h2 {margin-top:0px;float: left;line-height: 16px;margin: 0px 12px 12px 0;padding: 0;width	: 30%;min-height: 0;font-weight: bold;}
#main div.categorydetail h3{float: left;margin: 0px 12px 16px 0;padding: 0;width: 30%;font-weight: bold;}
#main div.categorydetail ul {float: left;margin: 0px 0px 16px 0;padding: 0;width: 18.8em;list-style: none;}
#main div.categorydetail h2 a {color: #636363;}
#main div.facettedoverview ul {float: left; list-style: none outside none; margin: 0 12px 16px 0; padding: 0; width: 30%;}
#main div.facetteddetail h1 a {color: #636363;}
#main div.facetteddetail h2 {float: left; font-weight: bold; line-height: 16px; margin: 0 12px 12px 0; min-height: 0; padding: 0; width: 30%;}
#main div.facetteddetail h2 a {color: #636363;}
#main div.facetteddetail h3 {float: left; font-weight: bold; margin: 0 12px 16px 0; padding: 0; width: 30%;}
#main div.facetteddetail ul {float: left; list-style: none outside none; margin: 0 0 16px; padding: 0; width: 18.8em;}
/* == END Category - Facetted == */

/* == START Footer == */
#footer {padding: 20px;background: white none repeat scroll 0 0;}
#footer #navdoormat {margin-bottom: 20px;}
#navdoormat a {color: #464646; text-decoration: none;}
#navdoormat ul {list-style: none; overflow: hidden;}
#navdoormat ul li {float: left; width: 24%; border-left: 1px solid #fff; padding-left: 10px; padding-bottom: 1000px; margin-bottom: -1000px;}
#navdoormat ul li.first {border-left: none; padding-left: 0;}
#navdoormat h3 {margin-bottom: 10px; font-size: 1.2em; font-weight: 700; color: #464646;}
#navdoormat ul li ul {overflow: auto;}
#navdoormat ul li ul li {float: none; width: auto; border-left: none; padding: 0; margin: 0;}
#regular-footer {font-size: 0.85em;}
#regular-footer a {color: #238cd6; text-decoration: none;}
#regular-footer a.link-friend {display: inline-block; background: transparent url(/resources/images/icn_friend.gif) no-repeat 0 2px; padding-left: 20px; margin-bottom: 3px;}
#regular-footer a.link-print { background: url(/resources/images/icon-print.gif) no-repeat scroll 0 0px rgba(0, 0, 0, 0); display: inline-block; margin-bottom: 3px; padding-left: 22px;}
#regular-footer a:hover {color: #000;}
#regular-footer p.copyright {color: #909090;}
/* == END Footer == */

/* == table markup == */
/* tables ................................................................... */
.financial {border:1px solid #d4d4d4; border-collapse:collapse; margin-bottom:15px; width:100%;}
.financial td, .financial th {border:1px solid #d4d4d4; font-family:Arial; font-size:85%; padding:5px 5px; color:#252525;}
.financial td.table_top {border:none;display:none}
.financial .table_left_title, .financial .table_mid_title, .financial .table_right_title {background:#f4f4f4 url(/resources/images/table-header-bg.gif) left top repeat-x; text-align:center;font-weight:normal}
.financial tr:first-child {-webkit-box-shadow:0px 1px 2px #dbdbdb; -moz-box-shadow:0px 1px 2px #dbdbdb; box-shadow:0px 1px 2px #dbdbdb;}
.financial .table_mid_title, .financial .table_right_title {width:5em;}
.financial .table_mid, .financial .table_right, .financial .table_mid_grey, .financial .table_right_grey,
.financial .table_mid_footer, .financial .table_right_footer {text-align:right;}
.financial .table_mid_grey, .financial .table_right_grey, .financial .table_left_grey {background:#eaecee;font-weight:700;border-right: 1px solid #B4B6B;}
.financial tr.alt td {background:#f8f8f8 url(/resources/images/table-alt-bg.gif) left bottom repeat-x;}
.file_details {font-size:85%; margin-bottom:3px;}
/* on one-column page */
#one-col .financial {margin-top:15px;}
.consolidated {width:55em}
.consolidated small {font-size:85%;margin-bottom:3px;float:left;clear:both;display:block;width:55em;}

table, table.financial_press {border:1px solid #d4d4d4; border-collapse:collapse; margin-bottom:15px; width:100%;}
td {border:1px solid #d4d4d4; font-family:Arial; font-size:85%; padding:5px 5px; color:#252525;}
td.cell_center { text-align: center; }
td.table_left_title {text-align: left;}
td.table_title, td.table_left_title, td.table_right_title, td.table_mid_title {background:#f4f4f4 url(/resources/images/table-header-bg.gif) left top repeat-x; text-align:center;font-weight:bold}
td.table_top {display:none;}
td.table_left_grey {text-align: left;}
td.table_mid_grey, td.table_right_grey, td.table_left_grey {background:#eaecee; border-right: 1px solid #B4B6B;}
td.table_left, td.table_mid, td.table_right {text-align:left;}
td.table_left_nw {text-align: left;}
td.table_left_footer, td.table_mid_footer, td.table_right_footer {text-align: left;}
tr.alt  {background:#f8f8f8 url(/resources/images/table-alt-bg.gif) left bottom repeat-x;}

table.publications tbody tr td.img { width:75px; }

.file_details, .form_help {font-size: 0.8em;}

#componentinfo {clear:both;border:1px solid #F0C000;background-color: #FFFFCE;margin:20px 0 0 0;padding:5px;}
#componentinfo ul li {font-weight:bold;}
#componentinfo ul li ul li {font-weight:normal;}

#content #main div.frame {clear:both;overflow:hidden;}
#content #main div.frame-small {float:right;width:175px;}
#content #main div.frame .top {margin:0;padding:0 0 0 10px;height:8px;background-image:url(/resources/images/frame_left.jpg);background-position:top left;background-repeat:repeat-x;border:1px solid #848794;border-style:none none solid none;}
#content #main div.frame .toptitle {margin: 0;padding: 0 0 0 10px;height: 1.4em;background-color: #e4e5e0;background-image: url(/resources/images/frame_left.jpg);background-position: top left;background-repeat: repeat-x;border: 1px solid #848794;border-style: none none solid none;overflow: hidden;}
#content #main div.frame .toptitle h1 {float: left;padding: 1px 0 0 0;height: 1.5em;width: 100%;font-size: 0.82em;font-weight: bold;background-image: url(/resources/images/frame_right.jpg);background-position: top right;background-repeat: repeat-x;}
#content #main div.frame .top span {float: left;padding: 1px 0 0 0;height: 7px;width: 100%;font-size: 0.52em;font-weight: normal;line-height: 0.7em;background-image: url(/resources/images/frame_right.jpg);background-position: top right;background-repeat: no-repeat;}
#content #main div.frame .right {float: right;_margin: 1px 0 0 0;width: 4px;height: 7px;background-image: url(/resources/images/frame_right.gif);background-position: left;background-repeat: no-repeat;background-color: white;}
#content #main div.frame .content {padding: 5px 0px 5px 8px;color: #323339;background-color: #EDEEEB;border-color: #bbbbbb;border-style: none solid solid solid;border-width: 0px 1px 1px 1px;overflow: hidden;}
#content #main div.frame .content p {margin: 0.3em 5px 0.3em 0em;font-size: 0.80em;line-height: 1.5em;}
#content #main div.frame .content h3,#content div.frame .content h4{margin: 5px 0;}

/* buselection */
.navSections {padding-bottom: 20px;height:340px;}
.navSections ul {list-style-type:none;}
.navSections ul li {float:left;width:313px;margin-right:10px;height:340px;position:relative;background-position:center top;background-repeat:no-repeat;}
.navSections ul li.last {float:right;margin-right: 0;}
.navSections ul li a {text-decoration:none;}
.navSections ul li .page {position:absolute;width:313px;height:340px;left:0;top:0;}
.navSections ul li .label {position:absolute;bottom: 0;left:0;right:0;background: url(/resources/images/nav-section-label.png);font-size:188%;padding:0 0 0 15px;font-weight:700;text-decoration:none;height:75px;line-height:74px;width:298px;}
.navSections ul li span.arrow {bottom:0;height:76px;position:absolute;right:0;width:60px;}
.navSections ul li.graphics span.arrow {background: url(/resources/images/nav-section-arrow-graphics.png) left top no-repeat;}
.navSections ul li.healthcare span.arrow {background: url(/resources/images/nav-section-arrow-healthcare.png) left top no-repeat;}
.navSections ul li.specialty span.arrow {background: url(/resources/images/nav-section-arrow-specialty.png) left top no-repeat;}
body#two-col-subnav div#container div#content-body div#content-container div#content.clearfix div#wrapper.clearfix div#main div#form {
  width: 35.5em;
}
/* width */
/* form box ................................................................. */
.formBox {
  border: 1px solid #DCDCDC;
  position: relative;
  margin: 1.5em 0;
  -moz-border-radius: 9px;
  -o-border-radius: 9px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;width:35.5em;
  background:#F3F3F3;
}

.form_remark {margin-left:160px;font-size:0.8em;margin-top:-6px}
.formBox .formHeader {
  background: #E8E8E8;
  -moz-border-radius: 9px 9px 0 0;
  -o-border-radius: 9px 9px 0 0;
  -webkit-border-radius: 9px 9px 0 0;
  -ms-border-radius: 9px 9px 0 0;
  border-radius: 9px 9px 0 0;
  position: relative;
  border-bottom: 1px solid #DCDCDC;
  -moz-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.9);
  -o-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.9);
  -ms-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.9);


}
#content .formBox .formHeader h2 {
  color: #000;
  padding: 0.75em 1em;
  margin: 0;
}
.formBox .requiredNotification {
  position: relative;
  top: -1em;
  right:4px;
  float:right;
  margin-top:0.25em;
  color: #707070;
  font-size: 90%;
}
.formBox form {
  background: #f3f3f3 url(/resources/images/form-bg.gif) no-repeat 100% 100% ;
  -moz-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  -o-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  -ms-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  -moz-border-radius: 9px;
  -o-border-radius: 9px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
}
.formBox .formMain {
  margin: 0 8px;
  padding: 1em 0;
  display:inline-block;
width:95%;
}

.formBox #dropDownNav .formMain
{
  border-bottom: 0 none;
}

.formBox .formFooter {
  padding: 0.1em 0.5em 0.75em 0.5em;
  overflow: hidden;
  border-top: 1px solid #fff;margin:0 8px 0 8px;
}
div#form div.formBox form#frmThis div.formFooter div.formRow small p {font-size:85%;padding:0em 1em 0em 1em;
}
.formBox .formFooter .submit {
  float: right;
}
.formBox form.notitle {-moz-border-radius: 9px 9px 9px 9px;-o-border-radius: 9px 9px 9px 9px;-webkit-border-radius: 9px 9px 9px 9px;-ms-border-radius: 9px 9px 9px 9px;border-radius: 9px 9px 9px 9px;}
.formBox .noborder {border-bottom: 0px;}

/* form row ................................................................. */
.formRow {
  padding: 0.5em 0 0 0;
}
.formRow  .inputElement {
  margin-left: 3%;
}
.formBox .caption {font-style:normal;font-size:1em}
.formRow  .inputElement .caption {
  margin: 0.25em 0em;
  margin-bottom: 0.5em;
  float: left;
  width: 35%;
  text-align: right;
  color: #000;
}
.formRow  .inputElement .required {
  line-height: 1em;
  margin-left: 0.15em;
}
.formRow .inputElement .label, .formRow .inputElement label {
  font-size: 93%;
}
.formRow  .inputElement .caption .label {
  color: #000;
  /*--text-transform: lowercase;--*/
}
.formRow  .inputElement .detail {
float:right;
width:63%;
}
.formRow .inputElement .detail input, .frmRow .inputElement .detail textarea {
  width: 97%;
  border: 1px solid #dcdcdc;
  background: #FCFCFC;
  color: #636363;
}
.formRow  .inputElement .detail label {
  font-size: 93%;
  vertical-align: middle;
}
.formRow  .inputElement:first-child {
  margin-left: 0;
}
.formRow  .inputElement .textfield {
  padding: 0.25em 0.25em;
}
.formRow  .feedback.error {
  color: #EE3224;
  font-size: 93%;
  margin-top: 0.5em;
}
.formRow  .inputElement .error {
  color: #EE3224;
  font-size: 85%;
  clear: both;
  width: 100%;

}
/* error */
#captcha-resultReq.error {text-align:right;}
.formRow .rowError .inputElement .caption {
  font-weight: 700;
  color: #EE3224;
}
.formRow  .inputElement select {
  width: 100%;
  font-size: 93%;
  color: #707070;
  height:1.8em;
  padding-top: 1px;
}
.formRow  .inputElement.dropdown .caption {
  margin-top: 0;
}
.formRow  .inputElement.textarea {
  width: 100%;
}
.formRow  .inputElement textarea  {
  width: 97%;
  background: #FCFCFC;
  color: #636363;
  border: 1px solid #dcdcdc;
  height: 6em;
  padding: 0.25em;
  font-family: arial;
}
.formRow  .inputElement.radio .caption {
  margin-bottom: 0.75em;
}
.formRow  .inputElement.radio .detail .control {

  margin: 0.3em 0;
}
.formRow  .inputElement.radio .detail .control input {
background:none;
  margin: 0 5px 0 0;
  vertical-align: middle;
  width: auto;
  border: none;
}
.formRow  .inputElement.checkbox .caption {
  margin-bottom: 0.75em;
}
.formRow  .inputElement.checkbox .detail .control {

  margin: 0.5em 0;
}
.formRow  .inputElement.checkbox .detail .control input {
background:none;
  margin: 0 5px 0 0;
  vertical-align: middle;
  width: auto;
  border: none;
}
.formRow.rowError .inputElement .detail input {
  border-color: #ED1C24;
  color: #ED1C24;
}
.formRow.rowError .feedback {
  color: #ED1C24;
  margin-left: 13em;
  margin-top: 0.25em;
}
.formError {
  margin: 0.75em 0;
  margin-top: 2em;
  border: 1px solid #ED1C24;
  color: #ED1C24;
  padding: 1em;
}
#content .formError h2 {
  margin-bottom: 0.25em;
}
#content .formError p {
  padding-bottom: 0;
}
*:first-child + html .formRow .inputElement .detail input {
  width: 95%;
}
*:first-child + html .formRow .inputElement .detail textarea {
  width: 95%;
}
*:first-child + html .formRow .inputElement.radio .detail .control input {
  left: -3px;
  top: -1px;
}
*:first-child + html .formRow .inputElement.checkbox .detail .control input {
  left: -3px;
  top: -1px;
}

.binary {float:right;margin-left:15px}
#content a.link-icon.binary{background:none}


.navSections ul li.graphics .label {color: #ee3224;}
.navSections ul li.healthcare .label {color:#5385c5;}
.navSections ul li.specialty .label {color:#48ae57;}
.navSections ul li a:hover .label {cursor: pointer;background: #FFFFFF;}
.navSections ul li a:hover {-moz-box-shadow: 0 0 6px #555555;-o-box-shadow: 0 0 6px #555555;-webkit-box-shadow: 0 0 6px #555555;-ms-box-shadow: 0 0 6px #555555;box-shadow: 0 0 6px #555555;}


.qtip ul.clean {border:0;margin:0;padding:0;}
.qtip ul.clean li {border:0;margin:0;padding:2px 0 0 10px;list-style:none;background: url(/resources/images/arrow-more.gif) no-repeat left 7px transparent;}
.qtip ul.clean li a {color:#238CD6;text-decoration:none;}
.qtip ul.clean li a:hover {color:#000000;}

/* created for dmsmat search*/


table.matgs td.leftcell {width:33%;text-align:right;padding:0 0.3em 0 0.3em;}
table.matgs td.rightcell {width:65%;padding:0 0.3em 0 0.3em}
table.matgs {width:100%;border:none;background:none;margin:0 0 5px 0;padding:0}
table.matgs td {vertical-align:top;border:none;cell-padding:2px;cell-spacing:2px}
table.noborder {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;margin: 0 0 5px;padding: 0;width: 100%;}
table.noborder td {border: medium none;font-size: 100%;vertical-align: middle;color: #636363;}

#componentinfo {clear:both;border:1px solid #F0C000;background-color: #FFFFCE;margin:20px 0 0 0;padding:5px;}
#componentinfo ul li {font-weight:bold;}
#componentinfo ul li ul li {font-weight:normal;}

.agfatree li, .agfatree .agfatree-icon {background-color:transparent;background-image:url("../../images/agfatree.gif");background-repeat:no-repeat;}
.agfatree ul, .agfatree li {display: block;list-style-type: none;margin: 0;padding: 0;}
.agfatree li {display: block;line-height: 18px;min-height: 18px;white-space: nowrap;background-position: -90px 0;background-repeat: repeat-y;}
.agfatree ul li ul {margin-left: 20px;}
.agfatree a, .agfatree a:visited, .agfatree a:active {color:black;display:inline-block;height: 16px;line-height:16px;margin:0;padding:0 2px;text-decoration:none;white-space:nowrap;}
.agfatree a .agfatree-icon {margin-right: 3px;height: 16px;width: 16px;background-position: -56px -19px;}
.agfatree .agfatree-icon {background-position: -36px 0;display: inline-block;height: 18px;margin: 0;padding: 0;text-decoration: none;width: 18px;}
.agfatree li.agfatree-last {background: none repeat scroll 0 0 transparent;}

.ImageLeft { float: left; padding: 5px 10px 10px 0px }
.ImageRight { float: right; padding: 5px 0px 10px 10px; clear:right;}
.ImageCenter { display: block; margin-left: auto; margin-right: auto; padding: 0 10px 10px;}
.caption {margin-top: -10px;font-size:0.9em;font-style: italic;color:#9f9f9f;}


.emptyfield {display:none;}