/* **************************************** */
/* TABNAV - Overwrite tabnav from style.css	*/
/* **************************************** */
#tabnav-wizard { 
	padding: 0 0 0 0; 
	border-top: 1px solid #61738B;
	border-bottom: none;
	background-color: #d1dae9;
	width:765px;
	height:28px;
}

#tabnav-wizard span {
	display:block;
	background-color: #d1dae9;
	border-style: none;
	float:left;
	padding:5px 5px 0px 5px;	
	border-style:none;
}

#tabnav-wizard .submit {
	background-color: #58697d;
	border-style: none;
	color:white;
	font-weight: bold;
}

#tabnav-wizard a {
	color: black; 
	font-weight: bold;
	text-decoration: underline;
}

#tabnav-wizard span.active { 
	display:block;
	border-style: none;
	float:left;
	padding: 5px 5px 8px 5px;
	background-color: #58697d;
}

#tabnav-wizard span.active .button3 { 
	color:white;
	font-weight: bold;
	text-decoration: none;
}

#tabnav-wizard .disabled {
	color:#657990;
}

#tabnav-wizard input {
	font-size:11px;
}

/* **************************************** */
/* ACTIONS                                  */
/* **************************************** */

div.create-rental-actions {
  direction: rtl;
}

div.create-rental-actions input {
  direction: ltr;
}

/* **************************************** */
/* INTRO							                  		*/
/* **************************************** */
.leftcol { float: left; width: 400px; }
.rightcol { float: right; padding-right:180px;}
h3 { padding-top: 0px; font-size: 13px;}
#conditions { background-color: #ebeef3; }



/* **************************************** */
/* SUMMARY							                		*/
/* **************************************** */
#rentalintro {
	background-color: #E6EAF0;
	border-top: 2px solid #94A3B7;
	border-bottom: 2px solid #94A3B7;
	position: relative;
	width: 758px;
	
}


#rentaldescription {
	padding: 5px;
	margin: 0 5px 5px 0;
}

#rentaldescription li a {
	font-weight: bold;
}

#picgrp {
	float: right;
	margin: 0 5px 5px 0;
}

#previewmap, #nopreviewmap, #onlyactivemap {
	float: right;
	margin: 0 5px 5px 0;
	clear: both;
}

#mapselection {
position: absolute;
right: 35px;
top: 33px; /*35px;*/
height:18px;
z-index: 2;
}
#mapselection_iframe{
position: absolute;
right: 35px;
top: 35px;
height:18px;
width:138px;
z-index: 1;
}

#pictures, #picturelink, #previewmap, #nopreviewmap, #onlyactivemap {
	padding: 5px;
	background-color: #C6D5E2;
}

#pictures, #previewmap, #nopreviewmap { padding-top: 12px; }
#pictures img { border: 1px solid #333333; }
#pictures li { display: inline;}
#pictures li img.selected, #pictures li img:hover { border-color: red; }
#picturelink { text-align: center; margin-top: 1px; }

#previewmap img, #previewmap div, #onlyactivemap dov { border: 1px solid #58687D; border-top-width: 0px; }
#nopreviewmap img, #nopreviewmap div { border: none; }

#previewmap h3 { 
	margin: 0; 
	padding-top: 0; 
	text-align: center; 
	color: #ffffff; 
	background-color: #58687D; 
	font-size: 1em; 
	padding: 3px;
	width: 246px; 
}

#previewmapdiv {
	width:250px; 
	height:250px;
	overflow: hidden;
}

#maplink { padding: 5px; background-color: #E6EAF0; }

#banneri {  }
.rentaltable h3:before, #agency h3:before { content: url(/vuokraovi/img/showrental_header_bullet.gif); margin-right: 0.25em; }
table { clear: left; }
.rentaltable th { padding-left: 1.25em; text-align: left; width: 250px;}
.rentaltable td { text-align: left; }
.rentaltable h3, #agency h3 { border-bottom: 1px solid; }

tr.odd { background-color: #EEF2F8; }

h4.maptextheader { padding: 0; margin: 0;  font-size: 0.9em;}

.colroommateselected, .colroommate {
  float: left; 
  width: 25%;
  width:220px;
  border-style:solid;
  border-width:thin;
  border-color:red;
  background-color:#fff9d4;
  margin:5px 10px 5px 10px;	
}

.colroommateselected {
  background-color:#fff999;
}

.uploadPictureGuide {
  background-color:#fff999;
  margin-left:10px;
  padding:10px;
  border-style:solid;
  border-width:thin;
  border-color:red;
}

.materialtable {
	width: 90%;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #58697d;
	border-collapse: collapse;
	margin: 0px;
}
.materialtable th {
	background-color: #D1DAE9;
}
.materialtable td {
	width: 20%;
}

#selectproducttable {
	background-color: #ebeef3;
	border-collapse: collapse;
}

#selectproducttable #top {
	border-top-style: solid;
	border-top-color: #58697d;
	border-top-width: 1px;
	padding:10px;
	border-bottom-style: solid;
	border-bottom-color: #58697d;
	border-bottom-width: 1px;
}

#selectproducttable #sep {
	border-top-style: solid;
	border-top-color: #58697d;
	border-top-width: 1px;
}

#selectproducttable #total {
	border-top-style: solid;
	border-top-color: #58697d;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #58697d;
	border-bottom-width: 1px;
}


#summaryProducts {
	float:left;
	width:55%;
	padding-right:10px;
}
	
#summaryExtraVisibility {
	float:left;
	width: 325px;
	height: 328px;
	background-image: url(../img/kohdekorostuslistasivulla.JPG);
}

/* **************************************** */
/* PRINTABLE VERSION OF SHOW RENTAL         */
/* **************************************** */

img.print {
  float: right;
}

img.print:hover {
  cursor: pointer;
}

div.printable {
  width: 600px;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
  margin-left: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 10px 15px 10px;
  text-align: left;
}

div.clearboth {
  clear: both;
}

div.pok {
	margin-top: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
}

div.printheader {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: rgb(97, 115, 138);
  margin-bottom: 15px;
}

table.printtable {
	font-family: arial, helvetica;
  font-size: 12px;
  color: #333;
}

table.printtable th {
	text-align: left;
	width: 200px;
}