/* ################################################################### DESKTOP & MOBILE VIEWS - Common Styles */

body {
    margin:0px;
    font-size:13px; 
    font-family:sans-serif; 
    background-color:#FFFFFF;
}
h1 {
    font-size:12px;
    margin:5px 0px; 
    display:inline;
}
h2 {
    font-size:25px; 
    margin:5px 0px;
}
h3 {
    font-size:18px; 
    margin:5px 0px;
    line-height:20px;
}
h4 {
    font-size:25px;
    margin:5px 0px;
    font-weight:bold; 
    line-height:20px;
}
h5 {
    font-size:15px;
    margin:5px 0px;
}

li {
    margin:5px 0px;
}
a {
    color:rgb(0,135,198); 
    text-decoration:none;
}
p {
    margin-top:0px;
}
.header-tagalong {
    font-size:15px;
    font-weight:normal;
}

.accent-dark-blue {color:rgb(43,57,144);}
.accent-light-blue {color:rgb(27,117,188);}
.accent-green{color:rgb(57,181,74);}
.accent-light-green {color:rgb(166,206,57);}
.accent-blue{color:rgb(0,135,198);}
.accent-bright-blue {color:rgb(108,207,246);}
.accent-purple{color:rgb(43,57,144);}
.accent-black{color:#000000;}
.accent-red{color:#FF0000;}

.FPOr {
    margin:5px 0px 10px 10px;
    float:right;
}
.FPOl {
    margin:5px 10px 10px 0px;
    float:left;
}
.FPOc {
    margin:5px auto; 
    display:block;
}
.FPO {
    display:inline-block;
}
.BIO {
    margin:5px 10px 20px 0px;
    float:left;
}

.pli {
    display:block;
    line-height:15px;
    margin-top:5px;
    margin-bottom:-8px;
}
.caption {
    font-size:10px;
}
.floatR {
    float:right;
}
.floatL {
    float:left;
}
.row {
    display:table-row;
}
.faux-link {
    cursor:pointer;
}
.two-col {
    -webkit-columns: 200px 2; /* Chrome, Safari, Opera */
    -moz-columns: 200px 2; /* Firefox */
    columns: 200px 2;
}
.three-col {
    -webkit-columns: 220px 3; /* Chrome, Safari, Opera */
    -moz-columns: 220px 3; /* Firefox */
    columns: 220px 3;
}
.indent {
    padding-left:30px;
}
.indent-small {
    padding-left:15px;
}
.content-table, .content-table td {
    border-collapse:collapse;
    border:1px solid #666666;
}
.float-right {
    float:right;
}
.float-left{
    float:left;
}
.div-tile{
    border:0px solid;
    width:45%;
    width:100%;
    padding:0px 10px 20px 0px;
}
.hidden{
    display:none;
}

/* ############################################################################################################# */
/* ############################################################### DESKTOP VIEW - Logo, Nav/Menu & Social Styles */
/* ############################################################################################################# */

a[href^="tel"] {
    text-decoration: none; 
    color: #000000; 
    pointer-events: none; 
    cursor: default;
}

#social {
    display:none;
}

/* social for Home Page */
#social {
    display:block; 
    float:left; 
    margin-right:15px; 
    width:32px; 
    line-height:0px; 
    border-top:1px solid #6F4A89; 
    border-bottom:1px solid #6F4A89; 
    background-color:#000000; 
    height:128px; 
    z-index:98; 
    margin:15px 0px 0px 0px;
}
/* social for Content Page - for use with share button
#social {
    display:none; 
    float:right; 
    width:150px; 
    line-height:0px; 
    border-top:0px solid #6F4A89; 
    border-bottom:1px solid #6F4A89; 
    background-color:#000000; 
    height:35px; 
    z-index:98; 
    position:relative; 
    top:-75px; 
    margin:0px 0px -38px 0px;
}
*/

