/* === UNIVERSAL === */

html {
	height: 100%; /* for sticky footer */
	min-height: 100%; /* for sticky footer */
	margin: 0;
	padding: 0;
}
body {
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;*/
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	height: 100%; /* for sticky footer */
	min-height: 100%; /* for sticky footer */
	margin: 0;
	padding: 0;
	color:#222;
}
a { color: #2472e2; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
:focus { outline: 0; }
input { font-family: Arial, Helvetica, Calibri, Trebuchet, sans-serif; }
.ui-widget, .ui-widget-content {
	font-size: 13px !important; /* keeps the fonts in the calendar popup from getting too big */
	font-family: Arial, Helvetica, sans-serif !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1em;
}
.ui-widget-content a { color: #0078ad !important; }
table.center {
	margin-left: auto;
	margin-right: auto;
}
p.warning, p.note {
	padding: 3px;
	border-radius: 3px;
	margin-top: 5px;
	/*background-color: #f7f7f7;*/
	font-size: 12px;
	/*color: red;*/
}
p.warning strong:first-child { color: red; }
p.note strong:first-child { color: green; }
input[type=radio].fixWrap {
	float: left;
	margin-top: -1px;
}
.radioP {
	margin: 0 0 0 10px;
	position: relative;
}
.radioP .questionIcon {
	font-size: 14px;
	font-weight: bold;
	color: maroon;
	position: absolute;
	margin: -3px 0 0 0;
}
.radioP input[type="radio"] {
	margin-left: 4px;
	margin-bottom: 5px;
	margin-top: 0;
	vertical-align: top;
}
.fixRadio input[type="radio"] {
	margin-top: 0;
	margin-bottom: 5px;
	vertical-align: top;
}
.radioText {
	display: block;
	max-width: 170px;
}
.radioP:after {
	content: "";
	clear: both;
	display: table;
}

.nopointer {
	cursor: default !important;
}

/* === END UNIVERSAL === */


/* === NEW STUFF === */

.justificationDesc2 {
    margin-left: 225px;
    border: 1px solid grey;
    background: #efefef;
    padding: 10px;
}
.tinyContainer {
     margin-left: 225px;
}
.getParagraph p {
	margin: 0;
}
/* links */
a:link, a:visited {
	color: #0078ad;
	text-decoration: none;
}
a:active, a:hover {
	color: #094663;
	text-decoration: none;
	outline: 0;
}
*:focus {
	text-decoration: none;
	outline: 0 none;
}
/* text */
h1, .h1 {
	margin: 0 0 1em 0;
	font-size: 1.5em; /* don't change to px */
	font-weight: 700;
	line-height: 1em;
}
h2 {
	margin: 1.1em 0;
	font-size: 1.15em; /* don't change to px */
	font-weight: normal;
	line-height: 1em;
}
@media only screen and (max-width: 768px) {
    .justificationDesc2 {
    margin-left: 0;
    
}
    .tinyContainer {
     margin-left: 0;
}
	h1 {
		text-align: center;
	}
}
p {
	margin: 1.25em 0;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-small {
	font-size: 80%; /* don't change to px */
}
.text-big {
	font-size: 120%; /* don't change to px */
}
.text-upper {
	text-transform: uppercase;
}
.text-normal {
	text-transform: none;
}
blockquote {
	padding: 0 50px;
	line-height: 1.2em;
}
blockquote p {
	margin: .5em 0;
}
@media only screen and (max-width: 768px) {
	#locationRoleEditTable .chosen-container {
		width: 400px !important;
	}
	blockquote {
		padding: 0 30px;
	}
}
@media only screen and (max-width: 480px) {
	blockquote {
		padding: 0 20px;
	}
    .justificationDesc2 {
     width: 85%;
}
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* lists */
ul {
	margin: 1.25em 0;
	padding: 0 0 0 2.5em;
}
ul ul {
	margin: 0;
}
/* margin adjustments */
.no-gap-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.no-gap-bot {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-bot {
	margin-bottom: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-padding-bot {
	padding-bottom: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.no-border {
	border: none!important;
}
/* floats */
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.clear {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* image defaults */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
/* responsive images */
img.shrinkable {
	max-width: 100%;
}
/* if images are disabled in browser, hide these items */
/* .images-off .hide-when-images-off { display: none; }
.images-off .destroy-when-images-off { display: none; } */

/* background positions */
.bg-ct {
	background-position: center top !important;
}
.bg-lt {
	background-position: left top !important;
}
.bg-rt {
	background-position: right top !important;
}
.bg-cc {
	background-position: center center !important;
}
.bg-lc {
	background-position: left center !important;
}
.bg-rc {
	background-position: right center !important;
}
.bg-cb {
	background-position: center bottom !important;
}
.bg-lb {
	background-position: left bottom !important;
}
.bg-rb {
	background-position: right bottom !important;
}
/* ///// horizontal centering of content ////////////////////////////////////////////// */
/* content that is centered on the page to a max page width, with padding */
.pxc-sizer, .pxc-sizer-sm {
	position: relative;
	margin: 0 auto;
	height: 100%;
	padding: 50px 0;
}
/* .images-off .pxc-sizer, .images-off .pxc-sizer-sm {
padding: 20px 0;
} */
.pxc-sizer {
	max-width: 1150px;
}
.pxc-sizer-sm {
	max-width: 830px;
}

/* on small screens, use less padding */

@media only screen and (max-width: 767px) {
	.pxc-sizer, .pxc-sizer-sm {
		padding: 30px 0;
	}
	.clear767 {
		display: block !important;
		clear: both;
		overflow: hidden;
		margin: 0;
		padding: 0;
		height: 0;
		line-height: 0;
		font-size: 0;
	}
	.ui-dialog {
		width: 460px !important;
		margin: 0 auto!important;
		left: 0!important;
		right: 0!important;
	}
	.ui-dialog-content {
		width: 433px !important;
	}
	#locationRoleEditTable .pxc-td {
		display: block;
	}
}

/* on print, use even less padding */
@media print {
	.pxc-sizer, .pxc-sizer-sm {
		padding: 20px 0;
	}
}
/* remove the usual padding when the content is in a bg area or fixed area */
#header .pxc-sizer {
	padding: 0;
}
.zebra p:nth-child(odd) {
	background: #f7f7f7;
}
.zebra p {
	margin: .5em 0;
}
.PD1ATable p {
	margin: 0;
}
/* ///// columns ////////////////////////////////////////////////////////////////////// */
/* columns are done table-style with divs so they can be stacked on small screens */
.pxc-table {
	display: table;
	width: 98%;
	height: 100%;
}
.pxc-table.zebra .pxc-tr:nth-child(even) .pxc-td {
	background: #f7f7f7!important;
}
.pxc-2col.zebra.no-th .pxc-tr:nth-child(even) .pxc-td {
	background-color: #fff;
}
.pxc-2col.zebra.no-th .pxc-tr:nth-child(odd) .pxc-td {
	background-color: #f7f7f7;
}
#furnishItems .pxc-tr:nth-child(4n) .pxc-td, #repairItems .pxc-tr:nth-child(4n) .pxc-td {
	background: #f7f7f7;
}
.pxc-table .pxc-tr.td-white .pxc-td {
	background: #fff!important;
}
.pxc-tr {
	display: table-row;

}

.pxc-td {
	display: table-cell;
	border-top: solid #fff 2px;
	border-right: solid #fff 2px;
	padding: 3px;
}

/* default alignment is middle, else set to top */
.pxc-td {
	vertical-align: middle;
}
.pxc-td.white {
	background-color: #fff!important;
}
.pxc-tr.white .pxc-td {
	background-color: #fff!important;
}
.pxc-td.td-top {
	vertical-align: top;
}
.pxc-td.td-bottom {
	vertical-align: bottom;
}
.pxc-td.currency {
	text-align: right;
}
.pxc-td.th {
	background: #d7d7d7;
	text-align: center;
	font-weight: 700;
}
/* if the table has an image in it that needs to be shrinkable, it has to be fixed layout */
.pxc-img {
	table-layout: fixed;
}
/* one column table */
.pxc-td {
	padding: 2px 4px;
}
/* two column table - by default 50% columns, else set other % */
.pxc-2col .pxc-td {
	width: 50%;
}
.pxc-2col.auto-col-width .pxc-td {
	width: auto;
}
.pxc-2col .pxc-td.td-30p {
	width: 30%;
}
.pxc-2col .pxc-td.td-70p {
	width: 70%;
}
.pxc-2col .pxc-td.td-35p {
	width: 35%;
}
.pxc-2col .pxc-td.td-65p {
	width: 65%;
}
.pxc-2col .pxc-td.td-40p {
	width: 40%;
}
.pxc-2col .pxc-td.td-60p {
	width: 60%;
}
.pxc-2col .pxc-td.td-25p {
	width: 25%;
}
.pxc-2col .pxc-td.td-75p {
	width: 75%;
}
/* three column table */
.pxc-3col .pxc-td.th {
	background: #d7d7d7;
	text-align: center;
}
.pxc-3col .pxc-td {

}
.pxc-3col .pxc-td.td-45p {
	width: 45%;
}
.pxc-3col .pxc-td.td-60p {
	width: 60%;
}
.pxc-3col .pxc-td.td-10p {
	width: 10%;
}
.pxc-3col .pxc-td.td-20p {
	width: 20%;
}


.pxc-3col .pxc-td-mid {
	width: 34%;
}
/* four column table */
.pxc-4col .pxc-td.th {
	background: #d7d7d7;
	text-align: center;
}

.pxc-4col .pxc-td.td-34p {
	width: 34%;
}
.pxc-4col .pxc-td.td-40p {
	width: 40%;
}
.pxc-4col .pxc-td.td-30p {
	width: 30%;
}
.pxc-4col .pxc-td.td-22p {
	width: 22%;
}
.pxc-4col .pxc-td.td-10p {
	width: 10%;
}
.pxc-4col .pxc-td.td-5p {
	width: 5%;
}
.pxc-4col .pxc-td.td-2p {
	width: 2%
}
/* five column table */
.pxc-4col .pxc-td.th {
	background: #d7d7d7;
	text-align: center;
}


.pxc-5col .pxc-td.td-40p {
	width: 40%;
}
.pxc-5col .pxc-td.td-30p {
	width: 30%;
}
.pxc-5col .pxc-td.td-20p {
	width: 20%;
}
.pxc-5col .pxc-td.td-10p {
	width: 10%;
}
.pxc-5col .pxc-td.td-5p {
	width: 5%;
}
.pxc-6col .pxc-td.td-16p {
	width: 16%;
}
.pxc-6col .pxc-td.td-33p {
	width: 33%;
}
.pxc-6col .pxc-td.td-8p {
	width: 8%;
}


/* eight column table - by default auto columns, else set other % */

.pxc-8col .pxc-td.td-70p {
	width: 70%;
}
.pxc-8col .pxc-td.td-60p {
	width: 60%;
}
.pxc-8col .pxc-td.td-50p {
	width: 50%;
}
.pxc-8col .pxc-td.td-40p {
	width: 40%;
}
.pxc-8col .pxc-td.td-30p {
	width: 30%;
}
.pxc-8col .pxc-td.td-20p {
	width: 20%;
}
.pxc-8col .pxc-td.td-18p {
	width: 18%;
}
.pxc-8col .pxc-td.td-10p {
	width: 10%;
}
.pxc-8col .pxc-td.td-12p {
	width: 12%;
}
.pxc-8col .pxc-td.td-8p {
	width: 8%;
}
.pxc-8col .pxc-td.td-6p {
	width: 6%;
}
.pxc-8col .pxc-td.td-1p {
	width: 1%;
}
.pxc-8col .pxc-td.th, .pxc-4col .pxc-td.th, .pxc-2col .pxc-td.th {
	background: #d7d7d7!important;
	text-align: center;
}

/* seven column table - by default auto columns, else set other % */
.pxc-7col .pxc-td {
	/*Don't set default widths*/
}

.pxc-7col .pxc-td.td-50p {
	width: 52%;
}
.pxc-7col .pxc-td.td-30p {
	width: 28%;
}
.pxc-7col .pxc-td.td-1p {
	width: 18%;
}
.pxc-7col .pxc-td.td-1p {
	width: 16%;
}
.pxc-7col .pxc-td.td-8p {
	width: 14%;
}
.pxc-7col .pxc-td.td-12p {
	width: 12%;
}
.pxc-7col .pxc-td.td-8p {
	width: 8%;
}
.pxc-7col .pxc-td.td-1p {
	width: 1%;
}
.pxc-7col .pxc-td.th, .pxc-4col .pxc-td.th, .pxc-2col .pxc-td.th {
	background: #d7d7d7;
	text-align: center;
}
.PD1ATable .radio-td {
	padding: 0;
}
.PD1ATable .radio-td input {
	padding: 2px;
	margin: 2px 0 0 0;

}
#PGRMPTable input[type=text], #PGRMPTable select, #PGRMPTable textarea {
	width: 190px;
}
.td-left {
	text-align: left!important;
	/*padding-left: 2px!important;*/
}
.td-right {
	text-align: right!important;
	/*padding-right: 2px!important;*/
}
.td-center {
	text-align: center!important;
}
.pxc-8col .edit, .pxc-8col .remove {
	margin-right: 1px;
	margin-left: 1px;
}
.pxc-td.border-left {
	border-left: solid #fff 10px ;
}
.pxc-td.border-left-20 {
	border-left: solid #fff 20px ;
}
.pxc-tr.border-top-20 .pxc-td {
	border-top: solid #fff 20px ;
}
.pxc-tr.border-bottom-30 .pxc-td {
	border-bottom: solid #fff 30px ;
}
.pxc-tr.top-line .pxc-td {
	border-top: solid #f7f7f7 2px ;
}
.agendaAccSpan {
	float: right !important;
	display: inline-block !important;
	margin: 0 !important;
}

#editUser .label120, #editUser .label220, #AssignedToChangeBox .label120, #AssignedToChangeBox .label220 {
	margin-bottom: 10px !important;
	display: inline-block !important;
}
#editUser .label120ComboBox, #editUser .label220ComboBox, #AssignedToChangeBox .label120ComboBox, #AssignedToChangeBox .label220ComboBox {
	margin-bottom: 15px !important;
	display: inline-block !important;
}
.ui-dialog {
	margin: 0 auto!important; /*left: 0!important; right: 0!important; */
}
#fundingGrid {
	margin-top: 30px;
	width: 350px;
}
#fundingGridContainer {
	float: right;
	width: 350px;
	padding-right: 30px;
}
#fundingGridPDIA {
	margin-top: 30px;
	width: 100%;
}
.addNote {
    display: block;
    background-color: #fff!important;
    color: red;
    border: solid 1px grey!important;
    
}
body:not(.inSession) .addNote {
    display: none!important;
}
/* ONE OFF */

