* {
  font-family: Tahoma, Verdana;
  font-size: 11px;
}

BODY {
  color: #333132;
  background-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #F8F8F8;
  scrollbar-darkshadow-color: #484848;
  scrollbar-face-color: #DCDCDC;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #484848;
  scrollbar-track-color: #dadad2;
  margin: 0px;
}

A:Visited {
  color: #484848;
}

A:Hover {
color: #484848;
text-decoration: none;
}

A:Active {
color: #484848;
}

A {
color: #484848;
font-weight: Bold;
}

TEXTAREA {
background-color: #FFFFFF;
font-family: Tahoma;
font-size: 12px;
border-color: #484848;
border: solid 1px;
}
OPTION {
font-family: Tahoma;
border: none;
}
SELECT {
  background-color: #FFFFFF;
  font-family: Tahoma;
  border-color: #484848;
  border: solid 1px;
  margin-bottom: 2px;
}
INPUT {
background-color: #FFFFFF;
font-family: Verdana;
border-color: #484848;
border: solid 1px;
padding: 1px;
}
TD {
font-size: 11px;
}
TABLE {
border-color: #484848;
}

p {
  padding: 2px;
  padding-top: 0px;
  margin-bottom: 4px;
  margin-top: 0px;
}

ul, ol {
  clear: both;
}

span {
  clear: both;
}

A.WebPollOptions:Visited {
color: #FFFFFF;
}
.HomeRightSideHeading:Visited {
color: #484848;
}
.HomeRightSideHeading {
color: #484848;
font-size: 13px;
font-weight: Bold;
text-align: right;
}
.HomeRightSideTeasers:Visited {
color: #676767;
}
.HomeRightSideTeasers {
color: #484848;
background-color: #FFFFFF;
font-size: 10px;
font-weight: Normal;
vertical-align: top;
}
.HomeSearchBox {
color: #FFFFFF;
background-color: #484848;
font-size: 10px;
font-weight: Bold;
padding: 2px;
vertical-align: top;
font-style: italic;
}
.CalendarTeasers:Visited {
color: #FFFFFF;
}
.CalendarTeasers {
color: #FFFFFF;
background-color: #484848;
text-decoration: none;
font-size: 10px;
font-weight: Bold;
padding: 2px;
text-align: left;
vertical-align: top;
font-style: italic;
}
.ContentTeaserTextLink:Visited {
color: #484848;
}
.ContentTeaserTextLink {
color: #484848;
background-color: #dadad2;
text-decoration: none;
font-size: 10px;
text-align: left;
vertical-align: top;
}
.ContentTeaserHeading:Visited {
color: #000000;
}
.ContentTeaserHeading:Hover {
color: #000000;
}

.TopBarMPS {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}

A.TopBarMPS {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}
A.TopBaMPSr:Active {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}
A.TopBarMPS:Visited {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}
A.TopBarMPS:Hover {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}

td.TopBarMPS {
  border-right: solid 1px #f6faf9;
}

.TopBar {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}

A.TopBar {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}
A.TopBar:Active {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}
A.TopBar:Visited {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}
A.TopBar:Hover {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}

.TopBarAddress {
color: #484848;
background-color: #FFFFFF;
font-size: 10px;
font-weight: Bold;
text-align: left;
}
.TopBarDate {
color: #484848;
background-color: #FFFFFF;
font-size: 10px;
font-weight: Bold;
text-align: left;
}
.TopBarButtonContact:Visited {
color: #484848;
}
.TopBarButtonContact {
color: #484848;
text-decoration: none;
padding: 2px;
text-align: right;
vertical-align: bottom;
}
.TopBarButtonResources:Visited {
color: #484848;
}
.TopBarButtonResources {
color: #484848;
text-decoration: none;
padding: 2px;
text-align: right;
vertical-align: bottom;
}
.TopBarButtonPortfolio:Visited {
color: #484848;
}
.TopBarButtonPortfolio {
color: #484848;
text-decoration: none;
padding: 2px;
text-align: right;
vertical-align: bottom;
}
.TopBarButtonServices:Visited {
color: #484848;
}
.TopBarButtonServices {
color: #484848;
text-decoration: none;
padding: 2px;
text-align: right;
vertical-align: bottom;
}
.TopBarButtonAbout:Visited {
color: #484848;
}
.TopBarButtonAbout {
color: #484848;
text-decoration: none;
padding: 2px;
text-align: right;
vertical-align: bottom;
}
.TopBarButtonHome:Visited {
color: #484848;
}
.TopBarButtonHome {
color: #484848;
text-decoration: none;
padding: 2px;
text-align: right;
vertical-align: bottom;
}
.FailureMessage {
color: #FFFFFF;
background-color: #D61C27;
padding: 4px;
font-weight: bold;
text-align: center;
}
.LeftListButtonLink {
font-size: 12px;
font-weight: Bold;
}
.LeftListButton {
font-size: 12px;
background-repeat: no-repeat;
padding: 10px;
width: 190px;
height: 33px;
}
.SpotlightHeading {
color: #D61C27;
font-size: 12px;
font-weight: Bold;
padding: 2px;
text-align: justify;
vertical-align: top;
}
.SpotlightTable {
background-image: url(/sites/1/images/spotlight_background.jpg);
background-repeat: no-repeat;
height: 100px;
background-position: right top;
}
.RightNav {
background-color: #F6D2D4;
vertical-align: top;
width: 150px;
}
.HomePageArticles {
text-align: justify top;
vertical-align: top;
}
.HomePageTable {
color: #D61C27;
background-color: #484848;
border-color: #484848;
border: solid 1px;
width: 100%;
}
.ContactUsMessageValue {
font-weight: Bold;
}
.ContactUsMessageLabel {
color: #000000;
}
.ContactUsMessageTable {
border: Solid 1px;
}
.SuccessMessage {
color: #FFFFFF;
background-color: #484848;
font-weight: Bold;
}
.LeftNavFunction {
background-color: #FFFFFF;
}
.LeftNavFunctionTable {
background-color: #484848;
}
.LeftNavHeading {
color: #FFFFFF;
background-color: #484848;
font-weight: Bold;
}
.LeftNavTable {
border: solid 1px;
}

