@font-face {font-family:'regular'; src:url('fonts/NotoSansDisplay-Regular.woff2') format('woff2'), url('fonts/NotoSansDisplay-Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'italic'; src:url('fonts/NotoSansDisplay-Italic.woff2') format('woff2'), url('fonts/NotoSansDisplay-Italic.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'bold'; src:url('fonts/NotoSansDisplay-Medium.woff2') format('woff2'), url('fonts/NotoSansDisplay-Medium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'bolditalic'; src:url('fonts/NotoSansDisplay-SemiBoldItalic.woff2') format('woff2'), url('fonts/NotoSansDisplay-SemiBoldItalic.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'light'; src:url('fonts/NotoSansDisplay-Light.woff2') format('woff2'), url('fonts/NotoSansDisplay-Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'lightitalic'; src:url('fonts/NotoSansDisplay-LightItalic.woff2') format('woff2'), url('fonts/NotoSansDisplay-LightItalic.woff') format('woff'); font-weight:normal; font-style:normal;}

body {width:100%;margin:0;font:1em regular;text-align:center;background-color:#000000;}
strong {font-style:normal;font-family:bold;}
em {font-style:normal;font-family:lightitalic;}
.strongem {font-style:normal;font-family:bolditalic;}
h3 {font-size:1.25em;font-family:light;margin:0;}
h5 {font-size:0.9em;font-family:light;}
.nobr {white-space:nowrap;}
a {font-family:bold;color:#406890;text-decoration:none;}
a:hover {color:#000000;text-decoration:underline;}
input {padding:4px 2%;margin-bottom:9px;font-size:1em;font-family:regular;background-color:#ffffff;border:1px solid #cccccc;transition:border-color 0.2s ease-in-out;}
input:hover {border:1px solid #666666;}
input:focus {border:1px solid #000000;}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=file] {width:96%;border-radius:6px;}
input[type=button] {padding:3px 24px 4px 24px;margin-bottom:0;font-family:regular;color:#405060;background-color:#ffffff;border:1px solid #405060;border-radius:15px;cursor:pointer;}
input[type=button]:hover {background-color:#f0f3f6;}
input[type=submit] {padding:3px 24px 4px 24px;margin-bottom:0;font-family:regular;color:#ffffff;background-color:#445544;border-radius:15px;cursor:pointer;}
input[type=submit]:active {background-color:#889988;}
input[type=checkbox] {margin-top:0em;width:1.25em;height:1.25em;}
textarea {width:96%;padding:4px 2%;margin-bottom:9px;font-size:1em;font-family:regular;border:1px solid #cccccc;border-radius:6px;}
textarea:hover {border:1px solid #666666;}
textarea:focus {border:1px solid #000000;}
select {width:100%;padding:4px;margin-bottom:9px;font-size:1em;font-family:regular;}
.regular {font-family:regular;}
.bold {font-family:bold;}
.italic {font-family:italic;}
.light {font-family:light;}
.lightitalic {font-family:lightitalic;}

#pageFrame {position:relative;left:0%;width:100%;max-width:1440px;min-width:275px;text-align:left;background-color:#ffffff;border-top:0;}
#cookies {position:relative;z-index:9;padding:10px;font-size:0.9em;color:#504d4b;text-align:center;background-color:#ffffff;border-bottom:1px solid #000000;}
#cookies a {color:#302d2b;}

#userBar {position:relative;left:0;top:0;width:100%;height:32px;background-color:#000000;}
#user {position:absolute;left:40%;top:0;width:58%;font-size:0.8em;color:#e0e0e0;text-align:right;line-height:32px;vertical-align:middle;}
#user a {font-family:regular;color:#cccccc;text-decoration:none;}
#user a:hover {color:#ffffff;}
#menuMini {display:none;z-index:3;box-shadow:0 4px 9px #666666;}
#menuMiniBar {position:relative;padding-left:5%;background-color:#000000;display:none;}
#menuMiniButton {width:32px;height:31px;cursor:pointer;}
.menuMiniItem {padding:6px 24px;font-size:15px;color:#f0f0f0;background-color:#334455;border-bottom:1px solid #ffffff;cursor:pointer;}
.menuMiniItem:hover {background-color:#556677;}

#bannerBar {position:relative;z-index:2;padding-bottom:0;background-color:#000000;box-shadow:0 1px 8px #444444;}
#bannerImage {width:100%;}
#bannerLogoButton {position:absolute;left:4%;top:49%;width:55%;height:30%;cursor:pointer;}

#menu {position:relative;top:-4px;z-index:4;height:0;font-size:15px;text-align:center;background-color:#203040;border-bottom:1px solid #ffffff;box-shadow:0 2px 4px #c0c0c0;overflow:hidden;}

#menuBar {position:relative;left:0;z-index:3;width:100%;padding-left:5%;color:#ffffff;text-align:left;}
.menuItem {padding:1.5em;font-size:1.05em;font-family:regular;line-height:42px;vertical-align:middle;background-color:#465666;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
.menuItem:hover {background-color:#708090;transition:background-color 0.2s ease-in-out;}
.menuLink {color:#f0f0f0;}
.menuLink:hover {color:#ffffff;text-decoration:none;}

#content {position:relative;z-index:2;padding:0;background-color:#ffffff;}
#contentMain {font-family:light;position:relative;left:0;top:0;width:85%;padding:48px 7.5% 90px 7.5%;font-size:1em;}
.mainTitle {font-size:2em;line-height:1.25em;margin-bottom:0.125em;}
.subTitle {margin-top:2em;font-family:regular;font-size:1.25em;}
#textMain {margin-top:18px;font-size:0.95em;line-height:1.35em;}

.frameForm {width:100%;padding:2%;margin-left:-2%;font-family:light;background-color:#f3f3f3;border:1px solid #cccccc;box-shadow:0 3px 4px #dddddd;}

.buttonDownload {position:relative;left:10%;width:80%;padding:4px 0;font-size:1em;font-family:light;color:#ffffff;text-align:center;background-color:#808386;border:1px solid #ffffff;border-radius:18px;box-shadow:4px 4px 10px #bbbbbb;cursor:pointer;}

.tinyIcon {margin:0 0.75em 0.75em 0;border-radius:6px;cursor:pointer;float:left;}

.searchNav {font-size:1.15em;font-family:regular;padding:0.5em 13px;line-height:3em;background-color:#cccccc;border:1px solid #bbccdd;border-radius:4px;}
.searchNavButton {background-color:#fcfcfc;}
.searchNavButton:hover {text-decoration:none;background-color:#e0e3e6;}

#credits {padding:36px 10%;font-size:0.85em;font-family:light;text-align:center;opacity:0.825;}
#credits:hover {opacity:1;}

.buttonBroad {width:97%;padding:2% 10px;font-family:regular;background-color:#fdfdfd;border:1px solid #d0d0d0;border-radius:5px;box-shadow:2px 2px 4px #b0b0b0;cursor:pointer;}
.buttonBroad:hover {text-decoration:none;background-color:#f3f3f3;}
.buttonShowStats {padding:5px 8px;font-size:0.9em;font-family:light;background-color:#ffffff;border:1px solid #888888;white-space:nowrap;}
.buttonShowStats:hover {background-color:#bbbbbb;}
.buttonExport {padding:4px 24px;margin-bottom:0;font-family:regular;color:#303030;background-color:#ffffff;border-radius:14px;cursor:pointer;}

.hidden {max-height:0;overflow:hidden;transition:max-height 500ms;} .hidden.active {max-height:2000px;}
.loader {position:relative;left:50%;margin-left:-30px;border:8px solid #f3f3f3;border-top:8px solid #303030;border-radius:50%;width:60px;height:60px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
@-webkit-keyframes spin {0% {-webkit-transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg);}}
@keyframes spin {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}

#footer {position:relative;left:0;background-color:#334455;background-image:-webkit-gradient(linear, -15deg,from(#102030),to(#607080));background-image:-webkit-linear-gradient(-3deg,#102030,#607080);background-image:-moz-linear-gradient(-3deg,#102030,#607080);background-image:-ms-linear-gradient(-3deg,#102030,#607080);background-image:-o-linear-gradient(-3deg,#102030,#607080);background-image:linear-gradient(-3deg,#102030,#607080);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#102030,endColorstr=#607080);}
#footerLogoImage {position:absolute;left:5%;width:13.5%;padding:24px 0;}
#logoCC {width:10%;margin-top:4px;}
#footerText {position:relative;left:21%;top:0;width:75%;padding:24px 0 48px 0;font-size:0.8em;font-family:light;color:#bbbbbb;}
#footerText a {font-family:light;color:#eeeeee;}