.scorm_bg	
{
	border			            :	solid 1px #888;
	margin-bottom	            :	12px;
	background		            :	url(./gadget/head_bg.png) repeat-x;
	border-bottom	            :	solid 1px #333;
}

.scorm_bg .title	
{
	height			:	16px;
	color			:	#FFFFFF;
	font-weight		:	bold;
	font-size		:	14px;
	line-height		:	24px;
	margin			:	0;
	padding-left    :   4px;
}

.scorm_bg .buttons a	
{
	display			:	block;
	float			:	right;
	overflow		:	hidden;
	line-height		:	100px;
	background-position	:	top;
	height			:	20px;
	width			:	20px;
	margin-right	:	2px;
}

.scorm_bg .buttons a.close	
{
	background		:	url(./gadget/close.png) no-repeat;
}

body.tablet .scorm_bg .buttons a.close	
{
    background-image: none;
    color: #666;
    font-weight: bold;
    background-color: #cef;
    width: 50px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid;
    border-color: #eef gray gray #eef;
    text-decoration: none;
    margin-top: 1px;
    -webkit-border-radius: 3px;
}

.scorm_bg .buttons a.prev	
{
	background		:	url(./gadget/prev.png) no-repeat;
}

.scorm_bg .buttons a.next	
{
	background		:	url(./gadget/next.png) no-repeat;
}

.scorm_bg .buttons a:hover	
{
	background-position	: bottom;
}