/*reset browser default rules*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	outline:none
}

html {
	font-size: 20px; /* set the default font size*/
}

body {
	font-size: 100%;
	margin: 0;
	font-family: Georgia, sans-serif;

	/*background-color:#F0F0EE;*/
	/*very light gray*/
}

h1{
   font-size: 200%;	
   /*font-weight: bold;*/
}


b{
	font-weight: bold;
	font-size: 140%;
}


dd {
    font-size: 120%;
    display: block;
    margin-left: 1em;
    margin-bottom: 0.5em;
} 

strong {
	font-size: 120%;
}

#wrapper_whole{
	width: 960px;
	margin: 0 auto;  /* to make the wrapper_whole centered */
	
	/*outline: #0E1F14 solid 2px; */
	/*for making easier to observe the box*/
	
	/*background-color:#97FB9E;*/
	/*light green*/

	/*background-color:#F0F0EE;*/
	/*very light gray*/
}


#header{
		width: 960px;
		position: relative; top: 0px; left: 0px;
		
		/*outline: black solid 2px;*/

	}

 

/*-----------table setting---------*/
table {
    border-collapse: collapse;
}
 


tr:nth-child(odd) {background-color: #CDD3F7}
tr:hover {background-color: #CAE2F7}



th, td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 15px;
    text-align: center;     
}

.plot_chart {
    height: 400px;
    /*width: 500px;*/
}