/****************************************************************************
* sct.css - Skating Club Tampereen tyylisivu
* --------------------------------------------------------------------------
* Ilkka Kaikuvuo, ilkka . kaikuvuo (at) skatingclubtampere . fi
****************************************************************************/

/*-----------------------------*/
/* Sivujen yleinen tyyli       */
/*-----------------------------*/
body
{
  background-color:       #F4F4FF;/*vaaleansininen*/
  color:                  black;
  font-family:            "Verdana", "Arial", sans-serif;
  font-style:             normal;
  font-size:              10pt;
  margin:                 10px 10px 0px 10px;
  padding:                0px;
}

h1,h2
{
  color:                       gray;
  background:             #CEE7FF;
}

h1
{
  text-align:             center;
}


#ylaotsake
{
  margin:                 10px 10px 10px 10px;
  text-align:             center;
}


h2:first-letter
{
  font-size:              150%;
}

h3,h4
{
  color:                  gray;
  background:             #E8F3FF;
  margin:                 0px;
}

p:first-letter
{
  font-size:              150%;
}

.valikko
{
  list-style-type:        none;
  margin-left:            0px;
  padding-left:           0px;
}

.valikko li
{
  border:                 thin dotted gray;
  background:             #CEE7FF;
  margin:                 2px;
  padding:                2px;
}

.valikko li:hover
{
  background:             #CCCCFF;
}

.valikko li a
{
  text-decoration:              none;
  display:                block;
  padding:                4px;
}

* html .valikko li a
{
  width:    100%;
}

.valikko li a img
{
  border:                  0;
  padding-left:            10px;
}

.valikko li ul
{
  list-style-type:        none;
  margin-left:            0.2em;
  padding-left:           0px;
}

.menuactive
{
 background:             #CCCCFF;
 color:                      inherit;
}

.sfc_uutiset
{
  border:                 thin dotted gray;
  background-color:       #CEE7FF;
  margin:                 2em;
  margin-top:             1em;
}

.korostus
{
  font-weight:            bold;
  color:                  red;
}

.uutinen, .kurssikuvaus
{
  border-bottom:          thin dotted gray;
  border-left:            6px solid #f0f0f0;
  margin:                 10pt;
  background:             transparent;
}

.uutinen:hover, .kurssikuvaus:hover
{
  background-color: #CEE7FF;
}

.uutinen p, .kurssikuvaus p
{
  padding-left:   10px;
}

label
{
  font-weight:            bold;
}

#lisatieto
{
  display:                block;
  margin-right:           20%;
  font-style:             italic;
  border:                 thin dotted gray;
}

* html p#lisatieto
{
  display:                block;
  margin-right:           20%;
  font-style:             italic;
  border:                 thin dotted gray;
  width:                  50%;
}

* html p#lisatieto:first-letter
{
  display:                inherit;
  font-weight:            normal;
  border:                 none;
  clear:                  left;
}


/* Kuviin liittyv� tauhka */
img
{
 border: none;
}

/*
* Yll�tt�en IE ei tue adjacent sibling -ominaisuutta.
* joten div.keski h1 + img poistettu
*/
img#paakuva
{
  display:                  block;
  padding:                  6px;
  border-top:               1px solid #ddd;
  border-left:              1px solid #ddd;
  border-bottom:            1px solid #c0c0c0;
  border-right:             1px solid #c0c0c0;
  margin-left:              auto;
  margin-right:             auto;
  float:                    none;
}

img.kuvitus_keski
{
  display:                  block;
  padding:                  6px;
  border-top:               1px solid #ddd;
  border-left:              1px solid #ddd;
  border-bottom:            1px solid #c0c0c0;
  border-right:             1px solid #c0c0c0;
  margin-left:              auto;
  margin-right:             auto;
  float:                    none;
}

img.kuvitus_oikea
{
  display:                  block;
  padding:                  6px;
  border-top:               1px solid #ddd;
  border-left:              1px solid #ddd;
  border-bottom:            1px solid #c0c0c0;
  border-right:             1px solid #c0c0c0;
  margin-left:              auto;
  margin-right:             auto;
  float:                    none;
}

div.ohjaajaesittely img, div.uutinen img
{
  float:                    right;
  padding:                  4px;
  border-top:               1px solid #ddd;
  border-left:              1px solid #ddd;
  border-bottom:            1px solid #c0c0c0;
  border-right:             1px solid #c0c0c0;
}

.ohjaajaesittely
{
  border-bottom:          thin dotted gray;
  border-left:            6px solid #f0f0f0;
  margin:                 10pt;
  background:             transparent;
}


input, textarea, select
{
   background-color: #F4F4FF; /*vaaleansininen*/
}

