﻿/***************
*
*  Slider
*
****************/




/*@media screen and (min-width:970px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider { height: 350px !important; }
}

@media screen and (min-width:960px) and (min-height:660px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider { height: 350px !important; }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow { height: 250px !important; }
    .infoBlock { padding: 10px; height: auto; max-height: 100%; min-width: 40%; left: 5px; top: 5px; right: auto; font-size: 12px; }
    .infoBlock h3 { font-size: 14px; line-height: 17px; }
}*/


.infoBlock h5{
    color:#fff;
    font-weight:400;
}

.shapeContainer {
    position: absolute;
    bottom: 35px;
    left: 0;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    margin: 0 0 0 -20px;
}

.pageBannerShape {
    margin: 0 0 0 0px;
    padding:0px 30px 0px 50px;
    background: #f9e90d;
    overflow: hidden;
    position: relative;
}

.pageBannerShape p{
    text-align:center;
    font-size:200%;
    margin-bottom:-1px;
    padding:1px;
    color:#2c9acf;
}

.mainSliderCredit {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:white;
    font-size: 12px;
    font-style: italic;
    display: block;
    position: absolute;
    bottom: -10px;
    right:0px;
    padding:5px;
        padding-left:10px;
    background-color: rgba(128,128,128,0.8);
}


.mainSliderCredit a {
    color: #fff;

}


#main-nav-wrapper{}
#main-nav { background-color: #2c9acf;position:relative; text-align:center; }
#main-nav li { margin:0; display:inline; border-right:1px solid #fff;padding-right:3px;}
#main-nav li:first-child { background:none; margin:0; padding:0;padding-right:3px; }
#main-nav li a { color:#fff; font-weight:700; padding:10px;text-decoration:none; text-transform:uppercase;display:inline-block;letter-spacing:1px; }
/*#main-nav li a:first-child {border-left:0; }*/
#main-nav li:last-child {border-right:none; }
#main-nav li a.active { background:none; color:#FFF100; }
#main-nav li a.selected { background:#f6f7f7; color:#204e91; }

#main-nav li ul { display:none; position:absolute; left:0px; background-color:#f6f7f7; text-align:left; width:80%; padding:10px 0px 0px 0px;z-index:1000; }
#main-nav li ul li { background:none; }

#main-nav li li ul.nav-column { display:block;max-width:300px;float:left; position:relative; top:0px; height:auto; /*margin:0 30px 0 10px;*/ padding:0px; box-shadow:none; }
#main-nav li li ul.nav-column li { background:none; display:block; padding:5px 5px 5px 0px; margin-left: 0px; }
#main-nav li li ul.nav-column li a { color:#6f6f6f; font-size:0.923em; text-decoration:none; font-weight:normal; text-transform:none; margin:0px; padding:0px; }
#main-nav li li ul.nav-column li a:hover { color:#955efc; }

#main-nav .close { color:#204e91 !important; font-weight:600; font-size:.9em; position:absolute; right:10px; line-height:1.2em; text-decoration:none; padding:5px 0px 0px 0px; display:none; }
#main-nav .close:hover { color:#955efc !important; background-position:-128px -40px; }

#main-nav ul.sub-nav-active { display:block; }

.rsMinW .rsBullet {
    width: auto!important;
    height: auto!important;
    }
       
.rsMinW .rsBullet span {
    width: 15px;
    height:15px;
    border-radius: 50%;
    background: #CCC;
    background: rgba(51,152,204,0.7);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    }

.rsMinW .rsBullets {
    bottom: 10px;
    right: 20px;
    }

.rsMinW .rsBullet.rsNavSelected span {
    background: rgba(3,86,164,0.9);
}


@media screen and (max-width:950px) { 
	#main-nav li a {
        padding: 5px 10px;
        font-size:80%;
        }
	
}


@media screen and (max-width:767px) { 
	#main-nav { text-align:left; }
	#main-nav li { border-top:1px solid #fff; display:block; }
	#main-nav li a { display:block; padding:5px; }

}

/***************
*
*  Body
*
****************/

.instituteBodyRow {
    margin-top:30px!important;
}

body {
    font-weight:normal;
    color:black;
}

.MAIN_BODY_CONTAINER .MAIN_ROW {
padding-top: 0;
}

