/* Layout */
*       {margin:0; padding:0; border:0;}
html, body      {height:100%;}
#container      {min-height:100%; height:auto !important; height:100%; margin:0 auto -260px; width:980px; text-align:left; background:#ffffff url(../images/ui/bg_container.jpg) repeat-y top center; clear:both; border-left:1px solid #fff; border-right:1px solid #fff; padding:0 0 0 0;}
#header         {background:#000000 url('../images/ui/bg_header2.jpg') repeat-x top left; padding:0; height:140px; width:980px; margin:0; text-align:center;}
.xmas         {background:#000000 url('../images/ui/bg_header_xmas.jpg') no-repeat top left !important;}
  #logo			{margin:-7px 0 0 0;}
  #header p.links  	{height:24px; line-height:24px; margin:0; padding:0 16px 0 0; color:#dedede; text-align:right; font-size:11px; font-weight:normal;}
  #header p.links a	{padding:0 4px 0 0; padding:0 4px; color:#cccccc; font-size:11px; font-weight:bold;}
  #header p.date	{margin:0; padding:0 20px 0 0; color:#dedede; text-align:right; font-size:11px; font-weight:bold;}
#left           {width:180px; height:300px;padding:0 0 0 0; float:left; background:transparent; margin:0 0 0 0;}
#center         {width:620px; padding:0 0 40px 0; float:left; background:white;}
#right          {width:180px; padding:10px 0 0 0; float:left; background:transparent; margin:0 0 0 0;}
#footer, #spacer        {height:300px; clear:both;}


body    {text-align:center;background:#000000 url('../images/ui/bg_body.jpg') repeat-x top left; font-family:Helvetica, Arial, Sans-serif; font-size:12px; min-width:980px;}
body.etusivu #container	{background-image:none; overflow:auto;}
#footer {height:120px; background:#000000 url('../images/ui/bg_footer.jpg') repeat-x top left; vertical-align:top; position:relative; overflow:hidden; top:0px; text-align:center;}
  .footerContent {width:982px; height:59px; border-top:1px solid #999999; background-color:#666666; margin:0 auto;}
/* General Styles */
h1, h2, h3, h4, h5, h6, p, i, b, div, td, a, span	{
font-family:Helvetica, Arial, Verdana, Geneva, sans-serif; color:#333333;}

h1	{font-size:18px;}
h2	{font-size:16px;}
h3	{font-size:14px; line-height:18px;}
h4	{font-size:12px;}
h5	{font-size:12px; font-weight:normal;}
h6	{font-size:10px;}
p	{font-size:12px;}
hr	{height:1px; border:0; color:#336699; background-color:#336699; margin:20px;}

#center h1	{margin:20px 20px 10px 20px;}
#center h2	{margin:20px 20px 10px 20px; color:#333333;}
#center h3	{margin:20px 20px 10px 20px; color:#333333;}
#center h4	{margin:0px 20px 10px 20px; color:#333333;}
#center h5	{margin:20px 20px -12px 20px; color:#333333; font-size:11px;}
#center p	{margin:10px 20px 10px 20px; padding:0; line-height:18px;}
#center ul	{margin:10px 20px 15px 40px; padding:0; line-height:18px;}
#center pre	{margin:10px 20px 10px 20px;}
.laji p a {margin:0 0 0 20px;}
img.main	{width:580px; margin:0 0 0 20px;}
	
#left p	{font-size:12px; width:170px; margin:5px 0; padding:2px 0; float:right; text-aligh:left;background-color:white;}
#right p	{font-size:12px; margin: 0; padding:2px 10px; text-aligh:left;background-color:white;}
a:link, a:visited, a b	{color:#336699; text-decoration:none;}
a:active, a:hover	{color:#336699; text-decoration:underline;}
	
/* Navigation 1 */
#navcontainer	{width:980px; height:32px; margin:-1px 0 0 0; padding:0; background:#336699 url(../images/ui/bg_nav.jpg) repeat-x top left; clear:both;}
ul.topnavigation	{list-style:none; margin:0 0 0 180px;}
ul.topnavigation li	{float:left; }
/**** level 1 styles ************************************* */
	.level_1	{line-height:32px; white-space:nowrap; text-align:center; height:32px;}
	.level_1_parent,
	.level_1_act	{line-height:32px; white-space:nowrap; text-align:center; height:32px; padding:0 14px; color:#369; font-weight:bold;
	background:transparent url(../images/ui/bg_nav.jpg) repeat-x top left;
	background-position:0 -64px;
	}
/* level 1 links */
	.level_1 a:link, 
	.level_1 a:visited  {display:block; line-height:32px; padding:0 13px; text-decoration:none; color:#ffffff; font-weight:bold; background:transparent url(../images/ui/bg_nav.jpg) repeat-x top left;  text-shadow:0px 0px 5px #000;}
	.level_1 a:active, 
	.level_1 a:hover 	{text-decoration:none; color:#ffffff; background-position:0 -32px;
	}
	.level_1_parent a:link, 
	.level_1_parent a:visited  {text-decoration:none; color:#336699;
	}
	.level_1_parent a:active, 
	.level_1_parent a:hover	{text-decoration:underline; color:#336699;
	}
	
	
/**** level 2 styles ************************************* */
ul.subnavigation	{width:180px; margin:0 0 0 0; padding:20px 0 20px 0; position:relative; list-style:none; background:transparent url(../images/ui/bg_nav2_top.jpg) no-repeat top left;}
ul.subnavigation li	{border-bottom:1px solid #336699; background:#336699 url(../images/ui/bg_nav2.jpg) repeat-y top left;}
ul.subnavigation li.navbottom	{border:0; height:60px; background:transparent url(../images/ui/bg_nav2_bottom.jpg) no-repeat bottom left;}
	
	.level_2, .level_2_parent	{
	font-size:12px; font-weight:bold; 
	color:#ffffff;

	}
	ul.subnavigation li.level_2_act	{
	display:block; font-size:12px; font-weight:bold; border-top:1px solid #003366;
	color:#336699; background:#ffffff url(../images/ui/bg_nav2_act.jpg) repeat-y top left; padding:3px 0 3px 18px;
	}
/* level 2 links */
	.level_2 a:link, .level_2 a:visited  { 
	display:block; background-color:transparent; padding:3px 0 3px 18px;
	color:#ffffff; text-decoration:none; border-top:1px solid #6699cc; border-bottom: 1px solid #000000; text-shadow:0px 0px 3px #003366;
	}
	.level_2 a:active, .level_2 a:hover {
	text-decoration:none; color:#ffffff;background-color:#003366;
	}
	.level_2_parent_closed a:link, 
	.level_2_parent_closed a:visited  { 
	display:block; font-weight:bold;
	text-decoration:none;
	border-top:1px solid #6699cc;
	color:#ffffff; padding:3px 0 3px 18px;
	background:transparent url(../images/ui/navarrow_right.gif) no-repeat top left;
	}
	.level_2_parent a:active, .level_2_parent a:hover {
	text-decoration:underline;
	color: #ffffff;
	background-color:#003366;
	}
	.level_2_parent a:link, 
	.level_2_parent a:visited  { 
	display:block; 
	text-decoration:none;
	border-top:1px solid #6699cc;
	color:#ffffff; padding:3px 0 3px 18px;
	background:transparent url(../images/ui/navarrow_down.gif) no-repeat top left;
	}
	.level_2_parent a:active, .level_2_parent a:hover {
	text-decoration:none;
	color: #ffffff;
	background-color:#003366;
	}
	.level_2 a:link span,
	.level_2 a:visited span	{color:#ffffff; display:inline; height:2px; padding:0 0 0 3px; font-size:13px;}
	
/**** level 3 styles ************************************* */
	
	ul.subnavigation li.level_3,
	ul.subnavigation li.level_3_parent	{
	 border:0; margin:0;
	}
	ul.subnavigation li.level_3_act	{
	display:block; font-size:12px; height:15px;
	color:#336699; background:#ffffff url(../images/ui/bg_nav2_act.jpg) no-repeat top left; padding:3px 0 3px 35px;
	}
	/* level 3 links */
	.level_3 a:link, .level_3 a:visited  { 
	display:block; font-size:12px; height:15px;
	color:#ffffff; font-weight:normal;
	text-decoration:none;
	padding:3px 0 3px 35px;
	}
	.level_3 a:active, .level_3 a:hover {
	font-weight: normal;
	text-decoration:none;
	background:#003366;
	}
	
	
div.image {width:250px; float:right; margin:0 20px;}
div.image div {text-align:center;color:#666666; padding:5px 20px 10px 20px;font-size:11px; font-style:italic;}
div.l {float:left;}
div.p {width:175px; float:left;}
img.l {float:left; margin:5px 15px 15px 0px;}
img.r {float:right; margin:5px 0px 15px 15px;}


.laji	{border-top: 1px solid #336699; margin:0 20px; padding:0 0 10px 0;}

a#artikkelit {border-right:0;}

/* - - - Content - - - */

p	{padding:8px;}
.breadcrumb	{font-size:10px;padding:4px 8px;}
.breadcrumb	h2{font-size:14px;padding:4px 0;}
.breadcrumb a:link,
.breadcrumb a:visited 	{color:#000; text-decoration:none;}
.breadcrumb a:active,
.breadcrumb a:hover 	{color:#00c; text-decoration:underline;}
#footer p	{padding:12px 0 0 0; line-height:18px;}
strong	{color:#f00;}


div.columns	{height:auto; width:970px; margin:0 0 0 9px; overflow:auto; clear:both;}
div.columns .box,
td.third .box	{width:320px !important; margin:0 0 0 0; float:left;}
.box {border:0;}
	
.box .top		{height:35px; background:transparent url('../images/ui/borders_tb.jpg') repeat-x top center;}
.box .top .L	{height:35px; width:18px; background:transparent url('../images/ui/corners.jpg') no-repeat top left; float:left;}
.box .top .C	{height:35px; width:auto; background-color:transparent; float:left;}
.box .top .R	{height:35px; width:18px; background:transparent url('../images/ui/corners.jpg') no-repeat top right; float:right;}
.box img.header	{margin:10px 0 0 0; float:left;}

.box .content_wrapper	{width:100%; background:#ffffff url('../images/ui/border_left.jpg') repeat-y top left;}
.box .content	{width:100%; background:transparent url('../images/ui/border_right.jpg') repeat-y top right;padding:10px 0 0 0;}
.box .bottom		{height:50px; background:transparent url('../images/ui/borders_tb.jpg') repeat-x bottom center;}
.box .bottom .L	{height:50px; width:18px; background:transparent url('../images/ui/corners.jpg') no-repeat bottom left; float:left;}
.box .bottom .C	{height:50px; width:auto; float:left;}
.box .bottom .R	{height:50px; width:18px; background:transparent url('../images/ui/corners.jpg') no-repeat bottom right; float:right;}


/* box widths */
.w970 {width:970px;}
.w577 {width:577px;}
.w288 {width:288px; float:left;}

	
ul.links {line-height:18px;}
ul.column {line-height:18px; width: 270px; float:left; list-style:none; margin:0 0 0 20px !important; padding:0;} 
table.logos	{border-collapse:collapse; width:300px; margin:0 0 10px 20px; clear:both;}
table.logos	td	{vertical-align:middle; padding:0 10px;}
p.field	{width:270px; float:left;}
input.formfield	{border:1px solid #cccccc; padding:4px; width:260px;}
textarea.formfield	{border:1px solid #cccccc; padding:5px; width:570px; resize: none;}
input.button {font-size:11px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; padding:5px 20px !important; margin:0 20px 0 0; color:#ffffff; background-color:#666666; font-weight:bold;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;}

.kurssipaikka {width:280px; float:left; margin:0 0 10px 0;}

p.data {clear:both;}
.data span	{display:block; float:left; font-weight:bold; width:120px;}
table.tilisiirto	{border-collapse:collapse; margin:0 20px 20px 20px; padding:0;}
.tilisiirto tr	{vertical-align:top;}
.tilisiirto td 	{padding:3px 0;}
table.tilisiirto td p	{margin:0 !important; padding:0; text-indent:0;}

/* box content */
.C h2 {display:block; padding:0; line-height:50px;}
.box .content h4 {padding:10px 15px 5px 15px;}
.box .content p {padding:0 16px 5px 16px;}
.box .content ul {display:block; height:60px;clear:both;padding:0 15px 5px 30px;}
.box .content li {width:50%; float:left;}
.box .content hr { height:1px; color:#d6d6d6; background-color:#d6d6d6; margin:0 8px 0 6px; padding:0; border:0;}

table.xtable	{border-collapse:collapse; width:580px; background-color:#f2f8ff; border: 1px solid #336699; margin:0 0 0 20px;}

table.xtable tr.labels	{background-color:#336699;}
table.xtable tr td {padding:4px 4px 4px 6px; color:#3f4981; line-height:20px; vertical-align:top;}
table.xtable tr.labels td,
table.xtable tr th
	{padding:2px 4px 2px 6px; background-color:#336699; color:#ffffff;}
table.xtable tr.odd		{background-color:#d8e3f0;}
table.xtable tr.odd td	{background-color:#d8e3f0; border:0; line-height:18px;}
table.xtable tr.even	{background-color:#f2f8ff;}
table.xtable tr.even td {background-color:#f2f8ff; border:0; line-height:18px;}
table.xtable tr.red td 	{color:#ff0000;}
table.xtable td.group	{font-weight:bold;}
table.xtable td b {display:block;font-size:18px; width:52px; height:18px; line-height:22px; color:#114477; margin:0; text-align:center; clear:both;}
 table.lisaharjoitukset {border-collapse:collapse; width:580px; background-color:#ffffff;  margin:10px 0 0 20px;}
 table.lisaharjoitukset tr td {padding:4px 4px 4px 6px; color:#000000; line-height:16px; vertical-align:top;}
 table.jatkokurssit {border-collapse:collapse; width:280px; background-color:#ffffff;  margin:10px 0 10px 14px;}
 table.jatkokurssit tr td {padding:4px 4px 4px 6px; color:#000000; line-height:16px; vertical-align:top;}
 td.right	{text-align:right;}
		#footer .col_1 {width:200px; text-align:left; float:left; background-color:red;}
		#footer .col_2 {width:200px; float:left; background-color:green;}
		#footer .col_3 {width:200px; float:left; background-color:red;}
		#footer .copy {width:100%; clear:both;}
		#footer p {padding:10px 25px;}
p.footer	{margin:2px 0 0 0; line-height:18px; font-size:14px; text-align:center;}
p.footer span {font-size:11px;}

h3.main			{font-family:Helvetica, Arial, Verdana, Geneva, sans-serif; width:470px; height:23px; line-height:21px; border-bottom:2px solid #3f4981; margin:20px 0 0 0; color:#3f4981; font-size:16px; padding:2px 0; clear:both;}

div.item			{width:620px; height:auto;margin:0 0 0 0;padding:20px 0 15px 0; clear:both;}
div.item a.pic		{display:block;width:120px; height:80px; border:0; background:#ffffff url("../images/ui/front/info.gif") no-repeat top left; margin:5px 0 0 20px; float:left;}
div.item a.pic img	{border:0; float:left;}
div.item span.pic	{width:120px; height:120px; margin:0; float:left;}
div.item h4			{width:440px; float:right; clear:right; font-size:14px; margin-top:0px !important; padding:0;}
.box div.item h4	{width:150px !important; float:right; clear:right; font-size:14px; margin-top:0px !important; padding:0;}
div.item p			{width:440px; float:right; clear:right; margin:0px 20px 0 0!important; padding:0;}
div.item p.date		{font-size:11px; color:#999999; margin-bottom:0px !important; }
div.item p.link		{width:420px; padding:5px 0; float:right; text-align:right;}
img.b				{width:118px;border:1px solid #3f4981 !important;}

.noborder			{border:0 !important;}

		h3.main			{font-family:Helvetica, Arial, Verdana, Geneva, sans-serif; width:300px; height:23px; line-height:21px; border-bottom:2px solid #3f4981; margin:5px 0 0 0; color:#3f4981; font-size:16px; padding:2px 0; clear:both;}
div.main		{width:950px; overflow:auto; background-color:#ffffff;  margin:0 0 0 15px; padding:20px 0 6px 0; clear:both;}
div.main a.pic	{width:120px; height:80px; border:0; background:#ffffff url("../images/ui/front/info.gif") no-repeat top left; margin:4px 0 6px 0; float:left;}
div.main a.pic img	{border:0;}

div.main h1		{width:440px; float:left; font-size:15px; line-height:20px; margin:8px 15px 10px 15px; padding:0 0 0 0;}
div.main h3		{width:440px; float:left; font-size:13px; line-height:20px; margin:0 15px 0 15px; padding:0 0 0 0;}
div.main p		{width:440px; float:left; font-size:12px; line-height:20px; margin:10px 15px 10px 15px; padding:0 0 0 0;}
div.main img	{margin:10px 0 0 0; float:right;}

p.date	{font-size:11px; color:#999;}

.etusivu div.item		{width:280px; height:auto; overflow:hidden; margin:0 0 0 18px; padding:6px 0 6px 0; clear:both !important; border-bottom:1px solid #999;}
.etusivu div.item a.pic	{display:block; width:120px; height:80px; border:0; background:#ffffff url(../images/ui/front/info.gif) no-repeat top left; margin:4px 0 6px 0; float:left !important; }
.etusivu div.item a.pic img	{border:0;}
.etusivu div.item span.pic	{width:120px; height:120px; margin:0; float:left;}
.etusivu div.item p		{width:280px; background-color:transparent; margin:0; padding:0 0 8px 0; line-height:16px;float:left; clear:both;}
.etusivu div.item p.date 	{display:block; float:left; width:120px; font-size:11px; color:#999; padding:4px 0 0 10px; clear:none;}
.etusivu div.item h4		{display:block; float:left; width:120px; font-size:14px; margin:5px 0 0 0; padding:0 0 4px 10px; clear:none;}

.C p.more			{font-size:14px; width:280px; font-weight:bold; padding:10px 0; text-align:right; background-image:none !important; }
.top a:link, .top a:visited	{display:block; width:280px; height:28px; text-decoration:none;}
.top a:active, .top a:hover	{display:block; border-bottom:1px solid #336699;}
.top a span {color:#336699; float:right;}
a.b		{font-weight:bold;}

.Saliesittelyt h3	{clear:both; }
p.gallery a	{display:block; float:left;width:120px; height;80px; margin:0 20px 15px 0;}

.Uutiset #Uutiset a,
.Artikkelit #Artikkelit a	{text-decoration:none; color:#ffffff; background:transparent url(../images/ui/bg_nav.jpg) repeat-x top left; background-position:0 -64px !important;
	color:#336699; text-shadow:none;}

div#bank		{width:576px; padding:20px 0 0 0; margin:20px 0 20px 20px; border:2px solid #336699; overflow:auto;}
table.pankit	{width:440px; float:right; clear:both; margin:0 20px 20px 20px;}
tr.middle	{vertical-align:middle;}
td.center	{text-align:center !important;}
tr.top, td.top			{vertical-align:top;}
tr.bottom, td.bottom	{vertical-align:bottom;}
td.left			{text-align:left;}
p.right			{text-align:right;}
h4.tilisiirto	{display:block; width:140px; margin:2px 0 0 20px !important; float:left;}
td.paiva	{width:140px;}

table.transfer	{width:580px; margin:10px 0 0 20px;border-collapse:collapse;}
 table.transfer td {border:1px solid #666666; padding:0;}
 table.transfer h4	{padding:10px 0 0 0; margin:0;}
 table.transfer h4 span {font-weight:normal;}
 td.banklogo	img {margin-left:15px;}
 input.bankmessage	{width:280px; height:60px; font-size:12px;  border:1px solid #333333; font-size:12px;}
input.quant	{border:1px solid #666666; width:20px; text-align:center; padding:4px 0; font-size:12px;}	
/* hide */
.Peruskurssit p.x	{background-color:#ffffff;}

.columns div.item p.link	{width:170px; padding:5px 0; float:right; text-align:right;}
img.b			{width:118px;border:1px solid #3f4981 !important;}
.noborder		{border:0 !important;}
.scTracker		{padding:6px 0 4px 0; margin:0;}
.red	{color:#cc0000 !important;}
.half h1		{font-size:14px; line-height:24px; padding:0 10px 10px 10px;}
.half img		{margin:0 0 0 10px;}
h2 a:link, 
h2 a:visited	{width:100px; height:33px !important;  margin:0; padding:0; overflow:hidden;}
h2 a span		{display:block;width:20px; height:10px; float:right; text-align:right;}
table.front		{width:960px; border-collapse:collapse; margin:0 auto;}
table.front tr 	{vertical-align:top;}
table.front td 	{padding:15px 0 0 0; line-height:18px;}
td.half			{width:480px;}
td.third		{width:320px;}

p.notice		{background-color:#efefef; border:1px solid #666666; padding:10px !important;}
.jqalert {font-family:Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size: 12px; background-color:#ffffff; width:300px; padding:10px 20px; color:#336699;}
.jqalert button {font-family:Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size: 12px; padding:4px 10px; color:#ffffff;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; padding:5px 20px; color:#ffffff; background-color:#336699; font-weight:bold;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;}
input:focus, textarea:focus, button:focus	{outline:none !important;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none; outline:none;
}


div.bfshop	{width:150px; margin:0px 5px 5px 12px; padding:5px 5px 5px 5px; background-color:#cccccc; text-align:left;}
div.bfshop p	{font-size:10px !important; padding-bottom:10px !important;}

#BFbanner		{width:150px; height:230px; background: #ffffff; padding:0; border:0;}
#BFbanner li	{width:150px; height:230px;}
#BFbanner a:link, 
#BFbanner a:visited	{display:block; width:140px; margin:0 5px; min-height:230px; background-color:#ffffff; text-decoration:none;}
#BFbanner a:active, 
#BFbanner a:hover	{background-color:#cccccc;}
#BFbanner span.h4	{display:block; width:130px; padding:5px 0 5px 5px; clear:both; color:#e22b00; text-decoration:none; font-size:12px; font-weight:bold !important;}
#BFbanner span.k	{display:block; width:130px; padding:2px 0 0 5px; clear:both; color:#666666; text-decoration:none; font-size:10px; }
#BFbanner span.h	{display:block; width:130px; padding:0 0 0 5px; clear:both; color:#666666; text-decoration:none; font-size:11px; font-weight:bold; }
#BFbanner span.h span	{font-size:16px; font-weight:bold; color:#e22b00;}
#BFbanner a:hover span.h	{color:#000000; text-decoration:none;}
#BFbanner span.t	{display:block; background:transparent url(/images/aRight.gif) no-repeat center right; width:130px; margin:5px 0 20px 5px; padding:2px 0; clear:both; color:black; text-decoration:none; font-size:10px; border-bottom:1px solid #ffffff;font-weight:bold; }
#BFbanner a:hover span.t	{background-position:center left; color:#e22b00; border-bottom:1px solid #e22b00;}
#BFbanner img	{width:130px; height:130px; margin:5px 0 5px 5px; border:0;}


table.ilmo	  {margin-left:20px; width:48px; border-collapse:collapse;}
table.ilmo td {padding:6px 20px 6px 0;}
table.ilmo input {font-size:14px; padding:2px;}
table.ilmo td h3 {margin-left:0 !important;}
table.ilmo td input.xxs	{width:24px; height:20px; border:1px solid #cccccc; margin:0 2px 0 2px; text-align:center;}
table.ilmo td input.xs	{width:40px; height:20px; border:1px solid #cccccc;}
table.ilmo td input.s		{width:60px; height:20px; border:1px solid #cccccc;}
table.ilmo td input.m		{width:80px; height:20px; border:1px solid #cccccc;}
table.ilmo td input.l		{width:145px; height:20px; border:1px solid #cccccc;}
table.ilmo td label.long	{width:110px;}
table.ilmo td input.xl, 
.Peruskurssit select.laji	{border:1px solid #cccccc; font-size:14px; margin-left:0 !important;}
table.ilmo td .star		{color:#ff0000; font-weight:bold;}
table.ilmo td .hr		{display:block; clear:both;width:470px; height:15px; border-bottom:1px dotted #cccccc; margin-top:10px;}

div.contactColumn {width:290px; float:left;}
span.tab	{display:block; width:25px; float:left;}

div.third {width:200px; float:left;}
img.staff {width:120px; height:160px; margin:0 0 0 20px;}

a.popupForm:link,
a.popupForm:visited	{display:block; width:80px; margin:6px 0 0 0; padding:2px 2px 1px 2px ; text-align:center; background-color:transparent; color:#369; font-weight:bold; font-size:11px;
}
a.popupForm:active,
a.popupForm:hover	{background-color:#336699; color:#fff; text-decoration:none;}

a.next:link, a.next:visited	{color:#cc0000;} 
a.next:active, a.next:hover	{color:#cc0000;} 

.faqsection {margin: 10px 0;}
div.faq {margin: 10px 0;}
div.faq h4.question {cursor: hand; cursor: pointer;}

div.faq p.answer  {padding:10px 0; margin-left:40px !important;}

.transparent {
filter: alpha(opacity=50); 
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

tr.lajiharjoitus td {font-weight: bold;}

td.lajiharjoitus {font-weight: bold;}

#footer {height:260px; background:#000000 url('../images/ui/bg_footer.jpg') repeat-x top left; vertical-align:top; position:relative; overflow:hidden; top:0px; text-align:center;}
  .footerContent {width:982px; height:209px; border-top:1px solid #999999; background-color:#666666; margin:0 auto;
  -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;}
.footerlinks	{width:940px; margin:20px;float:left; text-align:left; background-color:#666; padding:0 0 10px 0; border-bottom:1px solid #444444;}
.footerlinks ul {display:block; list-style-type:none;width:233px; float:left; line-height:16px; margin:0 2px 0 0;}
.footerlinks a:link,
.footerlinks a:visited {display:block; color:#ffffff; padding:4px 8px; text-decoration:none; margin:0 0 2px 0;}
.footerlinks a:active, 
.footerlinks a:hover {color:#ffffff; background-color:#333333;}