/* CSS Document */
h2.containerTitle {
margin: 0 0 7px 0;
padding: 3px 0 4px 0;
border-bottom: solid 1px #d8e3ea;
}
/* Blue Head */
.BlueHead h2.containerTitle {
background: #578aa7;
border-bottom: solid 2px #50647c;
padding: 3px 5px;
margin: 0;
}
.BlueHead h2.containerTitle .Head, .DottedBox h2.containerTitle .Head {
color: #fff;
font-size: 14px;
font-weight: bold;
}
.BlueHead .content, .BlueArrow .content, .DottedBox .content {
padding: 5px;
margin: 0 0 10px 0;
font-size: 11px;
line-height:16px;
}
.BlueHead .content .Normal, .BlueArrow .content .Normal, .DottedBox .content .Normal, 
.BlueHead .content p, .BlueArrow .content p, .DottedBox .content p {
font-size: 11px;
line-height:16px;
}
.BlueHead.NoBG .content {
background:transparent;
}
.BlueHead.WithBG .content {
background: #EEF3F7;
}
/* Dotted Box */
.DottedBox h2.containerTitle {
background: #578aa7;
padding: 3px 5px;
margin: 1px;
}
.DottedBox .top {
border-left: dotted 1px #578aa7;
border-top: dotted 1px #578aa7;
border-right: dotted 1px #578aa7;
}
.DottedBox .content {
border: dotted 1px #578aa7;
background: transparent;
}
/* Blue Arrow */
.BlueArrow h2.containerTitle {
padding: 3px 5px 4px 20px;
border-bottom: 1px dotted #7D85B6;
background: #EEF3F7 url(_i/blueArrow.gif) no-repeat 5px 5px;
margin: 0;
}
.BlueArrow h2.containerTitle .Head {
color: #578aa7;
font-size: 14px;
font-weight: normal;
}