.WebPollResultsTable {
color: #484848;
background-color: #dadad2;
border: solid 1px;
}
.LatestWebPollTable {
border: solid 1px;
}
.ContentTable {
border: none;
}
.ContentText {
  text-align: justify;
  padding: 2px;
  margin-bottom: 4px;
}
.ContentHeading {
color: #484848;
font-size: 14px;
font-weight: Bold;
text-align: left;
}
.FilterHeading {
color: #668800;
font-size: 14px;
text-decoration: none;
text-align: left;
}
.FilterHeading a{
color: #668800;
font-size: 14px;
text-decoration: none;
font-weight: normal;
text-align: left;
}
.RegionList {
background-color: #E7E7ED;
}
.NewsTeasers {
color: #484848;
background-color: #dadad2;
font-size: 10px;
font-weight: Bold;
padding: 2px;
text-align: left;
vertical-align: top;
font-style: italic;
}
MARQUEE {
color: #FFFFFF;
background-color: #D61C27;
font-size: 14px;
font-weight: Bold;
padding: 2px;
}
.WebPollOptions {
color: #484848;
border: solid 1px;
}
.WebPollQuestion {
color: #484848;
background-color: #dadad2;
}
.WebPollScenario {
color: #FFFFFF;
background-color: #484848;
font-weight: Bold;
padding: 3px;
}
.ContentTeaserText {
color: #484848;
background-color: #FFFFFF;
font-size: 10px;
text-align: left;
}
.ContentTeaserHeading {
color: #484848;
background-color: #dadad2;
text-decoration: none;
font-size: 11px;
font-weight: Bold;
padding: 2px;
text-align: left;
vertical-align: top;
font-size: 13px;
text-decoration: none;
}

.ListTableHeadingWidth {
  padding: 4px 2px 9px 2px !important;
}

.ListTableHeading {
  background-color: #9BB54C;
  font-weight: Bold;
  color: #333132;
  /*font-size:15px;*/
  padding: 4px 2px 9px 2px;
  margin: 0px;

}
.ListTableHeading A
{
  color: #484848;
  padding: 0px;
}
.ListTableHeading A:hover
{
  color: #FFFFFF;
}
.ListTableHeading A:visited
{
  color: #FFFFFF;
}
.ListTable {
  /* border: solid 1px;*/
}

.ListTableText {
  border-right: solid 1px;
  border-bottom: solid 1px #FFFFFF;
  background-color: #F1F1F1;
  vertical-align: top;
  text-align: left;
  padding: 2px;
}

.ListTableTextOver {
  background-color: #FEF2E6;
}

.ListTableTextLeft {
  border-left: solid 1px;
}

.ListTableTextlast {
  border-right: none;
}

.FormTable {
  border-color: #484848;
  border: solid 1px;
  padding: 4px;
}

.FormHeading {
  background-color: #9BB44C;
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
  text-align: left;
}

A.FormHeading, A.FormHeading:Active, A.FormHeading:Hover, A.FormHeading:Visited {
  color: #FFFFFF;
  background: none;
  font-size: 15;
  font-weight: Bold;
  text-decoration: none;
  margin: 4px;
}

.FormHeading A {
  color: #FFFFFF;
  background: none;
  font-size: 15;
  font-weight: Bold;
  text-decoration: none;
  padding: 0px;
  margin: 4px;
}

div.FormHeading {
 margin-bottom: 4px;
}

.divFormSubHeading {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 4px;
}

.FormElement {
border: none;
vertical-align: top;
text-align: left;
padding: 2px;
white-space: normal;
padding-left: 20px;
}
.FormPrompt {
border: none;
font-weight: Bold;
text-align: right;
width: 20%;
vertical-align: top;
padding: 2px;
font-size: 10px;
}

.FormElement div {
  white-space: normal;
}

.spnFormPromptInstructions {
    font-weight: normal;
    font-size: 9px;
    font-style: italic;
}

.form-row {
 padding: 4px;
}

#sf_guard_auth_form {
 width: 80%;
 text-align:center;
 margin: 4px;
}

.form_error {
 color: #FF0000;
 font-weight: bold;
}

.divFormHeading {
 background-color: #484848;
 color: #FFFFFF;
 font-weight: Bold;
 margin-bottom: 4px;
}

.divFormPrompt {
 color: #000000;
 font-weight: Bold;
 margin-right: 4px;
 text-align: right;
 vertical-align: top;
 margin-bottom: 4px;
 width: 15%;
 float: left;
}

.divSMMEScoreFormPrompt {
 color: #000000;
 font-weight: Bold;
 margin-right: 4px;
 text-align: right;
 vertical-align: top;
 margin-bottom: 4px;
 width: 30%;
 float: left;
}

.divFormPrompt label {
 color: #000000;
 font-weight: Bold;
}

.divFormPromptSelector > label {
  width: 100%;
}

.divFormElement {
 margin-left: 4px;
 margin-bottom: 4px;
 text-align:left;
 vertical-align: top;
 width: 68%;
 float: left;
}

.divSMMEScoreFormElement {
 margin-left: 4px;
 margin-bottom: 4px;
 text-align:left;
 vertical-align: top;
 width: 82%;

}

.divFormTwoColumns {
  width: 49%;
  float: left;
}

.divFormTwoColumns div.divFormPrompt {
  width: 35%;
}

.divFormTwoColumns div.divFormElement {
  width: 62%;
}

.FormButtons {
  text-align: center;
  padding: 8px;
}

.FormButtons input {
  border: none;
  background-color: #9BB44C;
  color: #ffffff;
  font-weight: bold;
  padding: 4px;
  font-size: 14px;
  cursor: pointer;
}

.CalendarHeading {
  background-color: #55a51c;
  color: #000000;
  font-weight: Bold;
  text-transform: uppercase;
  border: 1px grey solid;
  text-align: center;
}
.Available {
/*  background-color: #edf1d5;*/
}
.CalendarNormalDay {
  width: 14%;
  border: 1px grey solid;
  height: 120px;
/*  background-color: #edf1d5;*/
}
.NotAvailable {
  background-color: #c8c7b9;
}
.PublicHoliday {
  background-color: #55a51c;
  color: #FFFFFF;
  font-weight: Bold;
  border: 1px grey solid;
}
.WeekendSaturday {
  background-color: lightgray;
/*  background-color: #edf1d5;*/
}
.WeekendSunday {
  background-color: lightgray;
/*  background-color: #dde4b1;*/
}
.MileStoneCalendarDay {
  border: solid 1px #000000;
}

