@charset "UTF-8";

/* v\:* {behavior:url(#default#VML); } */
html, body { width: 100%; height: 100% }
body { margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em }

a:active, a:focus { outline: 0; }

#header { margin: 0px; padding: 0px; height: 54px; background: url(../img/bg_header.png) top left repeat-x; position: absolute; z-index: 99; top: 0; left: 0; right: 0; }
#header .logo { width: 142px; height: 37px; background: url(../img/logo_maplab.png); text-indent: -9999px; margin: 8px 0 0 55px; float: left; }

#right-corner { float: right; }
#right-corner ul { margin: 12px 6px 0 0; padding: 0px; }
#right-corner ul li { display: inline; }
#right-corner ul li a { display: block; float: left; height: 28px; background: url(../img/bg_menu.png) top left no-repeat; margin: 0 4px 0 0; font-size: 14px; color: #fff; text-decoration: none; font-weight: 700; }
#right-corner ul li a .inner { display: block; height: 22px; background: url(../img/bg_menu.png) top right no-repeat; margin: 0 0 0 12px; padding: 6px 12px 0 0; text-shadow: 0px 1px 0px #363636; filter: dropshadow(color=#363636, offx=0, offy=1); }
#right-corner ul li a:hover { display: block; float: left; background: url(../img/bg_menu.png) bottom left no-repeat; margin: 0 4px 0 0; font-size: 14px; color: #fff; text-decoration: none; font-weight: 700; }
#right-corner ul li a:hover .inner { display: block; height: 21px; background: url(../img/bg_menu.png) bottom right no-repeat; margin: 0 0 0 12px; padding: 7px 12px 0 0; text-shadow: none; filter: dropshadow(color=#363636, offx=0, offy=0); }
#right-corner ul li a .inner .txt { display: block; float: left; }
#right-corner ul li a .inner .jewel { display: block; width: 30px; height: 18px; float: right; padding: 3px 0 0 0; margin: -3px -9px 0 4px; text-align: center; background: url(../img/bg_menu_jewel.png) top right no-repeat; text-shadow: 0px -1px 0px #363636; filter: dropshadow(color=#363636, offx=0, offy=-1); font-weight: 300; }
#right-corner ul li a .inner .ico { display: block; width: 18px; height: 18px; float: right; text-align: center; margin: 0 -6px 0 0; background: url(../img/ico_mmenu_arr.png); float: right; }

.droplist { width: 253px; position: absolute; z-index: 99;}
.droplist .top { height: 29px; background: url(../img/bg_dropmenu.png) top left;  padding: 0px; border: 0px;}
.droplist .mid { background: url(../img/bg_dropmenu.png) top  center; overflow: hidden; padding: 0 13px; }
.droplist .bot { height: 13px; background: url(../img/bg_dropmenu.png) bottom right; }

#worklist { overflow: hidden; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#worklist ul { margin: 0; padding: 0; list-style: none; }
#worklist ul li { border-top: 1px solid #d9d9d9; height: 71px; }
#worklist ul li:hover { background: #f4feff; }
#worklist ul li a { color: #000; }
#worklist ul li a .ico { width: 17px; height: 17px; margin: 28px 0 0 10px; background: url(../img/icos_worklist.png) 0 -17px; float: left; }
#worklist ul li a .txt { float: left; width: 175px; padding: 10px; }
#worklist ul li a .txt .title { font-size: 14px; font-weight: 700; margin: 0 0 3px 0; }
#worklist ul li a .txt .descr { font-size: 12px; font-weight: 300; }
#worklist ul li a.done { color: #000; }
#worklist ul li a.done .ico { width: 17px; height: 17px; margin: 28px 0 0 10px; background: url(../img/icos_worklist.png) 0 0px; float: left; }
#worklist ul li a.done .txt { float: left; width: 175px; padding: 10px; }
#worklist ul li a.done .txt .title { font-size: 14px; font-weight: 700; margin: 0 0 3px 0; color: #666; }
#worklist ul li a.done .txt .descr { font-size: 12px; font-weight: 300; color: #999; }

