.ubnews-article-index #jm-main{ font-weight: 400; }
.article-item{margin:0 0 15px 0; }
.article-item .info {
  color:#999999;
}
.article-item h5 {
  font-size: 22px;
  font-weight: 400;
  margin: 0 0 15px;
}
.article-item h5 a{color: #212121;}
.article-item h5 a:active,
.article-item h5 a:focus,
.article-item h5 a:hover {
  color: #6ab344;
  text-decoration: none;
}

.ubnews-article-index .article-item .info .category{ 
  display: none
}

.article-item span.date{font-size: 14px;}
.article-item-comment form{clear:both;display:block;margin:20px 0 0;}
.article-item-comment .prev{float:left;margin:4px 12px 5px 0;}
.article-item .date,
.menu-categories .date,
.article-item-content .date{color:#999999;}
.clearing{clear:both;font-size:1px;height:1px;line-height:1px;}
.article-item-content .comment-item{margin:10px 0 0 0;}
.article-item-content .comment-item .username{color:#1E7EC8;display:inline;font-size:12px;margin:0;}
.block.article-categories{border:1px solid #C4C1BC;margin:0 0 15px;}
.block.article-categories .block-title{background:url("../images/bkg_block-title.gif") repeat-x scroll 0 0 transparent;border-bottom:1px solid #DDDDDD;padding:2px 9px;}
.block.article-categories .menu-categories{margin:0;padding:5px 9px;}
.block.article-categories .menu-categories h5,.menu-categories ul li{font-size:11px;margin:0;}
.block.article-categories .block-title strong{color:#E26703;display:block;font:bold 12px/16px Arial,Helvetica,sans-serif;min-height:16px;padding:1px 0;text-transform:uppercase;}
.article {
  color: #222222;
  font-size: 16px;
  text-align: left;
}
.article-item-content h2{
  color:#212121; 
  font-weight: 400;
  margin: 20px 0 5px; 
}
.article-item-content .category {
  background: #6ab344 none repeat scroll 0 0;
  border: 0 none;
  display: inline-block;
  padding: 2px 12px;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -widget-border-radius: 2px;
}
.article-item-content .author{ 
  color: #999;
  font-size: 14px;
}
.article-item-content small{font-size:10px;}
.article-item{border-bottom:1px dashed #ddd;float:left;margin:0;padding:30px 0;width:100%;}
.article_image{float:left;margin:5px 40px 0 0;}
.article_image img { border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; width: 100%;}
.article-item .description{text-align:left; color: #222; line-height: 30px; margin-top: 10px; font-size: 16px;}
.article-item .description p{ text-align:  left !important; }
.article-item .comment{float:right;font-size:11px;padding-top:5px;}
.article-item-content .social {
  border-bottom: 1px dashed #ddd;
  border-top: 1px dashed #ddd;
  height: 45px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin: 20px 0;
}
.article-item-content .social .google_button{float:left;overflow:hidden;width:80px;}
.article-item-content .social .fb-like {
  float: left;
  margin-top: -3px;
  margin-right: 15px;
}
.article-item-content .social .IN-widget {
  margin-top: 2px;
  margin-right: 10px;
}

.article-item-comment{clear:both;padding-bottom:20px;}
.article-item-comment p.required{text-align:left;}
.article .loadfile{text-align:right;}
.article .loadfile a{background:url(images/i_attached.gif) 0 0 no-repeat;padding:1px 0 0 20px;}
#postComment label{float:left;width:80px;}
#postComment .input-box{padding-bottom:9px;}
#postComment input[type="text"]{width:200px;}
label .required{color:red;}
#postComment .validation-advice{margin-left:80px;}
#postComment .button-set{padding-left:80px;}
#comment_block .comment-item div{padding-left:10px;}


/*Articles View*/
.article-item-content .article_image {
    width: 100%;
    margin: 20px 0 10px ;
    float: none;
}





/*-- pager --*/
.article-list-pager { margin: 50px 0 0 0; font-size: 14px; width: 100%; float: left; }
.article-list-pager span, .article-list-pager a {   color: #757575;    float: left;  height: 20px; line-height: 16px; text-align: center;  width: 20px; margin: 0 3px; }
.article-list-pager a:active,
.article-list-pager a:focus,
.article-list-pager a:hover {
 color: #000;
 text-decoration: none; 
}
.article-list-pager span { border: 1px solid #000; color: #000; }


.article-item-comment .pager{background:none;margin-top:20px;padding-top:10px;text-align:left;}
.article-item-comment .pager span{border:1px solid #dadfe0;cursor:pointer;float:left;height:19px;line-height:19px;margin-right:6px;text-align:center;width:20px;}
.article-item-comment .pager span.current{background:#c6c6c6;cursor:default;}
.article-item-comment .pager span:hover{background:#c6c6c6;}
.article-item-comment .pager #prev,
.article-item-comment .pager #next{background:none !important;border:none !important;margin:0 !important;padding:0 !important;width:auto !important;}
.article-item-comment .pager .prev,
.article-item-comment .pager .next{margin-top:0;padding:0 5px;width:auto;}
/*-- /pager --*/
.print-btn {
  background: rgba(0, 0, 0, 0) url("images/i_print.gif") no-repeat scroll 0 0;
  float: right;
  font-size: 14px;
  line-height: 18px;
  padding-left: 20px;
  color: #999;
}
.print-btn:active,
.print-btn:focus,
.print-btn:hover{ 
  color: #6ab344;
  text-decoration: none;
}
#clloader{margin-left:333px;position:absolute;}
.article-item-grid{background:#f2f2f2;border:1px solid #e9eaea;clear:none !important;float:left;height:118px;margin:13px 13px 0 0 !important;padding:0 !important;position:relative;width:210px;}
.article-item-grid  a{color:#000;display:block;height:118px;text-decoration:none;width:100%;}
.article_image_grid{margin:0 !important;}
.article_text_grid{margin:0 !important;padding:5px;}
.article-item-grid img{float:left;}
.underlayer_grid{background:rgba(204,204,204,0.6);bottom:0;line-height:16px;min-height:33px;padding:4px 3px 3px 7px;position:absolute;width:200px;}
.underlayer_grid h5{display:inline;margin:0;}
.underlayer_grid h5,
.underlayer_grid .date{color:#000;}
.article-item-grid:hover .underlayer_grid{background:rgba(204,204,204,0.8);}
.lastest_article_image{float:left;}
.breadcrumbs span{float:none !important;}

.related-articles {
  margin-top: 30px;
}

.related-articles h2 {
  border-bottom: 1px dashed #dddddd;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  padding: 10px 0;
  border-top: 1px dashed #dddddd;
}

.related-articles-list ul li {
  float: left;
  margin: 10px;
  max-width: 250px;
}

.related-articles-list ul li img {
  height: 100%;
  width: auto;
  margin-bottom: 10px;
}
.related-articles-list ul li a {
  color: #121212;
  min-height: 50px;
  display: block;
}
.related-articles-list ul li a:active, 
.related-articles-list ul li a:focus,
.related-articles-list ul li a:hover {
  color: #6ab344;
  text-decoration: none;
}

.block-article-categories ul li{color:#9e9e9e;font-size:16px;font-weight:500;line-height:40px;}
.block-article-categories ul li a{color:#9e9e9e;}
.block-article-categories ul li a:active,
.block-article-categories ul li a:focus,
.block-article-categories ul li a:hover{color:#212121;text-decoration:none;}
.block-article-categories ul li.active a { color: #6ab344; }
.block-article-latest ul li{border-bottom:1px solid #e2e2e2;clear:both;display:block;float:left;padding:20px 0;width:100%;}
.block-article-latest ul li:first-child {
  padding-top: 10px;
}
.block-article-latest ul li:last-child{border-bottom:0;padding-bottom:0;}
.block-article-latest ul li img{margin-right:20px;margin-top:5px;}
.block-article-latest ul li a{color:#212121;font-size:16px;font-weight:500;}

.block-article-latest h5 a:active, 
.block-article-latest h5 a:focus,
.block-article-latest h5 a:hover {
  color: #6ab344;
  text-decoration: none;
} 
.block-article-latest .date {
  color: #bdbdbd;
  font-size: 14px;
}


.ubnews-article-index  h2 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}

.block-article-featured li { 
  margin: 10px 0;
}

.block-article-featured h5 {
  clear: both;
  color: #000000;
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding-top: 15px;
  width: 100%;
}

.block-article-featured img { 
  width: 100%;
}

.block-article-featured h5 a{ 
  color: #212121;
}
.block-article-featured h5 a:active, 
.block-article-featured h5 a:focus,
.block-article-featured h5 a:hover {
  color: #6ab344;
  text-decoration: none;
}