/* Kurssihaku */

#kurssikehys {
    font-size: 1.0em;
}

.kurssitietoboksi {
    width: 700px;
    padding-left: 5px;
    padding-right: 5px;
}

.hilightRow {
    background: #fbb;
}

.hilight {
    background: #ffa;
}

.kurssigridi {
    margin-top: -2px;
}

.kurssigridi a {
    color: #d22;
    font-weight: bold;
    text-decoration: none;
}

.kurssigridi td {
    padding: 2px;
}

.kurssigridi a:visited {
    color: #d22;
    font-weight: normal;
    text-decoration: none;
}

.kurssigridi a:hover {
    text-decoration: underline;
}

.kurssigridi td.kesto {
    text-align: center;
}

.kurssigridi td.hinta {
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    text-align: right;
}

.kurssigridi td.kortti {
    white-space: nowrap;
    text-align: center;
}

.kurssihakukentta {
    width: 320px;
    height: 24px;
    font-size: 16px;
    border: 1px solid #555;
    vertical-align: middle;
}

#laajanhaunkriteerit {
    vertical-align: top;
    font-size:0.9em;
}

td.esitystavat {
    font-size: 0.9em;
    white-space: nowrap;
}

#laajahakuvihje {
    padding: 3px;
    background: #fff;
    border: 1px solid #888;
    color: #777;
    font-size: 80%;
    z-index: -3;
}

tr.headeri, .smallheader {
    font-weight: bold;
    font-variant: small-caps;
}

tr.headeri td {
    text-align: center;
}

td.smallheader {
    padding-top: 0px;
    padding-right: 8px;
}

table.ilmoittautuminen td.smallheader {
    vertical-align: top;
}

td.lomakeotsikko {
    font-weight: normal;
    padding-right: 14px;
}

.pakollinenkentta {
    background: #ffd;
}

#hyrraspan {
    margin-right: 4px;
}

.kohderyhmatable {
    border-collapse: collapse;
}

.kohderyhmatable td {
    white-space: nowrap;
    border: 1px solid #bbb;
    border-top: none;
    padding: 1px;
    padding-bottom: 2px;
    text-align: center;
}

#laajahakupalkki {
    width: 100%;
    background: #fdd;
    cursor: pointer;
}

#laajahaku .nappi {
    width: 75px;
    height: 82px;
    display: block;
    float: left;
    text-align: center;
    font-size: 80%;
    padding-top: 3px;
    margin-left: 1px;
    margin-right: 1px;
    line-height: 1.2;
}

.nappi-unselected {
    margin-top: 0px;
    margin-bottom: 2px;
   background: url('/_layouts/CourseSearch/Images/hopeatausta.png');
    border: 1px solid #444;
    border-bottom: 4px solid #88a;
    color: #777;
}

.nappi-selected {
    margin-top: 3px;
    margin-bottom: 0px;
   background: url('/_layouts/CourseSearch/Images/punatausta.png'); 
    border: 1px solid #444;
    color: #222;
}

#laajahaku .nappi img {
    margin-bottom: 2px;
}

.vapaasyotekentta {
    font-family: Verdana;
    overflow: auto;
}

#hakukenttataulu {
    margin-left: -10px;
}

#hakukenttataulu td {
    padding: 0px;
}

#perushaku img {
    margin-bottom: -2px;
}

.pikkutsekboks {
    font-size: 90%;
}

td.kohderyhmat {
    white-space: nowrap;
    padding-left: -5px;
    padding-right: -3px;
    padding-top: 2px;
    text-align: center;
}

td.kohderyhmat img {
    margin-left: -2px;
    margin-right: 2px;
}

.turhamesta {
    color: #999;
}

.turhamesta a {
    color: #333;
}

#kaikenselausnappi {
    text-decoration: none;
}

.maksutapanappi {
    width: 75px;
    height: 84px;
    display: block;
    float: left;
}

.tilausboksi {
    font-size: 0.9em;
    border: 1px solid #888;
    background: #fff;
    padding: 10px;
    margin-top: 10px
}

.kgAccordion {
    border-bottom: 1px solid #555;
}

.kgHdr {
    cursor: pointer;
    border: 1px solid #555;
    border-bottom: none;
   background: #fed url('/_layouts/CourseSearch/Images/nuolipunaoikea.png') no-repeat 6px 55%;
    font-size: 1.05em;
    padding: 5px;
    padding-left: 22px;
}

