/*
air.css
by Codivus Corporation
Database-driven Web Application Developers
web: www.codivus.com
email: marcoinc@mac.com

Copyright (c) 2002-2020 Codivus Corporation

Some included components, such as including but not limited to
referenced images are part of the Amagavi Toolbox of components and code.
Developed independently.
Cannot be used without express written permission.

*/

.DeveloperOnly
{
	font-style:italic;
	color: red;
	background-color: transparent;
	font-size:0.8em;
	display: none;
}

body.ShowDeveloperOnlyElements .DeveloperOnly
{
	display: initial;
}

body.ShowDeveloperOnlyElements th.DeveloperOnly,
body.ShowDeveloperOnlyElements td.DeveloperOnly
{
	display: table-cell;
}		

/*

#footer #amagavi
{
	text-align: center;
	font-style: italic;
}

#footer #amagavi table
{
	border-collapse: collapse;
	border: 0;
}

#footer #amagavi table.center
{
	margin-left:auto;
	margin-right:auto;
}


#footer #amagavi table td,
#footer #amagavi table th
{
	border: 0;
	text-align: left;
}

#footer #amagavi img.amagaviLogo
{
	border: 0;
}

*/


.completionBar { 
	text-align: center;
	width: 5em; 
	border: .1em solid black;
	background-color:white;
	height: 1em;
}


.completionAmount {
	background-color:#ccf;
	height: 1em;
	text-align:center;
}



/* START: ShowHide functionality */
.hiddenTextForShowHide 
{
	display: none;
	border-top:0.1em solid #666;
	border-bottom:0.1em solid #666; 
}


div.ShowTransformLinkForDisplayedApps #ShowTransformLinksForAll .hiddenTextForShowHide
{
	display: none;
	border: 0px;
}

/* END: ShowHide functionality */



.universalInlineBlock {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
}

.addSubtractItemCell, .itemCell {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0.5em;
	padding-right: 0.5em;
}



.ItemPK
{
	font-size: .7em;
	font-style: italic;
	color: red;
	background-color: inherit;
}


	
div.ERXTabPanel .Tabs ul.TabItems
{
	padding:0;
	margin:0;
	list-style:none;
	margin-bottom: -3px;	/* makes the selected tab bleed into the content area; 
							Firefox 3.6.11 on Mac OS X 10.6 needs -3px for the bleed effect 
							Chrome 9.0.597.102 on Mac OS X 10.6 needs -2px 
							Safari v5.0.3 on Mac OS X 10.6 needs -2px 
							iCab v4.8.0 on Mac OS X 10.6 needs -2px
							Camino 2.0.6 on Mac OS X 10.6 needs -3px
							*/
}

.ERXTabPanel .Tabs ul.TabItems li.tab
{
	display:inline;	
}

.ERXTabPanel .Tabs ul.TabItems li.tab div
{
	display:inline;
	
	margin-right:0.2em;
	margin-left:0.2em;
	
	background-color:white;
	color: black;
	
	border-top: 0.1em solid gray;
	border-right:0.1em solid gray;
	border-left:0.1em solid gray;

	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;

	font-weight:bold;

}

.ERXTabPanel .Tabs ul.TabItems li.nonSelectedTab a
{
	text-decoration:none;	
}

.ERXTabPanel .Tabs ul.TabItems li.nonSelectedTab,
.ERXTabPanel .Tabs ul.TabItems li.nonSelectedTab a div
{
	display:inline;
}

.ERXTabPanel .Tabs ul.TabItems li.nonSelectedTab a div
{	
	margin-right:0.2em;
	margin-left:0.2em;
	
	background-color:#ccc;
	color: #666;
		
	border-top: 0.1em solid gray;
	border-right:0.1em solid gray;
	border-left:0.1em solid gray;

	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;
}

.ERXTabPanel div.TabContent
{
	margin-top: 0;
	padding-top: 0;
	border:0.1em solid gray;
	padding: 1em;
}


.multiChoiceScroller {
	max-height: 15em; overflow: auto;
}


