#mainview {
    background: #ccc;
    padding-top: 60px;
}

body {
    font-family: 'Gill Sans', Verdana, sans-serif;
    margin: 0;
}

#toolbar {
    font-family: Verdana, sans-serif;
}

#toolbar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    color: white;
    border-bottom: gray solid 1px;
    z-index: 10;
    opacity: 0.9;
    background: #1958b7;
}

#dlgEditorSettings {
    display: none;
    z-index: 7;
    position: absolute;
    top: 80px;
    left: 50px;
}

#dlgNodeProperties {
    display: none;
    z-index: 2;
    position: absolute;
    top: 100px;
    left: 100px;
}

#dlgTextEdit {
    display: none;
    z-index: 4;
    position: absolute;
    top: 150px;
    left: 150px;
}

#dlgLinkProperties {
    display: none;
    z-index: 3;
    position: absolute;
    top: 80px;
    left: 150px;
}

#dlgMapProperties {
    display: none;
    z-index: 1;
    position: absolute;
    top: 90px;
    left: 120px;
}

#dlgMapStyle {
    display: none;
    z-index: 1;
    position: absolute;
    top: 40px;
    left: 50px;
}

#dlgColours {
    display: none;
    z-index: 1;
    position: absolute;
    top: 140px;
    left: 90px;
}

#dlgImages {
    display: none;
    z-index: 1;
    position: absolute;
    top: 120px;
    left: 70px;
}

#dlgTextEdit textarea {
    padding: 3px;
}

/* some fudges for the Welcome screen*/
#dlgStart {
    z-index: 1;
    position: absolute;
    top: 90px;
    left: 60px;
    width: 600px;
}

#dlgStart .dlgBody ul {
    list-style: none;
}

#dlgStart .dlgBody ul a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

#existingdata {
    border: 0px;
}

#withjs {
    display: none;
/* to hide the page until our Javascript is running. Otherwise the whole thing fails really. */
}

#nojs {
    /*	border: 3px dashed red;
        background: #fee;
        padding: 5px; 
        /* the warning bit we'll show unless the javascript hides it */
    font-size: 80%;
    /* padding: 5px; */
    margin: 25px;
}

div.dlgTitlebar ul {
    float: right;
    font-size: 8pt;
    font-weight: bold;
    font-style: italic;
    white-space: nowrap;
}

div.dlgTitlebar ul li {
    display: inline;
}

a.dlgTitlebar {
    padding: 3px 3px;
    font-size: 8pt;
    font-weight: bold;
    font-style: italic;
    background: #aaa;
    color: #fff;
    text-decoration: none;
    padding: 3px;
    border: 1px white dotted;
    margin: 2px;
}

div.dlgTitlebar ul li a {
    float: right;
    padding: 3px 3px;
    background: #aaa;
    color: #fff;
    text-decoration: none;
    padding: 3px;
    border: 1px white dotted;
    margin: 2px;
    cursor: pointer;
}

a.dlgTitlebar {
    cursor: pointer;
}

div.dlgTitlebar ul li a:hover {
    color: #fff;
    background: #69c;
}

a.dlgTitlebar:hover {
    color: #fff;
    background: #69c;
}

#toolbar ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #fff;
    /*  background:#ccc;*/
    background: #1958b7;
/* margin-bottom: 10px; */
}

#toolbar ul li.tb_help {
    font-style: italic;
    padding: 2px;
}

#toolbar ul li {
    display: inline;
}

#toolbar ul li.tb_active {
    float: left;
    padding: 5px 10px;
    text-decoration: none;

    border-left: #508fc4 2px solid;
    border-right: #1958b7 2px solid;
    border-top: #508fc4 2px solid;
    border-bottom: #1958b7 2px solid;

    cursor: pointer;
    text-align: center;

    background: #2175bc;
    color: #fff;
}

#toolbar ul li.tb_coords {
    float: left;
    padding: 7px 12px;
    text-decoration: none;
    width: 70px;

    text-align: center;

    background: #1958b7;
    color: #fff;
}

#toolbar ul li.tb_active:hover {
    color: #fff;
    background: #2586d7;
}

.dlgProperties {
    width: 600px;
    background: #077;
    margin: 5px;
    font-size: 8pt;
    color: white;
}

.dlgBody {
    padding: 5px;
    font-size: 12pt;
}

.comment {
    font-style: italic;
    font-size: 80%;
}

.dlgHelp {
    font-size: 10pt;
    line-height: 12pt;
    background: #099;
    height: 48pt;
    padding: 5px;
}

.dlgTitlebar {
    font-size: 12pt;
    font-weight: bold;
    background: #099;
    padding-left: 5px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.debug {
    line-height: 2.5;
    margin: 10px;
    font-size: 70%;
    background: yellow;
    border: 1px dashed black;
    padding: 4px;
}

.debug input {
    font-size: 80%;
}

.debug h1 {
    font-size: 8pt;
    border-bottom: 1px solid grey;
    text-align: left;
}

.debug span {
    position: relative;
}

.debug span label {
    position: absolute;
    top: -1.5em;
    left: 0;
    font: bold 100%/ 1 sans-serif;
}

th {
    color: white;
    font-weight: bold;
    text-align: right;
    font-size: 8pt;
}

td {
    color: white;
    font-weight: normal;
    text-align: left;
    font-size: 8pt;
}

#xycapture {
    cursor: crosshair;
}

.alert {
    background: #fff6bf url(images/exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}

.fontsamples {
    height: 64px;
    width: 300px;
    overflow: auto;
}

.cactilink, .cactinode {
    white-space: nowrap;
}

#item_configtext {
    overflow: scroll;
    white-space: nowrap;
}