* 
{ 
margin: 0; 
padding: 0; 
text-align:left;
}

html {
margin-bottom : 1px;
text-align: center;
overflow-y: scroll;
height: 98%;
}

body{
/*font-family: "Trebuchet MS","Lucida Sans Unicode",Tahoma,Verdana,Arial,serif;*/
font-family: Verdana,Arial,serif;
font-size: 0.8em;  
background:#fff url(liuku_tausta2.jpg) repeat-x;
height: 99%;
color: #333;
}

#page{
min-height: 99%;
height: auto !important;
height: 100%;
margin: 0 auto 0px;
width: 780px;
}

a {
text-decoration:none;
padding-left:2px;
}

#fq { width : 300px; font-family : Arial, sans-serif; font-size : 10px; padding-left : 4px; }

#fs{
padding: 0 5px;
}

#search-results{
	width : 305px;
	border : #000 1px solid;
	background : #fff; 
	display : none; 
	position: relative; 
	clear:both;
	float:none;
	
	left:0px;
	top:-1px;
	}
* html div#search-results 
{ 
width : 307px; 
z-index:180;
} /* box model hack */
.sr, .srs { width : 100%; float : left; font-family : Arial, sans-serif; font-size : 13px; padding : 1px 0 0 0; }
.sr { background-color : #fff; color : #000; z-index:80;}
.srs { background-color : #36c; color : #fff; cursor : pointer; }
.sr .src { color : #008000; }
.srs .src { color : #fff; }
.srt { float : left; font-size : 13px; margin-left : 4px; }
.src { float : right; font-size : 10px; margin-right : 3px; padding-top : 2px; }

#topbar{
	display: block;
	width: 100%;
	height: 40px;
	background: #B3B3B3 url('topbarbg.jpg') top center repeat-x;
}

#topbar-nologin-images{
	display: block;
	width: 100%;
	height: 45px;
	background: transparent url('topbarbg-nologin.png') center 5px no-repeat;
}


#tuunixotsikko{
	font-family: "Trebuchet MS","Lucida Sans Unicode",Tahoma,Verdana,Arial,serif;
	font-size: 24px;
	text-shadow: 2px 2px 7px #eee;
	color: #666;
	margin: 0px 10px;
	padding-top: 6px;

}
#nav{
background-color: #afafaf url('navbg.jpg') bottom left repeat-x;
float:left;
width:780px; /*valikon leveys, jos ei ole, rivittyy */
clear:both;
}

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

#nav a{
background:url(tabs13.gif) no-repeat 100% 0;
display:block;
height: 17px;
font-size:12px;
padding:7px 9px 2px 1px;
text-decoration:none;
color: #00003C;
}


/* copyall  lisäys*/
.hover{
border:1px #555 solid;
background-color: #fff !important;
}

.harmaateksti{
	color: #777 !important;
}

#copiedtxt, #precopiedtxt{
position:absolute;
top:50px;
left:10%;
display:block;
width: 400px;
height:40px;
vertical-align:middle;
padding: 20px;
border: #000000 dashed 1px;
background-color:#80ff80;
color: #000;
font-size:14px;
font-weight:bold;
z-index:30;
text-align:center;
}

/* copyall loppu */


#nav a:hover{
color:#fff;
}

#nav li{
background:url(tabs13.gif) no-repeat 0 0;
float:left;
margin:0 0px 0 0;
padding:0 0 0 9px;
}

#nav #aktiivi{
background:url(tabs13.gif) no-repeat 0 -41px;
}

#nav #aktiivi a{
background:url(tabs13.gif) no-repeat 100% -41px;
color:#1218aa;
padding:7px 10px 5px 8px;
}

#laite, #nimike1 {
width: 300px;
clear:both;
font-family : Courier New;
}

#nimike1 {
width: 243px;
}

#tuoteryhma_id{
margin-top: 3px;
margin-bottom: 5px;
width: 300px;
clear:both;
font-family : Courier New;
background-color:#ffffcc; 
}

#osakuvaus{
clear:both;
margin-top:2px;
/*background: #fff url(osankuvaus.jpg) no-repeat top right;*/
}

#laitenimikentta{
clear:both;
margin-top:2px;
background-color:#eee;
}

#laitetyyppikentta{
clear:both;
margin-top:2px;
background-color:#eee;
}

#massavaraus{
clear:none;
margin-top:5px;
float:right;
clear:right;
}

#manuaalipiirnro{
clear:none;
}

#etulisatd{
width:90px;
}


