/* UI stylesheets */	

body{
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;	
}	

input, select{
	background: GhostWhite;	
	margin: 5px 1px 3px 0px;
	padding: 3px;
	border: 1px solid #BDBDBD;			
	background-repeat: no-repeat;			
	background-position: 2px 2px; 			
}

input[type=text]
{
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
 
input[type=text]:focus
{
  box-shadow: 0 0 5px #0A6F8C;
  border: 1px solid #0A6F8C;
}

textarea {
	background: GhostWhite;
	margin: 2px;
	padding: 3px;	
	border: 1px solid #BDBDBD;	
}	

ul{
	list-style-type: none;
	margin-left: 5px;
	padding: 0px;		
}

dot{
	list-style-type: disc;
	margin-left: 10px;
	padding-left: 10px;		
}		

label{
	cursor: pointer;
}

#searchbox:hover{
	border: 2px solid #E6F1F4;
}

#f_today:hover{
	background: #E6F1F4;
	color: #0A6F8C;			
}

#f_user:hover{
	color: #0A6F8C;			
}

#user_caldr:hover{
	border: 1px solid #0A6F8C;
}

#DSIssue{
	margin-top: 15px;
}

.HTAG{
	cursor: pointer;
	color: #0A6F8C;
}

.HTAG:hover{
	font-weight: bold;
}

.infoLevel{
	background-color: #A5D6A7 !important;						
}

.updateLevel{
	background-color: #90CAF9 !important;			
}

.warningLevel{
	background-color: #FFF59D !important;			
}

.warning2Level{
	background-color: #FFCC80 !important;			
}

.warning3Level{
	background-color: #EF9A9A !important;			
}

.errorLevel{
	background-color: #CE93D8 !important;			
}

.OK{
	color: #009900 !important;
}

.Warning{
	color: #FF9900 !important;
}

.Fail{
	color: #CC0000 !important;
}

.isHidden{
	display: none !important;
}

.selected{
	background-color: #E6F1F4;
	border: 1px solid #0A6F8C;
	color: #0A6F8C;
}

.deleted{			
	filter: brightness(60%);
	text-decoration: line-through;
}

.locked{			
	color: #6E6E6E;
}

.mainColorBold{
	color: #0A6F8C;
	font-weight: bold;
	margin-right: 1.5em;
}

.pane{
	overflow: hidden;
	border: 2px solid #0A6F8C;
	color: #0A6F8C;				
	font-weight: bold;
	background: #FFFFFF;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;										
}

.tool{
	position: relative;
	float: right;
	height: 70px;
	margin-right: 0px;
	text-align: right;
	background: #FFFFFF;	
	color: #0A6F8C;			
}

.handle{
	cursor: pointer;
	padding: 5px;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;				
}	

.handle:hover{
	cursor: pointer;
	border: 1px solid #0A6F8C;
}

.eu_msg, .lu{
	display:none;
}

/* Upload widget */

.enhancedUpload{
	overflow: auto;
	width: 400px;
	height: 120px;
	margin: 10px;
	padding: 10px;
	text-align: center;
	border: 2px dotted #0A6F8C;
	color: #0A6F8C;
}

.enhancedUpload #eu_upload{
	display: none;
}

.enhancedUpload.is-dragover{
	border: 2px dotted #00FF00;
}

.enhancedUpload.verified{

} 

.enhancedUpload.verified #eu_dragndrop{
	display: inline;
} 

.enhancedUpload.is-uploading #eu_idle{
	display: none;
}

.enhancedUpload.is-uploading #eu_upload{
	display: inline;
}

/* UI helpers */

.exp{
	cursor: pointer;
	color: #000000;
}

.exp:hover{
	color: #0A6F8C;
}

#Z_Header2 .xMenu{
	cursor: pointer;
	padding-right: 0.5em;
	color: #FFFFF;
	font-weight: bold;
}		

#Z_Footer .xMenu{
	cursor: pointer;
	padding-right: 0.5em;
	color: #0A6F8C;
	font-weight: bold;
}	

#Z_Header2 .xMenu:hover{
	color: #E6F1F4;	
}		

#Z_Footer .xMenu:hover{
	color: #B90762;	
}	

.xLabel{
	padding-right: 0.5em;
	margin-left: 0.5em;
	border-right: 1px solid;	
}

.toolitem{
	display: inline-block;
	cursor: pointer;
	position: relative;		
	float: right;
	padding: 5px 10px;
	text-align: center;	
	border: 1px solid #FFFFFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;									
}

.toolitem:hover{
	border: 1px solid #0A6F8C;
}

