/**CSS VARIABLES**/
:root {
    --main-bg-color: #20436A;
    --main-cta-color: #e46326
}

html, body { height: 100%; }

body {
    font-family: 'latoregular',Helvetica,Arial,sans-serif!important;color: #333333;background-color: #fff} 
header, footer, nav, section { display: block;}
h1 {
    margin-top: 0;
    font-size: 24px;
    color: #20436A;
    font-weight: bold;
}
h2 {
    margin-top: 0;
    font-size: 18px;
    color:#124a7b
}
a, a:visited {color: #124a7b; }
.btn-primary a:visited {color: #fff; }
.sortable thead {display:none; }
.sortable a {font-size:18px;}
.fa-spin {
    display: none;
}
.date { font-size:0.9em; color:gray; margin-top: 4px; }
.no-padding { padding:0!important; }
.left-column { padding-left:0; margin-left:0; float:left;}
.right-column { margin-right:0; float:right;}
.no-margin {margin:0;}
.lg-icon:before {
    content: url('../../images/bg-icon.png'); /* with class ModalCarrot ??*/
    position: relative; /*or absolute*/
    /*a number that's more than the modal box*/
    top: 6px;
}
.lg-header {
    background-color: #20436A;
    border-bottom: 3px solid #e36500;
    color: #fff;
}

a.btn-lg-default, a.btn-lg-default:hover {
    background-color: #20436A;
    color: white;
}

/** ROS-----------------------------------------------------------------*/
.sign-up p { font-size:12px; }
.sign-up a:visited { color: #ffffff; }
.sign-up > a.btn.btn-lg.btn-primary { color: #ffffff !important; }
.latestIssue { border: 1px solid #ddd; padding: 10px;margin:20px 0 20px; border-radius: 4px; }
.latestIssue ul { padding-left: 16px; margin-top:10px; }

.leaderboard-bottom { }
#btnReadmore { margin-bottom:20px;}
#btn-bulletin, .cta {
    font-weight: bold;
    margin-bottom: 20px;
    background-color: #e46326;
    color: white !important;
}

    .cta:hover {
        font-weight: bold;
        margin-bottom: 20px;
        background-color: #e46326;
    }

#btn-bulletin span, .cta span {
        font-size: 12px;
        font-weight: normal;
    }
div.popular {
    border-bottom: solid 1px #ddd;
    min-height: 85px;
}
    div.popular .col-lg-4 {
        margin-top: 5px;
    }
#need {
    background-color: #F3F3F3;

}

    #need h2 {
        color: #e46326;
		padding: 6px 0 10px;
    }

    #need .need-title, .panel-header {
        background-color: #20436A;
        border-bottom: 3px solid #e36500;
    }

    #need .need-title a {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
    }


#need .need-image {
       padding-bottom:10px
}


 /** NAVIGATION-----------------------------------------------------------------*/
#navbar {
    padding-left: 0;
}
.navbar, .dropdown-menu {
    background-color: #20436A;
    border-bottom: 3px solid #e36500;
    font-size: 16px;
}
    .navbar-default .navbar-nav > li > a, .dropdown-menu > li > a {
        color: #fff;
    }
        .navbar-default .navbar-nav > li > a:hover, .dropdown-menu > li > a:hover {
            text-decoration: underline;
            color: #fff;
            background-color: #20436A;
        }


.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 30px;
      
       
    }


/** HEADER-----------------------------------------------------------------*/
.search-form { float:right;}
.search-form .social {position: relative; top: -8px; float:left; }
.search-form .social a:hover { text-decoration: none; }
.search-form .social i {margin-right:6px; font-size:2.2em; }
.large-masthead div.brand {
    margin-bottom: 10px;
}
.social .rss i {color:orangered}
.social .twitter i{
    color: #1da1f2;
}
/** HOME-----------------------------------------------------------------*/
#news-list ul li {
        list-style: none;
    }
#news-list div {margin-bottom:20px; font-weight:bold;
}
#news-list div img {
        border: solid 1px #ddd;
        margin-bottom: 5px;
    }
.top-news > .panel {
    background-color: #F2F2F2;
}
    .top-news > .panel a, .top-news > .panel div {
        color: #20436A;
    }



div.analysis { padding:0;
}

.analysis article {
    padding: 10px;
}

.analysis h1 a {
    color: #e36500;
    font-size: 24px;
    position: relative;
    padding: 0 20px 0 0;
    font-weight: bold;
    top: 10px;
}
   

#channels i.fa {
    font-size: 16px;
}
#channels a {
    font-weight: bold;
}

