@import url(/s/resources/css/appstyles.css);
@import url(/s/resources/fonts/fontawesome/css/font-awesome.css);

/* General Style
---------------------------------------------*/
#PageTitle, .PageTitleHeader { display:none;}

.clearBoth{clear:both;}

.idbmsBreadcrumbSeparator {color:#002150!important;}
.expand img {background-color: #002150!important;}
.expand {background-color: #002150!important; display:inline-block; width:18px;}
.Error,.error {width:auto!important}
.EventsHeader {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}

img {max-width:100%;}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

.mastWrap img[src="/images/spacer.gif"], .explore  img[src="/images/spacer.gif"], #header img[src="/images/spacer.gif"] {display:none;}

::selection { background: #0066CC; color: #fff; } /* Safari 3.1+, Opera 9.5+, Chrome 2+ */
::-moz-selection { background: #0066CC; color: #fff; } /* Mozilla Firefox */

#ContentMiddle > ul {list-style:disc; padding:15px;}

/* HEAD ELEMENTS
---------------------------------------------*/
.headerWrap {border-bottom: 1px solid #517da0; width:100%; float:left;
background: rgb(1,49,86);
background: -moz-linear-gradient(top,  rgba(1,49,86,1) 0%, rgba(3,64,113,1) 62%, rgba(3,66,117,1) 77%, rgba(3,66,117,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,49,86,1)), color-stop(62%,rgba(3,64,113,1)), color-stop(77%,rgba(3,66,117,1)), color-stop(100%,rgba(3,66,117,1)));
background: -webkit-linear-gradient(top,  rgba(1,49,86,1) 0%,rgba(3,64,113,1) 62%,rgba(3,66,117,1) 77%,rgba(3,66,117,1) 100%);
background: -o-linear-gradient(top,  rgba(1,49,86,1) 0%,rgba(3,64,113,1) 62%,rgba(3,66,117,1) 77%,rgba(3,66,117,1) 100%);
background: -ms-linear-gradient(top,  rgba(1,49,86,1) 0%,rgba(3,64,113,1) 62%,rgba(3,66,117,1) 77%,rgba(3,66,117,1) 100%);
background: linear-gradient(to bottom,  rgba(1,49,86,1) 0%,rgba(3,64,113,1) 62%,rgba(3,66,117,1) 77%,rgba(3,66,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013156', endColorstr='#034275',GradientType=0 );
}

#header .searchbox {padding-top:20px;}
#header .searchbox iframe {float:right;}
#ContentSearch input {padding:5px; width:230px; font-size:12px;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.navWrap {border-bottom: 1px solid #b0bac9; width:100%; float:left;
background: rgb(216,216,216);
background: -moz-linear-gradient(top,  rgba(216,216,216,1) 0%, rgba(238,238,238,1) 28%, rgba(244,244,244,1) 44%, rgba(243,243,243,1) 56%, rgba(239,239,239,1) 67%, rgba(216,216,216,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(28%,rgba(238,238,238,1)), color-stop(44%,rgba(244,244,244,1)), color-stop(56%,rgba(243,243,243,1)), color-stop(67%,rgba(239,239,239,1)), color-stop(100%,rgba(216,216,216,1)));
background: -webkit-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(238,238,238,1) 28%,rgba(244,244,244,1) 44%,rgba(243,243,243,1) 56%,rgba(239,239,239,1) 67%,rgba(216,216,216,1) 100%);
background: -o-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(238,238,238,1) 28%,rgba(244,244,244,1) 44%,rgba(243,243,243,1) 56%,rgba(239,239,239,1) 67%,rgba(216,216,216,1) 100%);
background: -ms-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(238,238,238,1) 28%,rgba(244,244,244,1) 44%,rgba(243,243,243,1) 56%,rgba(239,239,239,1) 67%,rgba(216,216,216,1) 100%);
background: linear-gradient(to bottom,  rgba(216,216,216,1) 0%,rgba(238,238,238,1) 28%,rgba(244,244,244,1) 44%,rgba(243,243,243,1) 56%,rgba(239,239,239,1) 67%,rgba(216,216,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#d8d8d8',GradientType=0 );
}

/* MOBILE NAVIGATION */
.ie8 .navWrap2 {display:none;}
.mobileNav {display:none;}
.mobileNav ul {padding:0; margin:0 15px; list-style-type:none; overflow:hidden;}
.mobileNav > ul { margin:0;}
.mobileNav ul li {width:33%;float:left;}
.mobileNav ul li a { padding:10px 8px; display:block;outline:none; text-decoration:none; color:#807f7f; font-size:1em; line-height:1.3em; color:#002150; text-transform:uppercase;text-decoration:none; text-align:center; display:block; font-weight:bold; border-right:1px solid #b0bac9; border-left:1px solid #fff;}
.mobileNav ul li a span[class^="icon"] {font-size:1.2em; margin-right:4px;}
.mobileNav ul li:first-child a {border-left:none;}
.mobileNav ul li:last-child a {border-right:none;}

.js-ready #nav .close-btn {right:0.35em; left:auto; font-size:2.5em; opacity:0.8}
.js-ready #nav a.close-btn:hover {opacity:1; color:#fff;}
.mobileMainNav li br {display:none;}
.mobileMainNav li {border-top:1px solid rgba(255, 255, 255, 0.6); background:#4883ae; }
#nav li a {padding:1em; font-size:1em; color:#fff; }
.mobileMainNav li a {box-shadow:-1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.12) inset;-webkit-box-shadow:-1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.12) inset;}

#ContentMobileSearch label, #ContentMobileSearch button {display:none;}
#ContentMobileSearch {padding:1.2em 4.6em 1.2em 1em; background: #4883ae; box-shadow:-1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.12) inset;-webkit-box-shadow:-1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.12) inset;}
#ContentMobileSearch input {border-radius: 15px; -webkit-border-radius: 15px; width:84%; padding: 6px 8%; border:1px solid #bbbbbb;}
#ContentMobileSearch .SearchModuleSpacer {display:none;}

/* MOBILE SUB NAV */
.mobileSubNav {display:none; margin-bottom:20px;}
.mobileSubNav br {display:none;}
.mobileSubNav > ul {background:#4883ae;border: 1px solid #fff; box-shadow: 0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);}
.mobileSubNav ul li a {position:relative; padding:10px 15px; display:block;outline:none; text-decoration:none; color:#4582a1;}
.mobileSubNav a.menu-link {text-decoration:none; color:#fff;font-size:1.3em; line-height:1em;font-weight:bold;cursor:pointer; padding-right:35px;}
.mobileSubNav a.menu-link i {margin-right:6px;}
.mobileSubNav ul li a i {position:absolute; right:12px; top:11px;}
.mobileSubNav ul li a.active .menushrink, .mobileSubNav ul li a .menuexpand {display:block;}
.mobileSubNav ul li a .menushrink, .mobileSubNav ul li a.active .menuexpand {display:none;}
.mobileSubNav ul li li {border-top: 1px solid #d0d5d9;}
.mobileSubNav ul li li a{font-weight:bold; background:#ebf2f8; color:#002150; border-top:1px solid #dee2e8; border-bottom:1px solid #fff;}
.mobileSubNav > ul > li > ul > li:last-child a {border-bottom:none;} 
.mobileSubNav ul li li ul {display:none;}
.mobileSubNav ul li li.selected ul {display:block;}
.mobileSubNav ul li li li a {padding-left:30px; color:#4883ae;}
.mobileSubNav ul li li.has-subnav ul {display:none;}
.mobileSubNav ul li li.selected ul {display:block;}
.mobileSubNav ul li.navHide {display:none;}

/* LEFT COLUMN
---------------------------------------------*/
#ContentLeftCol{padding:15px;}

#left-sidebar .nav > ul {padding: 10px 10px;color:#002150;}
#left-sidebar .nav li ul {padding: 5px 10px 10px 10px;}
#left-sidebar .nav li a {display:block;font-size:14px;padding:0 10px;}
#left-sidebar .nav li.selected > a {font-weight:bold;}
/* top level */
#left-sidebar .nav > ul > li {border-bottom:1px solid #c2c2c2;}
#left-sidebar .nav > ul > li > a {padding:8px 10px;}
#left-sidebar .nav li li a {padding:5px 10px;}
/* top level active */
#left-sidebar .nav > ul > li.selected > a, #left-sidebar .nav > ul > li:hover > a {background-color: #d7d6d6;color:#333;}
#left-sidebar .nav li ul {display:none;}
#left-sidebar .nav li.selected ul {display:block;}
#left-sidebar .nav .goback a {display:block;font-family: georgia;font-size:15px;padding-left:28px;}
#left-sidebar .nav .goback a:hover {background-color:#dce2e7;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody { width:100%; float:left;}
.structBody .row {float:left; width:100%;}
#ContentBreadCrumbs br {display:none;}
#ContentPageName br {display:none;}

.featuredImage {margin: 10px 0 20px;background-color: #ECECEC;padding: 10px;}
.interior .row:first-child {margin-top:30px;}
.bottomSpot .spotlightBox {margin-top:20px;}

/* Spotlight Box news pattern */
.spotlights-across {font-size:13px;margin-top:30px;}
.spotlights-across  {overflow:hidden;padding-bottom:5px;width:732px;}
.spotlightBox {padding:0; width:33%;}
.spotlightBox .title, .spotlightBox .thumb, .spotlightBox .preview {margin-right:22px;}
.spotlightBox h2.title {color:#505050;background-color: #ebf2f8;padding:4px 10px;}
.spotlightBox .thumb img{display:block;margin: 10px 0 0px; border: 1px solid #dbdbdb;}
.spotlightBox .preview {display:block;padding-bottom:25px; margin-top:15px;}
.spotlightBox ul {margin:0;}

/* Interior News Listing */
.pagedNewsItem {font-size:13px;margin:30px 0;float:left; position:relative; min-height:98px;}
.pagedNewsItem .thumb img{max-width:141px;height:auto;position:absolute; top:0; left:0;margin-right:18px;border:1px solid #dbdbdb;}
.pagedNewsItem .category {text-transform:uppercase;font-weight:bold;font-size:12px;line-height:12px;margin-bottom:5px; width:306px;float:right;}
.pagedNewsItem h2 {font-size:16px;width:306px;float:right;}
.pagedNewsItem .summary {width:306px; float:right;}

/* Interior Featured News Boxes Listing */
.featuredNewsItem {width:33%;}
.featuredNewsItem h2, .featuredNewsItem  .thumb, .featuredNewsItem .summary {margin-right:22px;}
.featuredNewsItem .thumb img{display:block;margin: 10px 0 15px; border: 1px solid #dbdbdb;}
.featuredNewsItem .summary {display:block;padding-bottom:25px;}
.featuredNewsItem .category {font-size: 12px;font-weight: bold;text-transform: uppercase;}

/* Interior People Listing */
h2.people-listing-heading {background-color: #EBF2F8;padding: 4px;}
.people-listing {font-size: 14px;margin: 20px 0 22px;overflow: hidden; min-height:148px; position:relative;}
.people-listing .thumb img {border: 1px solid #CCCCCC;float: left;height: 146px; margin-right: 18px; width: 220px; position:absolute; top:0; left:0;}
.people-listing .contact {margin-top: 12px;}
.people-listing h3 { font-family: georgia; font-size: 24px; font-weight: normal;padding-bottom: 0;float:right; width:470px; color:#002150}
.people-listing h5 {padding: 0;margin-bottom: 10px; font-size:14px;}
.people-listing .brief-bio {float:right; width:470px;}
.paged-group.unamed { border: 1px solid #CCCCCC; padding: 0 20px; margin:20px 0;}
.paged-group.unamed .brief-bio, .paged-group.unamed h3 {width:430px;}

/* Interior Events */
.eventItem {margin:20px 0;}
.eventItem .category {font-size: 12px;font-weight: bold;text-transform: uppercase;}

/* Start Page */
.home .explore {float:none;}

/* BX Slider */
#ContentRotator table {table-layout: fixed;}
#ContentRotator {background-color:#ececec;margin-bottom:20px;padding:9px;}
.slideshow {  overflow:hidden;position:relative;}
.slideshow .slide .thumb {width:455px;float:left;margin-right:20px; height:302px; overflow:hidden;}
.slideshow .info {float:right;width:215px;font-size:13px;}
.slideshow h2 {padding:4px 0 8px 0;line-height:25px;font-size:22px;}
.slideshow .category {text-transform:uppercase;margin-top:17px;}
.slideshow .more .text {text-transform:uppercase;font-weight:bold;}
.slideshow .more .arrow {font-size:16px;}
.slideshow .bx-pager{overflow:hidden;position:absolute;right:20px;bottom:9px;z-index:50;}
.slideshow .bx-pager-item {display:inline-block; margin-right:5px;}
.slideshow .bx-pager a.bx-pager-link {display:block;background:url(images/btn_slideshow-dot.png) no-repeat;width:13px;height:13px;float:left; text-indent:-99999px;}
.slideshow .bx-pager a.bx-pager-link.active {background:url(images/btn_slideshow-dot-active.png) no-repeat;}
.slideshow .bx-next, .slideshow .bx-prev {display:none;}


/* Interior Slider */
.slideshow .interiorSlide .thumb{ width:100%; height:auto;}
.interiorSlide .caption { background: url("images/bg_slideshow-caption.png") repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 0;color: #232323;font-style: italic;left: 0;padding: 10px 0;position: absolute; width: 100%;}
.interiorSlide .caption div {padding: 0 100px 0 10px;vertical-align: middle;}

/* Custom Form Styling */
.IMOD504 .imod_categoryWrapper {margin:0;}
.IMOD504 .imod_fieldWrapper {padding:0;}
.imod_fieldWrapper.padLeft {padding:5px 0 10px;}
.imod_fieldWrapper.padLeft .imod_fieldLabel {padding:0 10px;}

/* Login Page */
#divLogin {width:500px; background-color:#F0F0F0; padding-bottom:25px; padding-top:20px;
padding-left:25px;} 
.pop a:link {color:#0d51b3;}
.pop a:hover {color:#4475b8;}
.pop  {color:#0d51b3;}
.pop:hover {color:#4475b8;}
#divLoginButton input {background: #0d426b; border-radius:5px; -webkit-border-radius:5px; box-shadow:3px 3px 3px rgba(0,0,0,0.35); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.35); text-transform:uppercase; font-weight:bold;
background: -moz-linear-gradient(top, #0d426b 0%, #002150 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d426b), color-stop(100%,#002150));
background: -webkit-linear-gradient(top, #0d426b 0%,#002150 100%);
background: -o-linear-gradient(top, #0d426b 0%,#002150 100%);
background: -ms-linear-gradient(top, #0d426b 0%,#002150 100%);
background: linear-gradient(to bottom, #0d426b 0%,#002150 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d426b', endColorstr='#002150',GradientType=0 );
color:#fff; border:none; padding:6px 15px;}

/* RIGHT COLUMN
---------------------------------------------*/
.int-right-sidebar .categories h2{color: #002150;font-family: arial;font-size: 18px;font-weight: bold;}
.int-right-sidebar .categories .tagline {font-weight: bold;}
.int-right-sidebar .categories li {padding: 5px 0;}


/* Footer Elements 
---------------------------------------------*/
#footer {float:left;}
#footer .address br.tablet {display:none;}
.footerSocialTablet {display:none;}

.footer-links ul li:first-child {font-weight:bold;}
#footer .footer-links ul li:first-child a:hover {color:#505050;}

.backToTop {display:none; margin-top:20px; text-align:center;}
.backToTop a {color:#505050; font-weight:bold;}

/* Support Channel 
---------------------------------------------*/
#header .nav li.supportOnly {display:none;}
.support #header .nav li.supportOnly{display:inline;}

.support .topNav li {width:auto;}
.support .topNav li a {padding:12px 34px;}

.support .callout { border: 2px solid #EBF2F8;  margin-top: 28px;}
.support .callout { overflow: hidden;}
.support .callout h2 {background-color: #EBF2F8;color: #505050;margin-bottom: 2px;padding: 3px;}
.support .callout .calloutbox { margin: 5px 20px 20px;}

.support .spotlights-across {margin-bottom: 30px;}
.support .spotlights-across .supportSpotlight {width:22%; margin-right:3%; float:left;}
.support .spotlights-across h2 {font-size: 15px;margin:0; background:#EBF2F8; padding:4px 10px;}
.support .spotlights-across .thumb {margin-bottom: 0; width: 100%;margin:10px 0;}
.support .spotlights-across .thumb img {border:1px solid #DBDBDB}
.support .spotlights-across .preview {margin-right: 0px;}

/* Forms */
div.imod_designations_wrapper div.main-section fieldset ul li.parent label,
div.imod_designations_wrapper div.main-section fieldset ul li.section ul.sub-section li.child label {min-height:36px;}
#ContentMiddle .imod_commSummaryWrapper {width:auto;}

/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Desktop Only
   ========================================================================== */

@media only screen and (min-width: 1001px){
/* Styles */
}

/* =============================================================================
   768px Grid
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 980px){
/* Styles */

* {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}

.js-ready #nav {width:30%;}
.js-nav #inner-wrap {left:30%;}
#outer-wrap {overflow:hidden; height:auto;}
.csstransforms3d.csstransitions.js-nav #inner-wrap { -webkit-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); transform: translate3d(30%, 0, 0) scale3d(1, 1, 1);}
.js-ready #nav li {width:100%;}

.topNav li {width:106px; padding:1px 0;}
.topNav li a {font-size:12px; padding:5px;}

.has-left-sidebar #main, .has-both-sidebars #main {background:transparent url(images/bg_main_tab.png) repeat-y}
.has-both-sidebars .sidebar {margin-right:8px;}
.pagedNewsItem .category, .pagedNewsItem h2, .pagedNewsItem .summary {width:208px;}

.people-listing h3, .people-listing .brief-bio {width:322px;}
.paged-group.unamed .brief-bio, .paged-group.unamed h3 {width:282px;}

.slideshow .slide .thumb {width:358px; height:240px;}
.slideshow .info {width:162px;}
.slideshow h2 {font-size:1.4em; line-height:1.2em;}
.slideshow .interiorSlide .thumb {width:100%;}

.spotlightBox .title, .spotlightBox .thumb, .spotlightBox .preview {margin-right:0;}
.featuredNewsItem .title, .featuredNewsItem .thumb, .featuredNewsItem .preview {margin-right:0;}
.home .audience h2 {margin-top:8px;}
.home .audience {line-height:18px;}
.home .explore {float:left;}
.home .explore .choice {width:auto;}
.home .audience .thumb, .home .audience .txt {float:none;}

#footer .wrap {padding-left:0;padding-right:0;}
#footer .address br.tablet {display:block;}
.footerSocial {display:none;}
.footerSocialTablet {display:block; margin-top:30px}

.support .spotlights-across {width:100%;}

}

/* =============================================================================
   Less than 768px / iPhone landscape / android portrait
   ========================================================================== */
@media only screen and (max-width: 767px) and (min-width: 480px) {
	#inner-wrap header .container,
	#inner-wrap #main .container,
	#inner-wrap footer .container{width:456px;padding:0 5px;}
	
}

/* =============================================================================
   480px / iphone landscape
   ========================================================================== */
@media only screen and (max-width: 767px) {
/* Styles */
	#ContentSearch,
	.navWrap .topNav {display:none;}
	header {padding-top:1em;}
	#ContentTopRightLinks {display:none;}
	.mobileNav {display:block;}
	#left-sidebar {display:none;}
	#ContentMiddle table {table-layout:fixed;}
	
	#header {height:auto;padding-bottom:0;}
	#header .logo {margin: 20px 0; text-align:center;}
	
	.has-left-sidebar #main, .has-both-sidebars #main  {background:none;}
	.int-right-sidebar {margin-top:25px;}
	.pagedNewsItem {border-bottom:1px solid #cccccc; margin:0; padding:20px 0;}
	.pagedNewsItem .thumb img {max-width:767px; width:100%; position:static;}
	.pagedNewsItem .category, .pagedNewsItem h2, .pagedNewsItem .summary {width:100%;}
	.pagedNewsItem h2 {padding-bottom:8px;}
	.pagedNewsItem .summary {padding-top:8px;}
	
	#divLogin {width:auto;}
	
	.people-listing {border-bottom:1px solid #cccccc; margin:0; padding: 20px 0;}
	.paged-group.unamed .people-listing {border:none;}
	.people-listing .thumb img {max-width:767px; width:100%; height:auto; margin:10px 0 0 0; position:static;}
	.people-listing h3, .people-listing .brief-bio, .paged-group.unamed .brief-bio, .paged-group.unamed h3 {width:100%;}
	
	.slideshow .slide .thumb {width:100%; height:auto;}
	.slideshow .info {width:100%;}
	.slideshow h2 {font-size:1.4em; line-height:1.2em;}
	
	.audiences .audience {margin-top:20px;line-height:18px; padding-left:6px}
	
	.explore .choice {width:100%; top:156px; left:0;}
	.explore .choice h2, .explore .find-alumni {padding-left:20px; padding-right:20px;}
	.explore ul {height:315px;}
	.find-alumni div.select {width:100%;}
	.explore .find-alumni select {width:100%;}
	.find-alumni .find-button {margin:8px 0 0 0;}
	.explore ul .tab {width:auto; border-width:4px 8px 4px 8px; border-style:solid; border-color:#fff; padding:0 20px;}
	
	.home .spotlights-across, .right-sidebar .login, .right-sidebar .giveBox {display:none;}

	#footer .wrap {background: url(images/footer-logo.png) no-repeat scroll center 20px rgba(0, 0, 0, 0); padding:75px 0 20px;}
	#footer .footer-links {display:none;}
	#footer .address {text-align:center;}
	#footer .footerSocial {text-align:center;}
	.backToTop {display:block;}
	
	.support .spotlights-across {display:block; width:100%;}
	.support .spotlights-across .supportSpotlight {width:100%;margin-bottom:20px;}
}

/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
/* Styles */

	.desktopNav {display:none;}
	#ContentMemberTools {display:none;}
}

/* =============================================================================
   Retina Display 
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}