@import "css/bootstrap.css";
@import "css/bootstrap-responsive.css";
@import "https://fonts.googleapis.com/css2?family=Assistant&family=Poppins:wght@600&display=swap";

/* Global */

:root {
	/* Named Colors */

	--tsica-color-primary-light-blue: rgb(67, 150, 246);
	--tsica-color-primary-light-blue-translucent: rgba(67, 150, 246, 0.9);

	--tsica-color-primary-dark-blue: rgb(1, 30, 65);

	--tsica-color-secondary-dark-violet: rgb(37, 39, 77);
	--tsica-color-secondary-light-violet: rgb(170, 171,184);
	--tsica-color-secondary-medium-violet: rgb(70, 72, 102);

	/* Functional Colors */

	--tsica-color-primary-accent: var(--tsica-color-primary-light-blue);
	--tsica-color-primary-accent-translucent: var(--tsica-color-primary-light-blue-translucent);

	--tsica-color-hyperlinks: var(--tsica-color-primary-accent);

	--tsica-color-secondary-accent: var(--tsica-color-secondary-medium-violet);

	/* Fonts */

	--tsica-font-family-headlines: Poppins;
	--tsica-font-family-body-copy: Assistant, sans-serif;

}

body, p {
	font-family: var(--tsica-font-family-body-copy);
}

h1{
    font-size: 65px; 
    font-family: var(--tsica-font-family-headlines);
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.05em;
    letter-spacing: 4px;
    color: #464866;
}
h2{
    font-size: 4.5rem;
}
h3{
    font-size: 54px;
    font-family: var(--tsica-font-family-headlines);
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 4px;
    color: #464866;
}
h4{
    font-family: var(--tsica-font-family-headlines);
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 4px;
    text-decoration: solid underline 6px;
    color: #464866;
}
h5{
    font-size: 24px;
    font-family: var(--tsica-font-family-headlines);
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: .1em;
    color: #29648A;
}
h6{
    font-size: 22px;
    font-family: var(--tsica-font-family-headlines);
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: .1em;
    color: #464866;
}
body, p {
    font-size: 16px;
    font-family: var(--tsica-font-family-body-copy);
    font-weight: 300;
    line-height: 1.6em; 
    letter-spacing: .1em;
}

/* Controls margins between elements in Bootstrap spans. Do not use on Bootstrap <row> or <span> directly
   because it won't work; place it on an inner <div> instead. */
.EosMarginArea
{
  margin-left: 32px;
  margin-right: 32px;
}

/*To Hide Fifth menu item*/
/* #canvas ul.nav > li:nth-child(5)
{ margin: 0; display: none; } */
/*End of Hiding Fifth menu item*/

/*Replaces above 'Hide' Code. Now no Page5 Placeholder is needed.
Below code alway float last menu item (Contact) to the right no matter
how may items are in the contact bar. Also allows for a true 5th space item if needed.*/
/* Float Contact Button to right */
ul.nav > li.span2:last-child {
float: right;
margin: 0;
margin-top: right;
width: 163px;
}
/*End Float Contact Button to right */

/* BEGIN: DNN7 fixes */

h1
{
   line-height: 1.1em;
}

a:visited
{
   color: var(--tsica-color-primary-accent);
   text-decoration: none;
}

/* DotNetNuke 7: stop fading on hover in edit mode */
.dnnEditState .DnnModule { opacity: 1.0; }

/* END: DNN7 fixes */

.DynamicForms_Maintable
{
font: 12px/17px var(--tsica-font-family-body-copy);
color: rgb(70, 70, 70);
background: none repeat scroll 0% 0% rgb(247, 247, 247);
padding: 30px 10px;
}

.NormalBold
{
font-size: inherit;
font-weight: inherit;
}

.red
{
color: var(--tsica-color-primary-accent);
}

input[type="text"].NormalTextBox
{
border-radius: 0;
}

select.NormalTextBox
{
border-radius: 0;
}

textarea.NormalTextBox
{
border-radius: 0;
}

/* Default height of 20px is too small for DNN */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{
    height: auto;
}

.TopLinks a.separator
{
    border-left: 1px solid rgb(147, 147, 147);
    padding-left: 0.5em;
    padding-right: 0.4em;
}

.TopLinks a.separator:first-child
{
    border:none;
    padding-left: 0;
}

.TopLinks a.separator:last-child
{
    padding-right: 0;
}

.arrow
{
font-size: 50%;
color: var(--tsica-color-secondary-accent);
}

.ie_fix .arrow
{
font-family: Lucida Sans Unicode, Arial Unicode MS, Arial !important;
font-size: 90% !important;
}

.Skin_EOS2014_HomeFullWidthFullImage #footer {
padding-top: 13em;
}

/* START: Former Container.css rules */

.plain {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: none;
  border: none;
}

.contactbox
{
  min-height: 20px;
  margin-bottom: 20px;
  background-color: rgba(250, 250, 250, 0.9) !important;
  border: none;
  position: absolute !important;
  z-index: 3 !important;
  width: 163px;
}

.ie_fix .contactbox {
position: static !important;
z-index: auto !important;
}

.eossidebar
{
  background-color: transparent;
  padding-bottom: 30px;
  font: 12px/17px var(--tsica-font-family-body-copy);
  color: rgb(70, 70, 70);
}

.eosNews
{
  background-color: transparent;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-top: 30px;
  font: 12px/17px var(--tsica-font-family-body-copy);
  color: rgb(70, 70, 70);
  min-height: 120px;
}

/* END: Former Container.css rules */


/* Start of Homepage Contact Options */

#eosContactOptions
{
clear: both;
}

.contactoption
{
float: left;
padding: 40px 0px 30px;
text-align: center;
border: 1px solid #d7d7d7;
margin-left: -1px;
background-color: #fbfbfb;
margin:30px 0px;
}

.contactoption .hover
{
display: none;
}

.contactoption:hover .default
{
display: none;
}

.contactoption:hover .hover
{
display: inline-block;
}

.optionimage
{
min-height: 180px;
}

.optiontitle
{
font-size: 16px;
font-weight: bold;
color: #58585a;
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
max-width: 90%;
margin: 0 auto;
}

.contactoption  .optiontitle > span{
font-weight: normal;
display: block;
font-size:12px;
margin-top: 15px;
display: none;
}

.contactoption:hover  .optiontitle > span{
display: block;
}

.option1 .optionimage img
{
position: relative;
}

.option3 .optionimage img
{
position: relative;
}

.contactoption.count3
{
width: 33%
}

.contactoption.count3 .optiontitle
{
min-height:49px
}

.contactoption.count4
{
width: 25%
}

.contactoption.count4 .optiontitle
{
min-height:49px
}

.contactoption.count5
{
width: 20%
}

.contactoption.count5 .optionimage
{
min-height: 130px;
}

.contactoption.count5 .optionimage img
{
width: 50%;
}

.contactoption.count5 .optiontitle
{
min-height:49px
}

.contactoption.count6
{
width: 16.66%
}

.contactoption.count6 .optionimage
{
min-height: 120px;
}

.contactoption.count6 .optionimage img
{
width: 77px;
}

.contactoption.count6 .optiontitle
{
min-height: 49px;
}

.contactoption.count7
{
width: 14%
}

.contactoption.count7 .optionimage
{
min-height: 120px;
}

.contactoption.count7 .optionimage img
{
width: 77px;
}

