/*This css holds the style for the general layout, menu, footer, header elements*/

/*
Blue: #02283d
Blueish: #03435f
Light blueish: #0a617c
Green: #c7d84b
Orange: #bb8644
Very light gray: #deebf3
*/
body {
	margin: 0px;
	min-width: 600px;
	overflow: scroll;
}

#header {
	background-color: #fff;
	/*padding: 11px 32px 10px 32px;*/
	padding: 11px 20px 10px 20px;
}

.applicationNameHeader {
	color: #006b87;
	font-size: 32px;
	/*font-size: 33px;*/ /* for increasing text size */
	font-style: italic;
	fext-align: left;
	font-weight: bold;
}

.applicationInfoHeaderDiv {
	width: 50%;
}

.systemDescriptionHeader {
	color: #00283a;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	font-weight: bold;
	text-align: left;
}

.headerLoggedInDiv {
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	/*text-align: right;*/
	text-align: left;
	color: #00283a;
	float: right;
	padding-right: 100px;
}

.headerLoggedInDiv button {
	font-size: 10px;
	/*font-size: 11px;*/ /* for increasing text size */
	margin: 7px 12px 0 0;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.fullHeight {
	height: 100%;
}

.applicationLogoDiv {
	float: right;
	width: 225px;
	height: 53px;
}

.applicationLogo {
	
}

/* header and footer elements */
.content {
	min-width: 400px;
	/*padding: 24px 32px 15px 32px;*/
	/*padding: 16px 32px 15px 32px;*/
	padding: 16px 20px 15px 20px;
	overflow: hidden;
}

/* Content when  */
.content-when-file {
	width: 100%;
	height: 100%;
	padding: 0;
}

.content-header {
	border-bottom: 1px solid #deebf3;
	margin: 0 0 4px 0;
	/*padding: 0 0 0 0;*/
	padding: 0 0 3px 0;
}

#searchResults .content-header,#viewPage .content-header {
	width: 100%;
}

.content-help {
	font-style: italic;
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	line-height: 1.9;
}

#searchResults .content-help {
	margin: 0;
	padding: 0 0 10px 60px;
	line-height: 1.7;
}

span.req {
	color: #F00; /* required font colour */
}

span.shaded {
	background-color: #E5ECEF;
	padding: 3px;
}

.center {
	text-align: center;
}

.block {
	display: block;
}

.hidden {
	display: none;
}

/* AJAX operation loading panel (top-left)*/
.loading {
	display: none;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.loadingIcon {
	display: none;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#loadingDiv {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 99999;
	height: 20px;
	width: 20px;
}

/* Page loading panel (body)*/
#loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 15px;
	top: 0px;
	left: 0px;
	position: fixed;
	display: block;
	opacity: 1.0;
	background-color: #eee;
	z-index: 5000;
	text-align: center;
	top: 0px;
}

.threeColumns1,dl.threeColumns1,.form dl.threeColumns1 {
	float: left;
	display: block;
	width: 32%;
	margin: 0 2% 0 0;
}

.threeColumns2,dl.threeColumns2,.form dl.threeColumns2 {
	float: left;
	display: block;
	width: 32%;
}

.threeColumns3,dl.threeColumns3,.form dl.threeColumns3 {
	float: right;
	display: block;
	width: 32%;
}

.twoColumns1 {
	float: left;
	display: block;
	width: 48%;
	padding: 1.5%;
	border-right: 1px solid #99CFDC;
}

.ui-tabs-panel .twoColumns1 {
	padding: 1.5% 1.5% 1.5% 0;
	width: 49%;
}

.productSpan .ui-tabs-panel .twoColumns1 {
	padding: 0 1.5% 1.5% 0;
}

.twoColumns2 {
	float: right;
	display: block;
	width: 48%;
}

.helpTextDiv {
	color: white;
	font-style: italic;
	background-color: #026d66;
	width: 90%;
	display: block;
	padding: 5px;
	border: 2px solid black;
	text-align: left;
	padding-right: 50px;
	/*font: bold;*/
	font-weight: bold;
}

.helpIcon {
	
}

.border-top {
	border-top: 1px solid gray;
}

.dialog {
	overflow: auto;
	display: none;
	max-width: 800px;
	max-height: 800px;
	display: none;
}

.hiddenPanel {
	display: none;
}

.redBorder {
	border: 2px solid red;
}

.clearBoth {
	clear: both;
}

.noscroll {
	overflow: hidden !important;
}

.ui-icon {
	display: inline-block !important;
}

.process-block {
	margin: 0 0 10px 0;
}

.nowrap {
	white-space: nowrap;
}

.wrap {
	word-wrap: break-word;
	word-break: normal;
}

.certificateHeaderDetails {
	padding-right: 0.416667%;
}

.certificateHeaderDetails dt,.certificateHeaderDetails dd {
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	padding: 4px 0 2px 0;
}

.certificateHeaderDetails dd div {
	font-size: 11px;
}