#channels h2 a{
    margin-left:5px;
   
}

/** JOBS -----------------------------------------------------------------*/
    .jobs-widget {
        background-color: #f3f3f3;
        height: 780px;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 10px;
    }
.jobs-widget iframe { width: 100%; border: 0; height: 605px; }

/**PANEL--------------------------------------------------------------------*/
.panel{border:1px solid #ddd; padding:10px; overflow: auto;}
.panel p{border-bottom:1px solid #ddd;margin:0; padding:10px 0; }
.panel-header h2, .panel-header h2 a {
    color: white;
    font-size:14px;
}
.panel-header h2 {
    display: block;
    position: relative;
    padding: 10px 0 0 10px;
}

 .panel-header h2:after {
     position:absolute;
        content: "";
        background: url('../../images/white-icon.png') no-repeat;
        display: block;
        width: 21px;
        height: 21px;
        margin: 0;
        right:11px;
        top:9px;
        background-size:contain;
    }

/* VALIDATION HELPERS-----------------------------------------------------------*/
.field-validation-error { color: #f00;display:block;}
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #f00;background-color: #fee;}
.validation-summary-errors { font-weight: bold; color: #f00;}
.validation-summary-valid {  display: none;}
.input-group.required> label:after {content:"*"; color:red;}
.input-group.required> label.checkbox:after {content:""; color:none;}

/** TABLE-----------------------------------------------------------*/
table.sortable img { padding-left: 0; padding-right: 3px; }
.table {
    margin:20px;
    width:auto;
}

.dataTables_info, .dataTables_paginate {
 
    margin-left: 20px;
}
    .table h2 { margin-top:0;}
.table p { margin:0;}
.table tr td{ padding:15px }
table.table tbody tr td div.col-xs-2 { padding-left: 0; padding-right: 3px; }
div.dataTables_wrapper.form-inline.dt-bootstrap.no-footer div.wrapper { margin-right: -15px; margin-left: -15px; position: relative; }
div.dataTables_wrapper.form-inline.dt-bootstrap.no-footer div.wrapper .dataTables_filter { margin: 10px 10px 0 10px; }

/** MODAL-----------------------------------------------------------*/
.modal-body > .row {
    margin: 0;
}
.modal-title {  margin-bottom:20px;}
.modal-header {
    background-color: #003366;
    border-bottom: 3px solid #e36500;
    color:#fff;
}
    .modal-header h4:before {
        content: "";
        background: url('../../images/bg-icon.png') no-repeat;
        display: block;
        width: 25px;
        height: 25px;
        float: left;
        margin: 0 6px 0 0;
    }


    .modal-header h4 {
        margin-bottom: 0;
    }
.modal-wide { width:600px;} 
.save { margin-top:15px;}
.modal-body img {float:right; }
.modal-header .close {color:white;
}
/** FOOTER -----------------------------------------------------------*/
footer {
    background-color: #20436A;
    margin-top: 30px;
    padding-top: 20px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}
footer h3 { margin-top:0;}
footer a,footer a:visited { color:white;}
    footer a:hover {
        color: white;
        text-decoration: underline;
    }
    footer h2 {
        margin-top: 0;
        margin-bottom: 30px;
        font-family: 'LatoLight',Arial,sans-serif;
        font-size: 1.5em;
		color: #ffffff;
    }

footer .other-publications {
        display: inline-block;
        list-style-type: none;
    }

footer .other-publications li{
       margin-right:115px;
       float:left;
    }

    footer .nav-links {
        border-top: solid 1px #fff;
        margin: 10px 0 10px 0;
        border-bottom: solid 1px #fff;
        display:block;
        padding: 15px 0 15px 0;
    }

        footer .nav-links p {
            margin:0;
        }
        footer .nav-links a {
           font-size:12px;
           text-transform:uppercase;
        }

    footer .copyright {
        font-size: 11px;
        text-align: center;
    }

    .editorial-list {
        list-style-type: none;
        margin: 0 0 5px 0;
        padding: 0;
    }
.editorial-list li { display: inline-block; margin:0 10px 0 0; padding:0;}
.editorial-list li img { max-width:175px;max-height:175px;}
.editorial-list  h3 { font-size:1.2em; margin:5px; }
.editorial-list  div { display:none; }
.keywords { margin:5px 0 5px;}
    .keywords a {
        color: #fff;
        background-color: #20436A;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -khtml-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
        .keywords a:hover {
            color: #fff;
            text-decoration:underline;
        }
		
.keywords a.btn { margin-top: 5px; margin-bottom: 5px; }
#article {
   padding-left:10px;
}

#article h1 {
        margin: 10px 0 10px 0;
        font-size:26px;
    }

    #article h2 {
        color:#232323;
    }

#article .share-icons {
    margin: 0 10px 10px 0;
}

#article .share-icons a:hover {
	text-decoration: none;
}

