﻿/**********************************************************************
 * 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                              *
 *                                                                    *
 * 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. Example:         *
 * 		pcT is used in 												  *
 *			Email.Master page, Email.xml,                             *
 *			HorizontalMenu.master, 									  *
 *			Print.master, Print.xml                                   *
 *			VerticalMenu.master                                       *
 *			ImportData.master                                         *
 *			SelectFileToImport.aspx                                   *
 *			ShowTblUsageTable.aspx                                    *
 *          etc.                                                      */
/*=====================================================================
 ======================================================================
   OVERRIDES FOR BASESTYLES.CSS                                      
     Check after each upgrade for compatibility with original css       
 ======================================================================
 ======================================================================*/
/**********************************************************************
 * 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;  */
	}
/**********************************************************************
 * Table Rows Styles                                                  *
 **********************************************************************/
.header_cell, .header_cell_scrolling, .thc, .thcs {
	text-align: center; /* force Firefox to center the table column headers */
	}
/**********************************************************************
 * Page Background Styles                                             *
 *    Change to add 100% width
 **********************************************************************/
.pageBackground, .pBack { /* page content container */
/* set table to 100% width so Firefox 3.6 will use all of browser window */
	background-color: #ffffff;
	margin: 0px;
	width: 100%;
	}
.pcT { /* page container top center edge (header container) */  
       /* deprecated migration-only style */
	}
/**********************************************************************
 * AJAX Smooth Panel Update Styles                                    *
 **********************************************************************/
.ajaxUpdatePanel { /* AJAX smooth panel update screen overlay */
	/* increased opacity and handle Internet Explorer */
    filter:alpha(opacity=40);
	opacity: 0.40;
	}
/*                                                                    
 *                                                                    
 *                                                                    
 *                                                                    
 ======================================================================
 ======================================================================
   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, ms sans serif;
}
ul {
	font-size: 12px;
	font-family: Verdana, Geneva, ms sans serif;
}
li {
	font-size: 12px;
	font-family: Verdana, Geneva, ms sans serif;
}
h1 {
	font-family: Verdana, Geneva, ms sans serif;
	font-weight: bold;
	font-style: normal;
	color: #660000;
	text-align: center;
	vertical-align: middle;
	background-color: inherit;
}
h2 {
	font-family: Verdana, Geneva, ms 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);
}
/* main use is centering tables */
div.centered {
	margin: 0 auto;
	text-align: center;
}
/* main use is centering images in text */
img.centered {
	display: block;   
	margin-left: auto;   
	margin-right: auto; 
}
.dialog_field_value_right, .dfvr {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 0px 3px 0px 3px;
	text-align: right;
	}
.field_label_on_side_bottom, .flsb {
	color: #666666;
	font-family: Verdana, Geneva, "ms sans serif";
	font-size: 10px;
	font-weight: bold;
	padding: 4px 3px 4px 3px;   /* New 6.2.1 padding: 5px 4px 5px 4px; */
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
	}
.filter_button_cell_right, .filbcr { /* filter button container */
	padding-bottom: 2px;
	padding-left: 9px;			/* New 6.2.1 padding-left: 9px;  */
	vertical-align: bottom;
	text-align: right;
	}
.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, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	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, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	background-image:url(../../Images/bg_page_yellow.gif);
}
.filter_button_cell_blue, .filbcb { /* filter button container with blue background */
	padding-bottom: 2px;
	padding-left: 9px;			/* New 6.2.1 padding-left: 9px;  */
	vertical-align: bottom;
	background-image:url(../../Images/bg_page_blue.gif);
	}
.filter_area_blue, .filab { /* filter label blue background*/
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	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_blue.gif);
}
.filter_area_left_blue, .fillb { /* don't use padding for non-label controls (was: 	padding: 3px 6px 3px 6px;) */
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	background-image:url(../../Images/bg_page_blue.gif);
}
.filter_area_left, .fill { /* don't use padding for non-label controls (was: 	padding: 3px 6px 3px 6px;) */
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	}
.field_label_on_middle, .flm {
	color: #666666;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 3px 4px 3px;	/* New 6.2.1 padding: 5px 4px 5px 4px;  */
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;	
	}
.dialog_field_value_top, .dfvt {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 0px 3px 0px 3px;	/* New 6.2.1 padding: 1px 4px 1px 4px;  */
	vertical-align: top;
	}
.text_cell {
	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, ms sans serif;
	font-size: 10px;
	text-align: left;
	}
.table_cell_centered, .ttcc { /* data grid data checkbox container centered*/
	padding: 5px;
	color: #444444;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	vertical-align: top;
	text-align: center;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #ffffff;
	}
.text_body, .tBody { /* text content container */ 
	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, ms sans serif;
	font-size: 12px;
	text-align: left;
	width: 800px;
	padding: 10px;
	}
.panelInformationDisplay_InfoTitle_Coins { /* information panel info title text */
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	text-align: center;
	}