.treebutton{
	flex: 0 0 60px;
	position: relative;
	padding-top: 20px;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	text-align: center;
}

.treewin{
	flex: 1 auto;
	overflow: hidden;			
	white-space: nowrap;
	position: relative;
	float: left;			
	height: 115px;
	border: 2px solid #0A6F8C;
	background: #FFFFFF;			
	padding: 3px 3px 0px 0px;		
	vertical-align: middle;	
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;					 		
}

.TVButton:hover{
  -moz-box-shadow: 0 0 5px #0A6F8C;
  -webkit-box-shadow: 0 0 5px #0A6F8C;
  box-shadow: 0px 0px 5px #0A6F8C;
}
}

.context{
	display: none;
	position: relative;
	overflow: hidden;
	margin: 5px;
	padding: 2px;
	width: 120px;
	color: #0A6F8C;			
	background: #FFFFFF;
	border: 2px solid #0A6F8C;			
}

.context li{
	background: #FFFFFF;
	border: 1px solid white			
}

.context li:hover{
	background: #E6F1F4;
	border: 1px solid #0A6F8C;			
}

.term {
	flex: 1 auto;
	overflow: auto;
	box-sizing: border-box;
	margin: 0 5px;
	padding: 2px;
	width: 80%;
	border: 1px solid #BDBDBD;
	font-size: 10px;
	font-weight: bold
}

.btnRun {
	cursor: pointer;
	margin: 0 5px;
	padding: 2px;
	background: #FFFFFF;	
	border: 1px solid #BDBDBD;	
}

.btnRun:hover {
	background: #E6F1F4;	
}

.btnHelp {
	position: relative;
	margin-left: 5px;
	top: 4px;
	cursor: pointer
}

#overlay {
	display: none;
	z-index: 10000;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -100px;
	width: 200px;
	height: 80px;
	padding-top: 30px;
	text-align: center;	
	background: #FFFFFF;			
	color: #0A6F8C;
	font-weight: bold;
	border: 2px solid #0A6F8C; 
	box-shadow: 10px 10px 5px #B0B0B0;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;			
}

#overlay img {
	display: block;
	margin: 0 auto;
}

#overlay span {
	display: block;
	margin: 15px auto;
	width: 100%;	
	font-size: 15px;
	text-align: center;
}

/* Generic dropdown menus */

.dropdown{
  position: relative;
  display: inline-block;
  float: right;
}

.dropdownButton{
	cursor: pointer;
	display: block;
	clear: both;	
	right: 0;
}

.dropdownContent{
  display: none;
  position: absolute;
  right: 0;
  padding: 0.5em;
  background-color: #FFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px #0A6F8C;
  z-index: 200;
	border: 1px solid #146E8C;
}

.dropdownContent ul{
	padding: 0.1em;
	border-bottom: 1px solid #0A6F8C;				
}

.dropdownContent ul:last{
	border: none;				
}

.dropdownContent li{
	cursor: pointer;
	margin-bottom: 0.1em;
	padding: 0.25em;
	height: 18px;
	line-height: 18px;
	border: 1px solid #FFFFFF;				
}

.dropdownContent li:hover{
	background: #E6F1F4;
	border: 1px solid #0A6F8C;			
}

.dropdownContent li img{				
	vertical-align: middle;
	margin-right: 1em;	
}

.detailLoad{
	overflow: hidden;
	padding: 10px 150px 150px 10px;
}

.entityconst{
	display: none;
	overflow: hidden;			
}

.entitydetail{
	overflow: auto;
}

.detailHead{
	z-index: 90;
  /*position: -webkit-sticky; /* Safari */
  /*position: sticky; */
  background-color: #FFF;
  padding: 1em;  
	border-bottom: 1px solid #DDDDDD;  
}

.usr_group{
	position: relative;
	display: inline-block;
	overflow: hidden;			
	table-layout: fixed;
	white-space: normal;
	width: auto;
	height: auto;			
	border: 2px solid #0A6F8C;
	background: #FFFFFF;
	margin-left: 5px;
	font: 1em arial;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;							
}

.usr_group th{
	background: #0A6F8C;
	color: #FFFFFF;			
	padding: 0px;
  text-transform: uppercase;
}	

.entity{
	position: relative;
	display: inline-block;
	white-space: normal;
	word-wrap: normal;
	vertical-align: middle;
	padding: 1px;
	width: 105px;
	height: 108px;			
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	margin-left: 5px;
	cursor: pointer;
	font-size: 85%;
	font-weight: normal;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px #DDDDDD;	-webkit-box-shadow: 2px 2px 2px #DDDDDD; box-shadow: 2px 2px 2px #DDDDDD;
									
}

