/* Global */
    body, .body {
        border:             0px;
        margin:             0px;
        padding:            0px;
        font-family:        Helvetica, sans-serif;
        color:              black;
        background-color:   #ccd;
    }

    form {
        margin:             0;
        padding:            0;
    }

    a {
        color:              #700;
        text-decoration:    underline;
    }
    label:hover {
        text-decoration:    underline;
    }

    input, textarea, select {
        background-color:   #bbc;
        color:              black;
    }
    input.radio {
        background-color:   inherit;
    }
    input.radio {
        background-color:   transparent;
    }
    input.submit {
        padding:            .1em .5em !important;
    }

/* Some fancy styles for all of the zap2it logos */

    img.zap2it {
        border:             3px solid white;
        border-right:       2px solid white;
        -moz-border-radius-topleft: 8px;
    }

/* Error display */

    input.error, textarea.error {
        border-color:   #f00;
    }

/* Header/navigation */

    #header {
        width:                  158px;
        position:               fixed;
        top:                    0px;
        left:                   0px;
        bottom:                 0px;
        padding:                0px;
        background-color:       #aab;
        border-right:           2px solid #900;
    }

    #title {
        margin:                 14px;
    }

    #nav {
        border-bottom:          2px solid #900;
        font-size:              75%;
    }
    #nav a {
        padding:                .25em 0px .1em 15px;
        white-space:            nowrap;
        display:                block;
        border-top:             1px solid #855;
        background-color:       #b9a;
        color:                  #300;
        font-weight:            bold;
        text-decoration:        none;
    }
    #nav a:hover {
        background-color:       #dab;
        text-decoration:        underline;
    }
    #nav a.current {
        background:             url("/img/arrow.gif");
        background-repeat:      no-repeat;
        background-position:    144px;
        background-color:       #e92b2f;
    }
    #nav a.current:hover {
        background-color:       #f67;
    }
    #nav .group {
        border-top:             1px solid #900;
    }
    #nav .section {
        border-top:             2px solid #900;
        background-color:       #aab;
        text-align:             center;
        padding:                .25em;
        font-weight:            bold;
    }

/* Global page body */

    #content {
        margin-left:        160px;
        padding:            1em;
        max-width:          950px;
    }

    #content h2 {
        margin-top:         0em;
    }

/* Page footer */

    #footer {
        z-index:                999;
        width:                  128px;
        position:               fixed;
        left:                   0px;
        bottom:                 0px;
        padding:                5px 15px;
        border-top:             2px solid #900;
        background-color:       #aab;
    }

/* Front page */

    #index h1 {
        font-size:  150%;
        margin:     0;
        padding:    0;
    }

    #index hr {
        border:                 1px solid #900;
        margin:                 1em -1em;
    }

/* More stuff for the front page and a few other places */

    .blog {
        border:           1px solid black;
        margin-bottom:    1em;
        padding:          1em;
        background-color: #eee;
    }
    .blog .date {
        font-size:        75%;
        margin:           0;
    }
    .blog h3 {
        margin-top:         0em;
        padding-bottom:     .1em;
        border-bottom:      1px solid #ccc;
    }

/* FAQ */

    .faq_group {
        border:             1px solid black;
        background-color:   #eee;
        font-size:          80%;
    }
    .faq {
        padding:            .25em .5em;
        border-top:         1px solid #ccc;
    }
    .faq h3 {
        padding-left:       .25em;
        margin:             0px;
    }
    .faq p {
        margin:             .5em 0px .5em 1.5em;
    }

