body {
  background: #aeaeae url("/assets/bg-cceee1f8.gif") 0 76px repeat-x;
  font-family: "Helvetica Neue", Helvetica, Arial, "Trebuchet MS"
}
i.bi {
  font-style: normal;
  font-size: 150%;
  vertical-align: middle;
}
.shadow {
  position: absolute;
  height: 80px;
  width: 100%;
  background: url("/assets/shadow-879c2909.png") repeat-x;
  z-index: -1;
  top: 56px
}
#header {
  height: 63px;
  padding:8px 20px;
  background: url("/assets/h-bg-49529d6a.gif") bottom repeat-x;
  border-bottom: 1px solid #666
}
#header .logo {
  float: left;
  text-align: center;
}
#header .logo a {
  color: #fff;
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-style: italic;
  font-size: 28px;
  height: 60px;
  width:107px;
  display: block;
  text-indent:-999em;
  text-decoration: none;
  background: url("/assets/ffl-c96a23f4.png") no-repeat;
}
#header .user form {
  margin-top: -15px;
}
#header .user label {
  margin-right: 10px;
  font-size: 130%;
}
#header .user input {
  margin-right: 20px;
}
#header .user {
  float: right;
  font-size: 11px;
  color: #bcc1c9;
  padding: 23px 20px 0 0;
  white-space: nowrap;
}
#header .user span {
  color: #fff;
  margin-right: 20px
}
#header .user a {
  color: #bcc1c9;
  text-decoration: none
}
#header .user a:hover {
  text-decoration: underline
}
#main {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
}
#slidebar {
  position: sticky;
  top: 20px;
  width: 240px;
  flex-shrink: 0;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666
}
#menu .menu-item h3 {
  background: #2f2f2f;
  height: 38px;
  line-height: 38px;
  color: #fff;
  font-size: 14px;
  padding-left: 20px;
  cursor: pointer;
  border-left: 1px solid #666;
  border-right: 1px solid #666
}
#menu .menu-item h3 i.bi {
  margin-right: 10px
}
#menu .menu-item .menu-overflow {
  overflow: hidden
}
#menu .menu-content {
  border-left: 1px solid #666;
  border-right: 1px solid #666
}
#menu .menu-content ul li a {
  padding-left: 20px;
  display: block;
  color: #273343;
  line-height: 38px;
  font-size: 12px;
  text-decoration: none;
  background: #f9f9f9;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #d5d6d7
}
#menu .menu-content ul li a i.bi {
  margin-right: 10px
}
#menu .menu-content ul li a:hover {
  background: #777;
  color: #fff;
}
#content {
  flex: 1;
  min-width: 0;
}
#content .box-in {
  border: 1px solid #666;
  background: #fff
}
#content .box-head {
  height: 52px;
  background: url("/assets/ht-bg-db1cd207.gif");
  border-bottom: #666
}
#content .box-content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
#content .box-head h1 {
  display: block;
  line-height: 52px;
  color: #fff;
  font-size: 16px;
  padding-left: 20px;
  font-weight: 700
}
#content .box-head h1 a {
  color: #fff;
}
#content .box-content hr {
  height: 1px;
  border: 0;
  border-bottom: 1px solid #D8D9DA;
  margin-top: 10px;
  margin-bottom: 10px
}
#content .box-content .text h1 {
  color: #2B2B2B;
  font-size: 24px;
  padding: 10px
}
#content .box-content .text h2 {
  color: #2B2B2B;
  font-size: 22px;
  padding: 10px
}
#content .box-content .text h3 {
  color: #2B2B2B;
  font-size: 20px;
  padding: 10px
}
#content .box-content .text h4 {
  color: #2B2B2B;
  font-size: 18px;
  padding: 10px
}
#content .box-content .text h5 {
  color: #2B2B2B;
  font-size: 16px;
  padding: 10px
}
#content .box-content .text h6 {
  color: #2B2B2B;
  font-size: 14px;
  padding: 10px
}
#content .box-content .text ul {
  margin-left: 20px;
  line-height: 18px;
  font-size: 11px;
  color: #6a727f;
  list-style-type: disc;
  padding: 0 10px
}
#content .box-content .text ol {
  margin-left: 20px;
  line-height: 18px;
  font-size: 11px;
  color: #6a727f;
  list-style-type: decimal;
  padding: 0 10px
}
#content .box-content .text p {
  color: #6a727f;
  line-height: 18px;
  font-size: 12px;
  padding: 10px
}
#content .box-content .text a, #content .box-content .text a:visited,
#content .box-content .table a, #content .box-content .table a:visited,
#content .box-content .form a, #content .box-content .form a:visited {
  color: #3f8bbc;
  text-decoration: none;
}
#content .box-content .text a:hover,
#content .box-content .table a:hover,
#content .box-content .form a:hover {
  text-decoration: underline;
}
#content .box-content .table {
  width: 100%;
  padding: 10px 0
}
#content .box-content .table table thead {
  border-top: 1px solid #ccc;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  color: #fff;
  font-weight: 700
}
#content .box-content .table table thead td {
  border-top: 1px solid #dddedf;
  border-bottom: 1px solid #dddedf
}
#content .box-content .table table thead td div {
  display: block;
  background: url("/assets/th-bg-42c94b90.gif") repeat-x;
  border-right: solid 1px #888f9a;
  margin: 1px 0;
  padding: 0 20px
}
#content .box-content .table table .radio {
  width: 61px
}
#content .box-content .table table .radio div {
  text-align: center;
  padding: 0 20px
}
#content .box-content .table table .checkbox {
  width: 61px
}
#content .box-content .table table .checkbox div {
  padding: 0 20px
}
#content .box-content .table table tbody td {
  border-bottom: 1px solid #dddedf
}
#content .box-content .table table tbody td tr {
  height: 40px
}
#content .box-content .table table tbody td div {
  border-right: solid 1px #d5d6d7;
  line-height: 38px;
  font-size: 12px;
  color: #2b2b2b;
  font-weight: 700;
  margin: 1px 0;
  padding: 0 20px
}
#content .box-content .table table tbody td .odd {
  background: #eee
}
#content .box-content .table table tbody td div a {
  color: #3f8bbc;
  text-decoration: none
}
#content .box-content .actions {
  float: left;
  overflow: hidden;
  padding: 20px 0 10px
}
#content .box-content .actions .applyfield {
  border: 1px solid #e0e0e0;
  font-size: 12px;
  color: #2b2b2b;
  padding: 6px 9px
}
#content .box-content .actions .apply {
  background: #000 url("/assets/s-bg-ed4f1c09.gif") repeat-x;
  border: 1px solid #050505;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  padding: 6px 9px
}
#content .box-content .form p {
  font-size: 14px;
  color: #2b2b2b;
  margin-bottom: 10px
}
#content .box-content .form label {
  display: block;
  font-size: 14px;
  color: #2b2b2b;
  font-weight: 700;
  line-height: 30px
}
#content .box-content .form .text,
input.text {
  border: 1px solid #e0e0e0;
  font-size: 14px;
  margin-bottom: 10px;
  color: #2b2b2b;
  padding: 10px
}
#content .box-content .form .file {
  font-size: 14px;
  margin-bottom: 10px
}
#content .box-content .form .small,
input.small {
  width: 25%
}
#content .box-content .form .medium,
input.medium {
  width: 50%
}
#content .box-content .form .scrollbox {
  background: #FFF;
  border: 1px solid #D8D9DA;
  height: 120px;
  overflow: scroll;
  color: #2B2B2B;
  font-size: 12px;
  font-weight: 700;
  width: 50%;
  margin-bottom: 10px
}
#content .box-content .form .scrollbox div input {
  width: inherit;
  margin: 0 10px 0 0;
  padding: 0
}
#content .box-content .form .scrollbox div.odd {
  background: #f9f9f9
}
#content .box-content .form .submit,
button.submit {
  background: #000 url("/assets/s-bg-ed4f1c09.gif") repeat-x;
  border: 1px solid #050505;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  height: 38px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 20px
}
button.submit[disabled] {
  text-decoration: line-through;
}
.notification {
  height: 40px;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative
}
.notification .messages {
  color: #2b2b2b;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  margin: 1px;
  padding: 13px 0 13px 50px
}
.notification .messages .close {
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer
}
.error {
  border: 1px solid #c58f75
}
.error .messages {
  background: #f2bba0;
}
.error .messages::before {
  font-family: 'bootstrap-icons';
  content: "\f335";
  position: absolute;
  left: 20px;
  top: 12px;
  font-size: 16px;
  color: #c58f75;
}
.success {
  border: 1px solid #9ac933
}
.success .messages {
  background: #cee790;
}
.success .messages::before {
  font-family: 'bootstrap-icons';
  content: "\f26b";
  position: absolute;
  left: 20px;
  top: 12px;
  font-size: 16px;
  color: #6a9f1b;
}
.warning {
  border: 1px solid #e6d260
}
.warning .messages {
  background: #f9edaa;
}
.warning .messages::before {
  font-family: 'bootstrap-icons';
  content: "\f33b";
  position: absolute;
  left: 20px;
  top: 12px;
  font-size: 16px;
  color: #b8a630;
}
.info {
  border: 1px solid #acdbef
}
.info .messages {
  background: #daeffb;
}
.info .messages::before {
  font-family: 'bootstrap-icons';
  content: "\f431";
  position: absolute;
  left: 20px;
  top: 12px;
  font-size: 16px;
  color: #6aafcf;
}
#content .box-content .table table {
  width: 100%
}
#menu .menu-content ul {
  list-style-type: none
}
#content .box-out {
  border: 1px solid #666;
  margin-bottom: 20px;
  background: url("/assets/alpha-b30a672e.png");
  padding: 10px
}
#content .box-content,#content .box-content .form,#content .box-content .form .scrollbox div,#content .box-content .chart {
  padding: 10px
}
#content .box-content .table table thead .action,#content .box-content .table table .action div {
  border-right: 0
}
#content .box-content .table table tbody td .even,#content .box-content .form .scrollbox div.even {
  background: #fff
}
#content .box-content .table table tbody td div a:hover {
  color: #2facee;
  text-decoration: underline
}
#content .box-content .actions .submit:hover, #content .box-content .form .submit:hover {
  background: #4290bf url("/assets/sh-bg-b3d4ecb6.gif") repeat-x;
  border: 1px solid #3F8BBC
}
#content .box-content .form .textarea,#content .box-content .form .big {
  width: 98%
}
#content .box-content .form .text:focus {
  border: 1px solid #000;
  color: #000
}

