/* GENERIC STYLING ------------------------------------------------------------------ */
header a:focus, header input:focus, header .accessibility:focus, header a:focus .logo_olt { outline: #000 dotted 2px !important; }
a:focus, input:focus, .accessibility:focus, a:focus .logo_olt { outline: #fff dotted 2px !important; }
a.focus, input.focus { *border:#000 dotted 2px !important; padding:-2px !important; }

a, a:link, a:visited { color: #eee; text-decoration:underline;}
a:hover, a:focus { color:#000 !important; background-color: #fff !important; text-decoration: none !important; }
a:active { color:#000; }
a[target]:hover:after { color:#000 !important; }
.dottedLine{ border-bottom-color:#999 !important; }
/*a:focus, input:focus { outline: #FFF dotted 2px !important; }
.innerSub a:focus { outline: #000 dotted 2px !important; }*/

h1, h2, h3, h4, h5 { color:#fff !important; font-weight:400; }

/* Custom Styles */
body	{
	background-color:#000 !important;
	color:#fff;
}
/* TOP MENU */
a.home_logo:hover,
a.home_logo:focus {
    color: #fff !important;
}
header {
    background-color:#000;
}
#nav > ul > li > a {
    color:#fff;
}
#header_container .main_menu li > a {
    color: #000;
}
#nav > a:hover,
#nav > a:focus {
    background-color: #555 !important;
}
/* FOOTER */
footer {
    background-color: #000;
}
#footer_container * {
	/*color:#fff !important;*/
	text-decoration:none;
}
/*#footer_container > * a:hover,
#footer_container > * a:focus {
	color:#000 !important;
}*/
a.hype_page_no {
    background-color:#808080;
}
a.selectedbox {
	background-color:#fff;
}
a.lockedbox {
    background-color:#494949;
}
.main_content {
	background-color: inherit;
}
.login_button,
#page_content_previous_scores {
	color:#fff !important
}
.resources_link:hover,
.resources_link:focus {
	color:#fff;
	background-color:#333;
	-webkit-box-shadow: inset 0 0 0 2px rgba(204,204,204,1) !important;
	-moz-box-shadow: inset 0 0 0 2px rgba(204,204,204,1) !important;
	box-shadow: inset 0 0 0 2px rgba(204,204,204,1) !important;
}
/*.main_content {
    webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
    //-webkit-box-shadow: inset 0 0 0 2px rgba(204,204,204,1) !important;
	//-moz-box-shadow: inset 0 0 0 2px rgba(204,204,204,1) !important;
	//box-shadow: inset 0 0 0 2px rgba(204,204,204,1) !important;
}*/
/*.main_content_fullwidth {
    -webkit-box-shadow: 0 0 0 2px rgba(204,204,204,1) !important;
    -moz-box-shadow: 0 0 0 2px rgba(204,204,204,1) !important;
    box-shadow: 0 0 0 2px rgba(204,204,204,1) !important;
}*/
.user .main_content {
    -webkit-box-shadow: inset 0 0 0 2px rgba(204,204,204,1) !important;
    -moz-box-shadow: inset 0 0 0 2px rgba(204,204,204,1) !important;
    box-shadow: inset 0 0 0 2px rgba(204,204,204,1) !important;
}
.user .main_content_fullwidth {
    -webkit-box-shadow: 0 0 0 2px rgba(204,204,204,1) !important;
    -moz-box-shadow: 0 0 0 2px rgba(204,204,204,1) !important;
    box-shadow: 0 0 0 2px rgba(204,204,204,1) !important;
}

.welcome h1,
.column_box_sub_title {
	color:#ccc !important;
}
.resources_status_progress_bar,
.resources_status_progress_bar_reward {
	background-color:#555;
}
.resources_status_star {
	border-color:#555;
}
.status_btn a {
    color:#000;
}
.logo_sub_footer a, .logo_sub_footer img {
    background-color:#fff;
    border-radius:2px;
    padding:5px;
}
/* TOP MENU */
#top_menu .contact {
    background-color:#145C76;
}
#top_menu .signin {
    background-color: #666;
}
.subnav li.menu-item-has-children ul li a:hover,
.subnav li.menu-item-has-children ul li a:focus {
	background-color:#fff;
	background-color: rgba(255,255,255,1);
	color: #000;
}
.subnav li.menu-item-has-children ul {
    background-color: rgba(102,102,102,1);
}
#top_menu a,
#nav li a {
    color:#fff;
}
#nav > ul > li > a:hover,
#nav > ul > li > a:focus {
    background-color:#555 !important;
    color:#fff !important;
}
#nav li ul,
#nav > ul > li:hover > a,
#nav li > ul, #nav li div > ul {
    background-color:#555;
}
#nav li ul a {
    border-bottom:1px #666 solid;
}
/* INPUTS ETC */
input, select, textarea	{
	color:#000;
	border:1px solid #000;
}
::-webkit-input-placeholder { color: #666;}
:-moz-placeholder { color: #666;}
::-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #333;}
/* SCROLL TO TOP */
#scroll_to_top {
	color:#fff;
}
#scroll_to_top span {
	color:#333;
	background-color:#eee;
}
#scroll_to_top:hover span {
	background-color:#aaa;
}
#scroll_to_top:hover {
	color:#eee;
}
/* TABS */
.tab a {
    background-color:#666;
}
.tab a,
.tab.active a {
    color:#fff !important;
    text-decoration:none;
}
.tab span {
    text-decoration:underline;
}
.tab a:hover,
.tab a:focus {
    color: #9c9c9c !important;
}
.course_info .tab a {
    background-color: #333;
}
/* NAV ARROWS */
a.old_course_prev,
a.old_course_next,
.popup-end {
    color: #fff;
    text-decoration: none;
}
/* HOMEPAGE */
.stats_highlight {
    color:#fff;
}
/* STATE DROPDOWN BOX */
.dropdown-box {
    background-color: #333 !important;
}
#dropdown-container nav ul li.tap > ul {
    background-color: #999 !important;
}
.tap {
    background-color: #999 !important;
}
a.column_pillers {
    background-color: #555;
}
a:hover.column_pillers,
a:focus.column_pillers {
    background-color:#27aee1 !important;
}
.news-wrapper .news-fade {
    background: rgba(51,51,51,0);
    background: -moz-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,51,51,0)), color-stop(100%, rgba(51,51,51,1))) !important;
    background: -webkit-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%) !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#333', GradientType=0 ) !important;
}
#news-ticker a:hover, #news-ticker a:focus {
    background-color:#666 !important;
    color:#fff !important;
}

