/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* ============= Loaded at 600px =================*/


/* Important fix for the Manual Crop module.  Please periodically check to see if versions higher than 7.x.1-3 fix this. */

.views-field-field-image .field-content a img,
.section-news .field-name-field-image img{
    height: auto;
    width: auto;
}

/* End Fix */

body
{
    -webkit-text-size-adjust: auto;
}

/****** Adaptive hide/show logic ******/

.hide-phone,
#block-nice-menus-1,
.site-name-slogan,
#main-menu,
/*#logo,*/
.section-top #section-subtitle,
.node-type-audience-page #section-subtitle,
#breadcrumb,
.zone-footer .block-menu-block,
/* #logo-holder-large */
#ist-logo-web-large
{
    display: block;
}

#ist-logo-mobile, /* hide ist mobile logo for desktop view */
#block-nice-menus-2
{
    display: none;
}

.zone-branding-wrapper
{
    height: 85px;
}

.zone-branding-wrapper a
{
    background-image: none;
    display: none;
}

.zone-branding-wrapper #logo
{
    margin-top: 21px;
}

/****** Adaptive hide/show logic  - All pages ******/


/* Set body content and second sidebar to fill the entire page */
body section .container-10 .region-content,
body .container-10 aside.region-sidebar-second
{
    width: 100%;
}


/* Size all blocks in the right sidebar to be four-columns wide with correct margins */
body .container-10 aside.region-sidebar-second .region-inner > div,
body .container-10 aside.region-sidebar-second section
{
    width: 38.38692%;
    margin-left: 0.80645%;
    margin-right: 0.80645%;
    float: left;
}

/****** Adaptive hide/show logic  - Home Page specific ******/

.front .region-content .certificates.grid-2,
.front .region-content .training.grid-2
{
    width: 38.38692%; /* Same as grid-4 */
}

.front .region-content .system-status.grid-2,
.front .region-content .calendar-highlights.grid-4
{
    width: 58.38692%; /* Same as grid-6 */
}

.front .region-content .headlines.grid-6,
.front .region-content .block-news-headlines-block
{
    width: 98.3869%; /* Same as grid-10 */
    clear: left;
}

/* Menu and Preface - Need to extend a bit beyond the grid in both directions */
#zone-menu,
#zone-preface,
.front #zone-content,
.front #zone-preface,
#zone-footer
{
    max-width: 1240px;
    width: 97.415625%;
}

#zone-menu #region-menu,
#zone-preface #breadcrumb,
#zone-preface #section-subtitle,
.front #zone-content #region-content,
.front #zone-preface #region-preface-first,
#zone-footer #region-footer-second

{
    width: 100%;
    margin: 0;
}

.region-menu .nice-menu
{
    width: 100%;
    background: transparent url(../images/backgrounds/background-about-menu.jpg) no-repeat bottom right;
}

.region-menu #block-nice-menus-1 .nice-menu > li
{
    display: inline-block;
    position: static;
    width: 19.8%;
    height: 92px;
    padding: 0;
    margin-right: 0.2%;
    vertical-align: top;
    border-bottom: 21px solid transparent;
}

.region-menu #block-nice-menus-1 .nice-menu > li.last
{
    margin-right: 0;
    width: 20%;
}

.region-menu #block-nice-menus-1 .nice-menu li a
{
    display: block;
    border-top: 8px solid transparent;
    padding: 9px 0 0 4.053%;
}


.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1.active-trail a,
.region-menu #block-nice-menus-1 .nice-menu li.menu-index-1 ul
{
    border-bottom-color: #a13b43;
}

body.section-get-started .region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1 a,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1.active-trail a
{
    border-top-color: #a13b43;
}

.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-2,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-2 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-2.active-trail a,
.region-menu #block-nice-menus-1 .nice-menu li.menu-index-2 ul
{
    border-bottom-color: #13a3ba;
}

body.section-services .region-menu #block-nice-menus-1 .nice-menu  li.menu-index-2 a,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-2 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-2.active-trail a
{
    border-top-color: #13a3ba;
}

.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-3,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-3 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-3.active-trail a,
.region-menu #block-nice-menus-1 .nice-menu li.menu-index-3 ul
{
    border-bottom-color: #c77900;
}

body.section-software-hardware .region-menu #block-nice-menus-1 .nice-menu  li.menu-index-3 a,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-3 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-3.active-trail a
{
    border-top-color: #c77900;
}

.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4.active-trail a,
.region-menu #block-nice-menus-1 .nice-menu li.menu-index-4 ul
{
    border-bottom-color: #775786;
}

body.section-security .region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4 a,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4.active-trail a
{
    border-top-color: #775786;
}

.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5.active-trail a,
.region-menu #block-nice-menus-1 .nice-menu li.menu-index-5 ul
{
    border-bottom-color: #819c00;
}

body.section-about .region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5 a,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5 a:hover,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5.active-trail a
{
    border-top-color: #819c00;
}

