/* ******************* This file contains layout (position,margin,padding)  ******************
   *** and scheme (fonts, colors, borders, images) info for the 7.x interface editors, which *
   *** are still in use in 8.0.
*/

/* in-page panels */

/* re-factored mstrPanelBone, moved to schemeDialogs.css */
/*
.mstrPanelBone {         formerly .editor, now similar to mstrPanelPortrait
    background: #eeeeee;
    border: 1px solid #666666;
    margin-bottom: 3px;
    text-align: left;
}
.mstrPanelBone .pane {
    width: 100%;
    padding: 0px;
    border: 0px;
}
.mstrPanelBone .pane td {
    padding: 0px;
}
.mstrPanelBone .titleBar {
    height: 14px;
    display: block;
    clear: both;
    padding: 2px;
    padding-left: 6px;
    pading-bottom: 0px;
    white-space: nowrap;
    xbackground: #d4d0c7;    formerly #e7e7d6;
    xfont-weight: bold;  commented, to be consistent with mstrPanelPortrait
}
*/
.mstrPanelBone .body {
    display: block;
    clear: both;
    padding: 6px;
    padding-top: 0px;
    margin: 0px;
}
.mstrPanelBone .statusBar {
    display: none;
    height: 13px;
    padding-left: 5px;
    padding-right: 5px;
}
.mstrPanelBone .buttonBar {
    float: none;
    display: block;
    clear: both;
    text-align: right;
    padding: 6px;
    padding-top: 0px;
}

/* pop-up dialogs */

.mstrDialogBone {
    text-align: left;
    xposition: absolute;
    z-index: 112;
    background: #d4d0c7;    /* was #b2b2b2;  */
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #8C8783;
    border-bottom: 2px solid #82817D;
}
.mstrDialogBone .mstrDialogBone {
    border: 0px;
    background: transparent;
}
.mstrDialogBone .pane {
    width: 100%;
    padding: 0px;
    border: 0px;
}
.mstrDialogBone .titlebar {
    display: block;
    clear: both;
    padding: 2px;
    xpadding-bottom: 1px;        /* subtract one for spacer div */
    padding-left: 6px;
    xpadding-right: 6px;
    height: 14px;
    background: #000080;        /* was #132E73, #660000, #333333; */
    color: #ffffff;
    border: 1px solid #ffffff;
    cursor: default;
}
.mstrDialogBone .titlebar .title {
    float: left;
    text-align: left;
    white-space: nowrap;
    font-weight: bold;
}
.mstrDialogBone .titlebar .buttons {
    float: right;
    text-align: right;
}
.mstrDialogBone .body {
    display: block;
    clear: both;
    padding: 6px;
}
.mstrDialogBone .mstrPanelBone {
    border: 0px;        /* for nested bones, like RW Wizard's obj browser */
}
.mstrDialogBone .mstrPanelBone .body {
    padding: 0px;       /* for nested bones, like RW Wizard's obj browser */
}
.mstrDialogBone select {
    background: #ffffff;
}
.mstrDialogBone input.txt,
.mstrDialogBone textarea {
    background: #ffffff;
    border: 1px solid #666666;
}
.mstrDialogBone .buttonBar {
    float: none;
    display: block;
    clear: both;
    text-align: right;
    padding: 6px;
    padding-top: 0px;
}
.mstrDialogBone .buttonBar input {
    display: inline;
    margin-left: 3px;
}
.mstrDialogBone .buttonBar input.btn,
.mstrPanelBone .buttonBar input.btn {
    width: auto;        /* to avoid truncating text; was 70px */
}

/* mstr message box */
#msgBox .body {
    padding: 3pt;
    padding-bottom:5pt;
}

#msgBox .buttonBar input {
    width: 100px;
    height: 22px;
    margin: 5px;
}

#controlTargetsRecorder .mstrDialogBone .titlebar .title {
    width:100%;
    overflow:hidden;
    font-weight: bold;
}

#controlTargetsRecorder .mstrDialogBone .titlebar {
    border: none;
    background-color: #ADADAD;
    color: #000080;
    font-size: 0.8em;
    height: 10px;
}

