/*******************************************************************************
Urheilututkimustietokannan CSS 2010, päivitetty viimeksi 3/2016.
Mobiilia responsiivisuutta lisätty 7/2018
Tuomas Vihinen, KIHU.
/******************************************************************************/
body {
background-color: #d8d8d8;
background-image: url('../images/body_back.png');
background-repeat: repeat-x;
color: #2d2d2d;
width: 100%;
font-size: 15px;
font-family: Arial;
padding: 0em;
margin: 0em;
line-height: 140%;
}
h1 {
font-size: 150%;
color: #0161a7;
}
h2,h3,h4,h5,h6 {
font-size: 125%;
color: #0161a7;
margin-bottom: 0.4em;
}
h2 {
color: #181818;
}
.publication_header {
font-size:125%;
float: left;
clear: both;
text-transform: lowercase !important;
padding: 0.5em;
}
.publication_header:first-letter{
text-transform: uppercase !important;    
}
.captcha {
float: left;
clear: both;
width: 10em;
padding:1em;
}
#julkiset {
background-color: green;
border: 2px green solid;
}
#poistetut {
background-color: red;
border: 2px red solid;
}
.errorlist {
color: red;
}
#new_publication {
margin-top: 4em;
}
#adding_new {
width: 200%;
border: 1px;
border-color: #181818;
border-style: solid;
}
#adding_new td {
border-left: 1px;
border-right: 0px;
border-top: 1px;
border-bottom: 1px;
border-color: #181818;
border-style: solid;
}
#publisher_introduction {
background-color: #eaeaea;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border: 1px;
border-top: 0px;
border-style: solid;
border-color: #cccccc;
padding-right: 0.5em;
padding-left: 1.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#frontpage_updates {
border: 1px;
border-style: solid;
border-color: #181818;
padding: 0.5em;
}
#free_database {
color: white;
font-weight: bolder;
position: absolute;
font-family: Verdana, Geneva, Tahoma, sans-serif;
margin-left: 285px;
margin-top: 62px;
}
#submit_suomi {
background-image: url('../images/Lippu_Suomi.png');
background-repeat: no-repeat;
background-position: top center;
font-size: 0%;
border-width: 0px;
}
#submit_ruotsi {
background-image: url('../images/Lippu_Ruotsi.png');
background-repeat: no-repeat;
background-position: top center;
font-size: 0%;
border-width: 0px;
}
#submit_englanti {
background-image: url('../images/Lippu_Englanti.png');
background-repeat: no-repeat;
background-position: top center;
font-size: 0%;
border-width: 0px;
}
.row_even {
background-color: silver;
}
.row_odd {
background-color: white;
}
a {
color: #0161a7;
text-decoration: none;
}
a:active {
color: navy;
}
a:hover {
color: #181818;
text-decoration: underline;
}
img {
border: 0px;
}
input {
float: left;
font-size: smaller;
}
input[type=submit] {
margin-left: 0.25em;
margin-top: 1.5em;
padding:0.5em;

-moz-border-radius: 3px;
border-radius: 3px;
background-color:white;
}
input[type=reset] {
margin-left: 1em;
margin-top: 1.5em;
background-color: #5d9bd8;
color: white;
border: 0px;
font-size:125%;
}
input[type=checkbox] {
float: left;
clear: left;
}
input[type=text] {
}
.language_button {
width: 31px;
height: 16px;
}
hr {
color: navy;
}
label {
float: left;
width: 11em;
min-height: 1em;
}
.search_page_choice_label {
float: left;
width: 10em;
min-height: 1em;
}
.tab {
width: 150px;
height: 44px;
float: left;
padding: 0;
margin: 0;
margin-right: 0.5em;
text-align: left;
z-index: 100;
text-transform: uppercase;
background-image: url('../images/tab_image_black.png');
background-repeat: repeat-x;
background-position: bottom left;
}
.tab_selected {
color: #ed6c1b;
width: 150px;
height: 44px;
float: left;
padding: 0;
margin: 0;
margin-right: 0.5em;
text-align: left;
z-index: 100;
text-transform: uppercase;
background-image: url('../images/tab_image_orange.png');
background-repeat: repeat-x;
background-position: bottom left;
}
.tab a {
color: #181818;
text-decoration: none;
}
.tab_selected a {
color: #ed6c1b;
text-decoration: none;
}
.tab a:hover {
text-decoration: none;
}
.tab_selected a:hover {
text-decoration: none;
}
.expandable {
cursor: pointer;
}
.image_with_margin {
margin-bottom: 2em;
margin-right: 1em;
}
.no_top_margin {
margin-top: -5px;
padding-top: 0px;
}
.justify {
margin-left: 1em;
text-align: justify;
}
#search_words {
float: left;
clear: both;
padding-top: 0.5em;
padding-right: 0.7em;
padding-bottom: 0.3em;
padding-left: 0.4em;
margin-top: 0.4em;
margin-right: 0pt;
margin-bottom: 1em;
margin-left: 0pt;
line-height: 2.07692em;
white-space: nowrap;
background-color: #eaeaea;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border: 1px;
border-style: solid;
border-color: #cccccc;
}
.header2 {
height: 60px;
padding-top: 100px;
padding-left: 3%;
width: 77%;
float: left;
margin-top: 0px;
}
.content {
float: left;
clear: both;
}
.recent_item {
clear: both;
padding-bottom: 0.2em;
min-height: 40px;
font-size: 80%;
line-height: 110%;
width: 250px;
}
.recent_item_list {
clear: both;
padding-bottom: 0.5em;
min-height: 40px;
width: 500px;
}
.recent_item_title {
float: left;
width: 150px;
padding-bottom: 0.7em;
}
.recent_item_even {
}
.recent_item_odd {
}
.logo {
padding-left: 0.5em;
}
.logo_image {
margin-bottom: 15px;
margin-right: 1.5em;
float: left;
width: 50px;
}
.logo_image_list {
margin-bottom: 50px;
margin-right: 2em;
float: left;
width: 50px;
}
.book_button {
cursor: pointer;
cursor: hand;
}
div.form_field>label {
float: left;
clear: left;
width: 12em;
font-weight: bold;
}
div.form_field {
display: block;
clear:both;
}
div.inline_form_field {
float:left;
clear:none;
}
div.form_field>input,div.form_field>select,div.form_field>textarea {
float: left;
clear: right;
}
div.form_field>ul {
display: inline;
list-style: none;
}
div.recent_item>a {
text-decoration: none;
}
.warning {
color: red;
}
.t {
background-color: #e7edf0;
}
fieldset {
background-color: white;
}
.search_page_choices {
float: left;
width: 15em;
margin-bottom: 1em;
margin-top: 1em;
padding-top: 0.15em;
padding-right: 0.2em;
padding-bottom: 0.15em;
padding-left: 0.2em;
margin-top: 0.23077em;
margin-right: 0pt;
margin-bottom: 0.5em;
margin-left: 0.5em;
background-color: #eaeaea;
border: 1px;
border-style: solid;
border-color: #cccccc;
-moz-border-radius: 3px;
border-radius: 3px;
}
#search_page_choices_publishers {
width: 90%;
}
#search_page_choices_publishers label {
width: 80%;
}
.search_page_choice {
padding-left: 1em;
}
.search_page_choices_header {
clear: both;
font-weight: bolder;
}
legend {
background: white;
border: 1px solid #181818;
padding: 2px 6px;
}
.top {
height: 20px;
padding-left: 1em;
padding-right: 1em;
text-align: left;
vertical-align: top;
font-size: x-small;
}
.top a {
color: white;
}
.top_left {
text-align: left;
width: 48%;
float: left;
}
.top_right {
text-align: right;
width: 48%;
float: right;
}
.language_choices {
margin-top: 1em;
text-align: center;
}
.container {
width: 1100px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
background-image: url('../images/container_back.png');
background-repeat: repeat-y;
background-position: left top;
}
.links {
margin: 0px;
height: 50px;
z-index: 98;
float: left;
clear: left;
}
.login_clear {
width: 50%;
padding: 2%;
margin-left: auto;
margin-right: auto;
}
.login_div {
width: 50%;
background-color: #cbe2f0;
padding: 2%;
margin-left: auto;
margin-right: auto;
}
.left {
z-index: 49;
float: left;
width: 203px;
margin: 0px;
background-image: url('../images/left.png');
background-repeat: no-repeat;
background-color: #aac5dc;
min-height: 550px;
height: 100%;
}
.right {
z-index: 50;
float: left;
width: 550px;
padding-left: 3%;
padding-right: 2.5%;
padding-bottom: 0%;
padding-top: 0.3em;
min-height: 450px;
border-style: hidden solid hidden hidden;
border-color: #AAAAAA;
border-right-width: 1px;
}
.special_column {
margin-left: 1em;
z-index: 51;
float: left;
width: 250px;
min-height: 400px;
padding: 0.3em;
}
#left_search_submit {
background-color: transparent;
background-image: url('../images/searchButton.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right top;
float: right;
clear: none;
margin-right: -3px;
}
#search_keywords {
background-color: transparent;
background-image: url('../images/searchTextfield.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
width: 250px;
border: 0px;
height: 20px;
padding-left:0.25em;
}
#left_search {
background-color: transparent;
background-image: url('../images/searchTextfield.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
clear: none;
width: 150px;
border: 0px;
height: 20px;
}
.left-margin-bottom {
background-color: #efefef;
}
.bookshelf {
margin-bottom: 1.5em;
padding-left: 1em;
min-height: 35px;
float: left;
width: 90%;
clear: both;
}
#bookshelf_book {
width: 70px;
float: left;
}
#bookshelf_link {
vertical-align: middle;
float: left;
clear: both;
}
#bookshelf_first_items {
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: -1em;
margin-right: 1em;
}
.bookshelf_first_item {
font-size: 80%;
line-height: 100%;
margin-left: 0em;
padding-left: 0em;
color: #0161a7;
}
.left_column {
padding-left: 0.65em;
float: left;
clear: both;
width: 190px;
padding-bottom: 1em;
}
#logos {
text-align: center;
padding-top: 1em;
}
.footer {
float: right;
height: 50px;
width: 1100px;
padding-top: 0px;
font-size: x-small;
color: #efefef;
height: 50px;
z-index: 30;
}
.footer_links {
color: gray;
text-transform: uppercase;
}
.footer_material {
border-style: solid hidden solid hidden;
border-color: #AAAAAA;
border-top-width: 2px;
border-bottom-width: 1px;
height: 63px;
padding-top: 2.5em;
}
#footer_first {
width: 203px;
background-color: #aac5dc;
float: left;
border-style: hidden hidden solid hidden;
border-color: #aac5dc;
border-width: 3px;
}
#footer_second {
width: 90px;
float: left;
}
#footer_facebook {
width: 90px;
float: left;
text-align: center;
}
#f19 {
margin-top: 1em;
}
#footer_rss {
width: 90px;
float: left;
text-align: center;
}
#f20 {
margin-top: 1em;
}
#footer_names {
width: 330px;
float: left;
text-align: center;
}
#footer_logos {
float: left;
}
#footer_last {
float: left;
width: 50px;
}
.center {
text-align: center;
}
#to_up {
padding-top: 1.5em;
float: left;
clear: both;
vertical-align: bottom;
}
#human {
visibility: hidden;
display: none;
}
/******************************************************************************
Yleiset lohkot
******************************************************************************/
.clear {
clear: both;
}
.div1of7 {
float: left;
width: 13%;
margin-left: 1%;
}
.div1of6 {
float: left;
width: 15%;
margin-left: 1%;
}
.div1of5 {
float: left;
width: 18%;
margin-left: 1%;
}
.div1of4 {
float: left;
width: 23%;
margin-left: 1%;
}
.div1of3 {
float: left;
width: 32%;
margin-left: 1%;
}
.div1of2 {
float: left;
width: 48%;
margin-left: 1%;
}
.div1of4_cl_ri {
float: left;
width: 24%;
clear: right;
margin-left: 1%;
}
.div1of3_cl_ri {
float: left;
width: 32%;
clear: right;
margin-left: 1%;
}
.div1of2_cl_ri {
float: left;
width: 48%;
clear: right;
margin-left: 1%;
}
/******************************************************************************/
.bulletless {
list-style: none;
}
.publisher_logo{
	background-image:url('../images/pubMUUT.png');
}
.publication {
border-left: 1px;
border-right: 1px;
border-top: 1px;
border-bottom: 1px;
border-color: silver;
border-style: solid;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
padding-left: 0.25em;
padding-right: 0.25em;
padding-bottom: 0.25em;
padding-top: 0.25em;
background-color: #EFEFEF;
}
.publisher_back {
min-height: 50px;
background-color: #eaeaea;
border: 1px;
border-bottom: 0px;
border-style: solid;
border-color: #cccccc;
padding: 0.5em;
}
.interleave {
float: left;
width: 10em;
height: 1.5em;
background-color: white;
border-style: solid solid hidden solid;
border-width: 1px;
border-color: #5d9bd8;
padding: 0.25em;
text-align: center;
cursor: pointer;
}
#search_panel {
padding: 0.5em;
float: left;
width: 99%;
}
#advanced_options {
float: left;
clear: right;
width: 95%;
}
.help_text {
font-size: smaller;
margin-bottom:1em;
}
div#loading {
text-align: center;
width: 200px;
padding-top: 20px;
padding-bottom: 20px;
position: fixed;
top: 45%;
left: 40%;
background-color: white;
border: 1px solid #2d2d2d;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
z-index: 99;
display: none;
}
div#loading>div.loading_head {
font-weight: bold;
font-size: large;
}
.navi_type {
min-height: 1.7em;
float: left;
clear: both;
font-weight: bold;
margin-top: 0.3em;
}
.navi_subtype {
margin-left: 1em;
min-height: 1em;
float: left;
clear: both;
}
.navi_type a {
font-size: 100%;
}
.navi_subtype a {
font-style: italic;
}
.navi_organisation {
font-weight: bold;
}
/* watch forms */
#remove_form_div, #modify_form_div, #new_form_div, #email_link_form_div{
width:90%;
padding:1em;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#remove_form_div{
background-color:#FFBB77;
}
#modify_form_div{
background-color:#FFFFCC;
}
#new_form_div{
background-color:#CCFFFF;
}
.query_div{
margin-left:3em;
clear:both;
margin-top:1.5em;
margin-bottom:1em;
padding:0.5em;
}
.add_button{
margin-top:1em;
}
li{
padding:0.1em;
}
/*
.hyphenate{
text-align:justify;
}
*/


