body
{
    padding:    0;
    font-size: 1.0em;
    margin: auto;
    background:     rgb(255, 23, 25);
    color:      #fff;
    font-family:    Arial, Helvetica, Geneva, sans-serif;
}
#bigbody
{
    margin:     0 auto;
    padding:    0;
    min-width:  60em;
    max-width: 90em;
    width:      auto;
    background: #d7d6d4 url("/images/im27/brick-wall-section-sm.jpg") repeat-x fixed center top;
}

#bigbodyfrau
{
    margin:     0 auto;
    /* margin-right:    100px; */
    min-width:  50em;
    max-width: 90em;
    width:      auto;
    background: #d7d6d4 url("/images/im27/brick-wall-section.jpg-sm") repeat-x fixed center top;
}

#posterbody
{
    margin:     0;
    padding:    0;
    min-width:  50em;
    background: #d7d6d4 url("/images/im27/brick-wall-section-sm.jpg") repeat-x fixed center top;
    /* background:  #7e0908 url("//images/im27/im26bkg3.png") repeat-y fixed center  top;*/
}
#header
{
    background: url("/images/im27/im27-marquee.jpg") no-repeat center top;
    margin-top: 50px;
    padding-top: 200px;
    height: 286px;
    min-height: 286px;
}
#header .center {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start; /* or center, as needed */
}
.header__container
{
	position: absolute;
	top: 0;
	-webkit-transition:background-color .25s ease-out;
	transition:background-color .25s ease-out;
	width:100%;
	z-index:990
}
.poster-container
{
    float:  right;
    margin: 10px;
    max-height: 300px;
}
.lowered
{
    margin-top: 50px;
}
#posterbody a
{
    color: rgb(192, 188, 168);
}

.message, #bigcontent, #bigcontentIE, #adminbigcontent 
{
    padding: 10px;
    
}
.dateline
{
    text-align: left;
    line-height:    1.5em;
}

.bluebkg, #bigcontent, #bigcontentIE, #adminbigcontent
{
	margin: 10px;
	border: 1px solid #D0D0D0;
	box-shadow: 0 0 8px #D0D0D0;
	background-color: rgba(23, 23, 46, 0.85);
}
.graybkg
{
	margin: 10px;
	border: 1px solid #D0D0D0;
	box-shadow: 0 0 8px #D0D0D0;
	background-color: rgba(23, 23, 23, 0.85);
}
.firstblock
{
	min-height: 100px;
	float: none;
}
.blockslide
{
    min-width: 50em;
    max-width: 60em;
    margin: 10px 2em;
    float: none;
}

.doublewide
{
    max-width: 85em;
    width: 85em;
}
.blankspace
{
}

.blockslide p, .blockslide h1, .blockslide h2, .blockslide div
{
    margin: 20px;
}

.container {
    float:left;
    position:relative;
    left:50%;
}
.center {
    float:left;
    position:relative;
    left:-50%;
}
.outerwrap {
    position:relative;
    overflow:hidden;
}

.tagline
{
    margin: 0 auto;
    width: auto;
    height: auto;
    vertical-align: middle;
    align: center;
    text-align: center;
}
#topmenu table, #bottommenu table
{
    border-color:   #000;
    border-width:   1px;
    border-style:   solid;
}

#menuhorizontal
{
    margin: 0 auto;
    float:  none;
    clear:  both;
    width:  100%;
    display: inline;
}

#topmenu
{
	position: fixed;
	top: 0;
	width:100%;
	z-index: 9999;
    min-height:     48px;
    padding-top:    10px;
    margin:     0 auto 10px;
    float:      none;
    clear:      both;
    align:      center;
    text-align: center;
	background: rgba(0, 0, 0, 0.5);
}

#sidemenu
{
	position: sticky;
	top: 0;
    width:      160px;
    min-height:     120px;
    padding-top:    10px;
    margin:     0 auto 10px;
    clear:      both;
	float:		left;
    align:      center;
    text-align: center;
	background-color: rgba(128, 128, 128, 0.5);
}


#topmenu a, #menuhorizontal a
{
    color: #ffffff;
}

