/* GENERIC STYLING ------------------------------------------------------------------ */

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

a, a:link, a:visited { color: #000; text-decoration:underline;}
a:hover, a:focus { color:#fff; background-color: #542A00; text-decoration: none !important; }
a:active { color:#000; }
a[target]:hover:after { color:#fff !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 { color:#333 !important; }

#accessibility {
	background-color:#fff;
}

/* Custom Styles */
body	{
	background-color:#e9e5ca !important;
	color:#000;
}
/* TOP MENU */
#top_menu .contact {
    background-color: #145C76;
}
header {
    background-color: #e9e5ca;
}

#nav > ul > li > a {
    color: #000;
}

#nav li ul a {
    color: #fff;
}

#nav span::after {
    border-top-color: #000;
}

#nav li > ul, #nav li div > ul {
    background-color: #542A00;
}

#nav > ul > li:focus > a, #nav > ul:not( :focus ) > li.active > a, #nav > ul > li > a:focus, #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a, #nav > ul > li > a:hover {
    background-color: #542A00;
    color: #fff;
}

#nav li ul li a:focus, #nav li ul:not( :focus ) li.active a, #nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
    background-color: #a77e55;
}
#top_menu .signin {
    background-color:#666;
}
#header_container .main_menu li > a {
	color:#000;
}
#header_container .main_menu li > a:hover,
#header_container .main_menu li > a:focus {
	background-color:#fff;
}
#header_container .main_menu .login > a:hover,
#header_container .main_menu .login > a:focus {
	background-color:#27aee1;
}
footer	{
	background-color:#e9dd8c;
	border-top-color:#542A00;
}
#footer_container * {
	color:#542A00 !important;
}
#footer_container .social_media a {
	text-decoration:none;
}
#footer_container > * a:hover,
#footer_container > * a:focus {
	color:#fff !important;
	background-color:#542A00;
}
.state_list ul li::before {
    color: #542A00;
}
.main_content {
    background-color: inherit;
}
.login_button {
	color:#fff !important
}
.resources_link {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(84,42,0,1);
    box-shadow: 0px 0px 0px 1px rgba(84,42,0,1);
}
.resources_link:hover,
.resources_link:focus {
	color:#000;
	background-color:#e9dd8c;
	-webkit-box-shadow: inset 0 0 0 2px rgba(84,42,0,1) !important;
	-moz-box-shadow: inset 0 0 0 2px rgba(84,42,0,1) !important;
	box-shadow: inset 0 0 0 2px rgba(84,42,0,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(84,42,0,1) !important;
	-moz-box-shadow: 0 0 0 2px rgba(84,42,0,1) !important;
	box-shadow: 0 0 0 2px rgba(84,42,0,1) !important;
}*/
.user .main_content {
    -webkit-box-shadow: inset 0 0 0 2px rgba(84,42,0,1) !important;
    -moz-box-shadow: inset 0 0 0 2px rgba(84,42,0,1) !important;
    box-shadow: inset 0 0 0 2px rgba(84,42,0,1) !important;
}

.user .main_content_fullwidth {
    -webkit-box-shadow: 0 0 0 2px rgba(84,42,0,1) !important;
    -moz-box-shadow: 0 0 0 2px rgba(84,42,0,1) !important;
    box-shadow: 0 0 0 2px rgba(84,42,0,1) !important;
}
.welcome h1,
.column_box_sub_title,
.login_sign_in {
	color:#000 !important;
}
.side_box,
hr,
section,
.about_col_r,
.column_split {
	border-color:#542A00;
}
.resources_status_pc {
    color:#542A00;
}
.resources_status_progress_bar,
.resources_status_progress_bar_reward {
	background-color:#d6d2b2;
}
.resources_status_star {
	border-color:#d6d2b2;
}
/* TOP MENU */
.subnav li a:hover,
.subnav li a:focus {
	background-color:#542A00;
	color:#fff;
}
.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;
}
/* 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: #666;}
/* SCROLL TO TOP */
#scroll_to_top {
	color:#542A00;
}
#scroll_to_top span {
	color:#fff;
	background-color:#542A00;
}
#scroll_to_top:hover span {
	background-color:#793c00;
}
/* TABS */

