body
{
    font-size: .75em;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background-image: url(Images/Background.jpg);
    background-repeat: repeat;
    background-color: #005848;
    height: 100%;
}

textarea
{
    font-size: 1em;
    font-family: Arial, Helvetica, Sans-Serif;
}

.page
{
    background-color: White;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

.darkGreen
{
    color: #005848;
}

.lightGreen
{
    color: #005848;
}

.normalText
{
    color:Black;
}

h1, h2, h3, h4, h5, h6
{
    color: #78A22F;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    font-size: 1.5em;
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    font-size: 1.2em;
}
h5, h6
{
    font-size: 1em;
}

.boldGreen
{
    color: #78A22F;
    font-weight: bold;
}

p.warning-text
{
    font-weight: bold;
    color: #AD6D00;
}

h3.warning-text
{
    text-decoration: underline;
    color: #AD6D00;
}

ol li
{
    margin-bottom: 1em;
}


fieldset
{
    padding: 10px;
    width: auto;
    display: inline;
}

fieldset legend
{
    font-weight: bold;
}


/* Green top of the page header */

#header
{
    background-position: left;
    background-image: url('Images/TopBorder.jpg');
    background-repeat: repeat-y;
    background-color: #005848;
}

#header table
{
    border-collapse: collapse;
    width: 100%;
    height: 50px;
}

#header td
{
    padding: 2px 3% 2px 3%;
}


#header a, #header a:link, #header a:visited
{
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: white;
    white-space: nowrap;
}

#header a:hover
{
    color: black;
}

#header .version
{
    color: #009933;
    padding: 0 0.5em;
    text-align: right;
    font-size: 8pt;
}

/* Curved border stuff. There are two versions one filled with pale green - one without */
div.borderwidth
{
    width: 18px;
}

.curvedBorder
{
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
}

.curvedBorderTopLeft, .curvedGreenBorderTopLeft
{
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0;
}

.curvedBorderTop, .curvedGreenBorderTop
{
    background-position: top;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-repeat: repeat-x;
    padding: 0;
}

.curvedBorderTopRight, .curvedGreenBorderTopRight
{
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
}

.curvedBorderLeft, .curvedGreenBorderLeft
{
    background-position: left;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    background-repeat: repeat-y;
    padding: 0;
}

.curvedBorderRight, .curvedGreenBorderRight
{
    background-position: right;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    background-repeat: repeat-y;
    padding: 0;
}

.curvedBorderBottomLeft, .curvedGreenBorderBottomLeft
{
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0;
}

.curvedBorderBottom, .curvedGreenBorderBottom
{
    background-position: bottom;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-repeat: repeat-x;
    padding: 0;
}

.curvedBorderBottomRight, .curvedGreenBorderBottomRight
{
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0;
}

/* Non green fill images */
.curvedBorderTopLeft
{
    background-image: url('Images/BorderCorners.png');
}

.curvedBorderTop
{
    background-image: url('Images/BorderHorizontal.png');
}

.curvedBorderTopRight
{
    background-image: url('Images/BorderCorners.png');
}

.curvedBorderLeft
{
    background-image: url('Images/BorderVertical.png');
}

.curvedBorderRight
{
    background-image: url('Images/BorderVertical.png');
}

.curvedBorderBottomLeft
{
    background-image: url('Images/BorderCorners.png');
}

.curvedBorderBottom
{
    background-image: url('Images/BorderHorizontal.png');
}

.curvedBorderBottomRight
{
    background-image: url('Images/BorderCorners.png');
}

/* Green fill images */
.curvedGreenBorderTopLeft
{
    background-image: url('Images/BorderGreenCorners.png');
}

.curvedGreenBorderTop
{
    background-image: url('Images/BorderGreenHorizontal.png');
}

.curvedGreenBorderTopRight
{
    background-image: url('Images/BorderGreenCorners.png');
}

.curvedGreenBorderLeft
{
    background-image: url('Images/BorderGreenVertical.png');
}

.curvedGreenBorderRight
{
    background-image: url('Images/BorderGreenVertical.png');
}

.curvedGreenBorderBottomLeft
{
    background-image: url('Images/BorderGreenCorners.png');
}

.curvedGreenBorderBottom
{
    background-image: url('Images/BorderGreenHorizontal.png');
}

.curvedGreenBorderBottomRight
{
    background-image: url('Images/BorderGreenCorners.png');
}

.curvedBorderVerticalGap
{
    width: 12px;
    min-width: 12px;
    max-width: 12px;
}

.curvedBorderHorizontalGap
{
    height: 12px;
    min-height: 12px;
    max-height: 12px;
}

/* There is an alternate green single block screen */

.greenContent
{
    background: #dee8cc;
}

.performanceHeader, .managementHeader, .otherHeader
{
    font-weight: bold;
    font-size: 1.4em;
    padding-top: 4px;
    padding-bottom: 4px;
}

.performanceHeader
{
    color: #78A22D;
}

.managementHeader
{
    color: #006639;
}

.otherHeader
{
    color: #0F821B;
}

.performanceSectionSelected .sectionTitle, .performanceSectionNotSelected .sectionTitle, .managementSectionSelected .sectionTitle, .managementSectionNotSelected .sectionTitle, .otherSectionSelected .sectionTitle, .otherSectionNotSelected .sectionTitle
{
    font-weight: bold;
    font-size: 1.4em;
}

.performanceSectionSelected
{
    background-image: url('Images/TabSelectedPerformance.gif');
    color: #78A22D;
}

.performanceSectionNotSelected
{
    background-image: url('Images/TabPerformance.gif');
}

.managementSectionSelected
{
    background-image: url('Images/TabSelectedManagement.gif');
    color: #006639;
}

.managementSectionNotSelected
{
    background-image: url('Images/TabManagement.gif');
}

.otherSectionSelected
{
    background-image: url('Images/TabSelectedOther.gif');
    color: #0F821B;
}

.otherSectionNotSelected
{
    background-image: url('Images/TabOther.gif');
}

.performanceSectionSelected, .managementSectionSelected, .otherSectionSelected, .performanceSectionNotSelected, .managementSectionNotSelected, .otherSectionNotSelected
{
    background-repeat: no-repeat;
    padding-left: 8px;
    padding-bottom: 0.1em;
    padding-top: 0.9em;
    width: 175px;
    height: 56px;
}

.performanceSectionNotSelected a, .performanceSectionNotSelected a:link, .performanceSectionNotSelected a:visited, .managementSectionNotSelected a, .managementSectionNotSelected a:link, .managementSectionNotSelected a:visited, .otherSectionNotSelected a, .otherSectionNotSelected a:link, .otherSectionNotSelected a:visited
{
    text-decoration: none;
    color: White;
}

.performanceSectionNotSelected a:hover, .managementSectionNotSelected a:hover, .otherSectionNotSelected a:hover
{
    color: Black;
}

.SectionCompleted
{
    font-size: 9pt;
}

#completeness, #auditCompleteness
{
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 20px;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    width: 80px;
    height: 70px;
    color: #006639;
    float: left;
}

#completeness
{
    background-image: url('Images/GreenScoreHexagon.gif');
}

#auditCompleteness
{
    background-image: url('Images/ScoreHexagon.gif');
}

#completenessText
{
    padding-top: 26px;
    font-size: 1.4em;
    font-weight: bold;
    color: #006639;
}

td.questionnaireBorder
{
    vertical-align: top;
}

.ReportLinks
{
    margin-top: 0.3em;
    font-size: 1.2em;
    color: #78A22F;
}

.UnansweredQuestion, .AnsweredQuestion
{
    padding: 8px 0px 8px 8px;
}

.question, .MinorOptionText
{
    margin: 0px 8px 0px 0px;
}

.MinorOptionText
{
    color: #808080;
}

.auditAnswer
{
    margin-top: 8px;
    font-size: 12pt;
    font-weight: bold;
}

.auditComment
{
    border: 1px solid #78A22F;
    padding: 4px;
    width: 90%;
    background-color: Transparent;
}

.auditCaptionSaveButton
{
    display: none;
    padding: 2px;
}

.auditorSignedOff, .auditorTerminated, .auditorNotAudited
{
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    margin: 2px 2px 2px 30px;
    width: 65px;
    text-align: center;
}

.auditorSignedOff
{
    background-color: #7BA400;
    border-color: #547000;
    color: #FFFFFF;
}

.auditorNotAudited
{
    background-color: #FFFFFF;
    border-color: #547000;
    color: #7BA400;
}

.auditorTerminated
{
    background-color: #FFB94F;
    border-color: #7A4900;
    color: #800000;
}

.acceptedAuditAnswer
{
    font-size: 10pt;
    margin: 2px 2px 2px 30px;
}

.auditCommentBorder
{
    border: 1px solid #808080;
    margin: 2px 2px 2px 30px;
    padding: 3px;
}

.auditorCommentForSme
{
    font-style: italic;
    font-size: 8pt;
}

.UnansweredQuestion
{
    color: #AD6D00;
    font-weight: bold;
}

.AnsweredQuestion
{
    color: #4A601D;
}

.AnsweredQuestionDisagree
{
    color: #FF0000;
}

.QuestionHelpButton
{
}

.QuestionHelpText
{
    font-size: 8pt;
    color: #000000;
    display: none;
}

.QuestionnaireHeader
{
    padding: 4px;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    width: 100%;
    height: 32px;
}

.QuestionnaireBackground
{
    background-position: left top;
    background-image: url('Images/TopBorder800.jpg');
    background-repeat: repeat-x;
}

.AuditHelpText
{
    padding: 2px;
    border: 1px solid #78A22F;
    font-size: 8pt;
    color: #78A22F;
    display: none;
    margin-top: 6px;
}

.AuditHelpText h1, .AuditHelpText h2, .AuditHelpText h3
{
    font-size: 12pt;
}

.SmallText
{
    font-size: 7pt;
    width: 300px;
    margin-top: 6em;
    color: #808080;
}

.SmallText span
{
    font-weight: bold;
}

.RecommendationHeader
{
    background-position: center;
    padding: 8px;
    background-image: url('Images/Header.png');
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.RecommendationSection
{
    color: #78A22F;
    font-weight: bold;
    text-align: center;
}

.RecommendationBorder
{
    vertical-align: top;
}

.RecommendationBorder, .RecommendationHeader, .Report th, .Report
{
    border: 2px solid #006639;
}

.Recommendation, .MetRecommendation
{
    min-height: 36px;
}

.Recommendation
{
    /*color: #AD6D00;*/
}

.MetRecommendation
{
    color: #7F7F7F;
    text-decoration: line-through;
}


td.main-panel, td.side-panel
{
    vertical-align: top;
    padding: 10px;
}

table.homePage, div.homePage
{
    border-style: none;
    background-color: #FFFFFF;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 4px;
}

td.homePageCaption, td.homePageContent, td.homePageHeading, div.homePageHeading
{
    font-size: 1.0em;
    /* color: #78A22F; */
    color: #000000;
    padding: 2px 2px 6px 6px;
}

td.homePageCaption
{
    font-weight: bold;
    width: 140px;
}

td.homePageHeading, div.homePageHeading
{
    color: #005848;
    font-weight: bold;
    font-size: 1.2em;
}

td.homePageSiteHeading
{
    color: #005848;
    font-weight: bold;
    font-size: 1.8em;
    padding: 6px 9px 6px 9px;
}

td.homePageGap
{
    background-color: #dee8cc;
    height: 12px;
}

.Report th
{
    height: 28px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    vertical-align:middle;
    margin-bottom: 0px;
    border-bottom-style: none;
}

.Report td
{
    padding: 3px;
}

.Report
{
    margin-bottom: 12px;
    margin-top: 0px;
    border-collapse: collapse;
    width: 100%;
}

.Report td.ReportCaption, .AuditSummaryCaption
{
    font-weight: bold;
    padding: 3px 15px 3px 10px;
    width: 15em;
    vertical-align: top;
}

.Report td.ReportCaption p
{
    font-weight: normal;
    color: #78A22F;
}

.Report td.ReportScore h3
{
    margin: 0;
    color: #000000;
}

.PageBreak
{
    display: none;
}

.ReportUserComment
{
    font-style: italic;
    margin-top: 2px;
    margin-bottom: 2px;
}

.ExtraTrendData
{
    display: none;
}

.AuditHistory
{
    border-collapse: collapse;
}

.AuditHistory th
{
    background-color: #78A22D;
    background-image: none;
    border: 1px solid #006639;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0px;
    padding: 3px;
    border-bottom-style: none;
}

.AuditHistory td
{
    border: 1px solid #006639;
    padding: 3px;
    vertical-align: top;
}

.GeneralBorder
{
    border: 1px solid #006639;
    padding: 3px;
}

.sponsorLogo
{
    padding: 5px 0px 5px 0px;
    vertical-align: middle;
    text-align: center;
}

/* LINK STYLES */

a:link, a:visited
{
    color: #78A22F;
    text-decoration: underline;
}

a:hover
{
    color: #006639;
    text-decoration: underline;
}

a.arrow:link, a.arrow:visited
{
    color: #78A22F;
    text-decoration: underline;
    background: url(../Content/Images/arrow.gif) no-repeat 100% 3px;
    padding: 0 13px 0 0;
}

a.arrow:hover
{
    color: #006639;
    text-decoration: underline;
    background: url(../Content/Images/arrow-hover.gif) no-repeat 100% 3px;
}

a.arrow-back:link, a.arrow-back:visited
{
    color: #78A22F;
    text-decoration: underline;
    background: url(../Content/Images/arrow-back.gif) no-repeat 0 3px;
    padding: 0 0 0 13px;
    margin: 0 0 0 10px;
}

a.arrow-back:hover
{
    color: #006639;
    text-decoration: underline;
    background: url(../Content/Images/arrow-back-hover.gif) no-repeat 0 3px;
}

a.smallestblock, a.smallestOrangeBlock
{
    font-size: 8pt;
    font-weight: normal;
    margin: 2px;
    padding: .15em 0.6em .15em 0.6em;
    width: 80px;
}

a.smallblock, a.smallOrangeBlock
{
    font-size: 8pt;
    font-weight: normal;
    margin: 2px;
    padding: .15em 1em .15em 1em;
    width: 150px;
}

a.block, a.orangeBlock
{
    margin: 8px;
    width: 180px;
    padding: .2em 2em .2em 2em;
    font-weight: bold;
}

a.block, a.block:link, a.block:visited, a.smallblock, a.smallblock:link, a.smallblock:visited, a.smallestblock, a.smallestblock:link, a.smallestblock:visited
{
    border: 1px solid #78A22F;
    text-decoration: none;
    color: #000000;
    background-color: #E6E6E6;
    display: inline-block;
    text-align: center;
}

a.block:hover, a.smallblock:hover, a.smallestblock:hover
{
    border: 1px solid #000000;
    background-color: #CDCDCD;
}

a.greenblock
{
    font-size: 10pt;
    font-weight: bold;
    margin: 2px;
    padding: .15em 1em .15em 1em;
    height: 20px;
    text-align: left;
    display: inline-block;
}

a.greenblock:link, a.greenblock:visited
{
    color: #78A22F;
    background-color: #FFFFFF;
}

a.greenblock:hover
{
    color: #000000;
    background: #dee8cc;
}

a.orangeBlock, a.orangeBlock:link, a.orangeBlock:visited, a.smallOrangeBlock, a.smallOrangeBlock:link, a.smallOrangeBlock:visited, a.smallestOrangeBlock, a.smallestOrangeBlock:link, a.smallestOrangeBlock:visited
{
    border: 1px solid #000000;
    text-decoration: none;
    color: #000000;
    background-color: #FFB94F;
    display: inline-block;
    text-align: center;
}

a.orangeBlock:hover, a.smallOrangeBlock:hover, a.smallestOrangeBlock:hover
{
    color: #000000;
    background-color: #FFF205;
}

div.commandBlock
{
    text-align: center;
    padding: 4px;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

/* FORM CONTROL STYLES */

.main-panel .input-form
{
    width: 500px;
}


.main-panel .input-form *
{
    text-align: right;
}

.main-panel .input-form input, .main-panel .input-form textarea, .main-panel .input-form select, .main-panel .input-form select *
{
    text-align: left;
}

.main-panel .input-form div.UserList
{
    display: inline-block;
    text-align: left;
}

.inputFormItem, .input-form *, .modal-form *
{
}

/*
.input-form * *
{
    vertical-align: baseline;
}*/

.input-form label.required, .modal-form label.required
{
    font-weight: bold;
}

.input-form label
{
    width: 150px;
    display: block;
    float:left;
    clear: left;
    padding-top: 6px;
}

.input-form input, .input-form textarea, .modal-form input, .modal-form textarea 
{
    border: 1px solid #507245;
    padding: 3px;
    margin: 3px;
    font-size: 1.0em;
    width: 22.8em;
    font-family: Sans-Serif;
}

.input-form .simpleText
{
    padding: 3px;
    margin: 3px 3px 3px 153px;
    font-size: 1.0em;
    width: 22.8em;
    min-height: 1.5em;
    font-family: Sans-Serif;
    display: block;
}

.input-form select, .modal-form select
{
    margin: 3px;
    font-size: 1.0em;
    width: 23.5em;
}

.input-form textarea, .modal-form textarea
{
    height: 5em;
}

.input-form input.feedback, .input-form textarea.feedback
{
    width: 25em;
}

.input-form textarea.feedback
{
    height: 12em;
}

.input-form input.submit, .modal-form input.submit
{
    margin: 8px;
    width: 150px;
    text-align: center;
    padding: .2em 4em .2em 4em;
}

.input-form input.checkbox, .modal-form input.checkbox
{
    border: none;
    width: auto;
}

.input-form .questionOption
{
    border: none;
    width: auto;
}

.input-form a.arrow-back
{
    line-height: 5em;
}

.input-form .readonly
{
    background: #dee8cc;
}

.input-form .input-validation-error
{
    border-color: #993333;
    background-color: #FFCCCC;
}

.validation-summary li, p.validation-summary
{
    list-style-type: none;
    color: #800000;
}

.simpleSubmit
{
    font-size: 8pt;
    font-weight: normal;
    margin: 2px;
    padding: .15em 0.6em .15em 0.6em;
    border: 1px solid #000000;
    text-decoration: none;
    color: #000000;
    background-color: #FFB94F;
    display: inline-block;
    text-align: center;
}

/* Table styles */

table.standard-list, table.pale-list
{
    border-collapse: collapse;
}

table.standard-list th, table.pale-list th
{
    font-weight: bold;
    text-align: left;
    padding: 2px;
    border: 1px solid #006639;
    background-image: none;
}

table.pale-list th
{
    padding-left: 10px;
}

table.standard-list th
{
    color: #FFFFFF;
    background-color: #78A22D;
}

table.pale-list th
{
    color: #000000;
    background-color: #dee8cc;
}

table.standard-list td, table.pale-list td
{
    border: 1px solid #006639;
    padding: 5px 10px 5px 10px;
}

table.standard-table
{
    border-collapse: collapse;
}

table.standard-table th
{
    background-color: #AFAFAF;
    font-weight: bold;
    text-align: left;
    color: #fff;
    padding: 10px;
}

table.standard-table td
{
    padding: 5px;
}

table.standard-table th, table.standard-table td
{
    border: solid 1px #7F7F7F;
}

.sectionNavigation
{
    float: right;
    margin: 20px;
}


.questionnaire-intro
{
    padding: 16px 8px;
    font-weight: bold;
}

.user-list-label
{
    float: left;
    font-weight: bold;
    text-align: right;
    padding: 10px 3px;
    vertical-align: top;
    width: 150px;
    margin-right: 55px;
}


.user-list
{
    padding: 10px 3px;
    vertical-align: top;
    width: 250px;
}

.user-list div
{
    padding-bottom: 5px;
}


div.box
{
    border: solid 1px #78A22F;
    margin: 20px;
    padding: 0 10px;
}




th.left-header
{
    text-align: left;
    padding: 5px;
}

.uploadInfo
{
    color: Red;
    font-style: italic;
    padding: 1em 0 0 0;
}

li.moreOpen
{
    margin-bottom: 1em;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow
{
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #ffffff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay
{
    background-color: #000;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
/* 
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
*/

/* special override for the jquery ui tab control */

#tabControl .ui-widget-header
{
    border-style: none none solid none;
    border-bottom-width: 1px;
    border-bottom-color: #006639;
    background-color: #dee8cc;
    background-image: none;
}

/* Certificate Styles */

.certificate
{
    margin-bottom: 12px;
    margin-top: 0px;
    border-collapse: collapse;
    width: 100%;
}

.certificate td.caption
{
    font-weight: bold;
    padding: 3px 15px 3px 10px;
    width: 15em;
    vertical-align: top;
}

.certificate td.caption p
{
    font-weight: normal;
    color: #78A22F;
}

#container
{
    padding-left: 15em;
    padding-right: 3em; /* height: 100%;    width: 100%;*/
}

#container .column1
{
    position: relative;
    float: left;
}
#center
{
    width: 100%;
    height: 100%;
    margin-bottom: -5em;
    z-index: -1;
}
#left
{
    width: 0em;
    height: 100%;
    background-color: #CCFFFF;
    border-left: solid 14.8em #CCFFFF;
    margin-left: -100%;
    right: 14.8em;
    margin-bottom: -5em;
    z-index: -1;
}

#right
{
    width: 3em;
    margin-right: -3em;
}

#footer
{
    position: relative;
    clear: both;
    height: 3em;
    margin-left: 3em;
    width: 80%;
}

#logo
{
    position: relative;
    right: 14.5em;
    top: 10em;
    text-align: center;
}

#footerContainer
{
    width: 100%;
    height: 100%;
    padding-left: 12px;
    padding-right: 105px;
}

#footerContainer .column1
{
    position: relative;
    float: left;
    height: 50px;
}

#footerMiddle
{
    width: 100%;
}

#footerMiddle img
{
    width: 100%;
    height: 50px;
}

#footerLeft
{
    width: 12px;
    right: 12px;
    margin-left: -100%;
}

#footerRight
{
    width: 105px;
    margin-right: -105px;
}

.leftAlignedColumn
{
    float: left;
}

.clear
{
    clear: both;
}


.chartDataCaption, .chartDataHeader, .chartDataDateHeader
{
    font-weight: bold;
    vertical-align: top;
}

.chartDataCaption
{
    padding: 3px 15px 3px 10px;
    width: 9em;
}

.chartDataValue
{
    padding: 3px 15px 3px 10px;
    width: 10em;
    text-align: center;
}

.chartDataHeader, .chartDataDateHeader
{
    padding: 3px 3px 3px 3px;
    width: 11em;
    text-align: center;
}

.chartDataDateHeader
{
    width: 10em;
    color: #78A22F;
}

/* this style is used as a sub-heading within the report table content area. */
.sectionHeading
{
    color: #78A22F;
    font-weight: bolder;
    font-size: 1.2em;
    text-decoration: none;
    text-align: left;
    padding-left: 10px;
    margin-bottom: .5em;
}

/* this style is used when environmental trends are charted in a report, and the score for a particular 
   section is less than the score for a previous year. */
.performanceLoss
{
    text-decoration: underline;
}

/* this style is used when environmental results/trends are charted in a report, and a particular section 
   has not yet been started. we want to highlight this as opposed to showing a zero % score. */
.performancePending
{
    color: #747474;
}

.actionPlanCaption
{
    color: #78A22F;
    font-weight: bold;
    width: 160px;
}

.toolName
{
    font-weight: bold;
    color: #005848;
}

.toolBox
{
    width: 100%;
    padding: 4px;
    margin-top: 8px;
    border: 1px solid #006639;
    padding: 3px;
    background: #dee8cc;
}

.toolCaption
{
    width: 120px;
    font-weight: bold;
    vertical-align: text-top;
}

div.psuedoSelectedTab
{
    padding: 0.5em 1em 0.5em 1em;
    font-weight: bold;
    background-color: #78a22f;
    display: inline-block;
    float: left;
    margin-right: 0.2em;
    margin-bottom: 0px;
    color: #FFFFFF;
    border: 1px solid #000000;
    background-color: #005848;
}

a.psuedoTab
{
    padding: 0.5em 1em 0.5em 1em;
    font-weight: bold;
    background-color: #78a22f;
    display: inline-block;
    margin-right: 0.2em;
    margin-bottom: 0px;
    text-decoration: none;
}

a.psuedoTab:link, a.psuedoTab:visited
{
    color: #FFFFFF;
    border: 1px solid #005848;
    background-color: #78a22f;
}

a.psuedoTab:hover
{
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFB94F;
}

div.whiteForGreen
{
    background-color: #FFFFFF; 
    padding: 10px;
    margin: 15px;
}


/** SMEIndex Page **/
/*
*  These are to be hidden by default, so they don't show when loading the javascript grids and such.
*/
#contentWrapper 
{
    visibility: hidden;
}