@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,b,i,bi);

* { margin: 0px; padding: 0px; outline: 0px; }
html, body { color: #333; font: 11px/13px arial, sans-serif; }
/*#bodyMaster { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #39424b url(../images/master/bg-main.jpg) 0px 80px; overflow: hidden; }*/
#bodyMaster { background: #39424b url(../images/master/bg-main.jpg) repeat-x fixed 0px 80px; }
.dialog-overlay { overflow: hidden; }

a { color: #04b; text-decoration: underline; cursor: pointer; }
a:hover { color: #f00; }
a.red { color: #900; }
a.red:hover { color: #f00; }

    a > span.fa, a > i.fa {
        margin-right: 4px;
    }

ul { list-style: none; }
ol { margin-left: 24px; }
img { border: 0px; vertical-align: text-bottom; }
form { border: 0px; }
object { border: 0px; font-size: 0px; line-height: 0px; vertical-align: text-bottom; }
label, input { vertical-align: middle; }
hr { height: 0px; border: 0px; border-top: 1px solid #ccc; border-bottom: 1px sothlid #fff; margin: 5px 0px 6px 0px; }
p { margin-bottom: 10px; text-indent: 8px; }
pre { margin: 5px 10px 5px 10px; }

table	{ border: 0px; border-spacing: 0px; border-collapse: collapse; text-align: left; empty-cells: show; }
th, td { font: normal 11px/13px arial, sans-serif; }

h1 { color: #fff; border: 1px solid #48f; font: bold 18px/24px 'trebuchet ms', arial; padding: 10px 20px 2px 20px; background: #48f url(../images/menu/menu-on-bg.jpg) repeat-x; }
h1.red { border-color: #f00; background: #f44 url(../images/menu/menu-on-bg-red.jpg) repeat-x; }
h2 { font: bold 11px/15px verdana, arial, sans-serif; white-space: nowrap; clear: both; padding: 8px 8px 2px 8px; border-bottom: 1px solid #e8e8e8; }
/*h3 { font: bold 18px/24px verdana, arial, sans-serif; border-bottom: 2px solid #666; padding-bottom: 4px; margin-bottom: 4px; }*/
h5 { color: #039; font: bold 11px/15px verdana, arial; }
h6, .h6 { color: #fff; font: bold 10px/12px verdana, arial, sans-serif; white-space: nowrap; clear: both; margin-bottom: 1px; padding: 4px 10px 3px 10px; border: 1px solid #000; background: #333944 url(../css/jquery/images/ui-bg_glass_15_333944_1x400.png) 50% 50% repeat-x; cursor: default; }
h6.red { border-color: #600; background: #900 url(../css/jquery/images/ui-bg_glass_25_990000_1x400.png) 50% 50% repeat-x; }

fieldset { border: 0px; padding: 8px 10px 20px 10px; }


/* ******************************************************************************************************* */

/* Master */
#divHeaderContainer { position: fixed; top: 0px; height: 80px; left: 0px; right: 0px; background: #124 url(../images/master/bg-header.gif); border-bottom: 1px solid #000; z-index: 5; }
#divHeaderContainer > div { width: 960px; margin: auto; }

.header-links-container { float: right; padding-top: 6px; }
.header-links-container a { color: #9bf; }
.header-links-container a:hover { color: #9f9; }
.header-links-container a span.ui-icon { background-image: url(../css/jquery/images/ui-icons_ddeeff_256x240.png); }
.header-links-container a:hover span.ui-icon { background-image: url(../css/jquery/images/ui-icons_009900_256x240.png); }

#divContentContainer { width: 100%; text-align: center; padding: 90px 0px 90px 0px; }

#divFilterBar { border: 1px solid #013; padding: 4px; height: 22px; background: #124 url(../images/master/bg-header.gif); white-space: nowrap; }
#divContentFrame { border: 1px solid #ccc; border-top: 0px; background: #fff; }
#divBreadCrumbs { color: #333; padding: 4px 0px; font-size: 10px; }
#divBreadCrumbs a { float: left; margin-right: 8px; }

#divFooterContainer { position: fixed; bottom: 0px; left: 0px; right: 0px; border-top: 1px solid #124; background: #013; z-index: 5; }
#divButtonBar { background: #013 url(../images/master/bg-header.gif) no-repeat 0px -50px; } 
#divButtonBarButtons { width: 900px; margin: 0px auto; }
#divButtonBar button { margin: 4px 2px; }

#divButtonBarSaveHistory { float: right; }

#divFooterLinks { width: 900px; margin: auto; padding-top: 5px; line-height: 25px; color: #679; text-align: center; white-space: nowrap; }
#divFooterLinks a { color: #36f; }
#divFooterLinks a:hover { color: #9f9; }

#divAdminTrace { margin: auto; padding-top: 5px; line-height: 25px; text-align: center; }

/* Menu links */
ul.menu-container { padding: 0px; margin: -1px 0px 0px 0px; list-style: none; }
ul.menu-container > li { position: relative; display: inline; float: left; color: #cdf; }
ul.menu-container > li > span { display: block; height: 30px; border-left: 1px solid #137; border-right: 1px solid #012; }
ul.menu-container > li > a { display: block; width: 80px; padding: 9px 0px 7px 0px; color: #cdf; border-left: 1px solid #137; border-right: 1px solid #012; border-bottom: 1px solid #124; font: bold 11px/13px tahoma, arial, sans-serif; text-align: center; text-decoration: none; }
ul.menu-container > li.selected > a { color: #fff; border-bottom: 1px solid #36c; background-image: url(../images/menu/menu-on-bg.jpg); }
ul.menu-container > li.hover > a, ul.menu-container > li:hover > a { border-left: 1px solid #ccc; border-right: 1px solid #679; border-bottom: 1px solid #ccc; color: #000; background: #f0f0f0; text-decoration: none; }

ul.menu-container a > .ui-icon { margin: -1px -20px 0px 10px; background-image: url(../css/jquery/images/ui-icons_00cc00_256x240.png); }
ul.menu-container a:hover > .ui-icon { background-image: url(../css/jquery/images/ui-icons_3366cc_256x240.png); }

div.menu-panel { position: absolute; border: 0px; padding: 0px 3px 3px 0px; background: transparent url(../images/menu/fauxshadow.png); z-index: 10; }
div.menu-panel > div { padding: 3px 3px 2px 3px; border: 1px solid #ccc; border-top: 1px solid #fff; background-color: #f0f0f0; }

div.menu-panel li.separator { border-top: 1px solid #ccc; border-bottom: 1px solid #fff; margin: 2px 0px 2px 0px; height: 0px; }

div.menu-panel a { display: block; width: 175px; padding: 4px 15px 5px 10px; margin-bottom: 1px; white-space: nowrap; color: #000; font: normal 11px/13px arial, sans-serif; text-decoration: none; }
div.menu-panel a.selected { color: #600; background: transparent url(../images/menu/menu-item-on-bg.jpg) no-repeat; }
div.menu-panel li:hover > a { color: #006; background: transparent url(../images/menu/menu-item-bg.jpg) no-repeat; text-decoration: none; }
div.menu-panel a span.ui-icon { margin: -1px 8px -2px -5px; z-index: 10;  }

div.menu-sub-panel { margin: -27px 0px 0px 200px; }
div.menu-sub-panel > div { border-top-color: #ccc; }

/* Header Elements */
.header-data { margin: 2px 2px 0px 0px; font: bold 10px/12px tahoma, arial, sans-serif; white-space: nowrap; }
.header-data > b { color: #9cf; margin-right: 10px; }
.header-data > span { color: #fff; }

.header-tab-container { width: 850px; padding: 1px 0px 0px 7px; }
.header-tab-container a { display: block; float: left; height: 13px; min-width: 40px; margin: 5px 1px 0px 0px; padding: 4px 6px 3px 6px; color: #cdf; font: bold 10px/11px tahoma, arial, sans-serif; vertical-align: middle; text-decoration: none; background: #249; border: 1px solid #36c; border-bottom: 0px; text-align: center; cursor: pointer; }
.header-tab-container a:hover { height: 13px; padding-bottom: 2px; color: #fff; border: 1px solid #69f; border-bottom: 0px; background: #36c; }
.header-tab-container a.on { height: 16px; margin-top: 2px; padding: 6px 7px 5px 7px; padding-bottom: 1px; color: #036; background: #e8eeff; border-color: #9bf; cursor: default; }

#divInfoHeader { padding: 8px 8px 5px 8px; background-color: #e8eeff; border-bottom: 1px solid #abd; }
img.info { width: 60px; height: 45px; border: 1px solid #48f; }

/* filter panels */
ul.filter-panels-container { padding: 0px; margin: 0px; list-style: none; }
ul.filter-panels-container > li { position: relative; display: inline; float: left; }
ul.filter-panels-container > li > span { display: block; margin: 2px 0px 0px 2px; height: 20px; padding: 1px 5px 1px 5px; color: #cdf; font: bold 10px/20px tahoma, arial, sans-serif; cursor: pointer; }
ul.filter-panels-container > li.hover > span { color: #fff; margin: 0px; border: 1px solid #48f; background: #36c url(../css/jquery/images/ui-bg_glass_25_3366cc_1x400.png) 50% 50% repeat-x; }
ul.filter-panels-container > li.disabled > span { cursor: default; }

ul.filter-panels-container span.filter-value { color: #cf9; }

div.filter-panel { position: absolute; border: 0px; padding: 0px 2px 2px 0px; background: transparent url(../images/menu/fauxshadow.png); z-index: 1; }
div.filter-panel > div { width: 180px; max-height: 300px; padding: 2px; border: 1px solid #48f; background-color: #fff; overflow: auto; }

div.filter-panel a { display: block; padding: 2px 4px; overflow: hidden; border: 1px solid #fff; color: #666; font: bold 10px/12px arial, sans-serif; text-decoration: none; white-space: nowrap; }
div.filter-panel a:hover { color: #346; background: #eee; border-color: #ccc; }
div.filter-panel a.selected { color: #060; background: #dfd; border-color: #6c6; }

/* Content Area Elements */

.content-sub-title { color: #9f9; font: bold 12px/14px arial, sans-serif; white-space: nowrap; }

.info-box, .info-box-gray, .info-box-orange, .info-box-red, .info-box-green{ padding: 5px 10px; color: #346; background-color: #eef4ff; border: 1px solid #ddf; font-size: 10px; }
.info-box-gray { background-color: #eee; border-color: #ccc; color: #000; }
.info-box-orange { background-color: #fff8cc; border-color: #fd9; color: #330; }
.info-box-red { background-color: #ffe8e8; border-color: #fcc; color: #300; }
.info-box-green { background-color: #e8ffe8; border-color: #bfb; color: #030; }


/* grid and table lists */
table.grid > thead { border-bottom: 1px solid #ddd; }
table.grid > thead > tr > th { padding: 8px 20px 2px 8px; color: #333; font: bold 11px/15px tahoma, arial, sans-serif; text-align: left; white-space: nowrap; }
table.grid > tbody > tr > td { padding: 5px 20px 5px 8px; white-space: nowrap; border-top: 1px dotted #ccc; }
table.grid > tbody > tr:first-child > td { border-top: 0px; }
table.grid > tbody > tr > td > a { margin-right: 10px; }
table.grid > tbody > tr.enabled > td { background: #efe; border-top-color: #9c9; }

table.list { margin-bottom: 1px; }
table.list > thead { border: 1px solid #48f; background: #36c url(../css/jquery/images/ui-bg_glass_25_3366cc_1x400.png) 50% 50% repeat-x; }
table.list > thead > tr > th { padding: 5px 20px 5px 8px; color: #cdf; font: bold 11px/18px tahoma, arial, sans-serif; white-space: nowrap; text-align: left; }
table.list > thead > tr > th > a { display: inline-block; }
table.list > thead > tr > th > a+a { margin-left: 8px; }
table.list > tbody > tr > td { padding: 5px 15px 5px 8px; white-space: nowrap; border-bottom: 1px dotted #ccc; }
table.list > tbody.compact > tr > td { padding: 2px 10px 2px 8px; }
table.list > tbody > tr.new > td { background: #efe; border-bottom-color: #9c9; }
table.list > tbody > tr.priority > td { background: #ffd; border-bottom-color: #cc6; }
table.list > tbody > tr.dirty > td { background: #fff4f4; border-bottom-color: #c99; }


a.sort-header { color: #fff; }
a.sort-header:hover, a.sort-up, a.sort-down { color: #9f9; }
a.sort-up, a.sort-down { margin: -4px -3px -4px -7px; padding: 2px 4px 1px 7px; line-height: 24px; background: #249; }

.page-links-container { margin: 4px 0px; }
.page-links-container > div:first-child, .page-links-container > a { display: block; float: left; margin-right: 2px; padding: 1px 5px; font-weight: bold; color: #333; background: #eee; border: 1px solid #ccc; text-decoration: none; }
.page-links-container > a:hover { color: #346; background: #cdf; border: 1px solid #abd; }
.page-links-container > a.selected { color: #fff; border: 1px solid #48f; background: #36c url(../css/jquery/images/ui-bg_glass_25_3366cc_1x400.png) 50% 50% repeat-x; }

/* fieldsets in page forms */

table.form th, table.form td { height: 22px; }
table.form td+th, table.info td+th { padding-left: 20px; }
table.info th, table.info td { height: 15px; }

.sub-text { font: normal 9px/13px arial, sans-serif; }
.sub-text-red {font: bold 9px/13px arial, sans-serif; color: red}
.form-heading { font: bold 14px/18px arial, sans-serif; }

table.form th, table.info th, .field-heading { color: #000; text-align: right; padding-right: 10px; white-space: nowrap; }
input[type="text"], input[type="password"], textarea, select { width: 192px; height: 16px; padding: 1px 3px; border: 1px solid #bbc; background-color: #fff; color: #000; font: 11px/16px arial, sans-serif; vertical-align: middle; }
select { width: 200px; height: 20px; line-height: 20px; padding: 0px; }

td.filter-dropdowns > select { width: auto; height: 18px; padding: 1px 0px; border: 1px solid #136; background: #136; color: #fff; font-weight: bold; }
td.filter-dropdowns > select.hover { background: #48f; }
td.filter-dropdowns > select.focus { color: #346; background: #fff; }

input[type="file"] { width: 390px; height: 20px; padding: 1px 3px; border: 1px solid #bbc; color: #000; background-color: #fff; font: 11px arial, sans-serif; vertical-align: middle; }
input[type="text"], input[type="password"], select { float: left; }
input[type="checkbox"] { width: 15px; height: 15px; margin: 2px;  }
input[type="radio"] { width: 20px; height: 16px; }
input+label > b { color: #666; }
input.checked+label { color: #090; }
input.checked+label > b { color: #090; }

input[type="text"].input-money { padding-left: 13px; width: 182px; background: #fff url(../images/input/dollar.gif) no-repeat left; text-align: right; }
input[type="text"].input-pct { padding-right: 18px; width: 42px; background: #fff url(../images/input/percent.gif) no-repeat right; text-align: right; }
input[type="text"].input-rgb { padding-left: 15px; width: 45px; background: #fff url(../images/input/pound.gif) no-repeat left; }
input[type="text"].input-url { padding-left: 30px; width: 165px; background: #fff url(../images/input/http.gif) no-repeat left; }
input[type="text"].input-data, textarea.input-data, div.input-data { border: 1px solid #cdf; color: #006; background-color: #f4f8ff; }
input[type="text"].good { border-color: #090; color: #060; font-weight: bold; background: #efe url(../images/input/greencheck.gif) no-repeat right; }
input[type="text"].bad { border-color: #900; color: #600; font-weight: bold; background: #fee url(../images/input/redx.gif) no-repeat right; }

input[type="text"].pricing { width: 50px; margin: 1px 0px; }
input[type="text"].compact { width: 30px; font-size: 10px; line-height: 13px; height: 13px; }

input[type="text"].dirty, textarea.dirty, select.dirty { border: 1px solid #36c; }

textarea.code { font-family: 'Courier New', serif; font-size: 12px; }

.read-only { border: 1px solid #ddd !important; color: #808080 !important; background-color: #fff !important; }


.field-focus-out {
    animation: fieldFocusOutAnim 2s;
}

@keyframes fieldFocusOutAnim {
    from {
        background-color: #ff6;
        border-color: #f90;
    }
    to {
        background-color: #fff;
        border-color: #bbc;
    }
}

/* Photos & related elements */
.gallery-number { float: left; width: 20px; height: 14px; margin: -1px 0px 0px -1px; border: 1px solid #abd; background: #cdf; color: #346; font: bold 11px/13px verdana, arial, sans-serif; text-align: center; }
.gallery-photo { width: 105px; height: 78px; border: 1px solid #000; margin: 5px 6px; }

/* Special Font Styles */
.dash-button { display: block; width: 198px; height: 16px; margin-bottom: 1px; line-height: 16px; color: #333; background: #e8e8e8 url(../css/jquery/images/ui-bg_glass_50_e8e8e8_1x400.png) 50% 50% repeat-x; border: 1px solid #ccc; padding: 3px 0px; white-space: nowrap; text-decoration: none; }
a.dash-button { cursor: pointer; }
a.dash-button:hover { color: #346; border: 1px solid #abd; background: #def url(../css/jquery/images/ui-bg_glass_50_ddeeff_1x400.png) 50% 50% repeat-x; }
.dash-button > span:first-child { width: 18px; margin: -1px 0px 0px 5px; background-image: url(../css/jquery/images/ui-icons_666666_256x240.png) !important; float: left; }
.dash-button > span+span { display: block; float: left; width: 60px; font-weight: bold; }
.dash-button > span+span+span { display: block; float: left; width: 110px; font-size: 15px; font-weight: bold; text-align: right; }
a.dash-button:hover > span:first-child { background-image: url(../css/jquery/images/ui-icons_4488ff_256x240.png) !important; }

.section-button { display: block; margin-top: 1px; width: 848px; height: 22px; line-height: 16px; color: #333; background: #e8e8e8 url(../css/jquery/images/ui-bg_glass_50_e8e8e8_1x400.png) 50% 50% repeat-x; border: 1px solid #ccc; white-space: nowrap; cursor: pointer; text-decoration: none; outline: none; }
.section-button:hover { color: #346; border: 1px solid #abd; background: #def url(../css/jquery/images/ui-bg_glass_50_ddeeff_1x400.png) 50% 50% repeat-x; }
.section-button > span:first-child { margin-left: 5px; background-image: url(../css/jquery/images/ui-icons_666666_256x240.png) !important; }
.section-button > span+span { display: inline-block; margin: 3px 0px; width: 150px; font: bold 11px/16px arial, sans-serif; }
.section-button > span+span+span { display: inline-block; width: 654px; height: 22px; font-size: 10px; line-height: 22px; margin: 0px; padding: 0px 10px; border-left: 1px solid #ccc; font-weight: normal; background: #fff; }
.section-button:hover > span:first-child { background-image: url(../css/jquery/images/ui-icons_4488ff_256x240.png) !important; }
.section-button:hover > span+span+span { border-left-color: #abd; background: #f4f8ff; }

.error { color: #f00; font-weight: bold; }
.okay { color: #060 !important; font-weight: bold; }
.admin { color: #90f; }

span.greencheck { display: inline-block; width: 15px; height: 15px; vertical-align: middle; background: url(../images/input/greencheck.gif) no-repeat; }
span.redx { display: inline-block; width: 15px; height: 15px; vertical-align: middle; background: url(../images/input/redx.gif) no-repeat; }


/* Misc Classes */

.change-log { float: right; font-weight: normal; font-size: 10px; }
.change-log a { color: #249; }
.change-log a:hover  { color: #c00; }
.change-log a > span.ui-icon { background-image: url(jquery/images/ui-icons_334466_256x240.png); }


/* Buttons */
button { position: relative; height: 20px; padding-right: 2px; min-width: 80px; font: bold 11px/16px tahoma, arial, sans-serif; text-align: center; text-indent: 10px; cursor: pointer; white-space: nowrap; color: #060; border: 1px solid #3c3; background: #6f6 url(../images/buttons/bg.jpg) top; outline: none; }
button:hover { padding: 0px; color: #030; border-width: 2px; } 

button.big { font-size: 14px; line-height: 16px; height: 42px; text-indent: 0px;  background: #0f0 url(../images/buttons/bg-big.jpg); }
button.blue { color: #247; border: 1px solid #48c; background: #9cf url(../images/buttons/bg-blue.jpg); }
button.blue:hover { padding: 0px; color: #003; border-width: 2px; }
button.red { color: #900; border: 1px solid #c66; background: #fcc url(../images/buttons/bg-red.jpg); }
button.red:hover { padding: 0px; color: #300; border-width: 2px; }
button.gray { color: #333; border: 1px solid #999; background: #ccc url(../images/buttons/bg-gray.jpg); }
button.gray:hover { padding: 0px; color: #000; border-width: 2px; }
button[disabled]:hover{opacity: 0.65; cursor: not-allowed; }
button.log { min-width: 22px; width: 22px; padding: 0px; }
button.log span.ui-icon { position: relative; }

button.color-select { float: left; border: 1px solid #000; min-width: 40px; text-indent: 0px; background: #ccc; }

/* Modifier Classes */
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.inset-float { float: left; margin: 0px 8px 0px 0px; }
.dialog-float { float: left; margin: 2px 15px 15px 8px; }
.PL20 { padding-left: 20px; }
.PR20 { padding-right: 20px; }
.PL2 { padding-left: 2px; }

.pad-left-20 { padding-left: 20px; }

.required { font-weight: bold; color: #609 !important; }
.gray { color: #666 !important; }
.dark-red { color: #900; }
.bold { font-weight: bold; }
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }

/* ******************************************************************************************************* */

.vehicle-link { width: 300px; max-width: 300px; overflow: hidden; text-overflow: ellipsis; }

.export-cell { display: inline-block; width: 80px; background: #eee; border: 1px solid #ccc; padding: 2px 5px 2px 5px; margin-right: 1px; font-size: 10px; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; }
.export-cell-enabled { background: #cfc; border-color: #6c6; }
.export-cell:hover { background: #def; border-color: #abd; }
.export-cell-enabled:hover { background: #9f9; border-color: #393; }

.export-cell > div { font-weight: bold; color: #888; }
.export-cell-enabled > div { color: #060; }
.export-cell:hover > div { color: #679; }
.export-cell-enabled:hover > div { color: #040; }

/* ******************************************************************************************************* */

.library-box { width: 120px; float: left; margin: 6px; border: 5px solid #ccc; background: #eee; }
.library-box-draggable { cursor: pointer !important; }
.library-selected { border-color: #090; }
.library-selected-hover { background-color: #cfc; }
.library-buttons { height: 20px; visibility: hidden; }
.library-filename { width: 120px; height: 20px; color: #999; font: normal 9px/20px arial; text-align: center; overflow: hidden; text-overflow: ellipsis; }

.library-box:hover .library-buttons { visibility: visible; }
.library-box:hover .library-filename { color: #000; }
.library-box-draggable:hover .library-buttons { visibility: visible; }
.library-box-draggable:hover .library-filename { color: #000; }

.image-quick-link-layout { padding: 2px; cursor: pointer; }
.image-quick-link-layout:hover { background-color: #cdf; }
.image-quick-link { float: left; width: 60px; height: 14px; line-height: 14px; border: 2px solid #36c; background: #48f; color: #fff; font-weight: bold; text-align: center; margin: 2px; }

/* ******************************************************************************************************* */

.filter-gray { filter: gray; opacity: 0.50; }
.content-gray { background-color: #ddd; opacity: 0.50; }
.clip { text-overflow: ellipsis; overflow: hidden; }

.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }

/* ******************************************************************************************************* */

.graph-orange { height: 0px; width: 0px; border-bottom: 1px solid #c60; margin-right: 1px; background: #fc6 url(../images/reports/orangegraph.jpg) bottom; }
.graph-green { height: 0px; width: 0px; border-bottom: 1px solid #090; margin-right: 1px; background: #6e6 url(../images/reports/greengraph.jpg) bottom; }

/* ******************************************************************************************************* */

.update-container { clear: both; margin-top: 4px; }
.update-detail { width: 732px; background-color: #eef1f4; border: 1px solid #ccc; padding: 4px 8px; margin: 2px 0px 8px 0px; }

/* ******************************************************************************************************* */

.browser-panel { width: 120px; height: 122px; background: url(../images/browsers/background.gif) center; text-align: center; vertical-align: top; cursor: pointer; }
.browser-panel > a { color: #679; text-decoration: none; font-size: 10px; }

/* ******************************************************************************************************* */

.activation-tooltip { position: absolute; margin-top: -30px; margin-left: -370px; padding: 0px 3px 3px 0px; background-color: transparent; background-image: url(../images/menu/fauxshadow.png); display: none; } 
.activation-tooltip > div { width: 350px; padding: 5px 8px 5px 8px; border: 1px solid #cdf; background-color: #eef4ff; font-size: 10px; white-space: normal; }

.cl-link-progress, .bp-link-progress { width: 80px; }

/* ******************************************************************************************************* */

div.lite-warning { background: #c00; color: #fff; font: bold 12px/16px tahoma, arial, sans-serif; padding: 4px 20px; border: 1px solid #600; }
#divContentContainer .menu-hide { visibility: hidden; }
#divContentContainer .dialog-hide { visibility: hidden; }

/* ******************************************************************************************************* */
/* ******************************************************************************************************* */
.help-heading { font: bold 16px/20px arial, sans-serif; color: #346; padding: 5px 0px 2px 0px; }
.help-sub-heading { font: bold 14px/18px arial, sans-serif; color: #333; padding: 5px 0px 2px 0px; border-bottom: 1px solid #ccc; margin-bottom: 6px; }

#divQuickHelpContainer { margin-top: 20px; }
#divQuickHelp { border: 1px solid #9bf; border-top: 0px; background: #dde4ff; color: #346; }
#divQuickHelp .help-sub-heading { color: #006; border-bottom: 1px solid #9bf; }

.HelpLink { display: inline-block; margin: 1px 0px 0px 0px; padding: 2px 4px; text-decoration: none; color: #000; border: 1px solid #ccd4dd; }
.HelpLink:hover { display: inline-block; margin: 1px 0px 0px 0px; padding: 2px 4px; text-decoration: none; color: #000; background-color: #abd; border: 1px solid #006;  }
.HelpLink_Sel { display: inline-block; margin: 1px 0px 0px 0px; padding: 2px 4px; text-decoration: none; color: #000; background-color: #fff; border: 1px solid #006; }
.HelpLink_Sel:hover { display: inline-block; margin: 1px 0px 0px 0px; padding: 2px 4px; text-decoration: none; color: #000; background-color: #abd; border: 1px solid #006; }

.comment-box { padding: 8px; margin: 4px 0px; background: #eee; }
.comment-box-alt { background: #ccc; }
.comment-box-red { background: #fee; border: 1px solid #c99; }
.comment-box-red-alt { background: #fcc; border: 1px solid #c66; }
.comment-box-orange { background: #fff8ee; border: 1px solid #db9; }
.comment-box-orange-alt { background: #fdc; border: 1px solid #c96; }
.comment-box-green { background: #efe; border: 1px solid #9c9; }
.comment-box-green-alt { background: #cfc; border: 1px solid #6c6; }
.comment-box-teal { background: #dff; border: 1px solid #6cc; }
.comment-box-teal-alt { background: #bff; border: 1px solid #3cc; }
.comment-box-blue { background: #eef; border: 1px solid #99c; }
.comment-box-blue-alt { background: #ccf; border: 1px solid #66c; }




/************* LOGOS *************/

.am-logo, .am-logo-dark, .am-suite, .dm-logo, .wm-logo, .web-plus {
    font-family: 'Open Sans', Arial, helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none !important;
}

    .am-logo i, .am-logo-dark i, .am-suite i, .dm-logo i, .wm-logo i, .web-plus i {
        font-style: italic;
        font-weight: 300;
    }

    .am-logo, .am-logo:hover, .am-logo:focus {
        color: #fff !important;
        -ms-text-shadow: 2px 2px 4px #012;
        text-shadow: 2px 2px 4px #012;
    }

/* Logo at top of page */
.main-logo {
    font-size: 36px;
}

.wm-logo, .wm-logo:hover, .wm-logo:focus {
    color: #9bf;
}

    .wm-logo i, .wm-logo:hover i, .wm-logo:focus i {
        color: #fff;
    }



/* Misc */

.bg-checkered {
    background-color: #eee;
    background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
                      linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}