/*
 	This file contains general layout styles from the following files
 	that are not otherwise provided for in new theme CSS files.
 	This file will ultimately be redundant after the UI revamp.
 	
 		- frontOffice3_2.css
 		- grantium-skin.css
 
 	Font families have been removed. 
 */

/* frontOffice3_2.css */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

input.buttonDefault {
	width: 220px;
	height: 24px;
	margin: 6px;
}

input.buttonSmall {
	width: 125px;
	height: 24px;
	margin: 6px;
}

input.manyToManyButton {
	width: 70%;
	margin: 3px;
}

input.manyToManyButton_v {
	width: 15%;	
	margin: 3px;
	word-wrap: normal;
}

select.manyToManyList {
	width: 300px;
	height: 300px;
}

select.manyToManySemiWideList {
	width: 350px;
	height: 300px;
}

select.manyToManyWideList {
	width: 600px;
	height: 300px;
}

select.manyToManyShortList {
	width: 100%;
	height: 100px;
}

select.manyToManyShortWideList {
	width: 100%;
	height: 100px;
}

select.manyToManyAssignEvaluator {
	width: 70%;
	height: 200px;
}

select.manyToManyShortFullWidthList {
	width: 100%;
	height: 100px;
}

table.mainTable {
	text-align: center;
	width: 100%;
}

table.menuItemTable {
	text-align: left;
	width: 100%;
}

table.manyToManyTable {
	padding: 4px;
	font-size: 8pt;
}


