﻿/* MAIN MENU LIQUID*/

#header 
{
    overflow: hidden;
    background-color:#4E4F51;
    padding:0px 6px 0px 10px;
}
#header, #header *
{
    vertical-align: middle;
}
#header .left 
{
    width: 100%;
    padding: 0;
}
#header .left a img
{
    margin:4px 0;
}
#header .right {
    white-space:nowrap;
    position:absolute;
    left:105px;
    top:6px;
}
#header .right > form > div
{
    display: inline-block;
}
#header #ajaxSpinner {
    display:none;
    position: absolute;
    right: 20px;
    top: 40px;
}
#header .logo {
    height:26px;
    position:relative;
    /*top:-6px;
    padding-bottom:10px;*/
}
#serverModeLabel {
    margin:-3px 0 4px 0;
}
#header a {
    color:#c9d2ee;
}
#header a:hover {
    color:#fff;
}
#buildNumber {
    color:#aaa;
    font-size:9px;
    position:absolute;
    margin:-10px 0 0 0px;
    font-weight:bold;
}
#header .menuContainer {
    width: 100%;
    margin-left: -9px;
}
#header .menustrip {
    display:block;
    cursor:default;
    white-space:nowrap;
    font-size:12px; 
    width: 100%;   
}
#header .menustrip > *
{
    display: block;
}
#header .menuContainer .menuitem, .menuContainer .menuitem:not(:hover) {
    display:block;
    color:#DDD;
    text-align:left;
    padding:0 10px 0 15px;
    border-top: 1px solid #5F5F5F;
    width: 100%;
}
#header .menuContainer .menuitem img 
{
    padding: 5px 0;
    vertical-align: middle;
}
#header .menuContainer .menuitem:hover {
    color:#fff;
    /*bbackground-color: #1A2680;
    bbackground-color: #0093d0;*/
}
#header .menuContainer a
{
    display:block;
}
#header .left .menuContainer a img
{
    padding:0;
    margin:0;
}
#header .submenu.visible
{
    display:block !important;
}
#header .submenu  
{
    display:none;
    margin: 0;
    position:static;
    background-color:#5A5A5A;
    text-align:left;
    min-width:80px;
    padding:0;
    z-index:1000;
    box-shadow: none;
    width: 100%
}
    
#header .submenu .submenu
{
    background-color:#5f6eb7;
}
#header .submenuitem 
{
    padding: 0 15px;
    width: 100%;
    color:#DDD;
}
#header .submenuitem:hover {
    color:#fff;
    /*bbackground-color: #222e88;
    bbackground-color: #0093d0;*/
}
#header .submenu .submenu .submenuitem:hover {
    /*bbackground-color: #2A3690;
    bbackground-color: #0093d0;*/
}
#header .submenuitem .title {
}
#header .submenuitem .more {
}
#header .menuitem .title 
{
    display: inline-block;
    vertical-align: middle;
    padding: 8px 5px;
        
}
#header a img {
    border: 0;
}
#header .right /* .userInformation */
{
    display:none;
}
#header .narrowMenuOnly
{
    display:block;
}
#liquidmenu
{
    cursor: pointer;
    display: block;
    position:absolute;
    right: 10px;
    top:5px;
}

.hideliquid
{
    display: none;
}
.toolbutton.maximize, .toolbutton.minimize {
    display: none;
}
.docspagecontent {
    width: 100%;
    height: 100%;
    border: none;
}
.bodycolor {
    background-color: #fff;
}


/* --- *** Additional Responsive Styling *** --- */
div.imgContainer img {
    width: 275px;
}

#successeventspanel 
{
    display:none;
}

.col4x1 
{
    /*min-width:315px;*/
    width:100%;
}
.col4x3 
{
    /*min-width:315px;*/
    width:100%;
}
.col4x4
{
    width:100%;
}

@media only screen and (max-width: 450px)
{
    .col2-1, .col2-2
    {
        width:100%;
    }
    .wrapfield {
        width: 100% !important;
    }
     .stretch
        {
            min-width:100%!important;
        }
}

@media only screen and (min-width: 450px) and (max-width: 767px)
{
    .wrapfield {
        width: 49% !important;
    }
}
.col3-1, .col3-2, .col3-3
{
    width:100%;
}

/* -- MAIN MENU SEARCH BAR -- */
.headerQuickQuoteSearch
{
    display: inline-block;
    position: absolute;
    right: 45px;
    top: 6px;
}

/* -- QUOTE HEADER -- */
#fullrow
{
    width:100% !important;
}
#fullrow .headercol
{
    padding-bottom: 10px;
}
#quotenav 
{
    border-top:none;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    /*background-color:#fff !important;*/
}
.quotenav_cap {
    display: none;
}
.quotenav_name {
    padding: 10px 17px 0px 10px;
}
.quotenav_item {
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
}

/* -- IMAGE EDITOR -- */
#imageEditorWindow .body {
min-width: 100%;
min-height: 100%;
}
#imageEditorWindow > .body > .userInputFields > .urlSection input[type='text'] {
width: 100%;
}
#imageEditorWindow [name='imageHelp'] {
display:none;
}

/* -- TOOLBAR -- 
div.panel.toolbar {
padding: 0px 5px 6px 5px;
}
div.panel.toolbar .btn
{
    margin-top: 5px;
}
div.panel.toolbar .toolbutton, div.panel.toolbar a:link
{
    margin-top: 5px;
}*/

/* -- SETTINGS MENU -- */
.col4x1 .menu-content {
    max-width: 400px;
}
.menu-top-level {
    width: 100% !important;
}

/* -- NOTES/RTF EDITOR -- */
.standardfield .jHtmlArea, .standardfield .jHtmlArea .ToolBar {
    width: 100% !important;
}
.standardfield iframe {
    height: 100% !important;
    width: 100% !important;
}

/* -- FULL SCREEN WIDGET -- */
.fullscreenicon
{
    display: none;
}

/* -- MAKES OVERFLOW HIDDEN SCROLLABLE -- */
div.panel.review, div.panel.editable
{
    overflow: auto;
}

/* -- SETTINGS SALES QUOTE SUMMARIES -- */
#adminMenu {
display: block !important;
}
#FilterTable th 
{
    display: inline-block !important;
}
#FilterTable th table
{
    height:68px !important;
}
.filterTable .textFilter, .filterTable .numericFilter, .filterTable .selectorFilter {
    width: 147px !important;
}
.filterTable .comparatorWrapper input.numericFilter {
    width: 130px !important;
}
.filterTable .formfield input {
    width: 158px !important;
}
.filterTable table {
    border-spacing: 1px !important;
}
.filterTable tr:first-child {
    background-color: #fff !important;
}
.emptyDataSet {
    width: 100% !important;
}

/* -- SETTINGS SOURCE GROUPS -- */
.source-list-container
{
    width: 100% !important;
}
.source-list {
    width: 100% !important;
    height: 100% !important;
}

#liquidmenu  {
    background-image:url(../images/menu/mobile-menu.png);
    width: 22px;
    height: 22px;
}
#liquidmenu:hover  {
    background-image:url(../images/menu/mobile-menu.png);
}