/* Account creation */

    #signup img.zap2it {
        float:              left;
        margin:             -.5em 1em .5em 0;
    }

    #signup .info {
        font-size:          80%;
    }
    #signup .info ul {
        clear:              both;
    }

    #signup table {
        clear:              both;
        border:             1px solid #666;
        border-collapse:    collapse;
    }

    #signup th {
        background-color:   #bbc;
        border:             1px solid #666;
        border-right:       none;
        white-space:        nowrap;
        text-align:         right;
        padding-right:      .25em;
        vertical-align:     top;
        padding:            .25em .5em;
    }
    #signup td {
        background-color:   #dde;
        padding:            .25em .5em;
        border:             1px solid #666;
        border-left:        none;
        white-space:        nowrap;
    }
    #signup td input {
        padding:            .1em .25em;
    }

    #signup .pw_conf {
        border-bottom:      2px solid #666;
    }
    #signup .email {
        border-top:         2px solid #666;
    }

    #signup tr.software .info {
        font-size:          60%;
        margin-top:         1em;
        white-space:        normal !important;
        font-weight:        normal;
        text-align:         center;
    }
    #signup .prog_group {
        font-size:          80%;
        border:             none;
    }
    #signup .prog_group td {
        padding:            .25em 1em .25em 0em;
    }
    #signup .prog_group th {
        padding:            .25em 1em;
    }
    #signup .prog_group td, #signup .prog_group th {
        background:         transparent;
        vertical-align:     top;
        border:             none;
    }
    #signup td ul {
        margin:             0;
        padding:            0;
        list-style-type:    none;
    }
    #signup td li {
        margin:             0;
        padding:            0;
        display:            block;
    }
    #signup td li input {
    }
    #signup td li label {
    }
    #signup .captcha input {
        float:              left;
        margin-top:         .25em;
        margin-right:       .5em;
    }
    #signup .captcha div {
        float:              right;
        width:              200px;
        height:             33px;
        overflow:           hidden;
        border:             1px solid black;
    }
    #signup .captcha input {
    }

    #signup tr.submit td {
        padding:            1em;
        text-align:         center;
        background-color:   #b9a;
    }

/* Login form */

    #login th {
        white-space:        nowrap;
        text-align:         right;
        padding-right:      .25em;
    }
    #login td input {
        padding:            .1em .25em;
    }

/* Account details */

    #account_details {
        padding-bottom:         1em;
    }
    #account_details table {
    }
    #account_details th {
        vertical-align:         top;
        text-align:             right;
        padding-right:          .5em;
    }
    #account_details td {
    }
    #account_details td.account_details {
        padding-left:           2em;
    }
    #account_details td.change_pw {
        padding-left:           2em;
    }

    #account_activate {
        padding:                1em 0px .5em 0px;
        border-top:             1px solid #666;
    }
    #account_activate p {
        width:                  40em;
    }

    #authfail_info {
        border-top:             1px solid #666;
    }

    #lineup_list {
        padding:                1em 0px .5em 0px;
        border-top:             1px solid #666;
    }
    #lineup_list h4 {
        margin:                 0px;
        padding:                0px;
        margin-bottom:          .5em;
        float:                  left;
        margin-right:           .5em;
    }
    #lineup_list add {
        margin:                 .5em 1em;
    }

    /* subscribed_lineups is also used under /lineupsupport */
    #subscribed_lineups {
        clear:                  both;
    }
    #subscribed_lineups img {
        float:                  left;
        margin-right:           .5em;
        margin-bottom:          1em;
    }
    #subscribed_lineups table {
        margin-left:            .5em;
        border:                 1px solid #666;
        border-collapse:        collapse;
    }
    #subscribed_lineups th {
        background-color:       #bbc;
        font-weight:            bold;
        text-align:             left !important;
        border:                 1px solid #666;
        padding:                0px .5em;
        font-size:              80%;
        white-space:            nowrap;
    }
    #subscribed_lineups th.zip {
        text-align:             center;
    }
    #subscribed_lineups th.location {
    }
    #subscribed_lineups th.name {
    }
    #subscribed_lineups th.type {
    }
    #subscribed_lineups th.commands {
        visibility:             hidden;
        border-top:             1px solid #ccd;
        border-right:           1px solid #ccd;
    }
    #subscribed_lineups td {
        background-color:       #dde;
        border:                 1px solid #666;
        padding:                0px .5em;
        white-space:            nowrap;
    }
    #subscribed_lineups td.zip {
        text-align:             center;
    }
    #subscribed_lineups td.location {
    }
    #subscribed_lineups td.name {
    }
    #subscribed_lineups td.type {
    }
    #subscribed_lineups td.commands {
        padding:                0px;
        width:                  5em;
        text-align:             center;
    }
    #subscribed_lineups td.commands a {
        display:                block;
        background-color:       #b9a;
        color:                  #300;
        font-weight:            bold;
        text-decoration:        none;
        padding:                0px .5em;
    }
    #subscribed_lineups td.commands a:hover {
        text-decoration:        underline;
        background-color:       #dab;
    }
    #subscribed_lineups .maxed {
        margin-left:            75px;
    }

    #payment_options {
        clear:                  both;
        margin:                 1em 0px;
        border-top:             1px solid #666;
    }
    #payment_options table {
        border-collapse:        collapse;
    }
    #payment_options th {
        font-size:              80%;
        background-color:       #bbc;
        text-align:             left;
        border:                 1px solid #666;
        padding:                0px .5em;
        white-space:            nowrap;
    }
    #payment_options th.pay {
        visibility:             hidden;
        border-top:             1px solid #ccd;
        border-right:           1px solid #ccd;
    }
    #payment_options th.freetrial {
        border-top:             none;
        border-right:           none;
        background-color:       #dde;
        color:                  #e92b2f;
        text-align:             center;
        font-weight:            bold;
    }
    #payment_options td {
        background-color:       #dde;
        padding:                .25em .5em;
        text-align:             left;
        border:                 1px solid #666;
        white-space:            nowrap;
    }

    .readd_notice {
        clear: both;
    }

