/* $Header: /data/cvs/kunta4/phx/def/localized/master/layout/layout900/css/style.css,v 1.92 2007/06/07 05:56:47 al Exp $ */
/* layout 900 stylesheet */

/* GROUP Musiikki-ilta COLOR CHOICE: punainen */

body {
margin:0;
padding:0;
background-image: url(http://koulut.pohjois-karjala.fi/dman/Document.phx?documentId=ft12008163157448&cmd=download);
background-attachment: fixed;
background-repeat: repeat-x;
background-color: #000000;

font-family:tahoma;font-size:12px;
color:#333;
}


/* Header */

table#header {
text-align: left;
width:100%;
margin: 0;
padding: 0;
border:0px;
background-image: url(/Resource.phx/koulu/koulu-outokumpu-musiikki_ilta/header.htx.i1719.jpg);
background-repeat: no-repeat;
background-position: top right;background-color: #000000;

}

#h1 {
 min-width: 90px;

}




#h2 {
vertical-align: middle;text-align: left;
width:85%;

}

#h1 img, #h2 img {
 border: 0px;
}
/* \Header */

/* Top links */

#top-navi { 
background-color:#000000;
margin-right:4px;
margin-left:4px;
color: #f1f1f1;
  text-align: right;
  padding: 15px 10px 3px 3px;
}

#top-navi span {

}

#top-navi {
 
}

#top-navi img {
  border:0px;
}

#top-navi a{
color: #f1f1f1;
}


/* Layout's frame  */
.frame2, .frame {
 text-align:left;

width: 900px;
margin: 0 auto;
}

/* Left  bc image */

.l-bc {
z-index:1;
background-image:url(/Resource.phx/layout/img/lside.png);
background-repeat:repeat-y;
padding-left:4px;

}

/* \Left bc image */

/* Right  bc image */

.r-bc {
z-index:1;
background-image:url(/Resource.phx/layout/img/rside.png);
background-position: top right;
background-repeat:repeat-y;
padding-right:4px;

}

/* \Right bc image */

/* Content frame */

div.content-frame {
border:1px solid #000000;


}
/* \Frame fixed */

#top-links {
 text-align: left;
 width:100%;
 margin:0px;
 padding:0px 0px 0px 5px;
background-image:url(/Resource.phx/koulu/koulu-outokumpu-musiikki_ilta/header.htx.i1718.jpg);
 background-repeat: repeat-x;
background-color:#722013;

}

#top-links td {
padding-left: 1px;
}

#top-links a{
color: #f1f1f1;
 font-weight: bold;
}

table#top-links-right {
 padding-right: 120px;
 float:right;
}

table#top-links-right #nav {
 float:left;
}

div#extra-links {
text-align: left;
 color: #f1f1f1;
background-image:url(/Resource.phx/koulu/koulu-outokumpu-musiikki_ilta/header.htx.i1718.jpg);
background-color:#722013;
background-repeat: repeat-x;

 padding: 3px 0px 3px 7px;
 text-align:left;
}



#extra-links a{
color: #f1f1f1;
 font-weight:bold;
 padding:3px 6px 3px 6px;
}

/* \Top links */

/* Navipath */

#navipath {
 background-image: url(/Resource.phx/koulu/koulu-outokumpu-musiikki_ilta/header.htx.i1744.jpg);
background-repeat: repeat-x;
background-color:#f1f1f1;
 padding: 4px 10px 5px 13px;
 margin: 0px;
 text-align:left;
 font-size: 0.9em;
}

.letters {
 text-transform: capitalize;
}

/* \Navipath */

/* Search */

#form-space {
  margin:0;
}

div#search-box form {
 margin:0;
}

.formi {
  border: 1px solid #999;
  background : #fff;
}

#navipath form {
 float: right;

}

.left-box .greyline, #navipath .greyline {
  font-size:0.87em;
   margin:0px 2px 0px 2px;
}

.search-align .formi ,#navipath .formi{
  
   width: 104px;font-size:0.84em; height:11px;
}

.left-box .formi {
   height:11px;
   width: 104px;
font-size:0.9em;
}

#navipath #search-box a, .search-align a {
  font-size:0.9em;
}

.greyline {
  border: 1px solid #999;
  height: 15px;
  font-size: 0.83em;
}

.left-box .greyline {
  margin: 2px;
}

.formspace {
   margin: 0;
   padding: 0;
}

.search-border {
 border: 1px solid #999;
 padding: 3px 6px;
}
/* \Search */

/* Frame */

table#frame, table.c-body {
text-align: left;
 width:100%;

background-color: #f4e1d3;
 margin: 0;
 padding: 0;
 border:0px;
}

/* Content */

#content {
 vertical-align:top;
 padding: 15px 15px 10px 15px;
 
}

#ingressi {
 width: 100%;
background-image:url(/Resource.phx/layout/layout900/img/ingressi-back.jpg);
 background-repeat: repeat-x;
 background-color: #fff;
 padding:10px;
 margin-bottom: 10px;
 color: #333;
}

