/*
// ====================
// Application: Pool Lafortune
// Author: Andre Lapointe
//
// File Name: style_dark.css
// File Description: css style for users, dark theme
// ====================*/

/* Shared Load Fonts*/
@font-face {
  font-family: 'Armata';
  font-style: normal;
  font-weight: 400;
  src: local('Armata'), local('Armata-Regular'), url(//fonts.gstatic.com/s/armata/v6/FG9R9aX-RIX_AvJI8USOWg.woff) format('woff');
}

@font-face {
  font-family: 'Graduate';
  font-style: normal;
  font-weight: 400;
  src: local('Graduate'), local('Graduate-Regular'), url(//fonts.gstatic.com/s/graduate/v4/3igPYHysOQSqw-Nqzu4SMnYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(//fonts.gstatic.com/s/robotocondensed/v12/b9QBgL0iMZfDSpmcXcE8nNeiznanRB67rGZDYkMvKPc.woff) format('woff');
}

/* Variables */
:root {
	/* core shared definitions - allows to change many elements sharing a definition to follow a theme */
	/* core start */ 
	/* core - elements */
	--pl_core_accent_shade_1:#b12f28; /* Accent color used throughout application - shade 1 */
	--pl_core_accent_shade_2:#731e1a; /* Accent color used throughout application - shade 2 */
	--pl_core_accent_shade_3:#491311; /* Accent color used throughout application - shade 3 */
	--pl_core_accent_shade_4:#ffb1b1; /* Accent color used throughout application - shade 4 */
	--pl_core_element_shade_1:#303030; /* Element color shared for background colors - shade 1 */
	--pl_core_element_shade_2:#494949; /* Element color shared for background colors - shade 2 */
	--pl_core_element_shade_3:#6f6f6f; /* Element color shared for background colors - shade 3 */
	--pl_core_element_shade_4:#d7d7d7; /* Element color shared for background colors - shade 4 */

	/* core - font colors */
	--pl_core_font_shade_1:white; /* Font color shared - shade light */
	--pl_core_font_shade_2:#d6d6d6; /* Font color of shared - shade medium */
	--pl_core_font_shade_3:black; /* Font color shared - shade dark */
	--pl_core_font_shade_perfect:orange; /* Font color shared - perfect score */
	--pl_core_font_shade_force_white:white; /* Font color shared - forced white elements (not theme-specific) */
	--pl_core_font_shade_force_black:black; /* Font color shared - forced black elements (not theme-specific) */
	--pl_core_font_shade_winningscore:orange; /* Font color shared - winning score */
	--pl_core_font_shade_error:#ff3333; /* Font color shared - error texts */

	/* core - borders */
	--pl_core_border_shade_1:black; /* Border color shared - shade 1 */
	--pl_core_border_shade_2:#101010; /* Border color shared - shade 2 */
	--pl_core_border_shade_3:#303030; /* Border color shared - shade 3 */
	--pl_core_border_shade_4:#494949; /* Border color shared - shade 4 */
	--pl_core_border_shade_5:#555555; /* Border color shared - shade 5 */
	--pl_core_border_shade_6:#6f6f6f; /* Border color shared - shade 6 */
	--pl_core_border_shade_7:white; /* Border color shared - shade 7 */
	--pl_core_border_shade_8:#fafafa; /* Border color shared - shade 8*/
	--pl_core_border_shade_error:#ff3333; /* Border color shared - error fields */

	/* core - fonts */
	--pl_core_font_1:Roboto Condensed; /* Shared font - type 1 */
	--pl_core_font_2:Armata; /* Shared font - type 2 */
	--pl_core_font_3:Graduate; /* Shared font - type 3 */

	/* core end */

	/* variables start */
	/* colors - elements */
	--pl_accent_color:var(--pl_core_accent_shade_1); /* Accent color used throughout application */
	--pl_banner_color:var(--pl_core_element_shade_2); /* Background color of top banner */
	--pl_userpanel_color:var(--pl_core_element_shade_1); /* Background color of user panel*/
	--pl_slider_color:#555555; /* Background color of slider */
	--pl_userpanel_language_color:var(--pl_core_element_shade_1); /* Background color of user panel language */
	--pl_pageselected_color:var(--pl_core_element_shade_1); /*  Background color of page selected  */
	--pl_seasonselectorcontent_color:var(--pl_core_element_shade_1); /* Background color of season selector content */
	--pl_submit_color:#c9c9c9; /* Background color of submit */
	--pl_controls_color:var(--pl_core_element_shade_4); /* Background color of controls */
	--pl_loginbox_color:var(--pl_core_element_shade_2); /* Background color of loginbox */
	--pl_secondlevelbanner_color:var(--pl_core_element_shade_1); /* Background color of secondlevelbanner */
	--pl_submitlogin_color:var(--pl_core_element_shade_4); /* Background color of submitlogin */
	--pl_redzone_color:#870619; /* Background color of redzone elements */
	--pl_overalltable_th_color:var(--pl_core_element_shade_1); /* Background color of overalltable th */
	--pl_overalltable_td_color:var(--pl_core_element_shade_2); /* Background color of overalltable td */
	--pl_emptyscorestable_td_color:var(--pl_core_element_shade_2); /* Background color of emptyscorestable td */
	--pl_scorestable_th_color:var(--pl_core_element_shade_1); /* Background color of scorestable th */
	--pl_scorestable_td_color:var(--pl_core_element_shade_2); /* Background color of scorestable td */
	--pl_scorestable-hori_th_color:var(--pl_core_element_shade_1); /* Background color of scorestable-hori th */
	--pl_scorestable-hori_td_color:var(--pl_core_element_shade_2); /* Background color of scorestable-hori td */
	--pl_scorestable-hori_td_separator_color:black; /* Background color of scorestable-hori td separator */
	--pl_confirmsubmitbox_color:var(--pl_core_element_shade_1); /* Background color of confirmsubmitbox */
	--pl_rulestable_th_color:var(--pl_core_element_shade_1); /* Background color of rulestable th */
	--pl_rulestable_td_color:var(--pl_core_element_shade_2); /* Background color of rulestable td */
	--pl_preferences_table_th_color:var(--pl_core_element_shade_1); /* Background color of preferences table th */
	--pl_preferences_table_td_color:var(--pl_core_element_shade_2); /* Background color of preferences table td */
	--pl_pref_input_button_color:var(--pl_core_element_shade_3); /* Background color of pref_input_button */
	--pl_pref_select_color:var(--pl_core_element_shade_3); /* Background color of pref_select */
	--pl_teamstable_afc_color:#b50023; /* Background color of teamstable afc */
	--pl_teamstable_nfc_color:#004079; /* Background color of teamstable nfc */
	--pl_teamstable_tr_divheader_color:var(--pl_core_element_shade_1); /* Background color of teamstable tr divheader */
	--pl_teamstable_tr_divrows_color:var(--pl_core_element_shade_2); /* Background color of teamstable tr divrows */
	--pl_matchinput_color:var(--pl_core_element_shade_2); /* Background color of matchinput */
	--pl_creatematchestable_th_color:var(--pl_core_element_shade_1); /* Background color of creatematchestable th */
	--pl_creatematchestable_td_color:var(--pl_core_element_shade_2); /* Background color of creatematchestable td */
	--pl_predictiontable_th_color:var(--pl_core_element_shade_1); /* Background color of predictiontable th */
	--pl_predictiontable_td_color:var(--pl_core_element_shade_2); /* Background color of predictiontable td */
	--pl_predictioninput_color:var(--pl_core_element_shade_2); /* Background color of predictioninput */
	--pl_predictiontextarea_color:var(--pl_core_element_shade_2); /* Background color of predictiontextarea */
	--pl_submitprediction_color:var(--pl_core_element_shade_2); /* Background color of submitprediction */
	--pl_usermgmttable_th_color:var(--pl_core_element_shade_1); /* Background color of usermgmttable th */
	--pl_usermgmttable_td_color:var(--pl_core_element_shade_2); /* Background color of usermgmttable td */
	--pl_user_mgmt_details_color:transparent; /* Background color of user_mgmt_details */
	--pl_user_mgmt_button_new_color:var(--pl_core_element_shade_4); /* Background color of user_mgmt_button_new */
	--pl_user_mgmt_button_elements_color:var(--pl_core_element_shade_4); /* Background color of user_mgmt_button elements */
	--pl_user_mgmt_button_delete_color:var(--pl_core_accent_shade_4); /* Background color of user_mgmt_button_delete */
	--pl_footertable_color:var(--pl_core_element_shade_1); /* Background color of footertable */
	--pl_footerfader_color:var(--pl_core_element_shade_1); /* Background color of footerfader */
	--pl_footerspacer_color:var(--pl_core_element_shade_1); /* Background color of footerspacer */
	--pl_browsers_color:var(--pl_core_element_shade_1); /* Background color of browsers */
	--pl_truncmenu_color:var(--pl_core_element_shade_2); /* Background color of truncmenu */
	--pl_fullmenu_color:var(--pl_core_element_shade_2); /* Background color of fullmenu */
	--pl_weekselectorabs_color:var(--pl_core_element_shade_1); /* Background color of weekselectorabs */
	--pl_weekselectorabs_div_color:var(--pl_core_accent_shade_3); /* Background color of weekselectorabs div */
	--pl_weekselectorabs_div_first-child_color:var(--pl_core_accent_shade_2); /* Background color of weekselectorabs div first-child */
	--pl_weekselectorabs_hider_color:var(--pl_core_accent_shade_2); /* Background color of weekselectorabs_hider */
	--pl_player_score_header:var(--pl_core_element_shade_1); /* Background color of player_score_header */
	--pl_player_score_cell:var(--pl_core_element_shade_2); /* Background color of player_score_cell */
	--pl_pw_change_box_color:var(--pl_core_element_shade_2); /* Background color of pw change box */
	--pl_pw_controls_textareas_color:var(--pl_core_element_shade_4); /* Background color of pw controls text areas */

	/* colors - element statuses (hovers, etc.) */
	--pl_userpanel_pref_hover_color:#404040; /* Hover color of user panel language rows */
	--pl_userpanel_last_a_hover_color:#404040; /* Hover color of user panel last link */
	--pl_switch-label_before_color:var(--pl_core_element_shade_4); /* Background color of switch label before */
	--pl_switch-label_after_color:white; /* Background color of switch label after */
	--pl_slider_before_color:white; /* Background color of slider before */
	--pl_seasonselectorcontent_a_hover_color:#505050; /* Background color of seasonselectorcontent link hover */
	--pl_controls_hover_color:#bababa; /* Background color of controls hover */
	--pl_controls_focus_color:#d7d7d7; /* Background color of controls focus */
	--pl_submitlogin_hover_color:#bababa; /* Background color of submitlogin hover */
	--pl_pref_input_button_hover_color:#626262; /* Background color of pref_input_button hover */
	--pl_user_mgmt_button_elements_hover_color:#b1b1b1; /* Background color of user_mgmt_button_elements hover */
	--pl_user_mgmt_button_elements_active_color:#a6a6a6; /* Background color of user_mgmt_button_elements active */
	--pl_fullmenu_hover_color:var(--pl_core_element_shade_1); /* Background color of fullmenu hover */

	/* colors - borders */
	--pl_banner_top_border_color:var(--pl_core_border_shade_4); /* Top border color of top banner */
	--pl_banner_bottom_border_color:var(--pl_core_border_shade_3); /* Bottom border color of top banner*/
	--pl_userpanel_border_color:var(--pl_core_border_shade_2); /* Border color of user panel */
	--pl_userpanel_header_bottom_border_color:var(--pl_core_border_shade_5); /* Bottom border color of user panel header */
	--pl_userpanel_row_bottom_border_color:var(--pl_core_border_shade_5); /* Bottom border color of user panel row */
	--pl_userpanel_row_lng_bottom_border_color:var(--pl_core_border_shade_5); /* Bottom border color of user panel language row */
	--pl_userpaneldivider_top_border_color:var(--pl_core_border_shade_7); /* Top border color of user panel divider */
	--pl_userpanel_language_border_color:var(--pl_core_border_shade_2);/* Border color of user panel language */
	--pl_controls_border_color:var(--pl_core_border_shade_3); /* Border color of controls */
	--pl_pw_controls_textareas_border:var(--pl_core_border_shade_1); /* Border color of pw controls */
	--pl_loginbox_border_color:var(--pl_core_border_shade_2); /* Border color of loginbox */
	--pl_submitlogin_border_color:var(--pl_core_border_shade_3); /* Border color of submitlogin */
	--pl_overalltable_th_border_color:var(--pl_core_border_shade_1); /* Border color of overalltable th */
	--pl_overalltable_td_border_color:var(--pl_core_border_shade_1); /* Border color of overalltable td */
	--pl_emptyscorestable_td_border_color:var(--pl_core_border_shade_1); /* Border color of emptyscorestable td */
	--pl_scorestable_th_border_color:var(--pl_core_border_shade_1); /* Border color of scorestable th */
	--pl_scorestable_td_border_color:var(--pl_core_border_shade_1); /* Border color of scorestable td */
	--pl_scorestable-hori_th_border_color:var(--pl_core_border_shade_1); /* Border color of scorestable-hori th */
	--pl_scorestable-hori_td_border_color:var(--pl_core_border_shade_1); /* Border color of scorestable-hori td */
	--pl_confirmsubmitbox_border_color:var(--pl_core_border_shade_1); /* Border color of confirmsubmitbox */
	--pl_rulestable_th_border_color:var(--pl_core_border_shade_1); /* Border color of rulestable th */
	--pl_rulestable_td_border_color:var(--pl_core_border_shade_1); /* Border color of rulestable td */
	--pl_preferences_table_th_border_color:var(--pl_core_border_shade_1); /* Border color of preferences table th */
	--pl_preferences_table_td_border_color:var(--pl_core_border_shade_1); /* Border color of preferences table th */
	--pl_pref_subtitle_bottom_border_color:var(--pl_core_border_shade_1); /* Bottom border color of pref_subtitle */
	--pl_pref_input_button_border_color:var(--pl_core_border_shade_1); /* Border color of pref_input_button */
	--pl_pref_select_border_color:var(--pl_core_border_shade_1); /* Border color of pref_select */
	--pl_teamstable_border_color:var(--pl_core_border_shade_1); /* Border color of teamstable */
	--pl_creatematchestable_th_border_color:var(--pl_core_border_shade_1); /* Border color of creatematchestable th */
	--pl_creatematchestable_td_border_color:var(--pl_core_border_shade_1); /* Border color of creatematchestable td */
	--pl_predictiontable_th_border_color:var(--pl_core_border_shade_1); /* Border color of predictiontable th */
	--pl_predictiontable_td_border_color:var(--pl_core_border_shade_1); /* Border color of predictiontable td */
	--pl_submitprediction_border_color:var(--pl_core_border_shade_1); /* Border color of submitprediction */
	--pl_usermgmttable_border_color:var(--pl_core_border_shade_1); /* Border color of usermgmttable */
	--pl_user_mgmt_button_new_border_color:var(--pl_core_border_shade_1); /* Border color of user_mgmt_button_new */
	--pl_user_mgmt_button_elements_border_color:var(--pl_core_border_shade_1); /* Border color of user_mgmt_button_elements */
	--pl_user_mgmt_button_delete_border_color:var(--pl_core_border_shade_1); /* Border color of user_mgmt_button_delete */
	--pl_weekselectorabs_border_color:var(--pl_core_border_shade_1); /* Border color of weekselectorabs */
	--pl_weekselectorabs_div_border_color:var(--pl_core_border_shade_1); /* Border color weekselectorabs div */
	--pl_weekselectorabs_hider_border_color:var(--pl_core_border_shade_1); /* Border color of weekselectorabs hider */
	--pl_pw_change_box_border_color:var(--pl_core_border_shade_1); /* Border color of pw change box */

	/* colors - fonts */
	--pl_banner_font_color:var(--pl_core_font_shade_1); /* Font color of top banner */
	--pl_userpanel_font_color:var(--pl_core_font_shade_2); /* Font color of user panel */
	--pl_userpanel_last_a_font_color:var(--pl_core_font_shade_2); /* Font color of user panel last link */
	--pl_userpanel_last_a_hover_font_color:var(--pl_core_font_shade_2); /* Font color of user panel last link hover */
	--pl_userpanel_last_a_visited_font_color:var(--pl_core_font_shade_2); /* Font color of user panel last visited link hover */
	--pl_userpanel_language_font_color:var(--pl_core_font_shade_2); /*  Font color of user panel language */
	--pl_nameplate_font_color:var(--pl_core_font_shade_1); /* Font color of nameplate */
	--pl_seasonselector_font_color:var(--pl_core_font_shade_1); /* Font color of season selector */
	--pl_seasonselectorcontent_a_font_color:var(--pl_core_font_shade_1); /* Font color of season selector links */
	--pl_secondlevelbanner_font_color:var(--pl_core_font_shade_1); /* Font color of second level banner */
	--pl_loginbox_font_color:var(--pl_core_font_shade_1); /* Font color of loginbox */
	--pl_winningscore_font_color:var(--pl_core_font_shade_winningscore); /* Font color of winningscore */
	--pl_teamnamelight_font_color:var(--pl_core_font_shade_force_white); /* Font color of team name light */
	--pl_teamnamedark_font_color:var(--pl_core_font_shade_force_black); /* Font color of team name dark */
	--pl_overalltable_th_font_color:var(--pl_core_font_shade_1); /* Font color of overalltable th */
	--pl_overalltable_td_font_color:var(--pl_core_font_shade_1); /* Font color of overalltable td */
	--pl_emptyscorestable_td_font_color:var(--pl_core_font_shade_1); /* Font color of emptyscorestable td */
	--pl_scorestable_th_font_color:var(--pl_core_font_shade_1); /* Font color of scorestable th */
	--pl_scorestable_td_font_color:var(--pl_core_font_shade_1); /* Font color of scorestable td */
	--pl_scorestable-hori_th_font_color:var(--pl_core_font_shade_1); /* Font color of scorestable-hori th */
	--pl_scorestable-hori_td_font_color:var(--pl_core_font_shade_1); /* Font color of scorestable-hori td */
	--pl_confirmsubmitbox_font_color:var(--pl_core_font_shade_1); /* Font color of confirmsubmitbox */
	--pl_rulestable_font_color:var(--pl_core_font_shade_1); /* Font color of rulestable */
	--pl_preferences_table_font_color:var(--pl_core_font_shade_1); /* Font color of preferences_table */
	--pl_pref_subtitle_font_color:#959595; /* Font color of pref_sutitle */
	--pl_pref_input_button_font_color:var(--pl_core_font_shade_1); /* Font color of pref_input_button */
	--pl_pref_select_font_color:var(--pl_core_font_shade_1); /* Font color of pref_select */
	--pl_teamstable_font_color:var(--pl_core_font_shade_1); /* Font color of teamstable */
	--pl_matchinput_font_color:var(--pl_core_font_shade_1); /* Font color of matchinput */
	--pl_creatematchestable_th_font_color:var(--pl_core_font_shade_1); /* Font color of creatematchestable th */
	--pl_creatematchestable_td_font_color:var(--pl_core_font_shade_1); /* Font color of creatematchestable td */
	--pl_predictiontable_th_font_color:var(--pl_core_font_shade_1); /* Font color of predictiontable th */
	--pl_predictiontable_td_font_color:var(--pl_core_font_shade_1); /* Font color of predictiontable td */
	--pl_predictioninput_font_color:var(--pl_core_font_shade_1); /* Font color of predictioninput */
	--pl_predictiontextarea_font_color:var(--pl_core_font_shade_1); /* Font color of predictiontext area */
	--pl_submitprediction_font_color:var(--pl_core_font_shade_1); /* Font color of submitprediction */
	--pl_usermgmttable_font_color:var(--pl_core_font_shade_1); /* Font color of usermgmttable */
	--pl_user_mgmt_details_font_color:var(--pl_core_font_shade_1); /* Font color of user_mgmt_details */
	--pl_footerwithnavigation_a_font_color:var(--pl_core_font_shade_1); /* Font color of footerwithnavigation */
	--pl_footertable_font_color:var(--pl_core_font_shade_1); /* Font color of footertable */
	--pl_footer_a_font_color:var(--pl_core_font_shade_1); /* Font color of footer link*/
	--pl_browsers_font_color:var(--pl_core_font_shade_1); /* Font color of browsers */
	--pl_fullmenu_font_color:var(--pl_core_font_shade_1); /* Font color of fullmenu */
	--pl_playoff_title_font_color:var(--pl_core_font_shade_1); /* Font colot of playoff_title */
	--pl_weekselectorabs_font_color:var(--pl_core_font_shade_force_white); /* Font color of weekselectorabs */
	--pl_secondlevelmenu_visited_font_color:var(--pl_core_font_shade_1); /* Font color for secondlevelmenu visited links */
	--pl_fullmenu_site_title_font_color:var(--pl_core_font_shade_force_white); /* Font color of full menu site title */
	--pl_selectedweek_font_color:var(--pl_core_font_shade_force_white); /* Font color of selectedweek */
	--pl_secondlevelmenu_li_hover_color:var(--pl_core_font_shade_force_white); /* Font color of secondlevelmenu li link hover */
	--pl_teamstable_tr_conference_names:var(--pl_core_font_shade_force_white); /* Font color of teamstable tr conference names */
	--pl_redzone_font_color:var(--pl_core_font_shade_force_white); /* Font color of red zone */

	/* fonts */
	--pl_body_font_face:var(--pl_core_font_1); /* Font face for body */
	--pl_banner_font_face:var(--pl_core_font_2); /* Font face for banner */
	--pl_secondlevelbanner_font_face:var(--pl_core_font_2); /* Font face for second level banner */
	--pl_submit_font_face:var(--pl_core_font_1); /* Font face for submit */
	--pl_secondlevelmenu_font_face:var(--pl_core_font_2); /* Font face for secondlevelmenu */
	--pl_submitlogin_font_face:var(--pl_core_font_1); /* Font face for submitlogin */
	--pl_pref_input_button_font_face:var(--pl_core_font_1); /* Font face for pref_input_button */
	--pl_pref_select_font_face:var(--pl_core_font_1); /* Font face for pref_select */
	--pl_predictiontextarea_font_face:var(); /* Font face for predictiontextarea */
	--pl_submitprediction_font_face:var(--pl_core_font_1); /* Font face for submitprediction */
	--pl_user_mgmt_details_font_face:var(--pl_core_font_1); /* Font face for user_mgmt_details */
	--pl_truncmenu_font_face:var(--pl_core_font_2); /* Font face for truncmenu */
	--pl_fullmenu_font_face:var(--pl_core_font_2); /* Font face for fullmenu */
	--pl_playoff_title_font_face:var(--pl_core_font_3); /* Font face for playoff_title */

	/* images */
	--pl_body_background_image:url('../images/binding_dark.png'); /* Background image for body */
	--pl_pref_select_image:url('../images/chevron-white-bottom.png'); /* Background image for pref_select */
	--pl_pw_change_shadow_image:url('../images/pw_change_shadow.png'); /* Background image for pw_change_shadow */

	/* variables end */
}

/* Reset Elements */
* {
	padding:0;
}

/* Shared Elements */
html {
	height:100%;
}

body {
	margin:0;
	height:100%;
	padding: 0;
	font-family: var(--pl_body_font_face);
	background-image: var(--pl_body_background_image);
	background-repeat:repeat;
}

.wrapper {
	min-height:100%;
	height:auto !important;
	margin:0 auto;
}

* html #wrapper {height:100%;}

.contentall {
	width:100%;
	padding:0 0 5em 0;
}

.contentallwithnavigation {
	width:100%;
	padding:0 0 12em 0;
}

.content {
	display:flex;
	align-content:center;
	/* will need to add this for new scores horizontal scheme, but currently breaks the overall scores page --> flex-direction: column;*/
	max-width: 100%;
	overflow-x: auto;
}

/* non-flex content for predictions page to allow resize of the table - it doesn't allow it otherwise*/
.contentpredictions {
	display:flex;
	align-content:center;
	max-width:100%;
	overflow-x:auto;
}

.halfpage {
	width:50%;
	margin-left:auto; 
	margin-right:auto;
}

.halfpagelogin {
	width:50%;
	margin-left:auto; 
	margin-right:auto;
}

/* user panel tab styles */
.user_icon {
	border-radius:50%;
	cursor:pointer;
}

.user_icon_small {
	border-radius:50%;
}

.userpanel {
	position:absolute;
	visibility: hidden;
	display:none;
	left:calc(100% - 17em - 64px);
	top:calc(1.1em);
	font-size:80%;
	color:var(--pl_userpanel_font_color);
	background-color:var(--pl_userpanel_color);
	width:17em;
	border:1px solid var(--pl_userpanel_border_color);
	border-radius:.2em;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items:flex-start;
	flex-wrap:wrap;
	margin:0;
}

.userpanelheader {
	font-weight:bold;
	flex-basis:100%;
	border-bottom:1px solid var(--pl_userpanel_header_bottom_border_color);
	display:flex;
	justify-content: center;
	margin:0;
}

.userpanelrow {
	flex-basis:100%;
	border-bottom:1px solid var(--pl_userpanel_row_bottom_border_color);
	display:flex;
	justify-content: center;
	align-items:stretch;
	margin:0;
	height:42px;
	line-height:42px;
	cursor:pointer;
	text-decoration:none;
}

.userpanelrow:hover {
	background-color:var(--pl_userpanel_pref_hover_color);
}

.userpanelrow a:visited {
	text-decoration:none;
	color:var(--pl_userpanel_font_color);
}

.userpanellast {
	line-height:42px;
	flex-basis:100%;
	display:flex;
	justify-content: center;
	margin:0;
}

.userpanellast p {
	flex-basis:100%;
	display:flex;
	justify-content: center;
	margin:0;
}

.userpanellast a {
	text-decoration:none;
	display:block;
	flex-basis:100%;
	display:flex;
	justify-content: center;
	margin:0;
	height:42px;
	line-height:42px;
	color:var(--pl_userpanel_last_a_font_color);
}

.userpanellast a:hover {
	background-color:var(--pl_userpanel_last_a_hover_color);
	color:var(--pl_userpanel_last_a_hover_font_color);
}

.userpanellast a:visited {
	text-decoration:none;
	color:var(--pl_userpanel_last_a_visited_font_color);
}

.userpanelrow p, .userpanelrow a {
	line-height:42px;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	padding:0;
	text-decoration: none;
}

.userpanelrow #preferences {
	flex-basis:50%;
	padding-left:2em;
}

.userpanelrow #switcherp, .userpanelrow #chevronp {
	flex-basis:40%;
}

