@charset "utf-8";
/* CSS Document */

@import url(apps-default.css);
@import url(apps-css3.css);
@import url(jquery.mCustomScrollbar.css);
@import url(animate.min.css) screen;
@import url(jquery.onebyone.css) screen;
@import url(gHome.css) screen;

/***************/

body,html,h1,h2,h3,h4,h5,p,span,div,ul,li { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
body,html,div,ul,li,span {font-size:12px;font-weight:normal;}

h1 { font-size:30px;}
h2 { font-size:24px}
h3 { font-size:16px}
h4 { font-size:12px}
h5 { font-size:11px}

a { text-decoration:none;}

.left { float:left;}
.right { float:right;}
.clear {clear:both; }

.clearfix {display: block; margin-top:0px;}
.clearfix::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
.clearfix12 {display: block; margin-top:12px;}
.clearfix12::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
.clearfix24 {display: block; margin-top:24px;}
.clearfix24::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }

.wrap { width:100%; clear:both;}

/******************/
.icon-24 {width:24px; height:24px; display:inline-block;}
.icon-16 {width:16px; height:16px; display:inline-block;}
.icon-32 {width:32px; height:32px; display:inline-block;}
#headerTabControl .icon-24{ background-image:url(../../images/menu-tab-icon-24x24.png); background-repeat:no-repeat;}
#headerTabControl .opt-1 { background-position:-48px 0px;}
#headerTabControl .opt-2 { background-position:-72px 0px;}
#headerTabControl .opt-3 { background-position:-96px 0px;}
#headerTabControl .opt-4 { background-position:-144px 0px;}
#headerTabControl a:hover .icon-24,#headerTabControl .selected .icon-24 { background-image:url(../../images/menu-tab-icon-active-24x24.png); background-repeat:no-repeat;}
#headerTabControl .headerBottomControl { background:url(../../images/Toolbar-bt-down.png) no-repeat center;width:24px; height:15px;}
#headerTabControl a:hover .headerBottomControl,#headerTabControl .selected .headerBottomControl { background:url(../../images/Toolbar-bt-up.png) no-repeat center;width:24px; height:15px;}
#headerTabControl .items .item #editorControlControlClick.selected,#headerTabControl .items .item #editorControlControlClick:hover { background:url(../../images/square-trans.png)}

/******************/
#bd { background:url(../../images/body.png); width:100%;}
#header {position:relative; z-index:9; background:url(../../images/header-bg-blue.png); height:100px;}
.gHome #header {height:72px;}
#leftWrap { width:350px; position:absolute; z-index:8;top:104px;left:3px; bottom:0px; right:0px;overflow:hidden; background:url(../../images/noise.white.png);}
#leftWrap {border:1px solid #ccc;}
#rightWrap { left:358px; width:auto; display:block; position:absolute; z-index:8;top:104px;bottom:0px; right:3px;overflow:hidden; background:url(../../images/noise.white.png);}
#rightWrap {border:1px solid #ccc;}

#topmenu .items{ list-style:none; height:20px;}
#topmenu .item { display:inline; float:left;padding:2px 12px;}
#topmenu .item a { color:#b6b6b6; font-weight:bold;}
#topmenu .item a:hover,
#topmenu .item .color-current-page { color:#FFF;}
#topmenu .sf-menu {float:left;}
#topmenu .sf-menu, .sf-menu * { margin:5px 0 0 0!important;}
#topmenu .sf-menu li {padding:0 12px;}
#topmenu .sf-menu li .navbar-text {font-weight:bold;}
#topmenu .sf-menu li .color-current-page {font-weight:bold;}
#topmenu .topnavitem { margin:3px 0 0 0;}
#topmenu .welcomeText { display:inline-block;}
#topmenu .welcomeText .sitelink {color:#f28056!important;}
#header .AspNet-Menu-Horizontal { height:0px!important; width:auto!important;}

