@charset "UTF-8";
/* CSS Document */
@media screen {
	html{
    	/*background-size:cover;
    	background-image:url(http://wallpaperscraft.com/image/37681/800x1280.jpg);*/ 
	}
	h3:before { 
  display: block; 
  content: " "; 
  margin-top: -90px; 
  height: 90px; 
  visibility: hidden; 
}
.on{
	color: #00cb00;
}

.warning {
	background-color: red;
}

.wb div p img, div .uc  {
	width: 95%;
	margin: 12px;
}
.ui-category {
	background: black;
	color: white;
	padding: 0 1px 0 1px;
	margin: 0px 1.3em 0px 1.3em
}

.tsFilter {
	width: 98%;
	table-layout:fixed;
}
	  .ui-progressbar {
    position: relative;
  }
	  .progress-label {
    position: absolute;
    left: 45%;
    top: 4px;
    font-weight: bold;
  }
	html, body {
		margin:0;
		height:100%;
	}
	.center-filter {
        display: block;
        margin : 0 auto;
    }
	.tablesorter-filter.disabled {
		display:none;
		opacity: 0;
	}
		
	.tablesorter .tablesorter-filter {
  	  width: 80%;
	}

	.right-display {
		margin-bottom: 1em;
	}
	.hover {
		background-color: lightblue;
	}
	
	body {
		height: 100%;
		min-height:100%;
		background: #192b55;
		font-family: Helvetica, Tahoma, sans-serif;
		font-size: 14px;	
	
	}
	#messageResponse, #messageResponse2, #loadingDiv {
		position:fixed;
		top: 140px;
		left: 40%;
		margin:auto;
		width: 200px;
		z-index: 9999999 !important;
	}
	
	
	
	#session {
		position:fixed;
		top: 140px;
		left: 40%;
		margin:auto;
		width: 200px;
		z-index: 100000;
		text-align: center;
	}
	.double {
		height: 30px;
	}
	
	.second {
		margin-top: 5em;
	}
	
	.mobile {
		display:none;
	}
	
	th a {
		color: #cfeeff !important;
	}
	
	.sortable-header, h4.sortable-header {
		background-color: #000000; 
		width: 95%; 
		margin: auto;
		color: #FFFFFF; 
		font-variant: small-caps;
	}
	
	

	.invalid {
		background: red;
	}
	
	label {
		padding: 1px 2px 0px 3px;
	}
	
	table {
	    border-collapse: collapse;
	}
	
	td {
	    position: relative;
	 /*   padding: 5px 10px;*/
	    vertical-align: middle;
	}
	
	tr.strikeout td:before {
	    content: " ";
	    position: absolute;
	    top: 50%;
	    left: 0;
	    border-bottom: 1px solid #111;
	    width: 100%;
	   
	}
	
	.user-func li {
		list-style: none;
		display: inline-block;
	}
	
	tr.strikeout, tr.faded {
		 opacity: 0.5;
	}
	
	
	td h4 {
		color: #FFFFFF;
		margin: 2px;
		font-variant: small-caps;
	}
	
	a {
		font-family: Helvetica, Tahoma, sans-serif;
	}
	
	a:link {
		color: #0b00cd;
		text-decoration: none;
	}
	a:visited {
		color: #0b00cd;
		text-decoration: none;
	}
	a:hover {
		color:#5585ff;
		text-decoration: none;
	}
	a:active {
		color:#88c2ff;
		text-decoration: none;
	}
	
	/*a:link .fa, a:visited .fa {
		color: darkslateblue;
	}
	a:hover .fa, a:active .fa {
		color: cornflowerblue;
	}*/
	a:link .fa-check, a:visited .fa-check, .fa-check {
		color: #00c200;
	}
	a:hover .fa-check, a:active .fa-check {
		color: #08ff08;
	}
	a:link .fa-pencil, a:visited .fa-pencil, .fa-pencil {
		color: #d5bb11;
	}
	a:hover .fa-pencil, a:active .fa-pencil{
		color: #ac9811;
	}
	a:link .fa-flag, a:visited .fa-flag, .fa-flag {
		color: red;
	}
	a:hover .fa-flag, a:active .fa-flag {
		color: #ff6f6f;
	}
	a:link .fa-archive, a:visited .fa-archive, .fa-archive {
		color: brown;
	}
	a:hover .fa-archive, a:active .fa-archive {
		color: #d4982f;
	}
	a:link .fa-minus-circle, a:visited .fa-minus-circle, .fa-minus-circle {
		color: red;
	}
	.fa-trash {
		color: gray;
	}
	.grayspace {
		background: #CCCCCC;
	}
	.fa {
		padding: 0 3px 0 3px;
	}
	
	h1 {
		text-align: center;
		font-family:Helvetica, Tahoma, Geneva, sans-serif;
		font-size: 20px;
	}
	
	h2, h3 {
		font-family:Helvetica, Tahoma, Geneva, sans-serif;
		font-size: 16px;
	}
	p {
		/* background: white; */
	}
	
	p, td {
		font-family:Helvetica, Tahoma, Geneva, sans-serif;
		font-size: 14px;
	}
	
	span.line, span.linecenter {
		width:80%;
		display:block;
		padding: 0 0 1px;
	}
	
	span.linecenter {
		margin:auto;
	}
	
	#topnav {
		position:fixed;
		top: 0;
		left:0;
		padding-bottom: 0em;
		width:100%;	
		z-index: 1000;
		border-bottom: #dfdfdf solid 1px;
		box-shadow: 0 0 10px #4d4d4d;
		background: rgba(0,0,0,0.8);
	}
	#mid-nav {
		position:fixed;
		top: 4.5em;
		height:20px;
		left:0;
		padding-top:0;
		padding-bottom: 0em;
		width:100%;	
		z-index: 1000;
		border-bottom: #dfdfdf solid 1px;
		box-shadow: 0 0 10px #4d4d4d;
		background: rgba(0,0,0,0.8);
	}
	
	.bold {
		font-weight:bold;
	}
	
	form {
		margin-top: 3px;
	}
	
	table {
		margin-top: 12px;
		margin-left: auto;
		margin-right: auto;
	}
	tr {
		vertical-align: bottom;
	}
	.over {
		background: #C7D5F1;
	}
	
	.delete {
		background-img: '../img/delete.gif';
	}
	
	.norm {
		background: #FFFFFF;
	}
	.now {
		background: #8cbaff
	}
	.app {
	background: #B1FF8c
	}
	.noapp {
	background: #FF666A
	}
	.pending {
		background: #bce2ff
	}
	#top-container {
		position:absolute;
		width:900px;
		z-index: 2000;
	}
	
	#main-links, #user-links {
		position:relative;
		width:100%;
		margin:auto;
		font-family:Helvetica, Tahoma, sans-serif;
		overflow-y: hidden;
		text-align: center;
		
		
	}
	
	#main-links a, #user-links a {
		font-family: Helvetica, Tahoma, sans-serif;
	}
	
	#main-links a:link, #user-links a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	#main-links a:visited, #user-links a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	#main-links a:hover, #user-links a:hover {
		color:#ffd33f;
		text-decoration: none;
		text-shadow: 3px 3px 10px #FFFFFF;
	}
	#main-links a:active, #user-links a:active {
		color:#ffc400;
		text-decoration: none;
	}
	
	#sm h3 {
		font-weight:normal;
	}
	
	#main-links img {
		position:relative;
		padding: 0 0 10px;
		z-index: 1;
		vertical-align:middle;
	}
	#main-links a  {
		font-size:20px;
	}
	#user-links a {
		font-size: 14px;
		text-align: center;
	}
	
	
	#main-links li, #user-links li{
		display:inline-block;
		padding:0 10px 0 0;
	}
	#user-links {
		height:30px;
		margin-top: -10px;
		text-align: center;
	}
	#main-links span, #user-links span, #footer #address {
		display:block;
		font-size:12px;
		color: #bfbfbf;
		
	}
	.top-container button {
		display:none;
	}
	
	#bio.left-display img {
		float:left;
		/*padding-right: 5px;*/
	}
	
	#bio, #bio li, #bio ul {
		list-style: none;
		font-size: 14px;
	}
	.staff_photo {
	/*	margin-top: -100px;*/
	display: inline-block;
	vertical-align: top !important;
	height: 100%;
	}
		
	.programs.left-display, .left-display.lower {
		margin-top: 10px;
	}
	.programs.left-display img {
		padding-right: 5px;
	}
	
	#header {
		background: #ede3d6;
	
		width:100%;
		min-width: 1000px;
		margin: 4.6em auto 1em auto;
		
	}
	#banner {
		position:relative;
		width:1000px;
		-webkit-width:100%;
		-moz-width:1000px;
		margin:auto;
	}
	
	#logo {
		width:379px;
		height:179px;
		background-repeat: no-repeat;
		display: inline-block;
		padding: 0 40px 3px 10px;
	}
	
	#building {
		width:543px;
		height:189px;
		background-image: url('../img/buildingbg.png');
		background-repeat: no-repeat;
		display: inline-block;
	}
	#position {
		text-align: center;
	}
	
	#menu h2, #menu li{
		text-align: center;
		font-size: 12px;
		padding: 0;
		margin:0;
	}
	
	#menu ul, #menu li {
		list-style: none;
		width:100%;
		display:inline-block;
		padding:0 2px;
	}
	#menu a {
		font-weight: normal;
	}
	#menu h2 {
		background: #2c2c2c;
		color: #ffffff;
		width: 100%;
	}
	
	.bottom-container {
		position:relative;
		width:993px;
		margin:auto auto 1em auto;
		background: #ede3d6; /* Old browsers */
		background: -moz-linear-gradient(-45deg, #ede3d6 0%, #fffdd5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ede3d6), color-stop(100%,#fffdd5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, #ede3d6 0%,#fffdd5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, #ede3d6 0%,#fffdd5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, #ede3d6 0%,#fffdd5 100%); /* IE10+ */
		background: linear-gradient(135deg, #ede3d6 0%,#fffdd5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede3d6', endColorstr='#fffdd5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		/* height:100%; */
		padding: 5px 0px 400px 5px;
		border-bottom: #666666 solid 2px;
		border-right: #666666 solid 2px;
		border-radius: 10px;
		overflow: hidden;
	}
	
	#sm {
		position:relative;
		float:right;
		margin-top: 0px;
		width:100%;
		text-align: center;
		
	}
	#sm li, ul{
		display:inline-block;
		/*padding:0 2px;*/
	}
	
	.chosen-container ul, .chosen-container li {
		display:block;
		 padding:0 2px; 
	}
	#eq_oan_chosen {
	 width: 30% !important;
	}
	
	.left-display {
		float:left;
	}
	#press, .right-display {
		position:relative;
		float:right;
		width:28%;
		background: white;
		border: #999999 solid 1px;
		margin-right: 5px;
		margin-left: 3px;

		margin-bottom: 1em;
		padding-right: 7px;
		padding-left: 2px;
	}
	
	.right-display {
		float:right;
	}
	
	#press a {
		display:block;
		padding: 0 0 5px 0;
		font-size:14px;
	}
	
	#new, .wb, .left-display {
		position:relative;
		clear:left;
		width: 69.5%;
		background: white;
		padding: 1px 0px 2px 2px;
		border: #999999 solid 1px;
	}
	
	#new, .wb {
		margin-top: 10px;
		top:1em;
	}
	
	
	#logs {
		margin-top:10px;
	}
	
	#towns ul, #towns li {
		text-decoration: none;
		list-style: none outside none;
	}
	
	#footer {
		width:100%;
		height:200px;
		position:relative;
		bottom:0;
		left:0;
		background:linear-gradient(#1e1e1e 0%, #000000 100%);

		display: block;
		border-top: #dfdfdf solid 1px;
		clear:both;
	}
	
	#bottom-container {
		padding:10px;
		padding-bottom:80px; /* Height of the footer element */
	}
	
	#login h2 {
		margin:2px;
	}
	fieldset {
		border-style: none;
	}
	
	#login {
		margin: 0 25% 0;
		padding: 0;
	}
	
	.center { 
		margin:auto;
		text-align: center;
	}
	.left { 
		margin:0;
		text-align: left;
	}
	.chosen-container {
		/*margin:auto;*/
		text-align: left;
	}
	.auto-margin {
		margin:auto;
	}
	
	.text-center {
		text-align: center;
	}
	.right {
		text-align: right;
	}
	.left {
		text-align: left;
	}
	
	#sitemap-container {
		width: 1000px;
		margin: auto;
	}
	
	#twitter-feed {
		width: 29%;
		float:right;
		clear:both;
		margin:5px;
	}
	
	h1.bottom-container {
		text-align: center;
	}
	
	.wrapper {
		min-height:100%;
		width:100%;
		position: relative;
	}
	.line, .linecenter {
		background: #333333;
	}
	
	
	.sitemap a {
		font-family: Helvetica, Tahoma, sans-serif;
	}
	
	.sitemap a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	.sitemap a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	.sitemap a:hover {
		color:#999999;
		text-decoration: none;
	}
	.sitemap a:active {
		color:#888888;
		text-decoration: none;
	}
	
	
	
	.sitemap {
	    position:relative;
	    display:inline-block;
	    display:inline-flex;
	    min-height:160px;
		font-family:Tahoma, Geneva, sans-serif;
		color:#bfbfbf;
		font-size: 10px;
		min-width: 150px;
		
	}
	.sitemap li, .whiteboxfull li, .hide-dec li {
		list-style:none;
	}

	
	
	.sitemap h4 {
		
		font-weight:bold;
	}
	
	
	.press-title {
		font-weight:bold;
		font-variant: small-caps;
	}
	
	.press-date {
		color:grey;
		font-size: 10px;
	}
	
	.press-text {
		font-size:14px;
	}
	
	.timestamp, .releasestamp {
		color: #313131;
		font-size:12px;
	}
	
	.whiteboxfull {
		display:block;
		margin:10px 10px 1em 5px;
		background: white;
		padding: 2px 2px 2px 2px;
		border: #999999 solid 1px;
		box-shadow: 10px 10px 20px #999999;
	}
	
	.whiteboxfull img {
		float:left;
		/*padding-right: 3px; */
	}
	
	.release-header, .release-footer {
		text-align: center;
		margin: auto;
	}
	
	span.release-header {
		margin:auto;
	}
	
	.releasetype {
		font-variant: small-caps;
		font-size: 10px;
		float:left;
		margin-left:10%;
	}
	
	.releasestamp {
		float:right;
		margin-right:10%;
	}
	
	.release-body {
		text-align: left;
		clear:both;
		margin:5em 5% 1em;
		
	}
	
	.page-body {
		text-align: left;
		clear:both;
		/*margin:5em 5% 1em;*/
		
	}
	
	.dept-header {
		display: none;
	}
	
	.clear {
		clear:both;
	}
	
	/* set border-box so that percents can be used for width, padding, etc (personal preference) */
	.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	.cycle-slideshow { 
		position: absolute;
		top:0;
		right:0;
		width: 70%; 
	}
	
	.cycle-slideshow { min-width: 320px; max-width: 732px; margin: 0px; padding: 0; position: relative; float:left;
	    background: url(../img/spinner.gif) 50% 50% no-repeat;
	
	 }
	
	/* slideshow images (for most of the demos, these are the actual "slides") */
	.cycle-slideshow img { 
	    /* 
	    some of these styles will be set by the plugin (by default) but setting them here
	    helps avoid flash-of-unstyled-content
	    */
	    position: absolute; top: -100px; left: 10px;
	    width: 100%; padding: 0; display: block;
	}
	
	
	/* in case script does not load */
	.cycle-slideshow img:first-child {
	    position: static; z-index: 100;
	}
	
	/* pager */
	.cycle-pager { 
	    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
	}
	.cycle-pager span { 
	    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
	    display: inline-block; color: #ddd; cursor: pointer; 
	}
	.cycle-pager span.cycle-pager-active { color: #D69746;}
	.cycle-pager > * { cursor: pointer;}
	
	
	/* caption */
	.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }
	
	
	/* overlay */
	.cycle-overlay { 
	    font-family: tahoma, arial;
	    position: absolute; bottom: 0; width: 100%; z-index: 600;
	    background: black; color: white; padding: 15px; opacity: .5;
	}
	
	
	/* prev / next links */
	.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
	.cycle-prev { left: 0;  background: url(../img/left.png) 50% 50% no-repeat;}
	.cycle-next { right: 0; background: url(../img/right.png) 50% 50% no-repeat;}
	.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }
	
	.disabled { opacity: .5; filter:alpha(opacity=50); }
	
	/* display paused text on top of paused slideshow */
	.cycle-paused:after {
	    content: 'Paused'; color: white; background: black; padding: 10px;
	    z-index: 500; position: absolute; top: 10px; right: 10px;
	    border-radius: 10px;
	    opacity: .5; filter: alpha(opacity=50);
	}
	
	


}

