#container {
            margin: 0px auto;
            width: 982px;    
            height: auto;                               
            text-align: left;                      
            padding-bottom: 0;                                               
            border: 1px solid #1A1D5D;
            background: white;
            
        }
        #containerTop {
            width: 100%;
            height: 135px;
            background: white;         
            text-align: left;
            padding-bottom: 0px; padding-left:0; padding-right:0; padding-top:0;
            background: white;                    
        }        
        #containerLeft {
            margin: 0px auto;
            width: 174px;            
            text-align: left;
            float: left;            
            border-right: 1px solid #1A1D5D;
            padding-bottom: 0px; padding-left:10px; padding-right:0; padding-top:0; 
            background: white;                        
        }
        #containerContent {           
            width: 621px;                
            text-align: left;                
            float: left;  
            padding-left: 5px;
            padding-right: 5px; 
            border-right: 1px solid #1A1D5D; 
            background: white;               
        }
        #containerRight {
            width: 161px;            
            text-align: left;                      
            float: left;
            margin-left: 4px;
            padding-bottom: 0px; padding-left:0; padding-right:0; padding-top:0; 
            background: white;                           
        }
        #menu {
          height: 45px;
          width: 100%;
          background-image: url(img/bet_menu.gif);
        }
        #m4logo {
          float: left;
          width: 189px;
          height: 135px;          
        }
        #m4menu {
          
        }
        #search {
          margin-top: 4px;
          width: 782px;
          height: 18px;
          background-color: #FAC100;          
        }
        #topMenu {
          width: 780px;
          height: 18px;                    
        }
        #scroller {
          height: 16px;
          border: 1px solid #FFC000;   
          font-family: Arial;
          font-size: 11px;
          color: #00044D;       
        }
        #pageHeader {
          height: 18px;         
          font-family: Arial;
          font-size: 11px;
          color: #00044D;
          background-image: url(/images/pageHeader.gif);   
          margin-top: 4px;
          margin-bottom: 4px;
          font-weight: 800;    
        }
        #content {
          padding-left: 16px;
          font-family: Arial;
          font-size: 11px;          
        }

.menuItem {
  font-family: Arial;
  font-size: 11px;
  color: #00044D;
  width:150px;
  height: 12px;
  background-image: url(/images/menuBG.gif);
  margin-bottom: 4px;
  padding: 3px;
  cursor: pointer;
}
.red {
  font-family: Arial;
  font-size: 10px;
  background: #efefef;
}
.menuItemOver {
  font-family: Arial;
  font-size: 11px;
  color: #00044D;
  width:150px;
  height: 12px;
  background-image: url(/images/menuBG_over.gif);
  margin-bottom: 4px;
  padding: 3px;
  cursor: pointer;
}
.topmenuItem {
  width: 120px;
  text-align: center;
  text-transform: uppercase;
  font-family: Arial;
  font-size: 11px;
  color: white;
  font-weight: 800;
  background: #8E8E8E; 
  height: 14px;  
  margin-top: 4px;
  margin-right: 4px;
  padding: 1px;
  cursor: pointer;
  float: left;
  
}
.topmenuItemOver {
  width: 120px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  font-family: Arial;
  font-size: 11px;
  color: white;  
  height: 14px;
  background: #00044B; 
  margin-top: 4px;
  margin-right: 4px;
  padding: 1px;
  float: left;  
  cursor: pointer;
}
.menuSpacer {
  font-family: Arial;
  font-size: 11px;
  color: #00044D;
  width:150px;
  height: 12px;  
  margin-top: 4px;
  padding: 1px;  
}
#infopoint {
  font-family: Arial;
  font-size: 11px;
  color: #00044D;
  width:150px;
  height: 100px;
  background-image: url(/images/infopointBG.gif);
  margin-top: 4px;
  padding: 3px; 
  margin-bottom: 10px; 
}

 .image {
  border-color: #999999;
  border: 1px dashed;
  background: #DDE8EB;
  font-family: Verdana;
  font-size: 10px;
  color: #666666;
}
.selected {
  border: 1px solid;
  border-color: #B0BEC7;
  background-image: url(img/grd-4px.gif);
}
.nix {  
  border-color: white;
  border: 1px solid;  
  border-color: white;
}
.myimage {
  border-color: #999999;
  border: 1px solid;
  background: #DDE8EB;  
  color: #666666;
  margin: 1px;
}
.bet_element {
  border: 1px solid;
  border-color: #B0BEC7;
  background-color: #EFEFEF;
}

ul.preport, ul.preport li
{
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid white;
}
ul.preport a
{
	padding: 2px 2px 2px 16px;
	display: block;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	
}

ul.preport a span
{
	font-weight: normal;
}
ul.preport a:hover
{
	color: #308BEF;
}

