﻿body 
{
	margin: 5px;
	padding: 0px;
	font: normal normal normal 12px/16px arial, sans-serif;
}
/* <Main Default Styles> */
#main-wrapper
{
	margin: 0px auto;
	width: 1026px;
}
#main-navigation-bar
{
	position: relative;
	border-style: none solid solid;
	border-color: #000000;
	border-width: 0 1px 1px;
	padding: 5px 20px 5px 10px;
	background-color: #192845;
	color: #ffffff;
	font-weight: bold;
}
#main-navigation-bar .logout-button
{
	float: right;
}
#main-navigation-bar a
{
	color: #ffffff;
	text-decoration: none;
}
#main-navigation-bar a:hover
{
	color: #6DBAAA;
}
#content-wrapper
{
	border-style: none solid solid;
	border-color: #000000;
	border-width: 0 1px 1px;
	color: #192845;
}
#content-footer
{
	border-style: none solid solid;
	border-color: #000000;
	border-width: 0 1px 1px;
	min-height: 100px;
}
.content-sub-footer
{
	border-style: solid none none;
	border-color: #000000;
	border-width: 1px 0 0;
}
#content-header, .content-sub-header
{
	background-color: #394D6B;
	border-bottom: solid 1px #000000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 5px 5px;	
}
.content-sub-header
{
	border-top: solid 1px #000000;
}
.search-filters
{
	background-color: #ACBCCC;
	color: #192845;
	font-weight: bold;
}
.search-filters .row label,
.search-filters .label
{
	width: 105px;
}
.search-filters .row
{
	float: left;
	width: 40%;
	min-height: 26px;
}
.search-filters .button-row
{
	clear: both;
}
/* </Main Default Styles> */

/* <Text Colours> */
.red-text
{
	color: #FF0000;
}
.green-text
{
	color: #008000;
}

/* <Grid Styles> */
.gridCommandTemplate
{
	height: 17px; 
	padding: 5px 5px 7px 5px;
}
.gridCommandTemplateRoomContents
{
	height: 20px; 
	padding: 2px 5px 7px 40px;
}
/* </Grid Styles> */

/* <Messafe Box Styles> */
.error-box
{
	background-color: #FFEBE8;
	border-bottom: solid 1px #FF0000;
	border-color: #FF0000;
	color: #000000 !important;
	display: block;
	padding: 5px;	
}
.alert-box
{
	background-color: #90EE90;
	border-bottom: solid 1px #008000;	
	border-color: #008000;
	color: #000000 !important;
	display: block;
	padding: 5px;	
}
.warning-box
{
	background-color: #ffffe0;
	border-bottom: solid 1px #e6db55;
	border-color: #e6db55;
	color: #000000 !important;
	display: block;
	padding: 5px;
}
.error-box a, .alert-box a, .warning-box a
{
	color: #192845;
	cursor: pointer;
	font-weight: bold;
}
.full-box
{
	border-style: solid;
	border-width: 1px;
}
/* </Messafe Box Styles> */

/* <Standard Link Styles> */
a
{
	color: #192845;
	text-decoration: none;
}
a:hover
{
	color: #6DBAAA;
}
.lnkWhite a
{
	color: #FFFFFF;
}
.lnkWhite a:hover
{
	color: #6DBAAA;
}
.lnkLightBlue a
{
	color: #6DBAAA;
}
.lnkLightBlue a:hover
{
	color: #192845;
}
/* </Standard Link Styles> */

/* <Standard Background Colors> */
.bgWhite
{
	background-color: #FFFFFF;
}
.bgStandard
{
	background-color: #ACBCCC;
}
.bgStandardLight
{
	background-color: #CADBE9;
}
.bgStandardMedium
{
	background-color: #6C8BAD;
}
.bgStandardDark
{
	background-color: #394D6B;
	color: #FFFFFF;
}
/* </Standard Background Colors> */

/* <Standard Formatting Styles> */
.row
{
	padding: 2px;
}
.row label, .label
{
	display: inline-block;
	padding-right: 2px;
	font-weight: bold;
}
.button-row
{
	padding: 10px 2px;
}
.default-padding
{
	padding: 5px;
}
.default-table-padding td
{
	padding: 2px;
}
/* </Standard Formatting Styles> */

/* <Misc Styles> */
.bold
{
	font-weight: bold;
}
.clear
{
	clear: both;
}
.negate-label, .negate-label label
{
	display: inline !important;
	font-weight: inherit !important;
	padding-right: 0px !important;
}
.float-label
{
	float: left;
	margin-right: 3px;
}
.border-bottom
{
	border-bottom: solid 1px #000000;
}
.border-top
{
	border-top: solid 1px #000000;
}
.border-left
{
	border-left: solid 1px #000000;
}
.border-right
{
	border-right: solid 1px #000000;
}
.display-inline-block
{
	display: inline-block;
}
.display-none
{
	display: none;
}
.column
{
	float: left;
}
.information-section
{
	font-weight: bold; 
	padding: 5px; 
	border-bottom: solid 1px #000000;
}
/* </Misc Styles> */

