/**
 * Default theme for jixedbar
 * written by Ryan Yonzon, http://ryan.rawswift.com/
 */
				
/*----- bar style -----*/


.jx-assistant {
	background-color:#E2E2E2;
	border-top:#4B4B08 solid 1px;
	border-left:#4B4B08 solid 1px;
	border-right:#4B4B08 solid 1px;
	border-bottom:#4B4B08 solid 1px;
}

.jx-bar {
	height:24px;
	padding:0px;
	width:100%;
	background-color:#E2E2E2;
	border-top:#4B4B08 solid 1px;
	border-left:#4B4B08 solid 1px;
	border-right:#4B4B08 solid 1px;
}

	/* rounded top-left corner */
	.jx-bar-rounded-tl {
		-webkit-border-top-left-radius:3px;
		-khtml-border-radius-topleft:3px;	
		-moz-border-radius-topleft:3px;
		border-top-left-radius:3px;
	}

	/* rounded top-right corner */
	.jx-bar-rounded-tr {
		-webkit-border-top-right-radius:3px;
		-khtml-border-radius-topright:3px;	
		-moz-border-radius-topright:3px;
		border-top-right-radius:3px;
	}

/*----- bar separator -----*/
.jx-bar span {
	width:1px;
	height:100%;
	background-color:#CCCCCC;
}

	.jx-separator-left {
		float:left;
	}
	
	.jx-separator-right {
		float:right;
	}

/*----- bar button -----*/
.jx-bar-button ul {
	margin:0px;
	padding:0px;
}

.jx-bar-button li {
	float:left;
	list-style:none;
	vertical-align:middle;
}

.jx-bar-button-right li {
	float:right;
	list-style:none;	
	vertical-align:middle;
}

.jx-bar-button li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	padding:1px 5px 1px 5px;
	border:#e5e5e5 solid 1px;	
	margin:1px;
	vertical-align:middle;
}
	
	/*	button hover effect	*/
	.jx-bar-button li:hover {
		background-color:#EEEEEE;
		border:#CCCCCC solid 1px;
		padding:1px 5px 1px 5px;
		margin:1px;
	}

	/* rounded button corners */
	.jx-bar-button-rounded li:hover {
		-webkit-border-radius:3px;
		-khtml-border-radius:3px;	
		-moz-border-radius:3px;
		border-radius:3px;
	}
	
	/* default button's anchor text style */
	.jx-bar-button li a:link, .jx-bar-button li a:visited {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#666666;
		text-decoration:none;
		padding:0px;
		text-align:center;
		vertical-align:middle;
	}

	.jx-bar-button li a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#333333;
		text-decoration:none;
	}

/*----- bar text container -----*/
.jx-bar-button div {
	float:left;
}

.jx-bar-button-right div {
	float:right;
}

.jx-bar-button div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:3px 3px 3px 3px;
	margin:4px 0px 4px 0px;
	/*border:#e5e5e5 solid 1px;*/
}

	.jx-bar-button div a:link, .jx-bar-button div a:visited {
		color:#666666;
		text-decoration:none;
	}

	.jx-bar-button div a:hover {
		color:#0099FF;
		text-decoration:none;
	}

/*----- button tooltip -----*/
.jx-bar-button-tooltip {
	height:auto;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	background-color:#36393D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:9999;
}

	/* rounded tooltip */
	.jx-bar-button-tooltip {
		-moz-border-radius:3px;
		-webkit-border-radius:3px;	
		z-index:9999;
	}

/*----- nav menu -----*/
.jx-nav-menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#eee;
}

.jx-nav-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
}

.jx-nav-menu ul li {
	position:relative;
}

.jx-nav-menu a:hover {
	background-color:#4096EE;
	color:#FFFFFF;
}
	
.jx-nav-menu li ul {
	position:absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Menu Items */
.jx-nav-menu ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #eee; /* IE6 Bug */
	padding: 8px;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
}

.jx-nav-menu-active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	background-color:#ccc;
	padding:4px 8px 4px 8px;
	margin:2px;
}

.jx-nav-menu-active-rounded {
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;	
	-moz-border-radius:3px;
	border-radius:3px;
}

.jx-arrow-up {
	background-repeat:no-repeat;
}

.jx-arrow-down {
	background-repeat:no-repeat;
}

.jx-tool-arrow {
	background-repeat:no-repeat;
	background-position:center bottom;
	height:5px;
	width:auto;
}

/* Hide and unhide item */
.jx-hide {
	visibility:hidden;
}

.jx-unhide {
	height:30px;
	padding:0px;
	width:40px;
	background-color:#e5e5e5;
	border:#b5b5b5 solid 1px;
}

.jx-unhide-button {
	float:right;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}