.chevron {
	width:20px;
	height:20px;
}

.chevroncontainer {
	flex-basis:50%;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

  /* Slider */
  .switch {
	position: relative;
	display: inline-block;
  }

  .switch-input {
	display:none;
  }

  .switch-label {
	display: block;
	width: 40px;
	height: 20px;
	text-indent: -150%;
	clip: rect(0 0 0 0);
	color: transparent;
	user-select: none;
  }

  .switch-label::before,
  .switch-label::after {
	content: "";
	display: block;
	position: absolute;
	cursor: pointer;
  }

  .switch-label::before {
	width: 100%;
	height: 100%;
	background-color:var(--pl_switch-label_before_color);
	border-radius: 9999em;
	-webkit-transition: background-color 0.25s ease;
	transition: background-color 0.25s ease;
  }

  .switch-label::after {
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--pl_switch-label_after_color);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
	-webkit-transition: left 0.25s ease;
	transition: left 0.25s ease;
  }

  .switch-input:checked + .switch-label::before {
	background-color: var(--pl_accent_color);
  }

  .switch-input:checked + .switch-label::after {
	left: 20px;
  }

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--pl_slider_color);
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 4px;
	bottom: 4px;
	background-color:var(--pl_slider_before_color);
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: var(--pl_accent_color);
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }

  /* Slider End */

