body, #outside, #container,#content, #menu, #right,#menuHead, #menuLogo,#rightHead, #contentHead, p, table, tr, td, img, a
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html
{
	background: #59a250 url("/kuvat/bg_html.gif") 939px 0px repeat-x;
}

body
{
	background: transparent;
	font-family: arial, sans_serif, verdana;
	font-size: 11px;
}
span.hide
{
	display: none;
}
/*TITLES*/

.otsikkoaaa, h1, .otsikkoaa, h2, .otsikkoa, h3
{
	background: url("/images/title_line.gif") bottom left no-repeat;
	margin:	6px 0px 3px 0px;
	padding: 3px 0px 0px 0px;
	width: 100%;
	display: block;
	color: #0c6412;
}

.otsikkoaaa, h1
{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 3px;
}

.otsikkoaa, h2
{
	background: transparent;
	font-size: 16px;
	font-weight: bold;
}

.otsikkoa, h3
{
	background: transparent;
	font-size: 11px;
	font-style: italic;
}

.otsikkoaa,.otsikkoa
{
	/*margin-bottom:	-10px;*/
}

/*Common*/	

a, form, input
{
	font-family: verdana, arial, sans_serif;
	font-size: 11px;
}

a
{
	color: #047157;
	font-size: inherit;
	background: inherit;
	text-decoration: none;
}

a:hover
{
	color: #199678;
	background: inherit;
	text-decoration: underline;
}

a.standing
{
	color: #ffffff;
	font-size: inherit;
	background: inherit;
	text-decoration: none;
}

a.standing:hover
{
	color: #ffffff;
	background: inherit;
	text-decoration: underline;
}

.error
{
	color: #ff4800;
	background: inherit;
}

/*Structure*/	

#outside
{
	float: left;
	margin: 0px;
	display: block;
	/*text-align: center;*/
	background: #1d7814;
	width: 919px;
	padding: 10px 10px 0px 10px;
}

#container
{
	float: left;
	width: 919px;
	/*text-align: center;*/
	/* background: url("/images/bground_container.gif");*/
	background: #ffffff;
	/* border-left: 1px solid white;
	border-right: 1px solid white;*/	
}

/*Content-------------------------*/

#content
{
	float: left;
	width: 598px;
	background: url("/images/ylalogo.jpg") no-repeat;
}

#contentHead
{
	float: left;
	width: 768px;
	height: 336px;
}

#contentHeadBottom
{
	background: transparent url('/kuvat/fp_header_bottom.gif') top left no-repeat;
	float: left;
	width: 768px;
	height: 17px;
}

#kulmapala
{
	float: left;
	width: 96px;
	height: 194px;
	background: transparent url('/kuvat/logo_viisto.png') top left no-repeat;
}

#ham
{
	/*padding-left: 22px;
	padding-right: 22px;
	padding-top: 30px;	*/	
	padding: 20px 30px 20px 30px;
	background: white;	
}

/*Menu--------------------------*/

#right
{
	float: left;
	width: 170px;
}

#rojut
{
	border: 1px solid #1f8016;
	clear: both;
}

#menuHead
{
	height: 197px;
	width: 151px;
	background: transparent url("/kuvat/logo_menu_top.png") top left no-repeat;
	cursor: pointer;
}

#menu
{
	float: left;
	width: 151px;
	/*background: #ffffff url("/images/ylavasen.jpg") no-repeat;*/
	color: white;
}

#menuLogo span
{
	display: none;
}

#menuLogo a
{
	display: block;
	height: 155px;
	width: 132px;
}

#menunloppu
{
	background: #ffffff url("/images/menuloppu.gif") no-repeat;
}

#menuHam
{
	background: #86b231;
	/* margin-left: 10px;*/
}

/* menu links */

