/*
 * Color Library
 *
 * Chosen with precision and careful calculationis of color theory and
 * artistry.
 *
 * In other words, I stuck the logo color in some website I found on the web
 * and it gave me back the rest.
 *
 * I am an Artist, and this is my Vision™.
 *
 * -- CLP */

:root {

    --blinding-white : #ffffff;
    --background-white : #fefefe;

	--background-blue : #009CD4;
	--lightest-blue   : #DFEFF6;
	--light-blue      : #8AD7F1;
	--medium-blue     : #08A9DE;
	--dark-blue       : #016F94;
	--darker-blue     : #004359;

	--lightest-red : #FFC8BD;
	--light-red    : #FF9F8E;
	--medium-red   : #FF5131;
	--dark-red     : #BA1D00;
	--darker-red   : #8E1600;

	--barely-yellow   : #fef8ef;
	--lightest-yellow : #fbefd2;
	--lighter-yellow  : #FFECBD;
	--light-yellow    : #FFDB84;
	--medium-yellow   : #FFD267;
	--dark-yellow     : #FFB400;
	--medium-brown    : #a0522d;

	--lightest-gray : #fafafa;
	--light-gray    : #eaeaea;
	--border-gray   : #ddd;
	--medium-gray   : #aaa;
	--neutral-gray  : #666;
	--dark-gray     : #333333;
	--darker-gray   : #111;

	--lightest-cool-gray : #e5ebed;
	--light-cool-gray    : #c3d1d5;

	--light-green  : #C4DFA0;
	--medium-green : #578415;
	--dark-green   : #365E00;

	--dark-orange  : #C76804;
	--medium-orange : #ED7A00;
	--light-orange   : #F8AD5F;

	--light-purple  : 350144;
	--medium-purple : #76278C;
	--dark-purple   : #350144;

	--dark-bluegreen : #159090;
}

/* Common page layouts */

textarea,
input.text,
input.password,
input.form-text,
input.form-email,
input.email,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="number"] {
	box-sizing         : border-box;
	color              : var(--dark-gray);
	background-repeat  : no-repeat;
	font-size          : 100%;
	font-family        : "Inconsolata";
	border-width       : 1px;
	border-color       : var(--medium-gray);
	border-style       : solid;
	border-radius      : 10px;
	-webkit-appearance : none;
	appearance         : none;
	padding-left       : 6px;
	padding-right      : 4px;
	height             : 28px;
	background-color   : var(--background-white);
	margin-top         : 2px;
	margin-bottom      : 3px;
	padding-top        : 6px;
	padding-bottom     : 6px;
}

input[type="file"] {
	box-sizing : border-box;
	width      : 98%;
	border     : 1px solid var(--border-gray);
}

textarea {
	height: auto;
}

input[type="number"].limit {
	width: 32px !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    margin: 0;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    margin: 0;
}

input[type="text"].even {
	background-color : var(--light-gray);
	font-style     : italic;
}

input[type="text"].smaller,
input[type="password"].smaller,
input[type="url"].smaller,
input[type="tel"].smaller,
input[type="email"].smaller,
input[type="number"].smaller {
	font-size: 80%;
}

.supersmall {
	font-size : 66%;
}


input[type="submit"]:disabled {
    background-color    : var(--neutral-gray);
    border              : none;
    color               : var(--light-gray);
    cursor              : not-allowed;
    pointer-events      : none;
}

input[readonly] {
	background-color : var(--lightest-gray);
}

input[type="text"].blend,
input[type="url"].blend,
input[type="email"].blend,
input[type="number"].blend {
	background   : transparent;
	border-color : transparent;
	font-size    : 100%;
}
html {
	width: auto;
}

body {
	background-color    : var(--background-blue);
	background-image    : url("/lib/images/bg-repeat.png");
	background-repeat   : repeat-x;
	background-position : center top;
	text-align          : left;
	font-family         : open_sans, Tahoma, Arial, sans-serif;
	font-size           : 14px;
	padding             : 0;
	margin              : 0;
}

#overlay {
	background-image    : url("/lib/images/lens-flair.png");
	background-repeat   : no-repeat;
	background-position : -256px -206px;
	padding             : 0;
	margin              : 0;
}

#headerarch {
	display     : flex;
	flex        : 1 0 auto;
	width       : 100%;
	flex-flow   : row nowrap;
	align-items : flex-start;
	padding-top : 4px;
	max-height  : 48px;
}

#header {
	width      : 88%;
	margin     : auto;
	padding    : 0;
	box-sizing : border-box;
	min-width  : 970px;
	max-width  : 1536px;
}

.tournheader, .tournheader span, .tournheader span.half {
	vertical-align: top;
}

.tournheader span, div.main div.tournheader span.half {
	padding-top: 8px;
}

#logo {
	width          : 24%;
	margin         : 0;
	padding        : 0;
	padding-bottom : 4px;
	padding-left   : 4px;
}

#logo a {
	margin         : 0;
	padding        : 0;
}

#logo a img {
	display    : inline;
	max-width  : 100%;
	max-height : 100%;
}

img.badgehuge {
    max-width  : 300px;
    max-height : 300px;
    min-width  : 300px;
}

img .badgebig {
    max-width  : 200px;
    max-height : 200px;
    min-width  : 200px;
}

img.badgemed {
    max-width  : 128px;
    max-height : 128px;
    min-width  : 128px;
}

img.badgesmall {
    max-width  : 64px;
    max-height : 64px;
    min-width  : 64px;
}

img.badgetiny {
    max-width  : 32px;
    max-height : 32px;
    min-width  : 32px;
}

[data-title]:hover:after {
    opacity    : 1;
    transition : all 0.1s ease 0.5s;
    visibility : visible;
}

[data-title]:after {
    content               : attr(data-title);
    position              : absolute;
    left                  : 5%;
	top                   : 10%;
	margin-top			  : 24px;
    padding               : 4px 4px 4px 8px;
	font                  : 16px Inconsolata;
    color                 : var(--dark-gray);
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
    -moz-box-shadow       : 0 0 4px var(--dark-gray);
    -webkit-box-shadow    : 0 0 4px var(--dark-gray);
    box-shadow            : 0 0 4px var(--dark-gray);
	background-color      : var(--light-yellow);
    opacity               : 0;
    white-space           : pre;
    z-index               : 99999;
    visibility            : hidden;
}

[data-title] {
    position   : relative;
	overflow-x : unset !important;
}

.noundies a:hover {
	text-decoration : none;
}

.nooverflow {
	overflow : hidden;
}

.limitheight {
	height : 40px;
}

#toprow {
	display        : inline-block;
	width          : 78%;
	min-width      : 580px;
	text-align     : right;
	padding-top    : 8px;
	padding-bottom : 8px;
	letter-spacing : .2px;
	margin         : 0;
	padding-right  : 0;
}

#toprow a {
	display         : inline-block;
	border-left     : 2px solid rgba(255, 255, 255, 0.14);
	color           : rgba(255, 255, 255, 0.64);
	margin          : 0;
	padding         : 0;
	padding-left    : 8px;
	padding-right   : 8px;
	text-decoration : none;
	font-size       : 12px;
	font-weight     : 600;
}

#toprow a#push-bell.greentext:hover {
	border-color     : var(--dark-green);
	background-color : var(--light-green);
}

#toprow a#push-bell.redtext:hover {
	background-color : var(--light-red);
	color            : var(--background-white);
	border-color     : var(--dark-red);
}

#toprow a.greentext.pushed,
#toprow a.redtext.pushed {
	background-color : var(--lightest-gray);
	border-bottom    : 4px solid var(--background-white);
	color            : var(--neutral-gray);
}

#toprow a.orangetext {
	color            : var(--medium-orange);
}

#inbox_count {
	position         : relative;
	top              : -24px;
	font-size        : 9pt;
	left             : 8px;
	font-weight      : 600;
	background-color : var(--dark-red);
	color            : var(--lightest-yellow);
	padding-top      : 1px;
	padding-bottom   : 2px;
	padding-left     : 4px;
	padding-right    : 4px;
	border-radius    : 16px;
}

.messagebody {
	line-height: 14pt;
}

#toprow a#push-bell {
	background-color : var(--background-white);
	color            : var(--border-gray);
	padding          : 4px;
}

div#push-overlay, .push-overlay {
	width            : 100%;
	height           : 100vh;
	text-align       : center;
	background-color : rgba(25, 25, 25, 0.75);
	position         : absolute;
	left             : 0;
	top              : 0;
	z-index          : 750;
}

div.push-warning {
	box-sizing       : border-box;
	white-space      : normal;
	z-index          : 1000;
	float            : none;
	width            : 75%;
	padding          : 16px;
	padding-left     : 10%;
	padding-right    : 10%;
	background-color : var(--lightest-gray);
	border           : 1px solid var(--medium-red);
	border-radius    : 12px;
	margin-top       : 12%;
	margin-left      : auto;
	margin-right     : auto;
}

div#push-subscribe,
div.push-subscribe {
	box-sizing       : border-box;
	white-space      : normal;
	z-index          : 1000;
	float            : none;
	width            : 75%;
	padding          : 16px;
	padding-left     : 10%;
	padding-right    : 10%;
	background-color : var(--lightest-gray);
	border           : 1px solid var(--dark-orange);
	border-radius    : 12px;
	margin-top       : 5%;
	margin-left      : auto;
	margin-right     : auto;
}

span#push-form, span#push-impossible, span#push-block, span#push-permission {
	width            : 100%;
	text-align       : center;
	margin-top       : -2px;
}

#toprow-push-box {
	min-height     : 0;
	padding-top    : 16px;
	padding-bottom : 16px;
}

p.onesignal-customlink-explanation.medium {
	font-size      : 12pt;
	line-height    : 14pt;
	padding-top    : 2px;
	padding-bottom : 2px;
}

#toprow a#push-bell.redtext,
#toprow a.redtext {
	border : 4px solid var(--dark-red);
	color  : var(--dark-red);
}

#toprow a.greentext,
#toprow a#push-bell.greentext {
	color  : var(--medium-green);
	border : 4px solid var(--dark-green);
}

#toprow #login-box a.redtext {
	border          : none;
	text-decoration : none;
	width           : 95%;
}

#toprow a.borderright {
	border-right     : 2px solid rgba(255, 255, 255, 0.14);
}

#toprow a.fa {
	font-size      : 24px;
	font-weight    : 400;
	margin-bottom  : 0;
	padding-top    : 4px;
	padding-bottom : 4px;
}

#toprow a.fa.smaller, #toprow a.fa.fa-sm {
	font-size  : 14pt;
	margin-top : 4px;
}

#toprow a:hover {
	color            : var(--darker-blue);
	background-color : var(--light-yellow);
}

/* Help button (also added 12px margin-right to search box below) */

#helpbutton {
	position       : relative;
	vertical-align : middle;
	margin         : 0;
	padding        : 0;
}

#helpbutton a {
	border         : none;
	margin         : 0;
	padding        : 2px;
	font-size      : 32px;
	text-align     : center;
	vertical-align : middle;
}

/* Search box */

#search {
    position         : relative;
	background-color : rgba(255, 255, 255, 0.24);
	margin-left      : 8px;
	margin-right     : 4px;
    overflow         : hidden;
	padding          : 0;
	padding-left     : 4px;
	padding-right    : 4px;
	max-width        : 256px;
}

#mobile_searchbox {
    position         : relative;
	background-color : var(--light-gray);
	margin-left      : 4px;
	margin-right     : 4px;
    overflow         : hidden;
	padding          : 0;
	padding-left     : 4px;
	padding-right    : 4px;
}

#mobile_searchbox input[type="text"]#searchtext,
#search input[type="text"]#searchtext {
	width: 100%;
}

#mobile_searchbox input[type="text"],
#mobile_searchbox input[type="number"] {
    border       : 1px solid var(--darker-blue);
    color        : var(--darker-blue);
    width        : 100%;
	font-size    : 14px;
	font-weight  : 600;
	display      : inline;
    margin-left  : 4px;
    margin-right : 4px;
	margin-top   : 4px;
}

#mobile_search input[type="text"], #mobile_search input[type="number"] {
	font-size : 14px;
}

#mobile_search button {
    background : none;
	color      : var(--dark-blue);
    border     : 0;
    cursor     : pointer !important;
    font-size  : 20px;
    height     : 32px;
	margin     : 0;
	padding    : 0;
}


#search input[type="text"],
#search input[type="number"] {
    background   : none repeat scroll 0 0 transparent;
    border       : 0 none !important;
    color        : var(--background-white);
    width        : 100%;
	font-size    : 16px;
	display      : inline;
    margin-left  : 2px;
    margin-right : 2px;
	margin-top   : 4px;
}

button:focus {outline:none;}
button::-moz-focus-inner{
  border: 0;
}

#search button {
    background : none;
	color      : var(--darker-blue);
    border     : 0;
    cursor     : pointer !important;
    font-size  : 20px;
    height     : 32px;
	margin     : 0;
	padding    : 0;
}

#search input::-moz-placeholder {
	color   : var(--darker-blue);
	opacity : 1;
}

#search input:-ms-input-placeholder {
	color   : var(--darker-blue) !important;
	opacity : 1;
}

#search input::-webkit-input-placeholder {
	color   : var(--darker-blue);
	opacity : 1;
}

.notmask {
	z-index : 100;
}

#mask {
	background : var(--darker-gray);
	position   : fixed;
	left       : 0;
	top        : 0;
	width      : 100%;
	height     : 100%;
	opacity    : 0.3;
	z-index    : 10;
}

#noclickmask {
	background : var(--darker-gray);
	position   : fixed;
	left       : 0;
	top        : 0;
	width      : 100%;
	height     : 100%;
	opacity    : 0.3;
	z-index    : 10;
}

#toprow .login-popup {
	display       : none;
	position      : absolute;
	background    : var(--light-gray);
	padding       : 10px;
	margin-top    : 4px;
	border        : 4px solid var(--dark-blue);
	z-index       : 99999;
	box-shadow    : 0 0 20px var(--medium-gray);
	border-radius : 3px;
	width         : 256px;
}

#toprow a {
	padding-left   : 8px;
	padding-right  : 8px;
	padding-top    : 6px;
	padding-bottom : 6px;
}

#login-box #toprow a.redtext {
	color           : var(--dark-red);
	text-decoration : underline;
}

#toprow a.close {
	display      : block;
	float        : right;
	color        : var(--darker-blue);
	padding      : 8px;
	margin-top   : -2px;
	margin-right : -2px;
	font-size    : 1.4em;
}

#toprow span.pokemon {
	min-width           : 150px;
	min-height          : 25px;
	text-align          : center;
	background          : url("/lib/images/pokemon.png") no-repeat top/contain;
	background-size     : 100%;
	background-position : 0 -10px;
}

#login-box input[type="text"],
#login-box input[type="password"] {
	border-bottom : 1px solid var(--dark-gray);
	border-left   : 1px solid var(--darker-gray);
	border-right  : 1px solid var(--dark-gray);
	border-top    : 1px solid var(--darker-gray);
	color         : var(--darker-blue);
    border-radius : 4px;
	font          : 15px "Inconsolata";
	padding       : 8px 8px 4px;
	margin-top    : 6px;
	margin-bottom : 6px;
}

input[type="text"].borderred {
	border: 2px ridge var(--dark-red);
}

#login-box input[type="submit"] {
	background-color : var(--darker-blue);
	font-weight      : 900;
	color            : var(--background-white);
	margin           : 0;
	margin-top       : 4px;
	margin-bottom    : 4px;
	min-height       : 32px;
	text-align       : right;
	width            : 100%;
}

tr.redtext td,
tr.redtext td span,
tr.redtext td div {
	color : var(--dark-red);
}

#wrapper {
	width      : 88%;
	max-width  : 1536px;
	min-height : 650px;
	margin     : auto;
	padding    : 0;
}

#content {
	display          : block;
	position         : relative;
	color            : black;
	background-color : var(--lightest-cool-gray);
	margin           : 0;
	padding          : 0;
}

.nomenu div.main {
	width : 96%;
}

div.main a,
div.menu a,
div.blankfull a,
div.sidenote a,
div.content a {
	vertical-align : baseline;
	box-sizing     : border-box;
}

#footer {
	width       : 98%;
    display     : flex;
	margin      : auto;
	min-height  : 130px;
	padding-top : 15px;
	font-size   : 12pt;
}

#footer a {
	color         : var(--darker-blue);
	display       : inline-block;
	padding		  : 4px;
	padding-left  : 16px;
	padding-right : 16px;
	margin        : 0;
}

#footer a:hover {
	background		: var(--lightest-blue);
	text-decoration : none;
}

div *, span *, td *, th * {
	vertical-align   : middle;
}

/* Generic elements */

p {
	margin-left   : 4px;
	margin-top    : 8px;
	margin-right  : 8px;
	margin-bottom : 8px;
	line-height   : 1.4em;
	font-size     : 1em;
}

.flexkids>label>span,
.flexkids>label>div,
.flexkids>span,
.flexkids>div,
span.flexrow,
div.flexrow,
a.flexrow,
td.flex,
.flexrow {
    display     : flex;
    flex-flow   : row;
	align-items : center;
    padding     : 0;
    margin      : 0;

	.smallshow {
		display: none;
	}
}

.padkids span {
	padding-left: 8px;
}

.flexspread {
	justify-content : space-between;
}

p.taller {
	line-height   : 1.8em;
}

p.shorter {
	margin-top    : 4px;
	margin-bottom : 4px;
	line-height   : 1.2em;
}

.awards p {
	color       : var(--darker-gray);
	font-family : Times;
	font-size   : 12pt;
	margin      : 0;
}

td.smaller.doublespace {
	font-size: 10px;
}

.doublespace {
	line-height : 1.4em;
}

em {
	display        : inline;
	font-style     : italic;
	margin         : 0;
	padding        : 0;
	vertical-align : baseline;
}

ol {
	list-style  : decimal;
 	margin-left : 40px;
 	font-size   : 92%;
}

ul {
	font-size		: 92%;
	margin-left		: 32px;
	padding-left	: 12px;
	list-style-type: square;
}

ul.bigger,
ol.bigger {
	font-size     : 1.1em;
	line-height   : .9em;
	margin-top    : 8px;
	margin-bottom : 8px;
}

ul.bigger li,
ol.bigger li {
	margin-top    : 12px;
	margin-bottom : 12px;
	line-height   : 1em;
}

li {
	line-height		: 20px;
	padding-bottom	: 8px;
}

li.padless {
	line-height		: 14px;
	padding-bottom	: 2px;
}

a {
	color           : var(--dark-red);
	text-decoration : none;
	display         : inline-block;
	padding         : 3px;
}

p strong {
	letter-spacing: .2px;
}

p a {
	text-decoration : underline;
}

a.bluelink {
	text-decoration : underline !important;
	color           : var(--dark-blue);
}


sup {
	font-size      : 64%;
	vertical-align : super;
}


button.medium {
	font-family   : Signika-Light;
    opacity       : .8;
	font-size     : 15px;
	height        : auto;
	width         : auto;
	color         : var(--background-white);
	border-radius : 4px;
    cursor        : pointer;
    padding       : 8px 16px;
    display       : inline-block;
	font-weight   : 600;
    touch-action  : manipulation;
}

button.medium:hover {
	opacity : 1;
	color   : var(--background-white);
}

button.medium.red {
	background-color: var(--dark-red);
	border: 1px solid var(--medium-red);
}

.confirm {
	border-width : 8px !important;
}

a.confirm.buttonwhite.full {
	font-size: 16pt;
}

.buttonwhite.confirm.redtext:hover{
	color            : var(--dark-red);
	background-color : var(--background-white);
	border           : 8px solid var(--dark-red);
}

.buttonwhite.confirm.bluegreentext:hover{
	color            : var(--dark-bluegreen);
	background-color : var(--background-white);
}

.buttonwhite.confirm.bluetext:hover{
	color            : var(--darker-blue);
	background-color : var(--background-white);
}

.buttonwhite.confirm.greentext:hover{
	color            : var(--medium-green);
	background-color : var(--background-white);
	border           : 8px solid var(--dark-green);
}

.confirm {
	padding-top     : 25px !important;
	padding-bottom  : 25px !important;
	width           : 80%;
	font-size       : 16pt;
	text-decoration : none;
	vertical-align  : top;
	font-weight     : bold;
	text-decoration : blink;
	margin          : auto !important;
}

/*Input styles and types */

button {
	font-size     : 14px;
	font-family   : Signika-Bold;
	width         : 20px;
	height        : 20px;
	padding       : 0;
	border        : 2px solid var(--neutral-gray);
	border-radius : 2px;
	color         : var(--dark-red);
	line-height   : 1em;
}

button.notfirst {
	padding-top : 2px;
	font-size   : 18px;
	font-weight : bold;
}

button:hover {
	background-color : var(--neutral-gray);
	color            : white;
	border-color     : var(--dark-red);
}

input[type="number"] {
	width : 64px;
}

input[type="number"].gigantor {
	width : 129pt;
}

input[type="number"].larger {
	width : 104px;
}

input[type="number"].smallish {
	width   : 54px;
	padding : 5px;
}

input[type="number"].smaller {
	width          : 42px;
	padding-top    : 3px;
	padding-bottom : 3px;
	font-size      : 100%;
	line-height    : 18px;
}

.row input[type="number"] {
	width          : 100%;
	margin-top     : 2px;
	margin-bottom  : 3px;
	padding-left   : 6px;
	padding-right  : 2px;
	padding-bottom : 7px;
	padding-top    : 6px;
	box-sizing : border-box;
}
.row input[type="number"].smaller {
	padding-top    : 4px;
	padding-bottom : 5px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}