@media only screen and (max-width: 1242px) {
	#fundingGridPDIA {
		margin-top: 30px;
		width: 100%;
	}

	.justificationDesc, #PostIt {
	/*	margin-left: 225px !important;*/
	}
	.responsiveLeftRev230 {
		margin-left: 228px;
		margin-bottom: 5px;
	}
	.filterContainer {
		width: 90% !important;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width: 1366px) {
	#approvalListCon {
		float: left;
		width: 200px !important;
	}
}
@media only screen and (max-width: 1023px) {
	.pxc-8col .pxc-td {
		padding: 0;
		display: block;
		vertical-align: top;
		text-align: left!important;
		width: 100% !important;
	}
	.PD1ATable .radio-td {
		height: 40px;
		display: inline-block;
		vertical-align: bottom;
		width: 15px !important;
	}
	.PD1ATable .radio-td input {
		margin-top: 20px;
	}
	.PD1ATable .radio-label-td {
		height: 40px;
		display: inline-block;
		vertical-align: bottom;
		width: auto !important;
	}
	.PD1ATable .radio-label-td strong {
		display: inline-block;
		margin-top: 20px;
	}
	.PD1ATable .show1023 {

		margin-top: 5px;
	}
	.PD1ATable .show1023.inline-block {
		display: inline-block;
	}
	/* change table/tr/td display to block like a normal div */
	.pxc-table.pxc-8col {
		display: block;
	}
	.pxc-8col .pxc-tr {
		display: block;
		max-width: 310px;
	}
	.pxc-8col .pxc-td input {
		text-align: left!important;
	}
	/* make all columns 100% wide and remove the padding and vertical alignment */
	.pxc-8col .pxc-tr .pxc-td:last-child {
		padding-bottom: 15px!important;
	}
	.PD1ATable .pxc-tr .pxc-td:last-child {
		padding-bottom: 0!important;
	}
	/* don't collapse tables inside bg areas, so the content stays centered vertically */
	.px-gap .pxc-table {
		display: table;
		width: 100%;
		height: 100%;
	}
	.px-gap .pxc-tr {
		display: table-row;
	}
	.px-gap .pxc-td {
		display: table-cell;
		width: 100%;
		padding: 10px;
		vertical-align: middle;
	}
	#furnishItems .pxc-td {
		padding: 2px 0 2px 2px;
	}
	#furnishItems .show648 {
		margin-top: 15px;
	}
	#furnishItems .pxc-tr {
		border-bottom: 4px solid #f7f7f7;
	}
	#furnishItems .addFundAcct {
		top: -42px!important;
		left: 80px!important;
	}

	#furnishItems.pxc-table.zebra .pxc-tr:nth-child(even) .pxc-td {
	}
	#routingAdminRetrieval span strong {
		margin-top: 5px;
		display: inline-block;
	}
	.floatNone1023 {
		float: none;
	}
	.hide1023 {
		display: none !important;
	}
	.show1023 {
		display: block !important;
		background: #f7f7f7;
		padding: 2px 0 2px 2px;
	}

	.justificationDesc, #PostIt {
		/*margin-left: 225px !important;*/
	}
	.reqFilterTable {
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
	}
	.filterContainer {
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	#approvalListCon {
		float : none !important;
	}
	#approvalList2Con {
		padding: 10px;
		float : none !important;
	}
	.ui-dialog.dialogItemsTable  {
		width: 95% !important;
	}

	.ui-dialog.dialogItemsTable {
		margin: 0 auto!important;
		left: 0!important;
		right: 0!important;
	}
	.ui-dialog.dialogItemsTable .ui-dialog-content {
		width: 95% !important;
	}
}
@media only screen and (max-width: 1024px) {

	.bodyUsers #mainBody, .bodyRequisitions #mainBody {
		padding: 46px 5px !important;
	}
	#PGRMPTable {
		width: 85% !important;
	}
	.reqTable td {
		vertical-align: top !important;
	}
	.reqTableNumTh {
		width: 20px !important;
	}
	.reqTableNumTd {
		font-weight: 700;
		text-align: center !important;
	}
	.remove, .x {
		padding: 1px 0 1px 1px !important;
		/*display: block;*/
		margin-right: 0 !important;
	}
	.edit {
		padding: 1px 0 1px 0;
		margin-right: 0 !important;
		margin-bottom: 2px !important;
		/*display: block;*/
	}
	.agendaAccSpan {
		float: none !important;
		margin-left: 25px !important;
		font-size: 14px;
		display: block!important;
	}
	.agendaAccSpanLeft {
		float: none !important;
		display: block!important;
	}
	#moduleTabText {
		left: 5px!important;

	}
}
/* on small screens, stack the columns */
@media only screen and (max-width: 768px) {
	/* change table/tr/td display to block like a normal div */
	/*.pxc-td {
	padding: 0 10px;
	}*/
	/* change table/tr/td display to block like a normal div */
	/*.pxc-table {
	display: block;
	}
	.pxc-tr {
	display: block;
	}
	.pxc-td {
	display: block;
	vertical-align: top;
	}
	.pxc-td {
	text-align: left!important;
	}
	.pxc-tr {
	max-width: 310px;

	}*/

	.floatNone768 {
		float: none;
	}
	.hide768 {
		display: none !important;
	}
	.show768 {
		display: block !important;
		background: #f7f7f7;
		padding: 2px 0 2px 2px;
	}

	/* make all columns 100% wide and remove the padding and vertical alignment */
	/*.pxc-td,  .pxc-4col .pxc-td,  .pxc-2col .pxc-td,  .pxc-3col .pxc-td,  .pxc-3col .pxc-td-left,  .pxc-3col .pxc-td-mid,  .pxc-3col .pxc-td-right {
	width: 100% !important;
	padding: 0;
	vertical-align: top;
	}*/

	/* don't collapse tables inside bg areas, so the content stays centered vertically */
	.px-gap .pxc-table {
		display: table;
		width: 100%;
		height: 100%;
	}
	.px-gap .pxc-tr {
		display: table-row;
	}
	.px-gap .pxc-td {
		display: table-cell;
		width: 100%;
		padding: 10px;
		vertical-align: middle;
	}
	.floatNone767 {
		float: none;
	}
	#scenario1, #scenario2 {
		padding-left: 0!important;
	}
	#mainBody, .bodyUsers #mainBody {
		padding: 46px 5px !important;
	}
	#filter {
		top: -46px !important;
	}
	.reqBasicDetails.first {
		float:none !important;
	}
	.reqBasicDetails.second {
		float:none !important;
	}
	.reqBasicDetails {
		width: 100% !important;
	}
	#startMtgSession .reqOfficer {
		width: 194px !important;
	}
	.submitAgendaItem, .responsiveLeft, .responsiveLeft230 {
		margin-left: 0 !important;
	}
	.label120, .label120ComboBox, .label220ComboBox {
		text-align: left !important;
		padding: 3px 5px 0 0;
	}
	#editUser .label120, #AssignedToChangeBox .label120, #editUser .label220, #AssignedToChangeBox .label220 {
		margin-top: 5px !important;
		margin-bottom: 0 !important;
		display: inline-block !important;
	}
	#editUser .label120ComboBox, #editUser .label220ComboBox, #AssignedToChangeBox .label120ComboBox, #AssignedToChangeBox .label220ComboBox {
		margin-top: 5px !important;
		display: inline-block !important;
	}
	.label220 {
		text-align: left !important;
		padding: 3px 5px 0 0;
	}
	.responsiveLeftRev230 {
		margin-left: 0;
		margin-bottom: 10px;
	}
	.minuteLinkContainer {
		float: none !important;
		margin-bottom: 10px;
	}
	.responsiveWidth120 {
		width: auto !important;
	}
	.justificationDesc, #PostIt {
		margin-left: 0 !important;
		width: 90% !important;
	}
	.width90 {
		width: 90% !important;
	}
	.width100 {
		width: 100% !important;
	}
	.reqFilterTable {
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
	}
	#Comments {
		width: 90% !important;
	}
	.refresh {
		margin: 0 0 40px 20px !important;
	}
	.reqFundingCol {
		float: none!important;
		width: 100% !important;
		text-align: left !important;
	}
	.hide768 {
		display: none !important;
	}
	.show768 {
		display: block !important;
	}
	#userPic {
		display: block !important;
	}
	.fundAccName, .webRefTitle, .detailsText {
		background-color: #f7f7f7;
	}
	.fundAccName {
		font-weight: 700;
	}
	#usersTable p {
		padding: 0 !important;
		margin: 3px 0 0 0 !important;
	}
	.agendaActionButtons.show768 p, .agendaActionButtons.show768, #agendAjaxTable .show768 {
		text-align: left !important;
	}

	.filterContainer {
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	#txtPhoneNumber {
		/*background-color: #eee !important;
		width: 130px;*/
	}
	#PhoneVerified div {
		display: block !important;
		margin-top: 10px !important;
	}
	.colNumber {
		width: 10px !important;
		text-align: center !important;
		vertical-align: top !important;
		font-weight: 700;
	}
	#meetingButtons {
		float: none !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.noLeftMargin768 {
		margin-left: 0 !important
	}
	.noTopMargin768 {
		margin-top: 0 !important
	}
	#assignedToComments, #currentlyAssignedToUserblockContainer, #selAssignToUser_chosen {
		width: 250px !important
	}
     
	.custom-combobox-input {
		width: 210px !important;
	}
	.reqTable tr:nth-child(odd) td {
		background-color: #fff!important;
	}
	.reqTable td {
		padding-top: 15px!important;
	}
	.iconImg {
		font-weight: 700;
	}
}
@media only screen and (max-width: 767px) {
	.hide767 {
		display: none !important;
	}
	.show767 {
		display: block !important;
	}
	.show767.inline {
		display: inline-block !important;
		margin-left: 10px;
	}
	.title767 {
		font-size: 16px;

	}
	input {
		text-align: left !important;
	}
	.currency {
		text-align: right!important;
	}
    .defaultTable {
        border-spacing: 3px;
    }
   
    .bodyMMAdminUsers #locationsTable tr td:nth-child(2) {
        vertical-align: top;
    }
    .bodyMMAdminUsers #locationsTable tr:nth-child(odd) td {
        background-color: #efefef!important;
    }
    .bodyMMAdminUsers #locationsTable td .show768 {
        background: none;
    }
    .pageNavigation div:first-child:not(.pageNavigationLinksContainer) {
        float: none!important;
        text-align: left!important;
        width: 100%!important;
        margin-bottom: 5px;
    }
    .pageNavigationLinksContainer, .pageNavigation {
        float: none!important;
        text-align: left!important;
        width: 100%!important;
    }
    .pageNavigation {
        margin-bottom: 5px;
    }
    .pageCountDiv {
        display: none!important;
    }
    .noUnderline .pageCountDiv {
        display: inline-block!important;
    }
	#furnishItems tr td {
		background-color: #f1f1f1 !important;
		border-bottom: 10px solid #fff;
	}
	#furnishItems tr:nth-last-child(3) td {
		background-color: #f1f1f1 !important;
		border-top: 20px solid #fff;
	}
	#furnishItems td:first-child > span:first-child {
		font-size: 14px;
		font-weight: 700;
		color: #777;
	}
	#furnishItems td:first-child {
		width: 100%;
		font-size: 11px;
	}
	#furnishItems .edit {
		margin-top: 2px;
	}
	#furnishItems .edit, #furnishItems .remove {
		margin-right: 5px !important;
	}
	.reqNewFE .addFundAcct {
		top: 264px !important;
		left: 0;
	}
	.left767 {
		text-align: left !important;
	}
	#encContainer {
		width: 300px !important;
	}
	#groupsTable {
		width: 620px!important;
	}
}
@media only screen and (max-width: 640px) {
	/* change table/tr/td display to block like a normal div */

	.pxc-6col .pxc-td  {
		display: block;
		width: 90% !important;
		padding: 0;
		vertical-align: top;
	}
	.pxc-table.pxc-4col.zebra .pxc-tr .pxc-td, .pxc-table.pxc-6col.zebra .pxc-tr .pxc-td, .pxc-table.pxc-7col.zebra .pxc-tr .pxc-td {
		/*background-color: #fff;*/
		background-color: #e7e7e7;
	}
	.pxc-4col .pxc-tr .pxc-td:last-child, .pxc-6col .pxc-tr .pxc-td:last-child, .pxc-7col .pxc-tr .pxc-td:last-child {
		/*padding-bottom: 15px!important;*/
		border-bottom: 5px solid #fff;
	}
	#groupsTable {
		width: 100%!important;
	}
	
	#rolesTable .pxc-td {
		width: 97%!important;
		display: block;
        text-align: left!important; 
		/*background: #fff!important;*/
	}
	#rolesTable .pxc-tr p {
		/*background: #fff!important;*/
	}
	#rolesTable .pxc-td.counter {
		/*background: #f7f7f7!important;*/
		font-weight: 700;
	}
	#rolesTable .pxc-td.icon {
		text-align: left!important;
	}
	.emailHistTbl .pxc-td {
		display: block;
		padding-bottom: 10px;
	}
	.emailHistTbl label {
		display: inline-block;
		font-weight: 700;
		/*background-color: #d7d7d7;
		margin-top: 10px;*/
	}
	.emailHistTbl .colNumber {
		text-align: left !important;
		vertical-align: middle !important;
		padding: 3px 0 3px 2px !important;
	}

	#quickLookModal .pxc-td {
		display: block;
	}
   
	#PGRMPTable, #VDRTable {
		width: 50% !important;
	}
	#PGRMPTable .pxc-td, #VDRTable  .pxc-td {
		display: block;
	}
	#PGRMPTable .pxc-td.border-left, #VDRTable .pxc-td.border-left {
		border: none;
	}
	#PGRMPTable .pxc-td.td-30p, #VDRTable  .pxc-td.td-30p {
		border-bottom: solid 10px #fff;
	}
	#PGRMPTable .pxc-td.td-70p, #VDRTable  .pxc-td.td-70p {
		font-weight: bold;
	}
	.pxc-4col .pxc-td {
		padding: 5px;
		display: block;
		vertical-align: top;
		text-align: left!important;
	}
	.currency {
		text-align: right!important;
	}
	/* change table/tr/td display to block like a normal div */
	.pxc-table.pxc-4col {
		display: block;
	}
	.pxc-4col .pxc-tr {
		display: block;
		max-width: 100%;
	}

	.PD1ATable .pxc-tr .pxc-td:last-child {

	}
	.pxc-4col .pxc-td input, .pxc-4col .pxc-td span {
		text-align: left!important;
	}

	/* don't collapse tables inside bg areas, so the content stays centered vertically */
	.px-gap .pxc-table {
		display: table;
		width: 100%;
		height: 100%;
	}
	.px-gap .pxc-tr {
		display: table-row;
	}
	.px-gap .pxc-td {
		display: table-cell;
		width: 100%;
		padding: 10px;
		vertical-align: middle;
	}
	#repairItems .pxc-td {
		padding: 2px 0 2px 2px;
	}
	#repairItems .show648 {
		margin-top: 15px;
	}
	#repairItems .pxc-tr {
		border-bottom: 4px solid #f7f7f7;
	}
	#repairItems .addFundAcct {
	    top: -20px;
        left: 3px;
	}
	#repairItems.pxc-table.zebra .pxc-tr:nth-child(even) .pxc-td {
		background-color: #fff;
	}
	#routingAdminRetrieval span strong {
		margin-top: 5px;
		display: inline-block;
	}
	.no-th.pxc-2col.zebra .pxc-td:nth-child(even) {
		background-color: #fff!important;
	}
	.no-th.pxc-2col.zebra .pxc-td:nth-child(odd) {
		background-color: #f7f7f7!important;
	}
	.editRule {
		margin-top: 5px;
		display: inline-block;
		font-weight: 700;
	}
	.floatNone640, .floatNone648 {
		float: none;
	}
	.hide640, .hide648 {
		display: none !important;
	}
	.show640, .show648 {
		display: block !important;
		/*background: #f7f7f7;*/
		padding: 2px 0 2px 2px;
		font-weight: 700;
	}

	p.show640 {
		margin: 10px 0 5px 0;
		padding: 0;
		font-weight: 700;
	}

	.agendaAccSpan {
		float: none !important;
		margin-left: 25px !important;
		font-size: 14px;
	}
	.agendaHeader {
		clear: both;
	}
	.filterColMeetingsOne {
		float: none !important;
	}
	.filterColMeetingsTwo {
		float: none !important;
	}
	.width80-640 {
		width: 80% !important;
	}
	.floatNone640 {
		float: none !important;
	}
	#filter .floatNone640 {
		text-align: left !important;
	}
	.ft-date.first {
		margin-bottom: 5px;
	}

	.pxc-td.space-after20  {
		border-bottom: 20px solid #fff;
	}
	.pxc-td.space-after30  {
		border-bottom: 30px solid #fff;
	}
    .left-margin-none-640 {
        margin-left: 0!important;
    }
    .top-margin-sm-640 {
        margin-top: 10px!important;
    }

	/* PUT THIS BACK WHEN YOU FIGURE OUT WHAT ITS FOR - ITS MESSING UP FILTER DATE LABELS */
	/* .filterLabel { height: 20px !important; margin-top: 10px; } */
}
@media only screen and (max-width: 480px) {
	/* make all columns 100% wide and remove the padding and vertical alignment - moved from 480*/
	.pxc-td, .pxc-4col .pxc-td, .pxc-2col .pxc-td, .pxc-3col .pxc-td, .pxc-3col .pxc-td-left, .pxc-3col .pxc-td-mid, .pxc-3col .pxc-td-right {
		width: 90% !important;
		padding: 0;
		vertical-align: top;
	}
    #rolesTable .pxc-td {
		width: 97% !important;
		display: block;
		/*background: #fff!important;*/
	}
	/* turn 4-col tables into 1-col */
	.bodyData {
		padding: 0 !important;
	}
	#mainBody {
		padding: 46px 5px !important;
	}
	.pxc-sizer, .pxc-sizer-sm {
		padding: 10px 0;
	}
	.pxc-4col .pxc-td {
		float: none;
		width: 95% !important;
		margin: 0;
	}
	#accordianContent-Roles .pxc-td, #accordianContent-UsersByPermissions .pxc-td {
		display: block;
		padding: 5px 5px 10px 5px;
	}
	#accordianContent-Roles label, #accordianContent-UsersByPermissions label {
		display: inline-block;
		font-weight: 700;
		/*background-color: #d7d7d7;
		margin-top: 10px;*/
	}
	.reqBasicDetails.first {
		float:none !important;
	}
	.reqBasicDetails.second {
		float:none !important;
	}
	.reqBasicDetails, .reqOfficer {
		width: 100% !important;
		box-sizing: border-box;
	}
	#topLogo {
		/*width: 50% !important;*/
	}
	.floatNone480 {
		float: none !important;
	}
	.block480 {
		display: block !important;
	}
	.hide480 {
		display: none !important;
	}
	.show480 {
		display: block !important;
	}
	#divPanel .show480 {
		margin: 5px 0 5px 0 !important;
	}
	.loginUser {
		width: 80px;
		margin-bottom: 0 !important
	}
	.loginPass {
		width: 80px;
		margin-top: 10px !important;
	}
	#btnSubmit {
		margin: 10px 0 20px 0 !important;
	}
	.submitAgendaItem {
		margin-left: 0 !important;
	}
	.width90-480 {
		width: 90% !important;
	}
	.width80-480 {
		width: 80% !important;
	}
	.filterCol .pull-left {
		float: none !important;
		text-align: left !important;
	}
	#filterbutton {
		float: left !important;
	}
	.reqFilterTable {
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
	}
	.filterLabel {
		height: 20px !important;
		margin-top: 10px;
        width: auto!important;
	}
	.filterLabelList {
		height: 20px !important;
		margin-top: 10px;
	}
	.ft-date.first {
		margin-bottom: 5px;
	}
	.accordianSection {
		padding: 10px 5px 20px 5px !important;
	}
	.chkLogActionTypeToggler {
		float: none !important;
		display: block !important;
		margin: 0 !important;
	}
	#Comments {
		width: 90% !important;
	}
	#creatAgendaItemBut, #exportExcelBut {
		margin-bottom: 5px;
	}
	#PostIt {
		text-align: left;
	}
	#sortable2 {
		margin-top: 10px;
	}
	.fileTypes {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	#FILE1 {
		display: block !important
	}
	#divPanel {
		display: block !important
	}
	.clsUploadFrame {
		padding: 0 !important
	}
	#uplFileName {
		width: 200px !important
	}
	.excelExport {
		float: none !important;
		margin-bottom: 10px;
	}
	.ui-dialog .ui-dialog-content {
		padding: 0 !important;
	}
	.ui-dialog {
		width: 280px !important;
		margin: 0 auto!important;
		left: 0!important;
		right: 0!important;
	}
	.noLeftMargin480 {
		margin-left: 0 !important
	}
	.noTopMargin480 {
		margin-top: 0 !important
	}
	.fundingSrcAccr {
		font-size: 12px !important;
		padding: 3px 0 3px 3px !important;
		height: auto !important;
	}
	.ui-dialog-content {
		width: 280px !important;
	}
	.openClose {
		display: none !important;
	}
	#filter {
		padding: 20px 0 0 7px !important;
	}
	#filter .filterCol {
		width: 270px !important;
	}
	#fundingNote {
		margin-top: 40px;
		display: inline-block;
		text-align: left !important;
	}

	p.buttons {
		text-align: center;
		max-width: 310px;
	}
	p.buttons input[type=button] {
		display: block;
		width: 100%;
		max-width: 310px;
		margin: 10px 0 0 0!important;
		text-align: center!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	.agendaAccSpan {
		margin-left: 15px !important;
	}
	#accordianContent-UsersByGroups .pxc-td, #accordianContent-UsersByGroups .pxc-td p {
		display: block;
		background: #fff!important;
	}
	#accordianContent-UsersByGroups .pxc-td.select {
		width: 280px!important;
		background: #f7f7f7!important;
	}
	.pxc-td.space-after20  {
		border-bottom: 20px solid #fff;
	}
	.pxc-td.space-after30  {
		border-bottom: 30px solid #fff;
	}
	.detailsTableLegacy .show480 {
		font-weight: 700;
		display: block;
		margin-top: 10px;
	}
	.detailsTableReqView .pxc-tr .pxc-td:first-child {
		font-weight: 700;
	}
	.detailsTableReqView .pxc-td {
		display: block!important;
		width: 80%!important;
		background: #fff!important;
	}
	.detailsTableReqView {
		width: 250px!important;
	}
	.detailsTableReqView.zebra .pxc-td {
		background: #fff!important;
		border: none;
	}
	.detailsTableReqView .pxc-td:last-child {
		background: #fff!important;
		border-bottom: 10px solid #fff!important;
	}
	.detailsTableReqView.zebra .pxc-tr:nth-child(even) .pxc-td {
		background: #f7f7f7!important;
	}
	#AEReqViewTable .detailsTableReqView {

	}
	#hrReqTable .currency {
		text-align: left!important;
	}
	#locationRoleEditTable .chosen-container {
		width: 240px !important;
	}
}