a.menu
{
	height: 28px;
	width: 151px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
}
a.menu:hover, b a.menu
{
	background-position: bottom left;
}
a#menu_1
{
	background-image: url('/kuvat/menu_fckooteepee.gif');
}
a#menu_2
{
	background-image: url('/kuvat/menu_joukkue.gif');
}
a#menu_3
{
	background-image: url('/kuvat/menu_uutiset.gif');
}
a#menu_4
{
	background-image: url('/kuvat/menu_ottelut.gif');
}
a#menu_5
{
	background-image: url('/kuvat/menu_liput.gif');
}
a#menu_6
{
	background-image: url('/kuvat/menu_juniorit.gif');
}
a#menu_7
{
	background-image: url('/kuvat/menu_fanituotteet.gif');
}
a#menu_8
{
	background-image: url('/kuvat/menu_markkinointi.gif');
}
a#menu_9
{
	background-image: url('/kuvat/menu_yhteistyokumppanit.gif');
}
a#menu_10
{
	background-image: url('/kuvat/menu_yhteystiedot.gif');
}
a#menu_11
{
	background-image: url('/kuvat/menu_palaute.gif');
}


.submenuIndent
{
	margin-left: 20px;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 10px;
}

.submenu
{
	margin-left: 10px;
	font-weight: normal;
	color: white;
}

.submenu:hover
{
	margin-left: 10px;
	font-weight: normal;
	color: #fcff00;
}

/*Footer----------------------------*/	

#footer
{
	float: left;
	width: 914px;
	height: 35px;
	background: #1d7814;
	padding-top: 10px;
	padding-left: 5px;	
	text-align: left;
}

#footer img
{
	position: relative;
	top: 1px;
}

.copyrightit, .copyrightit a
{
	font-family: arial;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}
/*Calendar_front--------------------------*/

.calendar
{
	background: #e3e3e3;
}

.calThisMonth
{
	text-align: center;
	font-size: 12px;
	color: white;
	font-weight: bold;
}

.calMonth a, .calMonth
{
	font-family: arial;
	font-size: 11px;
	color: black;
/* 		font-weight: bold;*/	
	background: #eaecee;
	text-decoration: none;
}

.calWeekday
{
	color: black;
	font-size: 11px;
	text-align: center;
	font-family: arial;
	font-weight: bold;
}

.calWeek
{
	color: black;
	font-weight: bold;
	font-family: arial;
	font-size: 11px;
}

.calDay
{
	font-family: arial;
	font-size: 11px;
	background: #ffffff;
	width: 10px;
}

.calCupHome
{
	background: #fcff00;
}

.calCupVisitor
{
	background: #8bcd44;
}

.calDayHome
{
	background: #f9b607;
}

.calDayVisitor
{
	background: #7eb1ed;
}

.calPraHome
{
	background: #f74210;
	/*			#ff99cc;		#99ccff;	*/
}

.calPraVisitor
{
	background: #cccccc;
}

.calDay, .calDayVisitor, .calDayHome, .calCupHome, .calCupVisitor, .calPraHome, .calPraVisitor
{
	color: black;
	font-size: 11px;
	/* font-weight: bold;
*/		width: 10px;
	text-align: center;
	width: 20px;
	height: 20px;
}

.calDayVisitor a, .calDayHome a, .calCupVisitor a, .calPraHome a
{
	color: white;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
}

 .calCupHome a, .calPraVisitor a
{
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
}

.calLegend
{
	font-size: 11px;
	color: black;
}

/*Matches*/	

.matchInfo-Place, .matchInfo-Time, .matchInfo-Text, .matchInfo-Score
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.matchInfo-Header
{
	color: #888888;
	background: inherit;
	font-weight: bold;
	padding-right: 7px;
}

/*News & Forum Ticker--------------------------Added by: Jyri*/	

#messageContainer
{
	width: 100%;
}

