css for multiple table border in a page

<style type="text/css">

    .mytable {width:100%; background-color:white;}

    .mytable-t { border-color: #39c; border-width:  0px 0px 0.5px 0.5px; border-style: solid; }
.mytable-t tr {border-color: #39c; border-width: 1px 1px 0 0; border-style: solid;   }
    .mytable-t td { border-color: #39c;border-width: 1px 1px 0 0;border-style: solid;  }


    .mytable-t1 { border-color: red; border-width:  0px 0px 0.5px 0.5px; border-style: solid; }
.mytable-t1 tr {border-color: red; border-width: 1px 1px 0 0; border-style: solid;}
    .mytable-t1 td {border-color: red; border-width: 1px 1px 0 0; border-style: solid;}



    .mytable-t2 { border-color: black; border-width:  0px 0px 0.5px 0.5px; border-style: solid; }
.mytable-t2 tr {border-color: black; border-width: 1px 1px 0 0; border-style: solid;}
    .mytable-t2 td {border-color: black; border-width: 1px 1px 0 0; border-style: solid;}


</style>