#controlTargetsRecorder .buttonBar input {
    width: 25px;
    height: 20px;

    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

#controlTargetsRecorder .buttonBar #ok {
    background: transparent url('images/dialog/apply.gif') left center no-repeat;
    border: none;
}

#controlTargetsRecorder .buttonBar #cancel {
    background: transparent url('images/dialog/cancel.gif') left center no-repeat;
    border: none;
}

#controlTargetsRecorder .buttonBar {
    text-align: center;
    background: #dbdcd4 url('images/dialog/verticalgradient22.gif') bottom repeat-x;
}

#msgTable tbody tr td {
    padding:5pt;
}
#msgTable tbody tr td span.msgContent {
    width:320px;
    overflow:hidden;
    display:block;
    word-wrap:break-word;
}

#msgIcon{
    width:32px;
    height:32px;
    display:block;
}

.errorMsg{
    background: transparent url('images/msgError.gif') right center no-repeat;
}
.infoMsg{
    background: transparent url('images/msgInfo.gif') right center no-repeat;
}
.infowarningMsg{
    background: transparent url('images/msgInfoWarning.gif') right center no-repeat;
}
.warningMsg{
    background: transparent url('images/msgWarning.gif') right center no-repeat;
}



/* color pickers */

.mstrDialogBone .body .colorPane,
.mstrPanelBone .body .colorPane {
    font-size: 4pt;
    height: 12px;
    width: 4px;
    border-top: 0px solid black;
    overflow: hidden;
    float: left;
    margin: 0px;
}
.colorpulldown {
    display: inline-block;
    border-left: 1pt solid #000000;
    border-top: 1pt solid #000000;
    border-right: 1pt solid #dddddd;
    border-bottom: 1pt solid #dddddd;
    background: #ffffff;
    padding: 2px;
    cursor: hand;
    width: 100px;
    height: 14px;
    font-size: 7pt;
}
.colorpulldown span {
        display: inline-block;
    width: 80px;
    height: 10px;
    border: 1pt solid #999999;
}
.colorpulldown img {
    width: 7px;
    height: 7px;
    border: 0pt;
}

.mstrDialogBone .body .edtColorPicker .mstrUserColorPicker,
.mstrDialogBone .body .edtColorPicker .mstrColorPicker {
    height: 140px;
    width: 180px;           /* was 110px */
    display: inline;
    float: left;
    position: static;
    border-width: 0pt;
    xbackground-color: #b2b2b2;     /* removed background color */
    filter: none;
    padding: 0px;           /* added */
}
.mstrDialogBone .body .edtColorPicker .mstrUserColorPicker {
    height: 23px;
}
.mstrDialogBone .body .edtColorPicker .mstrUserColorPicker SPAN,
.mstrDialogBone .body .edtColorPicker .mstrColorPicker SPAN {
    height: 20px;
    width: 18px;
    margin: 1px;
    overflow: hidden;
}

.mstrDialogBone .body .edtColorPicker #pkrSmooth {
    line-height: 7px;
    position: static;
    width: 260px;
    height: 135px;
    float: left;
    overflow: hidden;
    padding-top: 1px;
}

.mstrDialogBone .body .edtColorPicker #pkrSmooth SPAN {
    height: 7px;
    width: 5px;
    overflow: hidden;
    float: left;
    cursor: crosshair;
}

.mstrDialogBone .body .edtColorPicker #pkrSmoothSlider {
    position: static;
    width: 15px;
    border: 1px solid #999999;
    float: left;
}

.mstrDialogBone .body .edtColorPicker #pkrSmoothSlider SPAN {
    width: 15px;
    height: 1px;
    overflow: hidden;
    float: left;
    cursor: crosshair;
}

.mstrDialogBone .body .edtColorPicker .previewPane {
    border: 2pt inset;
    height: 65px;
    width: 65px;
    background-color: #ffffff;
}

/* special pulldowns and other controls */