/* Account details editor */

    #account_edit {
    }
    #account_edit table {
        border:             1px solid #666;
        border-collapse:    collapse;
    }
    #account_edit th {
        background-color:   #bbc;
        border:             1px solid #666;
        border-right:       none;
        white-space:        nowrap;
        text-align:         right;
        padding-right:      .25em;
        vertical-align:     top;
        padding:            .25em .5em;
    }
    #account_edit td {
        background-color:   #dde;
        padding:            .25em .5em;
        border:             1px solid #666;
        border-left:        none;
        white-space:        nowrap;
    }
    #account_edit td input {
        padding:            .1em .25em;
    }
    #account_edit tr.software .info {
        font-size:          60%;
        margin-top:         1em;
        white-space:        normal !important;
        font-weight:        normal;
        text-align:         center;
    }
    #account_edit .prog_group {
        font-size:          80%;
        border:             none;
    }
    #account_edit .prog_group td {
        padding:            .25em 1em .25em 0em;
    }
    #account_edit .prog_group th {
        padding:            .25em 1em;
    }
    #account_edit .prog_group td, #account_edit .prog_group th {
        background:         transparent;
        vertical-align:     top;
        border:             none;
    }
    #account_edit .prog_group td ul {
        margin:             0;
        padding:            0;
        list-style-type:    none;
    }
    #account_edit .prog_group td li {
        margin:             0;
        padding:            0;
        display:            block;
    }
    #account_edit tr.submit td {
        padding:            1em;
        text-align:         center;
        background-color:   #b9a;
    }


/* Policy changes */

    #policy_change {
        width:              40em;
    }

    #policy_change table {
        clear:              both;
        border:             1px solid #666;
        border-collapse:    collapse;
    }

    #policy_change th {
        background-color:   #bbc;
        border:             1px solid #666;
        border-right:       none;
        white-space:        nowrap;
        text-align:         right;
        padding-right:      .25em;
        vertical-align:     top;
        padding:            .25em .5em;
    }
    #policy_change td {
        background-color:   #dde;
        padding:            .25em .5em;
        border:             1px solid #666;
        border-left:        none;
        white-space:        nowrap;
    }
    #policy_change td input {
        padding:            .1em .25em;
    }

    #policy_change tr.submit td {
        padding:            1em;
        text-align:         center;
        background-color:   #b9a;
    }

