/* === 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 {
		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,
	.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
	{
		background: #f2f2f2;
	}

}

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

	/* first-level */
	.bodyMMHome .menuMMHome,
	.bodyMMAgenda .menuMMAgenda,
	.bodyMMMeetings .menuMMMeetings,
	.bodyMMAdmin .menuMMAdmin,
	.bodyMMProfile .menuMMProfile,
	.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
	{
		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: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;
}