p.buttons { text-align:center }

a.button  { 
	color: black; font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; font-weight:bold; font-size:13px; line-height:16px; margin: 0 1px; padding:1px 9px 4px 9px; margin-top:-1px; display:-moz-inline-box; display:inline-block; background: url(/NewGraphics/newerGraphics/linkButtonBG.gif) repeat-x #21ffb4 left -9px; text-decoration:none; border:#b6ffe6 solid 1px; border-color:#b6ffe6 #009763 #009763 #b6ffe6; vertical-align: middle; 
}
	/* for non-IE only: */
	html>/**/body a.button  { line-height:15px; padding:3px 9px; margin-top:0px; }

a.button:hover { border-color: #0f714f #b3ffe9 #b3ffe9 #0f714f; background-position:1px -8px; background-color: #21ffb4; }

a.button.default, a.button.default:hover { 
	padding:0; border:2px solid black; background-position:1px -8px; position:relative; 
}
a.button.default:hover { background:#0f714f none; }


a.button.default span { 
	display:block; line-height:16px; padding:1px 9px 4px 9px; 
	border:#b6ffe6 solid 1px; border-color:#b6ffe6 #009763 #009763 #b6ffe6;
}
a.button.default:hover span { padding-top:2px; padding-left:10px; }

	/* for non-IE only: */
	html>/**/body a.button.default span  { line-height:15px; padding:3px 9px; }
	html>/**/body a.button.default:hover span  { padding-top:4px; padding-left:10px; }


a.button span { position:relative; }
a.button:hover span { top:1px; left:1px; }
a.button.default:hover span { 
	border-width:0px; margin:1px; margin-top:0px; margin-left:0px; background: url(/NewGraphics/newerGraphics/linkButtonBG.gif) repeat-x #21ffb4 1px -8px; 
}



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




/* OFF: */
html body a.button.off  { color:#666; background-image:none; background-color:#ccc; text-decoration:none; border-color: #ccc; }
html body a.button.off:hover { color: #666; background-color: #ccc; border-color: #ccc; background-position:left -9px; cursor:default; }


html body a.default.off, html body a.default.off:hover { border-color:black; }
html body a.default.off span { border-color:#ccc; }

html body a.default.off:hover span { 
	background-image: none; background-color:#ccc; 
}
html body a.button.off:hover span { top:0px; left:0px; }
	

/* 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/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: 14px; 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; }

/* 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; }

#inFrameBottomNav span A, #inFrameBottomNav div A { display:block; overflow:hidden; *width:100%; border:1px solid #ccc;  background-color: #f6f6f6; color:#666;  }
#inFrameBottomNav span A:hover, #inFrameBottomNav div A:hover { background-color: #ddd; color:#000; }
#inFrameBottomNav div A { border-top:none 0; padding:6px; }
#inFrameBottomNav span.prev A { 
	text-align:left; 
	background-image: url(/NewGraphics/newerGraphics/prev.gif);
	background-repeat: no-repeat;
	background-position: 0 center; padding-left:20px;
	}
#inFrameBottomNav span.next A { 
	text-align:right; border-left-width:0; 
	background-image: url(/NewGraphics/newerGraphics/next.gif);
	background-repeat: no-repeat;
	background-position: 100% center; padding-right:20px;
	}
	
#inFrameBottomNav span.prev A:hover { background-position: 0 0; }
#inFrameBottomNav span.next A:hover {  background-position: 100% 0; }



#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; }
#inFrameBottomNav span.prev A span { }
#inFrameBottomNav span.next A span { }




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

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