a.MyButtonType1 {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding: 3px 5px;
	padding-bottom: 4px;
	padding-left: 27px;
	color: #5b5038;
	height: 13px;
	line-height: 13px;
	vertical-align: middle;
	white-space: nowrap;
	border: solid #daac58 1px;
}

.MyButtonType1Wrapper {
	display: inline-block;
	background: #fde2b1 url('../Gfx/ButtonBg.png') repeat-x scroll left bottom;
	margin-left: 1px;
}

.MyButtonType1Wrapper:hover {
	background: #ffedcc url('../Gfx/ButtonBgHover.png') repeat-x scroll left bottom;
}

a.MyButtonType1 .Back {
	display: inline-block;
	background-color: Red;
}

a.MyButtonType1:hover {
	color: #49402d;
	border: solid #b38d47 1px;
}

a.MyButtonType2 {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding: 3px 5px;
	padding-bottom: 4px;
	padding-left: 27px;
	color: #40527d;
	white-space: nowrap;
}

a.MyButtonType2:hover {
	color: #384972;
	text-decoration: underline;
}

a.MyButtonType3 {
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	margin: 0 3px;
	color: #40527d;
	vertical-align: middle;
}

a.MyButtonType3:hover {
	color: #384972;
	text-decoration: underline;
}

a.MyButtonNoIcon {
	padding-left: 5px;
}

/* ----------------------------------------------------- BEGIN: FF2 -------------------------------------------------------*/

.ff2 a.MyButtonType1 {
	display: -moz-inline-box;
}

.ff2 .MyButtonType1Wrapper {
	display: -moz-inline-box;
	vertical-align: middle;
}

/* TODO: "Remove avatar" button in EditProfile gets fucked up. */
.ff2 a.MyButtonType2 {
	display: block;
}

.ff2 a.MyButtonType3 {
	display: -moz-inline-box;
}

/* ----------------------------------------------------- END: FF2 ---------------------------------------------------------*/


/* ----------------------------------------------------- BEGIN: IE --------------------------------------------------------*/

.ie .MyButtonType1Wrapper {
	display: inline;
	margin-left: 5px;
}

/* ----------------------------------------------------- END: IE ----------------------------------------------------------*/

/* ----------------------------------------------------- BEGIN: IE 7 ------------------------------------------------------*/

.ie7 a.MyButtonType1 {
	display: inline-block;
	height: 13px;
	line-height: 13px;
}

/* ----------------------------------------------------- END: IE 7 ------------------------------------------------------*/

/* ----------------------------------------------------- BEGIN: IE 6 ----------------------------------------------------*/

.ie6 .MyButtonType1 {
	display: inline-block;
	padding: 0px 5px;
	padding-left: 27px;
	height: 20px;
	line-height: 19px;
}

.ie6 .MyButtonType1,
.ie6 .MyButtonType2,
.ie6 .MyButtonType3 {
	position: relative;
	overflow: hidden;		
}

.ie6 .MyButtonType1 .IEBack,
.ie6 .MyButtonType2 .IEBack,
.ie6 .MyButtonType3 .IEBack {
	position: absolute;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.ie6 .Disabled .IEBack {
	cursor: default;
}

.ie6 .MyButtonType1 .IEBack,
.ie6 .MyButtonType2 .IEBack {
	top: 2px;
	left: 5px;
}

.ie6 .MyButtonType3 {
	display: inline-block;
	width: 16px;
	height: 16px;
}

.ie6 .MyButtonType3 .IEBack {
	top: 0;
	left: 0;
}

.ie6 .MyButtonType1Wrapper {
  background-color: expression(this.runtimeStyle.backgroundColor, this.onmouseover = function() { this.className += ' MyButtonType1WrapperIE6Hover'; }, this.onmouseout = function() { this.className = this.className.replace('MyButtonType1WrapperIE6Hover', ''); });
}

.ie6 .MyButtonType1WrapperIE6Hover {
	background: #ffedcc url('../Gfx/ButtonBgHover.png') repeat-x scroll left bottom;
}

/* ----------------------------------------------------- END: IE 6 ------------------------------------------------------*/