/* SIVUJEN RAKENNETYYLIT */
body
{
	margin: 0;
}

table#taulu
{
	width: 100%;
	height: 100%;
	background-image: url('tilausjarjestelma/kuvat/tausta.jpg');
	background-repeat: repeat-x;
	background-color: #DBCFA1;
}

input.virhe
{
	border: 2px solid red;
}

td#jatkuva-x
{
	background-color: #DBCFA1;
	background-image: url('kuvat/tausta.jpg');
	background-repeat: repeat-x;
	height: 100%;
	width: auto;
}

td#jatkuva-x_tilaus
{
	background-color: #DBCFA1;
	background-image: url('tilausjarjestelma/kuvat/tausta.jpg');
	background-repeat: repeat-x;
	height: 100%;
	width: auto;
}

td#logokentta
{
	background-image: url('kuvat/logo.jpg');
	width: 1000px;
	height: 182px;
}

td#logokentta_tilaus
{
	background-image: url('tilausjarjestelma/kuvat/logo.jpg');
	min-width: 1000px;
	height: 106px;
}

td#logokentta_yllapito
{
	background-image: url('yllapito/kuvat/logo.jpg');
	min-width: 1000px;
	height: 106px;
}

td#ylanavi
{
	background-image: url('kuvat/ylanavi.jpg');
	width: 1000px;
	height: 32px;
	background-repeat: no-repeat;
}

td#alanavi
{
	background-image: url('kuvat/alanavi.jpg');
	width: 1000px;
	height: 34px;
	font-family: verdana;
	color: #A02321;
	font-weight: normal;
	font-size: 11px;
}

td#pajalanavi
{
	background-image: url('kuvat/alanavi.jpg');
	width: 1000px;
	height: 34px;
	font-family: verdana;
	color: #A02321;
	font-weight: normal;
	font-size: 11px;
	vertical-align: top;
}

td#alanavi_tilaus
{
	background-image: url('tilausjarjestelma/kuvat/alanavi.jpg');
	width: 1000px;
	height: 34px;
	font-family: verdana;
	color: #A02321;
	font-weight: normal;
	font-size: 11px;
	padding-top: 7px;
}

td#oikea_fade_tilaus
{
	background-image: url('tilausjarjestelma/kuvat/oikea_fade.jpg');
	background-repeat: no-repeat;
	background-color: #DCCFA2;
	width: 33px;
}

td#vasen_fade_tilaus
{
	background-image: url('tilausjarjestelma/kuvat/vasen_fade.jpg');
	background-repeat: no-repeat;
	background-color: #DCCFA2;
	width: 20px;
}

td#vasen_fade
{
	background-image: url('kuvat/vasen_fade.jpg');
	background-repeat: no-repeat;
	background-color: #DCCFA2;
	width: 30px;
}

td#vasen_fade_uutiskirje
{
	background-image: url('kuvat/vasen_fade.jpg');
	background-repeat: no-repeat;
	background-color: #DCCFA2;
	width: 30px;
}

td#oikea_fade
{
	background-image: url('kuvat/oikea_fade.jpg');
	background-repeat: no-repeat;
	background-color: #DCCFA2;
	width: 33px;
}

td#oikea_fade_uutiskirje
{
	background-image: url('kuvat/oikea_fade.jpg');
	background-repeat: no-repeat;
	background-color: #DCCFA2;
	width: 33px;
}

td#tekstikentta
{
	background-image: url('kuvat/tekstikentta_fade.jpg');
	background-repeat: repeat-x;
	background-color: #E1D8AF;
	width: 628px;
	vertical-align: top;
}

td#tekstikentta_uutiskirje
{
	background-image: url('kuvat/tekstikentta_fade.jpg');
	background-repeat: repeat-x;
	background-color: #E1D8AF;
	width: 800px;
	vertical-align: top;
}

td#tekstikentta_tilaus
{
	background-image: url('tilausjarjestelma/kuvat/tekstikentta_fade.jpg');
	background-repeat: repeat-x;
	background-color: #E1D8AF;
	width: 937px;
	vertical-align: top;
	padding-top: 15px;
}

td#kuvakentta
{
	background-image: url('kuvat/kuvakentta_fade.jpg');
	background-repeat: repeat-x;
	background-color: #E6E1C3;
	margin-top: 25px;
	padding-top: 15px;
	width: 309px;
	vertical-align: top;
	text-align: center;
}

#ylanavi_teksti
{
	margin-left: 50px;
}

#alanavi_teksti
{
	margin-left: 50px;
	padding-top:1px;
}

#tekstikentta_teksti
{
	padding: 20px;
}

