body,
.x-body {
    width: 100%;
    min-width: 460px;
    font-family: 'Ubuntu', Tahoma, Arial, 'Droid Sans', sans-serif;
    font-size: 86%;
    line-height: 1.61em;
    color: #4a4a4a;
    background-color: #fff;
    -ms-overflow-x: hidden;
    /* hides PIE shadow on sides of full-width header */
}
body.plain-page,
body.wysihtml5-editor {
    min-width: 0;
}
.responsive {
    -ms-overflow-x: visible;
}
body.plain-page {
    background: none;
}
body.plain-page #plain-page-logo {
    padding: 10px;
}
.touch-scroll {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.prevent-overflow {
    width: 100%;
    min-width: 460px;
    overflow-x: hidden;
}



/*************************** html elements ******************************************/


/************************************************************************************/

h4+p,
h5+p,
h6+p {
    margin-top: 0;
    /* paragraphs following lower-level headings fit snugly against them */
}
div,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: left;
    /* YUI sets all these to center alignment */
}
h1>a>img {
    vertical-align: top;
}
sup,
sub {
    /* prevent these from goofing up line heights */
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub {
    top: 0.4em;
}
hr {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    height: 1px;
    background-color: #ccc;
    border: none;
}
pre {
    font-family: monospace !important;
    line-height: 1 !important;
}
table {
    margin: 0;
    border-collapse: collapse;
}
map area {
    outline: none;
}
legend {
    text-align: left;
}
::-webkit-input-placeholder {
    font-style: italic;
}
::-moz-placeholder {
    font-style: italic;
}
:-ms-input-placeholder {
    font-style: italic;
}



/* links, hover and focus */

a {
    color: #005c96;
    text-decoration: none;
    -webkit-transition: color 0.3s, border-color 0.3s;
    transition: color 0.3s, border-color 0.3s;
}
a:hover {
    color: #990000;
    text-decoration: none;
}
div:focus,
a:focus,
li:focus {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px;
}
.hover-fade {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.hover-fade:hover {
    opacity: 0.6;
}
.dotted a,
.plain.dotted a,
a.dotted,
a .dotted,
p a {
    text-decoration: none !important;
    border-bottom: 1px dotted !important;
}
.dotted a:hover,
a.dotted:hover,
a:hover .dotted,
p a:hover {
    text-decoration: none !important;
    border-bottom: 1px dotted transparent;
}
.plain a,
a.plain,
a .plain {
    border-bottom: none !important;
}
.plain a:hover,
a.plain:hover,
a:hover .plain {
    border-bottom: none !important;
}
img,
img a {
    border: 0 none;
}



/*************************** END html element defaults ******************************/


/************************************************************************************/


/*************************** reusable class styles **********************************/


/************************************************************************************/

.light-border {
    border: solid 1px #ddd;
}
.light-border-btm {
    border-bottom: solid 1px #f5f5f5;
}
.light-border-top {
    border-top: solid 1px #f5f5f5;
}
.noborder {
    border: none;
}
.notop {
    border-top: none;
}
.nounderline {
    border-bottom: none;
}
.clearer {
    clear: both;
    height: 1px;
}
.clear-right {
    clear: right;
}
.clear-left {
    clear: left;
}
.clear-both {
    clear: both;
}
.pull-right {
    float: right;
    text-align: right;
}
.center {
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.pull-left {
    float: left;
    text-align: left;
}
.block,
.btn.block,
.btn.center.block {
    display: block;
}
.inline {
    display: inline;
}
.inline.block,
.inline-block {
    display: inline-block;
}
.display-table {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.display-cell {
    display: table-cell;
    vertical-align: middle;
}
.valign-top {
    vertical-align: top;
}
.scroll300 {
    max-height: 300px;
    overflow-y: auto;
}
.scroll400 {
    max-height: 400px;
    overflow-y: auto;
}
.scroll500 {
    max-height: 500px;
    overflow-y: auto;
}
.max-600 {
    max-width: 600px;
}
.img-15pct {
    max-width: 15%;
    margin: .8% 1.6%;
}
.img-30pct {
    max-width: 30%;
    margin: .8% 1.6%;
}
.img-45pct {
    max-width: 45%;
    margin: .8% 1.6%;
}
.opacity_40 {
    opacity: 0.4 !important;
    filter: alpha(opacity=40) !important;
}
.opacity_25 {
    opacity: 0.25 !important;
    filter: alpha(opacity=25) !important;
}
.hide-me {
    opacity: 0;
}
.show-me {
    opacity: 1;
}
.pad-half {
    padding: 8px;
}
.pad-third {
    margin: 0.33em;
}
.pad-top-half {
    padding-top: 8px;
}
.pad-1 {
    padding: 16px !important;
}
.pad-2 {
    padding: 32px !important;
}
.pad-3 {
    margin: 3em !important;
}
.pad-6 {
    margin: 6em !important;
}
.pad-top-1 {
    padding-top: 16px;
}
.pad-top-2 {
    padding-top: 32px;
}
.pad-top-3 {
    margin-top: 3em;
}
.pad-top-5 {
    margin-top: 5em;
}
.pad-top-7 {
    margin-top: 7em;
}
.pad-top-25 {
    margin-top: 25em;
}
.pad-right-half {
    padding-right: 8px;
}
.pad-right-1 {
    padding-right: 16px;
}
.pad-right-2 {
    padding-right: 32px;
}
.pad-right-3 {
    margin-right: 3em;
}
.pad-bottom-half {
    padding-bottom: 8px;
}
.pad-bottom-1 {
    padding-bottom: 16px;
}
.pad-bottom-2 {
    padding-bottom: 32px;
}
.pad-bottom-3 {
    margin-bottom: 3em;
}
.pad-bottom-5 {
    margin-bottom: 5em;
}
.pad-left-half {
    padding-left: 8px;
}
.pad-left-1 {
    padding-left: 16px;
}
.pad-left-2 {
    padding-left: 32px;
}
.pad-left-3 {
    margin-left: 3em;
}
.nobr {
    white-space: nowrap;
}
.snug-top {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.snug-bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.snug-bottom+p {
    margin-top: 0 !important;
}
.snug-left {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.snug-right {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.btn.pad-top-1,
select.pad-top-1 {
    padding-top: 6px;
    margin-top: 1em;
}
select.input-lg.pad-top-1 {
    padding-top: 12px;
}
.tab {
    margin-left: 40px;
}
.align-label-top label {
    vertical-align: top;
    padding-left: 0.36em;
}
.min-ht-400 {
    min-height: 400px !important;
}
ul.spaced6 li,
ol.spaced6 li,
ul.spaced-6 li,
ol.spaced-6 li {
    margin-bottom: 6px;
}
ul.spaced10 li,
ol.spaced10 li,
ul.spaced-10 li,
ol.spaced-10 li {
    margin-bottom: 10px;
}
ul.plain {
    list-style: none;
    padding-left: 0;
    margin-left: 0.3em;
}
ul.hang-indent li {
    text-indent: -1em;
    padding-left: 2em;
}
.wrap-col-2 {
    -webkit-columns: 2 280px;
    -moz-columns: 2 280px;
    columns: 2 280px;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
}
.small-text {
    font-size: 0.83em;
    line-height: 1.2em;
}
.large-text {
    font-size: 1.3em;
    line-height: 1.36;
}
.hero-text {
    font-size: 1.6em;
    line-height: 1.1;
}
.big-text {
    font-size: 1.36rem;
}
.lead {
    font-size: 1.36em;
}
.big-text {
    font-size: 1.36rem;
}
.h-papa-bear {
    font-size: 3rem;
}
.h-mama-bear {
    font-size: 2.2rem;
}
.h-baby-bear {
    font-size: 2rem;
}
.h-weee-bear {
    font-size: 1.56rem;
}
.h-title-bar {
    background-color: #f2f2f2;
    margin: 0;
    padding: 1.3em;
    color: #5a5a5a;
}
.bold,
.strong {
    font-weight: bold;
}
.med-wt {
    font-weight: 500;
}
.nobold,
.nobold a {
    font-weight: normal;
}
.italic {
    font-style: italic;
}
.uppercase {
    text-transform: uppercase;
}
.atomicblue,
.atomicltblue {
    color: #005c96;
}
.atomicred {
    color: #990000;
}
.atomicgrey,
.atomicgray {
    color: #666;
}
.atomicltgray {
    color: #727272;
}
.atomicdkgray {
    color: #444;
}
.atomicblack {
    color: #000;
}
.lt-blue-txt {
    color: #00a0e2;
}
.dk-blue-txt {
    color: #005c96;
}
.text-shadow {
    text-shadow: 1px 1px 2px #000;
}
.gray,
#content p.gray {
    color: #555;
}
.red {
    color: #c0362c;
}
.white {
    color: #fff;
}
a.white:hover {
    color: rgba(255, 255, 255, 0.5);
}
a.white:focus {
    color: rgba(255, 255, 255, 1.0);
}
.dropcaps {
    float: left;
    color: #005c96;
    font-size: 2.66em;
    margin-top: -10px;
    line-height: 1em;
    padding-right: .2em;
    letter-spacing: -.0183em;
}
.copyright {
    font-size: 0.83em;
}
.atomicltbluebk {
    background-color: #cae6ea;
}
.dk-gray-bg {
    background-color: #5a5a5a;
}
.md-gray-bg {
    background-color: #727272;
}
.lt-md-gray-bg {
    background-color: #e9e9e9;
}
.lt-gray-bg {
    background-color: #f2f2f2;
}
.orange-bg {
    background-color: #f17c0e;
}
.lt-blue-bg {
    background-color: #00a0e2;
}
.green-bg {
    background-color: #A1B800;
}
.dk-blue-bg {
    background-color: #005c96;
}
.pink-bg {
    background-color: #fc2e7d;
}
.blue-texture {
    background: url("../images/backgrounds/texture_blue_60pct.jpg")no-repeat top left #005C96;
}
.gray-texture {
    background: url("../images/backgrounds/texture_gray_60pct.jpg")no-repeat top left #3b3b3b;
}
.full-img-texture {
    background-size: cover;
    padding: 0;
}
.radius {
    border-radius: 0.25em;
}
.border {
    border: solid 1px #999;
}
.border-left {
    border-left: solid 5px #999;
    padding-left: 1em;
}
.shadow-btm-lft {
    box-shadow: -3px 3px 4px -2px rgba(0, 0, 0, 0.4);
}
.go-to-top {
    position: fixed;
    bottom: .66em;
    right: 1.33em;
}
/* Accessibility Styles */

.hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.offscreen,
.hidden_label {
    /* Position offscreen for non-visual accessibility */
    position: absolute;
    left: -999em;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
a.offscreen:focus {
    display: inline-block;
    left: 10px;
    width: auto;
    height: auto;
    overflow: visible;
    background: #fff;
    padding: 4px;
    margin-top: 5px;
}
#skip {
    margin-left: 60px;
}
#skip a {
    margin: 3px 5px;
}
#fbx.fbx .fbClose.accessible {
    font-size: 11px!important;
    color: #666!important;
    font-weight: bold;
    background-image: none;
}
#fbx.fbx .fbClose.accessible:hover {
    color: #990000!important;
}
.dropdown-toggle:focus,
.nav li a:focus {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px;
}

/* END Accessibility Styles */
/*************************** END reusable class styles ******************************/

/************************************************************************************/
/*************************** page wrappers and layout  ******************************/
/************************************************************************************/

#print_head {
    display: none;
}
#page {
    margin: 0 auto;
    width: 960px !important;
    border: 0 solid #ffffff;
}
#page.height-stretcher {
    min-height: calc(100vh - 173px);
}
.plain-page #page {
    width: 100% !important;
}
#ng-header-wrapper {
    background: #f2f2f2;
    min-height: 62px;
}
#header_wrapper+#page {
    width: 960px !important;
}
#lti_page_wrapper {
    min-width: 480px;
    padding: 20px 15px 20px;
}
#lti_page_wrapper #footer {
    margin-top: 20px;
    background-color: #fff;
    border-top: 1px solid #888;
    padding: 5px;
}
#header_wrapper,
#footer_wrapper {
    overflow: visible;
    /* for the dropdown menu */
    margin: 0 auto;
    border-bottom: 2px solid #ddd;
    background-color: #f2f2f2;
    padding: 15px 0;
}
#footer_wrapper {
    clear: both;
}
#header,
#footer {
    margin: 0 auto;
    min-width: 300px;
}
#header.container,
#footer.container {
    max-width: none;
}
#header .logo {
    padding-top: 10px;
    margin-right: -150px;
    /* allow overlap of user greeting and menu */
    position: relative;
    z-index: 4;
}
#header .logo img.img-responsive {
    display: inline-block;
    max-height: 75px;
}
#logo-wrap {
    position: absolute;
    top: 0;
    left: 30px;
}
#header .navbar-default {
    background-image: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