#ingressi .fieldheader, .serviceheader{
 margin-bottom:10px;
}

.news-line {
    height:1px;
    padding-bottom: 1px;
    margin-bottom: 10px;
background-image: url(/Resource.phx/layout/layout900/img/line-hor.gif);
background-repeat:repeat-x;
background-position:left bottom;
}

.news {
   padding-bottom: 1px;
   margin-bottom: 10px;
background-image: url(/Resource.phx/layout/layout900/img/line-hor.gif);
background-repeat:repeat-x;
background-position:left bottom;	
}

a.mnews,  a.news-two-right, a.mnews2  {
 display: block; 
}

a.mnews{
background-image:url(/Resource.phx/layout/layout900/img/menu-arrow.gif);
 background-repeat: no-repeat;
 background-position: 0em .3em;
 padding-left: 11px; 
}


div.mnews {
 float:none;
 text-align: left;
}

div.mnews2 {
 float:none;
 text-align: left;
}

div.mnews a, a.mnews{
background-image:url(/Resource.phx/layout/layout900/img/menu-arrow.gif);
 background-repeat: no-repeat;
 background-position: .1em .3em;
 padding-left: 12px; 
}

div.mnews2 a, a.mnews2{
background-image:url(/Resource.phx/layout/layout900/img/menu-arrow.gif);
 background-repeat: no-repeat;
 background-position: .1em .3em;
 padding-left: 14px;
 color: #666;
}

.plist {
  padding-bottom: 8px;
}

/* Two column content */

.cel-left {
 vertical-align:top;
 padding:0px 15px 0px 0px; 
}

.cel-right {
 width:200px;
 vertical-align:top;
}

div.news-two-right , a.news-two-right{
 padding: 5px 5px 0px 5px;
background-color: #f3f3f3; 
 margin-bottom: 10px;
}

div.link-right {
text-align: left;
}

a.link-right {
 display:block;
}

/* \Two column content */

hr.clear {
 clear:both;
 display:block; 
 visibility:hidden;
 height:1px;
}

/* News boxes */

.news-box {
width:29%;
border:1px solid #c89090;
 float:left;
 margin: 0px 5px 10px 0px;
 padding: 5px;
}

.news2-box {
width:29%;
background-color: #f1f1f1;
 float:left;
 margin: 0px 5px 10px 0px;
 padding: 5px; 
}
/* \News boxes */

/* Content page */

table.blocks {
 width:100%;
 border:0px;
}

td.bk1 {
  vertical-align: top;
  width: 45%;
  border:1px dotted #ccc;
  border-width: 0px 1px 0px 0px;
  padding: 0px 10px 0px 0px;
}

td.bk2 {
  vertical-align: top;
  width: 45%;
  padding: 0px 0px 0px 10px;
}

/* \Content */

/* Left column */

#cel-left {
background-color: #f4e1d3;
background-image: url(/Resource.phx/koulu/koulu-outokumpu-musiikki_ilta/header.htx.i1650.png);

 width: 170px;
 vertical-align:top;
 margin: 15px;
 padding: 15px 5px 10px 5px;
}

/* Menu */

.menu-box {
 vertical-align:top;
color: #333;
background-color:transparent;
background-image:url(/Resource.phx/layout/layout900/img/empty.gif);
 background-repeat: repeat-x;
 padding: 5px;
 margin: 0px 0px 10px 0px;
}

td#cel-right .menu-box {
/*  margin: 0px 0px 10px 0px;*/
}

div.menu-box a {
 display:block;
 padding: 3px 0px 3px 0px;
 background-repeat: no-repeat; 
 background-position: .1em .50em;
 color: #333;
background-image:url(/Resource.phx/layout/layout900/img/menu-arrow.gif);
padding-left: 12px;
}

.menu-over {  
  font-weight: bold;
}

div.menu-box a.menu-over  {
background-image:url(/Resource.phx/layout/layout900/img/menu-arrow-over.gif);

}

/* Submenu */

div.menu-box a.submenu-out, div.menu-box a.submenu-over{
background-image:url(/Resource.phx/layout/layout900/img/empty.gif);
  background-repeat: no-repeat;
  display:block;
  padding: 2px 0px 2px 15px;
  font-size: 0.9em;
}

div.menu-box a.submenu-over{
  text-decoration: underline;
}
/* \Submenu */

.left-box {
border:1px solid #ccc;
background-color: transparent; border:none;
 padding: 5px;
 margin: 0px 0px 10px 0px;
}

.left-space {
 padding:5px;
 margin-bottom: 10px;
}

.r-space {
 padding-bottom: 5px;
}

#welcome-box {
 background-color: #ebd9cc;
 padding: 5px;
 margin: 0px 0px 10px 0px;
 color: #333;
}

.welcome-box a{
 color: #333;
}

/* \Left column */

.head-box {
color: #f1f1f1;
background-image: none;
background-color:#722013;
 font-weight:bold;
 background-repeat: repeat-x;
 padding: 2px 3px 2px 10px;
 margin: 0px 0px 1px 0px;
}

