/**
 * Copyright (c) 2003-2005 SGSoft Consulting. All Rights Reserved
 *
 * This software is the property of SGSoft and contains HIGHLY CONFIDENTIAL
 * and PROPRIETARY INFORMATION. Use, disclosure, reproduction, modification,
 * distribution or other use of this software and information is permitted
 * only in strict compliance with an express written agreement with SGSoft.
 *
 * CSS: Stylesheet for Xpeedite
 *
 * @author Jerry Shao Gang
 * @version 1.0.0.1
 * @since Created by Jerry Shao Gang May 06, 2003 2:30:03 PM.
 */

/* from Xpeedite */

.sidebarHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    font-weight: bold;
    color: #7D7D7D
}

.sidebarText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    font-weight: normal;
    color: #999999;
    list-style-position: outside;
    list-style-type: square
}

.bodyTextLg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 14pt;
    color: #000000
}

.bodyTextSm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    color: #000000
}

.menuText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    color: #5586A8
}

.fieldRequired {
    background: #ffb6aa
}

.fieldReadonly {
    background: #e8ebf0
}

.hrColor {
    color: #cccccc;
}

.headTextSm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 16pt;
    color: #000000;
    font-weight: bold
}

.menuHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    font-weight: bold;
    color: #FFFFFF
}

.formInput {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    color: #000000;
    background-color: #BDD0DD;
    width: 150px
}

.formButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    color: #FFFFFF;
    background-color: #5586A8;
    width: 60px;
    border-color: #AAC4D5 #416781 #416781 #AAC4D5
}

.formSelectDate {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    color: #000000;
    background-color: #BDD0DD
}

.sidebarHeadOn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    font-weight: bold;
    color: #4F4F4F
}

.bodyTextWh {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 10pt;
    color: #FFFFFF
}

.sidebarHeadOff {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    font-weight: bold;
    color: #949494
}

.formSelect {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 11pt;
    color: #000000;
    background-color: #BDD0DD;
    width: 150px
}

/* base element inheritance formatting */
body {
    margin: 0 auto;
    font-family: arial, geneva, helvetica, sans-serif;
    background-repeat: no-repeat;
}

a {
    font-weight: normal;
}

/* all links are normal */
a:link {
    text-decoration: none
}

/* unvisited link */
a:visited {
    text-decoration: none
}

/* visited links  */
a:active {
    text-decoration: none
}

/* active links   */
a:hover {
    text-decoration: underline
}

.headTextLg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 16pt;
    color: #000000;
    font-weight: bold
}

/* MSIE rollover links   */
table {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-repeat: repeat-x;
    font-size: 8pt;
    color: #333333;
    font-family: arial, cursive;
}

td {
    font-family: arial, geneva, helvetica, sans-serif;
    font-size: 9pt;
}

th {
    font-family: arial, geneva, helvetica, sans-serif;
    font-weight: bold;
}

strong {
    font-size: 9pt;
    font-family: arial, cursive;
}

/* begin defined classes */

/* headline classes */
.headline {
    font-family: verdana, arial, geneva, sans-serif;
    font-size: 110%;
    color: #000000;
    vertical-align: middle;
    text-align: left;
}

/* on-screen hint class */
.hint {
    font-size: x-small;
    color: #000000;
    background: #ffffff;
}

.hintvbm {
    font-size: x-small;
}

/* Message classes */
.note {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffff;
    vertical-align: middle;
    text-align: left;
    padding: 2px;
}

.noteimg {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffcc;
    vertical-align: top;
    text-align: center;
}

.success {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffff;
    vertical-align: middle;
    text-align: left;
    padding: 2px;
}

.successimg {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffcc;
    vertical-align: top;
    text-align: center;
}

.alert {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffcc;
    vertical-align: middle;
    text-align: left;
    padding: 2px;
}

.alertimg {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffcc;
    vertical-align: top;
    text-align: center;
}

.error {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffcc;
    vertical-align: middle;
    text-align: left;
    padding: 2px;
}