.tdListTableHeading {
  padding: 0px;
  margin: 0px;
  border-color: #FFFFFF;
  color: #FFFFFF;
  border-right: solid 1px;
  border-bottom: solid 1px;
  background-color: #9BB54C;
}

.divImagePreview {
  text-align: center;
  width: 100%;
}

.tdListTableLastHeading {
  border-right: none;
  background-color: #9BB54C;
}

.divBudgetRagGreen {
  color: #008C00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divBudgetRagAmber {
  color: #ED9A00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divBudgetRagRed {
  color: #ED2F00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divProjectStatusRagAmber {
  color: #ED9A00;
  text-align: center;
  font-weight: bold;
}

.divProjectStatusRagAmber A {
  color: #ED9A00;
}

.divEntiyBudgetRagRed {
  color: #ED2F00;
  text-align: left;
  font-weight: bold;
}

.divEntiyBudgetRagGreen {
  color: #008C00;
  text-align: left;
  font-weight: bold;
}

.divProjectStatusRagRed {
  color: #ED2F00;
  text-align: center;
  font-weight: bold;
}

.divProjectStatusRagRed A {
  color: #ED2F00;
}

.divProjectStatusRagGreen {
  color: #008C00;
  text-align: center;
  font-weight: bold;
}

.divProjectStatusRagGreen A {
  color: #008C00;
}

.divProjectStatusRagCancelled {
  text-align: center;
  font-weight: bold;
  color: #686868;
}

.divProjectStatusRagCancelled A {
  color: #686868;
}

.divProjectStatusRagToStart {
  color: #00178c;
  text-align: center;
  font-weight: bold;
}

.divProjectStatusRagToStart A {
  color: #00178c;
}

.divProjectStatusRagComplete {
  text-align: center;
  font-weight: bold;
  color: #484848;
}

.divProjectStatusRagCancelled A {
  color: #ED9A00;
}

.divScheduleVarianceRagGreen {
  color: #008C00;
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
}

.divScheduleVarianceRagAmber {
  color: #ED9A00;
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
}

.divScheduleVarianceRagRed {
  color: #ED2F00;
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
}

.divProjectRiskRagGreen {
  color: #008C00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.divProjectRiskRagAmber {
  color: #ED9A00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.divProjectRiskRagRed {
  color: #ED2F00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.divProjectIssuesRagGreen {
  color: #008C00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.divProjectIssuesRagAmber {
  color: #ED9A00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.divProjectIssuesRagRed {
  color: #ED2F00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.divProjectMilestoneRagGreen {
  color: #008C00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divProjectMilestoneRagAmber {
  color: #ED9A00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divProjectMilestoneRagRed {
  color: #ED2F00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divProjectMilestoneRagLeft {
  text-align: left;
  width: 200px;
}

.divDateValue {
  white-space: nowrap;
}

A.divDateValue {
  text-decoration: none;
  font-weight: normal;
}

.divLeftAligned {
  text-align: left;
}

.divRedText, .divRedText a {
  color: #ED2F00;
}

