
	body{
		font-family: "Lucida Grande", sans-serif;
		font-size:small;
		
	}
	
	#caution{
		background-color: #fefefe;
		border: 1px solid #eaeaea;
		padding: 10px;
		margin: 20px auto 20px auto;
		color: #999;
	}
	#caution p{
		line-height: 1.5em;
		margin: 0;
		padding: 0;
	}
	
	#caution h1{
		padding: 3px;
		margin: 0;
		font-size: 12px;
	}
	
	#history{
		background-color: #fefefe;
		border: 1px solid #eaeaea;
		padding: 10px;
		margin: 20px auto 20px auto;
		color: #999;
	}
	#history p{
		line-height: 1.5em;
		margin: 0;
		padding: 0;
	}
	
	#history h1{
		padding: 3px;
		margin: 0;
		font-size: 12px;
		text-align: left;
	}
	
	h1.dataTitle{
		font-size: 28px;
		line-height: 80%;
		text-align: left;
		margin-left: 12px;
		margin-bottom: 0;
		padding-bottom: 0;
		font-weight: normal;
/* 		color: #666; */
		color: #57646E;
/* 		text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px; */
		text-shadow: rgba(255, 255, 255, 0.898438) 1px 1px 0px;
/* 		float: left; */
	}
	
	.chart .chartTitle{
		padding: 12px;
		
/* 		font-weight: normal; */
		font-size: 15px;
		line-height: 14px;
		color: #fff;
		/* background-color: #88aacc; */
		background-color: #88aacc;
		border-bottom: 1px solid #e0e0e0;
		text-shadow: rgba(0, 0, 0, 0.527344) 0px -1px 0px;
		
    	-webkit-border-top-left-radius: 6px;    /* Safari,Google Chrome用 */  
    	-webkit-border-top-right-radius: 6px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius-topleft: 6px;   /* Firefox用 */  
    	-moz-border-radius-topright: 6px;   /* Firefox用 */  
	}
	
	.chart #fig, .chart #fig2, .chart #fig3, .chart #fig4{
		padding: 12px;
	}
	div#content{
		width:1000px;
		margin: 0 auto 0 auto;
		font-size: 10px;
	}
	div.caption{
		text-align: center;
		color: #999;
	}
	div.chart{
		margin-bottom: 40px;
	}
	
	table{
		margin: 0;
		padding: 0;
		width:100%;
		font-size: 12px;
	}
	th,td{
		text-align: left;
		padding: 4px;
		background-color: #f0f0f4;
		margin: 0;
		font-weight: normal;
	}
	tr.odd th,
	tr.odd td{
		background-color: #fafafa;
	}
	tr{
		margin: 0;
		padding: 0;
	}
	th{
		width:20%;
	}
	
	h3{
/* 		font-weight: normal; */
		font-size: 12px;
		color: #fff;
		padding: 0;
		margin: 0;
	}
	
	

	.fb{
		margin-top:24px;
		margin-bottom:24px; 
	}
	
/* dashboard */
.data{
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    border: 1px solid #ddd;
/*     background-color: #f0f0f0; */
    margin-top: 20px;
    background: url(images/data_bg.png) repeat-x #f0f0f0;
    
}

.metadata{

/*     background-color: #f8f8f8; */
/*     width:972px; */
    margin: auto;
    margin-bottom: 24px;
    font-size: 11px;
    line-height: 12px;
/*     width:480px; */
/*     float: right; */
}
.metadata p{
	padding: 6px 12px 6px 12px;
	margin: 0;
	color: #666;
}


.chart{
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
/*     border: 1px solid #ddd; */
    background-color: #fff;
    width:972px;
    margin: auto;
    clear: both;


}

.dashboard{
	padding: 0;
	border-top: 1px solid #f0f0f0;
	margin-top: 12px;
}

.dashboard .pannel{
	width:300px;
	float: left;
	padding: 12px 12px;
/* 	border-right:  1px solid #e8e8e8; */

}