td, td div, td div a {
  white-space: nowrap;
}

.advanced {
  margin-bottom: 10px;
  margin-right: 20px;
}

.advanced > a {
  font-size: 90%;
}

.advanced > div {
  margin: 20px 20px 20px 20px;
  padding: 20px 0 0 20px;
  border: 1px dashed #333;
}


#content .box-content .text#squad h2.total {
  text-align: center;
  margin-bottom: 10px;
}

#content .box-content .text#squad h2 {
  clear: both;
}

#content .box-content .text#trade ul.teams {
  padding: 0;
}

#content .box-content .text#squad ul, #content .box-content .text#trade li.team ul.players {
  float: left;
  margin: 0 0 20px 10px;
  border: 1px solid #999;
  padding: 0;
  background: #eee;
}

#content .box-content .text#squad li, #content .box-content .text#trade li.team ul.players li {
  list-style: none;
  line-height: normal;
  font-size: 13px;
  margin: 5px;
  padding: 5px;
  width: 250px;
  border: 1px solid #666;
  background: #fff;
  position: relative;
}

#content .box-content .text#squad li.heading, #content .box-content .text#trade li.team ul.players li.heading {
  font-weight: bold;
  border: 1px solid black;
  color: #eee;
  background: #333;
}

#content .box-content .text#squad li.empty {
  font-style: italic;
  font-weight: bold;
  background: #ffd4d4;
  color: #333;
}

