html, body {
   height: calc(100vh - 200px);
   margin: 0;
   min-width: 800px;
   font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   min-height: 400px;
}

#header {
   position: fixed;
   top: 0;
   width: 100%;
   background-image: url('images/HeaderFiller.jpg');
   background-repeat: repeat-x;
   height: 64px;
   z-index: 99000;
}

   #header table {
      border-width: 0;
      width: 100%;
      text-align: right;
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 9px;
      color: rgb(233, 233, 233);
   }

#menu {
   position: fixed;
   top: 64px;
   width: 100%;
   height: 58px;
   z-index: 99001;
}

#st_Copyright a:link {
   text-decoration: none;
   color: rgba(140, 140, 140, 1);
}

#st_Copyright a:visited {
   text-decoration: none;
   color: rgba(140, 140, 140, 1);
}

#container {
   height: calc(100vh - 235px);
   min-height: calc(100vh - 165px);
   text-align: left;
   margin: 20px;
   margin-top: 135px;
}

.divinline {
   float: left;
}

.footer {
   font-family: "Arial", sans-serif;
   font-size: 10px;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 15px;
   background-color: white;
   color: rgba(140, 140, 140, 1);
   text-align: center;
   z-index: 3000;
}

.footernav {
   text-align: left; 
   margin-bottom: 10px; 
   width: 100%; 
   margin-left: 10px; 
   margin-right: 10px;
}

.footermgn {
   margin-right: 100px;
}

.ribbonBar {
   font-size: 12px;
}

.rgFilterBox {
   min-width: calc(100% - 23px) !important;
}

.RadGrid .rgGroupPanel {
   padding: 2px !important;
}

.RadGrid .rgGroupItem {
   padding: 2px 2px 2px 8px !important;
}

.RadGrid .rgHeader {
   padding-top: 4px !important;
   padding-bottom: 4px !important;
}

.RadGrid .rgInput {
   padding: 2px 7px !important;
}

.RadGrid .rgFilter {
   padding: 2px !important;
}

.RadGrid .rgRow,
.RadGrid .rgAltRow,
.RadGrid .rgSelectedRow {
   height: 12px !important;
}

   .RadGrid .rgRow > td,
   .RadGrid .rgAltRow > td {
      padding: 1px 5px;
}

.RadGrid .rgGroupHeader td {
   padding-left: 5px !important;
   padding-right: 5px !important;
}

.RadGrid .rgGroupHeader > td {
   padding-top: 1px !important;
   padding-bottom: 0 !important;
}

.RadGrid .rgFilterRow > td {
   padding-left: 5px !important;
   padding-right: 5px !important;
}

.RadGrid .rgFilterBox {
   width: 20px;
}

.rgExpandCol {
   width: 20px !important;
}

.RadGrid .riTextBox {
   border: solid;
   border-width: 1px;
   border-color: #9babc2 !important;
   background-color: white !important;
}

.RadRibbonBar_BlackMetroTouch .rrbTabs .rrbItem.rrbSelected .rrbLink {
   background-color: rgba(207, 207, 207, 1) !important;
   border-color: rgba(207, 207, 207, 1) !important;
   color: black !important;
}

.RadRibbonBar_BlackMetroTouch .rrbTabs {
   border-bottom: 2px solid rgba(207, 207, 207, 1) !important;
}

.RadTabStrip_BlackMetroTouch {
   background-color: rgba(34, 34, 34, 1) !important;
   font-size: 12px;
}

.RadTabStrip_BlackMetroTouch .rtsLevel1 .rtsSelected .rtsLink {
   background-color: rgba(207, 207, 207, 1) !important;
   border-color: rgba(207, 207, 207, 1) !important;
   color: black !important;
}

.RadTabStrip_BlackMetroTouch .rtsLevel1 .rtsLink {
   border-color: #222 !important;
}

.RadTabStrip .rtsLink {
   padding: 5px 20px !important;
}

.RadTabStrip_BlackMetroTouch .rtsLevel1 {
   border-color: rgba(207, 207, 207, 1) !important
}

.RadTabStrip_BlackMetroTouch.rtsTop .rtsLevel1 {
   border-bottom-width: 2px !important;
}

.RadTabStrip_BlackMetroTouch .rtsLevel1 ~ .rtsLevel .rtsLink {
   color: white !important;
}

.RadTabStrip_BlackMetroTouch .rtsLevel1 ~ .rtsLevel .rtsHovered .rtsLink {
   background-color: rgba(60, 60, 60, 1) !important;
   text-decoration: none !important;
}

.RadTabStrip_BlackMetroTouch .rtsLevel1 ~ .rtsLevel .rtsSelected .rtsLink {
   background-color: rgba(255, 174, 83, 1) !important;
   color: black !important;
}