.greyButton {
	background-image: url(resources/images/graphics/grey_button_no_bottom.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.greyButtonBottom {
	background-image: url(resources/images/graphics/grey_button.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.greyButtonTile {
	background-image: url(resources/images/graphics/grey_button_tile.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

.templateTextBold {
	font-weight: bold;
}

.templateText {
	color: #333333;
}

.templateTextWhite {
	color: #FFFFFF;
}

.templateTextGrey {
	color: #777777;
}

.labelText{
	font-size: 0px;
	color: #FFFFFF;
	width: 0px;
	height: 0px;
	text-align: left;
}

.versionText {
	color: #fff;
	font-size: 6pt;
	padding: 0px;
	font-weight: bold;
}


.leftBar {
	vertical-align: top;
}

.imageNoBorder {
	border-style: none;
	border-width: 0;
	vertical-align: middle;
}

.buttonTable {
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 0;
	margin-right: 16px;
	text-align: left;
}
.buttonTable .btn,
.buttonTable .ui-button {
	margin-right: 12px !important;
}

.textLarge  {
	font-size: 14pt;
}

.textMedium  {
	font-size: 12pt;
}

.textSmall  {
	font-size: 12pt;
}

.textSmall em a:focus {
/*	background-color: blue;
	color: #ffffff; */
}

.textSmall_L  {
	font-size: 12pt;
	text-align: left;
}

.textSmall_C  {
	font-size: 12pt;
	text-align: center;
}

.textSmall_R  {
	font-size: 12pt;
	text-align: right;
}

.textXSmall  {
	font-size: 12pt;
}

.textXSmallBold  {
	font-weight: bold;
	font-size: 12pt;
}

.textExtraSmall  {
	font-size: 12pt;
}

.textDisabled  {
	color:#777676;
}

.labelHeader,
.labelLeft,
.labelLeftBesidem
.labelRight, .labelRightButton,
.labelRight40,
.labelFarRight,
.labelCenter {
	width: 100%;
	font-weight: bold;
	font-size: 12pt;
    background: none;
    color: #000000;
    vertical-align: top;
    display: inline-block;
}

.labelHeader {
	font-size: 16pt;
}

.labelRight, .labelRightButton, .labelFarRight {
    text-align: right;
}

.labelRightButton {
	padding-right: 3px;
}

.labelRight40 {
	width: 45%;
	padding-right: 12px;
}

.labelLeft, .labelLeftBeside {
	text-align: left;   
}

.labelCenter {
    text-align: center;

}

.labelSpacer {
	width: 50%;
	height: 1px;
	line-height: 1px;
}


.labelHighlighted {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: center;
	width: 100%;
	margin-bottom: 0.25em;
}

.labelHighlighted a {
/*	color: blue; */
	text-decoration: underline;
	font-weight: normal;
}

.labelCentered {
	display: inline-block;
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-style: normal;
	text-align: center;
	width: 100%;
	margin-bottom: 0.25em;
}

.labelCentered a {
/*	color: blue; */
	text-decoration: underline;
	font-weight: normal;
}

.valueLeft, .valueLeftTop, .valueLeft60 {
	width: 55%;
	padding-left: 4px;
    font-weight: normal;
    font-size: 12pt;
    background: none;
    text-align: left;	
}

.valueLeft60 {
	width: 100%;
	margin-left: 0px;
	margin-right: auto;
}

.form {
	border-top-width: thin;
	padding-right: 6px;
	padding-left: 6px;
	border-left-width: thin;
	border-left-color: #cccccc;
	border-bottom-width: thin;
	border-bottom-color: #cccccc;
	padding-bottom: 6px;
	margin: 0px;
	border-top-color: #cccccc;
	text-indent: 0px;
	padding-top: 6px;
	background-color: white;
	text-align: center;
	border-right-width: thin;
	border-right-color: #cccccc;
}

_____MESSAGE_STYLES{}

.errorSmall {
					  
				   
				   
					  
}
.errorSmall ul {
	display: inline-block;
}
.errorSmall li {
	text-align: left;
}

.successSmall {
					  
				   
				 
					  
}
.successSmall ul {
	display: inline-block;
}
.successSmall li {
	text-align: left;
}

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

.warnSmall li {
	text-align: left;
}

.infoSmall {
				   
				
			  
				   
}
.infoSmall ul {
	display: inline-block;
}
.infoSmall li {
	text-align: left;
}

span.errorSmall {
					  
				   
				   
					  
}

.headerSmall {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: center;
	width: 100%;
	height: 20px;
}

.headerSmallNoBackground {
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-style: normal;
	text-align: center;
	width: 100%;
	height: 20px;
}

.footerSmall {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: center;
	width: 100%;
	height: 20px;
}

.submissionsummary {
	width: 100%;
}
	
.formBorder {
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	margin: 0px;
	border-left: #C0C0C0 1px solid;
	color: black;
	margin-right: 10px;	  
/*	text-align: center; */
/*	background-color: #ffffff; */
}

.formBorder ul {
	display: inline-block;
	text-align: left;
}

.smallFormBorder {
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	margin-left: 20%;
	border-left: #C0C0C0 1px solid;
	width: 60%;
	color: black;
	border-bottom: #C0C0C0 1px solid;
	text-align: center;
}
.formContent {
	text-align: center;
	margin-top: 20px;
}

.skip {
	display: block;
	position: absolute;
	top: -4em;
	left: 0;
	z-index: 0
}

.plannerBorder {
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	margin: 0px;
	border-left: #C0C0C0 1px solid;
	width: 100%;
	color: black;
	border-bottom: #C0C0C0 1px solid;
	text-align: left;
}

.listHeaderEmpty {
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-style: normal;
	text-align: left;
	width: 0%;
	height: 20px;
}

.listEvenRow {
	font-size: 12pt;
	color: black;
	text-align: left;
	background-color: white;
	h: expression(onmouseover=new Function("this.style.backgroundColor='#E8E8E8';"), onmouseout=new Function("this.style.backgroundColor='white';"));
 }

.listOddRow {
	font-size: 12pt;
	color: black;
	text-align: left;
	background-color: white;
	h: expression(onmouseover=new Function("this.style.backgroundColor='#E8E8E8';"), onmouseout=new Function("this.style.backgroundColor='white';"));
}

.listEvenRow a {
	text-decoration: underline;
}

.listOddRow a {
	text-decoration: underline;
}

.listBorder {
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	margin: 0px;
	border-left: #C0C0C0 1px solid;
	width: 100%;
	color: black;
	border-bottom: #C0C0C0 1px solid;
	padding: 0px;
	font-size: 12pt;
}

.listTable {
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

.listTable td {
	padding: 4px;	
}

.listTable th {
	padding: 4px;	
}

.listTable tr:hover {
	background-color: #E8E8E8;
}

.listColumnAlignTop {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

.listColumnHeaderSmall {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: left;
	height: 20px;
	padding-right: 4px;
}

.listColumnHeaderSmall a:focus {
/*	background-color: blue; */
	color: #ffffff;
}

.listHeaderSmall {
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-style: normal;
	text-align: center;
	width: 100%;
	height: 20px;
	vertical-align: middle;
}

.listFooterSmall {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: center;
	height: 20px;
}

.listColumnIcon {
	width: 1%;
	text-align: center;
	padding-right: 4px;
}

.listColumnIcons {
	text-align: center;
	padding-right: 4px;
}

.listColumn5 {
	width: 5%;
	min-width: 40px;
}

.listColumn10 {
	width: 10%;
}

.listColumn15 {
	width: 15%;
}

.listColumn20 {
	width: 20%;
}

.listColumn40 {
	width: 40%;
}

.listColumn80 {
	width: 80%;
}

.listColumn100 {
	width: 100%;
}

.letterBox {
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 12pt;
	font-style: normal;
	text-align: center;
}

.letterBox:hover {
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 12pt;
	font-style: normal;
	text-align: center;
	color: white;
	background: none;
}

.letterBoxSelected {
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 12pt;
	font-style: normal;
	text-align: center;
	color: black;
	background: none;
}

table.letterBoxBorder {
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	font-weight: bold;
	font-size: 12pt;
	font-style: normal;
	text-align: center;
}

table.listFooterBorder {
	width: 100%;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 12pt;
	font-style: normal;
	text-align: center;
	color: black;
	background: none;
}

.listFooterSelected {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
	font-size: 12pt;
	font-style: normal;
	text-align: center;
	color: #000000;
}

.listFooterNoItems {
	width: 100%;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 12pt;
	font-style: normal;
	text-align: center;
	color: black;
	background: none;
}

.SSColumnHeader10 {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: center;
	width: 10%;
	height: 20px;
}

.SSColumnHeader20 {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: center;
	width: 20%;
	height: 20px;
}

.SSColumnHeader30 {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: center;
	width: 30%;
	height: 20px;
}

.SSColumnHeader40 {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: center;
	width: 40%;
	height: 20px;
}

.SSColumnHeader50 {
	font-weight: bold;
	font-size: 12pt;
	background: none;
	color: black;
	font-style: normal;
	text-align: center;
	width: 50%;
	height: 20px;
}

.SSLeftColumn10 {
	PADDING-LEFT: 10px;
	text-align: left;
	font-size: 12pt;
	width: 10%;
	vertical-align: top;
}

.SSLeftColumn20 {
	PADDING-LEFT: 10px;
	text-align: left;
	font-size: 12pt;
	width: 20%;
	vertical-align: top;
}

.SSLeftColumn30 {
	PADDING-LEFT: 10px;
	text-align: left;
	font-size: 12pt;
	width: 30%;
	vertical-align: top;
}

.SSLeftColumn40 {
	PADDING-LEFT: 10px;
	text-align: left;
	font-size: 12pt;
	width: 40%;
	vertical-align: top;
}

.SSLeftColumn50 {
	PADDING-LEFT: 10px;
	text-align: left;
	font-size: 12pt;
	width: 50%;
	vertical-align: top;
}

.SSCenterColumn10 {
	text-align: center;
	font-size: 12pt;
	vertical-align: top;
	width: 10%;
	padding-bottom: 5px;
}

.SSCenterColumn20 {
	text-align: center;
	font-size: 12pt;
	vertical-align: top;
	width: 20%;
	padding-bottom: 5px;
}

.SSCenterColumn30 {
	text-align: center;
	font-size: 12pt;
	vertical-align: top;
	width: 30%;
	padding-bottom: 5px;
}

.SSCenterColumn40 {
	text-align: center;
	font-size: 12pt;
	vertical-align: top;
	width: 40%;
	padding-bottom: 5px;
}

.SSCenterColumn50 {
	text-align: center;
	font-size: 12pt;
	vertical-align: top;
	width: 50%;
	padding-bottom: 5px;
}

TD.menuTitle {
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-style: normal;
	text-align: left;
	padding: 2px;
}

.greyBoxBold {
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	border-left: #C0C0C0 1px solid;
	border-bottom: #C0C0C0 1px solid;
	margin:0;
	width: 250px;
	background: #C0C0C0;
}

.greyBox {
	font-size: 12pt;
	text-align: left;
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	border-left: #C0C0C0 1px solid;
	border-bottom: #C0C0C0 1px solid;
	margin:0;
	width: 250px;
	background: #C0C0C0;
}

.listColumn40Left15 {
	width: 40%;	
	padding-left: 15px;
}


.fieldDescription, 
.fieldDescriptionLeft, fieldDescriptionLeftBeside,
.fieldDescriptionRight,
.fieldDescriptionCenter {
	font-size: 12pt;
	padding-bottom: 0.6em;
	vertical-align: top;
	display: inline-block;
}

.fieldDescription {
	text-align: justify;
}

.fieldDescriptionLeft, .fieldDescriptionLeftBeside {
	text-align: left;
}

.fieldDescriptionLeftBeside {
	width: 45%;
	padding-right: 12px;
}

.fieldDescriptionRight {
	text-align: right;
}

.fieldDescriptionCenter {
	text-align: center;	
}

.fieldDescriptionTextArea {
	width: 80%;
	display: inline-block;
	text-align: justify;
	font-size: 12pt;
	padding-bottom: 0.6em;
}

.fieldDescriptionTextAreaAbove {
	width: 80%;
	display: inline-block;
	text-align: justify;
	font-size: 12pt;
	padding-top: 0.6em;
}

.fieldDescriptionTextAreaRight {
	width: 40%;
	padding-left: 50.5%;
	text-align: left;
	font-size: 12pt;
	padding-bottom: 0.6em;
	display: block;
}

.fieldDescriptionBesideLeft {
	width:40%;
	padding-left: 10%;
	text-align: right;
	font-size: 12pt;
	vertical-align: top;
	padding-bottom: 0.6em; 
}

.fieldDescriptionBesideRight {
	width:39%;
	padding-right: 10%;
	text-align: left;
	font-size: 12pt;
	vertical-align: middle; 
	display: inline-block;
	overflow: auto;
	padding-bottom: 0.6em;
}

.fieldDescriptionM2M {
	display: inline-block;
	width: 695px;
	vertical-align: top;
	text-align: justify;
	font-size: 12pt;
	padding-bottom: 0.6em;	
}

.labelHidden {
	visibility: hidden;
	width: 0%;
	font-size: 0%;
}

.labelexport {
    width: 50%;
    padding-right: 5px;
    font-weight: bold;
    font-size: 12pt;
    background: none;
    color: black;
    text-align: right;
    vertical-align: top;
    font-style: normal;
    height: 20px;
}

.valueexport {
    width: 50%;
    padding-left: 3px;
    font-weight: bold;
    font-size: 12pt;
    background: none;
    text-align: left
    color: black;
    font-style: normal;
    height: 20px;
}

.hide-datatable-header table thead tr th {
}
.hide-datatable-header-no-border table thead tr th {
	border: none !important;
}
.hide-datatable-header-no-border div table thead tr th {
	border: none !important;
}
.hide-datatable-header-no-border table tbody {
	border: none !important;
}
.hide-datatable-header-no-border div table tbody {
	border: none !important;
}
.hide-datatable-header-no-border div table tbody tr {
	border: none !important;
}
.hide-datatable-header-no-border div table tbody tr td {
	border: none !important;
}
.hide-datatable-footer table tfoot tr td {
}
.hide-datatable-footer-no-border table tfoot tr td {
	border: none !important;
}

.ui-picklist-list {
	height: 180px !important;
	width: 300px !important;
	display: block;
	border-radius: 0px;
	text-align: left;
}

.ui-picklist-source.ui-picklist-list .ui-picklist-target.ui-picklist-list.ui-state-hover {
	background: none !important;
	background-color: #0080ff !important;
	box-shadow: 0px;
	border-radius: 0px;
	color: white;
}

.selected-picklist .ui-picklist {
	display: block;
	padding: 0px 30px;
}

.selected-picklist .ui-picklist-list-wrapper .ui-picklist-list {
	border-radius: 0px;
	font-size: 1em;
	color: black;
	height: 200px !important;
	width: 100% !important;
}

.selected-picklist .ui-picklist-list-wrapper {
	display: block !important;
}

.selected-picklist .ui-picklist .ui-button {
	text-align: center;
}

.selected-picklist .ui-picklist-item {
	text-align: left;
}

.selected-picklist .ui-picklist .ui-picklist-caption {
	text-align: left;
}

.selected-picklist .ui-picklist .ui-picklist-filter {
	padding-right: 15px;
	box-sizing: border-box;
}

.selected-picklist .ui-picklist .ui-picklist-filter-container {
	position: relative;
	margin: 0;
	padding: 0;
}

.selected-picklist .ui-picklist .ui-picklist-buttons .ui-button-text {
	text-indent: unset;
	display: inline;
}

.selected-picklist .selected-picklist-size .ui-picklist-list-wrapper .ui-picklist-list {
	height: 100px !important;
}

.selected-picklist .selected-picklist-size .ui-picklist .ui-button {
	display: inline-block;
	padding: 0;
	margin: 12px .3em;
	width: 104px !important;
}


/* grantium-skin.css */
.g3-mainContainer {
	margin: 0.8em 1em;
	overflow: auto;
}

.g3-helpContainer {
	position: absolute;
	padding: 4px;
	border: 2px solid black;
	background-color: white;
	z-index: 900;
	overflow: auto;
}

#cn-head {
}

.g3-row {
/*	margin-bottom: 0.6em; */
	text-align: center;
	width: 100%;
}

.g3-instruction {
	margin-bottom: 0.25em;
	width: 100%;
}

#g3-profile-text {
	display: block;     
	padding: 4px 5px;
}

#g3-lang-icon {
	float: left;
	height: 33px;
	width: 24px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-left: 4px;
}

#g3-contact {
	position: relative;
	height: 42px;
}

#g3-workspace-text {
	display: block;     
	padding: 4px 5px;
}

#g3-login-user-text {
	height: 40px;
	margin-left:40px;
	width: 100%;
	position:absolute;
	top:8px;
}

#g3-header-help {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

#g3-header-help a:focus{
/*	background-color: blue; */
}

#g3-header-login-name {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

#g3-header-logout {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

#g3-header-logout a:focus {
/*	background-color: blue; */
}