a[href$=".pdf"] {
 padding: 0 20px 0 0;
 background:  url(/masterpages/img/icon_pdf.png) no-repeat right center;
}

.spotlight a[href$=".pdf"], .spotlight-section a[href$=".pdf"], .list-title a[href$=".pdf"] {
    background: none;
    padding: 0;
}

.homeHeader{
    font-weight: normal;
    font-size: 150%;
    margin: 30px 0px 20px 0;
    padding: 0px;
    color: #1e4b87;
    font-style: italic;
    border-bottom: 1px solid #1e4b87;
    padding-bottom: 6px;
}

.homeSubHeader {
            font-size: 1.3em;
            margin-bottom: 10px;
            padding: 1px;
            color: #2c9acf;
            font-weight:normal;
        }

.missionStatement{
    color:#59595b;
    font-size:1.2em;
    margin: 25px 0;
    line-height:1.3em;
}

ul.peopleList {
    list-style:none;
}

    ul.peopleList li {
        color:#59595b;
        font-size:1.2em;
        margin: 25px 0;
        line-height:1.3em;
    }

        ul.peopleList li a {
            font-weight:bold;
            text-decoration:none;
            color:black;
        }

            ul.peopleList li a:hover {
                text-decoration:underline;
            }
        .phoneNumber {
        color:#107fc9!important;
        font-weight:normal!important;
        }
        a.addressLink {
            color:#59595b; 
        }
        a.addressLink:hover {
            color:#6699cc;
        }
@media screen and (max-width:767px) {
    a.addressLink {
        color:#204e91;
    }
       /*a.addressLink:hover {
            color:#6699cc;
        }*/
}
ul.centerList {
    list-style:none;
    margin-lefT: 1.5em;
    margin-bottom:20px;
}

/*ul.centerList li {
        color:#59595b;
        font-size:1.2em;
        line-height:1.2em;
    }*/
ul.centerList li a {
            text-decoration:none;
            /*color:#59595b;*/
        }

            ul.centerList li a:hover {
                text-decoration:underline;
            }
    ul.centerList li ul.centerList li {
        /*font-size:1em;*/
    }

ul.committeeList {
list-style:none;
margin-lefT: 1.5em;
margin-bottom:20px;
}

ul.committeeList li {
        color:#59595b;
        font-size:1.2em;
        line-height:1.5em;
    }
ul.committeeList li a {
            text-decoration:none;
            color:#59595b;
        }

            ul.committeeList li a:hover {
                text-decoration:underline;
            }
    ul.committeeList li ul.committeeList li {
        font-size:1em;
    }


ul.researchList {
    list-style:none;
}

    ul.researchList li {
        color: #59595b;
        /*font-size: 1.2em;*/
        line-height: 1.5em;
        margin-bottom:10px;
    }

        ul.researchList li:hover {
            /*background:#f3f3f3;*/
        }

        ul.researchList li img {
            margin-top:6px;
        }

        ul.researchList li p.abstract {
            font-size:.8em;
            line-height:1.4em;
            width:80%;
        }
        @media screen and (max-width:767px){
            ul.researchList li p.abstract{
                width:100%;
            }
                                         }

        p.missionStatementUnderLogo{
            color:#eee;
        font-style:italic;
        margin-left:20px;
        font-size:.85em;
        }

ul.eventsList {
    list-style:none;
}

    ul.eventsList li {
        color:#59595b;
        font-size:1.2em;
        margin: 25px 0;
        line-height:1.3em;
    }

        ul.eventsList li a {
            font-weight:bold;
            text-decoration:none;
            color:black;
        }

            ul.eventsList li a:hover {
                text-decoration:underline;
            }


.button {
    background-color: #09609d;
    border-color: #09609d;
        }
        

            .button:hover {
                background-color:#09609d;
                opacity:.8;
            }
@media only screen and (min-width: 48em) {

    .mainPadding {
        padding: 0px 15px;
        margin-top:10px;
        
    }
}


p.listHeader {
    font-size: 1.4em;
    line-height: 1.3em;    
}

ul.aboutUsLinks {
    color:#1f4b87;
    margin-left:6px!important;
}