.errorimg {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffcc;
    vertical-align: top;
    text-align: center;
}

/* column header classes */
.hdleft {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    text-align: left;
}

.hdright {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    text-align: right;
}

.hdmiddle {
    font-size: smaller;
    color: #333333;
    background: #cccccc;
    text-align: center;
}

.datahd {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #cccccc;
}

.spanhd {
    font-size: smaller;
    font-weight: bold;
    color: #eeeeee;
    background: #003366;
    text-align: left;
}

.spanhdright {
    font-size: smaller;
    font-weight: bold;
    color: #eeeeee;
    background: #003366;
    text-align: right;
}

.spanhdcenter {
    font-size: smaller;
    font-weight: bold;
    color: #eeeeee;
    background: #003366;
    text-align: center;
}

.subhdleft {
    font-size: x-small;
    color: #333333;
    background: #cccccc;
    text-align: left;
}

/* label classes */
.right {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    text-align: right;
}

.topright {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    vertical-align: top;
    text-align: right;
}

.left {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #ffffff;
    text-align: left;
}

.topleft {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #ffffff;
    vertical-align: top;
    text-align: left;
}

.center {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #ffffff;
    text-align: center;
}

.greyright {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    text-align: right;
}

.greyleft {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #ffffff;
    text-align: left;
}

.greycenter {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #eeeeee;
    text-align: center;
}

.greytopright {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    vertical-align: top;
    text-align: right;
}

.greytopleft {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #ffffff;
    vertical-align: top;
    text-align: left;
}

/* remove after changing subright use to fine */
.greysubright {
    font-size: x-small;
    color: #333333;
    background: #cccccc;
    text-align: right;
    font-weight: normal;
}

/* data classes and alternating row color classes */
.data {
    font-size: smaller;
    color: #000000;
    background: #ffffff;
}

.datamiddle {
    font-size: smaller;
    color: #000000;
    background: #ffffff;
    vertical-align: middle
}

.datagrey {
    font-size: smaller;
    color: #000000;
    background: #eeeeee;
}

.datalightblue {
    font-size: smaller;
    color: #000000;
    background: #E1F8F9;
}

.bdata {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffff;
}

.bdatagrey {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #eeeeee;
}

.datart {
    font-size: smaller;
    color: #000000;
    background: #ffffff;
    text-align: right;
}

.datartgrey {
    font-size: smaller;
    color: #000000;
    background: #eeeeee;
    text-align: right;
}

.bdatart {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffff;
    text-align: right;
}

.bdatartgrey {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #eeeeee;
    text-align: right;
}

.curr {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffff;
    text-align: right;
}

.currgrey {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #eeeeee;
    text-align: right;
}

.currleft {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    background: #ffffff;
    text-align: left;
}

.color {
    color: #800000;
}

/*change to 000000 if FI doesn't want negative numbers to be red*/
.subdata {
    font-size: x-small;
    color: #000000;
    background: #ffffff
}

.subdatagrey {
    font-size: x-small;
    color: #000000;
    background: #eeeeee
}

.dataright {
    font-size: smaller;
    color: #000000;
    background: #ffffff;
    text-align: right;
}

.datagreyright {
    font-size: smaller;
    color: #000000;
    background: #eeeeee;
    text-align: right;
}

.yellow {
    font-size: smaller;
    color: #000000;
    background: #ffffcc;
    vertical-align: middle;
    text-align: left;
}

/* vrm classes and account balance classes */
.subcurr {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    text-align: right;
}

.editorial {
    font-size: smaller;
    color: #000000;
    background: #ffffff;
}

.editgrey {
    font-size: smaller;
    color: #000000;
    background: #eeeeee;
}

/* fine print for inputs and tables */
.fine {
    font-size: x-small;
    font-weight: normal;
    color: #333333;
}

.fineright {
    font-size: x-small;
    font-weight: normal;
    color: #333333;
    text-align: right;
}

.finewhite {
    font-size: x-small;
    font-weight: normal;
    color: #000000;
    background: #ffffff;
}