/* <Button Styles> */
.buttonStandard
{
	/* Sliding right image */
	background: transparent url('images/buttons/Button_Sprite.png') no-repeat right 0px;
	display: inline;
	height: 29px; /* Based On Image Height */
	margin: 0;
	padding-right: 15px; /* Based On Right Image Width */
	text-decoration: none;
	color: #FFFFFF !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.buttonStandard span
{
	/* Background left image */
	background: transparent url('images/buttons/Button_Sprite.png') no-repeat left 0px;
	display: block;
	height: 19px; /* Based On Button Height */
	padding: 5px 0px 5px 13px; /*width: 222px;*/
	cursor: pointer;
}
.buttonLarge
{
	/* Sliding right image */
	background: transparent url('images/buttons/Button_Sprite.png' ) no-repeat right -34px;
	display: inline;
	height: 46px; /* Based On Image Height */
	margin: 0 5px 0 0;
	padding-right: 15px; /* Based On Right Image Width */
	text-decoration: none;
	color: #FFFFFF !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	float: left;
}
.buttonLarge span
{
	/* Background left image */
	background: transparent url('images/buttons/Button_Sprite.png') no-repeat left -34px;
	display: block;
	height: 36px; /*line-height: 16px; /* Based On Button Height */
	padding: 10px 0px 0px 13px; /*width: 224px;*/
	cursor: pointer;
}
.buttonLargeSingle
{
	/* Sliding right image */
	background: transparent url('images/buttons/Button_Sprite.png') no-repeat right -34px;
	display: inline;
	height: 46px; /* Based On Image Height */
	margin: 0 5px 0 0;
	padding-right: 15px; /* Based On Right Image Width */
	text-decoration: none;
	color: #FFFFFF !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	float: left;
}
.buttonLargeSingle span
{
	/* Background left image */
	background: transparent url('images/buttons/Button_Sprite.png') no-repeat left -34px;
	display: block;
	height: 33px; /*line-height: 16px; /* Based On Button Height */
	padding: 13px 0px 0px 13px; /*width: 224px;*/
	cursor: pointer;
}
/* </Button Styles> */

/* <Attachment Upload Section> */
.attachment-section fieldset
{
	border: solid 1px #000000;
}
.attachment-section .current-attachments
{
	margin-top: 20px;
}
.attachment-section legend
{
	font-weight: bold;
}
.attachment-section .row label,
.attachment-section .label
{
	width: 108px;
	text-align: right;
}
/* </Attachment Upload Section> */

/* <Vendor Invoice Styles> */
.vendor-invoice-form
{
}
.vendor-invoice-form .row label, #vendor-invoice-form .label
{
	width: 100px;
}
.vendor-invoice-totals
{
	float: right;
	padding: 10px 0px 5px;
	margin-right: 15px;
	width: 285px;
}
.vendor-invoice-totals .row label, #vendor-invoice-totals .label
{
	width: 130px;
	text-align: right;
}
/* </Vendor Invoice Styles> */

/* <Vendor Invoice Charge Styles> */
.vendor-invoice-charge-form
{
	padding: 5px;
}
.vendor-invoice-charge-section
{
	float: left;
	width: 490px;
}
.vendor-invoice-charge-section .row label, #vendor-invoice-charge-section .label
{
	width: 130px;
}
.vendor-invoice-attachment-section
{
	float: left;
	width: 440px;
}
.vendor-invoice-attachment-section .row label, .vendor-invoice-attachment-section .label
{
	width: 108px;
}
.vendor-invoice-attachment-section #add-attachment, .vendor-invoice-attachment-section #current-attachments
{
	border: solid 1px #192845;
}
.vendor-invoice-attachment-section #add-attachment legend, 
.vendor-invoice-attachment-section #current-attachments legend
{
	font-weight: bold;
}
.vendor-invoice-attachment-section #current-attachments
{
	margin-top: 20px;
}
/* </Vendor Invoice Charge Styles> */

/* <Vendor Invoice Payment Styles> */
.vendor-invoice-payment-footer
{
	float: right;
	width: 470px;
	margin: 10px 0px;
}
.vendor-invoice-payment-footer .row label, .vendor-invoice-payment-footer .row .label
{
	width: 150px;
	text-align: right;
	padding-right: 10px;
}
.vendor-invoice-payment-table thead th
{
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
.vendor-invoice-payment-table tbody td
{
	padding: 5px;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
.vendor-invoice-payment-table tbody td.last,
.vendor-invoice-payment-table thead th.last
{
	border-right-style: none;
}
/* </Vendor Invoice Payment Styles> */

/* <Vendor Invoice Print Styles> */
.vendor-invoice-print-form .row label,
.vendor-invoice-print-form .row .label
{
	width: 55px;
	text-align: right;
}
/* <Vendor Invoice Print Styles> */

/* <Print Vendor Invoice Payment List> */
.print-vendor-invoice-payment-list .row label
{
	width: 111px;
}
/* </Print Vendor Invoice Payment List> */

/* <Print Sales Taxes Paid Report> */
.print-sales-taxes-paid .row label
{
	width: 135px;
}
/* </Print Sales Taxes Paid Report> */

/* <Login Form> */
.login-form
{
	padding: 5px;
}
.login-form row label
{
	width: 80px;
}
/* </Login Form> */

/* <Reports Menu> */
.reports-menu
{
	padding: 5px;
}
.reports-menu a
{
	display: block;
	font-weight: bold;	
	margin: 2px 0;
	width: 180px;
}
.reports-menu a.back-link
{
	margin-bottom: 20px;
}
/* </Reports Menu> */

/* <Calendar Page> */
.grpCalendarForm .row label,
.grpCalendarForm .label
{
	width: 87px;
}
.grpCalendarForm .propertySection
{
	text-align: center;
	vertical-align: top;
	width: 20%;
}
.grpCalendarForm .propertySection .propertyName
{
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px;
}
.grpCalendarForm .calendarSection
{
	border-left: solid 1px #000000;
	text-align: center;
	vertical-align: top;
	width: 80%;
}
.grpCalendarForm .calendarSection .calendarMode
{
	font-weight: bold;
	font-size: 14px;
	display: block;
	padding-bottom: 5px;
	text-align: center;
	color: Orange;
	text-decoration: underline;
}
.grpCalendarForm .calendarSection .bookingCalendar
{
	margin: 0 auto;
}
.grpCalendarForm .propertySection, .grpCalendarForm .calendarSection
{
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding: 5px 0px;
}
/* </Calendar Page> */

/* <Key Features> */
.lblFeature
{
	text-align: right;
	width: 20px;
}
/* </Key Features> */

/* <Property Rates> */
.rental-rates-header
{
	float: left;
	width: 257px;
	padding-top: 5px;
}
.rental-chart-header
{
	float: left;
	width: 250px;
	padding-top: 5px;
}
.rental-buttons-header
{
	float: left;
	width: 400px;
	padding-left: 80px;
}
.rental-buttons-header .help-button
{
	position: absolute;
	margin: -5px 0 0 20px;
}
.property-rates-container
{
	background-color: #acbccc;
}
.property-rates-container .row label,
.property-rates-container .label
{
	text-align: right;
	font-weight: normal;
}
.property-rates-container .rental-rates-container
{
	width: 255px;
	float: left;
}
.property-rates-container .rental-rates-container .rental-periods
{
	background-color: #c5d9d7;
}
.property-rates-container .rental-rates-container h2
{
	margin: 0px;
	padding: 5px 2px;
	font-size: 14px;
}
.property-rates-container .rental-rates-container h2.first
{
	padding: 10px 2px;
}
.property-rates-container .rental-rates-container .label
{
	width: 85px;
}
.property-rates-container .rental-rates-container .help-button
{
	position: absolute;
	margin: -2px 0 0 200px;
}
.property-rates-container .rental-rates-container .sales-tax
{
	border-top: solid 2px #002851;
}
.property-rates-container .rental-rates-container .sales-tax .label
{
	width: 60px;
	text-align: left;
}
.property-rates-container .rental-rates-container .sales-tax .example-prefix
{
	font-size: 18px;
	height: 28px;
	display: inline-block;
}
.property-rates-container .rental-rates-container .sales-tax .example-text
{
	font-size: 11px;
	height: 28px;
	display: inline-block;
}
.property-rates-container .rental-chart
{
	width: 767px;
	float: left;
	border-left: solid 2px #002851;
}
/* </Property Rates> */

/* <Property Amenities> */
.grpPropertyAmenities
{
	border: none 0;
	font-weight: bold;
	width: 100%;	
}
.grpPropertyAmenities tr td
{
	width: 25%;
	background-color: #ffffff;
	border-right: solid 2px #002851;
	border-bottom: solid 2px #002851;
	vertical-align: top;
}
.grpPropertyAmenities tr td.amenityItem
{
	background-color: #9bbbd5;
}
.grpPropertyAmenities tr td.amenityItemAlt
{
	background-color: #c5d9d7;
}
.grpPropertyAmenities tr td.amenityItemLast
{
	border-right: none 0;
}
.grpPropertyAmenities tr.footer td
{
	border-bottom: none 0;
	padding: 10px 0;
}
.grpPropertyAmenities tr.footer td ul
{
	list-style-type: none;
	margin: 0 0 5px 15px;
	padding-left: 10px;
}
.grpPropertyAmenities tr.footer td ul.styled
{
	list-style-image: url(images/list/asterisk.jpg);
	margin-bottom: 0;
}
.grpPropertyAmenities tr td h1
{
	font-size: 14px;
	height: 40px;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
}
/* <Property Amenities> */

/* <Property Activites> */
.grpPropertyActivities .activityList,
.grpPropertyActivities .contactForm
{
	font-weight: bold;
	float: left;
	position: relative;
	padding: 10px 5px;
}
.grpPropertyActivities .activityList
{
	width: 600px;
}
.grpPropertyActivities .activityList h1
{
	font-size: 14px;
	margin: 0 0 10px;
	padding: 0;
}
.grpPropertyActivities .activityList
{
	border-right: solid 2px #002851;
}
.grpPropertyActivities .contactForm
{
	padding-left: 104px;
}
.grpPropertyActivities .contactForm .row label
{
	width: 60px;
	text-align: right;
}
.grpPropertyActivities .contactForm .contactUsImage
{
	position: absolute;
	top: 10px;
	left: 2px;
}
/* </Property Activites> */

/* <Property General Policies> */
.grpGeneralPolicies
{
	padding: 5px;
}
.grpGeneralPolicies h1
{
	font-size: 14px;
	margin: 0;
	padding: 5px 0;
}
.grpGeneralPolicies ul.policy-list
{
	margin: 0;
	padding: 0;
	list-style: none none;
}
.grpGeneralPolicies ul.policy-list li
{
	float: left;
	width: 361px;
}
.grpGeneralPolicies .additional-policies .helpBox
{
	float: right;
	margin: 10px 20px 0 0;
}
/* </Property General Policies> */

/* <Property Payment Policies> */
.grpPaymentPolicies .payment-due-section,
.grpPaymentPolicies .payment-policy-section,
.grpPaymentPolicies .additional-policies-section
{
	padding: 5px;
}
.grpPaymentPolicies h1
{
	font-size: 14px;
	margin: 0;
	padding: 5px 0;
}
.grpPaymentPolicies .payment-policy-section
{
	border-color: #002851;
	border-width: 2px 0;
	border-style: solid none;
	margin: 5px 0;
}
.grpPaymentPolicies .additional-policies-section .helpBox
{
	float: right;
	margin: 10px 20px 0 0;
}
/* </Property Payment Policies> */

/* <Property Room Contents> */
.grpRoomContents
{
	background: url('images/backgrounds/RoomContentsBg.gif') repeat-y;
}
.grpRoomContents .room-selection,
.grpRoomContents .room-settings,
.grpRoomContents .save-settings
{
	float: left;
	width: 350px;	
}
.grpRoomContents .room-settings
{
	width: 296px !important;
	border-color: #002851;
	border-style: none solid;
	border-width: 0 2px;
	padding: 0px 0px 2px 0px;
	min-height: 536px
}
.grpRoomContents .save-settings
{
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
}
.grpRoomContents .save-settings p
{
	margin: 10px 0;
	padding: 0;
}
.grpRoomContents .save-settings table
{
	margin: 0 auto 10px;
}
.grpRoomContents .save-settings h2
{
	font-size: 14px;
	padding: 0 0 5px;
	margin: 0;
}
/* </Property Room Contents> */

/* <Sub Property Information> */
.grpSubPropertyInformation .row label,
.grpSubPropertyInformation .label
{
	width: 130px;
}
/* </Sub Property Information> */

/* <Expenditures> */
.grpExpenditure .row label,
.grpExpenditure .label
{
	width: 141px;
}
.grpExpenditure .expenditure-details
{
	float: left;
	width: 515px;
}
.grpExpenditure .attachment-section
{
	float: left;
	width: 480px;
}
/* </Expenditures> */

/* <Inquiry> */
.grpInquiry
{
	background: url('images/backgrounds/InquiryBg.gif') repeat-y;
}
.grpInquiry .inquiry-details,
.grpInquiry .contact-information,
.grpInquiry .additional-details
{
	width: 346px;
	float: left;
	height: 450px;
}
.grpInquiry .contact-information
{
	width: 328px !important;
	border-color: #002851;
	border-style: none solid;
	border-width: 0 2px;
}
.grpInquiry .button-row
{
	border-top: solid 2px #002851;
}
.grpInquiry h1
{
	font-size: 14px;
	margin: 0;
	padding: 2px;
}
.grpInquiry .inquiry-details .row label,
.grpInquiry .inquiry-details .label
{
	width: 115px;
}
.grpInquiry .contact-information .row label,
.grpInquiry .contact-information .label
{
	width: 95px;
	text-align: right;
}
/* </Inquiry> */

/* <Reservation> */
.grpReservation
{
	background: url('images/backgrounds/ReservationBg.gif') repeat-y;
}
.grpReservation .inquiry-details,
.grpReservation .renter-details
{
	float: left;
	height: 350px;
}
.grpReservation .inquiry-details
{
	width: 305px;
	border-right: solid 2px #002851;
}
.grpReservation .renter-details
{
	width: 717px;
}
.grpReservation .availability-calendar
{
	border-top: solid 2px #002851;
	clear: both;
	padding: 5px 0px;
	text-align: center;
	width: 100%;	
}
.grpReservation .inquiry-details .row label,
.grpReservation .inquiry-details .label
{
	width: 96px;
}
.grpReservation .renter-details .row label,
.grpReservation .renter-details .label
{
	text-align: right;
	width: 128px;
}
.grpReservation .renter-details .column
{
	width: 357px;
}
.grpReservation h1
{
	font-size: 14px;
	margin: 0;
	padding: 2px;
}
/* </Reservation> */

/* <Renter> */
.grpRenter
{
	background: url('images/backgrounds/InquiryBg.gif') repeat-y;
}
.grpRenter .general-information,
.grpRenter .contact-information,
.grpRenter .address-information
{
	width: 346px;
	float: left;
	height: 300px;
}
.grpRenter .address-information
{
	width: 328px !important;
	border-color: #002851;
	border-style: none solid;
	border-width: 0 2px;
}
.grpRenter .button-row
{
	border-top: solid 2px #002851;
}
.grpRenter h1
{
	font-size: 14px;
	margin: 0;
	padding: 2px;
}
.grpRenter .general-information .row label,
.grpRenter .general-information .label,
.grpRenter .contact-information .row label,
.grpRenter .contact-information .label
{
	width: 115px;
}

.grpRenter .address-information .row label,
.grpRenter .address-information .label
{
	width: 95px;
	text-align: right;
}
/* </Renter> */

/* <Renter Invoice> */
.grpRenterInvoiceSummary .renter-details,
.grpRenterInvoiceSummary .invoice-details
{
	float: left;
	min-height: 550px;
}
.grpRenterInvoiceSummary .renter-details
{
	width: 345px;
}
.grpRenterInvoiceSummary .invoice-details
{
	border-left: solid 1px #000000;
	width: 677px;
}
.grpRenterInvoiceSummary h1
{
	font-size: 14px;
	padding: 2px;
	margin: 0;
}
.grpRenterInvoiceSummary .renter-details .row label,
.grpRenterInvoiceSummary .renter-details .label
{
	width: 121px;
	text-align: right;
}
.grpRenterInvoiceSummary .invoice-details .row label,
.grpRenterInvoiceSummary .invoice-details .label
{
	width: 100px;
	text-align: right;
}
.grpRenterInvoiceSummary .invoice-charge-totals
{
	margin: 5px;
}
.grpRenterInvoiceSummary .invoice-charge-totals .row
{
	text-align: right;
}
.grpRenterInvoiceSummary .invoice-charge-totals .row label,
.grpRenterInvoiceSummary .invoice-charge-totals .label
{
	width: 174px;
	text-align: right;
}
.grpRenterInvoiceSummary .invoice-charge-totals .flat-rate-charges-footer
{
	clear: both;
	margin-left: 310px;
}
.grpRenterInvoiceSummary .invoice-charge-totals .flat-rate-charges-footer .row
{
	text-align: left;
}
.grpRenterInvoiceSummary .invoice-charge-totals .button-row
{
	text-align: center;
}
.grpRenterInvoiceSummary .invoice-footer
{
	clear: both;
	border-top: solid 1px #000000;
	padding: 4px 0;	
}
.grpRenterInvoiceSummary .invoice-footer .row label,
.grpRenterInvoiceSummary .invoice-footer .label
{
	width: 140px;
	text-align: right;
}
/* </Renter Invoice> */

/* <Renter Invoice Charges> */
.grpRenterInvoiceCharges .add-edit-form
{
	table-layout: fixed;
}
.grpRenterInvoiceCharges .add-edit-form thead th,
.grpRenterInvoiceCharges .add-edit-form tbody td
{
	border-left: solid 1px #000000;
	text-align: center;
	width: 20%;
	vertical-align: middle;
	min-height: 20px;
	padding: 2px;
}
.grpRenterInvoiceCharges .add-edit-form thead th
{
	border-bottom: solid 1px #000000;
}
.grpRenterInvoiceCharges .add-edit-form .removeBorder
{
	border-left-style: none;
	border-left-width: 0;
}
/* </Renter Invoice Charges> */

/* <Renter Invoice Discounts> */
.grpRenterInvoiceDiscounts .row
{
	margin: 0 50px 0 10px;
}
.grpRenterInvoiceDiscounts .row label,
.grpRenterInvoiceDiscounts .label,
.grpRenterInvoiceDiscounts .salesTax
{
	width: 480px;
}
.grpRenterInvoiceDiscounts .salesTax
{
	display: inline-block;
	padding-right: 2px;
}
.grpRenterInvoiceDiscounts .border
{
	border-bottom: solid 2px #000000;
}
.grpRenterInvoiceDiscounts .button-row
{
	padding-left: 50px;
}
/* </Renter Invoice Discounts> */

/* <Renter Invoice Balances> */
.grpRenterInvoiceBalances .row label,
.grpRenterInvoiceBalances .label
{
	text-align: right;
	width: 150px;
}
.grpRenterInvoiceBalances .balance-section
{
	padding: 15px 10px;
}
/* </Renter Invoice Balances> */

/* <Renter Invoice Payments> */
.grpRenterInvoicePayments .add-edit-form thead th,
.grpRenterInvoicePayments .add-edit-form tbody td
{
	border-left: solid 1px #000000;
	text-align: center;
	width: 20%;
	vertical-align: middle;
	min-height: 20px;
	padding: 2px;
}
.grpRenterInvoicePayments .add-edit-form thead th
{
	border-bottom: solid 1px #000000;
}
.grpRenterInvoicePayments .add-edit-form .removeBorder
{
	border-left-style: none;
	border-left-width: 0;
}
/* </Renter Invoice Payments> */

/* <Renter Invoice - Cancel Invoice Window> */
.grpCancelInvoiceWindow
{
	font-weight: bold;
	color: #192845;
	padding: 5px;
}
/* </Renter Invoice - Cancel Invoice Window> */

/* <Refund Invoice Details> */
.grpRefundInvoiceDetails .row label,
.grpRefundInvoiceDetails .label
{
	width: 95px;
}
/* </Refund Invoice Details> */

/* <Security Deposit Details> */
.grpSecurityDeposit .row label,
.grpSecurityDeposit .label
{
	width: 134px;
	text-align: right;
}
.grpSecurityDeposit .renter-invoice-details,
.grpSecurityDeposit .security-deposit-details
{
	float: left;
	width: 370px;
	height: 400px;
}
.grpSecurityDeposit .security-deposit-details
{
	border-left: solid 1px #000000;
}
/* </Security Deposit Details> */

/* <House Inventory Details> */
.grpHouseInventoryDetails .house-inventory-form
{
	float: left;
	width: 650px;
}
.grpHouseInventoryDetails .attachment-section
{
	float: left;
	width: 350px;
}
.grpHouseInventoryDetails .house-inventory-form .row label,
.grpHouseInventoryDetails .house-inventory-form .label
{
	width: 130px;
	text-align: right;
}
/* </House Inventory Item Details> */

/* <Property Manager Invoice Summary> */
.grpPropertyManagerInvoiceSummary .invoice-charge-totals
{
	margin: 5px 25px;
}
.grpPropertyManagerInvoiceSummary .invoice-charge-totals .row
{
	text-align: right;
}
.grpPropertyManagerInvoiceSummary .invoice-charge-totals .row label,
.grpPropertyManagerInvoiceSummary .invoice-charge-totals .label
{
	width: 174px;
	text-align: right;
}
.grpPropertyManagerInvoiceSummary .attachment-link
{
	background: url('images/webmail/attachment.gif') no-repeat;
	cursor: pointer;
	display: block;
	height: 16px;
	width: 16px;
}
/* </Property Manager Invoice Summary> */

/* </Property Manager Details> */
.grpPropertyManager .row
{
	float: left;
	width: 32%;
}
.grpPropertyManager .row label,
.grpPropertyManager .label
{
	width: 144px;
	text-align: right;
}
.grpPropertyManager fieldset
{
	border: solid 2px #FFFFFF;
	margin: 2px 5px 5px;
}
.grpPropertyManager fieldset legend
{
	border: solid 2px #FFFFFF;
	font-weight: bold;
}
/* </Property Manager Details> */
/* <Shopping List Item Details> */
.grpShoppingListItemDetails .row label,
.grpShoppingListItemDetails .label
{
	text-align: right;
	width: 130px;
}
.grpShoppingListItemDetails .shopping-list-item-details .row label,
.grpShoppingListItemDetails .shopping-list-item-details .label
{
	width: 80px;
}
.grpShoppingListItemDetails .shopping-list-item,
.grpShoppingListItemDetails .shopping-list-item-details
{
	float: left;
	width: 450px;
}
.grpShoppingListItemDetails .shopping-list-item-details .property-quantity
{
	display: inline-block;
	width: 25px;
	padding-right: 2px;
}
/* </Shopping List Item Details> */

/* <Room Details> */
.grpRoomDetails .row label,
.grpRoomDetails .label
{
	width: 100px;
	text-align: right;
}
.grpRoomDetails .room-specifications
{
	border: none 0px;
	margin: 10px 10px;
	width: 820px;
}
.grpRoomDetails .room-specifications legend
{
	font-weight: bold;
}
/* </Room Details> */

/* <Property Information> */
.grpPropertyInformation
{
	background: #acbdcc url('images/backgrounds/PropertyInfoBg.gif') repeat-y scroll;
}
.grpPropertyInformation .property-information,
.property-information-header,
.grpPropertyInformation .additional-information,
.additional-information-header
{
	width: 330px;
	padding: 0 4px;
}
.grpPropertyInformation .property-address,
.property-address-header
{
	width: 310px;
	padding: 0 4px;
}
.grpPropertyInformation .property-information,
.grpPropertyInformation .additional-information,
.grpPropertyInformation .property-address
{
	float: left;
}
.grpPropertyInformation .property-address
{
	border-style: none solid;
	border-width: 0 2px;
	border-color: #002851;
}
.property-information-header,
.property-address-header,
.additional-information-header
{
	display: inline-block;
	padding: 0 4px 0 0;
}
.grpPropertyInformation .row label
{
	text-align: right;
}
.grpPropertyInformation .property-information .row label
{
	width: 102px;
}
.grpPropertyInformation .property-address .row label
{
	width: 95px;
}
.grpPropertyInformation .additional-information .row label
{
	width: 127px;
}
.grpPropertyInformation .button-row
{
	clear: both;
}
/* </Property Information> */

/* <Property Menu Styles> */
.pMenuWrapper
{
	border: solid 1px #000000;
	border-top: none 0;
	padding: 0 5px;
}
.pMenuWrapper .button-row
{
	text-align: right;
}
.pMenu
{
	background: transparent url('images/list/PropertyTabLine.gif') repeat-x left bottom;
	width: 990px;
	height: 75px;
	margin: 0 auto 5px;
	padding: 10px 0 0;
	clear: both;
}
.pMenu a:link, .pMenu a:visited, .pMenu a:active
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
.pMenu a:hover
{
	color: #192845;
	text-decoration: none;
}
.pMenu a:hover .pMenuSquare
{
	background-color: #FF8C00;
}
.pMenu .pMenuItemSelected
{
	color: #192845 !important;
}
.pMenu .pMenuItemSelected .pMenuSquare
{
	background-color: #FF8C00;
}
.pMenu .pMenuItemText
{
	display: block;
	height: 40px;
}
.pMenu .pMenuSquare
{
	display: block;
	height: 30px;
	width: 30px;
	border: solid 2px #000000;
	background-color: #FFFFFF;
	margin: 0px auto;
}
.pMenu li
{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none none inside;
	display: inline-block;
	text-align: center;
}
.pMenuNormal li
{
	width: 12%;/*105px;*/
}
.pMenuMaster li
{
	width: 14%;/*120px;*/
}
.pMenuRoom
{
	margin-bottom: 10px;
}
.pMenuRoom li
{
	width: 16%;/*160px;*/
}
/* </Property Menu Styles> */

/* <Property Images> */
.grpPropertyImages .section
{
	border: solid 2px #427C87;
	height: 210px;
	float: left;
	margin: 7px;
	padding: 5px 4px;
	font-weight: bold;
}
.grpPropertyImages .helpBox
{
	border: none 0;
	height: auto;
	padding: 0;
}
.grpPropertyImages .uploadSection
{
	width: 250px;
	font-size: 14px;
	font-weight: bold;
}
.grpPropertyImages .uploadSection label
{
	width: 15px;
	text-align: right;
}
.grpPropertyImages .uploadSection h2
{
	font-size: 16px;
	text-align: center;
	margin: 0;
	padding: 0 0 5px;
}
.grpPropertyImages .uploadSection .uploadControl
{
	padding: 5px 0 5px 17px;
	font-size: 12px;
	font-weight: normal;
}
.grpPropertyImages .informationMessage
{
	width: 170px;
	text-align: center;
}
.grpPropertyImages .camera
{
	width: 186px;
	text-align: center;
}
.grpPropertyImages .grpImageGallery
{
	border-top: solid 2px #002851;
	padding: 10px;
}
.grpPropertyImages .grpImageGallery ul
{
	list-style: none none outside;
	margin: 10px 0 0;
	padding: 0;
}
.grpPropertyImages .grpImageGallery ul li
{
	float: left;
	width: 230px;
	height: 190px;
	margin: 0 10px 0 0;
	text-align: left;
	font-weight: bold;
}
.grpPropertyImages .grpImageGallery ul li.emptySlot div
{
	border: solid 2px #000000;
	background-color: #FFFFFF;
	padding: 50px 0px;
	height: 33px;
	width: 200px;
	text-align: center;
	vertical-align: middle; 
	font-weight: bold;
}
.grpPropertyImages .grpImageGallery ul li .riLabel
{
	font-weight: bold;
	color: inherit !important;
}
/* </Property Images> */

/* <Property Calendar> */
.grpPropertyCalendar .calendarMode,
.grpPropertyCalendar .bookingCalendar
{
	padding: 5px 0;
	float: left;
	text-align: center;
}
.grpPropertyCalendar .calendarMode
{
	width: 184px;
	font-weight: bold;
}
.grpPropertyCalendar .calendarMode h2
{
	font-size: 14px;
	padding: 0 0 10px;
	margin: 0;
}
.grpPropertyCalendar .bookingCalendar
{
	min-height: 675px;
	border-left: solid 2px #002851;
	width: 838px;
}
.grpPropertyCalendar .bookingCalendar .bookingCalendarWrapper
{
	padding: 5px 0;
	width: 730px;
	margin: 0 auto;
}
/* </Property Calendar> */
/* <Homeowner Information> */
.grpHomeownerInformation
{
	background: #acbdcc url('images/backgrounds/HomeownerInfoBg.gif') repeat-y scroll;
}
.grpHomeownerInformation h2
{
	font-size: 14px;
	padding: 2px;
	margin: 0px;
}
.grpHomeownerInformation .loginInformation,
.grpHomeownerInformation .personalInformation,
.grpHomeownerInformation .contactInformation
{
	float: left;
	height: 360px;
}
.grpHomeownerInformation .loginInformation,
.grpHomeownerInformation .contactInformation
{
	width: 330px;
	padding: 0 4px;
}
.grpHomeownerInformation .personalInformation
{
	border-style: none solid;
	border-width: 0 2px;
	border-color: #002851;
	width: 310px;
	padding: 0 4px;
}
.grpHomeownerInformation .personalInformation .personalNote
{
	text-align: center;
	border: solid 2px #002851;
	margin: 30px 20px;
	padding: 15px;
	font-weight: bold;
}
.grpHomeownerInformation .loginInformation .row label
{
	width: 110px;
	text-align: right;
}
.grpHomeownerInformation .personalInformation .row label
{
	width: 90px;
	text-align: right;
}
.grpHomeownerInformation .contactInformation .row label,
.grpHomeownerInformation .contactInformation .label
{
	width: 142px;
	text-align: right;
}
.grpPasswordForm .row label
{
	width: 140px;
	color: #192845;
	font-weight: normal;
	text-align: right;
}
/* </Homeowner Information> */
/* <Property Profile/List> */
.grpPropertyProfile .commandRow
{
	border-bottom: solid 1px #000000;
	padding: 5px;
}
.grpPropertyProfile .commandRow .dropdownFilter
{
	float: left;
	height: 24px;
	padding: 5px 5px 0 0;
}
.grpAddBedroomSuiteWindow
{
	color: #192845;
	font-weight: bold;
}
.grpAddBedroomSuiteWindow .row label
{
	color: #192845;
	font-weight: normal;
	text-align: right;
}
/* </Property Profile/List> */

/* <Client Profile> */
.grpClientProfile .billing-information, 
.grpClientProfile .contact-information
{
	float: left;
	padding: 5px;
	width: 350px;
	height: 235px;
}
.grpClientProfile .label
{
	width: 110px;
	font-weight: bold;
	text-align: right;
}
.grpClientProfile h2
{
	font-size: 14px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
/* </Client Profile> */

/* <Client Notes Page> */
.grpClientNotes .client-note
{
	float: left;
	width: 410px;
}
.grpClientNotes .client-note .label
{
	width: 115px;
	font-weight: bold;
	text-align: left;
}
.grpClientNotes .client-note-grid
{
	float: left;
	width: 612px;
	border-left: solid 2px #002851;
}
/* </Client Notes Page> */

.grpPostListing
{
	font-weight: bold;
}
.grpPostListing .postlistingBox
{
	float: right;
	margin: 20px;
}
.grpPostListing .postlistingBox h3
{
	font-size: 16px;
}
.grpPostListing h2,
.grpPostListing h3
{
	margin: 0px;
	padding: 10px 0px;
}
.grpPostListing
{
	padding: 2px;
}

.grpPrintEmailForm .row label
{
	width: 100px;
	text-align: right;
}

/* <Login Page Styles> */
#loginwrapper
{
	background: transparent url('images/backgrounds/LoginBg.gif') no-repeat;
	width: 1024px;
	/*padding-top: 400px;*/
	height: 647px; /*247px;*/
	color: #FFFFFF;
}
#login-form
{
	padding-top: 350px;
	margin-left: 150px;
	width: 480px;
	color: #FFFFFF;	
	position: relative;
	height: 300px;
}
#login-form a
{
	font-weight: bold;
}
#login-form .label
{
	width: 102px;
	font-weight: bold;
	text-align: right;
}
#login-form .standard-padding
{
	padding: 10px 0 0 110px !important;
}
#login-form .login-message
{
	text-align: center;
	/*padding-top: 50px;*/
	position: absolute;
	bottom: 20px;
}
#forgot-password-form
{
	padding-top: 350px;
	margin-left: 150px;
	width: 480px;
	color: #FFFFFF;
}
#forgot-password-form .label
{
	width: 110px;
	font-weight: bold;
}
#forgot-password-form .standard-padding
{
	padding: 10px 0 0 115px !important;
}
/* </Login Page Styles> */

/* <Go Rent Pro Menu Styles> */
.grpMenu h2
{
	margin: 2px 0px;
	padding: 2px 0px;
	font-size: 14px;
	font-weight: bolder;
	color: #ACBDCC;
}
.grpMenu span
{
	margin: 2px 0px;
	padding: 2px 0px;
	display: block;
}
.grpMenu a
{
	font-weight: bold;
}
.grpFrontDeskMenu
{
	background: transparent url('images/menus/frontDeskMenuBg.jpg') no-repeat;
    height: 648px;
}
.grpRevenuesMenu
{
	background: transparent url('images/menus/revenuesMenu.jpg') no-repeat;
    height: 648px;
}
.grpReportsMenu
{
	background: transparent url('images/menus/reportsMenuBg.jpg') no-repeat;
    height: 648px;
}
.grpPropertyManagementMenu
{
	background: transparent url('images/menus/propertyManagement.png') no-repeat;
	height: 518px;
	padding-top: 130px;
	text-align: left;
}
.grpPropertyManagementMenuAlt
{
	background: transparent url('images/menus/propertyManagementAlt.png') no-repeat;
	height: 518px;
	padding-top: 130px;
	text-align: left;
}
.grpPropertyManagementMenuVendor
{
	background: transparent url('images/menus/propertyManagementVendor.png') no-repeat;
	height: 518px;
	padding-top: 130px;
	text-align: left;
}
/* </Go Rent Pro Menu Styles> */

/* <Main Menu Page Styles> */
.main-menu-wrapper
{
	background: transparent url('images/menus/mainMenuBg.jpg') no-repeat;
	height: 765px;
}
.main-menu-container
{
	padding: 120px 0px 0px 25px;
	text-align: left;
}
.main-menu-list
{
	width: 685px;
	float: left;
}
.main-menu-list ul
{
	margin: 0px;
	padding: 0px;
	list-style: none none outside;
}
.main-menu-list ul li
{
	display: block;
	width: 137px;
	height: 175px;
	text-align: center;
	float: left;
}
.main-menu-list .text-link
{
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.main-menu-list .text-link:hover
{
	color: #6DBAAA;
	text-decoration: none;
}
.main-menu-admin-panel
{
	width: 242px;
	padding-left: 50px;
	float: left;
	color: #7390B0;
	font-size: 20px;
}
.main-menu-admin-panel .text-link
{
	color: #7390B0;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}
.main-menu-admin-panel .text-link:hover
{
	color: #6DBAAA;
}
.main-menu-admin-panel .admin-functions
{
	text-align: center;
}
/* </Main Menu Page Styles> */

/* <Make Payment Form> */
.make-payment-form
{
	padding: 5px 5px;
	color: #192845;
	border-bottom: solid 1px #000000;
}
.make-payment-form h2
{
	font-weight: bold;
	font-size: 20px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	text-align: center;
}
.make-payment-form .invoice-number
{
	font-weight: bold;
	font-size: 14px;
}
.make-payment-form .label
{
	text-align: left;
	width: 140px;
}
.make-payment-form .amount-label
{
	display: inline-block;
	width: 120px;
	text-align: right;
	padding-right: 2px;
	font-weight: bold;
}
.make-payment-form .date-label
{
	display: inline-block;
	width: 200px;
	font-weight: bold;
}
.make-payment-form .error-label
{
	color: Red;
}
.make-payment-form .credit-card-information
{
	border: solid 1px #192845;
	width: 600px;
}
.make-payment-form .credit-card-information legend
{
	color: #192845;
	font-weight: bold;
}
.make-payment-form .payment-amount
{
	padding: 10px 2px;
}
.make-payment-form .buttons
{
	padding-top: 5px;
}
/* </Make Payment Form> */

/* <Quick Step - Add A Booking> */
.grpQuickSteps-Booking
{
	padding-top: 1px;
}
.grpQuickSteps-Booking .quick-step-section
{
	margin: 5px;
	padding: 2px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
}
.grpQuickSteps-Booking .quick-tips
{
	padding: 2px;
}
.grpQuickSteps-Booking .quick-tips h4
{
	font-size: 12px;
	margin: 2px 0;
	padding: 0;
}
.grpQuickSteps-Booking .booking-dates .label
{
	font-weight: bold;
	width: 86px;
}
.grpQuickSteps-Booking .booking-dates .calendar-view
{
	padding: 2px 0;
	text-align: center;
}
.grpQuickSteps-Booking .booking-dates .calendar-view .bookCalWrapper
{
	margin: 0 auto;
	padding: 2px;
	width: 830px;
}
.grpQuickSteps-Booking .renter-information .label
{
	font-weight: bold;
	width: 110px;
}
.grpQuickSteps-Booking .renter-information .firstColumn,
.grpQuickSteps-Booking .renter-information .secondColumn
{
	float: left;
	width: 357px;
}
.grpQuickSteps-Booking .booking-confirmation .booking-details p
{
	margin: 2px;
	padding: 0;
}
.grpQuickSteps-Booking .booking-confirmation .booking-details h2
{
	margin: 2px;
	padding: 0;
	font-size: 14px;
}
.grpQuickSteps-Booking .booking-confirmation .confirmation-message
{
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
/* </Quick Step - Add A Booking> */
