/* COMMON */
body {
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #EEEEEE;
    height: 100%;
    width: 100%;
    color: #292a2b;
}

input[type="submit"] {
    border: 0;
}

body, input, select, textarea {
    color: #333333;
    font-size: 11px;
    font-family: "Lato", sans-serif;
}

a {
    text-decoration: none;
    color: #659316
}

    a:hover {
        text-decoration: underline;
    }

img {
    border: none;
}

.ui-datepicker table {
    background: white;
}
/* Splitter container. Set this to the desired width and height
   of the combined left and right panes. In this example, the
   height is fixed and the width is the full width of the body,
   less the margin on the splitter itself. */
#MySplitter {
    height: 100%;
    width: 100%;
}

/* Left-side element of the splitter. Use pixel units for the
   min-width and max-width; the splitter plug-in parses them to
   determine the splitter movement limits. Set the width to
   the desired initial width of the element; the plug-in changes
   the width of this element dynamically. */

#LeftPane {
    height: 1024px;
    background-color: #EEEEEE;
}

/* Right-side element of the splitter. */
#RightPane {
    height: 1024px;
    background-color: #EEEEEE;
}

/* Splitter bar style; the .active class is added when the
   mouse is over the splitter or the splitter is focused
   via the keyboard tab order or an accessKey. */
#MySplitter .vsplitbar {
    width: 3px;
    /*border-left: solid 1px #292a2b;*/
    border-right: solid 1px #292a2b;
}

    #MySplitter .vsplitbar.active {
        opacity: 0.7;
        border: solid 1px #c1c1c1;
        background-color: #659316;
    }

/* Sets style for ReadOnly fields */
input[readonly], .readonly {
    background-color: #F7F7F7 !important;
    border: 1px solid #EEEEEE !important;
    color: #777777;
}

.DefaultPage {
    background-color: #292a2b;
    background-repeat: repeat-x;
}

.nodeInactive {
    color: #222222 !important;
}

.hoverRow {
    background-color: #feffbb;
}

.warning {
    color: #ff9900 !important;
    font-weight: bold;
}

.popMsgDetail {
    background-color: #F0F0F0;
    position: absolute;
    top: 20px;
    right: 2px;
    width: 400px;
    height: 120px;
    border: ridge 2px #000000;
}

input[type="checkbox"] {
    padding-right: 2px;
}

button, submit, input.button, input.submit {
    font: inherit;
}

table {
    border-collapse: collapse;
}

.form_label {
    font-weight: bold;
}

.fpDDLB {
    background-color: Aqua;
}

.HeadWrapper {
    margin: 0px 0px 0px 0px;
}

.header {
    height: 40px;
    color: #FFFFFF;
    width: 100%;
}

    .header div a {
        color: #659316;
    }

        .header div a:hover {
            color: #fff;
            text-decoration: underline;
        }

.headertitle {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    left: 3px;
    top: 0px;
}

.headerhelp {
    position: absolute;
    top: 3px;
    right: 3px;
}

.header img {
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
    border: none;
}

.navPanel img, .navSelect img {
    vertical-align: middle;
    margin: 1px 0px 1px 0px;
    border: none;
}

.subHeader {
    background-color: #c1c1c1;
    border-bottom: 1px solid #333333;
    height: 27px;
}

    .subHeader div {
        padding: 2px;
        font-size: 11px;
        font-weight: normal;
        color: #10428C;
    }

.clear {
    clear: both;
    float: none;
    height: 0px;
}

.title {
    font-size: 18px;
    font-weight: bold;
    padding: 0px 5px;
}

.gvRowStyle {
    background-color: #FAFAFA;
    color: Black;
    cursor: pointer;
}

    .gvRowStyle:hover {
        background-color: #feffbb;
    }

.gvSelectedRowStyle {
    background-color: Yellow;
}

.gvPagerStyle {
    background-color: #DDDDDD;
    color: Black;
    text-align: Left;
}

.gvHeaderStyle {
    font-weight: bold;
    font-size: 8pt;
    color: #6394CE;
}

.gvAlternatingRowStyle {
    background-color: #EAEAEA;
    cursor: pointer;
}

    .gvAlternatingRowStyle:hover {
        background-color: #feffbb;
    }

.ActionBar {
    text-decoration: none;
    white-space: nowrap;
    height: 18px;
}

td.ActionBar {
    padding: 2px 4px 2px 4px;
}

table.ActionBar {
    border-bottom: 1px solid #cccccc;
    background-color: #efefef;
    width: 100%;
}

