form { display: inline; }
.page_options {
   width: 250px;
   text-align: center;
   color: #A64502;
   font-size: 10pt;
}
.page_options a {
   color: #000;
}
.page_options_title {
}
.main {
   margin: 1px;
   padding: 0px;
   font-size: 0.8em;
   background: transparent;
}
.column_one, .column_two, .column_three {
	margin: 0px 5px 0px 0px;
	border-radius: 10px;
	border: 1px solid gray;
	background-color: #FFF;
}
.column_one {
	position: sticky;
	top: 0;
	float: left;
	width: 220px;
}
.auto_status_area {
	float: left;
	width: 100%;
}
.roster_slot_name {
	background-color: blue;
	color: #fff;
	font-size: 0.8em;
	width: 20%;
	max-width: 25px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	height: 25px;
	border-radius: 5px;
}
.roster_slot_player {

}
.top_stuff {
   color: #3377F7;
   width: 100%;
}
.main_iamup {
   margin: 1px;
   padding: 0px;
   font-size: 1.0em;
   color: #3377F7;
   background: url(../'../images/iamup.gif') repeat #000;
}
.top_message {
   text-align: left;
}
.round {
	font-size: 1.1em;
	
}
.scoreboard {
   background-color: #2F2F2F;
   float: left;
   width: 100%;
   padding-left: 0px;
   margin-left: 0px;
   display: none;
}
.scoreboard_light {
   padding: 2px;
   float: left;
}
.scoreboard_spacer {
   width: 26px;
   background: transparent;
   margin: 0px;
   padding: 0px;
   float: left;
}
.scoreboard_print {
   text-align: center;
   font-weight: bold;
   color: #FFF;
   font-size: 9pt;
   width: 60px;
   float: left;
}
.fillingDiv, .fullDiv, .draftingDiv, .completedDiv {
   margin: 0px;
   padding: 0px;
   text-align:left;
   display:block;
}
.fullDiv {
   font-weight: bold;
   color: #FFF;
   background-color: red;
   box-sizing: border-box;
   box-shadow: 5px 5px 3px #888888;
   margin: 10px 5px;
   padding: 5px;
   font-size: 1.2em;
}
.all_teams {
   height: 0px;
   overflow: auto;
}
.all_teams_table {
   font-size: 1.0em;
   color: #FFF;
   width: 100%;
}

