/* generic layout stuff */
    body{
        margin: 0px;
        padding: 0px;
        font-size: 9.75pt;
        font-family: verdana;
        cursor: default;
    }
    .shell {
        width: 970px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    #leftcolumns {
        float: left;
        margin-right: 20px;
    }
    #rightcolumns {
        margin-left: 20px;
        float: left;
    }
    A {
        text-decoration: none;
    }
/* /generic layout stuff */

/* header */
    #header{
        height: 113px;
        background: #000;
        border-bottom: 5px solid #D20000;
    }
    #headersection {
        text-align: right;
        padding-bottom: 10px;
    }
    #headerimg{
        float: left;
        margin-top: 7px;
        margin-left: 15px;
    }
    #toplinks{
        text-align: right;
        padding-top: 10px;
        padding-right: 10px;
    }
    #headeradvert{
        text-align: right;
        padding-top: 13px;
        margin-right: 8px;
    }
    #headeradvert iframe {
        border: 1px white solid;
    }
/* /header */

/* nav */
    #nav{
        margin-top: 4px;
        height: 24px;
        background: #C6C6C6;
        margin-bottom: 16px;
    }
    #nav a{
        margin-right: 20px;
        line-height: 24px;
        font-weight: bold;
        color: #000;
    }
    .first_nav_item {
        padding-left: 10px;
    }
    #nav .profile{
        text-align: right;
    }
    #nav .profile a{
        margin-right: 10px;
    }
/* /nav */

/* columns */
    .column {
        width: 160px;
        margin-left: 10px;
        font-size: 8.25pt;
    }
    .column .interior{
        border: 2px solid #D20000;
    }
    .column .red{
        background: #D20000;
    }
    .column .red .content{
        color: #FFF;
    }
    .column .red .text{
        height: 17px;
        width: 130px;
        border: 1px solid #000;
    }
    .column .red .submit{
        background: #262626;
        color: #FFF;
        height: 20px;
        width: 60px;
        cursor: pointer;
        border-width: 1px;
        border-style: solid;
        border-color: #C9C9C9 #000 #000 #C9C9C9;
    }
    .column .interior div{
        padding-left: 8px;
    }
    .column .interior .title{
        height: 15px;
        background: #000;
        color: #FFF;
    }
    .column .interior .content{
        padding-top: 3px;
        padding-bottom: 6px;
    }
    .column .interior .content a.white{
        color: #FFF;
    }
    .column .interior .content a{
        color: #D20000;
    }
    .red_bottom{
        background-image: url(images/red_bottom.png);
        color: #FFF;
        text-align: center;
        width: 160px;
        height: 19px;
    }
    .red_bottom a{
        color: #FFF;
    }
    /* vertical ads */
        .vertical_ads {
            margin-top: 33px;
            border: 1px solid #D20000;
            font-size: 10pt;
        }
        .vertical_ads .title{
            height: 16px;
            background: #D20000;           
            font-weight: bold;
            font-size: 8pt;
            padding-top: 2px;
            color: #FFF;
            text-align: center;
        }
        .vertical_ads div{
            text-decoration: none;
            margin-bottom: 10px;
            padding-left: 2px;
            color: #000;
            font-size: 8.5pt;
        }
        .vertical_ads span{
            font-size: 9pt;
            font-weight: bold;
            text-decoration: underline;
            color: #D20000;
        }
        .vertical_ads small{
            font-size: 7pt;
            color: #AA0000;
        }
        .vertical_ads ul {
            margin: 0;
            padding: 0;
            margin-top: -5px;
        }
        .vertical_ads li {
            list-style-type: none;
            text-align: left;
            padding: 5px;
        }
        .vertical_ads li a {
            color: #D20000;
            font-weight: bold;
            margin-bottom: 15px;
        }

    /* /vertical ads */

    #google_ads {
        margin-top: 20px;
        width: 160px;
    }

    /* punter toolkit */
        #rightcolumns{
            text-align: center;
        }
        .toolkit_header{
            text-align: left;
            width: 150px;
            background: #000;
            height: 20px;
            padding-top: 3px;
            padding-left: 10px;
            border-bottom: 1px solid #FFF;
            color: #FFF;
            text-decoration: none;
            cursor: pointer;
        }
        .toolkit_interior{
            text-align: left;
            border: 2px solid #D20000;
            padding: 5px;
            width: 146px;
            margin-bottom: 1px;
        }
        .toolkit_interior .small{
            text-align: right;
            font-size: 7pt;
        }
    /* /punter toolkit */
/* /columns */

/* content */
    #contentpane{
        float: left;
        width: 580px;
    }
    #contentpane a{
        color: #D20000;
    }
    #contentpane div img{
        padding: 3px 0px;
    }
    .thincol{
        float: left;
        width: 220px;
        margin-right: 10px;
    }
    .fatcol{
        float: left;
        width: 340px;
    }
    .thin1{
        margin-right: 20px;
        float: left;
    }
/* /content */

/* footer */
    #server{
        text-align: right;
        margin-top: 50px;
        font-size: 8.25pt;
    }
    #footer{
        margin-top: 5px;
        border-top: 5px solid #D20000;
        position: relative;
        bottom: 0px;
        background: #000;
        height: 21px;
        padding-top: 7px;

        font-size: 8.25pt;
        color: #FFF;
    }
    #footer_links {
        float: left;
    }
    #footer_links a{
        text-decoration: none;
        color: #FFF;
    }
    #copyright{
        text-align: right;
    }
