/**
 * 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;
	margin-bottom: 10px;
	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;
}