#userpanelusername {
	height:25px;
	line-height:25px;
	margin:0;
}

#userpanelusericon {
	margin:0;
}

#userpaneldivider {
	border-top:1px solid var(--pl_userpaneldivider_top_border_color);
	flex-basis:100%;
}

/* Shared Banner Styles */
.nameplate {
	position:absolute;
	left:calc(100% - 1em - 32px);
	top:calc(1.5em);
	font-size:60%;
	color:var(--pl_nameplate_font_color);
}

.bannerdiv {
	font-family: var(--pl_banner_font_face);
	background-color: var(--pl_banner_color);
	border-bottom:4px solid var(--pl_banner_bottom_border_color);
	border-top:3px solid var(--pl_banner_top_border_color);
	height:3.5em;
}

.bannerdivlogin {
	font-family: var(--pl_banner_font_face);
	background-color: var(--pl_banner_color);
	border-bottom:4px solid var(--pl_banner_bottom_border_color);
	border-top:3px solid var(--pl_banner_top_border_color);
	height:3.5em;
}

.pageselected {
	background:linear-gradient(var(--pl_pageselected_color), var(--pl_pageselected_color));
}

.secondlevelbanner {
	font-family: var(--pl_secondlevelbanner_font_face);
	font-size:80%;
	color:var(--pl_secondlevelbanner_font_color);
	height:2em;
	background-color: var(--pl_secondlevelbanner_color);
}

