img { border: none; }

input {
	font-size: 10px;
}
input[type="checkbox"],input.checkbox {
  border: 0px;
}
input[type="text"],input.text {
	height: 12px;
}
ul { list-style: none; }

.btnsearch {
	font: bold 12px Verdana, Arial, sans-serif;
	cursor: pointer; 
	background-color: #993333; 
	color: #ffffff;
	float: right;
	margin-top: 10px;
	border: 2px outset #D69BAF; 	
	padding-top: 0px;
	padding-bottom: 0px;
	clear: none;
}

/* structure */
body {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #333;
	text-align: center;
	margin:0;
	padding:0;
}
.layer {
	/*height: 424px;*/
	min-height: 424px;
	margin:0;
	padding:0;
}
.layerHolidayApartment {
	/*height: 424px;*/
	min-height: 424px;
	margin:0;
	padding:0;
}
#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 966px;
	height: 105px;
	/*padding:0;*/
	text-align: left;
}
#topbar {
	width: 966px;
	margin: 0;
	padding: 0;
	border: 0;
}

#topBarBanner {padding:10px 0 10px 0;text-align:center;display:none; background: url(../img/ylahaive_.gif) #94a8c1 repeat-x;} 
.topBarContainer {position:relative;width:966px;margin:0 auto;}

#navigation {
	/*width:966px;*/
	/*right:0px;*/
	height:41px;
	color: white;
	margin: 0;
	padding: 0;
	border: 0;
}
#navigation  li {
	/*width: auto;*/
	float:left;
	/*margin: 3px 0 0 2px;*/
	height: 40px;
	/*border: 0;*/
	padding: 0;
	border-right: 1px solid #b0bac4;
	vertical-align: bottom;
	text-align: center;
	line-height: 38px;
	clear:none;
}
#navigation  li:first-child {
	margin: 0;
}
#navigation  li  a{
	font-size: 13px;
	height:auto;
}
#navigation #navigation_logo {
	border: 0;
	padding: 0;
	margin: 0;
	width: 228px;
	height: 41px;
	clear:none;
}

#navigation #navigation_1st {
	float: left;
	border-left: 1px solid #b0bac4;
	width: 85px;
	clear:none;
}
#navigation #navigation_2nd {
	float: left;
	width: 75px;
	clear: none;
}
#navigation #navigation_3rd {
	width: 105px;
	float: left;
	clear:none;
}
#navigation #navigation_4th {
	width: 150px;
	float: left;
	clear:none;
}
#navigation #navigation_5th {
	width: 120px;
	float:left;
	/*margin: 3px 0 0 4px;*/
	padding: 0 13px 0 0;
	height: 33px;
	border: 0;
	vertical-align: bottom;
	text-align: center;
	text-indent: 0;
	clear:none;
	float: left;
	clear:none;
}

#navigation_6th {
	float:left;
	width: 164px;
	margin: 0 0 0 4px;
	padding: 0;
	padding-top:0.2em;
	height: 40px;
	border: 0;
	vertical-align: bottom;
	text-align: center;
	text-indent: 0;
	clear: none;
}

li#navigation_6th {
    line-height: 15px;	
    border:0;
}

#navigation #navigation_6th span{
	width: 164px;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.5em;
	font-size:1em;
	height: auto;
	clear: none;
}

#navigation a
{
	/*display: block;*/
	text-align: center;
	/*padding: 0 18px 0 18px;*/
	color: #ffffff;
	text-decoration: none;
	border: 0;
	font-weight: normal;
	text-indent: 0;
	height: 33px;
	clear:none;
}

#content {
  margin: 0 auto;
  width: 966px; 
	padding: 0;
	border: 0;
}

#content_left_outer {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	clear: none;
}
#content_left_middle {
	float: left;
	width: 795px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #ffffff;
	clear: none;
	display:inline;
}
#content_right_outer {
	float: right;
	width: 160px;
	padding: 0 0 0 11px;
	border: 0;
	/*position: absolute;*/
	/*top: 100px;*/
	right: 0px;
	clear: none;
}
#content_right_outer > div {
	width: 160px;
	height: 600px;
	padding: 0 0 10px 0;
	/*background: white;*/
}

