/* --- HTML Main --- */

html { overflow-y: scroll; }
body            {
        margin: 18px 80px; padding: 0px;
        background: #afc2e3 url(/pictures/bg_ibs6.gif) repeat-x;
        color: #000;
        font: 11px verdana, arial, helvetica, sans-serif;
        }

@media screen and (max-width: 1024px) { body { margin: 18px 10px; padding: 0px; } }

h1,h2,h3,h4,h5  { color: black; font-family: verdana, arial, helvetica, sans-serif; }
p               { font: 11px verdana, arial, helvetica, sans-serif; }
b               { font-weight: bold; }
img             { border: 0px; }
td              { font: 11px verdana, arial, helvetica, sans-serif;}
pre             { font: 13px Arial, sans-serif; }

form, input     { font: 11px verdana, arial, helvetica, sans-serif;}

input[type=submit]
        {
        background: #cfd9ed url(/pictures/bg_button.gif) repeat-x;
        border-top: 1px solid white;
        border-right: 1px solid #5c7099;
        border-bottom: 1px solid #5c7099;
        border-left: 1px solid white;
        padding: 4px;
        min-width: 100px;
        overflow: visible;
        }

input[type=submit]:hover { background: #b4c8ee url(/pictures/bg_button_hover.gif) repeat-x; }

input[type=file] { background: #FFF; }

input:focus     { color: black; background: #FFC; }

select      { font: 11px verdana, arial, helvetica, sans-serif; min-width: 100px; }

textarea    { font: 11px verdana, arial, helvetica, sans-serif;}

label {
    display: inline-block;
    vertical-align: text-top;
    margin-top: -2px;
    padding-bottom: 5px;
}


/* --- Links --- */
a:link,a:visited,a:active { color:#006; text-decoration: none; font-weight: bold; }
a:hover         { background: #FFF; }
a:hover img     { background: #FFF; }
a.disabled      { color: #AEBAD4; }

/* Used by cnfchecker and UI configuration page */
a.nav:link,a.nav:visited,a.nav:active { color:white; text-decoration: none; }
a.nav:hover     { color:#2C3E7C; background: #FFF; text-decoration: none; }

/* --- Table Formattings --- */
.indextablerow td { background: none; border-top: 1px solid #eef3fd; }

tr.colored, td.colored      { background: #e4eaf8; }
td.objtop       { color: black; background: #FFF; font-weight: bold; border: 1px solid white;}
td.objtopnav    { background: #e4eaf8; font-weight: bold; border-bottom: 1px solid white; }

div.objtopnav   { background: #e4eaf8; font-weight: bold; border: 1px solid white; }
div.hint        { color: black; background: #FFDD88; font-weight: bold; }
div.error       { color: white; background: #AF0F24; font-weight: bold; }
span.error      { color: white; background: #AF0F24; font-weight: bold; }

ul#objtopnav    { margin: 0px; padding: 0px; list-style:none; }
ul#objtopnav li { margin: 0px; padding: 8px 0px 8px 0px; display: inline; float: left; }
ul#objtopnav a  { background: #e4eaf8; margin: 0px; padding: 8px 10px 8px 10px; border-right: 1px solid white; }
ul#objtopnav a:hover { background: #d9e2f5; }
ul#objtopnav #selected { background: #3399ff; color: white; }

td.showerrcaption { background: white; color: black; border-bottom: 1px dotted black; font-weight: bold;}
td.showerr      { color: black; background: white; }
td.hint         { color: black; background: #FFDD88; font-weight: bold; }
td.error        { color: white; background: #AF0F24; font-weight: bold; }
td.error a:link, td.error a:visited, td.error a:active { text-decoration: underline; color: white; }
td.error a:hover { background-color: #600; }

td.helpcaption  { font-weight: bold; }


/* --- IDs and Classes --- */
#product { margin-top: 37px; width: 342px; height: 60px; float: left; }
#nohover { background: none; }
#controlpanel { margin: 0px 5px 0px 0px; padding: 0px; white-space: nowrap; float: right; }
.controlitem { margin: 0px 0px 0px 22px; padding: 0px; display: inline; }
.controlicon {  margin: 0px 8px -3px 0px; }
.icon-eye { margin-bottom: -5px; }

.small          { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; }
.showerrhint { color: #888888; }
.showerrwarning { color: #EE7E47; }
.showerrerror { color: #AF0F24; }
.showerrfatalerror { color: #FF0000; }
.shadow { box-shadow: 4px 4px 6px 0px #99adcf; }
.shadowlight { box-shadow: 4px 4px 6px 0px #d9e3f5; }

/* --- Navigation --- */

ul.navigation   { margin: 0px; padding: 0px; list-style: none; }
ul.navigation li a { background: #dde5f9; color: #006; display: block; width: 137px; padding: 8px 8px 8px 7px; border-bottom: 1px solid #FFF; font: bold 11px verdana, sans-serif; text-decoration: none; }
ul.navigation li a:hover { background: #cdd7f6; border-bottom: 1px solid white; }
ul.navigation li a.selected { background: #3399ff; color: white; }
ul.navigation li a.disabled { color: #aebad4; }
ul.navigation li a.disabled:hover { background: #d6dcf0; }

#navigation_button { margin: 20px 0px 20px 0px; text-align: center; }
#navigation_button a {  
        padding: 5px 25px 5px 25px;
        background: #cfd9ed url(/pictures/bg_button.gif) repeat-x;
        border-top: 1px solid white;
        border-right: 1px solid #5c7099;
        border-bottom: 1px solid #5c7099;
        border-left: 1px solid white;
        font-weight: normal;
}
#navigation_button a:hover { background: #b4c8ee url(/pictures/bg_button_hover.gif) repeat-x; }

#queue { display: block; width: 138px; padding: 6px; background-color: #ffff52; font: bold 11px verdana, sans-serif; }

ul.navigation_second { margin: 0px; padding: 0px; list-style: none; }
ul.navigation_second li a { background: #e8efff; color: #006; display: block; width: 126px; padding: 8px 8px 8px 18px; border-bottom: 1px solid #FFF; font: 11px verdana, sans-serif; text-decoration: none; }
ul.navigation_second li a:hover { background: #dfe8ff; }
ul.navigation_second li a.selected { background: #3399ff; color: white; }
ul.navigation_second li a.disabled { color: #AEBAD4; }

ul.navigation_third { margin: 0px; padding: 0px; list-style: none; }
ul.navigation_third li a { background: #f8faff; color: #006; display: block; width: 114px; padding: 8px 8px 8px 30px; border-bottom: 1px solid #FFF; font: 11px verdana, sans-serif; text-decoration: none; }
ul.navigation_third li a:hover { background: #f0f4ff; color: #2C3E7C; }
ul.navigation_third li a.selected { background: #3399ff; color: white; }
ul.navigation_third li a.disabled { color: #AEBAD4; }

ul.navigation_fourth { margin: 0px; padding: 0px; list-style: none; }
ul.navigation_fourth li a { background: #FFF; color: #006; display: block; width: 102px; padding: 8px 8px 8px 42px; border-bottom: 1px solid #f7f9fc; font: 11px verdana, sans-serif; text-decoration: none; }
ul.navigation_fourth li a:hover { background: #fafcff; color: #2C3E7C; }
ul.navigation_fourth li a.selected { background: #3399ff; color: white; }
ul.navigation_fourth li a.disabled { color: #AEBAD4; }

/* Backup size prediction chart */

.stchartbar {
        border: none;
        float: left;
}

.stchartbar:hover {
        border: 1px solid #594f59;
        box-sizing: border-box;
}