/*******************************************************************************
  $RCSfile: styles.css,v $
  Copyright New Breed, Inc. 2002

  $Author: gstagg $
  $Date: 2017/02/08 18:54:02 $
  $Revision: 1.19 $
*******************************************************************************/

/* Import the tab pane style we want to use with this stylesheet */
@import url(javascript/tabpane/css/tab.winclassic.css);

/*------------------------------------------------------------------------------
  HTML tag styles 
 -----------------------------------------------------------------------------*/
/* General body styles */
body {
    margin: 0;
    background-color: #ffffff;
    color: #000000;
    font-family: Arial;
}

/* Make visited and non-visited links the same color because of browser 
   inconsistencies */

a:link { color: #333333;}
a:visited { color: #333333;}

/* Table data style */
td {
    border-right: #EBEBEB 1px;
    border-top: #EBEBEB 1px;
    font-size: 8pt;
    border-left: #EBEBEB 1px;
    border-bottom: #CFCFCF 1px;
    letter-spacing: normal;
    text-transform: capitalize;
}

td.lineSeparator{
    height:1px; 
    background-color:#E1E5EE;
}

/* Select/combo style */
select {
    background-color: white;
    font-size: 11px;
}

/*------------------------------------------------------------------------------
  Custom style classes
 -----------------------------------------------------------------------------*/

.menubanner {
    background-color:#C2D2E2;
    color: black; 
    text-align: center;
    font-size: 12px;
    height: 30px;
}

.footer {
    background:#C2D2E2 url('images/footerBG.jpg') repeat-x left top;;
    color: black; 
    text-align: center;
    font-size: 12px;
    height: 30px;
}

/* Page title banner */
.status {
    color: #262626; 
    font-size: 11px;
}

/* Page title banner */
.banner-popup {
    background:url('images/popupBg.jpg') repeat-x left top;
    height:31px;
    text-align: left;
    color:#000000;
    font-size: 19px;
    font-weight:normal;
}

.banner {
    background-color: transparent;
    color: #194B94; 
    font-weight: bolder;
    font-size: 16px;
    text-align: center;
}

.banner-left {
    background-color: transparent;
    color: #194B94; 
    font-weight: bolder;
    font-size: 16px;
    text-align: left;
    padding-left: 5px;
}

/* Page title banner for success */
.banner-success {
    background-color: transparent;
    color: #194B94; 
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
}

/* Page title banner for failure */
.banner-failure {
    background-color: red;
    color: white; 
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
}

.title-right {
    color: black;
    font-size: 14px;
    font-weight: bolder;
    text-align: right;
    display: inline
}

.title-left {
    color: black;
    font-size: 14px;
    font-weight: bolder;
    text-align: left;
    display: inline;
    padding-left: 5px;
}

.requiredField {
    color: red;
}

/* Prompt label for an input object */
.inputlabel {
    color: black;
    font-size: 11px;
    font-weight: bolder;
    text-align: right;
}
.textlabel {
    color: black;
    font-size: 11px;
    font-weight: bolder;
    text-align: right;
    padding-right: 5px;
}
.textarealabel {
    color: black;
    font-size: 11px;
    text-align: center;
}
.inputtext {
    color: black;
    font-size: 11px;
}
.inputtext-bold {
    color: black;
    font-size: 11px;
    font-weight: bold;
}

.form-sub-header {
    color: #194B94;
    font-size: 13px;
    font-weight: bolder;
    text-align: left;
    display: inline
}

.detail-sub-header {
    color: black;
    background-color: #477FB3;
    font-size: 12px;
    font-weight: bolder;
    text-align: right;
    width: 100%
}

/* Successful message */
.success {
    color: blue;
    font-size: 14px;
    height: 22px
}

/* Successful message */
.success-black {
    color: black;
    font-size: 14px;
}

/* Failure message */
.failure {
    color: red;
    font-size: 14px;
    height: 22px
}

.text {
    color: black;
    font-size: 11px;
}

.tooltip {
    color: black;
    font-size: 9px;
    height: 10px
}

.helplink {
    color: black;
    font-size: 10px;
}

.infoMessage { 
    font-size: 12px;
    color: #2a2a2a;
    font-weight: bold;
    vertical-align: middle;
    text-transform: none;
}

/*------------------------------------------------------------------------------
  Collection/Grid custom style classes
 -----------------------------------------------------------------------------*/

/* Title for collection */
.collection-title {
    background:#DCDCDC url('images/collectionsTitle.jpg') repeat-x left top;
    color: #000000;
    font-weight: bolder;
    height:18px;
    font-size: 12px;
    padding-left: 5px;
}

/* Column header for collection */
th.collection
{
    font-size: 12px;
    cursor: pointer;
    color: white;
    height: 20px;
    font-weight:bold;
    background:#477fb3;
    text-align: left;
    padding-left:5px;
    border-right:1px solid #ffffff;
}
th.collection-right
{
    font-size: 12px;
    cursor: pointer;
    color: white;
    height: 20px;
    font-weight:bold;
    background:#477fb3;
    text-align: right;
    padding-left:5px;
    border-right:1px solid #ffffff;
}
th.collection-center
{
    font-size: 12px;
    cursor: pointer;
    color: white;
    height: 20px;
    font-weight:bold;
    background:#477fb3;
    text-align: center;
    padding-left:5px;
    border-right:1px solid #ffffff;
}

/* column header for collection without sort indicator */
th.collection-no-sort
{
    font-size: 12px;
    color: white;
    height: 20px;
    font-weight:bold;
    background:#477fb3;
    text-align: left;
    padding-left:5px;
    border-right:1px solid #ffffff;
}
th.collection-no-sort-right
{
    font-size: 12px;
    color: white;
    height: 20px;
    font-weight:bold;
    background:#477fb3;
    text-align: right;
    padding-left:5px;
    border-right:1px solid #ffffff;
}
th.collection-no-sort-center
{
    font-size: 12px;
    color: white;
    height: 20px;
    font-weight:bold;
    background:#477fb3;
    text-align: center;
    padding-left:5px;
    border-right:1px solid #ffffff;
}

/* column header when mouse hovers to indicate sorting */
th.collection-hilight {
    font-size: 12px;
    cursor: pointer;
    color: white;
    height: 20px;
    font-weight:bold;
    background:#6091be;
    text-align: left;
    padding-left:5px;
    border-right:1px solid #ffffff;
}
th.collection-hilight-right {
    font-size: 12px;
    cursor: pointer;
    color: white;
    height: 20px;
    font-weight:bold;
    background:#6091be;
    text-align: right;
    padding-left:5px;
    border-right:1px solid #ffffff;
}
th.collection-hilight-center {
    font-size: 12px;
    cursor: pointer;
    color: white;
    height: 20px;
    font-weight:bold;
    background:#6091be;
    text-align: center;
    padding-left:5px;
    border-right:1px solid #ffffff;
}


/* Column header for collection which blends nicely with the title row 
   when cellspacing is set to 0 */
th.collection-blend
{
    font-size: 12px;
    color: white;
    height: 20px;
    background:#477fb3;
    text-align: left;
    padding-left:5px;
    border-right:1px solid #ffffff;
}

th.compact-collection-no-sort{
    font-size: 11px;
    color: white;
    height: 15px;
    background: #477fb3;
    text-align: left;
    padding-left:5px;
}

/* Row in a collection */
tr.collection {
    font-size: 11px;
    color: #333333;
    height: 20px;
    background:#f9fafc;
    text-align: left;
    padding-left:5px;
    border-right:1px solid #ffffff;
}
/* style for alternating rows in a collection */
tr.collection-alternate  {
    font-size: 11px;
    color: #333333;
    height: 20px;
    background:#e3ecf4;
    text-align: left;
    padding-left:5px;
    border-right:1px solid #ffffff;
}
tr.collection-unallocated {
    font-size: 11px;
    background:#f0f0f0;
    height:20px;
}

tr.collection-allocated {
    font-size: 11px;
    background:#dbdbdb;
    height:20px;
}

tr.compact-collection {
    font-size: 10px;
    background: #F9FAFC;
    height:12px;
    padding-left:0px;
}

tr.compact-collection-alternate {
    font-size: 10px;
    background: #E3ECF4;
    height:12px;
    padding-left:0px;
}

.tabTitle{
    color:#ffffff;
    font-family:Arial;
    padding-top:8px;
    font-size: 16px;
    font-weight: bolder;
    text-transform: none;
}
.importantValue{
    color:#2B63A8;
    font-size: 12px;
    font-weight: bolder;
}

a.speciallink:link,a.speciallink:visited {
    color:white;
    font-weight:bolder;
    text-transform:none;
}

.tabBody {
    margin: 0;
    background-color: #DCDCDC;
    font-family: Arial
}
/* SMART VIEW STYLES */
.SWtext{
    color:#333333;
    font-size: 9px;
    font-family: Verdana;
}
.SWlinks{
    color:#333333;
    font-size: 8pt;
        text-decoration:none;
}
.SWlinks:hover{
    color:#333333;
    font-size: 8pt;
        text-decoration:none;
}
.SWtitle{
    color:#333333;
    font-family:Arial;
    font-size: 11pt;
    font-weight: bold;
}
.pageTitleBig{
    color:#3D3D3D;
    font-family:Verdana;
    font-size: 18px;
}
.pageTitleSmall{
    color:#3D3D3D;
    font-family:Verdana;
    font-size: 12px;
}

/* FACTORY SUPPORT SITE STYLES */
.inputlabelLeft {
    color: black;
    font-size: 11px;
    font-weight: bolder;
    text-align: left;
}
.mouseDisplay{
    cursor:pointer;
    cursor:pointer;
}
.csLabel{
    background:#000000;
    color:white;
        font-size: 11px;
    font-weight:bold;
}
.csLabelActive{
    background:#477FB3;
    color:white;
        font-size: 11px;
    font-weight:bold;
}
table.showborder
{
    border:0px solid #bbbbbb;
    border-style: solid;
}
table.showborder td
{
    text-align:center;
    vertical-align: middle;
    font-size: 12px;
    border:1px solid #bbbbbb;
    border-style: solid;
    filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55;
}

table.showborder td.showbordergray
{
    border:1px solid #bbbbbb;
    border-style: solid;
}

table.showborder td.showborderblack
{
    border:1px solid #000000;
    border-style: solid;
}


/* column data for collection */
td.classatp
{
    background:#bbffff;
}
td.classfutureatp
{
    background:#fecc99;
}
td.classdeficit
{
    background:#fefe99;
}

/* Wait style */
.box1 {
    letter-spacing: -0;
    color: #DFEEF7;
    font-size: 130%;
}

.box2 {
    letter-spacing: -0;
    color: #9EC6E4;
    font-size: 130%;
}

.box3 {
    letter-spacing: -0;
    color: #447FBB;
    font-size: 130%;
}

.box4 {
    letter-spacing: -0;
    color: #194B94;
    font-size: 130%;
}

.box5 {
    letter-spacing: -0;
    color: #2B63A8;
    font-size: 130%;
}

.box6 {
    letter-spacing: -0;
    color: #9AC4E3;
    font-size: 130%;
}

/* START Style for module home page*/
.homeTitle{
    font-family: Arial, Verdana, Sans-Serif;
    color:#194B94;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    line-height: 30px;
}

.homeSubtitle{
    font-family: Arial, Verdana, Sans-Serif;
    color:#020204;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    line-height: 30px;
}

.homeText{
    font-family: Arial, Verdana, Sans-Serif;
    color: #020204;
    font-size: 12px;
}

.txBox{
    font-family: Arial, Verdana, Sans-Serif;
    color:#020204;
    font-size: 11px;
    border: 1px solid #94989B;
    height: 20px;
    line-height: 16px;
}

.homeContent{
    background-color:#F3F3EB;
    padding-top: 10px;
    font-family: Arial, Verdana, Sans-Serif;
    color:#020204;
    font-size: 11px;
}

.homeContent a { 
    font-size:12px;
}

.imgButtonEnabled {
    cursor: pointer;
}

.imgButtonDisabled {
    cursor: default;
}


/* END Style for module home page*/