/*

    CSS Document


    Site: KEYnet 4
    Version: 1.0

    Date: 2012.12.31

*/


/* ==========================================================================
   Default
   ========================================================================== */

/* Global navigation
   ========================================================================== */

.global-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 16px;
}
.global-nav ul {
    list-style-type: none;
    margin: 0;
    margin-top: .7rem;
    padding: 0;
    padding-right: 12px;
    padding-left: 0 !important;
}
.global-nav  ul li { 
    float: left;
    margin: 0;
    padding: 0;
    padding:0 5px;
    color:#fff;
    position: relative;
    top: -5px;

}
.global-nav  ul li .icon-files { 
    background: url(../images/icon-files-neg.png) no-repeat 2px 2px;
}
.global-nav  ul li .icon-messages { 
    background: url(../images/icon-messages-neg.png) no-repeat 5px 5px;
}
.global-nav  ul li .icon-comment { 
    background: url(images/icon-files-neg.png) no-repeat 2px 2px;
}
.global-nav  ul li a { 
    display: block;
    height: 18px;
    color:#fff;
    font-weight:bold;
    font-size:13px;
}
.global-nav  mark { 
    background: #f7941e;
    -moz-border-radius: 10px; /* Firefox */
    -o-border-radius: 10px; /* Opera */  	
    -webkit-border-radius: 10px; /* Safari, Chrome */
    border-radius: 10px; /* CSS3 */			
    color: #fff;
    font-size: 0.75em; /* 12px / 16 px */
    font-style: normal;
    height: 20px;
    right:10px;
    padding:2px;
    position: absolute;
    text-align:center;
    top:-3px;
    width: 20px;
}

.global-nav .read {
    background: #fff;
    color:#000;
}

/* Subsidary navigation
   ========================================================================== */

#menuPanel {
    padding-right: 20px;
}

aside#sidebar  {

}
p.icon-menu {
    display: inline-block;
    height:16px;
    position:absolute; 
    right: 13.636363636364% ; /* 30px / 220px */  
    top:18px;
    width:16px;
}
aside#sidebar nav.sub-nav {
}
aside#sidebar nav.sub-nav {
    background:url(../images/bg/bg-divider.gif) repeat-x bottom left;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    position: absolute;
    background-color: #999;
    min-height:100%;
}
.sub-nav h2 {
    margin:0 0 10px 0;
    width:100%;
}
.sub-nav h2 mark {
    float:right;
}
.sub-nav  ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.sub-nav  ul li { 
    border: 1px solid transparent;	  
    font-size: 0.75em; /* 12px / 16 px */
    line-height: 1.5em; /* 18px / 16 px */
    margin: 0 0 5px 0;
    padding:5px 0 0 5px;
}
.sub-nav  ul li mark { 
    background:#fff;
    border: 1px solid #dedede;	
    -moz-border-radius: 5px; /* Firefox */
    -o-border-radius: 5px; /* Opera */  	
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */		
    float:right;
    display: inline-block;
    font-style:normal;
    font-weight:normal;
    padding:5px;
    position: relative;
    top:-8px;
    right:-4px;
}
.sub-nav  ul li:hover mark { 
    border: 1px solid #fff;	
}
.sub-nav  ul li a {
    display: block;   
    color: #2c2c2c;
    padding:5px 20px 8px 15px;
    text-decoration: none;  
    text-align: center;
    font-size:79%;
}
.sub-nav ul li:hover,
.sub-nav ul li.current {
    background:#fff;
    border: 1px solid #dedede;	
    -moz-border-radius: 5px; /* Firefox */
    -o-border-radius: 5px; /* Opera */  	
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */	
    color: #266caa;    
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition:  all 0.5s ease-in-out;
    -o-transition:  all 0.5s ease-in-out;
    transition:  all 0.5s ease-in-out;	
}
.sub-nav  ul li img
{
    display:block;
    margin:0 auto;
}

/* Help navigation
   ========================================================================== */

.help-nav {
    /*TODO: DANGER MIGHT BE BREAKING CSS*/
    border-bottom: solid 1px #dedede;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
}
.help-nav ul { 
    list-style-type: none;
    margin:0 0 0 0;
    padding:0;
}
.help-nav ul li { 
    background:#eef3f8;	
    border-bottom: solid 1px #dedede;		
    border-top: solid 1px #dedede;	
    border-left: solid 1px #dedede;	
    border-right: solid 1px #dedede;		
    font-weight:bold;	
    float: left;
    margin:0 5px 0 0;
    padding:10px;
    position: relative;
    top: 1px;
    
}
.help-nav ul li.current:hover,
.help-nav ul li.current { 
    background:#fff;	
    border-bottom: solid 1px #fff;	
    border-top: solid 1px #dedede;	
    border-left: solid 1px #dedede;	
    border-right: solid 1px #dedede;
}
.help-nav ul li:not(.disabled, .actionTab3):hover {
    background: #266caa;
    border-bottom: solid 1px #266caa;		
    border-top: solid 1px #266caa;	
    border-left: solid 1px #266caa;	
    border-right: solid 1px #266caa;	
}
    .help-nav ul li:not(.disabled):not(.actionTab3):hover a {
        color: #fff;
    }
.help-nav ul li.current:hover a {
    color: #266caa;
}

.help-nav ul li.last {
    border-right: solid 1px #dedede;
}
.help-nav ul li a { 
    display: block;
}
.help-nav ul li a:hover { 
    text-decoration:none;
    
}


