* { margin: 0; padding: 0; }
body { font: 12px arial, "sans serif"; background: url(../images/bg.png) repeat-x left top; text-align: center; }
ul { list-style: none; }
a { text-decoration: none; color: #207077; }
h1, h2 { color: #333; font-size: 2em; margin-bottom: 15px; }
h2 { font-size: 1.5em; }
h3 { font-size: 11px; color: #333; text-transform: uppercase; background: url(../images/bg_header_green.png) repeat-x left top; padding: 4px 0 10px 5px; }
.serious h3, h3.serious { background-image: url(../images/bg_header.png); }
h3 a { color: #333; }
p { margin-bottom: 1em; }
img { border: 0; }

#masthead { height: 47px; }
#navi { overflow: hidden; height: 22px; line-height: 22px; }
#navi li { float: left; color: #cf1111; }
#navi li.points { float: right; }
#navi li a { text-decoration: none; color: #cf1111; padding: 0 5px; font-size: 10px; font-weight: bold; text-transform: uppercase; }
#navi li.here a, #navi li a:hover { color: #207077; }
#navi li.first a { padding-left: 0; }
#navi li.points a { padding-right: 0; }
#navi li span.points {  }
#navi li.points strong { background: url(../images/bg_point.png) no-repeat left top; color: #fff; padding: 3px; font-size: 12px; }

#header { border-bottom: 1px solid #009899; height: 50px; }

#container { text-align: left; width: 952px; margin: 0 auto; padding-bottom: 50px; color: #686868; overflow: hidden; position: relative; }
.flank { float: left; width: 180px; padding-top: 5px; margin-top: 10px; }
#content { float: left; overflow: hidden; margin-top: 20px; padding-top: 5px; }
body.front #content { margin: 10px 20px ; width: 550px; }
body.sub #content { width: 950px; }
body.leftcent #content { width:660px; }
body.widecontent #content { margin:10px 20px; width:700px; }
.small-banner { float: right; }
#content ol, #content ul { margin-bottom: 15px; padding-left: 20px; }
#content ul { list-style: disc outside; }
#content ul li ul { margin-bottom: 0; }
#content ul li{ margin: 0 0 2px 0; }
#content ol li{ margin: 0 0 6px 0; }
#main-image { position: absolute; left: 0px; top: 69px; }
img.ill { float: left; margin: 0 10px 10px 0; }
.banner-image { margin-bottom: 10px; }

.flank ul { margin-bottom: 40px; }
.flank ul li { padding: 0 0 0 5px; margin-bottom: 2px; }
.flank ul li.header { padding: 0; }
ul.serious li a { color:#a3423c; }
.flank ul ul { margin: 2px 0 2px 15px; }

#feedback { width: 182px; background: #ebf5f5 url(../images/bg_feedback.png) no-repeat left top;  line-height: 1.1em; }
#feedback .wrapper { padding: 0 5px 5px; border: 1px solid #99cccc; border-width: 0 1px 1px 1px; }
#feedback p { margin-bottom: 5px; font-size: 11px; }
#feedback a { border-bottom: 1px solid #207077; }
#feedback h3 { background: none; /*border-top: 6px solid #009c9c; background: url(../images/bg_header_grad.png) no-repeat -1px top;*/ padding-top: 31px; }

#mmhaku {margin-left:5px;margin-bottom:10px;color:#a3423c;}
#mmhaku div {margin-bottom:5px;}
#mmhaku img {float:right;}
#mmhaku .mminput {width:112px;}
#mmhaku .mmsubmit {margin-left:10px;border:1px solid #9c717a;color:#4c0105;background:#f9fffd;font-weight:bold;}

#footer { float: left; clear: both; border: 1px solid #e8e8e8; border-width: 1px 0; width: 950px; margin: 20px 0 0; }
#footer li { float: left; margin: 3px 15px 3px 0; font-size: 10px; }

form.basic { margin-bottom: 20px; }
form.basic h3 { margin-bottom: 10px; }
form.basic p { padding: 2px 0; }
form.basic label, form.basic span.item { font-size: 14px; color: #207077; display: block; margin-bottom: 5px; }
form.basic input { background: #eee; border: 1px solid #aaa; font-size: 1.2em; padding: 5px; /*width: 350px;*/  }
form.basic button { font-size: 1.5em; padding: 3px; }
form.basic span.value {  display: block; margin-bottom: 15px; color: #333; font-size: 1.2em; }

div.columns li { float: left; }


/*ul.prizes li { background-repeat: no-repeat; background-position left 50%; padding-left: 170px; margin-bottom:20px; overflow: hidden; }
.two-columns li h4 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.two-columns li strong { color: #000; display: block; }
ul.prizes li a.order { display: block; margin-top: 5px; }*/
#content ul#prizes { margin-bottom: 15px; list-style: none; padding-left: 0; }
#content ul#prizes li { margin: 0 0 30px 0; }
#prizes h5 { color: #207077; font-size: 16px; font-weight: bold; margin-bottom: 5px; }
#prizes strong { color: #000; display: block; }
#prizes li img { float: left; }
#prizes .content { margin-left: 150px; }
#prizes a.order { display:block; width: 105px; height: 26px; background: url(../images/order_.png) no-repeat left top; }
#prizes a.order span { display: none; }

#content ul#games_page { margin-bottom: 15px; list-style: none; padding-left: 0; }
#content ul#games_page li { margin: 0 0 30px 0; }
#games_page h5 { color: #207077; font-size: 16px; font-weight: bold; margin-bottom: 5px; }
#games_page strong { color: #000; display: block; }
#games_page li img { float: left; }
#games_page .content { margin-left: 190px; }
#games_page a.order { display:block; width: 105px; height: 26px; background: url(../images/order_.png) no-repeat left top; }
#games_page a.order span { display: none; }



div.wide, div.narrow { float: left; }
div.wide { width: 650px; margin-right: 30px; }
div.narrow { width: 250px; }

#errormsg { color: #ff0000; border: 1px solid #ff0000; background: #ffbdc2; padding: 10px; margin-bottom: 10px; }

table { margin-bottom: 24px; border-collapse: collapse; }
th { padding-top: 10px; padding-bottom: 5px; }
th.activity { width: 360px; }
th.points { padding-right: 30px; width: 40px; text-align: right; }
th.time { width: 120px; }
td { border-bottom: 1px solid #eee; padding-top: 5px; padding-bottom: 5px; }
td.points { padding-right: 30px; font-weight: bold; text-align: right; }
td.minus { color: #bd220b; }
td.plus { color: #358f01; }

#addcomment .textarea {
	width:400px;
	height:100px;
	font-family:inherit;
}
#addcomment .text {
	width:250px;
}
#kandivsseniori div.topic_header {
	background: transparent url(/images/bg_header_green.png) repeat-x scroll left top;
	color:#333333;
	font-size:11px;
	padding:4px 5px 10px 5px;
	text-transform:uppercase;
	height:22px;
	clear:both;
}
#kandivsseniori div.topic_header .title {
	float:left;
	font-weight:bold;
}
#kandivsseniori div.topic_header .date {
	float:right;
	font-weight:normal;
	font-style:italic;
}
#kandivsseniori div.topic_content {
	clear:both;
	width:540px;
}
#kandivsseniori div.topic_content .image {
	float:left;
	margin:0;
	padding:0;
	width:160px;
}
#kandivsseniori div.topic_content .image img {
	margin:0;
	padding:0;
	border:1px solid #e8e8e8;
}
#kandivsseniori div.topic_content .post {
	float:right;
	margin:0;
	padding:0;
	width:370px;
}
div#pienikalenteridiv {
	width:176px;
	height:20px;
	margin:0;
	padding:0;
	clear:both;
}
table#pienikalenteri { 
	width: 175px;
	border-collapse: collapse; 
	margin:0 0 0 1px;
}
table#pienikalenteri td {
	border: 1px solid #d4d4d4;
	height: 20px;
	width:24px;
	background-color: #f6f6f6;
	color: #343434;
	font-size: 11px;
	line-height: 11px;
	vertical-align: middle;
	text-align: center;
	padding:0;
	margin:0;
}
table#pienikalenteri #selected_day a { color: #333; font-weight: bold; }
table#pienikalenteri a:link, table#pienikalenteri a:visited, 
table#pienikalenteri a:hover, table#pienikalenteri a:active { color: #333; text-decoration: none; }
table#pienikalenteri .selected_day a:link, table#pienikalenteri .selected_day a:visited,
table#pienikalenteri .selected_day a:hover, table#pienikalenteri .selected_day a:active { color: #333; font-weight:bold; }
table#pienikalenteri .hasevents_day a:link, table#pienikalenteri .hasevents_day a:visited,
table#pienikalenteri .hasevents_day a:hover, table#pienikalenteri .hasevents_day a:active { color: #333; font-weight:bold;}
table#pienikalenteri .today_cell, table#pienikalenteri .today_cell a { color: #333; font-weight:bold; }
table#pienikalenteri .hasevents_day {font-weight:bold;}
table#pienikalenteri .hasevents_day_yl_el {font-weight:bold;}
table#pienikalenteri .hasevents_day_yl {font-weight:bold;}
table#pienikalenteri .hasevents_day_el {font-weight:bold;}
table#pienikalenteri #selected_day_yl_el {font-weight:bold;}
table#pienikalenteri #selected_day_yl {font-weight:bold;}
table#pienikalenteri #selected_day_el {font-weight:bold;}
table#pienikalenteri #selected_day {font-weight:bold;}
#pienikalenteri td	{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }
div#querycond {
	width:490px;
	height:36px;
	margin:0 0 10px 0;
	padding:10px 0;
	position:relative;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}
