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