/* @override
	http://extra.activeark.com/dev/hifk/css/style.css
	http://www.hifk.fi/css/style.css
*/

/* ------------------------------------------------------------

    Site name:   HIFK


------------------------------------------------------------ */

body {
	background: #170000 url(../img/bg_body.jpg) repeat-x left top;
	color: #000;
	text-align: center; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
}
#page {
	margin: auto;
	background: transparent;
	position: relative;
	width: 960px; /*fill in the width of the page*/
	_width: 980px;
	text-align: left; /*for previous ie hack*/
}
#wrapleft { background: url(../img/bg_body_left.jpg) top left no-repeat; }
#wrapright { background: url(../img/bg_body_right.jpg) top right no-repeat; }
.bw-1200 #page { width: 1100px; }

.facebook img{
	float: left;
	display: inline;
	width: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
}
a.facebook{
	background: none;
}
/* ------------------------------------------------------------

	Reset

------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* ------------------------------------------------------------

	Typography

------------------------------------------------------------ */

/* This is where you set your desired font size. The line-heights
   and vertical margins are automatically calculated from this.
   The percentage is of 16px (0.75 * 16px = 12px). */

body { font-size: 75%; }


/* Default fonts and colors.
   If you prefer serif fonts, remove the font-family
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */

body {
  color: #282828;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.5;
}
h1,h2,h3,h4,h5,h6 {
  color: #282828;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
	color: #282828;
}

/* Headings
-------------------------------------------------------------- */



h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; color: #fff; text-align: center; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

