.InfoBox { margin-bottom: 20px; }
.InfoBox h3 {}
.InfoBox .InfoInnerBox {  }
.InfoBox ul { border-top: 1px solid #ddd2b1; border-left: 1px solid #ddd2b1; }
.InfoBox ul .LightInfo { width: 312px; height: 32px; float: left; background: #f4efdd; border-bottom: 1px solid #ddd2b1; border-right: 1px solid #ddd2b1; }
.InfoBox ul .LightInfo .InfoLeft { width: 192px; height:inherit; float: left; line-height: 32px; }
.InfoBox ul .LightInfo .InfoLeft span { margin-left: 16px; color: #185baa; }
.InfoBox ul .LightInfo .InfoRight { width: 80px; height:28px; float: right; margin: 2px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x 0 -210px; line-height: 28px; text-align: center; }
.InfoBox ul .LightInfo .InfoRight span { color: #6b6659; }
.InfoBox ul .DarkInfo { width: 312px; height: 32px; float: left; background: #f4efdd; border-bottom: 1px solid #ddd2b1; border-right: 1px solid #ddd2b1; }
.InfoBox ul .DarkInfo .InfoLeft { width: 192px; height:inherit; float: left; line-height: 32px;}
.InfoBox ul .DarkInfo .InfoLeft span { margin-left: 16px; color: #185baa; }
.InfoBox ul .DarkInfo .InfoRight { width: 80px; height:28px; float: right; margin: 2px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x 0 -210px; line-height: 28px; text-align: center; }
.InfoBox ul .DarkInfo .InfoRight span { color: #6b6659; }
.InfoBox .PositiveInfo { width: 20px; height: 20px; margin: 3px auto; background: url('../Image/LovelyCroatiaGraphics.png') no-repeat -10px -925px; }
.InfoBox .NegativeInfo { width: 20px; height: 20px; margin: 3px auto; background: url('../Image/LovelyCroatiaGraphics.png') no-repeat -10px -943px; }