/* Cascading Style Sheet
 * for Rental Management Owner Portal
 * Emmett Hawkins, Jan. 2007
 * Copyright © 2007-2008 Hawkins Computer Services
 * <><
 */
body {
margin:0px;
padding:0px;
background-color:#F8F8F8;
font-family:Arial, sans-serif;
}
h1 {
font-size:xx-large;
font-weight:bold;
margin:0px;
padding-top:5px;
}
h2 {font-size:large;font-weight:bold;}
h3 {font-size:large;font-weight:normal;text-align:center;margin-top:2em;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
dt {font-weight:bold;}
form {
margin:0px;
padding:0px;
}
#header {
border-bottom:1px solid black;
background-image:url(img/header-bg.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position: center;
text-align:center;
height:50px;
}
#header img {
    height:50px;
    position: absolute;
    left: 0px;
    top: 0;
}
#cabinlist {
padding-top:5px;
text-align:center;
width:170px;
float:left;
border-right:1px solid black;
}
#cabinlist img {margin-top:10px;border:1px solid #F8F8F8;}
#cabinlist img.cur {border:1px solid blue;}
#calendar {margin:auto;border-collapse:collapse;}
#hd th {
background-image:url(img/s1-bg.gif);
background-repeat:repeat-x;
font-weight:bold;
border:1px solid #91B6E8;
height:26px;
}
#calendar td {
text-align:right;
vertical-align:top;
width:40px;
height:40px;
border:1px solid #91B6E8;
}
#calendar td img {
	margin: 0px;
	display: block;
	border: 0px;
}
#calendar td div {
height:20px;
border-bottom: 1px solid Black;
}
#calendar td span {
margin:2px;
}
#dow td {text-align:center;height:20px;}
#footer {
clear:both;
text-align:center;
background-image:url(img/footer-bg.png);
background-repeat:repeat-x;
font-size:x-small;
padding:3px;
}
#main {
margin-left:170px;
border-left:1px solid black;
padding:10px;
}
#nav {white-space:nowrap;text-align:right;margin-bottom:5px;}
#nav form, #nav select, #nav input {
    display: inline;
}
#summary {
width:280px;
margin:10px auto;
}
#login {
width:19.5em;
margin:2em auto 0em auto;
text-align:center;
}
#dt {
margin:1px;
font-size:small;
}
.r {background-color:#80FF80;}
.o {background-color:#909090;}
.m {background-color:#FF8080;}
.n {background-color:#FFFFFF;}
.co {background-color:#428342;}
.s1header {
background-image:url(img/s1-bg.gif);
background-repeat:repeat-x;
padding:1px 5px 2px 5px;
font-weight:bold;
font-family:Verdana;
font-size:large;
margin:0px;
}
.s1content {
border:1px solid #91B6E8;
background-color:#FFFFFF;
-moz-border-radius:3px;
padding-bottom:5px;
}
.formtable {margin:15px;}
.rentaldetails td.disabled {
	background-color: #D3D3D3;
}
.rentaldetails td.differentmonth {
	color: Gray;
	padding-right: 18px;
}
.differentmonth span {
	position: relative;
	right: 0em;
}

.rentaldetails {
	margin:auto;border-collapse:collapse;
}
.rentaldetails td {
	border: 1px solid #D3D3D3;
	padding: 0px 1.5em;
}
.rentaldetails th {
	border: 1px solid #D3D3D3;
	padding: 0px 20px;
}
.rentaldetails td.noborder {
	padding: 0px 5px;
	border: none;
}
#reservedetails {
    margin:auto;
    border-collapse:collapse;
}
#reservedetails td {
	padding: 0px 1em;
}
#reservedetails th {
	border-bottom: 1px solid #D3D3D3;
	padding: 0px 20px;
}
img.inactive {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}