﻿
/*==== HIDE ON DESKTOP ====*/
.back-to-top,
.responsive-menu,
.responsive-wrapper,
.BannerText,
.responsive-hide,
.hide {display:none;}
.desktop-hide,
.show {display: block;}

/* MOBILE NAV/SEARCH */
.mobile-nav-wrapper {
	display: none;
	width: 100%;
}
.mobile-nav-wrapper .container {
	/*position: relative;*/
	padding: 12px 10px;
	background: #313781;
}

 .mobile-nav-wrapper .subitems {
     content: " &uarr;";
     width: 30px;
     height: 15px;
 }

/* MOBILE SEARCH */
.mobile-nav-wrapper .mobile-search img {
	margin: 6px 15px 5px 5px;
	cursor: pointer;
}
.responsive-menu + .header .mobile-nav-wrapper .mobile-search img {
	margin: 6px 15px 5px 65px;
}
.mobile-nav-wrapper .mobile-search fieldset {
	position: relative;
	display: none;
	float: left;
	text-align: left;
	padding-top: 40px;
}
.mobile-nav-wrapper .mobile-search fieldset,
.mobile-nav-wrapper .mobile-search .search-util ,
.mobile-nav-wrapper .mobile-search input {
	float: left;
}
.mobile-nav-wrapper .mobile-search fieldset label {
    color: #FFF;
    font-size: 1.2em;
}
.mobile-nav-wrapper .mobile-search input {
	width: 100%;
	padding: 6px;
	font-size: 14px;
	border: 1px solid #676D84;
	background: #BAC2D8;
	margin-top: 5px;
}
.mobile-nav-wrapper .mobile-search fieldset input.search-submit {
	position: absolute;
	top: 57px;
	right: -10px;
	width: 20px;
	height: 23px;
	background: url(../img/homepage/sprite.png) no-repeat -90px -95px;
	border: none;
}
.mobile-nav-wrapper .mobile-search .search-util {
	clear: both;
	display: block;
	margin-top: 5px;
	color: #FFF;
	white-space: nowrap;
}
.mobile-nav-wrapper .mobile-search .search-util a {
	display: block;
	margin: 12px 0;
	font-size: 16px;
	color: #FFF;
}

/* MOBILE NAV */
.mobile-nav-wrapper .navicon {
	float: right;
	display: block;
	margin-top: 6px;
  border-bottom: 4px solid #FFFFFF;
  border-top: 13px double #FFFFFF;
  content: "";
  height: 5px;
  width: 25px;
  cursor: pointer;
}




/* RESPONSIVE TABLES */
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }


/*************************************************
***** MAIN CONTENT AREA **************************
*************************************************/
.block {
	position: relative;
	clear: both;
}

/************************************************************
***** HERO SLIDER *******************************************
************************************************************/
.hero-wrapper .bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
}
.outer-wrapper .bx-wrapper .bx-pager, .outer-wrapper .bx-wrapper .bx-controls-auto {position: relative; bottom: 0;}

/************************************************************
***** MEDIA QUERIES *****************************************
************************************************************/

/*=== desktop ===*/
@media only screen and (max-width : 960px) {
	.main-nav ul.top-nav {
		margin-left: 10px;
	}
	html body,
html body .outer-wrapper { margin: 0; padding:0;}
.outer-wrapper .main-cols .col-mid,
html body .main-cols {padding:0px; word-wrap: break-word; /*width: 100%; this was causing content to flow over right*/}
.outer-wrapper .col-mid {margin: 20px 1% 20px 1%;}
.outer-wrapper .main-cols.full .col-main {width: 100%; margin: 0;}
.outer-wrapper .main-cols .col.col-side.col-left.hide-col {display: none;}
.main-cols.left-col .col.col-side.col-left {width: 24%; margin: 0 1% 20px 0;float: left;}
.main-cols.left-col .col.col-main {width: 71.5%; margin: 0 1% 20px 1%;float: right;}
.main-cols.left-col .col.col-side.col-right {width: 71.5%; margin: 0 1% 20px 1%; float: right;}

.outer-wrapper .main-cols.two-thirds .col-left.hide-col + .col-main { width: 98%;float: initial;}
.outer-wrapper .main-cols.right-col.two-thirds .col-mid .col-right { width: 98%;float: initial; margin-left: 0; }
.outer-wrapper .main-cols.right-col.two-thirds .col-mid .col-right img { width: auto !important;}
.outer-wrapper .col-container {padding: 0px 5px;}

/* tables */
html body .outer-wrapper .main-cols .col table,
.main-cols .col table {max-width: 98% !important; height: auto !important;}

.search-results .result {max-width: 100% !important; }
.search-results .result br {display: none;}
.search-results .result span.google-url {display: block;}


}

