.sampletable{
	margin-left:auto;
	margin-right:auto;
}

.sampleheader {
	margin:0 0 0 0;
}
.sampleheader .selectedformatbutton {
	float:right;
	border:1px solid #00C000;
	background-color:#FFFFDD;
	color:#000000;
	padding:1px 4px 2px 4px;
	margin:12px 0 0 2px;
}

.sampleheader .headertitle {
	float:left;
	background: #FFFFA0 url(/images/tabul.gif) no-repeat top left;
}
.sampleheader .headertitle .headertitle2 {
	background: url(/images/tabur.gif) no-repeat top right;
	padding:4px 8px 4px 8px;
}
.sampleheader .headertitle .category {
	font:7pt/8pt Trebuchet MS,Arial,sansserif;
	margin:0;
	padding:0;
}
.sampleheader .headertitle div .title {
	color: #000000;
	font:bold 9pt/12pt Trebuchet MS,Arial,sansserif;
}
.sampleheader .headertitle a {
	color:#000000;
	text-decoration:none;
}

.sampleheader .headertitle div .author {
	font:8pt/8pt Trebuchet MS,Arial,sansserif;
}
.sampleheader .formatbutton {
	float:right;
	border:1px solid #00A000;
	margin:12px 0 0 2px;
}
.sampleheader .formatbutton a {
	background-color:#C0C0C0;
	padding:1px 4px 2px 4px;
	display:block;
	color:#008000;
}
.sampleheader .formatbutton a:hover {
	color:#0080C0;
	background-color:#D0D0D0;
}
.sampleheader .hr {
	background-color:#FFFFA0;
	width:100%;
	line-height:1px;
	font-size:1px;
	height:2px;
	clear:both;
}

.samplebody {
	background-color:#FFFFDD;
	border:2px solid #FFFFA0;
	border-top:0px;
	padding:0;
	font: 10pt/140% Trebuchet MS;
}

.samplebody .imageleft {
	float:left;
	padding: 1px;
	border: 1px solid #000000;
	margin: 4px 8px 4px 0;
}

.samplebody .image {
	width:130px;
	height:130px;
	padding: 0;
	background-position: center center;
	background-size: cover;
}

.samplebody .permalink {
	padding:5px;
	margin:0 40px 4px 40px;
	border:1px solid #80C080;
	line-height:100%;
	text-align:center;
	clear:both;
}

.samplebody .permalink:hover {
	background-color:#FFFFFF;
}

#popup_balloon {
	position:absolute;
	border:2px solid #000000;
	padding:4px 6px;
	background-color:#FFFFEE;
	color:#000000;
	z-index:100;
	width:300px;
	opacity:0.9;
}