/**** General Tags ******/

h4 {
    font-size: 1.125em;
}

p {
    margin-bottom: 0px;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    margin-bottom: 0px;
}

table {
    margin-bottom: 0px;
}

table tbody {
    border: none;
    background-color: inherit;
}

table tbody td {
    padding: 0px;
}

body {
    font-family: "source-sans-pro";
    background: #d1e8f8 url('https://www.international.ucla.edu/masterpages/institute/img/background.jpg') repeat;
    color: #444;
}

body a:hover {
    color:#858585;
}

a {
    /*color:black;*/
    color: #00445b;
    text-decoration:underline;
}

    a:hover {
        color:#858585;
    }

    a[href$=".pdf"] {
padding-right: 25px;
background: url(/masterpages/img/icon_pdf.png) no-repeat right center;
}

hr.listItemHR {
    border:0;
    border-bottom:1px solid #999999;
    }

.listItemContainer{

}

a.listItemTitle {
    /*color:black;*/
    color:#444;
    font-weight:bold;
    text-decoration:none;
}

p.listItemAbstract {
    color:#4D4D4D;

}

a.listItemMore {
    background-color:#333333;
    padding:4px 8px;
    color:white!important;
    text-decoration:none;
    font-size:.8em;
    float:right;
    margin-top:5px;
}

    a.listItemMore:hover {
        text-decoration:underline;
    }

    .mainWebsiteContainer {
    margin-bottom:40px;
    }

hr.listPagesHR {
    border:0;
border-bottom:1px solid #999999;
margin:35px 0;
}

h1, h2, h3, h4, h5, h6 {
color:#444;
}

/**** Header Styles ******/
.logo {
    margin:20px 0;
}

ul#mainNav {
    float:right;
    margin-bottom:0;
}

    ul#mainNav li {
        float:left;
        list-style:none;
        padding:10px 10px;
    }

        ul#mainNav li a {
            /*color:black;*/
            color:#444;
            text-decoration:none;
            font-size:1.1em;
        }

ul#mainNav li a:hover {
    color:#858585;
}


/**** Home Page Styles ******/

h3.homeHeader {
    text-transform:uppercase;
    margin-bottom:15px;
}

    h3.homeHeader a {
        text-decoration:none;
        /*color:black;
    border-bottom: 2px solid black;*/
        color:#444;
        border-bottom: 2px solid #444;
    }

    h3.homeHeader a:hover {
    color:#858585;
}

ul.homePagePodcasts {
    margin-bottom:40px;
    margin-left:20px;
    list-style-position:outside;
    }

ul.homePagePodcasts li a{
    /*color:black;*/
    color:#444;
    text-decoration:none;
}

ul.homePagePodcasts li a:hover {
    color:#858585;
}

#ctl00_full_Width_Body_newsletter1_EmailValueValidator {
    display:none;
    }

#ctl00_full_Width_Body_newsletter1_submitButtonNewsletter {
    background-color: #333;
border: 0;
color: white;
padding: 4px 8px;
font-size: .7em;
float: right;
}

#ctl00_newsletter1_submitButtonNewsletter {
float:right;
}

#ctl00_newsletter1_NewsLetterUpdatePanel table td {
padding:0;
}

#ctl00_newsletter1_NewsLetterUpdatePanel table tr td input {
margin-bottom:0;
}

#ctl00_newsletter1_NewsLetterUpdatePanel table tr:last-child{
    background-color:transparent;
}

/**** SLIDER EXTRA NEEDED CSS ROYAL SLIDER ******/

#full-width-slider {
  width: 100%;
  color: #000;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    /*background: #FFF;*/
    background: rgba(0,0,0,0.60) !important;
    overflow: hidden;
    padding: 20px;
}
.infoBlockLeftBlack {
  min-width: 300px;
  max-width: 300px;
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.50);
  left: 60px;
  right: auto;
}

.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}

.infoBlock h5 {
color:white;
}

.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

.rsMinW .rsBullet {
    width:10px;
    height:10px;
}

p.mainSliderCredit {
    position:absolute;
    margin-left:10px;
    top:5px;
    right:15px;
    font-size:.8em;
    opacity: .75;
}

    p.mainSliderCredit a {
        color:white;
        text-decoration:none;
    }

    p.mainSliderCredit a:hover {
    text-decoration:underline;
}

@media screen and (max-width:583px) {
    p.mainSliderCredit {
    bottom:5px;
    left:15px;
    top:initial;
    }
}

@media screen and (max-width:377px) {
    p.mainSliderCredit {
    max-width:150px;
    }
}

@media screen and (min-width:970px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 550px !important;
  }
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 550px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !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;
  }
}

/**** Events/News List Pages Styles ******/

#ctl00_full_Width_Body_EventCalendar1_EventCalendar1 {
    height:180px!important;
    }

#ctl00_full_Width_Body_EventCalendar1_EventCalendar1 tr:nth-child(-n+2) {
    background-color:#F2F2F2!important;
}

#ctl00_full_Width_Body_EventCalendar1_EventCalendar1 tr:first-child {
    font-size:1.5em;
}

#ctl00_full_Width_Body_EventCalendar1_EventCalendar1 tr:first-child td:first-child{
    padding-left:10px;
}
#ctl00_full_Width_Body_EventCalendar1_EventCalendar1 tr:first-child td:last-child{
    padding-right:10px;
}

#ctl00_full_Width_Body_EventCalendar1_EventCalendar1 td {
    background-color:transparent!important;
    }
    
#ctl00_full_Width_Body_EventCalendar1_EventCalendar1 a {
    text-decoration:none;    
    }

ul.calendarSortList {
    list-style-type:none;
    margin-left:15px;
}

    ul.calendarSortList li:before {
        content:"- ";
    }