#newsticker, #forumTicker
{
	/*float: left;*/
	width: 100%;
	display: block;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.forumTickerMessage
{
	padding-top: 7px;
	padding-bottom: 7px;
}

#forumTicker
{
	/*float: right;*/
}

.newsticker-news
{
	padding-top: 5px;
	padding-bottom: 5px;
	/* border-bottom: 1px dashed #8cb38a;*/
}

.newstickerHeader, .forumTickerHeader
{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #299722;
}

.newsticker-title, .newsticker-title2, .forumTickerTitle
{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: black;
	background: inherit;
}
.newsticker-title
{
	font-size: 12px;
}
.newsticker-title2
{
	color: #299722;
}

.newsticker-date
{
	font-family: arial;
	font-size: 10px;
	color: #208316;
	/* margin-bottom: 5px;*/	
	background: inherit;
}

.forumTickerDate
{
	font-family: arial;
	font-size: 10px;
	color: #208316;
	/* margin-bottom: 5px;*/	
	background: inherit;
}

.forumTickerText
{
	font-size: 10px;
	font-family: arial;
	/* margin-bottom: 5px;*/	
	font-style: normal;
	color: black;
	background: inherit;
}

.newsticker-ingress, a.feedbackText-link
{
	font-size: 10px;
	font-family: arial;
	/* margin-bottom: 5px;*/	
	font-style: normal;
	color: black;
	background: inherit;
	text-decoration: none;
}
.newsticker-ingress
{
	font-style: italic;
	font-size: 11px;
}
a.newsticker-link, a.newsticker-link:hover
{
	font-size: 10px;
	font-style: normal;
	color: #208316;
	font-family: arial;
}

.news-date, .news-title
{
	font-size: 11px;
	color: #047157;
	background: inherit;
	margin-bottom: 3px;
}

/*NEWS*/	

.news-title, .news-ingress,a.news-link, a.news-link:hover
{
	font-size: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	font-style: normal;
	/* width: 99%; */
}

.news-title
{
	font-weight: bold;
}

.news-ingress
{
	font-size: 12px;
	margin-bottom: 12px;
	font-style: italic;
	color: #047157;
	background: inherit;
}

.news-text
{
	font-size: 11px;
	color: #000000;
	background: inherit;
}

a.news-link, a.news-link:hover
{
	font-size: 12px;
	font-weight: bold;
	color: #047157;
	background: inherit;
	text-decoration: none;
}

a.news-link:hover
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: inherit;
	margin-top: 5px;
	text-decoration: none;
}

.news-image-left
{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}

.news-image-right
{
	float: right;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}

/*Standings------------------*/	

#standings, #standings td
{
	font-size: 10px;
	color: black;
	text-align: center;
	/* padding-top: 3px;*/		
	/* padding-left: 6px;*/	
	padding-bottom: 1px;
	font-family: arial;
}

#standings td.standingsHeader,a.standings
{
	color: black;
	font-size: 11px;
	text-align: left;
	padding-left: 6px;
	font-weight: bold;
	font-family: arial;
	padding-top: 3px;
	padding-bottom: 3px;
}

#standings td.standingsTeam
{
	font-size: 10px;
	text-align: left;
	padding-left: 6px;
	font-family: arial;
}

/*Starplayer---------------------*/	

#starplayer
{
	/* background: #35b545 url("/images/bground_starplayer.gif") repeat-x bottom;*/		
	/* border-bottom: 1px solid white;*/		
	width: 100%;
	color: white;
	font-size: 11px;
	cursor: pointer;
}

