﻿/*
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

#printinfo {
    display: none;
}

.MasterPageBody {
    margin: 0px 0px 0px 0px;
    padding-bottom: 1em; /*background-color: #F5F8FB;*/
    background-image: url( '../images/layout/bannergrad.gif' );
    background-repeat: repeat-x;
    background-color: #84B1EC;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif; /*border-top: 2px solid #2952A3;*/
    font-size: small;
}

input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    margin-right: 2px;
}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
}

#header .nav_menu_top_panel {
    width: 100%;
    position: absolute;
    top: 41px;
    left: 0px;
    z-index: 123;
}

#header .nav_menu_top {
    color: #7C6F57;
    font-family: MS Sans Serif;
    font-size: 10px;
    border: 1px solid #C6DDFC;
    border-bottom: none;
    margin-left: 6px;
    height: 21px;
}

#header .dynmenu {
    background-color: #E8EEF8;
    color: Black;
    font-size: 14px;
    border: 1px solid #8AB9F9;
    z-index: 123; /* Needed for IE8 bug 364930 (blank menu) */
    display: none; /* avoid flickering while loading */
}

#header .dynmenuitem a {
    width: 100%;
    height: 20px;
}

#header .nav_menu_top > ul {
    height: 100%;
    white-space:nowrap;
    display:flex;
}

#header .nav_menu_top li {
    height: 100%;
}

#header .nav_menu_top > ul > li > a {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-right: 16px;
}

#header .nav_menu_top .highlighted {
    color: Black;
    background-image: url( '../images/layout/hovergrad.gif' );
    background-repeat: repeat-x;
    background-position: unset;
}

#header .nav_menu_top .selected {
    background-image: url( '../images/layout/selectedgrad.gif' );
    background-repeat: repeat-x;
    background-position:unset;
}

/* Navigation */
.nav_menu_panel {
    border-color: #6F9DD9;
    border-style: solid;
    border-width: 1px;
    margin: 6px 2em 0em 6px;
}

.navigation .nav_menu .level1 .highlighted  {
    color: Black;
    background-image: url( '../images/layout/hovergrad.gif' );
    background-repeat: repeat-x;
}

.navigation .nav_menu .level1 a {
    padding-left:0px !important;
    margin-left:10px;
}

.navigation {
    top: 76px;
    left: 0.2em;
    width: 9em;
    position: absolute;
}

.navigation .nav_menu_panel {
    background-color: #F2F8FF;
    color: #003399;
    width: 155px;
    position: absolute;
    top: 0px;
    left: 5px;
    padding: 6px;
}

.navigation .nav_menu {
    font-family: MS Sans Serif;
    font-size: 14px;
    border: 1px solid #C6DDFC;
    width: 100%;
}

.navigation .nav_menu .level1 li {
    /*background-attachment: fixed; does not work with IE7... and is needed by IE6? */
    background-image: url( '../images/layout/navbullet.gif' );
    background-repeat: no-repeat;
    background-position: -2px 0px;
}

.navigation .nav_menu ul {
    width:100% !important;
}

.navigation .nav_menu .selected, .dynmenuselected {
    color: Blue;
}

.navigation .nav_menu .dynmenu {
    background-color: #E8EEF8;
    color: Black;
    font-size: 14px;
    border: 1px solid #8AB9F9;
}

    .navigation .nav_menu ul li:first-child {
        background-color: #D6E8FF;
        color: #003399;
        font-weight: bold;
        border-bottom: 1px solid #C6DDFC;
        border-top: 1px solid #C6DDFC;
        background-image: none !important;
    }


/* Header Section */
#header {
    background-position: right; /*border-top: 3px solid;*/
    height: 63px; /*background-image: url('../images/layout/bannergrad.gif'); 	background-repeat: repeat-x; 	border-top-color: #2952A3; 	border-bottom-color: #2952A3;*/
}

    #header .title {
        font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
        color: black;
        background-color: transparent;
        float: left;
        margin-right: 2em;
        margin-top: 0.3em;
        margin-left: .8em;
    }

    #header .Versionselector {
        color: black;
        background-color: transparent;
        float: left;
        margin-right: 2em;
        margin-top: 0.3em;
        margin-left: .8em;
    }

    #header .menu {
        float: left;
    }

    #header .loginstatus {
        color: black;
        background-color: transparent;
        float: right;
        margin-right: 1em;
        margin-top: -0.3em;
        font-weight: lighter;
        font-style: normal;
        font-variant: normal;
        font-size: 10px;
        line-height: normal;
        font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    }



