body {
	font-family: Lato, 'Helvetica Neue',Helvetica,Arial,sans-serif; 
	font-size:10pt;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	margin: 3px;
}

.portWidth {
	width: 1000px;
	text-align: left;
}

.marginLeft50To10 {
	margin-left: 10px;
}

@media (min-width: 1000px) {
	.portWidth {
		width: 1000px;
	}
	
	.marginLeft50To10 {
		margin-left: 70px;
	}

	body {
		font-size: 11pt;
	}
}

@media (min-width: 900px) {
	.portWidth {
		width: 900px;
	}
	
	body {
		font-size: 10pt;
	}
	
	.marginLeft50To10 {
		margin-left: 20px;
	}
	
	.screenOption {
		margin-right: 20px;
	}
	
	.screenList {
		margin-top:8px; 
	}

}

@media (min-width: 1200px) {
	.portWidth {
		width: 1200px;
	}
	
	body {
		font-size: 11.5pt;
	}
}

@media (min-width: 1500px) {
	.portWidth {
		width: 1500px;
	}
	
	body {
		font-size: 11.5pt;
	}
}

.axMore:hover i {
	color: black;
	border-radius: 10px;
}

.axMore:hover {
	color: black;
	border-radius: 10px;
}

.axMore {
	width: 1.2em;
	height: 1.2em;
	border: 1px solid white;
	border-radius: 10px;
	background-color: #f0f0f0;
}
.axMore i {
	color: #a0a0a0;
	font-size: 0.9em;
}

.axMoreMenu ul li a {
	font-weight: normal;
}

.editCommands a div i {
	opacity: 0.5;
	font-size: 1.2em;
}

.recDetDropdown {
	opacity: 0.6;
	font-size: 1.2em;
}

.editCommands a div i:hover {
	opacity: 1;
}

.recDetDropdown:hover {
	opacity: 1;
}

.inlineExpand {
	color: #606060 important!;
}

.inlineExpand:hover {
	color: black;
}

.qaButton {
	display: inline-block;
	padding: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 2px;
	top: -2px;
	margin-right: 5px;
	border: solid 1px #cfd0d9;
	height: 18px;
	position: relative;
	vertical-align: middle;
	border-radius: 4px;
}


.layoutTableLink {
	opacity: 0.8;
}

.qaButton:hover {
	border: 1px solid gray;
	background-color: #cfd0d9;
	cursor: pointer;
}

.expandEmbed {
	letter-spacing: 1px;
	color: #404040 important!;
}

.qeAdd {
	background-color: #deb77b;
	opacity: 0.85;
}

.digSigInfo {
	display: block;
	padding: 10px;
	background-color: green;
	color: white;
	font-weight: bold;
	border-radius: 5px;	
}

.digSigVerify {
	display: inline-block;
	padding: 5px;
	background-color: #77AD76;
	border-radius: 5px;
	margin-left: 10px;
}

.actionButtonTitle {
	opacity: 0.8;
}

.createFindLinks {
	opacity: 0.6;
	padding-top: 5px;
}

.screenList {
	margin-left:5px; 
	margin-top:20px; 
	border-radius: 5px; 
	padding: 2px; 
	text-align:left; 
	font-weight:normal;
	border-collapse: separate;
	border-spacing: 10px;
	overflow: hidden;
	white-space: nowrap;
	width: 1000px;
}

.screenOption {
	color: black;
	margin-right: 20px;
	opacity: 0.5;
	height: 1.3em;
}

.screenOption a {
	color: black;
	text-decoration: none;
}

.screenOption a:hover {
	color: black;
	text-decoration: none;
}

.screenOption:hover {
	border-bottom: dotted gray 1px;
}

.screenOptionSelected {
	border-bottom: solid gray 1px;
}

.screenOptionSelected:hover {
	background-color: #f0f0f0;
}

.helpIcon:hover {
	color: black;
	cursor: pointer;
	padding-left: 10px;
}

.helpIcon {
	color: #E0E0E0;
	padding-left: 10px;
}

