.match {
  font: 8pt Tahoma;
}
.match td { 
  background: #FFFFFF;
  text-align: center;
  width: 70px;
}
.match th {
  background: #FFFFFF;
  text-align: left;
  padding: 5px;
  width: 70px;
}


div.overview div.futureStory
{ display: none;
} 

table.weekview { 
  width: 340px;
  margin-bottom: 2px;
  border: 1px solid #444444;
  border-bottom: 0;
}

table.weekview th {
  width: 40px;
  background: #98CD97;
  font: 8pt Tahoma;
  border-bottom: 1px solid #444444;
}
table.weekview td {
  background: #98CD97;
  border-bottom: 1px solid #444444;
}

table.weekview .Sa {
  background: #65B464;
}
table.weekview .So {
  background: #65B464;
}



body {
  margin: 0px;
  padding: 0px;
  background-color: #e0e0e0;
  font-family : Trebuchet MS, Verdana, Arial;
  color: #000000;
  font-size: 11pt;
  text-align: center;
  height: 100%;
}
s
a {
  color: #666633;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #cccc66;
  text-decoration: none;
}

p {
  padding: 0px;
  margin: 0px;
}

img {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

input, textarea, select {
  font-family : Trebuchet MS, Verdana, Arial;
  color: #666666;
  font-size: 10pt;
  border: 1px solid [property "linecolor" is not defined for Layout];
}

textarea.formText
{ width: 100%;
}

select#game {
  bxackground: red;
  width: 100%;
}

#wrapper {
  text-align: center;
  background: url("/static/Haerm/layouts/Haerm/body.gif ") repeat-y;
  width: 0;
  height: 100%;
}

/* form input classes */

form
{ 
  display: inline;
}

.formTitle {
   width: 100%; 
   font-family: Trebuchet MS, Verdana, Arial;
   font-size: 11pt;
   font-weight: bold;
   border: 1px solid #000000;
}

.formText {
  width: 100%; 380px;
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 11pt;
  font-weight: normal;
}

.formWide {
  width: 90%;
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 11pt;
  font-weight: normal;
}

/* footer */
#footer
{ background: url("/static/Haerm/layouts/Haerm/bottom.gif ") no-repeat;
  height: 9px;
}

/* header */

#header {
  background: [property "blockcolor" is not defined for Layout];
  height: 100px;
  background: url("/static/Haerm/layouts/Haerm/header.gif ") no-repeat;
  height: 110px;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 10px;
  padding-bottom: 0;

}

#header div.icon {
  float: left;
  width: 50px;
  padding: 30px 10px 0px 20px;
}

#header div.icon img {
  border: 1px solid [property "linecolor" is not defined for Layout];
}

#header h1 {
  margin: 0px;
  padding: 32px 0px 0px 0px;
  font-size: 24px;
  font-family: Trebuchet MS, Verdana, Arial;
  color: #488e16;
}

#pagebody {
  margin-top: 0px;
  padding: 0;
  width: 857px; 
  height: 100%;
  margin-left: 45px;
  margin-right: 45px;
}

#pagebody-left
{ vertical-align: top;
  padding: 5px;
}

#pagebody-right
{ vertical-align: top;
  width: 346px;
  overflow: hidden;
  border-left: 1px solid #a0a0a0;
  padding: 5px;
  padding-top: 0; 
  height: 100%;
}

/* messages */

.message {
  background-color: #FFEC03;
  border: 1px solid #FF7006;
  color: #A21A1A;
  padding: 0.2em 0.8em 0.15em 34px;
  background: url("icon_message_24.gif") 2px -1px no-repeat #FFEC03;
  margin: 1em 0;
}

/* content */

#content {
 line-height: 1.3em;
 margin: 0;
 font-size: 10pt;
  padding-top: 10px;
}
 
/* story */

.story {
  padding: 0px 0px 28px 0px;
  text-align: justify;
  width: 100%;
  background: url("/static/Haerm/layouts/Haerm/dottedline.gif") repeat-y;
  background-position: 127px;
}

/* story Title */

th.storyElement
{ width: 120px;
  background-position: right;
  padding: 3px;
  font: 8pt Tahoma; 
  color: #a0a0a0;
  text-align: right;
  vertical-align: top;
} 
th.storyElement a
{ color: #a0a0a0;
}

th.storyTitle
{ background: url("") no-repeat;
  background-position: right;
}

td.storyTitle
{ font: bold 12pt "Verdana";
  height: 20px;
  padding-left: 4px; 
  border-left: 20px solid #000000;
}

.storyElement a
{ color: #000000;
  text-decoration: none;
  padding: 3px;
  
}

/* story Content */

td.storyContent
{ padding: 3px;
  margin: 0;
  vertical-align: top;
  font: 10pt Tahoma;
}

/* story Comments */
.storyCommentsRight a
{ color: #a0a0a0;
  font: 8pt Tahoma;
}

td.storyComments a
{ color: #a0a0a0;
  font: 8pt Thoma;
}
th.storyComments
{ padding-top: 7px;
}

th.storyComments a
{ color: #a0a0a0;
  font: 8pt Thoma;
}


h2 {
  font-family: Trebuchet MS, Verdana, Arial;
  color: #488e16;
  font-size: 11pt;
  margin: 0px 0px 12px 0px;
  padding: 0px;
  border-bottom: 1px solid [property "linecolor" is not defined for Layout];
}

.storydate, .storylinks {
  text-align: right;
  font-family: Tahoma;
  font-size: 10pt;
  color: #666666;
  line-height: 1.1em;
}

.storydate {
  margin: 13px 0px 0px 0px;
}

/* navigation */

#sidebar01, #sidebar02 {
  font-size: 10pt;
  padding: 0; margin:0; 
  overflow: hidden;
  width: 246px;
}

/* sidebar(s) */

.sidebar div, 
.sidebar p {
  color: #666666;
  margin: 0 0 7px 0;
}

.sidebar pre,
.sidebar tt   {
  font-size: 12px;
  width: 120px;
  overflow: auto;
}

.sidebarItem {
  border-bottom: 5px solid [property "linecolor" is not defined for Layout];
  padding: 0 0 10px 0;
  line-height: 1.1em;
  color: #666666;
  margin: 0px 0px 12px 0px;
  overflow: hidden;
  padding: 4px; margin: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font: 8pt;
}

#sidebarHidden
{ display: none;
}

/* SideBarItem Titel */
.sidebarItem h4 {
  font-size: 11pt;
  padding: 0px 0px 7px 0px;
  margin: 0px;
  border: 0px;
  text-transform: uppercase;
}
.sidebarItem h4 a {
 display: none;
}

.sidebarItem a {
 color: 808080;
 text-decoration: none;
}




.sidebarItem ul {
  margin: 0.5em 0 0.7em 0;
  padding: 0;
}

.sidebarItem ul li {
  list-style: none;
  padding: 0 0 0.2em 0;
}
.sidebaritem td
{ font: 8pt Tahoma;
}

table.calendar td {
  white-space: nowrap;
}

.clearall {
  clear: both;
  height: 0px;
  font-size: 0px;
}


.calDay a {
  color: #488e16;
  border: 1px solid #488e16;
}

.calSelDay a {
  color: #488e16;
  border: 1px solid #488e16;
}

span#teamABC
{ width:100%;
  text-align: right;
}

span#team123
{ width:100%;
  text-align: left;
}