#menulist { overflow: hidden; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#menulist ul { margin: 0; padding: 0; list-style: none; }
#menulist ul li { border-top: 1px solid #d9d9d9; overflow: hidden; }
#menulist ul li:hover { background: #f4feff; }
#menulist ul li a { color: #000; display: block; overflow: hidden; padding: 5px; }
#menulist ul li a .ico { width: 32px; height: 32px; margin: 0 0 0 0; background-image: url(../img/icos_menu.png); display: block; float: left; }
#menulist ul li a .txt { display: block; float: left; width: 155px; font-size: 14px; font-weight: 700; margin: 9px 0 0 7px; }
#menulist ul li a.settings .ico { background-position: 0 -32px; }
#menulist ul li a.users .ico { background-position: 0 -96px; }
#menulist ul li a.user .ico { background-position: 0 -64px; }
#menulist ul li a.exit .ico { background-position: 0 0; }

#loader { width: 156px; height: 46px; position: absolute; top: 0px; left: 50%; z-index: 98; background: url(../img/bg-ldr.png) top left no-repeat; margin: 0 0 0 -78px; }
#loader .ico { float: left; width: 24px; height: 24px; background: url(../img/loader.gif); margin: 13px 0 0 10px; }
#loader .txt { font-size: 12px; font-weight: 700; float: left; margin: 18px 0 0 8px; }

#data { top: 50px; bottom: 10px; position: absolute; padding: 0 0 5px 0; margin-left: 20px; }

/* jQuery UI style overrides */
.ui-widget { font-family: segoe ui,Arial,sans-serif; font-size: 0.8em; }