.contactoption.count7 .optiontitle
{
min-height: 66px;
}

/* End of Homepage Contact Options */

/* Start of Homepage Teaser Menu items for Consumers */

.Teaser1
{
width: 449px ! important;
float: left;
}

.ie_fix .Teaser1
{
width: 425px !important;
}

.TeaserMenu1
{
width: 439px ! important;
float: left;
margin-left: 10px;
}

.ie_fix .TeaserMenu1
{
width: 418px ! important;
}

.Teaser2
{
width: 449px ! important;
float: right;
}

.ie_fix .Teaser2
{
width: 425px !important;
}

.TeaserMenu2
{
width: 439px ! important;
float: right;
margin-left: 10px;
}

.ie_fix .TeaserMenu2
{
width: 414px ! important;
}

.TeaserBG1 {
background-image: url('/Portals/_default/Skins/TSICA 2022/img/Consumers_Home_Page_Payment_Box_2015.jpg');
width: 447px;
height: 182px;
border: 1px solid #d7d7d7;
margin-bottom: 30px;
background-size: 100% 100%;
}

.ie_fix .TeaserBG1
{
width: 425px;
height: 173px;
}

.TeaserBG2 {
background-image: url('/Portals/_default/Skins/TSICA 2022/img/Consumers_Contact_Us_Box_2015.jpg');
width: 447px;
height: 182px;
border: 1px solid #d7d7d7;
margin-bottom: 30px;
background-size: 100% 100%;
}

.ie_fix .TeaserBG2
{
width: 425px;
height: 173px;
}

.TeaserBG1:hover,
.TeaserBG2:hover
{
background: var(--tsica-color-primary-accent) !important;
}

.TeaserBG1 h2,
.TeaserBG2 h2
{
padding: 15px;
margin: 0px 0px 20px !important;
font-size: 30px !important;
font-weight: bold !important;
padding-top: 40px !important;
}

.TeaserBG1:hover h2,
.TeaserBG2:hover h2
{
display: none;
}

.TeaserBG1 .schuldner_hoverText,
.TeaserBG2 .schuldner_hoverText
{
display: none;
}

.TeaserBG1:hover .schuldner_hoverText,
.TeaserBG2:hover .schuldner_hoverText
{
display: block;
padding: 40px 20px 10px 20px;
color: #ffffff;
margin-bottom: -40px;
position: absolute;
}

.TeaserBG1:hover .schuldner_hoverText b,
.TeaserBG2:hover .schuldner_hoverText b,
.TeaserBG1:hover .schuldner_hoverText span,
.TeaserBG2:hover .schuldner_hoverText span
{
font-size: 30px;
font-weight: bold;
}

.TeaserBG1:hover .schuldner_hoverText p,
.TeaserBG2:hover .schuldner_hoverText p
{
margin-bottom: 10px ! important;
}

.TeaserBG1 .corner,
.TeaserBG2 .corner {
position: absolute;
width: 54px;
height: 54px;
background: url("/Portals/_default/Skins/TSICA%202022/img/eos_schuldner_plus_new.png");
margin-top: 128px;
}

.ie_fix .TeaserBG1 .corner,
.ie_fix .TeaserBG2 .corner {
margin-top: 119px;
}

.TeaserBG1:hover .corner,
.TeaserBG2:hover .corner
{
background: url("/Portals/_default/Skins/TSICA%202022/img/eos_schuldner_minus.png");
}

.TeaserBG1 .schuldner_learnMore,
.TeaserBG2 .schuldner_learnMore
{
display: none;
}

.TeaserBG1:hover .schuldner_learnMore,
.TeaserBG2:hover .schuldner_learnMore
{
padding: 13px 13px 13px 13px;
display: block;
position: relative;
float: right;
margin-top: 120px;
margin-right: 30px;
color: #9d301b;
background-color: #ffffff;
}

.schuldner {
color: #FFF !important;
font-size: 15px;
font-weight: bold;
float: right;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
text-align: right;
margin-bottom: 2px;
background: url('/Portals/_default/Skins/TSICA%202022/img/eos_schuldner_plus.png') no-repeat scroll 13px 11px #666366;
}

a.schuldner:hover {
background: url('/Portals/_default/Skins/TSICA%202022/img/eos_schuldner_plus.png') no-repeat scroll 13px 11px var(--tsica-color-primary-accent);
}

.TeaserMenuFull
{
width: 904px;
}

.schuldner_full_width {
background: url('/Portals/_default/Skins/TSICA%202022/img/eos_schuldner_plus.png') no-repeat scroll 13px 11px #666366;
color: #FFF !important;
font-size: 15px;
font-weight: bold;
float: left;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
text-align: right;
margin-bottom: 2px;
}

a.schuldner_full_width:hover {
background: url('/Portals/_default/Skins/TSICA%202022/img/eos_schuldner_plus.png') no-repeat scroll 13px 11px var(--tsica-color-primary-accent);
}

@media (max-width: 1010px) {

.TeaserBG1 .schuldner_learnMore,
.TeaserBG2 .schuldner_learnMore
{
display: block !important;
padding: 13px;
position: relative;
float: right;
margin-top: 120px;
margin-right: 30px;
color: #9D301B;
background-color: #FFF;
}

.TeaserBG1,
.TeaserBG2
{
background-color: var(--tsica-color-primary-accent) !important;
background-image: none !important;
}

.TeaserBG1 .corner,
.TeaserBG2 .corner {
background: url('/Portals/_default/Skins/TSICA%202022/img/eos_schuldner_minus.png') repeat scroll 0% 0% transparent;
}


.TeaserBG1 .schuldner_hoverText,
.TeaserBG2 .schuldner_hoverText
{
display: block !important;
padding: 40px 20px 10px;
color: #FFF;
margin-bottom: -40px;
position: absolute;
}

.TeaserBG1 .schuldner_hoverText b,
.TeaserBG2 .schuldner_hoverText b,
.TeaserBG1 .schuldner_hoverText span,
.TeaserBG2 .schuldner_hoverText span
{
font-size: 30px !important;
font-weight: bold !important;
}

.TeaserBG1 .schuldner_hoverText p,
.TeaserBG2 .schuldner_hoverText p
{
margin-bottom: 10px ! important;
}

.TeaserBG1 h2.schuldner_title,
.TeaserBG2 h2.schuldner_title
{
display: none !important;
}
}

@media (max-width: 1007px){

.Teaser1,
.Teaser2,
.TeaserBG1,
.TeaserBG2,
.TeaserBG3,
.TeaserBG4 {
width: 408px !important;
}

.TeaserMenu1,
.TeaserMenu2 {
    width: 400px !important;
}

.TeaserMenu2 {
    margin-right: -3px;
}

.TeaserMenuFull {
    width: 859px;
}
}

@media (max-width: 979px){

.contactoption.count7 {
    width: 13.9%;
}

.Teaser1,
.Teaser2,
.TeaserBG1,
.TeaserBG2
{
    width: 449px !important;
}

.TeaserMenu1,
.TeaserMenu2,
.TeaserMenuFull {
    width: 439px !important;
}

.Teaser2,
.TeaserMenu2 {
	float: left;
}
}

