/*Magic buttons*/

.mBtnLeft, .mBtnRight{
	height:24px;display:block; float:left; 
}
.mBtnRight{width:19px;}

/* Buttons need to be 8-bit alpha transparency PNGs to work both IE6 and browsers that fully support PNG alpha*/
/* Could use filter, but doesn't work with SSL and neither when background images are positioned or repeated */
/* Hence with this in IE6 the edges won't look great, as it will treat the PNG with a 1 bit transparency like a GIF */

.magicBtn .mBtnLeft				{background: url(../site-images/buttons/mbtn_left_default_yellow.png) 0 0 no-repeat; }
.magicBtn .mBtnRight			{background: url(../site-images/buttons/mbtn_right_default_yellow.png) 0 0 no-repeat;}

.magicBtn.cancel  .mBtnLeft						{background: url(../site-images/buttons/mbtn_left_default.png) 0 0 no-repeat; }
.magicBtn.cancel  .mBtnRight					{background: url(../site-images/buttons/mbtn_right_default.png) 0 0 no-repeat;}

.mBtnTxt {
	color: #eee; 
	font-weight: bold; 
/*	font-variant: small-caps;*/
	margin:2px 0 0 15px; 
	display:block;
	font-size: 12px;		/*Constant size*/
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;	
	}

.action .mBtnTxt
{
	color: white;
}


.magicBtn  .mBtnLeftHover			{background: url(../site-images/buttons/mbtn_left_hover2_yellow.png) 0 0 no-repeat; cursor:pointer;}
.magicBtn  .mBtnRightHover	    	{background: url(../site-images/buttons/mbtn_right_hover2_yellow.png) 0 0 no-repeat; cursor:pointer;}

.magicBtn  .mBtnLeftDown			{background: url(../site-images/buttons/mbtn_left_hover_yellow.png) 0 0 no-repeat; cursor:pointer;}
.magicBtn  .mBtnRightDown	    	{background: url(../site-images/buttons/mbtn_right_hover_yellow.png) 0 0 no-repeat; cursor:pointer;}

.magicBtn.cancel  .mBtnLeftHover	{background: url(../site-images/buttons/mbtn_left_hover2.png) 0 0 no-repeat; cursor:pointer;}
.magicBtn.cancel  .mBtnRightHover	{background: url(../site-images/buttons/mbtn_right_hover2.png) 0 0 no-repeat; cursor:pointer;}

.magicBtn.cancel  .mBtnLeftDown		{background: url(../site-images/buttons/mbtn_left_hover.png) 0 0 no-repeat; cursor:pointer;}
.magicBtn.cancel  .mBtnRightDown	{background: url(../site-images/buttons/mbtn_right_hover.png) 0 0 no-repeat; cursor:pointer;}


a.magicBtn
{
	text-decoration: none;
}

/*Required to prevent hover on a-tag in IE*/
a.magicBtn:hover{
	text-decoration: none;
	}

.mBtnTxtHover
{
	color: white;
	text-decoration: underline;
}

/** Context help bubble **/
#contextHelpContainer {
	z-index: 10000;
}
.contextHelpClose
{
	position: absolute;
	top: 3px;
	right: 17px;
}

.contextHelpDlg.right .contextHelpClose
{
	right: 5px;
}

.contextHelpClose.hover
{
	background-color: grey;
}

.contextHelpDlg
{
	width: 193px;
	color: white;
	position:absolute;
	top:0;
	left:0;
	font:normal 13px Arial, sans-serif;
	text-decoration:none;
	text-align:left;
	z-index: 10001;
}

.contextHelpDlg span.top {
		padding: 5px 28px 0 5px;
    	background: url(../site-images/misc/bubble_help.png) no-repeat left top;
    
}

.contextHelpDlg b.bottom{
	padding:3px 6px 4px 5px;
	color: #000000;
    background: url(../site-images/misc/bubble_help.png) no-repeat left bottom;
    height: 0px;
}


.contextHelpDlg.right span.top {
		padding: 5px 16px 0 15px;
    	background: url(../site-images/misc/bubble_help_right.png) no-repeat left top;
    
}

.contextHelpDlg.right b.bottom{
	padding:3px 6px 4px 5px;
    background: url(../site-images/misc/bubble_help_right.png) no-repeat left bottom;
}


/** bubble tooltip  **/
.tooltip
{
	cursor: default;
}

.quickTooltip
{
	cursor: help;
}


#tooltipContainer {
	opacity:0.9;
	z-index: 10000;
	
	width: 138px;
	
}
#btc span
{
	display:block;
}
.tooltipDlg
{
	width: 138px;
	color: #555;
	position:absolute;
	top:0;
	left:0;
	font:normal 10px/1.3 Arial, sans-serif;
	text-decoration:none;
	text-align:left;
	z-index: 10001;
	filter:alpha(opacity=90);
}
/**
trick to fix the problem with IE and floating elements over some form elements. 

see http://www.hedgerwow.com/360/bugs/css-select-free.html
**/
#btc iframe
{
	display:none;
	display/**/:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:150px;
	height:95px;
}
.tooltipDlg span.top {
		padding: 12px 10px 0 5px;
    	background: url(../site-images/misc/bubble-trans.gif) no-repeat left top;
    
}

.tooltipDlg b.bottom{
	padding:3px 6px 4px 5px;color: #000000;
    background: url(../site-images/misc/bubble-trans.gif) no-repeat left bottom;
    height: 0px;
}
/** end bubble tooltip **/



/* Scroll buttons */
.scrollButtons
{
	padding: 12px 0px 0px 220px;
}

.scrollPrevious 
{
    background-image: url(../site-images/icons/scrollUp.gif);

}


.scrollNext
{
    background-image: url(../site-images/icons/scrollDown.gif);

}


.scrollNext,
.scrollPrevious
{
	float: left;
	width: 19px;
	height: 18px;
	float: left;
	background-position: 3px 5px;
	background-repeat: no-repeat;
	text-decoration: none;
}