html {
	border: none;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	border: none;
	color: #444444;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

textarea:disabled {
	resize:none;
}

table {
	color: #000000;
}

body, 
table {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 14px;
}

img {
	border: 0;
}

.grayed {
	color: gray;
}

tr.grayed {
	border: 1px solid red;
}

#preloaderHolder {
	background: url("/images/css/background/tile/dialog-overlay-background.png");
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
	z-index: 99999;
}

#preloader {
	background: url("/images/preloaders/89.gif") no-repeat center 20px #FFFFFF;
	border: 2px solid #82A1CB;
	border-radius: 6px;
	display: inline-block;
	height: 200px;
	position: relative;
	z-index: auto;
}

#preloaderWrapper {
	display: block;
	height: 200px;
	margin-top: -100px;
	position: absolute;
	top: 50%;
	width: 100%;
}

#preloader p {
	color: #82A1CB;
	display: block;
	font-size: 2em;
	font-style: italic;
	font-variant: small-caps;
	font-weight: bold;
	margin: 20px;
	margin-top: -1.5em;
	position: relative;
	text-align: center;
	top: 100%;
}

#mainForm {
	height: 100%;
}

form {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 25px;
}

.block {
	display: block;
}

.no-margin-padding {
	margin: 0;
	padding: 0;
}
 
.bold {
	font-weight: bold;
}

.hidden { 
	display: none;
}

.spacer10 {
	display: inline-block;
	width: 10px;
}

.spacer20 {
	display: inline-block;
	width: 20px;
}

.spacer50 {
	display: inline-block;
	width: 50px;
}

#javax_faces_developmentstage_messages {
	display: none;
}

#page {
	height: auto !important;
	left: 0;
	margin: 0; 
	min-height: 100%;
	height: 100%;
	padding: 0;
	position: relative;
}

/*
 * Banner
 */

#bannerContainer {
    background-color: #f1f1f1;
	overflow: hidden;
	padding: 0;
	position: relative;
	min-width: 1040px;
}

#banner {
	float: left;
	height: 64px;
	cursor: pointer;
	margin: 6px 0 6px 15px;
    color: #444444;
}

#banner img {
	height: 64px;
}

#bannerContainer table {
	background-color: transparent;
	border-collapse: collapse;
}

#bannerButtonContainer {
	float: right;
	overflow: visible;
	padding:1%;
}

.nav-label {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding-left: 78px;
    font-family: Arial, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    display: inline-block;
}
.site-icon path {
    fill: red;
}

/*
 * Tophat
 */

.tophat-container {
    width: 100%;
    line-height: 1.8em;
    font-size: .8em;
    /*border-bottom: solid 1px #205493;*/
    background-color: #205493;
    font-family: Arial, sans-serif;
}
.tophat-container div {
    display: inline-block;
    color: white;
}
.tophat-container .left {
    width: 19%;
    padding-left: 10px;
}
.tophat-container .right {
    width: 79%;
    text-align: right;
}
.tophat-container a {
    color: white;
    padding: 0 15px;
    border-right: solid 1px white;
    border-bottom: none;
    text-decoration: none;
}
.tophat-container a:hover {
    color: #aeb0b5;
}
.tophat-container a:last-child {
    border: none;
}


.no-decoration,
.no-decoration:visited,
.no-decoration:active {
	color: inherit;
	text-decoration: none;
}

a.email-white {
	color: white;
}

a.email {
	color: blue;
	cursor: pointer;
	text-decoration: none;
}

a.email:hover {
	text-decoration: underline;
}

.topMenu {
	background-color: #82A1CB;
	border-bottom: 1px solid #777777;
	border-top: 1px solid #777777;
	display: inline-block;
	font-family: Arial,Helvetica,Verdana;
	font-size: 1em;
	margin-bottom: -3px;
	position: relative;
	width: 100%;
}

.topMenu a,
.topMenu .top-menu-sub-link {
	background-color: transparent;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0 10px;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
}

.topMenu a:hover:not(.selected) {
	background: url("/images/css/background/highlight/orange-highlight.png") 50% 50%;
	color: #1f4087;
}

.topMenu a.selected, #topMenu a.selected:hover {
	background-color: #FFFFFF;
	border: 1px solid #777777;
	border-bottom: none;
	color: #1f4087;
}