#news_columns {
    background-color: #666;
}
.highlight,
.highlight_box,
.news_column,
.tabs-bg,
.tab.active a,
.side_menu_title,
#side_menu_mobile,
.profiles_bio,
.profiles_bio::after,
.short_course_inner {
	background-color:#333 !important;
}
.highlight {
    color:#fff;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #999;
}
.external_link {
    color:#ccc;
}
figure blockquote, .quote_box {
    color:#000;
}
.quote_text {
    background-color:#666;
}
.quote_text::after {
    border-color:#666 transparent;
}
.courses_countries_list a {
	color:#000;
}
.courses_countries_list a:hover,
.courses_countries_list a:focus {
	background-color:#fff;
}
.login_box_lower,
.login_box_lower h2,
.login_sign_in,
.column_box_button,
.button_form_send,
.button_form_clear,
a.login_button,
#login_box a  {
	color:#000 !important;
}
#login_box {
    background-color:inherit;
}
.feedback_pc1,
.feedback_pc2,
.feedback_pc3,
.feedback_pc4 {
	color:#004D03;
}
#tooltip {
    background-color: #666;
    background-color: rgba(102,102,102,1) !important;
    color: #fff !important;
    text-shadow: none !important;
    /*border:1px solid #000 !important;*/
}
    #tooltip.top::after {
        /**/ border-bottom: #666;
        border-bottom: 6px solid rgba(102, 102, 102, 1);
    }
    #tooltip:after {
        border-top: 6px solid rgba(102, 102, 102, 1);
        /*content: '';
        display: block;
        position: absolute;
        bottom: -0.438em;
        width: 0.625em;
        height: 0.625em;*/
        /*background-color: #fff;
        background-color: rgba(255,255,255,1) !important;
        border-left: 1px solid #000 !important;
        border-bottom: 1px solid #000 !important;
        border-top: 1px solid #000 !important;
        border-right: 1px solid #000 !important;*/
        /*-o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);*/
    }
