@charset "utf-8";
/* CSS Document */
body.rs{margin:0px; padding:0px; color:#444444;overflow-y:scroll;}

/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary
{display: block;}

.container{font-family:'RotisSemiSansStd55Regular',Arial,Helvetica,sans-serif;font-size:16px; min-width:1340px; margin:0 auto;}
header .headerTop, #topNavigationMenu > div, footer .footerlinks ul, footer div.copyright span, div.socialicons div{width:1182px; margin:0 auto; padding:0 20px;}

/*Header Structure Start*/
header{background:#fff;}
header .headerTop{height:144px; padding-top:41px;}
header .headerTop .logo{float:left;}
header .headerTop .logo .mob{display:none;}
header .headerTop .logo img{border:none;}
header .headerTop .caption{float:left; width:450px; color:#807e74; font-size:32px; text-decoration:none; padding:0px 0 0px 63px; margin:-4px 0 0 10px; height:83px; line-height:36px;}

header .searchArea{float:right; padding:15px 0 0 0;}
header .searchArea .serArea{width:0; float:right;}
header .searchArea .serArea input[type=text]{border:1px solid #66615d; background:#fff; height:31px; float:left; width:100%; padding:0 10px;}
header .searchArea input[type=button], header .search input[type=submit]{outline:none; margin:0; background:url(../images/search.png) no-repeat; width:31px; height:31px; border:none; cursor:pointer; min-width:0; float:right; position:relative;}
header .searchArea input[type=button]:focus, header .search input[type=submit]:focus{outline:none;}
.mobMenu{display:none;}

/*Menu navigation Start*/
#topNavigationMenu{background:#3793c0; padding:0; border-bottom:1px solid #004e77;}

.ms-core-listMenu-horizontalBox{height:45px!important;}
.root {padding:0; margin:0;}
.root li {position: relative; display: inline; float: left;}
ul.root > li.static > a.static{padding:0; background-image:url(../images/home-bg.png?v=1.1); background-color:#3793c0; background-repeat:repeat-y; width:48px; height:45px; font-size:0!important; float:left; border:none!important; border-left:1px solid #004E77!important; border-right:1px solid #004E77!important;}
ul.root > li.static > a.static:hover, ul.root > li.static > a.selected{background-color:#004E77!important;}

ul.root > li.static > a.static:before {content: ""; background:url(../images/home.png) no-repeat 11px 12px; width:37px; height:33px; display:block;}
.root li a, .root li.static ul.static li.static > span.dynamic-children, .root li.static ul.static li.static > span.static{color: #fff!important; font-family: 'RotisSemiSansStd55Regular'; display: block; font-size: 20px; font-weight: normal; border-left:none!important; border-right:none!important; border-top:none!important; border-bottom:4px solid #3793c0!important; padding: 11px 0px 4px 0px; text-decoration: none; text-transform:uppercase;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .root li a, .root li.static ul.static li.static > span.dynamic-children, .root li.static ul.static li.static > span.static{padding: 11px 0px 5px 0px;} }
@media screen and (min-width:0\0) { .root li a, .root li.static ul.static li.static > span.dynamic-children, .root li.static ul.static li.static > span.static{padding: 11px 0px 5px 0px;} }
.root li a.ms-navedit-editLinksText {margin-top: 8px !important;}
li.hover a.dynamic-children, .root li a:hover, .root li a.selected, .root li.static ul.static li.static > span.dynamic-children:hover, .root li.static ul.static li.hover > span.dynamic-children {border-bottom: solid 5px #004e77 !important;}
.root ul.static {padding-left: 0 !important; float: left;}
.root ul.static ul.dynamic {width: auto !important; min-width: 200px; margin:4px 0 0 -46px; padding:10px 0 10px 0; background:rgba(0,78,119,0.9); border:none!important;white-space:nowrap; left:0!important; z-index:99999 !important;}
.root ul.static ul.dynamic li.dynamic {list-style: none; width: 100%; margin:0;}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background{background:url(../images/down.png) no-repeat right center!important;}
.hover .dynamic-children.additional-background, .ms-core-listMenu-horizontalBox .dynamic-children.additional-background:hover{background:url(../images/up.png) no-repeat right center!important;}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background > span{margin-right:5px;}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {padding-right: 17px !important;}
.root ul.static ul.dynamic li.dynamic a {font-family: 'RotisSemiSansStd55Regular'; font-weight: normal; display:block; font-size:20px; text-transform:none; /*width of sub menus*/ padding: 5px 50px 5px 47px; margin: 0; border:none!important; text-align:left;}
.root ul.static ul.dynamic li.dynamic a:hover {background:url(../images/dropdownHover.png?v=1.1) 12px 0 repeat-y rgba(255,255,255,0.2);}
/*Menu navigation Start*/
/*Header Structure End*/

/*Boxes*/
div.boxesMain{background:#cecece; padding:30px 0 45px 0;}
div.boxes{width:1142px; margin:0 auto;}
div.boxesMain div.boxes .leftPanel{width:752px; float:left;}
div.boxesMain div.boxes .rightPanel{width:364px; float:right;}
div.boxes div.boxInside{float:left; width:360px; min-height:162px; background:#004e77; list-style:none; margin:0 31px 0 0; padding:7px 13px 16px 20px;}
div.boxes div.boxInside:nth-child(3){margin:0;}
div.boxes div.boxInside h2{text-transform:uppercase; font-size:22px; font-family: 'rotissemisansbold_65'; border-bottom:1px solid #FAF9CA; padding-bottom:3px; font-weight:normal; margin-bottom:13px; margin-top:0;}
div.boxes div.boxInside h2 a, div.boxes .listItem a{text-decoration:none;}
div.boxes div.boxInside h2, div.boxes div.boxInside h2 a{color:#FAF9CA;}

div.boxes div.boxInside span{display:block;}
div.boxes div.boxInside span.listItem{float:left; margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #ebdfbb; width:100%;}
div.boxes div.boxInside span.listItem:last-child{border:none; margin-bottom:0; padding-bottom:0;}
div.boxes div.boxInside span b.image, div.boxes div.boxInside span b.bgDate{min-width:90px; max-width:90px; width:90px; height:90px; display:table-cell; float:left; margin-right:16px;}
div.boxes div.boxInside span b.image img{width:100%; height:100%; max-width:90px; max-height:90px; border:none;}
div.boxes div.boxInside span b.bgDate{background:url(../images/boximage3.jpg); text-align:center; font-size:42px; color:#fff; padding-top:5px;}
div.boxes div.boxInside span b.bgDate a{color:#fff;}
div.boxes div.boxInside span b.bgDate b{font-size:30px; display:block; font-weight:normal;}
div.boxes div.boxInside span p{display:table-cell; margin:0; min-width:212px; width:100%; font-size:16px; vertical-align:top;}
div.boxes div.boxInside span p b.heading{display:none}
div.boxes div.boxInside span p a{margin-top:-3px; display:block;}
div.boxes div.boxInside span p, div.boxes div.boxInside span p a{color:#FAF9CA;}
div.boxes div.boxInside span b.bgDate, div.boxes div.boxInside span b.image img{ -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;}
/*Boxes*/

/*Mission*/
div.missionMain{background:url(../images/missionbg.png) repeat-y #3787b4; padding:0 0 38px 0; border-top:1px solid #333333; border-bottom:1px solid #333333;}
div.missionMain div.missionImg, div.missionMain div.missionContent{overflow:hidden; float:left; height:763px;  border-top:1px solid #3787b4;}
div.missionMain div.missionImg{width:50%;}
div.missionMain div.missionImg img{width:100%;}
div.missionMain div.missionContent{width:50%;
background: #00365d; /* For browsers that do not support gradients */
background: linear-gradient(105deg, #37b3ee 1%, #37b3ee 25%, #00365e 60%, #00365e 100%);
background: -webkit-linear-gradient(105deg, #37b3ee 1%, #37b3ee 25%, #00365e 60%, #00365e 100%); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(105deg, #37b3ee 1%, #37b3ee 25%, #00365e 60%, #00365e 100%); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(105deg, #37b3ee 1%, #37b3ee 25%, #00365e 60%, #00365e 100%); /* For Firefox 3.6 to 15 */
background: linear-gradient(105deg, #37b3ee 1%, #37b3ee 25%, #00365e 60%, #00365e 100%); /* Standard syntax */}
  
div.missionMain div.missionContent div{width:435px; text-align:justify; color:#fff; font-size:20px; padding:120px 0 25px 50px;}
div.missionMain div.missionContent:first-child div{width:435px; text-align:justify; color:#fff; font-size:20px; padding:120px 50px 25px 0px; margin:0 0 0 auto;}
div.missionMain div.missionContent div h2{font-size:30px; font-family:rotissemisansbold_65; font-weight:normal; margin:0 0 29px 0;}
div.missionMain div.missionContent div h2 a, div.missionMain div.missionContent a{color:#fff;}
div.missionMain div.missionContent div h2 a:hover, 
div.missionMain div.missionContent a:hover{text-decoration:none;}
div.missionMain div.missionContent div p{margin:0;}
/*Mission*/

/*Boxes 2*/
div.bottomBoxesMain{background:#cecece; padding:45px 0;}
div.bottomBoxes{width:1142px; margin:0 auto;}
div.bottomBoxes div{float:left; width:360px; min-height:170px; background:#fff; list-style:none; margin:0 30px 0 0; padding:0; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1;}
div.bottomBoxes div:nth-child(3){margin:0;}
div.bottomBoxes div h2{float:left; margin:0 0 20px 0; width:100%;}
div.bottomBoxes div h2 strong{text-transform:uppercase; font-size:22px; font-family: 'rotissemisansbold_65'; color:#ece0bc; font-weight:normal; background:#f3901d; float:left; color:#fff; height:41px; padding:10px 0 0 34px; min-width:150px; box-sizing:border-box;}
div.bottomBoxes div h2 span{width: 0; height: 0; border-left: 0px solid transparent; border-right: 21px solid transparent; border-top: 42px solid #f3901d; float:left;}
div.bottomBoxes div h2 a{text-decoration:none; color:#fff;}
div.bottomBoxes .listItem a{text-decoration:none; color:#444;}
div.bottomBoxes div > span{display:block; padding:0 10px}
div.bottomBoxes div span.listItem{float:left; margin:0 0 0 0; padding:10px 10px 10px 10px; border-top:1px solid #444444; width:100%; font-family: 'rotissemisansbold_65';}

div.bottomBoxes div h2.green strong{background:#c1cd23;}
div.bottomBoxes div h2.green span{border-top-color:#c1cd23;}

div.bottomBoxes div h2.blue strong{background:#00b1b0;}
div.bottomBoxes div h2.blue span{border-top-color:#00b1b0;}
/*Boxes 2*/

/*Main Container*/
.main-container{background:#d0d0d0;}
.contentPage{width:1142px; padding:35px 91px; margin:0 auto; background:#fff; min-height:450px;}
.contentPage .image{max-width:100%; margin-bottom:10px;}
.contentPage h1, .contentPage h2, .contentPage h3, .contentPage h4, .contentPage h5, .contentPage h6{font-weight:normal; font-family:rotissemisansbold_65;}
.contentPage .heading1{font-size:22px; color:#666666; margin:0 0 15px 0;}
.contentPage .heading2{font-size:22px; color:#004e77; margin:0 0 15px 0;}
.contentPage .heading3{font-size:20px; color:#004e77; margin:0 0 15px 0;}
.contentPage hr.dashed{border-top:none; height:0; border-bottom:1px dashed #000!important; margin-bottom:15px; clear:both;}
.contentPage hr.line1{border:none; height:1px; background:url(../images/hr-bg.png) no-repeat #fff center top; margin-bottom:15px;}
.contentPage p{margin:0 0 15px 0; line-height:normal;}
.contentPage ul.bulletListing{padding:0 0 0 20px; margin:0 0 15px 0;}
.contentPage ul.bulletListing li{margin:0 0 5px 0;}
.contentPage img {max-width:100%;}


.contentPage ul.generalListing{float:left; padding:0; margin:0 0 20px 0;width:100%;}
.contentPage ul.generalListing > li{list-style:none; float:left; width:100%; border-bottom:1px dashed #000; padding:15px 0;}
.contentPage ul.generalListing > li:nth-last-child(2){border-bottom:none;}
.contentPage ul.generalListing > li:first-child{padding-top:0;}
.contentPage #EventsListing li:first-child{border-top:1px dashed #000; padding-top:15px;}
.contentPage ul.generalListing li label, .contentPage ul.generalListing li div{display:table-cell; vertical-align:top;}
.contentPage ul.generalListing li label{max-width:170px; margin-right:20px; padding-right:20px;}
.contentPage ul.generalListing li label img{max-width:none;width:124px; height:124px; float:left;}
.contentPage ul.generalListing li div{}
.contentPage ul.generalListing li h3, .contentPage ul.generalListing li h3 a{margin:0 0 5px 0; color: #00365d; font-size: 18px; display: block; font-weight: normal; font-family: rotissemisansbold_65;}
.contentPage ul.generalListing li p{}
.contentPage ul.generalListing li span.date{font-size:14px; display:block; margin-bottom:5px; color:#b10069;}
.joinUs ul.generalListing ul{margin-bottom:20px; list-style:disc;}

.contentPage .calendarEvents{margin-bottom:20px;}
.contentPage .calendarEvents .calendar{float:left; width:240px; margin:0 20px 20px 0;}
.contentPage .calendarEvents .calendar .rcWeek {font-size: 14px ! important;font-family: rotissemisansbold_65 ! important}
.contentPage .calendarEvents .calendar .RadCalendar .rcRow td {font-family: rotissemisansbold_65 ! important;font-size: 15px ! important;padding-left: 5px ! important;text-align: center ! important;}
.contentPage .calendarEvents .calendar .RadCalendar .rcTitlebar .rcTitle {color: #0B4A58 ! important;font-family: rotissemisansbold_65 ! important;font-size: 16px;text-transform: uppercase ! important;}
.contentPage .calendarEvents .calendar .RadCalendar .rcMain .rcRow a, .RadCalendar .rcMain .rcRow span {color: #0B4A58;}
.contentPage .calendarEvents .calendar .RadCalendar .rcRow .rcSelected {background-image:none ! important;background-color: #0B4A59 ! important;border-style: none ! important;}
.contentPage .calendarEvents .calendar .RadCalendar .rcMain .rcRow .rcSelected a {color: white ! important;}
.contentPage .calendarEvents .calendar .RadCalendarMonthView .rcSelected a {background-color: #0B4A59 ! important;border-style: none ! important;color: white ! important;}
.contentPage .calendarEvents .calendar .RadCalendar .rcRow .rcHover {background-image:none ! important;background-color: #0B4A59 ! important;border-style: none ! important;}
.contentPage .calendarEvents .calendar .RadCalendar .rcRow .rcHover a {color: white ! important;}
.contentPage .calendarEvents .calendar .RadCalendar .rcWeek th {color: #0B4A58 ! important;font-family: rotissemisansbold_65 ! important;font-size: 12px ! important;text-transform: uppercase;}
.contentPage .calendarEvents .calendar .RadCalendar .rcRow td {border: 1px dotted #BFBFBF ! important;}
.contentPage .calendarEvents .calendar .RadCalendar .rcMain {border-style: none ! important;}
.contentPage .calendarEvents .calendar .RadCalendar .rcWeek th {border-style: none ! important;}
.contentPage .calendarEvents .calendar .RadCalendar .rcTitlebar {border-style:none !important;background-color:White !important;}
.contentPage .calendarEvents .calendar .SpecialDay{background-color:#00A6AA !important;}
.contentPage .calendarEvents .calendar .SpecialDay a{color:White !important;}
.contentPage .calendarEvents .calendar .SelectedDay {background-color:#0B4A59 !important;}
.contentPage .calendarEvents .calendar .SelectedDay a{color:White !important;}
.contentPage .calendarEvents .content{float:left; width:700px; margin-bottom:5px;}
.contentPage .calendarEvents .content .events{margin-bottom:20px; float:left;}
.contentPage .calendarEvents .content .events span{border-bottom:1px dashed #00b1b0; color:#00b1b0; clear:both; float:left; margin-bottom:10px; cursor:pointer;}

.contentPage .linkBar{float:left; width:100%; margin-bottom:15px;}
.contentPage .linkBar > a, .contentPage .linkBar span#personcv{padding:0px 10px; float:left; border-right:1px solid #ccc;}
.contentPage .linkBar span#personcv{height:auto; display:inline; width:auto; border-radius:0;}
.contentPage .linkBar > a:last-child, .contentPage .linkBar span#personcv:last-child{border-right:none;}
.contentPage .linkBar a i.linkedin{background:url(../images/small-icons.png) 0 -122px no-repeat; width:20px; height:20px; float:left;}
.contentPage .linkBar a i.mendeley{background:url(../images/small-icons.png) 0 -182px no-repeat; width:20px; height:12px; float:left; margin-top:4px;}
.contentPage .linkBar span:first-child, .contentPage .linkBar a:first-child {padding-left:0;}

.breadcrumbs{margin:0 0 30px 0; font-size:17px; color:#828282;}

.filterSearch{float:left; padding:0; max-width:660px;}
.filterSearch li{list-style:none; float:left; margin:0 12px 12px 0; box-sizing:border-box;}
.filterSearch li label{}
.filterSearch li select, .filterSearch li input[type=text]{padding:1px 5px; height:26px;}
.filterSearch li .pubSearchBox {width:358px; float:left; font-size:14px;}
.filterSearch li input[type=submit], .filterSearch li input[type=button]{float:left; color:#ababab; margin-left:0; height:26px; background:#004E77; border:none; color:#fff; padding:3px 20px;}
.filterSearch li .rcbInputCell input[type=text]{height:20px;}
.filterSearch li .RadComboBox .rcbArrowCell{border:1px solid #ababab; border-left:none; background:url(../images/arrowd.png) #004E77 no-repeat center; height:24px}
.filterSearch li .rcbInputCell.rcbInputCellLeft{background:none; border:1px solid #ababab; border-right: :none; height:24px;}


.researchPage{}
.researchPage ul.landingListing{padding:0; margin:0 0 15px 0; float:left;}
.researchPage ul.landingListing li{list-style:none; margin-bottom:10px; float:left;}
.researchPage ul.landingListing img, .researchPage ul.landingListing span{height:124px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -icab-border-radius: 5px;}
.researchPage ul.landingListing img{width:250px; margin-right:10px; float:left;}
.researchPage ul.landingListing span{float:right; width:700px; min-height:122px; background:url('../images/researchBgListing.png') repeat-y #fff; padding:10px 15px; font-size:15px;}
.researchPage ul.landingListing span b{color:#00365d; font-size:18px; display:block; font-weight:normal; font-family:rotissemisansbold_65;}
.researchPage ul.landingListing span b a{color:#00365d;}

.researchPage ul.internalListing li{margin-bottom:5px;}
.researchPage ul.internalListing img, .researchPage ul.internalListing span{height:100px;}
.researchPage ul.internalListing img{width:150px; margin-right:5px;}
.researchPage ul.internalListing span{width:805px; min-height:100px;}

.peoplePage{}
.peoplePage ul.peopleListing{padding:0; margin:0 0 15px 0; float:left; width:100%;}
.peoplePage ul.peopleListing li{list-style:none; margin:0 16px 10px 0; padding:10px 10px 10px 0; float:left; height:180px; width:472px; background:url("../images/people-bg.png") repeat-y right top #fff;}
.peoplePage ul.peopleListing li:nth-child(2n+2){margin-right:0;}
.peoplePage ul.peopleListing img, .peoplePage ul.peopleListing span{float:left; height:125px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -icab-border-radius: 5px;}
.peoplePage ul.peopleListing img{width:135px; height:135px;}
.peoplePage ul.peopleListing span{width:322px; padding:0 0 0 15px; font-size:15px; box-sizing:border-box;}
.peoplePage ul.peopleListing span span{width:100%; padding:0; display:block;}
.peoplePage ul.peopleListing span b{font-size:18px; display:block; font-weight:normal; font-family:rotissemisansbold_65;}
.peoplePage ul.peopleListing span P{margin:0 0 5px 0;}
.peoplePage ul.peopleListing span a{color:#00365d;}
.peoplePage ul.peopleListing span a.email{color:#00797c;}
.peoplePage ul.peopleListing span a.email:hover{color:#00b3b7;}
.peoplePage ul.peopleListing span, .peoplePage ul.peopleListing li{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


.peoplePage ul.peopleInternal li{margin:0 15px 10px 0; padding:10px; height:160px; width:100%; background:url("../images/researchBgListing.png") repeat-y left top #fff;}
.peoplePage ul.peopleInternal span{width:800px; font-size:18px;}
.peoplePage ul.peopleInternal span .height85{height:80px;}
.peoplePage ul.peopleInternal span b{font-size:22px; color:#444;}
.peoplePage ul.peopleInternal span a{color:#00b1b0;}


.facilitiesPage{}
.facilitiesPage ul.facilitiesListing{padding:0; margin:0 0 15px 0; float:left; width:100%;}
.facilitiesPage ul.facilitiesListing li{list-style:none; margin:0 16px 10px 0; float:left; width:472px;}
.facilitiesPage ul.facilitiesListing li:nth-child(2n+2){margin-right:0;}
.facilitiesPage ul.facilitiesListing img, .facilitiesPage ul.facilitiesListing span{float:left;}
.facilitiesPage ul.facilitiesListing img{width:472px; height:266px;}
.facilitiesPage ul.facilitiesListing a.explore{position:relative; float:left;}
.facilitiesPage ul.facilitiesListing a.explore:hover img{opacity:0.85;}
.facilitiesPage ul.facilitiesListing a.explore:after{content:"Explore Facilities"; width:100px; overflow:hidden; right:0; bottom:0; height:0px; display:block; background:#3793c0; color:#fff; position:absolute; font-size:21px; padding:26px 0 0 14px; margin:0; box-sizing:border-box; opacity:0;/*-webkit-transform:scale(0, 0);-moz-transform:scale(0, 0);-ms-transform:scale(0, 0);-o-transform:scale(0, 0);transform:scale(1, 0);*/-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;}
.facilitiesPage ul.facilitiesListing a.explore:hover:after{opacity:1; height:100px; margin-top:0; /*-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);*/}
.facilitiesPage ul.facilitiesListing span{position:relative; width:472px; height:115px; padding:5px 10px 10px 10px; font-size:15px; background:url("../images/people-bg.png") repeat-y right top #fff;}
.facilitiesPage ul.facilitiesListing span a{color:#00365d; font-size:18px; display:block; font-weight:normal; font-family:rotissemisansbold_65; margin-bottom:6px;}
.facilitiesPage ul.facilitiesListing span a.inactiveLink{pointer-events: none; cursor: default; text-decoration: none !important;}
.facilitiesPage ul.facilitiesListing span, .facilitiesPage ul.facilitiesListing li{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.facilitiesPage ul.facilitiesInternal li{margin:0 0 10px 0; width:100%;}
.facilitiesPage ul.facilitiesInternal li span.imageDet{float:left; width:300px; height:auto; padding:0; background:none; margin-right:4px;}
.facilitiesPage ul.facilitiesInternal li span.imageDet a{height:200px; margin-bottom:5px; overflow:hidden;}
.facilitiesPage ul.facilitiesInternal li span.imageDet img{width:100%; height:100%; float:none; margin:0;}
.facilitiesPage ul.facilitiesInternal li span.imageDet span{float:none; display:block; padding:5px 0 0 20px; background:#587eac; width:100%; height:50px; color:#fff; font-style:italic;}
.facilitiesPage ul.facilitiesInternal li:nth-child(2n+2) span.imageDet span{background:#929fb0;}
.facilitiesPage ul.facilitiesInternal li span.imageDet span b{font-weight:normal;}
.facilitiesPage ul.facilitiesInternal li span.imageDet span b.mob{display:none;}
.facilitiesPage ul.facilitiesInternal li span.desc{width:655px; height:255px; font-size:18px; padding:10px 15px; background:url("../images/researchBgListing.png") repeat-y left top #fff;}
.facilitiesPage ul.facilitiesInternal li span.desc div{height:191px; overflow: hidden;}
@media all and (min-width: 1367px) {
    .facilitiesPage ul.facilitiesInternal li span.desc div {height: 188px;}
}
.facilitiesPage ul.facilitiesInternal li span.desc b{margin-bottom:10px; font-size:24px;}


.publicationPage{}
.publicationPage .headbold{color:#444;}
.publicationPage ul.publicationListing{padding:0; margin:0 0 15px 0; float:left; width:100%;}
.publicationPage ul.publicationListing li{list-style:none; margin:0 0 5px 0; float:left; width:100%;}
.publicationPage ul.publicationListing li .heading1{margin:15px 0 5px 0; float:left;}
.publicationPage ul.publicationListing li img, .publicationPage ul.publicationListing li > span{float:left; height:100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -icab-border-radius: 5px;}
.publicationPage ul.publicationListing img{width:150px; margin-right:5px;overflow:hidden;}
.publicationPage ul.publicationListing li > span{width:805px; padding:10px; font-size:15px; background-image:url("../images/researchBgListing.png"); background-repeat:repeat-y; background-position:left top; background-color: #fff;}
.publicationPage ul.publicationListing li > span span.text a{color:#00365d; font-size:18px; display:block; font-weight:normal; font-family:rotissemisansbold_65;}
.publicationPage ul.publicationListing li > span a:hover{color:#00b3b7!important;}
.publicationPage ul.publicationListing li > span, .publicationPage ul.publicationListing li{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.publicationPage ul.publicationListing li > span span.text{display:table-cell; width:100%;}
.publicationPage ul.publicationListing li > span span.text span{display:block;}
.publicationPage ul.publicationListing li > span span.icons{display:table-cell; min-width:155px; vertical-align:bottom; text-align:right;}
.publicationPage ul.publicationListing li > span span.icons .link, .publicationPage ul.publicationListing li > span span.icons .pdf{background:url(../images/small-icons.png) no-repeat 0 3px; padding:5px 0 5px 25px; margin-right:10px; color:#444;}
.publicationPage ul.publicationListing li > span span.icons .pdf{background-position:0 -48px;}

.publicationPage .loadingPanel{text-align: right; max-width:596px;height:7px;}
.publicationPage .loadingPanel .img { background-image: url('../images/loading-pub.gif'); background-repeat: no-repeat; display: inline-block !important; width: 16px; height: 16px; margin-right: 5px; }

.publicationPage span.icons{}
.publicationPage span.icons .link, .publicationPage span.icons .pdf{background:url(../images/small-icons.png) no-repeat 0 3px; padding:5px 0 5px 25px; margin-right:10px; color:#444;}
.publicationPage span.icons .pdf{background-position:0 -48px;}


.search-form-container{float:left; display:inline; width:280px;}
.search-form-container .search-form{float:left; width:240px;}
.search-form-container .search-btn{float:left;}
.search-form-container .search-form span{display:block; width:100%!important;}
.search-form-container .search-form .riSingle .riTextBox[type="text"]{height:32px; width:100%;}


/*Main Container*/

/*Footer Structure Start*/
footer div.copyright{background:#a3a3a3; height:37px;}
footer div.copyright span{color: #333333; font-size: 16px; display:block; padding-top:11px;}
footer div.copyright span b{font-size:27px; margin:-3px 0 0 0; position:absolute; font-weight:normal; height:25px; overflow:hidden;}

div.footerlinks{background:#f2eeeb; border-top:1px solid #b1b1b1;}
div.footerlinks ul{padding:40px 20px 25px 20px; margin:0 auto;}
div.footerlinks ul li{list-style:none; display:inline-block; width:360px; margin-right:25px; vertical-align:top;}
div.footerlinks ul li:last-child{margin-right:0;}
div.footerlinks ul li h3{margin:0 0 15px 0; color:#000; font-size:20px; font-family: 'rotissemisansbold_65'; font-weight:normal;}
div.footerlinks ul li a{display:block; float:left; clear:both; font-size:16px; color:#004B58; margin-bottom:10px; text-decoration:none;}
div.footerlinks ul li a:hover{color:#00b3b7;}

div.socialicons{background:#f2eeeb;}
div.socialicons div{text-align:right; padding-bottom:10px; padding-top:20px;}
div.socialicons div a{display:inline-block; text-decoration:none; margin-left:8px;}
div.socialicons div a:first-child{margin-left:0;}
div.socialicons div i{display:table-cell; vertical-align:middle; font-size:20px; color:#fff; background:#888888; border-radius:50px; width:32px; height:32px; text-align:center; font-weight:normal;}
/*Footer Structure End*/




/*General Start*/
.clear{clear:both;}
.floatright{float:right!important;}
.floatleft{float:left;}
.floatnone{float:none!important;}
.center{text-align:center;}
.block{display:block;}
.alignRight{text-align:right;}
a, a:visited{text-decoration:none; color:#00797c;}
a:hover{color:#00b3b7;}
*:focus {outline: 0;}

.color666 li{color:#7F7F7F;}
.color666 li b, .color666 li b a{color:#666;}
.color666 li b a.colorB{color:#00365D;}
.color666 li b a.colorB:hover{color:#00b3b7;}

/*Round Borders*/
.rnd-bor15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; -icab-border-radius: 15px;}
.rnd-bor3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -icab-border-radius: 3px;}
.rnd-bor5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -icab-border-radius: 5px;}
.rnd-bor10{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -icab-border-radius: 10px;}
/*Round Borders*/

div.boxes div.boxInside span p, div.bottomBoxes div h2 strong, div.bottomBoxes div span.listItem, div.bottomBoxes, div.bottomBoxes div, div.boxes div.boxInside span.listItem, div.boxes, div.boxes div.boxInside, .researchPage ul.landingListing span, .contentPage, header .searchArea, #topNavigationMenu > div, div.socialicons div, div.footerlinks div.socialicons i, div.footerlinks ul, footer div.copyright span, header .headerTop, header .headerTop .caption, input[type=text], textarea{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*Status & Validation*/
.span-required{color: red; margin-left: 10px; font-family: rotissemisansbold_65 ! important; font-size: 14px ! important;}
.ms-formvalidation{color: red; font-family: rotissemisansbold_65 ! important; font-size: 14px ! important;}

.FieldTip{font-size:13px;padding:0 10px 0 10px;color:#0B4A58;font-family:rotissemisansbold_65;}
.FieldTip.Red {color:red;}
.EditBlock{margin-bottom:15px}

.orderLink{margin-bottom:15px}
.extra-actions-panel{margin-bottom:15px;clear:both;padding: 10px;  background: none repeat scroll 0 0 whitesmoke;border: 1px dotted lightgray;}
.separator-span{margin:0 10px 0 10px}
#HideParentPanel{float: right;}
#ShowActionsPanel{float: right; display: none;}

#MSOTlPn_MainTD {position:relative;z-index:999;}
.ms-webpartzone-cell{margin:0;}
#s4-bodyContainer {padding-bottom:0;}
/*General End*/


/*Sadiq CSS Add */
.showhide{margin-bottom:20px;}
.showhide > h2{font-family:'RotisSemiSansStd55Regular'; background: url("../images/show-hide.png") #805b80 no-repeat right 22px; border-bottom: 2px solid #533160; color: #fff!important; cursor:pointer; padding: 13px 40px 10px 15px; font-size: 28px; font-weight: normal; margin:0; min-height:59px; box-sizing: border-box;}
.showhide > h2.open{background-image: url("../images/show-hide2.png"); background-position:right 18px;}
.showhide > h2.collapseNo{background-image:none;}
.showhide > h2.collapseNo a{text-decoration:none; border-bottom:none; color:#fff; display:block;}
.showhide .btnGoTo{background: none repeat scroll 0 0 #004b58; color: #fff; font-size: 24px; font-weight: bold; padding:20px; text-align: center; width: 200px; display:block;}
.showhide ul.listing > li > h2.heading2.open {background: url("../images/cross.png") no-repeat scroll right 16px #fff;}
.showhide ul.listing > li > h2.heading2{color: #533160!important; font-size: 24px; font-family: 'rotissemisansbold_65'; font-weight: normal; padding: 12px 40px 7px 17px; background: url("../images/plus-3.png") no-repeat scroll right 11px #fff; clear: both; cursor: pointer; line-height: 24px;  margin:0; min-height: 43px; box-sizing: border-box;}
.showhide ul.listing{display:none; list-style:none; margin:0; padding:0; font-size:18px;}
.showhide > ul.listing > li span.content{display:none;}
.showhide > ul.listing > li{border-bottom:1px solid #dcdcdc; }
.showhide > ul.listing > li ul.listing{background:#fff; padding:15px 40px 10px 20px;}
.showhide > ul.listing > li ul.listing span.content{float:left; width:100%; margin-right:0;}
.showhide > ul.listing > li ul.listing span.image{float:left; width:100%;}
.showhide > ul.listing > li ul.listing span p{margin:0 0 20px 0;}
.showhide > ul.listing > li img{max-width:100%; margin:0;}
.showhide > ul.listing > li.showOnly{border-bottom:none; padding-top:8px; padding-bottom:5px;}
.showhide > ul.listing > li.showOnly p{margin:0px 0 20px 0;}
.showhide > ul.listing > li em{word-break:break-all;}

@media all and (max-width: 1024px) {
  .showhide > h2{background-position:right 18px; padding: 11px 40px 6px 15px; font-size: 24px; min-height:48px;}
  .showhide > h2.open{background-position:right 12px;}
  .showhide ul.listing > li > h2.heading2{font-size: 18px;}
  .showhide > ul.listing > li ul.listing{background:#fff; padding:15px 0px 10px 20px;}
}
@media all and (max-width: 767px) {
  .showhide > h2{background-position:right 16px; padding: 12px 40px 8px 15px; font-size: 18px; min-height:44px;}
  .showhide > h2.open{background-position:right 10px;}
  .showhide ul.listing{font-size:16px;}
  .showhide ul.listing > li > h2.heading2{font-size: 18px;}
  .showhide > ul.listing > li ul.listing {padding: 10px 0px 10px 20px;}
  .showhide > ul.listing > li.showOnly b{display:block; font-size:18px;}
  .showhide ul.listing > li > h2.heading2.open {background: url("../images/cross-mobile.png") no-repeat scroll right 16px #fff;}
}

.optionalBtn{margin: 0 0 20px 0;}
.optionalBtn.leftPos {text-align:left;}
.optionalBtn.centerPos {text-align:center;}
.optionalBtn.rightPos {text-align:right;}
.optionalBtn a{border:2px solid #00A5AA; color:#00A5AA; background:#fff; display: inline-block; padding:5px 10px;}
.optionalBtn a:hover{border-color:#00b3b7; background-color:#00b3b7; color:#fff; text-decoration:none;}

@media all and (min-width: 1025px) {
.contentPage{font-size:18px;}
}

@media all and (max-width: 1024px) {

	div.bottomBoxes, div.boxes, header .headerTop, #topNavigationMenu > div, footer .footerlinks ul, footer div.copyright span, div.socialicons div{width:100%;}

    .container{min-width:0; width:100%!important;}
	#s4-workspace{min-width:0!important;}
    /*Header Structure Start*/
    header .headerTop{height:173px; padding:35px 0 0 0;}
    header .headerTop .logo{padding-left:18px;}
    header .headerTop .caption{width:420px; height:auto; border-left:0; margin-left:0;}

	header .searchArea{float: left; height:45px; padding: 0px 20px 0px 20px; margin:25px auto 0 auto; display:inline-block;width: 100%;background-color: #3793c0;}
	header .searchArea .serArea{float:right; margin: 3px -2px 0 0;}
	header .searchArea .serArea input[type=text]{height:40px;}


	header .searchArea input[type=button], header .search input[type=submit]{height:40px; width:41px; margin:3px 23px 0 0; background: url('../images/search-mobile.png') no-repeat scroll 8px 7px #004e77; float:right; display:block; position:relative; cursor:pointer; text-indent: -999999px;}


	.mobMenu, .homeIcon{width:48px; height:45px; border:none!important; border-left:1px solid #004E77!important; border-right:1px solid #004E77!important; background-color:#3793c0; background-repeat:no-repeat, repeat-y; cursor: pointer; text-indent: -999999px;}
	.mobMenu:hover, .homeIcon:hover{background-color:#004E77;}
	.mobMenu{background-image: url('../images/tab-nav.png'), url('../images/home-bg.png?v=1.1'); background-position:8px 12px, 0 0; display:block; float: right;}
	.homeIcon{background-image: url('../images/home-mobile.png'), url('../images/home-bg.png?v=1.1'); background-position:8px 8px, 0 0; float:left;}




	#topNavigationMenu {background: none; height: auto; border:none; clear:both; display: inline;}
	#topNavigationMenu > div{width:100%; padding:0 0; height:auto;}
    div.ms-core-listMenu-horizontalBox {display:none;text-align:right;}
	ul.root{position:relative; width:45%; right:0; margin:0px 0 0 auto; z-index:99999; border-top: 1px solid #004e77;text-align:left;}
    ul.root > li.static > a.static{background-image:none; display:none!important; background-color:#3787b4!important; width:100%!important; padding:7px 10px 5px 10px!important; box-sizing:border-box; height:38px;}
    ul.root > li.static > a.static:hover{background-image:none!important; background-color: #004e77 !important;}
    ul.root > li.static > a.static:before{background-position:0 3px;}
    ul.root li {display: block; float: none;}
    .root li a, .root li.static ul.static li.static > span.dynamic-children, .root li.static ul.static li.static > span.static{display: block !important; float: none!important; margin: 0 !important; border-bottom: 1px solid #004e77 !important; padding: 0px 10px 0px 25px !important;}
    .root > li > ul > li > a{background:#3793c0!important;}

	li.hover a.dynamic-children,
	.root li a:hover,
	.root li a.selected,
	.root li.static ul.static li.static > span.dynamic-children:hover,
	.root li.static ul.static li.hover > span.dynamic-children{border-bottom-width: 1px!important;}


	.root > li > ul > li > a > span{padding:9px 0 4px 0; display:inline-block; border-bottom:4px solid transparent;}
	.root > li > ul > li > a:hover > span, .root > li > ul > li > a.selected > span{border-bottom:4px solid #004e77;}
	.ms-core-listMenu-horizontalBox .dynamic-children.additional-background{padding-right:0!important;}
	.ms-core-listMenu-horizontalBox .dynamic-children.additional-background > span{margin-right:0;}
	.ms-core-listMenu-horizontalBox{height:auto!important; width:100%;}
	.root ul.static {display: block; float: none;}
    .root ul.static ul.dynamic {width: 100% !important; border: none !important; position: relative !important; left: 0 !important; top: 0 !important; box-shadow: none !important; padding: 0 !important; margin:0;}
    .root ul.static ul.dynamic li.dynamic {list-style: none; width: 100%; border-bottom: 1px solid #3787b4;}
    .root ul.static ul.dynamic li.dynamic a {margin: 0 !important; border-bottom: 1px solid #00365d !important; width: 100%; padding:9px 30px 8px 60px!important; box-sizing:border-box;}
    .root ul.static ul.dynamic li.dynamic a:hover {}
    .ms-core-listMenu-horizontalBox .dynamic-children.additional-background, .ms-core-listMenu-horizontalBox .dynamic-children.additional-background:hover{background:none!Important;}
    /*Header Structure End*/

    /*Main Container*/

    .contentPage{width:100%; padding:35px 20px; min-height:0;}
    .contentPage ul.generalListing li label{max-width:none; width:20%; margin-right:0; padding-right:10px;}
    .contentPage ul.generalListing li div{width:80%;}
    .contentPage .calendarEvents{margin-bottom:20px;}
    .contentPage .calendarEvents .calendar{width:35%; margin:0 2% 20px 0;}
    .contentPage .calendarEvents .content{width:63%;}


    .peoplePage ul.peopleListing{}
    .peoplePage ul.peopleListing li{margin:0 0 10px 0; padding:15px 0; height:auto; width:100%;}
	.peoplePage ul.peopleListing li{background-image:/*url("../images/tab-grey-arrow.png"), */url("../images/people-bg.png");  background-position:/*right 40px center, */right top; background-repeat:/*no-repeat, */repeat-y;}
    .peoplePage ul.peopleListing li:nth-child(2n+2){background-image:/*url("../images/tab-grey-arrow.png"), */url("../images/people-bg2.png");}
	/*.peoplePage ul.peopleInternal li{background-image:url("../images/people-bg.png"); background-position:right top; background-repeat:repeat-y;}*/
	.peoplePage ul.peopleListing img, .peoplePage ul.peopleListing span{height:auto;}

	.peoplePage ul.peopleListing img{height:auto; width:110px!important; float:left;}
    .peoplePage ul.peopleListing li > span{width:100%; float:none; display:block; padding:0 /*97px*/20px 0 130px;}
    .peoplePage ul.peopleListing span a{word-break:break-all; display:block;}
    .peoplePage ul.peopleInternal span .height85{height:auto;}
	.peoplePage ul.peopleInternal li{padding-left:10px;}
	.peoplePage ul.peopleListing > li > span > a{color:#00797c;}
	.peoplePage ul.peopleListing > li > span > a:hover{color:#00b3b7;}
	.peoplePage ul.peopleInternal .linkBar a{padding:0 10px 0 0; margin-right:10px;}


    .researchPage ul.landingListing li{width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -icab-border-radius: 5px; border-bottom-left-radius:0;}
    .researchPage ul.landingListing img, .researchPage ul.landingListing span{height:auto;}
		.researchPage ul.landingListing span, .researchPage ul.landingListing > li > a{display:table-cell; float:none; vertical-align: top;}
		.researchPage ul.landingListing > li > a{width:175px; max-width:175px; overflow: hidden;}
		.researchPage ul.landingListing img{width:auto; height:100%; margin-right:0; border-top-right-radius:0; border-bottom-right-radius:0;}
    .researchPage ul.landingListing span{width:75%; padding:10px 15px; border-top-left-radius:0; border-bottom-left-radius:0;}

    .publicationPage{}
    .publicationPage ul.publicationListing{}
    .publicationPage ul.publicationListing li{position:relative; margin-bottom:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -icab-border-radius: 5px; border-bottom-left-radius:0;}
    .publicationPage ul.publicationListing li img, .publicationPage ul.publicationListing li > span{height:auto; min-height:100px;}
		.publicationPage ul.publicationListing li > a{position:absolute; height:100%; width:130px; overflow: hidden;}
		.publicationPage ul.publicationListing li img{height:100%; margin-right:0; width:auto; border-top-right-radius:0!important; border-bottom-right-radius:0!important;}
    .publicationPage ul.publicationListing li > span{width:100%; padding:10px /*78px*/20px 10px 140px; float:none; display:block; border-top-left-radius:0; border-bottom-left-radius:0; background-image:/*url("../images/tab-grey-arrow.png"), */url("../images/researchBgListing.png");  background-position:/*right 35px center, */left top; background-repeat:/*no-repeat, */repeat-y;}
		.publicationPage ul.publicationListing li:nth-child(2n+2) > span{background-image:/*url("../images/tab-grey-arrow.png"), */url("../images/researchBgListing2.png");}
    .publicationPage ul.publicationListing li > span b{margin-bottom:10px;}
    .publicationPage ul.publicationListing li > span span.text{width:100%; max-height:105px; display:block; overflow:hidden;}
		.publicationPage ul.publicationListing li > span span.text a{max-height:46px; overflow:hidden;}
		.publicationPage ul.publicationListing li > span span.text span{display:block; max-height:40px; overflow:hidden;}
    .publicationPage ul.publicationListing li > span span.icons{float:left; margin-top:20px; text-align:left; display:none;}

	.publicationPage .loadingPanel{max-width:593px;}

    .facilitiesPage ul.facilitiesListing li{margin:0 3% 3% 0; width:48.5%;}
    .facilitiesPage ul.facilitiesListing img, .facilitiesPage ul.facilitiesListing a.explore{width:100%; height:auto;}
    .facilitiesPage ul.facilitiesListing span{width:100%; height:auto; padding:10px;}


	.facilitiesPage ul.facilitiesInternal li{margin:0 0 10px 0; width:100%;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet{width:29.2%; margin-right:0.8%;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet a{height:135px; margin-bottom:3px;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet img{min-height:100%; height:auto;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet span{height:66px; padding:10px 0 0 10px; font-style:normal;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet span b.desk,
	.facilitiesPage ul.facilitiesInternal li span.imageDet span br{display:none;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet span b.mob{display:inline;}
	.facilitiesPage ul.facilitiesInternal li span.desc{width:70%; height:204px;}
    .facilitiesPage ul.facilitiesInternal li:nth-child(2n+2) span.desc{background-image:url("../images/researchBgListing2.png");}

    /*Main Container*/

    /*Boxes*/
    div.boxesMain{padding-bottom:25px;}
    div.boxes div.boxInside{width:100%; margin:0 0 0 0; min-height:0; padding:20px 60px 30px 60px; border-bottom:1px solid #3793C0;}

    div.boxes div.boxInside:nth-child(2), div.boxes .ms-webpart-zone.ms-fullWidth:nth-child(2) div.boxInside{background:#00365d;}


    div.boxes div.boxInside h2 {display:none;}

	div.boxes div.boxInside span.listItem{/*background:url(../images/boxarrowtab.png) no-repeat right 0px center;*/ margin:0;}
	div.boxes div.boxInside span b.image, div.boxes div.boxInside span b.bgDate{min-width:0; max-width:75px; height:75px; width:30%;}
	div.boxes div.boxInside span p{font-size:20px; width:100%; min-width:70%; min-height:38px; display:block; padding-left:95px;}
	div.boxes div.boxInside span p a{/*padding-right:50px;*/}
	div.boxes div.boxInside span b.image{/*padding-top:4px;*/}
	div.boxes div.boxInside span b.image img{width:75px; height:75px;}
	div.boxes div.boxInside span b.bgDate{font-size:29px; padding-top:4px; background-position:0 -18px;}
	div.boxes div.boxInside span b.bgDate b{font-size:18px;}

    div.boxes div.boxInside span p b.heading{font-weight:normal; display:block; width:70%; text-transform:uppercase; font-size:22px; border-bottom:1px solid #ebdfbb; padding-bottom:4px; font-weight:normal; margin:0 0 9px 0; margin-top:0;}
	/*Boxes*/

    /*Mission*/
    div.missionMain{padding:0 0 37px 0;}
	div.missionMain > div:nth-child(2){border-top:none;}
    div.missionMain div.missionImg, div.missionMain div.missionContent{width:100%; height:auto;}
    div.missionMain div.missionImg img{float:left; width:100%;}
    div.missionMain div.missionContent div,
	div.missionMain div.missionContent:first-child div{width:auto; padding:25px 60px 25px 60px;}
    div.missionMain div.missionContent div h2{margin:0 0 25px 0;}
    /*Mission*/

    /*Bottom Boxes*/
    div.bottomBoxesMain{padding:30px 0;}
    div.bottomBoxes div{width:100%; min-height:0; margin:0; border:none; border-top:1px solid #a7a7a7; padding-bottom:20px;}
    div.bottomBoxes div:nth-child(2){background:#efefef}
    div.bottomBoxes div h2{margin:0 0 8px 0;}
    div.bottomBoxes div h2 strong{padding:10px 20px 0 60px; min-width:0;}
    div.bottomBoxes div > span{display:block; padding:0 150px;}
    div.bottomBoxes div span.listItem{/*background:url(../images/boxarrow.png) no-repeat right 0px center;*/ margin:0 0 0 0; padding:10px 0 10px 0; border-top:1px solid #c5c5c5; font-size:20px;}
    /*Bottom Boxes*/

    /*Footer Structure Start*/
	 footer div.copyright{height:auto;}
    footer div.copyright span{text-align:center; padding:12px 0 8px 0; max-width:400px;}
    footer div.copyright span b{line-height:31px;}

    div.footerlinks ul li{width:100%; margin-right:0; margin-bottom:15px;}
    div.footerlinks ul li:last-child{margin-bottom:0;}

    div.socialicons div{text-align:right; padding-bottom:10px;}
    div.socialicons div a{display:inline-block; text-decoration:none; margin-left:8px;}
    div.socialicons div i{display:table-cell; vertical-align:middle; font-size:20px; color:#fff; background:#888888; border-radius:50px; width:32px; height:32px; text-align:center; font-weight:normal;}
    /*Footer Structure End*/

	.pubKeywords{display:none;}
}

@media all and (max-width: 767px) {


    /*Header Structure Start*/
    header .headerTop{padding-top:15px; height:144px;}
	header .headerTop .logo .mob{display:block;}
	header .headerTop .logo .desk{display:none;}
	header .headerTop .caption{padding-top:0; padding-left:23px; width:228px; color:#80715d; line-height:22px; font-size:20px; font-family: 'rotissemisansbold_65'; margin-top:-3px;}
	header .headerTop .caption::before {content: "KAUST"; font-size:24px; display:block; margin-bottom:6px; font-family:'RotisSemiSansStd55Regular';}
	header .searchArea{margin-top:15px; padding: 0;}
	header .searchArea .serArea{margin-top:4px;}
	header .searchArea .serArea input[type=text]{height:37px;}
	header .searchArea input[type=button], header .search input[type=submit]{height:37px; width:37px; background-position:6px 5px; margin:4px 15px 0 0;}


	.mobMenu, .homeIcon{width:48px; height:45px; border:none!important; border-left:1px solid #004E77!important; border-right:1px solid #004E77!important; background-color:#3793c0; background-repeat:no-repeat, repeat-y; cursor: pointer; text-indent: -999999px;}
	.mobMenu:hover, .homeIcon:hover{background-color:#004E77;}
	.mobMenu{background-image: url('../images/tab-nav.png'), url('../images/home-bg.png?v=1.1'); background-position:8px 12px, 0 0; display:block; float: right;}
	.homeIcon{background-image: url('../images/home-mobile.png'), url('../images/home-bg.png?v=1.1'); background-position:8px 8px, 0 0; float:left;}
    ul.root{width:100%; right:auto;}
	/*Header Structure End*/

    /*Main Container*/
    .contentPage ul.generalListing li div, .contentPage ul.generalListing li label{width:100%; max-width:none; display:block; margin:0; padding-right:0;}
    .contentPage ul.generalListing li label{margin:0 0 10px 0;}
    .contentPage ul.generalListing li label img{float:none;}
    .contentPage ul.generalListing li p{margin:0;}

    .contentPage .calendarEvents{margin-bottom:20px;}
    .contentPage .calendarEvents .calendar{width:100%; margin:0 0 20px 0;}
    .contentPage .calendarEvents .content{width:100%;}

	.publicationPage ul.publicationListing li{margin-bottom:20px;}
	.publicationPage ul.publicationListing li > span{float:none; display:block; padding:10px 15px; background-image:/*url("../images/mob-grey-arrow.png"), */url("../images/researchBgListing.png")!important; background-position:/*right 6px center, */left top;}
	.publicationPage ul.publicationListing li > a{width:auto; display: block; float:none; height: auto; position:static;}
	.publicationPage ul.publicationListing li > a img{width:100%; height: auto; border-radius:0;}
	.publicationPage ul.publicationListing li > span span.text a{height:45px; overflow:hidden;}
	.publicationPage ul.publicationListing li > span span.text,
	.publicationPage ul.publicationListing li > span span.text a,
	.publicationPage ul.publicationListing li > span span.text span{max-height:none;}

	.publicationPage .loadingPanel{text-align: left; max-width:none;}
	
	.peoplePage ul.peopleListing li{background-image:/*url("../images/mob-grey-arrow.png"), */url("../images/people-bg.png");  background-position:/*right 30px center, */right top; background-repeat:/*no-repeat, */repeat-y;}
    .peoplePage ul.peopleListing li:nth-child(2n+2){background-image:/*url("../images/mob-grey-arrow.png"), */url("../images/people-bg2.png");}
	/*.peoplePage ul.peopleInternal li{background-image:url("../images/people-bg.png"); background-position:right top; background-repeat:repeat-y;}*/
	.peoplePage ul.peopleListing img{width:100px!important;}
    .peoplePage ul.peopleListing li > span{padding:0 /*73px*/10px 0 115px;}
	.peoplePage .heading2{margin-bottom:10px;}
	.peoplePage ul.peopleInternal span{font-size:16px;}
	.peoplePage ul.peopleInternal span b{font-size:18px;}
	.peoplePage ul.peopleInternal .linkBar a{padding:0; margin-right:0; border:none; display:inline-block; clear:both; margin-bottom:3px;}


	 .researchPage ul.landingListing li{margin-bottom:20px;}
	.researchPage ul.landingListing span, .researchPage ul.landingListing > li > a{display:block;}
	.researchPage ul.landingListing > li > a{width:100%; max-width:none; overflow:visible;}
	.researchPage ul.landingListing img{width:100%; height:auto; margin-right:0; border-radius:0; float:none; display:block;}
	.researchPage ul.landingListing span{width:100%; padding:10px 15px;}


	.facilitiesPage ul.facilitiesListing li{margin:0 0 3% 0; width:100%;}
    .facilitiesPage ul.facilitiesListing img{width:100%; height:auto;}
    .facilitiesPage ul.facilitiesListing span{width:100%; height:auto; padding:20px /*25px*/15px 20px 15px; background:/*url("../images/boxarrow2.png"), */url("../images/people-bg.png"); background-repeat:/*no-repeat, */repeat-y; background-position:/*right 10px center, */right top; background-color:#fff;}


	.facilitiesPage ul.facilitiesInternal li{margin:0 0 10px 0;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet{width:100%; margin-right:0;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet a{height:auto; margin-bottom:0;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet img{min-height:100%; height:auto;}
	.facilitiesPage ul.facilitiesInternal li span.imageDet span{height:40px; padding:10px 0 0 5px;}
	.facilitiesPage ul.facilitiesInternal li span.desc{width:100%; height:auto; margin-top:7px; padding:10px;}
	.facilitiesPage ul.facilitiesInternal li span.desc div{height:auto;}


	.filterSearch li label, .filterSearch li{margin-right:0; padding-right:0!important; width:100%;}
	.filterSearch li label, .filterSearch li label{font-size:18px; display:block; margin-bottom:5px;}
	.filterSearch li label, .filterSearch li > div{width:100%!important;}
	.filterSearch li .pubSearchBox {width:74%; float:none; display:table-cell;}
	.filterSearch li input[type=submit], .filterSearch li input[type=button]{float:none; display:table-cell; width:20%;}

    /*Main Container*/

    /*Boxes*/
	div.boxes div.boxInside span b.image, div.boxes div.boxInside span b.bgDate{margin-right:0;}
	div.boxes div.boxInside span.listItem{/*background-image:url(../images/boxarrow.png);*/}
    div.boxes div.boxInside{padding:10px 20px 15px 20px;}
	div.boxes div.boxInside h2 {/* font-size: 16px; */ margin: 5px 0px 0 0px;}
    div.boxes div.boxInside span p{/*padding-right:50px;*/font-size:18px; padding-left:85px;}
	div.boxes div.boxInside span p a{padding-right:0;}
	div.boxes div.boxInside span p b.heading{width:100%; font-size:20px;}
    /*Boxes*/

    /*Mission*/
    div.missionMain{padding:0 0 20px 0;}
    div.missionMain div.missionContent:first-child div,
	div.missionMain div.missionContent div{width:auto; padding:20px 20px 25px 20px; font-size:16px;}

    div.missionMain div.missionContent div h2{margin:0 0 10px 0;}
    /*Mission*/

     /*Bottom Boxes*/
    div.bottomBoxesMain{padding:20px 0;}
    div.bottomBoxes div{}
    div.bottomBoxes div h2{margin:0 0 8px 0;}
    div.bottomBoxes div h2 strong{padding:10px 20px 0 60px; min-width:0;}
    div.bottomBoxes div > span{display:block; padding:0 20px;}
    div.bottomBoxes div span.listItem{font-size:18px;}
    /*Bottom Boxes*/


     /*Footer Structure Start*/
    div.footerlinks ul li h3{font-size:17px;}
    div.footerlinks ul li a{font-size:15px;}
    footer div.copyright span{font-size: 14px;}
    div.socialicons div{text-align:center;}
    /*Footer Structure End*/
}


@media all and (max-width: 480px) {
.facilitiesPage ul.facilitiesInternal li{margin:0 0 10px 0; width:auto;}
.facilitiesPage ul.facilitiesInternal img{width:100%; margin-right:0;}
.facilitiesPage ul.facilitiesInternal span{width:100%;}
.publicationPage ul.publicationListing li > span span.icons .link, .publicationPage ul.publicationListing li > span span.icons .pdf{clear:both; float:left; display:block;}
}

@media all and (min-width: 1025px)
{
    .facilitiesPage ul.facilitiesListing img{-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;}
}





div.boxesMain div.boxes .ms-webpart-zone.ms-fullWidth {width:auto; float:left;}
@media all and (max-width: 1024px) {
div.boxesMain div.boxes .ms-webpart-zone.ms-fullWidth {width:100%}
 }


.showhide .color1, .simplecolorpicker .color1{background-color:#004e77;}
.showhide .color2, .simplecolorpicker .color2{background-color:#3e425a;}
.showhide .color3, .simplecolorpicker .color3{background-color:#840d17;}
.showhide .color4, .simplecolorpicker .color4{background-color:#07838e;}
.showhide .color5, .simplecolorpicker .color5{background-color:#073c8e;}
.showhide .color6, .simplecolorpicker .color6{background-color:#f3901d;}
.showhide .color7, .simplecolorpicker .color7{background-color:#00b1b0;}
.showhide .color8, .simplecolorpicker .color8{background-color:#9c6fae;}
.showhide .color9, .simplecolorpicker .color9{background-color:#5284c4;}

.showhide ul.listing > li > h2.heading2.color1{color:#004e77!important;}
.showhide ul.listing > li > h2.heading2.color2{color:#3e425a!important;}
.showhide ul.listing > li > h2.heading2.color3{color:#840d17!important;}
.showhide ul.listing > li > h2.heading2.color4{color:#07838e!important;}
.showhide ul.listing > li > h2.heading2.color5{color:#073c8e!important;}
.showhide ul.listing > li > h2.heading2.color6{color:#f3901d!important;}
.showhide ul.listing > li > h2.heading2.color7{color:#00b1b0!important;}
.showhide ul.listing > li > h2.heading2.color8{color:#9c6fae!important;}
.showhide ul.listing > li > h2.heading2.color9{color:#5284c4!important;}



.homeFullWidth{background:#cecece; padding:0 0 15px 0;}
.homeFullWidth .inside{width:1142px; margin:0 auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.homeFullWidth .inside .leftPanel{width:752px; float:left;}
.homeFullWidth .inside .rightPanel{width:364px; float:right;}

.newsSection{margin-bottom:8px;}
.newsSection:last-child{margin-bottom:0;}
.newsSection > a {text-decoration:none;}
.newsSection h1.heading{height:50px; background:#ae2611; color:#fff; font-size:24px; padding:11px 20px 0 20px; margin:0 0 8px 0; font-family: 'rotissemisansbold_65'; box-sizing:border-box;}
.newsSection .details{background:#fff;}
.newsSection .details > h2{height:50px; overflow:hidden; line-height:33px; background:#efecea; border-top:1px solid #a3a3a3; margin:0; color:#033232; font-size:24px; padding:9px 20px 0 20px; font-family: 'rotissemisansbold_65'; box-sizing:border-box; font-variant: small-caps;}
.newsSection .details span.text h2{display:none;}
.newsSection .details > div{padding-bottom:17px;}
.newsSection .details > div span.image{float:left; width:363px;}
.newsSection .details > div span.image img{float:left; width:363px; height:244px;}
.newsSection .details > div span.text{float:left; width:387px; padding:16px 20px 0 20px; box-sizing:border-box;}
.newsSection .details > div span.text span{display:Block; margin:0 0 10px 0; font-size:18px; height:177px; overflow:hidden;}
@-moz-document url-prefix() { 
	.newsSection .details > div span.text span{
	  height:183px;
	}
}
.newsSection .details > div span.text .btn{float:right; font-size:21px; color:#fff; font-family:'rotissemisansbold_65'; height:42px; width:116px; text-align:center; background:#b7b7b7; border-radius:5px; padding-top:8px; box-sizing:border-box;}
.newsSection .details > div span.text .btn:hover{background:#00b1b0; text-decoration:none;}
.newsSection .details > div span.text span .btn{display:none;}
.newsSection .details > div span.fullWidth{width:100%;}
.newsSection .details > div.right{}
.newsSection .details > div.right span.image{float:right;}
.newsSection .details > div.right span.text{float:right;}
.newsSection .details > div.right span.text .btn{float:left;}


.newsBoxes.vertical{list-style:none; margin:0; padding:0;}
.newsBoxes.vertical li{margin-bottom:8px;}
.newsBoxes.vertical li:last-child{margin-bottom:0;}
.newsBoxes.vertical li a{display:block; height:166px; position:relative; overflow:hidden;}
.newsBoxes.vertical li a img{min-height:100%; min-width:100%; height:auto; width:auto; position:absolute; top:0; left:0; z-index:99;}
.newsBoxes.vertical li a img.hover{opacity:0; -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;  z-index:99;}
.newsBoxes.vertical li a:hover .hover{opacity:1;}
.newsBoxes.vertical li a strong{position:absolute; width:100%; height:100%; display:table; left:0; top:0; -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; z-index:98;}
.newsBoxes.vertical li a:hover strong{opacity:0.15;}
.newsBoxes.vertical li a span{position:absolute; width:100%; height:100%; display:table; left:0; top:0; z-index:100; padding:20px; box-sizing:border-box;}
.newsBoxes.vertical li a span label{display:table-cell; text-align:center; vertical-align:middle; line-height:50px; font-size:28px; color:#fff; font-family:'rotissemisansbold_65'; cursor:pointer;}


.newsBoxes.horizontal{list-style:none; margin:0; padding:0;}
.newsBoxes.horizontal li{margin-right:9px; float:left; width:372px; margin-bottom: 8px;}
.newsBoxes.horizontal li:nth-child(3n+3){margin-left:16px; margin-right:0; width:364px;}
.newsBoxes.horizontal li.clear{margin:0; padding:0; width:auto; float:none;}
.newsBoxes.horizontal li a{display:block; height:270px; position:relative; overflow:hidden;}
.newsBoxes.horizontal li a img{min-height:100%; min-width:100%; height:auto; width:auto; position:absolute; top:0; left:0;  z-index:99;}
.newsBoxes.horizontal li a img.hover{opacity:0; -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; z-index:99;}
.newsBoxes.horizontal li a:hover .hover{opacity:1;}
.newsBoxes.horizontal li a strong{position:absolute; width:100%; height:100%; display:table; left:0; top:0; -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;  z-index:98;}
.newsBoxes.horizontal li a:hover strong{opacity:0.15;}
.newsBoxes.horizontal li a span{position:absolute; width:100%; height:100%; display:table; left:0; top:0; z-index:100; padding:20px; box-sizing:border-box;}
.newsBoxes.horizontal li a span label{display:table-cell; text-align:center; vertical-align:middle; line-height:50px; font-size:28px; color:#fff; font-family:'rotissemisansbold_65'; cursor:pointer;}

@media all and (max-width: 1024px) {
	.homeFullWidth{padding:0;}
	.NewsMobilePad{height:10px;}
	.homeFullWidth .inside, .homeFullWidth .inside .leftPanel, .homeFullWidth .inside .rightPanel{width:100%;}
	.homeFullWidth .inside .leftPanel{background:#fff;}
	.homeFullWidth .inside .rightPanel{padding-top:30px;}
	.newsSection h1.heading{margin:0 0 1px 0;}
	.newsSection .details:after{content:""; display:block; height:1px; background:#efece9; margin:15px auto 20px auto;}
	.newsSection .details{padding:0 10px;}
	.newsSection .details > h2{display:none;}
	.newsSection .details span.text h2{display:block; margin:0 0 10px 0; color:#444; font-size:24px; font-family: 'rotissemisansbold_65'; font-variant: small-caps;}
	.newsSection .details > div span.text{float:none!important; display:block; width:auto; padding:10px 0 0 0;}
	.newsSection .details > div span.text span{font-size:21px; height:auto; display:inline;}
	.newsSection .details > div span.text .btn{display:none;}
	.newsSection .details > div span.text span .btn, .newsSection .details > div span.text span .btn:hover{display:inline; background:none; color:#00b1b0; font-size:21px; padding:0; margin:0; height:auto; float:none!important; font-family:'RotisSemiSansStd55Regular';}
	
	.newsSection .details > div span.image{margin-right:24px;}
	.newsSection .details > div.right span.image{margin-left:24px; margin-right:0;}
	
	.newsBoxes.vertical{}
	.newsBoxes.vertical li, .newsBoxes.vertical li:last-child{margin-bottom:0; padding-bottom:30px;}
	.newsBoxes.vertical li a{width:365px!important; height:190px!important; margin:0 auto;}
	
	.newsBoxes.horizontal li, .newsBoxes.horizontal li:nth-child(3n+3){float:none; padding:0 0 30px 0; margin:0!important; width:Auto;}
	.newsBoxes.horizontal li a{width:365px!important; height:190px!important; margin:0 auto;}
	.newsBoxes.horizontal li.clear{display:none;}
}
@media all and (max-width: 767px) {
	.NewsMobilePad{height:15px;}
	.newsSection .details > div span.image, .newsSection .details > div.right span.image{width:100%; margin:0; float:none; display:block; height:215px; overflow:hidden;}
	.newsSection .details > div span.image img{width:100%; height:auto; float:none; display:block;}
	.newsSection .details{padding:0;}
	.newsSection .details > div span.text{padding:25px;}
	.newsSection .details span.text h2{margin:0 0 10px 0; font-size:21px;}
	.newsSection .details > div span.text span{font-size:18px; margin-bottom:0;}
	.newsSection .details > div {padding-bottom:0;}
	.newsSection .details:after{margin-top:0; width:calc(100% - 50px);}
	.newsSection .details > div span.text span .btn{font-size:18px;}
	.newsSection h1.heading{margin:0;}
	.homeFullWidth .inside .rightPanel {padding-top: 30px;}
	.newsBoxes.vertical li, .newsBoxes.vertical li:last-child{}
	.newsBoxes.vertical li a{max-width:365px; width:100%!important; height:167px!important;}
	
	.newsBoxes.horizontal li, .newsBoxes.horizontal li:nth-child(3n+3){}
	.newsBoxes.horizontal li a{max-width:365px; width:100%!important;}
	
}
/*Theme 1
.color1{background-color:#;}
.color2{background-color:#;}
.color3{background-color:#;}
.color4{background-color:#;}
.color5{background-color:#;}
*/

.newsLandingPage .layouts{}
.newsLandingPage .layouts > div{padding-bottom:50px; background:url(../images/news-layout-divider.png) no-repeat center bottom; margin-bottom:20px;}
.newsLandingPage .layouts > div .image{margin-bottom:20px;}
.newsLandingPage .layouts > div .image img{width:100%; height:auto;}
.newsLandingPage .layouts > div .content{}
.newsLandingPage .layouts > div .content h1, .newsLandingPage .layouts > div .content h1 a{font-size:28px; color:#444444; font-family: 'rotissemisansbold_65'; margin:0 0 10px 0;}
.newsLandingPage .layouts > div .content h1 a:hover{text-decoration:none; color:#07adb6;}
.newsLandingPage .layouts > div .content b{font-size:16px; color:#999999; font-weight:normal; display:block; margin-bottom:14px;}
.newsLandingPage .layouts > div .content span.hashtag{}
.newsLandingPage .layouts > div .content span.hashtag a{display:inline-block; background:#f2f1f0; font-size:16px; color:#888888; border-radius:5px; padding:5px 10px; margin-bottom:5px;}

.newsLandingPage .layouts .layout2{}
.newsLandingPage .layouts > div.layout2 .image{margin-bottom:0; display:inline-block; width:280px; padding-right:14px; vertical-align:top;}
.newsLandingPage .layouts > div.layout2 .content{display:inline-block; width:658px; vertical-align:top;}
.newsLandingPage .layouts > div.layout2 .content h1, .newsLandingPage .layouts > div.layout2 .content h1 a{margin-top:-7px;}

.newsLandingPage .filterPanel{}
.newsLandingPage .filterPanel .topSearch{margin-bottom:30px;}
.newsLandingPage .filterPanel .topSearch span{float:left; margin-right:39.5px;}
.newsLandingPage .filterPanel .topSearch span:nth-last-child(2){margin-right:0; float:right;}
.newsLandingPage .filterPanel .topSearch span input[type=text], .newsLandingPage .filterPanel .topSearch span select{border:1px solid #cecece; height:31px; float:left; box-sizing:border-box; padding:0 10px;}
.newsLandingPage .filterPanel .topSearch span input[type=text]{width:408px; border-right:0;}
.newsLandingPage .filterPanel .topSearch span input[type=button], .newsLandingPage .filterPanel .topSearch span input[type=submit]{background:#006f7b; color:#fff; height:31px; width:100px; border:none; float:left; font-size:18px; font-weight:normal; font-family:'RotisSemiSansStd55Regular';margin:0;min-width:100px;padding:5px 10px;}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    .newsLandingPage .filterPanel .topSearch span input[type=button], .newsLandingPage .filterPanel .topSearch span input[type=submit]{
        line-height:28px;
    }
}}
@-moz-document url-prefix() { 
  .newsLandingPage .filterPanel .topSearch span input[type=button], .newsLandingPage .filterPanel .topSearch span input[type=submit]{
        line-height:20px;
    }
}
.newsLandingPage .filterPanel .topSearch span select{width:118px; position:relative; appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius: 0; -webkit-border-radius: 0; background: transparent; border:none;}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
select::-ms-value {background: none; color:#5a5a5a;}
.newsLandingPage .filterPanel .topSearch span:nth-child(2) select{width:113px;}
.newsLandingPage .filterPanel .topSearch span:nth-last-child(2) select{width:123px;}
.newsLandingPage .filterPanel .topSearch span select::-ms-expand {display: none;}
.newsLandingPage .filterPanel .topSearch span label{float:left; padding:3px 20px 0 0;}
.newsLandingPage .filterPanel .topSearch span b{float:left; position:relative; background:url(../images/news-dropdown.png) no-repeat right top; border:1px solid #cecece;}

.newsLandingPage .filterPanel .filter span.filterBtn{width:127px; height:60px; color:#fff; display:block; font-size:24px; padding:16px 0 0 30px; margin-bottom:30px; box-sizing:border-box; background:url(../images/filter-arrow.png) no-repeat right 13px top -28px #006f7b; cursor:pointer;}
.newsLandingPage .filterPanel .filter span.filterBtn.active{background-position:right 13px top 20px;}
.newsLandingPage .filterPanel .filter .radioBtn{margin-bottom:55px; display:none; padding-left:9px;}
.newsLandingPage .filterPanel .filter .radioBtn > div{display:inline-block; padding-right:15px; vertical-align:top; max-width:150px;}
.newsLandingPage .filterPanel .filter .radioBtn > div span{display:flex; margin-bottom:15px; font-family:'rotissemisansbold_65'; font-weight:normal;}
.newsLandingPage .filterPanel .filter .radioBtn > div span input{margin-right:10px; min-width:13px;}
.newsLandingPage .filterPanel .filter .radioBtn > div span b{display:block;font-weight:normal;}
.newsLandingPage .filterPanel .filter .radioBtn > div span.disabled{color:#bdbdbd;}
.newsLandingPage .filterPanel .filter .radioBtn > div.btn{display:block; margin-left:-9px;}
.newsLandingPage .filterPanel .filter .radioBtn > div.btn a{display:inline-block; background:#006f7b; color:#fff; padding:5px 10px;text-decoration: none;}

@media all and (max-width: 1024px) {
	
	.newsLandingPage .filterPanel .topSearch {margin-bottom: 22px;}
	.newsLandingPage .filterPanel .topSearch span{margin-right:50px;}
	.newsLandingPage .filterPanel .topSearch span:first-child{width:100%; margin-right:0; margin-bottom:20px;}
	.newsLandingPage .filterPanel .topSearch span:nth-last-child(2){margin-right:0; float:left;}
	.newsLandingPage .filterPanel .topSearch span label{font-size:21px;}
	.newsLandingPage .filterPanel .topSearch span input[type=text]{width:387px; border-right:0; border-radius:0; -webkit-appearance:none;}
	.newsLandingPage .filterPanel .topSearch span input[type=button], .newsLandingPage .filterPanel .topSearch span input[type=submit]{border-radius:0; -webkit-appearance:none;}
	.newsLandingPage .filterPanel .filter .radioBtn{padding-left:0;}
	.newsLandingPage .filterPanel .filter .radioBtn > div{display:table-cell; max-width:none; padding:0;}
	.newsLandingPage .filterPanel .filter .radioBtn > div.btn{margin-left:0;}
	
	.newsLandingPage .layouts > div{padding-bottom:15px;}
	.newsLandingPage .layouts > div .image{}
	.newsLandingPage .layouts > div .image img{display:block;}
	.newsLandingPage .layouts > div .content p{font-size:18px;}
	
	.newsLandingPage .layouts > div.layout2 .image{margin-bottom:20px; float:left; width:280px; margin-right:20px; padding-right:0; vertical-align:top; }
	.newsLandingPage .layouts > div.layout2 .content{display:block; width:auto; vertical-align:top;}
	.newsLandingPage .layouts > div.layout2 .content h1, .newsLandingPage .layouts > div.layout2 .content h1 a{margin-top:0;}
	.newsLandingPage .layouts > div.layout2:after{content:""; display:block; clear:both;}
}

@media all and (max-width: 767px) {
	.newsLandingPage .filterPanel .topSearch{margin-bottom:6px;}
	.newsLandingPage .filterPanel .topSearch span input[type=text]{width:180px;}
	.newsLandingPage .filterPanel .topSearch span{width:100%; margin-right:0!important; margin-bottom:16px!important;}
	.newsLandingPage .filterPanel .filter span.filterBtn{width:117px; height:46px; padding: 9px 0 0 20px; background-position:right 13px top -36px;} 
	.newsLandingPage .filterPanel .filter span.filterBtn.active {background-position: right 13px top 13px;}
	
	.newsLandingPage .filterPanel .filter .radioBtn > div{display:inline-block; width:49%; padding:0; margin-bottom:20px;}
	.newsLandingPage .layouts > div.layout2 .image{display:block; margin-right:0; float:none; width:100%;}
	.newsLandingPage .layouts > div .content p{font-size:16px;}
}


.newsLandingPage .tabs{height:360px;margin-bottom:40px;}
.newsLandingPage .tabs div{overflow:hidden; position:relative;}
.newsLandingPage .tabs div a{display:block; height:100%;}
.newsLandingPage .tabs img{min-height:100%; min-width:100%; width:auto; height:auto; position:absolute;}
.newsLandingPage .tabs img.hover{opacity:0; -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.newsLandingPage .tabs a:hover .hover{opacity:1;}
.newsLandingPage .tabs span{position:absolute; width:100%; height:100%; display:table; left:0; top:0;}
.newsLandingPage .tabs span label{display:table-cell; text-align:center; vertical-align:middle; line-height:50px; font-size:28px; color:#fff; font-family:'rotissemisansbold_65'; cursor:pointer; text-transform:uppercase;}


.newsLandingPage .tabs.layout1 > div{height:360px;}

.newsLandingPage .tabs.layout2 > div{height:360px; width:calc(50% - 2.5px); float:left; margin-right:5px;}
.newsLandingPage .tabs.layout2 > div:last-child{margin-right:0;}

.newsLandingPage .tabs.layout3 > div{height:360px; width:calc(33.33% - 3.33px); float:left; margin-right:5px;}
.newsLandingPage .tabs.layout3 > div:last-child{margin-right:0;}


.newsLandingPage .tabs.layout4 > div{height:360px; width:364px; float:left; margin-right:5px;}
.newsLandingPage .tabs.layout4 > div:nth-last-child(2){margin-right:0; margin-bottom:5px; width:222px; height:177.5px;}
.newsLandingPage .tabs.layout4 > div:last-child{margin-right:0; width:220px; height:177.5px;}


.newsLandingPage .tabs.layout5 > div{height:360px; width:360px; float:left; margin-right:5px;}
.newsLandingPage .tabs.layout5 > div:nth-child(2){margin-right:5px; margin-bottom:5px; width:368px; height:177.5px;}
.newsLandingPage .tabs.layout5 > div:nth-child(3){margin-right:0; margin-bottom:5px; width:222px; height:177.5px;}
.newsLandingPage .tabs.layout5 > div:nth-child(4){margin-right:5px; margin-bottom:5px; width:368px; height:177.5px;}
.newsLandingPage .tabs.layout5 > div:last-child{margin-right:0; width:222px; height:177.5px;}

.newsLandingPage .tabs.layout6 > div{height:177.5px; margin-bottom:5px; width:calc(33.33% - 3.33px); float:left; margin-right:5px;}
.newsLandingPage .tabs.layout6 > div:nth-child(3n+3){margin-right:0;}

.newsLandingPage .tabs.layout7 > span{float:left; width:370px; position:static; height:360px;}
.newsLandingPage .tabs.layout7 div{height:360px; width:360px; float:left; margin-right:5px;}
.newsLandingPage .tabs.layout7 > span div{width:180px; height:177.5px; margin-bottom:5px;}
.newsLandingPage .tabs.layout7 > div:nth-child(3){width:225px; height:177.5px; margin-bottom:5px; margin-right:0;}
.newsLandingPage .tabs.layout7 > div:nth-child(4){width:225px; height:177.5px; margin-right:0px;}

@media all and (max-width: 1024px) {
	.newsLandingPage .tabs{height:auto; float:left; width:100%;}
	.newsLandingPage .tabs.layout1 > div{height:290px;}
	.newsLandingPage .tabs.layout2 > div{height:290px;}
	.newsLandingPage .tabs.layout3 > div{height:290px;}
	
	.newsLandingPage .tabs span label{font-size:23px;}
	
	.newsLandingPage .tabs.layout4 > div{height:290px; width:calc(39% - 3.33px);}
	.newsLandingPage .tabs.layout4 > div:nth-last-child(2){width:calc(22% - 3.33px); height:142.5px;}
	.newsLandingPage .tabs.layout4 > div:last-child{margin-right:0; width:calc(22% - 3.33px); height:142.5px;}
	
	.newsLandingPage .tabs.layout5 > div{height:290px; width:calc(39% - 3.33px); float:left; margin-right:5px;}
	.newsLandingPage .tabs.layout5 > div:nth-child(2){width:calc(39% - 3.33px); height:142.5px;}
	.newsLandingPage .tabs.layout5 > div:nth-child(3){width:calc(22% - 3.33px); height:142.5px;}
	.newsLandingPage .tabs.layout5 > div:nth-child(4){width:calc(39% - 3.33px); height:142.5px;}
	.newsLandingPage .tabs.layout5 > div:last-child{width:calc(22% - 3.33px); height:142.5px;}
	
	.newsLandingPage .tabs.layout6 > div{height:145px;}
	
	.newsLandingPage .tabs.layout7 > span{width:calc(38% - 3.33px); height:290px;}
	.newsLandingPage .tabs.layout7 > div{height:290px; width:calc(38% - 3.33px);}
	.newsLandingPage .tabs.layout7 > span div{width:calc(50% - 5px); height:142.5px;}
	.newsLandingPage .tabs.layout7 > div:nth-child(3){width:calc(24% - 3.33px); height:142.5px;}
	.newsLandingPage .tabs.layout7 > div:nth-child(4){width:calc(24% - 3.33px); height:142.5px;}
}

@media all and (max-width: 767px) {
	.newsLandingPage .tabs.layout1 > div{height:240px;}
	.newsLandingPage .tabs.layout2 > div{height:240px;}
	.newsLandingPage .tabs.layout3 > div{height:160px; width:calc(50% - 2.5px);}
	.newsLandingPage .tabs.layout3 > div:nth-last-child(2){margin-right:0;}
	.newsLandingPage .tabs.layout3 > div:last-child{width:100%; margin-top:5px;}
	
	.newsLandingPage .tabs.layout4 > div{height:160px!important; width:calc(50% - 2.5px)!important; margin-bottom:5px!important;}
	.newsLandingPage .tabs.layout4 > div:nth-child(2){margin-right:0;}
	.newsLandingPage .tabs.layout4 > div:nth-last-child(2){margin-right:5px;}
	
	.newsLandingPage .tabs.layout5 > div{height:160px!important; width:calc(50% - 2.5px)!important; margin-bottom:5px!important;}
	.newsLandingPage .tabs.layout5 > div:first-child{width:100%!important;}
	
	.newsLandingPage .tabs.layout6 > div{height:160px; width:calc(50% - 2.5px); margin-right:5px!important;}
	.newsLandingPage .tabs.layout6 > div:nth-child(2n+2){margin-right:0px!important;}
	
	.newsLandingPage .tabs span label{font-size:24px;}
	
	.newsLandingPage .tabs.layout7 > span{width:100%; height:auto;}
	.newsLandingPage .tabs.layout7 > span div{width:calc(50% - 2.5px);}
	.newsLandingPage .tabs.layout7 > span div:nth-child(2n+2){margin-right:0px;}
	.newsLandingPage .tabs.layout7 > span div:nth-child(2n+1){margin-right:5px;}
	.newsLandingPage .tabs.layout7 > div{height:160px; width:calc(50% - 2.5px)!important; margin-bottom:5px;}
	.newsLandingPage .tabs.layout7 > div:nth-child(2){width:100%!important; margin-right:0;}
	.newsLandingPage .tabs.layout7 > div:nth-child(3){margin-right:5px;}
	
}


.conferenceBanner{border-bottom:1px solid #333333;}
.conferenceBanner > div.content{background-position:center center; height:764px; background-size:cover;}
.conferenceBanner > div.content .box{position:relative; width:1142px; margin:0 auto; height:764px; box-sizing:border-box;}
.conferenceBanner > div.content .box > div{color:#fff; box-sizing:border-box;}
.conferenceBanner > div.content .box > div span{display:block;}
.conferenceBanner > div.content .box > div a{color:#fff;}
.conferenceBanner > div.content .box > div a:hover{text-decoration:none;}
.conferenceBanner > div.content .box > div h1,
.conferenceBanner > div.content .box > div h2,
.conferenceBanner > div.content .box > div h3{margin:0 0 20px 0; font-family:'rotissemisansbold_65';}
.conferenceBanner > div.content .box > div h1{font-size:36px;}
.conferenceBanner > div.content .box > div p{margin:0; font-size:24px; font-family:'rotissemisansbold_65';}




.conferenceBanner.top > div.content .box > div{padding:50px 35px 50px 50px;}
.conferenceBanner.top > div.content .box > div span{max-height:500px; overflow:hidden;}

.conferenceBanner.bottom > div.content .box > div{position:absolute; left:0; bottom:0; width:100%; padding:50px 35px 50px 50px;}
.conferenceBanner.bottom > div.content .box > div span{max-height:500px; overflow:hidden;}

.conferenceBanner.left > div.content .box{padding-top:80px;}
.conferenceBanner.left > div.content .box > div{position:static; width:550px; margin:0; padding:50px 40px 50px 40px;}
.conferenceBanner.left > div.content .box > div span{max-height:440px; overflow:hidden;}

.conferenceBanner.right > div.content .box{padding-top:80px;}
.conferenceBanner.right > div.content .box > div{position:absolute; right:0; width:550px; margin:0; padding:50px 40px 50px 40px;}
.conferenceBanner.right > div.content .box > div span{max-height:440px; overflow:hidden;}

.conferenceBanner.bg > div.content .box > div{background:rgba(0,0,0,0.3);}

.conferenceBanner.fullbg > div.content{position:relative;}
.conferenceBanner.fullbg > div.content:before{content:""; background:rgba(0,0,0,0.3); position:absolute; width:100%; height:100%; top:0; left:0;}
.conferenceBanner.fullbg > div.content .box > div{margin:0; padding-left:0px; padding-right:0;  background:none;}

.conferenceBanner.nobg > div.content{}
.conferenceBanner.nobg > div.content .box{}
.conferenceBanner.nobg > div.content .box > div{margin:0; padding:100px 0px 50px 0px;  background:none;}

.conferenceBanner > div.btmbar{background-color:#3047cc; height:36px; position:relative;}
.conferenceBanner > div.btmbar:after{content:""; display:block; height:1px; width:100%; bottom:0; background:#fff; position:absolute; opacity:0.3;}



@media all and (max-width: 1024px) {
	
	.conferenceBanner > div.content{height:588px;}
	.conferenceBanner > div.content .box{width:auto; height:588px;}
	.conferenceBanner > div.content .box > div{padding:30px 40px 50px 40px!important; min-height:0;}
	.conferenceBanner > div.content .box > div span{max-height:380px!important;}
	
	.conferenceBanner.left > div.content .box{padding-top:0;}
	.conferenceBanner.left > div.content .box > div{width:auto; height:auto;}
	
	.conferenceBanner.right > div.content .box{padding-top:0;}
	.conferenceBanner.right > div.content .box > div{position:static; width:auto; height:auto;}
}

@media all and (max-width: 767px) {
	
	.conferenceBanner > div.content{height:660px;}
	.conferenceBanner > div.content .box{height:660px;}
	.conferenceBanner > div.content .box > div{padding:20px 20px 30px 20px!important;}
	
	.conferenceBanner > div.content .box > div span{max-height:460px!important;}
}