.dashboard .pannel-header{
	padding: 4px;
	margin: 0;
	background-color: #a0a0a0;
	-webkit-border-top-left-radius: 4px;    /* Safari,Google Chrome用 */  
	-webkit-border-top-right-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius-topleft: 4px;   /* Firefox用 */  
	-moz-border-radius-topright: 4px;   /* Firefox用 */
}

.dashboard .pannel-header h3{
	width:270px;
	float: left;
}

.dashboard .pannel-header .ratiation_standards{
	display: block;
	width:17px;
	height: 17px;
	float: right;
}

.dashboard .pannel table tr th{
	width:160px;
}

.dashboard .pannel table tr td{
	text-align: right;
}


/* tooltip styling */
.tooltip{
	width:352px;
	display:none;
	margin: 0;
	padding: 0;
	background:transparent url(images/tooltip_top.png) no-repeat;
}




.tooltip_body {
/* 	border:1px solid #fff; */
/* 	padding:0px 0 12px 0; */
/* 	margin: 0; */
	width:352px;
	
	background:transparent url(images/tooltip_middle.png) repeat-y;
/* 	color:#000; */
/* 	text-align:left; */
/* 	font-size:12px; */

	/* outline radius for mozilla/firefox only */
/* 	-moz-box-shadow:0 0 10px #000; */
/* 	-webkit-box-shadow:0 0 10px #000; */
}

.tooltip_body_inner{
	
	text-align: left;
	background-color:#fff;
	width:296px;
	padding: 8px 0 8px 0;
	margin: 20px auto 0 auto;
	color: #000;
	font-size: 12px;
	line-height: 1.4em;
}


.tooltip_body h4{
	color: #fff;
	margin: 0 0 6px 0;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	background-color: #4364c6;
}
.tooltip_body p,.tooltip_body li{
	margin: 0;
	padding: 0 0px 4px 0px;
}
.tooltip_body .separator{
	padding: 0 12px 0 12px;
	border-bottom: 1px solid #f0f0f0;
	height: 1px;
	margin-bottom: 4px;
/* 	margin: 12px 0 12px 0; */
}
.tooltip_bottom{
padding: 0;
 width:352px;
 height: 20px;
 background:transparent url(images/tooltip_bottom.png) no-repeat;

}

img.notice{
	vertical-align: bottom;
	cursor: pointer;
}

.clear{
	clear: both;
}

#EnvironmentalRadiation .header-bar{
	height: 4px;
	background-color: #b887a8;
}

#EnvironmentalRadiation .chart .chartTitle{
	background-color: #b887a8;
}

#GroundRadiation .header-bar{
	height: 4px;
	background-color: #d98f30;
}

#GroundRadiation .chart .chartTitle{
	background-color: #d98f30;
}



#water .header-bar{
	height: 4px;
	background-color: #88aacc;
}

#water .chart .chartTitle{
	background-color: #88aacc;
}

#fallout .header-bar{
	height: 4px;
	background-color: #b7b86e;
}

#fallout .chart .chartTitle{
	background-color: #b7b86e;
}

div.figure-loading{
	width:948px;
	height: 300px;
	text-align: center;
}
div.figure-loading img{
	margin-top: 134px;
}

.figure{
	width:984px;
	height: 300px;
	padding: 12px;
	background: url(images/ajax-loader.gif) center center no-repeat;
}


/* updata-notice */
#update-notice{
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    border: 1px solid #ddd;
/*     background-color: #f0f0f0; */
    margin-top: 20px;
    background: url(images/data_bg.png) repeat-x #f0f0f0;
    padding: 12px;
    
}

#update-notice ul{
margin: 0;
padding: 0;
}

#update-notice li{
	font-size:13px;
	line-height: 13px;
	list-style-image: url(images/check.gif);
	list-style-position: inside;
	color: #888;
	
}

.update-date{
	color: #ccc;
}


a:link,
a:hover,
a:visited,
a:active{
	color: #333;
}