@font-face {
	font-family: "quicksandbold";
	src: url("../fonts/quicksand-bold-webfont.eot");
	src: url("../fonts/quicksand-bold-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/quicksand-bold-webfont.woff2") format("woff2"),
		url("../fonts/quicksand-bold-webfont.woff") format("woff"),
		url("../fonts/quicksand-bold-webfont.ttf") format("truetype"),
		url("../fonts/quicksand-bold-webfont.svg#quicksandbold") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "quicksandregular";
	src: url("../fonts/quicksand-regular-webfont.eot");
	src: url("../fonts/quicksand-regular-webfont.eot?#iefix") format("embedded-opentype"),
	url("../fonts/quicksand-regular-webfont.woff2") format("woff2"),
	url("../fonts/quicksand-regular-webfont.woff") format("woff"),
	url("../fonts/quicksand-regular-webfont.ttf") format("truetype"),
	url("../fonts/quicksand-regular-webfont.svg#quicksandregular") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "Myriad Pro";
	src: url('../fonts/MyriadPro-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
* {
	margin:0;
	padding:0;
	max-height:100000px;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset, mejs-container{margin:0 0 14px;}
h1, h2, h3, h4, h5, h6{font-style:normal;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
body {
	/*color:#7d7d7d;*/
    color: #181818;
	font:13px/1.154 "Source Sans Pro", Arial, Helvetica, sans-serif;
	background:#000;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
}
body#article-page {
    color: #7d7d7d !important;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {display: block;}
a {
	color:#492f92;
	outline:none;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
img{
	max-width: 100%;
	height: auto;
	vertical-align:top;
}
video, iframe, object, embed{max-width: 100%;}
input, textarea, select {
	font:100% "Source Sans Pro", Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
	margin: 0 6px 0 0;
}
.controls label{margin:0 10px 10px 0;}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
input[type="text"],
input[type="tel"],
input[type="zip"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{
	background:#fff;
	margin: 0;
	-webkit-appearance:none;
	border:1px solid #e5e5e5;
	padding:3px 4px;
}
label{vertical-align:middle;}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}
div.control-group label.hasTooltip {
	display: inline !important;
}
#user-registration.form-horizontal .control-label, form.form-horizontal .control-label {
	text-align: left !important;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border-radius:0;
	background: #00a9cc;
	color:#fff;
	height: 32px;
    margin: 10px 0;
    /*min-width: 100px;*/
	border:none;
	text-align:center;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{opacity:0.7;}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote{
	border-left:4px solid #ccc;
	padding-left:10px;
	margin-left:14px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
/*	border:1px solid #ccc;*/
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul{ margin-left:1px; }
ul, ol{ padding-left:3em; }
ul ul,
ul ol,
ol ul,
ol ol{
	padding-left:3em;
	margin:0;
}
ul.tags {padding-left:0}
ul>li{list-style-type:disc;}
ul.tags > li {
    list-style-type: none;
	float: left;
}
dl dt{
	float:left;
	clear:left;
	padding-right:4px;
	font-weight:bold;
}
/* messaging on homepage for this one style below*/
#main .alert.alert-message {
    margin: 10px auto;
    width: 77%;
}
#system-message div.alert.alert-message {
	background: #DFF0D8;
	border:3px solid #D6E9C6;
	color:#3C763D;
}
#system-message div.alert.alert-notice {
	background:#C3D2E5;
	border: 3px solid #84A7DB;
	color: #0055BB;
}
#system-message div.alert.alert-error {
	background:#F2DEDE;
	border: 3px solid #EBCCD1;
	color:#A94442;
}
#system-message div.alert.alert-warning {
	background:#EfE7b8;
	border: 3px solid #F0DC7E;
	color:#C00;
}
#system-message .alert-heading {
	display: none;
}
#system-message p.alert-message,
#system-message div.alert div.alert-message,
#system-message div.alert div.alert-notice,
#system-message div.alert div.alert-error,
#system-message div.alert div.alert-warning {
	margin-top:1em;
	margin-bottom:1em;
}

@media (max-width: 767px) {
    .caret-mobile {
        position: relative;
    }
    .caret-mobile:after {
        content: "";
        position: absolute;
        top: 5px;
        right: -25px;
        background: url(../images/sprite.png) no-repeat -220px 0;
        width: 12px;
        height: 11px;
    }
    :hover > .caret-mobile:after {
        background-position: -236px 0;
        width: 12px;
        height: 14px;
        right: -25px;
        top: 4px;
    }
    .open .caret-mobile:hover:after,
    .open .caret-mobile:after {
        background-position: -267px 0;
        width: 12px;
        height: 8px;
        right: -25px;
        top: 7px;
    }
}
.aligncenter {text-align: center;}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
.spacer{padding:20px;}
.spacer-5{padding-top:5px;}
.spacer-7{padding-top:7px;}
.spacer-10{padding-top:10px;}
.spacer-20{padding-top:20px;}
.spacer-30{padding-top:30px;}
.alignleft {float: left;}
.alignright {float: right;}
.nav:after,#nav:after,
.header-frame:after,
.container:after,
#header:after{
	content:"";
	display:block;
	clear:both;
}
#header,
#main{background:#fff;}
.mobile-visible{display:none !important;}
.desktop-visible{display:block !important;}
.desktop-hidden{display:none !important;}
#header{
	border-bottom:7px solid #fdbb30;
	position:relative;
	z-index:100;
	padding: 27px 0 0;
}
.container{
        width:auto;
	padding:0 10px;
	margin:0 auto;
	max-width: 1116px;
	position:relative;
}
.header-frame{margin:0 0 -9px;}
.header-holder{
	float:right;
	margin:63px 8px 0 10px;
	text-align:right;
}
.banner-ad {
 /*  display: block;
  margin-left: auto;
  margin-right: auto;*/
  margin-bottom: 20px;
  text-align: center;

}

.banner-468 {
    border: 1px solid #ccc;
    overflow: visible;
    position: absolute;
    right: 9px;
    top: 0;
    width: 468px;
}
.social-networks{
	padding:0;
	margin: 21px 0 12px;
}
.social-networks li{
	list-style:none;
	display:inline-block;
	vertical-align:top;
	margin: 0 0 0 6px;
}
.social-networks a{
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/sprite.png) no-repeat;
	display:block;
	text-align:left;
}
.social-networks .facebook{
	background-position:0 -1px;
	width: 29px;
	height: 29px;
	margin: 1px 5px 0 0;
}
.social-networks .pinterest{
	background-position:-42px 0;
	width: 29px;
	height: 29px;
}
.social-networks .twitter{
	background-position:-80px -3px;
	width: 33px;
	height: 26px;
	margin: 3px 0 0;
}
.social-networks .instagram{
	background-position:-122px 0;
	width: 31px;
	height: 32px;
}
.social-networks .youtube{
    background-position:-36px -42px;
    width:36px;
    height:33px;
}
.social-networks a:hover{opacity:0.7;}
.login{
	margin: 0 3px 9px 0;
	padding:0;
	font-size:15px;
}
.login li{
	list-style:none;
	padding: 0 0 0 10px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.login li:after{
	content:"";
	position:absolute;
	left: 4px;
    top: 2px;
	width:1px;
	height:14px;
	background:#492f92;
}
.login li:first-child{padding:0;}
.login li:first-child:after{background:none;}
.search-form{
	border:1px solid #e4e4e4;
	border-radius:1px;
	overflow:hidden;
	-webkit-box-shadow: 3px 3px 3px rgba(33, 33, 33, .15) inset;
    box-shadow: 3px 3px 3px rgba(33, 33, 33, .15) inset;
	background:#fff;
	margin: 0 -1px 0 0;
}
div.login form.well div.control-label {
	text-align: left;
}
#header .search-form{margin-left:5px; margin-bottom: 10px;}
#footer .search-form{
	-webkit-box-shadow: none;
	box-shadow: none;
}
.email-form .text,
.search-form .text{overflow:hidden;}
.email-form input[type="text"],
.email-form input[type="search"],
.search-form input[type="text"],
.search-form input[type="search"]{
	-webkit-appearance: none;
	display:block;
	padding: 5px 10px;
	background:none;
	border:none;
	height: 34px;
	width: 100%;
	font:15px/24px "Source Sans Pro", Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	outline:none;
	margin:0;
	border-radius:0;
	text-transform:uppercase;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.search-form input[type="text"],
.search-form input[type="search"]{opacity:0.4;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="email"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder {color:#7a7a7a;}
input[type="email"]:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="search"]:-moz-placeholder {color:#7a7a7a;}
input[type="email"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="search"]::-moz-placeholder {
	color:#7a7a7a;
	opacity: 1;
}
input[type="email"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder {color:#7a7a7a;}
.search-form input[type="submit"]{
	float:right;
	border:0;
	margin: 9px 8px 0 0;
	padding: 0;
	background: url(../images/sprite.png) no-repeat 0 -55px;
	width: 17px;
	height: 18px;
	text-indent:-9999px;
	overflow:hidden;
	min-width:0;
}
.logo{
	display:inline-block;
	vertical-align:bottom;
	width:342px;
	height:79px;
	margin: 0 -13px 0 0;
}
.logo img{display:block;}
.slogan{
	display:inline-block;
	vertical-align:bottom;
	max-width:410px;
	font-style:italic;
	font-size:18px;
	line-height:1;
}
.slogan a:hover{text-decoration: none;}

/*=======================================
========== Main Navbar Top ==============
=========================================*/
#header .navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}
#header .navbar-toggle {
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	height: auto;
}
#header .navbar-toggle .icon-bar {
    width: 42px;
    height: 6px;
    background-color: #fdbb2f;
    margin-bottom: 8px;
}
#header .navbar-toggle .icon-bar:last-child {
	margin-bottom: 0px;
}
#nav{
	display:table;
	margin: 31px 0 0;
}
#nav .accordion{
	padding:0;
	margin:0;
}
#nav .accordion>li{
	list-style:none;
	display:table-cell;
	vertical-align:bottom;
	padding: 0 0 0 24px;
}
#nav .accordion>li>div{position:relative;}
#nav .accordion>li:first-child{padding:0;}
#nav .accordion>li>div>a{
	display:block;
	text-transform:uppercase;
	color:#000;
	font:15px "quicksandbold", sans-serif;
	position:relative;
	margin:0 0 22px;
	max-width:154px;
}
#nav .accordion>li.active>div>a,
#nav .accordion>li>div:hover>a,
#nav .accordion>li>div>a:hover{
	text-decoration:none;
	padding:0 0 22px;
	margin:0;
}
#nav .accordion>li>div>a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:10px;
	background:#00d0e3;
	display:none;
}
#nav .accordion>li.active>div>a:after,
#nav .accordion>li>div:hover>a:after,
#nav .accordion>li>div>a:hover:after{display:block;}
#nav .accordion .slide{
	padding: 14px 5px 15px 12px;
	width:205px !important;
	background:#fff;
	border:2px solid #00d0e3;
	margin:-2px 0 0;
}
#nav .accordion .style02 .slide{width:171px !important;}
#nav .accordion .style03 .slide{width:153px !important;}
#nav .accordion .style04 .slide{width:181px !important;}
#nav .accordion .style05 .slide{width:127px !important;}
.accordion .slide{
	position:absolute;
	left:-9999px;
	top:-9999px;
 }
.accordion>li>div:hover .slide{
	left:0 !important;
	top:100% !important;
}
.accordion>li>div:hover .slide.right{
	left:unset !important;
	right:0 !important;
}
#nav .accordion .slide ul{
	padding:0;
	margin:0;
	font-size:15px;
}
#nav .accordion .slide li{
	list-style:none;
	margin:18px 0 0;
}
#nav .accordion .slide li:first-child{margin:0;}
#nav .accordion .slide a{color:#000;}
#main{
	padding: 0 0 39px;
	position:relative;
	z-index:2;
}
.slideshow {
	position: relative;
	min-height: 501px;
	/* background:#00a8cb; */
	/* color:#fff; */
	color: #666666
	font-size:21px;
	line-height:1.524;
	margin: 0 0 30px;
	overflow:hidden;
}
.slideshow .slide,
.slideshow .container,
.slideshow .img-holder,
/*.slideshow .slideset{height:100%;}*/
.slideshow .slide {
/*	position: absolute;*/
	z-index: 1;
/*	left: 0;
	top: 0;*/
	width:100%;
}
.slideshow .slide.active {z-index: 2;}
.slideshow.not-enough-slides a.btn-prev,
.slideshow.not-enough-slides a.btn-next {visibility: hidden;}
.slideshow p{
	letter-spacing:1px;
}
.slideshow h1{
	color:#666666;
	font:61px/1 "quicksandregular", sans-serif;
	letter-spacing: -3px;
	margin: 0 72px 31px -4px;
	word-spacing: -2px;
}
.slideshow .block{
	float:left;
	padding: 80px 0 10px;
	width: 53%;
	position:relative;
	z-index:2;
}
.slideshow .img-holder{
	float: right;
	margin: 0 -4px 0 0;
	position: relative;
	width: 40%;
	padding: 72px 0 0;
}
.slideshow .img-holder:after{
	content:"";
	position:absolute;
	top:0;
	right:-250px;
	background:url(../images/bg-shadow.jpg) no-repeat;
	width:672px;
	height:500px;
}
.slideshow .img-holder img{
	position:relative;
	z-index:1;
}
.slideshow .slide a{ color: #000000; }
.slideshow .slide a:hover{ text-decoration: none; }
.post{
	padding:0;
	list-style:none;
	margin: 0 -2% -11px -1%;
}
.post li{
	display:inline-block;
	vertical-align:top;
	-webkit-box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);
	box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);
	position:relative;
	width: 31.1%;
	margin: 0 0.9% 18px;
	max-height: 351px;
	overflow: hidden;
	float: left;
}
.post p{
    font-family: 'PT Sans', sans-serif;
}
.link-video{
	padding:0 0 0 28px;
	position:relative;
}
.link-video:after{
	content:"";
	position:absolute;
	top: 5px;
	left:0;
	background: url(../images/sprite.png) no-repeat -175px 0;
	width: 24px;
	height: 20px;
}
.post p{margin:0;}
.post .box img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.post .holder{
    color:#7d7d7d;
	margin: 0 auto;
	/*padding: 0 14px 17px 15px;*/
	padding: 0 14px 17px 14px;
/*	width:316px; */
	overflow:hidden;
}

/* @media only screen and (max-height: 600px) {
	.style-double_featured {
		max-height: none;
		min-height: 620px !important;
		width: auto;
		float: left;
		background-color: #fff;
		box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);
		border: none !important;
		margin-bottom: 15px;
	}
} */

@media only screen and (min-height: 301px) {
	.style-double_featured {
		max-height: none;
		min-height: 720px !important;
		width: auto;
		float: left;
		background-color: #fff;
		box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);
		margin-bottom: 15px;
	}

	.post .holder{
		color:#7d7d7d;
		margin: 0 auto;
		padding: 0 14px 17px 14px;
		min-height:24em;
	/*	width:316px; */
		overflow:hidden;
	}
}

.doublestuff-holderfull {
	object-fit: fill;
	width: auto !important;
}

p.double-feature-blurb {
	margin-top: 10px;
}

.double-feature-title {
	font-size: 3.0em;
	margin-bottom: 30px;
	line-height: 1.07em;
	margin-left: 3px;
}

.double-feature-disclaimer {
	margin: 0 20px 0 15px;
	text-align: left;
	bottom: 40px;
	font-size: 10px;
	font-style: italic;
	position: absolute;
	color: black !important;
}

.double-feature-summary {
	color: black;
	font-weight: bolder;
	font-size: 1.03em;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.double-feature-blurb {
	line-height: 1.5em;
	color: black;
}

/* Topic Page Double Stuff */

.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 355px;
	grid-gap: 1em;
}

.grid-container > .double-stuff-grid-element {
	width: 351px;
	grid-row: 1/4;
}

@media only screen and (max-width: 768px) {
	.grid-container {
		display: inline-grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-gap: 1em;
	}

	.grid-container > .double-stuff-grid-element {
		grid-row: auto;
	}
	li.style-double_featured {
		margin-bottom: 22px !important;
	}
}

.grid-element {
	width: 351px;
}

.mosaic-style {
	-webkit-box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);
	box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);
}

.style-yellow{
	border:1px solid #4B0082	;
}

.mosaic-style .title{
	background:#4B0082;
	display: block;
    text-transform: uppercase;
    font: 15px/1 "quicksandbold", sans-serif;
    color: #fff;
    margin: 0 0 15px;
    padding: 0 0 2px 14px;
}

.sprocket-mosaic-title {
	text-align: left;
	padding-left: 14px;
	padding-right: 14px;
}

.sprocket-mosaic-title a {
	font-size: 23px;
	color: #1c1c1c;
}

.sprocket-mosaic-title a:hover {
	color: #1c1c1c;
}

.sprocket-mosaic-image {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 8px;
}

.grid-element .holder p {
	margin: 14px;
}

/* End Topic Page Double Stuff */

/*.post .style-double_featured .title {background: #4a3193;}*/

