/* 

THIS IN AN EXTERNAL STYLESHEET

these styles are for all page content
that for one reason or another are not
able to be placed in 'flex_base_content.css'
(ie: media queries, advanced css selectors, 
etc.) 

*/
.container {width:100%;}
#slides {position:relative;}
.slidesjs-pagination {display:none;}
.slidesjs-previous, .slidesjs-next {width:42px;height:72px;text-indent:-9999px;position:absolute;top:50%;margin:-37px 0 0 0;z-index:10;}
.slidesjs-previous {background:url(/sebin/v/b/slide-controls.png) no-repeat 50% 0;left:0;}
.slidesjs-next {background:url(/sebin/v/b/slide-controls.png) no-repeat 50% -70px;right:0;}
#slides img {max-width:100%;}

div.flex-wrapper {float:left;clear:both;margin:0 0 1em 0;width:100%;}

div.flex-25 {width:23.6%;float:left;margin:.9%;}
div.flex-25-wrapper .first-child {margin-left: 0;}
div.flex-25-wrapper .last-child {margin-right: 0;}
div.flex-25 img {width:92%;padding:4%;border:1px solid #ccc;background:#fff;}

div.flex-33 {width:31.8%;float:left;margin:1%;}
div.flex-33-wrapper .first-child {margin-left: 0;}
div.flex-33-wrapper .last-child {margin-right: 0;}
div.flex-33 img {width:94%;padding:3%;border:1px solid #ccc;background:#fff;}

div.flex-50 {width:48.5%;float:left;margin:1%;}
div.flex-50-wrapper .first-child {width:48.5%;float:left;margin-left: 0;}
div.flex-50-wrapper .last-child {width:48.5%;float:left;margin-right: 0;}
div.flex-50 img {width:96%;padding:2%;border:1px solid #ccc;background:#fff;}

div.flex-100 {width:99.8%;}
div.flex-100 img {width:98%;padding:1%;border:1px solid #ccc;background:#fff;}

div.flex-25-left {width:25%;float:left;margin:2% 2% 2% 0;}
div.flex-25-right {width:23.6%;float:right;margin:2% 0 2% 2%;}
div.flex-25-left img, div.flex-25-right img  {width:90%;padding:3%;border:1px solid #ccc;background:#fff;}

div.flex-33-left {float:left;width:33.33%;margin:2% 2% 2% 0;}
div.flex-33-right {float:right;width:33.33%;margin:2% 0 2% 2%;}
div.flex-33-left img, div.flex-33-right img {width:94%;padding:3%;border:1px solid #ccc;background:#fff;}

div.flex-50-left {float:left;width:46%;margin:2% 4% 2% 0;}
div.flex-50-right {float:right;width:48%;margin:2% 0 2% 2%;}
div.flex-50-left img, div.flex-50-right img {width:96%;padding:2%;border:1px solid #ccc;background:#fff;}

.flex-75-left {float: left;width: 70%;margin: 2% 2% 0 0;}

p.flex-caption, span.flex-caption {position:relative;background:#fff;border:1px solid #ccc;border-top:0 none;font-size:.9em;font-style:italic;margin:0;display: block;line-height: 15px;}

div.flex-25-wrapper p.flex-caption, div.flex-25-left p.flex-caption, div.flex-25-right p.flex-caption, div.flex-25-wrapper span.flex-caption, div.flex-25-left span.flex-caption, div.flex-25-right span.flex-caption {width:90%;padding:0 3% 3% 3%;top:-1px;}
div.flex-33-wrapper p.flex-caption, div.flex-33-left p.flex-caption, div.flex-33-right p.flex-caption, div.flex-33-wrapper span.flex-caption, div.flex-33-left span.flex-caption, div.flex-33-right span.flex-caption {width:94%;padding:0 3% 3% 3%;top:-5px;}
div.flex-50-wrapper p.flex-caption, div.flex-50-left p.flex-caption, div.flex-50-right p.flex-caption, div.flex-50-wrapper span.flex-caption, div.flex-50-left span.flex-caption, div.flex-50-right span.flex-caption {width:96%;padding:0 2% 2% 2%;top:-5px;}
div.flex-100 p.flex-caption, div.flex-100 span.flex-caption {width:98%;padding:0 1% 1.1% 1%;top:-5px;}

div.flex-callout-wrapper {width:100%;background:url(http://hopkinsmedicine.org/sebin/v/h/flex-callout-wrapper.jpg) no-repeat 0 0;float:left;clear:both;}
div.flex-callout {width:47.4%;padding:1%;float:left;}
div.flex-callout h4 {margin:.3em 0 .5em 0;}
div.flex-callout-img {width:48%;margin:0 3% 3% 0;float:left;}
div.flex-callout-img img {width:92%;padding:4%;border:1px solid #ccc;background:#fff;}

a.flex-button {box-shadow:0 1px 2px rgba(0,0,0,.6);border:1px solid #00276f;border-radius:3px;font-size: 1.2em;line-height:1.6em;font-weight:lighter;font-family:'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;text-decoration:none;color:#E7E9EB !important;text-shadow:0 1px 1px #00276f !important;padding:5px 7px;background: #4c689a; /* Old browsers */
background: -moz-linear-gradient(top,  #4c689a 0%, #00276f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c689a), color-stop(100%,#00276f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c689a 0%,#00276f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c689a 0%,#00276f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c689a 0%,#00276f 100%); /* IE10+ */
background: linear-gradient(top,  #4c689a 0%,#00276f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c689a', endColorstr='#00276f',GradientType=0 ); /* IE6-9 */
;}
a.flex-button:hover {box-shadow:0 1px 2px rgba(0,0,0,.6);border:1px solid #00276f;border-radius:3px;font-size: 1.2em;line-height:1.6em;font-weight:lighter;font-family:'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;text-decoration:none;color:#E7E9EB !important;text-shadow:0 1px 1px #00276f !important;padding:5px 7px;background: #4c689a; /* Old browsers */
background: -moz-linear-gradient(top,  #6480b4 0%, #00276f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6480b4), color-stop(100%,#00276f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6480b4 0%,#00276f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6480b4 0%,#00276f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6480b4 0%,#00276f 100%); /* IE10+ */
background: linear-gradient(top,  #6480b4 0%,#00276f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6480b4', endColorstr='#00276f',GradientType=0 ); /* IE6-9 */
;}
a.flex-button-maps-google, a.flex-button-maps-print, a.flex-button-maps-google:hover, a.flex-button-maps-print:hover {line-height:4em;padding: 13px 18px 13px 11px;margin:.75em 0;display:inline-block;}
a.flex-button-maps-google span {padding:0 0 0 4em;background:url(http://hopkinsmedicine.org/sebin/d/c/btn-maps-google.png) no-repeat 0 50%;display:inline-block;line-height:2em;background-size:3.21em 1.93em;}
a.flex-button-maps-print span {padding:0 0 0 4em;background:url(http://hopkinsmedicine.org/sebin/d/m/btn-maps-print.png) no-repeat .25em 50%;display:inline-block;line-height:2em;background-size:2.64em 1.86em;}

ul.waypoint-list {list-style:none;padding:0;margin:0;}
ul.waypoint-list li {list-style:none;margin:0;border-top:2px dotted #ddd;}
ul.waypoint-list li a {font-size: 1.2em;line-height:2.5em;font-weight:lighter;font-family:'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;text-decoration:none;color:#00276f;padding:.5%;}
ul.waypoint-list li ul {padding:0;margin:0 0 10px 0;box-shadow:1px 1px 3px #ddd;}
ul.waypoint-list li ul li {border:none;width:100%;}
ul.waypoint-list li ul li a {font-weight:normal;font-size: .95em;line-height:1.3em;font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;text-decoration:none;color:#666;padding:.75%;border-top:1px solid #ddd;background:#fff;width:98.5%;display:block;}
ul.waypoint-list li ul li:nth-child(even) a {background:#f9f9f9;}
ul.waypoint-list li ul li:nth-child(odd) a {background:#efefef;}
ul.waypoint-list li ul li:nth-child(even) a:hover {background:#e9e9e9;}
ul.waypoint-list li ul li:nth-child(odd) a:hover {background:#e9e9e9;}

form#select-floor select {font-size: 1.2em;line-height:2.5em;font-weight:lighter;font-family:'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;text-decoration:none;color:#00276f;padding:.5%;}
form#select-floor select option {float:left;border-bottom:1px dotted #999;}

.callout-list {width:230px;padding:10px;border:1px solid #CCC;margin:0 0 15px 0;font-size:12px;line-height:1.25em;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.callout-list-left {float:left;margin:0 15px 15px 0;}
.callout-list-right {float:right;margin:0 0 15px 15px;}
.callout-list ul {width:200px;padding:5px 15px;background:#EAEEFC;margin:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px;
background:#eaeef9;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNlYWVlZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #eaeef9 52%, #ffffff 94%);background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#eaeef9), color-stop(94%,#ffffff));background: -webkit-linear-gradient(top,  #eaeef9 52%,#ffffff 94%);background: -o-linear-gradient(top,  #eaeef9 52%,#ffffff 94%);background: -ms-linear-gradient(top,  #eaeef9 52%,#ffffff 94%);background: linear-gradient(to bottom,  #eaeef9 52%,#ffffff 94%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef9', endColorstr='#ffffff',GradientType=0 );}
.callout-list ul li {padding:10px 0; list-style-type:none; border-bottom:dotted 1px #4C689A;}
.callout-list ul li:last-child {border:none;padding:10px 0 0 0;}

.gts-table tr td {padding:1em 0;vertical-align:top;}
.gts-table tr td img {padding:6px;border:1px solid #ccc;background:#fff;max-width:80px;margin:0 1.5em 0 0;}

table.responsive {background:#fff;margin: 0 0 1.5em 0;border: 1px solid #DDD;border-bottom: none;border-spacing:2px;width:100%;line-height:1.4em;}
table.responsive tr th {padding: .5em .6em;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;text-transform: uppercase;text-align: left;background: #a9c4f3;vertical-align: text-top;}
table.responsive tr td {background-color: #fff;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: .7em .8em;vertical-align: text-top;}
table.responsive tr th:first-child {border-left: 1px solid #ddd;border-top: 0;background: #F5FAFA url(http://hopkinsmedicine.org/sebin/c/y/table-bullet.gif) no-repeat 1px 1px;color: #797268;}
table.responsive tr td.empty {background:#ffffff !important;}
table.responsive .yellow {background:#fff1bf;}
table.responsive .white {background:#fff;}
table.responsive .blue {background:#a9c4f3;}	

table.overflow {background:#fff;border: 1px solid #DDD;border-bottom: none;border-spacing:2px;width:100%;line-height:1.4em;min-width:730px;}
table.overflow tr th {padding: .5em .6em;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;text-transform: uppercase;text-align: left;background: #a9c4f3;vertical-align: text-top;}
table.overflow tr td {background-color: #fff;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: .7em .8em;vertical-align: text-top;}
table.overflow .yellow {background:#fff1bf;}
table.overflow .white {background:#fff;}
table.overflow .blue {background:#a9c4f3;}

.mainBodyContentData iframe, .mainBodyContentData embed {margin:0 0 2em 0;}
.ctContentBox {width:96%;border:#CCC 1px solid; padding:2%; margin:1% 0 2% 0; float:left;color: #333;}

.blockquoteTan {position:relative;background:#e2e2da;display:block;padding:2%;width:96%;height:auto;float:left;margin:1em auto;text-align:center;font-family:"Gill Sans", Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:100;line-height:1.5em;color: #333;}
.blockquoteTan p {margin:.5em auto;padding:0 12%;}
.blockquoteTan em {font-size:.75em;}
.blockquoteTan:before, .blockquoteTan:after {color:#fff;content:close-quote;font-size:82px;font-family: Arial, Helvetica, sans-serif;}
.blockquoteTan:before {content:"\201C";position:absolute;top:30px;left:10px;}
.blockquoteTan:after {content:"\201D";position:absolute;right:10px;bottom:0px;}

.button-a-z {width: 98.8%;padding: 0 !important;list-style: none !important;background: #f5f5f5;border: 1px solid #ddd;float:left;}
.button-a-z li {width: 3.84%;float: left;text-align: center;line-height: 1.5 !important;margin: 0 !important;padding: 1.25% 0 !important;color: #bbb;}
.button-a-z li a {width: 100%;text-align: center;}
li.view-all-button {background: #fff;width: 100%;padding: 5px 0 !important;margin: 0 !important;}

.light-background, .dark-background {width: 96%;float: left;padding: 2%;background: #e7e9eb;}
.dark-background{background: #c8ced3;}

.research-labs-sidebar {border-left: 1px #ccc solid;padding: 0 0 0 2%;}
.research-labs-sidebar ul {list-style-type: none;padding-left: 0;}
.research-labs-sidebar ul li {margin-bottom:15px;}


@media only screen and (max-width: 767px) {  /* responsive tables code */

table.responsive { margin-bottom: 0; }

.pinned { position: absolute; left: 0; top: 0; background: #FFF; width: 20%; overflow: hidden; }
.pinned table { border-right: none; border-left: none; width:100%; }

div.scrollable {margin:0 0 1.5em 0;}
div.table-wrapper { position: relative; overflow: hidden; background-color: #E8F5FF; }
div.table-wrapper div.rejoinder-scrollable table {margin-left:20%;}
div.table-wrapper div.rejoinder-scrollable { overflow: scroll; overflow-y: hidden; }	
div.rejoinder-scrollable td.firstCol, div.rejoinder-scrollable th.firstCol { display: none; }	

}

@media screen and (max-width: 480px) {
	.slidesjs-previous, .slidesjs-next {width:30px;}
}