.jx-bar {
	height:30px;
	padding:0px;
	width:100%;
	/*min-width:990px;
	width:expression(document.body.clientWidth < 990? "990px": "auto" );*/
	/*border:#666666 solid 1px;background:#58949d;*/ background:#457a82;
	z-index:9998; left:0;
	position: fixed;
	bottom: 0px;
}
#join_inner{ width:990px; margin:0 auto; font-weight:normal; display:block;  height:30px;}
#jx_tooltip_con__{position: fixed; bottom: 0px; left:0;}
* html .jx-bar{position: absolute;
top: expression( ( -0 - join_semaphore.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
left: expression( ( -0 - join_semaphore.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

}
* html #jx_tooltip_con__{position: absolute;
top: expression( ( -35 - jx_tooltip_con__.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}


	/* 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:#6cb2bc;
	}
	
	.jx-separator-right {
		float:right;
		width:1px;
		height:100%;
		background-color:#6cb2bc;
	}

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

.jx-bar-button li {
	float:left;
	list-style:none;
	margin:4px; display:block; background:none;
}

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

.jx-bar-button li, .bar_li_out{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#205258;
	cursor:pointer; background:none;
}
	
	/*	button hover effect	*/
	.jx-bar-button li:hover{
		color:#FFFFFF;
	}

	/* 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, .jx-bar-button li a:link, .jx-bar-button li a:visited {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#205258;
		text-decoration:none;
		padding:5px 3px 3px 5px;
		display:block; 
	}

	.jx-bar-button li a:hover {
		color:#000;
		text-decoration:none;
	}
	.jx-bar-button li a:hover  img{
		background:transparent;
	}
/*----- bar text container -----*/
.jx-bar-button div div {
	float:left;
}

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

.jx-bar-button div div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#205258;
	padding:4px 8px 4px 8px;
	margin:4px 8px 4px 8px;	
	border:#999999 solid 0px;
}

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

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

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