﻿
#panelMainMenu
{
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
    font-size: 90%;  
    font-family: "Lucida Grande", verdana, sans-serif;     
}
#Menu-Outer
{    
    width: 100%;
    padding: 0;
    margin: 0;   
    border-bottom: 3px solid #135DBA;

}

/*#MainMenu
{
     clear: both;  
     width: 100%;
     border: solid 1px black;
     padding: 0;
     margin: 0;
     background: #135DBA url(images/menu-bg-lightblue.jpg) repeat-x top left;
}*/


#Menu-Outer li{   
    list-style: none;	
	text-align: center; 	
	width:100%;   
	display: inline-block;	
	text-decoration: none;
	padding: 0.34em 0.05em 0.30em 0.05em;
	font-size: 13px; 	
	vertical-align: bottom;	
    background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #135DBA 0%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(0%,#135DBA));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#135DBA 0%);
	background: -o-linear-gradient(top,  #ffffff 0%,#135DBA 0%);	
	background: linear-gradient(to bottom,  #ffffff 0%,#135DBA 0%);    
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#135DBA',GradientType=0 );     
    content: '';	    
	position: static;   
	left: 0;
	top: 110%;
	box-shadow: -2px 2px 10px rgba(255,255,255,.5) inset;	
    white-space: nowrap;
}

#Menu-Outer ul li {
    float: left;
    position: relative;
}

#Menu-Outer ul li a {      
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #f3f5f6; /* font color */
    text-decoration: none;
    padding: 0.25em 0.5em 0.25em 0.5em;
    font-size: 13px; /* font size */
    vertical-align: bottom;
}

 #Menu-Outer li li
{
    position: relative;
	display: inline-block;	
    font-size: 11px; /* font size */	
	text-align: left; /* change to "center" or "right" to align differently */
	text-decoration: none;
	padding: 0.20em 0.30em 0.20em 0.30em;
	
}

#Menu-Outer li li a
{    
    position: relative;
	display: inline-block;
	overflow: hidden;
	color: #f3f5f6; /* font color */
	text-decoration: none;
	padding: 0.25em 0.5em 0.25em 0.5em;
	font-size: 11px; /* font size */	
	vertical-align: bottom;
	-webkit-transition: color 0.5s; /* transition property and duration */
	-moz-transition: color 0.5s;
	transition: color 0.5s;
}

#Menu-Outer li:hover 
{	
    background: #808080; /* tab background */   
    color: white;    
	left: 0;
	top: 110%; /* extra 10% is to account for shadow dimension */
	box-shadow: -2px 2px 10px rgba(255,255,255,.5) inset;	    
}

#Menu-Outer ul ul {
    position: absolute;
    left: 0;
    opacity: 0; /* Hide sub level, we will use this in transition */
    -webkit-transition: opacity 1.4s ease-in-out; /* For chrome & safari */
    -moz-transition: opacity 1.4s ease-in-out; /* For mozilla firefox */
    -o-transition: opacity 1.4s ease-in-out; /* For opera */
    transition: opacity 1.4s ease-in-out; /* Not yet implemented, but will be available soon */
    z-index: 497;    
}

#Menu-Outer ul ul ul {
        position: absolute;
        left: 100%;
        opacity: 0;
        -webkit-transition: opacity 1.5s ease-in-out; /* Hide sub levels */
        -moz-transition: opacity 1.5s ease-in-out;
        -o-transition: opacity 1.5s ease-in-out;
    }

#Menu-Outer ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#Menu-Outer ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; }

#Menu-Outer li li a.with-submenu
{   
    background: transparent url(images/submenu-li-bg.png) right center no-repeat;       
    
}

/*================== Layout styles only ===============================*/

#Menu-Outer ul 
{ 
    padding: 0; 
    margin: 0; 
    list-style: none; 
    line-height: 1;    
}
 
#Menu-Outer a 
{ 
    display: block; 
    width: 12em; 
} 
#Menu-Outer li 
{ 
    position: relative;
    float: left; 
    width: 13em; 
}