@media only screen and (max-width: 479px) {
	.mce-tinymce {
		width: 90%!important;
	}
	#reqNavButtons input[type=button] {
		margin: 5px 0 0 0 !important;
		display: block;
	}
}
.cbDiv {
	padding-left: 15px;
	text-indent: -18px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.cbDiv input {
	padding: 0;
	margin: 0 3px 0 0;
	vertical-align: bottom;
	position: relative
}
/* === END NEW STUFF === */

/* === START LOGIN STUFF === */

.loginUser {
	width: 80px;
	margin-bottom: 10px;
}
.loginPass {
	width: 80px;
}
#btnSubmit {
	margin: 10px 0 20px 80px;
}
/*.custom-combobox-toggle { height: 24px !important; }*/
#ReqType {
	width: 400px;
}
/* === END LOGIN STUFF === */

/* === START REQ CHOOSE NEW STUFF === */

#txtComboBox_ReqType {
	width: 400px;
}
.labelDiv {
}
.label120, .label120ComboBox {
	width: 120px;
	display: inline-block;
	text-align: right;
	padding: 3px 5px 0 0;
}
.label220, .label220ComboBox {
	width: 220px;
	display: inline-block;
	text-align: right;
	padding: 3px 5px 0 0;
}
.label220Left {
	width: 220px;
	display: inline-block;
	text-align: left;
	padding: 3px 5px 0 0;
}
.label80Left {
	min-width: 80px;
	display: inline-block;
	text-align: left;
	padding: 0 5px 0 0;
}
.responsiveLeft {
	margin-left: 125px;
}
.responsiveLeft230 {
	margin-left: 228px;
}
.submitAgendaItem {
	margin-left: 125px;
}
.responsiveWidth120 {
	width: 120px;
}
.justificationDesc {
	margin-left: 10px;
	/*width: 450px;*/
}
#PostIt {
	margin-left : 225px;
}
/*.responsiveLeftRev230 { width: auto !important;}*/

