/* map key */

div.pdfemb-viewer {margin: 20px 0;}

#content-area .map-key {
    width: 340px;
    float: right;
    position: relative;
    z-index: 1;
}

#content-area .map-key ul {
    list-style: none;
    line-height: 1em;
    font-size: 16px;
}

#content-area .map-key ul li {list-style: none; margin: 0}

#content-area .map-key ul li:before {
    content: "";
    line-height: 1em;
    width: 1em;
    height: 1em;
    float: left;
    margin: .01em .5em 0;
}

#content-area .map-key ul li.mk-green:before {background-color: #3FCC26}
#content-area .map-key ul li.mk-yellow:before {background-color: #de3}
#content-area .map-key ul li.mk-red:before {background-color: #FF3030}
#content-area .map-key ul li.mk-gray:before {background-color: #9799A8}
#content-area .map-key ul li.mk-blue:before {background-color: #172FB7}
/*.map-key ul li .mk-gray {background-color: #9799A8}
.map-key ul li .mk-green {background-color: #3FCC26}
.map-key ul li .mk-red {background-color: #FF3030}*/

/* end map key */

.orange-cta {
    display: block;
    padding: 5px 20px;
    margin: 0px auto;
    background-color: #e67e22;
    border-bottom: solid 5px #871616;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

.orange-cta:hover {
    background-color: #871616;
    border-bottom: solid 5px #e67e22;
    text-decoration: none;
}

.orange-cta:visited {
    color: #fff;
}


div.ribbon {
    margin: 0 0 20px -15px;
    width: 690px;
    position: relative;
    display: inline-block;
    font-family: sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    padding: 2px 0;
    background: #d64b4b;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#d56a6a), to(#d64b4b));
    background: -webkit-linear-gradient(top, #d56a6a, #d64b4b);
    background: -moz-linear-gradient(top, #d56a6a, #d64b4b);
    background: -ms-linear-gradient(top, #d56a6a, #d64b4b);
    background: -o-linear-gradient(top, #d56a6a, #d64b4b);
    background-image: -ms-linear-gradient(top, #d56a6a 0%, #d64b4b 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#d64b4b", EndColorStr="#ab2c2c");
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
}
div.ribbon:before,
div.ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1em;
    z-index: -1;
}
div.ribbon:before {
    left: -2em;
    border-right-width: 1.5em;
    border-left-color: transparent;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
}
div.ribbon:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 1px;
}
div.ribbon > span {
    display: inherit;
    width: 620px;
    margin: 0;
    padding: 10px 35px 0 35px;
    color: #fff;
    text-shadow: #d65c5c 0 1px 0;
    /*border-top: 1px dashed rgba(0, 0, 0, 0.2);
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);*/
    /*box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.15),
                inset 0px -1px 1px rgba(255, 255, 255, 0.15),
                0px 1px 1px rgba(255, 255, 255, 0.1),
                0px -1px 1px rgba(255, 255, 255, 0.15);*/
}
div.ribbon > span:before,
div.ribbon > span:after {
    content: "";
    border-color: #871616 transparent transparent transparent;
    position: absolute;
    border-style: solid;
    bottom: -1em;
}
div.ribbon > span:before {
    left: 0;
    border-width: 1em 0 0 1em;
}
div.ribbon > span:after {
    right: 0;
    border-width: 1em 1em 0 0;
}

div.ribbon .ribbon-btn {
    float: right;
    margin: 10px;
    font-weight: bold;
}

div.ribbon .af-button {background-color: #333}

div.ribbon h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.af-form .message {
        margin-bottom: 3px;
        font-family: 'Oswald', sans-serif;
        font-size: 16px;
    }

    .af-form .text {
        float: left;
        background-color: #e4e3e1;
        color: #5e5f5f;
        border: none;
        padding: 4px 2px 4px 6px;
        margin-left: 0;
        min-width: 220px;

    }
    .af-form .text::-webkit-input-placeholder {color: #828383;}
    .af-form .text:-moz-placeholder {color: #828383;}
    .af-form .text::-moz-placeholder {color: #828383;}
    .af-form .text:-ms-input-placeholder {color: #828383;}


    .af-form .af-button {
        float: left;
        font: 400 12px/12px 'Oswald', sans-serif;
        background-color: #e91b23;
        color: #fff;
        padding: 5px 7px 6px 7px;
        border: none;
    }

#slidebox {
    width:100%;
    height:30px;
    padding:10px;
    background-color: #dedede;
    border-top:1px solid #aaa;
    position:fixed;
    bottom: -51px;
        z-index: 1000;
        -webkit-transition: bottom 0.5s; /* Safari */
    transition: bottom 0.5s;
}

#slidebox.fixed-slidebox {
    bottom: 0px;
}

#slidebox a.logo {
    position: absolute;
    width: 200px;
}

#slidebox div.social-sharing-top {
    margin: 3px 0px 0px 10px;
    width: 280px;
}

#slidebox div.wsop-offer {
    float: right;
    margin-right: 50px;
}

#slidebox div.wsop-offer img {
    margin: 0 15px;
}

#slidebox div.wsop-offer h2 {
    float: left;
    margin-top: 8px;
    font-size: 19px;
    line-height: 1em;
}

#slidebox div.wsop-offer h2 span {
    color: #fa4a28;
}

#slidebox div.wsop-offer .slidebox-cta {
    width: 170px;
    float: right;
    height: 22px;
    margin-top: -7px;
    padding-top: 12px;
    font-weight: bold;

}