ul {
/*  margin-left: -16px;*/
  padding: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.ListTableTotalsRow {
  background: none;
  color: #484848;
  white-space: nowrap;
  text-align: left;
  padding: 0px;
  padding-top: 8px;
  padding-left: 8px;
}

.divMPSTop {
  background-image: url(/images/bafokeng/top-bg-no-king.jpg);
  background-repeat: repeat-x;
  background-position: center center;
  height: 90px;
  background-color: #000000;
  color: #FFFFFF;
  font-weight: bold;
}

.divMPSTop a {
  color: #FFFFFF;
  font-weight: bold;
}

.divMPSTop a:active {
  color: #FFFFFF;
  font-weight: bold;
}

.divMPSTop a:hover {
  color: #FFFFFF;
  font-weight: bold;
}

.divMPSTop a:visited {
  color: #FFFFFF;
  font-weight: bold;
}

.imgMPSLogo {
  margin-top: 4px;
}

.divMPSTopYellowLine {
  background-color: #d7e45e;
  height: 4px;
}

.divMPSMainArea {
  width: 100%;
  text-align: center;
}

.divMPSLeftMenuContainer {
  width: 15%;
  background-color: #1b6331;
  border-right: solid 1px #f6faf9;
  float: left;
  margin: 0px;
  padding: 0px;
}

.divMPSLeftMenu {
  margin-left: 8px;
  background-color: #d5de9f;
  height: 900px;
}

.divMPSLeftMenu P {
  margin: 0px;
  margin-left: 8px;
  padding: 0px;
  text-align: left;
}

.divMPSLeftMenu A {
  text-decoration: none;
}

.divMPSMainBodyContainer {
  float: right;
  width: 84.9%;
  margin: 0px;
}

.divMPSGreenMenuBar {
  background-color: #016541;
  height: 20px;
}

.divMPSMainBodyContent {
  margin: 8px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  text-align: center;
}

td.TopBarMPSSiteActions {
  background-color: #b0c951;
  border-right: none;
  width: 140px;
  text-align: right;
  padding-right: 12px;
  color: #48990e;
}

A.leftMenuActive {
/*   color: #008C00;  was this color before karlien design */
  text-decoration: none;

}

td.topMenuActive {
  background-color: #008C00;
}

.divProgrammeKPIRagGreen {
  color: #008C00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divProgrammeKPIRagAmber {
  color: #ED9A00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divProgrammeKPIRagRed {
  color: #ED2F00;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divProgrammeKPIRagBlue {
  color: #00178C;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.divProgrammeKPIRagList {
  text-align: left;
  width: 120px;
  display: inline;
}

.ListTableHeadingActivities {
  background-color: #b5c44f;
}

.ListTableHeadingIndicators {
  background-color: #48b413;
}


.ListTableHeadingIndicatorMonths {
  background-color: #719500;
}

.divEventsFilters{
   margin-bottom: 50px;
  float: left;
}

.divEventsNextToFilters {
  width: 75%;
  float: right;
}

.divProjectStatusFrontend {
  width: auto;
  text-align: right;
  float: right;
  margin-left: 4px;
}

.divProjectStatusFrontendList {
  display: inline;
  white-space: nowrap;
  float: none;
  clear: both;
}

.divProjectStatusFrontendLeft {
  text-align: left;
}

.divEventsBlock {
  border-bottom: dotted 1px #888888;
  margin: 0px;
  margin-bottom:8px;
  padding-bottom: 2px;
  text-align: left;
}

.divEventDidTakePlaceMinutes {
  color: #008C00;
}
.divEventDidTakePlaceMinutes A {
  color: #008C00;
}
.divEventDidTakePlaceMinutes A:Active {
  color: #008C00;
}
.divEventDidTakePlaceMinutes A:Hover {
  color: #008C00;
}
.divEventDidTakePlaceMinutes A:Visited {
  color: #008C00;
}

.divEventDidTakePlaceNoMinutes {
  color: #ED9A00;
}
.divEventDidTakePlaceNoMinutes A {
  color: #ED9A00;
}
.divEventDidTakePlaceNoMinutes A:Active {
  color: #ED9A00;
}
.divEventDidTakePlaceNoMinutes A:Hover {
  color: #ED9A00;
}
.divEventDidTakePlaceNoMinutes A:Visited {
  color: #ED9A00;
}

.divEventDidNotTakePlace {
  color: #ED2F00;
}
.divEventDidNotTakePlace A {
  color: #ED2F00;
}
.divEventDidNotTakePlace A:Active {
  color: #ED2F00;
}
.divEventDidNotTakePlace A:Hover {
  color: #ED2F00;
}
.divEventDidNotTakePlace A:Visited {
  color: #ED2F00;
}

.divEventInFuture {
  color: #484848;
}
.divEventInFuture A {
  color: #484848;
}
.divEventInFuture A:Active {
  color: #484848;
}
.divEventInFuture A:Hover {
  color: #484848;
}
.divEventInFuture A:Visited {
  color: #484848;
}

.divEventInWindow {
  color: #00178C;
}
.divEventInWindow A {
  color: #00178C;
}
.divEventInWindow A:Active {
  color: #00178C;
}
.divEventInWindow A:Hover {
  color: #00178C;
}
.divEventInWindow A:Visited {
  color: #00178C;

}

.Today {
  background-color: #88D84F;
}

.divBlackBackgroundHeading {
  background-color: #000000;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  padding: 4px;
}

.tdListTableTextThickerBorder {
  border: solid 2px #000000;
}

.error_list {
  list-style: none;
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #FF0000;
  font-weight: bold;
}

.radio_list {
  list-style: none;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.radio_list li {
  width: auto;
  margin: 0px;
  float: left;
}

.checkbox_list {
  list-style: none;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.checkbox_list li {
  width: 95%;
  margin: 0px;
  float: left;
  font-weight: normal;
}

.divPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3024px;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.6);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
  z-index: 100000;
}

.divPopupClose {
  text-align: right;
  padding: 8px;
  font-size: 12px;
}

.divPopupClontent {
  margin: auto;
  width: 95%;
  margin-top: 20px;
  height: 490px;
  overflow: auto;
  background-color: #FFFFFF;
  padding: 2px;
  border: solid 1px #000000;
}

.pLeftNavProjectStatus {
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 10px;
  margin-left: 12px;
  text-align: center;
}

.pRAGAmber {
  color: #ED9A00;
}

.pRAGGreen {
  color: #008C00;
}

.tdSeparateLines {
  background-color: #CCCCCC;
}

#popupWholeScreen{
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  z-index: 2000;

}

#popup{
  position: fixed;
  background-color: #FFFFFF;
  margin:auto;
  overflow: hidden;
  top: 5%;
  bottom: 5%;
  left: 5%;
  right: 5%;
  overflow: scroll;
}

.popUp{
  text-align: center;
}

.Included {
  background-color: #B5C44F;
}

TD.underline {
  border-bottom: solid 1px #000000;
}

TD.leftborder {
  border-left: solid 1px #000000;
}

TD.rightborder {
  border-right: solid 1px #000000;
}

TD.topborder {
  border-top: solid 1px #000000;
}

.divProjectOtherStatusRagCancelled {
  color: #686868;
}

.divProjectOtherStatusRagCancelled A {
  color: #686868;
}

.divProjectOtherStatusRagComplete {
  text-align: left;
  color: #484848;
}

.divProjectOtherStatusRagComplete A {
  color: #484848;
}

.divLinesForText {
  margin-bottom: 12px;
  border-bottom: solid 1px;
  height: 18px;
}

.topRightText {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
 }

.topRightText a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
 }

 .topRightText a:Active{
  color: #FFFFFF;
 }

 .topRightText a:Visited{
  color: #FFFFFF;
 }

 .topRightText a:Hover{
  color: #FFFFFF;
 }

 .topRightLinks {
   font-size: 10px;
}

 .topRightLinks a {
   font-size: 10px;
}


.leftLinks {
  color: #333132;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
 }

.leftLinks a {
  color: #333132;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
 }

 .leftLinks a:Active{
  color: #016541;

 }

 .leftLinks a:Visited{
  color: #333132;
 }

 .leftLinks a:Hover{
  color: #016541;
 }



 .tabLinks {

  margin-left: 1px;
  margin-right: 1px;

 /* width: 15%; */
  text-align: center;

  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
/* background:url(/images/rbed/tab_up.png) no-repeat*/

  border-top: #000000 thin solid;
  border-right: #000000 thin solid;
  border-left: #000000 thin solid;

  background-color: #04603F;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
 }

.tabLinks a {
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  background:none
 }

 .tabLast {

/*   float: none;*/

}

#tabsTable {

  float: none;
  width:100%;
}

 .tabLinksActive{

  margin-left: 1px;
  margin-right: 1px;
   padding: 5px 10px;

  /* width: 15%; */
   text-align: center;

  float: left;
  color: #333132;
  font-size:12px;
  text-decoration:none;

/*  background:url(/images/rbed/tab_over.png);*/

  border-top: #000000 thin solid;
  border-right: #000000 thin solid;
  border-left: #000000 thin solid;

  background-color: #C0C0C0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#C0C0C0), to(#E4E4E4));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #C0C0C0, #E4E4E4);

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #C0C0C0, #E4E4E4);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #C0C0C0, #E4E4E4);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #C0C0C0, #E4E4E4);


 }


 .tabLinksActive a {
  color: #333132;
  font-size:12px;
  text-decoration:none;
 }

 .tabLinks a:Visited{
  color: #ffffff;
 }

 .tabLinks a:Hover{
  color: #ffffff;
 }