.dataTable tbody tr td {
    padding: 0px !important; /* or whatever height you need to make them all consistent */
    vertical-align: middle;
}
.ui-tabs .ui-tabs-panel {
	padding: .1em !important;
}

.stripe1 {
	background-color: #fff;
}
.stripe2 {
	background-color:#eaeaea;
}

.ui-icon {
	zoom: 1.3;
}

.badge, .badge-tag {
	left: 12px;
    background-color: #3a3d41;
    border: 1px solid #3a3d41;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    /*margin: 0 3px 3px 0;*/
    padding: 0.1em 0.3em 0.1em 0.2em;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;
    white-space: nowrap;
}
.badge3 {
	color: gold;
}
.badge2 {
	color: silver;
}
.badge1 {
	color: #be8509;
}
.badge0 {
	color: green;
}

/*
a .fa .fa-circle .badge3, {
    color: gold;
}
.badge2 {
    color: silver
}

.badge a {
	vertical-align: middle;
	color: white;
}
*/
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/

/*@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow {display:none; width: 480px; float:none;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
	
	body {
		overflow-x: none;
	}
	
	
	h2, h3 {
	font-family:Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 18px;
}

p, a {
	font-family:Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 18px;

}
	#main-links{
		width:320px;
		margin: auto;
		text-align:center;
		overflow-x: none;
	}
	
	#main-links li, #user-links li{
	display:inline;
	}
	#main-links span{
	display:none;
	}
	#topnav, #mid-nav {
		position:relative;
	}
	#user-links {
		clear:both;
	
	}
	#mid-nav {
		top: 50%;
		margin: auto;
		text-align:center;
		overflow-x: none;
	}
	#user-links {
		top: 50%;
		width:10px;
		margin: auto;
		text-align:center;
		overflow-x: none;
	}
	#twitter-feed {
		display: none;
	}
	.top-container {
		position:fixed;
		top:0;
		width:100%;
		z-index: 1000;
		}

	#logo {
		position:relative;
		bottom:0px;
		top:auto;
	}
	#main-links a {
		font-size:30px;
	}
	#header {
	background: #ede3d6;
	height:100%;
	width:500px;
	min-width: 100px;
	margin: 10em auto 0em auto;
	
	}
	.top-container button {
		display:block;
	}
	#banner {
		position:relative;
		width:500px;
		margin:auto;
		top:0;
		
	}
	
	#logo {
		width:500px;
		background-image: url("img/buildingbg.png")
	}
	
	#building {
		display: none;
	}
	
	.bottom-container {
		position:relative;
		width:493px;
		margin: 1em auto 1em auto;
		background: #ede3d6;
		height:100%;
		padding: 5px 0px 500px 5px;
		border-bottom: #ffffff solid 3px;
		border-right: #ffffff solid 3px;
		overflow:hidden;
	}
	
	#sm {
		display: none;
		
	}
	
	#press, #new, .left-display {
		position:relative;
		float:left;
		clear:left;
		width:97%;
		padding-right: 7px;
		height:100%

	}
	
	#press, #new a, .left-display {
		display:block;
		padding: 0 0 5px 0;
		font-size:14px;
	}
	
	#footer {
		position: relative;
		width:500px;
		min-width: 100px;
		background:linear-gradient(#1e1e1e 0%, #000000 100%);
		height:auto;
		margin-top:0;
		border-top: #dfdfdf solid 1px;
	}
	
	
	#sitemap-container {
		width: 100%;
		margin: auto;
	}
	.sitemap {
	    position:relative;
	    display:inline-block;
	    min-height:160px;
		font-family:Tahoma, Geneva, sans-serif;
		color:#bfbfbf;
		font-size: 10px;
		min-width: 150px;
	}
	
	.dept-header {
	display: block;
}
	#messages {
		float:left;
		clear:both;
		width: 95%;
	}

	
}


*/

