/* Image URLs and all colour information moved to default.css */

/*center main container info*/
#main{
	position:absolute;
	top: 50%;
	left: 50%;
	width:960px;
	height:577px;
	margin-top: -290px;
	margin-left: -480px;
}

/*loading container info*/
#loading{
	position:			absolute;
	width:				960px;
	height:				577px;
	font:				11pt Verdana, sans-serif;
}

/*top bar positional info*/
#top_bar{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				960px;
	height:				90px;
}

/*Main content div - apply styles to this rather than content IFrame directly*/
#content_holder{
	position:			absolute;
	width:				960px;
	height:				487px;
	top:				90px;
}

/*course title image positional info*/
#course_title{
	position:			absolute;
	top:				13px;
	left:				120px;
	width:				750px;
	height:				37px;
	padding:			6px 0px 0px 10px;
}

/*page uid -(review mode) positional info*/
#page_uid{
	position:			absolute;
	top:				0px;
	right:				0px;
	font:				11pt Verdana, sans-serif;
}

/*Buttons container area*/
#buttons{
	position:			absolute;
	top:				51px;
	left:				1px;
}

/*Buttons container area:anchor*/
#buttons a{
	float:				left;
	height:				39px;
}

/*Home button width*/
#buttons a#home{
	width:				107px;
}

/*Help button width*/
#buttons a#help{
	width:				96px;
}

/*Page of page display info*/
#page_of_page{
	position:			absolute;
	top:				60px;
	left:				703px;
	width:				115px;
	height:				22px;
	font:				normal 8pt Verdana;
	letter-spacing: 		-1px;
	text-align:			center;
	padding-top:			9px;
}

/*Buttons container area*/
#back_next{
	position:			absolute;
	top:				51px;
	left:				560px;
	width:				400px;
	height:				39px;
	
}

/*Buttons container area:anchor*/
#back_next a{
	float:				left;
	height:				39px;
}

/*Back button width*/
#back{
	width:				160px;
}

/*Next button width*/
#next{
	width:				160px;
	margin-left:		80px;
}