@media (max-width: 630px){

.contactoption.count7 {
    width: 20%;
}

.contactoption{
margin-bottom: 20px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
}

@media (max-width: 553px){

.Teaser1,
.Teaser2,
.TeaserBG1,
.TeaserBG2
{
    width: 349px !important;
}

.TeaserBG1,
.TeaserBG2 {
height: 142px !important;
}

.TeaserMenu1,
.TeaserMenu2,
.TeaserMenuFull {
    width: 339px !important;
}

.TeaserBG1:hover .schuldner_hoverText b,
.TeaserBG2:hover .schuldner_hoverText b,
.TeaserBG1:hover .schuldner_hoverText span,
.TeaserBG2:hover .schuldner_hoverText span
{
font-size: 22px;
font-weight: bold;
}

.TeaserBG1 .schuldner_hoverText b,
.TeaserBG2 .schuldner_hoverText b,
.TeaserBG1 .schuldner_hoverText span,
.TeaserBG2 .schuldner_hoverText span
{
font-size: 22px !important;
font-weight: bold !important;
}

.TeaserBG1 .corner,
.TeaserBG2 .corner {
margin-top: 89px;
}

.TeaserBG1:hover .schuldner_learnMore,
.TeaserBG2:hover .schuldner_learnMore
{
margin-top: 87px;
}

.TeaserBG1 .schuldner_learnMore,
.TeaserBG2 .schuldner_learnMore
{
display: block !important;
padding: 13px;
position: relative;
float: right;
margin-top: 87px;
margin-right: 30px;
color: #9D301B;
background-color: #FFF;
}
}


@media (max-width: 414px){

.Teaser1,
.Teaser2,
.TeaserBG1,
.TeaserBG2
{
    width: 309px !important;
}

.TeaserMenu1, .TeaserMenu2, .TeaserMenuFull {
    width: 300px !important;
}

}

@media (max-width: 388px){

.contactoption.count7 {
    width: 22%;
}

.Teaser1,
.Teaser2,
.TeaserBG1,
.TeaserBG2 {
    width: 249px !important;
}

.TeaserBG1,
.TeaserBG2 {
height: 101px !important;
}

.TeaserMenu1,
.TeaserMenu2,
.TeaserMenuFull {
    width: 239px !important;
}

.TeaserBG1:hover .schuldner_hoverText b,
.TeaserBG2:hover .schuldner_hoverText b,,
.TeaserBG1:hover .schuldner_hoverText span,
.TeaserBG2:hover .schuldner_hoverText span
{
font-size: 16px !important;
font-weight: bold;
}

.TeaserBG1 .schuldner_hoverText b,
.TeaserBG2 .schuldner_hoverText b,
.TeaserBG1 .schuldner_hoverText span,
.TeaserBG2 .schuldner_hoverText span
{
font-size: 16px !important;
font-weight: bold;
}

.TeaserBG1 .corner,
.TeaserBG2 .corner {
margin-top: 48px;
}

.TeaserBG1:hover .schuldner_hoverText,
.TeaserBG2:hover .schuldner_hoverText
{
padding: 15px 20px 10px 20px;
}

.TeaserBG1 .schuldner_hoverText,
.TeaserBG2 .schuldner_hoverText
{
padding: 15px 20px 10px 20px;
}

.TeaserBG1:hover .schuldner_learnMore,
.TeaserBG2:hover .schuldner_learnMore {
margin-top: 46px;
}

.TeaserBG1 .schuldner_learnMore,
.TeaserBG2 .schuldner_learnMore
{
margin-top: 46px;
}

.TeaserBG1:hover .schuldner_hoverText p,
.TeaserBG2:hover .schuldner_hoverText p {
display: none !important;
}

.TeaserBG1 .schuldner_hoverText p,
.TeaserBG2 .schuldner_hoverText p
{
display: none !important;
}
}

@media (max-width: 330px){

.contactoption.count7 {
    width: 30%;
}

.Teaser1,
.Teaser2,
.TeaserBG1,
.TeaserBG2 {
    width: 229px !important;
}

.TeaserBG1,
.TeaserBG2 {
height: 93px !important;
}

.TeaserMenu1,
.TeaserMenu2,
.TeaserMenuFull {
    width: 219px !important;
}


.TeaserBG1:hover .schuldner_hoverText,
.TeaserBG2:hover .schuldner_hoverText
{
padding-top: 10px;
}

.TeaserBG1 .schuldner_hoverText,
.TeaserBG2 .schuldner_hoverText
{
padding-top: 10px;
}

.TeaserBG1:hover .schuldner_learnMore,
.TeaserBG2:hover .schuldner_learnMore {
margin-top: 44px;
}

.TeaserBG1 .schuldner_learnMore,
.TeaserBG2 .schuldner_learnMore
{
margin-top: 44px;
}

.TeaserBG1 .corner,
.TeaserBG2 .corner {
margin-top: 40px;
}

}

/* End of Homepage Teaser Menu items for Consumers */


/* Start of Accordions */

.AccordionTitle
{
font: bold 12px/17px var(--tsica-font-family-body-copy);
color: rgb(70, 70, 70);
}

.accordion-heading
{
margin: 0px;
background-color: rgb(247, 247, 247);
border: 2px solid rgb(255, 255, 255);
padding: 7px 44px 7px 10px;
}

.accordion-group
{
border: none !important;
border-radius: none !important;
}

.accordion-toggle
{
padding: 0 !important;
}

a.accordion-toggle:hover #GreyRightArrow
{
display: none;
}

.AccordionTitle > span {
background: url("img/button_arrows.gif") no-repeat scroll left -36px;
    float: right;
    height: 28px;
    margin: -7px -34px 0 0;
    width: 24px;
}

.AccordionTitle.active > span {
background-position: left -116px !important;
}

a.accordion-toggle > div.AccordionTitle:hover > span {
background-position: left -76px !important;
}
/* End of Accordions */


/* Start NewsRotator */
.newsItem {
display: none;
}
/* End NewsRotator */

/* Start FreeGift Styles */
#giftWrap{
width:260px;
background-color: #f7f7f7;
padding: 2px 0px;
border: 1px solid #8f0000;
}

#giftImage{
width:250px;
height:auto;

margin: 3px;
}

#giftTitle{
text-align: center;
padding: 3px;
}

#giftText{
    color: #8f0000;
    padding: 3px;
}
/* End FreeGift Styles */

/* Start ContactBoxModule - Login, Register, Portal links and arrow */
/*.loginLinkWrapper, .registerLinkWrapper {
display: block;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 8px;
}*/

.portalLinkWrapper {
display: block;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 8px;
}


/*#dnn_dnnLOGIN_loginLink,
#dnn_dnnUSER_registerLink,*/
.PortalButton
{
    display: inline-block;
    font: normal 12px/22px var(--tsica-font-family-body-copy);
    color: #ffffff !important;
    background-color: #ADADAD;
}

/*#dnn_dnnLOGIN_loginLink:hover,
#dnn_dnnUSER_registerLink:hover,*/
.PortalButton:hover
{
    background-color: #464646;
}

/* standard width for contact box */
/*.StyleContactBox #dnn_dnnLOGIN_loginLink,
.StyleContactBox #dnn_dnnUSER_registerLink,*/
.StyleContactBox .PortalButton
{
    width: 108px;
}

/*.loginLinkWrapper > span, .registerLinkWrapper > span {
background: url("img/button_arrows.gif") no-repeat scroll left -0px;
width: 22px !important;
height: 22px !important;
float: right;
}

.loginLinkWrapper:hover > span, .registerLinkWrapper:hover > span {
background-position: left -80px !important;
}*/