.entity:hover{
	-moz-box-shadow: 0 0 8px #0A6F8C;
	-webkit-box-shadow: 0 0 8px #0A6F8C;
	box-shadow: 0px 0px 8px #0A6F8C;
}		

.entity .header{
	display: block;
	height: 18px;
	width: 101px;
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	color: #0A6F8C;			
	padding: 1px 2px;
	font-weight: bold;
  text-transform: uppercase;
  text-overflow: ellipsis;
  cursor: move;	
}			

.entity .footer{
	display: block;
	height: 18px;
	width: 101px;
	background: #FFFFFF;
	color: #0A6F8C;			
	border-top: 1px solid #DDDDDD;
	position: absolute;
	bottom: 0;
	padding: 1px 2px;
	text-align: left;
	font-weight: bold;
  text-transform: uppercase;
}		

.entity .miniBody{
	overflow: hidden;
	max-height: 55px;	
	white-space: normal;
	word-break: normal;	
	word-wrap: break-word;
	text-align:left;		
	background: #FFFFFF;
	color: #0A6F8C;			
	padding: 3px;	
}	

.entity.selected{
	border: 1px solid #DDDDDD;
	-moz-box-shadow: 0 0 8px #0A6F8C;
	-webkit-box-shadow: 0 0 8px #0A6F8C;
	box-shadow: 0px 0px 8px #0A6F8C;
}

.treewin.underload .entity:hover{
	-moz-box-shadow: 0 0 8px #B90762;
	-webkit-box-shadow: 0 0 8px #B90762;
	box-shadow: 0px 0px 8px #B90762;
}		

.treewin.underload .entity.selected{
	border: 1px solid #DDDDDD;
	-moz-box-shadow: 0 0 8px #B90762;
	-webkit-box-shadow: 0 0 8px #B90762;
	box-shadow: 0px 0px 8px #B90762;
}

.w_ctrl:hover{
	color: #B90762;
}

.fldValErr{
	border: 1px solid #FF0000;
}

.auto_load{
	display: none;
}

.entgrp{
	position: relative;
	display: inline-block;
	table-layout: fixed;
	white-space: normal;									
	width: 105px;
	height: 110px;
	border: 2px solid #0A6F8C;
	background: #E6F1F4;
	margin-left: 5px;
	cursor: pointer;
	font-size: 85%;
	font-weight: normal;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;						
}

.entgrp:hover{
	-moz-box-shadow: 0 0 8px #0A6F8C;
	-webkit-box-shadow: 0 0 8px #0A6F8C;
	box-shadow: 0px 0px 8px #0A6F8C;
}	

.entgrp th{
	background: #0A6F8C url(images/ui-bg_highlight-soft_60_0a6f8c_1x100.png) 50% 50% repeat-x;
	color: #FFFFFF;
	padding: 0px;
	font-weight: bold;			
  text-transform: uppercase;
}

.links{
	overflow: auto;
	display: none;
	clear: both;
	height: auto;
	width: auto;
	min-height: 4em;
	max-height: 16em;
	padding: 5px;
	border: 1px solid #BDBDBD			
}

.ui-state-highlight{
	height: 1.5em;
	line-height: 1.2em;
}

.options{
	display: none;			
	overflow: auto;
	margin-left: 2px;
	padding: 5px;
	max-height: 50em;			
	border: 1px solid #BDBDBD;
}

.optionsList{
	overflow: auto;
	padding: 5px;
	max-height: 12em;	
	max-width: 20em;				
	border: 1px solid #BDBDBD;
}

.attributes{
	padding-left: 0px;
	margin-left: 1.5em;
	list-style-type: none
}		

.quickList{
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;			
	margin-top: 0px;
	padding: 2px 4px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;	
	color: #000000;
	font-size: 11px;
	cursor: pointer			
}

.quickList:hover{
	background: #E6F1F4;
	border: 1px solid #0A6F8C;			
}

.logData {
	white-space: pre;
}

/* Data model stylesheets */	
		
.DM_Level{
	overflow: hidden;			
	margin-left: 5px;
	margin-top: 5px;			
	padding: 0px;
	border: 1px solid #BDBDBD;
	background-color: #FFFFFF;
}

.DM_Types{	
	float: left;
	height: 99%;
	width: 250px;					
}

.DM_Attributes{
	float: left;
	height: 99%;
	width: 350px;						
}

.DM_Properties{
	float: left;
	height: 93%;
	width: 350px;						
}

