﻿html, body
{
	background: #CCCCCC;
	color: #333333;
    font-family: "Tahoma", "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Verdana", "Sans-Serif";
	font-size: small;
    height: 99%;
	line-height: 1.2em;
    margin: 0;
    min-width: 800px;
    padding: 0;
}

html>body #outer 
{
    height: auto;
}

.divWholePage
{
    text-align: center;
    min-width: 800px;
}

.divHeader
{
    background-color: #244690;
    min-width: 800px;
    width: 100%;
}

.imgHeader
{
    background: url('/QCConfig/Images/misc/header-fade-to-23458d.png') no-repeat center;
    height: 55px;
}

.divAppVer
{
    color: white;
    float: right;
    font-size: 0.75em;
    left: -20px;
    position: relative;
    text-align: right;
}

.Button
{
	font-family: Tahoma;
	font-size: 10px;
	height: 24px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 70px;
	z-index: 0;
}

/* LOGIN - using CSS friendly control 2.0 */

.AspNet-Login
{
 /*   height:320px;
    width:450px;*/
}

.AspNet-Login div
{
    padding: 5px 5px 5px 5px;
}

.AspNet-Login-TitlePanel
{
    font-size:1.2em;
    font-weight:bold;
}

.AspNet-Login input[type="checkbox"]
{
    float:right;
    position:relative;
    left:-44px;
}

.AspNet-Login input[type="submit"]
{ 
    margin-left:50px;
    margin-right:50px;
    margin-top:25px;
    margin-bottom:50px;
    width:100px;
}

.AspNet-Login input[type="text"],
.AspNet-Login input[type="password"]
{
    display:inline;
    float:left;
    height:16px;
    width:260px;
}

.AspNet-Login-UserPanel label,
.AspNet-Login-PasswordPanel label
{
    display:inline;
    float:left;
    height:18px;
    line-height:20px;
    text-align:right;
    width:100px;
}

.AspNet-Login-RememberMePanel label
{
    display:inline;
    float:right;
    font-weight:bold;
    height:18px;
    left:100px;
    line-height:20px;
    position:relative;
    text-align:right;
    width:140px;
}

.AspNet-Login-UserPanel label em,
.AspNet-Login-PasswordPanel label em,
.AspNet-Login-RememberMePanel label em
{
    font-style: normal;
}

.AspNet-Login-RememberMePanel
{
    font-size:0.78em;
    width:160px;
}

.AspNet-Login-FailurePanel
{
    position:relative;
    top:10px;
    color:red;
    display:inline;
    white-space:nowrap;
}

/* MODALS */

.ModalHeader
{
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
	color:White;
	cursor: move;
	font-size:medium;
	font-weight:bold;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}

