/**
 * Universal Box Sizing with Inheritance
 */
html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}
/* Moved here to make sure every project in LIMS gets this style */

body {
    margin-top: 0px;
}

body, table {
    font-size: 14px;
    font-family: Tahoma;
}

img {
    display: block;
}

.loading {
    font-weight: bold;
    font-size: 11px;
    color: #333333;
}

.default {
    font-size: 14px;
    font-family: Tahoma;
}

.sitecolor {
    background-color: #cfccbf;
    color: #333333;
}



.logo {
    font-family: Verdana, Trebuchet MS;
    font-size: 12px;
}

.menubar {
    height: 43px;
    background: #FFF url("images/menu-bg.gif") bottom left repeat-x;
    margin: 0;
    padding: 0;
    margin-top: 1px;
}

.topmenustaticmenu {
    height: 43px;
    background: #FFF url("images/menu-bg.gif") bottom left repeat-x;
    margin: 0;
    padding: 0;
    *margin-top: -1px; /*IE only*/
}

    .topmenustaticmenu a {
        padding: 11px 8px;
    }

.topmenustaticitem {
    height: 43px;
    color: #333333;
    font-family: Verdana, Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 200%;
}

    .topmenustaticitem td {
        background: url("images/separator.gif") bottom right no-repeat;
        padding: 4px 8px 4px 8px;
    }

.topmenustatichover {
    color: #4d4d4d;
}

.topmenustaticselected {
    color: #FFF;
    background: url("images/current-bg.gif") bottom left repeat-x;
}

.sidemenubar {
    width: 100%;
    height: 100%;
}

.border {
    border: 1px solid #4d4d4d;
    padding: 0px;
}

.sidemenuheader {
    background-color: #4d4d4d;
    font: bold 14px Verdana, Trebuchet MS;
    color: white;
    text-transform: uppercase;
}

.sidemenustaticitem a, .sidemenudynamicitem a {
    display: inline-block;
    width: 100%;
}

.sidemenudynamicitem, .sidemenudynamichover {
    padding: 3px 5px 3px 5px;
}

.sidemenustatichover, .sidemenustaticitem {
    padding: 3px 10px 3px 10px;
}

    .sidemenustaticitem td {
        padding-right: 10px;
    }

.sidemenustaticitem, .sidemenudynamicitem {
    font-family: Verdana, Trebuchet MS;
    font-size: 12px;
    background-color: #bebbaf;
    color: #333333;
    border: 1px solid;
    border-color: #eae7d7 #9d9b91 #9d9b91 #eae7d7;
}

.sidemenustatichover, .sidemenudynamichover {
    background-color: #4d4d4d;
    color: White;
    border: 1px solid;
    border-color: #767676 #4d4d4d #4d4d4d #767676;
}

.sidemenudynamicmenu {
    background-color: #ece9d8;
    border: outset 1px Gray;
    border-top-width: 0px;
    z-index: 12000 !important;
}

.sidemenuselected {
    background-color: #4d4d4d;
    color: White;
    border: 1px solid;
    border-color: #767676 #4d4d4d #4d4d4d #767676;
}

#mainmenu input {
    font-size: 14px;
    font-family: Tahoma;
}

p.sectionheader {
    margin-top: 0px;
}