/* Add a lineup */

    #add_lineups {
        clear:                  both;
        padding-top:            .5em;
    }

    #add_lineups table {
        border-collapse:        collapse;
        border:                 1px solid #666;
    }
    #add_lineups tr td a {
        display:                block;
        color:                  #000;
        text-decoration:        none;
    }
    #add_lineups tr td a:hover {
        color:                  #300;
    }
    #add_lineups tr.subscribed td a {
        color:                  #888;
    }
    #add_lineups tr:hover td, #add_lineups tr.hover td {
        background-color:       #dab;
        color:                  #300;
        text-decoration:        underline;
    }
    #add_lineups tr.subscribed td {
        color:                  #888;
        background-color:       #dde;
    }
    #add_lineups tr:hover.subscribed td {
        text-decoration:        none;
    }
    #add_lineups th {
        font-size:              80%;
        background-color:       #bbc;
        text-align:             left;
        border:                 1px solid #666;
        padding:                0px .5em;
        white-space:            nowrap;
    }
    #add_lineups tr th.commands {
        visibility:             hidden;
        border-top:             1px solid #ccd;
        border-right:           1px solid #ccd;
    }
    #add_lineups td {
        background-color:       #dde;
        padding:                0 .5em;
        text-align:             left;
        border:                 1px solid #666;
        white-space:            nowrap;
    }

/* Lineup Editor */

    #edit_channels p {
        width:                  40em;
    }

    #edit_channels span.enabled {
        color:                  #300;
        background-color:       #e92b2f;
        border:                 1px solid #855;
        text-decoration:        none;
        padding:                0 .5em;
    }
    #edit_channels span.disabled {
        color:                  #766;
        background-color:       #dcc;
        border:                 1px dotted #a88;
        padding:                0 .5em;
        text-decoration:        line-through;
    }
    #edit_channels table {
        font-size:              80%;
    }
    #edit_channels th {
        background-color:       #ddd;
        border:                 1px solid #666;
    }
    #edit_channels th {
    }
    #edit_channels th a {
        cursor:                 pointer;
        background-color:       #b9a;
        color:                  #300;
        text-decoration:        none;
        padding:                0px 1em;
        border:                 1px solid #855;
        margin:                 -1px;
        width:                  3em;
        text-align:             center;
    }
    #edit_channels th a:hover {
        text-decoration:        underline;
        background-color:       #dab;
    }
    #edit_channels th .check_all {
        float:                  left;
    }
    #edit_channels th .check_none {
        float:                  right;
    }
    #edit_channels td {
    }
    #edit_channels td label {
        display:                block;
        color:                  #766;
        background-color:       #dcc;
        border:                 1px solid #a88;
        padding-right:          .25em;
        cursor:                 pointer;
        text-decoration:        line-through;
    }
    #edit_channels td label:hover {
        color:                  #300;
        background-color:       #dab;
        border:                 1px solid #a00;
        text-decoration:        none;
    }
    #edit_channels td.checked label {
        color:                  #300;
        background-color:       #e92b2f;
        border:                 1px solid #855;
        text-decoration:        none;
    }
    #edit_channels td.checked label:hover {
        background-color:       #f67;
        border:                 1px solid #a00;
    }
    #edit_channels td.checked .chan {
        font-weight:            bold;
    }
    #edit_channels td .chan {
        width:                  3.0em;
        margin-right:           .5em;
        padding:                0 .5em;
        text-align:             right;
        float:                  left;
    }
    #edit_channels td .callsign {
    }
    #edit_channels td input.radio {
        visibility:             hidden;
        position:               absolute;
    }

/* Channel Report */
    #channel_report {
        margin:                 1.5em;
    }
    #channel_report table {
        margin:                 auto;
        margin-left:            .5em;
        border:                 1px solid #666;
        border-collapse:        collapse;
    }
    #channel_report th {
        font-weight:            bold;
        text-align:             left !important;
        border:                 1px solid #666;
        padding:                0px .5em;
        font-size:              80%;
        white-space:            nowrap;
    }
    #channel_report td {
        background-color:       #dde;
        border:                 1px solid #666;
        padding:                0px .5em;
        white-space:            nowrap;
    }
    #channel_report td.commands a {
        display:                block;
        background-color:       #bbc;
        color:                  #300;
        font-weight:            bold;
        text-decoration:        none;
        padding:                0px .5em;
    }


