/* File "style.css.php" as included: */


.ui-effects-transfer { border: 2px dotted black; }
.tuotesarjat_class
{
	position: absolute;
	border-spacing:0px;
	border-collapse:collapse;
	width:700px;
	display:table;
	left: 450px;
	top: 10px;
}

.tuotesarjat_class_td
{
	/*border:1px solid red;*/
	/*background:RGB(215,215,215);*/
	vertical-align:top;
	/*white-space:nowrap;*/
	/*
	-moz-box-shadow: 0px 0px 15px 15px RGB(215,215,215);
	-webkit-box-shadow: 0px 0px 15px 15px RGB(215,215,215);
	-o-box-shadow: 0px 0px 15px 15px RGB(215,215,215);
	box-shadow: 0px 0px 15px 15px RGB(215,215,215);
	*/
}

.popup
{
	position:absolute;
	z-index:20;
	top:10px;
	left:10px;
	border:2px solid #03C;
	/*
	-moz-border-radius: 21px 21px 21px 21px;
	-webkit-border-radius: 21px 21px 21px 21px;
	-o-border-radius: 21px 21px 21px 21px;
	border-radius: 21px 21px 21px 21px;
	*/
	background-color:transparent;
	width:1000px;
	height:600px;
	/*overflow:scroll;*/
	padding:20px;
}

.tuotesarjan_tiedot_table
{
	visibility:hidden;
	color:black;
	position:fixed;
	z-index:10000;
	top:10px;
	left:10px;
	border-collapse:separate;
	border-spacing:0;
	width:430px;
	height:521px;
}	
.tuotesarjan_tiedot_td
{
	border-top:0;
	vertical-align:top;
	padding:12px;
	padding-bottom:8px;
	color:white;
	white-space:normal;
	-moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
}

.sintaustakategoriat
{
	text-align:center;
	white-space:nowrap;
	display:inline;
	font-family: 'URWImperialTUltBolRegular', Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	height:21px;
	padding-left:18px;
	padding-right:18px;
	padding-top:1px;
	padding-bottom:0px;
	/*vertical-align:middle;*/
	line-height:100%;
	background-color: #0033CC;
	color:#FFFFFF;

	-moz-border-radius: 11px 11px 0px 0px;
	-webkit-border-radius: 11px 11px 0px 0px;
	-o-border-radius: 11px 11px 0px 0px;
	border-radius: 11px 11px 0px 0px;
}
.vihrtaustakategoriat
{
	text-align:center;
	white-space:nowrap;
	display:inline;
	font-family: 'URWImperialTUltBolRegular', Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	height:21px;
	padding-left:18px;
	padding-right:18px;
	padding-top:1px;
	padding-bottom:0px;
	/*vertical-align:middle;*/
	line-height:100%;
	background-color: green;
	color:#FFFFFF;

	-moz-border-radius: 11px 11px 0px 0px;
	-webkit-border-radius: 11px 11px 0px 0px;
	-o-border-radius: 11px 11px 0px 0px;
	border-radius: 11px 11px 0px 0px;
}

.etusivun_sarjakuvat_kuvarivi_div
{
	position:relative;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	border:0;
	background:transparent;
	display:block;
}
.etusivun_sarjakuvat_kuvarivi
{
	vertical-align:bottom;
	/*display:inline-block;*/
	-moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
}

.etusivun_sarjakuvat_otsikkorivi
{
	white-space:nowrap;
    border:0;
    text-align:center;
    vertical-align:middle;
    height:18px;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:0px;
		font-size: 15px;
		
    font-weight:normal;
    color:white;
		font-family: 'URWImperialTUltBolRegular', Arial, sans-serif !important;

    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;

/*
   -moz-box-shadow: inset 0px -5px 10px RGBA(0,0,0,0.2),
    						inset 0px 5px 5px RGBA(255,255,255,0.4);
   -webkit-box-shadow: inset 0px -5px 10px RGBA(0,0,0,0.2),
    						inset 0px 5px 5px RGBA(255,255,255,0.4);
   -o-box-shadow: inset 0px -5px 10px RGBA(0,0,0,0.2),
    						inset 0px 5px 5px RGBA(255,255,255,0.4);
    box-shadow: inset 0px -5px 10px RGBA(0,0,0,0.2),
    						inset 0px 5px 5px RGBA(255,255,255,0.4);
*/
}

