/* HTML Elements: Common styles applied to all unspecified elements
/* Do not change!
*********************************************************************/
/* sv_kv_classic.css - Common styles applied to all unspecified elements */
/* Copyright 1986-2010 QAD Inc., Santa Barbara, CA, USA.        */
/* All rights reserved worldwide.  This is an unpublished work. */
/* $Revision:  $                                                */

/* BY: Maggie Shi      Date: 06/02/09  SV1-1655                 */
/* BY: Jack Liu        Date: 09/27/09  SV1-1905                 */
/* BY: Carl Jang       Date: 11/27/09  SV1-1981                 */
/* BY: Carl Jang       Date: 12/22/09  SV1-1988                 */
/* BY: Vinay Soman     Date: 01/15/10  SV1-2059                 */
/* BY: Maggie Shi      Date: 04/26/10  SV1-2172                 */
/* BY: Dingwei Zhang   Date: 04/27/10  SV1-2172                 */

body
{
  margin: 0;
  color: #000;
  font-family: Verdana, sans-serif;
  background: #ebebeb;
}
td, th, p, b, a, i, span, div, input, textarea, select, button
{
  font-family: Verdana, sans-serif;
  font-size: inherit; /* Do not remove this! */
}
table  
{ 
  border-collapse: collapse; 
  border-spacing: 0;
}
td, th 
{ 
  padding: 0; 
  empty-cells:show; 
}
th
{
  text-align:right;
  width:25%;
}
a, a:link, a:visited { color: #004182; }
a:hover, a:active { color: #f30; }
a img { border:0; }
img.hand
{
  cursor: pointer;
  _cursor: hand;
}
/* Forms
*********************************************************************/
form { margin: 0; }
input { color: #000; }
.InputDisabled 
{
  background: #eee;
  color:#909090;
}
select, textarea
{
  color: #000;
  background: #fff;
}
button
{
  cursor: pointer;
  _cursor: hand;
}

/* Selectors for form elements
*********************************************************************/
/* Input fields of type text or similar */
.TextField
{
  background-color: #fff;
  border:1px solid;
}
/* Input fields of type text or similar */
.TextFieldDisabled
{
  background-color: #eee;
  color:#909090;
}
.NotValidedTextField
{
  background-color: #fff;
  border:1px solid red;
}
/* Grid Buttons
*********************************************************************/
.GridButton, .GridButtonDisabled {
  border:solid 1px;
  font-weight:bold;
  margin:auto 2px;
  height:1.8em;
}
.GridButton {
  border-color: #eee #003 #003 #eee;
  color: #fff;
  background: #708090;
  cursor: pointer;
  _cursor: hand;
}
.GridButtonDisabled {
  border-color: #fff #909090 #909090 #fff;
  border-width: 1px 2px 2px 1px;
  color: #909090;
  background: #eee;
  cursor: default;
}
.ImageButton
{
  border: none;
  background: transparent;
  cursor: pointer;
  _cursor: hand;
}

/********************************************************************/
/* Major component selectors
*********************************************************************/

/* Banner - layout-default.jsp
*********************************************************************/
#logoTable { background:#F1F4FA; }
.BannerBackground { background:#F1F4FA; }
#logoTable #logoLink {
        display: block;
        width: 169px;
        height: 60px;
        background: url('../images/Supplychnportal.60.PX.png') no-repeat 0 50%;
}
.VeryDark { background:#373A48; }
.BannerText, .BannerText a, .BannerText a:link, .BannerText a:visited { color:#000;font-size:xx-small; }
.BannerText a:hover { text-decoration:none;}
#MenuBar { background:#d0d6dd;border-bottom:solid 2px #036; }
#downtimeMsg { font-size:xx-small;background:#fff;border:solid 1px;border-color:#ccc #ddd #ddd #ccc;margin:5px;padding:5px; }
#downtimeMsg a { font-size:xx-small; }
#QAD-ad-left { margin:5px; }

/* SideBar - layout-default.jsp. The left column.
*********************************************************************/
#SideBar { background:#708090; width:165px; }

/* SideBarPane - components such as the history and workspaces panes
/* located in the left column area.
*********************************************************************/
table.SideBarPane
{
  background:#ebebeb;
  width:165px;
}
.SideBarPane th
{
  background:#036;
  text-align:left;
  color:#fff;
  padding:3px;
  width:auto;
}
.SideBarPane td
{
  background:#ebebeb;
  padding:3px;
}
.SideBarPane h3
{
  margin:0 auto;
  font-weight:normal;
  font-size: inherit; /* Do not remove this! */
}
.SideBarPane td ul
{
  list-style: square url(../images/smraquo.gif) outside;
  margin:0;
  padding:0;
  margin-left:0.5em;
  padding-left: 1em;
  text-indent: -0.5em;
}
/* Special SideBar pane buttons used in the history panes */
.SideBarPane .RockerButton
{
  border:solid 2px;
  border-color: #ebebeb #ccc #ccc #ebebeb;
  height: 18px;
  font-size:smaller; /* Do not remove this! */
}
.SideBarPane .RockerButtonDisabled
{
  border:solid 2px;
  border-color: #ccc #ebebeb #ebebeb #ccc;
  height: 18px;
  font-size:smaller; /* Do not remove this! */
  cursor: default;
}
.SideBarPane .RockerButton a,
.SideBarPane .RockerButton a:hover,
.SideBarPane .RockerButtonDisabled a,
.SideBarPane .RockerButtonDisabled a:hover
{
  text-decoration: none;
  color:#000;
}

/* SideBarTab - layout-default.jsp. This is the thin widget that toggles
/* the visibility of the left SideBar area.
*********************************************************************/
#SideBarTab
{
  padding-top:200px;
  background:#fc3;
  border-right:solid 1px #000;
  border-left:solid 1px #000;
  width:6px;
  cursor: pointer;
  _cursor: hand;
}

/* MainBody - layout-default.jsp
*********************************************************************/
#MainBody { padding-left:8px; }
#MainBody #PageTitle, #MainBody #PageTitle h1, #MainBody #PageTitle a
{
  font-weight:bold;
  margin:5px 0 15px 5px;
  color:#036;
  font-size: inherit; /* Do not remove this! */
}
#MainBody #PageTitle #orgContext 
{
  margin-left: 3em;
  padding-left: 3em;
  font-style: oblique;
} 
#MainBody #PageTitle span#orgContext a
{ 
  font-weight: normal;
  text-decoration: none; 
}
#MainBody #PageTitle span#orgContext a:hover { text-decoration: underline !important; }
#MainBody #PageTitle #orgContext img 
{ 
  height: 20px;
  margin-right: 1em;
}
/* Tabs - tabs.jsp
*********************************************************************/
#TabBorder { border-bottom:solid 6px #fc3; }
#Tab { background :#ebebeb; }
#Tab th 
{ 
  padding:0 5px 0 5px;
  text-align:center;
  white-space:nowrap;
  width:auto;
}
#Tab .Active, #Tab .ActiveTabRight, #Tab .ActiveTabLeft
{
  background:#fc3;
  color:#000;
  white-space:nowrap;
}
#Tab .InActive, 
#Tab .InActiveDisabled,
#Tab .InActiveTabRight, #Tab .InActiveTabLeft
{
  background:#004182;
  color:#fff;
  white-space:nowrap;
}
#Tab .InActive a
{
  color:#fff;
  text-decoration:none;
}
#Tab .InActive a:hover
{
  color:#fc3;
  text-decoration:underline;
}
#Tab .InActiveDisabled a,
#Tab .InActiveDisabled a:hover
{
  color:#ccc;
  text-decoration:none;
  background:none;
  cursor:default;
}
#Tab .TabSpacer
{
  background:#ebebeb;
}

/* Button Bar - results-navigation.jsp, as well as a few "one-offs."
*********************************************************************/
/* These are buttons */
.ButtonBar
{
  background:#ebebeb;
  font-size:smaller; /* Do not remove this! */
}
.ButtonBar td { padding:5px 3px 5px 3px; }
.ButtonBar select
{
  background:#fff;
  display:inline;
}
.ButtonBar button
{
  display:inline;
}
.ButtonBar button.Pagination, 
.ButtonBar button.NoEdgeButton, 
.ButtonBar button.PaginationInContext,
.ButtonBar button.PaginationDisabled
{
  margin-bottom: 0;
  vertical-align: baseline;
  color: #000;
  height: 18px;
  background: transparent;
  text-align: center;
  padding: auto 2px;
}
.ButtonBar button.Pagination, button.NoEdgeButton
{
  border:none;
  font-weight: bold;
  text-decoration: none;
}
.ButtonBar button.PaginationInContext
{
  border:none;
  font-weight: normal;
  text-decoration: underline;
  cursor: default;
}
.ButtonBar button.PaginationDisabled
{
  border:none;
  font-weight: bold;
  text-decoration:none;
  cursor: default;
  color: #909090;
}

.ButtonBar button.IconButtonOff
{
  border:solid #ebebeb 2px;
  padding: 0;
  background: none;
  height:auto;
}
.ButtonBar button.IconButtonOn
{
  border:auto;
  padding: 0;
  background: none;
  height:auto;
}

/* Border around the Grid and Detail main content areas.
*********************************************************************/
#GridBorder, #DetailBorder
{
  background:#ebebeb;
  border:solid 2px #036;
  padding:6px;
}

/* hack to compensate for IE6 broken box model. Do not edit! */
* html #GridBorder, * html #DetailBorder { width:100%; }

/* Grid - results.jsp
/* Consists of the horizontal table of data that comprises our
/* signature "view" screens.
*********************************************************************/
.Grid
{
  border:solid 2px #036;
  background: #ebebeb;
  margin:0;
}
/* Displays a sort-order bar of graphics */
#SortOrder td, #SortOrder a 
{
  font-size:xx-small;
  color:#000;
  text-decoration:none;
}
#SortOrder td { vertical-align:middle; }
.Grid th
{
  background: #708090;
  border:solid 1px #036;
  color:#fff;
  text-align:left;
  padding:3px;
  vertical-align:top;
  width:auto;
}
.Grid td
{
  border:solid 1px #036;
  text-align:left;
  padding:3px;
}
.Grid th a:link, .Grid th a:visited
{
  color:#fff;
  text-decoration:none;
}
.Grid th a:hover
{
  color:#fc3;
  text-decoration:underline;
}
.Grid tr.Odd td
{
  vertical-align: top; 
  color: #000; 
  background: #fff;
}
.Grid tr.Even td
{
  vertical-align: top; 
  color: #000; 
  background: #dbdbdb;
}

.Grid tr.Highlight td
{
  vertical-align: top;
  color: #000;
  background: #cc99ff;
}

/* Subtabs
*********************************************************************/
#Subtabs
{
  background:#708090;
  border-right: solid 3px #708090;
  text-align:center;
  width:15%;
  padding-top:6px;
}
#Subtabs div
{
  margin:6px 0 6px 3px;
  padding:3px;
}
#Subtabs .Active
{
  background:#ebebeb;
  color:#000;
  font-weight:bold;
  text-align:center;
}
#Subtabs .InActive a
{
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}
#Subtabs .InActive a:hover
{
  text-decoration:underline;
  color:#fc3;
}
#Subtabs .InActiveDisabled a,
#Subtabs .InActiveDisabled a:hover
{
  color:#ccc;
  text-decoration:none;
  font-weight:bold;
  cursor:default;
}

/* Area to the right of the subtab */
#WorkArea { padding-left:6px; }

/* Detail and CRUD Screens
*********************************************************************/
.Detail
{
  background: #ebebeb;
  padding:3px;
}
.Detail th.SectionHeading
{
  text-align:left;
  background: #036;
  color:#fff;
  padding:3px;
  margin-bottom:3px;
}
.Detail th
{
  background: #708090;
  border:solid 1px #036;
  color:#fff;
  width:25%;
  padding:3px;
  text-align:right;
  vertical-align: top;
}

.Detail td
{
  border:solid 1px #036;
  text-align:left;
  padding:3px;
  vertical-align: top; 
  color: #000; 
}

.Detail th a
{
  color:#fff;
  text-decoration:none;
}
.Detail th a:hover
{
  color:#fc3;
  text-decoration:underline;
}
.Detail tr.Odd td {
  background: #fff;
}
.Detail tr.Even td {
  background: #dbdbdb;
}
/* Forces no inheritance when nested. Do not change! */
.Detail .Grid th { text-align: left !important; width:auto;}

/* For Detail screens that insert 
/* results.jsp or vertical.jsp
/* compensates for increasingly nested borders upon borders
*********************************************************************/
.NestedDetail { padding:0 !important; }
.NestedDetail .Grid, .NestedDetail .Detail, .NestedDetail .ButtonBar td
{ border:0 !important; }
.NestedDetail .ButtonBar { margin-top:1em; }

/* attribute-selection.jsp, alert-group-edit.jsp
/* Dual Select is a widget with two multi-column selects side-by-side
*********************************************************************/
.DualSelect
{
  border:none;
  background:none;
  width:auto;
}
.DualSelect th, .DualSelect td
{
  text-align:center;
  color:#000;
  border:none;
  background:none;
  width:auto;
  padding:2px;
}

/* Container for command buttons for all types of crud screens.
/* Usually a div, but can also be a table.
*********************************************************************/
.CRUDButtons { margin-top: 1em; }

/* Preview - criteria.jsp attribute-selection.jsp
/* Gives margin to the iframe with preview-results.jsp inside.
*********************************************************************/
#Preview
{
  text-align:center;
  margin:15px;
}

/* Popup Windows - layout-popup.jsp
*********************************************************************/
#PopupWindow
{
  margin:0;
  background:#ebebeb;
}
#PopupWindow #Tab .TabSpacer { background:#ebebeb; }

/* layout-popup.jsp */
#PopupWindow .Detail { margin-bottom:6px; }
#PopupWindow .Detail tr.SectionHeading th, #PopupWindow .Detail tr.SectionHeading td
{ 
  background:#036; 
  color:#fff;
  text-align:left !important;
}
#PopupWindow .Detail tr.SectionHeading td 
{ 
  text-align:right !important;
}
#PopupWindow .Detail a
{
  font-weight:normal;
  text-decoration:underline;
  color:#fff;
}
#PopupWindow .Detail a:hover 
{ 
  text-decoration:none; 
  color:#fc3; 
}
#PopupWindow #MainBody { margin-top:6px; }
#SubscriptionWizard
{
  padding:0 10px 0 10px;
  width:98%;
}
/* SV flag highlight backgrounds
*********************************************************************/
.rFlag { background:#f66; padding:0 2px 2px 2px; }
.yFlag { background:#FCEC8C; padding:0 2px 2px 2px; }
.bFlag { background:#B0C4DE; padding:0 2px 2px 2px; }
.gFlag { background:#9f6; padding:0 2px 2px 2px; }
.inline { display:inline; }

/* Special text
*********************************************************************/
.FinePrint
{
  font-size:x-small;
  font-weight:normal;
}
/* Schedule Report */
.caption {
  font-weight : bold;
  font-size: 8pt;
  text-align : right;
}
.detailHeader {
  font-weight : bold;
  border-bottom : thin dashed Black;
  text-align : center;
  font-size: 8pt;
}
.detailHeaderBOM {
  font-weight : bold;
  text-align : center;
  font-size: 8pt;
}
#ErrorMessage, #InfoMessage
{
  font-weight:bold;
  margin-bottom:10px;
  color:#f00;
}
#ErrorMessage ul, #InfoMessage ul,
#ErrorMessage li, #InfoMessage li
{
  margin-bottom:3px;
  font-weight:normal;
}
#InfoMessage { color:#090; }

/* Active Widgets table */
.active-column-0 {display: none;}
.active-grid-column {border-right: 1px solid #036;} 
.active-grid-row {border-bottom: 1px solid #036;} 
.active-templates-header .active-box-normal {background-color: #dbdbdb;color:#000} 
.active-templates-header .active-box-item {font-weight:bold;} 
.active-scroll-corner .active-box-item {font-weight:bold;}
.active-box-item  {background-color: #dbdbdb;text-align:left;color:#000;border-bottom: 1px solid #036;border-right: 1px solid #036;}
.active-header-over .active-box-item{background-color:#dbdbdb;color:#000;cursor:hand;text-decoration:underline;}
.active-header-pressed .active-box-item{background-color:#dbdbdb}
.active-selection-true, .active-selection-true .active-row-cell {
  color: highlighttext!important;
  background-color: #B0B6FF!important;
}
.active-grid-row,.active-grid-row.active-list-item,.active-scroll-left.active-list-item {height:24px;}

td.tblrow_over {background:#e0e4e9}
td.tblrow_selected, td.tblrow_selected a{background:#fc3;color:#000}

/* GridDetail for KPI Maintenance
*********************************************************************/
.GridDetail
{
  background: #ebebeb;
  padding:3px;
}
.GridDetail th.SectionHeading
{
  text-align:left;
  background: #036;
  color:#fff;
  padding:3px;
  margin-bottom:3px;
}
.GridDetail th
{
  background: #708090;
  border:solid 1px #036;
  color:#fff;
  width:auto;
  padding:3px;
  text-align:left;
  vertical-align: middle;
}

.GridDetail td
{
  border:solid 1px #036;
  text-align:left;
  padding:3px;
  vertical-align: top; 
  color: #000; 
}

.GridDetail th a
{
  color:#fff;
  text-decoration:none;
}
.GridDetail th a:hover
{
  color:#fc3;
  text-decoration:underline;
}
.GridDetail tr.Odd td {
  background: #fff;
}
.GridDetail tr.Even td {
  background: #dbdbdb;
}
/* Forces no inheritance when nested. Do not change! */
.GridDetail .Grid th { text-align: left !important; width:auto;}

.noborder th{
	border:none;
}

.noborder td{
	border:none;
}

.exceededWeightIndicator{
    font-size:10px; 
    float:left;
    color:red;
}

.leftWeightIndicator{
    font-size:10px; 
    float:left;
    color:yellow;
}

.nothingLeftWeightIndicator{
    font-size:10px; 
    float:left;
}

.SecondLVSectionHeading{
  text-align:left;
  background: #708090;
  color:#fff;
  padding:3px;
  margin-bottom:3px;
}

p.Even{
  background: #dbdbdb;
}