﻿

.Calendar .ajax__calendar_container {
    border: 1px solid #E0E0E0;
    background-color: #FAFAFA;
    width: 175px;
}
.Calendar .ajax__calendar_header {
    font-family: Tahoma, Calibri, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #000000;
    font-weight: normal;
    text-shadow: 0px 0px 2px #D3D3D3;
    height: 20px;
} 
.Calendar .ajax__calendar_title,
.Calendar .ajax__calendar_next,
.Calendar .ajax__calendar_prev {color: #004080;}
.Calendar .ajax__calendar_body {
    width: 175px;
    height: 150px;
    position: relative;
}
.Calendar .ajax__calendar_dayname {
    font-family: Tahoma, Calibri, sans-serif;
    font-size: 10px;
    text-align: center;
    color: #FA9900;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    background-color: #EDEDED;
    border: solid 1px #D3D3D3;
    text-transform: uppercase;
    margin: 1px;
} 
.Calendar .ajax__calendar_day {
    font-family: Tahoma, Calibri, sans-serif;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    border: solid 1px #E0E0E0;
    text-transform: uppercase;
    margin: 1px;
    width: 17px !important;
    color: #6B6B6B;
}
.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year,
.Calendar .ajax__calendar_active {
    color: red; 
    font-weight: bold; 
    background-color: #ffffff;
}
.Calendar .ajax__calendar_year {
    border: solid 1px #E0E0E0;
    font-family: Tahoma, Calibri, sans-serif;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    vertical-align: middle;
    margin: 1px;
}

.Calendar .ajax__calendar_month {
    border: solid 1px #E0E0E0;
    font-family: Tahoma, Calibri, sans-serif;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    vertical-align: middle;
    margin: 1px;
}

.Calendar .ajax__calendar_today {
    font-family: Tahoma, Calibri, sans-serif;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    text-transform: uppercase;
    margin: 1px;
    color: #6B6B6B;
}
.Calendar .ajax__calendar_other {
    background-color: #E0E0E0;
    margin: 1px;
    width: 17px;
}
.Calendar .ajax__calendar_hover .ajax__calendar_today,
.Calendar .ajax__calendar_hover .ajax__calendar_title {

}
.Calendar .ajax__calendar_footer {
    width: 175px;
    border: none;
    height: 20px;
    vertical-align: middle;
    color: #6B6B6B;
}



.SubTitle
{
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 20px;
    top: 46px;
    left: 0px;
    background-color: #FFFFFF;
}



.BodyClass
{
    background-position: center;
    font-family: tahoma;
    font-size: small;
    background-color: #FFFFFF;
    /*background-image: url('../Images/Tile.jpg');*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    
}

a img {border: none; }

.lstBoxAxisY
{
    display: inline;
}

.PopupModal {
    background-color:#666;
    filter: alpha(opacity=30);
    opacity: 0.3;       
        
}

.PopupModal2
{
    background-color: #666;
    filter: alpha(opacity=30);
    opacity: 0.3;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
    
.LockColumnHorizontal {
    position:relative;
    cursor: default;
    /*IE5+ only*/
    top: expression(document.getElementById("cphBody_SOPanel").scrollTop-2);
    z-index: 10;
}


.PopupModal {
    background-color:#666;
    filter: alpha(opacity=30);
    opacity: 0.3;       
        
}


.menu
{
    /*
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    */
    border: 1px solid #333333;
    background: #f2f6f8;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));*/
    cursor: pointer;
    font-family: tahoma;
    font-size: 9pt;
}

.PopupStyle
{
    padding: 5px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #3F3F3F;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
}

.WaterMark
{
    font-family: tahoma;
    font-size: 12px;
    color: #AAAAAA;
    font-style: italic;
}

/*
.button
{
    border: 1px solid;
    border-radius: 4px;
    background: #ffb76b; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*    background: linear-gradient(to bottom,  #ffb76b 0%,#ffd7ad 50%,#ffb168 51%,#ff8d0c 100%); /* W3C */
/*    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZDdhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmYjE2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhkMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffb76b 0%, #ffd7ad 50%, #ffb168 51%, #ff8d0c 100%); /* FF3.6+ */
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffd7ad), color-stop(51%,#ffb168), color-stop(100%,#ff8d0c)); /* Chrome,Safari4+ */
/*    background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffd7ad 50%,#ffb168 51%,#ff8d0c 100%); /* Chrome10+,Safari5.1+ */
/*    background: -o-linear-gradient(top,  #ffb76b 0%,#ffd7ad 50%,#ffb168 51%,#ff8d0c 100%); /* Opera 11.10+ */
/*    background: -ms-linear-gradient(top,  #ffb76b 0%,#ffd7ad 50%,#ffb168 51%,#ff8d0c 100%); /* IE10+ */
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff8d0c',GradientType=0 );
    cursor: pointer;

}*/