a.btn-login { display: block; float: left; background: url(../img/btn_login.png) top left; color: #fff; font-weight: 700; text-shadow: 0px 1px 0px #292929; filter: dropshadow(color=#292929, offx=0, offy=1); margin: 0 4px; text-decoration: none; }
a.btn-login .inner { display: block; float: left; height: 26px; background: url(../img/btn_login.png) top right; padding: 6px 10px 0 0; margin: 0 0 0 10px; }
a.btn-login:hover { display: block; float: left; background: url(../img/btn_login.png) center left; color: #fff; font-weight: 700; text-shadow: 0px 1px 0px #292929; filter: dropshadow(color=#292929, offx=0, offy=1); }
a.btn-login:hover .inner { display: block; float: left; height: 26px; background: url(../img/btn_login.png) center right; padding: 6px 10px 0 0; margin: 0 0 0 10px; }
a.btn-login:active { display: block; float: left; background: url(../img/btn_login.png) bottom left; color: #fff; font-weight: 700; text-shadow: 0px 1px 0px #292929; filter: dropshadow(color=#292929, offx=0, offy=1); }
a.btn-login:active .inner { display: block; float: left; height: 25px; background: url(../img/btn_login.png) bottom right; padding: 7px 10px 0 0; margin: 0 0 0 10px; }

/* LOGIN */
#login {}
#login .side { width: 300px; height: 100%; background: url(../img/bg_login_side.png) top left repeat-y; position: relative; }
#login .side .logo { width: 252px; height: 53px; background: url(../img/logo_login.png) top left no-repeat; text-indent: -9999px; position: absolute; top: 50%; right: 0px; margin: -29px 0 0 0; } 
#login .side .form { float: left; height: 60px; position: absolute; top: 50%; left: 320px; margin: -38px 0 0 0; width: 700px; }
#login .side .form .col { float: left; width: 230px; margin: 0 8px 0 0; }
#login .side .form .col label { float: left; padding: 4px 3px; font-size: 14px; font-weight: 700; }
#login .side .form .col input { clear: both; width: 230px; height: 27px; padding-left: 3px; border: none; background: url(../img/bg_srch_fld.png) bottom left no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; margin: 0 0 3px 0; } 
#login .side .form .col a { font-size: 14px; color: #666; margin: 3px 3px; }
#login .side .form .col a:hover { text-decoration: none; }
#login .side .form a.btn-login { margin: 22px 0 0 0; }
/* //LOGIN */

#sidebar { width: 249px; left: -237px; top: 50px; bottom: 35px; background: url(../img/bg_sidebar_bot.png) bottom right no-repeat; position: absolute; z-index: 90; padding: 0 0 15px 0; }

#sidebar .cont { width: 249px; height: 100%; background: url(../img/bg_sidebar.png) top right repeat-y; position: relative; }

#sidebar .cont .tools { width: 41px; height: 300px; position: absolute; top: 5px; left: 245px; }
#sidebar .cont .tools .toggle { width: 32px; height: 31px; background: url(../img/bg_toggle.png); padding: 8px 0 0 9px; }
#sidebar .cont .tools .toggle a.sbtoggle { display: block; width: 22px; text-indent: -9999px; height: 22px; background-image: url(../img/ico_sb_tog.png); }
#sidebar .cont .tools .toggle a.hid {  background-position: -22px 0; }
#sidebar .cont .tools .toggle a.hid:hover {  background-position: -22px -22px; }
#sidebar .cont .tools .toggle a.vis {  background-position: 0px 0; }
#sidebar .cont .tools .toggle a.vis:hover {  background-position: 0px -22px; }

#sidebar .cont .tools .buttons { }
#sidebar .cont .tools .buttons ul { list-style: none; margin: 0px; padding: 0px; }
#sidebar .cont .tools .buttons ul li { margin: 0 0 1px 3px; }
#sidebar .cont .tools .buttons ul li a { display: block; width: 34px; height: 34px; text-indent: -9999px; background-image: url(../img/icos_tools.png); }
#sidebar .cont .tools .buttons ul li.sep { background: url(../img/bg_tools_sep.png) no-repeat; height: 7px; }

#sidebar .cont .srch { padding: 10px 0 13px 7px; }
#sidebar .cont .srch input.fld { width: 230px; height: 27px; padding-left: 3px; border: none; background: url(../img/bg_srch_fld.png) top left no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
#sidebar .cont .srch input.focused { width: 230px; height: 27px; padding-left: 3px; border: none; background: url(../img/bg_srch_fld.png) bottom left no-repeat!important; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; }

#filters .filter {  }
#filters .filter .fltr-hd { width: 230px; height: 29px; background: url(../img/bg_fltr_hd.png); margin: 3px 0 0 7px; }
#filters .filter .fltr-hd .select-all { float: left; margin: 8px 0 0 6px; }
#filters .filter .fltr-hd .txt { font-size: 14px; font-weight: 700; float: left; margin: 0 0 0 6px; padding: 6px 0 0 0; height: 23px; width: 205px; }
#filters .filter .fltr-hd .txt:hover { text-decoration: underline; cursor: pointer; }
#filters .filter .fltr-hd .txt .ico { width: 16px; height: 16px; margin: 1px 6px 0 0; float: right; }
#filters .filter .fltr-cont { font-size: 14px; margin: 0 0 4px 0; display: none; }
#filters .filter .fltr-cont ul { list-style: none; margin: 4px 0 10px 0; padding: 0px; }
#filters .filter .fltr-cont ul li { overflow: hidden; margin: 0 0 0 9px; padding: 3px 0 3px 4px; }
#filters .filter .fltr-cont ul li .sel { float: left; margin: 2px 0 0 0; padding: 0; }
#filters .filter .fltr-cont ul li .ico { float: left; width: 16px; height: 16px; }
#search_res .ico { float: left; width: 16px; height: 16px; }

#canvas { width: 100%; height: 100% }
#map { width: 100%; height: 100%; overflow: hidden; position: relative;}
div.olControlPanZoomBar { position: absolute; top: 90px; right: 30px; }
div.olPopupCloseBox { background: url("img/close.gif") no-repeat; cursor: pointer; }
div.olControlMousePosition { bottom: 0.5em; right: 3px; display: block; position: absolute; font-family: Arial; font-size: smaller; }
div.olControlOverviewMapContainer { position: absolute; bottom: 5px; left: 5px; width: 217px; height: 130px; }
div.olControlOverviewMapElement { padding: 10px 10px 11px 11px; background-image: url("img/navitaust.png"); width: 196px; height: 109px; }
div.olControlOverviewMapExtentRectangle { border: 2px solid #FE4409; }
div.olControlOverviewMapMinimizeButton { left: 196px; bottom: 109px; cursor: pointer; cursor: hand; }
div.olControlOverviewMapMaximizeButton { left: -5px; bottom: -5px; cursor: pointer; cursor: hand; }
div.olControlAttribution { font-size: 10px; right: 3px; bottom: 0.5em; position: absolute; display: block; }

/* ICONS 16px */
.ic-pnt-rd { background: url(../img/ico_pointers.png) 0px 0px; }
.ic-pnt-l-bl { background: url(../img/ico_pointers.png) 0px -16px; }
.ic-pnt-l-gr { background: url(../img/ico_pointers.png) 0px -32px; }
.ic-pnt-or { background: url(../img/ico_pointers.png) 0px -48px; }
.ic-pnt-blck { background: url(../img/ico_pointers.png) 0px -64px; }
/* //ICONS 16px */

/* TOOLS ICONS */
.ico-pan { background-position: 0 -34px; }
.ico-pan:hover { background-position: -34px -34px; }
.ico-pan-act { background-position: -68px -34px; }

.ico-zoom-in { background-position: 0 -102px; }
.ico-zoom-in:hover { background-position: -34px -102px; }
.ico-zoom-in-act { background-position: -68px -102px; }

.ico-zoom-out { background-position: 0 -136px; }
.ico-zoom-out:hover { background-position: -34px -136px; }
.ico-zoom-out-act { background-position: -68px -136px; }

.ico-zoom-out { background-position: 0 -136px; }
.ico-zoom-out:hover { background-position: -34px -136px; }
.ico-zoom-out-act { background-position: -68px -136px; }

.ico-pen { background-position: 0 0px; }
.ico-pen:hover { background-position: -34px 0px; }
.ico-pen-act { background-position: -68px 0px; }

.ico-area { background-position: 0 -306px; }
.ico-area:hover { background-position: -34px -306px; }
.ico-area-act { background-position: -68px -306px; }

.ico-line { background-position: 0 -340px; }
.ico-line:hover { background-position: -34px -340px; }
.ico-line-act { background-position: -68px -340px; }

.ico-ruler { background-position: 0 -238px; }
.ico-ruler:hover { background-position: -34px -238px; }
.ico-ruler-act { background-position: -68px -238px; }

.ico-clear { background-position: 0 -68px; }
.ico-clear:hover { background-position: -34px -68px; }
.ico-clear-act { background-position: -68px -68px; }

.ico-send { background-position: 0 -204px; }
.ico-send:hover { background-position: -34px -204px; }
.ico-send-act { background-position: -68px -204px; }

.ico-info { background-position: 0 -170px; }
.ico-info:hover { background-position: -34px -170px; }
.ico-info-act { background-position: -68px -170px; }

.ico-help { background-position: 0 -272px; }
.ico-help:hover { background-position: -34px -272px; }
.ico-help-act { background-position: -68px -272px; }

.ico-print { background-position: 0 -306px; }
.ico-print:hover { background-position: -34px -306px; }
.ico-print-act { background-position: -68px -306px; }

/* TOOLS ICONS */

/* FILTER COLLAPSE ICONS */
.fltr-hd .txt .fltr-collapsed { background:url(../img/filter_arrow.png) -16px 0; }
.fltr-hd:hover .txt .fltr-collapsed { background:url(../img/filter_arrow.png) -16px -16px; }
#search_res .fltr-collapsed { background:url(../img/filter_arrow.png) -16px 0; }

.fltr-hd .txt .fltr-expanded { background:url(../img/filter_arrow.png) 0px 0; }
.fltr-hd:hover .txt .fltr-expanded { background:url(../img/filter_arrow.png) 0px -16px; }
/* //FILTER COLLAPSE ICONS */