.region-menu #block-nice-menus-1 .nice-menu > li
{
    display: none;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-1,
.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-2,
.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-3,
.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-4,
.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-5
{
    display: block;
}

span.menu-subtext
{
    display: none;
}

/* Disable dropdown menus on touch devices */
body.touch .region-menu #block-nice-menus-1 .nice-menu > li > ul
{
    display: none !important;
}

.region-menu #block-nice-menus-1 .nice-menu > li > ul
{
    width: 475px;
    margin: 0;
    padding: 1.734em 0 20px 20px ;
    border-bottom: 8px solid transparent;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,.95);
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.50);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.50);
    min-height: 120px;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-1 > ul
{
    position: absolute;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-2 > ul
{
    position: relative;
    margin-top: -75px;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-3 > ul,
.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-4 > ul,
.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-5 > ul
{
    position: absolute;
    left: auto;
    right: 0;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-2 > ul,
.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-3 > ul
{
    min-height: 180px;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-2 > ul,
.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-3 > ul
{
    width: 725px;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-4 > ul,
.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-5 > ul
{
    width: 476px;
}

/* Webkit tweaks */
@media (-webkit-min-device-pixel-ratio: 0) {

    .region-menu #block-nice-menus-1 .nice-menu > li.menu-index-2 > ul
    {
        margin-top: -73px;
        width: 721px;
    }

    .region-menu #block-nice-menus-1 .nice-menu > li.menu-index-3 > ul
    {
        width: 726px;

    }
    .region-menu #block-nice-menus-1 .nice-menu > li.menu-index-4 > ul,
    .region-menu #block-nice-menus-1 .nice-menu > li.menu-index-5 > ul
    {
        width: 479px;
    }
}

.region-menu #block-nice-menus-1 ul.nice-menu > li.menu-index-1 > ul > li.caption
{
    background-image: url(../images/backgrounds/background_menu_01.png);
    padding-top: 90px !important;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-1 > ul a
{
    color: #A13B43;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-2 > ul > li.caption
{
    background-image: url(../images/backgrounds/background_menu_02.png);
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-2 > ul a
{
    color: #13a3ba;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-3 > ul > li.caption
{
    padding-top: 85px !important;
    background-image: url(../images/backgrounds/background_menu_03.png);
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-3 > ul a
{
    color: #c77900;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-4 > ul > li.caption
{
    padding-top: 95px !important;
    background-image: url(../images/backgrounds/background_menu_04.png);
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-4 > ul a
{
    color: #775786;
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-5 > ul > li.caption
{
    background-image: url(../images/backgrounds/background_menu_05.png);
}

.region-menu #block-nice-menus-1 .nice-menu > li.menu-index-5 > ul a
{
    color: #819c00;
}

.region-menu #block-nice-menus-1 .nice-menu  li ul li a,
.region-menu #block-nice-menus-1 .nice-menu  li ul li
{
    border: none;
    padding: 0;
    height: auto;
}

.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li
{
    padding-bottom: 0.35em;
    padding-top: 0.35em;
}

.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-1,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-7,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menu-index-3 > ul > li.menu-index-1,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menu-index-3 > ul > li.menu-index-2
{
    padding-top: 0;
}


/* Also give more width to the menus that might only have one column */
/*.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent.menu-index-1 > ul > li,*/
/*.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent.menu-index-4 > ul > li,*/
/*.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent.menu-index-5 > ul > li,*/
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li
{
    width: 227px;
    border-right: 1px solid #A4A4A3;
}

/* Don't display menu captions for second-level menu items */
.region-menu #block-nice-menus-1 .nice-menu > li > ul > li > a > span
{
    display: none;
}

/* Caption text at the right side of the mega-menu */
.region-menu #block-nice-menus-1 ul.nice-menu li.menuparent ul li.caption
{
    position: absolute;
    right: 0;
    width: 207px;
    margin: 0;
    padding: 80px 20px 0 20px;
    border-right: none;
    color: #8C8281;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center 0;

}

/* ... but not when we're not displaying the third-level items */
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1 ul li.menuparent.menu-index-1,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1 ul li.menuparent.menu-index-2,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1 ul li.menuparent.menu-index-3,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1 ul li.menuparent.menu-index-4,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-1 ul li.menuparent.menu-index-5,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4 ul li.menuparent.menu-index-1,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4 ul li.menuparent.menu-index-2,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4 ul li.menuparent.menu-index-3,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4 ul li.menuparent.menu-index-4,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-4 ul li.menuparent.menu-index-5,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5 ul li.menuparent.menu-index-1,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5 ul li.menuparent.menu-index-2,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5 ul li.menuparent.menu-index-3,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5 ul li.menuparent.menu-index-4,
.region-menu #block-nice-menus-1 .nice-menu  li.menu-index-5 ul li.menuparent.menu-index-5
{
    height: auto !important;
}

/* Take long lists of second-level nav items and break them into two columns */
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-1,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-2,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-3,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-4,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-5,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-6
{
    position: relative;
    float: left;

}

.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-7,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-8,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-9,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-10,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-11,
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-12
{
    position: absolute;
    left: 267px;
}

.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-7 { top: 1.733em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-8 { top: 3.364em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-9 { top: 5.3em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-10 { top: 7.2em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-11 { top: 9.1em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-12 { top: 11.0em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-13 { top: 13.2em; }

/* Extend the left border line down to the bottom of the mega-menu */
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-9.last { height: 8.7em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-10.last { height: 6.8em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-11.last { height: 4.9em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-11.last { height: 3em; }
.region-menu #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.menu-index-12.last { height: 1.1em; }

/* Handle third-level menu items
   - For Hardware/Software, display them immediately below second level items in the same column
   - For all others, hide them
 */
.region-menu #block-nice-menus-1 ul.nice-menu li.menu-index-1 ul li ul,
.region-menu #block-nice-menus-1 ul.nice-menu li.menu-index-2 ul li ul,
.region-menu #block-nice-menus-1 ul.nice-menu li.menu-index-4 ul li ul,
.region-menu #block-nice-menus-1 ul.nice-menu li.menu-index-5 ul li ul
{
    display: none !important;
    visibility: hidden !important;
}

.region-menu #block-nice-menus-1 ul.nice-menu li.menu-index-3 ul li ul
{
    width: 100%;
    background: none;
    border-right: 1px solid #A4A4A3;

}


/* Some special handling for third-level menu items in software-hardware to make them show up when
   javascript is disabled and this nice-menu javascript is not being used. Javascript overrides this
   when enabled. */
.region-menu #block-nice-menus-1 ul.nice-menu li.menu-index-3:hover ul li ul
{
    display: block;
    visibility: visible;
}

.region-menu #block-nice-menus-1 ul.nice-menu > li > ul > li.menuparent
{
    position: relative;
}

.region-menu #block-nice-menus-1 ul.nice-menu > li.menu-index-3 > ul > li.menuparent.menu-index-2
{
    position: absolute;
    left: 273px;
}

.region-menu #block-nice-menus-1 ul.nice-menu li ul li ul li
{
    width: 100%;
}

.region-menu #block-nice-menus-1 ul.nice-menu li ul li ul 
{
    margin-top: 2em;
}

.region-menu #block-nice-menus-1 ul.nice-menu li ul li ul li.first
{
    /*padding-top: 0;*/
}

/* Search  */
.block-search-form
{
    padding-top: 28px;
}

.block-search-form input
{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.block-search-form input.form-text
{
    position: static;
    margin-right: -4px;
    width: 53%;
    height: 2.45em;
    line-height: normal; /* Fix placeholder alignment on ipad */
    border-width: 1px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right-width: 0;
    border-color:#777777;
    background-image: none;
    background-color: white;
    text-indent: 0;
}

.block-search-form .form-item input.form-text:focus
{
    position: static;
    width: 53%;
    right: 0;
}

.block-search-form input.form-submit
{
    display: inline-block;
    width: 60px;
    height: 2.65em;
    padding:  3px 0;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border:  1px solid #516F76;
    margin-right: 0;
    background:  none;
    background-color: #516F76;
    text-shadow: none;
}

body.page-gsearch .content .pager li
{
    font-size: 1.5em;
    line-height: 1em;
}

body.page-search form.google-cse label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

form.google-cse input.form-text
{
    width: 300px;
}

/***** Preface *****/

#zone-preface-wrapper
{
    margin-bottom: 30px;
}

body.node-type-video #zone-preface-wrapper,
body.node-type-news #zone-preface-wrapper
{
    margin-bottom: 15px;
}

#section-title
{
    display: none;
}

#section-subtitle .section-subtitle
{
    padding: .9em 1em;
}

#breadcrumb .breadcrumb
{
    text-indent: 0;
}

h1#page-title
{
    margin:  0.45em 0 0.45em 1.15%;
    font-size: 2.4667em;
}

/***** Home Page ********/

/* Home Page Spotlight Block */


body.front .region-preface-first-inner
{
    padding: 0;
    margin: 2px 0 1em 0;
}

body.front #region-preface-first,
body.front #region-preface-first .region-preface-first-inner
{
    width: 100%;
    background-position: 40% 0;
}


body.front #block-views-homepage-spotlight-spotlight
{
    margin: 2px 0 1em -1px;
    width: 60%;
    overflow: hidden;
}


body.front #block-views-homepage-spotlight-spotlight div.views-slideshow-controls-bottom
{
    /*z-index: 100;*/
    z-index: 1;
    position: absolute;
    right: 2%;
    left: auto;
    top: auto;
    bottom: 20px;
}


/***** Content Body ********/

div#region-content
{
    float: left;
}

article,
body.section-news #block-views-news-node-content-news-content
{
    padding-right: 19px;
}

/***** Left Sidebar *****/
aside.region-sidebar-first h2
{
    border:  none;
}


/***** Right Sidebar *****/
aside.region-sidebar-second
{
    margin:  37px 0 0 0;
    padding: 37px 0 0 0;
}

aside.region-sidebar-second > .region-sidebar-second-inner
{
    margin: 0;
    padding: 0;
}

aside.region-sidebar-second .region-inner .block,
aside.region-sidebar-second .region-inner .block-service-costs-svc-costs
{
    margin-bottom: 28px; /* per DR's note on Trello card 'node Service' */
}

/***** Footer *****/

.zone-footer
{
    margin-bottom: 5em;
}

.section-footer .footer-logo
{   
    line-height: 2em;
    line-height: 2em;
    width: 40%;
}

.section-footer .footer-logo a
{
    margin-left: 0;
}

.section-footer .footer-contact
{
    float: right;
    text-align: right;
    width: 50%;
    clear: none;
    padding-top: 0;
}

.zone-footer .region-footer-first .region-inner .block-menu-block,
.zone-footer .region-footer-second .region-inner .block-menu-block
{
    margin: 0;
}

.section-footer .region-footer-second .menu-name-menu-footer-menu > ul
{
    padding: 0;
    width: 95%;
}
.section-footer .region-footer-second .menu-name-menu-footer-menu > ul > li
{
    float: left;
    width: 100%;
    padding: 0 1%;
}

.section-footer .region-footer-second .menu-name-menu-footer-menu ul li ul
{
    display: none; /* Show this level when we get to 1024 */
    padding-top: 1.667em;
}
/***** Container *****/

/* Use fluid-sized grid in all cases - override settings in alpha theme's narrow/normal/wide grids */
body.html
{
    min-width: 100%
}

body .container-10 .grid-1, body .container-10 .grid-2, body .container-10 .grid-3, body .container-10 .grid-4, body .container-10 .grid-5,
body .container-10 .grid-6, body .container-10 .grid-7, body .container-10 .grid-8, body .container-10 .grid-9, body .container-10 .grid-10,
body.software-hardware-top .container-10.zone-content .grid-7.region-content
{
  display: inline;
  float: left;
  position: relative;
  margin-left: .80645%;
  margin-right: .80645%;
}

body.section-secure.section-top #region-content-top
{
    margin-right: 0;
}

body .container-10,
body .container-12
{
  /*width: 97.4%;*/
  width: 96.875%;
  margin-left: 1.3%;
  margin-right: 1.3%;
}

body .container-10 .grid-1 {
  width: 8.38692%;
}

body .container-10 .grid-2 {
  width: 18.38692%;
}

body .container-10 .grid-3 {
  width: 28.38692%;
}

body .container-10 .grid-4#region-branding,
body .container-10 .grid-4 {
  width: 38.38692%;
}

body .container-10 .grid-5 {
  width: 48.38692%;
}

body .container-10 .grid-6#region-user-second,
body .container-10 .grid-6 {
  width: 58.38692%;
  padding-left: 0;
}

body .container-10 .grid-7 {
  width: 68.38692%;
}

body .container-10 .grid-8 {
  width: 78.38692%;
}

body .container-10 .grid-9 {
  width: 88.38692%;
}

body .container-10 .grid-10 {
  width: 98.38692%;
}

/********* Home Page ***********/
.view-news-headlines .views-row,
.view-news-headlines .views-field
{
    float: left;
}

.view-news-headlines .views-row
{
    padding: .25em 0 1.5em;
    margin-bottom: 21px;
}

.view-news-headlines .views-row-last
{
    margin-bottom: 0;
}

body.front .view-news-headlines .views-field-field-image
{
    padding-left: 0;
    width: 30%
}

.view-news-headlines .views-field-field-image img
{
    max-width: 100%;
    height: auto;
}

.view-news-headlines .views-field-title
{
    margin-bottom: 1em;
}

body.page-news-category         .view-news-headlines .views-field-title,
body.front                      .view-news-headlines .views-field-title,
body.page-news-category         .view-news-headlines .views-field-body,
body.front                      .view-news-headlines .views-field-body
{
    padding-left: 2.5%;
    width: 67.5%
}

body.section-secure.section-top #block-views-news-headlines-security .block-title
{
    padding-bottom: 16px;
}

/* IW-124 */
.view-news-headlines .views-row,
.view-news-headlines .views-field {
    float: none;
}

.view-news-headlines .views-field-title,
.view-news-headlines .views-field-field-news-topics,
.view-news-headlines .views-field-field-publication-date,
.view-news-headlines .views-field-body
{
    margin-bottom: 1em;
}

.view-news-headlines .left { float: left; }
.view-news-headlines .left .views-field-field-image { padding: 0 1em 1em 0; }

/* Section 'Software' */

.node-type-software-family .field-name-body,
.node-type-software .field-name-body
{
    float: left;
    margin-top: 0;
}

/* Special logic for audience page, since content needs to be same width as top bar */
body.node-type-audience-page .zone-content
{
    width: 97.415625%;
}

body.node-type-audience-page .zone-content .region-content
{
    margin-left: 0;
    margin-right: 0;
}

body.node-type-audience-page .zone-content article
{
    padding-right: 0;
}

/* Tweak for page 'Browse News Categories' */
body.page-news-category #zone-content #region-content,
body.page-news-topic #zone-content #region-content,
body.news-top #zone-content #region-content
{
    margin-left: 0;
}

#views-exposed-form-browse-news-categories-page,
#views-exposed-form-browse-news-categories-page-3
{
    margin-top: 0;
    width: 216px;
    height: 47px;
    padding: 0;

    background-color: #F1F0EE;
}

#views-exposed-form-browse-news-categories-page  #edit-tid-wrapper,
#views-exposed-form-browse-news-categories-page-3  #edit-tid-wrapper
{
    padding: 13px 8px;
}

#views-exposed-form-browse-news-categories-page  #edit-tid,
#views-exposed-form-browse-news-categories-page-3  #edit-tid
{
    width: 200px;
}

body.page-news .news-list-view .views-row .views-field-field-image
{
    width: 22.4%;
}

body.page-news .news-list-view .views-row .views-field-nothing
{
    clear: none;
    width: 77%;
}

body.page-news .news-list-view .views-row .views-field-nothing span
{
    padding-left: 16px;
}

body.page-news .news-list-view .view-filters > div#news-category-title
{
    padding: 0 22px 6px 22px;
}

/**
 *
 * Software Grid - Normal+ Layout
 *
 */

.software-hardware-top .menu-block-hardware_pages
{
    margin-left: 10px;
    margin-bottom: 10px;
}

body.page-training-catalog .view-display-id-training_grid_page div.view-header div.grid-instructions {
    color: #575757;
    font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
    font-size: 0.933em;
    font-weight: normal;
    line-height: 1.857em;
    margin-left: 0;
    margin-bottom: 20px;
}

body.page-training-catalog .view-display-id-training_grid_page div.grid-title,
body.software-hardware-top .view-display-id-sft_grid_page div.grid-title
{
    margin-left: 0;
    margin-bottom: 10px;
}

body.page-training-catalog .view-display-id-training_grid_page .views-exposed-widgets,
body.software-hardware-top .view-display-id-sft_grid_page .views-exposed-widgets
{
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
}

body.software-hardware-top .view-display-id-sft_grid_page .views-exposed-widgets #edit-type-wrapper,
body.software-hardware-top .view-display-id-sft_grid_page .views-exposed-widgets #edit-platform-wrapper,
body.software-hardware-top .view-display-id-sft_grid_page .views-exposed-widgets #edit-users-wrapper,
body.software-hardware-top .view-display-id-sft_grid_page .views-exposed-widgets #edit-keywords-wrapper
{
    float: left;
    clear: none;
}

body.page-training-catalog .view-display-id-training_grid_page .views-exposed-widgets #edit-field-subject-value-wrapper,
body.software-hardware-top .view-display-id-sft_grid_page .views-exposed-widgets #edit-type-wrapper
{
    width: 20%;
    margin-left: 1.5%;
}

body.page-training-catalog .view-display-id-training_grid_page .views-exposed-widgets #edit-field-topic-value-wrapper,
body.software-hardware-top .view-display-id-sft_grid_page .views-exposed-widgets #edit-platform-wrapper
{
    width: 20%;
}

body.software-hardware-top .view-display-id-sft_grid_page .views-exposed-widgets #edit-users-wrapper
{
    width: 20%;
    margin-top: 0;
    margin-left: 0;
}

body.software-hardware-top .view-display-id-sft_grid_page .views-exposed-widgets #edit-keywords-wrapper
{
    width: 30.5%;
    margin-right: 1.5%;
    margin-top: 0;
}

body.page-training-catalog .view-display-id-training_grid_page .views-submit-button,
body.software-hardware-top .view-display-id-sft_grid_page .views-submit-button
{
    float: left;
    clear: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin-left: 1px;
}

body.page-training-catalog .view-display-id-training_grid_page .views-submit-button .container,
body.software-hardware-top .view-display-id-sft_grid_page .views-submit-button .container
{
    display: table;
    width: 100%;
    height: 100%;
}

body.software-hardware-top .view-display-id-sft_grid_page .views-submit-button span.filter-help-text
{
    width: 90%;
    padding: 0 5% 0 21px;
}

body.page-training-catalog .view-display-id-training_grid_page #gray-bar-after-submit-button-block,
body.software-hardware-top .view-display-id-sft_grid_page #gray-bar-after-submit-button-block
{
    margin-top: 2px;
    margin-left: 1px;
    width: 100%;
    float: left;
    clear: both;
    height: 5px;
    background-color: #E2E1DD;
}

body.software-hardware-top .view-display-id-sft_grid_page #edit-recommended-only-wrapper
{
    float:left;
    clear:left;
    margin: 3px 0 15px 7px;
}

body.software-hardware-top .view-display-id-sft_grid_page.no-results #edit-recommended-only-wrapper
{
    display: none;
}

body.software-hardware-top .view-display-id-sft_grid_page #edit-recommended-only-wrapper input
{
    margin-top: -4px;
    margin-right: 1px;
}

body.software-hardware-top .view-display-id-sft_grid_page #edit-recommended-only-wrapper .form-item
{
    float:left;
    clear:none;
    margin-right: 25px;
}

body.training-catalog-top .grid-7.region-content,
body.software-hardware-top .grid-7.region-content
{
    margin-left: .80645%;
    margin-right: .80645%;
}

body.training-catalog-top .view-display-id-training_grid_page table,
body.software-hardware-top .view-display-id-sft_grid_page table { display: table; }

body.training-catalog-top .view-display-id-training_grid_page caption,
body.software-hardware-top .view-display-id-sft_grid_page caption { display: table-caption; }

body.training-catalog-top .view-display-id-training_grid_page thead,
body.software-hardware-top .view-display-id-sft_grid_page thead { display: table-header-group;}

body.training-catalog-top .view-display-id-training_grid_page th,
body.software-hardware-top .view-display-id-sft_grid_page th { display: table-cell; }

body.training-catalog-top .view-display-id-training_grid_page tbody,
body.software-hardware-top .view-display-id-sft_grid_page tbody { display: table-row-group; }

body.training-catalog-top .view-display-id-training_grid_page td,
body.software-hardware-top .view-display-id-sft_grid_page td,
body.training-catalog-top .view-display-id-training_grid_page tbody td,
body.software-hardware-top .view-display-id-sft_grid_page tbody td
{
    display: table-cell;
    position: static;
}

body.training-catalog-top .view-display-id-training_grid_page tr,
body.software-hardware-top .view-display-id-sft_grid_page tr { display: table-row; }

body.training-catalog-top .view-display-id-training_grid_page thead tr,
body.software-hardware-top .view-display-id-sft_grid_page thead tr { position: static; }
td:before { display: none; }

body.training-catalog-top .view-display-id-training_grid_page caption,
body.software-hardware-top .view-display-id-sft_grid_page caption { padding: 26px 0 9px 0; }

body.training-catalog-top .view-display-id-training_grid_page table,
body.training-catalog-top .view-display-id-training_grid_page th,
body.training-catalog-top .view-display-id-training_grid_page tr,
body.training-catalog-top .view-display-id-training_grid_page tr.active,
body.training-catalog-top .view-display-id-training_grid_page td,
body.training-catalog-top .view-display-id-training_grid_page td.active,
body.training-catalog-top .view-display-id-training_grid_page tr.even,
body.training-catalog-top .view-display-id-training_grid_page tr.even td,
body.training-catalog-top .view-display-id-training_grid_page tr.even.active td,
body.training-catalog-top .view-display-id-training_grid_page tr:hover td,
body.training-catalog-top .view-display-id-training_grid_page tr.even.active td.active,
body.training-catalog-top .view-display-id-training_grid_page tr.even:hover td.active,
body.training-catalog-top .view-display-id-training_grid_page tr.odd,
body.training-catalog-top .view-display-id-training_grid_page tr.odd td,
body.training-catalog-top .view-display-id-training_grid_page tr.odd:hover td.active,
body.training-catalog-top .view-display-id-training_grid_page tr.odd td.active

body.software-hardware-top .view-display-id-sft_grid_page table,
body.software-hardware-top .view-display-id-sft_grid_page th,
body.software-hardware-top .view-display-id-sft_grid_page tr,
body.software-hardware-top .view-display-id-sft_grid_page tr.active,
body.software-hardware-top .view-display-id-sft_grid_page td,
body.software-hardware-top .view-display-id-sft_grid_page td.active,
body.software-hardware-top .view-display-id-sft_grid_page tr.even,
body.software-hardware-top .view-display-id-sft_grid_page tr.even td,
body.software-hardware-top .view-display-id-sft_grid_page tr.even.active td,
body.software-hardware-top .view-display-id-sft_grid_page tr:hover td,
body.software-hardware-top .view-display-id-sft_grid_page tr.even.active td.active,
body.software-hardware-top .view-display-id-sft_grid_page tr.even:hover td.active,
body.software-hardware-top .view-display-id-sft_grid_page tr.odd,
body.software-hardware-top .view-display-id-sft_grid_page tr.odd td,
body.software-hardware-top .view-display-id-sft_grid_page tr.odd:hover td.active,
body.software-hardware-top .view-display-id-sft_grid_page tr.odd td.active
{
    border: none;
}

body.training-catalog-top .view-display-id-training_grid_page table,
body.software-hardware-top .view-display-id-sft_grid_page table
{
    margin-left: 1px;
}

/** Table Header **/

body.training-catalog-top .view-display-id-training_grid_page th,
body.software-hardware-top .view-display-id-sft_grid_page th,
body.training-catalog-top .view-display-id-training_grid_page td,
body.software-hardware-top .view-display-id-sft_grid_page td
{
    padding-right: 2.5%;
}

body.training-catalog-top .view-display-id-training_grid_page th {
    border-bottom: 4px solid #E2E1DD;
    padding-bottom: 6px;
    margin-bottom: 1px;
}

body.software-hardware-top .view-display-id-sft_grid_page th span,
body.software-hardware-top .view-display-id-sft_grid_page th a,
body.node-type-webform .webform-component-webform_grid thead th span
{
    display: inline-block;
    width: 100%;
    border-bottom: 4px solid #E2E1DD;
    padding-bottom: 6px;
    margin-bottom: 1px;
}

body.training-catalog-top .view-display-id-training_grid_page th a img,
body.software-hardware-top .view-display-id-sft_grid_page th a img
{
    display: none;
}

body.training-catalog-top .view-display-id-training_grid_page th.views-field-title {
    width: 40%;
    padding-left: 0;
}

body.software-hardware-top .view-display-id-sft_grid_page th.views-field-title
{
    width: 21%;
    padding-left: 0;
}

body.training-catalog-top .view-display-id-training_grid_page th.views-field-field-format,
body.software-hardware-top .view-display-id-sft_grid_page th.views-field-field-platform,
body.training-catalog-top .view-display-id-training_grid_page th.views-field-field-topic,
body.software-hardware-top .view-display-id-sft_grid_page th.views-field-field-support-status,
body.software-hardware-top .view-display-id-sft_grid_page th.views-field-field-service-audience-category
{
    width: 31%;
}

/** Table Body **/

body.training-catalog-top .view-display-id-training_grid_page td,
body.software-hardware-top .view-display-id-sft_grid_page td,
body.training-catalog-top .view-display-id-training_grid_page tbody td,
body.software-hardware-top .view-display-id-sft_grid_page tbody td
{
    padding-top: 17px;
    padding-bottom: 22px;
    padding-left: 10px;
    padding-right: 2.5%;
}

body.training-catalog-top .view-display-id-training_grid_page td.views-field-title,
body.software-hardware-top .view-display-id-sft_grid_page td.views-field-title
{
    padding-left: 8px;
}

body.training-catalog-top .view-display-id-training_grid_page td.views-field-field-subject,
body.software-hardware-top .view-display-id-sft_grid_page td.views-field-field-support-status
{
    padding-top: 13px;
}

body.software-hardware-top .view-display-id-sft_grid_page td.views-field-field-retrieval-option
{
    padding-left: 10px;
    padding-right: 2.5%;
}

body.training-catalog-top .view-display-id-training_grid_page td.views-field-field-course-link div,
body.software-hardware-top .view-display-id-sft_grid_page td.views-field-field-retrieval-option div
{
    display: block;
    width: 110px;
    margin-left: 0;
    margin-right: 0;
    height: 45px;

    border: 1px solid #7a7a7a;

    background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F0F0F0));
    -webkit-border-radius: 5px;

    background: -moz-linear-gradient(top, #FCFCFC, #F0F0F0);
    -moz-border-radius: 5px;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCFCFC, endColorstr=#F0F0F0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCFCFC, endColorstr=#F0F0F0)";
    border-radius: 5px;
}

/*** News Node ***/
body.node-type-news #region-sidebar-second
{
    /*margin-left: 0.6%;*/
}

body.section-news #ist-news-category-block-select-form .form-item-category select
{
    width: 60%;
}

#block-views-is-t-blogs-security
{
    border-bottom: none;
}

#block-views-is-t-blogs-webpub h2.block-title
{
    display: block;
}

/********* Standard Layout for Quicktabs ***********/
/* Used on the Services List page and the "For XXX" audience pages */

#quicktabs-services_list ul.quicktabs-tabs,
ul.quicktabs-tabs
{
    width: auto;
    border-top:  none;
    border-left:  none;
    border-right: none;
    border-bottom: 2px solid #BDBCBA;
}

#quicktabs-services_list ul.quicktabs-tabs li,
ul.quicktabs-tabs li
{
    display: inline-block;
    margin-left: 0.3em;
    margin-bottom: -2px;
    padding:  .6em 7px 13px 7px;
    border-top: 1px solid #BDBCBA;
    border-left: 1px solid #BDBCBA;
    border-right: 1px solid #BDBCBA;
    border-bottom: 2px solid #BDBCBA;
    background-color: white;
    height: 13px;
    width: auto;
}

#quicktabs-services_list
{
    margin-top: 9px;
    margin-left: -4px;
}

#quicktabs-audience_quicktab h2.mobile,
#quicktabs-audience_quicktab .quicktabs-hide
{
    display: none;
}

#quicktabs-audience_quicktab ul.quicktabs-tabs li
{
    padding-top: 9px;
    display: inline;
}

#quicktabs-services_list ul.quicktabs-tabs li.first,
ul.quicktabs-tabs li.first
{
    margin-left: 1em;
}

ul.quicktabs-tabs li.active,
#quicktabs-services_list ul.quicktabs-tabs li.active
{
    border-bottom: 2px solid white;
    border-right: 2px solid #BDBCBA;
    padding-right: 6px; /* 1 pixel shorter than usual, to compensate for thicker border */
    background-color: white;
}

#quicktabs-services_list div ul.quicktabs-tabs li.active a,
ul.quicktabs-tabs li.active a
{
    color: #3a3a3a;
}

#quicktabs-services_list div ul.quicktabs-tabs li a,
ul.quicktabs-tabs li a
{
    display: inline-block;
    padding-bottom: 11px;
    color: #0069D2;
    background-color: transparent !important;
    border: none !important;
    padding-top: 0;
}

#quicktabs-services_list div ul.quicktabs-tabs li.active a:after
{
    content: "" !important;
}

/* Add a bit more text to the tab titles on the service view */

#block-quicktabs-services-list a#quicktabs-tab-services_list-0:before,
#block-quicktabs-services-list a#quicktabs-tab-services_list-2:before
{
    content: "By ";
}

#block-quicktabs-services-list a#quicktabs-tab-services_list-1:before
{
    content: "All ";
}

/*** Custom Region Behavior on News Main Page ***/
body.news-top #region-content-top,
body.section-secure.section-top #region-content-top
{
    padding-left: 0.25%;
    padding-right: 0.25%;
    width: 99.5%;
}

body.section-secure.section-top #region-content-top
{
    padding-left: 0;
}

body.news-top #region-content,
body.section-secure.section-top #region-content
{
    padding-left: 1%;
    padding-right: 1%;
    width: auto;
}

/*** Node type 'Video' ***/

body.section-videos #region-content
{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}


body.node-type-video #block-views-more-videos-more-videos .views-row .views-field-field-image
{
    display: block;
}

body.node-type-video #block-views-more-videos-more-videos .block-title
{
    margin-left: 195px;
}

/* Help Desk Page */

body.context-help  #region-preface-first
{
    margin-left: 0 !important;
}


body.context-help .field-name-body
{
    float: right;
    width: 39.5%;
    margin-bottom: 0;
}

body.context-help form.webform-client-form
{
    width: 60%;
}

body.context-help form.webform-client-form input[type="email"],
body.context-help form.webform-client-form input[type="text"],
body.context-help form.webform-client-form textarea
{
    width: 65%;
}
/*** 'Get Help' dropdown menu for tablet layouts ***/

#breadcrumb .breadcrumb
{
    width: 76%;
    padding-left: 0.8%;
    height: 32px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#get-help-tablet-menu
{
    display: block;
    width: 18.499%;
    margin-top: -1px;
    height: 33px;
    float: right;
    background-color: white;
    padding: 0 0 0 2%;
}

/* Don't show on help page */
body.context-help #get-help-tablet-menu
{
    display: none;
}

#get-help-tablet-menu > ul
{
    display: block;
}

#nice-menu-help_dropdown_menu > li.menu-index-1 > a
{
    display: none;
}

#nice-menu-help_dropdown_menu,
#nice-menu-help_dropdown_menu li,
#nice-menu-help_dropdown_menu li a
{
    width: 100%;
    padding: 0;
}

#nice-menu-help_dropdown_menu > li.menu-index-2 > a
{
    display: table;
    width: 100%;
    height: 28px;

    background-color: #e3e2de;
    border: solid 2px #d2d2d2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#nice-menu-help_dropdown_menu > li.menu-index-2 > a > span
{
    display: table-cell;
    vertical-align: middle;
}

#nice-menu-help_dropdown_menu > li > ul
{
    display: block;
    visibility: visible;
    width: 154%;
    padding: 12% 10% 4% 13%;
    left: -75%;
    top: 51px;
    background-color: #4D4D4D;

    border-radius: 5px;
    box-shadow: 0 0 5px #4d4d4d;

    /* Firefox */
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 5px #4d4d4d;

    /* Safari, Chrome */
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 5px #4d4d4d;
}

#nice-menu-help_dropdown_menu > li > ul:after
{
    content: ' ';
    height: 23px;
    width: 23px;
    position: absolute;

    background-color: #4D4D4D;
    right: 24%;
    top: -11px;

    box-shadow: 0 0 5px #4d4d4d;
    -ms-transform:rotate(45deg);

    /* Firefox */
    -moz-box-shadow: 0 0 5px #4d4d4d;
    -moz-transform:rotate(45deg);

    /* Safari, Chrome */
    -webkit-box-shadow: 0 0 5px #4d4d4d;
    -webkit-transform:rotate(45deg);
}

#nice-menu-help_dropdown_menu > li > ul > li
{
    padding-bottom: 5.5%;
}

body.news-top #media-youtube-1,
body.news-top #media-youtube-1 .media-youtube-preview-wrapper
{
    width: 574px !important;
    height: 431px !important;
}