.uutiset h1 { font-size: 1.35em; line-height: 1; margin-bottom: 0.35em; text-align: center; }
.uutiset h2 { font-size: 1.25em; line-height: 1; margin-bottom: 0.35em; text-align: center; color: #6f6f6f; }
.uutiset h3 { font-size: 1.1em; line-height: 1.5; margin-bottom: 0; font-weight: bold; }
.uutiset h3 span { font-size: 1.0em; line-height: 1.5; margin-bottom: 0; font-weight: normal; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a	            { color: #009; text-decoration: underline; outline: none; }
div, object       { outline: none; }
a:visited        { }
a:hover          { color: #009; text-decoration: none; }
a:active         { }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* ------------------------------------------------------------

	Page structure

------------------------------------------------------------ */


/* Header
-------------------------------------------------------------- */
#header { height: 112px; width: 960px; position: relative; }
#logo { position: absolute; top: 15px; left: -35px; }


/* Navigation
-------------------------------------------------------------- */
#menu { height: 112px; float: right; xmargin-right: 13px; display: inline; }
#menu ul { list-style: none; margin: 0; }
#menu ul li { float: left; display: inline; }
#menu .m1, #menu .m2, #menu .m3, #menu .m4, #menu .m5, #menu .m6, #menu .m7, #menu .m8, #menu .m9,
#menu .m1 .hover, #menu .m2 .hover, #menu .m3 .hover, #menu .m4 .hover, #menu .m5 .hover, #menu .m6 .hover, #menu .m7 .hover, #menu .m8 .hover, #menu .m9 .hover
	{ height: 64px; width: 83px; position: relative; display: block; text-indent: -9000px; margin-right: 2px; color: #fff; }
#menu a span.hover { top: -18px; }

#menu ul li ul 		{ position: absolute; top: 74px; margin-left: 20px; display: none; left: 248px; width: 670px; }
#menu ul li ul li 	{  }
#menu ul li.on ul 	{ display: inline; }
#menu ul li ul li 	{  }
#menu ul li ul li a { text-indent: 0; padding: 2px; margin: 0px 10px 0 0; color: #fff; text-decoration: none; text-shadow: #660000 0 0 1px; }
#menu ul li ul li a:hover,#menu ul li ul li a.active { background: #fff; color: #660000; float: left; display: inline; }

.on .m1 { background: url(../img/menu2.gif) no-repeat 0 -64px !important; }
.on .m2 { background: url(../img/menu2.gif) no-repeat -88px -64px !important; }
.on .m3 { background: url(../img/menu2.gif) no-repeat -176px -64px !important; }
.on .m4 { background: url(../img/menu2.gif) no-repeat -264px -64px !important; }
.on .m5 { background: url(../img/menu2.gif) no-repeat -352px -64px !important; }
.on .m6 { background: url(../img/menu2.gif) no-repeat -440px -64px !important; }
.on .m7 { background: url(../img/menu2.gif) no-repeat -528px -64px !important; }
.on .m8 { background: url(../img/menu2.gif) no-repeat -616px -64px !important; }
.on .m9 { background: url(../img/menu2.gif) no-repeat -704px -64px !important; }

#menu .m1 { background: url(../img/menu2.gif) no-repeat 0 0; }
#menu .highlight .m1:hover,
#menu .m1 .hover { background: url(../img/menu2.gif) no-repeat 0 -64px; }

#menu .m2 { background: url(../img/menu2.gif) no-repeat -88px 0; }
#menu .highlight .m2:hover,
#menu .m2 .hover { background: url(../img/menu2.gif) no-repeat -88px -64px; }

#menu .m3 { background: url(../img/menu2.gif) no-repeat -176px 0; }
#menu .highlight .m3:hover,
#menu .m3 .hover { background: url(../img/menu2.gif) no-repeat -176px -64px; }

#menu .m4 { background: url(../img/menu2.gif) no-repeat -264px 0px; }
#menu .highlight .m4:hover,
#menu .m4 .hover { background: url(../img/menu2.gif) no-repeat -264px -64px; }

#menu .m5 { background: url(../img/menu2.gif) no-repeat -352px 0; }
#menu .highlight .m5:hover,
#menu .m5 .hover { background: url(../img/menu2.gif) no-repeat -352px -64px; }

#menu .m6 { background: url(../img/menu2.gif) no-repeat -440px 0; }
#menu .highlight .m6:hover,
#menu .m6 .hover { background: url(../img/menu2.gif) no-repeat -440px -64px; }

#menu .m7 { background: url(../img/menu2.gif) no-repeat -528px 0; }
#menu .highlight .m7:hover,
#menu .m7 .hover { background: url(../img/menu2.gif) no-repeat -528px -64px; }

#menu .m8 { background: url(../img/menu2.gif) no-repeat -616px 0; }
#menu .highlight .m8:hover,
#menu .m8 .hover { background: url(../img/menu2.gif) no-repeat -616px -64px; }

#menu .m9 { background: url(../img/menu2.gif) no-repeat -704px 0; }
#menu .highlight .m9:hover,
#menu .m9 .hover { background: url(../img/menu2.gif) no-repeat -704px -64px; }




/* Content
-------------------------------------------------------------- */
#content	 { width: 784px; float: left; margin-left: 8px; display: inline; min-height: 1191px; }
#sidebar 	 { width: 168px; float: left; margin-top: 172px; }
#sidebar img { margin: 0; padding: 0; float: left; }

.uutiset		{ padding: 28px 28px 1px 28px; }
.uutiset_date 	{ text-align: center; color: #999; font-size: 10px; }

.col-18		{ width: 784px; margin-bottom: 10px; }
.col-11		{ width: 476px; float: left; margin-right: 8px; display: inline; _overflow: hidden; }
.col-7		{ width: 300px; float: left; display: inline;}
.col-7 img	{ margin: 0 0 10px 0; padding: 0; float: left; }
.col-4		{ width: 168px; float: left; position: relative; }

.wht	{ background: #fff; margin-bottom: 8px; min-height: 639px; }




/* -------------------------------------------------------------------------------------------------------------------------------- */

div.etusivu {
	background: url(../img/etusivu.jpg) repeat-x #050505 !important;
	color: #fff;
}
div.wht {
	/*background: none !important;*/
	padding: 20px;
}
.etusivu .wht { background: none !important; }
.seura { padding-left: 30px !important; }
#etusivunosto {
	background: url(../img/etusivunosto_tausta.jpg) no-repeat bottom left;
	height: 215px;
	xheight: 430px;
	width: 422px;
	margin-top: 25px;
	overflow: hidden;
}
#etusivunosto img {
}
div#uutislaatikko {
	width: 422px;
	background: url(../img/etusivu_uutislaatikkotausta.jpg) top center no-repeat #000;
	padding-bottom: 10px;
}
div#ikonit {
	height: 80px;
	padding-left: 20px;
}
div#ikonit div {
	float: left;
	display: inline;
	width: 69px;
	height: 64px;
	margin-top: 9px;
	margin-right: 5px;
	cursor: pointer;
}

#ikonit .uutinen { background: url(../img/ikonit/ikoni_uutinen.gif) top left no-repeat transparent; }
#ikonit .uutinen.active{ background: url(../img/ikonit/ikoni_uutinen_active.gif) top left no-repeat transparent; }
	#ikonit .uutinen_active{ background: url(../img/ikonit/ikoni_uutinen_active.gif) top left no-repeat transparent; }

#ikonit .kuva { background: url(../img/ikonit/ikoni_kuva.gif) top left no-repeat transparent; }
#ikonit .kuva.active{ background: url(../img/ikonit/ikoni_kuva_active.gif) top left no-repeat transparent; }
	#ikonit .kuva_active{ background: url(../img/ikonit/ikoni_kuva_active.gif) top left no-repeat transparent; }

#ikonit .video { background: url(../img/ikonit/ikoni_video.gif) top left no-repeat transparent; }
#ikonit .video.active{ background: url(../img/ikonit/ikoni_video_active.gif) top left no-repeat transparent; }
	#ikonit .video_active{ background: url(../img/ikonit/ikoni_video_active.gif) top left no-repeat transparent; }

#ikonit .fani { background: url(../img/ikonit/ikoni_fani.gif) top left no-repeat transparent; }
#ikonit .fani.active{ background: url(../img/ikonit/ikoni_fani_active.gif) top left no-repeat transparent; }
	#ikonit .fani_active{ background: url(../img/ikonit/ikoni_fani_active.gif) top left no-repeat transparent; }

ul.uutislistaus {
	clear: both;
	margin-top: 25px;
}
.uutislistaus li {
	list-style: none;
	width: 400px;
	background: url(../img/listaus_hr.gif) no-repeat top left transparent;
	line-height: 20px;
	margin-top: 5px;
	padding-top: 5px;
	font-size: 11px;
}
.uutislistaus li a {
	color: #aeaeae;
	text-decoration: none;
}
a.fb{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	display: inline;
}
.pikkulaatikko {
	float: left;
	display: inline;
	width: 158px;
	padding: 0 25px;
	padding-bottom: 20px;
	background: url(../img/pikkulaatikko.jpg) no-repeat #000;
	padding-top: 10px;
	text-align: left;
	font-size: 10px;
	margin-top: 5px;
}
.pikkulaatikko h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: center;
}
.pikkulaatikko h4 {
	font-size: 11px;
	font-weight: bold;
}
.marginright {
	margin-right: 5px;
}

a#teammember img{
	margin-top: 8px;
}

