/***********************************************************************************
************** the button is an HtmlAnchor component running at server ****************
<<<<<<<<< In .aspx (html) in the <HEAD> link to this style sheet like this: >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	----------------------------------------------------------------------------------------------------------
	<link rel=stylesheet type="text/css" href="../AppFiles/Button.css">
	----------------------------------------------------------------------------------------------------------
<<<<<<<<< In .aspx (html) define the button like this: >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	----------------------------------------------------------------------------------------------------------
	<a id="button1" style="WIDTH: 80px" runat="server" class="btn1" onmousedown="this.className='btn1Click'"
	onmouseup="this.className='btn1'" onmouseout="this.className='btn1'" href="javascript:testbutton()">
	Button Text</a>
	----------------------------------------------------------------------------------------------------------
give different id to each button; define width; define the javascript to be run 
<<<<<<<<< In .aspx.cs (codebehind) declare the button like this: >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	----------------------------------------------------------------------------------------------------------
	protected System.Web.UI.HtmlControls.HtmlAnchor button1;
	----------------------------------------------------------------------------------------------------------
<<<<<<<<< In .aspx.cs (codebehind) to disable the button do this: >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	----------------------------------------------------------------------------------------------------------
			button1.Attributes["class"] = "btn1Disabled";
			button1.Attributes["onmousedown"] = "";
			button1.Attributes["onmouseup"] = "";
			button1.Attributes["onmouseout"] = "";
			button1.Disabled = true;
	----------------------------------------------------------------------------------------------------------
**********************************************************************************/
a:active {outline: none;}
a:focus {-moz-outline-style: none;}

.SlideShowDiv
{
  display: none;
  position: absolute;
  z-index: 10000;
  left: 30px; 
  top: 2000px;
}
/************************************************************************************/
.btnSlideNext  
{
	background: url(../SlideViewer/SlideBtnNext1.png) 0 0 no-repeat;
	display: block; /*necessary for width to work*/
	/*margin-top: 178px;*/
	
}
.btnSlideNext:hover 
{
	background: url(../SlideViewer/SlideBtnNext2.png) 0 0 no-repeat;
	display: block; /*necessary for width to work*/
	/*margin-top: 178px;*/
}
.btnSlideNextClick  
{
	background: url(../SlideViewer/SlideBtnNext3.png) 0 0 no-repeat;
	display: block; /*necessary for width to work*/
	/*margin-top: 178px;*/
}
/************************************************************************************/
.btnSlideNextXX
{
	font-family: Tahoma;
	font-size:1px;	
	overflow:hidden;
	background: url(../SlideViewer/SlideBtnNext1.png) repeat 0px 0px;
	display: block; /*necessary for width to work*/
	/*margin-top: 178px;*/
	
}
.btnSlideNextXX:hover 
{
    font-family: Tahoma;
	font-size:1px;	
	overflow:hidden;
	background: url(../SlideViewer/SlideBtnNext2.png) repeat 0px 0px;
	display: block; /*necessary for width to work*/
	/*margin-top: 178px;*/
}
.btnSlideNextClickXX
{
	font-family: Tahoma;
	font-size:1px;	
	overflow:hidden;
	background: url(../SlideViewer/SlideBtnNext3.png) repeat 0px 0px;
	display: block; /*necessary for width to work*/
	/*margin-top: 178px;*/
}
/************************************************************************************/
.btnSlidePrev  
{
	background: url(../SlideViewer/SlideBtnPrev1.png) 0 0 no-repeat;
	display: block; /*necessary for width to work*/	
	/*margin-top: 40px;*/
	
}
.btnSlidePrev:hover 
{
	background: url(../SlideViewer/SlideBtnPrev2.png) 0 0 no-repeat;
	display: block; /*necessary for width to work*/
	/*margin-top: 40px;*/
}
.btnSlidePrevClick  
{
	background: url(../SlideViewer/SlideBtnPrev3.png) 0 0 no-repeat;
	display: block; /*necessary for width to work*/
	/*margin-top: 40px;*/
}
/************************************************************************************/
.btnSlideOff  
{
	background: url(../SlideViewer/SlideBtnOff1.gif) 0 0 no-repeat;
	display: block; /*necessary for width to work*/	
	margin-top: 170px;
	
}
.btnSlideOff:hover 
{
	background: url(../SlideViewer/SlideBtnOff2.gif) 0 0 no-repeat;
	display: block; /*necessary for width to work*/
	margin-top: 170px;
}
.btnSlideOffClick  
{
	background: url(../SlideViewer/SlideBtnOff3.gif) 0 0 no-repeat;
	display: block; /*necessary for width to work*/
	margin-top: 170px;
}
/************************************************************************************/
.btnSlideClose  
{
	background: url(../SlideViewer/SlideBtnClose1.gif) 0 0 no-repeat;
	display: block; /*necessary for width to work*/
	margin-left: auto;
	margin-right: 0px;
	
}
.btnSlideClose:hover 
{
	background: url(../SlideViewer/SlideBtnClose2.gif) 0 0 no-repeat;
	display: block; /*necessary for width to work*/	
	margin-left: auto;
	margin-right: 0px;
}
.btnSlideCloseClick  
{
	background: url(../SlideViewer/SlideBtnClose3.gif) 0 0 no-repeat;
	display: block; /*necessary for width to work*/
	margin-left: auto;
	margin-right: 0px;
}




