/*
  style.css

  Version: $Revision: 1.17 $
 
  Date: $Date: 2006/08/17 14:51:46 $
 
  Copyright (c) 2002-2005, Hewlett-Packard Company and Massachusetts
  Institute of Technology.  All rights reserved.
 
  Redistribution and use in source and binary forms, with or without
  modification, are permitted provided that the following conditions are
  met:
 
  - Redistributions of source code must retain the above copyright
  notice, this list of conditions and the following disclaimer.
 
  - Redistributions in binary form must reproduce the above copyright
  notice, this list of conditions and the following disclaimer in the
  documentation and/or other materials provided with the distribution.
 
  - Neither the name of the Hewlett-Packard Company nor the name of the
  Massachusetts Institute of Technology nor the names of their
  contributors may be used to endorse or promote products derived from
  this software without specific prior written permission.
 
  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  ``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  HOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
  INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
  BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS
  OF USE, DATA, OR PROFITS; OolR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
  TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE
  USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
  DAMAGE.
*/


/*  The only div in the body, ds-main contains all DRI generated content.

 Parents:	body
 
 Children:   div#ds-header
			 div#ds-options
			 div#ds-body
			 div#ds-footer
 */


/* Yllä alkuperäinen */
body { 
	font-family: Arial;
}

/* Yllä alkuperäiset */
a {
	color: #000080;
}

a:link{
	color: #000080;
}
a:visited{
   color: #000080;
}
a:active{
   color: #000080;
}
a:hover{
   color: #6060c9;
}


/*Yllä alkupeäinen*/
div#ds-header {
	display: none;
}
/* Vasemman yläkulman reunan logo */
div#ds-header  a span#ds-header-logo {
	display: none;
}
/* Oikean yläkulman alue */
div#ds-language_switch_container{
	display: none;
}	
/* Oikean yläkulman kielilinkit */
div#ds-language_switch {
	display: none;
}
/*poistetaaan hakulaatikot kokoelmien etusivuilta*/
div#artifactbrowser_CommunityViewer_div_community-search-browse {
	display: none;
}
div#artifactbrowser_CollectionViewer_div_collection-search-browse {
	display: none;
}
div#ds-options {
	display: none;
}

/*	Varsinainen sisältö */

div#ds-body {
}

div#ds-system-wide-alert {
	display: none;
}

span.bold {
	font-weight: bold;
}

/* Overflow mechanism for top level divisions */
div.primary {
}

/*	Pääotsikko
	parents: div#ds-body */
div#ds-body h1{
	font-size: 1.5em; 
	font-weight: bolder;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-bottom: 5px;
}

/* Alaotsikko */
div#ds-body h2 { 
	font-size: 1.3em; 
	font-weight: bolder;
	margin-bottom: 0px;
	padding: 10px 0;
}

/* Alaotsikko 2*/
div#ds-body h3 { 
	margin-bottom: 15px;
}


/*Yhteisöjen ja kokoelmien etusivujen tekstit*/
p.intro-text {
	margin-left: 0px;
	margin-right: 10px;
	text-align: justify;
}

p.copyright-text {
	margin-left: 0px;
	margin-right: 25px;
	text-align: justify;
}

/*etusivun haku ja selaus*/
input#artifactbrowser_FrontPageSearch_field_query {
	margin-right: 10px;
	width: 250px;
}
form#artifactbrowser_FrontPageSearch_div_front-page-search{
	padding-bottom: 10px;
}