.help-nav ul li:hover > ul {
    display: block;

}

.help-nav ul li.actionTab3 {
    float: right;
    border: none;
    background: none;
    padding: 10px 0 10px 30px;
}

.help-nav ul li:hover.actionTab3 a {
    color:#00529B;
}

.help-nav ul ul {
    display: none;
}


    .help-nav ul li:hover.actionTab3 > ul,
    .help-nav ul li:active.actionTab3 > ul {
        display: block;
    }

    .help-nav li.actionTab3 ul li:hover a,
    .help-nav li.actionTab3 ul li:active a {
        color: #00529B;
        text-decoration: none;
    }

	
.help-nav li.actionTab3 ul li a {
    display: inline-block; 
    padding:10px 10px 10px 5px;
}
	
.help-nav ul ul {
    background: #fff;
    border-radius: 0px;
    padding: 5px;
    position: absolute;
    top: 100%;
    box-shadow: none;
    border-bottom: solid 1px #dedede;
    border-top: solid 1px #dedede;
    border-left: solid 1px #dedede;
    border-right: solid 1px #dedede;
    width: 275px;
    right: -1px;
    z-index: 50;
}

.help-nav ul li.actionTab3 ul li {
    float: none; 
    border:none;
    position: relative;
    background-color:#fff;
    margin:0;
    padding:5px;
    position: relative;
    top: 1px;
    font-size:1em;
}

.help-nav ul li.actionTab3 ul li a {		
    color:#266CAA !important;
    border:none;
}

    .help-nav ul li.actionTab3 ul li a:hover,
    .help-nav ul li.actionTab3 ul li a:active {
        background-color: #eef3f8;
        border: none;
    }

    .help-nav ul li.actionTab3 ul li:hover,
    .help-nav ul li.actionTab3 ul li:active {
        background-color: #eef3f8;
        border: none;
    }
	

.help-nav2 {
    float:right;
    margin-left:5px;
    text-align:left;
}
.help-nav2  ul { 
    list-style-type: none;
    margin:0 0 0 0;
    padding:0;
   
}
.help-nav2  ul li { 
    margin:0 0 0 0;
    position: relative;
}
.help-nav2 ul li ul{
    z-index:100;
}

.help-nav2  ul li.last { 
    border-right: solid 1px #dedede;	
}

.help-nav2  ul li a { 
    display: block;
}

.help-nav2  ul li a:hover { 
    text-decoration:none;
}

.help-nav2 ul .actionTab2 ul {
    display: none;
}

.help-nav2 ul li:hover > ul {
    display: block;
}

.actionTab2 ul
{
    list-style-type: none;
    margin:0 0 0 0;
    padding:0;
}

.actionTab2 ul:after {
    content: ""; 
    clear: both; 
    display: block;
}

.actionTab2 ul li {
    background:#eef3f8;
    border-bottom: solid 1px #dedede;
    border-top: solid 1px #dedede;
    border-left: solid 1px #dedede;
    border-right: solid 1px #dedede;
    float: left;
    margin:0 0 0 5px;
    position: relative;
    top: 1px;
    float:right;
}

.actionTab2 ul li:hover {
    background: #266caa;
    border-bottom: solid 1px #266caa;
    border-top: solid 1px #266caa;
    border-left: solid 1px #266caa;
    border-right: solid 1px #266caa;
}

.actionTab2 ul li:hover a {
    color: #fff;
    text-decoration:none;
}

.actionTab2 ul li a {
    display: block;
}

.actionTab2 ul {
    background: #fff;
    border-radius: 0px;
    padding: 5px;
    position: absolute;
    top: 100%;
    border-bottom: solid 1px #dedede;
    border-top: solid 1px #dedede;
    border-left: solid 1px #dedede;
    border-right: solid 1px #dedede;
    width: 200px;
    right: 0;
}

.actionTab2 ul li {
    float: none;
    border: none;
    position: relative;
    background-color: #fff;
    margin: 0 0 0 0;
    padding: 5px;
    position: relative;
    top: 1px;
    font-size: 12px;
}

.actionTab2 ul li a {
    padding: 10px 10px 10px 5px;
    display: inline-block;
    color: #266CAA !important;
    border: none;
}

.actionTab2 ul li a:hover {
    color: #00529B;
    text-decoration: none;
}

.actionTab2 ul li:hover {
    background-color: #eef3f8;
    border: none;
}

.no-action
{
    border-bottom:1px solid #DEDEDE;
    height: 36px;
    margin: 0 0 15px;
}

.user-nav {
    padding: 0;
    margin-left: 15px;
    width: 50%;
    float: left;
}

.user-nav ul li {
    border: none;
    background: none;
    margin: 0;
    border: solid 1px #fff;
    color: #00529B;
    position: relative;    
    padding: 10px 10px 10px 15px;
}

.user-nav ul li:hover {
    border: none;
    background: none;
    border: solid 1px #dedede;
    background: #eef3f8;
}

.user-nav ul li:hover a {
    color: #00529B;
    text-decoration: none;
        
}

.user-nav ul {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
}

.user-nav .sign-out {
    border-top: 1px solid #dedede;
}

.tabContainer div[data-tabview].activeTab {
    display: inline;
}

a {
    cursor: pointer;
}

.tabContainer div[data-tabview] {
    display: none;
}

.aspNetDisabled {
    cursor: default !important;
}

.help-nav li.disabled {
    opacity: 0.7;
}