/* Blogi... */

.blog {
	padding-left: 10px;

}
.blog h2 {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
.blog h2 a {
	text-decoration: underline;
}
p.ingressi {
	font-size: 11px;
	font-weight: bold;
}

.matsit		{ padding: 28px 28px 1px 28px; background: url(../img/hiilari.jpg) repeat-x #000 !important; color: #fff;}
.matsit h1 	{ color: #fff !important; font-size: 13px; text-align: center; padding-bottom: 20px; text-transform: uppercase;}
.matsit a { color: #fff; }
.musta_listaus {
	width: 391px;
	padding: 20px 10px;
	min-height: 100px;
	background: url(../img/musta_listaus.jpg) no-repeat transparent;
	_overflow: hidden;
}
.floatleft 	{ float: left; display: inline; }
.floatright	{ float: right; display: inline; }
.musta_listaus h3 {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
}
.musta_listaus .aika {
	font-size: 11px;
	margin-top: -15px;
}
div.listaus {
	clear: both;
	padding-top: 40px;
	_width: 430px;
}
div.listaus p {
	clear: both;
	font-size: 12px;
	border-bottom: solid 1px #2b2b2b;
	line-height: 30px;
}
div.listaus p span {
	float: left;
	display: inline;
	width: 130px;
	color: #a4a4a4;
	text-align: center;
}

.col-4 .lg-poll		{ background: #030303 url(../img/bg_roster.png) repeat-x 0 0; color: #fff; text-shadow: #030303 0 0 1px; padding: 0 20px 20px 20px; }
.lg-poll h4			{ color: #fff; text-shadow: #030303 0 0 1px; padding-top: 0px; }
.lg-poll ul			{ list-style-type: none; margin: 0 0 1em 0; width: 150px; 	position: relative; }
.lg-polls-answers 	{ padding-bottom: 5px; color: #fff; }
.lg-polls-answers li	{ padding-left: 20px; color: #fff;}
.radio_cont 			{ margin: -1px 0 0 0; width: 20px; }
.radio_cont input 	{ margin-left: -20px; width: 15px;}
.lg-poll-results li 	{ padding-left: 0 !important; border-bottom: solid 1px #484848; }
div.percentage		 { margin-bottom: 10px; }
p.kiitos 			{ color: #ff0012; }

.next_game 		{ float: left; }
.next_game img 	{  }
.next_game h4	{ display: block; height: 47px; background: transparent url(../img/header-seuraava-matsi.png) no-repeat 0 0; margin: 0; text-indent: -9000px; }

.sarjataulukko 		{ float: left; }
.sarjataulukko h4 	{ display: block; height: 26px; background: url(../img/header-sarjataulukko.gif) no-repeat 0 0; margin: 0; padding: 0; text-indent: -9000px; }

/*Kalenteri matseista
----------------------------------------------------------*/

#matsit-kalenteri{
	float:left;
	display: inline;
	width: 450px;
	font-size: 0.9em;
}

#matsit-kalenteri table tr{
	border: none !important;
}

#matsit-kalenteri table tr td{
	border: none !important;
	font-weight: bold;
}

#matsit-kalenteri table tr td.outlook{
	border: none !important;
	width: 80px;
}

#matsit-kalenteri table tr td.google{
	border: none !important;
	width: 30px;
}

#matsit-kalenteri table tr td.yahoo{
	border: none !important;
	width: 30px;
}

#matsit-kalenteri table tr td.live{
	border: none !important;
	width: 90px;
}

#matsit-kalenteri table tr td.time{
	border: none !important;
	width: 90px;
}

#matsit-kalenteri table tr td a{
	text-decoration: none;
	color: #000;
}

#matsit-kalenteri table tr td.uppercase{
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
}

