﻿body 
{
	font-family: Calibri, Verdana, Arial, sans-serif;
}
.DarkBlueHeaderMini
{
	width: 97%;
	max-width: 480px;
	box-sizing: border-box;
}
.DarkBlueHeader
{
	padding: 10px;
	box-sizing: border-box;
}
#formDiv
{
	width: 97%;
	max-width: 480px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.JobsTable tr.odd td, .JobsTable tbody tr.odd td {
    background: #fff;
}
.JobsTable tr.even td, .JobsTable tbody tr.even td {
    background: #ffffeb;
}
.searchTable
{
	margin: 0 auto;
	width: auto;
	position: relative;
}
.searchTable label
{
	font-size: medium;
    font-family: Calibri, Helvetica, Arial;
	padding-top: 10px;
	display: block;
}
	.searchTable input[type="text"]
	{
		padding: 7px;
	}
.goBtn
{
	width: 120px;
	display: inline-block;
	margin: 5px;
	border: none;
}
.errDiv
{
	text-align: left; padding: 0 50px;
}
	.errDiv table tr td
	{
		padding: 10px;
	}
.errDescription
{
	max-width: 600px; width: 95%; margin: 0 auto; text-align: center; font-size: 16px;
}
.w90
{
	width: 90%;
	box-sizing: border-box;
}
/*scroll top button*/
.goTop
{
		display: none;
		bottom: 30px; 
		right: 30px; 
		width: 30px;
		height: 30px;
		border-radius: 100%;
		position: fixed; 
		padding: 10px; 
		background-color: #222;
		cursor: pointer;
		opacity: 0.8;
}
	.goTop:hover
	{
		background-color: #111;
	}
.arrow-up
{
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #ffffff;
	cursor: pointer;
	margin: 8px auto;
}
.altDetailsTable
{
	margin: 0;
}
	.altDetailsTable th
	{
		width: 15%;
	}
.exampleText
{
	width: .75in; color: #999; display: inline-block; padding: 0 8px; font-size: 14px;
}
:-ms-input-placeholder { /* IE10–11 */
    color: #aaa !important;
    font-weight: 400 !important;
}

::-ms-input-placeholder { /* Edge */
    color: #aaa;
    font-weight: 400;
}
.caseDetailsTbl
{
	background: #fff; padding: 20px; box-sizing: border-box; border: 1px solid #ddd; width: 90%; margin: 0 auto;
}
.menuBtn
{
	display: none;
}
.hb
{
	text-decoration: none; float: right; color: silver;
}
.helpBox
{
	background: #fff;
	border-radius: 7px;
	box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
	position: absolute;
	top: calc(50% - 150px);
	left: calc(50% - 110px);
	font-size: 18px;
	width: 300px;
	display: none;
	border: 1px solid #1C436C;
}
.helpBoxHead
{
	 background: #1C436C; padding: 5px 10px; text-align: right; color: #fff; border-radius: 7px 7px 0 0; opacity: .9; margin-top: -2px;
}
.helpBoxClose
{
	cursor: pointer; font-weight: bold;
}
.helpBoxText
{
	padding: 20px 40px 30px; line-height: 25px;
}
.helpBoxTitle
{
	font-size: 25px; width: 90%; padding-bottom: 10px; padding-top: 20px; margin-bottom: 0; display: block !important;
}
.mobileOnlyBlock
{
	display: none;
}
.returnDiv
{
	padding: 30px 20px 20px;
	text-align: center;
}
	.returnDiv a
	{
		text-decoration: none;
		font-size: 16px;
	}
.WaitingDiv
{
	display: none;
	text-align: center;
	font-size: 20px;
	color: gray;
	padding: 10px;
}
.newSearch
{
	font-size: 18px;
	padding: 0 10px 20px;
	text-align: center;
}
@media screen and (max-width: 860px)
{
	.helpBox
	{
		top: 0;
		left: calc(50% - 151px);
	}
	th.header
	{
		position: relative;
	}
	td
	{
		width: auto;
	}
	.Nav
	{
		margin-right: 10px;
	}
}
@media screen and (max-width: 480px)
{
	h1
	{
		display: block;
		padding: 10px 0;
		margin-bottom: .5em;
	}
	.mobileOnlyBlock
	{
		display: block;
	}
	.mobileHide
	{
		display: none;
	}
	#mainHeader
	{
		margin-bottom: 0;
	}
	.content
	{
		margin-top: -8px;
	}
	.searchTable
	{
		left: 0;
	}
	.caseDetailsTbl, .JobsTable
	{
		width: 95%;
	}
	.header
	{
		position: relative;
	}
	.altDetailsTable, table
	{
		width: 100%;
	}
	.srTable thead th
	{
		display: block;
		position: relative;
		margin-bottom: 0;
		text-align: left;
	}
	.srTable td
	{
		display: block;
		border-bottom: none;
		font-size: 14px;
		padding-left: 15px;
	}
	.srTable tr td:last-child
	{
		border-bottom: 3px solid silver;
	}
	.Nav a
	{
		color: #fff;
		display: block;
		padding: 15px;
	}
	.Nav
	{
		background: #33567b;
		margin-top: 0;
		margin-right: 0;
		float: none;
		padding: 10px;
		top: 95px;
		display: none;
	}
		.Nav
		{
			border-bottom: 5px solid #99c745;
		}
	.menuBtn
	{
		color: #fff; background: #99c745; padding: 10px; font-size: 14px; border-radius: 4px; width: 70px; margin: 15px auto 0; display: block; text-align: center;
	}
	.mt115
	{
		margin-top: 115px;
	}
	.mt95
	{
		margin-top: 133px;
	}
		.mTH
	{
		padding: 8px 8px 0!important;
		font-size: 14px;
		color: #999 !important;
	}
	.sortDiv
	{
		text-align: center;
		padding: 10px;
		font-size: 14px;
		box-sizing: border-box;
	}
		.sortDiv select
		{
			padding: 3px 5px;
		}
}