.globalHelpIcon:hover {
	color: black;
	cursor: pointer;
}

.globalHelpIcon {
	color: #505050;
	display:  inline-block;  
	font-size: 1.9em; 
	margin-right: 5px; 
	vertical-align:  middle;
}

.helpText {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 1.1em;
	background-color: #f0f0f0;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	letter-spacing: 1px;
	line-height: 1.3em;
	width: 100%;
	display: inline-block;
	border: 1px solid silver;
	border-radius: 5px;
	color: #031052;
}

#helpClose {
	display: inline-block;
	text-align: right;
	float: right;
	margin-right: 7px;
	font-size: 1.2em;
	cursor: pointer;
}
#helpNext {
	display: inline-block;
	text-align: right;
	float: right;
	margin-right: 7px;
	font-size: 1.2em;
	cursor: pointer;
}
#helpPrev {
	display: inline-block;
	text-align: right;
	float: right;
	font-size: 1.2em;
	margin-right: 7px;
	cursor: pointer;
}
#helpPrev:hover {
	cursor: pointer;
}
#helpNext:hover {
	cursor: pointer;
}

.helpText h1 {
	font-size: 1.1em;
	margin-top: 0px;
}

.switchBox {
	background-image: none;
	background-color: #f2f2f5;
	cursor: pointer;
	border-radius: 0px;
	filter: none;
}

.switchBox:hover {
	background-image: none;
	cursor: pointer;
}

.isOn {
	background-image: none;
	background-color: #f3f3f6;
}

.switchBox .switch_1 {
	background-color: silver;
}

.switchBox .switch_2 {
	background-color: white;
}

.navRecTitle {
	font-weight:bold; 
	font-size:1.3em;
}

.navListTitle {
	margin-bottom: 10px;
	font-size: 0.9em; 
	font-weight:normal; 
	text-decoration: none
}

a:link
{
	color: black; 
	text-decoration: none;
}
a:visited
{
	color: black;
	text-decoration: none;
} 
a:active 
{
	color: black;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
	color: rgb(0,0,64);
}


html {
   -ms-text-size-adjust: none;
}

.fullWidth {
	width: 100%;
}

#navDiv {
	margin-top: 10px;	
}

#quicklinks {
	text-align: right;
	display: inline-block; 
}

#apptitle {
	text-align: right;
	opacity: 0.6;
}

#quicklinksText a {
	text-decoration: none;
	color: navy;

}
#quicklinksText {
	vertical-align: middle; 
	display: block; 
	font-size: 0.8em;
	height: 45px;
	margin-top: 5px;
	opacity: 0.8;
}

#banner {
	text-align: left;
}

.listTitle {
	opacity: 0.8;
}

.bannerColor {
	background-color: #f3f3f6;
	color: white;
	padding-top: 5px;
}

body {
	margin: 0px;
}

.screenBackground { 
	background-color: white;
}


.bodyBackground {
	background-color: #f6ecdc;
/*
//	background-color: #e7ca9e;
//	background-image: -webkit-gradient(linear,left 0,left 100%,from( #f6ecdc),to(#e7ca9e));
//	background-image: -webkit-linear-gradient(top,#f6ecdc 0,#e7ca9e 100%);
//	background-image: -moz-linear-gradient(top,#f6ecdc 0,#e7ca9e 100%);
//	background-image: linear-gradient(to bottom,#f6ecdc 0,#e7ca9e 100%);
//	background-repeat: repeat-x;	
//	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6ecdc',endColorstr='#e7ca9e',GradientType=0);
*/
	
	
}

.tabsBackground {
	background-color: #deb77b;

	border-bottom: 1px solid white;
	
	display: block;
	white-space: nowrap;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-weight: bold;
}

.copyright {
	margin-top: 20px;
	margin-left: 10px;
	display: block;
	float: left;
	opacity: 0.7;
}

.editions { 
	font-size: 0.8em;
	margin-top: 20px;
	margin-bottom: 50px;
	display: block;
	float: right;
	text-align: right;
}

