/* based on the rules at products.sitepoint.com/css/frontpage.css */
.awesome
{
	background:#cdcdcd; 
	display: inline-block; 
	padding: 5px 10px 8px; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-weight: normal; 
	color: #fff !important; 
	white-space:nowrap;
	overflow:visible;
	border:0;
	vertical-align: top;
}
/* hide the PNG overlay from IE6 */
button[class="awesome"], button[class~="awesome"]
{
	background:#cdcdcd url(../images/alert-overlay.png) repeat-x; 
}
button.awesome::-moz-focus-inner 
{ 
	padding:0; 
}

/* Nyope - I'm using a bottom-positioned button
button.awesome:active
{ 
	top: 1px; 
}
*/

button.awesome, button.medium, .awesome, a.medium
{ 
	font-weight: bold; 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	font-size:1.1em;
	height:2.1em;
}
button.small, a.small
{ 
	padding: 2px 10px 3px; 
	font-size:0.9em;
	height:2.1em;
}
button.large, a.large
{ 
	padding: 8px 14px 0; 
	font-size:1.15em;
}
button.large, a.large
{
}

button.gray, a.gray
{
	background-color:#f2f2f2; 
	border:1px solid #aaa;
	color:#0071cc; 
	text-shadow: -1px 1px 1px rgba(255,255,255,0.75);
}
button.gray:hover, button.gray:focus, a.gray:hover, a.gray:focus
{  
	color:#0066ff; 
	background-color:#fff;  
}

button.orange, a.orange
{ 
	background-color:#ff5c00; 
}
button.orange:hover, button.orange:focus, a.orange:hover, a.orange:focus							
{ 
	background-color:#f90; 
}

button.blue, a.blue
{ 
	background-color:#022554; 
}
button.blue:hover, button.blue:focus, a.blue:hover, a.blue:focus							
{ 
	background-color:#3C65A0; 
}

a.actionbutton {
	font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	position:relative;
	text-indent:50px;
	display:block;
	background:#ff0;
	font-size:15px;
	height:30px;
	color:#000;
	width:90%;
	float:left;
	-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;
	padding:14px 0 6px 0;
	margin:20px ;
	border:2px solid #DDE7D4;
	-webkit-box-shadow:1px 1px 8px #DCDCDC;
	-moz-box-shadow:1px 1px 8px #DCDCDC;
	box-shadow:1px 1px 8px #DCDCDC;
	background:#DDE7D4 url(/images/books/dl-tile.jpg) top center repeat-x;
	color:#000;
	line-height:200%
}
 a.actionbutton img{
	position:absolute;
	top:5px;
	border:0 none;
	left:30px
}

a.twoline {
	padding:4px 0 16px 0;
	}
 a.actionbutton span{
	display:block;
	font-size:10px;
	margin:-7px 0 0 0;
	padding:0;
	color:#555;
	line-height:150%
}

a.actionbutton:hover{
	background:#DDE7D4 url(/images/books/dl-tile.jpg) center bottom repeat-x;
	text-decoration:none;
}

a.actionbutton img{
	position:absolute;
	top:5px;
	border:0 none;
	left:30px
}
#courseopts a.actionbutton {
	width:260px;
	margin:20px 25px;
	color:#000;

}
#secondary-content a.actionbutton {
	width:195px;
	color:#000;
	text-indent:40px;
}
#secondary-content a.actionbutton img{
	left:25px
}