/*============*/
/* INDEX PAGE */
/*============*/

/* All styles that are used in the index.php or in normal pages */ 

/* Yläbanneri */
#topbanner {
	background: url(images/topbanner.jpg) no-repeat;
	width: 800px;
	height: 115px;
}

/* Valikot */
#menu {
	background: url(images/menu.jpg) repeat-y;
	width: 800px;
	height: 20px;
	padding: 5px 0;
	text-align: left;
}

/* Sivupalkit */
#sidecolumns {
	font-family: "Times New Roman";
	background-color: #CCCCCC;
	width: 128px;
	vertical-align: top;
	text-align: left;
}

/* Sivupalkkien linkit */
#sidecolumns a, #sidecolumns a:visited {
	color: #0000FF;
	text-decoration: none;
}

/* Sivupalkkien otsikot */
#sidecolumn_header {
	background-color: #0066CC;
	font: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

/* Sivupalkkien kategoriat (Yhteiset, Vanhemmat, Juniorit) */
.sidecolumn_second_header {
	font-weight: bold;
	text-align: center;
}

/* Sivupalkkien tekstit (päiväykset) */
.sidecolumn_text {
	font: Tahoma;
	font-size: 12px;
	color: #000000;
	padding: 0 4px;
}

/* Sivuston keskiosa, jossa on ne kaksi ottelijaa */
/* Tyyli on toisessa tyylitiedostossa, jotta keskiosan kuvaa pystyisi vaihtamaan helposti sivuston valikoiden kautta */

/* Sivun aihe-laatikko */
#subject {
	font-family: Tahoma;
	background-color: #0000CC;
	font-size: 16px;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

/* Koko sivuston pohjaosa (alabanneri) */
#bottom {
	background: url(images/bottom.jpg) no-repeat;
	width: 800px;
	height: 32px;
}

/* Koko kalenterin taustaväri */
.calendar_empty {
	background-color: #EEEEFF;
	font-size: 10px;
	font-family: Tahoma;
}

/* Graafisen kalenterin kuukauden valinta */
.calendar_empty a, .calendar_empty a:visited {
	color: #0000FF;
	text-decoration: none;
}

/* Tyhjän päivän taustaväri (Päivä jolloin ei ole tapahtumaa) */
.calendar_normal {
	background-color: #DDDDFF;
	font-size: 10px;
	font-family: Tahoma;
}

/* Kertoo mikä päivä tänään on */
.calendar_today {
	border: 2px solid #FF0000;
	background-color: #DDDDFF;
	font-size: 10px;
	font-family: Tahoma;
}

/* Sisältää tapahtuman */
.calendar_news {
	background-color: #8B93E8;
	font-size: 10px;
	font-family: Tahoma;
	color: #000000;
}

/* Graafisen kalenterin linkki */
a#calendar_link {
	color: #000000;
	text-decoration: none;
}

/* Tämä päivä, jossa on jokin tapahtuma */
.calendar_newstoday {
	border: 2px solid #FF0000;
	background-color: #8B93E8;
	font-size: 10px;
	font-family: Tahoma;
}

/* Sisältää pitkäkestosen tapahtuman */
.calendar_continuous {
	background-color: #B4B8F4;
	font-size: 10px;
	font-family: Tahoma;
}

/* Tämä päivä, jossa on jokin pitkäkestoinen tapahtuma */
.calendar_continuoustoday {
	border: 2px solid #FF0000;
	background-color: #B4B8F4;
	font-size: 10px;
	font-family: Tahoma;
}

/* Sininen laatikko keskellä sivustoa, jonka sisälle tulee kaikki sivut ja tekstit */
#maintable {
	background: url(images/foreground.png);
	font-size: 12px;
	font-family: Tahoma;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Päävalikkon tekstit */
#menu a {
	padding: 2px 15px;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 1.5em;
	font-family: verdana,sans-serif;
}

/* Päävalikon tekstit - Kun hiiri on valikon päällä */
#menu a:hover {
	background-color: #c1c1c1;
}

