html{width:100%;height:100%;}
body{background-color: #fff;width:100%;height:100%;overflow-x: hidden;margin: 0;font-family: 'Roboto';}

form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}

p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}

ul, ol{padding:0px 0px 20px 30px;margin:0px;list-style-type: disc;overflow: auto;}
	ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha > li, ol.roman > li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"" counter(roman, lower-roman)". ";position:absolute;left:-1.3em;}
ol.alpha > li:before {counter-increment: alpha;content:"" counter(alpha, lower-alpha)". ";position:absolute;left:-1.4em;}
ul.orange{list-style: none;padding: 0;margin: 0;}
ul.orange > li {padding-left: 1.5vw;text-indent: -1.5vw;}
ul.orange > li::before{content: "■";color: #f3714d;padding-right: .5vw;}

input[type="submit"]{outline-width: 0;}

div.mainContainer{position:relative;width:100%;min-height:100%;text-align:left;z-index:1;font-size:0;overflow: hidden; overflow-y: auto; white-space: nowrap;}

div.fullNoWrap{width: 100%;    height: 100%;    white-space: nowrap; font-size: 0; line-height: 0;}
div#content{position: relative;    z-index: 5;    display: block;    vertical-align: top;    padding: 0 20px 0 20px;    font: 18px/22px 'Roboto', Arial;    color: #222222;    width: 974px;    white-space: normal;    margin: 20px auto 6vh auto;}

a.lang{position: absolute;    top: 5px;    right: 27px;    text-decoration: none;    color: #fff;}

h1{background-color: #442d74;    color: #fff;    padding: 10px 10px 10px 30px; margin: 0 0 5px 0; white-space: nowrap;}
	h1 span.left{display: inline-block;    vertical-align: middle;    border-right: 5px solid #b65c32;    padding: 10px 30px 10px 0px;    font: 32px/40px 'Roboto', Arial;    font-weight: 600;}
	h1 span.right{display: inline-block;    vertical-align: middle;    padding: 10px 20px 10px 20px;    font: 24px/26px 'Roboto', Arial;    font-weight: 600;}

div.greenBox{display: inline-block;    vertical-align: top;    padding: 25px 30px;    background-color: #4e8e89;    font: 34px/38px 'Roboto', Arial;    color: #fff;    font-weight: 600;    width: 314px;    height: 204px;}
img.banner{display: inline-block;    vertical-align: top;    width: 600px;}

div.authorBox{float: right;    margin: 0 0 0 20px;    background-color: #e8e6e8;}
	div.authorBox div.right{display: inline-block;    vertical-align: middle; padding: 0 20px 0 0;}
	div.authorBox h2{font-size: 20px;}
	div.authorBox img{display: inline-block;    vertical-align: middle;margin: 0 10px 0 0; width: 125px;}
	div.authorBox p{display: inline-block;    border-left: 5px solid #b65c32;    padding: 0 0 0 10px; font-size: 14px; line-height: 18px; margin: 0;}

img.graphRight{float: right;    width: 70%;}
div.graphLeft h2{font-size: 14px;    line-height: 16px; margin-bottom: 30px;}
div.graphLeft div.orangeBorder{font-size: 12px;    line-height: 14px;    font-style: italic;    padding: 0 0 0 15px;    border-left: 5px solid #b65c32;}

div.greenLin{background-image: url(images/greenBar.jpg);background-repeat: repeat-x;text-align: center;margin: 30px 0;}
	div.greenLin img{display: block;    margin: 0 auto;}

div#content hr{height: 0; border: 0px; border-top: 5px solid #b65c32; margin: 30px 0;}

span.orange{color:#b65c32; font-weight: 600;}

div.vidCon{background-color: #000; width: 980px;    height: 547px;    margin: 0 0 20px 0;    padding: 0;}
	div.vidCon iframe{display: block; width: 100%;    height: 100%;    border: 0px solid #bbb; margin: 0;}

h2{margin: 0 0 10px 0;    color: #4e8e89;    font-size: 24px;    line-height: 26px;}
	h2.centered{text-align: center;}

.toggled{display:inline-block;}

p.conclusion{font: 20px/24px 'Roboto', Arial;    color: #4e8e89;    font-weight: 600;}

ol.references{background-color: #e8e6e8;    padding: 20px 40px;    font: 14px/18px 'Roboto', Arial; margin-bottom: 20px;}
p.miceType{font-size: 10px;    line-height: 12px;}
p.miceType2{font-size: 10px;    line-height: 12px;	text-align: center;}


.toggled.disabled{opacity:0.4;pointer-events:none;}
.toggled.disabled.hidden{display:none;}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sup{margin: 0 0 0 3px;}
sub { 
  top: 0.4em; 
}

div#vidFrame iframe{display: block;width: 874px;height: 492px;margin: 0 auto;background-color: #fff;box-shadow: 0px 3px 20px #666;}
	div#vidFrame.hidden{display: none;}
div#vidCap{font: 16px 'Roboto'; font-weight: 400; text-align: center; padding: 10px;}

div.table{display:table;border:0px;border-collapse:collapse;margin-bottom: 20px;}
div.tableRow{display:table-row;}
div.tableCell{display:table-cell;padding: 0.5vw;}
div.tableRow.head div.tableCell{border:1px solid #fff;background-color:#15244b;color:#fff;font-weight: 600;}
div.tableRow.dGray div.tableCell{border:1px solid #fff;background-color:#ccccd0; }
div.tableRow.gray div.tableCell{border:1px solid #fff;background-color:#e7e8e9;}

div.tableRow.noPad div.tableCell{padding:0;}

form#adminForm{padding:20px;font-size: 16px;}

div.pieLabel{padding: 0 0 0 0;}

input[type="text"],input[type="password"]{border-radius: 0px;border: 1px solid #bfbfbf;color:#4c4c4c;margin: 0 0 10px 0;font: 16px 'Roboto';}
input[type="submit"]{cursor:pointer;}


@media all and (max-height: 868px) {
	div#content{font: 18px/20px 'Roboto', Arial;}

}

div#footer{position: absolute;    bottom: 0;    left: 0;    z-index: 50; width: 90%;    height: auto;    padding: 2vh 5% 2vh 5%;    background-color: #fff;    font-size: 12px;    line-height: 34px;    text-align: center;    white-space: normal;}
	div#footer p{margin: 0px 0px 5px 0px;}
	div#footer img{display: inline-block;    height: 30px;    vertical-align: middle;    margin: 0 5px;}

div.warning{color:#ff0000;padding:0px 0px 10px 0px;font:17px/19px 'Montserrat', Arial;font-weight:400;text-shadow: 1px 1px #fff;}

.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="number"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;border:1px solid #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
    color:    red !important;
}
.warn::-moz-placeholder { /*Firefox */
   color:   red !important;
}
.warn:-ms-input-placeholder { /* IE */
   color:    red !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 background-color: transparent !important;
    background-image: inherit !important;
}

.fade-enter-active, .fade-leave-active{
	transition: opacity .5s;
}
.fade-enter, .fade-leave-to{
	opacity: 0;
}

@keyframes scrollIn1 {
	0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
	0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
	0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
	0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }

@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }

@keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
img.fade_24_1{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 2600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 2600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 2600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 2600ms;}