/* ============================================================
	Navigation
============================================================ */

#sfnav,
#sfnav ul {
	list-style-type: none;
}

#sfnav a {
	color: #333;
	display: block;
	text-decoration: none;
}

#sfnav a:link {
	cursor: pointer;
}

#sfnav a:hover,
#sfnav .nav-current > a {
	background-color: #fafaf9;
}

#sfnav a:hover {
	text-decoration: underline;
}

#sfnav a.locked {
	color: #999;
}

#sfnav a.locked:hover {
	text-decoration: none;
}

#sfnav .nav-blog > a,
#sfnav .nav-contacts > a,
#sfnav .nav-dashboard > a,
#sfnav .nav-directory > a,
#sfnav .nav-email > a,
#sfnav .nav-files > a,
#sfnav .nav-layouts > a,
#sfnav .nav-module-events > a,
#sfnav .nav-module-locations > a,
#sfnav .nav-module-news > a,
#sfnav .nav-modules > a,
#sfnav .nav-news > a,
#sfnav .nav-options > a,
#sfnav .nav-pages > a,
#sfnav .nav-shop > a,
#sfnav .nav-support > a,
#sfnav .nav-tracking > a,
#sfnav .nav-users > a,
#sfnav .nav-view_site > a {
	background-position: 116px center;
	background-position: 10px center;
	background-repeat: no-repeat;
}

#sfnav .nav-blog > a { background-image: url("../../images/admin/nav/blog.png"); }
#sfnav .nav-contacts > a { background-image: url("../../images/admin/nav/contact_forms.png"); }
#sfnav .nav-dashboard > a { background-image: url("../../images/admin/nav/tracking.png"); }
#sfnav .nav-directory > a { background-image: url("../../images/admin/nav/directory.png"); }
#sfnav .nav-email > a { background-image: url("../../images/admin/nav/email.png"); }
#sfnav .nav-files > a { background-image: url("../../images/admin/nav/files.png"); }
#sfnav .nav-layouts > a { background-image: url("../../images/admin/nav/layouts.png"); }
#sfnav .nav-module-events > a { background-image: url("../../images/admin/nav/events.png"); }
#sfnav .nav-module-locations > a { background-image: url("../../images/admin/nav/locations.png"); }
#sfnav .nav-module-news > a { background-image: url("../../images/admin/nav/news.png"); }
#sfnav .nav-modules > a { background-image: url("../../images/admin/nav/modules.png"); }
#sfnav .nav-news > a { background-image: url("../../images/admin/nav/news.png"); }
#sfnav .nav-options > a { background-image: url("../../images/admin/nav/options.png"); }
#sfnav .nav-pages > a { background-image: url("../../images/admin/nav/pages.png"); }
#sfnav .nav-shop > a { background-image: url("../../images/admin/nav/shop.png"); }
#sfnav .nav-support > a { background-image: url("../../images/admin/nav/support.png"); }
#sfnav .nav-tracking > a { background-image: url("../../images/admin/nav/tracking.png"); }
#sfnav .nav-users > a { background-image: url("../../images/admin/nav/users.png"); }
#sfnav .nav-view_site > a { background-image: url("../../images/admin/nav/view-site.png"); }

#sfnav > li,
#sfnav > li > a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-top: 5px;
}

#sfnav > li {
	background-color: white;
	box-shadow: 1px 1px 2px #e8e8e8;
	-moz-box-shadow: 1px 1px 2px #e8e8e8;
	-webkit-box-shadow: 1px 1px 2px #e8e8e8;
	box-shadow: 1px 1px 2px #e0e0e0;
	-moz-box-shadow: 1px 1px 2px #e0e0e0;
	-webkit-box-shadow: 1px 1px 2px #e0e0e0;
	margin-bottom: 5px;
}

#sfnav > li > a {
	background-color: #f0f0ee;
	border: 1px solid #c0c0c0;
	color: white;
	color: black;
	display: block;
	font-size: 1.5em;
	line-height: 2em;
	padding-left: 10px;
	padding-left: 50px;
	text-shadow: #c0c0c0 1px 1px 2px;
}

#sfnav > li > a:hover {
	text-shadow: #e0e0e0 1px 1px 2px;
}

#sfnav > li > ul {
	border: 1px solid #ccc;
	border-top-width: 0;
	padding: 5px 5px 5px 10px;
}

#sfnav > li > ul li ul {
	list-style-type: circle;
	padding-left: 1.25em;
}











#nav3 {
-moz-transition: width .3s ease;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}

body.narrow-nav #nav3 {
width: 40px;
}

body.narrow-nav #nav3 #sfnav li {
box-shadow: none;
}

body.narrow-nav #nav3 #sfnav li ul {
display: none;
}

#nav3 #sfnav li a {
white-space:nowrap;
overflow: hidden;
-moz-transition: color .3s ease, border-color .3s ease, background-color .3s ease;
-webkit-transition: color .3s ease, border-color .3s ease, background-color .3s ease;
-o-transition: color .3s ease, border-color .3s ease, background-color .3s ease;
}

body.narrow-nav #nav3 #sfnav li a {
	background-position: center center;
color: transparent;
border-color: transparent;
background-color: transparent;
text-shadow: none;
box-shadow: none;

	border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
}

body.narrow-nav #nav3 #sfnav li a:hover,
body.narrow-nav #nav3 #sfnav .nav-current a {
	background-color: #f0f0ee;
	border: 1px solid #c0c0c0;
}