#header #header_user_tools {
    color: #005c96;
}
#header_user_tools .al-menu.compact {
    margin-top: -2px;
}
#header_user_tools .al-menu.compact>li>.drop {
    font-size: 1em;
    background-position: right 8px;
}
.username {
    color: #900;
    width: 100px;
    overflow: hidden
}
#user-menu.dropdown-menu {
    top: auto;
    width: 170px;
    right: 100px;
}

/* main navigation */
#header .navbar {
    margin-bottom: 0;
}
#al-nav-menu {
    margin-top: .83em;
}
#al-nav-menu .nav-fullwidth .dropdown-menu {
    width: 100%;
    border-radius: 0;
    margin-top: -2.5px;
}
.yamm #al-nav-menu .navbar-nav>li>.dropdown-menu {
    margin-top: -1.5px;
}
#al-nav-menu .navbar-nav>li>a {
    padding-top: .33em;
    padding-bottom: .33em;
    color: #005c96;
    font-size: 1.125em;
    border: solid 1px transparent;
    border-radius: 2px;
}
#al-nav-menu .navbar-nav>.open>a,
#al-nav-menu .navbar-nav>.open>a:hover,
#al-nav-menu .navbar-nav>.open>a:focus {
    background-color: #fff;
    color: #005C96;
    border: solid 1px #ccc;
    border-bottom: none;
    border-radius: 2px 2px 0 0;
    margin-bottom: -1px;
    position: relative;
    z-index: 1001;
}
#al-nav-menu .navbar-nav>li>a:hover {
    color: #005c96;
    background-color: #E2E2E2;
    border: solid 1px #ccc;
}
#home-tab-panels.height-stretcher {
    min-height: calc(100vh - 153px);
}
#body_home #al-nav-menu .navbar-nav>li.home>a {
    pointer-events: none;
    cursor: default;
    color: #5a5a5a;
    border: solid 1px #e5e5e5;
    margin-bottom: -1px;
    background-color: #eaeaea;
}
#body_home nav .home>a {
    pointer-events: none;
    cursor: default;
}
.menu-icon {
    width: 23px;
    height: 23px;
    margin-top: -4px;
    margin-right: 4px;
}
.nav-section-title {
    font-size: 1.05em;
    background-color: #f2f2f2;
    padding: .33em;
    text-transform: uppercase;
    letter-spacing: 0.0125em;
    margin-bottom: 0.33em;
}
.nav-section-list {
    min-height: 50px;
}
.nav-section-list a,
#al-nav-menu .dropdown-menu>li>a {
    color: #005C96;
    display: block;
    padding-left: 1em;
    transition: background .3s ease 0s;
    background-color: #fff;
}
.nav-section-list a:hover,
.nav-section-list a:focus,
#al-nav-menu .open .dropdown-menu>li>a:hover,
#user-menu.dropdown-menu>li>a:hover {
    background-color: #005c96;
    background-image: none;
    color: #f2f2f2;
    text-decoration: none;
}
.nav-section-icon {
    min-height: 90px;
}
.nav-section-icon.nav-half-ht {
    min-height: 50px;
}
.nav-section-icon a {
    width: 100%;
    display: block;
    padding: .33em;
    border: solid 2px transparent;
    border-radius: 2px;
}
.nav-section-icon a:hover,
.nav-section-icon a:focus {
    border: solid 2px #009FDD;
    color: #0082BF;
}
.nav-text {
    display: block;
    float: left;
    width: 80%;
    padding: 0 .66em;
}
.nav-half-ht .nav-text {
    padding: 0 .66em;
}
.nav-icon {
    max-width: 100%;
    background-size: 100%;
    background-image: url('../images/stock/menu/menu-sprite.png');
    margin-left: -5px;
    height: 0;
    display: block;
    float: left;
    width: 20%;
    padding-bottom: 18%;
}
.nav-half-ht .nav-icon {
    padding-bottom: 10%;
}

/* Responsive CSS Sprite: Generated by http://responsive-css.spritegen.com; */
.nav-assessments {
    background-position: 0 8.702659%;
    background-size: 100.833333%;
}
a:hover .nav-assessments,
a:focus .nav-assessments {
    background-position: 0 4.353083%;
    background-size: 100.833333%;
}
.nav-blog {
    background-position: 0 17.372027%;
    background-size: 100.833333%;
}
a:hover .nav-blog,
a:focus .nav-blog {
    background-position: 0 13.018944%;
    background-size: 100.833333%;
}
.nav-contact {
    background-position: 0 26.078194%;
    background-size: 100.833333%;
}
a:hover .nav-contact,
a:focus .nav-contact {
    background-position: 0 21.725111%;
    background-size: 100.833333%;
}
.nav-custom {
    background-position: 0 100%;
    background-size: 100.833333%;
}
a:hover .nav-custom,
a:focus .nav-custom {
    background-position: 0 0%;
    background-size: 100%;
}
.nav-faq {
    background-position: 0 34.784361%;
    background-size: 100.833333%;
}
a:hover .nav-faq,
a:focus .nav-faq {
    background-position: 0 30.431278%;
    background-size: 100.833333%;
}
.nav-giveaway {
    background-position: 0 43.490528%;
    background-size: 100.833333%;
}
a:hover .nav-giveaway,
a:focus .nav-giveaway {
    background-position: 0 39.137445%;
    background-size: 100.833333%;
}
.nav-help {
    background-position: 0 52.196695%;
    background-size: 100.833333%;
}
a:hover .nav-help,
a:focus .nav-help {
    background-position: 0 47.843611%;
    background-size: 100.833333%;
}
.nav-hot {
    background-position: 0 60.902862%;
    background-size: 100.833333%;
}
a:hover .nav-hot,
a:focus .nav-hot {
    background-position: 0 56.549778%;
    background-size: 100.833333%;
}
.nav-marketing {
    background-position: 0 69.609029%;
    background-size: 100.833333%;
}
a:hover .nav-marketing,
a:focus .nav-marketing {
    background-position: 0 65.255945%;
    background-size: 100.833333%;
}
.nav-news {
    background-position: 0 78.315195%;
    background-size: 100.833333%;
}
a:hover .nav-news,
a:focus .nav-news {
    background-position: 0 73.962112%;
    background-size: 100.833333%;
}
.nav-site {
    background-position: 0 87.021362%;
    background-size: 100.833333%;
}
a:hover .nav-site,
a:focus .nav-site {
    background-position: 0 82.668279%;
    background-size: 100.833333%;
}
.nav-suggestions {
    background-position: 0 95.646917%;
    background-size: 100.833333%;
}
a:hover .nav-suggestions,
a:focus .nav-suggestions {
    background-position: 0 91.300846%;
    background-size: 100.833333%;
}
/* END Responsive CSS Sprite: */

