.page-container {
    box-shadow: 0 0 5px 0 #CCCCCC;
}
.page-container.inset {
    box-shadow: none;
}
.banner {
    background: #333;
    height: 210px;
    overflow: hidden;
}
.banner .tabs .tab {
    background: url('//imga.nxjimg.com/emp_image/cperks/banner_tabs_blue.png') no-repeat;
    width: 236px;
    height: 105px;
    cursor: pointer;
}
.banner .tabs .for-employees {
    background-position: 0 0;
}
.banner .tabs .for-corporations {
    background-position: 0 -105px;
}
.banner .tab .text-container {
    padding: 3em 0 0 1em; 
}
.banner .text-container h1 {
    font-size: 2.5em;
}
.banner .info .for-corporations-info {
    display: none;
}
.banner .info .info-section {
    margin-top: 1.5em;
    margin-left: 2.5em;
}
.banner .info-section .blurb {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 18px;
}
.temporary-holder{  /* 6/29/15 Christian Lemieux: taking out pricing & features table*/
     height:243.6px;
     font-size:10pt;
     text-align:center;
}
.temp-span{
    padding-bottom:20px;
    width:65%;
    margin:0 auto;
    display:block;
    text-align: center;
}
.temp-h4{
    padding-left:10px;
    text-align:center;
}

/*//////////////////////////////////////////////////////////////////////////////
  Legacy
  ////////////////////////////////////////////////////////////////////////////*/

