@import url("../Badge.css");
@import url("../BlocksAndSections.css");
@import url("../Button.css");
@import url("../TextBoxSelectSizing.css");

.fieldset {
    padding: 0.35em 0.625em 0.75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

.legend {
    padding: 0;
    border: 0;
}

.bsImage {
    vertical-align: middle;
    padding: 3px;
}

html {
    height: auto;
}

body {
    height: auto;
    background-color: #F7F7F7;
    padding: 2px;
    margin: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.body {
    background-color: #F7F7F7;
}

.ExpandCollapseDiv {
    cursor: pointer;
    height: 12px;
    width: calc(100%-20px);
    background-color: #faf9f5 !important;
    border: 1px solid #e5e5e5;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* === CLASSES REALATED TO JQUERY DIALOG CONTROL === */
.ui-dialog {
    position: fixed;
}
/* ===================================================== */
.StatusFieldIcon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: contain;
}

.StatusCommandColumnSpacer {
    width: 16px;
    height: 16px;
    border-style: none;
}

.DataGridHeader {
    border-bottom: 1px solid #505050;
    font-weight: normal;
}

.TableStyleMasterTable thead th {
    height: 24px;
}

.TableStyleTargetTable {
    background-color: #edecec;
}

    .TableStyleTargetTable thead th {
        height: 24px;
    }

    .TableStyleTargetTable tbody td {
        height: 24px;
    }

    .TableStyleTargetTable tfoot td {
        height: 24px;
    }

.TableStyleBackgroundHighlighted {
    border: 1px solid #e5dfdf;
}

.TableStyleHeader {
    font-weight: normal;
    font-size: 11px;
    color: #505050; /* This color applies only to column header text that is not a link. */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: inherit;
    text-align: left;
    white-space: nowrap;
    padding-left: 3px;
    padding-right: 3px;
}

.TableStyleHeaderLastColumn {
    font-size: 11px;
    color: #505050; /* This color applies only to column header text that is not a link. */
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.TableStyleHeader {
    padding-left: 0px;
    padding-right: 0px;
}

    A.TableStyleHeader:link {
        color: #505050;
        text-decoration: none;
        height: 1px;
    }

    A.TableStyleHeader:visited {
        color: #505050;
        TEXT-DECORATION: none;
        height: 1px;
    }

    A.TableStyleHeader:active {
        color: #505050;
        TEXT-DECORATION: none;
        height: 1px;
    }

    A.TableStyleHeader:hover {
        color: #505050;
        TEXT-DECORATION: none;
        height: 1px;
    }

.SubTable {
    border: 1px solid #b0b0b0;
}

.TableStyleRowEven {
    font-size: 11px;
    background-color: inherit;
    border-bottom: 1px solid #f3ebeb;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

    .TableStyleRowEven td {
        white-space: nowrap;
        padding: 3px;
    }

    .TableStyleRowEven:hover {
        background-color: #FCE37E !important;
    }

.TableStyleRowOdd {
    font-size: 11px;
    background-color: inherit;
    border-bottom: 1px solid #f3ebeb;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

    .TableStyleRowOdd td {
        white-space: nowrap;
        padding: 3px;
    }

    .TableStyleRowOdd:hover {
        background-color: #FCE37E !important;
    }

.TableStyleRowSelected {
    font-size: 11px;
    background: silver;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

    .TableStyleRowSelected td {
        white-space: nowrap;
        padding: 3px;
    }

.TableRowActive {
    background-color: #D7DEF8;
    cursor: pointer;
    text-decoration: none;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

    .TableRowActive td {
        white-space: nowrap;
        padding: 3px;
    }

.MedusaTableRowHover {
    background-color: #FFE394;
    cursor: pointer;
    color: #128BE7;
    text-decoration: none;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.TableStyleRowRed {
    font-size: 11px;
    BACKGROUND-COLOR: #F78063;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

    .TableStyleRowRed td {
        white-space: nowrap;
        padding: 3px;
    }

.TableStyleRowEdit {
    font-size: 11px;
    background: moccasin;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.TableStyleRowDisabled {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Gray;
}

    .TableStyleRowDisabled td {
        white-space: nowrap;
        padding: 3px;
    }

.TableStyleCell {
    padding-right: 3px;
    padding-left: 3px;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}

.TableStyleCellDisabled {
    color: Gray;
}

.TableStyleCellNoBorder {
    padding-right: 3px;
    padding-left: 3px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.TableStyleMedusaContent {
    font-size: 11px;
    background: #b0c4de;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.TableStyleFooter {
    font-weight: bold;
    font-size: 11px;
    border-top: 1px solid #505050;
    color: #505050; /* This color applies only to column header text that is not a link. */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left: 3px;
    padding-right: 3px;
}

.TableStyleFooterLastColumn {
    font-weight: bold;
    font-size: 11px;
    color: #505050; /* This color applies only to column header text that is not a link. */
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

A.TableStyleFooter:link {
    color: #505050;
    text-decoration: none;
    height: 1px;
}

A.TableStyleFooter:visited {
    color: #505050;
    TEXT-DECORATION: none;
    height: 1px;
}

A.TableStyleFooter:active {
    color: #505050;
    TEXT-DECORATION: none;
    height: 1px;
}

A.TableStyleFooter:hover {
    color: #505050;
    TEXT-DECORATION: underline;
    height: 1px;
}

.Widget {
    background-color: #505050 !important;
    color: #fff !important;
    font-weight: normal !important;
}

.LineAbove {
    border-top: 1px solid #3D536D;
}

.LineBelow {
    border-bottom: 1px solid #3D536D;
}



/* === STYLING RELATED TO THE LEFT SIDE VERTICAL MENU VISIBLE ON ALL PAGES === */
.MenuLink {
    background-color: #edecec;
    color: #634c5c;
}

    .MenuLink:hover {
        color: #000000;
        background-color: #FCE37E; /*#e9eff2; /*border:solid 1px #C0C0C0;*/
        cursor: pointer;
    }

.MenuPageBody {
    background-color: #A09090;
}

/* This is the class for the table containing each menu */
.Menu {
    font-weight: bold;
    font-size: 8pt;
    cursor: pointer;
    color: #634c5c;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Class for menu title with chevron image */
.MenuTitle {
    background-color: #867979;
    cursor: default;
    color: whitesmoke;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 10px;
    white-space: normal;
}

/* Class for menu title appearance when hovering */
.MenuTitleActive {
    background-color: #867979;
    cursor: pointer;
    color: white;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 10px;
    white-space: normal;
}

.MenuTitleButton {
    background-color: #867979;
}

/* Right corner of the menu */
.MenuTitleRightCorner {
    cursor: default;
    background-color: #867979;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* Left corner of the menu */
.MenuTitleLeftCorner {
    cursor: default;
    background-color: #867979;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* Used to control when the up and down chevron buttons are displayed in the right corner of the menu */
.MenuTitleHiddenButton {
    display: none;
    background-image: url('../../images/bootstrap/chevron-down.svg');
    background-position: center;
    background-repeat: no-repeat;
}

/* Used to control when the up and down chevron buttons are displayed in the right corner of the menu */
.MenuTitleVisibleButton {
    display: block;
    background-image: url('../../images/bootstrap/chevron-up.svg');
    background-position: center;
    background-repeat: no-repeat;
}

/* Used to control when the up and down chevron buttons are displayed in the right corner of the menu */
.ClosedMenuTitleHiddenButton {
    display: block;
    background-image: url('../../images/bootstrap/chevron-down.svg');
    background-position: center;
    background-repeat: no-repeat;
}

/* Used to control when the up and down chevron buttons are displayed in the right corner of the menu */
.ClosedMenuTitleVisibleButton {
    display: none;
    background-image: url('../../images/bootstrap/chevron-up.svg');
    background-position: center;
    background-repeat: no-repeat;
}

/* Applies to the dropdown section of the menu, where the links are */
/* Can be used to set border and background color */
.MenuBody {
    background-color: #edecec;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #634c5c;
    padding-top: 2px;
    /*padding-left: 8px;*/
    padding-bottom: 2px;
    border-top: 1px none #000000;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

/* Applies to the link rows in the dropdown section of the menu */
.MenuBodyRow {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-top: 2px;
    padding-left: 8px;
    padding-bottom: 2px;
    white-space: normal
}



/* === STYLING RELATED TO THE TOP FRAME VISIBLE ON ALL PAGES === */
.bodyHeader {
    background-color: #A09090;
    padding: 0px;
    margin: 0px;
}

.applicationHdr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
}

.applicationHdr_LinkStyle_MouseOver {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.applicationHdr_LinkStyle_MouseOut {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}



/* === STYLING RELATED TO THE LOGIN PAGE === */
.LoginMain {
    background-color: #C0C0C0;
}

.LoginMainTable {
    background-color: #F5F5F5;
    border-bottom: solid 3px #808080;
    border-right: solid 3px #808080;
}

.LoginMainBottom {
    background-image: -ms-linear-gradient(top left, #808080 0%, #F5F5F5 100%);
    background: -moz-linear-gradient(left, #808080, #F5F5F5);
    background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#F5F5F5));
    filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr= '#808080', endcolorstr= '#F5F5F5' );
    background-color: #808080;
}



.LabelStyleAlert {
    FONT-SIZE: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: red;
}


.LabelStyleBlack {
    FONT-SIZE: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
}

.LoginFieldRow {
    height: 27px;
}

.SelectStyle {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
}



/* === STYLING RELATED TO THE DROP DOWN SECTIONS ON SEARCH PAGES === */

/* Different gradient handling for different browsers */
.ListNuggetHeaderTitle {
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #ABBFE9 100%);
    background: -moz-linear-gradient(left, #FFFFFF, #ABBFE9);
    background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#ABBFE9));
    filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr= '#FFFFFF', endcolorstr= '#ABBFE9' );
    background-color: #D7DEF8;
    cursor: default;
    color: #265CC0;
    text-decoration: none;
}

/* Different gradient handling for different browsers */
.ListNuggetHeaderTitleActive {
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #ABBFE9 100%);
    background: -moz-linear-gradient(left, #FFFFFF, #ABBFE9);
    background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#ABBFE9));
    filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr= '#FFFFFF', endcolorstr= '#ABBFE9' );
    background-color: #D7DEF8;
    cursor: pointer;
    color: #128BE7;
    text-decoration: none;
}

/* Different gradient handling for different browsers */
.ListNuggetHeaderButton {
    background-image: -ms-linear-gradient(top left, #ABBFE9 0%, #C5D2F0 100%);
    background: -moz-linear-gradient(left, #ABBFE9, #C5D2F0);
    background: -webkit-gradient(linear, left top, right top, from(#ABBFE9), to(#C5D2F0));
    filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr= '#ABBFE9', endcolorstr= '#C5D2F0');
    background-color: #D7DEF8;
}

.ListNuggetHeader {
    font-weight: bold;
    font-size: 8pt;
    cursor: pointer;
    color: #215dc6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ListNuggetUpButton {
    display: none;
}

.ListNuggetDownButton {
}



/* === GENERAL SETTINGS === */
/* --------  Text style in different sizes ------------- */
.HeaderStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #634c5c;
}

.HeaderStyleBlock {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 10px;
    color: #3c3c3c;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.LabelStyle {
    background: transparent;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3c3c3c;
    word-wrap: break-word;
}

.LabelStyleDisabled {
    font-style: italic;
    color: #808080;
}

.Edit {
    cursor: pointer;
}

.SectionLabelStyle {
    color: #708AAB;
}


.LabelStyleRed {
    background: transparent;
    line-height: 16px;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    color: #B24E49;
    font-weight: bold;
}

.LabelStyleGreen {
    background: transparent;
    line-height: 16px;
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Green;
    font-weight: bold;
}

.RelocationEquipmentSelect {
    border-radius: 10px 10px;
    padding: 0px 10px 10px 10px;
    border-color: dimgray;
    background-color: #FFFFFF;
    background-image: url("Images/Others/ToolbarBackground.gif");
    background-repeat: repeat-x;
    background-position-y: bottom;
}

.ItemStyle {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #3c3c3c;
}


.ItemStyleAlert {
    FONT-SIZE: 11px;
    letter-spacing: 0.13em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    color: red;
}

.ItemStyleHighlight {
    background: #FFE394;
    letter-spacing: 0.13em;
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}



.ItemStyleDisabled {
    FONT-SIZE: 11px;
    letter-spacing: 0.13em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #808080;
}


.LinkStyle {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #265CC0;
    text-decoration: underline;
}

.LinkStyle_MouseOver {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #265CC0;
    cursor: pointer;
    text-decoration: underline;
}

.LinkStyle_MouseOut {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #265CC0;
    cursor: default;
    text-decoration: none;
}

/* ----------- General standard object behaviour -------------------------- */
A {
    font-weight: normal;
}

    A:link {
        color: #634c5c;
        text-decoration: none;
    }

    A:visited {
        COLOR: #634c5c;
        TEXT-DECORATION: none;
    }

    A:active {
        COLOR: #634c5c;
        TEXT-DECORATION: none;
    }

    A:hover {
        COLOR: #634c5c;
        TEXT-DECORATION: underline;
    }


/* Span need to be same as ItemStyle as default */
SPAN {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*color: #3c3c3c;*/
}

LI {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #3c3c3c;
}

SELECT {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    border: 1px solid gray;
}

label {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

INPUT {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    border: 1px solid gray;
}

    input[type=checkbox] {
        border-width: 0px;
    }

    input[type=radio] {
        border-width: 0px;
    }

    input[type=button] {
        width: 18px;
        height: 18px;
        white-space: nowrap;
        padding: 0px;
        FONT-SIZE: 10px;
    }

    input[type=submit] {
        width: 18px;
        height: 18px;
        white-space: nowrap;
        padding: 0px;
        FONT-SIZE: 10px;
    }

TEXTAREA {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    background-color: white;
    white-space: pre-wrap;
    border: 1px solid gray;
}

td {
    white-space: nowrap;
}

.CheckBoxStyle {
    height: 8px
}

/* Indicates read only color on textboxes */
.ReadOnly {
    background: #EBEBE4;
    color: Black;
}

.InvalidField {
    background-color: Tomato;
    color: Black;
}


.ControlQuestionFieldMandatory {
    background: #B0C4DE;
    color: Black;
}

.ControlQuestionField {
    color: Black;
}

/* Used when displaying the Ajax progress control */
.ProgressTemplateStyle {
    background: #F5F5F5;
    border: Silver 1px solid;
    padding: 10px;
}

.SectionDividerStyle {
    border-bottom: #B0C4DE 1px solid;
    vertical-align: bottom
}

.HeaderDividerStyle {
    border-bottom: #B0C4DE 1px solid;
}

/* Used to put a frame around an object, a table for example */
.BlockFrameStyle {
    border-right: #8eb6d9 1px solid;
    border-top: #8eb6d9 1px solid;
    margin: 0px 0px 0px 0px;
    border-left: #8eb6d9 1px solid;
    border-bottom: #8eb6d9 1px solid;
    border-collapse: collapse;
}


/* === CLASSES REALATED TO JQUERY DATEPICKER CONTROL === */
.Medusa-widget { /*Övergripande inställningar för rubrik och knappsats*/
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.ui-datepicker { /*Övergripande inställningar för rubrik och knappsats*/
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.ui-datepicker-calendar { /*Övergripande inställningar för datumen*/
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.ui-datepicker-header { /*Rubrikraden med navigering*/
    white-space: nowrap;
    width: 180px;
}

.ui-datepicker-prev { /*Pil till föregående månad*/
    float: left;
}

.ui-datepicker-next { /*Pil till nästkommande månad*/
    float: right;
}

.ui-datepicker-buttonpane { /*Knappsatsområdet under datumen*/
    height: 30px;
    width: 180px;
}

.ui-datepicker-current { /*Rensa knappen*/
    float: left;
    height: 20px;
    width: auto;
}

.ui-datepicker-close { /*Stängknappen*/
    float: right;
    height: 20px;
    width: auto;
}

/* === CLASSES REALATED TO JQUERY TAB CONTROL === */
li.ui-state-default span {
    color: Black;
}

ul.ui-widget-header {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #4297d7;
    background: transparent;
}

li.Medusa-tabs-alerted a {
    background-color: #FF9393;
    color: #D50000;
}
/* The color of a alerted tab */
li.Medusa-tabs-highlighted a {
    background-color: #FFE394;
}
/* The color of a highlighted tab */
li.Medusa-tabs-dimmed span {
    color: #808080;
}
/* The color of the text in a dimmed tab */
li.Medusa-tabs-dimmed a {
    background-color: whitesmoke;
}

li.Medusa-tabs-mandatory a {
    background-color: #B0C4DE;
}
    /* The color of a tab with mandatory content */
    li.Medusa-tabs-mandatory a span {
        color: black;
    }
/* The color of a tab with mandatory content */

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #F5F5F5 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #EDECEC;
}

    ui-state-hover, .ui-state-default:hover :not(ui-state-active) {
        background: #FCE37E !important;
    }


/* === CLASSES REALATED TO JQUERY AUTOCOMPLETE CONTROL === */
.ui-autocomplete-loading {
    background: url('../../Images/16x16/PleaseWait.gif') right center no-repeat;
}

.ui-autocomplete-indication {
    background: url('../../Images/BootStrap/search.svg') 2px center no-repeat;
    background-size: 14px;
    text-indent: 19px;
    background-color: white;
}

.ui-autocomplete-indication-objectselected {
    background: url('../../Images/BootStrap/search.svg') 2px center no-repeat;
    background-size: 14px;
    text-indent: 19px;
    background-color: white;
}

.ui-autocomplete-indication-nohit {
    background: url('../../Images/BootStrap/search.svg') 2px center no-repeat;
    background-size: 14px;
    text-indent: 19px;
    color: #AC4D47;
    background-color: #FFEDED;
}


/* === CLASSES REALATED TO VERTICAL TAB CONTROL (EQ PAGE) === */
.Tab-Content {
    color: black;
    background-color: rgb(223, 239, 252);
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid #c5dbec;
    border-top: 1px solid #c5dbec;
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

.Tab-AlertContent {
    color: black;
    background-color: #FF9393;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid #c5dbec;
    border-top: 1px solid #c5dbec;
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

.Tab-ActiveContent {
    color: black;
    background-color: #FFE394;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid #c5dbec;
    border-top: 1px solid #c5dbec;
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

.Tab-dimmed {
    color: #808080;
    background-color: rgb(223, 239, 252);
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid #c5dbec;
    border-top: 1px solid #c5dbec;
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

.Tab-selected {
    color: black;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid #2e6e9e;
    border-top: 1px solid #2e6e9e;
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

.Tab-hover {
    background-color: rgb(213, 229, 242);
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid #2e6e9e;
    border-top: 1px solid #2e6e9e;
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

.Tab-mandatory {
    background-color: #B0C4DE;
    color: black;
}
/* The color of a tab with mandatory content */


/* Indicates mandatory field color on textboxes, listbox etc
   This class must be placed below the JQUERY AUTOCOMPLETE classes in order to be able to "take over" styles from those classes. */
.MandatoryField {
    FONT-SIZE: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #B0C4DE;
}


/* === INFORMATION HEADER TOOLBAR CELL STYLES === */

/* Used under TABs as a header/information row */
.TableStyleCellTabHeader {
    border-bottom: Solid 1px #C0C0C0;
    background-color: #f9f9f9;
}

/* Used in top of pages as a toolbar */
.TableStyleCellToolbarHeader {
    border-collapse: collapse;
    background-image: url(Images/Others/ToolbarBackground.gif);
    background-repeat: repeat-x;
    position: fixed; /*Makes the toolbar stick to its place*/
    top: 0px;
    left: 0px;
    z-index: 99; /*Make sure its on top, but under the popup's*/
}

.TableStyleCellToolbarHeader_DIV {
    border-collapse: collapse;
    background-image: url(Images/Others/ToolbarBackground.gif);
    background-repeat: repeat-x;
}

/* Used standalone as a header/information row */
.TableStyleCellHeader {
    border: solid 1px #C0C0C0;
    background-color: #f9f9f9;
}

/* Used as toolbar slave  */
.ToolBarSlave {
    background-color: #f9f9f9;
    border: solid 1px #C0C0C0;
}

/* Used to highlight a cell when mouse is over */
.ToolBarActiveParentButtonMouseOver {
    background-color: #B0C4DE;
    border-color: Transparent;
    border-width: 1px;
    border-style: Solid;
    cursor: default;
    padding-left: 5px;
    padding-right: 5px;
}

/* Used to highlight a cell when mouse is over */
.TableStyleCellMouseOver {
    background-color: #e9eff2; /*border:solid 1px #C0C0C0;*/
    cursor: default;
    padding-left: 5px;
    padding-right: 5px;
}

/* Used to set a cell to standard layout when mouse is not over */
.TableStyleCellMouseOut {
    cursor: default;
    padding-left: 5px;
    padding-right: 5px;
}

/* Used to highlight a cell to show that this will be executed when the Enter button is hit */
.TableStyleCellDefaultForEnter {
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    background-attachment: fixed;
    background-image: url(Images/Others/ToolbarButtonBackground.gif);
    background-repeat: repeat-x;
}

/* Used to hide a cell when button is not available */
.TableStyleCellHidden {
    display: none;
}

/* Only used on wftjanster.aspx as bottom lines under tabs */
.TabStripBottomLine {
    BORDER-BOTTOM: #8eb6d9 1px solid;
}



/* === USED FOR CLASSIFICATION AND SUBCATEGORIES === */
.SlaveBlockFrameStyle {
    border-right: #8eb6d9 1px solid;
    border-top: #8eb6d9 1px solid;
    margin: 0px 0px 0px 0px;
    border-left: #8eb6d9 1px solid;
    border-bottom: #8eb6d9 1px solid;
    border-collapse: collapse;
    background-color: #F5F5F5;
}



/* === USED FOR HELP DIALOGS === */
.HelpBlockFrameStyle {
    border-right: #8eb6d9 1px solid;
    border-top: #8eb6d9 1px solid;
    margin: 0px 0px 0px 0px;
    border-left: #8eb6d9 1px solid;
    border-bottom: #8eb6d9 1px solid;
    border-collapse: collapse;
    background-color: #F5F5F5;
}



/* === TREEVIEW STYLES === */
.SmallNodeStyle {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.NormalNodeStyle {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.HoverNodeStyle {
    background-color: #eeeeee;
}

.SelectedNodeStyle {
    background-color: #cfcfff;
    font-weight: bold;
}



/* === COMPOSITETREE STYLES === */
.SmallTreeStyle {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.NormalTreeStyle {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.MouseOverTreeStyle {
    background-color: #FFE394;
    cursor: pointer;
    color: #128BE7;
}

.HighlightTreeStyle {
    font-weight: bold;
    /*background-color: #FFE394;
	cursor: pointer;
	color: #128BE7;*/
}

.unselectedTab {
    border: 1px solid transparent;
    display: inline-block;
    border-collapse: collapse;
    padding: 0px 3px 2px 2px;
    margin: 0px 0px 2px 0px;
    cursor: pointer;
}

.selectedTab {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #383838;
    border-top: 1px solid white;
}

.MarkTreeNode {
    background-color: #cccccc;
    cursor: pointer;
}

.MarkWhenDragging {
    border: 1px solid black;
}

.SlaveTreeDivStyle {
    border: 1px solid gray;
    position: absolute;
    background-color: white;
    height: 300px;
    overflow-x: auto;
    display: none;
    z-index: 3
}



/* === Used for multipage object under tabstrip. Border, with margin === */
.MultiPage_Margin {
    margin-left: 5px;
    BORDER-RIGHT: #8eb6d9 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #8eb6d9 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #8eb6d9 1px solid;
}

.MultiPage_Margin_NoBorder {
    margin-left: 5px;
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: medium none;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
}

.MultiPage_NoMargin {
    BORDER-RIGHT: #8eb6d9 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #8eb6d9 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #8eb6d9 1px solid;
}

/* Replaces blank.gif with display none in reports */
img[src*="OpType=ReportImage&ResourceStreamID=Blank.gif"] {
    display: none;
}

img[src*="diagram-3.svg"] {
    padding-left: 3px;
}

/*Used by the ServiceTree on wfTjanster.aspx*/
.ServiceTreeDivStyle {
    border: 1px solid gray;
    position: absolute;
    background-color: white;
    height: 300px;
    overflow-x: auto;
    display: none;
    z-index: 3
}