#content .box-content .text#squad li a,
#content .box-content .text#squad li img {
  -webkit-user-drag: none;
  user-drag: none;
}

#content .box-content .text#squad button {
  margin-left: 10px;
}

#content .box-content .text#squad li .image, #content .box-content .text#trade li.team ul.players li .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#content .box-content .text#squad li .image .avatar, #content .box-content .text#trade li.team ul.players li .image .avatar {
  align-self: flex-end;
}

#content .box-content .text#squad li .image img, #content .box-content .text#trade li.team ul.players li .image img {
  display: block;
}

#content .box-content .text#squad li .image .avatar img, #content .box-content .text#trade li.team ul.players li .image .avatar img {
  margin-left: 0;
}

#content .box-content .text#squad li .player, #content .box-content .text#trade li.team ul.players li .player {
  margin-left: 50px;
}

#content .box-content .text#squad li .score {
  float: right;
  font-size: 140%;
  margin-right: 5px;
  margin-top: -35px;
}

#content .box-content .text#trade li.team ul.players li .trade {
  float: right;
  margin-top: -15px;
}

#content .box-content .text#squad li .stats,
#content .box-content .text#trade li.team ul.players li .stats,
#content .box-content .text#trade li.team ul.players li .games,
#content .box-content .text#squad li .games {
  margin-left: 50px;
  font-style: italic;
  font-size: 85%;
}