.post .holder.full{margin: 0; padding: 0; height:inherit; width:initial;}
.post .title{
	display:block;
	text-transform:uppercase;
	font:15px/1 "quicksandbold", sans-serif;
	color:#fff;
	margin: 0 0 15px;
	padding: 0 0 2px 14px;
}
.post .style-purple{border:1px solid #4a3193;}
.post .style-purple .title{background:#4a3193;}
.post .style-yellow{border:1px solid #fdbb30;}
.post .style-yellow .title{background:#fdbb30;}
.post .img{
	display:block;
	margin:0 0 8px;
	height:inherit;
	width:inherit;
}
.post .holder.full .img{
	margin:0;
}
.post h2{
	margin:0 0 10px;
	font-size:25px;
	line-height:1;
	font-weight:normal;
}
.post h2 a{color:#1c1c1c;}
.link{
	background:#00a8cb;
	color:#fff;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:top;
	font:12px/1 "quicksandbold", sans-serif;
	margin: 3px 0 5px;
	padding: 2px 4px;
}
#article-page a.link {
	background: none;
}
#article-page .row.container {
    display: inherit; /* override flex trait injected by 3rd party */
}
.link:hover{
	text-decoration:none;
	background:#04b8de;
}
.post .style-gray{
	background:#f1f1f1;
	/*padding: 21px 24px;*/
	border: 1px solid #f1f1f1;
        box-shadow: none;
}
.post .box{padding:0;}
.link-holder{text-align:right;clear:both;}
.more{
	display:inline-block;
	vertical-align:top;
	position:relative;
	font:18px/1 "quicksandbold", sans-serif;
	text-transform:uppercase;
	padding:0 20px 0 0;
}
.more:before{
	content:"";
	position:absolute;
	right: -1px;
	top: 2px;
	width:15px;
	height:15px;
	background:#492f92;
	border-radius:50%;
}
.more:after{
	content:"";
	position:absolute;
	top:50%;
	margin: -2px 0 0;
	right: 1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5.5px 0 5.5px;
	border-color: #ffffff transparent transparent transparent;
}
#footer{
	position:relative;
	padding:0;
	color:#fff;
	overflow:hidden;
	font-family: "quicksandregular", sans-serif;
}
#footer a{color:#fff;}
.footer-holder{
	height:47px;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	text-align:right;
	padding: 6px 0 0;
	z-index: 10;
	background-color: #000;
}
#footer .social-networks{
	float:left;
	margin:0;
}
#footer .social-networks li:first-child{margin:0;}
#footer .social-networks li{margin:0 0 0 5px;}
.email-form{
	display:inline-block;
	vertical-align:top;
	margin: 0 -2px 0 0;
}
.email-form label{
	display:inline-block;
	vertical-align:top;
	color:#fff;
	font:16px/1 "quicksandbold", sans-serif;
	text-transform:uppercase;
	margin: 10px 5px 0 0;
	width: 185px;
}
.email-box{
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	background:#fff;
	width: 266px;
/*        width:100%;*/
}
.email-form input[type="submit"]{
	float:right;
	border:0;
	margin: 6px 4px 0 0;
	padding: 0 2px;
	color:#fff;
	width:45px;
	height:23px;
	background: #00a9cc;
	font-size:10px;
	text-transform:uppercase;
}
.email-form input[type="submit"]:hover{opacity:0.7;}
.email-form input[type="text"],
.email-form input[type="email"]{
	border:none;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 20px;
	padding: 7px 10px;
	width: 100%;
}
.newsletter-title{
   color:#fff;
}

.footer-frame{
	background:#8e8e8e;
	padding: 0 0 51px;
}
.footer-frame .container{
	padding: 34px 10px 0 10px;
	overflow:hidden;
}
#footer .holder{
	width:100%;
	float:left;
}
.nav-holder{margin:0 183px 0 0;}
#footer .accordion .slide{
	position:static !important;
	width:100% !important;
}
#footer .accordion .opener{display:none;}
#footer .accordion ul,
#footer .accordion,
.navigation ul,
.footer-navigation ul{
	padding:0;
	margin:0;
	overflow:hidden;
}
.footer-navigation .accordion ul li{margin:10px 0 0;}
.footer-navigation .accordion ul li:first-child{margin:0;}
.navigation ul{font-size:16px;}
.footer-navigation ul{font-size:14px;}
#footer .accordion li,
.navigation ul li,
.footer-navigation li{list-style:none;}
.navigation ul li,
.footer-navigation>.accordion>li{
	float:left;
	margin: 0 0 0 1.9%;
	width: 18%;
}
.navigation ul li:first-child,
.footer-navigation>.accordion>li:first-child{
	margin:0;
	width:15%;
}
.footer-navigation{
	margin:0 0 20px;
	/*letter-spacing:-1px;*/
}
.footer-navigation h2{
	text-transform:uppercase;
	font-size:14px;
	margin: 0 0 14px;
}
#footer .frame{
	font-size: 10px;
	line-height: 1;
	float:right;
	width: 176px;
	margin: 2px -10px 0 -100%;
}
#footer .frame h2{
	margin: 0 0 9px;
	font-size:16px;
}
#footer .accordion{
	font-size:12px;
	margin: 0 0 64px;
}
#footer p{margin:0 0 10px;}
#footer .frame .accordion{margin: 0 0 25px;}
#mod-static-search-form {
    margin-top: 25px;
}
#footer .frame li{margin:0 0 6px;}
.item-page,
.blog{
	/*padding:20px 10px; PAC*/
	overflow:hidden;
	font-size:14px;
}
h1,
.search h1,
.blog h1{color: #1C1C1C;}
.dropdown-menu{
	padding:0;
	margin:0 0 10px;
	font-size:15px;
}
.dropdown-menu li{
	margin:0 0 5px;
	list-style:none;
}
.dropdown-menu li > a {
	cursor: pointer;
}
#store-container #app.roster #match_region ul#matches,
#matches.dropdown-menu {
	border: 1px solid rgba(0, 128, 0, 0.55);
	box-shadow: 0 6px 12px rgba(0, 128, 0, 0.247);
	background-clip: padding-box;
	background-color: #fff;
	border-radius: 4px;
}
.createdby{
	font-size:14px;
	display:block;
	margin:0 0 10px;
}
.items-leading{margin:0 0 20px;}
.img-intro-left{margin:0 0 10px;}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 20px;
	border-radius: 4px;
}

.pager{
	padding:0;
	margin:0;
	text-align: right;
}
.pager li{
	list-style:none;
	display:inline-block;
	margin:0 5px 0 0;
	/* width:10px; */
}

.pager li > a, .pager li > span {
	width: 20px;
	font:  15px "quicksandregular",sans-serif;
	text-align: center;
	color: #999;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none;
	border: 1.5px solid #999;
	border-radius: 2px;
}

.pager li > span {
	color: #fff;
	background-color: #999;
}

.ordering-box,
.phrases-box{margin:0 0 10px;}
.chzn-container-single .chzn-single span{line-height: 19px;}
.chzn-container .chzn-results li.active-result.highlighted{background:#00d0e3;}
.ordering-box label{margin:0 10px 0 0;}
.only label{
	display:inline-block;
	vertical-align:top;
	margin:0 10px 10px 0;
}
.chzn-container{min-width: 120px;}

#navbar-collapse-main.collapse {
	height: inherit !important;
    position: inherit !important;
    transition: inherit !important;
}


/*=====================================
     Blog column and article styles
-----------------------------------------*/
.page-title{
    background:#00A8CC;
    color:#fff;
    padding:20px;
    margin-bottom:20px;
}
.page-title-img{
/*    background:url(../images/bg-shadow-title.jpg) #00A8CC no-repeat;
    background-attachment: fixed;
    background-position: right; */
background: #00a8cc; /* Old browsers */
background: -moz-linear-gradient(left,  #00a8cc 0%, #00a8cc 66%, #01e1ed 84%, #01e1ed 86%, #00a8cc 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a8cc), color-stop(66%,#00a8cc), color-stop(84%,#01e1ed), color-stop(86%,#01e1ed), color-stop(98%,#00a8cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* IE10+ */
background: linear-gradient(to right,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8cc', endColorstr='#00a8cc',GradientType=1 ); /* IE6-9 */

}


.menu-heading{
   color: #fff;
    font: 61px/1 "quicksandregular",sans-serif;
    letter-spacing: -3px;
    margin: 0 72px 31px -4px;
    word-spacing: -2px;
    clear: both;

    padding: 0 0px 0 0;
    position: absolute;
    top: -90px;
    left:0px;
    font-size: 50px;
}
.no-left-pad{
    padding-left:0;
}
.no-right-pad{
    padding-right:0;
}
.no-top-pad {
    padding-top:0;
}

.item-title{
    clear:both;
    color:red;
}
.tag-title {
    color:blue;
}
.article-container{
    border:2px solid yellow;
    width:350px;
    height:350px;
    float:left;
    margin-right:5px;
}
#plusCallout {
	text-transform: uppercase;
	display:block;
	background: #492f92;
	width: 100%;
	color: #fff;
	padding: 5px;
	line-height: .9em;
	font-size:.7em;
}

/*
 * Hide Page x of x in article view.
 */
.pagenavcounter {
	display: none;
}

.pagination-start {
	display: none !important;
}

.pagination-next {
	display: none !important;
}

.pagination-end {
	display: none !important;
}

.pagination-prev {
	display: none !important;
}

/*========================================
    Topic Pages
------------------------------------------*/
.topic-heading{
    color: #fff;
    font: 61px/1 "quicksandregular",sans-serif;
    letter-spacing: -3px;
}

.topics .post .same-width{
    max-width: 355px;
    min-width: 308px;
    width:auto;
    padding-bottom:20px;
    max-height:355px;
}

@media only screen and (min-width: 1024px) {
	.topic-heading {
		margin-top: 14px;
	}
}

/*
Removed this for the following ticket
https://basecamp.com/1856450/projects/461533/todos/280654347
.topics .post img{
    padding-bottom: 12px;
}
*/

.topic-column{
    width:67%;
    padding-left:0;
    padding-right:0;
    float:left;
	margin-top:-1.5em;
	min-height: 25px;
}
.sidebar-column{
    width:32%;
    padding-left:1%;
    float:left;
	margin-top: -1.5em;
	padding-top: 1.5em;
}

.top-ad-content{
    min-width: 280px;
    max-width: 698px;
    margin: 5px auto 7px auto;
}
.sponsor-ad{
    background-color: #eee;
    padding:5px;
    margin-top:18px;
    max-width: 724px;
}
.sponsor-ad img{

}
.sponsor-ad-title{
    text-transform: uppercase;
    font: 13px "quicksandregular",sans-serif;
    font-weight: 900;
    padding-left: 9px;
    color:#000;
}
/*========================================
    Blog layout
------------------------------------------*/

.blog {
    margin-top: 20px;
    min-width: 310px;
}
.blog .post {
    margin-left: 0;
}
.blog .post img {
    padding-bottom: 5px;
}
.blog .post .author {
    margin-top: -3px;
    margin-bottom: 3px;
    font-style: normal;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: -0.01em;
    color: #797979;
}
.blog .post .holder .jcomments-links {
    display: none;
}

.blog-article .intro-text .date {
    line-height: 1.2em;
    margin-top: -6px;
    margin-bottom: 30px;
}
.blog-article .intro-text .author {
    line-height: 1.2em;
}
.blog-article .intro-text .author img {
    display: inline-block;
    float: left;
    height: 50px;
    margin-right: 10px;
}
/*========================================
    Articles
------------------------------------------*/
.tags{
     margin:15px 0px 15px 0;
}
div.tags {
    margin-bottom: 15px !important;
}
.article-labels{
    border: #A7A8AC solid 1px;
    margin-left:3px;
    padding:2px;
    color: #A7A8AC;
    line-height: 23px;
}
#article-page .label-info{
    border: #A7A8AC solid 1px;
    margin-left:3px;
    padding:2px;
    color: #A7A8AC;
    background-color: #fff;
    line-height: 26px;
}
#article-page .label{
    border-radius: 0;
    font-size: 100%;
    font-weight: normal;
}
#article-page {
    background-color: #fff;
}

.article-heading{
   color: #000;
    font: 57px/1 "quicksandregular",sans-serif;
    letter-spacing: -3px;
    margin: 15px 72px 31px -4px;
    word-spacing: -2px;
    clear: both;

}

.intro-text{
    font-weight: 500;
    font-size:22px;
    line-height:32px;
}

.author{
    font-style: italic;
    font-size: 16px;
}

#modified-date {
	font-style: italic;
	font-size: 16px;
}

#modified-date-byline {
	font-style: italic;
	font-size: 16px;
	margin-top: -25px;
}


.social{
    margin:10px 0;
}

.facebook{
    background: #2E578F;
    width:100%;
    height:30px;
}

.twitter{
    background:#1DA8D3;
    width:100%;
    height:30px;
}

.pinterest{
    background:#CC2829;
    width:100%;
    height:30px;
}

.articleBody p{
    font-size: 16px;
    line-height:23px;
}

.articleBody a {
    text-decoration: underline;
    color: #00A7CC;
}

.articleBody h4{
    font-size:25px;
    color:#00A7CC;
}
.caption{
    text-transform: uppercase;
    margin:2px 0 10px 0;
    color: #7d7d7d;
}
.social-big{
  display: inline-block;
  width: 24%;
  height: 30px;
  margin-top: 5px;
  margin-bottom:15px;
}
.social-small{
    display: inline-block;
    width:12%;
    height: 30px;
    margin-top:5px;

}

.facebook-style{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color: #2E578F;
}

.twitter-style{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color:#1DA8D3;
}
.pinterest-style{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color: #CC2829;
}

.email-button{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color:#D2D3D5;
}
.print-button{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color:#D2D3D5;
}
.comment-tab{
    background-color:#A8A9AD;
    width:100%;
    margin-bottom:20px;
    padding-left:10px;
}
.comment-tab a:hover{
    text-decoration: underline;
    color:#fff;
}
.comment-style{
    font-weight: 700;
    line-height: 1.5em;
    color:#fff;
    text-transform: uppercase;
}
.comment-tab a>span{
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 16px 0 0;
}
.comment-tab a>span:after{
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  background: url(../images/arrow_right.gif) no-repeat 0 0;
  width: 7px;
  height: 11px;
}
.comment-tab a[aria-expanded=true]>span:after{
  background: url(../images/arrow_down.gif) no-repeat 0 0;
  width: 12px;
  height: 8px;
  right: -5px;
  top: 7px;
}

.end-of-article-signup .newsletter-title {
	font-size: 18px;
}

.end-of-article-signup {
	background-color: #00a9ca;
	padding: 15px;

}
.end-of-article-signup .email-form {
	width: 70%
}

.end-of-article-signup #jform_email {
	display: inline-block;
	width: 75%
}
.end-of-article-signup #signup {
	display: inline-block;
	background-color: #fdbb2f;
	width: 20%;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	height: 34px;
	margin: 0 0 0 10px;
}

/*========================================
    Related articles
------------------------------------------*/
.related-links a:link{
    font-size: 1.1em;
    color:#000;

}

.relatedArticles {
	margin-top: 35px;
	margin-bottom: 10px;
}
/* Keep images same height by hiding overflow */
.relatedArticles .related-img{
	max-height:130px;
	overflow:hidden;
}
.relatedArticles .related-img img{
	max-height: initial;
}
@media only screen and (max-width: 758px) and (orientation: portrait){
	.relatedArticles .related-img{
		max-height:100%;
		overflow: visible;
	}

	/*
	* Overrides are no fun, but this is fixing a bug with a plugin's mobile image viewer
	* that isn't currently (and shouldn't be) in source control. Hence the attempt at limiting the override
	* to a media query.
	*/
	.sbox-content-image > img {
		width: auto !important;
		height: auto !important;
		overflow: scroll !important;
	}

	#sbox-overlay {
		height: 100% !important;
		width: 100% !important;
		background-color: black;
	}

	#sbox-window {
		height: auto !important;
		vertical-align: middle;
	}
}

@media only screen and (max-width: 758px) and (orientation: landscape){
	#sbox-window {
		height: auto !important;
		width: auto !important;
		vertical-align: middle;
	}

	.sbox-content-image > img {
		width: auto !important;
		height: auto !important;
		overflow: scroll !important;
	}

	#sbox-overlay {
		height: 100% !important;
		width: 100% !important;
		background-color: black;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	#sbox-window {
		height: auto !important;
		width: auto !important;
		vertical-align: middle;
	}

	.sbox-content-image > img {
		width: auto !important;
		height: auto !important;
		overflow: scroll !important;
	}

	#sbox-overlay {
		height: 100% !important;
		width: 100% !important;
		background-color: black;
	}
}

/*========================================
    Right sidebar
------------------------------------------*/
.right-sidebar .email-form fieldset{
    background:#00a8cb;
}
.right-sidebar .email-form{
    border:1px solid #00a8cb;
}
.right-sidebar .email-form label{
	margin:2px 5px;
}
.right-sidebar .email-form  .email-box {
    width: 100% !important;
}
.ads{
	margin: 0 auto 8px auto;
	width: 350px;
	border-top: 16px solid #F1F1F1;
	border-right: 25px solid #F1F1F1;
	border-bottom: 16px solid #F1F1F1;
	border-left: 25px solid #F1F1F1;
}
.adtablet{
	margin: 14px auto 14px 8px;
	width: 332px;
	border: 16px solid #F1F1F1;
}
/* admobile shows up only in mobile size */
.admobile {
	width: 332px;
	margin: 14px auto;
	border: 16px solid #F1F1F1;
}
.ads iframe,
.adtablet iframe,
.admobile iframe {
	margin-bottom: 0px;
}
#adtablet{margin-top:20px;}
.trending-title{
    background-color: #4A3193;
    display:inline-block;
    vertical-align:top;
    color:#fff;
    font:16px/1 "quicksandbold", sans-serif;
    text-transform:uppercase;
    padding:2px 5px;
    width: 100%;
}
.trending{
    margin-bottom:20px;
    margin-top:20px;
}
.media-object {
    height:auto;
}

.right-sidebar h3{
    background-color: #4A3193;
    display:inline-block;
    vertical-align:top;
    color:#fff;
    font:16px/1 "quicksandbold", sans-serif;
    text-transform:uppercase;
    padding:2px 5px;
    width: 100%;
    margin-bottom:0px;
}

.selected-articles{
    margin-top: 10px;
    margin-bottom:20px;
}
/* Hack for BS 3.3.1 for display in chrome */
.media-body {
width: 100%;
}
.media-left{
    width:120px;
    min-width:120px;
	/* firefox doesn't constrain img width contained in .media-left without float: left */
	float: left;
}
.trending .media-left{
	max-height: 64px;
}

/* Google ads */
.google-ads{
    width:300px;
    margin-left: auto;
    margin-right:auto;
    position: relative;
   /* top: 50%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);*/
   top: 20px;
}
/* ensure that google ads are accommodated */
.same-width{
    /*min-width: 345px;*/
    /*min-width:48%;*/
   /* margin-right:12px;*/
   min-width:351px;
}


/*========================================
    Newsletter
------------------------------------------*/
.newsletter{
    width:83%;
}
.newsletter-main-title{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #00a9cc;
    line-height:50px;
    margin: 30px 0;

}
.newsletter .newsletter-title{
    display:none;
}
.newsletter .email-box {
    border: 1px #000 solid;
    margin:20px 0;
}
.newsletter .email-form input[type="submit"]{
    /*Crome issue with button 2px out*/
    width:63px;
}
.newsletter p {
    color: #000;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
}
.sample-news img{
  margin:20px 0;
}

/*--- Bootstrap fixes --*/
.alert-error {
  background-color:#F2DEDE;
  border-color:#EBCCD1;
  color:#A94442;
}

.alert {
  border:1px solid transparent;
  border-radius:4px;
  margin:20px 0;
  padding:5px;
}
/*========================================
======== Screen Size   ===================
==========================================*/

