/*******************  Virtual calendar **********************/

.VWG-TA { background-color: #d1e090; } /* green VWG1 */
.VWG-GO { background-color: #efd3e3; } /* pink  VWG2 */
.VWG-CO { background-color: #fcdd8c; } /* yellow  VWG3 */
.VWG-FI { background-color: #bfe3f5; } /* blue VWG4 */

.WHOTB   { background-color: #81F7D8; }  /*emerald*/
.VTB   { background-color: #2190bd; color: white; } /* bright blue*/

 


/****************** fixing the width of specifics Live content modules on Publications page  *********************/
/**** Factsheets ****/
#dnn_ctr23438_ContentPane {max-width: 600px;}
#dnn_ctr23438_ContentPane td {vertical-align: top;}
/**** Policy briefs ****/
#dnn_ctr23441_ContentPane {max-width: 700px;}
#dnn_ctr23441_ContentPane td {vertical-align: top;}

/******************** Home page   ******/
.cols .col {
    width: 310px;
    height: 400px;
    background: url(/Portals/12/Skins/SAICM-responsive-4/images/saicmcol-bg.png) repeat-x bottom #f2f2f2;
    margin-right: 10px;
    margin-left: 10px;
    padding: 13px;
    position: relative;
}

.SAICMcounter {
    left: 30px;
    top: -320px;
}


/***** Search  Box ***/
#searchBox {margin-top: -30px;}
#searchBox a:link, a:visited, a:active {color: #ffffff;}
#searchBox a:hover {text-decoration: underline;}


/******* overwrite the calendar *******/

.fc-header-right .fc-button-month .fc-button-basicWeek .fc-button-basicDay .fc-button-basicList {
    display: block;
}

.qtip-content, .fc-event-title {
    color: #000;
}

/*****  comment for editors **** */
.red {
    font-style: italic;
    color: red;
}
/*************************************** Overwrite the container styles that are too small and not responsive *********************************/

#saicmDonors img {
    float: none !important
}

#dnn_Box1 img {
    max-width: 257px;
}

#dnn_Box2 img {
    max-width: 257px;
}

#dnn_Box3 img {
    max-width: 257px;
}

#dnn_Box4 img {
    max-width: 257px;
}

#dnn_Box5 img {
    max-width: 257px;
}

#dnn_Box6 img {
    max-width: 257px;
}


/* SAICM Stories page container  */

#logo-img {
    max-width: 250px;
}

#dnn_ctr16510_dnnTITLE_titleLabel img {
    float: left;
    margin: 0 15px 10px 0;
    max-width: 450px;
    width: 100%;
}
/* Individual SAICM Story  */
.story img {
    float: left;
    margin: 0 15px 10px 0;
    max-width: 450px;
    width: 100%;
}

p {
    letter-spacing: 0px !important;
    font-size: 15px;
}

.Normal, .NormalDisabled, .NormalDeleted {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px !important;
}

#saicmMainColumn img {
    float: left;
    max-width: 350px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
}

#saicmRightColumn img {
    width: 100%;
    max-width: 260px
}

.clear {
    clear: left;
}

.w3-navbar, h1, button {
    font-family: "Roboto",sans-serif;
    text-transform: none;
}

#footer-logos {
    padding-top: 18px;
    margin: 8px;
}

#saicmfooter a:link, a:visited, a:active {
    font-weight: bold;
    text-decoration: none;
}

a:link, a:visited, a:hover, a:active {
    color: #009dcb
}

div.container_empty_title_minIcon h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

div.container_empty_body_minIcon {
    background-color: #f1f1f1;
    border-top: 0px;
    padding: 8px;
}

div.container_withMinIcon div.container_head {
    background-color: #f1f1f1;
}
/******************************************************************/
/******************* Responsive videos******************************/
/******************************************************************/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/******************************************************************/
/******************* Responsive menu ******************************/
/******************************************************************/
#menu .RadMenu .rmGroup .rmText {
    white-space: nowrap
}

#barIcon {
    display: none;
}

/* handles swap between normal menu and icon based on screen size */
@media screen and (max-width:1020px) {
    /* #menu .RadMenu li:not(:first-child) {display:none;} */
    #menu div.RadMenu {
        display: none;
    }
    #barIcon {
        display: block;
    }
}

/* menu style for small screens */
#menu div.responsive {
    display: block;
}