#content_left_inner {
	/*float:left;*/
	width: 766px;
	/*margin: 0 10px 0 10px;*/
	/*margin: 0 auto 0 auto;*/
	margin-left: 14px;
	margin-right: 14px;
	padding: 0;
	border: 0;
	clear:none;
	min-height: 475px; /* Standard compliant browsers */
	height: 475px; /* This is handled as min-height in IE 6 */
	height: auto!important; /* Standard compliant browsers, ignored by IE6 */
}

/*
#content_left_inner > div {
	float:left;
	padding: 0;
	margin: 0;
}
*/

#contenttop {
	/*float:left;*/
	width:795px;
	height: 15px;
	margin: 0;
	padding: 0;
	border: 0;
	clear:both;
}
#contentbottom {
	width:795px;
	margin-bottom: 1em;
	padding: 0;
	border: 0;
	clear:both;
}
#bottomBar {
	/*float: left;*/
	padding: 0;
	margin: 25px 0 0 0;
	border: 0;
	clear:both;
}
a:hover { text-decoration: underline; }
/* footer */
#footer {
	clear: both;
	z-index:1000;
	padding: 0;
	margin: 0;
}
#linkBarOfvuokraovi {
	/*width:795px;*/
	width:100%;
	right:0px;
	height:34px;
	margin: 0;
	padding: 0;
	color: white;
}
#linkBarOfvuokraovi * {
	float:left;
	clear:none;
	display:inline;
}
#linkBarOfvuokraovi div {
	margin: 3px 0 0 2px;
	padding: 0;
	/*height: 33px;*/
	border: 0;
	vertical-align: bottom;
	text-align: center;
	line-height: 14px;
}
#linkBarOfvuokraovi  div  a{
	font-size: 12px;
	font-weight: bold;
}
#linkBarOfvuokraovi  div a img{
	margin: 12px 20px 0 16px;
	padding: 0;
}
#linkBarOfvuokraovi  div:first-child {
	margin: 0 1px 0 3px;
}
#linkBarOfvuokraovi div {
	line-height: 30px;
}
#linkBarOfvuokraovi_1 {
	max-width: 141px;
}
#linkBarOfvuokraovi_2 {
	max-width: 159px;
}
#linkBarOfvuokraovi_3 {
	max-width: 41px;
}
#linkBarOfvuokraovi_4 {
	max-width: 83px;
}
#linkBarOfvuokraovi_5 {
	max-width: 150px;
}
#linkBarOfvuokraovi_6 {
	max-width: 79px;
}
#linkBarOfvuokraovi_7 {
	max-width: 70px;
}
#linkBarOfvuokraovi_8 {
	/*IE6 + IE 7 hack*/
	min-width: 108px;
	max-width: 108px;
}
#linkBarOfvuokraovi a
{
	text-align: center;
	margin: 0;
	color: White;
	text-decoration: none;
	border: 0;
	font-weight: normal;
	text-indent: 0;
}
#almafooteri {
	float: left;
	width: 735px;
	height: 175px;
	color: black;
	margin: 0;
	padding: 0 0 0 60px;
	font-size: 11px;
	clear:none;
}
#almafooteri #almafooter_list {
	float: left;
	padding: 7px 5px 5px 5px;
	clear:none;
}
#almafooteri .almafooter_listbox {
	float: left;
	font-size: 11px;
	color: black;
	font-weight: bold;
	margin-top: 5px;
	width: 725px;
	clear:none;
}
#almafooteri a {
	font-size: 11px;
	color: black;
	font-weight: normal;
}

a { 
	color:#900; 
	text-decoration: none; 
	font-size: 12px; 
	font-weight: bold; 
}

.clearer { clear: both; }
.col { float: left; margin: 0 3px 0 0px; clear:none;}
.col1 { float: left; width: 100%; clear:none; }
.col2 { float: left; width: 50%;  clear:none;}
.col3 { float: left; width: 33%; clear:none;}
.col4 { float: left; width: 24%; clear:none; display:inline;}
.col5 { float: left; width: 67%; clear:none;}
.col6 { float: left; width: 40%; clear:none;}
/*.row { clear: both; padding:5px 20px 0 15px;}*/
.row { clear: both; padding:5px 0 0 15px;}
.row2 { clear: both; padding:5px 20px 0 0px;}
.clearboth { clear: both; }
.right-content { text-align: right; /*padding-right:180px;*/ }
.right { text-align: right; }

