/*
 * Copyright 2001-2006 The Apache Software Foundation
 * 
 * Licensed 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 CSS file is used for all OFBiz applications EXCEPT ecommerce. */
/* See the "ecommain.css" file for ecommerce. */

/* ===== General Styles ===== */
/* default link styles */
a:link, a:visited { color: #0022bb; text-decoration: none; }
a:hover, a:active { background:#ddddff; color: #0022bb; text-decoration: none; }
BODY {
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*background: #D4D0C8;*/
background: #ffffff;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

FORM {
margin: 0px;
}

INPUT {
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: Fixed;
background: #eeeeee;
font-size: 9pt;
border: #999999 solid 1px;
margin: 2px;
}
INPUT[disabled] {
color: #444499;
}

/* The "smallSubmit" class can be used to decorate links (A elements) and make them similar to form's buttons. */
INPUT[type="submit"], .smallSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #000099;
background: white;
border: #999999 solid 1px;
margin: 2px;
}
INPUT[type="button"] {
font-family: Fixed;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
color: #000099;
background: #eeeeee;
border: #999999 solid 1px;
margin: 2px;
}

INPUT[type="submit"]:hover, .smallSubmit:hover {
color: red;
text-decoration: underline;
}

SELECT {
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family:courier, "courier new", monospace;
background: #dddddd;
font-size: 9pt;
color: #000099;
border: #999999 solid 1px;
margin: 2px;
}
TEXTAREA {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #eeeeee;
font-size: 8pt;
color: #000099;
background: #cdcdcd;
border: #999999 solid 1px;
margin: 2px;
}

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

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

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

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

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

.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;
}

DIV.lower0 {
background: #444444;
border: 2px solid #000000;
text-align: center;
margin: 2px auto;
width: auto;
padding: 4px;
}

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

DIV.setransa {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
background: #dddddd;
border: 1px solid #000000;
text-align: left;
margin: 2px auto;
padding: 4px;
width: auto;
}
DIV.framewhite {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
background: #ffffff;
/********
border-top: 1px solid #5886C6;
border-bottom: 1px solid #5886C6;
text-align: left;
border-top: 1px solid #5886C6;
border-bottom: 1px solid #5886C6;
****/
margin: 2px auto;
padding: 4px;
width: auto;
height: 100px;
}
DIV.divtable {
border: #777777;
background: #eeeeee;
margin-left: 5px;
margin-right: 5px;
border-style: solid;
border-width: 1px 5px 5px 1px;
/********
border: 5px solid #aaaacc;
border-style: outset;
margin-right: 100px;
margin-top: 10px;
margin-bottom: 10px;
****/
}
DIV.divheader {
border: #777777;
background: #ffffff;
margin-left: 5px;
margin-right: 5px;
border-style: solid;
border-width: 1px 5px 1px 1px;
}
DIV.div_provincia {
background: #ffffff;
border: 1px solid #000099;
width: 350px;
}

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;
color: #1E3C66;
}

.tabletextleft {
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvettica, sans-serif;
text-align: left;
color: #1E3C66;
}

.tabletextcenter {
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvettica, sans-serif;
text-align: center;
color: #1E3C66;
}

.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;
}

.boxlink {
	float:right;
}

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;
white-space: nowrap;
border: solid #000099 1px;
line-height: 20px;
}

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;
white-space: nowrap;
border: solid #000099 1px;
}

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

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 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
background: white;
border: #999999 solid 1px;
margin: 2px 2px 2px 2px;
padding: 1px 4px 1px 4px;
line-height: 18px;
}

A.buttontext {
color: #000099;
}

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

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

A.linktext:hover {
color: red;
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: bold;
color: black;
}

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;
}

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

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

.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 {
background: #dedede;
border-color: #777799 #dedede #777799;
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;
}

.inputBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 8pt;
background: white;
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;
}

.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;
}

.mediumSubmit:hover,.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;
}

.mode-label {
background:#dddddd; 
text-align: center;
font-size: 12px;
font-family: Helvetica;
font-weight: normal;
color: #7777dd;
margin: 0px 5px 5px 0px;
border-top: #999999 solid 1px;
border-left: #999999 solid 1px;
border-right: #999999 solid 1px;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.input-label {
/*
background:#dddddd; 
color: #7777ee;
*/
background:#efefef; 
color: #000077;
text-align: center;
font-size: 12px;
font-family: Helvetica;
margin: 0px 5px 5px 0px;
border-right: #999999 solid 1px;
border-bottom: #999999 solid 1px;
padding-left: 5px;
padding-right: 5px;
}
.input-labelz {
cursor: pointer;
background:#ffffaa; 
text-align: center;
font-size: 12px;
font-family: Helvetica;
color: #7777ee;
margin: 0px 5px 5px 0px;
border-right: #000000 solid 2px;
border-bottom: #000000 solid 2px;
padding-left: 5px;
padding-right: 5px;
}
.input-labelk {
cursor: pointer;
background:#aaaaff; 
text-align: center;
font-size: 12px;
font-family: Helvetica;
color: #7777ee;
margin: 0px 5px 5px 0px;
border-right: #000000 solid 2px;
border-bottom: #000000 solid 2px;
padding-left: 5px;
padding-right: 5px;
}
/* ===== 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;
/* using min-height as an alternative to clear: both; because that, in some browsers, will clear the top-level columns and not just in this div (Mozilla based, namely) */
min-height: 60px;
overflow: auto;
}

.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;
}
.lefthalf{
left:0;
width:49%;
height:1%;
margin:0% 1% 1% 0%;
float:left;
}
.righthalf {
float:right;
height:1%;
width:49%;
right:0;
margin:0 0 1% 1%;
}
.leftclear{
height:1%;
clear: left;
}
.bothclear{
height:1%;
clear: both;
}

/* ==== Styles For Form Widgets === */
.formTableBordered {
width: 100%;
border: 1px solid #999999;
}

/* ==== Styles For The Html Log === */
.DEBUG {
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: gray;
}

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

.INFO{
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:green;
}

.ERROR {
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: red;
border: 2px solid red;
}

/* ==== Styles Copied From tabstyles.css === */

.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: #B4B0AA;
}

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

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

}

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

.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,A.tablinkselected,A.tablinkselected:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #000000;
}

A.tablink:hover,A.tablink:active,A.tablinkselected {
color: #000099;
}

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

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; font-weight: bold; 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;
border: solid black 1px;
margin-top: 10px;
padding: 10px;
}

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;
height:auto !important;
height:1%
}
DIV.screenlet-header {
background-color: #000099;
padding-top: 1px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 4px;
height:auto !important;
height:1%
}
DIV.screenlet-body {
background-color: #FFFFFF;
padding: 4px;
height:auto !important;
height:1%
}

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

#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;
}