.portalLinkWrapper > span {
background: url("img/button_arrows.gif") no-repeat scroll left -0px;
width: 22px !important;
height: 22px !important;
float: right;
}

.portalLinkWrapper:hover > span {
background-position: left -80px !important;
}
/* End ContactBoxModule - Login and Register Links and arrow */


/* Start of Sitemap Table */
table.sitemap
{
width: 100%;
border-collapse: collapse;
}

table.sitemap ul li
{
list-style-type: none;
line-height: none;
}

table.sitemap th
{
border-bottom: 2px solid rgb(255, 255, 255);
border-right: 2px solid rgb(255, 255, 255);
background: none repeat scroll 0% 0% rgb(247, 247, 247);
color: rgb(157, 48, 27);
font: bold 12px/17px var(--tsica-font-family-body-copy);
width: 35%;
padding: 8px 10px;
text-align: left;
}

table.sitemap td
{
background: none repeat scroll 0% 0% rgb(247, 247, 247);
border-bottom: 2px solid rgb(255, 255, 255);
width: 65%;
padding: 8px 10px;
}

/* End of Sitemap Table */

/*Start of EOS Table */

table.EOS
{
width: 100%;
margin: 30px 0px;
padding: 0px 0px 2px;
border-bottom: 1px solid rgb(204, 204, 204);
border-collapse: separate;
border-spacing: 0px;
}

table.EOS th
{
background-color: rgb(90, 90, 90);
color: rgb(255, 255, 255);
border-right: 2px solid rgb(255, 255, 255);
font-weight: bold;
padding: 8px 10px;
border-bottom: 2px solid rgb(204, 204, 204);
text-align: left;
}

table.EOS td
{
padding: 8px 10px;
border-bottom: 2px solid rgb(204, 204, 204);
border-right: 2px solid rgb(255, 255, 255);
text-align: left;
font-weight: normal;
}

table.EOS td.odd
{
background-color: rgb(247, 247, 247);
}

/* End of Figures Table */

/* Start of global EOS table styles */

/* table cells are verically aligned top */
.eos table td
{
    vertical-align: top;
}

/* End of global EOS table styles */

/* Start of ContactOptions table styles */

/*img.Logo
{
    width: 100%;
    height: auto;
    max-width: 225px;
    margin-top: 30px;
    margin-left: 37px;
    margin-bottom: 30px;
}*/

img#dnn_dnnLogo_imgLogo {
max-width: 150px;
height: auto;
margin-top: 30px;
margin-bottom: 30px;
}

@media (max-width: 979px) {

img#dnn_dnnLogo_imgLogo {
max-width: 150px;
height: auto;
margin-top: 20px !important;
margin-bottom:20px !important;
}
}

@media (max-width: 767px) {
img#dnn_dnnLogo_imgLogo {
max-width: 150px;
height: auto;
}
}

@media (max-width: 480px) {

img#dnn_dnnLogo_imgLogo {
 max-width: 150px;
 margin-top: 10px !important;
 margin-left: 10px !important;
 margin-bottom: 10px !important;
}

}

/* avoid distorted logo on IE8 */
.ie_fix img.Logo
{
    width: auto;
}

#subfooter
{
    background: white;
}

#subfooter .Wrapper
{
    padding-top: 2em;
    padding-bottom: 2em;
}

#subfooter .logo-area
{
    float: left;
}

#subfooter .CountryBox
{
    float: right;
}

/* The .CountryBox div overlays the hidden .CountryBox select control with a custom background and text.
   It is updated via JavaScript embedded in the HTML. */
.CountryBox div
{
    position: absolute;
    z-index: 0;

    width: 180px;
    height: 20px;
    font-size: 12px;

    border-left: 1px solid rgb(204, 204, 204);
    border-right: none;
    border-top: none;
    border-bottom: none;

    background: url('img/select_bg.gif') no-repeat right 0px;
    background-size: cover;

    padding-top: 1px;
    padding-left: 0.25em;
}


.ie_fix .CountryBox div
{
    display: none;
}

.ie_fix .CountryBox
{
    width: 180px;
    overflow: hidden;
    height: 25px;

    border-left: 1px solid rgb(204, 204, 204);
    border-right: none;
    border-top: none;
    border-bottom: none;
    background: url('img/select_bg.gif') no-repeat right 0px;
    background-size: cover;
    margin-bottom: 0.5em;
    padding-top: 0px;
    padding-left: 0.25em;
}

.ie_fix .CountryBox select
{
    width: 210px;
    height: 24px;
    background: transparent;
}

/* Hide the .CountryBox select control so we can customize it with .CountryBox div */
.CountryBox select
{
    opacity : 0;
    width: 180px;
    height: 20px;
    font-size: 12px;
}

/* BEGIN: Style the CustomSelect <select> items */

.customSelect
{
/* Styles For Your Select Box */
    height: 20px;
    border-left: 1px solid rgb(204, 204, 204);
    border-right: none;
    border-top: none;
    border-bottom: none;

    background: url('img/select_bg.gif') no-repeat right 0px;
    background-size: cover;

    margin-bottom: 0.5em;

    padding-top: 1px;
    padding-left: 0.25em;
}

.customSelect.changed {
/* You can use this if you want a different style after user has made a selection */
}

.customSelectFocus {
/* You can use this if you want a different style after user has made a selection */
}

.customSelectOpen {
/* You can use this if you want a different style after user has made a selection */
}

.customSelectInner {
/* We can style the inner box, too */
}

/* END: Style the CustomSelect <select> items */

.FooterText
{
    clear: both;
    font: 12px/14px var(--tsica-font-family-body-copy);
    float: right;
}

.FooterText .Phrase
{
    color: rgb(70, 70, 70);
    float: left;
    margin: 2em 3em;
}

.FooterText .Phrase:last-child
{
    margin-right: 0;
}

#dnn_PageMenu_Pane
{
margin-top: -30px;
}

.PrintPage
{
padding-bottom: 30px;
}

.EosMarginArea .PrintPage a #dnn_lblPrintPage_lblText,
.EosMarginArea .PrintPage a:link #dnn_lblPrintPage_lblText,
.EosMarginArea .PrintPage a:focus #dnn_lblPrintPage_lblText,
.EosMarginArea .PrintPage a:active #dnn_lblPrintPage_lblText
{
color: var(--tsica-color-hyperlinks) !important;
text-decoration: none !important;
font: 12px/17px var(--tsica-font-family-body-copy) !important;
}

.EosMarginArea .PrintPage a:hover #dnn_lblPrintPage_lblText
{
color: rgb(70, 70, 70) !important;
}

/* Override twitter-bootstrap print styles to remove two stray blocks from printed page. Jira: eosusa-46*/
@media print {
    .navbar {
        display: none !important;
    }

    #photoRow {
        display: none !important;
    }
}


hr
{
border-width: 2px;
color: rgb(88, 88, 90);
}

#Body
{
background-color: rgb(231, 231, 231);
}

#Body .Normal
{
font: 12px/17px var(--tsica-font-family-body-copy);
color: rgb(70, 70, 70);
}

div.edge1
{
margin-bottom: 1em;
}

div.subbody a
{
color: var(--tsica-color-primary-accent);
text-decoration: none;
}