#header a:link, a:visited {
    color: #2952A3;
}

#pagetitleseperator {
    background: #d6e8ff url( '../images/layout/pagetitleseparator.gif' );
    background-repeat: repeat-x; /*border-right:1px solid #6f9dd9;*/
    height: 100%;
}

#pagebackground {
    /*table-layout: fixed;*/
    background-image: url( '../images/layout/navshapelarge.jpg' );
    background-repeat: no-repeat;
    vertical-align: top;
    border-collapse: collapse;
}


/* Main Content */
.contentwindow {
    border-color: #6F9DD9;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff; /*#F5F8FB;*/
    margin-top: 0em;
    margin-left: 195px;
    margin-right: 10px;
}

.contentwindowexpanded {
    border-color: #6F9DD9;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff; /*#F5F8FB;*/
    margin-top: 0em;
    margin-left: 10px; /*195px;*/
    margin-right: 10px;
}

.contentheader {
    background-color: #ECF4FF;
    font-family: Helvetica, sans-serif;
    font-size: small;
    color: #555555;
    padding: 2px 10px 3px 10px;
}

    .contentheader a, .contentheader a:visited {
        color: #226DD2;
        text-decoration: none;
    }

        .contentheader a:hover {
            color: #222222;
            text-decoration: underline;
        }

.contentmain {
    padding: 7px 7px 7px 5px;
    height: 500px;
}

.contentfooter {
    vertical-align: top;
    height: 100%;
    width: 100%;
    font-family: Tahoma;
    font-size: xx-small; /*border-left: 1px solid #6f9dd9; 	border-right: 1px solid #6f9dd9;*/
    border-top: 1px solid #6f9dd9;
    padding: 7px 5px 5px 5px;
    background-color: #ffffff;
}