.fieldGroup
{
}

.fieldGroup #title
{
/*	background: #f3f3f6;
	background: -moz-linear-gradient(left,  #f3f3f6 0%, white 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3f3f6), color-stop(100%,white)); 
	background: -webkit-linear-gradient(left,  #f3f3f6 0%,white 100%); 
	background: -o-linear-gradient(left,  #f3f3f6 0%,white 100%); 
	background: -ms-linear-gradient(left,  #f3f3f6 0%,white 100%); 
	background: linear-gradient(to right,  #f3f3f6 0%,white 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white',endColorstr='#e7e7ec',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f6', endColorstr='#FFFFF0',GradientType=1 ); */

	
	color: #909090;
	
	display: inline-block; 
	margin-top:8px; 
	margin-left: -1px; 
	font-size:1.1em; 
	font-weight: bold;
	letter-spacing: 1px;
}

.editIcon 
{
	font-size: 1.2em;
	font-weight: normal;
}

.fieldGroup #title:hover
{
	color: black;
}

.editLink:hover
{
	background-color: #ffffff;
	color: black;
	text-decoration: none;
}

.editLink 
{
	font-size: 1.2em;
	color: gray;
}

.gotoMore :hover
{
	background-color: Silver;
	color: Black;
}

#apptitle {
	color: black;
	font-weight: bold;
}