.secondlevelmenu {
	font-family: var(--pl_secondlevelmenu_font_face);
	display: flex;
	justify-content: space-around;
	margin-top:0;
}

.secondlevelmenu_vertical {
	background-color: var(--pl_secondlevelbanner_color);
}

.secondlevelmenu li {
	list-style:none;
	line-height:2em;
	flex-grow:1;
	text-align:center;
}

.secondlevelmenu li a:link, .secondlevelmenu li a:visited {
	color:var(--pl_secondlevelmenu_visited_font_color);
	display:block;
	text-decoration:none;
}

.secondlevelmenu li a:hover {
	color:var(--pl_secondlevelmenu_li_hover_color);
	background-color: var(--pl_accent_color);
}

#selectedweek {
	background-color: var(--pl_accent_color);
}

#selectedweek a {
	color:var(--pl_selectedweek_font_color);
}

.seasonselector {
	position:absolute;
	left:1em;
	top:4em;
	font-size:60%;
	color:var(--pl_seasonselector_font_color);
}

.seasonselectorcontent {
	display:none;
	position:absolute;
	background-color:var(--pl_seasonselectorcontent_color);
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.seasonselectorcontent a {
	color:var(--pl_seasonselectorcontent_a_font_color);
	text-decoration:none;
	display:block;
	padding:1em 1em;
}

#selectedseason {
	background-color: var(--pl_accent_color);
	color:var(--pl_core_font_shade_force_white);
}