.errorbanner, .errorbanner_error, .errorbanner_warning, .errorbanner_info {
	clear: both;
	margin: 10px 0px 10px 15px;
	/*padding:10px 0 10px 5px;*/
	padding: 15px;
	border-color: #a01b1c;
	border-width: 2px;
	border-style: solid;
	color: #a01b1c;
	/*width:735px;*/
	text-align: center;
	font-weight: bold;
}

.row .errorbanner, .row .errorbanner_error, .row .errorbanner_warning, .row .errorbanner_info {
	margin: 0 0 15px 0;
}

.errorbanner_warning {
	border-color: #FFCC33;
	color: #FFCC33;
}

.errorbanner_info {
	border-color: #0066FF;
	color: #0066FF;
}

.errorbanner a, .errorbanner_error a, .errorbanner_warning a, .errorbanner_info a {
	text-decoration: underline;
}

.messagebanner {
	clear: both;
	margin: 10px 0px 10px 15px;
	padding: 15px;
	border-color: #336633;
	border-width: 2px;
	border-style: solid;
	color: #336633;
	max-width: 735px;
	text-align: center;
	font-weight: bold;
}

.errors {
	margin: 2px;
	padding: 5px 0px 5px 5px;
	border-color: #cc0033;
	border-width: 2px;
	border-style: solid;
	color: #cc0033;
	max-width: 768px;
	text-align: left;
	font-weight: bold;
}

.errors a {
	text-decoration: underline;
}

#commercial_break {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2000px;
	visibility: hidden;	
	display: none;
	overflow: hidden;
	background-color: #FFFFFF;
}

#breadcrumb { 
    float: left; 
    clear: both;
    /*padding-left: 15px;*/ 
    margin-top: 0px;
    margin-bottom: 10px;
}

#searchForm { margin: 0; padding: 0; }

.searcharea .holidaySearchLocation .searchtarget { 
  padding: 5px 5px 0 5px;
  float: left;
  clear:left;
}

.holidayApartmentForm .searchactions {margin-left: 110px;}
.holidayApartmentForm .valueIntervalLabel {min-width:27%;float:left;}
.holidayApartmentForm label.singleValueLabel {float:left;width:100%;}
.holidayApartmentForm .firstFreeInputRowItem {height:2.0em;width:100%;}
.holidayApartmentForm .rentIntervalBlock {margin-top:3px;}
.holidayApartmentForm .arrivalTimeBlock {margin-top:3px;}
.holidayApartmentForm .singleValueLabel img {margin-left:2%;}
.holidayApartmentForm .singleValueLabelTitle {float:left;margin-right:4%;min-width:40%;}