.etusivun_sarjakuvat_laatikot
{
	margin-bottom:10px;
	border:0;
	background:white;
	border-collapse:separate;
	vertical-align:top;
	
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-o-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

.peitto
{
	position: absolute;
	background-color:#AABBCC;
	filter: alpha(opacity=80);
	opacity: 0.8;
	left: 400px;
	top: 400px;
	height:20px;
	width:100px;
	display: block;
}

.tuotesarjat_linkit:link
{
	color:white;
	white-space: nowrap;
	display:block;
	text-decoration:none;
  text-align:left;
  vertical-align:middle;
  /*height:19px;*/
  padding-left:10px;
  padding-right:10px;
  padding-top:2px;
  padding-bottom:2px;
  font-size:12px;
  font-weight:normal;
  
  font-family: Arial, sans-serif !important;

  -moz-border-radius: 21px 21px 21px 21px;
  -webkit-border-radius: 21px 21px 21px 21px;
  -o-border-radius: 21px 21px 21px 21px;
  border-radius: 21px 21px 21px 21px;
}

.tuotesarjat_linkit:visited 
{
	color:white;
	white-space: nowrap;
	display:block;
	text-decoration:none;
  text-align:left;
  vertical-align:middle;
  /*height:19px;*/
  padding-left:10px;
  padding-right:10px;
  padding-top:2px;
  padding-bottom:2px;
  font-size:12px;
  font-weight:normal;
  
  font-family: Arial, sans-serif !important;

  -moz-border-radius: 21px 21px 21px 21px;
  -webkit-border-radius: 21px 21px 21px 21px;
  -o-border-radius: 21px 21px 21px 21px;
  border-radius: 21px 21px 21px 21px;
}
.tuotesarjat_linkit:focus 
{
	color:yellow;
	outline:none;
		white-space: nowrap;
	display:block;
	text-decoration:none;
  text-align:left;
  vertical-align:middle;
  /*height:19px;*/
  padding-left:10px;
  padding-right:10px;
  padding-top:2px;
  padding-bottom:2px;
  font-size:12px;
  font-weight:normal;
  
  font-family: Arial, sans-serif !important;

  -moz-border-radius: 21px 21px 21px 21px;
  -webkit-border-radius: 21px 21px 21px 21px;
  -o-border-radius: 21px 21px 21px 21px;
  border-radius: 21px 21px 21px 21px;
}
.tuotesarjat_linkit:hover 
{
	color:white;
	white-space: nowrap;
	display:block;
	text-decoration:none;
  text-align:left;
  vertical-align:middle;
  /*height:19px;*/
  padding-left:10px;
  padding-right:10px;
  padding-top:2px;
  padding-bottom:2px;
  font-size:12px;
  font-weight:normal;
  
  font-family: Arial, sans-serif !important;

  -moz-border-radius: 21px 21px 21px 21px;
  -webkit-border-radius: 21px 21px 21px 21px;
  -o-border-radius: 21px 21px 21px 21px;
  border-radius: 21px 21px 21px 21px;
}

.flag_kuva
{
	
vertical-align:text-bottom;
		
	border:1px inset RGBA(150,150,150,0.5);
}

body {
	/*background-color: #cecedd;*/
	/*background-color: #fff;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height:100%;
	width:100%;
	/*min-height: 800px;*/
	overflow:scroll;
}

.review_td_background
{
	background-color: #FFFFFF;
}

#globalnavdiv {
	background-image: url('../img/feidi.png'); /*!important*/
	background-repeat: repeat;
	width: 100%;
	height: 25px;
}

/*globalnav*/
#globalnav {
	/*background:#ccc;*/
	position:relative;
	float:left;
	/*width:100%;*/
	padding:0 0 0em 0em;
	margin:0;
	list-style:none;
	line-height:1.5em;
}

/*globalnav*/
#globalnav LI {
	float:left;
	margin:0;
	padding:0;
}

/*globalnav*/
#globalnav A {
	display:block;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
	/*background-image: url('../img/button ') !important;
	background-repeat: repeat;*/
	color: #444;
}

/*globalnav*/
#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#bbb;
}

/*globalnav*/
#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
	background-image: url('../img/fade.png') !important;
	background-repeat: repeat;
	color: #fffafa;
}

/*subnav*/
#globalnav UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

/*subnav*/
#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

/*subnav*/
#globalnav UL A {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

/*subnav*/
#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#444;
}

div#top_right_area {
	background-image: url('../img/feidi.png'); /*!important*/
	background-repeat: repeat;
	width: 100%;
	height: 25px;
	width: 100%;
	text-align: right;
	/*position: absolute;*/
	margin-right: 7px;
	top: 0;
	right: 0;
	/*
	font-size: 12px;
	*/
	color: #eee;
}

