/*This is the main div that is parent of the rest elements in the userControll*/
 #whatsOnWrapper
 {
 float:right;
 width:192px;
 text-align:center;
 color:black;
 font-size: 10px;
 height: 240px;  

 

 }
  #whatsOnWrapper ul
 {
     margin:0;
     padding:0;
 } 
 #whatsOnWrapper li
{
    list-style-type: none;
    list-style-position: inherit;
} 

#whatsOnWrapper span
  {
    position: relative;
   /* top:3px;*/
  } 
   
 
  
      #top_table{
	
	background:url('/structureIMG/tab_box/top.png') no-repeat left top;
	color: white;
	font-size: 11px;
	font-weight: bold;
	height:25px;
	}
	
	 #top_table span
    {
       top:7px;
       margin-left:0
    }

    #bottom_table {
	 background:url('/structureIMG/tab_box/bottom.png') no-repeat left bottom;
     height:33px;
     
      }
    
    /*This is the row that contains the Tittle of the show*/
    #content_table
{
    text-align: left;
    background: url(  '/structureIMG/tab_box/middle.png' ) repeat-y left top;
    height: auto;
   /* padding: 3px;*/
    padding-left: 25px;
    padding-right: 25px;
    color: #000099;
    font-weight: bold;
    font-size: 1.1em;
}
	
	
	#content_table span{
	top:-1px;
	}
	
    /*This want contains the date and TIME the show will be showing*/
	 #content_tableA {
    font-weight: bold;
    text-align:left;   
    height:15px;
    padding-top:2px;
	background:url('/structureIMG/tab_box/middleA.png') repeat-y left top;
    padding-left:25px;
    }