/*Gray Btn*/
a.gray-btn{
	background: transparent url(/ASP/images/btn_gray_left.png) no-repeat left top;
	display: block;
	float: left;
	font: 12px/20px Arial;
	height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
}
a:link.gray-btn, a:visited.gray-btn, a:active.gray-btn{
	color: #FFFFFF; /*button text color*/
}
a.gray-btn span{
	background: transparent url(/ASP/images/btn_gray_right.png) no-repeat right top;
	display: block;
	height: 20px;
	padding-right: 10px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
a.gray-btn:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.gray-btn:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}
/*Red Btn*/
a.red-btn{
	background: transparent url(/ASP/images/btn_red_left.png) no-repeat left top;
	display: block;
	float: left;
	font: 12px/20px Arial; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 20px; /* Width of left menu image */
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
	cursor: hand;
	cursor: pointer; 
}

a:link.red-btn, a:visited.red-btn, a:active.red-btn{
	color: #FFFFFF; /*button text color*/
}

a.red-btn span{
	background: transparent url(/ASP/images/btn_red_right.png) no-repeat right top;
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	height: 20px;
	padding-right: 10px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

a.red-btn:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.red-btn:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}
/*End Btn*/
a.end-btn{
	background: transparent url(/ASP/images/btn_gray_left.png) no-repeat left top;
	display: block;
	float: left;
	font: 12px/20px Arial;
	height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
}
a:link.end-btn, a:visited.end-btn, a:active.end-btn{
	color: #FFFFFF; /*button text color*/
}
a.end-btn span{
	background: transparent url(/ASP/images/btn_end_right.png) no-repeat right top;
	display: block;
	height: 20px;
	padding-right: 10px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
a.end-btn:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.end-btn:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}

/*Back Btn*/
a.back-btn{
	background: transparent url(/ASP/images/btn_back_left.png) no-repeat left top;
	display: block;
	float: left;
	font: 12px/20px Arial;
	height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
}
a:link.back-btn, a:visited.back-btn, a:active.back-btn{
	color: #FFFFFF; /*button text color*/
}
a.back-btn span{
	background: transparent url(/ASP/images/btn_gray_right.png) no-repeat right top;
	display: block;
	height: 20px;
	padding-right: 10px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
a.back-btn:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.back-btn:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}

.tabHighlight/*TabHighlight Btn*/
{
	background: transparent url(/ASP/images/img22.gif) no-repeat left top;
	display: block;
	float: left;
	font: bold 12px/34px Arial, Helvetica, sans-serif; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 34px; /* Width of left menu image */
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
}
.tabHighlight  span{
	background: transparent url(/ASP/images/img23.gif) no-repeat right top;
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	height: 34px;
	padding-right: 10px;
	margin-right: 1px;
	font: bold 12px/34px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.tabHighlight  img {
	line-height: 34px;
	vertical-align: middle;
}
/*Tab Btn*/
a.tab, .tab {
	background: transparent url(/ASP/images/img24.gif) no-repeat left top;
	display: block;
	float: left;
	font: bold 12px/34px Arial, Helvetica, sans-serif; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 34px; /* Width of left menu image */
	text-decoration: none;
	color: #999999;
	padding-left: 10px;
}
a.tab span, .tab span {
	background: transparent url(/ASP/images/img25.gif) no-repeat right top;
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	height: 34px;
	padding-right: 10px;
	margin-right: 1px;
	vertical-align: top;
	font: bold 12px/34px Arial, Helvetica, sans-serif;
	color: #999999;
}
/*a.tab span:hover, .tab span:hover {
	background: transparent url(/ASP/images/img25.gif) no-repeat right top;
	display: block;
	height: 34px;
	padding-right: 10px;
	margin-right: 1px;
	vertical-align: top;
	font: bold 12px/34px Arial, Helvetica, sans-serif;
	color: #000000;
}*/
.tab img {
	line-height: 34px;
	vertical-align: middle;
}


/*------------------------------------------------------------------------*/
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}