.holidayApartmentForm .searcharea .searchcontent {border-width:0 0 1px 0;}
.holidayApartmentForm .searcharea h2 {height:28px;border-bottom:3px solid #57677c;font-size:1.8em;font-weight:normal;}
.holidayApartmentForm .searcharea h2 span {min-height:25px;float:left;background-color:#57677c;color:#fff;}
.holidayApartmentForm .searcharea h2 span.searchHeaderTitle {padding:3px 12px 0 12px;-moz-border-radius-topleft: 6px;border-top-left-radius:6px;}
.holidayApartmentForm .searcharea h2 span.middle {border-left:1px solid #b0b9c5;}
.holidayApartmentForm .searcharea h2 span.searchHeaderIcon {max-height:31px;float:left;background-color:#57677c;padding:0 12px 0 12px;-moz-border-radius-topright: 6px;border-top-right-radius:6px;}

.searcharea { 
    /*padding: 0px 10px 5px 10px; */
    padding: 0;
    clear: both;
    /*width: 771px;*/
    width: auto;
}

.searcharea .searchcontent { 
    background-color: #ECF0F6; 
    border-style: solid; 
    border-width: 1px 0px 1px 0px; 
    border-color: #6E829C;
    padding-bottom:8px; 
}

.searcharea .searchcontent .searchtarget { 
    padding: 5px 5px 0 5px; 
    float: left;
    width: 32%;
}

.searcharea .searchcontent .searchtargetfirst { 
    padding: 5px 5px 0 5px; 
    float: left;
    width: 37%;
}

.searcharea .searchcontent .searchtargetsecond { 
    padding: 5px 5px 0 5px; 
    float: left;
    width: 28%;
}

.searcharea .searchcontent .searchtargetthird { 
    padding: 5px 5px 0 5px; 
    float: left;
    width: 31%;
}

.searcharea .searchcontent .freeText { 
    padding: 0px 5px 0 5px; 
    float: left;
    width: 32%;
}

.searcharea .leftbox {
    float: left;
    width: 45%;
    margin-right: 5px;
    
}

.searcharea .leftbox .upper {
    background-color: #ECF0F6;
    border-style: solid;
    border-width: 1px;
    border-color: #6E829C;
    padding: 5px;
    margin-bottom: 5px;
    height: 70px;
}

.searcharea .leftbox .lower {
    background-color: #ECF0F6; 
    border-style: solid; 
    border-width: 1px;
    border-color: #6E829C;
    padding: 5px;
    height: 317px;
}

.searcharea .rightbox {
    float: left;
    width: 52%;
    background-color: #ECF0F6; 
    border-style: solid; 
    border-width: 1px;
    border-color: #6E829C;
    text-align: center;
    height: 400px;
    padding-top: 15px;
    text-align: center;
}

.button1 { 
    font: bold 10px Verdana, Arial, sans-serif; 
    line-height: 12px; 
    background-color: #993333; 
    color: #ffffff; 
    margin: 10px 5px 0px 5px;
    padding:3px 3px 3px 3px; 
    border: 2px outset #D69BAF; 
}

.button2 { 
    font: bold 10px Verdana, Arial, sans-serif; 
    line-height: 12px; 
    background-color: #993333; 
    color: #ffffff; 
    /*margin: 5px 5px 0px 5px;*/
    padding: 1px 1px 1px 1px; 
    border: 2px outset #D69BAF; 
    width: auto;
    overflow: visible;
}

.button3 {
    border-style: none;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    width:99px;
    cursor:pointer; 
}

.button4 {
    border-style: none;
    background-color: transparent;
    text-decoration: none;
    width:99px;
}

.button5 {
    border-style: none;
    background-color: transparent;
    text-decoration: none;
}

.button6 {
    border-style: none;
    background-color: transparent;
    color:#993333;
    font-weight: bold;
    cursor:pointer;
}

.button_movedown {
    border-style: none;
    background-color: transparent;
    background-image: url("../img/movedown.gif");
    background-repeat: no-repeat;
    width: 48px;
    height: 18px;
}

.button_moveup {
    border-style: none;
    background-color: transparent;
    background-image: url("../img/moveup.gif");
    background-repeat: no-repeat;
    width: 48px;
    height: 18px;
}

.button2_dis { 
    font: bold 10px Verdana, Arial, sans-serif; 
    line-height: 12px; 
    background-color: #aaaaaa;
    color: #ffffff; 
    margin: 5px 5px 0px 5px;
    padding:1px 1px 1px 1px; 
    border: 2px outset #7c7c7c;
}

.button-link { 
    font: bold 10px Verdana, Arial, sans-serif; 
    line-height: 12px; 
    background-color: #993333; 
    color: #ffffff; 
    margin: 5px 5px 0px 5px;
    padding:2px 7px 2px 7px; 
    border: 2px outset #D69BAF; 
}

.button-link a {
    font-size: 10px;
    text-decoration: none;
    color: #ffffff;
}

.button-link a:hover {
    text-decoration: none;
}

.button-search {
  height: 25px;
  border: solid #d7d9db 2px;
  /* IE 7 puts a white 1px border arround the background image. This makes that border the same color to our border and also makes our border smaller so that combined they have the needed width*/
  *border: solid #d7d9db 1px;
  *background-color: #d7d9db;
  padding: 3px 6px 3px 6px;
  font-size: 12px; 
  color: #ffffff;
  margin-right: 4px; 
  overflow: visible;
  *vertical-align: bottom;
  cursor: pointer;
}

/* This is a hack for firefox in order to center the text inside the button (maybe we can find a better solution)*/
@-moz-document url-prefix() {
   .button-search {
    padding-top:0px;
  }
}


.button-search-red {
  background-image: url("../img/button_bg_red.png");
}

.button-search-grey {
  background-image: url("../img/button_bg_grey.png");
}

/* **************************************** */
/* TABNAV                                   */
/* **************************************** */
#tabnav { 
    padding: 20px 0 6px 0px; 
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 1px solid #61738B;
}

#tabnav div {
    display: inline;
    background-color: #e7eaf1; 
    border: 1px solid #61738b;
    padding: 5px 10px 6px 10px;
    margin-right: 3px;
}

#tabnav div.active a { 
    border-bottom: 4px solid #58697D;
    margin-left: 1px;
    margin-right: 1px;
}

#tabnav a {
    text-decoration: none;
    color: black; 
}