.actionButton 
{
	padding: 5px;
	margin-top: 0.4em;
	font-weight: normal;
	background-color: #e7a866;
	background-image: -webkit-gradient(linear,left 0,left 100%,from( #efc79d),to(#e7a866));
	background-image: -webkit-linear-gradient(top,#efc79d 0,#e7a866 100%);
	background-image: -moz-linear-gradient(top,#efc79d 0,#e7a866 100%);
	background-image: linear-gradient(to bottom,#efc79d 0,#e7a866 100%);
	background-repeat: repeat-x;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc79d',endColorstr='#e7a866',GradientType=0);
	border: 2px solid #e7a866;
	font-size: 1.04em;
}

.actionButton:hover
{
	font-weight: normal;
	background-color: #efc79d;
	background-image: none;
	border: 2px solid #e7a866;
	text-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc79d',endColorstr='#efc79d',GradientType=0);
}


.qeFields input {
	margin-left: 10px;	
}

.qeFields select {
	margin-left: 10px;	
}

.appTab {
	font-size: 1.1em;
	font-weight: normal;
	margin-left: 4px;
	margin-right: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	letter-spacing: 0.02em;
}

.workflowToolbar
{
	background-color: #f3f3f6;
	color: #25262f;
}

.workflowToolbar a
{
	color: black;
}

.workflowToolbar td:hover
{
	color: black;
	background-color: #cfd0d9;
}

.workflowToolbar td
{
	color: #cfd0d9;
}

.orgChartItem .title
{
	cursor: pointer;
	color: black;
}

.orgChartItem td
{
	color: #25262f;
}

.orgChartItem 
{
	background-image: -webkit-gradient(linear,left 0,left 100%,from( #e7e7ec),to(#f3f3f6));
	background-image: -webkit-linear-gradient(top,#e7e7ec 0,#f3f3f6 100%);
	background-image: -moz-linear-gradient(top,#e7e7ec 0,#f3f3f6 100%);
	background-image: linear-gradient(to bottom,#e7e7ec 0,#f3f3f6 100%);
	background-repeat: repeat-x;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7ec',endColorstr='#f3f3f6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	
	color: #25262f;
	border: solid 2px #cfd0d9;
	border-radius: 5px;
}

#quicklinksText a
{
	color: #25262f;
}

#quicklinksText a:hover
{
	color: black;
	text-decoration:underline;
}

.appTitle 
{
	font-size: 2.3em;
	-webkit-font-smoothing: antialiased;
	color: #25262f;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}

.infopop {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	color: #3a87ad;
	font-size: 1.1em;
	margin-top: 20px;
	margin-bottom: 7px;
	border-radius: 3px;
}

.infopop a {
	font-weight: bold;
	color: #3a87ad;
}

.infopop a:hover {
	font-weight: bold;
	color: #3a87ad;
	text-decoration: underline;
}

.infopoptext {
	display: block;
	float: left;
	margin-left: 10px;	
	width: 90%;
	vertical-align: middle;
}

.infopopimage {
	display: block;
	float: left;
}

.errorMessage 
{
	border-radius: 5px;
	background-color: #f2dede;	
	border: solid 1px #ebccd1;
	color: #b94a48;
	padding: 10px;
	width: 98%;
	margin-bottom: 10px;
	font-weight: normal
}

.activeTab {
	top: 1px;
	position:relative;
	padding-left: 5px;
	padding-right: 5px;
	display: inline; 
	width: 0%; 
	border-top: 1px solid #cfd0d9;
	border-top-left-radius: 0.3em;
	border-top-right-radius: 0.3em;
	border-left: 1px solid #cfd0d9;
	border-right: 1px solid #cfd0d9;
	border-bottom: 1px solid white;
	background-color: white;
	font-weight: bold;
	font-size: 1.1em;
	color: #25262f;
}

.autoexpandTabs {
	font-weight: normal;
	text-align: center;
	color: black;
	padding-right: 3px;
	padding-top: 3px;
	font-size: 1.0em;
	padding-bottom: 0px;
}

#warnCheck 
{
	display: none;
}

.space {
	opacity: 0.8;
}

#warnButton
{
	font-size: 0.8em;
	border: solid 1px gray;
	background-color: #f3f3f6;
}

.autoexpandTabs div {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	margin-left: 3px;
	margin-right: 3px;
	color: gray;
	padding: 3px;
	
}

.autoexpandTabs td {
	margin-left: 5px;
	margin-right: 5px;
}

.autoexpandTabs .selected .buttonTab {
	position: relative;
	background-color: #e7e7ec;
	color: black;
	border-radius: 10px;
	opacity: 0.8;
}

.buttonTabTD:hover div {
	color: black;
}

.autoexpandTabs .selected {
}

.dropdownButton {
	height: 1.4em;
	margin-top: -3px;
	vertical-align: middle;
	position: relative;
	margin-left: 1px;
	background-color: #f3f3f6;
	padding: 2px;
	display: inline-block;
	width: 1.1em;
	border-radius: 3px;
	border: solid 1px gray;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.dropdownButton:after 
{
	content: "...";
}

.dropdownButton:hover {
	background-color: #cfd0d9;
}

.dropdownButton 
{
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
 }

input:disabled
{
	background-color:#e7e7ec;
}

input[type="submit"]:hover
{
	background-color: #2A5786;
	background-repeat: repeat-x;
	border: 2px solid black;
	color: white !important;
	-webkit-font-smoothing: antialiased;
	border-radius: 5px;
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;

	font-weight: bold !important;

  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}

input[type="submit"]
{
	background-color: #6987A6;
	background-repeat: repeat-x;
	border: 2px solid #456596;
	color: white !important;
	-webkit-font-smoothing: antialiased;
	border-radius: 5px;
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;

	font-weight: bold !important;

  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}

.menuDropdown:hover {
	background-color: #cfd0d9;
	border: solid 1px #cfd0d9;
}

.menuDropdown {
	padding: 5px;
	background-color: white;
	font-weight: normal;
	margin-left: 5px;
	display: inline-block;
	border: solid 1px #cfd0d9;
	border-radius: 5px;
	cursor: pointer;
}



button {
	background-color: #cfd0d9;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f6", endColorstr="#e7e7ec");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#f3f3f6), to(#e7e7ec));
	background-image: -moz-linear-gradient(top, #f3f3f6, #e7e7ec);
	background-image: -ms-linear-gradient(top, #f3f3f6, #e7e7ec);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f6), color-stop(100%, #e7e7ec));
	background-image: -webkit-linear-gradient(top, #f3f3f6, #e7e7ec);
	background-image: -o-linear-gradient(top, #f3f3f6, #e7e7ec);
	background-image: linear-gradient(#f3f3f6, #e7e7ec);
	border-color: #f3f3f6 #f3f3f6 #e7e7ec;
	color: black !important;
	-webkit-font-smoothing: antialiased; 
	 /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23); */
	-webkit-font-smoothing: antialiased; 
	border-radius: 5px;
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;

	font-weight: normal;
}

button:hover {
	background-color: #f3f3f6;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfd0d9", endColorstr="#cfd0d9");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#cfd0d9), to(#cfd0d9));
	background-image: -moz-linear-gradient(top, #cfd0d9, #cfd0d9);
	background-image: -ms-linear-gradient(top, #cfd0d9, #cfd0d9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfd0d9), color-stop(100%, #cfd0d9));
	background-image: -webkit-linear-gradient(top, #cfd0d9, #cfd0d9);
	background-image: -o-linear-gradient(top, #cfd0d9, #cfd0d9);
	background-image: linear-gradient(#cfd0d9, #cfd0d9);
	border-color: #f3f3f6 #f3f3f6 #cfd0d9;
	color: black !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
	border-radius: 5px;
	
	font-weight: normal;
}

.grid {
	border: 1px solid #cfd0d9;
}

.grid td {
	padding-top: 4px;
	padding-bottom: 4px;
}

.grid .header {
	padding:3px; 
	background-color:#e7e7ec;
}

.grid .header td a {
	color: black;
	opacity: 0.6;
	padding-top: 5px;
	padding-bottom: 5px;
}

.grid .row {
	padding-left:3px; 
	padding-right:3px; 
	padding-top:3px; 
	font-weight:normal; 
	cursor:pointer; 
}

.grid .previewRow {
	padding-left:3px; 
	padding-right:3px; 
	font-weight:normal; 
	cursor:pointer; 
}

.grid .stripe {
	background-color: #f2f2f5;
}

.grid .hover {
	background-color: #e6e7eb !important;
	color: black !important;
}

.inactiveTab {
	padding-left: 5px;
	padding-right: 5px;
	display: inline; 
	width: 0%; 
	opacity: 0.85;
}

.inactiveTab:hover {
	background-color: #f3f3f6;
	color: #25262f;
}

.tutorialTable {
	border-radius: 10px; border: 1px solid #FFE46D; box-shadow: 8px 8px 5px #f0f0f0; width: 80%; font-weight: normal; font-size:1.0em; background-color:#FFFBDE; padding: 10px; border-spacing: 5px 5px;
	letter-spacing: 1px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 7px;
}

.tutorialTable .mainTitle {
	color: #337ab7;
}

.tutorialTable .tutorialTitle1 {
	padding: 2px; font-weight:normal; padding: 3px; border-bottom: 1px none black; font-weight:normal; font-size: 1.2em;
	color: #101010;
}

.tutorialTable .quitLink {
	font-size: 0.7em;
	color: gray;
	
}

.tutorialTable .description {
	font-weight: normal; 
}

.tutorialTable .step {
	padding-top: 10px;
}

.tutorialTable .stepTitle {
	color: #101010;
}

.tutorialTable .stepDescription {
	font-weight:normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
}

.tutorialTable .fieldName {
	font-weight: bold; 
	text-decoration: none;
	margin-left: 10px;	
}

.tutorialTable .tasks {
	/* padding-top: 15px; */
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: bold;
}

.tutorialTable .taskLink {
	list-style-type: none;
}

.tutorialTable .relatedTuts {
	font-size: 0.8em; font-weight: normal; padding-left: 0px;
}	

.tutorialTable .relatedLink {
	color:black; font-weight:bold;
}

.tutorialTable .formFill {
	margin-top: 5px;
	margin-bottom: 0px;
}

.tutorialTable .tutorialArrow {
	color: #135792;
	cursor: pointer;
}
.tutorialTable .tutorialArrow:hover {
	text-decoration: underline;
}

.homeTitle {
	border-bottom: 1px dotted gray;
}