table.ToolBar {
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.ActionButton {
    padding: 2px 4px 2px 4px;
}

    .ActionButton:hover {
        background-color: #FFE88C;
    }

.ReadOnly {
    background-color: Transparent;
}

.navPanel {
    position: absolute;
    top: 27px;
    right: 0px;
    left: 0px;
    overflow: auto;
}

    .navPanel a, .navPanel a:visited {
        padding: 0px 0px;
        color: #333333;
        text-decoration: none;
        width: 100%;
    }

        .navPanel a:hover {
            background-color: #7cb51a;
            color: white;
        }

.navSeparator {
    top: 0px;
    left: 0px;
    right: 0px;
    height: 2px;
    background-color: #292a2b;
}

.navSelect {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

    .navSelect a {
        height: 22px;
        display: block;
        padding: 5px;
        background-color: #c1c1c1;
        border-bottom: 1px solid #292a2b;
        text-decoration: none;
        color: #000000;
    }

        .navSelect a:hover {
            background-color: #7cb51a;
            color: #fff;
        }

#menuTabs input[type="submit"]:hover {
    background-color: red;
}

.contentPanelWrapper {
    position: absolute;
    top: 27px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2px 2px 2px 2px;
    overflow: auto;
}

.transWrapper {
    margin: auto;
    position: relative;
}

.transUnder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.transCover {
    background: rgba(128,128,128,0.25);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    margin: auto;
}

.contentPanel {
    position: relative;
    height: 100%;
}

/* Navigation Tree */
.NavTreeParent {
    width: 100%;
    font-weight: normal;
}

.NavTreeHover {
    text-decoration: underline;
    color: #6666AA;
}

.NavTreeSelected {
    background-color: #B5B5B5;
    text-decoration: underline;
    padding: 0px;
}

.NavTreeNode {
    width: 100%;
    color: white;
    padding: 0px;
}

.TreeTopLevelNode {
    width: 98%;
    color: white;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    background: darkgray;
    border-bottom: 1px solid #333333;
}

.TreeChildNode {
    background: #C1C1C1;
    font-size: small;
    border: none;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid gray;
}

.TreechildHalfNode {
    background: #DCDCDC;
}

.TreeChildNode a {
    color: #333333;
}

.TreeChildInnermostNode {
    background: white !important;
}

    .TreeChildInnermostNode a {
        color: black;
    }

.TreechildHalfNode:hover {
    background: whitesmoke;
}

.TreeUlInner {
    /*padding-top: 10px; 5px 10px 0;*/
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

.TreeTopLevelNode a .TreeTopLevelNode a:hover {
    color: white !important;
}

.uiFilterTableWidth {
    width: 740px;
}

.uiFilterColumn {
    text-align: center;
    font-weight: bold;
    color: #292a2b;
    background-color: #c1c1c1;
}

.uiFilterCol1 {
    width: 280px;
}

.uiFilterCol2 {
    width: 180px;
}

.uiFilterCol3 {
    width: 40px;
}

.uiFilterCol4 {
    width: 200px;
}

.uiFilterCol5 {
    width: 40px;
}


#MainWrapper {
    position: absolute;
    top: 42px;
    bottom: 0px;
    left: 0px;
    right: 0;
}

/* Splitter Code */
#MainSplitter {
    position: relative;
    width: 100%;
    height: 100%;
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
.LeftPane {
    height: 1024px;
    background: #ffffff;
}

.ShowDisabled {
    width: 100%;
    display: none;
    background-color: #333333;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    opacity: .35;
    filter: alpha(opacity=35);
}

.DisabledButton {
    opacity: .35;
    filter: alpha(opacity=35);
}

td.DisabledButton {
    padding: 2px 4px 2px 4px;
}
/*
 * Right-side element of the splitter.
 */
.RightPane {
    height: 1024px;
    background: #ffffff;
}
/*
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard tab order or an accessKey.
Took this out:    background: #BDDEFF url(img/vgrabber.gif) no-repeat center;
 */
#MainSplitter .vsplitbar {
    width: 3px;
    border-left: solid 1px #6394CE;
    border-right: solid 1px #6394CE;
}

    #MainSplitter .vsplitbar.active {
        opacity: 0.7;
        border: solid 1px #6394CE;
    }

/* For Tabs */

.tabs {
    position: relative;
    top: 1px;
    left: 10px;
}

.tab {
    border: solid 1px black;
    background-color: #eeeeee;
    padding: 2px 10px;
}

.selectedTab {
    background-color: white;
    border-bottom: solid 1px white;
}

