/* for netscape */
*	{	box-sizing:border-box;		}
*	{	-moz-box-sizing:border-box;	}

/* global define */
body { 
	color:#000000; 
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-family:sans-serif, "MS UI Gothic";
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#3377bb;
	scrollbar-3dlight-color:#3377bb;
	scrollbar-arrow-color:#3377bb;
	scrollbar-track-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
}

body a:link			{	color:#3377bb;	}
body a:visited		{	color:#3377bb;	}
body a:hover		{	color:#87CEEB;	}
body a:active		{	color:#00ffff;		}
dt					{	margin-left:0pt;			}
dd					{	margin-left:15pt;			}
td					{	vertical-align:top;			}
table 				{	border-collapse:collapse;	}
h2					{	color:#0000ee;		}
h3,h4,dt 			{	color:#3377bb;		}
dt h3				{	margin:0px;	}

img					{	border:0px	}

/* header class */
.header { 
	background-color:#3377bb;
	padding-left:2pt;
	margin:0pt 0pt 0pt 0pt;
	border-bottom:solid 3pt #87CEEB;
}

.header h1 { 
	color:white; 
	font-family: Arial Black, sans-serif;
	font-weight:bold; 
	font-size:xx-large;
	margin:0pt;
	padding:0pt;
}

.header	a:link		{	color:white;	}
.header a:visited	{	color:white;	}
.header a:hover		{	color:white; background-color:#87CEEB;	}
.header a:active	{	color:white;	}


/*	left paine */
.navi { 
	margin:0px;
	padding:5pt;
	color:#3377bb;
	font-size: x-small;
}
.navi h2		{	font-size:150%;	}
.navi h3		{	font-size:120%;	}
.navi h4		{	font-size:100%;	}
.navi dt		{	font-size:120%;	}


/* right paine */
.contents {
	margin:0px;
	padding:2pt 5pt 5pt 5pt;
	border-left:solid 3pt #3377bb;
}

.fcontents {
	margin:0px;
	padding:5pt;
}

.footer {
	margin:0px;
	padding:5pt;
	margin-top: 20pt;
	padding-bottom: 40pt;
}


/*	for table */
table.t1 {
/*	width:80%;	*/
/*	background-color: #b0b0b0;*/
	border-collapse:separate;
}
			
table.t1 td {	
	border:none;
}

table.t1 th {
	background-color:#3377bb;
	color:white;
}

td.left {
/*	background-color:#bbeeff;*/
	background-color:#cccccc;
	text-align:center;
}

td.leftleft {
	background-color:#bbeeff;
	background-color:#cccccc;
	text-align:left;
}

td.row1 {
	background-color:#eaeaea;
	text-align:center;
}

td.row1nw {
	background-color:#eaeaea;
	text-align:center;
	white-space:nowrap;
}

td.row2 {
	background-color: #aaddee;
	text-align:center;
}

td.row1left {
	background-color: #eaeaea;
	text-align:left;
}

.console {
	border:dashed 1px #bbbbbb;
	background-color:#eeeeee;
	margin:0px;
	padding: 10pt;
	width: 90%;
	font-family:monospace;
	font-size: smaller;
}

pre {
	border:dashed 1px #bbbbbb;
	background-color:#eeeeee;
/*	width: 60%;	*/
	margin:0px;
	padding: 10pt;
	font-size: smaller;
}

/*	for box	*/
.boxtop {
	margin:0pt;
	padding:5pt 20pt 10pt 5pt;
	color:white;
	background-color:#3377bb;
	clear:both;
	font-family: serif;
	font-weight:bold;
	font-size: large;
}

.boxtop a:link			{	color:white;	}
.boxtop a:visited		{	color:white;	}
.boxtop a:hover			{	color:#87CEEB;	}
.boxtop a:active		{	color:blue;		}

.box {
	border:solid 2px #3377bb;
	background-color:#ffffff;
	margin:0px;
	padding:10px;
	margin-bottom:10pt;
}

.box img {
	margin:5pt;
}

dt	{	
	font-weight:bold;
	margin-bottom:0pt	
}

dd	{
	margin-bottom:10pt	
}

.gcontents
{
	text-align:center;
}

.gbox {
	width:60%;
	text-align:center;
	border:solid 2px #3377bb;
	background-color:#3377bb;
	color:#ffffff;
	margin:0px;
	padding:10px;
	margin-bottom:10pt;
	border:solid 3pt #87CEEB;
}

.gbox img {
	border:solid 5pt black;
}