/* Element definitions */

BODY, HTML { padding: 0; margin: 0; background: #fff; }
BODY { font-family:Lucida Sans Demi, Lucida Sans, Calibri, sans-serif; color: #444444; font-size: 14px;}
TD, TH { font-family:Lucida Sans Demi, Lucida Sans, Calibri, sans-serif; color: #444444; font-size: 14px;}
SELECT, TEXTAREA, INPUT { font-family:Lucida Sans Demi, Lucida Sans, Calibri, sans-serif; color: #444444; font-size: 14px; }
BUTTON {font-family:Lucida Sans Demi, Lucida Sans, Calibri, sans-serif; color: #ffffff; background: #F79421; font-size: 14px; }

A { text-decoration: none; color: #F79421; }
A:hover { text-decoration: underline !important; }
IMG { border: none; }
P { margin: 0 0 0 0; padding: 0; }
FORM { padding: 0; margin: 0; }

H1 { color: #01628C; padding: 0; font-weight: bold; font-size: 16px; margin: 0; }
H2 { color: #01628C; padding: 0; font-weight: bold; font-size: 14px; margin: 2em 0 0 0; padding: 0 0 0 10px; background: url(../images/dot03.gif) 0 4px no-repeat; }
H2.nmt { color: #01628C; padding: 0; font-weight: bold; font-size: 11px; margin: 0 0 0 0; padding: 0 0 0 10px; background: url(../images/dot03.gif) 0 4px no-repeat; }
TABLE { border-collapse: collapse; border-spacing: 0; }

/* Login */
#loginHeader {float:none; font-weight: bold; font-size: 24px; color: #01628C; margin-left: 150px; margin-top: 1%; }
#loginIcons {float:left; width:300px; height:252px; background: url(../images/icons.png) 30px 0px no-repeat;}
#login {float:left; background:#01628C; width:427px; margin-left: 150px; margin-right:0; margin-top: 30px; margin-bottom:0; padding: 30px 60px 40px 40px;}`
#restoreActivationLink {color: rgb(90%, 90%, 90%); font-weight: normal; font-size: 12px;}
#login TR {height:3em;}
#login TH {width: 6em;padding-right:10px; color:rgb(90%, 90%, 90%);}
#login TH .strong{color:rgb(90%, 90%, 90%) !important;}
#login P.red SPAN{color: red !important; position: absolute; margin-top: -4em;}
#loginCommand P.red {color: red !important; margin-left:15%;}
#login A {text-decoration:none; font-weight:normal; font-size: 14px; color: #F79421;}

/* Activation */
#activationHeader {font-weight: bold; font-size: 24px; color: #01628C; margin-left: 150px; margin-top: 1%; }
#activation {float:left; background: #01628C; width:367px; height:280px; margin-left: 150px; margin-top: 30px; padding: 30px 60px 40px 40px;}
#activation TR {height:3em;}
#activation TH {width: 11em; color:rgb(90%, 90%, 90%)}
#activation P.red SPAN {color: #FF4444 !important; font-weight: bold; position: absolute; margin-top: 13em;}

/* Main framework */
#main { min-width:1024px; width: 100%; height: 600px; margin: auto; text-align: left; font-family:Lucida Sans Demi, Lucida Sans, Calibri, sans-serif; font-size: 14px;}
#mainHeader {background: url(../images/header_bar.png) repeat-x; background-position: left bottom; width: 96%; height: 89px; margin: auto; float: left; padding: 0% 0% 0% 0%; position: relative; top: 0%; left: 2%; right:2%;}
#mainLogo { background: url(../images/logo_cl.png) 0 0px no-repeat; background-size: 200px 85px; width: 200px; height: 85px; background-color: white; float: left; padding: 0 0 0 0; position: relative; right: 0%; bottom: -10px;}
#logoHighenergy {position: absolute; left: 160px; bottom: 8px;}

#userGreeting {float: right; padding: 0px 0px 0px 0px; position: absolute; right: 5px; bottom: 50%; font-weight: bold; font-size: 12px;color: #01628C;}
#userGreeting A {text-decoration: none; font-weight: bold; font-size: 12px; color: #01628C;}
#userGreeting A:hover {text-decoration: none !important; font-weight: bold; font-size: 12px; color:red;}
#adminButton {margin: -7px 0px;}
#primaryMenu {background: url(../images/header_tab.png) no-repeat; width: 271px; height: 35px; float: right; padding: 0px 0px 0px 0px; position: absolute; right: 0%; bottom: 0; vertical-align: bottom;}
#primaryMenu A {color: #ffffff; background: transparent; text-align:center; padding: 0px 0px 0px 0px; font-weight: bold; font-size: 12px; text-decoration: none;}
#primaryMenu TABLE {align: center; vertical-align: bottom; width: 95%; height: 75%; position: relative; top: 10%;}
#primaryMenu TR TD {color: #ffffff; background: transparent; text-align: center; vertical-align: bottom; font-weight: bold; font-size: 12px; }
#primaryMenu P { padding: 0; margin: 0;}

#commonContent {width:96%; height: 100%; margin: auto; float: left; padding: 0% 0% 0% 0%; position: relative; top: 0%; right:2%; }
#contentLeft {height: 100%; margin-top: 0px; margin-right: 271px;}
#contentRight {width:271px; height: 100%; float: right; padding: 0px 0px 0px 0px; position: absolute; right: 0%; top:0%; border-left: 1px solid #e1e1e1;}
#data {width:96%; float: right; padding: 2% 2% 2% 2%; }
#infoBar {width:94%;  margin: auto; float: right; padding: 2% 2% 2% 4%; overflow:auto }
DIV#menu    {width:94%; height: 46%; margin: auto; float: right; padding: 2% 2% 2% 4%;   }
#menuUser {width:100%; margin: auto; float: right; padding: 0px 0px 0px 0px; border-top: 1px solid #e1e1e1; }

#footer {}
<!-- { position: relative; bottom: 0; width: 99%; background: #000000; height: 4px; font-size: 1px; line-height: 0px; margin: auto; clear: both; border-left: solid #fff; } -->
#bottom {float:bottom; padding: 0% 0% 0% 0%; width: 99%; margin-bottom:0%; margin-left:auto;margin-right:auto;margin-top:auto; text-align:center; vertical-align:bottom;}

ul.menuUser { list-style: none; padding: 0; margin: 5px 0 20px 0; font-family: 'Lucida Sans', Calibri, sans-serif; font-weight: bold; font-size: 14px; line-height: 150%;}
ul.menuUser ol {display: none;  list-style-type: none;  margin: 0;  padding: 5px;}
ul.menuUser li {}
ul.menuUser ol li {border-bottom: none;}
ul.menuUser ol li:before { content: "";}
ul.menuUser a { display: block; padding: 3px 10px 3px 10px; text-decoration: none; height: 100%; color: #F79421;}
ul.menuUser li ol li a { display: block; padding: 3px 10px 3px 20px; text-decoration: none; height: 100%; color: #F79421;}
ul.menuUser a:hover {}
ul.menuUser a.active {font-weight: bolder; }

#surveyHistoryListCommand h2 {font-size: 24px; background: none; margin: 0;}
#surveyHistoryListCommand TABLE.data {border-color: #e1e1e1;}
ul.surveyHistory {text-decoration:none; list-style: none; padding: 0; margin: 15px 0 20px 0; font-family: 'Lucida Sans', Calibri, sans-serif; font-weight: bold; font-size: 14px; line-height: 180%;}
ul.surveyHistory ol {display: none;  list-style-type: none;  margin: 0;  padding: 5px;}
ul.surveyHistory li {}
ul.surveyHistory ol li {border-bottom: none;}
ul.surveyHistory ol li:before { content: "";}
ul.surveyHistory li ol li a {font-size: 12px; background: none; display: block; padding: 0 0 0 30px; text-decoration: none; height: 100%; color: rgb(94%, 50%, 29%);}
ul.surveyHistory a:hover {}
ul.surveyHistory li a {text-indent:30px; background: url(../images/icon-collapsed.png) no-repeat; display: block; padding: 3px 10px 3px 12px; text-decoration: none; height: 100%; color: rgb(47%, 59%, 60%);}
ul.surveyHistory li a.active {text-indent:30px; background: url(../images/icon-expanded.png) no-repeat; font-weight: bold; color: rgb(47%, 59%, 60%);}

#logo { display: block; margin-bottom: 25px; }

#contact { font-style: normal; font-size: 9px; color: #000000; border-right: 1px solid #e1e1e1; padding: 10px; margin: 0 0 20px 0; }
#contact STRONG { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000000; display: block; }
#contact P { color: #969696; font-weight: bold; font-size: 9px; text-transform: uppercase; margin: 0; }
#contact A { color: #000000; text-decoration: none; }

DIV.slider { background-color:white;}
INPUT.slider-input { background-color:white;}
INPUT.i-right { background-color:white; text-align: right;}

#contextVariables { font-size:14px; height: 40em; overflow : auto;}
#contextVariables TABLE TBODY TR TD{ font-size:11px; border-top: solid 1px #e1e1e1; }

#surveyFactoidHeader { font-size:14px; font-weight: bold; width: 98%; height: 8px; margin-top: 2%; float: clear; padding: 0 0 5px 0; color: #bcbfbf; }
#surveyFactoid {font-weight: normal; font-style:italic; font-size: 14px; text-align: left; width: 100%;  padding: 10px 0 0 0; margin: auto; float: clear; vertical-align: top; color:#01628C;}
#surveyProgressHeader { width: 98%; height: 0px; margin-top: 0%; float: clear; padding: 0 0 0 0; color: #bcbfbf; position: relative; top: 1%; bottom: 1%;}
#surveyProgress { width: 100%; height: 31px; margin: auto; float: clear; padding: 0px 0px 0px 0px; text-align:center;  vertical-align: middle; position: relative; top:0%; bottom:1%;}
#surveyDataHeader { font-size:12px; font-weight: bold; width: 98%; height: 16px;  float: clear; padding: 0 0 5px 0;  border-bottom: 1px solid #e1e1e1; color: #bcbfbf; position: relative; top: 14px;}
#surveyData { font-size:21px; font-weight: bold; color:#332623; text-align: left; width: 94%; height: 96%; padding: 0% 4% 1% 2%; margin: auto; float: clear; text-align: left; position: relative;}
#paneHelp {margin-top: -5%; position: relative; float: right; padding: -10px 0px 0px 0px;}
#paneHelp A {font-size:21px; font-weight: bold; color: #990;}
#surveyButtons { width: 98%; height: 37px; position:relative;  margin: 25px 0% 5px 0%;}
#surveyButtons #_prev, #surveyButtons #_cancel {}
#surveyButtons #_prev:hover, #surveyButtons #_cancel:hover { }
#surveyButtons #_prev.disabled, #surveyButtons #_cancel.disabled { }
#surveyButtons #_prev.disabled:hover, #surveyButtons #_cancel.disabled:hover { }
#surveyButtons #_next, #surveyButtons #_save { }
#surveyButtons #_next:hover, #surveyButtons #_save:hover { }
#surveyButtons #_next.disabled, #surveyButtons #_save.disabled { }
#surveyButtons #_next.disabled:hover, #surveyButtons #_save.disabled:hover { }
#surveyQuestionAnswered {width: 100%; height: 25px; font-size: 17px; color: #666666; position: relative; right: 0; top: 0; text-align: right; vertical-align: middle;}

#surveyLeaks { width: 100%; height: 50%; font-weight: bold; font-size: 12px; color:#01628C; padding: 10px 0 0 0; margin: auto; float: left; vertical-align: middle;}
#surveyLeaksGroup { width: 100%; height: 100%; margin-top:2%;}
#surveyLeaksGroup A {text-decoration: none;}
#surveyLeaksGroup DIV.leak {position: relative;  float: left; background-repeat: no-repeat; background-position: center; width: 82px; height: 82px; margin-top:5px; text-align: center; }
#surveyLeaksGroup DIV.leakValue {font-size:10px; font-weight: bold; position:absolute; bottom:0; margin-bottom: 20%; text-align:center; width:100%; color:#FFFFFF}
#surveyLeaksSeeAll {color:#F79421; float: right; font-size: 12px; font-weight: bold; margin-left: 100%;position: relative; text-align: right; width: 100%;}
#surveyLeaksSeeAll A {font-size:12px; font-weight: bold; color:#F79421; text-decoration: none;}

#surveyUnique { width: 96%; height: 50%; font-size: 17px; color:#000000; margin: 5% 0; float: left; padding: 5% 2% 2% 2%; vertical-align: middle; border-top: 1px solid rgb(74%, 74%, 75%);}
#surveyUnique DIV.surveyUniqueElement { font-size: smaller; float:none; margin-top:5px;}
#surveyUnique DIV.surveyUniqueElement2 { width:100%; height:5%; position:relative;}
#surveyUnique DIV.surveyUniqueElementScale1 {background-color: #dbdbdb; width:30%; float: left;}
#surveyUnique DIV.surveyUniqueElementScale2{background-color: #7a9999; text-align: center;}

#surveyRightTop {font-weight: bold; font-size: 14px; color:#999900; margin: auto; float: clear; padding: 5px 0 1px 0; vertical-align: middle;}
#surveyRightBottom {font-weight: bold; font-size: 14px; color:#999900; margin: auto; float: clear; padding: 5px 0 1px 0; vertical-align: middle;}
#surveyChart {text-align: left; width: 100%; height: 100%}
#surveyReport {text-align: left; width: 100%; height: 100%}

#caldiv {position:absolute;visibility:hidden;background-color:white;layer-background-color:white; z-index: 1000;}

TABLE.survey {float: center; width: 100%; height: 100%; text-align: left; margin-left: auto; margin-right: auto; margin-top: 0px;}
TABLE.survey TH { font-size: 19px; text-align: left;}
TABLE.survey TH A { color: #FFF; }
TABLE.survey TH B { font-weight: bold; }
TABLE.survey TD { font-size:17px; }
TABLE.survey TD P {font-size:21px; }
TABLE.survey TD A {color: #F79421; border-bottom:none;}
TABLE.survey TD A:hover {color: #F79421; border-bottom: 1px solid #F79421; font-weight:normal;}
TABLE.survey THEAD TD {font-size:21px; font-weight:bold; padding-bottom:15px; padding-top:0px; margin-top:0px; color:#01628C; text-align:center;} / *Pane Header */
TABLE.survey THEAD TD P {font-size:21px; font-weight:bold;color:#01628C; text-align:center;}

/* Pane Text */
#surveyPageText {color:#555555; font-weight: normal; font-size:15px; text-align:left; margin: 0 auto; padding-top:10px; padding-bottom:10px;}
#surveyPageText P {color:#555555; font-weight: normal; font-size:15px; text-align:left;  margin: 0 auto; margin-bottom:10px;}
#surveyPageText UL {font-weight: normal; font-size:15px; margin-left:25px;}
#surveyFooter {color:#555555; font-weight: normal; font-size:15px; text-align:left; margin: 0 auto; padding-top:10px; padding-bottom:10px;}
#surveyFooter P {color:#555555; font-weight: normal; font-size:15px; text-align:left; margin: 0 auto; margin-bottom:10px;}
/*------------*/

TABLE.surveyAnswerBlocks {font-weight: normal; font-size: 21px; float: none; width: 100%; height: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-top: 1%;}
TABLE.surveyAnswerBlocks THEAD {text-align: center; margin-top: 1%;}
TABLE.surveyAnswerBlocks TH {text-align: center;}
TABLE.surveyAnswerBlocks TD {text-align: center;}

TABLE.blockSurveyAnswers {float: left; width: 100%; height: 100%; margin-left: auto; margin-right: auto;  margin-top: 1%;}
TABLE.blockSurveyAnswers TR {height: 2em;}
TABLE.blockSurveyAnswers THEAD {text-align: center; margin-top: 1%; border-bottom: 2px solid #e1e1e1; }
TABLE.blockSurveyAnswers THEAD TH {text-align: center; font-weight: bolder; font-size: 12px;}
TABLE.blockSurveyAnswers TH {text-align: center; }
TABLE.blockSurveyAnswers TH.right {text-align: right; }
TABLE.blockSurveyAnswers TD {text-align: center; font-weight: bold; font-size: 12px;}
TABLE.blockSurveyAnswers TD.left {text-align: left; }
TABLE.blockSurveyAnswers TD.right {text-align: right; }
TABLE.blockSurveyAnswers TD INPUT {font-weight: bold; font-size: 12px; text-align: left; }
TABLE.blockSurveyAnswers TD SELECT {font-weight: bold; font-size: 12px; text-align: left; }
TABLE.blockSurveyAnswers TD FONT.small {font-weight: normal; font-size: 11px;}

TABLE.surveyAnswers {width: 95%; height: 98%;  margin-left: auto; margin-right: auto; margin-top: 2%; margin-bottom: 2%;}
TABLE.surveyAnswers THEAD {text-align: center;  margin-top: 1%;}
TABLE.surveyAnswers THEAD TH {font-weight: bold; text-align: center; }
TABLE.surveyAnswers TH {}
TABLE.surveyAnswers TH.center {text-align: center; }
TABLE.surveyAnswers TH.left {text-align: left; }
TABLE.surveyAnswers TD {}
TABLE.surveyAnswers TD.center {text-align: left; }
TABLE.surveyAnswers TD.right {text-align: right; }
TABLE.surveyAnswers TD INPUT {font-size: 17px; font-weight:normal; text-align: left; }
TABLE.surveyAnswers TD SELECT {font-size: 17px; font-weight:normal; text-align: left;}
TABLE.surveyAnswers TD FONT.small {font-weight: normal; font-size: 12px;}

TABLE.surveyChart {width: 100%; height: 100%; margin-left: auto; margin-right: auto; margin-top: 1%; padding-bottom:10px;}
TABLE.surveyChart THEAD {}
TABLE.surveyChart TH {text-align: center; }
TABLE.surveyChart TD {text-align: center;}

#userLeakList {width: 100%; height: 100%; position: relative;}
#userLeakListHeader {width: 100%;  position: relative; float: left; vertical-align: middle; border-bottom: 1px solid #7f7f7f; padding-top:10px;}
#userLeakListHeader DIV.back {width: 100px; position: relative; float: left; }
#userLeakListHeader INPUT.cancel {}
#userLeakListHeader DIV.header {color:#01628C; width: 80%; font-weight:bold; font-size: 24px; color: #01628C; position:relative; float: left; text-align: left; margin-left: 50px;}
#userLeakListHeader DIV.subheader {width: 80%; font-weight:bold; font-size: 14px; color: rgb(50%, 51%, 52%); position:relative; float: left; text-align: left; margin-left: 150px;}
#userLeakPageNavigation {float: right; text-align: right; font-weight:normal; font-size: 14px; color: rgb(50%, 51%, 52%);}
#userLeakPageNavigation A.firstPage {color: #F79421; text-decoration: none;}
#userLeakPageNavigation A.prevPage {color: #F79421; text-decoration: none;}
#userLeakPageNavigation A.page {color: rgb(50%, 51%, 52%); text-decoration: none;}
#userLeakPageNavigation A.nextPage {color: #F79421; text-decoration: none;}
#userLeakPageNavigation A.lastPage {color: #F79421; text-decoration: none;}
#userLeakListTable {}
#userLeakListTable TD.leakValue {width: 150px; border-right: 1px solid #7f7f7f; text-align: center;}
#userLeakListTable TD.leakBody {}
#userLeakListTable DIV.data {}
#userLeakListTable DIV.leak {position: relative;  float: left; background-repeat: no-repeat; background-position: center; width: 82px; height: 82px; margin-top:5px; text-align: center; }
#userLeakListTable DIV.leakValue {font-size:10px; font-weight: bold; position:absolute; bottom:0; margin-bottom: 20%; text-align:center; width:100%;}
#userLeakListTable DIV.leakBody { position: relative; float: bottom; margin-left: 2%;}
#userLeakListTable DIV.leakLabel {font-weight:bold; font-size: 21px; color:#01628C;}
#userLeakListTable DIV.leakScale { width: 100%; height: 16px; font-size: smaller; float:top; margin-top:1%; position: relative; float: left;}
#userLeakListTable DIV.leakScale1  {background-color: rgb(86%, 86%, 85%); width: 5%; position: relative; float: left;}
#userLeakListTable DIV.leakScale2 {background-color: #42C1EB;  text-align: center; position: relative; float: left;}
#userLeakListTable DIV.scaleHappening {width: 70%; font-weight:bold; font-size: 12px; color: rgb(50%, 50%, 50%);  position: relative; float: top; margin-left: 6%;}
#userLeakListTable DIV.leakWasted {width: 100%; color: rgb(30%, 30%, 30%); font-size:14px; font-weight: bold; position: relative; float: left; margin-top:1%;}
#userLeakListTable DIV.leakDescription { color: rgb(50%, 51%, 52%); font-weight: normal; font-size: 14px;}
#userLeakListTable DIV.line {width:95%; border-bottom: 1px solid #7f7f7f; margin-left: 1%;}
#userLeakListTable DIV.leakRecommendations {width: 100%; background: none; font-size:14px; font-weight: normal; position: relative; float: left; margin-top:1%;}
#userLeakListTable DIV.leakRecommendations TABLE TH {width: 100%; background: none; color:#01628C; font-size:14px; font-weight: bold; position: relative; float: left; margin-top:1%;}
#userLeakListTable DIV.leakRecommendations TABLE TD A {width: 100%; background: none; color: #F79421; font-size:14px; font-weight: normal; position: relative; float: left; margin-top:1%; border: none;}
#userLeakListTable DIV.leakRecommendations TABLE TD IMG {vertical-align: middle;}

#recommendationInstruction { width:95%; height:100%; font-size:16px; margin-top:40px; margin-left:40px; margin-right:40px; }
#recommendationInstruction DIV.header { width: 80%; font-weight:bold; font-size: 24px; color: rgb(19%, 14%, 13%); position:relative; text-align: left; margin-left: 20px; margin-bottom:5px;}
#recommendationInstruction DIV.subheader {width: 80%; font-weight:bold; font-size: 14px; color: rgb(50%, 51%, 52%); position:relative; text-align: left; margin-left: 20px; margin-bottom:0px;}
#recommendationInstruction DIV.divider {width: 100%;border-bottom: 1px solid #7f7f7f;margin-bottom:20px;}


#userRecommendationList {width: 100%; height: 100%; position: relative;}
#userRecommendationListHeader {width: 100%; height: 70px; margin-top:10px; position: relative; float: left; vertical-align: middle; border-bottom: 1px solid #7f7f7f;}
#userRecommendationListHeader DIV.back {width: 100px; position: relative; float: left; }
#userRecommendationListHeader INPUT.cancel {}
#userRecommendationListHeader DIV.header     {color:#01628C; width: 40%; font-weight:bold; font-size: 24px; position:relative; float: left; text-align: left; margin-left: 10px;}
#userRecommendationListHeader DIV.subheader  {width: 40%; color: rgb(50%, 51%, 52%); font-weight:bold; font-size: 14px; position:relative; float: top; text-align: left; margin-left: 110px; margin-top: 35px;}
#userRecommendationPageSort {position: relative; float:left; width:50%; height:2em; text-align: left; font-weight:bold; font-size: 14px; color: rgb(62%, 62%, 64%); margin-top: 10px;}
#userRecommendationPageSort A {color: #F79421; text-decoration: none;}
#userRecommendationPageSort SPAN {color: rgb(19%, 14%, 13%);  text-decoration: none;}
#userRecommendationPageNavigation {position: relative; float:right; width:50%; height:2em; text-align: right; font-weight:bold; font-size: 14px; color: rgb(50%, 51%, 52%); margin-top: 10px;}
#userRecommendationPageNavigation A.firstPage {color: #F79421;  text-decoration: none;}
#userRecommendationPageNavigation A.prevPage {color: #F79421;  text-decoration: none;}
#userRecommendationPageNavigation A.page {color: #F79421;  text-decoration: none;}
#userRecommendationPageNavigation A.nextPage {color: #F79421;  text-decoration: none;}
#userRecommendationPageNavigation A.lastPage {color: #F79421;  text-decoration: none;}

#userRecommendationListTable TD.surveyRecommendationValue {width: 125px; text-align: center;}
#userRecommendationListTable TD.surveyRecommendationBody {}
#userRecommendationListTable DIV.data {}
#userRecommendationListTable DIV.surveyRecommendation {position: relative;  float: left; margin-left: 25%; background-repeat: no-repeat; background-position: center; width: 86px; height: 82px;}
#userRecommendationListTable DIV.surveyRecommendationValue {font-size: 12px; font-weight: bold; position:absolute; bottom:0; text-align:center; width:100%;}
#userRecommendationListTable DIV.surveyRecommendationBody { position: relative; float: bottom; margin-top: 5px; margin-left: 10px;}
#userRecommendationListTable DIV.surveyRecommendationLabel {position: relative; float:left; font-weight:bold; font-size: 16px; color: #01628C; width:90%;}
#userRecommendationListTable DIV.surveyRecommendationLabel IMG {vertical-align : middle;}
#userRecommendationListTable DIV.surveyRecommendationDescriptionLabel {position: relative; float:left; font-weight:bold; font-size: 14px; color: #F79421; width:40%; text-align:right;}
#userRecommendationListTable DIV.surveyRecommendationDescriptionLabel A {font-weight:bold; font-size: 14px; color: #F79421; border-bottom: none;}
#userRecommendationListTable DIV.surveyRecommendationDescription {position: relative; top: 10px; clear: both; width: 90%; color: rgb(50%, 51%, 52%); font-weight:normal; font-size: 14px;}
#userRecommendationListTable DIV.surveyRecommendationTakeback {position: relative; margin-top: 2em; margin-left: 2em; clear: both; width: 100%; color: rgb(50%, 51%, 52%); font-size:14px; font-weight: bold;}
#userRecommendationListTable DIV.surveyRecommendationTakebackHeader {font-weight:normal; font-size: 14px; font-style:italic; color: rgb(50%, 50%, 50%);}
#userRecommendationListTable DIV.surveyRecommendationTakebackLabel {float: none; margin-top: 10px; background: none; color: #F79421; font-size:14px; font-weight:bold; border: none;}
#userRecommendationListTable DIV.surveyRecommendationTakebackLabel A {background: none; color: #F79421; font-size:14px; font-weight:bold; border: none;}
#userRecommendationListTable DIV.surveyRecommendationTakebackValue {float: none; margin-top: 5px; font-weight:bold; font-size: 12px; color: rgb(14%, 12%, 13%);}

#userRecommendationListTable DIV.surveyRecommendationStatus IMG {margin-left: 2em; vertical-align : middle;}

#userRecommendationListTable INPUT.expand {background: transparent;}

#smallFont {font-size: small;}

#help { color: #666666; font-size: 16px; text-align: justify; margin-left:5%; margin-right:5%;}
#help H2 { color: #000000; padding: 0; font-weight: bold; font-size: 14px; margin: 2em 0 0 0; padding: 0 0 0 10px; background: url(../images/dot03.gif) 0 4px no-repeat; }
#help P { line-height: 20px;}
#help A { color:#990;}
#help UL {}
#help UL LI {}

/* Summary */
#summaryBaseLoad {position: relative; width:100%; height: 50%; min-height: 20em;}
#summaryBaseFilter {position: relative; width:100%; height: 20%; top:1em;}
#summaryBaseFilterResourceUse {position: relative; float:left; width:75%; height: 2em; font-weight: bold; font-size: 18px; color: #01628C;}
#summaryBaseFilterResourceUse .grey {font-weight: bold; font-size: 12px; color: rgb(62%, 63%, 64%);}
#summaryBaseFilterResourceUse .black {font-weight: bold; font-size: 12px; color: rgb(20%, 15%, 14%);}
#summaryBaseFilterResourceUse A {font-weight: bold; font-size: 12px; color: #F79421; text-decoration: none;}
#summaryBaseFilterResourceUse A.selected {padding: 3px 0 3px 3px; background-color: #F79421; color:#ffffff; height: 2em;}
#summaryBaseFilterUnitType {position: relative; float:right; text-align: right; width:24%; height: 2em; font-weight: bold; font-size: 12px; color: rgb(62%, 63%, 64%);}
#summaryBaseFilterUnitType .black {font-weight: bold; font-size: 12px; color: rgb(20%, 15%, 14%);}
#summaryBaseFilterUnitType A {font-weight: bold; font-size: 12px; color: #F79421; text-decoration: none;}
#summaryBaseFilterUnitType A.selected {padding: 3px 0 3px 3px; background-color: #F79421; color:#ffffff; height: 2em;}

#summaryBaseFilterUseType SELECT {font-weight: bold; font-size: 12px; color: rgb(14%, 12%, 13%);}
#summaryBaseChart {position: relative; float:left; width:100%; height: 75%; top: 0em; padding: 0px 0px 10px 0; border-top: 1px solid rgb(74%, 75%, 75%);}

#summaryBottom {position: relative; float:left; width:100%; height:45%; top: 1em; border-top: 1px solid rgb(20%, 15%, 14%); padding: 1% 0px;}
#summaryDiscovery {float:left; width:50%; height:100%; border-right: 1px solid rgb(74%, 75%, 75%);}
#summaryDiscoveryHeader{float:left; width:100%; height:5%;}
#summaryDiscoveryHeader DIV.left {float:left; width:50%; height:100%; font-weight: bold; font-size: 18px; color: #01628C;}
#summaryDiscoveryHeader DIV.right {float:left; width:49%; height:100%;}
#summaryDiscoveryHeader DIV.right A {font-weight: bold; font-size: 12px; color: #F79421; text-decoration:none;}
#summaryDiscoveryTopics {width:100%; height:100%; position: relative; margin-top: 30px; font-weight: bold; font-size: 14px; color: rgb(47%, 59%, 60%);}
#summaryDiscoveryTopicHeader {width:100%; height:5%; position: relative; font-weight: bold; font-size: 14px; color: rgb(47%, 59%, 60%);}
#summaryDiscoveryRemainingTopics {width:50%; height:100%; float:left; font-weight: bold; font-size: 12px; color: #000000;}
#summaryDiscoveryRemainingTopics DIV.header{width:100%; height:10%; position: relative; padding: 0px 0px 10px; font-weight: bold; font-size: 12px; color:#000000;;}
#summaryDiscoveryRemainingTopics DIV.topic {width:100%; height:30px; float:clear; vertical-align: middle;}
#summaryDiscoveryRemainingTopics DIV.topic IMG {vertical-align: middle;}
#summaryDiscoveryCompletedTopics {width:49%; height:100%; float:left; font-weight: bold; font-size: 12px; color: rgb(50%, 51%, 52%);}
#summaryDiscoveryCompletedTopics DIV.header{width:100%; height:10%; position: relative; padding: 0px 0px 10px; font-weight: bold; font-size: 12px; color:#000000;;}
#summaryDiscoveryCompletedTopics DIV.topic {width:100%; height:30px; float:clear; vertical-align: middle;}
#summaryDiscoveryCompletedTopics DIV.topic IMG {vertical-align: middle;}
#summarySurveyRecommendations {float:left; width:49%; height:100%; border-left: 1px solid #e1e1e1;}
#summarySurveyRecommendationTitle {float:clear; padding:0px 0px 10px 10px; font-weight: bold; font-size: 18px; color: #01628C;}
#summarySurveyRecommendationHeader {margin-left: 10px; width:100%; height:5%; font-weight: bold; font-size: 14px; color: rgb(47%, 59%, 60%);}
#summarySurveyRecommendationHeader DIV.left {padding: 5px 0px;}
#summarySurveyRecommendationHeader A {font-weight: bold; font-size: 14px; color: #F79421; text-decoration:none;}
#summarySurveyRecommendationList {margin-left: 10px; margin-top: 10px; width:100%; height:95%; font-weight: bold; font-size: 14px; color: rgb(47%, 59%, 60%);}
#summarySurveyRecommendationList DIV.summaryLeak {margin-bottom: 10px; width:48%; float: left; font-weight: bold; font-size: 14px; color: rgb(47%, 59%, 60%);}
#summarySurveyRecommendationList DIV.summaryLeak IMG {vertical-align: middle;}

#customerRegistrationHeader {float:left; width:100%; height:5%; margin-left: 10px; margin-top: 20px; font-weight: bold; font-size: 24px; color: rgb(24, 106, 164);}
#customerRegistrationIntro {float:left; width:55%; height:95%; margin-top: 0px; padding: 0px 20px 0px 10px; border-right: none; font-weight: normal; font-size: 14px; color: rgb(39%, 39%, 40%); text-align:justify}
#customerRegistrationIntro IMG {margin-top: 10px; margin-bottom:10px;}
#customerRegistrationIntro P {padding:5px 0px 0px 0px;}
#customerRegistrationForm {float:left; width:35%; height:95%; margin-top: 20px; padding: 0px 20px; font-weight: bold; font-size: 14px; color: rgb(90%, 90%, 90%); display: block;}
#customerRegistrationForm P.error {font-weight: bold; font-size: 14px; color: rgb(60%, 10%, 12%);}
#customerRegistrationForm TR {height: 3em;}
#customerRegistrationForm TH {padding: 0px 10px 0px 0px; font-weight: bold; font-size: 14px; color: rgb(90%, 90%, 90%);}
#customerRegistrationForm TD {font-weight:bold; font-size: 14px; color: rgb(90%, 90%, 90%);}
#customerRegistrationForm TR.nopadding {height: 14px !important;}
#customerRegistrationForm A {text-decoration:none; font-weight:normal; font-size: 14px; color: #F79421;}
#customerRegistrationTable { background-color: #01628C; margin-top:10px; padding: 10px 20px 10px 20px;min-width:400px;}
#customerRegistrationValidating {float:left; margin-top: 20px; margin-left: 10%; width:25%; height:95%; display: none; font-weight:bold; font-size: 14px; color: rgb(19%, 14%, 13%); text-align:center;}
#customerRegistrationValidating IMG {margin-top: 20%; margin-left: auto; margin-right: auto; width:60px; height:60px;}
#customerRegistrationValidated {background: url(../images/icons.png)  no-repeat 85% 0%; float:left; width:85%; height:95%; margin-top: 20px; margin-left: 200px;  padding: 0px 20px; font-weight: bold; font-size: 14px; color: rgb(39%, 39%, 40%); text-align:justify}
#customerRegistrationValidated P { max-width:65%;}
#customerRegistrationSpamFilterTest {margin: 5%; padding: 2%; width:50%; font-size: 12px; border: 5px solid; border-color: #01628C;}

#co-sites { float: left; list-style: none; padding: 5px 0 0 0; margin: 0; }
#co-sites LI { float: left; padding: 0; margin: 0; background: url(../images/dot01.gif) 0 9px no-repeat; font-weight: bold; }
#co-sites LI A { display: block; font-size: 10px; padding: 4px 12px 4px 12px; position: relative; text-decoration: none; }

#lang { float: right; list-style: none; color: #64b0ce; font-weight: bold; padding: 5px 0 0 0; margin: 0; display: inline-table; }
#lang LI { float: left; padding: 0; margin: 0; }
#lang LI.active { background: #eff7fa; }
#lang LI A { display: block; font-size: 10px; color: #64b0ce; padding: 4px 8px; position: relative; text-decoration: none; }
#lang LI A:hover { background: #eff7fa; text-decoration: none !important; }

#header01 { float: left; border-bottom: 8px solid #000000; width: 100%; margin-right: 1px; }
#header01 DIV { height: 60px; margin-bottom: 1px; background: url(../images/header01.jpg) 0 0 no-repeat; }

/* Content styles */

.smallerfont { font-size:12px !important; }

.col-type1 { float: left; width: 330px; margin-right: 20px; }
.col-type2 { float: left; width: 330px; }

.button-add { float: none; background: #22BCB1; color: #ffffff; text-decoration: none; padding: 2px 2px 2px 2px; font-size: 10px; }
.button-add:hover { background: #22BCB1; color: #000000 !important; }

.button-add-r { float: right; background: #22BCB1; color: #ffffff; text-decoration: none; padding: 2px 2px 2px 2px; font-size: 10px; }
.button-add-r:hover { background: #22BCB1; color: #000000 !important; }

.button-type1 { float: right; background: #22BCB1; color: #ffffff; text-decoration: none; padding: 2px 2px 2px 2px; font-size: 10px; }
.button-type1:hover { background: #22BCB1; color: #000000 !important; }

.button-type2 { float: right; margin-top: -1.5em; background: #22BCB1; color: #000000; text-decoration: none; padding: 2px 6px 3px 6px; font-size: 9px; border: 1px solid; border-color: #000000 #ad5206 #ad5206 #000000; }
.button-type2:hover { text-decoration: none !important; background: #ffeee0; }

.button-type3 { border: none !important; background: #22BCB1; color: #fff !important; font-size: 9px; padding: 0 3px; }
.button-type3:hover { text-decoration: none !important; background: #000000; }

.button-type4 { float: right; margin-top: -1.3em; background: #22BCB1; color: #ffffff; text-decoration: none; padding: 1px 6px 2px 6px; font-size: 9px; border: 1px solid; border-color: #ddd #7b7b7b #7b7b7b #ddd; }
.button-type4:hover { text-decoration: none !important; background: #fafafa; }

.button-type5 { float: right; margin-top: 10px; background: #22BCB1; color: #ffffff; text-decoration: none; padding: 1px 6px 2px 6px; font-size: 9px; border: 1px solid; border-color: #ddd #7b7b7b #7b7b7b #ddd; font-weight: bold; }
.button-type5:hover { text-decoration: none !important; background: #fafafa; }

.button-type6 { float: right; margin-top: 10px; background: #22BCB1; color: #ffffff; text-decoration: none; padding: 1px 6px 2px 6px; font-size: 9px; border: 1px solid; border-color: #ddd #7b7b7b #7b7b7b #ddd; }
.button-type6:hover { text-decoration: none !important; background: #fafafa; }

TABLE.fixed { table-layout:fixed; }
TABLE.data { width: 100%; margin: 1em 0 0 0; }
TABLE.data TH A {color: #FFF;}
TABLE.data TH B { font-weight: normal; }
TABLE.data TD { font-weight: normal; text-align: left; vertical-align: top; padding: 4px 5px; overflow: hidden;}
TABLE.data TD A { text-decoration: none !important; color: #000000; border-bottom: 1px solid #7f7f7f; }
TABLE.data TD A:hover { text-decoration: none !important; background-color: #22bcb1; color: #ffffff; border-bottom: 1px solid #ffffff; }
TABLE.data TD.actions { padding: 2px; text-align: right; }
TABLE.data TD.actions A { text-decoration: none; border-bottom: none !important; }
TABLE.data TD.actions-links { color: #ccc; text-align: right; }
TABLE.data TD.actions-links A { color: #64b0ce; text-decoration: underline !important; border-bottom: none; }
TABLE.data TR.subheading TD { font-size: 10px; font-weight: bold; color: #64b0ce; background: url(../images/bg01.gif) 0 100% repeat-x; padding: 10px 0 10px 4px; border-right: 20px solid #FFF; }
TABLE.data TR.group TD { background: #ffeee0; color: #b95c0f; border-bottom: 1px solid #e1e1e1; }
TABLE.data TR.group A { color: #b95c0f; border-bottom: 1px solid #fec89b;  }
TABLE.data TR.filter TD { padding: 2px 2px 1px 2px; border-bottom: 1px solid #e1e1e1; text-align: center;}
TABLE.data TR.filter TD.left { padding: 2px 2px 1px 2px; border-bottom: 1px solid #e1e1e1; text-align: left;}
TABLE.data TR.filter TD.right { padding: 2px 2px 1px 2px; border-bottom: 1px solid #e1e1e1; text-align: right;}
TABLE.data TR.filter INPUT,
TABLE.data TR.filter IMG { margin-left: 3px; }
TABLE.data TR.filter A { vertical-align: bottom; text-decoration: none; border: none !important; }
TABLE.data TR.filter TD.actions INPUT { border: 1px solid; border-color: #94cde4 #3687a7 #3687a7 #94cde4; background: #22BCB1; color: #64b0ce; font-weight: bold; font-size: 12px; overflow: visible; padding: 0px 5px; margin-top: 1px; cursor: pointer; } 
TABLE.data TR.filter TD.actions BUTTON { border: 1px solid; border-color: #94cde4 #3687a7 #3687a7 #94cde4; background: #22BCB1; color: #ffffff; font-weight: bold; font-size: 12px; overflow: visible; padding: 0px 5px; margin-top: 1px; cursor: pointer; }
TABLE.data .inpt { padding: 1px 2px !important; }

.even TD,
.even TH { background: #f4f4f4; }

TABLE.smallform { width: 100%; margin: 1em 0 0 0; }
TABLE.smallform A { color: #000000; }
TABLE.smallform TH { font-weight: normal; text-align: left; vertical-align: top; padding: 4px 5px; white-space: nowrap; }
TABLE.smallform TD { font-weight: normal; text-align: left; vertical-align: top; padding: 4px 5px; }

P.actions { text-align: right; }
P.actions INPUT { overflow: visible; padding: 0px 8px 1px 8px; font-size: 12px; font-weight: bold; background: #FFF; border: 1px solid; border-color: #ddd #7b7b7b #7b7b7b #ddd; color: #777; cursor: pointer; }
P.actions INPUT.pdf { background: #FFF url(../images/ico_pdf.gif) 100% -1px no-repeat; padding: 0px 20px 1px 8px; }
P.actions INPUT.csv { background: #FFF url(../images/ico_csv.gif) 100% -1px no-repeat; padding: 0px 20px 1px 8px; }
P.actions INPUT.xml { background: #FFF url(../images/ico_xml.gif) 100% -1px no-repeat; padding: 0px 20px 1px 8px; }
P.actions INPUT.add { background: #22BCB1; color: #ffffff; url(../images/ico_add.gif) 100% -1px no-repeat; padding: 0px 20px 1px 20px; }
P.actions INPUT.back { background: #22BCB1; color: #ffffff; url(../images/ico_back2.gif) 5px 50% no-repeat; padding: 0px 20px 1px 20px; float: left; }
P.actions INPUT.button_left { background: #22BCB1; color: #ffffff; padding: 0px 20px 1px 20px; float: left; }
P.actions INPUT.button_right { background: #22BCB1; color: #ffffff; padding: 0px 20px 1px 20px; float: right; }

P.actions2 { text-align: right; margin: 0; }
P.actions2 INPUT { overflow: visible; padding: 0px 8px 1px 8px; font-size: 12px; font-weight: bold; background: #FFF; border: 1px solid; border-color: #ddd #7b7b7b #7b7b7b #ddd; color: #777; cursor: pointer; }
P.actions2 INPUT.pdf { background: #FFF url(../images/ico_pdf.gif) 100% -1px no-repeat; padding: 0px 20px 1px 8px; }
P.actions2 INPUT.csv { background: #FFF url(../images/ico_csv.gif) 100% -1px no-repeat; padding: 0px 20px 1px 8px; }
P.actions2 INPUT.xml { background: #FFF url(../images/ico_xml.gif) 100% -1px no-repeat; padding: 0px 20px 1px 8px; }
P.actions2 INPUT.add { background: #22BCB1; url(../images/ico_add.gif) 100% -1px no-repeat; padding: 0px 20px 1px 20px; }
P.actions2 INPUT.back { background: #22BCB1; url(../images/ico_back2.gif) 5px 50% no-repeat; padding: 0px 20px 1px 20px; float: left; }
P.actions2 INPUT.cancel { background: #22BCB1; padding: 0px 20px 1px 20px; }
P.actions2 INPUT.save { background: #22BCB1; padding: 0px 20px 1px 20px; }

P.actions3 { text-align: right; margin-right: 10px; }
P.actions3 INPUT { overflow: visible; padding: 0px 8px 1px 8px; font-size: 12px; font-weight: bold; background: #FFF; border: 1px solid; border-color: #ddd #7b7b7b #7b7b7b #ddd; color: #777; cursor: pointer; }
P.actions3 INPUT.pdf { background: #FFF url(../images/ico_pdf.gif) 100% -1px no-repeat; padding: 0px 20px 1px 8px; }
P.actions3 INPUT.csv { background: #FFF url(../images/ico_csv.gif) 100% -1px no-repeat; padding: 0px 20px 1px 8px; }
P.actions3 INPUT.xml { background: #FFF url(../images/ico_xml.gif) 100% -1px no-repeat; padding: 0px 20px 1px 8px; }
P.actions3 INPUT.add { background: #22BCB1; url(../images/ico_add.gif) 100% -1px no-repeat; padding: 0px 20px 1px 20px; }
P.actions3 INPUT.back { background: #22BCB1;url(../images/ico_back2.gif) 5px 50% no-repeat; padding: 0px 20px 1px 20px; float: left; }

P.banklink { text-align: center; margin: 2px 0 0 0; padding: 0.4em; background: #fbcda7; }
P.login1 { text-align: center; background: #fafafa; padding: 9px 5px 7px 0px; border: solid #e1e1e1; border-width: 1px 0; }
P.login1 INPUT { background: #22BCB1; margin: 8px 0 8px 0; }

/* Hack to prevent background color on buttons */
INPUT#_prev {background:transparent;}
INPUT#_next {background:transparent;}
input#_back {background:transparent;}
input#_cancel {background:transparent;}
input.cancel {background:transparent;}
/* ------------------------------------------- */

P.pages { list-style: none; border: 1px solid #e1e1e1; padding: 2px 1px; margin: 10px 0 0 0; text-align: center; font-size: 12px; }
P.pages A { background: #f4f4f4; text-decoration: none; padding: 1px 4px; font-size: 12px; position: relative; }
P.pages A:hover,
P.pages A.active { background: #22BCB1; color: #ffF; text-decoration: none !important; }
P.pages .f-left { background: #22BCB1; margin: -1px 1px 0 0; }
P.pages .f-first { background: #22BCB1; margin: -1px 1px 0 0; }
P.pages .f-last { background: #22BCB1; margin: -1px 1px 0 0; }
P.pages .f-right { background: #22BCB1; margin: -1px 0 0 1px; }

P.progress { padding: 2px 4px 4px 4px; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 1em 0 2em 0; }
P.progress A { text-decoration: none; color: #64b0ce; margin: 0 5px 0 0; }
P.progress A B { background: #64b0ce; color: #fff; padding: 0 3px; margin: 0 5px 0 0; font-size: 9px; font-weight: normal; }
P.progress A:hover,
P.progress A.active { text-decoration: none !important; color: #000000; }
P.progress A:hover B,
P.progress A.active B { background: #000000; }

P.progress-actions { text-align: right; background: #ffffff; padding: 2px; margin: 2em 0 0 0; }
P.progress-actions INPUT,
P.progress-actions BUTTON { overflow: visible; padding: 0px 20px 1px 20px; font-size: 12px; font-weight: bold; background: #22BCB1; border: 1px solid; border-color: #96cde3 #166f92 #166f92 #96cde3; color: #fff; cursor: pointer; }
P.progress-actions .cancel { float: left; background: #22BCB1; padding: 0px 20px 1px 20px; margin-right: 2px; }
P.progress-actions .back { float: left; background: #22BCB1; padding: 0px 20px 1px 20px; margin-right: 2px; }
P.progress-actions .continue { background: #22BCB1; padding: 0px 20px 1px 20px; }

DL.progress-info { background: #f8f8f8; margin: -1.9em 0 2em 0 !important; padding: 5px 5px 10px 10px; line-height: 17px; }
DL.progress-info DT { padding: 0 5px 0 0; margin: 0; display: inline; font-size: 10px; }
DL.progress-info DD { padding: 0 30px 0 0; margin: 0; display: inline; font-size: 10px; }

#tooltip { position: absolute; width: 240px; background: #a3bd2e; text-align: left; padding: 1px; display: none; }
#tooltip-header { background: #dbe4ab; margin-bottom: 1px; height: 14px; }
#tooltip-header STRONG { background: #a3bd2e; color: #fff !important; font-size: 9px; padding: 0 3px; font-weight: normal; margin: 1px; float: left; }
#tooltip-close { float: right; font-size: 9px; color: #fff; padding: 1px 3px 2px 3px; background: #ff8510; text-decoration: none !important; line-height: 9px; border: 1px solid #FFF; }
#tooltip-close:hover { text-decoration: none !important; color: #ffe6ca; }
#tooltip-content { padding: 10px; line-height: 14px; color: #bcbfbf; background: #fff; }

#popupHelp { color: #000000; font-size: 18px; margin-top: 10%; }
.hidden {display: none;}

/* Home Page */
#trendingHomeLeaksHeader {background-color: rgb(95%, 95%, 97%); color:#01628C;}
#trendingHomeRecommendationsHeader {background-color: rgb(95%, 95%, 97%); color:#01628C; }
#trendingHomeNextTopicHeader {background-color: rgb(95%, 95%, 97%); color:#01628C; }
#trendingHomeReportsHeader {background-color: rgb(95%, 95%, 97%); color:#01628C; }
#trendingHomeTrendsHeader {background-color: rgb(95%, 95%, 97%); color:#01628C; }
#trendingHomeProfileHeader {background-color: rgb(95%, 95%, 97%); color:#01628C; }
#trendingHomeMessagesHeader {background-color: rgb(95%, 95%, 97%); color:#01628C; }
/* Trending Page */
#trendingPartsHeader { border-bottom: 2px solid #01628C;}
#trendingPartsHeader DIV.header {color:#01628C; }
/* Profile Page */
#trendingProfileFilterResourceUse {color:#01628C;}
#trendingProfileHeader { border-bottom: 2px solid #01628C;}
#trendingProfileHeader DIV.header {color:#01628C;}
/* KPI Page */
#keyIndicatorsHeader {border-bottom: 2px solid #01628C;}

#keyIndicatorsHeader DIV.header {color:#01628C;}

.dataguard1 {left: 28px; position: absolute; top: -20px;}
.dataguard1 img {width: 100px;}
.dataguard1 a {width: 100px;z-index: 1000;}