@font-face {font-family: "Myriad Pro Regular"; font-weight: normal; font-style: normal; src: local("Myriad Pro Regular"), url("../i/myriad-pro/MYRIADPRO-REGULAR.woff") format("woff");}
@font-face {font-family: "Myriad Pro Semibold"; font-weight: normal; font-style: normal; src: local("Myriad Pro Semibold"), url("../i/myriad-pro/MYRIADPRO-SEMIBOLD.woff") format("woff");}

* {margin: 0px; padding: 0px;}
html {background: #FFFFFF; height: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
body {font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; background: #FFFFFF; height: 100%; min-width: 340px; transition: font-size 0.3s;}
#outer {width: 100%; max-width: 940px; min-height: 100%; margin: 0px auto; position: relative;}
body.wide #outer {max-width: 100%; margin: 0px;}
div.fw {width: 100%; max-width: 940px; margin: 0px auto; position: relative;}

a {color: #60748A; text-decoration: underline; outline: none;}
a.pseudo {text-decoration: none; line-height: 13px; border-bottom: 1px dashed #60748A;}
a:hover {color: #58A0EC;}
img, iframe {border: none;}
.self {width: 100%; overflow: hidden;}
.red {color: #cc6666;}

#header {width: 100%; height: 190px; position: relative;}
body.wide #header {max-width: 940px; margin: 0px auto;}
#header .logo {width: 210px; height: 58px; position: absolute; left: 0px; top: 65px; transition: top 0.3s;}
#header .logo.i {left: 30px;}
#header .logo a {text-indent: -9000px; background: url(../i/logo.jpg) left top / 210px 58px no-repeat; display: block; width: 210px; height: 58px; overflow: hidden;}
#header .logo a.l1 {background: url(../i/logo-1.jpg) left top / 210px 58px no-repeat;}
#header .logo a.l2 {background: url(../i/logo-2.jpg) left top / 210px 58px no-repeat;}
#header .logo a.l3 {background: url(../i/logo-3.jpg) left top / 210px 58px no-repeat;}
#header .back {width: 19px; height: 34px; position: absolute; left: 0; top: 77px; transition: top 0.3s;}
#header .back a {text-indent: -9000px; background: url(../i/back-1.gif) left top / 19px 68px no-repeat; display: block; width: 19px; height: 34px; overflow: hidden;}
#header .back a:hover {background-position: 0px -34px;}
#header div.menu {position: absolute; left: 258px; top: 61px; transition: top 0.3s;}
#header div.menu ul {font-family: "Myriad Pro Semibold"; font-size: 15px; text-transform: uppercase; margin-bottom: 4px; list-style: none; overflow: hidden;}
#header div.menu ul li {margin-right: 15px; float: left; transition: font-size 0.3s;}
#header div.menu ul li a {color: #000000; float: left;}
#header div.menu ul li a:hover {color: #60748A;}
#header div.menu ul li a.active {color: #60748A; text-decoration: none;}

#header #search {width: 170px; padding-bottom: 6px; border-bottom: 4px #000000 solid; position: absolute; right: 0px; top: 140px; overflow: hidden; transition: width 0.3s;}
#header #search input.txt {font-family: "Myriad Pro Regular"; font-size: 14px; width: 132px; height: auto; margin: 0px; border: none; float: left; transition: width 0.3s;}
#header #search input.img {width: 18px; height: 18px; margin: 0px; margin-right: 10px; float: right;}

#content {width: 100%; padding-bottom: 120px;}

#main {width: 100%; min-height: 220px; position: relative;}
#main h1 {font-family: "Myriad Pro Semibold"; font-size: 20px; font-weight: normal; text-transform: uppercase; margin: 20px 0px; transition: font-size 0.3s;}
#main h1.hp {font-size: 20px; margin: 20px 0px;}
#main h3 {font-family: "Myriad Pro Semibold"; font-size: 18px; font-weight: normal; margin: 40px 0px 12px;}
#main h4 {font-family: "Myriad Pro Semibold"; font-size: 16px; font-weight: normal; margin: 20px 0px 12px;}
#main p {line-height: 24px; margin: 6px 0px;}
#main p.sign {line-height: normal; margin-top: 20px;}
#main p.message {font-weight: bold; color: #ff3300;}
#main p.date {margin: 0px 0px 40px;}
#main p.help {text-align: right; color: #a8a9ad; margin: 0px 0px 12px;}
#main p.addlink {margin: 0px 0px 20px 200px;}
#main p.addlink a {background: url(../i/sb_add.gif) left center / 8px 8px no-repeat; padding-left: 12px;}
#main p.editlink {margin: 0px 0px 20px 150px;}
#main p.removelink {margin: 0px; float: right;}
#main p.removelink a {text-indent: -9000px; background: url(../i/close.gif) left top / 11px 11px no-repeat; width: 11px; height: 11px; float: right; overflow: hidden; opacity: 0.5;}
#main p.removelink a:hover {opacity: 1;}
#main a.removelink {text-indent: -9000px; background: url(../i/close.gif) left top / 11px 11px no-repeat; display: inline-block; width: 11px; height: 11px; margin-left: 5px; overflow: hidden; vertical-align: middle; opacity: 0.5;}
#main a.removelink:hover {opacity: 1;}
#main a.removefile {text-indent: -9000px; background: url(../i/remove.gif) left top / 7px 7px no-repeat; display: inline-block; width: 8px; height: 8px; overflow: hidden; vertical-align: middle;}
#main a.but {font-size: 12px; color: #FFFFFF; text-align: center; text-decoration: none; text-transform: uppercase; background: #000000; display: inline-block; min-width: 42px; height: 24px; line-height: 24px; margin-right: 10px; padding: 0px 10px;}
#main ul {margin: 12px 0px; padding-left: 20px;}
#main ul.links {font-size: 18px; margin-top: 40px; padding: 0px; list-style: none;}
#main ul.latin {list-style: lower-latin;}
#main ul.roman {list-style: lower-roman;}
#main ul li {margin: 6px 0px;}
#main ol {margin: 12px 0px; padding-left: 40px;}
#main ol li {margin: 6px 0px;}
#main dl {margin: 20px 0px;}
#main dt {margin-bottom: 6px;}
#main dd {margin-bottom: 20px;}
#main sup a {text-decoration: none; text-transform: none;}
#main .fl {margin: 10px 20px 10px 0px; float: left;}
#main .fr {margin: 10px 0px 10px 20px; float: right;}
#main .u {text-decoration: underline;}
#main .banner {margin-bottom: 35px;}
#main div.b {margin-bottom: 40px;}

#main .s-menu {position: absolute; right: 12px; top: 10px;}
#main .s-menu .hamburger {position: relative; cursor: default;}
#main .s-menu .hamburger .username {font-family: "Myriad Pro Semibold"; font-size: 18px; background: url(../i/hamburger.png) right center / 19px 15px no-repeat; padding-right: 30px; white-space: nowrap;}
#main .s-menu .hamburger-content {background: #FFFFFF; min-width: 200px; padding: 8px 10px; border: 1px #e6e6e6 solid; border-radius: 4px; position: absolute; right: -11px; top: -9px; z-index: 1; visibility: hidden; opacity: 0; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); transition: all 0.15s linear 0s;}
#main .s-menu .hamburger-content div {font-family: "Myriad Pro Semibold"; font-size: 18px; background: url(../i/hamburger.png) right center / 19px 15px no-repeat; text-align: right; padding-right: 30px; white-space: nowrap;}
#main .s-menu .hamburger-content ul {font-size: 16px; margin: 8px 0px 0px; padding: 0px; list-style: none; border-top: 1px #e0e0e0 solid;}
#main .s-menu .hamburger-content li {color: #a8a9ad; margin: 8px 0px 0px;}
#main .s-menu .hamburger-content li.bt {border-top: 1px #e6e6e6 solid; padding-top: 7px;}
#main .s-menu .hamburger-content li a {text-decoration: none;}
#main .s-menu .hamburger-content li a.disabled {color: #A8A9AD; cursor: default;}
#main .s-menu .hamburger:hover .hamburger-content {visibility: visible; opacity: 1;}

#main div.player {height: 0px; padding-bottom: 56.25%; position: relative; margin: 35px 0px;}
#main div.player iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

#main .person img {width: 180px; margin-top: 7px; float: left;}
#main .person > div {margin-left: 230px;}
#main .person h1 {margin-bottom: 10px;}
#main .person .desc {font-weight: bold; margin-bottom: 30px;}

#main ul.filter {font-size: 18px; text-align: center; margin: 0px 0px 25px; padding: 0px; list-style: none;}
#main ul.filter li {display: inline-block; margin: 0px; padding: 0px 10px;}
#main ul.filter li.active a {color: #000000; text-decoration: none;}

#main ul.filter.pointer {margin-bottom: 60px; border-bottom: 1px #A8A9AD solid;}
#main ul.filter.pointer li {margin-bottom: -1px; padding-bottom: 30px;}
#main ul.filter.pointer li.active {background: url(../i/pointer.png) center bottom / 36px 19px no-repeat;}

#main ul.member {font-size: 16px; text-align: right; margin: 0px 0px 30px; padding: 0px; list-style: none;}
#main ul.member li {display: inline-block; margin: 0px; padding-left: 10px; white-space: nowrap;}
#main ul.member li a {display: inline-block;}
#main ul.member li a.red {color: #f31616;}
#main ul.member li a.red:hover {color: #990000;}
#main ul.member li a.active {color: #000000; text-decoration: none;}
#main ul.member li a.disabled {color: #A8A9AD; text-decoration: none; cursor: default;}

#main dl.agenda {margin: 40px 0px;}
#main dl.agenda dt {font-family: "Myriad Pro Semibold"; font-size: 18px; font-weight: normal; margin-bottom: 12px;}
#main dl.agenda dd {margin-bottom: 40px;}
#main dl.agenda dd h3 {font-size: 14px; text-decoration: underline; margin: 12px 0px 6px;}
#main dl.agenda dd table {margin: 20px 0px; border-collapse: collapse; border: 1px #CCCCCC solid;}
#main dl.agenda dd table th {text-align: left; padding: 5px 10px; border: 1px #CCCCCC solid;}
#main dl.agenda dd table tr:first-child th {background: #EEEEEE;}
#main dl.agenda dd table td {padding: 5px 10px; border: 1px #CCCCCC solid;}

#main div.groupmenu {margin: 15px 0px; padding: 0px 0px 15px; border-bottom: 1px #e7e7e7 solid; overflow: hidden;}
#main div.groupmenu p {font-size: 15px; line-height: 24px; margin: 0px 0px 6px; transition: font-size 0.3s;}
#main div.groupmenu ul {font-size: 15px; margin: 0px; padding: 0px; list-style: none; overflow: hidden; transition: font-size 0.3s;}
#main div.groupmenu ul.fl {float: left;}
#main div.groupmenu ul.fl li {background: url(../i/div-s.gif) no-repeat left center; line-height: 24px; margin: 0px; padding: 0px 10px; float: left;}
#main div.groupmenu ul.fl li:first-child {background: none; padding-left: 0px;}
#main div.groupmenu ul.fr {float: right;}
#main div.groupmenu ul.fr li {background: url(../i/div-s.gif) no-repeat right center; line-height: 24px; margin: 0px; padding: 0px 10px; float: right; white-space: nowrap;}
#main div.groupmenu ul.fr li:first-child {background: none;}
#main div.groupmenu ul.fr li:last-child {padding-left: 0px;}
#main div.groupmenu ul li a.active {color: #000000; text-decoration: none;}
#main div.groupmenu ul li span.arrow {background: url(../i/arr_rt.gif) right center / 18px 14px no-repeat; padding-right: 24px;}
#main div.groupmenu ul li form label {width: auto; margin: 0px; float: none;}
#main div.groupmenu ul li form input.txt {width: 40px; height: 21px; margin: 0px;}
#main div.groupmenu ul li form select {width: 200px; height: 21px; margin: 0px 5px;}
#main div.groupmenu ul li form select.multiple {height: 69px; vertical-align: top;}
#main div.groupmenu div.fr {text-align: left; width: auto; min-height: 40px; margin: 0px; padding: 0px;}
#main div.groupmenu div.fr p.arrow {background: url(../i/arr_rt.gif) right center / 18px 14px no-repeat; display: inline-block; line-height: normal; margin: 0px; padding-right: 24px; vertical-align: middle;}
#main div.groupmenu div.fr span.button, #main div.groupmenu div.fr a.button {vertical-align: middle;}

#main div.search-form {width: 340px; position: relative;}
#main div.search-form input.txt {font-size: 16px; background: #f9f9f9; width: 300px; height: 30px; margin: 0px; padding: 0px 30px 0px 8px; border-color: #e4e4e4; border-radius: 5px;}
#main div.search-form input.img {width: 18px; height: 18px; position: absolute; right: 8px; top: 7px;}

#main div.main-event {margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px #CCCCCC solid;}
#main div.main-event h1 {text-align: center; margin: 12px 0px; padding: 0px;}
#main div.main-event h1 a {color: #58A0EC;}
#main div.main-event p {text-align: center;}
#main div.main-event div.video {text-align: center; max-width: 60%; height: 0px; margin: 20px auto 10px; padding-bottom: 33.75%; position: relative;}
#main div.main-event div.video iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

#main ul.cols {width: 100%; margin: 0px 0px 17px; padding: 0px; list-style: none; overflow: hidden;}
#main ul.cols li {width: 31.2%; margin: 0px 2.1% 0px 0px; float: left;}
#main ul.cols li p {margin: 0px 0px 6px;}
#main ul.cols li p.date {font-size: 12px;}

#main ul.news {width: 100%; margin: 0px; padding: 0px; list-style: none;}
#main ul.news li {width: 100%; margin: 0px 0px 20px;}
#main ul.news li h3 {font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif; margin: 0px 0px 6px;}
#main ul.news li p {margin: 0px 0px 6px;}
#main ul.news li p.date {font-size: 12px;}

#main ul.gallery {width: 100%; margin: 40px 0px; padding: 0px; list-style: none; overflow: hidden;}
#main ul.gallery li {margin: 0px 4px 4px 0px; float: left; overflow: hidden;}
#main ul.gallery li img {display: block;}
#main ul.gallery li.s1 {width: 184px; height: 138px;} /* 5 for row */
#main ul.gallery li.s1 img {width: 184px;}
#main ul.gallery li.s2 {width: 152px; height: 101px;} /* 6 for row */
#main ul.gallery li.s2 img {width: 152px;}
#main ul.gallery li.s3 {width: 113px; height: 75px;} /* 8 for row */
#main ul.gallery li.s3 img {width: 113px;}
#main ul.gallery li.s4 {width: 90px; height: 60px;} /* 10 for row */
#main ul.gallery li.s4 img {width: 90px;}
#main ul.gallery li.s5 {width: 74px; height: 49px;} /* 12 for row */
#main ul.gallery li.s5 img {width: 74px;}

#main div.people-list {margin: 40px 0px;}
#main ul.people {width: 100%; margin: 40px 0px; padding: 0px; list-style: none; overflow: hidden;}
#main ul.people.group {width: 33.3%; float: left; margin: 0px;}
#main ul.people li {width: 33.3%; height: 60px; margin: 0px 0px 10px; float: left; overflow: hidden;}
#main ul.people.four li {width: 25%;}
#main ul.people.group li {width: 100%;}
#main ul.people.hp li {width: 25%;}
#main ul.people li.wide {width: 100%;}
#main ul.people li.small {height: 30px;}
#main ul.people li img {width: 60px; height: 60px; margin-right: 15px; float: left;}
#main ul.people li span.text {display: table-cell; height: 60px; padding-right: 10px; vertical-align: middle;}
#main ul.people li.small span.text {height: 30px;}
#main ul.people li span.text span {display: block;}
#main ul.people li span.text span.text-title {margin-bottom: 4px;}
#main ul.people li span.text span.text-affiliation {font-size: 11px;}

/* Laureate Page */
#main div.laureate div.top {background: #DFDFDF;}
#main div.laureate div.cols {width: 100%; max-width: 940px; margin: 0px auto; overflow: hidden;}

#main div.laureate div.photo {width: 50%; padding-bottom: 50px; float: right; transition: 0.3s;}
#main div.laureate div.photo img {display: block; width: 100%; margin-top: 50px;}
#main div.laureate div.photo p.copyright {color: #A8A9AD; text-align: right;}

#main div.laureate div.sp div.photo {width: 120px; float: right;}
#main div.laureate div.sp div.photo img {display: block; width: 120px; height: 120px; margin-top: 40px;}

#main div.laureate div.text {display: block; width: 50%; padding-bottom: 50px; transition: 0.3s;}
#main div.laureate div.sp div.text {width: 820px;}
#main div.laureate div.title {margin: 40px 40px 6px 0px; position: relative; transition: 0.3s;}
#main div.laureate div.title h3 {font-family: "Myriad Pro Regular"; font-size: 34px; margin: 0px; transition: 0.3s;}
#main div.laureate div.title h3 span {font-size: 24px; display: block; margin-bottom: 10px;}
#main div.laureate div.text h4 {font-size: 20px; margin: 30px 40px 10px 0px;}
#main div.laureate div.text h4.prize {font-size: 20px; font-family: "Myriad Pro Regular"; margin: 0px 40px 30px 0px;}
#main div.laureate div.text p {font-size: 18px; margin: 0px 40px 20px 0px; transition: 0.3s;}
#main div.laureate div.text p.affiliation {font-size: 20px; margin-bottom: 10px;}
#main div.laureate div.text span.back {width: 13px; height: 22px; float: left; margin: 10px 12px 0 0;}
#main div.laureate div.text span.back a {text-indent: -9000px; background: url(../i/back-2.gif) left top / 13px 44px no-repeat; display: block; width: 13px; height: 22px; overflow: hidden;}
#main div.laureate div.text span.back a:hover {background-position: 0px -22px;}

#main div.laureate div.bottom {max-width: 940px; width: 100%; margin: 40px auto 120px; position: relative;}
#main div.laureate div.video {display: flex; max-width: 940px; width: 100%; align-content: stretch; flex-wrap: wrap;}
#main div.laureate div.video > div {width: 50%; padding-bottom: 60px;}
#main div.laureate div.video h4 {font-size: 20px; margin: 0px 0px 15px; transition: 0.3s;}
#main div.laureate div.video ul {margin: 0px; padding: 0px; list-style: none; overflow: hidden;}
#main div.laureate div.video li {width: 215px; height: 140px; margin: 0px 10px 10px 0px; float: left; position: relative; opacity: 0.8; transition: opacity 0.1s linear 0s width 0.3s height 0.3s;}
#main div.laureate div.video li:hover {opacity: 1;}
#main div.laureate div.video a {display: block; width: 215px; height: 140px;}
#main div.laureate div.video span::after {background: url(../i/youtube.png) center center / 41px 31px no-repeat; width: 215px; height: 140px; position: absolute; left: 0px; top: 0px; content: "";}
#main div.laureate div.video img {display: block; width: 215px; height: 140px; transition: 0.3s}

#main div.pic-moving {height: 210px; overflow: hidden; transition: height 0.3s;}
#main div.pic-moving img {position: relative; display: block; top: -200px; width: 100%;}

#main div.video_block a.active {color: #58A0EC; text-decoration: none;}
#main div.video_content {display: none;}

#main div.number_slideshow_container {overflow: hidden;}
#main div.number_slideshow {display: none; margin-top: 50px; position: relative;}
#main ul.number_slideshow_img {background-position: center center; background-repeat: no-repeat; margin: 0px; list-style: none;}
#main ul.number_slideshow_img li {position: absolute; margin: 0px; overflow: hidden;}
#main ul.number_slideshow_img li img {display: block; max-width: 100%;}
#main ul.number_slideshow_nav {width: 100%;  margin: 0px; padding: 0px; position: absolute; left: 0px; top: -48px; list-style: none;}
#main ul.number_slideshow_nav li {font-family: "Myriad Pro Semibold"; font-size: 18px; text-transform: uppercase; width: 33%; text-align: center; float: left; transition: font-size 0.3s;}
#main ul.number_slideshow_nav li span:hover {color: #60748A;}

#main table.joppa {background: #FFFFFF; width: 100%; margin-top: 40px; border: none; border-spacing: 1px;}
#main div.mainjoppa-cover table.joppa.mainjoppa {width: auto; margin: 40px auto 0px;}
#main table.joppa tr.green {background: #DFFFDF;}
#main table.joppa tr.dark-green {background: #C9FFB9;}
#main table.joppa tr.red {background: #FFE3E3;}
#main table.joppa tr.blue {background: #CBDDFF;}
#main table.joppa tr.dark-blue {background: #AFC0DB;}
#main table.joppa tr.yellow {background: #FFFFCC;}
#main table.joppa tr.grey {background: #EEEEEE;}
#main table.joppa th {font-size: 12px; background: #CCCCCC; text-align: left; height: 60px; padding: 0px 5px;}
#main table.joppa th a {text-indent: -9000px; width: 15px; height: 15px; margin-right: 2px; float: left; overflow: hidden;}
#main table.joppa th a.dn {background: url(../i/arr_dn.gif) left top / 15px 30px no-repeat;}
#main table.joppa th a.up {background: url(../i/arr_up.gif) left top / 15px 30px no-repeat;}
#main table.joppa th a.active {background-position: 0px -15px;}
#main table.joppa td {font-size: 12px; padding: 5px;}
#main table.joppa td.border {border-bottom: 5px #CCCCCC solid;}
#main table.joppa td.border-green {border-bottom: 5px #DFFFDF solid;}
#main table.joppa td.border-red {border-bottom: 5px #f31616 solid;}
#main table.joppa td.border-blue {border-bottom: 5px #CBDDFF solid;}
#main table.joppa td.border-yellow {border-bottom: 5px #FFFFCC solid;}
#main table.joppa td.cnt {text-align: center;}
#main table.joppa td span.institution {cursor: default;}
#main table.joppa td span.description {cursor: default;}
#main table.joppa td div.fix {position: relative; overflow: hidden;}
#main table.joppa td div.fix span {display: block; white-space: nowrap;}
#main table.joppa td div.fix div.sr {background: url(../i/sr.png) repeat-y; width: 20px; height: 200px; position: absolute; right: 0px; top: 0px; z-index: 1;}
#main table.joppa tr.green td div.fix div.sr {background: url(../i/sr_green.png) repeat-y;}
#main table.joppa tr.dark-green td div.fix div.sr {background: url(../i/sr_green_dark.png) repeat-y;}
#main table.joppa tr.red td div.fix div.sr {background: url(../i/sr_red.png) repeat-y;}
#main table.joppa tr.blue td div.fix div.sr {background: url(../i/sr_blue.png) repeat-y;}
#main table.joppa tr.dark-blue td div.fix div.sr {background: url(../i/sr_blue_dark.png) repeat-y;}
#main table.joppa tr.grey td div.fix div.sr {background: url(../i/sr_grey.png) repeat-y;}
#main table.joppa .w1 {width: 130px;} /* Names */
#main table.joppa .w2 {width: 120px;} /* Institutions */

#main table.p-nomanations {width: 60%; border: none; border-spacing: 1px;}
#main table.p-nomanations th {background: #CCCCCC; text-align: left; padding: 10px 5px;}
#main table.p-nomanations td {font-size: 12px; background: #FFFFFF; padding: 10px 5px; vertical-align: top;}
#main table.p-nomanations td:last-child {text-align: right; width: 80px;}

#main div.nomination h3.section a {color: #000000; text-decoration: none; background: url(../i/s_dn.gif) left center / 7px 4px no-repeat; padding-left: 10px;}
#main div.nomination h3.section a.active {background: url(../i/s_up.gif) left center / 7px 4px no-repeat;}
#main div.nomination div.section {display: none;}
#main div.nomination div.subnomination {display: none;}
#main div.nomination div.last_year_review {display: none;}
#main div.nomination ul.tabs {margin: 0px; padding: 0px; list-style: none;}
#main div.nomination ul.tabs li {width: 100%; margin: 0px 0px 6px; overflow: hidden;}
#main div.nomination ul.tabs .state-control {background: #E7E7E7; width: 28px; height: 16px; margin: 7px 7px 0px 0px; float: left; border: 1px #DADADA solid; border-radius: 9px; cursor: pointer; transition: all 0.15s linear 0s;}
#main div.nomination ul.tabs .state-control.active {background: #58A0EC; border-color: #58A0EC;}
#main div.nomination ul.tabs .state-control-el {background: #FFFFFF; display: block; width: 16px; height: 16px; border-radius: 8px; transition: all 0.15s linear 0s;}
#main div.nomination ul.tabs .state-control.active .state-control-el {margin-left: 12px;}
#main div.nomination ul.tabs a.tab {text-decoration: none; background: #E7E7E7; display: inline-block; padding: 7px 11px; border-radius: 3px;}
#main div.nomination ul.tabs a.tab.active {background: #A8A9AD; color: #FFFFFF;}
#main div.nomination dt {font-weight: bold; width: 150px; margin: 0px; float: left;}
#main div.nomination dd {margin: 0px 0px 6px 150px;}
#main div.nomination dd div.review_text {min-height: 34px;} /* +2px */
#main div.nomination dd div.review_text img {display: block;}
#main div.nomination dd a.active {color: #000000; text-decoration: none;}
#main div.nomination dd a.removelink {text-decoration: none;}
#main div.nomination dd table {width: 100%; border-collapse: collapse; border: 1px #CCCCCC solid; position: relative;}
#main div.nomination dd th {background: #eeeeee; text-align: left; padding: 5px 10px; border: 1px #CCCCCC solid;}
#main div.nomination dd td {vertical-align: top; padding: 5px 10px; border: 1px #CCCCCC solid;}
#main div.nomination dd td div.fix {width: 310px; position: relative; overflow: hidden;}
#main div.nomination dd td div.fix span {display: block; white-space: nowrap;}
#main div.nomination dd td div.fix div.sr {background: url(../i/sr.png) repeat-y; width: 20px; height: 200px; position: absolute; right: 0px; top: 0px; z-index: 1;}

#main div.comment {margin-top: 10px; padding-bottom: 10px; border-bottom: 1px #CCCCCC solid;}
#main div.comment.topic {border-bottom: 4px #CCCCCC solid;}
#main div.comment ul.info {font-weight: bold; color: #999999; margin: 0px; padding: 0px; margin: 0px -8px 6px 0px; list-style: none; overflow: hidden;}
#main div.comment ul.info li {background: url(../i/div.gif) no-repeat right center; margin: 0px 0px 0px -1px; padding: 0px 8px; float: right; white-space: nowrap;}
#main div.comment p {margin: 0px;}
#main div.comment p.date {margin-bottom: 4px;}
#main div.comment ul.files {font-size: 12px; margin: 6px 0px; padding: 0px; list-style: none;}
#main div.comment ul.files li {margin: 3px 0px;}
#main div.addcomment {padding-top: 20px;}

#main div.voting ul#voting_tabs {margin: 0px 0px -1px; padding: 0px; list-style: none; overflow: hidden;}
#main div.voting ul#voting_tabs li {margin: 0px; padding: 0px; float: left;}
#main div.voting ul#voting_tabs li a.tab {font-size: 18px; font-weight: bold; text-decoration: none; text-transform: capitalize; display: block; padding: 10px; border: 1px transparent solid;}
#main div.voting ul#voting_tabs li a.tab.active {color: #000000; text-decoration: none; border: 1px #CCCCCC solid; border-bottom: 1px #FFFFFF solid;}
#main div.voting div.voting-tab {display: none; padding: 20px; border: 1px #CCCCCC solid;}
#main div.voting div.voting-tab h3.option {font-size: 22px; line-height: normal; margin: 0px 0px 60px;}
#main div.voting div.complete {font-size: 20px; text-align: center; height: 80px;}
#main div.voting div.complete:first-child {margin: 30px 0px 20px; padding-bottom: 50px; border-bottom: 1px #CCCCCC solid;}
#main div.voting div.complete:last-child {margin: 50px 0px 30px;}
#main div.voting div.complete span {display: block; margin-bottom: 10px;}
#main div.voting div.complete > div {display: none;}
#main div.voting div.complete a {font-size: 20px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; background: #000000; display: inline-block; line-height: 40px; height: 40px; margin-left: 10px; padding: 0px 10px;}
#main div.voting div.complete a:hover {opacity: 0.85;}

#main div.voting div.option-row {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #CCCCCC solid;}
#main div.voting div.option-row .controls {float: right;}
#main div.voting div.option-row .controls > div {font-size: 18px; line-height: 40px; display: none;}
#main div.voting div.option-row .controls a, #main div.voting div.option-row .controls button {font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif; font-size: 20px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; background: #000000; text-align: center; display: inline-block; min-width: 70px; line-height: 40px; height: 40px; margin-left: 10px; padding: 0px 10px; border: 0 none; cursor: pointer;}
#main div.voting div.option-row .controls div.undo a, #main div.voting div.option-row .controls div.undo button {background: #A8A9AD;}
#main div.voting div.option-row .controls a:hover, #main div.voting div.option-row .controls button:hover {opacity: 0.85;}
#main div.voting div.option-row .controls input.txt {font-size: 18px; width: 48px; height: 38px; margin: 0px; padding: 0px 10px; vertical-align: top; border-radius: 4px;}

/* declare no conflicts */
#main div.voting .declare-no-conflicts { position: relative; }
#main div.voting .declare-no-conflicts button {font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; background: #ffffff; text-align: center; text-transform: uppercase; display: inline-block; padding: 7px 10px; border: 1px solid #000; position: absolute; right: 0px; cursor: pointer;}

#main div.voting div.option-row h3 {font-size: 20px; line-height: 40px; margin: 0px;}
#main div.voting div.option-row h3 .small {font-size: 14px;}
#main div.voting div.option-row h4 {font-size: 20px; line-height: 40px; margin: 0px;}
#main div.voting div.option-row ul {font-size: 20px; margin: 0px 0px 20px;}
#main div.voting div.option-row ul li {margin: 3px 0px;}

#main div.voting div.buttons {text-align: right; height: 40px;}
#main div.voting div.buttons input.but {font-size: 20px; min-width: 70px; height: 40px;}

#main div.voting_control {width: 100%; overflow: hidden;}
#main div.voting_control div.l {width: 33%; float: left;}
#main div.voting_control div.l-m {width: 25%; float: left;}
#main div.voting_control h4 {font-size: 16px; min-height: 45px; margin: 30px 0px 20px;}
#main div.voting_control h4 span {font-size: 14px;}
#main div.voting_control ul {font-weight: bold; margin: 0px; padding: 0px; list-style: none;}
#main div.voting_control ul.votings {font-weight: normal; margin: 10px 0px; padding-left: 35px; list-style: disc;}
#main div.voting_control ul ul {font-weight: normal; margin: 10px 0px; padding-left: 35px; list-style: disc;}
#main div.voting_control p.addlink {margin: 0px 0px 0px 22px;}

#main div.optional_voting {width: 454px; margin: 10px 0px; padding: 10px; border: 1px #CCCCCC solid; overflow: hidden;}
#main div.optional_voting h3 {text-transform: uppercase; margin: 0px 0px 20px;}
#main div.optional_voting li {line-height: 23px; height: 23px;}
#main div.optional_voting li span {float: right;}
#main div.optional_voting li input {width: 40px; height: 21px; margin: 0px; float: right;}
#main div.optional_voting div {line-height: 23px; padding-top: 10px; border-top: 1px #CCCCCC solid;}
#main div.optional_voting input.but {float: right;}

#main div.help img {border: 1px #CCCCCC solid;}
#main div.help table.options {margin: 20px 0px; border-collapse: collapse; border: 1px #CCCCCC solid;}
#main div.help table.options th {font-weight: normal; text-align: left; padding: 5px 10px; border: 1px #CCCCCC solid;}
#main div.help table.options td {padding: 5px 10px; border: 1px #CCCCCC solid;}
#main div.help table.options td ul {margin: 0px; padding: 0px 0px 0px 16px;}

/* Laureates Info (FORMS) */
#main div.laureates-info .loading {display: none;}
#main div.laureates-info .step {display: none;}
#main div.laureates-info .form-header {margin-bottom: 20px;}
#main div.laureates-info h3 {text-transform: uppercase; margin: 0px 0px 20px;}
#main div.laureates-info p.annotation-1 {font-size: 12px; line-height: normal; margin: 0px 0px 18px 200px;}
#main div.laureates-info p.annotation-2 {font-size: 12px; line-height: normal; margin: 3px 0px 6px 20px;}
#main div.laureates-info dt {font-weight: bold; display: inline-block; width: 195px; margin: 0px 5px 10px 0px; vertical-align: top;}
#main div.laureates-info dd {display: inline-block; width: 265px; margin: 0px 0px 10px 0px;}
#main div.laureates-info .email-text {margin: 0px 50px;}
#main div.laureates-info .email-text h4 {font-size: 15px; text-decoration: underline; text-transform: uppercase; text-align: center; margin: 50px 0px;}
#main div.laureates-info .email-text p {line-height: normal; margin: 20px 0px; text-align: justify;}
#main div.laureates-info .email-text .email-header > span {display: block;}
#main div.laureates-info .email-text .email-date {margin-bottom: 50px;}
#main div.laureates-info .email-text .email-sign {margin-top: 50px;}
#main div.laureates-info .email-text .email-sign span {display: block;}
#main div.laureates-info .tax-option {width: 100%; margin-bottom: 10px; overflow: hidden;}
#main div.laureates-info .tax-option span {width: 20px; float: left;}
#main div.laureates-info .tax-option label {width: auto; margin: 0px; float: none;}
#main div.laureates-info .tax-links {margin: 0px 0px 20px; padding: 0px; list-style: none;}
#main div.laureates-info .number_block {display: none;}
#main div.laureates-info .but {margin-left: 5px;}
#main div.laureates-info .box {margin: 2px 0px 0px 0px;}

#main table.laureates-list {background: #FFFFFF; width: 100%; margin-top: 40px; border: none; border-spacing: 1px;}
#main table.laureates-list tr.green {background: #DFFFDF;}
#main table.laureates-list tr.red {background: #FFE3E3;}
#main table.laureates-list th {background: #CCCCCC; text-align: left; height: 60px; padding: 0px 5px;}
#main table.laureates-list td {padding: 5px;}

#main div.laureate-data dt {font-weight: bold; width: 250px; margin: 0px; float: left;}
#main div.laureate-data dd {margin: 0px 0px 4px 250px;}

#main div.hr {margin-top: 40px; padding-top: 10px; border-top: 1px solid;}
#main div.hr p {font-size: 12px; margin: 0px;}

#footer {width: 100%; max-width: 940px; height: 90px; margin: -90px auto 0px; position: relative; overflow: hidden;}
#footer ul.projects {list-style: none; position: absolute; left: 0px; top: 3px; overflow: hidden;}
#footer ul.projects li {width: 88px; margin-bottom: 15px;}
#footer ul.projects a {text-indent: -9000px; display: block; width: 88px;}
#footer ul.projects a.p1 {background-image: url(../i/s-logo-bi.jpg); background-size: 88px 46px; height: 23px;}
#footer ul.projects a.p1:hover {background-position: 0px -23px;}
#footer ul.projects a.p2 {background-image: url(../i/s-logo-bjc.jpg); background-size: 88px 68px; height: 34px;}
#footer ul.projects a.p2:hover {background-position: 0px -34px;}
#footer p.cr {font-size: 10px; color: #A8A9AD; position: absolute; left: 215px; top: 39px;}
#footer p.cr a {color: #A8A9AD;}
#footer p.cr a:hover {color: #60748A;}
#footer div.menu {position: absolute; left: 215px; top: 0px;}
#footer div.menu ul {font-family: "Myriad Pro Semibold"; font-size: 14px; text-transform: uppercase; list-style: none; overflow: hidden;}
#footer div.menu ul li {margin-right: 10px; float: left;}
#footer div.menu ul li a {color: #A8A9AD; float: left;}
#footer div.menu ul li a:hover {color: #60748A;}
#footer div.menu ul li a.active {color: #60748A; text-decoration: none;}
#footer div.links {position: absolute; right: 0px; top: 0px;}
#footer div.links p {font-size: 15px; font-weight: bold; color: #58A0EC; text-align: right; text-transform: uppercase; margin-bottom: 6px;}
#footer div.links ul {list-style: none; overflow: hidden;}
#footer div.links li {height: 28px; margin-left: 13px; float: left;}
#footer div.links li a {text-indent: -9000px; height: 28px; float: left;}
#footer div.links li a.n1 {background-image: url(../i/n1.jpg); background-size: 63px 56px; width: 63px;}
#footer div.links li a.n2 {background-image: url(../i/n2.jpg); background-size: 28px 56px; width: 28px;}
#footer div.links li a.n3 {background-image: url(../i/n3.jpg); background-size: 28px 56px; width: 28px;}
#footer div.links li a:hover {background-position: 0px -28px;}

/* Forms */
#main div.mb {width: 504px; margin-bottom: 10px; padding: 10px 10px 0px; border: 1px #CCCCCC solid;}
#main div.mb.wide {width: auto;}
#main div.mb h3 {margin: 0px 0px 20px;}
#main div.mb h3.mt {margin-top: 20px;}

#main div.fb {text-align: right; width: 504px; margin-bottom: 10px; padding: 10px 10px 0px; border: 1px #FFFFFF solid;}
#main div.fb.wide {width: auto;}
#main div.fb ul.options {font-size: 12px; margin: 6px 0px 0px -6px; padding: 0px; float: left; list-style: none; overflow: hidden;}
#main div.fb ul.options li {background: url(../i/div.gif) no-repeat left center; margin: 0px 0px 0px -1px; padding: 0px 8px; float: left;}

#main p.note {font-size: 12px; margin: -20px 0px 20px;}

label {font-size: 14px; width: 195px; margin: 3px 5px 0px 0px; float: left;}
label sup {vertical-align: top;}
input, select, textarea {font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;}
input:focus, select:focus, textarea:focus {outline: 0 none;} /* Safari & Chrome */
input.txt {width: 300px; height: 20px; margin-bottom: 10px; border: 1px #CCCCCC solid;}
input.txt.x {width: 275px;}
input.txt.warn {border-color: #FF0000;}
input.search {width: 200px; margin-right: 5px;}
input.file {margin-bottom: 10px;}
input.but {font-size: 12px; color: #FFFFFF; text-transform: uppercase; background: #000000; min-width: 42px; height: 24px; padding: 0px 10px; border: 0; cursor: pointer;}
input.but:hover {opacity: 0.85;}
select {width: 302px; height: 22px; margin-bottom: 10px; border: 1px #CCCCCC solid;}
select.x {width: 277px;}
select.warn {border-color: #FF0000;}
textarea {width: 300px; margin-bottom: 10px; border: 1px #CCCCCC solid; overflow: auto; resize: vertical;}
textarea.warn {border-color: #FF0000;}

/* Large Forms */
#main .large {margin-top: 40px; position: relative;}

#main .large p.addlink {font-size: 16px; margin: 0px 0px 20px;}
#main .large a.removelink {margin-left: 5px;}
#main .large p.note {font-size: 14px; color: #A8A9AD; margin: -15px 0px 40px;}
#main .large div.alt {margin: 0px 0px 20px 400px;}
#main .large div.alt img.sign-in {height: 37px; display: inline-block; margin-right: 5px;}
#main .large div.alt img.sign-in:hover {opacity: 0.85;}

#main .large div.mb {width: auto; margin-bottom: 20px; padding: 20px 20px 0px;}
#main .large div.mb h3 {font-size: 22px;}
#main .large div.lc {width: 400px; margin-bottom: 20px; float: left;}
#main .large div.rc {margin-left: 400px;}

#main .large .annotation {font-size: 14px; color: #A8A9AD; width: 350px; margin: 6px 0px;}

#main .large .filename {font-size: 16px; margin: 6px 0px 20px;}
#main .large .filename a {background: url(../i/pdf.png) left center / 27px 26px no-repeat; display: inline-block; line-height: 26px; padding-left: 37px;}

#main .large div.fb {width: auto; margin: 0px; padding: 0px 0px 20px; border: none;}
#main .large div.fb ul.options {font-size: 18px;}

#main .large div.note {color: #A8A9AD; margin-bottom: 40px;}
#main .large div.note p {margin: 0px;}

#main .large label {font-size: 20px; line-height: 40px; width: 395px; margin-top: 0px;}
#main .large input, #main .large select, #main .large textarea {font-size: 18px;}
#main .large input.txt {width: 450px; height: 38px; margin-bottom: 20px; padding: 0px 10px; border-radius: 4px;}
#main .large input.file {font-size: 14px;}
#main .large input.but {font-size: 20px; min-width: 100px; height: 40px; margin-left: 5px;}
#main .large select {background: #f9f9f9; width: 472px; height: 40px; margin-bottom: 20px; padding: 0px 5px; border-radius: 4px;}
#main .large select.disabled {background: #ebebe4;}
#main .large textarea {width: 450px; margin-bottom: 20px; padding: 0px 10px; border-radius: 4px;}
#main .large textarea.wide {width: 850px;}

::-webkit-input-placeholder {color: #A8A9AD;}
::-moz-placeholder {color: #A8A9AD;}
:-moz-placeholder {color: #A8A9AD;}
:-ms-input-placeholder {color: #A8A9AD;}

#main div.search-block {position: relative;}
#main div.search-block div {background: #f9f9f9; width: 470px; max-height: 198px; border: 1px #CCCCCC solid; border-radius: 4px; position: absolute; left: 0px; top: 40px; overflow: auto; z-index: 1;}
#main div.search-block ul {font-size: 18px; margin: 0px; padding: 0px; list-style: none;}
#main div.search-block li {margin: 0px; padding: 3px 7px; cursor: default;}
#main div.search-block li:hover {background: #ebebe4;}
#main div.search-block li.empty {color: #A8A9AD; background: #ebebe4;}

div#add_group_member_block {display: none;}
div#collaboration_block {display: none;}
div.phd_block_nh {display: none;}
div.phd_block_mm {display: none;}
div.group_nomination_block {display: none;}
div.publications_block {display: none;}
div.thesis_block {display: none;}
div.nletter_block {display: none;}

.ui-widget-overlay {background: #FFFFFF; opacity: 0.75;}
.ui-dialog {position: fixed;}
.ui-dialog .ui-dialog-content {padding: 0px;}
.ui-widget.ui-widget-content {font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif; border: 1px #e6e6e6 solid; border-radius: 2px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif;}
.ui-dialog-titlebar {display: none;}
.ui-tooltip {font-size: 12px; background: #FFFFFF; max-width: 150px; padding: 5px; position: absolute; z-index: 9999; border: 1px #eeeeee solid; border-radius: 5px; box-shadow: 0 2px 2px #CCCCCC;}
.ui-max-width-825 {max-width: 825px;}

/* POPUPS */
.popup {font-size: 14px; overflow: hidden;}

.popup .close {background: url(../i/close.gif) left top / 11px 11px no-repeat; width: 11px; height: 11px; position: absolute; right: 15px; top: 15px; cursor: pointer; opacity: 0.3;}
.popup .close:hover {opacity: 1;}

.popup .popup-text {display: table; width: 100%; height: 100px; margin-bottom: 10px;}
.popup .popup-message {text-align: center; vertical-align: middle; display: table-cell;}

.popup .video-cover {margin: 40px;}
.popup .video-cover .video {width: 100%; padding-bottom: 56.25%; position: relative;}
.popup .video-cover .video iframe {width: 100%; height: 100%; position: absolute;}

.popup form {padding: 10px;}
.popup form textarea {width: 603px; resize: none;}
.popup form textarea.wide {width: 803px; height: 450px;}
.popup form div.lc {width: 200px; float: left;}
.popup form div.lc label {line-height: 22px; width: 200px; margin: 0px;}
.popup form div.lc p.annotation {font-size: 12px; color: #A8A9AD;}
.popup form a.removelink {text-indent: -9000px; background: url(../i/close.gif) left top / 11px 11px no-repeat; display: inline-block; width: 11px; height: 11px; margin-left: 5px; overflow: hidden; vertical-align: middle; opacity: 0.5;}
.popup form a.removelink:hover {opacity: 1;}

.popup div.last-year-review {padding: 40px;}
.popup div.last-year-review .title {font-weight: bold; margin-bottom: 20px;}
.popup div.last-year-review-text {height: 500px; overflow: auto;}
.popup div.last-year-review-file {margin-top: 20px;}

.popup div.complete-shortlist {padding: 40px;}
.popup div.complete-shortlist-title {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.popup div.complete-shortlist-text {margin-bottom: 10px;}
.popup div.complete-shortlist-rows {margin-bottom: 20px; padding: 0px 10px;}
.popup div.complete-shortlist input {vertical-align: middle;}
.popup div.complete-shortlist label {line-height: 30px; width: auto; margin: 0px; float: none;}
.popup div.complete-shortlist-buttons .but {font-size: 20px; height: 40px;}

.popup .popup-buttons {text-align: right; overflow: hidden;}
.popup .popup-buttons.center {text-align: center;}
.popup .popup-buttons.center .but {margin: 0px 5px;}

/* helpers */
.hint {color: #a8a9ad;}
.pseudo {border-bottom: 1px dashed; cursor: pointer;}
.pseudo:hover {color: #60748A;}

/* Statement */
#statement {padding-bottom: 40px; overflow: hidden;}
#statement .close {text-indent: -9000px; background: url(../i/close.gif) left top / 11px 11px no-repeat; width: 11px; height: 11px; position: absolute; right: 0px; top: 45px; overflow: hidden; cursor: pointer; opacity: 0.3;}
#statement .close:hover {opacity: 1;}
#statement .ball {display: block; width: 150px; height: 150px; margin: 40px auto 0px;}
#statement h1 {text-transform: none; text-align: center; padding: 0px;}
#statement blockquote {margin-bottom: 40px;}
#statement blockquote p {text-align: right; margin: 6px 0px;}
#statement p {font-size: 16px; text-align: justify; margin: 10px 0px;}
#statement p.sign {margin-top: 40px;}
#statement p.sign img {width: 150px; height: 55px;}
#statement p.hp {text-align: center; margin-top: 40px;}
#statement a.but {font-size: 20px; min-width: 100px; height: 40px; line-height: 40px; margin: 0px;}