#bd {padding-top:1em;}
.yui-gb:after{clear:none;}
#doc3 {min-width:950px;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1, h2, h3, h4, h5, h6, p {line-height:1.2em; font-size:100%; margin:1em 0 0 0;}
h1.first-content, h2.first-content, h3.first-content {margin-top:0; padding-top:0; border:none;} /*if an h is the first thing on the page or in a section, it should be flush with the top border of its content area; otherwise, its content area should be padded to create space.*/
p { margin-bottom:1em }
h1 { font-size: 136%; padding:0;}
h2 { font-size: 110%; margin-bottom:.2em; padding:1em 0 0 0; }
h2.first { border-top:none; margin-top:0; margin-bottom:.2em;}
#doc3 h2.first { float:none; /*float specified to resolve conflict on generic float declaration for .first in grids*/}
h4 {margin-top:1em; color: #000;}
ul, ol, dl, dd {margin-left:30px;}
dt { font-weight:bold; }
ul, ol {margin-bottom:.7em;}
ul {list-style: circle;}
ol {list-style:decimal;}
strong {font-weight:bold;}
em {font-style:italic;}

a, a code {color:#0000de;} 
a:visited, a:visited code {color:#639;}
a:active, a:active code {color: #f00;}

h1 a { color:#E76300; }
h1 a:visited {color:#E76300}

#logo_pane { display: none; }

#ygma { 
	margin:.5em auto auto auto; 
}


/*
#bd ol {}
#bd ol li p { margin-left:0}
#bd ol li ol {list-style:lower-alpha}
#bd ol li ol li {margin-bottom:1em}
#bd ol li ol li ol{list-style:lower-roman}
#bd ol li ol li ol li {margin-bottom:1em}
*/

/*formerly #bd targeting
ul {margin-top:2px; }
ul.topspace { margin-top:1em }
ul li { margin:0 17px 0 7px; }
ul li ul { margin-top:0em }
ul.plain {margin-top: 0; list-style: none;}
ul.plain ul {margin-top: 0; list-style: none;}
ul.jump {list-style: none; margin-top: 1em;}
ul.jump li {margin-top: .5em;}
*/

/*#bd table { margin:10px 17px; width:720px; }*/
/*#bd th { background:#B6CDE1; padding:2px; color:#fff; vertical-align:top}
#bd td { padding:2px; vertical-align:top}
#bd td.even { background:red; }*/

h2.classname { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 130%; color:#000000}
h3.breadcrumb { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 80%; color:#000000}
h3.methods { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 100%; color:#000000}

.screenshot {border:thin solid #999999; margin:8px;}

#toc { padding:0; border:1px solid #666666 }
#toc ul {margin:0; padding:0;}
#toc ul li {list-style:none; padding:0; margin:0;  font-size:85%; text-align: center; }
#toc ul li a { display:block; padding:15px 2px 5px 2px; text-decoration:none; color:#000000; }
#toc ul li a:hover { text-decoration:underline; }
#toc ul li em { display:none; }
#toc ul li.sect { font-weight:bold; color:#fff; background:#CA0000; padding:2px 0; text-indent:2px; margin-top:2px; font-family:Verdana, Arial, Helvetica, sans-serif; border-top: #666666 1px solid}
#toc ul li.first {margin-top:0;}

#ft {  margin-top:1em; border-top:#666666 1px solid; }
#ft p { padding-bottom:2em; margin:0; text-align:center; font-size:80%; line-height:1.4em}
#ft p.first { padding:1em 0 0 0; margin:0; }

#pagetitle { border: 1px solid #666666; }
#pagetitle h1 {text-indent:15px; padding:4px 0 2px 0; margin:0; color:#000; font-size:120%; font-weight:bold; position:relative; left:-1px; top:-1px; margin-right:-2px;}
#pagetitle h1 em {color:#FF9933; font-size:60%; font-weight:bold; font-style:normal; position:relative; top:-6px}

#ygunav {background:#eee; border-bottom:2px solid #ccc; padding:0 10px;font-size:78%;text-align:right;margin-bottom:6px;height:2.5em;line-height:2.5em;}
html>body #ygunav {overflow:hidden;}
#ygunav strong {font-family:verdana;}
#ygunav p {display:inline;margin:0;padding:0;}
#ygunav p em {float:left;text-align:left;font-style:normal; padding-top:.7em}
* html #ygunav p em {margin-top:1px;}
#ygunav p em i {visibility:hidden;}
#ygunav a {color:#000;}
#ygunav form {display:inline;margin:0 0 0 1em;}
#ygsp {width:8em;font-size:110%;padding:0;vertical-align:middle;}
#ygunav .ygbt {background:#dcdcdc;font:110% verdana;position:relative;top:1px;}
* html #ygunav .ygbt {top:4px;}
* html>body #ygunav .ygbt {line-height:0;top:-4px;}
#ygunav label {color:#666;font-family:tahoma;top:1px;}

/* removing
#bd p {margin-bottom:8px;}
*/

code {font-family:"Courier New"; font-size: 100%; font-weight:bolder;}

#index-secondary {width:255px;float:right;margin-left:10px;}
#index-main {margin-right:266px;}
#index-main #promo li {list-style-type:none;font-size:92%;margin-top:2px;}
#index-main #promo ul {margin:0;}

/*for site search suggest via autocomplete
#ygunav {overflow:visible !important;}
#sitesearch {float:right; width:40em; position:relative; text-align:right;}
#searchinput {width:15em; font-size:11px; font-weight:bold; position:relative; top:2px;}
#searchcontainer {text-align:left; width:40em; overflow:hidden; line-height:normal; position:absolute;}
#searchcontainer .yui-ac-bd {font-size:10px; color:#666; background-color:#EAEFF2; text-align:left;}
#searchcontainer li {overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; cursor:pointer; padding-top:2px; }
#searchcontainer em {font-style:normal; font-weight:bold; color:#000033;}
.yui-ac-ft {padding:3px; font-size:10px; text-align:right;}
#searchcontainer .yui-ac-highlight {background-color:#87A4D6;}
*/
/* header breadcrumb */
div#header_bc {
	background-color:#000000;
	color:#FFFFFF;
	font-size: 77%;
	font-weight:bold;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#header_bc a:link, div#header_bc a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
div#header_bc a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

div#header_login {
	float: right;
	clear: left;
}

/* header kuva */
div#ygma{
	background: #CA0000 url(../images/ylakuva_potku.jpg) no-repeat bottom left;
	height: 90px;
}

div#header_logo {
	float: right;
	clear: left;
	margin-right: 20px;
	margin-top: 5px;
}

div#header_logo img {
	padding-left: 40px;
}

div#header_text {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 161.6%;
	padding-top: 35px;
	padding-left: 375px;
	letter-spacing: 0.3em;
}

div#tocWrapper {
	padding-bottom: 1em;
}

/* Oikean palkin blokit */
div.right-block {
	 border:1px solid #666666;
}
div.right-block-header {
	background:#CA0000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 85%;
	padding:2px 0; 
	text-indent:5px; 
}

div#cal_container {
	
}

div.spacer {
	margin: 1px;
}

/* Lista */
ul.tjjs_lista li {
	list-style: square;
}
ol.tjjs_lista2 li {
	list-style: decimal;
}
ul.tjjs_lista ul, ol.tjjs_lista2 ol {
	margin-bottom: 0;
}

/* Kalenteri */
.ontapahtuma {
	background-color: #FF0000;
}
#cal_data ul li {
	margin-bottom: 2px;
	margin-top: 2px;
}
.cal_data_row {
	padding: 3px;
}
.event_data {
	text-align: left;
	font-size: 108%;
	overflow: auto;
}
.event_header {
	font-size: 136%;
}
.event_footer {
	font-size: 108%;
}
#event_panel .bd, #now_panel .bd, #history_panel .bd {
	overflow:auto;
	padding:15px;
	background-color: #FFFFFF;
}

