.optionContainer
{
	padding:0px;
	margin:0px;
	border:solid 1px #8B8B8B;
/*	border-top:none 0px;
/*	border:solid 1px green; */
	border-top:solid 1px #8B8B8B;
	margin-top:-1px;
	height:100%;
}
.optionLeft
{
	float:left;
	background-image:url(/gfx/optionBarLeft.gif);
	border:none 0px;
	margin:0px;
	margin-right:-3px;
	padding:0px;
	padding-left:8px; /* image width */
	height:30px; /* image height */
}

.optionTitle
{
	border-style:none;
	display:block;
	margin:0px;
	padding:0px;
	background-image:url(/gfx/optionBarMiddle.gif);
	background-repeat:repeat-x;
	height:30px; /* needs to be same height as image */
	line-height:30px;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	color:#E4B720;
}

.optionRight
{
	float:right;
	border-style:none;
	margin:0px;
	margin-left:-3px;
	padding:0px;
	background-image:url(/gfx/optionBarRight.gif);
	width:62px; /* width of image */
	height:30px; /* needs to be same height as image */
}
.paneTopEx
{
	position:relative;
	border:none 0px;
	margin:10px;
	padding:0px;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(/gfx/paneLEftEx.gif);
	background-position:top left;
	background-repeat:no-repeat; 
	z-index:1;
}
.paneTop
{
	position:relative;
	border:none 0px;
	margin:10px;
	padding:0px;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(/gfx/paneLeft.gif);
	background-position:top left;
	background-repeat:no-repeat; 
	z-index:1;
}
.paneWrap {
	border:0px none;
	margin:0px;
	padding:0px;
	height:26px; /* image height */
	white-space:nowrap;
	overflow:hidden;
	text-align:right;
	padding-left:5px;
/*	margin-left:3px; /* To stop overlap onto left image */
	z-index:1;
}
.paneTopEx .paneWrap {
/*	background-image:url(/gfx/paneMiddleEx.gif); */
	background-image:url(/gfx/paneRightEx.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.paneTop .paneWrap {
	background-image:url(/gfx/paneRight.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.paneTitle {
	border-style:none;
	margin:0px;
	padding:0px;
	background-repeat:repeat-x;
	height:26px; /* needs to be same height as image */
	line-height:26px; /* same height as image to center text */
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	padding-left:2px;
	margin-right:57px;
	color:Orange;
}

.paneTopEx .paneTitle {
	background-image:url(/gfx/paneMiddleEx.gif);
}
.paneTop .paneTitle {
	background-image:url(/gfx/paneMiddle.gif);
}
.paneRight
{
	border:solid 1px green;
	position:absolute;
	top:0px;
	right:0px !important;
	right:10px;
	border-style:none;
	margin:0px;
	padding:0px;
	height:27px; /* image height */
	width:57px; /* width of right image */
}

.paneTopEx .paneRight {
}

.paneTop .paneRight {
}

.ecButton
{
	/* These values work with a button height of 16 and a pane banner height of 27 to get image in middle */
	border:0px solid yellow;
	margin-right:6px;
	margin-top:4px;
	margin-bottom:7px !important;
	margin-bottom:3px;
}

.paneBody
{
	margin:0 1px 0 1px;
	padding:0px;
	background-color:black;
	border:1px solid #6B6B6C;
	border-top:0px none;
	list-style:none;
	text-align:left;
	background-image:url(/gfx/paneBackground.gif);
/*    filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0); */
/*	opacity:0.5; */
}
.paneBody LI 
{
	margin-left:4px;
}

.paneBody LI INPUT
{
	margin-right:4px;
	margin-bottom:4px;
	line-height:16px;
}
.paneBody LI .hotButton 
{
}

.paneBody LI A 
{
	font-size:10pt;
    font-family: arial,sans-serif;
    font-weight:bold;
    TEXT-DECORATION : none;
	color: #F3DF29;
	margin-right:2px;
}
.paneBody LI A:active
{
    font-family: arial,sans-serif;
    background-color : #e8e8e8;
    font-style: normal;
}
.paneBody LI A:hover
{
    font-family: arial,sans-serif;
    background-color : #223C57;
    font-style: normal;
}