#matsit-kalenteri table tr td.headers, th.headers{
	margin: 0 !Important;
	padding: 0 !Important;
}

#matsit-kalenteri table th{
	border: none;
}
#lisaa-kalenteriin{
	width: 220px;
	height: 40px;

	margin-bottom: 30px;
	margin-left: 10px;

	xbackground: transparent url(../img/lisaa_kalenteriin.jpg) no-repeat 0 0;
}
#lisaa-kalenteriin p{
	width: 220px;
	height: 40px;
}

#lisaa-kalenteriin p input{
	width: 220px;
	height: 40px;
	cursor:pointer;
	border: none;
	background: #fff;
	outline: 0;
	xtext-indent: -9000px;
	xmargin-bottom: 30px;
	background: transparent url(../img/lisaa_kalenteriin.jpg) no-repeat 0 0;
}
/* Cheerleaders
-------------------------------------------------------------- */

.cl-navi{
	float: left;
	display: inline;
	width: 420px;
	margin-bottom: 10px;
	padding-left: 20px;
	background: transparent url(../img/navi-bg.jpg) repeat-x;
}

.cl-navi a.selected{
	text-decoration: underline;
}

.cl-navi a{
	padding-right: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	line-height: 3em;
}

.cl-navi a:hover{
	text-decoration: underline;
}

.girl{
	float: left;
	display: inline;
	width: 105px;
}

.girl a img{
	margin-bottom: 0;
	padding: 5px;
	border: 1px solid #c4c4c4;
}

.takaisin{
	float: left;
	display: inline;
	width: 100%;
}

/* Image Gallery
-------------------------------------------------------------- */
#news_gallery {  }

.svw { width: 50px; height: 20px; background: #fff; }
.svw ul { position: relative; left: -999em; }

.stripViewer { position: relative; overflow: hidden; }
.stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
.stripViewer ul li { float: left; }
.stripViewer ul li img { margin: 0; }
.stripTransmitter { overflow: auto; width: 1%; background: transparent; margin: -20px 0 1.5em 0; }
.stripTransmitter ul { margin: 0; position: relative; list-style-type: none; float: right; }
.stripTransmitter ul li { float: left; margin: 0 0 1px 1px;}
.stripTransmitter a { text-align: center; line-height: 20px; background: #8b8b8b url(../img/bg_gallery_pagination.gif) repeat-x 0 0; color: #fff; text-decoration: none; display: block; padding: 0 0px; height: 20px; width: 20px; }
.stripTransmitter a:hover { text-decoration: underline; }
.stripTransmitter a.current { background: #111 url(../img/bg_gallery_pagination_active.gif) repeat-x 0 0; text-decoration: none; cursor: default; }
#stripTransmitter0.stripTransmitter {
	padding-top: 22px;
}

/* ADs
-------------------------------------------------------------- */
#fluid_ads { clear: both; background: transparent; width: 960px; _margin-right: -13px; /*height: 160px;*/  }
.bw-1200 #fluid_ads { clear: none; float: left; width: 132px; margin-left: 8px; display: inline; }
#fluid_ads img {
	margin: 5px 0;
}

/* Footer
-------------------------------------------------------------- */
#footer { clear: both; font-size: 0.85em; padding-top: 80px; }

#footer_links { list-style-type: none; font-weight: bold; }
#footer_links a { color: #fff; text-decoration: none; padding: 2px 4px; xbackground: blue; text-shadow: #660000 0 0 1px; }
#footer_links a:hover { text-decoration: underline; }
#footer_links li { float: left; width: 130px; margin-right: 8px; display: inline; margin: 4px 0; }
#footer_links ul { list-style-type: none; font-weight: normal; margin-left: 0; }


/* ------------------------------------------------------------

	Forms

------------------------------------------------------------ */

label { font-weight: bold; cursor: pointer; }


/* Fieldsets
-------------------------------------------------------------- */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields
-------------------------------------------------------------- */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas
-------------------------------------------------------------- */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields
-------------------------------------------------------------- */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors.
-------------------------------------------------------------- */
.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }





/* ------------------------------------------------------------
	Matiaksen lisäys tästä alaspäin, koskee vas sivupalkkia
------------------------------------------------------------ */