/* /footer */

/* betcruncher */
    #betcruncher a{
        text-decoration: none;
    }
    #betcruncher{
        font-size: 8.25pt;
    }
    #betcalc table{
        border-collapse: collapse;
        width: 100%;
    }
    #master_odds td {
        padding: 3px;
        padding-left: 2px;
        font-family: arial;
        font-size: 7pt;
        text-align: center;
    }
    #betcalc input {
        height: 16px;
        border: 1px solid #7F9DB9;
    }
    #betcalc td input {
        width: 20px;
    }
    #betcalc td select {
        width: 48px;
        height: 20px;
    }
    .bettype {
        font-size: 8.25pt;
        width: 145px;
    }
    .bettype option{
        width: 160px;
    }
    .hasborder{
        border-right: 1px solid #000;
    }
    .showing{
        display: inline;
    }
    .bettype .bc_header{
        color: #D20000;
        font-weight: bold;
        text-align: center;
    }
    .label{
        text-align: right;
    }
    .odds{
        width: 17px;
        border: 1px solid #000;
    }
    .smallodds{
        width: 15px;
        border: 1px solid #000;
    }
    .stake{
        width: 40px;
        border: 1px solid #000;
    }
    #eachway {
        text-align: right;
    }
    #betcalc_innards {
        display: none;
    }
    .poweredby {
        color: #D20000;
    }
/* /betcruncher */

/* pagination */
    .pagination {
        white-space: nowrap;
        float: right;
        height: 1.5em;
    }
    .swirl{
        height: 20px;
        float: left;
        font-size: 10pt;
    }
    .swirl span{
        position: relative;
        top: -6px;
    }
    
    .pagination a {
        text-decoration: none;
    }

    .paging {
        margin-right: 1px;
        background: #D20000;
        text-align: center;
        color: #FFF;
        border: 1px solid #000;
        height: 30px;
        font-size: 8pt;
        padding: 0px 3px 0px 3px;
    }
    
    .current {
        background-color: #E26565;
        border: 1px solid #000;
    }
/* /pagination */

/* box */
    .red_box{
        border: 1px solid #D20000;
        width: 400px;
    }
    .red_box h3, .red_box .h3{
        background: #D20000;
        color: #FFF;
        padding: 6px;
        font-weight: bold;
        font-size: 12.75pt;
    }
    .red_box div{
        padding: 8px;
    }
    .red_box .text{
        width: 273px;
    }
/* /box */

/* join styles */
    .number{
        font-family: arial;
        font-size: 14pt !important;
        color: #D20000;
        font-weight: bold;
        position: relative;
        top: 2px;
    }
    .add_horse{
        margin-bottom: 2px;
    }
    .remove{
        position: relative;
        top: 6px;
        left: -2px;
    }
    .horse_name{
        width: 220px;
    }
    /* joinbox */
        .joinbox{
            border: 1px solid #D20000;
            width: 340px;
        }
        .joinbox h3{
            background: #D20000;
            color: #FFF;
            padding: 6px;
            font-weight: bold;
            font-size: 12.75pt;
        }
        .joinbox .text{
            width: 173px;
        }
    /* /joinbox */
/* /join styles */

/* stable swaps */
    #swap{
        background: #000;
        color: #FFF;
        position: absolute;
        top: 300px;
        left: 300px;
        width: 400px;
        border: 1px solid #D9D9D9;
        padding: 10px;
        font-size: 8.25pt;
    }
    #swap h2, #swap .h2{
        color: #FFF;
    }
/* /stable swaps */

/* generic styles */
    .button{
        cursor: pointer;
    }
    .padded {
        padding: 5px;
    }
    input.long{
        width: 170px;
    }
    input.short{
        width: 100px;
    }
    .redbutton{
        background: #D20000;
        color: #FFF;
        height: 20px;
        width: 60px;
        cursor: pointer;
        border-width: 1px;
        border-style: solid;
        border-color: #E26565 #7D0000 #7D0000 #E26565;
    }
    .hidden{
        display: none;
    }
    .float{
        float: left;
    }
    .clear{
        clear: both;
    }
    .smaller{
        font-size: 7.5pt;
    }
    .hr{
        /* I wish we could just apply this style to <hr /> but guess which browser doesn't like it... */
        /* so we use <div class="hr"></div> instead :( */
        height: 2px;
        background-image: url(images/hr.png);
        background-repeat: repeat-x;
        margin: 5px 0px 5px 0px;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
        margin: 0px;
        padding: 0px;
        color: #D20000;
        font-weight: normal;
    }
    h1, .h1{
        font-size: 15.75pt;
        margin-bottom: 10px;
    }
    h2, .h2{
        font-weight: bold;
        font-size: 10pt;
    }
    a img{
        border: none;
    }
    .tiny{
        height: 3px;
    }
    form{
        margin: 0px;
    }
    acronym{
        border: none;
    }
    a.expertLink{
        font-weight: bold;
        color: #D20000 !important;
    }
    .message{
        background: #FCC;
        border: 2px solid #D20000;
        padding: 7px;
    }
/* /generic styles */