#tabnav div.active { 
    border-bottom-color: white; 
    font-size: larger; 
    padding: 5px 10px 6px 10px;
    background-color: white;
}

#my-tabnav { 
    padding: 20px 0 0px 0px;
    margin-left: 10px;
    margin-right: 0px;	
}

#my-tabnav div.passive {
    background-image: url("../img/mainmenu_background.png");
    padding: 10px 0px 8px 0px;
	margin-left:1px;
	text-align:center;
}

#my-tabnav div.active { 
	background-image: url("../img/mainmenu_selected.png");
    padding: 10px 0px 8px 0px;
	margin-right:-1px;
	text-align:center;
}

#my-tabnav div.active a {
    color: #333333; 
}

#my-tabnav div.passive a {
    color: white;	
}

.rounded-corners-bottom {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-border-bottom-right-radius: 5px;
}

.rounded-corners-top-left {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-border-top-left-radius: 5px;
}
.rounded-corners-top-right {
	-moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-border-top-right-radius: 5px;
}

/* TOPBAR ACTIONS */
#container > #actions { float:left;}

#actions {
    /*float:right;*/
    height: 53px;
    margin-top:0.5em;
    padding:0;
    width:966px;
}
#actions span {
    float:right;
    position:absolute;
    right:0px;
    padding: 0;
    margin:0;
    vertical-align:middle;
    clear:none;
}

#actions > a > img{
    margin: 8px 0 8px 18px;
    clear:none;
}
#actions > a{
    float:left;
    display:inline;
}
#actions span > a {
    float:left;
    margin: 0 1px 0 1px;
}
#actions span > a#register {
    float:left;
    margin: 4px 15px 4px 27px;
}
#actions span > a#contractcustomer{
    float:left;
    margin: 4px 15px 4px 25px;
}
#actions span > a > img {
    margin: 2px 0 2px 0;
    display: block;
}

#actions > div{
    float:left;
}

#actions > div > p {
    float:left;
    padding: 22px 0 22px 10px;
    margin:0;
    clear: none;
}

.backgr { 
    background: url(../img/lomake_otsikkotausta.gif) bottom left repeat-x; 
    padding-bottom: 20px;
    /*width:770px;*/
}

em.mandatory {
    color: #900; font-size:12px; font-weight: bold; font-family: verdana, helvetica;
}

.searchactions {
    text-align:right;
    padding-top: 15px;
}

.agency iframe {
    height: 400px;
}

.contactrequest iframe {
	height: 210px;
}

.searcharea h2 {
    font-size: 14px;
    margin-bottom: 0;
}

.searcharea h3 {
	font-size:12px;
}

#roommates {
    position: relative;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 255px;
}

#roommatewishouter {
    position: relative;
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 0px 255px; 
}

.roommateborder {
    background-image: url("../img/kamppikset_keskiosa.gif");
    background-repeat: repeat-y;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

.roommatedesc {
    border: 1px solid #AF4444;
    width: 214px;
    background-color: #FFF2B5;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 3px;
    margin-top: 0px;
}

.roommatewishinner {
    border: 1px solid #AF4444;
    width: 450px;
    background-color: #FFF2B5;
    margin: 0px 5px 0px 5px;
    padding: 5px;
}

.roommateheader {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.privatenotice {
    margin-top: 20px;
    padding: 5px;
    /*width: 746px;*/
    text-align: center;
    font-weight: bold;
    background-color: #F5E6B4;
}

#rental_page_banner_container {
  text-align:center;
  display:block;
  position:relative;
  width:auto;
  background:#eee;
  margin:10px 13px 0px 0px;
  padding:0px;
}

#rental_page_banner {
}

#rental_page_banner_printable {
    position:relative;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
#office_page_banner {
    position: relative;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;   
}