.sm-icons a {
    border-bottom: 0 !important;
}
.sm-icons>span {
    display: inline-block;
}
.sm-icons img {
    margin-bottom: 10px;
}

/* footer */
#footer .menu-item:first-child,
#header .menu-item:first-child {
    background: none;
    padding-left: 0;
}
#footer .menu-item:last-child,
#header .menu-item:last-child {
    padding-right: 0;
}
#footer .menu-item {
    padding-right: 0.33em;
}
body.techcore #footer a {
    color: #a4c200;
}
body.techcore .footer-text {
    color: #333;
}
#footer_wrapper {
    margin: 0;
    padding: 15px 0;
}
#footer_menu,
#social_menu {
    text-align: center;
}
#footer,
.footer-text {
    font-size: 96%;
    clear: both;
}
.footer-text {
    display: block;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.8em;
}
#footer #footer_menu .menu-item,
#header_user_tools .menu-item {
    display: inline-block;
    background: url(../images/stock/menu_divider_line.png) 2px 5px no-repeat;
    padding: 0 0.44em 0 1.33em;
    height: 24px;
}
#footer #footer_menu .menu-item {
    height: auto;
    list-style: none;
}
#footer #footer_menu .menu-item:first-child {
    background: none;
}
#footer a,
#user_links a,
.podlet_links a {
    color: #005c96;
    text-decoration: none;
    border-bottom: 1px dotted;
}
#footer a:hover,
#user_links a:hover,
.podlet_links a:hover {
    color: #993333;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

/* Main body styles */
#content {
    clear: both;
    padding-bottom: 20px;
}
#page_responsive {
    padding-top: 10px;
    padding-bottom: 20px;
}
#content_top+#page_responsive {
    padding-top: 0;
    padding-bottom: 0;
}

/* pre-login home pages without page content */
#content.no-border {
    border: 0;
}
#main {
    float: right;
    width: 670px;
    padding-left: 6px;
}
#main div.story {
    clear: both;
    border-bottom: 0 none;
}
#main div.story div.section,
#contents .story .section {
    margin: 0 2em;
}
#main_full {
    margin: 0;
    padding: 0;
}
#main_full div.message {
    padding: 3em;
}
#middlecontent #results_grid {
    margin-left: 12px;
}

/* Sidebar styles */
#content #sidebar {
    float: left;
    margin: 20px 0 10px 5px;
    width: 270px;
    text-align: left;
    height: 100%;
    background-color: #fff;
    border-left: 0 none;
}
#sidebar div.section,
#sidebar_responsive div.section {
    background: url("../images/stock/pod_divider_234.png") no-repeat center bottom transparent;
    padding: 1em;
    margin: 0;
}
.side_pod_divider {
    background: url(../images/stock/pod_divider_234.png) center top no-repeat;
    height: 3px;
    margin: 15px auto;
}
#sidebar_responsive div.section {
    padding: 1em 0;
}
#sidebar div.section.no-divider,
#sidebar div.section:last-child,
#sidebar_responsive div.section.no-divider,
#sidebar_responsive div.section:last-child {
    background: none;
}
#sidebar_responsive .ti_section {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
#sidebar div.error,
#sidebar_responsive div.error {
    font-size: 1.08em;
    font-weight: bold;
    color: #f44;
}
#sidebar div.title {
    font-size: 1.08em;
    font-weight: bold;
    color: #444;
}
#sidebar div.section ul {
    padding-left: 0;
    margin-left: 20px;
    /* IMPORTANT for IE */
}
#sidebar a img {
    border: 0;
}
.sidebar-notice {
    display: block;
    font-size: 1.3em;
    clear: both;
    overflow: auto;
    background: url("../images/stock/pod_divider_234.png") no-repeat center bottom transparent;
    margin-bottom: 0.61em;
}
.sidebar-notice,
.feature-pod-wrapper .sidebar-notice {
    padding: 0.33em 0.33em 0.83em;
}
.sidebar-notice:last-child {
    background: none;
    margin-bottom: 0;
}
.sidebar-notice>span {
    display: block;
    font-size: 0.83em;
    clear: left;
}
.sidebar-notice>img {
    float: right;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.sidebar-notice:hover>img {
    opacity: .7;
}

/* lines & dividers */
.au_line,
.au_stage_line,
.no_theme_line,
.no_theme_stage_line,
.k12_line,
.k12_stage_line,
.uk_line,
.uk_stage_line,
.highed_line,
.highed_stage_line,
.training_line,
.training_stage_line,
.consumer_line,
.consumer_stage_line,
.main_col_divider {
    background: url(../images/stock/pod_divider_610.png) center top no-repeat;
    height: 1px;
    margin: 15px auto;
}
.line-behind {
    background: url(../images/stock/pod_divider_610.png) center center no-repeat;
}
.line-behind>span {
    background-color: #fff;
    display: inline-block;
    padding: 0 6px;
}

/*************************** END page wrappers and layout  **************************/

/************************************************************************************/
/*************************** post-log home & search *********************************/
/************************************************************************************/
.nav-tabs.nav-justified {
    margin-bottom: 2em;
}
#home-tabs .nav>li>a {
    background-color: #005c96;
    transition: all .2s;
    border-radius: 0;
    padding: 1.33em 0;
    min-height: 4em;
    margin-bottom: 0;
    border: solid 1px #fff;
}
#home-tabs .nav>li>a h2 {
    color: #f2f2f2;
    font-size: 1.33em;
}
#home-tabs .nav>li.active>a h2,
#home-tabs .nav>li.active>a:hover h2 {
    color: #005C96;
}
#home-tabs .nav>li>a:hover h2 {
    color: #fff;
}
#home-tabs .nav>li>a:hover,
.nav>li>a:focus {
    background-color: #0081BD;
}
#home-tabs .nav>li.active>a {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    border-top: solid 2px #005C96;
}
#home-promo-sections {
    border-top: solid 5px #005c96;
    color: #727272;
    font-size: 1.36em;
    line-height: 1.5;
}
.issues-blocks {
    border-top: solid 3px #3374AB;
}
.pct-20 {
    width: 20%;
    display: inline-block;
    float: left;
    height: 100px;
}
#challenge-tech {
    background-image: url(../images/stock/trans-power-button.png);
    background-position: 33% 35%;
    background-repeat: no-repeat;
    background-size: 90%;
}
#challenge-time {
    background-image: url(../images/stock/trans-clock.png);
    background-position: 65% 70%;
    background-repeat: no-repeat;
}
#challenge-skills {
    background-image: url(../images/stock/trans-briefcase.png);
    background-position: 8% 18%;
    background-repeat: no-repeat;
}
#challenge-engagement {
    background-image: url(../images/stock/trans-grad-hat.png);
    background-position: 0% 73%;
    background-repeat: no-repeat;
}
#challenge-change {
    background-image: url(../images/stock/trans-book.png);
    background-position: 0% 78%;
    background-repeat: no-repeat;
}
.home-search-tab-field.inline {
    width: 197px;
    float: left;
}
#home_feature_slider_wrapper {
    margin-bottom: 2%;
    padding-bottom: 3em;
    border-bottom: solid 3px #ddd;
}
#home_feature_slider_wrapper h2,
.title-bar {
    padding: 0.3em 1.3em;
    margin-top: 0;
    color: #fff;
    background-color: #929292;
}
.bx-pager,
.bx-pager-item {
    display: inline-block;
}
a.bx-pager-link {
    background: transparent url('../images/stock/bullet_black_sm.png') 0 0 no-repeat;
    padding: 0;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0) !important;
    font-size: 0 !important;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    display: inline-block;
    width: 21px;
    height: 16px;
    opacity: 0.6;
}
a.bx-pager-link:hover {
    opacity: 1.0;
}
a.bx-pager-link.active {
    color: transparent;
    opacity: 1.0;
    cursor: default;
}
#search_form .search-filter-btn {
    text-align: left;
    padding-left: 5px;
    padding-right: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#search .select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none transparent;
}
.btn-default .select2-choice {
    color: #333;
}
#search_topic_filter {
    min-height: 34px;
}
#search_form .search-filter-btn .caret {
    margin-top: 8px;
}
#search_messaging {
    margin: 15px 0;
}
#home_search_results_wrapper {
    margin-top: 1em;
}
table.search-results h3 {
    /* match DataTables headings */
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 2px;
}
table.dataTable {
    margin-top: 20px;
}
.dataTables_paginate {
    margin-right: 0;
}
.dataTables_info,
.dataTables_length label {
    font-size: 0.9em;
}
#mktg-promo .col-xs-6 {
    min-height: 270px;
}
#custom_training_table .custom-training-title .DataTables_sort_wrapper .DataTables_sort_icon,
#home-tabs .DataTables_sort_icon {
    float: left;
}
.results-showrows {
    margin-top: 5px;
    margin-bottom: -15px;
}
.results-showrows select {
    width: auto;
}
.results-paging .fg-button.next,
.results-paging .fg-button.previous {
    min-width: 20px;
}
#search .search-results thead th {
    font-weight: bold;
    vertical-align: bottom;
    padding-bottom: 0;
}
.search-results tbody th {
    font-weight: inherit;
    text-align: inherit;
}
th.series-title,
th.tutorial-title {
    width: 40%;
    padding: 1% 2% 1% 0;
}
td.series-application {
    width: 30%;
}
th.series-title i.glyphicon {
    margin: 1px 4px 0 0;
}
th.series-tutorial-count,
th.tutorial-key,
th.series-total-time {
    width: 80px;
    text-align: center;
}
th.tutorial-icon,
th.tutorial-favorite {
    width: 30px;
}
td.tutorial-favorite {
    cursor: pointer;
}
#search_series_loading,
#search_tutorial_loading {
    clear: both;
}
.tutorial-key>div,
.tutorial-time>div,
.series-tutorial-count>div,
.series-total-time>div,
td.tutorial-count,
td.series-time {
    text-align: center;
}
.results-table {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}
.results-paging .ui-buttonset {
    margin-right: 0;
}
#search_category_filter label {
    font-size: 1em;
    margin-bottom: 0;
}
.select2-search-choice-close:hover {
    background-position: right -11px;
}
#app_version_help_link,
#search_tips_popover,
#search_state_standards_link {
    font-size: 1em;
    margin-left: 4px;
    margin-right: 4px;
}
.ie8 #app_version_help_link,
.ie8 #search_tips_popover {
    width: 220px;
    display: inline-block;
}
#search_filter_row {
    display: none;
}
#s2id_search_application_filter {
    margin: 5px 0;
}
#search_application_filter_btn>a>.select2-search-choice-close,
#search_category_filter_btn>a>.select2-search-choice-close {
    margin-right: 24px;
    margin-top: 3px;
    display: none;
}
#search_application_filter_drop {
    margin-left: -1px;
}
#s2id_search_application_filter {
    width: 415px;
}
#search_category_filter_inputs {
    padding-left: 16px;
}
@media (min-width: 992px) {
    #search_form .search-filter-btn-left {
        padding-right: 5px;
    }
    #search_form .search-filter-btn-center {
        padding-left: 5px;
        padding-right: 5px;
    }
    #search_form .search-filter-btn-right {
        padding-left: 5px;
    }
}

