@font-face {
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
    src: url('../css/OpenSans-Regular.ttf') format('truetype'); /* browsers that support true type */

    font-family: 'Open Sans-Bold';
    font-weight: bold;
    font-style: normal;
    src: url('../css/OpenSans-Bold.ttf') format('truetype'); /* browsers that support true type */
}


/* Aries Global StyleSheet */

a.Link, .Link, a.link {
    color: #000000;
    font-size: 11px;
}

a.smallLink, .smallLink, td.smallLink {
    color: #000000;
    font-size: 9px;
}

a.userLink {
    color: #000000;
    font-size: 11px;
    PADDING-LEFT: 5px;
}

.ariesLink {
    color: #000000;
    font-size: 14px;
}

A.ariesLink {
    white-space: nowrap;
}


a.LinkWhite {
    font-size: 11px;
    color: white;
    height: 20px;
}

a.THSortLink {
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    TEXT-ALIGN: left;
}

a.ActiveSortLink {
    FONT-WEIGHT: 500;
    COLOR: #000000;
    FONT-SIZE: 11px;
}

a.calenderIcon {
    VERTICAL-ALIGN: middle;
}

KBD {
    background: #ffffff;
    background-color: #ffffff;
    color: #0000ff;
}

VAR {
    font-style: italic;
}

TR {
    background-color: #ffffff;
}

TD {
    color: #000000;
    HEIGHT: 21px;
    font-size: 11px;
}

    TD.label {
        font-size: 11px;
        width: 10%;
        background-color: #ffffff;
        color: #000000;
    }

    TD.message {
        background-color: #d9d9d9;
        color: #000000;
        height: 30px;
    }

    TD.empty {
        FONT-SIZE: 11px;
        COLOR: #000000;
        HEIGHT: 2px;
    }

    TD.belowTable {
        FONT-SIZE: 11px;
        COLOR: #000000;
    }

    TD.divider {
        BACKGROUND: #d9d9d9;
        vertical-align: top;
        height: 1px;
    }

    TD.dividerPending {
        BACKGROUND: #FFFFFF;
        vertical-align: top;
        height: 1px;
    }

    TD.dividerSection {
        BACKGROUND: #d9d9d9;
        vertical-align: top;
        height: 3px;
    }

    TD.numeric {
        text-align: right;
    }

    TD.alt1 {
        BACKGROUND: #ffffff;
        vertical-align: middle;
        HEIGHT: 21px;
        FONT-SIZE: 11px;
        color: #000000;
    }

TR.alt1 {
    BACKGROUND: #ffffff;
    PADDING-TOP: 1px;
    PADDING-BOTTOM: 1px;
}

TD.alt1 A.summaryLink {
    color: #000000;
    vertical-align: middle;
    HEIGHT: 21px;
    FONT-SIZE: 11px;
}

TD.alt1 A.editLink {
    BACKGROUND: #ffffff;
    vertical-align: middle;
    HEIGHT: 21px;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}

TD.alt2 {
    BACKGROUND: #d9d9d9;
    vertical-align: middle;
    HEIGHT: 21px;
    FONT-SIZE: 11px;
    color: #000000;
}

TR.alt2 {
    BACKGROUND: #d9d9d9;
    PADDING-TOP: 1px;
    PADDING-BOTTOM: 1px;
}

TD.alt2 A.summaryLink {
    color: #000000;
    vertical-align: middle;
    HEIGHT: 21px;
    FONT-SIZE: 11px;
}

TD.alt2 A.editLink {
    BACKGROUND: #d9d9d9;
    vertical-align: middle;
    HEIGHT: 21px;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}

TD.verticalSeparator {
    BACKGROUND: #d9d9d9;
    width: 1px;
}

TD.editable {
    font-weight: normal;
    vertical-align: middle;
    HEIGHT: 22px;
}

TD.messageHome {
    font-size: 12px;
    background-color: #d9d9d9;
    width: 190px;
}

TD.sectionTitleCR A {
    color: white;
    font-weight: bold;
    font-size: 11px;
    VERTICAL-ALIGN: middle;
}