#registrationInfoFramed { 
    padding:0px;
    float: left;
    border: 1px solid black; 
    background-color: #fee69e; 
    margin-top: 30px; 
    margin-bottom: 15px;
/*  width: 395px;*/
    width: 320px;
}
#registrationInfoFramed th, #registrationInfoFramed td,
#registrationInfoFramed td p, #registrationInfoFramed td h2{
    margin:0px;
    padding:0px;
}
#registrationInfoFramed td {
    padding:10px;
}
#registrationInfoFramed td p {
    padding: 5px 0;
}
.colUserTerms {
    width:745px;
}

table.tblRegistrationForm {
/*  width:337px;*/
    width:400px;
}

/* media card page */
div.media_card {
    background-color: transparent;
    background-image: url("../img/ei_valittajia_tausta.gif");
    background-repeat: no-repeat;
    width: 772px;
    height: 252px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding: 10px 0px 0px 60px;
}

div.infobox { 
    background-color: #fee69e; 
    margin-top: 10px;  
    margin-bottom: 10px;
    border-style: solid; 
    border-width: thin;  
    max-width: 90%; 
    padding: 5px;
}

div.info { /* front page info (~bulletin) */ 

    border: 2px solid #F0A875; 
    background-color: #FFE8A8; 
    margin-bottom: 10px;
    margin-left: auto;  
    margin-right: auto;
    width: 750px;  
    max-width: 90%; 
    padding: 5px;
}

div.col_text { float: left; width:535px; }
div.col_mark { float: right; width: 210px; padding-top: 22px }

.smallFooterLinks {
    font-size: 9pt;	
    color: #ffffff;
    padding: 1.2em 1em 1em 4.5em;
}

.smallFooterLinks a {
	margin-right:0.2em;
	color: #ffffff;
	text-decoration: none;
}

form.createRentalFormChooseType .row1 { margin-left:0; padding-left:0;}

/** Rental specific application styles. */
div.applicantFields {width: 32em;margin-top:4px;float:left;}
.applicantField {float:left;margin-top:6px; clear:left;}
div.applicantContactField {margin-left: 4px; width: 11em;}
label.applicantFieldLabel {clear:left;float:left;}
div.otherApplicantColumn {width:20em;}
div.rentalSpecificApplicationActions {clear:left;margin:4px 20px 8px 0;}
div.rentalSpecificApplicationActions div#createApplicationActions {width:100%;text-align:right;padding-right:20px;}
form#rentalSpecificApplicationForm .errorbanner {margin-right: 15px;}
div#topErrorBanner .errorMessage {float:left;text-align:center;width:100%;}