/** Discover Topics **/
#discover-topics,
#welcome-mssg,
.discover-bg {
    background: url(../images/backgrounds/discover_bg.jpg) center center no-repeat #E4E4E4;
    background-size: cover;
}
#welcome-mssg {
    padding: 7em 0;
}
label.checkbox-slide {
    width: 100%;
    height: 75px;
    min-height: 75px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding: .66em 1em .66em 2em;
    margin: 0.66em 0;
    font-size: 1.3em;
    text-align: center;
    color: #005c96;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 2px;
    border: solid 2px #fff;
    transition: all 0.4s ease;
}
label.checkbox-slide:before {
    content: "\2713 ";
    width: 12%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    font-size: 1.3em;
    line-height: 3em;
    color: #fff;
    background-color: #005c96;
    opacity: 0;
    transition: all 0.4s ease;
}
input.checkbox-slide:focus+label {
    outline: solid 2px #66BFDF;
}
label.checkbox-slide:hover {
    border: solid 2px #005c96;
}
label.checkbox-slide:hover:before {
    left: 97%;
    opacity: 1;
}
input.checkbox-slide:checked~label.checkbox-slide {
    background-color: rgba(255, 255, 255, .7);
    border: solid 2px #005c96;
    animation: throw 0.5s linear;
}
input.checkbox-slide:checked~label.checkbox-slide:before {
    left: 0px;
    opacity: 1;
}
input.checkbox-slide:disabled~label.checkbox-slide {
    opacity: .3;
}
input.checkbox-slide:disabled~label.checkbox-slide:hover {
    border: solid 2px #fff;
    cursor: default;
}
input.checkbox-slide:disabled~label.checkbox-slide:hover:before {
    left: 100%;
    opacity: 0;
}
@keyframes throw {
    0%,
    63% {
        margin-left: 0;
    }
    64% {
        margin-left: -5px;
    }
    100% {
        margin-left: 0;
    }
}
#recommendations .recommmended-series.m-xs {
    padding-left: 5px;
    padding-right: 5px;
}
.recommmended-series {
    margin: 5px 0;
}
.series-panel-wrap {
    padding: .5em 2.5em;
    background-color: #fafafa;
    border-top: solid 1px #ECECEC;
    border-bottom: solid 1px #ECECEC;
}
.series-panel {
    width: 100%;
    max-width: 350px;
    height: 333px;
    overflow: hidden;
    float: left;
    border: solid 1px #f2f2f2;
    background-color: #fff;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
    cursor: pointer;
}
.overview {
    height: 135px;
    overflow: hidden;
    padding: 0 .83em;
}
.series-description {
    padding: 1.66em 2.125em;
}
.show-details {
    padding: .96em .83em;
    text-align: right;
    background-color: #fff;
}
.boxshot-wrap {
    height: 135px;
    overflow: hidden;
    min-height: 135px;
    margin: 0 auto;
}
.control-img {
    display: inline-block;
    vertical-align: middle;
    max-height: 135px;
    overflow: hidden;
}
.modal-img-wrap {
    margin: 0 auto 1em;
    width: 100%;
    max-width: 460px;
    max-height: 260px;
}
.modal-img-wrap img {
    width: 100%;
}
#discover-accordion {
    margin-bottom: 0;
}
.discover-modal .modal-body {
    padding: 0;
    border: 0;
}
.discover-modal h4 {
    background-color: #929292;
    padding: .66em 1.66em;
    color: #f2f2f2;
    font-size: 1.2em;
}
.tags {
    width: 60%;
    width: calc(100% - 8em);
}

/*************************** END post-log home & search  ****************************/

/************************************************************************************/
/*************************** feature_pod_wrapper & flex-pod *************************/
/************************************************************************************/
.feature-pod-wrapper,
.flex-pod-outer,
.ask_al_pod {
    behavior: url(/static/js_lib/pie/PIE.htc);
    /* CSS3 effects for IE8-9 */
    position: relative;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin: 10px 0 20px;
    padding: 10px;
    background-color: #fcfcfc;
    -pie-box-shadow: 1px 1px 1px rgba(200, 200, 200, 0.1);
    /* for some reason this element's shadow renders too dark, so we specify a lighter value */
}
#sidebar>.feature-pod-wrapper:first-child,
#sidebar>.feature-pod-wrapper.first {
    margin-top: 0;
}
#sidebar .feature-pod-wrapper {
    margin-left: 0;
}

/* uk and au home pages */
.feature-pod-wrapper.side-pod {
    width: 300px;
    float: right;
}

/* shared_login user_greeting */
.feature-pod-inner {
    margin: 10px;
}

/* all-students page */
.feature-pod-wrapper.titlebar {
    padding: 0;
}
.feature-pod-titlebar {
    color: #fff;
    border-radius: 7px 7px 0 0;
    padding: 8px;
    background: rgb(3, 51, 112);
    /* Old browsers */
}

/* flex-pod */
.flex-pod-wrapper.half {
    float: left;
    width: 49%;
}
a .flex-pod-outer:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    /* IE8 */
}
.flex-pod-inner {
    padding: 5px 10px;
    position: relative;
}
.flex-pod-icon {
    float: left;
    margin-top: 15px;
}
.flex-pod-icon-col {
    margin-left: 65px;
}
.flex-pod-inner p {
    margin-left: 0;
}
.flex-pod-inner.padded-p p {
    margin: 10px;
}
.flex-pod-inner h2 {
    font-size: 14px !important;
}

/*************************** END feature_pod-wrapper & flex-pod *********************/

/************************************************************************************/
/*************************** forms & login ******************************************/
/************************************************************************************/
#user_login_form {
    width: 240px;
    padding: 15px;
    margin: 15px auto;
}
#login-dialog .modal-content {
    padding: 15px 20px;
    min-width: 255px;
}
#popupusername,
#popuppassword {
    font-size: 1.08em;
}
.al-popup,
#header_no_theme_login_popup,
#header_no_theme_settings_popup,
#header_no_theme_country_popup,
#header_no_theme_subscribe_popup {
    behavior: url(/static/js_lib/pie/PIE.htc);
    /* CSS3 effects for IE8-9 */
    position: absolute;
    height: auto;
    z-index: 10;
    color: black;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    background-color: #f5f5f5;
    background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f5f5f5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
    /* IE10+ */
    background: linear-gradient(top, #fff 0%, #f5f5f5 100%);
    /* W3C */
    -pie-background: linear-gradient(top, #fff 0%, #f5f5f5 100%);
    /* CSS3 PIE */
    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
    /* safari */
}
#error,
#error_container {
    padding: 1em;
    background: #ffffff;
}
.form-error.alert h2 {
    margin: 0;
    color: #990000;
}
.form-error.alert p,
input.error,
.form-error.alert a,
label.error {
    color: #990000;
}
#evaluation.level1reporterror {
    font-size: 120%;
    font-weight: bold;
    color: #f44;
    /* #09357a; */
}
body.ie8 input[type=password] {
    font-family: arial, sans-serif;
}
.captcha {
    width: 304px;
    margin: 1em auto;
}
.form-compact {
    padding: 1.5em 1.5em 2em;
    margin-bottom: 2em;
}
.form-compact .optional {
    display: none;
}
.form-compact fieldset,
.form-compact .form-group {
    padding: 0;
    margin: 0;
}
/*************************** END forms & login **************************************/