.mstrDialogBone .disabled,
.mstrPanelBone .disabled {
    xbackground: #cccccc;       /* looks bad for checkboxes/radio buttons */
}
.mstrDialogBone .disabledLabel,
.mstrPanelBone .disabledLabel {
    color: #808080;     /* was #aaaaaa; */
}

.mstrDialogBone .pulldown,
.mstrPanelBone .pulldown,
.mstrDialogBone .pulldowndisabled,
.mstrPanelBone .pulldowndisabled {
    display: block;
    float: left;
    clear: right;
    cursor: hand;
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 2px;
    margin-left: 1px;
    margin-right: 1px;
    height: 14px;
    width: 100px; 
    xoverflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

#tbGenId .pulldown,
#tbGenId .pulldowndisabled {
    min-width: 150px;  
    overflow: hidden;
    width: auto;
}

#tbGenId .pulldown span,
#tbGenId .pulldowndisabled span {
    min-width: 140px;  
    width: auto;
    display: block;
    border: 0px;	
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 13px;
}
.mstrDialogBone .pulldown,
.mstrPanelBone .pulldown {
    border: 1px solid #666666;
    background: #ffffff url(images/tbPulldown.gif) right center no-repeat;
}
.mstrDialogBone .pulldowndisabled,
.mstrPanelBone .pulldowndisabled {
    border: 1px solid #ffffff;
    background: transparent url(images/tbPulldown.gif) right center no-repeat;
    cursor: default;
}
.pulldown span {
    display: block;	/* was: inline-block; modified for Netscape & Firefox support */
    width: 80px;
    height: 16px;
    border: 1pt solid  #999999;
    overflow: hidden;
}
/* In IE 7, the table contains DHTML pulldown will not be able to 
calculate the correct table size because of the "min-width" we used.
so, we need to set up table size to 100%. and also its cells.*/
.pulldownTable {
	width:100%;
}
.pulldownLabelCell {
	width:1%; 
	white-space:nowrap;
}
.pulldownCell {
	width:99%; 
}
table.colorSection .pulldown span,
table.fontSectionTable .pulldown span,
table.tabNm .pulldown span,
table.color .pulldown span,
td.colorSectionCell .pulldown span {
    height: 12px;
    border: 1px solid  #999999;
}
.tabSection .comboTitle {
    position: relative;
    top: -15px;
    xfont-family: Verdana, Arial, MS Sans Serif;
    xfont-size: 8pt;
    background: #cccccc;
    padding: 2px;
    z-index: 1;
}
.comboSection {
 border: 1pt #999999 solid;
 padding:5px;
 height:324px;
}

table.colorSectionTable,
table.fontSectionTable {
    width : 95%;
}

.edtBtnBar {
    text-align: right;
    padding-top: 3px;
}


/* for formatting and setup editors */

.mstrDialogBone select.fonts,
.mstrPanelBone select.fonts {
    width: 175px;
}
.mstrDialogBone select.fontstyles,
.mstrPanelBone select.fontstyles {
    width: 100px;
}
.mstrDialogBone select.fontsizes,
.mstrPanelBone select.fontsizes {
    width: 75px;
}
.mstrDialogBone select.aligns,
.mstrPanelBone select.aligns {
    width: 175px;
}
.mstrDialogBone select.papertypes,
.mstrPanelBone select.papertypes {
    width: 175px;
}
.mstrDialogBone .effects,
.mstrPanelBone .effects {
    border: 1pt solid #999999;
    padding: 3px;
    padding-right: 6px;
    width: 175px;
    height: 70px;
}
.mstrDialogBone .sample,
.mstrPanelBone .sample {
    border: 1pt solid #000000;
    background: #ffffff;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    height: 35px;
    width: 175px;
    overflow: hidden;
}

/* for sort dialog */

table.sort td {
    text-align: left;
    padding: 3px;
    white-space: nowrap;
}
table.sort select {
    width: 215px;
}

table.sort col.sortLabel {
    width: 10em;
    overflow: visible;
}
.sortGroups div,
.sortFields div {
    width: 494px;
    height: 94px;
    overflow: auto;
}
.sortGroups div.oneGroupBy {
    height: 42px;
}
.sortGroups div.twoGroupBy {
    height: 68px;
}
/* for totals dialog */

