body, .x-body {
    min-width: 460px;
	font-family: 'Ubuntu', Tahoma, Arial, 'Droid Sans', sans-serif;
	font-size: 81%;
	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;
}
/*************************** 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;
}
.hover-fade {
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.hover-fade:hover {
    opacity: 0.7;
}
.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 !important;
}
.plain a, a.plain, a .plain {
	border-bottom: none !important;
}
a.center-block {overflow: auto;}
img, img a {
	border: 0 none;
}
/*************************** END html element defaults ******************************/
/************************************************************************************/

/*************************** reusable class styles **********************************/
/************************************************************************************/
.noborder {border: none;}
.nounderline {border-bottom: none;}
.center-block {overflow: auto;}
.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;}
.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;}
.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;
}
.pad-half {margin: .5em;}
.pad-1 {margin: 1em;}
.pad-2 {margin: 2em;}
.pad-top-half {margin-top: .5em;}
.pad-1 {margin: 1em !important;}
.pad-2 {margin: 2em !important;}
.pad-top-1 {margin-top: 1em;}
.pad-top-2 {margin-top: 2em;}
.pad-right-half {margin-right: .5em;}
.pad-right-1 {margin-right: 1em;}
.pad-right-2 {margin-right: 2em;}
.pad-bottom-half {margin-bottom: .5em;}
.pad-bottom-1 {margin-bottom: 1em;}
.pad-bottom-2 {margin-bottom: 2em;}
.pad-left-half {margin-left: .5em;}
.pad-left-1 {margin-left: 1em;}
.pad-left-2 {margin-left: 2em;}
.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;}
.tab {margin-left: 40px;}
.align-label-top label {vertical-align: top; padding-left: 0.36em;}
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;
}
.bold, .strong {font-weight: bold;}
.nobold, .nobold a {font-weight: normal;}
.italic {font-style: italic;}
.atomicblue, .atomicltblue {color: #005c96;}
.atomicred {color: #990000;}
.atomicgrey, .atomicgray {color: #666;}
.atomicltgray {color: #999;}
.atomicdkgray {color: #444;}
.atomicblack {color: #000;}
.gray, #content p.gray {color: #555;}
.red {color: #c0362c;}
.white {color:#fff;}
.copyright {font-size: 0.83em;}
.atomicltbluebk {
    background-color: #cae6ea;
}
.radius {border-radius:0.25em;}
.border {border: solid 1px #999;}
.go-to-top{position:fixed; bottom: 1em; right: 1em;}
/* 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 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;
}
/* 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;
	background: transparent; /* to make sidebar go full height */
}
.plain-page #page {
    width: 100% !important;
}
#header_wrapper + #page {
    width: 960px !important;
}
#lti_page_wrapper {
    min-width: 480px;
    padding: 20px 15px 20px;
}
#lti_page_wrapper #footer {
    margin-top: 20px;
}
#header_wrapper, #footer_wrapper {
    behavior: url(/static/js_lib/pie/PIE.htc); /* CSS3 effects for IE8-9 */
    position: relative;
    overflow: visible; /* for the dropdown menu */
    margin: 0 auto;
    padding-bottom: 8px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #bbb;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
    -pie-background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* CSS3 PIE */
    height: 100%; /* IE6-8 */
}
#footer_wrapper {
    clear: both;
    behavior: url(/static/js_lib/pie/PIE.htc); /* CSS3 effects for IE8-9 */
    background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(223,223,223,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(223,223,223,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(223,223,223,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(223,223,223,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(223,223,223,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(223,223,223,1) 100%); /* W3C */
}
body.techcore #header_wrapper {
    behavior: url(/static/js_lib/pie/PIE.htc); /* CSS3 effects for IE8-9 */
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
    -pie-background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* CSS3 PIE */
    height: 100%; /* IE6-8 */
}
#header, #footer {
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	min-width: 460px;
	max-width: 960px;
}
#header.container, #footer.container {max-width: none;}
#header_row2 {
	margin:0;
	padding:0;
}
#header_row3 {
	clear: right;
	text-align: right;
}
#header_row3 .navbar {
	z-index: 3; /* keep it over the PLH tabs but under the Profile dropdown on iPad2 */
}
#al-nav-menu .dropdown-menu {border-radius: 8px;}
#header_row2 .social_links {
	float:left;
	margin-left: 8px;
}
#header_row2 .social_links {
	padding-top: 2px;
	margin-left: 20px;
	margin-bottom: 4px;
}
#header_row2 #header_social_links_k12 {
	margin-top: 4px;
	float: right;
}
#header_row2 .social_link {
    display: inline-block;
	padding:0 0 2px 24px;
	font-size: 10px;
	line-height: 18px;
}
#header_row2 .social_link.facebook {
	background: url(../images/home_files/icons/icon_facebook.png) no-repeat left -6px ;
}
#header_row2 .social_link.facebook:hover {
	background: url(../images/home_files/icons/icon_facebook_hover.png) no-repeat left -6px ;
}
#header_row2 .social_link.blog {
	background: url(../images/home_files/icons/icon_blog.png) no-repeat left -6px ;
}
#header_row2 .social_link.blog:hover {
	background: url(../images/home_files/icons/icon_blog_hover.png) no-repeat left -6px ;
}
#header_row2 .social_link.newsletter {
	background: url(../images/home_files/icons/icon_email.png) no-repeat left -6px ;
}
#header_row2 .social_link.newsletter:hover {
	background: url(../images/home_files/icons/icon_email_hover.png) no-repeat left -6px ;
}
#header_row2 .social_link.youtube {
	background: url(../images/home_files/icons/icon_youtube.png) no-repeat left -6px ;
}
#header_row2 .social_link.youtube:hover {
	background: url(../images/home_files/icons/icon_youtube_hover.png) no-repeat left -6px ;
}
#header_row2 .social_link span {
	text-decoration: none;
	border-bottom: 1px dotted #005c96;
}
.sm-icons a {border-bottom: 0 !important;}
.sm-icons > span {display: inline-block;}
.sm-icon {width: 21px; height: 22px; margin-left: -2px; display: inline-block; vertical-align: middle;}
#header_row2 .logo {
    padding: 10px 0 0;
    margin-right: -150px; /* allow overlap of user greeting and menu */
    position: relative;
    z-index: 4;
}
#header_row2 .logo img.img-responsive {
    display: inline-block;
    max-height: 75px;
}
#header_user_tools_inner {margin-left: 0; padding-left: 0;}
#header_user_tools .al-menu.compact {
    margin-top: -2px;
}
#header_user_tools .al-menu.compact > li > .drop {
    font-size: 1em;
    background-position: right 8px;
}
#welcome {
	margin-left: 6em;
	margin-bottom: 1em;
	float:left;
}
#user_links {
	float:right;
	display:inline;
}
.username {
    color: #900;
    width:100px;
    overflow:hidden
}
#username-menu {
    position: absolute;
    width: 125px;
    overflow: auto;
    right: 999em;
    top: 16px;
    margin: 0;
    padding: 8px;
    z-index: 5;
}
#username-menu a {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}
#username-wrapper {
    position: relative;
}
#username-wrapper:hover #username-menu {
    right: 5px;
}
#user_links a {
    display:  inline-block;
}
#header_user_tools .menu-item.like-wrapper {
    padding: 0 4px 0 9px;
}
#header #header_user_tools {
	position: relative;
	float: right;
	text-align: right;
	font-size: 1em;
	height: 24px;
	margin: 1.25em 0 0 0;
	padding-left: 10px;
	color: #005c96;
    background-repeat: no-repeat;
	background-position: top left;
}
#header_user_tools_inner {
    line-height: 16px;
    min-height: 20px; /* prevent Facebook button from causing jump */
}
.header_popup {
	white-space: nowrap;
	position: absolute;
	top: 18px;
	z-index: 5;
	border: 2px solid #223366;
	padding: 10px;
	padding-top: 6px;
	color: #666666;
	background-color: #fff;
	display: none;
	background-image: url(../images/home_files/login_bk.png);
	background-repeat: repeat-x;
}
.menu-item .fb-like {width: 83px;} /* prevents login/profile from jumping around while Like button loads */
/* footer */
#footer .menu-item:first-child, #header .menu-item.first {
    background: none;
}
#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, .footer-text {
    font-size: 96%;
    clear: both;
    text-align: center;
}
.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) 5px 4px no-repeat;
    padding: 0 0 0 1.33em;
    vertical-align: top;
    height: 24px;
}
#footer #footer_menu .menu-item {
    height: auto;
    list-style: none;
}
#footer #footer_menu .menu-item:first-child {
    padding-left: 0;
    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    /* wraps #main and #sidebar */ {
	clear: both;
	padding-bottom: 20px;
}
#content_responsive {padding-top: 10px; padding-bottom: 20px;}
#content_top + #page_responsive #content_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;
}
#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 /* Texas Instruments pages */ {
	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  **************************/