/* TEKSTIMUOTOILUT */
.leipateksti
{
	font-family: verdana; 
	color: black; 
	font-size: 11px;
}

.punainen
{
	font-family: verdana; 
	color: #990508; 
	font-size: 11px;
}

.tekstikentta
{
	font-family: verdana; 
	color: black; 
	font-size: 11px;
	padding-left: 20px;
	padding-right: 20px;
}

.valiotsikko
{
	font-family: verdana; 
	color: black; 
	font-size: 14px;
	font-weight: bold;
}

.box_otsikko
{
	font-family: verdana; 
	color: black; 
	font-size: 12px;
	font-weight: bold;
}

.otsikko
{
	font-family: verdana; 
	color: black; 
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 20px;
}

.paksu_teksti
{
	font-family: verdana; 
	color: #990508; 
	font-size: 14px;
	font-weight: bold;
}

.kuvareuna
{
	border: 1px solid #C4BB94;
}

input.submit
{
	border: 1px solid #BFBFBF;
	background-image: url(kuvat/input_tausta.gif);
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 0px 5px 3px 5px;
	cursor: hand;
	cursor: pointer;
	height: 22px;
}

input.tallenna
{
	border: 1px solid #BFBFBF;
	background-image: url(kuvat/input_tausta_tallenna.gif);
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 0px 5px 3px 5px;
	cursor: hand;
	cursor: pointer;
	height: 22px;
}

input.poista
{
	border: 1px solid #BFBFBF;
	background-image: url(kuvat/input_tausta_poista.gif);
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 0px 5px 3px 5px;
	cursor: hand;
	cursor: pointer;
	height: 22px;
}

input.tausta
{
	border: 1px solid #BFBFBF;
	background-image: url(kuvat/input_tausta_gradi.jpg);
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	padding: 3px 3px 1px 3px;
	height: 20px;
}

/* NAVIGAATIO */
a#yritys
{
	position: absolute;
	top: 183px;
	padding-left: 70px;
	z-index: 10;
}

a#tuotteet
{
	position: absolute;
	top: 183px;
	padding-left: 175px;
	z-index: 9;
}

a#ruusutarha
{
	position: absolute;
	top: 183px;
	padding-left: 300px;
	z-index: 8;
}

a#kantaasiakkaat
{
	position: absolute;
	top: 183px;
	padding-left: 445px;
	z-index: 7;
}

a#jalleenmyyjamme
{
	position: absolute;
	top: 183px;
	padding-left: 620px;
	z-index: 6;
}

a#pajat
{
	position: absolute;
	top: 183px;
	padding-left: 805px;
	z-index: 5;
}

#logolinkki
{
	position: absolute; 
	left: 320px; 
	top: 10px; 
	width: 620px; 
	height: 160px;
	cursor: pointer;
	cursor: hand;
}

#logolinkki_tilaus
{
	position: absolute; 
	left: 320px; 
	top: 10px; 
	width: 620px; 
	height: 80px;
	cursor: pointer;
	cursor: hand;
}

form
{
	display: inline;
}

/* LINKIT */
a
{
	outline: 0;
}

a.navi:link, a.navi:visited, a.navi:active
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#A42828;
	font-weight: bold;
}

a.navi:hover
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#7B7B7B;
	font-weight: bold;
}

a.harmaa:link, a.harmaa:visited, a.harmaa:active
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#AFAFAF;
}

a.harmaa:hover
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

a.linkki:link, a.linkki:visited, a.linkki:active
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#A42828;
	font-weight: bold;
}

a.linkki:hover
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#7B7B7B;
	font-weight: bold;
}

a.pajalinkki:link, a.pajalinkki:visited, a.pajalinkki:active
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#A42828;
	font-weight: bold;
}

a.pajalinkki:hover
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#7B7B7B;
	font-weight: bold;
}

a.isolinkki:link, a.isolinkki:visited, a.isolinkki:active
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color:#A42828;
	font-weight: bold;
}

a.isolinkki:hover
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color:#7B7B7B;
	font-weight: bold;
}

/* INPUT TYYLIT */
input.laheta
{
	border: 1px solid #C4BB94;
	background-image: url(kuvat/input_tausta_tallenna.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
}

input.login
{
	border: 1px solid #A2A2A2;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	padding: 2px 2px 2px 2px;
	height: 22px;
}

img { behavior: url(iepngfix.htc); }


/* Tietojentarkistuslomake*/
#tekstikentta_tilaus td
{
	font-size: 12px;
}

.ok
{
	background-color: #beffaf;
	border: 1px solid #7f9db9;
	padding: 2px 1px 2px 1px;
}

.fail
{
	background-color: #ff4242;
	border: 1px solid #7f9db9;
	padding: 2px 1px 2px 1px;
}

div#tuoteryhmat
{
	margin-top: 10px;
	line-height: 20px;
	clear: both;
}

div#kori
{
	margin-top: 10px;
	line-height: 20px;
	clear: both;
	margin-bottom: 15px;
}

div#haku
{
	line-height: 20px;
	clear: both;
}

div#paluu
{
	clear: both;
}

.hide
{
	display: none;
}

.show
{
	display: block;
	clear: right;
}

.show_row
{
	display: row;
	clear: right;
}

a.tuoteryhmat1
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#A42828;
	font-weight: bold;
}