.humanReadable {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#fff;
	background:#075698; 
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:linear-gradient(#2e88c4, #075698);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

	margin-left: 40px;
	white-space: normal;
	width: 70%;
}

.humanReadable:after {
	content:"";
	position:absolute;
	border-style:solid;
    display:block; 
    width:0;

	top:16px; 
	left:-40px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
	border-color:transparent #075698; 
}


/* AjaxTabbedPanel styling */

.ajaxTabbedPanel {
  width: auto;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0 0 20px;
}

.ajaxTabbedPanelTab-selected {
  display: inline;
  padding: 3px 7px 1px 7px;
  background: #ffffff;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
  margin-right: 0.5em;
}

.ajaxTabbedPanelTab-unselected {
  display: inline;
  padding: 2px 7px 0 7px;
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
  margin-right: 0.5em;
  color: #c0c0c0;
}

.ajaxTabbedPanelTab-selected a {
  font-weight: bold;
  font-size: 12pt;
  color: black;
  padding: 6px;
  text-decoration: none;
}

.ajaxTabbedPanelTab-unselected a {
  font-size: 10pt;
  padding: 6px;
  color: #a0a0a0;
  text-decoration: none;
}

.ajaxTabbedPanelPanes {
  width: 97%;
  padding-left: 0px;
  margin: 2%;
  min-height: 300px;
  overflow: auto;
}

.ajaxTabbedPanelPane-selected {
  list-style-type: none;
  display: block;
  padding: 10px;
}

.ajaxTabbedPanelPane-unselected {
  list-style-type: none;
  display: none;
}

/* end AjaxTabbedPanel styling */


.evaluatorManagement .ajaxTabbedPanelPanes {
	width: 100em;
}

/** START - Growler Notice Custom Styling **/
div.Growler-notice {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	width: 					30em;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	margin-left: 			auto;
	margin-right: 			auto;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	min-height: 			40px;
}

div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				14px;
}

div.Growler-notice-exit {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

/** Plain Theme **/
div.plain {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background-color: 		#EDEDED;
	border: 				1px solid #777;
}

div.plain div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	padding: 				2px 10px;
}

div.plain div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				0px;
	padding: 				0px 0px 2px 2px;
	width: 					10px;
	height: 				10px;
	color: 					#BFBFBF;
}
div.plain div.Growler-notice-body {
	padding: 5px;
}
/** END - Growler Notice Custom Styling **/


/** START - AjaxHoverable custom styling **/
/* copy of this is in AIS pagewrapper.css */

.showHoverable.erxHoverArea {
	margin-left: 18px !important;
}

.hiddenHoverableShield:before {
	content: "";
	left: -18px; 
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 16px;
}

.showHoverable.erxHoverArea:before {
	content: url(../img/information_symbol_16.png);
	left: -18px; 
	position: absolute;
}

.infoIconOnRight .showHoverable.erxHoverArea {
	margin-right: 18px !important;
}

/* here we flip the icon to the right by adding the class "infoIconOnRight" to the enclosing tag */

.infoIconOnRight .showHoverable.erxHoverArea {
	margin-left: 0px !important;
	margin-right: 24px !important;
}

.infoIconOnRight .hiddenHoverableShield:before {
	content: "";
	left: auto; 
	position: static;
	display: inline-block;
	width: auto;
	height: auto;
}

.infoIconOnRight .showHoverable.erxHoverArea:before {
	content: "";
	left: auto; 
	position: static;
}

.infoIconOnRight .hiddenHoverableShield:after {
	content: "";
	right: -24px; 
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 16px;
}

.infoIconOnRight .showHoverable.erxHoverArea:after {
	content: url(../img/information_symbol_16.png);
	right: -24px; 
	position: absolute;
}

/** END - AjaxHoverable custom styling **/




/** START - force display of scroll bars in Mavericks **/
/* safari, chrome */
.forceWebkitShowScrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.forceWebkitShowScrollbar::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.forceWebkitShowScrollbar::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

/** END - force display of scroll bars in Mavericks **/


/* as of 2023-0206 MAG currently developer-only */
a.SectionDataFill,
a.FormDataFill {
	display: inline-block;
	margin-left: 2em; 
}


div#ToggleDeveloperOnly a
{
	color: white;
	background-color: inherit;
}