/* ASSOCIATE TEACHERS PAGE */
.byline,
.toggle_content,
.toggle_course_content {
	background-color:#555;
}
.course_outline_content {
	background-color:#000 !important;
}
.byline:hover {
	background-color:#666;
}
.byline {
    color:#fff;
}
/* BUTTONS */
.button:hover,
.button:focus
{
	color:#000 !important;
	background-color:#fff;
}
.button_form_send,
.button_form_clear {
	text-decoration:underline;
}
.button_form_send:hover,
.button_form_clear:hover,
.button_form_send:focus,
.button_form_clear:focus {
	text-decoration:none;
	background-color:#fff;
}
/* HYPE STYLES */
#hype_footer {
	background-color:#333;
}
#hype_header a, #hype_footer a {
	color:#333;
	text-decoration:none;
}
.HYPE_scene {
	background-color:#000 !important;
}
.HYPE_scene .HYPE_scene {
	background-color: transparent !important;
}

.responsive_hype_wrapper .hype_element .HYPE_scene {
    background-color:#fff !important;
}
/* Keep font color to same as page */
.HYPE_element {
	color:inherit;
}
/* Apply to every element that is assigned .vi */
.HYPE .vi,
.vi_apply,
.hype_element .vi {
    background-color: #333 !important;
    color: #fff !important;
}

.HYPE .vi_buttons,
.hype_element .vi_buttons {
    background-color: #ebebeb !important;
    color: #333 !important;
}

.HYPE .vi_buttons:hover,
.hype_element .vi_buttons:hover {
    background-color: #666 !important;
    color: #ebebeb !important;
}
/* Popup changes */
.white-popup {
    background:#000;
    border:1px solid #ccc;
}
.popup_buttons a {
    color:#fff;
    text-decoration:none;
}
/* BLOG PAGES */
#main_container {
    background-color:#000 !important;
}
#blog_menu {
    background-color:#000 !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.blog_title,
.blog_search,
.blog_newsletter {
    background-color:#666 !important;
}
#comments {
    color:#000;
}
#comments a {
    color:#000;
}
ul#comments,
ul#posts {
    background-color:#555;
}
.comment_text {
    color:#fff;
    background-color:#666;
}

.side_menu_mobile_text {
    color:#fff !important;
}
.side_menu_mobile_line {
    background-color:#fff !important;
}
#comment a.likelink,
#comment a.likelist {
    color: #fff;
    text-decoration:none;
}
.contributions_fixed_position {
background-color:#333 !important;
}
.replylink::before, .editlink::before, .deletelink::before, .showrepbut::before {
    color: inherit !important;
}
/* SIDE MENU */
#side_menu_inner {
    background-color: #333;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#side_menu .nav_content {
    background-color:#666;
}
#side_menu .nav_content a {
    color:#fff;
}
#side_menu .navbyline:hover,
#side_menu .navbyline:focus {
    background-color:#fff;
}
#side_menu .navbyline:hover > a,
#side_menu .navbyline:focus > a {
    color:#000 !important;
}
/*#side_menu .navbylineinner {
    color:inherit;
}*/
#side_menu a.navbyline:hover .navbylineinner,
#side_menu a.navbyline:focus .navbylineinner {
    color:#000 !important;
}
#blog_menu .blog_menu_section {
    background-color:#555;
}
#side_menu .byline {
    color:#fff;
}
/* TABLES */
.table_admin {
    background-color: #555 !important;
}
/*.table_admin tr:hover td {
    color:#000;
}*/
.table_admin th {
    color:#fff;
}
/*.table_admin tbody:hover, .table_admin tbody:hover th {
    color: #fff !important;
    background-color: #8c8a8a;
}*/
.table_pay {
    background-color: inherit !important;
}
.table_pay th {
    background-color: #666;
}

.table_quiz_results tr:hover td {
    color: #000;
}
table.dataTable tbody tr {
    background-color:inherit !important;
}
#quiz fieldset {
    border-color: #fff;
}
.text_green {
    color: #5fe867;
    font-weight: bold;
}

.text_blue {
    color: #60d7ff;
    font-weight: bold;
}

.text_red {
    color: #ffb7b7;
    font-weight: bold;
}

.text_orange {
    color: #ffbe48;
    font-weight: bold;
}

    /* MISC */
    .three_col_cell {
        background-color: #666;
    }
