/*<meta />*/

@media only screen and (max-width: 300px)
{
	body
	{
		margin: 0 !important;
		padding: 0 !important;
		max-width: 100% !important;
	}

	.inner-wrap
	{
		min-height: 100vh;
	}

	.row.outer-row
	{
		margin: 0 auto;
		padding-left: 1em;
		padding-right: 1em;
	}

	.main-section > .row.outer-row
	{
		padding-top: 1em;
		padding-bottom: 1em;
	}

	img
	{
		vertical-align: baseline;
	}

	.navigation-wrapper
	{
		float: right;
	}

	.tab-bar-section.middle > div
	{
		min-height: 62px;
	}

	a[class^='support-nav']
	{
		top: 7px;
		font-family: "Helvetica", sans-serif;
		font-size: 15px;
	}

	/* Topbar (Navigation) Dropdown Styles*/

	ul.navigation
	{
		height: 100%;
		padding-top: 0;
		padding-bottom: 0;
		white-space: nowrap;
		z-index: 1;
		position: relative;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 150px;
		background-repeat: repeat;
		background-position: center center;
		color: #ffffff;
		font-size: 16px;
		font-weight: normal;
		padding-left: 20px;
		padding-right: 20px;
	}

	ul.navigation,
	ul.navigation ul
	{
		list-style: none;
	}

	ul.navigation ul
	{
		z-index: 1000;
		width: auto;
		margin: 0;
		padding: 10px 0 10px 0;
		position: absolute;
		background-color: #686868;
	}

	ul.navigation > li > ul
	{
		right: 0;
	}

	ul.navigation > li.has-children:after
	{
		content: ' ';
		display: block;
		position: absolute;
		height: 0;
		width: 0;
		border: 8px solid transparent;
		bottom: 0;
		left: 50%;
		margin-left: -8px;
		border-bottom-color: #686868;
	}

	ul.navigation ul,
	ul.navigation > li.has-children:after
	{
		visibility: hidden;
		opacity: 0;
	}

	ul.navigation ul ul
	{
		top: 0;
		left: 100%;
		background-color: #686868;
	}

	ul.navigation ul ul.openLeft
	{
		left: auto;
		right: 100%;
	}

	ul.navigation ul ul.openRight
	{
		right: auto;
		left: 100%;
	}

	ul.navigation a
	{
		text-decoration: none;
		height: 100%;
		outline: none;
		color: #ffffff;
		font-size: 16px;
		font-weight: normal;
	}

	ul.navigation li
	{
		position: relative;
		list-style: none;
		margin: 0;
		height: 100%;
	}

	ul.navigation li > a
	{
		display: block;
		line-height: 45px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	ul.navigation li li
	{
		padding: 0 10px;
	}

	ul.navigation > li
	{
		position: relative;
		float: left;
		display: block;
	}

	ul.navigation li:hover > ul,
	ul.navigation > li.has-children:hover:after
	{
		visibility: visible;
		opacity: 1;
	}

	ul.navigation li:hover
	{
		background-color: transparent;
	}

	ul.navigation ul > li
	{
		line-height: 15px;
	}

	ul.navigation ul > li > a
	{
		padding: 0 15px;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 15px;
	}

	ul.navigation ul > li:hover
	{
		background-color: #4b4b4b;
	}

	#resultList h3.title a:visited
	{
		color: #2200C1;
		text-decoration: underline;
	}

	#resultList h3.title a:focus
	{
		color: #2200C1;
		text-decoration: underline;
	}

	ul.navigation li > a:hover
	{
		background-repeat: repeat;
		color: #ffffff;
	}

	ul.navigation ul > li > a:hover
	{
		background-repeat: repeat;
	}

	ul.navigation ul ul > li > a:hover
	{
		background-repeat: repeat;
	}

	ul.navigation ul ul ul > li > a:hover
	{
		background-repeat: repeat;
	}

	ul.navigation ul ul ul ul > li > a:hover
	{
		background-repeat: repeat;
	}

	#pagination a:hover
	{
		border-top: solid 1px #e2e2e6;
	}

	#resultList h3.title a:hover
	{
		text-decoration: underline;
	}

	ul.off-canvas-list li a:hover
	{
		background-color: #242424;
	}

	ul.off-canvas-list li.back > a:hover
	{
		background-color: #242424;
	}

	#resultList h3.title a:active
	{
		color: #2200C1;
		text-decoration: underline;
	}

	ul.navigation ul > li.has-children > a:after
	{
		position: absolute;
		border: none;
		content: "\00bb";
		right: 5px;
		top: 9px;
	}

	nav.tab-bar
	{
		height: auto;
		line-height: inherit;
		padding: 10px 0;
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #292928;
	}

	nav.tab-bar .menu-icon
	{
		display: none;
		left: 15.5px;
		right: 15.5px;
	}

	.tab-bar-section
	{
		position: relative;
	}

	.tab-bar-section.middle
	{
		width: 100%;
		left: 0;
		right: 0;
		height: auto;
		min-height: 2.5em;
	}

	.tab-bar-section a.logo
	{
		border: none;
		padding: 0;
		margin: 0;
		position: absolute;
		display: block;
		left: 0;
		width: 200px;
		height: 62px;
		top: 0;
		bottom: auto;
		margin-top: 0;
		background-repeat: no-repeat;
		background: transparent url('Images/OnSite-Support-Logo.png') no-repeat center center;
	}

	/* Topbar Menu Functionality Styles */

	#navigation.topbar > .row
	{
		height: 100%;
	}

	#navigation.topbar
	{
		background-color: #292928;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/* Search */

	.nav-search
	{
		margin-top: 10px;
	}

	.search
	{
		display: none;
	}

	.search-field
	{
		padding: 0 0 0 10px;
		background: #FFFFFF;
		top: 0;
		left: 0;
		position: relative;
		height: 2em;
		border-top: none;
		border-right: none;
		border-bottom: none;
		border-left: none;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		border-bottom-left-radius: 25px;
		color: #5F5F5F;
		font-size: 1em;
		padding-left: 10px;
		background-color: #ffffff;
		padding-right: 106px;
	}

	.search-field::-webkit-search-cancel-button
	{
		display: none;
	}

	.search-filter
	{
		float: left;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		line-height: 2em;
		padding-right: 5px;
		cursor: pointer;
		height: 2em;
		border-top: none;
		border-bottom: none;
		border-right: solid 1px #000000;
		border-left: solid 1px #000000;
		width: 45px;
		background: #ffffff url('Images/FilterOutline.png') no-repeat center center;
		-pie-background: #ffffff url('Skins/Fluid/Stylesheets/Images/FilterOutline.png') no-repeat center center;
	}

	.search-filter.selected
	{
		background: transparent url('Images/Filter.png') no-repeat center center;
		-pie-background: transparent url('Skins/Fluid/Stylesheets/Images/Filter.png') no-repeat center center;
	}

	.search-filter.open
	{
		background: #ffffff url('Images/FilterOutline.png') no-repeat center center;
		-pie-background: #ffffff url('Skins/Fluid/Stylesheets/Images/FilterOutline.png') no-repeat center center;
		color: #888888;
		background-color: #ffffff;
	}

	.search-filter-wrapper
	{
		display: none;
		position: absolute;
		top: 0;
		right: 56px;
	}

	.search-filter-content
	{
		display: none;
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		position: absolute;
		right: 0;
		line-height: normal;
		text-align: left;
		overflow: auto;
		z-index: 1;
		white-space: nowrap;
		color: #888888;
		background-color: #ffffff;
		top: 2em;
	}

	.search-filter-content ul li
	{
		padding: 5px;
		margin: 0;
	}

	.search-filter-content ul li:hover
	{
		color: #000000;
		background-color: #ffffff;
	}

	.search-submit-wrapper
	{
		position: absolute;
		top: 0;
		right: 0;
	}

	/* OffCanvas */

	ul.off-canvas-list li
	{
		margin: 0;
	}

	.left-off-canvas-menu,
	.right-off-canvas-menu
	{
		display: none;
	}

	/*======================================================================================

                            Dennis final added styles

=======================================================================================*/

	/* Googe Site Search fun! fun! fun!�*/

	#site-search-results-container
	{
		margin: 0 auto;
		max-width: 960px;
	}

	#googleSearchResults
	{
		position: relative;
	}

	.site-search-container
	{
		position: absolute;
		top: -200px;
		width: 33%;
		z-index: 999999999;
		right: 0px;
		left: 0px;
		margin: 0 auto;
		display: none;
	}

	.site-search-container .gsc-control-cse
	{
		border: none !important;
		background-color: transparent !important;
		padding: 0 !important;
	}

	.site-serach-container .cse form.gsc-search-box,
	form.gsc-search-box
	{
		border: none !important;
		background-color: transparent !important;
		box-shadow: none !important;
		background: none !important;
		font-family: 'Helvetica', sans-serif !important;
	}

	.cse input.gsc-input,
	input.gsc-input
	{
		padding: 4px 13px !important;
		border-color: #B6BEC5 !important;
		height: 31px !important;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}

	.cse input.gsc-search-button,
	input.gsc-search-button
	{
		padding: 0 22px !important;
		border-radius: 0px !important;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		font-family: 'Source Sans Pro', Arial, sans-serif !important;
		font-weight: 300 !important;
		height: 31px !important;
		letter-spacing: 1px !important;
		font-size: 14px !important;
		color: #fff !important;
		margin-left: -4px !important;
		font-family: 'Helvetica', sans-serif !important;
	}

	.gsc-control-cse .gsc-table-result
	{
		background-color: rgba(0,0,0,0.04) !important;
		padding: 10px !important;
	}

	.cse table.gsc-search-box td.gsc-input,
	table.gsc-search-box td.gsc-input
	{
		padding-right: 0px !important;
	}

	.cse .gsc-control-cse,
	.gsc-control-cse
	{
		border: none !important;
		padding: 0px !important;
	}

	.gsc-selected-option-container
	{
		min-width: 71px !important;
	}

	div.gsc-clear-button
	{
		display: inline-block;
		margin-top: 5px;
		width: 0px;
		margin-left: -116px !important;
	}

	.gssb_c
	{
		z-index: 99999999999999 !important;
	}

	.cse .gsc-webResult.gsc-result:hover,
	.gsc-webResult.gsc-result:hover,
	.gsc-webResult.gsc-result.gsc-promotion:hover,
	.gsc-results .gsc-imageResult-classic:hover,
	.gsc-results .gsc-imageResult-column:hover
	{
		border-top: 1px solid !important;
		border-color: #fff !important;
		background-color: #fff !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}

	.gsc-results .gsc-cursor-box .gsc-cursor-current-page,
	.gsc-results .gsc-cursor-box .gsc-cursor-page
	{
		border-color: #fff !important;
		background-color: #FFFFFF !important;
		color: #0568CD !important;
	}

	.gssb_a
	{
		padding: 3px 12px !important;
		border-top: 1px solid #F1F0F0 !important;
	}

	.gsc-completion-container
	{
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
	}

	td.gsc-clear-button
	{
		width: 0px !important;
	}

	/* End Google Site Search FUN!�*/

	.inner-wrap
	{
		background-color: #fff;
	}

	.tab-bar-section a.logo
	{
		width: 200px;
		height: 36px;
		top: 29px;
		left: -15px;
		position: fixed;
	}

	.tab-bar-section a.logo
	{
		width: 350px;
		height: 36px;
		top: 0px;
		margin: 0 auto;
		background-position: cneter;
	}

	nav.tab-bar
	{
		position: relative;
		width: 100%;
		z-index: 9999;
		height: 56px;
		background-color: #fff;
		box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
		z-index: 99999999;
	}

	.navigation-wrapper
	{
		display: none;
		width: 175px;
		height: 100%;
		padding-top: 2px;
		top: 48px;
		left: 0px;
		background-color: #fff;
		border-top: 0px solid #ededed;
		border-right: 1px solid #ededed;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.main-section
	{
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.search-submit
	{
		border: 1px solid #E4E4E4;
		border-left: none;
		height: 2em;
		border-top: none;
		border-right: none;
		border-bottom: none;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		width: 56px;
		background: #bed230 url('Images/SearchIcon.png') no-repeat center center;
		-pie-background: #bed230 url('Skins/Fluid/Stylesheets/Images/SearchIcon.png') no-repeat center center;
	}

	.search
	{
		width: 55%;
		position: relative;
		color: #DADADA;
		margin-top: -45px;
		margin-right: 0;
	}

	.search-field
	{
		border: 1px solid #E4E4E4;
	}

	.search-bar
	{
		margin-right: 0px;
		width: 100%;
	}

	.search-filter-wrapper
	{
		display: block;
	}

	.search-filter
	{
		float: left;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		line-height: 2em;
		padding-right: 5px;
		cursor: pointer;
		height: 2em;
		border-top: none;
		border-bottom: none;
		border-right: solid 1px #E4E4E4;
		border-left: solid 1px #E4E4E4;
		border: 1px solid #E4E4E4;
	}

	.row.nav-search
	{
		margin-top: 10px;
		margin-bottom: 0px;
		display: none;
	}

	.row.outer-row
	{
		max-width: 100% !important;
		padding: 0 15px;
		margin: 0 auto;
	}

	ul.navigation
	{
		height: 100%;
		padding-top: 0;
		padding-bottom: 0;
		white-space: nowrap;
		z-index: 1;
		position: relative;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0px;
		background-repeat: repeat;
		background-position: center center;
		color: #ffffff;
		font-size: 16px;
		font-weight: normal;
	}

	ul.navigation
	{
		padding: 0;
		top: -1px;
		padding-top: 1px;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease;
	}

	ul.navigation > li
	{
		float: left;
		display: block;
		width: 100%;
		height: auto;
		border-bottom: 1px solid #ededed;
	}

	ul.navigation li > a
	{
		float: left;
		display: block;
		color: #474747;
		line-height: 25px;
		margin: 0px;
		padding: 5px 15px 4px 10px;
		width: 100%;
		font-size: 14px;
		text-align: left;
	}

	ul.navigation li:hover,
	ul.navigation ul > li:hover,
	ul.navigation ul > li > ul > li:hover,
	ul.navigation ul > li > ul > li > ul > li:hover,
	ul.navigation ul > li > a:hover
	{
		background-color: #ed5153;
		color: #ffffff;
	}

	ul.navigation > li > ul
	{
		right: -159px;
	}

	ul.navigation li:hover > ul
	{
		background-color: #fff;
		border: 1px solid;
		left: 100%;
		top: -1px;
		padding: 0px;
		color: #fff;
		border: none;
	}

	ul.navigation > li.has-children:hover:after
	{
		border: none;
	}

	ul.navigation ul > li
	{
		float: left;
		display: block;
		padding: 0;
		width: 100%;
		border-bottom: 1px solid #ededed;
	}

	ul.navigation ul > li > a
	{
		width: 100%;
		padding: 5px 15px 5px 10px;
		background-color: #fff;
		line-height: 25px;
		display: inline-block;
		width: auto;
		border: 1px solid red;
	}

	ul.navigation > li > ul,
	ul.navigation ul > li > ul > li > ul
	{
		background: #fff;
		border: 1px solid #ededed;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.16);
	}

	ul.navigation > li > ul ul
	{
		background: #fff;
		border: 1px solid #ededed;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.16);
	}

	ul.navigation ul > li.has-children > a:after
	{
		position: relative;
		border: none;
		content: "\00bb";
		right: -8px;
		top: 0px;
	}

	.support-nav-resources
	{
		color: #4e4e4e !important;
		text-decoration: none !important;
		position: absolute;
		top: 0px;
		left: 175px;
	}

	.support-nav-blog
	{
		color: #4e4e4e !important;
		text-decoration: none !important;
		position: absolute;
		top: 0px;
		left: 275px;
	}

	.support-nav-about
	{
		color: #4e4e4e !important;
		text-decoration: none !important;
		position: absolute;
		top: 0px;
		left: 330px;
		-webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;
	}

	.support-nav-resources:hover,
	.support-nav-blog:hover,
	.support-nav-about:hover
	{
		color: #ed5153 !important;
	}

	.show-anchor
	{
		position: fixed;
		left: -65px;
		top: 56px;
		text-decoration: none;
		color: #696969 !important;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease;
	}

	.show-anchor:hover
	{
		color: #ed5153;
	}

	.mc-blurb
	{
		position: relative !important;
	}

	@media only screen and (min-width: 1440px)
	{
		.row.outer-row
		{
			padding: 0 15px;
			margin: 0 auto;
		}
	}

	@media only screen and (max-width: 960px)
	{
		.navigation-wrapper
		{
			position: fixed;
			display: none;
			width: 175px;
			top: 120px;
			left: 0px;
			background-color: #323a45;
		}

		.site-search-container
		{
			width: 50%;
		}

		.tab-bar-section a.logo
		{
			width: 200px;
			height: 45px;
			left: 70px;
		}

		.tab-bar-section.middle
		{
			top: -7px;
		}

		.tab-bar-section a.logo
		{
			width: 200px;
			height: 45px;
			top: 5px;
			left: 0px !important;
			right: 0px !important;
			margin: auto -16px auto !important;
		}

		.nav-tab-bar .menu-icon
		{
			display: block;
			border: none;
			z-index: 100;
			margin-top: -19px;
			position: absolute;
			right: -13px;
		}

		.row.nav-search
		{
			display: block;
			margin-top: 0px;
			margin-bottom: 0px;
		}

		.search
		{
			width: 65%;
			margin-top: -57px;
		}

		.search-bar
		{
			margin-right: 0px;
		}

		.support-nav-resources,
		.support-nav-blog,
		.support-nav-about,
		.show-anchor
		{
			display: none;
		}

		.left-off-canvas-menu
		{
			background-color: #323232;
		}

		ul.off-canvas-list li a
		{
			display: block;
			padding: 1rem;
			color: rgba(255, 255, 255, 0.87);
			border-bottom: 1px solid rgba(255, 255, 255, 0.27);
			text-decoration: none;
			line-height: inherit;
			font-weight: normal;
			transition: background 300ms ease;
		}

		ul.off-canvas-list li a:hover
		{
			background-color: #ed5153 !important;
		}
	}

	@media only screen and (max-width: 660px)
	{
		.search
		{
			width: 100%;
			margin: -18px auto 0;
		}

		.site-search-container
		{
			position: fixed;
			top: 43px !important;
			width: 101%;
			z-index: 999999999;
			right: -7px !important;
		}

		nav.tab-bar
		{
			position: fixed;
			width: 100%;
			z-index: 9999;
			height: 95px !important;
			background-color: #fff;
			box-shadow: 0px 1px 6px rgba(0,0,0,0.16) !important;
		}

		.search-bar
		{
			width: 100%;
		}

		nav.tab-bar .menu-icon
		{
			display: block;
			right: -2.5px;
			float: right;
		}

		.tab-bar-section a.logo
		{
			width: 200px;
			height: 45px;
			left: 0px !important;
			right: 0px !important;
			margin: auto -16px auto !important;
			top: 5px;
		}
	}

	nav.tab-bar .row.outer-row
	{
		
	}

	.tab-bar .menu-icon span
	{
		top: 10px;
		background: transparent url('Images/Menu.png') no-repeat;
	}

	.right-off-canvas-menu
	{
		background-color: #333333;
	}

	.right-off-canvas-menu ul ul
	{
		background-color: #333333;
	}

	.left-off-canvas-menu
	{
		background-color: #333333;
	}

	.left-off-canvas-menu ul ul
	{
		background-color: #333333;
	}

	ul.off-canvas-list li a
	{
		background-color: transparent;
	}

	ul.off-canvas-list li.back > a
	{
		background-color: #ed5153;
	}

	.menu-icon a span
	{
		
	}

	.search-field::-webkit-input-placeholder
	{
		
	}

	.search-field::-moz-placeholder
	{
		
	}

	.inner-wrap nav.tab-bar .outer-row
	{
		
	}

	.inner-wrap .outer-row
	{
		
	}

	.main-section > .outer-row
	{
		
	}

	.search-field::-webkit-input-placeholder
	{
		
	}

	.search-field::-moz-placeholder
	{
		
	}

	.search-field:-moz-placeholder
	{
		
	}

	.search-field:-ms-input-placeholder
	{
		
	}
}