@media (max-width: 1200px) {
    .navbar{
         margin-bottom: 0 !important;
        margin-left: 0px;
        margin-right: 0;
        margin-top: 18px;
        padding-top: 0px;
    }



    /*horizontal spacing between top nav items*/
    .nav > li > a {
        padding:0 43px 0 0;
    }

    /*push the entire container down so the blue hover lines up with yellow*/
    .container-fluid {
        padding-right: 0;
        padding-left:0;
       position: relative;
        top: 13px;
    }
    /*padding between the parent and child drop down*/
    .navbar-nav > li > .dropdown-menu {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: 6px;
    }

    /* Blue underline which lines up with the yellow line */
    a:focus.dropdown-toggle>span,
    a:active.dropdown-toggle>span{
        padding-bottom: 13px;
        border-bottom: 9px solid rgb(0, 208, 227);
    }

}
@media only screen and (max-width:1120px){
    #article-page .topics .container .full-width {
        width:50%;
    }
    .topics .container{
        width:753px;
    }
    .topic-column{
        width:100%;
    }
    .sidebar-column{
        width:50%;
    }
    .top-ad-content{
        max-width:698px;
    }
    .hidden-tablet{
        visibility: hidden;
    }
    .sponsor-ad{
        margin-bottom: 10px;
        max-width: 734px;
    }

	#nav .accordion > li > div > a{font-size:13px;}
	#nav .accordion > li{padding: 0 0 0 24px;}
	.post{margin: 0 -1% -11px;}
	.post .holder {
		font-size:95%;
		padding-bottom:15px;
	}
	/* The image bottom 'border' (part of the image for full pto 'ad' images) doesn't display without this. */
	.post .holder.full a {padding-bottom: 1px;}
	.post .holder.full img {max-height: 100%;}
	.post li h2 {font-size: 175%;}
}
@media only screen and (max-width:1055px){
	/* Ensures the article blocks are centred when viewport is between 1024 and 1055px wide */
	/* At this size, there are 2 columns showing and if we don't do this the columns will be left-aligned */
	.post {
		margin: 0 auto -11px;
		width: 68%;
	}
        /*This is a fix for the topics pages to fix the fix (above)for the home page to stop centre columm
        overlapping teh side column*/

        .topic-column .post {
            margin: 0 auto +20px;
            width:100%;
        }
}
/* */
/* The following applies if the document is smaller than 1024 pixels wide */
/* These rules apply predominantly to tablets */
@media only screen and (max-width:1024px){
	.desktop-visible{display:none !important;}
	.desktop-hidden{display:block !important;}
	#header .container{padding: 0 15px;}
	.logo{
		display: block;
		margin:0 0 8px;
	}
	.social-networks{margin-top:-3px;}
	#nav{
		width:100%;
		margin: 26px 0 0;
        }
	#nav .accordion > li > div > a{margin: 0 0 19px;}
	#nav .accordion > li{padding: 0 0 0 24px;}
	#nav .accordion>li.active>div>a,
	#nav .accordion>li>div:hover>a,
	#nav .accordion>li>div>a:hover{padding:0 0 19px;}
	#nav .accordion .slide{width:169px !important;}
	#nav .accordion .style02 .slide{width:141px !important;}
	#nav .accordion .style03 .slide{width:126px !important;}
	#nav .accordion .style04 .slide{width:149px !important;}
	#nav .accordion .style05 .slide{width:105px !important;}
	#nav .accordion .slide ul{font-size:12px;}
	#nav .accordion .slide{padding: 10px 5px 13px 10px;}
	#nav .accordion .slide li{margin: 15px 0 0;}
	#main{padding: 0 0 42px;}

        .ads{
            margin-left:10px;
            margin-bottom:10px;
            margin-top:0;
            margin-right:20px;
        }
        .fixed-sidebar-column .ads,
        .filesharing .ads {
            margin-left: auto;
            margin-right: auto;
        }
        .adstablet{
            margin-bottom: 15px;
			border: 16px solid #F1F1F1;
		}
        .topics .post .same-width{
            max-height:355px;
            width:350px;
        }
	.slideshow{
		font-size:17px;
		line-height:22px;
		min-height:317px;
		margin: 0 0 24px;
	}
	.slideshow .block{
		padding: 38px 0 10px 23px;
		width: 57%;
	}
	.slideshow h1{
		font-size:50px;
		margin-bottom:19px;
		margin-right:0;
	}
	.slideshow .img-holder{
		margin: 0 13px 0 0;
		padding: 40px 0 0;
		width: 39%;
		max-width:287px;
	}
	.post,
	.link-holder{
		width: 100%;
		max-width: 735px;
		margin:0 auto;
	}
	#main .post{
		margin: 0 auto -11px;
		overflow:hidden;
	}
	.post li{
		margin: 0 23px 18px 0;
		float:left;
		/*width:352px;*/
		/*Width for tablet to enable ipad to have two columns of posts*/
		width:350px;
	}
	.post li:nth-child(2n){margin-right:0;}
	/* Cancelling the image bottom 'border' for media max-width:1120px. */
	.post .holder.full a {padding-bottom: 0;}
	/* Right post list items need right margin of 4px to show drop shadow */
	/*.post li.same-height-right{margin-right:4px;}*/
	/*.post li:nth-child(2n){margin-right:4px;}*/
	/* Balance up the left margin for left post list items */
	/*.post li:same-height-left{margin-left:4px;}*/
	/*.post li:nth-child(1n){margin-left:4px;}*/
	#main .container{padding:0 12px;}
	#main>.container{padding:0;}
	.more{margin: 0 5px 0 0;}
	#footer{padding:0;}
	.footer-frame .container{padding-right:10px;}
	#footer .frame,
	.footer-holder{position:static;}
	#footer .frame{
		width:100%;
		margin:0;
	}
	#footer .frame .accordion{
		float: left;
		margin: 0 2% 0 0;
		width: 37%;
	}
	.copyright{overflow:hidden;}
	.navigation{margin:0 0 25px;}
	#footer .social-networks{margin: 0 0 0 5px;}
	.email-form{margin: 0 0px 0 0;}
	.footer-navigation h2{
		font-size:11px;
		margin: 0 0 13px;
	}
	.footer-navigation ul{font-size:11px;}
	#footer .frame{float:none;}
	.footer-frame .container{padding: 18px 14px 0;}
	.navigation ul li:first-child,
	.footer-navigation > .accordion > li:first-child{width: 16%;}
	.navigation ul li,
	.footer-navigation > .accordion > li {width: 19%;}
	#footer .holder{float:none;}
	.nav-holder{margin:0;}
	.footer-navigation{letter-spacing:0;}
	#footer .accordion{margin: 0 0 33px;}
	.navigation ul{font-size: 13px;}
	.navigation{margin: 0 0 38px;}
	.footer-frame{padding: 0 0 16px;}
}
/* Fitting in with the use of hidden-sm and .hidden-xs bootstrap classe */
@media only screen and (max-width:992px){
	.article-heading{
		 font: 47px/1 "quicksandregular",sans-serif;
		 letter-spacing: -3px;
	 }

	 #nav .accordion > li > div > a {
		font-size: 12px;
	 }
}


/* */
/* The following rules apply if the document is greater than 753 pixels wide */
/* We introduced a collapsable main navbar for mobile (i.e., 753 pixels or narrower). */
/* If the navbar is collapsed at this smaller width and then the viewport is widened, the blue .slideshow */
/* will not show because of the bootstrap javascript adds display:none to the element's style - so this */
/* rule overrides that, so that the slideshow will show on wider viewports. */
/* N.B., this is an edge case, but it fixes it, so worth the rule. */
@media only screen and (min-width:754px){
	.slideshow {
		display: block !important;
	}
}

/* */
/* The following rules apply if the document is between 753 pixels and 768 pixels wide */
/* These rules apply predominantly to mobiles */
/* These rules are included because we have set things up so that the breakpoints are slightly */
/* different to the default bootstrap breakpoints and these rules fill an 'irregularity' which */
/* has been introduced by that difference */
/* The #navbar-collapse-main rule belows forces the navbar-collapse-main to show. Over 753 pixels
/* wide the navbar toggle icon does not show, so this rule ensures the main navigation always */
/* shows when no toggle is available */
/* This rule interacts with the 'mobile-visible' class which has been applied to the button.navbar-toggle element */
@media only screen and (min-width:754px) and (max-width:768px){
	#navbar-collapse-main {
		display: block !important;
		height: auto !important;
		overflow: visible !important;
		visibility: visible !important;
	}
}

/* */
/* The following rules apply if the document is smaller than 753 pixels wide */
/* These rules apply predominantly to mobiles */
@media only screen and (max-width:753px){
	body{
		font-size:11px;
		line-height:12px;
	}
	.mobile-visible{display:block !important;}
	.desktop-visible{display:none !important;}
	.desktop-hidden{display:block !important;}
	.hidden-mobile{ display: none !important;}
	.header-holder{
		display:none;
	}
	#header{
		border:none;
		padding: 12px 0 33px;
	}
	#header .container{padding: 0 13px;}
	#header .search-form{display:none;	}
	.login{margin-bottom:17px;}
	.logo{
		height: 69px;
		width: 299px;
		margin: 0 0 15px;
	}
	.slogan{font-size:15px;}
	.accordion>li.drop-active>div .slide{
		display:block;
		position:static;
		width:100%;
	}
	.accordion>li>div:hover .slide{
		display:none;
		left:-9999px !important;
		top:-9999px !important;
        }
	#nav{
		display:block;
		border-top:3px solid #fdbb30;
		margin: 25px 0 0;
        }
	#nav .accordion > li{
		display:block;
		border-bottom:3px solid #fdbb30;
		padding:0;
	}
	#nav .accordion .slide{margin:0;}
	#nav .accordion>li.active>div>a:after,
	#nav .accordion>li>div:hover>a:after,
	#nav .accordion>li>div>a:hover:after{display:none;}
	#nav .accordion .style02 .slide,
	#nav .accordion .style03 .slide,
	#nav .accordion .style04 .slide,
	#nav .accordion .style05 .slide,
	#nav .accordion .slide{
		border:none;
		width:100% !important;
		padding: 8px 5px 13px 8px;
        }
	#nav .accordion>li.active>div>a,
	#nav .accordion>li>div:hover>a,
	#nav .accordion>li>div>a:hover,
	#nav .accordion > li>div > a{
		display:block;
		padding: 8px 10px;
		margin:0;
		max-width:100%;
        }
	#nav .accordion > li>div > a>span{
		display:inline-block;
		vertical-align:top;
		position:relative;
		padding: 0 16px 0 0;
        }
	#nav .accordion > li>div > a>span:after{
		content:"";
		position:absolute;
		top: 5px;
		right:0;
		background: url(../images/sprite.png) no-repeat -220px 0;
		width: 7px;
		height: 11px;
        }
	#nav .accordion > li>div > a:hover>span:after{background-position: -220px -20px;}
	#nav .accordion > li.drop-active>div > a>span:after{
		background-position: -267px 0;
		width: 12px;
		height: 8px;
		right: -5px;
		top: 7px;
        }
	#nav .accordion > li>div > a:hover,
	#nav .accordion > li.drop-active>div > a{
		background:#fdbb30;
		color:#fff;
        }
	#nav .accordion > li > div > a{
		margin:0;
		font-size:16px;
        }
	#nav .accordion .slide ul{font-size: 15px;}
	#nav .accordion .slide li {margin: 18px 0 0;}
	.social-networks {margin: -3px -3px 15px 0;}
	.slideshow{
		font-size:15px;
		line-height:20px;
		min-height: 213px;
		height:auto;
	}
	.slideshow h1{
		width: 160%;
		font-size:30px;
		margin-bottom: 9px;
	}
	.slideshow .block{
		float:none;
		width:100%;
		padding: 29px 0 10px;
	}
	.slideshow .img-holder{display:none;}
        .article-heading{
            color: #000;
             font: 37px/1 "quicksandregular",sans-serif;
             letter-spacing: -3px;
             margin: 10px 0 31px -4px;
             word-spacing: -2px;
             clear: both;

         }
         .page-title {
            background: none repeat scroll 0 0 #00a8cb;
            color: #fff;
            margin-bottom: 30px;
            padding: 17px;

        }

        #article-page .post .holder{
            width:355px;
            margin:0;
        }

         .topic-heading{
             font-size: 40px;

         }
         .topics .container{
            width:340px;
        }
        .topics .post .style-gray{
            height:300px;
		}
		.style-gray.same-width.same-height-left.same-height-right {

			height: 26.5em !important;
		
		}

        .topics .post .same-width{
            max-height:305px;
            width:305px;
        }
        .same-width{
            min-width:290px;
            /* max-width: 300px; */
        }
        .page-title-img{
/*      background:url(../images/bg-shadow-title.jpg) #00A8CC no-repeat;
        background-attachment: fixed;
        background-position: right; */
        background: #00a8cc; /* Old browsers */
        background: -moz-linear-gradient(left,  #00a8cc 0%, #00a8cc 66%, #01e1ed 84%, #01e1ed 86%, #00a8cc 98%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a8cc), color-stop(66%,#00a8cc), color-stop(84%,#01e1ed), color-stop(86%,#01e1ed), color-stop(98%,#00a8cc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* IE10+ */
        background: linear-gradient(to right,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8cc', endColorstr='#00a8cc',GradientType=1 ); /* IE6-9 */
}
        .sponsor-ad{

            margin-top:1px;
            min-width: 308px;
            margin-bottom:10px;
            visibility: visible;
        }
        .sponsor-ad-title{
            text-transform: uppercase;
            font: 12px "quicksandregular",sans-serif;
            font-weight: bold;
            visibility: visible;
            padding-left: 9px;
            color:#000;
        }
        .sponsor-ad img{
            width:280px;
            visibility: visible;
        }
        .top-ad-content{
            max-width: 280px;
            margin: 5px auto 7px auto;
        }
	.post li:nth-child(2n),
	.post li{
		width:350px !important;
		margin: 0 auto 15px;
		display:block;
		float:none;
	}
	#main .container {padding: 0 10px;}
	.post{margin: 0 auto -3px;}
	.post .title{font-size:12px;}
	.post li h2{font-size:21px;}
	.post .holder.full a {padding-bottom: 0;width:350px;}
	#main {padding: 0 0 18px;}
	.login {margin: 0 0 19px;}
	.login li:after{top:0;}
	#footer .social-networks{display:none;}
	.footer-holder{
		text-align:left;
		background:#8e8e8e;
		height:auto;
		padding: 6px 0 28px;
	}
	.email-box,
	.email-form{
		display:block;
		margin:0;
	}
	.email-box{width: 100%;}
	.navigation ul li,
	.footer-navigation > .accordion > li{
		float:none;
		width:100%;
		margin:0;
	}
	#footer .accordion h2 span{display:none;}
	#footer .accordion .opener{
		display:inline-block;
		vertical-align:top;
		padding: 0 17px 0 0;
		position:relative;
	}
	#footer .accordion .opener:after{
		content:"";
		position:absolute;
		top: 2px;
		right:0;
		background: url(../images/sprite.png) no-repeat -238px 0;
		width: 7px;
		height: 12px;
	}
	#footer .accordion .drop-active .opener:after{
		background-position: -267px 0;
		width: 12px;
		height: 8px;
		top: 4px;
	}
	#footer .accordion .slide{display:none !important;}
	#footer .accordion .drop-active .slide{display:block !important;}
	#footer .frame .accordion{
		float:none;
		width:100%;
		margin: 0 0 17px;
	}
	.email-form label{margin-bottom:4px;}
	.footer-frame .container,
	#footer .container{padding: 0 13px 0 11px;}
	.footer-navigation h2{
		text-transform:none;
		font-size:16px;
		line-height:1;
		margin:0;
	}
	.footer-navigation>.accordion>li{
		margin: 6px 0 0;
		overflow: hidden;
	}
	.footer-navigation>.accordion>li:first-child{margin:0;}
	#footer .accordion .slide{
		width:100% !important;
		margin: 10px 0 5px;
	}
	.navigation ul li:first-child,
	.footer-navigation > .accordion > li:first-child{width:100%;}
	#footer .accordion {margin: 0;}
	.footer-navigation{margin: 0 0 16px;}
	#footer .search-form input[type="text"],
	#footer .search-form input[type="search"]{height: 33px;}
	#footer .search-form{margin: 0 102px 22px 0;}
	.navigation ul{font-size:16px;}
	.navigation ul li:first-child,
	.navigation ul li{margin:0 0 10px;}
	.navigation {margin: 0 0 20px;}
	.footer-frame {padding: 0 0 6px;}
	.email-form input[type="submit"]{margin: 6px 6px 0 0;}

	/* adtablet border does not show in mobile size */
	.adtablet{
		margin: 14px auto 14px 8px;
		width: 332px;
		border: 0;
	}
	.related-links {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.related-links a:link {
		font-size: 1.1em;
		line-height: 1.1em;
	}

	.end-of-article-signup .email-form {
		width: 100%
	}

	.end-of-article-signup #jform_email {
		width: 100%
	}
	.end-of-article-signup #signup {
		width: 30%;
		margin: 10px 0 0 0;
		float: left;
	}

	#article-page > div.topics > div > div.topic-column.no-left-pad.no-right-pad.no-top-pad > div.topics > div > div > ul > li:nth-child(n) > div > div.holder.full {
		width: 309px !important;
	}

	#article-page > div.topics > div > div.topic-column.no-left-pad.no-right-pad.no-top-pad > div.topics > div > div > ul > li:nth-child(n) > div > div.holder.full > a.img > img {
		width: inherit !important;
	}

	#article-page > div.topics > div > div.topic-column.no-left-pad.no-right-pad.no-top-pad > div.topics > div > div > ul > li:nth-child(n) > div > div.holder.full > a.img{
		width: 309px;
	}
}

/* */
/* The following rules apply if the document is smaller than 500 pixels wide */
/* These rules apply predominantly to mobiles */
@media only screen and (max-width:500px){
	.logo{
		height: auto;
		width: 199px;
	}
	.slogan{font-size:15px;}
}

a.video_icon{
	padding-left: 28px;
	background: url('/images/video_icon.png') no-repeat 0 5px;
}

p.sponsored-link{
	display: inline-block;
	color: #FFFFFF;
	background-color: #00d0e3;
	padding: 0 0.5em;
	margin-bottom: 0.3em;
        word-spacing: 4px;
}
/* specific to topic pages */
div.grid-element p.sponsored-link {
	margin: 0 0 0 14px; 
}

/* Spinner for load more */
.spinner{
    padding: 10px;
}

.loading {
  margin: 1px auto 10px;
  width: 100px;
  text-align: center;
}

.loading > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.loading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* Blurbs displayed in the middle of articles */
.article-blurb {
	border: 1px solid #A7A8AC;
	margin-top: 5px;
}

.article-blurb-title {
    background-color: #A7A8AC;
    display:inline-block;
    vertical-align:top;
    color:#fff;
    font:16px/1 "quicksandbold", sans-serif;
    text-transform:uppercase;
    padding:2px 5px;
    width: 100%;
}
.article-blurb-body {
	margin: 1.5em auto;
	text-align: center;
}
.article-blurb-body p {
	white-space: nowrap;
	margin-top: 1em;
	margin-bottom: 1em;
}
.article-blurb-body p a {
	color: #7d7d7d;
}

/*
Hide old style blurbs.
This enables editorial to update to new article blurbs on production without showing the old blurbs.
*/
div#blurb-right,
div#blurb {
	display: none !important;
}
/*
 * back 2 school signup modal
 */
.b2s-signup-modal {
    background: #492f92;
    text-align: center;
    height: 100%;
    color: #fff;
    font: 16px "quicksandbold", sans-serif;
    padding-top: 40px;
    box-sizing: border-box;
}
.b2s-signup-modal > * {
    display: block;
}
.b2s-signup-modal img {
    display: inline-block;
    margin: 10px auto;
}
.b2s-signup-modal a {
    color: inherit;
    cursor: pointer;
    font-size: 13px;
}
.b2s-signup-modal p {
    margin: 10px auto;
    max-width: 532px;
}

.hidden {
	display: none;
}


#store-container .help-inline.error {
    color: #a94442;
	font-size: 12px;
	display: inline-block;
}

#store-container #payment-details {
	border-bottom: 1px solid #ccc;
	padding: 15px 0 10px 0;
	margin-bottom: 15px;
}