.leftAccordion_greenHeader{
background:url(/images/rbed/accordion_header.jpg);
background-repeat: repeat-y;
font-size:14px;
text-indent:13px;
font-weight:bold;
padding-left:15px;
padding-top: 10px;
padding-bottom: 10px;
 }

 .leftAccordion_greenHeader a {
  font-size:14px;
 }

.leftAccordion_greyArea{
background:url(/images/rbed/accordion_grey.jpg);
background-repeat: repeat-y;
padding-left:15px;
text-align: left;
}

.leftAccordion_greyAreaMenu{
background:url(/images/rbed/accordion_grey-dark.jpg);
background-repeat: repeat-y;
/*padding-left:15px;*/
text-align: center;
padding-top: 5px;
padding-bottom: 5px;

}

.innerMenu{
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}


.headingAccordion_sub {
  font-size:12px;
  font-weight:bold;
  padding-top:13px;
  padding-bottom:13px

}

 .leftAccordion_sub{
  font-size:11px;
  font-weight:bold;
  /*padding-left:15px;*/
  color:#000000;
  padding-top: 4px;
  padding-bottom: 4px;
  }


.leftAccordion_sub a{
  padding-left:4px;
  text-decoration:none;
  color:#000000;
  }

  .leftAccordion_sub a:Hover{
  color:#016541;
  padding-left:4px;
  text-decoration:none
  }

.leftAccordion_sub a:Active{
  color:#016541;
  padding-left:4px;
  text-decoration:none
  }

 .complete {
 background:url(/images/rbed/icon_complete.png) no-repeat left ;
 font-weight:bold;
 color:#349607;
 font-size:12px;
 text-transform:uppercase;
 padding-left:32px;
 padding-bottom:8px;
 padding-top:7px
 }

 .in_progress {
 font-weight:bold;
 color:#00178C;
 font-size:12px;
 text-transform:uppercase;
 padding-left:32px;
 padding-bottom:8px;
 padding-top:7px
 }

.pending {
 background:url(/images/rbed/icon_pending.png) no-repeat left ;
 color:#ed9a00;
 font-size:12px;
 text-transform:uppercase;
 padding-left:34px;
 padding-bottom:8px;
 padding-top:7px;
 font-weight:bold
}


.spacer {
 background:url(/images/rbed/spacer.jpg) no-repeat left;
}

.spacer_whitebg {
 background:url(/images/rbed/spacer_whitebg.jpg) no-repeat left;
}


.mainTable_top_right_border {
background:url(/images/rbed/mainTable_top_right.jpg)  repeat-x top;
border-right-width:1px;
border-right-color:#343233;
background-color:#FFFFFF
}


.mainTable_top_left_border {
background:url(/images/rbed/mainTable_top_left.jpg)  no-repeat top left;
}


.mainTable_left{
  background-color: #FFFFFF;
  margin-right:3px;

  -moz-box-shadow: 0px 10px 5px #888;
  -webkit-box-shadow: 0px 10px 5px #888;
  box-shadow: 0px 10px 5px #888;

  border: thin solid #000000;
  border-top: none;
}

.mainTable_bottom{
background:url(/images/rbed/mainTable_bottom.jpg) repeat-x  bottom;
}

.mainTable_bottom_left{
background:url(/images/rbed/mainTable_bottom_left.jpg) repeat-y left;
}


.mainTable_content_area{
padding-left:7px;
padding-right:7px
}


.dots{
background:url(/images/rbed/dots.jpg) repeat-x ;
}

.createLink{
background:url(/images/rbed/icon_create_project.png) no-repeat left;
font-size:12px;
text-indent:20px;
height:19px;
font-weight:bold;
padding-top:10px;
}

div.createLink A, div.createLink A:Visited, div.createLink A:Hover {
  color: #484848;
}

.navFirst{
background:url(/images/rbed/icon_first.jpg) no-repeat left;
text-indent:20px;
font-size:11px;
font-weight:bold;
width: 50px;
}

.navPrevious{
background:url(/images/rbed/icon_previous.jpg) no-repeat left;
text-indent:20px;
font-size:11px;
font-weight:bold;
width: 50px;
}

.navNext{
background:url(/images/rbed/icon_next.jpg) no-repeat right;
text-indent:5px;
font-size:11px;
font-weight:bold;
width: 50px;
text-align: left;
}

.navLast{
background:url(/images/rbed/icon_last.jpg) no-repeat right;
text-indent:5px;
font-size:11px;
font-weight:bold;
width: 50px;
text-align: left;
}
.navCenter{
width: 35px;
text-indent: 5px;
}

.navTable{
background-color: #FFFFFF;
}

.table_heading_bg{
background-color:#9bb54c;
text-align:center;
font-weight:bold;
height:46px;
border-right-style:solid;
border-right-color:#ffffff;
border-right-width:thin;
border-bottom-width:medium;
border-bottom-color:#ffffff;
border-bottom-style:solid

}

.table_body_bg{
background-color:#f1f1f1;
text-align:center;
font-size:11px;
font-weight:bold;
height:46px;
border-right-style:solid;
border-right-color:#a6a6a6;
border-right-width:thin;
border-bottom-width:medium;
border-bottom-color:#ffffff;
border-bottom-style:solid;
height:46px;

}

.table_body_bg_last{
background-color:#f1f1f1;
text-align:center;
font-size:11px;
font-weight:bold;
height:46px;
border-bottom-width:medium;
border-bottom-color:#ffffff;
border-bottom-style:solid;
height:46px;
}

.table_title_li_orange{
color:#ff7d00;
list-style-image:url(/images/rbed/orange_plus.jpg);
font-weight:normal;
float:left
}

.table_title_li_green{
color:#369709;
list-style-image:url(/images/rbed/green_plus.jpg);
font-weight:normal;
float:left
}

.table_title_li_red{
color:#dc291e;
list-style-image:url(/images/rbed/red_plus.jpg);
font-weight:normal;
float:left
}