.next {
	width: 168px;
	height: 237px;
	color: #ffffff;
	background: transparent url(../img/seuraavamatsi_2.png) no-repeat 0 0;
}
.next p { color: #ffffff; }
.time {
	padding-top: 55px;
}
.time p {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bolder;
	font-family: arial, verdana;
	_padding-bottom: 10px !Important;
	_margin-bottom: 0px !important;
}
.logos { height: 50px;}
.logos img { margin: 0 0 0 25px !important;}
.osta { float: left; display: inline; height: 45px; _height: 20px; width: 168px;}
.osta a {
	float: left;
	direction: inline;
	width: 139px;
	xheight: 23px;
	display: block;
	text-indent: -9000px;
	padding-top: 17px;
	padding-left: 29px;
	background: transparent url(../img/ostaliput.gif) no-repeat center bottom;
	_background: transparent url(../img/ostaliput.gif) no-repeat top center;
}

.lisaa_kalenteriin{
	float: left;
	display: inline;
	text-align: center;
	xpadding-left: 30px;
	width: 160px;
	xpadding-top: 5px;
	x_padding-top: 5px;
}

.lisaa_kalenteriin a{
	text-decoration: none;
	color: #fff;
}
.lisaa_kalenteriin a:hover{
	text-decoration: underline;
	color: #fff;
}



/* ------------------------------------------------------------
	sarjataulukko
------------------------------------------------------------ */

.charttitle { float: left; display: inline; height: 23px; }
.charttitle p {
	text-indent: -9000px;
	background: transparent url(../img/sarjataulukko.jpg) no-repeat 0 0;
	width: 168px;
	height: 23px;
	margin: 0;
}

.chart {
	width: 168px;
	padding: 0;
	float: left;
	display: inline;
	margin-top: -7px;
	background: transparent url(../img/stripebg.jpg) repeat-y 0 0;
}
.chart a { color: #ffffff; text-decoration: none; }
.chart a:hover { text-decoration: underline; color: #ffffff; }
.charttable {
	background: transparent url(../img/chartbgnew.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
.chart .container {
	background: transparent url(../img/bottom.jpg) no-repeat 0 100%;
	float: left;
	display: inline;
	padding-bottom: 5px;
}
.chart table {
	padding: 0;
	width: 168px;
	text-align: left;
	margin: 0;
	font-size: 10px;
	font-family: arial, verdana;
	color: #ffffff;

}
.chart tr { height: 20px; line-height: 20px;}
.chart td { width: 20px; border: none; padding: 0; }
.chart .first{ width: 32px; text-indent: 18px;}
.activechart .second { width: 96px; background: transparent url(../img/hover.jpg) no-repeat -40px 0;}
.activechart .first { background: transparent url(../img/hover.jpg) no-repeat 0 0;
}
.activechart .third { background: transparent url(../img/hover.jpg) no-repeat -145px 0;

}

.activechart {
	height: 20px;
	width: 168px;

}
/* ------------------------------------------------------------
	joukkue pelaajat sivun taulukko
------------------------------------------------------------ */

.pelaajat {
	padding: 0 !important;
	margin: 0 !important;
	background-color: #000000;
	color: #fff;
}
.kokoonpano {
	padding-left: 30px !important;
	padding-top: 30px !important;
}
.kokoonpano h3 {
	color: #fff;
	font-size: 20px;
}
.pelaajat img {
	margin: 0;
}

.pelaajachart {
	background: #000000 url(../img/pelaajabg.jpg) no-repeat 0 0; width: 475px; }
.pelaajataulukko { padding-left: 15px; margin-top: -10px; }
.pelaajataulukko table {
	clear: both;
	width: 453px;
	color: #a4a4a4;
	font-weight: bold;
	font-family: arial, verdana;
	font-size: 11px;
	text-align: center;
	*margin-top: 10px;
}
.pelaajataulukko table tr {
	height: 32px;
	line-height: 32px;
	background: transparent url(../img/tablestripe.jpg) no-repeat center bottom;
}
.pelaajataulukko table th,.pelaajataulukko table td {
	border: none;
	margin: 0;
	padding: 0;
}

.pelaajataulukko table td {
	width: 50px;
	_padding-left: 15px;
	*padding-left: 15px;
}
.chartheader {
	height: 39px;
	font-size: 11px;
	font-family: arial, verdana;
	font-weight: bold;
	text-transform: uppercase;
}
.chartheader a {
	/*border: solid 1px yellow;*/
	color: #a4a4a4;
	padding: 0 10px 0 10px;
	display: block;
	float: left;
	height: 39px;
	line-height: 39px;
	text-decoration: none;
	*margin-top: 10px;
}
.chartheader a:hover { color: #ffffff; text-decoration: none; }
.chartheader a.pelaajaactive { background: #000000; color: #ffffff; }


/* ------------------------------------------------------------
	sidebar
------------------------------------------------------------ */


.rightcolplayer {
	width: 300px;
	background: #000000;
	float: left;
	display: inline;
}
.item {
	width: 272px;
	margin-top: 19px;
	text-align: left;
	float: left;
	display: inline;
}
.itemheader {
	height: 35px;
	background: transparent url(../img/itemheader.jpg) no-repeat 0 0;
}
.itemheader h3 {
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: arial, verdana;
	text-indent: 16px;
	line-height: 35px;
}
.itemlist {
	padding-left: 18px;
	padding-bottom: 31px;
}
.itemlist ul {
	width: 254px;
	margin: 0;
	padding-top: 2px;
}

.itemlist li {
	xheight: 22px;
	color: #a4a4a4;
	list-style: none;
	border-bottom: 1px solid #1e1e1e;
	font-size: 11px;
	xline-height: 22px;
	text-indent: 3px;
}
.itemlist li span {
	padding-left: 18px;
}
.itemlist li.activeitem {
	/*background: transparent url(../img/pelaajalibg.jpg) no-repeat 0 -1px;*/
	background: #2a2a2a;
	xheight: 21px;
	_height: 20px;
}
.last {
	border: none !important;
}
.itemlist li a {
	display: block;
	width: 252px;
	xheight: 22px;
	color: #a4a4a4;
	text-decoration: none;
	line-height: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.itemlist li a:hover {
	color: #ffffff;
}


.sidebar_liftup {
	width: 168px;
	height: 76px;
	float: left;
	display: inline;
	background: transparent url(../img/kausaribg-1.jpg) no-repeat 0 0 ;
}
.sidebar_liftup a {
	margin: 0;
	padding: 0;
	font-family: arial, verdana;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 15px;
	text-decoration: none;
}


.tickets {
	width: 428px;
	background: #000000;
	padding-left: 27px;

}
.tickets th{
	padding-bottom: 10px;
}
.tickets h3 {
	color: #a4a4a4;
	height: 37px;
	display: inline;
	xline-height: 37px;
	font-size: 10px;
	font-weight: bold;
}
.tickets table {
	width: 400px;
	color: #a4a4a4;
}
.tickets img {
	width: 70px;
	float: left;
	height: 15px;
	border: 1px solid #434343;
	margin: 0;
}

.tickets td {
	text-align: left;
	height: 22px;
	line-height: 22px;
	padding: 0;
}
.tickets tr {
	background: transparent url(../img/tablestripe.jpg) no-repeat center bottom;
}
.tickets td.uno {
	width: 27%;
	height: 22px;
	line-height: 22px;
}
.tickets td.dos {
	width: 37%;
	height: 22px;
	line-height: 22px;
}
.wht.kauppa {
	background: #000000;
	color: #a4a4a4;
}
.wht.kauppa h2 {
	color: #b6b6b6 !important;
}
.wht.kauppa a{
	color: #b6b6b6 !important;
}

/* ------------------------------------------------------------
	team
------------------------------------------------------------ */
.wht.joukkue, .wht.hifk-tv {
	padding: 0 !important;
	margin: 0 0 0 1px  !important;
}
.wht.hifk-tv, .wht.joukkue {
	background: #000000;
}

#teamcontainer {
	width: 440px;
	background: #000000 url(../img/joukkuebg.jpg) no-repeat top left;
	padding-top: 52px;
	padding-left: 35px;
	font-size: 9px;
	text-align: left;
}
#teamcontainer a {
	color: #fff;
	text-decoration: none;
}
#teamcontainer img {
	padding-left: 10px;padding-top: 14px;
}

#teamcontainer h3 {
	clear: both;
	text-transform: uppercase;
	font-size: 13px;
	xpadding-bottom: 20px;
	color: #ffffff;

}
.playeritem {
	width: 100px;
	height: 192px;
	float: left;
	display: inline;
	background: transparent url(../img/teamthumbbg.jpg) no-repeat  0 0;
	margin-bottom: 20px;
}
.playeritem p {
	margin: 0;
	margin-top: 12px;
	line-height: 12px;
	padding-left: 13px;
	padding-top: 3px;
	color: #ffffff;
	text-transform: uppercase;
}
.playeritem span {
	font-size: 18px;
	padding-left: 55px;
	color: #666666;
}
/*
.playeritem img {
	width: 81px;
	height: 101px;
	background: url(../img/naamat/nopic.jpg) 20px 20px;
}
*/
.stretchPlayerPic {
	margin-top: -3px;
	width: 81px;
	height: 111px;
	xbackground: url(../img/naamat/nopic.jpg) no-repeat;
}


/* ------------------------------------------------------------
	haku
------------------------------------------------------------ */
#haku {
	width: 300px;
	height: 100px;
	background: url(../img/musta_listaus.jpg) no-repeat transparent;
	margin: 0;
	padding: 0;
}

#haku input#keywords.text {
	width: 256px;
	height: 26px;
	border: none;
	margin-left: 10px;
	margin-top: 10px;
	padding: 0;
	line-height: 26px;
	text-indent: 5px;
	background: url(../img/forminputbg.jpg) no-repeat bottom left;
}

input.submit {
	width: 35px;
	height: 15px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0;
	text-indent: -9000px !important;
	display: block;
	cursor: pointer;
	background: transparent url(../img/hae.png) no-repeat 0 0;
	_background: transparent url(../img/hae.gif) no-repeat 0 0;
	border: 0;
}
.thumb {
	float: left;
	display: inline;
}
a:hover .thumb {
	xborder: 1px solid #666666;
}

#vinkki a{
	color: #000;
}

#vinkki a:hover{
	text-decoration: underline;
}

/* ------------------------------------------------------------
	kausarin tilaus
------------------------------------------------------------ */

.kaavake table {
	width: 300px !important;
}
.kaavake td, .viplomake td {
	border: none !important;
	vertical-align: top;
}
.kaavake h3, .viplomake h3 {
	color: #ffffff;
}
.kaavake input {
	width: 200px;
	text-align: left;
}
.kaavake checkbox {
	text-align: left;
}
textarea#huomioitavaa,textarea#huomioitavaa2 {
	width: 300px;
}
#laheta {
	width: 69px;
	overflow: hidden;
	height: 19px;
	margin-top: 10px;
	padding: 0;
	text-indent: -9000px;
	display: block;
	cursor: pointer;
	background: transparent url(../img/lahetatilaus.jpg) no-repeat 0 0;
	border: 0;
}
#lahetalaheta {
	width: 75px;
	height: 19px;
	margin-top: 10px;
	padding: 0;
	text-indent: -9000px;
	display: block;
	cursor: pointer;
	background: transparent url(../img/laheta.png) no-repeat 0 0;
	border: 0;
}

