﻿div.slider-bg{font-size:.8em; line-height:.9em;}
div.slider-bg {
	height: auto;
	background-color: #000000;
	color: #fff;
	position: fixed;
	bottom: 0;
	width: 100%;
}
div.slider-bg header {
	width: 100%;
	height: auto; /* Toolbar Height when hidden*/
	display: block;
	background:rgba(0,0,0,.1);
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}
.fakePad {
	display: block;
	width: 100%;
	height: 8px;
}
div.slider-bg header>div>div {
	border-right: 1px solid rgba(255,255,255,.2);
	padding-bottom: 10000px;
	margin-bottom: -10000px;
}
.no-border {
	border: none !important;
}
div.slider-bg header>div>div>a {
	line-height: 1.2em
}
div.slider-bg a {
	color: #fff;
}
div.tb-menu {
	max-width: 1260px;
	padding: 0 8px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
}
/* Toolbar Footer Settings */

div.slider-bg footer {
	max-width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}
/* Generic Styles for Toolbar */
.four-opts>div {
	width: 23%;
	margin: 0 1%;
	float: left;
}
.five-opts>div {
	width: 14%!important;
	margin: 0 1%;
	float: left;
}
br.cb {
	clear: both;
}
.copyright {
	font-size: .9em;
	margin: 12px
}
/* CSS Transitions */
div.slider-bg {
	transition: ease-in-out;
	transition-duration: .6s;
	-webkit-transition-duration: .6s;
	transition-property: height;
	-moz-transition-property: height; /*Firefox*/
	-webkit-transition-property: height; /*Safari/Chrome*/
	-o-transition-property: height; /*Opera*/
}
/* SVG image styles */
.svg-small {
	width: 15px;
	height: 15px;
	margin: 0 auto;
	padding: 0;
	display: block;
}
.svg-small-inline {
	width: 13px;
	height: 13px;
	margin: 0 8px 0 0;
	padding: 0;
	display: block-inline;
}
div.tb-options, div.tb-choices {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
div.tb-options div {
	margin: 8px 1% 2px;
	font-size: 1.1em;
	font-weight: bold;
}
div.tb-choices div {
	margin-top: 2px;
	margin-bottom: 4px;
}
div.tb-choices div div a {
	opacity: .8;
	-moz-opacity: .8;
	-webkit-opacity: .8;
}
div.tb-choices div div:hover a {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	text-shadow: #fff 0 0 8px;
}

@media only screen and (max-width:640px){
	div.slider-bg{font-size:.8em; line-height:.9em;}
	div.slider-bg footer>div.tb-choices {
	display: block;
	height:0px;}
	p.copright{position:absolute !important;bottom:20px !important; margin-bottom:4px;}
	div.tb-choices div div a{font-size:.9em;}
}

@media only screen and (max-width: 320px) {

div.slider-bg{
	font-size:.8em;}
p.copyright{line-height:1em;}
	
div.slider-bg footer {
	padding: 0;
}
div.slider-bg footer {
	width: 320px !important;
	margin-left: auto;
	margin-right: auto;
	display: block !important;
	position: relative !important;
	overflow: hidden !important;
}
div.slider-bg footer>div.tb-options {
	display: block;
	text-align: center;
	width: 100%;
}
div.slider-bg footer>div.tb-choices {
	display: block;
	height: 20px;
	width: 800% !important;
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
	margin-top:2px;
}
div.slider-bg footer> div.tb-choices>div {
	width: 25% !important;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}
div.slider-bg footer>div.tb-choices>div>div {
	width: 50%;
	padding: 0;
	float: left;
}
div.slider-bg footer>div.tb-choices>div>div>a {}

div.slider-bg footer>div.tb-choices {
	transition: ease-in-out;
	transition-duration: .6s;
	-webkit-transition-duration: .6s;
	transition-property: left;
	-moz-transition-property: left; /*Firefox*/
	-webkit-transition-property: left; /*Safari/Chrome*/
	-o-transition-property: left; /*Opera*/
}
}

/* Toolbar Social Media Shares */
/* Some of the setting CSS shares these classes */

#shareHolder,#settingsHolder{position:fixed; bottom:-160px; height:145px; display:block; width:100%; z-index:999;} /* Settings & Social */

#share,#settings{width:100%; background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#fff !important; padding:.5em 0; position:absolute; top:0; height:150px}
#shareHolder,#settingsHolder {
	transition: ease-in-out;
	transition-duration: .6s;
	-webkit-transition-duration: .6s;
	transition-property: bottom;
	-moz-transition-property: bottom; /*Firefox*/
	-webkit-transition-property: bottom; /*Safari/Chrome*/
	-o-transition-property: bottom; /*Opera*/
}
#share>div,#settings>div{display:inline-block; margin:.2em .1em; padding:.5em 1em; color:#FFF !important; background-color:#666; width:100px; text-align:center}
#share>div:hover,#settings>div:div{background-color:#888;}
#share>div a span.white, #settings>div a span.white{color:#ccc;}
#share>div:hover a span.white, #settings>div:hover a span.white{color:#fff;}
#share>div.title, #settings>div.title{width:312px; text-align:left; font-size:1.5em;padding:0; background-color:rgba(0,0,0,0); margin-bottom:8px; font-weight:100; text-transform:uppercase;}

#shareHolder .close,#settingsHolder .close{font-size:.7em; background-color:#333; padding:2px 6px; border:1px dotted #999; margin:0; width:auto; top:-5px; position:relative; font-weight:100; text-transform:uppercase}
#shareHolder .close:hover, #settingsHolder .close:hover{background-color:inherit;}

@media only screen and (max-width: 320px) {
	#share,#settings{font-size:12px;
	}
	#shareHolder .close, #settingsHolder .close{top:10px; position:absolute; left:275px;}
	.tb-choices a{padding:3px 6px;}
}