/************************************************************************************/

/*************************** 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;
    position: relative;
    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 {
    padding: 10px;
    margin: 1em;
    background: #FBE3E4;
    border: 1px solid #FBC2C4;
    border-radius: 6px;
}
.form-error.alert h2 {
    margin: 0;
    color: #990000;
}
.form-error.alert p, input.error, .form-error.alert a, label.error {
    color: #990000;
}
label.error {
    margin-left: 15%;
}
#evaluation.level1reporterror {
    font-size: 120%;
    font-weight: bold;
    color: #f44;    /* #09357a; */
}
body.ie8 input[type=password] {
    font-family: arial, sans-serif;
}
/*************************** END forms & login **************************************/
/************************************************************************************/

/*************************** search  ************************************************/
/************************************************************************************/
#search #search_form .modified {
    border-color: 1px solid rgba(75, 150, 225, 0.8);
}
/* 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%;}
.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: 5px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
}
.feature-slider-item img.img-responsive {
    width: 100%;
}
.feature-slider-caption {
    font-size: 1em;
}
.bx-wrapper {
    margin-bottom: 0;
 }
.bx-wrapper .bx-viewport {
    border: 0;
    left: 0;
    box-shadow: none;
    background: transparent;
}
.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;}
.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_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;
    bottom: 0;
    width: 100%;
}
.spotlight_video_still_title {
    position: absolute;
    font-size: 14px !important;
    font-weight: bold;
    color: #fff !important;
    z-index: 2;
    background-color:rgba(0,0,0,0.4);
    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;
}
/*************************** END movies, features & spotlights **********************/
/************************************************************************************/