div.totals {
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 3px;
    overflow: auto;
    margin-right: 18px; /* leave margin for vertical scrollbar */
}
div.totals table {
    table-layout: fixed;
}
div.totals table td {
    border-bottom: 1px solid #999999;
    padding:
}

div.totals col {
    padding: px;
    padding-right: 5px;
    font-weight: bold;
}
div.totals col.checkColumn {
    width: 100px;
    text-align: center;
    padding-right: 3px;
    font-weight: normal;
}

/* for groupby properties dialog */
#gbeb_GroupbyPropertiesStylePageRestart {
    padding-left: 18px;
}

#gbeb_GroupbyPropertiesStylePageByStyle {
    padding-left: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* for page properties dialog */
#pgSectionsId_PageTabSectionsStyle div.tabSectionsDiv {
     height: 86%;
     width: 100%;
     overflow: auto;
     background-color: white;
     border: 1px rgb(64,64,62) inset;
}

#pgSectionsId_PageTabSectionsStyle input.showAllButton {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: rgb(211,209,197);
}


#pgSectionsId_PageTabSectionsStyle div.showAllDiv {
    height: auto;
}

#pgSectionsId_PageTabSectionsStyle div.tabLabelDiv {
    height: auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
}


/* tabbed 7.x interfaces, consistent with ".mstrDialog .tabs" and subclasses */

.tabSet {
    border: 0px;
    position: relative;
}
.tabSet TR TD {
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #999999;
    background: #d4d0c7;    /* was #b2b2b2; */
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: hand;
    overflow: hidden;
}
.tabSet TR TD.selected {
    font-weight: bold;
    position: relative;
    top: 1px;
    cursor: default;
}
.tabSet TR TD.disabled {
    background: none;
    color: #808080;     /* was cccccc; */
    cursor: default;
}
.tabContainer {         /* consistent with .mstrDialog .allSections */
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.tabContainer table.tabSel .targetDiv {
    padding-top:4px;
}

.tabContainer table.tabSel TR {
    height:25px;
}

.tabContainer table.tabSel TD {
    vertical-align:middle;
}

.tabSection {
    display: none;
    padding: 6px;
}
/* tab sections for Formatting Dialog */
#tbFnId.tabSection,
#tbNmId.tabSection,
#tbAlId.tabSection,
#tbCLId.tabSection,
#tbEFFId.tabSection {
    height: 375px;
}
.tabSection table   {
    border: 0pt;
}
.tabSection table.tabAl col.first   {
    width: 225px;
}
.tabSection table.tabNm col.first   {
    width: 150px;  /*issue 202842: jp translation of 'percentage' jumps to the next line*/
}
.tabSection table.tabLy col.first   {
    width: 200px;
}
.tabSection table tr td {
    vertical-align: top;
}
.tabSection table.color tr td {
    vertical-align: middle;
}
.tabSection ul {
    margin: 5px;
}
.tabSection hr {
    xposition: relative;
    xtop: 15px;
    border-bottom: 1pt solid #eeeeee;
    margin: 0px;
}
.tabSection div.radio {
    display: none;
}
.tabSection div.radio table tr td {
    vertical-align: middle;
}
.tabSection .title {
    font-weight: bold;
}
.tabSection .warning {
    visibility: hidden;
    margin-left: 10px;
}

.tabSection fieldset.fieldSection {
    margin-top: 5px;
    display: block;
    border: none;
    border-top: 1px solid #a0a0a0;
}

.tabSection fieldset.fieldSection legend {
    margin-left: -6px;
    padding: 0px;
}

table.sectionHeaderTable {
    width : 100%;
}

td.colorSectionHeader {
    padding-left:0px;
    width: 5%;
}

.fillEffect {
    width : 100px;

}

td.lineCell {
    width: 100%;
    padding-top:7px;
}

div.line {
    width:auto;
    border-top :1px solid #a0a0a0;
    border-bottom :1px solid #ffffff;
}

td.colorSectionCell {
    padding-left:5px;
}