/***********************************************************************************
************** the button is an HtmlAnchor component running at server ****************
<<<<<<<<< In .aspx (html) in the link to this style sheet like this: >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------
<<<<<<<<< In .aspx (html) define the button like this: >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
----------------------------------------------------------------------------------------------------------
Button Text
----------------------------------------------------------------------------------------------------------
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;}
.btn1
{
FONT-FAMILY: verdana, arial, helvetica, sans-serif, MS Sans Serif;
font-size:12px;
font-weight:bold;
white-space:nowrap;
text-decoration:none;
COLOR: #FFFFFF;
text-align:center;
overflow:hidden;
padding-top: 2px;
padding-bottom:3px;
background: url(../Images/pix.gif) repeat 0px 0px;
display: block; /*necessary for width to work*/
background-color:#5385A6;
border-top: solid 1px #A9C9D9;
border-left: solid 1px #A9C9D9;
border-bottom: solid 1px #263842;
border-right: solid 1px #263842;
}
.btn1:hover
{
background-color: #49799B;
border-top: solid 1px #96A9B4;
border-left: solid 1px #96A9B4;
border-bottom: solid 1px #446073;
border-right: solid 1px #446073;
}
.btn1Click
{
FONT-FAMILY: verdana, arial, helvetica, sans-serif, MS Sans Serif;
font-size:12px;
font-weight:bold;
white-space:nowrap;
text-decoration:none;
COLOR: #FFFFFF;
text-align:center;
overflow:hidden;
padding-top: 2px;
padding-bottom:3px;
background: url(../Images/pix.gif) repeat 0px 0px;
display: block; /*necessary for width to work*/
background-color: #3D6680;
border-top: solid 1px #263842;
border-left: solid 1px #263842;
border-bottom: solid 1px #83949E;
border-right: solid 1px #83949E;
}
.btn1Disabled
{
FONT-FAMILY: verdana, arial, helvetica, sans-serif, MS Sans Serif;
font-size:11px;
white-space:nowrap;
text-decoration:none;
COLOR: #FFFFFF;
text-align:center;
overflow:hidden;
padding-top: 1px;
padding-bottom:4px;
background: url(../Images/pix.gif) repeat 0px 0px;
display: block; /*necessary for width to work*/
cursor:default;
background-color:#84A7BD;
border-top: solid 1px #C9D0D4;
border-left: solid 1px #C9D0D4;
border-bottom: solid 1px #263842;
border-right: solid 1px #263842;
}