/* Width Classes */
.fullWidth {
    width: 100%;
}

.width20 {
    width: 20px !important;
}

.width35 {
    width: 35px !important;
}

.width40 {
    width: 40px !important;
}

.width60 {
    width: 60px !important;
}

.width70 {
    width: 70px !important;
}

.width80 {
    width: 80px !important;
}

.width90 {
    width: 90px !important;
}

.width100 {
    width: 100px !important;
}

.width110 {
    width: 110px !important;
}

.width120 {
    width: 120px !important;
}

.width130 {
    width: 130px !important;
}

.width140 {
    width: 140px !important;
}

.width150 {
    width: 150px !important;
}

.width160 {
    width: 160px !important;
}

.width200 {
    width: 200px !important;
}

.width210 {
    width: 210px !important;
}

.width250 {
    width: 250px !important;
}

.width260 {
    width: 260px !important;
}

.width270 {
    width: 270px !important;
}

.width300 {
    width: 300px !important;
}

.width340 {
    width: 340px !important;
}

.width350 {
    width: 350px !important;
}

.width360 {
    width: 360px !important;
}

.width370 {
    width: 370px !important;
}

.width385 {
    width: 385px !important;
}

.width410 {
    width: 410px !important;
}

.width430 {
    width: 430px !important;
}

.width450 {
    width: 450px !important;
}

.width500 {
    width: 500px !important;
}

.width600 {
    width: 600px !important;
}

.width680 {
    width: 680px !important;
}

.width740 {
    width: 740px !important;
}

.width2p {
    width: 2% !important;
}

.width10p {
    width: 10% !important;
}

.width15p {
    width: 15% !important;
}

.width16p {
    width: 16% !important;
}

.width17p {
    width: 17% !important;
}

.width18p {
    width: 18% !important;
}

.width19p {
    width: 19% !important;
}

.width20p {
    width: 20% !important;
}

.width25p {
    width: 25% !important;
}

.width30p {
    width: 30% !important;
}

.width31p {
    width: 31% !important;
}

.width32p {
    width: 32% !important;
}

.width33p {
    width: 33% !important;
}

.width34p {
    width: 34% !important;
}

.width35p {
    width: 35% !important;
}

.width38p {
    width: 38% !important;
}

.width40p {
    width: 40% !important;
}

.width42p {
    width: 42% !important;
}

.width43p {
    width: 43% !important;
}

.width45p {
    width: 45% !important;
}

.width47p {
    width: 47% !important;
}

.width48p {
    width: 48% !important;
}

.width49p {
    width: 49% !important;
}

.width50p {
    width: 50% !important;
}

.width55p {
    width: 55% !important;
}

.width58p {
    width: 58% !important;
}

.width60p {
    width: 60% !important;
}

.width65p {
    width: 65% !important;
}

.width70p {
    width: 70% !important;
}

.width75p {
    width: 75% !important;
}

.width80p {
    width: 80% !important;
}

.width88p {
    width: 88% !important;
}

.width90p {
    width: 90% !important;
}

.width97p {
    width: 97% !important;
}

.width99p {
    width: 99% !important;
}

.width100p {
    width: 100% !important;
}



/* Display Classes */
.displayTable {
    display: table !important;
}

.displayTableCell {
    display: table-cell !important;
}

.displayNone {
    display: none !important;
}

.displayBlock {
    display: block !important;
}

.displayInlineBlock {
    display: inline-block !important;
}

.overflowHidden {
    overflow: hidden;
}



/* Float Classes */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}



/* Text Alignment Classes */
.textAlignLeft {
    text-align: left;
}

.textAlignCenter {
    text-align: center;
}

.textAlignRight {
    text-align: right;
}

.verticalAlignTop {
    vertical-align: top !important;
}

.verticalAlignMiddle {
    vertical-align: middle !important;
}



/* Spacer Classes */
.spacer {
    width: 100%;
    height: 1px;
}

.spacer10 {
    width: 100%;
    height: 10px;
}

.spacer20 {
    width: 100%;
    height: 20px;
}



/* Padding and Margin Classes */
.extraPaddingAll05p {
    padding: 0.5%;
}

.paddingHeadingStyle {
    padding: 0.4em 0.2em 0.4em 0.2em;
}