.DM_Properties .propsDiv{
	padding: 6px;
}

.propsDiv .propDiv{
	margin: 5px 0px 12px 0px;
}

.propsDiv .propDiv label, .propsDiv .propDiv input, .propsDiv .propDiv select, .propsDiv .propDiv span{	
	display: block;			
}

.propsDiv .modeInline label, .propsDiv .modeInline input{	
	display: inline;			
}

.propsDiv .propDiv label, .propsDiv .propDiv span{	
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
	color: #0A6F8C;
	margin-left: 3px;
	margin-bottom: 3px;
}

.propsDiv .propDiv label, .propsDiv .propDiv span{	
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
	color: #0A6F8C;
	margin-left: 3px;
	margin-bottom: 3px;
}

.propsDiv .DM_Icon{
	display: block;
	cursor: pointer;
}

.typesList{
	overflow: auto;
	padding: 5px;
	max-height: 20em;
	border: 1px solid lightgrey;
}

.users_list{
	display: none;
	overflow: auto;
	padding: 5px;
	max-height: 250px;
	border: 1px solid lightgrey;
}

.users_list label, .users_list span, .users_list input, .users_list select{
	display: inline !important;;
}

.genList label, .options span, .options input, .options select{
	display: inline !important;;
}

.ADT_Options{
	display: none;			
	overflow: auto;
	margin-left: 2px;
	padding: 5px;
	max-height: 50em;			
	border: 1px solid #BDBDBD;
}

.DM_AI{
	float: left;		
	height: 5%;
	width: 350px;						
}						

.DM_Head{			
	margin: 2px 2px 5px 2px;
	padding: 0px 3px;
	width: auto;
	height: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background: #0A6F8C;
}

.DM_Body{
	overflow: auto;	
	padding: 0px 3px;	
	height: 93%;				
}

.DM_Item{	
	overflow: hidden;		
	margin: 2px 2px 5px 2px;
	padding: 0px 6px;
	width: auto;
	height: 4em;
	line-height: 25px;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #E6F1F4;
	font-weight: bold;
	border: 1px dashed #BDBDBD;
}

.DM_Item:hover{
	border: 1px solid #0A6F8C;
}

.DM_Item_selected{
	border: 1px solid #B90762;
}

.DM_Button{
	cursor: pointer;
	float: right;
	padding: 1px;
	margin-top: 2px;
	background: #E6F1F4;
	border: 2px solid #E6F1F4;													
}	

.DM_Button:hover{
	border: 2px solid #B90762;
}

.DM_Icon{
	float: right;
	padding: 1px;
	margin-top: 4px;
	margin-right: 4px;
}	



/* Generic buttons stylesheets */

/* Small button */
.sButton{
	cursor: pointer;
	padding: 5px;
	background: #E6F1F4;
	border: 1px solid #0A6F8C;	
	width: auto;	
	font-weight: bold;
	text-align: center;
	color: #0A6F8C;								
}	

.sButton:hover{
	background: #0A6F8C;
	color: #FFFFFF;
}			

/* border reactive button */
.tMenu{
	margin: 3px 0px;
	padding: 1px;
	height: 16px;
	width: auto;
}

.tButton{
	cursor: pointer;
	margin-right: 4px;
	padding: 3px;
	background: ;
	border: 1px solid #E6F1F4;
	height: auto;	
	width: auto;	
	font-weight: bold;
	text-align: center;
	color: #0A6F8C;								
}

.tButton:hover{
	border: 1px solid #146E8C;				
}

/* High visibility button */
.hvButton{
	cursor: pointer;
	padding: 5px;
	background: #B90762;
	border: 1px solid #B90762;	
	width: auto;	
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;								
}	

.hvButton:hover{
	background: #0A6F8C;
	color: #FFFFFF;
}	

/* Entities detail stylesheets */

.TAG{
	
}

.attHidden{
	display: none;
}

.colorBox{
	float: left;
	margin: 1px;
	width: 15px;
	height: 15px;
	border: 1px solid #FFFFFF
}

.item_hover_border{
	border: 1px solid #B90762;		
}

.text_field{
	padding-left: 22px;
	background-image: url("../img/lock_unlock.png");
}

.text_field[readonly]{
	padding-left: 22px;
	background-image: url("../img/lock.png");
}

.text_field[readonly]:focus{
	background-image: url("../img/lock.png");
}		

.text_field:focus{
	background-image: url("../img/pencil.png");
}	

.text_field.processing{
	background-image: url("../img/wait.gif");
}	

