/* remember to define focus styles! */
:focus {
	outline: 0;
}

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#right, #right2 {  }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }

#tooltip.detailsClass { width: 220px; font-size: 11px; background-color: #ECF7FE; color: #333; border: 2px ridge #74ab00; text-align: left; }
#tooltip.detailsClass h3 { font-size: 11px; text-align: left;}
#tooltip.descriptions-class { font-size: 11px; font-weight: 900; background-color:#ECF7FE; color: #333; border: 3px ridge #000094; text-align: left;}
#tooltip.descriptions-class h3 { font-size: 10px; text-align: left;}
#tooltip.descriptions-common { font-size: 11px; font-weight: 900; background-color:#0a4662; color: #fff; border: 1px solid #fff; text-align: left;}
#tooltip.descriptions-common h3 { font-size: 10px; text-align: left;}
#tooltip.descriptions-dark { font-size: 12px; font-weight: 100; background-color:#000080; color: #fff; border: 3px ridge #777; text-align: left; padding: 4px;}
#tooltip.descriptions-dark h3 { font-size: 12px; text-align: left;}
#tooltip.voteClass { padding: 1px; width: 132px; font-size: 10px; font-weight: 900; background-color: #ECF7FE; color: #333; border: 2px ridge #74ab00; text-align: left; }
#tooltip.voteClass h3 { font-size: 10px; text-align: left;}


#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 3px 4px;
        font-weight: 100;
        text-align: left;
}

#tooltip h3, #tooltip div { margin: 0;}