/** Lazy man's styles. Prefer semantically more meaningful markup. */
.cl {clear:left;}
.cn {clear:none;}
.fl {float:left;}
.fr {float:right;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.mb0 {margin-bottom:0;}
.ml0 {margin-left:0;}
.mt0 {margin-top:0px;}
.mt2 {margin-top: 2px;}
.mt2em {margin-top:2em;}
.mt4 {margin-top: 4px;}
.mt8 {margin-top:8px;}
.mt12 {margin-top:12px;}
.p4 {padding:4px;}
.pt3 {padding-top:3px;}
.vm {vertical-align:middle;}

.error {border: 2px solid #a01b1c; }
input[type=checkbox].error {border:inherit;}
label.error {border: 2px solid #a01b1c; padding:2px;}
.errorBox {border: 2px solid #a01b1c;}

.previewRentalApplicationRental {margin-left: 1%;}
.previewRentalApplicationRental .col {width: 30%;}
.previewRentalApplicationRental .col5 {width: 60%;}
.previewRentalApplicationRental h4 {margin: 0 0 8px 0;}
.errorBox {border: 2px solid #a01b1c;}

.paddableBanner {padding: 0 5px 0 5px;}

form.propertyProfitCalculator label.inputLabel {float:left;margin-left: 20px;margin-top:12px;}
form.propertyProfitCalculator label span.inputDescription {text-align:left;width:115px;}
form.propertyProfitCalculator label input {width:80px; margin:0;padding:0;}
form.propertyProfitCalculator label.resultLabel {margin:0 0 0 12px; padding:8px;}
form.propertyProfitCalculator .arrow {margin-left:135px;width:84px;text-align:center;}

div.profitFromPropertyContainer { background-color:#edf0f7;display:inline;}
div.profitFromPropertyContainer .calculatorInputFields {padding-bottom:12px;}
div.profitFromPropertyContainer .darkRedFadeOut {background:url(../img/profitfromproperty/dark_red_fadeout.gif) #9a3334 left repeat-y scroll;}
div.profitFromPropertyContainer .errorContainer {margin:0 0 0 100px;color:#a01b1c;}
div.profitFromPropertyContainer .grayFadeOut {background:#c5d5e2 url(../img/profitfromproperty/gray_fadeout.gif) repeat-y left;}
div.profitFromPropertyContainer .lightGrayFadeOut {background:url(../img/profitfromproperty/light_gray_fadeout.gif) repeat-y left;}
div.profitFromPropertyContainer .maxWidth {width:100%;min-width:100%;}
div.profitFromPropertyContainer h2 {color:#fff;background-color:#61738b;margin:0;}
div.profitFromPropertyContainer h2 span {margin-left:16px;}
div.profitFromPropertyContainer .profitFromPropertyDescription {padding: 0 12px;}
div.profitFromPropertyContainer .profitFromPropertyDescription p:first-child {margin:12px 0;}
div.profitFromPropertyContainer form > div {width:100%;}
div.profitFromPropertyContainer input[type="submit"] {cursor:pointer;}

div.bg_image {
  float: left;
  width: 781px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #ffffff url("../img/tietoa_vuokraovesta_taustakuva.jpg" ) no-repeat top right;
}

#facebookBox {
    height: 250px;
    left: -76px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 445px;
    width: 76px;
    background: url("../img/facebook/facebook_tab.png"); background-repeat: no-repeat; 
}
#facebookBoxUpper {
    height: 250px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 76px;
}
#facebookBookUpperText {
    -moz-transform: rotate(90deg);
    display: block;
    font-size: 12px;
    height: 40px;
    left: -32px;
    margin: 0;
    padding: 0 0 0 40px;
    position: absolute;
    top: 60px;
    width: 100px;
}
#facebookIcon {
    height: 30px;
    left: 26px;
    position: absolute;
    top: 10px;
    width: 30px;
    z-index: 2;
    background: url("../img/facebook/facebook_icon_30x30.png") no-repeat; 
}
#facebookBoxLower {
    float: left;
    left: 10px;
    position: absolute;
    top: 175px;
}

#facebookLogo { background: url("../img/facebook/facebook_icon_30x30.png") no-repeat; }


.connect_widget_number_cloud {
     background: none repeat scroll 0% 0% #FFFFFF;
     border: 1px solid #D3D3D3;
     height: 25px;
     padding-top: 7px;
     position: relative;
     text-align: center;
}

.connect_widget_number_cloud_nub s, .connect_widget_number_cloud_nub i {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D3D3D3 transparent transparent;
    border-right: 5px solid transparent;
    border-style: solid;
    border-width: 5px;
    display: block;
    position: relative;
}
.connect_widget_number_cloud_nub i {
    border-top-color: #FFFFFF;
    left: 0;
    top: -12px;
}

div.connect_widget_number_cloud table.connect_widget_number_cloud_summary {
     margin-left: auto;
     margin-right: auto;
}

div.connect_widget_number_cloud table.connect_widget_number_cloud_summary td {
     font-size: 13px;
}

.thumbs_up_icon {
     background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png") no-repeat scroll -1px -32px transparent;
     height: 15px;
     margin-right: 2px;
     width: 15px;
}

.connect_widget_number_cloud_nub {
    bottom: -7px;
    height: 7px;
    left: 5px;
    position: absolute;
    width: 7px;
    z-index: 2;
}


.twoRowsButton {
  background: url('../img/calendar/button_two_rows.gif') left 0 no-repeat;
  color: #FFFFFF;
  width: 138px;
  border:0;
  padding:0;
  margin:0;
  height: 41px;
  position: relative;
  text-align: left;
  cursor: pointer;
  display: block;
}

.twoRowsButton > span {  
  width: 107px;
  padding-left: 6px;
  display: block;
  text-align: right;  
}

@-moz-document url-prefix() {
  .twoRowsButton > span {position: relative; top: -2px;width: 104px;}
}