.social-icon {
    width:32px; 
    height:32px; 
    margin-bottom:15px; 
    padding:0px;
}
.social-icon-large {
    width:55px; 
    height:55px; 
    margin:0px; 
    padding:0px;
}
#mobile-nav {
    background-color:#231F20; 
    text-align:right; 
    padding:5px; 
    display:none;
}
#nav-overlay {
    text-align:left; 
    background-color:#ffffff; 
    height:90px; 
    width:900px; 
    border-bottom:5px solid rgb(57,181,74);
}
#nav-area {
    padding:0px 0px 0px 0px;
    position:relative;
    display:inline;
}
#nav {
    display:inline;
    list-style:none;
    font-size:12px;
}
.nav-item {
    position:relative;
    z-index:99;
    float:right;
    padding:10px;
    background-color:rgb(27,117,188);
    color:#ffffff;
    height:17px;
    overflow:hidden; /* HIDE AFTER NAV DEV */
    margin-top:14px;
}
.nav-item:hover {
    overflow:visible !important;
    background-color:rgb(57,181,74) !important;
}
.nav-item a {
    color:#ffffff;
}
.sub-nav a {
    color:#ffffff !important; 
    text-decoration:none;
    /* Fix for iProducts */
    display: block;
    width: 100%;
    height: 100%;
}
.sub-nav-container {
    height:0px;
    line-height:0px;
    font-size:0px;
    position:relative;
    top:18px;
    width:56px;
    overflow:visible;
    z-index:103;
}
.sub-nav {
    list-style:none;
    display:inline;
    position:relative;
    background-color:rgb(27,117,188);
}
.sub-nav li {
    margin-left:0px;
    margin-right:-10px;
    margin-top:-5px;
    padding:10px;
    position:relative;
    z-index:105;
    margin-left:-10px;
    background-color:rgb(27,117,188);
    font-size:12px;
    line-height:14px;
    width:150px;
    /*border-top:1px solid rgb(111,74,138);*/
}
.sub-nav li:hover {
    background-color:rgb(57,181,74);
}
.sub-nav li a {
    color:#ffffff !important;
}
#icon-area {
    padding:0px 26px 5px 0px; 
    text-align:right; 
    width:750px;
    height:34px;
}
#desktop-menu {
    display:block; 
    width:200px; 
    position:relative; 
    float:right; 
    height:40px;
}
#logo-area {
    width:100%; 
    height:90px;
}
.logo {
    margin:10px 0px 0px 20px; 
    width:230px; 
    background-color:transparent;
}
.footer-wrapper {
    background-color:#231F20; 
    width:100%;
}
#footer {
    padding:10px 20px; 
    height:160px; 
    width:860px; 
    background-color:#231F20; 
    color:#d5d5d5;
}
#footer-social {
    position:relative; 
    float:right; 
    margin-top:15px;
}
#footer-text {
    position:relative; 
    float:left; 
    font-size:12px; 
    padding-top:10px;
}
#footer-text p {
    margin:5px 0px; 
    font-size:12px;
}
.legal {
    text-align:left; 
    font-size:11px; 
    margin-top:80px;
}

