#mediaitemthumb{
	border: solid 1px #ccc;
	border-width: 1px;
	padding: 0px;
	float:left;
	width:100%;
}
.mediaitem {
	margin: 8px 14px;
	height: 150px;
	width: 125px;
	float:left;
	text-align: left;
	cursor: pointer;
	background: url(../img/round-bg.gif)
}
.mediaitem .mediaimg {
	width: 125px;
	position:relative;
}
.mediaimg img 
{
	margin: 5px 0 0 7px;
	width: 110px;
	height: 100px;
	border: none;
}
.mediadesc {
	display: block;
	font:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style:italic;
	color: #333;
	padding-top: 5px;
	text-align:center;
	line-height:normal;
}
* {margin:0; padding:0}
#text {margin:50px auto; width:500px}
.hotspot {color:#ccc; padding-bottom:1px; border-bottom:1px dotted #ccc; cursor:pointer}
#tt {position:absolute; display:block; background:url(../img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#ccc; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden}
.htooltip {
	font-weight:bold;
	font-size: 9pt;
	color:#3333CC;
	margin: 5px 0 5px 0;
}
.stooltip {
	font-weight:bold;
	font-size: 8pt;
	margin: 3px 0 3px 0;
}
.ctooltip {
	font-size: 8pt;
	margin: 3px 0 3px 0;
}