body { background-color:#F4F4F4; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; padding:0px; margin:0px; }

input { background-color:#FAFAFA; border-style:solid; border-width:1px; padding-left:10px; font-size:14pt;}
input[type=submit] { background-color:#424242; color:#90CAF9; font-size:12pt; width:100%; padding:5px 0px 5px 0px; }
input[type=text] { margin:0px; padding-left:10px; }
input[type=password] { margin:0px; padding-left:10px; }

input[type=radio].toggle { display:none; }
input[type=radio].toggle + label { display:inline-block; font-size:14pt; border-style:solid; border-width:1px; border-color:#424242; text-align:center; width:75px; padding:5px 0px 5px 0px; margin:0px -3px; }
input[type=radio].toggle:checked + label { background-color:#90CAF9; color:#F4F4F4; }

input[type=radio].select { display:none; }
input[type=radio].select:checked + div { background-color:#FF8800; }
input[type=radio].select:disabled + div { background-color:#AAAAAA; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

li { margin-bottom:10px; }
h3 { font-size: 20pt; font-weight: 100; margin:0px 0px 10px 0px; }

#header { background-color:#424242; font-size: 24pt; color:#64B5F6; padding: 0px 45pt 0px 5px; margin-bottom:20px; }
#header a { text-decoration:none; color:#64B5F6;}
#header a:visited { color:#64B5F6; }

#sidebar { display:none; }

#content { padding: 0px 10px 0px 10px; }
    #content form label.names { font-size:10pt; }
    #content form { margin-left: 0px;}
        .section { font-size:14pt; }
            form.login { background-color:#FAFAFA; padding:10px; margin:10px;
                         border-style:solid; border-width:1px; float:center; }
            form.deadline { border: solid 1px #AAAAAA; padding: 10px; float: left; margin-right: 10px; margin-bottom: 10px; overflow:hidden; }
            .login { }
                .formheader {font-size:18pt; margin-bottom:10pt; }
                .row {  }
                .column { float:left; margin:0px 0px 20px 0px; padding:0px 5px 0px 5px; }
                .note { font-size: 10pt; text-align: center; }
                .note a { color:#CC0000; }
                .note a:visited { color:#CC0000; }
                .important { border:solid; border-width:1px; border-color:#FF4444; color:#CC0000; text-align: center; }
                .error { border-color:#FF8800; }
                .sample { display:none; }

            #rules { font-size: 12pt; padding:10px; }
            #history { display:none; }

            #announce {}
            #selections {}
            #selections table tr { border: 2px solid #000000; overflow: hidden; padding: 0px; margin: 0px; }
            #selections table td { border: 1px solid #D9CAA7; width:140px; overflow: hidden; padding: 0px; margin: 0px;
                vertical-align: bottom; }
                .tableheader { background-color: #D9CAA7; border: 1px solid #000; text-align:center; }
                .user { width: 125px; overflow: hidden; padding: 0px; margin: 0px; }
                .user .name { width: 125px; font-size: 14pt; text-align: left; float: left; padding:0px 0px 0px 5px; margin: 0px; }
                .user .score { width: 125px; color: #D9CAA7; font-size: 28pt; float: right; text-align:right;
                               padding: 0px; margin: 0px; }
                .pick { text-align: center; }
                .pick .status { height: 20px; width: 20px; z-index: 3; }
                img.pick { width:45px; }
                
            #standings {}
            #standings table tr { border: 2px solid #000000; overflow: hidden; padding: 0px; margin: 0px; }
            #standings table td { border: 1px solid #D9CAA7; width:140px; overflow: hidden; padding: 0px; margin: 0px;
                vertical-align: bottom; }
                .tableheader { background-color: #D9CAA7; border: 1px solid #000; text-align:center; }
                .user { width: 125px; overflow: hidden; padding: 0px; margin: 0px; }
                .user .name { width: 125px; font-size: 14pt; text-align: left; float: left; padding:0px 0px 0px 5px; margin: 0px; }
                .user .score { width: 125px; color: #D9CAA7; font-size: 28pt; float: right; text-align:right;
                               padding: 0px; margin: 0px; }
                .pick { text-align: center; }
                .pick .status { height: 20px; width: 20px; z-index: 3; }
                img.pick { width:45px; }

            #scoring { font-size:12pt; }
                .round { }
                    .game { width: 250px; border: solid 1px #AAAAAA; padding: 1px; float: left; margin-right: 10px; margin-bottom: 10px; overflow:hidden; }
                    .team { border: solid 1px #E3E3E3; padding: 2px 5px 2px 5px; }
                        .teamlogo { width: 40px; height: 40px; vertical-align: middle; padding: 0px 5px 0px 3px; }
                        .teamlogoBIG { width: 60px; height: 60px; vertical-align: middle; padding: 0px 5px 0px 5px; }
                    .seed { font-size: 10pt; width:1em; float:left; }
                    .score { float:right; }
                    .fullwidth { width:100%; }
                    .selected { width: 250px; padding: 1px; float: left; overflow:hidden; }

            #users {}
                .user_seed { float:left; font-size:10pt; width:10em; }
                .user_full { float:left; font-size:14pt; width:200px; }
                .user_method { float:left; font-size:14pt; width:75px; }
                .user_name { float:left; font-size:14pt; width:150px; }
                .user_paid_checkbox { float:left; }
                .user_paid_to { float:left; width:250px; }
                .user_email { float: left; width:300px; }

            .border { border:solid; border-width:1px; padding:10px; margin-bottom:20px; }
        .section_break {  color:#FF8800; font-size:14pt; text-align: center; }
        .section_break:active { color:#FFFFFF; background-color:#FF8800; }

    .clear { clear:both; }

#footer { width:100%; color: #F4F4F4; background-color: #424242; padding: 0.1em 1em 0.1em 0em;
          font-family: Arial Narrow; text-align: right; font-size: 1em; }

#logout { position:absolute; top:5px; right:10px; background-color:#FF8800; color:#F4F4F4; padding:4px 10px; cursor:pointer; }

.standout { background-color: #FFECB3;}