/* Vostan v0.2 */
/*
@font-face {
	font-family: VostanGrapalat;
	src: url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat.eot');
	src: url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat.eot?iefix') format('eot'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat.woff') format('woff'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat.ttf') format('truetype'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat.svg#webfont') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
	font-family: VostanGrapalat;
	src: url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Italic.eot');
	src: url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Italic.eot?iefix') format('eot'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Italic.woff') format('woff'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Italic.ttf') format('truetype'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Italic.svg#webfont') format('svg');
        font-weight: normal;
        font-style: italic;
}

@font-face {
	font-family: VostanGrapalat;
	src: url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Bold.eot');
	src: url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Bold.eot?iefix') format('eot'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Bold.woff') format('woff'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Bold.ttf') format('truetype'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-Bold.svg#webfont') format('svg');
        font-weight: bold;
        font-style: normal;
}

@font-face {
	font-family: VostanGrapalat;
	src: url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-BoldItalic.eot');
	src: url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-BoldItalic.eot?iefix') format('eot'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-BoldItalic.woff') format('woff'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-BoldItalic.ttf') format('truetype'),
         url('/proxy?url=http://ggg.leviathan.am/libs/assets/fonts/GHEAGrapalat-BoldItalic.svg#webfont') format('svg');
        font-weight: bold;
        font-style: italic;
}
*/

@font-face {
    font-family: VostanGrapalat;
    src: url('/db/get?id=6d0178c9-483f-41b6-95fc-c86c811c055b') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: VostanGrapalat;
    src: url('/db/get?id=4a1d3483-8d5e-4228-9a1e-110fbcc976a1') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: VostanGrapalat;
    src: url('/db/get?id=9a60decb-041f-476d-a984-a824c17691da') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: VostanGrapalat;
    src: url('/db/get?id=44869416-ba03-4e16-a6bb-57bb2b224c80') format('truetype');
    font-weight: bold;
    font-style: italic;
}
html, body {
    color: #333333;
    font-family: Lucida Sans, Lucida Grande, Arial, "Arian AMU", "Arial AMU", "GHEA Grapalat", Sylfaen, sans-serif, VostanGrapalat !important;
    font-size: 13px !important;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    }

body.wait, body.wait node {
    cursor: wait !important;
}

body.crosshair, body.crosshair node {
        cursor: crosshair !important
}

node {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    background-color: #FFFFFF;
    border: none;
    border: 2px #666666 solid;
    border-radius: 5px;
    cursor: auto;
}

node.leaf {
    cursor: pointer;
}

#v-map {
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    position: relative;
    background-color: transparent;
 /* background-color: #333; */
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
}

svg {                                                         
    width: inherit;
    height: inherit;                                          
}

node {
    padding: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    
}

node.node-proot .exp {
    background: url(/db/get?id=2747c5db-d2c2-42a4-970d-cb5afd85ae67) no-repeat scroll;
}

node.node-root .exp {
    background: url(/db/get?id=fa7e2e7f-e80e-4605-80d8-9e4434e98f00) no-repeat scroll;
}

node.node-proot .exp,
node.node-root .exp {
    width: 15px;
    height: 15px;
    background-size: 12px 12px;
}

node .view {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

node.node-t .view .img, 
node.node-t .view .info, 
node.node-nt .view .img, 
node.node-n .view .img, 
node.node-n .view .par, 
node.node-ni .view .par, 
node.node-i .view .info, 
node.node-i .view .par, 
node.node-it .view .info,
node.node-error .img, 
node.node-error .par,
node div.exp {
    display: none;
}

node .view .img {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

node .view .img img {
    width: 100%;
}

node .view .info {
    font-family: VostanGrapalat;
    min-height: 25px;
    min-width: 22px;
    overflow: hidden;
    position: absolute;
    color: #333;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.2em;
    text-align: center;
}

node .view .par .wrap {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

node .view .par {
    font-family: VostanGrapalat;
    position: absolute;
    font-size: 14px;
    overflow: auto;
    overflow-x: hidden;
}

node .view .par pre {
    overflow: auto; 
}

node div.tags {
    display: block;
    position: absolute;
    top: 2px;
    right: 4px;
    font-size: 9px;
}

.count {
    position: absolute;
    bottom: 2px;
    left: 5px;
    font-size: 0.5em;
}


node div.exp {
    position: absolute;
    bottom: 2px;
    right: 4px;
    font-size: 14px;
}

node.node-load {
    background: url(/db/get?id=79435cf5-79fe-4831-a7a7-dde2c046d3fa) no-repeat scroll 25% 25%;
    /*TODO: Set percented size */
    background-size: auto 16px;
    cursor: wait !important;
}

node.node-error {
    cursor: auto;
    border: 1px solid #f00;
}

node.node-error .info {
    font-size: 12px;
}

.ui-autocomplete {
    padding: 5px;
    max-width: 150px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-autocomplete li {
    background-color: #fff;
    border: 1px #666 solid;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

.query-nodes node {
    margin: 10px auto; 
}

.query-nodes {
    position: absolute;
    top: 37px;
    bottom: 15px;
    left: 5px;
    right: 5px;
    margin-right: 3px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.query-node .view img.query {
    width: 100%;
}

.query-node .view .info {
    display: table;
    min-height: 40px;
    min-width: 22px;
    top: 11px;
    left: 60px;
    right: 5px;
    bottom: 8px;
}

.query-node .view .info .title-box {
    vertical-align: middle;
    display: table-cell;
}

.query-node .view .info_query {
    left: 20%;
}

#v-domain-toggle, #v-port-toggle, #v-node-toggle {
    height: 15px;
}

#v-domain-toggle {
    width: 120px;
}

#v-port-toggle {
    width: 80px;
}

#v-node-toggle {
    width: 150px;
}

node.action .exp, node.more .exp {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

node.action .exp {
    right: 1px;
    bottom: 1px;
    background-image: url(/db/get?id=5c7e6076-d0f5-46a8-aaaa-e702a4a22d2f)
}

node.more .exp {
    width: 12px;
    height: 3px;
    right: 2px;
    bottom: 2px;
    background-image: url(/db/get?id=e1072179-765e-4fec-a0e1-5d7b8e2769f8)
}

.query-node .view .img {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 10%;
    left: 1%;
    width: 15%;
    height: 80%;
}

.query-node.grid-cell .view .img {
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#current-uri {
    font-style: italic;
    color: #C60;
    height: 20px;
    width: 270px;
    border-style: none;
}

#small-div,
#big-div {
    border: 1px solid #46804D;
    border-top: none;
    margin: 0;
    top: 0;
    padding: 0;
    position: absolute;
}

#small-div {
    width: 800px;
    height: 600px
}

#big-div {
    width: 1024px;
    height: 768px
}

#small-div p,
#big-div p {
    font-size: 13px;
    position: absolute;
    left: 5px;
    bottom: 0;
    margin: 2px
}

#small-div p {
    color: #46804D;
}

#big-div p {
    color: #999900;
}

#share {
        position : absolute;
        width : 90%;
        height : 25%;
        top : 50%;
        left : 5%;
        overflow : hidden;
        font-family: inherit;
        border: 1px solid #999999;
}