/*----- bar style -----*/
.jx-bar {
	height:30px;
	padding:0px;
	width:85%;
	background-color:#666666;
	border:#666666 solid 1px;
}

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

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

/*----- bar separator -----*/
	.jx-separator-left {
		float:left;
		width:1px;
		height:100%;
		background-color:#999999;
	}
	
	.jx-separator-right {
		float:right;
		width:1px;
		height:100%;
		background-color:#999999;
	}

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

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

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

.jx-bar-button li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	cursor:pointer;
	padding:4px 8px 4px 8px;
	border:#666666 solid 1px;
	margin:2px;
}
	
	/*	button hover effect	*/
	.jx-bar-button li:hover {
		color:#FFFFFF;
		background-color:#999999;
		border:#999999 solid 1px;
		padding:4px 8px 4px 8px;
		margin:2px;
	}

	/* rounded button corners */
	.jx-bar-button-rounded li:hover {
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;	
		-moz-border-radius:5px;
		border-radius:5px;
	}
	
	/* 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:11px;
		color:#CCCCCC;
		text-decoration:none;
	}

	.jx-bar-button li a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		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:#CCCCCC;
	padding:4px 8px 4px 8px;
	margin:4px 8px 4px 8px;	
	border:#999999 solid 0px;
}

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

	.jx-bar-button div a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	}

/*----- 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;
}