/***  pallonet.css - Styles for website http://pallo.net/  ***/


/***  General styles for the page elements  ***/


body, th, td, input, select, textarea { font-family: Arial, sans-serif; font-size: 12px; }

body { margin: 0px; border: 0px; padding: 0px; color: black; background: #f3f3f3 url("/kuvia/bgbody.gif"); }

textarea { background: #e6f3ff; border: 1px solid #036; }
input { background: #e6f3ff; border: 1px solid #036; }
input.button { background: white; border: 0px; }

a:link { color: #039; text-decoration: underline; }
a:visited { color: #039; text-decoration: underline; }
a:hover { color: #09f; text-decoration: underline; }
a:active { color: red; text-decoration: underline; }

.screen { background: white; }

.path { text-align: right; padding: 4px 11px 3px 0px; }
.path a:link { color: black; text-decoration: none; }
.path a:visited { color: black; text-decoration: none; }
.path a:hover { color: black; text-decoration: underline; }
.path a:active { color: red; text-decoration: none; }

.basic { margin: 0px 0px 15px 50px; border-bottom: 1px solid #036; border-collapse: collapse; empty-cells: show; clear: both; }
.basic tr.odd { background: white; }
.basic tr.even { background: #f2f9ff; }
.basic th { color: #036; border-bottom: 1px solid #036; background: #e6f3ff; }
.basic th, .basic td { padding: 1px 2px; }

.plain { margin: 0px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.plain th { border-bottom: 1px solid black; }
.plain th, .plain td { padding: 0px; line-height: 16px; }

.archive { background: #f2f9ff; margin: 0px 0px 15px 50px; border-bottom: 1px solid black; border-collapse: collapse; empty-cells: show; }
.archive th { border-bottom: 1px solid black; font-weight: normal; }
.archive th, .archive td { padding: 2px 4px 2px 3px; text-align: left; }
.archive a:link { color: black; text-decoration: none; }
.archive a:visited { color: black; text-decoration: none; }
.archive a:hover { color: black; text-decoration: underline; }
.archive a:active { color: red; text-decoration: none; }

.news { margin: 30px 0px 15px 50px; border-collapse: collapse; }
.news td { padding: 2px 0px; }
.news td.date { text-align: right; border-bottom: 1px solid black; }
.news td.header { color: #036; font-weight: bold; border-bottom: 1px solid black; }
.news td.text { text-align: justify; padding-bottom: 15px; line-height: 16px; }
.news td.text img.newsimage { border: 2px solid #bdf; margin: 3px 0px 5px 10px; }

.calendar { margin: 30px 0px 15px 50px; border-collapse: collapse; }
.calendar td { padding: 1px 0px; }
.calendar td.date { color: #036; border-bottom: 1px solid black; font-weight: bold; padding-right: 40px; }
.calendar td.title { color: #036; border-bottom: 1px solid black; font-weight: bold; padding-right: 20px; }

.smresult { margin: 0px 0px 15px 50px; border-bottom: 1px solid black; border-collapse: collapse; empty-cells: show; }
.smresult th { border-bottom: 1px solid black; }
.smresult th, .smresult td { padding: 0px; line-height: 16px; }
.smresult .text { color: #888; }

.smpilotlist { margin: 0px 0px 15px 50px; border-bottom: 1px solid #036; border-collapse: collapse; empty-cells: show; clear: both; }
.smpilotlist tr.odd { background: white; }
.smpilotlist tr.even { background: #f2f9ff; }
.smpilotlist th { color: #036; border-bottom: 1px solid #036; background: #e6f3ff; }
.smpilotlist th, .smpilotlist td { padding: 1px 2px; }

.smtops { margin: 20px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.smtops td { padding: 1px 0px; }
.smtops .rank { padding-bottom: 10px; }
.smtops .name { font-size: 14px; font-weight: bold; }
.smtops .club { font-size: 14px; padding-bottom: 10px; }
.smtops .score { font-size: 16px; font-weight: bold; padding-bottom: 10px; }

.cupresult { margin: 0px 0px 15px 50px; border-bottom: 1px solid black; border-collapse: collapse; empty-cells: show; }
.cupresult th { border-bottom: 1px solid black; }
.cupresult th, .cupresult td { padding: 0px; line-height: 16px; }
.cupresult .text { color: #888; }

.cupyeartops { margin: 20px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.cupyeartops td { padding: 1px 0px; }
.cupyeartops .rank { padding-bottom: 10px; }
.cupyeartops .name { font-size: 14px; font-weight: bold; }
.cupyeartops .club { font-size: 14px; padding-bottom: 10px; }
.cupyeartops .score { font-size: 16px; font-weight: bold; padding-bottom: 10px; }

.cupeventwinners { margin: 0px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.cupeventwinners td { padding: 0px; line-height: 16px; }
.cupeventwinners .event { font-weight: bold; }

.cupeventdata { line-height: 16px; text-align: justify; margin: 0px 0px 15px 75px; }

.eventflights { margin: 0px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.eventflights td { padding: 0px; line-height: 16px; }

.smprizes { margin: 0px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.smprizes td { padding: 0px; line-height: 16px; }

.cupprizes { margin: 0px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.cupprizes td { padding: 0px; line-height: 16px; }

.mlmprizes { margin: 0px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.mlmprizes td { padding: 0px; line-height: 16px; }

.mlm { margin: 20px 0px 16px 50px; border-collapse: collapse; empty-cells: show; text-align: justify; }
.mlm td { line-height: 16px; }
.mlm tr.top { padding: 1px 0px; color: #036; font-weight: bold; }
.mlm tr.best td { background: #e6f3ff; }
.mlm tr.other td { border-bottom: 1px solid black; }
.mlm table { margin-top: 1px; }
.mlm table td.bot { padding-top: 16px; }

.mlmtops { margin: 20px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.mlmtops td { padding: 1px 0px; }
.mlmtops .rank { color: #666; font-size: 20px; font-weight: bold; padding-bottom: 10px; }
.mlmtops .name { font-size: 14px; font-weight: bold; }
.mlmtops .club { font-size: 14px; padding-bottom: 10px; }
.mlmtops .dist { font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.mlmtops .cup { color: #999; font-size: 16px; font-weight: bold; padding-bottom: 10px; }

.mlmresultlist { margin: 0px 0px 15px 50px; border-bottom: 1px solid black; border-collapse: collapse; empty-cells: show; }
.mlmresultlist th { border-bottom: 1px solid black; }
.mlmresultlist th, .mlmresultlist td { padding: 0px; line-height: 16px; }

.compresult { margin: 0px 0px 15px 50px; border-bottom: 1px solid black; border-collapse: collapse; empty-cells: show; }
.compresult th { border-bottom: 1px solid black; }
.compresult th, .compresult td { padding: 0px; line-height: 16px; }
.compresult .text { color: #888; }

.comppilotlist { margin: 0px 0px 15px 50px; border-bottom: 1px solid #036; border-collapse: collapse; empty-cells: show; clear: both; }
.comppilotlist tr.odd { background: white; }
.comppilotlist tr.even { background: #f2f9ff; }
.comppilotlist th { color: #036; border-bottom: 1px solid #036; background: #e6f3ff; }
.comppilotlist th, .comppilotlist td { padding: 1px 2px; }

.comptops { margin: 20px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.comptops td { padding: 1px 0px; }
.comptops .rank { padding-bottom: 10px; }
.comptops .name { font-size: 14px; font-weight: bold; }
.comptops .name img { border: 1px solid black; }
.comptops .score { font-size: 16px; font-weight: bold; padding-bottom: 10px; }

.compteams { margin: 0px 0px 15px 50px; border-collapse: collapse; empty-cells: show; }
.compteams td { padding: 1px 0px; }
.compteams .rank { color: #666; font-size: 20px; font-weight: bold; }
.compteams .nat { font-size: 14px; font-weight: bold; }
.compteams .nat img { border: 1px solid black; }
.compteams .pilot { font-size: 12px; }
.compteams .score { font-size: 16px; font-weight: bold; }

.compfinns { margin: 30px 0px 15px 50px; border-collapse: collapse; }
.compfinns td { padding: 1px 0px; /*line-height: 16px;*/ }
.compfinns td.header { color: #036; font-weight: bold; border-bottom: 1px solid black; }

.iblock { margin: 0px 0px 3px 50px; border-collapse: collapse; empty-cells: show; }
.iblock td { padding: 1px 2px 1px 0px; }
.iblock td.archived { font-size: 10px; line-height: 12px; }
.iblock img.display { border: 2px solid #bdf; }
.icaption1 { margin: 0px 0px 15px 50px; }
.icaption2 { text-align: justify; }

.invitation { margin: 20px 0px 15px 50px; border-collapse: collapse; }
.invitation td { padding: 1px 0px; text-align: left; vertical-align: top; }
.invitation td.event { color: #036; border-bottom: 1px solid black; font-weight: bold; }

.reca { margin: 20px 0px 15px 50px; border-bottom: 1px solid black; border-collapse: collapse; }
.reca .header { font-weight: bold; border-bottom: 1px solid black; }
.reca .strong { font-weight: bold; }
.reca .row { padding-top: 10px; }
.reca .botrow { padding: 10px 0px; }
.recb { margin: 20px 0px 15px 50px; border-bottom: 1px solid black; border-collapse: collapse; }
.recb td { padding: 1px 0px; }
.recb .header { border-bottom: 1px solid black; font-weight: bold; }
.recc { margin: 20px 0px 15px 50px; line-height: 16px; text-align: justify; border-bottom: 1px solid black; border-collapse: collapse; }
.recc .strong { font-weight: bold; }
.recc .topline { border-top: 1px solid black; }
.recc .botline { border-bottom: 1px solid black; }
.norec { color: #aaa; }

.galentries { margin: 20px 0px 15px 50px; }
.galentries td { padding-bottom: 6px; width: 90px; text-align: center; vertical-align: top; }
.galentries img.thumb { border: 1px solid black; }
.galentries .name { font-size: 11px; }
.galentries a:link { color: black; text-decoration: none; }
.galentries a:visited { color: black; text-decoration: none; }
.galentries a:hover { color: black; text-decoration: none; }
.galentries a:active { color: red; text-decoration: none; }
.noname { color: #aaa; }
.galnavi { position: absolute; top: 260px; left: 292px; }
.gallist { margin: 20px 0px 15px 50px; }
.gallist td { line-height: 16px; }
.gallist td table td { line-height: 16px; }
.gallist td.header { color: #036; font-weight: bold; border-bottom: 1px solid black; }
.gallist td.sizea { padding: 4px 0px 12px 0px; }
.gallist img.sizea { border: 1px solid black; }
.gallist td.data { padding: 2px 0px 16px 0px; }
td.remark { padding: 16px 0px; text-align: justify; }

img.gallery { border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
.gallery td.sizec { padding-top: 2px; font-size: 10px; line-height: 12px; }
.galbaldata { margin-top: 16px; }
.galbaldata td { line-height: 16px; }
.galbaldata .header { color: #036; font-weight: bold; border-bottom: 1px solid black; }
.galbaldata .head2 { color: #036; font-weight: bold; }
.galbaldata .head3 { border-top: 1px solid black; }
.galbaldata .text { text-align: justify; }
.galbaldata a.update:link { color: #a00; }
.galbaldata a.update:visited { color: #a00; }
.galbaldata a.update:hover { color: red; }
.galbaldata a.update:active { color: red; }

.award { margin: /*30px*/ 0px 0px 15px 50px; border-collapse: collapse; }
.award td { padding: 2px 0px; }
.award td.id { font-size: 14px; font-weight: bold; text-align: right; border-bottom: 1px solid black; }
.award td.to { font-size: 14px; font-weight: bold; border-bottom: 1px solid black; }
.award td.for { text-align: justify; padding-bottom: 15px; line-height: 16px; }

.damilink { color: #aaa; }


/***  Building the frontpage  ***/


.fpleft { padding: 18px 28px 20px 0px; }
.fpleft h1 { color: #036; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; font-size: 18px; text-transform: uppercase; margin: 0px 0px 15px 0px; clear: both; }
.fpleft h1 img { vertical-align: middle; }
.fpleft h2 { color: #036; font-size: 12px; line-height: 16px; font-weight: bold; margin: 0px 0px 0px 50px; clear: both; }
.fpleft p { line-height: 16px; text-align: justify; margin: 0px 0px 15px 50px; }
.fpleft p img.borders { border: 2px solid #bdf; margin: 3px 0px 5px 10px; }

.fpright { padding-top: 21px; padding-bottom: 20px; }

.taulufp { margin-bottom: 5px; }
.taulufp .vasen { background: url("/kuvia/varjovasen.gif") repeat-y left; }
.taulufp .keski { background: #f1f8ff url("/kuvia/bgoikeataulukkofp.gif") repeat-x top; }
.taulufp .oikea { background: url("/kuvia/varjooikea.gif") repeat-y left; }
.taulufp .keski a:link { color: black; text-decoration: none; }
.taulufp .keski a:visited { color: black; text-decoration: none; }
.taulufp .keski a:hover { color: black; text-decoration: underline; }
.taulufp .keski a:active { color: red; text-decoration: none; }
.taulufp .keski .mainos { font-size: 11px; line-height: 14px; padding: 10px 0px; text-align: center; font-weight: bold; }
.taulufp .keski .mainos a:link { color: #036; text-decoration: none; }
.taulufp .keski .mainos a:visited { color: #036; text-decoration: none; }
.taulufp .keski .mainos a:hover { color: #036; text-decoration: underline; }
.taulufp .keski .mainos a:active { color: #036; color: red; text-decoration: none; }
.taulufp .keski .kalenteri { line-height: 16px; padding: 10px 0px 10px 16px; }
.taulufp .keski .navi { line-height: 14px; }
.taulufp .keski .navi a:link { color: black; text-decoration: none; }
.taulufp .keski .navi a:visited { color: black; text-decoration: none; }
.taulufp .keski .navi a:hover { color: black; text-decoration: underline; }
.taulufp .keski .navi a:active { color: red; text-decoration: none; }
.taulufp .sizea { padding: 6px 0px 2px 0px; text-align: center; }
.taulufp .sizea img { border: 1px solid black; }
.taulufp .keski a.sizea:link { font-size: 11px; color: black; text-decoration: none; }
.taulufp .keski a.sizea:visited { font-size: 11px; color: black; text-decoration: none; }
.taulufp .keski a.sizea:hover { font-size: 11px; color: black; text-decoration: none; }
.taulufp .keski a.sizea:active { font-size: 11px; color: red; text-decoration: none; }
.taulufp .current { padding: 6px 0px 2px 0px; text-align: center; }
.taulufp .current img { border: 1px solid black; }
.taulufp .keski a.current:link { font-size: 11px; color: black; text-decoration: none; }
.taulufp .keski a.current:visited { font-size: 11px; color: black; text-decoration: none; }
.taulufp .keski a.current:hover { font-size: 11px; color: black; text-decoration: none; }
.taulufp .keski a.current:active { font-size: 11px; color: red; text-decoration: none; }


/***  Building a normal page  ***/


.pleft { padding: 18px 28px 20px 0px; }
.pleft h1 { color: #036; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; font-size: 18px; text-transform: uppercase; margin: 0px 0px 15px 0px; clear: both; }
.pleft h1 img { vertical-align: middle; }
.pleft h2 { color: #036; font-size: 14px; font-weight: bold; margin: 0px 0px 15px 50px; clear: both; }
.pleft p { line-height: 16px; text-align: justify; margin: 0px 0px 15px 50px; }
.pleft p img.borders { border: 2px solid #bdf; margin: 3px 0px 5px 10px; }
.pleft ul { line-height: 16px; text-align: justify; margin: 0px 0px 15px 67px; }

.pright { padding-top: 21px; padding-bottom: 20px; }

.taulup { margin-bottom: 5px; }
.taulup .vasen { background: url("/kuvia/varjovasen.gif") repeat-y left; }
.taulup .keski { background: #fdfeff url("/kuvia/bgoikeataulukkop.gif") repeat-x top; }
.taulup .oikea { background: url("/kuvia/varjooikea.gif") repeat-y left; }
.taulup .keski div { line-height: 16px; padding: 10px 0px 10px 16px; }
.taulup .keski a:link { color: black; text-decoration: none; }
.taulup .keski a:visited { color: black; text-decoration: none; }
.taulup .keski a:hover { color: black; text-decoration: underline; }
.taulup .keski a:active { color: red; text-decoration: none; }
.taulup .keski .navi { line-height: 14px; }
.taulup .keski .navi a:link { color: black; text-decoration: none; }
.taulup .keski .navi a:visited { color: black; text-decoration: none; }
.taulup .keski .navi a:hover { color: black; text-decoration: underline; }
.taulup .keski .navi a:active { color: red; text-decoration: none; }

.sum { font-weight: bold; }


/***  Building a page without navigation on right  ***/


.page { padding: 18px 0px 20px 0px; }
.page h1 { color: #036; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; font-size: 18px; text-transform: uppercase; margin: 0px 0px 15px 0px; clear: both; }
.page h1 img { vertical-align: middle; }
.page h2 { color: #036; font-size: 14px; font-weight: bold; margin: 0px 0px 15px 50px; clear: both; }
.page p { line-height: 16px; text-align: justify; margin: 0px 0px 15px 50px; }
.page p img.borders { border: 2px solid #bdf; margin: 3px 0px 5px 10px; }


/***  For the table of content  ***/


.toc { margin-left: 50px; }
.toc a:link { color: black; text-decoration: none; }
.toc a:visited { color: black; text-decoration: none; }
.toc a:hover { color: black; text-decoration: underline; }
.toc a:active { color: red; text-decoration: none; }

.level1 { padding-left: 0px; }
.level2 { padding-left: 40px; }
.level3 { padding-left: 80px; }


/***  ende  ***/