/************************************************************************************/
/*************************** search  ************************************************/
/************************************************************************************/

/* Search dropdown options */
.select2-search-choice-close {
    top: 30%;
}
#applications .select2-search-choice-close {
    right: 26px;
}
#s2id_search_topic_filter .select2-search-choice-close {
    right: 20px;
}
#categories .select2-search-choice-close {
    right: 36px;
}
.select2-container-multi .select2-search-choice-close {
    top: 3px;
}
.select2-search-choice-close:focus,
.select2-search-choice-close:active,
.select2-container .select2-choice abbr.select2-search-choice-close:focus {
    outline: dotted 1px #333;
}

/* Search by state Standards button */
#content div.standards {
    width: auto;
    margin-bottom: 6px;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
    border: 1px solid #005c96;
    white-space: nowrap;
    float: none;
}
#content div.standards a {
    margin: 0;
    display: block;
    width: auto;
    height: 19px;
    color: #333333;
    text-decoration: none !important;
    border: none !important;
    background: url(../images/state_standards_bk.gif);
    background-repeat: repeat-x;
    padding: 5px 0 0 0;
}
#content div.standards a:hover {
    color: #990000;
    text-decoration: underline !important;
    /* font-style: italic; */
}
#content div.standards a:active {
    color: #990000;
    text-decoration: underline !important;
    /* font-style: italic; */
}

/*************************** END search *********************************************/

/************************************************************************************/
/***************************  movies, features & spotlights *************************/
/************************************************************************************/
.kalturaPlayer,
.kaltura-player {
    width: 100%;
    height: 100%;
}
#featureSlider1 .feature-slider-item {
    padding: 10px;
}
.feature-slider-img-wrapper {
    overflow: visible;
    position: relative;
    text-align: center;
}
.feature-slider-item img {
    display: inline-block;
    margin-bottom: 10px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
}
.feature-slider-item img.img-responsive {
    width: 100%;
}
.feature-slider-caption {
    font-size: 1em;
}
.bx-wrapper {
    margin-bottom: 1.5em;
}
.bx-wrapper .bx-viewport {
    box-shadow: none;
    left: 0;
}
.bx-wrapper .play-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
.play-overlay {
    background: url(../images/stock/play_overlay_btn.png) center center no-repeat;
    height: 100%;
    opacity: 0.75;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.play-overlay:hover {
    opacity: 1;
}
a.hiddenmovie {
    font-style: italic;
    color: #6699cc;
    background-color: #ffffcc;
}
.edit-mode-toggler {
    cursor: pointer;
}
.edit-hide {
    display: none;
}
.addthis_series,
.addthis_spotlight {
    float: right;
    clear: both;
    margin-right: 18px;
}
.screenshot {
    border: 3px solid #fff;
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    margin: 8px;
    max-width: 45%;
}
.screenshot.pull-left {
    margin-right: 12px;
}
.screenshot.pull-right {
    margin-left: 12px;
}

/* spotlight and 10% videos */
.video {
    background: #000;
    border-radius: 4px;
    border: 5px solid #555;
}
.video_still {
    width: 290px;
    height: 210px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    box-shadow: 2px 2px 8px #777;
    position: relative;
}
.video_still_title {
    color: white;
    font-size: 18px !important;
    font-weight: 700;
    text-align: center;
    padding: 10px 30px 15px 30px;
    background: #336699;
    position: absolute;
    bottom: 20px;
}
.video_still .play-overlay {
    background-position: 50% 44%;
}
.spotlight_video_still {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 2px 2px 8px #777;
    margin: 30px 5px 20px;
    position: relative;
    max-width: 480px;
}
.visible-xs .spotlight_video_still {
    margin: 0 auto;
}
#spotlight-feature.feature-slider-item {
    width: 100%;
    padding: 0;
    margin: 2em 0 0;
}
#spotlight-feature .play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.spotlight_video_still_title {
    position: absolute;
    font-size: 14px !important;
    font-weight: bold;
    color: #fff !important;
    z-index: 2;
    width: 100%;
    padding: 0.33em 1em;
}
.spotlight_video_still img {
    opacity: 0.6;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
    /* stops wiggle on hover transition in Webkit */
}
.spotlight_video_still:hover img {
    opacity: 1;
}
.spotlight-main .copyright {
    margin: 20px 0 inherit;
}
.spotlight-main h3 {
    background-color: #929292;
    color: #fff;
    line-height: 28px;
    padding-left: 40px;
    padding-right: 20px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    margin-left: -5px;
}
.spotlight-main h3 .bullet {
    background-color: #8aa2b7;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 1px #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    margin: -10px 8px -5px -48px;
    font-size: 24px;
    line-height: 36px;
}
.spotlight-main p {
    margin-left: 2.6em;
}
/*************************** END movies, features & spotlights **********************/

/************************************************************************************/
/*************************** custom page styles & sections  *************************/
/************************************************************************************/
blockquote.job-opps {
    border-left: solid 7px #005c96;
    background-color: #f2f2f2;
    font-size: 1em;
    padding: 1.66em 0.66em 1.66em 1.33em;
    margin-left: 0;
}
blockquote.job-opps p {
    font-size: 1em;
}
blockquote.job-opps h3 {
    margin-top: 0;
}
#blurb blockquote {
    font-size: inherit;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    border-left: 0;
}
#blurb img,
.wysihtml5-editor img {
    max-width: 100%;
    max-height: 300px;
}
.wysihtml5-toolbar .btn-sm {
    padding: 3px 5px;
    min-width: 32px;
    430
}
.wysihtml5-toolbar .btn.btn-sm {
    font-size: 17px !important;
    text-decoration: none;
}
.wysihtml5-toolbar .btn-sm .glyphicon {
    font-size: 16px !important;
}
.wysihtml5-toolbar .btn-sm .glyphicon:empty {
    width: auto;
}
.wysihtml5-toolbar .btn-sm .glyphicon-numlist,
.wysihtml5-toolbar .btn-sm .glyphicon-bullist {
    font-size: 7px !important;
    line-height: 6px;
    font-weight: bold;
    padding: 2px 0 5px;
    display: block;
}
/* end hover-effect buttons */

.wysihtml5-toolbar .btn-sm .glyphicon-bullist:before {
    content: "\25CF \2014 \00000A \25CF \2014 \00000A \25CF \2014 ";
    white-space: pre;
}
.wysihtml5-toolbar .btn-sm .glyphicon-numlist:before {
    content: "1\2014 \00000A 2\2014 \00000A 3\2014 ";
    white-space: pre;
}

/* blockquotes and testimonials */
blockquote.quote-wrapper,
blockquote.hot-item {
    margin: .83em .83em 1.3em;
    padding: 1.5em 2em 1em 4em;
    background: url(../images/stock/quotation-start.png) 15px 15px no-repeat;
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
blockquote.hot-item {
    background-image: none;
    padding: 0 .61em!important;
    margin: .83em 0 1.33em;
}
blockquote.hot-item h3 {
    font-size: 1em;
}
blockquote.hot-item ul {
    padding-left: 10px;
}
blockquote.hot-item p:first-child a {
    font-weight: bold;
}
blockquote.quote-wrapper p {
    color: #005c96;
    /* medium blue */
    font-size: 1em;
    font-style: italic;
    line-height: 1.5em;
}
blockquote.quote-wrapper p strong {
    font-size: 1.1em;
    margin: 0.125em
}
blockquote.quote-wrapper p.quote-credit:before {
    content: "— ";
}
blockquote.quote-wrapper p.quote-credit {
    font-size: 0.83em;
    font-style: normal;
    margin-left: 1.33em;
}
#sidebar blockquote.quote-wrapper,
blockquote.al.quote-wrapper {
    background-position: 0 5px;
    background-color: transparent;
    border: 0;
    margin: 0.6em
}
#sidebar blockquote.quote-wrapper:last-child,
blockquote.al.quote-wrapper:last-child {
    margin-bottom: 0.61em;
}
#sidebar blockquote.quote-wrapper p,
blockquote.al.quote-wrapper p {
    font-size: 0.9em;
    margin-left: 0;
}
#sidebar blockquote.quote-wrapper p.quote-credit,
blockquote.al.quote-wrapper p.quote-credit {
    margin-left: -2em;
}

/* tab-gradient */
.nav.tab-gradient>li>a {
    background-color: #eee;
    border-color: #ccc;
    transition: all .2s;
    border-radius: 4px 4px 0 0;
}
.nav.tab-gradient>li>a:hover,
.nav>li>a:focus {
    background-color: #e3e3e3;
}
.nav.tab-gradient>li.active>a {
    background-color: #fff;
    border-bottom-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav>li>a h2 {
    font-size: 1.2em;
    margin: 0;
}
.nav.tab-gradient>li.active>a>h2 {
    color: #4a4a4a;
}

/* Getting the Word Out pod (/admin_support_info) */
.word_out p,
.word_out li {
    overflow: auto;
    display: block;
}
.word_out .thumb {
    float: left;
    clear: both;
    margin-left: 20px;
    margin-bottom: 15px;
}
.word_out .download {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}
.word_out .download a,
.word_out .btn {
    text-decoration: none;
    border-bottom: 0;
    margin-left: 1em;
}
.word_out .expander_content .admin_implementation {
    padding-left: 10px;
}
.word_out .word_out_quote {
    margin-left: 40px !important;
    font-style: italic;
}

/* sitemap */
#sitemap h4 a {
    color: #4a4a4a;
    line-height: 1.33;
}
#sitemap p {
    font-size: 0.83em;
}
#sitemap>.row {
    border-top: 1px solid #ccc;
    clear: both;
    margin-top: 1em;
}
.manage-users-tab-container {
    padding-left: 12px;
    padding-right: 12px;
}
#groups_list {
    margin-bottom: 15px;
}