#g3-home-icon {
	float: left;
	height: 33px;
	width: 24px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-left: 4px;
}

#g3-app-info {
	text-align: left;
	padding-bottom: 10px;
}

#g3-login-form input {
	display: inline-block;
	margin-bottom: 4px;
	margin-left: 8px;
}

#g3-login-form label {
	display: inline-block;
	margin-bottom: 4px;
	margin-left: 8px;
}

.g3-menu-spacer {
	float: left;
	height: 60px;
	width: 24px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-left: 4px;
}

.g3-tab-icon {
	text-align: center;
	width: auto;
}

.g3-associate-app {
	width: 22px;
	float: left;
	padding-left: 3px;
}

.g3-amend-cancel {
	width: 22px;
	float: left;
	padding-left: 3px;
}

.g3-amend-req {
	width: 22px;
	float: left;
	padding-left: 3px;
}

.g3-amend-view {
	width: 22px;
	float: left;
	padding-left: 3px;
}

.g3-open-form {
	width: 22px;
	float: left;
	padding-left: 3px;
}

.g3-labelField {
	display: inline-block;
	width: 49%;
				   
	text-align: right;
				   
					 
}

.g3-labelField a {
/*	color: blue; */
	text-decoration: underline;
	font-weight: normal;
}

.g3-labelFieldLeft {
	display: inline-block;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	margin-bottom: 0.25em;
}