input[type="number"].half {
	width : 42px;
}
.row a.submit,
a.submit,
button.submit,
a.buttonwhite.submit,
input[type="submit"],
input[type="button"] {
	color          : var(--background-white);
    cursor         : pointer !important;
	font-family    : -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight    : 400;
	font-size      : 15px;
	padding-left   : 8px;
	padding-right  : 8px;
	padding-bottom : 4px;
	padding-top    : 4px;
	background     : var(--dark-blue);
	margin-top     : 2px;
	margin-bottom  : 2px;
	border-radius  : 4px;
	border-width   : 1px;
	border-style   : solid;
	border-color   : var(--medium-blue);
    opacity        : 1;
}

.row a.submit:hover,
a.submit:hover,
button.submit:hover,
a.buttonwhite.submit:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    opacity      : .8;
	border-color : var(--darker-gray);
}

.row a.submit,
a.submit,
button.submit {
	padding-bottom : 5px;
	padding-top    : 5px;
}

.row a.submit.redtext,
a.submit.redtext,
button.submit.redtext {
	background-color : var(--dark-red);
	border-color     : var(--light-red);
	color            : var(--background-white);
}

.row a.submit.redtext:hover,
a.submit.redtext:hover,
button.submit.redtext:hover {
	border-color     : var(--dark-red);
	background-color : var(--background-white);
	color            : var(--dark-red);
	text-decoration  : none;
}

.row a.submit.smaller,
a.submit.smaller,
button.submit.smaller,
input[type="submit"].smaller,
input[type="button"].smaller {
	font-size      : 85%;
}

input[type="submit"].smallish {
	padding        : 4px;
	letter-spacing : 1px;
	margin         : 6px;
	font-size      : 13px;
}

input[type="submit"].full {
	width        : 92%;
	margin-left  : 3%;
	margin-right : 3%;
}

input[type="button"].fullbutton {
	width : 90%;
	font-weight: bold;
}

input[type="button"].fullbutton.smallish {
	width          : 90%;
	font-size      : 96%;
	font-weight    : normal;
}

input[type="button"].smallish {
	font-size   : 96%;
	font-weight : 600;
}

input[type="submit"].skinny {
	height         : 19px;
	font-size      : 8pt;
	margin-top     : 4px;
	margin-bottom  : 4px;
	padding-bottom : 3px;
	margin-right   : 1px;
}

input[type="submit"].skinnier {
	height         : 20px;
	font-size      : 8pt;
	margin-left    : 0;
	margin-right   : 0;
	margin-top     : 7px;
	margin-bottom  : 7px;
	padding-bottom : 2px;
	padding-top    : 0;
	padding-left   : 1px;
	padding-right  : 1px;
}

input[type="submit"].thin,
input[type="button"].thin {
	font-size      : 9pt;
	margin-top     : 4px;
	margin-bottom  : 4px;
	font-weight    : 400;
	padding-top    : 3px;
	padding-bottom : 3px;
	font-family    : -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

input[type="submit"].thin.semibold {
	font-weight : 600;
}

input[type="submit"].thinner {
	font-size      : 9pt;
	margin-top     : 2px;
	margin-bottom  : 2px;
	padding-top    : 0;
	padding-bottom : 0;
	font-weight    : 400;
	font-family    : -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

input[type="submit"].thinnish {
	height        : auto;
	font-size     : 10pt;
	margin-top    : 4px;
	margin-bottom : 4px;
	padding       : 2px;
	padding-left  : 8px;
	padding-right : 8px;
	font-weight   : 400;
}

input[type="submit"].red {
	background-color : var(--dark-red);
	border-top       : 1px solid var(--medium-red);
	border-left      : 1px solid var(--medium-red);
	border-bottom    : 1px solid var(--darker-red);
	border-right     : 1px solid var(--darker-red);
}

input[type="submit"].red:hover {
	background-color : var(--light-red);
	color            : var(--dark-red);
	border-bottom    : 1px solid var(--medium-red);
	border-right     : 1px solid var(--medium-red);
	border-top       : 1px solid var(--darker-red);
	border-left      : 1px solid var(--darker-red);
	text-decoration  : none;
}

input[type="checkbox"] {
	padding-left   : 4px;
	padding-right  : 4px;
	padding-top    : 8px;
	padding-bottom : 8px;
	margin-top     : 10px;
	margin-bottom  : 8px;
	margin-right   : 4px;
	vertical-align : middle;
	height         : 14px;
}

input[type="checkbox"].bigger,
input[type="checkbox"].larger {
    appearance         : none;
    -webkit-appearance : none;
    -moz-appearance    : none;
    width              : 30px;
    height             : 30px;
    background         : white;
    border-radius      : 5px;
    border             : 2px solid var(--neutral-gray);
}

input[type="checkbox"].larger:checked,
input[type='checkbox'].bigger:checked {
    background-color : var(--dark-blue);
}

input[type="checkbox"].thin {
	margin-top    : 3px;
	margin-bottom : 3px;
	width		  : 15px;
}

.ballotfixed {
	height        : 52px;
	margin-top    : 0 !important;
	margin-bottom : 0 !important;
}

.ballotmin {
	min-height: 52px;
	margin-top    : 0 !important;
	margin-bottom : 0 !important;
}

div.full,
div.block,
span.full,
span.block {
	box-sizing : border-box;
	width      : 100%;
}

.full, .block {
	display        : block;
	width          : 100%;
	padding        : .5%;
	margin         : .5%;
	padding-top    : 8px;
	padding-bottom : 8px;
	margin-bottom  : 4px;
	margin-top     : 4px;
}

.flexcolumn,
.flexcolumn .row span,
.flexcolumn .row div,
.row span.flexcolumn,
.row div.flexcolumn,
span.flexcolumn,
div.flexcolumn,
span.flex,
div.flex {
    display         : flex !important;
    flex-flow       : column;
	justify-content : space-evenly;
	height          : 100%;
    padding         : 0;
    margin          : 0;
}

.flexcolumn:after,
.flex:after {
	content: none;
}

span.fixedflex,
.fixedflex {
	display         : flex !important;
	flex-flow       : row nowrap;
	align-items     : center;
	height          : 44px;
	width           : 100%;
	padding         : 0;
	margin          : 0;
}

.fixedflex.centeralign {
	align-items     : center;
}

.fixedflex.rightalign {
	align-items     : flex-end;
}

span.halffixedflex,
.halffixedflex {
	display         : flex !important;
	flex-flow       : row nowrap;
	align-items     : center;
	height          : 22px;
	width           : 100%;
	padding         : 0;
	margin          : 0;
}

.halffixedflex.centeralign {
	align-items     : center;
}

.halffixedflex.rightalign {
	align-items     : flex-end;
}

.doublejudgeheight {
	box-sizing  : border-box;
	height      : 50px !important;
	margin      : 0;
	padding     : 0;
	overflow    : hidden;
	line-height : 48px;
}

.judgeheight {
	box-sizing : border-box;
	height        : 25px !important;
	margin        : 0;
	padding       : 0;
	overflow      : hidden;
	line-height   : 24px;
}

.judgeheight div, .judgeheight .span {
    vertical-align : middle;
	line-height    : 22px;
}

.judgefixedheight {
	height: 20px !important;
}

.judgefixedheight .fa {
	padding-top: 0px;
}

.fixedheight {
	box-sizing      : border-box;
	height          : 45px !important;
	margin          : 0;
	padding         : 0;
	overflow        : hidden;
	display         : inline-flex;
	flex-direction  : column;
	justify-content : center;
}

.fixedheight div, .fixedheight .span {
	font-weight    : 600px;
    vertical-align : middle;
	line-height    : 22px;
}

.halfheight {
	height     : 22px !important;
	min-height : 22px !important;
	max-height : 22px !important;
}

.halfheight,
.full.halfheight {
	padding-top    : 4px;
	padding-bottom : 4px;
	margin-top     : 0;
	margin-bottom  : 0;
	height         : 32px;
	min-height     : 32px;
	max-height     : 32px;
}

.settings .row.double,
.row.double {
	height     : 90px;
	min-height : 90px;
	max-height : 90px;
}

.settings .noheight,
.settings .row .noheight,
.settings .row.noheight,
.noheight {
	height: auto;
}

.settingstext {
	padding-top : 12px !important;
	padding-left : 4px !important;
}

.row input[type="checkbox"].thinner,
input[type="checkbox"].thinner {
	margin-top    : 1px;
	margin-bottom : 1px;
	width		  : 15px;
}
input[type="radio"] {
	height         : 24px;
	margin-top     : 4.75px;
	margin-bottom  : 5px;
	padding-left   : 2px;
	vertical-align : middle;
}

input[type="radio"].smaller {
	height         : 20px;
	margin-top     : 1px;
	margin-bottom  : 1px;
	padding-left   : 2px;
	vertical-align : middle;
}

select {
	font-family   : "Inconsolata";
	font-size     : 15px;
	margin-top    : 3px;
	margin-bottom : 4px;
	color         : var(--dark-gray);
	text-align    : left;
	background    : var(--background-white);
	border		  : 1px solid var(--medium-gray);
	border-radius : 6px;
}

select.plain {
	background : var(--background-white);
	height     : 27px;
	width      : 98%;
}

select.plain.multiple {
	height     : 64px;
	width      : 98%;
	background : var(--background-white);
}

select.plain.thinner {
	height        : 20px;
	font-size     : 10px;
}

.half .tox .tox-tbtn,
.twothirds .tox .tox-tbtn {
	height        : 20px !important;
	margin-top    : 2px;
	margin-bottom : 2px;
}

.tox-tbtn--bespoke {
	width: 80px !important;
}

.tox .tox-toolbar-overlord {
	border-bottom: 1px solid var(--neutral-gray);
}

.half .tox-toolbar__group,
.twothirds .tox-toolbar__group {
	padding-left  : 6px !important;
	padding-right : 6px !important;
}

optgroup {
	font-family   : "Inconsolata";
	font-size     : 14px;
	font-style	  : normal;
	margin-top	  : 5px;
	margin-bottom : 0;
	padding       : 0;
}

optgroup.key, option.key, li.key {
	font-size	  : 13px;
	margin-top	  : 0;
}


.fixed {
	width: 164px;
	display: inline-block;
}

.fixedwidthsmaller {
	width: 151px;
	display: inline-block !important;
}

.fixedwidth {
	width: 164px;
	display: inline-block !important;
}

.fixedwidthlarger {
	width: 256px;
	display: inline-block !important;
}

select.fixedmost {
	width: 90%;
}

select.fixed {
	width : 350px;
}

select.fixedmicro {
	width          : 75px;
	font-size      : 90%;
	margin		   : 0;
}

select.smaller {
	font-size : 81%;
	margin    : 0;
	height    : auto;
}

select.fixedsmallest {
	width     : 108px;
	font-size : 100%;
}

select.fixedtiny {
	width          : 64px;
	font-size      : 100%;
	margin		   : 0;
}

select.fixedtinier {
	width          : 48px;
	font-size      : 90%;
	margin		   : 0;
	padding		   : 2px;
}

input[type="file"].narrow {
	width         : 160px;
	margin-top    : 4px;
	margin-bottom : 4px;
}


/* Styling fonts and such */

.mono {
	font-family : Inconsolata, Monaco, Courier, Monospace;
	font-size   : 12pt;
}

.mono .bold, .mono .strong {
	font-family   : Inconsolata, Monaco, Courier, Monospace;
	font-weight   : bold;
}

.explain {
	padding     : 4px;
	font-style  : italic;
	font-size   : 85%;
	line-height : 15px;
}
.explainsmol {
	line-height : 12px;
}


code, pre {
	color : var(--darker-blue);
	font  : 100% monospace;
}
pre.black {
	color       : var(--darker-gray);
	font-family : Times;
	font-size   : 12pt;
}

p.action {
	font-size    : 14px;
	font-weight  : 600;
	margin       : 0;
	padding-top  : 2px;
	padding-left : 8px;
}

p.specific {
	color        : var(--neutral-gray);
	font-size    : 12px;
	margin       : 0;
	padding      : 1px;
	padding-left : 16px;
	line-height  : 14px;
}

p.times {
	font-family : Times;
	font-size   : 14pt;
}

.code {
	font : 100% monospace;
}

.strike, .strike span {
	text-decoration : line-through;
}

.nostrike, .nostrike span {
	text-decoration : none;
}

.italic {
	font-style : italic;
}

/* I do hate myself for things like this */
.spacette {
	display : inline-block;
	margin  : 0;
	padding : 0;
	width   : 1pt;
}

/* I hate myself even more for things like this */
.megaspacer {
	display : inline-block;
	margin  : 0;
	padding : 0;
	width   : 4em;
}

.spacer {
	display : inline-block;
	margin  : 0;
	padding : 0;
	width   : 1em;
}

.halfspacer {
	display : inline-block;
	margin  : 0;
	padding : 0;
	width   : .5em;
}

.quarterspacer {
	display : inline-block;
	margin  : 0;
	padding : 0;
	width   : .25em;
}

.spaced {
	letter-spacing : 1.61px;
}

h1 {
	font-family    : PTSans-Narrow-Bold;
	text-align     : left;
	letter-spacing : .2px;
	font-size      : 3.8em;
	padding        : 4px;
	margin-left    : 4px;
	margin-right   : 4px;
	margin-top     : 8px;
	margin-bottom  : 16px;
	text-transform : uppercase;
}

h2 {
	font-family    : PTSans-Narrow;
    font-size      : 3.2em;
	font-weight    : 600;
	letter-spacing : 1px;
	text-transform : uppercase;
    line-height    : 36px;
	margin-top     : 0;
    margin-left    : 2px;
	margin-bottom  : 16px;
    padding-top    : 8px;
}

h2.martop {
	margin-top     : 16px !important;
}

.flighted span.explain {
	margin  : 0;
	padding : 0;
}

.flighted span h2 {
	font-size   : 2.3em;
	line-height : 1.1em;
}

.flighted span h2.smaller {
	font-size : 2em
}

h3 {
	font-family    : PTSans-Narrow-Bold;
    font-size      : 3em;
	font-weight    : 600;
	text-transform : uppercase;
	padding-left   : 4px;
	padding-top    : 4px;
	padding-bottom : 4px;
	margin-top     : 8px;
	margin-bottom  : 8px;
	letter-spacing : 1px;
}

h4 {
	font-family    : PTSans-Narrow-Bold;
    font-size      : 2.6em;
	padding-left   : 4px;
	padding-top    : 8px;
	padding-bottom : 2px;
	margin-top     : 4px;
	margin-bottom  : 7px;
}

h4.smaller {
	font-size: 1.6em;
}
h4.smallish {
	font-size: 1.8em;
}

div.h4 {
	padding-top		: 16px;
}

h5 {
	font-family    : PTSans-Narrow;
	letter-spacing : .7px;
	font-weight    : 600;
	font-size      : 1.8em;
	padding-right  : 0;
	padding-left   : 2px;
	padding-top    : 4px;
	padding-bottom : 4px;
	margin-top     : 8px;
	margin-bottom  : 4px;
}

h6 {
	font-family    : PTSans-Narrow;
	font-size      : 1.5em;
	letter-spacing : .5px;
	font-weight    : 500;
	padding-left   : 2px;
	padding-right  : 0;
	padding-top    : 4px;
	padding-bottom : 4px;
	margin         : 0;
	margin-top     : 4px;
}

h6.header {
	padding-left   : 2px;
	padding-top    : 6px;
	padding-bottom : 6px;
	margin-top     : 8px;
	margin-bottom  : 4px;
}

h6.normal {
	font-size      : 1.2em;
	font-weight    : 500;
	letter-spacing : .025em;
}

/* Table styling */

table {
	margin-top     : 2px;
	border-spacing : .5px;
	width          : 100%;
}

table.fixed,
table.fixedtable,
table.fixtable {
	table-layout : fixed;
	word-break   : break-word;
	word-wrap    : break-word;
	width        : 100%;
}

div.sidescroll {
	width       : 100%;
	overflow-x  : scroll;
	white-space : nowrap;
}

table.hasResizable {
	width: 100% !important;
}

table.hasResizable tr td,
table.hasResizable tr th {
	overflow-x  : clip;
}

td  {
	vertical-align : middle;
	padding        : 8px;
	box-sizing     : border-box;
}

td.flexbin  {
	height  : 1px;
	padding : 0;
	margin  : 0;
}

tr.nospace td,
table.nospace td {
	padding      : 0px;
	padding-left : 4px;
}

tr.padless td,
.padless td {
	padding : 4px;
}

table.narrow td {
	line-height    : 16px;
	vertical-align : middle;
	padding        : 2px;
	padding-left   : 4px;
}

table.narrow td.lessheight, .lessheight {
	line-height : 13px ;
}

tr.fixed {
	height			: 40px;
}

tr.fixed td, tr.fixed th {
	padding-top		: 2px;
	padding-bottom	: 2px;
}

tr th:first-child {
	border-left   : 1px solid var(--dark-yellow);
}

tr th {
	border-top    : 1px solid var(--dark-yellow);
	border-right  : 1px solid var(--dark-yellow);
	border-bottom : 2px solid var(--medium-yellow);
}

tr.rotation th {
	border-top:  6px solid var(--lightest-yellow);
}

th {
	vertical-align : middle;
	font-size      : 11px;
	padding        : 4px;
	padding-left   : 8px;
	font-weight    : 600;
}

th.limiticon {
	min-width: 32px;
}

th.rotate {
  height         : 120px;
  white-space    : nowrap;
  vertical-align : top;
  width          : 3em;
}

th.rotate.congress {
  height         : 120px;
  white-space    : nowrap;
  vertical-align : top;
  width          : 6em;
}

th.rotate > div {
  transform:
    translate(0px, 95px)
    rotate(270deg);
  width: 30px;
}
th.rotate > div > span {
  padding-left  : 4px;
}

th.rotate.congress > div {
  transform:
    translate(0px, 80px)
    rotate(270deg);
  width: 60px;
}

div.pane {
	width          : auto;
	min-width      : 1.2em;
	float          : left;
	height         : 100%;
	vertical-align : bottom;
}

span.rotate {
	display          : inline-block;
	padding-right    : 0.25em;
	margin-right     : -999px;
	transform-origin : top left;
	transform        : rotate(-90deg) translate(-100%);
}

.centeralign th {
	padding-left: 4px;
}


td h4 {
	font-size    : 120%;
	padding-left : 2px;
	margin-left  : 0;
	padding-top  : 8px;
}

td.more {
	padding-top    : 6px;
	padding-left   : 12px;
	padding-right  : 7px;
	padding-bottom : 6px;
}

/* Sortable and drag and drop tables */

#prefsort {
	list-style-type : none;
	margin          : 0;
	padding         : 0;
	width           : 83%;
}

#prefsort li {
	margin       : 0 3px 3px 3px;
	padding      : 3px;
	padding-left : .75em;
	font-size    : 1.4em;
	height       : 26px;
	width        : 575px;
}

.sortarrow {
	margin         : 0;
	margin-top     : 4px;
	padding        : 3px;
	padding-left   : 5px;
	width          : 8px;
	height         : 13px;
	white-space    : nowrap;
	overflow       : hidden;
	vertical-align : middle;
	display        : inline-block;
}

th.sortable {
	background    : url("/lib/images/sort-bg.gif") no-repeat right;
	padding-right : 16px;
}

.droppable {
	min-height : 48px;
}

.textpad {
	min-height : 96px;
}

.marno.droppable {
	min-height     : 24px;
	margin-top     : 0;
	margin-bottom  : 0;
	padding-top    : 8px;
	padding-bottom : 8px;
	vertical-align : middle;
}

.sidenote .droppable {
	min-height    : 256px;
	text-align    : center;
	margin-bottom : 16px;
}

.sticky,
.sidenote.sticky,
.menu.sticky {
	position : sticky;
	position : -webkit-sticky;
	top      : 0;
}

table.dropme {
	border-collapse: collapse;
}

td.droppable {
	height: 128px;
	border: 1px solid var(--medium-gray);
}

td.droppable.smallerdrop {
	height     : auto;
	min-height : 64px;
	border     : none;
}

.sidenote .draggable,
.sidenote.full .draggable,
.sidenote .full .draggable {
	width          : 49%;
	padding-top    : 4px;
	padding-bottom : 4px;
	margin-bottom  : 2px;
	margin-top     : 2px;
}

.sidenote.full {
	width        : 100%;
	margin-left  : 0;
	margin-right : 0;
	padding      : 0;
}

.draggable {
	border         : 1px solid var(--dark-blue);
	font-size      : 11px;
	width          : 45%;
	max-width      : 128px;
	display        : inline-block;
	padding        : 4px 3px;
	margin-top     : 4px;
	line-height    : 16px;
	cursor         : pointer;
	background     : url("/lib/images/ui-bg_highlight-hard_100_eeeeee_1x100.png") repeat-x scroll 50% 50% rgb(238, 238, 238);
	z-index        : 99;
}

.fixedwidthlarger .draggable {
	max-width: 212px;
}

.max.draggable {
	max-width: 164px;
}

td .draggable{
	width: 95%;
}

.draggable.bigger {
	max-width      : 140px;
	padding-top    : 6px;
	padding-bottom : 6px;
}
.draggable.wider {
	max-width : 156px;
}

.full .draggable {
	width      : 98%;
}
.full .draggable.entries {
	width      : 93%;
}

td.entries a.button {
	margin-top: 0;
}

th.sortdown {
	background-image : url("/lib/images/sort-asc.gif");
}

th.sortup {
	background-image : url("/lib/images/sort-desc.gif");
}

th.nosort, th.hidesort {
	background-image: none;
}

.plainbackrow,
.plainback,
.plainbackrow.odd, .plainbackrow.even {
	background-color : var(--background-white);
}

.evenrow,
.even,
.evenrow.odd {
	background-color : var(--light-gray);
	border-top       : 1px solid var(--border-gray);
	border-bottom    : 1px solid var(--border-gray);
}

.evenrow {
	background-color : var(--light-gray) !important;
	border-top       : 1px solid var(--border-gray) !important;
	border-bottom    : 1px solid var(--border-gray) !important;
}

