/**
 * Basic Template
 *
 * Template used for Special Groups. Will now be auto-created 
 * when admin switches group from type HUB to type Special.
 *
 * @author 		Christopher Smoak
 * @copyright	December 2012
*/


.special-group {
	min-height:500px;
	}

/* Support Tab */
#group-body #tab {
	display:none;
	}
	
/* Header */
.special-group-header {
	background:#efefef;
	padding:10px 30px;
	position:relative;
	}
.special-group-header h1 {
	}
.special-group-header h1 a {
	color:#353535;
	font-size:24px;
	text-shadow:0 1px 0 #FFF;
	border:none;
	}
.special-group-header h1 a span {
	color:#777777;
	font-size:18px;
	}

/* Toolbar */
.special-group-toolbar {
	position:absolute;
	right:30px;
	top:20px;
	list-style:none;
	margin:0;
	padding:0;
	}
.special-group-toolbar li {
	float:left;
	margin:0;
	padding:0;
	}
.special-group-toolbar li a {
	display:block;
	color:#fff;
	background:rgba(0,0,0,0.5);
	text-align:center;
	padding:5px 10px;
	margin:0 2px 0 0;
	border:none;
	font-size:11px;
	text-transform:uppercase;
	}
.special-group-toolbar li a:hover {
	background:rgba(0,0,0,1.0);
	border:none;
	}
	
/* Menu */
.special-group-menu {
	background:#353535;
	margin:0;
	padding:0 20px;
	}
.special-group-menu li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	}
.special-group-menu li a,
.special-group-menu li.protected {
	display:block;
	padding:5px 20px;
	color:#fff;
	text-align:center;
	border:none;
	}
.special-group-menu li.protected {
	color:#777;
}
.special-group-menu li.active a,
.special-group-menu li.active a:hover {
	background:#FFF;
	color:#353535;
	}
.special-group-menu li.active:after {
	position:absolute;
	top:30px;
	left:42%;
	content:'';
	width:0;
	height:0;
	border-top:7px solid #353535;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:7px solid transparent;
	}
.special-group-menu li a:hover {
	border:none;
	background:#555555;
	}
.special-group-menu li .meta {
	display:none;
	}
.special-group-menu li ul {
	position:absolute;
	top:30px;
	left:-9999px;
	background:#F00;
	z-index:999;
	width:150px;
	border:1px solid #353535;
	border-top:none;
	box-shadow:0 1px 2px #000;
	}
.special-group-menu li ul li {
	float:none;
	}
.special-group-menu li ul li a,
.special-group-menu li.active ul li a  {
	background:#555555;
	color:#FFF;
	text-align:left;
	}
.special-group-menu li ul li a:before,
.special-group-menu li.active ul li a:before { 
	content:'› ';
	}
.special-group-menu li ul li a:hover,
.special-group-menu li.active ul li a:hover,
.special-group-menu li ul li.active a {
	border:none;
	background:#777777;
	color:#FFF;	
	}
.special-group-menu ul li.active:after {
	display:none;
	}
.special-group-menu :hover ul {
	left:-27px;
	}
	
	
/* Content */
.special-group-content-container {
	}
.special-group-content-title {
	display:none;
	}
.special-group-content-title h2 {
	color:#f00;
	}
.special-group-content {
	min-height:400px;
	position:relative;
	background:#FFF;
	margin:10px 20px;
	padding:20px 0;
	}