a.tuoteryhmat1:hover
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#7B7B7B;
	font-weight: bold;
}

a.tuoteryhmat2
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#A42828;
	font-weight: normal;
	margin-left: 10px;
}

a.tuoteryhmat2:hover
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#7B7B7B;
	font-weight: normal;
	margin-left: 10px;
}

div.valikko[id]
{
	border: 1px dashed #D7CCB4; 
	background-color: #FFFFFF; 
	padding: 10 10 10 10; 
	width: 180px;
	float: left;
}

div.valikko
{
	border: 1px dashed #D7CCB4; 
	background-color: #FFFFFF; 
	padding: 10 10 10 10; 
	width: 190px;
	float: left;
}

div#listaus[id]
{
	border: 1px dashed #D7CCB4; 
	background-color: #FFFFFF; 
	padding: 10 10 10 10; 
	width: 650px;
}

div#listaus
{
	border: 1px dashed #D7CCB4; 
	background-color: #FBF8F1; 
	padding: 10 10 10 10; 
	width: 670px;
	_height: 600px;
	min-height: 600px;
	margin-left: 220px;
}

tr.tuote
{
	width: 100%;
}

tr.tuote td
{
	padding: 2px 5px 2px 5px;
}

.hover
{
	background-color: #EFE7D9;
	cursor: pointer;
	cursor: hand;
}

table#koritaulu
{
	width: 100%;
	border-collapse: collapse;
}

table#koritaulu td
{
	border: 1px solid #D7CCB4;
	padding: 3px;
}

table#koritaulu tr.otsikkorivi
{
	font-weight:bold;
}

table#minikori
{
	width: 100%;
	border-collapse: collapse;
}

table#minikori td
{
	font-size: 10px;
	padding: 3px;
}

table#minikori tr.otsikkorivi
{
	font-weight:bold;
}

div#boksi
{
	padding: 4 4 4 4;
	background-color: #FFFFFF;
	border:1px dashed #720509;
	width: 200px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

table.listausnavigaatio
{
	border-collapse: collapse;
}

table.listausnavigaatio td
{
	padding: 0px;
	font-size: 10px;
	height: 25px;
	width: 25px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
}

table.listausnavigaatio td div.spacer
{
	width: 25px;
	height: 19px;	
	_height: 25px;	
	text-align: center;
	vertical-align: middle;
	padding-top: 6px;
}

table.listausnavigaatio td div.active_spacer
{
	width: 25px;
	height: 19px;	
	_height: 25px;	
	text-align: center;
	vertical-align: middle;
	padding-top: 6px;
	color: white;
	background: #810C12;
}

table.listausnavigaatio td div.spacer:hover, table.listausnavigaatio td div.spacer:active
{
	width: 25px;
	height: 19px;
	_height: 25px;
	background: #AD0C11;
	color: white;
	padding-top: 6px;
	cursor: hand;
	cursor: pointer;
}

nput.submit
{
	border: 1px solid #C2C2C2;
	background-image: url(kuvat/input_tausta.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
}

input.hae
{
	border: 1px solid #C2C2C2;
	background-image: url(kuvat/input_tausta.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
}

input.tallenna
{
	border: 1px solid #C2C2C2;
	background-image: url(kuvat/input_tausta_tallenna.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
}

input.poista
{
	border: 1px solid #C2C2C2;
	background-image: url(kuvat/input_tausta_poista.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
}
/*DRAG'n'DROP tyylit*/
    ul.testlist { 
      list-style-type:none;
      margin:0;
      padding:0;
    }
    ul.testlist li {
      width:150px;
      font:12px Verdana;
      padding:4px;
      cursor:move;
    }
    ul.testlist li.over {
      background-color:#fcb;
    }
    ul.testlist li img {
      float:left;
      margin-right:8px;
    }
    div.dropmarker {
      height:6px;
      width:200px;
      background: url(kuvat/dropmarker.png) left top;
      margin-top:-3px;
      margin-left:-5px;
      z-index:1000;
      overflow: hidden;
    }
    #testlist li {
      float:left;
	  clear: both;
    }