div.subbody a:hover
{
color: rgb(70, 70, 70);
}

/* Improve styling of dnnPrimaryAction button */
div.subbody a.dnnPrimaryAction, div.subbody a.dnnPrimaryAction:hover
{
  color:white;
}

div.subbody li.active > a
{
color: #58585a;
}

#canvas
{
margin: 0 auto 30px;
}

#breadcrumb
{
margin-top: 12px;
margin-bottom: 30px;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}

#breadcrumb a
{
color: var(--tsica-color-hyperlinks);
text-decoration: none;
font-weight: none;
font: 12px/17px var(--tsica-font-family-body-copy);
}

#breadcrumb a:hover
{
color: rgb(70, 70, 70);
}

div.TopLinks
{
margin-top: 30px;
}

div.TopLinks div
{
    display:inline;
}

.ie_fix div.TopLinks
{
margin-top: 30px;
margin-right: 60px;
}

div.TopLinks a
{
font: 11px/14px var(--tsica-font-family-body-copy);
color: rgb(147, 147, 147);
text-decoration: none;
}

div.TopLinks a:hover
{
color: var(--tsica-color-hyperlinks);
}

#canvas .edge-all, .edge-all
{
box-shadow: 0 0 5px 3px rgba(128,128,128,0.3);
}

.ie_fix #canvas .edge-all, .edge-all
{
box-shadow: 0 0 5px 3px rgb(128,128,128);
}

div.subbody h1
{
margin: 30px 0 15px 0;
color: rgb(102, 99, 102) !important;  /* Gray */
font: normal 24px/28px var(--tsica-font-family-headlines);
}

div.subbody h2, div.subbody h3
{
margin: 30px 0 15px 0;
color: var(--tsica-color-primary-accent);
font: bold 15px/18px var(--tsica-font-family-headlines);
}

div.subbody h4
{
margin: 20px 0 10px 0;
color: var(--tsica-color-primary-accent);
font: bold 12px/15px var(--tsica-font-family-headlines);
}

div.subbody h5
{
margin: 10px 0 5px 0;
color: var(--tsica-color-primary-accent);
font: normal 12px/15px var(--tsica-font-family-headlines);
}

div.subbody h6
{
font: bold 15px/18px var(--tsica-font-family-headlines);
color: var(--tsica-color-primary-accent);
margin-bottom: 13px;
text-transform: uppercase;
}

.Head
{
font-size: inherit;
font-weight: inherit;
color: inherit;
}

/*#dnn_dnnLOGIN_loginLink,
#dnn_dnnUSER_registerLink,*/
.PortalButton
{
padding-left: 1em;
}

.ContactBoxModule
{
padding-left: 1em;
padding-top: 1em;
}

.ContactBoxModuleConsumers
{
padding-left: 1em;
}

/*#page-container > .row
{
padding: 0px 7px;
}
*/
#header
{
background-color: white;
height: auto;
}

.homebody
{
}

#dnn_userLogin_viewProfileImageLink
{
padding: 4px 0 0;
}

.FooterStyle
{
padding: 30px;
min-height: 120px;
}

.span4.FooterLeftSpan4
{
text-align: left;
background-color: rgba(255, 255, 255, 0.9);
}

.ie_fix .span4.FooterLeftSpan4
{
background-color: rgb(255, 255, 255);
}

.span4.FooterSpan4 h3,
.span4.FooterLeftSpan4 h3,
.span4.FooterLeftSpan4 h1,
.span4.FooterSpan4 h2,
.span6.FooterSpan6 h3,
.span6.FooterLeftSpan6 h3,
.span6.FooterLeftSpan6 h1,
.span6.FooterSpan6 h2
{
color: var(--tsica-color-primary-accent);
font: bold 15px/18px var(--tsica-font-family-headlines);
margin-top: 0;
}

.span4.FooterSpan4 a,
.span4.FooterLeftSpan4 a,
.span6.FooterSpan6 a,
.span6.FooterLeftSpan6 a
{
color: var(--tsica-color-primary-accent);
text-decoration: none;
}

.span4.FooterSpan4,
.span6.FooterSpan6,
.span4.FooterLeftSpan4,
.span6.FooterLeftSpan6
{
text-align: left;
background-color: rgba(255, 255, 255, 0.9);
margin-left: 2px;
}

.ie_fix .span4.FooterSpan4,
.ie_fix .span6.FooterSpan6
{
background-color: rgb(255, 255, 255);
}

#dnn_ContentFooter_Pane.span12
{
padding-bottom: 30px;
}

/* Menu items */

.navbar
{
    padding-top: 10px;
}

.navbar-inverse .navbar-inner {
    background-color: none;
    background: transparent;
    background-image: none;
    background-repeat: none;
    border-color: none;
    font: bold 14px/17px var(--tsica-font-family-body-copy);
    color: rgb(70, 70, 70);
}

.navbar-inner {
    border-color: none;
    padding-left: none;
    padding-right: none;
}

ul.nav > li > a.MenuItem
{
height: 17px;
margin-top: 0px;
padding-top: 10px;
padding-left: 10px;
padding-right:10px;
background-color: var(--tsica-color-primary-accent-translucent);
font: 14px/17px var(--tsica-font-family-body-copy);
text-transform: uppercase;
font-weight: bold;
color: #ffffff;
white-space: nowrap;
}



.ie_fix ul.nav > li > a.MenuItem
{
/*background-color: rgb(255, 255, 255);*/
background-color: var(--tsica-color-primary-accent);
}

ul.nav > li > a.MenuItem:hover
{
font-weight: bold;
}

/* make first-level menu items a little taller when state is active, open, hover or focus */
ul.nav > li.active > a.MenuItem,
ul.nav > li.open > a.MenuItem,
ul.nav > li > a.MenuItem:hover,
ul.nav > li > a.MenuItem:focus
{
  padding-top: 18px;
  margin-top: -8px;
}

ul.nav li.span2
{
    width: 163px;
    margin-left: 2px;
}

/* The first menu item is flush against the left edge - no margins */
ul.nav > li:nth-child(1)
{
    margin: 0;
}

/* Float the "Contact" item to the right side */
ul.nav > li:nth-child(6)
{
    float: right;
}

/* expands parent 'ul' block to two columns in contained 'a href' text exceeds 22 characters. */
ul.span2.dropdown-menu.wide {
width: 328px;
}


/* Customizations for EOS "nth" menu item colors - NOTE: 1n equates to 'ALL' menu items */

.navbar-inverse .nav > li.active:nth-child(1n) > a,
.navbar-inverse .nav > li.open:nth-child(1n) > a,
.navbar-inverse .nav > li:nth-child(1n) > a.MenuItem:hover,
.navbar-inverse .nav > li:nth-child(1n) > a.MenuItem:focus,
.navbar-inverse .nav > li:nth-child(1n) .dropdown-menu
{
    background-color: rgba(102, 99, 102, 0.9) !important; /* Gray */
    color: #ffffff;
}

.navbar-inverse .nav li.active:nth-child(1n) li > a:hover,
.navbar-inverse .nav li.active:nth-child(1n) li > a:focus,
.navbar-inverse .nav li.open:nth-child(1n) li > a:hover,
.navbar-inverse .nav li.open:nth-child(1n) li > a:focus
{
    color: #ffffff !important; /* White */
}