.box_menu {
  height: 22px;
  background-color: #EDEDED;
  width: 100%;  
  padding: 0; 
}
.dataBox {
  background-image: url(img/grd-4px.gif);
  padding: 5px;
}
.table {
  width: 100%;
  padding: 0;
  margin: 0;  
}
.mouse_over { 
  cursor: pointer;
  background-color: #D4D0C8; 
}
.mouse_out { 
  background-color: #FFFFFF;
  cursor: pointer;
}
.list {
  font-family: Verdana;
  font-size: 10px;
  color: #000000;
  height: 19px;
}
.letter {
 margin-right: 1px;background: #FFEAAB;border:1px solid gray;text-align:center;display: block; float:left;width: 15px;
}

  /***************/
 /* vlaCalendar */
/***************/

/* Picker */

.vlaCalendarPicker {
 position: absolute;
 z-index: 999;
 
 margin-top: -5px;
 margin-left: -2px;
 
 display: none;
}

.vlaCalendarPicker .pickerBackground {
 background: transparent url('/images/calendar_background.png') no-repeat top center;
 padding: 16px;
 height: 130px;
 width: 166px;
 overflow: hidden;
}

/* Background for IE6 - code does not validate as it is a hack */
*html .vlaCalendarPicker .pickerBackground {
 background-image: url('/images/calendar_background.gif');
}

/* Main calendar */

.vlaCalendar, .vlaCalendar table {
 font-family: calibri, arial !important;
 color: black;
 font-size: 12px !important;
}

.vlaCalendar {
 display: block;
 width:150px;
}
.vlaCalendar .container, .vlaCalendar .container div {
 width:150px;
 height: 130px;
 text-align: left;
 position: absolute;
 overflow: hidden;
}

.vlaCalendar span.indication {
 display: block;
 text-align: center;
}

.vlaCalendar table {
 margin-top: 8px;
 text-align: right;
 border-collapse: collapse;
 background-color: white; /* <- IE ugly text in transition fix  */
}

.vlaCalendar .picker td {
 cursor: pointer;
}

/* Label & arrows */

.vlaCalendar .label:hover {
 color: #0066cc;
 cursor: pointer;
}
.vlaCalendar .noHover:hover {
 color: black;
 cursor: default;
}

.vlaCalendar .arrowLeft, .vlaCalendar .arrowRight {
 background: transparent url('/images/arrowleft.gif') no-repeat center;
 height: 12px;
 width: 10px;
 cursor: pointer;
}
.vlaCalendar .arrowLeft {
 margin-left: 5px;
 float: left;
}
.vlaCalendar .arrowLeft:hover {
 background-image: url('/images/arrowleft_hover.gif');
}
.vlaCalendar .arrowRight {
 margin-right: 5px;
 float: right;
 background-image: url('/images/arrowright.gif');
}
.vlaCalendar .arrowRight:hover {
 background-image: url('/images/arrowright_hover.gif');
}

/* Month */

.vlaCalendar .month th {
 text-align: center;
 font-weight: normal;
 width: 24px;
 padding-bottom: 1px;
 border-bottom: 1px solid #f5f5f5;
}

.vlaCalendar .month td {
 padding-right: 3px;
 height: 15px;
}

.vlaCalendar .month tr.firstRow td {
 padding-top: 2px;
}

.vlaCalendar .month td:hover {
 background: url('/images/day_hover.gif') bottom no-repeat;
 color: #0066cc;
}

.vlaCalendar .month td.selected {
 background: url('/images/day_selected.gif') bottom no-repeat;
 color: #0066cc;
}
.vlaCalendar .month td.selected:hover {
 background-image: url('/images/day_selected_hover.gif');
}

.vlaCalendar .month td.outsideDay {
 color: #a8a8a8;
}
.vlaCalendar .month td.outsideDay:hover {
 color: #b1c5fc;
}

/* Year & decade */

.vlaCalendar .year {
 margin-left: 2px;
}

.vlaCalendar .year td {
 width: 40px;
 height: 35px;
 text-align: center;
 cursor: pointer;
}
.vlaCalendar .year td:hover {
 background: url('/images/month_hover.gif') center no-repeat;
 color: #0066cc;
}

.vlaCalendar .year td.selected {
 background: url('/images/month_selected.gif') center no-repeat;
}
.vlaCalendar .year td.selected:hover {
 background-image: url('/images/month_selected_hover.gif');
}

.vlaCalendar .year td.current {
 background: url('/images/month_current.gif') center no-repeat;
 color: #0066cc;
}
.vlaCalendar .year td.current:hover {
 background-image: url('/images/month_current_hover.gif');
}

.vlaCalendar .year td.selectedcurrent {
 background: url('/images/month_selectedcurrent.gif') center no-repeat;
}
.vlaCalendar .year td.selectedcurrent:hover {
 background-image: url('/images/month_selectedcurrent_hover.gif');
}

.vlaCalendar .year td.outsideYear {
 color: #a8a8a8;
}
.vlaCalendar .year td.outsideYear:hover {
 color: #b1c5fc;
}