/* About Us */

    #about-us {
    }

    #about-us h1 {
        margin:     0;
        font-size:  150%;
    }
    #about-us h2 {
        margin:     0;
        font-size:  125%;
    }

    #about-us .people {
    }
    #about-us .people h3 {
        margin:             .5em 0;
    }
    #about-us .people dd {
        margin:             0 0 0 2em;
        padding:            0;
    }
    #about-us .people ul {
        list-style-type:    none;
        margin:             0;
        padding:            0;
    }
    #about-us .people li {
        width:      24em;
        margin:     0;
        padding:    0;
    }

    #about-us .people .name {
    }
    #about-us .people .title {
        font-size:      85%;
        font-style:     italic;
    }
    #about-us .people .affil {
        float:      right;
        font-style: italic;
        font-size:  90%;
    }

/* Supported Applications */

    #supported_apps {
        font-size:          80%;
        border-collapse:    collapse;
    }
    #supported_apps th, #supported_apps td {
        border:             1px solid #666;
        padding:            .25em .5em;
        vertical-align:     top;
    }
    #supported_apps th.group {
        background-color:   #bbc;
        text-align:         left;
    }
    #supported_apps th.name {
        background-color:   #ccd;
        text-align:         right;
        border-right:       none;
        font-weight:        normal;
    }
    #supported_apps td {
        background-color:   #dde;
    }
    #supported_apps td.desc {
        border-left:        none;
    }

/* Supported Regions */

    #supported_regions table {
        border-collapse:    collapse;
        font-size:          80%;
    }
    #supported_regions th {
        text-align:         left;
        border:             1px solid #666;
        padding:            .25em .5em;
        background-color:   #bbc;
    }
    #supported_regions td {
        border:             1px solid #666;
        padding:            .25em .5em;
        background-color:   #dde;
    }

/* Subscription agreement */

    #sagreement {
        font-size:          90%;
    }
    #sagreement h2 {
        text-align:         center;
    }
    #sagreement h3 {
        text-align:         center;
    }
    #sagreement p {
        text-indent:        2em;
    }

/* Privacy Policy */

    #privpolicy {
        font-size:          100%;
    }
    #privpolicy h2 {
        text-align:         center;
    }
    #privpolicy h3 {
        text-align:         center;
    }
    #privpolicy p {
        text-indent:        0em;
    }

    #privpolicy li {
        margin-bottom:      0em;
    }

    #privpolicy ul {
        list-style-type:    disc;
    }
    #privpolicy ul ul {
        margin-top:         1em;
        list-style-type:    lower-roman;
    }


/* Terms of Use */

    #terms {
        font-size:          90%;
    }
    #terms h2 {
        text-align:         center;
    }
    #terms h3 {
        text-align:         center;
    }
    #terms p {
        text-indent:        2em;
    }

/* Membership levels */

    #membership {
    }
    #membership h1 {
        margin:     0;
        padding:    0;
        font-size:  150%;
    }
    #membership .level {
        border:             1px solid #666;
        background-color:   #bbc;
        margin-bottom:      .5em;
    }
    #membership .level h4 {
        margin:             0;
        padding:            0 .5em;
        background-color:   #dde;
    }
    #membership .level h4:after {
        visibility: hidden;
        content: ".";
    }
    #membership .level h4 .title {
        float: left;
    }
    #membership .level h4 .price {
        float: right;
    }

/* Lineup issues report page */

    #lineupsupport p {
        width:                  40em;
    }
    #lineupsupport_form {
        border-top:             1px solid #666;
    }
    #subscribed_lineups th.select {
        text-align:     center;
    }
    #subscribed_lineups td.select {
        text-align:     center;
    }

/* Surveys */

    #survey {
    }
    #survey dt {
        margin-top: .75em;
    }