/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }


.float-right {
    float:right;
}

.custom-nav-section.nav-section h2 {
    font-size: 16px;
    padding-left: 0.8em;
}

#nav-section .custom-nav-section.nav-section h2 a {
    padding-left:0;
}

.custom-nav-section.nav-section #border_box_left {
    display: none;
}

.aside table td {
    font-size: .9em;
}

.aside table td a {
    word-break: initial;
}

.sq-form-required-field, label.error {
  color: #FF0000;
}

label.error {
  display: block;
}

.forced-wrap {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

/** Form css begin **/
form label.sq-form-question-title {
    margin-bottom: 10px;
} 
.sq-form-question legend {
    font-size: 100%;font-weight:700;border: none;margin-bottom:0;
} 
.sq-form-question fieldset legend .sq-form-required-field {
    border:none;
} 
fieldset.sq-form-section > legend {
    font-size: 110%;
    font-weight: 700;
}
abbr[data-original-title], abbr[title] {
    border:0 none; text-decoration:none;
} 
.sq-form-question {
    margin-bottom: 15px;
} 
.sq-form-question fieldset legend {
    margin-bottom: 5px;
} 
.sq-form-question-answer label {
    font-weight: normal;
    display:inline;
}

.sq-form-question-answer label.error {
    display:block;
}

.sq-form-section .sq-form-question-answer li {
    display: block;
}

.sq-form-question-answer ul.bullet-list {
    list-style-type: disc;
}

.sq-form-question-answer ul.bullet-list li {
    display: list-item;
    list-style-type: disc;
    margin-left: 30px;
}

.sq-form-question-note { 
    font-style: italic;
}

.sq-form-question-title label + .sq-form-question-note {
    margin-top: -8px;
}

.horizontal-form .sq-form-question-title {
    width: 33%;
    float:left;
}
.horizontal-form .sq-form-question-answer {
    width: 66%;
    float:left;
}
.horizontal-form .sq-form-question {
    margin-bottom: 15px;
    float:left;
    width:100%;
}
.horizontal-form .sq-form-error {
    clear: both;
}
ul.poll-options {
    list-style-type: none;
    padding-left: 1.5em;
}
ul.poll-options li {
    display: inline-block;
    padding: 0 .5em 0 0 !important;
}

@media (max-width: 480px) {
    .horizontal-form .sq-form-question-title {
        width: 100%;
    }
    .horizontal-form .sq-form-question-answer {
        width: 100%;
    }
}
/** Form css end **/

/** LEft nav accordion **/
.subs {
    position: relative;
}
body #nav-section li {
    /* padding-left: 2.2em; */
}

body #nav-section .xc {
    padding-left: 2.2em;
}

body #nav-section li li {
    padding-left: 0;
}
 #nav-section .lvl_2 {
     margin: 0.8em 0 0 0;
 }
.subs .accordion-toggle {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    font-size: 0.8em;
}
.subs .accordion-toggle:before {
    content: "[+]";
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
}
.subs.active .accordion-toggle:before {
    content: "[-]";
}
.subs > ul {
    display: none;
}
.subs.active > ul {
    display: block;
}


/********** location-profiles.css *************/

#featurebox_right {
    float: right;
}
span.heading { display: block; width: 530px; color: #b81607; font-size: 18px; line-height: 18px; padding-bottom: 5px; }
span.heading-underlined { background: url() no-repeat -3px 24px; height: 28px; margin-bottom: 15px; }

.clear-left { clear: left; }
.clear-right { clear: right; }
.float-left { float: left; }
.float-right { float: right; }

/*div.breadcrumbs { width: 790px; }*/
div.title { width: 790px; }
span.strapline { display: block; font-size: 14px; color: #535353; }
div.banner { position: relative; height: 284px; width: 790px; }
div.banner img { z-index: 1; position: absolute; top: 0; left: 0; }
div.banner p {
    color: #535353;
    font-size: 14px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 250px;
    left: 70px;
    margin: 0;
    padding: 0;
    width: 456px;
}

#contentwide div.column-wrapper .living-in-location ul li {
    list-style: none !important;
}

#contentwide div.column-wrapper .real-life-stories ul li {
    list-style: none !important;
    list-style-type: none;
    list-style-position: initial;
    list-style-image: initial;
}

#container-internal #contentwide ul li {
    padding-left: 10px;
    padding-top: 0px;
    list-style: none !important;
}
.link-disclaimer {
    padding: 0 20px;
}
div.column-wrapper { float: left; width: 790px;}
div.column-wrapper img { border: none; }
    /*div.left { width: 530px; float: left; overflow: hidden; }*/
