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