﻿@charset "utf-8";
/* look to CSS directory for styles */
/* for Simple Menu, see Simple menu folder */

    .navbar{margin-bottom:0!important;}
    .navbar-inner{border:none!important; box-shadow:none!important; background:none transparent!important; padding-right:0!important;}
        .navbar .brand {padding:0!important;}

    /* Site Navigation */
    .nav-collapse {
	    position:relative;
    }

    .nav-pills  > li > a {
      padding-top: 8px !important;
    }

    .nav li { 
		position:relative; 
		list-style:none;
		margin: 0;
	}
	
    .nav li ul {
		margin-left:0;
	}
	
    .nav > li {
		float:left;
		height:30px;
		padding-top:5px;
		margin-right:2px;
	}
	
    .nav > li > a,
    .nav > li > span {
		display:block;
		padding:5px 0 5px 15px;
		font-size:14px;
		font-weight:bold;
		color:#666;
		text-decoration:none;		
	}
	
    .nav > li:hover > a,
    .nav > li.active > a  {
        color:#3B96B6;
        /* override default bootstrap nav pills styles*/
        background-color:transparent!important;
        box-shadow:none!important;
    }
    .nav > li:hover > a:active { color:#3B96B6;}
    .nav > li:hover > span { color:#3B96B6;}

    .nav > li > a .caret.hidden-desktop{
        border:none!important;
        background-image:url(bootstrap/img/glyphicons-halflings-white.png);
        background-color:#333;
        background-position:-305px -110px!important;
        width:30px!important; line-height:30px!important; min-height:30px!important; height:auto;
        display:inline-block;
        margin:0!important;
        border-radius:3px;
    }
    .nav > li > a .caret.hidden-desktop:hover {
        background:url(bootstrap/img/glyphicons-halflings-white.png) -305px -110px, linear-gradient(to bottom, #2D2D2D 0%, #565656 100%)!important;
    }

	/* Secondary level */
    .nav > li ul {  /* Styles for all sub levels */
		top:60px; 
		left:0; 
		padding: 15px 5px;
		display:none;
		position:absolute;
		z-index: 2;
		width:225px;
		background:#F5F7F7;
		border: 1px solid #cbcbcb;
		/* CSS3 */
		border-radius: 0px;
		/*box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15);*/
		-webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow:			 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		-webkit-animation-duration: .25s;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .25s;
		-moz-animation-delay: .2s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: .25s;
		-ms-animation-delay: .2s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: .25s;
		animation-delay: .2s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		
	}
	
    .nav-collapse:not(.in) .nav li:hover > ul { 
		display:block;
	}
    .nav-collapse .nav li > iframe{ display: none;z-index: 1 !important;}
    .nav-collapse:not(.in) .nav li:hover > iframe{ display: block;}

    .navbar .nav > li > .dropdown-menu:before{
        border:none!important;
    }
	
    .navbar .nav > li > .dropdown-menu:after {
		position:absolute!important;
		top:-15px!important; 
		left:20px!important;
		content:''!important;
		width:0px!important; 	
		height:0px!important; 
		border-left:15px solid transparent!important;  /* left arrow slant */
		border-right:15px solid transparent!important; /* right arrow slant */
		border-bottom:15px solid #F5F7F7!important; /* bottom, add background color here */
		font-size:0px!important;
		line-height:0px!important;
	}

    .nav .dropdown-menu > .active > a,
    .nav .dropdown-menu > .active > a:focus {
        background-color:transparent!important;
        background-image:none!important;
        color:#3B9FBF!important;
        outline:none;
    }
    .nav .dropdown-menu a {
		display:block;
		padding: 3px 15px;
		color:#3B9FBF;
		font-size: 13px;
		font-weight: normal;
		text-decoration:none;
		/* transition decleration */
		transition: 		all ease-in 100ms;
		-moz-transition: 	all ease-in 100ms; /* Firefox 4 */
		-webkit-transition: all ease-in 100ms; /* Safari and Chrome */
		-o-transition: 		all ease-in 100ms; /* Opera */
		-ms-transition: 	all ease-in 100ms; /* IE9? */
	}
    .nav .dropdown-menu > li > a:hover,
    .nav .dropdown-menu > .active > a:hover{
        background-color:transparent!important;
        background-image:none!important;
        color:#DD0000!important;
    }
    .nav-collapse:not(.in) .nav .dropdown-menu{
        border-radius:0!important;
    }
    .nav > li > ul li:hover {
		color:#D00;
		background: #F5F7F7;
	}
	
	/* Tertiary level */
    .nav li ul li ul {
		left:225px; 
		top:-8px;
		padding: 15px 5px;
		border-left: 1px solid #ddd;
	}

    /* Navigation button on mobile size */
    .nav-collapse.in {
        width:100%;
    }
    .navbar .btn-navbar {
        background-color: #333333!important;
        background-image: linear-gradient(to bottom, #333333, #333333)!important;
        cursor:pointer;
        margin-top:10px!important;
    }
    .navbar .btn-navbar:hover,
    .navbar .btn-navbar:active {
        background:linear-gradient(to bottom, #2D2D2D 0%, #565656 100%)!important;
    }
