html, body { height: 100%; margin: 0; }
body { min-width: 980px; font-family: Verdana, Arial, sans-serif; }
* { -webkit-text-size-adjust: none; transition: height 0.5s ease; }
a { color: inherit; }
#debout { display: none; font-size: 10px; position: fixed; left: 0; top: 0; width: 200px; height: 25px; color: #FFFFFF; text-align: left; } 
.clicable { cursor: pointer; }

.allpan { height: 100%; width: 100%; background-color: #D8D8D8; margin: 0; padding: 0; }
.centred { width: 300px; padding: 10px; margin: auto; }
.logcontainer { background: #FFFFFF; }
.prelog { height:40%; }
.admink { font-size: 0.8em; }
.admink input, .admink select, .admink textarea { margin: 2px 8px 2px 8px; }
.admink input[type=button] { font-size: 1.1em; color: #FFFFFF; border: #FFFFFF 1px solid; font-weight: bold; padding: 3px 20px 4px 20px; background-color: #56ACE8; border-radius: 2px; }

.leftcol { height: 100%; width: 660px; float: left; }
.maincol { height: 100%; width: calc(100% - 660px); float: right; }
.toolpan { height: 30px; background-color: #56ACE8; }
.gennav { height: 400px; overflow: auto; background-color: #E0F2FF; }
.genprop { height: calc(100% - 430px); overflow: auto; background-color: #E2FFE0; }
.mainview { height: calc(100% - 280px); overflow: auto; background-color: #FBFFE0; }
.addview { height: 250px; overflow: auto; background-color: #FFF4E0; }
.toolpan img { margin: 2px; cursor: pointer; }

.list th { background-color: #156FAD; color: #FFFFFF; text-align: center; padding: 1px 2px; }
.list td { padding: 1px 2px; }
.list .even { background-color: #FFFFFF; }
.list td.truncated { white-space: nowrap; overflow: hidden; }

.container { margin: 12px; }
.container .small { font-size: 0.8em; }

.innavigation { font-size: 0.8em; color: #404040; padding: 0 0 8px 0; }
.innavigation span { padding: 0 4px 0 12px; }
.innavigation a { font-weight: bold; }
.innavigation img { width: 24px; height: 24px; float: right; margin: 0px 0px 0px 8px; cursor: pointer; }
img.icon { width: 16px; height: 16px; cursor: pointer; }

.clickable { cursor: pointer; }
.colnavigation { max-width: 50px; float: right ; }
.colnavigation img { width: 24px; height: 24px; margin: 0 0 4px 4px; float: right ; cursor: pointer; }

td.w250 { width: 250px; }
.submitholder { padding:12px 0 8px 0; }

.propertyform .form td { font-size: 0.7em; padding: 1px 6px; }
.propertyform table { width: 550px; }
.propertyform form { max-width: 550px; }
.propertyform .form input, .propertyform .form td textarea, .propertyform .form td select { max-width: 360px; font-size: 1.1em; }
.propertyform .form input[type=button] { font-size: 1.1em; color: #FFFFFF; border: #FFFFFF 1px solid; font-weight: bold; background-color: #56ACE8; border-radius: 3px; padding: 2px 16px 2px 16px; }
.propertyform .submitholder { padding:4px 0 2px 0; }

.multicon { overflow: auto; font-size: 0.6em; padding: 4px; }
.mcholder { float: left; display: inline; width: auto; margin: 0 16px 0 0; }
.chkholder { float: left; display: inline; width: auto; margin: 0 4px 0 0; }
.mcholder span, .chkholder span { padding-right: 4px; }
.mcholder input { margin: 1px 0 0 0; float: right; }
.chkholder input { margin: 1px 0 0 0; float: left; }

#ajformholder form { margin: 0; }
#ajformholder td { font-size: 0.9em; }
#ajformholder .submitholder { padding: 8px 0 0 0; }
#ajformholder .submitholder input[type=button] { font-size: 1.0em; color: #FFFFFF; border: #FFFFFF 1px solid; font-weight: bold; padding: 4px 20px 4px 20px; background-color: #56ACE8; border-radius: 4px; }

textarea#_feedoption, textarea#_fobjoption, textarea#_itemoption { width: 100%; height: 64px; }
select#_defobj { max-width: 364px; }
.insrcprops { font-size: 0.8em; }

.knitemlist td { padding: 1px 4px; }
.knitemlist .small { font-size: 0.9em !important; }
.knitemlist .xmall { font-size: 0.75em !important; }
.knitemlist .textholder { display: none; line-height: 0.9em; background-color: #EAEAEA; color: #484848; padding: 4px 1px; }

.addview { font-size: 0.7em !important; }
#capt_feedoption, #capt_fobjoption, #capt_itemoption { text-decoration:underline; cursor:pointer; }
.wideform { font-size: 0.8em; }	
.wideform textarea { width:100%; height: 210px; }	
.wideform textarea.medium { height: 110px; }	
.wideform input[type=button] { font-size: 1.1em; color: #FFFFFF; border: #FFFFFF 1px solid; font-weight: bold; background-color: #56ACE8; border-radius: 3px; padding: 2px 16px 2px 16px; }
.xedoption { margin: 0; width: 100%; }
.admink .srcname { font-size: 0.9em; }

#gindicator { float: right; color: #FFFFFF; font-weight: bold; padding: 4px 8px; }

.log .even { background-color: #FFFFFF; }
.logline { font-size: 0.7em; white-space:nowrap; }
.logline div { display: block; float:left; padding: 0 4px 1px 0; color: #A0A0A0; width: 48px; text-align: right; font-size: 0.8em; }

td.lcom { width: 20px; }
img.lcom, td.lcom img { border: none; height: 16px; width: 16px; cursor: pointer; margin: 2px; }

#graph_map { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: white; z-index:1;}
#graph_panel { position: absolute; top: 0; right: 0;  z-index:2;}
.user_tool {
    width: 30px;
    height: 30px;
    background: #2d76ff;
    border-radius: 30px;
    margin: 10px 10px 15px 0px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    color: white;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
#add_unit, #set_unit {
    position: absolute;
    width: 300px;
    z-index: 3;
    background: white;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
    top: 60px;
    left: calc(50% - 150px);
	display: none;
}
#add_unit > span, #set_unit > span {
    margin: 20px;
    display: block;
	width: 180px;
}
input#srch_input {
    margin-left: 20px;
    width: calc(100% - 40px);
    height: 30px;
    padding: 0px 10px;
    border: 1px solid gainsboro;
    border-radius: 4px;
}
[_radio] {
    margin: 20px;
}
[_radio] > span {
    font-size: 12px;
    margin-left: 15px;
    display: inline-block;
    width: 200px;
    vertical-align: top;
}
[_button] {
    margin: 0px 0px 20px 20px;
    line-height: 30px;
    padding: 0px 10px;
    background: #38B331;
    display: inline-block;
    color: white;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
}
[_delete] {
	background: #B33131;
}
.close {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0.3;
    cursor: pointer;
}
.close:hover {
    opacity: 0.9;
}

.list th.navigate {
  text-align: left;
  cursor: pointer;
}

.tool h3 { font-size: 15px; color: #808080; margin: 12px 0 8px 0; }
.tool div.wordindex { display: inline; width: auto; font-size: 13px; margin: 0 8px 1px 0; }
.tool div.wordindex a { text-decoration: none; color: #0080A0; }
.tool div.wordindex a:hover { text-decoration: underline; color: #7070A0; }

.tool div.wordtag { width: 200px; font-size: 12px; float: left; }
.tool div.wordtag a { text-decoration: none; color: #000000; }
.tool div.wordtag a:hover { text-decoration: underline; color: #7070A0; }
.tool div.wordtag img { width: 12px; height: 12px; }
.tool div#tagholder { width: 100%; }
.tool div.addopt { width: 100%; float: none; }

.tool input.intag { margin: 2px 2px 1px 2px !important; }