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

  $Author: rbalog $
  $Date: 2017/01/11 13:23:29 $
  $Revision: 1.2 $
*******************************************************************************/

/* 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 {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial;
    font-size: 10px;
    margin: 0;
}

/* Make visited and non-visited links the same color because of browser 
   inconsistencies */
a:link { 
    color: #211f82;
} 

a:visited { 
    color: #211f82;
} 

td {
    letter-spacing: normal;
    text-transform: capitalize;
    font-family: Arial;
    font-size: 10px;
}

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

/* Select/combo style */
input[type=text], input[type=password], select, textarea {
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    border: 1px solid #a3a3a3;
    line-height: 20px;
} 

option { 
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    vertical-align: middle;
    line-height: 20px;
} 
/*------------------------------------------------------------------------------
  Custom style classes
 -----------------------------------------------------------------------------*/

.menubanner {
    /*background-color: #dddddd;*/
    background: #dddddd url('images/menuBG.gif');
    padding: 1px;
    font-weight:bold;
    text-align: center;
    height: 30px;
}

.menubanner form {
    padding: 0px;
    margin: 0px;
}

.footer { 
    background: #444444 url('images/footerBG.jpg') repeat-x left top;
    vertical-align: middle;
    padding-top: 3px;
    height: 30px;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
} 

/* Page title banner */
.status { 
    background: #444444;
    color: #ffffff;
} 

.status td { 
    line-height: 20px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
} 

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

.banner {
    background-color: transparent;
    color: #211f82; 
    font-family: Arial;
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
}


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

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

.requiredField {
    color: red;
    font-weight: bold;
}

/* Prompt label for an input object */
.inputlabel {
    color: black;
    font-family: Arial;
    font-size: 11px;
    font-weight: bolder;
    text-align: right;
    padding-right: 5px;

}
.textlabel {
    color: black;
    font-family: Arial;
    font-size: 11px;
    font-weight: bolder;
    text-align: right;
    padding-right: 5px;
}
.textarealabel {
    color: black;
    font-family: Arial;
    font-size: 11px;
    text-align: center;
}
.inputtext {
    color: black;
    font-family: Arial;
    font-size: 11px;
}

.form-sub-header {
    color: #194B94;
    font-family: Arial;
    font-size: 13px;
    font-weight: bolder;
    text-align: left;
    display: inline
}
.detail-sub-header
{
    color: black;
    background-color: #477FB3;
    font-family: Arial;
    font-size: 12px;
    font-weight: bolder;
    text-align: right;
    width: 100%
}
/* Successful message */
.success {
    color: blue;
    font-family: Arial;
    font-size: 14px;
    height: 22px
}

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

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

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

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

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

.infoMessage { 
    font-family: Arial;
    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:#E5E5E5 url('images/collectionsTitle.jpg') repeat-x left top;
    color: #000000;
    font-family: Arial;
    font-weight: bolder;
    height:18px;
    font-size: 12px;
    padding-left: 5px;
}

/* Column header for collection */
TH.collection
{
    padding-left: 5px;
    border-right: 0 solid #ffffff;
    background: #333333;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
    height: 20px;
    
}
TH.collection-right { 
    font-size: 12px;
    cursor: pointer;
    color: white;
    font-family: Arial;
    height: 20px;
    font-weight: bold;
    background: #333333;
    text-align: right;
    padding-left: 5px;
    border-right: 0 solid #ffffff;
    height: 20px;
} 
 
TH.collection-center { 
    font-size: 12px;
    cursor: pointer;
    color: white;
    font-family: Arial;
    height: 20px;
    font-weight: bold;
    background: #333333;
    text-align: center;
    padding-left: 5px;
    border-right: 0 solid #ffffff;
} 
TH.collection-no-sort { 
    font-size: 12px;
    color: white;
    font-family: Arial;
    height: 20px;
    font-weight: bold;
    background: #333333;
    text-align: left;
    padding-left: 5px;
    border-right: 0 solid #ffffff;
} 
TH.collection-no-sort-right { 
    font-size: 12px;
    color: white;
    font-family: Arial;
    height: 20px;
    font-weight: bold;
    background: #333333;
    text-align: right;
    padding-left: 5px;
    border-right: 0 solid #ffffff;
} 
TH.collection-no-sort-center { 
    font-size: 12px;
    color: white;
    font-family: Arial;
    height: 20px;
    font-weight: bold;
    background: #333333;
    text-align: center;
    padding-left: 5px;
    border-right: 0 solid #ffffff;
} 

