@charset "utf-8";
/* CSS Document */
.spoilerLinks {
	padding:0px 0px 20px 0px;
	background-color:#CCC;
	color: #000;
	height:auto;
}
.spoilerLinks p {
	padding-top:5px;
	padding-bottom:0;
}
.spoilers {
	/* dummy (empty) class - REQUIRED for JQuery*/
}

.spoilerHidden {
	color: #CCC;
	text-shadow: 0 0 10px rgba(0,0,0,.3);
	background-color:#D9D9D9;
	cursor:pointer;
}
.spoilerShow {
	color: #000;
	text-shadow: 0 0 none;
	background-color:#FFFFFF
	cursor:pointer;
}
/*
.spoilerHidden {
	color: transparent;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
	cursor:pointer;
}
.spoilerShow {
	color: #000;
	text-shadow: 0 0 none;
	cursor:pointer;
}
*/

/* the following defines the 'Show Spoilers' button characteristics */
#showSpoilers {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
#showSpoilers:hover {
   border-top-color: #3476A2;
   background: #3476A2;
   color: #ccc;
}
/* the following defines the 'Hide Spoilers' button characteristics */
#hideSpoilers {
   border-top: 1px solid #D10000;
   background: #FF9999;
   background: -webkit-gradient(linear, left top, left bottom, from(#E60000), to(#FF9999));
   background: -webkit-linear-gradient(top, #E60000, #FF9999);
   background: -moz-linear-gradient(top, #E60000, #FF9999);
   background: -ms-linear-gradient(top, #E60000, #FF9999);
   background: -o-linear-gradient(top, #E60000, #FF9999);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
#hideSpoilers:hover {
   border-top-color: #B80000;
   background: #B80000;
   color: #ccc;
}

/* below styles the Quote & Reply buttons */
.commentButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:37px;
	-moz-border-radius-topleft:37px;
	border-top-left-radius:37px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:37px;
	-moz-border-radius-bottomright:37px;
	border-bottom-right-radius:37px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:90px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.commentButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.commentButton:active {
	position:relative;
	top:1px;
}

/*
this references a custom image to be used in the custom button
added to the TinyMCS editor to add the shortcode for the [spoiler]
*/
i.alz-spoiler-icon {
	background-image:url(../images/blurry_text.gif);
}