a.courses_link:hover,
a.courses_link:focus {
    background-color:inherit;
    color:inherit;
}
.cpd_info {
    color:#000;
}
/* TESTIMONIALS */
.testimonials_box {
    background-color: #333;
}
li a[target="_blank"]::after,
p a[target="_blank"]::after,
td a[target="_blank"]::after,
.external_link::after {
    color: #fff;
    text-decoration:inherit;
}
/* TICKETS */
div[id^='messages_'] {
    background-color:#333;
}
.icon_container {
    background-color: #555;
}
.ticket_content {
    background-color:#555;
}
.ticket_theircomment {
    background-color:#007bff;
}
.ticket_theircomment::after {
    border-color: #007bff transparent;
}
div[id*='messages_'] .ticket_theircomment::after {
    border-right-color: #007bff;
}
.ticket_mycomment {
    background-color: #b35e00;
}
.ticket_mycomment::after {
    border-color: #b35e00 transparent;
}
div[id*='messages_'] .ticket_mycomment::after {
    border-left-color: #b35e00;
}
.chat_list li::before {
    color: #999;
}
.chat_list li.person_online::before {
    color: #baff00;
}
/* SUMMARY MENU */
a.summary_icon:hover,
a.summary_icon:focus {
    background-color: inherit !important;
}
.summary_menu {
    background-color:#444;
    filter:none;
    border:1px solid #ccc;
}
.summary_menu::after {
    border-bottom-color:#fff;
}
/* LIVE CHAT */
#chat_window,
#chat_window_in {
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow:inherit;
    border:1px solid #fff;
}
.chat_body {
    background-color:#666;
}
.chat_comments {
    background-color:#444;
}
/* MISC */
.banner_free,
.live_chat_popup {
    background-color:#E67700;
    color:#000;
}
.course_dropbtn,
.dropdown-content {
    background-color:#555 !important;
}
.dropdown-content a {
    border-bottom: 1px solid #666 !important;
}
#footer_container .footer_copyright {
    color: #757575;
}
ul.help li::before {
    color:inherit;
}
/* TUTOR PROFILES */
#tut_profiles_wrapper .byline {
    background-color:#999;
}
#tut_profiles_wrapper .toggle_content {
    background-color:#666;
}
/* COSTS */
#costs_styles .costs_go_back,
#costs_styles .resources_title {
    color:#fff;
}
.resources_link:hover,
.resources_link:focus,
.final_highlight {
    background-color:#666 !important;
}
/* REMOVE CORNER COLOUR BLEED FROM HUB ICONS */
a.resources_icon_link:hover,
a.resources_icon_link:focus {
    background-color: inherit !important;
}
/* CHECKER STYLES */
.checker {
    background-color:#fff;
}
/* MAP */
#map-list a {
    background-color:#666 !important;
}
#map-list .map-list-hover, #map-list .cssmap-visible-list a:hover, #map-list .cssmap-visible-list a:focus {
    background-color:#999 !important;
}
#map-agents ul li {
    background:#666 !important;
}
/* HYPE TOOLS */
.hype_tools a {
    color: #fff !important;
    border-color:#fff;
}
.hype_tools a:hover,
.hype_tools a:focus {
    color:#000 !important;
}
.hype_tools p {
    color:#fff;
}

/* INTRO TOUR */
.introjs-tooltip {
    background-color:#444 !important;
}
/* VIMEO OPTIONS */
#vimeo_options_dropdown .vimeo_title,
#vimeo_options_nondropdown .vimeo_title {
    color: #fff;
}
#vimeo_options_dropdown,
#vimeo_options_nondropdown {
    background-color:inherit;
    color:inherit;
}
/* HELP GUIDES */
.guide_selected {
background-color:#757575 !important;
}
#guide_menu a:hover {
color: #000 !important;
}
#side_menu_mobile.side_menu_mobile_l::before {
color:#fff !important;
}
/* EALD Implementing p5 */
#blankMicah table,
#teacherTableMicah table,
#blankMustafa table,
#teacherTableMustafa table {
    background-color: #555 !important;
}
#blankMicah th,
#teacherTableMicah th,
#blankMustafa th,
#teacherTableMustafa th {
    background-color: #999;
}
 /* ALERT PAGE */
.table_alerts .readbutton:hover {
    background-color: #999;
}
.alert_message {
    background-color: inherit;
}
.message_highlight {
    background-color: #666;
}
/* SVG CHARTS */
svg g text {
fill:#fff !important;
}
svg .google-visualization-tooltip text {
    fill: #000 !important;
}
/* HELP PAGE */
#guide_menu .highlight_box,
#guide_menu #side_menu_mobile {
    background-color: #555 !important;
}
.list_scroll li a::after,
.icon_scroll_down::after {
    color: #eee;
}
.search_highlight {
color:#000;
}
/* PAGE NUMBERS BASE OF PAGES */
.pagination > li > a,
.pagination > li > span {
    color: #000;
}
/* HUB */
.vi_grey {
    color: #ccc;
}
.hub_tab {
    background-color: #ccc;
    color: #000;
    /*box-shadow: inset 0 0 0 2px rgba(204,204,204,1);*/
}

    .hub_tab a {
        background-color: #757575;
    }