/*************************** custom page styles & sections  *************************/
/************************************************************************************/
#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;
}
.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 */

.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 #ccc;
	border-radius: 5px;
	margin: 10px 0 20px;
	padding: 10px;
	position: relative;

	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 */
}
.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: 0.83em 0.83em 1.3em;
    padding: 18px 18px 18px 48px;
    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 0.61em!important;
    margin: 0.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 {text-decoration: none; border-bottom: 0;}
.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 */
.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;
    font-size: 1.61em;
    color: #555;
    list-style: none;
    padding-left: 32px;
    margin: 0.5em 0;
    line-height: 1.33em;
    letter-spacing: -0.0625em;
}
.feature_checklist li .checklist_accent, .feature_checklist li .accent {
    color: #990000;
    font-weight: 700;
}
.feature_checklist li .checklist-subtext {
    margin-left: 0.5em;
    font-size: 0.66em;
    line-height: 1.5em;
    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 .series-time {
    display: inline-block;
    float: right;
}
ul.checkmark_icon_list li a {
    font-size: 14px;
    color: #005c96;
    border-bottom: 0px 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;
}
/*************************** 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-left: 20px;
}
.dmg {
	background: url(../images/dwk/dmg_icon.png) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.ppt {
	background: url(../images/dwk/ppt_icon.gif) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.pdf {
	background: url(../images/dwk/pdf_icon.gif) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.word {
	background: url(../images/dwk/doc_icon.png) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.xcel {
	background: url(../images/dwk/xls_icon.png) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.mov {
	background: url(../images/dwk/mov_icon.gif) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.web {
	background: url(../images/dwk/web_icon.gif) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.jpg {
	background: url(../images/dwk/jpg_icon.gif) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.png {
	background: url(../images/dwk/png_icon.png) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.zip {
	background: url(../images/dwk/zip_icon.png) no-repeat;
	background-position: left top;
	padding-left: 20px;
}
/* END file type icons */
/*************************** END custom buttons & icons *****************************/
/************************************************************************************/

/*************************** pre-login home styles **********************************/
/************************************************************************************/
/* END no-theme k12 prelog  */
#pre-login-home-banner {
    background: url(../images/backgrounds/books-mouse-2400.jpg) left center no-repeat #e8e8e8;
    background-size: cover;
    padding: 3% 0 10%;

    /* IE8 madness */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/backgrounds/books-mouse-2400.jpg',sizingMethod='scale');
}
#pre-login-home-banner h1, #pre-login-home-banner .lead {color: #777; text-shadow: 1px 1px 1px #fff;}
#pre-login-home-banner .lead a.dotted {border-bottom: 2px dotted !important;}
#pre-login-home-content-top {border-top: 1px solid #bbb; padding: 25px 0 35px; position: relative; z-index: 1; margin-bottom: 2px;}
#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;}
.home-equation {color: #555; position: relative; margin-bottom: 100px;}
.home-equation a {position: relative; z-index: 99;}
.home-equation img {display: block; max-width: 60%; margin: 0 auto 8px;}
.home-equation .operator {position: absolute; width: 80px; right: 50%; margin-right: -8%; line-height: 1.33em; bottom: -140px; text-align: center; color: #bbb; font-size: 1000%;}
/* END no-theme k12 prelog  */
/* uk and au themes  */
#spotlight_title {
    background: url(../images/spotlight/spotlight_pod_title.png) center top no-repeat;
	width: 167px;
	height: 50px;
	margin: 8px auto 0;
}
#spotlight_item {
	text-align: center;
}
.spotlight_name {
	background-position: center top;
	background-repeat: no-repeat;
	height: 68px;
	width: 250px;
	margin: 12px auto 0;
	cursor: pointer;
}
.spotlight_name:hover {
	background-position: center -68px;
}
.spotlight_rotator_wrapper i.icon {
    opacity: .3;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin: 30px 5px 10px;
    cursor: pointer;
}
.spotlight_rotator_wrapper:hover i.icon {
    opacity: .9;
}
.spotlight_rotator_wrapper i.icon:hover {
    opacity: .7;
}
.feature_goleft {
    behavior: url(/static/js_lib/pie/PIE.htc); /* CSS3 effects for IE8-9 */
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/home_files/feature_goleft.png) center top no-repeat;
	width: 40px;
	height: 370px;
	cursor: pointer;
	border-radius: 10px 0 0 10px;
	opacity: 0;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
