/* Login laatikon leveys */ 
table#loginTable { width: 657px }

/* Yl‰palkin korkeus */
td#loginHeader { height: 70px }

/* Tekstinaluskuvan leveys */
td#loginInformation { width: 257px }

/* Alapalkin korkeus */
td#loginFooter { height: 28px }

/*****************************************************

  0. Tekstivärit
  1. Taustavärit
  2. Reunukset 
  3. Fontit + Login sivun tyylit
  4. Muut asiakaskohtaiset määrittelyt
  
*****************************************************/  
  



/***********************************
 *  0.TEKSTIVÄRIT                 *
 ***********************************
    0.1 LINKKIVÄRI
    0.2 VAAKANAVI PAINIKKEIDEN TEKSTIVÄRI
    0.3 VAAKANAVIN AKTIIVISEN PAINIKKEEN TEKSTINVÄRI
    0.4 VASEMMAN REUNAN TEKSTI
    0.5 VASEMMAN REUNAN PAINIKKEIDEN TEKSTIN VÄRI
    0.6 VASEMMAN REUNAN AKTIIVISEN PAINIKKEEN TEKSTINVÄRI
    0.7 VASEMMAN REUNAN HAE-PAINIKKEEN TEKSTIN VÄRI */

/* OTSIKOIDEN VÄRI */

h1, h2, h3 {
  color: #000000;
}

/*  OTSIKON ETULIITTEEN VÄRI (esim. "Kansio: ") */

span.headerPrefix {
	color: #999999;
}

/* 0.1 LINKKIEN VÄRI */ 

a {
	color: #0082c2;
	cursor:pointer;
}

/* 0.2 VAAKANAVIN PAINIKKEIDEN TEKSTINVÄRI */ 

#horizontalNavi a {
	color: #ffffff; }

/*  0.3 VAAKANAVIN AKTIIVISEN PAINIKKEEN TEKSTINVÄRI */	

#horizontalNavi a:hover {
	color: #000000; }



/* SARAKEOTSIKOIDEN LINKKIVÄRI */	
	
#content table.list th.header a  {
	color: #000000; }

/* 0.4 VASEMMAN REUNAN TEKSTI */
	
#navi {
  color: #0082c2;	}

/* PÄIVÄMÄÄRÄ/ LISTAUS */

#content table.list td.date {
	color: #666666;	}

/* POISSA KÄYTÖSTÄ OLEVA ELEMENTTI */ 

.disabled, .disabled a {
	color: #999999;	} 

/* KORIKANSION-RIVIN TEKSTI JA LINKKI */

.basketFolder, #content table.list tr.basketFolder td a,  {
	color: #FFFFFF;	}

/* POPUP-TABIEN TEKSTI */

.tabs td a	{
	color: #FFFFFF;	}
	
/* POPUP-TABIEN TEKSTI, VALITTU ELEMENTTI */

.tabs td.selected	{
	color: #000000;	}
	
/* 0.5 VASEMMAN REUNAN PAINIKKEIDEN TEKSTIN VÄRI */

#navi ul li a {
	color: #000000;	}

/* 0.55 VASEMMAN REUNAN ADMIN PAINIKKEEN TEKSTINVÄRI */	

#navi ul.hallinta a {
	color: #d41b1b; }

/* 0.6 VASEMMAN REUNAN AKTIIVISEN PAINIKKEEN TEKSTIN VÄRI */

#navi ul li a:hover {
	color: #000000;
        text-decoration:underline;}

/* 0.7 VASEMMAN REUNAN HAE-PAINIKKEEN TEKSTIN VÄRI */	
	
#navi form button {
	color: #0082c2;	}

/* */
		
#content table.list tr.basketFolder td {
	color: #FFFFFF;	}

/* Tiedostonimen väri lyhyessä näkymässä */
	
#content table.list th.aineisto a {
	color: #000000; 	
}

/* VIRHEILMOITUKSET */

.error {
  color: #FF0000; }

  
/***********************************
 *		 	   1.TAUSTAVÄRIT			  	 *
 ***********************************
        1.0 Logopalkki ja polkurivi
	1.1 Vasemman reunan navigointi 
	1.2 Vaakanavigointi 
        1.3 Popupit
	1.4 Lomakkeet
	1.5 Listat
	1.6 rivitason tyylit listauksissa	
	1.7 Aineistopankin muut näkymät
	1.8 Korien taustavärit
	1.9 Yleiset taustavärit

	
	
*/

/* SIVUN TAUSTAVÄRI JA OLETUSTEKSTIVÄRI */

#content, #bodybox {
  background-color: #FFFFFF;
  color: #000000;
}

/**** 1.0 Logopalkki ja polkurivi ****/

/* 1.0.1 LOGOPALKIN TAUSTAVÄRI JA  SIJAINTI: LEFT-RIGT */

#logoArea {
        background: #e9f4fd url('http://nibo.brandwind.fi/NiboWEB/yit/getFile.do?downloadDialog=true&uuid=1160885&type=orig') no-repeat scroll top left;
	background-color: #e9f4fd;
        text-align: right;
        height: 84px; }