.g3-labelFieldLeft a {
/*	color: blue; */
	text-decoration: underline;
	font-weight: normal;
}

.g3-labelFieldAbove {
	display: inline-block;
	width: 80%;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

.g3-labelFieldAbove a {
/*	color: blue; */
	text-decoration: underline;
	font-weight: normal;
}

.g3-valueField {
    display: flex;
    align-items: center;
	width: 49%;
	height:auto;
	text-align: left;
	vertical-align: middle;
}

.g3-valueField fieldset {
	display: inline-block;
}

.g3-textarea-help > a.fo-popover {
	margin-left: 0;
	margin-top: 8px;
}

.g3-dashTab {
	display: inline-block;
	text-align: left;	
	font-weight: bold;
	width: 100%;
}

.g3-gridRow {
	display: inline-block;
	position: relative;
	white-space: nowrap;
	font-size: 0;
}

.g3-gridField {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	padding-left: 5px;
	padding-right: 5px;
	min-height:20px;
}

.g3-gridDropdown {
}

.g3-line {
	display: inline-block;
	text-align: left;
}

.g3-errorField {
	width: 100%;
	text-align: left;					  
}

.g3-errorField ul {
	display: inline-block;
}

.g3-left {
	text-align: left;
}

.g3-left a:focus {
/*	background-color: blue; */
	color: white;	
}

.g3-center {
	text-align: center;
}

.g3-center a:focus {
/*	background-color: blue; */
	color: white;	
}

.g3-errorCenter {
	text-align: center;
}

.g3-errorCenter ul {
	display: inline-block;
}

.h1-inside {
	margin: 6px -2px 6px 0px;
	text-align: center;
	padding: 4px;
	background: none;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
}

.g3-errorSmall {
	color: #800000;
}

.g3-errorSmall ul {
	display: inline-block;
}

.g3-errorSmall li {
	text-align: left;
}

.g3-info {
	color: green;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}

.g3-listFooterBorder {
	background: none repeat scroll 0% 0% #EFEFEF;
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: 0px;
	color: black;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
}

.g3-listFooterBorder a:focus {
/*	background-color: blue;
	color: #ffffff; */
}

#g3-instr {
	border: 2px solid #C0C0C0;
	margin: 2px;
	padding-left: 3px;
	text-align: left;
}

