/* Common */
BODY {
	color: Black;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
}

BODY.empty {
	color: Black;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	background: #fff url(images/design/sarja_tausta.jpg) repeat-x;
}

img {
	border: 0px;
}

p {
	margin-top: 0.4em;
	margin-bottom: 0.2em;
}

DIV.Content {
	color : Black;
	background: White;
	font-size : 8pt;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
}

TD { 
	vertical-align: top;
	font-size: 8pt;
}

.varjov {
	background-image: url('images/design/varjo_vasen.gif');
}
.varjoo {
	background-image: url('images/design/varjo_oikea.gif');
}
.varjoa {
	background-image: url('images/design/varjo_ala.gif');
}
.content {
	background: white url('images/design/content_tausta.jpg') repeat-x;
	padding:7px
}
.style1 {
	background-image: url('images/design/menu_tausta.jpg');
}

TABLE.Main {
	
	border: 1px solid #000000;
	background: #FFFFFF;
	height: 100%;
}

td.tuolit {
	font-size: 8pt;
	text-align: center;
	width: 23px;
}

.tuoli {
	border: 1px solid #000000;
	background-color: #F6F0A8;
	width: 23px;
	text-align: center;

}

.tuolivip {
	border: 1px solid #000000;
	background-color: #EDDDB1;
	width: 23px;
	text-align: center;
}

TABLE.Moduli {
	/*border: 1px solid #000000;*/
	background-image: url(images/design/loota_tausta.jpg);
}

TD.Moduli_ylapalkki {
	/*border-bottom: 1px solid #000000;*/
	background-image : url(images/design/moduli_yla.gif);
	height: 19px;
	vertical-align: middle;	
}