.headerTitle {
    height: 24px;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    BACKGROUND-COLOR: #5f249f;
    WIDTH: 100%;
    color: #ffffff;
    font-size: 18px;
    FONT-FAMILY: 'Open Sans', Arial;
    TEXT-DECORATION: none;
    text-align: left;
    vertical-align: bottom;
}

TD.disclaimer {
    color: #666666;
    font-size: 11px;
    vertical-align: top;
    width: 530px;
}

TD.sectionTitleCR A:visited {
    color: white;
    font-weight: bold;
    font-size: 11px;
    VERTICAL-ALIGN: middle;
}

.footerBeforeSpacing {
    height: 10px;
}

.footerAfterSpacing {
    height: 10px;
}

.headerBeforeSpacing {
    height: 10px;
}

.headerAfterSpacing {
    height: 10px;
}

.separatorBefore {
    height: 5px;
}

.separatorAfter {
    height: 5px;
}

.messageSeparator {
    height: 15px;
}

.tableSeparator {
    height: 30px;
}

.messageBar {
    FONT-FAMILY: 'Open Sans-Bold', Arial;
    font-size: 12px;
    background-color: #ffffff;
    vertical-align: middle;
    color: #000000;
    font-weight: bold;
    text-align: left;
}

.requiredField {
    FONT-FAMILY: 'Open Sans-Bold', Arial;
    font-size: 12px;
    background-color: #ffffff;
    vertical-align: middle;
    color: #000000;
    font-weight: bold;
    text-align: right;
}


.requestButton {
    vertical-align: top;
    padding-right: 15px;
    text-align: center;
}

a.requestLink {
    text-decoration: none;
    color: #000000;
    font-size: 11px;
}

    a.requestLink span {
        vertical-align: top;
        padding-top: 2px;
        text-decoration: underline;
    }

    a.requestLink img {
        border-style: none;
        padding-right: 5px;
    }

.toolbarButton {
    vertical-align: top;
    padding-right: 5px;
}

.toolbarBeforeSpacing {
    height: 10px;
}

.toolbarAfterSpacing {
    height: 10px;
}

TH {
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: 'Open Sans-Bold', Arial;
    TEXT-ALIGN: left;
    font-weight: bold;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    background-color: #5f249f;
    white-space: nowrap;
}

    TH.user {
        PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
    }

    TH.requestHeader {
        COLOR: #FFFFFF;
        PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        background-color: #5f249f;
    }

    TH.status {
        TEXT-ALIGN: right;
    }

    TH.verticalSeparator {
        BACKGROUND: #000000;
        width: 1px;
    }

    TH.numeric {
        text-align: right;
    }

    TH.center {
        text-align: center;
    }

div.underline {
    border-bottom-style: solid;
    border-width: thin;
    width: 100%
}

