/* Button styles -- should move into angel */

/* medium-height button */
a.button_medium {
	display: block;
	float: left;
	font: normal 10px Arial; /* Change 12px as desired */
	line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 19px; /* Height of button background height */
	padding-left: 4px; /* Width of left menu image */
	text-decoration: none;
	text-transform: uppercase;
}

a.button_medium span{
	display: block;
	padding: 4px 6px 4px 2px; /*Set 9px below to match value of 'padding-left' value above*/
	white-space:nowrap;
}

/* link - dark gray */
a.button_medium_link {
	background: url('../images/button-dark-left.gif') no-repeat top left;
	text-decoration: none;
}

a.button_medium_link span {
	background: url('../images/button-dark-right.gif') no-repeat top right;
	text-decoration: none;
}

a:link.button_medium_link, a:visited.button_medium_link, a:active.button_medium_link {
	text-decoration: none;
	color: #fff !important;
}

a.button_medium_link:hover {
	text-decoration: none;
	color: #ccc !important;
}

/* "on" state */

a.button_medium_link_on {
background: url('../images/button-dark-left.gif') no-repeat top left;
}

a.button_medium_link_on span {
	background: url('../images/button-dark-right.gif') no-repeat top right;
}

a:link.button_medium_link_on, a:visited.button_medium_link_on, a:active.button_medium_link_on {
	color: #ccc !important;
}

a:hover.button_medium_link_on {
	color: #fff !important;
}

/* setting - white */
a.button_medium_setting {
	background: url('../images/button-light-left2.gif') no-repeat top left;
}

a.button_medium_setting span {
	background: url('../images/button-light-right2.gif') no-repeat top right;
}

a:link.button_medium_setting, a:visited.button_medium_setting, a:active.button_medium_setting {
	color: #333 !important;
}

a.button_medium_setting:hover {
	color: #666 !important;
}

/* "on" state */

a.button_medium_setting_on {
background: url('../images/button-dark-left.gif') no-repeat top left;
}

a.button_medium_setting_on span {
	background: url('../images/button-dark-right.gif') no-repeat top right;
}

a:link.button_medium_setting_on, a:visited.button_medium_setting_on, a:active.button_medium_setting_on {
	color: #fff !important;
}

a.button_medium_setting_on:hover {
	color: #ccc !important;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background:  url(../images/square-blue-left.gif) no-repeat top left;	/* transparent? */
display: block;
float: left;
font: bold 12px Verdana; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #036; /*button text color*/
}

a.squarebutton span{
background:  url(../images/square-blue-right.gif) no-repeat top right;	/* transparent? */
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

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

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.sbmr { margin-right:5px; }

.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%;
}




A.settingButton_medium {
	BORDER-RIGHT: #bababa 1px solid; BORDER-TOP: #bababa 1px solid; DISPLAY: block; BACKGROUND: url(/BFW/pics/graybuttonbg.gif) #d2d2d2 repeat-x left bottom; FLOAT: left; FONT: bold 10px/10px Verdana; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #bababa 1px solid; COLOR: #fff; BORDER-BOTTOM: #bababa 1px solid; HEIGHT: 19px; TEXT-DECORATION: none
}
A.settingButton_medium SPAN {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; PADDING-TOP: 4px; WHITE-SPACE: nowrap
}
A.settingButton_medium:hover {
	COLOR: #eee; TEXT-DECORATION: none
}
A.settingButton_medium_on {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: block; BACKGROUND: url(/BFW/pics/blackbuttonbg.gif) #000 repeat-x left bottom; FLOAT: left; FONT: bold 10px/10px Verdana; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; HEIGHT: 19px; TEXT-DECORATION: none
}
A.settingButton_medium_on SPAN {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; PADDING-TOP: 4px; WHITE-SPACE: nowrap
}
A.settingButton_medium_on:hover {
	COLOR: #eee; TEXT-DECORATION: none
}
A.linkButton_medium {
	BORDER-RIGHT: #417aaa 1px solid; BORDER-TOP: #417aaa 1px solid; DISPLAY: block; BACKGROUND: url(/BFW/pics/bluebuttonbg.gif) #74a7d3 repeat-x left bottom; FLOAT: left; FONT: bold 10px/10px Verdana; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #417aaa 1px solid; COLOR: #fff; BORDER-BOTTOM: #417aaa 1px solid; HEIGHT: 19px; TEXT-DECORATION: none
}
A.linkButton_medium SPAN {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; PADDING-TOP: 4px; WHITE-SPACE: nowrap
}
A.linkButton_medium:hover {
	COLOR: #eee; TEXT-DECORATION: none
}
A.linkButton_medium_on {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: block; BACKGROUND: url(/BFW/pics/blackbuttonbg.gif) #000 repeat-x left bottom; FLOAT: left; FONT: bold 10px/10px Verdana; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; HEIGHT: 19px; TEXT-DECORATION: none
}
A.linkButton_medium_on SPAN {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; PADDING-TOP: 4px; WHITE-SPACE: nowrap
}
A.linkButton_medium_on:hover {
	COLOR: #eee; TEXT-DECORATION: none
}
.starr {
	BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}