.g3-letterBox {
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	padding: 2px;
	text-align: center;
}

.g3-table a:focus {
/*	background-color: blue;
	color: #ffffff; */
}

.g3-listColumnIcon {
	padding-right: 4px;
	text-align: center;
	width: 1%;
}

.g3-listColumn20 {
	width: 20%;
}

.g3-labelText {
	color: #FFFFFF;
	font-size: 0px;
	height: 0px;
	text-align: left;
	width: 0px;
}

.g3-centerTitle {
	font-weight: bold;
	text-align: center;
}

.g3-tab {
	font-size: 12pt;
	width: 100%;
}

.g3-tab-left {
	text-align: left;
}

.g3-tab-center {
	text-align: center;
}

.g3-emptyborder {
	border: medium hidden;
}

.g3-center-emptyborder {
	border: medium hidden;
	text-align: center;
}
.g3-labelField-SS {
	display: inline-block;
	padding-right: 4px;
	text-align: center;
	height: 20px;
}

.g3-SSImage {
	height: 24px;
	width: 1%;
	text-align: center;
	padding-right: 4px;
}

.g3-table {
	border: medium hidden;
	width: 100%;
}

.g3-letterBoxSelected {
	background: none repeat scroll 0% 0% gainsboro;
	color: black;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	padding: 2px 4px;
	text-align: center;
}