/*Tallennus*/
p.csubmitlink {
	font-weight: bolder;
	margin-bottom: 10px;
	padding-left: 18px;
	background-image: url(redarrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
p.dummy{
	width: 0px;
	height: 0px;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}


textarea.submit-textarea {
	width:400px;
	height:200px;
}


/*	Aakkoslista */
/* Special handling of the alphabet list, used as an index entry into the browsing and
	search results lists */
ul.alphabet {
	margin: 0px;
	margin-top: 5px;
	padding-left: 10px;
	padding-top: 0px;
	text-align: center;
	
	//height: 60px;
	//margin-bottom: 20px;
	//background-color: rgb(255,255,240);
	//border: 2px solid rgb(240,240,210);
}

.alphabet li {
	display: inline;
	font-weight: 200;
	list-style: none;
	margin-right: 5px;
}

.alphabet a{
	color: #000080;
	font-weight: 600;

	//font-size: larger;
}
.alphabet a:hover{
	color: #7272EF;
	font-weight: 600;

	//font-size: larger;
}


/*	Hakutulosten sivutus */
div.pagination-masked {
	/* SV: Väriä muutettu background-color: rgb(255,255,240); */
	background-color: #F8E3BA;
	border: 1px solid #8EAB99;
	height: 40px;
	margin-bottom: 5px;
	padding: 5px;
	position: relative;
	width: auto;

	//top: 35px;
	//float: left;
}

a.previous-page-link {
	left: 10px;
	position: absolute;
	top: 10px;
	color: #000080;

	//float: left;
	//padding: 1px;
	//border: 1px solid red;
}

a.previous-page-link:hover {
   color: #7272EF;
}


a.next-page-link {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #000080;

	//float: right;
	//padding: 1px;
	//border: 1px solid red;
}

a.next-page-link:hover {
   color: #7272EF;
}

p.pagination-info {
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
	padding: 1px;
	position: relative;
	text-align: center;
	top: -10px;
	width: auto;

	//border: 1px solid blue;
}

ul.pagination-links {
	position: relative;
	text-align: center;
	top: -28px;
	width: 500px;
}

.pagination-links li {
	display: inline;
	font-size: 90%;
	font-weight: bolder;
	list-style: none;
	margin-right: 5px;
}

li.page-link a, li.first-page-link a, li.last-page-link a {
	color: rgb(100,100,50);
}

li.current-page-link a{
	color: rgb(223,110,0);
}


/* Styles related to the the detailed view of communties and collections */ 
div.detail-view {
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

/* Tables and their associated formatting rules */
/*	Tableja käytetään viitetiedoissa */
table {
	border-top: 1px solid #8EAB99;
	border-bottom-width: 0px;
	border-spacing: 0px;
	width: 100%;
}

table.file-list {
	border: 1px solid #8EAB99;
	border-bottom: 0px solid #8EAB99;
}

.file-list td{
	border-bottom: 1px solid #8EAB99;
}

th {
	padding: 10px;
}

tr.ds-table-header-row {
	font-size: 14px;
}

th {
	border-bottom-color: #8EAB99;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

td {
	border-bottom-color: #8EAB99;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	padding: 10px 10px 10px 10px;
}

/* Formatting associated with the "Files in this item" table in the item view */
.file-list td {
	text-align: center;
}

a.image-link img {
	border: 1px solid blue;
}

.simpleitem {
	padding-left: 5px;
}

/*	Listoja käytetään browsessa ja hakutuloksissa */
ul.ds-artifact-list {
	clear: both;
	//border: 1px solid #8EAB99;
	margin-left: 0px;
	padding-left: 0px;
}

li.ds-artifact-item {
	list-style: none;
	list-style-position: inside;
	padding: 10px 50px 15px 10px;
	margin-left: 0px;
	border-top: 1px dashed #8EAB99;
}

li.ds-artifact-item.odd {
	/*SV: Väriä muutettu background-color: rgb(250,250,232); */
	//background-color: #F8E3BA;
	background-color: #FFF9E9;
}

li.ds-artifact-item.even {
	/*SV: Väriä muutettu background-color: background-color: rgb(255,255,245); */
	//background-color: #FFF9E9;
}

li.ds-artifact-item.pdf {
    background-image: url(pdf.gif);
    background-repeat: no-repeat;
    background-position: 540px 10px;
}
li.ds-artifact-item.mp3f {
    background-image: url(mp3.gif);
    background-repeat: no-repeat;
    background-position: 540px 10px;
}
li.ds-artifact-item.htmlf {
    background-image: url(html.gif);
    background-repeat: no-repeat;
    background-position: 540px 10px;
}
li.ds-artifact-item.imgf {
    background-image: url(img.gif);
    background-repeat: no-repeat;
    background-position: 540px 10px;
}

li.smallPadding{
	padding-bottom: 2px;
	padding-left: 3px;
	padding-top: 2px;	
}


/* The form list and and its components voodoo */
/* Top-level stuff */
fieldSet.ds-form-list {
	border: 0px solid;
	padding: 0px;
	padding-top: 10px;
}

fieldSet.ds-form-list ol {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;	

	//display: table;
}

/* Row-level hierarchy */
/*li.ds-form-item {
	display: block;
	padding: 0px 0;
	width: 100%;
}
*/

li.ds-form-item {
	list-style: none;
	list-style-position: inside;
	padding: 10px 50px 15px 10px;
	margin-left: 0px;
	border-top: 1px dashed #8EAB99;
}
li.ds-form-item.odd {
	background-color: #FFF9E9;
}
li.ds-form-item.even {
	background-color: #FFFFFF;
}

span.kys {
	vertical-align: bottom;
}


input#artifactbrowser_SimpleSearch_field_submit{
	margin-bottom: 10px;
	margin-top: 0px;
}

span.ds-form-label, label.ds-form-label {
	display: table-cell;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 11px;
	vertical-align: top;
	width: 110px;

	//padding: 5px 0px 5px 10px;
	//border: 1px solid blue;
}

fieldSet.ds-form-list input.ds-text-field {
	width: 250px;
}

span.field-help {
	color: #555555;
	font-size: 90%;
	margin-left: 0px;
//	border: 1px solid gray;
}


/* Käsittely etusivun haulle ja tarkennetun haun kentille */
form#artifactbrowser_SimpleSearch_div_general-query p{
	padding-bottom: 5px;
	padding-left: 125px;
	padding-top: 5px;
}

form#artifactbrowser_AdvancedSearch_div_search-query p{
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
}


/*SV*/
/* RSS */

div.rss-links-for-communities{
}
p.rss-links{
}

img.rss_logo {
	border: 5px;
	padding: 0px;
}


/*	Footteri */
div#ds-footer {
	/* SV: Väriä muutettu background-color: rgb(255,255,240);*/
	//background-color: #F8E3BA;
	border-top: 2px solid #000080;
	float: left;
	height: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #666666;
}