#mainbox:hover .feature_goleft, #mainbox:hover .feature_goright {
    opacity: .8;
}
#mainbox .feature_goleft:hover, #mainbox .feature_goright:hover {
    opacity: 1;
}
.feature_goright {
    behavior: url(/static/js_lib/pie/PIE.htc); /* CSS3 effects for IE8-9 */
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/home_files/feature_goright.png) center top no-repeat;
	width: 40px;
	height: 370px;
	cursor: pointer;
	border-radius: 0 10px 10px 0;
	opacity: 0;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
body.ie8 .feature_goleft, body.ie8 .feature_goright {
    display: none;
    z-index: -999;
}
body.ie8 #mainbox:hover .feature_goleft, body.ie8 #mainbox:hover .feature_goright {
    display: block !important;
    z-index: 999;
}
#spotlight_prev, #spotlight_next {cursor: pointer;}
#mainbox {
	width: 590px;
	height: 370px;
	float: left;
	margin-top: 0;
	margin: 20px 15px 15px;;
	padding: 0;
	overflow: hidden;
}
#mainbox #mainbox-panels, #mainbox #mainbox-panels .slide, #mainbox #mainbox-panels .slide-inner {
    behavior: url(/static/js_lib/pie/PIE.htc); /* CSS3 effects for IE8-9 */
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 4px;
}
#mainbox #mainbox-panels .slide-inner .title-bar {
    position: absolute;
    left: 0;
    top: 30px;
    width: 400px;
    padding: 10px 10px 12px 45px;
    background: url(../images/home_files/feature/feature_title_gradient.png) left top repeat-y;
}
#mainbox #mainbox-panels .slide-inner .title-bar h2 {
    display: inline-block;
    width: 300px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    text-shadow: 0 0 4px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1);
    margin: 0;
}
#mainbox #mainbox-panels .slide-inner .title-bar h2 > img {
    max-width: none;
}
.rotator_inactive {
    position: absolute;
    left: -999em;
}
.side_pod_divider {
    background: url(../images/stock/pod_divider_234.png) center top no-repeat;
    height: 3px;
    margin: 15px auto;
}
.side_pod_content {
	padding: 15px 0;
	margin: 0 auto;
	text-align: center;
}
#application_search_button {
	display: block;
	width: 248px;
	height: 80px;
	text-indent: -9000px;
	margin: 0 auto;
	background: url(../images/buttons/browse_ict_training_btn.png) left top no-repeat;
}
#application_search_button:hover {
	background-position: left -80px;
}
#tell_me_more_btn {
	display: block;
	width: 192px;
	height: 54px;
	background: url(../images/buttons/tell_me_more_btn.png) left top no-repeat;
	text-indent: -9000px;
	margin: 0 auto;
}
#tell_me_more_btn:hover {
	background-position: left -54px;
}
.rss-bar {
    height: 44px;
    padding-left: 20px;
    margin-top: -20px;
}
#rss-bar-body {
    margin-top: 2px;
}
.rss-item {
	display: none;
	font-size: 1em !important;
	height: 20px;
}
.rss-item em {
    color: #990000;
    font-weight: bold;
}
.rss-bar .rss-go i {
    margin: 4px 5px 0 0;
    opacity: .3;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.rss-bar .rss-go i {
    cursor: pointer;
}
.rss-bar:hover .rss-go i {
    opacity: .9;
}
.rss-bar .rss-go i:hover {
    opacity: .7;
}
#al-campus {
	width: 300px;
	float: left;
	font-size: 12px;
	margin-bottom: 20px;
}
#al-campus p {
	font-size: 12px;
	margin-left: 0;
	padding-left: 0;
}
#al-resources {
	width: 300px;
	float: left;
	margin-left: 30px;
}
#al-resources .resource {
	display: block;
	margin-top: 2px;
	font-size: 12px !important;
}
/* END uk and au theme  */
/************************* 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 .doc {
    width: 15px;
    background: url(../icons/famfamfam/silk/page_white_text.png) center center no-repeat;
}
#favorites_table .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;
}
/************************************************************************************/
/************************************************************************************/