.seasonselectorcontent a:hover {
	background-color:var(--pl_seasonselectorcontent_a_hover_color);
}

.seasonselector:hover .seasonselectorcontent {
    display: block;
}

/* Specific Login Page */
.loginform {
	margin:0;
}

.controls {
	margin-bottom:.8em;
}

.submit {
	font-family: var(--pl_submit_font_face);
	height:2em;
	font-size:100%;
	background-color:var(--pl_submit_color);
}

.controls .text_areas {
	border:2px solid var(--pl_controls_border_color);
	border-radius:.2em;
	padding-left:.4em;
	height:2.8em;
	width:20em;
	margin-top:.5em;
	background-color: var(--pl_controls_color);
	-webkit-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}

.loginbox {
	padding:1em;
	padding-top:0;
	padding-bottom:0;
	color:var(--pl_loginbox_font_color);
	background-color:var(--pl_loginbox_color);
	margin-top:10em;
	margin-left:auto;
	margin-right:auto;
	border:2px solid var(--pl_loginbox_border_color);
}

.controls .text_areas:hover {
	background-color:var(--pl_controls_hover_color);
}

.controls .text_areas:focus {
	background-color:var(--pl_controls_focus_color);
	border-color:var(--pl_accent_color);
}

.submitlogin {
	background-color:var(--pl_submitlogin_color);
	border:2px solid var(--pl_submitlogin_border_color);
	font-family: var(--pl_submitlogin_font_face);
	height:2em;
	font-size:100%;
	padding-left:.5em;
	padding-right:.5em;
	border-radius:.2em;
	-webkit-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}

.submitlogin:hover {
	background-color:var(--pl_submitlogin_hover_color);
}

#logintocontinue {
	text-align:center;
	padding:0;
	margin-bottom:.5em;
}

#logintitle {
	text-align:center;
	margin:0;
	padding:0;
	font-weight:bold;
	margin-bottom:.5em;
}

/* Specific Scores Page */

.scorespagenotes {
	max-width:595px;
}

.legendandpagenotes {
	color:var(--pl_core_font_shade_1);
}

.legendandpagenotes.smalllegend {
	font-size:80%;
}

#weekstitle {
	color:var(--pl_accent_color);
}

.scorestable tr td.winningscore {
	font-weight:bold;
	color:var(--pl_winningscore_font_color);
}

.scorestable tr td.leadingscore {
	font-weight:bold;
}

.scorestable tr td.winningscoreredzone { /*shouldn't be necessary, but in place anyway to ensure no bugs are encountered with ss xml*/
	font-weight:bold;
	color:var(--pl_winningscore_font_color);
	background-color: var(--pl_redzone_color);
}

.scorestable tr td.leadingscoreredzone {
	font-weight:bold;
	color:var(--pl_core_font_shade_force_white);
	background-color: var(--pl_redzone_color);
}

.scorestable tr td.redzone {
	background-color:var(--pl_redzone_color);
	color:var(--pl_redzone_font_color);
}

.scorestable tr td.teamnamelight {
	color:var(--pl_teamnamelight_font_color);
}

.scorestable tr td.teamnamedark {
	color:var(--pl_teamnamedark_font_color);
}

.overalltable {
	text-align:center;
	margin-top:1em;
	border-collapse:collapse;
}

.overalltable th {
	color:var(--pl_overalltable_th_font_color);
	border:1px solid var(--pl_overalltable_th_border_color);
	background-color:var(--pl_overalltable_th_color);
	padding:.5em;
}

.overalltable td {
	color:var(--pl_overalltable_td_font_color);
	border:1px solid var(--pl_overalltable_td_border_color);
	background-color:var(--pl_overalltable_td_color);
	padding:.5em;
}

.overalltable td.player_score_header {
	background-color:var(--pl_player_score_header);
	font-weight:bold;
}

.overalltable td.player_score_cell {
	background-color:var(--pl_player_score_cell);
}

.containertable {
	white-space:nowrap;
	margin-left:auto;
	margin-right:auto;
	height:100%;
}

.containertable-hori {
	white-space:nowrap;
	margin-left:auto;
	margin-right:auto;
	align-self:center;
}

.emptyscorestable {
	margin-top:1em;
	white-space:nowrap;
	margin-left:auto;
	margin-right:auto;
}

.emptyscorestable td {
	color:var(--pl_emptyscorestable_td_font_color);
	border:1px solid var(--pl_emptyscorestable_td_border_color);
	background-color:var(--pl_emptyscorestable_td_color);
	padding:.5em;
}

.scorestable {
	text-align:center;
	margin-top:1em;
	border-collapse:collapse;
	align-self:center;
}

.scorestable th {
	color:var(--pl_scorestable_th_font_color);
	border:1px solid var(--pl_scorestable_th_border_color);
	background-color:var(--pl_scorestable_th_color);
	padding:.5em;
	white-space:nowrap;
}

.scorestable td {
	color:var(--pl_scorestable_td_font_color);
	border:1px solid var(--pl_scorestable_td_border_color);
	background-color:var(--pl_scorestable_td_color);
	padding:.5em;
	white-space:nowrap;
}

.scorestable td.player_score_header {
	background-color:var(--pl_player_score_header);
	font-weight:bold;
}

.scorestable td.player_score_cell {
	background-color:var(--pl_player_score_cell);
}

.scorestable tr.separator {
	height:.4em;
} 

.scorestable-hori {
	text-align:center;
	margin-top:1em;
	border-collapse:collapse;
}

.scorestable-hori th {
	color:var(--pl_scorestable-hori_th_font_color);
	border:1px solid var(--pl_scorestable-hori_th_border_color);
	background-color:var(--pl_scorestable-hori_th_color);
	padding:.5em;
}

.scorestable-hori td {
	color:var(--pl_scorestable-hori_td_font_color);
	border:1px solid var(--pl_scorestable-hori_td_border_color);
	background-color:var(--pl_scorestable-hori_td_color);
	padding:.5em;
}

.scorestable-hori tr.separator {
	height:.4em;
}

.scorestable-hori td.separator {
	border:none;
	padding:.2em;
	background-color:var(--pl_scorestable-hori_td_separator_color);
} 

/* Specific Predictions Submit Page*/
.confirmsubmitbox {
	padding:1em;
	color:var(--pl_confirmsubmitbox_font_color);
	background-color:var(--pl_confirmsubmitbox_color);
	height:5em;
	margin-top:10em;
	margin-left:auto;
	margin-right:auto;
	border:1px solid var(--pl_confirmsubmitbox_border_color);
	text-align:center;
}