#article .share-icons .btn {
    margin: 10px 10px 0 0;
}

#article .author {
  font-weight:bold;
}

#article-body img {
    float: right;
    border: solid 1px #E5E5E5;
    margin: 0 0 10px 10px;
}


#article-body figure{
    display: inline-block;
    float: right;
    text-align: center;
    font-style: italic;
    font-size: smaller;
    text-indent: 0;
    border: solid 1px #E5E5E5;
    margin: 0 0 10px 10px;
    padding: 0.5em 0 0.5em 0;
	width: 60%;
}
#article-body figure img{
    vertical-align: top;
    float: right;
    padding: 0;
    margin: 0px 9px 5px 10px;
}
#article-body figure figcaption{
    text-align: justify;
    padding: 0 10px 0 10px;
    margin: 0 10px 0 10px;
    line-height: 15px;
    color: grey;
    font-size: 11px;
}

#article-body {margin-top:20px;}
   

#article-body iframe { height:350px!important;}

.doc-list ul{ list-style-type:none; margin:10px 0 20px 10px; padding:0;}
.doc-list ul li { display: inline-block;  padding:0 6px 0 0; width:20%; margin: 10px 10px 0 0;}
.doc-list ul li img { max-width:100%; max-width:100px; }
.doc-list  ul li span { font-weight:bold; display:block;}

.top-news>div.panel>article { clear: both; }
.top-news>div.panel>article>img { max-width:40%; float: left;  margin-top: 4px; margin-right: 16px; margin-bottom: 6px;}
.image-caption {margin-left: 20px; margin-bottom: 20px;float: right; border: 1px solid #E5E5E5;}
.image-caption p {padding-bottom: 10px;font-size:12px;color: #767676;  }


/** ADVERTS-----------------------------------------------------------*/
.leaderboard { margin:10px 0 0 0; height:100px;}
.leaderboard div{ width:auto; }
div[class*="ad-panel-"]  {position: relative; width: 260px;margin-bottom: 15px;
}

.leaderboard-bottom,.listing-banner-mid {  margin-bottom:15px;}
.tile-ad {margin-bottom:20px;
}

/** DIRECTORY-----------------------------------------------------------*/
#products {
    display: inline-block;
    padding-left: 30px;
    float: right;
    margin-bottom: 10px;
}
.dataTables_filter input { margin-left:5px; }
.fa-certificate { color: #f89406; }
.featured { background-color:  #f89406; display: inline-block;padding: .2em .6em .3em;font-size: 75%;font-weight: bold;line-height: 1;color: #fff;text-align: center;
            white-space: nowrap; vertical-align: baseline;border-radius: .25em; margin-bottom:10px;}
.featured .fa-certificate { color:white; }
h1.organisation { margin-bottom: 20px; }
#map-row { margin-top:150px;}
#map {height: 450px;width:100%; margin:0 0 0 12px;}
#dir-description, #imgDir {margin-bottom:20px;margin-top:20px; }
#imgDir { margin-left:0}
#imgDir img {height:98px; padding-bottom:20px;}
p#org-desc { margin-top:15px; }
.products {margin-bottom:10px;} 


 /* TAGCLOUD----------------------------------------------------------*/
.TagCloud {text-align:center;font-weight: 300;}
.TagCloud a{padding:3px;}
/* Applies to each tag of the tag cloud **/
.TagCloud > span	{margin-right:3px;text-align:center;}
.TagCloud > span.TagWeight1{font-size:32px;}
.TagCloud > span.TagWeight2{font-size:24px;}
.TagCloud > span.TagWeight3{font-size:20px;}
.TagCloud > span.TagWeight4{font-size:16px;}
.TagCloud > span.TagWeight5	{font-size:12px;color:#efefee;}
  
 /* FORMS----------------------------------------------------------*/
.input-group { margin-bottom:20px; }
button.save { margin-left:20px; }
.input-group .checkbox { font-weight:normal; margin-left:20px; font-size:12px; }
.input-group span { font-size:11px; }


 /** EVENTS-----------------------------------------------------------*/
.event { border-bottom: 1px solid #212b62; margin:10px 0 10px 0; padding:20px 0 20px 0;}
.event h2 {font-size:2em; }
.event img { float: right; max-width:225px; max-height:217px; }
.event .venue { font-weight:bold; font-size:1.2em; }
.event .location { font-weight:bold; font-size:1.0em; }
.event .copy {margin:5px 0  5px 0; }
.event time { padding-top: 2%; padding-bottom: 2%; padding-right: 4%; padding-left: 3%; width: 65px; background-color: #333333;  margin-top:5px; margin-right: 3%; margin-bottom: 2%; text-align: center; display: block; color: #ffffff; font-size: 0.8em; font-weight: 700; text-transform: uppercase; float: left;  }
.event time span { clear: both; display: block;font-size: 2em;line-height: 0.9em;}


 /** LATEST ISSUE-----------------------------------------------------------*/
#latest-issue p { padding-bottom:0; border:none;margin-bottom:0;  }
#latest-issue img {
    float: left;
    margin-right: 18px;
}
#latest-issue p { margin-bottom:10px;
}
/** ISSUE-----------------------------------------------------------*/
#letter-editor {
    padding: 0;
}
    #letter-editor .panel-body {
        padding: 10px;
        background-color: #f3f3f3;
    }

    #letter-editor .panel-body p{
       margin-bottom:5px;
      
    }
    #letter-editor h2 {
        margin-left: 5px;
    }