.g3-listFooterSelected {
	color: #000000;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
	text-align: center;
}

.g3-listFooterNoItems {
	background: none repeat scroll 0% 0% white;
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: 0px;
	color: black;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
}

.g3-fieldset {
	padding: 0pt 0px 0px;
}

.g3-emptyBorder {
	border: 0px none;
	text-align: center;
}

.g3-emphasizeCenter {
	display: block;
	text-align: center;
}

.g3-spanLeft {
	display: block;
	text-align: left;
}

.g3-scrollingGrid {
	overflow: auto;
	padding-bottom: 12px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: auto;		
}

q:before, q:after {
	content: "";
}

table {
	border-collapse: collapse;
	border-spacing: 0pt;
}

#pageContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#cn-skip-head {
	float: left;
	height: 0pt;
}

#cn-skip-head #cn-sh-link-1 {
	right: 50%;
}

#cn-skip-head ul {
	list-style-type: none;
	margin-top: -1.8em;
}

#cn-skip-head #cn-sh-link-1 {
	right: 50%;
}

#cn-skip-head li {
	position: absolute;
	top: 0pt;
	width: auto;
	z-index: 3;
}

#cn-skip-head a,#cn-skip-head a:link,#cn-skip-head a:visited {
	background-color: #fff;
	color: #000;
	font-weight: bold;
}

.cn-invisible,.cn-show-onfocus,#cn-skip-head a,#cn-skip-head a:link,#cn-skip-head a:visited,#cn-left-col h2,#cn-right-col h2,#cn-foot h2 {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px ! important;
	margin: 0pt ! important;
	overflow: hidden ! important;
	position: absolute;
	width: 1px ! important;
}

#cn-skip-head a {
	display: inline-block;
	padding: 5px;
	width: 100%;
	text-decoration: none;
}