.tabContents {
    border: solid 1px black;
    padding: 10px;
    background-color: white;
    height: 500px;
}

.msgWarning {
    background-color: Yellow;
}

.msgError {
    background-color: #ff9900;
    padding: 8px 0 8px 0;
    color: #333333;
    font-size: 13px;
    font-weight: 300;
    display: block;
    width: 100%;
}

.linkAsButton {
    background: #87bf06;
    color: white;
    height: 20px;
    padding: 8px 15px;
    border-radius: 5px
}

/*For Organization*/
#OrgMainWrapper {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    top: 5px;
}

#OrgSplitter {
    position: absolute;
    width: 100%;
    height: 100%;
}

    #OrgSplitter .vsplitbar {
        width: 3px;
        background: #BDDEFF url(../images/vgrabber.gif) no-repeat center;
        border-left: solid 1px #6394CE;
        border-right: solid 1px #6394CE;
    }

        #OrgSplitter .vsplitbar.active {
            background: #BDDEFF url(../images/vgrabber.gif) no-repeat center;
            opacity: 0.7;
            border: solid 1px #6394CE;
        }

.OrgLeftPane {
    /*Left-side of the splitter.*/
    height: 1024px;
    background: #ffffff;
    overflow: auto; /*No margin or border allowed */
}

.OrgRightPane {
    /*Right-side of the splitter.*/
    height: 1024px;
    background: #ffffff;
    overflow: auto;
    /* No margin or border allowed */
}

/*For Modal Dialog*/
.ModalDialog {
    border: solid 1px #c1c1c1;
    background-color: #efefef;
    z-index: 9998;
}

    /*.ModalDialog .ModalDialogHeader
{
    background: url(/images/BlueHeader.gif) repeat-x 0px -1100px;
    height: 25px;
    padding-top: 5px;
}*/

    .ModalDialog .ModalDialogHeader .ModalDialogTitle {
        vertical-align: middle;
        padding-left: 6px;
        font-size: 12px;
        font-weight: bold;
        color: white;
        cursor: move;
    }

    /* dialog close */
    .ModalDialog .ModalDialogClose {
        right: 4px;
        background: url(/images/Close.gif) no-repeat -732px 0px;
        width: 16px;
        position: absolute;
        top: 5px;
        height: 16px;
    }

        .ModalDialog .ModalDialogClose:hover {
            background: url(../images/Close.gif) no-repeat -749px 0px;
        }

    /* dialog close */
    .ModalDialog .ModalDialogCloseFloat {
        right: 4px;
        background: url(../images/Close.gif) no-repeat -732px 0px;
        width: 16px;
        position: relative;
        float: right;
        top: -16px;
        height: 16px;
    }

        .ModalDialog .ModalDialogCloseFloat:hover {
            background: url(../images/Close.gif) no-repeat -749px 0px;
        }