/* 1.0.2 MURUPOLKURIVIN VÄRI JA TAUSTAVÄRI */

div#path, div#path a {
	color: #000000;
	background-color: #e9f4fd;
        height: auto;
        text-decoration: none;
	}

div#path a:hover {
        text-decoration: underline;
        }

#path { padding: 5px 20px 4px 18px; }
	

/***** 1.1 Vasemman reunan navigointi ****/

/* 1.1.1 ETUSIVUN YLÄPALKIN TAUSTAVÄRI (piilota työkalut palkki) */

td#toggle  { background-color: #0082c2; }

/* 1.1.2 VASEMMAN REUNAN TAUSTAVÄRI (Huom. Tähän vaikuttaa myäs taustakuva!) */

#navi {
	background-color: #f0f0f0; }

/* 1.1.3 VASEMMAN REUNAN PAINIKKEIDEN JA HAKUBOXIN TAUSTAVÄRI */
	
#navi ul li a, #navi form  {
	background-color: #f0f0f0; }

/* 1.1.4 VASEMMAN REUNAN AKTIIVISEN PAINIKKEEN TAUSTAVÄRI */
		
#navi ul li a:hover {
	background-color: #f0f0f0; }

/* PIILOTA NAPIN TAUSTA LÄPINÄKYVÄKSI */

td#toggle a { background-color: transparent; }
	
/* 1.1.5 VASEMMAN REUNAN ADMIN PAINIKKEIDEN TAUSTAVÄRI */
	
#navi ul.hallinta a {
	background-color: #f0f0f0; }
	
/* 1.1.6 VASEMMAN REUNAN AKTIIVISEN ADMIN PAINIKKEEN TAUSTAVÄRI */	

#navi ul.hallinta a:hover {
	background-color: #f0f0f0; }		
	
/* HAE-PAINIKKEEN VÄRI *ei muuta mitään?* */

#navi form button {
	background-color: #f0f0f0; }

	
	

/**** 1.2 Vaakanavigointi ****/

/* 1.2.1 VAAKANAVIN PAINIKKEIDEN TAUSTAVÄRI */
	
#horizontalNavi  {
	background-color: #0082c2; }

/* 1.2.2 VAAKANAVIN AKTIIVISEN PAINIKKEEN TAUSTAVÄRI */	

#horizontalNavi a:hover {
	background-color: #e5e5e5; }

	
/* VAAKANAVIN VALITTU LINKKI JA VALITUN LINKIN HOVER, *ei toimi? */

#horizontalNavi a.selected, #horizontalNavi a.selected:hover {
	background-color: #B4B4B4; }
	

	

/**** 1.3 Pop-upit ****/	

/* POPUPIEN ALA- JA YLÄREUNOJEN TAUSTAVÄRI */	

#popupContentWrapper {
	background-color: #999999;
}

/* POPUP-SISÄLTÖ ALUE */	

#content.popup {
	background-color: #FFFFFF	}
	
/* POPUP-TABIT (EI-VALITTU) */
	
