:root {
    --dxsfontfamily: Verdana;
}            

.ui-widget-header 
{
    background: linear-gradient(#7472e0,#9ba0d6); 
    background-image: linear-gradient(#7472e0,#9ba0d6); 
}
.ui-accordion-header        { display: block;
                              margin: 0px 0px 0px 0px !Important;
                              padding: .3em .3em .3em .5em;
                              min-height: 0; 
                              cursor: pointer;}
.ui-accordion-content        { padding: 0em .3em 0em .3em !Important; }
.ui-content                  { padding-top: 0px !Important;
                               padding-left: 0px !Important;
                               padding-right: 0px !Important;
                               padding-bottom: 0px !Important; 
                               background-color:#FFFFFF;}
.ui-collapsible-set         { margin-top: 1px;
                              margin-right: 1px;
                              margin-bottom: 1px;
                              margin-left: 1px; }

.ui-collapsible-heading     
{
                              line-height: 1.1rem;
}

.ui-collapsible-content     { -webkit-margin-before: 0em !Important;
                              -webkit-margin-after: 0em !Important;
                              background-color: white;
                              padding-top: 0px;
                              padding-right: 2px;
                              padding-bottom: 2px;
                              padding-left: 2px;
}

.ui-collapsible-content > .ui-listview-inset
{
                              margin: 0.1em 0 0 0;
}

.ui-loader  *           { display: none !important;
}
*[role="tab"]           {
    font-family: var(--dxsfontfamily);
    font-size: 1em; 
    font-weight: normal !Important;
    line-height: 1.1em;
    border:0;
}

.ui-panel-inner 
{
    padding: .1rem;    
}
.ui-tabs                {
    font-family: var(--dxsfontfamily);
    font-size: 1em !Important; 
    background: none; padding:0em; line-height: 1.1em !Important; border:0 !Important;
    text-shadow: none !Important;
}
*[role="tablist"]       {border:0; border-color: #1c4a70;
}

/*  dxs Make JQueryMobile 1.4.5 look more like earlier version - with colour gradients */
.ui-header              
{
    background-image: linear-gradient(#747cd4, #02007a);
}
.ui-btn, button             
{
    font-family: var(--dxsfontfamily);
    font-size: .8rem !Important;
    line-height: .8rem;
    background-image: linear-gradient(#747cd4, #02007a);
}
.ui-tabs .ui-tabs-panel      
{ 
    display: block; border-width: 0; padding: 1px 1px !Important; background: 0; line-height: 1;
}
.ui-tabs-nav                
{ 
    margin: 0px 0px 0px 0px !Important; padding: .0em .0em .0em .0em !Important; 
}
.ui-tabs-anchor         
{
    font-weight: normal !Important;
    border-radius:15px 15px 0px 0px;
}
.ui-title               {
    font-family: var(--dxsfontfamily);
    line-height: 1.2rem;
}

/*  dxs Make JQueryMobile active tab visually different - using colour gradients */
.dxscustom-navbar ul li a 
{
    background: linear-gradient(#7472e0,#9ba0d6) repeat scroll 0 0 #7472e0 !important;
    background: -moz-linear-gradient(#7472e0,#9ba0d6) repeat scroll 0 0 #7472e0 !important; /* FF3.6+ */
    background: -webkit-linear-gradient(#7472e0,#9ba0d6) repeat scroll 0 0 #7472e0 !important; /* Chrome10+,Safari5.1+ */
}

.dxscustom-navbar ul li a.ui-btn-active 
{
    background: linear-gradient(#02007a,#747cd4) repeat scroll 0 0 #02007a !important;
    background: -webkit-linear-gradient(#02007a,#747cd4) repeat scroll 0 0 #02007a !important; /* Chrome10+,Safari5.1+ */
}

/*  dxs Make JQueryUi active tab visually different - using colour gradients */
.dxscustom-ui-tabs-nav ul li a 
{
    background: linear-gradient(#7472e0,#9ba0d6) repeat scroll 0 0 #7472e0 !important;
    background: -moz-linear-gradient(#7472e0,#9ba0d6) repeat scroll 0 0 #7472e0 !important; /* FF3.6+ */
    background: -webkit-linear-gradient(#7472e0,#9ba0d6) repeat scroll 0 0 #7472e0 !important; /* Chrome10+,Safari5.1+ */
}

.dxscustom-ui-tabs-nav ul li.ui-tabs-active a 
{
    background: linear-gradient(#02007a,#747cd4) repeat scroll 0 0 #02007a !important;
    background: -webkit-linear-gradient(#02007a,#747cd4) repeat scroll 0 0 #02007a !important; /* Chrome10+,Safari5.1+ */
}