.certificateHeaderDetails dl.required dt {
	font-weight: bold;
	padding: 4px 0 2px 21px;
	background: url(images/required-asterisk.png) no-repeat 10px 4px;
}

.certificateHeaderDetails dl dt.required span {
	font-weight: bold;
	padding: 4px 0 4px 15px;
	background: url(images/required-asterisk.png) no-repeat 4px 4px;
}

.certificateHeaderDetails dl.optional dt {
	font-weight: normal;
	padding: 4px 0 2px 21px;
	background: none;
}

/* ----- Buttons ----- */

/* default button style (dark blue) */
button,input.btn {
	font-weight: normal;
	height: auto;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	/*font-size: 11px;*/ /* for increasing text size */
	min-width: 70px;
	white-space: nowrap; /* testing to see if this is useful */
	padding: 5px 11px 5px 11px;
	margin: 0 4px;
	border: 1px solid #0083a8;
	background-color: #002739;
}

button:focus,input.btn:focus,button:hover,input.btn:hover {
	border: 1px solid #0083a8;
	background-color: #0083a8;
	color: #fff;
}

button.disabled,input.disabled.btn {
	border: 1px solid #2e660e;
	background-color: #F2F5F7;
	color: #555;
}

.floatRight button,.floatRight input.btn,button.floatRight {
	margin: 0 0 0 8px;
}

.floatLeft button,.floatLeft input.btn,button.floatLeft {
	margin: 0 8px 0 0;
}

/* style for major task-changing buttons - generally at top of page, before the form (bright green) */
button.task-change,input.btn-task-change {
	color: #002739;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	margin: 0;
	border: 1px solid #2e660e;
	background-color: #c1d72e;
}

button.task-change:focus,input.btn-task-change:focus,button.task-change:hover,input.btn-task-change:hover
	{
	border: 1px solid #c1d72e;
	background-color: #2e660e;
	color: #fff;
}

a.task-change {
	color: #002739;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	margin: 5px 0 0 0;
	border: 1px solid #2e660e;
	background-color: #c1d72e;
	font-weight: normal;
	height: auto;
	font-family: Verdana, Arial, sans-serif;
	min-width: 10px;
	padding: 5px 11px 5px 11px;
	display: block;
	text-decoration: none;
}

a.no-min-width {
	min-width: 0px;
}

a.task-change:focus,a.task-change:hover {
	border: 1px solid #c1d72e;
	background-color: #2e660e;
	color: #fff !important;
}

a.task-change:visited {
	color: #002739;
}

button.disabled.task-change,input.disabled.btn-task-change,a.disabled.task-change
	{
	border: 1px solid #2e660e;
	background-color: #F2F5F7;
	color: #555;
}

#searchResults .content-header a.task-change {
	margin: -5px 0 5px 0;
}

/* style for task buttons related to sections within a form - generally directly below or above that section (bright blue) */
button.section-control,input.btn-section-control {
	color: #fff;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	background-color: #0083a8;
}

button.section-control:focus,input.btn-section-control:focus,button.section-control:hover,input.btn-section-control:hover
	{
	background-color: #c4d447;
	color: #002739;
}

form#criteria button.section-control {
	min-width: 0px;
	width: 70px;
}

a.section-control {
	color: #fff !important;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	margin: 5px 0 0 0;
	border: 1px solid #2e660e;
	background-color: #0083a8;
	font-weight: normal;
	height: auto;
	font-family: Verdana, Arial, sans-serif;
	padding: 5px 11px 5px 11px;
	text-decoration: none;
}

a.section-control:focus,a.section-control:hover {
	border: 1px solid #2e660e;
	background-color: #c4d447;
	color: #002739 !important;
}

button.disabled.section-control,input.disabled.btn-section-control,a.disabled.section-control
	{
	border: 1px solid #2e660e;
	background-color: #F2F5F7;
	color: #555;
}

/* style for master form submit button - generally only one per page, at the end of the form (bright green, large text) */
.submit-row {
	border-bottom: 1px solid #9ccddf;
	padding: 30px 0 17px 0;
	margin: 0 0 100px 0;
	text-align: right;
}

button.form-submit,input.btn-form-submit {
	color: #002739;
	font-size: 14px;
	/*font-size: 15px;*/ /* for increasing text size */
	font-weight: bold;
	min-width: 70px;
	margin: 0;
	padding: 8px 21px 8px 21px;
	border: 1px solid #2e660e;
	background-color: #c1d72e;
}

button.form-submit:focus,input.btn-form-submit:focus,button.form-submit:hover,input.btn-form-submit:hover
	{
	border: 1px solid #c1d72e;
	background-color: #2e660e;
	color: #fff;
}

/* style for reset button (deliberately styled not to look like a button) */
button.form-reset,input.btn-form-reset {
	color: #003e5e;
	font-size: 12px;
	/*font-size: 13px;*/ /* for increasing text size */
	font-weight: normal;
	min-width: auto;
	margin: 0;
	padding: 8px 11px 8px 31px;
	border: none;
	background-color: #fff;
	text-decoration: underline;
}