.tabs td {
  background-color: #999999; }
  
/* VALITTU TABI / POPUPIT */

.tabs td.selected {
	background-color: #FFFFFF	}	  
  
/* POPUP-TABIEN (EI-VALITTU) HOVER */
	
.tabs td a:hover {
	background-color: #A5A5A5; }

/* TABI-RIVIN SOLU, JOHON EI TULE LINKKIÄ */
	
.tabs td.nolink {
	background-color: #666666; }
	
	
	
	
/**** 1.4 Lomakkeet *****/	

/* PERUSLOMAKKEEN VÄLIOTSIKON TAUSTAVÄRI */
	
table.commonform tr.headerRow td, #content #contentHeader {
	background-color: #D5D5D5; }

/* PERUSLOMAKKEEN OTSIKKOSARAKKEEN TAUSTAVÄRI */

table.commonform th {
	background-color: #F0F0F0; }

	
	
	
/**** 1.5 Listat ****/	

/* KANSION / KORIN KUVAUKSEN TAUSTAVÄRI */	

p.description {
	background-color: #F0F0F0; }
	

/* JÄRJESTETTÄVÄ SARAKEOTSIKKO */	
#content table.list th.header a { 
	background-color: #E0E0E0; }
	
/* EI-JÄRJESTETTÄVÄ SARAKEOTSIKKO */	

#content table.list th {
	background-color: #F0F0F0; }
	
/* CHECKBOX-SOLUN TAUSTAVÄRI / LISTAUS */	
#content table.list th.check  {
	background-color: #FFFFFF; }

/* KANSION TAUSTAVÄRI / LISTAUS */

#content table.list tr.folderRow th,
#content table.list tr.folderRow td, 
#content table.list th.folder {
  background-color: #F0F0F0; }

/* hakemiston nimi listauksessa  ei kursiivilla, mustana *ADDED* */

#content table.list th.folder a {
            font-style: normal;
            color: #000000;
 }
	
/* AINEISTON TAUSTAVÄRI / LISTAUS */
	
#content table.list th.aineisto {
	background-color: #FFFFFF	}
#content table.list th.aineisto a {
	background-color: #FFFFFF	}	

/* KÄYTTÄJÄN TAUSTAVÄRI / LISTAUS */	

#content table.list th.user {
	background-color: #FFFFFF	}

/* KORIN TAUSTAVÄRI / LISTAUS */	

#content table.list th.basket,
#content table.list th.campaign {
	background-color: #FFFFFF	}	
#content table.list th.basket a,
#content table.list th.campaign a {
	background-color: #FFFFFF	}
  	
	
	

/**** 1.6 rivitason tyylit listauksissa ****/
		
/* AINEISTO-TYYPIN TAUSTAVÄRI */

tr.aineisto td, td.aineisto {
	background-color: #FFF1D1; }

/* MATERIAALI-TYYPIN TAUSTAVÄRI */	
	
tr.materiaali td, td.materiaali {
	background-color: #f0f0f0; }

/* YKSITYINEN KORI */
	
tr.private td. td.private {
	background-color: #ECF0F9; }

/* DEMOKÄYTTÄJÄ */		

tr.demo td, td.demo {
	background-color: #ECF0F9; }

/* ULKOINEN KÄYTTÄJÄ */		

tr.external td, td.external {
	background-color: #E4EFE2; }	



/**** 1.7 Aineistopankin muut näkymät ****/


/* LYHYEN NÄKYMÄN TAUSTAVÄRI */

table.details {  
	background-color: #F9F9F9; }
	

/* KUVAKKEET-NÄKYMÄSSÄ AINEISTON YLÄPALKIN TAUSTAVÄRI */
	
.thumbNails table .entryHeader {
	background-color: #E0E0E0; }
	
/* KUVAKKEET-NÄKYMÄSSÄ AINEISTON YLÄPALKIN TAUSTAVÄRI KUN AINEISTO ON KORISSA */
	
.thumbNails .inBasket .entryHeader {
	background-color: #ffe0a0; }
	
	
	
	
/**** 1.8 Korien taustavärit ****/

/* 1.8.1 KORIKANSIO-RIVI */

.basketFolder, #content table.list tr.basketFolder td {
	background-color: #808080; }

.basketFolder .arrow a:hover {
	background-color: #999999; }
	

	
	
/**** 1.9 Yleiset taustavärit ****/	


/* YLEINEN LOMAKETAUSTAVÄRI */	
	
.commonformArea,
.basketItems th, 
div#contentHeader a.up:hover, 
.dynAineisto .entry, 
#content table.list th.aineistofolder, 
#picture, 
#language, 
#form,  
.customize td  {
		background-color: #F0F0F0; }
	
/* SUODATUKSEN TAUSTAVÄRI */

.suodatus {
	background-color: #FFF6CC; }
	
/* JÄRJESTELMÄVIESTIN TAUSTAVÄRI */
	
#message {
  background-color: #FFFEBF;
}

/* 1.9.1 ETUSIVUN NOSTO-OTSIKOIDEN VÄRI JA TAUSTAVÄRI */
 
table.index h2 {
        color: #000000;
        background-color: #ffffff;
        margin-bottom: 10px; 
        border-bottom: 1px solid;}



/***********************************
 *		 	   2.REUNUKSET  			  	 *
 ***********************************
 
	2.1 Navigointipalkit
	2.2 Lomakkeet
	2.3 Listaukset
	2.4 Sivun pääotsikko, toolbar ja näiden jälkeiset optionaaliset tiedot
	2.5 Aineistonäkymät
	2.6 Yleisiä viivatyylejä
 
*/

/* VAAKAEROTIN */ 

hr {
	color: #E0E0E0; background-color: #E0E0E0; }

	
	
/**** 2.1 Navigointipalkit ****/

/* 2.1.1 VAAKANAVIN PAINIKKEIDEN VIIVAT */

#horizontalNavi td td {
 	border-left: 0px solid #0082c2;
        border-right: 1px solid #b3b3b3;
        border-bottom: 1px solid #b3b3b3;
}

/* 2.1.2 VASEMMAN REUNAN PAINIKKEIDEN VÄLIVIIVAN VÄRI */	  

#navi ul li a {
	  border-bottom: 1px solid #d6d6d6; }
	 
	  
	  
	  
/**** 2.2 Lomakkeet ****/	  

/* PERUSLOMAKKEEN RIVIEN VÄLIVIIVA */

table.commonform td {
	  border-bottom: 1px solid #E0E0E0; }
	  
/* PERUSLOMAKKEEN ALOITUSVIIVA */

table.commonform.line {
	border-top: 8px solid #CCCCCC; }	  

/* PERUSLOMAKKEEN VÄLIOTSIKON YLÄPUOLELLE JÄTETTÄVÄ TYHJÄ TILA (=taustaväri) */
	
table.commonform tr.headerRow td {
	border-top: 20px solid #FFFFFF; }



	
/**** 2.3 Listaukset ****/
	
/* LISTAUSNÄKYMÄN RIVIEN VÄLIVIIVA */	  

#content table.list td, #content table.list th {
	  border-bottom: 1px solid #E0E0E0; }

/* LISTAUSTEN SARAKENIMIEN ALLA OLEVA VIIVA */

#content table.list th.header {
	border-bottom: 1px solid #999999; }	  
	  

	
/**** 2.4 Sivun pääotsikko, toolbar ja näiden jälkeiset optionaaliset tiedot ****/

/* SIVUN PÄÄOTSIKON ALAVIIVA (=Toolbarin yläviiva) */

#newheader {
  border-bottom: 1px solid #E0E0E0; }
  
/* ENSIMMÄISEN TASON OTSIKON ALAVIIVA (Ei kuitenkaan sivun pääotsikko, ks. yllä) */

h1 {
	  border-bottom: 1px solid #E0E0E0; }
	  
/* TOOLBARIN JÄLKEEN TULEVAT OPTIONAALISET TIEDOT (ohjeet ja kuvaus) */ 

p.instructions, p.description,   {
	border: 1px solid #E0E0E0;
} 
	
/**** 2.5 Aineistonäkymät ****/	
	
/* MARGINAALI LYHYEN NÄKYMÄN AINEISTOJEN VÄLISSÄ (=taustaväri) */

table.details th {
	border-top: 10px solid #FFFFFF;	}

/* KUVAKKEET-NÄKYMÄN KUVAKKEIDEN ÄÄRIVIIVAT */
		
.thumbNails table {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}




/**** 2.6 Yleisiä viivatyylejä ****/


/* Muokaa kirjautumissivun ulkonäkää- ja Muokkaa tasonvalintasivua -sivujen asettelumallien ulkopuolella oleva viiva */

table.layout td {
	border: 1px solid #E0E0E0;
}

/* JÄRJESTELMÄVIESTIN ÄÄRIVIIVAT */

#message {
	border: 1px solid #E9E781; }
	
/* POPUP-TABIT (EI-VALITUT) */
	
.tabs td {
	border-right: 4px solid #666666;				
	border-top: 10px solid #666666;	 }

	
/* */
	
#toolbar td.basket, 
div.filter, 
.basketSelect {
	border: 1px solid #E0E0E0;	
}

/* */
	  
table.details table td, #language {
	border-top: 1px solid #E0E0E0;
}

table.details {
	border: 1px solid #e0e0e0;
	 }
	

/*********************************************/

/*  */

/* .customize td {
	border: 1px solid #D5D5D5;
} */
 
/* AINEISTO-TYYPIN TAUSTAVÄRI */

/* tr.aineisto.row td {
	border-top: 1px solid #FFE5A1;
} */




/***********************************/
/*		 	    3. FONTIT	  			  	 */
/***********************************/

/* Perusfontti */

html, body, textarea {
	font: 13px Arial, Helvetica, sans-serif;	
}

/* Linkkiteksti */

a {
	font-size:10pt;	
}

/* Otsikot */

h1 {
	font-size: 22px;	
	font-weight: normal;
}

h4 {
	font-size: 13px;
	margin-top: 10px;	
	margin-bottom: 4px;
}

/* Pystynavigointi */

#navi {
	font: 12px arial, helvetica, sans-serif; 
}

/* Pystynavigoinnin linkit */

#navi ul li a {
	font-weight: normal;
	font-size: 12px; 
	text-decoration: none;
}

/* Hakuboksin hae-painike */

#navi form button {
	font: bold 11px Arial, Helvetica, sans-serif;	
}

/* Hakukenttä */

#navi form input {
	font-size: 12px;	
}


/* Listaus-näkymän päivämäärä-sarake */

#content table.list td.date {
	text-align: right;
	font-size: 11px;
}

/* Etusivun h2 */

table.index h2 {
	font-size: 13px;
}

/* Painikkeiden teksti */

button {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*  */

table.basketItems {
	font-size: 12px;
}

.basketItems td.empty {
	font-size: 0px;
}


/*****************************************
 *  4. MUUT ASIAKASKOHTAISET MÄÄRITTELYT *
 *****************************************/


/* SCROLLBARIEN VÄRIT (POISTA KOMMENTIT JOS HALUAT MÄÄRITELLÄ) */

body {
	/* scrollbar-3dlight-color:#ffd700;
	scrollbar-arrow-color:#000000;
	scrollbar-base-color:#ff6347;
	scrollbar-darkshadow-color:#ffa500;
	scrollbar-face-color:#008080;
	scrollbar-highlight-color:#ff69b4;
	scrollbar-shadow-color:#f0f */
}

/* ETUSIVUN HIENOSÄÄTÖ */

body#frontpage table#newheader {
	display: none;
}

body#frontpage div#frontpageImage {
	text-align: left;
	position: relative;
	left: -16px;
	top: -16px;
	width: 0px;
	overflow: visible;
	display: none;
}

body#frontpage div#content {
	max-width: 891px; /* Siirrä sääntö tänne kommentin sisään jos sitä ei haluta! */
	background-image: url('resource.do?type=3');
	background-repeat: no-repeat;
	padding-top: 114px;
}

/*****************************************
 *  5. KIRJAUTUMISSIVU *
 *****************************************/

/* 5.1 Login sivun taustaväri */

table#loginWrapper {
    margin-top: auto;
    margin-bottom: auto;
    background-color: #dcdcdc;
    height: 100%; }


/* 5.2 Login laatikon kehyksen: leveys, tyyli, väri */

table#loginTable {
    border: 0px solid #e5e5e5; }


/* 5.3 Login sivun otsikon koko ja väri */

table#loginTable h2 { 
	font-size: 12px;
	color: #0082c2;
        font-weight: bold;
        margin-bottom: 6px; }

/* 5.4 Login sivun tekstin koko ja väri */
div#loginText {
	font-size: 12px;
	color: #0082c2;
	margin-top: 20px;
	margin-left: 10px; }

/* 5.5 K√ÑYTT√ÑJ√ÑTUNNUS JA SALASANA KOKO JA VÄRI*/ 

#loginInformation table {
        margin-left: 25px;
        margin-right: auto;
        font-size: 12px;
        color: #000000;
} 

/* 5.6 Yrityksen linkki etusivulla, sijainti ja väri */

td#headerCell1 a, td.right#headerCell2 a {
        font-size: 12px;
        font-weight: normal;
	color: #333333;

/* jos haluat siirtää linkkiä ylöspäin anna negatiivinen arvo */
/* esim. top: -10px, siirtää linkkiä 10pikseliä ylöspäin */
/* ja left: -10px siirtää linkkiä 10pikseliä vasemmalle */

	position: relative;
        top: 0px;
        left: 0px;
        text-decoration: underline;
}  	


/* 5.7a Powered by tekstin koko ja väri */

td.center#headerCell2 {
        font-size: 12px;
        color: #ffffff; }


/* 5.7b brandwind tekstin koko ja väri */

td.center#headerCell2 a {
        font-size: 12px;
        color: #ffffff; }


/* =================================================== */


/******** DYNAMIC MATERIAL ********/

/* DynMaterial: page bar (masterProduct) */
table.dynMaterialPagebar {
  background-color: #D0D0D0;
  border-bottom: 1px solid #999999;
  width:100%;
}

table.dynMaterialPagebar * {
  font-family: Arial;
  font-size: 10pt;
  color: #000000;
}

/* DynMaterial: element title bar */ 
table.dynMaterial {
  background-color: #F0F0F0;
}

table.dynMaterialTitle {
  background-color: #E0E0E0;
  border-bottom: 1px solid #999999;
  width:100%;
}

table.dynMaterialTitle * {
  font-family: Arial;
  font-size: 10pt;
  color: #000000;
}

table.dynMaterial td {
  font-family: Arial;
  font-weight: normal;
  font-size: 9pt;
  color: #000000;
  vertical-align:top;
}

/* DynMaterial: righthand element list */
table.dynElemenlist * {
  font-family: Arial;
  font-weight: normal;
  font-size: 9pt;
}

/* DynMaterial: form elements */
.dynTF {
  width:80px;
  height:20px;
}

.dynDrop {
  width:100px;
}

/* DynMaterial: Misc */ 
.dynOrigo * {
  font-size:9px;
  width:9px;
  height:9px;
  line-height:9px;
  margin:0px;
  padding:0px;
}

.dynWrapper {
  margin-bottom:5px;
}

.colPreview {
  display:inline;
  height:18px;
  font-size:18px;
  line-height:18px;
  border: 1px solid #000000;
}

.dynButtonOn {
  background-color:#FFFFFF;
  background-image:none;
}

.dynButtonOff {
  background-image:url(../img/button_bg.png);
}

.dynPDFPreviewBg {
  background-color: #F0F0F0;
}

.dynBtmLine {
  height:1px;
  width:100%;
  background-color: #CCCCCC;
  background-repeat:repeat-x;
  margin:0px;
  padding:0px;
  font-size:0px;
  line-height:0px;
}

.dynRowTitle {
  margin-left: 10px;
  font-weight: bold;
}

/* DynMaterial: Image selector popup*/
table.imgSelector td.imgTitle
{
  background-color: #EEEEEE;
  padding:2px;
  text-align: center;
  font-family:Verdana;
  font-size:10pt;
}

table.imgSelector td.img {
  height:192px;
  width:192px;
  border: 1px solid #CCCCCC;
}


table.imgSelector td img.no_hover {
  border:2px solid white;
}

table.imgSelector td img.hover {
  border:2px solid red;
}

/* Korin hakemistojen indentointi */

tr.indented td.indentColumn {
  background-color: #FFFFFF;
  background-image:url('../img/indentedColumn.gif');
  background-repeat:no-repeat;
}

tr.indentedLast td.indentColumn {
  background-color: #FFFFFF;
  background-image:url('../img/indentedLast.gif');
  background-repeat:no-repeat;
} 

#content table.list.basket td,
#content table.list.basket th {
  border-bottom: 4px solid white;
}