/* Note to self - don't add TABLE here! */
html, body, p, a, div {
	background-color: #121212;
	color: white;
}

.light_yellow {background-color: #121212;}

hr {border: 1px solid white;}
.hr_silver {border-color: #404040;}
.hr_puzzles {background-color: #404040;}

.loading_outer {background-color: #121212; border-color: white;}
.loading_a, .loading_a:visited {color: white;}

:visited {color: #8a8a8a;}
input[type='checkbox'] {accent-color: #414141;}

.border1 {border: 1px solid #121212; outline: 1px solid white;}
.border2 {border: 1px solid #121212; outline: 1px solid white;}
.border3 {border: 1px solid #121212; outline: 1px solid white;}
.border1_flat {border: 1px solid white;}
.border2_flat {border: 2px solid white;}
.border3_flat {border: 3px solid white;}

.thumbs_new, .thumbs_logic, .thumbs_illusions, .thumbs_funstuff, .thumbs_favourites {
	border: 1px solid #121212; outline: 1px solid white;
}

.funstuff_border {
	border: 1px solid #121212; outline: 1px solid white;
}

.button {background-color: transparent; color: white; border-color: white;}
.bbwords_number {border-color: white;}
.contact_box {border-color: #ff8533;}

.yellowbutton {
	color: black;
	background-color: yellow;
	border-color: #121212;
}

.puzzle150 {border: 1px solid #121212; outline: 1px solid white;}
.puzzle150_padding {background-color: white; padding: 0.25rem;}

.help_image {background-color: white; padding: 0.5rem; border: 1px solid #121212; outline: 1px solid white;}
.basic_ideas {background-color: white; padding: 0.5rem; border: 1px solid #121212; outline: 1px solid white;}

.black_ul {color: black;}
.menu_item_horiz a, .menu_item_vert a {color: white;}
.copyright, .copyright_nolink {color: white;}
.nav_li_footer a {color: white;}

/* japanese-type puzzles */
.puzzle_spacer {padding: 0.5rem; background-color: white; border: 1px solid #121212; outline: 1px solid white;}

/* brain teaser images */
.puzzle_image_class {padding: 0.5rem; background-color: white; border: 1px solid #121212; outline: 1px solid white;}
.puzzle_border {border: 1px solid #121212; outline: 1px solid white;}

.morse {background-color: #121212}

.safe_table {border-color: white;}
.safe_td {border-color: white; color: white;}
.safe_p {color: white;}
.safe_e {background-color: #4d4d4d; color: white;}
.reason_check {border-color: #404040;}

.table2048 {border: 0;}
.tablehowold {border: 0;}

.hr1 {background-color: white;}
.hr2 {background-color: white;}
.hr1_300 {background-color: white;}
.hr2_300 {background-color: white;}
.hr_b1 {background-color: white;}
.hr_b2 {background-color: white;}

/* invert image */
.invert_image {filter: invert(100%); -webkit-filter: invert(100%);}

/************************************************************************
** used in safe puzzles and morse puzzles in the brain teasers
*************************************************************************/
.p_table {border-color: white;}
.p_n {color: white; background-color: #121212;}
.p_table_s {border-color: white;}
.p_table_stop {border-color: white;}
.p_table_sright {border-color: white;}
.p_table_stopright {border-color: white;}
.math_square {background-color: #333333;}

.workings {
	color: white;
	background-color: transparent;
	border-color: white;
}

.hint_div {
	border-color: white;
	box-shadow: none;
}
.hint_div_1 {background-color: transparent;}
.hint_div_2 {background-color: transparent;}
.hint_div_3 {background-color: transparent;}
.hint_div_4 {background-color: transparent;}

.easy, .medium, .hard {border-color: white; background-color: transparent; color: white;}

/* BB-Words */
.highlight_active {background-color: #333333;}
.highlight_complete {background-color: #121212;}
.popup_box {background-color: #121212; border: 5px double white;}
.keyboard_color {background-color: #121212;}
.keyboard {border: 3px solid white;}
.letter {border: 2px solid #121212;}

/************************************************************************************/
/** puzzles, etc **/
/************************************************************************************/
.canyoufind, A.canyoufind:link, A.canyoufind:visited, A.canyoufind:hover, A.canyoufind:active {color: white;}
.tenseconds_button {background-color: #121212; border: 4px solid white; color: white;}
.show_stereo_image {border: 3px double white;}
.stereo_image {border: 3px double white;}
.combinations_kcb	{color: white; border-color: white;}
.combinations_kcbu	{border-color: white;}
.nonogrids_clue_top {color: black; background-color: white;}
.nonogrids_clue_left {color: black; background-color: white;}

/* 30 seconds arrows */
.arrow_box, .arrow_box_end, .arrow_box_tick {border-color: white; background-color: transparent;}
.arrow_box:after {border-left-color: white;}
.arrow_box:before {border-left-color: #121212;}


/* new dark puzzle colours */
#puzzlediv_dark {background-color: #121212;}
.sgreen {color: #66ff66;}
.red {color: #ff8533;}
.sred {color: #ff8533;}

.maze_blank_square {background-color: #121212;}
.maze_button {background-color: #121212;}
.maze_table {border-color: white;}
.maze_td {border-color: white;}

.inarow {border-color: #808080;}
.inarowclue_t {color: white; border-color: #121212 #121212 #808080 #121212;}
.inarowclue_r {color: white; border-color: #121212 #121212 #121212 #808080;}
.inarowclue_tr {color: white; border-color: #121212 #121212 #121212 #808080;}
.inarow_fixed_x {background-color: #121212; color: white;}
.inarow_x {background-color: #121212; color: white;}
.inarow_green_x {background-color: #121212; color: white;}
.inarow_green_o {background-color: #66ff66; color: black;}

table.rangetable {border-color: #808080;}
td.rangegrey {border-color: #808080;}
td.rangewhite {border-color: #808080;}
td.rangefixedwhite {border-color: #808080;}
td.rangefixedwhite2 {border-color: #808080;}
td.rangeblack {border-color: #808080; background-color: #121212;}
td.rangegreen {border-color: #808080;}

.ship_small {border: 1px solid #808080; background-color: #121212;}
.shiptext {background-color: #121212;}
.bshipsB {border-color: #808080; background-color: #121212;}
.bshipsR {border-color: #808080; background-color: #ee0000;}
.bshipsG {border-color: #808080; background-color: #121212;}
.bshipsP {border-color: #808080;}
.bshipsT {color: white; border-color: #121212 #121212 #808080 #121212;}
.bshipsL {color: white; border-color: #121212 #808080 #121212 #121212;}
.bshipkey {border-color: #808080; background-color: #121212;}

.hitoritable {border-color: #808080;}
.hitgrey {border-color: #808080;}
.hitwhite {border-color: #808080;}
.hitblack {border-color: #808080; background-color: #121212; color: #aaaaaa;}

.surroundtable {border-color: #808080;}
.surroundgrey {border-color: #808080;}
.surroundwhite {border-color: #808080;}
.surroundblack {border-color: #808080; background-color: #121212; color: #aaaaaa;}
.surroundblack_c {border-color: #808080; background-color: #121212; color: #4d4d4d;}

table.lightuptable {border-color: #808080;}
td.lightup {border-color: #121212; background-color: #121212;}

input.unequalq {color: #99bbff; background-color: #121212; border-color: white;}
input.unequaln {color: white; background-color: #121212; border-color: white;}
input.unequals {color: white; background-color: #121212; border-color: white;}
input.unequals2 {color: white; background-color: #121212; border-color: white;}
input.unequalgreen {border-color: white;}
input.unequalgreen2 {border-color: white;}
input.unequalerror {border-color: white; background-color: #ff8533; color: black;}
input.unequalerrors {border-color: white; background-color: #ff8533; color: black;}
input.unequalerrors2 {border-color: white; background-color: #ff8533; color: black;}
input.unequalcorrect {border-color: white;}

.ABCclue	{background-color: #121212;}
.ABCn		{border-color: white; background-color: #121212; color: white;}
.ABCq		{border-color: white; background-color: #121212; color: #99bbff;}
.ABCs		{border-color: white; background-color: #121212; color: white;}
.ABCyellow	{border-color: white;}
.ABCerror	{border-color: white; background-color: #ff8533; color: black;}
.ABCcorrect	{border-color: white;}

.sky_square {border-color: white; background-color: #121212; color: white;}
.sky_yellow {background-color: #f4eb71; color: black;}
.sky_yellow_error {background-color: #ff8533; color: black;}
.sky_error {color: black; background-color: #ff8533;}
.sky_correct {background-color: #66ff66; color: black;}
.sky_large {border-color: white;}
.sky_small {border-color: white;}
.sky_small2 {border-color: white;}
.sky_question {border-color: white; color: #99bbff;}

.tents_tent {border-color: #808080}
.tents_number {color: white;}

.to100 {border-color: white;}
.to100_normal {background-color: #121212; color: white}

.c2048_td {border-color: white;}
.c2048_0 {color: #121212; background-color: #121212;}
.c2048_2 {color: white; background-color: #171717;}
.c2048_4 {color: white; background-color: #2e2e2e;}
.c2048_8 {color: white; background-color: #454545;}
.c2048_16 {color: white; background-color: #5c5c5c;}
.c2048_32 {color: white; background-color: #737373;}
.c2048_64 {color: black; background-color: #8a8a8a;}
.c2048_128 {color: black; background-color: #a1a1a1;}
.c2048_256 {color: black; background-color: #b8b8b8;}
.c2048_512 {color: black; background-color: #cfcfcf;}
.c2048_1024 {color: black; background-color: #e6e6e6;}
.c2048_2048 {color: white; background-color: black;}
.c2048_winner {color: black; background-color: #66ff66;}

.queentable {border-color: #808080;}
.queencell {border-color: #808080; background-color: #121212}

.conc_game_active {background-color: #121212;}

.networktable_NOWRAP {border: 3px #ff8533 solid;}
.network_white {background-color: #121212;}
.network_grey {background-color: #aaaaaa;}
.network_green {background-color: #66ff66;}
.network_red {background-color: #ff8533;}

.tick_30seconds {color: #66ff66;}
.cross_30seconds  {color: #ff8533;}

.slantwhite {background-color: #121212;}

.nono_NT {border-color: white;}
.nono_NN {border: 1px solid #4d4d4d;}
.nono_NY {border: 1px solid #4d4d4d; border-left: 3px solid white;}
.nono_YN {border: 1px solid #4d4d4d; border-top: 3px solid white;}
.nono_YY {border: 1px solid #4d4d4d; border-top: 3px solid white; border-left: 3px solid white;}
.nono_ok {border-color: #121212;}
.nono_error {border-color: #ff8533;}
.nono_green {border-color: #121212;}
.nonogrids_clue_top {background-color: #121212; color: white;}
.nonogrids_clue_left {background-color: #121212; color: white;}
.nono_NTRed {border: 3px solid #ff8533;}
.nono_NYRed {border-left: 3px solid #ff8533;}
.nono_YNRed {border-top: 3px solid #ff8533;}
.nono_YYRed {border-top: 3px solid #ff8533; border-left: 3px solid #ff8533;}

.fillingtable {border-color: white;}
.filling {border-color: white;}
.fillingfixed {border-color: white;}
.fillingnumber {border-color: white; background-color: #121212; color: white;}
.fillingnumberdiv {background-color: #121212;}

.bridges_table {border-color: white}

.tracks_table {border-color: #121212;}
.tracks_4050 {color: white; background-color: #121212;}
.tracks_4020 {color: white; background-color: #121212;}
.tracks_5040 {color: white; background-color: #121212;}
.tracks_2040 {color: white; background-color: #121212}
.tracks_4040 {color: white; background-color: #121212;}
.tracks_5050 {border: 1px gray solid; background-color: #121212;}
.tracks_2050 {border: 1px gray solid; background-color: #121212;}
.tracks_5020 {border: 1px gray solid; background-color: #121212;}
.tracks_2020 {border: 1px gray solid; background-color: #121212;}

.mathem_table {border: 0;}
.mathem_td {border-color: #121212; background-color: #121212;}
.mathem_input {color: white; background-color: #121212; border: 1px solid white;}
.mathem_input_ERROR {border: 1px solid white; color: black; background-color: #FF8533;}

.plooptext {color: white;}
.ploop_highlight {color: black; background-color: #f4eb71;}

.calcudoku_table {border: 4px #3f3f3f solid;}
.calcudoku_input_n {color: white;}
.calcudoku_input_s {color: white;}
.calcudoku_input_s2 {color: white;}
.calcudoku_td {border-color: #3f3f3f}

.calc_1_normal {background-color: #222200;}
.calc_1_normal:focus-within {background-color: #444400;}
.calc_1_normal:focus-within input {color: white;}
.calc_1_white {background-color: #121212;}
.calc_1_white:focus-within {background-color: #121212;}
.calc_1_white:focus-within input {color: white;}
.calc_1_highlight {background-color: #00507d;}
.calc_1_highlight input {color: white;}
.calc_1_highlight:focus-within {background-color: #00507d;}
.calc_1_highlight:focus-within input {color: white;}
.calc_1_correct {background-color: #005c00;}
.calc_1_correct input {color: white;}
.calc_1_correct:focus-within {background-color: #005c00;}
.calc_1_correct:focus-within input {color: white;}
.calc_1_error {background-color: #ff8533;}
.calc_1_error input {color: black;}
.calc_1_error:focus-within {background-color: #ff8533;}
.calc_1_error:focus-within input {color: black;}

.calc_2_normal {background-color: #220000;}
.calc_2_normal:focus-within {background-color: #440000;}
.calc_2_normal:focus-within input {color: white;}
.calc_2_white {background-color: #121212;}
.calc_2_white:focus-within {background-color: #121212;}
.calc_2_white:focus-within input {color: white;}
.calc_2_highlight {background-color: #00507d;}
.calc_2_highlight input {color: white;}
.calc_2_highlight:focus-within {background-color: #00507d;}
.calc_2_highlight:focus-within input {color: white;}
.calc_2_correct {background-color: #005200;}
.calc_2_correct input {color: white;}
.calc_2_correct:focus-within {background-color: #005200;}
.calc_2_correct:focus-within input {color: white;}
.calc_2_error {background-color: #ff8533;}
.calc_2_error input {color: black;}
.calc_2_error:focus-within {background-color: #ff8533;}
.calc_2_error:focus-within input {color: black;}

.calc_3_normal {background-color: #220022;}
.calc_3_normal:focus-within {background-color: #440044;}
.calc_3_normal:focus-within input {color: white;}
.calc_3_white {background-color: #121212;}
.calc_3_white:focus-within {background-color: #121212;}
.calc_3_white:focus-within input {color: white;}
.calc_3_highlight {background-color: #00507d;}
.calc_3_highlight input {color: white;}
.calc_3_highlight:focus-within {background-color: #00507d;}
.calc_3_highlight:focus-within input {color: white;}
.calc_3_correct {background-color: #0f2e0f;}
.calc_3_correct input {color: white;}
.calc_3_correct:focus-within {background-color: #0f2e0f;}
.calc_3_correct:focus-within input {color: white;}
.calc_3_error {background-color: #ff8533;}
.calc_3_error input {color: black;}
.calc_3_error:focus-within {background-color: #ff8533;}
.calc_3_error:focus-within input {color: black;}

.calc_4_normal {background-color: #002222;}
.calc_4_normal:focus-within {background-color: #004444;}
.calc_4_normal:focus-within input {color: white;}
.calc_4_white {background-color: #121212;}
.calc_4_white:focus-within {background-color: #121212;}
.calc_4_white:focus-within input {color: white;}
.calc_4_highlight {background-color: #00507d;}
.calc_4_highlight input {color: white;}
.calc_4_highlight:focus-within {background-color: #00507d;}
.calc_4_highlight:focus-within input {color: white;}
.calc_4_correct {background-color: #003d00;}
.calc_4_correct input {color: white;}
.calc_4_correct:focus-within {background-color: #003d00;}
.calc_4_correct:focus-within input {color: white;}
.calc_4_error {background-color: #ff8533;}
.calc_4_error input {color: black;}
.calc_4_error:focus-within {background-color: #ff8533;}
.calc_4_error:focus-within input {color: black;}

.killer_table {border-color: white;}
.killer_td_s {border: 1px #3f3f3f solid;}
.killer_td_stop {border-top: 3px white solid; border-right: 1px #3f3f3f solid; border-bottom: 1px #3f3f3f solid; border-left: 1px #3f3f3f solid; }
.killer_td_sright {border-top: 1px #3f3f3f solid; border-right: 3px white solid; border-bottom: 1px #3f3f3f solid; border-left: 1px #3f3f3f solid;}
.killer_td_stopright {border-top: 3px white solid; border-right: 3px white solid; border-bottom: 1px #3f3f3f solid; border-left: 1px #3f3f3f solid;}

.sudoku_table {border-color: white;}
.sudoku_text {color: white}
.sudoku_td_s {border-color: white;}
.sudoku_td_stop {border-color: white;}
.sudoku_td_sright {border-color: white;}
.sudoku_td_stopright {border-color: white;}

.sudoku_input_n  {color: white;}
.sudoku_input_s  {color: white;}
.sudoku_input_s2  {color: white;}
.sudoku_answer_clue {background-color: #333333;}