#content{
clear:both;
/*float:left; otettu pois 20130218*/
margin-top:10px;
position: relative;
}

.laitetaulu {
margin:0 0 20px 0;
width:460px;
}

/*
.laitetaulu td {
border:1px solid blue;
}
*/
.reunaviivadiv{
margin:0 0 20px 0;
border:1px solid #bbb;

}

.laitetaulu td{
vertical-align:top;
padding-top:1px;
}

#virhe{
vertical-align:top;
padding: 20px;
display: block;
border: 2px red dashed;
background-color: #f3f2b7;
color: #ff0000;
width: 300px;
clear: both;
font-size:12px;
font-weight:bold;
}

#ilmoitus{
vertical-align:middle;
padding: 20px;
display: block;
border: #000000 dashed 1px;
/*background: #f0f0d0;*/
background-color:#80ff80;
color: #000;
width: 400px;
clear: both;
font-size:14px;
font-weight:bold;
}

#las, #lasres{ /*submitnappi*/
padding: 0px 12px;
}

#poistakoodi{
margin-left:50px;
background-color:#aaa;
border:2px solid #ee2222;
padding:0px 10px 0px 10px;

}

#materialquickfield{
display:none; /*piilossa aluksi */
width:350px;
height:200px;
overflow-y:scroll;
background-color:#FFFFCC;
border:1px solid #555;
}


a.materclick, a.listclick{
padding:0px 5px;
}
a.materclick:hover, a.listclick:hover{
background-color:#bbbbaa;
}
.materiaalit{
display:block;
width:400px;
background-color:#f1f1f1;
}
.pieniteksti {
font-size:10px;
clear:none;
text-decoration:none;
color:#555;
}
.materiaaliluokka1{
margin-top:3px;
clear:none;
width: 170px;
}
.materiaaliluokka2, .materiaaliluokka3{
clear:before;
width: 170px;
margin-left:134px;
margin-bottom:5px;
margin-top:3px;
}

.materiaalitulos{
clear:before;
display:block;
width:99%;
border:1px solid #ddd;
}

.materiaalitulosradiodiv{
height:20px;
width:25px;
display:block;
float:right;
clear:after;
text-align:center;
margin-top:0px;
padding-top:5px;
vertical-align:center;
background-color: #f3f2b7;
border:1px solid #999;
}

.koodiluokka{
margin-top:3px;
clear:before;
width: 110px;

}
.uusilabel{
margin-left:10px;
margin-right:5px;
width:140px;
display:inline-block; /*BLOKKI SAMALLA RIVILLÄ */
clear:none;
/*border:1px solid black;*/
}

#uusi{
width:470px;
}
.adlabel{
margin-left:10px;
margin-right:5px;
width:150px;
display:inline-block; /*BLOKKI SAMALLA RIVILLÄ */
clear:none;
/*border:1px solid black;*/
}
.oikeafloat{
float:right;
margin:-15px 0 0 0;
clear:none;
text-align:right;
}


tr.ots{ /*otsikko*/
color: :#fff;
}
tr.ots td{ /*otsikko TD*/
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #191919;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.tilaustietotaulu2 tr.ots td, .listataulu tr.ots td, .laiterakennesaldotaulu tr.ots td { /*otsikko TD, tilaustietotaulussa pienempi otsikkofontti*/
font-size:12px;
}

tr.pl{ /*parillinen*/
background-color:#ffffff;
}
tr.pl:hover{ /*parillinen*/
background-color:#eeeeee;
}

#piirnro{
background-color:#AEE294;
margin-left:132px;
clear:none;
}

tr.pt{ /*pariton*/
 background-color:#D8EBFE;
}
tr.pt:hover{ /*pariton*/
 background-color:#aad4ff;
}

.footer, .push{
font-size:12px;
padding-left:5px;
text-align:left;
height:33px;
color: #666;
}

.footer{
	width: 780px;
	margin: 0 auto 0 auto;
}

.footer a, .footer a:visited{
	color:#333399;
}

#numerothaku{
width:500px;
border:0px;
margin-bottom:10px;
}

.yleislistataulu{
margin:0px;padding:0px;
width:100%;
box-shadow: 7px 7px 7px #999999;
border:1px solid #191919;

-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;

-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;

-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;

border-spacing:0;
border-collapse:collapse;
margin-bottom: 10px;
}