.ModalPopupTitle
{ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 5px 5px 0px 0px; 
}   
.ModalPopup
{
    border: 1px solid Black;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
/*    background-color: #FFFFFF;*/
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb482 0%, #ffffff 3%, #ffffff 96%, #ffbd84 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb482), color-stop(3%,#ffffff), color-stop(96%,#ffffff), color-stop(100%,#ffbd84)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb482 0%,#ffffff 3%,#ffffff 96%,#ffbd84 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb482 0%,#ffffff 3%,#ffffff 96%,#ffbd84 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb482 0%,#ffffff 3%,#ffffff 96%,#ffbd84 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb482 0%,#ffffff 3%,#ffffff 96%,#ffbd84 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb482', endColorstr='#ffbd84',GradientType=0 ); /* IE6-9 */; 
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');

border: 1px solid Black; padding: 3px; 

     }

.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=50);
        opacity: 0.2;
    }


    .modalPopup
    {
        background-color: #FFFFFF;
        width: 400px;
        border: 2px solid #ff9900;
        border-radius: 12px;
        padding:0
      
    }
    

@media screen and (max-width: 650px) {
    .modalPopup
    {
        width: 100%;

      
    }
}
        
    .modalPopup .header
    {
        background-color: #ff9933;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .modalPopup .body
    {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .modalPopup .footer
    {
        padding: 6px;
    }
    .modalPopup .yes, .modalPopup .no
    {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
    }
    .modalPopup .yes
    {
        background-color: #2FBDF1;
        border: 1px solid #0DA9D0;
    }
    .modalPopup .no
    {
        background-color: #9F9F9F;
        border: 1px solid #5C5C5C;
    }

.ContextMenu
{
    border: 1px solid Black;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
background-color: #FFFFFF;
background: #FFFFFF; /* Old browsers */
border: 1px solid Black; padding: 3px; 

     }







.tabSelect
{
    background: #ff6e00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZmY2ZTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjZmZiYzhjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #ff6e00 0%, #ff6e00 5%, #ffbc8c 21%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6e00), color-stop(5%,#ff6e00), color-stop(21%,#ffbc8c), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6e00 0%,#ff6e00 5%,#ffbc8c 21%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6e00 0%,#ff6e00 5%,#ffbc8c 21%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6e00 0%,#ff6e00 5%,#ffbc8c 21%,#ffffff 100%); /* IE10+ */ /* W3C */
    border-width: 1px;
    border-color: #C0C0C0;
    border-style: solid solid none solid;
    background: linear-gradient(to bottom,  #ff6e00 0%,#ff6e00 5%,#ffbc8c 21%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6e00', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    text-align: left;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: 'Levenim MT';
    font-size: 12px;
    font-weight: bold;
}



.tabUnselect
{
    border-width: 1px;
    border-color: #C0C0C0;
    border-style: solid solid none solid;
    text-align: left;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: 'Levenim MT';
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;
}


.tabHover
{
    background: linear-gradient(to bottom,  #fffde5 0%,#fff200 6%,#ffff8c 23%,#ffffff 100%); /* W3C */
    background: #fffde5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZmZmMjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjZmZmZjhjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #fffde5 0%, #fff200 6%, #ffff8c 23%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffde5), color-stop(6%,#fff200), color-stop(23%,#ffff8c), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fffde5 0%,#fff200 6%,#ffff8c 23%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fffde5 0%,#fff200 6%,#ffff8c 23%,#ffffff 100%); /* Opera 11.10+ */ /* IE10+ */
    border-style: solid solid none solid;
    border-width: 1px;
    border-color: #C0C0C0;
    background: -ms-linear-gradient(top,  #fffde5 0%,#fff200 6%,#ffff8c 23%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffde5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    text-align: left;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: 'Levenim MT';
    font-size: 12px;
    font-weight: bold;
}

.tab
{
    padding: 7px;
    border: 2px outset #CCCCCC;
}

.style 
{
    
    }
    
.filterStyle
{
    border: 1px solid #C0C0C0;
    border-spacing: 0px;
    width: 120px;
}

.disabledLayer
{
    background-color: #666;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.MailList
{
    border-width: 1px;
    border-color: #C0C0C0;
    font-family: tahoma;
    font-size: 9pt;
}

.MailListCell
{
    border-width: 1px;
    border-color: #C0C0C0;
    border-bottom-style: solid;
}


.MailListSender
{
    font-family: tahoma;
    font-size: 11pt;
}

.MailListSenderUnread
{
    font-family: tahoma;
    font-size: 11pt;
    color: #0000FF;
}


.MailListSubject
{
    font-family: tahoma;
    font-size: 9pt;
}


.MailListMsg
{
    font-family: tahoma;
    font-size: 9pt;
    color: #515151;
}


.MailContent
{
    border-style: none;
    font-family: tahoma;
    font-size: 9pt;
}
.MailField
{
    font-family: tahoma;
    font-size: 9pt;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #969696;
}

.Photo
{
    border: thin inset #D2D2D2;
    float: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.tabLeft
{
    /* Old browsers */
    border-style: solid;
    border-width: 1px;
    border-color: #808080 #808080 #808080 #808080;
    background: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}
.tabLeftHover
{
    background: #fffde5; /* Old browsers */
    background: -moz-linear-gradient(left, #fffde5 0%, #fff200 6%, #ffff8c 23%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fffde5), color-stop(6%,#fff200), color-stop(23%,#ffff8c), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #fffde5 0%,#fff200 6%,#ffff8c 23%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #fffde5 0%,#fff200 6%,#ffff8c 23%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #fffde5 0%,#fff200 6%,#ffff8c 23%,#ffffff 100%); /* IE10+ */ /* W3C */
    border-style: solid;
    border-width: 1px;
    border-color: #ff8400 #ff8400 #ff8400 #ff8400;
    background: linear-gradient(to right, #fffde5 0%,#fff200 6%,#ffff8c 23%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffde5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}


.MenuContent
{
    position: absolute;
    left: 28px;
    top: 15px;
    font-family: calibri;
    font-size: 9pt;
    font-weight: bold;
    color: #808080;
    right: 38px;
}

.MenuContentBottom
{
    position: absolute;
    left: 28px;
    top: 15px;
    font-family: calibri;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    right: 5px;
}


.NavMenuContent
{
    position: absolute;
    left: 28px;
    top: 8px;
    font-family: calibri;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    right: 0px;
    height: 14px;
}
    
.MenuInput
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.MenuIcon 
{
    position: absolute;
    left: 5px;
    top: 15px;
    }
    
.NavMenuIcon 
{
    position: absolute;
    left: 5px;
    top: 8px;
    }
    
    




.LeftMenuBorderSelected
{
    position: relative;
    float: left;
    width: 120px;
    height: 25px;
    padding: 3px; /*background-color: #FFFFFF;*/
    background-color: #FFFF00;
    color: #F05400;
}


.LeftMenuContentSelected
{
    position: absolute;
    left: 28px;
    top: 5px;
    font-family: tahoma;
    font-size: 10pt;
    color: #F05400;
}


.LeftMenuInputSelected
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.LeftMenuBorder
{
    position: relative;
    float: left;
    width: 120px;
    height: 25px;
    padding: 3px;
    /*background-color: #FFFFFF;*/
    background-color: #F05400;
}

.LeftMenuContent
{
    position: absolute;
    left: 28px;
    top: 5px;
    font-family: tahoma;
    font-size: 10pt;
    color: #FFFFFF;
}
    
.LeftMenuInput
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.LeftMenuIcon 
{
    position: absolute;
    left: 5px;
    top: 5px;
    }

.LeftBar 
{
 background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(45deg, #fceabb 0%, #fccd4d 48%, #f8b500 56%, #f9d066 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#fceabb), color-stop(48%,#fccd4d), color-stop(56%,#f8b500), color-stop(100%,#f9d066)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #fceabb 0%,#fccd4d 48%,#f8b500 56%,#f9d066 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #fceabb 0%,#fccd4d 48%,#f8b500 56%,#f9d066 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #fceabb 0%,#fccd4d 48%,#f8b500 56%,#f9d066 100%); /* IE10+ */
background: linear-gradient(45deg, #fceabb 0%,#fccd4d 48%,#f8b500 56%,#f9d066 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f9d066',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */   
    }    
    
    
.TicketButton
{  
    border: 1px solid #C0C0C0; padding: 0px; margin: 3px; font-family: Calibri;
    font-size: 9pt;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

    -moz-border-radius: 3px; 
    border-radius: 3px; 
    /*width: 75px; height: 20px;*/
    width: 80px; height: 20px; 
    cursor: pointer;
    }

.TicketButtonOver
{  
    border: 1px solid #C0C0C0; padding: 0px; margin: 3px; font-family: Calibri;
    font-size: 9pt;
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

    -moz-border-radius: 3px; 
    border-radius: 3px; 
    /*width: 75px; height: 20px;*/
    width: 80px; height: 20px; 
    cursor: pointer;
    }

.DashBoardSummary
{
background: rgb(248,181,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(248,181,0,1) 0%, rgba(248,181,0,1) 0%, rgba(248,181,0,1) 2%, rgba(252,205,77,1) 4%, rgba(251,223,147,1) 10%, rgba(252,234,187,1) 41%, rgba(252,234,187,1) 41%, rgba(252,234,187,1) 62%, rgba(252,234,187,1) 72%, rgba(252,234,187,1) 72%, rgba(252,234,187,1) 76%, rgba(252,234,187,1) 76%, rgba(252,234,187,1) 80%, rgba(252,234,187,1) 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,181,0,1)), color-stop(0%,rgba(248,181,0,1)), color-stop(2%,rgba(248,181,0,1)), color-stop(4%,rgba(252,205,77,1)), color-stop(10%,rgba(251,223,147,1)), color-stop(41%,rgba(252,234,187,1)), color-stop(41%,rgba(252,234,187,1)), color-stop(62%,rgba(252,234,187,1)), color-stop(72%,rgba(252,234,187,1)), color-stop(72%,rgba(252,234,187,1)), color-stop(76%,rgba(252,234,187,1)), color-stop(76%,rgba(252,234,187,1)), color-stop(80%,rgba(252,234,187,1)), color-stop(80%,rgba(252,234,187,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(248,181,0,1) 0%,rgba(248,181,0,1) 0%,rgba(248,181,0,1) 2%,rgba(252,205,77,1) 4%,rgba(251,223,147,1) 10%,rgba(252,234,187,1) 41%,rgba(252,234,187,1) 41%,rgba(252,234,187,1) 62%,rgba(252,234,187,1) 72%,rgba(252,234,187,1) 72%,rgba(252,234,187,1) 76%,rgba(252,234,187,1) 76%,rgba(252,234,187,1) 80%,rgba(252,234,187,1) 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(248,181,0,1) 0%,rgba(248,181,0,1) 0%,rgba(248,181,0,1) 2%,rgba(252,205,77,1) 4%,rgba(251,223,147,1) 10%,rgba(252,234,187,1) 41%,rgba(252,234,187,1) 41%,rgba(252,234,187,1) 62%,rgba(252,234,187,1) 72%,rgba(252,234,187,1) 72%,rgba(252,234,187,1) 76%,rgba(252,234,187,1) 76%,rgba(252,234,187,1) 80%,rgba(252,234,187,1) 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(248,181,0,1) 0%,rgba(248,181,0,1) 0%,rgba(248,181,0,1) 2%,rgba(252,205,77,1) 4%,rgba(251,223,147,1) 10%,rgba(252,234,187,1) 41%,rgba(252,234,187,1) 41%,rgba(252,234,187,1) 62%,rgba(252,234,187,1) 72%,rgba(252,234,187,1) 72%,rgba(252,234,187,1) 76%,rgba(252,234,187,1) 76%,rgba(252,234,187,1) 80%,rgba(252,234,187,1) 80%); /* IE10+ */
background: linear-gradient(to bottom, rgba(248,181,0,1) 0%,rgba(248,181,0,1) 0%,rgba(248,181,0,1) 2%,rgba(252,205,77,1) 4%,rgba(251,223,147,1) 10%,rgba(252,234,187,1) 41%,rgba(252,234,187,1) 41%,rgba(252,234,187,1) 62%,rgba(252,234,187,1) 72%,rgba(252,234,187,1) 72%,rgba(252,234,187,1) 76%,rgba(252,234,187,1) 76%,rgba(252,234,187,1) 80%,rgba(252,234,187,1) 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b500', endColorstr='#fceabb',GradientType=0 );    
    border: 1px solid #FF9555;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /*background-color: #FFE1BF;*/

}


.TicketListDashBoard
{
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border: 1px solid #FF6600;
    background-color: #FFFFAE;
    font-family: tahoma;
    font-size: 10pt;
    color: #AE4200;
    /*height: 18px;*/
}

.ChartTitle
{
    background: #FFF8C1; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(145,129,59,1) 0%, rgba(226,222,99,1) 7%, rgba(252,238,136,1) 10%, rgba(252,238,136,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,129,59,1)), color-stop(7%,rgba(226,222,99,1)), color-stop(10%,rgba(252,238,136,1)), color-stop(100%,rgba(252,238,136,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(145,129,59,1) 0%,rgba(226,222,99,1) 7%,rgba(252,238,136,1) 10%,rgba(252,238,136,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(145,129,59,1) 0%,rgba(226,222,99,1) 7%,rgba(252,238,136,1) 10%,rgba(252,238,136,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(145,129,59,1) 0%,rgba(226,222,99,1) 7%,rgba(252,238,136,1) 10%,rgba(252,238,136,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(145,129,59,1) 0%,rgba(226,222,99,1) 7%,rgba(252,238,136,1) 10%,rgba(252,238,136,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91813b', endColorstr='#fcee88',GradientType=0 );
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 20px;
}

.Calendar 
{
    border-collapse: collapse;
    }

.CalendarCell
{
    border: 2px solid #A6A6A6;
background: #f6f6f6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #f6f6f6 0%, #f6f6f6 0%, #e1e1e1 6%, #f1f1f1 22%, #ffffff 100%, #ffffff 101%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(0%,#f6f6f6), color-stop(6%,#e1e1e1), color-stop(22%,#f1f1f1), color-stop(100%,#ffffff), color-stop(101%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f6f6 0%,#f6f6f6 0%,#e1e1e1 6%,#f1f1f1 22%,#ffffff 100%,#ffffff 101%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f6f6 0%,#f6f6f6 0%,#e1e1e1 6%,#f1f1f1 22%,#ffffff 100%,#ffffff 101%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6f6f6 0%,#f6f6f6 0%,#e1e1e1 6%,#f1f1f1 22%,#ffffff 100%,#ffffff 101%); /* IE10+ */
background: linear-gradient(to bottom, #f6f6f6 0%,#f6f6f6 0%,#e1e1e1 6%,#f1f1f1 22%,#ffffff 100%,#ffffff 101%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
  
}

.CalendarCellToday
{
    border: 3px solid #0000FF;
    background: #f6f6f6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f6f6f6 0%, #e1e1e1 6%, #f1f1f1 22%, #ffffff 100%, #ffffff 101%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(0%,#f6f6f6), color-stop(6%,#e1e1e1), color-stop(22%,#f1f1f1), color-stop(100%,#ffffff), color-stop(101%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#f6f6f6 0%,#e1e1e1 6%,#f1f1f1 22%,#ffffff 100%,#ffffff 101%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%,#f6f6f6 0%,#e1e1e1 6%,#f1f1f1 22%,#ffffff 100%,#ffffff 101%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%,#f6f6f6 0%,#e1e1e1 6%,#f1f1f1 22%,#ffffff 100%,#ffffff 101%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%,#f6f6f6 0%,#e1e1e1 6%,#f1f1f1 22%,#ffffff 100%,#ffffff 101%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}


.CalendarCellHoliday
{
    border: 3px solid #A6A6A6;
background: #f6f6f6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjIzYTNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNkYjg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #f6f6f6 0%, #f23a3a 0%, #db8787 4%, #eaeaea 7%, #ffffff 100%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(0%,#f23a3a), color-stop(4%,#db8787), color-stop(7%,#eaeaea), color-stop(100%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f6f6 0%,#f23a3a 0%,#db8787 4%,#eaeaea 7%,#ffffff 100%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f6f6 0%,#f23a3a 0%,#db8787 4%,#eaeaea 7%,#ffffff 100%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6f6f6 0%,#f23a3a 0%,#db8787 4%,#eaeaea 7%,#ffffff 100%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #f6f6f6 0%,#f23a3a 0%,#db8787 4%,#eaeaea 7%,#ffffff 100%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); 
}


.gradient {
       filter: none;
    }
    

.CalendarCellTicket
{
    padding: 3px;
    border: 1px solid #CC9900;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
}       

.InputBox
{
    border: 1px solid #C0C0C0;
    font-family: tahoma;
    font-size: 9pt;
}

.TrackingForm
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+13,e1e1e1+16,f6f6f6+100 */
    border-style:solid;
    padding: 5px;
    margin: 5px;
    border-width: 1px;
    border-color: gray;
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width:420px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+7,e1e1e1+10,e1e1e1+10,f6f6f6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 7%, #e1e1e1 10%, #e1e1e1 10%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 7%,#e1e1e1 10%,#e1e1e1 10%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 7%,#e1e1e1 10%,#e1e1e1 10%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

    

.MainHistoryPanel
{
 width:600px;
}


@media screen and (max-width: 650px) {
    .TrackingForm {
        width: 90%;
    }  
    .MainHistoryPanel {
        width: 90%;
    }  
    
}    


.AdaptivePanelHidden 
{
    display:inherit;
}

.AdaptivePanel
{
}    

@media screen and (max-width: 650px) 
{

    .AdaptivePanelHidden 
    {
        display:none;
    }
    
    .AdaptivePanel
    {
        width:100%;
    }    
    
}


.FormTitle 
{
position: fixed; z-index: 99; top: 3px; left: 5px; color: #FFECFE;    
    }
    
.MainMenu 
{
position: fixed; z-index: 11; top: 0px; left: 290px; height: 44px; color:Black;    
display:inherit;
    }
    
.UserLogin 
{
position: fixed; z-index: 99; top: 25px; right: 5px; color: #FFECFE;    
    }
    
.SmallLogo 
{
    position: fixed; z-index: 99; top: 4px; right: 7px
    }
    
.Title
{
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 18px;
    top: 28px;
    left: 0px;
    background-color: #FFFFFF;

    
}    



.Logo
{
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 28px;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
}

.MenuBorder
{
    position: relative;
    float: left;
    width: 125px;
    left: auto;
    height:100%;
    padding: 3px;
    background-color: #FFFFFF;
    padding:0px;
    margin: 0px;
}


.MenuBorderDropDown
{
    top: 45px;
    position: relative;
    float: none;
    width: 125px;
    left: auto;
    height:100%;
    padding: 3px;
    background-color: #FFFFFF;
    padding:0px;
    margin: 0px;
    z-index: 999999;
}

.MenuBorderDropDownMenu
{
    position: relative;
    float: none;
    width: 125px;
    left: auto;
    height:100%;
    padding: 3px;
    background-color: #FFFFFF;
    padding:0px;
    margin: 0px;
}


.NavMenuBorder
{
    position: relative;
    float: left;
    width: 139px;
    height: 28px;
    padding: 3px;
    background-color: #FFFFFF;
    top: 0px;
    left: 0px;
}

.LayoutMobile 
{
    display:none;
    }

.SubFormTitle 
{
position: fixed; z-index: 99; top: 27px; left: 5px;     
    }

.MainPanel 
{
position: absolute; left: 0px; width: 100%;    
    }
    
.MenuMobile 
{
    display:none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index:11;
    }    

.PanelChart 
{
    width:300px;
    float:left;
    }

.PanelMainChart
{

    width: 940px;
    max-width: 100%;
}

.PanelMainSummary 
{
    width: 468px;
    max-width: 100%;
    }
    
.PanelMainSumInner
{
    border: 1px solid orange;
    float: left;
    border-radius: 5px;    

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width:100px; 
    height: 100px;
    overflow:auto;
}    

.PanelMainSumInnerHeight 
{
    height: 58px;
    }

.PanelMainSumSeparator 
{
    float: left;
    }

@media screen and (max-width: 650px) {

    .FormTitle 
    {
        position: relative;
        }

    .SmallLogo 
    {
        display:none;
        }

    .Logo 
    {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        height: 45px;
        }

    .MainMenu 
    {
      
        position: absolute; top: 44px; left:0px; right: 0px; color:Black; width:100%;    

    }
    
    .MenuBorder 
    {
        position: relative;
        float: none;
        width: 100%;
        left:0px;
        right:0px;
        height: 40px;
        padding: 3px;
        background-color: #FFFFFF;

        }

    .MainPanel 
    {
    position: absolute; left: 0px; width: 100%;    
        }
    
    .SubFormTitle 
    {
        position: absolute;
        left: 5px; top: 25px;
        z-index:1;
        }
    
    .UserLogin 
    {
        display:none;
        }

    .Title 
    {
        position: relative;
        display:none;
        }
    
    .MenuMobile 
    {
        display:inherit;
        }


    .PanelChart 
    {
        width:100%;
        float:none;
        }
        
    .PanelMainChart 
    {
        width:100%;
        }

    .PanelMainSummary 
    {
        width: 100%;
        }
        
    .PanelMainSumInner 
    {
        width:100%;
        float:none;
        height:auto;
        overflow:auto;
        }
        
    .PanelMainSumSeparator 
    {
        float:none;
        }        

    .PanelMainSumInnerHeight 
    {
        height:auto;
        }

}     



.ContentTableLeft 
{
    width:100px;
    float:left;
}

.ContentTableRight 
{
    width:200px;
    float:left;
}

.ContentTable
{
    width: 100%;
    
      
}

.ContentTableFixed
{
    width: 300px;      
}

.cell
{
    padding: 3px;
    border: 1px solid #C0C0C0;
}

.cellOK
{
    padding: 3px;
    border: 1px solid #C0C0C0;
    background-color: #B7FF4A;
}

.cellINVALID
{
    padding: 3px;
    border: 1px solid #C0C0C0;
    background-color: #F98733;
    color: #FFFF00;
}

.cellNum
{
    text-align:right;
    padding: 3px;
    border: 1px solid #C0C0C0;
}

.cellHeader
{
    padding: 3px;
    border: 1px solid #C0C0C0;
    background-color: #FF6600;
    color: #FFFFFF;
}


.rowFirst
{
    background-color: #FFFFFF;
}
    
.rowSecondary
{
    background-color: #FEEAD3;
}    

@media screen and (max-width: 650px) 
{
    
    .ContentTable
    {
        width: 100%;
    }

    .ContentTableLeft 
    {
        width:100%;
        float:none;
    }

    .ContentTableRight 
    {
        width:100%;
        float:none;
    }

    .ContentTableFixed
    {
        width: 100%;
    
      
    }

}