a:hover {
    text-decoration: underline;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0px;
    background-color: #E6E6E6;
}

h1, h2, h3 {
    color: #6C8CD5;
    font-weight: bold;
}

h1 {
    font-size: 145%;
    margin-bottom: 10px;
}

h2 {
    font-size: 140%;
    margin-bottom: 8px;
}

h3 {
    font-size: 135%;
    margin-bottom: 6px;
}

h4 {
    font-size: 130%;
}

#background {
    /*background-image: url("../ui/background.jpg");*/
    height: 200px;
    width: 100%;
    margin: 0px;
    background-color: #6C8CD5;
}

#container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    top: 0px;
    width: 850px;
}

#logo {
    /*background-image: url("../ui/logo.png");*/
    width: 600px;
    height: 45px;
    background-color: #4671D5;
    color: #E6E6E6;
    font-size: 14pt;
    font-weight: bold;
    padding: 10px;
}

#topBar, .topBar {
    color: white;
    font-size: 9pt;
    text-align: right;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    width: auto;
    background-color: #4671D5;
    font-size: 14pt;
    font-weight: bold;
    padding: 10px;
}

#tabBar, .tabBar {
    background-color: #E6E6E6;
}

.tabBar {
    height: 5px;
}

#tab1, #tab2, #tab3, #tab4, #tab5 {
    border: 0px;
    height: 32px;
    color: white;
    background-color: #005DB3;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

#tab1 {
    width: 100px;
}

#tab2 {
    width: 100px;
}

#tab3 {
    width: 100px;
}

#tab4 {
    width: auto;
}

#tab1:hover, #tab2:hover, #tab3:hover, .tabSelect {
    background-color: #6C8CD5;
    border: 0px;
    height: 32px;
    color: white;
    margin: 5px;
    padding: 5px;
    text-align: center;
    width: 100px;
}

.homeA {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
}

.contactA {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 2px;
    padding-right: 2px;
}

#documents {
    width: 145px;
}

#contentCell {
    background-color: white;
    /*border-left: solid 1px black;
	border-right: solid 1px black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;*/
    height: 700px;
    padding: 15px;
    text-align: left;
    vertical-align: top;
}

#contentArea {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.availableList {
    margin-bottom: 20px;
}

p {
    margin-bottom: 25px;
    line-height: 180%;
    font-size: 120%;
}

.summary {
    margin-bottom: 10px;
    display: inline-block;
}

.imageLeft {
    float: left;
    margin-right: 20px;
    margin-bottom: 3px;
    margin-top: 10px;
}

.imageRight {
    float: right;
    margin-left: 10px;
    margin-bottom: 3px;
    margin-top: 5px;
}

.imageLeft, .imageRight, .gridRowItem a img {
    /*border: 1px solid black;*/
    box-shadow: 4px 4px 10px #888888;
}

#footer {
    color: white;
    text-align: center;
    background-color: #06266F;
    height: 32px;
}

.altAColor {
    color: white;
}

.gridRowItem {
    background-color: white;
    vertical-align: top;
    font-size: 120%;
    line-height: 150%;
}

.gridRowAltItem {
    background-color: white;
    vertical-align: top;
}

.availDate {
    color: Red;
    font-weight: bold;
}

.rentAmount {
    font-weight: bold;
}

.homeDetails {
    line-height: 150%;
    font-size: 120%;
    display: inline;
}

.start-app {
    position: relative;
    left: -60px;
    top: 40px;
}

.detailsLink {
    display: block;
}

.naPhotoOut {
    border: 1px solid #6C8CD5;
    width: 213px;
    height: 160px;
}

.naPhotoIn {
    background-color: #E6E6E6;
    border: 1px solid #6C8CD5;
    width: 192px;
    height: 139px;
    margin: 10px;
}

.naPhotoTxt {
    font-weight: bold;
    color: #999999;
    margin-top: 60px;
    text-align: center;
    text-decoration: none;
}

.poiTxt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

#contactInfo {
    display: inline;
    float: left;
}

.map {
    position: relative;
    width: 650px;
    height: 650px;
    border: solid 1px #6C8CD5;
    margin-top: 0;
    margin-right: 0;
    float: right;
}

/* Details pages */
.detailCopy {
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: top;
}

    .detailCopy > a {
        margin-top: 5px;
    }

.li, .detailHeader {
    display: block;
}

.detailHeader {
    font-weight: bold;
}

.sqi {
    display: block;
    width: 110px;
}

.sql {
    float: left;
}

.sqr {
    float: right;
    text-align: right;
}

.sqi, .sql, .sqr {
    line-height: 150%;
}

.bold {
    font-weight: bold;
}

.red {
    color: #FF0000;
}

#sigContainer {
    margin-left: 70px;
    margin-bottom: 25px;
}

#signature {
    width: 70%;
}

.center {
    text-align: center;
}

.smaller {
    font-size: smaller;
}

.video_thumbnail {
    display: inline;
    float: right;
    margin-right: 2.5em;
}

body.modal-open {
    overflow: hidden;
}

#video_background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    z-index: 100;
}

.video_container_desktop {
    margin: 110px auto 0 auto;
    width: 862px;
}

.video_container_mobile {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.video_iframe {
    background-color: #000000;
}

.video_iframe_desktop {
    border-color: white;
    border-style: solid;
    border-width: medium;
}

.video_iframe, .video_iframe_mobile {
}

#video_close {
    position: relative;
    background-color: red;
    border-color: white;
    border-width: medium;
    font-weight: bolder;
    color: white;
    right: 0;
    top: 0;
    padding: 3px;
    cursor: pointer;
    z-index: 101;
}

#video_close_btn {
    float: right;
    margin-top: -30px;
    margin-right: -30px;
    cursor: pointer;
    color: #fff;
    border: 2px solid white;
    border-radius: 30px;
    background-color: black;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 1px;
    padding: 11px 3px;
    text-decoration: none;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus {
    color: #333333;
    text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary {
    color: #ffffff;
    background-color: #005DB3;
    border-color: #06266F;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: black;
    background-color: #CDD9F4;
    border-color: #06266F;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #ADD8FF;
    border-color: #70BAFF;
    color: gray;
}

#yesBtn, #noBtn {
    width: 7em;
    margin-right: 2em;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.mb-p1 {
    margin-bottom: 0.1em;
}
.mb-p5 {
    margin-bottom: 0.5em;
}
.mb-1 {
    margin-bottom: 1em;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 50%; /* Could be more or less, depending on screen size */
    font-size: large;
}
.modal-content p {
    font-size: 100%;
}
.modal-content .fields {
    margin: 3% 30% 0 30%;
}
.modal-content label {
    display: block;
}
.modal-content input {
    border-radius: 4px;
    padding: 0.3em;
    font-size: large;
    width: 100%;
}
.modal-content input.invalid, .modal-content input.invalid:focus {
    border: 2px solid red;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 200%;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#signUpWait, #signUpComplete, #signUpError {
    display: none;
}