/*  THEME - Order Point Default Theme  */
body {
    background-color: #ffffff;
    font-family: arial, verdana, helvetica;
    font-size:0.8em;
    margin-right: 10px;
    padding-right: 10px; 
    margin-left: 10px;
    padding-left: 10px; 
}    

.resizepanel .resizehandle { position:absolute; width:25px; height:4px; right:0; bottom:0; margin:0; padding:0; z-index:1; background:#666;  cursor:se-resize; font-size:2px; }

/* Styles used for data entry forms */


span.formLabel {
    font-weight: bold;
    color: #000000;
    margin: 0px 10px 0px 0px;
    padding: 5px 10px 5px 5px;
    text-align: right;
    font-size: 0.8em;
    white-space: nowrap;
}

td.formLabel {
    font-weight: bold;
    color: #000000;
    margin: 0px 10px 0px 0px;
    padding: 5px 10px 5px 5px;
    text-align: right;
    font-size: 0.8em;
    white-space: nowrap;
}

td.formLabelLeft {
    font-weight: bold;
    color: #000000;
    margin: 0px 10px 0px 0px;
    padding: 5px 10px 5px 5px;
    text-align: left;
    font-size: 0.8em;
}

td.formLabelCenter {
    font-weight: bold;
    color: #000000;
    margin: 0px 10px 0px 0px;
    padding: 5px 10px 5px 5px;
    text-align: center;
    font-size: 0.8em;
}



div.borderButton {
    font-size: 0.8em;
    background-color: #dfdfdf;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
}


div.borderButton:hover {
    color: #000000;
    background-color: #666666;
    border: none;
}
  

td.formDisplay {
    font-size: 0.8em;
    font-weight: normal;
    background-color: #ffffff;
    color: #000000;
    padding:2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
}

td.formDisplayNumber {
    font-size: 0.8em;
    font-weight: normal;
    background-color: #ffffff;
    color: #000000;
    padding:2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
    text-align: right;
}


div.tdPlainDisplay {
    background-color: #dfdfdf;
    color: #000000;
    padding:  2px 3px 2px 3px;
    margin:  0px 2px 0px 0px;
}


span.tdDisplaySized {
    font-size: 0.8em;
    background-color: #dfdfdf;
    color: #000000;
    padding:  2px 3px 2px 3px;
    margin:  0px 2px 0px 0px;
    border: 1px solid #aaaaaa;
}

span.tdDisplay {
    background-color: #dfdfdf;
    color: #000000;
    padding:  2px 3px 2px 3px;
    margin:  0px 2px 0px 0px;
    border: 1px solid #aaaaaa;
}

div.tdDisplay {
    background-color: #dfdfdf;
    color: #000000;
    padding:  2px 3px 2px 3px;
    margin:  0px 2px 0px 0px;
    border: 1px solid #aaaaaa;
}

div.tdDisplayRight {
    background-color: #dfdfdf;
    color: #000000;
    padding:  2px 3px 2px 3px;
    margin:  0px 2px 0px 0px;
    border: 1px solid #aaaaaa;
    text-align: right;
}

div.tdErrorDisplay {
    background-color: #dfdfdf;
    color: #ff0000;
    padding:  2px 3px 2px 3px;
    margin:  0px 2px 0px 0px;
    border: 1px solid #aaaaaa;
}

div.tdSuggestDisplay {
    color: #0000ff;
    padding:  2px 3px 2px 3px;
    margin:  0px 2px 0px 0px;
    border: 1px solid #aaaaaa;
}

/*
td.formInput {
    text-align: center;
}
*/

input.formInput {
    font-size: 0.8em;
     text-transform: uppercase; 
}



input.formInputError {
    font-size: 0.8em;
    background: red;
     text-transform: uppercase; 
}

input.formInputNoUpper {
    font-size: 0.8em;
}

input.formInputNested {
    font-size: 1.0em;
     text-transform: uppercase; 
}


td.formInput {
}

tr.formRow {
}



/* Buttons */



.tabContainer {
padding: 4px 0px 4px 0px;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
border-top: solid #CCCCCC 1px;
border-bottom: solid #CCCCCC 1px;
text-align: center;
}


a.imageButton {
    background-color: #ffffff;
    text-decoration: none;
}


span.formLabel {
    font-weight: bold;
    margin-right: 10px;
    padding-right: 10px; 
    margin-left: 5px;
    padding-left: 5px; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    text-align: right;
    font-size: 0.8em;
    white-space: nowrap;
}




A.buttonInactive {
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-weight: bold;
text-decoration: none;
color: GRAY;
background-color: #d5eeff;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
border: outset #bbbbbb 2px;
}



A.defaultButton {
font-weight: bold;
text-decoration: none;
color: #000000;
background-color: #dfdfdf;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: outset #bbbbbb 2px;
}

A.defaultButton:hover {
font-weight: bold;
text-decoration: none;
color: #000000;
background-color: #dfdfdf;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: outset #bbbbbb 2px;
}
  
A.defaultButton:active {
font-weight: bold;
text-decoration: none;
color: #000000;
background-color: #dfdfdf;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: inset #bbbbbb 2px;
}
  

A.button {
font-weight: bold;
text-decoration: none;
color: #000000;
background-color: #d5eeff;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: outset #bbbbbb 2px;
}

/* set this class to make button disable*/
A.buttonDisabled {
font-weight: bold;
text-decoration: none;
color: #000000;
background-color: #d5eeff;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: outset #bbbbbb 2px;
opacity: 0.65;
pointer-events: none;
cursor: default;
}

A.button:hover {
font-weight: bold;
text-decoration: none;
color: #000000;
background-color: #dfdfdf;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: outset #bbbbbb 2px;
}
  
A.button:active {
font-weight: bold;
text-decoration: none;
color: #000000;
background-color: #dfdfdf;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: inset #bbbbbb 2px;
}
  
A.enterButton {
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-weight: bold;
text-decoration: none;
color: red;
background-color: #d5eeff;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
border: outset #bbbbbb 2px;
}



A.enterButton:hover {
color: #000000;
background-color: #dfdfdf;
border: outset #bbbbbb 2px;
}
  
A.enterButton:active {
color: #000000;
background-color: #dfdfdf;
border: inset #bbbbbb 2px;
}
  



A.tabButton {
font-weight: bold ;
text-decoration: none;
color: #000000;
background-color: #d5eeff;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: solid #bbbbbb 1px;
}

A.tabButtonSelected {
font-weight: bold ;
text-decoration: none;
color: #000000;
background-color: #dfdfdf;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: solid #bbbbbb 1px;
}


A.tabButton:hover {
font-weight: bold ;
text-decoration: none;
color: #000000;
background-color: #aaaaaa;
padding: 1px 5px 1px 5px;
margin: 5px 5px 5px 5px;
border: solid #bbbbbb 1px;
}
  



table.formTable {
    border: none;
    margin: 0px 0px 0px 0px;
}


/* Styles used for data tables. */

div.tableData {
    text-align:center;
}



/* Table Headers */

tr.header {
    background-color: #666666 ;
    color: #ffffff ;
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    font-size: 0.8em;
}

td.headerCell {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}


td.totalCellLeft {
     /* background-color : transparent ; */
     color : #ffffff ;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     text-align: left;
}


td.totalCellNumber {
    /*  background-color : transparent ; */
     color : #ffffff ;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     text-align: right;
}

td.totalCellRight {
    /* background-color : transparent ; */
     color : #ffffff ;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     text-align: right;
}

a.headerButton {
    background-color : transparent;
    text-decoration : none ;
    color :  #ffffff;
    display: block;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
    width: 100%;
    font-weight: bold;
}

a:hover.headerButton {
    background-color : #aaaaaa;
    color : #000000 ;
    display: block;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
    width: 100%;
    font-weight: bold;
}

div.headerButton {
    text-align: center;
    padding: 2px 5px 2px 5px;
}

/* Table Row Data */


tr.imageSummaryRow {
    font-size: 0.8em;
    background-color: transparent;
}

tr.evenRow {
    font-size: 0.8em;
    background-color: #dfdfdf;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}

tr.oddRow {
    font-size: 0.8em;
    background-color: #d5eeff;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}

tr.hoverRow {
    font-size: 0.8em;
    background-color : #aaaaaa;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}

tr.plainRow {
    font-size: 0.8em;
    background-color: #ffffff;
}

tr.plainRowHeader {
    font-size: 0.8em;
    background-color: #eef6ff;
}

td.displayCellInLineButton {
    border-right: 3px solid #ffffff;
    padding: 0px 0px 0px 0px;
}
td.displayCell {
    padding: 0px 0px 0px 0px;
}
td.displayCellCurrency {
    padding: 0px 0px 0px 0px;
    text-align:right;
}
td.displayCellNumber {
    padding: 0px 0px 0px 0px;
    text-align:right;
}

td.displayCellDate {
    padding: 0px 0px 0px 0px;
    text-align:center;
}


td.displayCellCenter {
    padding: 0px 0px 0px 0px;
    text-align:center;
}

td.displayCellLeft {
    padding: 0px 0px 0px 0px;
    text-align: left;
}

td.displayCellRight {
    padding: 0px 0px 0px 0px;
    text-align: right;
}

div.displayCellRight {
    padding: 0px 0px 0px 0px;
    text-align: right;
}

div.displayCellRight {
    padding: 0px 0px 0px 0px;
    text-align: right;
}


table.dataTable {
     background-color: #ffffff;
     /*
     border-style: none;
     border-width: 0px;
     border-spacing: 0px;
     */
}


a.tdButtonInactive {
    background-color : transparent;
    text-decoration : none ;
    color : gray ;
    display: block;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 100%;
    font-weight:bold;
}


a.tdButtonCenter {
    background-color : transparent;
    text-decoration : none ;
    color : #000000 ;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: Center;
    width: 100%;
    font-weight: bold;
}

a:hover.tdButtonCenter {
    background-color : #aaaaaa;
    color : #000000  ;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: Center;
    width: 100%;
    font-weight: bold;
}

a.tdButton {
    background-color : transparent;
    text-decoration : none ;
    color : #000000 ;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 100%;
    font-weight: bold;
}

a:hover.tdButton {
    background-color : #aaaaaa;
    color : #000000  ;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 100%;
    font-weight: bold;
}

div.tdContent {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
}

div.tdContentRight {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    text-align: right;
}
div.tdContentCurrency {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    text-align: right;
}

div.tdContentNumber {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    text-align: right;
}

div.tdContentDate {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

div.inLineButton {
    border-right: 4px solid #ffffff;
    padding:  2px 5px 2px 5px;
    text-align: right;
}


/****************  END OF DISPLAY TABLE  *********************/




/* Styles for boxes with title tops. */

/* The following 3 are used to display a customer version value at the page title e.g. aragingA541.jsp*/
td.boxTopNoBorderLeft{
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    background-color: #d5eeff;
    color: #000000;
    border-top: 1px solid #999999;    
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    text-align: center;
    white-space: nowrap;
}

td.boxTopNoBorderMiddle{
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    background-color: #d5eeff;
    color: #000000;
    border-top: 1px solid #999999;    
    border-bottom: 1px solid #999999;    
    text-align: center;
    white-space: nowrap;
}

td.boxTopNoBorderRight{
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    background-color: #d5eeff;
    color: #000000;
    border-top: 1px solid #999999;    
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    text-align: right;
    white-space: nowrap;
}

td.boxTop {
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    background-color: #d5eeff;
    color: #000000;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    white-space: nowrap;
}

td.middleBoxTop {
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    background-color: #d5eeff;
    color: #000000;
    border-top: 0px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    white-space: nowrap;
}

td.boxContent {
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    background-color: #ffffff;
    color: #000000;
    border-top: 0px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    
}


/* Styles used for the legacy menu */


td.deadMenu {
    font-size: 0.8em;
     background-color: transparent;
     color : #A1A1A1 ;
    padding: 1px 5px 1px 2px;
}


td.menuRowWorks {
    font-size: 0.8em;
    padding: 1px 5px 1px 2px;
}

td.menuRowWorks A {
     display: block;
     text-decoration : none ;
     background-color: transparent;
     color : #000000 ;
     width: 100%;
}                

td.menuRowWorks A:hover {
     text-decoration : none ;
     background-color: #d5eeff;
     color : black ;
     width: 100%;
}             


td.feedBackCell {
    font-size: 0.8em;
    color : #ff0000 ;
}


span.feedBackCell {
    color : #ff0000 ;
}


input.hiddenButton {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #000000;
    border: 0px none #ffffff ;
    width: 0px;
    height: 0px;
}


td.line {
    background-color: #666666;
}

td.boxTopLeft {
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    background-color: #d5eeff;
    color: #000000;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: left;
    white-space: nowrap;
}

td.boxTopRight {
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    background-color: #d5eeff;
    color: #000000;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: right;
    white-space: nowrap;
}

A.tabButtonNoBorder {
font-weight: bold ;
text-decoration: none;
color: #000000;
background-color: #d5eeff;
padding:  0px 0px 0px 0px;
margin:  0px 10px 0px 0px;
border:  0px none #ffffff;
}