.tab a {
    background-color: #d4cc97;
}

.tab a,
.tab.active a {
    color: #542A00 !important;
    text-decoration: none;
}

.tab span {
    text-decoration: underline;
}
.highlight_box,
.tabs-bg,
li.active,
.profiles_bio,
.ces_bio::after,
.short_course_inner {
	background-color:#e9dd8c !important;
}
.hype_progress_bar {
	background-color:#fff;
}
#hype_footer {
	background-color:#e9dd8c;
}
#hype_header a,
#hype_footer a {
	text-decoration:none;
}
a.hype_button_footer,
a.hype_page_no,
a.hype_close_button {
	background-color:#542A00;
	color:#e9e5ca;
}
a.hype_button_footer:hover,
a.hype_button_footer:focus,
a.hype_close_button:hover,
a.hype_close_button:focus {
	background-color:#fff !important;
	color:#542A00;
}
a.hype_page_no {
    background-color:#fff3a3;
    color:#542A00;
}
a.selectedbox {
	background-color:#fff;
}
a.lockedbox {
    background-color:#dfd48a;
}
/*.highlight_box * {
	color:#000 !important;
}*/
.courses_countries_list a {
	color:#000;
}
.courses_countries_list a:hover,
.courses_countries_list a:focus {
	background-color:#fff;
}
/* ASSOCIATE TEACHERS PAGE */
.byline,
.toggle_content,
.toggle_course_content,
.course_outline_content,
.highlight,
.highlight_box {
	background-color:#e9dd8c;
}
.highlight {
    color:#000;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #542a00;
}
.byline:hover,
.byline:focus {
	background-color:#e9ddaf;
}
a.byline:hover,
a.byline:focus {
    color:inherit;
}
.course_outline,
.course_outline_content,
.lead_tutor2 {
	border-color:#542A00 !important;
}
/* 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_scene {
	background-color:#e9e5ca !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,
.hype_element .vi {
    background-color:#e9dd8c !important;
	color:#000 !important;
}
.HYPE .vi_buttons,
.hype_element .vi_buttons {
    background-color:#542A00 !important;
}
/* Popup changes */
.popup_buttons a {
    color:#fff;
    text-decoration:none;
}
/* BLOG PAGES */
#main_container {
    background-color:#e9e5ca !important;
}
#blog_menu {
    background-color:#e9dd8c !important;
}
.blog_title,
.blog_search,
.blog_newsletter,
#side_menu_mobile {
    background-color:#542A00 !important;
    color:#fff !important;
}
.blog_title h3,
.blog_search h3,
.blog_newsletter h3 {
    color:#fff !important;
}
#comments {
    background-color:#ccc !important;
    color:#000;
}
ul#comments,
ul#posts {
    background-color:#e9e5ca;
}
.comment_text {
    color:#000;
    background-color:#e9dd8c;
}
.comment_like_who_liked a, .comment_like_thumbs a {
    color:#fff;
}
.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;
}
#comment a:hover.likelink,
#comment a:hover.likelist,
#comment a:focus.likelink,
#comment a:focus.likelist {
    color: #fff;
    background-color:#542A00;
}
.contributions_fixed_position {
    background-color: #ebe8d0 !important
}
/* SIDE MENU */
#side_menu_inner {
    background-color:#e9dd8c;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.side_menu_title {
    background-color:#542a00;
    color:#fff;
}
a.side_menu_link {
    background-color:#e9dd8c;
}
a.side_menu_link:hover,
a.side_menu_link:focus {
    background-color:#542a00;
}
a.side_menu_link {
    border-color:#542a00;
}
.list_summary li::before {
    color:#542b00 !important;
}
/* HOMEPAGE */
/* STATE DROPDOWN BOX */
.dropdown-content a:hover, .dropdown-content a:focus, #dropdown-container nav a:hover {
    background-color: #a77e55 !important;
}

.dropdown-box {
    background-color: #e9dd8c !important;
}