/* Specific Rules Page */
.rules_containertable {
	white-space:nowrap;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	height:100%;
}

.rules_title_container {
	display:flex;
	justify-content: space-around;
	margin-top:1em;
}

.rulestable {
	text-align:left;
	margin-top:1em;
	border-collapse:collapse;
	color:var(--pl_rulestable_font_color);
}

.rulestable p {
	margin-bottom:.1em;
	margin-top:0;
}

.rulestable p:last-child {
	margin-bottom:0;
	margin-top:0;
}

.rulestable th {
	border:1px solid var(--pl_rulestable_th_border_color);
	padding:.5em;
	background-color:var(--pl_rulestable_th_color);
	text-align:center;
}

.rulestable td {
	border:1px solid var(--pl_rulestable_td_border_color);
	background-color:var(--pl_rulestable_td_color);
	padding:.4em;
}

.rulestable ul, ol {
	margin-top:0;
	margin-bottom:0;
	list-style-position: inside;
	margin-bottom:.1em;
}

.rulestable ul:last-child, ol:last-child {
	margin-bottom:0;
}

.rulestable li {
	text-align:left;
	padding-left:.5em;
	padding-bottom:.2em;
}

.rulestable li:last-child {
	margin-bottom:.1em;
}

.rulestable li li {
	padding-left:1em;
	padding-bottom:.2em;
}

.rulestable li li:last-child {
	margin-bottom:.1em;
}

/* Preferences Page */
.pw_change_box {
	position:absolute;
	top:40%;
	left:50%;
	border:2px solid var(--pl_pw_change_box_border_color);
	border-radius:.25em;
	background-color:var(--pl_pw_change_box_color);
	visibility:hidden;
	width:20em;
	margin-left:-10em;
	margin-top:-12em;
	display:none;
	flex-direction: column;
	z-index:15;
}

.pw_change_box_holder_top {
	display:flex;
	padding:.4em .4em 0 .4em;
	width:100%;
	height:10%;
}

.pw_change_box_holder_main {
	display:flex;
	flex-direction: column;
	padding:0;
	width:100%;
}

.pw_change_box_holder_bottom {
	display:flex;
	padding:.4em;
	width:100%;
	justify-content: center;
	margin-bottom:1em;
}

.pw_controls {
	display:flex;
	justify-content: center;
}

.pw_controls_bottom {
	margin-bottom:1em;
	display:flex;
	justify-content: center;
}

.pw_new_password_text, .pw_new_password_confirm_text, .pw_old_password_text {
	display:none;
	visibility:hidden;
	margin:0;
	padding:.2em .4em 0 .4em;
	color:var(--pl_core_font_shade_error);
}

.pw_text_areas {
	border:1px solid var(--pl_pw_controls_textareas_border);
	border-radius:.2em;
	margin:0 .5em 0 .5em;
	padding:0 .4em 0 .4em;
	height:2.8em;
	width:100%;
	background-color: var(--pl_pw_controls_textareas_color);
	-webkit-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}

.pw_text_areas_error {
	border:1px solid var(--pl_core_border_shade_error);
	border-radius:.2em;
	margin:0 .5em 0 .5em;
	padding:0 .4em 0 .4em;
	height:2.8em;
	width:100%;
	background-color: var(--pl_pw_controls_textareas_color);
	-webkit-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}

.pw_text_areas:focus, .pw_text_areas_error:focus {
	outline:none;
}

.pw_change_shadow {
	background-image:var(--pl_pw_change_shadow_image);
	width:100%;
	border:none;
	display:none;
	visibility: hidden;
	opacity:70%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10; /* Show on top */
}

.pw_change_title {
	font-family: var(--pl_core_font_1);
	border-bottom: 1px solid var(--pl_pref_subtitle_bottom_border_color);
	color:var(--pl_pref_subtitle_font_color);
	font-weight: bold;
	line-height:1em;
	width:90%;
	height:2em;
	display:flex;
	align-items: center;
}

.pw_change_subtitle {
	font-family: var(--pl_core_font_1);
	color:var(--pl_pref_subtitle_font_color);
	font-weight: bold;
	margin:0 .5em 0 .5em;
	margin-top:1em;
	margin-bottom:.2em;
	font-size:90%;
}

.pw_change_closer {
	font-family: var(--pl_core_font_1);
	border-bottom: 1px solid var(--pl_pref_subtitle_bottom_border_color);
	color:var(--pl_pref_subtitle_font_color);
	font-weight: bold;
	line-height:1em;
	height:2em;
	display:flex;
	justify-content: center;
	align-items: center;
}

.pw_change_closer_button {
	background-color: var(--pl_pref_input_button_color);
	text-decoration: none;
	border:1px solid var(--pl_pref_input_button_border_color);
	border-radius:.2em;
	color:var(--pl_pref_input_button_font_color);
	font-family: var(--pl_pref_input_button_font_face);
	cursor:pointer;
	width:1.5em;
}

.preferences_containertable {
	white-space:nowrap;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	height:100%;
}

.preferences_table {
	text-align:left;
	margin-top:1em;
	border-collapse:collapse;
	color:var(--pl_preferences_table_font_color);
	width:100%;
}

.preferences_table th {
	border:1px solid var(--pl_preferences_table_th_border_color);
	padding:.5em;
	background-color:var(--pl_preferences_table_th_color);
	text-align:center;
}

.preferences_table td {
	border:1px solid var(--pl_preferences_table_td_border_color);
	background-color:var(--pl_preferences_table_td_color);
	padding:.4em;
}

.pref_subtitle {
	line-height: 2em;
	padding-left:.2em;
	display:inline-block;
	font-weight:bold;
	width:45%;
	font-size:75%;
	border-bottom: 1px solid var(--pl_pref_subtitle_bottom_border_color);
	color:var(--pl_pref_subtitle_font_color);
	margin-bottom:.5em;
}

.pref_holder {
	line-height: 2em;
	display:flex;
	align-items: center;
}

.pref_label {
	width:28%;
	display:inline-block;
	font-weight:bold;
	padding-left:.5em;
}

.pref_option {
	width:70%;
	display:inline-block;
}

.pref_button_span {
	padding-left:.5em;
	display:inline-block;
}

.pref_input_button {
	background-color: var(--pl_pref_input_button_color);
	text-decoration: none;
	border:1px solid var(--pl_pref_input_button_border_color);
	border-radius:.2em;
	color:var(--pl_pref_input_button_font_color);
	font-family: var(--pl_pref_input_button_font_face);
	padding-left:.5em;
	padding-right:.5em;
	line-height:1.8em;
	font-size:100%;
	cursor:pointer;
	outline:none;
}

.pref_input_button:hover, .pw_change_closer_button:hover {
	background-color: var(--pl_pref_input_button_hover_color);
}

.pref_select {
	cursor:pointer;
	width:30%;
	line-height:1.8em;
	font-size:100%;
	background-color:var(--pl_pref_select_color);
	color:var(--pl_pref_select_font_color);
	appearance:none;
	font-family: var(--pl_pref_select_font_face);
	border: 1px solid var(--pl_pref_select_border_color);
	background-image: var(--pl_pref_select_image);
	background-repeat: no-repeat, repeat;
	background-position: right .4em top 50%, 0 0;
	background-size: 1em auto, 100%;
}

/* Specific Teams Page */

.headerth {
	cursor: pointer;
}

.teamstable {
	text-align:center;
	margin-top:1em;
	border-collapse:collapse;
}