.text_field{
	margin-right: 1em;
}

.listMenu,
.typeGroup{
	color: #0A6F8C;
	font-weight: bold; 
	padding: 3px;	
	height: 1.4em;
}

.typeGroup{
	background: #E6F1F4; 
	margin-bottom: 2px;
}

.listMenu.isUp{
	border: none;
	background: #FFFFFF;
}

.listMenu.isDown{
	display: none;
	border: 1px solid #BDBDBD;
	background: #E6F1F4; 
}

.listMenu span{
	float: left;
	cursor: pointer;
	padding: 2px 4px;
}

.typeGroup span{
	float: left;
	padding: 2px 4px;
}

.typeGroup .toggle{
	cursor: pointer;
	padding: 2px 2px 2px 4px;	
}

.listMenu span:nth-of-type(n+2),
.typeGroup .optButton{
	float: right;
	cursor: pointer;
}

.listMenu span:hover,
.typeGroup .toggle:hover,
.typeGroup .optButton:hover{
	background: #0A6F8C;
	color: #E6F1F4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;	
}

.groupMsg{
	margin: 3px;
	padding-left: 12px;
	color: #B90762;
	font-weight: bold	
}

.safety_field{
	padding-left: 22px;
	background-image: url("../img/forbidden.png");
	background-repeat: no-repeat;			
}

.safety_field_OK{
	padding-left: 22px;
	background-image: url("../img/ok.png");
	background-repeat: no-repeat;			
}

/* Text areas stylesheets */

.text_area{
	overflow: auto;	
	min-height: 3em;
	max-height: 20em;	
	width: 98%;
	min-width: 40em;
	height: 20em;
	margin: 2px 0px;
	background: #FFF;
	color: #000;
	border: 1px solid #BDBDBD;	
	font-family: "Calibri", "Verdana", "Arial", sans-serif;
	font-size: 1.2em;
	font-weight: normal;					
}

.fText_area{
	cursor: text;
	overflow: auto;
	max-height: 20em;	
	width: 98%;
	min-width: 40em;	
	margin: 2px 0px;
	padding: 3px 12px 3px 3px;			
	width: 400px;	
	min-height: 50px;					
	height: auto;
	background: #FFF;
	color: #000;
	border: 1px solid #BDBDBD;	
	font-family: "Calibri", "Verdana", "Arial", sans-serif;
	font-size: 1.2em;
	font-weight: normal;					
}

.rText_area{
	overflow: auto;
	margin: 2px 0px;
	padding: 3px 12px 3px 3px;			
	width: 98%;
	min-width: 40em;	
	min-height: 50px;		
	height: auto;
	background: #FFF;
	color: #000;
	border: 1px solid #BDBDBD;	
	font-family: "Calibri", "Verdana", "Arial", sans-serif;
	font-size: 1.2em;
	font-weight: normal;					
}

.text_editor{
	overflow: auto;
	margin: 2px 0px;
	padding: 3px 12px 3px 3px;			
	height: 94%;
	min-height: 20em;		
	width: 98%;	
	min-width: 40em;	
	background: #FFF;
	color: #000;
	border: 1px solid #BDBDBD;	
	font-weight: normal;					
} 

/* Messages stylesheets */
		
.codeline{
	width: 50em;
	height: 1.5em;
	border: none;
	border-bottom: 1px solid lightGray;
}

.codeline:focus{
	background: #A9D0F5;
}	

.msgZone{
	width: 95%;
	height: auto;
	margin: 1em 0;
	padding 0px;			
}			

.msgBox{	
	width: 100%;				
	font: bold 12px arial;									
}

.wipMsg{		
	background: #FFFFFF;
	color: #0A6F8C;	
	line-height: 20px;					
	background-image: url("../img/wait.gif");
	background-repeat: no-repeat; 			 
	background-position: 3px 2px;	
	padding-left: 20px			 				
}

.doneMsg{		
	background: #FFFFFF;
	color: #0A6F8C;	
	line-height: 20px;					
	background-image: url("../img/ok.png");
	background-repeat: no-repeat; 			 
	background-position: 3px 2px;	
	padding-left: 20px			 				
}

.infoMsg{		
	background: #FFFFFF;
	color: #0A6F8C;	
	line-height: 20px;					
	background-image: url("../img/Info.png");
	background-repeat: no-repeat; 			 
	background-position: 3px 2px;	
	padding-left: 24px			 				
}                

.warningMsg{								
	background: #FFFFFF;
	color: #0A6F8C;
	line-height: 20px;									
	background-image: url("../img/warning_orange.png");	
	background-repeat: no-repeat; 			 
	background-position: 3px 2px;	
	padding-left: 24px							 	 
} 