td#cel-right .head-box {
 /* margin: 0px 0px 10px 0px;*/
}

.head-box a {
 color: #f1f1f1; 
}

/* Right column */

#cel-right {
 width: 182px;
 vertical-align:top;
 padding: 15px 5px 10px 5px;
 
background-color: #f4e1d3;

}

.right-box {
 background-color: #eee;
 padding: 2px 10px 2px 10px;
 margin: 0px 0px 10px 0px;
}

/* \Right column */

/* Img box */

#cel-left .img-box {
 text-align:center;
 margin-bottom:10px;
}

#cel-right .img-box {
 text-align:center;
 margin-bottom:10px;
}

.ad-box {
 text-align:center;
 margin-bottom:10px;
}

.ad-box img {
  border:0;
}
/* \Img box */

#footer {
background-image:url(/Resource.phx/layout/layout900/img/empty.gif);
background-color:#000000;
color: #f1f1f1;text-align:left;  
 padding: 10px;
 font-size: 0.95em;
}

#footer a {
color: #f1f1f1;
}

/* Plaza changes */

.phx-navbottom {
 margin-top:5px;
}

/*Backgrounds*/

/* Eman */

	.emname, .emanmonth, .emanmonth td, td.dweek {
	  background-color: #eee;
	}
	
	.eman-box {
	 margin:0px 3px 10px 3px;
	}
	
	td.earrow2 , td.earrow {
	    background-color: #fff;
	}

/* \Eman */

#wback {
  background-color: #fff;
}
.shcolor,.phx-header  {
 background-color: #f1f1f1;
}
/*\Backgrounds*/

/* some aligns & margins */

#aright {
 text-align:right;
}

/* Header fonts */
.serviceheader, .phx-title, .superheader , h1{
 color:#893b24;
 font-size: 1.4em;
 font-weight:bold;
}

div.serviceheader {
   padding-bottom: 5px;
background-image: url(/Resource.phx/layout/layout900/img/line-hor.gif);
background-repeat:repeat-x;
background-position:left bottom;
}

#ingressi div.serviceheader {
background-image: none;
}

.fieldheader, h2 {
 color:#893b24;
 font-size: 1.1em;
 font-weight:bold;
}

span.columnheader{
 display: block;
}

div.news div.fieldheader, div.news div.columnheader , span span.columnheader{
 padding-bottom:5px;
}

.columnheader, h3 ,h4{
 font-size: 1em;
 font-weight:bold;
}

h5, h6 {
  font-weight:normal;
}
/* Formpage modify view */


div.mody .shcolor {
 background-color:#efe8e1;
}


div.mody {
 padding: 0px 15px 0px 15px;
}

div.f-element {
  background-color: #7bb8f5;
  padding: 5px;
  border:1px ridge #1b5997;
  font-weight:bold;
  color: #fff;
}

 /* formpage fields */
 
div.mody  input, div.mody  INPUT , div.mody  textarea, div.mody select  {
   background-color: #f1f1f1;
   border:1px solid #6ea7e0;
}

 /* formpage buttons */
div.mody .f-btn {
   background-color:#a0c9f8;
   border:1px solid #286fb8;
   
 }

 /* formpage selects */

a {
 color:#900;
 text-decoration:none;
}

a:hover {
     text-decoration:underline;
}

/************ \NEW STYLE **********/

/* TOP LINKS LAYER NAVIGATION */

ul#nav, #nav ul { 
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav li {
  float: left;
  position: relative;
}




#nav li ul  {
  display: none;
  position: absolute;
  top: 19px;
  left: 3px;
  z-index: 10;
}

li>ul {
  top: auto;
  left: auto;
}

#nav li:hover ul,#nav li.over ul { 
  display: block;
}

.n-over {
   color:#fff;
   text-align: left;
   background-color: #000000
}

.n-over a, li.nav1 a {
 color:#fff;
 text-align: left;
}

#nav li{
 padding:3px 7px 3px 7px;
}

#nav ul li a {
 color:#000;
 font-weight:300;
 background-color: #ffffff;
-moz-opacity:0.9;
 opacity: .90;
 filter:alpha(opacity=95);
 
}

#nav ul li a:hover {
 color:#f1f1f1;
background-color: #000000;
-moz-opacity:1.0;
opacity: 1;
filter:alpha(opacity=100);

}

#nav ul, #nav ul li {
 width: 180px;
 
 line-height:15px;
 
 border-style: solid;
 border-color: #f9f9f9; 
 border-width: 0px 0px 1px 0px; 
 margin: 0;
 padding: 0;

 filter:alpha(opacity=95);
 
}

#nav ul li a{
 display: block;
 padding: 2px 1px 2px 2px;
 font-size:0.87em;
}

#nav a{
text-decoration: none;
}
 /* \TOP LINKS LAYER NAVIGATION */



/* PRINT SPECIFIED TAGS */

 @media print {
     body {
        background-color: #fff;
	background-image: none;
     }
     
     .news, .news-line {
         border:0px;
     }
     
     div.mnews a, div.mnews2 a, #ingressi {background-image: none;}
 }