/************************************************************************************
BB SPOILER 
*************************************************************************************/

.sp-wrap 
	{
	padding: 0;
	clear: both;
	width: 90%;
	margin: 0 auto 2.0em auto;
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	}
	
.sp-head 
	{
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	font-size: 100%;
	text-shadow: 1px 1px 0 #fff;
	}

.sp-body 
	{
	padding: 5px 10px 0 12px;
	height:auto;
	border:none;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	}
	
.spdiv 
	{
	display: inline-block;
	width: 100%;
	text-align: right;
	}

.spdiv:after
	{
	display: inline-block;
	cursor: pointer;
	font-family: "mikesome";
	content: "\e810";
	padding-bottom: 4px;
	}


.sp-wrap-default 
	{
	border-radius: 8px;
	background-color: rgba(0,0,0,0);
	}

.sp-wrap-default .sp-head 
	{
	display: table;
	vertical-align: middle;
	color: rgba(0,0,0,.7);
	width: 100%;
	padding: 4px;
	border: 2px solid #707070;
	border-radius: 8px;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,.5) 0%, rgba(150,150,150,.5) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,.5) 0%, rgba(150,150,150,.5) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,.5) 0%, rgba(150,150,150,.5) ); 
	}

.sp-wrap-default .sp-head:before 
	{
	display: table-cell;
	width: 15px;
	font-weight: normal;
	padding-right: 8px;
	padding-left: 4px;
	font-family: "mikesome";
	content: "\e813";
	}

.sp-wrap-default .sp-head.unfolded 
	{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	}
	
.sp-wrap-default .sp-head.unfolded:before 
	{
	display: table-cell;
	width: 15px;
	font-weight: normal;
	padding-right: 8px;
	padding-left: 4px;
	font-family: "mikesome";
	content: "\e814";
	}

.sp-wrap-default .sp-body 
	{
	background-color: rgba(245,245,255,.2);
	border: 2px solid #707070;
	border-top: 2px solid #fff;
	padding-top: 10px;
	}
	
.sp-wrap-default .spdiv 
	{
	color: #444;
	}