/* === END REQ CHOOSE NEW STUFF === */

/* === START FILTER BOX NEW STUFF === */
.reqFilterTable {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.filterCol {
	width: 310px;
}
.filterLabel {
	width: 110px;
	text-align: right;
	padding-right: 5px;
	height: 30px;
}
.filterLabel span {
	display: inline-block;
	vertical-align: middle;
}
.filterLabelList {
	width: 110px;
	text-align: right;
	padding-right: 5px;
	height: 30px;
	padding-top: 4px;
}
#filterColThree input {
	width: 80px !important;
}
.ft-date.first {
	margin-right: 5px;
}
#filterbutton {
	margin-right: 30px;
}
.ft-date {
	padding-left: 3px;
	width: 86px !important;
}
#MtgNumber {
	width: 30px !important;
}
#MtgName {
	width: 100% !important;
}
/* === END FILTER BOX NEW STUFF === */

/* === START MEETING FILTER BOX NEW STUFF === */
.filterContainer {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.filterColMeetingsOne {
	float: left;
}
.filterColMeetingsTwo {
	float: right;
}
.filterContainer #filterbutton {
	float: right;
	margin-right: 0 !important;
}
/* === END MEETING FILTER BOX NEW STUFF === */

/* === BASIC LAYOUT === */
.detailsTableReqView {
	width: 50%;
}
.detailsTableReqView .pxc-td {
	vertical-align: top;
}

#container {
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;/*width: 980px;*/
}
.rounded-corners {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#topWrapper {
	background: #fff;
	border-right: 0px solid #999;
	border-left: 0px solid #999;
	min-height: 100%; /* for sticky footer */
	height: auto !important; /* for sticky footer */
	height: 100%; /* for sticky footer */
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}
/* === END BASIC LAYOUT === *


/* === HEADER === */

#header {
	background: #0d2951;
	border-bottom: 30px solid #f2f2f2;
	height: 66px;
	position: relative;
}
#topLogo {
	position: absolute;
	bottom: 0;
	left: -32px;
	width: 315px;
}
#topLogoBlurb {
	position: absolute;
	bottom: 13px;
	left: 207px;
}
#userInfo {
	background: transparent;
	color: #fff;
	font-family: "Myriad Pro", "Myriad Pro Regular", Arial, Helvetica, sans-serif;
	line-height: 13px;
	position: absolute;
	top: 13px;
	right: 25px;
	text-align: left;
	/*width: 320px;*/
	float: right;
}
	#userInfo h3 {
		font-size: 12px;
		font-weight: normal;
		/*line-height: 15px;*/
		margin: -11px 0 -19px 0;
		padding: 0;
	}
	#userInfo p {
		font-size: 10px;
		line-height: 12px;
		margin: 3px 0 0;
		padding: 0;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	#userInfo img {
		/*float: right;*/
		height: 40px;
		/*margin-left: 10px;*/
		width: 40px;
		border-radius: 50%;
		border: 2px solid #78899d;
	}
	#userInfo a {
		color: #fff;
		text-decoration: underline;
	}
	#userInfo a:hover {
		text-decoration: none;
	}
@media only screen and (max-width: 899px) {
	#topLogoBlurb {
		bottom: 30px;
		width: 96px;
	}
}
@media only screen and (max-width: 699px) {
	#topLogo {
		bottom: 0;
		left: -52px;
		width: 288px;
	}
	#topLogoBlurb {
		left: 170px;
	}
	#userInfo {
		top: 13px;
		right: 10px;
	}
}
@media only screen and (max-width: 599px) {
	#header {
		height: 100px;
	}
	#topLogo {
		position: absolute;
		width: 260px;
		margin-left: -120px;
		top: auto;
		right: auto;
		bottom: 18px;
		left: 50%;
	}
	.bodyLoggedOut #topLogo,
	.bodyLanding #topLogo {
		bottom: 0;
	}
	#topLogoBlurb {
		display: none;
	}
	#userInfo {
		top: 10px;
		right: 5px;
	}
}
@media only screen and (max-width: 449px) {
	#topLogo {
		position: absolute;
		width: 200px;
		margin-left: -100px;
		top: auto;
		right: auto;
		bottom: 18px;
		left: 50%;
	}
	.bodyLoggedOut #topLogo,
	.bodyLanding #topLogo {
		bottom: 0;
	}
}
h1 a {
	color: #f9001c !important;
	text-decoration: none !important;
}
/* bodyData is for the "dataTop" pages that have no user boxes */
.bodyData h1 {
	padding: 0;
	background: transparent;
}
#dataTop {
	font-size: 18px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 20px;
	right: 30px;
	text-align: right;
	width: 450px;
	background: transparent;
}
#dataTop em {
	font-style: normal;
	font-weight: normal;
	background-color: #dfe0dc;
	padding: 7px 10px;
}
#moduleTab {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
#moduleTabText {
	position: absolute;
	left: 70px;
	top: 7px;
	font-size: .9em;
	font-weight: 700;
}
#moduleTab #moduleTabImg {
	background: #f2f2f2;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 268px;
}
#moduleTabImg:before {
	position: absolute; left: 0; top: 0; content:'';
	border-top: 18px solid #0d2951;
	border-right: 18px solid transparent;
}
#moduleTabImg:after {
	position: absolute; right: 0; top: 0; content:'';
	border-top: 18px solid #0d2951;
	border-left: 18px solid transparent;
}
.bodyLanding #moduleTab {
	display: none;
}
.arrow-up, .arrow-down { display: none; }


/* Main Menu */
@media only screen and (min-width: 551px) {
	.arrow-up, .arrow-down { display: none!important; }
}

@media only screen and (min-width: 550px) and (min-height: 550px) {
	#mainMenu, #subMenu {
		background: #f2f2f2;
		/*background: #eaeaea;*/
		border-bottom: 1px solid #ccc;
		font-family: 'Myriad Pro', 'Myriad Pro Regular', Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding: 5px 0 0;
		position: relative;
		text-align: center;
	}
	.mainMenuButton {
		display: none;
	}
	ul.mainMenuLevelOne {
		display: block !important;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.mainMenuLevelOne > li {
		display: inline-block;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
	}
	ul.mainMenuLevelOne > li > a {
		background: #f2f2f2;
		border-top: 2px solid #f2f2f2;
		color: #555;
		display: inline-block;
		height: 18px;
		padding: 10px 15px;
	}
	ul.mainMenuLevelOne > li:hover > a {
		background: white;
		border-top: 2px solid #0d2950;
	}
	ul.mainMenuLevelTwo {
		box-shadow: 0px 5px 5px #e0e0e0;
		display: none !important;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 37px;
		left: 0;
		text-align: left;
		z-index: 100;
	}
	ul.mainMenuLevelOne > li:hover ul.mainMenuLevelTwo {
		display: block !important;
	}
	ul.mainMenuLevelTwo > li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
	}
	ul.mainMenuLevelTwo > li > a {
		background: #fff;
		border-bottom: 1px solid #eee;
		color: #555;
		display: block;
		min-width: 150px;
		padding: 10px 15px;
	}
	ul.mainMenuLevelTwo > li:last-child > a {
		border-bottom: 2px solid #0d2950;
	}
	ul.mainMenuLevelTwo > li:hover > a {
		background: #f2f2f2;
	}
	.arrow-up, .arrow-down { display: block; padding-left: 5px; }
}

@media only screen and (min-width: 550px) and (max-width: 675px) and (min-height: 450px) {
	ul.mainMenuLevelTwo > li > a {
		min-width: 125px;
	}
}