.topMenu .menuSpacer {
	background-color: #ffffff;
	bottom: -1;
	height: 1px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
}

.topMenu .container {
	margin: 0 20px;
	padding-left: 0;
	padding-right: 0;
	width: auto;
}

.top-menu-sub-link {
	position: relative;
}

.top-menu-sub-link .title {
	background: url("/images/css/arrow/small-down.png") no-repeat right center;
	margin: 0px;
	padding: 0px 16px 0px 0px;
	position: relative;
}

.top-menu-sub-link .sub-menu {
	background-color: #82a1cb;
	border: 1px solid #777777;
	border-radius: 0px 0px 5px 5px;
	border-top-color: #82a1cb;
	display: none;
	left: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	white-space: nowrap;
    width: auto;
	z-index: 99;
}

.top-menu-sub-link .sub-menu a {
	cursor: pointer;
	display: block;
	float: none;
	position: relative;
}

.top-menu-sub-link .sub-menu a:last-child {
	border-radius: 0px 0px 5px 5px;
}

#contentContainer {
	border: none;
	margin: 0;
	/*margin: 50px;*/
	padding: 0 0 52px 0;
	position: relative;
}

#content {
	border: none;
	margin: 10px;
	padding: none;
}

.copy
{
	font-size: 12px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	margin:10px;
}
.copy h3
{
	color: #444;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em;
}



#footer {
	border-top: 1px solid #777777;
	background-color: #82A1CB;
	clear: both;
	height: 51px;
	margin-top: -52px;
	overflow: hidden;
	padding: 0 20px;
	position: relative;
	z-index: 1;
}

#linksIn {
	color: #FFFFFF;
	font-size: .9em;
	float: left;
	margin: 17px 0 0 5px;
}

#linksIn a {
	color: #FFFFFF;
	cursor: pointer;
	margin-right: 3px;
	text-decoration: none;
}

#linksIn a:hover {
	text-decoration: underline;
}

#linksOut {
	float: right;
	margin: 5px;
}

#linksOut img {
	border: none;
	height: 38px;
	margin: 0;
	vertical-align: middle;
}

.qtip {
	background-color: #FFFFFF;
	border: 1px solid gray;
	border-radius: 6px;
}

#tooltip {
	background-color: #FFFFFF;
	border: 1px solid gray;
	border-radius: 6px;
	display: none;
	font-size: 10pt;
	padding: 3px 8px;
	position: absolute;
	white-space: nowrap;
	z-index: 9998;
}

#tooltip p {
	cursor: default;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#skipTo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	clip: rect(1px, 1px, 1px, 1px);
	
}
span.helpButton.ui-state-default {
	cursor: pointer;
	display: inline-block;
	padding: 8px;
	background: url("/images/css/jquery-ui/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #CCCCCC;
    color: #2E6E9E;
    font-weight: bold;
}

span.helpButton.ui-state-hover {	
	background: url("/images/css/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #FBCB09;
}

.helpButton span.ui-icon-help {
	background-image: url("/images/css/jquery-ui/ui-icons_orange_over_256x240.png");
}

.helpButton.ui-state-hover span.ui-icon-help {
	background-image: url("/images/css/jquery-ui/ui-icons_orange_over_256x240.png");
}

input:disabled {
	background-color: #E9E9E9;
	border: 1px solid #AAAAAA;
}

.invisible {
	display: none;
}

.centered {
	text-align: center;
}

.errorText {
	background-color: #800000;
	color: white;
	display: block;
	margin: 0 0 8px;
	padding: 2px;
}

#loginMenu {
	color: #FFFFFF;
	display: inline-block;
	float: right;
	height: 25px;
}

#loginMenu div {
	float: left;
	line-height: 25px;
	vertical-align: middle;
	height: 25px;
	display: inline-block;
}

#loginMenu a:hover {
	background: none;
	color: #FFFFFF;
}

#loginMenu a {
	padding: 0 5px;
	vertical-align: middle;
}

#loginMenu label {
	color: #FFFFFF;
	margin: 0 0;
}


.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.helper label {
	cursor: inherit;
}

.normal-border {
	border: 1px solid #ABABAB;
	border-radius: 5px;
}

.ndar-box-body, 
.ndar-box-header {	
	/* border: 1px solid #1f4087; */
	border: 1px solid #999999;
	padding: 12px;
}