tr.odd:hover {
	background-color : var(--barely-yellow);
}
tr.even:hover {
	background-color: #f7efe3;
}

tr.odd.evenforce td,
.odd.evenforce,
.evenforce {
	background-color : var(--light-gray) !important;
	border-top       : 1px solid var(--border-gray) !important;
	border-bottom    : 1px solid var(--border-gray) !important;
}

tr.even.oddforce td,
.even.oddforce,
.oddforce {
	background-color : var(--lightest-gray) !important;
	border-top       : 1px solid var(--border-gray) !important;
	border-bottom    : 1px solid var(--border-gray) !important;
}

.oddrow,
.odd,
.oddrow.even,
.lightodd {
	background-color : var(--lightest-gray);
	border-top       : 1px solid var(--border-gray);
	border-bottom    : 1px solid var(--border-gray);
}

.oddrow {
	background-color : var(--lightest-gray) !important;
	border-top       : 1px solid var(--border-gray) !important;
	border-bottom    : 1px solid var(--border-gray) !important;
}

.whiteback {
	background-color : var(--background-white);
}

.even {
	background-color: var(--light-gray);
}

.hover {
	user-select           : none;
	-webkit-touch-callout : none; /* iOS Safari */
    -webkit-user-select   : none; /* Safari */
    -khtml-user-select    : none; /* Konqueror HTML */
    -moz-user-select      : none; /* Old versions of Firefox */
    -ms-user-select       : none; /* Internet Explorer/Edge */
}
.nocopy {
	user-select           : none;
	-webkit-touch-callout : none; /* iOS Safari */
    -webkit-user-select   : none; /* Safari */
    -khtml-user-select    : none; /* Konqueror HTML */
    -moz-user-select      : none; /* Old versions of Firefox */
    -ms-user-select       : none; /* Internet Explorer/Edge */
}

.hoverred:hover, .redhover:hover {
	background-color : var(--light-red);
	color       : black;
}

.liblrow, .libl  {
	background-color : var(--lightest-blue);
}

.flexrow label.nohover:hover {
	background-color : transparent;
}

.liblrow.hover:hover, .libl.hover:hover  {
	background-color : var(--light-blue);
}

.liblrow.yellowhover:hover, .libl.yellowhover:hover  {
	background-color : var(--lightest-yellow);
}

thead {
	border-top: 1px solid var(--dark-red);
}


.point p {
	margin      : 0;
	padding     : 0;
	margin-top  : 1px;
	line-height : 12px;
	font-size   : 10px;
	font-family : open_sans, sans-serif;
}

.sidenote div.full span {
	padding : 1%;
	margin  : 0;
}

.row.padless{
	padding-top    : 4px !important;
	padding-bottom : 4px !important;
}

.row.padmuchless{
	padding-top    : 2px !important;
	padding-bottom : 2px !important;
}

.row.padtiny{
	padding-top    : 1px !important;
	padding-bottom : 1px !important;
}

/* Eventually CSS breaks us all down.
 * Has to be 44 to account for borders.
 * Because ofc it does. */
.row.forceheight {
	height: 44px !important;
}

div.liblrow,
div.yellowrow,
span.liblrow,
span.yellowrow {
	display        : block;
	padding        : 8px .5%;
	margin         : 0;
}

.upload {
	border           : 1px solid var(--dark-blue);
	width            : 94%;
	text-align       : left;
	padding-top      : 1%;
	padding-bottom   : 1%;
	padding-left     : 1%;
	margin-left      : 1%;
	background-color : var(--lightest-gray);
	white-space   : nowrap;
	overflow      : hidden;
}

.uploadbutton {
    position      : relative;
    overflow      : hidden;
    margin        : 10px;
}

.uploadbutton input.upload {
    position  : absolute;
    top       : 0;
    right     : 0;
    margin    : 0;
    padding   : 0;
    font-size : 20px;
    cursor    : pointer;
    opacity   : 0;
    filter    : alpha(opacity=0);
}

.uploadname {
	color         : var(--medium-gray);
	font-weight   : 600;
	padding-left  : 4px;
	white-space   : nowrap;
	overflow      : hidden;
	text-overflow : clip;
}

.row .uploader {
	margin-top    : 4px;
	margin-bottom : 2px;
}

.row.plain{
	background: none;
	border-top: none;
}

div.uploader {
	width       : 100%;
	white-space : nowrap;
	display     : flex;
}

div.uploader span.filename {
	width      : 66%;
	text-align : center;
}

div.uploader span.action {
	width       : 33%;
	min-width   : 99px;
	line-height : 25px;
	font-weight : 700;
	color       : var(--dark-blue);
}

div.uploader.dynamic {
	width           : 100%;
	margin          : 0;
	padding         : 0;
    display         : flex !important;
    flex-flow       : row nowrap;
	align-items     : center;
	justify-content : space-between;
}
div.uploader.dynamic span.filename {
	width       : 55%;
	margin      : 0;
	padding     : 0;
}
div.uploader.dynamic span.action {
	width       : 45%;
	margin      : 0;
	padding     : 0;
}

div.uploader.thin {
	width : 180px;
}
div.uploader.thin span.filename {
	width: 80px;
}
div.uploader.thin span.action {
	width: 77px;
}

div.uploader.thinner {
	width: 164px;
}
div.uploader.thinner span.filename {
	width: 47.5%;
}
div.uploader.thinner span.action {
	width: 38%;
}

div.uploader.wider {
	width: 256px;
}
div.uploader.wide {
	width: 234px;
}

div.uploader.wide span.filename {
	width: 133px;
}

div.uploader.wide span.action {
	width: 100px;
}

div.uploader.wider span.filename {
	width: 145px;
}
div.uploader.wider span.action {
	width: 110px;
}

div.uploader.doublewide, div.uploader.widest {
	width: 512px;
}
div.uploader.doublewide span.filename,
div.uploader.widest span.filename {
	width: 266px;
}
div.uploader.doublewide span.action,
div.uploader.widest span.action {
	width: 200px;
}

tr.bordertop {
	border-top: none;
}

.yellowrow,
tr {
	background-color : var(--lightest-yellow);
}

.bordertop td, .bordertop th {
	border-top : 4px solid var(--light-gray);
}

table.borderbottom td, table.borderbottom th,
tr.borderbottom td, tr.borderbottom th {
	border-bottom : 4px solid var(--light-gray);
}

.blueborder {
	border: 1px solid var(--dark-blue);
}

.thinborder {
	border-width        : 1px;
}

.blueborderbottom,
.blueborderbottom td,
.blueborderbottom th {
	border-bottom: 2px solid var(--dark-blue);
}

.redborder {
	border: 1px solid var(--dark-red);
}

.redbordertop td, .redbordertop th {
	border-top : 4px solid var(--dark-red);
}

.redbordertop {
	border-top: 1px solid var(--dark-red);
}

.bordertopthin td, .bordertopthin th {
	border-top : 1px solid var(--light-gray);
}
.borderleft td, .borderleft th, td.borderleft, th.borderleft {
	border-left : 4px solid var(--light-gray);
}

span.borderleft,
div.borderleft {
	border-left : 1px solid var(--light-gray);
}

td.blueborderleft,
th.blueborderleft,
span.blueborderleft,
div.blueborderleft {
	border-left : 2px solid var(--dark-blue);
}

td.ltblueborderleft,
th.ltblueborderleft,
span.ltblueborderleft,
div.ltblueborderleft {
	border-left : 1px solid var(--dark-blue);
}

td.ltblueborderright,
th.ltblueborderright,
span.ltblueborderright,
div.ltblueborderright {
	border-right : 1px solid var(--dark-blue);
}


span.ltblueborderbottom,
div.ltblueborderbottom,
tr.ltblueborderbottom td,
tr.ltblueborderbottom th {
	border-bottom : 1px solid var(--dark-blue);
}

span.ltbluebordertop,
div.ltbluebordertop,
tr.ltbluebordertop td,
tr.ltbluebordertop th {
	border-top : 1px solid var(--dark-blue);
}

.borderright {
	border-right : 1px solid var(--light-gray);
}

.noborder {
	border: none !important;
	border-radius: 0 !important;
}

.ltborderright {
	border-right  : 1px solid var(--border-gray);
}
.ltborderleft {
	border-left  : 1px solid var(--border-gray);
}

.ltbordervert {
	border-top    : 1px solid var(--border-gray);
	border-bottom : 1px solid var(--border-gray);
}

.bordersides {
	border-right : 1px solid var(--border-gray);
	border-left  : 1px solid var(--border-gray);
}

h6.bordertop, span.bordertop, a.bordertop, div.bordertop {
	border-top : 1px solid var(--medium-gray);
}

h6.bordervert, span.bordervert, a.bordervert, div.bordervert {
	border-top    : 1px solid var(--medium-gray);
	border-bottom : 1px solid var(--medium-gray);
}

span.bordertopmore, a.bordertopmore, div.bordertopmore {
	border-top : 4px solid var(--medium-gray);
}

p.dkborderbottom, span.dkborderbottom, a.dkborderbottom, div.dkborderbottom {
	border-bottom : 1px solid var(--darker-gray);
}

p.borderbottom, span.borderbottom, a.borderbottom, div.borderbottom {
	border-bottom : 1px solid var(--medium-gray);
}

p.redborderbottom, span.redborderbottom, a.redborderbottom, div.redborderbottom, .redborderbottom {
	border-bottom : 2px solid var(--dark-red);
}

p.redbordertop, span.redbordertop, a.redbordertop, div.redbordertop, .redbordertop {
	border-top : 2px solid var(--dark-red);
}

.ltborderbottom, span.ltborderbottom, a.ltborderbottom, div.ltborderbottom {
	border-bottom : 1px solid var(--medium-gray);
}

.libordertop td, .libordertop th {
	border-top : 4px solid var(--medium-gray);
}
.ltbordertop td, .ltbordertop th {
	border-top : 2px solid var(--medium-gray);
}

.border {
	border : 1px solid var(--dark-gray) !important;
}

.mdborder, .medborder {
	border : 1px solid var(--medium-gray);
}

.ltborder, .lightborder {
	border : 1px solid var(--border-gray);
}

.bluebordertop,
.bluebordertop td,
.bluebordertop th {
	border-top: 2px solid var(--dark-blue);
}

.blueborderright {
	border-right: 1px solid var(--dark-blue);
}


.whitebordertop{
	border-top  : 1px solid var(--background-white);
}
.whiteborderbottom {
	border-bottom  : 1px solid var(--background-white);
}

.ltbordertop, .lightbordertop {
	border-top  : 1px solid var(--border-gray);
}

.ltborderbottom {
	border-bottom  : 1px solid var(--border-gray);
}

/*Coloring*/
.lirdrow .odd,
.lirdrow.odd,
.lird .odd,
.lird.odd,
.redrow .odd,
.redrow.odd {
	background-color : var(--lightest-red);
}

.lirdrow .even,
.lirdrow.even,
.lird .even,
.lird.even,
.redrow .even,
.redrow.even,
.redrow  {
	background-color : var(--light-red);
}

.lird, .lirdrow  {
	background-color : var(--lightest-red);
	color            : var(--darker-red);
}

.orangerow {
	background : var(--light-orange);
}

.ligrnrow  {
	background-color : var(--light-green);
}

.dkblrow  {
	background-color : var(--dark-blue);
}

/* Link block styling */
.edit {
	text-decoration       : underline;
	text-decoration-style : dotted;
	text-decoration-color : var(--medium-blue);
}

/* Colors.  A field of shiny colors. */

.red, .dkred:hover, .rednohover {
	background		: var(--light-red);
	color			: var(--darker-gray);
}

.red:hover, .dkred, .dkrednohover, .redhover:hover {
	background		: var(--darker-red);
	color			: var(--background-white);
}

.orange, .dkorange:hover, .orangenohover {
	background		: var(--medium-orange);
	color			: var(--darker-gray);
}

.orange:hover, .dkorange, .dkorangenohover {
	background      : var(--dark-orange);
	color           : var(--background-white);
}

.blue, .bluenohover, .dkblue:hover {
	background		: var(--lightest-blue);
	color			: var(--darker-gray);
}

.blue.even {
	background : var(--light-blue);
}

.blue:hover, .dkblue, .dkbluenohover {
    background-color : var(--dark-blue);
    color            : var(--background-white);
	text-decoration  : none;
}

.dkblue.fa {
	color : var(--background-white);
}

.green, .dkgreen:hover {
	background : var(--light-green);
	color      : var(--dark-gray);
}

.dkgreen, .green:hover {
	background : var(--medium-green);
	color      : var(--background-white);
}

.white, .plain {
	color            : var(--dark-gray);
	background-color : transparent;
}

.white.odd, .plain.odd {
	background-color : var(--background-white);
	border-top       : 1px solid var(--border-gray);
	border-bottom    : 1px solid var(--border-gray);
}

.white.even, .plain.even {
	background-color : var(--light-gray);
	border-top       : 1px solid var(--border-gray);
	border-bottom    : 1px solid var(--border-gray);
}

.sidenote a.link-underline,
.link-underline {
	text-decoration       : underline dashed;
	text-underline-offset : 2px;
}

.sidenote a.link-underline:hover,
.link-underline:hover {
	text-decoration       : underline dashed var(--dark-red);
	text-underline-offset : 2px;
}

a.plain, a.white {
	display       : block;
	margin        : 0;
	margin-bottom : 2px;
}

a.plain.flexrow, a.white.flexrow {
	display       : flex;
}

td a.white, td a.plain {
	margin-bottom : 0;
}

.grey, .dkgrey:hover, .greynohover {
	background		: var(--medium-gray);
	color			: var(--neutral-gray);
}

.grey:hover, .dkgrey, .dkgreynohover {
	background : var(--medium-gray);
	color      : var(--background-white);
}

.ltyellow {
	background-color : var(--lightest-yellow);
}

.ltblue {
	background-color : var(--lightest-blue);
}

.hover:hover {
	background-color : var(--lightest-blue);
}
a.white:hover {
	text-decoration: underline dotted var(--light-blue);
	color: var(--darker-blue);
}

.green.hover:hover {
	background-color : var(--dark-green);
}

.grayhover:hover,
.greyhover:hover {
	background-color: var(--light-gray);
}

.even .hover:hover {
	background-color: var(--lightest-blue);
}

.yellowhover:hover {
	background-color : var(--light-yellow);
	color            : var(--dark-gray);
}

.ltyellowhover:hover {
	background-color : var(--lightest-yellow);
}

.yellow,
.dkyellow:hover,
.yellownohover {
	background-color : var(--lightest-yellow);
	color            : var(--dark-gray);
}

.yellow.hover:hover,
.ltyellow.hover:hover,
.ltyellow .hover:hover,
.yellow .hover:hover {
	background : var(--medium-yellow);
	color      : var(--light-gray);
}

.yellow:hover,
.dkyellow,
.dkyellownohover {
	background : var(--dark-yellow);
}

.dkblue, .dkred, .dkyellow, .dkgreen, .dkgrey, .dkorange {
	text-decoration : none;
	padding-left    : 6px;
	padding-right   : 6px;
	padding-top     : 2px;
	padding-bottom  : 2px;
	font-weight     : 600;
}

td.downslope {
	vertical-align : bottom;
	padding        : 0;
	width          : 20px;
}

div.downslope {
	border-bottom : 20px solid transparent;
	border-left   : 20px solid var(--border-gray);
	line-height   : 0;
	width         : 0;
	padding       : 0;
	margin        : 0;
}

td.upslope {
	vertical-align : top;
	padding        : 0;
}

div.upslope {
	border-top  : 20px solid transparent;
	border-left : 20px solid var(--border-gray);
	line-height : 0;
	width       : 0;
	padding     : 0;
	margin      : 0;
}

td.bracketchamp {
	vertical-align : middle;
	padding        : 0;
}

.bracketbox {
	border-right: 1px solid var(--border-gray);
}

.bracketbox.notfirst {
	border-top : 1px solid black;
}
.bracketbox.evenseed {
	border-bottom: 1px dotted var(--medium-gray);
}
.bracketbox.oddseed {
	border-bottom: 1px solid black;
}


h6.button {
	padding-top    : 16px;
	padding-bottom : 8px;
	margin-top     : 0;
}

.row h6.button {
	padding-top    : 14px;
	padding-left   : 8px;
}

h5.button {
	margin-top     : 4px;
	margin-bottom  : 4px;
	padding-top    : 4px;
	padding-bottom : 4px;
}

h4.button {
	margin-top     : 0;
	margin-bottom  : 0;
	padding-top    : 10px;
	padding-bottom : 8px;
}

a.button {
	margin     : 2.5px 4px 2px;
	padding    : 6px 8px;
	text-align : center;
}

a.button.padless,
.buttonwhite.padless {
	padding: 3px 3px 3px 3px !important;
}

.buttonhover {
	font-size   : 12px;
	font-weight : 600;
	text-align  : center;
	padding     : 0 !important;
	margin      : 0 !important;

}

.borderless {
	border: none !important;
}

.sidenote .buttonwhite.full,
.sidenote a.buttonwhite.full,
.buttonwhite.full,
button.buttonwhite.full,
a.buttonwhite.full {
	width        : 84%;
	margin-left  : 3%;
	margin-right : 3%;
	white-space  : nowrap;
	overflow-x   : hidden;
	font-size    : 13px;
}

.buttonwhite.caps,
a.buttonwhite.caps,
button.buttonwhite.caps,
.sidenote .buttonwhite.caps,
.sidenote a.buttonwhite.caps {
	text-align     : center;
	text-transform : uppercase;
	font-size      : 14px;
}

a.button.narrow {
	width : 32px;
}


button.buttonwhite {
	width: auto;
	height: auto;
}

.smallbutton,
span.buttonblue,
a.buttonblue,
span.buttonred,
a.buttonred,
span.buttonorange,
a.buttonorange,
button.buttonwhite,
span.buttonwhite,
a.buttonwhite {
	font-weight     : 400;
	text-decoration : none !important;
    padding         : 4px;
    margin          : 2px;
	vertical-align  : middle;
	font-family     : -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	letter-spacing  : .7px;
	font-size       : 16px;
    border-radius   : 4px;
	opacity         : 1;
}

.buttonwhite.semibold {
	font-weight   : 600;
	padding-right : 16px;
	padding-left  : 16px;
}

button.ltbuttonwhite,
span.ltbuttonwhite,
a.ltbuttonwhite {
    line-height     : 1em;
	font-weight     : 600;
	text-decoration : none !important;
    border-radius   : 2px;
    padding         : 8px;
    margin          : 1px;
	vertical-align  : middle;
	text-align		: center;
	font-size       : 14px;
}

.ltbuttonwhite.bluetext {
    border           : 1px solid var(--dark-blue);
	color            : var(--dark-gray);
    background-color : var(--lightest-blue);
}

.ltbuttonwhite.bluetext:hover {
    border           : 1px solid var(--dark-blue);
    background-color : var(--dark-blue);
	color            : var(--background-white);
}

.buttonwhite {
    background-color : var(--background-white);
    color            : var(--neutral-gray);
    border           : 2px solid var(--border-gray);
}

.buttonwhite:hover,
.buttonwhite.invert {
    background-color : var(--neutral-gray);
	color            : var(--background-white);
    border           : 2px solid var(--background-white);
}

.buttonwhite.fa-lg {
	font-size: 1.333333em;
	font-weight: normal;
}
.buttonwhite.fa-2x {
	font-size: 2em;
	font-weight: normal;
}

.sidenote .buttonwhite.wrap,
.buttonwhite.wrap,
.buttonwhite.full.wrap,
.buttonwhite.full .wrap,
a.buttonwhite.wrap {
	white-space : normal;
	overflow    : auto;
}

.bordergrey {
	border : 1px solid var(--medium-gray);
}

.borderred {
	border-radius : 8px;
    border        : 4px solid var(--dark-red);
}


.borderredtop {
    border-top : 2px solid var(--dark-red);
}

.borderredbottom {
    border-bottom : 2px solid var(--dark-red);
}

.borderredvert {
    border-top    : 2px solid var(--dark-red);
    border-bottom : 2px solid var(--dark-red);
}

.borderredmed {
	border-radius : 0;
    border        : 2px solid var(--dark-red);
}

.borderredthin {
	border-radius : 0;
    border        : 1px solid var(--dark-red);
}

.borderredlight {
	border-radius : 0;
    border        : 1px solid var(--medium-red);
}

.redunderline {
	border-radius : 0;
	border-bottom : 2px solid var(--dark-red);
}

tr.borderred td,
tr.borderred th {
    border-top       : 2px solid var(--dark-red);
    border-bottom    : 2px solid var(--dark-red);
    color            : var(--dark-red);
	font-weight      : 600;
	background-color : var(--lightest-red);
}

.borderpurple {
	border-radius : 8px;
    border        : 4px solid var(--dark-purple);
}

.buttonwhite:hover,
.buttonwhite.invert {
	color : var(--background-white);
}

span.buttonblue,
a.buttonblue{
    background-color : var(--dark-blue);
    color            : var(--background-white);
    border           : 2px solid var(--dark-blue);
}

span.buttonblue:hover,
a.buttonblue:hover{
    color            : var(--dark-blue);
    background-color : var(--background-white);
	text-decoration  : none;
}

span.buttonred,
a.buttonred{
    background-color : var(--dark-red);
    color            : var(--background-white);
    border           : 2px solid var(--dark-red);
}

span.buttonred:hover,
a.buttonred:hover{
    color            : var(--dark-red);
    background-color : var(--background-white);
	text-decoration  : none;
}
span.buttonorange,
a.buttonorange{
    background-color : var(--dark-orange);
    color            : var(--background-white);
    border           : 2px solid var(--dark-orange);
}

.buttonwhite.banner {
	font-size      : 16px;
	letter-spacing : 2px !important;
	font-weight    : 800;
}


.buttonwhite.hover:hover,
.buttonwhite.hover:hover .fa {
	background-color : var(--medium-gray);
	color            : var(--background-white);
	text-decoration  : none;
}


