p.buttons, #oflows span.buttons { text-align:center; display:block; }
#oflows span.buttons { margin:1em 0; margin:1em auto; }

a.button, #oflows a.button  { 
	color: #3b3b3b;
	font-weight:bold; 
	font-size:13px; 
	line-height:15px; 
	height:auto;
	padding:3px; 
	margin: 0 1px; 
	display:table; 
	display:inline-block; 
	text-decoration:none; 
	vertical-align: middle; 
	
	-webkit-border-radius:6px; 
	-moz-border-radius:6px; 
	-o-border-radius:6px; 
	border-radius:6px; 
	background-image:none;
}
a.button:hover, #oflows a.button:hover, #oflows a.button:active  { background-color: transparent; }

a.button.default, #submitButton a.button { background-color: #4daa02; color: #2e2e2e; }
a.button.default:hover, #oflows #submitButton a.button:hover { background-color: #3d3b36; }

a.button span, #oflows a.button span, #oflows a.button:active span { 
	text-align:center;
	display:table; 
	display:inline-block; 
	line-height:20px; 
	height:21px;
	padding:0px 9px;  
	margin:-1px; /* to work around border-crossing flash on non-hover in IE */
	border:#999999 solid 1px;
	background: #dddddd url(/NewGraphics/2010/H.png) repeat-x left -520px; 
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;  _height:expression(document.compatMode == "BackCompat" ?"23px":"21px");
	text-overflow:ellipsis; 
	vertical-align:bottom;
	
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	-o-border-radius:4px; 
	border-radius:4px; 
	
	-webkit-box-shadow:0 1px 2px #FFF;
	-moz-box-shadow:0 1px 2px #FFF;
	-ie-box-shadow:0 1px 2px #FFF;
	-o-box-shadow:0 1px 2px #FFF;
	box-shadow:0 1px 2px #FFF;
	-pie-box-shadow:0 1px 2px #FFF;
	/* behavior: url(/AFrames/includes/CSS/PIE.htc); */ 
	/* completely hoses up the hover effect */
}
.safari a.button span, .safari #oflows a.button span { line-height:22px; }
html.ie9 > body a.button span, html.ie9 > body #oflows a.button span, html.ie9 > body #oflows a.button:active span { display:block; }



a.button:hover span, #oflows a.button:hover span { 
	color:#000;
	border-color:#000; 
	background-color: #fec521; 
	background-image: url(/NewGraphics/2010/H.png);
	background-repeat: repeat-x;
	background-position: 0 -546px; 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	-ie-box-shadow:none;
	box-shadow:none;
}
a.button:active span,
a.button.default:active span, 
#oflows a.button:active span,
#oflows #submitButton a.button:active span {
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px inset;
    -ie-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px inset;
    -o-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px inset;
    box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px inset;
}

a.button.default span, #oflows #submitButton a.button span { 
	border-color:#31512f; 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	-ie-box-shadow:none;
	box-shadow:none;
}
a.button.default:hover span, #oflows #submitButton a.button:hover span { border-color:#000; } 
/* a.button.default:hover span { border-color:#fff861 #fce337 #ffdf30 #fde639; } */


/* small buttons: */
a.button.smallbutton span { height:17px; _height:expression(document.compatMode == "BackCompat" ?"19px":"17px"); line-height:16px; font-size:11px; background-position:0 -523px; }
a.button.smallbutton:hover span { background-position:0 -549px; }


/* simple fake select buttons: */
a.button.menu span { padding: 0 0 0 8px; text-align:left;  }
a.button.menu:active span {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	-ie-box-shadow:none;
	box-shadow:none;
}

a.button.menu span span { 
	padding:0; margin:0; border:none;
	background: transparent url(/NewGraphics/2010/icons.png) no-repeat right -789px; 

	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	-ie-box-shadow:none;
	box-shadow:none;
	padding-right:20px;
}
a.button.menu:hover span span { 
	background: transparent url(/NewGraphics/2010/icons.png) no-repeat right -812px; 
}
.sidebartop a.button.menu, .sidebartop a.button.menu span { display:block; }
.sidebartop a.button.menu span { max-width:110px; _width:118px; position:relative; }
.sidebartop a.button.menu span span { max-width:90px; _width:108px; position:static;  }
.sidebartop a.button.menu span, 
.sidebartop a.button.menu span span { 
	width:auto;  
}


a.button.menu.smallbutton span span { background-position:right -792px; }
a.button.menu.smallbutton:hover span span { background-position:right -815px; }


