div.module div.youtube div.video,
div.module div.youtube img.videoClicker
{
	position: absolute;
	left: 0;
	top: 16px;
	width: 283px;
	height: 184px;
}

div.module div.youtube img.videoClicker
{
	z-index: 20;
	cursor: pointer;
}

/*----------------------------------------------------------------------------*
 * Scollable Boxes
 *----------------------------------------------------------------------------*/

div.scrollable
{
	position: relative;
	overflow: hidden;
	width: 290px;
	height: 340px;
}

div.scrollable div.items
{
	width: 20000em;
	position: absolute;
}

div.scrollable div.items div.scrollableItem
{
	float: left;
	position: relative;
	width: 290px;
	height: 340px;
}

div.scrollable div.items div.scrollableItem div.copy
{
	position: absolute;
	width: 208px;
	background-repeat: no-repeat;
	bottom: 11px;
	left: 11px;
	background-image: url(/Courses/_image/My-Courses/text_bg_white.png);
	height: 121px;
	padding: 31px 35px 16px 40px;
	line-height: 1.4em;
}

div.boxContent a.prev
{
	background-image: url(/Courses/_image/My-Courses/btn_previous_black.gif);
	background-repeat: no-repeat;
	width: 23px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 110px;
	z-index: 200;
	cursor: pointer;
}

div.boxContent a.next
{
	background-image: url(/Courses/_image/My-Courses/btn_next_black.gif);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 37px;
    position: absolute;
    right: 1px;
    top: 110px;
    width: 23px;
    z-index: 20;
}

/*----------------------------------------------------------------------------*
 * Box Content styles
 *----------------------------------------------------------------------------*/


div.studentWork .videoClicker
{
	z-index: 20;
	cursor: pointer;
}

div#studentWorkFullVideo
{
	display: none;
	width: 480px;
	height: 320px;
	background-color: black;
	background-image: url(/Courses/_image/My-Courses/spacer.gif);
}

div#studentWorkFullVideo .video
{
	width: 480px;
	height: 320px;
}

div#studentWorkFullVideo .close
{
	background-image: url(/Courses/_image/My-Courses/btn_close.png);
	position: absolute;
	width: 29px;
	height: 29px;
	top: -10px;
	right: -10px;
	cursor: pointer;
}

div.studentWork .title
{
    background-color: #E4CFA8;
    color: #333333;
    font-size: 13px;
    height: 14px;
    padding: 5px 5px 10px;
    position: absolute;
    width: 100%;
    z-index: 200;
}

div.studentWork {
    float: right;
    margin-bottom: 25px;
    width: 260px;
}

div.titledBox {
    position: relative;
}

div.studentWork div.boxContent {
    background-color: #F1EDE3;
    height: 290px;
}

div.studentWork div.scrollable {
    height: 290px;
    width: 260px;
}

div.scrollable {
    height: 340px;
    overflow: hidden;
    position: relative;
    width: 290px;
}

div.scrollable div.items {
    position: absolute;
    width: 20000em;
}

div.studentWork div.scrollable div.items div.scrollableItem {
    height: 290px;
    width: 260px;
}

div.scrollable div.items div.scrollableItem {
    float: left;
    height: 340px;
    position: relative;
    width: 290px;
}

div.studentWork .video, div.studentWork .videoClicker {
    height: 200px;
    left: 0;
    position: absolute;
    top: 16px;
    width: 260px;
    z-index: 10;
}

div.studentWork .copyStudentWork {
    overflow: auto;
    padding: 20px;
    position: absolute;
    top: 200px;
    z-index: 200;