/* Defaults */

* { margin: 0; padding: 0; } 
body { font-size: 11px; font-family: sans, 'Lucida Grande',  Arial; background: #E2DEC1; } 
h1 { font-size:18px; color: #000000; font-weight:bold; text-align:left; padding: 5px 0 5px 0;}
h2 { font-size:14px; color: #000000; font-weight:bold; text-align:left; padding-top: 5px;}
h3 { font-size:12px; color: #000000; font-weight:bold; text-align:left; }
p         { font-size: 11px; padding-top: 5px; padding-bottom: 5px;}
a img     { border: none; }
a:link    { color: #000000; }
a:visited { color: #000000; }
ul        { list-style: none; }
pre {
   background:#F9F9F9 none repeat scroll 0%; color:#000000;
   border: 1px solid #B6CBCD;
   font-family:'Luxi Mono',Monospace,'Courier New',Courier,Fixed; font-size:1em;
   line-height:1.5em;
   margin:0pt 0pt 0pt 6px; padding:6px;
   text-align:left; text-decoration:none;
   overflow:auto;
}
fieldset          { color: #000; border: 1px solid #ccc; margin-bottom:10px; padding:8px; width: 500px;}
fieldset legend   { color: #000;  } 
fieldset input    { margin-bottom: 4px; padding: 3px; }
fieldset table td { font-size:11px; font-weight:normal; text-align:left; }
label { float: left; width: 130px; font-weight: bold; color: #000; } 
input { border: 1px solid #aaa; } 


/* Status Messages */
#success {  
   background: url('/images/success.gif') #e2f9e3 left no-repeat; color: #3d993d; 
   border: 1px solid #96cf96; padding: 3px 3px 3px 25px; font-weight: bold; width: 400px; 
   position: relative; margin: 0 auto; 
}
#failure { 
   background: url('/images/alert.gif') #cf0000 left no-repeat; color: #ffffff; 
   border: 1px solid #96cf96; padding: 3px 3px 3px 25px; font-weight: bold; width: 400px; 
   position: relative; margin: 0 auto; 
}

/* Custom classes */

ul.admin  { list-style: square inside; }
dl.admin  { width: 260px; padding: 0; }
.admin dt { width: 125px; float: left; margin: 0 5px 0 0; font-weight: bold; border-bottom: 1px solid #ccc; text-align: right; }
.admin dd { width: 130px; float: left; margin: 0 0 0 0; border-bottom: 1px solid #ccc; }

#flash  { margin: 0 10px 0 5px; padding: 10px; background: #f7f3ef; border: 1px solid #ccc; }

#clear  { clear: both;  }
#clearr { clear: right; }
#floatl { float: left; }
#floatr { float: right; }

#navwrapper  { margin-left: auto; margin-right: auto; padding: 2px 5px 2px 5px; height: 15px; border-bottom: 1px solid #E2DEC1; }

#navbar      { display: block; }
#navbar ul   { display: inline; }
#navbar li   { padding-right: 15px; list-style: none; display: inline; }
#navbar li a { text-decoration: none; }
#navbar li a:hover { text-decoration: underline; }

#userbar  { float: right; text-align: right; }

#mainbody { padding: 2px; }
#masthead { position: absolute; z-index: 5; top: 20px; left: 5px; color: #000; font-size: 9px; text-align: center; } 

#groupcontent     { background: #fff; height: 65px; padding: 0 5px 10px 250px; border-bottom: 1px solid #ccc; margin-bottom: 1px;}
#groupcontent div { float: right; border: 1px solid #E2DEC1; margin: 5px 55px 0 0; padding: 5px; }

#content { text-align:left; background: #fff; margin: 0; padding: 15px 5px;  }

#navstatswrapper { width: 191px; margin: 4px 0 0 0; padding-right: 0;}

#navstats    { display: block; }
#navstats li { list-style: none; padding: 3px 0 3px 3px; }
#navstats a  { font-weight: bold; text-decoration: none; }
#navstats a:hover  { background: none; }

#fillseeds { float:right; width: 350px; margin-left: 100px; background: #F7F3EF; border: 1px dashed #ccc; text-align: center; }

#option-name   { position: absolute; left: 0; width: 50%;}
#option-value  { position: absolute; right: 0; width: 50%; text-align: right;}

.majhdr         { font-size:16px; color:#000000; font-weight:bold; text-align:center; }
.totals         { color:green; font-weight:bold; text-align:center; }
.cOptions       { background: #b0a184; color: #000; padding: 1px; font-weight:bold; text-align:center; border: 1px solid #ccc; }
.cHeading       { background: #b0a184; color:#000000; font-weight:bold; text-align:center; }
.cDetails       { background: #f5f3ec; border: 1px solid #ccc; }
.userbox        { background: #f5f3ec; padding: 1em; text-align: center;  border: 1px solid #ccc;}
.rules          { font-size: 12px; font-style: italic; }
.notice-email   { font-size: 11px; font-style: italic; float:right; margin-bottom: 2em;}
.paid-status    { font-size: 10px; font-style: italic; text-align: left; padding-top: 5px;}
.warning        { font-size:12px; color: #cf0000;}
.notice         { font-size:10px; color:#ff0000; text-align:center; }
.teamimage      { padding: 1px; }
.blurb          { border: 1px solid #ccc; color: #444; padding: 0 0 1em 1em; }
.oddrow         { border: 3px solid #E2DEC1; background: #fff; padding: 2px 1em 3px 1em; }
.evenrow        { background: #f5f3ec; padding: 2px 1em 3px 1em; }
.header-bar     { border-bottom: 1px solid #bbb; background:#ccc; color:#eee; }
.bracket        { font-size: 10px; }
.box-centered   { text-align:center; }
.normaltext     { padding: 20px 50px 0 50px; }
.dottedborder   { border-left: 1px dotted rgb(192, 192, 192); padding-top: 1em; }
.item-grid      { background:#eee; border: 1px solid #ccc; color: #444; padding: 2px 1em 3px 2em; }
.contact-title  { font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; color: #000000; padding-top: 5px;}
.contact-details { color: #444444; padding: 5px 0 5px 1em; }
.user-oddrow    { background: #eee; }
.user-evenrow   { background: #ccc; }
.on             { font-size:14px; color: green; font-weight:bold; text-align:left; }
.off            { font-size:14px; color: red; font-weight:bold; text-align:left; }


.adminbox {
      float:left; 
      background-color:#F7F3EF; border:1px solid #D9D6C3;
      margin:0pt 1em 1em 0pt; padding:0.3em 0.4em;
      white-space:nowrap; width:auto;
}
.emailbox {
      float:right;
      background-color:#F7F3EF; border:1px solid #D9D6C3;
      margin:0pt 1em 1em 0pt; padding:0.3em 0.4em;
      white-space:nowrap; width:auto;
}


#gamewon  { color:green;  font-weight: bold; }
#gamelost { color:red; text-decoration: line-through; }

tr#gamelost { color:#ccc;   text-decoration: line-through; }
tr#gamelost a { color:#ccc; text-decoration: line-through; }

a.leaderboard-owner:link,    a.add:link    { color: #fff; }
a.leaderboard-owner:visited, a.add:visited { color: #fff; }
a.leaderboard-owner:hover,   a.add:hover   { color: #fff; }

.bracketliststandard { font-size: 10px; font-weight: bold; text-align: left;}

.leaderboard-done { color:#aaa;}
.owner            { background: #FFD700; }
.watchlist        { background: #ffffaa; color: #000; }
.boxheader        { font-size: 12px; color: #000000; font-weight:bold; text-align:left; border-bottom: 1px solid #ccc; }
.formtitle        { color: #000000; font-weight:bold; text-align:left; padding-top: 10px; }
.bonus-header     { background: #f5f3ec; font-weight: bold; width: 60%; border: 1px solid #ccc; padding: 4px; }
.bonus-details    { width: 60%; border: 1px solid #ccc; padding: 4px; }

.header-row {
	background: #ccc; text-align: left; font-weight: bold; color: #000000; padding: 2px 1em 3px 1em; 
	border-top: 0px; border-bottom: 1px solid rgb(196, 196, 196); border-left: 0px; border-right: 1px solid rgb(112, 128, 144);
}

a[name], a[name]:hover, a[name]:active { color: inherit !important; text-decoration: inherit !important; }


/****** FORMS *******/

input[type="button"]:hover { background: #000; color: #fff; }

.submit-button { color: #fff; background: #000000; border: 2px #9cf outset; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
   background:#FFFFCE none repeat scroll 0 0;
   outline-style:none;
   outline-width:medium;
}

/* Final Four colored teams */
input#I5, input#I6 { padding:3px; border-top:1px solid #eef;
   border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #eef;
   font-size:.9em; font-weight:bold;
   width:85px; text-align:left;
}


fieldset.login   { border: 1px solid #F5F3EC;  width: 20px; }
label.login      { width: 100px; float: left; text-align: left; margin: 0; padding: 0;   clear: both; }

.compare-button { 
   padding:0; 
   background-color:#ddd; color:#003;
   border-top:1px solid #eef; border-left:1px solid #eef; border-right:1px solid #999; border-bottom:1px solid #999;
   font-size:1em; font-weight:bold; 
}

/* push-button style */
.emptybox {
   width: 85px;
   padding:3px;
   background-color:#ddd; color:#003;
   font-size:.9em; font-weight:bold; 
   border-top:1px solid #eef; border-left:1px solid #eef; border-right:1px solid #999; border-bottom:1px solid #999;
 }

/****** TABLES *******/

table.scoring           { border-collapse:collapse; white-space: nowrap; margin-top: 10px;}
table.scoring td,th     { padding:2px; vertical-align:middle;text-align:center;}
table.scoring th,tr.summary { background:#f5f3ec; border:1px solid #ccc; font-weight: bold;}
table.scoring td        { border:1px solid #ccc;}
table.scoring tr.tint   { background:#F5F3EC;}
table.scoring tr.sub th { background-color:#C2A634;}
table.scoring td.left   { text-align:left;}
table.scoring th.left   { text-align:left;}

table.board         { border-collapse:collapse; font-size:10px; white-space: nowrap; }
table.board th      { background:#f5f3ec; font-size: 9px; border:1px solid #ccc; vertical-align:middle; font-weight: bold;}
table.board td      { border:1px solid #ccc; text-align:center; padding: 0px;}
table.board tr.tint { background:#F5F3EC;}
table.board td.left { text-align:left;}
table.board th.left { text-align:left;}
table.board td.l    { text-align:left;}
table.board th.l    { text-align:left;}
table.board td.r    { text-align:right;}
table.board th.r    { text-align:right;}

table.board2    { width: 100%; }
table.board2 td { padding: 0 3px; font-size: 110%;}
table.board2 th { font-size: 110%; font-weight: bold;}

table.bracket            {border-collapse:collapse; font-size:10px; white-space: nowrap; font-family: Arial,sans; } 
table.bracket td.seed    {background-color:#F5F3EC; border: 1px solid #ccc; text-align:center;font-size:9px;line-height:10px; }
td.region                {background-color:#000000; border: 1px solid #ccc; font-weight:bold;text-align:center; padding:2px; color: #fff; text-transform:uppercase;}
table.bracket td.central {background-color:#fff;line-height:12px;}
table.bracket td.champ   {padding: 4px; text-align:center; }
table.bracket td.finals  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:center; }
table.bracket td.seplt   {;}
table.bracket td.seprt   {;}
table.bracket td.oddLt0  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:left; line-height:11px;}
table.bracket td.oddRt0  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:right;line-height:11px;}
table.bracket td.evenLt0 {background-color:#F5F3EC; border: 1px solid #ccc; text-align:left; line-height:11px;}
table.bracket td.evenRt0 {background-color:#F5F3EC; border: 1px solid #ccc; text-align:right;line-height:11px;}
table.bracket td.oddLt1  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:left; line-height:11px;}
table.bracket td.oddRt1  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:right;line-height:11px;}
table.bracket td.evenLt1 {background-color:#F5F3EC; border: 1px solid #ccc; text-align:left; line-height:11px;}
table.bracket td.evenRt1 {background-color:#F5F3EC; border: 1px solid #ccc; text-align:right;line-height:11px;}
table.bracket td.oddLt2  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:left; line-height:11px;} 
table.bracket td.oddRt2  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:right;line-height:11px;}
table.bracket td.evenLt2 {background-color:#f5f3ec; border: 1px solid #ccc; text-align:left; line-height:11px;}
table.bracket td.evenRt2 {background-color:#F5F3EC; border: 1px solid #ccc; text-align:right;line-height:11px;}
table.bracket td.oddLt3  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:left; line-height:11px;}
table.bracket td.oddRt3  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:right;line-height:11px;}
table.bracket td.evenLt3 {background-color:#F5F3EC; border: 1px solid #ccc; text-align:left; line-height:11px;}
table.bracket td.evenRt3 {background-color:#F5F3EC; border: 1px solid #ccc; text-align:right;line-height:11px;}
table.bracket td.oddLt   {background-color:#f5f3ec; border: 1px solid #ccc; text-align:left; line-height:11px;}
table.bracket td.oddRt   {background-color:#f5f3ec; border: 1px solid #ccc; text-align:right;line-height:11px;}
table.bracket td.evenLt  {background-color:#f5f3ec; border: 1px solid #ccc; text-align:left; line-height:11px;}
table.bracket td.evenRt  {background-color:#F5F3EC; border: 1px solid #ccc; text-align:right;line-height:11px;}
td.finalfour             {text-align:justify; padding:2px; color: #000; text-transform:uppercase; vertical-align: middle; width: 100%;}
td.champ              {font-weight:bold;text-align:center;  padding:2px; color: #000; text-transform:uppercase; vertical-align: middle; width: 100%;}

a.teambox   { text-decoration: none; font-size: 12px;}
a.teambox:hover { background: #000; color: #fff;}

#dialog { display:none } 


a#login        { font-size: 16px; background: #eee; color: #000; border: 1px solid #ccc; text-decoration: none; padding: 3px;}
a#login:hover  { background: #000; color: #fff; border: 1px solid #ccc; text-decoration: none; padding: 3px;}

a#signup       { font-size: 140%; background: #1F201A; color: #F68737; border: 2px solid #F68737; text-decoration: none; padding: 5px; }
a#signup:hover { color: #fff; }

a#submit-button       { background: #1F201A; color: #F68737; text-decoration: none; padding: 2px; }
a#submit-button:hover { color: #fff; }

#instructions li  { padding: 5px; }


#topbar   { background: #1F201A; color: #F68737; padding: 5px; }
#topbar a, #topbar a:hover { color: #F68737; }

#footer   { font-size: 10px; background: #1F201A; color: #F68737; padding: 5px; margin-top: 10px; text-align:center; }
#footer a { color: #F68737; }

#wrapper { width: 80%; margin-left: auto; margin-right: auto; }
#center  { text-align:center;}

#faq h3 { margin-top: 20px; }


/* Sortable Tables */
#sortable th.header { 
    background-image: url('/images/bg.gif');     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 
#sortable th.headerSortUp   { background-image: url('/images/asc.gif');  } 
#sortable th.headerSortDown { background-image: url('/images/desc.gif'); } 

/* jQuery Countdown styles */
.hasCountdown   { font-weight: bold; font-size: 14px; text-align:center;}
.countdown_row  { clear: both; width: 100%; text-align: center; }

h2 span { font-size: 11px; font-weight: normal; }

/* EOF */