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

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



/* OvalButton - Normal/Regular */
a.ovalbutton {
	background-attachment: float;
	background: transparent url('/images/buttons/button-reg-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Tahoma; /* Change 13px as desired */
	line-height: 21px; /* This value + 0px + 3px (top and bottom padding of SPAN) must equal height of button background = 24 */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
}

a.ovalbutton span {
	background: transparent url('/images/buttons/button-reg-right.gif') no-repeat top right;
	display: block;
	padding: 0px 11px 3px 0; /* top, right, bottom, left */
	font-size:10pt;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
	color: #77084C; /*button text color*/
}
a.ovalbutton:hover { /* Hover state - left image */
	background-position: -24px left;
}
a.ovalbutton:hover span { /* Hover state - right image */
	background-position: -24px right;
	color: #FFFFFF;
}
a.ovalbutton:active { /* Hover state - left image */
	background-position: -48px left;
}
a.ovalbutton:active span { /* Hover state - right image */
	background-position: -48px right;
	color: #FFFFFF;
}

/* OvalButton - Half-Size */
a.ovalbutton2 {
	background-attachment: float;
	background: transparent url('/images/buttons/button-sml-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 9px Tahoma; /* Change 13px as desired */
	line-height: 12px; /* = height - 1px - 3px (top and bottom padding of SPAN) must equal height of button background  */
	height: 16px; /* Height of button background height: Image Height (72)/3=24  - pad-top (4) - pad-bottom (4) =   16  */
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
}

a.ovalbutton2 span {
	background: transparent url('/images/buttons/button-sml-right.gif') no-repeat top right;
	display: block;
	padding: 1px 7px 3px 0;
	font-size:7pt;
}

a:link.ovalbutton2, a:visited.ovalbutton2, a:active.ovalbutton2 {
	color: #77084C; /*button text color*/
}
a.ovalbutton2:hover { /* Hover state - left image */
	background-position: -16px left;
}
a.ovalbutton2:hover span { /* Hover state - right image */
	background-position: -16px right;
	color: #FFFFFF;
}
a.ovalbutton2:active { /* Hover state - left image */
	background-position: -32px left;
}
a.ovalbutton2:active span { /* Hover state - right image */
	background-position: -32px right;
	color: #FFFFFF;
}


/* OvalButton - Double-Size */
a.ovalbutton3 {
	background-attachment: float;
	background: transparent url('/images/buttons/oval-orange-left-4.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 9px Tahoma; /* Change 13px as desired */
	line-height: 32px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background = 40 */
	height: 48px; /* Height of button background height: Image Height (144)/3=48  - pad-top (4) - pad-bottom (4) =  40  */
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
}

a.ovalbutton3 span {
	background: transparent url('/images/buttons/oval-orange-right-4.gif') no-repeat top right;
	display: block;
	padding: 4px 7px 4px 7px;
	font-size:7pt;
}

a:link.ovalbutton3, a:visited.ovalbutton3, a:active.ovalbutton3 {
	color: #494949; /*button text color*/
}
a.ovalbutton3:hover { /* Hover state - left image */
	background-position: -48px left;
}
a.ovalbutton3:hover span { /* Hover state - right image */
	background-position: -48px right;
	color: black;
}
a.ovalbutton3:active { /* Hover state - left image */
	background-position: -96px left;
}
a.ovalbutton3:active span { /* Hover state - right image */
	background-position: -96px right;
	color: #DD0000;
}



a.pad10	 { margin-left: 10px; }
a.pad25	 { margin-left: 25px; }
a.pad50  { margin-left: 50px; }
a.pad100 { margin-left: 100px; }
a.pad150 { margin-left: 150px; }
a.pad200 { margin-left: 200px; }
a.pad250 { margin-left: 250px; }
a.pad300 { margin-left: 300px; }

/* Credits: Dynamic Drive CSS Library */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */








span.DynamicButton {
	overflow: hidden;
	width: 100%;
}

/* font family / size */
span.DynamicButton a.CommandButton1 {
	font-family: Arial, Tahoma, Sans-serif, "Times New Roman";
	font-weight:normal;
}

/* left graphic */
span.DynamicButton a.CommandButton1 {
	background-attachment: float;
	background: transparent url('/Logos/buttons/button1_left.gif') no-repeat top left;
	display: block;
	float: left;
	height: 18px; /* Physical Height (1/3) of each-section button height */
	line-height: 16px; /* = button height - 1px - 1px (top/bottom padding of SPAN) */
	padding-left: 6px; /* Physical Width of left menu image */
	text-decoration: none;
}


/* middle & right graphic */
span.DynamicButton a.CommandButton1 span {
	font-size:8pt;
	background: transparent url('/Logos/buttons/button1_right.gif') no-repeat top right;
	display: block;
	padding: 1px 6px 1px 0px;			/* top, right, bottom, left; used in calculation of line-height above */
}


/* font color - A.link, visited, active */
span.DynamicButton a:link.CommandButton1, a:visited.CommandButton1, a:active.CommandButton1 {
	color: #77084C;
}


/* font color - A.hover, re-position left-image, 1/3 */
span.DynamicButton a.CommandButton1:hover { /* Hover state - left image */
	background-position: -18px left;
	color: #FFFCA5;
}


/* font color - A.hover, re-position right-image, 1/3 */
span.DynamicButton a.CommandButton1:hover span.DynamicButton1Right { /* Hover state - right image */
	background-position: -18px right;
}



/* font color - A.active, re-position left-image, 2/3 */
span.DynamicButton a.CommandButton1:active { /* Active state - left image */
	background-position: -36px left;
	color: #FFFDB6;
}


/* font color - A.active, re-position right-image, 2/3 */
span.DynamicButton a.CommandButton1:active span.DynamicButton1Right { /* Active state - right image */
	background-position: -36px right;
}





/* button left-margin spacing */
span.DynamicButton a.pad10	{ margin-left: 10px; }
span.DynamicButton a.pad20	{ margin-left: 20px; }
span.DynamicButton a.pad30	{ margin-left: 30px; }
span.DynamicButton a.pad50  { margin-left: 50px; }
span.DynamicButton a.pad100 { margin-left: 100px; }
span.DynamicButton a.pad200 { margin-left: 200px; }
span.DynamicButton a.pad250 { margin-left: 250px; }
span.DynamicButton a.pad300 { margin-left: 300px; }
span.DynamicButton a.pad400 { margin-left: 400px; }
span.DynamicButton a.pad500 { margin-left: 500px; }

/* Credits: Dynamic Drive CSS Library */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */