/*
 * TOOLTIP CLASSES
 */
#toolTipContainer .tooltip {
	position: absolute;
	z-index: 100;
	top: 500px;
	left: 300px;
	clear: both;
	display: none;
}
#toolTipContainer .tooltip table {
	width: 200px;
	border: 0px;
	padding: 0px;
}
#toolTipContainer .tooltip .tooltipPointer {	
	width: 15px;
	height: 16px;
	line-height: 7px;
	background-repeat: no-repeat;
	background-position: bottom right;
}
#toolTipContainer .tooltip .tooltipBody {
	color: #ffffff;
	font-size: 10px;
	background-repeat: repeat-x;
	width: 186px;
	font-family: arial, helvetica;
}
#toolTipContainer .tooltip .tooltipTL {
	width: 7px;
	height: 7px;
	background-repeat: no-repeat;
}
#toolTipContainer .tooltip .tooltipTop {
	height: 7px;
	background-repeat: repeat-x;
}
#toolTipContainer .tooltip .tooltipTR {
	width: 7px;
	height: 7px;
	line-height: 7px;
	background-repeat: no-repeat;
}
#toolTipContainer .tooltip .tooltipMiddle {
	background-repeat: repeat-x;
	line-height: 7px;
	height: 7px;
}
#toolTipContainer .tooltip .tooltipFiller {
	line-height: 7px;
	height: 7px;
}
#toolTipContainer .tooltip .tooltipBR {
	width: 7px;
	height: 7px;
	line-height: 7px;
	background-repeat: no-repeat;
}


/* yellow tooltip */
#toolTipContainer #tooltip_yellow .tooltipPointer {	
	background-image: url(../images/my_stack/tooltips/yellow/tooltip_pointer.gif);
}
#toolTipContainer #tooltip_yellow .tooltipBody {
	background-image: url(../images/my_stack/tooltips/yellow/tooltip_middle.gif);
	background-color: #8e8806;
}
#toolTipContainer #tooltip_yellow .tooltipTL {
	background-image: url(../images/my_stack/tooltips/yellow/tooltip_tl.gif);
}
#toolTipContainer #tooltip_yellow .tooltipTop {
	background-image: url(../images/my_stack/tooltips/yellow/tooltip_top.gif);
}
#toolTipContainer #tooltip_yellow .tooltipTR {
	background-image: url(../images/my_stack/tooltips/yellow/tooltip_tr.gif);
}
#toolTipContainer #tooltip_yellow .tooltipMiddle {
	background-image: url(../images/my_stack/tooltips/yellow/tooltip_middle.gif);
	background-color: #8e8806;
}
#toolTipContainer #tooltip_yellow .tooltipBR {
	background-image: url(../images/my_stack/tooltips/yellow/tooltip_br.gif);
}
#toolTipContainer #tooltip_yellow .tooltipFiller {
	background-color: #8e8806;
}


/* gray tooltip */
#toolTipContainer #tooltip_gray .tooltipPointer {	
	background-image: url(../images/my_stack/tooltips/gray/tooltip_pointer.gif);
}
#toolTipContainer #tooltip_gray .tooltipBody {
	background-image: url(../images/my_stack/tooltips/gray/tooltip_middle.gif);
	background-color: #666666;
	color: #ffffff;
}
#toolTipContainer #tooltip_gray .tooltipTL {
	background-image: url(../images/my_stack/tooltips/gray/tooltip_tl.gif);
}
#toolTipContainer #tooltip_gray .tooltipTop {
	background-image: url(../images/my_stack/tooltips/gray/tooltip_top.gif);
}
#toolTipContainer #tooltip_gray .tooltipTR {
	background-image: url(../images/my_stack/tooltips/gray/tooltip_tr.gif);
}
#toolTipContainer #tooltip_gray .tooltipMiddle {
	background-image: url(../images/my_stack/tooltips/gray/tooltip_middle.gif);
	background-color: #666666;
}
#toolTipContainer #tooltip_gray .tooltipBR {
	background-image: url(../images/my_stack/tooltips/gray/tooltip_br.gif);
}
#toolTipContainer #tooltip_gray .tooltipFiller {
	background-color: #666666;
}


/* green tooltip */
#toolTipContainer #tooltip_green .tooltipPointer {	
	background-image: url(../images/my_stack/tooltips/green/tooltip_pointer.gif);
}
#toolTipContainer #tooltip_green .tooltipBody {
	background-image: url(../images/my_stack/tooltips/green/tooltip_middle.gif);
	background-color: #1e561a;
	color: #ffffff;
}
#toolTipContainer #tooltip_green .tooltipTL {
	background-image: url(../images/my_stack/tooltips/green/tooltip_tl.gif);
}
#toolTipContainer #tooltip_green .tooltipTop {
	background-image: url(../images/my_stack/tooltips/green/tooltip_top.gif);
}
#toolTipContainer #tooltip_green .tooltipTR {
	background-image: url(../images/my_stack/tooltips/green/tooltip_tr.gif);
}
#toolTipContainer #tooltip_green .tooltipMiddle {
	background-image: url(../images/my_stack/tooltips/green/tooltip_middle.gif);
	background-color: #1e561a;
}
#toolTipContainer #tooltip_green .tooltipBR {
	background-image: url(../images/my_stack/tooltips/green/tooltip_br.gif);
}
#toolTipContainer #tooltip_green .tooltipFiller {
	background-color: #1e561a;
}


/* orange tooltip */
#toolTipContainer #tooltip_orange .tooltipPointer {	
	background-image: url(../images/my_stack/tooltips/orange/tooltip_pointer.gif);
}
#toolTipContainer #tooltip_orange .tooltipBody {
	background-image: url(../images/my_stack/tooltips/orange/tooltip_middle.gif);
	background-color: #66370d;
	color: #ffffff;
}
#toolTipContainer #tooltip_orange .tooltipTL {
	background: url(../images/my_stack/tooltips/orange/tooltip_tl.gif);
}
#toolTipContainer #tooltip_orange .tooltipTop {
	background-image: url(../images/my_stack/tooltips/orange/tooltip_top.gif);
}
#toolTipContainer #tooltip_orange .tooltipTR {
	background-image: url(../images/my_stack/tooltips/orange/tooltip_tr.gif);
}
#toolTipContainer #tooltip_orange .tooltipMiddle {
	background-image: url(../images/my_stack/tooltips/orange/tooltip_middle.gif);
	background-color: #66370d;
}
#toolTipContainer #tooltip_orange .tooltipBR {
	background: url(../images/my_stack/tooltips/orange/tooltip_br.gif);
}
#toolTipContainer #tooltip_orange .tooltipFiller {
	background-color: #66370d;
}


/* purple tooltip */
#toolTipContainer #tooltip_purple .tooltipPointer {	
	background-image: url(../images/my_stack/tooltips/purple/tooltip_pointer.gif);
}
#toolTipContainer #tooltip_purple .tooltipBody {
	background-image: url(../images/my_stack/tooltips/purple/tooltip_middle.gif);
	background-color: #350835;
	color: #ffffff;
}
#toolTipContainer #tooltip_purple .tooltipTL {
	background-image: url(../images/my_stack/tooltips/purple/tooltip_tl.gif);
}
#toolTipContainer #tooltip_purple .tooltipTop {
	background-image: url(../images/my_stack/tooltips/purple/tooltip_top.gif);
}
#toolTipContainer #tooltip_purple .tooltipTR {
	background-image: url(../images/my_stack/tooltips/purple/tooltip_tr.gif);
}
#toolTipContainer #tooltip_purple .tooltipMiddle {
	background-image: url(../images/my_stack/tooltips/purple/tooltip_middle.gif);
	background-color: #350835;
}
#toolTipContainer #tooltip_purple .tooltipBR {
	background-image: url(../images/my_stack/tooltips/purple/tooltip_br.gif);
}
#toolTipContainer #tooltip_purple .tooltipFiller {
	background-color: #350835;
}


/* red tooltip */
#toolTipContainer #tooltip_red .tooltipPointer {	
	background-image: url(../images/my_stack/tooltips/red/tooltip_pointer.gif);
}
#toolTipContainer #tooltip_red .tooltipBody {
	background-image: url(../images/my_stack/tooltips/red/tooltip_middle.gif);
	background-color: #712323;
	color: #ffffff;
}
#toolTipContainer #tooltip_red .tooltipTL {
	background-image: url(../images/my_stack/tooltips/red/tooltip_tl.gif);
}
#toolTipContainer #tooltip_red .tooltipTop {
	background-image: url(../images/my_stack/tooltips/red/tooltip_top.gif);
}
#toolTipContainer #tooltip_red .tooltipTR {
	background-image: url(../images/my_stack/tooltips/red/tooltip_tr.gif);
}
#toolTipContainer #tooltip_red .tooltipMiddle {
	background-image: url(../images/my_stack/tooltips/red/tooltip_middle.gif);
	background-color: #712323;
}
#toolTipContainer #tooltip_red .tooltipBR {
	background-image: url(../images/my_stack/tooltips/red/tooltip_br.gif);
}
#toolTipContainer #tooltip_red .tooltipFiller {
	background-color: #712323;
}


/* teal tooltip */
#toolTipContainer #tooltip_teal .tooltipPointer {	
	background-image: url(../images/my_stack/tooltips/teal/tooltip_pointer.gif);
}
#toolTipContainer #tooltip_teal .tooltipBody {
	background-image: url(../images/my_stack/tooltips/teal/tooltip_middle.gif);
	background-color: #1b6863;
	color: #b0f6f1;
}
#toolTipContainer #tooltip_teal .tooltipTL {
	background-image: url(../images/my_stack/tooltips/teal/tooltip_tl.gif);
}
#toolTipContainer #tooltip_teal .tooltipTop {
	background-image: url(../images/my_stack/tooltips/teal/tooltip_top.gif);
}
#toolTipContainer #tooltip_teal .tooltipTR {
	background-image: url(../images/my_stack/tooltips/teal/tooltip_tr.gif);
}
#toolTipContainer #tooltip_teal .tooltipMiddle {
	background-image: url(../images/my_stack/tooltips/teal/tooltip_middle.gif);
	background-color: #1b6863;
}
#toolTipContainer #tooltip_teal .tooltipBR {
	background-image: url(../images/my_stack/tooltips/teal/tooltip_br.gif);
}
#toolTipContainer #tooltip_teal .tooltipFiller {
	background-color: #1b6863;
}


/* blue tooltip */
body #toolTipContainer #tooltip_blue .tooltipPointer 		{background-image: url(../images/my_stack/tooltips/blue/tooltip_pointer.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
body.ush #toolTipContainer #tooltip_blue .tooltipPointer 	{background-image: url(../images/my_stack/tooltips/us_history/tooltip_pointer.gif);}
body.eng #toolTipContainer #tooltip_blue .tooltipPointer 	{background-image: url(../images/my_stack/tooltips/en_green/tooltip_pointer.gif);}

body #toolTipContainer #tooltip_blue .tooltipBody 		{background-color: #41668E;background-image: url(../images/my_stack/tooltips/blue/tooltip_middle.gif);
	color: #FFFFFF;
}
body.ush #toolTipContainer #tooltip_blue .tooltipBody 	{background-color: #d69a2c;background-image: url(../images/my_stack/tooltips/us_history/tooltip_middle.gif);}
body.eng #toolTipContainer #tooltip_blue .tooltipBody 	{background-color: #6AC156;background-image: url(../images/my_stack/tooltips/en_green/tooltip_middle.gif);}

body #toolTipContainer #tooltip_blue .tooltipTL 		{background-image: url(../images/my_stack/tooltips/blue/tooltip_tl.gif);
	background-repeat: no-repeat;
}
body.ush #toolTipContainer #tooltip_blue .tooltipTL 	{background-image: url(../images/my_stack/tooltips/us_history/tooltip_tl.gif);}
body.eng #toolTipContainer #tooltip_blue .tooltipTL 	{background-image: url(../images/my_stack/tooltips/en_green/tooltip_tl.gif);}

body #toolTipContainer #tooltip_blue .tooltipTop 		{background-image: url(../images/my_stack/tooltips/blue/tooltip_top.gif);
	background-repeat: repeat-x;
}
body.ush #toolTipContainer #tooltip_blue .tooltipTop 	{background-image: url(../images/my_stack/tooltips/us_history/tooltip_top.gif);}
body.eng #toolTipContainer #tooltip_blue .tooltipTop 	{background-image: url(../images/my_stack/tooltips/en_green/tooltip_top.gif);}

body #toolTipContainer #tooltip_blue .tooltipTR 		{background-image: url(../images/my_stack/tooltips/blue/tooltip_tr.gif);
	background-repeat: no-repeat;
}

body.ush #toolTipContainer #tooltip_blue .tooltipTR 	{background-image: url(../images/my_stack/tooltips/us_history/tooltip_tr.gif);}
body.eng #toolTipContainer #tooltip_blue .tooltipTR 	{background-image: url(../images/my_stack/tooltips/en_green/tooltip_tr.gif);
}
body #toolTipContainer #tooltip_blue .tooltipMiddle 		{background-color: #41668E;background-image: url(../images/my_stack/tooltips/blue/tooltip_middle.gif);}
body.ush #toolTipContainer #tooltip_blue .tooltipMiddle 	{background-color: #d69a2c;background-image: url(../images/my_stack/tooltips/us_history/tooltip_middle.gif);}
body.eng #toolTipContainer #tooltip_blue .tooltipMiddle 	{background-color: #6AC156;background-image: url(../images/my_stack/tooltips/en_green/tooltip_middle.gif);}

body #toolTipContainer #tooltip_blue .tooltipBR 		{background-image: url(../images/my_stack/tooltips/blue/tooltip_br.gif);
	background-repeat: no-repeat;
}
body.ush #toolTipContainer #tooltip_blue .tooltipBR 	{background-image: url(../images/my_stack/tooltips/us_history/tooltip_br.gif);}
body.eng #toolTipContainer #tooltip_blue .tooltipBR 	{background-image: url(../images/my_stack/tooltips/en_green/tooltip_br.gif);}

body #toolTipContainer #tooltip_blue .tooltipFiller 		{background-color: #41668E;}
body.ush #toolTipContainer #tooltip_blue .tooltipFiller 	{background-color: #d69a2c;}
body.eng #toolTipContainer #tooltip_blue .tooltipFiller 	{background-color: #6AC156;}

/* thumbnail containers */
.contentThumbnailContainer {
	float:left;
	margin: 0px 0px 10px 0px;
	}

.thumbnailContainer {
	width: 143px;
	height: 119px;
	}

.grayBG {
	background: url(../images/thumbs/border_gray.gif) no-repeat transparent;
	}

.tealBG {
	background: url(../images/thumbs/border_teal.gif) no-repeat transparent;
	}

.orangeBG {
	background: url(../images/thumbs/border_orange.gif) no-repeat transparent;
	}

.yellowBG {
	background: url(../images/thumbs/border_yellow.gif) no-repeat transparent;
	}

.greenBG {
	background: url(../images/thumbs/border_green.gif) no-repeat transparent;
	}

.purpleBG {
	background: url(../images/thumbs/border_purple.gif) no-repeat transparent;
	}

.redBG {
	background: url(../images/thumbs/border_red.gif) no-repeat transparent;
	}

.contentThumbnailContainer a.courseTitle {
	color: RGB(125,161,195);
	margin: 0px 0px 5px 0px;
	height: 25px;
	font-size: 10px;
	line-height: 12px;
	overflow: hidden;
	display: block;
	width: 143px;
	}

.contentThumbnailContainer a.courseTitle:hover {
	color: RGB(211,234,255);
	}

.thumbnailContainer img {
	margin: 8px 0px 0px 4px;
	border: 0px;
	}

.thumbnailContainer a {
	border: 0px;
	}

/* thumbnail rollover */
.thumbnailContainer .thumbOver,
.thumbnailContainer .thumbOverLefty {
	display: none;
	position: absolute;
	margin-top: -45px;
	margin-left: -3px;
	width: 360px;
	height: 202px;
	z-index: 101;
	}

/* left facing thumbnail */
.thumbnailContainer .thumbOverLefty {
	/* right: 18px; */
	margin-left: -209px;
	}

.thumbnailContainer .thumbMaskGray {
	background: url(../images/box/thumbOver/thumbMask_gray.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbOverLefty .thumbMaskGray {
	background: url(../images/box/thumbOver/thumbMask_gray_lefty.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbMaskTeal {
	background: url(../images/box/thumbOver/thumbMask_teal.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbOverLefty .thumbMaskTeal {
	background: url(../images/box/thumbOver/thumbMask_teal_lefty.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbMaskOrange {
	background: url(../images/box/thumbOver/thumbMask_orange.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbOverLefty .thumbMaskOrange {
	background: url(../images/box/thumbOver/thumbMask_orange_lefty.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbMaskYellow {
	background: url(../images/box/thumbOver/thumbMask_yellow.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbOverLefty .thumbMaskYellow {
	background: url(../images/box/thumbOver/thumbMask_yellow_lefty.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbMaskPurple {
	background: url(../images/box/thumbOver/thumbMask_purple.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbOverLefty .thumbMaskPurple {
	background: url(../images/box/thumbOver/thumbMask_purple_lefty.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbMaskGreen {
	background: url(../images/box/thumbOver/thumbMask_green.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}
	
.thumbnailContainer .thumbOverLefty .thumbMaskGreen {
	background: url(../images/box/thumbOver/thumbMask_green_lefty.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbMaskRed {
	background: url(../images/box/thumbOver/thumbMask_red.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}

.thumbnailContainer .thumbOverLefty  .thumbMaskRed {
	background: url(../images/box/thumbOver/thumbMask_red_lefty.gif) top left no-repeat;
	float: left; width: 159px; height: 202px;
	}
	
.thumbnailContainer .thumbOver .thumbContentGray,
.thumbnailContainer .thumbOverLefty .thumbContentGray {	
	background: RGB(113,113,113);
	font-family: arial, helvetica;
	font-weight: normal;
	font-size: 8pt;
	float: right;
	width: 195px;
	height: 202px;
	}

.thumbnailContainer .thumbOver .thumbContentTeal,
.thumbnailContainer .thumbOverLefty .thumbContentTeal {	
	background: RGB(35,110,113);
	font-family: arial, helvetica; font-weight: normal; font-size: 8pt; float: right; width: 195px; height: 202px;
	}

.thumbnailContainer .thumbOver .thumbContentOrange,
.thumbnailContainer .thumbOverLefty .thumbContentOrange {	
	background: RGB(102,55,13);
	font-family: arial, helvetica; font-weight: normal; font-size: 8pt; float: right; width: 195px; height: 202px;
	}

.thumbnailContainer .thumbOver .thumbContentYellow,
.thumbnailContainer .thumbOverLefty .thumbContentYellow {	
	background: RGB(113,107,35);
	font-family: arial, helvetica; font-weight: normal; font-size: 8pt; float: right; width: 195px; height: 202px;
	}

.thumbnailContainer .thumbOver .thumbContentPurple,
.thumbnailContainer .thumbOverLefty .thumbContentPurple {	
	background: RGB(53,8,53);
	font-family: arial, helvetica; font-weight: normal; font-size: 8pt; float: right; width: 195px; height: 202px;
	}

.thumbnailContainer .thumbOver .thumbContentGreen,
.thumbnailContainer .thumbOverLefty .thumbContentGreen {	
	background: RGB(30,86,26);
	font-family: arial, helvetica; font-weight: normal; font-size: 8pt; float: right; width: 195px; height: 202px;
	}
	
.thumbnailContainer .thumbOver .thumbContentRed,
.thumbnailContainer .thumbOverLefty .thumbContentRed {	
	background: RGB(113,35,35);
	font-family: arial, helvetica; font-weight: normal; font-size: 8pt; float: right; width: 195px; height: 202px;
	}

.thumbnailContainer .thumbOverLefty .thumbContentGray,
.thumbnailContainer .thumbOverLefty .thumbContentTeal,
.thumbnailContainer .thumbOverLefty .thumbContentOrange,
.thumbnailContainer .thumbOverLefty .thumbContentYellow,
.thumbnailContainer .thumbOverLefty .thumbContentPurple,
.thumbnailContainer .thumbOverLefty .thumbContentGreen,
.thumbnailContainer .thumbOverLefty .thumbContentRed {	
	float: left;
	}

	

.thumbnailContainer .thumbOver .rightSideGray {
	float: right;
	background: url(../images/box/thumbOver/rollOver_right_gray.gif) top left no-repeat;
	width: 6px;
	height: 202px;
	font-size: 0;
	}

.thumbnailContainer .leftSideGray {
	float: left;
	background: url(../images/box/thumbOver/rollOver_left_gray.gif) top left no-repeat;
	width: 6px;
	height: 202px;
	font-size: 0;
	}

.thumbnailContainer .rightSideTeal {
	background: url(../images/box/thumbOver/rollOver_right_teal.gif) top left no-repeat;
	float: right; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .leftSideTeal {
	background: url(../images/box/thumbOver/rollOver_left_teal.gif) top left no-repeat;
	float: left; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .rightSideOrange {
	background: url(../images/box/thumbOver/rollOver_right_orange.gif) top left no-repeat;
	float: right; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .leftSideOrange {
	background: url(../images/box/thumbOver/rollOver_left_orange.gif) top left no-repeat;
	float: left; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .rightSideYellow {
	background: url(../images/box/thumbOver/rollOver_right_yellow.gif) top left no-repeat;
	float: right; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .leftSideYellow {
	background: url(../images/box/thumbOver/rollOver_left_yellow.gif) top left no-repeat;
	float: left; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .rightSidePurple {
	background: url(../images/box/thumbOver/rollOver_right_purple.gif) top left no-repeat;
	float: right; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .leftSidePurple {
	background: url(../images/box/thumbOver/rollOver_left_purple.gif) top left no-repeat;
	float: left; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .rightSideGreen {
	background: url(../images/box/thumbOver/rollOver_right_green.gif) top left no-repeat;
	float: right; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .leftSideGreen {
	background: url(../images/box/thumbOver/rollOver_left_green.gif) top left no-repeat;
	float: left; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .rightSideRed {
	background: url(../images/box/thumbOver/rollOver_right_red.gif) top left no-repeat;
	float: right; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .leftSideRed {
	background: url(../images/box/thumbOver/rollOver_left_red.gif) top left no-repeat;
	float: left; width: 6px; height: 202px; font-size: 0;
	}

.thumbnailContainer .title {
	font-size: 9pt;
	font-weight: bold;
	color: white;
	margin: 7px 7px 7px 7px;
	}
	
.thumbnailContainer .thumbOverLefty .title {
	margin-left: 2px;
	}


.thumbnailContainer .dateGray {
	color: RGB(190,190,190);
	font-size: 8pt; font-weight: bold; margin: 0px 7px 7px 7px;
	}

.thumbnailContainer .dateTeal {
	color: RGB(63,221,210);
	font-size: 8pt; font-weight: bold; margin: 0px 7px 7px 7px;
	}

.thumbnailContainer .dateOrange {
	color: RGB(255,113,51);
	font-size: 8pt; font-weight: bold; margin: 0px 7px 7px 7px;
	}

.thumbnailContainer .dateYellow {
	color: RGB(255,238,51);
	font-size: 8pt; font-weight: bold; margin: 0px 7px 7px 7px;
	}

.thumbnailContainer .datePurple {
	color: RGB(227,91,219);
	font-size: 8pt; font-weight: bold; margin: 0px 7px 7px 7px;
	}

.thumbnailContainer .dateGreen {
	color: RGB(54,218,37);
	font-size: 8pt; font-weight: bold; margin: 0px 7px 7px 7px;
	}

.thumbnailContainer .dateRed {
	color: RGB(253,66,66);
	font-size: 8pt; font-weight: bold; margin: 0px 7px 7px 7px;
	}

.thumbnailContainer .thumbOverLefty .dateGray,
.thumbnailContainer .thumbOverLefty .dateTeal,
.thumbnailContainer .thumbOverLefty .dateOrange,
.thumbnailContainer .thumbOverLefty .dateYellow,
.thumbnailContainer .thumbOverLefty .datePurple,
.thumbnailContainer .thumbOverLefty .dateGreen,
.thumbnailContainer .thumbOverLefty .dateRed {
	margin-left: 2px;
	}


.thumbnailContainer .summaryGray {
	color: RGB(255,255,255);
	margin: 0px 7px 0px 7px;
	}

.thumbnailContainer .summaryTeal {
	color: RGB(255,255,255);
	margin: 0px 7px 0px 7px;
	}

.thumbnailContainer .summaryOrange {
	color: RGB(255,255,255);
	margin: 0px 7px 0px 7px;
	}

.thumbnailContainer .summaryYellow {
	color: RGB(255,255,255);
	margin: 0px 7px 0px 7px;
	}

.thumbnailContainer .summaryGreen {
	color: RGB(255,255,255);
	margin: 0px 7px 0px 7px;
	}

.thumbnailContainer .summaryPurple {
	color: RGB(255,255,255);
	margin: 0px 7px 0px 7px;
	}

.thumbnailContainer .summaryRed {
	color: RGB(255,255,255);
	margin: 0px 7px 0px 7px;
	}

.thumbnailContainer .thumbOverLefty .summaryGray,
.thumbnailContainer .thumbOverLefty .summaryTeal,
.thumbnailContainer .thumbOverLefty .summaryOrange,
.thumbnailContainer .thumbOverLefty .summaryYellow,
.thumbnailContainer .thumbOverLefty .summaryPurple,
.thumbnailContainer .thumbOverLefty .summaryGreen,
.thumbnailContainer .thumbOverLefty .summaryRed {
	margin-left: 2px;
	}


/* page label */	
.thumbnailContainer .thumbOver .pagesGray {
	color: RGB(190,190,190);
	position: absolute; bottom: 5px; left: 162px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOverLefty .pagesGray {
	color: RGB(190,190,190);
	position: absolute; bottom: 5px; left: 5px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOver .pagesTeal {
	color: RGB(63,221,210);
	position: absolute; bottom: 5px; left: 162px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOverLefty .pagesTeal {
	color: RGB(63,221,210);
	position: absolute; bottom: 5px; left: 5px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOver .pagesOrange {
	color: RGB(255,113,51);
	position: absolute; bottom: 5px; left: 162px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOverLefty .pagesOrange {
	color: RGB(255,113,51);
	position: absolute; bottom: 5px; left: 5px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOver .pagesYellow {
	color: RGB(255,238,51);
	position: absolute; bottom: 5px; left: 162px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOverLefty .pagesYellow {
	color: RGB(255,238,51);
	position: absolute; bottom: 5px; left: 5px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOver .pagesGreen {
	color: RGB(54,218,37);
	position: absolute; bottom: 5px; left: 162px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOverLefty .pagesGreen {
	color: RGB(54,218,37);
	position: absolute; bottom: 5px; left: 5px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOver .pagesPurple {
	color: RGB(227,91,219);
	position: absolute; bottom: 5px; left: 162px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOverLefty .pagesPurple {
	color: RGB(227,91,219);
	position: absolute; bottom: 5px; left: 5px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOver .pagesRed {
	color: RGB(253,66,66);
	position: absolute; bottom: 5px; left: 162px; font-weight: bold; width: 200px;
	}

.thumbnailContainer .thumbOverLefty .pagesRed {
	color: RGB(253,66,66);
	position: absolute; bottom: 5px; left: 5px; font-weight: bold; width: 200px;
	}

	.thumbnailContainer .label {
		position: relative; bottom: 3px;
		}
	
	.pagesGray img, .pagesTeal img, .pagesOrange img, .pagesYellow img, .pagesGreen img, .pagesPurple img, .pagesRed img {
		/* vertical-align: bottom; */
		padding: 0px 5px 0px 0px;
		}