.paddingLeft4 {
    padding-left: 4px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginLeft1em {
    margin-left: 1em;
}

.marginLeft2em {
    margin-left: 2em;
}

.marginRight4 {
    margin-right: 4px;
}

.marginRightReset {
    margin-right: 0px;
}

.marginTopReset {
    margin-top: 0;
}

.marginTop4 {
    margin-top: 4px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop1em {
    margin-top: 1em;
}

.marginTop2em {
    margin-top: 2em;
}

.marginRight1em {
    margin-right: 1em;
}

.marginRight2em {
    margin-right: 2em;
}

.marginBottom4 {
    margin-bottom: 4px;
}

.marginBottom1em {
    margin-bottom: 1em;
}



/* Font Formatting Classes */
.redText {
    color: #FF0000;
}

.greenText {
    color: #008000;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}



/* Grid Header Classes */
.heading {
    padding: 0.4em 0.2em 0.4em 0.2em;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    background-color: #C0E0FF;
}

.headingNoShading {
    padding: 0.4em 0.2em 0.4em 0.2em;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}

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

.lightGrayBackground {
    background-color: #F0F0F0;
}



/* Grid Row Classes */
.gridRow {
    background-color: #FFFFFF;
}

    .gridRow td {
        padding: 4px 0 4px 0;
    }

.gridRowAlternate {
    background-color: #F0F8FF;
}

    .gridRowAlternate td {
        padding: 4px 0 4px 0;
    }

.gridViewPager td {
    padding: 2px 2px 0 2px;
}

.needHighlight .gridRow:hover, .needHighlight .gridRowAlternate:hover {
    background-color: #FBEC88;
}



/* Selected Employee Classes */
.selectedEmployeeFirstName {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 110px;
    float: left;
}

.selectedEmployeeLastName {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 140px;
    float: left;
}

.selectedEmployeePersonType {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 70px;
    float: left;
}

.selectedEmployeePhone {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 80px;
    float: left;
}

.selectedEmployeeEmail {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 290px;
    float: left;
}

.selectedEmployeeMailStop {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 70px;
    float: left;
}

.selectedEmployeeDivision {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 300px;
    float: left;
}

.selectedEmployeeUnitNumber {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 40px;
    float: left;
}



/* Selected Vendor Classes */
.selectedVendorCourseSponsor {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 260px;
    float: left;
}

.selectedVendorAddress {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 230px;
    float: left;
}

.selectedVendorCity {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 150px;
    float: left;
}

.selectedVendorState {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 50px;
    float: left;
}

.selectedVendorZipCode {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 70px;
    float: left;
}

.selectedVendorCountry {
    padding: 0.4em 0.2em 0.4em 0.2em;
    width: 90px;
    float: left;
}



/* Form Item Classes */
.jqueryUITextBoxHeight {
    height: 1.4em;
}

.lineHeight106em {
    line-height: 1.6em;
}

.fakeFileUploadTextbox {
    padding: 0 4px 0 4px;
    background-color: #F0F0F0;
}

.noBorder {
    border: none;
}

.readOnlyField {
    background: none !important;
    background-color: #F0F0F0 !important;
    border-color: #D0D0D0 !important;
}



/* Validation Classes */
.validValue {
    display: inline-block !important;
    background-image: url(Images/ui-icons_008000_256x240.png) !important;
    vertical-align: auto;
}

.invalidValue {
    display: inline-block !important;
    background-image: url(Images/ui-icons_FF0000_256x240.png) !important;
    vertical-align: auto;
}

.invalidText {
    /*font-weight: bold;*/
    color: #FF0000 !important;
    background: #FFE0E0 url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x !important;
    /*border: 1px solid #FF0000 !important;*/
    border-color: #FF0000 !important;
}
/*
.invalidTextClassOnly {
}
*/
.validText {
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-color: #000000 !important;
}

.iconBlack {
    display: inline-block !important;
    background-image: url(Images/ui-icons_000000_256x240.png) !important;
    vertical-align: auto;
}



/* ACT Template Overrides */
fieldset {
    padding-top: 0 !important;
}

h2 {
    margin-top: 0 !important;
}

p {
    margin-left: 0 !important;
}



/* RadioButtonList Styles */
.radioButtonList input[type=radio] {
    margin-top: 0;
    float: left;
}

.radioButtonList label {
    width: 95%;
    float: left;
}



/* Environment Label Styles */
#environment-label {
    color: #FF0000;
    font-size: 16pt;
    font-weight: bold;
    padding-top: 33px;
    padding-left: 100px;
    float: right;
}



/* JQuery Overrides */
.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0.1em 2.1em 0.1em 0.8em !important;
}

.overflowSelectMenu {
    height: 200px;
}

.jqueryTextbox {
    height: 1.4em;
    line-height: 1.4em;
}



/* Grid Sort Classes */
.sortedAsc {
    padding-right: 16px;
    margin-right: 2px;
    display: block;
    /*text-indent: -99999px;*/
    overflow: hidden;
    background: #E0E0E0 url(/Images/sortArrowUp.png) right top no-repeat;
}

.sortedDesc {
    padding-right: 16px;
    margin-right: 2px;
    display: block;
    /*text-indent: -99999px;*/
    overflow: hidden;
    background: #E0E0E0 url(/Images/sortArrowDown.png) right top no-repeat;
}



/* At A Glance classes */
.trainingExpired {
    background-color: #FFA0A0 !important;
}

.trainingExpiringSoon {
    background-color: #FFD000 !important;
}

.trainingCurrent {
    background-color: #C0FF40 !important;
}



/* Table border classes */
.bottomBorderThin {
    border-bottom: solid 1px #000000;
}

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

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

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



/* Maintenance Message classes */
.maintenanceHeading {
    background: none !important;
    background-color: #FFD0D0 !important;
}

.maintenanceMessageBackground {
    background-color: #FFF0F0 !important;
}

.extraPaddingTopBottom4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.extraPaddingAll05p {
    padding: 0.5%;
}

.centerItem {
    margin: 0 auto 0 auto;
}