﻿
ul#mainmenu, ul#mainmenu ul {
    list-style:none;
    margin:0;
    padding:0;
}

ul#mainmenu, ul#mainmenu .submenu {
}

ul#mainmenu .submenu {
    background-color:#636363;
    display:none;
    float:left;
    left:0;
    padding:0;
    position:absolute;
    top:100%;
    z-index:2;
}

ul#mainmenu li:hover > * {
    display:block;
}

ul#mainmenu li {
    position:relative;
}

ul#mainmenu li:hover {
    z-index:1;
}

ul#mainmenu ul .submenu {
    left:100%;
    position:absolute;
    top:0;
}

ul#mainmenu, ul#mainmenu ul li ul {
    background-color:#CCCCCC;
    min-width:12em;
}

ul#mainmenu {
    font-size:95%;
    padding:0;
    position:relative;
    z-index:999;
}

ul#mainmenu .column {
    float:left;
}

* html ul#mainmenu li a {
}

ul#mainmenu > li {
    display:block;
    float:left;
    margin:0;
    padding:0;
}

ul#mainmenu a:active, ul#mainmenu a:focus {
    outline-style:none;
}

ul#mainmenu a {
    background-repeat:repeat;
    color:#000000;
    cursor:pointer;
    display:block;
    font-size:85%;
    padding:.1em;
    text-align:left;
    text-decoration:none;
    vertical-align:middle;
}

ul#mainmenu ul li {
    float:none;
    margin:0;
    padding:0;
}

ul#mainmenu ul a {
    background-color:#636363;
    color:#FFFFFF;
    font-size:70%;
    padding:0.3125em 0.5em;
    text-align:left;
    text-decoration:none;
}

ul#mainmenu li:hover > a, ul#mainmenu li a.pressed {
    color:#FFFFFF;
    text-decoration:none;
}

ul#mainmenu img {
    vertical-align:middle;
}

ul#mainmenu ul span {
    background-image:none;
    padding-right:0.5em;
}

ul#mainmenu ul li:hover > a, ul#mainmenu ul li a.pressed {
    background-color:#404040;
    color:#6AA43A; /**#404040**/
    text-decoration:none;
}

ul#mainmenu ul li ul a {
    background-color:#404040;
    color:#FFFFFF;
    font-size:60%;
    min-width:18em;
    padding:0.35em 0.5em;
    text-align:left;
    text-decoration:none;
}

ul#mainmenu ul li ul li:hover > a, ul#mainmenu ul li ul li a.pressed {
    background-color:#CCCCCC;
    color:#404040;
    text-decoration:none;
}

ul#mainmenu ul li ul li ul a {
    background-color:#CCCCCC;
    color:#404040;
    font-size:50%;
    min-width:12em;
    padding:0.4em 0.5em;
    text-align:left;
    text-decoration:none;
}

ul#mainmenu ul li ul li ul li:hover > a, ul#mainmenu ul li ul li ul li a.pressed {
    background-color:#404040;
    color:#FFFFFF;
    text-decoration:none;
}

ul#mainmenu > li > a {
    padding:0.5em;
}

ul#mainmenu li.topmenu > a {
    background-color:#404040;
    border-right:0.085em solid #999999;
    color:#FFFFFF;
    padding:0.475em 0.75em 0.5em 0.75em;
}

ul#mainmenu li.topmenu:hover > a, ul#mainmenu li.topmenu a.pressed {
    background-color:#636363;
    color:#6AA43A; /**#6AA43A**/
}

.pki_mainmenu {
    color:orange; /**#B696C4**/
    font-family:Arial,Helvetica,sans-serif;
    font-size:80%;
    font-weight:bold;
}


/** SIDE **/


.sidenav {
    background-color: rgba(0, 0, 0, 0);
    margin-right: 20px;
    width: 210px;
}
.sidearrow {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/arrowsub.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    overflow: visible;
    padding-right: 15px;
}
.tophead {
    background-color: #520270;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
    min-height: 10px;
    padding: 5px 8px;
    width: 184px;
}
ul#sidenav1 {
    display: block;
    float: left;
    font-size: 0;
    padding: 0 1px 1px;
    position: relative;
    width: 200px;
    z-index: 999;
}
ul#sidenav1, ul#sidenav1 ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 200px;
}
ul#sidenav1 ul {
    background-color: #520270;
    background-image: none;
    box-shadow: 0.7px 0.7px 1px #777777;
    display: none;
    left: 100%;
    padding: 0 8px 8px;
    position: absolute;
    top: 0;
}
ul#sidenav1 li:hover > * {
    display: block;
}
ul#sidenav1 li {
    display: block;
    font-size: 0;
    position: relative;
}
ul#sidenav1 li:hover {
    z-index: 1;
}
ul#sidenav1 ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}
ul#sidenav1 > li {
    margin: 0;
}
ul#sidenav1 a:active, ul#sidenav1 a:focus {
    outline-style: none;
}
ul#sidenav1 a {
    background-color: #404040;
    border-style: none;
    border-width: 0;
    color: #FFFFFF;
    cursor: default;
    display: block;
    font: 13px Arial;
    padding: 5px 8px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}
ul#sidenav1 ul li {
    float: none;
    margin: 5px 0 0;
}
ul#sidenav1 ul a {
    background-color: #520270;
    background-image: none;
    color: #ffffff;
    font: 13px Arial;
    padding: 5px 0 0;
    text-align: left;
    text-decoration: none;
}
ul#sidenav1 li:hover > a, ul#sidenav1 li a.pressed {
    background-color: #520270;
    border-style: none;
    color: #EFEFEF;
    text-decoration: none;
}
ul#sidenav1 span {
    background-image: url("/images/arrowsub.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    overflow: visible;
    padding-right: 15px;
}
ul#sidenav1 ul span {
    background-image: url("/images/arrowsub.png");
    padding-right: 15px;
}
ul#sidenav1 > label.switch {
    cursor: pointer;
    display: none;
    height: 20px;
    padding: 10px;
    width: 25px;
}
ul#sidenav1 > label.switch:before {
    background: none repeat scroll 0 0 #262626;
    box-shadow: 0 8px #262626, 0 16px #262626;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    width: 25px;
}
ul#sidenav1 > label.switch:hover:before {
    background: none repeat scroll 0 0 #EFEFEF;
    box-shadow: 0 8px #EFEFEF, 0 16px #EFEFEF;
}
ul#sidenav1 > .switchbox {
    display: none;
}
ul#sidenav1 ul li:hover > a, ul#sidenav1 ul li a.pressed {
    background-color: #A177B4;
    color: white;
    text-decoration: none;
    width: 200px;
}
ul#sidenav1 _ > li > a {
    padding: 0;
}
ul#sidenav1 li.subfirst > a {
    border-style: none;
    border-width: 0;
    padding: 0;
}
ul#sidenav1 li.subfirst:hover > a, ul#sidenav1 li.subfirst a.pressed {
    border-style: none;
}