input[type="submit"].buttonwhite,
input[type="submit"].buttonred {
    line-height      : 1em;
    border-radius    : 4px;
	margin           : 2px;
    padding          : 8px;
}

input[type="submit"].buttonwhite {
    background-color : var(--background-white);
	color            : var(--neutral-gray);
    border           : 2px solid var(--medium-gray);
}

input[type="submit"].buttonred {
    background-color : var(--dark-red);
	color            : var(--background-white);
    border           : 2px solid var(--light-red);
}

input[type="submit"].bluetext {
	border: 2px solid var(--dark-blue);
	color: var(--dark-blue);
}

input[type="submit"].graytext {
	border           : 2px solid var(--medium-gray);
	background-color : var(--medium-gray);
	color            : var(--background-white);
}

input[type="submit"].redtext {
	border           : 2px solid var(--dark-red);
	background-color : var(--dark-red);
}

input[type="submit"].redtext:hover {
	border           : 2px solid var(--dark-red);
	background-color : var(--background-white);
	color            : var(--dark-red);
}

input[type="submit"].purpletext {
	border: 2px solid var(--dark-purple);
	color: var(--dark-purple);
}

.winner_row {
	background : var(--light-green);
	color      : var(--dark-gray);
}

/* text shenanigans */

.smallbutton,
.bluetext {
	color : var(--darker-blue);
}

.smallbutton.redtext {
	color        : var(--dark-red);
	border-color : var(--dark-red);
}

.smallbutton.redtext:hover,
.smallbutton.redtext.invert {
	color            : var(--background-white);
	background-color : var(--dark-red);
}

.smallbutton .whitetext,
.whitetext {
	color : var(--background-white);
}

.pinktext,
.ltredtext {
	color : var(--dark-red);
}

.brightredtext {
	color: var(--medium-red);
}

.redtext {
	color : var(--dark-red);
}

.purpletext {
	color : var(--dark-purple);
}

.orangetext {
	color : var(--medium-orange);
}

.bluetext {
	color : var(--dark-blue);
}

.yellowtext {
	color : var(--dark-yellow);
}

.browntext {
	color : var(--medium-brown);
}

.lightyellowtext {
	color : var(--lightest-yellow);
}

.bluegreentext{
	color : var(--dark-bluegreen);
}

.bluegreen {
	background-color : var(--dark-bluegreen);
}

.lightgreentext, .buttonwhite.lightgreentext, .lightgreentextnohover {
	color        : var(--medium-green);
	border-color : var(--dark-green);
}

.greentext, .buttonwhite.greentext, .greentextnohover {
	color        : var(--dark-green);
	border-color : var(--darker-green);
}

.greentext.inverthover:hover {
	color            : var(--background-white);
	background-color : var(--medium-green);
}

.greytext,
.graytext {
	color : var(--neutral-gray);
}

.lightgreytext,
.lightgraytext {
	color : var(--medium-gray);
}

.graytext.invert,
.greytext.invert,
.blacktext {
	color : var(--dark-gray);
}

.whitetext {
	color : var(--lightest-gray);
}

h3.greentext,
h3.whitetext,
h3.redtext,
h3.bluetext,
h3.yellowtext,
h3.purpletext,
h3.orangetext,
h3.yellowtext {
	font-weight : normal;
}

span.buttonwhite.fa,
a.buttonwhite.fa {
	padding: 6px;
}

.sidenote a.buttonwhite.touchsmall,
a.buttonwhite.touchsmall {
	padding        : 4px;
	letter-spacing : 1px;
	font-size      : 13px;
}

.smallbutton,
.buttonwhite.smallish,
a.buttonwhite.smallish {
	padding        : 4px;
	padding-top    : 5px;
	padding-bottom : 3px;
	margin         : 4px;
	font-size      : 12px;
	font-weight    : 400;
	border-width   : 1px;
	line-height    : 12px;
}

.buttonwhite.smallish.semibold {
	font-weight    : 600;
}

.smallbutton.fa,
.fa.buttonwhite.smallish,
a.buttonwhite.smallish.fa {
	padding        : 4px;
}


.buttonwhite.smol,
.buttonwhite.smaller,
a.buttonwhite.smaller {
	padding        : 2px;
	letter-spacing : 1px;
	margin         : 4px;
	font-size      : 11px;
}

.greytext.buttonwhite,
.graytext.buttonwhite {
	border           : 2px solid var(--medium-gray);
	background-color : var(--background-white);
}

.yellowtext.buttonwhite {
	border : 2px solid var(--dark-yellow);
}

.yellowtext.buttonwhite:hover {
	background-color : var(--dark-yellow);
	border-color     : var(--dark-yellow);
}

.greytext.buttonwhite:hover,
.graytext.buttonwhite:hover {
	background-color : var(--medium-gray);
	border-color     : var(--dark-gray);
}
.greytext.buttonwhite.invert,
.graytext.buttonwhite.invert {
	background-color : var(--medium-gray);
	border-color     : var(--dark-gray);
}

.blacktext.buttonwhite {
	border           : 2px solid var(--dark-gray);
	background-color : var(--background-white);
}

.blacktext.buttonwhite:hover,
.blacktext.buttonwhite.invert {
	background-color : var(--dark-gray);
	border-color     : var(--dark-gray);
}

.smallbutton,
.bluetext.buttonwhite,
.bluetextnohover.buttonwhite {
	border-color     : var(--darker-blue);
	color            : var(--darker-blue);
	background-color : var(--background-white);
}


.greentext.buttonwhite {
	background-color : var(--background-white);
	color            : var(--dark-green);
	border-color     : var(--darker-green);
}

.buttonwhite.invert:hover {
    opacity: .7;
    border-color: var(--darker-gray);
}

.smallbutton:hover,
.greentext.buttonwhite:hover,
.greentext.invert,
.greentextnohover.invert,
.greentextnohover.buttonwhite.invert,
.greentext.buttonwhite.invert {
	background-color : var(--dark-green);
	border-color     : var(--light-green);
	color            : var(--background-white);
}

.smallbutton:hover,
.bluetext.buttonwhite:hover,
.bluetextnohover.buttonwhite.invert,
.bluetext.invert,
.bluetext.buttonwhite.invert {
	background-color : var(--dark-blue);
	border-color     : var(--medium-blue);
	color            : var(--background-white);
}

.redprint:hover,
.redtext.buttonwhite {
	border-color     : var(--dark-red);
	background-color : var(--background-white);
	color            : var(--dark-red);
}

.redtext.buttonwhite.invert:hover {
	border-color     : var(--darker-red);
}

.redprint,
.redtext.buttonwhite:hover,
.redtext.invert,
.redtext.buttonwhite.invert {
	background-color : var(--dark-red);
	border-color     : var(--light-red);
	color            : var(--background-white);
}

.purpletext.buttonwhite {
	border : 2px solid var(--dark-purple);
	background-color : var(--background-white);
}

.purpletext.buttonwhite:hover,
.purpletext.buttonwhite.invert {
	background-color : var(--dark-purple);
	border-color     : var(--medium-purple);
}

.buttonwhite.browntext {
	color  : var(--medium-brown);
	border : 2px solid var(--medium-brown);
}

.browntext.invert,
.buttonwhite.browntext.invert,
.buttonwhite.browntext:hover {
	background-color : var(--medium-brown);
	border           : 2px solid var(--medium-brown);
	color            : var(--background-white);
}

.orangetext.invert,
.marballot .judgebutton.orangetext.invert,
.judgebutton.orangetext.invert {
	background-color : var(--medium-orange);
	color            : var(--background-white);
}

.orangeprint:hover,
.orangetext.buttonwhite {
	border: 2px solid var(--dark-orange);
	background-color : var(--background-white);
	color: var(--medium-orange);
}

.marballot .judgebutton.redtext.invert {
	background-color : var(--dark-red);
}
.marballot .judgebutton.redtext.invert,
.marballot .judgebutton.bluetext.invert {
	color            : var(--background-white);
}

.orangetext.buttonwhite:hover,
.orangetext.buttonwhite.invert {
	background-color : var(--medium-orange);
	border-color     : var(--light-orange);
	color            : var(--background-white);
}

.bluegreentext.buttonwhite {
	border: 2px solid var(--dark-bluegreen);
	background-color : var(--background-white);
}

.bluegreentext.buttonwhite:hover,
.bluegreentext.buttonwhite.invert {
	background-color : var(--dark-bluegreen);
	border-color     : var(--dark-bluegreen);
}

.smallbutton,
.buttonwhite.normal {
	font-weight: normal;
}

a.buttonwhite.fa-sm.thinner,
.buttonwhite.fa-sm.thinner,
span.buttonwhite.fa-sm.thinner,
span.buttonwhite.fa-sm.thinner:hover {
	font-size     : 12px;
	font-weight   : 400;
	padding       : 3px !important;
	padding-left  : 4px !important;
	padding-right : 4px !important;
}

.buttonwhite.thinner,
.buttonwhite.thinner:hover,
.buttonwhite.thinner.invert {
	font-family   : -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size     : 14px;
	font-weight   : 400;
	border-width  : 1px;
	padding       : 4px !important;
	padding-left  : 6px !important;
	padding-right : 6px !important;
	line-height   : 13px;
}

.buttonwhite.thinner.semibold {
	font-family : -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight : 600;
	font-size   : 12pt;
}

.smallbutton,
.buttonwhite.thin,
.buttonwhite.thin.invert {
	padding        : 4px;
	padding-top    : 6px;
	padding-bottom : 6px;
	font-family    : -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight    : 400;
	font-size      : 11px;
	white-space    : nowrap;
	overflow-x     : hidden;
	opacity        : 1;
}

.smallbutton:hover,
.buttonwhite.thin:hover {
	opacity       : .8;
}

.buttonwhite.padmore,
.buttonwhite.thin.padmore,
button.padmore {
	padding-top    : 6px;
	padding-bottom : 6px;
	padding-left   : 8px;
	padding-right  : 8px;
}

span.buttonwhite.fa-sm,
button.buttonwhite.fa-sm,
a.buttonwhite.fa-sm,
a.printbutton,
.buttonwhite.fa-sm {
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
}

.draggable .fa-sm {
	font-size: 10px;
}

.draggable .fa-xs {
	font-size: 8px;
}

a.fa-sm {
	height     : 24px;
	width      : 24px;
	text-align : center;
}

.sidenote a.buttonwhite.fa-smaller,
.sidenote a.button.fa-smaller,
span.buttonwhite.fa-smaller,
button.buttonwhite.fa-smaller,
a.buttonwhite.fa-smaller,
.buttonwhite.fa-smaller {
	font-size       : 12px;
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
}


.sidenote a.buttonwhite.fa-tiny,
.sidenote a.button.fa-tiny,
span.buttonwhite.fa-tiny,
button.buttonwhite.fa-tiny,
a.buttonwhite.fa-tiny,
a.printbutton,
.buttonwhite.fa-tiny {
	font-size           : 10px;
	font-weight         : 400;
	display             : inline-flex;
	align-items         : center;
	justify-content     : center;
	-webkit-text-stroke : .35px white;
}

button.buttonwhite.fa-xs,
a.buttonwhite.fa-xs,
.buttonwhite.fa-xs {
	margin      : 1px;
	padding     : 2px;
	font-weight : normal;
	font-size   : 33%;
}

a.printbutton,
a.printbutton.buttonwhite {
	font-size: 18px;
}

.red {
	background		: var(--lightest-red);
	color			: var(--darker-gray);
}
.red:hover, .dkred:hover {
	background		: var(--light-yellow);
	color			: var(--dark-gray);
}

.dkred a, .dkorange a {
	color			: var(--background-white);
}
.dkred:hover a {
	color			: var(--dark-gray);
}

.warn {
	font-size		: 98%;
	border			: 2px solid var(--medium-red);
	padding			: 15px;
}
.warn a {
	color			: var(--dark-blue);
}

/* Positional element generic sizing */

.main {
	float            : left;
	width            : 77%;
	background-color : var(--background-white);
	padding          : 2%;
	margin           : 0;
	box-sizing       : border-box;
	min-height       : 600px;
	min-height       : 108vh;
}

.mainfull {
	float : none;
	width : 98%;
}

.menu {
	width          : 23%;
	float          : right;
	margin         : 0;
	margin-top     : -4px;
	padding-left   : 1%;
	padding-right  : 1%;
	position       : relative;
	box-sizing       : border-box;
}

.sideoverlay {
	position         : absolute;
	left             : 25%;
	top              : 16px;
	width            : 50%;
	background-color : var(--background-white);
	padding          : 32px 16px 64px;
	border           : 12px solid var(--dark-blue);
}

.tabad_carousel {
	float            : left;
	width            : 77%;
	background-color : var(--neutral-gray);
	margin           : 0;
	padding          : 0;
}

.tabad_carousel img {
	padding    : 0;
	height     : auto;
	margin     : auto;
	max-width  : 100%;
	max-height : 100px;
}

.slick-list {
	height     : 100px !important;
}

.tabad_full {
	float      : none;
	text-align : center;
	width      : 100%
}

.slick_ads {
	display         : inline-flex;
	flex-direction  : column;
	margin          : 0;
	max-height      : 100px;
	width           : 100%;
	text-align      : center;
}

.slick-slide {
	height: 100px;
}

.slick-current {
	width : 100% !important;
}

.carousel.row,
.carousel.row.even,
.carousel.row.odd {
	height           : 100px;
	margin           : 0;
	vertical-align   : top;
	background-color : transparent;
	border           : none;
	display          : flex !important;
	align-items      : center;
	justify-items    : center;
	padding-left     : 0;
	padding-right    : 0;
}

.carousel.row a {
	margin      : auto;
	padding     : 0;
	overflow    : hidden;
	height      : auto;
	display     : flex !important;
	align-items : center;
}

.slick-list {
	overflow : hidden;
}

.ad_image {
	vertical-align : top;
	display        : inline-block;
	margin         : 0;
	padding        : 0;
}

.openshade {
	position    : absolute;
	left        : 2px;
	top         : 2px;
	display     : inline-block;
	padding     : 2px;
	font-size   : 10px;
	font-weight : normal;
	color       : var(--medium-gray);
}

.openshade:hover{
	background-color : var(--background-white);
	color            : var(--dark-red);
	border           : 1px solid yellow;
}

.closedshade {
	position    : absolute;
	top         : 2px;
	right       : 2px;
	display     : inline-block;
	padding     : 2px;
	font-size   : 10px;
	font-weight : normal;
	color       : var(--medium-gray);
}

.closedshade:hover{
	background-color : var(--background-white);
	color            : var(--dark-red);
	border           : 1px solid yellow;
}

.right {
	float : right;
}

.left {
	float : left;
}

.center {
	margin  : auto !important;
	display : block !important;
}

.paradigm {
	display   : block;
	padding   : 10px;
	margin    : auto;
	font-size : 14px !important;
}

.paradigm strong {
	font-weight    : 600;
}

.upload_scroll {
	overflow     : auto;
	width        : 98%;
	margin-right : -12px;
	height       : 68vh;
	border       : 1px solid var(--medium-gray);
}

.audit_scroll {
	height       : 550px;
	overflow     : auto;
	margin-right : -10px;
	border       : 1px solid var(--medium-gray);
}

.check {
	width          : 20px;
	text-align     : center;
	margin		   : 0;
	height		   : 24px;
}

.row input[type="checkbox"] {
	margin-top     : 9.8px;
	margin-bottom  : 10px;
	padding-left   : 8px;
	padding-right  : 8px;
	padding-top    : 10px;
	padding-bottom : 10px;
}

input[type="checkbox"].smallish,
input[type="checkbox"].nospace {
	width      : 8px;
	height     : 8px;
}

.row a {
	padding-top    : 8px;
	padding-bottom : 8px;
}

.linespaced {
	line-height : 18px;
}

.blank {
	background    : var(--background-white);
	padding       : 16px;
	margin-bottom : 8px;
	border-bottom : 2px solid var(--border-gray);
}

.blankpart {
	background : var(--background-white);
	width      : 100%;
	min-height : 760px;
	padding    : 16px;
}

.blankpart p {
	font-size   : 110%;
	line-height : 25px;
	text-align  : center;
}

.done *, .undone *, .info * {
	vertical-align: top;
}


/* Slideshow */
.slideshow h4 {
	line-height : 48px;
}

.blankfull {
	background : var(--background-white);
	padding    : 2%;
	margin     : 0;
	min-height : 108vh;
}

.slideshow p {
	font-size   : 110%;
	line-height : 25px;
}

.slideshow.error p {
	font-size   : 20pt;
	line-height : 25px;
}

.slideshow.error code, pre {
	font-size   : 12px;
	line-height : 18px;
}

.slideshow.error td {
	font-size : 14pt;
	padding   : 2px;
}

.slideshow p.bigger {
	font-size   : 128%;
	line-height : 25px;
}

.slideshow p.smallish {
	font-size   : 100%;
	line-height : 22px;
}

.slideshow p.smaller {
	font-size   : 96%;
	line-height : 18px;
}

.sidenote .smaller p {
	font-size   : 100%;
	line-height : 18px;
}
.roundback {
	background-color: var(--medium-gray);
}

.slideshow_round {
	margin     : auto !important;
	display    : block;
}

.slideshow_oneround {
	width                 : 650px !important;
	height    			  : 500px !important;
	margin-top            : 10px !important;
	background            : var(--background-white);
	display               : block;
	border                : 4px double black;
	-webkit-border-radius : 10px;
	-moz-border-radius    : 10px;
	border-radius         : 10px;
}

.slideshow_motion h2 {
	font-size      : 68px;
	padding-top    : 35px;
	padding-bottom : 15px;

}
.slideshow_motion p {
	font-size      : 40px;
	line-height    : 58px;
	padding-left   : 20px;
	padding-right  : 20px;
	padding-bottom : 40px;
	text-align     : center;
}

.slideshow_motion {
	width                 : 650px !important;
	min-height            : 528px !important;
	margin				  : auto;
	margin-top            : 10px !important;
	background            : var(--background-white);
	display               : block;
	border                : 4px double black;
	-webkit-border-radius : 10px;
	-moz-border-radius    : 10px;
	border-radius         : 10px;
	text-align            : center;
}

.slideshow_fiverounds {
	width                 : 756px !important;
	height                : 524px !important;
	background            : var(--background-white);
	display               : inline-block;
	border                : 4px double black;
	-webkit-border-radius : 10px;
	-moz-border-radius    : 10px;
	border-radius         : 10px;
	vertical-align        : middle;
	padding-top           : 15px;
	font-size			  : 14px;
}

td.slidebox {
	font-size      : 16px;
	padding        : 2px;
	padding-left   : 4px;
	vertical-align : middle;
	line-height    : 20px;
	font-weight    : 600;
}


td.slidebox.height {
	height : 36px;
	width  : 18%;
}

.slideshow_tournlogo {
	background            : var(--background-white);
	border                : 2px solid var(--dark-gray);
	-webkit-border-radius : 2px;
	-moz-border-radius    : 2px;
	border-radius         : 2px;
	vertical-align        : middle;
}

.slideshow_round h2 {
	text-align     : center;
	font-size      : 48px;
	padding-top    : 30px;
	padding-bottom : 0;
	margin-bottom  : 0;
}

.slideshow_round h4 {
	text-align : center;
	font-size  : 32px;
	padding    : 0;
	margin     : 0;
}

.slideshow_round h5 {
	text-align : center;
	font-size  : 18px;
	padding    : 0;
	margin     : 0;
}

.slideshow_half {
	width         : 48%;
	display       : inline-block;
}

.slideshow_quarter {
	width          : 110px;
	display        : inline-block;
	padding        : 10px;
	padding-top    : 5px;
	margin-top     : 5px;
	margin-bottom  : 10px;
	margin-left    : 32px;
	line-height    : 20px;
	vertical-align : top;
}

.slideshow_third {
	width         : 165px;
	display       : inline-block;
	padding       : 10px;
	padding-top   : 5px;
	margin-top    : 5px;
	margin-bottom : 10px;
	margin-left   : 32px;
}

.slideshow_elim {
	width          : 250px;
	display        : inline-block;
	font-size      : 30px;
	padding        : 10px;
	margin-left    : 32px;
	margin-bottom  : 8px;
	border         : 1px solid var(--medium-gray);
	text-align     : center;
	vertical-align : top;
}

.slideshow_panel {
	font-size   : 24px;
	padding     : 15px;
	padding-top : 5px;
	text-align  : center;
	display     : block;
}

.slideshow_judge {
	display        : inline-block;
	width          : 220px;
	margin-bottom  : 5px;
	margin-top     : 5px;
	height         : 28px;
	padding-left   : 5px;
	white-space    : nowrap;
	overflow-x     : hidden;
	vertical-align : top;
}

.slideshow_extrapad {
	margin-top    : 10px;
	margin-bottom : 10px;
}

.slideshow_command {
	font-weight    : 600;
	text-align     : center;
	font-family    : Signika-Bold;
	font-variant   : small-caps;
	font-size      : 18px;
	height         : 30px;
	padding-top    : 15px;
	display        : inline-block;
	width          : 28%;
	vertical-align : middle;
}

.slideshow_motto {
	font-variant   : small-caps;
	display        : inline-block;
	font-family    : Signika-Bold;
	font-size      : 18px;
	height         : 30px;
	padding-top    : 15px;
	font-weight    : 600;
	width          : 300px;
	vertical-align : middle;
}

.slideshow_motto a {
	color          : var(--dark-gray);
	font-size      : 18px;
	vertical-align : middle;
}

.slideshow_command a, .slideshow_command {
	color          : var(--dark-gray);
	font-size      : 18px;
	vertical-align : top;
	font-variant   : small-caps;
}

.slideshow_logo a {
	color          : var(--dark-gray);
	font-size      : 18px;
	vertical-align : top;
	font-variant   : small-caps;
}