input:focus, textarea:focus, select:focus
{
   background-color: #F4F4F4; /*vaaleansininen*/
}

label
{
 cursor:  help;
}

.sponsorit, .infobox
{
  display:                block;
  text-align:             center;
}

/***********************************
*sivun asettelua koskeva osio alkaa
************************************/

/*vasen linkkilaatikko*/
.vasen
{
  position:             fixed;
  left:                   5px;
  top:                    35px;
  width:                  130px;
  border:                 2px dotted gray;
  background-color:       #FBFBFF;
  padding:                5px;
}

* html .vasen
{
  position:               absolute;
  left:                   5px;
  top:                    35px;
  width:                  130px;
  border:                 2px dotted gray;
  background-color:       #FBFBFF;
  padding:                5px;
}


/*leipaosa ja patchaus IE:ta ja wanhaa Operaa varten*/
.keski
{
  border:                 2px dotted gray;
  background:             white url(images/ryhma_taustakuva.jpg) bottom right no-repeat fixed;
  margin-left:            129px;
  margin-right:           149px;
  voice-family:           "\"}\"";
  voice-family:           inherit;
  margin-left:            131px;
  margin-right:           151px;
  padding:                20px;
  padding-top:            2px;
}
/*
html>body .keski
{
  margin-left:            151px;
  margin-right:           151px;
}
*/

/*oikea uutislaatikko*/
.oikea
{
  position:               fixed;
  right:                  5px;
  top:                    35px;
  width:                  150px;
  border:                 2px dotted gray;
  background-color:       #FBFBFF;
  padding:                5px;
}

* html .oikea
{
  position:               absolute;
  right:                  5px;
  top:                    35px;
  width:                  150px;
  border:                 2px dotted gray;
  background-color:       #FBFBFF;
  padding:                5px;
}


/*ylaalla oleva otsikkoloora*/
.banneri
{
  background:             #FBFBFF;
  height:                 40px;
  border-top:             2px dotted gray;
  border-right:           2px dotted gray;
  border-left:            2px dotted gray;
  voice-family:           "\"}\"";
  voice-family:           inherit;
  height:                 39px;
}

/*-----------------------------*/
/*spedeill��n linkkien kanssa..*/
/*-----------------------------*/


/*normaali linkki*/
A:link
{
  color:                  gray;
  background:             #CEE7FF;
}

/* kun kursori on linkin p��ll�... */
A:hover
{
  color:                  black;
  background:             #CCCCFF;
}

/* Vierailtu linkki */
A:visited
{
  color:                  black;
}

/* Aktiivinen linkki */
A:active
{
  color:                  gray;
  background:             #6699FF;
}

/*-----------------------------*/
/* Printtiominaisuudet         */
/*-----------------------------*/
@media print
{

  body
  {
    color:                black;
  }

  /*piilotetaan navigaatio*/
  .vasen
  {
    display:                none;
    position:               static;
    left:                   0px;
    top:                    0px;
    width:                  0px;
    margin:                 0px;
  }

  ul.valikko
  {
    display:  none;
  }

  ul.valikko li
  {
    display:  none;
  }

  a[href="#alku"]
  {
    display:   none;
  }

  .keski
  {
    border:                 none;
    background-color:       white;
    margin-left:            0;
    margin-right:           0;
    padding:                0px;
    padding-top:            0px;
    padding-right:          0px;
    width:                  100%;
  }

.oikea
{
  display:                none;
  position:               static;
  right:                  0px;
  top:                    0px;
  width:                  0px;
  border:                 none;
  background-color:       white;
}

}

/* make all links red */
.calendar tr td a
{
color: red;
}

/* highlight "today" for the small calendar */
#small .calendar-today
{
font-weight: bold;
background-color: #CEE7FF;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
display: inline;
margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
color: red;
font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
margin: 0px;
border-collapse:    collapse;
border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
border: 1px solid black;
padding: 3px;
width: 75px;
}

#big td {
border: 1px solid black;
vertical-align: top;
padding: 3px;
height: 75px;
width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
margin: 0px;
padding: 0px;
padding-left: 5px;
}

#big li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* background colours for #big */
#big td
{
background-color: silver;
}

#big .calendar-day
{
background-color: #80ff80;
}

#big .calendar-today
{
font-weight: normal;
background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
display: none;
}


/* small calendar rules */
#small .calendar-event .calendar-date-title,
#small .calendar-event .calendar-summary-title,
#small .calendar-event .calendar-details-title, 
#small ul li
{
display: none;
}

#small a.has_events 
{
 border: 1px solid black;
 background-color: #8080ff;
 
}


/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */