@charset "utf-8";
/* CSS Document */
body
	{
	margin:0 auto; padding:0; text-align:center; padding-top:15px;
	font:normal 13px Arial, Helvetica, sans-serif;
	}

#outer
	{margin:0 auto; padding:0; text-align:left; width:500px;}	
.box
	{float:left; width:187px; background:#eee; border:solid 1px #ddd; margin-bottom:15px; padding:5px 5px 0 5px;}

.trigger
	{margin-bottom:5px; display:block;}
.trigger a
	{display:block; text-decoration:none;}

/*.trigger
	{float:right; width:56px; height:24px;background:url(../images/more.gif) no-repeat left top; margin-top:17px;}*/

.trigger a span{display:block;background:#bbb; color:#666; padding:5px; border:solid 1px #ccc; border-left:solid 3px #000;}
.trigger a:hover span, .trigger a:hover span.second
	{display:block;background:#fff; color:#666; padding:5px; border:solid 1px #ccc; border-left:solid 3px #e0bc51;}


.trigger a span.second{display:block;background:#eee; color:#666; padding:5px; border:solid 1px #ccc; border-left:solid 3px #ff3333;}
.active {background:#333; color:#fff;}

	
	
	
	
	.block ul
{background:#fff; margin:0; padding:0; list-style:none;}
.block ul li
{background: url(../images/arrow.png) no-repeat left 8px; padding-left:15px; border-bottom:solid 1px #ddd;}
.block ul li a
{display:block; padding:5px 0; text-decoration:none;}
.block ul li a:hover
{color:#000;}

.spanclass{display:block;background:#eee; color:#666; padding:5px; border:solid 1px #ccc; border-left:solid 3px #ff3333;}