.slideshow_logo a:hover {
	background-color: var(--background-white);
}

.slideshow_logo {
	display        : inline-block;
	font-family    : Signika-Bold;
	font-size      : 12px;
	font-weight    : bold;
	padding-top    : 5px;
	width          : 300px;
	vertical-align : top;
}

.slideshow_begin {
	background   : var(--background-white);
	font-family  : Signika-Bold;
	font-weight  : 600;
	text-align   : center;
	font-variant : small-caps;
	font-size    : 48px;
	width        : 650px;
	margin       : 175px auto 250px;
	display      : block;
	border       : 3px solid var(--darker-blue);
}

.slideshow_motto:hover, .slideshow_motto a:hover,
.slideshow_begin:hover, .slideshow_command:hover {
	color      : var(--background-white);
	background : var(--darker-blue);
}

/* QUESTIONABLE STUFF AGAIN */

.buffer {
	border-bottom : 15px solid white;
}

.underline {
	border-bottom : 2px solid var(--medium-gray);
}

.ltunderline {
	border-bottom : 1px solid var(--medium-gray);
	display       : inline-block;
	line-height   : 0.55;
}


div.backupwarning {
	display          : block;
	width            : 83%;
	background-color : var(--lightest-gray);
	text-align       : center;
	color            : var(--dark-red);
	font-size        : 14pt;
	font-weight      : 700;
	line-height      : 32px;
	padding          : 16px 32px;
	margin           : 8px auto;
	border           : 2px solid red;
}

h1.warning {
	margin-bottom : 30px;
	font-size     : 54px;
}

h1.alert {
	font-size     : 48px;
	color         : red;
	font-weight   : bold;
	width         : 100%;
	white-space   : normal;
	padding-top   : 25px;
	text-align    : center;
	border-bottom : 2px solid red;
}

.warning {
	color          : var(--darker-red);
	font-weight    : 600;
	padding-bottom : 10px;
}

.notice {
	border         : 2px solid var(--medium-green);
	color          : var(--medium-green);
	font-weight    : 700;
	padding-bottom : 10px;
	padding-top    : 8px;
	margin-right   : 3px;
	margin-left    : 4px;
}

.warnbox {
	text-align : center;
	margin     : auto;
	border     : 2px solid var(--medium-red);
	display    : block;
	padding    : 8px;
}

.smallwarning {
	color          : var(--dark-red);
	font-size      : 90%;
	padding-bottom : 5px;
	font-weight    : 700;
}

h2.warning {
	font-size     : 300%;
}

h4.warning {
	font-size     : 150%;
	line-height   : 40px;
}

.row {
	width         : 100%;
	box-sizing    : border-box;
    padding       : 0;
    margin        : 0;
    padding-left  : 8px;
    padding-right : 8px;
}

.sorting {
	display      : inline-block;
	font         : 12px Calibri,Arial, sans-serif;
	width        : 100px;
	margin-left  : 2px;
	margin-right : 1px;
	padding-top  : 2px;
	white-space  : nowrap;
	overflow-x   : hidden;
}

.sortcat {
	display     : inline-block;
	font        : 12px Calibri,Arial, sans-serif;
	width       : 35px;
	margin-left : 1px;
	padding-top : 2px;
	overflow-x  : hidden;
	white-space : nowrap;
}

.spacey {
	display        : inline-block;
	margin-right   : 12px;
	padding        : 4px 5px;
}

/* Text and font stylings */

.bold, strong, .strong {
	font-weight    : 700;
	vertical-align : baseline;
}

h5.bold, h5.strong {
	font-weight : bold;
}

.bolder {
	font-weight : 900;
}

.semibold {
	font-weight : 600;
}

/* Because apparently JS is deficient this way. */
.ucfirst {
	text-transform: lowercase;
}

.ucfirst:first-letter{
	text-transform:uppercase;
}

.notes strong, .notes b {
	font-weight : 600;
	color       : var(--darker-blue);
}

.lilbutton {
	font-weight      : 600;
	text-align       : center;
	padding          : 0 !important;
	margin           : 0 !important;
	padding-top      : 4px !important;
	padding-bottom   : 4px !important;
	font-size        : 11px;
}
.lilbutton:hover {
	background-color : var(--light-yellow);
}

.semibold.bluetext.inline {
	padding-bottom: 2px;
}

.thin {
	font-weight : 200;
}

.closebox {
	position   : absolute;
	right      : 4px;
	top        : 4px;
	text-align : center;
}

.normalweight,
span.normalweight,
span.normalweight.buttonwhite {
	font-weight    : normal;
}

/* Size and positional elements */
/* Brave new world of simplified spanning */

.inline,
a.instream {
	display     : inline;
}

a.inline {
	display               : inline;
	padding               : 0;
	margin                : 0;
	vertical-align        : baseline;
	text-decoration-line  : underline;
	text-decoration-style : dotted;
	text-underline-offset : 4px;
	text-decoration-color : var(--medium-red);
}

a.inline.bigger {
	font-size : 110% !important;
}

.dottedline {
	border-bottom : 1px var(--neutral-gray) dashed;
}

div:after {
	clear   : both;
	content : "";
	display : block;
	height  : 0;
}

.fixedblock {
	height         : 32px;
	padding-top    : 8px;
	padding-left   : 4px;
	display        : block;
	width          : 100%;
}

.minfifty {
	min-width   : 55px;
}

.optionblock {
	min-height   : 42px;
	padding-top  : 4px;
	padding-left : 4px;
	display      : block;
	width        : 100%;
}

.padheight {
	padding-top    : 14px !important;
	padding-bottom : 12px !important;
}

.limitheight {
	height     : 40px;
	overflow-y : scroll;
}

.optionblocknosp {
	height         : 62px;
	padding-top    : 0;
	padding-left   : 0;
	display        : block;
	width          : 100%;
}

.doubleoptionblock {
	height       : 64px;
	padding-top  : 4px;
	padding-left : 4px;
	margin       : 0 !important;
}

.optionblock span {
	margin-top    : -2px;
}

.optionblock span input {
	margin-top : 2px;
}
.optionblock span input[type="checkbox"] {
	margin-top : 8px;
}

span {
	display    : inline-block;
	box-sizing : border-box;
}
div {
	display: block;
}

form {
	display: inline;
}

.flexbox {
	display         : inline-flex !important;
	flex-direction  : column;
	justify-content : space-between;
}

.statusbox {
	min-height      : 164px;
	width           : 212px;
	max-width       : 212px;
	margin-top      : 2px;
	border          : 1px solid var(--medium-gray) !important;
	vertical-align  : top !important;
	background      : var(--background-white);
}

.statushidden {
	display : none !important;
}

.statuspick {
	z-index    : 500;
	background : var(--light-yellow);
}
.statushidden {
	display: none;
}

.statustext  {
	font-family    : Signika-Bold;
    font-size      : 2.7em;
    font-weight    : 700;
	text-transform : uppercase;
    letter-spacing : 1.2px;
    line-height    : 36px;
	margin-top     : 0;
    margin-left    : 2px;
	margin-bottom  : 16px;
    padding-top    : 8px;
}

.sidenote .fivesixth, .sidenote .fivesixths {
	width       : 80%;
}
.sidenote .sixth {
	width       : 14%;
}

.fifth {
	width : 17.5%;
}
.realfifth, .true.fifth {
	width : 19.4%;
}

.twotenths{
	width : 21%;
}

.twofifth, .twofifths {
	width : 35%;
}

.twofifth.nospace, .twofifths.nospace {
	width : 39%;
}
.fifth.nospace, .fifths.nospace {
	width : 19%;
}

.threefifth, .threefifths {
	width : 58%;
}

.true.threefifth, .true.threefifths {
	width : 59.8%;
}
.true.twofifth, .true.twofifths {
	width : 39.5%;
}

.fourfifth, .fourfifths {
	width          : 76%;
}

.true.nospace.fourfifth, .true.nospace.fourfifths {
	width          : 78.5%;
}

.true.fourfifth, .true.fourfifths {
	width          : 79.5%;
}

.threequarter, .threequarters {
	width          : 71.5%;
}

.threequarter.smidge, .threequarters.smidge {
	width          : 73.5%;
}

.quarter {
	width          : 22%;
}

.realquarter {
	width          : 23% !important;
}

.true.threequarters {
	width          : 74.5%;
}

.sidenote .quarter {
	width          : 21.5%;
}

.quarter.nospace {
	width        : 23.5%;
	margin       : 0;
	padding      : 0;
	padding-left : .5px;
	display      : inline-block;
}
.true.quarter.nospace {
	width        : 25%;
	margin       : 0;
	padding      : 0;
	padding-left : .5px;
	display      : inline-block;
}

.true.quarter.nospace.ltborderright,
.true.quarter.nospace.ltborderleft,
.true.quarter.ltborderright,
.true.quarter.ltborderleft {
	width          : 24%;
}

.optionblocknosp .quarter.nospace {
	width        : 23%;
	margin       : 0;
	padding      : 0;
	padding-left : .5px;
	display      : inline-block;
}

.true.quarter,
.true.quarter.nospace.ltborderright,
.true.quarter.nospace.ltborderleft,
.true.quarter.ltborderright,
.true.quarter.ltborderleft {
    width : 24.5%;
}


.sidenote .twothird.nospace,
.sidenote .twothirds.nospace {
	width : 65%;
}

.third.nospace, .thirds.nospace {
	width          : 31%;
	display        : inline-block;
	padding        : 4px 0 4px .5%;
	margin         : 4px 0;
}

.truethird.nospace, .truethirds.nospace {
	width: 32.5%;
}

.main div.third {
	width          : 32%;
	display        : inline-block;
	padding        : 4px 0;
	margin         : 4px;
}

.twothird.nospace, .twothirds.nospace {
	width          : 66%;
	display        : inline-block;
	padding        : 4px 0 4px .5px;
	margin         : 4px 0;
}

.half {
	width   : 48%;
	padding : 0;
	margin  : .5%;
}

.wrap {
	white-space : normal;
	overflow    : visible;
	word-wrap   : break-word;
	width       : 100%;
}

.twentieth, .twenty, .nineteen,
.twelfth,
.tenth, .ninetenth, .ninetenths, .threetenth, .threetenths, .fourtenth, .fourtenths, .sixtenths, .seventenths, .sevententh,
.ninth, .twoninths,
.eighth, .seveneighth, .seveneighths, .threeeighth, .threeeighths, .fiveeighth, .fiveeighths,
.sixth, .fivesixth, .fivesixths,
.seventh, .twosevenths, .threesevenths, .foursevenths, .fivesevenths, .sixsevenths,
.fifth, .twofifth, .twofifths, .threefifth, .threefifths, .fourfifth, .fourfifths,
.tenth, .twotenth, .twotenths, .threetenth, .threetenths, .fivetenth, .fivetenths,
.fiftyfive,
.quarter, .threequarter, .threequarters, .true.quarter,
.third, .twothird, .twothirds,
.half {
	display        : inline-block;
	padding        : .45%;
	margin         : 0;
	padding-top    : 3px;
	padding-bottom : 3px;
	margin-bottom  : 2px;
	margin-top     : 2px;
}

.truehalf, .pagehalf, .pagethird, .pagefull {
	vertical-align : top;
}

.flexwrap {
}

div.flexrow.pagefull,
div.pagefull,
.pagefull {
	display         : flex;
	justify-content : space-between;
	margin          : 0;
	padding         : 0;
	padding-top     : 2px;
	width           : 100%;
	box-sizing      : border-box;
	align-content   : center;
	align-items     : start;
	flex-wrap       : wrap;
}

div.flexrow.pagefull.rightalign,
.flexrow.pagefull.rightalign,
div.pagefull.rightalign,
.pagefull.rightalign {
	justify-content : end;
}

.libl.pagefull, .libl.flexrow, .libl.row, .libl.row {
	border: 1px solid var(--light-blue);
}

.pagecolumns:after,
div.pagecolumns:after {
	clear  : none;
	content: none;
	display: none;
	height : unset;
}

.pagecolumns {
	display         : inline-flex !important;
	flex-direction  : row;
	width           : 100%;
	justify-content : space-between;
}

.pagecolumns span,
.pagecolumns div {
	padding-right : 0;
}

.centeralign div.pagefull {
	display        : inline-block;
}

tr.row td:first-child {
	border-left: 1px solid var(--light-gray);
}

tr.row td:last-child {
	border-right: 1px solid var(--light-gray);
}

form span.pagehalf:first-child .row {
	border-left: 1px solid var(--border-gray);
}

form span.pagehalf:last-child .row {
	border-right: 1px solid var(--border-gray);
}

form span.pagehalf:first-child,
.pagefull span:first-child {
	padding-right: 2px;
}

form span.pagehalf:last-child,
.pagefull span:last-child {
	padding-left: 2px;
}

.pagefull .pagehalf {
	width : 50%;
}

.truehalf,
.pagehalf  {
	margin     : 0;
	width      : 49.5%;
	box-sizing : border-box;
}

.pagehalf.padded  {
	padding-left   : 1%;
	padding-right  : 1%;
	padding-bottom : 1%;
}

.pagehalf span, .pagehalf div {
	text-align : left;
}

.pagehalf span.centeralign, .pagehalf div.centeralign {
	text-align : center;
}
.pagehalf span.rightalign, .pagehalf div.rightalign {
	text-align : right;
}

.pagehalf span .slider, .pagehalf div .slider {
	text-align : center;
}

.fullscreen {
	min-height : 100vh;
}

.darkscreen {
	min-height       : 100vh;
	background-color : var(--light-gray);
	padding-left     : 8px;
	padding-right    : 8px;
	border-left      : 1px solid var(--light-cool-gray);
	border-right     : 1px solid var(--light-cool-gray);
}

.darkscreen > div.pagefull > span,
.darkscreen > div.pagefull > div,
.darkscreen > span.pagehalf > span,
.darkscreen > span.pagehalf > div {
	border-left      : 1px solid var(--light-cool-gray);
	border-right     : 1px solid var(--light-cool-gray);
	border-bottom    : 1px solid var(--medium-gray);
}


.pagehalf h5 {
	padding-top: 8px;
}

.pagethird {
	width          : 32.5%;
}

span.half.smidge, div.half.smidge,
span.half.true, div.half.true,
div.main span.half.true, div.main span span.half.true,
div.main span.half.smidge, div.main span span.half.smidge {
	width: 49%;
}

.third {
	width : 30.5%;
}

div.padlesskid p {
	padding-top    : 2px;
	padding-bottom : 2px;
	margin-top     : 2px;
	margin-bottom  : 2px;
}

.third.padless {
	width : 30%;
}

.almosttrue.third {
	width : 32.75%;
}
.true.third {
	width : 33%;
}

.twothird, .twothirds {
	width : 61%;
}

.twentieth, .twenty {
	width   : 5%;
	margin  : 0;
	padding : 0;
}

.ninetyfive {
	width   : 95%;
	margin  : 0;
	padding : 0;
}

.thenines, .ninetynine {
	width   : 97.5%;
	margin  : 0;
	padding : 0;
}
.nineteen, .nineteenth {
	width   : 94%;
	margin  : 0;
	padding : 0;
}

.fifteenth {
	width         : 6.5%;
	margin-left   : .25%;
	margin-right  : .25%;
	padding-left  : .25%;
	padding-right : .25%;
}

.twelfth {
	width         : 8%;
	padding-left  : .1%;
	padding-right : .1%;
}

.true.tenth {
	width          : 10%;
}
.tenth {
	width          : 8.5%;
}

.ninetenth.nospace,
.ninetenths.nospace {
	width : 89%;
}

.tenth.nospace,
.tenths.nospace {
	width : 9%;
}
.ninetenth, .ninetenths {
	width : 86%;
}

.threetenth, .threetenths {
	width : 28%;
}

.sevententh, .seventenths {
	width : 68%;
}
.sevententh.true, .seventenths.true {
	width : 70%;
}

.sixtenth, .sixtenths {
	width : 57%;
}

.fourtenth, .fourtenths {
	width : 38%;
}

.fivetenth, .fivetenths, .fifty{
	width : 50%;
}

.forty {
	width: 40%;
}
.fortytwo {
	width: 42%;
}
.fortyfive {
	width: 45%;
}
.fiftyfive, .fiftyfives {
	width : 55%;
}
.fiftyseven, .fiftysevens {
	width : 57.5%;
}

.ninth {
	width : 9.25%;
}

.twoninth, .twoninths {
	width : 18%;
}

.eighth {
	width : 11%;
}

.eighth.nospace {
	width : 12%;
}
.threeeighth, .threeeighths {
	width : 36%;
}

.fiveeighth, .fiveeighths {
	width : 60%;
}

.seveneighth, .seveneighths {
	width : 83%;
}

.seveneighth.nospace,
.seveneighths.nospace {
	width : 86%;
}

.sixth {
	width : 13.5%;
}

.sixth.nospace {
	width : 15%;
}

.sixth.true {
	width : 16%;
}

.fourseventh, .foursevenths {
	width   : 56%;
	padding : 0;
	margin  : 0;
}

.fiveseventh, .fivesevenths {
	width   : 71%;
	padding : 0;
	margin  : 0;
}

.twoseventh, .twosevenths {
	width   : 28%;
	padding : 0;
	margin  : 0;
}
.threeseventh, .threesevenths {
	width   : 42%;
	padding : 0;
	margin  : 0;
}

.seventh {
	width         : 12.2%;
	padding-left  : .25%;
	padding-right : .25%;
	margin        : 0;
}

.sixsevenths {
	width         : 82%;
	padding-left  : .25%;
	padding-right : .25%;
	margin        : 0;
}

.seventh.padno,
.seventh.nospace {
	width   : 14%;
	padding : 0;
}

.fivesixth, .fivesixths {
	width : 78%;
}

.resultsmin {
	min-width: 256px;
}

.sidenote a.half {
	width          : 49%;
	padding-left   : 1%;
	padding-right  : 0;
	margin-left    : 0;
	margin-right   : 0;
	padding-top    : 6px;
	padding-bottom : 6px;
	margin-bottom  : 2px;
	margin-top     : 2px;
}

.sidenote a.quarter {
	width          : 23%;
	padding-top    : 6px;
	padding-bottom : 6px;
	margin-bottom  : 2px;
	margin-top     : 2px;
}

.slideshow h4.nospace {
	line-height: 18px;
}

.half.nospace {
	width   : 48%;
	padding : 0;
	margin  : 0;
}

.about p, .about ul li {
	font-size    : 11pt;
	line-height  : 20px;
	padding-left : 16px;
}

.about ul li {
	margin-top     : 0;
	margin-bottom  : 0;
	padding-top    : 2px;
	padding-bottom : 2px;
}

.sidenote.larger p {
	font-size   : 10pt;
	line-height : 16px;
}

.nearfull, a.nearfull {
	display : block;
	padding : 2%;
	margin  : 0;
}

.clear {
	clear : both;
}

.greenprint,
.blueprint,
.redprint {
	font-family    : -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color          : var(--background-white);
	display        : block;
	padding        : 4px;
	margin         : 4px;
	padding-top    : 4px;
	padding-bottom : 4px;
	margin-bottom  : 4px;
	margin-top     : 4px;
	border-radius  : 4px;
	text-align     : center;
}

.greenprint {
	background-color : var(--dark-green);
	border : 1px solid var(--darker-green);
}

.blueprint {
	background-color : var(--dark-blue);
	border : 1px solid var(--darker-blue);
}

.redprint {
	background-color : var(--dark-red);
	border : 1px solid var(--darker-red);
}

.greenprint:hover,
.blueprint:hover,
.redprint:hover {
	opacity : .8;
}


.narrow .full, .block {
	padding-top    : 4px;
	padding-bottom : 4px;
	margin-bottom  : 2px;
	margin-top     : 2px;
}


a.block {
	display        : block;
	padding        : .5%;
	margin         : .5%;
	padding-top    : 4px;
	padding-bottom : 4px;
	margin-bottom  : 2px;
	margin-top     : 2px;
}

.sidenote div.nospace {
	box-sizing     : border-box;
}

.sidenote span.half {
	width : 49.25%;
}

.sidenote a.full,
.sidenote a.block,
.sidenote p.full,
.sidenote p.block,
.sidenote div.full,
.sidenote div.block,
.sidenote span.full,
.sidenote span.block {
	width          : 99%;
	display        : block;
	margin-left    : .5%;
	margin-right   : .5%;
	margin         : 0;
	padding-left   : 4px;
	padding-right  : 4px;
	padding-top    : 6px;
	padding-bottom : 6px;
	margin-bottom  : 3px;
	margin-top     : 2px;
	font-size      : 11px;
}

.sidenote div.flexrow,
.sidenote span.flexrow,
.sidenote .flexrow,
.sidenote a.flexrow {
	width           : 100%;
    display         : flex;
    flex-flow       : row;
	justify-content : space-between;
	align-content   : flex-start;
}


.flexfull {
	flex-basis: 100%;
	min-width: .01vh;
}

.flexthreequarters {
	flex-basis : 75%;
	flex-grow  : 2;
	min-width: .01vh;
}

.flexhalf {
	flex-basis: 50%;
	min-width: .01vh;
}
.flexthird {
	flex-basis: 33.3%;
	min-width: .01vh;
}

.flexquarter {
	flex-basis: 25%;
	min-width: .01vh;
}

.flexfifth {
	flex-basis: 20%;
}

.flexseventh {
	flex-basis: 14.28%;
}
.flextenth {
	flex-basis: 10%;
}

.sidenote a.flexrow.half,
.sidenote a.flexrow .half {
	width           : 49%;
}

.full.indent, .sidenote a.full.indent {
	width          : 94%;
	display        : block !important;
	margin         : 0;
	padding        : 0;
	margin-left    : 4%;
	padding-left   : 2%;
	padding-top    : 6px;
	padding-bottom : 6px;
	margin-bottom  : 2px;
	margin-top     : 2px;
	font-size      : 11px;
}


