/* body styles */
body{background:#007ebe url(../gfx/bg/body.jpg) fixed no-repeat top center;font-family:Arial,Helvetica,sans-serif;font-size:100%;text-align:left}
/* mozilla shift background fix */
body{border-right:1px solid transparent}
/* misc */
.floatright{float:right}
.floatleft{float:left}
.clear{clear:both}
.clean{padding:0;margin:0;border:none}
.divider{clear:both;border-top:1px solid #ADD8E6;padding:5px 0 0 0;margin:5px 0 0 0;display:block;background:transparent;height:1px;overflow:hidden}
.horizontalspacer{clear:both;display:block;background:transparent;height:10px}
/* constructor */
#container{margin-left:auto;margin-right:auto;overflow:hidden;background:#FFFFFF;padding:0;width:840px;color:#000000;text-align:left;position:relative;;font-size:0.74em}
#innercontainer{position:relative;overflow:hidden;background:#FFFFFF;padding:0 10px 10px 10px;width:820px;clear:both}
#imageheader{clear:both;display:block;position:relative;height:160px;background:url(../gfx/bg/header_image.jpg) transparent no-repeat 0 0}
#scenarioselection{color:#FFFFFF;margin:0 0 10px 0;border:1px solid #004b8c;padding:5px;clear:both;width:808px;display:block;background:#004b8c;position:relative}
#banner{clear:both;border:1px solid white;padding:5px;margin:0 0 10px 0;float:left;width:596px;display:block;background:white;font-size:0.92em;position:relative}
#tabcontainer{clear:both;margin:0;float:left;width:600px;display:inline;background:transparent;position:relative}
#scenariopresentation{width:610px;background:transparent;font-size:0.92em;position:relative}
#rightpane{margin:0;padding:0;float:right;width:200px;margin-left:10px;display:block;position:relative}
#login{margin:0 0 10px 0;border:1px solid #ADD8E6;float:right;width:184px;padding:5px 5px 5px 10px;display:block;background:#F0F8FF;font-size:0.92em;position:relative}
#loginexplicit{margin:0 0 10px 0;border:1px solid #ABDD97;float:right;width:184px;padding:5px 5px 5px 10px;display:block;background:#F5FFF1;font-size:0.92em;overflow:hidden;position:relative}
#calltoaction{margin:0 0 10px 0;border:1px solid #ABDD97;float:right;width:184px;padding:5px 5px 5px 10px;display:block;background:#F5FFF1;font-size:0.92em;position:relative}
#loginaction{margin:0 0 10px 0;border:1px solid #ABDD97;float:right;width:184px;padding:5px 5px 5px 10px;display:block;background:#F5FFF1;font-size:0.92em;position:relative}
#revolutionbrewing{width:600px;background:transparent;font-size:0.92em;position:relative}
#customers{width:610px;background:transparent;font-size:0.92em;position:relative}
#customermanagement{margin:0;float:left;width:610px;display:inline;background:transparent;position:relative}
#scenariooutcome{border-top:2px solid #D5D5D5;padding:10px;clear:both;width:798px;display:block;background:#F5F5F5;position:relative}
#footer{clear:both;width:100%;display:block;background:#666666;font-size:0.66em;overflow:hidden;height:20px}
/* scenario selection */
#scenarioselection form{padding:0;font-size:0.92em}
#scenarioselection form label{margin:0 10px 0 0;padding:0;color:#FFFFFF;font:normal normal normal 1.52em/normal Arial,Helvetica,sans-serif}
#scenarioselection form label.scenario{padding-left:20px;background:transparent url(../gfx/icons/scenario.png) no-repeat 0 2px}
#scenarioselection .dropdown{border-color:#FFFFFF;padding:1px;}
#scenarioselection form#currencySwitch{position:absolute;right:5px;top:5px}
#scenarioselection form#currencySwitch label.currency{padding:2px 0 2px 20px;color:#FFFFFF;background:transparent url(../gfx/icons/currency.png) no-repeat 0 0;font-size:1em;font-weight:bold}
#scenarioselection form#currencySwitch .dropdown{margin:0 0 0 5px;width:90px;background:#FFFFFF}
/* banner */
#banner img{float:left;padding-right:5px;border:1px solid #FFFFFF;display:inline}
#banner p{color:#000000;line-height:1.6em}
/* feedback loading */
.loadingfeedback{border:1px solid #EBEBEB;padding:5px;display:none;background:url(../gfx/bg/ajax-loader.gif) #FFFFFF no-repeat 5px center;z-index:999;position:absolute;left:0;top:0;height:40px;opacity:0.95;-moz-opacity:0.95;filter:alpha(opacity=95)}
.loadingfeedback p{padding-left:30px;color:#003466;font-size:1.2em;position:relative;top:10px}
/* pdf loading */
#loadingpdf{border:1px solid #5F82BF;padding:5px;display:none;background:url(../gfx/bg/ajax-loader.gif) #CFE0FF no-repeat 5px center;z-index:999;position:absolute;left:5;top:5;height:40px;opacity:0.95;-moz-opacity:0.95;filter:alpha(opacity=95)}
#loadingpdf p{margin-left:30px;color:#003466;font-size:1.2em;position:relative;top:10px}
/* email validation error */
#validation{border:1px solid #DFA200;padding:3px 3px 3px 6px;display:none;background:url(../gfx/icons/reset.png) #FFF58F no-repeat 2px center;z-index:999;position:absolute;left:0;top:5;opacity:0.95;-moz-opacity:0.95;filter:alpha(opacity=95)}
#validation p{margin-left:15px;color:#7F2100;font-size:1.2em;position:relative;top:0px}
/* email succes message */
#success{border:1px solid #91BF47;padding:3px 3px 3px 6px;display:none;background:url(../gfx/icons/icon_email_open.png) #E0FFAF no-repeat 2px center;z-index:999;position:absolute;left:5;top:10;opacity:0.95;-moz-opacity:0.95;filter:alpha(opacity=95)}
#success p{margin-left:15px;color:#324F05;font-size:1.2em;position:relative;top:0px}
/* tab content */
.tabcontent{width:100%;clear:both;padding:5px;margin:0;display:block;background:#FAFAFA;font-size:0.92em;position:relative}
.tabcontent h3{color:#004b8c}
#revolutionbrewing .tabcontent{font-size:1.2em}
/* scenario presentation */
#scenariopresentation .folded{margin:0;padding:3px 0 2px 0;border:solid 1px #E4DEEB;border-top:none;display:block;background:url(../gfx/bullets/accordion_foldout.png) #FFFFFF no-repeat right 4px;cursor:pointer;position:relative}
#scenariopresentation .folded table tr td{padding:4px 0 4px 0;color:#004b8c;font-weight:bold;font-size:1.2em;text-align:left}
#scenariopresentation .folded span.hideonfoldout{visibility:visible}
#scenariopresentation .folded.active{background-position:right -122px}
#scenariopresentation .folded.active span.hideonfoldout{visibility:hidden}
#scenariopresentation .folded table tr td{border:none;background:transparent}
#scenariopresentation .foldout{clear:both;border:1px solid #EBEBEB;border-top:none;padding:4px;display:block;background:url(../gfx/bg/method_details.png) #FAFAFA repeat-x 0 0;position:relative}
#scenariopresentation .foldout table tr td{background:transparent;text-align:left}
#scenariopresentation table tr th{padding-right:0;padding-left:0px}
span.indent{color:#004b8c;padding-left:3px}
.outcome span.indent{color:#FFFFFF;}
#scenariopresentation .fakefoldout{clear:both;border:1px solid #EBEBEB;border-top:none;padding:4px;display:block;background:url(../gfx/bg/method_details.png) #FAFAFA repeat-x 0 0;position:relative}
#scenariopresentation .fakefoldout table tr td{background:transparent;text-align:left}
/* fake folded (= no content) */
#scenariopresentation .fakefolded{margin:0;padding:3px 0 2px 0;border:solid 1px #E4DEEB;border-top:none;display:block;background:url(../gfx/bullets/accordion_fake.png) #FFFFFF no-repeat right 4px;cursor:default;cursor:pointer;position:relative}
#scenariopresentation .fakefolded table tr td{padding:4px 0 4px 0;border:none;color:#005AB0;background:transparent;font-weight:bold;font-size:1.2em;text-align:left}
/* scenario presentation - managetools */
#scenariopresentation .managetools{border:1px solid #EBEBEB;padding:1px;float:left;width:38px;margin:0 5px 0 0;display:block;background:url(../gfx/bg/managetools.png) #FFFFFF no-repeat bottom;height:16px;overflow:hidden;position:relative}
#scenariopresentation .managetools a{width:16px;float:left;display:inline;height:16px;overflow:hidden}
#scenariopresentation .managetools a.deleteitem{margin:0 0 0 4px}
/* scenario presentation - mini managetools */
#scenariopresentation .minimanagetools{width:22px;float:left;margin-right:5px;display:block;height:10px;overflow:hidden;position:relative}
#scenariopresentation .minimanagetools a{width:10px;float:left;display:inline;height:10px;overflow:hidden}
#scenariopresentation .minimanagetools a.minidelete{margin:0 0 0 2px}
/* calculate scenario */
#scenariopresentation .calculatescenario{display:none;margin-bottom:10px;width:598px;border:1px solid #EBEBEB;border-top:none;clear:both;padding:5px;background:#F9F7FA;overflow:hidden;position:relative}
#scenariopresentation .calculatescenario a{display:block}
#scenariopresentation .calculatescenario a.reset{float:left}
#scenariopresentation .calculatescenario a.search{float:left}
#scenariopresentation .calculatescenario a.calculate{float:right}
#scenariopresentation .calculatescenario a.save{float:left}
/* savings */
#scenariopresentation .savings{width:608px;border:1px solid #EBEBEB;border-top:none;clear:both;display:block;background:transparent url(../gfx/bg/dsm_logo.png) no-repeat right bottom;position:relative}
#scenariopresentation .savings table td{background:transparent}
#scenariopresentation .savings table td.links{padding:10px}
#revolutionbrewing .folded{margin:0;padding:3px 0 2px 3px;border:solid 1px #E4DEEB;border-top:none;display:block;background:url(../gfx/bullets/accordion_foldout.png) #FFFFFF no-repeat right 4px;cursor:pointer;position:relative}
#revolutionbrewing .folded table tr td{padding:4px 0 4px 3px;color:#005AB0;font-weight:bold;font-size:1.2em;text-align:left}
#revolutionbrewing .folded span.hideonfoldout{visibility:visible}
#revolutionbrewing .folded.active{background-position:right -122px}
#revolutionbrewing .folded.active span.hideonfoldout{visibility:hidden}
#revolutionbrewing .folded table tr td{border:none;background:transparent}
#revolutionbrewing .foldout{clear:both;border:1px solid #EBEBEB;border-top:none;padding:4px;display:block;background:url(../gfx/bg/method_details.png) #FAFAFA repeat-x 0 0;}
#revolutionbrewing .foldout table tr td{background:transparent;text-align:left;z-index:10;}
#revolutionbrewing .fakefoldout{clear:both;border:1px solid #EBEBEB;border-top:none;padding:4px;display:block;background:url(../gfx/bg/method_details.png) #FAFAFA repeat-x 0 0;}
#revolutionbrewing .fakefoldout table tr td{background:transparent;text-align:left;z-index:10;}
/* fake folded (= no content) */
#revolutionbrewing .fakefolded{margin:0;padding:3px 0 2px 3px;border:solid 1px #E4DEEB;border-top:none;display:block;background:url(../gfx/bullets/accordion_fake.png) #FFFFFF no-repeat right 4px;cursor:default;cursor:pointer;position:relative}
#revolutionbrewing .fakefolded table tr td{padding:4px 0 4px 3px;color:#005AB0;font-weight:bold;font-size:1.2em;text-align:left}
#revolutionbrewing .fakefolded table tr td{border:none;background:transparent}
#revolutionbrewing table tr.outcome th{padding:4px 0 4px 5px;color:#FFFFFF;background:url(../gfx/bg/tr_outcome.png) #2787B7 repeat-x center;font-weight:bold;font-size:1.3em}
#revolutionbrewing table tr.outcome.lighter th{padding:4px 0 4px 5px;color:#FFFFFF;background:url(../gfx/bg/tr_outcome_lighter.png) #2787B7 repeat-x center;font-weight:bold;font-size:1.3em}
/* scenario presentation - managetools */
#revolutionbrewing .managetools{border:1px solid #EBEBEB;padding:1px;float:left;width:38px;margin:0 5px 0 0;display:block;background:url(../gfx/bg/managetools.png) #FFFFFF no-repeat bottom;height:16px;overflow:hidden;position:relative}
#revolutionbrewing .managetools a{width:16px;float:left;display:inline;height:16px;overflow:hidden}
#revolutionbrewing .managetools a.deleteitem{margin:0 0 0 4px}
/* scenario presentation - mini managetools */
#revolutionbrewing .minimanagetools{width:22px;float:left;margin-right:5px;display:block;height:10px;overflow:hidden;position:relative}
#revolutionbrewing .minimanagetools a{width:10px;float:left;display:inline;height:10px;overflow:hidden}
#revolutionbrewing .minimanagetools a.minidelete{margin:0 0 0 2px}
/* calculate scenario */
#revolutionbrewing .calculatescenario{margin-bottom:10px;width:598px;border:1px solid #EBEBEB;border-top:none;clear:both;padding:5px;display:block;background:#F9F7FA;overflow:hidden;position:relative}
#revolutionbrewing .calculatescenario a{display:block}
#revolutionbrewing .calculatescenario a.reset{float:left}
#revolutionbrewing .calculatescenario a.calculate{float:right}
#revolutionbrewing .calculatescenario a.save{float:left}
/* savings */
#revolutionbrewing .savings{width:608px;border:1px solid #EBEBEB;border-top:none;clear:both;display:block;background:transparent url(../gfx/bg/dsm_logo.png) no-repeat right bottom;position:relative}
#revolutionbrewing .savings table td{background:transparent}
#revolutionbrewing .savings table td.links{padding:10px}
#customers .folded{margin:0;padding:3px 0 2px 3px;border:solid 1px #E4DEEB;border-top:none;display:block;background:url(../gfx/bullets/accordion_foldout.png) #FFFFFF no-repeat right 4px;cursor:pointer;position:relative}
#customers .folded table tr td{padding:4px 0 4px 3px;color:#005AB0;font-weight:bold;font-size:1.2em;text-align:left}
#customers .folded span.hideonfoldout{visibility:visible}
#customers .folded.active{background-position:right -122px}
#customers .folded.active span.hideonfoldout{visibility:hidden}
#customers .folded table tr td{border:none;background:transparent}
#customers .foldout{clear:both;border:1px solid #EBEBEB;border-top:none;padding:4px;display:block;background:url(../gfx/bg/method_details.png) #FAFAFA repeat-x 0 0;position:relative}
#customers .foldout table tr td{background:transparent;text-align:left}
/* fake folded (= no content) */
#customers .fakefolded{margin:0;padding:3px 0 2px 3px;border:solid 1px #E4DEEB;border-top:none;display:block;background:url(../gfx/bullets/accordion_fake.png) #FFFFFF no-repeat right 4px;cursor:default;cursor:pointer;position:relative}
#customers .fakefolded table tr td{padding:4px 0 4px 3px;color:#005AB0;font-weight:bold;font-size:1.2em;text-align:left}
#customers .fakefolded table tr td{border:none;background:transparent}
#customers .fakefolded a{height:56px;}
/* scenario presentation - managetools */
#customers .managetools{border:1px solid #EBEBEB;padding:1px;float:left;width:38px;margin:0 5px 0 0;display:block;background:url(../gfx/bg/managetools.png) #FFFFFF no-repeat bottom;height:16px;overflow:hidden;position:relative}
#customers .managetools a{width:16px;float:left;display:inline;height:16px;overflow:hidden}
#customers .managetools a.deleteitem{margin:0 0 0 4px}
/* scenario presentation - mini managetools */
#customers .minimanagetools{width:22px;float:left;margin-right:5px;display:block;height:10px;overflow:hidden;position:relative}
#customers .minimanagetools a{width:10px;float:left;display:inline;height:10px;overflow:hidden}
#customers .minimanagetools a.minidelete{margin:0 0 0 2px}
/* calculate scenario */
#customers .calculatescenario{margin-bottom:10px;width:598px;border:1px solid #EBEBEB;border-top:none;clear:both;padding:5px;display:block;background:#F9F7FA;overflow:hidden;position:relative}
#customers .calculatescenario a{display:block}
#customers .calculatescenario a.reset{float:left}
#customers .calculatescenario a.search{float:left}
#customers .calculatescenario a.calculate{float:right}
#customers .calculatescenario a.save{float:left}
/* savings */
#customers .savings{width:608px;border:1px solid #EBEBEB;border-top:none;clear:both;display:block;background:transparent url(../gfx/bg/dsm_logo.png) no-repeat right bottom;position:relative}
#customers .savings table td{background:transparent}
#customers .savings table td.links{padding:10px}
/* detailed version */
.detailedversion{clear:both;display:block;background:transparent;position:relative}
.detailedversion a.detailedversion{padding:2px 0 2px 22px;text-decoration:none}
.detailedversion table{clear:both;background:transparent;position:relative}
#scenariopresentation .accordion .detailedversion .foldout .calculatescenario{width:585px;border:1px solid #EBEBEB;margin:0}
#revolutionbrewing .accordion .detailedversion .foldout .calculatescenario{width:585px;border:1px solid #EBEBEB;margin:0}
#customers .accordion .detailedversion .foldout .calculatescenario{width:585px;border:1px solid #EBEBEB;margin:0}
/* page navigation */
.pagenavigation{border-bottom:2px solid #EBEBEB;margin:0;float:left;padding:5px;clear:both;margin-bottom:10px;display:block;font-size:0.92em;position:relative;overflow:hidden}
.pagenavigation a{float:left;display:block;color:#666666;font-weight:bold;line-height:normal;text-decoration:none;overflow:hidden;height:26px;position:relative}
.pagenavigation a:hover{color:#005AB0}
.pagenavigation a.nextpage{border-left:1px solid #EBEBEB;float:right;padding:0 22px 0 5px;background:transparent url(../gfx/buttons/nextpage.png) no-repeat right 0}
.pagenavigation a.prevpage{border-right:1px solid #EBEBEB;float:left;padding:0 5px 0 22px;background:transparent url(../gfx/buttons/prevpage.png) no-repeat left 0}
.pagenavigation a.nextpage:hover{background-position:right -40px}
.pagenavigation a.prevpage:hover{background-position:left -40px}
/* login userdata box */
#loginaction .timestamp{display:block;color:#808080;font-size:0.9em;position:relative;}
#loginaction .timestamp.highlight{background:#FFFFAA;}
#loginaction .information{display:block;color:#808080;font-size:0.9em;position:relative;}
/* scenario outcome */
#login h3{color:#004b8c}
#login strong{line-height:1.2em}
#login p{padding:0}
#login .upsize{padding:3px 0 3px 0;margin:0;display:block;color:#009501;font-size:1.4em;line-height:normal}
#login .information{display:block;color:#808080;font-size:0.9em;position:relative;}
/* explicit login */
#loginexplicit h2{color:#006400}
#loginexplicit a.login{font-size:1.1em;font-weight:bold;}
#loginexplicit a.register{font-size:1.1em;font-weight:bold;}
#loginaction h2{color:#006400}
/* call to action */
#calltoaction h2{color:#006400}
#calltoaction label.contactme span{margin-left:25px}
.registeragree{margin-left:23px}
.bannerspan{margin-left:106px;}
#calltoaction .information{display:block;color:#808080;font-size:0.9em;position:relative;}
/* footer */
#footer p{color:#FFFFFF;line-height:20px;text-indent:1em}
sub{ font-size:0.6em; }