styling links issue

Sorry I don’t get what you mean by not working.

Yep, wasn’t really clear, sorry.

.sh-show and the .sh-hide have exactly the same CSS assigned to them, but only the “show” link shows up the way I planned it to, while the “hide” link remains unstyled.

Could you give me a hint?

What is the css that you are using for .sh-show and .sh-hide?

Hey Lester,

thanks for checking:

.sh-hide a {-moz-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e34949), color-stop(1, #c81313) );
	background:-moz-linear-gradient( center top, #e34949 5%, #c81313 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e34949', endColorstr='#c81313');
	background-color:#e34949;
	-webkit-border-top-left-radius:31px;
	-moz-border-radius-topleft:31px;
	border-top-left-radius:31px;
	-webkit-border-top-right-radius:31px;
	-moz-border-radius-topright:31px;
	border-top-right-radius:31px;
	-webkit-border-bottom-right-radius:31px;
	-moz-border-radius-bottomright:31px;
	border-bottom-right-radius:31px;
	-webkit-border-bottom-left-radius:31px;
	-moz-border-radius-bottomleft:31px;
	border-bottom-left-radius:31px;
	text-indent:0px;
	border:1px solid #fcfcfc;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:125px;
	text-decoration:none;
	text-align:center;
	padding-top:-5.5em;}  

.sh-hide a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c81313), color-stop(1, #e34949) );
	background:-moz-linear-gradient( center top, #c81313 5%, #e34949 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c81313', endColorstr='#e34949');
	background-color:#c81313;
.sh-hide a:active {
	position:relative;
	top:1px;

.sh-show a {-moz-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e34949), color-stop(1, #c81313) );
	background:-moz-linear-gradient( center top, #e34949 5%, #c81313 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e34949', endColorstr='#c81313');
	background-color:#e34949;
	-webkit-border-top-left-radius:31px;
	-moz-border-radius-topleft:31px;
	border-top-left-radius:31px;
	-webkit-border-top-right-radius:31px;
	-moz-border-radius-topright:31px;
	border-top-right-radius:31px;
	-webkit-border-bottom-right-radius:31px;
	-moz-border-radius-bottomright:31px;
	border-bottom-right-radius:31px;
	-webkit-border-bottom-left-radius:31px;
	-moz-border-radius-bottomleft:31px;
	border-bottom-left-radius:31px;
	text-indent:0px;
	border:1px solid #fcfcfc;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:125px;
	text-decoration:none;
	text-align:center; }

.sh-show a span {
	color:#ffffff;
}
.sh-show a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c81313), color-stop(1, #e34949) );
	background:-moz-linear-gradient( center top, #c81313 5%, #e34949 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c81313', endColorstr='#e34949');
	background-color:#c81313;
.sh-show a:active {
	position:relative;
	top:1px;

Er, you forgot a close } for `.sh-hide a:active {
position:relative;
top:1px;
`

cheers!