.successMsg{		
	background: #FFFFFF;
	color: #009900;	
	line-height: 20px;					
	background-image: url("../img/ok_green.png");
	background-repeat: no-repeat; 			 
	background-position: 3px 2px;	
	padding-left: 24px			 				
} 

.errorMsg{									
	background: #FFFFFF;
	color: #B90762;	
	line-height: 20px;
	font-weight: bold;								
	background-image: url("../img/warning_red.png"); 
	background-repeat: no-repeat; 			 
	background-position: 3px 2px;	
	padding-left: 24px											 
} 		

.infoWidget{
	cursor: pointer;
	margin-left: 5px;
}

.winLogCount{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: -8px;
	padding: 1px;
	font-weight: bold;
	color: #0A6F8C;
	background-color: #FFF
}

.winLogCount.warn{
	color: #FF0000;
}

/* Special effects */

.glowBorderRed
{
  box-shadow: 0 0 5px #B90762;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;  
  border: 1px solid #B90762;	
}

/* TBA stylesheets */ 
                
div.sc_menu_wrapper{
  position: relative;   
  height: 500px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 90px;

  margin-top: 30px;
  overflow: auto;
}

div.sc_menu{
  padding: 15px 0;
}

.sc_menu a{
  display: block;
  margin-bottom: 5px;
  width: 60px;

  border: 2px rgb(79, 79, 79) solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  /* When image support is turned off */
  color: #fff;
  background: rgb(79, 79, 79);  
}
/*
.sc_menu a:hover{
  border-color: rgb(130, 130, 130);
  border-style: dotted;
}

.sc_menu img{
  display: block;
  border: none;
}
*/

/* Swimlanes stylesheets */

.pool {
	table-layout: fixed;
  border-collapse: collapse;
}

.pool thead, .pool thead th {
  position: sticky;
  top: 0;
  z-index: 15;
  background: #0A6F8C;
  color: #FFFFFF;
  font-weight: bold;
}

.pool .entity {
	margin: 0px;
	margin-top: 10px;
}

.pool td, .pool th {
  vertical-align: top;
  min-width: 109px;
  max-width: 109px;
}

.pool th {
	height: 34px;
}

.pool td{
  padding: 10px;
  border: 2px solid #0A6F8C;
}

/* Treeview stylesheets */

.treeWrapper  {
	overflow: auto;
	display: block;
	float: left;
  white-space: nowrap;	
  width: 80%;
  height: 100%;
  text-align: center;
	font-size: 12px;
	font-family: 'Calibri', 'Verdana', 'Arial', sans-serif;
	font-style: normal;
	font-weight: bold;  
}

.treeLegend {
	display: block;
	float: right;
	white-space: nowrap;
	width: 19%;
	height: 100%;
	margin: 0;
	font-size: 12px;
	font-family: 'Calibri', 'Verdana', 'Arial', sans-serif;
	font-style: normal;
	font-weight: bold;
}