#Menu-Outer li ul 
{ 
    position: absolute; 
    width: 12em; 
    left: -999em; 
    margin: 0.05em 0 0 0em; 
} 

/*This sets the style for items on the 2nd level and below */
#Menu-Outer li li
{
     width: 14em;
}
#Menu-Outer li li a
{
    width: 13em;
}

#Menu-Outer li:hover ul 
{ 
    left: auto; 
}
/*  This pulls the 3rd level in line with the second level
    The values here depend on the amount of padding in the LI or A elements
    and the width of the LI elements*/
#Menu-Outer li ul ul 
{ 
    margin: 0 0 0 0;     
}

#Menu-Outer li:hover ul ul, 
#Menu-Outer li.sfhover ul ul 
{ 
    left: -999em; 
}
#Menu-Outer li:hover ul, 
#Menu-Outer li li:hover ul, 
#Menu-Outer li.sfhover ul, 
#Menu-Outer li li.sfhover ul 
{ 
    left: auto; 
}
    
 /*================== Home page Toogle Changes ===============================*/ 

 .hometoggle
{    
	display: inline-block;
	overflow: hidden;
	text-align: left; /* change to "center" or "right" to align differently */
	text-decoration: none;
	padding: 0.4em 0.5em 0.4em 0.5em;
	font-size: 13px; /* font size */	
	vertical-align: bottom;
	-webkit-transition: color 0.5s; /* transition property and duration */
	-moz-transition: color 0.5s;
	transition: color 0.5s;   	
    border-radius: 5px 5px 5px 5px;
    width:99%;
    color: #ffffff; 
     background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #135DBA 0%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(0%,#135DBA));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#135DBA 0%);
	background: -o-linear-gradient(top,  #ffffff 0%,#135DBA 0%);	
	background: linear-gradient(to bottom,  #ffffff 0%,#135DBA 0%);    
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#135DBA',GradientType=0 );    
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#135DBA',GradientType=0 );    
    cursor:pointer;   
}

.hometoggle:hover 
{	
    background: #808080; /* tab background */
    display: inline-block;
    position: relative;
    color: #ffffff;    
     
}

.hometoggle .arrow-down {
    position: relative;
    bottom: 3pt;
    content: "";
    display: inline-block;    
    width:10px;
    height:10px;
    border-right: 2px solid white;
    border-top: 2px solid white;
    transform: rotate(-225deg);
    

}

.hometoggle .arrow-up {
    position: relative;
    top: 3pt;
    content: "";
    display: inline-block;    
    width:10px;
    height:10px;
    border-right: 2px solid white;
    border-top: 2px solid white;
    transform: rotate(-45deg);  
     
}

.hometoggle span
{	    	
    display: inline-block;
	overflow: hidden;
    width:98%;  
}

.QuickSearch
{
    
	display: inline-block;
	overflow: hidden;
	text-align: left; /* change to "center" or "right" to align differently */
	text-decoration: none;
	padding: 0.4em 0.5em 0.4em 0.5em;
	font-size: 13px;  /* font size */
	font-weight: bold;
	vertical-align: bottom;
	-webkit-transition: color 0.5s; /* transition property and duration */
	-moz-transition: color 0.5s;
	transition: color 0.5s;
    background: #333;	
    border-radius: 5px 5px 5px 5px;
    width:93%;
    color: #ffffff;  
     
}

.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}
input[type=button].btn-block,input[type=reset].btn-block,
input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}
tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}
.collapsing{
position:relative;
height:0;
overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}

.hometoggle .homebutton
{    
    display: inline-block;
	overflow: hidden;
	text-align: left; /* change to "center" or "right" to align differently */
	text-decoration: none;
	font-size: 13px; /* font size */	
	margin:0px;
    width:99%;
    color: #ffffff; 
    cursor:pointer;   
    background-color:transparent;
	 
}