﻿
body {
    margin: 0 auto;
    min-height: 100%;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 12px;
}

html {
    height: 100%;
}

.middle {
    min-height: 400px;
    height: auto;
}

td, li, select {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 12px;
}

a {
    font-family: 'Segoe UI',Verdana,arial;
    color: #46166b;
    font-size: 10px;
    font-weight:bold;
    text-decoration: none;
}

.headerrow {
    color: white;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: small;
    background-color: #46166b;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
}

.headerrow2 {
    color: Black;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: small;
    background-color: #b2b2b2;
    font-weight: bold;
}

.curnavrow {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: small;
    background-color: #dddddd;
    font-weight: bold;
}

.actionrow {
    color: black;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: small;
    background-color: #ccc9cc;
}

.instructrow {
    color: black;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: small;
    background-color: #ccc9cc;
}

.footerrow {
    color: #46166b;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: small;
    background-color: #ccc9cc;
}

.error {
    color: Red;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: small;
}

input.btn, input.btndelete {
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: white;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 12px;
    background-color: #46166b;
    border: solid 2px white;
    box-shadow:1px 1px 1px silver;
}

input.btnsmall, input.btndeletesmall, input.btnmenu {
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: white;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 10px;
    background-color: #46166b;
    border: solid 2px #eeeeee;
    box-shadow:1px 1px 1px gray;
}

input.btnsecond {
    background-color: transparent;
    border: none;
    color: Red;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 12px;
}

input.btndelete {
    color: white;
    background-color: #bd4545;
}

input.btndeletesmall {
    color: white;
    background-color: #bd4545;
}

input.btnmenu {
    font-size: 16px;
}

input.text {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: 'Segoe UI',Verdana,arial;
    font-size:small;
    border: solid 1px gray;
    margin-left:5px;
}

input.textarea {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: 'Segoe UI',Verdana,arial;
    font-size:small;
    border: solid 1px gray;
}

select {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size:medium;
}

.btnclose {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: white;
    font-family: 'Segoe UI',Verdana,arial;
    font-size: small;
    background-color: #7c1414;
    border: solid 1px white;
}

h1 {
    font-family: 'Segoe UI',Verdana,arial;
    font-weight: bold;
    font-size: medium;
}

h2 {
    font-family: 'Segoe UI',Verdana,arial;
    font-weight: bold;
    color: #aaaaaa;
    font-size: 18px;
    margin: 3px 3px 3px 3px;
}

.pbig {
    font-size: 13px;
    font-weight: bold;
    color: #46166b;
}

.divborder {
    background-color: transparent;
    border: solid 0px #939393;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.divtabborder {
    background-color: transparent;
    border-bottom: solid 1px #939393;
    border-right: solid 1px #939393;
    border-left: solid 1px #939393;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-radius-topright: 0px;
    -webkit-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-radius-bottomright: 7px;
    -webkit-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-box-shadow: 8px 8px 8px #777777;
    box-shadow: 8px 8px 8px #777777;
    -moz-box-shadow: 8px 8px 7px #777777;
}

.divbordershadow {
    background-color: white;
    border: solid 2px #939393;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 8px 8px 8px #777777;
    box-shadow: 8px 8px 8px #777777;
    -moz-box-shadow: 8px 8px 7px #777777;
}

.divbordershadowsmall {
    background-color: white;
    border: solid 1px #939393;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 2px 2px 2px #777777;
    box-shadow: 2px 2px 2px #777777;
    -moz-box-shadow: 2px 2px 2px #777777;
}

.popup {
    background-color: Silver;
    color: White;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #413a46;
    box-shadow: 5px 5px 5px #413a46;
    -moz-box-shadow: 5px 5px 5px #413a46;
    border: solid 1px #413a46;
    z-index: 2;
}

.working {
    background-color: #241c2c;
    color: White;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 5px 5px 5px #777777;
    box-shadow: 5px 5px 5px #777777;
    -moz-box-shadow: 5px 5px 5px #777777;
    border-color: Silver;
    z-index: 2;
}



.tabrow {
    background-color: #46166b;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topright: 7px;
    -webkit-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    color: White;
    font-size: 14px;
    border-right: solid 1px white;
}

.tabrowselected {
    background-color: white;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topright: 7px;
    -webkit-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-right: solid 1px #BEAFC6;
    border-left: solid 1px #BEAFC6;
}

.tabrowlink {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: white;
    text-decoration: none;
}

.tabrowdisabledlink {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: gray;
    text-decoration: none;
}

.tabrowdisabled {
    background-color: #cccccc;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topright: 7px;
    -webkit-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-right: solid 1px #46166b;
    color: Gray;
    font-size: 12px;
}

.tabrowselectedlink {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #492a67;
    text-decoration: none;
}



.tabrow2 {
    background-color: #b2b2b2;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #444444;
    font-size: 12px;
    border-right: solid 1px #dddddd;
}

.tabrowselected2 {
    background-color: #dddddd;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.tabrow2link {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #444444;
    text-decoration: none;
}