div#top_right_area a {
	text-decoration: none;
	color: #ddd;
}

div#top_right_area a:hover {
	color: #3FA41B;
}

div#top_right_area img {
	vertical-align: middle;
	border-width: 0;
	padding-right: 4px;
}

div#main {
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
	min-width: 850px;
	min-height: 400px;
	margin-bottom:20px;
	float: left;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Verdana;
	color: #000010;
	/*letter-spacing: 0.1em;*/
}

h1 {
	font-size: 18px;
	margin-top:7px;
}

h2 {
	font-size: 16px;
}

html,body,p,table,td,tr,th,div,span,ul,li,input,option,textarea,select
{
	font-family: Verdana;
	font-size: 12px;
	line-height:150%;
}

.form_kentan_nimi
{
	font-weight:bold;
	/*background-color: #FFEEEE;*/
	width:180px;
}

/* Formissa käytettävä pakollinen kenttä */
span.pakollinen {
	color: #FFA500;
}

tr.form_tr_style_odd
{
	background-color: #F3F3F3;
	border:1px solid #ACACAC;
	/*#F8D876;*/
}

tr.form_tr_style_even
{
	background-color: #E8E8E8;
	border:1px solid #ACACAC;
	/*#FDF1CE;*/
}

div.debug_box {
	width: 800px;
	background-color: #D1D2B7;
	border: 2px dotted #aaaaaa;
	padding: 10px;
	margin: 10px;
}

div.inform_box, div.failure_box, div.note_box, div.confirm_box
{
	width: 720px;
	padding: 10px;
	/*margin: 10px;*/
	margin-bottom:10px;
	border-width: 1px;
	border-style: solid;
}

div.normibox
{
	width: 720px;
	background-color: #efefef;

	border: 2px solid #ACACAC;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin: 3px;
	-moz-user-select: none;
	white-space: nowrap;
	height: 22px;
}


div.normibox img {
	vertical-align: middle;
	border-width: 0;
	padding-right: 4px;
	padding-bottom: 3px;
}

div.inform_box {
	border-color: #2E9948;
	background-color: #eeffd2;
}

div.failure_box {
	border-color: #FF0909; /*#992C1F;*/
	background-color: #FFB9B9; /*#E78768;*/
}

div.note_box {
	border-color: #E5BD30;
	background-color: #FFFACC;
}

div.confirm_box {
	border-color: #2E9948;
	background-color: #FFF1B2;
}


a:link, a:visited, a:active {
	color: #0033CC;
	text-decoration: none;
}

a:hover {
	/*color: #F78116;*/
	text-decoration: underline;
}


div.buttons {
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
}

a.button:link,
a.button:visited,
a.button:active
{
	
	border: 1px solid #777;
	background-color: #ddd;

	background-image:url('../img/button_liuku.png');
	background-repeat:repeat-x;

	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 3px;
	color: black;
/*
	font-family: Verdana;
	font-size: 13px;
*/
	-moz-user-select: none;
	white-space: nowrap;
	height: 17px;
	/*outline:2px solid #F78116;*/

  -moz-border-radius: 21px 21px 21px 21px;
  -webkit-border-radius: 21px 21px 21px 21px;
  -o-border-radius: 21px 21px 21px 21px;
  border-radius: 21px 21px 21px 21px;
	display: inline-block;
}

a.button:hover {
	background-color: #eee;
	border-color: #999;
	text-decoration: none;
	margin: 3px;
	/*outline:2px solid #F78116;*/
	display: inline-block;
}

a.button img {
	vertical-align: middle;
	border-width: 0;
	padding-right: 4px;
	padding-bottom: 3px;
}

.button2
{
	border: 1px solid #777;
	background-color: #ddd;
	padding: 2px;
	
	padding-left: 7px;
	padding-right: 7px;
	
	margin: 3px;
	color: black;

	font-family: Verdana;
	font-size: 10px;
	/*line-height:150%;*/

	-moz-user-select: none;
	white-space: nowrap;
	height: 22px;
	/*outline:2px solid #F78116;*/
}

.button2:hover
{
	text-decoration: none;
	
	border-color: #999;
	background-color: #eee;
	padding: 2px;
	
	padding-left: 7px;
	padding-right: 7px;
	
	margin: 3px;
	color: black;

	font-family: Verdana;
	font-size: 10px;
	/*line-height:150%;*/

	-moz-user-select: none;
	white-space: nowrap;
	height: 22px;
	/*outline:2px solid #F78116;*/
}

