html {
	width:100%;
	height:100%;
	overflow: auto;
}

body {
	width:100%;
	height:100%;
	display: table;
	overflow: scroll;
}

.header {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 40px;
	display: table-row;
}

.space {
	position: absolute;
	top: 40px;
	width:100%;
	height:96%;
	background: #FFFFFF;
	left:0px;
	display: table-row;
	overflow: scroll;
}

.canvas_container {
    position: absolute;
	top: 40px;
	width:45%;
	height:100%;
	right:0px;
	display: table-row;
    overflow: scroll;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}


#viewer {
    position: absolute;
    border: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    overflow: scroll;
}

.dropdown-submenu {
	position:relative;
}
.dropdown-submenu>.dropdown-menu {
	top:0;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display:block;
}

.dropdown-submenu>a:after {
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color:#ffffff;
}

.dropdown-submenu.pull-left {
	float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

.center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.main_pane {
    width: 1300px;
    min-height: 700px;
    font-size: 120%;
}

.sub_pane {
    width: 80%;
}

.foot_pane {
    width: 1000px;
}