#cn-head,#cn-head-inner,#cn-foot,#cn-foot-inner,#cn-gcnb,#cn-banner,#cn-psnb,#cn-bc,#cn-gcft,#cn-sft,#cn-gcnb-inner,#cn-banner-inner,#cn-psnb-inner,#cn-bc-inner,#cn-gcft-inner,#cn-sft-inner{
	overflow: visible;
}

#cn-head,#cn-cols,#cn-foot,#cn-head-inner,#cn-gcnb,#cn-banner,#cn-psnb,#cn-bc,#cn-foot-inner,#cn-gcft,#cn-sft{
	width: 100%;
	min-width: 800px;
}

#cn-cols {
	min-height: 450px;
	min-width: 800px;
	position: relative;
	top: 60px;
	overflow:visible;
}

#cn-foot {
}

#cn-cols-inner:after {
	clear: both;
	content: ".";
	display: block;
	height: 0pt;
	visibility: hidden;
}

#cn-cols-inner {
	overflow: visible ! important;
}

#cn-cols-inner,#cn-gcnb-inner,#cn-banner-inner,#cn-psnb-inner,#cn-bc-inner,#cn-gcft-inner,#cn-sft-inner {
	margin: auto;
	width: 100%;
}

.equalize {
	margin-bottom: 0pt ! important;
}

#cn-body-inner-2col #cn-centre-col {
	margin-left: 200px;
}

#cn-body-inner-2col {
	position: absolute;
	left: 0px;
	right: 0px;
	min-height: 100%;
}

#cn-body-inner-2col #cn-centre-col-inner,#cn-body-inner-2col-right #cn-centre-col-inner{
	width: 100%;
}

#cn-centre-col-inner {
	padding-bottom: 1em;
	padding-top: 1px;
}
.cn-centre-col-inner ul {
	display: inline-block;
}

#cn-centre-col-inner>:first-child {
	margin-top: 0pt;
}

#cn-left-col {
	background-color: #AFAEB3;
	min-height: 400px;
	padding-top: 4px;
	width: 176px;
	font-size: 12pt;
	border-bottom: #AFAEB3 solid 4px;
	float: left;
}

#centre-col, #cn-right-col {
	display: inline;
}

#cn-left-col-inner {
	background-position: right top;
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-right: 4px;
	width: 172px;
}

.cn-left-col-default ul {
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 4px;
	width: 164px;
	border-bottom: solid 1px #AFAEB3;
	padding-top: 8px;
	padding-bottom: 8px;
}

#cn-left-col li {
	display: block;
    margin: 0;
    padding: 6px;
    text-align: left;
}

.cn-left-col-default a.nav-current,.cn-left-col-default a.nav-current:link,.cn-left-col-default a.nav-current:visited{
	cursor: auto;
	text-decoration: none;
}

.cn-left-col-default a.nav-current:hover{
	cursor: auto;
	text-decoration: underline;
}

.cn-left-col-default li a {
	padding: 2px;
}

.cn-left-col-default li a:focus{
/*	background-color: blue;
	color: #ffffff; */
}

.cn-left-col-default li a:link,.cn-left-col-default li a:visited {
	text-decoration: none;
}

section {
	word-wrap: break-word;
}

.g3-menu-section-dark {
	border-top: none !important;
	padding: 0px;
	background: none !important;
}

.g3-menu-section-item-dark {
	padding: 2px !important;
	background: none !important;
	font-weight: 8pt !important;
}

.g3-menu-section-light {
	border-top: none !important;
	padding: 0px;
	background: none !important;
}

.g3-menu-section-item-light {
	text-align: left !important; 
	background: none !important;
	font-weight: 8pt !important;;
}

fieldset ul {
    list-style: none;
}

.g3-m2mLabelField {
	font-weight: bold;
	vertical-align: top;
	padding-left: 10%;
	padding-right: 10%;
	text-align: justify;
}

.g3-m2mCheckListField {
	display: flex;
	height: auto;	
	vertical-align: middle;
	width: 100%;
}

.g3-m2mCheckListItems {
	text-align: left;
}

.g3-m2mCheckListHelp {
	display: inline-block;
	vertical-align: top;
}

.g3-checkbox {
	 display: inline-block;
	 vertical-align: top;
	 margin-left: 160px;
	 width: 100%;	 
}

.globalMessages {
	display: inline-block;
}

.ui-outputlabel-rfi {
	display: none !important;
}