.same-height {
	min-height: 351px;
}
/* +++++++++++++++++ Breadcrumbs  +++++++++++++++++++++++++++  */
.breadcrumbs {
	padding: 0;
	margin: 10px 10px 18px 0;
	list-style: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.breadcrumbs li {
	display: inline-block;
	margin: 0 10px 0 0;
}

/* filesharing frontpage */

.topic-column.full-width {
    width: 100%;
}
.filesharing.frontpage .dynamic-columns-container {
    margin-top: 20px;
}
.filesharing.frontpage .dynamic-column {
    border-right: 1px solid #a9a9a8;
    border-left: 1px solid #a9a9a8;
    margin-right: -1px;
}
.filesharing.frontpage .dynamic-column.first{
    border-left: none;
}
.filesharing.frontpage .dynamic-column.last{
    border-right: none;
}
.filesharing.frontpage .parent-category h2,
#edocman-upload .parent-category h2 {
    color: #fff;
    padding: 2px 3%;
    background: #fdbb30;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.06em;
    font-weight: normal;
    margin-bottom: 15px;
}
.filesharing.frontpage .parent-category p {
    padding: 0 3%;
    margin: 0 auto 6px;
    font-size: 14px;
}
.filesharing.frontpage .parent-category h2 a,
.filesharing.frontpage .parent-category p a{
    color: inherit;
}
.filesharing.frontpage .parent-category .subcategories {
    position: relative;
}
.filesharing.frontpage .parent-category .category-image {
    display: table;
    float: right;
    width: 108px;
    height: 67px;
    border: 1px solid #acacac;
    margin-bottom: 4px;
    margin-left: 4px;
}
.filesharing.frontpage .parent-category .category-image .image-wrap {
    display: table-cell;
    padding: 6px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
}
.filesharing.frontpage .parent-category .category-image img {
    max-width: 100%;
    max-height: 100%;
}
.filesharing.frontpage .item-padding {
    margin-bottom: 20px;
    padding: 0 15px 20px;
}
.filesharing.frontpage .want-to-share {
    border-top: 1px solid #a9a9a8;
    border-right: 1px solid #a9a9a8;
    margin-left: -1px;
    clear: none;
    font-size: 24px;
    padding: 15px 30px;
}
.filesharing.frontpage .want-to-share a {
    color: #00a8cb;
}
.filesharing.frontpage .ads {
    /*width: auto!important;*/
    /*margin: 15px;*/
}
@media (min-width: 768px) {
    .filesharing.frontpage .parent-category .subcategories {
        display: block !important;
	}
}
@media (max-width: 767px) {
    .filesharing.frontpage .dynamic-column {
        border: none;
    }
    .filesharing.frontpage .parent-category h2 {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #fff;
        color: #000;
        margin-bottom: 3px;
        font-family: quicksandbold, sans-serif;
        font-size: 16px;
        letter-spacing: 0;
    }
    .filesharing.frontpage .parent-category.open h2 {
        background: #fdbb30;
        color: #fff;
    }
    .filesharing.frontpage .parent-category h2:hover {
        background: #fdbb30;
    }
    .filesharing.frontpage .parent-category .subcategories {
        display: none;
        padding: 5px 0 15px;
    }
    .filesharing.frontpage .parent-category .subcategories .trending-file {
        display: block;
    }
    .filesharing.frontpage .parent-category .subcategories .trending-file-image {
        display: none;
    }
    .filesharing.frontpage .parent-category p,
    .filesharing.frontpage .parent-category .subcategories .trending-file p {
        display: inline-block;
        float: left;
        clear: left;
        padding: 0.5em 5%;
        margin-bottom: 0.2em;
        color: #000;
    }
    .filesharing.frontpage .item-padding {
        padding-bottom: 0;
    }
}
.see-all-categories {
	color: #00a8cb;
	font-size: 14px;
	line-height: 1.6em;
	padding-top: 5px;
}

/* filesharing category */

.topic-heading .pre-title {
    font-size: 20px;
    display: block;
    letter-spacing: 0;
}
.filesharing #edocman-categories {
    color: #070707;
    font-size: 14px;
    line-height: 1.6em;
    padding: 0 0 15px;
}
.filesharing .see-all-categories {
	padding-top: 0;
}
.filesharing #edocman-categories .category-image{
    float: right;
    max-width: 50%;
}
.filesharing #edocman-categories a {
    color: #00a8cb;
    display: inline-block;
    margin: 0 3px;
}
.filesharing #edocman-documents .edocman-document a {
    color: #00a8cb;
}
.filesharing #edocman-documents .edocman-document a.getit {
    color: #fff;
    background: #00a8cb;
    display: inline-block;
    padding: 0.4em 0.6em 0.5em;
    font-family: "quicksandregular",sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.05em;
}
.filesharing #edocman-documents .edocman-description {
    display: table-cell;
    vertical-align: top;
    background: transparent;
    border-radius: 0 ;
    margin: 0;
    padding: 0 0 0 20px;
    text-align: left;
    border: none;
}
.filesharing #edocman-documents h3.edocman-document-title {
    font-size: 18px;
    line-height: 1.1em;
    display: block;
    float: none!important;
    margin: 0px 0 10px 0;
    min-height: 0;
}
.filesharing #edocman-documents .link-holder {
    margin-top: 30px;
}
.filesharing.category .want-to-share {
    margin: 20px 0;
    font-size: 20px;
}
.filesharing.category .want-to-share a {
    color: #00a8cb;
}
.filesharing.category .spinner {
    padding: 0;
}
.filesharing #edocman-documents .want-to-share a {
    color: #00a8cb;
}
.filesharing #edocman-documents .edocman-document {
    display: table;
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #7f7f7f;
}
.filesharing .edocman-description-details {
    text-align: left;
    margin-bottom: 10px;
}
.filesharing .edocman-image-left {
    display: table-cell;
    vertical-align: top;
    width: 150px;
    height: 150px;
}
.filesharing .edocman-image-left .frame{
    vertical-align: middle;
    display: table-cell;
    width: 150px;
	max-width: 150px;
    height: 150px;
    text-align: center;
    border: 1px solid #acacac;
}
.filesharing .edocman-image-left .wrap{
    overflow: hidden;
    max-height: 150px;
}
.filesharing .edocman-image-left .wrap img{
    max-width: 100%;
    float: none!important;
    margin: auto!important;
}
.filesharing .edocman-description {
    display: table-cell;
}
.filesharing .edocman-description .labels {
    margin: 0 6px;
}
.filesharing .edocman-description .label-new{
    display: inline-block;
    vertical-align: middle;
    padding: 1px 3px;
    background: #acacac;
    color: #fff;
    margin: 7px 0 8px 6px;
    font-size: 80%;
    width: auto;
    height: auto;
    line-height: 1.4em;
    min-height: 0;
    float: none;
}
.filesharing .edocman-description .label-new:first-child {
    margin-left: 0;
}
.filesharing .edocman-description .label-new.hot{
    background: #ed1c24;
    text-transform: uppercase;
    margin: -1px 0 0 9px;
}
.filesharing .edocman-description .label-new.pto-today{
    background: #00AACD;
}
.filesharing .edocman-description .label-new.spanish{
    background: #DE6200;
    text-transform: uppercase;
}
.filesharing .edocman-document-statisticsh {
    margin-bottom: 7px;
}
.filesharing #edocman-documents .edocman-document .members {
    color: #00a8cb;
    position: relative;
    padding-right: 20px;
    display: inline-block;
    font-size: 12px;
}
.filesharing #edocman-documents .edocman-document .members img {
    margin-bottom: 2px;
    margin-right: 2px;
}
.filesharing #edocman-documents .edocman-document .members span {
    display: inline-block;
    background-color: #acacac;
    color: #fff;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: quicksandregular, sans-seif;
    line-height: 1.2em;
    text-decoration: none;
    margin-left: 3px;
}
.filesharing #edocman-documents .edocman-document .members:hover:after {
    content: 'Click for more information about PTO Today Plus and members-only offerings';
    position: absolute;
    color: #000;
    padding: 1.1em 1.7em;
    left: 100%;
    top: 0;
    background: #ddd;
    font-family: quicksandregular, sans-seif;
    font-weight: bold;
    font-size: 11px;
    width: 17em;
    text-align: left;
    line-height: 1.8em;
}

@media (max-width: 768px) {

    .filesharing .edocman-document {
        position: relative;
    }
    .filesharing .edocman-description .labels {
        display: block;
        margin: 0;
    }
    .filesharing .edocman-image-left {
        padding-bottom: 40px;
    }
    .filesharing #edocman-documents .edocman-taskbar {
        position: absolute;
        left: 0;
        top: 157px;
        max-width: 150px;
    }
}

/* filesharing document page */

.column-wrapper {
    display: table;
    width: 100%;
    table-layout: auto;
}
.main-column,
.fixed-sidebar-column {
    display: table-cell;
    vertical-align: top;
}
.main-column {
    width: auto;
}
.fixed-sidebar-column {
    width: 360px;
    padding-left: 15px;
}
@media (max-width: 767px) {

    .column-wrapper {
        display: block;
    }
    .main-column,
    .fixed-sidebar-column {
        display: block;
    }
    .main-column {
        width: auto;
    }
    .fixed-sidebar-column {
        width: auto;
        padding-left: 0;
        text-align: center;
    }
    .fixed-sidebar-column .module {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
}
#edocman-document-page {
    position: relative;
    padding-left: 220px;
    transition: none;
}
.edocman-document-categories {
    margin-top: 10px;
}
.edocman-document-categories span a {
    display: inline-block;
    border-radius: 0;
    font-size: 100%;
    font-weight: normal;
    border: #A7A8AC solid 1px;
    margin-left: 3px;
    margin-bottom: 6px;
    padding: 0 3px;
    color: #A7A8AC;
    background-color: #fff;
    line-height: 24px;
}
#edocman-document-page .item-image {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
}
#edocman-document-page .item-image .frame {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    border: 1px solid #acacac;
}
#edocman-document-page .item-image .wrap {
    overflow: hidden;
    text-align: center;
    max-height: 200px;
}
#edocman-document-page a.getit {
    color: #fff;
    background: #00a8cb;
    display: inline-block;
    padding: 0.4em 0.6em 0.5em;
    font-family: "quicksandregular",sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 1em;
    letter-spacing: 0.05em;
}
#edocman-document-page .big-link {
	display: block;
	margin: 0 0 15px;
	font-size: 20px;
	color: #000;
	line-height: 1.2em;
}
#edocman-document-page .big-link a {
    color: #00a8cb;
}
.edocman-box-heading {
    background: none;
    border: none;
}
.edocman-box-heading h1 {
    font: 47px/1 "quicksandregular",sans-serif;
    margin: 20px 0;
}
#edocman-document-page .edocman-taskbar li:first-child {
    margin-top: 0!important;
}
#edocman-document-page .edocman-description {
    padding: 0;
    border: none;
    text-align: left;
}
#edocman-document-page .edocman-description h2 {
    line-height: 1.4em;
}
#edocman-document-page .edocman-description .edocman-description-details {
    border: none;
    text-align: left;
}
#edocman-document-page .edocman-description #edocman-document-info .table > tbody > tr > td{
	border: none;
	padding: 4px 8px 4px 0;
	display: inline-block;
	width: auto;
	font-size: 16px;
	height: auto;
}
@media (max-width: 992px) {
    #edocman-document-page {
        padding-left: 0;
    }
    #edocman-document-page .item-image {
        position: relative;
        margin-bottom: 20px;
    }
}
.filesharing .more {
    margin-top: 20px;
}

.module.trending-files .trending-file {
    display: table;
    margin-bottom: 10px;
}
.module.trending-files h2 {
    color: #fff;
    padding: 2px 3%;
    background: #fdbb30;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.06em;
    font-weight: normal;
    margin-bottom: 15px;
}
.module.trending-files .trending-file p {
    padding: 0 3%;
    margin: 0 auto 6px;
    font-size: 14px;
}
.module.trending-files h2 a,
.module.trending-files .trending-file p a{
    color: inherit;
}
.module.trending-files .trending-file-link {
    display: table-cell;
    vertical-align: top;
    font-size: 17px;
    color: #1c1c1c;
}
.module.trending-files .trending-file-image {
    display: table-cell;
    width: 120px;
}
.module.trending-files .trending-file-image .frame {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    height: 70px;
    border: 1px solid #c4c4c5;
}
.module.trending-files .trending-file-image .frame .wrap {
    max-height: 70px;
    overflow: hidden;
    text-align: center;
}
.module.trending-files .trending-file-image .frame .wrap img {
    margin: 0 auto;
}


.followup-articles {
    margin: 20px 0;
    max-width: 320px;
}
.followup-articles a {
    display: block;
    margin-bottom: 24px;
    color: #171717;
    font-size: 15px;
}
.followup-articles a img {
    display: block;
    margin-bottom: 6px;
}
@media (max-width: 767px) {
    .followup-articles {
        margin-left: auto;
        margin-right: auto;
    }
}


.plus_login_form ul {
	border-radius: 0;
	border-top: 6px solid #FDBB30;
	top: 109%;
}
.plus_login_form li {
	max-width: none;
	padding: 10px 15px 0 !important;
	width: 295px;
}
.plus_login_form h3 {
	margin-bottom: 10px !important;
}
.plus_login_form input{
	height: 30px;
	line-height: 1.2em;
	padding: 3px 4px;
	margin: 6px 0 2px;
	border: 1px solid #acacac;
	outline: none;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	border-right: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.plus_login_form .login-button {
	border: 1px solid #00a9cc;
	padding-left: 5px;
	padding-right: 6px;
}
.plus_login_form .form-login-password {
	margin:0;
}

.invalid
{
  border-color:red!important;
}
table.contentpaneopen td {
  border:none;
}

.cat-list-row0, .cat-list-row1 {
    display: block;
    list-style: outside none none;
    margin-bottom: 10px;
}

#system-message .alert .close {
	right: 0px;
}

#edocman-upload label.hasTooltip {
	display: inline-block !important;
}

#edocman-upload .document-title,
#edocman-upload .document-filename,
#edocman-upload .document-language {
	margin-bottom: 15px;
}

#edocman-upload input.button[value="Done"],
#edocman-upload input.button[value="Cancel"] {
	padding-left: 10px;
	padding-right: 10px;
}

 /* Zine-kit alternative layout */

.kit-pages{
    padding-right: 1em;
}
.kit-image{
    margin:8px 20px 3px 0;
}

#kit .kit-pages .kit-image{
    margin:8px 10px 3px 0;
    min-width:180px;
    height:180px;
}

.kit-pages .btn-info{
    border-radius: 0px;
    font-size: 1.0em;
    margin:1em 0 1em 0;
}

#kit h1.article-heading{
    font-size: 49px;
}

.kit-pages .btn-info a:link{
    background-color: #00a8cb;
    border:#00a8cb;
    color:#fff;
}

.kit-box {
    border: solid 1px #00a8cb;
    margin-top:1.0em;
    font-size: 0.8em;
    padding-left: 0.5em;
    display: block;
    overflow:hidden;
}

.kit-box h2{
    color:#00a8cb;
    font-size: 1.2em;
    font-weight:800;
    padding: 10px 0 0 5px;
    margin-bottom:0px;
}

.kit-box table{
    margin-bottom: 0;
}

.kit-box ul{
    padding-left: 15px;
    margin-bottom: 0;
}

#kit-page-bottom a:link{
    color:#00a8cb !important;
    text-decoration: underline;
}

.kit-pages-bottom a:visited {
    color:#00a8cb !important;
    text-decoration: underline;
}

.kit-pages-bottom a:hover {
    color:#00a8cb !important;
    text-decoration: underline;
}

.kit-sidebar .ads{
    margin:0 0 10px 0;
    text-align: left;
}

/*Fix for text overlapping the image*/
@media (max-width:1120px) and (min-width:991px) {
    #kit .kit-pages > .row > .col-md-9 {
        width:70%;
        margin-left:4%;
    }
}​
/*full width layout*/
#fw .no-margin-right {
    margin-right: 0;
}

#fw .no-left-pad {
    padding-left: 0;
}

#fw .article-heading{
    font-size: 48px;
}

#fw .kit-box {
    border: solid 1px #00a8cb;

    font-size: 0.8em;
    padding-left: 0.5em;
    display: block;
    overflow:hidden;
}

#fw ul{
    padding-left: 19px;
    margin: 0 0 0 6px;
}

#fw li {
    line-height: 1.2em;
    padding: 0.4em 0;
}
#fw .no-margin-left {
    margin-left: 0;
}

#fw .landscape-img {
    padding-top:20px;
}

#fw .container {
    padding-left: 0;
}

#fw-page p a:link{
    color:#00a8cb !important;
    text-decoration: underline;
}

.fw-page-links a:visited {
    color:#00a8cb !important;
    text-decoration: underline;
}

.fw-page-links a:hover {
    color:#00a8cb !important;
    text-decoration: underline;
}

/*
* Zine-blank-slate
*/
.blank-slate .article-heading{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    padding-top:20px;
}
.blank-slate .btsboot{
    float:right;

}
.blank-slate .italics{
    font-style: italic;
}

.blank-slate p{
    font-size: 22px;
    color: #636363;
    padding-bottom:15px;
}

.blank-slate .pad-right{
    padding-right:20px;
}

.blank-slate .pad-top {
    margin-top: 16px;
}

.blank-slate .video-holder{
    padding-top:20px;
    padding-bottom:20px;
}

.blank-slate .link-blue{
    color: #22b4d2;
    text-decoration: underline;
}

.blank-slate .blocks {
    padding-left: 10px;
}

.blank-slate .blocks p{
    color:#ffffff;
    font-size:20px;
    padding-left: 15px;
    padding-right:15px;
    padding-top:10px;
    font-weight: 600;
    line-height: 26px;
}

.blank-slate .blocks .col-md-4{
    padding-left:8px;
    padding-right:8px;
}

.blank-slate .col-block{

}

.blank-slate .block-tall{
    min-height:690px;
}

.blank-slate .block-tall img{
    width: 90%;
    height: 90%;
    margin: 0 auto;
    display:block;
    padding:0;
}

.blank-slate .block-square{
    height: 337px;
}

.blank-slate .block-heading{
    color:#ffffff;
    font-size: 40px;
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:35px;
    padding-bottom:10px;
}

.blank-slate .block-star{
    height:337px;
    border: solid 2px #ed147f;
}

.blank-slate .blocks .block-star img {
    padding-top:10px;
}

.blank-slate .blocks .block-star p{
    color: #4b4b4b;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom:0;
}

.blank-slate .blocks .block-star .hash{
   color:#ed1f7f;
   font-size:32px;
   margin-bottom:0;
}

.blank-slate .sub-heading{
    padding-left: 15px;
    padding-top: 30px;
}

.blank-slate .sub-heading p{
    font-size: 36px;
    font-weight: 700;
}

@media (max-width:1024px) and (min-width:753px){
    .blank-slate .block-heading{

        padding-top:20px;
    }
    .blank-slate .blocks .block-star p{
        font-size: 20px;
        line-height: 28px;
    }
}

@media (max-width: 753px) {
    .blank-slate p{
        font-size:14px;
    }
    .blank-slate .btsboot{
        float:left;
        margin-bottom:20px;
    }
    .blank-slate .blocks p{
        font-size:14px;
    }
    .blank-slate .block-heading{
        font-size:24px;
        line-height:28px;
        padding-top:20px;
    }
    .blank-slate .blocks .block-tall img{
        display:none;
    }

    .blank-slate .block-tall{
        min-height:230px;
        margin-right:15px;
    }

    .blank-slate .block-square{
        height: 230px;
        margin-right:15px;
    }

    .blank-slate .sm-space{
        margin-top:16px;
    }

    .blank-slate .sub-heading p{
        font-size:22px;
        line-height:28px;
        font-weight: 400;
    }
    .blank-slate .block-star{
        margin-right:15px;
    }

    .blank-slate .blocks .block-star p{
        font-size: 20px;
        line-height: 28px;
    }
}

#article-page .expo {
	padding-top: 25px;
}

/*#article-page .expo img.expo-logo {
	margin: 20px 0;
}*/

#article-page .expo h1.article-heading {
	font-size: 52px;
	margin-bottom: 10px;
}
#article-page p.date-location {
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.8px;
}

