a#tabmenuLink {display:none;}

/* main menu
--------------------------------------------*/
ul#tabmenu
{
    /*width:99%;*/
    width: auto;
    margin: 0 auto; /*If the menu has a width, this "margin:0 auto;" makes the menu center-aligned. You can remove it for left-alignment, or change it to "margin-left:auto; margin-right:0;" for right-alignment.*/
    text-align:left;
    list-style:none;
    padding:0;
    font-size:0;
    position:relative;
}
ul#tabmenu:after
{
    content:'.'; height: 0; clear: both; display: block; visibility: hidden;
}
        
ul#tabmenu li
{
	    display:inline;
	float:left;
    list-style:none; padding:0;
    margin-top:0;margin-bottom:0;
    margin-left:0px;margin-right:0px;
	/*border-right: 1px solid #3e5771;*/
	border-right:1px solid #9a9a9a;
}
ul#tabmenu li ul li a span {
	color: black !important;
}


        
/*Main menu links*/
ul#tabmenu li a
{
    letter-spacing:normal;
    color:#fff !important;
    padding:3px 10px;
    line-height:31px;
    font-size:13px;
    font-weight:normal;
    font-family: sans-serif;
    text-decoration:none;
    display:inline-block; 
    outline:0;
    
    border:0px solid #CAD0DB;
    border-bottom:none;
   /* background:#F7F7F7;*/
    position:relative;
    top:0px;
    z-index:4;  
    border-radius:0 0px 0 0;
}
ul#tabmenu li a span{
	font-weight:normal !important;
	font-size:12px !important;
	font-family: sans-serif; font-weight: bold;
	color:#fff !important;
	text-transform:uppercase;

}
.ui-icon-new {
  /*height: 16px;
  width: 16px;*/
  padding-right:3px; 
}


/* If you've set the menu's javascript file with { preview:false }, you may want to specify the following hovered tab styles     
ul#tabmenu li a:hover {
    color: #007a00;
    background: black;
}*/

ul#tabmenu li.active a
{
    padding:3px 10px !important;
    background: #aaaaaa; 
    color:#990000;
}
ul#tabmenu .active .ui-icon-new{
	color:#ffffff !important;
}

/* You can set active tab's style when hovered
ul#tabmenu li.active a:hover {
    color:green;
}*/
        
/* Secondary level sub-menu
----------------------------------------------------------*/
ul#tabmenu li.active ul, ul#tabmenu>li:first-child>ul
{
    display:block;
    text-align:left;
    margin:0;
    padding:0;
    border:1px solid #CAD0DB;    
    float:left;
    width:100%;
    z-index:3;
    box-sizing:content-box;
    border-radius:3px;
}
        
ul#tabmenu li ul
{
    display: none;
    letter-spacing:normal;
    background:#EEEEEE;
}    
ul#tabmenu li li
{
    margin-left: 0px;
}
     
/*Sub-menu links*/
ul#tabmenu ul li a
{
    color:#000000;
    padding:0;
    padding-left:13px;padding-right:0; 
    font-size:12px;
    font-weight:bold;
    font-family:Arial;
    line-height:36px;
    margin: 0; border: 0; top: 0;
    background: transparent;
}
ul#tabmenu li.active li a, ul#tabmenu li.active li a:hover {
    color:#000000;
    border: 0;
    background: transparent;
}

ul#tabmenu ul li.subActive a, ul#tabmenu ul li a:hover
{
    text-decoration: none;
    color:#660000;
}

ul#tabmenu li.dummy {margin:0;}
ul#tabmenu li.dummy a
{
    padding:0;margin:0;border:0;
    padding-bottom:1px;    
    width:0;/* Set it 0 if not template 1 */ 
}

/*Third-level sub menu
------------------------------------------------------------*/
ul#tabmenu ul li li
{
    font-size:12px;
}
/* links */
ul#tabmenu ul li li a
{
    line-height:22px;
    padding: 0; 
    white-space: nowrap;
    font-size:12px;
    font-weight:bold;
    font-family:Arial;
}
/* non-active links */
ul#tabmenu ul li.subActive li a
{
    color:#000000;
    text-decoration: none;
}
/* active link */
ul#tabmenu ul li.subActive li.subActive a, ul#tabmenu ul li.subActive li a:hover
{
    color:#660000;
    text-decoration: underline;
}

ul#tabmenu li.active li li
{
    display: block;
    *clear:both;/*IE hack*/
}

ul#tabmenu li.active ul ul
{
    text-align:left;
    padding:4px 24px 10px 24px;
    left: 0px; /*offset*/
    width: auto;
    background:#EEEEEE;
    border:1px solid #CAD0DB;
    border-top: 0;
    *top: 36px;
    display: none;
    position: absolute;
    z-index: 4;
    border-radius: 0 0 4px 4px;
}
ul#tabmenu li.active li
{
    position: relative;
}

.search-bar-middle {
  /*background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;*/
  /* background: #f4f4f4 none repeat scroll 0 0; */
  /* border: 1px solid #cccccc; */
  color: #010101 !important;
  display: inline-block;
  font-family: sans-serif; font-weight: bold;
  font-size: 13px !important;
  font-weight: normal !important;
  margin-bottom: 20px;
  padding-bottom: 13px;
  text-align: center;
  width: 100%;
  /* box-shadow:1px 1px 10px rgba(0, 0, 0, 0.2); */

}
.search-bar-middle span{
	display:inline-block !important;
	text-align:center !important;
	background:none !important;
	border:none !important;
	font-family: sans-serif; font-weight: bold;
  	font-size:13px !important;
  	color:#010101;
  	font-weight:normal !important;	
	padding:0px 6px !important;
}