.RadWizard .rwzBreadCrumb .rwzText {
   line-height: 2.5em;
   font-size: 11px;
   font-weight: bold;
   padding-left: 5px;
}

.RadWindow .rwDialogMessage {
   font-size: 12px;
}

.RadWindow .rwTitleBar{
   font-size: 12px;
}

.gridExp {
   width: 16px;
}

.divCurentFile {
   margin-left: auto;
   margin-right: auto;
   width: 500px;
   padding-top: 15px;
}



.filename {
   font-size: 12px;
   padding-top: 5px;
}

.divUpload {
   margin-left: auto;
   margin-right: auto;
   width: 320px;
}

.divUpload .RadUpload .ruFakeInput {
   width: 300px;
}

.divUpload .RadUpload .ruUploadProgress {
   font-size: 12px;
   width: 300px;
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   vertical-align: bottom;
}

.divUpload .RadUpload .ruFileLI .ruButton {
   font-size: 12px;
   vertical-align: bottom;
   margin-left: 15px;
}

.divPageContent {
   text-align: left;
   margin: 20px;
}

.divError {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   text-align: center;
   padding-top: 15px;
   padding-bottom: 4px;
}

/*Old SpeedEEO Styles*/
.NormalText
{
   font-size: 12px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: normal;
}
.NormalTextBold
{
   font-size: 12px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: Bold;
}

.NormalTextRedBold {
   font-size: 12px;
   color: #e17029;
   font-weight: bold;
}

.NormalTextMB {
   font-size: 12px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: normal;
   margin-top: 0;
   margin-bottom: 10px;
}

.Label
{
   font-size: 12px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.LabelItalic
{
   font-size: 12px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-style: italic;
}
.LabelRequired
{
   font-size: 12px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.Red {
   color: #e17029;
}

.RedErrorItalic {
   font-size: 9px;
   font-style: italic;
   color: #e17029;
}

.RedLabelErrorPad {
   font-size: 11px;
   font-style: italic;
   color: #e17029;
   font-weight: bold;
   padding-left: 5px;
}

.RedErrorBold {
   font-size: 9px;
   font-weight: Bold;
   color: #e17029;
}

.RedLabelError {
   font-size: 11px;
   font-style: italic;
   font-weight: bold;
   color: #e17029;
}

.RedTextXSmall {
   font-size: 9px;
   color: #e17029;
   font-style: italic;
}

.ValidMapColumn {
   font-size: 16px;
   font-weight: bold;
   color: #e17029;
}

.BlueLink {
   font-size: 12px;
   font-weight: Bold;
   color: #e17029;
}

.DisabledBlueLink {
   font-size: 12px;
   font-weight: Bold;
   color: black;
   text-decoration: none !important;
   cursor: default;
}

.BlueLinkSmall {
   FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #e17029;
}

.ControlHeader {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: Black;
}

INPUT.BTN:disabled {
   color: gray !important;
   width: 75px;
}

INPUT.BTN {
   color: black;
   width: 75px;
   font-size: 11px;
   padding: 2px;
   height: 25px;
}

INPUT.BTNWide {
   color: black;
   width: 110px;
   font-size: 11px;
   padding: 2px;
   height: 25px;
}

A:hover {
   text-decoration: underline;
   cursor: pointer;
}

A:link {
   text-decoration: none;
}

.PageDescriptionText {
   margin-left: auto; 
   margin-right: auto; 
   max-width: 1000px; 
   min-width: 650px;
}

.RadWindow .rwDialogButtons button {
   width: 90px !important;
}

.combobox {
   FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
   height: 22px;
}

.mapvalue_header {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   max-width: 650px;
   min-width: 500px;
}

.mapvalue_grid {
   width: calc(100% - 2px);
   height: calc(100% - 150px);
}

   .mapvalue_grid .rgDataDiv {
      height: calc(100vh - 460px) !important;
      min-height: 170px;
   }

.mapvalue_jobgroup_grid {
   width: calc(100% - 2px);
   height: calc(100% - 180px);
}

   .mapvalue_jobgroup_grid .rgDataDiv {
      height: calc(100vh - 490px) !important;
      min-height: 141px;
   }

.mapvalue_jobtitle_grid {
   width: calc(100% - 2px);
   height: calc(100% - 180px);
}

   .mapvalue_jobtitle_grid .rgDataDiv {
      height: calc(100vh - 490px) !important;
      min-height: 141px;
   }

.mapvalue_lookup_grid {
   width: calc(100% - 2px);
   height: calc(100% - 180px);
}

   .mapvalue_lookup_grid .rgDataDiv {
      height: calc(100vh - 344px) !important;
      min-height: 286px;
   }

.mapvalue_plan_grid {
   width: calc(100% - 2px);
}
   .mapvalue_plan_grid .rgDataDiv {
      height: calc(100vh - 344px) !important;
      min-height: 286px;
   }