#article-page div.bordered-section {
	margin: 30px 0;
	/*border: 1px solid #00A7CC;*/
	/*padding: 15px 20px 7px 20px;*/
}

#article-page div.bordered-section .heading {
	font-weight: bold;
	color: #00A7CC;
	font-size: 1.5em;
	margin-bottom: 12px;
}

#article-page div.bordered-section p {
	color: #7E7E7E;
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: 8px;
}

#article-page div.bordered-section .label {
	padding: 0;
	font-weight: bold;
	color: #7E7E7E;
	white-space: normal;
}

#article-page div.exhibitors .exhibitor {
	color: #7E7E7E;
	font-size: 1.2em;
	margin: 25px 0;
}

#article-page div.exhibitors .exhibitor a {
	color: #00A7CC;
}

#article-page div.exhibitors .exhibitor span.sponsor-highlight {
	color: #6e53ba;
	font-weight: bold;
}

#article-page .logos {
	border-top: 1px solid #7E7E7E;
	margin-bottom: 35px;
}

#article-page .logos p.heading {
	font-size: 1.5em;
	font-weight: bold;
	color: #7E7E7E;
	margin-top: 20px;
	margin-bottom: 15px;
}

#article-page .logos p.sponsor-heading {
	font-size: 1.2em;
	font-weight: bold;
	color: #7E7E7E;
	margin-top: 45px;
	margin-bottom: 25px;

}

@media only screen and (max-width: 753px) {
	#article-page .logos a {
		display: block;
		margin-bottom: 25px;
	}
	
	#article-page .post .holder {
		width:350px;
		margin:0;
	}
}

/* ===== Kunena Board Styles ====== */
body.noheader .page-title.page-title-img {
    display: none;
}

body.noheader .right-sidebar{
    margin-top:10px;
}

#Kunena {
    margin-top:2em;
}

#Kunena #div-gpt-ad-1332343954427-5,
#Kunena #div-gpt-ad-1332343954427-7{
    margin:20px 0 20px 0;
}

@media (max-width: 753px) {
    body.noheader .topic-column{
        width:100% !important;
    }
}

#store-container {
	margin-bottom: 10px;
	padding-right: 15px;
}

#store-container h3 {
    color: rgb(0, 167, 200);
    font-size: 2em;
    padding: 0;
    line-height: 145%;
}

#store-container #app.roster h3.form-sub-header {
    color: #000000;
}

#store-container h4 {
    font-size: 1.5em;
}

#store-container #app {
	position: relative;
}

#store-container .form-header {
	margin-bottom: 25px;
}


#store-container .products-info {
	margin-bottom: 35px;
}

#store-container #app p,
#store-container .products-info p,
#store-container .form-description p {
    padding-bottom: 5px;
    color: rgb(75, 75, 75);
    margin: 0;
    font-size: 1.3em;
    line-height: 1.2em;
}

#store-container .product-info {
	margin-bottom: 25px;
}

#store-container .product-info p {
	margin: 0.5em 0;
}
#store-container .product-info p.product-title {
	font-weight: bold;
}

#store-container .btn-container {
	margin-top: 20px;
}

.hidden {
	display: none;
}

#store-container #app.roster #attendees-region {
	margin-top: 45px;
}

#store-container #attendees-header {
	position: relative;
	/*height: 45px;*/
}

#store-container .attendees-info-header {
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
	line-height: 1.5em;
}

#store-container .addl-attendees-header {
	margin-top: 30px;
	font-weight: bold;
	color: #000000;
	line-height: 1.5em;
}

#store-container .attendees-info-headings {
	margin-bottom: 4px;
}

#store-container #attendees-details {
	margin-top: 15px;
}

#store-container #attendees-details .donotknow-group {
	padding-top: 12px;
}

#store-container #app.roster #add-officer {
	margin-top: 10px;
    color: rgb(0, 167, 200);
	font-size: 1.4em;
	display: inline-block;
	text-decoration: underline;
}

#store-container #app.roster #add-officer:hover {
	color: #E2E2E2;
}

#store-container #alert-region.alert {
    position: absolute;
    top: 7%;
    right: 20px;
    z-index: 1200;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#store-container #app.roster #alert-region.alert {
	border-color: #A94442;
}

body #store-container .alert-dismissible {
  padding-right: 35px;
}

#store-container #alert-region.alert button.close {
	height: auto;
	margin-top: 0px;
}

#store-container button.button,
#store-container a.button {
    font-size: 12px;
    display: inline-block;
    background-color: #f8ce6c;
    /*vertical-align: bottom;*/
	margin-top: 10px;
	margin-left: 15px;
    border: 1px solid #00A9CA;
    padding: 2px 20px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
	cursor: pointer;
	height: auto;
}

#store-container button.button[disabled="disabled"],
#store-container a.button.disabled {
    background-color: #FBF2DC;
    border: 1px solid #C1F0F9;
    color: #AAA;
    cursor: default;
	height: auto;
}

#store-container input,
#store-container select {
	padding: 3px 4px;
}

#store-container input#email {
	width: 100%;
}

#store-container input#donotknow,
#store-container input#registrantattending {
	width: auto;
	display: inline-block;
	margin-top: 0px;
}

#store-container input#registrantattending {
	/*margin-left: 10px;*/
}

#store-container .attendees-info-details .attending {
	margin-left: 8px;
}

#store-container input,
#store-container select,
#store-container textarea {
    border: 1px solid #A6A6A6;
	font-size: 1.2em;
}

#store-container .has-error input,
#store-container .has-error select,
#store-container .has-error textarea,
#store-container input.invalid,
#store-container select.invalid,
#store-container textarea.invalid {
    border: 1px solid #ff0000;
    background: #F2DEDE;
}

#store-container input.valid,
#store-container select.valid,
#store-container textarea.valid {
    border: 1px solid #00ff00;
    background: #DEF2DE;
}

#store-container .find-container .dropdown-menu {
    background: white;
    border-radius: 4px;
    border: 2px solid #000;
    left: 0;
    margin-left: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: scroll;
    width: 100%;
}

#store-container .form-group {
	margin-bottom: 8px;
}

#store-container .has-error .form-control {
    color: #a94442;
    border-color: #a94442;
}

#store-container .form-inline .form-control {
    width: 100%;
}

#store-container .form-control {
    padding: 3px 4px;
    height: auto;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-transition-property: none;
	-webkit-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

#store-container .form-group.required::after {
	color: #a94442;
    content: "*";
	position: absolute;
	top: 0px;
	right: 6px;
	font-weight: bold;
}

#store-container #quantity-division {
	text-align: center;
}

#store-container .center-block {
	display: block;
}
#store-container #coupon-detail {
	border: 1px solid #ccc;
	padding: 16px;
    margin-top: -21px;
}

#store-container #billing-detail {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 25px;
}

#store-container label {
	width: 100px;
}

#store-container .inline label {
	width: auto;
}

#store-container #card-type{
	font-size: 20pt;
    vertical-align: middle;
    margin-left: 10px;
}

.forms_button {
	background-color: #08a5ce;
	border: 1px solid #08a5ce !important;
	border-radius: 3px !important;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	height: 3em;
}

button.forms_button.btn {
	padding: 4px 12px;
}

#store-container button.forms_button.btn[name="find-school"] {
	margin: 0;
	padding: 4px 10px;
	height: auto;
}

#store-container #find-school-zip {
	width: auto;
	display: inline-block;
}

#store-container #school-region {
	margin-top: 15px;
}

#store-container select#school {
	width: 100%;
/*	width: auto;
	max-width: 100%;*/
}

#store-container .school-not-found {
	margin-top: 1em;
}

#store-container button#coupon-submit {
	margin-top: 0px;
	margin-left: 10px;
}

#store-container .inline .label-like {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin-bottom: 5px;
	font-weight: bold;
}

#store-container div.sidebyside {
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
}

#store-container div.sidebyside input,
#store-container div.sidebyside label {
	display: block;
	margin-right: 0px;
}
#store-container div.sidebyside label {
	margin: 0 auto;
	text-align: center;
}

#store-container .ajax-loader {
	display: none;
	width: auto;
	height: 25px;
	vertical-align: middle;
	margin: 0 0 0 5px;
	padding: 0;
}

#store-container .ajax-loader.loading {
	display: inline-block;
}

#store-container .ajax-loader img {
	height: inherit;
}

#store-container #order-confirmation address {
	font-style: normal;
}

#store-container #payment-view .sidebyside label[for="exp_mo"].required,
#store-container #payment-view .sidebyside label[for="exp_yr"].required {
	margin-top: 4px;
}

#store-container #payment-view label.required::after {
	color: #ff0000;
	content: "*";
	line-height: 50%;
	vertical-align: top;
	padding-left: 4px;
}

#store-container #app .confirmation-details p,
#store-container #app .payment-address p {
	margin-bottom: 10px;
}

#store-container #app .payment-address address p {
	margin-bottom: 0px;
}


#store-container label[for="pay_by_check"] {
	font-size: 135%;
	margin-bottom: 0;
	padding-left: 5px;
	width: auto;
}

@media (max-width: 767px) {
#store-container #attendees-details .row {
	margin-bottom: 25px;
}
#store-container #attendees-details .donotknow-group {
	padding-top: 0px;
}
}

#store-container #billing-info .error-message {
	display: none;
	color: #ff0000;
	font-size: 85%;
	padding-left: 102px;
    margin-top: 2px;
}

#store-container #billing-info input.invalid + .error-message {
	display: block;
}

#store-container #attendees-details select {
	padding-top: 4px;
}

@media (min-width: 768px) {
#store-container #attendees-details .row {
	margin-right: -8px;
	margin-left: -8px;
}

#store-container #app.roster #attendees-details .col-sm-11,
#store-container #app.roster #attendees-details .col-sm-3,
#store-container #app.roster #attendees-details .col-sm-2,
#store-container #app.roster #attendees-details .col-sm-1 {
	padding-right: 8px;
	padding-left: 8px;
}
#store-container #app.roster #attendees-details .form-group.required::after {
	right: 0px;
}
}

#store-container #attendees-details .remove-officer {
	text-align: right;
}

#store-container #attendees-details .remove-officer-img {
	padding-right: 5px;
	padding-top: 6px;
}

#store-container #attendees-details .hover-me:hover {
	opacity: 0.5;
}

#store-container #attendees-details .message_region {
	position: relative;
}

#store-container .message_region.open .dropdown-menu:before {
	content: "";
	position: absolute;
	background: url(/images/left-arrow-white.png) no-repeat;
	width: 10px;
	height: 15px;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	left: -10px;
	top: 56px;
	z-index: 9999;
}

#store-container .message_region .dropdown-menu {
	opacity: .9;
	margin-left: 45%;
	border: none;
	border-top: #08a5ce 8px solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	top: -57px;
	/*padding: 15px 25px;*/
	padding: 5px 20px 15px 20px;
	text-align: center;
}

#store-container #attendees-details .message_region .btn-container {
	margin-top: 10px;
}

#store-container #match_region .profile-match.dropdown-menu {
	position: relative;
	width: 100%;
	margin-top: -8px;
}

#store-container #match_region ul#matches {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#store-container #match_region ul#matches li {
	margin: 0px;
	padding: 5px;
}

#store-container #match_region ul#matches li:hover {
	background-color: #E2E2E2;
}

#store-container #app.roster #match_region ul#matches li#person_caption:hover {
	background-color: transparent;
}

#sbox-window {
	/*padding: 0px;*/
	margin-bottom: -10px;
	box-sizing: content-box;
}

#sbox-content iframe {
	margin-bottom: 0px;
}

#store-container #person_caption {
	font-weight: bolder;
	padding: .5em 0 0 1em;
}

/* Expo Extras Page */
.expoextra .page-title {
	display: none;
}
.expoextra .topics {
	margin-top: 30px;
}
.expoextra .expo-extras img{
	float:left;
}
.expoextra .expo-extras .top{
	display: table;
}
.expoextra .expo-extras .top .header{
	display: table-row;
}
.expoextra .expo-extras .top .expo-logo{
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
}
.expoextra .expo-extras h2{
	font: 38px/1em quicksandregular, sans-serif;
	color: #000;
	letter-spacing: -0.05em;
	display: table-cell;
	vertical-align: bottom;
}
.expoextra .expo-extras p.intro{
	margin-top: 20px;
}
.expoextra .expo-extras p.intro,
.expoextra .expo-extras .tools h4{
	font-size: 21px;
	line-height: 1.3em;
	font-weight: bold;
	color: #7d7d7d;
}
.expoextra .expo-extras hr.light{
	border-color: #acacac;
}
.expoextra .expo-extras h3{
	font: 32px/1em quicksandbold, sans-serif;
	color: #000;
	letter-spacing: -0.05em;
}
.expoextra .expo-extras .tools img{
	margin-bottom: 20px;
}
.expoextra .expo-extras .tools .left{
	margin-right: 20px;
	max-width: 160px;
}
.expoextra .expo-extras .tools div.left{
	display: inline-block;
	width: 110px;
	height: 110px;
	background: purple;
	border-radius: 999px;
	text-align: center;
	padding-top: 21px;
	margin-bottom: 8px;
}
.expoextra .expo-extras .tools .left.purple{
	background: #9f247f;
	float:left;
}
.expoextra .expo-extras .tools .left.violet{
	background: #492f92;
	float:left;
}
.expoextra .expo-extras .tools .left.green{
	background: #80c141;
	float:left;
}
.expoextra .expo-extras .tools .left.yellow{
	background: #fdb930;
	float:left;
}
.expoextra .expo-extras .tools .left span{
	display: block;
	font-size: 40px;
	color: #fff;
	line-height: 0.84em;
	font-family: quicksandbold, sans-serif;
	letter-spacing: -0.1em;
}
.expoextra .expo-extras .tools .left span:last-child{
	font-family: quicksandregular, sans-serif;
	font-size: 46px;
}
.expoextra .expo-extras .tools .text-wrap {
	display: table-cell;
}
.expoextra .expo-extras .tools .download{
	font-family: quicksandbold, sans-serif;
	color: #fff;
	background: #00A8CB;
	font-size: 16px;
	padding: 8px 12px;
	min-width: 120px;
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
}

/* events/expos */
.register_button_top  a {display:inline; background:url(/images/events/register_bg.png) repeat-x; float:left;  border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; padding:9px  23px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff;}
.register_button_top  a:hover {text-decoration:underline;}
@media (max-width: 767px){
	.expoextra .topic-column {
		width: 100%;
	}
	.expoextra .expo-extras .top h2,
	.expoextra .expo-extras .top .expo-logo,
	.expoextra .expo-extras .tools .text-wrap{
		display: block;
		margin-bottom: 10px;
	}
	.expoextra .expo-extras .tools img {
		margin-bottom: 5px;
	}
	.expoextra .expo-extras .tools h4 {
		margin-bottom: 7px;
	}
	.expoextra .expo-extras .tools .download {
		margin-bottom: 10px;
	}
}

/* */
/* The following rules apply if the document is smaller than 500 pixels wide */
/* These rules apply predominantly to mobiles */
@media only screen and (max-width:500px){
	.dropdown-menu{
		padding:0;
		margin:0 0 10px;
		font-size:13px;
	}
}

.sponsor_header {
	position: relative;
	border-top: 20px solid #F1F1F1;
    border-right: 12px solid #F1F1F1;
    border-bottom: 10px solid #F1F1F1;
    border-left: 12px solid #F1F1F1;
}
.sponsor_header_category {
	margin-bottom: 15px;
}
.sponsor_header_document {
	margin-top: 15px;
}

/* the following are required by IE11 */
.container .sponsor_header_document .img-responsive,
.container .sponsor_header_category .img-responsive {
	width: 100%;
}

.sponsor_header p {
	position: absolute;
	top: -17px;
	color: #000000;
}

@media (max-width: 424px) {
	.hidden-xxs {
		display: none !important;
	}
	.visible-xxs-block {
		display: block !important;
		visibility: visible !important;
	}
}

/* remove gap from above hero image and fix width on #expo-attendee */
.expo-attendee-17 td{
	padding:0;
}

#expo-attendee p{
	font-size: 16px;
	line-height: 23px;
}

#expo-attendee a{
	color: #5bb5d2;
	text-decoration: underline;
}

#expo-attendee a:hover{
	color: #5bb5d2;
	text-decoration: none;
}

#expo-attendee #hero-header {
    position: relative;
    height: 300px;
	/*top:-3px;*/
	font-family: "Myriad Pro", sans-serif;
}

#expo-attendee #hero-header .hero-text {
    position: absolute;
    font-size: 53px;
	line-height:60px;
    color: #FFF;
    width: 52%;
    top: 15%;
    left: 5%;
	font-weight: 400;
}

#expo-attendee #hero-header .hero-subimage {
    position: absolute;
    top: 19%;
    right: 5%;
    width: 30%;
}

#expo-attendee #hero-nav {
    background-color: #f9ab19;
}

#expo-attendee #hero-nav ul {
    list-style: none;
	padding: 10px 0px 10px 0px;
}

#expo-attendee #hero-nav li {
    display: inline-block;
	padding: 0px 40px 0px 20px;
	margin:5px 0px;
}

#expo-attendee .hero-image {
    height: 100%;
    width: 100%;
}

#expo-attendee #hero-nav li a {
    color: #000;
	font-weight: 600;
	font-size: 1.2em;
	font-family: 'quicksandbold', sans-serif;
}

#expo-attendee #hero-nav .nav-register{
	background-color: #382283;
    color: #FFF !important;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 5px;
	border: 1px solid black;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,1);
	-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,1);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,1);
	font-family: "Source Sans Pro", sans-serif;
	text-decoration: none !important;
}

/* dropdown */
#hero-nav div{
	display:inline-block;
}
#expo-attendee #hero-nav .dropdown-wrap{
	position: relative;
	display:inline-block;
	margin-bottom:5px;
}
#expo-attendee #hero-nav .dropdown-content {
	display: none;
	position: absolute;
	/*top:30px;*/
	margin-top:13px;
	background-color: #f9f9f9;
	min-width: 275px;
	padding: 12px 7px;
	z-index: 1;
	border-top:solid 3px #000;
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}
#expo-attendee #hero-nav .dropdown-item{
	color: #000;
	font-weight: 600;
	font-size: 1.2em;
	font-family: 'quicksandbold', sans-serif;
	padding-bottom:15px;
}
#expo-attendee #hero-nav .dropdown-wrap:hover .dropdown-content {
	display: block;
}

#expo-attendee section {
    margin: 35px 0px;
}

#expo-attendee section .icon-header {
    font-size: 2em;
    margin: 10px 0px;
}

#expo-attendee section .icon-header img {
    height: 100%;
}

#expo-attendee .expo-body {
    font-size: 16px;
    color: #000;
    padding: 0px;
}

#expo-attendee .expo-body ul {
    padding-left: 20px;
}

.no-pad{
	padding: 0;
}

#expo-attendee ul.tile {
    list-style: none;
	padding-left:0px;

}

ul.tile li {
    display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 47%;
	vertical-align: top;
	font-size:22px;
}

.video-img {
    position: relative;
	margin-top:5px;
}

.video-img .absolute-center {
    position: absolute;
    top: 35%;
    left: 40%;
}

.play-button-hover {
    display: none;
}

.video-img:hover .play-button-hover {
    display: block;
}

.video-img:hover .play-button {
    display: none;
}

.purple-overlay {
    background-color: #382283;
    height: 100%;
    width: 100%;
    /* z-index: 99999999; */
    position: absolute;
    opacity: .6;
    display: none;
}