.ModalBackground {
    /* modal overlay */
    background-color: Gray;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

/* Styles for the Tab Control */
/* default layout */
/*.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:0px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}
.RW_tab .ajax__tab_tab {margin-right:0px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

.RW_tab .ajax__tab_header {font-family:tahoma,helvetica;font-size:11px;background:url(/images/Tabs/tab-line.gif) repeat-x bottom;}
.RW_tab .ajax__tab_outer {padding-right:4px;background:url(/images/Tabs/tab-right.gif) no-repeat right;height:21px;}
.RW_tab .ajax__tab_inner {padding-left:3px;background:url(/images/Tabs/tab-left.gif) no-repeat;}
.RW_tab .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(/images/Tabs/tab.gif) repeat-x;}
.RW_tab .ajax__tab_hover .ajax__tab_outer {background:url(/images/Tabs/tab-hover-right.gif) no-repeat right;}
.RW_tab .ajax__tab_hover .ajax__tab_inner {background:url(/images/Tabs/tab-hover-left.gif) no-repeat;}
.RW_tab .ajax__tab_hover .ajax__tab_tab {background:url(/images/Tabs/tab-hover.gif) repeat-x;}
.RW_tab .ajax__tab_active .ajax__tab_outer {background:url(/images/Tabs/tab-active-right.gif) no-repeat right;}
.RW_tab .ajax__tab_active .ajax__tab_inner {background:url(/images/Tabs/tab-active-left.gif) no-repeat;}
.RW_tab .ajax__tab_active .ajax__tab_tab {background:url(/images/Tabs/tab-active.gif) repeat-x;}
.RW_tab .ajax__tab_body {font-family:tahoma,helvetica;font-size:11px;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

.RW_tab .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab
{
margin-right:0;
}*/
/* End Styles for the Tab Control */

/*Context Menu*/

.contextMenu {
    position: absolute;
    width: 150px;
    z-index: 9999;
    border: solid 1px #CCC;
    background: #EEE;
    padding: 0px;
    margin: 0px;
    display: none;
}

    .contextMenu LI {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .contextMenu A {
        color: #333;
        text-decoration: none;
        display: block;
        line-height: 20px;
        height: 20px;
        background-position: 6px center;
        background-repeat: no-repeat;
        outline: none;
        padding: 1px 5px;
        padding-left: 28px;
    }

    .contextMenu LI.hover A {
        color: #FFF;
        background-color: #3399FF;
    }

    .contextMenu LI.disabled A {
        color: #AAA;
        cursor: default;
    }

    .contextMenu LI.hover.disabled A {
        background-color: transparent;
    }

    .contextMenu LI.separator {
        border-top: solid 1px #CCC;
    }

    /*
	Adding Icons

	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

    /*.contextMenu LI.insert A {
        background-image: url(../images/page_white_edit.png);
    }

    .contextMenu LI.copy A {
        background-image: url(../images/page_white_copy.png);
    }

    .contextMenu LI.paste A {
        background-image: url(../images/page_white_paste.png);
    }

    .contextMenu LI.delete A {
        background-image: url(../images/page_white_delete.png);
    }*/

/* End of Context Menu */

input[disabled], input[readonly], select[disabled], select[readonly],
textarea[disabled], textarea[readonly] {
    background-color: #C1C1C1;
    /*border: #A9A9A9 2px solid;*/
    color: #000000;
    cursor: default;
}

/* Message for Updating..., Loading... */
.UpdateProgress {
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 150px;
    height: 55px;
}

.UpdateProgressMessage {
    color: #00286E;
    margin: 3px;
    font-family: Verdana;
    font-size: small;
    vertical-align: middle;
}

.ReportviewerBody {
    overflow: visible;
}

.gridHeader {
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    background-color: #e7eff7;
    text-align: center;
}

.gridHeaderHidden {
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    background-color: #e7eff7;
    text-align: center;
    display: none;
}

.gBd {
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    padding-left: 1px;
}

.gBdHidden {
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    padding-left: 1px;
    display: none;
}

.gridBodySelected {
    border-color: #202020;
    border-style: solid;
    border-width: 1px;
    background-color: yellow;
}
/* Styles from Column page */
.fpgHeader {
    background-color: #D5E4F7;
}

.colheading {
    background-color: #D5E4F7;
    text-align: center;
    font-weight: bold;
}

.gridSectionHeader {
    background-color: #C5DAF6;
    text-align: center;
    font-weight: bold;
}

.AddHeaders {
    background-color: #C5DAF6;
    text-align: center;
    font-weight: bold;
}

.AddRemoveHeaders {
    background-color: #D5E4F7;
}

.modalFrame {
    width: 100%;
    height: 100%;
}

.clickMenu {
    position: absolute;
    width: 12em;
    border: solid 1px #666;
    z-index: 9999;
    background: #FFF;
    padding: 0px;
    margin: 0px;
    display: none;
    list-style-type: none;
    list-style-position: outside;
    line-height: 1.5em;
}

    .clickMenu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        position: relative;
    }

    .clickMenu a {
        color: #000;
        text-decoration: none;
        display: block;
        line-height: 1.5em;
        height: 20px;
        outline: none;
        padding: 1px 5px;
    }

        .clickMenu a:hover {
            background-color: #fff;
            color: #333;
        }

    .clickMenu li ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-position: outside;
        top: 0;
        left: 12em;
        position: absolute;
        display: none;
        border: solid 1px #666;
        z-index: 9999;
        background: #FFF;
        line-height: 1.5em;
    }

        .clickMenu li ul a {
            width: 12em;
            height: auto;
            top: auto;
            float: left;
        }

    .clickMenu ul ul {
        top: auto;
        left: 12em;
        position: absolute;
    }

    .clickMenu li ul ul {
        left: 12em;
        margin: 0px 0 0 10px;
    }

    .clickMenu li:hover ul ul, .clickMenu li:hover ul ul ul, .clickMenu li:hover ul ul ul ul {
        display: none;
    }

    .clickMenu li:hover ul, .clickMenu li li:hover ul, .clickMenu li li li:hover ul, .clickMenu li li li li:hover ul {
        display: block;
    }

    .clickMenu LI.hover A {
        color: #FFF;
        background-color: #3399FF;
    }

    .clickMenu LI.disabled A {
        color: #AAA;
        cursor: default;
    }

    .clickMenu LI.hover.disabled A {
        background-color: transparent;
    }

    .clickMenu LI.separator {
        border-top: solid 1px #CCC;
    }
