/* 
    Document   : grid.css
    Created on : 12 juil. 2011, 12:01:52
    Author     : o.robin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/**--grid-fit TABLE--**/
table.grid-fit {
        border-collapse: collapse;
        margin: auto;
        width: 960px;

    }

table.grid-fit tr {
    margin: 0px;
    border-style:solid;
    border-color: #888;
    border-width: 0px 0px 1px 0px;
    width: 960px;
}

table.grid-fit td {
    border-right: 0px solid;
    border-left: 1px solid;
    border-color: #888;
    margin: 0px;
}
table.grid-fit td>img{
    display:block;
}

table.grid-fit tr:first-child {
    border-top: 1px solid #888;
}

table.grid-fit tr:last-child {
    border-bottom: 0px;
}

table.grid-fit tr td:first-child {
    border-left: 0px;
}

table.grid-fit tr td.span-24:first-child:last-child {
    border-right: 0px;
}

.grid-fit td.span-1 {width:40px;max-width: 40px;}
.grid-fit td.span-2 {width:80px;max-width: 80px;}
.grid-fit td.span-3 {width:120px;max-width: 120px;}
.grid-fit td.span-4 {width:160px;max-width: 160px;}
.grid-fit td.span-5 {width:200px;max-width: 200px;}
.grid-fit td.span-6 {width:240px;max-width: 240px;}
.grid-fit td.span-7 {width:290px;max-width: 290px;}
.grid-fit td.span-8 {width:320px;max-width: 320px;}
.grid-fit td.span-9 {width:360px;max-width: 360px;}
.grid-fit td.span-10 {width:400px;max-width: 400px;}
.grid-fit td.span-11 {width:440px;max-width: 440px;}
.grid-fit td.span-12 {width:480px;max-width: 480px;}
.grid-fit td.span-13 {width:520px;max-width: 520px;}
.grid-fit td.span-14 {width:560px;max-width: 560px;}
.grid-fit td.span-15 {width:600px;max-width: 600px;}
.grid-fit td.span-16 {width:640px;max-width: 640px;}
.grid-fit td.span-17 {width:680px;max-width: 680px;}
.grid-fit td.span-18 {width:720px;max-width: 720px;}
.grid-fit td.span-19 {width:760px;max-width: 760px;}
.grid-fit td.span-20 {width:800px;max-width: 800px;}
.grid-fit td.span-21 {width:840px;max-width: 840px;}
.grid-fit td.span-22 {width:880px;max-width: 880px;}
.grid-fit td.span-23 {width:920px;max-width: 920px;}
.grid-fit td.span-24 {width:960px;margin-right:0;max-width: 960px;}


/**-- grid-space--**/
table.grid-space {
        border-collapse: collapse;
        margin: auto;
        margin-left: 5px;

    }

table.grid-space tr {
    margin: 0px;
    border-style:solid;
    border-color: #000;
    border-width: 0px 0px 1px 0px;
    width: 950px;
}

table.grid-space td {
    border-right: 1px solid #000;
    border-left: 0px solid #000;
    margin: 0px;
}

table.grid-space tr:first-child {
    border-top: 1px solid #000;
}

table.grid-space tr td:first-child {
    border-left: 1px solid #000;
}

.grid-space td.span-1 {width:35px;}
.grid-space td.span-2 {width:75px;}
.grid-space td.span-3 {width:118px;}
.grid-space td.span-4 {width:158px;}
.grid-space td.span-5 {width:195px;}
.grid-space td.span-6 {width:237px;}
.grid-space td.span-7 {width:285px;}
.grid-space td.span-8 {width:316px;}
.grid-space td.span-9 {width:355px;}
.grid-space td.span-10 {width:395px;}
.grid-space td.span-11 {width:435px;}
.grid-space td.span-12 {width:475px;}
.grid-space td.span-13 {width:515px;}
.grid-space td.span-14 {width:555px;}
.grid-space td.span-15 {width:595px;}
.grid-space td.span-16 {width:635px;}
.grid-space td.span-17 {width:675px;}
.grid-space td.span-18 {width:715px;}
.grid-space td.span-19 {width:755px;}
.grid-space td.span-20 {width:995px;}
.grid-space td.span-21 {width:835px;}
.grid-space td.span-22 {width:875px;}
.grid-space td.span-23 {width:915px;}
.grid-space td.span-24 {width:950px;margin-right:0;}

/**-- TABLE LAYOUT OPTIONS **/
table.grid-noborder-bottom tr {border-width: 0px 1px 1px 1px;}
table.grid-noborder-bottom tr:first-child {border-top: 1px;}