.linkkipalkkilinkki
{
	color:red;
	text-decoration: none;
	display:block;
}
button img {
	vertical-align: middle;
}

/* Peittää koko näytön, jotta käyttäjä tajuaa että tätä viritelmää ei kerrassaan voi käyttää javascripittä. */

div.no_javascript_box {
	font-size: large;
	position: fixed;
	z-index: 10;
	top: 0px;
	left: 0px;
	background-color: #AABBCC;
	filter: alpha(opacity=80);
	opacity: 0.80; 
	width: 100%;
	height: 100%;
	padding-top:70px;
	padding-left: 50px;
	display: block;
}

div.notetext {
	color: #753A2B;
	padding-bottom:20px;
	/*
	font-size: 12px;
	*/
}

/* Käyttäjän vahingossa tyhjiksi jättämät kentät korostetaan tällä värillä. */
.emptyfield {
	border: 1px solid #ee2222;
	background-color: #FC6;
}

/* Kuvien ympäriltä pois raamit */
img {
	border-width: 0;
}

/* Värinvalitsemislaatikko */
.colorPickerBox {
	height: 16px;
	border: 1px solid #333;
	background: #fff;
}

/* input-kentille lähinnä */
.monoscape {
	font-family:monospace;
}

/* The hint to Hide and Show */
.hint {
/*
   	
    position: absolute;
    right: -250px;
    
    margin-top: -4px;
*/
		display: none;
		width: 200px;
   	height: 100%;
    /*overflow:show;*/
    border: 2px solid #c93;
    background-color: #ffc;
  /*  background: #ffc url(img/pointer.gif) no-repeat -10px 5px;*/
}
TABLE.hint TD
{
	white-space:normal;
  padding: 10px 12px;
}


table.tilaus_table
{
	margin-bottom: 18px;
	border-collapse:collapse;
	width:100%;
	height:100%;
	/*background-color: #FEFEF3;*/
	/*border: 1px solid #8E834A;*/
	/*padding-left: 7px;*/
}
	
.tilaus_table TD
{
	/*border:1px solid red;*/
	/*
 	font-family: Verdana;
	font-size: 12px;
	line-height:150%;
	*/
	/*
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;	
	*/
	vertical-align:top;
	
	padding-top:4px;
	padding-bottom:5px;

}
TABLE
{
	border-collapse:collapse;
}
TABLE.hinnan_lisatiedot
{
	border-collapse:collapse;
	min-width:600px;
}
TABLE.hinnan_lisatiedot TD
{
	padding: 2px 4px 2px 4px;
	border: 1px solid #AAAAAA;
}
.erotin_td
{
	height:4px;
	line-height:100%;
	background-color: #C1C1C1;
	font-family: Verdana;
	font-size: 1px;
	padding:0px;
}

.vali_otsikko
{
	/*background-color:#C1C1C1;*/
	background-color: #FFFFFF;
}

.hint_box
{
	z-index: 1000;
 	font-family: Verdana;
	font-size: 11px;
	line-height:150%;
	border: 2px solid #ff8400;/*#87AAD6;*/
	padding: 14px;
	background-color: #ffe0bf;/*#EFF4FA;*/
	display:table;
	visibility:hidden;
	/*
	
	display:block;
	float:left;
	*/
	/*width: 300px;*/
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
  border-radius: 10px;
	
	-moz-box-shadow: 7px 7px 10px RGBA(130,138,149,0.5);
	-webkit-box-shadow: 7px 7px 10px RGBA(130,138,149,0.5);
	-o-box-shadow: 7px 7px 10px RGBA(130,138,149,0.5);
	box-shadow: 7px 7px 10px RGBA(130,138,149,0.5);
}

.toiminto_box
{
	z-index: 1000;
 	font-family: Verdana;
	font-size: 11px;
	line-height:150%;
	border: 2px solid #ff8400;/*#87AAD6;*/
	padding: 8px;
	background-color: #ffe0bf;/*#EFF4FA;*/
	
	visibility:visible;
	/*
	display:table;
	display:block;
	float:left;
	*/
	/*width: 300px;*/
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
  border-radius: 10px;
	
	-moz-box-shadow: 7px 7px 10px RGBA(130,138,149,0.5);
	-webkit-box-shadow: 7px 7px 10px RGBA(130,138,149,0.5);
	-o-box-shadow: 7px 7px 10px RGBA(130,138,149,0.5);
	box-shadow: 7px 7px 10px RGBA(130,138,149,0.5);
}