.legendItems {
	padding: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.legendItems:before {
	content: attr(aria-label);
	font-size: 120%;
	font-weight: bold;
	color: #0A6F8C;
}

.treeZone ul {
	display: flex;
	align-self: center;
	padding: 0;
	margin: 0;
}

.treeZone.vdisp ul {
  flex-direction: row;
}

.treeZone.hdisp ul {
  flex-direction: column;
}


.treeZone li {
  display: flex;
  position: relative;
}

.treeZone.vdisp li {
  flex-direction: column;
}

.treeZone.hdisp li {
  flex-direction: row;
}

.treeZone.vdisp ul.dirUp li {
  flex-direction: column-reverse;
  align-self: flex-end;   
}

.treeZone.vdisp ul.dirDn li {
  flex-direction: column;
  align-self: flex-start;  
}

.treeZone.hdisp ul.dirUp li {
  flex-direction: row-reverse;
  align-self: flex-end;    
}

.treeZone.hdisp ul.dirDn li {
  flex-direction: row;
  align-self: flex-start;   
}

.treeZone .entity {
  position: relative;
  align-self: center;  
}

.treeZone.vdisp .entity {
  margin: 20px 5px;
}

.treeZone.hdisp .entity {
  margin: 5px 20px;
}

.treeZone li::before,
.treeZone li::after,
.treeZone .entity::before,
.treeZone .entity::after {
	box-sizing: border-box;
  content: '';
  position: absolute;
  border: 0px solid #CCCCCC;
}

.treeZone.vdisp .entity::after,
.treeZone.vdisp .entity::before {
  border-left-width: 2px;
  width: 2px;
  height: 20px;
  left: calc(50% - 1px);  
}

.treeZone.vdisp .entity::before {
	top: -21px;
}

.treeZone.vdisp .entity::after {
  bottom: -21px;
}

.treeZone.vdisp ul.dirDn li:not(:only-child)::before {
  border-top-width: 2px;
  width: 100%;
  height: 20px;
  top: 0px;
}

.treeZone.vdisp ul.dirDn li:first-child::before {
	width: calc(50% + 1px);
  right: 0;
  border-left-width: 2px;
  border-top-left-radius: 7px;
}

.treeZone.vdisp ul.dirDn li:last-child::before {
	width: calc(50% + 1px);
	border-right-width: 2px;
	border-top-right-radius: 7px;
}

.treeZone.vdisp ul.dirDn li:first-child:not(:only-child) > .entity::before,
.treeZone.vdisp ul.dirDn li:last-child:not(:only-child) > .entity::before {
  border-left-width: 0px;
}

.treeZone.vdisp ul.dirUp li:not(:only-child)::after {
  border-bottom-width: 2px;
  width: 100%;
  height: 20px;
  bottom: 0px;
}

.treeZone.vdisp ul.dirUp li:first-child::after {
	width: calc(50% + 1px);
  right: 0;
  border-left-width: 2px;
  border-bottom-left-radius: 7px;
}

.treeZone.vdisp ul.dirUp li:last-child::after {
	width: calc(50% + 1px);
	border-right-width: 2px;
	border-bottom-right-radius: 7px;
}

.treeZone.vdisp ul.dirUp li:first-child:not(:only-child) > .entity::after,
.treeZone.vdisp ul.dirUp li:last-child:not(:only-child) > .entity::after {
  border-left-width: 0px;
}

.treeZone.hdisp .entity::after,
.treeZone.hdisp .entity::before {
  border-top-width: 2px;
  height: 2px;
  width: 20px;
  top: calc(50% - 1px);  
}

.treeZone.hdisp .entity::before {
	left: -21px;
}

.treeZone.hdisp .entity::after {
  right: -21px;
}

.treeZone.hdisp ul.dirDn li:not(:only-child)::before {
  border-left-width: 2px;
  height: 100%;
  width: 20px;
  left: 0px;
}

.treeZone.hdisp ul.dirDn li:first-child::before {
	height: calc(50% + 1px);
  bottom: 0;
  border-top-width: 2px;
  border-top-left-radius: 7px;
}

.treeZone.hdisp ul.dirDn li:last-child::before {
	height: calc(50% + 1px);
	border-bottom-width: 2px;
	border-bottom-left-radius: 7px;
}

.treeZone.hdisp ul.dirDn li:first-child:not(:only-child) > .entity::before,
.treeZone.hdisp ul.dirDn li:last-child:not(:only-child) > .entity::before {
  border-top-width: 0px;
}

.treeZone.hdisp ul.dirUp li:not(:only-child)::after {
  border-right-width: 2px;
  height: 100%;
  width: 20px;
  right: 0px;
}

.treeZone.hdisp ul.dirUp li:first-child::after {
	height: calc(50% + 1px);
  bottom: 0;
  border-top-width: 2px;
  border-top-right-radius: 7px;
}

.treeZone.hdisp ul.dirUp li:last-child::after {
	height: calc(50% + 1px);
	border-bottom-width: 2px;
	border-bottom-right-radius: 7px;
}

.treeZone.hdisp ul.dirUp li:first-child:not(:only-child) > .entity::after,
.treeZone.hdisp ul.dirUp li:last-child:not(:only-child) > .entity::after {
  border-top-width: 0px;
}

.treeZone.dirDn .lastItem > .entity::after {
  display: none;
}

.treeZone.dirUp .lastItem > .entity::before {
  display: none;
}	

.treeZone .root > .entity::before,
.treeZone .collapsed > .entity::after {
  display: none;
}

/* Stacked nodes */

.treeZone.vdisp.dirDn li.vertical > ul {
  flex-direction: column;
  align-items: flex-start;
  margin: 0 5px;
  position: relative;
}

.treeZone.vdisp.dirDn li.vertical > ul > li > .nodecontent {
  margin: 10px 0 0 10px;
}

.treeZone.vdisp.dirDn li.vertical > ul::before {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: -2px;
  left: 10px;
  height: 10px;
  width: calc(50% - 19px);
  border-top: 2px solid #CCCCCC;
}

.treeZone.vdisp.dirDn li.vertical > .nodecontent::after {
  border-width: 0 2px 2px 0;
  border-bottom-right-radius: 7px;
  width: 10px;
  left: auto;
  right: calc(50% - 1px);
}

.treeZone.vdisp.dirDn li.vertical > ul > li::before {
  border-width: 0 0 0 2px;
  left: 0px;
  height: 100%;
  width: 10px;
  border-radius: 0;
}

.treeZone.vdisp.dirDn li.vertical > ul > li:first-child::before {
  top: -2px;
  height: calc(100% + 2px);
  border-top-width: 2px;
  border-top-left-radius: 7px;
}

.treeZone.vdisp.dirDn li.vertical > ul > li:last-child::before {
  height: calc(50% + 6px);
  border-bottom-width: 2px;
  border-bottom-left-radius: 7px;
}

.treeZone.vdisp.dirDn li.vertical > ul > li > .nodecontent::before {
  height: 2px;
  width: 8px;
  top: calc(50% - 1px);
  left: -8px;
  border-width: 2px 0 0 0;
}

.treeZone.vdisp.dirDn li.vertical > ul > li:last-child > .nodecontent::before {
  display: none;
}

/* Grid View Stylesheet */
.attributeDef.flink
{
	cursor: pointer;
}

/* Stacked papers stylesheet */

.papers, .papers:before, .papers:after
{
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
}

.papers
{
	position: relative;
	width: 50%;
	padding: 2em;
	margin: 50px auto;
}

.papers:before, .papers:after
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: rotateZ(2.5deg);
	-o-transform: rotate(2.5deg);
	transform: rotateZ(2.5deg);
	z-index: -1;
}

