/* Style sheet for Connecting Biigle web pages  -  version: 06.04.19  -  author: Anttu */

/* paavarit */

body              { background-color: #000099;}
body              { background-image:  url('brbb.png');
                    background-repeat: repeat-x;}   

table.banneri     { background-color: #000000; color: #FFFFFF;}
table.otsikko     { background-color: #765C89; color: #FFFFFF;}
table.main        { border-style: void; border-color: #765C89; border-width: 1px;}  

td.pas1           { background-color: #9E4156;
                    background-image:  url('tablebg23.png');
                    background-repeat: repeat-x;
                  }
                  
td.act1, td.pas2  { background-color: #020202;
                    background-image:  url('tablebg23act.png');
                    background-repeat: repeat-x;
                  }

td.act2  td.pas3  { background-color: #0808FF;}
td.act3           { background-color: #0808FF;}

td.main, td.main1, td.main2, td.right 
                  { background-color: #FAFAFA; border-color: #000000;}


.glhead           { background-color: #000088; color: #FFFFFF;}

.gaurl            { background-color: transparent; color: #000088;}

h1                { background-color: transparent; color: #ffffff;}
h2                { background-color: transparent; color: #ff6633;}
h3, .gah3         { background-color: transparent; color: #000088;}

/* perusfontti */

body {
	color :        #000000;
	font-family :  Arial, Tahoma, Helvetica, sans-serif;
	margin-left :  3%;
	margin-right : 3%;
	margin-bottom: 0%;
}

/* perusteksti */

p
{
  margin-top: 5px;
	margin-bottom: 20px;
	font-size :    12px;
}


/* pikku artikkelit */

p.ga 
{
  margin-top: 2px;
	margin-bottom: 2px;
	font-size :    12px;
}

/* banneri*/

.banneri {
width: 842px;
height: 100px;
border-style: void;
padding: 2px;
background-image:url('http://siptune.fi/tietojenpalautus/srbanner.png');
}
.otsikko {
width: 842px;
height: 20px;
border-style: void;
padding: 2px;
background-image:  url('tablebg28.png');
background-repeat: repeat-x;
}

/* ylavalikkotaulu*/

td.pas1, td.act1, td.pas2, td.pas3, td.act3 { 
  border-style: void; text-align: center; padding: 2px; width: 10%
}
td.act2 { 
  border-left: solid; border-right: solid; border-width: 1px; border-color: #FAFAFA; text-align: center; padding: 2px; width: 10%}
td.pas3 { 
  border-left: void; border-right: void; border-width: 1px; border-color: #FAFAFA; text-align: center; padding: 2px; width: 10%}
td.act3 { 
  border-left: solid; border-right: solid; border-width: 1px; border-color: #FAFAFA; text-align: center; padding: 2px; width: 10%}

/* ylavalikkolinkit */

a.pas1:link {color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none;}
a.pas1:visited { color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none;}
a.pas1:hover { color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}
a.pas1:active {color: #FF0000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}

a.pas2:link {color: #000000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none;}
a.pas2:visited { color: #000000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none;}
a.pas2:hover { color: #000000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}
a.pas2:active {color: #FF0000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}

a.act1:link { color: #FF6633; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}
a.act1:visited { color: #FF6633; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}
a.act1:hover { color: #FF6633; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}
a.act1:active { color: #FF0000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}

a.act2:link, a.act3:link { color: #000000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}
a.act2:visited, a.act3:visited { color: #000000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}
a.act2:hover, a.act3:hover { color: #000000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}
a.act2:active, a.act3:active { color: #FF0000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}

a.pas3:link {color: #000000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none;}
a.pas3:visited { color: #000000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none;}
a.pas3:hover { color: #000000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}
a.pas3:active {color: #FF0000; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline;}

/* oikean sarakkeen linkit */

a.rpas { 
  margin-top: 4px; margin-left: 0px; line-height: 11pt; 
}
a.rpas:link {   
  color: #000088; font-size: 11px; text-decoration: underline;
}
a.rpas:visited {
  color: #000088; font-size: 11px; text-decoration: underline;
}
a.rpas:hover {  
  color: #ff6633; font-size: 11px; text-decoration: underline;
}
a.rpas:active { 
  color: #FF0000; font-size: 11px; text-decoration: underline;
}

/* keskisarakkeet */

td.main {
  border-style: void;
  border-width: 0px;
  text-align: left;
  padding: 20px;
  width: 100%;
  font-size : 14px;
}

td.main1 {
  border-style: void;
  border-width: 0px;
  text-align: left;
  padding: 10px;
}
td.main2{
  border-style: void;
  border-width: 0px;
  text-align: left;
  padding: 10px;
  width: 50%;
}


/* oikea sarake */

td.right {
  border-style: solid;
  border-width: 0px;
  text-align: left;
  padding: 2px;
  width: 180px;
}

/*linkkiotsikko */

a.gah3:link, a.gah3:visited, a.gah3:hover {
	font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : 900;
  margin-left : 0%;
	margin-top : 40px;
	text-align: left;
	margin-bottom : -20px;
	text-decoration: underline;
  }

/* pikku-url */

a.gaurl:link, a.gaurl:visited, a.gaurl:hover {
  font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 10px;
	margin-left : 0%;
	margin-top : -20px;
	margin-bottom: 20px;
	text-align: left;
	text-decoration: none;
	line-height: 10px;
}

/* oikean sarakkeen otsikko*/

.glhead {
  color: #FFFFFF;
  font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : 900;
	margin-left : 0%;
	margin-top : 5px;
	text-align: left;
	text-decoration: underline;
}

/* pikku headerit */

.gaupperl {
  background: transparent;
  color: #000000;
  font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 11px;
	margin-left : 0%;
	margin-top : 5px;
	margin-bottom: -8px;
	text-align: left;
	text-decoration: underline;
}

.gaupperr {
  background: transparent;
  color: #000000;
  font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 11px;
	margin-left : 0%;
	margin-top : -15px;
	margin-bottom: 10px;
	text-align: right;
	text-decoration: underline;
}

/* lukijoiden taulukot */

table.taulu {
  border-style: solid;
  border-width: 1px;
  background: #fafafa;
  color: #000000;
  font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 12px;
	padding: 3px;
}

tr.ruskea {
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  background: #765C89;
  color: #ffffff;
  font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : 800;
	padding: 3px;

}

/* bannerin otsikko */

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:18px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left : 2%;
	white-space: nowrap;
	padding: 0px;
}

/* isompi otsikko */

h2 {
	font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : 900;
  margin-left : 0%;
	margin-top : 10px;
	text-align: left;
	margin-bottom : 20px;
	text-decoration: none;
}

/* pienempi otsikko */

h3 {
	font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : 900;
  margin-left : 0%;
	margin-top : 25px;
	text-align: left;
	margin-bottom : 10px;
	text-decoration: none;
  }

/* bannerikuvan otsikko */  
  
h4.white {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height:26px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left : 50px;
	white-space: nowrap;
	padding: 0px;
	color: #FFFFFF;
}
h4.black {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height:26px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left : 50px;
	white-space: nowrap;
	padding: 0px;
	color: #000000;
}
  
h4.blue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height:26px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left : 50px;
	white-space: nowrap;
	padding: 0px;
	color: #000099;
}  
  
/* kuvat*/  
  
img.left {
  float: left;
}

img.right {
  float: right;
}  

/* wikipedia hakulomake */

.portlet {
	border: none;
	margin: 0px;
	padding: 0px;
	float: none;
	width: 180px;
	overflow: hidden;
}
.pBody {
	font-size: 13px;
	background-color: #FAFAFA;
	color: black;
	border: 1px solid #000000;
	padding: .6em 1.2em .2em 1.2em;  /* ylý, oikea, ala, vasen */
}
input.searchButton {
	margin-top: 1px;
	font-size: 13px;
}

/* EOF */