.upper_box
{
	background-color: RGBA(255,255,255,0.5);
	border-style:solid;
	border-width:1px;
	border-color: RGBA(0,51,204,0.2);

	text-align:center;
	vertical-align:middle;
	display:block;
	width: 270px;
	/*height: 20px;*/
	/* ROUNDING */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;


}
.alapoista
{
 	font-family: Verdana;
	font-size: 11px;
	line-height:150%;
}

#timezoneinfo DIV
{
 	font-family: Verdana;
	font-size: 11px;
	line-height:150%;
}
#timezoneinfo
{
	margin-top:10px;
	display:block;
	float:left;
 	font-family: Verdana;
	font-size: 11px;
	line-height:150%;
	border: 1px solid #ff8400;
	padding: 8px;
	background-color: #FFFFFF;
	width: 320px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
  border-radius: 10px;
}
	
.selectit_tilaus
{
	width:310px;
  height:24px;
  /*padding:2px 4px 2px 2px;*/
  vertical-align:middle;
	border: 1px solid #444444;
 	/*
 	font-family: Verdana;
	font-size: 12px;
	*/
	background-color: #ffffff;
	white-space: pre;
}

.kentat_tilaus
{
	width:300px;
	height:18px;
	border: 1px solid #444444;
  background-color: #ffffff;
	padding: 2px 4px 2px 7px;
 	/*
 	font-family: Verdana;
	font-size: 12px;
	*/
}

.kentat_tilaus_div
{
	display:block;
	width: 310px;
	height: 24px;
}
.kentat_tilaus_hover
{
	/*background-color: #FFE0BF !important;*/
	background-color: rgb(255, 244, 159) !important;
}

.plain_text_kentat_tilaus
{
	/*width:300px;*/
	min-width:500px;
	min-height:70px;
	/*border: 1px solid #444444;*/
  background-color: #ffffff;
	padding: 2px 4px 2px 4px;
 	/*
 	font-family: Verdana;
	font-size: 12px;
	*/
}

div.error_box_varokopio
{
	/*width: 100%;*/
	padding: 2px 4px 2px 7px;
	margin: -1px;
	/*margin: 2px;*/
	border-width: 2px;
	border-style: solid;
	border-color: #FF0909; /*#992C1F;*/
	background-color: #FFB9B9; /*#E78768;*/
	/*
	font-family: Verdana;
	font-size: 12px;
	*/
	min-height:18px;
	display:block;
}

div.error_box
{
	padding: 2px 4px 2px 7px;
	margin: -1px;
	/*
	border-width: 2px;
	border-style: solid;
	border-color: #FF0909;
	background-color: #FFB9B9;
	*/
	border:0px;
	min-height:18px;
	display:inline-block;
	color:red;
}

div.error_box_green
{
	padding: 2px 4px 2px 7px;
	margin: -1px;
	/*
	border-width: 2px;
	border-style: solid;
	border-color: #FF0909;
	background-color: #FFB9B9;
	*/
	border:0px;
	min-height:18px;
	display:inline-block;
	color:green;
}

.error_box2
{
	padding: 2px 4px 2px 7px;
	margin: -1px;
	height:18px;
	width:300px;
	border-width: 2px;
	border-style: solid;
	border-color: #FF0909; /*#992C1F;*/
	background-color: #FFFFFF; /*#E78768;*/
	/*
	font-family: Verdana;
	font-size: 12px;
	*/
}

option
{
	white-space: pre;
}
.error_box_select
{
	margin: -1px;
	width:310px;
  height:24px;
  padding:2px 4px 2px 2px;
  vertical-align:middle;
	border-width: 2px;
	border-style: solid;
	border-color: #FF0909; /*#992C1F;*/
	background-color: #FFFFFF; /*#E78768;*/
 	/*
 	font-family: Verdana;
	font-size: 12px;
	*/
	white-space: pre;
}

textarea
{
	border: 1px solid #444444;
  background-color: #ffffff;
 	/*
 	font-family: Verdana;
	font-size: 12px;
	*/
	padding: 2px 4px 2px 7px;
}

.textarea_normal
{
	border: 1px solid #444444;
}

