@charset "utf-8";
/* CSS Document */


/*VERTICAL (OLD) STYLE
.menuBox {
    background: rgba(33,33,33,0.6);
    background-image: none;
    width: 135px;
    position: absolute;
    top: 180px;
    left: -192px;
}

.navigation {
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
    margin: 10px 10px 10px -13px;
    padding: 0;
}

.navigation li {
    padding: 0;
    margin: 0;
}

.navigation {
    overflow: visible;
}

.navigation li a {
    display: block;
    color: #FFF;
    text-indent: 0;
    padding: 2px 0 3px 25px;
    text-indent: 0px;
    overflow: inherit;
}

.navigation li a:hover {
    background-image: url(/download/delta/backgrounds/navHoverArrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #ca262b;
    overflow: visible;
}

.navigation li.selected {
    color: #ca262b;
}

.navigation li.selected li.selected a {
    color: #ca262b;
}

.navigation li ul li a {
    padding-left: 35px;
    color: #6d6d6d;
}
*/




/* new menu based navigation */

.menuBox {
    border: none !important;
    border-image: none !important;
    border-width: 0px !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    padding: 0px !important;
    position: relative;
    z-index: 101;
}

ul.navigation
{
    font-size: 14px;
    height: 45px;
    list-style: none;
    padding-right: 1px;
    width: 100%;
    z-index: 102;
    margin-bottom: 10px;
    box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;
    -moz-box-shadow: inset 0 0 10px #000;
}

ul.navigation li
{
    height: 27px;
    display: block;
    float: left;
    position: relative;
    z-index: 103;
    margin: 10px 5px auto 5px;
    border-radius: 5px;
}

ul.navigation li.selected
{
    background-image: url(/download/delta/backgrounds/hexPattern.png);
    background-color: #212121;
}

ul.navigation li.left
{
    position: absolute;
    left: -175px;
    top: 0;
    background-color: #4a4a4a;
    box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
}

ul.navigation li a
{
    color: #fff !important;
    display: block;
    height: auto;
    margin: 5px 5px auto 5px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

ul.navigation li:hover
{
    /*background-image: url(/download/2024);
    background-repeat: repeat-x;
    background-position: left;*/
    background: #9E1E22;
    background-image: url(/download/delta/backgrounds/hexPattern.png);
    border: none;
}

ul.navigation li.left:hover
{
    background: #212121;
}

ul.navigation li.left ul li, ul.navigation li.left ul li.selected
{
    background-color: #404040;
    border-bottom: dashed 1px #575757;
    text-decoration: none;
}

ul.navigation li.left ul li:last-child, ul.navigation li.left ul li:last-child:hover
{
    border: none;
}

ul.navigation li.left ul li:hover, ul.navigation li.left ul li.selected:hover
{
    background-color: #212121;
}

ul.navigation li ul li:first-child
{
    border-radius: 5px 5px 0 0;
}

ul.navigation li ul li:last-child, ul.navigation li ul li:last-child:hover
{
    border: none;
    border-radius: 0 0 5px 5px;
}

ul.navigation li ul li:hover
{
    border-bottom: dashed 1px #EE2C2C;
    opacity: 0.9;
    filter: alpha(opacity=90);
    background: #8b0000;
    background-image: url(/download/delta/backgrounds/hexPattern.png);
}

ul.navigation li ul li.selected
{
    background-color: #9E1E22;
    background-image: none;
    text-decoration: underline;
}

ul.navigation li ul li.selected:hover
{
    background-color: #8b0000;
    background-image: url(/download/delta/backgrounds/hexPattern.png);
}

ul.navigation li ul li:active
{
    box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;
    -moz-box-shadow: inset 0 0 10px #000;
}

ul.navigation li ul
{
    display: none;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0px;
    font-size: 11px;
    border-radius: 0 0 5px 5px;
    background-color: transparent;
    padding-top: 8px;
    background-image: url(/download/delta/navigation/redArrow.png);
    background-position: 20px 4px;
    background-repeat: no-repeat;
    box-shadow: 0 8px 30px #1A1A1A;
    -webkit-box-shadow: 0 8px 30px #1A1A1A;
    -moz-box-shadow: 0 8px 30px #1A1A1A;
}

ul.navigation li.left ul
{
    background-image: url(/download/delta/navigation/grayArrow.png);
}


ul.navigation li ul li
{
    height: 35px;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #9E1E22;
    background-image: none;
    display: block;
    margin: 0 -1px auto auto;
    width: 100%;
    z-index: 104;
    border-bottom: dashed 1px #EE2C2C;
    border-radius: 0;

    transition: 0.5s;
    -moz-transition: 0.5s; /* Firefox 4 */
    -webkit-transition: 0.5s; /* Safari and Chrome */
    -o-transition: 0.5s; /* Opera */
}

ul.navigation li ul li a
{
    margin-top: 9px;
}

ul.navigation li:hover ul
{
    display: block;
}


ul.navigation li ul li ul {
    position: absolute;
    left: 100%;
    top: 0;
    visibility: hidden;
    display: none;
    background-image: url(/download/delta/home-page/calendar/BubbleEdges.png);
    background-position: 0px -22px;
    height: 179px;
    width: 180px;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    color: #4a4a4a !important;
}

ul.navigation li ul li:hover ul {
    display: block;
    visibility: visible;
}

ul.navigation li ul li ul li {
    background-image: none;
    background-color: transparent;
    border: none;
}

ul.navigation li ul li ul li:hover {
    background: transparent;
}

ul.navigation li ul li ul li a {
    color: #4a4a4a !important;
}