.ie_fix .navbar-inverse .nav > li.active:nth-child(1n) > a,
.ie_fix .navbar-inverse .nav > li.open:nth-child(1n) > a,
.ie_fix .navbar-inverse .nav > li:nth-child(1n) > a.MenuItem:hover,
.ie_fix .navbar-inverse .nav > li:nth-child(1n) > a.MenuItem:focus,
.ie_fix .navbar-inverse .nav > li:nth-child(1n) .dropdown-menu
{
    background-color: rgb(102, 99, 102) !important; /* Gray */
    color: #ffffff;
}

.ie_fix .navbar-inverse .nav li.active:nth-child(1n) li > a:hover,
.ie_fix .navbar-inverse .nav li.active:nth-child(1n) li > a:focus,
.ie_fix .navbar-inverse .nav li.open:nth-child(1n) li > a:hover,
.ie_fix .navbar-inverse .nav li.open:nth-child(1n) li > a:focus
{
    color: #ffffff !important; /* White */
}

/* End Menu items */


/* Submenu Items */

/* BEGIN: Override Bootstrap's default colors for active, hovered or focused menu items */
.dropdown-menu li a {
    color: #ffffff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a
{
  color: #ffffff;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: none;
}

.ie_fix .dropdown-menu > li > a:hover,
.ie_fix .dropdown-menu > li > a:focus,
.ie_fix .dropdown-submenu:hover > a,
.ie_fix .dropdown-submenu:focus > a
{
  filter: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus
{
  color: #ffffff;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: none;
  outline: 0;
}

.ie_fix .dropdown-menu > .active > a,
.ie_fix .dropdown-menu > .active > a:hover,
.ie_fix .dropdown-menu > .active > a:focus
{
  filter: none;
}
/* END: Override Bootstrap's default Blue colors for active menu items */

/* Add a small, right-pointing triangle before all sub-menu items
   and sidebar ChildLinks module links */
.dropdown-menu a:before,
.sidemenu .sidemenu a:before
{
    content: '\25b6'; /* Unicode Character 'BLACK RIGHT-POINTING TRIANGLE' */
    font-size: 0.4em;
    margin-right: 0.8em;
    vertical-align: middle;
}

.ie_fix .dropdown-menu a:before,
.ie_fix .eos .ModDnnForgeChildLinksC > a:before,
.ie_fix .sidemenu .sidemenu a:before
{
content: '\25b6'; /* Unicode Character 'BLACK RIGHT-POINTING TRIANGLE' */
font-family: Lucida Sans Unicode, Arial Unicode MS, Arial !important; /* Need to add a Unicode Font for IE8 */
font-size: 60% !important;
margin-right: 0.8em;
vertical-align: middle;
}

/* Match sub-menu item font size to EOS style */
.dropdown-menu li a
{
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
}

/* General rules for all menu sub-items */

.navbar-inverse .nav li.dropdown.active li > a,
.navbar-inverse .nav li.dropdown.open li > a
{
    background: transparent;
    background-image: none;
    background-repeat: none;
    color: rgb(255, 255, 255);
    text-transform: none;
}

.navbar-inverse .nav li.dropdown.active li > a:hover,
.navbar-inverse .nav li.dropdown.active li > a:focus,
.navbar-inverse .nav li.dropdown.open li > a:hover,
.navbar-inverse .nav li.dropdown.open li > a:focus
{
    background-color: rgba(255, 255, 255, 0.6) !important;
    background-image: none;
    background-repeat: none;
}

.ie_fix .navbar-inverse .nav li.dropdown.active li > a:hover,
.ie_fix .navbar-inverse .nav li.dropdown.active li > a:focus,
.ie_fix .navbar-inverse .nav li.dropdown.open li > a:hover,
.ie_fix .navbar-inverse .nav li.dropdown.open li > a:focus
{
    background: rgba(255, 255, 255, 0.6); /* browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
}

.dropdown-menu,
.dropdown-submenu,
.dropdown-submenu > .dropdown-menu
{
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-clip: none;
}

ul.span2.dropdown-menu
{
    margin-left: 0;
    width: 163px;
    margin-top: 3px;
    border-radius: 0;
}

/* End Submenu Items */

/* No bullets on menu items */
ul.dropdown-menu li li,
ul.nav li,
ul.dropdown-menu li,
.sidemenu li
{
    list-style-type: none;
}

.sidemenu ul{
  margin: 0px;
}

.sidemenu ul ul{
  margin: 0 0 5px 10px;
}

.sidemenu li{
  margin-bottom: 10px;
  font-weight: bold;
}

.sidemenu li li{
  margin: 0 0 5px 0;
  font-weight: normal !important;
}

.span4.sidemenu {
    margin-top: 10px;
}

/* End of Menu items */

/* Add padding to Logo */
#dnn_dnnLOGO_imgLogo
{
    padding: 1em;
}

/* Styling of Contact Box */

.span2.StyleContactBox
{
margin-top: -19px;
margin-bottom: 1em;
float: right;
padding-bottom: 0.5em;
padding-top: 0.5em;
width: 163px;
}

.ie_fix .span2.StyleContactBox
{
background-color: rgb(255, 255, 255);
}

.StyleContactBox #dnn_ContactPane {
/*margin: 12px;*/
/*margin-top: -22px;*/
}


/* End of styling of contact box */

/* To align Language Box with Login and Register objects */
.navbar .nav > li > div.language-object
{
    float: none;
    padding: 10px 15px 10px;
}

div.language-object select
{
    margin-bottom: 0;
}

/* For search bar */

#search
{
margin-top: 1.7em;
}

.ie_fix #search
{
margin-right: 20px;
margin-top: 1.7em;
width: 140px;
}

#search input
{
width: 102px;
height: 12px;
border: 1px solid rgb(204, 204, 204);
font: 12px/17px var(--tsica-font-family-body-copy);
color: rgb(70, 70, 70);
border-radius: 0px;
box-shadow: none;
margin-right:0.6em;
}

#search img
{
margin-bottom: 0.84em;
margin-left: -.5em;
}

/* Styling for Logo aligned with Menu */
img#dnn_dnnLOGOMenu_imgLogo
{
max-width: 90px;
max-height: 45px;
display: block;
float: left;
padding: 10px 20px;
margin-left: -20px;
}

/* make sub-menus appear on hover */
ul.nav li.dropdown:hover ul.dropdown-menu
{
    display: block;
}

/* fix problem with Bootstrap sub-menus, where if you move slowly from parent to sub-menu
   the sub-menu disappears */
.navbar .dropdown-menu
{
    margin-top: 0px;
}

/* position our sub-menus more up and to the right */
.nav .dropdown-submenu > .dropdown-menu
{
  margin-top: -5px;
  margin-left: 2px;
}

.language-object, .langugae.selected, language
{
padding-top: 1em;
}

#dnn_Links_Pane
{
padding-top: 1em;
}

/* suppress caret on submenus */
.navbar .dropdown-menu:after,
.navbar .dropdown-menu:before,
.navbar .dropdown-submenu a:after
{
    content:none !important;
}

#photoRow
{
    min-height: 225px;
}

#photoRowLogin
{
    min-height: 250px;
}

/* BEGIN: Contact form styles */

/* Gray background for overall form */
.ContactForm div[id*="DynamicForms_pnlAJAXFields"]
{
    background-color: rgb(247, 247, 247);
    padding: 30px 10px;
}

/* Gray background for Submit / Clean area below form */
.ContactForm .DynamicForms_SaveFormDiv
{
    background-color: rgb(247, 247, 247);
    padding: 1em 3em 1em 200px;
}

/* Make sure validation messages appear in proper color *under* field */
.ContactForm td span.NormalRed
{
    color: rgb(157, 48, 27) !important;
    display: block;
    font-weight: normal;
    margin-top: -5px;
}

.ContactForm .Footnote
{
   clear: both;
   padding-top: 2em;
}

/* Customize the style of the Submit and Clear links */

.ContactForm a[id*="lnkSave"],
.ContactForm a[id*="lnkSave"]:hover,
.ContactForm a[id*="lnkClear"],
.ContactForm a[id*="lnkClear"]:hover
{
   padding: 3px 35px 3px 15px;
   border: 0;
   font: bold 12px/17px var(--tsica-font-family-body-copy);
   color: white;
}

.ContactForm a[id*="lnkSave"]
{
   background: var(--tsica-color-primary-accent) url(img/button_arrows.gif) no-repeat right -280px;
   display: block;
   float: right;
   margin-right: 15px;
}

.ContactForm a[id*="lnkClear"]
{
   background: #464646 url(img/button_arrows.gif) no-repeat right -320px;
   display: block;
   float: left;
}

/* END: Contact form styles */

.Phrase
{
color: rgba(70, 70, 70, 0.8);
float: left;
margin: 2em 3em;
font-weight: bold;
font-size: 1.1em;
}

.ie_fix .Phrase
{
color: rgb(70, 70, 70);
}

.CompaniesUL ul li
{
list-style-type: none;
margin-left: -10px;
}

.CompaniesUL
{
margin-left: -12px;
}

.ContactRight{
float: right;
margin-right: 3em;
}

.ContactLeft{
float: left;
}

/* BEGIN: FAQ Styles */

.FaqQuestion
{
    font-weight: bold;
}

.FaqAnswer
{
}

.FaqDefinedTerm
{
    font-weight: bold;
}

/* END: FAQ Styles */

@media (min-width: 1008px) {

  #footer {
    position: absolute;
    bottom: 30px;
    z-index: -1;
  }

  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 988px;
  }
  .span12 {
    width: 988px;
  }
  .span11 {
    width: 904px;
  }
  .span10 {
    width: 820px;
  }
  .span9 {
    width: 736px;
  }
  .span8 {
    width: 652px;
  }
  .span7 {
    width: 568px;
  }
  .span6 {
    width: 484px;
  }
  .span5 {
    width: 400px;
  }
  .span4 {
    width: 316px;
  }
  .span3 {
    width: 232px;
  }
  .span2 {
    width: 148px;
  }
  .span1 {
    width: 64px;
  }
  .offset12 {
    margin-left: 1028px;
  }
  .offset11 {
    margin-left: 944px;
  }
  .offset10 {
    margin-left: 860px;
  }
  .offset9 {
    margin-left: 776px;
  }
  .offset8 {
    margin-left: 692px;
  }
  .offset7 {
    margin-left: 608px;
  }
  .offset6 {
    margin-left: 524px;
  }
  .offset5 {
    margin-left: 440px;
  }
  .offset4 {
    margin-left: 356px;
  }
  .offset3 {
    margin-left: 272px;
  }
  .offset2 {
    margin-left: 188px;
  }
  .offset1 {
    margin-left: 104px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box;
    float: left;
    margin-left: 2.0242914979757085%;
    *margin-left: 1.9711000086140065%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.0242914979757085%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.49797570850203%;
    *width: 91.44478421914032%;
  }
  .row-fluid .span10 {
    width: 82.99595141700405%;
    *width: 82.94275992764234%;
  }
  .row-fluid .span9 {
    width: 74.49392712550608%;
    *width: 74.44073563614437%;
  }
  .row-fluid .span8 {
    width: 65.9919028340081%;
    *width: 65.93871134464639%;
  }
  .row-fluid .span7 {
    width: 57.48987854251013%;
    *width: 57.436687053148425%;
  }
  .row-fluid .span6 {
    width: 48.987854251012145%;
    *width: 48.93466276165044%;
  }
  .row-fluid .span5 {
    width: 40.48582995951417%;
    *width: 40.43263847015247%;
  }
  .row-fluid .span4 {
    width: 31.983805668016196%;
    *width: 31.930614178654494%;
  }
  .row-fluid .span3 {
    width: 23.481781376518217%;
    *width: 23.428589887156516%;
  }
  .row-fluid .span2 {
    width: 14.979757085020243%;
    *width: 14.926565595658541%;
  }
  .row-fluid .span1 {
    width: 6.477732793522267%;
    *width: 6.424541304160565%;
  }
  .row-fluid .offset12 {
    margin-left: 104.04858299595142%;
    *margin-left: 103.942200017228%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.02429149797571%;
    *margin-left: 101.9179085192523%;
  }
  .row-fluid .offset11 {
    margin-left: 95.54655870445345%;
    *margin-left: 95.44017572573003%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 93.52226720647774%;
    *margin-left: 93.41588422775432%;
  }
  .row-fluid .offset10 {
    margin-left: 87.04453441295547%;
    *margin-left: 86.93815143423205%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.02024291497976%;
    *margin-left: 84.91385993625634%;
  }
  .row-fluid .offset9 {
    margin-left: 78.5425101214575%;
    *margin-left: 78.43612714273408%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.51821862348179%;
    *margin-left: 76.41183564475837%;
  }
  .row-fluid .offset8 {
    margin-left: 70.04048582995952%;
    *margin-left: 69.9341028512361%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.01619433198381%;
    *margin-left: 67.9098113532604%;
  }
  .row-fluid .offset7 {
    margin-left: 61.53846153846155%;
    *margin-left: 61.43207855973814%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.51417004048584%;
    *margin-left: 59.407787061762434%;
  }
  .row-fluid .offset6 {
    margin-left: 53.03643724696356%;
    *margin-left: 52.93005426824016%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.012145748987855%;
    *margin-left: 50.90576277026445%;
  }
  .row-fluid .offset5 {
    margin-left: 44.534412955465584%;
    *margin-left: 44.42802997674219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.51012145748988%;
    *margin-left: 42.40373847876648%;
  }
  .row-fluid .offset4 {
    margin-left: 36.03238866396761%;
    *margin-left: 35.92600568524421%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.008097165991906%;
    *margin-left: 33.9017141872685%;
  }
  .row-fluid .offset3 {
    margin-left: 27.530364372469634%;
    *margin-left: 27.42398139374623%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.506072874493924%;
    *margin-left: 25.39968989577052%;
  }
  .row-fluid .offset2 {
    margin-left: 19.02834008097166%;
    *margin-left: 18.921957102248257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.00404858299595%;
    *margin-left: 16.897665604272547%;
  }
  .row-fluid .offset1 {
    margin-left: 10.526315789473685%;
    *margin-left: 10.41993281075028%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.502024291497975%;
    *margin-left: 8.395641312774572%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 974px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 890px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 806px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 722px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 638px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 554px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 470px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 386px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 302px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 218px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 134px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 50px;
  }
  .thumbnails {
    margin-left: -20px;
  }
  .thumbnails > li {
    margin-left: 20px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }

   .span4.FooterSpan4,
   .span4.FooterLeftSpan4 {
     min-width: 328px;
   }

}