.ndar-box-body {
	border-radius: 0 0 5px 5px;
	margin-bottom: 30px;
}

.ndar-box-header {
	background-color: #82A1CB;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.ndar-highlight-blue,
.ndar-highlight-orange {
	border: 1px solid transparent;
	display: block;
	padding: 2px 5px;
}

.ndar-highlight-blue:hover {
	background: url("/images/css/background/highlight/blue-highlight.png") 50% 50%;
	border: 1px solid #79B7E7;
	cursor: pointer;
}

.ndar-highlight-blue-on {
	background: url("/images/css/background/highlight/blue-highlight.png") 50% 50%;
	border: 1px solid #79B7E7;
}

.ndar-highlight-orange-on {
	background: url("/images/css/background/highlight/orange-highlight.png") 50% 50%;
	border: 1px solid #e17822;
}

.ndar-message {
	border-radius: 2px;
	display: none;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin: 2px 2px 5px 2px;
	padding: 0;
	position: relative;
	text-align: center;	
}

.ndar-message.info {	
	background-color: #2F9C2F;
	border: 1px solid #306930;
}

.ndar-message.error {
	background-color: #B81111;	
	border: 1px solid #871717;
}

.ndar-message img.closer {
	cursor: pointer;
	margin-top: -8px;
	position: absolute;
	right: 3px;
	top: 50%;	
}

.ndar-message p {
	margin: 0;
	padding: 0;
}

.ndar-message p.msg {	
	color: #FFFFFF;
	margin: 3px;
	padding: 3px;
}

.file-wrapper {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 0px;
}

.file-wrapper input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.file-wrapper input {
	vertical-align: middle;
}

.clickable {
	cursor: pointer;
}

.float-right {
	float: right;
}

.inline-block {
	display: inline-block;
}

.standard-box {
	position: relative;
}

.standard-box .body-wrapper {	
	border: 1px solid #A6C9E2;
	border-radius: 6px;
	display: block;  
	margin: 0px;
	overflow: auto;
	padding: 0px;
	width: 100%;
}

.standard-box .body {
	margin: 8px;
}

.standard-box h1 {
	color: #1F4082;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	overflow: auto;
	vertical-align: middle;
}

.flat-node {
	display: block;
	white-space: nowrap;
}

.flat-node .icon {
	cursor: pointer;
}

.flat-node .header {
	display: inline-block;
}

.section-wrapper {	
	display: inline-block;  
}

.section-label {
	color: #1F4082;
	display: block;
	font-size: 112%;
	font-weight: bold;
	margin: 5px 0;
	/*overflow: auto;*/
	vertical-align: middle;
}

.section-label2 {
	color: #1F4082;
	display: block;
	font-size: 106%;
	font-weight: bold;
	margin: 5px 0;
	/*overflow: auto;*/
	vertical-align: middle;
}

.section-container {
	border: 1px solid #A6C9E2;
	border-radius: 6px;
	display: block;
	margin: 0px 0px 0px 0px;
	overflow: auto;
	padding: 0px;
}

.section-content {
	margin: 8px;
}

.page-summary-text {
	margin-bottom: 10px;
	text-align: center;
}

.dialogPanel .summary .text {
	margin: 0px;
}
	
.dialogPanel .summary {
	margin: 0px 0px 20px 0px;
}

.dialogPanel .dialog-content {
	margin: 10px;
}

.info-dialog {
	margin: 5px 10px 15px 10px;
}

a.green-link { color: #499623; }

.info-icon {
	cursor: pointer;
	vertical-align: middle;
}

.info-icon-btn {
	border-radius: 10px;
	text-decoration: none;
	display: inline-block;
}

.info-icon-btn:focus {
	border: 2px dashed #CCCCCC;
}

.info-icon-btn .info-icon {
	margin: 1px;
}

.data-element-dialog td.label {
	color: #1F4082;
	font-weight: bold;
	margin: 0px;
	padding-right: 5px;
	text-align: right;
	white-space: nowrap;
}

.data-element-dialog p {
	margin: 0px;
}

.data-element-dialog .dialog-content {
	margin: 10px 30px;
}

.data-element-dialog p a {
	border: none;
	color: #0000EE;
	text-decoration: none;
	white-space: nowrap;
}

.data-element-dialog p a:hover {
	text-decoration: underline;
}

.data-element-dialog table td {
	vertical-align: top;
}

.ui-icon-inline {
	display: inline-block;
	vertical-align: middle;
}

ul.tutorials li + li {
	margin: 10px 0 0;
}

/* add new button */
.btn-add-new,
.ui-widget-header .btn-add-new.ui-state-default,
[type="button"].btn-add-new,
[type="submit"].btn-add-new,
[type="reset" ].btn-add-new,
[type="image" ].btn-add-new {
    cursor: pointer;
    display: inline-block;
    font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    margin-top: .5em;
    margin-bottom:.5em;
    margin-right: .5em;
    outline: none;
    padding: 0em .7em;
    text-align: center;
    text-decoration: none;
    width: auto;
}

.btn-small,
.btn-small .ui-button-text,
.btn-small .ui-icon.fa {
	font-size: 12.5px;
}

.btn-small.ui-button-text-icon-left .ui-button-text {
    padding: .45em .3em .5em 1.3em;
}

.btn-small.ui-button-text-icon-left .ui-icon.fa {
    margin-top: -5px;	
}

.btn-small.ui-button-text-only .ui-button-text {
    padding: .3em .3em .3em .3em;
}

/* Non-jQuery Button */
.btn-add-new.btn-small.std-btn {
	height:1.67em;
}

/**************************************************
 * JQUERY UI OVERRIDES - maybe move out
 **************************************************/
.ui-widget-overlay {
	background: url("/images/css/background/tile/dialog-overlay-background.png");
	opacity: 1;
}

.ui-accordion .ui-accordion-content {
	padding: 2px;
}

.ui-accordion .ui-accordion-header {
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 13px;
}

input[readonly],
input[disabled] {
	border: 1px solid transparent;
	background-color: transparent;
}

#footer {
    border-top: 1px solid #777;
    background-color: #82A1CB;
    clear: both;
    height: 51px;
    margin-top: -52px;
    overflow: hidden;
        overflow-x: hidden;
        overflow-y: hidden;
    padding: 0px 20px;
        padding-top: 0px;
        padding-right-value: 20px;
        padding-bottom: 0px;
        padding-left-value: 20px;
        padding-left-ltr-source: physical;
        padding-left-rtl-source: physical;
        padding-right-ltr-source: physical;
        padding-right-rtl-source: physical;
    position: relative;
    z-index: 1;
}
#footer {
    bottom: 0px;
    position: relative;
}

