body 
{ font-family: Arial, Helvetica, Sans-Serif;
  font-size:   10pt;
  
  background-color: #fff;  
  background:  url("../img/background_a01.jpg") no-repeat top center; 
}

.mainWindow
{ width:       1000px;
  margin:      0px auto 0px auto;

  background:  #093; 
  color:       #141;
}

.banner
{ width:       1000px;
  height:      150px;
  margin:      10px auto 0px auto;
}

.middlePanelContainer
{ line-height:  1.5em;
  margin-top:   10px;
  margin-left:  175px;  /* don't touch to avoid problem with IE6 */
  margin-right: 145px;  /* don't touch to avoid problem with IE6 */
}

/* the following definition is necessary to clear
    the main window down to the lowest of the left
    and right panels */
.mainWindow:after 
{ content: ".";
  display: block;
  height:  0;
  clear:   both;
  visibility: hidden;
}

.middlePanel 
{ width:   90%;  /* don't touch to avoid problem with IE6 */
  margin:  5px 5px 5px 5px;
  padding: 5px 10px 5px 10px;
/*  border:  1px solid #cea;*/
/*  background-color:    #fff; */
  background: #fff url("../img/background_nieuws_a01.jpg") no-repeat bottom right; 
}

.middlePanelLatestNews
{ width:   90%;  /* don't touch to avoid problem with IE6 */
  margin:  5px 5px 5px 5px;
  padding: 5px 10px 5px 10px;
/*  border:  1px solid #cea;*/
/*  background-color:    #fff; */
  background: #fff url("../img/background_nieuwsoverzicht_a01.jpg") no-repeat bottom right; 
}

.middlePanelCalendar
{ width:   90%;  /* don't touch to avoid problem with IE6 */
  margin:  5px 5px 5px 5px;
  padding: 5px 10px 5px 10px;
/*  border:  1px solid #cea;*/
/*  background-color:    #fff; */
  background: #fff url("../img/background_kalender_a01.jpg") no-repeat bottom right; 
}

.middlePanelPartners
{ width:   90%;  /* don't touch to avoid problem with IE6 */
  margin:  5px 5px 5px 5px;
  padding: 5px 10px 5px 10px;
/*  border:  1px solid #cea;*/
/*  background-color:    #fff; */
  background: #fff url("../img/background_partners01.jpg") no-repeat bottom right; 
}

/* for the matches */

.middlePanelHeader 
{ width:      570px;
  color:      #fff;
  font-size:  11pt;
  margin:     5px 0px 10px 0px;
  padding:    10px 10px 10px 30px;
  background: #052; 
/*  background: #052 url("../img/background_middlepanelheader_a01.png") no-repeat center right; */
}

img 
{ border: none;
}

a 
{ color: #141;
  text-decoration: none;
}

a:hover 
{ text-decoration: underline;
}

.directoryListing a
{ text-decoration: none; 
}

.previousButton
{ float: left;
  background-color: #cfc;
  padding: 2px 15px 2px 15px;
  border:  1px solid #cea;
}

.nextButton
{ float: right;
  background-color: #cfc;
  padding: 2px 15px 2px 15px;
  border:  1px solid #cea;
}

.centerButton
{ text-align: center;
  background-color: #cfc;
  padding: 2px 15px 2px 15px;
  border:  1px solid #cea;
}

.editButton
{ text-align: center;
  background-color: #fcc;
  padding: 2px 10px 2px 10px;
  border:  1px solid #eca;
}  

.footer 
{ width:      100%;
  height:     20px;
  clear:      both;
  margin:     10px 0px 0px 0px;
  padding:     0px;
  text-align: center;
  color:      #fff;
  background: #093;
}

.matchTable
{ padding: 2px 10px 2px 5px;
}

.playerTable
{ padding:    2px 10px 2px 5px;
  text-align: left;
}


/* for the google maps plugin */
.mapInfowindow 
{ width:       300px; 
  height:      130px; 
  overflow:    auto; 
} 

.mapInfowindowLogo 
{ height:      80px;
  margin:      20px 10px 30px 5px;  
  overflow:    auto; 
  float:       left;
} 

/* for the links to other teams */
.linksLogo
{ height:      20px;
  margin:      5px 10px 5px 10px;
  vertical-align: middle;
}

/* for the intranet directory listing */
.fileListing
{ width: 600px;
}

.fileName
{ width:       400px;
  text-align:  left;
}

.fileOperations
{ width:       80px;
  text-align:  center;
  background-color: #fcc;
  border:      1px solid #a44;
}

/* for multi-select */
.multiselect 
{ width:  580px;
  height: 300px;
}

/* zebra tables */
table.zebra th 
{ color:      #fff;
  background: #052;
}

table.zebra tr.even 
{ background-color: #cfc;; 
}

/* accordion selector */
.ui-accordion-header 
{ }

.ui-accordion h3 
{ width:      550px;
  background: #052;
  color:      #fff;
  padding:    10px 10px 10px 30px;
}

.ui-accordion h3:hover 
{ background: #4a7;
}

.ui-accordion h3.selected 
{ color:      #141;
  background: #dfe;
}

.ui-accordion h3.selected:hover
{ color:      #2E4560;
  background: #fff;
}