.modalBackground 
{
	background-color: #7c7f8c;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.ModalPanel
{
	background-color:White;
	border: solid 1px black;
	color:Black;
	font-size:7.5pt;
}

.ModalClose
{
    background: url('/QCConfig/Images/Icons/close_inactive.png') no-repeat;
    cursor: pointer, default;
    cursor: hand, default;
    float: right;
    margin: 7px 7px;
    height: 13px;
    width: 13px;
}

.ModalClose:hover
{
    background: url('/QCConfig/Images/Icons/close.png') no-repeat;
    cursor: pointer, default;
    cursor: hand, default;
    float: right;
    margin: 7px 7px;
    height: 13px;
    width: 13px;
}

/* SECTION */

.divSpacer
{
    font-size:1px;
    height:6px;
    line-height:6px;
    width:100%;
}

.divUpperSection
{
    height:490px;
    margin:0 auto;
    min-width:800px;
    text-align:center;
    width:800px;
}

.divFullUpperSection
{
    /* height:690px; */
    margin:0 auto;
    min-width:800px;
    text-align:center;
    width:800px;
}

.divSection0
{
    border: solid 1px black;
    display:inline;
    float:right;
    height:478px;
    width:395px;
}

.divSection1
{
    border: solid 1px black;
    float:left;
    height:478px;
    width:395px;
}

.divFullSection
{
    border: solid 1px black;
    height: 710px;
    width: 798px;
}

.divSection2
{
    border:solid 1px black;
    height:218px;
    margin:0 auto;
    width:798px;
}

.divSectionHeader
{
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    border-bottom: solid 1px black;
    height:30px;
    width:100%;
}

.divSectionHeaderText
{
    color:white;
    display:inline;
    font-size:medium;
    font-weight:bold;
    height:30px;
    line-height:30px;
    padding: 0px 0px 2px 0px;
    vertical-align:middle;
    width:100%;
}

.divSectionHeaderLeft
{
    color:white;
    display:inline;
    float:left;
    height:0px;
    line-height:30px;
    padding: 0px 0px 2px 0px;
    vertical-align:middle;
}

.divSectionHeaderRight
{
    color:white;
    display:inline;
    float:right;
    height:0px;
    line-height:30px;
    padding: 0px 0px 2px 0px;
    vertical-align:middle;
}

.divSectionSubHeader
{
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-bottom: solid 1px black;
    height: 18px;
    overflow: hidden;
    width: 100%;
}

.divSectionSubHeaderText
{
    display:inline;
    height:18px;
    line-height:18px;
    vertical-align:middle;
    width:100%;
}

.divSectionSubHeaderLeft
{
    color:white;
    display:inline;
    float:left;
    height:18px;
    line-height:18px;
    vertical-align:middle;
}

.divSectionSubHeaderRight
{
    color:white;
    display:inline;
    float:right;
    height:0px;
    line-height:18px;
    vertical-align:middle;
}

.divSectionContent
{
    background-color:#eeeeee;
    height:378px;
    overflow:auto;
}

.divSectionContent_NoScroll
{
    background-color:#eeeeee;
    height:378px;
    overflow:hidden;
}

.divFullSectionContent
{
    background-color:#eeeeee;
    height:588px;
    overflow:auto;
}

.divSectionContent_NoSubFooter
{
    background-color:#eeeeee;
    height:397px;
    overflow:auto;
}

.divSectionContent_NoSubFooter_NoSubHeader
{
    background-color:#eeeeee;
    height:420px;
    overflow:auto;
}

.divSection2Content
{
    background-color:#eeeeee;
    height:186px;
    overflow:auto;
    width:100%;
}

.divSectionSubFooter
{
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-top: solid 1px black;
    height:18px;
    width:100%;
}

.divSectionSubFooterText
{
    display:inline;
    height:18px;
    line-height:18px;
    vertical-align:middle;
    width:100%;
}

.divSectionSubFooter_HIDDEN
{
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-top: solid 1px black;
    display:none;
    height:18px;
    line-height:18px;
    padding: 0px 0px 2px 0px;
    vertical-align:middle;
    width:100%;
}

.divSectionSubFooterLeft
{
    display:inline;
    float:left;
    height:18px;
    line-height:18px;
    position:relative;
    vertical-align:middle;
}

.divSectionSubFooterRight
{
    display:inline;
    float:right;
    height:18px;
    line-height:18px;
    position:relative;
    vertical-align:middle;
}

.divSectionFooter
{
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    border-top:solid 1px black;
    clear:both;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    width:100%;
}

.divSectionFooterText
{
    color:white;
    display:inline;
    font-size:medium;
    font-weight:bold;
    height:30px;
    line-height:30px;
    padding: 2px 0px 0px 0px;
    vertical-align:middle;
    width:100%;
}

.divSectionFooterLeft
{
    color:white;
    display:inline;
    float:left;
    font-weight:normal;
    height:30px;
    line-height:30px;
    padding: 0px 0px 2px 0px;
    position:relative;
    top:-30px;
    vertical-align:middle;
}

.divSectionFooterRight
{
    color:white;
    display:inline;
    float:right;
    height:30px;
    line-height:30px;
    padding: 0px 0px 2px 0px;
    position:relative;
    top:-30px;
    vertical-align:middle;
}

/* Menus - Using Asp-Net CSS Friendly 2.0 */

.AspNet-Menu a,
.AspNet-Menu span
{
    color: white;
    cursor: pointer, default;
    cursor: hand, default;
    padding-left:5px;
    padding-right:5px;
    font-size: 7.5pt;
    z-index: 9999;
}

.AspNet-Menu a:hover,
.AspNet-Menu span:hover
{
    background: url('/QCConfig/Images/Gradients/SubHeaderSliver.png');
    color: white;
    cursor: pointer, default;
    cursor: hand, default;
    padding-left:5px;
    padding-right:5px;
}

.AspNet-Menu-WithChildren
{
    min-width: 70px;
}

.AspNet-Menu-WithChildren ul
{
    background-color: black;
    border: solid 1px black;
    min-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 9999;
}

.AspNet-Menu-WithChildren li
{
    clear: both !important;
    float: none !important;
}

.AspNet-Menu-Leaf
{
    background: url('/QCConfig/Images/Gradients/BkGrndMenuSliver.png') repeat-y left;
    height: 16px;
    text-align: left;
    min-width: 160px;
}

.AspNet-Menu-Leaf a,
.AspNet-Menu-Leaf span
{
    cursor: pointer, default;
    cursor: hand, default;
}

.AspNet-Menu-Leaf a:hover,
.AspNet-Menu-Leaf span:hover
{
    background-image:  none;
    color: yellow;
}

.AspNet-Menu-Leaf a img,
.AspNet-Menu-Leaf span img
{
    border: 0;
    height: 20px;
    margin: 6px 14px auto 2px;
    width: 20px;
}

/* Menu Bar */

.divMenuBar
{
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    display: block;
    font-size: 0.8em;
    height: 30px;
    line-height: 30px;
    min-width: 600px;
    padding: 0px 20px 2px 20px;
    vertical-align: middle;
}

.divMenu
{
    color: white;
    float: left;
	height: 30px;
	min-width: 390px;
	text-align: center;
}

.divTool
{
    color: white;
    display: inline;
    float: right;
    font-size: 0.8em;
    font-weight: bold;
	height: 30px;
}

/* Context Menu */

.ContextMenu
{
    background-color: black;
    border: solid 1px gray;
    text-align: left;
    color: white;
    width: 170px;
    z-index: 9999;
}

.ContextMenuHeaderDiv hr
{
    display: inline;
    float: left;
    position: relative;
    left: 30px;
    top: -12px;
    width: 140px;
}

.ContextMenuHeaderDiv
{
    background-color: #1d4ca8;
    background-image: url('/QCConfig/Images/Gradients/BkGrndMenuSilverSliver.png');
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    height: 27px;
    line-height: 25px;
    overflow: hidden;
    width: 170px;
    vertical-align: middle;
}

.ContextMenuHeaderDiv img
{
    display: inline;
    float: left;
    padding: 3px 2px 0px 5px;
}

.ContextMenuHeaderDiv span
{
    display: block;
    float: left;
    text-indent: 5px;
    margin-left: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    width: 135px;
}

.ContextMenuDiv
{
    background-image: url('/QCConfig/Images/Gradients/BkGrndMenuSilverSliver.png');
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer, default;
    cursor: hand, default;
    height: 27px;
    line-height: 25px;
    width: 170px;
    vertical-align: middle;
}

.ContextMenuDiv img
{
    display: inline;
    float: left;
    height: 18px;
    width: 18px;
    padding: 3px 4px 0px 5px;
}

.ContextMenuDiv span
{
    float: left;
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 5px;
    margin-left: 3px;
    width: 140px;
}

.ContextMenuDiv:hover span
{
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    color: yellow;
    font-weight: bold;
    float: left;
    height: 27px;
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    margin-left: 3px;
    width: 140px;
}

/* NOTES */

.ddl
{
    font-family:Tahoma;
    font-size:8pt;
}

.txtNoteInput
{
    font-family:tahoma;
    font-size:8pt;
    width:450px;
}

/* .ContextMenuDiv
{
    background-image: url('/QCConfig/Images/Gradients/BkGrndMenuSilverSliver.png');
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    display: block;
    height: 25px;
    line-height: 25px;
    width: 170px;
    vertical-align: middle;
}

.ContextMenuDiv img
{
    display: inline;
    float: left;
    height: 18px;
    width: 18px;
    padding: 0px 4px 0px 5px;
}

.ContextMenuDiv span
{
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 5px;
    margin-left: 3px;
    width: 140px;
}

.ContextMenuDiv:hover span
{
    background-image: url('/QCConfig/Images/Gradients/BlueSliver.png');
    color: yellow;
    font-weight: bold;
    float: left;
    height: 25px;
    line-height: 25px;
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    margin-left: 3px;
    width: 140px;
} */

/* BOM */

.divBOMScroll
{
    display: block;
    height: 332px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: -2px;
    width: 100%;
}

.divBOMHeader
{
    color: Black;
    padding: 0px 6px 0px 6px;
}

.divBOMHeader:hover
{
    color: Black;
    padding: 0px 6px 0px 6px;
    background: url(/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png) #e8e65a repeat-x
}

/* BOM Cover Page */

.divCoverPageContent
{
    font-size: 9pt;
    text-align: left;
    margin: 0 auto;
    /*height: 400px;
    overflow: auto;*/
}

.divCoverPageContent label
{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 0px 5px;
    text-align: right;
    width: 45%;
}

.divCoverPageContent label input[type="text"]
{
    display: block;
    float: left;
}

.divCoverPageContent a
{
    float: right;
    margin: 0px 8px 0px 0px;
}

.divCoverPageContent span
{
    float: left;
    font-weight: bold;
    margin: 0px 0px 0px 8px;
}

.divCoverPageContent hr
{
    clear: both;
    width: 90%;
}

.divCoverPageContent div
{
    margin: 0px 0px 0px 4px;
}

/* BOM Header Row */

.BOMHeader
{
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    border-bottom: solid 1px black;
    display: block;
    color: white;
    font-size: 0.75em;
    font-weight: bold;
    height: 22px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.BOMAppData
{
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-bottom: solid 1px #5a5a5a;
    display: block;
    color: black;
    cursor: pointer, default;
    cursor: hand, default;
    font-size: 0.75em;
    height: 22px;
    line-height: 25px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

/* BOM Rows */

.prop
{
    height: 25px;
    float: left;
    width: 1px;
}

.clear
{
    clear: both;
    height: 1px;
    overflow: hidden;
}

.BOMRow
{
    background-color: #aeaeae;
    border-bottom: solid 1px #5a5a5a;
    display: block;
    font-size: 0.75em;
    min-height: 22px;
    text-align: left;
    text-indent: 1px;
    vertical-align: middle;
    width: 100%;
}

.BOMRowIcon
{
    display: inline;
    cursor: pointer, default;
    cursor: hand, default;
    float: left;
    min-height: 22px;
    width: 22px;
}

.BOMRowIcon img
{
    padding: 2px 0px 0px 0px;
    height: 19px;
    width: 19px;
}

.BOMRowPartNumber
{
    display: inline;
    float: left;
    min-height: 22px;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.BOMRowDescription
{
    display: inline;
    float: left;
    line-height: 16px;
    min-height: 22px;
    width: 35%;
    white-space: pre-line;
}

.BOMRowCustom
{
    background-color: Yellow;
}

.BOMRowComment
{
    display: inline;
    float: left;
    min-height: 22px;
    width: 88%;
    white-space: pre-line;
}

.BOMRowQuantity
{
    display: inline;
    float: left;
    min-height: 22px;
    width: 30px;
    text-align: center;
}

.BOMRowPrice
{
    display: inline;
    float: left;
    min-height: 22px;
    width: 11%;
    text-align: right;
}

.BOMRowExtended
{
    display: inline;
    float: left;
    min-height: 22px;
    width: 11%;
    text-align: right;
}

/* Override List */

.Override
{
    display: inline;
    text-align: left;
}

.Override input
{
    float: left;
    margin: 0px 0px 0px 100px;
    width: 22px;
}

.Override label
{
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    width: 160px;
}

.Override label span
{
}

/* AUTOCOMPLETE */

.autocomplete_completionListElement 
{  
	visibility: hidden;
	background-color: inherit;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	color: windowtext;
	cursor: default;
    font-size: small;
    font-family: Tahoma;
	max-height: 150px;
    list-style-type: none;
	margin: 0px!important;
	overflow: auto;
    text-align: left;
    z-index: 2;
}

.autocomplete_listItem 
{
	background-color: window;
	color: windowtext;
	padding: 1px;
}

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
    cursor: pointer, default;
    cursor: hand, default;
	padding: 1px;
}

/* PDF */

.PDFPhone
{
    display:inline-block;
    float:right;
    line-height:16px;
}

.PDFPhoneDivLabel
{
    display: inline-block;
    text-align: right;
}

.PDFPhoneDivField
{
    display: inline-block;
    text-align: left;
}

/* Error Div */

.ErrorDiv
{
    display: block;
    line-height: 24px;
    padding: 0px 0px 0px 15px;
    text-align: left;
    width: 95%;
}

.ErrorDivText
{
    padding: 0px 0px 0px 5px;
}

.ErrorDivQuestion
{
    padding: 0px 0px 8px 35px;
}

.ErrorDivResponse
{
    background-image: url('/QCConfig/Images/Icons/radioButton.PNG');
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer, default;
    cursor: hand, default;
    height: 20px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 5px;
    text-indent: 25px;
    vertical-align: middle;
    width: 99%;
}

.ErrorDivResponse:hover
{
    background-image: url('/QCConfig/Images/Icons/radioHover.PNG');
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
    cursor: pointer, default;
    cursor: hand, default;
    height: 20px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 5px;
    text-indent: 25px;
    vertical-align: middle;
    width: 99%;
}

.ErrorDivResponse:active
{
    background-image: url('/QCConfig/Images/Icons/radioClick.PNG');
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer, default;
    cursor: hand, default;
    height: 20px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 5px;
    text-indent: 25px;
    vertical-align: middle;
    width: 99%;
}

/* GRID */

.ddlist
{
    font-size: 0.75em;
    margin: 0px 5px 0px 5px;
}

.PageBtn
{
    cursor: pointer, default;
    cursor: hand, default;
    font-size:smaller !important;
    padding: 0px 1px 1px 1px !important;
    width:25px !important;
}

.SortArrow
{
    display: inline;
    color:Orange;
    font-family:Impact;
    font-size:1.5em;
    font-weight:bold;
    margin-left:3px;
    width:0px;
    height:0px;
}

.AspNet-GridView
{
    border:solid 1px black;
    height:475px;
    overflow:auto;
    margin:2px;
}

.AspNet-GridView table
{
    table-layout:fixed;
    padding:0; 
    margin:0; 
}

.FoundText
{
	/*color:#ffa552;*/
	text-decoration:none;
	color:black;
	background:yellow;

}

/*UP N GOOD*/

.AspNet-GridView table td
{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -moz-binding:url(/QCConfig/Style/ellipsis.xml#ellipsis);
}

.gvw 
{ 
    width:1500px;
    background-color:#fff;
    border:solid 1px #525252;
    border-collapse:collapse;
    font-size:0.9em;
}

.gvw th
{
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    color:#fff;
    height: 32px;
    max-height: 32px;
    overflow: hidden;
    white-space: nowrap;
}

.gvw th a
{
    color:#fff;
}

.gvw td 
{ 
    padding-left:2px;
    padding-right:2px;
    border:solid 1px #c1c1c1;
}

.gvwalt 
{ 
    background:#fcfcfc url(/QCConfig/Images/Gradients/GridRowAlt.png) repeat-x top;
}

.divGridSectionContent
{
    background-color:#eeeeee;
    height:637px;
}

.RowSelection
{
    background-color: Transparent;
    color:Black;
    cursor:auto;
}

.RowSelection_hover,
.RowSelection_hover a
{
    background-color:Blue;
    color:White;
    cursor: pointer, default;
    cursor: hand, default;
}

/* TEST REPEATER */

.divFilter
{
    font-size:0.9em;
}

.divFilter INPUT, SELECT
{
    font-size:0.9em;
}

/* Note page */

.pnlNotes
{
	overflow: auto;
	width: auto;
	vertical-align: top;
}

.dlstNotes
{
  	font-size:7.5pt;
	text-align:left;
}

 .trHeader
{
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    color: White;
    font-weight:700;
    font-size:7.5pt;
    padding: 0px 2px 0px 2px;
    text-align: left;
    vertical-align:middle;
}
.txtInput INPUT
{
    font-family: "Tahoma","Trebuchet MS", "Lucida Sans", "Lucida Grande", "Verdana", "Sans-Serif";
    margin-left:5px;
    margin-top:5px;
    text-align:center;
    width:50px;
}

/* Belt Grid */
.FullSectionDiv
{
	border: solid 1px black;
	display: inline-table;
	width: 798px;
}
.divBelt
{		
	clear: both;
	height:575px;
	overflow: auto;
	position: relative;
	z-index: 0;
	margin:1px;
	border: solid 1px black;
}
.divBelt table th
{
	position: relative;
	top: expression(this.offsetParent.scrollTop-1);
}
.divBelt table td
{
	padding: 0px 3px 0px 3px;
}
.divBelt table tbody
{
	overflow-x: hidden;
	left: expression(document.getElementById("divBelt").scrollLeft);
}
 .gvHeaderBelt
{
    background-color: #808080;
    color: White;
    font-weight:700;
    font-size:7.5pt;
    height:20px;
    left: -1px;
    padding: 0px 2px 0px 2px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: bottom;
}
.gvHeaderBelt A
{
    color: White;
}

.ClickToCompare
{
    font-weight:normal;
}

/* FPM */

.divFPM
{
    height: 180px;
    margin-left: 6px;
    overflow: auto;
    width: 382px;
}

/* Read Only */

.RO LABEL
{
    color:Silver;
}

.RO INPUT
{
    background:#EEEEEE;
    border:solid 1px silver;
}

.RO SPAN
{
	color:Silver;
}

/* Chart Bar */

.divChartBar
{
    display:inline-block;
    width:8px;
    border:solid black 1px;
    margin: 2px 3px 2px 3px;
}

.Section1TableStyle
{
    height:375px;
    text-align: center;
    width:100%;
}

.Disclaimer
{
    font-size:0.7em;
    font-style:italic;
}

.legened
{
    border: solid 1px black;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin: 5px 5px 5px 5px;
    font-weight:bold;
}

.barLine
{
    background-color:yellow;
    height:1px;
    margin:0 auto;
    position:relative;
    text-align:center;
    top:-3px;
    width:360px;
}

.barLine IMG
{
    display:inline;
    height:8px;
    position:relative;
    top:-8px;
    width:8px;
}


.cmdIssueBtn
{
    font-size:10px;
    width:75px;
}
.dvIssueDetail
{
    display:inline-block;
    border:solid 1px silver;
    height:250px;
    font-size:11px;
    margin:10px;
    padding:5px;
    text-align:left;
    width:770px;
}
.dvIssueDetailInner
{
    overflow:auto;
    height:190px;
}
.dvIssueDetailInner SELECT, .dvIssueDetailInner INPUT[type="text"]
{
    position:relative;
    top: -6px;
}
.dvIssueDetailInnerNote
{
    height:30px;
    overflow: auto;
}
.dvIssueDetailOuterNote
{
    border:solid 1px silver;
    height:45px;
    margin:10px;
    padding:5px;
}
.HdrLabel
{
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    padding-left:2px;
}
.DtlLabel
{
    border:solid 1px silver;
    display:inline-block;
    height:18px;
    margin-left:2px;
    overflow:hidden;
    padding-left:2px;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:10px;
}

@media print
{
    .Button
    {
        display: none;
    }
}


/* TABS */
.divBOMTabContainer, .divPathTabContainer
{
    background: url('/QCConfig/Images/Gradients/vertical_transparent_grad.png') repeat-x;
    border-bottom: solid 1px #AAAAAA;
    height: 26px;
    vertical-align: text-bottom;
    width: 100%;
    z-index: 1;
}

.divBOMTab
{
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-right: solid 1px black;
    float: left;
    min-width: 68px;
    text-align: center;
    margin-top: 2px;
    margin-left: 2px;
    max-width: 400px;
    padding: 4px 2px 0px 2px;
    position: relative;
    top: 2px;
    height: 17px;
    overflow: hidden;
    z-index: 1;
}

.divBOMTab span
{
    position: relative;
    top: 0px;
    z-index: 1;
}

.divActiveTab
{
    border-left: solid 1px #AAAAAA;
    border-top: solid 1px #c07425;
    border-right: solid 1px #AAAAAA;
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    z-index: 1;
}

.divInactiveTab
{
    background-color: #1d4ca8;
    border-left: solid 1px #3d6cc8;
    border-top: solid 1px #3d6cc8;
    border-right: solid 1px #3d6cc8;
    color: white;
    font-size: 10px;
    height: 17px;
    padding: 0px 1px 0px 3px;
    position :relative;
    top: 6px;
    cursor: pointer, default;
    cursor: hand, default;
    z-index: 1;
}

.divInactiveTab:hover
{
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    z-index: 1;
}

.divTabCloseImage
{
    background: url('/QCConfig/Images/Icons/close_inactive.png') no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 1px 0px 2px 8px;
    cursor: pointer, default;
    cursor: hand, default;
    z-index: 1;
}

.divTabCloseImage:hover
{
    background: url('/QCConfig/Images/Icons/close.png') no-repeat;
    z-index: 1;
}

.divTabNewBOMImage
{
    background: url('/QCConfig/Images/Icons/New document.png') no-repeat;
    display: inline-block;
    cursor: pointer, default;
    cursor: hand, default;
    height: 14px;
    margin: 1px 0px 2px 2px;
    width: 14px;
    z-index: 1;
}

.Orange
{
    color: Orange;
    z-index: 1;
}

/* DEBUG */

.divDebugContent
{
    text-align: left;
    margin: 20px 20px 10px 20px;
}
.FakeLink
{
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
    color:Blue;
}