/* this css is used by text circulator module which can appear on non ucms pages, so this css must stand alone and also work on other pages */
.textCircMod h3 {font-weight:500;padding:11px 10px;color:#fff;}
.textCircMod h3 a{color:#fff;float:left;}

.textCircMod ul{margin:0;padding-top:5px;clear:both}
.textCircMod ul li{padding:6px 0;border-bottom:dotted 1px #ccc;color:#A5A5A5;font-size:12px;font-family: "Open Sans",OpenSans,Arial,Helvetica,sans-serif;}


.textCircMod {padding: 20px; border-bottom: 1px solid #ccc;}

/** headings **/
.textCircMod h3 {color: #000; font-size: 18px; padding: 20px 10px 0 0; font-family: Arial,Verdana,Helvetica,sans-serif; display: inline-block;}
.textCircMod .sponsorText {font-style: italic; color: #ccc; display: inline-block;font-weight:100;}

/* body */
.textCircMod .mod-bd { width: 100%; }
.textCircMod .mod-bd ul,
.textCircMod .mod-ft ul { margin-left: 0; padding: 10px 2% 0 0;}
.textCircMod .mod-bd ul li, 
.textCircMod .mod-ft ul li {font-size: 14px; margin-bottom: 5px; font-family: "Open Sans",OpenSans,Arial,Helvetica,sans-serif; border: none; padding: 0; color: #000; list-style-type: none;}
.textCircMod .mod-bd ul li span { color: #666; font-size: 10px; }
.textCircMod .mod-bd ul a,
.textCircMod .mod-ft ul a { font-size: 14px; color: #1782CF; font-weight:100; line-height: 20px; }
.textCircMod .mod-bd:after {content:".";display:block;height:0;width:0;line-height:0;font-size:0;clear:both;visibility:hidden;}


.textCircMod .numCols2 ul {width:50%;float:left;clear:none;}
.textCircMod .numCols3 ul {width:33%;float:left;clear:none;}
.textCircMod .numCols4 ul {width:23%;float:left;clear:none;}
.textCircMod .numCols5 ul {width:20%;float:left;clear:none;}
.textCircMod .numCols2 ul li, .textCircMod .numCols3 ul li, .textCircMod .numCols4 ul li, .textCircMod .numCols5 ul li {border:none;}

/* Right Rail */
.rightRail .textCircMod .mod-bd {padding:10px 14px}
.rightRail .textCircMod .mod-ft {padding:0 14px 5px 14px}

/**** BF overrides ****/
body.blue-falcon .textCircMod .mod-bd ul a,
body.blue-falcon .textCircMod .mod-ft ul a{ font-size: 14px; font-weight:100; color: #1782CF;}

@media only screen
and (min-width : 320px)
and (max-width : 641px) {
.textCircMod .numCols3 ul { width: 20% }
}

@media only screen and (max-width : 768px) {
    
    .textCircMod .sponsorText {padding-left: 20px;}
    .textCircMod {padding: 10px;}
    .textCircMod h3{padding:10px 0;}
    .textCircMod .numCols2 ul,
    .textCircMod .numCols3 ul,
    .textCircMod .numCols4 ul,
    .textCircMod .numCols5 ul {width:100%; padding: 0;}
    .textCircMod .numCols2 ul li, .textCircMod .numCols3 ul li, .textCircMod .numCols4 ul li, .textCircMod .numCols5 ul li {width:100%;}
}