/* 
	Anthology Creative: societal.css
	Created: 2010-02-02
	Author: AnthologyCreative.com | Justin Seiter
*/

/* TABLE OF CONTENTS
****************************************************************************************************
	RESET
*/

#societal-bar li { list-style:none; }

#societal-bar a:link, #societal-bar a:visited  {
	color:#929292;
	text-decoration:none;
}

#societal-bar a:hover, #societal-bar a:active  { 
	color:#666; 
	text-decoration:none;
}

#societal-body-lift { /* This is only used in special situations. See societal.js for more info */
	height:20px;
	background:#000;
}

#societal-wrap {
	position:fixed;
	bottom:0px;
	right:0px;
	height:25px;
	line-height:27px;
	z-index:9999;
	margin:40px 0 0 0;
	white-space:nowrap;
	width:100%;
	color:#929292;
}

@media only screen {
	#societal-wrap {
		position:static
	}
}

/*
@media only screen and (max-device-width: 1024px) {
	#societal-wrap {
		position:static
	}
}
*/
a.societal-feed-subscribe {
	background: url('../images/rss.png') 0 0px no-repeat;
	padding:0 0 0 19px;
}

#societal-ac-power {
	position:absolute;
	width:200px;
	height:60px;
	background: red;
	bottom:0px;
	right:15px;
	z-index:-10;
}

/* Minimize and Maximize bar */
#societal-controller {
	float:right;
	display:inline;
	background: url('../images/controller-bg.png') no-repeat;
	width:22px;
	height:25px;
	cursor:pointer;
}

	#societal-controller a.minimize-societal, #societal-controller a.maximize-societal {
		text-indent:-9999px;
		display:block;
		width:25px;
		height:25px;
	}
	
	#societal-controller a.minimize-societal { background: url('../images/controller-minimize.gif') no-repeat 6px 8px; }
	#societal-controller a.maximize-societal { background: url('../images/controller-maximize.gif') no-repeat 6px 8px; }
	
	#societal-controller-minimize-message, #societal-controller-maximize-message {
		display:none;
		font-size:14px;
		line-height:27px;
		height:40px;
		width:57px;
		text-align:center;
		color:#fff;
		text-transform: none;
		text-shadow:0px 1px 1px #444;
	}
	
	#societal-controller-minimize-message { background: url('../images/tooltip-bubble-small-lr.png') no-repeat; }
	#societal-controller-maximize-message { background: url('../images/tooltip-bubble-small-rl.png') no-repeat; }

#societal-bar {
	background: url('../images/bar-bg.gif') repeat;
	height:25px;
	float:right;
	display:inline;
	width:95%;
	z-index:999;
}

.societal-bar-icon {
	float:left;
	display:inline;
	margin:6px 2px 0;
	cursor:pointer;
}

.societal-bar-network-icon {
	float:left;
	display:inline;
	margin:7px 2px 0;
}

.societal-bar-large-icon {
	float:left;
	display:inline;
	margin:4px 4px 0 2px;
}
	
	#societal-bar .section-wrap {
		background: url('../images/divider-line.gif') no-repeat 0px 2px;
		margin:0 25px 0 0;
		padding:0 0 0 8px;
		height:25px;
	}
	
a#societal-share-page {
		background: url('../images/add-this.gif') no-repeat left center;
		padding:0 0 0 20px;
		cursor:pointer;
		display:block;
	}
	
		a#societal-share-page span {
			background: url('../images/triangle-up.gif') no-repeat right center;
			padding:0 15px 0 0;
			display:block;
		}
	
#societal-share-tooltip {
	display:none;
	font-size:14px;
	line-height:27px;
	height:100px;
	width:160px;
	background:url('../images/tooltip-bubble-share.png') no-repeat;
}

	#societal-share-tooltip a:link, #societal-share-tooltip a:visited {
		display:block;
		margin:8px 0 8px 5px;
		line-height:16px;
		float:none;
		color:#4a4a4a;
	}
	
	#societal-share-tooltip a:hover, #societal-share-tooltip a:active {
		color:#fff;
	}
	
		#societal-share-tooltip a span {
			margin:0 0 0 4px;
		}
		
.societal-select-box-wrap {
	background: url('../images/select-box-bg.png') no-repeat;
	margin:5px 20px 0 0;
	color:#7b7b7b;
	font-size:11px;
	line-height:18px;
}

	.societal-select-box-wrap.hover {
		background: url('../images/select-box-bg-hover.png') no-repeat;
	}

.societal-select-box {
	background: url('../images/select-box-arrows.png') no-repeat top right;
	padding:0 40px 0 4px;
	position:relative;
	width:70px;	
}

	.societal-select-box.hover {
		background: url('../images/select-box-arrows-hover.png') no-repeat top right;
	}
	
	.societal-select-box  img {
		margin:3px 4px 0 0;
		float:left;
		display:inline;
		z-index:10;
	}

.societal-select-box-selections {
	position: absolute;
	top: -28px;
	left: 0;
	width: auto;
	background: #7b7b7b;
	display: none;
	padding:4px 40px 4px 4px;
	-khtml-border-radius-topleft: 5px;
	-khtml-border-radius-topright: 5px;	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width:70px;
}

	.societal-select-box-selections li {
		margin:0 0 5px 0;
		padding:0 0 5px 0;
		border-bottom:1px solid #8b8b8b;
	}
	
		.societal-select-box-selections li.last {
			border-bottom:0;
			margin:0;
			padding:0 0 4px 0;
		}

	#societal-bar .societal-select-box-selections a {
		color:#fff;
		display:block;
		font-size:11px;
		height:18px;
	}
	
	#societal-bar .societal-select-box-selections a:hover {
		color:#000;
	}
	
	#societal-bar a.societal-select-box-selected.select-home-hover {
		color:#000;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}