.main-banner-container {
    background: url('//imga.nxjimg.com/emp_image/cperks/v3.0/bg-blue-banner.jpg') no-repeat;
    background-color: #244A88;
    background-position: center;
    color: #FFFFFF;
    height: 330px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    *top: -10px;
}
.main-banner-container .frame_12, .main-messaging {
    height: 100%;
}
.main-messaging-panes {
    margin-top: 60px;
}
.main-messaging-pane#how-it-works ol {
    margin-left: 0;
    padding-left: 0;
}
.main-messaging-pane#how-it-works ol li {
    background: url('//imga.nxjimg.com/emp_image/cperks/v3.0/nos.png') no-repeat;
    font-family: "GillSansBold";
    font-size: 1.6em;
    line-height: 30px;
    list-style: none;
    margin: 3px 0;
    padding-left: 40px;
    text-transform: uppercase;
}
.main-messaging-pane#how-it-works ol li.no-1 {
    background-position: 0 0;
}
.main-messaging-pane#how-it-works ol li.no-2 {
    background-position: 0 -44px;
}
.main-messaging-pane#how-it-works ol li.no-3 {
    background-position: 0 -88px;
}
.main-messaging-selector-container {
    bottom: 20px;
    left: 0;
    position: absolute;
}
.main-messaging-selector {
    float: left;
    margin-right: 1px;
    padding-top: 7px;
}
.main-messaging-selector div {
    color: #FFFFFF;
    background-color: #578242;
    font-weight: bold;
    line-height: 3.0em;
    padding: 0 7px;
    text-align: center;
}
.main-messaging-selector.active {
    background: url('//imga.nxjimg.com/emp_image/cperks/v3.0/arrow-green.png') no-repeat;
    background-position: center top;
}
.main-messaging-selector.active div {
    background-color: #90CA00;
}
#sign-up-container {
    background: url('//imga.nxjimg.com/emp_image/cperks/v3.0/signup-box.png') no-repeat;
    color: #999999;
    display: block;
    height: 224px;
    padding-left: 10px;
    position: absolute;
    right: 0;
    top: 60px;
    width: 460px;
}
.sign-up-container-header {
    margin: 18px 0 10px 8px;
}
.sign-up-container-header h2 {
    color: #FFFFFF;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    padding: 0;
    width: 85px;
}
.sign-up-container-header h3 {
    color: #999999;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 0 10px;
    padding: 0;
    width: 300px;
}
.join-prompt {
    background-color: #FFFFFF;
    border: solid 1px #E4E4E4;
    box-shadow: 0 0 5px #CCCCCC;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    width: 415px;
}
#sfJoinBtn{
    background: url('//imga.nxjimg.com/emp_image/cperks/v3.0/join.png') no-repeat;
    *behavior: url('/static/iepngfix.htc');
    border: none;
    cursor: pointer;
    height: 48px;
    padding: 0;
    width: 100px;
}
#error-message {
    margin: 0;
    min-height: 1.0em;
    position: relative;
    text-align: left;
    width: 415px;
}
.try-it-prompt {
    margin: 10px auto;
    position: relative;
    width: 415px;
}
.not-ready {
    line-height: 38px;
    margin-right: 10px;
    text-align: right;
    width: 295px;
}
.try-it-button-container, .try-it-button-container a {
    width: 110px;
}
.try-it-button-container a {
    text-decoration: none;
}
.hr-admin-prompt {
    color: #CCCCCC;
    margin-top: 2px;
    position: relative;
    width: 415px;
    *top: -10px;
    font-size: 11px;
}
.hr-admin-prompt .contact-us-link {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}
.employees-tile {
    padding: 0;
    width: 300px;
}
.employees-tile img {
    max-width: 300px;
}
.employers-tile {
    padding: 0;
    text-align: center;
}
.employers-hr-contact-us {
    background-color: #FFFFFF;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 28px;
    *top: 0;
}
.employers-hr-contact-us span {
    line-height: 38px;
    margin-right: 5px;
}
.employers-main-banner {
    margin-bottom: 30px;
}
.employers-infographic h1 {
    font-size: 10.0em;
    line-height: 1.0em;
    text-align: center;
}
.employers-infographic h2 {
    text-align: center;
    text-transform: uppercase;
}
.employer-detail-panes {
    background: url('//imga.nxjimg.com/emp_image/cperks/v3.0/diagonal-pattern-2.gif');
    border-bottom: solid 1px #EFEFEF;
    border-top: solid 2px #D5D5D5;
}
.employer-detail-pane .indicator {
    position: relative;
    top: -2px;
}
.better-x-container {
    margin-bottom: 30px;
}
.better-x {
    padding: 0 25px;
    width: 250px;
}
.cat-detail {
    color: #AAAAAA;
    font-size: 1.0em;
}
.client-detail {
    color: #AAAAAA;
    font-size: 1.1em;
    padding-top: 10px;
}
.client-detail .ru-count {
    color: #999999;
    font-family:'BebasNeue';
    font-size: 2.4em;
}
.cat-icon {
    background: url('//imga.nxjimg.com/emp_image/cperks/v3.0/category-icon-sprite.png') no-repeat;
    display: block;
    height: 40px;
    margin: 0 auto;
    position: relative;
}
.cat-icon.computers {
    background-position: 0 0;
    width: 56px;
}
.cat-icon.eating {
    background-position: -78px 0;
    width: 19px;
}
.cat-icon.cellphones {
    background-position: -129px 0;
    width: 34px;
}
.cat-icon.travel {
    background-position: -183px 0;
    width: 41px;
}
.cat-icon.electronics {
    background-position: -237px 0;
    width: 50px;
}
.example-client-container {
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
}
.example-client {
    display: block;
    margin: 10px auto 0;
    text-decoration: none;
    text-align: center;
    width: 250px;
}
.example-client img {
    border: 0;
    height: 60px;
}
a.white-link {
    color: #FFFFFF;
    text-decoration: underline;
}
#how-it-works-container, #contact-us-container {
    background: url('//imga.nxjimg.com/emp_image/userprofile/bg.png');
    color: #666666;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