.sectionheader {
    padding: 10px 0px 10px 10px;
    background-color: #cfccbf;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

    .sectionheader input {
        margin-left: 10px;
    }

.sectiondetail {
    border: 2px solid #cfccbf;
    width: 100%;
}

.statusbar {
    background-color: #FFFFFF;
    color: Red;
}

.copyright {
    color: #333333;
    font-family: Verdana, Trebuchet MS;
    font-size: 11px;
    clip: rect(auto, auto, auto, auto);
    bottom: auto;
    padding: 3px;
}

.casetitle {
    color: #333333;
    font-family: Verdana, Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.plcdbgrid {
    margin-bottom: 1.5em;
}

    .plcdbgrid, .plcdbgrid table {
        font-size: 12px;
        font-family: Tahoma;
    }

        .plcdbgrid th img {
            display: inline-block;
        }

        .plcdbgrid td, .plcdbgrid th {
            overflow: hidden;
        }

            .plcdbgrid th:last-child {
                overflow: visible;
            }
/* Show all text of the last header */

table.plcdbgrid td div.clipcell {
    white-space: nowrap;
    overflow: hidden;
}

table.plcdbgrid td div.wrapcell {
    white-space: pre-wrap;
}

table.plcdbgrid th {
    vertical-align: top;
    text-align: left;
    color: White;
}

    table.plcdbgrid th a.wrapcell {
        white-space: pre-wrap;
    }

.plcdbpanel, .plcdbpanel table, .plcdbpanel input {
    font-size: 14px;
    font-family: Tahoma;
}

    .plcdbpanel .packedLabel {
        padding: 0 10px 0 0;
    }

.plcbuttonpanel input {
    font-size: 14px;
    font-family: Tahoma;
}

.plcdbbuttonpanelScroll {
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    width: 700px;
    height: 75px;
}

.plcdbgridScroll {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.submextrainfoHL {
    background-color: #FF6600;
}

.caption, table caption {
    background-color: #294B29;
    color: White;
    font-size: 14px;
    font-weight: bold;
    border: 0;
    border-bottom: solid 1px #737373;
    white-space: nowrap;
    text-align: center;
    padding: 5px 0px;
    cursor: hand;
    width: 100%;
}

.captionDNA {
    background-color: #294B29;
    color: White;
    font-size: 14px;
    font-weight: bold;
    border: 0;
    white-space: nowrap;
    cursor: hand;
}

.modalBackground {
    background-color: Silver;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.grayBackground {
    background-color: #efefef;
}

.msgboxmodalBackground {
    background-color: White;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup {
    background-color: #f5f5f5;
    border-width: 3px;
    border-style: solid;
    border-color: #294B29;
}

.modalPopupDNA {
    background-color: #f5f5f5;
    border-style: solid;
    border-color: #294B29;
}

.msgboxtext {
    font-size: 14px;
    font-family: Tahoma;
}

.modalPopup .header {
    width: 100%;
    height: 20px;
}

.modalPopup .content {
    width: 100%;
    height: 450px;
    overflow-y: auto;
    padding: 10px;
}

.modalPopup .footer {
    width: 100%;
    /*height: 20px;*/
    padding: 10px;
}

/* Alternate custom-defined styles for DockingPanel */
div.dock-control {
}

div.dock-titlebar {
    background-color: gainsboro;
}

div.dock-content {
    background-color: ivory;
    vertical-align: middle;
    text-align: center;
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



div.dock-fixed-content {
    background-color: whitesmoke;
    vertical-align: middle;
    text-align: center;
}

.tabmenustaticmenu {
    height: 20px;
    margin: 0;
    padding: 0;
}

.tabmenustaticitem {
    height: 20px;
    min-width: 140px;
    color: #333333;
    font-family: Verdana, Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

    .tabmenustaticitem td {
        text-align: center;
        background-image: url("images/unselectedtab.png");
    }

.tabmenustatichover {
    color: #4d4d4d;
}

.tabmenustaticselected {
    color: #FFF;
    min-width: 140px;
}

    .tabmenustaticselected td {
        text-align: center;
        background-image: url("images/selectedtab.png");
    }

.lookupscroll {
    height: 200px;
    overflow: auto;
}

.expandPanel, .collapsePanel {
    margin: 5px 0px;
    padding: 10px 0px 10px 30px;
    vertical-align: middle;
    cursor: pointer;
}

.matrixField {
    float: left;
    margin: 2px;
}

.matrixFieldTD {
    float: none;
    text-align: left;
}

.matrixbutton {
    display: inline-block;
}

/**********Chemical Inventory Styles**************/

.chemInvContainer {
    background-color: #f7f6f3;
}

.chemInvTopPanel {
    padding: 5px 10px;
    text-align: center;
}

.chemInvLeftMenu, .chemInvModules {
    float: left;
}

.chemInvLeftMenu {
    width: 280px;
}

.leftmenuContent {
    padding: 5px;
    border: solid 1px Silver;
}

.panelHeight {
    height: 450px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border: solid 1px Silver;
}

.chemInvLogout {
    margin-bottom: -1em;
}

    .chemInvLogout a {
        font-weight: bold;
        font-size: 0.9em;
        text-decoration: none;
        color: #ffffff;
        background-color: #6e6e6e;
        padding: 8px 10px 5px;
    }

        .chemInvLogout a:active {
            font-weight: bold;
            font-size: 0.9em;
            text-decoration: none;
            color: #ffffff;
            background-color: #6e6e6e;
            padding: 8px 10px 5px;
        }

        .chemInvLogout a:visited {
            font-weight: bold;
            font-size: 0.9em;
            text-decoration: none;
            color: #ffffff;
            background-color: #6e6e6e;
            padding: 8px 10px 5px;
        }

        .chemInvLogout a:hover {
            color: #ff0000;
        }

.chemInvWrapper {
    padding: 5px 0px 5px 10px;
}

.chemInvButtons {
    padding: 0 0 0 300px;
    float: left;
}

.chemInvBtnLeft {
    width: 100px;
}

.chemInvSearchLabel {
    display: inline-block;
    width: 190px;
    float: left;
    text-align: right;
}

    label.chemInvSearchLabel,
    span.chemInvSearchLabel,
    .chemInvSearchLabel label {
        padding: 0 10px 0 0;
    }

.chemInvSearchRow input.default {
}

.chemInvSearchFieldset {
    padding: 0 0 0 10px;
}

/*.pagechemInv
{
	width : 1164px;
	/*height:768px;
   height:auto;
	background-color : White;
	
	padding: 0px 100px 0px 100px;
	
}*/

.rightsmallcontainer {
    background-color: #333333;
    color: White;
}

.leftsmallcontainer {
    background-color: #333333;
}

/*.secondcontainer
{
	background-color:#cfccbf;
	border: solid 1px White;
}*/

.chemInvSearchFieldset {
    position: relative;
}

/********** Customer Title Styles *************/
.customerTitleSmall {
    color: #333333;
    background-color: #CFCCBF;
    margin-bottom: 3px;
    width: 100%;
    height: 24px;
}

    .customerTitleSmall label {
        font-family: Verdana,Trebuchet MS;
        font-size: 12px;
    }

    .customerTitleSmall div#compactfields {
        float: left;
        width: 80%;
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0px 0px 0px 0px;
    }

        .customerTitleSmall div#compactfields img {
            float: left;
            vertical-align: middle;
            width: 25px;
            height: 25px;
            margin-left: 5px;
            margin-right: 5px;
        }

        .customerTitleSmall div#compactfields label {
            /* $$ Hack to vertically center the small header text, as vertical-align doesn't work. */
            position: relative;
            top: 25%;
        }

    .customerTitleSmall div#compactbarcode {
        float: right;
        padding: 0px 0px 0px 0px;
        height: 100%;
    }

        .customerTitleSmall div#compactbarcode label {
            text-align: right;
            padding-right: 3px;
        }

    .customerTitleSmall span.database,
    .customerTitleSmall input {
        width: 90px;
    }
/********** End Customer Title Styles *************/

table.casetitle td span.casetitleaddl {
    font-size: smaller;
    color: red;
    margin-left: 10px;
}

/********** Begin Case Tab-specific Styles *************/

div.reportstab .plcdbpanel p,
div.itemstab .plcdbpanel p {
    display: none;
}

/*ItemsTab*/
.tab_detail,
.tab_content {
    overflow: auto;
}

.tab_detail {
    height: expression( this.scrollHeight > 489 ? "514px" : "auto" ); /* sets max-height for IE */
}

.tab_content {
    height: expression( this.scrollHeight > 489 ? "490px" : "auto" ); /* sets max-height for IE */
}

/********** End Case Tab-specific Styles *************/

/* Dashboard styles */
span#PLCWebStatus {
    margin-left: 10px;
    color: Yellow;
    background-color: Black;
    font-weight: bold;
    font-size: 120%;
}

/********** Begin AssignmentItem Styles *************/

.paneWrapper .selected-node {
    font-weight: bold;
}

.paneWrapper .disabled-node {
    color: #e0e0e0;
    cursor: hand;
}

.paneWrapper {
    min-height: 100%;
}

    .paneWrapper .leftPane, .rightPane {
        float: left;
        margin: 3px 5px;
        height: 100%;
        min-height: 100%;
    }

    .paneWrapper .leftPane {
        width: 50%;
    }

    .paneWrapper .tvItems {
        width: 100%;
        overflow: auto;
    }

    .paneWrapper .rightPane {
        width: 47%;
    }

    .paneWrapper .leftPaneLegend, .rightPaneLegend {
        font-size: 1.2em;
    }

    .paneWrapper .leftPane .btnPane {
        padding: 5px 0;
        display: inline-block;
    }
    /*.paneWrapper .btnPane input.default { padding: 0 5px; }*/
    .paneWrapper .leftPane .tvItems { /** Set the appropriate height per resolution **/
        height: 350px;
        overflow-y: auto;
        padding: 10px;
    }

    .paneWrapper .itemDetailsPane {
        width: auto;
        text-align: left;
        padding: 10px 10px 0;
    }

        .paneWrapper .itemDetailsPane .form {
        }

        .paneWrapper .itemDetailsPane .field {
            padding: 5px 0;
        }

            .paneWrapper .itemDetailsPane .field td {
                vertical-align: top;
            }

        .paneWrapper .itemDetailsPane .label {
            width: 85px;
        }

        .paneWrapper .itemDetailsPane .itemStatus {
            color: #ff0000;
            font-weight: bold;
            font-size: 1.2em;
            vertical-align: top;
        }

    .paneWrapper .kitItemList {
        padding: 5px;
        height: 240px;
        overflow-y: auto;
    }

/********** End AssignmentItem Styles *************/

/* begin case-related tabs */
.dbbox {
    width: 100%;
    padding: 10px;
    background-color: #efeeeb;
    margin-top: 10px;
    border: solid 1px #cfccbf;
    clear: both; /* to prevent elements that uses float in overlapping dbboxes */
}

.dbgridblk {
    float: left;
    width: 87%;
    background-color: #fff;
}

.dbgridbtnblk /* buttons inside should have 100% width so it adjusts to whatever is set in dbgridbtnblk */ {
    float: right;
    width: 13%;
    padding-left: 10px;
}

    .dbgridbtnblk * {
        width: 100%;
    }

.dbpaneltabs {
    height: 30px;
}

.dbpaneltablink {
    display: inline-block;
    padding: 5px 15px 0px 10px;
    height: 100%;
}

.dbpaneltabselected {
    background-color: #fff;
}

.dbpanelblk {
    background-color: #fff;
    padding: 10px;
    overflow-y: auto;
    height: 300px;
    width: 100%;
    display: inline-block;
}

.dbpanelbtnblk {
    float: right;
    width: 14%;
    padding-left: 10px;
    display: inline-block;
}

.withbtnblk {
    width: 86%;
}

.singleboxheight {
    height: 500px;
}

.dbbtnpanel {
    padding-top: 5px;
    min-height: 30px;
}
/* end case-related tabs */

/* required fields */
.labelcontainer {
    position: relative;
}

.qcrequiredfield {
    position: absolute;
    right: 0;
    color: Red;
}
/* end required fields */

.textBoxUpperCase {
    text-transform: uppercase;
}

#content {
    margin: 0px auto;
    width: 1000px;
    display: block;
}

    #content * {
        /*max-width: 1000px;*/
    }

    #content .plcdbgridScroll {
        max-width: 1000px;
    }

.clear {
    clear: both;
}

a[disabled], input[type='submit']:disabled {
    color: #999 !important; /* important is for ul.tabs li a and a with inline-style color */
}

table[disabled] td {
    color: #999;
}

table tr[disabled] td {
    color: #999;
}

/* apply box-sizing to elements -- Replaced by the Universal Box Sizing with Inheritance in BEASTiLIMS.css
a, div, fieldset, td, th
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}*/

fieldset {
    padding-left: 2px;
    padding-right: 2px;
}

.plcdbgridEmpty td {
    width: auto !important;
}

input[type='image'] {
    vertical-align: top;
}

tr.dbpanel-separator {
    background-color: #87CEFA;
    font-weight: bold;
}

    tr.dbpanel-separator td {
        padding: 3px 10px;
    }

textarea {
    resize: none;
}

.dbpActivityLog select {
    height: 24px;
}