/*Gray is the default color then I don't define this color in class declarion*/
.ButtonXpStyle, .ButtonXpStyle a, .ButtonXpStyle .Split, 
.ButtonXpStyle .Right, .ButtonXpStyle .Left, .ButtonXpStyle .Middle
{
	float:left;
	height:24px;
	line-height:23px;
	/*layout-grid-line:0.5em;*/ /*IE needs it to center the content in the middle*/
}
.ButtonXpStyle a
{
	border:none;
	color:#000000;
	text-decoration:none;
	cursor:pointer;
	padding:0;
	/*behavior:url(includes/XPStyleIEBugFix.htc);*/
}

.ButtonXpStyle .Middle img{
	border:none;
	padding-right:4px;
	vertical-align:text-bottom;
	margin-top:0.3em;
}
.ButtonXpStyle a:hover{
	background:transparent;
	color:#000000;
}
.ButtonXpStyle a:hover .Middle{
	background:url(images/gray_xp_taskbar_bkg.gif) left 100%;
}
.ButtonXpStyle a.Desabilitado, .ButtonXpStyle a.Desabilitado:hover{color:Gray;}
.ButtonXpStyle .Left{
	width:2px;
	height:23px;
	background:url(images/gray_xp_taskbar_left.gif) left top;
}
.ButtonXpStyle .Middle, .ButtonXpStyle a.Desabilitado:hover .Middle
{
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	height:23px;
	background:url(images/gray_xp_taskbar_bkg.gif) left top;
}
.ButtonXpStyle .Split
{
	 width:3px;
	 background:url(images/split.gif) no-repeat left top;
}
.ButtonXpStyle .Right{	
	width:2px;
	height:23px;
	background:url(images/gray_xp_taskbar_right.gif) right top;
}

/*-------------Outras cores------------*/
.ButtonXpStyle.Green .Middle, .ButtonXpStyle.Green a.Desabilitado:hover .Middle{
	background:url(images/green_xp_taskbar_bkg.gif) left top;
}
.ButtonXpStyle.Green a:hover .Middle{
	background:url(images/green_xp_taskbar_bkg.gif) left 100%;
}

/*======================================
		Other Styles
======================================*/

/*-------------Background Light------------*/
.ButtonXpStyle.BackgroundLight.Gray a .Middle{
	background:url(images/gray_bg_light_bkg.gif) left top;
}
.ButtonXpStyle.BackgroundLight.Gray a:hover .Middle{
	background:url(images/gray_bg_light_bkg.gif) left 100%;
}
.ButtonXpStyle.BackgroundLight.Green a .Middle{
	background:url(images/green_bg_light_bkg.gif) left top;
}
.ButtonXpStyle.BackgroundLight.Green a:hover .Middle{
	background:url(images/green_bg_light_bkg.gif) left 100%;
}

/*-------------Border------------*/
/*Default*/
.ButtonXpStyle.Border .Left, .ButtonXpStyle.Border.Gray a.Desabilitado:hover .Left{
	width:3px;
}
/*Default (if some color fail) and Can be changed*/
/*Gray*/
.ButtonXpStyle.Border.Gray a .Left, .ButtonXpStyle.Border.Gray a.Desabilitado:hover .Left{
	background:url(images/gray_border_left.gif) right top;
}
.ButtonXpStyle.Border.Gray a .Right, .ButtonXpStyle.Border a.Desabilitado:hover .Right{
	background:url(images/gray_border_right.gif) right top;
}
.ButtonXpStyle.Border.Gray a:hover .Left{
	background:url(images/gray_border_left.gif) right 100%;
}
.ButtonXpStyle.Border.Gray a:hover .Right{
	background:url(images/gray_border_right.gif) right 100%;
}
.ButtonXpStyle.Border .Middle, .ButtonXpStyle.Border a.Desabilitado:hover .Middle{
	background:url(images/gray_border_bkg.gif) left top;
}
.ButtonXpStyle.Border a:hover .Middle{
	background:url(images/gray_border_bkg.gif) left 100%;
}
/*Green*/
.ButtonXpStyle.Border.Green .Left, .ButtonXpStyle.Border.Green a.Desabilitado:hover .Left
{
	background:url(images/green_border_left.gif) right top;
}
.ButtonXpStyle.Border.Green .Right, .ButtonXpStyle.Border.Green a.Desabilitado:hover .Right
{
	background:url(images/green_border_right.gif) right top;
}
.ButtonXpStyle.Border.Green a:hover .Left{
	background:url(images/green_border_left.gif) right 100%;
}
.ButtonXpStyle.Border.Green a:hover .Right{
	background:url(images/green_border_right.gif) right 100%;
}
.ButtonXpStyle.Border.Green .Middle, .ButtonXpStyle.Border.Green a.Desabilitado:hover .Middle
{
	background:url(images/green_border_bkg.gif) left top;
}
.ButtonXpStyle.Border.Green a:hover .Middle{
	background:url(images/green_border_bkg.gif) left 100%;
}