/*
=======================================================================================
---  DLE ShortBar
---  V.1
---  http://e-div.com/blog/dle-shortbar.html
---------------------------------------------------------------------------------------
---  By Elegant Division
---  http://e-div.com
---  info@e-div.com
---------------------------------------------------------------------------------------
---  05.2013
=======================================================================================
*/

#ed-shortbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	width: 100%;
	height: 39px;
	color: #c5c5c5;
	background: #2f2f2f;
	background: -moz-linear-gradient(top,  #434343 0%, #2f2f2f 70%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(70%,#2f2f2f));
	background: -webkit-linear-gradient(top,  #434343 0%,#2f2f2f 70%);
	background: -o-linear-gradient(top,  #434343 0%,#2f2f2f 70%);
	background: -ms-linear-gradient(top,  #434343 0%,#2f2f2f 70%);
	background: linear-gradient(top,  #434343 0%,#2f2f2f 70%);
	box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.28) inset, 0 -1px 0 #222222 inset, 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.28) inset, 0 -1px 0 #222222 inset, 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.28) inset, 0 -1px 0 #222222 inset, 0 1px 3px rgba(0, 0, 0, 0.5);
	font: normal 12px/26px Tahoma, Verdana, Arial, sans-serif;
}
#ed-shortbar:before, #ed-shortbar:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
#ed-shortbar:after { clear: both; }
#ed-shortbar.autohide {
	opacity: .5;
	top: -33px;
	cursor: pointer;
}
	#ed-shortbar * {
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		white-space: nowrap;
		list-style: none;
		font-weight: normal;
		font-style: normal;
		vertical-align: top;
	}
	#ed-shortbar a {
		text-decoration: none;
		color: #C5C5C5;
		display: block;
	}
	#ed-shortbar a:hover {
		color: #F2F2F2;
	}
	#ed-shortbar > ul {
		background: #2f2f2f;
		background: -moz-linear-gradient(top,  rgba( 255,255,255,0.06) 0%, rgba( 255,255,255,0 ) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba( 255,255,255,0.06)), color-stop(100%,rgba( 255,255,255,0)));
		background: -webkit-linear-gradient(top,  rgba( 255,255,255,0.06) 0%, rgba( 255,255,255,0.0) 100%);
		background: -o-linear-gradient(top,  rgba( 255,255,255,0.06) 0%,rgba( 255,255,255,0) 100%);
		background: -ms-linear-gradient(top,  rgba( 255,255,255,0.06) 0%,rgba( 255,255,255,0) 100%);
		background: linear-gradient(top,  rgba( 255,255,255,0.06) 0%,rgba( 255,255,255,0) 100%);
		border: 1px solid rgba(0, 0, 0, 0.51);
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.12) inset; /* http://ipxa.ru */
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.12) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.12) inset;
		display: block;
		float: left;
		margin: 5px 0 0 10px;
	} 
		#ed-shortbar > ul > li {
			float: left;
			position: relative;
		}
		#ed-shortbar > ul > li.ed-have-child-menu:hover:before {
			content: "";
			position: absolute;
			border-left: 6px solid rgba(113, 101, 58, 0);
			border-right: 6px solid rgba(113, 101, 58, 0);
			border-top: 6px solid #171717;
			left: 50%;
			margin-left: -6px;
			bottom: -6px;
			z-index: 9999;
		}
			#ed-shortbar > ul > li ul {
				display: none;
				position: absolute;
				top: 24px;
				left: 0;
				z-index: 9998;
				float: left;
				min-width: 160px;
				padding: 7px 0;
				margin: 2px 0 0;
				list-style: none;
				background-color: #ffffff;
				border: 1px solid #ccc;
				border: 1px solid rgba(0, 0, 0, 0.2);
				*border-right-width: 2px;
				*border-bottom-width: 2px;
				-webkit-border-bottom-left-radius: 4px;
				-moz-border-bottom-left-radius: 4px;
				border-bottom-left-radius: 4px;
				-webkit-border-bottom-right-radius: 4px;
				-moz-border-bottom-right-radius: 4px;
				border-bottom-right-radius: 4px;
				-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				-webkit-background-clip: padding-box;
				-moz-background-clip: padding;
				background-clip: padding-box;
			}
			#ed-shortbar > ul > li:hover ul {
				display: block;
			}
				#ed-shortbar > ul > li ul li {
				}
					#ed-shortbar > ul > li ul span,
					#ed-shortbar > ul > li ul a {
						padding: 3px 18px;
						clear: both;
						line-height: 20px;
						color: #333;
					}
					#ed-shortbar > ul > li ul a:hover {
						color: #fff;
						text-decoration: none;
						background-color: #0081c2;
						background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
						background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
						background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
						background-image: -o-linear-gradient(top, #0088cc, #0077b3);
						background-image: linear-gradient(to bottom, #0088cc, #0077b3);
						background-repeat: repeat-x;
					}
			#ed-shortbar > ul > li > span,
			#ed-shortbar > ul > li > a {
				padding: 0 12px;
				float: left;
				border-left: 1px solid rgba(0, 0, 0, 0.4);
				box-shadow: 1px 0 0 rgba(255, 255, 255, 0.03) inset;
				-moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.03) inset;
				-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.03) inset;
				cursor: pointer;
			}
			#ed-shortbar > ul > li:first-child > span,
			#ed-shortbar > ul > li:first-child > a {
				border: none;
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
			}
			#ed-shortbar > ul > li:first-child ul {
				left: -1px;
			}
			#ed-shortbar > ul > li:hover > span,
			#ed-shortbar > ul > li:hover > a,
			#ed-shortbar > ul > li > a:hover {
				color: #F2F2F2;
				background: rgba(0, 0, 0, 0.2);
			}
			#ed-shortbar > ul > li > a:active {
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) inset;
				-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) inset;
				-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) inset;
			}
			
	/* user info */
	#ed-shortbar ul.ed-user-info {
		float: right;
		margin-right: 10px;
	}
		#ed-shortbar ul.ed-user-info > li > ul {
			right: -1px;
			left: auto;
		}
		#ed-shortbar ul.ed-user-info > li > a > img {
			float: right;
			margin: 3px -9px 0 12px;
			height: 20px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			opacity: .8;
		}
			
	/* edit */
	#ed-shortbar ul.ed-edit {
		float: right;
		margin-right: 10px;
	}
		#ed-shortbar ul.ed-edit a {
			padding-left: 12px;
		}

	/* search */
	#ed-shortbar ul.ed-search .ed-submit,
	#ed-shortbar ul.ed-search .ed-submit,
	#ed-shortbar ul.ed-search {
		float: right;
	}
	#ed-shortbar ul.ed-search {
		margin-right: 10px;
	}
		#ed-shortbar ul.ed-search .ed-submit {
		}
		#ed-shortbar ul.ed-search .ed-input input {
			width: 100px;
			background-color: #FFF;
			border: 1px solid #CCC;
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
			-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
			padding: 0 6px;
			height: 24px;
			border-radius: 5px 0 0 5px;
			-moz-border-radius: 5px 0 0 5px;
			-webkit-border-radius: 5px 0 0 5px;
			font: inherit;
			-webkit-transition: width .2s ease;
			-moz-transition: width .2s ease;
			-o-transition: width .2s ease;
			transition: width .2s ease
		}
		#ed-shortbar ul.ed-search .ed-input input:focus {
			width: 180px;
			border-color: rgba(82, 168, 236, 0.8);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
			-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
		}

		#ed-shortbar .ed-icon {
			padding-left: 30px;
		}
		#ed-shortbar .ed-icon,
		#ed-shortbar li:hover .ed-icon,
		#ed-shortbar .ed-icon:hover {
			background-repeat: no-repeat;
			background-position: 7px 50%;
		}
		#ed-do-search.ed-icon {
			padding-left: 13px;
		}