#content .box-content .text#squad li .label, #content .box-content .text#trade li.team ul.players li .label {
  font-weight: bold;
}

#content .box-content .text#squad li .value, #content .box-content .text#trade li.team ul.players li .value {
  margin-right: 5px;
}

#content .clear {
  clear: both;
}

#content a.comments {
  float: right;
  font-size: 80%;
}

#content a.comments i.bi {
  vertical-align: middle;
  margin-right: 3px;
}

#content .comments > ol > li {
  list-style: none;
  background: #eee;
  border: 1px dashed #ddd;
  margin: 10px 40px 10px 10px;
}

#content .comments ol li .posted_by {
  font-style: italic;
  font-size: 90%;
  display: block;
  text-align: right;
  white-space: nowrap;
  margin-right: 5px;
}

#content .box-content .text h2.post_title {
  padding-bottom: 0;
}

#content .box-content .text p.posted_by {
  font-size: 60%;
  font-style: italic;
  padding-top: 0;
}

.edit {
  float: right;
  font-size: 80%;
  margin-right: 10px;
}

.edit i.bi {
  margin-right: 5px;
  vertical-align: middle;
}

.markdown_help {
  float: right;
  font-size: 80%;
  margin-bottom: 20px;
}

div.round ul.round li.game, div.round ul.afl_games li.afl_game {
  list-style: none;
  clear: both;
  margin-bottom: 10px;
}

#content .box-content .text ol.votes > li {
  list-style: none;
}

ol.rounds > li {
  list-style: none;
  display: inline;
  margin-right: 10px;
}

#content .box-content .text ol.votes {
  list-style: none;
  margin-bottom: 20px;
}

ol.rounds,
ul.round,
ul.afl_games {
  margin-bottom: 20px;
}

div.round button.submit {
  margin-left: 30px;
}

.rookie {
  font-size: 80%;
  font-weight: normal;
  font-style: italic;
}

#squad span.updated {
  margin-top: 30px;
  float: right;
  font-style: italic;
  font-size: 80%;
}

.table#player .club_logo {
  float: left;
}

.table#player .avatar {
  float: right;
}

.table#player .season_averages {
  margin-top: 20px;
}

#squad .score .total {
  font-weight: bold;
}

#content .box-content .text#squad form.edit_squad li.scored,
#content .box-content .text#squad li.nonplayer,
#content .box-content .text#squad li.nonscorer {
  background: #eee;
}

#squad .nonscorer .total {
  text-decoration: line-through;
  font-style: italic;
  font-weight: normal;
  color: #b33;
}

#squad .nonplayer .total {
  text-decoration: line-through;
  font-style: italic;
  font-weight: normal;
}

#content .box-content #squad.table table tbody tr.emergency td div.even,
#content .box-content #squad.table table tbody tr.emergency td div.odd {
  background: #eee;
}

#content .box-content #squad.text li.selected:before {
  font-family: 'bootstrap-icons';
  content: "\f26a";
  color: #390;
  float: right;
  font-size: 180%;
}