.wht.uutiset h1 {
	font-size:2em;
	text-align: center;

}


/* ------------------------------------------------------------
	landingpage - tilaa tsetti
------------------------------------------------------------ */

.tilaa_tsetti table{
	width: 300px !Important;
	margin-left: 25px;
}
.tilaa_tsetti td, .viplomake td {
	border: none !important;
	vertical-align: top;
}
.tilaa_tsetti input {
	width: 250px;
	text-align: left;
}
.tilaa_tsetti textarea#huomioitavaa {
	width: 245px;
	height: 120px;
}
.tilaa_tsetti input#hiffaan {
	cursor: pointer;
	border: none;
	float: right;
	width: 110px;
	height: 45px;
	background: transparent url(../img/hiffaan.jpg) no-repeat 0 0;
}

.tilaa_tsetti p span{
	margin-left: 25px;
	font-weight: bold;
}




/* ------------------------------------------------------------

	Clear floats

------------------------------------------------------------ */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* Misc
-------------------------------------------------------------- */

.hidden, hr { display: none; }
.clear { clear: both; } errors.
-------------------------------------------------------------- */
.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

/* ------------------------------------------------------------

	Clear floats

------------------------------------------------------------ */
.wrapper, .wht { display: inline-block; }
.wrapper:after, .wht:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper, * html .wht { height: 1%; }
.wrapper, .wht { display: block; }