.yleislistataulu td{
	vertical-align:middle;
	border:1px solid #191919;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Verdana;
	font-weight:normal;
	color:#000000;
}
.yleislistataulu tr:last-child td{
	border-width:0px 1px 0px 0px;
}.yleislistataulu tr td:last-child{
	border-width:0px 0px 1px 0px;
}.yleislistataulu tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}

.yleislistataulu tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf;
}
.yleislistataulu tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.yleislistataulu tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.listataulu, .materiaalihallintatable{
width:100%; 
margin:5px 0 15px 0;
}

.tilaustietotaulu{
width:100%;  
margin:5px 0 15px 5px;
border:1px #000 solid;
}

.tilaustietotaulu2, .laiterakennesaldotaulu{
width:100%;  
margin:5px 0 15px 0px;
font-size: :0.6em;
}

.tilaustietotaulu2 td, .listataulu td, .laiterakennesaldotaulu td{
padding: 1px;
}

.korostusrivi{
font-weight:bold;
color:#0000ff;
border:1px solid #0000ff;
background-color:#fff;
}


.vaihdalaite-koodi, .vaihdamateriaali-koodi{
	color: #000;
	min-width: 80px;
	display: inline-block;
}
#valmistajadropcontainer, #laitenimicontainer,#materiaalinimicontainer, #tuoteryhmanimicontainer{ /*numerot sivulla, muokkaus lista laitteista, 20090907lisätty oikea nimi laitenimi */
position:absolute;
clear:none;
left:325px;
z-index:200;
text-align:left;
}

#materiaalinimicontainer{
z-index:199;
}
#tuoteryhmanimicontainer{
z-index:198;
}

#valmistajadrop, #laitenimilista, #tuoteryhmanimilista, #materiaalinimilista{
display:none;
background-color:#FDF6C6;
width:285px;
height:180px;
padding:3px 0 0 3px;
text-align:left;
color:#000;
overflow-y:scroll;
}

#materiaalinimilista, #materiaalinimicontainer{
width:385px;
}


#valmistajadrop a{
color:#000;
}

.piilo{
display:none;
width:0;
height:0;
}

/* button 2013 */


input[type="submit"],input[type="reset"], .btn-blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c7bc9) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #2c7bc9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c7bc9');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	padding:2px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}
input[type="submit"]:hover, .btn-blue:hover  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c7bc9), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #2c7bc9 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c7bc9', endColorstr='#79bbff');
	background-color:#2c7bc9;
}
input[type="submit"]:active, .btn-blue:active {
	position:relative;
	top:1px;
}

#lasres{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CBCBCB), color-stop(1, #828282) );
	background:-moz-linear-gradient( center top, #CBCBCB 5%, #828282 100% );
}


#poistakoodi{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffCBCB), color-stop(1, #ff8282) );
	background:-moz-linear-gradient( center top, #ffCBCB 5%, #ff8282 100% );
}


.editwithdblclick:hover {
background-color: #fff;
color: #0000B9;
text-decoration: underline;
cursor: default;
}
.editwithdblclicknav:hover {
text-decoration: underline !important;
}
.laite_rakenne_laitemaara_div {
	border: 2px solid #ccc;
	padding:5px;
	background-color: #91FF91;
}
.text-center {
	text-align: center !important;
}
.largeboldtext b {
	font-size: 14px;
	text-transform: uppercase;
}

.laite_rakenne_ylatable td {
	border:1px solid #eee;
	padding:5px 5px;
}

p.filelisting:hover {
    background-color: #ccc;
}
a.deletefile {
color: #ff0000;
margin-left: 40px;
}
a.listfilelink {
display:inline-block;
width:340px;
color: #3333ff;
margin-left: 0px;
}


/* TULOSTUS TULOSTUS TULOSTUS */
@media print {



#nav, #hakuehto, #numerothaku, .noprint, .push, .footer{
display:none;
visibility:hidden;
width:0;
height:0;
}

#page, #content, #sivualue, .listataulu, .materiaalihallintatable{
width:99%;
margin:0;
padding:0;
}

.listataulu, .materiaalihallintatable{
border-width: 1px;
border-spacing: 0px;
border-style: solid;
border-color: #ddd;
border-collapse: collapse;
background-color: #ffffff;

}

.listataulu td, .listataulu tr, .materiaalihallintatable td, .materiaalihallintatable tr{
border:1px #ddd solid;
padding: 0px;
background-color: #ffffff;
}

tr.ots td{
color: #000;
font-size: 15px;
}

#hakusana{
width:auto;
height:auto;
visibility:visible;
display:block;
}




} /* printview */