/*-------------------- Main Panes ---------------------------*/
@import url("https://use.typekit.net/cam5uif.css");

body {
	background-color: #000055;
}

#BigHeaderPane {
	position: relative;
	margin: auto;
	width: 1000px;
	height: 200px;
	background: url(images/banner.png) no-repeat center top;
	background-color: #FCFCFF;
	font: bold 14px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
}

#BigBannerTxt {
	font: bold 36px brandon-grotesque, nunito, Calibri, Arial;
	text-align: center;
	background-color: #FCFCFF;
	margin: auto;
	width: 1000px;
}

#HeaderPane {
	position: relative;
	margin: auto;
	width: 1000px;
	height: 100px;
	background: url(images/header-blue.png) no-repeat center top;
	background-color: #FCFCFF;
	font: bold 14px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
}

#ErrorMsgPane {
	position: relative;
	vertical-align: middle;
	padding-top: 5px;
	margin: auto;
	width: 1000px;
	background-color: #FCFCFF;
}

#ErrorMsgPane p {
	position: relative;
	vertical-align: middle;
	margin: auto;
	text-align: center;
	font: 16px brandon-grotesque, nunito, Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-weight: bolder;
	background-color: #FCFCFF;
}

#ContentPane {
	position: relative;
	margin: auto;
	width: 1000px;
	min-height: 750px;
	height: auto;
	overflow: auto; background-color : #FCFCFF;
	font: bold 16px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
	background-color: #FCFCFF;
}

#FooterPane {
	position: relative;
	margin: auto;
	height: 20px;
	width: 1000px;
}

#FooterPane p {
	position: relative;
	margin: auto;
	height: 20;
	vertical-align: middle;
	width: 1000px;
	font: 10px brandon-grotesque, nunito, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-color: #c0c0c0;
}

/*-------------------- Menu Area ---------------------------*/
#HeaderPane #ChangePasswordAncr {
	float: right;
	margin-right: 10px;
}

#HeaderPane #Logout {
	float: right;
	margin-right: 10px;
	color: #BBBBBB;
}

#HeaderPane #HeaderTable {
	float: right;
	margin-right: 10px;
}

#HeaderPane #HeaderTable td {
	border: 2px outset #0000FF;
	background-color: #0000FF;
	width: 130px;
	text-align: center;
}

#HeaderPane #HeaderTable td.admin {
	border: 2px outset #FF0000;
	background-color: #FF0000;
}

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

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

#HeaderPane a:hover {
	text-decoration: underline;
	color: yellow;
}

#HeaderPane #HeaderTable a:active {
	text-decoration: underline;
	color: white;
}

/*-------------------- Form Area ---------------------------*/
#ContentPane table {
	margin: auto;
	float: center;
	background-color: #E2E4F1;
	border: 2px outset #E2E9FF;
}

#ContentPane table caption.FormTitle {
	font: bold 24px brandon-grotesque, nunito, Calibri, Arial;
	background-color: #E0E0E0;
	border: 2px outset #E0E0E0;
	text-align: left;
	padding-left: 10px;
}

#ContentPane table td.SearchCell img {
	width: 20px;
	height: 20px;
}

#ContentPane table td.ErrorLabelCell {
	color: red;
	text-decoration: blink;
}

#ContentPane table td.ErrorValueCell {
	color: red;
	text-decoration: blink;
	font: bold 14px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
}

#ContentPane table td.GlobalLabelCell {
	color: blue;
}

#ContentPane table td.ErrorDescriptionCell {
	color: red;
	text-decoration: blink;
	font: bold 14px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-left: 1px solid blue;
	border-right: 1px solid blue;
	border-top: 1px none blue;
	border-bottom: 1px solid blue;
}

#ContentPane table td.InputCol [type="image"] {
	width: 20px;
	height: 20px;
	border: 2px outset #808080;
}

#ContentPane table td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-right: 3px;
}

#ContentPane table td.NextBtnCell {
	text-align: right;
	padding-right: 10px;
}

#ContentPane table td.CancelBtnCell {
	text-align: center;
}

[value="Encrypt / Package"] {
	color: red;
	font: bold 14px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
}

#ContentPane table td.HeaderRow {
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	text-decoration: underline;
	font: bold 18px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
}

#ContentPane table td.MessageCell {
	padding-left: 10px;
	color: #002200;
	font: normal 14px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
}

#ContentPane table td.ValueCell {
	padding-left: 10px;
	font: normal 14px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
}

#ContentPane table td.PageCell {
	text-align: right;
	padding-right: 10px;
	font: normal 14px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
}

input.Admin {
	width: 150px;
}

legend {
	
}

#WelcomeMessage {
	font: normal 14px brandon-grotesque, nunito, Calibri, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: auto;
}

#ProgressBar {
	width: 400px;
	background-color: blue;
	border-radius: 4px;
	box-shadow: 0 2px 3px #333;
	border: 1px solid #111;
	left: 2px;
}

#ProgressPercent {
	position: relative;
	width: 0%;
	height: 20px;
	background-color: #1cc300;
	padding: 2px;
	vertical-align: middle;
	border-radius: 3px;
	box-shadow: 0 5px 5px #ccc inset;
	text-align: center;
}
/**** JTables ***********/
tfoot input {
	width: 99%;
	box-sizing: border-box;
}