/**ERROR -----------------------------------------------------------*/
#error {
}
#error h1 { font-size:94px; color:red;}
#error img { border-bottom:1px solid #ddd;}
#error h2 { font-size:30px; color:#003366;}

/**LGN -----------------------------------------------------------*/
#letter-editor p{ border:none;}
#letter-editor img {margin-bottom:15px;}

/**CHANNEL -----------------------------------------------------------*/
.channel-news { padding:0 10px 0 10px; clear: both; }

/**SUPPLEMENTS -----------------------------------------------------------*/


#supplements {
    padding:15px;
}

.img-supplments {
    width: 100px;
    height: 137px;
}

#supplements div.row {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}


/**PRODUCT  -----------------------------------------------------------*/
.carousel-caption, .caption {
    padding-bottom: 0;
    bottom: 0;
    right: 0;
    left: 0;
    
}
.product-panel {
    min-height: 330px;
    background-color: #F2F2F2;
    cursor: pointer;
    margin-top:10px;
}

.panel h3 {
    margin: 10px;
	font-size: 20px;
}

.carousel-caption p, .caption p, .council-carousel-caption {
    background-color: black;
    font-size: 15px;
    font-weight: bold;
    color: white;
    filter: alpha(opacity=70); /* internet explorer */
    -khtml-opacity: 0.7; /* khtml, old safari */
    -moz-opacity: 0.7; /* mozilla, netscape */
    opacity: 0.7; /* fx, safari, opera */
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 5px 0;
}

    .caption p {
        padding-left:5px;
    }
    .caption a, .caption a:hover {
        color: white;
    }
.top-product-desc {
    padding: 10px;
    
}

.item.gallery-item, .top-product {
    background-size: contain;
    background-position: center center;
    width: 100%;
    background-repeat: no-repeat;
}

.item.gallery-item :hover {
        cursor:pointer;
 }

.top-product {
    position: relative;
    width: 100%;
    margin-top: 0;
    
}

.top-product-desc a.btn-lg-default {
    margin: 10px 0 10px 5px;
}

.top-product-desc h3 {
    font-size:14px;
    font-weight:bold;
}

.product-headlines {
    margin: 10px 0 20px 0;
}

.product-headlines div {
        border-bottom: solid 1px #ddd;
		margin-bottom: 20px;
    }

.product-headlines a{
    font-weight:bold;
}

    .product-headlines div img {
        margin-top: 15px;
    }



/**COUNCIL  -----------------------------------------------------------*/
.council-carousel-caption h2 {
    color:white;
}

.council-carousel-caption {
    padding: 5px;
}

.council-carousel-caption p {
        font-weight:normal;
        font-size:12px;
}

.council-news {
    margin-top:20px;
}
.council-blog h2, .council-blog-item {
    padding: 0px 15px 0 15px;
}

.council-blog h3 {
    margin:0;
}

.council-addresss {
    font-weight:bold;   
    margin-bottom:10px;
}

#advertorial table {
    margin:0;
}

#advertorial div.panel-body {
    padding: 0 5px 0 5px;
}

#advertorial img {
    margin: 5px 0 5px 0
}

#advertorial div.panel span {
}

#white-paper div {
    margin-top:15px;
}