p.utilities a.button, a.button.smaller { font-size:11px; line-height:14px; }
html>/**/body p.utilities a.button, a.button.smaller  { line-height:13px; }


.sidebartop .button span { border-color:#989082;  }
.sidebartop .button span:hover { border-color:#000;  }


/* OFF: */
html body a.default.off span, 
html body a.off span,
html body a.default.off:hover span, 
html body a.off:hover span,
html body a.button.off,
html body a.button.off:hover { color: #999; cursor:default; }


html body a.default.off, 
html body a.default.off:hover { background-color:#ccc; }
html body a.off, 
html body a.off:hover { background:none; }

html body a.default.off span, 
html body a.off span,
html body a.default.off:hover span,
html body a.off:hover span { border-color:#ababab; background-image:none;  background-color:#ddd; }

	

/* FANCY SELECT MENU: */
		#controls { position:relative; height:32px; }
		#controls img { display:block; margin:0; padding:0;}
		#controls #dropdown
		{
			background-repeat: no-repeat;
			background-position: center 0;
			background-image: url(/NewGraphics/2010/dropDown.png);
			height:20px; width:200px;
			position:absolute; top:2px; left:50%; margin-left:-100px;
			margin-right:24px; padding-top:4px;
			font-size:18px;
			line-height:20px;
			-webkit-box-shadow: rgba(0,0,0,0.4) 2px 1px 3px;
			-moz-box-shadow: rgba(0,0,0,0.4) 2px 1px 3px;
			-ie-box-shadow: rgba(0,0,0,0.4) 2px 1px 3px;
			box-shadow: rgba(0,0,0,0.4) 2px 1px 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ie-border-radius: 3px;
			border-radius: 3px;
		}
		*html #dropdown span { width:100%; }
		#dropdown span { display:block; margin-right:25px; margin-left:.5em; margin-top:-3px; white-space:nowrap; overflow:hidden; overflow-x:hidden; text-overflow:ellipsis; }
		#controls select { font-size: 16px; text-align:center; margin:0px; height:24px; width:200px; opacity:0; filter:alpha(opacity=0); 
			position:absolute; left:50%; margin-left:-10000px; top:2px; }
		html>body #controls select { right:50%; margin-right:-100px; margin-left:0; }
		html.ie9>body #controls select { margin-left:-100px; }

/* in frame navigation to previous and next articles */
#inFrameBottomNav { text-align:center; margin:2.5em 0 5em; white-space:nowrap; }
#inFrameBottomNav i { width:0; overflow:hidden; display:none; }

#inFrameBottomNav span.prev, #inFrameBottomNav span.next { display:inline-block; width:50%; padding-top:1px; vertical-align:bottom; }

#inFrameBottomNav span a, #inFrameBottomNav div a { display:block; overflow:hidden; *width:100%; border:1px solid #777;  background-color: #f6f6f6; color:#444;  }
html > body #inFrameBottomNav span a, html > body #inFrameBottomNav div a { width:auto; }

#inFrameBottomNav span a:hover, #inFrameBottomNav div a:hover { background-color: #ddd; color:#000; border-color:#000; }
#inFrameBottomNav div a { border-top:none 0; padding:6px;  }
#inFrameBottomNav span.prev a { 
	text-align:left; 
	background-image: url(/NewGraphics/2010/icons.png);
	background-repeat: no-repeat;
	background-position: left -908px; padding-left:18px;
	}
#inFrameBottomNav span.next a { 
	text-align:right; border-left-width:0; 
	background-image: url(/NewGraphics/2010/icons.png);
	background-repeat: no-repeat;
	background-position: right -908px; padding-right:18px;
	}
	
#inFrameBottomNav span.prev a:hover { background-position: left -943PX; }
#inFrameBottomNav span.next a:hover {  background-position: right -943PX; }



#inFrameBottomNav span a span { white-space:nowrap; overflow:hidden; *width:100%; text-overflow:ellipsis;  -ms-text-overflow:ellipsis; display:block; font-size:12px; font-weight:normal; padding:6px; cursor:pointer; *margin:-1px 0; *padding-bottom:7px; 
	background-color:#ddd;
	background-image: url(/NewGraphics/2010/H.png);
	background-repeat: repeat-x;
	background-position: 0 -945px; 

}
html > body #inFrameBottomNav span a span { width:auto; padding:6px; margin:0; }
#inFrameBottomNav span a:hover span { background-position: left -980px; }
#inFrameBottomNav span.prev a span { }
#inFrameBottomNav span.next a span { }

/* BUTTONS THAT ARE NOT LINKS (links are preferred, because of styling consistency): */
input.button, 
button.button { 
	color: #3b3b3b;
	font-weight:bold; 
	font-size:13px; 
	text-align:center;
	text-decoration:none; 
	vertical-align: baseline; 
	display:table; 
	display:inline-block; 
	line-height:16px; 
	*line-height:18px; 
	height:23px;
	padding:0px 9px 3px;  
	margin: 0 2px; 
	border:#999999 solid 1px;
	background: #dddddd url(/NewGraphics/2010/H.png) repeat-x left -520px; 
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;  
	*overflow:visible;  
	text-overflow:ellipsis; 
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ie-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	-o-border-radius:4px; 
	border-radius:4px; 
	
	-webkit-box-shadow:0 1px 2px #FFF;
	-moz-box-shadow:0 1px 2px #FFF;
	-ie-box-shadow:0 1px 2px #FFF;
	-o-box-shadow:0 1px 2px #FFF;
	box-shadow:0 1px 2px #FFF;
	*background: #dddddd url(/NewGraphics/2010/H.png) repeat-x left -522px; /* for IE7 */
	outline:none;
}
.safari input.button, 
.safari button.button { line-height:22px; }

input.button:focus, 
button.button:focus
{ 
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	-o-border-radius:4px; 
	border-radius:4px; 
	
	-webkit-box-shadow:0 0 0 2px #4daa02; 
	-moz-box-shadow:0 0 0 2px #4daa02; 
	-o-box-shadow:0 0 0 2px #4daa02; 
	-ie-box-shadow:0 0 0 2px #4daa02; 
	box-shadow:0 0 0 2px #4daa02; 
	outline:none;
}
input.button:focus:hover,
button.button:focus:hover
{ 
	-webkit-box-shadow:0 0 0 2px #3D3B36; 
	-moz-box-shadow:0 0 0 2px #3D3B36; 
	-o-box-shadow:0 0 0 2px #3D3B36; 
	-ie-box-shadow:0 0 0 2px #3D3B36; 
	box-shadow:0 0 0 2px #3D3B36; 
	outline:none;
}
 
input.button:active,
button.button:active
{ 
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	-o-border-radius:4px; 
	border-radius:4px; 
	
	-webkit-box-shadow:0 0 0 2px #3D3B36, rgba(0, 0, 0, 0.6) 2px 2px 10px inset; 
	-moz-box-shadow:0 0 0 2px #3D3B36, rgba(0, 0, 0, 0.6) 2px 2px 10px inset; 
	-o-box-shadow:0 0 0 2px #3D3B36, rgba(0, 0, 0, 0.6) 2px 2px 10px inset; 
	-ie-box-shadow:0 0 0 2px #3D3B36, rgba(0, 0, 0, 0.6) 2px 2px 10px inset; 
	box-shadow:0 0 0 2px #3D3B36, rgba(0, 0, 0, 0.6) 2px 2px 10px inset; 
	outline:none;
}

input.button:active:hover,
button.button:active:hover
{ 
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	-o-border-radius:4px; 
	border-radius:4px; 
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	-ie-box-shadow:none;
	box-shadow:none;
	
	outline:none; 
}

input.button::-moz-focus-inner,
button.button::-moz-focus-inner 
{ border: none; }

input[disabled].button,
button[disabled].button,
input[disabled].button:hover,
button[disabled].button:hover
{ border-color:#ababab !important; background-image:none;  background-color:#ddd !important; color: #999; cursor:default;
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	-o-border-radius:4px; 
	border-radius:4px; 
}

input.button:hover,
button.button:hover
{ 
	color:#000;
	border-color:#000 !important; 
	background-color: #fec521; 
	*background-color: #000 !important; 
	background-image: url(/NewGraphics/2010/H.png);
	background-repeat: repeat-x;
	background-position: 0 -546px; 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	-ie-box-shadow:none;
	box-shadow:none;
	*background: #dddddd url(/NewGraphics/2010/H.png) repeat-x left -548px; /* for IE7 */
}




@media print {
	p.buttons { display:none; }

	html #controls #dropdown
	{
		background-color: transparent;
		background-position: -5000px 0;
		background-image: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			-ie-box-shadow: none;
			box-shadow:none;
	}
	html body #controls select { left:-100em; }
}