/* FOTOYKS.FI 2007 */

/* GENERAL */
body {
margin:0px;
padding:0px;
}

body, td, th {
color: #333;
font: 11px Arial, Helvetica, sans-serif;
}

a:link, a:active, a:visited, a:hover {
color: #d21515;
text-decoration: none;
}

.ibox {
position:absolute;
top:322px;
left:220px;
width:250px;
padding:4px;
background:#ffff00;
border:3px solid #ff0000;
visibility:hidden;
z-index:999;
font-size:14px;
font-family:Verdana, Arial, Sans-Serif;
text-align:center;
}


/*KUVAKIRJASIVU*/

#kk_sivu p{    
font-family:Arial;
}

#kk_sivu p{    
font-size:12px;
}
    
#kk_sivu h2,h3 {    
margin-top:0px;
margin-bottom:6px; 
}

#kk_sivu td {    
vertical-align:top;    
}
    
#kk_harmaa {
margin-left:-15px;
padding-left:15px;
padding-right:10px;
padding-top:15px;
padding-bottom:7px;
}
#kk_harmaa p { 
font-size:14px;
}
    
.btn_kelt { 
position:absolute; 
width:136px; 
height:35px; 
padding-top:18px; 
padding-left:12px;
font-size:14px;
font-weight:bold;
color:#CE1B04;
cursor:pointer;
background:url('../kirja/img/sivu/btn2_keltainen.png');
}

.btn_kelt2 { 
position:absolute; 
width:136px; 
height:29px; 
padding-top:11px; 
padding-left:12px;
font-size:14px;
font-weight:bold;
color:#CE1B04;
cursor:pointer;
background:url('../kirja/img/sivu/btn3_keltainen.png');
}

.btn_kelt3 { 
position:absolute; 
width:183px; 
height:35px; 
padding-top:18px; 
padding-left:12px;
font-size:14px;
font-weight:bold;
color:#CE1B04;
cursor:pointer;
background:url('../kirja/img/sivu/btn2w_keltainen.png');
}

.palkki {
position:relative; 
width:350px; 
height:21px; 
padding-left:115px;
padding-top:5px;
font-size:13px;
}
.nimet {
position:absolute; 
left:5px; 
top:5px;
font-weight:bold;
}



/* FORMS */
form {
margin:0px;
padding:0px;
}

textarea {
overflow: hidden;
}

p {
margin: 0px;
padding: 0 0 8px;
}



/* ELEMENTS */
.pgsel {
height: 18px;
width: 75px;
}

.insel {
height: 18px;
width: 190px;
}

.inint {
height: 12px;
text-align: left;
width: 28px;
}

.incur {
height: 12px;
text-align: right;
width: 40px;
}

img#btn {
cursor: pointer;
}

.sivut {
width:162px; 
height:36px;
cursor:pointer;
}


/* muokkaa,lisää,poista */
.tba1 {
color: #d21515;
cursor: pointer;
font-size: 9px;
}

.tba2 {
color: #d21515;
cursor: pointer;
font-size: 9px;
padding-left: 8px;
}

.tbd1 {
color: silver;
font-size: 9px;
}

.tbd2 {
color: silver;
font-size: 9px;
padding-left: 8px;
}

.txstr {
height: 12px;
text-align: left;
width: 180px;
}

.txlab {
background: #f8f7f3;
border: 0;
font: 10px Verdana;
height: 12px;
text-align: right;
width: 50px;
}

.txale {
background: #f8f7f3;
border: 0;
font: 11px Arial;
height: 12px;
width: 100px;
}

.txtlink {
color: #d21515;
cursor: pointer;
}

.infot {
background: #f0efea;
border-width: 0;
color: navy;
width: 755px;
}

.infotxt {
color: #606060;
left: 14px;
position: absolute;
top: 125px;
width:760px;
visibility: hidden;
}

.infotxt div {
position: absolute;
width:110px;
}



.fotoyks {
color: #999;
font-size: 11px;
text-align: right;
width: 988px;
}

div.rajaus {
border-color: red;
border-style: solid;
border-width: 1px;
}

.submitbtn {
color: green;
font-weight: 700;
padding: 4px 8px;
width: 104px;
}

.submitbtn2 {
padding: 1px 2px;
width: 104px;
}



/* TABLES */
table.group {
background: url(../img/bg_top.gif);
height: 60px;
}

table.group td {
padding-top: 5px;
text-align: center;
vertical-align: middle;
}

table.tblrow td {
font-size: 11px;
vertical-align: top;
}

table.tblrow td.borbg {
background: #f9f8f7;
border: 1px solid #e1ded5;
}