#how-it-works-content, #contact-us-content {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 10px #555555;
    width: 900px;
    margin: 50px auto 0;
    position: relative;
    z-index: 2;
}
#contact-us-content {
    padding: 2em;
    width: 750px;
    overflow: hidden;
}
#how-it-works-outer {
    display: block;
    height: 620px;
    width: 100%;
}
#how-it-works-outer {
    background: url('//imgb.nxjimg.com/emp_image/giftguide/howitworks5.jpg') no-repeat;
}
.close-x {
    background: url('//imga.nxjimg.com/emp_image/category/fivestarbarclose.png') no-repeat;
    cursor: pointer;
    height: 19px;
    position: absolute;
    right: 9px;
    top: 9px;
    width: 19px;
}
#how-it-works-extras {
    color: #FF5302;
    font-family: "GillSansBold";
    font-size: 22px;
    left: 66px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 67px;
    width: 355px;
}
#employers-contact-us h4 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 20px;
}
#employers-contact-us .submit-button a {
    margin: 0 auto;
}
#employers-contact-us p {
    margin-top: 8px;
    margin-bottom: 8px;
}
.contact-us-link {
    color: #00417A;
    text-decoration: none;
}
.contact-us-link:hover {
    text-decoration: underline;
}
.button.contact-us-link {
    color: #FFFFFF;
}
.button.contact-us-link:hover {
    text-decoration: none;
}
.contact-us-fill-out-form {
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    height: 100%;
    padding: 10px;
}
.contact-us-form-container .input-label {
    line-height: 40px;
}
.contact-us-form-container input[type="text"], .contact-us-form-container input[type="password"], .contact-us-form-container textarea, .contact-us-form-container select, .contact-us-form-container input[type="file"] {
    border: solid 1px #E4E4E4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    padding: 10px;
    width: 290px;
}
.contact-us-form-container select {
    width: 312px;
}
.contact-us-form-container a.submit {
    background-color: #90CA00;
    border: solid 1px ##578242;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}
#contact-us-form-feedback-company, #contact-us-form-feedback-employee-count, #contact-us-form-feedback-email, #contact-us-form-feedback-name, #contact-us-form-feedback-program {
    padding-top: 5px;
}
#contact-us-form-feedback-submit {
    padding-top: 10px;
}
#packages {
    background-color: #FFFFFF;
    border:1px solid #CCCCCC;
    z-index: 1;
}
#packages td, #packages th {
    border-left: solid 1px #ECECEC;
    border-top: solid 1px #ECECEC;
    padding: 5px;
    vertical-align: top;
}
#packages th h4{
    font-family:"BebasNeue";
    text-transform: uppercase;
    color:#FFFFFF;
    font-size:36px;
    *font-size:26px;
    text-align:left;
    margin:15px 0px 10px;
    *text-align:center;
}
.packageBase{
    background-color:#283891;
}
.packageGold{
    background-color:#ba8d21;
}
.packagePlatinum{
    background-color:#333333;
}
.packageSilver{
	background-color:#c0c0c0;
}

.packageSize{
    float:right;
    color:#CCCCCC;
    text-transform:uppercase;
    font-size:20px;
    *font-size:16px;
}
#packages tr.packageAccess{
    background-color:#EFEFEF;
}
#packages tr.packageAccess h4{
    margin:0px;
    *font-size:12px;
}
#packages ul li{
    list-style-type: none;
    font-style:italic;
}

#packages td.get-started {
    text-align: left;
    vertical-align: top;
}
#how-it-works-helpful {
    margin-bottom: 1em;
}
#how-it-works-helpful-label {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    font-weight: bold;
}
#how-it-works-helpful-tu,
#how-it-works-helpful-td {
    vertical-align: middle;
    cursor: pointer;
}
#how-it-works-helpful-submitted {
    visibility: hidden;
    color: green;
    margin-bottom: 1em;
}

.main-container {
    background: #FFFFFF;
}
.main-content {
    width: 920px;
    margin: 0 auto; 
}