/* ############################################################################################ Home Page Specific Styles */
#hp-background {
    height:445px;
    max-width:1430px; 
    background-color:#FFFFFF; 
    /*background-image:url(images/Homepage_background01.jpg);*/
    background-position:left 1;
    
}
#hp-content1 {
    background-color:darkblue; 
    height:445px; 
    width:900px;
}
#hp-value-prop {
    background-color:#ffffff; 
    height:80px; 
    text-align:center; 
    padding:15px 100px; 
    color:#363636;
}
#hp-header-view {
    height:250px; 
    background-color:#52B2E3; 
    background-image:url(images/Homepage_banner01.jpg); 
    background-size:900px; 
    background-repeat:no-repeat; 
    background-position:center bottom;
    position:relative;
    z-index:90;
}
#banner-text {
    font-size:30px; 
    font-weight:bold;
}
#banner-learn-more {
    position:relative;
    top:-30px;
    text-align:right; 
    font-size:35px;
    color:#00AEEF;
}
#banner-learn-more a{
    text-decoration:none; 
    font-size:20px;
    color:#d5d5d5;
}
#hp-header-ctrl {
    background-image:url(images/ctrl.png); 
    height:250px; 
    background-repeat:no-repeat; 
    background-position:center bottom;
}
#hp-slide-dots {
    width:190px; 
    position:relative; 
    top:225px;
    left:28px;
    line-height:0px; 
    font-size:0px;
}
.hp-slide-dot {
    background-color:rgb(108,207,246); 
    width:15px; 
    height:15px; 
    margin:6px 8px; 
    border-radius:15px; 
    position:relative; 
    float:left; 
    font-size:0px; 
    line-height:0px; 
    cursor:pointer;
}
#hp-slide-dot0 {
    background-color:rgb(166,206,57);
}
#hp-hud-feature {
    border-top:1px solid #6F4A89; 
    border-bottom:1px solid #6F4A89; 
    border-right: 1px solid #6F4A89; 
    opacity:0.8; 
    filter:alpha(opacity=80); 
    text-align:left; 
    background-color:#000000; 
    width:300px; 
    height:118px; 
    z-index:98; 
    position:relative; 
    float:left; 
    margin:15px 0px 0px 0px; 
    padding:10px 5px 0px 15px; 
    color:#d5d5d5;
}
#hp-background2 {
    background-color:#FFFFFF; 
    /*background-image:url(images/Homepage_background02.jpg); */
    background-position:center top; 
    background-repeat:no-repeat;
}
#hp-content2 {
    background-color:rgb(27,117,188); 
    height:360px; 
    width:860px; 
    padding:20px 20px 0px 20px;
}
#hp-content2 a {
    color:#ffffff; 
    text-decoration:none;
}
.hp-content2a {
    color:#ffffff; 
    padding:0px 20px 0px 20px; 
    position:relative; 
    float:left; 
    width:245px; 
    height:360px;
}
.hp-content2img {
    width:200px; 
    height:200px;
}
#hp-content3 {
    background-color:darkgreen; 
    color:#ffffff; 
    text-align:left; 
    padding:15px 500px 15px 25px; 
    height:120px; 
    width:375px; 
    border-top:3px solid #ffffff; 
    background-image:url(images/Homepage_sustainable.jpg); 
    background-size:900px; 
    background-repeat:no-repeat;
}
#hp-content3 a {
    color:#ffffff; 
    text-decoration:none;
}
#hp-content4 {
    background-color:#666666;
    display:block;
    color:#ffffff; 
    text-align:left; 
    height:155px; 
    padding:35px 130px 0px 230px; 
    width:540px; 
    border-top:3px solid #ffffff; 
    background-image:url(images/Homepage_career.jpg); 
    background-size:900px; 
    background-repeat:no-repeat;
}

#hp-content4 a {
    color:#ffffff; 
    text-decoration:none;
}

/* ################################################################################# Content Page Specific Styles */
#cp-background {
    background-color:#FFFFFF; 
    /*background-image:url(images/Homepage_background02.jpg);*/
    background-position:left top; 
    background-repeat:no-repeat;
}
#cp-content {
    padding:0px 0px 0px 20px; 
    background-image:url(images/trans.png); 
    display:table-cell; 
    min-width:880px; 
    border-bottom:20px solid #ffffff;
    position:relative;
    z-index:90;
}
#cp-content h3 {
    margin-bottom:0px;
    padding-bottom:0px;
}
#cp-left-col {
    height:auto; 
    position:relative; 
    float:left; 
    width:485px; 
    border-right:5px solid #ffffff; 
    text-align:left; 
    padding:20px 20px 20px 0px;
}
#cp-right-col {
    width:370px; 
    position:relative; 
    float:left; 
    text-align:left;
}
#cp-right-col table {
    width:100%;
    border-collapse:collapse;
}
#cp-right-col ul {
    padding-left:30px;
    margin-bottom:0px;
}
.cp-right-col-img {
    width:370px;
    margin-bottom:-3px;
}
#cp-right-col h3 {
    font-size:15px;
    line-height:19px;
}
.si img {
    max-height:229px;
    max-width:173px;
    height:100%;
}
.purple-btn {
    background-color:rgb(0,135,198);
    color:#ffffff;
    padding:2px 3px 4px 3px;
    font-size:18px;
    width:85px;
    text-align:center;
    opacity:0.6; 
    filter:alpha(opacity=60);
    float:right;
    position:relative;
    top:4px;
    margin-bottom:20px;
    margin-left:20px;
 /*   display:block;
    width:150px;  */
}
.purple-btn a {
    font-weight:bold;
    color:#ffffff;
    font-size:12px;
    cursor:pointer;
}