/* Indents for Awards Page */
.indentaward1 {
    margin-left: 101px;
}
.indentaward2 {
    margin-left: 165px;
}

/* Press Release Page */
#box_user {
    width: 310px;
    height: 60px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    visibility: hidden;
    position: absolute;
    margin-top: 0;
    background-color: #FFFFFF;
    z-index: 100;
}
#button_user {
    width: 50px;
    height: 20px;
}

/* Custom style for CMS VLE Page */
.cms_indent {
    width: 450px;
    margin-left: 20px;
}
.astablestyle {
    width: 90%;
    border: 1px solid #005c96;
    padding: 2px;
}

/* still used on the Scorm pages */
#content_responsive .scorm-page-wrapper.height-stretcher {
    min-height: calc(100vh - 183px);
}
.buttonwrapper_global {
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden;
    /*See: http://www.quirksmode.org/css/clearing.html */
    width: auto;
    padding-top: 20px;
    padding-bottom: 0;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
}

/* Styles for Direct Linking and Assign and callouts */
.newFeatureCallout {
    background: url('../images/series/new_feature_callout_bg.gif') repeat-x left bottom #f9f3a3;
    border: 1px solid #decb92;
    border-width: 1px 2px 2px 1px;
    padding: 5px 10px;
    margin: 1em;
    font-size: 1em;
}
.newFeatureCallout span {
    color: #c00;
    font-weight: bold;
}
.newFeatureCallout p {
    font-size: 0.83em;
    margin-top: 3px;
    margin: 0;
    color: #333333;
}

/* ideascale feedback widget */
#ideas .modal-body {
    background-color: #f7f9f9;
}
#ideas .modal-dialog {
    width: 425px;
    margin: 5px auto;
}
#ideas h4.modal-title {
    font-size: 1.1em;
}
#ideas .modal-footer {
    text-align: center;
}
#ideas-link {
    position: fixed;
    z-index: 2;
    top: 36%;
    left: 0;
    background: url("../images/thinktank-idea_alt.png")no-repeat top left;
    width: 25px;
    height: 132px;
}

/* video storytelling guide pages */
.vsg-term,
.term {
    color: #009900;
    font-weight: bold;
}
.vsg-video {
    font-weight: bold;
}
.menu_current {
    color: #993333;
    font-weight: bold;
}

/* addthis, help bubbles, ect. */
.addthis_series,
.addthis_spotlight {
    float: right;
    clear: both;
    margin-right: 18px;
}
.addthis_series {
    margin-bottom: 8px;
}
.addthis_series a,
.addthis_spotlight a {
    border-bottom: 0 !important;
}
.addthis_spotlight {
    clear: none;
    margin-right: 8px;
}
.topic-help-bubble {
    vertical-align: top;
}
.panel-title .topic-help-bubble {
    margin-top: -6px;
    display: inline-block;
}
.topic-help-bubble:hover {
    opacity: 0.8;
}
.sidebar_speech_bubble_icon {
    float: right;
    padding-top: 15px;
    margin-right: 5px;
}
#browse_tabs {
    margin-top: 8px;
}
#project_type_selector {
    padding-left: 40px;
    margin-bottom: 10px;
}
#podlet_project_browse .browse_type_area {
    color: #005c96;
    font-weight: bold;
}
.podlet_searchsidebar .version-help-link,
#browse_tabs .version-help-link,
#search_filters_box .version-help-link {
    margin-bottom: 6px;
    clear: both;
}
#browse_tabs .version-help-link,
#search_filters_box .version-help-link {
    margin-left: 50px;
}
#leftcontent .version-help-link {
    clear: both;
    margin-left: 4px;
}
#version_search_filter_combo>div,
#version_browse_tutorials_combo>div,
#version_browse_projects_combo>div {
    margin-bottom: 0 !important;
}
#version_search_filter_clear,
#version_browse_tutorials_clear,
#version_browse_projects_clear {
    margin-top: -24px;
}

/* about-us and case-studies */
.bio-grid-outer {
    margin: 20px 0 20px 50px;
    width: 50px;
    border: 1px solid #ccc;
    border-right: none;
    overflow: visible;
    border-radius: 4px 0 0 4px;
}
.case-study.bio-grid-outer {
    margin-left: 70px;
    width: 80px;
}
.bio-grid-inner {
    position: relative;
    padding-left: 40px;
    width: 520px;
}
.case-study .bio-grid-inner {
    padding-left: 80px;
    width: 485px;
}
.bio-grid-pic-wrapper {
    position: absolute;
    top: 20px;
    left: -50px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    zoom: 1;
}
.case-study .bio-grid-pic-wrapper {
    left: -70px;
    top: 0;
    background-color: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bio-grid-pic {
    height: 85px;
    width: 85px;
    background-repeat: no-repeat;
    background-position: left top;
}
.case-study .bio-grid-pic {
    width: 150px;
    height: 150px;
}

/* feature checklist */
ul.feature_checklist {
    padding-left: 0;
    margin: 2em 0 2em 1.31em;
}
.feature_checklist li {
    background: url("../images/home_files/checkmark.png") no-repeat left top;
    color: #555;
    list-style: none;
    padding-left: 32px;
    margin: 0.5em 0;
    font-size: 1.1em;
    line-height: 2em;
    letter-spacing: -0.0625em;
}
.feature_checklist li .checklist_accent,
.feature_checklist li .accent {
    color: #990000;
    font-weight: 700;
    font-size: 1.2em;
}
.feature_checklist li .checklist-subtext {
    letter-spacing: normal;
}

/* checkmark icon bullet list (similar to Browse tab styles in podlet.css) */
ul.checkmark_icon_list>li {
    list-style-type: none;
    line-height: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    padding-top: 10px;
}
ul.checkmark_icon_list li:last-child {
    border-bottom: 0;
}
ul.checkmark_icon_list li:hover {
    color: #990000;
}
ul.checkmark_icon_list li p {
    margin-left: 30px;
    margin-bottom: 0;
    margin-right: 30px;
}
ul.checkmark_icon_list li a {
    font-size: 14px;
    color: #005c96;
    border-bottom: 0 solid #fff;
    background: url(../images/home_files/checkmark_stacked.png) left -28px no-repeat;
    padding: 4px 0 6px 30px;
}
.small-checklist ul.checkmark_icon_list li a {
    font-size: 13px;
}
ul.checkmark_icon_list li a:hover {
    background: url(../images/home_files/checkmark_stacked.png) left top no-repeat;
    color: #990000;
}
ul.checkmark_icon_list>li ul {
    margin-left: 20px;
    margin-bottom: 10px;
}
ul.gray_curved_arrow_list li {
    list-style-image: url(../images/stock/gray_curved_arrow_bullet.png);
}
#home-tabs ul.checkmark_icon_list {
    padding-left: 0;
    margin-left: 0;
}
#home-tabs ul.checkmark_icon_list li a {
    font-size: 130%;
    font-weight: normal;
    padding-top: 3px;
}

/* issues page */
.info-link,
.close-link {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .6;
}
.card {
    width: 100%;
    position: relative;
    padding: 0 2em 1em;
    margin-bottom: 2em;
    z-index: 1;
    cursor: pointer;
}
.card-front,
.card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
}
.card-front {
    z-index: 900;
}
.card-back {
    z-index: 850;
    /* background-color: #022E6D; */
    padding: 0 1.5em;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.card.active .card-front {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.card.active .card-back {
    z-index: 950;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}
.card-front h2 {
    text-align: center;
}
#issues-home-banner {
    background-image: url(../images/stock/trans-question-bubbles.png);
    background-position: 86% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 82, 150, 1);
}
#tech-investment .card-front,
#tech-investment .card-back {
    background-image: url(../images/stock/trans-power-button.png);
    background-position: 8% 100%;
    background-repeat: no-repeat;
}
#finding-time .card-front,
#finding-time .card-back {
    background-image: url(../images/stock/trans-clock.png);
    background-position: 96% 100%;
    background-repeat: no-repeat;
}
#soft-skills .card-front,
#soft-skills .card-back {
    background-image: url(../images/stock/trans-briefcase.png);
    background-position: 8% 100%;
    background-repeat: no-repeat;
}
#student-engagement .card-front,
#student-engagement .card-back {
    background-image: url(../images/stock/trans-grad-hat.png);
    background-position: 100% 26%;
    background-repeat: no-repeat;
}
#changing-practices .card-front,
#changing-practices .card-back {
    background-image: url(../images/stock/trans-book.png);
    background-position: 0% 78%;
    background-repeat: no-repeat;
}

