/* bb.css */
/* browser base widgets
  window widget CSS */

/*  DHTML popup
  http://www.brainjar.com/dhtml/windows/
  */

/* apply a standard widget font size and style
  non-user, non-column heading text should have this class */
.bbfont {
    font-size: 10pt;
    font-family: "Helvetica", "Arial", sans-serif;
}

/* controller styles. */
.bbactive {
    background-color: #FFFFFF;
}
.bbinactive {
    background-color: #CCCCCC;

}
.bbvisible {
    display: block;
}
.bbinvisible {
    display: none;
}

/* data grid widget */
.bbdatagrid {
}

.bbdatagrid input, .bbdatagrid select, .bbdatagrid textarea {
    border-top: 1px solid #AAAAAA;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #AAAAAA;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 2px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

/* data type specific formatting */
.bbdatagrid .data_text {
    text-align: left;
    padding: 1px;
}
.bbdatagrid .data_currency,
.bbdatagrid .data_number {
    text-align: right;
    padding: 1px;
}

/* declaration required for pattern match */
textarea.jqautogrow {
}

/* window widgets */
.bbbase_dialog,
.bbwindow {
    /* window frame */
    border-top: 2px solid #CCCCCC;
    border-right: 2px solid #AAAAAA;
    border-bottom: 2px solid #AAAAAA;
    border-left: 2px solid #CCCCCC;
    width: auto;
    position: absolute;
    color: #000000;
    background-color: #FFFFFF;
}

.bbbase_dialog .title_bar,
.bbwindow .title_bar {
    /* typical top window decorations */
    color: #FFFFFF;
    background-color: #009900;
    white-space: nowrap;

    width: auto;  /* maybe use floating width for a tab-window like effect */
    font-weight: bold;
}

.bbbase_dialog .title_bar .left_menu,
.bbwindow .title_bar .left_menu {
    /* functions on left side of window title. */
    float: left;
}

.bbbase_dialog .title_bar .right_menu,
.bbbase_dialog .title_bar .right_menu a,
.bbwindow .title_bar .right_menu,
.bbwindow .title_bar .right_menu a {
    /* functions on right side of window title */
    /*
    float: right; */
}

.bbbase_dialog .title_bar .title,
.bbwindow .title_bar .title {
    margin: 0px 0px 0px 0px;
    padding-top: 0.1em;
    padding-right: 1em;
    padding-bottom: 0.1em;
    padding-left: 1em;
}

.bbbase_dialog .tool_bar,
.bbwindow .tool_bar {
    /* we could slavishly copy MS with gray everywhere...
      or Apple's brushed metal
      or various silly background patterns popular with 'skins' */
    color: #000000;
    background-color: #FFFFFF;
    white-space: nowrap;
    /* width: 100%;  maybe use floating width for a tab-window like effect */
    font-weight: bold;
}

.bbbase_dialog .content,
.bbwindow .content {
    height: 12em;
    overflow: scroll;
    background-color: #FFFFFF;
    color: #000000;
}

/*a single input field,
  bbrecord.queue_update is registered on all bbfields onchange events */
.bbfield {
    text-align: left;
}
.bbfield .label {
    text-align: right;
    width: 50%;
}
.bbfield .field {
    text-align: left;
    width: 50%;
}

/* a label that can receive focus, generate events, but cannot be
  changed by the user. */
a .bblabel {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    white-space: nowrap;
}

/* js widget class names */
.bbchoose_dialog,
.bbship_pt_dialog,
.bbinventory_dialog {
}


/* msgbox dialog- warning  */
.bbbase_dialog .msgbox,
.bbwindow .msgbox {
    height: 18em;
    font-size: 150%;
    font-weight: bold;
    overflow: visible;
    background-color: #FFFF66;
    color: #000000;

    padding-top: 1em;
    padding-left: 2em;
    padding-bottom: 1em;
    padding-right: 2em;
}