@media only screen and (min-width: 550px) and (max-height: 768px) {
	ul.mainMenuLevelTwo > li > a {
		padding: 7px 15px 5px 15px;
		font-size: 13px;
		line-height: 16px;
	}	
}
@media only screen and (min-width: 550px) and (max-height: 600px) {
	ul.mainMenuLevelTwo > li > a {
		padding: 5px 15px 3px 15px;
		font-size: 12px;
		line-height: 14px;
	}	
}

@media only screen and (min-width: 550px) and (max-width: 625px) and (min-height: 550px) {
	ul.mainMenuLevelOne > li > a,
	ul.mainMenuLevelTwo > li > a {
		padding-left: 8px;
		padding-right: 8px;
	}
	ul.mainMenuLevelTwo > li > a {
		min-width: 110px;
	}
}

@media only screen and (max-width: 549px), only screen and (max-height: 549px) {
	#mainMenu {
		background: #f2f2f2;
		font-family: 'Myriad Pro', 'Myriad Pro Regular', Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding: 5px 0 0;
		position: relative;
		text-align: center;
	}
	.mainMenuButton {
		display: block;
		font-size: 17px;
		padding: 0 0 5px;
	}
	ul.mainMenuLevelOne {
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.mainMenuLevelOne > li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
	}
	ul.mainMenuLevelOne > li > a {
		background: #f2f2f2;
		/*border-top: 2px solid #f2f2f2;*/
		color: #555;
		display: block;
		font-weight: bold;
		padding: 10px;
	}
	ul.mainMenuLevelOne > li:hover > a {
		background: white;
		/*border-top: 2px solid #0d2950;*/
	}
	ul.mainMenuLevelTwo {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.mainMenuLevelTwo > li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.mainMenuLevelTwo > li > a {
		background: #ddd;
		border-bottom: 1px solid #eee;
		color: #555;
		display: block;
		font-weight: normal;
		padding: 5px;
	}
	ul.mainMenuLevelTwo > li:hover > a {
		background: #ccc;
	}
	.arrow-up, .arrow-down { display: inline-block; padding-left: 5px; }
}

/* === END HEADER === */

/* === MENU HIGHLIGHTING === */

@media only screen and (min-width: 550px) {

	/* first-level */
	.bodyMMHome .menuMMHome,
	.bodyMMAgenda .menuMMAgenda,
	.bodyMMMeetings .menuMMMeetings,
	.bodyMMAdmin .menuMMAdmin,
	.bodyMMProfile .menuMMProfile,
	.bodyEvalHome .menuETEval,
	.bodyEvalTypes .menuETEvalTypes,
	.bodyEvalSections .menuETSections,
	.bodyBankHome .menuBankHome,
	.bodyBankRequests .menuBankRequests,
	.bodyMMFAQs .menuMMFAQs
	{
		background: white;
		border-top: 2px solid #0d2950;
	}

	/* second-level */
	.bodyMMAgendaCreate .menuMMAgendaCreate,
	.bodyMMAgendaExisting .menuMMAgendaExisting,
	.bodyMMAgendaReports .menuMMAgendaReports,
    .bodyMMBoardActionReport .menuMMAgendaBoardActionReport,
	.bodyMMMeetingsCreate .menuMMMeetingsCreate,
	.bodyMMMeetingsExisting .menuMMMeetingsExisting,
	.bodyMMAdminUsers .menuMMAdminUsers,
	.bodyMMAdminRoles .menuMMAdminRoles,
	.bodyMMAdminPermissions .menuMMAdminPermissions,
	.bodyMMAdminGroups .menuMMAdminGroups,
	.bodyMMAdminLocations .menuMMAdminLocations,
	.bodyMMAdminEmail .menuMMAdminEmail,
	.bodyMMAdminEquip .menuMMAdminEquip,
	.bodyMMAdminRouting .menuMMAdminRouting,
	.bodyMMAdminVisibility .menuMMAdminVisibility,
	.bodyBankRequestsNew .menuBankRequestsNew
	{
		background: #f2f2f2;
	}

}

@media only screen and (max-width: 549px) {

	/* first-level */
	.bodyMMHome .menuMMHome,
	.bodyMMAgenda .menuMMAgenda,
	.bodyMMMeetings .menuMMMeetings,
	.bodyMMAdmin .menuMMAdmin,
	.bodyMMProfile .menuMMProfile,
	.bodyBankHome .menuBankHome,
	.bodyBankRequests .menuBankRequests,
	.bodyMMFAQs .menuMMFAQs
	{
		background: white;
	}

	/* second-level */
	.bodyMMAgendaCreate .menuMMAgendaCreate,
	.bodyMMAgendaExisting .menuMMAgendaExisting,
	.bodyMMAgendaReports .menuMMAgendaReports,
	.bodyMMMeetingsCreate .menuMMMeetingsCreate,
	.bodyMMMeetingsExisting .menuMMMeetingsExisting,
	.bodyMMAdminUsers .menuMMAdminUsers,
	.bodyMMAdminRoles .menuMMAdminRoles,
	.bodyMMAdminPermissions .menuMMAdminPermissions,
	.bodyMMAdminGroups .menuMMAdminGroups,
	.bodyMMAdminLocations .menuMMAdminLocations,
	.bodyMMAdminEmail .menuMMAdminEmail,
	.bodyMMAdminEquip .menuMMAdminEquip,
	.bodyMMAdminRouting .menuMMAdminRouting,
	.bodyMMAdminVisibility .menuMMAdminVisibility,
	.bodyBankRequestsNew .menuBankRequestsNew
	{
		background: #ccc;
	}

}

/* === END MENU HIGHLIGHTING === */

/* === MAIN SECTION === */

#mainBody {
	background: #fff;
	font-size: 12px;
	padding: 36px 30px 30px 30px;
	position: relative;
}
#mainBody:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mainBody h2 {
	color: #555;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}
#mainBody h3 {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}
#mainBody h4 {
	color: #222;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
}
#view {
	font-size: 15px;
	font-weight: normal;
	margin: 12px 0 3px 0;
	padding: 0;
	font-weight: bold;
}
.iconContainerInline br {
    display: none;

}
/* === END MAIN SECTION === */

/* === HOME MENU === */

#homeMenu {
	float: left;
	font-size: 13px;
	margin-right: 3%;
	margin-bottom: 20px;
	width: 31%;
	min-width: 260px;
}
#homeMenu ul {
	color: #333;
	list-style: none;
	margin: 0;
	padding: 0;
}
#homeMenu li {
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
}
#homeMenu > ul > li {
	padding-top: 7px;
}
#homeMenu > ul li:first-child {
	padding-top: 0;
}
#homeMenu ul li ul {
	padding-top: 3px;
}
#homeMenu li a {
	background-color: #f7f7f7;
	background-position: 10px 11px;
	background-repeat: no-repeat;
	border: 1px solid #b0b0b0;
	display: block;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 3px;
	padding: 10px 10px 10px 35px;
	position: relative;
}
#homeMenu li a:hover, #homeMenu li a:active {
	background-color: #e0e0e0;
	text-decoration: none;
}
#homeMenu li a .badge {
	background: #2472e2;
	border-radius: 20px;
	box-shadow: inset 2px 2px 3px #67b1ff;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	min-width: 10px;
	padding: 4px 5px;
	position: absolute;
	top: -3px;
	right: -3px;
	text-align: center;
}
#homeMenu li a:hover .badge {
	box-shadow: inset 2px 2px 3px #004c91;
}
/* === END HOME MENU === */

/* === DATA LISTS FOR HOME === */

.homeListBlock {
	background: url(../img/home_more_ellipses.png) bottom center no-repeat;
	border-bottom: 0 solid #f7f7f7;
	color: #444;
	float: left;
	margin: 0 2% 30px 0;
	overflow: hidden;
	padding-bottom: 10px;
	width: 31%;
	min-width: 260px;
}
.homeListBlock.last {
	margin-right: 0;
}
.homeListBlock ul {
	margin-left: 0;
	padding-left: 30px;
	max-height: 420px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.homeListBlock li {
	margin-bottom: 10px;
}
.homeListBlock li a {
	display: block;
	font-weight: bold;
}
/* === END DATA LISTS FOR HOME === */

/* === ADMIN MENU === */

#adminMenu {
	/*float: left;*/
	font-size: 13px;
	margin-bottom: 20px;
	width: 300px;
	min-width: 300px;
}
#adminMenu ul {
	color: #333;
	list-style: none;
	margin: 0;
	padding: 0;
}
#adminMenu li {
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
}
#adminMenu > ul > li {
	padding-top: 7px;
}
#adminMenu > ul li:first-child {
	padding-top: 0;
}
#adminMenu ul li ul {
	padding-top: 3px;
}
#adminMenu li a {
	background-color: #f7f7f7;
	background-position: 10px 11px;
	background-repeat: no-repeat;
	border: 1px solid #b0b0b0;
	display: block;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 3px;
	padding: 10px 10px 10px 35px;
	position: relative;
}
#adminMenu li a:hover, #adminMenu li a:active {
	background-color: #e0e0e0;
	text-decoration: none;
}
/* === END ADMIN MENU === */

/* === FOOTER === */

#push {
	background: transparent;
	height: 30px; /* #push must be the same height as #footer */
}
#footer {
	background: #0d2951;
	border-top: 0px solid #aaa;
	border-right: 0px solid #999;
	border-left: 0px solid #999;
	color: #eee;
	height: 30px; /* #push must be the same height as #footer */
}
#footer p {
	font-size: 10px;
	margin: 0;
	padding: 6px;
	text-align: center;
}
/* === END FOOTER === */

/* === NEW REQ MISC. === */

.justTemplate {
	border: 1px dashed #bbb;
	border-radius: 5px;
	color: #555;
	cursor: pointer;
	font-style: italic;
	margin: 0 0 10px 0;
	padding: 10px;
}
.justTemplate:hover {
	background: #eee;
	border: 1px dashed #999;
	color: #333;
}
/* Surround the justification templates with quotation marks */
.justTemplate:before {
	content: """;
}
.justTemplate:after {
	content: """;
}
#btnPrevPage, #btnSaveClose, #btnNextPage, #btnDeleteExit {
	margin-top: 0;
	margin-right: 3px;
}
#btnPrevPage {
	margin-left: 6px;
}
/* === END NEW REQ MISC. === */

/* === ACCORDIAN === */

