/**********************************************************************
 * Styles.css for the Sylloge.org web site                            *
 *                                                                    *
 * Style sheet customized for the sylloge.org web site and takes      *
 *       takes priority over BaseStyles.css                           *
 *                                                                    *
 *  8 Jun 2008 - Initial file by Chris Hopkins                        *
 * 11 Nov 2009 - Updated to ISD 6.2.1 changes                         *
 * 17 Aug 2010 - 6.2.1 file moved to 7.0.2 version of app             *
 *  7 Oct 2010 - Added img.centered style                             *
 * 27 Nov 2010 - Reorganized and updated                              *
 *  9 Mar 2011 - revised .rft to prevent wrapping of labels			  *
 * 26 Mar 2011 - audited styles to match 8.0.1 version of ISD         *
 * 12 Oct 2012 - audited styles to match 9.2.0 version of ISD         *
 * 28 Nov 2013 - added full width for click 10.2.0 version of ISD     *
 * 15 Aug 2014 - add Gallery Styles for version 11.0.1                * 
 *  8 Sep 2014 - modifed page nav control input textbox to right align* 
 * 10 Sep 2014 - modifed data grid column containers to provide an    *
 *				   empty column with right margin                     *
 * 14 Sep 2014 - modifed input textbox properties to fix Internet     *
 *				   Explorer 11 inability to support css resize        *
 * 18 Sep 2014 - changed overflow: auto to apply only to multi-line   *
 *				   textboxes due to Chrome and ISD 11 display issue   *
 * 19 Sep 2014 - rename ms sans serif to "Microsoft Sans Serif"		  *
 *			   - add sans-serif as generic style					  *
 * 20 Sep 2014 - added filter_button_cell_left, .filbcl				  *
 * 21 Sep 2014 - css font families added							  *
 *			   - increased opacity from .40 to .30					  *
 *			   - assume IE9+ used. Removed the meta page directive:	  *
 *				 "X-UA-Compatible" content="IE=7,8,9"				  *
 * 24 Sep 2014 - modified rollover popups to text-align left		  *
 * 15 Feb 2015 - Migrated to ISD v12, copied CSS from Sylloge Styles  *
 *																	  *
 * Use "javascript:alert(document.compatMode);" in URL address bar    *
 *       for a quick check of CSS rendering mode                      *
 *                                                                    *
 *  CAUTION: Some deprecated styles are still used due to migration   *
 *    from earlier releases of Iron Speed Developer in BaseStyles.css *
 *		Examples:													  *
 * 		pcT is used in 												  *
 *			Email.Master page, Email.xml,                             *
 *			HorizontalMenu.master, 									  *
 *			Print.master, Print.xml                                   *
 *			VerticalMenu.master                                       *
 *			ImportData.master                                         *
 *			SelectFileToImport.aspx                                   *
 *			ShowTblUsageTable.aspx                                    *
 *          etc.                                                      *
 *		pcC is a problem in ISD 11 where rollover popups are centered *
 *=====================================================================
 *
 *
 *
/*====================================================================*
   OVERRIDES FOR BASESTYLES.CSS                                       *
     Check after each upgrade for compatibility with original css     * 
 *=====================================================================
 *
/**********************************************************************
 * Panel Body Styles                                                  *
 *   Added overflow auto to handle IE11 and Chrome display problem    *
 *   with ghost vertical scroll bars (IE) and too tall textarea 	  *
 *   for single text input controls (Chrome)						  *
 **********************************************************************/
.dfv textarea { /* targets all multi-line textboxes contained within
					cells with the class "dfv" (all the <td>s which 
					contain field values in the AddRecord page should 
					have "dfv" as their class) */
	overflow: auto;
	}
/**********************************************************************
 * Pagination Styles                                                  *
 *     Nav control Input textbox modified so the input number is      *
 *     aligned right                                                  *
 **********************************************************************/
.Pagination_Input {
	text-align: right
	}
/**********************************************************************
 * Multi-level Menu Styles                                            *
 **********************************************************************/
.MLMsubmC a { display: block; } /* make MENUSUBITEM full width for click */
/**********************************************************************
 * Panel Body Styles                                                  *
 **********************************************************************/
.rangeFilterText, .rft { /* range filter label */
	font-weight: bold;
	padding-left: 4px;		/* New 6.2.1 padding-left: 6px;		*/
	padding-right: 4px;		/* New 6.2.1 padding-right: 6px;	*/
	white-space: nowrap;	/* prevent wraping of labels 		*/
	}
/**********************************************************************
 * Sign In Bar Styles                                                 *
 **********************************************************************/
.signInBarStatus { /* sign in bar status message text */
	/* align text to center below sign-in control  */
	text-align: center;
	}
/**********************************************************************
 * Table Rows Styles                                                  *
 **********************************************************************/
.header_cell, .header_cell_scrolling, .thc, .thcs {
	text-align: center; /* force the table column headers to center */
	}
.ticwb { /* data grid select checkbox container */
	text-align: center;
	}