.video-img:hover .purple-overlay {
    display: block;
}

ul.tile h1 {
    font-size: 1.35em;
    margin: 5px 0px;
}

ul.tile.photos li {
    max-width: 30.5%;
}

#expo-attendee .col-md-8 section ul li {
	padding-bottom: 10px;
}

#expo-attendee .col-md-8 section {
	margin-top:55px;
}

.expo-location .nav-register{
	background-color: #382283;
    color: #FFF !important;
    font-weight: 400;
    padding: 3px 0px !important;
    border-radius: 5px;
	border: 1px solid black;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,1);
	-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,1);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,1);
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 10px;
    display: block;
    text-align: center;
	font-size:14px;
	text-decoration: none !important;
}

#expo-attendee .event-register{
	background-color: #382283;
	color: #FFF !important;
	font-weight: 400;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid black;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,1);
	-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,1);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,1);
	font-family: "Source Sans Pro", sans-serif;
	text-decoration: none !important;
	margin-top:10px;
}

.expo-location {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.expo-location .right {
    display: inline-block;
    width: 30%;
	text-align: right;
}

.expo-location .left {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    font-style: italic;
    font-size: 1.25em;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
	font-size: 24px;
}

.expo-location .right a {
    padding: 0px 8px;
}

.quote {
    font-size: 1.35em;
    font-style: italic;
	margin-bottom: 30px;
}
@media (max-width: 1024px){
	#expo-attendee #hero-header .hero-text{
		font-size: 50px;
		line-height: 55px;
		top:19%;
	}
	#expo-attendee #hero-header .hero-subimage {
		top:21%;
	}
}

@media (max-width: 850px){
	#expo-attendee #hero-header {
		height:auto;
	}
	#expo-attendee #hero-header .hero-text{
		font-size: 43px;
		line-height: 46px;
		top:16%;
	}
	#expo-attendee #hero-header .hero-subimage {
		top:18%;
	}
}

@media (max-width: 768px) {
	#expo-attendee #hero-header {
		height:auto;
	}
	#expo-attendee #hero-header .hero-text{
		font-size: 38px;
		line-height: 43px;
		top:18%;
		width: 57%;
	}
	#expo-attendee #hero-header .hero-subimage {
		top:20%;
	}

}

@media (max-width: 675px){
	#expo-attendee #hero-header .hero-text{
		font-size: 33px;
		line-height: 38px;
		top:18%;
		width: 57%;
	}
	#expo-attendee #hero-header .hero-subimage {
		top:20%;
	}
}

@media (max-width: 595px){
	#expo-attendee #hero-header .hero-subimage {
		display:block;
		clear:both;
	}
	#expo-attendee #hero-header .hero-image {
		display:none;
	}
	#expo-attendee #hero-header {
		height:145px;
		background-color: #372081;
	}
	#expo-attendee #hero-header .hero-text{
		font-size: 30px;
		color:#fff;
		line-height: 35px;
		top:18%;
		width: 60%;
		left:3%;
		padding-bottom: 20px;
	}
	#expo-attendee #hero-nav{
		background-color: #fff;
		border-top: 2px solid #f9ab19;
	}
	#expo-attendee #hero-nav li {
		display:block;
		padding:10px 0 15px 20px;
		border-bottom: 2px solid #f9ab19;
	}
	#expo-attendee #hero-nav ul {
		padding: 0px;
	}

	@media (max-width: 595px){
		#expo-attendee #hero-nav .dropdown-wrap{
			position: relative;
			display:inline;
			margin-bottom:0px;
			border:none;
			padding-top:0;
			padding-bottom:0;
		}

		#expo-attendee #hero-nav .dropdown-content {
			display: inline;
			position: relative;
			margin-top:0px;
			background-color: #ffffff;
			min-width: 100%;
			padding: 0px 0px;
			border-top:none;
			border-bottom:none;
			border-left:none;
			border-right:none;
		}

		#expo-attendee #hero-nav .dropdown-item{
			display: none;
			padding-bottom:0px;
			line-height: 0;
			margin:0;
		}

		#expo-attendee #hero-nav li {
			display: block;
			padding: 10px 0 15px 20px;
			border-bottom: 2px solid #f9ab19;
		}

		#expo-attendee #hero-nav .dropdown-wrap{
			display: block;
			padding-left:0;

		}

	}

	#expo-attendee a{
		line-height: 20px;
	}
}

@media (max-width: 500px) {
	#expo-attendee #hero-header .hero-text{
		font-size: 24px;
		line-height: 24px;
		top:15%;
	}
	#expo-attendee ul li{
		padding-bottom: 7px;
	}

	#expo-attendee section .icon-header {
		font-size: 24px;
		line-height: 26px;
	}
	#expo-attendee section{
		line-height: 18px;
	}
	ul.tile li{
		max-width: 100%;
	}
	ul.tile.photos li {
		max-width: 45.5%;
	}
	#expo-attendee .expo-location .right a{
		display: inline-block;
	}
	#expo-attendee .expo-location .right {
		display: inline-block;
		text-align: left;
		width: 100%;
		margin-top:10px;
	}
	#expo-attendee .location-description {
		line-height: 26px;
	}
}

/*-------------------------------------
EVENTS/FAQ
 */
.faqtot										{ max-width:890px !important; margin:0 auto; padding:30px 0 0 10px;}
.faqtot h2									{font-size:24px; color:#464646; font-weight:normal; border-bottom:1px solid #ebebeb; padding:0 0 10px; margin:0 0 27px;}

.firstcon img								{ margin:0 0 5px; max-width:100%;}
.firstcon p									{font-size:16px; color:#000; line-height:23px;}

.show										{ padding:0 0 25px 0;}
.show h4									{font-size:18px; color:#464646; font-weight:normal; border-bottom:1px solid #ebebeb; padding:0 0 10px; margin:0 0 5px;}
.show .quation								{font-size:16px; color:#00a8ce; margin: 15px 0 0; cursor:pointer;}
.show .quation:hover							{text-decoration:underline;}
.show .answar								{font-size:16px; color:#000; line-height:20px; margin:-28px -10px -10px; padding: 34px 10px 10px; border-radius: 5px; display:none;}
.show .answar a								{color:#216D7E; text-decoration:underline;}
.show .answar b								{width:40px; text-align:right; display:inline-block; margin-right:5px; font-weight:normal;}
.show .answar a:hover						{color:#00a8ce; text-decoration:underline;}
.show .answar span							{ font-weight:bold;}
.answar p 									{padding-bottom: 6px;}
.answar ul									 {padding: 0 0 5px; list-style: disc; margin-left: 40px; }

.quation a {
	color: inherit;
}
.quation span{
	display:none;
	color: #b1b1b1;
	text-decoration: none;
	font-size: 90%;
	padding-left: 5px;
}

#closeall a{
	color: #00a8ce;
}
#closeall a:hover{
	text-decoration: underline;
}

/*-------------------------------------
EVENTS & EXHIBITORS-SPONSORS PAGES MODULE
 */

.exhibitor { width:97%; max-width:950px; margin:0 auto; padding:30px 10px 0;}
.present									{ margin:0; text-align:center;}
.present h2									{font-size:30px; color:#464646; font-weight:normal; border-bottom:1px solid #ebebeb; padding:0 0 5px; margin:0 0 27px; text-align:left;}
.present .present_wrap						{ margin:0 auto; max-width:850px;}
.present img								{ /* margin:15px 0 0 160px; max-width:230px; */}
.present a  {
	min-height: 100px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 100px;
	margin: 0 auto 30px;
	padding: 0 40px;
	width:330px;
	text-align: center;
}
.present a img									{max-width: 100%;margin:0;}

.support									{ margin:0; text-align:center;}
.support h2									{font-size:24px; color:#464646; font-weight:normal; border-bottom:1px solid #ebebeb; padding:0 0 5px; margin:0 0 17px; text-align:left;}
.support .support_wrap						{margin:0 auto; max-width:850px;}
.support img								{ /* margin:15px 0 0 185px; max-width:180px */}
.support a  {
	min-height: 100px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 100px;
	margin: 0 auto 25px;
	padding: 0 40px;
	width:280px;
	text-align: center;
}
.support a img									{max-width: 100%;margin:0;}

.local										{ margin:0 0 10px; text-align:center}
.local h2									{font-size:20px; color:#464646; font-weight:normal; border-bottom:1px solid #ebebeb; padding:0 0 5px; margin:0 0 15px; text-align:left;}
.local .local_wrap 							{ text-align: left; margin:0 auto; max-width:850px;}
.local img									{ margin:15px 0 0 235px;}
.local a  {
	min-height: 100px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 100px;
	margin: 0 auto;
	padding: 0 40px;
	width:230px;
	text-align: center;
}
.local a img									{max-width: 100%;margin:0;}
.local a span									{width:100%; margin:10px auto; display:block;}

#expo-attendee div.exhibitors .exhibitor{
	margin:0;
	padding: 15px 0 0;
}

/*-------------------------------------
SPONSORS MODULE ALPHABET LISTING
 */
.alphatot {
	margin: 0;
	position: relative;
}

.alphatot h2 {
	border-bottom: 1px solid #c4bbdd;
	color: #464646;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 0 0 5px;
}

.alphatot .alphaname {
	left: 0;
	margin: 0 0 0 10px;
	position: absolute;
	top: 55px;
	width: 50px;
}

.alphatot .alphaname ul li {
	display: block;
	margin: 0 0 7px;
}

.alphatot .alphaname ul li a {
	color: #686868;
	font-size: 12px;
	padding: 5px 10px;
}

.alphatot .alphaname ul li a:hover, .alphatot .alphaname ul li .active {
	background: #686868 none repeat scroll 0 0;
	border-radius: 5px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	opacity: 0.6;
	z-index: 20;
}

.alphatot .alphaname ul li a.active, .alphatot .alphaname ul li a.active:hover {
	background: #686868 none repeat scroll 0 0;
	opacity: 1;
	z-index: 21;
}

.alphatot .companies {
	max-height: 600px;
	max-width: 839px;
	overflow-y: scroll;
	padding-left: 70px;
	width: 88%;
}

.alphatot .company_a {
	margin: 10px 0 25px;
	clear:both;
}

.alphatot .company_a h3 {
	color: #cbcbcb;
	font-size: 20px;
	margin: 0 0 5px;
}

.alphatot .company_a ul {
	float: left;
	margin: 0 50px 0 0;
	width: 40%;
}

.alphatot .company_a ul li {
	display: block;
	margin: 0 0 9px;
}

.alphatot .company_a ul li a {
	color: #0099ba;
	display: block;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
}

.alphatot .company_a ul li a:hover {
	color: #02687e;
}

.alphatot .flt_lt {
	display: inline;
	float: left;
}

/*-------------------------------------
Food Calculators
 */
.calculator {
	width: 520px;
	background-color: #FFD027;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 15px;
}

.calculator input {
	width: 40px;
	margin-bottom:10px;
}

.calculator label{
	color:#000;
	margin-bottom: 0;
}

.calculator h2 {
	font-weight: 900;
	font-size: 30px;
	color: #000;
}

.calculator p{
	color: #000;
}

.calculator input {
	font-size: 16px;
}

@media (max-width: 540px){
	.calculator{
		width: 95%;
	}
    .calculator h2{
		font-size:24px;
	}
	.calculator h1{
		font-size:170%;
	}

}

/*-------------------------------------
INSURANCE PAGES 2017 DESIGN
 */
.insurance-17{
	font-family: "Myriad Pro",sans-serif;
	color:#000;
}
.insurance-17 td{
	padding:0;
}
.insurance-17 #hero-header{
	font-family: "Myriad Pro",sans-serif;
	clear:both;
	position:relative;
}

.insurance-17 .hero-blurb{
	padding:20px 20px;
	background: rgba(0,154,193,0.75);
	height:160px;
	position:absolute;
	bottom:0;
	left:22px;
	width:630px;
	z-index: auto;
}

.insurance-17 p.hero-title{
	font-family: "Myriad Pro", sans-serif;
	font-weight: 600;
	color:#fff;
	font-size: 20px;
	line-height:30px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.insurance-17 p.hero-message{
	font-family: "Myriad Pro", sans-serif;
	color:#fff;
	font-size:40px;
	line-height:43px;
}


.insurance-17 a:visited{
	color:#000;
}

.insurance-17 .hero-image{
	width: 100%;
	position: relative;
}

.insurance-17 #hero-nav{
	background-color: #f9ab19;
}

.insurance-17 #hero-nav ul {
	list-style: none;
	padding: 10px 0px 10px 0px;
}

.insurance-17 #hero-nav li {
	display: inline-block;
	padding: 0px 40px 0px 20px;
	margin:5px 0px;
}

.insurance-17 #hero-nav li.action-button {
	padding: 0px 20px 0px 0px;
}

.insurance-17 #hero-nav li a {
	color: #000;
	font-weight: 600;
	font-size: 1.2em;
	font-family: 'quicksandbold', sans-serif;
}

.insurance-17 #hero-nav .nav-button{
	background-color: #d40029;
	color: #FFF !important;
	font-weight: 400;
	padding: 8px 12px;
	border-radius: 5px;
	border: none;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
	font-family: "Myriad Pro";
	text-decoration: none !important;
	letter-spacing: 1px;
}

.insurance-17 .nav-button.red{
	background-color: #d40029;
}

.insurance-17 .insurance-body h2{
	font-size: 36px;
	line-height:40px;
}

.insurance-17 .insurance-body p{
	font-size: 18px;
	margin-bottom:0;
}

/*move section 1 down to overlap table*/
.insurance-17 .section-1{
	margin-top:20px;
	margin-bottom:20px;
}

.insurance-17 .bordered-top{
	border-top: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	background-color: #fff;
	box-shadow: 3px 3px 0px 0px rgba(189,189,189,0.3);
}
.insurance-17 .bordered-middle{
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	background-color: #fff;
	box-shadow: 3px 3px 0px 0px rgba(189,189,189,0.3);
}
.insurance-17 .bordered-bottom{
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	background-color: #fff;
	box-shadow: 3px 3px 0px 0px rgba(189,189,189,0.3),1px 3px 0px 0px rgba(189,189,189,0.3) ;
	-moz-box-shadow: 3px 3px 0px 0px rgba(189,189,189,0.3),1px 3px 0px 0px rgba(189,189,189,0.3) ;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(189,189,189,0.3),1px 3px 0px 0px rgba(189,189,189,0.3) ;
}

.insurance-17 #pricing-table .col-md-2{
	text-align: center;
	padding:0;
	width:150px;
	height:100%;
	vertical-align: top;
}

.insurance-17 #pricing-table .col-md-4{
	width:400px;
	height:100%
}

.insurance-17 #pricing-table .text-left{
	text-align: left;
vertical-align: middle;

}

.insurance-17 #pricing-table .text-left .benefits{
	font-size: 16px;
	color:#000000;
}
/*dropdown text which is revealed.*/
.insurance-17 .insurance-body #pricing-table .details-text p{
	font-size:14px;
	font-weight: normal;
	line-height: 20px;
}
.insurance-17 #pricing-table .details-block{
	padding:0 0 10px 10px;
	text-align:left;
	display: table-cell;
}

.insurance-17 #pricing-table .text-left a{
	text-decoration: underline;
	color:#000000;
}

.insurance-17 #pricing-table .text-left a:hover{
	text-decoration: none;
}
.insurance-17 #pricing-table .text-left a:active{
	text-decoration: none;
}

.insurance-17 #pricing-table .pricing-heading {
	font-size: 18px;
	line-height: 21px;
	font-weight: 700;
	padding-top:10px;
	padding-bottom:4px;
	vertical-align: top;
}

.insurance-17 #pricing-table .comparison img{
	padding:7px 0;
}

.insurance-17 .plus::before{
	content: "+";
}
.insurance-17 .minus::before{
	content: "- ";
	font-size: 18px;
}

.insurance-17 #pricing-table a {
	outline:none;
}

.insurance-17 .purple{
	color:#492f92
}
.insurance-17 .red{
	color:#d6002a;
}
.insurance-17 .teal{
	color:#009ac0;
}

.insurance-17 .fine-print{
	font-size: 13px;
	line-height:14px;
	color:#999999;
	font-weight: normal;
	padding-top:12px;
}

.insurance-17 #pricing-table .text-left.fine-print a{
	color:#999999;
}

.insurance-17 .pricing-amount{
	font-weight: 700;
	font-size: 18px;
	padding:12px 0px 8px;
}
.insurance-17 .long-bottom{
	padding-bottom:18px;
}

.insurance-17 .cover{
	position: relative;
	top:-1px;
}
.insurance-17 .cover-bottom{
	position: relative;
	bottom:-14px;
	height:2px;
	padding:0;
	margin:0;
}

/*section2 Insurance download*/
.insurance-17 .download-info{
	margin-top:70px;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}
.insurance-17 .download-info a{
	text-decoration: underline;
	color:#000;
}
.insurance-17 .download-info a:hover{
	text-decoration: none;
}

/*Section3 Aritcles*/
.insurance-17 .articles{
	margin-top:70px;
}
.insurance-17 .articles img{
	float: left;
	padding:7px 10px 13px 0;
}
.insurance-17 .articles-title p{
	font-size: 28px;
	font-family: "Myriad Pro",sans-serif;
	padding-top:20px;
}
.insurance-17 .articles p.article-title{
	font-size: 18px;
	font-weight: 700;
	font-family: "Myriad Pro",sans-serif;
	margin-top:5px;
}
.insurance-17 .articles p.article-text{
	font-size:15px;
	font-weight:normal;
	font-family: "Myriad Pro",sans-serif;
	line-height:18px;
}
.insurance-17 .articles p.article-title a{
	color:#000;
}
.insurance-17 .articles p.article-title a:visited{
	color:#000;
}

/*Carousel*/
.insurance-17 #carousel-testimonial{
	margin-top:60px;
	margin-bottom:60px;
}
.insurance-17 .carousel-indicators .active{ background: #31708f; }
.insurance-17 .content{ margin-top:20px; }
.insurance-17 .carousel-indicators li{ border :1px solid #ccc; }
.insurance-17 .carousel-indicators {
	bottom:-60px;
}
.insurance-17 .slide-heading{
	font-size:24px;
	line-height:36px;
	font-weight:900;
}
.insurance-17 .slide-text{
	font-size:24px;
	line-height:36px;
	font-style: italic;
}

/*FAQ section */
.insurance-17 #faq {
	padding-top: 60px;
}
.insurance-17 .faq{
	clear:both;
	padding-bottom:10px;
}
.insurance-17 #faq .faq p{
	font-size: 28px;
	padding-top:12px;
}
.insurance-17 #faq .panel .panel-body p{
	font-size: 16px;
	padding-top:10px;
	line-height:22px;
}
.insurance-17 .faq img{
	padding: 0 10px 0 0;
}
.insurance-17 #accordion{
	margin-top:17px;
}

.insurance-17 .panel{
	border:none;
	box-shadow: none;
	margin-top:0;
}
.insurance-17 .panel-group .panel-heading + .panel-collapse > .panel-body,
.insurance-17 .panel-group .panel-heading + .panel-collapse > .list-group{
	border-top:none;
}
.insurance-17 .panel-heading{
	padding: 5px 0 3px 0;
}
.insurance-17 .panel .panel-title a{
	text-decoration: underline;
	font-size:18px;
}
.insurance-17 .panel .panel-title a:hover{
	text-decoration: none;
}
.insurance-17 .panel-body{
	padding:15px 12px;
	font-size: 16px;
	line-height: 22px;
}
.insurance-17 #faq a{
	outline:none;
}

