﻿/*--------------- Horizental Menu Styles -----------------------------------------------*/
@media only screen and (max-width:768px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        box-shadow: 5px 5px 5px #ccc;
    }

    .navbar-toggle {
        float: right !important;
    }

    .navbar-collapse {
        margin-bottom: 0;
        padding-bottom: 0;
        background-color: white;
        padding-right: 0px !important;
    }

    ul.HorzMenuUL li {
        float: none !important;
        padding: 5px 0;
        border-bottom: 1px solid #ccc;
        margin: 0;
    }

        ul.HorzMenuUL li:last-child {
            border-bottom: none;
        }

        ul.HorzMenuUL li a {
            padding: 13px 23px !important;
            color: #808888 !important;
        }
}

@font-face {
    font-family: 'byekan';
    src: url('/addon/BYekan.eot');
    src: local('☺'), url('/addon/BYekan.woff') format('woff'), url('/addon/BYekan.ttf') format('truetype');
}

ul.HorzMenuUL {
    padding: 0px;
    margin: 12px 0;
    list-style: none;
    /*float: right;
	clear: right;*/
    width: 100%;
}

    ul.HorzMenuUL li {
        float: right;
    }

        ul.HorzMenuUL li a {
            text-decoration: none;
            font-size: 13px;
            font-family: byekan, tahoma;
            padding: 10px 15px;
            color: #a0a0a0;
            text-shadow: 0 -1px 0 #000000;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            line-height: 2;
        }

            ul.HorzMenuUL li a span {
            }

            ul.HorzMenuUL li a:hover {
                background-color: transparent;
                color: #ffffff;
                text-decoration: none;
                transition: color ease 0.3s;
                text-shadow: 0 1px 0 #ffffff, 0 0 30px #ffffff;
                text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
            }

                ul.HorzMenuUL li a:hover span {
                }

            ul.HorzMenuUL li a.current {
                color: #0d5f83;
            }

                ul.HorzMenuUL li a.current span {
                }
/*--------------- End of Horizental Menu Styles ----------------------------------------*/