#slidebox .af-form {
    float: right;
    margin-right: 50px;
}

#slidebox .af-form .text {
    float: left;
    background-color: #e4e3e1;
    border: 1px solid #bbb;
    font: 400 16px/16px 'Oswald', sans-serif;
    color: #5e5f5f;
    padding: 8px 0px 2px 6px;
    margin-left: 0;
    width: 265px;
    height: 20px;
    margin-right: 10px;
}

/*#slidebox::-webkit-input-placeholder {
   padding: 8px 0px 2px 6px;
}

#slidebox:-moz-placeholder {
   padding: 8px 0px 2px 6px;
}

#slidebox::-moz-placeholder {
   padding: 8px 0px 2px 6px;
}

#slidebox:-ms-input-placeholder {
   padding: 8px 0px 2px 6px;
}*/

#slidebox .af-form .af-button {
    float: left;
    font: 400 18px/18px 'Oswald', sans-serif;
    background-color: #e91b23;
    color: #fff;
    padding: 5px 7px 6px 7px;
    border: none;
    height: 32px;
    width: 100px;
}

#popoutbox{
    width:400px;
    height:auto;
    padding:10px;
    background-color: #dedede;
    border: 1px solid #aaa;
    position:fixed;
    bottom:60px;
    right:-430px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
        box-shadow:-2px 0px 5px #aaa;
        -webkit-transition: right 0.5s;
    transition: right 0.5s;
    font-size: 14px;
}


#popoutbox.fixed-popoutbox{
    right: 10px;
}


#popoutbox p{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
}
a.more{
    cursor:pointer;
    color:#E28409;
}
a.more:hover{
    text-decoration:underline;
}

#popoutbox ul {
    list-style-type: none;
}

#popoutbox ul li {
    font-weight: bold;
    margin-bottom: 3px;
}

#popoutbox .popoutbox-cta {
    width: 80px;
    float: right;
    font-weight: bold;
    margin: 28px 10px 0 0;
    padding: 10px 20px;
}


#popoutbox .pob-logo img {
    width: 200px;
}

#popoutbox .pob-mail img {
    float: left;
    margin-right: 15px;
}


#popoutbox h2 {
    color: #fa4a28;
    font-size:20px;
    line-height: 24px;
    margin:0px 20px 10px 0px;
}

a.close{
    background:transparent url(images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
a.close:hover{
    background-position:0px -13px;
}

@media screen and (max-width: 1002px) and (min-width: 768px) {

    #content-area .map-key-wrapper {height: 30px}
    #content-area .map-key {width: 280px}
    #content-area .map-key ul {
        font-size: 14px;
    }
    div.ribbon {width: 458px;}
    div.ribbon > span {width: 388px;}
    div.ribbon > strong {width: 389px;}

    #slidebox .af-form {margin-right: 30px;}
    #slidebox div.social-sharing-top {display: none;}
}

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

    #content-area .map-key-wrapper {height: 30px}
    #content-area .map-key {width: 200px}
    #content-area .map-key ul {
        font-size: 12px;
    }
    div.ribbon {width: 630px;}
    div.ribbon > span {width: 560px;}
    div.ribbon > strong {width: 559px;}

    #slidebox div.social-sharing-top {display: none;}
    #slidebox div.wsop-offer h2 {width: 200px; margin-top: 0;}
    #slidebox .af-form .text {width: 230px;}

    #popoutbox {display: none}
}

@media screen and (max-width: 599px) and (min-width: 480px) {

    #content-area .map-key-wrapper {height: 35px}
    #content-area .map-key {width: 160px}
    #content-area .map-key ul {
        font-size: 11px;
    }
    div.ribbon {width: 510px;}
    div.ribbon > span {width: 460px;}
    div.ribbon > strong {width: 439px;}

    #slidebox div.social-sharing-top {display: none;}
    #slidebox div.wsop-offer h2 {width: 150px; margin-top: 0; font-size: 16px;}
    #slidebox div.wsop-offer img {margin: 0 5px;}
    #slidebox div.wsop-offer .slidebox-cta {padding: 5px; width: 120px; height: 30px;}
    #slidebox .af-form .text {width: 230px;}
    #slidebox a.logo {display: none}
    #popoutbox {display: none}

    /*#main-search {display: none}*/

    ul.main-nav {
        max-width: 450px;
        }

    ul.main-nav li a {
        font: 700 13px/13px 'Open Sans Condensed', sans-serif;
        padding: 12px 10px;
        }
}

@media screen and (max-width: 479px) {

    #content-area .map-key-wrapper {height: 60px}
    #content-area .map-key {width: 140px}
    #content-area .map-key ul {
        font-size: 10px;
    }
    div.ribbon {width: 350px;}
    div.ribbon > span {width: 280px;}
    div.ribbon > strong {width: 279px;}

    #slidebox a.logo {display: none}
    #slidebox div.social-sharing-top {display: none;}

    #slidebox div.wsop-offer h2 {display: none;}
    #slidebox div.wsop-offer img {margin: 0 5px;}
    #slidebox div.wsop-offer .slidebox-cta {padding: 5px; width: 120px; height: 30px;}

    #popoutbox {display: none}
    #slidebox .af-form .text {width: 20px;}

    ul.main-nav {
        max-width: 320px;
        }

    ul.main-nav li a {
        font: 700 10px/10px 'Open Sans Condensed', sans-serif;
        padding: 12px 4px;
        }

    #post-area #mc_embed_signup {height: 90px;}
}