body, TD, TH, input, select, textarea, div, input, button {
	font-family: verdana, tahoma, arial;
	FONT-SIZE: 12px;
}

BODY {
	MARGIN: 10px;
	background-color: #FFF;
}

	BODY.grayBG {
		background-color: #F4F4F4;
	}

	BODY.lightBlueBG {
		background-color: #cfe1f4;
	}

	BODY.noBorder {
		margin: 0;
	}

	BODY.adminHeader {
		margin: 0;
		padding: 0;
		background-color: #698cb1;
	}

#flexHolder {
	padding: 3px 5px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	color: #FFFFFF;
	font-weight: bold;
}

	#flexHolder i {
		color: white;
		font-size: 16px;
		vertical-align: middle;
	}

	#flexHolder a {
		color: white;
		text-decoration: none;
	}

		#flexHolder a:hover {
			color: Yellow;
		}

p {
	margin: 0;
	padding: 0;
}

h1, .header {
	padding: 2px;
	margin: 0;
	color: #2b579a;
	FONT-SIZE: 22px;
	display: block;
	font-weight: normal;
}

@media screen and (max-width: 630px) {
	h1, .header, .headerSuccess {
		FONT-SIZE: 18px !important;
	}
}

h2, .header2 {
	padding: 2px;
	margin: 0;
	color: #2b579a;
	FONT-SIZE: 19px;
	font-weight: normal;
	display: block;
}

h3, .header3 {
	padding: 2px;
	margin: 0;
	color: gray;
	FONT-SIZE: 16px;
	font-weight: normal;
	display: block;
}

ul, ol {
	margin: 10px 0 0 0;
	padding: 0;
}

li {
	margin: 0 0 10px 30px;
}

.lined {
	border-bottom: 1px solid #2b579a;
}

a.button:link, a.button:visited, input.button[type=submit], button.button {
	color: #698cb1;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid #698cb1;
	background: transparent;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 600;
	transition: all .25s;
	cursor: pointer;
}

	a.button:hover, input.button[type=submit]:hover, button.button:hover {
		background-color: #698cb1;
		color: white;
		text-decoration: none;
	}

.button.disabled {
  color: silver !important;
  border: 2px solid silver !important;
  background: #F4F4F4 !important;
}

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

.icon {
	color: #2e79bd;
	font-size: 18px !important;
}

.red {
	color: red;
}

a.icon:link, a.icon:visited {
	text-decoration: none;
	font-size: 18px;
}

a.icon:hover {
	text-decoration: none;
}


A:link,
A:visited {
	color: #4b77a7;
}

A:hover {
	color: #16487e;
}

A.plain:link, A.plain:visited {
	text-decoration: none;
}

A.plain:hover {
	text-decoration: none;
}

A.red:link, A.red:visited {
	text-decoration: none;
	color: crimson;
}

A.red:hover {
	color: red;
}

A.light:link {
	color: #FFF;
}

A.light:visited {
	color: #fff;
}

A.light:hover {
	color: #4b77a7;
}

A.light.noChange:hover {
	color: #fff;
}

A.headerLink:link,
A.headerLink:visited {
	COLOR: white;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
}

A.headerLink:Hover {
	COLOR: yellow;
}

A.headerLink i {
	font-size: 17px;
}

fieldset legend {
	color: #698cb1;
	FONT-SIZE: 14px;
	font-weight: bold;
	padding: 5px;
}

.box {
	background-color: #FFF;
	padding: 15px;
	border: 1px solid #000;
}


.loginBox {
	-webkit-box-shadow: 0px 3px 12px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 12px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 12px -5px rgba(0,0,0,0.5);
	border: 1px solid gray;
	padding: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,dbdbdb+50,d1d1d1+51,fefefe+100 */
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefefe 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefefe 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.gradBoxLight {
	-webkit-box-shadow: 0px 3px 12px -5px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 3px 12px -5px rgba(0,0,0,0.31);
	box-shadow: 0px 3px 12px -5px rgba(0,0,0,0.31);
	border: 1px solid #e6e6e6;
	padding: 10px;
	background: rgba(252,252,252,1);
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(245,245,245,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(245,245,245,1)));
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(245,245,245,1) 100%);
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(245,245,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(245,245,245,1) 100%);
	background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(245,245,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5', GradientType=0 );
}

.shadow {
	-moz-box-shadow: 0 3px 10px 0 #111;
	-webkit-box-shadow: 0 3px 10px 0 #111;
	box-shadow: 0 3px 10px 0 #111;
}

.gridViewHeader {
	font-size: 9pt;
	background-color: #e3eef8;
	color: #406287;
	text-align: left;
	font-weight: bold;
}

.gridViewPager {
	font-size: 9pt;
	background-color: #e3eef8;
	color: #406287;
	text-align: center;
	font-weight: bold;
}

/* RESPONSIVE TOOLBAR ABOVE GRIDVIEWS */
.gridViewToolbar {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-end;
	margin-bottom: 2px;
}

	.gridViewToolbar > div:first-child {
		flex: 1;
	}

	.gridViewToolbar > div:not(:last-child) {
		margin-right: 5px;
	}

.headerSuccess {
	color: #69b19e;
	font-size: 24px;
}

.headerFailure {
	color: red;
	font-size: 24px;
}

hr {
	height: 1px;
	background-color: #333;
	color: #333;
	border: 0px;
	margin: 25px 0;
}

.strike {
	text-decoration: line-through;
}

.subtle {
	color: Gray;
}

.smallText, tr.smallText td, table.smallText td, table.smallText th {
  font-size: 10px;
}

.bigText, tr.bigText td, table.bigText td, table.bigText th {
  font-size: 15px;
}

.normalText, tr.normalText td, table.normalText td, table.normalText th { 
	FONT-SIZE: 12px;
	font-weight: normal;
	color: #000;
}

.disabled {
	color: gray;
}

TD.top {
	border: solid black;
	border-width: 1px 0px 0px 0px;
}

TD.right {
	border: solid black;
	border-width: 0px 1px 0px 0px;
}

TD.bottom {
	border: solid black;
	border-width: 0px 0px 1px 0px;
}

TD.left {
	border: solid black;
	border-width: 0px 0px 0px 1px;
}

TD.L {
	border: solid black;
	border-width: 0px 0px 1px 1px;
}

TD.leftTop {
	border: solid black;
	border-width: 1px 0px 0px 1px;
}

TD.rightTop {
	border: solid black;
	border-width: 1px 0px 0px 1px;
}

TD.N {
	border: solid black;
	border-width: 1px 1px 0px 1px;
}

TD.U {
	border: solid black;
	border-width: 0px 1px 1px 1px;
}

TD.C {
	border: solid black;
	border-width: 1px 0px 1px 1px;
}

TD.inC {
	border: solid black;
	border-width: 1px 1px 1px 0px;
}

TD.topBot {
	border: solid black;
	border-width: 1px 0px 1px 0px;
}

TD.full {
	border: solid black;
	border-width: 1px 1px 1px 1px;
}

@media print {
	.hideOnPrint {
		display: none;
	}
}

/* ==================== JQUERY SORTABLES ===============================*/
.sorter {
}

	.sorter ul {
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
	}

	.sorter li {
		display: block;
		padding: 3px;
		width: 100%;
		background-color: #F4F4F4;
		margin-bottom: 3px;
		margin-left: 0;
	}

td.handle {
	width: 8px;
	cursor: move;
	background-color: #698cb1;
}