/*begun new sites 2015*/
#toolBarWrapper a{
    color: #fff;
    text-decoration: none;
}

/*end new sites 2015*/
#topMenuSpacer{
    height:38px;
}

#toolBarWrapper{
	position: fixed;
	top:0;
	left: 0;
	height:40px;
	width: 100%;
	
	z-index: 1000;
	display:table;
	
	background: rgba(60, 60, 60, 1);	
	
	clear:both;
	z-index: 1010;
}

#toolBarTitle{
	/*position: fixed;
	top: 0;
	left: 0px;*/
	padding: 0 10px;
	float: left;
	
	height: 40px;
	line-height: 40px;
	
	z-index: 1010;
	
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	border-right: #000 solid 1px;

	transition-property: background-color, color;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}
#toolBarTitle:hover{
	background-color: #cecece;
	transition-property: background-color, color;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}

/*toolBarLogin
.toolBarLogin{
	padding: 0 10px;
	width: 20px;
}*/

/*li s
.menuLogin{
	height: 200px !important;
}
.toolBarLogin li{
	width: 100% !important;
}
.toolBarLogin li:hover .menuLogin{
	width: 160px !important;
}*/

/*login icon
.toolBarLogin li img{
	height: 14px;
	position: relative;
	top:3px;
	margin: 0 2px 0 0;
}

.toolBarLogin input{
	width: 100px;
}*/


/*menu*/
#toolBarMenuWrapper{
	/*position: fixed;*/
        position: absolute;
	right: 0;
	float: right;
	
	z-index: 1010;
	display:table;
}

#toolBarMenuWrapper li a{
	display: block;
	padding: 0 4px 0 4px;
}

#toolBarMenuWrapper ul{
	margin: 0;
	padding: 0;
	
	display:table-cell;
	list-style: none;	
}
/*
@keyframes clickani{
	0%   {background: red;}
	25%  {background: yellow;}
	50%  {background: blue;}
	100% {background: green;}
}

#toolBarMenuWrapper ul li a:active{
	animation: clickani 10s;
	animation-fill-mode:forwards;
	-webkit-animation: slideSearchBarDownNew 1s;
	-webkit-animation-fill-mode:forwards;
} */

#toolBarMenuWrapper ul li{
	position:relative;
	top:0;
	float: left;
	
	height: 40px;
	min-width: 80px;
	line-height: 40px;

	text-align: center;
	border-left: #000 solid 1px;
	
	background: rgba(60, 60, 60, 1);
	transition-property: background-color, color;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}
#toolBarMenuWrapper ul li:hover{
	background-color: #cecece;
	transition-property: background-color, color;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}

/*submenu
#toolBarMenuWrapper ul li ul{
	position: relative;
	left:-1px;
	
	padding:0;
	margin:0;
	
	display: none;
	opacity:0;
	list-style: none;

}
#toolBarMenuWrapper ul li:hover ul{
	min-width: 50px;
	display:block;
	opacity:1;
	
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
}
#toolBarMenuWrapper ul li ul li{	
	float: none;
	border-bottom: #000 solid 1px;
	border-right: #000 solid 1px;
}
#toolBarMenuWrapper ul li ul li.last{	
	border-bottom: #000 solid 1px;
}
#toolBarMenuWrapper ul li ul li:hover{
	background-color: #cecece;
}
*/
/* keyframes - slide up
@keyframes slideSearchBarUpNew {
    from { transform: translateY(0px)   }
    to   { transform: translateY(-40px) }
    1% { opacity: 0.1;}
    100% { opacity: 1;}
}*/
/* keyframes - slide down*/
/*@keyframes slideSearchBarDownNew {
    from { transform: translateY(-40px) }
    to   { transform: translateY(0px)   }
}*/