﻿body{background-color:transparent;}
.form-detail { padding: 20px 0 0 20px; }
/*.form-login .form { border:solid 1px silver;  margin:110px 300px auto 300px ; }

.form-login .form { border:solid 1px silver;  margin:110px 300px auto 300px ; }
*/

.form-login { width: 500px; height: 150px; border: solid 1px #888; padding: 40px 0px 40px 100px; margin: auto; vertical-align: top; margin-top: 20%;  }
.form-login .incompatible-browser{display:none; clear:both; float:left;margin-top:10px;width:380px; text-align:justify;font-size:9pt;}
.form-login .incompatible-browser .comp-browsers-logo{ margin:auto;width:120px;}
.form-login .item { float: left; clear: both; padding: 2px; width: 280px; }
.form-login .label { font-weight: normal; text-align: right; padding-right: 5px; }
.form-login .textbox { border: solid 1px #C8B69C; }
.form-login .buttons { float: left; clear: none; margin: auto; margin-top:15px;margin-left:70px; }
.form-login .logo { margin: -85px auto 30px 25%; border: solid 1px #222; padding: 0px; width: 100px; height: 75px; }
.form-login .logo img { width: 100px; height: 75px; }

.standard-view .view-body { display: block; padding: 10px; }
.normal-list .list .grid{min-width:0;}
.normal-list div.search {min-width:0;width:85%;}
.export-to-excel { text-decoration: none; font-weight: bold; font-size: 90%; margin-top: 3px; padding: 4px 15px; border: 1px solid #A7A9AC; float: right; background: url(/images/Bottom.Button.Background.gif); margin-top: -11px; color: #222; width: 100px; }
.export-to-excel:hover { text-decoration: none; }


.banner .welcome { background-color: #ffeccc; border-bottom: solid 1px #F4DEC1; height: 35px; padding: 15px 0 0 10px; }
.banner .user-panel { background-color: #FFFCD9; height: 50px; }
.banner .user-panel .buttons { padding: 15px; background-color: Transparent; margin: 0; }
.banner .user-panel .buttons a { color: #000; font-size: 9pt; padding-right: 15px; }
.banner .logo { background-color: #fff; padding: 2px; border: solid 1px #F4DEC1; float: right; margin: -90px 10px 0 0; }


/*FRAMES*/
.property-view-frame { padding: 0; background-color: Transparent; width: 400px; height: 230px; float: left; }

.landlord-view-frame { padding: 0; width: 380px; height: 300px; margin: 0; }
.tenant-view-frame { float: left; margin: 0 0 0 -20px; width: 380px; height: 150px; display: inline; }

.view-body .phones .label { width: 50px; }
.view-body .phones .value { white-space: normal; }

/*Edit contact info form*/
.edit-contact { margin-bottom: 0; padding-bottom: 0; width: 99%; display:inline-block;}
.edit-contact .form { min-height: 240px; min-width: 300px; padding: 10px 0 0 10px; }
.edit-contact .form .phones .label { width: 50px; }
.edit-contact .form .phones td { padding: 2px 5px -5px 0; }
.edit-contact .form .phones tr { margin: 0; margin-bottom: -10px; }

/*.edit-bank-account */
.edit-bank-account { margin-bottom: 0;padding-bottom:0;  width: 99%;height:435px;float:none; display:inline-block; }
.edit-bank-account h3 { margin-bottom: 10px; padding-bottom: 5px; width: 300px; }
.edit-bank-account .form { padding: 5px 0 0 5px; width: 300px; height: 300px; }
.edit-bank-account .form .item { float: left; width: 280px; margin-bottom: 2px; }
.edit-bank-account .form .item .label { float: left; width: 100px; font-weight: bold; }

/*.landlord-view */
.landlord-view { margin: 0 0 0 0; border: solid 1px; height: 298px; width: 100%; }
.landlord-view h2 { margin-bottom: 20px; }
.landlord-view .box-header { font-size: 8pt; }
.landlord-view .box-with-header { float: left; }
.landlord-view .box-with-header .box-content { margin: 0 5px 0 5px; border: solid 1px; padding: 5px 0 5px 5px; float: left; width: 300px; }
.landlord-view .box-with-header .header { margin: -1px 0 -1px 5px; font-size: 7pt; text-transform: uppercase; }
.landlord-view .item { float: left; width: auto; min-height: 15px; margin: 0 0 5px 0; width: 300px; }
.landlord-view .large { min-height: 30px; }
.landlord-view .buttons { margin-top: 400px; }

/*.property-compact-view */
.property-compact-view { border: 1px solid #6C6358; background-color: #fff; min-width: 300px; min-height: 210px; width: 300px; }
.property-compact-view h3 { border-bottom: none; }
.property-compact-view .item { padding: 5px 0 0 5px; }
.property-compact-view .more { float: right; text-transform: none; margin-right: 15px; }

/*.tenant-compact-view */
.tenant-compact-view { width: 300px; height: auto; display: inline-block; border: 1px solid #6C6358; padding-bottom:10px;}
.tenant-compact-view h3 { margin: -1px 0 2px 0; font-size: 8pt; text-transform: uppercase; }
.tenant-compact-view .box-with-header .box-content { margin: 0; border: solid 1px; padding: 5px 0 5px 5px; width: 300px; min-height: 100px; }
.tenant-compact-view .box-with-header .header { margin: -1px 0 0px 5px; font-size: 7pt; text-transform: uppercase; }
.tenant-compact-view .item { padding: 10px 0 0 10px; width: auto; min-height: 15px; margin: 0px 0 5px 0; }
.tenant-compact-view .large { min-height: 30px; }
.tenant-compact-view .item .label { float: left; width: 150px; font-weight: bold; font-size: 7pt; }
.tenant-compact-view .item .value { float: left; display: inline; }
.tenant-compact-view .buttons { padding: 5px; }

/*.enter-checkresult */
.enter-checkresult { min-width: 400px; margin: 0; padding: 0; float: left; }
.enter-checkresult .form { min-width: 400px; height: 235px; margin: 0; padding: 10px; }
.enter-checkresult .form .item { width: 380px; }
.enter-checkresult .form .item .label { width: 115px; }
.enter-checkresult .form .buttons { margin: 5px 0 0 0; min-width: 200px; float: left; }

/**/
.enter-guarantor { width: 600px; height: 500px; margin: auto auto 0; display:inline-block;float:none;}
.enter-guarantor .form { display:inline-block;}
.enter-guarantor .form .box-with-header { display: inline-block; float: none; }
.enter-guarantor .form .box-with-header .header { border: none; }
.enter-guarantor .form .box-with-header .box-content { padding: 5px; width: 350px; padding-top: 10px; min-height: 170px; width: 270px;float:left; }
.enter-guarantor .form .item { width: 270px; }
.enter-guarantor .form .item .label { margin-right: 0px; }
.enter-guarantor .form .buttons { position: absolute; bottom: 10px; left: 10px; }

/*.guarantor-view */
.guarantor-view { background-color: #fff; border: 1px solid; width: 395px; display: inline-block; }
.guarantor-view .view-body { display: block; }
.guarantor-view .box-with-header .header { border: none; }
.guarantor-view .box-with-header { float: left; clear: both; }
.guarantor-view .box-with-header .box-content { padding: 5px 0 5px 10px; width: 300px; min-height: 140px; }
.guarantor-view .item { margin: 0 0 5px 0; }
.guarantor-view .buttons { float: left; clear: both; padding: 5px 0 0 5px; }

.enter-agent { border: 1px solid #e5e5e5; min-height: 210px; float: none; width: 99%;  }
.enter-agent .item { clear: both; margin-bottom: 5px; }
.enter-agent .buttons { clear: both; }

.agents-list { padding: 5px 0 0 0; clear: left; float: left; width: 450px; clear: both; }
.agents-list .list { float: left; width: 400px; }
.agents-list .grid { min-width: 450px; float: left; }

/*compact-view */
.compact-view { border: 1px solid #6C6358; background: #fff; padding-bottom:10px;}
.compact-view .view-body { display: block; padding: 10px; }
.compact-view .box-with-header .box-content { border: none; padding: 5px 0; margin: 0; }
.compact-view .box-with-header .header { display: none; }
.compact-view .item, 
.compact-view .box-with-header .box-content .item { padding: 5px 5px 0 0; width: 340px; }
.compact-view .item .label { width: 140px; }

/*.landlord-compact-view .header{text-transform:uppercase; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#336699',EndColorStr='#FFFFFF');}
*/

.video-help-frame{width:580px; height:400px;}
.video-help-close{position:absolute;right:25px;bottom:10px;color:#fff;font-size:15pt;font-weight:bold;}



.statement-note-view .view-body .item .value{ word-wrap:normal;}


.standard-list .list table.grid{min-width:0;}
.standard-list div.search{min-width:0;width:90%;}



.dispatch-doc-form{width:350px; padding:10px 0 0 10px;}
.dispatch-doc-form .view-body{display:block;padding:10px;font-weight:bold;}