.mask
{
overflow: hidden;
}

.roundedCorners3 {
margin: 0.2in auto; 
color: #ffffe0; 
width: 50%;
text-align: center;
padding: 5px; 
whitespace: nowrap;
background-color: #99aabb;
border: 1px solid #ffffff;
background: -moz-linear-gradient(top,  #ffffcc, #6699cc);  
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffcc), to(#6699cc)); 
-moz-border-top-right-radius: 20px 20px;
-webkit-border-top-right-radius: 20px 20px;
border-top-right-radius: 20px; 20px;
-moz-border-top-left-radius: 20px 20px;
-webkit-border-top-left-radius: 20px 20px;
border-top-left-radius: 20px; 20px;
-moz-border-bottom-left-radius: 20px; 20px;
-webkit-border-bottom-left-radius: 20px 20px;
border-bottom-left-radius: 20px; 20px;
-moz-border-bottom-right-radius: 20px 20px;
-webkit-border-bottom-right-radius: 20px 20px;
border-bottom-right-radius: 20px 20px;
}

.gradient {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffcc', endColorstr='#6699cc')"; /* IE6-9 */
filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffcc', endColorstr='#6699cc')"; /* IE6-9 */
}

a.roundedCorners3 gradient:hover {
	width: 100%;
	color:#696909;   
}

a.roundedCorners3 gradient {
	width: 100%;
	color:#eaeaff;      
	text-decoration:none; 
	font-weight: bold;
}