/* CSS styles for HOME page */
#page {
    padding-bottom: 0;
    background: #fff;
    }

#page #sw-logo {
    width: 37.5em;
    height: 5.5em;
    }

#ieroot #page #sw-logo {
    width: 37.8em;
    }

#billboard {
    position: relative;
    height: 33em;
    }

#ieroot #billboard {
    height: 33.2em;
    _height: 33.4em;
    }

.bbdcontent {
    display: none;
    }

#bbd_special {
    display: block;
    }

.bbdcontent.wide .bbd_img {
    width: 78em;
    height: 33em;
    margin: 0;
    }

#ieroot .bbdcontent.wide .bbd_img {
    width: 78.5em;
    height: 33.2em;
    padding: 0;
    }

.bbd_headline {
    position: absolute;
    top: 10.2em;
    left: 5em;
    z-index: 0;
    }

#ieroot .bbd_headline {
    top: 13em;
    }

.bbd_headline.l3 {
    position: absolute;
    top: 9em;
    }

#ieroot .bbd_headline.l3 {
    top: 11.6em;
    }


.bbd_headline h1 {
    letter-spacing: -2px;
    line-height: 95%;
    font-size: 3.6em;
    }

.bbd_action {
    position: absolute;
    right: -1.25em;
    bottom: 4.5em;
    width: 38em;
    z-index: 50;
    background: #878787;
    }

#ieroot .bbd_action {
    width: 38em;
    }

.bbd_action h2 {
    padding: 0;
    margin: 0;
    font-size: 1.6em;
    }

.bbd_action h2 a,
.bbd_action h2 a:visited {
    color: #fff;
    text-align: right;
    text-decoration: none;
    display: block;
    background: #1A1D55;
    white-space: nowrap;
    padding: 0 0 0.25em 0.75em;
    position: relative;
    top: -0.15em;
    left: -0.15em;
    }

#ieroot .bbd_action h2 a,
#ieroot .bbd_action h2 a:visited {
    padding: 0 0 0.3em 0.75em;
    }

.bbd_action h2 a:hover {
    color: #1A1D55;
    background: #F6D65B url(/images/bg_menu_over.gif) repeat-y top right;
    text-decoration: none;
    cursor: pointer;
    }

.bbd_action h2 a:active {
    top: -0.1em;
    left: -0.1em;
    }

.bbd_action h2 a span.arrow {
    font-size: 1.4em;
    border-left: 2px #fff solid;
    padding: 0.1em 0.4em 0.09em 0.35em;
    margin: 0 0 0 0.5em;
    position: relative;
    top: 0.1em;
    }

#ieroot .bbd_action h2 a span.arrow {
    padding: 0.05em 0.3em 0.2em 0.35em;
    margin: 0 0 0 0.5em;
    top: 0.05em;
    }

/* Secondary Calls-to-Action */
.popupmenu.bbd_action_alt {
    display: none;
    position: absolute;
    bottom: 1.5em;
    right: 1.4em;
    z-index: 51;
    background: #1A1D55;
    }

#ieroot .popupmenu.bbd_action_alt {
    _right: 1.3em;
    }

.popupmenu.bbd_action_alt li a,
#ieroot .popupmenu.bbd_action_alt li a {
    color: #fff;
    font-family: arial,helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 0.5em;
    background: #1A1D55;
    }

#ieroot .popupmenu.bbd_action_alt a {
    font-size: 1em;
    }

.popupmenu.bbd_action_alt li a:hover,
#ieroot .popupmenu.bbd_action_alt li a:hover {
    color: #1A1D55;
    background: #F9CE2A url(/images/bg_menu_over.gif) repeat-y top right;
    }


.bbd-nav {
    position: absolute;
    width: 15em;
    left: 1.25em;
    bottom: 1.75em;
    }

#ieroot .bbd-nav {
    bottom: 2.5em;
    _bottom: 2em;
    _left: 0.5em;
    }