.ContentTitle {
    font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
/*#content p
{
	font-size: 80%;
	line-height: 1.6em;
} 

#content ul
{
	font-size: 80%;
	line-height: 1.6em;
}    */

img {
    border-style: none;
}

/* Error Handling */
.err_Warning {
    color: Blue;
}

.err_Error {
    color: Red;
}

/* DataOverview styles */
.DataOverviewTopMenuStyle {
    background-color: #f0f0f0;
}

.DataOverviewStaticTopMenuStyle {
}

.DataOverviewMenuStyle {
}

.DataOverviewMenuItemStyle {
    padding-left: 20px;
}

.DataOverviewStaticSelectedStyle {
}

.DataOverviewMenuHoverStyle {
    background-color: #c0c0ff;
    color: black;
}

.DataOverviewRowMenuStyle {
}

.DataOverviewRowMenuStaticItemStyle {
    margin-left: 3px;
}

.DataOverviewRowMenuHoverStyle {
    background-color: #DAA520;
}

.DataOverviewDynamicMenuStyle {
    z-index: 100;
    min-width: 50px;
    border: solid 1px grey;
}

.DataOverviewSelectUserView {
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.DataOverviewSelectUserViewSelected {
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}

.DataFilterStyle {
    min-width: 500px;
    background-color: #f8f8f8;
    border: solid 1px grey;
    padding: 1px;
}

.DataFilterStyleActive {
    min-width: 500px;
    background-color: #E0E8FF;
    border: solid 1px grey;
    padding: 1px;
}

.DataFilterButtonStyle {
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.DataFilterLinkButtonStyle {
    display: inline;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.DataFilterHeadCollapsed {
    font-weight: bold;
    color: #303050;
}

.DataFilterHeadExpanded {
    font-weight: bold;
    color: black;
}

.DataReportNonCompliantHideStyle {
    color: Black;
    font-style: italic;
}

.DataReportNonCompliantExcludeStyle {
    color: Blue;
    font-style: italic;
}

.DataReportNonCompliantErrorStyle {
    color: Red;
}

.DataReportNonCompliantWarningStyle {
    color: Black;
    background-color: Yellow;
}

.DataGroupCommandStyleNotActive {
    display: inline-table;
    margin-right: 15px;
    margin-top: 25px;
    vertical-align: top;
    background-color: #f8f8f8;
    border: solid 1px grey;
}

.DataGroupCommandStyleActive {
    display: inline-table;
    margin-right: 15px;
    margin-top: 25px;
    vertical-align: top;
    background-color: #E0E8FF;
    border: solid 1px grey;
}

.DataGroupCommandStyleConfirmation {
    display: inline-table;
    margin-right: 15px;
    margin-top: 25px;
    vertical-align: top;
    background-color: #FFFFCC;
    border: solid 2px grey;
}

.DataExcelDownloadStyle {
    display: inline-table;
    margin-left: 4px;
    margin-top: 20px;
    vertical-align: top;
}

.DataFilterTable input[type=text], .DataFilterTable textarea, .DataFilterTable select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input[type="image"]:disabled {
    cursor: default; /* Dont show hand cursor over disabled image buttons */
}

.UserViewColMenuHead {
    background-color: Aqua;
    color: Black;
}

.UserViewColMenu {
    z-index: 9999;
    color: Black;
    border: solid 1px grey;
}

.UserViewColMenuItem {
    color: Black;
    background-color: #808080;
}

.UserViewColMenuItemHover {
    color: Black;
    background-color: #8080ff;
}
/* Data Web Control Styles */
.DataWebControlStyle {
    font-size: 90%;
}

.HeaderStyle {
    background-color: #2952A3;
    color: White;
    font-weight: bold;
}

    .HeaderStyle a, .HeaderStyle a:visited {
        color: White;
    }

.FooterStyle {
    background-color: #a33;
    color: White;
    text-align: right;
}

.AlternatingRowStyle {
    background-color: #E8EEF7;
}

.RowStyle {
}

.SelectedRowStyle {
    background-color: Yellow;
}

.PagerRowStyle {
    background-color: #ddd;
    text-align: right;
}

.SortHeaderRowStyle {
    background-color: #c00;
    text-align: left;
    font-weight: bold;
    color: White;
}


/* Misc Styles */
.ExpensivePriceEmphasis {
    font-weight: bold;
    font-style: italic;
}

.LowUnitsInStockEmphasis {
    color: Red;
}

.AffordablePriceEmphasis {
    background-color: Yellow;
}

.ProductPropertyLabel {
    font-weight: bold;
    text-align: right;
}

.ProductPropertyValue {
    padding-right: 35px;
}

.Warning {
    color: Red;
    font-style: italic;
    font-weight: bold;
    font-size: x-large;
}

.FloatLeft {
    float: left;
    width: 33%;
    padding-right: 10px;
}

.SectionHead {
    color: BLUE;
    font-size: large;
    width: 100%;
    font-family: 'Microsoft Sans Serif';
}

.SectionText {
    font-family: 'Tahoma';
    font-size: 10pt;
}

.freetable {
    float: left;
    padding: 10px;
}

table caption {
    font-size: 16pt;
    background-color: white;
}

.Watermark {
    color: gray;
}

.IssueListCaption {
    font-size: large;
    font-weight: bold;
    margin: 2px 5px 8px 5px;
}

.IssueHeaderTable {
    width: 100%; /* background-color:Olive; */
}

.IssueFullHeaderTable {
    width: 100%;
}

.IssueHeaderTitle {
    font-size: 140%;
    font-family: Georgia, Times New Roman, serif;
    font-weight: normal;
    color: #555555;
}

.IssueHeaderGlobalFileLink {
    font-size: 140%;
    font-family: Georgia, Times New Roman, serif;
    font-weight: normal;
    color: #555555;
}

.DetailsViewIssueCell {
    border-top: 2px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
    width: 100%;
}

.DetailsViewShipmentToolBar {
    padding: 0px;
    margin: 0px;
}

.SearchBoxCell {
    width: 100%;
    background-color: #F3F3F3; /*border-top: 2px solid #D3D3D3; 	border-bottom: 2px solid #D3D3D3;*/
    float: right;
}

.ToolbarPanel {
    height: 25px;
    background-image: url( '../images/Icons/toolbar.bg.gif' );
}

.ToolbarButtonCell {
    padding: 3px 4px 0px 5px;
    white-space: nowrap;
}

.ToolbarButtonCellMousover {
    padding: 3px 4px 0px 5px;
    background-color: #D3D3D3;
    cursor: pointer;
    background-image: url( '../images/layout/selectedgrad.gif' );
    background-repeat: repeat-x;
    white-space: nowrap;
}

.ToolbarButtonLabel {
    font-family: MS Sans Serif;
    font-size: x-small;
    position: relative;
    bottom: 4px; /* add 3 px relative to the bottom, to align properly with the button image */
    left: 2px;
}

.FormLinkButtonLabel {
    color: Black;
}

.IssuePriorityA {
    color: Red;
    font-weight: bold; /*background-image:url('../images/Icons/Soft/arrow_top.gif'); 	background-repeat:no-repeat; 	background-position:right;*/
}

.IssuePriorityB {
    color: Orange;
    font-weight: bold;
}

.IssuePriorityC {
    color: Green;
}

/* FilterSelection boxes */
.SelectorLabel {
    font-size: small;
}

.SelectorPanel {
    /* margin-left: 20px; */
    display: inline;
}
/* TODO: The folowing fieldset style should apply ONLY to the fieldset in a selector panel. However,
the CSSclass is applied to a surrounding DIV by the asp:panel control, the class is not applied to the contained fieldset
*/
fieldset {
    display: inline;
}

.SelectorStart {
    margin-left: 20px;
    display: inline;
    vertical-align: top;
}

.display_none {
    display: none;
}

.SearchPanel {
    background-color: #778899;
    padding: 4px 4px 4px 5px;
}

.smalllinktable {
    border-collapse: collapse;
    font-size: x-small;
    border: none; /*background-color: #FFEBCD; 	border: solid 1px #AAAAAA;*/
}

    .smalllinktable td {
        padding: 1px 1px 1px 10px;
        background-image: url( '../images/layout/navbullet.gif' );
        background-repeat: no-repeat;
        background-position: -3px -2px;
    }

.shipmentlastissuetext {
    background-color: #DDDDDD;
    border: dashed 1px black;
    padding: 10px;
    margin: 5px;
}

.BulletedListInGridView {
    /*padding: 0px*/
    margin: 1px 3px 1px 15px;
}

    .BulletedListInGridView li {
        vertical-align: middle;
    }

.WindowCloseButton {
    float: right;
    border: solid 1px black;
    padding: 2px;
}

.WideContentDiv {
    overflow: auto;
    padding-bottom: 1em; /* margin-left:-2px;	trick to prevent horizontal scrollbar on browser window */
    overflow-y: hidden;
}

.WideContentDivExpanded {
}

.PanelMainSkinStyle {
    padding: 5px;
}

.GridViewSkinStyle, .GridViewSkinStyle a:link, .GridViewSkinStyle a:visited {
    color: #333333;
}

    .GridViewSkinStyle a:hover {
        color: Blue;
    }

.GridViewSkinHeaderStyle, .DetailsViewSkinHeaderStyle {
    background-image: url( '../images/layout/GridviewGrad.gif' );
    background-repeat: repeat-x;
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

    /*.GridViewSkinHeaderStyle [disabled]
{
	background-color:Red;
}  */

    .GridViewSkinHeaderStyle a:link, .GridViewSkinHeaderStyle a:visited {
        color: White;
    }

.GridViewSkinFooterStyle {
    background-color: Silver;
    font-weight: bold; /* border-style: solid; 	border-width:medium; 	border-color:Black; */
}

.DetailsViewSkinFieldHeaderStyle, .ExtendedDetailsViewSkinFieldHeaderStyle {
    background-color: #E9ECF1;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

.DetailsViewSkinFieldHeaderStyle {
    width: 10%;
}

.PluginFieldDiv {
    background-color: #E9ECF1;
}

.PluginFieldTable, .PluginFieldTableEdit {
    width: 735px;
}

.PluginListTable {
    background-color: #E9ECF1;
    border-collapse: collapse;
}

.PluginFieldTable > tbody > tr > th, .PluginFieldTableEdit th, .PluginFieldTable th span, .PluginFieldTableEdit th span {
    font-weight: bold;
    text-align: right;
    width: 10%;
    white-space: nowrap;
}

.PluginFieldTable tfoot th, .PluginFieldTableEdit tfoot th {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.PluginListTable th {
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    border: solid 1px black;
}

.PluginFieldTable td {
    background-color: white; /*#F7F6F3;*/
    width: 10%;
}

.PluginListTable td {
    background-color: white; /*#F7F6F3;*/
    border: solid 1px black;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px; /*width:250px;*/
    z-index: 123;
}

.modalPopupHoverPanel {
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px; /*width:250px;*/
    z-index: 123;
}

.gvListings {
    padding: 0px;
    margin: 0px;
}

.Clone_PrimaryKeyField {
    background-color: Yellow;
}

.WebPartTitle {
    background-color: #5D7B9D;
    font-weight: bold;
    font-size: 0.8em;
    color: White;
}

    .WebPartTitle a:link, .WebPartTitle a:visited {
        color: White;
        text-decoration: none; /* no underline of hyperlink in title (it doesnt look right) */
    }

.FilterRepeaterTable {
    border: solid 2px #777777;
    background-color: ButtonFace;
    color: ButtonText;
}

.InputValueChanged {
    background-color: #FFFF99;
}

.RequiredValueMissing {
    background-color: Yellow;
}

.LabelButton {
    border: solid 1px #777777;
    background-color: ButtonFace;
    color: ButtonText;
    padding: 0px 2px 0px 2px;
    background-image: url( '../images/Icons/toolbar.bg.gif' );
}

.SimpleFieldTable {
}

    .SimpleFieldTable th {
        font-weight: bold;
        text-align: right;
        width: 10%;
        white-space: nowrap;
        padding-right: 5px;
    }

    .SimpleFieldTable tfoot th {
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
    }

    .SimpleFieldTable td {
        /*padding-left: 5px; removed this because it throws ajaxcalendarextenders out of wack (hiding sundays) */
    }

.TwoColFieldTable {
    border: solid 2px #777777;
    background-color: ButtonFace;
    color: ButtonText;
}

    .TwoColFieldTable th {
        font-weight: bold;
        text-align: right;
        width: 10%;
        white-space: nowrap;
        padding-right: 2px;
        padding-left: 2px;
    }

    .TwoColFieldTable tfoot th {
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
    }

    .TwoColFieldTable > td {
        border: 1px solid transparent; /* 'cellspacing' */
        border-right-width: 5px;
    }

.ajax__calendar_container {
    z-index: 1000;
    font-weight: initial;
}

.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
    margin: 0;
    border: solid 1px #7F9DB9;
    border-right: 0px none;
    padding: 1px 0px 0px 5px;
    font-size: 13px;
    height: 18px;
}

.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
    margin: 0;
    padding: 0;
    background-image: url('../images/layout/windows-arrow.gif');
    background-position: top left;
    border: 0px none;
    height: 21px;
    width: 21px;
}

.WindowsStyle .ajax__combobox_itemlist {
    border-color: #7F9DB9;
}

.ui-dialog .ui-dialog-content {
    font-size: 12px;
}

.loginsert {
    color: Gray;
}

.ContextMenuPanel {
    border: 1px solid #868686;
    z-index: 1000;
    background-color: #FAFAFA;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 11px;
}

.ContextMenuBreak {
    margin: 1px 1px 1px 32px;
    padding: 0;
    height: 1px;
    overflow: hidden;
    display: block;
    border-top: 1px solid #C5C5C5;
}

a.ContextMenuItem {
    margin: 1px 0 1px 0;
    display: block;
    color: #003399;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 19px 4px 33px;
    white-space: nowrap;
}

a.ContextMenuItem-Selected {
    font-weight: bold;
}

a.ContextMenuItem:hover {
    background-color: #FFE6A0;
    color: #003399;
    border: 1px solid #D2B47A;
    padding: 3px 18px 3px 32px;
}

.CheckBoxDropDownHover {
    cursor: pointer;
    background: White url('../images/Icons/DropCheck.bmp') no-repeat 100% 0px;
}

.nobr {
    white-space: nowrap;
}

.ShowPollingPulse {
    width: 16px;
    height: 16px;
    position: fixed;
    background-color: Yellow;
    border: solid 1px black;
    right: 0;
    bottom: 0;
    background-image: url('../images/Icons/tick.png');
}

.ShowPollingPulseError {
    position: fixed;
    background-color: Yellow;
    border: solid 1px black;
    right: 0;
    bottom: 0;
    padding-left: 16px;
    background-image: url('../images/Icons/cross.png');
    background-repeat: no-repeat;
    font-weight: bold;
}

.MinimumWidthDiv {
    height: 0px;
    width: 140px; /* place a div with this class within an element to force it to be at least this wide */
}

.gvColumnSortAsc a {
    background-image: url('../images/Icons/bullet_arrow_down.png');
    padding-left: 16px;
    background-repeat: no-repeat;
}

.gvColumnSortDesc a {
    background-image: url('../images/Icons/bullet_arrow_up.png');
    padding-left: 16px;
    background-repeat: no-repeat;
}

.AutoExtender {
    border: solid 1px #006699;
    line-height: 20px;
    padding: 2px;
    background-color: White;
    border-color: Gray;
    margin: 0px;
    list-style-type: none;
    white-space: normal;
    overflow: hidden;
}

.AutoExtenderList {
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
}

.AutoExtenderHighlight {
    color: White;
    background-color: #006699;
    cursor: pointer;
}

.loading {
    background-image: url(../images/layout/loader.gif);
    background-position: right;
    background-repeat: no-repeat;
}

/* CheckBoxDropDown span for selected elements: */
.cbddspan {
    white-space: nowrap;
}

.SystemPosting, .systemposting {
    font-weight: bold;
}

.SystemPostingHeaderTable {
    background-color: #F2F5FA;
    border: solid 1px #CFCFCF;
    border-collapse: collapse;
    color: #555;
}

    .SystemPostingHeaderTable td, .SystemPostingHeaderTable th {
        font-size: x-small;
        border: 1px solid #CFCFCF;
        padding: 1px;
    }

.pnlFilter {
    background-color: #FFFF99;
    border: 1px solid black;
    min-width: 800px;
}

.activesummarylink {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

.IssueHeaderColumns {
    border: none;
    border-collapse: collapse;
    vertical-align: top;
    width: 100%;
}

.IssueHeaderColumnsRow2 {
    width: 10%;
}

.HyperlinkImgAlignBottom img {
    vertical-align: bottom;
}

.HyperlinkImgAlignInherit img {
    vertical-align: inherit;
}

.itbContainer, .BackButton {
    margin-right: 12px;
    padding: 2px 4px 2px 2px;
    font-family: MS Sans Serif;
    font-size: x-small;
    display: inline-block;
    height: 16px;
    white-space: nowrap;
    cursor: pointer;
}

    .itbContainer:hover, .BackButton:hover {
        background-color: #D3D3D3;
        background-image: url( '../images/layout/selectedgrad.gif' );
        background-repeat: repeat-x;
    }

    .itbContainer label, .itbContainer span, .BackButton label, .BackButton span {
        position: relative;
        bottom: 4px;
        cursor: pointer;
    }

.tbDropDownDisplay {
    overflow-y: auto;
    overflow-x: hidden;
}

.multipleSelectDropDownPopup {
    background-color: White;
    border: 1px solid black;
    z-index: 1000;
    padding: 5px;
}

.multipleSelectDropDownPopupList {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 250px;
}

.opennewtablink {
    background-image: url('../images/icons/external-link-ltr-icon-small.png');
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    display: inline-table;
    vertical-align: super;
}

.userviewissueiconsleft {
    display: inline-table;
}

.userviewissueiconsright {
    float: right;
    display: inline-table;
}

.strokenplandetail {
    vertical-align: top;
}

/* Overall Page */
@media print {

    /*	
							div.AspNet-GridView table thead tr th.sorted
							{
								background-color: #000;
							}
							  */

    #header {
        display: none;
    }

    .navigation {
        display: none;
    }

    .contentheader {
        display: none;
    }

    .contentfooter {
        display: none;
    }

    .SearchBoxCell {
        display: none;
    }

    .ToolbarPanel {
        display: none;
    }

    .edit {
        display: none;
    }

    .IssueListToolbar {
        display: none;
    }

    input[type="checkbox"] {
        display: none;
    }

    input[type="submit"] {
        display: none;
    }

    .MinimumWidthDiv {
        display: none;
    }

    .IssueListCommandColumn {
        display: none;
    }

    .hlShowHistory {
        display: none;
    }

    .modalPopup {
        display: none;
    }

    .contentwindow {
        position: absolute;
        left: -195px; /* Its unclear why this negative offset is needed, and why it doesn't interfere with pages without the 195px menu on the left... */
    }

    #printinfo {
        display: block;
    }

    .itembox {
        clear: both;
        display: block;
    }

    .contentwindowexpanded {
        border: 0;
    }

    .contentwindow {
        border: 0;
    }

    div.IssueFullHeaderTable {
        /* page-break-before: always; 		border-bottom: double 2px #333;*/
    }

    div.FullIssueCompact {
        page-break-before: always;
        border-bottom: double 10px #666;
    }

    .gvColumnSortAsc a {
        border: solid 1px #000;
        border-bottom: solid 3px #000;
        padding: 2px;
    }

    .gvColumnSortDesc a {
        border: solid 1px #000;
        border-top: solid 3px #000;
        padding: 2px;
    }

    .part1, .part2 {
        overflow: visible !important;
    }
}

.CalEntryNone {
    text-align: center;
}

    .CalEntryNone a:link {
        font-size: small;
        font-style: italic;
        text-decoration: none;
    }

.CalEntryFuture a:link {
    text-decoration: none;
}

.CalEntryCompleted a:link {
    color: #0a0;
    text-decoration: none;
}

.CalEntryCompletedKlant {
    color: #0a0;
}

.CalEntryAttention a:link {
    font-weight: bold;
    text-decoration: none;
}

.CalEntryCritical {
    font-weight: bold;
    background-color: #FF0;
}

    .CalEntryCritical a:link {
        text-decoration: none;
    }

.CalEntryOverdue {
    color: #000;
    font-weight: bold;
    background-color: #f00;
}

    .CalEntryOverdue a:link {
        text-decoration: none;
    }

.UserViews {
}

.UserViewsTable, UserDimensionTable {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

.UserViewsHeader, .UserDimensionHeader {
    display: none;
}

.MutuallyExclusiveUserViews {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

.IndependentUserViews, .UserDimensionList {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

.DoNotDisplay {
    display: none;
}

.CreationWizardSidebar td {
    padding-bottom: 15px;
}

.DropDownComboBox {
    display: inline-block;
    height: 18px;
}

    .DropDownComboBox .ajax__combobox_itemlist {
        top: inherit !important;
        left: inherit !important;
    }

.ZoneConfiguration .ConfigFieldCaption {
    margin-top: 5px;
    display: inline-block;
}

.ZoneConfiguration .ConfigFieldTitle {
    display: inline-block;
}

.ZoneConfiguration .ConfigFieldInputField {
    width: 50px;
}

.ZoneConfigStrategySelection .ConfigFieldTitle {
    width: 150px;
}

.ZoneConfigDurationCalculation .ConfigFieldTitle {
    width: 320px;
}

.ZoneConfigDurationCalculationSettings .ConfigFieldCaption {
    font-size: small !important;
}

.ZoneConfigDurationCalculationSettings .ConfigFieldTitle {
    width: 320px;
}

.PageTitle, .SectionTitle {
    font-size: large;
    font-weight: bold;
    margin: 2px 5px 8px 5px;
    display: inline-block;
}

.DocumentsDetails td:first-child {
    font-weight: bold;
}

.DocumentsDetails input[type=text] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.DocumentsDetails tr:nth-child(2n + 3) {
    background-color: white;
    color: #284775;
}

.DocumentsDetails tr:first-child {
    background-color: #284775;
    font-weight: bold;
    color: white;
}


.InterfaceModifiedEntity th, .InterfaceModifiedEntity td {
    font-size: x-small;
    border: solid 1px #CFCFCF;
    padding: 1px;
}

.InterfaceModifiedEntity tbody tr td:first-child {
    font-size: x-small;
    font-weight: bold;
    border: solid 1px #CFCFCF;
    padding: 1px;
    background-color: #F2F5FA !important;
    text-align: right;
}

.InterfaceModifiedEntity thead th {
    color: Red;
    background-color: Silver;
    text-align: left;
}

.InterfaceModifiedEntity th {
    text-align: right;
}

.InterfaceModifiedEntity td {
    color: Red;
}

.InterfaceModifiedEntity {
    border-collapse: collapse;
    margin-top: 2px;
}

.PortalModifiedEntity th, .PortalModifiedEntity td {
    font-size: x-small;
    border: solid 1px #CFCFCF;
    padding: 1px;
}

.PortalModifiedEntity tbody tr td:first-child {
    font-size: x-small;
    font-weight: bold;
    border: solid 1px #CFCFCF;
    padding: 1px;
    background-color: #F2F5FA !important;
    text-align: right;
}

.PortalModifiedEntity thead th {
    color: #303030;
    background-color: Silver;
    text-align: left;
}

.PortalModifiedEntity th {
    text-align: right;
}

.PortalModifiedEntity td {
    background-color: White;
    white-space: pre-wrap;
}

.PortalModifiedEntity {
    border-collapse: collapse;
    margin-top: 2px;
}

    .PortalModifiedEntity img {
        max-width: none;
    }

    .PortalModifiedEntity td span {
        font-family: Georgia, Times New Roman, serif !important;
        font-size: x-small !important;
    }

.DateSelectorContainer input {
    margin-left: 0px !important;
    width: 80px !important;
    margin-right: 0px !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.FilterContainer {
    margin-bottom: 10px;
}

    .FilterContainer td {
        white-space: nowrap;
    }

    .FilterContainer input[type=text], .FilterContainer select, .FilterContainer textarea {
        margin-left: 3px;
        width: 205px;
        margin-right: 15px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.TimeTable tr {
    height: 18px;
}

.break_word {
    word-wrap: break-word;
}

.DeliveryTimeSelector {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .DeliveryTimeSelector td {
        padding-right: 15px;
        padding-bottom: 3px;
    }

    .DeliveryTimeSelector input:disabled + label {
        color: GrayText;
        font-style: italic;
    }

.DeliveryTimeDateSelector + .DeliveryTimeSelector {
    padding-top: 0;
}

.DeliveryTimeDateSelector {
    margin-top: 8px;
    padding: 10px 0;
    text-align: center;
}

    .DeliveryTimeDateSelector > table {
        width: 100%;
    }

        .DeliveryTimeDateSelector > table tr > td > * {
            vertical-align: top;
        }

    .DeliveryTimeDateSelector tr > :first-child {
        text-align: left;
    }

    .DeliveryTimeDateSelector tr > :last-child {
        text-align: right;
    }

    .DeliveryTimeDateSelector [disabled] {
        visibility: hidden;
    }

.OrganisationTreeSelectorHorizontal select {
    margin-right: 0.75rem;
}

.OrganisationTreeSelectorVertical select {
    margin: 0.1rem 0.25rem;
}