.tabrowdisabled2link {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: white;
    text-decoration: none;
}

.tabrowdisabled2 {
    background-color: #ccccee;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-right: solid 1px #ccccff;
    color: Gray;
    font-size: 10px;
}

.tabrowselected2link {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: Black;
    text-decoration: none;
}

.tabrow3 {
    background-color: #4c4c4c;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: White;
    font-size: 10px;
    border-right: solid 1px white;
}

.tabrowselected3 {
    background-color: White;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.tabrow3link {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: white;
    text-decoration: none;
}

.tabrowdisabled3link {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: gray;
    text-decoration: none;
}

.tabrowdisabled3 {
    background-color: #ccccee;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-right: solid 1px #ccccff;
    color: Gray;
    font-size: 10px;
}

.tabrowselected3link {
    font-family: 'Segoe UI',Verdana,arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: Black;
    text-decoration: none;
}


.divbordertabs {
    width: 100%;
    height: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.filtertitle {
    font-size: 14px;
    font-weight: bold;
    background-color: #cccccc;
}

.filterheader {
    font-size: 12px;
    font-weight: bold;
}

.filterspacer {
    padding: 5px 0 5px 30px;
}

.filteritem {
    font-size: 12px;
    font-weight: normal;
    color: #46166b;
    padding: 5px 5px 5px 5px;
}

.filteritemselected {
    font-size: 12px;
    font-weight: bold;
    color: #a32559;
    padding: 5px 5px 5px 5px;
}

.filtertext {
    font-size: 10px;
    border: solid 1px blue;
}

.datarowa {
    background-color: White;
}

.datarowb {
    background-color: Silver;
}

#panelImport {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelImport.visible {
        opacity: 1;
        height: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelImport.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelHelp {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelHelp.visible {
        opacity: 1;
        height: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelHelp.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelReports {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelReports.visible {
        opacity: 1;
        height: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelReports.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelCalendar {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelCalendar.visible {
        opacity: 1;
        height: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelCalendar.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelTransitions {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelTransitions.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #panelTransitions.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

#panelTour {
    opacity: 0;
    display: none;
    width: 100%;
}

    #panelTour.visible {
        opacity: 1;
        height: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelTour.invisible {
        opacity: 0;
        height: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelSites {
    opacity: 0;
    display: none;
    width: 100%;
}

    #panelSites.visible {
        opacity: 1;
        height: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelSites.invisible {
        opacity: 0;
        height: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelTourPlugins {
    opacity: 0;
    display: none;
    width: 100%;
}

    #panelTourPlugins.visible {
        opacity: 1;
        height: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelTourPlugins.invisible {
        opacity: 0;
        height: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelTourNavigator {
    clear: both;
    position: relative;
    width: 100%;
    vertical-align: top;
    height: 100%;
}

#panelTourAnalytics {
    opacity: 0;
    width: 100%;
    display: none;
    position: relative;
}

    #panelTourAnalytics.visible {
        opacity: 1;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelTourAnalytics.invisible {
        opacity: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelTourAnalyticsMedia {
    opacity: 0;
    width: 100%;
    display: none;
    position: relative;
}

    #panelTourAnalyticsMedia.visible {
        opacity: 1;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelTourAnalyticsMedia.invisible {
        opacity: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelTourAnalyticsLoyalty {
    opacity: 0;
    width: 100%;
    display: none;
    position: relative;
}

    #panelTourAnalyticsLoyalty.visible {
        opacity: 1;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelTourAnalyticsLoyalty.invisible {
        opacity: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelTourAnalyticsImp {
    opacity: 0;
    width: 100%;
    display: none;
    position: relative;
}

    #panelTourAnalyticsImp.visible {
        opacity: 1;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelTourAnalyticsImp.invisible {
        opacity: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelTourAnalyticsSocial {
    opacity: 0;
    width: 100%;
    display: none;
    position: relative;
}

    #panelTourAnalyticsSocial.visible {
        opacity: 1;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelTourAnalyticsSocial.invisible {
        opacity: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelTourMedia {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
}

    #panelTourMedia.visible {
        opacity: 1;
        height: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    #panelTourMedia.invisible {
        opacity: 0;
        height: 0px -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

#panelTourData {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelTourData.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #panelTourData.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

#panelTourCSR {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelTourCSR.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #panelTourCSR.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

#panelTourNotifier {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelTourNotifier.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #panelTourNotifier.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

#panelTourOther {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelTourOther.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #panelTourOther.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

#panelTourSched {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelTourSched.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #panelTourSched.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

#panelTourTickets {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelTourTickets.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #panelTourTickets.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

#panelTrans {
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
}

    #panelTrans.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #panelTrans.invisible {
        opacity: 0;
        height: 0px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

#divWorking {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    display: none;
}

    #divWorking.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #divWorking.invisible {
        opacity: 0;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

#divPopup {
    position: absolute;
    z-index: 98;
    display: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

    #divPopup.visible {
        opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    #divPopup.invisible {
        opacity: 0;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }
