/* -------------- */
/* --- basics --- */
/* -------------- */

/*
A[target=_blank] {
    padding-right: 17px;
    background-image   : url(../images/open_link_in_new_tab.png);
    background-repeat  : no-repeat;
    background-position: center right;
    text-decoration : none;
}
*/

/*
A[target=_blank]:hover {
    cursor: pointer;
    text-decoration : underline;
}
*/

.contact_focus_panel,
.customer_address_focus_panel
{
    background-color: white;
}

/* copied from GL Report Designer */
.contact_focus_panel:hover,
.customer_address_focus_panel:hover
{
    background: rgba(247,247,247,1);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(47%, rgba(237,237,237,1)), color-stop(100%, rgba(230,230,230,1)));
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
    background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e6e6', GradientType=0 );
}

/* copied from GL Report Designer */
.contact_focus_panel:focus,
.customer_address_focus_panel:focus
{
    background: rgba(141,193,242,1);
    background: -moz-linear-gradient(top, rgba(141,193,242,1) 0%, rgba(91,158,236,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(141,193,242,1)), color-stop(100%, rgba(91,158,236,1)));
    background: -webkit-linear-gradient(top, rgba(141,193,242,1) 0%, rgba(91,158,236,1) 100%);
    background: -o-linear-gradient(top, rgba(141,193,242,1) 0%, rgba(91,158,236,1) 100%);
    background: -ms-linear-gradient(top, rgba(141,193,242,1) 0%, rgba(91,158,236,1) 100%);
    background: linear-gradient(to bottom, rgba(141,193,242,1) 0%, rgba(91,158,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc1f2', endColorstr='#5b9eec', GradientType=0 );
}

.wrap750
{
    max-width: 750px;
    white-space: normal;
}

.uppercase { text-transform: uppercase; }

.icon_check
{
  background-image   : url(../images/icon_check.png);
  background-repeat  : no-repeat;
  background-position: center center;
}

.icon_cross
{
  background-image   : url(../images/icon_cross.png);
  background-repeat  : no-repeat;
  background-position: center center;
}

.no_decoration
{
    text-decoration: none;
}

.prompt {
  color: #999;
  font-style: italic;
}

.hidden {
    visibility: hidden;
}

BODY
{
  font-family     : Geneva, Arial, Helvetica, sans-serif;
  font-size       : 11px;
  color           : black;
  background-color: white;
  margin          : 0px;
  padding         : 15px;
  padding-top     : 10px;
}

TABLE.ieca-header
{
  empty-cells    : show;
  border-collapse: collapse;
  border         : 0px solid black;
}

TABLE.ieca-header TD
{
  border     : 0px solid black;
  padding    : 0px;
  margin     : 0px;
  white-space: nowrap;
}

TABLE.ieca-header TD.ieca-logo {
    text-align: center;
    vertical-align: middle;
    padding-right: 5px;
}

TABLE.ieca-header TD.ieca-logo IMG.ieca-logo {
    max-width : 48px;
    max-height : 48px;
}

.pohModuleBar .selected {
    color: black;
    background-color: #519bff;
}

TABLE .footer {
    background: lightsteelblue;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.block-left {
  margin-left: 0px;
  margin-right: auto;
}

.block-center {
  margin-left: auto;
  margin-right: auto;
}

.block-right {
  margin-left: auto;
  margin-right: 0px;
}

.top {
    vertical-align : top;
}

.middle {
    vertical-align : middle;
}

.bottom {
    vertical-align : bottom;
}

.red-text {
    color: red;
}

.apcheck-bg-color {
  background-color: #b7edff;
  border          : 3px solid #0080ff;
  padding         : 15px;
}

/* ------------------------ */
/* --- msg, warn, & err --- */
/* ------------------------ */

DIV.msg
{
  color           : black;
  background-color: #E9E9E9;
  border          : 1px dotted black;
  padding         : 5px;
  padding-bottom  : 15px;
  margin-top      : 10px;
  margin-bottom   : 10px;
  text-align      : left;
}

DIV.warn
{
  color           : black;
  background-color: #E9E9E9;
  border          : 1px dotted black;
  padding         : 5px;
  padding-bottom  : 15px;
  margin-top      : 10px;
  margin-bottom   : 10px;
  text-align      : left;
}

DIV.err
{
  color           : black;
  background-color: #E9E9E9;
  border          : 1px dotted black;
  padding         : 5px;
  padding-bottom  : 15px;
  margin-top      : 10px;
  margin-bottom   : 10px;
  text-align      : left;
}

IMG.icon
{
  padding      : 0px;
  padding-right: 15px;
  margin       : 0px;
}

SPAN.msg
{
 vertical-align: top;
 position      : relative;
 top           : 10px;
}

/* ------------------------------- */
/* --- over/under credit limit --- */
/* ------------------------------- */
.over-limit {
  color: red;
}

.under-limit {
  color: green;
}

A.over-limit:link, A.over-limit:visited, A.over-limit:active {
  color: red;
  text-decoration : none;
}

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

A.under-limit:link, A.under-limit:visited, A.under-limit:active {
  color: green;
  text-decoration : none;
}

A.under-limit:hover {
  color: green;
  text-decoration : underline;
}

/* -------------------- */
/* --- input fields --- */
/* -------------------- */

textarea,
input,
select
{
  border: 1px solid rgb(169, 169, 169); /* to avoid the default 3D effect for <input> fields */
}

input[type="date"],
input[type="time"]
{
  /* chrome uses "font-family: monospace" --> use the same as defined for BODY */
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

textarea[disabled],
input[disabled],
select[disabled]
{
  background: rgb(235, 235, 228);
  color: black;
  cursor: default;
}

/* FYI, there is no select[readonly] state */

textarea[readonly],
input[readonly]
{
  background: rgb(235, 235, 228);
  color: black;
  cursor: default;
}

INPUT.text {
  text-align: left;
}

INPUT.file {
  text-align: left;
}

INPUT.number {
  text-align: right;
}

INPUT.date {
  text-align: center;
}

INPUT.time {
  text-align: center;
}

INPUT.datetime {
  text-align: center;
}

INPUT.check {
  margin: 3px;
}

INPUT.radio {
}

/* --------------------- */
/* --- forms/dialogs --- */
/* --------------------- */

.gwt-TabPanel {
  margin: 10px 10px 10px 0;
}

.widget {
  display: inline-table;
  margin: 10px 10px 10px 0;
  padding: 2px;
  border: 1px solid #d1d1d1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.gwt-DialogBox .widget {
  margin: 0;
}

.widget TABLE.data-entry, TABLE.result {
  empty-cells: show;
  border-collapse: collapse;
  border: 0px solid black;
}

.widget TABLE.data-entry, TABLE.result TH {
  white-space: nowrap;
}

.widget TABLE.data-entry, TABLE.result, TABLE.pageControl TD {
  border: 0px solid black;
  padding: 2px;
  margin: 0px;
  white-space: nowrap;
  vertical-align: middle;
}

.widget-header-red {
  border: 1px solid #d1d1d1;
  font-weight: bold;
  padding: 4px 4px 4px 4px;
  background: #519bff url(../images/ff/bg_header_red.png) 50% 50% repeat-x;
}

.widget-header {
  border: 1px solid #d1d1d1;
  font-size: small;
  font-weight: bold;
  padding: 4px 4px 4px 4px;
  background: #519bff url(../images/ff/bg_header.png) 50% 50% repeat-x;
}

.gwt-TabPanelBottom {
  background-color: #eeeeee;
}

.gwt-TabPanelBottom .widget {
  border: none;
}

.widget-content {
  background-color: #eeeeee;
}

.widget-buttonpane {
  border-top: 1px solid #d1d1d1;
  padding: 5px;
  text-align: center;
}

.summary {
  vertical-align: top;
}

.summary TABLE {
  empty-cells: show;
  border-collapse: collapse;
  border: 0px solid black;
}

.summary TD {
  padding: 3px 6px;
  border: 1px solid #d1d1d1;
}

.summary TD.header, TH {
  padding: 3px 6px;
  border: 1px solid #d1d1d1;
  font-weight: bold;
}

.tab-widget-embedded {
  padding: 10px;
}

.result {
  display: table;
}

.result A {
  color: blue;
}

img.ui-datepicker-trigger {
  margin: 0px 3px;
  position: relative;
  top: 2px;
}

.top-right {
    vertical-align: top;
    text-align: center;
    alignment-baseline: auto;
}

TD.label {
  text-align: right;
}

TR.navRow {
  font-size: smaller;
}

TABLE.embed-table {
    background: transparent;
    border: 0px solid transparent;
    padding: 0px;
    border-collapse: collapse;
}

TABLE.result TR.navRow TD {
  border: 0px solid transparent;
  border-collapse: collapse;
  padding: 2px 4px;
  background: inherit;
}

TABLE.pageControl {
  font-weight: bold;
}

TABLE.pageControl INPUT {
  padding: 0px 2px;
  font-weight: bold;
}

TABLE.result {
  border: 1px gray solid;
}

TABLE.result TR.header {
  background: #519bff url(../images/ff/bg_header.png) 50% 50% repeat-x;
  border: 1px silver solid;
}

TABLE.result TR.header TD {
  font-weight: bold;
  padding: 3px 10px;
}

TABLE.result TR.header TD A {
  text-decoration: none;
  color: black;
}

TABLE.result TR.header TD.sortable {
  cursor: pointer;
}

TABLE.result TR.header TD.sortable IMG {
  position: relative;
  top: 1px;
  padding-left: 5px;
}

TABLE.result TR.header TD.asc {
}

TABLE.result TR.header TD.desc {
}

TABLE.result TR.sub {
  background: #9ee0ff 50% 50% repeat-x;
  border: 1px silver solid;
}

TABLE.result TR {
}

TABLE.result TR.break {
  background-color: #B1D0FE;
  transition-property: background-color;
  transition-duration: 1.5s;
  transition-delay: 0s;
  font-weight: bold;
}

TABLE.result TR.break_even {
  background-color: #d2d8f9;
  transition-property: background-color;
  transition-duration: 1.5s;
  transition-delay: 0s;
  font-weight: bold;
}

TABLE.result TR.break_odd {
  background-color: #eeeeff;
  transition-property: background-color;
  transition-duration: 1.5s;
  transition-delay: 0s;
  font-weight: bold;
}

TABLE.result TR.even {
  background-color: #d2d8f9;
  transition-property: background-color;
  transition-duration: 1.5s;
  transition-delay: 0s;
}

TABLE.result TR.odd {
  background-color: #eeeeff;
  transition-property: background-color;
  transition-duration: 1.5s;
  transition-delay: 0s;
}

TABLE.widget-content TR.success,
TABLE.result TR.success
{
    background-color: #90EE90;
    transition-property: background-color;
    transition-duration: 1.5s;
    transition-delay: 0s;
}

TABLE.result TR.clickable {
  cursor: pointer;
}

TABLE.result TR.sub_table {
    background-color: white;
    background: transparent;
}

TABLE.result TR.sub_table DIV.result {
    width: 99%;
    margin: auto;
      background: transparent;
}

TABLE.result TR.selected {
  background-color: yellow;
}

TABLE.result TR.totals {
    background-color: #eee;
    border: 0px #eee;
}

TABLE.result TR.even:hover,
TABLE.result TR.odd:hover
{
  background-image: url(../images/grad_gray.png);
  background-repeat: repeat-x;
  background-position: left top;
}

TABLE.result TD {
  border: 1px solid #D1D1D1;
  padding: 2px 4px;
  text-align: left;
/*vertical-align: middle;*/
}

TABLE.result TD.center {
  text-align: center;
}

TABLE.result TD.right {
  text-align: right;
}

.widget TABLE.data-entry, TABLE.result, TABLE.pageControl, TABLE.embed-table TR {
  background: transparent;
}

.widget TABLE.data-entry, TABLE.result, TABLE.pageControl, TABLE.embed-table TD {
  border: 0px solid transparent;
  border-collapse: collapse;
  padding: 2px;
  padding-left: 0px;
  background: inherit;
}

TABLE.buttonBar TD {
  border: 0;
  padding: 3px 3px 3px 2px;
}

TABLE.gwt-TabPanel TABLE.buttonBar .gwt-Button {
  padding: 2px 4px;
  font-size: 0.9em;
}

TABLE.horizontalFieldPanel TD /* see WidgetHelper.createHorizontalFieldPanel() */
{
    padding: 0 5px 0 0; /* top, right, bottom, left */
    border: 0;
}

TABLE.result TR.header TABLE.horizontalFieldPanel
{
    display: inline;
}

TABLE.result TR.header TD TABLE.horizontalFieldPanel TD
{
    border: 0;
    /*padding: 0;*/
}

.linkpanel a {
  padding: 1px 5px 1px 1px;
}

.dragndrop {
  cursor: pointer;
}

.incomplete {
  border: 3px solid #ffaa66;
}

TABLE.small-font TD,
TABLE.small-font INPUT {
    font-size: 12px;
}

.wrap-header {
    white-space: normal;
}

/* ----------------------- */
/* --- Google Maps API --- */
/* ----------------------- */

#map {
    width: 800px;
    height: 800px;
}


.maplabel_today {
  color: #ea4335;
  background-color: white;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  border: 1px solid #999;
  box-sizing: border-box;
  white-space: nowrap;
  width: 64px;
}

.maplabel_old {
  color: #747474;
  background-color: white;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  border: 1px solid #999;
  box-sizing: border-box;
  white-space: nowrap;
  width: 64px;
}


/* -------------------- */
/* --- gwt (copied) --- */
/* -------------------- */

.dialogContent {
  background-color: #eeeeee;
}

.gwt-Button {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
  cursor: hand;
  background: url("../images/ff/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}

.gwt-Button:active {
  border: 1px inset #ccc;
}

.gwt-Button:hover {
  border-color: #9cf #69e #69e #7af;
}

.gwt-Button[disabled] {
  cursor: default;
  color: #888;
}

.gwt-Button[disabled]:hover {
  border: 1px outset #ccc;
}

.gwt-Big-Text{
   font-size:150%;
}

.gwt-Super-Big-Text{
   font-size:300%;
}
.linkbutton {
    color: blue;
    background: none!important;
    border:none;
    padding:0!important;
    /*border is optional*/
    border-bottom:1px solid blue;
    cursor: hand;
    cursor: pointer;
}

.gwt-SubmitButton {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
  cursor: hand;
  background: url("../images/ff/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}

.gwt-SubmitButton:active {
  border: 1px inset #ccc;
}

.gwt-SubmitButton:hover {
  border-color: #9cf #69e #69e #7af;
}

.gwt-SubmitButton[disabled] {
  cursor: default;
  color: #888;
}

.gwt-SubmitButton[disabled]:hover {
  border: 1px outset #ccc;
}

.datePickerToday {
  background: #C3D9FF;
  width: 100%;
}

.datePickerTodayButton {
    color: #6f6f6f;
    background: #eeeeee;
    border-top: 0;
    border-bottom: 3px solid #D5D5D5;
    border-left: 0;
    border-right: 0;
    padding: 5px;
    font-weight: 700;
    font-size: 7px;
    font-family: Helvitica, Arial, sans-serif;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    top: 0;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}

.datePickerTodayButton:hover {
  color: #bbb;
  background: #fbfbfb;
  border-bottom-color: #e1e1e1;
}
.datePickerTodayButton:active,
.datePickerTodayButton:focus {
  top: 2px;
  color: #a2a2a2;
  background: #d5d5d5;
  border-bottom: 0;
}

/* ------------------------ */
/* --- gwt (extensions) --- */
/* ------------------------ */

.gwt-keypad-button-number {
  font-size:    50px;
  height:       75px;
  width:        75px;
}

.gwt-keypad-button-action {
  font-size:    20px;
  height:       75px;
  width:        75px;
}

.gwt-keypad-button-ok {
  font-size:    20px;
  height:       150px;
  width:        75px;
}

.gwt-keypad-input {
  font-size:    50px;
  height:       75px;
  width:        300px;
  text-align: right;
}

.gwt-Button-Small {
  font-size: 0.3em;
}

.field-label {
  text-align: right;
}

.column-field-label {
  text-align: center;
}

.bold {
    font-weight: bold;
}

.invoice-title {
    color      : blue;
    font-size  : 28px;
    font-weight: bold;
}

.img-button-disabled {
  opacity: 0.4;
  filter: alpha(opacity=40); /* msie */
}

.anchor-disabled {
  color: gray;
  pointer-events: none;
  cursor: default; 
}

TABLE.fit-width {
    width : 100%;
}

TABLE.edit-table {
}

TABLE.edit-table TR.header {
  background-image: url(../images/grad_blue.gif);
  border: 1px silver solid;
}

TABLE.edit-table TR.header TD {
  font-weight: bold;
  padding: 3px 10px;
}

TABLE.edit-table TR.header TD A {
  text-decoration: none;
  color: black;
}

TABLE.edit-table TR.header TD.sortable {
  cursor: pointer;
}

TABLE.edit-table TR.header TD.sortable IMG {
  position: relative;
  top: 1px;
  padding-left: 5px;
}

TABLE.edit-table TR.header TD.asc {
}

TABLE.edit-table TR.header TD.desc {
}

TABLE.edit-table TR {
}

TABLE.edit-table TR.even {
  background-color: #d2d8f9;
}

TABLE.edit-table TR.odd {
}

TABLE.edit-table TR.selected {
  background-color: yellow;
}

TABLE.edit-table TR.success
{
  background-color: #90EE90;
}

TABLE.edit-table TR.error
{
  background-color: red;
}

TABLE.edit-table TR.even:hover,
TABLE.result TR.odd:hover
{
  background-image: url(../images/grad_gray.png);
  background-repeat: repeat-x;
  background-position: left top;
}

TABLE.edit-table TD {
  padding: 2px 4px;
}

TABLE.lookup-table TR.even,
TABLE.lookup-table TR.odd
{
  cursor: pointer;
}

TABLE.lookup-table TR.even:hover,
TABLE.lookup-table TR.odd:hover
{
  background-image: url(../images/grad_green.png);
  background-repeat: x-repeat;
  background-position: left top;
}

TABLE.money_cr {
  empty-cells: show;
  border-collapse: collapse;
  border: none;
  margin-left: auto;
  margin-right: 0px;
  background: transparent;
}

TABLE.money_cr TR {
  border: none;
  background: transparent;
}

TABLE.money_cr TD {
  border: none;
  background: transparent;
}

TABLE.error {
    empty-cells: show;
    border-collapse: collapse;
    border: none;
    margin-left: auto;
    margin-right: 0px;
    background: transparent;
    text-decoration: bold;
    color: red;
}

TABLE.result TR.notes
{
  color: #555555;
  /*background-color: #d3d3d3;*/
}

TABLE.result TR.notes:hover
{
  background-image: none;
}

TABLE.result TR.notes TD
{
  font-size: smaller;
}

.gwt-SuggestBoxPopup .discontinued
{
  color: rgba(144, 144, 144, 0.7);
}

/*
.slideout_ready
{
  white-space: nowrap;
  overflow: hidden;
  transition: width 0.5s ease;
  width: 0px;
}

.slideout
{
  width: 100%;
}
*/

/* --------------------------- */
/* --- (jQuery) validation --- */
/* --------------------------- */

.formError {
        position:absolute;
        top:300px; left:300px;
        padding-bottom:13px;
        display:block;
        z-index:5000;
        /*cursor:pointer;*/
        cursor:default;
    }
        #debugMode{
            background:#000;
            position:fixed;
            width:100%; height:200px;
            top:0; left:0;
            overflow:scroll;
            opacity:0.8;
            display:block;
            padding:10px;
            color:#fff;
            font-size:14px;
            z-index:100000;
        }

        .ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
        .formError .formErrorContent {
            /*width:100%;*/
            background:#ee0101;
            color:#fff;
            /*width:150px;*/
            font-family:tahoma;
            font-size:11px;
            border:2px solid #ddd;
            box-shadow: 0px 0px 6px #000;
            -moz-box-shadow: 0px 0px 6px #000;
            -webkit-box-shadow: 0px 0px 6px #000;
            padding:4px 10px 4px 10px;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
        }
        .greenPopup .formErrorContent {background:#33be40;}

        .blackPopup .formErrorContent {background:#393939;color:#FFF;}

        .formError .formErrorArrow{
            position:absolute;
            bottom:0;left:20px;
            width:15px; height:15px;

            z-index:5001;
        }
        .formError .formErrorArrowBottom{top:0;margin:-6px;}

            .formError .formErrorArrow div{
                border-left:2px solid #ddd;
                border-right:2px solid #ddd;
                box-shadow: 0px 2px 3px #444;
                -moz-box-shadow: 0px 2px 3px #444;
                -webkit-box-shadow: 0px 2px 3px #444;
                font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
            }
                .formError .formErrorArrowBottom div{
                    box-shadow: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                }

            .greenPopup .formErrorArrow div{background:#33be40;}
            .blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

            .formError .formErrorArrow .line10{width:15px;border:none;}
            .formError .formErrorArrow .line9{width:13px;border:none;}
            .formError .formErrorArrow .line8{width:11px;}
            .formError .formErrorArrow .line7{width:9px;}
            .formError .formErrorArrow .line6{width:7px;}
            .formError .formErrorArrow .line5{width:5px;}
            .formError .formErrorArrow .line4{width:3px;}
            .formError .formErrorArrow .line3{width:1px;
                border-left:2px solid #ddd;
                border-right:2px solid #ddd;
                border-bottom:0px solid #ddd;}
            .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
            .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}