#topmenu table, #bottommenu table
{
    border-color:   #fff;
    border-width:   1px;
    border-style:   solid;
}

#bottommenu
{
    left:       0px;
    float:      none;
    clear:      both;
    border:     3px ridge #000;
}

#bottommenu p {
    text-align: right;
}

#acctmenu
{
    padding:    2px;
    margin:     0px;
    border-color:   #000;
    border-width:   1px;
    border-style:   solid;
}

#bookmark
{
    width:      1px;
    float:      left;
}

#junk
{
    background: red;
    margin-top: 3px;
    margin-bottom:  3px;
    margin-left:    auto;
    margin-right:   auto;
    width:  380px;
}

#message
{
    text-align: left;
    margin-top: 120px;
    margin-bottom:  10px;
    margin-left:    auto;
    margin-right:   auto;
}

#messagebody
{
    align:      center;
    text-align: left;
    margin:     0 auto;
    width:      auto;
}


.mainmenu ul,
.tagline ul {
    margin-top: 5px;
    list-style-type:    none;
    text-align: left;
}

#menuhorizontal ul,
.tagline ul {
    margin: 0 auto;
    float:  none;
    clear:  both;
}
#menuhorizontal ul li {
    float:  left;
    text-align: center;
    clear:  none;
}
#bottommenu ul,
#bottommenu ul li,
#menuvertical li,
#menuvertical ul,
#menuvertical ul li {
    text-align: left;
    width: auto;
    margin: 3px;
    padding: 2px;
}

#menuvertical .tagline li {
    float:  left;
    text-align: center;
    width: 6em;
}
#menuvertical .tagline .quote {
    width: 20em;
}

.mainmenu {
    font-weight:    bold;
    text-align: left;
    padding: 8px 14px;
}
.mainmenu li {
    list-style-type:    none;
    text-decoration: none;
    text-align: left;
    font-weight:    bold;
    padding: 8px 24px;
	vertical-align: middle;
}
.mainmenu li.first {
    padding: 0;
}
.mainmenu li a:link, .mainmenu li a:visited, .mainmenu li a:active {
    text-decoration: none;
}
.mainmenu li a:hover {
    opacity:    0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}
.mainmenu li.first a:hover {
    opacity:    0.75;
    filter:alpha(opacity=75); /* For IE8 and earlier */
}
a.mainmenu:link {
    text-decoration: none;
}
a.mainmenu:visited {
    text-decoration: none;
}
a.mainmenu:hover {
    text-decoration: none;
}
a.mainmenu:active {
    text-decoration: none;
}
a.mainmenu img {
    border: 1px solid black;
}
a.mainmenu:hover img {
    border-color: #822;
}
.mainmenuBox {
    text-align: left;
    border: 1px solid #FEFEFE;
}
.mainmenu2 {
    color: #dc8;
    font-weight: bold;
    text-align: left;
}
a.mainmenu2:link {
    text-decoration: none;
}
a.mainmenu2:visited {
    text-decoration: none;
}
a.mainmenu2:hover {
    text-decoration: none;
}
a.mainmenu2:active {
    text-decoration: none;
}
.title {
	color: rgba(255, 255, 255, 0.33);
    font-size:48pt; 
    font-weight: Bold;
}
.sectiontitle {
    font-size:24pt; 
    font-weight: Bold;
}
.subtitle {
    font-size: 14pt; 
    font-weight: Normal;
    color: #d44; 
}
.slogan {
    font-size: 12pt; 
    font-weight: Normal;
    color: #d44; 
}
.body {
    font-size:  12pt    ; 
    font-weight: Normal;
}
.quote
{
    font-style: italic;
    font-weight: bold;
    font-size: 1em;
    padding: 5px 10px;
	float: none;
}
.error
{
    color:      #E00000;
    font-style: italic;
}
.fieldLabel
{
    color:#8080FF;
    height: 10px;
}
.formLabel
{
    color: #8080FF;
}
.formClear
{
    clear:  both;
    margin: 5px;
}
.blockslide div.formClearCompact, .formClearCompact
{
    clear:  both;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 20px;
    margin-right: 20px;
}
.form2Label
{
    color: #8080FF;
    min-width: 100px;
    display: block;
    float: left;
    margin-right: 4px;
    text-align: right;
}
.loginLabel
{
    color:#8080FF;
}
.formLabelLeft
{
    color:#8080FF;
    text-align:left;
}
.loginField
{
    color:#000040;
    background-color:#E0E0FF;
    border-style:solid;
    border-width:1px;
    border-color:#443300;
}
.displayField
{
    background: #C4C4B8;
    height: 10px;
    padding:    0px 5px;
    color:      #010101;
    border-style:   solid;
    border-width:   1px;
    border-color:   #443300;
}
.displayArea
{
    background: #C4C4B8;
    padding:    0px 5px;
    color:      #010101;
    border-style:   solid;
    border-width:   1px;
    border-color:   #443300;
}
.formField
{
    color:#FEFEFE;
    background-color:#010101;
    border-style:solid;
    border-width:1px;
    border-color:#443300;
}
.formFieldRequired
{
    color:#000080;
    background-color:#E0E0FF;
    border-style:solid;
    border-width:1px;
    border-color:#443300;
}
.formFieldError
{
    color:#FFA000;
    background-color:#DDA0A0;
    border-style:solid;
    border-width:2px;
    border-color:#FFC0C0;
}
.formFieldRequiredError
{
    color:#800000;
    background-color:#FFC0C0;
    border-style:solid;
    border-width:2px;
    border-color:#A00000;
}

