cadviewer-angular
Version:
CADViewer - JavaScript CAD Viewer Library
2,762 lines (2,070 loc) • 43 kB
CSS
body {
margin: 0;
padding: 0;
overflow:hidden; /* This line disable scrollbars! neat! */
}
#main_area {
float:left;
clear:both;
text-align: left;
text-indent: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#main_area p {
font-family:arial, verdana, sans-serif;
font-size:0.75em;
margin: 0px 0px 0px 0px;
}
#div_comment {
float:left;
clear:both;
margin: 0px 0px 0px 0px;
}
#div_comment p {
font-family:arial, verdana, sans-serif;
font-size:0.75em;
margin: 0px 0px 0px 0px;
}
.comments {
font-family:arial, verdana, sans-serif;
font-size:0.75em;
margin: 0px 0px 0px 0px;
}
#account_div {
font-family:arial;
margin:5px;
font-weight:bold;
float:right;
text-decoration:none;
color:white;
}
#account_div a {
font-family:arial;
font-weight:normal;
text-decoration: none;
font-style: italic;
color:white;
font-size: .7em;
}
#div.leftpanel {
position: absolute;
left: 0px;
top: 82px;
break: both;
width: 300px;
height: 600px;
margin: 0px;
background: #C96;
z-index:10;
}
div.sep {
position: absolute;
left: 0px;
top: 82px;
break: none;
width: 20px;
height: 600px;
margin: 0px;
background: #CCC;
z-index:10;
}
.menu_bump {
float: right;
clear: none;
z-index:20;
outline:none;
}
.menu_img {
width: 40px;;
z-index:20;
margin: 0 auto;
}
.menu_text {
width: 80px;;
z-index:20;
margin: 0 auto;
text-align:center;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#DDD;
font-size: 12px;
}
.icon_text {
width: 40px;;
z-index:0;
margin: 0 auto;
text-align:center;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#005299;
font-size: 9px;
line-height: 1.1;
}
.location_text {
z-index:0;
margin: 0;
text-align: right;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#000000;
font-size: 13px;
line-height: 1.0;
vertical-align: middle;
}
.location_text_tags {
z-index:0;
margin: 0;
padding-top: 6px;
text-align: right;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#000000;
font-size: 13px;
line-height: 1.0;
vertical-align: top;
}
.location_text_tags2 {
z-index:0;
margin: 0;
padding-top: 8px;
text-align: right;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#000000;
font-size: 13px;
line-height: 1.0;
vertical-align: top;
}
.location_text5 {
z-index:0;
margin: 0;
text-align: right;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#00529a;
font-size: 13px;
line-height: 1.0;
vertical-align: middle;
}
.location_text4 {
z-index:0;
margin: 0;
text-align: right;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#333333;
font-size: 14px;
line-height: 1.0;
vertical-align: middle;
}
.location_text6 {
z-index:0;
margin: 0;
width: 120px;
text-align: right;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#333333;
font-size: 14px;
line-height: 1.0;
vertical-align: middle;
}
.location_settings_text {
z-index:0;
margin: 0;
text-align: left;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#000000;
font-size: 14px;
line-height: 1.0;
vertical-align: middle;
}
.location_text3 {
vertical-align: top;
z-index:0;
margin: 0;
text-align: left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
color:#CC00CC;
font-size: 13px;
line-height: 1.0;
}
.location_text2 {
width: 170px;
z-index:0;
margin: 0 auto;
text-align: left;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#000000;
font-size: 13px;
line-height: 1.1;
}
.location_text_dropdown {
width: 120px;;
text-align: left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#000000;
font-size: 13px;
line-height: 1.1;
}
.select_link_text {
width: 90px;;
z-index:0;
margin: 0 auto;
text-align:left;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: underline;
color:#0096d7;
font-size: 11px;
line-height: 1.0;
}
.dummy_text {
width: 40px;;
z-index:0;
margin: 0 auto;
text-align:center;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#000000;
font-size: 9px;
line-height: 1.1;
}
.icon_img {
display: table-cell;
text-align: center;
vertical-align: top;
padding-left:0px;
}
#sep_close {
left: 300px;
}
#left_menu {
float: left;
clear: both;
padding: 0;
border: 0;
z-index:101;
}
#left_menu_panel {
position: relative;
float: left;
clear: none;
width: 128px;
z-index:99;
background: #7c7c7c; /* old browsers */
}
.menu_item {
float: left;
clear: both;
cursor:hand;
cursor:pointer;
font-family: Arial-Bold, Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 26px;
width: 128px;
height: 100px;
color: #DDDDDD;
font-weight:bold;
}
.menu_item2 {
float: left;
clear: both;
cursor:hand;
cursor:pointer;
font-family: Arial-Bold, Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
width: 128px;
height: 100px;
color: #DDDDDD;
font-weight:bold;
}
.menu_item b {
font-family: Verdana, Geneva, sans-serif;
font-size: 8pt;
text-align: center;
display: block;
margin-bottom: 20px;
color: white;
font-weight:bold;
}
.bump {
margin: 0px;
position: relative;
left: 0px;
top: 0px;
cursor:hand;
cursor:pointer;
}
.nobump {
margin: 0px;
position: relative;
left: 0px;
top: 0px;
display: none;
cursor:hand;
cursor:pointer;
}
input {
display: block;
float: left;
clear:both;
}
label {
display: block;
float: left;
margin-left: 5px;
}
.left_align {
text-align:left;
float: left;
clear: both;
margin-left: 10px;
}
.right_align {
text-align:right;
float: right;
clear: none;
margin-right: 10px;
}
.acc_header {
float: left;
width: 90%;
margin: 10px;
clear: both;
font-weight:bold;
text-align: center;
}
#wrapper {
float: left;
clear: none;
position: relative;
top: 0;
left: 0;
//height: 600px;
//width: 1000px;
z-index:1;
}
#floorPlan,
#gMenu {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
display: block;
}
#breadcrumb {
float:left;
clear:none;
padding: 0;
border: 0;
width: 600px;
height: 15px;
z-index:5;
font-family: Arial-BoldMT, Verdana, Geneva, sans-serif;
font-size: 15px;
color: white;
}
.legend {
font-family: Verdana, Geneva, sans-serif;
font-size: 9pt;
position: absolute;
top: 400px;
left: 20px;
z-index:1;
}
.legend > div {
width:20px;
height:20px;
border-style:solid;
border-color:black;
border-width: 1px;
}
#plusMinus {
position: absolute;
top: 80px;
left: 15px;
z-index:1;
}
#plusMinus button {
height: 30px;
width: 30px;
z-index:1;
}
.zoom_img {
margin-left: -5px;
}
#gMenu2 {
position: relative;
top: 0px;
left: 0px;
z-index:1;
}
#opacity {
height: 10px;
}
.panHeader {
float:left;
clear: both;
width: 268px;
height: 24px; // 12px padding plus 24 height = 36px
margin: 0;
margin-left: -15px;
margin-top: -5px;
padding-left: 15px;
padding-top: 12px;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#FFF;
font-size: 16px;
background: #0096d7;
}
.panItem {
font-family: "Arial MT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#005299;
font-size: 14px;
}
.pan_left {
float: left;
clear: both;
height: 71px;
font-family: "Arial MT", Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color:#777;
font-size: 11px;
}
.pan_rightS {
float: right;
clear: right;
font-family: "Arial MT", Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color:#777;
font-size: 14px;
}
.pan_rightL {
float: right;
clear: none;
font-family: "Arial MT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#333;
font-size: 24px;
margin: 10px 5px;
}
.tagSpan {
border:0px solid;
border-radius:3px;
-moz-border-radius:3px; /* Firefox 3.6 and earlier */
background: #0096d7;
margin-bottom: 5px;
padding: 3px;
padding-top: 1px;
padding-bottom: 1px;
color: white;
}
.whiteSpan {
border:0px solid;
border-radius:3px;
-moz-border-radius:3px; /* Firefox 3.6 and earlier */
background: white;
margin-bottom: 5px;
padding: 3px;
padding-top: 1px;
padding-bottom: 1px;
color: white;
}
.infopane_small {
position: absolute;
left: 600px;
top: 300px;
cursor:hand;
cursor:pointer;
z-index:1990;
width:200px;
height: 130px;
background: white;
border: 1;
border-radius: 14px;
}
.infopane_small a {
text-decoration: none;
color: #999;
}
.infopane_small h3 {
font-size: 14px;
color: #0c3d8c;
font-family: Arial, Verdana, Geneva, sans-serif;
font-weight: bold;
margin: 10px 0 20px 0;
padding-top: 10px;
}
.tagButtons {
border:0px solid;
border-radius:3px;
-moz-border-radius:3px; /* Firefox 3.6 and earlier */
background: #0096d7;
margin-bottom: 5px;
padding: 3px;
padding-top: 1px;
padding-bottom: 1px;
color: white;
width: 90px
}
.tagSaveButtons {
border:0px solid;
border-radius:3px;
-moz-border-radius:3px; /* Firefox 3.6 and earlier */
background: #DDDDDD; // DDDDDD // #45AC5C
margin-bottom: 5px;
padding: 3px;
padding-top: 1px;
padding-bottom: 1px;
color: black; // white
width: 250px
}
.tagSaveLinkHeader {
border:0px solid;
border-radius:0px;
-moz-border-radius:0px; /* Firefox 3.6 and earlier */
background: white;
margin-bottom: 2px;
padding: 0px;
padding-top: 3px;
padding-bottom: 3px;
color: #000000;
width: 270px;
font-family: "Arial-Bold", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#loc_name {
font-family: "Arial Bold MT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#333;
font-size: 24px;
padding-top: 10px;
margin: 10px 0;
margin-top: 30px;
}
.infoDiv p {
font-family: "Arial Bold MT", Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color:#333;
font-size: 12px;
margin: 5px 0;
line-height: 14px;
}
.desc {
font-family: "Arial Bold MT", Arial, Helvetica, sans-serif;
font-weight: 900;
text-decoration: none;
color:#333;
font-size: 10px;
margin: 20px 0;
}
#custScenes {
font-family: "Arial Bold MT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#333;
font-size: 10px;
}
#rdialog {
background-color: #ffffff;
margin: 0;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#rdialogx {
background-color: #ffffff;
margin: 0;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#info_accordion {
margin-bottom: 0px;
}
#searchDialog {
position: absolute;
left: 630px;
top: 557px;
height: 300px;
}
.float_dialog {
width:320px;
z-index: 50;
overflow:none;
}
.float_dialog2 {
width:280px;
z-index: 50;
overflow:none;
left: 0px;
}
.lightbar {
background: rgb(168,168,168);
z-index: 52;
height:20px;
}
.float_right {
float:right;
}
.white_back
{
background-color: white;
}
#SearchResultsPanel {
position:relative;
float: left:
clear: none;
width: 340px;
height: 600px;
z-index:20;
border-style: solid;
border-color: rgb(168,168,168);
border-width: 1px;
background-color: white;
}
#SearchResults {
margin-left:10px;
margin-top:-5px;
height: 566px;
overflow: auto;
}
.tp {
width: 33%;
margin-bottom: 10px;
float: left;
clear: none;
text-align: center;
text-decoration: underline;
cursor: hand;
cursor: pointer;
color: navy;
font-family: Verdana, Geneva, sans-serif;
font-size: 9pt;
z-index: 201;
}
.tp_icon {
float:left;
clear: none;
width: 20%;
margin-left: 10%;
cursor: hand;
cursor: pointer;
color: navy;
}
.tt
{
color: navy;
font-family: Verdana, Geneva, sans-serif;
font-size: 12pt;
margin: 0;
}
.tt_info
{
color: navy;
float: right;
clear: none;
margin: 0;
}
.tt h3
{
font-family: Verdana, Geneva, sans-serif;
font-size: 11pt;
font-weight: bold;
margin: 0;
margin-top:-10px;
}
.tt h4
{
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
font-size: 9pt;
margin: 0;
margin-top:-10px;
}
.acc_a {
font-size: 9pt;
color: black;
}
#fixedrdialog{
width:297px;
height:310px;
border:1px solid #000000;
}
#iconTable{
border:0px solid #99CCF4;
width: 280px;
}
#iconTable tr td {
border:1px solid #DDDDDD;
img {
display: block;
margin: 0 auto;
}
}
#locationTagsTable{
width:270px;
border:0px solid #99CCF4;
}
#locationTagsTable tr {
height:34px;
border:0px solid #00DDDD;
}
#locationTagsTable td {
height:34px;
width: 130px;
border:0px solid #00FF00;
}
#locationTagsTable td:first-child {
height:34px;
width: 130px;
border:0px solid #FF0000;
text-align: right;
}
#locationTagsTable2{
width:270px;
border:0px solid #99CCF4;
}
#locationTagsTable2 tr {
height:34px;
border:0px solid #DD00DD;
}
#locationTagsTable2 td {
height:34px;
width: 130px;
border:0px solid #00AAAA;
}
#SettingsTable{
cursor: default;
width:530px;
border:0px solid #99CCF4;
}
#SettingsTable tr {
cursor: default;
height:34px;
border:0px solid #DD00DD;
}
#SettingsTablex td.col1 div {width:10px;}
#SettingsTablex td.col2 div {width:140px;}
#SettingsTablex td.col3 div {width: 20px;}
#SettingsTablex td.col4 div {width:300px;}
#locationTagsTable td:first-child {
height:34px;
width: 200px;
border:0px solid #FF0000;
text-align: right;
}
#filterByTable5{
cursor:default;
width:520px;
border:0px solid #990000;
}
#filterByTable5 tr {
cursor:default;
height:40px;
border:0px solid #009900;
}
#filterByTable4{
width:530px;
border:0px solid #990000;
}
#filterByTable4 tr {
border:0px solid #009900;
}
#filterByTable{
width:530px;
border:0px solid #99CCF4;
}
#filterByTable tr {
height:40px;
border:0px solid #DDDDDD;
}
#filterByTable td:fb_11 {
border:0px solid #00FF00;
}
#filterByTable td:fb_22 {
border:0px solid #00FF00;
}
#filterByTable td:fb_33 {
border:0px solid #00FF00;
}
#filterByTable_attention{
width:530px;
border:0px solid #99CCF4;
background: #FFFF99;
}
#filterByTable_attention tr {
height:40px;
border:0px solid #DDDDDD;
}
#filterByTable_attention td:fb_11 {
border:0px solid #00FF00;
}
#filterByTable_attention td:fb_22 {
border:0px solid #00FF00;
}
#filterByTable_attention td:fb_33 {
border:0px solid #00FF00;
}
#filterByTable2{
width:530px;
border:0px solid #99CCF4;
background: #FFF;
width:530px;
z-index: 0;
}
#filterByTable2 tr {
height:40px;
border:0px solid #DDDDDD;
z-index: 0;
}
#filterByTable2 td:fb_112 {
width: 100px;
border:0px solid #00FF00;
z-index: 0;
}
#filterByTable2 td:fb_22 {
border:0px solid #00FF00;
z-index: 0;
}
#filterByTable2 td:fb_22_2 {
border:0px solid #00FF00;
z-index: 0;
}
#filterByTable2 td:fb_22_3 {
border:0px solid #00FF00;
z-index: 0;
}
#filterByTable2 td:fb_33 {
border:0px solid #00FFFF;
z-index: 0;
}
#filterByInfoTable{
width:530px;
border:0px solid #99CCF4;
}
#filterByInfoTable tr {
height:10px;
border:0px solid #DDDDDD;
}
#filterByInfoTable td:fb_1 {
width: 40%;
border:0px solid #00FF00;
}
#filterByInfoTable td:fb_2 {
width: 30%;
border:0px solid #00FF00;
}
#filterByInfoTable td:fb_3 {
width: 30%;
border:0px solid #00FF00;
}
#filterByInfoTable_attention{
width:530px;
border:0px solid #99CCF4;
background: #FFFF99;
}
#filterByInfoTable_attention tr {
height:10px;
border:0px solid #DDDDDD;
}
#filterByInfoTable_attention td:fb_1 {
width: 80%;
border:0px solid #00FF00;
}
#filterByInfoTable_attention td:fb_2 {
width: 10%;
border:0px solid #00FF00;
}
#filterByInfoTable_attention td:fb_3 {
width: 10%;
border:0px solid #00FF00;
}
#filterByInfoTable2{
width:530px;
border:0px solid #99CCF4;
}
#filterByInfoTable2 tr {
height:10px;
border:0px solid #DDDDDD;
}
#filterByInfoTable2 td:fb_1 {
width: 40%;
border:0px solid #00FF00;
}
#filterByInfoTable2 td:fb_1_1 {
width: 40%;
border:0px solid #00FF00;
}
#filterByInfoTable2 td:fb_2 {
width: 30%;
border:0px solid #00FF00;
}
#filterByInfoTable2 td:fb_3 {
width: 30%;
border:0px solid #00FF00;
}
.input1 {
color: white;
width: 100px;
display: block;
font-size: small;
padding-top: 1px;
position: relative;
text-indent: 5px;
}
input_tags {
background-color: transparent;
left: 0;
width: 100px;
position: absolute;
top: 0;
z-index: 1;
}
input_tags_2 {
background-color: red;
left: 0;
width: 80px;
height: 60px;
position: absolute;
top: 0;
z-index: 1;
}
input_settings_tags {
background-color: transparent;
left: 0;
width: 280px;
position: right;
top: 0;
z-index: 1;
}
div_icon_menu_panel {
background-color: #00FF00;
left: 0;
width: 280px;
position: right;
top: 0;
z-index: 1;
}
sortable {
z-index: 0;
}
.sortable {
z-index: 0;
}
#sortable {
z-index: 0;
}
2floor1_1 {
z-index: 0;
}
name_tags {
background-color: transparent;
left: 0;
width: 200px;
position: absolute;
top: 0;
z-index: 1000;
}
name_tags_a {
background-color: white;
left: 0;
width: 160px;
position: absolute;
top: 0;
z-index: 1;
}
input1:focus, input:first-line {
background-color: white;
}
input[type=text] {
width: 160px;
z-index:0;
margin: 0 auto;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#000000;
font-size: 13px;
line-height: 1.1;
}
input[type=text1] {
width: 320px;
z-index:0;
margin: 0px;
text-indent: 7px;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: none;
color:#000000;
font-size: 18px;
line-height: 1;
background: #a4d7f4;
}
input[type=text2] {
width: 266px;
z-index:1000;
margin: 0px;
text-indent: 7px;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: none;
color:#000000;
font-size: 18px;
line-height: 1;
background: #FFFFFFF;
}
input[type=text_settings] {
width: 280px;
position: right;
z-index:0;
margin: 0px;
text-indent: 0px;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#000000;
font-size: 13px;
line-height: 1.1;
}
#id_pwd {
border-radius: 0px;
}
input[type="password"] {
width: 272px;
height: 12px;
position: right;
z-index:0;
margin: 0px;
border: 1px solid #bbbbbb;
text-indent: 0px;
text-align:left;
font-family: "Arial", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#000000;
font-size: 13px;
line-height: 0.9;
}
input[type=text_tags_2] {
width: 160px;
height: 40px;
position: top;
z-index:0;
margin: 0px;
text-indent: 0px;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#000000;
font-size: 11px;
line-height: 1.1;
}
.styled_text_area {
width: 168px;
height: 40px;
border: 1px solid #cccccc;
padding: 2px;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#000000;
font-size: 11px;
line-height: 1.1;
background-position: upper left;
background-repeat: no-repeat;
}
styled_text_area {
width: 168px;
height: 40px;
border: 0px solid #cccccc;
padding: 2px;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#000000;
font-size: 11px;
line-height: 1.1;
background-position: upper left;
background-repeat: no-repeat;
}
textarea {
width: 168px;
height: 40px;
border: 1px solid #cccccc;
padding: 2px;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#000000;
font-size: 11px;
line-height: 1.1;
background-position: upper left;
background-repeat: no-repeat;
}
.fb_left_margin {
z-index:0;
size: 20px;
}
.whiteUnderbar {
z-index:0;
margin: 0 auto;
text-align:left;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#FFFFFF;
font-size: 10px;
line-height: 1.1;
}
#SettingsPanel {
cursor:default;
position:relative;
float: left:
clear: none;
width: 660px;
height: 900px;
z-index:20;
border-style: solid;
border-color: rgb(168,168,168);
border-width: 1px;
background-color: white;
}
#Settings {
cursor:default;
margin-left:10px;
margin-top:-5px;
height: 900px;
overflow: auto;
}
#IconMenuPanel {
position:relative;
float: left:
clear: none;
width: 281px;
height: 900px;
z-index:20;
border-style: solid;
border-color: rgb(168,168,168);
border-width: 1px;
background-color: white;
}
#InfoButtonPanel {
position:relative;
float: left:
clear: none;
width: 660px;
height: 900px;
z-index:20;
border-style: solid;
border-color: rgb(168,168,168);
border-width: 1px;
background-color: white;
}
#InfoButtonPanelContent {
margin-left:10px;
margin-top:-5px;
height: 866px;
width: 530px;
overflow: auto;
}
#SelectFloorPlanPanel {
position:relative;
float: left:
clear: none;
width: 660px;
height: 900px;
z-index:20;
border-style: solid;
border-color: rgb(168,168,168);
border-width: 1px;
background-color: white;
}
#SelectFloorPlan {
margin-left:10px;
margin-top:-5px;
height: 866px;
width: 530px;
overflow: auto;
}
#SelectFloorPlanPanelEdit {
position:relative;
float: left:
clear: none;
width: 660px;
height: 900px;
z-index:20;
border-style: solid;
border-color: rgb(168,168,168);
border-width: 1px;
background-color: white;
}
#SelectFloorPlanEdit {
margin-left:10px;
margin-top:-5px;
height: 866px;
overflow: auto;
}
#save_settings {
cursor:hand;
cursor:pointer;
}
#cancel_settings {
cursor:hand;
cursor:pointer;
}
#done_editing {
cursor:hand;
cursor:pointer;
}
#edit_cancel_location {
cursor:hand;
cursor:pointer;
}
#done_editing_location {
cursor:hand;
cursor:pointer;
}
#unlink_location {
cursor:hand;
cursor:pointer;
}
#cv_select {
cursor:hand;
cursor:pointer;
}
#cv_rect {
cursor:hand;
cursor:pointer;
}
#cv_poly {
cursor:hand;
cursor:pointer;
}
#cv_erase {
cursor:hand;
cursor:pointer;
}
#save_drawing_image {
cursor:hand;
cursor:pointer;
}
#reset_save_drawing {
cursor:hand;
cursor:pointer;
}
#cancel_save_drawing {
cursor:hand;
cursor:pointer;
}
#enable_save_directly {
cursor:hand;
cursor:pointer;
}
#editing {
cursor:hand;
cursor:pointer;
}
#select_file {
cursor:hand;
cursor:pointer;
}
#addFloorplan_FilterBy {
cursor:hand;
cursor:pointer;
}
.rename_tag_text_blue1 {
cursor:hand;
cursor:pointer;
}
.unlink_tag_text_blue1 {
cursor:hand;
cursor:pointer;
}
.clear_tag_text_blue1 {
cursor:hand;
cursor:pointer;
}
#rename_tag_text_blue1 {
cursor:hand;
cursor:pointer;
}
.delete_tag_image {
cursor:hand;
cursor:pointer;
}
#delete_tag_image {
cursor:hand;
cursor:pointer;
}
.fb_11 {
cursor:pointer;
}
#fb_11 {
cursor:pointer;
}
.fb_11_s {
cursor:pointer;
}
#fb_11_s {
cursor:pointer;
}
.fb_112 {
cursor:text;
}
#fb_112 {
cursor:text;
}
.fb_1 {
cursor:pointer;
}
#fb_1 {
cursor:pointer;
}
.fb_1_1 {
cursor:text;
}
#fb_1_1 {
cursor:text;
}
.wrapper {
cursor:hand;
cursor:pointer;
}
#wrapper {
cursor:hand;
cursor:pointer;
}
.gMenu2 {
cursor:hand;
cursor:pointer;
}
#gMenu2 {
cursor:hand;
cursor:pointer;
}
.cv_link11 {
cursor:hand;
cursor:pointer;
}
#cv_link11 {
cursor:hand;
cursor:pointer;
}
#button2_nodelete {
cursor:hand;
cursor:pointer;
}
.button2_nodelete {
cursor:hand;
cursor:pointer;
}
#button1_delete {
cursor:hand;
cursor:pointer;
}
.button1_delete {
cursor:hand;
cursor:pointer;
}
#modal_close_cross {
cursor:hand;
cursor:pointer;
}
.modal_close_cross {
cursor:hand;
cursor:pointer;
}
#unlink_modal_close_cross {
cursor:hand;
cursor:pointer;
}
.unlink_modal_close_cross {
cursor:hand;
cursor:pointer;
}
#clear_modal_close_cross {
cursor:hand;
cursor:pointer;
}
.clear_modal_close_cross {
cursor:hand;
cursor:pointer;
}
#delete_modal_proceed_image {
cursor:hand;
cursor:pointer;
}
.delete_modal_proceed_image {
cursor:hand;
cursor:pointer;
}
#delete_modal_cancel_image {
cursor:hand;
cursor:pointer;
}
.delete_modal_cancel_image {
cursor:hand;
cursor:pointer;
}
#info_button {
cursor:hand;
cursor:pointer;
}
.info_button {
cursor:hand;
cursor:pointer;
}
#info_button_close_cross {
cursor:hand;
cursor:pointer;
}
.info_button_close_cross {
cursor:hand;
cursor:pointer;
}
.select_file_text {
border: 0px dotted;
width: 440px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#333333;
font-size: 18px;
line-height: 1.1;
}
.select_file_text_attention {
border: 0px dotted;
width: 440px;
text-indent: 3px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#990000;
font-size: 18px;
line-height: 1.1;
}
.select_tag_text {
border: 0px dotted;
width: 400px;
z-index:0;
text-indent: 0px;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#7c7c7c;
font-size: 12px;
line-height: 1;
}
.select_tag_text_attention {
border: 0px dotted;
width: 440px;
z-index: 0;
text-indent: 2px;
text-align:left;
font-family: "Arial", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: none;
color:#7c7c7c;
font-size: 12px;
line-height: 1;
}
.text_modal_table_class {
border: 0px solid;
color:#7c7c7c;
width: 280px;
height: 90px;
text-align:left;
vertical-align:text-top;
}
.select_tag_text_modal {
border: 0px dotted;
width: 260px;
z-index:0;
text-indent: 0px;
text-align:left;
vertical-align:top;
font-family: "Helvetica", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: none;
color:#333333;
font-size: 13px;
line-height: 1.3;
}
.select_tag_text_modal_file {
border: 0px dotted;
width: 260px;
z-index:0;
text-indent: 0px;
text-align:left;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#333333;
font-size: 12px;
line-height: 1;
}
.display_tag_text2 {
border: 0px dotted;
z-index:0;
text-indent: 0px;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#7c7c7c;
font-size: 12px;
line-height: 1;
}
.select_tag_text2 {
border: 0px dotted;
width: 400px;
z-index:0;
text-indent: 0px;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color:#7c7c7c;
font-size: 12px;
line-height: 1;
}
.select_tag_text_top {
width: 400px;
z-index:0;
text-indent: 10px;
margin: 0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
color:#7c7c7c;
font-size: 12px;
line-height: 1;
}
.select_tag_text_blue {
width: 93px;
z-index:0;
margin: 0;
text-align:right;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
text-decoration: underline;
color:#026DD9;
font-size: 12px;
line-height: 1;
}
.delete_tag_text_blue {
width: 48px;
z-index:0;
margin: 0;
text-align:right;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
text-decoration: underline;
color:#00539B;
font-size: 12px;
line-height: 1;
}
.rename_tag_text_blue {
width: 54px;
z-index:0;
margin: 0;
text-align:right;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
text-decoration: underline;
color:#00539B;
font-size: 12px;
line-height: 1;
}
.rename_tag_text_blue1 {
width: 42px;
z-index:0;
margin: 0;
text-align:right;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
text-decoration: underline;
color:#026DD9;
font-size: 12px;
line-height: 1;
}
.unlink_tag_text_blue1 {
width: 32px;
z-index:0;
margin: 0;
text-align:right;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
text-decoration: underline;
color:#026DD9;
font-size: 12px;
line-height: 1;
}
.clear_tag_text_blue1 {
width: 26px;
z-index:0;
margin: 0;
text-align:right;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
text-decoration: underline;
color:#026DD9;
font-size: 12px;
line-height: 1;
}
.delete_tag_image {
width: 18px;
z-index:0;
margin: 0;
text-align:right;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
text-decoration: underline;
color:#00539B;
font-size: 12px;
line-height: 1;
}
.wait_text_4 {
border: 0px dotted;
width: 86px;
text-indent: 20px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#243A64;
font-size: 16px;
line-height: 1.3;
}
.select_file_text_2 {
border: 0px dotted;
width: 310px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#333333;
font-size: 18px;
line-height: 1.1;
}
.select_file_text_2a {
border: 0px dotted;
width: 260px;
text-indent: 0px;
z-index:5;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#333333;
font-size: 18px;
line-height: 1.1;
}
.select_file_text_modal {
border: 0px dotted;
width: 235px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#333333;
font-size: 18px;
line-height: 1.1;
}
.select_file_text_close {
border: 0px dotted;
width: 20px;
text-indent: 0px;
z-index:0;
text-align:right;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
font-size: 22px;
line-height: 1.1;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.4;
filter: alpha(opacity=40);
}
.info_button_close {
border: 0px dotted;
width: 25px;
text-indent: 0px;
z-index:0;
text-align:right;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
font-size: 40px;
line-height: 1.1;
line-height: 20px;
color: #0c3d8c;
}
.select_file_text_3 {
border: 0px dotted;
width: 200px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#333333;
font-size: 24px;
line-height: 1.1;
}
.info_button_text_1 {
border: 0px dotted;
width: 200px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#0c3d8c;
font-size: 24px;
line-height: 1.1;
}
.info_button_text_1_center {
border: 0px dotted;
text-indent: 0px;
z-index:0;
text-align:center;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#0c3d8c;
font-size: 24px;
line-height: 1.1;
}
.info_button_text_2 {
border: 0px dotted;
width: 200px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#666666;
font-size: 18px;
line-height: 1.1;
}
.info_button_text_2_center {
border: 0px dotted;
text-indent: 0px;
z-index:0;
text-align:center;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#666666;
font-size: 18px;
line-height: 1.1;
}
.info_button_text_3 {
border: 0px dotted;
width: 350px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#666666;
font-size: 12px;
line-height: 1.1;
}
.info_button_text_3_center {
border: 0px dotted;
text-indent: 0px;
z-index:0;
text-align:center;
font-family: "Arial", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#666666;
font-size: 12px;
line-height: 1.1;
}
.select_file_text_5 {
cursor:default;
border: 0px dotted;
width: 380px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#333333;
font-size: 24px;
line-height: 1.1;
}
.select_file_text_6 {
cursor:default;
border: 0px dotted;
width: 200px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#333333;
font-size: 24px;
line-height: 1.1;
}
.header_text_3 {
cursor:default;
border: 0px dotted;
width: 120px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color:#333333;
font-size: 18px;
line-height: 1.1;
}
.select_file_text_4 {
border: 0px dotted;
width: 120px;
text-indent: 0px;
z-index:0;
text-align:left;
font-family: "ArialMT", Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color:#333333;
font-size: 18px;
line-height: 1.1;
}
.select_tag_text_red {
width:
z-index:0;
margin: 0 auto;
text-align:left;
font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
text-decoration: none;
color:#FF0000;
font-size: 11px;
line-height: 1;
}
.header_file_select
{
font-family: Verdana, Geneva, sans-serif;
font-size: 11pt;
font-weight: bold;
margin: 0;
margin-top:-10px;
}
.dropdown
{
font-family: "Arial-BoldMT", Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
margin: 0;
margin-top:0px;
}
.horizontal_dotted_line
{
border-bottom: 1px dotted;
color:#a8a8a8;
width: 530px;
margin-top: 6px;
}
.horizontal_line
{
border-bottom: 2px solid;
color:#DDDDDD;
width: 530px;
margin-top: 6px;
}
.horizontal_line_yellow
{
border-bottom: 2px solid;
color:#DDDDDD;
width: 530px;
margin-top: 0px;
background: #FFFF99;
}
.horizontal_modal_line
{
border-bottom: 1px solid;
color:#DDDDDD;
width: 280px;
margin-top: 2px;
}
#overlay_form{
position: absolute;
border: 5px solid gray;
padding: 10px;
background: white;
width: 180px;
height: 70px;
}
#delete_form{
position: absolute;
border: 1px solid black;
border-radius:3px;
padding: 5px;
background: white;
width: 280px;
height: 160px;
z-index: 500;
}
#unlink_form{
position: absolute;
border: 1px solid black;
border-radius:3px;
padding: 5px;
background: white;
width: 280px;
height: 160px;
z-index: 500;
}
#clear_form{
position: absolute;
border: 1px solid black;
border-radius:3px;
padding: 5px;
background: white;
width: 280px;
height: 160px;
z-index: 500;
}
#overlay_form_index{
position: absolute;
border: 5px solid gray;
padding: 10px;
background: white;
width: 150px;
height: 70px;
}
#overlay_wait_for_save{
position: absolute;
border: 0px solid gray;
padding: 0px;
background: green;
width: 1px;
height:1px;
}
#pop{
display: block;
border: 1px solid gray;
width: 65px;
text-align: center;
padding: 6px;
border-radius: 5px;
text-decoration: none;
margin: 0 auto;
}
/*
* Dropdown Menu Scrolling -- Reference URL: http://www.eichefam.net/?p=4395
*/
.dropdown-menu {
max-height: 400px; // Adjust value to optimize for iPad landscape display -- Q. Make dynamic? Browser-specific?
overflow: hidden;
overflow-y: auto;
}
a.dropdown-toggle {
position: relative;
}
a.dropdown-toggle::before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCC;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -2px;
right: 7px;
display: none;
}
a.dropdown-toggle::after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -2px;
right: 8px;
z-index: 1001;
display: none;
}
.open > a.dropdown-toggle::before,
.open > a.dropdown-toggle::after {
display: block;
}