/*Policy Page*/
.insurance-17 a.file {
	background: rgba(0, 0, 0, 0) url("/images/insurance/pdf_sml.png") no-repeat scroll 0 3px;
	color: rgb(0, 168, 206);
	display: block;
	font-family: "Myriad Pro",sans-serif;
	font-size: 16px;
	padding: 3px 0 3px 20px;
}

.insurance-17 .heading4 {
	border-bottom: 1px solid #ebebeb;
	color: #464646;
	font-family: "Myriad Pro",sans-serif;
	font-size: 22px;
	max-width: 833px;
	padding: 0 0 17px;
}

.insurance-17 .shout {
	background: #fff none repeat scroll 0 0;
	margin: 0 auto;
	max-width: 890px;
	padding: 0 0 20px 10px;
}

.insurance-17 .sub_title {
	color: #686868;
	font-family: "Myriad Pro",sans-serif;
	font-size: 26px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 890px;
	padding: 20px 0 50px 10px;
}
.insurance-17 .register {
	background: #fefcf9 none repeat scroll 0 0;
	border: 1px solid #f2f1ee;
	border-radius: 5px;
	margin: 0 auto;
	max-width: 960px;
	padding: 25px 0 33px;
	text-align: center;
}

.insurance-17 .call_to_action .register p.sub {
	font-size: 18px;
	padding-bottom: 30px;
}

.insurance-17 .shadow_regi{
	width:960px;
	margin:0 auto;
}

.insurance-17 .call_to_action .register p.register-heading{
	font-size:28px;
	line-height:32px;
	color: #464646;
	font-family: "Myriad Pro" ,sans-serif;
	padding: 0 0 30px;
	text-align: center;
}

.insurance-17 .call_to_action .register .btn{
	margin-bottom:10px;
}

/*--------------------------
insurance mobile
 */
@media (max-width:1024px) and (min-width: 768px){
	.insurance-17 .insurance-body{
		padding:0 10px;
	}
	.insurance-17 .recommended {
		font-size: 14px;
	}
	.insurance-17 #hero-nav .nav-button{
		padding:4px 6px;
	}
	.insurance-17 #hero-nav li a{
		font-size: 1em;
	}
	.insurance-17 #hero-nav li{
		padding:0 0 0 25px;
	}
	.insurance-17 #hero-nav li.action-button{
		padding:0 0 0 15px;
	}
	.insurance-17 p.hero-message{
		font-size:37px;
	}
}

@media (max-width: 767px){
	insurance-17 #main .container{
		padding:0 10px;
	}
	.insurance-17 .insurance-body p{
		font-size:13px;
		line-height:17px;
	}
	.insurance-17 #hero-header img{
		display: none;
	}

	.insurance-17 .hero-blurb{
		padding:60px 17px 20px 20px;
		height:145px;
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		z-index: auto;
		display:block;
	}
	.insurance-17 p.hero-title{
		font-size:14px;
		line-height:16px;
	}

	.insurance-17 p.hero-message{
		font-size:18px;
		line-height:20px;
	}

	.insurance-17 #hero-header {
		height:145px;
		background-color: #00a8cb;
	}

	.insurance-17 #hero-nav{
		display: block;
		background-color: #fff;
		border-top: 2px solid #f9ab19;
	}
	.insurance-17 #hero-nav li {
		display:block;
		padding:10px 0 15px 20px;
		border-bottom: 2px solid #f9ab19;
	}
	.insurance-17 #hero-nav ul {
		padding: 0px;
	}

	.insurance-17 #hero-nav li.action-button{
		padding:10px 0 15px 20px;
	}

	.insurance-17 a{
		line-height: 20px;
	}

	.insurance-17 .insurance-body h2{
		font-size:32px;
	}
	.insurance-17 .insurance-body p{
		font-size:16px;
		line-height:20px;
	}

	.insurance-17 .articles .article-img{
		width:100%;
		padding:20px 0 7px 0px;
	}

	/*mobile pricing tables*/
	.insurance-17 .pricing-xs-block{
		border:1px solid #c5c5c5;
		box-shadow: 3px 3px 3px 0 rgba(197,197,197,0.5);
		margin-bottom:22px;
	}

	.insurance-17 .pricing-heading-xs{
		font-size:24px;
		line-height:34px;
		color:#fff;
		padding: 5px 0 5px 12px;
	}

	.insurance-17 .black-bg{
		background-color: #5d5d5d;
	}
	.insurance-17 .purple-bg{
		background-color:#492f92
	}
	.insurance-17 .red-bg{
		background-color:#d6002a;
	}
	.insurance-17 .teal-bg{
		background-color:#009ac0;
	}

	.insurance-17 .pricing-body-xs{
		padding:10px;
	}

	.insurance-17 .panel-heading:link p{
		text-decoration: underline;
	}
	.insurance-17 .panel-heading:hover p {
		text-decoration: none;
	}
	.insurance-17 .panel-heading p{
		margin-left:20px;
	}

	.insurance-17 #accordion1 .panel-heading,
	.insurance-17 #accordion2 .panel-heading,
	.insurance-17 #accordion3 .panel-heading,
	.insurance-17 #accordion4 .panel-heading
	{
		max-height: 30px;
	}

	.insurance-17 .pricing-amount{
		padding:12px 0 8px 4px;
	}

	.insurance-17 #accordion1 .panel-heading:hover h4,
	.insurance-17 #accordion2 .panel-heading:hover h4,
	.insurance-17 #accordion3 .panel-heading:hover h4,
	.insurance-17 #accordion4 .panel-heading:hover h4
	{
		text-decoration: none;
	}
	.insurance-17 #accordion1 .panel-heading h4,
	.insurance-17 #accordion2 .panel-heading h4,
	.insurance-17 #accordion3 .panel-heading h4,
	.insurance-17 #accordion4 .panel-heading h4
	{
		text-decoration: underline;
	}

	.insurance-17 .panel-heading.accordion-toggle:after {
		content:"-";
		position: relative;
		bottom: 15px;
		font-size: 14pt;
		padding-right:15px;
	}
	.insurance-17 .panel-heading.accordion-toggle.collapsed:after {
		content:"+";
		font-size:14px;
	}

	.insurance-17 #accordion1 .panel-heading h4,
	.insurance-17 #accordion2 .panel-heading h4,
	.insurance-17 #accordion3 .panel-heading h4,
	.insurance-17 #accordion4 .panel-heading h4
	{
		/*Space between the + and text*/
		margin-left:12px;
	}
	.insurance-17 .panel-heading:hover {
		cursor: pointer;
	}
	.insurance-17 #accordion1 .panel-body,
	.insurance-17 #accordion2 .panel-body,
	.insurance-17 #accordion3 .panel-body,
	.insurance-17 #accordion4 .panel-body
	{
		font-size:14px;
		line-height: 20px;
		padding:5px 12px;
	}
	.insurance-17 .more-less{
		float: left;
		display: table-cell;
		height:auto;
		padding-right:5px;
	}
	.insurance-17 .panel-heading .panel-title a{
		display: table-cell;
		height: auto;
	}
	/* mobile insurance download */
	.insurance-17 .download-info{
		margin-top:30px;
	}

	/* mobile insurance articles */
	.insurance-17 .articles-title p{
		padding-top:10px;
		font-size: 19px;
	}

	/*mobile insurance FAQ*/
	.insurance-17 #faq .faq p{
		font-size: 19px;
		padding-top:16px;
	}

}

/*--------------------------------------
END INSURANCE PAGES
*/

/*-----------------------
/plus-members
 */
.plus-members-17{
	font-family: "Myriad Pro";
	margin-top:30px;
}
.plus-members-17 td{
	padding:0;
}
.plus-members-17 .row{
	padding-top:20px;
}
.plus-members-17 a{
	color: #209ac2;
	text-decoration: underline;
}

.plus-members-17 a:hover{
	text-decoration: none;
}

.plus-members-17 h1{
	font-size: 32px;
	font-weight: bold;
	/*padding:10px 0;*/
	/*line-height:24px;*/
}

.plus-members-17 .blue-block h2,
.plus-members-17 .contact h2
{
	font-size: 28px;
	line-height:24px;
}
.plus-member-body{
	padding-right:15px;
}

.plus-members-17 .plus-member-body p{
	font-size: 18px;
	color:#000000;
	line-height: 24px;
	font-family:"Myriad Pro";
}
.plus-members-17 .section{
	clear: both;
	margin-top: 20px;
}
.plus-members-17 .blue-block{
	background-color: #00a9cc;
	padding:28px 20px;
	color:#ffffff;
	font-family: "Myriad Pro";
	margin:30px 0 10px 0;
}

.plus-members-17 .blue-block p{
	color:#ffffff;
	font-size:18px;
	line-height:24px;
}

.plus-members-17 .blue-block .row{
	padding-top:5px;
}

.plus-members-17 .blue-block a{
	color: #fdba31;
	text-decoration: none;
}

.plus-members-17 .blue-block a:hover{
	color: #fdba31;
	text-decoration: underline;
}

.plus-members-17 .heading{
	color: #000;
	font-family: "Myriad Pro";
	font-size: 28px;
	display: table-cell;
	vertical-align: middle;
	/*padding-bottom: 18px;*/
	padding-top:30px;
}

.plus-members-17 img.heading{
	float: left;
}

/*.plus-members-17 .logged{
	font-size: 16px;
	font-family:"Myriad Pro";
	font-style: italic;
	margin-top:15px;
	margin-bottom:15px;
}*/

.plus-members-17 .guides img{
	display: block;
	padding-bottom:7px;
	/*padding-top:15px;*/
}

.plus-members-17 .guides a{
	font-size:14px;
	line-height:17px;
	font-style: italic;
	padding:10px 0 15px 0;
}

.plus-members-17 .guides a:hover{
	text-decoration: underline;
}

.plus-members-17 .discounts img{
	padding-bottom: 15px;
}

.plus-members-17 .contact h2{
	color:#000;
	text-align: center;
}

.plus-members-17 .contact .well img{
	padding-bottom: 10px;
}

.plus-members-17 .sidebar .heading{
	padding-top:0;
}

.plus-members-17 .insurance-ad{
	padding-top:20px;
}

@media (max-width:1024px){
	.plus-members-17 {
		padding:0 10px;
	}
	.plus-members-17 .no-left-pad{
		padding-left:15px;
	}

	.plus-members-17 .guides .col-sm-6{
		padding-top:10px;
	}
	.plus-members-17 .sidebar .heading{
		font-size:22px;
	}
}

@media (max-width:767px){
	.plus-members-17 .container table.plus-members-17{
		margin-top:0;
	}
	body.plus-members-17{
		line-height:normal;
	}
	.plus-members-17 h1{
		font-size:22px;
		font-weight:900;
	}
	.plus-members-17 p{
		font-size: 14px;
		line-height:16px;
	}
	.plus-members-17 .blue-block{
		padding: 10px 10px;
	}
	.plus-members-17 .blue-block h2,
	.plus-members-17 .contact h2{
		font-size: 20px;
	}
	.plus-members-17 .blue-block img{
		width:100%;
		height:auto;
	}
	.plus-members-17 .blue-block p{
		font-size:14px;
		line-height:16px;
	}
	.plus-members-17 .no-left-pad{
		padding-left:0px;
	}
	.plus-members-17 .heading{
		font-size:22px;
	}
	.plus-members-17 .row.guides,
	.plus-members-17 .row.hotline{
		padding-top:0;
	}
	.plus-members-17 .row.subs{
		padding-top:5px;
	}
	.plus-members-17 img.insurance-ad{
		width:100%;
	}
	.plus-members-17 .contact h2{
		padding-bottom: 5px;
		margin-bottom:0px;
	}
	.plus-members-17 h2.contact-details{
		font-size:16px;
	}
	.plus-members-17 .sidebar-column{
		width:95%;
	}
	.plus-members-17 .hidden-mobile{
		display:block !important;
	}
}

/*-------------------------------------
PLUS PAGES 2017 DESIGN
 */
.plus-17{
	font-family: "Myriad Pro",sans-serif;
	color:#000;
}
.plus-17 td{
	padding:0;
}

.plus-17 #hero-header{
	font-family: "Myriad Pro",sans-serif;
	clear:both;
	position:relative;
}

.plus-17 .hero-blurb{
	padding:20px 20px;
	background: rgba(0,154,193,0.75);
	height:120px;
	position:absolute;
	bottom:0;
	left:22px;
	width:400px;
	z-index: auto;
}

.plus-17 p.hero-title{
	font-family: "Myriad Pro", sans-serif;
	font-weight: 600;
	color:#fff;
	font-size: 20px;
	line-height:30px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.plus-17 p.hero-message{
	font-family: "Myriad Pro", sans-serif;
	color:#fff;
	font-size:40px;
	line-height:43px;
}


.plus-17 a:visited{
	color:#000;
}

.plus-17 .hero-image{
	width: 100%;
	position: relative;
}

.plus-17 #hero-nav{
	background-color: #f9ab19;
}

.plus-17 #hero-nav ul {
	list-style: none;
	padding: 10px 0px 10px 0px;
}

.plus-17 #hero-nav li {
	display: inline-block;
	padding: 0px 40px 0px 20px;
	margin:5px 0px;
}

.plus-17 #hero-nav li.action-button {
	padding: 0px 20px 0px 0px;
}

.plus-17 #hero-nav li a {
	color: #000;
	font-weight: 600;
	font-size: 1.2em;
	font-family: 'quicksandbold', sans-serif;
}

.plus-17 #hero-nav .nav-button{
	/*background-color: #d40029;*/
	color: #FFF !important;
	font-weight: 400;
	padding: 8px 12px;
	border-radius: 5px;
	border: none;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
	font-family: "Myriad Pro";
	text-decoration: none !important;
	letter-spacing: 1px;
}

.plus-17 .nav-button.blue{
	background-color: rgb(0,154,193);
}

.plus-17 .item-block{
	padding-bottom: 20px;
}

.plus-17 .heading{
	color: #000;
	font-family: "Myriad Pro";
	font-size: 28px;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 16px;
	padding-top:16px;
}

.plus-17 img.heading{
	float: left;
}

/*.plus-17 a{
	color: #209ac2;
	text-decoration: underline;
}

.plus-17 a:hover{
	text-decoration: none;
}*/
.plus-17 .plus-body{
	padding-right:15px;
}

.plus-17 .plus-body p{
	font-size: 18px;
	color:#000000;
	line-height: 24px;
	font-family:"Myriad Pro";
}

.plus-17 .sub-heading{
	font-size: 20px;
	line-height:24px;
	font-weight: bold;
	padding:12px 0;
}

.plus-17 .contact h2{
	color:#000;
	text-align: center;
	font-size: 28px;
	line-height:24px;
}

.plus-17 .contact img{
	padding-bottom: 10px;
}

/*.plus-17 .sidebar .heading{*/
	/*padding-top:0;*/
/*}*/

.plus-17 .insurance-ad{
	padding-top:20px;
}

.plus-17 .sidebar .heading{
	padding-top:0;
}

.plus-17 hr{
	border-top:solid 1px #000;
}

/*Carousel*/
.plus-17 #carousel-testimonial{
	/*margin-top:60px;*/
	margin-bottom:60px;
}
.plus-17 .carousel-indicators .active{ background: #31708f; }
.plus-17 .content{ margin-top:20px; }
.plus-17 .carousel-indicators li{ border :1px solid #ccc; }
.plus-17 .carousel-indicators {
	bottom:-40px;
}
/*.plus-17 .slide-heading{
	font-size:24px;
	line-height:36px;
	font-weight:900;
}*/
.plus-17 .slide-text{
	font-size:24px;
	line-height:34px;
	font-style: italic;
}
@media (max-width: 767px) {
	.plus-17 #main .container {
		padding: 0 10px;
	}

	.plus-17 p {
		font-size: 16px;
		line-height: 20px;
	}

	.plus-17 h2{
		font-size: 22px;
	}

	.plus-17 .heading{
		font-size:22px;
	}

	.plus-17 #hero-header img {
		display: none;
	}

	.plus-17 .hero-blurb {
		padding: 60px 17px 20px 20px;
		height: 145px;
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: auto;
		display: block;
	}

	.plus-17 p.hero-title {
		font-size: 14px;
		line-height: 16px;
	}

	.plus-17 p.hero-message {
		font-size: 18px;
		line-height: 20px;
	}

	.plus-17 #hero-header {
		height: 145px;
		background-color: #00a8cb;
	}

	.plus-17 #hero-nav {
		display: block;
		background-color: #fff;
		border-top: 2px solid #f9ab19;
	}

	.plus-17 #hero-nav li {
		display: block;
		padding: 10px 0 15px 20px;
		border-bottom: 2px solid #f9ab19;
	}

	.plus-17 #hero-nav ul {
		padding: 0px;
	}

	.plus-17 #hero-nav li.action-button {
		padding: 10px 0 15px 20px;
	}

	.plus-17 a {
		line-height: 20px;
	}
	.plus-17 .end-section{
		padding:0 14px 0 10px;
	}

	.plus-17 .slide-text{
		font-size: 20px;
		line-height:30px;
	}
	.plus-17 .sidebar-column{
		width:95%;
	}
	.plus-17 .hidden-mobile{
		display:block !important;
	}
}
/* Login form for /plus and /plus-members*/
.plus-login-button-blue{
	color:#fff;
	padding:0px 12px;
	box-shadow:2px 2px 8px 0px rgba(0,0,0,0.5);
	font-family:"Myriad Pro";
	text-decoration: none;
	letter-spacing:1px;
	background-color: #009ac1;
	font-weight: 400;
}
.plus-input{
	border:1px solid #7a7a7a;
	font-size:13px;
	width:200px;
	line-height: 25px;
}
.forgot-code{
	font-style: italic;
	font-size: 16px;
	line-height:20px;
	display: block;
}
.forgot-code a{
	color: #209ac2;
	text-decoration: underline;
}
#form-plus-login .logged{
	font-size: 16px;
	font-family:"Myriad Pro";
	font-style: italic;
	margin-top:15px;
	margin-bottom:15px;
	color: #000;
}
@media(max-width:450px){
	input[type="button"].plus-login-button-blue{
		height:26px;
	}
}

/*-------------------------------------
Sponsor pages
 */

.center-vertical {
	display: flex;
	align-items: center;
}
/* Remove the td padding */
.sponsor-page td{
	padding:0;
}
.sponsor-page {
	font-family:  "Source Sans Pro";
	color:#1a1818;
	margin-top: 40px;
}
.sponsor-page .promo-logo{
	padding-right: 15px;
	display:inline-block;
	width:40%;
}
.sponsor-page .promo-logo img{
	width:100%;
	height:auto;
}

.sponsor-page h1.main-title {
	font-size:46px;
	line-height: 49px;
	text-decoration:none;
	display:inline-block;
}
.sponsor-page h2.sub-title {
	font-size: 38px;
	line-height: 39px;
	margin:0;
}

.sponsor-page .sponsor-wrapper p{
	font-size:18px;
	line-height: 22px;
	text-space: -5px;
	margin: 12px 0;
}

.sponsor-page a{
	text-decoration: underline;
	color:#1a1818;
}

.sponsor-page a:hover{
	text-decoration: none;
}

.sponsor-page a.more-info{
	font-size:16px;
	line-height: 26px;
	margin-top:10px;
}

