* html .height100percent{
    height: 0%;
}

FORM.height100percent{
    height: 0%;
}

.table_100percent{
    width: 100%;
    height: 0%;
}

.outerWorkarea {
    BACKGROUND: #ffffff; 
    PADDING-BOTTOM: 0px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-TOP: 0px; 
    MARGIN: 0px auto 0px; 
    min-height: 512px;
}

* html .outerWorkarea {
    height: 512px;
}

.inneraWorkarea {
	BACKGROUND: #ffffff; 
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    WIDTH: 100%;
    min-height: 512px;
}

* html .inneraWorkarea {
    height: 512px;
}

* html .workareas {
  font-weight: bold;
  BACKGROUND: #ffffff;
  height: 100%;
  width: 100%;
}

.workareas {
  font-weight: bold;
  BACKGROUND: #ffffff;
  width: 100%;
}

* html .workarea {
  height: 100%;
  width: 100%;
}

.workarea {
  width: 100%;
}

.flatButton {
  border: 1px solid rgb(66, 59, 56);
}

.resultDiv {
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-color: #ccc;
  height: 100%;
  width: 100%;
  min-height: 24px;
}

.isDroppable{
}

.DroppableHover{
	background-color: #0000FF;
	opacity: 0.3;
}

* html .resultDiv {
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-color: #ccc;
  width: 100%;
  height: 24px;
}

.unresizableSelector {
	width: 240px;
}

.selector {
  width: 100%;
}

.OverDragContainer {
	BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid;
}
.OverDragContainer {
	BACKGROUND-COLOR: #eee;
}

.DragDropContainer {
	margin-top: 0px;
    margin-bottom: 0px;
}

.DragDragBox {
	FILTER: alpha(opacity=50); 
	BACKGROUND-COLOR: #ff99cc;
}


/*---------------------------------------------*/



BODY {
   background: url(../img/bg.jpg) top repeat-x;
   background-attachment: fixed;
   background-color: #FFF;
}

.tooltipText, .tooltipHeader{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 9px;
	}
.tooltipText {
	color:#666666;
	font-weight: normal;
	}
.tooltipHeader {
	color:#336699;
	font-weight: bold;		
	}

DIV.previewButtonText{
    color:white;
	text-align: center;
	background: none;
}

BUTTON.previewButton{
    background-image: url('../img/blue_button.jpg');
	border: 0px;
	width: 194px;
	height: 25px;
	bottom: 3px;
	position: absolute;
	cursor: pointer;	
}

BUTTON.stepButton {
    background-image: url('../img/blue_button.jpg');
	border: 0px;
	width: 194px;
	height: 25px;
	cursor: pointer;
}	
DIV.stepButtonText {
    color:white;
	text-align: center;
	background: none;		
	}