button.form-reset:focus,input.btn-form-reset:focus,button.form-reset:hover,input.btn-form-reset:hover
	{
	border: none;
	background-color: #fff;
	color: #2e660e;
	text-decoration: underline;
}

button.disabled.form-reset,input.disabled.btn-form-reset,a.disabled.form-reset
	{
	border: 1px solid #2e660e;
	background-color: #F2F5F7;
	color: #555;
}

/* style for login/change profile buttons in header (mid blue with arrows) */
.small-button {
	border: 1px solid #006b87;
	font-weight: normal;
	color: #cbd3d7;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	padding: 1px 16px 1px 6px;
	background: #006b87 url(images/button-corner.gif) no-repeat 100% 100%;
}

.small-button:focus,.small-button:hover {
	border: 1px solid #00425e;
	background: #00425e url(images/button-corner-hover.gif) no-repeat 100%
		100%;
}

.small-button.disabled {
	border: 1px solid #2e660e;
	background-color: #F2F5F7;
	color: #555;
}

/* actionsButton - dropdown list of buttons coming off a "gear" icon in Products accordion */
.actionsButton {
	position: relative;
	min-width: 150px;
	margin: 2px 0 0 0;
	cursor: pointer;
}

#viewPage .actionsButton {
	min-width: 100px;
	margin: -5px 0 0 0;
}

#viewPage .floatRight {
	margin: -5px 0 5px 0;
}

.tool-link {
	width: 40px;
	height: 25px;
	border: 1px solid #006c8f;
	background: #002739 url(images/bg-tool-link.gif) no-repeat 0 0;
	text-indent: -9999em;
	float: right;
	margin: 0 0 1px 0;
	cursor: pointer;
}

#viewPage .tool-link {
	height: 24px;
}

.actionsButton:hover .tool-link {
	background: #0083a8 url(images/bg-tool-link.gif) no-repeat 0 -25px;
}

.actionsButton ul {
	display: none;
}

.actionsButton:hover ul {
	margin: 0;
	padding: 0;
	border: 1px solid #002739;
	display: block;
	min-width: 150px;
	overflow: hidden;
	position: absolute;
	top: 28px;
	right: 0;
	z-index: 2;
}

#viewPage .actionsButton:hover ul {
	min-width: 100px;
	top: 27px;
}

.actionsButton ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	display: block;
	min-width: 150px;
}

#viewPage .actionsButton:hover ul li {
	min-width: 100px;
}

.actionsButton button {
	font-weight: normal;
	height: auto;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px !important; /* no change */
	min-width: 155px;
	padding: 8px 9px 7px 9px;
	margin: 0;
	border: none;
	background-color: #0083a8;
	text-align: left;
}

#viewPage .actionsButton button {
	min-width: 172px;
}

.actionsButton button:focus,.actionsButton button:hover {
	color: #002739;
	background-color: #c4d447;
}

.landingImage {
	width: 12%;
	border: 1px solid black;
	float: left;
}

.loginImages {
	margin-bottom: 10px;
}

/* Login screen styles */
.applicationInfoHeaderDiv.login-screen {
	width: 60%;
}

.loginImages { /*margin-bottom: 10px;*/
	margin-bottom: 1px;
}

.landingImage { /*border: 1px solid black;*/
	border: none;
	float: left;
	width: 12.37%;
	margin: 0 1px 0 0;
}

.faux-columns {
	background: #0083a8 url(images/faux-columns.gif) repeat-y 24.7% 0;
}

.quick-links {
	background: #e5ecef;
	width: 24.2%;
	min-height: 375px;
}

.quick-links h2 {
	font-size: 17px;
	font-weight: normal;
	margin: 0;
	padding: 12px 10px 17px 10px;
	line-height: 1;
}

.quick-links ul {
	margin: 0;
	padding: 0 10px;
}

.quick-links ul li {
	margin: 0;
	padding: 0 0 14px 0;
	list-style-type: none;
	line-height: 1.2;
	font-size: 12px;
}

.buttons {
	background-color: #fff;
	padding: 0 1.6% 0 0;
}

.realme-login img,.mpibi-logon img {
	padding: 0 0 5px 0;
}

.realme-login h3,.mpibi-logon h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 7px 0;
	line-height: 1;
}

.realme-login p,.mpibi-logon p {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 7px 0;
	line-height: 1;
}

.welcome h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 24px 0;
	line-height: 1;
}

.welcome p {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.logon-footer {
	background-color: #f2f5f7;
	border-top: 1px solid #e5ecef;
	border-left: 1px solid #fff;
	text-align: center;
	padding: 13px 0 18px 0;
}

.logon-footer p {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.ui-tooltip {
	max-width: 400px;
	border: 1px solid black;
	padding: 5px;
	background-color: #EFF7FF;
	z-index: 10001;
}
.ui-tooltip-short {
	max-width: 300px !important;
}

.login-button-box {
	height: 60px;
	width: 150px;
	margin: 0 auto;
	border: 1px solid burlywood;
	margin-bottom: 10px;
}

.login-button-box .login-button-label {
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 5px;
}