div.left { width: 530px; float: left; display: inline; overflow: hidden; }
        div.postcard { float: left; background: url(/__data/assets/image/0023/445415/postcard.jpg?v=0.0.2) no-repeat; width: 510px; height: 301px; padding: 30px 0 0 20px; }
            div.postcard p { width: 385px; line-height: 18px; font-size: 12px; color: #5f5f5f; }
            div.postcard img.button { display: block; margin: 10px 0 0; }
        div.working-in-location { float: left; width: 530px; }
            div.working-in-location strong { color: #b81607; }
            div.working-in-location ul { margin-left: 0; padding-left: 0px; }
            div.working-in-location ul li { background: url(/__data/assets/image/0024/445416/bullet.gif?v=0.0.2) no-repeat 0 5px; padding-left: 10px !important; }
        div.living-in-location { float: left; margin: 20px 0 20px; display: inline; width: 530px; }
            div.living-in-location div.inner { float: left; 
            background:url(/__data/assets/image/0028/445429/bg-column.gif?v=0.0.2) repeat-y 255px 0; }
            div.living-in-location div.inner ul {  margin-left: 0; padding-left: 0; margin-top: 20px; width: 240px; }
            div.living-in-location div.inner ul li { background: url(/__data/assets/image/0024/445416/bullet.gif?v=0.0.2) no-repeat 0 5px; padding-left: 10px !important; margin: 7px 0; font-size: 12px;  }
            div.living-in-location div.inner div.left { width: 257px; float: left; }
            div.living-in-location div.inner div.right { width: 242px; float: left; display: inline; padding: 0 0 0 15px; background: #fff; }
            div.living-in-location div.inner div.image-container { width: 248px; height: 146px; position: relative; z-index: 2; left: 0px; top: 0;  }
                div.living-in-location div.inner div.image-container .overlay { position: absolute; top: 0; left: 0; z-index: 5; }
                div.living-in-location div.inner div.image-container img.content { float: right; width: 243px;  height: 146px; margin: 0 1px 0 0; overflow: hidden; }
                div.living-in-location div.inner div.image-container span { position: absolute; bottom: 5px; color: #fff; font-weight:bold; left: 13px; z-index: 10; }
        div.contact-information { float: left; }
            div.contact-information div.red-box-large { width: 516px; height: 177px; position: relative; margin: 20px 0 0; }
                div.contact-information div.red-box-large .overlay2 { position: absolute; top: 0; left: 0; z-index: 5; }
                div.contact-information div-red-box-large img.content { float: right; width: 516px;  height: 150px; overflow: hidden; }
                div.contact-information div.red-box-large span { position: absolute; z-index: 10; top: 151px; left: 10px; font-size: 12px; font-weight: bold; color: #fff; }
            div.contact-information dl { color: #5f5f5f; width: 515px; }
            div.contact-information dt { font-weight: bold; font-size: 10px; margin: 6px 0 0;  }
            div.contact-information dd { font-size: 12px; margin-left: 0; border-bottom: 1px solid #dddcdc; padding-bottom: 6px; }
            div.contact-information dd.no-border, div.contact-information dd.last { border-bottom: none; }
            div.contact-information dt.last { margin: 10px 0 0; }
    div.right { width: 258px; float: left; 
    background: url(/__data/assets/image/0027/445428/bg-right-column.gif?v=0.0.2); }
        div.map { float: left; height: 311px; width: 260px; }
            div.map img { width: 260px; height: 311px; border: 0; margin: 0 0 0 1px; float: left; }
        div.real-life-stories { float: left; margin: 20px 0 20px 1px; width: 258px; height: 459px; background:url(/__data/assets/image/0025/445417/bg-real-stories.jpg?v=0.0.2) no-repeat bottom left; }
            div.real-life-stories div.inner { position: relative; top: 0; left:0; height: 459px; width: 258px; }
                div.real-life-stories .overlay { position: absolute; z-index: 10; top: 0; left: 0; width: 258px; height: 281px; }
                div.real-life-stories ul.navigation { position: absolute; z-index: 15; top: 270px; left: 80px; }
                div.real-life-stories ul.navigation li { margin: 0; padding: 0; float: left; margin-left: 10px; padding-left: 0 !important; }
                div.real-life-stories div#stories { width: 235px; height: 420px; position: relative; margin: 0 0 0 22px; overflow: hidden; }
                    div#stories div.inner { float: left; width: 5000px; }
                    div#stories div.story { float: left; width: 255px; height: 420px; }
                        div#stories div.story img { width: 225px; height: 225px; margin-top: 43px; }
                        div#stories div.story div.details { float: left; margin: 35px 0 0; }
                            div#stories div.story span.name { color: #b81607; font-weight: bold; display: block; margin: 0 0 2px; }
                            div#stories div.story span.role { color: #000; font-weight: bold; display: block; margin: 0 0 3px; }
                            div#stories div.story span.copy { color: #5f5f5f; font-size: 11px; width: 215px; display: block; padding: 10px 0 0; 
                            background: url(/__data/assets/image/0026/445427/hr-story.png?v=0.0.2) no-repeat; }
        div.fast-facts-rel { position: relative; width: 258px; min-height: 300px; top: 0; left:0; }
        div.fast-facts-wrapper {  float: left;  }
            .fast-facts-title { position: absolute; top: 90px; left: 80px; display: block; font-size: 16px; font-weight: bold; color: #b81607; z-index: 50; }
            #clipboard-overlay-left { position: absolute; left: -9px; top: 100px; z-index: 50; }
            div.fast-facts { float: left; display: inline; width: 260px; margin: 0 0 0 9px; padding: 90px 0 0 0px; background: url(/__data/assets/image/0026/445418/bg-clipboard-top.png?v=0.0.2) no-repeat top left; }
            div.fast-facts div.inner { float: left; width: 260px; padding: 20px 0 70px 0px;  background: url(/__data/assets/image/0027/445419/bg-clipboard-bottom.png?v=0.0.2) no-repeat -2px bottom; }
            div.fast-facts div.inner div.bg { float: left; width: 260px; margin: 0 0 0px 0; background: url(/__data/assets/image/0019/445420/bg-clipboard-sliver.png?v=0.0.2) repeat-y; }
            div.fast-facts ul { margin-left: 12px; padding-left: 0; width: 175px; }
            div.fast-facts ul li { border-top: 1px solid #ccc; padding: 5px 0 5px 44px; float: left; width: 180px; }
                li.population { background: url(/__data/assets/image/0020/445421/icon-population.png?v=0.0.2) no-repeat 4px 3px; } /* updated positioning */
                li.car { background:url(/__data/assets/image/0021/445422/icon-car.png?v=0.0.2) no-repeat 3px 5px; }
                li.train { background:url(/__data/assets/image/0022/445423/icon-train.png?v=0.0.2) no-repeat 8px 3px; }
                li.plane { background:url(/__data/assets/image/0023/445424/icon-plane.png?v=0.0.2) no-repeat -2px 2px; }
                li.bus { background:url(/__data/assets/image/0024/445425/icon-bus.png?v=0.0.2) no-repeat -1px 4px; }
                li.ferry { background:url(/__data/assets/image/0025/445426/icon-ferry.png?v=0.0.2) no-repeat 0px 4px; }
                span.key {
                    color: #000099;
                    font-weight: bold;
                    font-size: 11px;
                    float: left;
                    padding-left: 35px;
                }
                span.value { font-size: 11px; font-weight: bold; color: #5e5e5e; display: block; width: 65px; float: right; text-align: right; padding-right: 5px; }
                span.value-clear { font-size: 11px; font-weight: bold; color: #5e5e5e; display: block; width: 80px; width: 150px; margin-left: 0; margin-top:1.7em; clear: both; float: left; }
        div.handy-links { float: left; margin: 20px 0 0; }
            div.handy-links dl { color: #5f5f5f; }
                div.handy-links dt { font-weight: bold; font-size: 10px; padding: 7px 0 0 20px; width: auto !important; _width: 258px; }
                div.handy-links dd { font-size: 12px; margin-left: 0; padding: 0 0 7px 20px; border-bottom: 1px solid #cccccc; width: auto !important;  _width: 258px; }
                div.handy-links dd a { color: #000099; font-weight:bold; }


div.checkbox { width: 17px; height: 19px; float: right; margin: 0 4px 0 0; }
.checkbox img { display: block; float: right; }

/* linkedin button positioning */

.about-action-bar .left-recruit-now {
    float: left;
    width: 172px;
}

.about-action-bar .linkedin-container {
    float: left;
    display: block;
    width: 200px;
    height: 20px;
    overflow: hidden;
    margin-top: 17px;
    margin-left: 7px;
}