.hub_msg_title,
.hub_msg_text,
.hub_side_menu_rem td,
.hub_side_menu_blogs p {
    color: #fff;
}

.msg_lgrey,
.hub_blog_icons,
.hub_cont_icons {
    color: #eee;
}

a.hub_msg_link:hover .hub_msg_title,
a.hub_msg_link:focus .hub_msg_title,
a.hub_msg_link:hover .msg_lgrey,
a.hub_msg_link:focus .msg_lgrey,
a.hub_msg_link:hover .hub_msg_text,
a.hub_msg_link:focus .hub_msg_text,
a.hub_blog_link:hover h4,
a.hub_blog_link:focus h4,
a.hub_blog_link:hover p,
a.hub_blog_link:focus p,
a.hub_blog_link:hover .msg_lgrey,
a.hub_blog_link:focus .msg_lgrey,
a.hub_blog_link:hover .hub_blog_icons,
a.hub_blog_link:focus .hub_blog_icons,
a.hub_cont_link:hover .hub_cont_icons,
a.hub_cont_link:focus .hub_cont_icons {
    color: #000 !important;
}

.msg_highlight {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}
/* CALENDAR COLOURS */
.c-day,
.c-event-item {
    color: black;
}
/* SMART GOALS */
.supportinfo,
.frame_shaded,
.goalcontainer,
#expandabletaskdescription,
.expandabletaskdescription,
.infoclosebutton::before {
    background-color: #222 !important;
}

.sg_highlight_box {
    background-color: #1e1e1e !important;
}

.sg_editbutton {
    color: #fff !important;
    text-decoration: underline;
}
.sg_editbutton:hover,
.sg_editbutton:focus {
    background-color: #fff;
    color: #000 !important;
}
.sg_example_prompts {
    color: #c3c3c3 !important;
}

    .sg_example_prompts::after {
        border-color: #000 transparent transparent !important;
    }
a.sg_printbutton {
    color: #fff !important;
}

    a.sg_printbutton:hover,
    a.sg_printbutton:focus {
        color: #000 !important;
    }
.smart_goals_divTable {
    background-color: #333;
}

.progress-step h3, .progress-step h4 {
    background-color: #000 !important;
}
.sliderContent,
.goal_info::before {
    background-color: black;
}
.goal_info::before {
    color:#fff;
}
.exampleItem,
.exampleItemStrengths,
.exampleItemDifficulties {
    color:#000;
}
.observationToWorkOn,
#summaryContent {
    border-color: #fff;
    color: #fff;
    font-weight: bold;
}
.areaSelect:hover,
.areaSelect:focus {
    background-color:#666;
}
.goals_prompt_result {
    color:#333;
}
.levelsText {
    border-bottom-color: #999;
}
.choose_goal_type_wrapper {
    background-color: #000000 !important;
    color: #fff;
}

.infobutton_larger {
    color: #fff;
}

.learner_highlight {
    color: #000 !important;
}
.learner_highlight .sg_profile_inner {
    color:#000;
}
/* ACTIVITY AND UPCOMING TABLES */
#activity .stats_table tbody:hover,
#activity .stats_table tbody:hover a,
#upcoming .stats_table tbody:hover,
#upcoming .stats_table tbody:hover a {
    color: #666 !important;
}
#activity .stats_table tbody a:hover,
#upcoming .stats_table tbody a:hover {
    background-color:#999 !important;
    color:#fff !important;
}
/* SLIDER */
.slider_course_wrapper {
    background-color:#333;
}
.slider_course_name, .slider_course_info, .slider_course_type, .slider_course_hours {
    color: #fff;
}
a.slider_course_link:link {
    color: #fff;
    text-decoration: inherit;
}
/* COURSE INFO */
.divBoxoutTableCell, .speechbubble {
    background-color: #333 !important;
}
.textrow {
    background-color:#000 !important;
}

.speechbubble {
    border:none !important;
}
.speechbubble::after {
    border-top-color: #333 !important;
}
/* CONTACT */
.contact_wrapper h3 {
    color:#000 !important;
}
/* COURSE INFO PAGES */
.choose_course_wrapper,
.choose_webinar_wrapper,
.general_newsletter_wrapper {
    background-color: #444;
}

/* WEBINAR */
.box_inner_style {
    background-color: #333 !important;
}