div#querycond .left {
	width:304px;
	float:left;
}
div#querycond .blue {
	color:#2173a7;
	font-weight:bold;
}
div#querycond .orange {
	color:#ff902b;
	font-weight:bold;
}
div#querycond .right {
	width:176px;
	float:right;
	margin:0 0 0 auto;
}
div#querycond .right select {
	width:174px;
}
div#tblhead {
	width: 491px;
	margin:0;
	padding:0;
	position:relative;
	font-weight:bold;
	color:#333;
	vertical-align:top;
	clear:both;
}
div#tblhead #left {
	width:170px;
	float:left;
	margin:0;
	padding:0 0 8px 0;
	font-weight:normal;
}
div#tblhead #right {
	width:310px;
	float:right;
	margin:0;
	padding:0;
}
div#tblhead #right span {
	margin:0;
	padding:0;
}
div#isokalenteridiv {
	width:491px;
	height:29px;
	margin:0;
	padding:0;
	clear:both;
}
table#isokalenteri { 
	width: 491px;
	border-collapse: collapse;
	margin:0 0 0 1px;
	padding:0;
	text-align:left;
	vertical-align:top;
}
table#isokalenteri td {
	width:69px;
	height:59px;
	border: 1px solid #d4d4d4;
	background-color:#f6f6f6;
	color: #343434;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	padding:0;
	margin:0;
}
table#isokalenteri tr {
	vertical-align:top;
	text-align:left;
}
table#isokalenteri td a {display:block;height:59px;}
table#isokalenteri #selected_day a { color: #ccaa00; font-weight: bold; }
table#isokalenteri a:link, table#isokalenteri a:visited, 
table#isokalenteri a:hover, table#isokalenteri a:active { color: #343434; text-decoration: none; }
table#isokalenteri .selected_day a:link, table#isokalenteri .selected_day a:visited,
table#isokalenteri .selected_day a:hover, table#isokalenteri .selected_day a:active { color: #ccaa00; }
table#isokalenteri .hasevents_day {
	background:url('/images/kalenteri/cell_bg.png');
	background-repeat:repeat-x;
	font-weight:bold;
}
table#isokalenteri .hasevents_day_yl_el {
	background:url('/images/kalenteri/day_yl_ek.png');
	background-repeat:no-repeat;
	font-weight:bold;
}
table#isokalenteri .hasevents_day_yl {
	background:url('/images/kalenteri/day_yl.png');
	background-repeat:no-repeat;
	font-weight:bold;
}
table#isokalenteri .hasevents_day_el {
	background:url('/images/kalenteri/day_ek.png');
	background-repeat:no-repeat;
	font-weight:bold;
}