#menu div.responsive {
    background-color: #666666
}

/*** colors grey the menu even when it wraps ***/

#menu .RadMenu li {
    background: #666666;
}



/******************************************************************/
/*********************** Stories articles ****************************/
/******************************************************************/


/* News Articles */
table.newsList {
    border: 0px;
    width: 100%;
}

    table.newsList td {
        padding: 4px 0px 4px 0px;
        vertical-align: top;
    }

        table.newsList td.newsList_image {
            width: 124px;
        }

            table.newsList td.newsList_image img {
                width: 120px;
            }

        table.newsList td.newsList_text {
            border-bottom: 1px solid #666666;
            padding-left: 5px;
        }

            table.newsList td.newsList_text h3 {
                padding-top: 0px;
                margin-top: 0px;
            }


/**************************************************************************/
/******************************** Tabs ************************************/
ul.tabs {
    margin: 50px 0 0 0;
    padding: 0;
    border-bottom: 3px solid #f2f2f2;
    height: 39px;
}

    ul.tabs li {
        float: left;
        list-style: none;
        background: none;
        padding: 0;
        margin: 4px 12px 0 0;
    }

        ul.tabs li.last {
            margin-right: 0;
        }

        ul.tabs li a {
            display: block;
            background: url(../img/tab.png) bottom repeat-x;
            font-family: 'Oswald', sans-serif;
            font-weight: 300;
            font-size: 14px;
            text-transform: uppercase;
            color: #fff;
            padding: 7px 27px 0 27px;
            height: 28px;
        }

        ul.tabs li.current {
            margin-top: 0;
        }

            ul.tabs li.current a {
                background: url(../img/tab-current.png) bottom repeat-x;
                height: 32px;
            }

.tab-content {
    display: none;
    padding-top: 10px;
}

    .tab-content.current {
        display: block;
    }

/**************** Downloads new and old fashions  ***************************************/
/******************************************************************/

.xlsnew {
    display: block;
    float: left;
    width: 25px;
    height: 24px;
    background: url('/Portals/12/Images/icons/xlsn.png') no-repeat;
    margin-right: 2px;
}
.pdfnew {
    display: block;
    float: left;
    width: 25px;
    height: 24px;
    background: url('/Portals/12/Images/icons/pdfn.png') no-repeat;
    margin-right: 2px;
}
.docnew {
    display: block;
    float: left;
    width: 22px;
    height: 24px;
    background: url('/Portals/12/Images/icons/docn.png') no-repeat;
}

h4 {
    font-style: italic;
    color: #00a49f;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.downloads .item {
    width: 95px;
    float: left;
    margin-bottom: 15px;
}

    .downloads .item .title {
        font-size: 15px;
        color: #242424;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 1px;
    }

    .downloads .item .pdf {
        display: block;
        float: left;
        width: 25px;
        height: 24px;
        background: url('/Portals/12/Images/icons/pdf.png') no-repeat;
        margin-right: 2px;
    }

    .downloads .item .doc {
        display: block;
        float: left;
        width: 22px;
        height: 24px;
        background: url('/Portals/12/Images/icons/doc.png') no-repeat;
    }

    .downloads .item .xls {
        display: block;
        float: left;
        width: 22px;
        height: 24px;
        background: url('/Portals/12/Images/icons/xls.png') no-repeat;
    }

/************************************************************************/
/**************************************************************************/


.content ul li a {
    color: #3AAEDD !important;
    line-height: 15px !important;
    letter-spacing: 0px !important;
    font-size: 13px !important;
    font-family: Roboto,sans-serif !important;
}

/************************* media ************************************/
/**** do not display news image on small screen ***/

@media (max-width:600px) {
    table .newsList td.newsList_image {
        width: 0px;
        display: none;
    }

    #saicmMainColumn img {
        float: left;
        max-width: 350px;
        padding-right: 10px;
        padding-bottom: 10px;
        margin-right: 10px;
        width: 100%;
    }
    .Normal  {font-size: 14px;}
    p {font-size: 14px;}
    h1 {font-size: 26px;}
    h2 {font-size: 20px;}
    h3 {font-size: 18px;}
    h4 {font-size: 16px;}
    h5 {font-size: 14px;}
    h6 {font-size: 14px;}
}
/**************** end of media **********************/