.staffTheme {}
.staffTheme .fileterDirectory {font-size: 0.929em;font-weight: bold;margin: 1em 0 2em;}
.staffTheme .fileterDirectory fieldset {margin: 1em 0;}
.staffTheme .fileterDirectory label {display: inline-block;float: left;min-width: 126px;padding-right: 0.5em;}
.staffTheme .filterLetter {display: inline;margin: 0 1em;padding: 0;}
.staffTheme .filterLetter li {border-left: 1px solid #666666;display: inline-block;float: left;line-height: 1em;margin: 2px 0;padding: 0;}
.staffTheme .filterLetter li:first-child {border-left: 0 none;}
.staffTheme .filterLetter a, .filterLetter span {display: inline-block;line-height: 1em;min-width: 21px;padding: 2px 0;text-align: center;}
.staffTheme .thumbFilter {display: table;margin-bottom: 1em;overflow: hidden;width: 100%;}
.staffTheme .thumbFilter .btn {border-radius: 0 0 0 0;display: table-cell;height: 40px;padding: 0 5px;text-align: center;vertical-align: middle;}
.staffTheme .thumbFilter .btn.active {background: -moz-linear-gradient(#8F8F8F 0%, #666666 100%) repeat scroll 0 0 transparent;}
.staffTheme .no-cssgradients .thumbFilter .btn.active {background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmOGY4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=") repeat scroll 0 0 transparent;}
.staffTheme .lt-ie9 .thumbFilter .btn.active {}
.staffTheme .thumbFilter .btn:first-child {border-bottom-left-radius: 3px;border-top-left-radius: 3px;padding: 0 10px 0 20px;}
.staffTheme .thumbFilter .btn:last-child, .thumbFilter .btn.last-child {border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.staffTheme .thumbPager {margin: 2em 0;text-align: center;}
.staffTheme .thumbPager ul {display: block;margin: 0;padding: 0;}
.staffTheme .thumbPager li {display: inline-block;margin: 0;padding: 0;}
.staffTheme .thumbPager a {display: inline-block;font-weight: bold;line-height: 1em;padding: 2px 8px;position: relative;}
.staffTheme .thumbPager span {display: inline-block;line-height: 1em;padding: 2px 8px;position: relative;}
.staffTheme .pagerBack {border-right: 1px solid #CCCCCC;margin-right: 2px;}
.staffTheme .pagerNext {border-left: 1px solid #CCCCCC;margin-left: 2px;}
.staffTheme .pagerNext:hover, .pagerNext:focus, .pagerBack:hover, .pagerBack:focus {color: #666666;text-decoration: none;}
.staffTheme .pagerBack:before, .pagerNext:after {display: inline-block;font-size: 2em;font-weight: normal;line-height: 11px;padding: 0 2px;position: absolute;text-decoration: none;}
.staffTheme .pagerBack:before {content: "a";left: -10px;}
.staffTheme .pagerNext:after {content: "b";right: -10px;}
.staffTheme .itemList {display: block;font-size: 1em;margin: 0 0 20px;padding: 0;text-align: center;}
.staffTheme .itemList li {display: inline-block;margin: 0;padding: 0;vertical-align: top;}
.staffTheme .item {color: #666666;display: inline-block;padding-bottom: 10px;position: relative;text-align: center;vertical-align: top;}
.staffTheme .item:hover, .item:focus {color: #666666;text-decoration: none;}
.staffTheme .item > h3, .item > .position {margin: 0;text-align: left;}

.staffTheme .directoryList li {display:block;text-align:left;}
.staffTheme .directoryList .item {width: auto;display:block;border-top:1px solid #000;padding:10px;}
.staffTheme .directoryList .item img {display:none;}
.staffTheme .directoryList .item .position{font-size: .8em;}
.staffTheme .directoryList h3 {}
.staffTheme .directoryList li a{}
.staffTheme .directoryList .arrow {position:absolute;right:5px;top:0px;font-size:4em;pading:0px;margin:0px;line-height:.8em;color:#b6b6b6;}
.staffTheme .directoryGrid .item {width: 220px;}
.staffTheme .directoryGrid .description h3 {padding-top: 80px;}
.staffTheme .directoryGrid .arrow {display:none;}

.staffTheme .image {display: inline-block;overflow: hidden;position: relative;}
.staffTheme .image img {display: block;margin: 0 auto;position: relative;z-index: 5;}
/* .staffTheme .item:hover .description, .item:focus .description {top: 0;} */
/* .staffTheme .description {-moz-transition: all 0.3s ease 0s;background: none repeat scroll 0 0 rgba(25, 170, 219, 0.65);display: block;height: 100%;left: 0;position: absolute;text-align: center;top: 100%;width: 100%;z-index: 10;} */
/* .staffTheme .no-hsla .description {background: none repeat scroll 0 0 #1AACDC;} */
/* .staffTheme .description h3 {color: #FFFFFF;font-size: 20px;margin-bottom: 0;} */
/* .staffTheme .description .position {color: #064155;font-weight: bold;} */

.staffTheme .featuredStaff {margin: 1em auto;width: 295px;}
.staffTheme .featuredStaff .item {min-height: 286px;padding: 6px;}
.staffTheme .thumbScroll {border: 1px solid #CCCCCC;box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.25);display: inline-block;}
.staffTheme .thumbScroll .thumb-list {margin: 0;}
.staffTheme .thumbScroll li {display: none;}
.staffTheme .thumbScroll li:first-child {display: inline-block;}
.staffTheme .no-js .featuredStaff .prev, .no-js .featuredStaff .next {display: none;}
.staffTheme .featuredStaff .prev, .featuredStaff .next {-moz-transition: all 0.3s ease-out 0s;background: url("/cms/images/layout/arrow-pink.png") no-repeat scroll 0 50% transparent;display: inline-block;height: 55px;opacity: 1;overflow: hidden;text-indent: -9999em;vertical-align: bottom;width: 24px;}
.staffTheme .featuredStaff > a:hover, .featuredStaff > a:focus {opacity: 0.7;}
.staffTheme .featuredStaff .next {background-position: -24px 50%;}
.searchBox {
    background: none repeat scroll 0 0 padding-box #999999;
    border-radius: 10px 10px 10px 10px;
    border-top: 1px solid #474747;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset;
    display: inline-block;
    height: 19px;
    position: relative;
    width: 100%;
}
.searchBox input[type="text"] {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    color: #FFFFFF;
    float: left;
    height: 19px;
    line-height: 19px;
    padding: 1px 0 0 10px;
    width: 85%;
}
.searchBox .btnSearch {
    -moz-box-sizing: border-box;
    background: url("/cms/images/layout/icon_search_white.png") no-repeat scroll 50% 50% transparent;
    border: 0 none;
    float: right;
    height: 19px;
    position: relative;
    width: 15%;
}

.searchBox {
    float: right;
    width: 160px;
}
.searchBox input.search, .searchBox input[type="search"], .searchBox input[type="text"] {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    color: #FFFFFF;
    float: left;
    height: 19px;
    line-height: 19px;
    padding: 1px 0 0 10px;
    width: 85%;
}
.lt-ie8 .searchBox input[type="text"] {
    width: 75%;
}
.searchBox input.search:focus, .searchBox input[type="search"]:focus {
    box-shadow: 0 0 0 2px #009933 inset;
    outline: medium none;
}
.searchBox *:-moz-placeholder {
    color: rgba(255, 255, 255, 0.75);
}
.searchBox .btnSearch {
    -moz-box-sizing: border-box;
    background: url("/cms/images/layout/icon_search_white.png") no-repeat scroll 50% 50% transparent;
    border: 0 none;
    float: right;
    height: 19px;
    position: relative;
    width: 15%;
}
.searchBox .btnSearch:hover, .searchBox .btnSearch:focus {
    opacity: 0.75;
}
.visuallyHidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.staffTheme .filterView {float:right;}
.staffTheme .filterView label {min-width:0px;}
.staffTheme .filterView .filterText {font-size:.875em;}
.staffTheme  #viewGrid, .staffTheme  #viewList {font-size:1.2em;text-decoration:none;float:left;text-align:center;}
.staffTheme  #viewList {margin-left:5px;border-left:1px solid #000;padding:0px 5px;}

@font-face {
	font-family: 'icomoon';
	src:url('/cms/fonts/icomoon.eot');
	src:url('/cms/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/cms/fonts/icomoon.woff') format('woff'),
		url('/cms/fonts/icomoon.ttf') format('truetype'),
		url('/cms/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-play, .icon-play-2, .icon-stop, .icon-paragraph-justify {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-play:before {
	content: "\3c";
}
.icon-play-2:before {
	content: "\3e";
}
.icon-stop:before {
	content: "\25a0";
}
.icon-paragraph-justify:before {
	content: "\3d";
}

.staffTheme .profile {text-align:left;}
.staffTheme .profile .image {float:left;width:250px;}
.staffTheme .profile .details {float:left;margin-left:10px;}
.staffTheme .profile .details h1{margin:0px 0px 0px;font-weight:normal;}
.staffTheme .profile .details .title{font-weight:bold;margin-bottom:10px;}
.staffTheme .profile .field {margin-bottom:5px;}
.staffTheme .profile .field label {font-weight:bold;}
.staffTheme .profile .field span {padding-left:10px;}
.staffTheme .profile .description {margin-top:20px;}
    
@media all and (max-width: 400px){
	.searchBox {width:100%;height:30px;margin-top:10px;}
	.searchBox .btnSearch {height: 30px;}
	.searchBox input.search, .searchBox input[type="search"], .searchBox input[type="text"] {line-height:30px;height:30px;}
	.filterText {display:none;}
	.fileterDirectory .lastName label.lastName {display:none;}
	.fileterDirectory .lastName .filterLetter{display:none;}
	.fileterDirectory .department {display:none;}
	.staffTheme .filterView {float:none;text-align:center;margin:0px auto;width:48px;}	
    .staffTheme .profile .image {float:none;margin-bottom:10px;}
    .staffTheme .profile .details {float:none;margin-left:0px;}
}



/* Legacy CSS */
.directoryDataTbl {width:100%;}
.directoryDataTbl th {background:#3e628d;color:#fff;font-weight:bold;padding:5px;}
.directoryDataTbl th a{color:#fff;}
.directoryDataTbl tr td {padding: 5px 5px 8px 5px;}
.directoryDataTbl tr.row  {background:none;}
.directoryDataTbl tr.row td {background:none;}

.directoryFilter {margin-bottom:10px;}
.directoryFilterLetters {float:left;}
.directoryDepartmentFilter {float:right;}
.directoryLastNameFilter {margin-bottom:8px;}
.directoryFilterShowAll {float:left;}
.directoryFilterLetters {float:left;}

table.datatbl {width:100%; margin:15px 0;}
table.datatbl th { background:transparent url(/cms/images/nav-bg.gif) repeat-x top; text-align:left; padding:8px 15px; font:bold 14px Arial; color:#fff; text-transform: uppercase;}
table.datatbl td {border-bottom:1px solid #8ad1ef; vertical-align:top; padding:6px 15px;}
table.datatbl th a, table.datatbl th a:link, table.datatbl th a:visited {color:#fff;}
table.datatbl table td {border-bottom:none;}