@media (max-width: 979px)
{

    .FooterText .Phrase
    {
      margin-bottom: 1em;
      margin-left: 0.5em;
    }

    .ContactRight
    {
    margin: 0;
    }

   .span4.FooterSpan4,
   .span4.FooterLeftSpan4 {
     min-width: 240px;
     min-height: 285px;
   }

    #photoRow
    {
        height: auto;
        min-height: 0;
        margin-bottom: 3em;
    }
    div.TopLinks
    {
        margin-top: 1em;
        margin-right: 3em;
    }

    .navbar .btn, .navbar .btn-group
    {
        margin-top: 0 !important;
    }

    .CountryBox
    {
        margin-top: 1em;
    }

    .ContactBoxModule
    {
    padding: none;
    }

    ul.nav > li.span2:nth-child(6)
    {
    float: none;
    }

    ul.nav li.span2
    {
    min-width: 725px;
    }

    ul.span2.dropdown-menu
    {
    min-width: 725px;
    }

    .navbar-inverse .nav-collapse .nav > li > a
    {
    color: rgb(70, 70, 70);
    }

    .navbar-inverse .nav > li > a:hover
    {
    color: rgb(255, 255, 255);
    }

    .navbar-inverse .nav-collapse .dropdown-menu a
    {
    color: rgb(255, 255, 255);
    }

    ul.nav > li.active > a.MenuItem,
    ul.nav > li.open > a.MenuItem,
    ul.nav > li > a.MenuItem:hover,
    ul.nav > li > a.MenuItem:focus
    {
    margin-top: 0;
    padding-top: 10px;
    }

    .nav-collapse .nav > li > a
    {
    border-radius: 0;
    }

    ul.nav li.span2
    {
    margin: 0;
    }

    img.Logo
    {
    width: auto;
    margin-top: 1em;
    }

    .navbar-inverse .nav-collapse .nav > li > a {
    color: #FFF !important;
	}

	#breadcrumb,
	.eossidebar {
    padding-top: 6em !important;
    }

    ul.nav > li.span2:last-child {
    float: none !important;
    }
}