ul.aboutUsLinks li {
    padding-bottom:0!important;
    list-style: none;
}

    ul.aboutUsLinks li a {
    /*color:#1CA4DD;*/
    }

    ul.aboutUsLinks li a:hover {
        text-decoration:none;
    }
        /*.aboutTooltip span{
            display:none;
        }

        .aboutTooltip:hover span{
            display:block;
            position:absolute;
            top:300px;
            left:100px;
            z-index:1000;
            width:auto;
            max-width:200px;
            min-height:128px;
            margin-top:12px;
            margin-left:32px;
            overflow:hidden;
            
        }*/


.anchorAbove {
    padding-top: 50px;
    margin-top: -50px;
}

.searchButton {
height: 25px;
  line-height: 0;
  box-shadow: none;
  margin-left: -50px;
}

.list-title {
line-height:1.3em;
}

/***************
*
*  Support Pages
*
****************/

hr.supportHR {
    border:0;
    border-top: 5px solid #ffc000;
}

.supportMainContent {
        margin-top: 25px;
}

    .supportMainContent a {
        text-decoration:underline;
    }

        .supportMainContent a.donateLink {
            background: url(/masterpages/img/arrow-right.png) no-repeat right 50% #275577;
            padding: 3px 30px 3px 6px;
            color: white;
            text-decoration: none;
        }

            .supportMainContent a.donateLink:hover {
                color:yellow;
            }

.supportMainContent p {
    line-height: 1.3em;
    margin-bottom:25px;
}

    .supportMainContent p.abstract {
        color: #59595b;
        font-size: 1.2em;
    }

    .supportMainContent h4 {
        color:#0D4D88;
    }

.supportMainContent h5 {
    border-bottom: 1px solid #0D4D88;
    padding-bottom: 6px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 1.6em;
    color: #0D4D88;
}

.supportMainContent h6.blue {
    color:#2C9ACF;
    margin-bottom:0;
    font-style:italic;
}

.supportMainContent h6.yellow {
    color:#ffc000;
    font-style:italic;
    text-align:center;
}

    .supportMainContent ul {
        margin-bottom:1.25em;
        margin-left:1em;
    }

.supportMainContent .supportCenterList ul {
            list-style:none;
            margin-left:0;
        }

            .supportMainContent .supportCenterList ul li:before {
                content: "\00BB \0020";
            }

    .supportMainContent .supportCenterList p {
        margin-bottom:0;
    }

.giveNowButton {
    max-width:120px;
    margin-top:10px;
    margin-bottom:10px;
}

.giveNowButton {
    content:url("/masterpages/institute/img/give_now_button.png");
}

    .giveNowButton:hover {
        content:url("/masterpages/institute/img/give_now_button_click.png");
    }

.giveNowButtonHidden {
    display:none;
}
/*****************
*
*   Events Page
*
******************/

        #rsvpButton {
            height:35px;
            margin-right:10px;
        }
        #calendarButton {
            height:35px;
        }

        #rsvpButtonLink:hover {
            opacity:.8;
        }

        #calendarButtonLink:hover {
            opacity:.8;
        }
                .button {
        background-color: #09609d;
border-color: #09609d;
        }
        

            .button:hover {
                background-color:#09609d;
                opacity:.8;
            }


/*EVENT LIST LINK*/
            a.eventListLink {
                text-decoration: none;
                color: inherit;
                display:block;
                color: black;
                font-weight: 700;
                padding: 25px 20px 25px 0;
                border-bottom:1px solid #dedede;
            }
                   a.eventListLink:last-of-type {
            border-bottom:0;
            }
          a.eventListLink:hover {
            color: #1E4B87; 
          }

        a.eventListLink:hover.active, .active > a.eventListLink:hover {
          opacity: 1;
        }
      a.eventListLink:active {
        color: #1E4B87; }

            .eventListContainer{
    
            }

                .eventListContainer .day {
                    text-transform:uppercase;
            text-align: right;
            color: #1E4B87; 

                }
                .eventListContainer .date {
                    text-transform:uppercase;
                    font-size:1.4em;
                    line-height:.8em;
            text-align: right;
            color: #1E4B87; 
                }

          .leftPadding {
              padding-left:30px;
          }
          @media screen and (max-width:767px) {
            .leftPadding {
            padding-left:0;
            }
            .hideIpad{
                display:none!important;
            }
        }
            .eventListContainer .time {
        text-align: right;
        color: #1E4B87; 
            }

            .eventListContainer .eventListType {
                text-align:left;
                text-transform:uppercase;
                font-weight:normal;
            }

            .eventListContainer .eventListTitle {
                font-size:1.4em;
                text-align:left;
                line-height:1.2em;
                font-weight:normal;
            }

            .eventListContainer img {
                width:120px;
                height:120px;

            }
            #eventListMessage{
                display:none;
            }
            .eventListCenter {
                /*margin-top:15px;*/
                font-weight:normal;
            }
        .eventListContainer hr.smallHR {
        width:50%;
        text-align:left;
        margin:5px 0 5px 0;
        }
        .accord-content ul li {
            margin-top:0;
        }