#content .box-content #squad.text li.selected_no:before {
  font-family: 'bootstrap-icons';
  content: "\f622";
  color: #c03;
  float: right;
  font-size: 180%;
}

#content .box-content #squad.text li.selected_emergency:before {
  font-family: 'bootstrap-icons';
  content: "\f332";
  color: #f93;
  float: right;
  font-size: 180%;
}

#content .box-content #squad.text li.selected_unknown:before {
  font-family: 'bootstrap-icons';
  content: "\f504";
  color: #666;
  float: right;
  font-size: 180%;
}

#content .box-content .table table#search_results tr.trade_block.odd,
#content .box-content .table table.team tr.trade_block.odd {
  background: #d4ffd4;
}

#content .box-content .table table#search_results tr.trade_block.even,
#content .box-content .table table.team tr.trade_block.even {
  background: #e5ffe5;
}

#content .box-content #squad.text li.injured,
#content .box-content #trade.text ul.teams li.team ul.players li.injured,
#content .box-content .table table#search_results tr.injured.odd,
#content .box-content .table table.team tr.injured.odd {
  background: #ffd4d4;
}

#content .box-content .table table#search_results tr.injured.even,
#content .box-content .table table.team tr.injured.even {
  background: #ffe5e5;
}

.markdown table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
}
.markdown table thead {
  background: url("/assets/th-bg-42c94b90.gif") repeat-x;
  border-top: 1px solid #ccc;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.markdown table th,
.markdown table td {
  border: 1px solid #dddedf;
  padding: 4px 20px;
  line-height: 38px;
  font-size: 12px;
  color: #2b2b2b;
  font-weight: 700;
}
.markdown table th {
  background: url("/assets/th-bg-42c94b90.gif") repeat-x;
  color: #fff;
  border-right: solid 1px #888f9a;
}
.markdown table tbody tr:nth-child(odd) {
  background: #eee;
}
.markdown table tbody td a {
  color: #3f8bbc;
  text-decoration: none;
}

#content .box-content .form .markdown .textarea { width: 97%; }
#content .box-content .text .markItUpHeader ul { margin-left: 0; }
#content .box-content .text .markItUpHeader .markItUpButton1 { display: none; }
#content .box-content .text .comments .markItUpHeader .markItUpButton2 { display: none; }

ol#draft_picks {
  list-style-type: none
}
#squads ul li {
  display: inline;
  margin: 0 10px;
}
#content .box-content .text#trade table.team td.pick,
#content .box-content .text#trade table.team td.pick_overall,
#content .box-content .text#trade table.team td.pos,
#content .box-content .text#trade table.team td.recent,
#content .box-content .text#trade table.team td.club,
#content .box-content .text#trade table.team td.total,
#content .box-content .text#trade table.team td.average,
#content .box-content .text#trade table.team td.trade {
  text-align: center;
}
#content .box-content .text#trade table.team td.trade i.bi {
  vertical-align: middle;
}
#content .box-content .text#trade table.team td.player {
  width: 100%;
}

#content .box-content .text#trade ul.teams li {
  list-style-type: none
}

#content .box-content .text#trade ul.teams li.team {
  float: left;
  margin-right: 50px;
}

#content .box-content .table table.team thead td {
  background: url("/assets/th-bg-42c94b90.gif") repeat-x;
  border-right: solid 1px #888f9a;
  margin: 1px 0;
  padding: 0 20px
}

#content .box-content .table table tbody tr.odd {
  background: #eee
}

#content .box-content .table table tbody td a {
  color: #3f8bbc;
  text-decoration: none
}

#content .box-content .table table.team tbody td {
  border-right: solid 1px #d5d6d7;
  line-height: 38px;
  font-size: 12px;
  color: #2b2b2b;
  font-weight: 700;
  margin: 1px 0;
  padding: 0 20px
}

#content .box-content .text#trade .message,
#content .box-content .text#trade .trade_message {
  clear: both;
}

#content .box-content .text#trade .message textarea {
  display: block;
  width: 60%;
}

.notification .messages ol.trades {
  display: inline;
}

.notification .messages ol.trades li {
  display: inline;
  margin-right: 5px;
}

span.home_proj,
span.away_proj {
  color: #0e0;
}