.mceLayout, .mcelayout, table.mceLayout, table.mcelayout {
	margin : auto !important;
}

.quarterlimit {
	width: 32px;
}

.thirdlimit {
	width: 48px;
}

.halflimit {
	width       : 64px;
	overflow-x  : hidden;
	white-space : nowrap;
}
.twothirdlimit {
	width       : 80px;
	overflow-x  : hidden;
	white-space : nowrap;
}

.limitwrappart {
	padding-left : 8px;
	padding-left : 8px;
	white-space : nowrap;
}

.limitwrap {
	width: 128px;
}

.limittiny {
	width       : 16px;
	overflow    : hidden;
	white-space : nowrap;
}

.limitsmall {
	width       : 16px;
	overflow    : hidden;
	white-space : nowrap;
}

td.limitthird {
	width	    : auto;
	max-width   : 128px;
	overflow-x  : auto;
	white-space : normal;
}

td.limitthird.nowrap {
	overflow-x  : hidden;
	white-space : nowrap;
}

td.limithalf {
	width	    : auto;
	max-width   : 256px;
	overflow-x  : auto;
	white-space : normal;
}

.limitquarter {
	width       : 32px;
	overflow    : hidden;
	white-space : nowrap;
}
.limithalf {
	width       : 64px;
	overflow    : hidden;
	white-space : nowrap;
}
.limit {
	width       : 128px;
	overflow    : hidden;
	white-space : nowrap;
}
.limitless {
	width       : 160px;
	overflow-x  : hidden;
	white-space : nowrap;
}

.limit2 {
	width       : 256px;
	overflow-x  : hidden;
	white-space : nowrap;
}

.pagelimit, .limitpage {
	width     : 75% !important;
	max-width : 800px !important;
}

.limit3 {
	width       : 182px;
	overflow-x  : hidden;
	white-space : nowrap;
}

.limit4 {
	width       : 256px;
	overflow-x  : hidden;
	white-space : nowrap;
}
.top {
	vertical-align : top !important;
}

.bottom {
	vertical-align : bottom;
}

.required {
	color       : var(--dark-red);
	font-weight : 600;
}

.incomplete {
	line-height : 14px;
}

.required:after {
	content: "*";
}

.looseline {
	line-height : 1.4em;
}

.judges a.tightline,
.tightline {
	line-height : 17px;
	height      : 17px;
}

.judges a.tightline.congress,
a.tightline.congress,
.tightline.congress {
	line-height : 18px;
	height      : 18px;
}

.tiny {
	font-size : 10px;
}
.supertiny {
	font-size   : 8px;
	line-height : 10px;
}

td.small,
th.small,
tr.small td,
tr.small th,
.small,
a.small,
.small th,
.small td  {
	font-size : 13px;
}

td.smallish,
th.smallish,
tr.smallish td,
tr.smallish th,
a.smallish,
.smallish,
.smallish th,
.smallish td  {
	font-size : 12px;
}

td.smaller,
th.smaller,
tr.smaller td,
tr.smaller th,
td.smaller,
th.smaller,
tr.smaller td,
a.smaller,
.smaller,
.smaller th,
.smaller td {
	font-size : 11px;
}

td.padvert,
th.padvert,
tr.padvert td,
tr.padvert th {
	padding-top    : 6px;
	padding-bottom : 6px;
}

td.padless,
tr.padless td {
	padding: 2px;
}

.bigger, .bigger p {
	font-size   : 16px;
	line-height : 16px;
}

p.bigger,.bigger p {
	line-height : 1.4em;
}

.biggish, .biggish p {
	font-size   : 14px;
	line-height : 16px;
}

p.biggish, .biggish p {
	line-height : 20px;
}

.biggest, .biggest th, .biggest td  {
	font-size : 18px;
}

.fa-rotate-45 {
    -webkit-transform : rotate(45deg);
    -moz-transform    : rotate(45deg);
    -o-transform      : rotate(45deg);
    -ms-transform     : rotate(45deg);
    transform         : rotate(45deg);
	vertical-align    : top;
}

a.fa p {
	font-family : open_sans, Tahoma, Arial, sans-serif;
}

.topalign {
	vertical-align: top;
}
.bottomalign {
	vertical-align: bottom;
}
.middlealign, .middle {
	vertical-align: middle;
}

.rightalign {
	text-align : right;
}

.leftalign, a.button.leftalign {
	text-align : left;
}

.centeralign {
	text-align : center !important;
}

.rightfloat {
	float : right;
}

.leftfloat {
	float : left;
}

.divider {
	border-right   : 2px solid var(--background-white);
	margin-bottom  : -99px;
	padding-bottom : 99px;
	margin-top     : -99px;
	padding-top    : 99px;
	vertical-align : middle;
	padding-right  : 0;
}

.divided {
	margin         : 0;
	vertical-align : middle;
}

/* Sidenote */

.sidenote {
	display             : block;
	width               : 94%;
	font-size           : 12px;
	min-height          : 32px;
	line-height         : 16px;
	margin              : auto;
	margin-top          : 16px;
	margin-bottom       : 4px;
	padding             : 8px;
	background-color    : var(--background-white);
	background-position : right top;
	background-repeat   : no-repeat;
	border-width        : 1px;
	border-style        : solid;
	border-color        : var(--medium-gray);
	border-radius       : 8px;

}

.sidenote h3,
.sidenote h4,
.sidenote h5 {
	padding-left   : 2px;
	padding-top    : 6px;
	letter-spacing : .25px;
	line-height    : 22px;
	font-weight    : 600;
	text-transform : none;
}

.sidenote h3 {
	font-size      : 2.2em;
}

.sidenote h4 {
	font-size      : 2em;
}

.sidenote h5 {
	font-size      : 1.6em;
	letter-spacing : .44px;
}

.sidenote h6 {
	font-size      : 1.6em;
	letter-spacing : .64px;
	padding-left   : 2px;
	padding-top    : 8px;
}

.sidenote a {
	text-decoration : none;
	display         : inline-block;
	font-size       : 11px;
	text-align      : left;
	line-height     : 16px;
}

.sidenote a.fa-lg {
	font-size: 14px;
}
.sidenote a.fa-2x {
	font-size: 18px;
}

.sidenote p {
	font-size       : 14px;
	text-align      : left;
	line-height     : 18px;
	padding-left    : 4px;
}

.sidenote p.taller {
	line-height   : 1.8em;
}

.sidenote p.smallish {
	font-size       : 13px;
	text-align      : left;
	line-height     : 16px;
	padding-left    : 4px;
}

.sidenote p.smaller {
	font-size       : 12px;
	text-align      : left;
	line-height     : 16px;
	padding-left    : 4px;
}

.sidenote .biggish,
.sidenote p.biggish,
.sidenote a.biggish {
	font-size   : 10pt !important;
	line-height : 12pt;
}

p.huge {
	line-height : 1.5em;
	font-size   : 140%;
}

div.huger,
span.huger,
div.huger span,
span.huger span {
	font-size : 164%;
}


div.huge,
span.huge,
div.huge span,
span.huge span {
	font-size      : 132%;
	letter-spacing : -.5px;
}


.sidenote p.bigger,
.sidenote a.bigger,
.sidenote.bigger p,
.sidenote .bigger,
.sidenote .bigger a {
	font-size   : 11pt !important;
	line-height : 15pt;
}

.sidenote .bigger a {
	display         : inline;
	font-weight     : normal;
	text-decoration : underline;
}
.sidenote .bigger a:hover {
	background-color : var(--background-white);
	color            : var(--dark-red);
}

.sidenote a.buttonwhite,
.sidenote a.button {
	font-size   : 11pt;
}

.sidenote a.buttonwhite.bigger,
.sidenote a.button.bigger {
	font-size   : 11pt !important;
}

.lowspace p {
	line-height : 8px;
}

.sidenote a span {
	margin      : 0;
	padding     : 1px;
}

.sidenote a {
	margin-left    : 0;
	margin-right   : 0;
	margin-top     : 2px;
	margin-bottom  : 2px;
	padding-top    : 6px;
	padding-bottom : 6px;
}

.sidenote p a {
	font-size   : 14px;
	font-weight : 600;
	padding     : 0;
	margin      : 0;
}

.sidenote p a:hover {
	text-decoration: underline;
}

.sidenote a.full span {
	margin  : 0;
	padding : 0;
}

.sidenote a.full span.fa,
.sidenote a.half span.fa {
	font-size : 14px;
}

.sidenote a.full span.fa-lg,
.sidenote a.half span.fa-lg {
	font-size : 16px;
}

.sidenote a.sep {
	margin-right: 2px;
}

.sidenote ul#tabnav {
	margin-top     : 4px;
	margin-bottom  : 8px;
	margin-right   : 6px;
	margin-left    : 0;
	padding-top    : 2px;
	padding-bottom : 0;
	padding-right  : 3px;
	padding-left   : 3px;
	border-bottom  : 2px solid var(--dark-gray);
	text-align     : right;
}

span.quarter.tabnavborder {
	width : 26%;
}

.tabnavborder {
	border-bottom  : 2px solid var(--dark-gray);
	padding-bottom : 9px;
}

.sidenote ul#tabnav li {
	font-size           : 10px;
	padding-top			: 0;
	padding-bottom		: 0;
	padding-right		: 4px;
	padding-left		: 4px;
	border				: 1px solid var(--medium-blue);
	margin-top			: 0;
	margin-left			: 0;
	margin-right		: 7px; /* set additional spacing between tabs as desired */
	margin-bottom		: -1px;
}

.sidenote ul#tabnav li a {
	padding-top    : 0;
	padding-bottom : 0;
}

#tabnav li.redtext {
	border-color: var(--dark-red);
}

#tabnav li.redtext a,
#tabnav li a.redtext {
	color: var(--dark-red);
}

/* CSS tabs */

ul#tabnav {
	font-weight    : 700;
	font-size		: 12px;

	margin-top		: 4px;
	margin-bottom	: 8px;
	margin-right	: 0;
	margin-left		: 0;

	padding-top		: 2px;
	padding-bottom	: 0;
	padding-right	: 2px;
	padding-left	: 2px;

	border-bottom : 2px solid var(--dark-gray);
}

ul.lighter {
	border-bottom: none;
}

ul#tabnav li { /* do not change */
	background-color        : var(--border-gray);
	display                 : inline-block;
	padding-top             : 1px;
	padding-bottom          : 2px;
	padding-right           : 4px;
	padding-left            : 4px;
	border                  : 1px solid var(--neutral-gray);
	margin-top              : 0;
	margin-left             : 8px;
	margin-right            : 0; /* set additional spacing between tabs as desired */
	margin-bottom           : -1px;
	border-top-left-radius  : 4px;
	border-top-right-radius : 4px;
}

ul#tabnav li a {
	text-decoration : none;
	letter-spacing  : 1px;
	color           : var(--dark-gray);
	padding         : 1px;
}

ul#tabnav li:hover {
	background : var(--darker-blue);
}

ul#tabnav li:hover a {
	color : var(--background-white);
}

ul#tabnav li.selected {
	background			: var(--background-white);
	border-bottom		: 2px solid var(--background-white);
	margin-bottom		: -2px;
}


ul#tabnav li.selected:hover {
	background : var(--dark-blue);
}

ul#tabnav li.selected_dark {
	background			: var(--lightest-cool-gray);
	border-bottom		: 2px solid var(--lightest-cool-gray);
	margin-bottom		: -2px;
}

ul#tabnav li.selected_dark:hover {
	background			: var(--background-white);
	border-bottom		: 2px solid var(--background-white);
}


ul#tabnav li.warning  {
	background : var(--medium-red);
}

ul#tabnav li.warning a {
	color : var(--background-white);
}

ul#tabnav li.warning:hover  {
	background : var(--background-white);
}

ul#tabnav li.warning:hover a {
	color : var(--medium-red);
}

ul#tabnav li.selectedwarning {
	margin-bottom : -3px;
	border-bottom : 2px solid var(--medium-red);
	background    : var(--medium-red);
}

ul#tabnav li.selectedwarning a {
	color         : var(--background-white);
}

/* ui.dropslide */

.ui-dropslide      { position:absolute; }
.ui-dropslide ol   {
    margin-top      : 2px;
    list-style      : none;
}
.ui-dropslide li   {
    float           : left;
    margin          : 0;
    padding         : 0;
    list-style      : none;
}
.ui-dropslide span {
    font-size     : .7em;
    padding       : 4px 6px 4px 6px;
    margin-left   : 2px;
    text-align    : center;
    cursor        : pointer;
    border-radius : 3px;
    display       : block;
}
.ui-timepickr ol li.hour,
.ui-timepickr ol li.minute,
.ui-timepickr ol li.second { width:30px; }

/* system theme (default) */

span.ui-timepickr span {
    border-width:1px;
    border-style:solid;
    border-color:ThreeDLightShadow ThreeDShadow ThreeDShadow ThreeDLightShadow;
    color:ButtonText;
    background:ButtonFace;
}

span.ui-timepickr span.ui-state-hover {
    color:HighlightText;
    background:Highlight;
}


/* Top navigation bar */

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#menus {
	display    : block;
	width      : 680px;
	min-width  : 680px;
	float      : right;
	text-align : right;
	margin     : 0;
	padding    : 0;
}

.preload1 {
	background	: url(/lib/images/selected-button.png);
}
.preload2 {
	background	: url(/lib/images/selected-button.png);
}

#nav {
	position       : relative;
	float          : right;
	padding        : 0;
	margin         : 0;
	list-style     : none;
	z-index        : 500;
	font-family    : Raleway-Semibold;
	letter-spacing : .5px;
	padding-top    : 24px;
}

#nav li.top {
	display        : block;
	float          : left;
	white-space    : nowrap;
	padding-bottom : 0;
}

#nav li a.martop {
	border-top : 6px solid var(--darker-blue) !important;
	margin-top : 0 !important;
}

#nav li a.top_link {
	display         : block;
	color           : var(--lighter-yellow);
	text-decoration : none;
	font-size       : 15px;
	cursor          : pointer;
	width           : 108px;
	margin-left     : 5px;
}

#nav.checker li a.top_link {
	width : 118px;
}
#nav.checker li a.top_link span.down {
	width : 116px;
}

#nav li a.top_link span.down.text {
	display: block;
}

#nav li a.top_link span.icon.hidden {
	display: none;
}

#nav li a.top_link.wide {
	width : 128px;
}

#nav li a.top_link span {
	display          : block;
	padding          : 0;
	margin           : 0;
	background-color : rgba(255, 255, 255, 0.16);
}

#nav li:hover a.top_link span {
	background-color    : rgba(255, 255, 255, 0.32);
}

#nav li a.top_link span.down {
	text-align     : center;
	width          : 106px;
	padding-top    : 8px;
	padding-bottom : 8px;
}

#nav li a.top_link span.down.icon {
	display: none;
}

#nav li a.top_link.wide span.down {
	width : 124px;
}

#nav li:hover a.top_link span.down {
	color : var(--lightest-yellow);
}

/* Default list styling */

#nav li {
	line-height    : 20px;
	padding-bottom : 0px;
}

#nav li:hover {
	position : relative;
	z-index  : 200;
}

#nav li div.megamenu {
	display: none;
}

#nav li:hover div.megamenu {
	position        : absolute;
	background      : var(--border-gray);
	height          : auto;
	z-index         : 300;
	position        : absolute;
	box-sizing      : border-box;
	padding-left    : 4px;
	padding-right   : 4px;
	padding-top     : 4px;
	padding-bottom  : 16px;
	border          : 2px solid var(--dark-blue);
	display         : flex;
	flex-direction  : row;
	justify-content : space-between;
	gap             : 4px;
	min-height      : 32vh;
}

#nav li:hover div.megamenu span.grow {
	display         : flex;
	flex-direction  : column;
	align-items     : center;
	white-space     : normal;
}

#nav li:hover div.megamenu a.newcode {
	border-top: 2px solid var(--light-orange);
}

#nav li:hover div.megamenu a {
	display        : block;
	text-align     : center;
	width          : 100%;
	padding-top    : 2px;
	padding-bottom : 4px;
	box-sizing     : border-box;
	color          : var(--darker-blue);
	background     : var(--lightest-gray);
	border         : 1px solid var(--medium-gray);
	border-top     : 3px solid white;
	margin-bottom  : 2px;
	border-radius  : 4px;
	width          : 94px;
}

#nav li:hover div.megamenu a:hover {
	color            : var(--lightest-gray);
	background-color : var(--darker-blue);
	border-color	 : var(--darker-blue);
}

#nav li:hover ul.sub {
	left        : -8px;
	top         : 36px;
	margin-left : 1px;
	white-space : nowrap;
	width       : 128px;
	height      : auto;
	z-index     : 300;
}

#nav li:hover a.top_left ul.sub {
	left : 0;
}

#nav li:hover ul.sub li {
	display       : block;
	position      : relative;
	float         : left;
	width         : 100%;
	margin-bottom : 0px;
	margin-top    : 0;
}

#nav li:hover ul.sub li a {

	font-family     : Raleway-Medium;
	text-align      : center;
	display         : block;
	font-size       : 14px;
	width           : 100%;
	background      : var(--lightest-yellow);
	color           : var(--darker-blue);
	line-height     : 16px;
	text-decoration : none;
	border          : 1px solid var(--dark-blue);
	margin          : 0;
	padding-top     : 10px;
	padding-bottom  : 10px;
	padding-right   : 2px;
	white-space     : nowrap;
	overflow        : hidden;
}

#nav li:hover ul.sub li a:hover {
	font-family     : Raleway-Bold;
	background		: var(--darker-blue);
	color			: var(--lightest-yellow);
	border-color	: var(--dark-gray);
	margin-bottom   : 0;
	margin-top      : 0;
}

#nav * ul {
	left			: 150px;
	top				: -1px;
	background		: var(--darker-blue);
	white-space		: nowrap;
	border-left		: 1px solid var(--darker-blue);
	border-right	: 1px solid var(--darker-blue);
	width			: 150px;
	z-index			: 400;
	height			: auto;
	border-top		: 1px solid var(--darker-blue);
	border-bottom	: 1px solid var(--darker-blue);
	margin-bottom   : 0;
}

#nav ul {
	font-size: 80%;
}

#nav ul,
#nav li:hover * ul {
	position	: absolute;
	left		: -9999px;
	top			: -9999px;
	width		: 0;
	height		: 0;
	margin		: 0;
	padding		: 0;
	list-style	: none;
}

li.smallish {
	font-size   : 10px;
	line-height : 0;
}

/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-datepicker-div {
	z-index : 100 !important;
}
#ui-timepicker-div {
	padding : 0.2em;
	z-index : 100;
}
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

.ui-timepicker-table th.periods.periodPM {
	color      : #D8DCDF;
	background : #004276;
	border     : 2px solid var(--background-white);
}

.hour12 .ui-state-default, .hour13 .ui-state-default, .hour14 .ui-state-default, .hour15 .ui-state-default, .hour16 .ui-state-default,
.hour17 .ui-state-default, .hour18 .ui-state-default, .hour19 .ui-state-default, .hour20 .ui-state-default, .hour21 .ui-state-default,
.hour22 .ui-state-default, .hour23 .ui-state-default, .hour24 .ui-state-default {
	color      : #D8DCDF;
	background : #004276;
}

.hour12 .ui-state-active, .hour13 .ui-state-active, .hour14 .ui-state-active, .hour15 .ui-state-active, .hour16 .ui-state-active,
.hour17 .ui-state-active, .hour18 .ui-state-active, .hour19 .ui-state-active, .hour20 .ui-state-active, .hour21 .ui-state-active,
.hour22 .ui-state-active, .hour23 .ui-state-active, .hour24 .ui-state-active {
	background : #c00;
}


/* span for disabled cells */
.ui-timepicker-table td span {
	display         : block;
    padding         : 0.2em 0.3em 0.2em 0.5em;
    width           : 1.2em;
    text-align      : right;
    text-decoration : none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display         : block;
    padding         : 0.2em 0.3em 0.2em 0.5em;
    width           : 1.2em;
    text-align      : right;
    text-decoration : none;
}

/* Select elements with search box function */

.stopwatch {
	font             : 32px "Inconsolata";
	background-color : var(--darker-blue);
	color            : var(--lightest-gray);
	font-weight      : 600;
	display          : inline-block;
	width            : 100%;
	text-align       : center;
}

.inline-stopwatch {
	font-family : "Inconsolata";
	font-weight : 600;
	display     : inline-block;
}

.inline-stopwatch.expired {
	background-color : var(--dark-red);
}

.stopwatch.expired {
	background-color : var(--dark-red);
}


/* TinyMCE Editor */
.smaller #tinymce {
	margin : 4px;
}
#tinymce {
	margin : 8px;
}

#tinymce p,
.tinymce-content p {
    padding       : 0;
    margin-top    : 2px;
	margin-bottom : 1px;
}

.tinymce-content a {
	vertical-align  : baseline;
}

.mce-container {
	margin: auto !important;
}
.mce-btn button {
	height: 32px;
}

/* General controls */

.visible {
	overflow    : visible !important;
}

.hidden,
.alsohidden,
.itooamhidden,
p.hidden,
span.inline.hidden,
.inline.hidden,
.full.hidden,
.sidenote div.full.hidden,
.sidenote span.full.hidden {
	display	: none !important;
}

.invisible {
	visibility : hidden;
	width      : 0 !important;
	height     : 0 !important;
}

.hiddencsv {
	display	: none !important;
}

.nowrap {
	white-space   : nowrap;
	overflow      : hidden;
	text-overflow : clip;
}

td.cellmax{
	max-width: 96px;
}

.wordwrap{
	white-space   : normal;
	word-wrap     : normal;
	overflow-wrap : normal;
	word-break    : keep-all;
}

.fullnoscroll {
	height		: 75vh;
	overflow	: auto;
}

.noscroll {
	height		: 550px;
	overflow	: auto;
}