table#isokalenteri #selected_day_yl_el {
	background:url('/images/kalenteri/day_yl_ek_selected.png');
	background-repeat:no-repeat;
	font-weight:bold;
}
table#isokalenteri #selected_day_yl {
	background:url('/images/kalenteri/day_yl_selected.png');
	background-repeat:no-repeat;
	font-weight:bold;
}
table#isokalenteri #selected_day_el {
	background:url('/images/kalenteri/day_ek_selected.png');
	background-repeat:no-repeat;
	font-weight:bold;
}
table#isokalenteri #selected_day {
	background:url('/images/kalenteri/day_selected.png');
	background-repeat:no-repeat;
	font-weight:bold;
}
table#isokalenteri .day {
	display:block;
	padding:13px 0 0 20px;
	font-size:110%;
}
table#isokalenteri .areacodes {
	display:block;
	margin:4px 0 0 10px;
	padding:0;
	font-weight:normal;
	font-size:90%;
}
table#isokalenteri .today_cell, table#isokalenteri .today_cell a { color: #ccaa00; }
#isokalenteri td	{ font-size:10px; font-family:verdana, arial, helvetica; color:#000;}
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
div.event p {
	margin:0;
	padding:0;
	color:#333;
}
h4.hasevents {
	margin:20px 0 0 0;
	color:#333;
}
h4.eventtitle {
	font-size:16px;
	font-weight:bold;
	border-top:1px solid #d4d4d4;
	display:block;
	width:490px;
	margin:10px 0 0 0;
	padding:6px 0 2px 0;
	color:#333;
}