/* Leading the Industry */
#ind-grp-semi {
    display:none;
}
#ind-grp-solar {
    display:none;
}

/* Safe & Secure */
#responsible-care {
    display:none;
}
#op-mgmt-sys {
    display:none;
}
#op-mgmt-sys ul {
    padding-top:10px;
}

/* Community Alert & Preparedness */
#emergency-notifications {
    display:none;
}
#shelter-in-place {
    display:none;
}
#cap-faq {
    display:none;
}

#Q1 {
    display:none;
}
#Q2 {
    display:none;
}
#Q3 {
    display:none;
}
#Q4 {
    display:none;
}
#Q5 {
    display:none;
}
#Q6 {
    display:none;
}
#Q7 {
    display:none;
}
#Q8 {
    display:none;
}
#Q9 {
    display:none;
}

/* News & Media */
#news-search {
    float:right;
    position:relative;
    top:-4px;
}
#news-search-box {
    color:#666666;
    border-radius:5px;
    position:relative;
    top:-4px;
}
#search-img {
    float:right;

}

/* Contact Us */
#modal-container {
    position:relative;
    width:0px;
    height:0px;
    line-height:0px;
    font-size:0px;
}
.modal {
    box-shadow: 5px 5px 15px grey;
    position:relative;
    left:-548px;
    top:-74px;
    width:500px;
    background:#ffffff;
    padding:18px;
    z-index:999;
    border-radius:10px;
    border:1px solid #666666;
    line-height:14px;
    font-size:13px;
    /*opacity:0.9; 
    filter:alpha(opacity=90);*/
}
#fromMBS {
    display:none;
}
#fromDTW {
    display:none;
}
.x-close {
    position:relative;
    top:4px;
    float:right;
    cursor:pointer;
    color:red;
    font-weight:bold;
    font-size:15px;
}

/* Terms and Conditions */
#linking-policy {
    display:none;
}

/* ############################################################################## Informational Page Specific Styles */

#ip-content {
    padding:0px 0px 0px 20px; 
    background-image:url(images/trans.png); 
    display:table-cell; 
    min-width:880px; 
    border-bottom:20px solid #ffffff;
}

#full-page-col {
    height:auto;
    position:relative; 
    float:left; 
    width:850px;
    text-align:left; 
    padding:20px 20px 20px 0px;
}/* ############################################################################## Careers Page Specific Styles */

#careers-content {
    padding:0px 10px 0px 10px; 
    background-image:url(images/trans.png); 
    display:table-cell; 
    min-width:880px; 
    border-bottom:20px solid #ffffff;
}

#full-page-col {
    height:auto;
    position:relative; 
    float:left; 
    width:850px;
    text-align:left; 
    padding:20px 20px 20px 0px;
}

#pfCareerPortal {
    width: 100%;
    border:0px;
}


/* ############################################################################## News Release Page Specific Styles */

.news-headline {
    font-size:20px;
}

#more-news {
    display:none;
}

.more-news-btn {
    background-color:rgb(0,135,198);
    color:#ffffff;
    padding:5px 3px 4px 3px;
    font-size:18px;
    width:100%;
    text-align:center;
    opacity:0.6; 
    filter:alpha(opacity=60);
    float:right;
    position:relative;
    top:4px;
    margin-bottom:20px;
    margin-left:20px;
    cursor:pointer;
 /*   display:block;
    width:150px;  */
}
.more-news-btn a {
    font-weight:bold;
    color:#ffffff;
    font-size:12px;
    cursor:pointer;
}

/* ############################################################################################################# */
/* ############################################################### MOBILE VIEW - Logo, Nav/Menu & Social Styles  */
/* ############################################################################################################# */