TD.ylapalkki {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

TD.alapalkki {
	border-top: 1px solid #000000;
}



A { 	

	font-weight: bold;
	font-size: 9pt;
	color: #000000;  
	text-decoration: none; 
}

A:hover { 	
	color : #999999;

}

a.doNavigatorLink { 
	font-size: 7pt;
	font-weight: normal; 
	border: 1px solid #000000; 
	text-decoration: none; 
	padding: 0 3px; 
	margin: 0 1px; 
	width: 2em;
	display: inline;

}

a.doNavigatorLink:hover { 
	background-color: #C0C0C0;
}

TABLE.joukkue {
	border: 1px solid #C0C0C0;
}

TD.joukkue {
	border-bottom: 1px solid #C0C0C0;
	font-size: 8pt;
	padding: 1em;
	background-color: #F9F9F9;
}

TD.team, td.pelipaikka, td.aika, td.paiva td.tulos {
	font-size : 8pt;
	padding-top: 2px;
}

.tulos a {
	font-size : 8pt;
	padding-top: 2px;	
}

tr.row-b {
	background: #F8F8F8;
	height: 17px;
	padding-top: 2px;
}
tr.row-a {
	background: #EFEFEF;
	height: 17px;
	padding-top: 2px;
}

tr.sarjarow-b {
	background: #F8F8F8;
	height: 15px;
}
tr.sarjarow-a {
	background: #EFEFEF;
	height: 15px;
}

p.etusponsori {
	text-align: center;
	
}

h3 {
	font-family: Trebuchet MS;
	font-size: 16pt
}


/* Menu */
TABLE.MenuBase {
	
}



DIV.etusivu a {
	display: block;
	color:white;
	text-decoration : none;
	font-size: 8pt;
	line-height: 25px;
	font-weight: bold;
	background:url(images/design/etusivu.jpg) no-repeat;padding-left:2em
}

DIV.etusivu a:hover,DIV.L0I a:hover,DIV.L0S a:hover,DIV.L1I a:hover,DIV.L1S a:hover,DIV.L2I a:hover,DIV.L2S a:hover {
	color: #C0C0C0;
}

DIV.L0I a {
	font-weight: normal;
	display: block;
	color:black;
	text-decoration : none;
	font-size: 8pt;
	line-height: 25px;
	background:url(images/design/menuviiva.gif) repeat-x top;padding-left:2em
}


DIV.L0S a {
	font-weight: normal;
	display: block;
	color:grey;
	text-decoration : none;
	font-size: 8pt;
	line-height: 25px;
	background:url(images/design/menuviiva.gif) repeat-x top;padding-left:2em
}

.sisalto {
	padding: 0 0.5em 0 0.5em;
	border-left: 1px solid #D3D3D3;
}

.sivupalkki {
	border-left: 1px solid #D3D3D3;
	padding-left: 5px
}



div.L1I a {
	font-size: 8pt;
	line-height: 19px;
	font-weight: normal;
 	text-decoration: none;
	display: block;
	color: #000000;
	padding-left: 0.3em;
	/*border: 1px solid #000000;*/
	margin-left: 3em;
	margin-bottom: 0.3em;	
}


div.L1S a {
	font-size: 8pt;
	line-height: 19px;
	font-weight: normal;
 	text-decoration: none;
	display: block;
	color: #000000;
	padding-left: 0.3em;
	/*border: 1px solid #000000;*/
	margin-left: 3em;
	margin-bottom: 0.3em;

}

div.L2I a {
	font-size: 8pt;
	line-height: 19px;
	font-weight: normal;
 	text-decoration: none;
	display: block;
	color: #000000;
	padding-left: 0.3em;
	margin-left: 4em;
	
}

div.L2S a {
	font-size: 8pt;
	line-height: 19px;
	font-weight: normal;
 	text-decoration: none;
	display: block;
	color: #000000;
	padding: 0 3px 0 5px;
	margin-left: 4em;
}

div.L3I a {
	font-size: 8pt;
	line-height: 19px;
	font-weight: normal;
 	text-decoration: none;
	display: block;
	color: #000000;
	padding: 0 3px 0 5px;
	margin-left: 4.5em;


	
}

div.L3S a {
	font-size: 8pt;
	line-height: 19px;
	font-weight: normal;
 	text-decoration: none;
	display: block;
	color: #000000;
	padding: 0 3px 0 5px;
	margin-left: 2.5em;

}



a.MenuInc {
	color: black;
	font-weight: bold;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;

}

a.MenuInc:hover {
	color: #808080;
	font-weight: bold;
	text-decoration: none; 
	font-weight: bold;
	font-size: 10px;

}

a.MenuSel {
	color: #808080;
	font-weight: bold;
	text-decoration: none; 
	font-weight: normal;
	font-size: 10px;

}

a.MenuSel:hover {
	color:  #808080;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}


TD.Menu {
	border-right: 1px solid #000000;
}

TD.Logo {
	border-right: 1px solid #000000;
}


.standings_item {
	font-size: 8pt;
}

.standings_team {
	font-size: 8pt;
}

DIV.MenuInc {
	margin-left: 0;
	border: 1px solid #000000;
	margin-top: 0.25em;
	background: #FFD869;
	padding: 0.1em;
	
}

DIV.MenuSel {
	margin-left: 0;
	border: 1px solid #000000;
	margin-top: 0.25em;
	background: #FFD869;
	padding: 0.1em;
}

INPUT.Login {
	color : Black;
	font-weight : bold;
	background-color : #C0C0C0;
	border : 1px solid black;
}

/* Feedback */
.FeedbackBase {

}

.FeedbackHeader {

	font-weight: Bold;
}

/* News */
.NewsArticleBase {
	border-width: 0;
	background: White;
} 

a.NewsArticle {
	text-transform: uppercase;
	font-size: 7pt;
}

a.NewsList {
	font-size: 7pt;
	text-transform: uppercase;
}

.NewsListBase {
	border-width: 0;
	background: White;
} 

.NewsBase {
	border-width: 0;
	/*border: 1px solid #000000;*/
	text-align: left;
}

.NewsDate {
	font-size : 7pt;
}

TD.NewsHeader {
	/*background: #F9A205;*/
	background-image : url(images/design/moduli_yla.gif);	
	font-weight: Bold;
	border-bottom: 1px solid #000000;
	text-align: left;
}

.NewsOtsikko {
	font-size : 12pt;	
}

TD.NewsContHeader {
	background: White;
	font-weight: Bold;
	text-align: left;

}

TD.uutisotsikko {
	font-family: Trebuchet MS;
	font-size: 16pt;
}

a.etusivu_uutisotsikko {
	font-family: Trebuchet MS;
	font-size: 12pt;
}

.ingress {
	font-weight: Bold;
}

.luelisaa a {
	font-size:7pt;
}

.author {
	padding: 1em;
	font-size: 11pt;
}

/* Quiz */
.QuizBase {
	background: #6E94B7;
}

.QuizHeader {
	background: #6E94B7;
}

.QuizQuestion {
	background: #AFC6DB;
	font-weight: Bold;
}

.QuizContent {
	background: White;
}

/* Forum */
.ForumBase {
	background: #6E94B7;	
}

.ForumHeader {
	background: #AFC6DB;
	font-weight: Bold;
}

.ForumContent {
	background: White;
	font-weight: Normal;
}

.ForumThreadSel {
	font-weight:  Bold;
	background: #AFC6DB;
}

.ForumThreadInc {
	background: White;
}

.ForumMessageEvenHeader {
	background: #BFD6EB;
	font-weight: Bold;
	margin-left: 0.5em;
}

.ForumMessageEvenContent {
	background: #BFD6EB;
	margin-left: 0.5em;
	font-weight: Normal;
}

.ForumMessageOddHeader {
	background: White;
	font-weight: Bold;
	margin-left: 0.5em;
}

.ForumMessageOddContent {
	background: White;
	margin-left: 0.5em;
	font-weight: Normal;
}

.ForumListHeader {
	background: #BFD6EB;
	font-weight: Bold;
}

.ForumListContent {
	background: White;
	font-weight: Normal;
}

.doListBase {
	/*border-spacing: 10px;*/
}

TABLE.doMessageBase {
	border-top: 1px solid #8B8B8B;
	width: 570px;
	font-family: verdana;
	background-image: url(images/design/loota_tausta.jpg) repeat-x;
}

TD.VierasViesti {
	font-size: 8pt;
}

TD.VierasPaiva {
	font-size: 7pt;
}

TD.VierasNimi {
	font-weight: Bold;	
}

TD.gallery {
	text-align: center;
	padding: 1em;
	
}

#kuvagalleria img {
	padding: 8px;
	border: 1px solid #C0C0C0;
	background-color: #fff;
}

#kuvagalleria:hover img {
	padding: 8px;
	border: 1px solid #808080;
}