.divCalendarLegendBlack {
  background-image: url(/images/bafokeng/calendar-legend.jpg);
  background-position: top center;
  width: 22px;
  height: 22px;
  float: left;
}

.divCalendarLegendBlue {
  background-image: url(/images/bafokeng/calendar-legend.jpg);
  background-position: 0px -24px;
  width: 22px;
  height: 22px;
  float: left;
}

.divCalendarLegendGreen {
  background-image: url(/images/bafokeng/calendar-legend.jpg);
  background-position: 0px -48px;
  width: 22px;
  height: 22px;
  float: left;
}

.divCalendarLegendOrange {
  background-image: url(/images/bafokeng/calendar-legend.jpg);
  background-position: 0px -72px;
  width: 22px;
  height: 22px;
  float: left;
}

.divCalendarLegendRed {
  background-image: url(/images/bafokeng/calendar-legend.jpg);
  background-position: 0px -98px;
  width: 22px;
  height: 22px;
  float: left;
}

.additionalHeaderClass{
  background-color: #FFFFFF;
  text-align: left;
  border: none;
  border-bottom: #000000 dotted thin;
  font-size: 14px;

}

.topDots {
  border-top: #000000 dotted thin;

}
.bottomDots {
  border-bottom: #000000 dotted thin;

}

.editLinks{
  margin-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;

}

#leftMenuAcc{
  float: left;
  width: 240px;
}

#mainContainer
{

  float: left;
  width:100%;

}

.reportsTopLeft
{
  background: url("/images/rbed/reports_top_left.jpg") no-repeat left top;
  width: 8px;
}

.reportsTopRight
{
  background: url("/images/rbed/reports_top_right.jpg") no-repeat left top;
  width: 8px;
}

.reportsTopMiddle
{
  background: url("/images/rbed/reports_top_middle.jpg") repeat-x  top;

}

.reportsRedTopLeft
{
  background: url("/images/rbed/reportsRed_top_left.jpg") no-repeat left top;
  width: 8px;
}

.reportsRedTopRight
{
  background: url("/images/rbed/reportsRed_top_right.jpg") no-repeat left top;
  width: 8px;
}

.reportsRedTopMiddle
{
  background: url("/images/rbed/reportsRed_top_middle.jpg") repeat-x  top;

}

.reportsGreenTopLeft
{
  background: url("/images/rbed/reportsGreen_top_left.jpg") no-repeat left top;
  width: 8px;
}

.reportsGreenTopRight
{
  background: url("/images/rbed/reportsGreen_top_right.jpg") no-repeat left top;
  width: 8px;
}

.reportsGreenTopMiddle
{
  background: url("/images/rbed/reportsGreen_top_middle.jpg") repeat-x  top;

}

.blueRoundGradient{

  background-color: #4f81bd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#1B4172), to(#4f81bd));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #1B4172, #4f81bd);

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #1B4172, #4f81bd);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #1B4172, #4f81bd);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #1B4172, #4f81bd);

}

.greenRoundGradient{

  background-color: #9bbb59;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#536F18), to(#9bbb59));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #536F18, #9bbb59);

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #536F18, #9bbb59);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #536F18, #9bbb59);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #536F18, #9bbb59);

}

.redRoundGradient{

  background-color: #c0504d;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#720C08), to(#c0504d));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #720C08, #c0504d);

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #720C08, #c0504d);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #720C08, #c0504d);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #720C08, #c0504d);

}

.redPrimaryRoundGradient{

  background-color: #FF0000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#BA0403), to(#FF0000));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #BA0403, #FF0000);

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #BA0403, #FF0000);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #BA0403, #FF0000);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #BA0403, #FF0000);

}

.greenPrimaryRoundGradient{

  background-color: #00B050;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#007437), to(#00B050));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #007437, #00B050);

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #007437, #00B050);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #007437, #00B050);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #007437, #00B050);

}

.greyRoundGradient{

  background-color: #808080;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#4D4D4D), to(#808080));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #4D4D4D, #808080);

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #4D4D4D, #808080);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #4D4D4D, #808080);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #4D4D4D, #808080);

}

.yellowPrimaryRoundGradient{

  background-color: #FFC000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#DF9D00), to(#FFC000));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #DF9D00, #FFC000);

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #DF9D00, #FFC000);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #DF9D00, #FFC000);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #DF9D00, #FFC000);

}

.tdListTableLastStyle {
  border: none;
  border-bottom: #FFFFFF solid 1px;
}

.ListTableTextSecondColumns {
  border-right: none;
}

.barContainer {

  padding-bottom: 0px;

}

.topBarText {
  position: relative;
  top: -20px;
  font-size: 8px;
  white-space: nowrap;
}

.txtaWBS {
  width: 90%;
}

.selWBS {
  width: 90%;
}

.divFloatRight {
  width: 10%;
  float: right;
}

.MainBg
{
  background: url("/images/rbed/main_bg.jpg") repeat-x  top;
  background-color:#f0f0f0
}

.MainTop_Right
{
  background: url("/images/rbed/main_top_right.jpg") no-repeat left;
  background-color:#100f14
}

.MainFlash
{
  background: url("/images/rbed/main_flash.jpg") top no-repeat;
  width:970px
 }

.MainDropShadow_Left
{
  background: url("/images/rbed/main_dropshadow_left.png") left no-repeat;
}

.MainDropShadow_Right
{
  background: url("/images/rbed/main_dropshadow_right.png") left ;
}

.MainSearch_TextBox
{
  background: #000000;
  text-indent:10px;
  text-transform:uppercase;
  color:#929292;
  font-style:italic;
  font-size:13px;
}

.MainSearch_Magnifier
{
background: url("/images/rbed/main_search.jpg") left no-repeat #000000;

}

.MainMenu_Spacer
{
background: url("/images/rbed/mainmenu_spacer.jpg")  no-repeat;
}


.Main_Title
{
font-size:11px;
color:#909090;
text-transform:uppercase;
text-align:left;
padding-left:11px
}

.Main_Date
{
font-size:11px;
color:#909090;
text-transform:uppercase;
text-align:right;
padding-right:11px
}



.MainContent_Shadow
{
background: url("/images/rbed/main_content_shadow.jpg")  no-repeat right top;
}

.MainFooter_Shadow
{
background: url("/images/rbed/main_footer_shadow.jpg")  no-repeat top #ffffff;
}