/*	Footterin vasemmanpuoleinen teksti */
div#ds-footer-text {
	float: left;
	font-size: small;
	padding: 0px;
	padding-top: 5px;
	width: 400px;
}

/*	Footterin oikeanpuoleinen teksti (linkit) */
div#ds-footer-links {
	display: none;
}
	



/*
#######################################################################################
#	SEKAVAT
#	Jos huomaat että jollain näistä käyttöä, niin siirrä se ylös oikealle paikalleen
#######################################################################################
*/


/* Checkboxes and Radio buttons */ 

fieldSet.ds-checkbox-field, fieldSet.ds-radio-field {
	border: none;
	margin: 0;
	padding: 0;
}

fieldSet.ds-checkbox-field legend, fieldSet.ds-radio-field legend {
	display: none;
}

fieldSet.ds-checkbox-field label, fieldSet.ds-radio-field label {
	display: block;
	//float: left;
	//margin-right: 10px;
}


fieldSet.ds-form-list.thick {
	/*border-top: 22px solid #FFF9E9;*/
}

fieldSet.ds-form-list legend {
	color: #DF6E00;
	font-size: 115%;
	font-weight: bolder;
	margin-left: 10px;
}

fieldSet.thick legend {
	color: #D95829;
	font-size: 115%;
	font-weight: bolder;
	margin: 3px; 3px; 3px; 3px;
	//background-color: #FFF9E9;
	//border-top: 1px solid #8EAB99;
	//padding-left: 10px;
	//padding-right: 30px;
}



/* Top-level stuff for the nested "form" lists */

fieldSet.ds-form-sublist {
	//border-top: 1px solid #8EAB99;
	border: 1px solid #8EAB99;
	padding: 0;
	margin: 5px;
}

/*
li.odd fieldSet.ds-form-sublist {
	background-color: rgb(252,252,230);
}

li.even fieldSet.ds-form-sublist {
	background-color: rgb(255,255,245);
}
*/

fieldSet.ds-form-sublist ol {
	display: table;
	padding: 0;
	margin: 0;
	width: 100%;
	//border: 1px solid red;
}

fieldSet.ds-form-sublist legend {
	color: #DF6E00;
	font-size: 100%;
	font-weight: bolder;
	margin-left: 10px;
	margin-bottom: 0;
	padding: 0;
	background-color: transparent;
	border: 0;
	//border: 1px solid blue;
}

/* mm. profiilin muokkaus */

fieldSet.ds-form-list {
	list-style: none;
	list-style-position: inside;
	padding: 10px 50px 15px 10px;
	margin-left: 0px;
}
fieldSet.ds-form-list li.odd {
	background-color: #FFF9E9;
	border-top: 1px dashed #8EAB99;
}
fieldSet.ds-form-list li.even {
	background-color: #F8E3BA;
	border-top: 1px dashed #8EAB99;
}


/*fieldSet.ds-form-list li.odd {
	background-color: #FFF9E9;
}

fieldSet.ds-form-list li.even {
	background-color: #F8E3BA;
}
*/


