div.flickrator
{
	border: 1px solid #ccc;
	width: 300px;
}

div.courseDetailColumnA div.flickrator
{
	width: auto;
}

div.courseDetailColumnA div.flickrator div.thumbnails
{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

div.flickrator div.header
{
	border-bottom: 1px solid #fff;
	background: #ddd url(images/small_gradient.gif) repeat-x bottom;
	font-weight: bold;
	padding: 5px 10px;
}

div.flickrator div.imageNumbers 
{
	float: left;
	width: 50%;
}

div.flickrator div.enlargeControl
{
	float: right;
	width: 50%;
}
div.flickrator div.enlargeControl a
{
	float: right;
}

div.flickrator div.mainImage
{
	height: auto !important;
	height: 200px;
	min-height: 200px;
}

div.flickrator .mainImage a
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.flickrator div.mainImage img
{
	display: block;
}

div.flickrator div.thumbnails
{
	border-top: 1px solid #ccc;
	padding: 2px 0;
}

div.flickrator div.thumbnails a.previousImage 
{
	float: left;
	margin-right: 2px;
	width: 20px;
}

div.flickrator div.thumbnails a.nextImage
{
	float: left;
	margin-left: 2px;
	width: 20px;
}

div.flickrator div.thumbnails a.previousImage img
{
	display: block;
	height: 66px;
	width: 20px;
}

div.flickrator div.thumbnails a.nextImage img
{
	display: block;
	height: 66px;
	width: 20px;
}

div.flickrator div.thumbnails ul
{
	float: left;
	height: auto !important;
	height: 66px;
	margin-left: 4px;
	min-height: 66px;
	list-style: none;
	overflow: hidden;
	width: 250px;
}

div.flickrator div.thumbnails ul li
{
	float: left;
	margin-left: 1px;
	padding: 5px 0;
	width: 81px;
}

div.flickrator div.thumbnails li a
{
	border: 1px solid #ccc;
	display: block;
	padding: 2px;
}
div.flickrator div.thumbnails li a:focus
{
	outline: none;
}
div.flickrator div.thumbnails li a.selected
{
	border: 1px solid #600;
}
div.flickrator div.thumbnails li a img 
{
	display: block;
	width: 75px;
}