.info-section .blurb.smallblurb {
    margin-top: 1em;
}
.banner .links .links-content {
    margin: 1em 0 0 0;
    background: #FFFFFF;
    height: 185px;
    width: 188px;
}
.links-content .section {
    padding-top: 1em;
}
.links-content .links-header {
    background: url('//imga.nxjimg.com/emp_image/cperks/heading_label.png') no-repeat;
    width: 125px;
    height: 41px;
    margin-left: -10px;
}
.links-content .links-header .text-container {
    color: #FFFFFF;
    font-weight: bold;
    padding: .5em 0 0 1em;
}
.links-content .links-list-corporations{
    display: none;
}
.links-content ul {
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0;
}
.links-content li a{
    color: #283891;
    text-decoration: none;
}
.links-content li a:hover{
    text-decoration: underline;
}
#joinCpForm {
    margin-top: 2em;
}
#joinEmail {
    border: none;
    float: left;
    font-size: 16px;
    margin: 0 10px 0 5px;
    padding: 11px;
    width: 400px;
}
#joinCpButton {
    background: #90CA00;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    border: none;
    cursor: pointer;
    height: 42px;
    line-height: 44px;
    text-align: center;
    float: left;
    margin-left: 1em;
    font-size: 15px;
}
#cpTryBtn {
    color: #FFFFFF;
    margin-left: 1em;
    line-height: 40px;
}
#error-message {
    display: block;
    height: 17px;
    clear: both;
    margin-top: 5px;
}
.call-to-action {
    overflow: hidden;
}
.contact-us-link, .build-my-program-link {
    margin-top: 2em;
    width: 150px;
}
.main-container .definition h1 {
    margin: .5em 0 .2em 0;
}
.main-container .definition p {
    margin: 0;
}
.details-container {
    margin-top: 3.5em;
}
.details-container h1 {
    background: none;
    margin-top: 0;
    margin-bottom: 15px;
}
.employees-tiles .size1of3 {
    width: 32%;
}
.employee-tiles {
    margin-top: 1em;
}
.employees-tile {
    width: 390px;
    margin-top: 1em;
    border-top: 1px solid #eee;
    padding-top: 1em;
}
.employees-tile.first{
    border-top: none;
}
.employees-tile img {
    width: 140px;
}
.employees-tile h3 {
    margin: 0;
}
.employers-infographic h1 {
    font-size: 6em;
}
.for-employees-details, .for-corporations-details {
    width: 47%;
}
.for-employees-details {
    margin-right: 3.5em;
    border-right: 1px solid #eee;
    padding-right: .3em;
}
.employees-tile p {
    margin-top: 5px;
}

.tooltip-text {
	position : relative;
	color : #00417A;
	cursor : pointer;
}

.tooltip-text:hover {
	text-decoration: underline;
}

/* PAW content */
body {
    /*background: #333;*/
}

.page-container{
	padding: 0;
}

#outer-body-container{
	position:unset;
}