td.tmname {
   background: linear-gradient(#FFF, #DEDEDE);
   color: #000;
   text-align: center;
}

.all_teams_table td {
   text-align: center;
}

.bg_K, .bg_1B { background-color: #A64502; }
.bg_RB, .bg_SP, .bg_PF, .bg_SF, .bg_F { background-color: #B70000; }
.bg_WR, .bg_RP, .bg_PG, .bg_SG, .bg_G { background-color: #000088; }
.bg_QB, .bg_2B { background-color: #004200; }
.bg_TE, .bg_3B { background-color: #4286F4; }
.bg_DEF, .bg_SS { background-color: #000; }
.bg_DL, .bg_OF { background-color: #FF8000; }
.bg_LB { background-color: #FF8000; }
.bg_DB { background-color: #FF8000; }
.bg_C { background-color: #696969; }
.bg_DH { background-color: #285151; }
.bg_ { background-color: #C0C0C0; }
.fg_K, .fg_K a { color: #A64502; }
.fg_RB, .fg_RB a, .fg_PF, .fg_SF, .fg_F, .fg_PF a, .fg_SF a, .fg_F a { color: #B70000; }
.fg_WR, .fg_WR a, .fg_PG, .fg_SG, .fg_G, .fg_PG a, .fg_SG a, .fg_G a { color: #000088; }
.fg_QB, .fg_QB a { color: #004200; }
.fg_TE, .fg_TE a { color: #4286F4; }
.fg_DEF, .fg_DEF a { color: #000; }
.fg_DL, .fg_DL a { color: #FF8000; }
.fg_LB, .fg_LB a { color: #FF8000; }
.fg_DB, .fg_DB a { color: #FF8000; }

.top_row {
   background-color: #FFF;
   width: 956px;
   height: 20px;
   float: left;
}
.top_row_right {
   width: 180px;
   height: 25px;
   float: left;
}
.autostatus_roundstatus {
   width: 300px;
   float: left;
}
.autostatus_roundstatus a {
}
#autostatus {
   width: 230px;
   float: left;
}
#autostatus a {
   color: #2F2F2F;
}
#roundstatus {
   width: 100px;
   float: right;
}
.update_voterslink_votemsg {
   float: left;
}
#update {
   width: 45px;
   float: left;
}
.voterslink {
   float: right;
}
#vote_msg {
   float: left;
}
#rosters_dropdown {
}
.second_row {
   width: 975px;
   float: left;
}
#rosters_div {
   width: 100%;
   margin-right: 1px;
   font-size: 1.0em;
   float: left;
}
.rosters_row {
   height: 25px;
   line-height: 25px;
   width: 100%;
   display: block;
}
.rosters_notonclock {
   float: left;
}
.rosters_isonline {
   width: 100%;
   float: left;
//   background: url('images/online_bg.gif') repeat-x #FFFFFF;
   background: linear-gradient(90deg, lime, transparent);
   background-size: 100% 100%;
//   border-bottom: 1px solid #F1EFEF;
   animation-name: online;
   animation-duration: 4s;
   animation-delay: 2s;
}
@keyframes online {
	0% { background-color: lime;background-image: none; }
	20% { background-color: pink;background-image: none;transform:rotate(5deg);}
	40% { background-color: yellow;background-image: none;transform:rotate(-5deg);}
	60% { background-color: #289e02;background-image: none;transform:rotate(5deg);}
	100% { background-image:none;background:linear-gradient(90deg, lime, transparent);transform:rotate(0deg); }
}
.rosters_notonline {
   float: left;
   width: 100%;
   background: transparent;
	background-image: linear-gradient(#FFF, #DEDEDE);
   border-bottom: 1px solid #F1EFEF;
   animation-name: notonline;
   animation-duration: 2s;
   animation-delay: 0s;
}
@keyframes notonline {
	0% { background-color: #888888;background-image:none;color:#FFF;transform:scaleX(-0.8);};
	30% { background-color:#DEDEDE};
	99% { background-color: #C0C0C0};
	100% { background-image:linear-gradient(#FFF, #DEDEDE);color: inherit; };
}
.sleep_mode {
	opacity: 0.7;
	position:absolute;
	top:50%;left:50%;
	background-color: yellow;
	transform: translate(-50%, -50%) rotate(-15deg);
	width:100%;
	font-size:1.3em;
	font-weight:bold;
	color: red;
}
.sleep_mode_note {
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
}
.rosters_mozilla {
   float: left;
   background: url('../../images/mozilla.gif') center right no-repeat;
}
.rosters_onclock {
   background: url('../images/onclock_bg.jpg') repeat-x #FFFFFF;
   float: left;
}
.rosters_online {
   width: 10%;
   float: right;
}
.rosters_autostatus {
   width: 8%;
   float: left;
   height: 25px;
   padding: 5px 0px;
}
.rosters_autostatus img {
}
.empty_roster {
	background-color: #00000a42;
	border-radius: 20px;
	width: 120px;
	text-align: center;
	display: block;
	opacity: 0.6;
	font-size: 0.8em;
}
.rosters_teamnumber {
   width: 10%;
   font-weight: bold;
   color: #000;
   text-align: right;
   float: left;
}
.rosters_spacer {
   float: left;
   width: 2%;
}
.rosters_teamname, .rosters_teamname_manager {
   width: 62%;
   color: #2F2F2F;
   text-align: left;
   float: right;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}
.rosters_teamname_manager {
   font-weight: bold;
   font-style: italic;
}
.rosters_teamname a {
   color: blue;
   padding-left: 5px;
   font-size: 0.9em;
}
.rosters_teamname a:hover {
   opacity: 1.0;
}
.rosters_arrow {
   width: 8%;
   height: 25px;
   display: flex;
   align-items: center;
   justify-content: center;
   float: left;
}
#players_taken {
   width: 100%;
   float: left;
	font-size: 0.9em;
}
.playersTakenDiv {
   display: block;
   font-size: 1.1em;
   max-height: 509px;
   overflow-y: scroll;
   min-height: 200px;
}
.playersTakenDiv a {
	color: blue;
}
.playersTakenTable {
}
.playersTakenTable td {
	min-width: 60px;
}
.playersTakenTable th {
   background-color: #2F2F2F;
   color: #FFF;
}
td.grade {
   width: 40px;
}
a.goodGradeLink, a.badGradeLink {
   text-decoration: none;
}

a.goodGradeLink {
   color: #009300;
}

a.goodGradeLink:hover {
}

a.badGradeLink {
   color: #800000;
   margin-right: 20px;
}

a.badGradeLink:hover {
}

#lineup_div {
   float: left;
	width: 100%;
	text-align: left;
	color: #000;

}
#rosters {
	border-radius: 10px;	
}
.rosterDiv {
//  max-height: 800px;
   overflow-x: hidden;
//   overflow-y: scroll;
   font-size: 1.1em;
}
.rosterTable {
   width: 100%;
   border-collapse: separate;
   border-spacing: 3px;
}
.rosterTable td {
   padding-left: 3px;
   padding-right: 3px;
}
input { cursor: pointer; }
.rostersDropDown {
   background-color: #2F2F2F;
   color: #FFFFFF;
   font-weight: bold;
   border: 1px solid #000;
   width: 130px;
   cursor: pointer;
}
.dropDown {
   font-size: 0.9em;
   border: 1px solid #000;
   cursor: pointer;
}
.label {
   font-size: 0.9em;
}
.messagesDiv {
   overflow-y: auto;
   width: 100%;
   display: block;
   background-color: #FFF;
}
.evenMessage {
   background-color: #CED0D1;  
}
.oddMessage {
   background-color: #F1EEE4;
}
.messageAuthor {
   color: blue;
   font-size: 1.1em;
   font-weight: bold;
}
.messageTime {
   font-size: 1.0em;
   display: none;
}
.messageText {
   padding-left: 4px;
}
.messageAuthorAdmin {
   color: red;
   font-weight: bold;
}
.messageTimeAdmin {
   font-size: 7pt;
   color: red;
   display: none;
}
.messageTextAdmin {
   padding-left: 4px;
   font-weight: bold;
   color: red;
}
#postMessageStatus {
   font-size: 9pt;
   font-weight: bold;
}
.postMessageButton {
   height: 22px;
   width: 75px;
   font-weight: bold;
   font-size: 9pt;
   cursor: pointer;
   color: white;
   background-color: #2F2F2F;
}
.playerGone {
   background-color: #D6E4FD;
   color: #000;
   padding: 1px 0px 1px 0px;
}
.playerNotGone {
   background-color: #FFF;
   padding: 1px 0px 1px 0px;
}
.playerGoneStatus {
   background-color: #D6E4FD;
   color: #4B4B4B;
   text-align: right;
}
.playerNotGoneStatus {
   background-color: #FFF;
   text-align: right;
}
.playerNotGoneStatus a {
   text-align: right;
   text-decoration: none;
}
.closeDropDown a {
   padding-left: 5px;
   color: #FFF;
   font-weight: bold;
}
.closeDropDown {
   padding-bottom: 5px;
}
.hiddenSearchDiv {
   width:248px;
   height:0px;
   background-color: #000;
   overflow-y: auto;
   overflow-x: hidden;
   display:none;
   border: 1px solid #F1EEE4;
   margin: 5px;
}
.title {
   color: #A64502;
}
.middle {
   float: left;
	display:none;
}
.left_side {
   float: left;
}
.sort {
   margin: 1px;
   height: 22px;
   float: left;
   width: 100%;
}
.under_sort {
   margin: 1px;
   height: 24px;
   float: left;
   width: 100%;
}
#secondClock {
   font-size: 3.7em;
   font-weight: bold;
   color: #000;
   background-color: #FFF;
   width: 100%;
   text-shadow: 1px 1px 2px #888;
}
.left_players {
   float: left;
}
.right_side {
   float: left;
}
.right_players {
   float: left;
}
.right_advertisement {
   margin: 5px 0px 0px 1px;
   float: right;
}
.searchbox {
   font-size: 9pt;
   font-weight: bold;
   border: 1px solid black;
   padding: 0px 0px 0px 5px;
}
.searchArea {
   background-color: #000;
}
.directions {
   border: 1px solid #000;
   text-align: left;
   font-weight: bold;
   float: left;
}
.directions_table {
   width: 500px;
   float: left;
}
.directions_table td {
}
.directions_table ul {
   padding: 2px;
   margin: 0px 0px 0px 14px;
}
.directions_table ul li {
   margin: 0px;
   padding: 0px;
   color: #000;
   font-weight: normal;
   list-style-type: disc;
}
.poll_firefox {
   width: 185px;
   float: right;
}
.draftManager {
   margin: 30px 0px 0px 10px;
   background-color: #FFF;
   border: 4px solid blue;
   font-size: 11pt;
   color: #000;
   float: left;
}