body {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
	max-width: 280px;
}*/

/* styles for validation helpers */
.field-validation-error {
	color: #b94a48;
}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
	border: 0 none;
}

.validation-summary-errors {
	color: #b94a48;
}

.validation-summary-valid {
	display: none;
}

/*
.navbar-default
{
	background-color: darkblue;
}

.navbar-default .navbar-nav > li > a
{
	color: white;
}

*/

.errorMessage 
{
	padding: 3px;
	font-size: 12pt;
	background-color: #FF0000;
	color: #FFFFFF;
	border: 1px solid #000000;
}


.infoMessage {
	padding: 3px;
	font-size: 12pt;
	color: #000000;
	background-color: #FFFF99;
	border: 1px solid #000000;
}

.warningMessage {
	padding: 3px;
	font-size: 12pt;
	color: black;
	background-color: #FFFF99;
	border: 1px solid black;
}

.entityWidget {
	border: solid 1px black;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background: whitesmoke;
}

.entityWidgetTitle {
	text-align: center;
	color: White;
	background: Blue;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.systemErrorMessage {
	padding: 3px;
	font-size: 12pt;
	background-color: #FF0000;
	color: #FFFFFF;
	border: 1px solid #000000;
}

.tsgTable {
	border-style: solid;
	border-width: thin;
	width: 100%;
}

	.tsgTable th {
		text-align: center;
		border-style: solid;
		border-width: thin;
		padding: 3px;
		background-image: url('../Images/TableHeader30.png');
		background-repeat: repeat-x;
		color: #FFFFFF;
		background-color: #808080;
	}

	.tsgTable td {
		padding: 3px;
		border-style: solid;
		border-width: thin;
	}


.info {
	padding: 1px;
	color: #000000;
	background-color: #FFFF99;
	border-style: solid;
	border-width: 1px;
}

.nogrid {
	border-style: none;
	border-width: 0px;
}

	.nogrid td {
		border-style: none;
		border-width: 0px;
	}

.goodUpload {
	padding: 6px;
	color: #FFFFFF;
	background-color: #008000;
}

.badUpload {
	padding: 6px;
	color: #FFFFFF;
	background-color: #FF0000;
}

.link {
	cursor: arrow;
	border-style: solid;
	border-color: #FFFF00;
	cursor: hand;
	cursor: pointer;
}

.inputTable {
	padding: 4px;
	margin: 4px;
	border: 1px solid #000000;
	background-color: #FFFF99;
}

.scrollableList {
	padding: 5px;
	border: thin solid #000000;
	height: 420px;
	width: 800px;
	overflow: auto;
	background-color: #FFFFCC;
}

.groupHeader {
	font-size: x-large;
	font-weight: bold;
}

.title {
	font-size: x-large;
	font-weight: bold;
}

/* used for create and edit screens for labels next to ui controls */
.editor-label {
	font-size: 11pt;
	font-weight: bold;
}

/* used for the text for the title of the page at the top of the page */
.pageTitleText {
	position: relative;
	top: 4px;
	font-size: 20pt;
}

/* used for the text for page under construction at the top of the page */
.pageUnderConstructionText {
	position: relative;
	top: 4px;
	font-size: 20pt;
	color: red;
}


/*.toolbarItem
{
}*/

.toolbarItem a {
	text-decoration: none;
	color: black;
	text-align: center;
	display: table-cell;
}

/* the style used for text that presents a section within a page */
.sectionTitle {
	font-size: 16pt;
}

.nameValueTable {
	border-style: none;
	width: 100%;
}

	.nameValueTable td {
		padding: 1px 4px 1px 4px;
		text-align: left;
		border-style: none;
		font-size: 12pt;
	}

		.nameValueTable td:first-of-type {
			padding: 1px 4px 1px 4px;
			text-align: right;
			border-style: none;
			font-size: 12pt;
			font-weight: bold;
		}

.nameValueTableHeader {
	padding: 4px 4px 4px 4px;
	text-align: right;
	border-style: none;
	font-size: 12pt;
	font-weight: bold;
}

.nameValueTableData {
	padding: 4px 4px 4px 4px;
	text-align: left;
	border-style: none;
	font-size: 12pt;
}

.errorRow {
	background-color: #FF0000;
	color: #FFFFFF;
}

.utilityControls {
	border: 2px solid #0000FF;
	padding: 10px;
	background-color: #FFFFCC;
}

.link, .link a, .link a:visited, .link a:focus {
	color: #000000;
	text-decoration: none;
	font-size: 14pt;
}

	.link a:hover {
		color: #000000;
		text-decoration: underline;
		font-size: 14pt;
	}

.partImageThumbnail {
	width: auto;
	height: 40px;
}

/* this is here because we wanted a white background instead of black for our controls */
.ui-widget-content {
	background-image: none;
	color: black;
	background-color: white;
}

.navbar-default.navbar-box-shadow {
	-webkit-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3);
	box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3);
}

/*spin-loader can be added to datatables while waiting for them to populate*/
.spin-loader {
	border: 5px solid #f3f3f3; /* Light grey */
	border-top: 5px solid #000; /* Black */
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}