.teamstable tr.afc  {
	color:var(--pl_teamstable_tr_conference_names);
	padding:.5em;
	border:1px solid var(--pl_teamstable_border_color);
	background-color:var(--pl_teamstable_afc_color);
}

.teamstable tr.afc td {
	color:var(--pl_teamstable_tr_conference_names);
}

.teamstable tr.nfc {
	color:var(--pl_teamstable_tr_conference_names);
	padding:.5em;
	border:1px solid var(--pl_teamstable_border_color);
	background-color:var(--pl_teamstable_nfc_color);
}

.teamstable tr.nfc td {
	color:var(--pl_teamstable_tr_conference_names);
}

.teamstable tr.divheader {
	background-color:var(--pl_teamstable_tr_divheader_color);
}

.teamstable tr.divrows {
	background-color:var(--pl_teamstable_tr_divrows_color);
}

.teamstable td {
	color:var(--pl_teamstable_font_color);
	border:1px solid var(--pl_teamstable_border_color);
	padding:.5em;
}

.teamstable td.teamnamelight {
	color:var(--pl_teamnamelight_font_color);
}

.teamstable td.teamnamedark {
	color:var(--pl_teamnamedark_font_color);
}

.teamstable tr.separator {
	height:1em;
}

/* Specific Create Matches Page */
.savematches {
	display:flex;
	justify-content:space-around;
	max-width: 100%;
	overflow-x: auto;
}

.matchinput {
	background-color:var(--pl_matchinput_color);
	color:var(--pl_matchinput_font_color);
	border:none;
	width:100%;
	text-align:center;
	box-sizing: border-box;
	height:1em;
	resize:none;
}

.creatematchestable {
	text-align:center;
	margin-top:1em;
	border-collapse:collapse;
	align-self: center;
}

.creatematchestable th {
	color:var(--pl_creatematchestable_th_font_color);
	border:1px solid var(--pl_creatematchestable_th_border_color);
	background-color:var(--pl_creatematchestable_th_color);
	padding:.4em;
}

.creatematchestable td {
	color:var(--pl_creatematchestable_td_font_color);
	border:1px solid var(--pl_creatematchestable_td_border_color);
	background-color:var(--pl_creatematchestable_td_color);
	padding:.4em;
}

.creatematchestable tr.separator {
	height:.4em;
}

/* Specific Predictions Page */

.savepredictions {
	display:flex;
	justify-content:space-around;
	max-width: 100%;
	overflow-x: auto;
}

.predictiontable {
	text-align:center;
	margin-top:1em;
	border-collapse:collapse;
	table-layout:fixed;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

.predictionform {
	margin-left:auto;
	margin-right:auto;
	width:50%;
}

.predictiontable th {
	color:var(--pl_predictiontable_th_font_color);
	border:1px solid var(--pl_predictiontable_th_border_color);
	background-color:var(--pl_predictiontable_th_color);
	padding:.4em;
}

.predictiontable td {
	color:var(--pl_predictiontable_td_font_color);
	border:1px solid var(--pl_predictiontable_td_border_color);
	background-color:var(--pl_predictiontable_td_color);
	padding:.4em;
}

.predictiontablematchid {
	width:5%;
}

.predictiontablematchtime {
	width:25%;
}

.predictiontableteam {
	width:35%;
}

.predictiontableteam.teamnamelight {
	color:var(--pl_teamnamelight_font_color);
}

.predictiontableteam.teamnamedark {
	color:var(--pl_teamnamedark_font_color);
}

.predictiontableprediction {
	width:25%;
}

.predictiontable tr.separator {
	height:.4em;
}

.predictioninput {
	background-color:var(--pl_predictioninput_color);
	color:var(--pl_predictioninput_font_color);
	border:none;
	text-align:center;
	box-sizing: border-box;
	max-width:100%;
	border: none;
	display: inline;
	font-family: inherit;
	font-size: inherit;
	padding: 0;
	width: 1.5em;
}

.predictiontextarea {
	background-color:var(--pl_predictiontextarea_color);
	color:var(--pl_predictiontextarea_font_color);
	border:none;
	text-align:center;
	box-sizing: border-box;
	width:50%;
	resize:none;
	line-height:2em;
	height:2em;
	font-family: var(--pl_predictiontextarea_font_face);
}

.submitprediction {
	background-color:var(--pl_submitprediction_color);
	border:1px solid var(--pl_submitprediction_border_color);
	border-radius:.2em;
	color:var(--pl_submitprediction_font_color);
	font-family: var(--pl_submitprediction_font_face);
	height:2em;
	font-size:100%;
	padding-left:.5em;
	padding-right:.5em;
}

/* Specific Users Page */
.user_mgmt_container {
	display:flex;
	justify-content: space-around;
	margin-top:1em;
}

.usermgmtform {
	white-space:nowrap;
	margin-left:auto;
	margin-right:auto;
	width:50%;
}

.usermgmttable {
	text-align:center;
	margin-top:1em;
	border-collapse:collapse;
	align-self: center;
}

.usermgmttable th {
	color:var(--pl_usermgmttable_font_color);
	border:1px solid var(--pl_usermgmttable_border_color);
	background-color:var(--pl_usermgmttable_th_color);
	padding:.4em;
}

.usermgmttable td {
	color:var(--pl_usermgmttable_font_color);
	border:1px solid var(--pl_usermgmttable_border_color);
	background-color:var(--pl_usermgmttable_td_color);
	padding:.4em;
}

.usermgmttable tr.separator {
	height:.4em;
}

/* textarea for existing users */
.user_mgmt_details_textarea_fn, .user_mgmt_details_textarea_ln, .user_mgmt_details_textarea_email {
	visibility:hidden;
	display:none;
	height:2em;
	background-color: var(--pl_user_mgmt_details_color);
	border: none;
	color:var(--pl_user_mgmt_details_font_color);
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	text-align:center;
	font-family: var(--pl_user_mgmt_details_font_face);
	padding:.30em;
	padding-left:.25em;
}

/* textarea for new users */
.user_mgmt_details_textarea_fn_nu, .user_mgmt_details_textarea_ln_nu, .user_mgmt_details_textarea_email_nu {
	height:2em;
	background-color: var(--pl_user_mgmt_details_color);
	border: none;
	color:var(--pl_user_mgmt_details_font_color);
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	text-align:center;
	font-family: var(--pl_user_mgmt_details_font_face);
	padding:.30em;
	padding-left:.25em;
}

.user_mgmt_details_p_fn, .user_mgmt_details_p_ln, .user_mgmt_details_p_email {
	margin:0;
}

.user_mgmt_button_save {
	visibility:hidden;
	display:none;
}

.user_mgmt_button_new {
	width:1.5em;
	height:1.5em;
	background-color:var(--pl_user_mgmt_button_new_color);
	text-decoration:none;
	border:1px solid var(--pl_user_mgmt_button_new_border_color);
	border-radius: .2em;
}

.user_mgmt_button_active, .user_mgmt_button_lock, .user_mgmt_button_userclass, .user_mgmt_button_password, .user_mgmt_button_details, .user_mgmt_button_save, .user_mgmt_button_save_nu {
	background-color:var(--pl_user_mgmt_button_elements_color);
	text-decoration:none;
	padding:.25em;
	border:1px solid var(--pl_user_mgmt_button_elements_border_color);
	border-radius: .2em;
}

.user_mgmt_button_delete {
	background-color:var(--pl_user_mgmt_button_delete_color);
	text-decoration:none;
	padding:.25em;
	border:1px solid var(--pl_user_mgmt_button_delete_border_color);
	border-radius: .2em;
}

.user_mgmt_button_new:hover, .user_mgmt_button_active:hover, .user_mgmt_button_lock:hover, .user_mgmt_button_userclass:hover, .user_mgmt_button_password:hover, .user_mgmt_button_details:hover, .user_mgmt_button_save:hover {
	background-color:var(--pl_user_mgmt_button_elements_hover_color);
}

.user_mgmt_button_new:active, .user_mgmt_button_active:active, .user_mgmt_button_lock:active, .user_mgmt_button_userclass:active, .user_mgmt_button_password:active, .user_mgmt_button_details:active, .user_mgmt_button_save:active {
	background-color:var(--pl_user_mgmt_button_elements_active_color);
}

/* Shared All Paragraphs */

p {
	padding:.5em;
}

/* Footer Table Styles */

.footer {
	width:100%;
	height:4.3em;
	margin:-4.3em auto 0;
	overflow:hidden;
}

.footerwithnavigation {
	width:100%;
	height:12em;
	margin:-12em auto 0;
	overflow:hidden;
}

.footerwithnavigation a {
	color:var(--pl_footerwithnavigation_a_font_color);
	text-decoration:none;
}

.footertable {
	width:100%;
	background-color:var(--pl_footertable_color);
	color:var(--pl_footertable_font_color);
	font-size:80%;
	text-align:center;
}

.footer a {
	color:var(--pl_footer_a_font_color);
	text-decoration:none;
}

.footerfader {
	background-color:var(--pl_footerfader_color);
	height:1em
}

.footerspacer {
	height:1em;
	background-color:var(--pl_footerspacer_color);
}

/* Browser Support Disclaimer */

.browsers {
	font-size:70%;
	width:100%;
	background-color:var(--pl_browsers_color);
	color:var(--pl_browsers_font_color);
	text-align:center;
}

/* Ordered List Multilevel */

ol {
	counter-reset:count;
}

ol#start2 {
	counter-reset:count 1;
}

