/*========================================================================*/
/* General HTML Styles */
html,body {
	overflow: auto;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #0e516c;
	background-image: url('/sysimg/body_bg.jpg');
	background-repeat: repeat-x;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
}

html>body table{   
	top: 0%;
	display: inline-table;
	margin-left: auto;
	margin-right: auto;
}

body{
	text-align:center;
}


@media print {body {display:none; background-color:white;}}

/*========================================================================*/
/* Native Styles */
.inputText {
	border : 1px solid #11808a;
	background: url('/sysimg/GRADIENT_input_text.gif') top left repeat-x;
}

.inputSelect {
	border : 1px solid #11808a;
	background: #d9f2f5;
	
}

.inputTextArea {
	border : 1px solid #11808a;
}

.hiddenStyle {
	display: none;
}

.errorMessages {
	font-size: 10pt; 
	font-weight: bold; 
	font-family: arial; 
	color: red;
}

/*========================================================================*/
/* Alignment Styles */
.alignTopLeft {
	vertical-align: top;
	text-align: left;
}

.alignTopCenter {
	vertical-align: top;
	text-align: center;
}

.alignTopRight {
	vertical-align: top;
	text-align: right;
}

.alignMiddleLeft {
	vertical-align: middle;
	text-align: left;
}

.alignMiddleCenter {
	vertical-align: middle;
	text-align: center;
}

.alignMiddleRight {
	vertical-align: middle;
	text-align: right; display: ;
}

.alignBottomLeft {
	vertical-align: bottom;
	text-align: left;
}

.alignBottomCenter {
	vertical-align: bottom;
	text-align: center;
}

.alignBottomRight {
	vertical-align: bottom;
	text-align: right;
}

/*========================================================================*/
/* Text Modifier Styles */
.bold {
	font-weight: bold;
}

.boldItalic {
	font-weight: bold;
	font-style: italic;
}

.normalItalics {
	font-weight: normal;
	font-style: italic;
}

.italic {
	font-style: italic;
}

.normal {
	font-weight: normal;
}

/*========================================================================*/
/* Misc Styles */
.stub {
	width: 0%;
}

.shortest {
	white-space: nowrap;
	width: 1%;
}

.longest {
	width: 100%;
}

/*========================================================================*/
/* Rich Componenet Style Overrides */
.rich-mpnl-shadow {
	background-color: black;
}

.mpWhiteBG .rich-mpnl-body {
	background-color: white;
}

.rich-mpnl-body {
	padding: 0;
	background-color: #d4d0c7;
}

.noMaskClass .rich-mpnl-mask-div{
	background-color:transparent;
    opacity:.0;
    filter: alpha(opacity=0); 
    -moz-opacity:
}

.rich-mpnl-mask-div {
    background-color:black;
    opacity:.50;
    filter: alpha(opacity=50); 
    -moz-opacity:
}

.alt_mask_div {
    background-color:black;
    opacity:.40;
    filter: alpha(opacity=40); 
    -moz-opacity:
}

.rich-mpnl-shadow {
    background-color:black;
    opacity:.20;
    filter: alpha(opacity=20); 
    -moz-opacity:
}

.rich-picklist-list{
	background-color: #f4fbfc;
}

.tabPanelActive{
    color: white;
    background-image: url('/sysimg/tabpnl_active.png');
    font-weight: bold;
}

.tabPanelInactive{
    color: #004852;
    background-image: url('/sysimg/tabpnl_inactive.png');
    font-style: italic;
}

.rich-progress-bar-width {
	width: 100px;
}

/*========================================================================*/
/* Rich Componenet General Styles */
.toolTipNoWrap {
	white-space: nowrap;
}

.pickListStyle {
	font-family: Arial;
	font-size: 12pt;
	font-weight: normal;
	border: 1px solid #11808a;
	background-color: #f4fbfc;
	padding: 10px;
}

/*========================================================================*/
/* Page Container */
.container {
	width: 				950px;
	margin: 			auto;
	display:			table;
}

.containerBorder {
	border: 1px solid black;
	background-color: black;
}

/*========================================================================*/
/* Header Section */
.headerSection {
	width: 950px;
	height: 25px;
	vertical-align: top;
}

/* Header Links */
.headerLinks {
	text-align: right;
	align: right;
	vertical-align: top;
	color: white;
	font-family: Arial;
	font-size: 8pt;
	margin-right: 5px;
}

.headerLinks a:link {
	text-decoration: none;
	color: white;
}

.headerLinks a:visited {
	text-decoration: none;
	color: white;
}

.headerLinks a:active {
	text-decoration: none;
	color: white;
}

.headerLinks a:hover {
	text-decoration: none;
	color: black;
	background-color: orange;
}

/* Logo */
.headerLogo {
	border: 0px;
	position: relative;
	top: 0px;
	height: 65px;
	width: 950px;
	margin-bottom: -5px;
}

/* Menu */
.headerMenu {
	position: relative;
	top: 0px;
	height: 20px;
	width: 950px;
	z-index:100;
	vertical-align: top;
}