/*EVENT LIST NARROW*/

            a.eventListLink_narrow {
                text-decoration: none;
                color: inherit;
                display:block;
                color: black;
                font-weight: 700;
                padding: 8px 20px 8px 0;
                border-bottom:1px solid #dedede;
            }
            a.eventListLink_narrow:last-of-type {
                border-bottom:1px solid #dedede;
            }
            a.eventListLink_narrow:hover {
                color: #1E4B87; 
            }

            a.eventListLink_narrow:hover.active, .active > a.eventListLink_narrow:hover {
              opacity: 1;
            }
            a.eventListLink_narrow:active {
                color: #1E4B87; 
            }
            .eventListContainer_narrow{
    
            }
            .eventListContainer_narrow .day {
                text-transform:uppercase;
                text-align: right;
                color: #1E4B87; 
            }
            .eventListContainer_narrow .date {
                text-transform:uppercase;
                font-size:1.4em;
                line-height:.8em;
                text-align: right;
                color: #1E4B87; 
            }
            .eventListContainer_narrow .time {
                text-align: right;
                color: #1E4B87; 
            }

            .eventListContainer_narrow .eventListType_narrow {
                text-align:left;
                text-transform:uppercase;
                font-weight:normal;
            }

            .eventListContainer_narrow .eventListTitle_narrow {
                font-size:1.4em;
                text-align:left;
                line-height:1.2em;
                font-weight:normal;
            }

            .eventListContainer_narrow img {
                width:80px;
                height:80px;

            }
            #eventListMessage_narrow{
                display:none;
            }
            .eventListCenter_narrow {
                /*margin-top:15px;*/
                font-weight:normal;
            }
            .eventListContainer_narrow hr.smallHR {
                width:50%;
                text-align:left;
                margin:5px 0 5px 0;
            }
            .accord-content ul li {
                margin-top:0;
            }




/***************
*
*  Support Pages
*
****************/

.diyMainContent {
margin-top:30px;
}

li.diy{
        display:none!important;
    }

      .double { width:50%;display:inline!important;float:left;}
        .triple {width:33%;display:inline!important;float:left;}
        .nav-column{max-width:100%!important;padding-left:0;}
        .nav-column li {padding-left:1.25em!important;}
        .dropdown-wrapper{margin-left:0;width:100%!important;}
        .diyListItem{padding:0 5px 0 5px!important;}

/***************
*
*  MasterPage
*
****************/

.top-bar-nav-left {
    margin-top:5px;
}

/***************
*
*  International Pages
*
****************/

ul.internationalTopNav li:after{
    color:white;
content: "•";
margin-left:6px;
}
ul.internationalTopNav li:last-of-type:after{
content:none;
}

.home-header.subHeader {
    color:#863b92;
    font-weight:bold;
    font-size:1.2em;
    border-bottom:0;
}

ul.internationalList li:before {
    content:"\2771";
    color:#0D4D88;
margin-right:5px;

}

h6.home-header {
    font-weight:bold;
}
@media screen and (max-width:767px) {
ul.internationalTopNav li:after{
content: none;
}
}

@media screen and (max-width:767px) {
#topLogo{
content:url("/MasterPages/Institute/img/International-Institute-Logo-Blue-globe-mobile1.png");
}
}

select {
  -webkit-appearance: none !important;
  border-radius: 0;
  background-color: #FAFAFA;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 2.3125rem; 
  padding-right:20px;
}