table.tblrow td.borbgi {
background: #f0efea;
border-bottom: 1px solid #F8F7F3;
border-left: 1px solid #e1ded5;
border-top: 1px solid #e1ded5;
cursor: pointer;
padding-bottom: 2px;
padding-top: 4px;
}

table.tblrow td.borbgl {
background: #f9f8f7;
border-bottom: 1px solid #F8F7F3;
border-left: 1px solid #e1ded5;
border-right: 1px solid #e1ded5;
border-top: 1px solid #e1ded5;
}

table.toplist td {
font-size: 11px;
line-height: 15px;
padding-left: 4px;
}

table.toplist td.field {
height: 18px;
vertical-align: middle;
}

table.toplist td.lab {
padding-left: 5px;
vertical-align: bottom;
}

table.imglist td {
border-bottom-width: 0;
font-size: 11px;
line-height: 15px;
padding-bottom: 2px;
}

table.productlist {
border-bottom-color: #f0efea;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #fff;
border-left-style: solid;
border-left-width: 1px;
}

table.productlist td {
border-bottom-width: 0;
font-size: 11px;
line-height: 15px;
padding-left: 4px;
}

table.productlist td.field {
padding-bottom: 2px;
text-align: left;
vertical-align: middle;
}

table.productlist td.ifield {
color: red;
font-size: 12px;
font-weight: 700;
padding-bottom: 2px;
text-align: left;
vertical-align: middle;
}

table.productlist td.cfield {
padding-bottom: 2px;
text-align: center;
vertical-align: middle;
}

table.productlist td.rfield {
padding-bottom: 2px;
text-align: right;
vertical-align: middle;
}

table.productlist td.lab {
background: #f0efea;
line-height: 12px;
text-align: left;
}

table.productlist td.clab {
background: #f0efea;
line-height: 12px;
text-align: center;
}

table.productlist td.rlab {
background: #f0efea;
line-height: 12px;
text-align: right;
}

table.productlist td.tiedot {
color: gray;
}

table.productlist td.subl {
background: #fcfcfc;
color: gray;
line-height: 12px;
padding-left: 6px;
text-align: left;
vertical-align: middle;
}

table.productlist td.subr {
background: #fcfcfc;
color: gray;
line-height: 12px;
padding-right: 4px;
text-align: right;
vertical-align: middle;
}

table.sublist td {
color: gray;
font-family: Verdana;
font-size: 10px;
line-height: 11px;
}

table.textedit {
border-left: 1px solid #e1ded5;
border-right: 1px solid #e1ded5;
border-top: 1px solid #e1ded5;
margin-top: 5px;
}

table.textedit tr.labels td {
background: #FFF7F7;
font-weight: 700;
}

table.textedit td {
background: #fff;
border-bottom-color: #e1ded5;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 11px;
padding: 3px 0 2px 8px;
vertical-align: top;
}

table.textedit td.txfield {
padding-top: 2px;
}

table.mallit td {
font-size: 11px;
padding-bottom: 2px;
padding-right: 0;
padding-top: 2px;
text-align: center;
vertical-align: top;
}

table.mallit td.labels {
background: #FFF7F7;
border-bottom-color: #e1ded5;
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight: 700;
}

table.mallit input.kuva {
border-color: #e1ded5;
border-style: solid;
border-width: 1px;
}

table.tuotteet {
width:840px;
border-left:1px solid #e1ded5;
border-top:1px solid #e1ded5;
}

table.tuotteet td {
border-bottom-color: #e1ded5;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #000;
font-size: 11px;
line-height: 15px;
padding: 8px;
}

table.tuotteet td.pimg {
padding-right: 10px;
text-align: center;
vertical-align: top;
width: 130px;
}

table.tuotteet td.ptxt {
width:290px;
border-right-color:#E7DFD6;
border-right-style:solid;
border-right-width:1px;
padding-left:10px;
vertical-align:top;
}

table.tuotteet td.ptxtw {
border-right-color: #E7DFD6;
border-right-style: solid;
border-right-width: 1px;
padding-left: 10px;
width: 710px;
}





table.tuotteet_koot {
margin-left:8px;
margin-bottom:25px;
}

table.tuotteet_koot td {
font-size:12px;
}

table.tuotteet_koot td.txt {
padding:10px;
border-color:#E7DFD6;
border-style:solid;
border-width:1px;
vertical-align:top;
}

table.tuotteet_koot td.rad {
padding-left:3px;
padding-top:4px;
}

.rad_txt {
cursor:pointer;
color: #d21515;
}



.flag{
position:relative; 
cursor:pointer; 
top:3px; 
width:22px; 
margin-left:4px;
border:1px solid #808080;
}




table.tuotteet_tr {
margin-bottom:20px;
margin-left:10px;
margin-top:20px;
width:930px;
}

