.bigbox{
width:100%;
}
.midbox{
width:48%;
float:left;
}
/*RedBox*/
#box-tl{
    background: url(../images/box-l.png) 0 0 no-repeat;      
}
#box-tr{
    background: url(../images/box-r.png) 100% 0 no-repeat;     
}
#box-bl{
    background: url(../images/bl.png) 0 100% no-repeat;      
}
#box-br{
    background: url(../images/br.png) 100% 100% no-repeat;     
}
#box-l{
    background: url(../images/reddot.png) 0 0 repeat-y;
}
#box-r{
    background: url(../images/reddot.png) 100% 0 repeat-y;
}
#box-b{
    background: url(../images/reddot.png) 0 100% repeat-x;
}
#box-content{
    padding-top:20px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px;
}

/*PinkBox*/
#pbox-tl{
    background: url(../images/pink/box-l.png) 0 0 no-repeat;      
}
#pbox-tr{
    background: url(../images/pink/box-r.png) 100% 0 no-repeat;     
}
#pbox-bl{
    background: url(../images/pink/bl.png) 0 100% no-repeat;      
}
#pbox-br{
    background: url(../images/pink/br.png) 100% 100% no-repeat;     
}
#pbox-l{
    background: url(../images/pink/dot.png) 0 0 repeat-y;
}
#pbox-r{
    background: url(../images/pink/dot.png) 100% 0 repeat-y;
}
#pbox-b{
    background: url(../images/pink/dot.png) 0 100% repeat-x;
}

/*GreenBox*/
#gbox-tl{
    background: url(../images/green/box-l.png) 0 0 no-repeat;      
}
#gbox-tr{
    background: url(../images/green/box-r.png) 100% 0 no-repeat;     
}
#gbox-bl{
    background: url(../images/green/bl.png) 0 100% no-repeat;      
}
#gbox-br{
    background: url(../images/green/br.png) 100% 100% no-repeat;     
}
#gbox-l{
    background: url(../images/green/dot.png) 0 0 repeat-y;
}
#gbox-r{
    background: url(../images/green/dot.png) 100% 0 repeat-y;
}
#gbox-b{
    background: url(../images/green/dot.png) 0 100% repeat-x;
}


/*GreenBox*/
#dgbox-tl{
    background: url(../images/darkgreen/box-l.png) 0 0 no-repeat;      
}
#dgbox-tr{
    background: url(../images/darkgreen/box-r.png) 100% 0 no-repeat;     
}
#dgbox-bl{
    background: url(../images/darkgreen/bl.png) 0 100% no-repeat;      
}
#dgbox-br{
    background: url(../images/darkgreen/br.png) 100% 100% no-repeat;     
}
#dgbox-l{
    background: url(../images/darkgreen/dot.png) 0 0 repeat-y;
}
#dgbox-r{
    background: url(../images/darkgreen/dot.png) 100% 0 repeat-y;
}
#dgbox-b{
background: url(../images/darkgreen/dot.png) 0 100% repeat-x;
}
/*Box Table Property*/
table.insidebox 
{
    width:100%;
}
.insidebox td{
    width:25%;       
    height:80px;
}
.bigbox .insidebox-img{
    width:80px;
    padding:3px;
    border: 1px dotted;
    margin-left:auto;
    margin-right:auto;
}
.bigbox .insidebox-img img{
    width:80px;
    height:80px;
}
.midbox .insidebox-img{
    width:50px;
    padding:3px;
    border: 1px dotted;
    margin-left:auto;
    margin-right:auto;
}
.midbox .insidebox-img img{
    width:50px;
    height:50px;
}

.insidebox-text{
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
}
.box-title{
    padding-left:25px;
    padding-top:10px;
    font-size:18px;
    font-weight: bold;
    font-family: "courier new" ;
    color:white;
}

.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.png) 0 100% no-repeat}
.br {background: url(../images/br.png) 100% 100% no-repeat}
.tl {background: url(../images/tl.png) 0 0 no-repeat}
.tr {background: url(../images/tr.png) 100% 0 no-repeat; padding:10px}