/* General CSS Statements and declarations not contained elsewhere */

body  {
	margin: 0px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", sans-serif;
}

/*  Clearfix  */
.clearfix::after {
    content:"";
    display:block;
    clear:both;
}

/* Preload images on Staff page added 08-22-2022   */
div#preload  { 
    position: absolute;
    overflow: hidden;
    left: -9999px; 
    top: -9999px;
    height: 1px;
    width: 1px;
}

/*  Hide Anchor Text:  semRUSH (SEO) looks for images, etc. with "no anchor text" such as images and penalizes us.  This occurs mainly in our navagation.  This bit of CSS solves the problem.  Added 6-26-2020  */
a.hideAT  {
    line-height: 0; 
    font-size: 0;
    color: transparent; 
 }

/*  Positioning   */
.floatLt { position:relative; float:left; margin:6px; bottom:0px; left:0px; border:0;  } 
.floatRt { position:relative; float:right; margin:6px; bottom:0px; left:0px; border:0;  } 
.floatRt-blog { position:relative; float:right; margin:20px 0 12px 20px; bottom:0px; left:0px; border:0;  } 
.floatLt-blog { position:relative; float:left; margin:24px 20px 12px 0; bottom:0px; left:0px; border:0;  } 
.floatLt-blog-author-pic { position:relative; float:left; margin:30px; bottom:0px; left:0px; width:100px; height:100px; border:10px solid #FFF;  } 
.floatCenter { margin:5px auto!important; padding:0; display:block; text-align:center; border:0; }
.floatClose  { position:relative; float:left; margin:10px 10px 0 0; border:0;  }  /*  For checkbox image in paragraphs  */

div.fixed {
position:fixed!important;
}

/*  Pull Quote Block   */
blockquote {
  float: right;
  display:block;
  margin: 10px 0 20px 20px;
  padding: 5px;
  width: 250px;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}

/*   For case study pages   */
blockquote2 {
  float:right;
  display:block;
  margin: 12px 20px 12px 30px;
  padding: 10px;
  width: 450px;
  font-size:1.50em;
  font-style:italic;
  color:#A11E23;
  border-top: 0px solid #444;
  border-bottom: 0px solid #444;
}
blockquote2  { quotes: '\201c' '\201d'  }
blockquote2:before { content: open-quote; }
blockquote2:after  { content: close-quote; }

@media only screen and (min-width: 0px) and (max-width: 700px) {
blockquote, blockquote2 {
	display: none!important;
}

} /*  Do Not Remove */

/*  2019-05-07: this will hide content from web page visitiors  */
.hideThis { 
	width:0px;
	height:0px;
	visibility:hidden;
	display:none!important;
}

/*  2019-05-07: text fields specifically for use on downloadsConfirmation page   */
input.confirmation  {
	margin:0!important;
	width: 250px;
	min-width:100px!important;
	padding:3px 5px;
	background-color:#FFF;
	box-sizing:border-box;
}

/*  Horizontal Rules/Lines  */ 
.grayRule { margin:20px 20px; height:1px; _font-size:0px; background:#444;  }
.grayRule2 { margin:10px 0; height:1px; _font-size:0px; background:#444;  }  /* Stretches the rule/line to 100% of the div width  */
.pricing-page { margin:10px 0 5px 0; height:1px; _font-size:0px; background:#444;  }
.grayRule3 { margin:10px 20px 0 20px; height:1px; _font-size:0px; background:#444; }
.grayRule4 { margin:10px 50px 0 50px; height:1px; _font-size:0px; background:#444; }
.grayRule4a { margin:10px 50px 5px 50px; height:1px; _font-size:0px; background:#444; }
.grayRule5 { margin:10px 30% 0 30%; height:1px; _font-size:0px; background:#444; }
.grayRule6 { margin:30px 30% 30px 30%; height:1px; _font-size:0px; background:#444; }
.grayRule7 { margin:30px 25% 30px 25%; height:1px; _font-size:0px; background:#444; }


/*   Text   */
.textSize-200 {font-size: 200%;}
.textSize-190 {font-size: 190%;}
.textSize-180 {font-size: 180%;}
.textSize-170 {font-size: 170%;}
.textSize-160 {font-size: 160%;}
.textSize-150 {font-size: 150%;}
.textSize-140 {font-size: 140%;}
.textSize-130 {font-size: 130%;}
.textSize-120 {font-size: 120%;}
.textSize-110 {font-size: 110%;}
.textSize-100 {font-size: 100%;}
.textSize-90 {font-size: 90%;}
.textSize-85 {font-size: 85%;}
.textSize-80 {font-size: 80%;}
.textSize-75 {font-size: 75%;}
.textSize-70 {font-size: 70%;}


strong { font-weight:bold; }
em { font-style:italic; }

.center  {
	margin: auto!important;
	width: 100%;
	text-align: center;
}

p  {
	line-height: 1.5em;	
}

p.staff  {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

p.author-bio  {
	margin-left:180px;
}


p.blogDate  {
	margin:0!important;
	padding:0;
	color:#233565;
    font-family: Arial, Helvetica, sans-serif!important;
	font-size:90%;
	font-weight:normal!important;
	text-align:right;
}

p.blockHeader  {
	margin:0;
	padding: 12px;
	color: #233565;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align:center;
}
p.blockHeader2  {
	margin:0;
	padding: 12px 8px 8px 8px;
	color: #233565;
	font-size:1.25em;
	font-weight:bold;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align:center;
}

/*   New Format pages as of 6-1-2019   */
p.blockPara  {
	margin:0;
	padding:0 10%;
	font-size:1.15em;
	font-weight:normal;
	line-height: 2.0em;	
}
p.blockPara2  {
	margin:0;
	padding:0 10% 20px 10%;
	font-size:1.15em;
	font-weight:normal;
	line-height: 2.0em;	
}
p.blockPara3  {
	margin:0;
	padding:0 10%;
	font-size:1.00em;
	font-weight:normal;
	line-height: 1.50em;	
}
p.blockPara4  {
	margin:0;
	padding:0 10% 20px 10%;
	font-size:1.00em;
	font-weight:normal;
	line-height: 1.50em;	
}

/*   New Format Pricing Page as of 12-16-2019   */
.pricingDiv-LT  {
	float:left;
	margin:0 0 0 10%;
	padding:0;
	width:50%;
	box-sizing:border-box; 
}
.pricingDiv-RT  {
	float:left;
	margin:10px 10% 0 0;
	padding:0;
	width:30%;
	box-sizing:border-box; 
}
.pricingHeader  {   /*  H3 header for pricing items   */
    margin:0;
	padding:0;
	color:#A11E23;
	font-size:140%;
	text-align:left;	
}
.pricingHeader2  {   /*  H4 header for module items   */
    margin:0;
	padding:0;
    color:#A11E23;
    font-size:120%;
	text-align:left;
}
p.pricingPara  {
    margin:0;
	padding:8px 35px 0 0;
	font-size:1.15em;
	font-weight:normal;
	line-height: 2.0em; 
}
p.pricingPara2  {
	margin:0;
	padding:3px 0 0 0;
	color:#A11E23;
}
p.modulePara  {
    margin:0;
	padding:8px 30px 0 0;
	font-size:1.00em;
	font-weight:normal;
	line-height: 1.5em; 
}

/*  PRICING PAGE: This CSS is to modify the size of Input Fields on new Pricing page   */
input.pricingPage,
textarea.pricingPage  {
	float:left;
	margin:10px 20px 5px 0;
	padding:10px; 
	width:25px; 
	height:25px; 
	font-size:18px;
	font-weight:bold; 
	color:#A11E23!important; 
	text-align:center; 
	border:2px solid #A11E23; 
	border-radius:7px;
	outline:none;
}

input.pricingPage2,
textarea.pricingPage2  {
	float:left;
	margin:10px 20px 5px 0;
	padding:10px; 
	width:40px; 
	height:25px; 
	font-size:18px;
	font-weight:bold; 
	color:#A11E23!important; 
	text-align:center; 
	border:2px solid #A11E23; 
	border-radius:7px;
	outline:none;
}
/*  Pricing Page  */
/*  FORM FIELDS:  Changes "Placeholder Text" to pink color on Pricing Page  */
.pricingPage::-webkit-input-placeholder {
	font-size:18px;
    color: #E9B6AF;
    text-align:center;
}
.pricingPage:-moz-placeholder { /* older Firefox*/
    font-size:18px;
    color: #E9B6AF;
    text-align:center;
}
.pricingPage::-moz-placeholder { /* Firefox 19+ */ 
	font-size:18px;
    color: #E9B6AF;
    text-align:center;
} 
.pricingPage:-ms-input-placeholder { 
	font-size:18px;
    color: #E9B6AF;
    text-align:center;
}

.pricingPage2::-webkit-input-placeholder {
	font-size:18px;
    color: #E9B6AF;
    text-align:center;
}
.pricingPage2:-moz-placeholder { /* older Firefox*/
    font-size:18px;
    color: #E9B6AF;
    text-align:center;
}
.pricingPage2::-moz-placeholder { /* Firefox 19+ */ 
	font-size:18px;
    color: #E9B6AF;
    text-align:center;
} 
.pricingPage2:-ms-input-placeholder { 
	font-size:18px;
    color: #E9B6AF;
    text-align:center;
}
/*  CSS for Module Checkboxes on Pricing Page  */
/* Create a custom checkbox */
/* Customize the label/header (checkBox) */
.checkBox {
  display: block; 
  position: relative; 
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  color:#A11E23;
  font-size:120%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #EEE;
  border:1px solid #A11E23;
}

/* On mouse-over, add a grey background color */
.checkBox:hover input ~ .checkmark {
  background-color: #CCC;
}

/* When the checkbox is checked, add a blue background */
.checkBox input:checked ~ .checkmark {
  background-color: #A11E23;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkBox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkBox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*   CTA call-to-action Row  6-1-2019  */
p.ctaHeader  {  /*  Used for CTA button text size  */
	font-size:1.4em;
}
p.ctaPara  {  /*  Used for CTA paragraph text size  */
	padding:0 20px!important;
	color:#FFF;
	font-weight:bold;
}

.article-byline  {
	margin:0 0 0 10px;
	font-size:10px;
	font-style:italic;
}

/*  Headers  */
h1, h2, h3, h4, h5  {
	font-family: "Trebuchet MS", sans-serif;
	font-weight: normal;
}

h1 {font-size: 200%;}
h2 {font-size: 170%;}
h3 {font-size: 155%;}
h4 {font-size: 135%;}
h5 {font-size: 125%;}

h1.banner-tag,
h2.banner-tag,
p.banner-tag
  {
	float: right;
	margin:9px 25px 0 0;
	padding:0;
	font-size: 90%!important;
}

/*   Blog Header and Table Adjustments per Stephen Brayton 1-2-2025 & 4-18-25  */
h1.blogTitle {
	margin:0 0 5px 0;
	padding:0;
	color: #233565!important; 
	font-size:2.0em; 
	font-weight:bold;
	text-align: center; 
}
h2.blog1 { 
	color:#233565!important; 
	font-size:1.50em;
	font-weight:normal; 
	text-align:left; 
}
h3.blog2 { 
	color:#000!important; 
	font-size:1.35em;
	font-weight:normal; 
	text-align:left; 
}

table.blog {
  table-layout: auto!important;
  width: 50%!important;
  border: 1px solid!important;
  border-collapse: collapse!important;
}
th.blog, td.blog {
  border: 1px solid!important;
}

h2.header1 { 
	color:#233565!important; 
	font-size:135%;
	font-weight:normal; 
	text-align:left; 
}
h2.header1a { 
	color:#233565!important; 
	font-size:125%; 
	font-weight:normal; 
	text-align:left; 
	font-style:italic;
}

h2.header2 { 
	color:#A11E23!important; 
	font-size:145%; 
	text-align:left; 
	text-shadow:5px 5px 8px #999; 
}

h1.header3, 
h2.header3 { 
	margin: 25px auto 10px auto;
	color:#A11E23!important; 
	font-size:200%; 
	letter-spacing:0.02em; 
	text-align:center!important; 
	text-shadow:5px 5px 8px #999; 
}

h2.header3a { 
	margin: 0 auto 10px auto;
	color:#A11E23!important; 
	font-size:200%; 
	letter-spacing:0.02em; 
	text-align:center!important; 
	text-shadow:5px 5px 8px #999; 
}
/*  H1.HEADER6 is listed below:  Do Not Use  */

h1.blogName,
h2.blogName  {
	margin:20px auto 0 auto;
	padding:0;
	color:#233565;
	font-size:200%;
	font-weight:bold; 
	text-align:center; 
	text-transform:uppercase;
	letter-spacing:normal;
	text-shadow: 5px 5px 8px #415BA9!important; 
}

h2.header4 { 
	color:#233565!important; 
	font-size:110%;
	font-weight:bold; 
	text-align:center; 
}

/*  New styles for Updates  */
h2.header5  { 
	margin-bottom:0;
	padding-bottom:0;
	color:#A11E23!important;  
	font-size: 130%;
	font-weight:bold; 
	text-align: left; 
}
/*  New styles for Updates  */
h2.fsContent { 
	margin:10px auto;
	padding:0;	
	color:#233565; 
	font-size:130%;
	font-weight:bold; 
	text-align:center; 
}

h1.header6,
h2.header6 { 
	margin:40px auto 0 auto;
	color:#A11E23; 


	text-align:center;
	font-size: 200%;
	font-weight:bold; 
}
h2.header7 { 
	margin:10px auto 0 auto;
	color:#A11E23; 
	text-align:center;
	font-size: 150%;
	font-weight:bold; 
}

.caps { 
    text-transform: uppercase!important;
}  

h3.header4 { 
    margin:10px auto 10px auto;
	color:#B0923E; 
	font-size:170%; 
	letter-spacing:0.02em; 
	text-align:center!important; 
	text-shadow:5px 5px 8px #999;
}
h3.header5 { 
	color:#A11E23!important; 
	font-size:170%; 
	text-align:center; 
	text-shadow:5px 5px 8px #999; 
}

h3.banner-nav-header { 
	color: #A11E23!important;
	margin:0; 
	padding:0;
	font-size: 170%!important; 
	text-align: center;
	white-space:nowrap;
	text-shadow:none!important;
}

h3.banner-nav-header2 { 
	color: #CE2029!important;  /*  #233565   */
	margin:0; 
	padding:0;
	font-size: 170%; 
	text-align: center;
	white-space:nowrap;
	text-shadow:none!important;
}

h3.module { 
	margin:30px auto 0 auto;
	color: #A11E23!important; 
	font-size: 140%; 
	text-align: center; 
}

/*  Corrects top margin for single-column Module pages   */
h3.moduleNew { 
	margin:0 auto 0 auto;
	color: #A11E23!important; 
	font-size: 140%; 
	text-align: center; 
}

h3.staff { 
	margin:30px auto 0 auto;
	color: #233565!important; 
	font-size: 140%; 
	text-align: center; 
}

h3.white { 
	margin:20px auto 8px auto;
	color: #FFF!important; 
	font-size: 150%;
	font-weight:bold; 
	text-align: left; 
	text-shadow: 8px 8px 14px #000!important; 
}

h3.blogTagline { 
	margin:0;
	padding:0; 
	color: #FFF!important; 
	font-size: 140%;
	font-weight:bold; 
	text-align: center; 
	text-shadow: 5px 5px 8px #415BA9!important; 
}

h4.header6  { 
	margin-bottom:0;
	padding-bottom:0;
	color: #A11E23!important; 
	font-size: 125%; 
	text-align: left; 
	/*  text-shadow: 5px 5px 8px #999;   */
}
h4.header6 + p { 
    margin-top: 3px!important;
    padding-top: 0!important
}
/*  New styles for Update  */
h4.header10  { 
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	color: #A11E23!important; 
	font-size: 125%; 
	text-align: left; 
}
h4.header10 + p { 
    margin-top: 4px!important;
    padding-top: 0!important
}

h4.blog-author  { 
	margin-bottom:0;
	padding-bottom:0;
	color: #233565!important; 
	font-size: 125%; 
	text-align: left; 
}
h4.blog-author + p { 
    margin-top: 6px!important;
    padding-top: 0!important
}

h4.interlinks  { 
	margin:0 auto;
	padding:0;
	color: #233565!important; 
	font-size: 100%;
	font-weight:bold; 
	text-align: center; 
}
h4.interlinks + ul li { 
    margin:0 auto;
    padding: 0!important;
	text-align: center; 
}
.interlinks ul  {
	margin:0 0 10px 0;
	padding:0;
}
.interlinks li  {
	margin:0 auto;
	padding:0;
	list-style:none;
}

h4.sidebar  { 
	margin:0;
	padding:8px 0;
	color: #A11E23!important; 
	font-size: 110%; 
	text-align: center; 
	text-shadow: 5px 5px 8px #999; 
}

h4.content { 
	margin-bottom:0;
	padding-bottom:0;
	color: #233565; 
	font-size: 110%;
	font-weight:bold; 
	text-align: left; 
}
h4.content + p { 
    margin-top: 0;
    padding-top: 0;
}

/*   Pricing Page  */
h4.header4 { margin:0; padding:0 0 0px 0; color:#415BA9; font-weight:bold; font-size:1.30em; text-align:left; border:none; }
h4.header4 a, h4.header4 a:link, h4.header4 a:visited { color:#415BA9; font-weight:bold; border:none; text-decoration:none; }
h4.header4 a:active, h4.header4 a:hover { color:#8396CC; font-weight:bold; border:none; text-decoration:none; }

h4.header4a { margin:0; padding:4px 0; color:#415BA9; font-weight:bold; font-size:1.20em; text-align:left; border:none; }

h4.header7 { margin:5px auto; padding:4px; color:#FFF; font-size:1.20em; text-align:center; background-color:#233565;  }

h5.header6  { 
	margin-bottom:0;
	padding-bottom:0;
	color: #233565!important; 
	font-size: 110%; 
	text-align: left; 
	/*  text-shadow: 5px 5px 8px #999;   */
}

/*  NAV HEADERS (replaces <h2> & <h3> tags in original nav)   */
p.header1 { 
	margin-top:10px;
	margin-bottom:12px;
	color:#233565!important; 
	font-family: "Trebuchet MS", sans-serif;
	font-size:135%;
	font-weight:normal;
	line-height:1.0em;	
	text-align:left; 
}
p.header1a { 
	margin-top:10px;
	margin-bottom:12px;
	color:#233565!important; 
	font-family: "Trebuchet MS", sans-serif;
	font-size:125%; 
	font-weight:normal; 
	line-height:1.0em;	
	text-align:left; 
	font-style:italic;
}

/* First para class for articles  */
.firstPara { margin-top:3px!important; padding-top:0!important;   }

/* For paragraphs nested within unordered lists new: 07-10-2024  */
ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

/*  Links  */
a, a:link, a:visited { color:#A11E23; font-weight:normal; text-decoration:none; border:none; }
a:active, a:hover, a:focus { color:#D2BD81; text-decoration:underline; }

h3 a, h3 a:link, h3 a:visited { color:#A11E23; font-weight:normal; text-decoration:none; border:none; }
h3 a:active, h3 a:hover, h3 a:focus { color:#D2BD81; text-decoration:underline; }

.blogTitle a, .blogTitle a:link, .blogTitle a:visited   { color:#415BA9; font-weight:bold; text-decoration:none; border:none;   }
.blogTitle a:active, .blogTitle a:hover, .blogTitle a:focus { color:#8097D3; text-decoration:none; }

#footer a { color: #FFF; text-decoration:none;  }
#footer a:hover, #footer a:focus { color: #8097D3; }

/*  LESS OBVIOUS - LESS DISTRACTING LINKS - FOR SOME LINKS   */
a.headerLink, a.headerLink:link, a.headerLink:visited { color:#A11E23; font-weight:normal; text-decoration:none; border-bottom:1px #A11E23 dotted; }
a.headerLink:active, a.headerLink:hover, a.headerLink:focus { color:#D2BD81; text-decoration:underline; border-bottom:none; }

/*  LESS OBVIOUS - LESS DISTRACTING LINKS - FOR SUBTLE LINKS   */
a.commonLink, a.commonLink:link, a.commonLink:visited { color:inherit!important; font-weight:normal; text-decoration:none; border-bottom:1px #233565 dotted; }
a.commonLink:active, a.commonLink:hover, a.commonLink:focus { color:#D2BD81; text-decoration:underline; border-bottom:none; }

/*  LESS OBVIOUS - LESS DISTRACTING LINKS - FOR INTERNAL SEO LINKS   */
a.ninja-lite, a.ninja-lite:link, a.ninja-lite:visited { color:#000!important; font-weight:normal; text-decoration:none; border-bottom:1px #444444 dotted; }
a.ninja-lite:active, a.ninja-lite:hover, a.ninja-lite:focus { color:#000!important; text-decoration:underline; border:none; }

/*  PRICING PAGE POPUP LINKS   */
a.pricing, a.pricing:link, a.pricing:visited { color:#A11E23!important; font-weight:normal; text-decoration:none; border-bottom:1px #A11E23 dotted; }
a.pricing:active, a.pricing:hover, a.pricing:focus { color: #415BA9!important; text-decoration:underline; border:none; }

ul.headerLinks {margin:0 0 10px 18px; padding:0;  }   
li.headerLinks {margin:0; padding:0 0 6px 0; color:#FFF; font-weight:bold; font-size:1.10em; font-family:Arial, Helvetica, sans-serif;	text-shadow: 5px 5px 9px #000!important;  } 
span.headerLinks1 {color:#415BA9; font-style:italic; }
span.headerLinks1a {color:#415BA9; font-style:normal; }
span.headerLinks2 {color:#233565; font-style:italic; }
span.headerLinks2a {color:#233565; font-style:normal; }
span.headerLinks3 {color:#A11E23; font-style:normal; }
span.headerLinks3a {color:#A11E23; font-style:normal; }
span.headerLinks4 {color:#D2BD81; font-style:italic; }
span.headerLinks4a {color:#D2BD81; font-style:normal; }

/*  WORD CLOUD Added 3-7-2019   */
p.wordCloud { 
	display:block;
	padding:0 30px;
	text-align:justify;
	text-justify:inter-character;
	line-height:2.0em;
	overflow-wrap:break-word;
	word-wrap:break-word;
	-ms-word-break:break-all;
	word-break:break-all;
}
p.wordCloud2 { 
	display:block;
	padding:0 30px;
	line-height:2.0em;
	overflow-wrap:break-word;
	word-wrap:break-word;
	-ms-word-break:break-all;
	word-break:break-all;
}
a.wordCloud, a.wordCloud:link, a.wordCloud:visited { color:inherit!important; font-weight:inherit!important; text-decoration:none!important; border:none!important;  }
a.wordCloud:active, a.wordCloud:hover, a.wordCloud:focus { text-decoration:none!important; border-bottom:1px #233565 dotted!important; }
span.wordc01 { color:#A11E23; font-size:1.30em; font-style:normal; white-space: nowrap;  }
span.wordc02 { color:#233565; font-size:1.50em; font-style:normal; white-space: nowrap; }
span.wordc03 { color:#415BA9; font-size:1.40em; font-style:normal; white-space: nowrap; }
span.wordc04 { color:#B0923E; font-size:1.30em; font-style:italic; white-space: nowrap; }
span.wordc05 { color:#A11E23; font-size:1.60em; font-style:bold; white-space: nowrap; }
span.wordc06 { color:#233565; font-size:1.50em; font-style:italic; white-space: nowrap; }
span.wordc07 { color:#415BA9; font-size:1.60em; font-style:bold; white-space: nowrap; }
span.wordc08 { color:#B0923E; font-size:1.70em; font-style:italic; white-space: nowrap; }
span.wordc09 { color:#A11E23; font-size:1.60em; font-style:normal; white-space: nowrap; }
span.wordc10 { color:#233565; font-size:1.70em; font-style:bold; white-space: nowrap; }
span.wordc11 { color:#415BA9; font-size:1.80em; font-style:bold; white-space: nowrap; }
span.wordc12 { color:#B0923E; font-size:1.70em; font-style:normal; white-space: nowrap; }

a.ad_Mobile { margin:0 auto; display:block; width:188px; height:300px; background: url(../images/ad_MobileSol.png) no-repeat 0 0; text-align:center; border:none!important;  }
a.ad_Mobile:hover { background-position:0 -300px; }
a.ad_Mobile span { display:none;  }

a.ad_On-Demand { margin:0 auto; display:block; width:188px; height:70px; background: url(../images/ad_on-Demand.png) no-repeat 0 0; text-align:center;  }
a.ad_On-Demand:hover { background-position:0 -70px; }
a.ad_On-Demand span { display:none;  }

/*   Social Media Link Buttons   */
.twitter-button { float: left; display: block; margin: 0px auto 5px auto; padding:0; width: 47px; height: 35px; background:url(../images/socialMedia/twitter47-75.png) bottom; text-align:center; border: none; }
.twitter-button:hover { background-position: 0px 0px; }
.youtube-button { float: left; display: block; margin: 0px auto 5px auto; padding:0; width: 41px; height: 35px; background:url(../images/socialMedia/youtube41-75.png) bottom; text-align:center; border: none; }
.youtube-button:hover { background-position: 0px 0px; }
.facebook-button { float: left; display: block; margin: 0px auto 5px auto; padding:0; width: 35px; height: 35px; background:url(../images/socialMedia/facebook35-75.png) bottom; text-align:center; border: none; }
.facebook-button:hover { background-position: 0px 0px; }
.linkedin-button { float: left; display: block; margin: 0px auto 5px auto; padding:0; width: 39px; height: 35px; background:url(../images/socialMedia/linkedin39-75.png) bottom; text-align:center; border: none; }
.linkedin-button:hover { background-position: 0px 0px; }
.google-button { float: left; display: block; margin: 0px auto 5px auto; padding:0; width: 48px; height: 35px; background:url(../images/socialMedia/google48-75.png) bottom; text-align:center; border: none; }
.google-button:hover { background-position: 0px 0px; }

/*   MOBILE Social Media Link Buttons   */
#socialMobile {
	margin:0 auto;
	background-color:#FFF!important;
	width:100%!important;
	height: 77px;
	text-align:center!important;
	clear: both;
	z-index:999;
	overflow:hidden;
}
.twitter-buttonM { float: center; display: inline-block; margin: 0px auto 5px auto; padding:0; width: 36px; height: 36px; background:url(../images/socialMedia/socialMedia_twitterR-36x77.gif) bottom; text-align:center; border: none; }
.twitter-buttonM:hover { background-position: 0px 0px; }
.youtube-buttonM { float: center; display: inline-block; margin: 0px auto 5px auto; padding:0; width: 36px; height: 36px; background:url(../images/socialMedia/socialMedia_youTubeR-36x77.gif) bottom; text-align:center; border: none; }
.youtube-buttonM:hover { background-position: 0px 0px; }
.facebook-buttonM { float: center; display: inline-block; margin: 0px auto 5px auto; padding:0; width: 36px; height: 36px; background:url(../images/socialMedia/socialMedia_facebookR-36x77.gif) bottom; text-align:center; border: none; }
.facebook-buttonM:hover { background-position: 0px 0px; }
.linkedin-buttonM { float: center; display: inline-block; margin: 0px auto 5px auto; padding:0; width: 36px; height: 36px; background:url(../images/socialMedia/socialMedia_linkedInR-36x77.gif) bottom; text-align:center; border: none; }
.linkedin-buttonM:hover { background-position: 0px 0px; }
.google-buttonM { float: center; display: inline-block; margin: 0px auto 5px auto; padding:0; width: 36px; height: 36px; background:url(../images/socialMedia/socialMedia_googleR-36x77.gif) bottom; text-align:center; border: none; }
.google-buttonM:hover { background-position: 0px 0px; }


/*   div IDs   */
/*   Banner Navigation and Navigation Tab Classes   */
#banner  {
	margin:0;
	background:#FFF;
	box-sizing:border-box;
}
.link-container  {
	margin:0!important; 
	padding:25px 0!important;
	height:100%!important;
	line-height:100%;
	white-space:nowrap;
	font-size: 85%;
	border-right:1px solid #DDD;
	border-bottom: 2px solid #233565;
}  

.tabHover  {
    margin:0;
	padding:0;
	background-color:#F0F0F0;   /*   #F6F6F6   */
	border-right:2px solid #233565;
	border-left:2px solid #233565;
}

.tabClick  {
    margin:0;
	padding:0;
	background-color:#F0F0F0;   /*   #F6F6F6   */
	border-right:2px solid #233565;
	border-left:2px solid #233565;
	border-bottom:2px solid #F0F0F0!important;   /*   #F6F6F6   */
}

/*   navMain ROTATOR class   */
.navMain-Rotator   {
	position:relative;
	float:left;
    margin:8px 0 0 20px;
	width:160px;
	height:200px;
}

#bgSlider  {
	padding:0;
	color: #FFF;
	height:520px;
	border-bottom: 2px solid #233565;
}

#footer {
	padding: 0;
	color: #CCD4ED ;
	background-color: #233565;    
	font-size: 85%;
	height: 32px;
	border-top: 2px solid #8097D3;
	clear: both;
	position: fixed!important;
	z-index: 999;
	top: auto;
	bottom: 0px;
	width: 100%;
	overflow:hidden;
}
#footer p  {margin:6px auto 0; padding:0; text-align: center;  }

#mainContent  {
	padding:0;
	color: #233565;
	background-color: #FFF;
}

#navBar {
	padding: 0;
	color: #FFF;
	font-size: 85%;
	background-color: #233565;
	border-bottom: 2px solid #8097D3;
	z-index:999;
	height:32px;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	overflow:hidden;
}
#navBar p  {    }

#navRow1, #navRow2, #navRow3, #navRow4, #navRow5  {
	padding:30px 0 0 0;
	height:420px;
	border-bottom: 2px solid #233565;
	background-color:#F0F0F0;
	display: none;
}

/*#navRow1 ul, #navRow2 ul, #navRow3 ul, navRow4 ul, #navRow1 ol #navRow2 ol, #navRow3 ol, #navRow4 ol  {margin:8px 0 15px 10px; padding:0;  }  */
/*#navRow1 ul li, #navRow2 ul li, #navRow3 ul li, #navRow4 ul li  {margin:0; padding:0 0 12px 0; color:#233565; font-size:110%; font-weight: bold; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif; text-shadow:none!important; list-style-type: none; }  */
/*#navRow1 ul li ul li, #navRow2 ul li ul li, #navRow3 ul li ul li, #navRow4 ul li ul li {margin:0; padding:0 0 12px 0; color:#233565; font-size:90%; font-weight: bold; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif; text-shadow:none!important; list-style-type:disc; }   */

#navRow5 ul.navList, #navRow5 ol.navList  {margin:3px 0 15px 10px; padding:0;  }
#navRow5 li.navList {margin:0; padding:0 0 4px 0; color:#233565; font-size:90%; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif; text-shadow:none!important; }


/*   #navRow1 a:active, #navRow1 a:hover, #navRow1 a:focus { color:#D2BD81; text-decoration:none; }   */

#responsiveHeader  {
	overflow:auto;
	font-size:170%;
	text-align:center;

}

#rightColumn, #leftColumn  {
	
}
#rightColumn  { margin-right:20px;   }
#rightColumn img { width:100%!important; height:auto!important; }

#sideBar  {
    margin:0 10px 0 30px;
	float:right!important;
	width:180px; 
	height:240px; 
}

#meta   {
	margin:10px auto 0 auto;
	padding:5px 0; 
	border-top:1px solid #233565;
	border-bottom:1px solid #233565;
	
}
#meta  p {
	margin:0;
	padding:0; 
	color:#233565;
	font-size:95%;
	
}

#listHeaderBar, #listHeaderBar2  {
	margin:20px auto 0 auto;
	padding:0;
	border:1px solid #233565;
}
#listHeaderBar p, #listHeaderBar2 p {
	margin:0;
	padding:2px 10px; 
	color:#233565; 
	background-color:#8097D3!important;
	font-size:95%;
}
#listHeaderBar a, #listHeaderBar2 a, #listHeaderBar a:link, #listHeaderBar2 a:link, #listHeaderBar a:visited, #listHeaderBar2 a:visited  { color:#233565; font-weight:bold; text-decoration:none; border:none; }
#listHeaderBar a:active, #listHeaderBar2 a:active, #listHeaderBar a:hover, #listHeaderBar2 a:hover, #listHeaderBar a:focus, #listHeaderBar2 a:focus { color:#333; text-decoration:underline; }

/* Used to avoid two unbalanced columns  e.g. one column with too much text sitting adjacent another column with too little content.  */
#inset  {	
	display:block;
	margin:30px 0 20px 30px;
	float:right;
	width:48%;
}

#inset2  {	
	display:block;
	margin:30px 0 20px 50px;
	float:right;
	width:45%;
}

#inset3  {	
	display:block;
	margin:30px 0 20px 50px;
	float:right;
	width:45%;
}
.inset4  {	 /*  NOTICE: This is a class!  Used first on new Preventive Maintenance Software page   */
    margin-top:2.0em; 
	margin-left:2.0em; 
	padding:1.5em; 
	border:2px solid #909090; 
	border-radius: 7px; 
	background-color:#FBFBFD;
}

.inset5  {	 /*  NOTICE: This is a class!  Used first on new Pricing page   */
	display:block;
	float:right;
	margin:0.5em 0 0.5em 1.0em; 
	width:10%;
}

.insetBoxes  {
    margin:0px 0 12px 10px;
	padding:10px;
	border:2px solid #909090;
	border-radius: 7px;
	background-color:#FBFBFD;
}

.insetBoxes2  {
    margin:0px 0 12px 10px;
	padding:10px;
	border:2px solid #909090;
	border-radius: 7px;
	background-color:#FFF;
}


/*  MOBILE ONLY Social Media Icon Display   */
#socialMobile {
	margin:0 auto;
	padding-bottom:35px;
	height: 36px;
	text-align:center!important;
	overflow:visible;
}

/*  IMAGES:  */
img { width:100%; height:auto; border-style:none; }
img.map, map area {outline: none; border-style:none; }

img.floatLt { position:relative; float:left; margin:6px; bottom:0px; left:0px; border:0;  } 
img.floatRt { position:relative; float:right; margin:6px; bottom:0px; left:0px; border:0;  } 
img.floatCenter { margin:5px auto!important; padding:0; display:block; text-align:center; border:0; }
iframe.floatCenter { margin:5px auto; padding:0; display:block; text-align:center; border:0; }

/*   Nail Image to the Bottom of the Div  */
.image-bottom  {
   position:relative;
}
.image-bottom img {
   position:absolute;
   left:0;
   bottom:0;
}

/*   Background Images   */

.bgFixed  {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover; 
}

@keyframes animatedBackground  {
	from  {background-position: 0 0;  }
	to  {background-position: 80% 0;   }
}
.bgImage-1  {   /*   Background  Animated - Ken Burns   */
	padding: 0;
	width: auto;
	height: 520px;
	background-image:url(../images/2016-11-04_factory6_Narrow.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 20s ease-in-out running;
}

.bgImage-2  {
	padding: 0;
	background-image:url(../images/2016-11-28_man-using-mapcon-DUO2.png);
}

.bgImage-3  {
	padding: 0;
	background-image:url(../images/mobileWR-small.png);
    background-position:center bottom; 
	background-repeat:no-repeat;
}

.bgImage-4  {
	margin:0;
	padding: 0;
	background-color: #FFF;  /*   #F9F9FF!important;   */
}

.bgImage-5  {
	margin:0;
	padding: 0;
	background-color: #415BA9;
	background-image:url(../images/2019-03-19_man-w-tablet2.png);
    background-position:right bottom; 
	background-repeat:no-repeat;
}

.bgImage-6  {
	margin:20px 0;
	padding:0;
	border-top:1px #233565 solid;
	border-bottom:1px #233565 solid;
	background: linear-gradient(132deg, #233565, #8195CF);
	background-size: 200% 200%;
	animation: bgGradient 20s ease infinite;
}
@keyframes bgGradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}


.bgBlog   {   /*   http://angrytools.com/gradient/   */
	padding: 0;
	background: -moz-linear-gradient(270deg, #cbd5ed 0%, #ffffff 32%, #ffffff 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbd5ed), color-stop(32%, #ffffff), color-stop(100%, #ffffff)); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, #cbd5ed 0%, #ffffff 32%, #ffffff 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, #cbd5ed 0%, #ffffff 32%, #ffffff 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, #cbd5ed 0%, #ffffff 32%, #ffffff 100%); /* ie10+ */
	background: linear-gradient(180deg, #cbd5ed 0%, #ffffff 32%, #ffffff 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd5ed', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */ }



/*  SIDEBAR LIST USING p TAGS   */
.sidebar-posts   {   /*  purpose is to style auto-generated 'recent posts' list in right column of blogs   */
	margin-top:-5px!important;
	padding:0!important;	
}


/*  Rows and Columns  */
#outerWrapper  {
	margin: auto!important;
	box-sizing: border-box;
}

.colWrapper  {
	margin: auto!important;
	box-sizing: border-box;
}

.rowWrapper  {
		
}
	
.column  {  
	float: left;
	padding: 20px 30px;
	box-sizing:border-box;		
}
	
.column-wide  {  
	float: left;
	padding: 20px 60px;
	box-sizing:border-box;		
}
.column-wide2  {    /* This narrows the gap between 2 'column-wide' columns  */
	float: left;
	padding: 20px 60px 20px 0;
	box-sizing:border-box;		
}

.column-narrow  {  
	margin: auto;
	padding: 20px 25%;
	box-sizing:border-box;		
}

.column-center  {
	margin: auto;
	padding: 20px 10%;
	box-sizing:border-box;		
}

.column-blog  {  
	float: left;
	padding: 0 110px 50px 110px;
	box-sizing:border-box;		
}

.column-blog-author  {  
	padding:0 30px 30px 0;
	background-color:#D2BD82;
	border:1px solid #000;
	border-radius: 7px;
}

.column-no-side-col  {  
	margin-top:20px;
	padding: 20px 10%;
	box-sizing:border-box;		
}

.no-pad  {
	padding: 0!important;
}

.bordered  {
	border: 1px #233565 solid;
}

.rounded  {
	border-radius: 6px;
}

.margin15  {
	margin-left:15%;
}

.margin-35  {
	margin-top:-35;
}

.margin-60  {
	margin-top:-60px;
}


/*Column Widths*/
.width-03 {width: 3%;}
.width-05 {width: 5%;}
.width-10 {width: 10%;}
.width-12 {width: 12%;}
.width-15 {width: 15%;}
.width-20 {width: 20%;}
.width-25 {width: 25%;}
.width-30 {width: 30%;}
.width-31 {width: 31%;}
.width-32 {width: 32%;}
.width-33 {width: 33.333%;}
.width-34 {width: 34%;}
.width-35 {width: 35%;}
.width-40 {width: 40%;}
.width-45 {width: 45%;}
.width-50 {width: 50%;}
.width-55 {width: 55%;}
.width-60 {width: 60%;}
.width-65 {width: 65%;}
.width-66 {width: 66.666%;}
.width-70 {width: 70%;}
.width-75 {width: 75%;}
.width-80 {width: 80%;}
.width-85 {width: 85%;}
.width-90 {width: 90%;}
.width-100 {float: none;}


/*  Equal Height Column Rules  */
.colWrapper::after {
	content: "";
	display: table;
	clear: both;
}

.ehCol .colWrapper::after {
	display: none;
} 
.ehCol .colWrapper {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	padding: 0px;
}

.ehCol .column {
	display: table-cell;
	vertical-align: top;
	float: none;
}

.ehCol .column.width-100 {
    display: block;
} 

/*   One Column   */
.col-1   {
	padding: 20px 100px;
}

/*   Two Columns   */
.col2a  {  /*  Modifies 'column':  Left-side Column   */
	padding: 20px 40px 20px 100px!important;
}

.col2b  {  /*  Modifies 'column':  Right-side Column   */
	padding: 20px 100px 20px 40px!important;
}

/*   Two Columns - Alternate  */
.col2a2  {  /*  Modifies 'column':  Left-side Column   */
    float:left;
	padding:20px 20px 20px 40px;
	box-sizing:border-box;		
}

.col2b2  {  /*  Modifies 'column':  Right-side Column   */
    float:left;
	margin-top:0;
	padding:20px 40px 20px 20px;
	box-sizing:border-box;		
}

/*  Added for web pages w/o side columns  */
.col2a2-LT  {  /*  Modifies 'column':  Left-side Column   */
    float:left;
	padding:20px 20px 20px 10%;
	box-sizing:border-box;		
}

.col2b2-RT  {  /*  Modifies 'column':  Right-side Column   */
    float:left;
	padding:20px 10% 20px 0;
	box-sizing:border-box;		
}

/*   Three Columns   */
.col3a  {  /*  Modifies 'column':  Left-side Column   */
	float: left;
	padding: 20px 10px 20px 30px!important;
	box-sizing:border-box;		
}

.col3b  {  /*  Modifies 'column':  Center Column   */
	float: left;
	padding: 20px 10px!important;
	box-sizing:border-box;		
}

.col3c  {  /*  Modifies 'column':  Right-side Column   */
	float: left;
	padding: 20px 30px 20px 10px!important;
	box-sizing:border-box;		
}

/*  3 OR MORE Columns  (3+ Columns)   */
/*  Added for Dropdown NAV Columns      */

.col3-LT  {  /*  Modifies 'column':  Left-side Column   */
	float: none;
	padding: 20px 10px 20px 30px!important;
	box-sizing:border-box;		
}

.col3-MID  {  /*  Modifies 'column':  Center Columns   */
	float: none;
	padding: 20px 10px!important;
	box-sizing:border-box;		
}

.col-RT  {  /*  Modifies 'column':  Right-side Column   */
	float: none;
	padding: 20px 30px 20px 10px!important;
	box-sizing:border-box;		
}

/*  3 Columns  */
/*  Added for web pages w/o side columns  */

.col3a-LT  {  /*  Left-side Column   */
	float: left;
	padding: 20px 10px 30px 5%;
	box-sizing:border-box;		
}

.col3b-MID  {  /*  Center Column   */
	float: left;
	padding: 20px 0 30px 0;
	box-sizing:border-box;		
}

.col3c-RT  {  /*  Right-side Column   */
	float: left;
	padding: 20px 5% 30px 10px;
	box-sizing:border-box;		
}

/*  4 Columns  */
/*  Added for web pages w/o side columns  */

.col4a-LT  {  /*  Left-side Column   */
	float: left;
	padding: 20px 20px 30px 5%;
	box-sizing:border-box;		
}

.col4b-MIDL  {  /*  Center Left Column   */
	float: left;
	padding: 20px 20px 30px 0;
	box-sizing:border-box;		
}

.col4c-MIDR  {  /*  Center Right Column   */
	float: left;
	padding: 20px 20px 30px 0;
	box-sizing:border-box;		
}

.col4d-RT  {  /*  Right-side Column   */
	float: left;
	padding: 20px 5% 30px 0;
	box-sizing:border-box;		
}

/*  These styles created 2019-05-02 specifically for downloadconfirmation page  */ 
.shaded-column  {
	min-width:70%;
	margin:30px 15%;
	padding:10px 75px 30px;
	background-color:#E6E6E6;
	border:1px #233565 solid;
	border-radius:7px;	
	box-sizing:border-box;
	clear:both;
}
/*  See above:  plus, word-wrap, etc., is in here to prevent long URLs from overflowing the container  */
.shade  {
	margin-bottom:0!important;
	padding:0;
	font-weight:bold;
	color:#000;
}
.shadeURL  {
	display:block;
	margin:0;
	padding:0;
	overflow-wrap:break-word;
	word-wrap:break-word;
	-ms-word-break:break-all;
	word-break:break-all;
}

.bulletMargin {
    margin:0 0 0 19%!important;
}
.bulletMargin2 {
    margin:0 0 0 10%!important;
}
.bulletMargin3 {
    margin:0 auto!important;
	display:table;
}


/*   Column/Row Borders  */
/*  .borderLeft {display:none!important;}  Updated 05-15-2023 from: in order to eliminate the left border on the right-side columns on all main MAPCON webpages  */
.borderLeftBlog {border-left: 1px solid #233565;}  /*  New, added 05-15-2023, in order to preserve the left column border on all Blog pages.  */
/*  .borderRight {border-right: 1px solid #233565;}  See above.  */
.borderRightBlog {border-right: 1px solid #233565;}  /*  New, added 05-15-2023, in order to preserve the right column border on all Blog pages.  */ 
.borderTop {border-top: 1px solid #233565;}
.borderBottom1 {border-bottom: 2px solid #233565;}
.borderBottom2 {border-bottom: 2px solid #8097D3;}


/*   Overlay Menu Magic (OMM).  This is for software-help-and-support page to set margins.     */
.contentMiddle   {margin:0 80px 0 0; }  /*  set to center in responsive mode   */


/*   Lists   */
ul { list-style:disc; }
ol { list-style:decimal; }

ul, ol   {margin:10px 0 15px 20px; padding:0;  }
li {margin:0; padding:0 0 15px 0; color:#233565; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif; line-height:1.5em; text-shadow:none;  }

ul.content, ol.content  {margin:10px 0 15px 20px; padding:0;  }
li.content {margin:0; padding:0 0 15px 0; color:#233565; font-size:100%; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif; text-shadow:none!important; }

/*  for lists at or near the top of the page   */
ul.topContent, ol.topContent  {margin:5px 0 15px 20px; padding:0;  }
li.topContent {margin:0 0 0 5%; padding:0 0 10px 0; color:#233565; font-size:1.25em!important; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif; text-shadow:none!important; }

/*  for featured snippets lists   */
ul.fsContent, ol.fsContent  {margin:8px 0 15px 20px; padding:0;  }
li.fsContent {margin:0 5%; padding:0 0 6px 0; color:#415BA9!important; font-size:1.10em!important; font-weight:normal!important; font-family:"Trebuchet MS", sans-serif; line-height:1.4em; text-shadow:none!important; }


.ulMargin { margin-top:-30px!important; }

/*   Image Scalability  */
img {vertical-align: middle;}

img.scalable {
	width:auto!important;
	max-width:100%!important;
	height:auto!important;
	z-index: 1;
}
img.scalable-rounded {
	width:auto!important;
	max-width:100%!important;
	height:auto!important;
	border-radius: 7px;
	z-index: 1;
}
img.scalable-fancy {
	width:auto!important;
	max-width:100%!important;
	height:auto!important;
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.65);
	z-index: 1;
}

/*   ehCol Image Scalability   
.ehCol img.scalable,
.ehCol img.scalable-rounded,
.ehCol img.scalable-fancy {
	width: 100%; height: auto; max-width: none; 
	z-index: -1;
 
}   */ 

/*  Banner Video CSS    See also: @media   */
#videoBlock  {
    display:inline-block;
	position:relative;
}
#videoButton  {
	position:absolute;
	bottom:0;
	z-index:100; 
}
#videoButton2  {
	margin:10px auto 20px auto;
	text-align:center;
}
#videoBanner  {
    width:100%;
    height:100%;
    object-fit:cover;
}
	
/*   Video Scalability  */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;             
	padding-top: 9px;
	height: 0px;
	overflow: hidden;
}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed, .videoWrapper video { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	z-index: 1;
}

.videoWrapper2 {  /*   Video Scalability - Responsive  */
	position: relative;
	padding-bottom: 56.25%;             
	padding-top: 0px;  /*   This is what is different from above videoWrapper class  */
	height: 0px;
	border:1px solid #CCC;  /*   I also added a light border with a border-radius      */
	border-radius: 4px;     /*   (rounded corners) to help the vid 'stand-out' better  */
	overflow: hidden;
}
.videoWrapper2 iframe, .videoWrapper2 object, .videoWrapper2 embed {  /*   Video Scalability - Responsive  */   
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	z-index: 1;
}
.videoWrapper3 {  /*   Video Scalability - Responsive  */
	position: relative;
	padding-bottom: 56.25%;             
	padding-top: 0px;  /*   This is what is different from above videoWrapper class  */
	height: 0px;
	border-radius: 4px;     /*   (rounded corners) to help the vid 'stand-out' better  */
	overflow: hidden;
	cursor:pointer;
}


.videoMargin  {
	margin:10px 5px;
}

.topMargin  {
	margin-top:30px;
}
.bottomMargin  {
	margin-bottom:20px!important;
}

/*   Go-To-Training Video Scalability  */
.videoWrapperGTT {
	position: relative;
	padding-bottom: 56.25%;   /*  56.25%   */          
	padding-top: 9px;
	height: 0px;
	overflow:hidden;
}
.videoWrapperGTT iframe, .videoWrapper objectGTT, .videoWrapperGTT embed { 
	position: absolute; 

	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	z-index: 1;
}

.video  { 
	width: 100%!important;
	height: auto!important;
}

/*  VIDEO PAGE STYLES   */
	h3.video { 
		color: #415BA9!important;
		margin:10px auto 5px auto; 
		padding:0;
		font-size: 150%; 
		text-align: center;
		white-space:nowrap;
		text-shadow: 5px 5px 8px #999; 
	}
    h3.video a, h3.video a:link, h3.video a:visited { margin-top:100px!important; color:#415BA9; font-weight:normal; text-decoration:none; border:none; }
    h3.video a:active, h3.video a:hover, h3.video a:focus { margin-top:100px!important; color:#415BA9; text-decoration:none; }
 
	h4.video-index { 
		margin:10px 15px 4px 0;
		color:#233565;    
		font-size:100%;
		font-weight:bold; 
		letter-spacing:0.02em; 
		text-shadow:3px 3px 5px #999;
	}
    h4.video-index a, h4.video-index a:link, h4.video-index a:visited { color:#233565; font-weight:bold; text-decoration:none; border:none; }
    h4.video-index a:active, h4.video-index a:hover, h4.video-index a:focus { color:#233565; text-decoration:none; }
	
	h4.video-index-header  { 
		margin:5px 0 0 0;
		padding-bottom:8px;
		color: #A11E23!important; 
		font-size: 96%; 
		text-align: center; 
		text-shadow: 5px 5px 8px #999; 
	}	
     p.video-list  {
	    margin:2px 0 0 20px;  
		padding: 0;
		font-size:90%!important;
		text-indent:-1em;
    }
     p.video-list:first-line  {
		text-indent:0em;
	 }
	
	p.spacer  {
	    margin:2px 0 0 0px;
		padding: 0; 
		height:4px;
	}
	.anchor  {
		position:relative;
		display:inline-block;
		top:-60px;
		vertical-align:top;
		height:0;
	}
	
	.hand  {
	    cursor:pointer;
	}

@media only screen and (max-width: 768px) {
	h3.video span {    /*  Forces long headers on this page to 'break' when in Mobile so they aren't too long.   */
	    display:block;
	}
}


/*   EMAIL DIALOG USED TO OVERRIDE MAGNIFIC-POPUP.CSS   */
/*   This set of styles trys to override the styling set for this class in order to set a blue background to the top of the popup   */
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	position: static;
	background-color: #233565;
	display: block;
        border-radius: 7px 7px 0 0;
	-webkit-user-select: none; /* Chrome, Opera, Safari */
        -moz-user-select: none; /* Firefox 2+ */
        -ms-user-select: none; /* IE 10+ */
        user-select: none; /* Standard syntax */
}

/*   BLOG INDEX: TABLES   */
/*  Permenant styles for Index Lists   */

.index-div   {
	overflow-x:auto;
}
table.index-table  {
	margin-top:30px;
	width:100%;
	background-color:#FFF;
	/*  border-collapse:collapse;  */
	border:1px solid #233565!important;
	overflow-x:auto;
}

.index-table th  {   /*  th.index-header   */
	height:50px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	background-color:#233565;
	border-bottom:1px solid #233565;	
}
.index-table th a,  .index-table th a:link, .index-table th a:visited  { color:#FFF; font-weight:bold; text-decoration:none; border-bottom:0;  }
.index-table th a:active, .index-table th a:hover, .index-table th a:focus  { color:#FFF; font-weight:bold; text-decoration:underline;  }

tr.index-row:nth-child(even)   {
	background-color:#CDD5ED;
}
td.index-cell {
    padding:8px 16px;
	height:30px;
	min-width:15%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", sans-serif;
	font-size:90%;
	font-weight:normal;
	color:#233565;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #AAA;
}
td.index-cell a, td.index-cell a:link, td.index-cell a:visited  { color:#A11E23; font-weight:normal; text-decoration:none; border-bottom:0;  }
td.index-cell a:active, td.index-cell a:hover, td.index-cell a:focus  { color:#5F5F5F; font-weight:normal; text-decoration:underline;  }

/*  INTERLINK (NINJA SEO) LINK SETS 
section#interSets3 { margin:0px auto 0px auto; padding:0!important; width:100%; border:0;  }
div.interSets3 {float:left; display:inline-block; width:32%; vertical-align:text-top; text-align:center; }
section#interSets3 h5 { margin:15px auto 0!important; padding:0px!important; color:#000; line-height:normal; font-size:0.80em; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; text-shadow:none!important; }
section#interSets3 p { margin:0!important; padding:0px!important; color:#000; line-height:normal; font-size:0.70em; font-family:Arial, Helvetica, sans-serif; text-align:center;  }
section#interSets3 ul { margin:0px auto 20px auto!important; padding:0px!important; }
section#interSets3 li { margin:0 auto!important; padding:0px!important; display:block; list-style:none; color:#000; font-size:0.70em; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:normal;  }
section#interSets3 a, section#interSets3 a:link, section#interSets3 a:visited { color:#000; font-weight:normal; text-decoration:none; border:none; }
section#interSets3 a:active, section#interSets3 a:hover { color:#666; text-decoration:none; border:none;  }
 */


/*  MODULE PAGES - ADDED 03-20-2018  */

div.image-link  { text-indent:-15px; margin:10px 0 10px 20px; padding:0; color:#233565; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif; line-height:1.5em; text-shadow:none; }
.image-link img  { float: right; margin:6px 0 6px 20px; border:0;  }

.sideBar2  {
	margin:3px 0 10px 20px; 
	float:right!important;
	width:219px; 
	height:124px;
	cursor:pointer; 
} 
.sideBar3  {
	margin:6px 0 10px 0;
	float:right!important;
	display:inline-block;
	width:50%; 
	height:100%;
	cursor:pointer;
	clear:both; 
} 

div.special-box  {   /*  Used to separate a certain module's feature(s) mentioned as a sidebar on another module's page   */
	margin:0 20px;
	padding:0 30px;
	background-color:#D3D3D3;
	border:1px solid #233565;
}





/*  FEATURED SNIPPETS - ADDED 06-19-2018  */
div.snippet   {
	float:right;
	margin:16px 0 16px 20px;
	padding:20px;
	border:1px solid #233565;
	color:#000!important;
	width:45%;
	background-color:#DCDCDC;
}
h2.snippet   {
    margin-top: 0;
	font-size: 160%;
	color:#000;
	text-align:center;
}
p.snippet   {
	font-size:0.90em;
	font-weight:bold;
}
ol.snippet   {
   	margin-left:35px;
	margin-right:35px;
}
li.snippet   {
	color:#000;
	font-size:0.90em;
	font-weight:bold;
}



/*   Mobile Devices   */

@media only screen and (min-width: 0px) and (max-width: 468px) {
body {font-size: 80%;}
table  {margin-top:10px;   }
#banner, #imageContainer-KB, #navBar, #navRow1, #navRow2, #navRow3, #navRow4, #navRow5, #bgSlider, #rightColumn, #leftColumn  { width:0px; height:0px; visibility:hidden; display:none!important; }
.column, .column-wide, .column-narrow, .column-blog, .column-center  {float:none!important; padding:0 10px; width:auto !important; border:none!important;}
.ehCol, .ehCol .column {display: block !important; border-radius: 0px;} 
.shaded-column { margin:30px 3px; padding:10px 30px 30px; width: auto !important; }
.rowWrapper.ehCol.lbm-gutter .colWrapper {padding: 0px 0px;}
.colWrapper {display: block !important;}
.bgBlog   {  margin-top:-20px!important; }
.blogName  {padding-top:15px!important;  }
.bgImage-1  {padding: 0; background-image:url(../images/2016-11-04_factory6_Narrow.png); border-bottom: 1px #8097D3 solid; }
.col2a, .col2b, col-1 { padding:10px!important; }
.col3a-LT, .col3b-MID, .col3c-RT, col2a2-LT, col2b2-RT  { padding:10px 10px 0 10px!important; }
.inset4  { margin:0; padding:1.2em; border:none; }
.noMobile  { margin:0; padding:0; width:0; height:0; visibility:hidden; display:none!important;  }
.noMobile-limited  { margin:0; padding:0; width:0; height:0; visibility:hidden; display:none!important;  }
.bulletMargin, .bulletMargin2 { margin:0!important;   }
.margin15  {  margin-left:0;  }
.margin-35  { margin-top:auto;  }
.margin-60  { margin-top:auto;  }
.contentMiddle  {margin:0 auto!important; }
.author-bio  {margin-left:30px!important;   }
h2.header6  { margin:20px auto 10px auto; padding:0 10px; font-size:175%;  }
h4.sidebar  { margin-top:8px; padding-top:3px; border-top:1px dotted #A11E23;    }
.ulMargin { margin-top:0!important; }
#responsiveHeader p {
	float:left;
	margin:2px 0 2px 0!important; 
	padding:0!important;
	font-size:100%!important;
}
p.responsiveHeader {
	float:left;
	margin:2px 0 2px 0!important; 
	padding:0!important;
	font-size:80%!important;
}

}

@media only screen and (min-width: 469px) and (max-width: 768px) {
table  {margin-top:10px;   }
#banner, #imageContainer-KB, #navBar, #navRow1, #navRow2, #navRow3, #navRow4, #navRow5, #bgSlider, #rightColumn, #leftColumn  { width:0px; height:0px; visibility:hidden; display:none!important; }
.column, .column-wide, .column-narrow, .column-blog, .column-center  {float:none!important; padding:0 10px; width:auto !important; border:none!important;}
.ehCol, .ehCol .column {display: block !important; border-radius: 0px;}
.shaded-column { margin:30px 3px; padding:10px 30px 30px; width: auto !important; }
.rowWrapper.ehCol.lbm-gutter .colWrapper {padding: 0px 0px;}
.colWrapper {display: block !important;}
.bgBlog   {  margin-top:-20px!important; }
.blogName  {padding-top:15px!important;  }
.bgImage-1  {padding: 0; background-image:url(../images/2016-11-04_factory6_Narrow.png); border-bottom: 1px #8097D3 solid; }
.col2a, .col2b, col-1 { padding:10px!important; }
.col3a-LT, .col3b-MID, .col3c-RT, col2a2-LT, col2b2-RT  { padding:10px 10px 0 10px!important; }
.inset4  { margin:0; padding:1.2em; border:none; }
.noMobile  { margin:0; padding:0; width:0; height:0; display:none!important;  }
.onlyMobile2  { width:0px; height:0px; visibility:hidden; display:none!important;   }
.bulletMargin, .bulletMargin2 { margin:0!important;   }
.margin15  {  margin-left:0;  }
.margin-35  { margin-top:auto;  }
.margin-60  { margin-top:auto;  }
.contentMiddle  {margin:0 auto!important; }
.author-bio  {margin-left:30px!important;   }
h2.header6  { margin:20px auto 10px auto; padding:0 10px; font-size:175%;  }
h4.sidebar  { margin-top:8px; padding-top:3px; border-top:1px dotted #A11E23;    }
.ulMargin { margin-top:0!important; }
#responsiveHeader p {
	float:left;
	margin:2px 0 2px 0!important; 
	padding:0!important;
	font-size:100%!important;
}
p.responsiveHeader {
	float:left;
	margin:2px 0 2px 0!important; 
	padding:0!important;
	font-size:80%!important;
}

}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
table  {margin-top:10px;   }
#banner, #navBar, #navRow1, #navRow2, #navRow3, #navRow4, #navRow5, #bgSlider, #rightColumn, #leftColumn  { width:0px; height:0px; visibility:hidden; display:none!important; }
.column, .column-wide, .column-narrow, .column-blog, column-center  {float: none !important; padding:0 10px; width: auto !important; border: none !important;}
.ehCol, .ehCol .column {display: block !important; border-radius: 0px;}
.shaded-column { margin:30px 3px; padding:10px 30px 30px; width: auto !important; }
.rowWrapper.ehCol.lbm-gutter .colWrapper {padding: 0px 0px;}
.colWrapper {display: block !important;}
.bgBlog   {  margin-top:-20px!important; }
.blogName  {padding-top:15px!important;  }
.bgImage-1  {padding: 0; background-image:url(../images/2016-11-04_factory6_Narrow.png); border-bottom: 1px #8097D3 solid; }
.col2a, .col2b, col-1 { padding:10px!important; }
.noMobile  { margin:0; padding:0; width:0; height:0; display:none!important;  }
.onlyMobile2  { width:0px; height:0px; visibility:hidden; display:none!important;   }
.bulletMargin, .bulletMargin2 { margin:0!important;   }
.margin15  {  margin-left:0;  }
.margin-35  { margin-top:auto;  }
.margin-60  { margin-top:auto;  }
.contentMiddle  {margin:0 auto!important; }
.author-bio  {margin-left:30px!important;   }
h4.sidebar  { margin-top:8px; padding-top:3px; border-top:1px dotted #A11E23;    }
#responsiveHeader p {
	float:left;
	margin:2px 0 2px 0!important; 
	padding:0!important;
	font-size:100%!important;
}
p.responsiveHeader {
	float:left;
	margin:2px 0 2px 0!important; 
	padding:0!important;
	font-size:80%!important;
}

}

/*
@media only screen and (min-width: 800px) and (max-width: 1024px) {
#navBar-Mobile  { width:0px; height:0px; visibility:hidden; display:none!important; }
.noMobile  { margin:0; padding:0; width:0; height:0; display:none!important;  }
#bgSlider  { width:0px; height:0px; visibility:hidden; display:none!important; }

}
*/

@media only screen and (min-width: 1024px) and (max-width: 2600px) {
#navBar-Mobile  { width:0px; height:0px; visibility:hidden; display:none!important; }

.onlyMobile  { width:0px; height:0px; visibility:hidden; display:none!important;   }
.onlyMobile2  { width:0px; height:0px; visibility:hidden; display:none!important;   }
h3.banner  { font-size:100%;  }

}


/*  CHATLIO  Override  4-29-2020  to improve app look & feel  */
/* This is the top area of the Chatlio app with "Support" in it  */
#chatlio-widget .chatlio-chat-header {
  background-color: #aab4c0;
}
/*  This controls the color of the text in the top area with "Support" in it   */
#chatlio-widget .chatlio-chat-header__text {
  color: #FFF;
  font-size: 1.5em;
}
/*  This puts a border across the top of the client's "Type Message Here" box at the bottom of the app   */
#chatlio-widget .chatlio-new-message-container-small {
  border-top: 1px solid #aab4c0!important;
}


/* This CSS is specifically
 * for styling the responsive nav
 * for mapcon.com.
 *
 * 06-23-2017
 * Updated 12-04-2019 to widen navMobile menu
 * Updated 12-06-2019 to add chevron arrows to menu
*/


.mobileNav  {  }  /*  This class is used strictly for jQuery purposes  */

#navBar-Mobile {   /*  This declaration mimics #navBar in styles.css  */
	padding: 0;
	color: #FFF;
	font-size: 85%;
	background-color: #233565;
	border-bottom: 2px solid #8097D3;
	height:32px;
	top: 0;
	left: 0px;
	right:0;
	width: 100%;
	overflow-y:scroll!important;
}

/*   This style is for a new navMobile banner blue -> white  12/9/2019  per instructions via Kyle   */
#navBar-Mobile-White {   /*  This declaration is NOT contained in styles.css  */
	padding: 0;
	color: #233565;
	font-size: 85%;
	background-color: #FFF;
	border-bottom: 2px solid #233565;
	border-top: 2px solid #233565;
	height:32px;
	top: 0;
	left: 0px;
	right:0;
	width: 100%;
	overflow-y:scroll!important;
}

#navBar-Mobile p  {margin: 0; padding:0; }

/*   Nav Menu Containers   */
.navContainer  {	/*  1st Level nav menu container for main directories  */
	position:absolute;
	top:10;
	left:0;
	max-height:100%!important;
	width:80%!important;  /* Changed from max-width:70% to width:80% on 12/5/2019  */
	background:#F0F0F0!important;
	border-right:2px solid #8097D3; 
	border-bottom:2px solid #8097D3; 
	box-sizing:border-box;
	z-index:999!important;
	overflow-y:scroll!important;
	display:none;  
}

.navContainer-row  {
	margin:0;
	padding:16px;
	height:20%;
	border-bottom:1px solid #DDD!important;
} 

.navContainer-row-goback  {
	margin:0;
	padding:10px 0 0 20px;
	border-bottom:1px solid #DDD!important;
}

.navContainer-row-nb  {  /*  no bottom border   */
	margin:0;
	padding:16px;
	height:20%;
	border-bottom:none!important;
} 

h2.navMobile  {
	color:#233565!important; 
	font-size:130%;
	font-weight:normal; 
	text-align:left; 
}

/*  Replaces <h2> tags in navMobile  8-17-2018   */
span.navMobile  {
	color:#233565!important;
	font-family: "Trebuchet MS", sans-serif;
	font-size:130%;
	font-weight:normal; 
	text-align:left; 
}

h5.navMobile  {
	color:#233565;        /*  #888!important;  */
	font-size:100%;
	font-weight:normal; 
	text-align:left; 
	display:inline-block;
}

h3.container-main-header { 
	color: #A11E23!important;
	margin:0; 
	padding:0;
	font-size: 110%; 
	text-align: left;
	/*   text-shadow: 5px 5px 8px #999;    */
}

/* Home */
#navMobile-home  {
	position:relative;
	float:left;
    margin-left:12px;
	display:block;
}
/* Center */
#navMobile-center  {
	position:relative;
	float:left;
	display:block;
}
/* The Hamburger */
#navMobile-hamburger  {
	position:relative;
	float:right;
    margin-right:25px;
	display:block;
}

.hamburger {
    position: relative;
    margin-top:8px;
	display: inline-block;
    width:25px;
    height:3px;
    border-top:3px solid #FFF;
    border-bottom:3px solid #FFF;
}

.hamburger:before {
    content: "";
    position: absolute;
	top:9px;
    right:0;   /*  left:0;   */
    width: 100%;
    border-top:3px solid #FFF;
}

/*  The Chevron (pointer) Right-pointing and Left-pointing   */
.chevron-right  {
    float:right;
	margin-top:2px;
	width:20px!important;
	height:20px!important;
	display:inline-block;	
}
.chevron-left  {
    float:left;
	margin-top:2px;
	width:10px!important;
	height:10px!important;
	display:inline-block;	
}
/*
 ----------------------------- 
 PVII Layout Builder Menu
 by Project Seven Development
 www.projectseven.com
 LBM Components Styles
 -----------------------------
 IMPORTANT:  SEE BELOW FOR MODIFIED CSS FOR MAPCON MAIN NAV

*/


/*
**********************
 LBM Button Component
    Editable Styles 
**********************
*/
a.lbm-btn {
	background-color: rgb(161,30,35);  /*  MAPCON Red #A11E23  */
	color: #FFF;
	padding: 10px 15px;
}
a.lbm-btn:hover {
	background-color: rgb(210,189,130);   /*  MAPCON Gold #D2BD82  */
	color: #FFF;
	border-color: inherit;
}
.lbm-btn-list-vert a {
	background-color: rgb(161,30,35);   /*  MAPCON Red #A11E23  */
	color: #000;
	padding: 10px 15px;
}
.lbm-btn-list-vert a:hover {
	background-color: rgb(210,189,130);   /*  MAPCON Gold #D2BD82  */
	color: #FFF;
	border-color: inherit;
}
.lbm-btn-list-horiz a {
	background-color: rgb(161,30,35);   /*  MAPCON Red #A11E23  */
	color: #FFF;
	padding: 10px 15px;
}
.lbm-btn-list-horiz a:hover {
	background-color: rgb(210,189,130);   /*  MAPCON Gold #D2BD82  */
	color: #FFF;
	border-color: inherit;
}



/*
**********************
 LBM Button Component
     CORE Styles 
**********************
These rules should not be edited
*/
a.lbm-btn,
.lbm-btn-list-vert a,
.lbm-btn-list-horiz a {
	display: inline-block;
	text-decoration: none;
	margin: 6px 0px;
}
.lbm-btn-list-horiz a {
	display: block;
}
.lbm-btn-list-horiz li {
	display: inline-block;
}
.lbm-btn-list-vert a {
	display: block;
}
a.lbm-btn-border,
.lbm-btn-border.lbm-btn-list-vert a,
.lbm-btn-border.lbm-btn-list-horiz a {
	border: 1px solid;
}
a.lbm-btn-rnd,
.lbm-btn-rnd.lbm-btn-list-vert a,
.lbm-btn-rnd.lbm-btn-list-horiz a {
	border-radius: 4px;
}

a.lbm-btn-glass,
.lbm-btn-glass.lbm-btn-list-vert a,
.lbm-btn-glass.lbm-btn-list-horiz a {
	box-shadow: 
	0 1px 0px rgba(0,0,0,0.75),
	inset 0 1px rgba(255,255,255,0.3), 
	inset 0 10px rgba(255,255,255,0.2), 
	inset 0 10px 20px rgba(255,255,255,0.25), 
	inset 0 -15px 30px rgba(0,0,0,0.3);
}

a.lbm-btn-animate,
.lbm-btn-list-vert.lbm-btn-animate a,
.lbm-btn-list-horiz.lbm-btn-animate a {
	-webkit-transition: all linear .3s 0s;
	transition: all linear .3s 0s;
}
.lbm-btn-list-vert,
.lbm-btn-list-horiz {
	margin: 0px;
	padding: 0px;
}
.lbm-btn-list-vert li,
.lbm-btn-list-horiz li {
	list-style-type: none;
}
.lbm-btn-list-horiz li {
	display: inline-block;
}


/*
*************************
 LBM Video-Map Component
      CORE Styles 
*************************
      Do not edit
*/
.lbm-video-wrapper {
	position: relative;
	padding-bottom: 56.25%;             
	padding-top: 9px;
	height: 0px;
	overflow: hidden;
}
.lbm-video-wrapper iframe, .lbm-video-wrapper object, .lbm-video-wrapper embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.lbm-map-wrapper {
	position: relative; 
	padding-bottom: 100%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-bottom: 20px;
}
.lbm-map-wrapper iframe, .lbm-map-wrapper object, .lbm-map-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.lbm-video-wrapper iframe,
.lbm-map-wrapper iframe {
	box-sizing: border-box;
}
.lbm-frame-border iframe {
	border: 1px solid #000 !important;
}
.lbm-frame-rnd iframe {
	border-radius: 5px;
}


/*   Mobile Devices   */
@media only screen and (min-width: 0px) and (max-width: 700px) {
a.lbm-btn { padding: 5px 7px!important;  }
.lbm-btn-list-vert a { padding: 5px 7px!important;  }
.lbm-btn-list-horiz a { padding: 5px 7px!important;  }

}

@media only screen and (min-width: 0px) and (max-width: 480px) {
a.lbm-btn { padding: 5px 7px!important;  }
.lbm-btn-list-vert a { padding: 5px 7px!important;  }
.lbm-btn-list-horiz a { padding: 5px 7px!important;  }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
a.lbm-btn { padding: 5px 7px!important;  }
.lbm-btn-list-vert a { padding: 5px 7px!important;  }
.lbm-btn-list-horiz a { padding: 5px 7px!important;  }

}

@media only screen and (min-width: 767px) and (max-width: 1100px) {

}


/*  THIS SET OF BUTTONS ARE FOR OUR MAIN NAVIGATION  */

a.lbm-btn-nav {
	background-color: rgb(240,240,240);  /*  MAPCON Light Gray #F0F0F0  */
	color: #A11E23;
	padding: 10px 15px;
}
a.lbm-btn-nav:hover {
	background-color: rgb(161,30,35);   /*  MAPCON Red #A11E23  */
	color: #FFF;
	border-color: inherit;
}
.lbm-btn-list-vert-nav a {
	background-color: rgb(240,240,240);  /*  MAPCON Light Gray #F0F0F0  */
	color: #A11E23;
	padding: 10px 15px;
}
.lbm-btn-list-vert-nav a:hover {
	background-color: rgb(161,30,35);   /*  MAPCON Red #A11E23  */
	color: #FFF;
	border-color: inherit;
}
.lbm-btn-list-horiz-nav a {
	background-color: rgb(240,240,240);  /*  MAPCON Light Gray #F0F0F0  */
	color: #A11E23;
	padding: 10px 15px;
}
.lbm-btn-list-horiz-nav a:hover {
	background-color: rgb(161,30,35);   /*  MAPCON Red #A11E23  */
	color: #FFF;
	border-color: inherit;
}
/*  BELOW STYLE:  Affects font ONLY for Main Nav as displayed.  Vertical and Horizontal Nav (if used) need to be added into this declaration  */
.lbm-btn-nav {
	font-size:95%; 
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;  */
}

a.lbm-btn-nav,
.lbm-btn-list-vert-nav a,
.lbm-btn-list-horiz-nav a {
	display: inline-block;
	text-decoration: none;
	margin: 0px 0px;   /*  6px  0px   */
}
.lbm-btn-list-horiz-nav a {
	display: block;
}
.lbm-btn-list-horiz-nav li {
	display: inline-block;
}
.lbm-btn-list-vert-nav a {
	display: block;
}

.lbm-btn-list-vert-nav,
.lbm-btn-list-horiz-nav {
	margin: 0px;
	padding: 0px;
}
.lbm-btn-list-vert-nav li,
.lbm-btn-list-horiz-nav li {
	list-style-type: none;
}
.lbm-btn-list-horiz-nav li {
	display: inline-block;
}

a.lbm-btn-rnd-nav,
.lbm-btn-rnd-nav.lbm-btn-list-vert-nav a,
.lbm-btn-rnd-nav.lbm-btn-list-horiz-nav a {
	border-radius: 4px;
}
/*
 ----------------------------- 
 PVII Layout Builder Menu
 by Project Seven Development
 www.projectseven.com
 -----------------------------
*/

/*MAIN EDITABLE STYLES*/

.p7LBNAV {                                /*  New declaration */
	padding-left: 20px;
	background-color: rgb(35,53,101);  
	background: rgba(35,53,101,0.95);  
}

.p7LBNAV.lbnav-fixed {
	background-color: rgb(250,250,230);  /*  rgb(35,53,101);  */
	background: rgba(250,250,230,0.95);  /*  rgba(35,53,101,0.95);  */
}

/*Padding on List Items*/
.p7LBNAV ul li {
	padding: 0px 0px;                    /*  padding: 6px 0px;  */
}
.p7LBNAV ul ul li {
	padding: 0px 0px;
}

/*Base Link styles*/
.p7LBNAV ul a {
	-webkit-transition: all linear .35s 0s;
	transition: all linear .35s 0s;
}
.p7LBNAV ul a {
	color: #FFF;                         /*  #333;   */
	padding: 10px 18px;
}
.p7LBNAV ul a:hover,
.p7LBNAV ul a.open {
	background-color: rgb(61,92,176);    /*  rgb(200,200,180);  */
	color: #FFF;                         /*  #000;   */
}
.p7LBNAV.lbnav-buttonized ul a {
	background-color: rgb(160,160,140);
}
.p7LBNAV.lbnav-buttonized ul a.open {
	background-color: rgb(100,100,80);
	color: #DDD;
}
.p7LBNAV.lbnav-buttonized ul a:hover {
	background-color: rgb(130,130,110);
	color: #FFF;
}


/*Sub Menu Link Styles*/
.p7LBNAV ul ul {
	background-color: #3D5CB0;      /*  #1F1F1F   */
}
.p7LBNAV ul ul a {
	color: #FFF;                    /*  #BBB    */
	padding: 8px 10px;
}
.p7LBNAV ul ul a:hover {
	background-color: #CBD5ED;      /*   #444   */
	color: #000;                    /*   #FFF   */
	/* font-weight: bold;                new statement  */
}

/*Trigger Link Arrows (links that spawn drop menus)*/
.p7LBNAV ul a.trig {
	background-image: url(../images/img/lbnav_east_white.gif);   /*  changed from original 'black'  */
}
.p7LBNAV ul a.trig:hover, .p7LBNAV ul a.open.trig {
	background-image: url(../images/img/lbnav_south_white.gif);  /*  changed from original 'black'  */
}
.p7LBNAV.lbnav-buttonized ul a.trig:hover, .p7LBNAV.lbnav-buttonized ul a.open.trig {
	background-image: url(../images/img/lbnav_south_white.gif);
}

/*Current Mark*/
.p7LBNAV ul a.current_mark {
	font-weight: bold;
}

/*Toolbar: Responsive mode base for hamburger icon*/
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar {
	background-color: #233565;                  /*   #222   */
}
/*Text Label Next to Hamburger Icon (Delete text inside quotes for no label)*/
.p7LBNAV .p7LBNAV-toolbar.closed a:after {
	content: "Menu";
}
.p7LBNAV .p7LBNAV-toolbar.opened a:after {
	content: "Menu";
}

/*
********************
End Editable Styles
*********************
*/








/*
****************
Core Styles
****************
*/

/*POP MENU MODE*/

.p7LBNAV.lbnav-pop .lbnav-sub-wrapper {
	position: absolute;
	top: 100%;
	left: auto;
	text-align: left;
	display: none;
	z-index: 99;
}


.p7LBNAV.lbnav-pop ul ul li {
	padding: 0px;
	float: none;
	margin: 0px;
}
.p7LBNAV.lbnav-pop ul ul a {
	padding: 8px 20px;
	border: none;
}


/*Vertical Accordion Menu*/
.p7LBNAV.lbnav-vertical .lbnav-sub-wrapper {
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 0px;
}
.p7LBNAV.lbnav-vertical ul,
.p7LBNAV.lbnav-vertical ul ul {
	display: block;
}

.p7LBNAV.lbnav-vertical ul li,
.p7LBNAV.lbnav-vertical ul ul li {
	float: none;
	display: block;
	padding: 0px;
	margin-right: 0px !important;
}
.p7LBNAV.lbnav-vertical ul li {
	margin-bottom: 8px;
}
.p7LBNAV.lbnav-vertical ul li:last-child {
	margin-bottom: 0px;
}
.p7LBNAV.lbnav-vertical ul ul li {
	margin-bottom: 0px;
}


/*Hide Toolbar for Smartphones */
.p7LBNAV-toolbar {
	display: none;
}
.p7LBNAV {
	position: relative;
	z-index: 900;
}
.lbnav-fixed {
	text-align: inherit;
	border-bottom: 1px solid rgba(0,0,0,0.46);
}
.p7LBNAV:after {
	content: "";
	display: table;
	clear: both;
}
.p7LBNAV.lbnav-centered {
	text-align: center;
}

.p7LBNAV.lbnav-right {
	text-align: right;
}
.p7LBNAV ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: bottom;
}
.p7LBNAV ul li {
	list-style-type: none;
	float: left;
	margin-right: 8px;
}
.p7LBNAV ul a {
	display: block;
	text-decoration: none;
}
.p7LBNAV.lbnav-buttonized ul ul a {
	background-color: transparent;
}
.p7LBNAV ul ul {
	margin: 0px;
	display: inline-block;
	padding: 0px;
	vertical-align: bottom;
}
/*Arrows*/
.p7LBNAV ul a.trig {
	background-repeat: no-repeat;
	background-position: left center;
}
.p7LBNAV ul a.trig:hover, .p7LBNAV ul a.open.trig {
	background-repeat: no-repeat;
	background-position: left center;
}
/*
 ROUNDED CORNERS 
 Comment out all rules in this section to remove rounded corners
*/
.p7LBNAV.lbnav-rounded .p7LBNAV-toolbar {
	border-radius: 4px 4px 0px 0px;
}
.p7LBNAV.lbnav-rounded ul a {
	border-radius: 3px;
}
.p7LBNAV.lbnav-rounded.lbnav-vertical ul a.open {
	border-radius: 4px 4px 0px 0px;
}
.p7LBNAV.lbnav-rounded ul ul {
	border-radius: 0px 0px 4px 4px;
}
.p7LBNAV.lbnav-rounded.lbnav-vertical ul ul a {
	border-radius: 0px;
}
.p7LBNAV.lbnav-rounded.lbnav-vertical ul ul li:last-child a {
	border-radius: 0px 0px 4px 4px;
}
.p7LBNAV.lbnav-rounded.lbnav-pop ul ul {
	border-radius: 0px 0px 4px 4px;
}
.p7LBNAV.lbnav-rounded.lbnav-pop ul ul a {
	border-radius: 0px;
}
.p7LBNAV.lbnav-rounded.lbnav-pop ul ul li:last-child a {
	border-radius: 0px 0px 4px 4px;
}

/*END MAIN EDITABLE STYLES*/





/*Smartphone Menu Presentation*/
@media only screen and (min-width: 0px) and (max-width: 700px) {

.p7LBNAV {
	padding: 0px;
	margin: 0px;
}
.p7LBNAV ul { 
	width: 100%; 
}
.p7LBNAV ul li {
	margin: 0px;
	padding: 0px;
}
.p7LBNAV ul,
.p7LBNAV ul ul {
	display: block;
	padding: 0px;
	margin: 0px;
}
.p7LBNAV ul li,
.p7LBNAV ul ul li {
	float: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
.p7LBNAV ul li a,
.p7LBNAV.lbnav-vertical ul li a {
	border: none;
	border-radius: 0px;
	padding: 8px 18px;
}
.p7LBNAV ul li:last-child a {
	border-bottom: none;
}
.p7LBNAV ul li a {
	color: #FFF;                     /*   #FFF   */
}
.p7LBNAV ul li a:hover {
	color: #FFF;                     /*   #FFF   */
}
.p7LBNAV ul li a.open:hover {
	color: #000;
}
.p7LBNAV ul ul li a {
	color: #FFF;                     /*   #AAA   */
}
.p7LBNAV ul ul li a:hover {
	color: #000;                     /*   #FFF   */
}
.p7LBNAV .lbnav-sub-wrapper {
	width: 100%;
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 0px;
}
/*Toolbar for Smartphones*/
.p7LBNAV .p7LBNAV-toolbar,
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar {
	position: relative;
	z-index: 901;
	display: block;
	background-color: #233565;          /*   #222   */
	text-align: left;
	padding: 6px;
	cursor: pointer;
}

.p7LBNAV ul.closed {
	display: none;
}
.p7LBNAV ul.opened {
	display: block;
}

.p7LBNAV .p7LBNAV-toolbar img,
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar img {
	border: none;
	padding-left: 16px;
}
.p7LBNAV .p7LBNAV-toolbar a,
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar a {
	color: #FFF;                         /*   #222   */
	text-transform: uppercase;
	background-color: transparent;
	border: none;
	text-decoration: none;
}

.p7LBNAV .p7LBNAV-toolbar a:after {
	margin-left: 10px;
}
.p7LBNAV .p7LBNAV-toolbar img,
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar img {
	opacity: .5;
}
.p7LBNAV .p7LBNAV-toolbar:hover img,
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar:hover img {
	opacity: 1;
}
.p7LBNAV .p7LBNAV-toolbar:hover a,
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar:hover a {
	color: #EEE;
}
.p7LBNAV .p7LBNAV-toolbar.closed img,
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar.closed img {
	opacity: 1;
}
.p7LBNAV .p7LBNAV-toolbar.closed:hover,
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar.closed:hover {
	background-color: #233565;               /*   #000   */
}
.p7LBNAV.lbnav-vertical .p7LBNAV-toolbar {
	margin-bottom: 6px;
}
.p7LBNAV.lbnav-vertical.lbnav-rounded .p7LBNAV-toolbar {
	border-radius: 4px;
}
.p7LBNAV.lbnav-pop.lbnav-rounded .p7LBNAV-toolbar {
	border-radius: 0px;
}
.p7LBNAV.lbnav-rounded.lbnav-pop ul a {
	border-radius: 0px 0px 0px 0px;
}
.p7LBNAV.lbnav-rounded.lbnav-pop ul ul {
	border-radius: 0px 0px 0px 0px;
}
.p7LBNAV.lbnav-rounded.lbnav-pop ul ul li:last-child a {
	border-radius: 0px 0px 0px 0px;
}
.p7LBNAV.lbnav-rounded.lbnav-vertical ul a {
	border-radius: 3px;
}
.p7LBNAV.lbnav-rounded.lbnav-vertical ul a.open {
	border-radius: 4px 4px 0px 0px;
}


.p7LBNAV.lbnav-fixed ul {position: relative; z-index: 9999;}

.p7LBNAV ul ul {position: relative;}

.p7LBNAV.lbnav-pop .lbnav-sub-wrapper {
	position: relative;
	top: auto;
}
.p7LBNAV.lbnav-pop {
	text-align: left;
}



.p7LBNAV.lbnav-fixed {max-height: 100% !important; overflow-y: auto;}

/*END MEDIA QUERY - DO NOT REMOVE CURLY BRACE BELOW*/
}

/*Smartphone All */
@media only screen and (max-device-width: 480px) {
	.p7LBNAV.lbnav-fixed {max-height: 100% !important; overflow-y: auto;}
}

/*Exception rules for Smartphones in Landscape orientation only*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
.p7LBNAV ul a {
	font-size: 80%;
	padding: .35em .75em;
}
.p7LBNAV ul ul a {
	font-size: 80%;
	padding: .3em 1em;
}
/*END MEDIA QUERY - DO NOT REMOVE CURLY BRACE BELOW*/
}
/* 
  -----------------------------------
  Image Rotator Magic
  by Project Seven Development
  www.projectseven.com
  Style Theme: 02 - Light Toolbar
  -----------------------------------
*/

.p7IRM02 .p7IRMlist {
	display:none;
}
.p7IRM02 {
	padding:0px;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
/*Full-Size Image Wrapper*/
.p7IRM02 .p7IRMdv {
	padding:0px;
	border: 0;
	position:relative;
	margin: 0;
	overflow: hidden;
}
.p7IRM02 .p7IRMowrapper {
	border: 0;
	padding: 0px;
}
.p7IRM02 .p7IRMlink {
	padding:0px;
	border:0;
	display:block;
}
.p7IRM02 .p7IRMimage {
	border:0;
	display: block;
}
.p7IRM02 .p7IRMdesc_wrapper {
	position:absolute;
	width:100%;
	bottom:0px;
	visibility:hidden;
	overflow:hidden;
}
.p7IRM02 .p7IRMdesc {
	color:#000;
	background-image: url(../images/img/p7IRMLight_transwhite.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 12px 36px 12px 24px;
	margin: 0;
}
.p7IRM02 .p7IRMdesc a {
	color: #000;
}
.p7IRM02 .p7IRMdesc a:hover {
	color: #03C;
}
.p7IRM02 .p7IRMwrapper img {
	border: 0;
}
.p7IRM02 .p7IRMwrapper p {
	margin: 6px 0;
}
.p7IRM02 .p7IRMdesc_close {
	text-align:right;
	border:0;
	margin: 0;
	position: absolute;
	top: 6px;
	right: 6px;
}
.p7IRM02 .p7IRMdesc_close a {
	display: block;
	background-image: url(../images/img/p7IRMLight_infohide.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	outline: 0;
}
.p7IRM02 .p7IRMdesc_close a:hover, .p7IRM02 .p7IRMdesc_close a:focus {
	background-position: 0px -12px;
}
.p7IRM02 .p7IRMdesc_open_wrapper {
	overflow:hidden;
	position:absolute;
	z-index:20;
	padding:0;
	margin:0;
	bottom:0px;
	visibility:hidden;
	right: 0px;
	height: 30px;
	width: 30px;
}
.p7IRM02 .p7IRMdesc_open a {
	display: block;
	background-image: url(../images/img/p7IRMLight_infoshow.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	outline: 0;
}
.p7IRM02 .p7IRMdesc_open a:hover, .p7IRM02 .p7IRMdesc_open a:focus {
	background-position: 0px -30px;
}
.p7IRM02 .p7IRMdesc_close a em, .p7IRM02 .p7IRMdesc_open a em {
	display: none;
}
.p7IRM02 .p7IRMTools {
	background-color: #FFF;
	overflow: hidden;
	zoom: 1;
	padding: 6px 0px;
}
.p7IRM02 .p7IRMTools ul {
	margin: 0 auto;
	padding: 0;
	width: 140px;
}
.p7IRM02 .p7IRMTools li {
	list-style-type: none;
	float: left;
}
.p7IRM02 .p7IRMTools img {
	border: 0;
}
.p7IRM02 .p7IRMTools em {
	display: none;
}
.p7IRM02 .p7IRMTools a {
	display: block;
	height: 17px;
	outline: 0;
}
.p7IRM02 .p7IRMTools_first a {
	background-image: url(../images/img/p7IRMLight_First.gif);
	background-repeat: no-repeat;
	width: 28px;
}
.p7IRM02 .p7IRMTools_prev a {
	background-image: url(../images/img/p7IRMLight_Prev.gif);
	background-repeat: no-repeat;
	width: 26px;
}
.p7IRM02 .p7IRMTools_play a {
	background-image: url(../images/img/p7IRMLight_Play.gif);
	background-repeat: no-repeat;
	width: 32px;
}
.p7IRM02 .p7IRMTools_play .pause {
	background-image: url(../images/img/p7IRMLight_Play.gif);
	background-repeat: repeat;
	background-position: 0px -34px;
	width: 32px;
}
.p7IRM02 .p7IRMTools_next a {
	background-image: url(../images/img/p7IRMLight_Next.gif);
	background-repeat: no-repeat;
	width: 26px;
}
.p7IRM02 .p7IRMTools_last a {
	background-image: url(../images/img/p7IRMLight_Last.gif);
	background-repeat: no-repeat;
	width: 28px;
}
.p7IRM02 .p7IRMTools a:hover, .p7IRM02 .p7IRMTools a:focus {
	background-position: 0px -17px;
}
.p7IRM02 .p7IRMTools .pause:hover, .p7IRM02 .p7IRMTools .pause:focus {
	background-position: 0px -51px;
}
.p7IRM02 .p7IRMTools a.off {
	background-position: 0px -34px;
	cursor: default;
}
.p7IRM02 .p7IRMpaginator {
	overflow: hidden;
	font-size: 11px;
	text-transform: uppercase;
	padding: 6px 0;
	display: none;
	text-align: center;
	background-color: #FFF;
}


.p7IRM02 .overlay {
	position: absolute;
	left: 0px;
	z-index: 999999;
	padding: 6px;
	width: 100%;
	background-image: url(../p7irm/img/p7IRMDark_transtotal.gif);
	background-color: transparent;
	text-align: left;
}

.p7IRM02 .above {
	top: 0px ;
	bottom: auto;
}

.p7IRM02 .tools_top {
	top: 27px;
	bottom: auto;
}
.p7IRM02 .below {
	top: auto;
	bottom: 0px;
}
.p7IRM02 .tools_bottom {
	top: auto;
	bottom: 27px;
}
.p7IRM02 .p7IRMpaginator ul {
	margin: 0px;
	padding: 0px;
}
.p7IRM02 .p7IRMpaginator li {
	list-style-type: none;
	margin-right: 1px;
	display: inline-block;
}
.p7IRM02 .p7IRMpaginator ul {
	margin: 0px;
	padding: 0px;
}
.p7IRM02 .p7IRMpaginator li {
	list-style-type: none;
	margin-right: 1px;
	display: inline-block;
}
.p7IRM02 .p7IRMpaginator a {
	color: #FFF;
	text-decoration: none;
	padding: 2px 1px;
	border: 1px solid #000;
	display: block;
	outline: 0;
	background-color: #FFF;
	width: 4px;
	overflow: hidden;
}
.p7IRM02 .p7IRMpaginator a:hover, .p7IRM02 .p7IRMpaginator a:focus {
	color: #000;
	background-color: #000;
	border-color: #000;
}
.p7IRM02 .p7IRMpaginator.overlay a:hover {
	border-color: #FFF;
}
.p7IRM02 .p7IRMpaginator a.down {
	color: #CCC;
	background-color: #CCC;
	border-color: #000;
	cursor: default;
}
.p7IRM02 .p7IRMpaginator .p7IRM_play a, .p7IRM02 .p7IRMpaginator .p7IRM_pause a {
	color: #000;
	text-align: center;
	padding: 2px 6px;
	width: auto;
}
.p7IRM02 .p7IRMpaginator .p7IRM_play a:hover,
.p7IRM02 .p7IRMpaginator .p7IRM_play a:focus,
.p7IRM02 .p7IRMpaginator .p7IRM_pause a:hover,
.p7IRM02 .p7IRMpaginator .p7IRM_pause a:focus{
	color: #CCC;
}
/*DO NOT EDIT*/
.p7IRM02 .p7IRMwrapper {
	position:relative;
	overflow: hidden;
	zoom: 1;
}
/*  ORIG
 ----------------------------- 
 PVII Overlay Menu Magic
 by Project Seven Development
 www.projectseven.com
 Theme 01: Light
 -----------------------------
*/

.p7OMM-01.p7OMM-overlay.transparency { background-color: rgba(35,53,101,0.8); }  /*  #233565 @  80%    */

.p7OMM-01 .p7OMM-box {
	color: #000;
	margin: 60px auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.p7OMM-01 .p7OMM-box.box-bg { background-color: #FFF; }
.p7OMM-01 .p7OMM-box.box-border { border: 1px solid #000; }
.p7OMM-01 .p7OMM-box.rounded { border-radius: 8px;}
.p7OMM-01 .p7OMM-box.shadow { box-shadow: 0px 0px 30px rgba(0,0,0,.9);}
.p7OMM-01 .p7OMM-box.rounded . { border-radius: 0px 0px 7px 7px;}

.p7OMM-trig p {
	margin: 0;
	padding: 0;
}

.p7OMM-trig p a {
	margin: 0px;
	padding: 10px 20px!important;
	display: block;
	color:#233565;
	font-size: 1.40em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:3px 3px 3px #CCC; 
	letter-spacing: normal;
	text-decoration:none;
    border:0;
	background-color: #FFF;
	background-image: url(../images/img/p7ap3Dot-dark-blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.p7OMM-trig a:hover {
	color: #233565;
	background-image: url(../images/img/p7ap3Box-dark-blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.p7OMM-trig p.smaller a {
	margin: 0px;
	padding: 5px 20px!important;
	display: block;
	color:#233565;
	font-size: 1.20em;
	font-family:Verdana, Geneva, sans-serif; /*   Arial, Helvetica, sans-serif;   */
	font-weight:bold;
	text-shadow:3px 3px 3px #CCC; 
	letter-spacing: normal;
	text-decoration:none;
    border:0;
	background-color: #FFF;
	background-image: url(../images/img/p7ap3Dot-dark-blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.p7OMM-trig p.smaller a:hover {
	color: #233565;
	background-image: url(../images/img/p7ap3Box-dark-blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*  Hopefully removes previous styles for p from parent elements   */
.p7OMM-trig p.default {
	margin: 0 0 0 12px!important;
	padding:8px 0 0 0!important;
	color:#233565!important;
	font-size:1.10em!important;
	font-family:Arial, Helvetica, sans-serif!important;  
	font-weight:normal!important;
	text-shadow:none!important;
	letter-spacing: normal!important;
	background-color:transparent!important;
	background-image:none!important;
}

.p7OMM-trig .default a {
	display:inline!important;
	margin: 0 0 0 0px!important;
	padding:8px 0 0 0!important;
	color:#A11E23!important;
	font-size:1.10em!important;
	font-family:Arial, Helvetica, sans-serif!important;  
	font-weight:bold!important;
    text-decoration:underline;
	text-shadow:none!important;
	letter-spacing: normal!important;
	background-color:transparent!important;
	background-image:none!important;
}

.p7OMM-trig .default a:hover {
	color:#B0923E!important;
	font-weight:bold!important;
    text-decoration:underline;
}

.p7OMM-trig .smallerCtr a  {
	display:inline!important;
	margin: 4px auto 1px auto!important;
	padding:0!important;
	color:#A11E23!important;
	font-size:1.00em!important;
	font-family:Arial, Helvetica, sans-serif!important;  
	font-weight:normal!important;
    line-height:1.40em;
    text-align:center;
    text-decoration:none;
	text-shadow:none!important;
	letter-spacing: normal!important;
	background-color:transparent!important;
	background-image:none!important;
}

.p7OMM-trig .smallerCtr a:hover {
	color:#B0923E!important;
	font-weight:normal!important;
    text-decoration:underline;
}


.p7OMM-trig ul .p7OMM-trig ol {
	padding: 0!important;
	display:block;
}
.p7OMM-trig li { 
	margin: 0 25px 10px 0px!important;
	padding:0 0 0 0!important;
}


    section#contentBottom ul.indentBlock3, ol.indentBlock3  { margin:0px 50px 10px 35px; padding:0; display:block; list-style-image:none;  }
    section#contentBottom li.indentBlock3 { margin:0; padding:0 0 5px 0; font:normal 1.40em/1.40em Arial, Helvetica, sans-serif; z-index:50000;    } 
    section#contentBottom li.indentBlock3 a, section#contentBottom li.indentBlock3 a:link, section#contentBottom li.indentBlock3 a:visited  { color:#A11E23; font-weight:bold; text-decoration:underline; }
    section#contentBottom li.indentBlock3 a:active, section#contentBottom li.indentBlock3 a:hover { color:#B0923E; text-decoration:none; }  
    



.p7OMM-trig p.video a {
	margin: 0px!important;
	padding:0!important;
	color:#233565;
	font-size:1.00em;
	font-family:Arial, Helvetica, sans-serif;  
	font-weight:normal;
	text-shadow:none;
	letter-spacing: normal;
	background-color: #FFF;
	text-decoration:underline;
	border:0;
	background-image:none;
}
.p7OMM-trig p.video a:hover {
	color: #A11E23!important;
	text-decoration:none;
	background-image:none;
}

.p7OMM.p7OMM-01 .no-tabs .p7OMM-close {
	color: #CCD4ED;
}
.p7OMM .no-tabs .p7OMM-close {
	position: static;
	background-color: #233565;
	display: block;
	text-align: right;
	padding-right: 8px;
	padding-bottom: 4px;
}
.p7OMM .rounded.no-tabs .p7OMM-close {
	border-radius: 0px 0px 0px 0px;
}

.p7OMM-box.rounded .p7OMM-tabs {
	border-radius: 7px 7px 0px 0px;
}
.p7OMM-box.rounded.no-bg .p7OMM-tabs {
	border-radius: 7px 7px 7px 7px;
}
.p7OMM-box.no-tabs .p7OMM-tabs {
	display: none;
}
.p7OMM-01 .p7OMM-tabs { text-align: center; }
.p7OMM-01 .p7OMM-tabs:after {
	content: "\0020";
	clear: both;
	font-size: 0px;
	line-height: 0;
	display: block;
	height: 0px;
}
.p7OMM-01 .p7OMM-tabs ul {
	margin: 0px;
	display: inline-block;
}
.p7OMM-01 .p7OMM-tabs li {
	list-style-type: none;
	float: left;
	padding: 12px;
}
.p7OMM-01 .p7OMM-tabs li a {
	display: block;
	padding: 4px 0px;
	color: #CCD4ED;
	text-decoration: none;
	border-bottom: 1px solid;
	border-color: rgba(255,255,255,0);
	text-transform: uppercase;
}
.p7OMM-01 .p7OMM-tabs li a:hover { color: #000; }  

.p7OMM-01 .p7OMM-tabs li a.open {
	color: #000;
	border-color: #000;
}
.p7OMM-01 .p7OMM-tabs li a.current_mark {
	color: #233565;
	border-color: #000;
}

.p7OMM-box.bw100 { width: 100%}
.p7OMM-box.bw90 { width: 90%;}
.p7OMM-box.bw80 { width: 80%;}
.p7OMM-box.bw70 { width: 70%;}
.p7OMM-box.bw60 { width: 60%;}
.p7OMM-box.bw50 { width: 50%;}

.p7OMM-01 . { }

.p7OMM-column.w10 { width: 10%; }
.p7OMM-column.w15 { width: 15%; }
.p7OMM-column.w20 { width: 20%; }
.p7OMM-column.w25 { width: 25%; }
.p7OMM-column.w33 { width: 33.3333%; }
.p7OMM-column.w35 { width: 35%; }
.p7OMM-column.w40 { width: 40%; }
.p7OMM-column.w50 { width: 50%; }
.p7OMM-column.w60 { width: 60%; }
.p7OMM-column.w65 { width: 65%; }
.p7OMM-column.w70 { width: 70%; }
.p7OMM-column.w75 { width: 75%; }
.p7OMM-column.w80 { width: 80%; }
.p7OMM-column.w85 { width: 85%; }
.p7OMM-column.w90 { width: 90%; }
.p7OMM-column.w100 { width: 100%; }

.p7OMM-column.w10,
.p7OMM-column.w15,
.p7OMM-column.w20,
.p7OMM-column.w25 { word-break: break-all; }


.p7OMM-row {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: -15px;
	border-spacing: 15px;
}
.p7OMM-row:first-child {
	margin-top: 0px;
}

.p7OMM-row .p7OMM-column  { 
	float: none;
	display: table-cell;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	padding: 0em 1.5em;
}

.p7OMM-row.boxed {
	border-collapse: separate;
}
.p7OMM-01 .p7OMM-row.boxed .p7OMM-column {
	border: 1px solid;
	border-color: rgba(0,0,0,.35);
	padding: 1em 1.5em;
}
.v-border { border-right: 1px solid;}

.p7OMM-01.p7OMM-01 .p7OMM-row.rounded.boxed .p7OMM-column {border-radius: 5px;}

.p7OMM-column p  { 
	margin:10px 0;
	padding: 3px 0;
	display: block;
	color:#233565;
	font-size: 1.00em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	line-height:1.30em;
}
 .p7OMM-column li {
	margin:0;
	padding:0 0 6px 0;
	color:#233565;
	font-size: 1.00em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	line-height:1.30em;
 }

.p7OMM-01 .p7OMM-column.w100 {
	display: block;
}
.p7OMM-01 .p7OMM-column img {
	height: auto;
	width: 100%;
}

.p7OMM-01 a.current_mark { font-weight: bold; }

.p7OMM-01 .p7OMM-row.h-list {
	display: block;
} 
.p7OMM-01 .p7OMM-row.h-list .p7OMM-column.w100 { 
	padding: .15em 1.5em;
	text-align: center;
}
.p7OMM-01 .p7OMM-row.h-list .p7OMM-column.w100 ul { 
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
.p7OMM-01 .p7OMM-row.h-list .p7OMM-column.w100 li { 
	display: inline-block;
	list-style-type: none;
}
.p7OMM-01 .p7OMM-row.h-list .p7OMM-column.w100 li a {
	display: block;
	color: #555;
	padding: .25em .5em;
	text-decoration: none;
	border-bottom: 1px solid;
	border-color: transparent;
}
.p7OMM-01 .p7OMM-row.h-list .p7OMM-column.w100 li a:hover {
	color: #000;
	border-color: #000;
}




/* iFrame Video rules */
.video-wrapper { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 9px; 
	height: 0px; 
	overflow: hidden; 
}
.video-wrapper iframe, 
.video-wrapper object, 
.video-wrapper embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%;
	height: 100%; 
}

/*NOSCRIPT Rules. For DESIGN VIEW FLAWS*/

.p7OMMnoscript .p7OMM-close {
	display: none !important;
}
.p7OMMnoscript .p7OMM-row {
	overflow: hidden;
}




/*NOSCRIPT Rules. For DESIGN VIEW FLAWS*/
.p7OMM-01.p7OMMnoscript .p7OMM-box {
	max-width: none;
	background-color: #FFF;
	width: auto;
}
.p7OMM-01.p7OMMnoscript .p7OMM-column {
	float: left;
	padding: 0px;
	border: none !important;
}
.p7OMM-01.p7OMMnoscript p {
	padding: 0px 20px;
}
.p7OMM-01.p7OMMnoscript .p7OMM-row {
	clear: both;
	border: 1px solid #000;
}
.p7OMM-01.p7OMMnoscript .p7OMM-column.w100 { width: 100%; }


/*CLOSE BUTTON*/
.p7OMM-01 .p7OMM-close {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: auto;
	right: 10px;
	color: #000000;
	text-decoration: none;
	font-size: 120%;
	opacity: 1;
}
.p7OMM-01 .p7OMM-close:hover { opacity: 1; }


@media only screen and (min-width: 0px) and (max-width: 700px) {
.p7OMM-01.responsive .p7OMM-tabs { padding: 0em 0em; }
.p7OMM-01.responsive .p7OMM-tabs ul {
	display: block;
	padding: 0px;
	margin: 0px;
}
.p7OMM-01.responsive .rounded { border-radius: 7px !important;}
.p7OMM-01.responsive .p7OMM-tabs li {
	float: none;
	padding: 0px;
}
.p7OMM-01.responsive .p7OMM-tabs li a {
	padding: .25em 1em;
	border-top: 1px solid #EEE !important;
	border-bottom: 1px solid #CCC !important;
}

.p7OMM-01.responsive .p7OMM-row.h-list .p7OMM-column.w100,
.p7OMM-01.responsive .p7OMM-tabs {
	text-align: left;
}
.p7OMM-01.responsive .p7OMM-row.h-list .p7OMM-column.w100 ul,
.p7OMM-01.responsive .p7OMM-row.h-list .p7OMM-column.w100 li { 
	display: block;
}

.p7OMM-01.responsive .p7OMM-tabs li a,
.p7OMM-01.responsive .p7OMM-row.h-list .p7OMM-column.w100 li {
	background-color: #E2E2E2;
}

.p7OMM-01.responsive .p7OMM-row,
.p7OMM-01.responsive .p7OMM-column { 
	display: block;
	width: auto;
	border: none !important;

}
.p7OMM-01.responsive .p7OMM-column {
	width: auto !important;
	display: block;
	margin: 0em 1.00em;
}

.p7OMM-01.responsive .p7OMM-close {
	background-color: #233565;
	top: -1.6em;
	right: 0px;
	padding: .1em .5em;
	border-radius: 7px;
	color: #CCD4ED;
}
.p7OMM-01.responsive .p7OMM-close:hover { 
	opacity: 1; 
}
.p7OMM-01.responsive .p7OMM-box {
	width:96%;
	border:1px solid #000!important;
}
/*Close Media Query*/
}
/* 
  -----------------------------------
  Quick Columns
  by Project Seven Development
  www.projectseven.com
  -----------------------------------
*/

/*The container for each column structure. Before and After pseudoclasses used to clear the floats.*/
.p7QC {
	zoom: 1;
}
.p7QC::before,
.p7QC::after {
	content: " ";  
	display: block;
	height: 0;
	overflow: hidden;
} 
.p7QC::after {
	clear: both;
} 
/*All Columns are floated left.*/
.p7QC-Col {
    float: left;
	margin-left: 0;
}

/*The Base Widths for each column in the available structures.*/
.p7QC .percent15 {width: 15%;}
.p7QC .percent166 {width: 16.666%;}
.p7QC .percent20 {width: 20%;}
.p7QC .percent25 {width: 25%;}
.p7QC .percent333 {width: 33.333%;}
.p7QC .percent40 {width: 40%;}
.p7QC .percent50 {width: 50%;}
.p7QC .percent60 {width: 60%;}
.p7QC .percent70 {width: 70%;}
.p7QC .percent75 {width: 75%;}

/*Default padding for the content inside all columns*/
.p7QC-content {padding: 5px 5px 5px 5px;}
.p7QC-content  p.small { margin:0; padding:0px 0 8px 0; color:#233565; font-weight:normal; font-size:0.90em; line-height:1.50em; font-family:Arial, Helvetica, sans-serif;   }
.p7QC-content  p.smaller { margin:4px 0 2px 0; padding:0; color:#233565; font-weight:normal; font-size:0.80em; line-height:1.20em; font-family:Arial, Helvetica, sans-serif;   }
.p7QC-content  p.smallerCtr { margin:4px auto 1px auto; padding:0; color:#233565; font-weight:normal; font-size:0.80em; line-height:1.20em; font-family:Arial, Helvetica, sans-serif; text-align:center;  }

/*Default for staff page columns*/
.p7QC-content.center  { margin:0 auto; text-align:center;   }

.p7QC-content-bullets  { margin:12px 4px 15px 4px;  }
.p7QC-content-bullets  p { margin:0; padding:10px 0px 3px 0px; color:#233565; font-weight:normal; font-size:1.00em; line-height:1.40em; font-family:Arial, Helvetica, sans-serif;   }
.p7QC-content-bullets  p.topcenter  { font-size:0.75em; text-align:center;  }
.p7QC-content-bullets  p.small { margin:0; padding:0px 0 8px 0; color:#233565; font-weight:normal; font-size:0.90em; line-height:1.50em; font-family:Arial, Helvetica, sans-serif;   }
.p7QC-content-bullets  a, .p7QC-content-bullets a:link, .p7QC-content-bullets a:visited { color:#A11E23; font-weight:normal; text-decoration:none; border:none; }
.p7QC-content-bullets  a:active, .p7QC-content-bullets  a:hover { color:#D2BD81; text-decoration:underline; }
.p7QC-content-bullets  ul, .p7QC-content-bullets ol { margin:0 0 0 20px; padding:0; display:block;  }
.p7QC-content-bullets  ul li { margin:0; padding:0px 0; font-weight:normal; font-size:1.00em;line-height:1.40em; font-family: Arial, Helvetica, sans-serif;   } 
.p7QC-content-bullets  ol li { margin:0; padding:0px 0; font-weight:normal; font-size:1.00em;line-height:1.40em; font-family: Arial, Helvetica, sans-serif;   } 
.p7QC-content-bullets  ul li.small { margin:0 0 0 8px; padding:0px 8px 8px 0px; font-weight:normal; font-size:0.90em;line-height:1.40em; font-family: Arial, Helvetica, sans-serif;   } 
.p7QC-content-bullets  ol li.small { margin:0 0 0 8px; padding:0px 8px 8px 0px; font-weight:normal; font-size:0.90em;line-height:1.40em; font-family: Arial, Helvetica, sans-serif;   } 

.p7QC-content-border {padding: 5px 20px 5px 5px; border-right:1px solid #233565; border-bottom:1px solid #233565; }
.p7QC-content-border  p.small { margin:0; padding:0px 0 8px 0; color:#233565; font-weight:normal; font-size:0.90em; line-height:1.50em; font-family:Arial, Helvetica, sans-serif;   }
.p7QC-content-border  p.smaller { margin:4px 0 1px 0; padding:0; color:#233565; font-weight:normal; font-size:0.80em; line-height:1.20em; font-family:Arial, Helvetica, sans-serif;   }
.p7QC-content-border  p.smallerCtr { margin:4px auto 1px auto; padding:0; color:#233565; font-weight:normal; font-size:0.80em; line-height:1.20em; font-family:Arial, Helvetica, sans-serif; text-align:center;  }

.p7QC-content-bottom  { margin:12px 0px 15px 0;  }
.p7QC-content-bottom p { margin:0; padding:10px 0px 3px 0px; color:#233565; font-weight:normal; font-size:0.90em; line-height:1.40em; font-family:Arial, Helvetica, sans-serif;   }
.p7QC-content-bottom p.topcenter  { font-size:0.75em; text-align:center;  }
.p7QC-content-bottom a, .p7QC-content-bottom a:link, .p7QC-content-bottom a:visited { color:#A11E23; font-weight:normal; text-decoration:none; border:none; }
.p7QC-content-bottom a:active, .p7QC-content-bottom a:hover { color:#D2BD81; text-decoration:underline; }
.p7QC-content-bottom img  { margin:12px auto 0 auto; text-align:center; height: auto !important; width: auto !important; max-width: 100%; border-radius: 5px;  }

.p7QC-content-right {padding: 5px 5px 5px 20px; width:188px; }
.p7QC-content-right p:first-child {	margin-top:0px!important; padding-top:0!important; }
.p7QC-content-right p.narrow { margin:0; padding:10px 0px 3px 0px; color:#233565; font-weight:normal; font-size:0.90em; line-height:1.40em; font-family:Arial, Helvetica, sans-serif;  }
.p7QC-content-right  p.small { margin:0; padding:0px 0 8px 0; color:#233565; font-weight:normal; font-size:0.90em; line-height:1.50em; font-family:Arial, Helvetica, sans-serif;   }
.p7QC-content-right  p.smaller { margin:4px 0 1px 0; padding:0; color:#233565; font-weight:normal; font-size:0.80em; line-height:1.20em; font-family:Arial, Helvetica, sans-serif;   }
.p7QC-content-right  p.smallerCtr { margin:4px auto 1px auto; padding:0; color:#233565; font-weight:normal; font-size:0.80em; line-height:1.20em; font-family:Arial, Helvetica, sans-serif; text-align:center;  }
.p7QC-content-right  a, .p7QC-content-right  a:link, .p7QC-content-right  a:visited { color:#A11E23; font-weight:normal; text-decoration:none; border:none; }
.p7QC-content-right  a:active, .p7QC-content-right  a:hover, .p7QC-content-right  a:focus { color:#D2BD81; text-decoration:underline; }
.p7QC-content-right  ul, .p7QC-content-right ol { margin:0 0 0 20px; padding:0; display:block;  }
.p7QC-content-right  ul li { margin:0; padding:0px 0; font-weight:normal; font-size:0.95em; line-height:1.50em; font-family:Arial, Helvetica, sans-serif   } 
.p7QC-content-right  ol li { margin:0; padding:0px 0; font-weight:normal; font-size:0.95em; line-height:1.50em; font-family:Arial, Helvetica, sans-serif  } 

.p7QC-content-right-border {padding: 5px 5px 5px 20px; border-left:1px solid #233565; border-bottom:1px solid #233565; }  /* Places a border on the left of the right-side col */
.p7QC-content-right-border p:first-child {	margin-top:0px!important; padding-top:0!important; }
.p7QC-content-right-border p.narrow { margin:0; padding:10px 0px 3px 0px; color:#233565; font-weight:normal; font-size:0.90em; line-height:1.40em; font-family:Arial, Helvetica, sans-serif;  }
.p7QC-content-right-border  ul, .p7QC-content-right-border ol { margin:10px 0 10px 20px!important; padding:0; display:block;  }
.p7QC-content-right-border  ul li { margin:0; padding:0px 0 4px 0!important; font-weight:normal; font-size:0.95em; line-height:1.60em; font-family:Arial, Helvetica, sans-serif   } 
.p7QC-content-right-border  ol li { margin:0; padding:0px 0 4px 0!important; font-weight:normal; font-size:0.95em; line-height:1.60em; font-family:Arial, Helvetica, sans-serif  } 

.p7QC-content-left {padding: 5px 5px 5px 5px; width:188px; }
.p7QC-content-left p:first-child {	margin-top:0px!important; padding-top:0!important; }
.p7QC-content-left p.narrow { margin:0; padding:10px 0px 3px 0px; color:#233565; font-weight:normal; font-size:0.90em; line-height:1.40em; font-family:Arial, Helvetica, sans-serif;  }
.p7QC-content-left  ul, .p7QC-content-left ol { margin:0 20px 0 0; padding:0; display:block;  }
.p7QC-content-left  ul li { margin:0; padding:0px 0; font-weight:normal; font-size:0.95em; line-height:1.50em; font-family:Arial, Helvetica, sans-serif   } 
.p7QC-content-left  ol li { margin:0; padding:0px 0; font-weight:normal; font-size:0.95em; line-height:1.50em; font-family:Arial, Helvetica, sans-serif  } 

.p7QC-content-left-border {padding: 5px 5px 5px 5px; border-left:1px solid #233565; border-bottom:1px solid #233565; }  /* Places a border on the left of the right-side col */
.p7QC-content-left-border p:first-child {	margin-top:0px!important; padding-top:0!important; }

/* These styles are strictly used for the Pricing Page   */
/*  Used to alternate row colors  */
.p7QC .grey {
    background-color:#E1E1E1;
}

/*Width recalculations for columns when they are boxed. 
Since boxed columns have a space between them assigned via right margin, 
we need to reduce the width of each column accordingly*/
.p7QC .percent15.boxed {width: 15%;}
.p7QC .percent166.boxed {width: 16.666%;}
.p7QC .percent20.boxed {width: 18.4%;}
.p7QC .percent25.boxed {width: 23.5%;}
.p7QC .percent333.boxed {width: 32%;}
.p7QC .percent40.boxed {width: 38%;}
.p7QC .percent50.boxed {width: 49%;}
.p7QC .percent70.boxed {width: 70%;}
.p7QC .percent75.boxed {width: 75%;}

/*Using margin to separate the columns when the boxed option is chosen*/
.p7QC-Col.boxed.spacer {margin-left: 2%;}

/*Assigning logical borders to render dividers between columns*/
.p7QC-content.border-left {border-left: 1px solid #000;}

/*Boxed columns get borders all the way around*/
.p7QC .p7QC-content.boxed {border: 1px solid #000;}

/*Utility Rules*/
/*Make images scalable*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
/*Sample Rule to set background color, radius, and shadow*/
.prettify-sample-orange {
	background-color: #FF5328;
	border-radius: 5px;
	color: #FFF;
	box-shadow: 0px 0px 30px #000;
}
.prettify-sample-blue {
	background-color: #567DA9;
	border-radius: 5px;
	color: #FFF;
	box-shadow: 0px 0px 30px #000;
}
.prettify-sample-white {
	background-color: #FFF;
	border-radius: 5px;
	color: #000;
}
.prettify-sample-keylined {
	border: 1px solid #000;
}
.prettify-sample-wrapper {
	background-color: #333;
	padding: 20px;
	border-radius: 5px;
	color: #FFF;
	box-shadow: 0px 0px 30px #000;
}
/*MEDIA QUERIES*/
/*
For media queries to work correctly in 
mobile devices, you must add this viewport meta tag to your page:
<meta name="viewport" content="width=device-width">
(place the query in the head region)
*/

/*SMARTPHONE AND NARROW WINDOWS (LESS THAN 700PX WIDE)*/
/*Smartphones ONLY*/
@media only screen and (max-device-width: 480px) 
{

/*    
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
width: 21px!important;   
margin-left:1px;
font-size:0.50em!important;  
}
*/

/*  CHATLIO  4-27-2020  !important; tag removed from width and font-size below  */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
width: 60px;
margin-left:1px;
font-size:0.80em;  
}

.p7QC-content  p.small { padding:0px 0 5px 0; font-size:0.70em; line-height:1.20em;   }
.p7QC-content  p.smaller { margin:3px 0 1px 0; font-size:0.60em; line-height:1.10em; }
.p7QC-content  p.smallerCtr { margin:3px auto 1px auto; font-size:0.60em; line-height:1.10em;  }


}  /*  Do NOT remove this bracket!  */

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .p7QC-content {
        padding: .10em 1.5em;
        border: none !important;
        height: auto !important;
        max-height: 888678px;
    }

aside.p7QC-Col, aside.p7QC-2col-2, aside.percent25  
{
    display:none;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
width: 60px!important;
margin-left:1px;
font-size:0.80em!important;  
}
      
.p7QC-content  p.small { padding:0px 0 5px 0; font-size:0.80em!important; line-height:1.20em;   }
.p7QC-content  p.smaller { margin:3px 0 1px 0; font-size:0.70em!important; line-height:1.10em; }
.p7QC-content  p.smallerCtr { margin:3px auto 1px auto; font-size:0.70em!important; line-height:1.10em;  }
    
}  /*  Do NOT remove this bracket!  */


/*Portrait Tablet ONLY. Use this query to add rules for tablets in Prtrait orientation.
Landscape tablets should get a normal and unaltered display.*/
@media only screen and (min-device-width : 769px) and (max-device-width : 1024px) and (orientation : portrait) 
{
    .p7QC-content {
        padding: .10em 1.5em;
        border: none !important;
        height: auto !important;
        max-height: 888678px;
    }  

aside.p7QC-Col, aside.p7QC-2col-2, aside.percent25  
{
    display:none;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
width: 60px!important;   /*  85%   */
margin-left:1px;
font-size:0.80em!important;  
}
      
.p7QC-content  p.small { padding:0px 0 5px 0; font-size:0.80em!important; line-height:1.20em;   }
.p7QC-content  p.smaller { margin:3px 0 1px 0; font-size:0.70em!important; line-height:1.20em; }
.p7QC-content  p.smallerCtr { margin:3px auto 1px auto; font-size:0.70em!important; line-height:1.20em;  }
    
}  /*  Do NOT remove this bracket!  */

/* CSS Document */
/* New Style List from DW: 06-01-2011 */

html, body { margin:0; padding:0; color:#000; }

#pricingForm { position:absolute; left:20; top:10; margin:0 0 20px 20px; padding:0; width:680px; box-sizing: border-box; }

.blueRule { margin:1px 20px; height:1px; _font-size:0px; background:#233565;  }
div.clear {clear:both; }

.pricingTable { margin:0; padding:0; table-layout:fixed; width:680px!important; min-width:680px; font:normal 12pt/14pt 'Trebuchet MS', Arial, Helvetica, sans-serif; border:0;  }

.headerTable { margin:10px auto; width:100%;  }
.headerTable p { margin:0; padding:0; color:#000; font:normal 9pt/9pt 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height:9pt;  }
.headerTable td.address { padding:0 0 10px 0;  }
.pricingTable h1 { margin:20px auto 0 auto; padding:0; color:#000; font:normal 12pt/14pt 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase;  }

.dataTable { margin:0; width:100%; border-right:1px solid #000; border-left:1px solid #000;   }
.dataTable tr.odd  { background:#FFF!important; }
.dataTable tr.even  { background:#F1F1F1!important;  }
.dataTable th  { margin:0; padding:2px 0; font-size:10pt; border-bottom:1px solid #233565; border-top:1px solid #233656; background:#CCC;  }
.dataTable td.normal { margin:0; padding:4px 6px 6px 6px; display:inline-block; width:580px; color:#000; font:normal 11pt/12pt Georgia, "Times New Roman", Times, serif; border-right:1px solid #000; border-left:0;   }
.dataTable td.right { margin:0; padding:4px 6px 6px 6px; color:#000; font:normal 11pt/12pt Georgia, "Times New Roman", Times, serif; border-right:0!important; border-left:0;    }
.dataTable td.bottomBorder { border-bottom:1px solid #000;    }

.dataTable h1 { margin:0; padding:0px 0 4px 0; color:#000; font:bold 12pt 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase;  }
.dataTable h2 { margin:0; padding:4px 0; color:#000; font:bold 10pt 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:left; text-transform:none;  }

.dataTable td.summary { margin:0; padding:4px 6px 6px 6px; color:#000; font:normal 11pt/12pt Georgia, "Times New Roman", Times, serif; border-right:0; border-left:0;   }

.dataTable2 { margin:0; padding:0 10px; width:100%; border-right:0px solid #000; border-left:0px solid #000;   }
.dataTable2 td.total { margin:0; padding:4px 6px 6px 6px; width:400px; color:#000; font:normal 11pt/12pt Georgia, "Times New Roman", Times, serif; border-right:0; border-left:0;   }
.dataTable2 td.numbers { margin:0; padding:4px 6px 6px 6px; width:200px; color:#000; font:normal 11pt/12pt Georgia, "Times New Roman", Times, serif; border-right:0!important; border-left:0;    }