/*=== tablet horiz ===*/
@media only screen and (max-width : 769px) {
html body object {max-width: 100%;}
html body .outer-wrapper img:not([src$=".svg"]) {max-width: 100%; height: auto !important;}
.mobile-nav-wrapper {min-height: 65px;}
.mobile-nav-wrapper .container {
	position: fixed;
	background: #0F238C;
  	width: 100%;
  	z-index: 500;
  }
.responsive-menu { z-index: 1000;  position: fixed;}
html body .outer-wrapper .banner-container { min-height: inherit;}
html body .outer-wrapper .banner-container .logo {width: 0; margin: 0; float: none;}
.banner-container .logo a {
	content: " ";
	width: 50px;
	height: 50px;
	display: block;
	background: url(/static/img/umms-mobile-logo.svg) no-repeat  0 0;
	position: fixed;
  	top: 5px;
  	z-index: 999;
	right:5px;
	}
.banner-container .logo img {display:none;}
.banner {max-width: 100% !important;}
.banner img {max-width: 100% !important;}

	body {	padding: 0 10px;	}
	.outer-wrapper {width: 100%;}
	.outer-wrapper header {position:initial; }
	.main-nav ul.top-nav li {font-size: 20px;}
	
	.col.col-main .breadcrumbs,
	.utility,
	.main-nav {
		display: none;
	}
	.responsive-wrapper,
    .responsive-menu,
	.mobile-nav-wrapper {
		display: block;
	}
	body .block.subnav-menu,
	body .block.subnav-menu .div-wrapper,
	body .block.subnav-menu .div-wrapper ul, 
	body .block.subnav-menu .div-wrapper ul li, 
	body .block.subnav-menu .div-wrapper ul li a, 
	body .block.subnav-menu .div-wrapper ul li span {max-width: 100%;}

	body .block.subnav-menu li > ul {
	  position: relative;
	  left: 0;
	}
	.subnav-menu ul > li > span:not(.nolink):first-of-type {
  		position: absolute;
  		right: 0;
	}

	.subnav-menu ul > li > span:not(.nolink):first-of-type + span.nolink,
	.subnav-menu ul > li > span:not(.nolink):first-of-type + a {
  		padding-right: 20px;
	}
	.block.subnav-menu .submenu > span:not(.nolink):after,
	.block .subnav-menu .submenu > span:not(.nolink):after {
	content: "+";
  position: relative;
  display: block;
  float: right;
  color: #FFF;
  margin-top: -5px;
  width: 20px;
  height: 10px;
  font-size: 120%;
  font-weight: normal;
  padding: 3px 2px 10px;
  background-color: #999;
  text-align: center;
	}
	.block.subnav-menu .submenu.active > span:after,
	.block .subnav-menu .submenu.active > span:after {
		content: "-";
	}

/* blocks */
.block.latest-news h3 {float: none; padding:0;}
.col-main .col-container .col .block.latest-news a.read-more, .col-side .block.latest-news a.read-more {text-align: left;}
/* tables */
.responsive .main-cols .col table td:not(.st-key):not(.st-value):not(.st-head-row), 
.responsive .main-cols .col table th:not(.st-key):not(.st-value):not(.st-head-row),
.main-cols .col .responsive table td:not(.st-key):not(.st-value):not(.st-head-row), 
.main-cols .col .responsive table th:not(.st-key):not(.st-value):not(.st-head-row),
.main-cols .col table.responsive td:not(.st-key):not(.st-value):not(.st-head-row), 
.main-cols .col table.responsive th:not(.st-key):not(.st-value):not(.st-head-row) {display: block; clear: left; width: auto !important;max-width: 100% !important;}

/* headers */
.main-cols .col table.responsive.headers tr > td:first-of-type { background-color: #eee;}
/* inline */
.main-cols .col table.responsive.inline td, .main-cols .col table.responsive.inline th {display: inline-block; clear: none;}
.main-cols .col table.responsive.inline.col-two td, .main-cols .col table.responsive.inline.col-two th {width: 45.5% !important;}
.main-cols .col table.responsive.inline.col-three td, .main-cols .col table.responsive.inline.col-three th {width: 33% !important;}
/* vertical headings */
.main-cols .col table.responsive.verticalhead thead { display: none; }
.main-cols .col table.responsive.verticalhead tr,
.main-cols .col table.responsive.verticalhead th,
.main-cols .col table.responsive.verticalhead td {
        display: block;
		padding: 0 8px;
        text-align: left !important;
        white-space: normal;
    }
.main-cols .col table.responsive.verticalhead tr {
        border-bottom: 1px solid silver;
        padding-bottom: 11px;
        margin-bottom: 11px;
    }
table.responsive.verticalhead th[data-title]:before,
table.responsive.verticalhead td[data-title]:before {
        content: attr(data-title) ":\00A0";
        font-weight: bold;
    }
table.responsive.verticalhead td {
        border: none;
        margin-bottom: 6px;
        color: #444;
    }
table.responsive.verticalhead td:empty { display: none; }
table.responsive.verticalhead td:first-child {
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 6px;
        color: #333;
    }
	table.responsive.verticalhead td:first-child:before { content: ''; }
	
	.scroll-table {
		overflow-x: auto;
		width: 100%;
		border:1px solid silver;
	}
	
	.scroll-table:before { 
		content: "swipe or scroll to see more \21E2";
		display: block;
		width: 100%;
		height: auto;
		font-size: .9em;
		padding: 3px;
	}
	.stacktable.large-only { display: none; }
	.stacktable.small-only { display: table; }
	
	
	.stacktable { width: 100%; }
	.st-head-row { padding-top: 1em; }
	.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
	.st-key { width: 33.5%; text-align: right;   padding: 0 1.5% 0 0; vertical-align:text-top; }
	table.stacktable .st-head-row p {margin: 0;}
	.st-head-row.st-head-row-main,
	.st-head-row {background-color: #eee; font-size: 1.2em;padding: 3px; margin: 5px 0 3px 0;}
	.st-head-row.st-head-row-main {background-color: #ccc; font-size: 1.3em;}
	table.stacktable .st-key p, table.stacktable .st-val p {margin: 2px;}
	table.stacktable .st-key {background-color: #fff !important; color: #000 !important;}
	table.stacktable .st-key span {background-color: #fff !important; color: #000 !important;}
	table.stacktable .st-key p {text-align: right !important;}
	table.stacktable .st-val p {text-align: left !important;}
	.st-val { width: 63.5%;   padding: 0 0 0 1.5%; vertical-align:text-top;}

	.searchResultsMainBody  {
		width: auto;
	}
	
	.block.link-list ul li a {
		font-size: 18px;
	}
	.block.link-list ul li a:after {
		font-size: 24px;
	}
	.block.events .featured .event-links a {
		display: block;
		padding: 7px 0;
		font-size: 14px;
	}
	.block.events .event-title a {
		font-size: 14px;
	}
	
	.block.events.eventsapp {
        overflow: visible;
        overflow-y: hidden;
	    height: auto;
    }
	.bottom-callouts .block {
		width: 100%;
		min-height: none;
		border: none;
	}
	.block.bottom-callouts .container .col-li  {
	clear: none;
	width: 49.5%;    
	margin: 0 0 25px 0;
	float: left;
	min-width: 239px;
	
}
.block.bottom-callouts .container .col-li:nth-child(2) 
{
	float: right;
	width: 49.5%;    
	padding-right: 0;
	border: none;
}
.block.bottom-callouts .container .col-li:last-of-type 
{
	float: none;
	padding-left: 0;
	clear: both;
}
.block .faculty-details { width: 100%; margin-top: 8px;}
	/* SLIDER BLOCK ALTERNATE NAVIGATION */
	.slider-block .bx-controls,
	.slider-block.bg-trans .bx-controls {
		width: 100%;
		height: 34px;
		left: 0;
		top: 0px;
		pointer-events: none;
    background: #eee;
	}
	
	.slider-block .bx-controls-direction {
	    height: 50px;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}
	.slider-block .bx-controls a.bx-prev,
	.slider-block .bx-controls a.bx-next {
    width: 34px;
    height: 34px;
    font-size: 30px;
    background: #eee;
    color: #333;
		text-indent: 0;
		pointer-events: auto;
	}
	.slider-block .bx-controls a.bx-prev {
	float: left;
   	padding-left: 8px;
	}
	.slider-block .bx-controls a.bx-next {
	float: right;
   padding-left: 9px;
	}
	.slider-block .bx-controls .bx-pager {
	position: relative;
	text-align: center;
    width: 100%;
    font-size: 16px;
	    margin-top: 10px;
	    left: 0;
	}
	
    .homeH2Width70 {
        width: 100%;
        padding-top: 35px;
    }
	
	
.col-mid .col-main .col-container .col .block.generic p:first-of-type {margin-top:0;}
.col-mid .col-main .col-container .col.col1 {} 
.col-mid .col-main .col-container .col.col2:first-of-type,  
.col-mid .col-main .col-container .col.col3:first-of-type, 
.col-mid .col-main .col-container .col.col3:nth-child(3n), 
.col-mid .col-main .col-container .col.col4:first-of-type, 
.col-mid .col-main .col-container .col.col4:nth-child(3n), 
.col-mid .col-main .col-container .col.col5:first-of-type, 
.col-mid .col-main .col-container .col.col5:nth-child(3n), 
.col-mid .col-main .col-container .col.col5:nth-child(5n) {width: 47%; margin: 0 2.5% 15px 0; clear: both; float: left;}

.col-mid .col-main .col-container .col.col2:nth-child(2n),
.col-mid .col-main .col-container .col.col3:nth-child(2n), 
.col-mid .col-main .col-container .col.col4:nth-child(2n), 
.col-mid .col-main .col-container .col.col4:nth-child(4n), 
.col-mid .col-main .col-container .col.col5:nth-child(2n), 
.col-mid .col-main .col-container .col.col5:nth-child(4n) {width: 47%; margin: 0 0 15px 2.5%;float: left; clear: none;}
	
.footer .footer-section.top, 
.footer .footer-section.bottom  {width: 100%;}
.footer   {padding-bottom:55px;}

html body iframe:not(#scroll-iframe) {
	width: 100%;
	max-width: 100%;
    overflow: scroll;
}
	/* BACK TO TOP */
	.back-to-top {
		position: fixed;
		right: 20px;
		bottom: 10px;
		width: 120px;
		padding: 10px;
		font-size: 13px;
		font-weight: 700;
		color: #FFF;
		text-align: center;
		background: #313781;
		border: 1px solid #FFF;
		cursor: pointer;
		z-index: 100;
	}


}

/*=== tablet vert ===*/
@media only screen and (max-width : 700px) {
	.main-cols.left-col .col.col-side.col-left,
	.main-cols.left-col .col.col-main,
	.main-cols.left-col .col.col-side.col-right {width: 98%; margin: 0; float:inherit;}
	.block.heroSWF {width: auto !important;}
	html body #swiffycontainer,
	.block.heroSWF #slideshow,
	.search-results .result {max-width: 100% !important; }

	/*
	#mp-pusher .mp-menu > .mp-level:first-child {
	  overflow-y:scroll;
	  
	}
	*/
}


/*=== tablet vert ===*/
@media only screen and (max-width : 640px) {
	.BannerText {
	display: block;  
	margin: 15px;; 
	width: auto; 	
	font-size: 180%;
	text-shadow:-2px 0px 2px rgba(0,0,0,0.0);
	font-weight:bold;
	color:#787878;
	letter-spacing:1pt;
	word-spacing:2pt;
	text-align:left;
	font-family:arial, helvetica, sans-serif;
	}	
	html body .banner-container {   min-height: initial;padding-bottom: 10px;margin-top: 62px;}
	html body .banner {display:none;}

	html body .mobile-nav-wrapper {display: block;	position: fixed;z-index: 996;}
	html body .utility,
	html body .main-nav-wrapper {display: none;}
	.header {border-top: none;}
	

.col-mid .col-main .col-container .col.col2:first-of-type,  
.col-mid .col-main .col-container .col.col3:first-of-type, 
.col-mid .col-main .col-container .col.col3:nth-child(3n), 
.col-mid .col-main .col-container .col.col4:first-of-type, 
.col-mid .col-main .col-container .col.col4:nth-child(3n), 
.col-mid .col-main .col-container .col.col5:first-of-type, 
.col-mid .col-main .col-container .col.col5:nth-child(3n), 
.col-mid .col-main .col-container .col.col5:nth-child(5n),
.col-mid .col-main .col-container .col.col2:nth-child(2n),
.col-mid .col-main .col-container .col.col3:nth-child(2n), 
.col-mid .col-main .col-container .col.col4:nth-child(2n), 
.col-mid .col-main .col-container .col.col4:nth-child(4n), 
.col-mid .col-main .col-container .col.col5:nth-child(2n), 
.col-mid .col-main .col-container .col.col5:nth-child(4n) {display: block; width: 99%; margin: 0;float: none; clear: both; border-top: 1px solid silver; padding-top: 15px;}
.col-mid .col-main .col-container .col:last-child {border-bottom: 1px solid silver;}
}
/*month event view calendar*/
@media only screen and (max-width : 580px) {
	.main.calendar.events {padding: 5px;}
	.main.calendar.events .events-wrap {  margin: 0; width: 52%;}
	.main.calendar.events .events-wrap .calBodyWrapper {padding:0;}
	.main.calendar.events .events-wrap .calBodyWrapper .calBody {padding:0;}
	.main.calendar.events .events-block { width: 45%; margin: 0;}
}
@media only screen and (max-width : 480px) {
	.responsive-hide {display:block;}
	.desktop-hide  {display: none;}
.outer-wrapper .main-cols .col-top .row:nth-child(2) #lab_search {
	width: 150px;
	float: left;
	}
	.main-cols .hero-wrapper {padding:0px;}
	.outer-wrapper .col-container {padding: 0px 5px;}

	.subnav-menu ul ul {display:none;}
	.subnav-menu span.nav-title {display:none;}

	.col-main a {-ms-word-break: break-all;
     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;}


	.main.calendar.events .events-wrap {  margin: 0; width: 98%; float: none;}
	.main.calendar.events .events-block { width: 98%; margin: 0; float: none;}
	
	.bottom-callouts .slider-block {
		min-height: 0;
	}
	.block.bottom-callouts .container .col-li  {
	clear: none;
	width: 49%;    
	margin: 0 0 25px 0;
	border: none;
	min-width: 239px;
	
}
.block.bottom-callouts .container .col-li:nth-child(2) 
{
	padding-right: 0;
	border: none;
	float: left;
}
.block.bottom-callouts .container .col-li:last-of-type 
{
	float: none;
	padding-left: 0;
	clear: left;
}
	.address {
		padding-top: 10px;
		font-size: 11px;
	}
	.address span {
		display: block;
		border: none;
		margin-bottom: 5px;
		padding: 0;
		font-size: 12px;
	}
	.address p.copyright {
		padding-top: 10px;
		font-size: 12px;
	}

	.footer-social a.logo-memorial  {
	width: 142px;
	height: 52px;
	position: absolute;
	top: 0; right:5px;
	margin-top: 5px;}

	.footer .footer-links-wrapper {
		float: left;
		width: 65%;
	}

	.footer-center .footer-links-wrapper {width: 50%;}
	
	.footer-links-wrapper .footer-link-list {
		display:block;
		float: none;
		width: auto;
		margin-left: 0;
		padding-left: 0;
	}
	.footer-link-list li {
		width: auto;
		margin-left: 0px;
	}

	.footer-link-list li {
		margin-left: 0;
		cursor: pointer;
		pointer-events: auto;
	}
	.footer-link-list:before { 
		content: "»";
		font-size: 22px;
		padding-right: 5px;
		color: #0068B3;
		padding-top: 0px;
		float: left;
	}
	.footer-link-list li {
		display: none;
	}


	.footer-section.top.clearfix .footer-left {width: 50%;}

.footer-links-wrapper ul.footer-links {
		float: none;
		width: auto;
		margin-left: 0;
		padding-left: 0;
	}
	ul.footer-links li {
		width: auto;
		margin-left: 0px;
	}
	ul.footer-links li.footer-links-header,
	ul.footer-links li.footer-links-header-mobile {
		margin-left: 0;
		cursor: pointer;
		pointer-events: auto;
	}
	ul.footer-links li.footer-links-header:before,
	ul.footer-links li.footer-links-header-mobile:before {
		content: "»";
		font-size: 22px;
		padding-right: 5px;
		color: #E3C891;
	}
	ul.footer-links li {
		display: none;
	}
	ul.footer-links li.footer-links-child {
	    padding-left: 20px;
	}
	ul.footer-links li:first-of-type  {
		display: inline-block;
	}
	.footer-links-wrapper ul.footer-links li a {
		font-size: 12px;
	}
	.footer-social {
		float: right;
		width: 35%;
	}
	.footer-social {
		margin-top: 10px;
	    float: none;
	    text-align: left;
	    width: 100%;
	    clear: both;
	}

	.footer-social .social-links {
		margin-bottom: 5px;
	    float: none;
	    text-align: left;
	    width: 100%;
	    clear: both;
	    margin-left: 0;padding-left: 0;
	}
	.footer-social .social-links li:not(:first-of-type) {
		margin-left: 5px;
	}
	
	/** blocks **/
	.col .complex-news-listing .floatRight,
.col .complex-news-listing .imgright {float:inherit; margin: 10px 0;}

.block.news-listing li .news-date,
.block.news-listing li .news-desc {
	width: 100%;
	float: none;
	text-align: left;
}
.col .pager .pager-status,
.col .pager .pager-per-page,
.col .pager .pager-controls {
	width: 100%;
	float: none;
	text-align: center;
	display: block;
}
.col .pager .pager-status,
.col .pager .pager-per-page {
	margin: 0 2px 12px 2px;
}
	body {
		padding: 0px;
	}
	h3 {
		margin-top: 0;
		font-size: 16px;
    line-height: 22px;
	}
	.block.spotlight p,
	.block.articles-programs p {
		font-size: 14px;
		line-height: 20px;
	}
	.block.events ul {
		width: 93%;
	}
	.block.events.eventsapp {
        overflow: hidden;
        overflow-y: auto;
	    height: 300px;
    }
    
    .block.events.eventsapp .event-title,
    .block.events.eventsapp .event-title a {
        font-size: 12px;
    }
	.block.bottom-callouts .container .col-li  {
	width: 99%;    
	min-width: 99%;    
	margin: 0 0 25px 0;
	border: none;
	padding-left: 0;
	border-right: 0; 
}
.block.bottom-callouts .container .col-li:first-of-type 
{
	float: none;
	width: 99%;  
	min-width: 99%;   
}
.block.bottom-callouts .container .col-li:last-of-type 
{
	float: none;
	clear: left;
	padding-left: 0;
	width: 99%;    
	min-width: 99%; 
}

.block.news-listing .news-date { width: 26%; }
.block.news-listing .news-desc { width: 69%;}



	.footer-section .footer-right,
	.footer-section .footer-left,
	.footer-section p.footer-copy {
    		width: 100%;
		float:none;
	}



	
	
	.searchResultsMainBody  {
		width: auto;
	}
	/* SEARCH GSA page */
table.adv-search-table {position: relative;}
table.adv-search-table tr td,
table.adv-search-table table table tr td {display:block; padding: 4px; width: 100%;}
table.adv-search-table table table tr td:nth-child(2) {clear: both; float: none;}
table.adv-search-table table table tr td:nth-child(3),
table.adv-search-table table table tr td:nth-child(4) {position: absolute; right: 10px;text-align: right; width: 50%;}
table.adv-search-table table table tr td:nth-child(3) {top: 10px;right: 10px}
table.adv-search-table table table tr td:nth-child(4) {top: 30px;right: 10px;}

table.adv-search-table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(3),
table.adv-search-table > tbody > tr:nth-child(3) > td > table > tbody > tr > td:nth-child(3),
table.adv-search-table > tbody > tr:nth-child(4) > td > table > tbody > tr > td:nth-child(3),
table.adv-search-table > tbody > tr:nth-child(5) > td > table > tbody > tr > td:nth-child(3)  {padding: 0 0 3px 5px; clear: both; float: none;}

table.page-spec-search > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {display:block; padding: 8px;}
table.page-spec-search > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(3) {width: 50%; clear: both; float: none; }
table.page-spec-search > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(3) input[type="text"] {display: block; margin-bottom: 8px;}
table.page-spec-search > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(3) input[type="button"] {clear: both; float: none; display: block;}

.col-mid object {max-width: 100%}

.col-mid .xform {max-width: 100% !important; height: auto;}
.col-mid .xform #id_matrix {margin:0 !important;max-width: 100% !important; width: 100% !important; height: auto;}
.col-mid .xform label,
.col-mid .xform select,
.col-mid .xform input {max-width: 98% !important;width: 98% !important;}
.col-mid .xform fieldset input {max-width: none !important;width: auto !important;}
.col-mid .xform textarea {max-width: 84% !important;width: 84% !important;}
.xform fieldset.orientationHorizontal label label {float: none; display: block; clear: left;}
.xform fieldset.orientationHorizontal legend {float: none; display: block; clear: left;min-width: 10px !important;max-width: 94% !important;width: 94% !important;}
.xform fieldset.orientationHorizontal {min-width: 10px !important;max-width: 98% !important;width: 98% !important;}

html body .outer-wrapper .main-cols .col table, .main-cols .col table {width: initial !important;}

html body .outer-wrapper .main-cols .col table, .main-cols .col table[align=left], 
html body .outer-wrapper .main-cols .col table, .main-cols .col table[align=right] {width: 98% !important;}
.outer-wrapper img[align=left], .outer-wrapper img[align=right] {float: none;}
.outer-wrapper table.left, .outer-wrapper p.right, 
.outer-wrapper table.left, .outer-wrapper table.right, 
.outer-wrapper img.left, .outer-wrapper img.right, 
.outer-wrapper .imgLeft, .outer-wrapper .imgRight, 
.outer-wrapper .imgleft, .outer-wrapper .imgright { float: none; display: block; margin:0 0 15px 0;}
.outer-wrapper img.left:not([src$=".svg"]), .outer-wrapper div.left, 
.outer-wrapper .imgLeft:not([src$=".svg"]), .outer-wrapper div.imgLeft, 
.outer-wrapper .imgleft:not([src$=".svg"]), .outer-wrapper div.imgleft,
.outer-wrapper img.left:not([src$=".svg"]), .outer-wrapper div.right, 
.outer-wrapper .imgLeft:not([src$=".svg"]), .outer-wrapper div.imgRight, 
.outer-wrapper .imgleft:not([src$=".svg"]), .outer-wrapper div.imgright {max-width: 100%; width: auto !important;}

}

@media only screen and (max-width : 450px) {
#mp-pusher .mp-menu {
	  width: 250px;
}
}



@media only screen and (max-width : 321px) {
#google_top_pagination.pager .pager-status,
#google_top_pagination.pager .pager-per-page,
#google_top_pagination.pager .pager-controls {
  float: none;
  margin: 2px;
  display: block;
  width: 100%;text-align: center;
}

table.responsive-search td { display: block; margin: 0 0 4px 0;}
}
		
/* Hero Slider with Overlay Text Block */
@media only screen and (min-width : 640px) { 
    .slideText {
        position: absolute;
        border-radius: 10px; 
        max-width: 35%;
    }

    .slide-caption-bottom-left {
        bottom: 4%; 
        left: 3%;
    }

    .slide-caption-center-left {
        left: 3%;
		top: 50%;
		transform: translateY(-50%);
    }

    .slide-caption-top-left {
        top: 4%;
        left: 3%;
    }

    .slide-caption-top-right {
        top: 4%; 
        right: 3%;
    }

    .slide-caption-center-right {
	  top: 50%;
	  transform: translateY(-50%);
        right: 3%; 
    }

    .slide-caption-bottom-right {
        bottom: 4%;
        right: 3%; 
    }
}

