/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/* This file contains content which comes from the Apache OFBIZ project but may have been modified */
/* This file has been modified by Open Source Strategies, Inc. */

/* This file should be packed with http://www.cleancss.com/ and then saved as opentaps-packed.css */

/* ===== General Styles ===== */
BODY {
background: white;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;

text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

FORM {
margin: 0px;
}

UL {
margin-top: 0;
margin-bottom: 0;
}

.endcolumns {
clear: both;
height: 0px;
visibility: hidden;
}

.head1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 12pt;
font-weight: bold;
color: #000099;
}

.head2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
color: #000000;
}

.head3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 8pt;
font-weight: bold;
color: #000000;
}

.info {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
font-style: normal;
color: #000000;
}

textarea, .textAreaBox {
/* textAreaBox is deprecated */
background-color: #ffffff;
border: #999999 solid 1px;
font-size: 1.1em;
}

th, table tr th, .tableheadtext {
/* tableheadtext is deprecated */
color: #000000;
font-weight: bold;
font-size: 10px;
}

DIV.graybox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
background: #CCCCCC;
border: 1px solid #000000;
text-align: center;
margin: 2px auto;
width: auto;
padding: 4px;
}

DIV.tabletexthidden {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
visibility: hidden;
}

A.tabletext, DIV.tabletext, SPAN.tabletext, P.tabletext, .tabletext {
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

A.tabletext:hover {
font-size: 10px;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tabletextright {
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvettica, sans-serif;
text-align: right;
}

.tablebuttontext {
font-size: 10px;
color: #1E3C66;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contenttext {
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.headerboxoutside {
background: #FFFFFF;
padding: 0;
}

.headerboxtop {
background: #FFFFFF;
padding: 4px;
border-color: #FFFFFF;
border-style: solid;
border-width: 1px 1px 0px 1px;
}

.headerboxbottom {
background: #FFFFFF;
padding: 0;
border-color: #FFFFFF;
border-style: solid;
border-width: 0px 1px 1px 1px;
}

.boxhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

DIV.boxtop {
margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding: 0; text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #000099;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

DIV.boxhead-left {
border: none; float: left; margin: 0; padding: 0; width: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

DIV.boxhead-fill {
margin: 0; padding: 0; border: none; text-align: center; width: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

DIV.boxhead-right {
border: none; float: right; margin: 0; padding: 0; width: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.boxheadbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.boxheadbutton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: red;
}

.boxoutside {
background: #FFFFFF;
padding: 0px;
border-color: #999999;
border-style: solid;
border-width: 1px 1px 1px 1px;
}

.boxtop {
background: #000099;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.boxbottom {
background: #FFFFFF;
padding: 4px;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.button {
border-style: outset; border-color: #9999CC; border-width: 2px;
background: #dddddd;
padding-right: 5px; padding-left: 5px;
}

/* ===== Tab/Button Bar Styles ===== */
.tabContainer {
background: #FFFFFF;
padding-top: 4px;
margin-bottom: 10px;
}

A.tabButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
background: #D4D0C8;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
border: solid #000099 1px;
}

A.tabButton:hover {
color: #FFFFFF;
background: #000099;
border: solid #000099 1px;
}

A.tabButtonSelected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
background: #000099;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
border: solid #000099 1px;
}

A.tabButtonSelected:hover {
color: #FFFFFF;
border: solid #000099 1px;
}

.tableheadtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: black;
}

A.tableheadbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: black;
}

A.tableheadbutton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
color: red;
}

.browsecategorytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
text-indent: -10px;
}

A.browsecategorybutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
}

A.browsecategorybutton:hover {
color: #000099;
text-decoration: underline;
}

.browsecategorybuttondisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #333333;
}

A.buttontext, .buttontextdisabled {
background-color: #ffffff;
border: #999999 solid 1px;
margin: 0 0.1em 0 0.1em;
padding: 0.1em 0.4em 0.1em 0.4em;
white-space: nowrap;
font-size: 10px;
}

A.buttontext {
color: #000099;
}

A.buttontext:hover {
color: red;
text-decoration: none;
}

A.linktext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
text-decoration: none;
color: #0000BB;
}

A.linktext:visited {
color: #6633CC;
}

A.linktext:hover {
text-decoration: underline;
}

.buttontextdisabled {
color: #333333;
}

A.headerbuttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
}


A.headerbuttontext:hover {
color: black;
text-decoration: underline;
}

.submenutextinfo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid #5886C6
}

.submenutext, A.submenutext, A.submenutext:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: yellow;
padding-left: 2px;
padding-right: 5px;
border-right: 1px solid #5886C6
}

A.submenutext:hover {
color: yellow;
text-decoration: underline;
}

.submenutextdisabled, A.submenutextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
padding-left: 2px;
padding-right: 5px;
border-right: 1px solid #5886C6
}

A.submenutextdisabled:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
color: yellow;
}

.submenutextinforight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
padding-left: 2px;
}

.submenutextright, A.submenutextright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: yellow;
padding-left: 2px;
}

A.submenutextright:hover {
color: yellow;
text-decoration: underline;
}

.submenutextrightdisabled, A.submenutextrightdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
padding-left: 2px;
}

A.submenutextrightdisabled:hover {
text-decoration: underline;
color: yellow;
}

A.lightbuttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: yellow;
border: none;
}

A.lightbuttontext:hover {
color: yellow;
text-decoration: underline;
}

A.lightbuttontextsmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
font-weight: bold;
text-decoration: none;
color: yellow;
border: none;
}

A.lightbuttontextsmall:hover {
color: yellow;
text-decoration: underline;
}

.lightbuttontextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
}

A.buttontextbig, .buttontextbigdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
background: white;
border: #999999 solid 1px;
margin: 2px 2px 2px 2px;
padding: 1px 4px 1px 4px;
}
A.buttontextbig {
color: #000099;
}
.buttontextbigdisabled {
color: #CCCCCC;
}
A.buttontextbig:hover {
color: red;
text-decoration: underline;
}

A IMG.imageborder {
border-style: solid;
border-width: 1px;
border-color: #999999;
}

.headerButtonLeft {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
background: #B4B0AA;
border-right: solid white 1px;
padding-right: 10px;
padding-left: 10px;
}

.headerButtonLeft:hover {
background: #D4D0C8;
color: black;
text-decoration: underline;
}

.headerButtonLeftSelected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
background: #D4D0C8;
border-right: solid white 1px;
padding-right: 10px;
padding-left: 10px;
}

.headerButtonRight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
background: #B4B0AA;
border-left: solid white 1px;
padding-right: 10px;
padding-left: 10px;
text-align: right;
}

.headerButtonRight:hover {
background: #D4D0C8;
color: black;
text-decoration: underline;
}

.headerButtonRightSelected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
background: #D4D0C8;
border-left: solid white 1px;
padding-right: 10px;
padding-left: 10px;
}

.headerCenter {
background: #B4B0AA;
padding-right: 10px;
padding-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000000;
}

A.headerCenter {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
background: #D4D0C8;
padding-right: 10px;
padding-left: 10px;
}

A.headerCenter:hover {
background: #D4D0C8;
color: black;
text-decoration: underline;
}

.headerCenterSelected {
background: #D4D0C8;
padding-right: 10px;
padding-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #000000;
}

.headerCompanyName {
margin: 0px;
font-size: 12pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000099;
white-space: nowrap;
}

.headerCompanySubtitle {
margin: 0px;
font-size: xx-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #330099;
white-space: nowrap;
}

.insideHeaderText {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: black;
margin-top: 3px;
}

.insideHeaderSubtext {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
margin-top: 3px;
}

A.insideHeaderLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
}

A.insideHeaderLink:hover {
color: black;
text-decoration: underline;
}

.insideHeaderDisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #666666;
}

.headersmalltext {
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
}
a.headersmalllink {
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000099;
text-decoration: none;
}
a.headersmalllink:hover {
color: red;
}

HR.sepbar {
font-size: xx-small;
width: 100%;
height: 1px;
background: #999999;
border-width: 0px;
}

/* headers preceding the list of errors or events */
.errorMessageHeader {
font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
color: red;
margin-bottom: 3px;
}
.eventMessageHeader {
font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
color: #000099;
margin-bottom: 3px;
}

/* list block style */
.errorList {
list-style-type: none;
font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
color: red;
margin: 0px;
padding-left: 20px;
}
.eventList {
list-style-type: none;
font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
color: #000099;
margin: 0px;
padding-left: 20px;
}

/* list item style */
.errorMessage {
color: #ff0000;
font-size: 1.1em;
font-weight: bold;
}

.eventMessage {
}

.ontab {
font-size: 8pt;
background: black;
padding: 2px;
border-style: inset;
border-width: 3px;
}

a.onlnk {
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 2px;
}

.offtab {
font-size: 10px;
background: #CCCCCC;
padding: 2px;
border-style: outset;
border-width: 3px;
}

a.offlnk {
font-size: 10px;
font-weight: bold;
color: #000099;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 2px;
}

a.offlnk:hover {
color: red;
}

.areaheader {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
width: 100%;
background: black;
padding: 2px;
}

.edittable {
border-color: #000000 #000000 #003333;
border-style: solid;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin
}

.viewOneTR1 {
background: #B4B0AA;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.viewOneTR2 {
background: #D4D0C8;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.viewManyHeaderTR {
background: #99CCFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.viewManyTR1 {
background: #D4D0C8;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.viewManyTR2 {
background: #FFFFFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.editInputBox {
background: #FFFFFF;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: white;
border: #999999 solid 1px;
margin: 2px;
}

.basic-form select,
.basic-form input[type="text"],
.inputBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: #FFFFFF url("/opentaps_images/text-bg.gif") repeat-x scroll 0 0;
font-size: 8pt;
border: #999999 solid 1px;
margin: 2px;
}

.selectBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 8pt;
background: white;
border: #999999 solid 1px;
margin: 2px;
}

.textAreaBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 8pt;
background: white;
border: #999999 solid 1px;
margin: 2px;
}

.radioButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 8pt;
}

.checkBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 8pt;
}

.basic-form input[type="submit"],
.basic-form input[type="reset"],
.smallSubmit,
.smallSubmit:visited,
.smallSubmitDisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-decoration: none;
color: #000099;
background: white;
border: #999999 solid 1px;
margin: 2px;
padding: 0px 6px;
}

.smallSubmitDisabled {
color: #666666;
}

.basic-table tr .smallSubmit,
.basic-table tr .smallSubmitDisabled { 
line-height: 1.8em;
}

.mediumSubmit,
.largeSubmit,
.loginButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #000099;
background: white;
border: #999999 solid 1px;
margin: 2px;
}

.smallSubmit:active,
.smallSubmit:hover,
.mediumSubmit:active,
.mediumSubmit:hover,
.largeSubmit:active,
.largeSubmit:hover,
.loginButton:hover {
color: red;
text-decoration: underline;
}

.smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}

.basePrice {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
}

.normalPrice {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: green;
}

.salePrice {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: red;
}

/* Form layout styles to simulate a table-style layout */
.form-row {
clear: both;
padding-top: 2px;
}
.form-label {
float: left;
width: 180px;
text-align: right;
padding-top: 5px;
}
.form-field {
float: left;
margin-left: 10px;
text-align: left;
}

/* ===== Product Summary Styles ===== */
.product-prevnext {
text-align: right;
}

.productsummary-container {
margin-top: 5px;
margin-bottom: 5px;
border-top: #999 solid 1px;
}

.productsummary {
position: relative;
padding: 5px;
border-bottom: #999 solid 1px;
min-height: 60px;
height:auto !important;
height:60px;
}

.productsummary .smallimage {
float: left;
/* position: absolute; top: 5px; left: 5px; */
margin: 0px 5px 5px 0px;
}
.productsummary .smallimage img {
border: #CCC solid 1px;
height: 50px;
}

.productsummary .productbuy {
float: right;
width: 130px;
margin: 5px;
text-align: right;
}

.productsummary .productinfo {
/* margin-left: 60px; */
text-align: left;
}

/* ===== Product Detail Styles ===== */
#productdetail #long-description {
margin-top: 10px;
padding-top: 5px;
border-top: #999 solid 1px;
}

#productdetail #reviews {
margin-top: 10px;
padding-top: 5px;
border-top: #999 solid 1px;
}

#productdetail #associated-products {
margin-top: 10px;
padding-top: 5px;
border-top: #999 solid 1px;
}

.treeWrapper { 
color:black; 
background:#ffffff; 
font-size:12pt; 
font-weight: normal;
font-family:verdana, arial, sans-serif;
text-align:left;
text-decoration:none;
margin-left:12px;
margin-top:2px;
border-top:1px solid black;
border-left:1px solid black;
}

BODY.lookupBody {
    margin: 10px;
    background-color: white;
}

/* ======================== */
/* ===== Table Styles ===== */
/* ======================== */

.basic-table {
width: 100%;
empty-cells: show; /* ensure border appears also for empty cells */
background-color: #ffffff;
color: #000000;
}

.basic-table tr td {
/* Style for all cells */
padding: 0.1em;
}

.basic-table tr .label,
.basic-table tr .group-label {
/* field labels for forms */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: black;
white-space: nowrap;
text-align: right;
padding-right: 1.5em;
width: 20%;
}

.basic-table tr .group-label {
/* "header" for field label groups */
font-size: 1.2em;
padding: 2em 1.5em 0 0;
}

.basic-table tr th,
.basic-table .header-row {
font-weight: bold;
text-align: left;
}

.basic-table .header-row td {
border-bottom: 1px solid #000000;
}

.basic-table .header-row td a {
color: #000000;
}

.basic-table .viewManyTR1,
.basic-table .alternate-row,
.basic-table .alternate-row form
 {
/* Alternating row style */
/* .viewManyTR1 deprecated - use .alternate-row */
background-color: #eeeeee;
}

.basic-table tr .button-col {
/* button column style - for the small
collection of buttons used in lists */
vertical-align: top;
}

.basic-table tr .button-col a {
background-color: #ffffff;
border: #999999 solid 1px;
color: #000099;
float: left;
margin: 0 0.1em 0 0.1em;
padding: 0.1em 0.4em 0.1em 0.4em;
white-space: nowrap;
}

.basic-table tr .smallSubmit,
.basic-table tr .smallSubmit:visited {
white-space: nowrap;
}

/* ===== Table decorator - Hover bar ===== */

.hover-bar tr:hover {
background-color: #cccccc;
cursor: default;
}

.hover-bar tr:hover form {
background-color: #cccccc;
}

.hover-bar .header-row:hover,
.hover-bar tr th:hover {
background-color: #ffffff;
color: #000000;
}

/* ===== Table decorator - Grid ===== */

/* These decorators need an IE hack. IE7 does not
render borders around empty <td> elements */

.dark-grid {
/* dark grid */
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}

.dark-grid td {
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}

.light-grid {
/* light grid */
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}

.light-grid td,
.light-grid .header-row td{
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

/* ======================= */
/* ===== Tree Styles ===== */
/* ======================= */

.basic-tree {
/* placeholder */
}

.basic-tree ul {
padding-left: 1em;
}

.basic-tree li {
padding-left: 1em;
white-space: nowrap;
}

.basic-tree li .expanded {
background: url(/images/collapse.gif) no-repeat left center;
padding-right: 1em;
}

.basic-tree li .collapsed {
background: url(/images/expand.gif) no-repeat left center;
padding-right: 1em;
}

.basic-tree li .treeitem {
/* treeitem is deprecated */
border-style: none;
color: #000099;
font-size: 1em;
}

.basic-tree li a:hover {
color: #0000ff;
}


/* ======================== */
/* ===== Form Styles ===== */
/* ======================== */

.basic-form table {
width: 100%;
}

.basic-form, table .header-row:hover {
background-color: #ffffff;
color: #000000;
}

.basic-form table tr td {
padding: 0.1em;
}

.basic-form table tr .label,
.basic-form table tr .group-label {
/* field labels for forms */
white-space: nowrap;
font-weight: bold;
text-align: right;
padding-right: 1.5em;
width: 20%;
}

.basic-form table tr .group-label {
/* "header" for field label groups */
font-size: 1.2em;
padding: 2em 1.5em 0 0;
}

.basic-form table tr th,
.basic-form table .header-row {
font-weight: bold;
text-align: left;
}

.basic-form table .header-row:hover,
.basic-form table tr th:hover{
background-color: #ffffff;
color: #000000;
}

.basic-form table .header-row td {
border-bottom: 1px solid #999999;
}

.basic-form table .viewManyTR1,
.basic-form table .alternate-row {
/* Alternating row style */
/* .viewManyTR1 deprecated - use .alternate-row */
background-color: #eeeeee;
}

.basic-form table tr td .disabled {
background-color: #cccccc;
color: #333366;
text-decoration: none;
}

/* ===== Form decorator - Form Widget ===== */

.form-widget table tr .label,
.form-widget-table tr .label {
/* Added for backward compatibility */
width: 20%;
}

.form-widget table,
.form-widget-table {
width: auto;
}

.tooltip {
/* tooltip style */
background-color: #fffff2;
color: #444444;
font-style: italic;
margin: 1.0em;
padding: 0.1em;
}

.gwtVoipNotification table {
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    position:fixed;
    _position:absolute;
    top:30px;
    _top:expression(eval(document.body.scrollTop)+30);
    right:320px;
    z-index:1;
    background-color:#eeeeee;
    border:1px solid black;
    padding:10px 10px 8px;
}

.treewrapper {
margin-left: 10px;
}

.treeitem {
color: blue;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
border: #888888 solid 1px;
}

DIV.centerarea {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}

.whitearea {
background-color: #FFFFFF;
}

.blackarea {
background-color: #000000;
}

.mainblock {
background-color: #D4D0C8;
vertical-align: top;
}

.tabdownblock {
background-color: white;
}

.tabdowncenter {
font-family: Arial, Helvetica, sans-serif;
background-image: url(/images/tabs/tab_down_fill.gif);
background-color: white;
font-size: 15pt;
text-align: center;
vertical-align: middle;
color: #000000;
}

.tabdownleft {
background-image: url(/images/tabs/tab_down_left.gif);
background-color: white;
	
}

.tabdownright {
background-image: url(/images/tabs/tab_down_right.gif);
background-color: white;
}

.tabupcenter {
font-family: Arial, Helvetica, sans-serif;
background-image: url(/images/tabs/tab_up_fill.gif);
background-color: #D4D0C8;	
font-size: 15pt;
text-align: center;
vertical-align: middle;
color: #000000;
}

.tabupleft {
background-image: url(/images/tabs/tab_up_left.gif);
background-color: #D4D0C8;    
border-width: 0px;
padding: 0px;
}

.tabupright {
background-image: url(/images/tabs/tab_up_right.gif);
background-color: #D4D0C8;
}

A.tablink,A.tablink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: center;
text-decoration: none;
color: #000000;
}