.ffTiny
{
    width: 4em;
}

.rsBkg
{
}

.rsRow
{
}
.rsHeader
{
    font-weight:    bold;
    padding:    0px 5px;
    background: #012;
    border-style:   solid;
    border-width:   2px;
    border-color:   #808080;
    position:       sticky;
    top:            0;
}
.rsHeader th
{
    background:     #012;
}
.rsRowEven
{
    padding:    0px 5px;
    color:      #dc9;
    background: #012;
    border-style:   solid;
    border-width:   1px;
    border-color:   #221900;
}
.rsRowOdd
{
    padding:    0px 5px;
    color:      #dc9;
    background: #002;
    border-style:   solid;
    border-width:   1px;
    border-color:   #443300;
}
.rsRowEven a, .rsRowOdd a
{
    color:      #fea;
}
.badPick
{
    color:      #E04040;
}
.goodPick
{
    color:      #00A000;
}
.lockedPick
{
    color:      #A0A000;
}
.pendingPick
{
    color:      #A0A0A0;
}
.dataCellOdd
{
    color:      #fff;
    background: #333;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #808080;
}
.dataCellEven
{
    color:      #fff;
    background: #111;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #808080;
}
.myDataCellOdd
{
    color:      #fdfdfd;
    background: #804040;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #808080;
}
.myDataCellEven
{
    color:      #fdfdfd;
    background: #602020;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #808080;
}
.missingCell
{
    color:      #FFFF40;
    background: #E0A040;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #FFD080;
    text-align: center;
}
.badCell
{
    color:      #fdfdfd;
    background: #E04040;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #FF8080;
    text-align: center;
}
.pushCell
{
    color:      #fff;
    background: steelblue;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #fff;
    text-align: center;
}
.mulliganCell
{
    color:      #fff;
    background: orange;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #fff;
    text-align: center;
}
.goodCell
{
    color:      #fdfdfd;
    background: #00A000;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #80FF80;
    text-align: center;
}
.winnerCell
{
    color:      #FFFF90;
    background: #802090;
    padding:    0px 2px;
    font-size:  12pt;
    font-weight:    bold;
    border-style:   dashed;
    border-width:   2px;
    border-color:   #FFFF90;
    text-align: center;
}
.lockedCell
{
    color:      #010101;
    background: #A0A000;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #FFFF80;
    text-align: center;
}
.pendingCell
{
    color:      #222222;
    background: #D0D040;
    padding:    0px 2px;
    font-size:   12pt;
    border-style:   solid;
    border-width:   1px;
    border-color:   #808080;
    text-align: center;
}
.badHeader
{
    color:      #010101;
    background: #A00000;
    font-weight:    bold;
    padding:    0px 5px;
    border-style:   solid;
    border-width:   2px;
    border-color:   #FF8080;
}
.goodHeader
{
    color:      #010101;
    background: #00A000;
    font-weight:    bold;
    padding:    0px 5px;
    border-style:   solid;
    border-width:   2px;
    border-color:   #80FF80;
}
.winnerHeader
{
    color:      #FFFF80;
    background: #A000A0;
    padding:    0px 5px;
    font-size:  12pt;
    font-weight:    bold;
    border-style:   solid;
    border-width:   3px;
    border-color:   #FFFF80;
    text-align: center;
}
.lockedHeader,.pendingHeader
{
    font-weight:    bold;
}
.lockedHeader,.pendingHeader,.resultHeader
{
    padding:    0px 5px;
    border-style:   solid;
    border-width:   2px;
    border-color:   #000;
}
.resultHeader a
{
    color:      #A0A0A0;
}
.resultHeader a:hover
{
    color:      #faa;
}
.edNote
{
    color:      #FF8080;
    font-style: italic;
    font-size:   10pt;
}
.edSig
{
    color:      #A0A0A0;
    font-style: italic;
    font-size:   10pt;
}

