@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=vietnamese');
*,
*::before,
*::after {box-sizing: border-box;}
body{
font:normal normal 400 16px/1.2 "Open Sans", Arial, sans-serif;
margin:0;
background: url("white-paper-pattern.jpg");
}
a{
color: #F96301;
text-decoration:underline;
outline:none;
}
a:hover,
a:focus{}
select{
border: 1px solid #ccc;
border-radius: 1px;
font-family: inherit;
padding: 3px 50px 3px 15px;
font-size: 0.95em;
color: #444;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: white url("dropdown-arrow-down.png") no-repeat center right 20px / auto 5px;
width: 280px;
height: 37px;
}
/* Hide browser select arrow for IE10 and IE11 */
select::-ms-expand {display: none;}
/* Disable custom select arrow for IE8 and IE9 */
html.ie8 select, html.ie9 select{
background: white;
padding: 3px 15px 3px 15px;
}
select:focus{outline: 0;}
button{
font: inherit;
cursor: pointer;
}
.cont{
background: #F96301;
border: none;
color: white;
padding: 8px 35px;
display: block;
font-size: 1.09em;
cursor: pointer;
}
input{
outline:none;
font: inherit;
border: 1px solid #F96301;
padding:10px;
}
h1{
font-weight: bold;
font-size: 4.9em;
line-height: 1;
margin:0;
padding:0;
display: inline-block;
float: left;
letter-spacing: -3px;
}
h1:lang(frca), h1:lang(es) {
font-size: 60px;
padding-top: 10px;
}
h1::before {
content: "";
background: url("logo1.jpg") no-repeat top left / cover;
height: 60px;
width: 60px;
display: inline-block;
margin-right: 25px;
}
h1:lang(frca)::before {
background-image: url("logo1_frca.png");
vertical-align: bottom;
}
h1:lang(es)::before {vertical-align: bottom;}
h2{
margin:0;
padding:0;
letter-spacing: -1px;
font-size: 2.54em;
text-transform: uppercase;
}
h2.inner-page-header{text-align: left;}
h3{
margin:1em 0;
padding:0;
}
h3 .emphasis{
text-transform: uppercase;
color: #F96301;
}
img{
border:0;
display:block;
}
ol,ul{
margin:1em 0;
padding:0 0 0 1.25em;
}
p{
margin:1em 0;
padding:0;
}
.wrapper{
min-width: 1200px;
width: 100%;
}
.wrapper > * {
width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
#epHeaderWrapper{background:white;}
#epAttention{
text-align: center;
font-weight: bold;
padding: 15px 0;
}
#epAttention .notice{color: #F96301;}
#epLang{
padding: 5px 15px 5px 10px;
font-size: 1.27em;
position: relative;
display: inline-block;
border: 1px solid #F96301;
float: right;
margin-top: 13px;
z-index: 1;
}
#epLang::after{
content: '\0025BC';
font-size: 12px;
margin-left:20px;
}
#epLang:hover #epLangMenu,
#epLang:focus #epLangMenu{display: block;}
#epLangMenu{
display:none;
background: #F96301;
width: 200px;
top: 35px;
left: -1px;
position: absolute;
}
#epLangMenu a{
display:block;
padding: 8px 10px 8px 10px;
text-decoration: none;
color: black;
}
#epLangMenu a:hover,
#epLangMenu a:focus{
background:white;
color:black;
}
/* Navigation */
#epNavWrapper{
background: url("paper-tear-pattern.png") repeat-x top -13px left;
z-index: 1;
width: 100%;
padding: 0;
}
#epNav{
height: 45px;
list-style-type: none;
}
#epNav li{
display: inline-block;
height: 37px;
}
#epNav li::before, #epNav li:last-child::after{
content:"";
background:url("nav-divider.png") no-repeat top left / cover;
display:inline-block;
height: 35px;
width: 3px;
vertical-align: top;
}
#epNav a{
text-decoration: none;
color: black;
font-weight: bold;
font-size: 1.09em;
text-transform: uppercase;
line-height: 35px;
margin:0 25px;
display: inline-block;
}
#epNav a:lang(es), #epNav a:lang(frca), #epNav:lang(vi){font-size: 0.9em;}
#epNav a:hover,
#epNav a:focus{text-decoration: underline;}
/* Index: Hero Quote */
#heroQuoteWrapper {
background: url("wood-pattern-orange.jpg") repeat-x top left;
box-shadow: 0px -4px 20px 0px #ccc;
}
#heroQuote {
height:213px;
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 25px;
}
#heroQuoteText{
top: 46.5%;
transform: translateY(-50%);
position: relative;
}
#heroQuote .quote {color: white;}
#heroQuote .author {margin-top: 20px;}
/* Index: Call to Action */
#epButtonsWrapper{background: url("wood-pattern-beige.jpg") no-repeat top left / cover;}
#epButtons{
padding:20px 0;
text-align: center;
display: table;
font-weight: bold;
}
#epButtons a{
text-decoration: none;
color: black;
display: table-cell;
width: 275px;
background-repeat: no-repeat;
background-size: 96px;
background-position: top center;
padding:100px 12px 55px 12px;
position: relative;
}
#epButtons a::after {
background: url("down-chevron.png") no-repeat top left / 32px auto;
content:"";
display:inline-block;
width: 32px;
height: 32px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
#epButtons a:not(:first-child){margin-left: 20px;}
#epButtons a.report{background-image: url("icon-report.png");}
#epButtons a.question{background-image: url("icon-question.png");}
#epButtons a.follow{background-image: url("icon-follow.png");}
#epButtons .title{
text-transform: uppercase;
font-size: 20px;
margin-bottom: 5px;
}
#epButtons .subtitle{font-size: 18px;}
#epContent{
padding-top: 30px;
padding-bottom: 30px;
}
#epContent.offset{padding-left:23%;}
.sixThingsHeader {
text-align: center;
margin-bottom: 50px;
font-size: 2.18em;
text-transform: none;
}
#sixThings .question {
color: #F96301;
font-size: 19.5px;
}
#sixThings .answer {font-size: 18px;}
#sixThings .row {
display: flex;
justify-content: space-between;
padding: 0 20px;
}
#sixThings .thing {
width: 30%;
font-weight: bold;
}
#sixThings .row:first-of-type {margin-bottom: 50px;}
#sixThings .row:first-of-type .thing {
border-bottom: 1px solid #ccc;
padding-bottom: 50px;
}
#review-container{text-align: center;}
#review-our-code{
background: url("values-wheel.png") no-repeat center left / contain;
height: 125px;
max-width: 775px;
display: inline-block;
text-decoration: none;
font-size: 2.18em;
color: black;
font-weight: bold;
padding-left: 150px;
letter-spacing:-1px;
line-height: 1;
text-align: left;
margin-top: 50px;
}
#review-our-code .review-text{
top:50%;
transform:translateY(-50%);
position:relative;
display: block;
}
/* Inner Pages */
#pageTitleWrapper {
background: url("wood-pattern-orange.jpg") no-repeat top left / cover;
box-shadow: 0px -4px 20px 0px #ccc;
}
#pageTitle {
padding-top: 10px;
padding-bottom: 15px;
}
.text{
font-weight: bold;
margin-bottom: 5px;
}
/* Report: Current Associate? */
.areYou {
font-size: 2.54em;
font-weight: bold;
letter-spacing: -1px;
}
.associateButtons{
margin-left: 50px;
font-size: 1.09em;
}
.associateButtons > *{
background: #F96301;
border: none;
color: white;
padding: 10px;
display: block;
width: 275px;
text-align: center;
text-decoration: none;
}
#nonAssociatesRedirect{
margin-left: 35px;
margin-top: 30px;
}
#nonAssociatesRedirect .text{font-size: 1.27em;}
#nonAssociatesRedirect select{margin: 5px 0 10px 0;}
.associateButtons button:not(:first-child){margin-top: 15px;}
#nonAssociatesRedirect, #associateNoCont{display: none;}
/* Report a Concern */
.columnContainer::after {
display: block;
content: "";
clear: both;
}
.column {width: 45%;}
.column > p:not(.resourceType):first-of-type {margin-top: 0;}
.column:first-child{float: left;}
.column:last-child{float: right;}
.locationSearchLink {
cursor: pointer;
text-decoration: none;
display: block;
font-size: 0.95em;
margin-top: 10px;
margin-left: 10px;
}
.reportHeaders{
color: #F96301;
font-size: 1.63em;
}
#epDataPrivacy div.table table{width: 100%;}
#epDataPrivacy div.table {
border: 1px solid #999;
font-weight: bold;
border-collapse: collapse;
}
#epDataPrivacy div.table tr:first-of-type{
color: white;
background: #F96301;
}
#epDataPrivacy div.table tr:not(:last-of-type) {border-bottom: 1px solid #999;}
#epDataPrivacy div.table th{
font-size: 0.81em;
padding: 10px;
text-align: left;
}
#epDataPrivacy div.table td {
color: #F96301;
padding: 10px;
}
#epDataPrivacy div.table tr:not(:first-of-type):hover{
background: #eee;
cursor: pointer;
}
.locInstructions{
margin-top: 20px;
margin-bottom: 5px;
}
.logo_ng {
display: inline-block;
width: 96px;
margin: 0 5px;
}
h3.faq {
text-align: center;
font-size: 2.54em;
margin-bottom: 0;
}
.faqBlock {
width: 325px;
display: inline-block;
vertical-align: top;
}
.faqBlock:not(:first-of-type){margin-left: 60px;}
#faqContainer {
text-align: center;
margin-top: 100px;
}
#faqContainer.askAQuestion {margin-top: 75px;}
.faqQuestion {
font-size: 1.45em;
margin-bottom: 15px;
margin-top: 40px;
}
.faqAnswer{font-size: 1.09em;}
/* Follow Up */
h3.followFaqHeader {
font-size:1.63em;
margin-top: 0;
}
.followFaqQuestion {
font-weight: bold;
font-size: 1.09em;
color: #F96301;
letter-spacing: -1px;
}
#ep-follow-form {margin-top: 40px;}
#ep-follow-form label {
font-size: 1.27em;
font-weight: bold;
display: block;
margin-bottom: 5px;
}
#ep-follow-form input.follow{
width: 300px;
margin-bottom: 15px;
}
/* Ask a Question: Additional Resources */
h3.addtlResourcesHeader {
font-size:1.27em;
margin-top: 0;
}
.resourceType{
font-weight: bold;
color: #F96301;
margin-bottom: 0;
}
/* Footer */
#epNAVEXFooterWrapper{border-bottom: 15px solid #F96301;}
#epNAVEXFooter .line1{float: left;}
#epNAVEXFooter .line2{float: right;}
#epNAVEXFooter th{display: none;}
#epHeader{
height:100px;
position:relative;
padding-top: 5px;
}
#epWrapper{
margin: 0 auto;
position:relative;
width:950px;
}
/*dp2*/
#epDataPrivacy h2.online, #epDataPrivacy2 h2.online, #epDataPrivacy .phone h2, #epDataPrivacy2 .phone h2 {display: none;}
#epDataPrivacy ol.dropDowns, #epDataPrivacy2 ol.dropDowns{
list-style:none;
margin:0;
padding:0;
}
#epDataPrivacy select, #epDataPrivacy2 select, #epPhone select{margin: 0 0 10px 0;}
#epDataPrivacy li.table, #epDataPrivacy2 li.table{margin-top: 15px;}
#epDataPrivacy2 .continueText .text {display: none;}
#epDataPrivacy2 .cont {margin-top: 10px;}
.text {margin-bottom: 5px;}
/* Issues */
.issuesInstructions .title{
font-size: 1.63em;
color: #F96301;
font-weight: bold;
}
.issuesInstructions .subtitle{
font-style: italic;
font-size: 1.27em;
}
#epIssues {margin: 20px 0 0 80px;}
#epIssues .issue {position: relative;}
#epIssues .issue:not(:first-child) {margin-top: 15px;}
#epIssues .name {
font-weight: bold;
font-size: 1.45em;
margin-left: 45px;
position: relative;
}
#epIssues .desc {
    margin-left: 47px;
    font-size: 1.09em;
    padding-bottom: 35px;
    position: relative;
}
#epIssues .desc:after{
    content: "";
    background-image: url(continue.png);
    height: 30px;
    width: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
   }
   #epIssues:lang(es) .desc:after{background-image: url(continueES.png);}
   #epIssues:lang(frca) .desc:after{background-image: url(continueFRCA.png);}
   #epIssues:lang(vi) .desc:after{background-image: url(continueVI.png);}
   #epIssues:lang(zhs) .desc:after{background-image: url(continueZHS.png);}
#epIssues .name:hover ~ .desc,
#epIssues .name:focus ~ .desc{display: block !important;}
#epIssues .desc:hover,
#epIssues .desc:focus{display: block !important;}
#epIssues .details {
    width: 20px;
    height: 28px;
    position: absolute;
    left: 5px;
    top: -4px;
    font-size: 30px;
    font-weight: 700;
}
/* Utility Classes */
.orange {color: #F96301;}
.white {color: white;}
.uppercase {text-transform: uppercase;}
.bold {font-weight: bold;}
.nowrap{white-space:nowrap;}
.top{
margin-top:0;
padding-top:0;
}
.bottom{
margin-bottom:0;
padding-bottom:0;
}
.underline{text-decoration: underline;}