/* Angela Maiers page */
#maiers-toolkit-bg {
    background: url(../images/maiers/anglea-maiers-toolkit.jpg) center center no-repeat #444;
    background-size: cover;
    padding: 0;
    min-height: 215px;
}

/* HE and K12 Solutions pages */
#campus-wide-banner {
    background-image: url(../images/backgrounds/highed-people-standing-banner-2400x480.jpg);
    background-position: center top;
    background-size: cover;
    padding: 0;
    filter: none;
    /* IE */
}
#success-banner-right {
    background-image: url(../images/backgrounds/district-wide-success.jpg);
    background-position: center top;
    background-size: cover;
    padding: 0;
    filter: none;
    /* IE */
}
#campus-wide-banner .banner-text-box,
#success-banner-right .banner-text-box {
    border-right: 15px solid #005c96;
    background-color: rgba(0, 0, 0, .45);
}
#success-banner-right .banner-text-box-blue {
    border-right: 15px solid #BBDA70;
    background-color: rgba(0, 82, 150, .8);
}
#device-bg {
    background-image: url(../images/backgrounds/device-bg.jpg);
    background-position: 20% top;
    background-size: cover;
    padding: 0;
    filter: none;
    /* IE */
}
#solution-topics {
    padding: 3em 0 4em;
}
.solution-option {
    display: block;
    height: 95px;
    overflow: hidden;
    padding: 1em 1em .66em 2em;
    margin: 0.66em 0;
    font-size: 1.3em;
    text-align: center;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 2px;
    transition: all 0.4s ease;
}
.solution-option:hover {
    background-color: #046FB3;
    color: #fff;
}
.solution-option .glyphicon {
    white-space: nowrap;
}
.solution-option:hover .glyphicon::after {
    font-family: 'Glyphicons Halflings';
    content: "\e131";
    float: right;
}

/* Campus-Wide and success pages */
#map a:focus {
    stroke-width: 3;
    stroke: #fde269;
    outline: none;
}
#map path {
    transition: .3s fill;
    fill: transparent;
}
#map a:hover path {
    cursor: pointer;
    fill: rgba(255, 255, 255, .3);
}
#body_campus-wide .popover,
#body_success .popover {
    max-width: 450px;
}
#body_campus-wide .popover .popover-content,
#body_success .popover .popover-content {
    max-height: none;
    padding: 1em 1em 2em;
}
figure.map-wrapper {
    position: relative;
    padding-bottom: 58%;
    vertical-align: middle;
    margin: 0;
    overflow: hidden;
}
#body_success figure.map-wrapper {
    padding-bottom: 83%;
}
#map.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#success-container {
    padding: 3em 0;
}
#map-container {
    position: relative;
}
.action-btns {
    position: absolute;
    bottom: 3%;
    right: 3%;
}

/* safety-awareness page */
#safety-banner {
    background: url(../images/backgrounds/safety-awareness.jpg) 0 0 no-repeat #444;
    background-size: cover;
    padding: 0;
}
#safety-promo {
    padding: 8em 0 0 0;
}
#safety-banner #show-movie img,
#safety-banner img.block.center {
    width: 15%;
}
#safety-banner img {
    height: auto;
    max-height: 135px;
}
#safety-topics .row:nth-child(odd) {
    background-color: #fff;
}
#safety-topics {
    counter-reset: topic-counter;
}
.safety-item {
    padding: 1em 0;
    position: relative;
}
#safety-topics .safety-item:before {
    content: counter(topic-counter);
    counter-increment: topic-counter;
    display: block;
    width: 36px;
    float: left;
    text-align: center;
    font-size: 1.3em;
    color: #fff;
    position: absolute;
    z-index: 100;
    top: 100px;
}
.safety-thumb {
    margin-left: -15px;
}
.safety-thumb img {
    border-left: solid 36px #969696;
}
/*************************** END custom page styles & sections **********************/

/************************************************************************************/
/*************************** buttons & icons ****************************************/
/************************************************************************************/
button .center,
.btn.center {
    display: inline-block;
}
.btn.btn-wrap {
    white-space: normal;
}
.stacked_sidebar_btn {
    background-position: left top;
    background-repeat: no-repeat;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.tweet_this_btn {
    background: url(../images/buttons/tweet_this_btn.png) left bottom no-repeat;
    width: 109px;
    height: 25px;
}
.tweet_this_btn:hover {
    background-position: left 1px;
}
.btn {
    behavior: url(/static/js_lib/pie/PIE.htc);
    /* CSS3 effects for IE8-9 */
}
#download_pdf {
    font-weight: bold;
    background: url(../images/home_files/download_back.png) left top no-repeat;
    width: 598px;
    height: 80px;
    color: #666;
    font-size: 1.6em;
    line-height: 3em;
    text-indent: 2em;
}

/* file type icons */
.exe {
    background: url(../images/dwk/exe_icon.png) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.dmg {
    background: url(../images/dwk/dmg_icon.png) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.ppt {
    background: url(../images/dwk/ppt_icon.gif) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.pdf {
    background: url(../images/dwk/pdf_icon.gif) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.word {
    background: url(../images/dwk/doc_icon.png) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.xcel {
    background: url(../images/dwk/xls_icon.png) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.mov {
    background: url(../images/dwk/mov_icon.gif) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.web {
    background: url(../images/dwk/web_icon.gif) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.jpg {
    background: url(../images/dwk/jpg_icon.gif) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.png {
    background: url(../images/dwk/png_icon.png) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
.zip {
    background: url(../images/dwk/zip_icon.png) no-repeat;
    background-position: left top;
    padding: 0.25em 2em;
}
/* END file type icons */

/*************************** END custom buttons & icons *****************************/

/************************************************************************************/
/*************************** pre-login home styles **********************************/
/************************************************************************************/
#footer_top h2 {
    color: #555;
    font-size: 1em;
    font-weight: bold;
}
#footer_top .link-list span {
    display: block;
    margin-bottom: 0.4em;
}
#footer_top .feed-item {
    line-height: 1.33em;
}
#footer_top .feed-text {
    color: #555;
    margin-bottom: 10px;
}

/*** no-theme ***/
.show-me .morphext>.animated {
    display: inline;
}
#intro-text {
    padding: 1em 0 2.6em;
    border-bottom: solid 5px #3a3a3a
}
#intro-text h1 {
    font-size: 1.8em;
    min-height: 4.2em;
}
#intro-text h2 {
    font-size: 2em;
}
.collage-promo {
    width: 55%;
    padding: 1% 7%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .96);
    text-align: center;
    border-radius: 2px;
    box-shadow: 2px 2px 18px 1px rgba(0, 0, 0, 0.4);
}
#content-collage {
    position: relative;
    background: url(../images/backgrounds/content-collage.jpg);
    -webkit-animation: 120s scroll infinite linear;
    -moz-animation: 120s scroll infinite linear;
    -o-animation: 120s scroll infinite linear;
    -ms-animation: 120s scroll infinite linear;
    animation: 120s scroll infinite linear;
    top: 0;
    left: 0;
    transform: translateZ(0);
    width: 100%;
    height: 650px;
    padding: 2em 0;
}
@-webkit-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
@-moz-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
@-o-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
@-ms-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
@keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
/* END no-theme */

.color-block {
    min-height: 300px;
}
.color-block a,
.glyph-animate a {
    -webkit-transition: color 0.3s, background-color 0.5s ease;
    transition: color 0.3s, background-color 0.5s ease;
}
.color-block a i,
.glyph-animate a i {
    display: inline-block;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
.color-block a:hover i,
.glyph-animate a:hover i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.color-block h2 {
    margin-bottom: 0;
    font-size: 2em;
}
.color-block p,
.full-img-bg p {
    font-size: 1.2em;
    line-height: 1.66;
    margin: 0.66em 0 1em 0;
}
.full-img-bg h1,
.full-img-bg h2,
.full-img-bg p {
    color: #fff;
}
.full-img-bg p {
    font-size: 1.6em;
}
#content_responsive.no-shadow {
    border-radius: 0.6em;
    border: solid 6px #f2f2f2;
    background-color: rgba(0, 0, 0, .6);
}
.mobile-mask {
    width: 100%;
    height: 100%;
    padding: 1.5% 0 .5%;
    background-color: rgba(0, 0, 0, 0.52);
}
#banner-mask {
    width: 100%;
    height: 100%;
    padding: 2% 0 2%;
    background-color: rgba(0, 0, 0, 0);
}
#banner-video {
    background: #000;
    border-radius: 4px;
    border: 5px solid #555;
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    padding: 10em;
    height: 100%;
}
#hide-movie {
    position: absolute;
    top: 0;
    right: 1.5%;
    background: #555;
    color: #fff;
    padding: 0.125em 0.83em 0.33em;
    border-radius: 0 0 0.33em 0.33em;
    -webkit-transition: background-color 1s ease-in-out;
    -moz-transition: background-color 1s ease-in-out;
    -o-transition: background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
}
#hide-movie:hover {
    background-color: #000;
}
.action-btn {
    display: inline-block;
    width: 100%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: background-image 1s ease-in-out;
    -moz-transition: background-image 1s ease-in-out;
    -o-transition: background-image 1s ease-in-out;
    transition: background-image 1s ease-in-out;
}
.action-btn-inner {
    display: block;
    height: 0;
    padding-top: 100%;
}
#action-play {
    background-image: url(../images/stock/play-xl.png);
}
#action-go {
    background-image: url(../images/stock/go_btn.png);
}
.body_k12:after {
    /* preload hover images */
    display: none;
    content: url(../images/stock/play-xl_hover.png) url(../images/stock/go_btn_hover.png);
}
#action-play:hover {
    background-image: url(../images/stock/play-xl_hover.png);
}
#action-go:hover {
    background-image: url(../images/stock/go_btn_hover.png);
}
#homeFeatureSlider1 li {
    height: 480px!important;
}
#homeFeatureSlider1 {
    width: 2000%!important;
}