.textarea_error
{
	margin: -1px;
	border: 2px solid #FF0909;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
{
	outline:none;
	background-color: #C0E0B1;
}

input[type=checkbox]:focus + label
{
	outline:2px solid #C0E0B1;
}

input
{
	/*border: 1px solid #444444;*/
}

/* fieldsetien otsakkeet */
legend {
	
	font-size: 14px;
	font-weight: bold;
	
	/*border: 1px solid #BEB382;
	background-color: #FEFEF3;*/
	border: 0;
}

fieldset {
	margin-bottom: 18px;
	background-color: #FEFEF3;
	border: 1px solid #8E834A;
	padding-left: 7px;
}

.textfield_default_styles_dropdown
{
	padding-bottom: 18px;
	background-color: #FEFEF3;
	border-bottom: 1px solid #BEB382;
}

table.textfield_default_style_items_table tr td {
	padding-bottom:4px;
	white-space:nowrap;
}


/* Kahdesta vierekkäisestä divistä vasen. */
div.leftcolumn {
	display:block;
	float:left;
	padding-right:48px;
}

/* Kahdesta vierekkäisestä divistä oikea. */
div.rightcolumn {
	display:block;
	float:left;
	padding-right:72px;
}

/* Siirtää seuraavat elementit rivin alkuun. */
div.clear {
	clear: both;
}

div#login_bg {
	background-image: url('../img/blue_login_bg_v.png') !important;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #fff;
	width: 750px;
	height: 330px;
	padding-left: 50px;
	padding-top: 20px;
	margin-top: 50px;
	margin-left: 100px;
}

div#selectionCountBox {
	padding-top: 4px;
	padding-bottom: 5px;
}

.nobr {
	white-space: nowrap;
}

.linkkipalkkitable, .linkkipalkkitable.TD, .linkkipalkkitable.DIV, .linkkipalkkitable.A
{
line-height:10%;
font-size:1px;
}
.linkkipalkki
{
	white-space:nowrap;
	display:table-cell;
	font-family: 'URWImperialTUltBolRegular', Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	height:24px;
	width:100%;
	padding-left:7px;
	padding-right:7px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align:middle;
	line-height:100%;
	background-color: #0033CC;
	color:#FFFFFF;
/*
		transition: background-color 0.3s linear;
		-moz-transition: background-color 0.3s linear;
		-o-transition: background-color 0.3s linear;
		-webkit-transition: background-color 0.3s linear;
*/
}
.linkkipalkki_valittu
{
	white-space:nowrap;
	display:table-cell;
	font-family: 'URWImperialTUltBolRegular', Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	height:24px;
	width:100%;
	padding-left:7px;
	padding-right:7px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align:middle;
	line-height:100%;
	background-color: #A6ADB7;
	color:#FFFFFF;
/*
		transition: background-color 1s ease-out;
		-moz-transition: background-color 1s ease-out;
		-o-transition: background-color 1s ease-out;
		-webkit-transition: background-color 1s ease-out;
*/
}
.linkkipalkki:hover
{
		background-color:RGBA(0,51,204,0.5);
}
.linkkipalkki_valittu:hover
{
	background-color:RGBA(166,173,183,0.5);
}

.sintausta
{
	white-space:nowrap;
	display:table-cell;
	font-family: 'URWImperialTUltBolRegular', Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	height:21px;
	padding-left:25px;
	padding-right:24px;
	padding-top:1px;
	padding-bottom:0px;
	vertical-align:middle;
	line-height:100%;
	background-color:#0033CC;
	color:#FFFFFF;
	-moz-border-radius: 0px 21px 21px 0px;
	-webkit-border-radius: 0px 21px 21px 0px;
	-o-border-radius: 0px 21px 21px 0px;
	border-radius: 0px 21px 21px 0px;
}

.plaintext
{
  padding-left: 7px;
  padding-right: 7px;
}

.hint_box_table
{
  margin-top:10px;
  margin-bottom:10px;
  border-collapse:separate;
  border-spacing:5px;
  margin-left:-5px;
}

.hint_box_table td
{
  font-family: Verdana;
  font-size: 11px;
  line-height: 150%;
  border: 2px solid #FFCC94;
  background-color: #FFF2E4;
  vertical-align:top;
  text-align:left;
  padding:10px;
}
.hint_box_img
{
  display:block;
  margin-bottom:5px;
}





/* File "styletable.css" as included: */

table.styletable {
	border-bottom: 1px solid #BEB382;
}

table.styletable {
	border-collapse: collapse;
}
table.styletable td, table.styletable th {
	/*white-space:pre; pitää olla pre, jotta tuplaspacet tulostuvat*/
	white-space:pre;
}

table.styletable td,th {
	border: 1px solid #BEB382;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
}

table.styletable td,th {
	border-top: 0;
	border-bottom: 0;
}

table.styletable th {
	background-color: #F3E4A6;
	border-top: 1px solid #BEB382;
	border-bottom: 1px solid #BEB382;
	color: #333;
	padding: 0;
}

table.styletable th:hover {
	/*background-color: #F4D386;*/
}

table.styletable th a {
	display: block;
	color: #333; /* Tässä voisi olla "inherit", mutta IE6 ei näytä pitävän siitä. */
padding-top: 2px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
	text-decoration:none;
	text-align:left;
}

table.styletable th div {
	display: block;
	color: #333; /* Tässä voisi olla "inherit", mutta IE6 ei näytä pitävän siitä. */
padding-top: 2px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
	text-decoration:none;
	text-align:left;
}

table.styletable th a:hover, .sort_column {
	background-color: #EEBB44;
	/*color: #22f;*/
	text-decoration:none;
}

table.styletable tr {
	background-color: #FEFEF3;
}

table.styletable tr:hover {
	background-color: #FCC15F !important;
}

table.styletable tr.oddrow {
	background-color: #FEF2E0; /*#EEEED3;*/
}

table.styletable tr.evenrow {
	background-color: #FEFEF3;
}

table.styletable tr.styletable_search_row {
	border: 1px solid white;
}

table.styletable tr.styletable_search_row td {
	border: 0 solid black;
	background: #fff;
	padding: 4px;
}

table.styletable tr.styletable_search_row input {
	border:1px solid #aaf;
	background:#eef;
	
	width: 30px;
	min-width: 98%;
	
}

table.styletable tr.styletable_search_row input:hover {
	border: 1px solid #88f;
	background: #eff;
}

table.styletable tr.styletable_search_row input.selectedCell {
	background-color: #eff;
	border-color: #77f;
}



/* File "dhtml-color-picker.css" as included: */

/****************************************
DHTML Color Picker
License: Creative Commons License and GPL
Modified by: Jouni Kähkönen 2009-01-19
****************************************/
#dhtmlcolorpicker { WIDTH: 770px; TEXT-ALIGN: left; display:none; position:absolute; top:0; left:0;}