.subright {
    font-size: x-small;
    font-weight: normal;
    color: #333333;
    background: #cccccc;
    text-align: right;
}

/* form element cell classes */
.input {
    font-size: smaller;
    background: #ffffff;
    vertical-align: baseline;
}

.topinput {
    font-size: smaller;
    background: #ffffff;
    vertical-align: top;
}

.btminput {
    font-size: smaller;
    background: #ffffff;
    vertical-align: bottom;
}

.inputgrey {
    font-size: smaller;
    background: #eeeeee;
    vertical-align: baseline;
}

.submit {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #ffffff;
    vertical-align: middle;
    text-align: right;
}

.submitgrey {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    vertical-align: middle;
    text-align: right;
}

.inputtop {
    font-size: smaller;
    vertical-align: top;
    background: #ffffff;
}

/* help classes */
.help {
    font-family: arial, helvetica, sans-serif;
    font-size: smaller;
    color: #666666;
    background: #ffffcc;
}

/* navigation bar classes */
.navtext {
    font-size: x-small;
    color: #000066;
    text-align: right;
}

.info {
    font-size: x-small;
    color: #000066;
    background: #eeeeee;
}

.infotext {
    padding-left: 2pt;
}

/* footer classes */
.footlt {
    font-size: x-small;
    color: #333333;
    background: #cccccc;
}

.footdk {
    font-size: x-small;
    color: #cccccc;
    background: #333333;
}

/* background packing classes */
.bkgnd {
    font-size: 1pt;
}

.wtspace {
    font-size: 1pt;
    background: #ffffff;
}

.greyspace {
    font-size: 1pt;
    background: #eeeeee;
}

.yellowspace {
    font-size: 1pt;
    background: #ffffcc;
}

.bottom {
    vertical-align: bottom;
}

/* additional VIM classes */
.yellowbar {
    font-size: smaller;
    background: #ffffcc;
    text-align: left;
}

.yellowbarrt {
    font-size: smaller;
    background: #ffffcc;
    text-align: right;
}

.yellowspace {
    font-size: 4pt;
    background: #ffffcc;
}

.datacntr {
    font-size: smaller;
    color: #000000;
    background: #ffffff;
    text-align: center;
}

.datacntrgrey {
    font-size: smaller;
    color: #000000;
    background: #eeeeee;
    text-align: center;
}

.hdctr {
    font-size: smaller;
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    text-align: center;
}

.formBtn {
    width: 85px;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;
    border-top: 1px solid #cecece;
    border-bottom: 2px solid #4a4a4a;
    border-left: 1px solid #cecece;
    border-right: 2px solid #4a4a4a;
    color: #000;
    background-color: #d6d3ce;
}

.ul {
    border-bottom: 1px solid #c6c6c6
}

.blur {
    background-color: #ccc; /*shadow color*/
    color: inherit;
    margin-left: 4px;
    margin-top: 4px;
}

.shadow,
.content {
    position: relative;
    bottom: 2px;
    right: 2px;
}

.shadow {
    background-color: #666; /*shadow color*/
    color: inherit;
}

.content {
    background-color: #e8ebf0; /*background color of content*/
    color: #000; /*text color of content*/
    border: 1px solid #000; /*border color*/
    padding: .5em 2ex;
}

.dojoHtmlFisheyeListBar {
    margin: 0 auto;
    text-align: center;
}

.outerbar {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.clock0 {
    font-weight: bold;
    padding: 2px;
}

.clock1 {
    padding: 2px;
}

.printOrder {
    font-weight: bold;
    padding: 2px;
}

.leftOrder {
    text-align: right;
    width: 160px;
    white-space: nowrap;
}

.fieldStyle {
    width: 235px;
}

.numberStyle {
    text-align: right;
}

.tableWidth {
    width: 600px;
}

/* multiselect styles */
.multiselect {
    width: 480px;
    height: 200px;
}

.border {
    border-right: 1px solid #ccc;
}

.rborder {
    cursor: pointer;
    text-align: center;
}