/******************************************/
/*    YLIOPISTOKESKUS                     */
/******************************************/
/*    HTK NetCommunication Oy             */
/*    viimeisin muokkaus       31.1.2006  */
/******************************************/

/* TAULUKOIDEN TYYLIT: */
/* Tämä tyyli määrittele sen, miltä näyttää kun reunat ovat näkyvissä*/
.nestable
{
    /*border: 0px solid #3366CC collapse;*/

    border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
    border-color: #3366CC;
	border-collapse: collapse;
	background-color: white;
	margin-bottom: 2px !important;

    /*border-width: 0px !important;
	border-style: outset !important;
	margin-left: 2px !important;
	margin-top: 2px !important;
	margin-right: 2px !important;
	margin-bottom: 2px !important;    */
}
/* Vastaavat tyylit kyseisen taulukon soluille */
.nestable * td
{
    border-width: 1px;

	border-style: inset ;
	border-color: #3366CC;
	background-color: white;
    
	/*valign: top !important; */
}
/* Tämä tyyli määrittele sen, miltä näyttää kun pitää tehdä haamureunat editointitilassa niille taulukoille joilla ei ole reunoja */
.temptable
{
	/*border-width: 1px;
	border-style: dashed; */
	border-width: 1px;
	border-spacing: 0px;
	border-style: dashed;
    border-color: #CCCCCC;
	border-collapse: collapse;
	background-color: white;
	margin-bottom: 2px !important;
}
.temptable * td
{
	/*valign: top !important;
	border-width: 1px;
	border-style: dashed;*/
	
	border-width: 1px;
	border-style: dashed ;
	border-color: #CCCCCC;
	background-color: white;
}
/* Loppuu Nestorin luomien taulukoiden tyylit */

body { background-color: #FFFFFF; 
	background-image: url(img/bg.gif);  
	background-repeat : repeat-x;
	margin: 0px; 
	scrollbar-face-color:  #255AB1;  /* scrolling paavari, liikkuva osa */  
	scrollbar-shadow-color: #FFFFFF;   /* scrolling oikea reuna */  
	scrollbar-highlight-color: #FFFFFF;  /* scrolling vasen reuna */  
	scrollbar-3dlight-color: #0066CC;   /* scrolling vasen reuna efektivarjostus */  
	scrollbar-darkshadow-color: #0066CC;   /* scrolling oikea reuna efektivarjostus */  
	scrollbar-track-color: #FFFFFF;    /* scrolling liikkuvan osan tausta */  
	scrollbar-arrow-color: #FFFFFF;}  /* scrolling nuolet */  

p {	font-family : Verdana, Arial, Helvetica,sans-serif;	
	font-size : 11px; 
	font-style: normal; 
	font-weight: normal;
	color: #255AB1;
	}

td {font-family : Verdana, Arial, Helvetica,sans-serif;	
	font-size : 11px; 
	font-style: normal; 
	font-weight: normal;
	color: #255AB1;
	}

b {	font-family : Verdana, Arial, Helvetica,sans-serif;	
	font-size : 11px; 
	font-style: bold; 
	font-weight: bold;
	color: #255AB1;
	}

	
.otsikko
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 12px; 
 font-style: normal;
 font-weight: bold;
 color: #3366CC;
 }

 .otsikko1
  {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: bold;
 color: #3366CC;
 }
 
  .otsikko2
  {font-family : Verdana, Arial, Helvetica,sans-serif;
 font-size : 11px;
 font-style: normal;
 font-weight: bold;
 color: #3366CC;
 }
 
.valiotsikko
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: bold;
 color: #336699;
 }

.ingressi
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: bold;
color: #666666;
 }

.kuvateksti
{font-family : Verdana, Arial, Helvetica,sans-serif;	
font-size : 11px; 
font-style: italic;
font-weight: normal;
color: #333333;
  }


.paivays
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: italic;
 font-weight: normal;
 color: #336699;
 }
 
 .alaviite
{font-family : Verdana, Arial, Helvetica,sans-serif;	
font-size : 11px; 
font-style: normal;
font-weight: normal;
color: #55555;
  }



/* LINKITYKSET JA NAVIGAATIOT */  


.taso0
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 10px; 
 font-style: normal;
 font-weight: bold;
  text-decoration : none;
  color: #FFFFFF;
  line-height : 20px;
  padding-left : 4px;
  padding-right : 4px;
 }
  