/*
li.ds-form-item2 {
	display: block;
	width: 100%;
	border-top: 2px solid rgb(240,240,210);
	background-color: red;//rgb(248,248,217);
}
*/

/*fieldSet.ds-form-list li.last {
	display: block;
	width: 100%;
	border-top: 2px solid rgb(240,240,210);
	background-color: rgb(248,248,217);//rgb(255,255,245);
}*/

fieldSet.ds-form-list li.sublist {
	background-color: transparent;
}

/*
li.ds-form-item.last span {
	border-top: 2px solid rgb(240,240,210);
	background-color: rgb(248,248,217);//rgb(255,255,245);
}
	*/

span.ds-form-content {
	display: table-cell;
	padding: 7px;
	//border: 1px solid green;
}

label.ds-composite-component{
	display: block;
	float: left;
	padding: 0px 5px 0 0px;
	color: #555555;
	font-size: 90%;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
}

span.error {
	display: block;
	font-size: 150%;
//	line-height: 5px;
	color: red;
//	border: 1px solid red;
	margin: 0;
}

input.error, textarea.error, select.error {
	background-color: rgb(255,245,245);
	border-color: red;
}

span.composite-help {
	display: block;
	font-size: 80%;
	color: gray;
	text-align: left;
//	border: 1px solid gray;
}

div.spacer {
	margin: 0;
	padding: 0;
	line-height: 0;
	clear: both;
}   

div#ds-header h1, div#ds-header h2 {
	display: none;
}

div#ds-user-box {
	position: absolute;
	top: -20px;
	right: 2px;
}

div#ds-user-box p{
	text-align: right;
	font-size: 90%;
	color: gray;
	height: 12px;
	padding: 0px;
	margin: 0px;
}

div#ds-user-box a{
	text-decoration: none;
	color: gray;
	height: 12px;
	padding: 0px;
	margin: 0px;
}

div#ds-user-box a:hover {
	text-decoration: underline;
}
//ul {
//	list-style: none;
//}

ul.ds-progress-list {
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

ul.ds-progress-list li {
	font-family: Arial;
	font-weight: bold;
	
	/* SV: Väriä muutettu background-color: rgb(255,255,240); */
	background-color: #F8E3BA;
	border: 1px solid #8EAB99;
	color: rgb(233,160,80);
	
	overflow: hidden;
	display: inline;
	

	padding: 4px 10px;
	margin-top: 2px;
	margin-left: 5px;
	
	max-width: 400px;
	line-height: 20px;   
}

ul.ds-progress-list li.current {
	color: navy;
	//color: #F8E3BA;
	border-color: #D95829;
}

ul.ds-progress-list li.arrow {
	//border: 1px solid red;
	border: none;
	background: none;
	font-size: 200%;
	font-weight: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

div#ds-search-option input.ds-text-field {
	width: 110px;
}
form#ds-search-form {
	font-size: 90%;
}

input.ds-password-field {
	margin-right: 5px;
}

/* New rules concerning secondary content (i.e. search boxes and stuff) */

/*
*/	

.search {
	min-width: 328px;
	max-width: 500px;
}

.search select {
	max-width: 200px;
}

.collection .search-browse, .community .search-browse {
	width: 340px;
	float: left;
	margin: 5px 12px 5px 0px;
}


.search, .navigation {
	/* SV: Väriä muutettu background-color: rgb(255,255,240); */
	background-color: #F8E3BA;
	border: 1px solid #8EAB99;
	padding: 0px 5px 0px 5px;   
}

.navigation input, .navigation select {
	margin-left: 5px;
}

.navigation p {
	margin: 5px;
	text-align: center;
}

.search table {
	margin-top: 5px;
	margin-bottom: 5px;
	border: none;
}
.search th {
	padding-top: 2px;
	padding-bottom: 2px;
	//background-color: rgb(250,250,220);
	text-align: left;
}

div.browse {
	display: none;
}