/*************************** 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;}
ul.nav-tabs, ul.nav-pills {margin-bottom: 15px;}
ul.nav-pills li a h2 {color: #005c96;}
ul.nav-pills li.active a h2 {color: #fff;}
.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;
}
.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;
}
.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  ************************************/
/************************************************************************************/

/*************************** Responsive Breakpoints *********************************/
/************************************************************************************/
/* NOTE: Sync breakpoints with those in bootstrap_overrides.css */

/* Fine-tuning for very small screens */
@media (max-width: 639px) {
    .hidden-xxs {display: none !important;}
    .visible-xxs {display: block !important;}
    #header_user_tools .menu-item:last-child {padding-right: 0;}
    #footer_fb_like {
        visibility: visible;  /* display toggling doesn't work in IE, FF */
        display: block !important;
        margin-bottom: 5px;
    }
    #header_user_tools #like-wrapper {
        visibility: hidden;  /* display toggling doesn't work in IE, FF */
        width: 0;
        height: 0;
        padding: 0;
    }
    #username-wrapper {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
    }
}
@media (min-width: 640px) {
    #footer_fb_like {
        visibility: hidden;  /* display toggling doesn't work in IE, FF */
        width: 0;
        height: 0;
    }
}
/* Fine-tuning for very small screens */
@media (max-width: 639px) {
    .hidden-xxs {display: none !important;}
    .visible-xxs {display: block !important;}
    #header_user_tools .menu-item:last-child {padding-right: 0;}
}
/* Extra small devices (phones, less than 768px) */
/* This is the default in Bootstrap */
@media (max-width: 767px) {
    body #header #header_user_tools {
        margin-left: 0;
        padding-left: 0;
    }
    #header #header_user_tools #social-icons-wrapper {display: none;}
    #footer_menu .menu-item {
        display: block !important;
        background: none !important;
        line-height: 24px !important;
    }
    #footer_menu .menu-item a {line-height: 24px;}
    #header_user_tools #header_no_theme_login_popup {right: 140px;}
    .dropdown .menu-icon {display: none;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/************************* END Responsive Breakpoints *************************/

/* migrated from main.css */
#header #header_user_tools {
	position: relative;
	float: right;
	text-align: right;
	font-size: 13px;
	height: 24px;
	margin: 15px 5px 0 5px;
	padding-left: 10px;
	color: #005c96;
    background-repeat: no-repeat;
	background-position: top left;
}
#header_user_tools_inner {
    line-height: 16px;
    min-height: 20px; /* prevent Facebook button from causing jump */
}
#header .header_login_name {
	color: #666666;
	font-size: 105%;
}
.header_popup {
	white-space: nowrap;
	position: absolute;
	top: 18px;
	z-index: 5;
	border: 2px solid #223366;
	padding: 10px;
	padding-top: 6px;
	color: #666666;
	background-color: #fff;
	display: none;
	background-image: url(../images/home_files/login_bk.png);
	background-repeat: repeat-x;
}
/* 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 from main.css */
/* 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 */