/* Column header when mouse hovers to indicate sorting */
TH.collection-hilight { 
    font-size: 12px;
    cursor: pointer;
    color: white;
    font-family: Arial;
    height: 20px;
    font-weight: bold;
    background: #777777;
    text-align: left;
    padding-left: 5px;
    border-right: 0 solid #ffffff;
} 
 
TH.collection-hilight-right { 
    font-size: 12px;
    cursor: pointer;
    color: white;
    font-family: Arial;
    height: 20px;
    font-weight: bold;
    background: #777777;
    text-align: right;
    padding-left: 5px;
    border-right: 0 solid #ffffff;
} 
 
TH.collection-hilight-center { 
    font-size: 12px;
    cursor: pointer;
    color: white;
    font-family: Arial;
    height: 20px;
    font-weight: bold;
    background: #777777;
    text-align: center;
    padding-left: 5px;
    border-right: 0 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;
    font-family: Arial;
    height: 20px;
    background: #333333;
    text-align: left;
    padding-left: 5px;
    border-right: 0 solid #ffffff;
} 
TH.compact-collection-no-sort{
    font-size: 11px;
    color: white;
    font-family: Arial;
    height: 15px;
    background:#333333;
    text-align: left;
    padding-left:5px;
}

/* Row in a collection */
tr.collection {
    font-size: 11px;
    color: #333333;
    font-family: Arial;
    height: 20px;
    background: #f9fafc;
    text-align: left;
    border-right: 0 solid #ffffff;
    border-bottom: 1px solid #e3deb8;
}
/* Style for alternating rows in a collection */
tr.collection-alternate { 
    font-size: 11px;
    color: #333333;
    font-family: Arial;
    height: 20px;
    background: #f3f3ec;
    text-align: left;
    border-right: 0 solid #ffffff;
    border-bottom: 1px solid #e3deb8;
} 
tr.collection-unallocated { 
    font-family: Arial;
    font-size: 11px;
    background: #f0f0f0;
    height: 20px;
} 
tr.collection-allocated { 
    font-family: Arial;
    font-size: 11px;
    background: #dbdbdb;
    height: 20px;
} 
tr.compact-collection {
    font-family: Arial;
    font-size: 10px;
    background: #F9FAFC;
    height:12px;
    padding-left:0px;
}
tr.compact-collection-alternate {
    font-family: Arial;
    font-size: 10px;
    background: #f3f3ec;
    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;
    font-size: 12px;
}

.tabBody {
    margin: 0;
    background-color: #E5E5E5;
    font-family: Arial
}
/* SMART VIEW STYLES */
.SWtext{
    color:#333333;
    font-size: 9px;
    font-family: Verdana;
}
.SWlinks{
    color:#333333;
    font-size: 8px;
    font-family: Arial;
    text-decoration:none;
}
.SWlinks:hover{
    color:#333333;
    font-size: 8px;
    font-family: Arial;
    text-decoration:none;
}
.SWtitle{
    color:#333333;
    font-family:Arial;
    font-size: 11px;
    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-family: Arial;
    font-size: 11px;
    font-weight: bolder;
    text-align: left;
}
.mouseDisplay{
    cursor:pointer;
    cursor:hand;
}
.csLabel{
    background:#000000;
    color:white;
    font-family: Arial;
    font-size: 11px;
    font-weight:bold;
}
.csLabelActive{
    background:#477FB3;
    color:white;
    font-family: Arial;
    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-family: Arial;
    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: #F3F3F3;
    font-size: 130%;
}

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

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

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

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

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

/* START Style for module home page*/
.homeTitle{
    font-family: Arial, Verdana, Sans-Serif;
    color:#211f82;
    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;
}

/* END Style for module home page*/

/*Start login page*/
.loginLabel{
    color:#737176;
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
}
.acceptterms{
    color:#737176;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
}
.copyright{
    color:#9D9F9C;
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
}
/*End login page*/