#dropdown-container nav ul li.tap > ul {
    background-color: #8c5d2e !important;
}

.tap {
    background-color: #8c5d2e !important;
}
a.column_pillers {
    background-color:#e9dd8c;
}
.tabs-bg,
.tab.active a {
    background-color: #e9dd8c !important;
}
/* TABLES */
.table_admin {
    background-color: #f3efd9 !important;
}
.table_admin tr:hover td {
    color:#000;
}
.table_admin th {
    color:#000;    
}
.table_admin th,
.table_admin td {
    border-color:#542a00;
}
/*.table_admin tbody:hover {
    background-color:#e9dd8c;
}*/
table.dataTable tbody tr {
    background-color: inherit !important;
}
#quiz fieldset {
    border-color:#542a00;
}
.text_green {
    color: #097d0f;
    font-weight: bold;
}

.text_blue {
    color: #00749a;
    font-weight: bold;
}

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

.text_orange {
    color: #925f00;
    font-weight: bold;
}
/* MISC */
a.courses_link:hover,
a.courses_link:focus {
    color:#fff;
}
.profiles_bio,
.profiles_bio::after {
    border-color:#542A00 !important;
}
.profiles_bio::after {
    background:#e9dd8c !important;
}
.chat_list li::before {
    color: #d0b923;
}

.chat_list li.person_online::before {
    color: #baff00;
}
/* TICKETS */
div[id^='messages_'] {
    background-color: #fffcea;
}
/* SUMMARY MENU */
a.summary_icon:hover,
a.summary_icon:focus {
    background-color:inherit !important;
}
.summary_icon > span {
    border-top-color: #542a00;
}
.summary_menu {
    background-color:#f7f4e2;
    filter:none;
    border:1px solid #542a00;
}
.summary_menu::after {
    border-bottom-color:#542a00;
}
a.side_menu_link {
    border-color:#542a00 !important;
}
/* LIVE CHAT */
#chat_window,
#chat_window_in {
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow:inherit;
    border:1px solid #542A00;
}
.chat_body {
    background-color:#e9e5ca;
}
.chat_comments {
    background-color:#f7f5e6;
}
/* MISC */
.banner_free,
.live_chat_popup {
    color:#424242;
}
.course_dropbtn,
.dropdown-content {
    background-color: #542A00 !important;
}
.dropdown-content a {
    border-bottom: 1px solid #666 !important;
}
/* TUTOR PROFILES */
.tut_profiles {
    border-bottom:1px #542A00 solid !important;
}
#tut_profiles_wrapper {
    -webkit-column-rule:1px solid #542A00 !important;
    column-rule:1px solid #542A00 !important;
}
#tut_profiles_wrapper .byline {
    background-color:#e9dd8c;
}
#tut_profiles_wrapper .toggle_content {
    background-color:#dcd185;
}
.final_highlight {
    background-color:#fff297;
}
/* REMOVE CORNER COLOUR BLEED FROM HUB ICONS */
a.resources_icon_link:hover,
a.resources_icon_link:focus {
    background-color: inherit !important;
}
/* HYPE TOOLS */
.hype_tools a {
    color: #542A00 !important;
    border-color:#542A00;
}
.hype_tools a:hover,
.hype_tools a:focus {
    color:#542A00 !important;
}
.hype_tools p {
    color:#542A00;
}

/* INTRO TOUR */
.introjs-tooltip {
    background-color:#e9dd8c !important;
}
/* VIMEO OPTIONS */
#vimeo_options_dropdown .vimeo_title,
#vimeo_options_nondropdown .vimeo_title {
    color: inherit;
}

