/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_000000_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_000000_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png);  }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); }

.ui-jqgrid tr.ui-row-ltr td{
    border-right-style: none;
}

.ui-jqgrid tr.ui-row-ltr td{
    text-align:left;
    padding-left: 5px;
}

.ui-jqgrid tr.history-detail-row-highlight{
    background-color: #ff7a7a;
}

.jqgrid-important-message {
    color:red;
}

.jqgrid-filter-message {
    color:lightblue;
}

.leftmenu .colright{
    background-color:lightGray;
}

.colmask.leftmenu{
    background-color:lightGray;
}

#deMain_fields .Content .ElementContent, #deMain_details .tabDiv .ElementContent{
    background-color:#EAEAEA;
}

tr.inactiveAccount,tr.closedAccount{
    color: red !important;
}

.ui-jqgrid-btable tr.altrow{
    background-color: #ededed;
}

.mx-text-to-speak{
    font-size: 1.2em;
    font-weight: bold;
}

.pop .pop_toggle{
    display:none;
}

body{
    padding-bottom: 15px;
}

body .tree li a, .tree li span{
    color:white;
}

body .tree li a:hover, .tree li span{
    color:black;
}

ul.ui-tabs-nav li a.unauthorizedTab{
    color: red;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background-image: url('images/elementContentGradientLight.png');
    background-repeat: repeat-x;
    background-position: left top;
    color: black;
}

.ui-state-default, .ui-widget-content .ui-state-default {


    background-image: url('images/elementContentGradientLight.png');
    background-repeat: repeat-x;
    background-position: left top;
    color: black;
}

.ui-jqgrid .ui-pg-table td{
    color: black;
}

table.autoTable{
    color: white;
}



.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background-image: url('images/elementContentGradientActive.png')!important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
    color: black;
}

body
{
    background-color:lightGray;
    /*background-image:orange;*/
    background-position: 100% 0;
    background-repeat: no-repeat;
    color: black;
}
.threecol {
        background-image: none;
        background-repeat: repeat-x;
}
.threecol .colmid {
        background-color: transparent;
        background-image: none;
        background-repeat: repeat-x;
}


.threecol .colleft {
        background-repeat: repeat-x;
}
#header{
    background-image:none;
}

.threecol .ui-widget-content{
    background:  white!important;
    background-image: none;
    background-color: white;
    color: black;
    background-repeat: repeat-x;
    background-position: left top;
    border-style: none none none solid;

}

#mainContent div.ui-state-highlight.ElementContent.ui-widget-content{
    background-color: orange;
    background-image: none;
}

.ui-widget-header{
    background-image: none;
    background-color: #445259;
    color: white;
}

.ui-widget-content{
    background:  white;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: none;
    background-color: white;
    color: black;
    border-left: ;
    border-right: ;
    border-top: ;
    border-bottom: ;
    /*font-weight: bold;*/
    /*border-style: none none none solid;*/

}

.ui-dialog .ui-dialog-content{
    background: white white;
    background-image: white;
    background-color: white;
    color: black;
}

.threecol .ui-widget-header{
    background-image: none;
    background-color: #445259;
    color: white;
}

.ui-dialog .ui-dialog-titlebar{
    background-image: none;
    background-color: #445259;
    color: white;
}

.threecol .ui-state-default{
    background-color: orange;
    color: white;
}

.threecol .ui-state-hover{

    color: white;
    background-image: url('images/clickableBGHighlight.png');
    background-position: left top;
    background-repeat: repeat-x;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background-image: none;
    background-color: #445259;
}

.ui-state-active{
    color:white !important;
}

.ui-state-hover{
    background-color: #034858 !important;
    color: white !important;
    background-image: url('images/clickableBGHighlight.png') !important;
    background-position: left top;
    background-repeat: repeat-x;
}

.ui-state-focus{
    /*background-color: #034858 !important;
    color: white !important;*/
}

#loginContainer{
    margin-top: 75px;
}

.suckerfishContainer{
    background-color: #445259;
    position: fixed;
    top: 0px;
    z-index: 899;
}

#menu0{
    margin-right: 280px;
}

.sf-menu li{
    background-color: #445259;
}

.sf-menu li li{
    background-color: #445259;
}

.sf-menu li li li{
    background-color: #445259;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{
    background-color: #30A041}

.ui-selecting { background: #63D364; }
.ui-selected { background: #30A041 ; color: white; }

#menu0 .ui-widget-content a{
    background-color: #445259;
    color: white;
}

.threecol #menu0 .ui-state-hover{
    /*background-image: url("/matrix/images/highlightTile.png");*/
    background-color: transparent;
}

.threecol #menu0 .ui-widget-content{
    background-color: 202022 !important;

    background-position: 0 0 !important;
}

.ui-betaMenu-header{
    background-position: left top;
    background-repeat: repeat-x;
    background-image: white !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
    color: white;
}

.ui-betaMenu-dd{
    background-color: 202022 !important;
}

.ui-betaMenu-current{
    background-color: 202022 !important;
}

#menu0 .ui-betaMenu-dd-breadcrumb{

    background-color: "202022" !important;
}

.ui-jqgrid-btable tr{
    background-image: none !important;
    /*background-color: white;*/
    color: black;
}

.ui-dialog-titlebar a.ui-dialog-titlebar-close{
    background-color: white;
}

tr.jqgrow.DEALER_CONTACT{
    color: blue;
}

tr.jqgrow.GLOBAL_CONTACT{
    color: green;
}

#pageStatusContainer{
    /*background-color: white;*/
}

table.EditTable tr td{
    color:black;
}

#menu0 li.menu-parent-selected,#menu0 li.menu-selected{
    background-color: blue;
}

.dataLoadScreen input[readonly]{
    color:black;
    opacity:1;
}
.ui-state-disabled:not(.ui-pg-button)
{
    opacity: 1 !important;
}
.ui-widget-header a{
    color: white;
}
#moAlarm{
        font-size: 120% !important;
}

select{
        font-size: 12px !important;
}

#moAlarm select{
        font-size: 120% !important;
}

#moAlarm_workArea a{
        font-size: 12px;
}

.ui-jqgrid .ui-jqgrid-htable th div
{
    font-size: 12px !important;
}

.ui-widget .ui-jqdialog tr
{
     font-size: 12px !important;
}

.ui-jqgrid-bdiv td
{
    font-size: 12px !important;
}

.ui-jqgrid .ui-pg-table td
{
    font-size: 12px !important;
}

.ui-jqgrid-htable td
{
    font-size: 12px !important;
}

.ui-widget
{
    font-size: 12px !important;
}

td.CaptionTD
{
    font-size: 12px !important;
}

input[type=text]
{
     font-size: 12px !important;
}
textArea{
     font-size: 12px !important;
}

select
{
    font-size: 12px !important;
}

#alDataEntryMain input[readonly]{
    background-color: lightgrey;
}