A.tablinkselected,A.tablinkselected:hover {
font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
color: white;
}

A.tablinkselected:hover {
text-decoration: underline;
}

A.tablink:hover,A.tablink:active {
color: red;
text-decoration: underline;
}

.apptitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #000099;	
line-height: 2;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;	
display: block;
width: 100%;
}

DIV.row {  
background-color: #B4B0AA;
margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding: 0; text-align: center;
}

DIV.col {
border: none; float: left; margin: 0; padding: 0; width: auto;
}

DIV.col-fill {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; text-decoration: none;
background-color: #B4B0AA; color: #000099;
margin: 0; padding: 0; border: none; text-align: center; width: 0;
}

DIV.col-right {
border: none; float: right; margin: 0; padding: 0; width: auto;
}

DIV.contentarea {
background-color: #FFFFFF;
margin-top: 10px;
min-height: 500px;
_height: 500px; /* This line is only understood by IE. We use this _height hack to set the min height for IE */
}

DIV.endcolumns {
  clear: both;
}  

DIV.simple-right-small {
float: right;
width: 20px;
text-align: right;
}

DIV.simple-right-half {
float: right;
width: 50%;
text-align: right;
}

DIV.screenlet {
background-color: #FFFFFF;
border: 1px solid #999999;
margin-bottom: 10px;
}
DIV.screenlet-header {
vertical-align: middle;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
}
DIV.screenlet-body {
background-color: #FFFFFF;
padding: 4px;
zoom:1;
}

#column-container {
position: relative;
background-color: #FFFFFF;
margin: auto;
width: 100%;
min-height: 500px;
}

#column-container .left {
float: left; margin-right: 10px;
/* alt: position: absolute; top: 0px; left: 0px; */
width: 220px;
}
#column-container .right {
float: right; margin-left: 10px;
width: 220px;
}

#column-container .leftonly {
margin-left: 230px;
width: auto;
}
#column-container .rightonly {
margin-right: 230px;
width: auto;
}
#column-container .center {
margin-left: 230px;
margin-right: 230px;
width: auto;
}
#column-container .nocolumns {
width: auto;
}

DIV.column-left-wide {
float: left;
width: 300px;
background-color: #CCCCCC;
border: black solid 2px;
overflow: auto;
}