#vimeo_options_dropdown,
#vimeo_options_nondropdown {
    background-color: #e9e5ca;
    color: inherit;
    border-color: #542a00;
}
/* HELP GUIDES */
.guide_selected {
    background-color: #542A00 !important;
}
#guide_menu .side_menu_mobile_l {
    background-color: #e9dd8c !important;
}
.helpItemToDo {
    color: #542A00 !important;
}
#guide_menu .highlight_box,
#guide_menu #side_menu_mobile {
    background-color: #ece8d0 !important;
}
.guide_hr {
    border-color: #542A00;
}
/* PAGE NUMBERS BASE OF PAGES */
.pagination > li > a,
.pagination > li > span {
    color:#000 !important;
}
/* HUB */
li a:hover[target="_blank"]::after,
p a:hover[target="_blank"]::after,
.external_link:hover::after,
li a:focus[target="_blank"]::after,
p a:focus[target="_blank"]::after,
.external_link:focus::after {
    color: #fff;
}

.hub_tab {
    background-color: #542A00;
    color: #fff;
    /*box-shadow: inset 0 0 0 2px rgba(84,42,0,1);*/
}

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

.msg_lgrey,
.hub_blog_icons,
.hub_cont_icons,
.hub_msg_last {
    color: #542a00;
}

.hub_side_menu_msg td, .hub_side_menu_rem td, .hub_side_menu_cont td, .hub_side_menu_blogs {
    border-bottom: 1px solid #542a00;
}

.hub_help_links li::before {
    color: inherit;
}

a.hub_cont_link:hover .hub_cont_icons,
a.hub_cont_link:focus .hub_cont_icons,
a.hub_cont_link:hover .hub_cont_text,
a.hub_cont_link:focus .hub_cont_text {
    color: #000 !important;
}

.msg_highlight {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}
/* SMART GOALS */
.sg_editbutton {
    color: #333 !important;
    text-decoration: underline;
}

    .sg_editbutton:hover,
    .sg_editbutton:focus {
        background-color: #fff !important;
        color: #333 !important;
    }

a.sg_printbutton {
    color: #333 !important;
}

    a.sg_printbutton:hover,
    a.sg_printbutton:focus {
        background-color: #fff !important;
        color: #333 !important;
    }
li.active {
    background-color: initial !important;
}
.sg_box {
    border-color: #542900 !important;
}
.progress-step h3, .progress-step h4 {
    background-color: #e9e5ca !important;
}

.goalcontainer, .frame_shaded {
    background-color: #e1d8b6 !important;
}

.sg_example_prompts::after {
    border-color: #e9e5ca transparent transparent !important;
}
.sliderContent,
.goal_info::before {
    background-color: #fbee97;
}
.goal_info {
    border-color: #542900;
}
.goal_info::before {
    color: #000;
}
.exampleItem,
.exampleItemStrengths,
.exampleItemDifficulties {
    color: #000;
}
.observationToWorkOn,
#summaryContent {
    border-color: #542900;
    color: #542900;
    font-weight: bold;
}
.areaSelect:hover,
.areaSelect:focus {
    background-color: #fbee97;
}
.goals_prompt_result {
    color: #333;
}
.levelsText {
    border-bottom-color: #e9dd8c;
}
/* ACTIVITY AND UPCOMING TABLES */
#activity .stats_table tbody a:hover,
#upcoming .stats_table tbody a:hover {
    color: #000 !important;
}
/* NEWS COLUMN HOMEPAGE */
.news-wrapper .news-fade {
    background: rgba(159,199,236,0);
    background: -moz-linear-gradient(top, rgba(233,221,140,0) 0%, rgba(233,221,140,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(233,221,140,0)), color-stop(100%, rgba(233,221,140,1))) !important;
    background: -webkit-linear-gradient(top, rgba(233,221,140,0) 0%, rgba(233,221,140,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(233,221,140,0) 0%, rgba(233,221,140,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(233,221,140,0) 0%, rgba(233,221,140,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(233,221,140,0) 0%, rgba(233,221,140,1) 100%) !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9dd8c', endColorstr='#e9dd8c', GradientType=0 ) !important;
}
/* SLIDER */
.slider_course_wrapper {
    background-color: #542a00;
}

.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: #542A00 !important;
    color:#fff;
}

.textrow {
    background-color: #e9dd8c !important;
}

.speechbubble {
    border: none !important;
}

    .speechbubble::after {
        border-top-color: #542A00 !important;
    }

.list_ticks li::before {
    color: #542A00 !important;
}

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