/* 
    Document   : riders
    Created on : 13-Apr-2012, 12:02:04
    Author     : peterb
    Description:
        CSS for riders list page
*/
    .riders{
        background-image: url('../images/riders-bg.jpg');
        background-repeat: no-repeat;
        background-position: center -58px;
        min-height: 700px;
    }
    
    .riders_header{
        margin: 80px 0 0;
        padding: 20px 35px 24px;
        
        /* Transparency shizzle Fallback for web browsers that doesn't support RGBa */
        background: rgb(0, 0, 0) transparent;
        /* RGBa with 0.6 opacity */
        background: rgba(0, 0, 0, 0.6);
        /* For IE 5.5 - 7*/
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
        /* For IE 8*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    }
    
    .rider_profiles{
        background-color: white;
        float: left;
        padding: 3px 10px 5px;
        margin-right: 20px;
    }
    
    .rider_profiles h1{
        font-family: 'Source Sans Pro', sans-serif;
        font-style: italic;
        font-weight: bold;
        color: #FF1000;
        text-transform: uppercase;
        font-size: 25px;
        margin-bottom: 0;
    }
    
    .riders_header h2{
        color: #FF1000;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 2px;
    }
    
    .riders_header h2{
        font-family: 'Source Sans Pro', sans-serif;
        font-style: italic;
        font-size: 18px;
    }
    
    .riders_header h3{
        color: #FFFFFF;
        font-size: 12px;
    }
    
    #previous_recipients h3{
        margin-bottom: 2px;
    }
    
    #previous_recipients p{
        margin-bottom: 5px;
    }
    
    .row{
        float: left;
        width: 100%;
    }
    
    .riders_holder{
        position: relative;
        margin: 20px 0 0 0;
        padding: 0 30px;
        float: left;
        width: 100%;
    }
    
    .rider{
        width: 150px;
        /*height: 220px;*/
        margin: 0 5px 10px 5px;
        padding-bottom: 5px;
        float: left;
        /* Transparency shizzle Fallback for web browsers that doesn't support RGBa */
        background: rgb(0, 0, 0) transparent;
        /* RGBa with 0.6 opacity */
        background: rgba(0, 0, 0, 0.8);
        /* For IE 5.5 - 7*/
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
        /* For IE 8*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    }

    .rider_image{
        border: 1px solid #000000;
        width: 148px;
        height: 148px;
        overflow: hidden;
    }
    
    .rider_image img{
        margin: -1px;
    }
    
    .rider p{
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        margin: 5px 2px;
        color: #666666;
    }
    
    .rider:hover{
        /* Transparency shizzle Fallback for web browsers that doesn't support RGBa */
        background: rgb(216, 216, 216) transparent;
        /* RGBa with 0.6 opacity */
        background: rgba(216, 216, 216, 0.2);
        /* For IE 5.5 - 7*/
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D8D8D8, endColorstr=#33D8D8D8);
        /* For IE 8*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D8D8D8, endColorstr=#33D8D8D8)";
        
-webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.8);
box-shadow:         0px 0px 20px rgba(50, 50, 50, 0.8);
    }
    
    .rider:hover p{
        color: #CCCCCC;
    }
    
    .rider:hover .rider_image{
        border: 1px solid #CCCCCC;
    }
    
    .race_series{
        display: none;
    }