@charset "utf-8";
/* CSS Document */
/* merge/move from input.css */
.num, .mono {
    font-family: monospace
    }
.num, .right {
    text-align: right
    }
.center {
    text-align: center
    }
/* basic layouts */
div.top {
    vertical-align: top
    }
div.right {
    text-align: right
    }
div.bottom {
    vertical-align: bottom
    }
div.left {
    text-align: left
    }
.nobr {
    white-space: nowrap
    }
/* (OLD) message boxes (hints, errors etc) */
p.hint, p.error {
    padding: 0 4px 2px;
    margin: 4px
    }
/* new bscw form style - for popups and standard forms */
.dialog_container * {
    margin: 0
    }
/* Tabs */
.dialog_container .tabContainer {
    height: 21px;
    padding: 5px 0 0 15px
    }
.tab {
    padding: 0 7px 0 0;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    font-weight: bold
    }
.inactiveTab {
    padding: 0 0 0 7px;
    float: left
    }
.inactiveTab_inner {
    cursor: pointer
    }
.activeTab {
    padding: 0 0 0 7px;
    float: left
    }
.activeTab_inner {
    cursor: default
    }
/* Tabs End */
/* Sub Tabs */
.dialog_container .subTabContainer {
    height: 21px;
    padding: 15px 0 0 0px;
    text-align: center;
    margin: auto
    }
.subTab {
    padding: 0 8px 0 8px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    width: auto
    }
* + html .subTab {
    display: inline
    }
.activeSubTab, * + html .activeSubTab {
    cursor: default
    }
.opener, * + html .opener {
    padding: 0 0px 0 0px;
    position: relative;
    z-index: 1000;
    left: 3px;
    width: 3px;
    overflow: hidden;
    vertical-align: top
    }
.closer, * + html .closer {
    padding: 0 0px 0 3px;
    position: relative;
    right: 3px;
    width: 3px;
    overflow: hidden;
    vertical-align: top
    }
/* Sub Tabs End */
/* Dialog content */
.dialog_container {
    z-index: 999;
    margin: auto;
    /* dialog-wide font color : 53677B */
    }
div.medium {
    width: 670px
    }
.wide {
    width: 800px
    }
.narrow {
    width: 540px
    }
.dialog_container .dialog_header {
    height: 44px;
    vertical-align: bottom;
    overflow: visible;
    white-space: nowrap;
    padding: 0 47px
    }
/* different sizes */
.dialog_header h1 {
    float: left;
    line-height: 16px;
    text-align: center;
    overflow: hidden;
    padding: 25px 0 0 25px
    }
/* different sizes */
.wide .dialog_header h1 {
    width: 600px
    }
div.medium .dialog_header h1 {
    width: 500px
    }
.narrow .dialog_header h1 {
    width: 370px
    }
.dialog_container .dialog_body {
    padding: 0 39px
    }
/* different sizes */
.dialog_container .dialog_footer {
    height: 70px
    }
/* different sizes */
.dialog_container .dialog_segment {
    padding: 10px 14px 0px 14px
    }
.dialog_container .last {
    border-bottom: none !important
    }
.dialog_container .padded {
    /* For box-less dialogs, e.g. some Dojo ones */
    padding: 10px 14px
    }
.dialog_container h2 {
    line-height: 22px
    }
.dialog_container h3 {
    line-height: 20px
    }
.dialog_container h3 input {
    vertical-align: bottom;
    margin-bottom: 2px
    }
.dialog_container h4 {
    line-height: 20px
    }
.dialog_container th {
    text-align: right;
    line-height: 19px;
    vertical-align: top;
    /*color:#53677b;*/
    width: 120px
    }
.dialog_container tr.header td {
    text-align: left;
    line-height: 19px;
    vertical-align: top;
    font-weight: bold;
    /*color:#53677b;*/
    }
.dialog_container .EditList th {
    width: 99px
    }
.dialog_container .box_container {
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 10px
    }
.dialog_container .box_container a {
    font-weight: bold
    }
.dialog_container .box_container select.monospace {
    font-family: "courier new", "liberation mono", "lucida console", "andale mono", "monaco"
    }
