.application {
	height: 750px; 
	width: 100%; 
}
.ruler .input-text {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #F4F4F4;
    text-align: center;
    width: 40px;
}
.ruler .input-text:hover {
    background: none repeat scroll 0 0 #EFF4FA;
    border: 1px solid #A5C2E8;
    z-index: 1001;
}
.ruler .input-text:focus {
    background: none repeat scroll 0 0 #E8F1FA;
    border: 1px solid #7BA7DC;
    outline: 0 none;
    z-index: 1001;
}
.line {
  fill: none;
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
}
.area {
  vector-effect: non-scaling-stroke;
}
.ruler .input-text.disabled:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
}
.ruler .rulerTop {
    background: url("../images/ruler_vert.png") no-repeat scroll left top transparent;
    height: 9px;
    position: absolute;
    right: 6px;
    top: 0;
    width: 9px;
    z-index: 1000;
}

.ruler .rulerBottom {
    background: url("../images/ruler_vert.png") no-repeat scroll left bottom transparent;
    bottom: 0;
    height: 9px;
    position: absolute;
    right: 6px;
    width: 9px;
    z-index: 1000;
}
.ruler .rulerLeft {
    background: url("../images/ruler.png") no-repeat scroll left top transparent;
    bottom: 6px;
    height: 9px;
    left: 0;
    position: absolute;
    width: 9px;
    z-index: 1000;
}
.ruler .rulerRight {
    background: url("../images/ruler.png") no-repeat scroll right top transparent;
    bottom: 6px;
    height: 9px;
    position: absolute;
    right: 0;
    width: 9px;
    z-index: 1000;
}
.designArea {
	position:absolute;	
	left:175px;
	height: 100%; 
	/*width: 100%; 	*/
	/*background-image: url(grid.png); */
}

.outerframe {
	border:1px solid #bababa;
	background: #f3f3f3;
	position:absolute;	
}

.innerframe {   
	border:1px solid #bababa;	
	position:absolute;	
}

.popupmenu
{
display:none;
position:absolute;
width:80px;
height:20px;
left:50%;
top:50%;
margin-left:-20px;
margin-top:-10px;
}

.dragger
{
	position:absolute;
	
}

.xsplitter
{
background-image: url(../images/splitter.png);
background-repeat:no-repeat;
background-position:center; 
cursor:w-resize;
}
.ysplitter
{
background-image: url(../images/splitter-y.png);
background-repeat:no-repeat;
background-position:center; 
cursor:s-resize;
}