.xscroll {
	height		: 640px;
	overflow-x	: auto;
	overflow-y	: visible;
}

.yscroll {
	height      : 100vh;
	max-width   : 100%;
	overflow-x	: hidden;
	overflow-y	: auto;
}

.sidenote .yscroll {
	height     : 65vh;
	max-width  : 100%;
	overflow-x : hidden;
	overflow-y : auto;
}

.nospace {
	padding : 0 !important;
	margin  : 0 !important;
}

.nospace.padleft {
	padding-left : 8px !important;
}
.nospace.padright {
	padding-right : 8px !important;
}

.inline,
span.inline,
p.inline {
	vertical-align : baseline;
	padding        : 0;
	margin         : 0;
	display        : inline;
}

.padless {
	padding      : 2px !important;
	padding-left : 3px !important;
}

.padtouchless {
	padding      : 4px !important;
	padding-left : 4px !important;
}
a.button.padtouchless,
.buttonwhite.padtouchless {
	padding-left   : 5px !important;
	padding-right  : 5px !important;
	padding-top    : 5px !important;
	padding-bottom : 5px !important;
}

.padmuchless {
	margin		 : 0;
	padding      : 1px;
	padding-left : 2px;
}

.automargin {
	display      : block !important;
	margin-left  : auto !important;
	margin-right : auto !important;
}

.padno {
	padding : 0 !important;
}

.padnovert {
	padding-top    : 0 !important;
	padding-bottom : 0 !important;
}

.padleftless {
	padding-left : 4px !important;
}

.padleft,
.flexrow.padleft {
	padding-left : 8px;
}

.sidenote .flexrow .padleftmore {
	padding-left : 8px !important;
}

.sidenote .flexrow .padleft {
	padding-left : 4px !important;
}

.padleftmore {
	padding-left : 16px !important;
}

.padleftmuchmore {
	padding-left : 32px !important;
}

.padrightless {
	padding-right : 4px !important;
}
.padright {
	padding-right : 8px;
}

.padrightmore {
	padding-right : 16px !important;
}
.padrightmuchmore {
	padding-right : 32px !important;
}

.padmore {
	padding : 4px;
}

.padhalfmore {
	padding        : 4px;
	padding-bottom : 9px !important;
	padding-top    : 2px !important;
	/* You do not want to know why this is here */
}

.schemheight {
	height         : 22px !important;
	padding        : 0 !important;
	margin         : 0 !important;
	margin-bottom  : 1px !important;
	padding-top    : 1px !important;
	vertical-align : middle;
}

.listing {
	border-bottom : 1px solid var(--medium-gray);
	padding       : 0;
	padding-bottom: 4px;
	margin-bottom : 4px;
	margin-top    : 2px;
}

.listing span.header {
	font-weight  : 600;
	padding-left : 1%;
	width        : 18%;
}

.listing span.content {
	width : 30%;
}

.listing span.doublecontent {
	width          : 80%;
	padding-top    : 8px;
	padding-bottom : 8px;
}

.listing span {
	padding-top    : 4px;
	padding-bottom : 4px;
	padding-left   : .5% !important;
	padding-right  : 0 !important;
	margin         : 0 !important;
	font-size      : 16px;
}

.padhorkids span {
	padding-left  : 8px !important;
	padding-right : 8px !important;
}

.padhoriz {
	padding-left  : 8px !important;
	padding-right : 8px !important;
}

.padvert {
	padding-top    : 8px !important;
	padding-bottom : 8px !important;
}

.padverthalfless {
	padding-top    : 6px !important;
	padding-bottom : 6px !important;
}

.padvertless {
	padding-top    : 4px !important;
	padding-bottom : 4px !important;
}

.padvertmore {
	padding-top    : 12px !important;
	padding-bottom : 12px !important;
}

.padvertmuchmore {
	padding-top    : 32px !important;
	padding-bottom : 32px !important;
}

.padvertoption {
	padding-top    : 15px !important;
	padding-bottom : 15px !important;
}

.padvertmuchmore {
	padding-top    : 24px !important;
	padding-bottom : 24px !important;
}

.padmuchmore  {
	padding      : 8px !important;
}

.padlotsmore, .superpadmore  {
	padding      : 16px !important;
}

.frontpage a,
.frontpage * a {
	text-decoration : underline !important;
	color           : var(--dark-blue);
}

.frontpage a:hover,
.frontpage * a:hover {
	background-color: var(--lightest-blue);
}

.frontpage,
.frontpage p,
.frontpage p span,
.frontpage p div {
	line-height: 1.3em;
}

.fullheight {
	height   : 400px;
	overflow : auto;
	border   : 1px solid var(--medium-gray);
	width    : 99%;
}
.quarterheight {
	height   : 20vh;
	overflow : auto;
	border   : 1px solid var(--medium-gray);
	width    : 99%;
}

.padvertical {
	padding-top    : 6px !important;
	padding-bottom : 6px !important;
}
.padvertical.obligation {
	padding-bottom : 7px !important;
}

.identities {
	line-height : 12px;
	min-height  : 12px;
}

.judges a,
.judges div,
.judges span  {
	line-height : normal;
	height      : auto;
}

.judges a.padvertical {
	padding-top    : 3px !important;
	padding-bottom : 4px !important;
}

span.must25 {
	height : 25px !important;
}

span.min25 {
	min-height: 25px;
}

span.status {
	padding-top    : 7px !important;
	padding-bottom : 7px !important;
}

.judges a.padvertical.speechjudge,
.judges a.padvertical.debatejudge {
	padding-top    : 2px !important;
	padding-bottom : 3px !important;
}

.decisions.padvertless {
	padding-top    : 6px !important;
	padding-bottom : 5px !important;
}

.decisions.padvertical {
	padding-top    : 7px !important;
	padding-bottom : 7px !important;
}

.decisions_placeholder.padvertical {
	padding-top    : 7px !important;
	padding-bottom : 7px !important;
}

.prefs span.padvertical {
	padding-top    : 6px !important;
	padding-bottom : 6px !important;
}

.prefs span.padvertical.debateprefs {
	padding-top    : 6px !important;
	padding-bottom : 5px !important;
}

.prefbox {
	height: 75vh;
}

.prefs span:hover,
.decisions:hover {
	background-color: var(--medium-gray);
}

.padsmalltop {
	padding-top : 4px !important;
}

.padmedtop {
	padding-top : 6px !important;
}

.padmedbottom {
	padding-bottom : 6px !important;
}

.padtopno {
	padding-top : 0 !important;
}
.padtopless {
	padding-top : 2px !important;
}
.padtophalf {
	padding-top : 4px !important;
}
.padtop {
	padding-top : 8px !important;
}

.pademail {
	padding-top : 5px !important;
}

.paradigmheight {
	height        : 19px;
}

.padsettinglink {
	padding-left   : 4px !important;
	padding-top    : 14px !important;
	padding-bottom : 14px !important;
}
.padsettingtext {
	padding-top    : 14px !important;
	padding-bottom : 12px !important;
}

.padsetting5 {
	min-height: 229px;
}

h6.padsetting {
	padding-top    : 10px !important;
	padding-bottom : 9px !important;
}

.padsetting {
	padding-top    : 15px !important;
	padding-bottom : 15px !important;
}

.row .padsettingless {
	padding-top    : 13px !important;
	padding-bottom : 13px !important;
}

.row .padsetting {
	padding-top    : 14px !important;
	padding-bottom : 14px !important;
}

.padsettingmore {
	padding-top    : 17px !important;
	padding-bottom : 17px !important;
}

.padtopmore {
	padding-top : 16px !important;
}

.padbottom {
	padding-bottom : 8px !important;
}

.padbottomless {
	padding-bottom : 2px !important;
}

.padbottomno {
	padding-bottom : 0 !important;
}

.padbottommore, .padbottomore {
	padding-bottom : 16px !important;
}

.padtop-half,
.padtophalf {
	padding-top : 4px;
}


.padbottom-half,
.padbottomhalf {
	padding-bottom : 4px;
}

.padsmallbottom {
	padding-bottom : 8px !important;
}

.marno {
	margin: 0 !important;
}

.martopno {
	margin-top : 0 !important;
}

.padvertno, .padverno {
	padding-top    : 0 !important;
	padding-bottom : 0 !important;
}

.marvertno, .marverno {
	margin-top    : 0 !important;
	margin-bottom : 0 !important;
}

.marvert {
	margin-top    : 4px !important;
	margin-bottom : 4px !important;
}

.marvertmore {
	margin-top    : 16px !important;
	margin-bottom : 16px !important;
}

.marvertmuchmore {
	margin-top    : 32px !important;
	margin-bottom : 32px !important;
}

.marleftless {
	margin-left : 2px !important;
}

.marleftmid {
	margin-left : 3px !important;
}
.marleft {
	margin-left : 4px !important;
}

.marright {
	margin-right : 4px !important;
}

.marleftmore {
	margin-left : 8px !important;
}

.marrightmore {
	margin-right : 8px !important;
}

.marleftmore {
	margin-left : 8px !important;
}

.marleftmuchmore {
	margin-left : 16px !important;
}

.marrightmuchmore {
	margin-right : 16px !important;
}

.marleftlots {
	margin-left : 32px !important;
}

.marrightlots {
	margin-right : 32px !important;
}

.martopmuchless {
	margin-top : 2px !important;
}

.martoptouchless {
	margin-top : 3px !important;
}

.martopless {
	margin-top : 4px !important;
}

.martop {
	margin-top : 8px !important;
}

.reallynospace.martop {
	margin-top : 0 !important;
}

.martopmore {
	margin-top : 16px !important;
}

.martopmuchmore {
	margin-top : 32px !important;
}

.martopsetting {
	margin-top     : 42px !important;
	padding-top    : 16px !important;
	padding-bottom : 6px;
	border-top     : 1px solid var(--light-gray);
}

.martopgonzo {
	margin-top : 128px !important;
}

.martop-half {
	margin-top : 4px !important;
}

.marbottom {
	margin-bottom : 8px !important;
}

.marbottommore {
	margin-bottom : 16px !important;
}

.marbottommuchmore {
	margin-bottom : 32px !important;
}

.marbottomhuge {
	margin-bottom : 64px !important;
}

.marbottomless {
	margin-bottom : 2px !important;
}

.marless {
	margin      : 2px !important;
}

.marform {
	margin-top    : 3px !important;
	margin-bottom : 3px !important;
}

.marmore {
	margin-left  : 4px !important;
	margin-right : 4px !important;
}

.ballotshell strong {
	font-weight : 650 !important;
	color       : var(--neutral-gray);
}

.marballot {
	margin     : .5px !important;
}
.marballot.third {
	width : 30%;
}

.marballot .buttonwhite {
	background-color : var(--lightest-gray);
	margin-top       : 6px !important;
}

.marballot .judgebutton:hover {
	background-color: var(--lightest-blue);
}

.marballot .judgebutton.invert {
	background-color : var(--dark-blue);
	color            : var(--background-white);
}

.thintext {
	font-weight: 300 !important;
}

#judgeme span.draggable {
	width : 128px;
}

.entryforms {
	padding          : 2%;
	background-color : var(--light-gray);
	border-top       : 2px solid var(--dark-gray);
	border-bottom    : 2px solid var(--dark-gray);
}

.iphone_switch_container {
	margin: auto;
}

/* Pure CSS input checkbox slider */

.switch {
	position      : relative;
	display       : inline-block;
	width         : 48px;
	height        : 24px;
	margin        : auto;
	margin-top    : 2px;
	margin-bottom : 1.8px;
	border        : 1px solid var(--neutral-gray);
	padding-top   : 4px;
}

.flexrow label:not(.noflex) .switch,
.flexrow label:not(.noflex).switch,
.flexrow .switch,
.flexrow label .switch,
.flexrow label.switch {
	flex        : none;
	padding-top : 4px;
	width       : 50px;
	height      : 24px;
}

.flexrow label:not(.noflex) .switch.smaller,
.flexrow label:not(.noflex).switch.smaller,
.flexrow label .switch.smaller,
.flexrow label.switch.smaller,
.smaller.switch,
.smaller .switch {
	flex          : none;
	padding-top   : 4px;
	width         : 32px;
	height        : 20px;
	margin-bottom : 3.8px;
}

.tiny.switch {
	padding-top    : 2px;
	width          : 24px;
	height         : 16px;
}

/* Hide default HTML checkbox */
.switch input {
	display : none;
}

/* The slider */
.slider {
	position         : absolute;
	cursor           : pointer;
	box-sizing       : border-box;
	top              : 0;
	left             : 0;
	right            : 0;
	bottom           : 0;
	max-width        : 48px;
	background-color : var(--medium-gray);
	transition       : .4s;
	text-align       : center;
	padding          : 0;
}

.slider:before {
	position           : absolute;
	height             : 22px;
	width              : 40%;
	left               : 28px;
	bottom             : 2px;
	top                : 2px;
	padding-top        : 2px;
	background-color   : white;
	-webkit-transition : .4s;
	transition         : .4s;
	font-weight        : 600;
	font-size          : 18px;
	content            : "N";
	color              : var(--medium-gray);
	vertical-align     : bottom;
}

.slider.invert:before {
	content    : "Y";
}

.smaller .slider {
	height         : 24px;
	width          : 100%;
	margin-top     : 0px;
	margin-bottom  : 0px;
	padding-top    : 0;
	padding-bottom : 0;
}

.smaller .slider:before {
	height         : 16px;
	width          : 46%;
	left           : 16px;
	bottom         : 3px;
	font-size      : 14px;
	padding        : 0;
	padding-top    : 2px;
	padding-bottom : 1px;
}

.tiny .slider:before {
	height         : 12px;
	width          : 12px;
	left           : 13px;
	bottom         : 2px;
	font-size      : 11px;
	padding        : 0;
	padding-bottom : 3px;
	padding-top    : 0px;
}

input + .slider.offred {
	background-color : var(--dark-red);
}
input + .slider.offred:before {
	content : "N";
	color   : var(--dark-red);
}
input + .slider.offred.invert:before {
	content : "Y";
}

input:checked + .slider.onred {
	background-color : var(--dark-red);
}

input:focus + .slider.onred {
	box-shadow : 0 0 1px var(--dark-red);
}

input:checked + .slider.onred:before {
	content     : "Y";
	color       : var(--dark-red);
}

input:checked + .slider.onred.invert:before {
	content     : "N";
}


input:checked + .slider.ongold {
	background-color : var(--medium-yellow);
}

input:focus + .slider.ongold {
	box-shadow : 0 0 1px var(--medium-yellow);
}

input:checked + .slider.ongold:before {
	content     : "Y";
	color       : var(--medium-yellow);
}

input:checked + .slider.ongold.invert:before {
	content     : "N";
}

input:checked + .slider {
	background-color : var(--dark-green);
	vertical-align   : bottom;
}

input:focus + .slider {
	box-shadow : 0 0 1px var(--dark-green);
}

input:checked + .slider:before {
	content        : "Y";
	color          : var(--dark-green);
}

input:focus + .slider.offmore {
	box-shadow: 0 0 1px var(--dark-red);
}

input:checked + .slider.offmore:before {
	color : var(--dark-red);
}

input:checked + .slider.offmore {
	background-color: var(--dark-red);
}

input:checked + .slider:before {
  -webkit-transform : translateX(-24px);
  -ms-transform     : translateX(-24px);
  transform         : translateX(-24px);
  font-weight       : 900;
}

.smaller input:checked + .slider:before {
  -webkit-transform : translateX(-14px);
  -ms-transform     : translateX(-14px);
  transform         : translateX(-14px);
  font-weight       : 900;
}

.tiny input:checked + .slider:before {
  -webkit-transform : translateX(-11px);
  -ms-transform     : translateX(-11px);
  transform         : translateX(-11px);
  font-weight       : 900;
}

.ui-helper {
	width: 100% !important;
}

p.reason {
	padding-left : 2rem;
	font-size    : 9pt;
	line-height  : 9pt;
}


/* Select2 Select Menus */

.select2 {
	text-align: left;
}
.select2-selection {
	text-align: left;
}

.selection {
	width : 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top    : 2px;
	margin-bottom : 2px;
}

.select2-container .select2-search--inline .select2-search__field {
	padding      : 1px;
	margin-top   : 0;
	margin-left  : 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	font-size     : 12px;
	padding-left  : 2px;
	padding-right : 2px;
}


.selection_text {
	font-family : open_sans, Tahoma, Arial, sans-serif;
	font-size   : 13px;
}

.sidenote div.full span.select2,
.sidenote div.full span.select2-selection,
.sidenote div.full span.select2-container,
.sidenote div.full span.select2-selection__rendered,
.sidenote div.full span.selection {
	margin        : 0;
	padding       : 0;
	box-sizing    : border-box;
}

.sidenote div.full span.select2-selection__rendered {
	padding-left  : 8px;
	padding-right : 8px;
}

.select2-dropdown {
	padding-left  : 4px;
	padding-right : 4px;
}

.sidenote div.full span.select2-container .select2-selection--multiple {
	padding: 2px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
}

.select2-container .select2-selection--multiple .select2-search__field {
	width: 100%;
}

.select2-container--default
.select2-selection--single
.select2-selection__clear {
	margin-right : 15px;
}

ul .select2-results__options {
	font-size: 100%;
	width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height : 24px;
}

span.select2.select2-container {
    padding-top    : 2.5px;
    padding-bottom : 3px;
}

span.dropdown-wrapper {
	display: none !important;
}

.select2-selection ul {
	margin    : 0;
	padding   : 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height : 100%;
	right  : 2px;
}

.select2-results {
	font-family : "Inconsolata";
	font-size   : 15px !important;
}

.select2-results__option--group {
  white-space    : nowrap;
}

.smallish .select2-results {
	font-size   : 14px !important;
}

li.select2-results__option {
	line-height : unset;
	display     : flex;
	flex-wrap   : wrap;
}

.select2-results__option {
	padding-top    : 4px;
	padding-bottom : 4px;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 50vh;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left : .5em;
}

.smaller .select2-container .select2-selection--single {
	height: 20px;
}

.smaller .select2-selection__arrow {
	height: 20px !important;
}

.smaller .select2-container--default .select2-selection--single .select2-selection__rendered,
.smaller .select2-selection__placeholder {
	line-height: 16px;
}

.smaller .select2 {
	font-size : 11px;
	padding   : 2px;
}

.splitpage {
	display          : flex;
	width            : 100%;
	flex-flow        : row;
	align-items      : start;
	justify-content  : space-between;
	box-sizing       : border-box;
	padding          : 0;
	margin           : 0;
	background-color : var(--background-white);
	column-gap       : .5%;
}

.splitpage .pagehalf {
	display     : inline-block;
	width       : 50%;
	flex-shrink : 1;
	margin      : 0;
	padding     : 0;
	flex-grow   : 0;
}

.full.row {
	display         : flex;
	flex-flow       : row;
	align-items     : center;
	justify-content : space-between;
}

.full.row * {
	flex-grow: 1;
}

.sidenote .row {
    padding: 4px;
}

.grow {
	flex-grow : 1;
}

.row .tox-tinymce,
.row div.tox-tinymce {
	align-items : start;
}

.tox .tox-editor-container {
	width: 100%;
}

span.noflex,
div.noflex,
.noflex {
	display : inline-block;
}

td.noflex {
	display : table-cell;
}





.pagehalf .row {
	width: 100%;
}

span.flexrow.wrap,
div.flexrow.wrap,
td.flex.wrap,
.flexwrap,
.pagefull.wrap,
.flexrow.wrap {
	flex-wrap: wrap;
}

span.flexrow.top,
div.flexrow.top,
td.flex.top,
.flexrow.top {
	align-items : start;
}


.row tr, tr.row {
	display: table-row;
}

.flexrow.padme {
    padding-left  : 8px;
    padding-right : 8px;
}

.flexrow.wrap {
	flex-wrap : wrap;
}

.row span.rightalign,
.row.rightalign,
.flexrow.rightalign {
    flex-flow   : row-reverse;
}

.row span.centeralign,
.row .centeralign,
.flexrow .centeralign,
.flexrow.centeralign {
	justify-content: center;
}

.row .leftalign,
.flexrow .leftalign,
.sidenote div.flexrow .leftalign,
.sidenote div.flexrow.leftalign,
.flexrow.leftalign {
	justify-content: flex-start;
}

.flexrow * {
	box-sizing : border-box;
}

.flexgrow * {
    flex-grow : 1;
}

.full.row .nogrow,
.flexgrow .nogrow,
.nogrow{
    flex-grow : 0;
}
.switch,
.optionslider {
	box-sizing    : unset;
	margin-top    : 1.5px;
	margin-bottom : 1.33px;
}

.flexbox {
	display         : inline-flex !important;
	flex-direction  : column;
	justify-content : space-between;
}

.flex {
    display   : flex !important;
    flex-flow : column nowrap;
    flex-grow : 1;
}

.noflex * .tablesorter-header-inner {
	margin      : 0;
	padding     : 0;
	width       : 100%;
	display     : block;
	overflow    : hidden;
}

.tablesorter-header-inner {
	margin         : 0;
	padding        : 0;
	padding-top    : 2px;
	padding-bottom : 2px;
	width          : 100%;
	display        : flex;
    flex-grow      : 1;
	align-items    : center;
	overflow       : hidden;
}

.fixedheader .tablesorter-header-inner {
	padding-top    : 2px;
	padding-bottom : 2px;
	align-items    : flex-start;
	overflow       : hidden;
	word-break     : break-word;
}

td.flex,
th.flex {
    display   : flex !important;
    flex-grow : 1;
}

span.fixedflex,
.fixedflex {
	display         : flex !important;
	flex-flow       : row nowrap;
	align-items     : center;
	height          : 44px;
	width           : 100%;
	padding         : 0;
	margin          : 0;
}

.fixedflex.centeralign {
	align-items     : center;
}

.fixedflex.rightalign {
	align-items     : flex-end;
}

