/**** HABOTTI STYLESHEET SININEN

	Copyright (c) 2009
	Habotti.com
	If you want to use parts of this stylesheet
	in your own personal website,  you need 
	permission of Habotti's staff.
	Commerencial use is forbidden.
****/

     /* Yleiset määritykset */

body {
background: transparent url(img/reunapalkki.gif) repeat-y;
background-color: #000000;
font-family: Verdana;
font-size: 11px;
color: #333C41;
}
A:link {
color: #8DBFD3;
font-weight: bold;
text-decoration: none;
}
A:visited {
color: #8DBFD3;
font-weight: bold;
text-decoration: none;
}
A:active {
color: #8DBFD3;
font-weight: bold;
text-decoration: none; 
}
A:hover {
color: #99D0E6;
font-weight: bold;
text-decoration: none;
}

.palkki {
width: 57px;
height: 90%;
position: absolute;
margin-left: 5px;
}

.katalogipohja {
height: 397px;
width: 280px;
margin-top:30px;
margin-left:70px;
background: url('img/katalogipohja.gif') no-repeat;
} 

#huonevalikko {
position:absolute;
top:0;
bottom:0;
left: -3px;
margin:auto;
display: block;
height: 51px;
width: 38px;
background: url('img/huonevalikko.gif') no-repeat;
}

#kalastin {
position:absolute;
top: 70px;
display: block;
height: 42px;
width: 29px;
background: url('img/kalastin.gif') no-repeat;
background-position:-0px -42px;
}
a#kalastin:hover {
height: 42px;
width: 29px;
background: url('img/kalastin.gif') no-repeat;
background-position:-0px -0px;
}

#ulos {
position:absolute;
top: 10px;
display: block;
height: 37px;
width: 34px;
background: url('img/ulos.gif') no-repeat;
background-position:-0px -40px;
}
a#ulos:hover {
height: 37px;
width: 34px;
background: url('img/ulos.gif') no-repeat;
background-position:-0px -0px;
}

.katalogipohja {
height: 397px;
width: 280px;
margin-top:30px;
margin-left:70px;
background: url('img/katalogipohja.gif') no-repeat;
} 

.sulkupainikkeet {
	height: 55px;
	width: 219px;
	margin-top:5px;
	margin-left:80px;
	padding: 25px 0px 0px 10px;
	background: url('img/sulkupainikkeet_bg.gif') no-repeat;
	}
	
#ei {
	background: url('img/ei_bg.gif') no-repeat;
	margin-left: 5px;
	height: 15px;
	width: 15px;
	position: relative;
	left: 160px;
	top: -12px;
	}
	
#kylla {
	background: url('img/kylla_bg.gif') no-repeat;
	margin-left: 5px;
	height: 15px;
	width: 15px;
	position: relative;
	left: 160px;
	top: -12px;
	display: none;
	}
	
	
.alphacube_close {
	width: 16px;
	height: 16px;		
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:1000;
	background: url(img/sulje.gif);
}
.alphacube_close:hover {
	opacity: 0.3;
	filter: alpha(style=0,opacity=30);
}
	

	/* Katalogi-Boxi */

.katalogi_nw {
	background: transparent url(img/vasyla.gif) no-repeat 0 0;			
	width: 18px;
	height: 45px;
	}

.katalogi_n {
	background: transparent url(img/keskiyla.gif) repeat-x 0 0;			
	height: 45px;
	}

.katalogi_ne {
	background: transparent url(img/oikyla.gif) no-repeat 0 0;			
	width: 22px;	  
	height: 45px;
	}

.katalogi_w {
	background: transparent url(img/vaskeski.gif) bottom left repeat-y;			
	width: 18px;
	}

.katalogi_e {
	background: transparent url(img/oikkeski.gif) bottom left repeat-y;			
	width: 22px;	  
	}

.katalogi_sw {
	background: transparent url(img/vasala.gif) no-repeat 0 0;			
	width: 18px;
	height: 11px;
	}

.katalogi_s  {
	background: transparent url(img/keskiala.gif) repeat-x 0 0;			
	height: 11px;
	}

.katalogi_se, .katalogi_sizer {
	background: transparent url(img/oikala.gif) no-repeat 0 0;			
	width: 22px;
	height: 11px;
	} 

