/*
body {
    background-color: white;
    color: black;
    font-family: Arial, sans-serif;
    font-size: medium;
    margin: 20px 20px 20px 20px;
}
*/

.gwt-HorizontalSplitter .Bar {
    width: 8px;
    background-color: #C3D9FF;
}

.gwt-VerticalSplitter .Bar {
    height: 8px;
    background-color: #C3D9FF;
}

.gwt-StackPanel .gwt-StackPanelItem {
    background-color: #C3D9FF;
    cursor: pointer; /*    cursor: hand;    */
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.ks-List {
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.ks-List .settings-TopicItem {
    width: 100%;
    padding: 0.3em;
    padding-right: 16px;
    cursor: pointer;
}

.ks-List .settings-TopicItem-selected {
    background-color: #C3D9FF;
}

.ks-images-Image {
    margin: 8px;
}

.ks-images-Button {
    margin: 8px;
    cursor: pointer;
}

.ks-layouts {
    margin: 8px;
}

.form-panel {
    background-color: #E8EEF7; /*width: 100%; */
}

/* #C3D9FF is the light blue #E8EEF7 is the gray */
.settings-Topic {
    border: 8px solid #C3D9FF;
    background-color: #E8EEF7; /*background-color: #E8EEF7; */
    width: 100%;
    height: 40em;
}

.settings-Description {
    background-color: #C3D9FF;
    padding: 5px 5px 1px 10px;
    font-size: medium;
}

.settings-info {
    padding-left: 20px;
}

.settings-foldertree {
    background-color: white;
}

.buttonsize {
    padding-top: 20px;
    padding-left: 20px;
}

.buttonsize-buttons {
    border: 0px;
    background-color: #E8EEF7;
    height: 50px;
}

.buttonsize-plusminus {
    background-color: #E8EEF7;
    border: 1px solid #E8EEF7;
}

.buttonsize-adjust {
    font-weight: bold;
    font-size: 110%;
}

.settings-userdetails {
    padding-left: 20px;
}

.settings-import {
    padding-left: 20px;
}

.folderedit-panel .gwt-Label {
    width: 10em;
    vertical-align: bottom;
    font-size: small;
}

.folderedit-panel .gwt-CheckBox {
    width: 25em;
    vertical-align: bottom;
    font-size: small;
}

.folderedit-editpanel .gwt-HTML {
    font-size: small;
}

.folderedit-editpanel {
    font-size: small;
    background-color: #E8EEF7;
    width: 100%;
}

.folderedit-editpanel-ext {
    font-size: small;
    width: 100%;
}

.folderedit-editpanel-ext .gwt-HTML {
    font-size: small;
}

.folderedit-panel .form-panel {
    background-color: #E8EEF7;
    font-size: small;
}

.imapaccount-panel {
    width: 24em;
    background-color: white;
}

.imapaccount-panel .form-panel {
    background-color: #E8EEF7;
    font-size: small;
}

.folderedit-custom {
    border: 1px solid #87B3FF;
}

.export-directions {
    font-size: 120%;
}

.export-foldername {
    font-size: 120%;
}

.import-header {
    font-size: 130%;
}

.import-labels {
    font-size: 120%;
    width: 10em;
}

.import-parentname {
    font-weight: bold;
    font-size: 120%;
}

.editor-helpmessage {
    font-weight: bold;
    font-size: 110%;
    color: #FF0000;
}

.defaultfeed-editpanel {
    padding-left: 20px;
    background-color: #E8EEF7;
}

.defaultfeed-editpanel .gwt-HTML {
    font-size: small;
}

.sync-warning {
    font-size: 90%;
}

.sync-header {
    font-size: 130%;
}

.sync-status {
    font-size: 110%;
}

.sync-info {
    font-size: 100%;
}

.html-export {
    font-size: 100%;
}

.publish_tab_panel {
    border: 1px solid #c3d9ff;
}

.gwt-TabPanel {
    width: 100%;
    height: 100%;
}

.gwt-TabPanelBottom {
    border-left: 1px solid #87B3FF;
}

.gwt-TabPanel .gwt-TabBar {
    background-color: #C3D9FF;
    font-size: medium;
}

.gwt-TabPanel .gwt-TabBar .gwt-TabBarFirst {
    height: 100%;
    border-bottom: 1px solid #87B3FF;
    padding-left: 3px;
}

.gwt-TabPanel .gwt-TabBar .gwt-TabBarRest {
    border-bottom: 1px solid #87B3FF;
    padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
    border-top: 1px solid #C3D9FF;
    border-bottom: 1px solid #87B3FF;
    padding: 2px;
    cursor: pointer;
}

.gwt-TabBar .gwt-TabBarItem-selected {
    font-weight: bold;
    background-color: #E8EEF7;
    border-top: 1px solid #87B3FF;
    border-left: 1px solid #87B3FF;
    border-right: 1px solid #87B3FF;
    border-bottom: 1px solid #E8EEF7;
    padding: 2px;
    cursor: default;
}

.feed-header {
    font-weight: bold;
    font-size: 125%;
}