/* Päävalikossa oleva "Kirjaudu ulos" linkki */
#menu_logout {
	padding: 2px 15px;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 1.5em;
	font-family: verdana,sans-serif;
	color: #FF0000;
	text-decoration: none;
}

/* Päävalikossa oleva "Kirjaudu ulos" linkki - Kun hiiri on valikon päällä */
#menu_logout:hover {
	background-color: #c1c1c1;
}

/* Alivalikko - Yleinen tyyli*/
.submenu {
	text-align: center;
	position: absolute;
	visibility: hidden;
	background-color: #F1F1F1;
	width: 100px;
	border: 1px #999999 solid;
	list-style-type: none;	
}

/* Alivalikon tekstit */
.submenu a {
	text-decoration: none;
}

/* Alivalikkojen erottaja */
.submenu hr {
	margin: 4px;
}

/* Alivalikko - Kun hiiri on alivalikon päällä */
.submenu li:hover { 
	background-color: #C1C1C1;
}

/* Alivalikko - Rakenne */
.submenu ul { 
	padding: 0;
	margin: 0; 
}

/* Alivalikko - Yhden alivalikko valikon rakenne */
.submenu li { 
	list-style-type: none;
	margin: 2px;
	padding: 0;
} 

/* Uutisten otsikko */
#news_subject {
	background-color: #C3C3C3;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	padding: 2px 4px;
	text-align: center;
}

/* Uutisten teksti-laatikko */
#news_text {
	background-color: #D3D3D3;
	color: #000000;
	padding: 4px;
}

/* Uutisen kirjoittaja ja päiväys-laatikko */
#news_author {
	background-color: #C3C3C3;
	font-size: 10px;
	color: #000000;
	padding: 2px 4px;
}

/* Ajat-sivun viikonpäivät ja ryhmät */
.trainings_main {
	background-color: #C3C3C3;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 2px;
}

/* Ajat-sivun kellonajat */
.trainings_time {
	background-color: #D3D3D3;
	font-size: 14px;
	color: #000000;
	padding: 2px;
}

/* Kalenteri-sivun kuukauden valitsin */
#calendar_month {
	background-color: #0000CC;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

/* Kalenteri-sivun kuukauden valitsin (linkit) */
#calendar_month a, #calendar_month a:visited {
	color: #0000FF;
	text-decoration: none;
}

/* Tapahtuman otsikko, päiväys, aika ja paikka */
#calendar_header {
	background-color: #C3C3C3;
	font-size: 12px;
	color: #000000;
	padding: 2px 4px;
}

/* Tapahtumaselostuksen teksti */
#calendar_text {
	background-color: #D3D3D3;
	color: #000000;
	padding: 4px;
}

/* Tapahtuman kirjoittaja */
#calendar_author {
	background-color: #C3C3C3;
	font-size: 10px;
	color: #000000;
	padding: 2px 4px;
}

/* Hinnat-sivun teksti */
#prices_text {
	background-color: #CCCCCC;
	font-family: Tahoma;
	font-size: 12px;
	padding: 0 4px;
	color: #000000;
}

/* Hinnat-sivun Seuran tilinnro. -otsikko */
.prices_account_header {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
}

/* Hinnat-sivun tilitietojen tekstit */
.prices_account_text {
	font-family: Tahoma;
	font-size: 12px;
}

/* Poomse-sivun yksittäisen poomsen otsikko */
.poomses_subject {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}

/* Poomse-sivun kuvien sijainti */
.poomses_picture {
	text-align: right;
}

/* Poomse-sivun tekstien tyyli */
.poomses_text {
	font-family: Tahoma;
	font-size: 12px;
	padding-right: 4px;
	vertical-align: top;
}

