@charset "UTF-8";
/* Utility Styles to be imported by any site */

.clearleft { clear: left; }  
.clearright { clear: right; }  
.floatleft { float: left; margin: 0px 10px 5px 0px; }  
.floatright { float: right; margin: 0px 0px 5px 10px; }
.cursor { cursor: pointer; }
.strike { text-decoration: line-through; }
p.emptyStart { font-size: 1px; line-height:1px; margin:0; padding: 0; display:none; }

span.from { color: #777; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; }
/*span.label { color: #666; }*/

.headshot, div.photo img, img.photo { border: 1px solid #999; }
div.photo p.caption { margin: 0px; padding: 3px 3px 2px; font-size: 11px; text-align: center; border-top: 1px solid #999; }
.headshot p { margin:0; padding: 5px; font-size: .85em; line-height: 1.25em; text-align:center; border-top: 1px solid #999; background: #eee; 
background: -webkit-linear-gradient(top,#fff,#eee);background: -moz-linear-gradient(top,#fff,#eee); background: linear-gradient(#fff,#eee); }

.listTitle { margin-bottom: 3px; }
.contain { overflow: hidden; }

/* Responsive Video Wrappers */
	.ytVideoWrapper { overflow:hidden; display: block; margin: 15px 0; max-width: 600px; }
	.center-block > .ytVideoWrapper,
	.ytVideoWrapper.center-block { margin-left: auto; margin-right: auto; }
	.ytVideo { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
	.ytVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.jwWrapper { overflow:hidden; display: block; margin: 15px 0; max-width: 600px; outline: 1px solid rgba(0,0,0,.25); }
	.center-block > .jwWrapper,
	.jwWrapper.center-block { margin-left: auto; margin-right: auto; }
	.jwAudioWrapper .jwplayer { width: 100% !important; }
	.jwAudioWrapper .image img { margin: 0 auto; }
	
	.vimeoWrapper { overflow:hidden; display: block; margin: 15px 0; max-width: 600px; }
	.vimeoVideo { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
	.vimeoVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	/*.vimeoVideo { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;  }*/
	
	.genericVideoWrapper { overflow:hidden; display: block; margin: 15px 0; max-width: 600px; }
	.genericVideoWrapper.center-block { margin: 15px auto; }
	.genericVideo { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
	.genericVideo iframe,
	.genericVideo object,
	.genericVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

	.tiktokVideoWrapper { overflow:hidden; display: block; margin: 15px 0; max-width: 300px; }
	.tiktokVideoWrapper.center-block { margin: 15px auto; }
	.tiktokVideo { position: relative; padding-bottom: 205.88%; height: 0; overflow: hidden; max-width: 100%; }
	.tiktokVideo iframe,
	.tiktokVideo object,
	.tiktokVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.sgWrapper { overflow: hidden; max-width: 100%; }

.weak, .footnote { color: #666; font-weight: normal; font-size: .85em; line-height: 1.25em; }
.footnote { width: 50%; margin: 15px 0px 5px; padding-top: 5px; border-top: 1px solid #ccc; } 
sup.fn { color: #666; font-weight: normal; }
.attn { color: #900; font-weight: bold; }
h1 span.weak { font-size: .7em; }
.smallCaps { font-variant: small-caps; }

div.quote { width: 250px; float: right; clear: right; margin: 0px 0px 10px 15px; }
div.quote p { margin: 0px 0px 5px; font-size: 16px; line-height: 24px; font-style: italic; }
div.quote p.weak { margin: 0px; font-size: 11.5px; line-height: 16px; font-style: normal; }

p.error_message, p.errorMessage, p.thanks_message, p.thanksMessage { margin: 5px 5px 10px; padding: 5px 10px; overflow: hidden; font-weight: bold; font-size: 14px; line-height: 17px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
p.error_message, p.errorMessage { border: 2px solid #900; color: #900; -moz-box-shadow: 0px 0px 4px rgba(153,0,0,.8); -webkit-box-shadow: 0px 0px 4px rgba(153,0,0,.8); box-shadow: 0px 0px 4px rgba(153,0,0,.8); }
p.thanks_message, p.thanksMessage { border: 1px solid #000; color: #000; background-color: #ff8; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.4); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.4); box-shadow: 0px 1px 4px rgba(0,0,0,.4); }

img.wide { max-width: 100%; margin: .3em auto; height: auto; }
img.halfRight { max-width: 50%; margin: 0 0 1em 1em; height: auto; float: right; }
img.halfLeft { max-width: 50%; margin: 0 1em 1em 0; height: auto; float: left; }
div.image {  text-align: center; }
div.image img { max-width: 100%; }
div.image.wide img { margin-left: auto; margin-right: auto;}
#story div.image.wide {margin-left:0; margin-right: 0; max-width: 850px; width: auto;}
.overthrow-enabled .overthrow { overflow: auto; -webkit-overflow-scrolling: touch; }
div.field select { max-width: 100%; }

/* List Styles */
ol.references { margin-top: 0px; font-size: 11.5px; list-style: decimal outside; }
ol, ol.num { list-style-type: decimal; }
ol.numTwoDigits { list-style-type: decimal-leading-zero; }
ol.roman, ol.romanLower { list-style-type: lower-roman; }
ol.romanUpper { list-style-type: upper-roman; }
ol.alpha, ol.alphaLower { list-style-type: lower-alpha; }
ol.alphaUpper { list-style-type: upper-alpha; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }

.v-space-5  { margin-top: 5px;  margin-bottom: 5px;  }
.v-space-10 { margin-top: 10px; margin-bottom: 10px; }
.v-space-15 { margin-top: 15px; margin-bottom: 15px; }
.v-space-20 { margin-top: 20px; margin-bottom: 20px; }
.v-space-25 { margin-top: 25px; margin-bottom: 25px; }

.row-hover > .row:hover,
.list-group-hover .list-group-item:hover { background-color: #f5f5f5; }

/* tooltips: just add data-toggle="tooltip" data-title="your tool tip here" to any item*/
*[data-toggle=tooltip] { position: relative; transition: background .2s linear; }
*[data-toggle=tooltip]:before { content:attr(data-title); min-width: 100px; color: #fff; margin-bottom: 8px; margin-left: -20px; position: fixed; left: 50%; bottom: 100%; background-color: #000; padding: 3px 5px 4px; border-radius: 5px; box-shadow: 0 3px 10px rgba(0,0,0,.7); text-align:center; z-index: -10000;opacity: .01; transition: opacity .1s linear; }
*[data-toggle=tooltip]:after { content: ""; position: fixed; top: 0; left: 50%; margin-left: -8px; margin-top: -8px; border-top: 8px solid #000; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; z-index: -10000; right: 100%; opacity: .01; transition: opacity .1s linear; }

*[data-toggle=tooltip]:hover { background-color: #ffc; }
*[data-toggle=tooltip]:hover:before { position: absolute; z-index: 200; opacity: .8;}
*[data-toggle=tooltip]:hover:after {  z-index: 201; position: absolute; opacity: .66;}
*[data-title=""]:hover:before,*[data-title=""]:hover:after { display: none; }
*[data-toggle=tooltip][data-title=""]:hover { background-color: transparent; }

/* ResponsiveSlides.js styles */
.mssWrapper { max-width: 700px; overflow: hidden; position: relative; padding: 20px 40px 20px; margin:10px 0 20px; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.3) inset; }
.mssWrapper > .caption { text-align: center; margin: -10px 0 0; }
.mssWrapper:after { content: ""; display: block; position: absolute; bottom: 19px; left: 5px; right: 5px; height: 13px; background: linear-gradient(rgba(255,255,255,.01),rgba(255,255,255,1) 75%); z-index: 5; }

.mss_tabs { list-style: none; margin: 0 auto; padding: 5px 0; font-size: 13px; text-align: center; }
.mssWrapper > .mss_tabs:first-child { margin-top: -10px; }
.mss_tabs li { display: inline-block; width: 2em; height: 2em; margin: 0 0 0 1em; padding:0; }
.mss_tabs li:first-child { margin-left: 0; }
.mss_tabs a { display: inline-block; width: 2em; height: 2em; overflow: hidden; position:relative; text-indent: -9999px; }
.mss_tabs a:before { content: ""; border: 2px solid #fff; width: 1em; height:1em; margin:-.5em 0 0 -.5em; position:absolute; top: 50%; left: 50%; display: inline-block; border-radius: 1em; box-shadow: 0 0 3px rgba(0,0,0,.8), 0 0 3px rgba(0,0,0,.8) inset;}
.mss_tabs a:hover:before { border-color: #EEF6F8;  box-shadow: 0 0 3px rgba(88, 163, 182,.8), 0 0 3px rgba(88, 163, 182,.8) inset;}
.mss_tabs .mss_here a:before { box-shadow: 0 0 3px rgba(0,0,0,.8); }

.mediaSlideShow { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.mediaSlideShow li.mssSlide { -webkit-backface-visibility: hidden; position: absolute; /*display: none;*/ width: 100%; left: 0; top: 0; margin: 0; opacity: 0; z-index: 1; }
.mediaSlideShow li.mssSlide.mss_on { position: relative; opacity: 1; z-index: 2; }
.mediaSlideShow li.mssSlide.mss_off { position: absolute; opacity: 0; z-index: 1; }
.mediaSlideShow .mssVideoWrapper { margin: 0 auto; }
.mediaSlideShow .mssSlideMedia.image img { display:block; width: auto; height: auto; max-width: 100%; max-height: 550px; margin: 0 auto; }
.mssSlideCaption { padding: 10px; overflow: hidden; position: relative; }
.mssSlideCaption ul { list-style-type: disc; }

.mss_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 30px; left: -5px; bottom: 15%; max-height: 550px; margin-top: 0; opacity: 0.7; z-index: 3; overflow: hidden; text-decoration: none; width: 40px; box-shadow: 0 0 3px rgba(0,0,0,.3) inset; padding: 0 5px; display:block; font-size: 20px; border-radius: 0 5px 5px 0; }
.caption + .mss + .mss_nav, .caption + .mss + .mss_nav + .mss_nav, /* caption, but no tabs */
.mss_tabs + .mss + .mss_nav, .mss_tabs + .mss + .mss_nav + .mss_nav { top: 60px; } /* tabs */
.caption + .mss_tabs + .mss + .mss_nav, .caption + .mss_tabs + .mss + .mss_nav + .mss_nav { top: 100px; } /* caption + tabs */
.mss_nav span { display: block; text-align: center; padding: 0; position:absolute; top: 50%; margin-top: -.5em;}
.mss_nav.next { left: auto; right: -5px; border-radius: 5px 0 0 5px; }
.mss_nav:active,
.mss_nav:hover { opacity: 1.0; background-color: rgba(88, 163, 182,.1); } 

/* ==== Swiftype Overrides ==== */
.st-ui-no-results.st-search-suggestions .st-query-not-present { min-height: 200px; position: relative; overflow: hidden; }
.st-ui-container-footer_bar.st-position-container .st-ui-footer { border-top: 1px solid #ddd; margin-top: 20px; padding-top:20px;}

/* ==== Button styles ==== */
/* all buttons off */
input.submit, div.formActions input,
a.button, a.button:link, a.button:visited, 
a.regButton, a.regButton:link, a.regButton:visited {
border: 1px solid #000; color: #fff; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,.5); cursor: pointer; background-color: #06f; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.3), inset 0px 1px 0px rgba(255,255,255,.4), inset 0px 14px 10px rgba(255,255,255,.2), inset 0px 2px 7px rgba(255,255,255,.3), inset 0px -5px 7px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.3), inset 0px 1px 0px rgba(255,255,255,.4), inset 0px 14px 10px rgba(255,255,255,.2), inset 0px 2px 7px rgba(255,255,255,.3), inset 0px -5px 7px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 3px rgba(0,0,0,.3), inset 0px 1px 0px rgba(255,255,255,.4), inset 0px 14px 10px rgba(255,255,255,.2), inset 0px 2px 7px rgba(255,255,255,.3), inset 0px -5px 7px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 0, 0, 0.4);
}

input.submit, div.formActions input { padding: 5px 7px; font-size: 13px; line-height: 13px; }
div.signup input.submit { padding: 4px 5px; }

a.button, a.button:link, a.button:visited,
a.regButton, a.regButton:link, a.regButton:visited { padding: 4px 10px; display: inline-block; }

/* all buttons hover */
.btn { white-space: normal; }

input.submit:hover, input.submit:focus,
div.formActions input:hover, div.formActions input:focus,
a.button:hover, a.button:focus,
a.regButton:hover, a.regButton:focus {
border-color: #666; color: #fff; text-decoration: underline; text-shadow: 0px 1px 1px rgba(0,0,0,.9); cursor: pointer; background-color: #07f;
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.2), inset 0px 1px 0px rgba(255,255,255,.4), inset 0px 14px 3px rgba(255,255,255,.2), inset 0px 2px 7px rgba(255,255,255,.4), inset 0px -5px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.2), inset 0px 1px 0px rgba(255,255,255,.4), inset 0px 14px 3px rgba(255,255,255,.2), inset 0px 2px 7px rgba(255,255,255,.4), inset 0px -5px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 3px rgba(0,0,0,.2), inset 0px 1px 0px rgba(255,255,255,.4), inset 0px 14px 3px rgba(255,255,255,.2), inset 0px 2px 7px rgba(255,255,255,.4), inset 0px -5px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 0, 0, 0.4);
}

/* all buttons active */
input.submit:active, div.formActions input:active,
a.button:active, a.regButton:active {
border-color: #000; color: #e8e8e8; color: rgba(255,255,255,.9); text-shadow: -1px -1px 1px rgba(0,0,0,.8); background-color: #05f;
-moz-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.8);
box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.8);
}

/* Disabled Buttons */
input[disabled].submit, input[disabled].submit:hover, input[disabled].submit:focus, input[disabled].submit:active, 
div.formActions input[disabled], div.formActions input[disabled]:hover, div.formActions input[disabled]:focus, div.formActions input[disabled]:active { 
border-color: #999; color: #999; text-decoration: none; text-shadow: none; cursor: default; background: #DDD; 
-moz-box-shadow: inset 0px -1px 5px rgba(0,0,0,.2); 
-webkit-box-shadow: inset 0px -1px 5px rgba(0,0,0,.2); 
box-shadow: inset 0px -1px 5px rgba(0,0,0,.2); 
}