.bbd-nav img {
    width: 1em;
    height: 1em;
    position: relative;
    z-index: 5;
    float: left;
    margin-left: 0.75em;
    }

.bbd-nav .on,
.bbd-nav .onover {
    display: none;
    }

.bbd-nav .bbdnav_label {
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    color: #fff;
    text-transform: uppercase;
    line-height: 100%;
    position: absolute;
    top: -2.5em;
    left: 0;
    z-index: 4;
    display: none;
    white-space: nowrap;
    }

#netsec_label {
    left: 0.8em;
    }

#sslvpn_label {
    left: 2.6em;
    }

#emlsec_label {
    left: 4.5em;
    }

#backup_label {
    left: 6.4em;
    }

#extra_label {
    left: 8.3em;
    }

#ieroot #netsec_label {
    _left: 1.5em;
    }

#ieroot #sslvpn_label {
    _left: 3.4em;
    }

#ieroot #emlsec_label {
    _left: 5.3em;
    }

#ieroot #backup_label {
    _left: 7.2em;
    }

#ieroot #extra_label {
    _left: 9.1em;
    }


#features_row1 {
    clear: left;
    background: url(/images/rule_home_row1.jpg) repeat-y;
    position: relative;
    padding: 0;
    margin: 0;
    }

.rule_home_h {
    width: 78em;
    height: 0.1em;
    margin: 0.25em 0;
    }

.rule_home_h.row2 {
    margin: 0;
    }

#ieroot .rule_home_h.row2 {
    margin: -1em 0 0 0;
    }

#ieroot .rule_home_h {
    width: 78.5em;
    }

#features_row2 {
    clear: left;
    background: url(/images/rule_home_row2.jpg) repeat-y;
    position: relative;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.25em 0;
    }

#ieroot #features_row2 {
    margin-bottom: 0.75em;
    }

#bg_row1_top,
#bg_row1_btm,
#bg_row2_top,
#bg_row2_btm {
    position: absolute;
    right: 0;
    z-index: 1;
    }

#bg_row1_top,
#bg_row2_top {
    top: 0;
    }

#bg_row1_btm,
#bg_row2_btm {
    bottom: 0;
    }

.feature {
    width: 16.2em;
    margin: 0;
    padding: 1.5em 1.5em 1.25em 1.8em;
    float: left;
    position: relative;
    z-index: 11;
    }

#features_row2 .feature {
    padding: 1.25em 1.5em 1em 1.8em;
    }

#feature_row2_col1 {
    width: 35.5em;
    }

.feature h5,
.feature h6, 
.feature p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 12;
    }

.feature h5 {
    font-size: 1.1em;
    }

.feature p {
    line-height: 130%;
    }

#page h5,
#page h5 a:link,
#page h5 a:visited {
    color: #1A1D55;
    }

#page h5 a:hover {
    color: #4271CF;
    }

#features_row1 .feature h5 {
    margin-bottom: 0.7em;
    }

#features_row2 .feature h5 {
    margin-bottom: 0.8em;
    }

.feature h6 {
    margin: 0;
    font-size: 1.2em;
    font-family: arial,helvetica,sans-serif;
    line-height: normal;
    }

#features_row2 .feature h6 {
    font-size: 1.1em;
    margin-bottom: 0.1em;
    }

#feature_row2_col3 p.linklist {
    margin: 0.2em 0 -0.2em 0;
    white-space: nowrap;
    }

.feature-photo {
    width: 19em;
    height: 7em;
    position: relative;
    left: -1.5em;
    margin: 0.25em 0 1em 0;
    }

.feature a.learnmore {
    font-size: 0.91em;
    }

#features_row2 p {
    margin-top: 0.3em;
    }

#features_row2 .pressreleases p {
    text-transform: lowercase;
    text-transform: capitalize;
    }