@media (max-width: 767px)
{
	.Skin_EOS2014_InnerFullWidth #breadcrumb,
	.Skin_EOS2014_InnerSidebarLeft .eossidebar {
    margin-top: 6em !important;
    }

    #breadcrumb {
    padding-top: 0 !important;
    margin-top: 0 !important;
    }

    .Skin_EOS2014_InnerSidebarLeft .eossidebar {
    padding-bottom: 1em !important;
    }

   #subfooter
   {
      float: left;
   }

   #subfooter .FooterText
   {
      margin-top: 1em;
      margin-bottom: 1em;
   }

   .FooterText .Phrase
   {
      margin: 0.5em;
   }

    .navbar-inverse .nav-collapse .nav > li > a
    {
    color: rgb(70, 70, 70);
    }

    .navbar-inverse .nav > li > a:hover
    {
    color: rgb(255, 255, 255);
    }

    .navbar-inverse .nav-collapse .dropdown-menu a
    {
    color: rgb(255, 255, 255);
    }

    ul.nav > li.active > a.MenuItem,
    ul.nav > li.open > a.MenuItem,
    ul.nav > li > a.MenuItem:hover,
    ul.nav > li > a.MenuItem:focus
    {
    margin-top: 0;
    padding-top: 10px;
    }

    .nav-collapse .nav > li > a
    {
    border-radius: 0;
    }

    ul.nav li.span2
    {
    margin: 0;
    }

    .span4.FooterLeftSpan4, .span6.FooterLeftSpan6 {
    padding-top: 1em;
    min-height: 187px !important;
    }

    .span4.FooterSpan4, .span6.FooterSpan6 {
    min-height: 187px !important;
    padding-top: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    }

    .HideTopLinksMobile {
    display: none;
    }

    img#dnn_dnnLogo_imgLogo {
    margin-bottom: 0 !important;
    }

}


@media (max-width: 480px)
{

    .Skin_EOS2014_InnerSidebarLeft .eossidebar {
    padding-top: 2em !important;
    }

    .navbar-inverse .nav-collapse .nav > li > a
    {
    color: rgb(70, 70, 70);
    }

    .navbar-inverse .nav > li > a:hover
    {
    color: rgb(255, 255, 255);
    }

    .navbar-inverse .nav-collapse .dropdown-menu a
    {
    color: rgb(255, 255, 255);
    }

    ul.nav > li.active > a.MenuItem,
    ul.nav > li.open > a.MenuItem,
    ul.nav > li > a.MenuItem:hover,
    ul.nav > li > a.MenuItem:focus
    {
    margin-top: 0;
    padding-top: 10px;
    }

    .nav-collapse .nav > li > a
    {
    border-radius: 0;
    }

    ul.nav li.span2
    {
    margin: 0;
    }

    img.Logo
    {
        margin: 0;
        width: 100%;
        margin-bottom: 1em;
    }
    /* avoid distorted logo on IE8 */
    .ie_fix img.Logo
    {
        width: auto;
    }

    .PrintPage
    {
        padding-bottom: 0px;
    }

    div.TopLinks
    {
    margin-left: 1em;
    }

    .ContactBoxModule
    {
    padding-left: 1em;
    }

	.span4.FooterLeftSpan4,
	.span4.FooterSpan4 {
    min-height: 235px !important;
    }

    .Skin_EOS2014_InnerFullWidth #breadcrumb {
    margin-bottom: 1em !important;
    }

    .Skin_EOS2014_InnerSidebarLeft #breadcrumb {
    margin-top: 0 !important;
    }

    #photoRow {
    margin-bottom: 1em !important;
    }

    div.subbody h1 {
    margin: 0 !important;
    }


}

@media (max-width: 320px)
{
    table.sitemap ul li
    {
    margin-left: -10px;
    }

    #subfooter .CountryBox
    {
    float: left;
    }

    #photoRow {
    margin-bottom: 0 !important;
    }
}

/* Added to fix Advanced Search Field Width */

.RadComboBox_Default table {
    width: 100% !important;
}


/* Make Login Form Responsive on CAP.USA */
@media (max-width: 560px)
{
  div[id*="Login_pnlLoginContainer"] {
      width: inherit;
  }


  div[id*="Login_Login_DNN_divCaptcha2"] {
    margin-left: inherit;
    padding-left: inherit;
  }

  div.dnnForm.dnnLoginService.dnnClear label {
    display: inherit;
  }
}

/* Make Advanced Login Form Responsive on CAP.CCA */
@media (max-width: 767px)
{
  .advLogin_box, .advLogin_box table{
    width: 100% !important;
  }

  .advLogin_box, .advLogin_box th, .advLogin_box td {
    width: 100% !important;
      float: left;
  }

    .advLogin_box {
      width: 96% !important;
  }

    input.advLogin_text {
      width: 90% !important;
  }

    .advLogin_Button {
      float: left !important;
  }
}

/* BEGIN: EosNews styles */

.EosNewsAbout
{
  font-size: 11px;
}

.EosNewsArticle .EosPdfDownloadIcon
{
  width: 60px;
}

/* END: EosNews styles */

/* Set size of new "TSI Canada" SVG logo */
img#dnn_dnnLogo_imgLogo 
{
    max-width: 150px !important;
}