a.taso0:hover
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 10px; 
 font-style: normal;
 font-weight: bold;
  text-decoration: none;
color: #FFFFFF;
line-height : 20px;
background-color : #8CB4E8;
  padding-bottom : 5px;
  padding-top : 4px;
  padding-left : 4px;
  padding-right : 4px;
 }


.taso1 {
font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: bold;
  text-decoration : none;
  color: #3366CC;
  line-height : 20px;
}
  
a.taso1:hover
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: bold;
  text-decoration: underline;
color: #003078;
line-height : 20px;
 }

.taso2
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : none;
  color: #3366CC;
   /*margin-left : 10px;*/
  line-height : 17px;
 }
 
a.taso2:hover
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration: underline;
 color: #003078;
  /*margin-left : 10px;*/
 line-height : 17px;
 }

.taso3
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
 text-decoration : none;
   color: #3366CC;
 /*margin-left : 20px;*/
 line-height : 17px;
 }
 
a.taso3:hover
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration: underline;  
 color: #003078;
 /*margin-left : 20px;*/
 line-height : 17px;
 }


.taso4
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
 text-decoration : none;
color: #3366CC;
 /*margin-left : 30px;*/
 line-height : 17px;
 }
 
a.taso4:hover
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration: underline;
 color: #003078;
 /*margin-left : 30px;*/
 line-height : 17px;
 }

 a
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : none;
   color: #996600;
 }
 
a:hover
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : underline;
  color: #996600;
 }
 
 .tiedosto
  {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : underline;
  color: #666666;
 }

a.tiedosto:hover
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : none;
 color: #666666;
 }
 
 .tehostelinkki
   {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : none;
  color: #003078;
 }
 
a.tehostelinkki:hover
   {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : underline;
  color: #003078;
 }


.email
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : underline;
  color: #663300;
 }

a.email:hover
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : none;
color: #663300;
 }


.sivupolku
{font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : none;
  color: #999999;
 }
 
 .sivupolku:hover
 {font-family : Verdana, Arial, Helvetica,sans-serif;	
 font-size : 11px; 
 font-style: normal;
 font-weight: normal;
  text-decoration : underline;
  color: #666666;
 }



/* LOMAKKEET */  

.nappi1
{
BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid; 
	FONT-SIZE: 11px; 	
	font-style: normal; 
	font-weight: bold; 
	COLOR:  #FFFFFF;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica;
	font-weight: bold; 
	font-style: bold; 
	BACKGROUND-COLOR: #84B4E5;
	border-color : #666666;
}	

textarea 
{  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11 px; 
font-style: normal; 
font-weight: normal; 
color: #333333; 
BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid; 
	border-color : #666666;
}	

.scrollauskentta
{
BACKGROUND-COLOR: #FFFFFF; 
BORDER-BOTTOM: #666666 1px solid; 
BORDER-LEFT: #666666 1px solid; 
BORDER-RIGHT: #666666 1px solid; 
BORDER-TOP: #666666 1px solid; 
FONT-SIZE: 11px; 	
font-style: normal; 
font-weight: normal; 
color: #333333;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 padding-left : 5px;
 padding-top : 5px;
 padding-bottom : 3px;
scrollbar-face-color:  #F4f4f4;  /* scrolling paavari, liikkuva osa */  
scrollbar-shadow-color: #666666;   /* scrolling oikea reuna */  
scrollbar-highlight-color: #FFFFFF;  /* scrolling vasen reuna */  
scrollbar-3dlight-color: #333333;   /* scrolling vasen reuna efektivarjostus */  
scrollbar-darkshadow-color: #FFFFFF;   /* scrolling oikea reuna efektivarjostus */  
scrollbar-track-color: #FFFFFF;    /* scrolling liikkuvan osan tausta */  
scrollbar-arrow-color: #333333; /* scrolling nuolet */
}

select 
{  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11 px; 
font-style: normal; 
font-weight: bold; 
color: #333333; 
}	

.kentta  {
BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid; 
	border-color : #666666;
	FONT-SIZE: 11px; 	
	font-style: normal; 
	font-weight: normal; 
	color: #333333;
	 padding-left : 5px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}	

.logout { color: #fff; }
a.logout, a.logout:visited { color: #fff; }
a.logout:hover { color: #fff; text-decoration: underline; }

#sidenav table td {
	padding-left: 10px;
}

#sidenav a {
	margin-left: -10px;
}