/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
 
 
 
 @media print
{
    #non_printable_print_button { display: none; }
	
	
    .nonprintingelement { display: none;}
}


 td .highlighted { 
  background-color: #FF99FF;
}


.QPageSize600x400 {
  height: 400px;
  width: 600px;
  overflow: hidden;
  top: 50vh !important;
  margin-top: -200px;
  left: 50vw !important;
  margin-left: -300px;
  }
  
  
.table_cell_sum, .alt_table_cell_Sum, .ttcs, .tatcs { /* data grid data container */
	padding: 5px;
	color: #666666;
	vertical-align: top;
	font-family: Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #ffffff;
	font-weight:bold
	}
	
	.field_value, .fv { /* field value */
	font-family: Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 0px;
	}
	
.watermarked, .wfi { /* watermarked input textbox */
	font-family: Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 10px;
	color: #FF0040;
	background-color: #eeeeff;
	border-top: 1px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	}
	
.line-separator{
	height:1px;
	width: 1px;
  	border-bottom: 1px #555555 solid;
}
.divider-vertical-second-menu{
   height: 40px;
   width: 1px;
   margin: 0 5px;
   overflow: hidden;
   background-color: #DDD;
   border-right: 2px solid #FFF;
}
.global_field_label_on_side, .gfls { /* field lable on side */
	color: #003366;
	font-family: Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 4px 5px 4px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	}
	
.global_title, .gti { /* Global Title Bar */
	font-family: Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5ABAED;
	padding: 4px 4px 5px 4px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	}
	
.global_field_value, .gfv { /* field value */
	color: #003366;
	font-family: Tahoma, Geneva, ms sans serif;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 4px 5px 4px;
	text-align: right;
	}

.global_field_input, .gfi { /* input textbox */
	color: #003366;
	font-family: Tahoma, Geneva, ms sans serif;
	font-size: 14px;
	background-color: #eeeeff;
	border-top: 1px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	}
	
	.GBPStable_cell, .GBPSalt_table_cell, .GBPSttc, .GBPStatc { /* data grid data container */
	padding: 5px;
	color: #666666;
	vertical-align: top;
	font-family: Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 16px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color:  #5ABAED;
	}

.ticswb { /* data grid select checkbox container selected state */
	background-color: #e5f2ff;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	color: #444444;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.tichb { /* data grid right-most row button container (when no select checkbox is present) */
	background-color: #ffffff;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	color: #444444;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.tichhb { /* data grid right-most row button container (when no select checkbox is present) highlighted state */
	background-color: #336699; 
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	color: #444444;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.ticshb { /* data grid right-most row button container (when no select checkbox is present) selected state */
	background-color: #e5f2ff;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	color: #444444;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.icon_cell_empty, .tice { /* data grid row button container (when no row button is present) */
	background-color: #ffffff;
	border-bottom: 1px #cccccc solid;
	width: 0px;
	}

.icon_cell_highlighted_empty, .tiche { /* data grid row button container (when no row button is present) highlighted state */
	background-color: #336699; 
	border-bottom: 1px #cccccc solid;
	width: 0px;
	}

.icon_cell_selected_empty, .ticse { /* data grid row button container (when no row button is present) selected state */
	background-color: #e5f2ff;
	border-bottom: 1px #cccccc solid;
	width: 0px;
	}
			
.table_cell, .alt_table_cell, .ttc, .tatc { /* data grid data container */
	padding: 5px;
	color: #666666;
	vertical-align: top;
	font-family: Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 12px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color:  #ffffff;
	}
	

.table_cell_highlighted, .alt_table_cell_highlighted, .ttch, .tatch { /* data grid data container highlighted state */
	padding: 5px;
	color: #ffffff;
	vertical-align: top;
	font-family: Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 12px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #336699; 
	}

.table_cell_selected, .ttcs { /* data grid data container selected state */
	padding: 5px;
	color: #666666;
	vertical-align: top;
	font-family: Tahoma,Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 12px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #e5f2ff;
	}
.global_table_cell, .glb_alt_table_cell, .gttc, .gtatc { /* data grid data container */
	padding: 5px;
	color: #000000;
	vertical-align: top;
	font-family: Tahoma,Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 12px;
	text-align: left;
	border-top: 2px #cccccc double;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color:  #FFFFAA;
}
.global_header, .gh { /*Global Header */
	color: #FFFFFF;
	background-color:  #336699;
	font-family: Tahoma,Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 6px 6px 6px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	}
	
	.global_header_Double, .ghd { /*Global Header */
	color: #FFFFFF;
	background-color:  #336699;
	font-family: Tahoma,Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom-style: double;
	padding: 6px 6px 6px 6px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	}

	.global_dialog_header_text, .gdht { /* Global panel header title text */
	color: #000000;
	font-family: Tahoma, Verdana, Geneva, ms sans serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	height: 30px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	background-color:  #FFFFFF;
	}

.global_dialogHeaderEdgeL, .gdhel { /* panel header left edge */
	width: 12px;
	background-color:  #FFFFFF;
	}

.global_dialogHeaderEdgeR, .gdher { /* panel header right edge */
	width: 12px;
	background-color:  #FFFFFF;
	}

.global_dialogHeaderIcon, .gdhi { /* panel header add/edit/show icon container */
	padding-top: 6px;
	vertical-align: middle;
	width: 0px;
	}
	
	.global_dialogHeaderBackground, .gdhb {
	background-color:  #FFFFFF;
	}

@media Print
{
#non_printable_print_button{display:none:}
.nonprintingelement {display: none}
}

.line-separator{
height:1px;
background:#717171;
border-bottom:1px solid #313030;
}


.global_spacer, .gs { /*Global Header */
	height:20px
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	}

/**********************************************************************
 * AJAX Modal Popup Control Styles                                    *
 **********************************************************************/
.modalPopup {
	background-color:#eeeeee;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Geneva, ms sans serif;
	font-size: 12px;
	height: 35px;
	padding: 10px; 
	position:absolute;
	text-align: center;
	top:-1000px;
	vertical-align: center;
	width: 200px;
	}