.accordianHeader {
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 35%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(35%, #eeeeee), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 35%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 35%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 35%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 35%, #ffffff 100%); /* W3C */
	border: 1px solid #999;
	border-width: 1px 1px 0 1px;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	color: #000;
	font-size: 17px !important;
	font-weight: normal;
	margin: 5px 0 0 0 !important;
	padding: 7px 10px !important;
	position: relative;
}
.accordianHeader .openClose {
	background: url(../img/accordian_arrows.png) -4px -184px no-repeat transparent;
	display: inline-block;
	height: 12px;
	margin: 0 10px 2px 0;
	width: 12px;
}
.accordianHeader.closed {
	background: #f1f1f1;
	background: -moz-linear-gradient(top, #ededed 0%, #ededed 50%, #e6e6e6 50%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(50%, #ededed), color-stop(50%, #e6e6e6), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%, #ededed 50%, #e6e6e6 50%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%, #ededed 50%, #e6e6e6 50%, #f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%, #ededed 50%, #e6e6e6 50%, #f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ededed 0%, #ededed 50%, #e6e6e6 50%, #f1f1f1 100%); /* W3C */
	border: 1px solid #999;
	border-radius: 5px;
}
.accordianHeader.closed:hover {
	background: #d1d1d1;
	background: -moz-linear-gradient(top, #cdcdcd 0%, #cdcdcd 50%, #c6c6c6 50%, #d1d1d1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcdcd), color-stop(50%, #cdcdcd), color-stop(50%, #c6c6c6), color-stop(100%, #d1d1d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cdcdcd 0%, #cdcdcd 50%, #c6c6c6 50%, #d1d1d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cdcdcd 0%, #cdcdcd 50%, #c6c6c6 50%, #d1d1d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cdcdcd 0%, #cdcdcd 50%, #c6c6c6 50%, #d1d1d1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cdcdcd 0%, #cdcdcd 50%, #c6c6c6 50%, #d1d1d1 100%); /* W3C */
}
.accordianHeader.closed .openClose {
	background: url(../img/accordian_arrows.png) -4px -4px no-repeat transparent;
}
.accordianSection {
	background: transparent;
	border: 1px solid #999;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	padding: 10px 20px 20px 20px;
}
/* === END ACCORDIAN === */

/* === REQUISITION VIEW MISC. === */

.reqFundingCol {
	width: 20%;
}
.reqFundingHR {
	background-color: #f7f7f7;
	margin-right: 1px;
	padding: 3px 5px;
}
.reqFundingTD {
	padding: 3px 5px;
}
.commentsTable {
	background-color: #bbb;
	border: 0;
	width: 100%;
}
.commentsTable td {
	font-size: 11px;
}
.commentsTable tr.odd td {
	background-color: #eee;
}
.commentsTable tr.even td {
	background-color: #fff;
}
.commentsTable .userPic {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 10px 20px 0;
}
.reqBasicDetails {
	font-size: 12px;
	position: relative;
	width: 49%;
}
.reqBasicDetails.first {
	float:left;
}
.reqBasicDetails.second {
	float:right;
}
.reqBasicDetails table {
	border: 0;
	margin: 0;
	padding: 0;
}
.reqBasicDetails table td {
	border: 0;
	margin: 0;
	padding: 3px;
	vertical-align: top;
}
.reqBasicDetails table tr td:first-child {
	font-weight: bold;
	padding-left: 0;
}
#approvalListCon {
	float: left;
	width: 60%;
}
#approvalList2Con {
	padding: 10px;
	float: left;
	/*width: 194px;*/
	margin-right: 10px;
}
.reqOfficerDoubleContainer {
	float: left;
	margin-right: 10px;
}
.reqOfficerUpperBlue, .reqOfficerUpperRed, .reqOfficerUpperYellow {
	display: block;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 7px 7px 0 0;
	position: relative;
	width: 200px;
}
.reqOfficerUpperBlue {
	background: url(/img/stamp_regional_blue.png) no-repeat;
}
.reqOfficerUpperRed {
	background: url(/img/stamp_territorial_red.png) no-repeat;
}
.reqOfficerUpperYellow {
	background: url(/img/stamp_yellow.png) no-repeat;
}
#mainBody .reqOfficerUpperBlue h4, #mainBody .reqOfficerUpperRed h4, #mainBody .reqOfficerUpperYellow h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	height: 58px;
	margin: 0;
	padding: 10px;
}
.reqOfficerUpperBlue p, .reqOfficerUpperRed p, .reqOfficerUpperYellow p {
	color: #333;
	font-size: 11px;
	line-height: 12px;
	margin: 0;
	min-height: 38px;
	padding: 2px 2px 2px 52px;
}
.reqOfficerUpperBlue p {
	border: 2px solid #222165;
	border-top: 0;
}
.reqOfficerUpperYellow p {
	border: 2px solid #FFC000;
	border-top: 0;
}

.reqOfficerUpperRed p {
	border: 2px solid #a00;
	border-top: 0;
}
/* === tooltipster APPROVAL content === */
.approvalListDHQ, .approvalListTHQ {
	width: 100%;
}
.tooltipster-base {
	padding-right: .5%!important;
}
.approvalListDHQ p, .approvalListTHQ p {
	width: 79%!important;
	padding: 2px 0 0 0;
	margin: 0;
}
.approvalListDHQ div, .approvalListTHQ div {

}
.approvalListDHQ .reqOfficer span, .approvalListTHQ .reqOfficer span {
	line-height: 1.2em;
	display: block;
	margin: 0;
	padding: 0;
}
.approvalListDHQ .reqOfficer, .approvalListTHQ .reqOfficer {
	width: 79%!important;
	margin-top: 0;
	padding: 0 0 0 50px;
	border: 1px solid #ccc

}
.approvalList p.approved, .approvalListDHQ p.approved, .approvalListTHQ p.approved {
	background: url(../img/reqview_actionstamp_approved.png) no-repeat;
}
.approvalListDHQ .reqOfficer .profilePic, .approvalListTHQ .reqOfficer .profilePic{
	height: 40px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
}
.reqOfficerUpperBlue p.approved, .reqOfficerUpperRed p.approved, .reqOfficerUpperYellow p.approved {
	background: url(../img/reqview_actionstamp_approved.png) 1px 1px no-repeat;
}
.reqOfficerUpperBlue p.deferred, .reqOfficerUpperRed p.deferred, .reqOfficerUpperYellow p.deferred {
	background: url(../img/reqview_actionstamp_deferred.png) 1px 1px no-repeat;
}
.reqOfficerUpperBlue p.declined, .reqOfficerUpperRed p.declined, .reqOfficerUpperYellow p.declined {
	background: url(../img/reqview_actionstamp_declined.png) 1px 1px no-repeat;
}
.reqOfficerDoubleContainer .reqOfficer.lower {
	margin: 0 7px 0 0;
}
.reqOfficer {
	background: #e5e5e5;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 7px 10px 0;
	min-height: 40px;
	overflow: hidden;
	padding: 3px 3px 3px 53px;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 144px;
}
.profilePic {
	display: none;
}
.reqOfficer .profilePic {
	height: 40px;
	padding: 0;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 40px;
}
a.reqOfficer span {
	color: #222;
}
a.reqOfficer:hover {
	background: #f7f7f7;
	text-decoration: none;
}
.itemCreation .reqOfficer .reqOfficerLeft {
	display: table-cell;
	margin: 0 10px 2px 0;
	padding-right: 10px;
	text-align: center;
	vertical-align: top;
}
.itemCreation .reqOfficer .reqOfficerRight {
	display: table-cell;
	vertical-align: top;
}
.itemCreation .reqOfficer .profilePic {
	float: none;
	margin: 0;
}
.refresh {
	float: right;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.6em;
	margin: 0 0 20px 20px;
}
/*
.approvalList div { padding-top: 6px; }
.approvalList div:first-child { padding-top: 0; }
*/
.approvalList .reqOfficer, #approvalList2Con .reqOfficer {
	overflow: visible;
}
.approvalList .reqOfficer .check, #approvalList2Con .reqOfficer .check {
	position: absolute;
	left: -5px;
	bottom: -5px;
}
.sectionHasNote {
	position: absolute;
	top: 6px;
	right: 45px;
}
#hasStickyNote {
	right: 35px;
	font-size: 12px;
	z-index: 500;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
	top: -3px;
}
.quickLookNote {
	margin-top: 17px;
}
.sectionComplete, .sectionIncomplete {
	font-size: 17px;
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: 20px;
}
.sectionComplete {
	color: #008C00;
}
.sectionIncomplete {
	color: #bbb;
}
.sectionHasActions {
	font-size: 17px;
	font-weight: bold;
	margin-left: 5px;
	color: #008C00;
	display: none;
}
.chkLogActionTypeToggler {
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fbfbfb 0%, #e9e9e9 100%); /* W3C */
	box-shadow: inset 0 1px 0 white;
	border-radius: 3px;
	border: 1px solid #c7c7c7;
	padding: 3px 9px 3px;
	color: #232323 !important;
	cursor: pointer;
	float: left;
	font-size: 12px;
	font-weight: normal !important;
	margin: 0 5px 5px 0;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.chkLogActionTypeToggler:hover {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%); /* W3C */
}
.chkLogActionTypeToggler.checked {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.visibleBy {
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin: 0;
}
label.textBox {
	display: inline-block;
	padding-left: 20px;
	text-indent: -20px;
	margin-left: 4px;
}
input.textBox {
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0 0 0 3px;
	vertical-align: bottom;
	position: relative;
	top: -1px;
	*overflow: hidden;
}
/* === END REQUISITION VIEW MISC. === */

/* === APPROVE/DENY BUTTONS === */

.approved {
	color: #197b30;
}
.deferred {
	color: #d47800;
}
.denied {
	color: #d70000;
}
.submitToDHQ {
	color: #197b30;
}
#decideButtons {
	padding: 20px 0;
}
#decideButtons input {
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	font-size: 26px;
	font-weight: bold;
	margin-right: 20px;
	padding: 6px 14px;
	-webkit-appearance: none; /* prevent iOS from restyling */
}
#decideButtons input.grey {
	background-color: #ccc !important;
	color: #fff !important;
}
#decideComments {
	display: none;
	padding: 0 0 40px 20px;
}
#decideComments textarea {
	width: 400px;
	height: 200px;
}
#btnAprroved {
	background-color: #197b30;
	color: #fff;
}
#btnDeferred {
	background-color: #f39328;
	color: #000;
}
#btnDenied {
	background-color: #d70000;
	color: #fff;
}
/* === END APPROVE/DENY BUTTONS === */

/* === MEETING AGENDA STYLES === */

#mtgSession {
	color: #d00;
	font-size: 16px;
}
.agendaActionButtons {
	text-align: center;
	vertical-align: top;
}
.agendaActionButtons input, .js-add-remote-vote, .js-request-interim-vote {

	border: 0;
	border-radius: 3px;
	cursor: pointer;
	background-color: #ccc;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 5px;
	padding: 5px 6px;
	-webkit-appearance: none; /* prevent iOS from restyling */
}
.agendaActionButtons input:hover, .js-add-remote-vote:hover, .js-request-interim-vote:hover {
	background: #cce;
}
.disabled:hover {
	background: #337!important;
	cursor: default!important;
}

.agendaActionButtons input.checked:not(.addNote) {
	background: #337!important;
	color: #fff;
}
.agendaActionButtons input.checked:not(.addNote):hover {
	background: #558;
}
.inSession .agendaActionButtons input:not(.addNote) { /* so action buttons appear during the meeting session */
	display: inline;
}
.agendaActionButtons p {
	margin-bottom: 0;
	padding-bottom: 0;
}
.agendaActionButtons p strong {
	color: #d00000;
}
.agendaActionButtons p em {
	font-family: "Lucida Handwriting", "Lucida Calligraphy", "Monotype Corsiva", "Bradley Hand ITC", Mistral, "Freestyle Script", Vivaldi, Pristina, cursive;
}
/* === END MEETING AGENDA STYLES === */

/* === SUPPORT MATERIAL BUTTONS === */

