/*-----------------------------------------------------------------*
 * projects.css                                                    *
 *-----------------------------------------------------------------*/

.projectsTable
{
    background-color:           #ccd;
    border-collapse:            collapse;
    border:                     4px groove #aab;
    width:                      800px;
}

.projectsTable > tbody > tr > td
{
    height:                     100px;
    padding:                    0;
}

.projectsTable > tbody > tr > td div
{
    height:                     100%;
    width:                      100%;
    background-repeat:          no-repeat;
}

.projectsTable > tbody > tr > td.tableDate
{
    background-color:           #778;
    color:                      #fff;
    padding:                    0 0.5em;
    text-align:                 center;
    vertical-align:             middle;
}

.projectsTable > tbody > tr > td.tableLink
{
    background-color:           #bbc;
    width:                      725px;
}

.projectsTable > tbody > tr > td.tableLink a
{
    display:                    inline-block;
    height:                     100%;
    width:                      100%;
    cursor:                     pointer;
}

.bg_csr2, .bg_singstar, .bg_bos, .bg_dancestar, .bg_dirt3, .bg_dirt2, .bg_grid, .bg_dirt, .bg_flashfire, .bg_cluedo, .bg_viper
{
    background-image:           url('../../data/img/projects/bg_atlas.jpg');
}

.bg_csr2     {   background-position:    0 -1000px;   }
.bg_singstar    {   background-position:    0 -900px;   }
.bg_bos         {   background-position:    0 -800px;   }
.bg_dancestar   {   background-position:    0 -700px;   }
.bg_dirt3       {   background-position:    0 -600px;   }
.bg_dirt2       {   background-position:    0 -500px;   }
.bg_grid        {   background-position:    0 -400px;   }
.bg_dirt        {   background-position:    0 -300px;   }
.bg_flashfire   {   background-position:    0 -200px;   }
.bg_cluedo      {   background-position:    0 -100px;   }
.bg_viper       {   background-position:    0 0px;      }

/*-----------------------------------------------------------------*/