ol li
{
    font-size:  14pt;
    margin: 3px;
    padding:    2px;
}

ul.list
{
    list-style-type:    none;
    font-size:  12pt;
}

ul.list li
{
    background:     #201800;
    margin:     3px;
    padding:    2px 14px;;
    color:      #FEA;
    font-style: italic;
    font-weight:    bold;
}

ul.list a
{
    text-decoration: none;
    font-weight:    bold;
    color:      #FEA;
    font-style: normal;
}
ul.list a:visited { color: #FEA; }
ul.list a:hover
{
    text-decoration: underline;
    color:      #cb8;
}

ul.menu
{
    list-style-type:    circle;
    font-size:  12pt;
    margin: 0px;
}

ul.menu li
{
    background:     #201800;
    margin:     3px;
    padding:    2px 14px;
    color:      #228;
    font-style: italic;
    font-weight:    bold;
}

.gap
{
	min-height: 400px;
    float:      none;
    clear:      both;
}

.resultTableScroller
{
    max-height: 80vh;
    overflow: auto;
}

.resultTable
{
    float:      none;
    clear:      both;
}

.resultTable th:nth-child(1) {
  position: sticky;
  top: 0;
  z-index: 10; /* Higher z-index than other header cells */
}
.resultTable td:nth-child(1) {
  z-index: 2; /* Higher z-index than other normal cells */
}

.resultTable th:nth-child(1),
.resultTable td:nth-child(1) {
  position: sticky;
  left: 0;
  background-color: inherit;
}

.resultTable th
{
    border:             1px solid #ccc;
    z-index:            5;
    background-color:   #012;
}

.nick
{
    max-width: 15em;
    text-wrap: normal;
}

#menuhorizontal ul.menu li
{
    text-align: left;
    margin:     0;
    background:     inherit;
}

ul.menu a
{
    text-decoration: none;
    font-weight:    bold;
    color:      #FEA;
    font-style: normal;
}
ul.menu a:visited { color: #FEA; }
ul.menu a:hover
{
    text-decoration: underline;
    color:      #cb8;
}

#menuhorizontal ul.menu a
{
    text-decoration: underline;
    font-style: italic;
}



hr { clear: both; }

.tabledisplay
{
    display: block;
    width:  auto;
    height: auto;
    float:  left;
    clear:  none;
    border: 1px solid #fff;
    padding: 3px;
    margin-bottom: 5px;
}

.full
{
    width: 100%;
}


.clearing {
    clear: both;
}


.tweets {
    margin: 2px;
    padding: 0px;
}

.tweets ul,
.tweets li {
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.tweets .byline {
    display: inline;
    font-weight: bold;
}

.tweets .time {
    display: inline;
    font-size: 80%;
    font-style: italic;
    color: red;
}

.tweets a {
    color: #cc4;
}

.tweets a:hover {
    color: #881;
}

.tweetborder
{
    border:     0px solid #aa4;
    border-width: 1px 0px;
    overflow: hidden;
}

.tweets .who1 {
    color: #811;
}
.tweets .who2, .tweets .who7 {
    color: #2b2;
}
.tweets .who3, .tweets .who8 {
    color: #22b;
}
.tweets .who4, .tweets .who9 {
    color: #f22;
}
.tweets .who5, .tweets .who10 {
    color: #b2b;
}
.tweets .who6, .tweets .who11 {
    color: #bb2;
}

#posterbody img {
    border-width: 0px;
}
#topmenu li a.mainmenu
{
    display: block;
    text-align: left;
    align: left;
}
#topmenu li a.mainmenu img {
    border: 0px solid black;
}
#topmenu li a.mainmenu:hover {
    color: #fff;
    opacity:    0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}

