Start Building Professional
Web Apps Today

Border colorings

Hi,
I'm having a problem. I have created a customized skin. The border colors of the header of the cell is gray. The border color of the cells is lightgray.

div.gridbox_NewSkin{
    border:1px solid lightgray;
}
div.gridbox_NewSkin .objbox {
background: #ffffff !important;
}

div.gridbox_NewSkin .xhdr{
    background-color:#83acd5;
}

div.gridbox_NewSkin {
background: #83acd5 !important;
}

div.gridbox_NewSkin table.hdr td {
    font-family:arial;
    font-size:12px;
    background-Color:#83acd5;
    border: 1px Solid;
    border-color : gray gray gray gray;
    text-align: center;
    margin:0px;
    padding:5px 0px 5px 0px ;
    font-weight:bold;
    font-color:black;
    -moz-user-select:none;
overflow:hidden;
empty-cells:show;
    }
div.gridbox_NewSkin table.hdr td div.hdrcell{
    overflow:hidden;
}
div.gridbox_NewSkin table.obj td {
    border: 1px Solid;
    border-color : lightgray lightgray lightgray lightgray;
    font-family:Arial;
    font-size:12px;

-moz-user-select:none;
overflow:hidden;
padding-top:0px;
padding-bottom:0px;
empty-cells:show;
    }
div.gridbox_NewSkin table.obj tr.rowselected td{
    background-color:#83acd5;
    color:black;
    }
div.gridbox_NewSkin table.obj tr.rowselected td.cellselected, div.gridbox_NewSkin table.obj td.cellselected {
    background-color:#83acd5;
    }
div.gridbox_NewSkin .odd_NewSkin{
    background-color:white;
}

div.gridbox_NewSkin div.ftr{
position:absolute;
left:0px;
bottom:1px;
width:100%;
padding-right:20px;
overflow:hidden;
}

div.gridbox_NewSkin div.ftr td {
        height:20px;
        padding:0px;
        padding-left:2px;
        padding-right:5px;
border: 1px solid;
border-color : gray gray lightgray gray;
        
        
        font-style : Arial;
        font-family:arial;
        font-size:12px;
    }

div.gridbox_NewSkin .objbox {
    background-color:white;
    }



Problems
1 - When the background color of the cell is Blue(Or any dark color) the borders of the particular cells are displayed with white
borders.

2 - When i select the background color of the cells as white then no borders are displayed.

When i try to change the border of the cells to be gray/black then the borders are too thick and in the above two cases the borders for the particular cells are thinner than the rest of the cells.

Please guide me on how to solve this problem?

Unfortunately issue can't be reconstructed. The sample with your custom skin attached to post - it works correctly with any cell colors. 
If issue still occurs for you - please provide more details about used browser and some screenshoot , where problem can be visible.