.Content_Heading
{
  color:#668800;
  text-transform:uppercase;
  font-size:17px;
  font-weight:normal;
  text-align: left;
}

.Content_Heading strong, .Content_Heading a {

  font-size: 17px;
  color: #668800;
  text-decoration: none;

}

.Content_Heading a {

  font-weight: normal;

}

.Heading_SolidLine
{
background: url("/images/rbed/heading_solid_line.jpg")  no-repeat;
}

.Heading_DottedLine
{
background: url("/images/rbed/heading_dotted_line.jpg")  no-repeat;
}

.Login_SolidLine
{
background: url("/images/rbed/login_solid_line.jpg")  no-repeat;
}

.Login_DottedLine
{
background: url("/images/rbed/login_dotted_line.jpg")  no-repeat;
}

.Login_Fields_bg
{
background: url("/images/rbed/login_fields_bg.png")  no-repeat left;
font-family:Tahoma;
font-size:12px;
text-indent:5px;
color:#ffffff;
letter-spacing:0px;

}

.Login_Functions,
.Login_Functions Input,
.Login_Functions a
{
color:#668800;
font-size:11px;
font-weight:bold;
text-transform:none;
text-decoration:none;
}

.MainTable_Content
{
color:#292929;
font-size:14px;
font-family:Georgia;
padding-top:8px;
text-transform:none
}

.MainTable_Content_WithIcon
{
color:#292929;
font-size:14px;
font-family:Georgia;
padding-left:17px;
padding-top:18px;
background: url("/images/rbed/arrow.jpg")  no-repeat left;
text-transform:none
}

.MainTable_Content2
{
color:#292929;
font-size:16px;
font-family:Georgia;
padding-top:8px

}

.MainTable_Content3
{
color:#58595b;
font-size:13px;
font-family:Tahoma;
padding-top:8px;
text-transform:none

}

.MainTable_Date
{
color:#939393;
font-size:9px;
font-family:Tahoma;
padding-top:5px

}

.ClickToView
{
color:#668800;
font-size:10px;
font-family:tahoma;
text-transform:uppercase;
padding-top:7px;
padding-bottom:5px;
font-weight:bold

}

.FooterText
{
color:#ffffff;
font-size:11px;
text-align:center

}

.SecondBg
{
  background: url("/images/rbed/second_bg.jpg") repeat-x  top;
  background-color:#f0f0f0
}

.SecondFlash
{
  background: url("/images/rbed/second_flash.jpg") top no-repeat;
}

.SecondDropShadow_Left
{
  background: url("/images/rbed/second_dropshadow_left.png") left no-repeat;
}

.SecondDropShadow_Right
{
  background: url("/images/rbed/second_dropshadow_right.png") left ;
}

.Second_SolidLine
{
background: url("/images/rbed/heading_content_line.jpg")  no-repeat;
}

.EventCalendar_Heading_Collapse
{
color:#292929;
font-size:15px;
font-family:Georgia;
text-indent:21px;
text-transform:uppercase;
background: url("/images/rbed/green_minus.jpg")  no-repeat 0 56%;
}

.EventCalendar_Heading_Expand
{
color:#292929;
font-size:15px;
font-family:Georgia;
text-indent:21px;
text-transform:uppercase;
background: url("/images/rbed/green_plus.jpg")  no-repeat 0 56%;
}

.EventCalendar_LeftMenu_Expand
{
color:#668800;
font-size:13px;
text-indent:21px;
text-transform:normal;
background: url("/images/rbed/green_plus.jpg")  no-repeat 0 56%;
}

.EventCalendar_LeftMenu_Collapse
{
color:#668800;
font-size:14px;
text-indent:21px;
text-transform:normal;
background: url("/images/rbed/green_minus.jpg")  no-repeat 0 56%;
}


.EventCalendar_LeftMenu_Grey
{
color:#58595b;
font-size:11px;
font-family:Tahoma;
text-transform:normal;
line-height:19px
}

.EventCalendar_LeftMenu_Blue
{
color:#00178b;
font-size:11px;
font-family:Tahoma;
text-transform:normal;
line-height:19px
}

.EventCalendar_LeftMenu_Green
{
color:#369709;
font-size:11px;
font-family:Tahoma;
text-transform:normal;
line-height:19px
}

.EventCalendar_LeftMenu_Orange
{
color:#e57000;
font-size:11px;
font-family:Tahoma;
text-transform:normal;
line-height:19px
}

.EventCalendar_LeftMenu_Red
{
color:#ee2f02;
font-size:11px;
font-family:Tahoma;
text-transform:normal;
line-height:19px
}

.EventCalendar_Blocks
{
padding-top:7px
}



.EventCalendar_DaysOfWeek_Heading
{
color:#000000;
font-size:11px;
font-family:Tahoma;
font-weight:bold;
text-indent:15px;
text-transform:uppercase;
background: #e7ecc5
}

.EventCalendar_DaysOfWeek_Table
{
border:thin;
border-color:#bfbfbf;
border-style:solid;
border-collapse:collapse
}

.EventCalendar_EventOfDay_Table
{
background-color:#f1f1f1
}

.EventCalendar_EventEntry_Green
{
color:#369709;
font-family:tahoma;
font-size:10px;
font-weight:bold
}
.EventCalendar_EventEntry_GreenTime
{
color:#369709;
font-family:tahoma;
font-size:10px;
font-weight:normal
}

.EventCalendar_EventEntry_Red
{
color:#ee2f02;
font-family:tahoma;
font-size:10px;
font-weight:bold
}
.EventCalendar_EventEntry_RedTime
{
color:#ee2f02;
font-family:tahoma;
font-size:10px;
font-weight:normal
}

.EventCalendar_EventEntry_Blue
{
color:#00178b;
font-family:tahoma;
font-size:10px;
font-weight:bold
}

.EventCalendar_EventEntry_BlueTime
{
color:#00178b;
font-family:tahoma;
font-size:10px;
font-weight:normal
}

.EventCalendar_EventEntry_Black
{
color:#333132;
font-family:tahoma;
font-size:10px;
font-weight:bold
}

