/* Joensuun koulutuspalvelut */
/* Pääelementit */
body { 
	margin: 0;
	text-align: center; 
	background-color: #ffffff; 
	font-family:Verdana, sans-serif; 
	font-size: 11px;
	color:#666666; 
}
div#container { 
	width:900px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
	font-family: Verdana, sans-serif; 
	color:#666666;
}
div#header { 

}
div#footer {
	padding: 10px;
	background-image: url('../graf/hr.gif');
	background-repeat: repeat-x;
	background-position: top left;
}
div#top_navi {
	color: #fff;
	background-color: #00688f;
	padding: 4px 8px;
	text-align: right;
}
div#top_navi a, div#top_navi a:visited, div#top_navi div#top_navi a:hover, div#top_navi a:active { 
	color:#ffffff; 
	text-decoration:none;
	margin: 0 4px;
	line-height:1;
}
div#top_navi a:hover {
	text-decoration: underline;	
}
div#top_navi img, div#main_navi img { 
	vertical-align: middle;
}
div#logo_image { 
	line-height: 0;
}
/* Päänavigaatio */
div#main_navi {
	color: #fff;
	background-color:#00688f;
	text-align: right;
	padding: 3px;
}
span.navilinks {
	float: left;
	padding: 3px;
}
a.mL, a.mL:visited,a.mL:hover, a.mL:active { 
	color:#ffffff; 
	text-decoration:none; 
	margin:0 5px; 
}
a.mL:hover {
	text-decoration: underline;
}
a.mLA, a.mLA:visited, a.mLA:hover, a.mLA:active { 
	color:#ffffff; 
	text-decoration:none; 
	font-weight:bold;  
	margin:0 5px; 
}
a.mLA:hover {
	text-decoration: underline;
}
/* Navipalkin haku */
input.text_search {
	width: 125px;
	vertical-align:middle; 
	border: 1px inset #006699;
	padding: 2px;
}
input.submit_search {
	color:#ffffff; 
	border:1px outset #006699; 
	background-color:#006699; 
	vertical-align:middle;
	padding: 1px 5px;
}
div#main { 
	width: 100%;
	background-repeat:repeat-y;
	background-image: url('../graf/vr.gif');
	background-repeat: repeat-y;
	background-position: left;
}
div#main2 { 
	width: 100%;
	background-repeat:repeat-y;
	background-image: url('../graf/vr.gif');
	background-repeat: repeat-y;
	background-position: right;
}
/* Sisältöelementit */
div#left { 
	width:170px;
	float:left; 
	padding: 5px 5px 10px 10px;
}
div#middle { 
	width:535px;
	min-height: 300px;
	padding-bottom: 10px;
	float:left; 
	background-image: url('../graf/vr.gif');
	background-repeat: repeat-y;
	background-position: right;
}
div#middle_wide { 
	width:715px; 
	min-height: 300px;
	padding-bottom: 10px;
	float:left; 
}
div#right { 
	width:180px;
	float:left; 
}
div#linkworm { 
	color:#aaaaaa; 
	padding-bottom:6px;
	background-position: bottom;
	background-repeat: repeat-x;
}
div#linkworm a, div#linkworm a:visited, div#linkworm a:hover, div#linkworm a:active { 
	color:#aaaaaa; 
}
.clear { 
	clear:both; 
}
/* Vasemman palstan navigaatiolinkit */
div.smL {
	padding: 5px 2px;
	background-image: url('../graf/hr.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}
a.smL, a.smL:visited, a.smL:hover, a.smL:active { 
	color:#006699; 
	text-decoration:none; 
}
a.smLA, a.smLA:visited, a.smLA:hover, a.smLA:active { 
	font-weight:bold; 
	color:#006699; 
	text-decoration:none; 
}
/* Vasemman palsta navigaatiolinkit, taso 2 */
div.smL2 {
	padding: 3px 0 3px 10px;
}
a.smL2, a.smL2:visited, a.smL2:hover, a.smL2:active { 
	color:#006699; 
	text-decoration:none; 
}
a.smLA2, a.smLA2:visited, a.smLA2:hover, a.smLA2:active { 
	font-style: italic;
	color:#006699; 
	text-decoration:none; 
}
/* Vaakasuora erotin */
div.hr {
	width: 100%;
	height: 5px;
	background-image: url('../graf/hr.gif');
	background-repeat: repeat-x;
	background-position: center left;
	clear: both;
}
/* 4.tason navigaatiolinkit */
a.sL, a.sL:visited, a.sL:hover, a.sL:active { font-size:11px; color: #0099CC; text-decoration:none; }
a.sLA, a.sLA:visited, a.sLA:hover, a.sLA:active { font-size:11px; color: #0099CC; text-decoration:none; font-weight:bold; }
/* Peruselementit */
a, a:visited, a:active { 
	color:#006699; 
	text-decoration:none; 
}
a:hover { 
	color:#006699;
	text-decoration:underline; 
}
h1 { 
	font-family: verdana; 
	font-weight: bold; 
	font-size: 14px; 
	color: #006699;
	background-image: url('../graf/hr.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 3px;
}
h2 { 
	font-family: verdana; 
	font-weight: bold; 
	font-size: 12px; 
	color: #006699;
}
h3 { 
	font-family: verdana; 
	font-weight: bold;
	font-size: 11px; 
	color: #3399CC; 
	padding:0; 
	margin:0; 
}
img { 
	border:0; 
}
p {
	padding-top:0; 
	margin-top:0;
}
iframe { 
	padding:0; 
	margin:0; 
}

/* perussivut */
div#middle_text { 
	padding: 10px 10px 10px 5px; 
}
div#right_text { 
	padding: 10px 10px 10px 10px;
}
span.blog_date { font-size:12px; font-weight:normal; font-style:italic; }

/* Uutisten muotoilu */
div#news_box { border:2px solid #0099cc; }
div#news_box hr { border:1px solid #0099cc; color:#0099cc; height:1px; background-color:#0099cc; width:100%; }
div.newsLinkBox{ float:left; padding-top:20px; color:#0099cc; font-size:12px }

div.news { 
	padding: 5px 0;	
}
div.news p {
	margin-bottom: 5px;;
}
div.news_list { 
	padding: 5px 0; 
}
div.news h4 { color:#006699; text-transform:uppercase; margin:0; padding:0; font-weight:normal; font-size:12px; }
div.newscat { padding:5px 0; border-top:2px solid white; color:#fff; width:100%; display:block; text-align:center; background-color:#0099cc; }

table.news_headline {
	width: 100%;
	border-spacing: 0;
}
table.news_headline  td {
	font-size: 14px;
	font-weight: bold;
	color: #006699;
}
table.news_headline td.news_date { 
	text-align: right;
	vertical-align: top;
}
p.news { line-height:18px; }

div.news_info { padding:10px 0px; }
div.news_info a, div.news_info a:visited, div.news_info a:hover, div.news_info:active { color:#FF6600; }
div.news_header {
	 width:100%; 
	 display:block; 
	 text-align: left; 
	 background-color:#FFFFFF;
	 padding-bottom: 6px;
	 background-image: url('../graf/hr.gif');
	 background-position: bottom;
	 background-repeat: repeat-x; 
}
div.news_header a, div.news_header a:visited, div.news_header a:hover, div.news_header a:active { 
	color:#006699; 
	text-decoration:none;
}
div.news_list_archive { 
	width:100%; 
}
div.news_list_archive a, div.news_list_archive a:visited, div.news_list_archive a:hover, div.news_list_archive a:active { 
	color:#003399; text-decoration:none; 
}
div.news_list a, div.news_list a:visited, div.news_list a:hover, div.news_list a:active { font-size:12px; }

/* Lomakkeet, listat */
form { 
	padding:0; margin:0; 
}
input, select {
	font-size: 11px;
}
input.text_normal { 
	vertical-align: middle;
	border: 1px solid #006699;
	padding: 2px;
}
select.select_normal { 
	width:150px; 
	vertical-align:middle; 
	font-size:11px; 
	border:1px solid #006699; 
}
select.select_school {
	width:100%; 
	vertical-align:middle; 
	border:1px solid #006699; 
}
input.submit { 
	color:#ffffff; 
	border:1px outset #006699; 
	background-color:#006699; 
	vertical-align:middle;
	padding: 1px 5px;
}
input.submit_normal { 
	font-size: 11px;
	color:#ffffff; 
	border:1px outset #741419; 
	background-color:#006699; 
	vertical-align:middle; 
	padding:1px 5px; 
}
input.forminput { 
	width:300px; 
	height:14px; 
	vertical-align:middle; 
	font-size:10px; 
	border:1px solid #ccc; 
	margin-bottom:5px; 
}
span.forminfo { 
	font-size:10px; 
	display:block; 
	padding-bottom:5px; 
}

td.ftitleReq { 
	font-family: Verdana, sans-serif; 
	font-size: 11px; 
	width:150px; 
}
td.ftitle { 
	font-family: Verdana, sans-serif; 
	font-size: 11px; 
}
span.infotext { 
	font-family: Verdana, sans-serif; 
	font-size: 11px;
	line-height: 12px; 
}
table.sT1 {
	width: 100%;
	margin-top: 20px;
	background-image: url('../graf/hr.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}
td.sTd { 
	font-family: Verdana, sans-serif; 
	font-size: 11px;
	vertical-align: top;
	text-align: left;
} 
td.hTd { 
	font-family: Verdana, sans-serif; 
	font-size: 10px; 
}
th { 
	font-weight:bold; 
	text-align:left; 
}
input#surveybuttonsubmit { 
	margin-left:30px; 
	margin-top:10px; 
	color:#ffffff; 
	border:1px outset #741419; 
	background-color:#006699; 
	vertical-align:middle; 
	margin-bottom:8px; 
}
input#surveybuttoncancel { 
	margin-left:30px; 
	margin-top:10px; 
	color:#ffffff; 
	border:1px outset #741419; 
	background-color:#006699; 
	vertical-align:middle; 
	margin-bottom:8px; 
}
input#surveybuttonreset { 
	margin-left:30px; 
	margin-top:10px; 
	color:#ffffff; 
	border:1px outset #741419; 
	background-color:#006699; 
	vertical-align:middle; 
	margin-bottom:8px; 
}
input#surveybuttonprevious { 
	margin-left:30px; 
	margin-top:10px; 
	color:#ffffff; 
	border:1px outset #741419; 
	background-color:#006699; 
	vertical-align:middle; 
	margin-bottom:8px; 
}
input#surveybuttonnext { 
	margin-left:30px; 
	margin-top:10px; 
	color:#ffffff; 
	border:1px outset #741419; 
	background-color:#006699; 
	vertical-align:middle; 
	margin-bottom:8px; 
}

/* Kuvagalleria */
div.thumb_normal {
	float: left;
	clear: none;
	width: 160px;
	height: 120px;
	margin: 2px;
	padding: 3px;
	overflow: visible; 
	border: 1px solid #cccccc;
}
div.thumb_active {
	float: left;
	clear: none;
	width: 160px;
	margin: 2px;
	overflow: visible;
	border: 1px solid #cccccc;
}
div.thumb_image {
	width: 160px;
	height: 120px;
	text-align: center;
}
div.thumb_info {
	height: 39px;
	color: #5f5f5f;
	padding-top: 3px;
}
div.lowres {
	margin: auto;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px;
}
div.lowres_image {
	text-align: center;
}
div.lowres_info {
	margin: auto;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
div.lowres_browse {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: auto;
	background-color: #eee;
}
/* Kalenteri */

table.calendar { 
	empty-cells:show;
	border-spacing: 0px;
}
table.calendar td { font-family:Verdana,Tahoma,Arial,Helvetica; line-height:18px; }
td.calendar_header { padding-bottom:3px; }
td.calendar_footer {  }

table.listTable { 
	empty-cells:show; 
	width:100%;
	border-spacing: 0px;
}
table.listTable th {
	font-weight:bold; 
	font-family:Verdana,Tahoma,Arial,Helvetica; 
	line-height:18px;
	padding: 3px; 
}

table.listTable td {
	padding: 3px;
	background-color: #e7e9eb;
	vertical-align: top;
	empty-cells: show;
}

table.listTable td.cat {
	background-color: #fff;
}

table.listTable td.separator1 {
	background-color: #ffffff;
	background-image: url('../graf/hr.gif');
	background-repeat: repeat-x;	
	background-position: bottom;
	padding: 0 0 1px 0;
	height: 1px;
}
table.listTable td.separator2 {
	background-color: #ffffff;
	background-image: url('../graf/hr.gif');
	background-repeat: repeat-x;
	background-position: top;
	padding: 5px 0 0 0;
	height: 5px;
}
/*
td.topper { font-size:10px; padding:0px; text-align:center; vertical-align:top; }
td.weekday { background:#3bc55e; font-weight:bold; font-size:10px; color:black; width:18px; text-align:right; padding:1px; }
td.weeknbr { background:#3bc55e; font-size:10px; color:black; padding:1px; }
td.weeknbr a { color:#ffffff; text-decoration:none; }
td.weeknbr a:visited { color:#ffffff; text-decoration:none; }
td.weeknbr a:hover { color:#ffffff; text-decoration:underline; }
td.weeknbr a:active { color:#ffffff; text-decoration:underline; }
td.linkday { font-size:10px;  text-align:right; padding:1px; font-weight:bold; }
td.linkday a {  text-decoration:none; }
td.linkday a:visited {  text-decoration:none; }
td.linkday a:hover {  text-decoration:underline; }
td.linkday a:active {  text-decoration:underline; }
td.linkthisday { font-size:10px;  text-align:right; padding:1px; font-weight:bold; border:solid 1px #0099cc; padding:0px; }
td.linkthisday a {  text-decoration:none; }
td.linkthisday a:visited {  text-decoration:none; }
td.linkthisday a:hover {  text-decoration:underline; }
td.linkthisday a:active {  text-decoration:underline; }
td.offday { font-size:10px; color:#a9a9a9; text-align:right; padding:1px; }
td.weekend { font-size:10px;  text-align:right; padding:1px; }
td.day { font-size:10px;  text-align:right; padding:1px; }
td.thisday { font-size:10px;  border:solid 1px #0099cc; text-align:right; padding:1px; padding:0px; }
*/
/* Tapahtumakalenteri */
table.calendar {
	border-spacing: 1px;
}
td.weekday { background:#ffffff; font-weight:bold; font-size:10px; width:18px; text-align:center; padding:0px; }

td.linkday { font-size:10px; padding:0px; font-weight: bold; border: 1px solid #006699; text-align: center;}
td.linkday a {  text-decoration:none; }
td.linkday a:visited {  text-decoration:none; }
td.linkday a:hover {  text-decoration:underline; }
td.linkday a:active {  text-decoration:underline; }

td.linkthisday { font-size:10px;  text-align:center; padding:0px; font-weight:bold; border:solid 1px #0099cc; padding:0px; background-color: #cccccc; }
td.linkthisday a {  text-decoration:none; }
td.linkthisday a:visited {  text-decoration:none; }
td.linkthisday a:hover {  text-decoration:underline; }
td.linkthisday a:active {  text-decoration:underline; }

td.offday { font-size:10px; color:#a9a9a9; text-align:center; padding:0px; }
td.weekend { font-size:10px;  text-align:center; padding:0px; }
td.day { font-size:10px;  text-align:center; padding:0px; }
td.thisday { font-size:10px;  border:solid 0px #0099cc; text-align:center; background-color: #cccccc;}

div#event_search {
	width: 520px;
	min-height: 145px;
	float: left;
	padding: 10px 10px 10px 5px;
	background-image: url('../graf/vr.gif');
	background-repeat: repeat-y;
	background-position: right;
}
div#event_calendarview {
	width: 160px;
	float: left;
	padding: 10px 10px 10px 10px;
}
div#event_list {
	padding: 10px 10px 10px 5px;
}

input.text_calendar { 
	vertical-align:middle; 
	border:1px solid #006699;
	padding: 2px;
}
select.select_calendar { 
	width:180px;
	vertical-align:middle;
	border:1px solid #006699;
}

table.eventTable { 
	empty-cells:show; 
	border-spacing: 1px;
}
table.eventTable td {
	vertical-align: top;
	padding: 3px;
}
table.eventTable th {
	width: 150px;
	vertical-align: top;
	padding: 3px;
	white-space: nowrap;
}
table.dateSelTable { border-spacing: 0; empty-cells:show; margin-top:10px; }
table.dateSelTable td { vertical-align:top; text-align:left; line-height:10px; font-size:10px; padding: 3px 0px;}

/* Julkaisutietokanta */
div.pub_container { padding:5px 0; background-color:#F0F8FF; width:100%; margin-bottom:10px; }
div.pub_author { padding:5px 0; float:left; width:550px; }
div.pub_author h2 { margin:0; padding:0; }
div.pub_name { padding:5px 0; float:left; width:550px;}
div.pub_class { padding:5px 0; float:left; width:550px; }
div.pub_info { padding:5px 0; float:left; width:550px; }
div.pub_desc { clear:both; padding:5px 0; text-indent:10px; float:left; width:100px; }

ul.publications_menu {padding-top:0;margin-top:0;}
ul.publications_menu li {padding-top:5px;}

/* Sivukartta */
div.sm0 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}
div.sm1 {
	padding: 3px 0px 3px 0px;
}
div.sm2 {
	padding: 3px 0px 3px 15px;
}
div.sm3 {
	padding: 3px 0px 3px 30px;
}
div.sm4 {
	padding: 3px 0px 2px 45px;
}

/* Koulun ja opettajien tiedot, primuksesta */
table.school_info {
	width: 100%;
	border: 1px solid #ddd;
	font-size: 11px;
}

table.school_info th {
	width: 80px;
	vertical-align: top;
	padding: 3px;
}

table.school_info td {
	vertical-align: top;
	padding: 3px;
}

table.person {
	width: 100%;
	height: 130px; 
	margin-bottom: 10px; 
	border: 1px solid #ddd;
	border-spacing: 0px;
	border-collapse: collapse;
}
td.person_photo {
	width: 90px;
	padding: 5px;
	vertical-align: top;
}
img.person_photo {
	width: 90px;
	height: 120px;
	float: left;
}

td.person_info {
	vertical-align: top;
	padding: 0px;
}

table.person_info {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table.person_info th {
	width: 100px;
	vertical-align: top;
	padding: 3px;
	white-space: nowrap;
}

table.person_info td {
	padding: 3px;
}

table.person_info td.nimi {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
/* Primus opetussuunnitelmat */
table.aineet {
	width: 100%;
	border-collapse: collapse;
}

table.aineet th {
	padding: 5px;
	color: #fff;
	background-color: #00688f;
}

table.aineet td {
	padding: 5px;
	border: 1px solid #ddf;
	background-color: #eee;
}

table.aineet td.active{
	background-color: #ddd;
}

table.aineet td.kurssit {
	display: none;
	visibility: hidden;
	background-color: #fff;
}

table.aineet td.kurssit_open {
	display: table-cell;
	visibility: visible;
}

table.kurssit {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table.kurssit td {
	padding: 5px;
	border: 1px solid #ddf;
	background-color: #fff;
}

table.kurssit td.active {
	background-color: #ddf;
}

table.kurssit td.pakollinen {
	background-color: #faa;
}

table.kursit td.valittavissa {
	
}

table.kurssi {
	border-spacing: 0;
	border-collapse: collapse;
}

table.kurssi th {
	padding: 5px;
	vertical-align: top;
}

table.kurssi th.kurssi {

}

table.kurssi td {
	padding: 5px;
}

table#userdata
{
	border-spacing: 3px;
}

table#userdata th
{
	width: 150px;
	padding: 3px;
}

table#userdata td
{
	width: 200px;
	padding: 3px;
	border: 1px solid #ddd;
	background-color: #f0f0f0;
}