/* (error) messages */
/* general errors in the form - TODO! */
span.error {
    font-weight: bold
    }
/* message box (on top of the form) */
.dialog_container .msg_container {
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 10px
    }
/* error messages in message box */
/* lower_button_bar */
.bordered_button_row {
    padding: 10px 10px 0;
    overflow: hidden
    }
.button_row {
    margin: 10px auto 0;
    overflow: hidden
    }
/* different sizes */
.wide .button_row {
    width: 694px
    }
div.medium .button_row {
    width: 560px
    }
.narrow .button_row {
    width: 440px
    }
/* header buttons */
.dialog_header .xbutton {
    display: inline-block;
    margin: 0;
    float: right
    }
/* close button (non-popup mode) */
.dialog_header .xbutton .close {
    float: right;
    position: relative;
    top: 24px;
    width: 20px;
    height: 17px;
    overflow: hidden;
    border: none;
    cursor: pointer
    }
/* header buttons in popup mode */
a.close_button img {
    float: right;
    border: none;
    padding-top: 24px
    }
/* body buttons */
.dialog_container .buttons {
    display: inline-block;
    margin: 0
    }
.button_row .right, .bordered_button_row .right {
    float: right
    }
.button_row .left, .bordered_button_row .left {
    float: left
    }
.dialog_container .button {
    width: 0;
    /* IE table-cell margin fix */
    overflow: visible;
    height: 20px;
    line-height: 12px;
    font-weight: bold;
    border: none;
    margin-left: 6px;
    cursor: pointer;
    padding: 0 6px
    }
.dialog_container .button[class] {
    /* IE ignores [class] */
    width: auto;
    /* cancel margin fix for other browsers */
    padding: 0px 4px 1px 4px;
    /* not in IE: */
    min-width: 80px
    }
.dialog_container .help img {
    float: left;
    border: none
    }
/* minorButton */
.dialog_container .minorWrapper {
    height: 25px;
    overflow: visible
    }
.minorButton {
    padding: 0 0 0 4px;
    float: left;
    margin: 4px 4px 4px 0;
    min-height: 18px
    }
.minorButton_inner {
    cursor: pointer;
    padding: 0 4px 0 0;
    line-height: 18px;
    font-weight: bold;
    min-height: 18px
    }
.minorButton_inner input, .minorButton_inner a {
    border-width: 0px;
    cursor: pointer;
    font-weight: bold;
    padding: 0 6px 0 6px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none !important
    }
/* forms */
.box_container table th, .box_container table td {
    padding: 0 3px 3px 3px
    }
td.narrowCol {
    text-align: center;
    width: 14px
    }
td.wideCol {
	}
.inputfield {
    font-family: Arial, Helvetica, sans-serif;
    /*  line-height:12px; */
    padding: 2px
    }
input.long, select.long, textarea.long {
    width: 99%
    }
input.medium, select.medium, textarea.medium {
    width: 50%
    }
input.short, select.short, textarea.short {
    width: 25%
    }
/* Expandable Sections */
div.expandableExpanded h3, div.expandableCollapsed h3 {
    cursor: pointer;
    }
div.expandableExpanded h3 img.dummy, div.expandableCollapsed h3 img.dummy {
    height: 18px;
    width: 18px;
    vertical-align: bottom
    }
div.expandableCollapsed h3 img.dummy {
    background-position:0 -450px
    }
div.expandableExpanded h3 img.dummy {
    background-position:0 -432px
    }
div.expandableExpanded div {
    display: block
    }
div.expandableCollapsed div {
    display: none
    }
tr.selmb {
    vertical-align: bottom
    }
td.selmb {
    vertical-align: top;
    width: 50%
    }
.selmb input[type="text"], .selmb textarea, .selmb select {
    width: 100%
    }

/* font */
.dialog_container h4,
.dialog_container .button,
.minorButton_inner,
.minorButton_inner input, .minorButton_inner a {
    font-size: small; /*11px*/
    }
.tab,
.subTab,
.inputfield,
.dialog_container h3 {
    font-size:medium; /*12px*/
    }
.dialog_header h1,
.dialog_container h2 {
    font-size:large; /*14px*/
    }