/* Misc
-------------------------------------------------------------- */

.hidden, hr { display: none; }
.clear { clear: both; }

.playedGame  span{
	xbackground: #2b2b2b !important;
	color: #fff !important;
}


.lippukuva {

}
#etusivuAjax h3 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 20px;
	padding-top: 10px;
}
.ajaxPad {
	padding-left: 20px;
}
.kp_pelaaja {
	float: left;
	margin-right: 10px;
	width: 81px;
}
.novis {
	display: none;
}
#maalivahdit, #hyokkaajat, #puolustajat {
	display: block;
	margin: 0 auto;
	xwidth: 450px;
	clear: both;
	margin-top: 20px;
}

.ajaxPad .floatleft a {
	color: #ffffff;
	padding-left: 20px;
	text-decoration: none;
}
.ajaxPad .floatleft a:hover {
	text-decoration: underline;
}
.pagin {
	margin-top: 20px;
}
#tabContent_ura {
	padding: 10px;
	color: #a4a4a4;
}
#tabContent_ura td , #tabContent_ura th{
	width: 10px;
	text-align: left !important;
	border-bottom: solid 1px #4b4b4b;
	line-height: 12px;
	font-size: 9px;
	padding: 0 !important;
}
#tabContent_ura th {
	color: #fff;
}
.kalenteri {
	padding-left: 5px;
}
.frontpage {
	margin-left: -29px;
	margin-top: 20px;
}
#tabContent_ura {

}
.pienitaulukko td {
	width: 20px !important;
	text-align: left !important;
	overflow: hidden;
	font-size: 9px;
}

