body { color: black; font-family: arial,sans-serif; font-size: 11px; padding:0px; margin:0px; } .blockTitle { padding: 5px; font-size: 13px; font-weight: bold; width:300px; } .options { overflow: auto; padding:0px; } .optionsInput { width:315px; } .localization { overflow: auto; } .path { overflow: auto; width: 320px; } .map { position: absolute; top: 0px; left: 0px; height:768px; width:1024px; background-color: transparent; } .tabs { float: left; height:760px; width:350px; background-color: #FFFFFF; z-index: 999; overflow: auto; } .openBar { float: left; width:32px; height:760px; vertical-align:middle; z-index: 999; background-color: transparent; } .divimg { vertical-align: middle; position:relative; z-index: 1000; top:0%; } .legend { } .kd-button { display: inline-block; min-width: 54px; border: 1px solid gainsboro; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; color: #444; font-size: 90%; font-weight: bold; height: 27px; padding: 0 8px; line-height: 27px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; background-color: whiteSmoke; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); border-image: initial; } .kd-button:hover { border:1px solid #c6c6c6; color:#333; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color:#f8f8f8; background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1); text-decoration:none; } .kd-button-left { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .kd-button-mid { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .kd-button-right { margin-left: -1px; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .kd-button.selected { background-color: #EEE; background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0)); background-image: -webkit-linear-gradient(top,#eee,#e0e0e0); background-image: -moz-linear-gradient(top,#eee,#e0e0e0); background-image: -ms-linear-gradient(top,#eee,#e0e0e0); background-image: -o-linear-gradient(top,#eee,#e0e0e0); background-image: linear-gradient(top,#eee,#e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',EndColorStr='#e0e0e0'); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); border: 1px solid #CCC; color: #333; border-image: initial; } .kd-buttonbar .kd-button { float: left; margin: 0; margin-left: 16px; position: relative; /*z-index: 1;*/ } .kd-button img { vertical-align: middle; } .dir-tm { direction: ltr; zoom: 1; margin: 0 0px 0 0px; } .kd-buttonbar { overflow: hidden; padding: 0px; } a, .kd-button a { outline: none; color: black; text-decoration: none; } a:visited { color: #61C; } a:-webkit-any-link { outline: none; color: black; text-decoration: none; cursor: auto; }