/* InfoBox
   ----- */
.infoBox {
	border: 1px solid #3F560D;
	background: #F8F9E5 url(/Resources/img/content/bulb.gif) 5px 5px no-repeat;
	margin: .6em;
	padding: 1em 1em 0 1em;
}
.infoBox H2 { margin-left: 23px; min-height: 18px; }
.infoBox H2 EM { 
	font-size: .8em; 
	font-style: normal;
}
.infoBoxFloat { position: absolute; display: none; }
.infoBoxFloat .infoBoxWrap {
	position: relative;
	border: 1px solid #3F560D;
	background: #F0F3CA url(/Resources/img/content/infoBox_bg_grad.gif) 0 0 repeat-x;
	margin: 0;
	padding: 9px;
	width: 155px;
}
.infoBoxFloat .infoBoxCont { /* Hacked for IE6 */
	padding: 75px 0 0 0;
	background: url(/Resources/img/content/bulb_large.gif) top center no-repeat;
}
.infoBoxFloat .infoBoxBase { /* Hacked for IE6 */
	position: relative;
	left: -2px;
	width: 136px;
	height: 2px;
	background: url(/Resources/img/content/infoBox_base.png) 0 0 no-repeat;;
}
.infoBoxFloat .infoBoxCont H2, .infoBoxFloat .infoBoxCont P { 
	background: white; 
	margin: 0;
	padding: 1em 6px;
}
.infoBoxFloat .infoBoxCont H2 { padding-bottom: .2em; }
.infoBoxFloat H2 EM { 
	font-size: .8em; 
	font-style: normal;
}
.infoBoxFloat P.infoBoxClose {
	position: absolute;
	top: 9px;
	right: 4px;
	width: 30px;
	margin: 0;
	text-align: right;
}
.infoBoxFloat P.infoBoxClose A {
	display: block;
	padding: 18px 0 0 0;
	background: url(/Resources/img/content/infoBox_close.gif) top center no-repeat;
}
.examplesInfoBox .infoBoxWrap .infoBoxCont {
	padding: 0 !important;
}
.examplesInfoBox .infoBoxWrap .infoBoxCont h3 {
	color: #3f560d;
	font-size: 1.3em;
}
.examplesInfoBox .infoBoxWrap {
	width: 310px;
}
.examplesInfoBox .infoBoxBase {
	width: 272px;
}
.examplesInfoBox table {
	border: 0;
	padding: 0;
	font-size: 1.1em;
}
.examplesInfoBox table tr th {
	vertical-align: top;
	padding: 0.2em 0;
	width: 50px;
}
.examplesInfoBox table tr td {
	padding: 0.2em 0;
	vertical-align: top;
}
.fiveStarInfoBox .infoBoxWrap .infoBoxCont {
	padding: 0 !important;
}
.fiveStarInfoBox p {
	padding: 0.5em !important;
}
.fiveStarInfoBox .infoBoxWrap {
	width: 200px;
}
.fiveStarInfoBox .infoBoxBase {
	width: 190px;
}

.infoBoxFloat.ibfTL, .infoBoxFloat.ibfBL, .infoBoxFloat.ibfTR, .infoBoxFloat.ibfBR { display: block; }
.infoBoxFloat.ibfTL, .infoBoxFloat.ibfBL { padding-left: 20px; }
.infoBoxFloat.ibfTR, .infoBoxFloat.ibfBR { padding-right: 20px; }
.infoBoxPoint { position: absolute; }
.ibfTL {
	margin-top: -20px;
}
.ibfBL {
	margin-top: 35px;
}
.ibfTL .infoBoxPoint, .ibfBL .infoBoxPoint {
	left: -19px;
	width: 19px;
	height: 19px;
}
.ibfTR .infoBoxPoint, .ibfBR .infoBoxPoint { /* Hacked for IE6 */
	right: -20px;
	width: 20px;
	height: 20px;
}
.ibfTL .infoBoxPoint, .ibfTR .infoBoxPoint { top: 18px; }
.ibfBL .infoBoxPoint, .ibfBR .infoBoxPoint { bottom: 15px; }
.ibfTL .infoBoxPoint { /* Hacked for IE6 */
	background:  url(../img/content/infoBox_point_TL.png) 0 0 no-repeat;
}
.ibfBL .infoBoxPoint { /* Hacked for IE6 */
	background: url(../img/content/infoBox_point_BL.png) 0 0 no-repeat;
}
.ibfTR .infoBoxPoint { /* Hacked for IE6 */
	background: url(../img/content/infoBox_point_TR.png) 0 0 no-repeat;
}
.ibfBR .infoBoxPoint { /* Hacked for IE6 */
	background: url(../img/content/infoBox_point_BR.png) 0 0 no-repeat;
}