.Border { background: #2c1d4c }

.Background { background: #FFFFFF }

.BackgroundAlt { background: #D0D0D0 }

.HeaderTitle {
    font-size: 14pt;
    color: #FFFFFF;
}

.HeaderText {
    font-size: 8pt;
    color: #FFFFFF;
    background: #2c1d4c;
}

.Menu {
    font-size: 8pt;
    color: #12127D;
    cursor: auto;
}

.MenuSelected {
    font-size: 8pt;
    color: #12127D;
}

.Menu a:hover {
    background-color: #F0F0F0;
    color: #8E8E8E;
}

.MenuTitleSelectedText {
    font-size: 9pt;
    background-color: #6A6A8F;
    color: #FFFFFF;
    cursor: auto;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.MenuTitleUnSelectedText {
    font-size: 9pt;
    background-color: #FFFFFF;
    color: #6A6A8F;
    cursor: auto;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.MenuTitleSelectedText a:hover {
    font-size: 9pt;
    background-color: #6A6A8F;
    color: #FFFFFF;
    font-weight: bold;
}

.MenuTitleSpacer {
    font-size: 7pt;
    color: #6A6A8F;
}

.PageTitle {
    font-size: 10pt;
    color: #000000;
    padding: 0px;
}

.FieldPrompt {
    font-size: 8pt;
    color: #696969;
    text-align: right;
    font-weight: bold;
}

.FieldPromptTop {
    font-size: 8pt;
    color: #696969;
    text-align: left;
}

.FieldPromptSub {
    font-size: 8pt;
    color: #696969;
    text-align: left;
}

.FieldDescription {
    font-size: 8pt;
    color: #C0C0C0;
    text-align: left;
}

.FieldData {
    font-size: 8pt;
    color: #383842;
    background: #FFFFFF;
    width: 150px;
    border-right: solid 1px #6A6A8F;
    border-left: solid 1px #6A6A8F;
    border-top: solid 1px #6A6A8F;
    border-bottom: solid 1px #6A6A8F;
}

.ScreenData {
    font-size: 8pt;
    color: #383842;
}

.ScreenDataRed {
    font-size: 8pt;
    color: #FF0000;
}

.SectionTitleAlt {
    font-size: 8pt;
    color: #F0F0F0;
    font-weight: bold;
    height: 18px;
    border: solid 1px #6A6A8F;
    background-color: #2c1d4c;
}

.SectionTitleLink {
    color: #E9E9E9;
    text-decoration: underline;
}

.InvertedSectionTitle {
    font-size: 8pt;
    color: #2c1d4c;
    font-weight: bold;
    height: 18px;
}

.InvertedSectionTitle td {
    border: solid 1px #2c1d4c;
    background-color: #E9E9E9;
}

.SectionBox { border: 1px solid #CCCCCC }

.SectionFooter {
    border-left: solid 1px #2c1d4c;
    border-right: solid 1px #2c1d4c;
    border-bottom: solid 1px #2c1d4c;
    height: 28px;
    background-color: #E9E9E9;
    text-align: right;
}

.ButtonPrompt {
    font-size: 8pt;
    color: #6A6A8F;
    font-weight: bold;
}

.SelectedButtonPrompt {
    font-size: 8pt;
    color: #12127D;
}

.TableWrapper { border: 1px solid #2c1d4c }

.TableHeader {
    font-size: 7pt;
    color: #393939;
    text-align: center;
    background: #e5e5e5;
    font-weight: bold;
}

.TableHeader th {
    font-size: 1.1em;
    text-align: center;
    border-top: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
}

.TableHeader u { text-decoration: none }

.TableHeader a {
    font-size: 7pt;
    color: #393939;
    text-align: center;
    font-weight: bold;
}

.TableHeader a:hover { text-decoration: underline }

.TableHeaderSorted {
    font-size: 7pt;
    color: #2c1d4c;
    text-align: center;
    background: #bbb;
    font-weight: bold;
}

.TableHeaderFixedWidth th { width: 80px }

.SummaryTableTitle {
    font-size: 8pt;
    color: #FFFFFF;
    text-align: center;
    background: #6A6A8F;
}

.SummaryTableHeader {
    font-size: 7pt;
    text-align: center;
    border-bottom: solid 1px #D0D0D0;
    border-right: solid 1px #C0C0C0;
    background: #e5e5e5;
    color: #393939;
}

.SummaryTableHeader th {
    border-bottom: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    padding: 2px;
}

.SummaryTablePrompt {
    font-size: 7pt;
    color: #6A6A8F;
    text-align: right;
}

.TableRowOver td {
    font-size: 8pt;
    color: #000000;
    border-bottom: solid 1px #A9A9A9;
    border-right: solid 1px #A9A9A9;
    cursor: pointer;
}

.TableRowSelected td {
    color: #000000;
    background: #ffffcf;
    border-bottom: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    cursor: pointer;
}

.Table td,
.Table th {
    padding: 3px 6px;
    white-space: nowrap;
}

.Table td.thin {
    padding-left: 1px;
    padding-right: 1px;
}

.Table td,
.Table1 td,
.Table2 td,
.Table3 td,
.TableAlert1 td,
.TableAlert2 td,
.TableAlertOver td {
    border: solid #d2d2d2;
    border-width: 0px 1px 1px 0px;
}

.Table th {
    border: solid #aaaaaa;
    border-width: 0px 1px 1px 0px;
}

.Table1 {
    font-size: 8pt;
    color: #000000;
    background-color: #e8f1fe;
}

.Table2 {
    font-size: 8pt;
    color: #000000;
    background-color: #FFF;
}

.Table3 {
    font-size: 7pt;
    color: #000000;
    background-color: #FFF;
}

.TableRowHighlighted {
    background-color: #f0e9a0;
    cursor: pointer;
}

.Box {
    background-color: white;
    border-bottom: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-left: solid 1px #000000;
}

.SummaryTable1,
.SummaryTable2 {
    font-size: 7pt;
    color: #000000;
    background: #FFFFFF;
    border-bottom: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    padding: 3px 6px;
    white-space: nowrap;
}

.TableAlert1 td {
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    background: #e8f1fe;
    cursor: pointer;
}

.TableAlert2 td {
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    background: #fff;
    cursor: pointer;
}

.TableAlertOver td {
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    cursor: pointer;
}

.TotalText {
    border-top: solid 1px #6A6A8F;
    font-weight: bold;
    color: #6A6A8F;
    background-color: #F0F0F0;
}

.RedTotalText {
    border-top: solid 1px #6A6A8F;
    font-weight: bold;
    color: #FF0000;
    background-color: #F0F0F0;
}

.TableRowOver td,
.TableRowOver2 td,
.TableAlertOver td,
.TableRowOverNoHand td { background-color: #f0e9a0 }

.screenMessages {
    font-family: "Arial";
    border: 1px solid #393939;
    width: 700px;
    margin: 0px 0px 10px;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #393939;
    display: block;
}

.screenMessages li {
    list-style: none;
    margin: 0px 0px;
    padding: 2px 0px 3px 20px;
}

.screenMessages em {
    font-style: normal;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.screenMessages .Error, .screenMessages .ERROR {
    background: url('../images/error.gif?release=HIP-20250112T083923') no-repeat 0% 2px;
}

.screenMessages .Error em,.screenMessages .ERROR em {
    color: #ff0000;
}

.screenMessages .Warning,.screenMessages .WARNING {
    background: url('../images/warning.png?release=HIP-20250112T083923') no-repeat 0% 2px;
}

.screenMessages .Warning em,.screenMessages .WARNING em {
    color: #b06600;
}

.screenMessages .Info,.screenMessages .INFO {
    background: url('../images/info.gif?release=HIP-20250112T083923') no-repeat 0% 2px;
}

.screenMessages .Info em,.screenMessages .INFO em {
    color: #0000ff;
}

.screenMessages .Success,.screenMessages .INFO {
    background: url('../images/success.gif?release=HIP-20250112T083923') no-repeat 0% 2px;
}

.screenMessages .Success em,.screenMessages .INFO em {
    color: #4B911C;
}

/* inside a yui panel */
.bd .screenMessages {
    margin: 0px;
    width: 97%;
}

/* Alert box styling. */

#alertBox {
    font-size: 8.5pt;
    font-weight: bold;
}

#alertBox .bd,
#alertBox .ft { background-color: #eeeeee }

.ErrorSeverity {
    font-size: 8.5pt;
    color: #FF0000;
    font-weight: bold;
}

.ErrorText {
    font-size: 8.5pt;
    color: #FF0000;
    font-weight: normal;
}

.WarningSeverity {
    font-size: 8.5pt;
    color: #CC9900;
    font-weight: bold;
}

.WarningText {
    font-size: 8.5pt;
    color: #000000;
    font-weight: normal;
}

.InfoSeverity {
    font-size: 8.5pt;
    color: #0000FF;
    font-weight: bold;
}

.InfoText {
    font-size: 8.5pt;
    color: #0000FF;
    font-weight: normal;
}

.AlertPopup {
    font-size: 10pt;
    background-color: #AAAADD;
}

.HiddenDiv { visibility: hidden }

.RequiredNullInput { background-color: #FFCCCC }

.RequiredNonNullInput { }

#HiddenDesc {
    visibility: hidden;
    font-size: 8pt;
    position: absolute;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: #FFFFE0;
}

P.logout {
    text-align: right;
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
}

P.ErrorText {
    font-size: 8pt;
    color: #FF0000;
}

P.OKText {
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
}

input.button,
input.hotbuttonblue,
input.buttonsecondary,
button { cursor: pointer }

/* input.nonmodifyable is not picked up by IE7, hence rule for input[type=text].nonmodifyable below */
input.nonmodifyable {
    color: #2C1D4C;
    background-color: transparent;
    border: none;
    font-weight: bold;
    font-size: 10pt;
    display: inline;
}

/* input[type=text].nonmodifyable is not picked up by IE6, hence rule for input.nonmodifyable above */
input[type=text].nonmodifyable {
    color: #2C1D4C;
    background-color: transparent;
    border: none;
    font-weight: bold;
    font-size: 10pt;
    display: inline;
}

input.visibledate {
    color: #2C1D4C;
    background-color: #E5E5E5;
    width: 80px;
}

input.radiobutton {
    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 8pt;
}

input.menu {
    color: #000;
    border: none;
    background-color: #E0E0E0;
}

input.menuSelected {
    color: #000;
    border: 1px solid #888;
    background-color: #E0E0E0;
    font-weight: bold;
}

button.default,
.yui-dialog .ft button.default,
.yui-dialog .ft button.hotbuttonblue,
button.hotbuttonblue {
    background-color: #2c1d4c;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 4px;
    margin: 2px 8px;
    border: 2px outset;
    text-decoration: none;
}

input.buttonsecondary {
    padding: 0px 1ex;
    background: transparent;
    color: #2c1d4c;
    text-decoration: underline;
    font-weight: bold;
    border: none;
}

.yui-dialog .ft button,
button.buttonsecondary {
    padding: 0px 1ex;
    background: transparent;
    color: #2c1d4c;
    text-decoration: underline;
    font-weight: bold;
    border: none;
    margin: 2px 8px;
    font-size: 13px;
}

td.buttonsecondary input {
    padding: 0px 1ex;
    text-align: left;
    background: transparent;
    color: #2c1d4c;
    cursor: pointer;
    text-decoration: underline;
    font-weight: normal;
    border: none;
}

textarea {
    color: #000;
    border: 1px solid #6A6A8F;
    background-color: #fff;
}

textarea.readonly {
    color: #707070;
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
}

input[type=checkbox] {
    border: none;
    background: transparent;
}

input.checkBox {
    height: 15px;
    border: none;
    background-color: transparent;
}

img { border: 0px }

/*img.required { source: images/req.gif; } _NO__DOTCOMMA__AFTER__*/

img.handover { cursor: pointer }

img.calImg,
img.clearImg {
    border: 0px;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.scrollable {
    height: 60px;
    overflow: auto;
    margin: 0px;
    padding: 0px;
}

tbody.hidden { display: none }

tbody.visible { display: block }

.tab ul {
    margin: 0;
    padding: 0 0 0 4px;
    list-style: none;
    height: 19px;
    background: url(../images/tabtop.gif?release=HIP-20250112T083923) bottom repeat-x;
}

.tab li {
    display: block;
    float: left;
    background: #5E5E63 url(../images/tableft.gif?release=HIP-20250112T083923) no-repeat;
    margin-right: 3px;
}

.tab li a {
    display: block;
    float: left;
    font: 10px verdana;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    padding: 3px 6px;
    margin: 0;
    text-decoration: none;
}

.tab li a:visited {
    color: #fff;
    text-decoration: none;
}

.tab li div {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background: url(../images/tabright.gif?release=HIP-20250112T083923) no-repeat top right;
}

.tab li.alternative { background: #ffa500 }

.tab li.alternative div { background: #ffa500 }

.tab li.selected {
    background: #FFFFFF url(../images/tablefton.gif?release=HIP-20250112T083923) no-repeat;
    padding-left: 3px;
}

.tab li.selected div {
    background: url(../images/tabrighton.gif?release=HIP-20250112T083923) top right no-repeat;
    padding-right: 3px;
    padding-bottom: 1px;
}

.tab li.selected a {
    color: #5E5E63;
    text-decoration: none;
}

.tab li.selected a:visited {
    color: #5E5E63;
    text-decoration: none;
}

.subtab {
    padding: 0;
    margin-bottom: 2px;
    clear: both;
    float: left;
    width: 100%;
}

.subtab ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    background: #FFFFFF;
}

.subtab a {
    float: left;
    display: block;
    margin: 5px 0;
    padding: 0 5px;
    border-left: 1px solid #999;
    text-decoration: underline;
    color: #6A6A8F;
}

.subtab a:visited {
    text-decoration: underline;
    border-left: 1px solid #999;
    color: #5E5E63;
}

.subtab a:hover { color: #5E5E63 }

.subtab li {
    float: left;
    display: block;
    font: 10px verdana;
    height: 20px;
}

.subtab li.first a {
    padding-left: 13px;
    border: 0;
}

.subtab li.first a:visited { border: 0 }

.subtab li.selected a {
    color: #5E5E63;
    font-weight: bold;
    text-decoration: none;
}

.subtab li.selected a:visited {
    color: #5E5E63;
    text-decoration: none;
}

a { text-decoration: underline }

.draggable {
    position: absolute;
    visibility: hidden;
    z-index: 20;
    background-color: white;
}

.draggableHandle { cursor: move }

.contextMenu {
    position: absolute;
    visibility: hidden;
    z-index: 20;
    background-color: #FFFFFF;
    min-width: 100px;
    width: auto !important;
    width: 150px;
    border-top: solid 1px #C0C0C0;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #696969;
    border-bottom: solid 1px #696969;
}

.contextMenuEntry {
    white-space: nowrap;
    font-size: 8pt;
    cursor: pointer;
    z-index: 20;
    width: 100%;
    margin: 1px;
    background-color: #FFFFFF;
    border: solid 1px #FFFFFF;
}

.contextMenuEntrySelected {
    white-space: nowrap;
    font-size: 8pt;
    cursor: pointer;
    z-index: 20;
    width: 100%;
    margin: 1px;
    background-color: #F0F0F0;
    border: solid 1px #696969;
}

.contextMenuSeparator {
    white-space: nowrap;
    font-size: 1pt;
    z-index: 20;
    width: 100%;
    margin: 3px;
    border-bottom: solid 1px #696969;
}

.box { border: solid 1px #6A6A8F }

.graphBackground { background: #EEEEEE }

.NegativeNumber { color: #FF0000 }

input.NegativeNumber { color: #FF0000 }

.alignLeft {
    float: left;
    text-align: left;
}

.alignRight {
    float: right;
    text-align: right;
}

.sortTableHeader { color: #00008B }

.WIDTH_VERYSMALL { width: 3em }

.WIDTH_SMALL { width: 6em }

.WIDTH_MEDIUM { width: 10em }

.WIDTH_LARGE { width: 15em }

.WIDTH_VERYLARGE { width: 30em }

.progress-bar-border {
    height: 12px;
    width: 200px;
    background: #FFFFFF;
    border: 1px solid silver;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.progress-bar {
    height: 8px;
    margin: 1px;
    padding: 0;
    background: #C9DDEC;
    text-align: right;
    vertical-align: middle;
    color: #000000;
    display: inline-block;
}

/**** New 08 ****/

html,
body { height: 100% }

#master_header_and_content {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 0 -60px;
}

#master_content { padding: 10px }

.clear { clear: both }

body {
    margin: 0px;
    padding: 0px;
}

#headerlinks {
    font-size: 11px;
    color: #A0A0A0;
    float: right;
}

.headerlink {
    cursor: pointer;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px;
    text-decoration: none;
}

.headerlinksecondary {
    cursor: pointer;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px;
    text-decoration: none;
}

.clear {
    clear: both;
    margin: 0px;
}

#develIndicator {
    position: absolute;
    font: bold 10px monospace;
    left: 400px;
    top: 7px;
    color: #a9ffc0;
}

#timeoutIndicator {
    position: absolute;
    font: bold 10px monospace;
    right: 200px;
    top: 7px;
    color: #A0A0A0;
}

/** YUI Panel overrides **/

.panelWait {
    display: block;
    height: 100px;
    padding-top: 40px;
    text-align: center;
    border: 1px solid #999999;
    background: #ffffd9 url('../images/spinner.gif?release=HIP-20250112T083923') no-repeat 50% 50%;
}

html .yui-skin-sam .container-close {
    background: transparent url('../images/close-widget2.gif?release=HIP-20250112T083923') no-repeat top left;
    height: 20px;
    top: 2px;
}

html .yui-skin-sam .yui-panel .hd {
    color: black;
    font-variant: small-caps;
    font-size: 11px;
    border-bottom: 1px solid #999999;
    padding-right:40px;
}

html .yui-skin-sam .yui-panel .bd {
    padding: 10px;
    background-color: white;
}

html .yui-skin-sam .mask {
    background-color: white;
    opacity: .5;
    filter: alpha(opacity=50);
}

html .yuimenuitemlabel,
html .yuimenubaritemlabel {
    font-size: 10pt;
    font-family: Verdana;
    font-weight: bold;
}

html .yuimenuitemlabel-selected { background-color: #f0e9a0 }

#screenErrorsToggle { /*display: none;*/  }

/** Authorisation **/

#authorisationPanel {
    background-color: #ffffcf;
    font-size: 13px;
    font-weight: bold;
}

#authorisationButtons {
    padding-bottom: 10px;
    text-align: right;
}

/** Tooltips **/

.has-tooltip { cursor: default }

.tooltip {
    border: 1px solid black;
    background-color: #fff;
    font-size: 11px;
    width: 220px;
}

.tooltip .hd {
    background: #333;
    color: #fff;
    padding: 1px 3px;
    font-weight: bold;
}

.tooltip .bd { padding: 3px 3px }

.userSearchResults { width: 500px }

.userSearchResults .userName {
    text-align: left;
    color: black;
}

.userSearchResults .company { }

.userSearchResults .yui-ac-content .yui-ac-bd .yui-ac-highlight {
    background-color: #426FD9;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
}

.userSearchResults .yui-ac-content .yui-ac-bd .yui-ac-highlight div { color: white }

#companySearchContainer { width: 300px }

#companySearchContainer .company {
    text-align: left;
    color: black;
}

#companySearchContainer li.yui-ac-highlight {
    background-color: #f5f0d0;
    padding-top: 2px;
    padding-bottom: 2px;
}

#companySearchContainer li.yui-ac-highlight div { color: black }

body.yui-skin-sam .yui-ac-input {
    position: relative;
    width: 6em;
}