﻿/**********************************************************************
 * 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.      *
 *                                                                    *
 **********************************************************************/
.pageBackground,.pBack { /* body */
/*	background-color: #fdd95e; */ /* yellow */
/* background-color: #ffffff;	*/ /* white */
	background-color: #E5E4E2;	 /* Platium */
/* ydong: use http://patorjk.com/gradient-image-generator/ and http://www.computerhope.com/htmcolor.htm to generate this bg color */	
background-image: -webkit-linear-gradient(top, #ffffff, #bcc6cc); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(top, #ffffff, #bcc6cc); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(top, #ffffff, #bcc6cc); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(top, #ffffff, #bcc6cc); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to bottom, #ffffff, #bcc6cc); /* Standard syntax; must be last */

/*	background-image: url(http://app.idph.state.il.is/EpiStudies/public/images/yellowshade_long.gif); */
/*	background-image: url(../../images/white_background.jpg); */
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px;
	background-size: Auto Auto;
	margin-left: auto;
    margin-right: auto; 
	width: 1000px;
	}
.dv { /* expand the width of the panels (if "narrow") to make them a consistent width */
    width: 1000px; /* match the pBack width setting */
}
.ajax__tab_xp .dv { /* expand the width of the tab containers (if "narrow") to make them a consistent width */
    width: 1000px; /* match the pBack with setting */
}
/* ydong - customize header/footer bg image/color */
.pcT { /* page container top center edge (header container) */
	/* background-image: url(../../Images/pcTBackground.jpg);  */
	background-image: url(../../Images/white_background.jpg);
	/* background-image: url(../../Images/CancerStatistics_Background.png); */
	/* background-color: #98AFC7; */
	background-color: #1c4982;  /* ydong - light blue */
	background-position: top center;
	border-bottom: 1px solid #d7d7d7;
	/* border-bottom: 5px solid #1c4982; *//* ydong */
	height: 100px;
/*	padding-left: 10px; */
/*	padding-right: 4px; */
	padding-left: 0px;
	padding-right: 0px;
	}
.pcB { /* page container bottom center edge (footer container) */
	/* background-color: #394d11; */
	/* background-color: #203B78; *//* ydong -- lightblue */
	background-color: #1c4982; /* ydong -- lightblue */
	height: 15px;
	padding-left: 13px;
	padding-right: 13px;
	padding: 16px;
	vertical-align: top;
	}
.dialog_header_text, .dht { /* panel header title text */
	/* color: #e47a00; */
	color: #1c4982; /* ydong -- lightblue */
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding-left: 10px;
	text-shadow: 1px 1px 0px #cccccc;
	text-transform: uppercase;
	white-space: nowrap;
	}
a.button_link,
.bC a.button_link,
.buttonPadding a.button_link,
.dBody a.button_link,
.galleryttc a.button_link,
.popupTableCellValue a.button_link,
.tableCellValue a.button_link,
.thc a.button_link,
.tic a.button_link,
.ttc a.button_link { /* link text of buttons */ 
	/* color: #e47a00; */
	color: #1c4982; /* ydong -- lightblue */
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	}
