/*Used for converted screens*/

/* same as profoundui.css */   
/* DIV.top-line {
  color: #FFFFFF;  
} */

/* didn't see any difference */
/* DIV.RI {
  color: black;    
} */

/*Reverse Color for error messages*/ /* nice look - field is yellow without */
.hybrid INPUT.RI { 
  background-color: #ff8080; 
  background-image: none;
}


/* didn't see any difference */
/* .hybrid DIV.RI {
  color: black; 
} */

/* Input Field Focus Color */ /* gives slight pale yellow background - easier to see where focus is */
 INPUT.hybrid-input:focus {
    background: #ffffdd;
    background-image: none;
} 

/*  need for fixed-space font and size - otherwise sans-serif/15px */
.hybrid .top-line {
  font-size: inherit;
  font-family: inherit;
}

/* MISD   */

/* Looks better bold */
 .top-line {
  font-weight: bold;
}  

/* css HI being removed from top-line widgets */
/* .top-line.HI {
  font-weight: normal;
} */

/* not needed - profoundui.css is same  */
/* INPUT.hybrid-input{
 font-family: consolas, monospace;  
} */

/* not needed - profoundui.css is same  */
/* .hybrid-output-field{
  font-family: consolas, monospace;  
} */


.hybrid-constant{
  /* font-family: consolas, monospace;  */  /* font-family not needed - profoundui.css is same  */
  font-weight: bold;
  /*font-size: 16px; */  /* use same font-size for labels */
}

/* css HI (green screen highlight) - default bold  */
INPUT.HI{
 font-weight: normal;  
}

/* not sure what this does */
DIV.outputField-grid{
  font-size:  12px;
  font-family: consolas, monospace;  
}

/* not sure what this does */
INPUT.input-grid{
  font-size:  12px;
  font-family: consolas, monospace;  
}

/* Rob set these up for new FIINQ grid  */
div.misd-tab > .pui-tablayout-body > div {
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
}

div.misd-tab > .pui-tablayout-hdr > span.selected-tab > span:nth-child(2){
	background-image:none;
	background-color: #f2f2f2;
	font-weight: bold;
}

div.misd-tab > .pui-tablayout-hdr > span:hover > span:nth-child(2){
	background-image:none;
	background-color: #ffffff;
}

div.misd-tab > .pui-tablayout-hdr > span > span:nth-child(2){
	background-image:none;
	background-color: #e6e6e6;
}

.ui-btn-up-c{
	background-color: #e6e6e6;
	background-image:none;
}
/*****************************************/

/* For output field in a grid header  */
/*  use hybrid-subfile-heading  */
/*  div.misd-grid-header {
    font-size: 11px;
    color: #ffffff;
    background-color: #0b72a9;
    background-repeat: repeat-x;
    text-align: center;
    font-weight: bold;
    font-family: Verdana;  
}  */

/* output field messages/errors  */
div.misd-message{
  font-weight: bold;
  font-style: oblique;
  /* color: #FFFFFF;*/
  color: #000000;
  background-color: #FF9933;
}

/*  screen sub-heading  */
div.misd-subheader{
  font-weight: bold;
  /* color: #FF9933;   fails ben's test */
/*  background-color: #3bb000;  */
  
  /*color: #FFFFFF;     */
  

  background-color: #4ce600;  
  color: #000000;     

  font-size: 17px;
}

/*  screen detail-heading  */
div.misd-detail-heading{
   font-weight: bold; 
  /* color: #FF9933;*/ 
   color: #000000;
 /* background-color: #3bb000  */
 background-color: #4ce600
}

/* Purple is the new pink  */
div.PNK{
  font-weight: bolder;
  /* color: #9933FF;*/
  color: #9900ff;  
}

/*   */
.hybrid DIV.RI{
  /* font-weight: bold; */
   background-color: #FF9933; 
}

/* program title  */
div.misd-title{
  font-weight: bold;
  color: #FFFFFF;
  font-size: 18px;
 /* font-family: consolas, monospace;  */
}

div.misd-textarea{
  font-family: consolas, monospace;
  font-size: 14px;
}

/* for grid footer stuff Ex: Auto Select */
div.misd-gridfooter{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
}

/* Colored numeric output - not in a grid  */
div.misd-output{
  font-weight: bold;
 /* font-family: consolas, monospace; */
 /* font-size: 14px; */
  /* color: #666666;  failed Ben's test  */
  color:#000000;
  /*background-color: #33FF66;   */
  background-color: #d9d9d9; 
}


/* Inquiry output not in grid  */
div.misd-inquiry-output{
  font-family: consolas, monospace;
  font-weight: bold;
  font-size: 14px;
  color:#404040;
  background-color:#D3D3D3; 
}


/* div.hybrid-output-field{ 
  font-weight: bold;  
}  */

/* Subfile grid output fields - different EX:  net amount */
div.misd-grid-output-diff{
  font-weight: bold;  
  font-family: consolas, monospace; 
  font-size: 14px;
  color: blue;
}

/* Hybrid   */
div.hybrid-output-field {

  /*  border: 1px solid #cccccc;   */
  
}

/* Crystal Grid used for grids to match textarea - WCAuth */
 div.crystal-grid .header-cell{  
   font-family: sans-serif;  
   font-size: 14px;           
   color:#0050b0;           
}

/* CSS for Crystal Grids */
/* used for grids to match text area WCAuth */

.misd-grid {
  z-index: 9;
}

.misd-grid .cell {
  font-family: Verdana;
  font-size: 13px;
  text-align: center;
}

.misd-grid .header-cell {
  font-size: 14px;
  color: #0050b0;
  background-color: #cddef3;
  background-image: url('../images/grids/crystal/header.png');
  background-repeat: repeat-x;
  text-align: center;
  font-weight: bold;
}

.misd-grid .header-cell div {
  text-align: center;
}

.misd-grid .odd {
  color: #555555;
  background-color: #efefef;
}

.misd-grid .even {
  color: #555555;
  background-color: #fcfcfc;
}

.misd-grid .odd INPUT.PR {
  color: #555555;
}

.misd-grid .odd INPUT.PR-UL {
  color: #555555;
}

.misd-grid .even INPUT.PR {
  color: #555555;
}

.misd-grid .even INPUT.PR-UL {
  color: #555555;
}

.misd-grid .selected {
  color: #ffffff;
  background-color: #6699cc;
}

.misd-grid .hover {
  color: #555555;
  background-color: #cbe2ff;
  background-image: url('../images/grids/crystal/hover.png');
  background-repeat: repeat-x;
}