﻿/********** jQWidget styles **********/

#meterRibbon > div > div {
    overflow:hidden;
}

#meterRibbon .jqx-widget-header {
    background-color: #cce6ff;
}

#umHomeTab.jqx-ribbon-item
{
    background: #000064;
    color: White !important;
    background-image: none;
    text-shadow:none;
}

#umHomeTab.jqx-ribbon-item-hover
{
    background: #333383 !important;
    color: White !important;
    text-shadow:none;
}

#umHomeTab.jqx-ribbon-item-selected
{
    background: #000050 !important;
    color: White !important;
    text-shadow:none;
}

/********** Ribbon Menu HTML *********/

.divButtonRow
{
    padding: 27px 0 0 0 !important;
    background-color: red;
}

.divFloaterMarket
{
    position: absolute;
    right: 17px;
    top: 0;
}

.divFloaterMarket fieldset {
    display:inline;
}

.divFloaterMarket > marketSelectionText {
    padding: 5px 0 5px 5px;
}

.divMenu
{
    position: relative;
    width: auto;
}

.divMenuText
{
    font-size: 10px;
    margin-top: 5px;
}

.divMenuLink
{
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    margin-top: -3px;
    padding: 2px;
}

.divHighLightMenuLink {
    border-color: #ffad33;
    box-shadow: 0 0 1px 1px #fff inset;
    background: #fde38a;
    background: linear-gradient(#ffe0b3, #ffcc80, #ffe0b3);
}

.divMenuLink:hover {
    border-color: #f1ca58;
    box-shadow: 0 0 1px 1px #fff inset;
    background: #fde38a;
    background: linear-gradient(#fdeeb3, #fde38a, #fdeeb3);
}

.divMenuLink:active {
    border-color: #c2963d;
    background: #fff37f;
}

.divScrollBase {
    display: inline-block;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
}

.divScrollGrid {
    overflow-x: scroll !important;
    overflow-y: scroll !important;
}

.margin16top {
    margin-top: 16px;
}

.margin36top {
    margin-top: 36px;
}

.padding16top {
    padding-top: 16px;
}

.spanMktInValid
{
    color: #8a0808;
    font-weight: bold;    
}

.spanMktValid
{
    color: #0b610b;
    font-weight: bold;    
}

.tdMenuCell
{
    padding: 10px;
    text-align: center;
}