#headerControl,#infoControl { position:relative;z-index:9;}
#logo { position:absolute; background-image:url(../../images/logo-gLis.png); background-position:0px 0px; width:90px; height:56px; top:0px; left:0px;}
#logo.ghomeLogo { background-position:-65px 0px;}
#logoText {position:absolute;left:82px;top:23px; white-space: nowrap;}
#logoText h3 { font-family:'MyriadProCondensed', Arial, Helvetica, sans-serif!important; position:absolute;text-transform: uppercase; font-size:18px }
#search {position:absolute;left:350px; top:12px;}
#searchMiniTab { display:none; position:relative; left:90px;top:4px;opacity:0;}
#searchMiniTab .items { list-style:none;}
#searchMiniTab .items .item { display:inline-block;padding:0 6px 0 6px;}
#searchMiniTab .items .item h5 { color:#FFF;}
#searchMiniTab .items .item a:hover h5{ text-decoration:underline}
#searchTab { display:inline-block;}
#searchTab .items{ list-style:none; display:block;}
#searchTab .items .item { display:inline-block; padding: 0 12px 0 0;}
#searchTab .items .item span {color:#FFF;}
#searchTab .items .item a:hover span { font-weight:bold;}
#searchTab .items .item.selected{ background:url(../../images/arrow-white.png) no-repeat left center;padding-left:12px;}
#searchTab .items .item.selected span { font-weight:bold; background:#000 ;padding:2px 4px; color:#FFF; border-radius:3px;}

#forPlaceClick,#forSubjectClick,#forWhatWhere,#forPointName { display:none;z-index:12; position:relative;}
#forSubjectClick a {  display:inline-block; float:left;}
#forSubjectClick a span {display:inline-block;padding:8px 0px 7px 15px;}
#forWhatWhere .search-box,#forSubjectClick .search-box { width:288px!important; border:1px dashed #ccc!important;}
#forWhatWhere .search-box {width:200px!important; border:1px dashed #ccc!important;}
#forSubjectClick  #trig-click { background:url(../../images/search-marker.png) no-repeat -17px -25px; height:7px;width:11px; margin:11px 0 0 0px; cursor:pointer; display:inline-block;}
#forSubjectClick  #trig-click.selected { background:url(../../images/search-marker.png) no-repeat -17px 0px;}

#searchBox { border:1px solid #ccc; position:absolute; top:25px; left:0;z-index:12;}
#searchBox { width:500px; height:30px; background:#FFF;}
#searchBox {-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
#searchBox #trig-click { background:url(../../images/search-marker.png) no-repeat -17px -0px; height:7px;width:11px; margin:14px 0 0 4px;}
#searchBox #trig-click { background:url(../../images/search-marker.png) no-repeat -17px -25px; height:7px;width:11px; margin:11px 0 0 4px; cursor:pointer;}
#searchBox #trig-click.selected { background:url(../../images/search-marker.png) no-repeat -17px 0px; height:7px;width:11px; margin:11px 0 0 4px;}
#searchBox #search-marker { background-image:url(../../images/gMic-search-tools.png); background-repeat:no-repeat; height:24px; width:24px; margin:3px 0 0 6px;}
#searchBox.gmapMarker {background: url(../../images/arrow-searchresult-tools.png) no-repeat scroll 259px 50% #FFF; }
#searchBox.gmapMarker #search-marker { background-image:url(../../images/search-icon.png); background-repeat:no-repeat; height:24px; width:24px; margin:3px 0 0 6px;}
#searchBox.gViewerMarker #search-marker { background-image:url(../../images/gEditor-search-tools.png) ;background-repeat:no-repeat; height:24px; width:24px; margin:3px 0 0 6px;}
#searchBox #search-marker { background-position: 0px 0px;}
#searchBox #search-marker.selected {background-position: -24px 0px;}