/*

Scrapped for maintanability reasons...

#artifactbrowser_BrowseTitles_div_browse-navigation p,
#artifactbrowser_BrowseAuthors_div_browse-navigation p {
	position: absolute;
	top: 105px;
	left: 130px;
}

form#artifactbrowser_BrowseDates_div_browse-navigation {
	background-color: rgb(255,255,240);
	border: 2px solid rgb(240,240,210);
	padding: 10px 5px 5px 5px;   
	height: 60px;
}

#artifactbrowser_BrowseDates_div_browse-navigation p{
	margin: 0;
	padding: 3px;
	text-align: center;
}

#artifactbrowser_BrowseTitles_div_browse-navigation input,
#artifactbrowser_BrowseAuthors_div_browse-navigation input {
	margin-left: 5px;
}

#artifactbrowser_BrowseDates_div_browse-navigation select {
	margin-left: 7px;
}

#artifactbrowser_BrowseDates_div_browse-navigation input {
	margin-left: 5px;
}
*/

div#ds-footer-logo {
//	float: left; 
//	height: 80px;
//	width: 300px;
//	background-image: url(di_logo_lg.jpg);
//	background-repeat: no-repeat;
//	background-position: 0% 30%;
//	background-color: white;
}

div.pagination {
	position: relative;
	//top: 35px;
	//float: left;
	width: auto;
	height: 30px;
	
	/* SV: Väriä muutettu background-color: rgb(255,255,240); */
	background-color: #F8E3BA;
	border: 1px solid #8EAB99;
	
	padding: 5px;
	margin-bottom: 5px;
	margin-top: 2px;
}
/*

Scrapped for maintanability reasons...

form#artifactbrowser_SimpleSearch_div_general-query {
	width: 340px;

	margin: 5px 0px 20px 0px;
	padding: 5px 5px 1px 10px;
	
	background-color: rgb(255,255,240);
	border: 2px solid rgb(240,240,210);
}

#artifactbrowser_SimpleSearch_div_general-query select {
	width: 200px;
}

#artifactbrowser_SimpleSearch_div_general-query input {
	width: 196px;
}

input#artifactbrowser_SimpleSearch_field_submit {
	width: auto;
}
*/
/* The logo will start creeping around if you override the CSS font settings
	from the browser. I should probably use the FF specific one here (that 
	is, setting the display to table-cell and using v-align) and the IE
	specific solution in the other one */
div.ds-logo-wrapper {
	/*border: 2px solid rgb(240,240,210);
	margin-left: 8px;
	margin-bottom: 10px;
	
	float: right;
	font-size: 1px;
	line-height: 220px;
	height: 220px;
	width: 220px;
	
	text-align: center;*/
	display: none;
}

img.logo {
	max-width: 200px;
	max-height: 200px;
		
	margin-left: auto;
	margin-right: auto;
	
	vertical-align: middle;
}
p.button-list {
	margin-top: 3px;
	padding-bottom: 0;
}

/*div.collection-search-browse, div.community-search-browse{
	float: left;
	width: 325px;

	margin: 5px 0px 20px 5px;
	padding: 5px 5px 0px 10px;
	
	background-color: rgb(255,255,240);
	border: 2px solid rgb(240,240,210);
}*/

ul.collection-browse, ul.community-browse {
	display: none;
}

.collection-search-browse td, .community-search-browse td {
	white-space: nowrap;
}

.collection-search-browse h4, .community-search-browse h4 {
	display: none;
}

.collection-search-browse select, .community-search-browse select {
	width: auto;
	max-width: 200px;
}

.collection-search-browse input, .community-search-browse input {
	width: auto;
	max-width: 195px;
}

.button-list input {
	width: auto;
}


.first-cell {
	vertical-align: center;
	text-align: center;
}

/* Tables that are actually a result of glossary lists are not rendered
 as plain tables are... */

table.ds-gloss-list {
	border: none;
	width: auto;
}

.ds-gloss-list td {
	padding-left: 0px;
}

.ds-gloss-list-label {
	font-weight: bolder;
}	

/*
.file-list a {
	color: rgb(80,80,50);
}
*/

/* The spans to replace the <b>, <i>, and <u> functionality */


span.italics, span.italic {
	font-style: italic;
}

span.underline {
	text-decoration: underline;
}

/* The composite field voodoo */

span.ds-composite-field {
	display: table-row;
	padding: 2px;
}

.ds-composite-field .ds-composite-component {
	display: table-cell;
	text-align: left;
	width: auto;
	padding-right: 10px;
}

.ds-composite-field input, .ds-composite-field textarea, .ds-composite-field select {
	margin-right: 5px;
	margin-bottom: -2px;
}

span.composite-help {
	font-size: 90%;
	color: #555555;
	text-align: left;
}

input#submission_submit_UploadStep_field_file {
	width: 200px;
}


/* front page News*/
p.ds-paragraph{
	color: #000000;
	font-family: Arial;
	font-size: small;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}