/* OPTIONAL BUTTON STYLES regular button: */		

button.defaultBtn {
	padding: 0 8px 0 0;
	margin: 0 5px 0 0;
	font-size: 12px;
	text-align: center;
	background: #534263;
	border: 1px solid #534263;
}
button.defaultBtn span {
	height: 14px;
	line-height:13px;
	color: #FFFFFF;
	font: 14px;
	background: #534263;
	padding: 2px 0 2px 8px;
	font-weight:bolder;
}
button.defaultBtn:hover, button.defaultBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-color: #BC99DF;
}
button.defaultBtn:hover span, button.defaultBtnHover span {
	background-color: #BC99DF;
}

/* OPTIONAL BUTTON STYLES alt button: */		
button.altBtn {
	padding: 0 8px 0 0;
	margin: 0 5px 0 0;
	font-size: 12px;
	text-align: center;
	background: #534263;
}
button.altBtn span {
	padding: 2px 0 0 8px;
	height: 22px;
	color:#fff;
	text-shadow: #000 1px 1px 1px;
	background: #534263;
	font-size: 14px;
}
button.altBtn:hover, button.altBtnHover { /* the redundant class is used to apply the hover state with a script */ background-position: right -150px; }
button.altBtn:hover span, button.altBtnHover span { background-position: 0 -50px; }

/* OPTIONAL BUTTON STYLES modal button: */		
button.modalBtn {
	padding: 0 8px 1px 0;
	margin-right: 5px;
	font-size: 10px;
	text-align: center;
	background: #534263;
	
}
button.modalBtn span {
	height: 14px;
	line-height:13px;
	color: #FFFFFF;
	font-size: 12px;
	background: #534263;
	padding: 2px 0 2px 8px;
	font-weight:bolder;
}
button.modalBtn:hover, button.modalBtnHover { 
	background: #BC99DF;
}
button.modalBtn:hover span, button.modalBtnHover span { 
	background: #BC99DF;
}

/* OPTIONAL BUTTON STYLES modal alt button: */		
button.altModalBtn {
	background: #534263;
}
button.altModalBtn span {
	background: #534263;
}

/* OPTIONAL BUTTON STYLES large button: */		
button.largeBtn {
	padding: 0 12px 0 0;
	margin-right: 5px;
	font-size: 16px;
	text-align: center;
	background: #534263;
}
button.largeBtn span {
	padding: 7px 0 0 12px;
	height: 27px;
	color:#fff;
	font-size: 14px;
	background: #534263;
}
button.largeBtn:hover, button.largeBtnHover { 
	background: #BC99DF;
 }
button.largeBtn:hover span, button.largeBtnHover span { 
	background: #BC99DF;
 }

/* REQUIRED LINK BUTTON STYLES: */
/* Link Button Normal */
a.linkBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 8px 0 0;
	height: 21px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	background: #534263;
}
a.linkBtn span {
	display: inline-block;
	padding: 0 0 0 8px;
	height: 21px;
	line-height: 20px;
	color:#fff;
	background: #534263;
}
a.linkBtn:hover { 
	background: #BC99DF;
 }
a.linkBtn:hover span { 
	background: #BC99DF;
 }

/* Link ALT Button Normal */
a.linkAltBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 8px 0 0;
	height: 21px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	background: #534263;
}
a.linkAltBtn span {
	display: inline-block;
	padding: 0 0 0 8px;
	height: 21px;
	line-height: 20px;
	color:#fff;
	background: #534263;
}
a.linkAltBtn:hover { 
	background: #BC99DF;
 }
a.linkAltBtn:hover span { 
	background: #BC99DF;
 }

/* Modal Link Button Normal */
a.modalLinkBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 6px 0 0;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	text-align: center;
	background: #534263;
}
a.modalLinkBtn span {
	display: inline-block;
	padding: 0 0 0 6px;
	height: 18px;
	line-height: 18px;
	color:#fff;
	background: #534263;
}
a.modalLinkBtn:hover { 
	background: #BC99DF; 
}
a.modalLinkBtn:hover span {
	background: #BC99DF; 
}

/* Modal Link ALT Button Normal */
a.modalLinkAltBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 6px 0 0;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	text-align: center;
	background: #999999;
}
a.modalLinkAltBtn span {
	display: inline-block;
	padding: 0 0 0 6px;
	height: 18px;
	line-height: 18px;
	color:#fff;
	background: #999999;
}
a.modalLinkAltBtn:hover {
	text-decoration: none;
	background: #CCCCCC;
}
a.modalLinkAltBtn:hover span {
	text-decoration: none;
	background: #CCCCCC;
}

/* Link Button Large */
a.largeLinkBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 8px 0 0;
	height: 21px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	background: #534263;
}
a.largeLinkBtn span {
	text-decoration: none;
	display: inline-block;
	padding: 0 0 0 8px;
	height: 21px;
	line-height: 20px;
	color:#fff;
	background: #534263;
	letter-spacing:normal;
}
a.largeLinkBtn:hover { 
	background: #BC99DF;
}
a.largeLinkBtn:hover span { 
	background: #BC99DF;
}