#searchBox div{-webkit-transition: background 0.4s ease;-moz-transition: background  0.4s;-o-transition: color 0.4s ease;-ms-transition: background  0.4s ease;transition: background  0.4s ease;}
#searchBox .search-box {height:20px;width:430px;margin:4px 0 0 12px;padding:1px 6px; border:none; vertical-align:text-bottom;}
#header .search-bt { height:24px; width:24px;border-radius:50%; background:url(../../images/search-arrow.png) no-repeat center; border:2px solid #FFF;top: 27px;left: 510px;position: absolute;}
#header a:hover .search-bt { height:24px; width:24px;-webkit-border-radius:50%;background:#505050 url(../../images/search-arrow.png) no-repeat center; border:2px solid #ccc;left:515px;}
#header .search-bt {-webkit-transition: all 0.4s ease;-moz-transition: background 0.4s;-moz-transition: margin 0.4s;-o-transition: color 0.4s ease;-ms-transition: background  0.4s ease;transition: background  0.4s ease;}

.toolstipBox { position:absolute;top:35px;background:#FFF;display:inline-block;z-index:-1; display:none; opacity:0;left:45px; border:1px solid #ccc;border-top:none;}
.toolsTip-items {min-width:125px;}
.toolsTip-items,.toolsTip-items-ls {padding:3px 3px 12px 3px;display:inline-block;z-index:8; }
.toolsTip-items,.toolsTip-items-ls { ;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px; }
.toolsTip-items .toolsTip-lv2 {list-style:none; display:block;}
.toolsTip-items .toolsTip-lv2 li { padding:0 0px; display:block; overflow:hidden}
.toolsTip-items .toolsTip-lv2 li label {float:none!important;background:url(../../images/line-space-2.png) repeat-x bottom;padding:6px 0; display:block!important; overflow:hidden;}
.toolsTip-items .toolsTip-lv2 li h1 {margin:-2px 12px 0 0;}
.toolsTip-items .toolsTip-lv2 li a h4 {padding:4px 0px 0 0; font-weight:bold;}

.layerSubjectBox {position:absolute;top:0px; display:block;z-index:10; display:block; opacity:1;left:2px; border: 1px solid white;}
.layerSubjectBox .toolsTip-items-ls {width:490px;height:15px;}
.geoName-icon { background: url(../../images/gMic-search-tools.png) no-repeat 0 0;}
.layerSubject-icon { background:url(../../images/gMic-search-tools.png) no-repeat -24px 0;}

#headerPoweredBy  a{ background:url(../../images/powerby-map-active.png) no-repeat; opacity:0.2; width:80px; height:38px; position:fixed;
 right:-14px; z-index:9; top:61px;filter: alpha(opacity = 40);}
#headerPoweredBy  a:hover{ top:61px; right:0px; z-index:9; opacity:1;filter: alpha(opacity = 100);}

#headerTabControl { position:absolute;  display:inline-block; bottom:0px; left: 356px;top: 10px;
}
#headerTabControl .items .item { display:inline-block;padding:0 2px;}
#headerTabControl .items .item a {border-top-left-radius:2px;border-top-right-radius:2px; padding:8px 12px; display:block;}
#headerTabControl .items .item a .icon-24 { float:left;margin:-6px 8px 0 0;}
#headerTabControl .items .item a:hover,
#headerTabControl .items .item.selected a { background:url(../../images/noise.white.png);}
#headerTabControl .items .item #headerBottomControlClick.selected,#headerTabControl .items .item #headerBottomControlClick:hover { background:url(../../images/square-trans.png)}

#editorControl { position:relative; display:block; height:40px; background:url(../../images/noise.white.png );left:358px; top:40px;}
#editorControl .controlTools {display:block;padding-right:12px;}
#editorControl .largeButton .icon-24 { background-image:url(../../images/gEditor-icon-24x24.png.png); background-repeat:no-repeat;}

#editorControl .largeButton .addMap { background-position:0px 0px}
#editorControl .largeButton .addLayer { background-position:-24px 0px}
#editorControl .largeButton .removeLayer { background-position:-48px 0px}
#editorControl .largeButton .delete { background-position:-72px 0px}
#editorControl .largeButton .save { background-position:-96px 0px}
#editorControl .largeButton .group { background-position:-120px 0px}
#editorControl .largeButton .dataGroup { background-position:-144px 0px}