.tichwb { /* data grid select checkbox container highlighted state */
	text-align: center;
	}
.ticswb { /* data grid select checkbox container selected state */
	text-align: center;
	}
/**********************************************************************
 * Page Background Styles                                             *
 *    Change to add 100% width										  *
 * NOT NEEDED IN IE11, FF32, Chrome 37 ????????						  *
 * set table to 100% width so Firefox 3.6 uses all of browser window  *
 **********************************************************************/
/*.pageBackground, .pBack { /* page content container 
	width: 100%;
	}   */
/**********************************************************************
 * Pagination Styles                                                  *
 **********************************************************************/
.prspace { /* pagination short buttons and navigation sections spacing */
	width: 0%;
	}
/**********************************************************************
 * AJAX Smooth Panel Update Styles                                    *
 **********************************************************************/
.ajaxUpdatePanel { /* AJAX smooth panel update screen overlay */
	/* increased opacity and handle Internet Explorer */
    /* filter:alpha(opacity=30); /* For IE8 and earlier */
	opacity: 0.30;
	}
/**********************************************************************
 * Gallery Styles                                                     * 
 **********************************************************************/
.galleryttc { /* gallery data grid data container */
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	}
/**********************************************************************
 * Detail Rollover Popup Styles                                       *
 *		As of ISD 11? the rollover popups are aligning center		  *
 **********************************************************************/
.detailRolloverPopup { /* detail rollover popup container */
	text-align: left;
	}	
/*
 *
 *
 *
/*=====================================================================
 * APPLICATION-SPECIFIC CSS NOT CONTAINED IN BASESTYLES.CSS			  *
 *	All styles following this header are not in the BaseStyles.css	  *
 ======================================================================*/
p {
	font-size: 12px;
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
}
ul {
	font-size: 12px;
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
}
li {
	font-size: 12px;
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
}
h1 {
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #660000;
	text-align: center;
	vertical-align: middle;
	background-color: inherit;
}
h2 {
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #666600;
	text-align: center;
	vertical-align: middle;
	background-color: inherit;
	background-image:url(../../Images/bg_page_white.gif);
	}
img.centered { /* main use is centering images in text as on help pages */
	display: block;   
	margin-left: auto;   
	margin-right: auto; 
}
.text_body, .tBody { /* text content container for Home and Help pages */ 
	background-color: #ffffff;
	background-image:url(../../Images/bg_page_white.gif); 
	color: #666666;
	border-bottom: 1px #888866 solid;
	border-left: 1px #888866 solid;
	border-right: 1px #888866 solid;
	border-top: 1px #888866 solid;
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
	font-size: 12px;
	text-align: left;
	width: 800px;
	padding: 10px;
	}
/**********************************************************************
 * Yellow zone on Coins page                                          *
 **********************************************************************/
.filter_button_cell_yellow, .filbcy { /* filter button container with yellow background */
	padding-bottom: 2px;
	padding-left: 9px;			/* New 6.2.1 padding-left: 9px;  */
	vertical-align: bottom;
	background-image:url(../../Images/bg_page_yellow.gif);
	}
.filter_area_yellow, .filay { /* filter label yellow background*/
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #f5f3cb;
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
	padding: 3px 6px 3px 6px;	/* New 6.2.1 padding: 4px 7px 4px 7px;  */
	background-image:url(../../Images/bg_page_yellow.gif);
}
.filter_area_left_yellow, .filly { /* don't use padding for non-label controls (was: padding: 3px 6px 3px 6px;) */
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #f5f3cb;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	background-image:url(../../Images/bg_page_yellow.gif);
}
/**********************************************************************
 * Filter/Search region                                               *
 **********************************************************************/
 .filter_button_cell_left, .filbcl { /* filter button container */
	padding-bottom: 2px;
	padding-left: 4px;
	vertical-align: bottom;
	}
 .filter_button_cell_middle, .filbcm { /* filter button container aligned vertical to middle of cell*/
	padding: 10px;
	vertical-align: 50%;
	}
.filter_area_left, .fill { /* don't use padding for non-label controls (replaces .fila) */
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	}
.text_cell_noborder { /* used for plain text comments in filter region */
	background-color: #ffffff;
	background-image:url(../../Images/bg_page_white.gif); 
	color: #666666;
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
	font-size: 10px;
	text-align: left;
	padding: 10px;
	}
.panelInformationDisplay_InfoTitle_Coins { /* information panel info title text, used only on ShowCoins3 page - delete? */
	font-family: Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	text-align: center;
	}
/**********************************************************************
 * Added Table Rows Styles                                            *
 *      empty column header and data grid containers with right 	  *
 *		border. Used when checkbox colum is removed to provide		  *
 *		vertical line												  *
 **********************************************************************/
.thcwb_rt {
	background-color: #ccccaa;
	border-right: 1px #eeeecc solid;
	border-top: 1px #888866 solid;
	color: #666622;
	padding: 5px;
	vertical-align: top;
	}
.ticwb_rt {
	background-color: #ffffff;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	color: #444444;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}