.schedulerempty {vertical-align: top; background: #FFFFFF; padding: 4px;}
.schedulerentry {vertical-align: top; background: #EEF3FB; padding: 4px; }
.monthschedulerentry {vertical-align: top; background: #EEF3FB; padding: 4px; border-top: solid 1px #B6C7E5; }
.scheduler {
	background: #1E3C66;
	
}
.bg {
	background: #FFFFFF;
}

.monthweekheader {
	padding: 4px;
	background: #DDDDDD;
}

.monthweeknumber {
	font-weight: bold;
	color: #1E3C66;
}

A.monthweeknumber {
    font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #1E3C66;
	text-decoration: none;
}

A.monthweeknumber:hover, visited, selected {
    font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-decoration: underline;
}

.monthdaynumber {
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-left: 1px;
	padding-bottom: 3px;
}

A.monthdaynumber {
	color: #000000;
	text-decoration: none;
}

A.monthdaynumber:hover, visited, selected {
	color: #000000;
	text-decoration: underline;
}

A.previousnext{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A.previousnext:hover {
	color: #000000;
	text-decoration: underline;
}

.monthdayheader {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: #777777;
	padding: 4px;
}

.monthheadertable {
	border-left: solid 1px #1E3C66;
	border-right: solid 1px #1E3C66;
	padding: 4px;
	background: #DDDDDD;
}

.monthheadertext {
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #1E3C66;
}
.previousnextmiddle {
	color: #7D90B1;
}

td {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000000;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a.add {
	color: #5886C6;
	font-weight: normal;
	text-decoration: none;
}

a.add:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}

a.event {
	color: #5886C6;
	font-weight: bold;
	text-decoration: none;
}

a.event:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

/* calendar table styles */
.calendarTable    {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #AAAAAA;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

/* this is an example of how to set a global style for a form widget TD */
.calendarTable TD {
    padding: 3px;
    vertical-align: top;
}

.calendarHeader {
	background: #1E3C66;	
    	outline-color: #1E3C66;
    	border: 0;	
}

.calendarDayNumber {
	color: #000000;
	background: #FFFFFF;	
    }

.calendarWeek {
	padding: 4px;
	background: #AFC8D4;
	}
	
.calendarContent    {
	color: #5886C6;
	font-weight: normal;
	text-decoration: none;
	}
/*
 * Ext JS Library 2.0.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/* 
This file applies a global CSS "reset" after all basic CSS is loaded.
Naturally this can cause issues with legacy screens.
We've corrected the reset as follows:

1.  Don't reset P, instead use default W3C style in opentaps.css
2.  Don't reset the H1, H2, .. styles, instead use default W3C or our styles in opentaps.css

More information about why this specific reset is done:
http://extjs.com/forum/archive/index.php/t-3630.html

Default HTML styles recommended by W3C:
http://www.w3.org/TR/CSS21/sample.html
*/
html,body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
/* h1,h2,h3,h4,h5,h6{font-size:100%;} */
q:before,q:after{content:'';}

.ext-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;}
.ext-el-mask-msg{z-index:20001;position:absolute;top:0;left:0;border:1px solid #6593cf;background:#c3daf9 url(/opentaps_images/default/box/tb-blue.gif) repeat-x 0 -16px;padding:2px;}
.ext-el-mask-msg div{padding:5px 10px 5px 10px;background:#eee;border:1px solid #a3bad9;color:#222;font:normal 11px tahoma,arial,helvetica,sans-serif;cursor:wait;}
.ext-shim{position:absolute;visibility:hidden;left:0;top:0;overflow:hidden;}
.ext-ie .ext-shim{filter:alpha(opacity=0);}
.ext-ie6 .ext-shim{margin-left:5px;margin-top:3px;}
.x-mask-loading div{padding:5px 10px 5px 25px;background:#fbfbfb url( '/opentaps_images/default/grid/loading.gif' ) no-repeat 5px 5px;line-height:16px;}
.x-hidden,.x-hide-offsets{position:absolute;left:-10000px;top:-10000px;visibility:hidden;}
.x-hide-display{display:none!important;}
.x-hide-visibility{visibility:hidden!important;}
.x-masked{overflow:hidden!important;}
.x-masked select,.x-masked object,.x-masked embed{visibility:hidden;}
.x-layer{visibility:hidden;}
.x-unselectable,.x-unselectable *{-moz-user-select:none;-khtml-user-select:none;}
.x-repaint{zoom:1;background-color:transparent;-moz-outline:none;}
.x-item-disabled{color:gray;cursor:default;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);}
.x-item-disabled *{color:gray!important;cursor:default!important;}
.x-splitbar-proxy{position:absolute;visibility:hidden;z-index:20001;background:#aaa;zoom:1;line-height:1px;font-size:1px;overflow:hidden;}
.x-splitbar-h,.x-splitbar-proxy-h{cursor:e-resize;cursor:col-resize;}
.x-splitbar-v,.x-splitbar-proxy-v{cursor:s-resize;cursor:row-resize;}
.x-color-palette{width:150px;height:92px;cursor:pointer;}
.x-color-palette a{border:1px solid #fff;float:left;padding:2px;text-decoration:none;-moz-outline:0 none;outline:0 none;cursor:pointer;}
.x-color-palette a:hover,.x-color-palette a.x-color-palette-sel{border:1px solid #8BB8F3;background:#deecfd;}
.x-color-palette em{display:block;border:1px solid #ACA899;}
.x-color-palette em span{cursor:pointer;display:block;height:10px;line-height:10px;width:10px;}
.x-ie-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;background:#777;zoom:1;}
.x-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;}
.x-shadow *{overflow:hidden;}
.x-shadow *{padding:0;border:0;margin:0;clear:none;zoom:1;}
.x-shadow .xstc,.x-shadow .xsbc{height:6px;float:left;}
.x-shadow .xstl,.x-shadow .xstr,.x-shadow .xsbl,.x-shadow .xsbr{width:6px;height:6px;float:left;}
.x-shadow .xsc{width:100%;}
.x-shadow .xsml,.x-shadow .xsmr{width:6px;float:left;height:100%;}
.x-shadow .xsmc{float:left;height:100%;background:transparent url( /opentaps_images/default/shadow-c.png );}
.x-shadow .xst,.x-shadow .xsb{height:6px;overflow:hidden;width:100%;}
.x-shadow .xsml{background:transparent url( /opentaps_images/default/shadow-lr.png ) repeat-y 0 0;}
.x-shadow .xsmr{background:transparent url( /opentaps_images/default/shadow-lr.png ) repeat-y -6px 0;}
.x-shadow .xstl{background:transparent url( /opentaps_images/default/shadow.png ) no-repeat 0 0;}
.x-shadow .xstc{background:transparent url( /opentaps_images/default/shadow.png ) repeat-x 0 -30px;}
.x-shadow .xstr{background:transparent url( /opentaps_images/default/shadow.png ) repeat-x 0 -18px;}
.x-shadow .xsbl{background:transparent url( /opentaps_images/default/shadow.png ) no-repeat 0 -12px;}
.x-shadow .xsbc{background:transparent url( /opentaps_images/default/shadow.png ) repeat-x 0 -36px;}
.x-shadow .xsbr{background:transparent url( /opentaps_images/default/shadow.png ) repeat-x 0 -6px;}
.loading-indicator{font-size:11px;background-image:url(/opentaps_images/default/grid/loading.gif);background-repeat:no-repeat;background-position:left;padding-left:20px;line-height:16px;margin:3px;}
.x-text-resize{position:absolute;left:-1000px;top:-1000px;visibility:hidden;zoom:1;}
.x-drag-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;background-image:url(/opentaps_images/default/s.gif);z-index:20000;}
.x-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
.x-spotlight{z-index:8999;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:0;height:0;zoom:1;}

.x-tab-panel{overflow:hidden;}
.x-tab-panel-header,.x-tab-panel-footer{background:#EAEAEA;border:1px solid #d0d0d0;overflow:hidden;zoom:1;}
.x-tab-panel-header{border:1px solid #d0d0d0;padding-bottom:2px;}
.x-tab-panel-footer{border:1px solid #d0d0d0;padding-top:2px;}
.x-tab-strip-wrap{width:100%;overflow:hidden;position:relative;zoom:1;}
ul.x-tab-strip{display:block;width:5000px;zoom:1;}
ul.x-tab-strip-top{padding-top:2px;background:#dbdbdb url(/opentaps_images/gray/tabs/tab-strip-bg.gif) repeat-x left top;border-bottom:1px solid #d0d0d0;}
ul.x-tab-strip-bottom{padding-bottom:1px;background:url(/opentaps_images/gray/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;border-top:1px solid #d0d0d0;border-bottom:0 none;}
.x-tab-panel-header-plain .x-tab-strip-top{background:transparent!important;padding-top:0!important;}
.x-tab-panel-header-plain{background:transparent!important;border-width:0!important;padding-bottom:0!important;}
.x-tab-panel-header-plain .x-tab-strip-spacer{border:1px solid #d0d0d0;border-top:0 none;height:2px;background:#eaeaea;font-size:1px;line-height:1px;}
.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer{height:3px;}
ul.x-tab-strip li{float:left;margin-left:2px;}
ul.x-tab-strip li.x-tab-edge{float:left;margin:0!important;padding:0!important;border:0 none!important;font-size:1px!important;line-height:1px!important;overflow:hidden;zoom:1;background:transparent!important;width:1px;}
.x-tab-strip a,.x-tab-strip span,.x-tab-strip em{display:block;}
.x-tab-strip a{text-decoration:none!important;-moz-outline:none;outline:none;cursor:pointer;}
.x-tab-strip-inner{overflow:hidden;text-overflow:ellipsis;}
.x-tab-strip span.x-tab-strip-text{font:normal 11px tahoma,arial,helvetica;color:#333;white-space:nowrap;cursor:pointer;padding:4px 0;}
.x-tab-strip .x-tab-with-icon .x-tab-right{padding-left:6px;}
.x-tab-strip .x-tab-with-icon span.x-tab-strip-text{padding-left:20px;background-position:0 3px;background-repeat:no-repeat;}
.x-tab-strip-over span.x-tab-strip-text{color:#111;}
.x-tab-strip-active{cursor:default;}
.x-tab-strip-active span.x-tab-strip-text{cursor:default;color:#333;font-weight:bold;}
.x-tab-strip-disabled .x-tabs-text{cursor:default;color:#aaaaaa;}
.x-tab-panel-body{overflow:hidden;}
.x-tab-panel-bwrap{overflow:hidden;}
.ext-ie .x-tab-strip .x-tab-right{position:relative;}
.x-tab-strip-top .x-tab-strip-active .x-tab-right{margin-bottom:-1px;}
.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text{padding-bottom:5px;}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right{margin-top:-1px;}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text{padding-top:5px;}
.x-tab-strip-top .x-tab-right{background:transparent url(/opentaps_images/gray/tabs/tabs-sprite.gif) no-repeat 0 -51px;padding-left:10px;}
.x-tab-strip-top .x-tab-left{background:transparent url(/opentaps_images/gray/tabs/tabs-sprite.gif) no-repeat right -351px;padding-right:10px;}
.x-tab-strip-top .x-tab-strip-inner{background:transparent url(/opentaps_images/gray/tabs/tabs-sprite.gif) repeat-x 0 -201px;}
.x-tab-strip-top .x-tab-strip-over .x-tab-right{background-position:0 -101px;}
.x-tab-strip-top .x-tab-strip-over .x-tab-left{background-position:right -401px;}
.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner{background-position:0 -251px;}
.x-tab-strip-top .x-tab-strip-active .x-tab-right{background-position:0 0;}
.x-tab-strip-top .x-tab-strip-active .x-tab-left{background-position:right -301px;}
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner{background-position:0 -151px;}
.x-tab-strip-bottom .x-tab-right{background:url(/opentaps_images/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;}
.x-tab-strip-bottom .x-tab-left{background:url(/opentaps_images/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right{background:url(/opentaps_images/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left;}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left{background:url(/opentaps_images/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right;}
.x-tab-strip-bottom .x-tab-left{padding:0 10px;}
.x-tab-strip-bottom .x-tab-right{padding:0;}
.x-tab-strip .x-tab-strip-close{display:none;}
.x-tab-strip-closable{position:relative;}
.x-tab-strip-closable .x-tab-left{padding-right:19px;}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close{background-image:url(/opentaps_images/gray/tabs/tab-close.gif);opacity:.6;-moz-opacity:.6;background-repeat:no-repeat;display:block;width:11px;height:11px;position:absolute;top:3px;right:3px;cursor:pointer;z-index:2;}
.x-tab-strip .x-tab-strip-active a.x-tab-strip-close{opacity:.8;-moz-opacity:.8;}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{background-image:url(/opentaps_images/gray/tabs/tab-close.gif);opacity:1;-moz-opacity:1;}
.x-tab-panel-body{border:1px solid #d0d0d0;background:#fff;}
.x-tab-panel-body-top{border-top:0 none;}
.x-tab-panel-body-bottom{border-bottom:0 none;}
.x-tab-scroller-left{background:transparent url(/opentaps_images/gray/tabs/scroll-left.gif) no-repeat -18px 0;border-bottom:1px solid #aeaeae;width:18px;position:absolute;left:0;top:0;z-index:10;cursor:pointer;}
.x-tab-scroller-left-over{background-position:0 0;}
.x-tab-scroller-left-disabled{background-position:-18px 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);cursor:default;}
.x-tab-scroller-right{background:transparent url(/opentaps_images/gray/tabs/scroll-right.gif) no-repeat 0 0;border-bottom:1px solid #aeaeae;width:18px;position:absolute;right:0;top:0;z-index:10;cursor:pointer;}
.x-tab-scroller-right-over{background-position:-18px 0;}
.x-tab-scroller-right-disabled{background-position:0 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);cursor:default;}
.x-tab-scrolling .x-tab-strip-wrap{margin-left:18px;margin-right:18px;}
.x-tab-scrolling{position:relative;}
.x-tab-panel-bbar .x-toolbar{border:1px solid #d0d0d0;border-top:0 none;overflow:hidden;padding:2px;}
.x-tab-panel-tbar .x-toolbar{border:1px solid #d0d0d0;border-top:0 none;overflow:hidden;padding:2px;}
.x-border-layout-ct .x-tab-panel{background:white;}

 .x-form-field{margin:0;font:normal 12px tahoma,arial,helvetica,sans-serif;}
.x-form-text,textarea.x-form-field{padding:1px 3px;background:#fff url(/opentaps_images/default/form/text-bg.gif) repeat-x 0 0;border:1px solid #B5B8C8;}
textarea.x-form-field{padding:2px 3px;}
.x-form-text{height:22px;line-height:18px;vertical-align:middle;}
.ext-ie .x-form-text{margin:-1px 0;height:22px;line-height:18px;}
.ext-ie textarea.x-form-field{margin:-1px 0;}
.ext-strict .x-form-text{height:18px;}
.ext-safari .x-form-text{height:20px;padding:0 3px;}
.ext-safari.ext-mac textarea.x-form-field{margin-bottom:-2px;}
.ext-gecko .x-form-text{padding-top:2px;padding-bottom:0;}
textarea{resize:none;}
.x-form-select-one{height:20px;line-height:18px;vertical-align:middle;background-color:#fff;border:1px solid #B5B8C8;}
.x-form-field-wrap{position:relative;zoom:1;white-space:nowrap;}
.x-editor .x-form-check-wrap{background:#fff;}
.x-form-field-wrap .x-form-trigger{width:17px;height:21px;border:0;background:transparent url(/opentaps_images/default/form/trigger.gif) no-repeat 0 0;cursor:pointer;border-bottom:1px solid #B5B8C8;position:absolute;top:0;}
.ext-safari .x-form-field-wrap .x-form-trigger{height:21px;}
.x-form-field-wrap .x-form-date-trigger{background-image:url(/opentaps_images/default/form/date-trigger.gif);cursor:pointer;}
.x-form-field-wrap .x-form-clear-trigger{background-image:url(/opentaps_images/default/form/clear-trigger.gif);cursor:pointer;}
.x-form-field-wrap .x-form-search-trigger{background-image:url(/opentaps_images/default/form/search-trigger.gif);cursor:pointer;}
.ext-safari .x-form-field-wrap .x-form-trigger{right:0;}
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{position:static;top:auto;vertical-align:top;}
.x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;}
.x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;}
.x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;}
.x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}
.x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}
.x-trigger-wrap-focus .x-form-trigger{border-bottom:1px solid #7eadd9;}
.x-item-disabled .x-form-trigger-over{background-position:0 0!important;border-bottom:1px solid #B5B8C8;}
.x-item-disabled .x-form-trigger-click{background-position:0 0!important;border-bottom:1px solid #B5B8C8;}
.x-form-focus,textarea.x-form-focus{border:1px solid #7eadd9;}
.x-form-invalid,textarea.x-form-invalid{background:#fff url(/opentaps_images/default/grid/invalid_line.gif) repeat-x bottom;border:1px solid #dd7870;}
.ext-safari .x-form-invalid{background-color:#fee;border:1px solid #ff7870;}
.x-editor{visibility:hidden;padding:0;margin:0;}
.x-form-check-wrap{line-height:18px;}
.ext-ie .x-form-check-wrap input{width:15px;height:15px;}
.x-editor .x-form-check-wrap{padding:3px;}
.x-editor .x-form-checkbox{height:13px;}
.x-form-grow-sizer{font:normal 12px tahoma,arial,helvetica,sans-serif;left:-10000px;padding:8px 3px;position:absolute;visibility:hidden;top:-10000px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;zoom:1;}
.x-form-grow-sizer p{margin:0!important;border:0 none!important;padding:0!important;}
.x-form-item{font:normal 12px tahoma,arial,helvetica,sans-serif;display:block;margin-bottom:4px;}
.x-form-item label{display:block;float:left;width:100px;padding:3px;padding-left:0;clear:left;z-index:2;position:relative;}
.x-form-element{padding-left:105px;position:relative;}
.x-form-invalid-msg{color:#e00;padding:2px;padding-left:18px;font:normal 11px tahoma,arial,helvetica,sans-serif;background:transparent url(/opentaps_images/default/shared/warning.gif) no-repeat 0 2px;line-height:16px;width:200px;}
.x-form-label-right label{text-align:right;}
.x-form-label-top .x-form-item label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static;}
.x-form-label-top .x-form-element{padding-left:0;padding-top:4px;}
.x-form-label-top .x-form-item{padding-bottom:4px;}
.x-form-empty-field{color:gray;}
.x-small-editor .x-form-field{font:normal 11px arial,tahoma,helvetica,sans-serif;}
.x-small-editor .x-form-text{height:20px;line-height:16px;vertical-align:middle;}
.ext-ie .x-small-editor .x-form-text{margin-top:-1px!important;margin-bottom:-1px!important;height:20px!important;line-height:16px!important;}
.ext-strict .x-small-editor .x-form-text{height:16px!important;}
.ext-safari .x-small-editor .x-form-field{font:normal 12px arial,tahoma,helvetica,sans-serif;}
.ext-ie .x-small-editor .x-form-text{height:20px;line-height:16px;}
.ext-border-box .x-small-editor .x-form-text{height:20px;}
.x-small-editor .x-form-select-one{height:20px;line-height:16px;vertical-align:middle;}
.x-small-editor .x-form-num-field{text-align:right;}
.x-small-editor .x-form-field-wrap .x-form-trigger{height:19px;}
.x-form-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
.x-form-clear-left{clear:left;height:0;overflow:hidden;line-height:0;font-size:0;}
.x-form-cb-label{width:'auto'!important;float:none!important;clear:none!important;display:inline!important;margin-left:4px;}
.x-form-column{float:left;padding:0;margin:0;width:48%;overflow:hidden;zoom:1;}
.x-form .x-form-btns-ct .x-btn{float:right;clear:none;}
.x-form .x-form-btns-ct .x-form-btns td{border:0;padding:0;}
.x-form .x-form-btns-ct .x-form-btns-right table{float:right;clear:none;}
.x-form .x-form-btns-ct .x-form-btns-left table{float:left;clear:none;}
.x-form .x-form-btns-ct .x-form-btns-center{text-align:center;}
.x-form .x-form-btns-ct .x-form-btns-center table{margin:0 auto;}
.x-form .x-form-btns-ct table td.x-form-btn-td{padding:3px;}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{background-position:0 -147px;}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{background-position:0 -168px;}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{background-position:0 -189px;}
.x-form .x-form-btns-ct .x-btn-click .x-btn-center{background-position:0 -126px;}
.x-form .x-form-btns-ct .x-btn-click .x-btn-right{background-position:0 -84px;}
.x-form .x-form-btns-ct .x-btn-click .x-btn-left{background-position:0 -63px;}
.x-form-invalid-icon{width:16px;height:18px;visibility:hidden;position:absolute;left:0;top:0;display:block;background:transparent url(/opentaps_images/default/form/exclamation.gif) no-repeat 0 2px;}
.x-fieldset{border:1px solid #B5B8C8;padding:10px;margin-bottom:10px;}
.x-fieldset legend{font:bold 11px tahoma,arial,helvetica,sans-serif;color:#15428b;}
.ext-ie .x-fieldset legend{margin-bottom:10px;}
.ext-ie .x-fieldset{padding-top:0;padding-bottom:10px;}
.x-fieldset legend .x-tool-toggle{margin-right:3px;margin-left:0;float:left!important;}
.x-fieldset legend input{margin-right:3px;float:left!important;height:13px;width:13px;}
fieldset.x-panel-collapsed{padding-bottom:0!important;border-width:1px 0 0 0!important;}
fieldset.x-panel-collapsed .x-fieldset-bwrap{visibility:hidden;position:absolute;left:-1000px;top:-1000px;}
.ext-ie .x-fieldset-bwrap{zoom:1;}
.ext-ie td .x-form-text{position:relative;top:-1px;}
.x-fieldset-noborder{border:0 none transparent;}
.x-fieldset-noborder legend{margin-left:-3px;}
.ext-ie .x-fieldset-noborder legend{position:relative;margin-bottom:23px;}
.ext-ie .x-fieldset-noborder legend span{position:absolute;left:-5px;}
.ext-gecko .x-window-body .x-form-item{-moz-outline:none;overflow:auto;}
.ext-gecko .x-form-item{-moz-outline:none;}
.x-hide-label label.x-form-item-label{display:none;}
.x-hide-label .x-form-element{padding-left:0!important;}
.x-fieldset{overflow:hidden;}
.x-fieldset-bwrap{overflow:hidden;zoom:1;}
.x-fieldset-body{overflow:hidden;}

.x-btn{font:normal 11px tahoma,verdana,helvetica;cursor:pointer;white-space:nowrap;}
.x-btn button{border:0 none;background:transparent;font:normal 11px tahoma,verdana,helvetica;padding-left:3px;padding-right:3px;cursor:pointer;margin:0;overflow:visible;width:auto;-moz-outline:0 none;outline:0 none;}
* html .ext-ie .x-btn button{width:1px;}
.ext-gecko .x-btn button{padding-left:0;padding-right:0;}
.ext-ie .x-btn button{padding-top:2px;}
.x-btn-icon .x-btn-center .x-btn-text{background-position:center;background-repeat:no-repeat;height:16px;width:16px;cursor:pointer;white-space:nowrap;padding:0;}
.x-btn-icon .x-btn-center{padding:1px;}
.x-btn em{font-style:normal;font-weight:normal;}
.x-btn-text-icon .x-btn-center .x-btn-text{background-position:0 2px;background-repeat:no-repeat;padding-left:18px;padding-top:3px;padding-bottom:2px;padding-right:0;}
.x-btn-left,.x-btn-right{font-size:1px;line-height:1px;}
.x-btn-left{width:3px;height:21px;background:url(/opentaps_images/gray/button/btn-sprite.gif) no-repeat 0 0;}
.x-btn-right{width:3px;height:21px;background:url(/opentaps_images/gray/button/btn-sprite.gif) no-repeat 0 -21px;}
.x-btn-left i,.x-btn-right i{display:block;width:3px;overflow:hidden;font-size:1px;line-height:1px;}
.x-btn-center{background:url(/opentaps_images/gray/button/btn-sprite.gif) repeat-x 0 -42px;vertical-align:middle;text-align:center;padding:0 5px;cursor:pointer;white-space:nowrap;}
.x-btn-over .x-btn-left{background-position:0 -63px;}
.x-btn-over .x-btn-right{background-position:0 -84px;}
.x-btn-over .x-btn-center{background-position:0 -105px;}
.x-btn-click .x-btn-center,.x-btn-menu-active .x-btn-center{background-position:0 -126px;}
.x-btn-disabled *{color:gray!important;cursor:default!important;}
.x-btn-menu-text-wrap .x-btn-center{padding:0 3px;}
.ext-gecko .x-btn-menu-text-wrap .x-btn-center{padding:0 1px;}
.x-btn-menu-arrow-wrap .x-btn-center{padding:0;}
.x-btn-menu-arrow-wrap .x-btn-center button{width:12px!important;height:21px;padding:0!important;display:block;background:transparent url(/opentaps_images/default/button/btn-arrow.gif) no-repeat left 3px;}
.x-btn-with-menu .x-btn-center{padding-right:2px!important;}
.x-btn-with-menu .x-btn-center em{display:block;background:transparent url(/opentaps_images/gray/toolbar/btn-arrow.gif) no-repeat right 0;padding-right:10px;}
.x-btn-text-icon .x-btn-with-menu .x-btn-center em{display:block;background:transparent url(/opentaps_images/gray/toolbar/btn-arrow.gif) no-repeat right 3px;padding-right:10px;}
.x-btn-pressed .x-btn-left{background:url(/opentaps_images/gray/button/btn-sprite.gif) no-repeat 0 -63px;}
.x-btn-pressed .x-btn-right{background:url(/opentaps_images/gray/button/btn-sprite.gif) no-repeat 0 -84px;}
.x-btn-pressed .x-btn-center{background:url(/opentaps_images/gray/button/btn-sprite.gif) repeat-x 0 -126px;}

.x-toolbar{border-color:#d0d0d0;border-style:solid;border-width:0 0 1px 0;display:block;padding:2px;background:#f0f4f5 url(/opentaps_images/gray/toolbar/bg.gif) repeat-x top left;position:relative;zoom:1;}
.x-toolbar button {color:#444;}
.x-toolbar .x-item-disabled .x-btn-icon{opacity:.35;-moz-opacity:.35;filter:alpha(opacity=35);}
.x-toolbar td{vertical-align:middle;}
.mso .x-toolbar,.x-grid-mso .x-toolbar{border:0 none;background:url(/opentaps_images/default/grid/mso-hd.gif);}
.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{white-space:nowrap;font:normal 11px tahoma,arial,helvetica,sans-serif;}
.x-toolbar .x-item-disabled{color:gray;cursor:default;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);}
.x-toolbar .x-item-disabled *{color:gray;cursor:default;}
.x-toolbar .x-btn-left{background:none;}
.x-toolbar .x-btn-right{background:none;}
.x-toolbar .x-btn-center{background:none;padding:0;}
.x-toolbar .x-btn-menu-text-wrap .x-btn-center button{padding-right:2px;}
.ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{padding-right:0;}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{padding:0 2px;}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{width:12px;background:transparent url(/opentaps_images/gray/toolbar/btn-arrow.gif) no-repeat 0 3px;}
.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button{width:12px;background:transparent url(/opentaps_images/gray/toolbar/btn-arrow.gif) no-repeat 0 3px;}
.x-toolbar .x-btn-over button {color:#111;}
.x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button{background-position:0 -47px;}
.x-toolbar .x-btn-over .x-btn-left{background:url(/opentaps_images/gray/toolbar/tb-btn-sprite.gif) no-repeat 0 0;}
.x-toolbar .x-btn-over .x-btn-right{background:url(/opentaps_images/gray/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;}
.x-toolbar .x-btn-over .x-btn-center{background:url(/opentaps_images/gray/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;}
.x-toolbar .x-btn-click .x-btn-left,.x-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-menu-active .x-btn-left{background:url(/opentaps_images/gray/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;}
.x-toolbar .x-btn-click .x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-menu-active .x-btn-right{background:url(/opentaps_images/gray/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;}
.x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-center,.x-toolbar .x-btn-menu-active .x-btn-center{background:url(/opentaps_images/gray/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;}
.x-toolbar .x-btn-with-menu .x-btn-center em{padding-right:8px;}
.x-toolbar .ytb-text{padding:2px;}
.x-toolbar .ytb-sep{background-image:url(/opentaps_images/default/grid/grid-split.gif);background-position:center;background-repeat:no-repeat;display:block;font-size:1px;height:16px;width:4px;overflow:hidden;cursor:default;margin:0 2px 0;border:0;}
.x-toolbar .ytb-spacer{width:2px;}
.x-tbar-page-number{width:24px;height:14px;}
.x-tbar-page-first{background-image:url(/opentaps_images/default/grid/page-first.gif)!important;}
.x-tbar-loading{background-image:url(/opentaps_images/default/grid/done.gif)!important;}
.x-tbar-page-last{background-image:url(/opentaps_images/default/grid/page-last.gif)!important;}
.x-tbar-page-next{background-image:url(/opentaps_images/default/grid/page-next.gif)!important;}
.x-tbar-page-prev{background-image:url(/opentaps_images/default/grid/page-prev.gif)!important;}
.x-item-disabled .x-tbar-loading{background-image:url(/opentaps_images/default/grid/loading.gif)!important;}
.x-item-disabled .x-tbar-page-first{background-image:url(/opentaps_images/default/grid/page-first-disabled.gif)!important;}
.x-item-disabled .x-tbar-page-last{background-image:url(/opentaps_images/default/grid/page-last-disabled.gif)!important;}
.x-item-disabled .x-tbar-page-next{background-image:url(/opentaps_images/default/grid/page-next-disabled.gif)!important;}
.x-item-disabled .x-tbar-page-prev{background-image:url(/opentaps_images/default/grid/page-prev-disabled.gif)!important;}
.x-paging-info{position:absolute;top:5px;right:8px;color:#444;}

.x-resizable-handle{position:absolute;z-index:100;font-size:1px;line-height:6px;overflow:hidden;background:white;filter:alpha(opacity=0);opacity:0;zoom:1;}
.x-resizable-handle-east{width:6px;cursor:e-resize;right:0;top:0;height:100%;}
.ext-ie .x-resizable-handle-east{margin-right:-1px;}
.x-resizable-handle-south{width:100%;cursor:s-resize;left:0;bottom:0;height:6px;}
.ext-ie .x-resizable-handle-south{margin-bottom:-1px;}
.x-resizable-handle-west{width:6px;cursor:w-resize;left:0;top:0;height:100%;}
.x-resizable-handle-north{width:100%;cursor:n-resize;left:0;top:0;height:6px;}
.x-resizable-handle-southeast{width:6px;cursor:se-resize;right:0;bottom:0;height:6px;z-index:101;}
.x-resizable-handle-northwest{width:6px;cursor:nw-resize;left:0;top:0;height:6px;z-index:101;}
.x-resizable-handle-northeast{width:6px;cursor:ne-resize;right:0;top:0;height:6px;z-index:101;}
.x-resizable-handle-southwest{width:6px;cursor:sw-resize;left:0;bottom:0;height:6px;z-index:101;}
.x-resizable-over .x-resizable-handle,.x-resizable-pinned .x-resizable-handle{filter:alpha(opacity=100);opacity:1;}
.x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{background:url(/opentaps_images/default/sizer/e-handle.gif);background-position:left;}
.x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{background:url(/opentaps_images/default/sizer/e-handle.gif);background-position:left;}
.x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{background:url(/opentaps_images/default/sizer/s-handle.gif);background-position:top;}
.x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{background:url(/opentaps_images/default/sizer/s-handle.gif);background-position:top;}
.x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{background:url(/opentaps_images/default/sizer/se-handle.gif);background-position:top left;}
.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{background:url(/opentaps_images/default/sizer/nw-handle.gif);background-position:bottom right;}
.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{background:url(/opentaps_images/default/sizer/ne-handle.gif);background-position:bottom left;}
.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{background:url(/opentaps_images/default/sizer/sw-handle.gif);background-position:top right;}
.x-resizable-proxy{border:1px dashed #3b5a82;position:absolute;overflow:hidden;display:none;left:0;top:0;z-index:50000;}
.x-resizable-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;background:white;z-index:200000;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}

 .x-grid3{position:relative;overflow:hidden;background-color:#fff;}
.x-grid-panel .x-panel-body{overflow:hidden!important;}
.x-grid-panel .x-panel-mc .x-panel-body{border:1px solid #d0d0d0;}
.ext-ie .x-grid3 table,.ext-safari .x-grid3 table{table-layout:fixed;}
.x-grid3-viewport{overflow:hidden;}
.x-grid3-hd-row td,.x-grid3-row td,.x-grid3-summary-row td{font:normal 11px arial,tahoma,helvetica,sans-serif;-moz-outline:none;-moz-user-focus:normal;}
.x-grid3-row td,.x-grid3-summary-row td{line-height:13px;vertical-align:top;padding-left:1px;padding-right:1px;-moz-user-select:none;}
.x-grid3-hd-row td{line-height:15px;vertical-align:middle;border-left:1px solid #eee;border-right:1px solid #d0d0d0;}
.x-grid3-hd-row .x-grid3-marker-hd{padding:3px;}
.x-grid3-row .x-grid3-marker{padding:3px;}
.x-grid3-cell-inner,.x-grid3-hd-inner{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding:3px 3px 3px 5px;white-space:nowrap;}
.x-grid3-hd-inner{position:relative;cursor:inherit;padding:4px 3px 4px 5px;}
.x-grid3-row-body{white-space:normal;}
.x-grid3-body-cell{-moz-outline:0 none;outline:0 none;}
.ext-ie .x-grid3-cell-inner,.ext-ie .x-grid3-hd-inner{width:100%;}
.ext-strict .x-grid3-cell-inner,.ext-strict .x-grid3-hd-inner{width:auto;}
.x-grid-row-loading{background:#fff url(/opentaps_images/default/shared/loading-balls.gif) no-repeat center center;}
.x-grid-page{overflow:hidden;}
.x-grid3-row{cursor:default;border:1px solid #ededed;border-top-color:#fff;width:100%;}
.x-grid3-row-alt{background-color:#fafafa;}
.x-grid3-row-over{border:1px solid #ddd;background:#efefef url(/opentaps_images/default/grid/row-over.gif) repeat-x left top;}
.x-grid3-resize-proxy{width:1px;left:0;background-color:#777;cursor:e-resize;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidden;border:0 none;z-index:7;}
.x-grid3-resize-marker{width:1px;left:0;background-color:#777;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidden;border:0 none;z-index:7;}
.x-grid3-focus{position:absolute;top:0;-moz-outline:0 none;outline:0 none;-moz-user-select:normal;-khtml-user-select:normal;}
.x-grid3-header{background:#f9f9f9 url(/opentaps_images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;cursor:default;zoom:1;padding:1px 0 0 0;}
.x-grid3-header-pop{border-left:1px solid #d0d0d0;float:right;clear:none;}
.x-grid3-header-pop-inner{border-left:1px solid #eee;width:14px;height:19px;background:transparent url(/opentaps_images/default/grid/hd-pop.gif) no-repeat center center;}
.ext-ie .x-grid3-header-pop-inner{width:15px;}
.ext-strict .x-grid3-header-pop-inner{width:14px;}
.x-grid3-header-inner{overflow:hidden;zoom:1;float:left;}
.x-grid3-header-offset{padding-left:1px;width:10000px;}
td.x-grid3-hd-over,td.sort-desc,td.sort-asc,td.x-grid3-hd-menu-open{border-left:1px solid #aaccf6;border-right:1px solid #aaccf6;}
td.x-grid3-hd-over .x-grid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.sort-asc .x-grid3-hd-inner,td.x-grid3-hd-menu-open .x-grid3-hd-inner{background:#ebf3fd url(/opentaps_images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;}
.x-grid3-sort-icon{background-repeat:no-repeat;display:none;height:4px;width:13px;margin-left:3px;vertical-align:middle;}
.sort-asc .x-grid3-sort-icon{background-image:url(/opentaps_images/default/grid/sort_asc.gif);display:inline;}
.sort-desc .x-grid3-sort-icon{background-image:url(/opentaps_images/default/grid/sort_desc.gif);display:inline;}
.ext-strict .ext-ie .x-grid3-header-inner{position:relative;}
.ext-strict .ext-ie6 .x-grid3-hd{position:relative;}
.ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}
.x-grid3-body{zoom:1;}
.x-grid3-scroller{overflow:auto;zoom:1;position:relative;}
.x-grid3-cell-text,.x-grid3-hd-text{display:block;padding:3px 5px 3px 5px;-moz-user-select:none;-khtml-user-select:none;color:black;}
.x-grid3-split{background-image:url(/opentaps_images/default/grid/grid-split.gif);background-position:center;background-repeat:no-repeat;cursor:e-resize;cursor:col-resize;display:block;font-size:1px;height:16px;overflow:hidden;position:absolute;top:2px;width:6px;z-index:3;}
.x-grid3-hd-text{color:#15428b;}
.x-dd-drag-proxy .x-grid3-hd-inner{background:#ebf3fd url(/opentaps_images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;width:120px;padding:3px;border:1px solid #aaccf6;overflow:hidden;}
.col-move-top,.col-move-bottom{width:9px;height:9px;position:absolute;top:0;line-height:1px;font-size:1px;overflow:hidden;visibility:hidden;z-index:20000;}
.col-move-top{background:transparent url(/opentaps_images/default/grid/col-move-top.gif) no-repeat left top;}
.col-move-bottom{background:transparent url(/opentaps_images/default/grid/col-move-bottom.gif) no-repeat left top;}
.x-grid3-row-selected{background:#DFE8F6!important;border:1px dotted #a3bae9;}
.x-grid3-cell-selected{background-color:#B8CFEE!important;color:black;}
.x-grid3-cell-selected span{color:black!important;}
.x-grid3-cell-selected .x-grid3-cell-text{color:black;}
.x-grid3-locked td.x-grid3-row-marker,.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{background:#ebeadb url(/opentaps_images/default/grid/grid-hrow.gif) repeat-x 0 bottom!important;vertical-align:middle!important;color:black;padding:0;border-top:1px solid white;border-bottom:none!important;border-right:1px solid #6fa0df!important;text-align:center;}
.x-grid3-locked td.x-grid3-row-marker div,.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{padding:0 4px;color:#15428b!important;text-align:center;}
.x-grid3-dirty-cell{background:transparent url(/opentaps_images/default/grid/dirty.gif) no-repeat 0 0;}
.x-grid3-topbar,.x-grid3-bottombar{font:normal 11px arial,tahoma,helvetica,sans-serif;overflow:hidden;display:none;zoom:1;position:relative;}
.x-grid3-topbar .x-toolbar{border-right:0 none;}
.x-grid3-bottombar .x-toolbar{border-right:0 none;border-bottom:0 none;border-top:1px solid #a9bfd3;}
.x-props-grid .x-grid3-cell{padding:1px;}
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{background:transparent url(/opentaps_images/default/grid/grid3-special-col-bg.gif) repeat-y -16px!important;padding-left:12px;color:black!important;}
.x-props-grid .x-grid3-body .x-grid3-td-name{padding:1px;padding-right:0;background:white!important;border:0 none;border-right:1px solid #eee;}
.xg-hmenu-sort-asc .x-menu-item-icon{background-image:url(/opentaps_images/default/grid/hmenu-asc.gif);}
.xg-hmenu-sort-desc .x-menu-item-icon{background-image:url(/opentaps_images/default/grid/hmenu-desc.gif);}
.xg-hmenu-lock .x-menu-item-icon{background-image:url(/opentaps_images/default/grid/hmenu-lock.gif);}
.xg-hmenu-unlock .x-menu-item-icon{background-image:url(/opentaps_images/default/grid/hmenu-unlock.gif);}
.x-grid3-col-dd{border:0 none;padding:0;background:transparent;}
.x-dd-drag-ghost .x-grid3-dd-wrap{padding:1px 3px 3px 1px;}
.x-grid3-hd{-moz-user-select:none;}
.x-grid3-hd-btn{display:none;position:absolute;width:14px;background:#c3daf9 url(/opentaps_images/default/grid/grid3-hd-btn.gif) no-repeat left center;right:0;top:0;z-index:2;cursor:pointer;}
.x-grid3-hd-over .x-grid3-hd-btn,.x-grid3-hd-menu-open .x-grid3-hd-btn{display:block;}
a.x-grid3-hd-btn:hover{background-position:-14px center;}
.x-grid3-body .x-grid3-td-expander{background:transparent url(/opentaps_images/default/grid/grid3-special-col-bg.gif) repeat-y right;}
.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner{padding:0!important;height:100%;}
.x-grid3-row-expander{width:100%;height:18px;background-position:4px 2px;background-repeat:no-repeat;background-color:transparent;background-image:url(/opentaps_images/default/grid/row-expand-sprite.gif);}
.x-grid3-row-collapsed .x-grid3-row-expander{background-position:4px 2px;}
.x-grid3-row-expanded .x-grid3-row-expander{background-position:-21px 2px;}
.x-grid3-row-collapsed .x-grid3-row-body{display:none!important;}
.x-grid3-row-expanded .x-grid3-row-body{display:block!important;}
.x-grid3-body .x-grid3-td-checker{background:transparent url(/opentaps_images/default/grid/grid3-special-col-bg.gif) repeat-y right;}
.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner,.x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner{padding:0!important;height:100%;}
.x-grid3-row-checker,.x-grid3-hd-checker{width:100%;height:18px;background-position:2px 2px;background-repeat:no-repeat;background-color:transparent;background-image:url(/opentaps_images/default/grid/row-check-sprite.gif);}
.x-grid3-row .x-grid3-row-checker{background-position:2px 2px;}
.x-grid3-row-selected .x-grid3-row-checker,.x-grid3-hd-checker-on .x-grid3-hd-checker{background-position:-23px 2px;}
.x-grid3-hd-checker{background-position:2px 3px;}
.x-grid3-hd-checker-on .x-grid3-hd-checker{background-position:-23px 3px;}
.x-grid3-body .x-grid3-td-numberer{background:transparent url(/opentaps_images/default/grid/grid3-special-col-bg.gif) repeat-y right;}
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner{padding:3px 5px 0 0!important;text-align:right;color:#444;}
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{background:transparent url(/opentaps_images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;}
.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner{padding:1px 0 0 0!important;}
.x-grid3-check-col{width:100%;height:16px;background-position:center center;background-repeat:no-repeat;background-color:transparent;background-image:url(/opentaps_images/default/menu/unchecked.gif);}
.x-grid3-check-col-on{width:100%;height:16px;background-position:center center;background-repeat:no-repeat;background-color:transparent;background-image:url(/opentaps_images/default/menu/checked.gif);}
.x-grid-group,.x-grid-group-body,.x-grid-group-hd{zoom:1;}
.x-grid-group-hd{border-bottom:2px solid #99bbe8;cursor:pointer;padding-top:6px;}
.x-grid-group-hd div{background:transparent url(/opentaps_images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;padding:4px 4px 4px 17px;color:#3764a0;font:bold 11px tahoma,arial,helvetica,sans-serif;}
.x-grid-group-collapsed .x-grid-group-hd div{background-position:3px 3px;}
.x-grid-group-collapsed .x-grid-group-body{display:none;}
.x-group-by-icon{background-image:url(/opentaps_images/default/grid/group-by.gif);}
.x-cols-icon{background-image:url(/opentaps_images/default/grid/columns.gif);}
.x-show-groups-icon{background-image:url(/opentaps_images/default/grid/group-by.gif);}
.ext-ie .x-grid3 .x-editor .x-form-text{position:relative;top:-1px;}
.ext-ie .x-props-grid .x-editor .x-form-text{position:static;top:0;}
.x-grid-empty{padding:10px;color:gray;font:normal 11px tahoma,arial,helvetica,sans-serif;}
.ext-ie7 .x-grid-panel .x-panel-bbar{position:relative;}

.x-dd-drag-proxy{position:absolute;left:0;top:0;visibility:hidden;z-index:15000;}
.x-dd-drag-ghost{color:black;font:normal 11px arial,helvetica,sans-serif;-moz-opacity:0.85;opacity:.85;filter:alpha(opacity=85);border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #bbb;border-bottom:1px solid #bbb;padding:3px;padding-left:20px;background-color:white;white-space:nowrap;}
.x-dd-drag-repair .x-dd-drag-ghost{-moz-opacity:0.4;opacity:.4;filter:alpha(opacity=40);border:0 none;padding:0;background-color:transparent;}
.x-dd-drag-repair .x-dd-drop-icon{visibility:hidden;}
.x-dd-drop-icon{position:absolute;top:3px;left:3px;display:block;width:16px;height:16px;background-color:transparent;background-position:center;background-repeat:no-repeat;z-index:1;}
.x-dd-drop-nodrop .x-dd-drop-icon{background-image:url(/opentaps_images/default/dd/drop-no.gif);}
.x-dd-drop-ok .x-dd-drop-icon{background-image:url(/opentaps_images/default/dd/drop-yes.gif);}
.x-dd-drop-ok-add .x-dd-drop-icon{background-image:url(/opentaps_images/default/dd/drop-add.gif);}
.x-view-selector{position:absolute;left:0;top:0;width:0;background:#c3daf9;border:1px dotted #39b;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);zoom:1;}

.x-tree .x-panel-body{background-color:#fff;}
.ext-strict .ext-ie .x-tree .x-panel-bwrap{position:relative;overflow:hidden;}
.x-tree-icon,.x-tree-ec-icon,.x-tree-elbow-line,.x-tree-elbow,.x-tree-elbow-end,.x-tree-elbow-plus,.x-tree-elbow-minus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{border:0 none;height:18px;margin:0;padding:0;vertical-align:top;width:16px;background-repeat:no-repeat;}
.x-tree-node-collapsed .x-tree-node-icon,.x-tree-node-expanded .x-tree-node-icon,.x-tree-node-leaf .x-tree-node-icon{border:0 none;height:18px;margin:0;padding:0;vertical-align:top;width:16px;background-position:center;background-repeat:no-repeat;}
.ext-ie .x-tree-node-indent img,.ext-ie .x-tree-node-icon,.ext-ie .x-tree-ec-icon{vertical-align:middle!important;}
.x-tree-node-expanded .x-tree-node-icon{background-image:url(/opentaps_images/default/tree/folder-open.gif);}
.x-tree-node-leaf .x-tree-node-icon{background-image:url(/opentaps_images/default/tree/leaf.gif);}
.x-tree-node-collapsed .x-tree-node-icon{background-image:url(/opentaps_images/default/tree/folder.gif);}
.ext-ie input.x-tree-node-cb{width:15px;height:15px;}
input.x-tree-node-cb{margin-left:1px;}
.ext-ie input.x-tree-node-cb{margin-left:0;}
.x-tree-noicon .x-tree-node-icon{width:0;height:0;}
.x-tree-node-loading .x-tree-node-icon{background-image:url(/opentaps_images/default/tree/loading.gif)!important;}
.x-tree-node-loading a span{font-style:italic;color:#444;}
.ext-ie .x-tree-node-el input{width:15px;height:15px;}
.x-tree-lines .x-tree-elbow{background-image:url(/opentaps_images/default/tree/elbow.gif);}
.x-tree-lines .x-tree-elbow-plus{background-image:url(/opentaps_images/default/tree/elbow-plus.gif);}
.x-tree-lines .x-tree-elbow-minus{background-image:url(/opentaps_images/default/tree/elbow-minus.gif);}
.x-tree-lines .x-tree-elbow-end{background-image:url(/opentaps_images/default/tree/elbow-end.gif);}
.x-tree-lines .x-tree-elbow-end-plus{background-image:url(/opentaps_images/default/tree/elbow-end-plus.gif);}
.x-tree-lines .x-tree-elbow-end-minus{background-image:url(/opentaps_images/default/tree/elbow-end-minus.gif);}
.x-tree-lines .x-tree-elbow-line{background-image:url(/opentaps_images/default/tree/elbow-line.gif);}
.x-tree-no-lines .x-tree-elbow{background:transparent;}
.x-tree-no-lines .x-tree-elbow-plus{background-image:url(/opentaps_images/default/tree/elbow-plus-nl.gif);}
.x-tree-no-lines .x-tree-elbow-minus{background-image:url(/opentaps_images/default/tree/elbow-minus-nl.gif);}
.x-tree-no-lines .x-tree-elbow-end{background:transparent;}
.x-tree-no-lines .x-tree-elbow-end-plus{background-image:url(/opentaps_images/default/tree/elbow-end-plus-nl.gif);}
.x-tree-no-lines .x-tree-elbow-end-minus{background-image:url(/opentaps_images/default/tree/elbow-end-minus-nl.gif);}
.x-tree-no-lines .x-tree-elbow-line{background:transparent;}
.x-tree-arrows .x-tree-elbow{background:transparent;}
.x-tree-arrows .x-tree-elbow-plus{background:transparent url(/opentaps_images/default/tree/arrows.gif) no-repeat 0 0;}
.x-tree-arrows .x-tree-elbow-minus{background:transparent url(/opentaps_images/default/tree/arrows.gif) no-repeat -16px 0;}
.x-tree-arrows .x-tree-elbow-end{background:transparent;}
.x-tree-arrows .x-tree-elbow-end-plus{background:transparent url(/opentaps_images/default/tree/arrows.gif) no-repeat 0 0;}
.x-tree-arrows .x-tree-elbow-end-minus{background:transparent url(/opentaps_images/default/tree/arrows.gif) no-repeat -16px 0;}
.x-tree-arrows .x-tree-elbow-line{background:transparent;}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{background-position:-32px 0;}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{background-position:-48px 0;}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{background-position:-32px 0;}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{background-position:-48px 0;}
.x-tree-elbow-plus,.x-tree-elbow-minus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{cursor:pointer;}
.ext-ie ul.x-tree-node-ct{font-size:0;line-height:0;zoom:1;}
.x-tree-node{color:black;font:normal 11px arial,tahoma,helvetica,sans-serif;white-space:nowrap;}
.x-tree-node-el{line-height:18px;cursor:pointer;}
.x-tree-node a,.x-dd-drag-ghost a{text-decoration:none;color:black;-khtml-user-select:none;-moz-user-select:none;-kthml-user-focus:normal;-moz-user-focus:normal;-moz-outline:0 none;outline:0 none;}
.x-tree-node a span,.x-dd-drag-ghost a span{text-decoration:none;color:black;padding:1px 3px 1px 2px;}
.x-tree-node .x-tree-node-disabled a span{color:gray!important;}
.x-tree-node .x-tree-node-disabled .x-tree-node-icon{-moz-opacity:0.5;opacity:.5;filter:alpha(opacity=50);}
.x-tree-node .x-tree-node-inline-icon{background:transparent;}
.x-tree-node a:hover,.x-dd-drag-ghost a:hover{text-decoration:none;}
.x-tree-node div.x-tree-drag-insert-below{border-bottom:1px dotted #36c;}
.x-tree-node div.x-tree-drag-insert-above{border-top:1px dotted #36c;}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{border-bottom:0 none;}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{border-top:0 none;}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{border-bottom:2px solid #36c;}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{border-top:2px solid #36c;}
.x-tree-node .x-tree-drag-append a span{background:#ddd;border:1px dotted gray;}
.x-tree-node .x-tree-node-over{background-color:#eee;}
.x-tree-node .x-tree-selected{background-color:#d9e8fb;}
.x-dd-drag-ghost .x-tree-node-indent,.x-dd-drag-ghost .x-tree-ec-icon{display:none!important;}
.x-tree-drop-ok-append .x-dd-drop-icon{background-image:url(/opentaps_images/default/tree/drop-add.gif);}
.x-tree-drop-ok-above .x-dd-drop-icon{background-image:url(/opentaps_images/default/tree/drop-over.gif);}
.x-tree-drop-ok-below .x-dd-drop-icon{background-image:url(/opentaps_images/default/tree/drop-under.gif);}
.x-tree-drop-ok-between .x-dd-drop-icon{background-image:url(/opentaps_images/default/tree/drop-between.gif);}

.x-date-picker{border:1px solid #1b376c;border-top:0 none;background:#fff;position:relative;}
.x-date-picker a{-moz-outline:0 none;outline:0 none;}
.x-date-inner,.x-date-inner td,.x-date-inner th{border-collapse:separate;}
.x-date-middle,.x-date-left,.x-date-right{background:url(/opentaps_images/default/shared/hd-sprite.gif) repeat-x 0 -83px;color:#FFF;font:bold 11px "sans serif",tahoma,verdana,helvetica;overflow:hidden;}
.x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right{background:transparent!important;vertical-align:middle;}
.x-date-middle .x-btn .x-btn-text{color:#fff;}
.x-date-middle .x-btn-with-menu .x-btn-center em{background:transparent url(/opentaps_images/gray/toolbar/btn-arrow-light.gif) no-repeat right 0;}
.x-date-right,.x-date-left{width:18px;}
.x-date-right{text-align:right;}
.x-date-middle{padding-top:2px;padding-bottom:2px;}
.x-date-right a,.x-date-left a{display:block;width:16px;height:16px;background-position:center;background-repeat:no-repeat;cursor:pointer;-moz-opacity:0.6;opacity:.6;filter:alpha(opacity=60);}
.x-date-right a:hover,.x-date-left a:hover{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
.x-date-right a{background-image:url(/opentaps_images/default/shared/right-btn.gif);margin-right:2px;text-decoration:none!important;}
.x-date-left a{background-image:url(/opentaps_images/default/shared/left-btn.gif);margin-left:2px;text-decoration:none!important;}
table.x-date-inner{width:100%;table-layout:fixed;}
.x-date-inner th{width:25px;}
.x-date-inner th{background:#dfecfb url(/opentaps_images/default/shared/glass-bg.gif) repeat-x left top;text-align:right!important;border-bottom:1px solid #a3bad9;font:normal 10px arial,helvetica,tahoma,sans-serif;color:#233d6d;cursor:default;padding:0;border-collapse:separate;}
.x-date-inner th span{display:block;padding:2px;padding-right:7px;}
.x-date-inner td{border:1px solid #fff;text-align:right;padding:0;}
.x-date-inner a{padding:2px 5px;display:block;font:normal 11px arial,helvetica,tahoma,sans-serif;text-decoration:none;color:black;text-align:right;zoom:1;}
.x-date-inner .x-date-active{cursor:pointer;color:black;}
.x-date-inner .x-date-selected a{background:#dfecfb url(/opentaps_images/default/shared/glass-bg.gif) repeat-x left top;border:1px solid #8db2e3;padding:1px 4px;}
.x-date-inner .x-date-today a{border:1px solid darkred;padding:1px 4px;}
.x-date-inner .x-date-selected span{font-weight:bold;}
.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a{color:#aaa;text-decoration:none!important;}
.x-date-bottom{padding:4px;border-top:1px solid #a3bad9;background:#dfecfb url(/opentaps_images/default/shared/glass-bg.gif) repeat-x left top;}
.x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{text-decoration:none!important;color:black;background:#ddecfe;}
.x-date-inner .x-date-disabled a{cursor:default;background:#eee;color:#bbb;}
.x-date-mmenu{background:#eee!important;}
.x-date-mmenu .x-menu-item{font-size:10px;padding:1px 24px 1px 4px;white-space:nowrap;color:#000;}
.x-date-mmenu .x-menu-item .x-menu-item-icon{width:10px;height:10px;margin-right:5px;background-position:center -4px!important;}
.x-date-mp{position:absolute;left:0;top:0;background:white;display:none;}
.x-date-mp td{padding:2px;font:normal 11px arial,helvetica,tahoma,sans-serif;}
td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn{border:0 none;text-align:center;vertical-align:middle;width:25%;}
.x-date-mp-ok{margin-right:3px;}
.x-date-mp-btns button{text-decoration:none;text-align:center;text-decoration:none!important;background:#083772;color:white;border:1px solid;border-color:#36c #005 #005 #36c;padding:1px 3px 1px;font:normal 11px arial,helvetica,tahoma,sans-serif;cursor:pointer;}
.x-date-mp-btns{background:#dfecfb url(/opentaps_images/default/shared/glass-bg.gif) repeat-x left top;}
.x-date-mp-btns td{border-top:1px solid #c5d2df;text-align:center;}
td.x-date-mp-month a,td.x-date-mp-year a{display:block;padding:2px 4px;text-decoration:none;text-align:center;color:#15428b;}
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{color:#15428b;text-decoration:none;cursor:pointer;background:#ddecfe;}
td.x-date-mp-sel a{padding:1px 3px;background:#dfecfb url(/opentaps_images/default/shared/glass-bg.gif) repeat-x left top;border:1px solid #8db2e3;}
.x-date-mp-ybtn a{overflow:hidden;width:15px;height:15px;cursor:pointer;background:transparent url(/opentaps_images/gray/panel/tool-sprites.gif) no-repeat;display:block;margin:0 auto;}
.x-date-mp-ybtn a.x-date-mp-next{background-position:0 -120px;}
.x-date-mp-ybtn a.x-date-mp-next:hover{background-position:-15px -120px;}
.x-date-mp-ybtn a.x-date-mp-prev{background-position:0 -105px;}
.x-date-mp-ybtn a.x-date-mp-prev:hover{background-position:-15px -105px;}
.x-date-mp-ybtn{text-align:center;}
td.x-date-mp-sep{border-right:1px solid #c5d2df;}

.x-tip{position:absolute;top:0;left:0;visibility:hidden;z-index:20000;border:0 none;}
.x-tip .x-tip-close{background-image:url(/opentaps_images/default/qtip/close.gif);height:15px;float:right;width:15px;margin:0 0 2px 2px;cursor:pointer;display:none;}
.x-tip .x-tip-tc{background:transparent url(/opentaps_images/gray/qtip/tip-sprite.gif) no-repeat 0 -62px;padding-top:3px;overflow:hidden;zoom:1;}
.x-tip .x-tip-tl{background:transparent url(/opentaps_images/gray/qtip/tip-sprite.gif) no-repeat 0 0;padding-left:6px;overflow:hidden;zoom:1;}
.x-tip .x-tip-tr{background:transparent url(/opentaps_images/gray/qtip/tip-sprite.gif) no-repeat right 0;padding-right:6px;overflow:hidden;zoom:1;}
.x-tip .x-tip-bc{background:transparent url(/opentaps_images/gray/qtip/tip-sprite.gif) no-repeat 0 -121px;height:3px;overflow:hidden;}
.x-tip .x-tip-bl{background:transparent url(/opentaps_images/gray/qtip/tip-sprite.gif) no-repeat 0 -59px;padding-left:6px;zoom:1;}
.x-tip .x-tip-br{background:transparent url(/opentaps_images/gray/qtip/tip-sprite.gif) no-repeat right -59px;padding-right:6px;zoom:1;}
.x-tip .x-tip-mc{border:0 none;font:normal 11px tahoma,arial,helvetica,sans-serif;}
.x-tip .x-tip-ml{background:#fff url(/opentaps_images/gray/qtip/tip-sprite.gif) no-repeat 0 -124px;padding-left:6px;zoom:1;}
.x-tip .x-tip-mr{background:transparent url(/opentaps_images/gray/qtip/tip-sprite.gif) no-repeat right -124px;padding-right:6px;zoom:1;}
.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc{font-size:0;line-height:0;}
.x-tip .x-tip-header-text{font:bold 11px tahoma,arial,helvetica,sans-serif;padding:0;margin:0 0 2px 0;color:#444;}
.x-tip .x-tip-body{font:normal 11px tahoma,arial,helvetica,sans-serif;margin:0!important;line-height:14px;color:#444;padding:0;}
.x-tip .x-tip-body .loading-indicator{margin:0;}
.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text{cursor:move;}
.x-form-invalid-tip .x-tip-tc{background:url(/opentaps_images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-top:6px;}
.x-form-invalid-tip .x-tip-tl{background-image:url(/opentaps_images/default/form/error-tip-corners.gif);}
.x-form-invalid-tip .x-tip-tr{background-image:url(/opentaps_images/default/form/error-tip-corners.gif);}
.x-form-invalid-tip .x-tip-bc{background:url(/opentaps_images/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px;}
.x-form-invalid-tip .x-tip-bl{background:url(/opentaps_images/default/form/error-tip-corners.gif) no-repeat 0 -6px;}
.x-form-invalid-tip .x-tip-br{background:url(/opentaps_images/default/form/error-tip-corners.gif) no-repeat right -6px;}
.x-form-invalid-tip .x-tip-ml{background-image:url(/opentaps_images/default/form/error-tip-corners.gif);}
.x-form-invalid-tip .x-tip-mr{background-image:url(/opentaps_images/default/form/error-tip-corners.gif);}
.x-form-invalid-tip .x-tip-body{padding:2px;}
.x-form-invalid-tip .x-tip-body{padding-left:24px;background:transparent url(/opentaps_images/default/form/exclamation.gif) no-repeat 2px 2px;}

.x-menu{border:1px solid #718bb7;z-index:15000;zoom:1;background:#f0f0f0 url(/opentaps_images/default/menu/menu.gif) repeat-y;padding:2px;}
.x-menu a{text-decoration:none!important;}
.ext-ie .x-menu{zoom:1;overflow:hidden;}
.x-menu-list{background:transparent;border:0 none;}
.x-menu li{line-height:100%;}
.x-menu li.x-menu-sep-li{font-size:1px;line-height:1px;}
.x-menu-list-item{font:normal 11px tahoma,arial,sans-serif;white-space:nowrap;-moz-user-select:none;-khtml-user-select:none;display:block;padding:1px;}
.x-menu-item-arrow{background:transparent url(/opentaps_images/default/menu/menu-parent.gif) no-repeat right;}
.x-menu-sep{display:block;font-size:1px;line-height:1px;margin:2px 3px;background-color:#e0e0e0;border-bottom:1px solid #fff;overflow:hidden;}
.x-menu-focus{position:absolute;left:0;top:-5px;width:0;height:0;line-height:1px;}
.x-menu a.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px 3px;white-space:nowrap;text-decoration:none;color:#222;-moz-outline:0 none;outline:0 none;cursor:pointer;}
.x-menu-item-active{background:#ebf3fd url(/opentaps_images/default/menu/item-over.gif) repeat-x left bottom;border:1px solid #aaccf6;padding:0;}
.x-menu-item-active a.x-menu-item{color:#233d6d;}
.x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;margin:0 8px 0 0;background-position:center;}
.x-menu-check-item .x-menu-item-icon{background:transparent url(/opentaps_images/default/menu/unchecked.gif) no-repeat center;}
.x-menu-item-checked .x-menu-item-icon{background-image:url(/opentaps_images/default/menu/checked.gif);}
.x-menu-group-item .x-menu-item-icon{background:transparent;}
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{background:transparent url(/opentaps_images/default/menu/group-checked.gif) no-repeat center;}
.x-menu-plain{background:#fff!important;}
.x-menu-date-item{padding:0;}
.x-menu .x-color-palette,.x-menu .x-date-picker{margin-left:26px;margin-right:4px;}
.x-menu .x-date-picker{border:1px solid #a3bad9;margin-top:2px;margin-bottom:2px;}
.x-menu-plain .x-color-palette,.x-menu-plain .x-date-picker{margin:0;border:0 none;}
.x-date-menu{padding:0!important;}
.x-cycle-menu .x-menu-item-checked{border:1px dotted #a3bae9!important;background:#DFE8F6;padding:0;}

 .x-box-tl{background:transparent url(/opentaps_images/default/box/corners.gif) no-repeat 0 0;zoom:1;}
.x-box-tc{height:8px;background:transparent url(/opentaps_images/default/box/tb.gif) repeat-x 0 0;overflow:hidden;}
.x-box-tr{background:transparent url(/opentaps_images/default/box/corners.gif) no-repeat right -8px;}
.x-box-ml{background:transparent url(/opentaps_images/default/box/l.gif) repeat-y 0;padding-left:4px;overflow:hidden;zoom:1;}
.x-box-mc{background:#eee url(/opentaps_images/default/box/tb.gif) repeat-x 0 -16px;padding:4px 10px;font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;color:#393939;font-size:12px;}
.x-box-mc h3{font-size:14px;font-weight:bold;margin:0 0 4px 0;zoom:1;}
.x-box-mr{background:transparent url(/opentaps_images/default/box/r.gif) repeat-y right;padding-right:4px;overflow:hidden;}
.x-box-bl{background:transparent url(/opentaps_images/default/box/corners.gif) no-repeat 0 -16px;zoom:1;}
.x-box-bc{background:transparent url(/opentaps_images/default/box/tb.gif) repeat-x 0 -8px;height:8px;overflow:hidden;}
.x-box-br{background:transparent url(/opentaps_images/default/box/corners.gif) no-repeat right -24px;}
.x-box-tl,.x-box-bl{padding-left:8px;overflow:hidden;}
.x-box-tr,.x-box-br{padding-right:8px;overflow:hidden;}
.x-box-blue .x-box-bl,.x-box-blue .x-box-br,.x-box-blue .x-box-tl,.x-box-blue .x-box-tr{background-image:url(/opentaps_images/default/box/corners-blue.gif);}
.x-box-blue .x-box-bc,.x-box-blue .x-box-mc,.x-box-blue .x-box-tc{background-image:url(/opentaps_images/default/box/tb-blue.gif);}
.x-box-blue .x-box-mc{background-color:#c3daf9;}
.x-box-blue .x-box-mc h3{color:#17385b;}
.x-box-blue .x-box-ml{background-image:url(/opentaps_images/default/box/l-blue.gif);}
.x-box-blue .x-box-mr{background-image:url(/opentaps_images/default/box/r-blue.gif);}

#x-debug-browser .x-tree .x-tree-node a span{color:#222297;font-size:11px;padding-top:2px;font-family:"monotype","courier new",sans-serif;line-height:18px;}
#x-debug-browser .x-tree a i{color:#FF4545;font-style:normal;}
#x-debug-browser .x-tree a em{color:#999;}
#x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{background:#c3daf9;}
#x-debug-browser .x-tool-toggle{background-position:0 -75px;}
#x-debug-browser .x-tool-toggle-over{background-position:-15px -75px;}
#x-debug-browser.x-panel-collapsed .x-tool-toggle{background-position:0 -60px;}
#x-debug-browser.x-panel-collapsed .x-tool-toggle-over{background-position:-15px -60px;}

.x-combo-list{border:1px solid #98c0f4;background:#ddecfe;zoom:1;overflow:hidden;}
.x-combo-list-inner{overflow:auto;background:white;position:relative;zoom:1;overflow-x:hidden;}
.x-combo-list-hd{font:bold 11px tahoma,arial,helvetica,sans-serif;color:#15428b;background-image:url(/opentaps_images/default/layout/panel-title-light-bg.gif);border-bottom:1px solid #98c0f4;padding:3px;}
.x-resizable-pinned .x-combo-list-inner{border-bottom:1px solid #98c0f4;}
.x-combo-list-item{font:normal 12px tahoma,arial,helvetica,sans-serif;padding:2px;border:1px solid #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.x-combo-list .x-combo-selected{border:1px dotted #a3bae9!important;background:#DFE8F6;cursor:pointer;}
.x-combo-noedit{cursor:pointer;}
.x-combo-list .x-toolbar{border-top:1px solid #98c0f4;border-bottom:0 none;}
.x-combo-list-small .x-combo-list-item{font:normal 11px tahoma,arial,helvetica,sans-serif;}

.x-panel{border-style:solid;border-color:#d0d0d0;border-width:0;}
.x-panel-header{overflow:hidden;zoom:1;color:#333;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 3px 4px 5px;border:1px solid #d0d0d0;line-height:15px;background:transparent url(/opentaps_images/gray/panel/white-top-bottom.gif) repeat-x 0 -1px;}
.x-panel-body{border:1px solid #d0d0d0;border-top:0 none;overflow:hidden;background:white;position:relative;}
.x-panel-bbar .x-toolbar{border:1px solid #d0d0d0;border-top:0 none;overflow:hidden;padding:2px;}
.x-panel-tbar .x-toolbar{border:1px solid #d0d0d0;border-top:0 none;overflow:hidden;padding:2px;}
.x-panel-tbar-noheader .x-toolbar,.x-panel-mc .x-panel-tbar .x-toolbar{border-top:1px solid #d0d0d0;border-bottom:0 none;}
.x-panel-body-noheader,.x-panel-mc .x-panel-body{border-top:1px solid #d0d0d0;}
.x-panel-header{overflow:hidden;zoom:1;}
.x-panel-tl .x-panel-header{color:#333;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 0 4px 0;border:0 none;background:transparent;}
.x-panel-tl .x-panel-icon,.x-window-tl .x-panel-icon{padding-left:20px!important;background-repeat:no-repeat;background-position:0 4px;zoom:1;}
.x-panel-inline-icon{width:16px;height:16px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;margin-right:4px;margin-top:-1px;margin-bottom:-1px;}
.x-panel-tc{background:transparent url(/opentaps_images/gray/panel/top-bottom.gif) repeat-x 0 0;overflow:hidden;}
.ext-strict .ext-ie7 .x-panel-tc{overflow:visible;}
.x-panel-tl{background:transparent url(/opentaps_images/gray/panel/corners-sprite.gif) no-repeat 0 0;padding-left:6px;zoom:1;border-bottom:1px solid #d0d0d0;}
.x-panel-tr{background:transparent url(/opentaps_images/gray/panel/corners-sprite.gif) no-repeat right 0;zoom:1;padding-right:6px;}
.x-panel-bc{background:transparent url(/opentaps_images/gray/panel/top-bottom.gif) repeat-x 0 bottom;zoom:1;}
.x-panel-bc .x-panel-footer{zoom:1;}
.x-panel-bl{background:transparent url(/opentaps_images/gray/panel/corners-sprite.gif) no-repeat 0 bottom;padding-left:6px;zoom:1;}
.x-panel-br{background:transparent url(/opentaps_images/gray/panel/corners-sprite.gif) no-repeat right bottom;padding-right:6px;zoom:1;}
.x-panel-mc{border:0 none;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;padding-top:6px;background:#f1f1f1;}
.x-panel-mc .x-panel-body{background:transparent;border:0 none;}
.x-panel-ml{background:#fff url(/opentaps_images/gray/panel/left-right.gif) repeat-y 0 0;padding-left:6px;zoom:1;}
.x-panel-mr{background:transparent url(/opentaps_images/gray/panel/left-right.gif) repeat-y right 0;padding-right:6px;zoom:1;}
.x-panel-bc .x-panel-footer{padding-bottom:6px;}
.x-panel-nofooter .x-panel-bc{height:6px;font-size:0;line-height:0;}
.x-panel-bwrap{overflow:hidden;zoom:1;}
.x-panel-body{overflow:hidden;zoom:1;}
.x-panel-collapsed .x-resizable-handle{display:none;}
.ext-gecko .x-panel-animated div{overflow:hidden!important;}
.x-plain-body{overflow:hidden;}
.x-plain-bbar .x-toolbar{overflow:hidden;padding:2px;}
.x-plain-tbar .x-toolbar{overflow:hidden;padding:2px;}
.x-plain-bwrap{overflow:hidden;zoom:1;}
.x-plain{overflow:hidden;}
.x-tool{overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url(/opentaps_images/gray/panel/tool-sprites.gif) no-repeat;margin-left:2px;}
.x-tool-toggle{background-position:0 -60px;}
.x-tool-toggle-over{background-position:-15px -60px;}
.x-panel-collapsed .x-tool-toggle{background-position:0 -75px;}
.x-panel-collapsed .x-tool-toggle-over{background-position:-15px -75px;}
.x-tool-close{background-position:0 -0;}
.x-tool-close-over{background-position:-15px 0;}
.x-tool-minimize{background-position:0 -15px;}
.x-tool-minimize-over{background-position:-15px -15px;}
.x-tool-maximize{background-position:0 -30px;}
.x-tool-maximize-over{background-position:-15px -30px;}
.x-tool-restore{background-position:0 -45px;}
.x-tool-restore-over{background-position:-15px -45px;}
.x-tool-gear{background-position:0 -90px;}
.x-tool-gear-over{background-position:-15px -90px;}
.x-tool-pin{background-position:0 -135px;}
.x-tool-pin-over{background-position:-15px -135px;}
.x-tool-unpin{background-position:0 -150px;}
.x-tool-unpin-over{background-position:-15px -150px;}
.x-tool-right{background-position:0 -165px;}
.x-tool-right-over{background-position:-15px -165px;}
.x-tool-left{background-position:0 -180px;}
.x-tool-left-over{background-position:-15px -180px;}
.x-tool-up{background-position:0 -210px;}
.x-tool-up-over{background-position:-15px -210px;}
.x-tool-down{background-position:0 -195px;}
.x-tool-down-over{background-position:-15px -195px;}
.x-tool-refresh{background-position:0 -225px;}
.x-tool-refresh-over{background-position:-15px -225px;}
.x-tool-minus{background-position:0 -255px;}
.x-tool-minus-over{background-position:-15px -255px;}
.x-tool-plus{background-position:0 -240px;}
.x-tool-plus-over{background-position:-15px -240px;}
.x-tool-search{background-position:0 -270px;}
.x-tool-search-over{background-position:-15px -270px;}
.x-tool-save{background-position:0 -285px;}
.x-tool-save-over{background-position:-15px -285px;}
.x-tool-help{background-position:0 -300px;}
.x-tool-help-over{background-position:-15px -300px;}
.x-tool-print{background-position:0 -315px;}
.x-tool-print-over{background-position:-15px -315px;}
.x-panel-ghost{background:#e0e0e0;z-index:12000;overflow:hidden;position:absolute;left:0;top:0;opacity:.65;-moz-opacity:.65;filter:alpha(opacity=65);}
.x-panel-ghost ul{margin:0;padding:0;overflow:hidden;font-size:0;line-height:0;border:1px solid #b0b0b0;border-top:0 none;display:block;}
.x-panel-ghost *{cursor:move!important;}
.x-panel-dd-spacer{border:2px dashed #99bbe8;}
.x-panel-btns-ct{padding:5px;}
.x-panel-btns-ct .x-btn{float:right;clear:none;}
.x-panel-btns-ct .x-panel-btns td{border:0;padding:0;}
.x-panel-btns-ct .x-panel-btns-right table{float:right;clear:none;}
.x-panel-btns-ct .x-panel-btns-left table{float:left;clear:none;}
.x-panel-btns-ct .x-panel-btns-center{text-align:center;}
.x-panel-btns-ct .x-panel-btns-center table{margin:0 auto;}
.x-panel-btns-ct table td.x-panel-btn-td{padding:3px;}
.x-panel-btns-ct .x-btn-focus .x-btn-left{background-position:0 -147px;}
.x-panel-btns-ct .x-btn-focus .x-btn-right{background-position:0 -168px;}
.x-panel-btns-ct .x-btn-focus .x-btn-center{background-position:0 -189px;}
.x-panel-btns-ct .x-btn-over .x-btn-left{background-position:0 -63px;}
.x-panel-btns-ct .x-btn-over .x-btn-right{background-position:0 -84px;}
.x-panel-btns-ct .x-btn-over .x-btn-center{background-position:0 -105px;}
.x-panel-btns-ct .x-btn-click .x-btn-center{background-position:0 -126px;}
.x-panel-btns-ct .x-btn-click .x-btn-right{background-position:0 -84px;}
.x-panel-btns-ct .x-btn-click .x-btn-left{background-position:0 -63px;}

.x-window{zoom:1;}
.x-window .x-resizable-handle{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.x-window-proxy{background:#e0e0e0;border:1px solid #b0b0b0;z-index:12000;overflow:hidden;position:absolute;left:0;top:0;display:none;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}
.x-window-header{overflow:hidden;zoom:1;}
.x-window-bwrap{z-index:1;position:relative;zoom:1;}
.x-window-tl .x-window-header{color:#555;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 0 4px 0;}
.x-window-header-text{cursor:pointer;}
.x-window-tc{background:transparent url(/opentaps_images/gray/window/top-bottom.png) repeat-x 0 0;overflow:hidden;zoom:1;}
.x-window-tl{background:transparent url(/opentaps_images/gray/window/left-corners.png) no-repeat 0 0;padding-left:6px;zoom:1;z-index:1;position:relative;}
.x-window-tr{background:transparent url(/opentaps_images/gray/window/right-corners.png) no-repeat right 0;padding-right:6px;}
.x-window-bc{background:transparent url(/opentaps_images/gray/window/top-bottom.png) repeat-x 0 bottom;zoom:1;}
.x-window-bc .x-window-footer{padding-bottom:6px;zoom:1;font-size:0;line-height:0;}
.x-window-bl{background:transparent url(/opentaps_images/gray/window/left-corners.png) no-repeat 0 bottom;padding-left:6px;zoom:1;}
.x-window-br{background:transparent url(/opentaps_images/gray/window/right-corners.png) no-repeat right bottom;padding-right:6px;zoom:1;}
.x-window-mc{border:1px solid #d0d0d0;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:#e8e8e8;}
.x-window-ml{background:transparent url(/opentaps_images/gray/window/left-right.png) repeat-y 0 0;padding-left:6px;zoom:1;}
.x-window-mr{background:transparent url(/opentaps_images/gray/window/left-right.png) repeat-y right 0;padding-right:6px;zoom:1;}
.x-panel-nofooter .x-window-bc{height:6px;}
.x-window-body{overflow:hidden;}
.x-window-bwrap{overflow:hidden;}
.x-window-maximized .x-window-bl,.x-window-maximized .x-window-br,.x-window-maximized .x-window-ml,.x-window-maximized .x-window-mr,.x-window-maximized .x-window-tl,.x-window-maximized .x-window-tr{padding:0;}
.x-window-maximized .x-window-footer{padding-bottom:0;}
.x-window-maximized .x-window-tc{padding-left:3px;padding-right:3px;background-color:white;}
.x-window-maximized .x-window-mc{border-left:0 none;border-right:0 none;}
.x-window-tbar .x-toolbar,.x-window-bbar .x-toolbar{border-left:0 none;border-right:0 none;}
.x-window-bbar .x-toolbar{border-top:1px solid #99bbe8;border-bottom:0 none;}
.x-window-draggable,.x-window-draggable .x-window-header-text{cursor:move;}
.x-window-maximized .x-window-draggable,.x-window-maximized .x-window-draggable .x-window-header-text{cursor:default;}
.x-window-body{background:transparent;}
.x-panel-ghost .x-window-tl{border-bottom:1px solid #d0d0d0;}
.x-panel-collapsed .x-window-tl{border-bottom:1px solid #d0d0d0;}
.x-window-maximized-ct{overflow:hidden;}
.x-window-maximized .x-resizable-handle{display:none;}
.x-window-sizing-ghost ul{border:0 none!important;}
.x-dlg-focus{-moz-outline:0 none;outline:0 none;width:0;height:0;overflow:hidden;position:absolute;top:0;left:0;}
.x-dlg-mask{z-index:10000;display:none;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;}
body.ext-ie6.x-body-masked select{visibility:hidden;}
body.ext-ie6.x-body-masked .x-window select{visibility:visible;}
.x-window-plain .x-window-mc{background:#e8e8e8;border-right:1px solid #eee;border-bottom:1px solid #eee;border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0;}
.x-window-plain .x-window-body{border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;background:transparent!important;}
body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc{background:#e4e4e4;}

.x-html-editor-wrap{border:1px solid #d0d0d0;background:white;}
.x-html-editor-tb .x-btn-text{background:transparent url(/opentaps_images/default/editor/tb-sprite.gif) no-repeat;}
.x-html-editor-tb .x-edit-bold .x-btn-text{background-position:0 0;}
.x-html-editor-tb .x-edit-italic .x-btn-text{background-position:-16px 0;}
.x-html-editor-tb .x-edit-underline .x-btn-text{background-position:-32px 0;}
.x-html-editor-tb .x-edit-forecolor .x-btn-text{background-position:-160px 0;}
.x-html-editor-tb .x-edit-backcolor .x-btn-text{background-position:-176px 0;}
.x-html-editor-tb .x-edit-justifyleft .x-btn-text{background-position:-112px 0;}
.x-html-editor-tb .x-edit-justifycenter .x-btn-text{background-position:-128px 0;}
.x-html-editor-tb .x-edit-justifyright .x-btn-text{background-position:-144px 0;}
.x-html-editor-tb .x-edit-insertorderedlist .x-btn-text{background-position:-80px 0;}
.x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text{background-position:-96px 0;}
.x-html-editor-tb .x-edit-increasefontsize .x-btn-text{background-position:-48px 0;}
.x-html-editor-tb .x-edit-decreasefontsize .x-btn-text{background-position:-64px 0;}
.x-html-editor-tb .x-edit-sourceedit .x-btn-text{background-position:-192px 0;}
.x-html-editor-tb .x-edit-createlink .x-btn-text{background-position:-208px 0;}
.x-html-editor-tip .x-tip-bd .x-tip-bd-inner{padding:5px;padding-bottom:1px;}
.x-html-editor-tb .x-toolbar{position:static!important;}

.x-panel-noborder .x-panel-body-noborder{border-width:0;}
.x-panel-noborder .x-panel-header-noborder{border-width:0;border-bottom:1px solid #d0d0d0;}
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar{border-width:0;border-bottom:1px solid #d0d0d0;}
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar{border-width:0;border-top:1px solid #d0d0d0;}
.x-window-noborder .x-window-mc{border-width:0;}
.x-window-plain .x-window-body-noborder{border-width:0;}
.x-tab-panel-noborder .x-tab-panel-body-noborder{border-width:0;}
.x-tab-panel-noborder .x-tab-panel-header-noborder{border-top-width:0;border-left-width:0;border-right-width:0;}
.x-tab-panel-noborder .x-tab-panel-footer-noborder{border-bottom-width:0;border-left-width:0;border-right-width:0;}
.x-tab-panel-bbar-noborder .x-toolbar{border-width:0;border-top:1px solid #d0d0d0;}
.x-tab-panel-tbar-noborder .x-toolbar{border-width:0;border-bottom:1px solid #d0d0d0;}

.x-border-layout-ct{background:#f0f0f0;}
.x-border-panel{position:absolute;left:0;top:0;}
.x-tool-collapse-south{background-position:0 -195px;}
.x-tool-collapse-south-over{background-position:-15px -195px;}
.x-tool-collapse-north{background-position:0 -210px;}
.x-tool-collapse-north-over{background-position:-15px -210px;}
.x-tool-collapse-west{background-position:0 -180px;}
.x-tool-collapse-west-over{background-position:-15px -180px;}
.x-tool-collapse-east{background-position:0 -165px;}
.x-tool-collapse-east-over{background-position:-15px -165px;}
.x-tool-expand-south{background-position:0 -210px;}
.x-tool-expand-south-over{background-position:-15px -210px;}
.x-tool-expand-north{background-position:0 -195px;}
.x-tool-expand-north-over{background-position:-15px -195px;}
.x-tool-expand-west{background-position:0 -165px;}
.x-tool-expand-west-over{background-position:-15px -165px;}
.x-tool-expand-east{background-position:0 -180px;}
.x-tool-expand-east-over{background-position:-15px -180px;}
.x-tool-expand-north,.x-tool-expand-south{float:right;margin:3px;}
.x-tool-expand-east,.x-tool-expand-west{float:none;margin:3px auto;}
.x-accordion-hd .x-tool-toggle{background-position:0 -255px;}
.x-accordion-hd .x-tool-toggle-over{background-position:-15px -255px;}
.x-panel-collapsed .x-accordion-hd .x-tool-toggle{background-position:0 -240px;}
.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over{background-position:-15px -240px;}
.x-accordion-hd{color:#222;padding-top:4px;padding-bottom:3px;border-top:0 none;font-weight:normal;background:transparent url(/opentaps_images/gray/panel/light-hd.gif) repeat-x 0 -9px;}
.x-layout-collapsed{position:absolute;left:-10000px;top:-10000px;visibility:hidden;background-color:#eee;width:20px;height:20px;overflow:hidden;border:1px solid #e0e0e0;z-index:20;}
.ext-border-box .x-layout-collapsed{width:22px;height:22px;}
.x-layout-collapsed-over{cursor:pointer;background-color:#fbfbfb;}
.x-layout-collapsed-west .x-layout-collapsed-tools,.x-layout-collapsed-east .x-layout-collapsed-tools{position:absolute;top:0;left:0;width:20px;height:20px;}
.x-layout-split{position:absolute;height:5px;width:5px;line-height:1px;font-size:1px;z-index:3;background-color:transparent;}
.x-layout-split-h{background-image:url(/opentaps_images/default/s.gif);background-position:left;}
.x-layout-split-v{background-image:url(/opentaps_images/default/s.gif);background-position:top;}
.x-column-layout-ct{overflow:hidden;zoom:1;}
.x-column{float:left;padding:0;margin:0;overflow:hidden;zoom:1;}
.x-layout-mini{position:absolute;top:0;left:0;display:block;width:5px;height:35px;cursor:pointer;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}
.x-layout-mini-over,.x-layout-collapsed-over .x-layout-mini{opacity:1;-moz-opacity:1;filter:none;}
.x-layout-split-west .x-layout-mini{top:48%;background-image:url(/opentaps_images/default/layout/mini-left.gif);}
.x-layout-split-east .x-layout-mini{top:48%;background-image:url(/opentaps_images/default/layout/mini-right.gif);}
.x-layout-split-north .x-layout-mini{left:48%;height:5px;width:35px;background-image:url(/opentaps_images/default/layout/mini-top.gif);}
.x-layout-split-south .x-layout-mini{left:48%;height:5px;width:35px;background-image:url(/opentaps_images/default/layout/mini-bottom.gif);}
.x-layout-cmini-west .x-layout-mini{top:48%;background-image:url(/opentaps_images/default/layout/mini-right.gif);}
.x-layout-cmini-east .x-layout-mini{top:48%;background-image:url(/opentaps_images/default/layout/mini-left.gif);}
.x-layout-cmini-north .x-layout-mini{left:48%;height:5px;width:35px;background-image:url(/opentaps_images/default/layout/mini-bottom.gif);}
.x-layout-cmini-south .x-layout-mini{left:48%;height:5px;width:35px;background-image:url(/opentaps_images/default/layout/mini-top.gif);}
.x-layout-cmini-west,.x-layout-cmini-east{border:0 none;width:5px!important;padding:0;background:transparent;}
.x-layout-cmini-north,.x-layout-cmini-south{border:0 none;height:5px!important;padding:0;background:transparent;}
.x-viewport,.x-viewport body{margin:0;padding:0;border:0 none;overflow:hidden;height:100%;}
.x-abs-layout-item{position:absolute;left:0;top:0;}
.ext-ie input.x-abs-layout-item,.ext-ie textarea.x-abs-layout-item{margin:0;}

.x-progress-wrap{border:1px solid #6593cf;overflow:hidden;}
.x-progress-inner{height:18px;background:#e0e8f3 url(/opentaps_images/default/qtip/bg.gif) repeat-x;position:relative;}
.x-progress-bar{height:18px;float:left;width:0;background:#9CBFEE url( /opentaps_images/default/progress/progress-bg.gif ) repeat-x left center;border-top:1px solid #D1E4FD;border-bottom:1px solid #7FA9E4;border-right:1px solid #7FA9E4;}
.x-progress-text{font-size:11px;font-weight:bold;color:#fff;padding:1px 5px;overflow:hidden;position:absolute;left:0;text-align:center;}
.x-progress-text-back{color:#396095;line-height:16px;}
.ext-ie .x-progress-text-back{line-height:15px;}

.x-window-dlg .x-window-body{border:0 none!important;padding:5px 10px;overflow:hidden!important;}
.x-window-dlg .x-window-mc{border:0 none!important;}
.x-window-dlg .ext-mb-text,.x-window-dlg .x-window-header-text{font-size:12px;}
.x-window-dlg .ext-mb-input{margin-top:4px;width:95%;}
.x-window-dlg .ext-mb-textarea{margin-top:4px;font:normal 12px tahoma,arial,helvetica,sans-serif;}
.x-window-dlg .x-progress-wrap{margin-top:4px;}
.ext-ie .x-window-dlg .x-progress-wrap{margin-top:6px;}
.x-window-dlg .x-msg-box-wait{background:transparent url(/opentaps_images/default/grid/loading.gif) no-repeat left;display:block;width:300px;padding-left:18px;line-height:18px;}
.x-window-dlg .ext-mb-icon{float:left;width:47px;height:32px;}
.ext-ie .x-window-dlg .ext-mb-icon{width:44px;}
.x-window-dlg .ext-mb-info{background:transparent url(/opentaps_images/default/window/icon-info.gif) no-repeat top left;}
.x-window-dlg .ext-mb-warning{background:transparent url(/opentaps_images/default/window/icon-warning.gif) no-repeat top left;}
.x-window-dlg .ext-mb-question{background:transparent url(/opentaps_images/default/window/icon-question.gif) no-repeat top left;}
.x-window-dlg .ext-mb-error{background:transparent url(/opentaps_images/default/window/icon-error.gif) no-repeat top left;}


/** Opentaps CSS for GWT */

.gwtWidget .gwt-screenlet {
  background-color:#FFFFFF;
  margin-bottom:10px;
  width:100%;
}

.gwtWidget .x-form-item-label {
  color:#000000;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  text-decoration:none;
}

.gwtWidget .requiredField .x-form-item-label {
  color:#AA0000;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  text-decoration:none;
}

.gwtWidget .buttontext {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:normal;
  font-size:10px;
}

.gwtWidget .buttontext a {
  text-decoration:none;
  border:1px solid #999999;
  margin:2px;
  padding:0 6px;
  display:inline-block;
}

.gwtWidget .buttontext a:hover {
  text-decoration:none;
  color:red;
}

.gwtWidget span.buttontext {
  text-decoration:none;
  border:1px solid #999999;
  margin:2px;
  padding:2px 6px;
  display:inline-block;
  cursor:pointer;
  color:#0000AA;
  background-color:white;
}

.inlinebuttontext  {
  display:inline-block;
  vertical-align:bottom;
}

.inlinewidget {
  display:inline-block;
}

/* fix the pager current page input height */
.x-tbar-page-number { 
    height:12px !important;
}

/* Special css class to hide the Tab Bar in TabPanel */

.tabBarHidden .x-tab-panel .x-tab-panel-header { 
    display: none;
}
.tabBarHidden .x-tab-panel .x-tab-panel-body { 
    border-top: 1px solid #D0D0D0; /* restore the top border using the same color as the panel */
}

/* Higher contrast mask */
.ext-el-mask {
    background:#555 !important;
}

.promoItemRow {
    background-color:#FDD !important;
}

/* Styles for highlighting case states by status */

.case_CRQ_SUBMITTED {
    background-color: white !important;
}
.case_CRQ_ACCEPTED {
    background-color: #FFFF99 !important;
}
.case_CRQ_REVIEWED {
    background-color: #FFCC66 !important;
}
.case_CRQ_COMPLETED {
    background-color: #E0E0E0 !important;
}
.case_CRQ_REJECTED {
    background-color: #FFCCCC !important;
}
.case_CRQ_CANCELLED {
    background-color: #FFCCCC !important;
}


.gwtWidget .gwt-HTML .gwt-blank-field
{
    font-size:20px;
	width: 100px;
	margin: 2px;
    padding:0px;
}

.linkMenu {
    text-decoration:underline !important;
    font-weight:normal !important;
    font-family:Verdana,Arial,Helvetica,sans-serif !important;
    color:blue !important;
}

.moreMenu {
    text-decoration:underline !important;
    font-weight:normal !important;
    font-family:Verdana,Arial,Helvetica,sans-serif !important;
    color:blue !important;
}

.topMenu .gwt-MenuBar-horizontal {
  background: #ffffff !important;
  border: 0px !important;
}

.topMenu { 
  background: #ffffff !important;
  border: 0px !important;
}

.topMenu .gwt-MenuItem { 
  background: #ffffff !important;
  border: 0px !important;
}
.topMenu .gwt-MenuItem-selected { 
  background: #ffffff !important;
  border: 0px !important;
}


/* define global style for some elements as per W3C recommendations */

h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bolder;
    padding-left: 0.5em;
}

/* new ofbizmessage style */
ul.ofbizErrorMessagesList {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

/* Section tab buttons */
ul.sectionTabBar a {
    color: #444;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
}

ul.sectionTabBar a:hover {
    color: red;
}

ul.sectionTabBar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.sectionTabBar li {
    float: left;
    margin: 0;
}

div.sectionTabBorder {
    height: 0.5em;
    margin: 0;
    clear: left;
}

#footer {
  text-align: center;
}

#login-greeting {
  width: 100%;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: white;
  background-color: 000099;
  margin-top: 1em;
}

/* These container styles allow for a fixed size left column bar and a variable width center column  */
#one-column {
    position: absolute;
    left: 8px;
    right: 8px;
}

#left-content-column {
    position: absolute;
    left: 8px;
    width: 160px;
}

#center-content-column {
    position: absolute;
    left: 175px;
    right: 8px;
}
/* version two allows for a wider left column */
#left-content-column-two {
    position: absolute;
    left: 8px;
    width: 245px;
}
#center-content-column-two {
    position: absolute;
    left: 260px;
    right: 8px;
}
#crmsfa-footer {
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
}
#login-greeting {
  width: 100%;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: white;
  background-color: 000099;
  margin-top: 1em;
}

/* block containing messages (errors, service messages) */
.messages {
    font: 10pt Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    margin-top: 10px;
    padding: 10px;
    border: 1px dotted gray;
}
.messageLink {
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    color: blue;
    text-decoration: underline;
}

/* section and subsection styles */
.sectionHeader {
    font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
    color: #000099;
    border-bottom: 1px solid #AAAAAA;
    margin-bottom: 10px;
    padding-left: 5px;
    width: 100%; /* this was necessary to make it work with IE */
}

div.sectionHeaderTitle  {
    background-repeat: no-repeat;
    background-position: 5px 50%;
    width: auto;
    height: 1.6em;
}

div.sectionHeaderTitle span {
    line-height: 1.6em;
}

.allSubSectionBlocks { /* This style wraps all the subsection blocks, useful for the IE problem */
    margin-bottom: 50px;
}
.subSectionBlock {
    margin-bottom: 20px;
}
.subSectionHeader {
    font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
    /* border-bottom: 1px solid #AAAAAA; */
    margin-bottom: 0px;
    padding: 3px;
    background-color: #EEEEEE;
    min-height: 18px;
    _height: 18px; /* min-height isn't understood by IE, so we use the IE _height hack to do this */
}
.subSectionTitle {
    color: #000099;
    float: left;
    padding-left: 5px;
    line-height: 15px;
}
/* for warnings that appear next to the subSectionTitle */
.subSectionWarning {
    color: red;
    margin-left: 30px;
}

/* a sub-menu bar */
.subMenuBar {
    text-align: right;
    padding-top: 3px;
}
.subMenuButton { 
    margin-left: 8px;
    padding-left: 6px;
    padding-right: 6px;
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    color: #000099;
    background-color: white;
    border: 1px solid #AAAAAA;
    white-space: nowrap;
}

/* fix submenu button if i's added as GWT widget Hyperlink
   (where anchor in own <div/>) */
div.subMenuButton {
    display: inline;
}
.subMenuButton a {
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    color: #000099;
    white-space: nowrap;
}
.subMenuButton a:hover {
    color: red;
    text-decoration: none;
}

/* some buttons should be highlighted differently to set them apart as dangerous operations */
.subMenuButtonDangerous {
    margin-left: 8px;
    padding-left: 6px;
    padding-right: 6px;
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    color: #AA0000;
    background-color: white;
    border: 1px solid #AAAAAA;
    white-space: nowrap;
}
/* We also need a similar style for regular links */
.buttonDangerous {
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 1px;
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    color: #AA0000 !important;
    background-color: white;
    border: 1px solid #AAAAAA;
    white-space: nowrap;
}
.subMenuButton:hover {
    color: red;
    text-decoration: none;
}
.subMenuButtonDangerous:hover {
    color: white;
    background-color: red;
    text-decoration: none;
}
.buttonDangerous:hover {
    color: white !important;
    background-color: red;
    text-decoration: none !important;
}
.subMenuButtonText {
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
}

/* form widget styles */
.requiredField {
    text-decoration: none;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #AA0000;
}
.requiredFieldNormal {
    text-decoration: none;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #AA0000;
}
.requiredColumn {
    text-decoration: none;
    color: #AA0000;
}
.fieldDateTime {
    width: 150px;
}
.fieldWidth50 {
    width: 50px;
}
.fieldWidth100 {
    width: 100px;
}
.fieldWidth200 {
    width: 200px;
}
.fieldWidth300 {
    width: 300px;
}
.fieldWidth400 {
    width: 400px;
}
.fieldWidth500 {
    width: 500px;
}
.fieldWidth600 {
    width: 600px;
}
.fieldWidth25pct {
    width: 25%;
}
.fieldWidth50pct {
    width: 50%;
}

.subsidiary {
    font-style: italic;
    padding-left: 20px !important;
    color: #777;
    font-size: 0.9em
}

/* form widget dividers */
.formSectionHeader {
    background-color: #EEEEEE;
    width: 100%;
}
.formSectionHeaderTitle {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    padding-left: 5px;
    color: #000099;
}
.rowWhite {
    background-color: white;
}
.rowLightGray {
    background-color: #DDDDDD;
}
.rowLightGreen {
    background-color: #99FF99;
}
.rowLightRed {
    background-color: #FF9999;
}
/* Works on standards compliant browsers except IE, which would require adding onmouseover events. */
tr.rowWhite:hover, tr.rowLightGray:hover, tr.rowLightGreen:hover, tr.rowLightRed:hover, tr.viewManyTR1:hover, tr.viewManyTR2:hover {
    background-color: #EEDDFF;
}

/* table styles */

table.twoColumnForm, /* Use this for simple two-column forms where first column is for titles. */
table.fourColumnForm /* Use this for simple four-column forms where first and third columns are for titles. */
{
    width: 100%;
    border: 1px solid #AAAAAA;
    padding: 5px;
}

.frameSectionBody table.twoColumnForm,
.frameSectionBody table.fourColumnForm { border:none; }

/* Use this style for lists of data with alternating row colors.  TODO: Replace crmsfaListTable and commonListTable. */
table.listTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #AAAAAA;
}

/* This style has a large header row shaded gray and is for presenting notable lists such as in warehouse myHome */
table.headedTable {
    width: 40%;
    margin-left: 15px;
}

table.headedTable tr.header {
    background-color: #EEE;
}

table.headedTable tr td {
    font-size: 0.9em;
}

table.listTable tr.listTableHeader, table.headedTable tr.header td {
    border: 1px solid #AAAAAA !important;
}

table.listTable tr td, table.headedTable tr td {
    padding: 3px;
}

table tr.listTableHeader th, table tr.listTableHeader td,
table.headedTable tr.header {
    font-weight:bold;
}

table.listTable tr td a, table.listTable tr td a:visited,
table.headedTable tr td a, table.headedTable tr td a:visited {
    color: #000099;
}

table.listTable tr td a:hover, table.headedTable tr td a:hover {
    text-decoration: underline;
}

table.listTable tr th.leftAlign {
    text-align:left;
}

table.listTable tr th.rightAlign {
    text-align:right;
}

td.alignRight {
    text-align:right;
}

/* Legacy support. TODO: replace with listTable. */
.crmsfaListTable {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #AAAAAA;
}
.crmsfaListTableHeader {
    border: 1px solid #AAAAAA;
}
/* add padding to the list cells, and whatever else we need */
.crmsfaListTable TR TD {
    padding: 3px;
}
.commonListTable { /* TODO: this is redundant, let us normalize to listTable */
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #AAAAAA;
}
.commonListTableHeader {
    border: 1px solid #AAAAAA;
}
/* add padding to the list cells, and whatever else we need */
.commonListTable TR TD {
    padding: 3px;
}
.orderByHeaderLink {
    color: #000099;
    text-decoration: underline;
}
.orderByHeaderLink:hover {
    color: red;
}
/* miscellaneous that need to be reviewed */
a img.imageLinkBorderless {
    border: 0px;
}

/* form styles */
div.form {
    white-space: nowrap;
    margin: 0px auto;
    margin-left: 0px;
    padding: 5px;
    border: 1px solid #999999;
}
div.formRow {
    clear: both;
    padding-top: 5px;
}
div.formRow span.formLabel {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    float: left;
    width: 13%;
    text-align: right;
}
div.formRow span.formLabelRequired {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    float: left;
    width: 13%;
    text-align: right;
    color: #AA0000;
}
div.formRow span.formLabelNormal {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    float: left;
    width: 13%;
    text-align: right;
    color: #AA0000;
}
div.formRow span.formInputSpan {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    float: right;
    width: 85%;
    text-align: left;
}

div.formRow span.formInputSpanSpaced {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    float: right;
    width: 85%;
    text-align: left;
    line-height: 1.5em;
}

div.formRow span.formFullRowTex {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    float: left;
    width: 100%;
    text-align: left;
    line-height: 1.5em;
}

div.spacer { clear: both; height: 5px; }

/* custom contact mech table styles */
table.contactTable {
    border-collapse: collapse;
    margin-left: 60px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}
table.contactTable th {
    padding-bottom: 10px;
    text-align: center;
}
table.contactTable td {
    border-top: 1px solid black;
    padding: 10px;
    vertical-align: top;
}
table.contactTable td.contactTableCenter {
    text-align: center;
}

/* bullet lists style */

ul.bulletList {
    list-style: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 4em;
}

/* shortcut link style */

ul.shortcuts {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
}
ul.shortcuts li {
    background-color: white;
    margin: 0;
    margin-bottom: 2px;
}
ul.shortcuts li.disabled div,
ul.shortcuts li a {
    display: block; /* this is how we make the whole block clickable, but note html>body hack below */
    text-decoration: none;
    padding: .25em;
    border: solid 1px #AAAAAA;
}
ul.shortcuts li a{
    width:100%;
}
/* see http://www.alistapart.com/articles/taminglists/ for explanation */
html>body ul.shortcuts li a {
    width: auto;
}
ul.shortcuts a:hover,
ul.shortcuts a:active,
ul.shortcuts a.selected {
    color: black;
    background-color: #EEEEEE;
    border: solid 1px black;
    text-decoration: none;
}


/*  address selector in order entry */
table.shipSetting {
    width: 100%;
    border: solid 1px #999999;
    border-collapse: collapse;
}

table.shipSetting tr th {
    text-align: left;
    font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
    background-color: #DDDDDD;
}

table.shipSetting td {
    padding: 3px;
    vertical-align: top;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
}
table.shipSettingAddressList {
    border-collapse: collapse;
}
table.shipSettingAddressList td {
    padding: 1px;
    border: none;
}

/* Pagination styles */

div.pagination {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px;
    font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
}
div.pagination span {
    margin-left: 3px;
    margin-right: 5px
}
div.pagination a, div.pagination a:visited {
    color: #000099;
}
div.pagination a:hover {
    text-decoration: underline;
}
div.pagination a:active {
    border:none;
}

input.paginationFirstPage {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -330px;
}
input.paginationFirstPage:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -330px;
}

input.paginationPreviousPage {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -105px;
}
input.paginationPreviousPage:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -105px;
}

input.paginationNextPage {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -120px;
}
input.paginationNextPage:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -120px;
}

input.paginationLastPage {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -345px;
}
input.paginationLastPage:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -345px;
}

input.paginationGrowPage {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -240px;
}
input.paginationGrowPage:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -240px;
}

input.paginationShrinkPage:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -255px;
}
input.paginationShrinkPage {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -255px;
}


input.paginationToggleViewAll:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -195px;
}
input.paginationToggleViewAll {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -195px;
}


input.paginationUntoggleViewAll:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -210px;
}
input.paginationUntoggleViewAll {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -210px;
}

.pageNumber {
    font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
    padding-right: 10px;
}
.navigationBar { /* For navigation between a subSectionHeader and a listTable */
    text-align: right;
    padding-bottom: 5px;
    padding-right: 5px;
    border: 1px solid #AAAAAA;
    border-bottom: none;
}
a.exportExcelButton img {
    border:none;
    position:relative;
    top:2px;
}
/* Read only style for input elements.  This will gray-out all input elements in the container */
.readOnly input {
    color: #777;
    background-color: #eee;
}
.readOnly select {
    color: #777;
    background-color: #eee;
}

/* The inverse of readOnly, to undo the readonly style. */
.readOnlyRevert input {
    color: black;
    background-color: white;
}
.readOnlyRevert select {
    color: black;
    background-color: white;
}

/* Order header form - These are specific to one area, so not being genericized */

div#orderEntryHeaderForm {
  padding-left: 5px;
  padding-bottom: 10px
}
div#orderEntryHeaderForm input.inputBox, div#orderEntryHeaderForm select {
  width: 125px
}
div#orderEntryHeaderForm img {
  padding-bottom: 2px;
}
div.orderEntryHeaderFormRow {
  margin-top: 6px;
  width: 100%;
  text-align: right;
}
span.orderEntryHeaderFormLabel {
  float: left;
  margin-top: 3px;
}
span.orderEntryHeaderFormInput {
  padding-right: 14px;
}
div.orderEntryHeaderSubmitRow {
  margin-top: 15px;
  text-align: right;
  margin-right: 18px;
}


/* FlexArea control and container classes */

.hidden {
  display: none;
}

.flexAreaControl_closed, .flexAreaControl_open {
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-right: 15px;
    margin-left: 20px;
    width: auto;
    background-position: 10px 50%;
    position:relative;
    top:10px;
    z-index:100;
    margin-bottom:10px;
    background-color: white;
}


.flexAreaControlButton_closed, .flexAreaControlButton_open {
    background-repeat: no-repeat;
    padding: 0 5px 0 20px;
    margin-left: 0px;
    width: auto;
    background-position: 5px 50%;
    z-index:100;
    background-color: white;
    border: #999999 solid 1px;
    cursor: pointer;
}

.flexAreaControlSimple_closed, .flexAreaControlSimple_open {
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-right: 5px;
   padding-top: 1px;
   padding-bottom: 1px;
   margin-left: 20px;
   width: auto;
   background-position: 5px 50%;
   z-index:100;
   border:1px solid #AAA;
   color:#444;
   font-weight:bold;
}


.flexAreaControl_closed, .flexAreaControlSimple_closed, .flexAreaControlButton_closed {
    background-image: url('/opentaps_images/arrowSmallWhite_right.png');
}
.flexAreaControl_open, .flexAreaControlSimple_open, .flexAreaControlButton_open {
    background-image: url('/opentaps_images/arrowSmallWhite_down.png');
}

input.paginationButton,
.subSectionHeader_open .subSectionHeader_toggle,
.subSectionHeader_closed .subSectionHeader_toggle {
width:15px;
height:15px;
display:inline-block;
vertical-align:middle;
cursor:pointer;
border:none;
}

.subSectionHeader_open .x-panel-header,
.subSectionHeader_closed .x-panel-header {
cursor:pointer;
}

.subSectionHeader_open .subSectionHeader_toggle {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -60px;
}
.subSectionHeader_open:hover .subSectionHeader_toggle:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -60px;
}

.subSectionHeader_closed .subSectionHeader_toggle {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll 0 -75px;
}
.subSectionHeader_closed:hover .subSectionHeader_toggle:hover {
background:transparent url(/opentaps_images/panels/tool-sprites.gif) no-repeat scroll -15px -75px;
}

.flexAreaControl_decorator {
    margin-left: 10px;
    margin-right: 10px;
    border-top:1px solid #AAA;
    height:0px;
    position:relative;
    top: 1px;
    line-height:0;
    font-size:0;
}

.flexAreaContainer_closed, .flexAreaContainer_open {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #AAA;
}

/*****************************************************************************/
/**               Styles useful for Opentap Form Macros                     **/
/*****************************************************************************/

.currencyRed {
    color: #AA0000;
}
.currencyCell {
    text-align: right;
}
.twoColumnForm .currencyCell,
.fourColumnForm .currencyCell {
    text-align: inherit;
}

.titleCellTop, .titleCell { /* Default title block style for Row macros. */
    width: 125px;
    padding: 0 25px 0 10px;
    text-align: right;
    white-space: nowrap;
}
.titleCellTop { /* Vligns the tite to top.  Useful for textarea inputs or large cells. */
    vertical-align: top;
}

tr.headerRow td { /* Style for table headers that appear at the top of a list */
    border-bottom: 1px solid #AAA;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

tr.totalRow td { /* Style for a row showing totals */
    border-top: 1px solid #AAA;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Postal address validation classes */

div.postalAddressValidationError {
    border: 1px solid #CC6666;
    background-color: #FFEEEE;
    padding: 5px 5px 5px 20px !important;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 280px;
    color: #333333;
    overflow: auto;
}
div.postalAddressValidationError div.error {
    width: 210px;  
    color: #BB0000;
}
div.postalAddressValidationError div.data {
    float: left;
    margin-bottom: 1.5em;
}
div.postalAddressValidationError div.links {
    float: right;
    width: 35px;
    margin-bottom: 1.5em;
}
div.postalAddressValidationError div.links img {
    margin-top: 10px;
}
div.postalAddressValidationError a, div.postalAddressValidationError a:visited {
    color: #009900;
}
div.postalAddressValidationError a:hover {
    text-decoration: underline;
}
div.postalAddressValidationError a:active {
    border:none;
}

.errortooltip { /* Used by <@displayError> */
    color: #AA0000;
}

/* Miscellaneous classes */

.spinner {
    width: 100%;
    text-align: center; 
}

.textright { /* Some things just need right aligned text */
    text-align: right;
}

.disabled {
    color: #666;
}

/* Navigation history bar styles */
ul.navHistory {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #E7E7E7;
    list-style: none;
    float: left;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    background: transparent url(/opentaps_images/panels/top-bottom-navbar.gif) repeat-x scroll 0 0;
}

ul.navHistory li {
    float: left;
}

ul.navHistory a {
    display: block;
    padding: 0 0.5em;
    line-height: 1.6em;
    text-decoration: none;
    color: black;
    border-left: 1px solid gray;
    float: left;
}
ul.navHistory a:active,
ul.navHistory a:hover {
    background: transparent url(/opentaps_images/panels/top-bottom-navbar.gif) repeat-x scroll 0 -25px;
}

span.navTitle {
    display: block;
    padding: 0em 0.5em;
    line-height: 1.6em;
    color: black;
    font-weight: bold;
}

ul.navHistory a:hover {
    color: #000066;
}

div.liveHelp {
    margin-top: 5px;
}

div.liveHelp img {
    border:none;
}

a.liveHelp:hover {
    text-decoration: none;
    cursor: help;
}

a.liveHelp:active {
    border: 0;
}

/*
 * Set of styles for internal message pop up window 
 */
BODY.internalMessage {
    padding: 0px;
    padding-bottom: 10px;
    background-color: white;
}

.internalMessage div {
    border: medium none;
}

.internalMessage textarea {
    width: 100%;
    height: 320px;
    padding: 0px;
    margin: 0px;
    border-left: 0px none;
    border-right: 0px none;
}

.internalMessage table {
    border: none;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
}

table.internalMessage .titleCell td {
    width: 50px;
}

.internalMessage input {
}

.headerTitle {
    width: 50px;
    text-align: right;
}

#headersPane {
    background: #EBEBEB none repeat scroll 0%;
}

#separator {
    border-left: 1px solid;
    padding-left: 3px;
}

/*
 * Styles for survey response table in opentapsSurveyMacros.ftl
 */
table.surveyResponse {
    background-color: transparent;
}

table.surveyResponse td.surveyQuestion {
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

table.surveyResponse td.surveyAnswer {
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    padding-left: 3px;
}

/*
 * Styles for auto complete combo box
 */
fieldset.inputAutoCompleteQuick input.XdijitInputField {
    background:white none repeat scroll 0%;
    border:1px solid #999999;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:8pt;
    font-weight:normal;
    padding:1px;
}

/* 
 * Provides an "outline" like effect 
 * (dijitComboBoxInput is in a dijitComboBoxNoArrow fieldset)
 */
.dijitComboBoxNoArrow {
    border:1px solid yellow;
}

.dijitComboBoxInput {
    border:1px solid #999999;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:8pt;
    font-weight:normal;
    padding:0pt;
}
.dijitComboBoxInput input {
    background: #FFFFFF url("/opentaps_images/text-bg.gif") repeat-x scroll 0 0;
}

  
.dijitMenuItem {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:8pt;
    font-weight:normal;
    text-decoration:none;
    padding:0.1em 0.2em;
    white-space:nowrap;
}


/*  Order entry product warnings */
.productWarning {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: red;
    padding-left: 10px;
    margin:  10px;
}

/* Toggle button */
a.toggleButton, .toggleButtonDisabled {
    background-color: #ffffff;
    border: #999999 solid 1px;
    margin: 0;
    padding: 0.1em 1.5em 0.1em 1.5em;
    white-space: nowrap;
    font-size: 10px;
}

.toggleButtonDisabled {
    background-color: #000099;
    color: white;
}

a.toggleButton {
    background-color: white;
    color: #000099;
}

a.toggleButton:hover {
    color: red;
    text-decoration: none;
}

div.cleaner {
    height:1px;
    line-height:1px;
    clear:both;
    font-size:1px;
}

table.shortcutHelp td.shortcutKey {
   font-weight:bold;
   padding-right:2em;
}

.dijitDialog { 
   background:#fff;
   border:1px solid #ccc;
   padding:0;
}
.dijitDialogTitleBar {
   background:#CCC;
   outline:none;
}

.shortcutGroup {
   background:#CCC;
   text-align:center;
}

/* Ofbiz Pager */

.nav-pager {
height: 2em;
padding-bottom: 0.7em;
padding-top: 0.4em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.nav-pager ul {
display: inline; /* IE Fix */
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float: right;
}

.nav-pager ul li {
background-color: #ffffff;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
float:left;
font-weight: normal;
line-height: 1.8em;
margin: 0.2em;
}

.nav-pager ul li a {
display: block;
}

.nav-pager ul .nav-first,
.nav-pager ul .nav-previous,
.nav-pager ul .nav-next,
.nav-pager ul .nav-last {
border: 1px solid #AAAAAA;
}

.nav-pager ul .nav-first a,
.nav-pager ul .nav-previous a,
.nav-pager ul .nav-next a,
.nav-pager ul .nav-last a {
color: #000099;
}

.nav-pager ul .nav-first a:hover,
.nav-pager ul .nav-previous a:hover,
.nav-pager ul .nav-next a:hover,
.nav-pager ul .nav-last a:hover {
color: red;
text-decoration: none;
}

.nav-pager ul .nav-first-disabled,
.nav-pager ul .nav-previous-disabled,
.nav-pager ul .nav-next-disabled,
.nav-pager ul .nav-last-disabled {
color: #666;
border: 1px solid #AAAAAA;
}

.nav-pager select {
margin: 0;
}

/*
Catalog breadcrumbs
*/

.breadcrumbs { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 10px;
}

.breadcrumbs ul {
display: inline; /* IE Fix */
list-style: none;
padding: 0 0 0 15px;
}

.breadcrumbs ul li {
float: left;
display: inline;
padding: 0 0 0 10px;
margin: 0 0 0 5px;
background: transparent url(/opentaps_images/arrowSmallWhite_right.png) no-repeat 0 50%;
}

.breadcrumbs ul li .current {
padding: 0 0 0 5px;
}

.breadcrumbs ul li a {
border: none;
}

.breadcrumbs ul li a:hover {
text-decoration: none;
}

/*
Catalog pager
*/

.product-header { 
float: left;
}

.productsummary, .productdetail, .product-prevnext  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.product-prevnext { 
float: right;
}
.productsummary .productbuy {
width: auto;
}

.noTitleBar .screenlet-title-bar {
display:none;
}

.screenlet-title-bar { 
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
background-color: #333333;
}

.screenlet-title-bar h3 { 
margin:0;
}

.autocomplete ul {
    border:1px;
    margin:0px;
    outline:0;
    padding:0;
    width: 450px;
    vertical-align: baseline;
    border-style: solid;
    list-style: none;
    background: white;
}

.inputBoxFixedWidth {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: #FFFFFF;
font-size: 8pt;
background: white;
border: #999999 solid 1px;
margin: 2px;
width: 120px;
}



a.buttontext,
a.exportExcelButton,
.loginButton,
.subMenuButton,
.smallSubmit,
.buttonDangerous,
.subMenuButtonDangerous
{
display:inline-block;
color:#000000 !important;
font-family:Tahoma,Verdana,Arial;
font-size:11px;
font-weight:normal;
height:21px !important;
border-left:1px solid #AAAAAA;
border-right:1px solid #AAAAAA;
border-top:0 none !important;
border-bottom:0 none !important;
cursor:pointer;
line-height:21px !important;
padding:0px 5px;
}

.loginButton,
input.smallSubmit,
button.subMenuButton
{ 
padding:0px 5px 2px;
}

a.smallSubmit { 
padding-top:0px !important;
padding-bottom:0px !important;
}


a.buttontext,
a.exportExcelButton,
.loginButton,
.subMenuButton,
.smallSubmit {
background:transparent url(/opentaps_images/buttons/btn-sprite.gif) repeat-x scroll 0 -42px !important;
}

.buttonDangerous,
.subMenuButtonDangerous { 
background:transparent url(/opentaps_images/buttons/btn-sprite.gif) repeat-x scroll 0 -315px !important;
border-left:1px solid #fe8484 !important;
border-right:1px solid #fe8484 !important;
color:#000000 !important;
}

a.buttontext:active,
a.buttontext:hover,
a.exportExcelButton:active,
a.exportExcelButton:hover,
.loginButton:active,
.loginButton:hover,
.subMenuButton:active,
.subMenuButton:hover,
.smallSubmit:active,
.smallSubmit:hover
{ 
background:transparent url(/opentaps_images/buttons/btn-sprite.gif) repeat-x scroll 0 -105px !important;
border-left:1px solid #568bc4 !important;
border-right:1px solid #568bc4 !important;
color:#000000 !important;
text-decoration:none !important;
}

a.buttontextdisabled,
.smallSubmitDisabled
{ 
color:#666 !important;
border-left:1px solid #AAAAAA !important;
border-right:1px solid #AAAAAA !important;
}

a.buttontextdisabled:active,
a.buttontextdisabled:hover,
.smallSubmitDisabled:active,
.smallSubmitDisabled:hover
{ 
background:transparent url(/opentaps_images/buttons/btn-sprite.gif) repeat-x scroll 0 -42px !important;
color:#666 !important;
border-left:1px solid #AAAAAA !important;
border-right:1px solid #AAAAAA !important;
text-decoration:none !important;
}

.subMenuButtonDangerous:active,
.subMenuButtonDangerous:hover,
.buttonDangerous:active,
.buttonDangerous:hover
{ 
background:transparent url(/opentaps_images/buttons/btn-sprite.gif) repeat-x scroll 0 -252px !important;
border-left:1px solid #fe0909 !important;
border-right:1px solid #fe0909 !important;
color:#000000 !important;
}

.x-panel-tl { 
border-bottom:0px none !important;
}

.frameSection
{ 
margin-bottom:10px;
}

.frameSectionHeader .x-panel-header { float:left; }

.allSubSectionBlocks .frameSectionHeader .x-panel-header
{ 
font-size:11pt;
}

.frameSectionHeader .x-panel-tc .sectionHeaderTitle
{ 
font-size:14pt;
}


.frameSectionBody
{
background-color:#FFFFFF;
padding:4px;
border: 1px solid #999999;
}

.frameSectionExtra
{
text-align:right;
padding:5px 0 4px;
}

.frameSectionExtra .subMenuBar { padding:0; }

.titleBar { margin-bottom:10px; }
.titleBar .x-panel-br .x-panel-bc { height:3px; }

/**
 * General Tree view CSS
 */

.dijitTreeExpando {
    clear:both;
    display:inline;
    float:left;
    height:26px;
    width:18px;
    background-position:center center;
    background-repeat:no-repeat;
}

.dijitTreeExpandoOpened {
    background-image: url('/opentaps_js/dojo_0.90/dijit/themes/tundra/images/treeExpand_minus.gif');
}
.dijitTreeExpandoClosed {
    background-image: url('/opentaps_js/dojo_0.90/dijit/themes/tundra/images/treeExpand_plus.gif');
}
.dijitTreeExpandoLeaf {
    background-image: url('/opentaps_js/dojo_0.90/dijit/themes/tundra/images/treeExpand_leaf.gif');
}
.dijitTreeExpandoLoading {
    background-image: url('/opentaps_js/dojo_0.90/dijit/themes/tundra/images/treeExpand_loading.gif');
}

.dijitTreeContent {
    cursor:default;
    margin-left:18px;
    min-height:26px;
    min-width:18px;
    padding-left:1px;
    padding-top:3px;
    padding-right:5px;
    height:26px;
    line-height:22px;
}

.dijitTreeNode {
    background-image:url('/opentaps_js/dojo_0.90/dijit/themes/tundra/images/i.gif');
    background-position:left top;
    background-repeat:repeat-y;
    margin-left:19px;
    border-top:1px solid #DDDDDD;
}

.dijitTreeIsLast {
    background:transparent url('/opentaps_js/dojo_0.90/dijit/themes/tundra/images/i_half.gif') no-repeat scroll 0% 0%;
}
.dijitTreeIsRoot {
    margin-left:0pt;
}

.dijitTreeLabelFocused {
    outline-color:invert;
    outline-style:dotted;
    outline-width:1px;
}

.dijitExpandoText {
    display:none;
}

div.dijitTreeIcon:hover {
    background-color:#EEDDFF;
}



/**
 * For glAccountTrees
 */
.account {
    float:left;
    text-align:left;
    width:49%;
}
.amount {
    float:right;
    text-align:right;
    width:30%;
}
.twoColumnAmount {
    float:right;
    text-align:right;
}
.debitAmount {
    width:100px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
}
.creditAmount {
    width:100px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
}
.amountTotal {
    float:right;
    text-align:right;
    width:30%;
    display:none;
}

.treeViewContainer {
    width:75%;
}
.treeViewHeader {
    text-align:center;
    margin-bottom:1em;
}


.calendar_date_select {
    color: #fff;
    border: #777 1px solid;
    display: block;
    width: 200px;
    z-index: 1000;
}

/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
    position: absolute;
    z-index: 999;
}

.calendar_date_select thead th {
    font-weight: bold;
    background-color: #EEE;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    color: #000 !important;
    text-align: center;
}

.calendar_date_select .cds_buttons {
    text-align: center;
    padding: 5px 0px;
    background-color: #777;
}

.calendar_date_select .cds_footer {
    background-color: #777;
    padding: 3px;
    font-size: 12px;
    text-align: center;
}

.calendar_date_select table {
    margin: 0px;
    padding: 0px;
}

.calendar_date_select .cds_header {
    background-color: #DDD;
    border-bottom: 2px solid #DDD;
    text-align: center;
}

.calendar_date_select .cds_header span {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

.calendar_date_select select {
    font-size: 11px;
}

.calendar_date_select .cds_header a:hover {
    color: #fff;
}

.calendar_date_select .cds_header a {
    width: 22px;
    height: 20px;
    text-decoration: none;
    font-size: 14px;
    color: #000 !important;
}

.calendar_date_select .cds_header a.prev {
    float: left;
}

.calendar_date_select .cds_header a.next {
    float: right;
}

.calendar_date_select .cds_header a.close {
    float: right;
    display: none;
}

.calendar_date_select .cds_header select.month {
    width: 90px;
}

.calendar_date_select .cds_header select.year {
    width: 61px;
}

.calendar_date_select .cds_buttons a {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 0px 5px;
}

.calendar_date_select td {
    font-size: 12px;
    width: 24px;
    height: 21px;
    text-align: center;
    vertical-align: middle;
}

.calendar_date_select td {
    background-color: #999;
}
.calendar_date_select td.weekend {
    background-color: #aaa;
}
.calendar_date_select td.weekend div {
    color: #f00;
}
.calendar_date_select td.weekend div.other {
    color: #faa;
}

.calendar_date_select td div {
    color: #000;
}

.calendar_date_select td div.other {
    color: #aaa;
}

.calendar_date_select td.selected div {
    color: #000;
}

.calendar_date_select tbody td {
}

.calendar_date_select td.selected {
    background-color: #fff;
    font-weight: bold;
}

.calendar_date_select td:hover {
    background-color: #eee;
}

.calendar_date_select td.today {
    border: 1px dashed #FFFF00;
}

.calendar_date_select td.disabled div {
    color: #454545;
}

.fieldWithErrors .calendar_date_select {
    border: 2px solid #FF0000;
}