/*.clickMenu LI.edit A
{
    background-image: url(images/page_white_edit.png);
}
.clickMenu LI.cut A
{
    background-image: url(images/cut.png);
}
.clickMenu LI.copy A
{
    background-image: url(images/page_white_copy.png);
}
.clickMenu LI.paste A
{
    background-image: url(images/page_white_paste.png);
}*/
/*.clickMenu LI.delete A
{
    background-image: url("/images/page_white_delete.png");
}*/
/*.clickMenu LI.quit A
{
    background-image: url("/images/door.png");
}*/

.fyibutton {
    color: #fff;
    background-color: #659316;
    border: 0;
    padding: 8px 16px;
    margin: 0 0;
    text-align: center;
    border-radius: 5px
}

.fyiTaskButton {
    color: #fff;
    background-color: #5B6157 !important;
    border: 0;
    padding: 8px 8px;
    margin: 0 0;
    text-align: center;
    border-radius: 5px
}

.fyiTaskButton-sm {
    color: #fff;
    background-color: #5B6157 !important;
    border: 0;
    padding: 4px 6px;
    margin: 2px;
    text-align: center;
    font-size: smaller;
    border-radius: 5px
}

.closeButton {
    font-size: 18px;
    background: none !important;
    border: 1px solid white;
    color: white;
    border-radius: 2px;
    padding: 4px;
    position: absolute;
    right: 5px;
    top: 0;
}

/* FYI Connect related styles starts here */

.cformtop {
    background: url(../images/cformsprite.png) no-repeat top left;
    width: 390px;
    height: 12px;
    margin-left: 250px;
}

/* End of styles from Column */

fieldset {
    border: 1px solid black;
    margin: 4px;
}

legend {
    font-weight: bold;
    margin: 5px;
    padding: 2px;
}

.dataEntryTitlesDiv {
    width: 150px;
    text-align: right;
    float: left;
    vertical-align: middle;
}

.dataEntryValuesDiv {
    padding-left: 10px;
    min-width: 200px;
    text-align: left;
    float: left;
}

.DataGrid {
    padding-left: 6px;
}

.containerGridPaddings {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.ContainerGrid {
    border-right: #659316 thin solid;
    border-top: #659316 thick solid;
    border-left: #659316 thin solid;
    border-bottom: #659316 thin solid;
    width: 95%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.MappingGrid {
    border-right: #659316 thin solid;
    border-top: #659316 thick solid;
    border-left: #659316 thin solid;
    border-bottom: #659316 thin solid;
    width: 96%;
    margin-left: 10px;
}

.left-spacing {
    margin-left: 10px;
}

.MappingTable {
    border-style: solid;
    border-color: Black;
    border-width: 1px;
    border-collapse: collapse;
}

    .MappingTable TH {
        border: 1px solid white;
    }

.MappingSubTitle {
    font-weight: bold;
}

.Popup .popupHdr {
    background-color: #659316;
    border-bottom: solid 1px #c1c1c1;
    color: white;
    padding: 5px;
    font-size: medium;
}

.NoWrap {
    white-space: nowrap;
}

.CalView_Body {
    background-color: White;
    margin: 10px;
}

.CalView_Grid TH {
    background-color: #CCCCCC;
    font-weight: bold;
    font-size: smaller;
    margin: 0 auto;
    text-align: center;
}

.CalView_Grid TD {
    margin: 0 auto;
    text-align: center;
}

.table_column_heading {
    font-weight: bold;
    color: #292a2b;
    background-color: #c1c1c1;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(102, 102, 102, 0.5);
    z-index: 1000001;
}

.overlayContents {
    text-align: center;
    border: 4px solid #ff9900;
    background-color: #fff !important;
    position: relative;
    opacity: 1;
    color: #333333;
    width: 300px;
    padding: 10px;
    margin: 200px auto 0 auto;
    z-index: 100001;
}

.divDbError {
    width: 500px;
}

.divDbInfo {
    background: #EFEFEF !important;
}

.divDbErr h3 {
    color: #333333;
}

.divDbErr {
    margin: auto;
    padding: 0;
    background-color: #ffd699;
    margin-top: 80px;
    width: 350px;
    text-align: center;
    border: 2px solid #ff9900;
    height: 160px;
    vertical-align: middle;
}