* 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;
}

.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;
	*display: inline; /*IE*/
	overflow: hidden;
}

.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-color:#BBBBBB;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	margin:40px auto 10px;
}

.pageTurnerSliderContainer .pageTurnerSlider {
	position: relative;
	text-align: left;
	height:8px;
}

.pageTurnerSliderContainer .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-color: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;
}