.highlightit table {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

.highlightit div {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

.highlightit:hover div {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	cursor: pointer;
	text-decoration:none;
}

/* ------------------------- */

.popUpEl {
	z-index: 10000;
}

.subMenu div {
	display: block;
	position: relative;
	zoom: 1;
}

.subMenu div a {
	display: block;
}

.subMenu div ul {
	position: absolute;
	list-style: none;
	z-index: 999;
	padding: 0;
	margin: 0;
	display: none;
	
	margin: 0 0 0 -8px;
	background-color: #F7F4ED;
    border-color: #989FA1;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px; 
	-webkit-border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 6px 0 #999999;
	-moz-box-shadow: 0 2px 6px 0 #999999;
	-webkit-box-shadow: 0 2px 6px 0 #999999;
    padding: 10px 40px 15px 10px;
}

.horizontalMenu .subMenu div ul {
	left: 0;
	top: 100%;
}

.verticalMenu .subMenu div ul {
	left: 100%;
	top: 0;
}

.subMenu:hover div ul, .subMenuOver div ul {
	display: block;
}

.subMenu div ul li {
	display: block;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 0;
    list-style-position: outside;
}
TD.pageLinks ul.subMenuList li a, TD.pageLinks ul.subMenuList li a nobr{
	color: #3A4346;
}
TD.pageLinks ul.subMenuList li a:hover, TD.pageLinks ul.subMenuList li a:hover nobr{
	color: #3A4346;
	text-decoration: underline;
}

.LoginForm a{
	text-decoration: underline !important; 
}

/* portfolio */
table.instance_control_portfolio {
	border-collapse: collapse;
	min-width: 100%;
}

table.instance_control_portfolio tr.portfolioEvenRow {
	background-color: rgb(232, 229, 220);
}

table.instance_control_portfolio tr {
	background-color: rgb(247, 244, 237);
}

table.instance_control_portfolio td, .instance_control_portfolio th {
	padding: 3px;
	text-align: center;
	min-width:50px; 
	max-width:150px; 
	word-wrap: break-word;
}

table.instance_control_portfolio a {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

table.instance_control_property {
	color: rgb(109, 118, 121);
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-collapse: collapse;
}

table.instance_control_property tr.propertyEvenRow {
	background-color: rgb(232, 229, 220);
}

table.instance_control_property tr {
	background-color: rgb(247, 244, 237);
}

table.instance_control_property td, .instance_control_property th {
	padding: 3px;
	text-align: left;
	min-width:150px; 
	word-wrap: break-word;
}

table.instance_control_property caption {
	color: black;
	font-size: 28px;
	text-align: left; 
	font-weight: normal;
}

.fileInputsDiv {
	position:relative;
	display: inline-block;
	overflow: hidden;
	height: 26px;
	/*IE*/
	*display: inline;
	*width: 136px;
}

.uploadButton {
	background: #0f3b65;
	padding: 0px;
	border: 0px;
	cursor: pointer;
	padding: 0 40px;
	line-height: 24px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff !important;
	*width: 136px;
}

.fileInput {
	position:absolute;
	top:0px;
	right:0px;
	height: 100%;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.pageTurnerContainer {
	position:relative;
	margin: auto;
	text-align:left !important;
}

.pageTurnerPage{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	overflow: hidden;
}

.pageTurnerPage img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}


.pageTurnerPrevButton, .pageTurnerNextButton {
	display: block;
	position: absolute;
	top: 0px;
	width: 22px;
	background-color: #BBBBBB;
	background-repeat: no-repeat;
}

.pageTurnerPrevButton:hover, .pageTurnerNextButton:hover {
	background-color: black;
}

.pageTurnerPrevButton {
	background-position: 0px center;
	left: -22px;
	background-image: url(/img/arrows.png);
	-webkit-border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	-ms-border-radius: 15px 0 0 15px;
	-o-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;	
}

.pageTurnerNextButton {
	background-position: -22px center;
	right: -22px;
	background-image: url(/img/arrows.png);	
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	-ms-border-radius: 0 15px 15px 0;
	-o-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
}

.pageTurnerNavigation {
	margin-top: 10px;
	text-align:center;
	width: 100%;
}

.pageTurnerNavigation a {
	height: 20px;
	font-family: Arial,Helvetica,Sans-Serif;
	padding: 3px 5px !important;
	margin-left: 5px !important;
	font-size: 14px !important;
	text-decoration:none;
	font-weight:bold;
	border: 1px solid black;
	background-color: #DDDDDD;
}

.pageTurnerNavigation a:hover, .pageTurnerNavigation a.currentPage {
	text-decoration: underline;
	background-color: white;
}

.pageTurnerThumbnailContainer {
	position: relative;
	margin:10px auto 10px; 
}

.pageTurnerThumbnailContainer .thumbnailPicture {
	border: 2px solid grey;
}


.pageTurnerThumbnailContainer .currentView .thumbnailPicture {
	border: 2px solid red;
}

.pageTurnerThumbnailContainer .thumbnailHover {
	zoom: 1.3\9;
	-moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.pageTurnerThumbnailContainer .thumbnailHover .thumbnailPicture{
	border-style: none !important;
}

.pageTurnerThumbnailContainer .thumbnailHover .pageTurnerThumbnailText {
	visibility: visible;
}

.pageTurnerThumbnailContainer .arrowHover img {
	zoom: 1.3\9;
	-moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.pageTurnerThumbnailText {
	font-weight: bold;
	display:block;
	visibility: hidden;
}

.inlineBlockElement{
	display: inline-block; *display:inline; *zoom:1;
}

.pageTurnerSliderContainer{
	text-align: left;
	width:500px;
	height: 8px;
	font-size: 1px;
	line-height: 1px;
	background:#BBBBBB !important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	margin:40px auto 10px;
	position: relative;
	z-index: 20;
}

.pageTurnerSliderContainer .pageTurnerSlider.ui-slider.ui-widget {
	position: relative;
	text-align: left;
	height:8px;
	background:#BBBBBB !important;
	border: none;
}

.pageTurnerSliderContainer .pageTurnerSlider.ui-slider.ui-widget .ui-slider-handle{
	zoom:1;
	position: absolute;
	top: 0;
	z-index:0;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
	cursor: default;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	border:1px solid white;
	background:black;
	opacity:0.7;
	display:block;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	transition:opacity 0.2s;
	margin-top: -1px;
}

.pageTurnerSliderContainer .ui-state-hover{
	opacity:0.9;
}

.pageTurnerSliderContainer .ui-state-active{
	opacity:1;
}

.pageTurnerSliderContainer .thumbnail{
	position:absolute;
	background-color : #BBBBBB;
	z-index:10000;
	display:none;
	opacity: 0.5;

	-webkit-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-webkit-transition:-webkit-transform 0.2s;
	-webkit-border-radius:5px;

	-moz-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-moz-transition:-moz-transform 0.2s;
	-moz-border-radius:5px;

	-o-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-o-transition:-o-transform 0.2s;
	-o-border-radius:5px;

	-ms-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-ms-transition:-ms-transform 0.2s;
	-ms-border-radius:5px;

	transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	transition:transform: 0.2s;
	border-radius:5px;
}

.pageTurnerSliderContainer .ui-state-hover .thumbnail{
	display:block;
	*display:none;
	opacity:0;
}

.pageTurnerSliderContainer .ui-state-active .thumbnail{
	display:block;
	-webkit-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1);
	opacity:1;
}

.pageTurnerMenu {
	text-align:center;
	margin-bottom: 10px;
	width: 100%;
	z-index: 10;
	position: relative;
}

.pageTurnerMenu a {
	font-family: Arial,Helvetica,Sans-Serif;
	padding: 5px 15px !important;
	font-size: 18px !important;
	text-decoration:none;
	font-weight:bold;
}

.pageTurnerMenu a:hover {
	text-decoration:underline;
}

.hiddenPageTurnerArrow {
	visibility: hidden;
}

.contactsControl { border-collapse: collapse; }
.contactsControl td { padding: 3px 5px !important; border: solid 1px black; }
.contactsControl input { box-sizing: border-box; border: 2px inset; }
.contactsControl textarea { box-sizing: border-box; border: 1px solid #A9A9A9; }
.contactsControl .send_btn { box-sizing: border-box; background:#0f3b65; margin:0 20px 0 0; padding:0px; border:0px; cursor:pointer; padding:0 40px; height:26px; line-height:24px;
text-decoration:none; text-transform:uppercase; margin:0}
.contactsControl .send_btn div {font-size:10px; color:#fff; text-decoration:none; line-height:24px; height:26px; font-family:Arial, Helvetica, sans-serif;}

/* calendar */

/* the table (within the div) that holds the date picker calendar */
.instance_dpTable, .dpTable, .propertyMainTable .dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
}


/* a table cell that holds a date number (either blank or 1-31) */
.instance_dpTD, .dpTD, .propertyMainTable .dpTD {
	padding-left: 5px;
	text-align: left;
	background-color: white;
	cursor: pointer;
}

.propertyMainTable .dpBorderedTD, .instance_dpDayTD, .dpDayTD {
	text-align: left;
	border: 1px solid black;
	cursor: pointer;
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.instance_dpDayTD, .dpDayTD, .propertyMainTable .dpDayTD {
	background-color: #666666 !important;
}

.instance_dpAvailableTD, .instance_dpBookedOutTD, .instance_dpClearTD, .instance_dpDayHighlightTD {
	color: black !important;
	text-align: center !important;
	cursor: pointer !important;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.instance_dpDayHighlightTD {
	background-color: #FF9900 !important;
}

.instance_dpClearTD {
	background-color: #FFFFFF !important;
}

.instance_dpAvailableTD {
	background-color: #CCFF00 !important;
}

.instance_dpBookedOutTD {
	background-color: #C0C0C0 !important;
}
	
/* additional style information for the text that indicates the month and year */
.instance_dpTitleText, .dpTitleText, .propertyMainTable .dpTitleText {
	font-size: 12px;
	color: #003366 !important;
    text-align: center;
}

/* the forward/backward buttons at the top */
.instance_dpButton, .dpButton, .propertyMainTable .dpButton {
	color: #003366;
}


/* the "This Month" and "Close" buttons at the bottom */
.instance_dpTodayButton, .dpTodayButton, .propertyMainTable .dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

.instance_calendar, .calendar, .propertyMainTable .calendar {
	border: 1px solid #cccccc;
	width: 110px;
	height: 110px;	
}

.instance_calendar_cell, .calendar_cell, .propertyMainTable .calendar_cell {
	text-align: center;
	border: 1px solid #cccccc;
	width: 15px;
	height: 15px;
}

.instance_calendar_today, .calendar_today, .propertyMainTable .calendar_today {
	text-align: center;
	border: 1px solid #cccccc;
	background-color:#003366;
	color: #ffffff;
	font-weight: bold;
	width: 15px;
	height: 15px;
}

.nocomm {margin:10px 0 0 5px; float:left;}
.commentsForm { margin: 0;}
.commentsButton {background:#0f3b65; height:28px; line-height:28px; padding:0 20px; color:#fff; text-transform:uppercase; font-size:10px; float:left; cursor:pointer;border: none; margin-top: 5px;}
.commentsNav { float: right; font-size: 14px; font-weight: bold; margin: 15px 20px 5px 0; }
.commentsNavAfter { clear: both; margin-bottom: -20px; }
.commentsNav a {font-size: 14px !important; font-weight: bold !important;}
.comment { margin-top: 20px; }
.comment table { width:100%; table-layout: fixed; padding: 0; }
.comment td { font-size: 10pt; line-height: 10pt; padding: 0; }
.comment a { font-size: 10pt; line-height: 10pt; }
.comment div { font-size: 12pt; }
.comment_info { font-style: italic; }

.portfolioSearchField { width: 99%;}
.portfolioSearchButton {background:#0f3b65; height:28px; line-height:28px; padding:0 20px; color:#fff; text-transform:uppercase; font-size:10px; float:left; cursor:pointer;border: none;}

.LoginForm { margin: 0 auto; }
.LoginForm td { padding: 5px; }

table {
	line-height: normal;
	text-align: left;
}

.black_overlay{ display: none; position: absolute; background-color: black; z-index: 1000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.white_content { display: none; position: absolute; top: -200px; left: -200px; width: 700px; height: 500px; border: 2px solid #32536f; background-color: white; z-index: 1001; }
.white_content .ndaTextContent, .white_content .tcTextContent { padding: 0 16px; height: 450px; overflow: auto; }
.white_content .ndaButtonsContainer, .white_content .tcButtonsContainer { height: 50px; position: relative; padding: 0 16px; }
.white_content_hidden_menu {height:300px; display:none; position:absolute; left:650px; top:50px; border:solid black 5px; padding:10px; background-color:white; font-size:12px; width:150px; overflow-y:auto; z-index:999;}
.white_content_hidden_menu  .button a, .button  a:link, .button a:visited {color:#eee; background-color:gray; font-size:1em; font-weight:bolder; text-decoration:none; border-bottom:0.1em solid #555; border-right:0.1em solid #555; border-top:0.1em solid #ccc; border-left:0.1em solid #ccc; margin:0.2em; padding:0.2em; display:block; bottom:10;}

.button { 
	float:left; 
	height:auto; 
	width:10em;
	text-align:center; 
	white-space:nowrap; 
} 

.button a:link, .button a:visited{
	color: #eee; 
	background-color:gray; 
	font-size:1em; 
	font-weight:bolder; 
	text-decoration: none; 
	border-bottom:0.1em solid #555; 
	border-right:0.1em solid #555; 
	border-top:0.1em solid #ccc; 
	border-left:0.1em solid #ccc; 
	margin: 0.2em; 
	padding:0.2em; 
	display:block; 
	position: absolute; 
	bottom: 10;
} 
.buttonClose { 
	float:right; 
	height:auto; 
	width:80px;
	text-align:center; 
	white-space:nowrap; 
} 
.buttonAgree { 
	float:left; 
	height:auto; 
	text-align:center; 
	white-space:nowrap; 
} 
.buttonClose a:link, .buttonClose a:visited, .buttonAgree a:link, .buttonAgree a:visited {
	color: #eee; 
	background-color:gray; 
	font-size:1em; 
	font-weight:bolder; 
	text-decoration: none; 
	border-bottom:0.1em solid #555; 
	border-right:0.1em solid #555; 
	border-top:0.1em solid #ccc; 
	border-left:0.1em solid #ccc; 
	margin: 0.2em; 
	padding:0.2em; 
	display:block; 
	position: relative; 
	bottom: 10px;
} 
 
a.termsCond:link { color:red; text-decoration: underline;  }
a.termsCond:visited { color:red;  text-decoration: underline; }
a.termsCond:hover { color:red;  text-decoration: underline; }