@charset "UTF-8";

body{
	background:url(../images/body_back.gif);
}

#whfcont{
	border-style:solid;
	border-color:#aaaaaa;
	border-width:1px;
}


		.post h1{
			background-color:#f7f7f7 !important;
			color:#000 !important;
			border-style:solid !important;
			border-color:#aaaaaa !important;
			border-width:0 0 1px 3px !important;
			/*
			margin-bottom: 0.5em;
			font-size: 24px;
			font-size: 2.4rem;
			line-height: 1.2;
			*/
		}
		
		.post h2{
			background-color:#f7f7f7 !important;
			color:#000 !important;
			border-style:solid !important;
			border-color:#aaaaaa !important;
			border-width:0 0 1px 3px !important;
			padding:5px 3px 1px 5px;			
		}
		
		.post h2 a{
			/*
			color:#fff;
			*/
		}
		
		.sidelabel{
			background-color:#f7f7f7 !important;
			color:#000 !important;
			border-style:solid !important;
			border-color:#aaaaaa !important;
			border-width:0 0 1px 3px !important;		
		}
		
		.mlmnote{
			font-size:0.8em;
			color:#999;
		}
		
		

/*---------- bubble tooltip -----------*/

a.tt{
    position:relative;
    z-index:24;
	background-color:#E2F3A7;
    color:#000000;
	/*
	font-weight:bold;
    text-decoration:none;*/
}


a:visited.tt{
	color:#000000;
}

a:hover.tt{
	color: #cc0000;
}

h2 a.tt{
	color:#000000;
	background-color:transparent;
}

h3 a.tt{
	color:#000000;
	background-color:transparent;
}

h2 a:visited.tt{
	color:#000000;
}

h3 a:visited.tt{
	color:#000000;
}

a.tt span{
	display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{
	z-index:25;
}

a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	/*color: #993300;*/
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	line-height:120%;
}

h2 a.tt:hover span.tooltip{
	font-weight:lighter;
}

h3 a.tt:hover span.tooltip{
	font-weight:lighter;
}

strong a.tt:hover span.tooltip{
	font-weight:lighter;
}

a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	/*color: #548912;*/
    background: url(../images/bubble.gif) no-repeat bottom;
}

.centdv{
	margin:0;
	margin-bottom:20px;
	text-align:center;
}
		
/*====================================================
Under 480px for smartphone
====================================================*/

/*130.container
-----------------------------------*/
#container{
	/*
		background-color:#FCFBFA;
		*/
	}

	#sub{
		/*
		background-color:#FCFBFA;
		*/
	}
	
/*135.bread
-----------------------------------*/
#bread{	
/*
		display:block;
		height:auto;
		background-color:#FFF;
		padding:8px 10px 8px 10px;
		border-style:solid;
		border-color:#dddddd;
		border-width:1px 0px 1px 0px;
		*/
}



/*140.content
-----------------------------------*/
#content{
	/*
	margin-bottom: 0em;
	background:url(../images/note_back.gif);
	*/
}


/*====================================================
Over 481px for tablet
====================================================*/
@media only screen and (min-width: 30.0625em){	/*481px*/


	.post h1{
		/*
		margin-bottom: 2em !important;
		padding: 8px 10px 8px 10%;
		*/
	}
		
}

/*====================================================
Under 800px for pc
====================================================*/
@media only screen and (min-width: 801px){


	

}

/*====================================================
Over 1060px for wide screen
====================================================*/
@media only screen and (min-width: 66.3125em){	/*1061px*/

	

}