@import url(common.css);

div.ContentPane
{
	width:415px;
}

div.RightPane
{
	float:right;
	clear:right;
	width:200px;
	margin-top:18px;
	margin-bottom:18px;
}




/* 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 {
	float: right;
	position:relative;
}

div.nav{padding: 20px 45px 0 45px;
height: 45px;}

.nav li { 
	position:relative; 
	list-style:none;
	margin: 0;
}

.nav li ul {
	margin-left:0;
}

.nav > li {
	float:left;
	height:30px;
	line-height:30px;
	margin-right:2px;
}

.nav > li > a,
.nav > li > span {
	display:block;
	padding:3px 0 0px 15px;
	font-size:14px;
	font-weight:bold;
	color:#333;
	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:#000;}
.nav > li:hover > span { color:#000;}

.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:35px; 
	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;
}

.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 b.caret.hidden-desktop {
	display: none;
}
.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;
	top:37px!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;
}