@CHARSET "ISO-8859-1";
table {
	border-collapse: collapse; /* Saadaan solujen reunaviivat esiin */
}

.kalenteri {
	background: #FFFAFA;
	margin: 10px 0px 10px 0px;
}

.joukkue {
	margin-top: 10px;
	margin-right: 2px;
	color: black;
	font-size: 0.8em;	
	font-weight: bold;
	height: 40px;
}

.joukkueNimi {
	border-bottom: 1px solid #FFFAFA;
	border-left: 1px solid #FFFAFA;
	border-top: 1px solid #FFFAFA;
	border-right: 1px solid black;
}

/* Päivien lyhenteet */
.paiva {
	background-color: blue;
	color: white;
}

/* Asetetaan päivien lyhenteiden avulla sarakeleveys */
.paivaSpan {
	width: 100px;
}

.keskita {
	text-align: center;
}

/* Linkit edelliseen ja seuraavaan */
P.linkitViereisiin {
	margin: 0;
	padding-bottom: 0.3em;
	font-size: 1.6em;
}

/* GWT Linkit edelliselle ja seuraavalle viikolle */
.viikkoLinkit {
	font-size: 1.6em;
	font-weight: bold;	
}

/* Aktiivisen kuukauden nimi */
P.kkJaVuosi{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	padding-bottom: 0.3em;
}

/* Päiväysosan reunukset */
.eiReunaa{
	border: none;
}

.ylaReuna {
	border-bottom: 1px solid black;	
	border-top: none;
	border-left: none;
	border-right: none;
}

.oikeaReuna {
	border-right: 1px solid black;	
}

.alaReuna {
	border-bottom: 1px solid black;
}

/* Peruttu harjoitus */
.punainenTeksti, .peruttu{
	color: red;
}

/* Selitystekstit */
.pallopoika, #pallopoikaSelite {
	background-color: #c5fbc2;
}

.harjoitus, #harkkaSelite{
	background-color: #ffcf55;
}

.kotiPeli, #kotiPeliSelite{
	background-color: #99cc00;
}

.vierasPeli, #vierasPeliSelite{
	/* background-color: rgb(110,40,180); */
	background-color: yellow;
}

.muu, #muuSelite{
	background-color: #d4d3fb;
}

.infoCol{
	background-color: rgb(230,230,255);
}

.infoNote, #infoNoteSelite{
	text-align: center;
	color: navy;
	font-weight: bold;
}

#selitteet{
	border: 1px dotted gray;
	margin: 10px 0px 0px 10px;
	padding: 10px 2px 10px 2px;
	/* width: 200px; */
	/* position: relative; */
}

.kuvaus {
	float: left;
	min-width: 80px;
	margin: 0px 10px 0px 2px;
	font-size: 0.8em;
	font-style: oblique;	
}

#harkkaSelite, #kotiPeliSelite, #vierasPeliSelite, #pallopoikaSelite, #muuSelite{
	float: left;
	width: 30px;
	height: 17px;
	border: 1px solid black;
	margin-bottom: 2px;
}

/* DatePicker */

.gwt-DatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}
.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}
.datePickerDayIsWeekend {
  background: #EEEEEE;
}
.datePickerDayIsFiller {
  color: #888888;
}
.datePickerDayIsValue {
  background: #aaccee;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}
.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}


/* Pickerin käynnistys */
#otsikkoJaPicker{
	float: right;
	position: relative;
	width: 710px;
	height: 50px;
}

#picker{
	width: 32px;
	height: 32px;
	position: absolute;
	right: 5px;
	top: 5px;
}

/* Kalenterimerkinnät sisältävä alue */
#kalenteriMerkinnat{
	float: right;
}