ol#start3 {
	counter-reset:count 2;
}

ol li {
	list-style:none;
}

ol li:before{
	content: counters(count, ".")". ";
	counter-increment: count;
}

/* Menu Styles */

.truncmenu {
	width:100%;
	color:var(--pl_accent_color);
	font-family: var(--pl_truncmenu_font_face);
	background-color:var(--pl_truncmenu_color);
	margin:0;
	padding-left:0;
	display: flex;
	justify-content: flex-start;
}

.truncmenu li {
	list-style:none;
	line-height:3.5em;
	text-align:center;
	flex-grow:1;
}

.fullmenu {
	color:var(--pl_fullmenu_font_color);
	font-family: var(--pl_fullmenu_font_face);
	background-color:var(--pl_fullmenu_color);
	margin:0;
	padding-left:0;
	display: flex;
	justify-content: space-around;
}

.fullmenu li {
	list-style:none;
	line-height:3.5em;
	flex-grow:1;
	text-align:center;
}

.fullmenu li:first-child, .halfpagelogin .truncmenu li {
	color:var(--pl_fullmenu_site_title_font_color);
	background-color:var(--pl_accent_color);
	font-family: var(--pl_fullmenu_font_face);
}

.fullmenu li a:link, .fullmenu li a:visited {
	color:var(--pl_fullmenu_font_color);
	display:block;
	text-decoration:none;
}

.fullmenu li a:hover {
	background-color: var(--pl_fullmenu_hover_color);
}

.playoff_title {
	color:var(--pl_playoff_title_font_color);
	font-family: var(--pl_playoff_title_font_face);
	font-size:200%;
}

.playoff_title_container {
	display:flex;
	justify-content: space-around;
	margin-top:1em;
}

.weekSelectorABS {
	position:absolute;
	left:1em;
	margin-top:1em;
	background-color:var(--pl_weekselectorabs_color);
	color:var(--pl_weekselectorabs_font_color);
	border:1px solid var(--pl_weekselectorabs_border_color);
	text-decoration: none;
	display:none;
}

.weekSelectorABS div a:link, .weekSelectorABS div a:visited {
	text-decoration:none;
	color:var(--pl_weekselectorabs_font_color);
}

.weekSelectorABS div {
	width:4em;
	text-align:center;
	padding:.5em;
	border-bottom:1px solid var(--pl_weekselectorabs_div_border_color);
	background-color:var(--pl_weekselectorabs_div_color);
}

.weekSelectorABS div:first-child {
	background-color:var(--pl_weekselectorabs_div_first-child_color);
}

.weekSelectorABS div:last-child {
	border-bottom: none;
}

.weekSelectorABS_hider {
	position:absolute;
	right:0;
	top:0;
	background-color:var(--pl_weekselectorabs_hider_color);
	width:1em !important;
	font-size:50%;
	border-left:1px solid var(--pl_weekselectorabs_hider_border_color);
	border-bottom:1px solid var(--pl_weekselectorabs_hider_border_color);
	cursor:pointer;
}

/* Mobile / Small Resolution Intermediate CSS */
@media only screen and (min-width:1000px) and (max-width:1200px) {
	.fullmenu li {
		font-size:75%;
	}

	.bannerdiv {
		height:auto;
	}

	.nameplate {
		font-size:30%;
	}

	.seasonselector {
		top:3em;
	}
}

/* Mobile / Small Resolution CSS */
@media only screen and (max-width: 1000px) {
	/* Shared */
	.wrapper {
		font-size:200%;
	}

	.secondlevelmenu {
		flex-direction: column;
		left:50%;
	}
	.fullmenu {
		flex-direction:column;
	}

	.fullmenu li:first-child {
		line-height:3.5em;
	}

	.fullmenu li {
		line-height:1.8em;
		font-size:100%;
	}

	.bannerdiv {
		height:10.5em;
		display:flex;
	}
	
	.halfpage {
		width:100%;
	}

	.secondlevelmenu li:first-child {
		display:block;
	}

	.secondlevelmenu li {
		display:none;
	}

	.weekSelectorABS {
		display:block;
	}

	.secondlevelbanner {
		height:2em;
	}

	#truncmenutitle {
		font-size:400%;
	}

	.seasonselector {
		font-size:30%;
		top:2em;
		color:var(--pl_core_font_shade_force_white);
	}

	/* Login */
	#div_password input {
		width:100%;
		font-size:100%;
	}

	#div_username input {
		width:100%;
		font-size:100%
	}

	.loginbox {
		font-size:115%;
		margin-top:1em;
		margin-left:none;
		margin-right:none;
		width:50%;
		height:16em;
	}

	/* Rules */
	.rules_containertable {
		width:95%;
		height:95%;
	}

	/* Predictions */
	.predictionform {
		width:95%;
	}

	.predictiontable td, th {
		font-size:150%;
	}

	.predictiontextarea {
		font-size:150%;
	}

	/* Preferences */
	.preferences_containertable {
		width:95%;
	}

	.pref_label {
		width:38%;
	}

	.pref_option {
		width:30%;
	}

	.pref_subtitle {
		width:75%;
	}
	
	.preferences_table {
		font-size:120%;
	}

	.pref_select {
		width:100%;
		font-size:60%;
	}

	.pref_input_button {
		font-size:60%;
	}

	.switch-label {
		width: 60px;
		height: 30px;
	}
	
	.switch-label::after {
		width: 30px;
		height: 30px;
	}

	.switch-input:checked + .switch-label::after {
		left: 30px;
	  }

	/* Footer */
	.footer {
		font-size:150%;
	}
}