table.tuotteet_tr td {
font-size:12px;
padding-top:8px;
}


table.tuotteet_ar {
margin-bottom: 20px;
margin-left: 10px;
margin-top: 20px;
width: 930px;
}

table.tuotteet_ar td {
font-size: 12px;
padding-top: 8px;
}

table.tuotteet_ar td.cb {
color: green;
font-weight: 700;
text-align: left;
}

table.tuotteet_ar p {
margin: 0;
padding: 0 0 4px;
}


table.tuotteet_arh {
margin-bottom: 15px;
margin-left: 10px;
margin-top: 50px;
width: 820px;
}

table.tuotteet_arh td {
font-size: 12px;
padding-top: 4px;
text-align: left;
}

table.buttontable {
border-left: 1px solid #e1ded5;
border-right: 1px solid #e1ded5;
border-top: 1px solid #e1ded5;
}

table.buttontable td {
background: #f8f7f3;
border-bottom-color: #e1ded5;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 11px;
line-height: 15px;
padding-bottom: 7px;
padding-top: 7px;
text-align: center;
vertical-align: top;
}

table.buttontable td.row1 {
border-bottom-width: 0;
color: gray;
padding-bottom: 2px;
padding-top: 6px;
}

table.buttontable td.row2 {
padding-bottom: 4px;
padding-top: 0;
}

table.buttontable td.row3 {
border-bottom-width: 0;
padding-bottom: 2px;
padding-top: 0;
}

table.propertytable {
border-left: 1px solid #e1ded5;
border-right: 1px solid #e1ded5;
border-top: 1px solid #e1ded5;
margin-bottom: 4px;
margin-top: 4px;
}

table.propertytable td {
border-bottom-color: #e1ded5;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 11px;
line-height: 14px;
padding: 6px;
vertical-align: top;
}

table.propertytable td.info {
color: gray;
padding: 4px;
}

table.sumtbl {
border: 1px solid #e1ded5;
text-align: left;
}

table.sumtbl td {
background: #f8f7f3;
border-bottom-color: #FFF;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 11px;
line-height: 15px;
padding: 1px 8px;
vertical-align: middle;
}

table.sumtbl tr.heading td {
background: #FFF;
font-weight: 700;
}

table.sumtbl td.ar {
text-align: right;
}

table.sumtbl td.ar2 {
padding-bottom: 2px;
padding-top: 2px;
text-align: right;
}

table.sumtbl tr.total td {
background: #f0efea;
border-bottom-width: 0;
font-weight: 700;
padding-top: 2px;
}

table.sumtbl tr.info td {
background: #FFF;
}

table.clienttable td {
background: #f8f7f3;
border-bottom-color: #fff;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 11px;
line-height: 15px;
padding: 6px 0 6px 8px;
vertical-align: middle;
}

table.clienttable td.label {
font-weight: 700;
text-align: right;
width: 100px;
}

table.clienttable td.clsMsg {
font-weight: 700;
text-align: left;
width: 100px;
color: #990000;
}

table.clienttable td.otsikko {
font-weight: 700;
text-align: left;
width: 100px;
font-size: 12px;
}

table.clienttable tr.tone td {
background: #fff;
}

table.helptable {
margin-bottom: 400px;
margin-left: 25px;
}

table.helptable td {
font:  11px/15px Verdana;
}

table.helptable td.ot {
color: green;
font-size: 12px;
font-weight: 700;
padding-bottom: 10px;
padding-top: 25px;
}

table.helptable td.vo {
font-size: 12px;
font-weight: 700;
padding-bottom: 6px;
padding-top: 8px;
}

table.helptable td.vvo {
font-size: 11px;
font-weight: 700;
padding-bottom: 3px;
padding-top: 5px;
}

table.infotable td {
font-size: 11px;
vertical-align: top;
}

table.infotable td.aihe {
color: gray;
cursor: pointer;
padding-left: 2px;
padding-right: 4px;
white-space: nowrap;
}

table.infotable td.txt {
padding-left: 11px;
padding-top: 9px;
}



/* FONTS */

.leipis {
color: #000;
font:  400 11px Verdana, Arial, Sans-Serif;
}

.bleipis {
color: #000;
font:  700 11px Verdana, Arial, Sans-Serif;
}

.rleipis {
color: red;
font:  700 11px Verdana, Arial, Sans-Serif;
}

.pieni {
color: gray;
font:  400 10px Verdana, Arial, Sans-Serif;
}

.mpieni {
color: #000;
font:  400 10px Verdana, Arial, Sans-Serif;
}

input, select, textarea {
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

table.tblrow,table.textedit td.ar {
text-align: left;
}

table.tblrow td.bor,table.clienttable {
border: 1px solid #e1ded5;
}