/* Background Image Banners */
#success-banner {
    background: url(../images/backgrounds/district_wide_success_gd.jpg) top right no-repeat #444;
    background-size: cover;
    padding: 8% 0;
}
#campus-wide-promo {
    background: url(../images/backgrounds/campus-wide-promo.jpg) no-repeat top right;
    background-size: cover;
    padding: 8% 0;
}
#k12-professional-wide {
    background: url(../images/backgrounds/k12-professional-wide.jpg) no-repeat 62% 0;
    background-size: cover;
}
#highed-professional-wide {
    background: url(../images/backgrounds/highed-professional-wide.jpg) no-repeat 62% 0;
    background-size: cover;
}
#k12-professional-wide .banner-text-box,
#highed-professional-wide .banner-text-box {
    padding: 8% 3%;
    border-left: solid 20px #005c96;
}
#richardson-banner {
    background: url(../images/backgrounds/richardson.jpg) no-repeat 62% 0 #444;
    background-size: cover;
    padding: 0;
}
#careers-banner {
    background: url(../images/backgrounds/careers-collage.jpg) center center no-repeat #444;
    background-size: 100%;
    background-size: cover;
    padding-bottom: 17.666667%;
    /* IE8 madness */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/backgrounds/careers-collage.jpg', sizingMethod='scale');
}
#classroom-setting {
    background: url(../images/backgrounds/classroom-setting.jpg) no-repeat center center;
    background-size: cover;
    padding: 0;
    filter: none;
}
#international-classroom {
    background: url(../images/backgrounds/international-classroom.jpg) no-repeat center center;
    background-size: cover;
    padding: 0;
    filter: none;
}
#umass-boston {
    background-image: url(../images/backgrounds/umass-boston.jpg);
    background-position: center top;
    background-size: cover;
    padding: 0;
    filter: none;
    /* IE */
}
.full-img-bg .banner-text-box {
    background-color: rgba(0, 0, 0, .6);
}
#umass-boston .banner-text-box,
#richardson-banner .banner-text-box {
    border-right: 20px solid #005c96;
    background-color: rgba(0, 0, 0, .6);
}
#video-wrap.embed-responsive,
#richardson-banner .embed-responsive {
    overflow: visible;
    min-height: 300px;
}
@media (max-width: 510px) {
    .row.pad-2 {
        margin: 2em 0!important;
    }
    #video-wrap.pad-left-2 {
        margin-left: 0!important;
    }
}
@media (min-width: 990px) {
    .mobile-mask {
        background-color: rgba(0, 0, 0, 0);
    }
}
/** END k12 **/

/************************* END pre-login home styles *************************/

/*****************************************************************************/
/************************* post-login home styles ****************************/
/*****************************************************************************/
#my_training_assessment_table a,
#my_training_favorites_table a,
#my_training_portfolio_table a,
#admin_portfolio_table a {
    font-weight: normal !important;
    text-decoration: none !important;
    border: 0 !important;
}
#favorites_table .play {
    width: 15px;
    background: url(../images/icon_preview.png) center center no-repeat;
}
#favorites_table td.doc {
    width: 15px;
    background: url(../icons/famfamfam/silk/page_white_text.png) center center no-repeat;
}
#favorites_table td.scorm {
    width: 15px;
    background: url(../icons/famfamfam/silk/cloud_solid.png) center center no-repeat;
}
#favorites_table td.url {
    width: 15px;
    background: url(../icons/platform/extlink.gif) center center no-repeat;
}
#favorites_table .locked {
    width: 15px;
    background: url(../icons/platform/lock.png) center center no-repeat;
}
.favorite_movie_star,
.favorite_series_star {
    cursor: pointer;
}
.page-number {
    margin: 0 3px;
    cursor: pointer;
}

/* Override trees.css styles */
.al_tree .nodelabel a {
    text-decoration: none !important;
}
.al_tree .nodelabel a:hover {
    text-decoration: none !important;
}
.al_tree_wrapper {
    position: relative;
    background-color: white;
    height: 410px;
    overflow: auto;
}
.al_tree .nodelabel {
    font-size: 90%;
}
.admin_link {
    color: #075185 !important;
    background-color: #ffffcc !important;
    padding: 0 .2em;
}
.newly_created {
    background-color: #ffffcc !important;
}
.newly_created_dark {
    color: #333333 !important;
    background-color: #ffffcc !important;
}

/************************************************************************************/

/************************************************************************************/
/*************************** hoonuit banner *****************************************/
/************************************************************************************/
.hoonuit-banner {
    border-top: solid 15px #005C96;
}
.hoonuit-banner img {
    width: 66%;
}
.hoonuit-wrap .atomic-banner {
    background-image: url(../images/hoonuit/logo-atomic-a-blue.svg);
    background-repeat: no-repeat;
    background-position: 88% 50%;
    background-size: 36%;
    padding: 3em 0;
}
.hoonuit-wrap .atomic-banner img {
    padding-left: 30%;
}

/************************************************************************************/

/************************************************************************************/
/*************************** plugin overrides ***************************************/
/************************************************************************************/

/* jQueryUI overrides */

body .ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Ubuntu' !important;
    font-size: 13.5px !important;
}
body .ui-widget-content a {
    color: #005c96;
}
body .ui-widget-content a.btn {
    color: #222;
}
body .ui-widget-content a:hover {
    color: #990000;
}
body .ui-widget-content a.btn:hover {
    color: #222;
}
.ui-jqgrid-hdiv {
    -moz-border-radius: 4px;
    /* jQueryUI theme fix */
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* offscreen instead of hidden so jQuery can run on contained elements */
.ui-tabs .ui-tabs-panel.ui-tabs-hide {
    position: absolute !important;
    left: -999em;
    display: block !important;
}
.dataTables_paginate .ui-button {
    margin-right: 1px;
    padding: 2px 5px 3px;
    min-width: 8px;
}
@media (min-width: 960px) {
    .dataTables_paginate .ui-button {
        padding: 6px 10px;
    }
}
.dataTable th.ui-state-default {
    background: none;
    border: none;
}
.dataTable .ui-state-default>div {
    font-weight: bold;
    line-height: 1.12em;
    margin: 0.33em 0;
}
#search .dataTables th .ui-icon {
    float: left;
}
.results-paging a.ui-state-default {
    background: linear-gradient(to bottom, #FFFFFF, #E6E6E6) repeat scroll 0 0 transparent;
}
.results-paging a.ui-state-default:hover {
    background: none #e6e6e6;
}
#search .results-paging a.ui-state-default,
#search_messaging a.dotted {
    color: #005c96;
}
#search .results-paging a.ui-state-default:hover,
#search_messaging a.dotted:hover {
    color: #990000;
}
.results-paging .fg-button.first {
    border-radius: 4px 0 0 4px;
}
.results-paging .fg-button.last {
    border-radius: 0 4px 4px 0;
}
/* end jQuery UI overrides */

/* set consistent styles for all select2 dropdowns */
.select2-search input {
    margin-top: 5px;
}
#search .search-filter-btn:focus,
div#s2id_search_topic_filter.show_focus {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 0;
}
#search .select2-container .select2-choice .select2-arrow {
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-left: none;
}
#search .select2-container .select2-choice .select2-arrow b {
    margin-left: 0;
    margin-top: 14px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4a4a4a;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}
.select2-container-multi .select2-choices {
    border-radius: 4px;
}
#search .select2-container-multi .select2-choices .select2-search-choice {
    margin: 6px 0 3px 5px;
}
.select2-results .select2-result-label {
    min-height: 0;
}
.select2-results .select2-highlighted {
    text-decoration: underline;
    font-weight: bold;
}
/* end Select2 overrides */

/************************* END plugin overrides  ************************************/
/************************************************************************************/

/* Override trees.css styles */
.al_tree .nodelabel a {
    text-decoration: none !important;
}
.al_tree .nodelabel a:hover {
    text-decoration: none !important;
}
.al_tree_wrapper {
    position: relative;
    background-color: white;
    height: 410px;
    overflow: auto;
}
.al_tree .nodelabel {
    font-size: 90%;
}
a.admin_link {
    color: #075185 !important;
    background-color: #ffffcc !important;
    padding: 0 .2em;
}
.newly_created {
    background-color: #ffffcc !important;
}
.newly_created_dark {
    color: #333333 !important;
    background-color: #ffffcc !important;
}
/* end trees.css styles */

/* ideascale feedback widget */
#ideas .modal-body {
    background-color: #f7f9f9;
}
#ideas .modal-dialog {
    width: 405px;
    margin: 5px auto;
}
#ideas h4.modal-title {
    font-size: 1.1em;
}
#ideas .modal-footer {
    text-align: center;
    margin-top: 0;
}
#ideas-link {
    position: fixed;
    z-index: 2;
    top: 36%;
    left: 0;
    background: url("../images/thinktank-idea_alt.png")no-repeat top left;
    width: 25px;
    height: 132px;
}
/* END ideascale feedback widget */