span.halffixedflex,
.halffixedflex {
	display         : flex !important;
	flex-flow       : row nowrap;
	align-items     : center;
	height          : 22px;
	width           : 100%;
	padding         : 0;
	margin          : 0;
}

.halffixedflex.centeralign {
	align-items     : center;
}

.halffixedflex.rightalign {
	align-items     : flex-end;
}

/* HALF */

.flexfull, .fullflex {
    display         : flex;
    flex-flow       : row;
	align-items     : center;
    padding         : 0;
    margin          : 0;
	width           : 100%;
	box-sizing      : border-box;
	justify-content : stretch;
}

.flexfull span,
.fullflex span {
    padding   : 0;
    margin    : 0;
}

.flexrow .full {
	width      : 100%;
	margin     : 0;
	box-sizing : border-box;
}

.flexrow label:not(.noflex) {
	flex        : 1 0 auto;
	width       : auto;
	display     : flex;
	flex-flow   : row nowrap;
	align-items : center;
}

.flexrow label:hover {
	background-color : var(--lightest-blue);
}

.flexrow label.grayhover:hover,
.flexrow.grayhover label:hover,
.flexrow.grayhover label:hover {
	background-color: var(--light-gray);
}

/*HALF*/

.flexkids>label>span,
.flexkids>label>div,
.flexkids>span,
.flexkids>div,
.flexfull, .fullflex,
.flexfull>div, .fullflex>div,
.flexfull>span, .fullflex>span,
.flexfull>label>div, .fullflex>label>div,
.flexfull>label>span, .fullflex>label>span,
.flexrow {

	.padleft {
		padding-left  : 8px;
	}

	.padright {
		padding-right : 8px;
	}

	.half {
		width : 50%;
	}

	.third {
		width : 33.3%;
	}

	.twothird, .twothirds {
		width : 66.6%;
	}

	.quarter {
		width : 25%;
	}

	.threequarters, .threequarter{
		width : 75%;
	}

	.fifth {
		width : 20%;
	}

	.twofifth, .twofifths {
		width : 40%;
	}

	.threefifth, .threefifths {
		width : 60%;
	}

	.fourfifth, .fourfifths {
		width : 80%;
	}

	.sixth {
		width : 16.6%;
	}

	.fivesixth, .fivesixths {
		width : 83.3%;
	}

	.seventh {
		width : 14.28%;
	}

	.twoseventh, .twosevenths {
		width : 28.5%;
	}

	.threeseventh, .threesevenths {
		width : 42.8%;
	}

	.fourseventh, .foursevenths {
		width : 57.1%;
	}

	.fiveseventh, .fivesevenths {
		width : 71.4%;
	}

	.sixsevenths {
		width : 85.7%;
	}

	.eighth {
		width : 12.5%;
	}

	.threeeighth, .threeeighths {
		width : 37.5%;
	}

	.fiveeighth, .fiveeighths {
		width : 60%;
	}

	.seveneighth, .seveneighths {
		width : 87.5%;
	}

	.tenth {
		width : 10%
	}

	.threetenth, .threetenths {
		width : 30%;
	}

	.sevententh, .seventenths {
		width : 70%;
	}

	.ninetenth, .ninetenths {
		width : 90%;
	}

	.one {
		width   : 1%;
	}

	.two {
		width   : 2%;
	}

	.twentieth, .twenty {
		width   : 5%;
	}

	.thenines, .ninetynine {
		width   : 99%;
	}

	.nineteen, .nineteenth {
		width   : 94.5%;
	}

	.fifteenth {
		width         : 6.5%;
		margin-left   : .25%;
		margin-right  : .25%;
		padding-left  : .25%;
		padding-right : .25%;
	}

}

.cover {
	border : 1px dashed var(--light-red);
	background : var(--light-gray);
	opacity    : .55;
	font-style : italic;
}

.padflex {
	padding-left  : 4px !important;
	padding-right : 4px !important;
}

.flexkids>span>span{
	flex-grow: 1;
}

.sidenote a.fa.fa-sm {
	line-height : 12px;
}

.sidenote a.fa {
	padding      : 4px;
	padding-left : 3px;
	margin       : 2px;
	margin-left  : 0px;
	margin-right : 0px;
	line-height  : normal;
}

#toprow a#mobile_search {
	display: none;
}
#mobile_searchtext {
	width: 100%;
}

#mobileSearch {
	display: none;
}

#mobileSearch button.fa-search:hover {
	background-color : var(--dark-blue);
}

#mobileSearch button.fa-search {
	background-color : var(--darker-blue);
	color            : var(--background-white);
	width            : 32px;
	font-size        : 20px;
	height           : auto;
	padding-top      : 4px;
	padding-bottom   : 4px;
}


@media only screen and (max-width: 1300px) {

	#header {
		width     : 95%;
		max-width : 1250px;
	}

	#wrapper {
		width     : 95%;
		max-width : 1250px;
	}

	.main, .tabad_carousel {
		width: 72%;
	}

	.mainfull {
		float : none;
		width : 99%;
	}

	.menu {
		width: 28%;
	}
}

@media only screen and (max-width: 1100px) {

	#push-subscribe {
		right: 12px;
	}

	table: {
		width: 100%;
	}

	.tablesorter-header-inner {
		height      : 1.2em;
		padding-top : .2em;
		align-items : flex-start;
		overflow    : hidden;
		word-break  : break-word;
	}

	h2 {
		font-size: 2.2em;
	}
	h4 {
		font-size: 1.8em;
	}
	h5 {
		font-size: 1.6em;
	}

	.splitpage {
		flex-wrap: wrap;
	}

	.splitpage .pagehalf,
	.pagehalf {
		width      : 100%;
		flex-basis : 99.5%;
		min-width  : 97%;
		margin-top : 8px;
	}

	.flexrow .padleft {
		padding-left: 8px;
	}

	.flexrow .padright {
		padding-right: 8px;
	}

	.pagefull.rightalign .third.centeralign {
		width: 50%;
	}

	.sidenote .flexrow a.full,
	.sidenote a.full,
	.sidenote .flexrow a.half,
	.sidenote a.half {
		margin-top   : 0;
		padding-left : 4px;
		width        : 100%;
	}

	.sidenote .flexrow a.quarter,
	.sidenote a.quarter,
	.sidenote .flexrow a.third,
	.sidenote a.third {
		margin-top   : 0;
		padding-left : 4px;
		width        : 49%;
	}

	table {
		width      : 100%;
		word-break : break-word;
	}

	#header {
		box-sizing : border-box;
		width     : 99%;
		margin    : auto;
		padding   : 0;
		min-width : 970px;
		max-width : 1199px;
	}

	#logo {
		display      : inline-block;
		width        : 25%;
		margin       : 0;
		padding      : 0;
		padding-left : 8px;
	}

	#logo a {
		margin         : 0;
		padding        : 0;
	}

	#logo a img {
		display    : inline;
		max-width  : 100%;
		max-height : 100%;
	}

	#content {
		display          : block;
		position         : relative;
		color            : black;
		background-color : var(--lightest-cool-gray);
		margin           : 0;
		padding          : 0;
	}

	.main.mainfull {
		width : 99%;
		float : none;
	}

	.menu {
		width: 28%;
	}

	#wrapper {
		width         : 100%;
		min-width     : 680px;
		padding-left  : 2px;
		padding-right : 2px;
	}

	#toprow {
		display        : block;
		min-width      : 512px;
		width          : 78%;
		float          : right;
		text-align     : right;
		padding-top    : 4px;
		padding-bottom : 4px;
		letter-spacing : .2px;
		margin         : 0;
	}

	#menus {
		display    : block;
		width      : 100%;
		text-align : center;
		margin     : 0;
		padding    : 0;
	}

	#nav {
		display         : flex;
		width           : 100%;
		justify-content : end;
		margin          : auto;
		margin-right    : 12px;
		list-style      : none;
		z-index         : 500;
		font-size       : 8pt;
		padding-top     : 12pt;
		padding-bottom  : 0;
	}
}

@media only screen and (max-width: 1000px) {
	#headerarch {
		max-height  : none;
	}

	#mobileSearch {
		display: block;
	}

	#push-subscribe {
		white-space    : normal;
		position       : absolute;
		z-index        : 1000;
		right          : 6px;
		float          : none;
		width          : 75%;
		border         : 4px solid var(--dark-orange);
		padding-bottom : 8px;
	}

	#inbox_count {
		position         : relative;
		top              : -10px;
		font-size        : 8pt;
		left             : -4px;
		font-weight      : 600;
		background-color : var(--dark-red);
		color            : var(--lightest-yellow);
		padding-top      : 2px;
		padding-bottom   : 2px;
		padding-left     : 4px;
		padding-right    : 4px;
		border-radius    : 16px;
		line-height      : 9pt;
	}

	table: {
		width : 100%;
	}

	.tablesorter-header-inner {
		height      : 1.2em;
		padding-top : .2em;
		align-items : flex-start;
		overflow    : hidden;
		word-break  : break-word;
	}

	.centeralign .tablesorter-header-inner {
		align-items : center;
	}

	h2 {
		font-size: 2.0em;
	}
	h4 {
		font-size: 1.6em;
	}
	h5 {
		font-size: 1.4em;
	}

	table {
		width      : 100%;
		word-break : break-word;
	}

	.splitpage .truehalf {
		width : 49.5%;
	}

	.flexkids>label>span,
	.flexkids>label>div,
	.flexkids>span,
	.flexkids>div,
	.flexfull, .fullflex,
	.flexfull>div, .fullflex>div,
	.flexfull>span, .fullflex>span,
	.flexfull>label>div, .fullflex>label>div,
	.flexfull>label>span, .fullflex>label>span,
	.flexrow {

		.pagethird {
			width : 50%;
		}

		.smallfull {
			width : 100%;
		}
	}

	.splitpage .pagehalf,
	.pagehalf {
		width      : 100%;
		flex-basis : 99.5%;
		min-width  : 97%;
		margin-top : 8px;
	}

	#headerarch {
		display     : flex;
		flex        : 1 0 auto;
		width       : 100%;
		flex-flow   : row nowrap;
		align-items : flex-start;
		padding-top : 4px;
	}

	#header {
		box-sizing : border-box;
		width      : 98%;
		margin     : auto;
		padding    : 0;
		min-width  : 678px;
		max-width  : 1199px;
	}

	#logo {
		display      : inline-block;
		width        : 24%;
		margin       : 0;
		padding      : 0;
		padding-left : 8px;
	}

	#logo a {
		margin         : 0;
		padding        : 0;
	}

	#logo a img {
		display    : inline;
		max-width  : 100%;
		max-height : 100%;
	}

	#content {
		display          : block;
		position         : relative;
		color            : black;
		background-color : var(--lightest-cool-gray);
		margin           : 0;
		padding          : 0;
	}

	#toprow {
		display        : block;
		min-width      : 0;
		width          : 74%;
		text-align     : right;
		padding-top    : 4px;
		padding-bottom : 4px;
		letter-spacing : .2px;
		margin         : 0;
		white-space    : nowrap;
		overflow       : hidden;
	}

	#toprow a {
		display         : inline-block;
		border-left     : 2px solid rgba(255, 255, 255, 0.14);
		color           : rgba(255, 255, 255, 0.64);
		margin-top      : 4px;
		padding-left    : 4px;
		padding-right   : 4px;
		padding-top     : 8px;
		padding-bottom  : 8px;
		text-decoration : none;
		font-size       : 12px;
		font-weight     : 700;
	}

	#toprow a {
		margin-top : 0px;
	}

	#toprow a.padvert {
		padding-top : 4px !important;
	}

	#toprow a.fa {
		font-size  : 20px;
		margin-top : 0px;
		padding    : 6px;
	}

	span.searchfilter {
		display : none;
	}

	#toprow a#mobile_search {
		display: inline-block;
	}

	#toprow a.fa.smaller, #toprow a.fa.fa-sm {
		font-size   : 16px;
	}

	#toprow a#tabroom_inbox {
		padding       : 6px;
		width         : auto;
		height        : auto;
		padding-right : 2px;
		margin-top    : 0;
	}

	#toprow #helpbutton a {
		padding   : 4px;
		width     : auto;
		height    : auto;
	}

	#menus {
		display    : block;
		width      : 100%;
		text-align : center;
		margin     : 0;
		padding    : 0;
		min-width  : 0;
		height     : 48px;
	}

	#nav {
		display         : flex;
		width           : 100%;
		align-items     : center;
		justify-content : center;
		margin          : auto;
		list-style      : none;
		z-index         : 500;
		font-size       : 8pt;
		padding-top     : 12pt;
		padding-bottom  : 0;
	}

	#nav li.top {
		display : block;
		z-index : 100;
	}

	#nav li a.top_link {
		width     : 104px;
		font-size : 13px;
	}

	#nav li:hover ul.sub {
		top   : 30px;
		left  : 2px;
		width : 104px;
	}
	#nav li a.top_link span.down {
		padding-top    : 6px;
		padding-bottom : 6px;
		width          : 94px;
	}

	#nav li:hover ul.sub li a {
		width     : 100%;
		font-size : 12px;
	}

	.main.ballotmain {
		width         : 94%;
		box-sizing    : border-box;
		padding-left  : 8px;
		padding-right : 8px;
		display       : inline-block;
	}

	.menu.ballotmenu {
		width        : 94%;
		display      : inline-block;
		padding-left : 0;
		position     : inherit;
		float        : none;
	}

	.sidenote {
		width: auto;
	}

	.sidenote.logo {
		display: none;
	}

	.flexdouble .quarter {
		width: 50%;
	}

	.flexdouble span.half {
		width : 100%;
	}

	#footer span.leftlinks a {
		display: block;
	}

	#footer span.third span {
		width          : 100%;
		display        : block;
		text-align     : right !important;
		padding-bottom : 8px !important;
	}

	#logo a img {
		max-height   : 54px;
	}
}

.onlysmall,
.hamburger {
	display: none;
}

.flexrow.menuright {
	text-align : right;
	flex-flow  : row-reverse;
}

.smallshow {
	display : none;
}

#campus_debate th {
	min-width: 32px;
}

#campus_debate th .fa {
	padding-left: 4px;
}

#campus_debate th .fa.padleft {
	padding-left: 8px;
}

#campus_debate th .fa.padlefthalf {
	padding-left: 8px;
}

#campus_debate span.padless {
	padding: 2px !important;
}

@media only screen and (max-width: 700px) {

	.confirmations span.fa,
	.judgefixedheight span.fa {
		font-size: 14pt;
		min-width: 32px;
	}

	.entries span.smaller,
	.confirmations span.smaller,
	.judgefixedheight span.smaller {
		font-size: 14px;
	}

	.judgefixedheight {
		height: 28px !important;
	}

	.tablesorter-header-inner {
		height    : auto;
		width     : auto;
		min-width : 32px;
		overflow  : hidden;
	}

	tr.fixedheader th .tablesorter-header-inner {
		height      : 1.2em;
		padding-top : 1px;
		padding-left: 4px;
		align-items : flex-start;
		word-break  : break-word;
	}

	.smallwrap div.flexrow span {
		width          : 100%;
		padding        : 0;
		margin         : 0;
		padding-bottom : 1px;
		font-size      : 92%;
		text-align     : center;
	}

	.medcell {
		width: 64px;
	}
	.smallishcell {
		width: 32px;
	}
	.smallcell {
		width: 16px;
	}

	.smallwrap {
		white-space : wrap;
		word-wrap   : break-word;
		word-break  : break-word;
	}

	.smallfull {
		width : 100%;
	}
	.smallshow {
		display : inline-block;
	}

	#toprow a#push-bell.redtext, #toprow a#push-bell.redtext:hover {
		border-width : 2px;
		padding-top  : 4px;
		font-size    : 14pt !important;
		height       : auto;
		width        : auto;
	}

	#nav {
		justify-content : start;
	}

	#menus {
		text-align : center;
		float      : none;
	}

	#toprow {
		margin-bottom: 0px;
	}

	#toprow a.fa {
		height         : 24px;
		width          : 24px;
		margin-right   : 3px;
		border         : 1px solid var(--neutral-gray);
		font-size      : 20px;
		padding        : 2px;
		padding-top    : 3px;
		text-align     : center;
		vertical-align : middle;
	}

	#toprow a.fa-envelope {
		text-align     : right;
		padding-top    : 1px;
		padding-bottom : 2px;
		font-size      : 16px !important;
	}

	#helpbutton {
		display: none;
	}

	#logo {
		padding-left : 0px;
		width        : 44%;
	}

	#header {
		min-width: 96px;
	}

	#wrapper {
		min-width: 96px;
	}

	table {
		table-layout : fixed;
		word-break   : break-word;
		word-wrap    : break-word;
		width        : 100%;
	}

	th.single,
	td.single {
		max-width: 3em;
	}

	table.hasResizable,
	table.unfixed {
		table-layout : auto;
	}

	#toprow a#tabroom_edlee {
		display: none;
	}

	span.searchfilter {
		display: none;
	}
	#toprow a#mobile_search {
		display: inline-block;
	}

	#nav li a.top_link {
	}

	#nav li a.top_link {
	   width: 48px;
	}

	#nav li a.top_link span.down {
		width: 48px;
		z-index: -1;
	}

	#nav li a.top_link span.down.text {
		display : none;
	}

	#nav li a.top_link span.down.icon {
		display   : block;
		font-size : 16px;
	}

	#toprow a#mobile_search {
		display: inline-block;
	}

	span.searchfilter {
		display: none;
	}


	.tabad_carousel {
		width : 100%;
	}

	.main, .mainfull {
		padding-left : 1%;
		width        : 100%;
	}

	.menu {
		right            : 0px;
		width            : 66%;
		display          : none;
		background-color : var(--light-gray);
		position         : absolute;
		min-height       : 85vh;
	}

	ul#tabnav li {
		font-size   : 10px;
		margin-left : 4px;
		padding     : 2px;
	}

	.mobilehide {
		display: none;
	}

	#menus {
		width      : 85%;
		text-align : left;
	}

	.hamburger {
		display          : block;
		width            : 15%;
		text-align       : right;
	}

	.menuburger {
		padding-left     : 8px;
		padding-right    : 8px;
		margin-top       : 15px;
		margin-right     : 1px;
		padding-top      : 8px;
		padding-bottom   : 8px;
		background-color : var(--neutral-gray);
		color            : var(--lightest-yellow);
	}

	h1 {
		font-size: 2em;
	}

	.menuburger:hover {
		background-color : var(--medium-gray);
	}

	div.menu.nothidden {
		display     : inline-block;
		z-index     : 500;
		border-left : 4px solid var(--neutral-gray);
		margin-top  : 4px;
	}

	td {
		font-size: 84%;
	}

	.onlysmall a:hover {
		background-color : var(--light-yellow);
		color            : var(--dark-gray);
	}

	.onlysmall {
		margin-top : -8px !important;
		display    : inline-block;
	}

	.flexrow.menuright {
		text-align: left;
		flex-flow  : row;
	}

	#toprow a.fa.fa-sm {
		margin-top    : 0;
		padding-right: 3px;
	}

	#toprow a#tabroom_inbox {
		padding-right : 6px;
		margin-top    : 0;
		padding-left  : 6px;
	}

	div.megamenu {
		width : 96vw !important;
		position: absolute;
		left: 0;
	}

	#nav li:hover div.megamenu a {
		display        : block;
		text-align     : center;
		width          : 100%;
		box-sizing     : border-box;
		color          : var(--darker-blue);
		background     : var(--lightest-gray);
		border         : 1px solid var(--medium-gray);
		border-top     : 3px solid white;
		margin-bottom  : 2px;
		border-radius  : 4px;
		font-size      : 160%;
		padding-top    : 4px;
		padding-bottom : 8px;
		margin-top     : 4px;
	}

	.limit2 {
		width       : auto;
		white-space : wrap;
	}

}

@media only screen and (max-width: 500px) {
	.medcell {
		width: 32px;
	}

	.smallishcell,
	.smallcell {
		width: 16px;
	}

	.slick-list, .carousel.row {
		height     : 80px !important;
	}

	.flexrow .padleft,
	.padleft {
		padding-left: 4px;
	}

	.row {
		padding-left  : 4px;
		padding-right : 4px;
	}

	.flexkids>label>span,
	.flexkids>label>div,
	.flexkids>span,
	.flexkids>div,
	.flexfull, .fullflex,
	.flexfull>div, .fullflex>div,
	.flexfull>span, .fullflex>span,
	.flexfull>label>div, .fullflex>label>div,
	.flexfull>label>span, .fullflex>label>span,
	.flexrow {
		.smallfifth {
			width: 20%;
		}

		.smallfourfifths {
			width: 80%;
		}

		.smallfull {
			width: 100%;
		}

		.smallsixsevenths {
			width: 85.6%;
		}
	}

	.smallcenter {
		text-align : center;
	}

	.leftalignsmall {
		text-align : left;
	}

	.smallhide {
		display : none !important;
	}
}

@media only screen and (max-width: 400px) {
	#menus {
		width: 75%;
	}
	.hamburger {
		width: 25%;
	}

	#nav li a.top_link,
	#nav li a.top_link span.down {
		width: 36px;
	}

	#inbox_count {
		left: -8px;
	}

	#toprow a#push-bell,
	#toprow a#tabroom_inbox,
	#toprow a.fa,
	#toprow a.fa.sm {
		padding-left  : 0px;
		padding-right : 0px;
		text-align    : center;
		margin-right  : 4px;
		width         : 24px;
		height        : 22px;
		font-size     : 18px;
		padding       : 1px;
		padding-top   : 2px;
	}

	#toprow a#tabroom_inbox {
		padding-right : 0px;
		padding-left  : 4px;
		padding-top   : 3px;
		width         : 20px;
	}

	#toprow a#push-bell {
		padding-top: 3px;
		margin-right: 1px;
	}

	span#mobile_searchbox button {
		color: var(--background-white);
	}
}