@media only screen and (max-width: 480px) {
    body {
        padding:45px 0px 0px 0px !important;
        margin:0px !important;
    }
    a[href^="tel"] {
        text-decoration: none; 
        color:rgb(0,135,198); 
        pointer-events:auto; 
        cursor: pointer;
    }   
    #desktop-menu {
        display:none !important; 
        margin:37px 5px 0px 15px; 
        width:50px; 
        position:relative; 
        float:right;
    }
    #logo-area {
        width:100%; 
        height:50px;
    }
    .logo {
        width:180px; 
        background-color:transparent; 
        margin:12px 12px 0px 12px !important;
    }
    #nav-overlay {
        background-color:#ffffff; 
        height:70px; 
        min-width:360px; 
        max-width:480px; 
        width:100%; 
        border-bottom:5px solid rgb(57,181,74);
    }
    #nav-area {
        position:absolute !important; 
        top:45px !important;
        left:0px !important;
        padding:0px 0px 5px 0px; 
        display:block;
        min-width:360px; 
        max-width:480px; 
        width:100%;
        -webkit-transform: translateZ(0);
        z-index:99 !important;
    }
    #nav {
        text-align:center; 
        color:#ffffff; 
        display:none; 
        float:none !important; 
        border-bottom:5px solid rgb(57,181,74); 
        background-color:#231F20; 
        list-style:none; 
        margin:0px !important; 
        padding-left:0px !important; 
        font-size:20px;
        position:relative;
        -webkit-transform: translateZ(0);
        z-index:100 !important;
    }
    .nav-item {
        border-bottom:1px solid #cccccc;
        border-top:1px solid rgb(57,181,74);
        /*display:block;*/
        margin:0px 0px -3px 0px; 
        float:inherit; !important;
        background-color:#231F20 !important; 
        overflow:visible !important;
        height:inherit;
        color:#ffffff;
    }
    .nav-item:hover {
        background-color:#231F20 !important;
    }
    .nav-item:hover a {
        color:rgb(166,206,57) !important;
    }
    #nav a {
        color:#ffffff; 
        text-decoration:none; 
        margin-right:10px;
    }
    .sub-nav-container{
        width:100%;
        height:auto;
        display:inline-block;
        z-index:101 !important;
    }
    .sub-nav {
        position:relative;
        z-index:102 !important;
    }
    .sub-nav li {
        color:#ffffff !important;
        margin-top:-8px;
        font-size:15px;
        width:100%;
        position:relative;
        z-index:103 !important;
        background-color:#231F20;
    }
    .nav-item .sub-nav li a {
        color:#ffffff !important;
    }
    .sub-nav li:hover, .sub-nav li:hover a {
        color:rgb(166,206,57) !important;
        background-color:#231F20 !important;
        /* Fix for iProducts */
        display: block;
        width: 100%;
        height: 100%;
    }
    #icon-area img {
        display:none;
    }
    #mobile-nav {
        background-color:#231F20; 
        text-align:right; 
        padding:5px; 
        display:inline-block !important;
        position:fixed;
        top:0px;
        right:0px;
        left:0px;
        -webkit-transform: translateZ(0);
        z-index:104 !important;
        min-width:320px; 
        max-width:480px;
    }
    #social {
        display:none; 
        float:right; 
        width:144px; 
        line-height:0px; 
        border-top:0px solid #6F4A89; 
        border-bottom:1px solid #6F4A89; 
        background-color:#000000; 
        height:35px; 
        z-index:98; 
        position:relative; 
        top:45px; 
        margin:0px 0px -38px 0px; 
        padding-left:4px;
    }
    .social-icon {
        width:32px;
        height:32px;
        margin:0px !important;
        padding:0px;
    }
    .social-icon-large {
        width:55px; 
        height:55px; 
        margin:0px; 
        padding:0px;
    }
    .footer-wrapper {
        background-color:#231F20;
        min-width:320px;
        max-width:480px;
        width:100%;
        position:relative; 
        float:left;
        display:table-row;
    }
    #footer {
        height:inherit; 
        padding:10px 20px 10px 20px;
        min-width:320px; 
        max-width:415px;
        width:100%; 
        background-color:#231F20; 
        color:#d5d5d5;
        display:table-cell;
    }
    #footer-social {
        position:relative; 
        float:right; 
        margin-top:15px;
    }
    #footer-text {
        width:100% !important; 
        position:relative;
        float:inherit; 
        font-size:12px; 
        padding-top:10px; 
        margin-top:50px;
    }
    .legal {
        text-align:left; 
        font-size:11px; 
        margin:10px 0px 20px 0px;
    }
    
    /* ################################################################################ Home Page Specific Styles */
    #hp-background {
        display:table-cell;
        max-width:1430px;
        background-color:#FFFFFF;
        /*background-image:url(images/Homepage_background01.jpg); */
        background-position:left;
    }
    #hp-content1 {
        display:table-cell;
        min-width:320px;
        max-width:480px;
        width:inherit;
    }
    #hp-value-prop {
        background-color:#ffffff; 
        display:table-cell;
        text-align:left; 
        padding:15px; 
        color:#363636;
    }
    #hp-value-prop h3 {
        text-align:center;
    }
    #hp-header-view {
        height:250px;
        background-color:#52B2E3; 
        background-image:url(images/Homepage_banner01.jpg);
        background-size:900px; 
        background-repeat:no-repeat; 
        background-position:center bottom;
    }
    #hp-header-ctrl {
        background-image:url(images/ctrl.png); 
        height:250px; 
        background-repeat:no-repeat; 
        background-position:center bottom;
    }
    #hp-slide-dots {
        width:125px;
        margin-left:35px;
        margin-right:95px;
        position:relative;
        top:117px;
        line-height:0px; 
        font-size:0px;
        display:inline-block;
    }
    .hp-slide-dot {
        background-color:#6CCFF6;
        width:15px;
        height:15px;
        margin:6px 8px;
        border-radius:15px;
        position:relative;
        float:left; 
        font-size:0px; 
        line-height:0px;
    }
    #hp-hud-feature {
        border-top:1px solid #6F4A89; 
        border-bottom:1px solid #6F4A89; 
        border-right: 1px solid #6F4A89; 
        opacity:0.8; 
        filter:alpha(opacity=80); 
        text-align:left; 
        background-color:#000000; 
        width:200px; 
        height:80px; 
        z-index:98; 
        position:relative; 
        float:left; 
        margin:15px 0px 0px 0px; 
        padding:10px 5px 0px 15px; 
        color:#d5d5d5;
    }
    #banner-text {
        font-size:20px; 
        font-weight:bold;
    }
    #banner-learn-more {
        position:relative;
        top:-20px;
        text-align:right; 
        font-size:25px;
        color:#00AEEF;
    }
    #banner-learn-more a{
        text-decoration:none; 
        font-size:18px;
        color:#d5d5d5;
    }
    .row {
        display:table-row;
    }
    #hp-background2 {
        background-color:#FFFFFF; 
        /*background-image:url(images/Homepage_background02.jpg);*/
        background-position:center top; 
        background-repeat:no-repeat;
        min-width:320px;
        max-width:480px;
        width:100%;
        float:left;
        display:table;
    }
    #hp-content2 {
        background-color:#6F4A89;
        min-width:320px;
        max-width:440px; 
        width:100%; 
        display:table-row; 
        /*padding:20px 20px 20px 20px;*/
    }
    .hp-content2a {
        color:#ffffff; 
        text-align:left; 
        padding:20px 20px 0px 20px; 
        min-width:300px;
        max-width:440px;
        width:auto;
        height:auto;
    }
    .hp-content2a h3 {
        font-size:18px; 
        margin:0px;
    }
    .hp-content2a p {
        padding:8px 0px 0px 165px;
    }
    .hp-content2img {
        width:150px; 
        height:150px; 
        float:left; 
        margin-right:15px; 
    }
    #hp-content3 {
        display:table-cell;
        height:67px; 
        background-color:darkgreen;
        color:#ffffff; 
        text-align:left; 
        padding:0px 20px 5px 20px; 
        width:inherit; 
        min-width:320px; 
        max-width:445px; 
        border-top:3px solid #ffffff; 
        background-image:url(images/Homepage_sustainable.jpg); 
        background-size:480px; 
        background-position:right top; 
        background-repeat:no-repeat;
    }
    #hp-content3 p {
        display:none;
    }
    #hp-content3 h3 {
        width:180px;
        font-size:24px; 
        line-height:22px; 
        margin-bottom:0px;
    }
    #hp-content4 {
        display: table-cell;
        background-color:#666666;
        text-align:left;
        color:#ffffff; 
        height:85px; 
        padding:5px 0px 27px 145px; 
        min-width:175px; 
        max-width:335px; 
        width:inherit; 
        border-top:3px solid #ffffff; 
        background-image:url(images/Homepage_career.jpg); background-position:left top; background-size:580px; 
        background-repeat:no-repeat;
    }
    #hp-content4 p {
        display:none;
    }
    #hp-content4 h3 {
        width:200px;
        font-size:18px;
    }
    #hp-content4 h4 {
       font-size:23px;
    }
    
    /* ############################################################################## Content Page Specific Styles */
    #cp-background {
        background-color:#FFFFFF;
        /*background-image:url(images/Homepage_background02.jpg);*/
        background-position:center top; 
        background-repeat:no-repeat; 
        width:100%;
    }
    #cp-content {
        padding:0px 0px 0px 20px; 
        min-width:320px;
        max-width:480px; 
        width:100%;
    }
    #cp-left-col {
        position:relative; 
        float:left; 
        min-width:320px; 
        max-width:415px; 
        width:95%;
        border-right:0px; 
        border-bottom:5px solid rgb(111,74,138); 
        text-align:left; 
        padding:20px 0px 20px 0px;
    }
    #cp-right-col {
        position:relative; 
        float:left; 
        width:100% !important;
        min-width:320px; 
        max-width:455px; 
        text-align:left; 
        background-color:#ffffff;
    }
    #cp-right-col table {
        width:95%;
    }
    .cp-right-col-img {
        max-width:480px;
        width:95%;
    }
    .si {
        height:240px;
    }
    
    .purple-btn {
    background-color:rgb(0,135,198);
    color:#ffffff;
    padding:4px 3px 4px 3px;
    font-size:18px;
    width:95px;
    text-align:center;
    opacity:0.6; 
    filter:alpha(opacity=60);
    float:right;
    position:relative;
    top:4px;
    margin-bottom:20px;
    margin-left:20px;
 /*   display:block;
    width:150px;  */
}
.purple-btn a {
    font-weight:bold;
    color:#ffffff;
    font-size:13px;
    cursor:pointer;
}
    
    /* News & Media */
    #news-search {
        float:none;
        top:8px !important;
    }
    #news-search-box {
        color:#666666;
        border-radius:5px;
    }
    #search-img {
        float:none;
    }
    
    /* Contact Us */
    .modal {
        box-shadow: 5px 5px 15px grey;
        position:relative;
        left:-30px;
        top:0px;
        width:300px;
        background:#ffffff;
        padding:18px;
        z-index:999;
        border-radius:10px;
        border:1px solid #666666;
        line-height:14px;
        font-size:13px;
        /*opacity:0.9; 
        filter:alpha(opacity=90);*/
    }
    .modal ul {
        padding-left:15px;
    }
    
    /* Certifications */
    #op-mgmt-sys ul {
        padding-top:10px;
    }
    
    /* ############################################################################## Informational Page Specific Styles */
    
    #ip-content {
        padding:0px 0px 0px 20px; 
        min-width:320px;
        max-width:480px; 
        width:100%;
    }
    
    #full-page-col {
        position:relative;
        float:left;
        min-width:320px;
        max-width:450px;
        width:100%;
        border-right:0px; 
        text-align:left;
        padding:20px 0px 20px 0px;
    }
    
    /* ############################################################################## Informational Page Specific Styles */
    
    #careers-content {
        padding:0px 10px 0px 10px; 
        min-width:320px;
        max-width:480px; 
        width:100%;
    }
    
    #full-page-col {
        position:relative;
        float:left;
        min-width:320px;
        max-width:450px;
        width:100%;
        border-right:0px; 
        text-align:left;
        padding:20px 0px 20px 0px;
    }
}

 .collaplistrow { vertical-align: top; height:auto !important; }
 .list {display:none; }
 .show {display: none; }
 .hide:target + .show {display: inline; }
 .hide:target {display: none; }
 .hide:target ~ .list {display:inline; }
 @media print { .hide, .show { display: none; 
     }
}