.supportMaterial {
	color: #252525;
	float: left;
	font-size: 11px;
	height: 80px;
	overflow: hidden;
	margin: 0 15px 15px 0;
	padding: 10px 10px 0 80px;
	text-decoration: none;
	width: 200px;
}
.supportMaterial:hover {
	color: #666;
	text-decoration: none;
}
.supportMaterial.ai {
	background: url(../img/supportIcon_AI.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.bmp {
	background: url(../img/supportIcon_BMP.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.doc {
	background: url(../img/supportIcon_DOC.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.eps {
	background: url(../img/supportIcon_EPS.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.gif {
	background: url(../img/supportIcon_GIF.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.jpg {
	background: url(../img/supportIcon_JPG.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.mov {
	background: url(../img/supportIcon_MOV.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.mp3 {
	background: url(../img/supportIcon_MP3.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.mp4 {
	background: url(../img/supportIcon_MP4.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.pdf {
	background: url(../img/supportIcon_PDF.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.png {
	background: url(../img/supportIcon_PNG.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.ppt {
	background: url(../img/supportIcon_PPT.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.rar {
	background: url(../img/supportIcon_RAR.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.tif {
	background: url(../img/supportIcon_TIF.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.txt {
	background: url(../img/supportIcon_TXT.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.vsd {
	background: url(../img/supportIcon_VSD.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.xls {
	background: url(../img/supportIcon_XLS.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterial.zip {
	background: url(../img/supportIcon_ZIP.png) top 10px left 10px no-repeat #f7f7f7;
}
.supportMaterialForImageThumb:hover {
	color: #666;
	text-decoration: none;
}
/* === END SUPPORT MATERIAL BUTTONS === */

/* === FILTER DROPDOWN === */

#filter {
	background: #f2f2f2;
	border: 1px solid #ccc;
	border-top: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	display: none;
	position: relative;
	top: -36px;
	margin: 0;
	padding: 30px 20px 20px 20px;
}
#filter table {
	margin: 0 auto;
}
#filter table th {
	font-size: 11px;
	font-weight: normal;
}
#filter .ft-head {
	font-size: 16px;
}
#filter input.ft-text {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}
#filter input.ft-date {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}
#filter select {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}
#btn-filter {
	background: #f2f2f2 url(../img/icon_tools_darrow_down.gif) 6px center no-repeat;
	border: 1px solid #bbb;
	border-top: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	color: #666;
	cursor: pointer;
	height: 15px;
	padding: 3px 3px 3px 28px;
	position: absolute;
	top: 0;
	right: 30px;
	text-transform: uppercase;
	width: 50px;
	font-size: 12px;
}
#btn-filter.ft-up {
	background: #f2f2f2 url(../img/icon_tools_darrow_up.gif) 6px center no-repeat !important;
	/*border-top: 1px solid #bbb;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom: 0;*/
}
@media only screen and (max-width: 768px) {
	#btn-filter {
		right: 30px !important;

	}
	#agendAjaxTable td, #agendAjaxTable tr {
		background-color: #fff!important;
	}
	#topWrapper {
		margin: 0 auto 170px; /* change bottom margin from negative footer's height to enough to account for the slide menu since it goes absolute lower that 768 - Maybe do this with some jQuery later to avoid extra space before footer */
	}
}
/* === END FILTER DROPDOWN === */

/* === SORTABLE BUBBLES === */

.sortableContainer {
	border: 1px solid #999;
	padding-top: 30px;
	position: relative;/* width and min-height to be set on page */
}
.sortableContainer:before {
	background: #999;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;/* width should be 10px less than .sortableBox */
}
.sortableItem {
	background: url(../img/dragdrop_arrows.png) top right no-repeat #ddd;
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -moz-linear-gradient(top, #f7f7f7 0%, #dddddd 100%); /* FF3.6+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #dddddd)); /* Chrome,Safari4+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -webkit-linear-gradient(top, #f7f7f7 0%, #dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -o-linear-gradient(top, #f7f7f7 0%, #dddddd 100%); /* Opera 11.10+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -ms-linear-gradient(top, #f7f7f7 0%, #dddddd 100%); /* IE10+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, linear-gradient(to bottom, #f7f7f7 0%, #dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd', GradientType=0 ); /* IE6-8 */
	border: 1px solid #888;
	border-radius: 2px;
	cursor: pointer;
	margin: 5px;
	padding: 5px 15px 5px 5px;/* width should be 32px less than .sortableBox */
}
.sortableItem:hover {
	background: url(../img/dragdrop_arrows.png) top right no-repeat #eee;
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); /* FF3.6+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d6d6d6)); /* Chrome,Safari4+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -o-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); /* Opera 11.10+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, -ms-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); /* IE10+ */
	background: url(../img/dragdrop_arrows.png) top right no-repeat, linear-gradient(to bottom, #ffffff 0%, #d6d6d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=0 ) !important; /* IE6-8 */
}
.sort-highlight {
	background: #f9f9f9;
	border: 1px dashed #888;
	border-radius: 2px;
	margin: 5px;
	padding: 5px;/* height should be set on page to closely match existing boxes */
}
/* === END SORTABLE BUBBLES === */

/* === MISCELLANEOUS === */

.clearme {
	clear: both;
	display: block;
	height: 0;
}
.nobr {
	white-space: nowrap;
}
.zebraTable tr:nth-child(odd) td {
	background-color: #f7f7f7;
}
#sb-player {
	-webkit-overflow-scrolling: touch;
} /* for shadowbox iframe scrolling in iPad */
#loaderOverlay {
	background: #fff;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 10000;
	display: none;
	top: 0;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}
#loaderOverlayTimeout {
	background: #000000;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 10000;
	display: none;
	top: 0;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}
#loader {
	z-index: 10001;
}

.furnRetrieval table tr:nth-child(even) td {
	background-color: #f7f7f7;
}
.furnRetrieval table.odd tr:nth-child(odd) td {
	background-color: #f7f7f7 !important;
}
.furnRetrieval table.odd tr:nth-child(even) td {
	background-color: #fff !important;
}
/*.furnRetrieval table.odd tr:nth-child(odd) td { background-color: #f7f7f7 !important; }*/

/* === START DEFAULT TABLE STYLES === */

/* START OLD DEFAULT TABLE STYLES */
.defaultTable tr.total td {
	background-color: #fff !important;
}
.defaultTable tr#ExpLine td {
	background-color: #fff !important;
}
.defaultTable tr th {
	color: #000;
	padding: 2px;
}
.defaultTable td {
	padding: 4px;
}

/* END OLD DEFAULT TABLE STYLES */

.defaultTable {
	border: 0;
	width: 100%;
}
.defaultTable th {
	font-weight: 400;
	border-bottom: 1px solid #cecece!important;
	background-color: #ebebeb!important;
}
.defaultTable td select {
	max-width: 200px;
}
.defaultTable td {
	vertical-align: middle;
}
.defaultTable tr:nth-child(even) td, #locationEditTable tr:nth-child(even) td {
	background-color: #f7f7f7!important;
}

/* Table gets help from a little jQuery on ubiquitous.js - adds the bottom border to the table if tfoot does does not exist */
.defaultTable tfoot tr td {
	border-top: 1px solid #cecece!important;
}
.defaultTable tr:nth-child(odd) td, #locationEditTable tr:nth-child(odd) td {
	background-color: #ffffff!important;
}
.defaultTable.nothead tr:nth-child(odd) td{
	background-color: #f7f7f7!important;
}
.defaultTable.nothead tr:nth-child(even) td {
	background-color: #ffffff!important;
}
.defaultTable tfoot tr td, .defaultTable tfoot tr:nth-child(odd) td {
	background-color: #ebebeb!important;
}
/* This is for the tables that have no content - turns the footer bg white - gets helpf from a little jQuery on ubiquitous.js */
.whitetfootBG tfoot tr td, .whitetfootBG tfoot tr:nth-child(odd) td {
	background-color: #ffffff!important;
	border-bottom: 1px solid #cecece!important;
}
.defaultTable tr.onMyDeskBG td {
    background-color: #fbf8c9!important;
}
.defaultTable tr.priorityRush td {
    background-color: #ffadad!important;
}
.defaultTable tr.reqHold td {
    background-color: #afd9e9!important;
}
.defaultTable tr.statusHighlightGreen td {
    background-color: #e1ffdd!important;
}
.defaultTable tr:hover td, .defaultTable.nothead tr:hover td {
	background-color: #ebebeb!important;
}
.defaultTable tr:first-child td, .defaultTable tr:nth-child(2) td {
	font-weight: 400!important;
}

/* = START DEFAULT DIV TABLES = */

.defaultPxcTable {
	border-bottom: none!important;
}
.defaultPxcTable .pxc-tr:last-child .pxc-td {
	border-bottom: 1px solid #cecece!important;
}
.defaultPxcTable.hasTH .pxc-tr:nth-child(even) .pxc-td {
	background-color: #ffffff!important;
}
.defaultPxcTable.hasTH .pxc-tr:nth-child(odd) .pxc-td {
	background-color: #f7f7f7!important;
}
.defaultPxcTable.hasTH .th {
	font-weight: 400;
	border-bottom: 1px solid #cecece!important;
	background-color: #ebebeb!important;
}
.defaultPxcTable.hasTH .pxc-tr:nth-child(odd) .pxc-td.th {
	background-color: #ebebeb!important;
}
.defaultPxcTable .pxc-tr:nth-child(even):hover .pxc-td {
	background-color: #ebebeb!important;
}
.defaultPxcTable .pxc-tr:nth-child(odd):hover .pxc-td {
	background-color: #ebebeb!important;
}

.defaultPxcTable.leftHeaders .th, .defaultTable.leftHeaders th {
	text-align: left!important;
}
.defaultTable.autoWidth {
	width: auto;
}

/* = END DEFAULT DIV TABLES = */
/* === END DEFAULT TABLE STYLES === */
.findFunding {
	padding: 10px;
	background: #eee;
	border-radius: 4px;
	border: 1px solid #aaa;
	width: 240px;
	font-size: 16px;
	cursor: pointer;
}
.findFunding:hover {
	background-color: #222165;
	color: #fff;
	border: 1px solid #222165;
}
.fundingIconRightAnchor {
	height: 1px;
	position: absolute;
}
.fundingIconRight {
	position: absolute;
	right: 0px;
	width: 30px;
}
#ShowSum {
	display: inline-block;
	text-align: right;
}
#ShowQuan {
	display: inline-block;
	width: 50px;
	text-align: right;
}
.submitWithStickyNotes .ui-dialog-buttonset {
	float: none !important;
	text-align: center;
}
#furnishItems strong, #repairItems strong {
	color: #000 !important;
}
.underline {
	text-decoration: underline;
}
div.ellips {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 250px;
}
span.ellips, a.ellips {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 250px;
	display: inline-block;
}
/* === END MISCELLANEOUS === */

/* === RESPONSIVE STYLES === */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	html { -webkit-text-size-adjust: 105%; }
	#header { /* height: 100px; */ }
	#topLogo { /* left: 20px; */ }
	#userInfo { /*top: 20px; right: 65px;*/ }
	.detailsTableReqView { width: 70%; }

	.ui-dialog .ui-dialog-titlebar-close {
		position: absolute;
		right: .15em!important;
		top: 40%!important;
		width: 30px!important;
		margin: -10px 0 0 0;
		margin-top: -10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 1px;
		height: 26px!important;
	}
}
@media only screen and (max-width: 768px) {
	html { -webkit-text-size-adjust: 110%; }
	#header { /* height: 100px; */ }
	#topLogo { /* left: 20px; width: 250px */ }
	#userInfo { /* top: 15px; right: 30px; */ }
	.detailsTableReqView { width: 90%; }
    
}
/* === END RESPONSIVE STYLES === */

/* === START USER IMG ROTATION FIX STYLES === */

.rotate-90 {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	display: block !important;
}
.rotate-180 {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	display: block !important;
}
.rotate-270 {
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	display: block !important;
}
.flip {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	display: block !important;
}
.flip-and-rotate-90 {
	-moz-transform: rotate(90deg) scaleX(-1);
	-webkit-transform: rotate(90deg) scaleX(-1);
	-o-transform: rotate(90deg) scaleX(-1);
	transform: rotate(90deg) scaleX(-1);
	display: block !important;
}
.flip-and-rotate-180 {
	-moz-transform: rotate(180deg) scaleX(-1);
	-webkit-transform: rotate(180deg) scaleX(-1);
	-o-transform: rotate(180deg) scaleX(-1);
	transform: rotate(180deg) scaleX(-1);
	display: block !important;
}
.flip-and-rotate-270 {
	-moz-transform: rotate(270deg) scaleX(-1);
	-webkit-transform: rotate(270deg) scaleX(-1);
	-o-transform: rotate(270deg) scaleX(-1);
	transform: rotate(270deg) scaleX(-1);
	display: block !important;
}
.showIt {
	display: inline-block !important;
}
#personal .profilePic.showIt, #personal img {
	display: inline-block !important;
	vertical-align: top!important;
	margin-right: 10px;

}
/* === END USER IMG ROTATION FIX STYLES === */

.anchor {
	display: inline-block;
	height: 1px;
	width: 1px;
	position: relative;
}
#percentCover {
	top: -10px;
	left: 0;
	position: absolute;
	width: 700px;
	height: 150px;/*background-color: #000;*/
}
#distMessage {
	padding-left: 10px;
	font-weight: 700;
	color: red;
	display: none;
}
.remove, .x {
	padding: 1px 1px 1px 1px;
	color: red;
	margin-left: 3px;
}
.edit {
	padding: 1px 0 1px 0;
	margin-right: 3px;
}
.step5AE .relContainer {
	position: relative;
	width: 1px;
	height: 1px;
}
.step5AE .addWorkItem {
	padding: 1px 0 1px 0;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100px;
}
#fundingNote {
	color: #197B30;
}
#sysAdminContainer {
	position: absolute;
	z-index: 5;
}
.step5AE #reqNavButtons {
	margin-top: 40px;
}
.hide {
	display: none;
}

/*============ HEADER LOGGED IN NAVIGATION =================*/
ul#headerNav {
	margin: -3px 0;
}
ul#headerNav li {
	font: 1.25em Verdana, 'Lucida Grande';
	cursor: pointer;
	-webkit-transition: padding .05s linear;
	-moz-transition: padding .05s linear;
	-ms-transition: padding .05s linear;
	-o-transition: padding .05s linear;
	transition: padding .05s linear;
}
ul#headerNav li.drop {
	position: relative;
}
ul#headerNav > li {
	display: inline-block;
}
ul#headerNav li a {
	line-height: 40px;
	padding: 0 10px;
	height: 40px;
	color: #7a89a0;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
	text-decoration: none;
}
ul#headerNav li a:hover, ul#headerNav li a:focus  {
	color: #7a89a0;
}
@media only screen and (max-width: 599px) {
	ul#headerNav li a.tablet-dropdown {
		padding: 0 5px;
	}
}
/* drop down for logout */
.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #7a89a0;
	top: -8px;
	left: 51%;
	margin-left: -8px;
}
.dropdownContain {
	width: 70px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -35px; /* half of width */
	top: -400px;
}
.dropOut {
	width: 70px;
	background: #7a89a0;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.dropOut ul {
	float: left;
	padding: 0;
	list-style-type: none;
	height: 40px;
}
.dropOut ul li {
	font-size: 11px!important;
	float: left;
	width: 70px;
	padding: 0;
	/*margin: -4px 8px;*/
	color: #fff;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}

.dropOut2 ul li:hover { color: #5a6882; }

.dropOut ul li:hover {
	background: #5a6882; border-radius: 0; width: 70px;

}

ul#headerNav li:hover a, ul#headerNav li:focus a  { color: white; }
ul#headerNav li:hover .dropdownContain, ul#headerNav li:focus .dropdownContain { top: 35px; }
ul#headerNav li:hover .dropdownContain3, ul#headerNav li:focus .dropdownContain3 { top: 35px; left: -100px; }
ul#headerNav li:hover .dropdownContain4, ul#headerNav li:focus .dropdownContain4 { top: 35px; left: -100px; }
ul#headerNav li:hover .dropdownContain2, ul#headerNav li:focus .dropdownContain2 { top: 38px; }

ul#headerNav li:hover .underline, ul#headerNav li:focus .underline  { border-bottom-color: #777; }
ul#headerNav li:hover .dropOut, ul#headerNav li:focus .dropOut, ul#headerNav li:hover .dropOut2, ul#headerNav li:focus .dropOut2, ul#headerNav li:hover .dropOut3, ul#headerNav li:focus .dropOut3, ul#headerNav li:hover .dropOut4, ul#headerNav li:focus .dropOut4{ opacity: 1; margin-top: 8px; }

/* drop down for Profile */
.dropOut2 .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #7a89a0;
	top: -8px;
	left: 88%;
	margin-left: -8px;
}
.dropdownContain2 {
	width: 190px;
	position: absolute;
	z-index: 2;
	left: -14%;
	margin-left: -125px; /* half of width */
	top: -400px;
}
.dropOut2 {
	width: 190px;
	background: #7a89a0;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.dropOut2 ul {
	float: left;
	padding: 3px 0;
	list-style-type: none;
}
.dropOut2 ul li  {
	font-size: 11px!important;
	text-align: left;
	float: left;
	width: 173px;
	padding: 3px 0;
	margin: 0px 10px;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}
.dropOut2 ul li a { line-height: 10px!important; height: 10px!important; padding: 0 10px!important; }
.dropOut2 ul li:hover h3 , .dropOut2 ul li:focus h3 { color: #5a6882!important; }
.dropOut2 ul li:hover p , .dropOut2 ul li:focus p{ color: #fff!important; }
.dropOut2 ul li h4 { font-size: 11px; margin: 0; padding: 0; font-weight: 300; }

/* drop down for Grid*/
.dropOut3 .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #7a89a0;
	top: -8px;
	left: 52%;
	margin-left: 106px;
}
.dropOut4 .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #7a89a0;
	top: -8px;
	right: 23px;
	
}
.dropdownContain3 {
	width: 280px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -140px; /* half of width */
	top: -400px;
}
.dropdownContain4 {
	width: 100px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: 40px; /* half of width */
	top: -400px;
}
/*
@media only screen and (max-width: 599px) {
	.dropOut3 .triangle {
		margin-left: 52px;
	}
	.dropdownContain3 {
		width: 280px;
		position: absolute;
		z-index: 2;
		left: 50%;
		margin-left: -90px;
		top: -400px;
	}
}
*/
.dropOut3 {
	width: 280px;
	background: #7a89a0;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.dropOut4 {
	width: 100px;
	background: #7a89a0;
	float: left;
	position: relative;
	margin-top: 0px;
    padding: 5px;
	opacity: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.dropOut3 ul {
	float: left;
	padding: 3px 0;
	list-style-type: none;
}
.dropOut4 ul {
	float: left;
	padding: 3px 0;
	list-style-type: none;
}
.dropOut3 ul li  {
	font-size: 14px!important;
	text-align: left;
	float: left;
	width: 280px;
	padding: 5px 0;
	/*margin: 0px 3px;*/
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}
.dropOut4 ul li  {
	font-size: 12px!important;
	text-align: left;
	float: left;
	width: 100px;
	padding: 5px 5px 5px 27px;
	/*margin: 0px 3px;*/
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}
.dropOut4 ul li.us {
    background: url(../img/flags/US16.png) no-repeat 5px 5px; 
}
.dropOut4 ul li.uk {
    background: url(../img/flags/UK16.png) no-repeat 5px 5px; 
}
.dropOut3 ul li a { line-height: 10px!important; height: 10px!important; padding: 0 10px!important; }
img#imgGrid { height: 40px!important; width: 70px!important; border-radius: 0!important; margin: 0!important; padding: 0 8px 0 8px!important; float: left; border: none; }
.dropOut3 ul li h4 { font-size: 10px; margin: 0; padding: 0; font-weight: 300; line-height: 1; }
#gridText { display: block; text-align: left; }
.dropOut3 ul li:hover, .dropOut3 ul li:active, .dropOut3 ul li:focus  {
background: #5a6882; border-radius: 0; width: 279px; }


img#imgGrid { height: 40px!important; width: 70px!important; border-radius: 0!important; margin: 0!important; padding: 0 8px 0 8px!important; float: left; border: none; }
.dropOut4 ul li h4 { font-size: 10px; margin: 0; padding: 0; font-weight: 300; line-height: 1; }
#gridText { display: block; text-align: left; }
.dropOut4 ul li:hover, .dropOut4 ul li:active, .dropOut4 ul li:focus  {
background-color: #5a6882; border-radius: 0; width: 52%;}

.highlight { background: #7a89a0; border-radius: 0;   }
.dropOut4 ul li.highlight {
    background-color: #5a6882!important;
    width: 52%;
}

.active { background: #5a6882; border-radius: 0; width: 279px; }
@media only screen  and (max-width: 767px) {
	.dropdownContain3 { left: 0; }
	.dropOut3 { width: 245px; margin-left: 40px; }
	.dropOut3 ul li  { width: 245px; }
	.dropOut3 ul li:hover, .dropOut3 ul li:active, .dropOut3 ul li:focus { width: 244px; }
	.highlight { width: 244px;  }
	.active { width: 244px; }
	.dropOut3 .triangle { margin-left: 86px; }
    .defaultTable tr:hover td, .defaultTable.nothead tr:hover td { background-color: inherit!important; }
    .pxc-td { border-top: none; padding: 5px;}
    #btnPrevPage { margin-left: 0px; }
    
}
@media only screen and (max-width: 700px) {
	.dropOut3 { width: 200px; margin-left: 91px; }
	.dropOut3 ul li  { width: 200px; }
	.dropOut3 ul li:hover, .dropOut3 ul li:active, .dropOut3 ul li:focus { width: 199px; }
	.highlight { width: 199px;  }
	.active { width: 199px; }
	.dropOut3 .triangle { margin-left: 57px; }
	#gridText { margin-top: -5px; }
}
@media only screen and (max-width: 640px) {
	.dropOut3 { width: 185px; margin-left: 106px; }
	.dropOut3 ul li  { width: 185px; }
	.dropOut3 ul li:hover, .dropOut3 ul li:active, .dropOut3 ul li:focus { width: 184px; }
	img#imgGrid { height: 30px!important; width: 53px!important; }
	.highlight { width: 184px;  }
	.active { width: 184px; }
	.dropOut3 .triangle { margin-left: 50px; }
	#gridText { margin-top: -5px; }
	ul#headerNav li a { padding: 10px 10px 0 10px; height: 40px; line-height: 40px; }
	img#imgGrid { margin-top: 5px !important; }
	#moduleTab #moduleTabImg { width: 225px; }
	ul#headerNav { padding-left: 0; }
    .defaultPxcTable.hasTH .pxc-tr:nth-child(even) .pxc-td {
	    background-color: #ebebeb!important;
    }
        .defaultPxcTable.hasTH .pxc-tr:nth-child(odd) .pxc-td {
	    background-color: #f7f7f7!important;
    }
    .defaultTable tr:nth-child(even):hover td.show640 {
        background: #f7f7f7!important;
    }
    .defaultTable tr:nth-child(odd):hover td.show640, .defaultTable tr:nth-child(odd) td.show640 {
        background: #efefef!important;
    }
    #routingTable tr td:first-child {
        vertical-align: top!important;
        font-weight: 700!important;
    }

}
@media only screen and (max-width: 600px) {
	.dropOut3 { margin-left: 100px; }
	.dropdownContain2 { margin-left: -130px; }
}

.dropOut, .dropOut2, .dropOut3, .dropOut4 { display: none; }
ul#headerNav li:hover .dropOut, ul#headerNav li:focus .dropOut, 
ul#headerNav li:hover .dropOut2, ul#headerNav li:focus .dropOut2,
ul#headerNav li:hover .dropOut3, ul#headerNav li:focus .dropOut3,
ul#headerNav li:hover .dropOut4, ul#headerNav li:focus .dropOut4 { display: block; }

@media print {
    .bodyATrApplicantsCreate {
        padding: 10px;
    }

        .bodyATrApplicantsCreate table {
            font-size: 11px;
        }

        .bodyATrApplicantsCreate #treatmentLogTable {
            margin-top: 20px;
            border: 1px solid #e5e5e5;
        }

    #viewCamperLink {
        display: none;
    }

    .bodyATrApplicantsCreate #treatmentLogTable td, .bodyATrApplicantsCreate #treatmentLogTable th {
        padding: 5px;
    }
    .defaultTable tr th {
        padding: 5px 0;
    }
    .bodyATrApplicantsCreate #treatmentLogTable th {
        padding: 10px 5px;
        font-size: 12px;
    }

    .defaultTable th {
        border-bottom: 1px solid #ebebeb!important;
        background-color: !important;
    }
}
/*Hide the Tiny Text Editor Status Text*/ 
.mce-statusbar .mce-path-item, .mce-statusbar .mce-divider {
    display: none!important;
}