.factBox { padding-top: 20px; width: 280px;margin-bottom: 15px;font-family: Verdana, Geneva, sans-serif; }
.factBox .factTop
{
     text-transform:uppercase;
     font-size: 12px;
     color: black;
     font-weight: bold !important;
}
.factBox .factTop span{padding-right: 7px;}
.factBox .factTop  {border-bottom: 5px solid #00AEE7;margin-bottom:7px;}
.factBox .factText
{
     background-color: #F0F0F0; 
     padding: 10px 10px 15px 10px; 
     border-bottom: 1px solid lightgrey; 
     border-left: 1px solid lightgrey; 
     border-right: 1px solid lightgrey; 
     margin-top: 0 !important;
}

.readAlsoBox { border-top: 1px solid #E5E5E5;margin-bottom:15px;padding-bottom:15px;margin-top: 20px;border-bottom: 1px solid #e5e5e5; }
.readAlsoBox h3 { padding-top: 3px;font-size: 16px;text-transform: uppercase;font-weight: bold;margin-top:5px;margin-bottom:0 }
.readAlsoBox img { padding:0;border: 1px solid grey;width:150px}
.readAlsoBox h5 { font-weight:bold;font-size: 16px;padding-top:3px;padding-bottom:10px}
.readAlsoBox a { border-bottom: none }
.readAlsoBox.left, .readAlsoBox.right{width:150px;}
.readAlsoBox .td-block-row{padding-bottom: 15px}
.readAlsoBox.full a, .readAlsoBox.full h5 { display: inline-block }
.readAlsoBox h5, .td-post-content .readAlsoBox img  {margin:0}
.readAlsoBox.full .td-block-row .td-block-span3:nth-child(1) { width:27% }
.readAlsoBox.full .td-block-row .td-block-span3:nth-child(2) { width:73% }

.quoteBox { padding:3px 0 0;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;width: 150px;margin-bottom: 15px;margin-top: 20px; background: url('quote.jpg') no-repeat 3px 3px }
.quoteBox .textCont  {color: #07679F;font-style: italic;padding-top: 20px;text-align: center; }

.td-post-content .left { float: left; margin-right: 25px; }
.td-post-content .right { float: right; margin-left: 25px; }
.td-post-content .full { width: 100%; }

/*.td-post-content img { margin: 8px; }  For images without title or alt text */
.td-post-content figure.articleImageContainer { padding-top: 20px;margin-bottom: 15px }
.td-post-content .articleImageContainer figcaption, .td-post-content .wp-caption-text { background-color: #F0F0F0; border-bottom: 1px solid lightgrey; padding: 8px 5px 8px 5px; font-style: italic; font-size: 12px; line-height: 16px; color: #3c3c3c; }
.td-post-content .articleImageContainer img { margin: 0; padding: 0; border-width: 0; }

/* Article img zoom */
div.zoomText { padding: 13px 15px; border: 1px solid #cccccc; text-align: center; }
div.zoomText a { display: block; cursor: pointer; text-transform: uppercase;letter-spacing: 2px;font-size: 0.7em;line-height: 1;clear: both; }
div.zoomText a, div.zoomText a:hover  { border-bottom: none;text-decoration: underline }
.zoomOut { float: none !important; cursor: zoom-out}
.zoomIn { max-width:50%!important;margin: 0 0 10px 15px; cursor: zoom-in }
.articleImageContainer.zoomIn img { width: 100%; }

.enrollmentBox {  
    background-color: #E7EFF6;    
    padding: 10px;
}

.enrollmentBox button {
    background: #1552AA;
    color: white;
    font-size: 16px;
    font-weight: normal;
    border: none;
    padding: 15px;
    width: 100%;
    margin-top: 25px;
}

.enrollmentBox label { font-weight:bold }

.enrollmentBox .loginexisting { display: inline-block; padding-top: 10px; color:#23527c; }

@media 
    screen and (max-width: 320px), /* (normal smartphones) */
    only screen and (max-width : 640px) /* (big smartphones) */
{
    .quoteBox, .factBox, .readAlsoBox { width:100%;margin-left:0;margin-right:0;float:none }
    .readAlsoBox.full .td-block-span3:nth-child(1){ float:left;display:inline-block;width:33%;margin-top:7px }
    .readAlsoBox.full .td-block-span3:nth-child(2){ float:left;display:inline-block;width:66% }    
    .td-post-content .readAlsoBox.full h5 {padding-left:10px}
}