#features_row2 .spotlight p {
    margin-top: 0.3em;
    }

#features_row2 p .source,
#features_row2 p .author,
#features_row2 p .date {
    font-size: 0.91em;
    }

#spotlights {
    position: relative;
    }

.spotlight {
    display: none;
    }

#spotlights .mask {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 15;
    /*background: url(/images/bg_row2_col2.jpg) repeat-y 0 -1.8em;*/
    background: #fff;
    width: 100%;
    }

#spotlights .spotlight.press {
    margin-bottom: -0.7em;
    }

#ieroot #spotlights .spotlight.press {
    margin-bottom: -0.5em;
    }

#spotlights .spotlight.casestudy p {
    margin-top: 0.7em;
    }

#ieroot #spotlights .spotlight.casestudy p {
    margin-top: 0.5em;
    }

#spotlights .spotlight.press p {
    margin-top: 0.1em;
    padding-bottom: 0.2em;
    text-transform: capitalize;
    }

#ieroot #spotlights .spotlight.press p {
    margin-top: -0.1em;
    padding-bottom: 0.3em;
    }

#ieroot #spotlights .spotlight.press p {
    padding-bottom: 0.3em;
    }

#features_row2 .spotlight.review,
#features_row2 .spotlight.report {
    margin-bottom: -0.3em;
    }

#features_row2 .spotlight.review p,
#features_row2 .spotlight.report p {
    margin-top: 0.2em;
    }

#ieroot #features_row2 .spotlight.review p,
#ieroot #features_row2 .spotlight.report p {
    margin-top: 0.1em;
    }

.photo_spotlight {
    float: left;
    margin: 0 1em 0 0; 
    }

.source {
    font-weight: bold;
    }

.date {
    font-size: 1em;
    }

#spotnav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 15;
    }

#ieroot #spotnav {
    _top: 0.1em;
    _right: 1.5em;
    }

#spotnav div {
    width: 0.7em;
    height: 0.7em;
    border: 0.1em #1A1D55 solid;
    float: right;
    margin-left: 0.4em;
    display: none;
    }

#spotnav a {
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: 0.1em;
    overflow: hidden;
    }

#spotnav a:hover {
    background: #F6D65B;
    }

#jobpostings {
    clear: both;
    padding: 1.25em 0 1.25em;
    text-align: center;
    margin-bottom: -0.4em;
    }

#jobpostings table {
    margin: 0 auto;
    }

#jobpostings h5 {
    font-size: 1em;
    margin: -0.1em 0 0 0;
    padding: 0;
    float: left;
    }

#jobpostings p {
    float: left;
    margin: -0.1em 0.5em 0;
    padding: 0;
    font-size: 1em;
    text-transform: capitalize;
    }

#jobpostings a:hover,
#jobpostings a:hover h5 {
    cursor: hand;
    color: #4271CF;
    text-decoration: underline;
    }

#jobpostings p a {
    font-weight: bold;
    }

#jobpostings .bullet {
    padding: 0.1em 1.25em 0;
    }

#jobpostings img {
    width: 1.5em;
    height: 1.5em;
    margin: -0.3em 0 0 0.5em;
    float: left;
    }


/* styles for Events/Training Features */
.feature_middle {
    padding: 1em 1.8em 0.9em;
    position: relative;
    float: left;
    width: 35.2em;
    }
    
.feature_middle h5 {
    margin: 0;
    padding: 0;    
    text-align: center;
    }
    
#page .feature_middle h5 a:link,
#page .feature_middle h5 a:visited {
    text-transform: none;
    font-size: 1.1em;
    margin-left: 0.25em;
    color: #4271cf; 
    }
    
.feature_middle p {
    margin: 0.25em 0 0 0;
    padding: 0;
    line-height: 150%;    
    text-align: center;
    }


/* styles for printing - start */
@media print {
#jobpostings img {
    display: none;
    }
}
/* styles for printing - end */