/* HTML Elements */

:root {
    --bg-primary: #075414;
    --bg-secondary: #01A054;
}

html body { font-family: sans-serif; font-size: 0.8em; }
html.main body { background: #666 url('../images/backgrounds/bg.jpg'); margin: 0px; padding: 0px; position: relative; }
html.home { background: url('../images/backgrounds/home-bg.jpg') no-repeat; background-position: center; background-size: cover; height: 100vh !important; width: 100vw !important; overflow: hidden; }

object, iframe { border:0; font-family:inherit; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; }

img { border: 0px; }

h1, h2, h3, h4, h5, h6 { font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif; color:var(--bg-primary); padding: 0; margin: 0px; }
h1 { font-size: 20px; }
h2 { font-size: 14px; }

hr { padding: 0; margin: 5px 0; }

a { text-decoration: none; color: #228c2a; }

table { border-collapse: collapse; border: 0px; }
th { text-align: left; vertical-align: bottom; }
td { vertical-align: top; }
td, th { padding: 2px 0px; }

/* Styling an indeterminate progress bar */

progress:not(value) {
    /* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */
}

/* Styling the determinate progress element */

progress[value] {
    /* Get rid of the default appearance */
    appearance: none;
    
    /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
    border: none;
    
    /* Add dimensions */
    width: 100%; height: 20px;
    
    /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
      background-color: whiteSmoke;
      border-radius: 3px;
      box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    
    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    color: royalblue;
    
    position: relative;
    margin: 0; 
}

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/

progress[value]::-webkit-progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}

progress[value]::-webkit-progress-value {
    position: relative;
    
    background-size: 35px 20px, 100% 100%, 100% 100%;
    border-radius:3px;
    
    /* Let's animate this */
    animation: animate-stripes 5s linear infinite;
}

@keyframes animate-stripes { 100% { background-position: -100px 0; } }

/* Let's spice up things little bit by using pseudo elements. */

progress[value]::-webkit-progress-value:after {
    /* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
    content: '';
    position: absolute;
    
    width:5px; height:5px;
    top:7px; right:7px;
    
    background-color: white;
    border-radius: 100%;
}

/* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */

progress[value]::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image:
    -moz-linear-gradient( 135deg,
                                                     transparent,
                                                     transparent 33%,
                                                     rgba(0,0,0,.1) 33%,
                                                     rgba(0,0,0,.1) 66%,
                                                     transparent 66%),
    -moz-linear-gradient( top,
                                                        rgba(255, 255, 255, .25),
                                                        rgba(0,0,0,.2)),
     -moz-linear-gradient( left, #09c, #f44);
    
    background-size: 35px 20px, 100% 100%, 100% 100%;
    border-radius:3px;
    
    /* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */
}

/* Fallback technique styles */
.progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;

    /* Dimensions should be similar to the parent progress element. */
    width: 100%; height:20px;
}

.progress-bar span {
    background-color: royalblue;
    border-radius: 3px;
    
    display: block;
    text-indent: -9999px;
}

p[data-value] { 
  
  position: relative; 
}

/* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */

p[data-value]:after {
    content: attr(data-value) '%';
    position: absolute; right:0;
}   

.jquery::-webkit-progress-value 
{
    /* Gradient background with Stripes */
    background-image:
        -webkit-linear-gradient( 135deg,
            transparent,
            transparent 33%,
            rgba(0,0,0,.1) 33%,
            rgba(0,0,0,.1) 66%,
            transparent 66%),
        -webkit-linear-gradient( top,
            rgba(255, 255, 255, .25),
            rgba(0,0,0,.2)),
        -webkit-linear-gradient( left, #09c, #690);
}

.jquery::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image:
        -moz-linear-gradient( 135deg,
            transparent,
            transparent 33%,
            rgba(0,0,0,.1) 33%,
            rgba(0,0,0,.1) 66%,
            transparent 66%),
        -moz-linear-gradient( top,
            rgba(255, 255, 255, .25),
            rgba(0,0,0,.2)),
        -moz-linear-gradient( left, #09c, #690);
}

/* pagination */

.pagination { font-weight: bold; position: relative; }
.pagination p { padding: 5px 0px; margin: 0; }
.pagination .pages { position: absolute; right: 15px; top: 4px; }
.pagination .page { color: #fff; cursor: pointer; text-align: center; padding: 4px; width: auto; height: 20px; text-shadow: 1px 1px 0px #000; }
.pagination a.page {
    border: 1px solid rgba(64, 192, 64, .5); background: rgba(128, 192, 128, .3);
    -webkit-border-radius: 6px !important; -moz-border-radius: 6px; border-radius: 6px;
}
.pagination span.page, .pagination a.page:hover {
    border: 1px solid rgba(128, 255, 128, .5); background: rgba(64, 255, 64, .3);
    -webkit-border-radius: 6px !important; -moz-border-radius: 6px; border-radius: 6px;
}

/* Body Divs */

div#wrapper { width:1000px; margin:auto; padding:0px; border-width: 0px; border-color: #aaa; border-style: double; }
div#header {
    background:var(--bg-primary); /* Old browsers */
    border-bottom: 3px solid #000;
    height:70px; width:1000px; margin:0px; padding:0px; position: relative; }
div#content { background: #ededed; width:1000px;
    border-top: 3px double #aaa; border-bottom: 3px double #aaa; position: relative; overflow: hidden; }
div#content > div { float: left; margin: 0px; }
div#footer { 
    background: rgb(76,76,76); /* Old browsers */
    position: relative; width:1000px; margin:0px; padding: 1px;
    color:#fff; border-bottom: 3px double #aaa; }
div#footer select { color: #000; }

div.entry-title img { float: right; margin-top: 3px; margin-right: 3px; width: 24px; height: 24px; }
div.entry-title h1 { margin: 0px; padding: 0px; }
div.entry-title h2 { font-size: 16px; margin-right: 10px; }
div.entry-title h2 img { width: 16px; height: 16px; vertical-align: bottom; }
div.entry-title h2 * { padding-top: 5px; }
div.entry { overflow: hidden; }
div.entry div.entry-meta, div.indent-entry span.entry-meta { color:#444; clear:right; font-size:12px; line-height:18px; }
div.entry div.calendar { 
    background: #0f8915; /* Old browsers */
    background: -moz-linear-gradient(top,  #0f8915 0%, #0f7b16 50%, #0b7315 51%, #0f5d1e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0f8915 0%,#0f7b16 50%,#0b7315 51%,#0f5d1e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0f8915 0%,#0f7b16 50%,#0b7315 51%,#0f5d1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f8915', endColorstr='#0f5d1e',GradientType=0 ); /* IE6-9 */
    border:1px solid #A0A0A0; font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; float:left; margin-right:15px; width:41px; height:47px; font-size:14px; }
div.entry div.calendar > span { display:block; }
div.entry div.calendar > .month { font-weight:bold; padding:0 2px 0 2px; text-align:center; color:white; line-height:1.5; text-shadow:0 -1px 0 #555; }
div.entry div.calendar > .date { padding:2px 0 2px 0; text-align:center; font-weight:bold; font-size:18px; color:white; line-height:1.3; text-shadow:0 -1px 0 #555; }
.entry .entry-content, .entry .entry-content3 {
    padding: 5px 10px 5px 10px; margin: 0px;
    position: relative;
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
div.entry .entry-content2 {
    padding: 5px 10px 5px 10px; margin: 0px;
    position: relative;
    background: #ccccff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ccccff 0%, #444477 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ccccff 0%,#444477 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ccccff 0%,#444477 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccccff', endColorstr='#444477',GradientType=0 ); /* IE6-9 */
}
div.entry div.entry-content p, div.entry div.entry-content2 p { margin: 0px; line-height:1.5em; }

/* Footer */

div#footer * { max-width:980px; }
div#footer p { color:#fff; }
div#footer a { color:#acf; }
div#footer p.copyright { text-align:center; margin: 0px; font-size:0.8em; }
div#footer p.copyright img { margin-top: 5px; }     

/* Menus */

div.bar_nav p { margin: 0; padding: 0; }

div.side_nav * { border-radius: 0px; }
div.side_nav ul { padding: 0px; }
div.side_nav li h3 { 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00700f+0,006810+50,005e11+51,005017+100 */
    background: rgb(69,72,77);
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    padding: 0px; margin: 0px; padding-left: 10px; border-top: 1px solid var(--bg-secondary); border-bottom: 1px solid #000; 
}
    
/* Password meter */

.strengthMeter { border: 1px solid #B5B8C8; width: 200px; position: relative; top: 1px; height: 20px; background-image: url('../images/backgrounds/meter_background.gif'); }
.scoreBar { background-image: url('../images/backgrounds/meter.gif'); min-width: 40px; height: 20px; width: 0px; }
.billingPlatformLink { background-image: url('../images/icons/billing_button.png'); min-width: 40px; height: 40px; background-repeat: no-repeat;
    margin-left:25%; width: 158px; display: block; }
.scoreBar span { line-height: 20px; position: absolute; top: 0px; padding-left: 3px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0 #000; }

/* Page Header */

div#header img.logo { max-height:120px; max-width:220px; position: absolute; top: 0px; left: 10px; }

div#header div#account-bar {
    background: rgb(94,94,94); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(73,73,73,1) 50%, rgba(54,54,54,1) 51%, rgba(79,79,79,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,94,94,1)), color-stop(50%,rgba(73,73,73,1)), color-stop(51%,rgba(54,54,54,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(73,73,73,1) 50%,rgba(54,54,54,1) 51%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(73,73,73,1) 50%,rgba(54,54,54,1) 51%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(73,73,73,1) 50%,rgba(54,54,54,1) 51%,rgba(79,79,79,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(94,94,94,1) 0%,rgba(73,73,73,1) 50%,rgba(54,54,54,1) 51%,rgba(79,79,79,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
    color: #000; border-bottom-left-radius: 10px; float: right; padding: 7px; font-size: 1.2em;
}
div#header div#account-bar2 {
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    color: #000; float: right; padding: 7px; font-size: 1.2em; font-weight: bold;
}
div#header div#account-bar2 input { margin: 0px; }
div#header div#account-bar > *, div#header div#account-bar2 > *, div#header div#account-bar2 > form > a { padding: 5px; }
div#header div#account-bar2 > button { font-size: 10px; padding: 0px; margin-left: 5px; }
div#header div#account-bar a, div#header div#account-bar2 a { color: #fff; text-decoration: none; }
div#header div#account-bar a.dealer { color: #090; padding: 0px 4px; }
div#header div#account-bar a:hover, div#header div#account-bar2 a:hover { 
    background: #400;
    background: -moz-linear-gradient(top, #090 0%, #020 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#090), color-stop(100%,#020)); /* webkit */
    background: -webkit-linear-gradient(top,  #090 0%,#020 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #090 0%,#020 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #090 0%,#020 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #090 0%,#020 100%); /* W3C */
    color: #fff; border-radius: 5px; }
div#header div#account-bar span {
    border-radius: 5px; padding: 4px; margin-right: 5px;
    background: #fff;
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}

div#nav {
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(17,17,17,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #888; width: 100%;
    height: 30px; }
div#nav div#top_nav { float: right; }

div#crumbs {
    padding: 2px 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
    font-size: 14px;
    font-weight: bold;
}
div#crumbs img { width: 20px; height: 20px; }

div#bbanner { background: #fff; text-align: center; width: 1000px; }
div#bbanner img { margin-top: 5px; width: 980px; height: 90px; }

/* Home Page */

div#news a { color: #228c2a; }
div#news div.entry div.entry-title { padding-left: 0 }
div#news div.entry div.entry-content { overflow: hidden; }
div#news div.entry div.entry-content.too-big {
    background: #ededed url('../images/backgrounds/more.png') bottom right no-repeat; /* Old browsers */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
}
div#news div.entry div.entry-content.too-big:hover {
    background: #ededed url('../images/backgrounds/more-hover.png') bottom right no-repeat; /* Old browsers */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
}
div#news div.entry div.entry-content p { margin: 0.7em 0; }
div#news div.entry div.entry-content p:last-child { margin: 0.7em 0; }

div#news div.entry-hover:hover {
    cursor: pointer;
    background: rgb(232,232,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(190,190,190,1) 50%, rgba(175,175,175,1) 51%, rgba(206,206,206,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(50%,rgba(190,190,190,1)), color-stop(51%,rgba(175,175,175,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}
div#news div.ex_news_body { display: none; }

div#news2 a { color: #228c2a; }
div#news2 div.entry div.entry-title { padding-left: 0 }
div#news2 div.entry div.entry-content { overflow: hidden; }
div#news2 div.entry div.entry-content.too-big {
    background: #ededed url('../images/backgrounds/more.png') bottom right no-repeat; /* Old browsers */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: url('../images/backgrounds/more.png') bottom right no-repeat, linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
}
div#news2 div.entry div.entry-content.too-big:hover {
    background: #ededed url('../images/backgrounds/more-hover.png') bottom right no-repeat; /* Old browsers */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: url('../images/backgrounds/more-hover.png') bottom right no-repeat, linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
}
div#news2 div.entry div.entry-content p { margin: 0.7em 0; }
div#news2 div.entry div.entry-content p:last-child { margin: 0.7em 0; }

div#news2 div.entry-hover:hover {
    cursor: pointer;
    background: rgb(232,232,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(190,190,190,1) 50%, rgba(175,175,175,1) 51%, rgba(206,206,206,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(50%,rgba(190,190,190,1)), color-stop(51%,rgba(175,175,175,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}
div#news2 div.ex_news_body { display: none; }

div#weather p { line-height: inherit; margin: 0px; }
div#weather img { margin-top:10px; }
div#weather label { width:6em; }
div#weather input[type=button], div#weather input[type=image] { font-size: 10px; height: 20px; }
div#weather > div { height: 310px; position: relative; z-index: 1; overflow: hidden; }
div#weather .mwi { font-size: 18px; text-align: center; position: relative; z-index: 200; }

/* Help */

div#kb div.entry-content * { max-width:730px; }

/* Forms */

form { overflow: hidden; }
form div.entry div.entry-content p, div.entry div.entry-content form p, div.entry form div.entry-content p { display: flex; gap: 0.5rem;}
.wrapTxt {flex-wrap: wrap;}
devices {display: inline-flex;flex-wrap: wrap;gap: 0.5rem;}
devices labelTxt {min-width: fit-content;}
:is(form div.entry div.entry-content p, div.entry div.entry-content form p, div.entry form div.entry-content p) span:last-child { flex: 1; }
form p:has(label) { padding-bottom: 0.5rem; }
label { display: block; width: 10em; float: left; font-weight: bold; }
label.switch { float: none; }
:is(form div.entry div.entry-content p, div.entry div.entry-content form p, div.entry form div.entry-content p) label { float: none; }
#formwarn,.formwarn { margin:1em 0em; border-radius: 8px; margin-top: 0.6em; padding:0.4em; padding-bottom: 0.1em; border:2px solid #fa0; background:#ffd; color:#a60; font-size:80%; }
#formerror,.formerror,#front-end-validations { margin:1em 0em; border-radius: 8px; margin-top: 0.6em; padding:0.4em; padding-bottom: 0.1em; border:2px solid #f00; background:#fdd; color:#a00; font-size:80%; }
#formsucc,.formsucc { margin:1em 0em; border-radius: 8px; margin-top: 0.6em; padding:0.4em; padding-bottom: 0.1em; border:2px solid #090; background:#dfd; color:#050; font-size:80%; }
#formsucc ul, .formsucc ul, #formerror ul, .formerror ul, #formwarn ul, .formwarn ul, #front-end-validations ul { margin-left: 20px; list-style: none; }
#formsucc p, .formsucc p, #formerror p, .formerror p, #formwarn p, .formwarn p {line-height: 20px; padding: 0; display: block;}
#formsucc a, .formsucc a, #formerror a, .formerror a, #formwarn a, .formwarn a {text-decoration: underline;}
.img-check { height: 20px; width: 20px; }
textarea.nosize { resize: none; }
form.wide label { width: 25em; }

.formsucc-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem 1.5rem;
    background: var(--bg-secondary);
    z-index: 1000;
    color: white;
    font-size: 20px;
}
.formerror-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem 1.5rem;
    background: #f00;
    z-index: 1000;
    color: white;
    font-size: 20px;
}

/* Special Checkboxes */

.jquery-checkbox { display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand; }
.jquery-checkbox .mark { display: inline; }
.jquery-checkbox img { vertical-align: middle; width: 60px; height: 20px; background: url('../images/forms/checkbox.png') no-repeat; }
.jquery-checkbox-hover img { background-position: 0px -20px; }
.jquery-checkbox-checked img { background-position: 0px -40px; }
.jquery-checkbox-checked .jquery-checkbox-hover img { background-position: 0px -60px; }
.jquery-checkbox-disabled img { background-position: 0px -80px; }
.jquery-checkbox-checked .jquery-checkbox-disabled img { background-position: 0px -100px; }
    
/* Alerts */
ul.marquee { visibility:hidden; padding:0px; margin:5px 0 0 0; list-style:none;
    line-height:1; position:relative; bottom: 0; right: 0; overflow:hidden; width:749px; height:30px;
    border:1px solid #fc0; border-right:0px; border-top:1px solid #fff; border-top-left-radius: 10px;
    background: rgb(255,239,199); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,239,199,1) 0%, rgba(255,216,109,1) 50%, rgba(255,198,43,1) 51%, rgba(255,231,165,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,239,199,1)), color-stop(50%,rgba(255,216,109,1)), color-stop(51%,rgba(255,198,43,1)), color-stop(100%,rgba(255,231,165,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,239,199,1) 0%,rgba(255,216,109,1) 50%,rgba(255,198,43,1) 51%,rgba(255,231,165,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,239,199,1) 0%,rgba(255,216,109,1) 50%,rgba(255,198,43,1) 51%,rgba(255,231,165,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,239,199,1) 0%,rgba(255,216,109,1) 50%,rgba(255,198,43,1) 51%,rgba(255,231,165,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,239,199,1) 0%,rgba(255,216,109,1) 50%,rgba(255,198,43,1) 51%,rgba(255,231,165,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefc7', endColorstr='#ffe7a5',GradientType=0 ); /* IE6-9 */
}
ul.marquee.round-top-left {
    position: absolute; bottom: 0; right: 0;
}
ul.marquee li { position:absolute; top:-999em; left:0px; display:block;
    white-space:nowrap; padding:2px 5px;
    color:#090; font-size:18pt; font-weight:100; }
ul.marquee li strong { font-weight: 700; }
ul.marquee li em { font-weight: 600; }

/* Popup Message */

#backgroundPopup { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1000; }  
#popupContact { background: #fff; display:none; position: fixed; _position:absolute; max-width: 900px; min-width: 900px; height:468px; width:708px; border:2px solid #cecece; z-index:2000; padding:12px; font-size:13px; -webkit-overflow-scrolling:touch; overflow: auto; }
#popupContact #pheader { margin-bottom: 10px; }
#popupContact h1 { color: #fff; text-align:left; font-size:22px; font-weight:700; padding: 0px 8px; }
#popupContactClose, #popupContactRefresh { float: right; margin: 4px; padding: 5px 7px 5px 5px; cursor: pointer; }
#popupContactClose:hover, #popupContactRefresh:hover { padding: 4px 6px 4px 4px; border: 1px solid #993333; background: #ff0000 url(images/ui-bg_glass_75_ff0000_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }

/* RMAs */

div.rma-unit {
    width: 25.3em;
    background: #fafafa;
    border: 1px solid #aaa;
    border-radius: 8px;
    color: #555;
    line-height: 20px;
    padding: 10px;
    box-shadow: inset 0px 2px 2px #fff, inset 0px -1px 2px #ccc, 1px 1px 2px #999;
    border-bottom: 1px solid #999;
    margin: 5px;
}
div.rma-unit:has(.iremoved[value="1"]) { display: none; }
div.rma-unit label { width: 11em; }
div.rma-unit select { font-size: 85%; }
div.rma-unit img { cursor: pointer; }
div.rma-unit fieldset { border: 1px solid #888; border-radius: 5px; padding: 5px; font-size: 10px; }
div.rma-unit span.inline { width: 15em; }
div.rma-unit fieldset legend { padding: 0px 5px; font-size: 13px; font-weight: bold; }

/* Orders */

div#bill label, div#ship label { float: none; } 

/* Bills */

.wnbill table { width: 100%; }
#new_bills_paging, #unpaid_bills_paging, #paid_bills_paging { font-size: 12pt; font-weight: bold; }
#new_bills_paging a, #unpaid_bills_paging a, #paid_bills_paging a {
    font-family: monospace; 
    text-align: center;
    vertical-align: middle;
    padding: 0 3px;
    margin: 5px 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    color: #fff;
    border: 1px solid #f00;
    background: #800;
    display: inline-block;
    width: 20px;  
}

/* Tickets */

div.indent-entry2.tickets hr { border-color: #444; position: relative; top: -10px; margin: 0px; padding: 0px; }

div#ticket-area p { line-height: normal; }

div.chat_left, div.chat_right { margin: 10px 0px 25px; clear: both; }
div.chat_left div.user {
    float: left;
    text-align: center;
    font-weight: bold;
    width: 90px;
    margin: 0 4px;
    padding: 5px 0;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: inset -1px 1px 2px white, inset 1px -1px 2px #C3C8C4;
    overflow-x: hidden;
}
div.chat_left > div.user > img { display: block; margin: auto; width: 40px; height: 40px; }
div.chat_left > img { z-index: 20; position: relative; top: 10px; left: 7px; }
div.chat_left div.msg {
    width: 573px;
    background: #FBFFF4;
    border: 1px solid #AAB385;
    border-radius: 8px;
    color: #70736B;
    padding: 14px 25px;
    box-shadow: inset 0px 2px 2px white, inset 0px -1px 2px #C3C8B4, 1px 1px 2px #96999F;
    border-bottom: 1px solid #99A278;
    overflow: hidden;
}
div.chat_left div.msg hr { margin: 10px -25px; box-shadow: 0px -1px 1px #C3C8C4, 0px 1px 1px #ffffff; }
div.chat_right div.user {
    float: right;
    text-align: center;
    font-weight: bold;
    width: 90px;
    margin: 0 4px;
    padding: 5px 0;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: inset -1px 1px 2px white, inset 1px -1px 2px #C3C8C4;
    overflow-x: hidden;
}
div.chat_right > div.user > img { display: block; margin: auto; width: 40px; height: 40px; }
div.chat_right > img { float: right; z-index: 20; position: relative; top: 10px; right: 7px; }
div.chat_right div.msg {
    width: 573px;
    background: #FFF9F3;
    border: 1px solid #D18966;
    border-radius: 8px;
    color: #604F47;
    padding: 14px 25px;
    box-shadow: inset 0px 2px 2px white, inset 0px -1px 2px #efbfa6, -1px 1px 2px #96999F;
    border-bottom: 1px solid #C77A52;
    overflow: hidden;
}
div.chat_right div.msg hr { margin: 10px -25px; box-shadow: 0px -1px 1px #efbfa6, 0px 1px 1px #ffffff; }
div.msg > a > img { position: relative; top: -5px; left: 15px; width: 20px; height: 20px; margin-left: 5px; }
div.msg_content > span[role=application] { max-width: 577px; margin: 0px -15px; }
div.msg_content > span[role=application] * { max-width: none; }
div.last_edited { font-style: italic; text-align: right; position: absolute; top: 32px; right: 25px; width: 360px; margin-right: -14px; }
span#replies { padding-top: 3px; }
span#replies .loading, span#ticket-status .loading { width: 20px; height: 20px; margin-top: -1px; }
div.chat_left div.msg, div.chat_right div.msg { position: relative; }
div.chat_left div.msg img, div.chat_right div.msg img { position: relative; top: -7px; left: 15px; }

/* Views */

div#views { width: 1000px; padding: 15px; }
div#list3 p { margin-bottom: 10px; }

/* Map View */

div#map-groups div { padding: 0 10px 0 0; height: 21px; }
div#map-groups a { margin-bottom: 0px; display: block; font-weight: bold; }
div#map-groups a img {
    width: 32px;
    height: 16px;
    padding: 2px 5px; border: 1px solid #400;
    border-left-width: 0px;
    background: #0f8915; /* Old browsers */
    background: -moz-linear-gradient(top,  #0f8915 0%, #0f7b16 50%, #0b7315 51%, #0f5d1e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0f8915 0%,#0f7b16 50%,#0b7315 51%,#0f5d1e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0f8915 0%,#0f7b16 50%,#0b7315 51%,#0f5d1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f8915', endColorstr='#0f5d1e',GradientType=0 ); /* IE6-9 */
    vertical-align: middle;
    margin-top: -1px;
}
div#map-groups a img.loaded {
    width: 32px;
    height: 16px;
    padding: 2px 5px; border: 1px solid #400;
    border-left-width: 0px;
    background: #0f8915; /* Old browsers */
    background: -moz-linear-gradient(top,  #0f8915 0%, #0f7b16 50%, #0b7315 51%, #0f5d1e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0f8915 0%,#0f7b16 50%,#0b7315 51%,#0f5d1e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0f8915 0%,#0f7b16 50%,#0b7315 51%,#0f5d1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f8915', endColorstr='#0f5d1e',GradientType=0 ); /* IE6-9 */
    vertical-align: middle;
    margin-top: -1px;
}
div#map-groups a:hover img, div#map-groups a.selected img {
    background: #45df5a; /* Old browsers */
    background: -moz-linear-gradient(top,  #45df5a 0%, #32da4c 50%, #21d342 51%, #26ac4c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #45df5a 0%,#32da4c 50%,#21d342 51%,#26ac4c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #45df5a 0%,#32da4c 50%,#21d342 51%,#26ac4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45df5a', endColorstr='#26ac4c',GradientType=0 ); /* IE6-9 */
}
div#map-groups a:hover img.loaded, div#map-groups a.selected img.loaded {
    background: #45df5a; /* Old browsers */
    background: -moz-linear-gradient(top,  #45df5a 0%, #32da4c 50%, #21d342 51%, #26ac4c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #45df5a 0%,#32da4c 50%,#21d342 51%,#26ac4c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #45df5a 0%,#32da4c 50%,#21d342 51%,#26ac4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45df5a', endColorstr='#26ac4c',GradientType=0 ); /* IE6-9 */
}

/* List View */

div#list { width: 1000px; }
div#list div.entry-title { overflow: hidden; padding: 5px 10px; }
div#list div.entry-title h1 { float: left; margin: -5px 20px -5px 0; }
div#list li.entry { margin-bottom: 0px; }
div#list li.entry ul.imgs { overflow: hidden; padding: 0px; min-height: 180px; }
div#list li.entry ul.imgs li { padding: 0px; float: left; height: 195px; width: 198px; border: 1px solid #ccc; }
div#list li.entry ul.imgs li:hover { padding: 0px; float: left; height: 195px; border: 1px solid #666; }
div#list li.entry ul.imgs li.rb { border-right: 3px double #aaa; width: 197px; }
div#list li.entry ul.imgs li.bb { border-bottom: 1px solid #aaa; }

ul.sortable, ul.sortable_groups, ul.new_group, ul.groups { margin: 0px; list-style: none; padding: 0px; }
ul.groups li { line-height: 0.9em; }

/*button.rename-group { float: right; font-size: 12px; }*/
/*button.rename-group + * { float: left; margin-top: 2px; }*/

/* Administration "manage-" Pages */

div#chart { width: 400px; height: 300px; }

/* Units Side Bar */

a#oubtn { position: fixed; top: 200px; left: 0px; display: none; }
div#other-units { z-index: 800; width: 240px; display: none; }
div#other-units div#menu { 
    padding: 10px 13px 0px 15px; color: #fff; float: left; width: 220px; height: 100%; overflow-y: auto; 
    /*background: url('../images/backgrounds/units-back.png') right repeat-y;*/
    background: #005515;
}
div#other-units div#menu a { background: rgba(35,194,38,0); border: 1px solid rgba(0,200,0,0); padding: 3px; display: block; width: 100%; margin-top: 1px; color: #fff; font-weight: bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
div#other-units div#menu a:hover { background: rgba(35,194,38,0.5); border: 1px solid rgba(0,200,0,0.5); }
div#other-units div#menu a.nlink { background: none; border: none; display: inline; width: auto; padding: 0px; font-weight: bold; }
div#other-units div#menu a.nlink:hover { background: none; border: none; }
div#other-units div#menu * { font-size: 11px; }
div#other-units div#menu h2 { padding: 3px; width: 100%; border: 1px solid rgba(255,255,255,0.4); background: rgba(54,10,10,0.4); color: #fff; font-weight: bold; font-size: 13px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
div#other-units p { overflow: visible; line-height: 1em; margin: 0.5em 0; }

/* Expanding Lists */

#listContainer { margin-top:15px; }
#expList { margin-left: -40px; }
#expList ul, #expList li { list-style: none; margin: 0; padding: 5px 0; cursor: pointer; }
#expList p { margin:0; display:block; }
#expList p:hover { background-color:#121212; }
#expList li { line-height:140%; text-indent:0px; background-position: 1px 8px; background-repeat: no-repeat; padding-left: 0px; }
#expList > li { font-size: large; padding-left: 20px; }
#expList .collapsed { background-image: url(../images/icons/chevron_up.png); font-size: large; }
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded { background-image: url(../images/icons/chevron_down.png); font-size: large; }

/* General Classes */

.inline { display:inline-block; zoom:1; *display:inline; _height:1%; vertical-align:top; }
.float-container { overflow: hidden; }
.left { float: left; }
.right { float: right; }
.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.nodisplay { display: none; }
.black { color: #000; }
.blue { color: #00f; }
.green { color: #080; }
.red { color: #f00; }
.white { color: #fff; }
.yellow { color: #b90; }
.highlight { background-color: #ff0; color: #000; padding: 2px 0; }
.grey { color: #888; }
span.red { font-family: monospace; }
.underline { text-decoration: underline; }
.small-text { font-size: 10px; font-weight: normal; font-family: sans-serif; }
.round5 { border-radius: 5px; }
.round10 { border-radius: 10px; }
.round-top-left { border-top-left-radius: 10px; }
.linked { cursor: pointer; }
.linked:hover { text-decoration: underline; }
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ul + div p { margin: 3px; }
.entry-title, .entry-title2 { margin: 0px; padding: 0 10px;
    border: 0px solid #aaa;
    border-width: 1px 0;
    letter-spacing: 1px;
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
.entry-link {
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    padding: 0 10px;
    border-bottom: 1px solid #aaa;
    background: rgb(216,216,216); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(146,146,146,1) 50%, rgba(121,121,121,1) 51%, rgba(173,173,173,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(50%,rgba(146,146,146,1)), color-stop(51%,rgba(121,121,121,1)), color-stop(100%,rgba(173,173,173,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(146,146,146,1) 50%,rgba(121,121,121,1) 51%,rgba(173,173,173,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(146,146,146,1) 50%,rgba(121,121,121,1) 51%,rgba(173,173,173,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(146,146,146,1) 50%,rgba(121,121,121,1) 51%,rgba(173,173,173,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(216,216,216,1) 0%,rgba(146,146,146,1) 50%,rgba(121,121,121,1) 51%,rgba(173,173,173,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#6d6d6d',GradientType=0 ); /* IE6-9 */
}
.entry-link:hover {
    color: #000;
    text-shadow: 1px 1px 0 #fff;
    background: rgb(232,232,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(190,190,190,1) 50%, rgba(175,175,175,1) 51%, rgba(206,206,206,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(50%,rgba(190,190,190,1)), color-stop(51%,rgba(175,175,175,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(190,190,190,1) 50%,rgba(175,175,175,1) 51%,rgba(206,206,206,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}
.entry-title.red, .entry-link.red, .entry-link.red:hover {
    background: #0f8915; /* Old browsers */
    background: -moz-linear-gradient(top,  #0f8915 0%, #0f7b16 50%, #0b7315 51%, #0f5d1e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0f8915 0%,#0f7b16 50%,#0b7315 51%,#0f5d1e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0f8915 0%,#0f7b16 50%,#0b7315 51%,#0f5d1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f8915', endColorstr='#0f5d1e',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}
.indent-entry, .indent-entry4 {
    padding: 5px 10px; margin: 5px 0px;
    background: #eee; /* old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #eee 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee)); /* webkit */
    -webkit-border-radius: 6px !important; -moz-border-radius: 6px; border-radius: 6px;
    -moz-box-shadow: 0px; -webkit-box-shadow: 0px; box-shadow: 0px;
    border-style: solid; border-width: 1px 0 0 1px; border-color: #aaa #fff #fff #aaa;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
    overflow: hidden;
}    
.indent-entry h2, .indent-entry2 h2, .indent-entry3 h2, .indent-entry4 h2, .indent-entry5 h2, .indent-entry6 h2 { padding: 0px; }
.indent-entry:hover {
    background: #ccc; /* old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
    cursor: pointer;
}
.indent-entry * { cursor: pointer; }
.indent-entry2 {
    padding: 5px 10px; margin: 5px 0px;
    background: #ccc; /* old browsers */
    -webkit-border-radius: 6px !important; -moz-border-radius: 6px; border-radius: 6px;
    box-shadow: 0px;
    border-style: solid; border-width: 1px 0 0 1px; border-color: #aaa #fff #fff #aaa;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
    overflow: hidden;
}
.indent-entry3 {
    padding: 5px 10px; margin: 5px 0px;
    background: #fcc55f; /* old browsers */
    -webkit-border-radius: 6px !important; -moz-border-radius: 6px; border-radius: 6px;
    box-shadow: 0px;
    border-style: solid; border-width: 1px 0 0 1px; border-color: #aaa #fff #fff #aaa;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
    overflow: hidden;
}
.indent-entry5 {
    padding: 5px 10px; margin: 5px 0px;
    background: #fcc5cf; /* old browsers */
    -webkit-border-radius: 6px !important; -moz-border-radius: 6px; border-radius: 6px;
    box-shadow: 0px;
    border-style: solid; border-width: 1px 0 0 1px; border-color: #aaa #fff #fff #aaa;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
    overflow: hidden;
}
.indent-entry6 {
    padding: 5px 10px; margin: 5px 0px;
    background: #000; color: #fff; /* old browsers */
    -webkit-border-radius: 6px !important; -moz-border-radius: 6px; border-radius: 6px;
    box-shadow: 0px;
    border-style: solid; border-width: 1px 0 0 1px; border-color: #aaa #fff #fff #aaa;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
    overflow: hidden;
}
.indent-entry2:hover, .indent-entry3:hover {
    cursor: pointer;
}
.indent-entry *, .indent-entry2 *, .indent-entry3 * { cursor: pointer; }
.indent-entry3:hover {
    background: #f6e6b4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
}
.indent-entry2:hover {
    background: #cedce7; /* Old browsers */
    background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-shadow: 1px 1px #000;
}

.red-entry, .red-entry:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21931b+0,11500e+100 */
    background: #21931b; /* Old browsers */
    background: -moz-linear-gradient(top,  #21931b 0%, #11500e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #21931b 0%,#11500e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #21931b 0%,#11500e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21931b', endColorstr='#11500e',GradientType=0 ); /* IE6-9 */
    color: #fff;
}
.red-entry * { cursor: auto; }
.parent { overflow: hidden; position: relative; }
.child { min-height: 100%; position: relative; }
.centered { text-align: center; }
.eleHidden { display: none; }

button.unit { border: 1px solid #080; }

#dev_mask, #dev_mask2, #web_flags { font-size: 11px; }

/*.search-match { font-weight: bold; color: #f00; }*/

/* Mobile Styles */
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.puloading {
    border-radius: 10px;
    margin: auto;
    margin-top: 10px;
    width: 840px;
    border: 9px solid #353535; 
    border-bottom-width: 8px; 
    padding: 5px 5px 6px 5px; 
    background: #030303; 
    -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.puloading div {
    width: 100%;
    height: 300px;
    background: #ececec;
}
.puloading img {
    margin-top: 100px;
}

.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}
.tab { padding: .5em .75em !important; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.notdroppable {
    background: #888;
}
.notdroppable .entry-title {
    background: #ccc;
}
.background-cls {
    background:#D9D9D9 !important;
    font-weight: bold;
}

.ui-tabs .ui-tabs-panel { padding: 0; }
.billing{
	font-weight: bold;
}
/* .entry-content.billing{
    padding: 14px 10px 5px 10px;
} */

  .billing  .row1{
    font-weight: normal !important;
    font-size: 14px;
    padding-right: 6px;
  }
  .billing  .row2{
    font-weight: bold !important;
    font-size: 14px;
  }
  .billing  .row3{
    font-weight: normal !important;
    font-size: 12px;
    padding-right: 39px;
  }
  .billing  .row4{
    font-weight: normal !important;
    font-size: 12px;
    padding-right: 92px;
  }
.billingbtn {
    border: 1px solid #333 !important;
    background: linear-gradient(to bottom, #00700f 0%,#006810 50%,#005e11 51%,#005017 100%) !important;
    font-weight: bold !important;
    color: #fff !important;
    height: 30px !important;
    line-height: 30px !important;
    width: 111px !important;
}

.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    --bg-primary: #075414;
    display: none;
    width: 200px;
    background-color: var(--bg-primary);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: calc(100% + 6px);
    left: 50%;
    margin-left: -100px;
    font-weight: normal;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent var(--bg-primary) transparent;
}

.tooltip.show .tooltiptext {
    display: block;
}

.nufbtn.green { border: 1px solid var(--bg-secondary) !important; background: var(--bg-secondary) !important; font-weight: 16px !important; padding: 0.4rem 1rem !important; font-weight: 500 !important; color: #fff !important; }
.nufbtn.ui-state-disabled.green,.ufbtn.ui-state-disabled.green {
    background: #aba !important;
    border: 1px solid #898 !important;
    opacity: 1 !important;
}
.mufbtn.ui-state-disabled.red,.ufbtn.ui-state-disabled.red {
    background: #baa !important;
    border: 1px solid #899 !important;
    opacity: 1 !important;
}
.ufbtn.ui-state-disabled > span {
    color: #eee !important;
}
.ufbtn.ui-state-disabled .tooltiptext {
    color: #fff !important;
}
.ui-dialog.prospera-dialog .ui-dialog-buttonset {
    display: flex;
    gap: 1rem;
}
.ui-dialog.prospera-dialog:not(.split-buttons) .ui-dialog-buttonset button, .prospera-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 16px !important;
    border-radius: 4px !important;
    background: #01A054 !important;
    color: white !important;
}
.ui-dialog.prospera-dialog.split-buttons .ui-dialog-buttonpane {
    padding-left: 1rem;
}
.ui-dialog.prospera-dialog.split-buttons .ui-dialog-buttonset {
    width: 100%;
    justify-content: space-between;
}
.ui-dialog.prospera-dialog.split-buttons .ui-dialog-buttonset button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 16px !important;
    border-radius: 4px !important;
}
.ui-dialog.prospera-dialog.split-buttons .ui-dialog-buttonset button:last-child {
    background: #01A054 !important;
    color: white !important;
}
.prospera-button {
    padding: 0.5rem 1.5rem !important;
}
.prospera-button[disabled] {
    padding: 0.5rem 1.5rem !important;
    opacity: 0.5;
}
.ui-dialog.no-close .ui-dialog-titlebar-close {
    display: none;
}
.ui-dialog.center-dialog {
    position: fixed !important;
    top: 50vh !important;
    /* Offsetting based on scrollbar width, set by JS */
    /* Using 16px average as a fallback */
    /* This may not work in all browsers/devices */
    left: calc(50vw - calc(var(--scrollbar-width, 16px) / 2)) !important;
    transform: translate(-50%, -50%) !important;
}

label.custom-radio {
    width: auto;
    font-weight: 500;
    display: flex;
    gap: 0.5rem;
}
label.custom-radio input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
label.custom-radio input ~ span:is(.checked,.unchecked) {
    display: none;
    width: 18px;
    height: 18px;
    margin-right: 0.5rem;
    border-radius: 18.75px;
    border: 1.5px solid #D4D4DB;
    vertical-align: middle;
}
label.custom-radio input ~ span.unchecked {
    display: inline-block;
}
label.custom-radio input:checked ~ span.checked {
    display: inline-block;
    border-color: var(--bg-secondary)
}
label.custom-radio input:checked ~ span.unchecked {
    display: none;
}
label.custom-radio input:disabled ~ span.unchecked {
    border-color: #d4d4d8;
    background-color: #f7f7f9;
}
label.custom-radio input:disabled ~ span.label {
    color: #d4d4d8;
}


:is([oninvalid]):not(:focus):invalid {
    border-color: red;
}

.try-v365-box {
    padding: 20px !important;
}
.try-v365-box .ui-dialog-content {
    padding: 0 !important;
    margin-top: 1.5rem !important;
    overflow: visible !important;
}
.try-v365-box  * {
    font-size: 18px;
}
.try-v365-box .ui-dialog-titlebar {
    height: 48px;
    border-radius: 8px;
    background: #539535;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.try-v365-box .ui-dialog-titlebar::after, .try-v365-box .ui-dialog-titlebar::before {
    display: none;
}
.try-v365-box .ui-dialog-titlebar .ui-dialog-title {
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%; /* 41.4px */
    letter-spacing: -0.72px;
}
.try-v365-box .ui-dialog-titlebar-close {
    width: 26px !important;
    height: 27px !important;
    margin: 0 !important;
    position: static !important;
}
.try-v365-box .ui-dialog-titlebar-close .ui-icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 5.75L5.25 19.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.75 19.25L5.25 5.75" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 25px;
    background-position: top left;
    background-size: cover;
}
.try-v365-box a.action {
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    background: #DADADA;
    color: #000;
}
kbd {
    font-size: 0.9rem;
    font-weight: bold;
}