/* Adminin linkit */
.admin_link a, .admin_link a:visited {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

/* Virhe-sivujen punainen tausta */
#error_red {
	background: url(images/error_red.png);
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Virhe-sivujen sininen tausta punasen taustan päällä */
#error_blue {
	background: url(images/error_blue.png);
	font-size: 12px;
	font-family: Tahoma;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Tiedostot-sivun otsikko */
#files_header {
	background-color: #C3C3C3;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 2px 4px;
}

/* Tiedostot-sivun teksti */
#files_text {
	background-color: #D3D3D3;
	color: #000000;
	padding: 4px;
	vertical-align: top;
}

/* Tiedostot-sivun päiväys */
#files_date {
	background-color: #C3C3C3;
	font-size: 10px;
	color: #000000;
	padding: 2px 4px;
}

/* Salin varaus -sivun varaukset - Päätyyli */
#reservation_main {
    font-size: 11px;
	border-left: #999999 solid 2px;
	border-right: #999999 solid 1px;
    border-top: #999999 solid 2px;
	border-bottom: #999999 solid 2px;
}

/* Salin varaus -sivun varaukset - Varaus: parillinen */
.reservation_even {
    background-color: #C3C3C3;
    vertical-align: middle;
    border-top: #999999 solid 2px;
    border-left: #999999 solid 1px;
    border-right: #999999 solid 1px;
}

/* Salin varaus -sivun varaukset - Varaus: pariton */
.reservation_odd {
    background-color: #C3C3C3;
    vertical-align: middle;
    border-top: #999999 dashed 2px;
    border-left: #999999 solid 1px;
    border-right: #999999 solid 1px;
}

/* Salin varaus -sivun varaukset - Otsikot */
.reservation_header {
    font-size: 11px;
    font-weight: bold;
    background-color: #C3C3C3;
    border-left: #999999 solid 1px;
    border-right: #999999 solid 1px;
}

/* Salin varaus -sivun varaukset - Aika sarake */
.reservation_time_column {
    font-size: 11px;
    font-weight: bold;
    border-left: #999999 solid 1px;
	border-right: #999999 solid 1px;
	background-color: #C3C3C3;
	text-align: center;
}

/* Salin varaus -sivun varaukset - Viikonpäivä sarake */
.reservation_day_column {
    font-size: 11px;
	border-left: #999999 solid 1px;
    border-right: #999999 solid 1px;
	background-color: #D3D3D3;
}

/* Salin varaus -sivun varaukset - Parillisten rivien reunat */
.reservation_even_row {
    padding: 2px;
	border-top: #999999 solid 2px;
    border-left: #999999 solid 1px;
    border-right: #999999 solid 1px;
}

/* Salin varaus -sivun varaukset - Parittomien rivien reunat */
.reservation_odd_row {
    padding: 2px;
	border-top: #999999 dashed 2px;
    border-left: #999999 solid 1px;
    border-right: #999999 solid 1px;
}





/*=================*/
/* MANAGEMENT PAGE */
/*=================*/

/* Styles that are used in the hallinta.php or in management pages */

/* Sivun tausta */
#mgmt_middle {
	background-color: #D8D8D8;
	text-align: center;
	width: 800px;
}

/* Sivuston keskellä oleva sininen tausta, joka sisältää kaikki tekstit */
#mgmt_maintable {
	background: url(images/foreground.png);
	font-size: 12px;
	font-family: Tahoma;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Hallintasivujen tekstit */
.mgmt_text {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

/* Hallintasivujen tietojensyöttökenttien tyyli */
.mgmt_text input, .mgmt_text textarea {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
}

/* Napit */
.mgmt_buttons {
	font-weight: bold;
}

/* Aikojen muuttamiseen tarkoitetun sivun taulukko */
.mgmt_border {
	border-color: #0000CC;
	border-style: solid;
}




/*=========*/
/* Facebox */
/*=========*/

#facebox .b {
  background:url(./images/b.png);
}

#facebox .tl {
  background:url(./images/tl.png);
}

#facebox .tr {
  background:url(./images/tr.png);
}

#facebox .bl {
  background:url(./images/bl.png);
}

#facebox .br {
  background:url(./images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}