/* hinttien näytöt*/


.hintWithColor {
	/*padding: 10px 20px;*/
	background-color: grey; /*#E3C979;*/
    background-image: none;
	border-radius: 8px;
	/*font: bold 10px "Helvetica Neue", Sans-Serif;*/
	text-color: blue;
	box-shadow: 0 0 7px white;
	max-width:300px;
	text-align:left;
}

.sivuhintbox {
	/*padding: 10px 20px;*/
	background-color: grey; /*#E3C979;*/
    background-image: none;
	border-radius: 8px;
	/*font: bold 10px "Helvetica Neue", Sans-Serif;*/
	text-color: blue;
	box-shadow: 0 0 7px white;
	max-width: 200px;
	text-align:left;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	background-color: #fffcfc;
    background-image: none;
    text-align:left;
}


/* popuppi */

#error_to_pop_up { 
    background-color:#fffcfc;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height:40px;
    border-style:solid;
    border-width:5px;
	border-color:#ff0000 ;
}

#element_error_to_pop_up { 
    background-color:#fffcfc;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height:40px;
    border-style:solid;
    border-width:5px;
	border-color:#ff0000 ;
}


.b-close{
  position: absolute;
  top: 0px;
  right: 5px;
  display: block;
  background-color: transparent;
  background-image: url('../images/popclose.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
    
}

.b-close:hover
{
  background-position: center bottom;
}

#demo_pop_up { 
    background-color:#fffcfc;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height:40px;
    border-style:solid;
    border-width:5px;
	border-color: #384C5C ;
} 

#toomany_pop_up { 
    background-color:#fffcfc;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height:40px;
    border-style:solid;
    border-width:5px;
	border-color: #384C5C ;
}
.blue-close{
  position: absolute;
  top: 0px;
  right: 5px;
  display: block;
  background-color: transparent;
  background-image: url('../images/blue_popclose.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
    
}

.blue-close:hover
{
  background-position: center bottom;
}


/*
	Dokumenttien teko popuppi
*/

.dokumodal
{
	width:100%;
	background: #B8CFE0; 
	margin-bottom: 15px;
}
.dokumodal_kopio
{
	width:100%;
	background: #B8CFE0; 
	margin-bottom: 5px;
	
}

.dokumodal tr td
{
	text-align:left;
	vertical-align:text-top;
	height:40px;
}
.dokumodal_sisa
{
	width:100%;
	background: #B8CFE0;
	margin-bottom: 15px;
}
.dokumodal_sisa tr td
{
	text-align:left;
	vertical-align:text-top;
	height:20px;
	
}



/* dokumenttien teon otsikon väri, paikkaa on vaikeampi siirtää??
.w_captionText
{
	text-align:left;
	
}
*/

/*
body .ui-tooltip {
	border-width: 2px;
}
*/


/* Tehollisen lämpökapasiteetin selecti*/
.tehohakuContainer
{
	position:relative; left:50px; top:-48px;
	height: 30px;
	z-index:1;
	 -moz-opacity:0;
  	filter:alpha(opacity:0);
  	opacity: 0;
  	height: 20px;
  	overflow:visible;
 
}
.tehohaku_select
{
	position:relative; left:20px; 
	z-index:2;
	 -moz-opacity:1;
  	filter:alpha(opacity:1);
  	opacity: 1;
 	font-size: 12px;
 	height: 18px;
 	overflow:visible;
  
 
}
#peitto
{
	position:relative; 
	
	width: 182px;	
	height:20px;
	z-index:3;
	
	
}
#tehoinput
{
	position:relative; 	
	z-index:3;
	
}
.tehoavaus
{
	position:relative; left:-10px; top:0px; 	
}


table.uudis_maaritys
{
	width: 100%;
	/*background: white url('../images/uutisten_korostus_cray.gif') repeat left;*/ 
	background: #B8CFE0;
	border-top: 1px solid #2E404E; 
	margin-top: 10px;
	margin-bottom: 15px;
	
}

table.toimenpide_pohja
{
	width: 100%;
	/*background: white url('../images/uutisten_korostus_cray.gif') repeat left;*/ 
	background: #c9dcea;
	border-top: 1px solid #2E404E; 
	margin-top: 10px;
	margin-bottom: 15px;
	
}
td.tp_col1
{
	width: 250px;	
}

td.tp_col2
{
	width: 100px;	
	text-align: right;
}

td.tp_col3
{
	width: 50px;
	font-weight: bold;	
}
td.tp_col4
{
	width: 70px;	
	text-align: right;
}
td.tp_col5
{
	/*width: 200px;	*/
}


.uudis_maaritys td { 
	padding-top: 5px;
	padding-bottom: 5px; 
	padding-right: 3px;
	padding-left: 3px;
 }
 
.uudis_maaritys th { 
	padding: 5px; 
 }
 
.maarityslista{
     font-size: 11px; 
     /*background: white url('../images/uutisten_korostus_cray.gif') repeat left; */
     /*background: #eeeeee;*/
     background: #B8CFE0;
     width: 100%;
     border-collapse: collapse;
     margin-top: 10px;
     margin-bottom: 7px;
}
.ala { 
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px; 
	padding-right: 6px;
	padding-left: 10px;

 }
.elementti_pohja
{
	width: 100%;
	background: #C9DCEA;
	margin-top:0px;
	margin-bottom: 1px;
	padding-bottom: 6px;
	padding-top: 6px;
	
}
 
.elementti
{
	width: 100%;
	/*background: #eeeeee;*/
	background: #B8CFE0;
	/*background: white url('../images/uutisten_korostus_cray.gif') repeat left;*/ 
	 	
	margin-top:0px;
	margin-bottom: 6px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 3px;
}

.elementti td { 
	padding-top: 3px;
	padding-bottom: 3px; 
	padding-right: 3px;
	padding-left: 3px;
 }
 
div.elementTab div.tab-row ul {
    height: 20px;
    margin: 0;
    padding-left: 10px;
    background: url( tabs4/tab_bottom.gif ) repeat-x bottom;
}

div.elementTab div.tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.elementTab div.tab-row a:link, div.elementTab div.tab-row a:visited {
    float: left;
    background: #3B6585;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #ffffff;
}

div.elementTab div.tab-row li.selected a:link, div.elementTab div.tab-row a:visited.active {
    border-bottom: 1px solid #fff;
    background: #C9DCEA;
    color: #000;
}

div.elementTab div.tab-row a:hover {
    background: #f3f3f3;
    color: #CE7654;
}
 
#tallennalinkki
{
	position:absolute; left:670px;
	
}
#peruutalinkki
{
	position:absolute; left:500px; 
	
}
#tallennalinkki2
{
	position:relative; left:635px;
	
}