.vertical_center{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.pfMessages {
	margin: 10px;
}

.dialogPanel .pfMessages {
	margin: 0px;
	position: relative;
	top: -8px;
}

.pfMessages .ui-messages-info {
	background-color: #2f9c2f;
	border: 1px solid #306930;
}

.pfMessages .ui-messages-info-summary, .ui-messages-info-detail {
	color: #ffffff;
}

.pfMessages .ui-messages-error {
	background-color: #b81111;
	border: 1px solid #871717;
}

.pfMessages .ui-messages-warn {
	background-color: #fcf8e3;
	border: 1px solid #faebcc;
}

.warning label {
	color: #8a6d3b;
}

.pfMessages .ui-messages-error-summary, .ui-messages-error-detail {
	color: #ffffff;
}

.pfMessages .ui-icon-close {
	background-image: url("/images/gray-x.png");
	background-repeat: repeat;
}

.pfMessages .ui-state-error {
	border: 1px dashed #871717;
	color: #b81111
}

.ui-outputlabel.ui-state-error {
	border: none;
	color: rgb(185, 74, 72);
	font-style: italic;
	background: none;
}

.homepage-content {
	margin: 0px 245px;
	text-align: center;
}

.homepage-text {
	text-align: justify;
}

/* Override default PrimeFaces and JQueryUI input styling */
.ui-inputfield.ui-state-focus,
.ui-inputfield.ui-state-default,
.ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-content .ui-inputfield.ui-state-default,
.ui-widget-header  .ui-inputfield.ui-state-focus,
.ui-widget-header  .ui-inputfield.ui-state-default {
	background: #FFFFFF;
	border: 1px solid #A9A9A9;
	border-radius: 0;
	box-shadow: none;
	color: #000000;
	font-weight: normal;
}

.ui-inputfield.ui-state-disabled,
.ui-widget-content.ui-state-disabled,
.ui-widget-header.ui-state-disabled {
	border: none;
	opacity: 1;
	padding-left: 0px;
}