.kgHdrSelected {
    border: 1px solid #000;
    border-bottom: none;
    font-weight: bold;
   background: #f77 url('/_layouts/CourseSearch/Images/nuolipunaalas.png') no-repeat 6px 55%; 
}

.kgContent {
    border-top: none;
    border-bottom: none;
    background: #fff;
}

.krHdr {
    cursor: pointer;
    border-bottom: none;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    background: #fff;
    font-size: 1.0em;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 5px;
}

.krHdrSelected {
    margin-top: 2px;
    font-weight: bold;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    background: #faa;
}

.krContent {
    margin-bottom: 6px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: none;
    border-bottom: 1px solid #000;
    background: #fff;
    font-size: 100%;
}

.krLkmTxt {
    color: #333;
    font-size: 75%;
}

.krLkmNro {
    color: #333;
    font-size: 95%;
}

.krLkmTxt {
    color: #444;
    font-size: 70%;
}

.krLkmNro {
    color: #444;
    font-size: 90%;
}

.inact {
    color: #aaa;
}

.noscript {
    display: none;
}

.tayttoohje {
    color: #777;
}

.erilaskurivi {
    display: none;
}

.maksukehotus {
    color: #999;
    padding-left: 20px;
}

.ilmolomake .tekstikentta {
    border: 1px solid #555;
}

.muistilistaheader {
    margin: 8px;
    font-weight: bold;
}

#muistilinkki {
    color: rgb(233,0,40);
    text-decoration: none;
}

/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */

/*
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}

body{
	text-align: left;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.78em;
	width: 700px;
	margin:auto;
}
*/

/* Content Styles */

table.content, table.kurssigridi {font-size:0.9em; border-collapse: collapse; }
table.content td, table.kurssigridi td {border-width:1px; border-color:White; border-style:solid; vertical-align:top;}
table.content th, table.kurssigridi th {border-width:1px; border-color:White; border-style:solid; vertical-align:top;}
table.paivat {font-size:1.0em;width:100%}

.paiva {
    margin-top: 10px;
    margin-bottom: 10px;
    color:rgb(233,0,40);
	font-size: 1.2em;
	font-weight: bold;
}

.kysy {
    font-weight: normal;
    font-style: italic;
    color: #555;
}

#ilmonappi {
    color: rgb(163,60,60);
    font-weight: bold;
    margin-top: 8px;
    text-decoration: none;
    font-variant: small-caps;
}

b { font-weight: bold; }
table.ilmoittautuminen {font-size:1.0em; width:700px}
table.ilmoittautuminen tr { }
tr.i { background-color:#ebebeb; }
tr.ii { background-color:#ffffff;}
.i TD, .ii TD
{
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 8pt;
	vertical-align: top;
	border: 2px solid white;
}
h3.linkki {margin-bottom:13px; margin-top:13px; font-size:14px; font-weight:bold;}
a.otsikko {color:rgb(233,0,40); font-weight:bold;}
#kurssihaku h1  
{
    font-family:Verdana;
    color:rgb(233,0,40);
    text-transform:uppercase; 
	margin-top:0em;
	font-size: 1.4em;
	font-weight: bold;
}
#kurssihaku h2 
{
    font-family:Verdana;
    color:rgb(233,0,40);
	margin-top:1em;
	font-size: 1.3em;
	font-weight: bold;
}
#kurssihaku h3 
{
    font-family:Verdana;
    color:rgb(233,0,40);
	margin-top:2em;
	font-size: 1.2em;
	font-weight: bold;
}
.tilausboksi h3.avainsana { margin-top: 0px !important; }

#kurssihaku h4 
{
    font-family:Verdana;
    color:#000000;
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
#kurssihaku h5 
{
	font-family:Verdana;
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
#kurssihaku h6 
{
    font-family:Verdana;
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

#kurssihaku p { color:#000000; font-family:Verdana; font-size:1em; margin: 1em 0; }
#kurssihaku small { font-size:0.8em; }
#kurssihaku a { color:#000000; text-decoration:underline; }
#kurssihaku a:hover { text-decoration:none; }
#kurssihaku ul { font-size:1em; margin:1.5em;}
#kurssihaku ol { font-size:1em; margin:2em;}
#kurssihaku ol li { margin-bottom:10px;}

tr.pariton { background-color:#EBEBEB;}
tr.parillinen { background-color:#ffffff;}