.botLine { BORDER-TOP: 1px solid #EEE; WIDTH: 370px; MARGIN-TOP: 9px; PADDING-TOP: 9px; COLOR: #999; }
.botLine a { COLOR: #e04f92; }
.botLine a:hover { COLOR: #F360BB; }

/* PLUGIN */

#plugin { BACKGROUND: #0d0d0d; COLOR: #AAA; CURSOR: move; DISPLAY: block; FONT-FAMILY: arial; FONT-SIZE: 11px; PADDING: 7px 10px 11px 10px; _PADDING-RIGHT: 0; Z-INDEX: 1; POSITION: absolute; WIDTH: 199px; _width: 210px; _padding-right: 0px; }
#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#plugHEX { FLOAT: left; position: relative; top: -1px; display: none;}
#plugCLOSE { FLOAT: right; cursor: pointer; MARGIN: 0 8px 3px; _MARGIN-RIGHT: 10px; COLOR: #FFF; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#plugHEX:hover,#plugCLOSE:hover { COLOR: #FFD000;  }

#plugCUR { float: left; width: 10px; height: 10px; font-size: 1px; background: #FFF; margin-right: 3px; display: none;}

#SV { background: #FF0000 url('media/SatVal.png'); _BACKGROUND: #FF0000; POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 166px; WIDTH: 167px; _WIDTH: 166px; MARGIN-RIGHT: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/SatVal.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#SVslide { BACKGROUND: url('media/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; }

#H { BORDER: 1px solid #000; CURSOR: crosshair; FLOAT: left; HEIGHT: 154px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 4px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('media/slideHue.gif'); HEIGHT: 5px; WIDTH: 33px; POSITION: absolute; _font-size: 1px; line-height: 1px; }
#Hmodel { POSITION: relative; TOP: -5px; }
#Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }



/* File "style_rc.css" as included: */

			TABLE.perustable
			{
				background-color:#FFFFFF;
				border-collapse:collapse;
				emty-cells:show;
			}
			.ulointaulukko
			{
				/*width:800px;*/
				width:100%;
				/*border:1px solid red;*/
			}
			
			.kuvaotsikkoisen_kappaleenpadding
			{
				padding:0px 25px 9px 25px;
			}
			.kuvaotsikko
 			{
	 			padding:9px 25px 9px 0px;
	 			width:100%;
 			}
			
			.sisaltotd
			{
				padding:9px 25px 9px 25px;
			}
			
			.otsikko
			{
				font-size: 13px;
				font-weight:bold;
			}
			.palautelomaketable TD
			{
				border-top:1px dotted #C8D1E8;
				border-bottom:1px dotted #C8D1E8;
				/*border-left:1px dotted #C8D1E8;*/
				/*border-right:1px dotted #C8D1E8;*/
				padding-top: 2px;
				padding-bottom: 2px;
			}
			.lomakkeen_otsikot
			{
				width:200px;
			}
			.vaakapadding
			{
				padding-left: 4px;
				padding-right: 4px;
				width: 250px;
			}
			.virhesolut
			{
				width:250px;
				color:red;
			}
			.pikkurivivali
			{
				line-height: 13px;
			}
			
			.kuvateksti
			{
				line-height: 15px;
			}
			.pikkumerkinnat
			{
				font-size:9px;
				line-height: 13px;
				color: #888888;
			}
			.thumbnailit
			{
				padding:6px;
				/*background-color:green;*/
			}
			.thumbnailit_vasen
			{
				padding:6px 6px 6px 0px;
				/*background-color:yellow;*/
			}
			.thumbnailit_oikea
			{
				padding:6px 0px 6px 6px;
				/*background-color:orange;*/
			}
			.kentat
			{
				background-color: #E9EEFB;
				width:250px;
			}
			.kentat_tilaus
			{
				background-color: #FFFFFF;
				width:300px;
			}
			.kentat_textarea
			{
				background-color: #E9EEFB;
				width:300px;
			}
			.kentat_lehdet
			{
				background-color: #E9EEFB;
			}
			.selaus
			{
				background-color:#E9EEFB;
			}
			
			.pikkuteksti_ilman_reunoja
			{
				padding:0px 0px 0px 0px;/*padding:3px 10px 10px 10px;*/
				/*border:1px solid #B0B0B0;*/
				/*font-size: 8pt;*/
				vertical-align:top;
				/*#C1D1FF*/
			}
			.pikkuteksti_td
			{
				padding:2px 8px 8px 0px;
				/*border:1px solid #B0B0B0;*/
				/*font-size: 8pt;*/
				vertical-align:top;
				/*#C1D1FF*/
			}
			.pikkuteksti_td5
			{
				padding:2px 8px 8px 8px;
				border:1px solid #CCCCCC;
				/*font-size: 8pt;*/
				vertical-align:top;
				/*#C1D1FF*/
			}
			.pikkuteksti_td6
			{
				padding:8px 8px 8px 8px;
				border:1px solid #CCCCCC;
				/*font-size: 8pt;*/
				vertical-align:top;
				background-color: #F8F8F8;
				/*#C1D1FF*/
			}
			.pikkuteksti_td2
			{
				padding:2px 8px 8px 0px;
				/*border:1px solid #B0B0B0;*/
				/*font-size: 8pt;*/
				vertical-align:middle;
				text-align:center;
				/*#C1D1FF*/
			}
			.pikkuteksti_td3
			{
				padding:2px 8px 8px 0px;
				/*border:1px solid #B0B0B0;*/
				/*font-size: 8pt;*/
				vertical-align:top;
				line-height: 15px;
				/*#C1D1FF*/
			}
			.pikkuteksti_td_otsikko
			{
				padding:9px 14px 0px 0px;
				/*border:1px solid #B0B0B0;*/
				/*background-color:#E0E0E0;*/
				font-weight: bold; 
				/*font-size: 10pt;*/
				/*color: #606060;*/
			}
			.pikkuteksti_td_uutiset
			{
				padding:7px 14px 14px 14px;
				/*border:1px solid #B0B0B0;*/
				/*font-size: 8pt;*/
				vertical-align:top;
				/*#C1D1FF*/
			}
			
			.pikkuteksti_td_otsikko5
			{
				padding:1px 8px 1px 8px;
				border:1px solid #BBBBBB;
				background-color:#CCCCCC;
				font-weight: bold; 
				/*font-size: 10pt;*/
				/*color: #606060;*/
			}
			.pikkuteksti_td_otsikko5_tummempi
			{
				padding:1px 8px 1px 8px;
				border:1px solid #BBBBBB;
				background-color:#8D8D8D;
				font-weight: bold; 
				/*font-size: 10pt;*/
				/*color: #606060;*/
			}
			
			UL 
			{
				text-align:left;
				padding:0px 0px 0px 16px;
				margin:0px 0px 0px 0px;
				list-style: square outside;
				color: #0033CC;
			}
			.li_sisalto
			{
				display:inline;
				margin:0px;
				color: black;
				position: relative;
				/*background-color:yellow;*/
			}

 
/*
			A:link {color:#0033CC; text-decoration:underline}
			A:visited {color:#0033CC; text-decoration:underline}
			A:active {color:#0033CC; text-decoration:underline}
			A:hover {color:#0033CC; text-decoration:none}
*/