#editorControl .largeButton a:hover .addMap { background-position:0px -24px}
#editorControl .largeButton a:hover .addLayer { background-position:-24px -24px}
#editorControl .largeButton a:hover .removeLayer { background-position:-48px -24px}
#editorControl .largeButton a:hover .delete { background-position:-72px -24px}
#editorControl .largeButton a:hover .save { background-position:-96px -24px}
#editorControl .largeButton a:hover .group { background-position:-120px -24px}
#editorControl .largeButton a:hover .dataGroup { background-position:-144px -24px}


.controlTools .largeButton { display:inline-block;vertical-align: top; margin-top:3px;}
.controlTools .largeButton .item {display:inline-block;margin:0 0 0 12px;}

.controlTools .largeButton .item .popup {opacity: 0;filter:alpha(opacity=0);position:absolute; display:block;padding: 2px 4px 2px 4px; background:#505050; border-radius:2px;top:50px; z-index:10;}
.controlTools .largeButton .item .popup :after {content: "";display: block;background:url(../../images/arrow-button-popup.png) no-repeat; 
position:absolute; width:8px; height:8px; top:-8px; left:14px; }
.controlTools .largeButton .item h4 {text-align:center; margin:0px 0 0 0; font-weight:bold;}
.controlTools .largeButton .item a {position: relative;width: 32px;height: 32px;display: block; background-image:url(../../images/noise.white.png);border-radius:2px;border:1px solid #ccc;
}
.controlTools .largeButton .item a:hover {

}
.controlTools .largeButton .item a span { margin:4px 0 0 4px;}
.controlTools .largeButton .item  a:active { top: 2px; }

.controlTools .mediumButton { display:inline-block;vertical-align: top; margin-top:6px;}
.controlTools .mediumButton .item {display:inline-block;margin:0 0 0 12px;}

.controlTools .mediumButton .item .popup {position:absolute; display:block;padding: 2px 4px 2px 4px; background:#505050; border-radius:2px;opacity: 0;filter:alpha(opacity=0);top:62px;}
.controlTools .mediumButton .item .popup :after {content: "";display: block;background:url(../../images/arrow-button-popup.png) no-repeat; 
position:absolute; width:8px; height:8px; top:-8px; left:18px; }
.controlTools .mediumButton .item h4 {text-align:center; margin:0px 0 0 0; font-weight:bold;}
.controlTools .mediumButton .item a {position: relative;width: 30px;height: 30px;display: block;background-image:url(../../images/noise.white.png);border-radius:2px;border:1px solid #ccc;
}

.controlTools .mediumButton .item a span { margin:3px 0 0 3px;}
.controlTools .mediumButton .item  a:active { top: 2px; }


#geobiControl {position:relative; display:block; height:35px; background:url(../../images/noise.white.png );margin-top:6px;}
#geobiControl .littleButton .icon-16 { background-image:url(../../images/geobi-control-icon-16x16.png); background-repeat:no-repeat;}
#geobiControl .littleButton .icon-16.homr { background-position:0px 0px;}
#geobiControl .controlTools {margin-left:350px;}
.controlTools .littleButton { display:inline-block;vertical-align: top; margin-top:6px;}
.controlTools .littleButton .item {display:inline-block;margin:-12px 0 0 0; padding:0 6px;}
.controlTools .littleButton .item.selected { border-top:5px solid #f28056;}
.controlTools .littleButton .item h4 {text-align:center; margin:0px 0 0 0; font-weight:bold;}
.controlTools .littleButton .item a {position: relative;display:inline-block; padding: 12px 0;}
.controlTools .littleButton .item span { margin:0px 6px 0 0px;}

.controlTools .littleButton .item .popup {position:absolute; display:block;padding: 2px 4px 2px 4px; background:#505050; border-radius:2px;opacity: 0;filter:alpha(opacity=0);top:62px;}
.controlTools .littleButton .item .popup :after {content: "";display: block;background:url(../../images/arrow-button-popup.png) no-repeat; 
position:absolute; width:8px; height:8px; top:-8px; left:18px; }


/********gEditor*********/


/********gGeoBi*********/


/********gViewer*********/


/********gMap*********/