.EventCalendar_EventEntry_BlackTime
{
color:#333132;
font-family:tahoma;
font-size:10px;
font-weight:normal
}
.transparentInput {
  color: #FFFFFF;
  background: transparent;
  border: none;

}
.transparentSubmit{
 background: transparent;
 border: none;
 cursor: pointer;
}

.leftMenuTop {
  background-image: url(../images/rbed/left_menu_top.png);
  background-repeat: no-repeat;
}

.leftMenuMiddle {
  background-image: url(../images/rbed/left_menu_middle.jpg);
  background-repeat: no-repeat;
}

.leftMenuBottom {
  background-image: url(../images/rbed/left_menu_bottom.jpg);
  background-repeat: no-repeat;
}

#breadcrumb {
  padding: 10px;
  float:left;
}

#dateArea {
  padding: 10px;
  float:right;
}

.contentContainer {
  padding: 10px;
  float: left;
  width: 98%;
}

.homeContentContainer {
  padding: 10px;
  padding-right: 30px;
  width: 705px;
  float:left;
}

#rightContainer {
  float: left;
  padding-top: 20px;
  width: 240px;
}

.divRightAlign {
  text-align: right;
}

.divStrategyMapMain {

}

.divStrategyMapBoxAround {
  width: auto;
  float: left;
}

.divStrategyMapBox200 {
  width: 200px;
}

.divStrategyMapFocusAreas {
  width: auto;
}

.divStrategyMapFocusAreas .divStrategyMapBox {
}

.divStrategyMapOneFocusArea {
  background-color: #9BB54C;
}

.divStrategyMapOneObjective {
  background-color: #B5C44F;
}

.divStrategyMapOneKPA {
  background-color: #48B413;
}

.divStrategyMapOneKPI {
  background-color: #719500;
}

.divObjectivesContainer {
  position: absolute;
}

.divKPAsContainer {
  position: absolute;
  margin-top: 12px;
}

.divKPIsContainer {
  position: absolute;
  margin-top: 12px;
}

#floatingBudgetHeading {

  position:fixed;
  top:0;
  z-index:1000;

  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=90);

  /* Older than Firefox 0.9 */
  -moz-opacity:0.9;

  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0.9;

  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0.9;

}


.divStrategyMapGreen {
  color: #008C00;
  background-color: #EDF1D5;
}

.divStrategyMapAmber {
  color: #ED9A00;
  background-color: #EDF1D5;
}

.divStrategyMapRed {
  color: #ED2F00;
  background-color: #EDF1D5;
}

#floatingBudgetLedgerItems{
  background-color: #F1F1F1;
  position: fixed;
  left: 0;
  float:left;
  top:0;

  z-index:900;

  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=90);

  /* Older than Firefox 0.9 */
  -moz-opacity:0.9;

  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0.9;

  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0.9;
}

.floatHeadingItem {

  font-weight: bold;
  background-color: #FFFFFF;

}

.floatItem {

  text-align: left;

}

.BudgetListTableHeading {

  float: left;
  width: 100%;

}

.ListTableOEven {

  background-color: #E3E3E3;
}

.NoteListItems {

  text-align: left;
  background-color: #FFFFFF;

}

#menuToggle {

  background-color: #FFFFFF;
  width: 50px;
  height: 35px;
  margin-left:-40px;
  float: left;
  z-index: 100000;
  margin-top: 200px;
  padding-top: 15px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  border: #666666 thin solid;
}

#menuToggle a {

  color: #666666;
  text-decoration: none;
  font-size: 15px;


}

#logoHolder {

  float: left;
  width: 50%;

}

#username {

  color: #FFFFFF;
  float: right;

}

#username a{

  color: #FFFFFF;
  text-decoration: none;

}

#loginPopUp {

    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);

}

.loginPopUpBack {

  height: 200px;
  width: 300px;
  background-color: #222222;
  border: thick #FFFFFF solid;
  margin-top: 150px;

}

.popUpExit {

  text-align: left;
  padding-bottom: 20px;

}

.InnerColumn {

  width: 350px;
  float: left;

}

.imageTeasers {

  float: left;
  width: 150px;
  margin: 5px;

}

.UpperGreen {

  text-transform: uppercase;
  color: #668800;
  text-decoration: none;

}

.UpperGreen:hover {

  color: #668800;

}
.UpperGreen:visited {

  color: #668800;

}

.underlineDiv {

  height:1px;
  width: 320px;
  background-color: #000000;
  margin-bottom: 10px;

}
.underlineDivLong {

  height:1px;
  width: 700px;
  background-color: #000000;
  margin-bottom: 10px;

}

.underlineDivDotted {

  height:1px;
  width: 320px;
  border-bottom: #000000 dotted thin;

}

.videoContainer {

  width: 196px;
  float: left;

}

.videoContainerText {

  font-size: 15px;
  margin-top: 55px

}

.digiContainer {

  float: left;
  margin: 10px;
  margin-left: 0px;
  margin-bottom: 0px;

}

.digiTextContainer {

  margin-left: 10px;

}

.facebookContainer {

  padding-left: 200px;
  text-align: center;

}

.calendarDayList {

  background-color: #E7EBC6;
  border: thin #999999 solid;
  padding: 2px;
  padding-left: 10px;
  text-align: left;

}

.calendarMonthList {

  border: thin #999999 solid;
  margin: 10px;

}
.calendarMonthListList {
  text-align:left;
}

.calendarInnerDay {
  padding: 20px;
  background-color: #F1F1F1;
}

.eventAlignLeft {
  text-align: left;
}

.error {
  color: red;
}

.phaseBegining {

  background-color: #BBBBBB;
  height: 10px;

}

/* SMME popup menu */

.companyMenuAround {
    position: absolute;
    width: auto;
    background-color: #9BB54C;
}

.companyMenuAround ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.companyMenuAround ul li {
    display: inline-table;
    margin: 10px;
}

.companyMenuAround ul li a {
    margin: 2px;
    display: inline-block;
    font-size: 15px;
}

.show_menu_users tr td a {
    font-size: 15px;
}

.show_menu_users tr td  {
    padding: 10px;
}

.show_menu_users ul li {
    margin: 10px;
}

.dropDown ul {
    position: relative;
    top: -8px;
    padding-left: 8px;
    margin: 2px;
}

.dropDown ul li {
    display: list-item;
}

.dropDown ul li a {
}

.inputQuickSearch{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 25px;
}