@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	.container {
	width: 600px;
	background-image: none;
	}
	.right{
	width: 440px;    
	padding:0%;
	margin:0%;
	margin-top:4em;
	}
	.left{
	width: 25%;
	min-width: 150px;
	padding:0%;
	margin:0%;
	background-image: none;
	background-color: transparent;
	}
	.left_column {
	width:147px;
	padding-left: 0em;
	}
	.header2 {
	height: 60px;
	padding-top: 0px;
	padding-left: 0%;
	width: 440px;
	float: left;
	margin-top: 0px;
	}
	.footer {
	width: 590px;
	}
	#leftlogo, .special_column, .footer_first, .footer_material{
	visibility:collapese;
	display:none;
	}
	#left_search{
	width:100px;
	}
	.top{
	width:590px;
	}
	.navi_type, .navi_subtype{
	min-height:2.5em;
	}
}
@media print {
    /* Simple CSS for printing - links are hidden. */  h1, h2, h3, h4, h5, h6 { font-family: Arial; font-size: 110%; color: #5d9bd8; } h2 { color: black; } a { color: #428AD0; text-decoration: none; }  .header { visibility: hidden; width: 0em; float: left; }  .header2 { visibility: hidden; width: 0em; float: left; }  .links { visibility: hidden; width: 0em; float: left; }  .tab { visibility: hidden; width: 0em; float: left; }  .footer { visibility: hidden; width: 0em; float: left; }  .left { visibility: hidden; width: 0em; float: left; } 
}


#f21 {
	height: 30px;
}