/*  
The following CSS is added to prevent scrollbar bleedthrough on
Gecko browsers (e.g. Firefox) on MacOS.
*/

/*
        PLEASE NOTE: It is necessary to toggle the "overflow" property 
        of the body element between "hidden" and "auto" in order to 
        prevent the scrollbars from remaining visible after the the 
        Resizable Panel is hidden.  For more information on this issue, 
        read the comments in the "container-core.css" file.
       
        We use the #reziablepanel_c id based specifier, so that the rule
        is specific enough to over-ride the .bd overflow rule above.
*/

#event_panel_c.hide-scrollbars .yui-resize .bd, #now_panel_c.hide-scrollbars .yui-resize .bd, #history_panel_c.hide-scrollbars .yui-resize .bd{
	overflow: hidden;
}

#event_panel_c.show-scrollbars .yui-resize .bd, #now_panel_c.show-scrollbars .yui-resize .bd, #history_panel_c.show-scrollbars .yui-resize .bd {
	overflow: auto;
}

    /*
        PLEASE NOTE: It is necessary to set the "overflow" property of
        the underlay element to "visible" in order for the 
        scrollbars on the body of a Resizable Panel instance to be 
        visible.  By default the "overflow" property of the underlay 
        element is set to "auto" when a Panel is made visible on
        Gecko for Mac OS X to prevent scrollbars from poking through
        it on that browser + platform combintation.  For more 
        information on this issue, read the comments in the 
        "container-core.css" file.
    */

#event_panel_c.show-scrollbars .underlay, #now_panel_c.show-scrollbars .underlay, #history_panel_c.show-scrollbars .underlay {
	overflow: visible;
}

/* Floats */
.Spacer {
	clear:both;
	margin: 0px;
	padding:0px;
}
.LeftFloat {
	float:left;
	text-align:left;
}
.RightFloat {
	float:right;
	text-align:right;
}
.FloatContainer {
	width: 100%;
}

.Hidden {
	visibility:hidden;
	display:none;
}

.pikkuteksti{
	font-size: 77%;
}

/* Harjoitusajat */
.harjoitusajat_cell {
	border: dotted thin;
	padding: 5px 25px 5px 25px;
	width: 49%;
}