.course-main-cat, .course-main-cat a
{
    font-size:12px;
    color:#333333;
    margin-bottom:10px;
    text-align:left;
}
.course-title
{
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
    line-height:24px;
}
.card-item
{
    overflow:hidden;
    border-top:0;
    border-right:0;
    border-left:0;
    border-radius:0 !important;
    margin-bottom: 0px;
    transition:0.35s ease-in-out;
}

.img-container
{
    position:relative;
    
}
.img-container span
{
    opacity:0;
    background-color:black;
    color:White;
    
    width:100%;
    height:100%;
    font-size:12px;
    font-weight:bold;
    vertical-align:middle;
    text-align:center;
    padding-top:24%;
    position:absolute;
    top:0;
    left:0;
    
    transition:0.35s ease-in-out;
}
.news-item .img-container span
{
    padding-top:21%;
}

.news-item .img-container .img-responsive
{
    width:100%;
}

a:hover .img-container span
{
    opacity:0.6;
}
.card-meta-data span
{
    display:block;
    line-height:inherit;
}
.news-item .img-news , .news-item .img-container span
{
    /*max-width:200px;
    max-height:120px;*/
}
.tag-block
{
    overflow:hidden;
}
.align-rev
{
    text-align:right;
}

/*************** side block **************************/
.side-panel .panel-heading
{
    background-color:White;
}
.side-item
{
    border-top:0;
    border-right:0;
    border-left:0;
    padding:10px;
    margin-bottom:0;
    overflow:hidden;
}
.side-card-meta-data 
{ 
    padding-right:5px;
    padding-left:3px; 
}
.side-card-meta-data h5
{ 
    font-size:15px;
    line-height:1.2;
}

.side-item .img-container span
{
    padding-top:18%;
    font-size:11px;
}

.side-item .Date
{
    display:block;
    font-size:80%;
    text-decoration:underline;
}
.panel.Description
{
    margin-top:15px;
    margin-bottom:15px;
    overflow:hidden;
    font-size:15px;
    
    border:1px solid #eeeeee;
    box-shadow: 0px 0px 7px #d8d8d8;
    
}
.panel.side-panel
{
    border:1px solid #eeeeee;
    box-shadow: 0px 0px 3px #d8d8d8;
    overflow:hidden;
}


/***************** Standard news block ***************/
.news-block
{
    margin-bottom:20px;
    padding-right:10px;
    padding-left:10px;
}
.news-block .news-link
{
    
    color:#4d4e50;
    display:block;
    overflow:hidden;
    padding:5px;
}
.news-block .news-link:hover
{
    color:#35393a;
    background-color:#f0f3f5;
    
}
.news-block .news-title
{
    padding-right:5px;
    padding-left:5px;
}
.news-block .news-title .Title
{
    display:block;
    line-height:20px;
    max-height:60px;
    overflow:hidden;
    font-size: 15px;
    margin-top:3px;
    margin-bottom:3px;
}
.news-block .news-img
{
    padding:0;
}
.news-block .news-img img
{
    padding:5px;
}
.news-block .Date
{
    display:block;
    font-size:80%;
    text-decoration:underline;
}
/*********************** News Page ********************/
#NewsPage
{
    box-shadow: 0px 0px 3px #d8d8d8;
    overflow:hidden;
    padding:0 15px 0 15px;
    background-color:White;
}
#NewsPage img
{
    max-width:100% !important;
}
#NewsPage p, #NewsPage p font {
    font-size: 18px !important;
    line-height: 26px !important;
}

.news-header
{
    margin-right:15px;
    margin-left:15px;
    
}
.NewsMeta .Author 
{
    display:inline-block;
    margin-bottom:3px;
    font-size:14px;
}
.NewsMeta .Date 
{
    display:inline-block;
    margin-bottom:3px;
    font-size:14px;
}
.NewsMeta .Dash 
{
    display:inline-block;
}
.NewsMeta .CommentsLink
{
    display:inline-block;
    margin-bottom:3px;
}
.img_main
{
    text-align:center;
}
h2.newhead
{
    color:#005896;
    font-size: 24px;
}
/************* Member news list/form *****************/
.form-filter
{
    margin-top:10px;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    overflow:hidden;
    font-size:12px;
    
    border:1px solid #eeeeee;
    box-shadow: 0px 0px 5px #d8d8d8;
}
.table-member-news table td, .table-member-news table th
{
    font-size:13px;
}
.form-update-ico
{
    color:#2375b4;
    font-size:18px;
}
/************ form ********************/
.form-container
{
    margin:20px auto 50px auto;
    max-width:600px;
    background: white 0 0 no-repeat;
    box-shadow: 0px 0px 12px #4b4b4b;
    border: 1px solid transparent;
    box-sizing: border-box;
}
.form-padding
{
    padding: 20px;
}
.Thumb-Input-BootStrap
{
    
}
/********************* widget *************************/
.WidgetBlock
{
    overflow:hidden;
    background-color:white;
    border-top:11px solid #f9f9f9;
    border-bottom:11px solid #f9f9f9;
}
.WidgetCat
{
    background:url(../WidgetCat.jpg) repeat-x 0 0;
    height:35px;
    line-height:35px;
    padding-right:20px;
    margin-bottom:5px;
    
    font-size:18px;
    font-family:arial;
    font-weight:bolder;
}
.WidgetCat a,.WidgetCat a:hover
{
    color:white;
    font-size:18px;
    font-family:arial;
    font-weight:bolder;
    text-decoration:none;
}
.WidgetBlock a.News
{
    display:block;
    margin:0 10px 4px 10px;
    line-height:24px;
    font-size:16px;
    font-family:arial;
    font-weight:bolder;
    color:#e47404;
}
.WidgetBlock a.News:hover
{
    color:#f28213;
    text-decoration:none;
}
/********************* Share buttons *******************/ 
.Share-row {
    overflow:hidden
}
.Share-row a {
    float:left;
    font-size:105%;
    margin-right:2px;
    margin-left:2px;
    vertical-align:middle;
    padding-right:5px;
    padding-left:5px;
    
}
.Share-row a i {
    margin-right:5px;
    margin-left:2px;
    font-size:104% !important;
    float:left;
    vertical-align:middle;
}

/*****************************************************/
@media (min-width: 768px) and (max-width: 991px) 
{
   .image-column { padding-right:3px; padding-left:3px; }
}

@media (min-width: 480px) and (max-width: 767px) 
{
    .image-column { padding-right:5px; padding-left:0px; }

    .latest-news-container {
        display: none;
    }
    .fb-comments iframe {
        width: auto !important;
    }
}
@media (max-width: 479px) 
{
    .card-item {padding-right:10px; padding-left:10px; }
    .image-column { padding-right:5px; padding-left:0px; }
    .card-meta-data { padding-right:0px; padding-left:10px; }
    .img-container span { padding-top:17%;font-size:10px;}
    .news-item .brief {display:none;}
    .form-padding { padding: 10px; }

    .Share-row a {
        padding-right:3px;
        padding-left:3px;
        font-size: 97%;
    }

    .latest-news-container {
        display: none;
    }
    .fb-comments iframe {
        width: auto !important;
    }
}