/* Menu Buffer */
.headerMenuBuffer {
	height: 20px;
	background-image: url('/sysimg/MENU_Gradient.jpg');
	vertical-align: top;
	width: 950px;
}

/*========================================================================*/
/* Body Section */
.bodySection {
	width: 950px;
	background-color: #f3f2f2;
	text-align: left;
	display: table;
	padding-bottom: 10px;
}

.bodyContents {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 930px;
}

/*========================================================================*/
/* Footer Section */
.footerSection {
	width: 950px;
}

/*========================================================================*/
/* Footer Links Section */
.footerLinksSection {
	text-align: center;
	color: orange;
	font-family: Arial;
	font-weight: normal;
	font-size: 11pt;
}

a.bl:link {color: white; text-decoration: none; padding-left: 15px; padding-right: 15px; font-family: Arial;}
a.bl:active {color: orange; text-decoration: none; padding-left: 15px; padding-right: 15px; font-family: Arial;}
a.bl:visited {color: white; text-decoration: none; padding-left: 15px; padding-right: 15px; font-family: Arial;}
a.bl:hover {color: orange; background:#0e516c; text-decoration: none; padding-left: 15px; padding-right: 15px; font-family: Arial;}

/*========================================================================*/
/* Home Page Styles */
.homePageWelcomeBGLeft {
	background-image: url('/sysimg/WELCOME_BG_left.jpg');
	background-repeat: no-repeat;
	height: 220px;
	width: 11px;
}

.homePageWelcomeBGCenter {
	background-image: url('/sysimg/WELCOME_BG_center.jpg');
	background-repeat: repeat-x;
	height: 220px;
}

.homePageWelcomeBGRight {
	background-image: url('/sysimg/WELCOME_BG_right.jpg');
	background-repeat: no-repeat;
	height: 220px;
	width: 11px;
}

.homePageWelcomeTextHdr {
	font-family: "Tempus Sans ITC","Bradley Hand ITC",Garamond,Arial;
	font-size: 22pt;
	font-weight: bold;
}

.homePageWelcomeTextDtl {
	font-family: "Bradley Hand ITC",Garamond,Arial;
	font-size: 16pt;
	font-weight: bold;
}

.homePageScrollablePicture {
	border:1px;
	border-style: solid;
	border-color: black;
	text-align: center;
	vertical-align: middle;
	width: 147px;
	height: 100px;
}

/*========================================================================*/
/* Gallery Page Styles */
.gallery_Container {
	height: 100%;
	width: 100%;
	vertical-align: top;
	align: left;
	text-align: left;
}

.gallery_LeftPane {
	float: left;
	width: 180px;
	align: right;
	text-align: right;
	background-image: url('/sysimg/GRADIENT_GalleryPanelSearch.jpg');
	background-repeat: repeat-x;
	background-color: #0e516c;
	border:1px;
	border-color: #00535d;
	border-style: solid;
	padding: 5px;
	margin-right: 5px;
	display: table;
}

.gallery_RightPane {
	float: left;
	width: 715px;
	height: 99%;
	display: table;
	background-color: white;
	display: table;
}

.gallery_PropertyRow {
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 700px;
}

.gallery_PropertyImageSection {
	clear: both;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.gallery_PropertyImageLinks {
	clear: both;
	text-align: left;
	font-size: 8pt;
	vertical-align: top;
	font-family: Arial;
}

.gallery_PropertyImage {
	border: 1px solid black;
	display: table;
	margin: 0px;
	padding: 0px;
}

.gallery_PropertyPrice {
	white-space: nowrap;
	clear: both;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	font-family: arial;
	margin-top: 5px;
	margin-bottom: 5px;
}

.gallery_PropertyMorePhotos {
	white-space: nowrap;
	clear: both;
	float: left;
	margin-bottom: 3px;
}

.gallery_PropertyMoreInfo {
	white-space: nowrap;
	clear: both;
	float: left;
}

.gallery_PropertyDataSection {
	float: left;
	width: 485px;
	padding: 5px;
	border: 1px #0e516c solid;
}

.gallery_PropertyDataAttributePanel {
	clear: both;
	float: left;
	max-width: 260px;
	margin: 5px;
}

.gallery_PropertyDataAttributesContainer {
	width: 260px;
}

.gallery_PropertyDataAddressPanel {
	float: left;
	max-width: 180px;
	margin: 5px;
	margin-left: 20px;
}

.gallery_PropertyDataSummaryPanel {
	clear: both;
	float: left;
	margin: 5px;
	width: 100%;
}

.gallery_PropertyDataAttributeKVP {
	margin-right: 10px;
}

.gallery_AttributeKey {
	font-weight: bold;
	color: white;
	text-align: left;
	font-size: 8pt;
	vertical-align: top;
	font-family: Arial;
}

.gallery_AttributeValue {
	font-weight: normal;
	color: yellow;
	text-align: left;
	font-size: 8pt;
	vertical-align: top;
	font-family: Arial;
	width: 20px;
}

.galleryPanelPrice {
	font-size: 10pt;
	font-weight: bold;
	font-family: arial;
}

.galleryPanelMoreLinks {
	font-size: 8pt; 
	font-weight: bold; 
	font-family: arial; 
	color: red;
}

.galleryPanelPropertyType {
	font-size: 10pt;
}

.galleryPanelCaptionHdr {
	font-size: 10pt;
	font-weight: bold;
}

.galleryPanelCaptionDtl {
	font-size: 8pt;
}

.galleryPanelMoreDetails {
	font-size: 8pt; 
	font-weight: bold;
	color: orange;
}

.galleryPanelBackground {
	background-image: url('/sysimg/GRADIENT_PropertyBackground.jpg');
	background-repeat: repeat-x;
	background-color: #0c4c67;
}

.galleryPanelSectionBackground {
	background-color: white;
}

.galleryPanelAttributeColumnWidth {
	white-space: nowrap;
}

.galleryPanelAttributeValue {
	color: yellow;
}

.galleryPanelAttribute {
	background-color: #0c4c67;
	border:1px;
	border-color: red;
	border-style: solid;
}

.galleryPanelAltBackground {
	background-image: url('/sysimg/GRADIENT_PropertyBackground_ALT.jpg');
	background-repeat: repeat-x;
	background-color: #48bcdb;
}

.galleryPanelSectionAltBackground {
	background-color: white;
}

.galleryPanelAltAttribute {
	background-color: #298BA8;
	border:1px;
	border-color: red;
	border-style: solid;
}

.galleryPanelSearchAttribute{
	width: 100%;
	text-align: left;
}

.galleryPanelSortAttribute{
	width: 100%;
	text-align: left;
}

.galleryPanelSortControl{
	height: 18px;
	font-size: 8pt;
}

.fullWidth{
	width: 100%;
	text-align: left;
	vertical-align: top;
}

.galleryPanel {
	text-align: left;
	font-size: 8pt;
	vertical-align: top;
	font-family: Arial;
	color: white;
}

.galleryPanelPropertyInfo {
	text-align: left;
	align: left;
	font-size: 10pt;
	font-weight:bold;
	vertical-align: top;
	font-family: Arial;
	color: white;
}

.galleryPanelSearch {
	background-image: url('/sysimg/GRADIENT_GalleryPanelSearch.jpg');
	background-repeat: repeat-x;
	background-color: #ff9c51;
	border:1px;
	border-color: #00535d;
	border-style: solid;
}

.galleryPanelSearchHeader {
	background-color: #298BA8;
	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border:1px;
	border-style: solid;
	border-color: #0c4c67;
}

.galleryPanelGeneral {
	text-align: left;
	vertical-align: top;
}

.galleryPanelPicture {
	border:1px;
	border-style: solid;
	border-color: black;
	text-align: center;
	vertical-align: middle;
}

/*========================================================================*/
/* Property Details Styles */
.propertyDetailsPropertyNameFont {
	font-family: "Bradley Hand ITC",Garamond,Arial;
	font-size: 20pt;
	font-weight: bold;
}

.propertyDetailsCaptionHdrFont {
	font-family: Garamond,Arial;
	font-size: 14pt;
	font-weight: bold;
}

.propertyDetailsCaptionDtlFont {
	font-family: Garamond,Arial;
	font-size: 12pt;
	font-weight: normal;
}

/*========================================================================*/
/* Buying Info Styles */
.buyingInfoTextHdr {
	font-family: Garamond,Arial;
	font-size: 19pt;
	font-weight: bold;
}

.buyingInfoText {
	font-family: Garamond,Arial;
	font-size: 16pt;
	font-weight: normal;
}

.buyingInfoMoreDetailLink {
	font-family: Garamond,Arial;
	font-size: 12pt;
	color: red;
	font-weight: bold;
}

/*========================================================================*/
/* Financing Info Styles */

.financingInfoText {
	font-family: Arial;
	font-size: 10pt;
}

.financingInfoPanel {
	height: 120px;
	width: 280px;
	vertical-align: top;
	text-align: left;
}

/*========================================================================*/
/* Property Management Styles */
.propertyMgmntTextHdr {
	font-family: Garamond,Arial;
	font-size: 19pt;
	font-weight: bold;
}

.propertyMgmntText {
	font-family: Garamond,Arial;
	font-size: 16pt;
	font-weight: normal;
}

/*========================================================================*/
/* About Us Styles */
.aboutUsContainer {
	display: table;
}

.aboutUsTextHdr {
	font-family: Garamond,Arial;
	font-size: 19pt;
	font-weight: bold;
	color: #f46700;
}

.aboutUsText {
	font-family: Garamond,Arial;
	font-size: 16pt;
	font-weight: normal;
}

/*========================================================================*/
/* Contact Us Styles */
.contactUsName {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
}

.contactUsTitle {
	font-family: Arial;
	font-size: 9pt;
	font-style: italic;
}

.contactUsContactHdr {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
}

.contactUsContactDtl {
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
}

.contactUsEmailToFromSubject {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
}

.contactUsEmailBody {
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	border: 1px solid #11808a;
	background-color: #f4fbfc;
	padding: 10px;
}