.btn-purple{
	background-color: #372081;
	border-color: #372081;
	padding:10px 55px;
	font-size: 24px;
	text-space: -5px;
}

.sponsor-page a.btn-purple{
	color: #fff;
	text-decoration: none;
}

.btn-purple:hover{
	color: #fff;
	background-color: #3D269C;
	text-decoration:none;
}

.sponsor-page hr{
	border: solid 2px #bfbfbf;

}

.sponsor-page .grey{
	background-color: #f0efed;
}

.sponsor-page .box{
	height: 275px;
	padding: 0 30px 27px 30px;
}

.sponsor-page .box img{
	margin:10px;
}

.sponsor-page small{
	font-size:14px;
	line-height:18px;
}

@media (max-width: 1024px) {
	.sponsor-wrapper{
		width:99%;
	}
	.sponsor-page td{
		padding: 0px 10px;
	}

	.sponsor-page .promo-logo{
		height:auto;
		width:30%;
	}

}

@media (max-width: 768px) and (min-width: 450px){
	.sponsor-page {
		margin-top:20px;
	}
	.sponsor-page h1.main-title {
		font-size:36px;
		line-height: 40px;
	}
	.sponsor-page p{
		font-size:16px;
		line-height: 18px;
		text-space: -5px;
		margin: 12px 0;
	}
	.sponsor-page .grey{
		background-color: #fff;
	}
	.sponsor-page .box{
		/*height:315px;*/
		height:110%;
		padding: 0 15px 15px 15px;
	}
	.btn-purple{
		background-color: #372081;
		border-color: #372081;
		padding:7px 45px;
		font-size: 22px;
		text-space: -5px;
	}
}

@media (max-width: 450px) {
	.sponsor-page .no-right-pad{
		padding-right:15px;
	}
	.sponsor-page .promo-logo{
		padding-right: 15px;
		padding-bottom: 15px;
		display:block;
		clear:both;
		width:40%;
	}
	.sponsor-page .table-wrap{
		display:block;
	}
	.sponsor-page h1.main-title {
		font-size:36px;
		line-height: 40px;
	}
	.sponsor-page h2.sub-title {
		font-size: 34px;
		line-height: 36px;
		margin:0;
	}
	.sponsor-page .center-vertical{
		display:block;
	}
	.sponsor-page .img-present {
		margin-top:15px;
	}
	.sponsor-page .grey{
		background-color: #fff;
	}
	.sponsor-page .box{
		height:110%;
		padding: 0 15px 15px 15px;
	}
	.btn-purple{
		background-color: #372081;
		border-color: #372081;
		padding:7px 30px;
		font-size: 22px;
		text-space: -5px;
	}
}


/**
 Sponsor page - Plus Perks
 */
.sponsor-page .plusperk .btn-purple{
	padding:10px 25px;
}
.sponsor-page .plusperk .text-purple{
	color:#372081;
}
.sponsor-page .plusperk a.blue{
	color:#68b5d3;
}
.sponsor-page .plusperk .box.icon-padding{
	padding-top:5px;
}
@media(max-width: 450px){
	.sponsor-page .plusperk h1.main-title{
		font-size: 29px;
		margin-bottom:0;
	}

	.sponsor-page .plusperk h2.sub-title{
		font-size: 24px;
		line-height:30px;
	}

	.sponsor-page .plusperk p{
		font-size: 12px;
		line-height: 14px;
	}
	.sponsor-page .plusperk .no-left-pad{
		padding-left:15px;
	}
	.sponsor-page .plusperk .no-right-pad{
		padding-right:15px;
	}

	.sponsor-page .plusperk small{
		font-size:11px;
		line-height:13px;
	}

	.sponsor-page .plusperk .mobile-remove-space{
		padding-top:0;
	}

	.sponsor-page .plusperk hr{
		margin-top:10px;
		margin-bottom:10px;
	}
}

/** Events and Expo Events Pages
	Some use of expo-attendee on these pages.
**/
/*#video-wrapper {
	width: 100%;
	max-height: 300px;
	overflow: hidden;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/
/* Fix gap between hero image and main navigation */
td.fix-hero-menu-gap
{
	margin:0;
	padding:0;
}

.hero-image-events{
	height:300px;
	width:100%;
	/*object-fit:cover;*/
}
#hero-nav .events-nav-register{
	background-color: #00a8c9;
	color: #FFF !important;
	text-space: 2px;
	font-weight: normal !important;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #00a8c9;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);
	font-family: "quicksandbold", sans-serif;
	text-decoration: none !important;
}
.hero-logo-events-18 {
	position: absolute;
	top: 7%;
	right:2%;
}
.events-18 {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	color: #000000;
}

.events-18 p{
	font-size:18px;
}

.events-18 h2{
	font-size: 38.99px;
	line-height: 40px;
}
.events-18 h2.title{
	margin-bottom:0;
	margin-top:15px;
}
.events-18 .title-text{
	font-size: 30px;
	line-height: 40px;
}

.events-18 ul li{
	font-size:18px;
	line-height:20px;
	padding-bottom:10px;
}
.events-18 ul, ol{
	padding-left:1.2em;
}
.events-18 h2 img {
	padding-top:5px;
}
.events-18 .row-spacer{
	margin-top:50px;
}
.events-18 .locations img{
	float:left;
	margin: 30px 17px;
}

.events-18 .learn-more img{
	margin-bottom:10px;
}

.events-18 .learn-more a{
	font-size:32px;
	line-height: 35px;
	font-weight: 500;
	color: #5fb5d1;
}
.events-18 .learn-more p{
	font-size: 17px;
	line-height: 22px;
}
.events-18 .learn-more a.in-text-link{
	font-size: 17px;
	line-height: 22px;
}
.events-18 .sponsor-block{
	padding:12px 7px;
	border: solid 2px #f8b856;
	height:400px;
}

.events-18 .sponsor-block p{
	font-size:16px;
}

.events-18 .sponsor-block h3{
	font-weight: 900;
	font-size: 23px;
}
.events-18 .sponsor-block img{
	margin-bottom:10px;
}
/* Carousel */
.events-18 .testimonial-wrapper{
	display:block;
	margin-bottom:20px;
}
.events-18 #carousel-testimonial{
	/*margin-top:60px;*/
	margin-bottom:10px;
}
.events-18 .carousel-inner {
	height:90px;
}
.events-18 .carousel-indicators .active{ background: #31708f; }
.events-18 .content{ margin-top:20px; }
.events-18 .carousel-indicators li{ border :1px solid #ccc; }
.events-18 .carousel-indicators {
	bottom:-40px;
}
.events-18 .slide-text{
	font-size:30px;
	line-height:34px;
	font-style: italic;
}
/* text above video highlights page*/
.events-18 .video p{
	margin-bottom:5px;
}


/* Modifications to faq accordion */
.events-18 .insurance-17 .panel .panel-title a{
	text-decoration: none;
	font-size: 30px;
	outline: 0;
}
.events-18 .insurance-17 .plus::before{
	content: "+";
	font-size: 30px;
	line-height:30px;
}
.events-18 .insurance-17 .minus::before{
	content: "-";
	padding-right:3px;
	font-size: 50px;
	line-height:30px;
}
.events-18 .insurance-17 .panel .panel-body p{
	padding-left:15px;
	font-size:24px;
	line-height:28px;
	color:#625d5d;
}

/* Events location pages */
.events-18 .sub-heading{
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	margin-bottom:0;
}
.events-18 .content-sessions td{
	padding: 3px 2px;
	font-size: 18px;
	line-height: 24px;
	margin:0;
}
.events-18 .location-fb a{
	color: #000;
	text-decoration: underline;
}
.events-18 .location-fb :hover{
	text-decoration: none;
}
.events-18 .sub-date{
	font-size:30px;
}
/* Spring coming soon page */
.events-18 .locations.spring img{
	margin: 17px 17px;
}
@media (max-width: 560px){
	#expo-attendee.hero-events-18 #hero-header .hero-image {
		display: inherit;
		object-fit:cover;

		overflow:hidden;
	}
	#expo-attendee.hero-events-18 #hero-header .hero-logo-events-18 img{
		max-width:120px;
	}
	#expo-attendee.hero-events-18 #hero-nav .events-nav-register{
		font-size:1.5em;
	}

	.events-18 h2 {
		font-size: 30px;
		line-height: 30px;
		margin-bottom:8px;
	}
	.events-18 .title-text {
		font-size: 16px;
		line-height: 22px;
	}
	.events-18 .locations img,
	.events-18 .locations.spring img{
		float: left;
		margin: 10px 10px;
		width: 150px;
	}
	.events-18 p {
		font-size: 13px;
		line-height: 15px;
	}
	.events-18 h2 img {
		padding-top: 0;
	}
	.events-18 .tumbler{
		padding-bottom:10px;
	}
	.events-18 .expo-hours img{
		padding-bottom: 10px;
	}
	.events-18 .row-spacer{
		margin-top:20px;
	}
	.events-18 ul li {
		font-size: 14px;
		line-height: 18px;
	}
	.events-18 .learn-more a {
		font-size: 31px;
		line-height: 35px;
	}
	.event-18 .learn-more .road-trip{
		display: block;
		padding-top:10px;
	}
	.events-18 .sponsor-block p {
		line-height: 18px;
	}

	/*highlights page*/
	.events-18 .video p{
		font-size:16px;
		margin-bottom:5px;
	}
	.events-18 spacer-20.video{
		padding-top:5px;
	}
	/*carousel*/
	.events-18 .carousel-inner {
		height:90px;
	}
	.events-18 .slide-text {
		font-size: 15px;
		line-height: 22px;
		width:98%;
	}
	/*faqs drop downs */
	.events-18 .insurance-17 .panel .panel-title a {
		font-size: 20px;
	}
	.events-18 .insurance-17 .plus::before{
		content: "+";
		font-size: 20px;
		line-height:20px;
	}
	.events-18 .insurance-17 .minus::before{
		content: "-";
		padding-right:3px;
		font-size: 30px;
		line-height:20px;
	}
	.events-18 .insurance-17 .panel .panel-body p {
		padding-left: 5px;
		font-size: 14px;
		line-height: 20px;
	}

	/*locations*/
	.events-18 .sub-date{
		font-size:20px;
	}

	.events-18 .content-sessions td{
		font-size: 13px;
		line-height: 15px;
	}
	.events-18 .sub-heading{
		font-size: 20px;
		line-height: 20px;
	}

	/*sponsors*/
	.events-18 .sponsor-mobile-spacer{
		margin-top: 30px;
	}
}



/*--------- CHAT FLOATING BOX ---------*/

#chat-floating-box .floating-box {
	position: fixed;
	bottom: 45px;
	right: 0;
	width: 153px;
	max-width: 100%;
	z-index: 10;
}
#chat-floating-box .floating-box .close-button {
	position: absolute;
	top: 5px;
	right: 2px;
	cursor: pointer;
	font-weight: 600;
	padding: 0 10px;
}

@media only screen and (max-width: 1024px) {
	#chat-floating-box .floating-box {
		/*bottom: 0; !* black footer bar is gone *!*/
		display: none;
	}

	.post .holder.full {
		margin: 0;
		padding: 0;
		height: inherit;
		width: inherit;
	}

	.post .holder.full img {
		margin: 0;
		padding: 0;
		height: inherit;
		width: inherit !important;
	}
}


	/**
	Embedded Hero Video events
	*/
	.home-banner-static {
		background: url(/images/events/2018/hero-shot.jpg) no-repeat;
		/*width:1097px;*/
		width:100%;
		height:300px;
		margin-bottom:0;
	}
	.home-banner .slide .video-slide {
		background-color: #000; }

	.home-banner.loading .video-background {
		opacity: 0; }
	.video-box{
		height:300px;
		width: 100%;
		overflow:hidden;
	}

	.video-background {
		position: absolute;
		top: 60%;
		left: 0;
		position:relative;
		padding-top: 56.25%;
		width: 100%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: 2s opacity ease;
		transition: 2s opacity ease;
		opacity: 1;

	}

	.video-foreground,
	.video-background iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}
	.hero-events-18 .loading{
		margin:0;
	}
	.hero-logo-events-18 {
		position: absolute;
		top: 10px;
		right: 2%;
		z-index: 100;
	}
	@media (max-width: 768px){
		.hero-logo-events-18 {
			right:5%;
		}
		.hero-logo-events-18 img{
			max-width:120px;
		}
	}


	/**
	National School Parent Group
	*/

	.parent-group{
		overflow-x: hidden;
	}
	table.parent-group {
		margin:0;
	}
	.parent-group #main {
		padding:0;
	}
	.parent-group .full-width{
		margin:0 -9999em;
		padding: 0.25em 9999em;
		position: relative;
	}
	.parent-group .yellow-background{
		background-color: #f5cc54;
		display:block;
		position: relative;
	}
	.parent-group .cream-background{
		background-color: #fdf6e1
	}
	.parent-group .gray-background{
		background-color: #e9ebee;
	}
	.parent-group .article-box-shadow{
		-webkit-box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);
		box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);
	}
	.parent-group .same-box{
		height:360px;
		width:100%;
		display:block;
	}

	.parent-group h1{
		font-size:48px;
		line-height:50px;
		font-family: quicksandregular, sans-serif;
		margin:20px 0;
		letter-spacing: -1px;
	}
	.parent-group .post h2{
		margin:7px 0;
	}
	.parent-group p {
		color:#000;
	}
	.parent-group p.big-text{
		font-size:22px;
		line-height:34px;
		/*color:#000;*/
		margin-bottom:15px;
	}
	.parent-group .dark-gray{
		color: #7d7d7d;
	}

	.parent-group .row-pad-bottom {
		padding-bottom:50px;
	}
	.parent-group .row-pad-top {
		padding-top:50px;
	}
	.parent-group .sub-heading{
		font-size:36px;
		line-height:32px;
		font-family: quicksandregular, sans-serif;
		margin:7px;
		letter-spacing: -1px;
		color:#000;
	}
	.parent-group p.inspiration{
		font-size:16px;
		line-height:22px;

	}
	.parent-group .star{
		display: inline-block;
		padding:10px 0;
	}
	.parent-group .sub-blurb{
		font-size:22px;
		line-height:34px;
		/*color:#000;*/
	}
	.parent-group .col-md-4 {
		padding:8px;
	}
	.parent-group img.socials{
		padding:0 3px;
	}
	.parent-group .article_separator{
		display:none;
	}
	.parent-group td{
		padding-bottom:0;
	}
	.parent-group img.img-full{
		width:100%;
	}
	/* carousel */
	.parent-group .carousel-inner {
		height:100px;
	}
	/*This is a fix for the zine-fullwidth layout for article*/
	.parent-group .intro-text{
		font-weight:normal;
		font-size:13px;
		line-height: 1.154em;
	}

	@media (max-width:1057px){
		.parent-group .full-width{
			margin:0;
			padding:0;
		}
		.parent-group #main .post{
			overflow: visible;
			width:90%;
		}
		.parent-group .row-pad-bottom {
			padding-bottom:30px;
		}
		.parent-group .row-pad-top {
			padding-top:30px;
		}
	}
	@media (max-width:450px){
		.parent-group #main .container{
			padding:0;
		}
		.parent-group .full-width{
			margin:0;
			padding:0;
		}
		.parent-group .row-pad-bottom {
			padding-bottom:30px;
		}
		.parent-group .row-pad-top {
			padding-top:30px;
		}
		.parent-group h1{
			font-size:38px;
			line-height:40px;
			margin:20px 0;
		}
		.parent-group h1.article-heading{
			font-size:38px;
			line-height:40px;
			margin:20px 0;
		}
		.parent-group .sub-heading{
			font-size:30px;
			line-height:36px;
		}
		.parent-group p.big-text {
			font-size: 20px;
			line-height: 32px;
		}
		.parent-group .nominate-btn{
			margin-bottom:20px;
		}
		.parent-group .sub-blurb{
			font-size:20px;
			line-height:30px;
		}
		.parent-group .post .holder{
			font-size:14px;
			line-height:16px;
			width:100%;
		}
		#article-page.parent-group .post .holder {
			width:100%;
		}
		.parent-group .star{
			display: block;
			padding:10px 0;
			/*width:75px;*/
			margin: 0 auto;
		}
		/* carousel */
		.parent-group .carousel-inner {
			height:230px;
		}
	}


/*Tech talk night*/
.ttn h1.title-red {
	font-family: "quicksandregular", Arial, Helvetica, sans-serif;
	letter-spacing: -3px;
	font-size: 57px;
	color: #eb212e;
	margin-top: 17px;
}
.ttn .extra-right-pad-40{
	padding-right: 40px
}
.ttn .ttn-img-wrap{
	height: 93px;
	vertical-align: bottom;
	display: table-cell;
}
.ttn .ttn-box{
	border: solid 1px #000;
	padding:15px;
	margin-top:25px;
	width:100%;
}
.ttn h4 {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #34abdc;
}
.ttn .ttn-box h4 a, .ttn .ttn-box a, .ttn .ttn-box a:visited, .ttn .ttn-box .blue-highlight{
	color: #34abdc;
}

.ttn .ttn-box p{
	font-size: 16px;
	line-height:23px;
	margin-bottom: 0;
	font-family: "Source Sans Pro", Arial, Helvetica;
}
.ttn #fw .ttn-box li{
	font-family: "Source Sans Pro", Arial, Helvetica;
	font-size:16px;
	line-height: 23px;
	padding:0;
}

.ttn #fw .article-heading{
	display: none;
}

@media(max-width: 768px){
	.ttn .ttn-img-wrap{
		height: auto;
		width:140px;
	}

	.ttn h1.title-red {
		font-size: 40px;
		font-weight: 500;
	}

	.ttn .intro-text{
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 0px;
		width:99.7%;
	}

	.ttn .ttn-box{
		border: solid 1px #000;
		padding:7px 0;
		margin-top:25px;
	}
	.ttn h4 {
		font-size: 23px;
		margin-top:7px;
	}
	.ttn .ttn-box p{
		font-size: 15px;
	}
	.ttn #fw .ttn-box li{
		font-size:15px;
		padding:0;
		font-style: italic;
	}
	.ttn #fw .ttn-box ul{
		margin:0 0 0 -6px;
	}
	.ttn img{
		margin-top:10px;
		margin-bottom:10px;
	}
}
/* Tooltip hover information */

.information-tooltip td {
	position: relative;
}
.information-tooltip .tooltip-content {
	display: none;
	position: relative;
	top: 0;
	left: 0;
	z-index: 99;
	border: 1px solid #333;
	background: #eee;
	width: 300px;
	text-align: center;
}
.information-tooltip .tooltip-trigger:hover + div {
	position: absolute;
	z-index: 999;
	display: block;
	transform: translate(15%, 15%);
}

@media only screen and (min-device-width : 300px) and (max-width : 767px) {
	.free-guides .grid-container {
		grid-template-columns: 1fr !important; 
	}	
	.grid-element {
		width: 325px;
	}
}

/* Ipad landscape */ 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	.free-guides .grid-container {
	grid-template-columns: 1fr 1fr !important; 
	}	
}

/* Ipad portrait */ 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	.free-guides .grid-container {
		grid-template-columns: 1fr 1fr !important; 
	}		
}

/* Desktops and laptops */
@media only screen  and (min-width : 1224px) {
	.free-guides .grid-container {
		grid-template-columns: 1fr 1fr 1fr !important; 
		}	
}