.papers:after
{
	-webkit-transform: rotateZ(-2.5deg);
	-o-transform: rotate(-2.5deg);
	transform: rotateZ(-2.5deg);
}

/* Reports stylesheet */

.rptHolder {
	margin: 1em;
	border: 1px solid #B0B0B0;
	box-shadow: 10px 10px 5px #B0B0B0;
}

.rptHead {
	margin-bottom: 1em;
	font-size: 12px;
	font-weight: bold;
}

.rptContent {
	margin: 1em 1em 2em 1em;
}

.rptClose {
	display: block;
	float: right;
	cursor: pointer;
	border: 1px solid #0A6F8C;
	padding: 0.25em;
	margin: 0.25em 0.25em 0.5em 0.25em;
}

.rptClose:hover {
	background: #0A6F8C;
	color: #FFFFFF;
}

/* Admin tools stylesheet */

.minput {
	overflow: auto;
	background: GhostWhite;
	width: 100%;	
	font: normal 1em arial;	
	margin: 0;
	padding: 3px;				
}	

.mtextarea {
	height: 100px;
}

.mbuttonholder {
	margin-top: 1.5em;
	height: auto;
}

.mbutton {
	display: inline-block;
	cursor: pointer;
	background: gray;
	border: none;	
	font: bold 1.25em arial;
	color: GhostWhite;					
	padding: 5px 10px;				
}

.mbutton:hover {
	background: #0F6991;			
}

.mlabel {
	display: block;
	text-align: left;
	margin-top: 1.25em;
	color: #0F6991;
	font: bold 1.25em arial;						
}

.moutput {
	overflow: auto;
	background: GhostWhite;
	margin-top: 0.5em;
	height: 200px;
	width: 100%;
	padding: 3px;
	border: 1px solid #BDBDBD;
	font: normal 1em arial;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}

/* Manual stylesheet */

.man-niv-1 {
  padding: 5px 0 5px 3em;
  list-style-type: none;
  color: #999;
  font: 12px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.man-niv-2 {
  padding: 5px 0 5px 6em;
  list-style-type: none;
  color: #999;
  font: 12px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;		
  font-weight: bold;
}

.man-niv-3 {
  padding: 5px 0 5px 9em;
  list-style-type: none;
  color: #999;
  font: 12px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;		
}

.man-toc {
	float: right;
	width: 30%;
	padding: 10px;
}

.man-content {
	float: left;
	width: 70%;
	padding: 10px;
	border: 1px solid #B0B0B0;
	box-shadow: 10px 10px 5px #B0B0B0;
}

.man-content-head {
	padding: 5px;
	border-bottom: 1px solid #B0B0B0;
}

.man-content-body {
	padding: 5px;
}

/* Overrides */

.editor-toolbar.fullscreen, .CodeMirror-fullscreen, .editor-preview-side { z-index: 101 !important; }