.katalogi_dialog {
	background: blank;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0; 
}


.katalogi_close {
	width: 13px;
	height: 13px;
	background: transparent url(img/sulje_ikkuna.gif) no-repeat 0 0;			
	position: absolute;
	top: 13px;
	right: 18px;
	cursor: pointer;
	z-index: 1000;
	top: 40px;
	background-position: -0px -0px;
	}
.katalogi_close:hover {
	width: 13px;
	height: 13px;
	background-position: -0px -13px;

.katalogi_title {
	float: left;
	height: 40px;
	line-height: 10px;
	font-family: verdana, arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	margin: 3px 0 0 0;
	width: 100%;
	color: #FFF;
	}

.katalogi_content {
	overflow: auto;
	color: #222;
	font-family: verdana, arial;  
	font-size: 10px;
	background: #F3F3F3;
	margin-left: 30px; 
	}

.top_draggable, .bottom_draggable {
	cursor: move;
	}

.status_bar {
	font-size: 12px;
	}

.status_bar input{
	font-size: 12px;
	}

.wired_frame {
	display: block;
	position: absolute;
	border: 1px #000 dashed;
	}


     /* ÄLÄ KAJOA NÄIHIN! */


.katalogi {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	}

.katalogi table.table_window  { 
	border-collapse: collapse; 
	border-spacing: 0; 
	width: 100%;
	margin: 0px;
	padding: 0px;
	}

.katalogi table.table_window td , .sin table.table_window th { 
	padding:0; 
	}
.katalogi .title_window {
	-moz-user-select: none;
	}   



	/* Kalastin-Boxi */


.kalastin_nw {
	background: transparent url(img/kalastin_vasyla.gif) no-repeat 0 0;			
	width: 18px;
	height: 38px;
	}

.kalastin_n {
	background: transparent url(img/kalastin_keskiyla.gif) repeat-x 0 0;			
	height: 5px;
	}

.kalastin_ne {
	background: transparent url(img/kalastin_oikyla.gif) no-repeat 0 0;			
	width: 19px;	  
	height: 38px;
	}

.kalastin_w {
	background: transparent url(img/kalastin_vaskeski.gif) bottom left repeat-y;			
	width: 18px;
	}

.kalastin_e {
	background: transparent url(img/kalastin_oikkeski.gif) bottom left repeat-y;			
	width: 19px;	  
	}

.kalastin_sw {
	background: transparent url(img/kalastin_vasala.gif) no-repeat 0 0;			
	width: 18px;
	height: 68px;
	}

.kalastin_s  {
	background: transparent url(img/kalastin_keskiala.gif) repeat-x 0 0;			
	height: 68px;
	}

.kalastin_se, .kalastin_sizer {
	background: transparent url(img/kalastin_oikala.gif) no-repeat 0 0;			
	width: 19px;
	height: 68px;
	} 

.kalastin_dialog {
	background: blank;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


.kalastin_close {
	width: 13px;
	height: 13px;
	background: transparent url(img/sulje_ikkuna.gif) no-repeat 0 0;			
	position: absolute;
	top: 13px;
	right: 18px;
	cursor: pointer;
	z-index: 1000;
	top: 40px;
	background-position: -0px -0px;
	}
.kalastin_close:hover {
	width: 13px;
	height: 13px;
	background-position: -0px -13px;

.kalastin_title {
	float: left;
	height: 40px;
	line-height: 10px;
	font-family: verdana, arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	margin: 3px 0 0 0;
	width: 100%;
	color: #FFF;
	}

.kalastin_content {
	overflow: auto;
	color: #222;
	font-family: verdana, arial;  
	font-size: 10px;
	background: #F3F3F3;
	margin-left: 30px; 
	}


     /* ÄLÄ KAJOA NÄIHIN! */


.kalastin {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	}

.kalastin table.table_window  { 
	border-collapse: collapse; 
	border-spacing: 0; 
	width: 100%;
	margin: 0px;
	padding: 0px;
	}

.kalastin table.table_window td , .sin table.table_window th { 
	padding:0; 
	}
.kalastin .title_window {
	-moz-user-select: none;
	}