.copyright {
    color: #000000;
    background-color: #ffffff;
    font-family: 'Open Sans-Bold', Arial;
    font-size: 10px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 32px;
    text-align: center;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.selected_page_number {
    font-family: 'Open Sans-Bold', Arial;
    font-weight: bold;
    font-size: 12px;
    color: black;
    VERTICAL-ALIGN: Middle;
    height: 30px;
}

.page_number_link {
    font-size: 12px;
    VERTICAL-ALIGN: Middle;
}

    .page_number_link a {
        color: #000000;
    }

.page_set_link {
    font-size: 12px;
    color: #000000;
}

.records_displayed {
    font-size: 14px;
    color: black;
}

.recordLabel {
    vertical-align: middle;
    text-align: right;
    font-size: 11px;
    COLOR: #000000;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    white-space: nowrap;
    width: 15%;
}

.recordLabelAbove {
    text-align: left;
    font-size: 11px;
    font-family: 'Open Sans-Bold', Arial;
    font-weight: Bold;
    COLOR: #000000;
    white-space: nowrap;
}

.recordLabelTopRight {
    vertical-align: top;
    text-align: right;
    font-size: 11px;
    PADDING-LEFT: 10px;
    COLOR: #000000;
}

.recordLabelTopRightPadding {
    vertical-align: top;
    text-align: right;
    font-size: 11px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    COLOR: #000000;
}

.recordLabelTopMultiLine {
    vertical-align: top;
    text-align: right;
    font-size: 11px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    COLOR: #000000;
    padding-top: 10px;
}

.recordLabelMultiLine {
    width: 15%;
}

.recordLabelTopList {
    vertical-align: top;
    text-align: right;
    font-size: 11px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    COLOR: #000000;
    padding-top: 4px;
}

.rowFormat {
    padding-top: 6px;
}

.noteLabel {
    vertical-align: top;
    text-align: right;
    font-size: 11px;
    height: 22px;
}

.recordText {
    FONT-SIZE: 11px;
    COLOR: #000000;
    PADDING-RIGHT: 10px;
    WHITE-SPACE: pre-wrap;
}

.recordTextPreWrap {
    FONT-SIZE: 11px;
    COLOR: #000000;
    PADDING-RIGHT: 10px;
    WHITE-SPACE: pre-wrap;
}

.recordTextDropDown {
    FONT-SIZE: 11px;
    COLOR: #000000;
}

.recordNoteText {
    FONT-SIZE: 11px;
    COLOR: #000000;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 10px;
    WHITE-SPACE: normal;
}

.maintainText {
    FONT-SIZE: 11px;
    COLOR: #000000;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    white-space: nowrap;
}

.contactHelpText {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
}

.helpIcon {
    FONT-SIZE: 11px;
    COLOR: #000000;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
}

.recordPopupText {
    font-weight: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: 'Open Sans-Bold', Arial;
}

.editbutton {
    BACKGROUND: #ffffff;
}

.requiredAsterisk {
    COLOR: #ff4200;
}

.pageTitle {
    COLOR: #ffffff;
    font-size: 28px;
    VERTICAL-ALIGN: middle;
    height: 32px;
    color: #000000;
    padding-left: 11px;
}

.pageSubTitle {
    COLOR: #ffffff;
    font-size: 20px;
    VERTICAL-ALIGN: middle;
    height: 32px;
    color: #000000;
    padding-left: 11px;
}

.sectionTitleCR {
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    VERTICAL-ALIGN: middle;
    background-color: #666666;
    white-space: nowrap;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 3px;
}

.pageHeader {
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
    border-top-width: 3px;
    width: 100%;
}

.pageHeaderCR {
    COLOR: black;
    font-size: 18px;
    TEXT-ALIGN: center;
    background-color: #DBD5C0;
}

.pageTextCR {
    font-size: 20px;
    color: #000000;
    vertical-align: middle;
}

.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.pageDivider {
    height: 1px;
    vertical-align: top;
    background-color: #c7c7c7;
}

.pageVerticalDivider {
    width: 1px;
    vertical-align: top;
    background-color: #c7c7c7;
    text-align: right;
}

div.dividerTab {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    width: 99%;
}

A.DocumentLink {
    FONT-SIZE: 11px;
    color: #000000;
}

TD.DocumentLink {
    FONT-SIZE: 11px;
    color: #000000;
}

A.DocumentTitleLink {
    color: #000000;
    FONT-SIZE: 14px;
}

/* Aries Task Right-Side Navigation styles */

TD.rightsideTable {
    BORDER-STYLE: none;
    BACKGROUND-COLOR: #d9d9d9;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 5px;
    PADDING-BOTTOM: 5px;
}

    TD.rightsideTable a.rightNavLink {
        FONT-SIZE: 11px;
        BORDER-STYLE: none;
        FONT-WEIGHT: Normal;
        color: #000000;
    }

/* Aries Request Left-Side Navigation styles */

TD.leftsideNav {
    BORDER-STYLE: none;
    VERTICAL-ALIGN: top;
}

TD.leftsideTop {
    BORDER-STYLE: none;
    HEIGHT: 12px;
    BACKGROUND-IMAGE: url(../images/left.nav.top.color.jpg);
    WIDTH: 183px;
}

TD.leftsideBottom {
    BORDER-STYLE: none;
    HEIGHT: 4px;
    BACKGROUND-IMAGE: url(../images/left.nav.bottom.color.jpg);
    WIDTH: 183px;
}

TD.leftsideSelectedTable {
    BORDER-STYLE: none;
    BACKGROUND-IMAGE: url(../images/left_nav_selected_3.jpg);
    WIDTH: 183px;
    TEXT-ALIGN: left;
}

TD.leftsideSelectedDesc {
    BORDER-STYLE: none;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 10px;
    PADDING-TOP: 5px;
    PADDING-BOTTOM: 5px;
}

TD.leftsideArrow {
    BORDER-STYLE: none;
    TEXT-ALIGN: right;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 10px;
    VERTICAL-ALIGN: middle;
}

TD.leftsideVisitedTable {
    BORDER-STYLE: none;
    BACKGROUND-COLOR: #d9d9d9;
    WIDTH: 183px;
    text-align: left;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 5px;
    PADDING-BOTTOM: 5px;
}

TD.leftsideUnselectedTable {
    BORDER-STYLE: none;
    BACKGROUND-COLOR: #d9d9d9;
    WIDTH: 183px;
    TEXT-DECORATION: none;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 5px;
    PADDING-BOTTOM: 5px;
    text-align: left;
}

TD.leftsideVisitedTable a.leftNavLink {
    FONT-SIZE: 11px;
    BORDER-STYLE: none;
    color: #000000;
    width: 183px;
}

TD.leftsideVisitedTable:hover {
    background-color: #ffffff;
    border-right: 5px solid #FFed00;
    border-left: 5px solid #FFed00;
    width: 183px;
}

TD.leftsideDivider {
    BORDER-STYLE: none;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 183px;
    HEIGHT: 2px;
}

TD.leftsideSeparatorBefore {
    BORDER-STYLE: none;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 183px;
    HEIGHT: 10px;
}

/* Copied from albasic.css */

BODY {
    BACKGROUND: #ffffff;
    COLOR: #000000;
    margin-left: 2px;
    margin-top: 5px;
    font-family: 'Open Sans', Arial;
    font-size: 12px;
}

P, h1, h2, h3, h4, h5, h6 {
    BACKGROUND: #ffffff;
    COLOR: #000000
}

A, P, UL, LI {
    font-size: 12px;
    color: #000000;
}

Table.TreeLabel {
    FONT-SIZE: 6pt;
}

TR.helpDisplay TD A {
    color: #000000;
    font-size: 11px;
}

/** New UI standards **/
TABLE.pageBorder {
    border-style: none;
    background-image: url(../images/background.jpg);
    width: 100%;
    background-color: #ffffff;
    background-repeat: repeat-x;
}

TABLE.pageBorderPopup {
    border-style: none;
    background-image: url(../images/background_popup.jpg);
    width: 950px;
    background-color: #ffffff;
    background-repeat: repeat-x;
}

TD.outsideBuffer {
    width: 40px;
    padding: 1px;
    background-color: #ffffff;
}

TD.insideBufferLeft {
    width: 10px;
    background-color: #ffffff;
    border-left: 1px solid #d9d9d9;
}

TD.insideBufferRight {
    width: 10px;
    background-color: #ffffff;
    border-right: 1px solid #d9d9d9;
}

TD.pageContent {
    background-color: #ffffff;
}

TD.pageTitleColumn {
    width: 5px;
    background-color: #5f249f;
}

TD.helpPageHeader {
    COLOR: #FFFFFF;
    background-color: #5f249f;
}

TH.requestHeaderSpacer {
    font-size: 15pt;
}

TH.requestCommonHeaderSpacer {
    font-size: 15pt;
    font-weight: bold;
}

TD.ariesUserName {
    height: 30px;
    background-color: #ffffff;
    font-size: 11pt;
    color: #000000;
}

TD.helpSpacer {
    vertical-align: top;
    font-size: 14px;
    color: #000000;
}

A.ariesTask {
    font-size: 14px;
    color: #000000;
}

TD.taskHeader {
    border-left-color: #000000;
    border-left-width: 1px;
    border-left-style: solid;
}


/** Connect Pop Up Calendar Styles **/
.calendarPopUpClickableSelectedCurrentDay,
.calendarPopUpClickableCurrentDay,
.calendarPopUpClickableSelectedDay,
.calendarPopUpClickableDay,
.calendarPopUpOffDay,
.calendarPopUpRolloverDay,
.calendarPopUpDaysHeader {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    vertical-align: top;
    height: 35px;
    width: 35px;
    border: 1px solid #D9D9D9;
}

.calendarPopUpClickableSelectedDay {
    background-color: #ffed00;
    color: #000000;
}

.calendarPopUpClickableCurrentDay {
    color: #000000;
}

.calendarPopUpClickableSelectedCurrentDay {
    background-color: #ffed00;
    color: #000000;
}

.calendarPopUpRolloverDay {
    background-color: #ffed00;
    color: #000000;
}

.calendarPopUpOffDay {
    color: #000000;
    background-color: #D9D9D9;
}

.calendarPopUpDaysHeader {
    color: #FFFFFF;
    background-color: #000000;
    text-align: center;
    height: 20px;
    vertical-align: middle;
}

.calendarPopUpHeader {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    vertical-align: middle;
    height: 16px;
    text-align: center;
}


/** Possession Arrow Styles **/

.possessionArrow {
    height: 17px;
    width: 17px;
    vertical-align: middle
}

.possessionClock {
    border: none;
    font-size: 11px;
    text-align: left
}

.possessionClockBold {
    border: none;
    font-size: 11px;
    font-weight: bold;
    text-align: center
}

.clock_not_started {
    background-color: Transparent;
    height: 10px;
    width: 10px;
}

.clock_in_progress {
    background-color: Yellow;
    height: 10px;
    width: 10px;
}

.clock_waiting_on_eds {
    background-color: Red;
    height: 10px;
    width: 10px;
}

.clock_approved {
    background-color: Green;
    height: 10px;
    width: 10px;
}

.clock_disapproved {
    background-color: Red;
    height: 10px;
    width: 10px;
}

.helpText {
    font-size: 11px;
    COLOR: #000000;
    font-style: italic;
}

.task {
    font-size: 11px;
    COLOR: #000000;
}

.yui-navset .yui-nav li em {
    padding-bottom: 0em;
    padding-top: 0em;
}
/* tab padding */

.yui-navset li a {
    text-decoration: none;
}

.yui-navset li em {
    font-style: normal;
    FONT-SIZE: 13px;
    COLOR: #000000;
    background-color: #ffffff;
    margin-bottom: 1px;
}

.yui-nav li.selected em {
    font-weight: bold;
    background-color: white;
}

.yui-nav li.disabled em {
    font-weight: normal;
}

.yui-content {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: white;
    border: solid 1px black;
}

.yui-skin-sam th.yui-dt-asc .yui-dt-liner {
    background: url(../images/uarrow.gif) no-repeat right;
}

.yui-skin-sam th.yui-dt-desc .yui-dt-liner {
    background: url(../images/darrow.gif) no-repeat right;
}

P.HangingIndent {
    margin-top: 1px;
    margin-bottom: 0px;
    font-size: 11px;
    color: #000000;
    text-indent: -1em;
    margin-right: 1em;
    margin-left: 1em;
}

p.HangingIndentAlt2 {
    margin-top: 1px;
    margin-bottom: 0px;
    font-size: 11px;
    text-indent: -1em;
    margin-right: 1em;
    margin-left: 1em;
    color: #000000;
    BACKGROUND: #d9d9d9;
}

.homePageImage01 {
    COLOR: #000000;
    font-size: 11px;
    text-align: right;
    vertical-align: top;
    padding-top: 5px;
    background-repeat: no-repeat;
    height: 188px;
    width: 236px;
}

.userInstructions {
    font-size: 12px;
    padding-bottom: 10px;
}

input[type="button"], input[type="submit"], .aries-linkButton {
    background: #666666;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    margin: 5px;
    overflow: visible;
    position: relative;
    min-width: 75px;
}

.aries-linkButton:hover {
    text-decoration: underline #ffed00;
}

/*Override Select2 style*/
.select2-selection__rendered {
    line-height: 22px !important;
    color: #000000 !important;
}

.select2-selection {
    height: 22px !important;
}

.select2-selection__arrow {
    height: 22px !important;
}