@charset "UTF-8";


/*
 * jQuery File Upload UI Plugin CSS 8.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.filecontainer {
  max-width:400px;
  margin-top:15px;
  margin-left:10px;
}
/*
p {
  font-weight:bold;
  padding-top:10px;
}*/

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: relative;
  top: -20px;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
 /* transform: translate(375px, 0) scale(1);*/
 width: 100%;
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress {
  background: url(../img/progressbar.gif) !important;
  filter: none;
}

.wb div p img, .uc  {
	width: 95%;
	margin: 12px 0px;
}
.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(../img/loading.gif) center no-repeat;
  background-size: contain;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .mobile {
	display:block;
}
}



@media print {

	html, body {
		margin:0;
		height:100%;
		width:100%;
	}
	
	body {
		height: auto;
		min-height:100%;
		background: #FFFFFF;
		font-family: Helvetica, Tahoma, sans-serif;
		font-size: 14px;
	}
	div {
		color:black !important;
		display:inline;
		break-inside: avoid;
	}
	a {
		font-family: Helvetica, Tahoma, sans-serif;
		color: black;
		text-decoration: none;
	}
	
	h1 {
		text-align: center;
		font-family:Helvetica, Tahoma, Geneva, sans-serif;
		font-size: 20px;
		color:black !important;
	}
	
	h2, h3 {
		font-family:Helvetica, Tahoma, Geneva, sans-serif;
		font-size: 16px;
		color:black !important;
	}
	
	p, td {
		font-family:Helvetica, Tahoma, Geneva, sans-serif;
		font-size: 14px;
		color:black !important;
	
	}
	
	span.line, span.linecenter {
		width:80%;
		display:block;
		padding: 0 0 1px;
	}
	
	span.linecenter {
		margin:auto;
	}
	
	.print-container {
		break-inside: avoid;
		page-break-after: always;
		display:block;
	}
	
	#topnav {
		display: none;
		
	}
	#mid-nav {
		display: none;
	}
	
	form {
		margin-top: 3px;
	}
	
	input {
		border: none;
	}
	
	
	table {
		margin-top: 12px;
		margin-left: auto;
		margin-right: auto;
	}
	.over {
		background: #C7D5F1;
	}
	
	.norm {
		background: #FFFFFF;
	}
	
	#top-container {
		display:none;
	}
	
	#main-links, #user-links {
		display: none;
	}
	
	#sm h3 {
		font-weight:normal;
	}
	
	#main-links img {
		position:relative;
		padding: 0 0 10px;
		z-index: 1;
		vertical-align:middle;
	}
	
	#user-links {
		display:none;
	}
	
	
	#header {
		width:100%;
		
	}
	#banner {
		position:relative;
		width:100%;
		margin:auto;
	}
	
	#logo {
		width:379px;
		height:179px;
		background-image: url('../img/logo-print.png');
		/*background-repeat: no-repeat;*/ 
		margin: auto;
	}
	
	#tabs2 {
		border: none;
	}
	
	#building {
		display:none;
	}
	#position {
		text-align: center;
	}

	.no-print {
		display: none !important;
	}
	
	.bottom-container {
		position:relative;
		margin:auto auto 1em auto;
		height:100%;
		display:block;
	}
	
	
	
	#sm {
		position:relative;
		float:right;
		margin-top: 0px;
		width:100%;
		text-align: center;
		
	}
	#sm li, #sm ul{
		display:inline-block;
		padding:0 2px;
		vertical-align: top;
	}
	
	.left-display {
		width:100%;
		margin:auto;
	}
	
	.right-display {
		display: none;
	}
	
	#pages {
		display: none;
	}
	#press a {
		display:block;
		padding: 0 0 5px 0;
		font-size:14px;
	}
	
	#new {
		position:relative;
		clear:left;
		width: 69.5%;
		background: white;
		padding: 1px 0px 2px 2px;
	}
	
	#new {
		margin-top: 10px;
		top:1em;
	}
	
	#logs {
		margin-top:10px;
	}
	
	#towns ul, #towns li {
		text-decoration: none;
		list-style: none outside none;
	}
	
	#footer {
		display: none;
	}
	
	#login h2 {
		margin:2px;
	}
	
	#login {
		margin: 0 25% 0;
		padding: 0;
	}
	
	.center {
		margin:auto;
		text-align: center;
	}
		
	h1.bottom-container {
		text-align: center;
	}
	
	.wrapper {
		position:relative;
		height:100%;
		width:100%;
	}
	.line, .linecenter {
		background: #333333;
	}
	
	.press-title {
		font-weight:bold;
		font-variant: small-caps;
	}
	
	.press-date {
		color:grey;
		font-size: 10px;
	}
	
	.press-text {
		font-size:14px;
	}
	
	.timestamp, .releasestamp {
		color: #313131;
		font-size:12px;
	}
	
	.whiteboxfull {
		display:block;
		margin:10px 10px 1em 5px;
		background: white;
		padding: 2px 2px 2px 2px;
	}
	
	.whiteboxfull img {
		float:left;
		/*padding-right: 3px;*/
	}
	
	.release-header, .release-footer {
		text-align: center;
		margin: auto;
	}
	
	span.release-header {
		margin:auto;
	}
	
	.releasetype {
		font-variant: small-caps;
		font-size: 10px;
		float:left;
		margin-left:10%;
	}
	
	.releasestamp {
		float:right;
		margin-right:10%;
	}
	
	.release-body {
		text-align: left;
		clear:both;
		margin:5em 5% 1em;
		
	}
	.page-body {
		text-align: left;
		clear:both;
		/*margin:5em 5% 1em;*/
		
	}
	
	.dept-header {
		display: none;
	}
	
	.clear {
		clear:both;
	}
	
	/* set border-box so that percents can be used for width, padding, etc (personal preference) */
	.cycle-slideshow, .cycle-slideshow * { display:none; }

	}
	
	
	input[type=number]{
   		width: 43px;
    } 
	
	td h4 {
		color: #FFFFFF;
		margin: 2px;
		font-variant: small-caps;
	}
}

/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat;
}
 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-size: 16px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}