#bigcontent a:visited { color: #8296ac; }
#bigcontent a:hover { color: #acc6e3; }


.messageList
{
    border-radius: 50px 5px 75px;
    border: 10px #a0a0a0 double;
    color: #a0a0a0;
    background: #003;
    margin: 0px 50px 25px;
    padding: 8px;
}

h3
{
    margin: 0 10px;
    font-style: italic;
}

.messageItem
{
    margin: 3px 10px;
}

.messageItem a, .messageItem a:visited, .messageItem a:hover
{
    color: #a0b0d0;
}

.messageBorder
{
    border:     0px solid #aa8;
    border-width: 1px 0 0 0;
}


.important
{
    font-size: 120%;
    color: #ed8;
}
.author
{
    font-style: italic;
    font-weight: bold;
    color: #ddd;
}
.timestamp
{
    font-style: italic;    
    font-size: 80%;
}


.pickSelectList
{
    background: #164476;
}

.pickSelectGame
{
    border:     1px solid #aa8;
}

.pickSelectTeam, .separator
{
    float: left;
}
.notes
{
    float: none;
    clear: both;
}
.score
{
    clear: both;
    float: none;
}
.unavailable
{
    opacity:    0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}

.smaller
{
    font-size: 50%;
}
.score, .separator
{
    font-size: 200%;
    font-family:    Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
}


p.footer {
	text-align: right;
	font-size: 11px;
	border-top: 1px solid #D0D0D0;
	line-height: 32px;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
}

#container {
	margin: 10px;
	border: 1px solid #D0D0D0;
	box-shadow: 0 0 8px #D0D0D0;
	background-color: rgba(192, 128, 128, 0.75);
}

.pickGrid
{
	margin: 8px;
}

.pickGame
{
	overflow: hidden;
	margin: 8px;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.pickEven
{
	background-color: rgba(128, 128, 128, 0.5);
}

.pickOdd
{
	background-color: rgba(96, 96, 96, 0.5);
}

.pickGame .team, .pickGame .start_time
{
	float: left;
	margin: 5px;
	text-align: center;
	width: 25%;
}
.pickGame .sep
{
	float: left;
	margin: 5px;
	text-align: center;
	width: 5%;
}
.pickGame .team
{
	background-color: rgba(28, 28, 64, 0.5)
}
.pickGame .start_time, .pickGame .sep
{
	font-size: 0.8em;
}
.pickGame .already_started
{
	color: rgba(208, 208, 208, 1.0);
	background-color: rgba(128, 128, 128, 0.75);
}
.pickGame .future
{
	color: rgba(128, 128, 192, 1.0);
	background-color: rgba(128, 32, 32, 0.85);
}
.pickGame .already_picked
{
	color: rgba(255, 192, 192, 1.0);
	background-color: rgba(192, 128, 128, 0.75);
}
.pickGame .selected
{
	color: rgba(255, 255, 255, 1.0) !important;
	background-color: rgba(32, 128, 32, 0.85) !important;
}
.pickGame .updating
{
	color: rgba(128, 128, 128, 1.0);
	background-color: rgba(32, 32, 64, 0.35);
}
.pickGame .restricted
{
	color: rgba(144, 144, 144, 0.35);
	background-color: rgba(128, 128, 128, 0.35);
}

.hide
{
    display: none !important;
}
}