TD.galleria {
	padding: 10px;
}

.galleria img {
	border: 1px solid #DADADA;
	padding: 8px;
	background: #FAFAFA;
}

a.doSelectLink {
  padding: 8px;
  border: 1px solid #C0C0C0;

}

a.doSelectLink:hover {
  padding: 8px;
  border: 1px solid #808080;

}

.doListRowEven {
	background: #F8F8F8;
	padding: 3px
}

.doListRowOdd {
	background: #EFEFEF;
	padding: 3px
}

.doListRowEven td {
	padding: 3px
}

.doListRowOdd td {
	padding: 3px
}

.doNavigatorBase {
	width: 400px
}

a.CommentAdd {
	color: #FF8000
}

a.CommentAdd:hover {
	color: #CE6700
}


.doActionLinkVieraskirja {
	display: block;
	padding: 3px;
	width: 150px;
	border: 1px solid #C0C0C0;
	background-color:#EFEFEF;
}

/* Update */
table.UpdateTable { 
  border-collapse: collapse;
}

td.UpdateTab {
  padding: 0.5em;  
  width: 134px;
  height: 30px;
  background: url(images/design/top_button.jpg) no-repeat;
  text-align: center;
}

td.UpdateTab a {
  text-decoration: none;
  color: #000000;
  font-size: 8pt;
}

td.UpdateTabSelected {
  padding: 0.5em;  
  width: 134px;
  height: 30px;
  background: url(images/design/top_button.jpg) no-repeat;
  text-align: center;
}

td.UpdateTabSelected a {
  text-decoration: none;
  color: #000000;
  font-weight: bold;  
}

td.UpdateTabEmpty {
  /*border-top: 1px solid black;
  border-bottom: 2px solid silver;
  border-left: 1px solid black;
  border-right: 1px solid black;
  background: rgb(236,233,216);
  border-collapse: collapse;
  height: 1em;*/
  padding: 0.5em;  
  width: 135px;
  height: 30px;
  background: url(images/design/close_button.jpg) no-repeat;
  text-align: center;
}

td.UpdateTabEmpty a {
  text-decoration: none;
  color: #000000;
}

td.UpdateContent {
  border-top: 1px solid black;
  border-bottom: 0px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  background: #F6F5F1;
  padding: 1em;
  border-collapse: collapse;
  vertical-align: top;
}

div.UpdateListItem {
  background: transparent;
  border-bottom: 1px solid gray;
}

td.UpdateNodeHead {
  background: rgb(236,233,216);
  font-weight: bold;
  border-left: 1px solid black;
  vertical-align: bottom
}

td.UpdateNodesBase {
  vertical-align: top;
  background: white;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  border-top: 1px solid black;
  border-bottom: 0px solid black;
  border-left: 1px solid black;
  border-right: 0px solid black;
}

td.UpdateDomainsBase {
  background: rgb(236,233,216);
  vertical-align: top;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px solid black;
  border-right: 1px solid black;
  padding-left: 0.5em;
}

td.UpdateLanguageBase {
  background: rgb(236,233,216);
  vertical-align: top;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 0px solid black;
  padding-left: 0.5em;
}


div.UpdateNodeName {
  font-size: 1.5em;
  background: transparent;
  border-bottom: 2px solid gray;
  vertical-align: top;
}

div.UpdateMessage {
  font-weight: bold;
  text-decoration: underline;
  background: rgb(208,208,208);
  border: 1px dashed rgb(153,204,255);
  padding: 0.5em; 
}


td.UpdateForm {
  background: transparent;
}

a.UpdateSubmit, input.UpdateSubmit, button.UpdateSubmit {
  background-color: rgb(244,244,240);
  border-top: 2px solid rgb(223,223,223);
  border-bottom: 2px solid rgb(191,191,191);
  border-left: 2px solid rgb(223,223,223);
  border-right: 2px solid rgb(191,191,191); 
  text-decoration: none;
  padding: 3px;
  color: black
}

a.UpdateNodeLink {
  text-decoration: none;
  color: blue;
}

a.UpdateNodeLink:link {
}

a.UpdateNodeLink:visited {
}

a.UpdateNodeLink:hover {
  color: red;
}

a.UpdateNodeLink:active {
}

td.UpdateVersionNotSelected {
  background-color: rgb(236,233,216);
  border: 2px solid gray;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

div.UpdateVersionNotActive {
  color: black;
  background: transparent;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
}

td.UpdateVersionSelected {
  background: rgb(191,191,191);
  border: 2px solid gray;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  
}
div.UpdateVersionActive {
  font-weight: bold;
  background: transparent;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
}