.starplayerLastname
{
	color: black;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

.starplayerFirstname
{
	font-weight: bold;
	color: black;
	font-size: 11px;
}

.starplayerBold
{
	font-family: arial;
	color: black;
	font-size: 11px;
}

.starplayerNumber
{
	width: 58px;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

/*team.php*/	

.teamTable
{
	margin-left: auto;
	width: 100%;
	margin-right: auto;
}

.teamImg
{
	width: 100%;
	text-align: center;
	padding-top: 8px;
}

.teamRow td
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.teamTitle td
{
	font-size: 14px;
	font-weight: bold;
	background: #35b545;
	color: #ffffff;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.personInformation, .personLongInformation
{
	width: 100%;
	color: inherit;
}

.personHeading
{
	color: #888888;
	background: inherit;
}

.personHeadingLong
{
	font-size: 14px;
	font-weight: bold;
	color: #35b545;
	background: inherit;
}

.personTitleBar
{
	text-align: left;
	padding-bottom: 8px;
}

.personLeft
{
	width: 138px;
}

.personTeamInfo
{
	color: #000000;
}

.personName
{
	font-size: 15px;
	font-weight: bold;
	background: #35b545;
	color: #ffffff;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.personPosition td
{
	font-size: 12px;
	font-weight: bold;
	background: inherit;
	color: #0c6412;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.personStatusOk td
{
	font-size: 12px;
	font-weight: bold;
	background: inherit;
	color: #35b545;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.personStatusNotOk td
{
	font-size: 12px;
	font-weight: bold;
	background: inherit;
	color: #ff0000;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.personStatusCard td
{
	font-size: 12px;
	font-weight: bold;
	background: inherit;
	color: #d2b82a;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.personRow td
{
	font-size: 12px;
	padding-left: 4px;
	padding-right: 4px;
}

.personRowLong td
{
	font-size: 12px;
	padding-top: 10px;
}

/*matches.php*//*Frontpage*/

#frontPageBanners, #frontPageSideBanners
{
	width: 100%;
	float: left;
	text-align: center;
	color: #519123;
	font-family: arial, sans_serif;
	font-weight: bold;
	font-size: 12px;
}
#frontPageSideBanners
{
	margin-bottom: 6px;
}
#frontPageBanners
{
	margin-top: 27px;
}

#frontPageMatches
{
	width: 100%;
	float: left;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 14px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.matchHeaderNext, .matchHeaderPrevious
{
	font-family: arial;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}

.matchHeaderNext
{
	color: #000000;
}

.matchHeaderPrevious
{
	color: #000000;
}

.matchTable
{
	width: 100%;
	text-align: left;
}

.matchTableRow
{
	padding-top: 6px;
	text-align: left;
	padding-left: 4px;
	font-weight: normal;
	color: blue;
	text-decoration: underline;
}

.matchTableTeamNames td
{
	font-size: 12px;
	color: green;
	text-align: left;
	font-family: arial;
	font-weight: bold;
}

.matchTableScore
{
	font-size: 12px;
	font-weight: bold;
	color: #3eaf37;
	background: inherit;
}

.matchNext
{
	text-align: left;
	width: 48%;
	float: left;
	display: block;
	margin-top: 4px;
	font-size: 10px;
	color: #208316;
}

.matchPrevious
{
	/* border-left: 1px dashed #8cb38a; */
	padding-left: 8px;
	text-align: left;
	font-size: 10px;
	color: #208316;
	width: 49%;
	float: right;
	display: block;
	margin-top: 4px;
}

#matches h1
{
	margin-top: 0px;
	padding-top: 0px;
}

/*CALENDAR TOOLTIP EVENTS*/

#dhtmltooltip
{
	position: absolute;
	visibility: hidden;
	z-index: 100;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
}

.calendarTooltipBox
{
	border-left: 1px solid #208316;
	border-right: 1px solid #208316;
	border-bottom: 1px solid #208316;
	background: white;
	color: #333;
	width: 170px;
}

.calendarTooltipBoxTitle
{
	background: transparent url("/images/Ottelun_tiedot_header.gif") left top no-repeat;
	padding-bottom: 4px;
	height: 29px;
	width: 170px;
}

p.calendarTooltipBoxSeries
{
	width: 162px;
	color: #333;
	background: inherit;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
}

p.calendarTooltipBoxDate
{
	width: 166px;
	color: #333;
	background: inherit;
	font-size: 11px;
	padding-left: 4px;
	padding-bottom: 6px;
}

p.calendarTooltipBoxStadium
{
	width: 162px;
	color: #333;
	background: inherit;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 6px;
}

p.calendarTooltipBoxTeams
{
	width: 162px;
	color: #333;
	background: inherit;
	font-size: 13px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

p.calendarTooltipBoxScore
{
	width: 162px;
	color: #333;
	background: inherit;
	font-size: 11px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

/*calendar_ticker.php*/	

.titlerow-1 td
{
	background: #10801d;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

.contentrow-1 td
{
	background: #bbd5a4;
	color: #08430f;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

.contentrow-2 td
{
	background: #9ebe82;
	color: #08430f;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

/* galluppi */

.gallup
{
	font-family: arial, sans_serif, verdana;
	font-size: 11px;
	color: black;
}

/*browsernotice for old browsers*/

.updateBrowser
{
	display: none;
}


.feedback td
{
	height: auto;

}
.feedbackInput
{
	border: 1px solid #0C6412;

}

div.hr hr
{
	color: white;
	background-color: transparent;
	height: 0px;
	border: none;
}
div.hr
{
	border-bottom: 2px dotted #85b138;
}