ul.calendarSortList li a {
    color:#4D4D4D;
    text-decoration:none;
}

    ul.calendarSortList li a:hover {
    color:#858585;
    }

h1.pageHeader {
    text-decoration:underline;
    margin-bottom:25px;
    text-transform:uppercase;
}

.listText a {
    /*color:black;*/
    color:#444;
    text-decoration:none;
    font-weight:bold;
}

    /*.listText a:hover {
    text-decoration:underline;
        }*/

.listText p {
    color:#4D4D4D;
}

.listText img {
    float:right;
}

img.listPhoto {
box-shadow: 8px 10px 15px #7b7b79;
}

@media screen and (max-width:768px) {
    img.listPhoto {
        margin-bottom: 15px;
    }
}




h3.dateEvents {
    text-decoration:underline;
    margin-bottom:25px;
    font-size:1.5em;
}

/*a.readMoreButton img:hover {
    opacity:.7;
}*/

    a.readMoreButton img {
        height:28px;
        margin-right:5px;
    }

/**** Podcasts Page Styling ******/

ul.podcastsList {
    margin-bottom: 60px;
    border-bottom: 1px solid #999999;
    padding-bottom: 15px;
}

/**** About Page Styling ******/
ul.peopleList {
    list-style:none;
}

ul.peopleList li img{
max-width:100px;
}

.donateButton {
padding: 10px 20px;
background-color: white;
text-decoration: none;
}

    .donateButton:hover {
        background-color:#858585;
        color:white;
    }


/**** Display Pages Styling ******/
.articleContent p,.eventContent p,personContent p {
    margin-bottom:15px;
}

#ctl00_full_Width_Body_sharingtools_emailPanel {
    margin-top:0;
    padding-top:0;
}

p.abstract {
font-weight:bold;
color:#444;
}

.largeImageVideo {
    margin-bottom:15px;
}
/**** Footer & Social Media Styling ******/



.footer {
    background-color:#333;
    color:white;
    padding-top:40px;
}

    .footer a {
        color:white;
        text-decoration:none;
    }

    ul#footerNav {
}

    ul#footerNav li {
        list-style:none;
    }

        ul#footerNav li a {
            text-decoration:none;
            font-size:1.1em;
        }

ul#footerNav li a:hover {
    color:#858585;
}

ul.socialFooter li{
    display:inline-block;
    list-style-type:none;
    margin:0px 4px;
}

ul.socialFooter li img{
    width:25px;
    height:25px;
    -webkit-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
}

ul.socialFooterFixed{
    position:fixed;
    left:0;
    top:150px;
    padding:2px 5px;
    z-index:99999;
    background-color:#a7cce2;
    margin-left:0;
}

ul.socialFooterFixed li img, ul.socialFooter li img{
    -webkit-transition: all .1s ease-in-out; /* For Safari 3.1 to 6.0 */
    transition: all .1s ease-in-out;
}  


:hover{
    -webkit-transition: all .1s ease-in-out; /* For Safari 3.1 to 6.0 */
    transition: all .1s ease-in-out;
}

ul.socialFooterFixed li img:hover, ul.socialFooter li img:hover{
    -ms-transform: scale(1.3);  /* IE 9 */
    -webkit-transform: scale(1.3);  /* Chrome, Safari, Opera */
    -moz-webkit-transform: scale(1.3);
    transform: scale(1.3);

}

ul.socialFooterFixed li{
   
    list-style-type:none;
    margin:6px 1px;
}

ul.socialFooterFixed li img{
    width:25px;
    height:25px;
    -webkit-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
}

#ctl00_newsletter1_submitButtonNewsletter {
              background: white;
              border: none;
              color: #333333;
              padding: 5px 10px;
              margin-right:96px;
              font-weight: bold;
              text-align:center;
            }

.formcell {
    background-color:transparent;
    max-width: 180px;
    margin-right: 90px;
    float: inherit;
    text-align: justify;
}

                #ctl00_newsletter1_submitButtonNewsletter:hover {
                opacity:.7;
                }


                @media screen and (max-width:768px) {
    img#footerLogo {
        margin-top: 15px;
    }
}
/**** Pagination Styles ******/

.digg-pages a{
border:1px solid #333333!important;
/*color:black!important;*/
color:#444!important;
}

.digg-pages .current {
    border:1px solid #333333!important;
    background:#333333!important;
}

td.Paging {
    padding-left:0!important;
}

.digg-pages .PageSizeDropDown {
    margin:0;
}

.storyPullQuote{
    width: 35%;
    float: right;
    display: block;
    font-size: 1.4em;
    line-height: 1.25;
    font-style: italic;
    color: #5996ad;
    border-top: 2px solid #e3e5e4;
    border-bottom: 2px solid #e3e5e4;

      margin: 1.5em 10px;
      padding: 0.5em 10px;
      /*quotes: "\201C""\201D""\2018""\2019";*/
}

p.storyPullQuote:before{
     color: #ccc;
      /*content: open-quote;*/
      font-size: 4em;
      line-height: 0.1em;
      margin-right: 0.25em;
      vertical-align: -0.4em;
}

            ul.footerBranding {
                margin-top:15px;
                margin-bottom:5px;
                margin-left:0;
            }
            ul.footerBranding li{
                display:inline;
                margin-left:2px;
            }
                  ul.footerBranding li a{
                color:white;
                text-decoration:none;
            }
                        ul.footerBranding li a:hover{
                            color:#858585;
            }
                        ul.footerBranding li:after{
                            content: "•";
                            margin-left:6px;
                        }
                        ul.footerBranding li:last-of-type:after {
                            content:none;
                        }