.text_border {
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.orange-stripe {
    width: 100%;
    height: 2px;
    background-color: #F16227;
}

.orange {
    color: #F16227
}

.square-box {
    border-radius: 0px
}

.perksatwork_login {
    position: relative;
    background: #ffffff;
    z-index: 1;
    min-width: 330px;
    min-height: 73px;
    overflow: hidden;
    width: 100%;
}
.perksatwork_login .row {
    max-width: none;
}

.perksatwork_image {
    height: 100%;
}
.login-content {
    background: #ffffff;
}
.banner {
    height: 80%;
}
.benefits {
    background-color: white
}
.bgclients {
    background:url("//imga.corporateperks.com/emp_image/perksatwork/login/bgclients.jpg") no-repeat center center fixed;
    background-size: cover;
}
.hr {

}

.logo {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.category-logo {
    max-height: 80%;
    max-width: 80%;
}

.logo_separator {
    position:absolute;
    left:-5%;
    top:-15%;
    bottom:50%;
    border-left:1px solid white; 
}

.logo-border {
    border-left-style: solid;
    border-left-color: whitesmoke;
    border-width: 1px;
}
.logo-border-right {
    border-right-style: solid;
    border-right-color: whitesmoke;
    border-width: 1px;
}

.bottom-banner {
    height: 80px;
    width: 100%;
    background-color: #252628;
}
.tos {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 10px;
    padding-top: 25px;
}

.story_image {
    height: 600px;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-color: #333;
    background-position: center center;
}

.perksatwork_image img {
    display: block;
}
.perksatwork_image .content {
    height: 100%;
    background-color: rgba(155, 155, 155, 0.2);
}
.dark-bg {
    background-color: #333;
}
.content {
    color: #FFF;
    text-shadow: 1px 1px #222 ;
}
.content .org_logo {
    width: 70px;
    height: 70px;
    background: #f1f1f1;
}
.content_inner {
    width: 100%;
    height: 95%;
}
.white {
    color: whitesmoke;
}
.text-center {
    text-align: center;
}
.text-nowrap {
    white-space: nowrap
}
.bullets {
    line-height:1.5;
}
.img_attr_pagination_container {
    width: 90%;
    height: 95%;
    padding-top: 10px;

}
.image_attribution {
    position: absolute !important;
    top: 10px;
}
.stories_pagination {
    
}

.pagination_icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #FFF;
    border-radius: 7px;
    cursor: default;
}
.pagination_icon.icon_inactive {
    cursor: pointer;
    background: #DDD;
    opacity: 0.5;
}
.header-form-text-2 {
    font-size: 1.5vw;
}

/* Small screens + */
@media only screen {
    .header-form-text {
        font-size: 14px;
    }
    .loginheader_text_small {
        font-size: 10px;   
    }
    .text_small {
        font-size: 15px;
    }
    .text_large {
        font-size:26px;
    }
    .content_inner {
    }
    .bullets {

    }
    .stories_pagination {
        display: none;
    }
    .image_attribution {
    }
    
    .small_pad_t_10{
        padding-top: 10px;
    }
     .small_pad_10{
        padding: 10px;
    }
    .story_image {
        width: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-color: #333;
        background-size: cover;
        background-position: 40% 50%;
    }

    .tagline{
        line-height: 1.3em;
    }
    
    .small_screen_font_size {
        font-size: 20px !important;
    }
    .small_height_50 {
        height: 50px !important;
    }
    .medium_height_60 {
        height: 60px !important;
    }
    .font_26_imp {
        font-size: 26px !important;
    }
    .small_margin_t_30 {
        margin-top: 30px !important;
    }
    
   
}

/* Medium screens + */
@media only screen and (min-width: 40.0625em) {
    .header-form-text {
        font-size: 1.4vw;
    }
    .loginheader_text_small {
        font-size: 10px;   
    }
    .content_inner {
    
    }
    .text_small {
        font-size: 16px;
    }
    .text_large {
        font-size:36px;
    }
    .bullets {
        
    }
    .image_attribution {
    }
    .small_banner_height_only {
        height: 600px !important;
    }

    .small_screen_font_size {
        font-size: 20px !important;
    }
    .medium_height_60 {
        height: 60px !important;
    }
    .font_26_imp {
       font-size: 26px !important;
    }
    .small_margin_t_30 {
        margin-top: 30px !important;
    }
    .medium_margin_t_10{
         margin-top: 10px !important;
    }
    .medium_margin_t_350{
         margin-top: 350px !important;
    }
    .tagline{
        line-height: 1.3em;
    }
    .story_image {
        width: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-color: #333;
        background-size: cover;
        background-position: 40% 50%;
    }

}

/* Large screens + */
@media only screen and (min-width: 64.0625em) {
    .header-form-text {
        font-size: 16px;
    }
    .loginheader_text_small {
        font-size: 11px;
    }
    .content_inner {
    }
    .large_pad_r {
        padding-right: 10px !important;
    }

    .perksatwork_login {
    }
    .bullets {
    }
    .stories_pagination {
        display: block;
    }
    .image_attribution {
        /*bottom: 120px;*/
    }
}

.height_18p {
    height: 18% !important
}

.width_450 {
    max-width: 450px !important
}

.margin_l_50 {
    margin-left: 50px
}
.margin_l_10 {
    margin-left: 10px
}

.margin_stories {
    margin-left: 280px
}

.margin_t_250 {
    margin-top: 250px
}

.height_350 {
    height: 350px
}
.height_10 {
    height: 10px
}
.padding_t_10 {
    padding-top: 10px
}
.pad_l_0 {
    padding-left: 0px !important
}
.pad_lr_0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.min_width_250 {
    min-width: 250px
}
.max_width_90p {
    max-width: 90% !important
}
.cp_input {
    outline: none;
    border:none;
    background: #666;
    border-radius: 0px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
    color: white;
    transition: 0.2s background, 0.2s color;
    height: 40px;
}
.cp_input.grey {
    background: #666;
    border-radius: 0px;
}
.cp_input.white {
    border: 1px solid #CCC;
    color: #999;
    background: #FFF;
    border-radius: 0px;
}
.cp_input:focus {
    background: #EEE;
    color: #333;
    border:none;
    border-radius: 0px;
}
.cp_input.red {
    border: 1px solid #FF0013;
    border-radius: 0px;
}
.forgot-password {
	color:#ffffff;
}
.text_red{
	color: #FF0013;
}

.perksatwork_button.orange {
    background: #F16227;
    color: white;
}
.perksatwork_button.orange:hover {
    background: #ff824e;
    color: white;
}
.perksatwork_button.green {
    background: #009A3A;
    color: white;
}
.perksatwork_button.green:hover {
    background: #00B056;
    color: white;
}
.perksatwork_button.blue {
    background: #258eca;
    color: white;
}
.perksatwork_button.blue:hover {
    background:#3a9bd9;
    color: white;
}