/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*FOR COLUMN LAYOUT*/

ul.menu.mc-component
{
	overflow-y: unset;
}

/*FOR RESPONSIVE LOGO*/

.tab-bar-section a.logo
{
	background-color: transparent;
	background-image: url(../Images/hpe_aruba_orange_pos_rgb.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 67px;
	margin-top: -35px;
}

.title-bar-layout a.logo
{
	background-color: transparent;
	background-image: url(../Images/hpe_aruba_orange_pos_rgb.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 67px;
}

/*for disclaimer section*/

#notice
{
	background-color: #ff8300;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
}

div.readmore
{
	font-size: smaller;
	text-align: center;
	color: #ffdaa8;
}

#notice:hover
{
	background-color: #ff8300;
	color: white !important;
	padding: 5px;
	height: auto;
	box-shadow: 0px 0px 4px #ff8300;
}

p.moretext
{
	display: none;
	font-size: small;
	text-align: justify;
	line-height: 1.5em;
}

#notice:hover .readmore
{
	display: none;
}

#notice:hover .moretext
{
	display: block;
}

#whatsnew
{
	background-color: #f5f5f5;
	border-radius: 10px;
	padding: 10px;
}

#openTopMenu
{
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #01A982;
	display: block;
	font-size: 1em;
	height: 50px;
	font-family: 'Open Sans';
	border: none;
	color: white;
	overflow-x: none;
}

/*FOR Filter icon*/

.search-filter
{
	background-color: transparent;
	background-image: url(../Images/filter_white.svg) !important;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 10px !important;
	height: 20px !important;
	padding-right: 0px !important;
}

.search-filter.open
{
	background-color: transparent;
	background-image: url(../Images/filter_white.svg) !important;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 10px !important;
	height: 20px !important;
	padding-right: 0px !important;
}

.search-filter.selected
{
	background-color: transparent;
	background-image: url(../Images/filter_white_sel.svg) !important;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 10px !important;
	height: 20px !important;
	padding-right: 0px !important;
}

div.topichero
{
	width: 100%;
	margin-top: 40px;
	height: 200px;
}

/*FEEDBACK BUTTON STYLES*/

.fimg
{
	background-color: #ff8300;
	color: white;
	border: none;
	height: 40px;
	float: right;
	padding: 5px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: -4;
}

.feedback
{
	position: absolute;
	right: 0;
	bottom: 0px;
	height: 40px;
	z-index: 3;
	width: 250px;
}

.ftext
{
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 10px;
	background-color: #ff6300;
	z-index: -5;
	color: white;
}

.ftext a
{
	color: white;
	text-decoration: none;
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	padding-right: 60px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

div #aruba_disclaimer p a:link
{
	text-decoration: underline;
}

.ftext a:hover
{
	background-color: #ff8300;
}

.versions a:hover
{
	background-color: #ff8300;
	color: white;
}

.feedback:hover .ftext
{
	display: block;
}

/*END OF FEEDBACK STYLES*/

#searchbar
{
	position: relative;
	top: -30px;
	width: 100%;
	margin: auto;
}

div.docname
{
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	color: #000000;
	margin-top: 40px;
	margin-right: 10px;
}

div #aruba_disclaimer
{
	float: none;
	text-align: center;
	color: #000000;
	width: auto;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border-bottom: 1px solid #4BA684;
	margin-top: -30px;
}

div #aruba_disclaimer p
{
	line-height: 1.2em;
}

#container
{
	width: 90%;
	margin: auto;
}

#products
{
	width: 63%;
	float: left;
	padding-bottom: 30px;
}

#tile2
{
	width: 98%;
	text-align: center;
	background-color: #f1f9f7;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	font-weight: 700;
	color: #ff8300;
	font-size: 1.2em;
}

.tile
{
	display: inline-block;
	min-width: 220px;
	background-color: #f7f7f7;
	margin-right: 2%;
	padding: 10px;
	width: 48%;
	box-shadow: 0 0 2px 0px grey;
	transition: 0.3s;
	border-radius: 10px;
	height: 100px;
	vertical-align: middle;
	float: left;
}

.footer
{
	background-color: whitesmoke;
	width: 100%;
	bottom: 0px;
	margin-left: 0px;
}

.tile:hover
{
	background-color: #f7f7f7;
	box-shadow: 0px 0px 10px #ff8300;
	border: solid 1px #cccccc;
}

#rightpane
{
	width: 35%;
	float: right;
	height: auto;
}

p.homecardh1
{
	color: #ff8300;
	/* background-color: #f5f5f5; */
	font-size: 1.5em;
	font-weight: 700;
	line-height: 80px;
	mc-disable-glossary-terms: true;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 2px;
}

p.homecardh2
{
	font-size: 1.2em;
	font-weight: 700;
	color: #000000;
	line-height: 25pt;
	mc-disable-glossary-terms: true;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ffffff;
}

p.homeCardBody
{
	margin-left: 0in;
	margin-right: 0in;
	margin-bottom: 6pt;
	font-family: 'Open Sans', sans-serif, Regular;
	font-weight: normal;
	font-style: normal;
	mc-hyphenate: never;
	text-indent: 0px;
	text-decoration: none;
	mc-disable-glossary-terms: true;
	text-align: center;
	color: #000000;
	margin-top: 5px;
	font-size: 1em;
	line-height: 1.5em;
}

/* Home Page General Styles*/

div.MCSlide
{
	padding-left: 70px;
}

div.slidecards
{
	width: 230px;
	height: 200px;
	border: solid 1px #f7f7f7f;
	float: left;
	margin-right: 25px;
}

.homeCardtitle
{
	text-align: center;
}

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

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

.inner-wrap .outer-row
{
	margin: 0 auto;
}

span.Bullet
{
	font-family: Wingdings;
	font-size: 7pt;
	color: #000000;
	line-height: 9pt;
}

nav.tab-bar
{
	position: fixed;
	width: 100%;
	z-index: 9;
	box-shadow: 0 0 5px 1px #656565;
}

body
{
	font-family: 'Open Sans', sans-serif, Regular;
	line-height: 1.5em;
}

a.BlackText
{
	color: #000000;
	text-decoration: none;
}

h1
{
	font-size: 1.275em;
	font-family: 'Open Sans', sans-serif, Regular;
	font-weight: bold;
	font-style: normal;
}

h3
{
	font-size: 1.6785em;
	font-family: 'Open Sans', sans-serif, Regular;
}

h3.SubCenter
{
	text-align: center;
}

img.Hyperlinked
{
	border-style: none;
}

img.Slideshow
{
	border-style: none;
	margin-bottom: 15px;
}

p
{
	
}

p.Copyright
{
	font-size: 0.9em;
	text-align: left;
	color: #888888;
	line-height: 1.6em;
	margin: 0 0 10px 0;
}

.centered-text
{
	text-align: center;
}

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

.whiteheader
{
	color: #000000;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif, Regular;
}

.row.nav-search
{
	display: none;
}

.main-section > .row.outer-row
{
	padding: 0;
	margin: 0 auto;
}

/* Home Page Button Styles */

.button
{
	cursor: pointer;
	background-color: transparent;
	width: 200px;
	height: 35px;
	font-weight: bold;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.button.black
{
	border: solid 2px black;
	color: black;
}

.button.black:hover
{
	background-color: #ccc;
}

.button a
{
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/* Responsive Header Styles*/

#contentBody > .responsive-header
{
	background-color: #f5f5f5;
}

/* Content Section */

#content-section
{
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #f5f5f5;
	margin-top: 0px;
	mc-disable-glossary-terms: true;
	width: auto;
	border-top-color: #646569;
	border-top: none 0px #000000;
}

#content-section h3
{
	font-weight: normal;
}

.right-section div.button-group,
.left-section div.button-group
{
	margin-top: 20px;
}

#content-section .left-section
{
	padding-right: 20px;
}

#content-section .right-section
{
	padding-left: 20px;
}

.left-section .left-content,
.right-section .right-content
{
	height: 270px;
}

#content-section .right-section .table-images:first-of-type
{
	margin-bottom: 20px;
}

#content-section.mc-blurb p
{
	margin-top: 0;
	margin-bottom: 5px;
}

#content-section.mc-blurb .mc-bullets
{
	margin-top: 10px;
	padding-left: 30px;
	padding-right: 10px;
}

#content-section.mc-blurb .mc-bullets > li
{
	color: #5a5a5a;
	list-style-image: url('../Images/icon_bullet.png');
	font-size: 14px;
	margin-top: 8px;
	line-height: 1.6em;
}

/* Home Page Topic Hero section*/

div.topichero
{
	background-size: cover;
	padding-top: 40px;
	height: 150px;
}

div.topichero h1
{
	font-size: 2em;
	margin-top: 28px;
	margin-bottom: 0.50em;
	line-height: 18pt;
	color: #ffffff;
	font-weight: bold;
}

div.topichero h3
{
	font-size: 1.8em;
	margin-bottom: 30px;
	line-height: 100%;
}

div.search
{
	margin-left: 15em;
	margin-right: 15em;
	float: left;
}

.search,
.search-bar
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.search-field
{
	box-shadow: 1px 1px 5px #656565;
}

div.cklstBlk
{
	padding-left: 10px;
	position: relative;
	padding-right: 5px;
	margin-right: 5px;
	padding-top: 5px;
	background-color: ffffff;
	border: solid 1px #cccccc;
	border-bottom-color: #cccccc;
	border-right-color: #cccccc;
	margin-left: 2px;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-left-width: 2px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 40%;
	padding-bottom: 10px;
}

p.cklstHead
{
	font-family: 'Open Sans', sans-serif, Regular;
	font-style: normal;
	line-height: 18pt;
	text-align: left;
	border-bottom: none 0px #000000;
	color: #02a7ec;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 11pt;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 5px;
}

p.cklstBody
{
	mc-disable-glossary-terms: true;
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 10pt;
	text-align: left;
	margin-top: 5px;
}

/* Home Page slide show */

div.slidingshow
{
	margin-top: 20px;
	padding-top: 20px;
	margin-left: 0;
	marging-right: 0;
	margin-bottom: 100px;
}

.mc-wrapper .mc-caption
{
	background: none;
}

/* Home Page Video Section */

.video-section
{
	padding-top: 50px;
	padding-bottom: 30px;
}

.video-section img
{
	padding-right: 10px;
	padding-bottom: 10px;
}

.video-wrapper
{
	padding-bottom: 56.25%;
	/* 16:9 */
	position: relative;
}

.video-section iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-section .columns
{
	margin-bottom: 20px;
}

/* Home Page Footer */

.footer
{
	padding-top: 5px;
	display: block;
	mc-disable-glossary-terms: true;
	font-familiy: 'Open Sans', sans-serif;
}

.footer a
{
	text-decoration: none;
	color: #646569;
	font-size: 10pt;
	font-family: 'Open Sans', sans-serif;
}

/* Mad Cap proxy/editor assigned styles */

p.TOC2
{
	margin-left: 20px;
	display: none;
}

html.HomePage
{
	mc-master-page: url('../MasterPages/RN-HomePage.flmsp');
	mc-community-features: disabled;
}

a
{
	color: #5289ae;
}

@media non-print
{
	h3
	{
		font-style: normal;
		font-weight: normal;
		color: #000000;
		margin-bottom: .60em;
		margin-top: .60em;
	}

	p.cardHead
	{
		font-family: 'Open Sans', sans-serif, Regular;
		font-style: normal;
		padding-bottom: 16px;
		text-align: center;
		mc-disable-glossary-terms: true;
		font-size: 1.4em;
		line-height: 18pt;
		margin-bottom: 12px;
		font-weight: normal;
		color: #000000;
		border-bottom: solid 1px #ededeb;
		border-bottom-color: #c3c5c8;
	}

	div.container
	{
		border: none;
		padding-right: 5px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		clear: both;
		float: none;
		margin: 0 auto;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		margin-top: 295px;
		/*		background-repeat: no-repeat;
		background-image: url('../../Common Files/graphics/bg-cont-21.png');
		background-size: 100% 500px;*/
	}

	div.topichero
	{
		border-bottom-width: 1px;
		background-repeat: no-repeat;
		position: fixed;
		z-index: 8;
		width: 100%;
		background-position-y: center;
		background-position-x: right;
		border-top: solid 4px #656569;
		padding-bottom: 5px;
		padding-top: 60px;
		border-bottom: none 3px #656569;
		border-bottom-color: #656569;
		height: 190px;
		margin-top: 0px;
		margin-right: 40px;
	}

	/*	div.topichero:after{
    content: "B";
    position: relative;
    font-size: 250%;
    font-weight: 400;
    line-height: 0;
    padding-left: 2px;
    font-family: arubiconsregular;
    bottom: -5px;
	}*/

	div.docname
	{
		font-size: 3em;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
		margin-top: 40px;
		margin-right: 10px;
	}

	div #aruba_disclaimer
	{
		float: none;
		text-align: center;
		color: #000000;
		width: auto;
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-top: -20px;
		padding: 2px;
		border-bottom: 1px solid #4BA684;
	}

	div #aruba_disclaimer p a:link
	{
		text-decoration: underline;
	}

	div.docnameother
	{
		font-size: 0pt;
		color: #ffffff;
	}

	div #aruba_disclaimer
	{
		float: none;
		text-align: center;
		color: #000000;
		width: auto;
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-top: -20px;
		padding: 2px;
		border-bottom: 1px solid #4BA684;
	}

	div #aruba_disclaimer p a:link
	{
		text-decoration: underline;
	}

	div.helptext
	{
		display: none;
		font-size: 1.6em;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
		margin-top: 40px;
	}

	div.card
	{
		border-top-style: solid;
		border-bottom-style: solid;
		position: relative;
		padding-right: 5px;
		border-left-color: #f6f6f7 #;
		border-right-color: #f6f6f7;
		border-right-style: solid;
		border-bottom-width: 3px;
		padding-left: 5px;
		float: left;
		padding-top: 5px;
		border-top-width: 3px;
		border-top-color: #c3c5c8;
		border-right: solid 3px #c3c5c8;
		border-left: solid 3px #c3c5c8;
		border-bottom-color: #cccccc;
		margin-right: 5px;
		padding-bottom: 5px;
		margin-bottom: 5px;
		margin-top: 5px;
		height: 280px;
		border: solid 1px #c3c5c8;
		width: 21%;
		margin-left: 2%;
		background-color: #f6f6f7;
	}

	div.cklstBody
	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}

	div.homecardbase1
	{
		position: relative;
		color: #000000;
		margin-bottom: 1%;
		margin-top: 0px;
		height: 200%;
		float: left;
		margin-right: 0;
		width: 32%;
		margin-left: 2%;
	}

	div.homecardbase2
	{
		position: relative;
		color: #000000;
		margin-bottom: 1%;
		margin-top: 0px;
		height: 200%;
		float: left;
		margin-right: 0;
		width: 32%;
		margin-left: 2%;
	}

	div.homecard
	{
		padding-right: 5px;
		color: #000000;
		padding-top: 5px;
		padding-bottom: 10px;
		border-radius: 5pt;
		margin-bottom: 1%;
		padding-left: 5px;
		margin-top: 5px;
		background-color: #f7f7f7;
		height: 90px;
		width: 90%;
		margin-left: 4%;
		overflow: auto;
		transition: 0.4s;
	}

	div.homecard:hover
	{
		padding-right: 5px;
		color: #000000;
		padding-top: 5px;
		padding-bottom: 10px;
		border-radius: 5pt;
		margin-bottom: 1%;
		padding-left: 5px;
		margin-top: 5px;
		background-color: #f7f7f7;
		box-shadow: 0px 0px 4px #ff8300;
		border: solid 1px #cccccc;
		height: auto;
		width: 90%;
		margin-left: 4%;
		transition: 0.4s;
	}

	.homecard:hover .homecardBody
	{
		display: block;
	}

	body::-webkit-scrollbar
	{
		width: 2px;
	}

	div.homecard::-webkit-scrollbar
	{
		width: 0px;
	}

	div.homecard::-webkit-scrollbar-thumb
	{
		background: #ffffff;
	}

	body::-webkit-scrollbar-thumb
	{
		background: #ff8300;
	}

	div.homecard-1
	{
		position: relative;
		padding-right: 5px;
		color: #000000;
		padding-top: 5px;
		padding-bottom: 10px;
		border-radius: 5pt;
		margin-bottom: 1%;
		padding-left: 5px;
		margin-top: 10px;
		background-color: #ff8300;
		box-shadow: 1px 3px #c3c5c8;
		border: solid 1px #cccccc;
		height: 300px;
		float: left;
		margin-right: 0;
		width: 27%;
		margin-left: 4%;
		overflow: auto;
	}

	div.homecard-2
	{
		position: absolute;
		padding-right: 5px;
		color: #000000;
		padding-top: 5px;
		padding-bottom: 10px;
		border-radius: 5pt;
		margin-bottom: 1%;
		padding-left: 5px;
		margin-top: 0px;
		background-color: #ADE1F0;
		float: left;
		margin-right: 0;
		width: 27%;
		margin-left: 65%;
		overflow: auto;
		height: auto;
	}

	div.feedback
	{
		position: absolute;
		float: right;
		bottom: 20px;
		right: 2px;
		border-radius: 50px;
		width: 55px;
		height: 55px;
		background-color: #ff8300;
		cursor: pointer;
	}

	div.imgblk
	{
		display: none;
		padding-left: 10px;
		background-color: transparent;
		text-align: center;
		margin-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 2px;
	}

	div.homecardBody
	{
		padding-left: 40px;
		background-color: transparent;
		padding-right: 40px;
		padding-top: 5px;
		margin-top: 0px;
		display: none;
	}

	div.CardContainer
	{
		height: 100%;
		max-width: 1400px;
		margin: 0 auto;
		overflow: hidden;
		width: 100%;
		padding: 20px 0px;
		clear: none;
		margin-bottom: 5px;
		padding-top: 20px;
		padding-bottom: 0px;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: -100px;
		margin-left: 4%;
		margin-right: 4%;
	}

	div.CardBody
	{
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	p.homeCardList
	{
		text-align: center;
		mc-disable-glossary-terms: true;
		margin-top: 5px;
		margin-bottom: 5px;
		line-height: 14pt;
		font-size: 1em;
		color: #ffffff;
	}

	body
	{
		font-family: "Open Sans", sans-serif, Regular;
		font-size: 10pt;
		background-image: none;
		background-color: transparent;
	}

	p.Body
	{
		text-align: left;
		margin-left: 0in;
		margin-right: 0in;
		margin-top: 6pt;
		margin-bottom: 6pt;
		font-family: "Open Sans", sans-serif, Regular;
		font-weight: normal;
		font-style: normal;
		font-size: 10pt;
		letter-spacing: 0em;
		color: #000000;
		mc-hyphenate: never;
		text-indent: 0px;
		line-height: 13pt;
		text-decoration: none;
	}

	a.Body_Lead-in
	{
		text-align: left;
		margin-left: 0in;
		margin-right: 0in;
		margin-top: 6pt;
		margin-bottom: 3pt;
		font-family: "Open Sans", sans-serif, Regular;
		font-weight: normal;
		font-style: normal;
		font-size: 10pt;
		letter-spacing: 0em;
		color: #000000;
		mc-hyphenate: never;
		text-indent: 0px;
		line-height: 13pt;
		text-decoration: none;
	}

	p.Body_Lead-in
	{
		text-align: left;
		margin-left: 0in;
		margin-right: 0in;
		margin-top: 6pt;
		margin-bottom: 3pt;
		font-family: "Open Sans", sans-serif, Regular;
		font-weight: normal;
		font-style: normal;
		font-size: 10pt;
		letter-spacing: 0em;
		color: #000000;
		mc-hyphenate: never;
		text-indent: 0px;
		line-height: 13pt;
		text-decoration: none;
	}

	p.Bullet_1
	{
		text-align: left;
		margin-left: 0.2in;
		margin-right: 0in;
		margin-top: 4pt;
		margin-bottom: 4pt;
		font-family: "Open Sans", sans-serif, Regular;
		font-weight: normal;
		font-style: normal;
		font-size: 10pt;
		letter-spacing: 0em;
		color: #000000;
		mc-hyphenate: never;
		mc-auto-number-offset: 19.2px;
		mc-auto-number-class: Bullet;
		line-height: 13pt;
		text-decoration: none;
		display: list-item;
		list-style: ;
		list-style-type: square;
	}

	div.slidingshow
	{
		margin-top: -10px;
		padding-right: 0px;
		margin-bottom: 20px;
		padding-top: 20px;
		background-color: #02a7ec;
		margin-right: 0px;
		width: 100%;
		clear: both;
		margin-left: 0px;
		padding-left: 10%;
	}

	h1
	{
		mc-hyphenate: never;
		font-family: 'Open Sans', sans-serif, Regular;
		font-weight: normal;
		margin-bottom: .60em;
		margin-top: .60em;
		color: #000000;
		font-size: 1.25;
	}

	address
	{
		list-style: ;
	}

	.whiteheader
	{
		font-weight: bold;
		color: #000000;
	}

	h3.SubCenter
	{
		color: #000000;
		font-size: 1.6785em;
		font-weight: bold;
	}

	div.slide
	{
		font-weight: bold;
		padding-bottom: 0px;
		padding-top: 0px;
		float: left;
		background-color: #02a7ec;
		position: relative;
		margin-right: 0px;
		padding-right: 55px;
		padding-left: 15px;
		width: auto;
		margin-left: 2%;
	}

	p.slideHead
	{
		font-family: 'Open Sans';
		color: #ffffff;
		line-height: 16pt;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 10px;
		padding-top: 10px;
		font-size: 10pt;
		font-weight: bold;
	}

	p.footerHead
	{
		font-family: 'Open Sans', sans-serif;
		color: #646569;
		padding-bottom: 10px;
		padding-top: 10px;
		font-size: 11pt;
		font-weight: bold;
		mc-disable-glossary-terms: true;
		line-height: 16pt;
	}

	a
	{
		mc-closed-image: none;
		mc-open-image: none;
	}

	.mc-blurb
	{
		background-color: #ffffff;
	}

	#content-section
	{
		margin-top: 10px;
		padding-bottom: 0px;
		background-color: #f6f6f7;
		padding-top: 60px;
	}

	.footer
	{
		border-top: solid 1px #cccccc;
		border: none 2px #000000;
		padding-top: 5px;
		background-color: #cccccc;
		margin-left: 0;
	}

	a:link
	{
		color: #5289ae;
	}

	a:visited
	{
		color: #5289ae;
	}

	a:active
	{
		color: #5289ae;
	}

	p.homeCardBody
	{
		margin-left: 0in;
		margin-right: 0in;
		margin-bottom: 6pt;
		font-family: 'Open Sans', sans-serif, Regular;
		font-weight: normal;
		font-style: normal;
		mc-hyphenate: never;
		text-indent: 0px;
		line-height: 13pt;
		text-decoration: none;
		mc-disable-glossary-terms: true;
		text-align: center;
		color: #000000;
		margin-top: 5px;
		font-size: 10pt;
	}

	p.homeCardBody-2
	{
		margin-left: 0in;
		margin-right: 0in;
		margin-bottom: 6pt;
		font-family: 'Open Sans', sans-serif, Regular;
		font-weight: normal;
		font-style: normal;
		mc-hyphenate: never;
		text-indent: 0px;
		line-height: 13pt;
		text-decoration: none;
		mc-disable-glossary-terms: true;
		text-align: center;
		color: #ffffff;
		margin-top: 5px;
		font-size: 10pt;
	}

	p.homecardh1
	{
		color: #ff8300;
		background-color: #f5f5f5;
		font-size: 1.4em;
		font-weight: normal;
		line-height: 25pt;
		mc-disable-glossary-terms: true;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 2px;
	}

	p.homecardh2
	{
		color: #000000;
		background-color: #ADE1F0;
		font-size: 1.4em;
		font-weight: normal;
		line-height: 25pt;
		mc-disable-glossary-terms: true;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 2px;
		border-bottom: 1px solid #ffffff;
	}

	div.homecardh1
	{
		position: relative;
	}

	p.cklstHead
	{
		color: #000000;
		font-size: 1.4em;
		font-weight: normal;
		text-align: justify;
		border-bottom: solid 1px #008475;
		line-height: 20pt;
		mc-disable-glossary-terms: true;
		border-bottom-width: 2px;
		border-bottom-color: #008475;
	}

	p.cklstBody
	{
		text-align: justify;
		color: #000000;
		mc-disable-glossary-terms: true;
	}

	p.homeCardBody
	{
		text-align: center;
		color: #000000;
		mc-disable-glossary-terms: true;
	}

	div.cklstBlk
	{
		background-color: transparent;
		border-left: solid 1px #c3c5c8;
		border-top-color: #c3c5c8;
		border-top-style: solid;
		border-bottom-color: #ededeb;
		border-bottom-left-radius: 25px;
		border-radius: 8px;
		transition: width .35s ease-in-out;
		transition-property: all;
		transition-duration: 0.3s;
		transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
		transition-delay: 0s;
		border: none 1px #c3c5c8;
		float: left;
		margin-right: 5px;
		width: 27%;
		margin-bottom: 0px;
		padding-bottom: 5px;
		padding-left: 8px;
		padding-right: 8px;
		height: 260px;
		margin-top: 5px;
		margin-left: 2%;
	}

	#contentBody
	{
		background-color: transparent;
		margin-left: auto;
		margin-right: auto;
		padding-top: 65px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	div.search
	{
		float: left;
		margin-left: 14%;
	}

	p.cklstItem
	{
		color: #000000;
		mc-disable-glossary-terms: true;
		text-align: left;
		line-height: 14pt;
		margin-bottom: 4px;
		margin-top: 4px;
	}

	div.responsive
	{
		
	}

	img
	{
		margin-bottom: 2px;
		padding-bottom: 0;
	}

	.row
	{
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
	}
}

/* Tablet Layout */

@media only screen and (max-width: 1279px)
{
	div.CardContainer
	{
		margin-left: 1em;
		margin-right: 1em;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	div.card
	{
		margin-left: 5px;
		margin-right: 5px;
		width: 18%;
		border: solid 1px #ededeb;
		border-top-color: #02a7ec;
		border-top-width: 2px;
	}

	div.topichero
	{
		padding-top: 5px;
		margin-top: 10px;
		height: 190px;
		background-size: auto 165%;
	}

	.search,
	.search-bar
	{
		margin-top: 50px;
	}

	ul.off-canvas-list
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
		background-color: #656565;
	}

	inner-wrap .outer-row
	{
		margin: 0 auto;
		padding-left: 0em;
		padding-right: 0em;
		max-width: 100%;
	}

	div.container
	{
		border: none;
		padding-right: 5px;
		padding-top: 10px;
		clear: both;
		float: none;
		margin: 0 auto;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		margin-top: 235px;
	}

	.right-off-canvas-menu ul ul
	{
		background-position: top center;
		background: #646469;
	}

	div.feedback
	{
		position: absolute;
		float: right;
		bottom: 20px;
		right: 22px;
		border-radius: 50px;
		width: 55px;
		height: 55px;
		background-color: #ff8300;
		cursor: pointer;
	}

	p.homecardh1
	{
		font-size: medium;
	}

	p.homeCardBody
	{
		font-size: small;
	}

	p.homeCardList
	{
		font-size: small;
	}

	div.homecardBody
	{
		font-size: small;
	}

	div.homecardbase
	{
		position: relative;
		color: #000000;
		margin-bottom: 1%;
		margin-top: 0px;
		height: 200%;
		float: left;
		margin-right: 0;
		width: 35%;
		margin-left: 0%;
	}

	div.homecard-2
	{
		position: absolute;
		padding-right: 5px;
		color: #000000;
		padding-top: 5px;
		padding-bottom: 10px;
		border-radius: 5pt;
		margin-bottom: 1%;
		padding-left: 5px;
		margin-top: 0px;
		background-color: #ADE1F0;
		height: 190px;
		float: left;
		margin-right: 0;
		width: 27%;
		margin-left: 70%;
		overflow: auto;
	}

	div.homecard
	{
		
	}

	.inner-wrap .outer-row
	{
		margin: 0 auto;
		padding-left: 0em;
		padding-right: 0em;
		max-width: 100%;
	}

	div.homecardbase1
	{
		position: relative;
		color: #000000;
		margin-bottom: 1%;
		margin-top: 0px;
		height: 200%;
		float: left;
		margin-right: 0;
		width: 35%;
		margin-left: 0%;
	}

	div.homecardbase2
	{
		position: relative;
		color: #000000;
		margin-bottom: 1%;
		margin-top: 0px;
		height: 200%;
		float: left;
		margin-right: 0;
		width: 35%;
		margin-left: 0%;
	}

	div.homecard-2
	{
		position: absolute;
		padding-right: 5px;
		color: #000000;
		padding-top: 5px;
		padding-bottom: 10px;
		border-radius: 5pt;
		margin-bottom: 1%;
		padding-left: 5px;
		margin-top: 0px;
		background-color: #ADE1F0;
		height: 190px;
		float: left;
		margin-right: 0;
		width: 27%;
		margin-left: 70%;
		overflow: auto;
	}

	#products
	{
		width: 100%;
		float: left;
	}

	#rightpane
	{
		width: 100%;
		float: right;
		height: auto;
	}
}

@media screen and (max-width: 600px)
{
	#openTopMenu
	{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		background-color: #01A982;
		display: block;
		font-size: 1em;
		height: 50px;
		font-family: 'Open Sans';
		border: none;
		color: white;
	}

	.tab-bar-section a.logo
	{
		margin-top: 0px;
	}

	h1
	{
		font-size: 1.7em;
	}

	div.topichero
	{
		height: 100px;
		background-position-x: center;
		background-position-y: center;
		width: 100%;
		background-image: none;
		padding-top: 0px;
		margin-top: -2px;
		background-color: #f5f5f5;
	}

	div.docname
	{
		display: none;
	}

	.search-field
	{
		box-shadow: 0px 0px 0px #656565;
	}

	.search,
	.search-bar
	{
		margin-top: 40px;
	}

	div.container
	{
		border: none;
		padding-right: 5px;
		padding-top: 10px;
		clear: both;
		float: none;
		margin: 0 auto;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		margin-top: 125px;
	}

	div.homecard-2
	{
		position: absolute;
		padding-right: 5px;
		color: #000000;
		padding-top: 5px;
		padding-bottom: 10px;
		border-radius: 5pt;
		margin-bottom: 1%;
		padding-left: 5px;
		margin-top: 0px;
		background-color: #ADE1F0;
		height: 160px;
		/* float: left; */
		margin-right: 0;
		width: 90%;
		margin-left: 0%;
		overflow: auto;
	}

	div.homecardbase1
	{
		position: relative;
		color: #000000;
		margin-bottom: 1%;
		margin-top: 190px;
		height: 200%;
		/* float: left; */
		margin-right: 0;
		width: 96%;
		margin-left: 0%;
	}

	div.homecardbase2
	{
		position: relative;
		color: #000000;
		margin-bottom: 9%;
		margin-top: 0px;
		height: 200%;
		/* float: left; */
		margin-right: 0;
		width: 96%;
		margin-left: 0%;
	}

	div.homecard:hover
	{
		width: 100%;
		margin-left: 0%;
	}

	p.footer
	{
		margin-left: 0px;
	}

	.inner-wrap .outer-row
	{
		margin: 0 auto;
		padding-left: 1em;
		padding-right: 1em;
		max-width: 100%;
	}

	div.feedback
	{
		position: absolute;
		float: right;
		bottom: 15px;
		right: 22px;
		border-radius: 50px;
		width: 55px;
		height: 55px;
		background-color: #ff8300;
		cursor: pointer;
	}

	div.topichero h1
	{
		font-size: 1.35em;
		margin-top: 28px;
		margin-bottom: 0.50em;
		line-height: 18pt;
		color: #ffffff;
		font-weight: normal;
	}

	div.card
	{
		width: 100%;
		margin-top: 20px;
		margin-bottom: 10px;
		border: solid 1px #ededeb;
		border-top-color: #02a7ec;
		border-top-width: 2px;
		margin-left: 2px;
		margin-right: 2px;
	}

	.whiteheader
	{
		color: #ffffff;
	}

	.mc-blurb
	{
		padding-top: 5px;
		margin-top: 10px;
	}

	div.cklstBlk
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 5px;
		padding-left: 5px;
		background-color: #f6f6f7;
		border: solid 1px #ededeb;
		border-right-width: 2px;
		border-right-style: none;
		border-left-style: none;
	}

	div.cklstBody
	{
		height: auto;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	p.cklstHead
	{
		text-align: center;
	}

	p.cklstBody
	{
		text-align: center;
	}

	p.cklstItem
	{
		text-align: center;
	}

	div.homecard
	{
		margin: auto;
		padding-bottom: 5px;
		padding-left: 2px;
		padding-right: 2px;
		background-color: #ffffff;
		border: solid 1px #ededeb;
		width: 28%;
	}

	div.imgblk
	{
		width: 100%;
		text-align: center;
	}

	div.homecardBody
	{
		width: 100%;
	}

	p.homecardh1
	{
		text-align: center;
	}

	.row
	{
		margin: 0 auto;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
	}

	.outer-row
	{
		text-align: center;
		margin: 0 auto;
	}
}

/* Small Layout */

.selectionButton
{
	width: 180px;
	background-color: #0f3250;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
}

.version-selection
{
	position: relative;
	display: inline-block;
	float: right;
	top: 60px;
	right: 20px;
}

.versions
{
	width: 180px;
	height: 220px;
	overflow-y: scroll;
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	text-align: center;
}

.versions a
{
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.version-selection:hover .versions
{
	display: block;
}

.version-selection:hover .selectionButton
{
	background-color: #14446e;
}

#introText
{
	width: 60%;
	float: left;
}

#openTopMenu
{
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #01A982;
	display: block;
	font-size: 1em;
	height: 50px;
	font-family: 'Open Sans';
	border: none;
	color: white;
}

#openTopMenu:hover
{
	cursor: pointer;
}

#majorVersionMenu
{
	height: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	border-bottom: 2px solid #0f3250;
	border-top: 2px solid #0f3250;
	box-shadow: 0px 4px 4px 0 grey;
	column-count: 2;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
}

.off-canvas-wrapper-inner .outer-row
{
	padding-left: 0px;
	padding-right: 0px;
}

div.topichero
{
	width: 100%;
	margin-left: 0px;
}

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	max-width: 90%;
}

body
{
	font-size: 14px;
}