.bannerwide {
	padding-left: 27px;
}

input.lefti {
	text-align: left;
	width: 14px !important;
	_margin-right: 20px;

}
a.white {
	color: #fff;
}
/* VIP-PALVELUT */

.nosto_holder {
	width: 430px;
	height: 450px;
	background: #000000;
	color: #c0c0c0;
	border: 0px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.nosto_holder .yla_iso {
	width: 417px;
	min-height: 220px;
	background: url(../img/vip/new/grey_bg2.jpg) #1d1d1d repeat-x bottom;
	color: #c0c0c0;
	border: 0px;
	text-align: left;
	display: block;
	margin: 0 0 15px 0;
	font-size: 9px;
}

.nosto_holder .ylarivi {
	height: 76px;
	border: 0px;
	text-align: left;
	display: block;
}

.nosto_holder .alarivi {
	height: 76px;
	border: 0px;
	text-align: left;
	display: block;
	margin-top: 15px;
}

.nosto_holder .vasen {
	width: 197px;
	height: 76px;
	background: url(../img/vip/new/grey_bg.jpg) #1d1d1d repeat-x;
	color: #c0c0c0;
	border: 0px;
	text-align: left;
	float: left;
	margin: 0 13px 0 0;
	padding: 0 0 0 5px;
	font-size: 9px;
	display: block;
	overflow: hidden;
}

.nosto_holder .oikea {
	width: 197px;
	height: 76px;
	background: url(../img/vip/new/grey_bg.jpg) #1d1d1d repeat-x;
	color: #c0c0c0;
	border: 0px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 9px;
	display: block;
	overflow: hidden;
}
.nosto_holder a {
	color: #c0c0c0;
	text-decoration: none;
}
span.runkosarja {color: #e10018;}
span.pudotuspelit {color: #4d69e2;}
.esittely {
	font-size: 12px;
}
.skidiklubi
{
	float: left;
	width: 210px;
	color: #e0002c;
}

.skidiklubi_link{
	display:inline !important;
	float: right !important;
	margin-right: 10px !important;
	text-decoration: none;
	color: #e0002c !important;
	font-weight: bold;
}

.skidiklubi_form td{
	border: none !important;
}
.skidiklubi_form input{
	margin-bottom: 10px;
}
.esittely strong {
	color: #fff;
}
.matsiraporttiingressi {
	font-size: 13px;
}
.matsiraporttibody {
	/*color: #c7c7c7;*/
	color: #fff;
}
.team-member{
	text-decoration: none;
}
a.team-member:hover{
	text-decoration: underline;
}
.valmentajaesittely p {
	padding-right: 20px;
	font-size: 12px;
	color: #fff;
}
#videoListaToggle li {

	line-height: 25px;
	xxxxxxxxxxxxxoverflow: hidden;
}
#videoListaToggleButton {
	color: #fff; text-decoration: none;
}

#videoListaToggleButton2 {
	color: #fff !Important;
	text-decoration: none;
}


.popupwrapper {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(../img/11black.png) repeat 0 0;
	z-index: 1000;
}

.popup {

	position: relative;
	width: 360px;
	margin: auto;
	margin-top: 50px;
}
#closepopup {
	color: #fff;
	text-decoration: none;
	font-size: 23px;
	font-weight: bold;
	position: absolute;
	top: -10px;
	right: -10px;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	background: black;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}


/* URHO TV */
#urho-frame .close-frame {
	position: absolute;
	font: bold 11px Arial;
	right: -10px;
	top: -10px;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	color: #000;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	z-index: 1000;
}

.youtube_player_hifk_tv
{
	margin-top: 54px; /*164*/
}

.uusirow {
	margin-top: -18px;
}


#jatka {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
.capchainput {
	width: 160px;
	clear: both;
}
#freeform {
	font-size: 12px;
}

#freeform input {
	width: 150px;
}

.etusivun-kysymys {
	font-size: 13px;
	padding-left: 5px;
}
.etusivu-hidden {
	display: none;
}

input.submitbutton {
	width: 69px !important;
	overflow: hidden;
	height: 19px;
	margin-top: 10px;
	padding: 0;
	text-indent: -9000px;
	display: block;
	cursor: pointer;
	background: transparent url(../img/lahetatilaus.jpg) no-repeat 0 0;
	border: 0;
	clear: both;
}

.captchakuva img {
	margin: 0 0 10px 0;
	
}


.talviklassikko h1{
	font-size: 25px;
}
.talviklassikko h2 {
	font-size: 16px;
}
.talviklassikko h3{
	font-size: 17px;
}
.talviklassikko a,.talviklassikko table span{
	font-size: 12px;
}
.talviklassikko table h3 {
	margin-bottom: 5px;
}