.wrapcontainer
{
    margin-top:4px;
    margin-bottom:4px;
}
/*gray skin*/
.grd-ml
{
    background:url(images/grd-ml.png) repeat-y  left;
    padding:0;
    margin:0;
}
.grd-mr
{
    background:url(images/grd-mr.png) repeat-y  right;
    padding:0;
    margin:0;
}
.grd-mc
{
    background:#fff url(images/gray-grd-mc.png) repeat-x top;
    padding:4px;
    margin:0 2px;
    height:auto !important;
    height:90px;
    min-height:90px;
    
}
.grd-bl
{
    background:url(images/grd-bl.png) no-repeat top left;
    padding:0;
    margin:0;
}
.grd-br
{
    background:url(images/grd-br.png) no-repeat top right;
    padding:0;
    margin:0;
}
.grd-bc
{
    background:url(images/grd-bc.png) repeat-x top ;
    padding:0;
    margin:0 5px;
    height:5px;
    content:"";
}
.gray-grd-tl
{
    background:url(images/gray-grd-tl.png) no-repeat bottom left;
    padding:0;
    margin:0;
}
.gray-grd-tr
{
    background:url(images/gray-grd-tr.png) no-repeat bottom right;
    padding:0;
    margin:0;
}
.gray-grd-tc
{
    background:url(images/gray-grd-tc.png) repeat-x bottom left;
    padding:0;
    margin:0 8px; 
}
.gray-grd-tcc
{
    background:url(images/gray-grd-tcc.png) no-repeat bottom center;
    padding:0;
    margin:0px;   
    height:31px;
}
/*blue skin*/
.blue-grd-tl
{
    background:url(images/blue-grd-tl.png) no-repeat bottom left;
    padding:0;
    margin:0;
}
.blue-grd-tr
{
    background:url(images/blue-grd-tr.png) no-repeat bottom right;
    padding:0;
    margin:0;
}
.blue-grd-tc
{
    background:url(images/blue-grd-tc.png) repeat-x bottom left;
    padding:0;
    margin:0 8px; 
}
.blue-grd-tcc
{
    background:url(images/blue-grd-tcc.png) no-repeat bottom center;
    padding:0;
    margin:0px;   
    height:31px;
}
.blue-grd-mc
{
    background:#fff url(images/blue-grd-mc.png) repeat-x top;
    padding:4px;
    margin:0 2px;
    height:auto !important;
    height:90px;
    min-height:90px;
     
}
/*green skin*/
.green-grd-tl
{
    background:url(images/green-grd-tl.png) no-repeat bottom left;
    padding:0;
    margin:0;
}
.green-grd-tr
{
    background:url(images/green-grd-tr.png) no-repeat bottom right;
    padding:0;
    margin:0;
}
.green-grd-tc
{
    background:url(images/green-grd-tc.png) repeat-x bottom left;
    padding:0;
    margin:0 8px; 
}
.green-grd-tcc
{
    background:url(images/green-grd-tcc.png) no-repeat bottom center;
    padding:0;
    margin:0px;   
    height:31px;
}
.green-grd-mc
{
    background:#fff url(images/green-grd-mc.png) repeat-x top;
    padding:4px;
    margin:0 2px;
    height:auto !important;
    height:90px;
    min-height:90px;
  
}
/*orange skin*/
.orange-grd-tl
{
    background:url(images/orange-grd-tl.png) no-repeat bottom left;
    padding:0;
    margin:0;
}
.orange-grd-tr
{
    background:url(images/orange-grd-tr.png) no-repeat bottom right;
    padding:0;
    margin:0;
}
.orange-grd-tc
{
    background:url(images/orange-grd-tc.png) repeat-x bottom left;
    padding:0;
    margin:0 8px; 
}
.orange-grd-tcc
{
    background:url(images/orange-grd-tcc.png) no-repeat bottom center;
    padding:0;
    margin:0px;   
    height:31px;
}
.orange-grd-mc
{
    background:#fff url(images/orange-grd-mc.png) repeat-x top;
    padding:4px;
    margin:0 2px;
    height:auto !important;
    height:90px;
    min-height:90px;
 
}
/*blue ball skin*/
.blue-ball-tl
{
    background:url(images/blue-ball-tl.png) no-repeat bottom left;
    padding:0;
    margin:0;
}
.blue-ball-tr
{
    background:url(images/blue-ball-tr.png) no-repeat bottom right;
    padding:0;
    margin:0;
}
.blue-ball-tc
{
    background:url(images/blue-ball-tc.png) repeat-x bottom ;
    padding:0;
    margin:0 4px; 
    height:27px;
}
.blue-ball-b
{
    background:url(images/blue-ball-b.png) no-repeat top left;
    padding:0;
    margin:0 0 0 20px;   
    height:8px;
    width:40px;
    border-top:0;
}
.blue-ball-mc
{
    background:#fff;
    padding:4px;
    margin:0 2px;
    height:auto !important;
    height:90px;
    min-height:90px;  
}
/*gray ball skin*/
.gray-ball-tl
{
    background:url(images/gray-ball-tl.png) no-repeat bottom left;
    padding:0;
    margin:0;
}
.gray-ball-tr
{
    background:url(images/gray-ball-tr.png) no-repeat bottom right;
    padding:0;
    margin:0;
}
.gray-ball-tc
{
    background:url(images/gray-ball-tc.png) repeat-x bottom ;
    padding:0;
    margin:0 4px; 
    height:27px;
}
.gray-ball-b
{
    background:url(images/gray-ball-b.png) no-repeat top left;
    padding:0;
    margin:0 0 0 20px;   
    height:8px;
    width:40px;
    border-top:0;
}
.gray-ball-mc
{
    background:#fff;
    padding:4px;
    margin:0 2px;
    height:auto !important;
    height:90px;
    min-height:90px; 
}
/*green ball skin*/
.green-ball-tl
{
    background:url(images/green-ball-tl.png) no-repeat bottom left;
    padding:0;
    margin:0;
}
.green-ball-tr
{
    background:url(images/green-ball-tr.png) no-repeat bottom right;
    padding:0;
    margin:0;
}
.green-ball-tc
{
    background:url(images/green-ball-tc.png) repeat-x bottom ;
    padding:0;
    margin:0 4px; 
    height:27px;
}
.green-ball-b
{
    background:url(images/green-ball-b.png) no-repeat top left;
    padding:0;
    margin:0 0 0 20px;   
    height:8px;
    width:40px;
    border-top:0;
}
.green-ball-mc
{
    background:#fff;
    padding:4px;
    margin:0 2px;
    height:auto !important;
    height:90px;
    min-height:90px;
     
}
/*orange ball skin*/
.orange-ball-tl
{
    background:url(images/orange-ball-tl.png) no-repeat bottom left;
    padding:0;
    margin:0;
}
.orange-ball-tr
{
    background:url(images/orange-ball-tr.png) no-repeat bottom right;
    padding:0;
    margin:0;
}
.orange-ball-tc
{
    background:url(images/orange-ball-tc.png) repeat-x bottom ;
    padding:0;
    margin:0 4px; 
    height:27px;
}
.orange-ball-b
{
    background:url(images/orange-ball-b.png) no-repeat top left;
    padding:0;
    margin:0 0 0 20px;   
    height:8px;
    width:40px;
    border-top:0;
}
.orange-ball-mc
{
    background:#fff;
    padding:4px;
    margin:0 2px;
    height:auto !important;
    height:90px;
    min-height:90px;
 
}
/*violet ball skin*/
.violet-ball-tl
{
    background:url(images/violet-ball-tl.png) no-repeat bottom left;
    padding:0;
    margin:0;
}
.violet-ball-tr
{
    background:url(images/violet-ball-tr.png) no-repeat bottom right;
    padding:0;
    margin:0;
}
.violet-ball-tc
{
    background:url(images/violet-ball-tc.png) repeat-x bottom ;
    padding:0;
    margin:0 4px; 
    height:27px;
}
.violet-ball-b
{
    background:url(images/violet-ball-b.png) no-repeat top left;
    padding:0;
    margin:0 0 0 20px;   
    height:8px;
    width:40px;
    border-top:0;
}
.violet-ball-mc
{
    background:#fff;
    padding:4px;
    margin:0 2px;
    height:auto !important;
    height:90px;
    min-height:90px;
}
/*Position Objects*/
.float-left
{
    float:left;
}
.float-right
{
    float:right;
}
.clear-both
{
    clear:both;
}
/*Text Style*/
.gray-grd-tcc .Head
{
  font-family:Tahoma,Sans-Serif;
  font-size:15px;
  font-weight:bold;
  color:#666;
  line-height:31px;  
}
.blue-grd-tcc .Head
{
  font-family:Tahoma,Sans-Serif;
  font-size:15px;
  font-weight:bold;
  color:#059;
  line-height:31px;
}
.green-grd-tcc .Head
{
  font-family:Tahoma,Sans-Serif;
  font-size:15px;
  font-weight:bold;
  color:#080;
  line-height:31px;  
}
.orange-grd-tcc .Head
{
  font-family:Tahoma,Sans-Serif;
  font-size:15px;
  font-weight:bold;
  color:#800;
  line-height:31px;  
}
.blue-ball-tc .Head, .gray-ball-tc .Head, .green-ball-tc .Head,  .orange-ball-tc .Head,  .violet-ball-tc .Head
{
  font-family:Tahoma,Sans-Serif;
  font-size:15px;
  font-weight:bold;
  line-height:27px;
  color:#fff; 
}