/** ОСНОВНИ **/
html, body { margin:0; padding:0; background:#ABCAE6; }
body { padding-bottom:0px; }
body, input, textarea, select, td, th { font-family:Verdana; font-size:8pt; }
#container { width:936px; height:500px; background:white; padding:5px; margin:0px auto 0px auto; border:1px solid gray; border-top:0; position:relative; }
#mapcanvas { width:934px; height:498px; margin:0; border:1px solid gray; }
#blend { position:absolute; top:0; left:0; background:black; z-index:2000; }
#popup { position:absolute; top:50%; left:50%; margin-left:-200px; width:400px; border:1px solid gray; background:#ebebeb; z-index:3000; }
.cls { height:1px; font-size:1px; line-height:1px; clear:both; }
/** BUTTONS **/
.btn { width:120px; height:22px; background:url("/_img/swfu_button2.jpg") left top no-repeat; margin:0; padding:0; border:0; cursor:pointer; text-decoration:none; text-align:center; text-indent:0; color:black; line-height:22px; font-family:verdana; font-size:10px; }
.btn:hover { background-position:left -22px; }
.btn_s { width:80px; height:22px; background:url("/_img/swfu_button2.jpg") right top no-repeat; margin:0; padding:0; border:0; cursor:pointer; text-decoration:none; text-align:center; text-indent:0; color:black; line-height:22px; font-family:verdana; font-size:10px; }
.btn_s:hover { background-position:right -22px; }
/** CHECKBOXES **/
.checkbox { text-decoration:none; color:#3B5998; display:block; margin:0; padding:0; line-height:16px; height:16px; }
.checkbox:hover { text-decoration:underline; }
.checkbox span { background:url("/_img/menu/check.gif") left top no-repeat; float:left; height:16px; width:16px; margin:0 4px 0 4px; overflow:hidden; display:inline; text-decoration:none !important; font-size:1px; line-height:1px; text-indent:-20px; _text-indent:0; }
.unchecked span { background-position:left top; }
.undetermined span { background-position:left -16px; }
.checked span { background-position:left -32px; }
.unchecked:hover span { background-position:right top; }
.undetermined:hover span { background-position:right -16px; }
.checked:hover span { background-position:right -32px; }
/** ДИЗАЙН **/
#m_container { margin:0 auto; width:990px; background:url("/_img/design/bg.png") center top repeat-y; }
#content { margin:0 22px; z-index:1; }
#head { height:100px; background:url("/_img/design/top.png") left -30px no-repeat; position:relative; margin-bottom:-35px; }
#head h1 { display:block; background:url("/_img/globe.png") right center no-repeat; margin:0; padding:0; letter-spacing:0; font-weight:bold; font-style:italic; font-family:georgia; font-size:32px; color:#0B32A4; width:300px; text-align:right; position:absolute; right:30px; line-height:50px; padding-right:20px; }
#head h1 span { font-size:12pt; color:#8b0000; position:absolute; right:3px; top:0px; height:16px; line-height:16px; padding:0; font-family:"Courier New"; text-transform:uppercase; font-style:normal; }
#head h1 em { font-size:12pt; color:white; font-style:italic; font-family:"Sergoe Print","Comic Sans"; position:absolute; right:3px; bottom:-10px; height:16px; line-height:16px; padding:0; font-weight:normal; }
#user { position:absolute; top:10px; left:20px; text-align:left; }
#user .lang { width:18px; height:14px; float:left; margin:1px 2px; display:inline; text-decoration:none; }
#user .bg { background:url("/_img/languages/bg.gif") center center no-repeat; }
#user .en { background:url("/_img/languages/uk.gif") center center no-repeat; }
#user .de { background:url("/_img/languages/de.gif") center center no-repeat; }
#user .ru { background:url("/_img/languages/ru.gif") center center no-repeat; }
#head ul { height:35px; margin:0; padding:0; list-style-type:none; position:absolute; bottom:32px; left:24px; overflow:hidden; z-index:2; }
#head ul li { float:left; line-height:30px; height:30px; border-right:1px solid #CCE1F6; border-left:1px solid #CCE1F6; background:url("/_img/design/menu.png") left top repeat-x; margin:2px 0 3px -1px; }
#head ul li a { display:block; _display:inline-block; height:30px; line-height:30px; padding:0 15px; font-weight:bold; color:black; text-decoration:none; margin:0; }
#head ul li.first a { background:url("/_img/design/fli.png") left top no-repeat; }
#head ul li.last a { background:url("/_img/design/lli.png") right top no-repeat; }
#head ul li.first { border-left:0; }
#head ul li.last { border-right:0; }
#head ul li.selected { height:35px; margin:0 0 0 0; border:0; }
#head ul li.selected a { height:35px; background:#7CA4BD; margin-top:3px; }
#head ul li.first a.selected { background:url("/_img/design/flis.png") left top no-repeat; margin-top:0; }
#head ul li.last a.selected { background:url("/_img/design/llis.png") left top no-repeat; margin-top:0; }
#content { background:white; position:relative; margin-bottom:-17px; }
#footer { min-height:10px; _height:10px; background:#ABCAE6 url("/_img/design/footer.png") left top no-repeat; padding-top:50px; text-align:center; }
#footer ins, #footer iframe { margin:0 auto; display:block; }
/** БАЛОН **/
#tip { z-index:500; display:none; position:absolute; bottom:0; left:0; width:300px; border:1px solid gray; height:auto; background:#FFFFDD; line-height:1.4em; padding:0.5em; -moz-border-radius:5px; }
#tip #addr { display:block; padding-right:20px; line-height:16px; text-transform:uppercase; margin-bottom:0.4em; }
#tip .arrow { position:absolute; bottom:-15px; left:15px; display:block; }
#tip .close { position:absolute; top:5px; right:5px; display:block; height:16px; width:16px; display:block; background:url('_img/bubble/close.png'); text-decoration:none; }
/** МЕНЮ **/
#menu { width:946px; height:30px; border:1px solid gray; border-bottom:0; margin:0px auto 0 auto; background:url("/_img/menu/mbg.jpg") left top repeat-x; padding:0; list-style-type:none; }
#menu li { height:100%; float:right; display:inline; padding:0 0 0 6px; margin:0 0 0 2px; }
#menu li.hover { background:url("/_img/menu/btn_l.jpg") left top no-repeat; }
#menu li.hover a { background:url("/_img/menu/btn_r.jpg") right top repeat-x; }
#menu li.down a { background:url("/_img/menu/btn_d_r.jpg") right top repeat-x; }
#menu li.down { background:url("/_img/menu/btn_d_l.jpg") left top no-repeat; }
#menu li.separator { height:20px; width:1px; float:gray; background:silver; border-right:1px solid silver; display:inline; padding:0 0 0 0; margin:5px 2px 5px 4px; font-size:1px; line-height:1px; }
#menu li a { display:inline-block; height:100%; line-height:28px; padding:0 12px 0 3px; text-decoration:none; color:white; }
html>body #menu li a { display:block; }
#menu li a img { float:left; border:0; margin:7px 5px 7px 0; }
#menu li.txt { width:180px; background:transparent; margin:0; padding:0; }
#menu li.txt, #menu #search { float:left; }
/** ПОЛЕ ЗА ТЪРСЕНЕ **/
#q { height:15px; padding:3px 2px 2px 24px; margin:4px 0 0 5px; width:140px; display:block; float:left; background:white url("/_img/menu/search.png") 5px center no-repeat; border:1px solid silver; font-size:10px; color:silver; /* font-style:italic; */ }
#country, #lists { height:22px; line-height:22px; padding-top:2px; margin:4px 0 0 5px; width:170px; display:block; float:left; border:1px solid silver; font-size:10px; }
#country option { line-height:22px; }
#q:hover, #q.focus { color:black; font-style:normal; }
#q, #country, #lists { opacity:0.9; -moz-border-radius:4px; }
#lists:focus { opacity:1; }
#q:focus { opacity:1; }
/** КАТЕГОРИИ **/
#menu #filter { float:right; margin-right:5px; }
ul.context { position:absolute; background:#f0f0f0 url("/_img/menu/context.jpg") 24px 0 repeat-y; border:1px solid #979797; list-style-type:none; top:-1px; right:-1px; width:160px; margin:0; padding:2px 0; display:none; }
ul.context li { padding:0; min-height:20px; _height:20px; line-height:20px; margin:0 2px; cursor:pointer; background:#f0f0f0 url("/_img/menu/context.jpg") 22px 0 repeat-y; font-weight:bold; }
ul.context li.separator { height:1px; min-height:1px; line-height:1px; font-size:1px; background:#ffffff; border-top:1px solid #e0e0e0; margin:2px 2px 2px 26px; cursor:auto; }
ul.context ul { list-style-type:none; margin:0; padding:0; background:transparent; }
ul.context ul li { margin-left:22px; background:transparent; font-weight:normal; }
/*
.context li a { text-decoration:none; color:black; display:block; margin:0; padding:0; line-height:20px; height:20px; }
.context li a span { background:url("/_img/menu/check.png") left top no-repeat; float:left; height:16px; width:16px; margin:2px 8px 0 4px; overflow:hidden; }
.context ul li a span { margin-right:4px; }
.context li a.unchecked span { background-position:left top; }
.context li a.undetermined span { background-position:left -16px; }
.context li a.checked span { background-position:left -32px; }
.context li p { margin:0 1em; }
*/
#filter ul.context { position:static; background:#F7F7F7 url("/_img/menu/context.jpg") 24px 0 repeat-y; border:0; list-style-type:none; width:auto; margin:0 5px; padding:0 0; display:block; }
#filter ul.context li { padding:0; min-height:20px; _height:20px; line-height:20px; margin:0 2px; cursor:pointer; background:#F7F7F7 url("/_img/menu/context.jpg") 22px 0 repeat-y; font-weight:bold; clear:none; border-top:0; border-bottom:0; clear:both; }
#filter ul.context li.separator { float:none; width:auto; height:1px; min-height:1px; line-height:1px; font-size:1px; background:#ffffff; border-top:1px solid #e0e0e0; margin:2px 2px 2px 2px; cursor:auto; border-bottom:0; clear:none; }
#filter ul.context ul { list-style-type:none; margin:0 0 0 22px; padding:0; background:transparent; overflow:auto; }
#filter ul.context ul li { clear:none; float:left; background:transparent; font-weight:normal; width:46%; overflow:hidden; padding:0; float:none; width:auto; }
#filter ul li a span.arrow { float:right; width:16px; height:16px; background:url('/_img/menu/down.png') center center no-repeat; }
#filter ul li a span.up { background-image:url('/_img/menu/up.png'); }
#filter #my_lists ul li { float:none; width:auto; }
#filter #custom_view ul li { float:none; width:auto; }
/*
#filter .context li a { text-decoration:none; color:black; display:block; margin:0; padding:0; line-height:20px; height:20px; white-space:nowrap; }
#filter .context li a span { background:url("/_img/menu/check.png") left top no-repeat; display:inline; float:left; height:16px; width:16px; margin:2px 8px 0 4px; overflow:hidden; }
#filter .context ul li a span { margin-right:4px; }
#filter .context li a.unchecked span { background-position:left top; }
#filter .context li a.undetermined span { background-position:left -16px; }
#filter .context li a.checked span { background-position:left -32px; }
#filter .context li p { margin:0 1em; }
*/
/*
ul.context li { padding:0; min-height:20px; _height:20px; line-height:20px; margin:0 2px; cursor:pointer; background:#f0f0f0 url("/_img/menu/context.jpg") 22px 0 repeat-y; }
ul.context li.separator { height:1px; min-height:1px; line-height:1px; font-size:1px; background:#ffffff; border-top:1px solid #e0e0e0; margin:2px 2px 2px 26px; cursor:auto; }
ul.context li input, ul.context li label { display:block; line-height:20px; cursor:pointer; }
ul.context li input, ul.context li img { float:left; margin:3px 10px 1px 3px; width:16px; height:16px; padding:0; }
ul.context li a { float:right; width:16px; height:16px; display:inline; margin:2px; background:url("/_img/menu/down.png"); text-decoration:none; }
ul.context li a.up { background-image:url("/_img/menu/up.png"); }
ul.context ul { list-style-type:none; padding:2px 0 5px 0; margin:0 0 0 24px; display:none; }
ul.context ul li { background:#f0f0f0; }
ul.context ul li.separator { margin-left:0; }
*/
/*
#filter #custom_view a span,
#filter #custom_view ul li a span { background:url("/_img/remove.png") left top no-repeat; }
*/
/** ФОРМА ВЪРХУ КАРТАТА **/
#map_form { display:block; width:240px; height:auto; border:1px solid gray; background:#F7F7F7; position:absolute; right:10px; top:10px; margin:0; padding:5px 0; z-index:100; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#filter { display:none; width:210px; height:auto; border:1px solid gray; background:#F7F7F7; position:absolute; right:10px; top:10px; margin:0; padding:5px 0; z-index:100; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#map_form .app fieldset { padding:2px; margin:2px 2px 0 2px; border:1px solid silver; }
#map_form .app legend { font-weight:bold; }
#map_form .app ul { list-style-type:none; margin:0; padding:0; }
#map_form .app li { clear:both; margin:0px 5px; border-top:1px solid #ffffff; border-bottom:1px solid #e0e0e0; line-height:16px; min-height:20px; padding:4px 0 0 0; }
#map_form .app li.first { border-top:0; }
#map_form .app li.last { border-bottom:0; }
#map_form .app label { float:left; width:30%; line-height:21px; }
#map_form .app input, #map_form select { float:right; width:60%; }
#map_form .app .reverse label, #map_form .reverse input { float:left; width:auto; }
#map_form .app textarea { width:95%; float:left; }
#map_form .app li .subm { float:left; width:80px; }
#map_form .app li .canc { float:right; width:80px; }
#map_form .app p { margin:0.5em; }
#map_form .title { font-weight:bold; padding:0 5px; margin:5px 0 0 0; }
#map_form .content { /* border-bottom:1px solid #E9E9E9; */ padding:0 5px 0 10px; margin:5px 0 0 0; overflow:auto; }
#map_form .app { display:none; }
#map_form .loading { display:none; background:url("/_img/ajax-loader.gif") center center no-repeat; height:30px; }
#map_form .apps ul { list-style-type:none; margin:0; padding:0; }
#map_form .apps li { float:left; width:48%; margin:0 0 2px 0; padding:0; overflow:hidden; }
#map_form .apps li.even { float:right; }
#map_form .apps li a { padding-left:20px; background-repeat:no-repeat; background-position:1px 3px; line-height:22px; display:block; color:#3B5998; text-decoration:none; float:left; white-space:nowrap; }
#map_form .apps li a:hover { text-decoration:underline; }
#map_form .apps li .app_picasa { background-image:url("/_img/menu/pictures.png" ); }
#map_form .apps li .app_trackme { background-image:url("/_img/menu/trackme.png"); }
#map_form .apps li .app_share { background-image:url("/_img/menu/email.png"); }
#map_form .apps li .app_route { background-image:url("/_img/menu/router.png"); }
#map_form .apps li .app_import { background-image:url("/_img/menu/import.png"); }
#map_form .apps li .app_add { background-image:url("/_img/menu/add.png"); }
/** ДОКУМЕНТ **/
#document { position:absolute; top:50%; left:50%; width:882px; margin-left:-441px; border:1px solid gray; background:#ebebeb; z-index:3000; margin-top:-50px; }
#document .data { width:876px; margin:2px 2px 2px 2px; padding:0; border:1px solid silver; background:white url("/_img/ajax-loader.gif") center center no-repeat; height:100px; }
html > body #document .data { margin-bottom:0; }
#document.small { width:402px; margin-left:-201px; }
#document.small .data { width:396px; }
#document .title { background:url('/_img/design/menu.png') left center repeat-x; color:white; font-weight:bold; line-height:2em; font-size:1.1em; text-align:left; padding:0 1em; }
#document p { margin:1em; line-height:1.4em; }
#document .latlng { font-style:italic; color:#8b0000; display:block; text-indent:22px; height:20px; line-height:20px; background:url('/_img/design/globe.png') 2px 2px no-repeat; margin:0.5em 1em 0 1em; }
#document .close { display:block; width:90px; height:21px; line-height:21px; margin:1em auto; text-decoration:none; background:url('/_img/design/button.gif') left top no-repeat; text-align:center; font-weight:bold; color:black; }
#document .comments { margin:1em; text-indent:22px; line-height:18px; background:url('/_img/design/comment.png') 2px 1px no-repeat; }
#document .comments * { text-indent:0px; line-height:auto; }
#document .comments ul { list-style-type:none; margin:1em 0 0 2em; padding:0; }
#document .comments li { margin-bottom:1.5em; }
#document .comments .author { display:block; font-weight:bold; text-indent:22px; height:20px; line-height:20px; color:black; background:url('/_img/design/user.png') 2px 2px no-repeat; }
#document .comments p { line-height:1.1em; color:#333; margin:0; }
#document .images { float:right; margin:2px 0 0 0; width:208px; overflow:hidden; position:relative; height:60px; border:1px solid silver; }
#document .images div.cnt { height:100px; position:absolute; left:22px; top:0; text-align:left; line-height:60px; color:gray; text-indent:16px; }
#document .images div.cnt .img { border:1px solid gray; width:50px; height:50px; padding:0; margin:4px 4px 0 0; display:inline; float:left; cursor:pointer; background-position:center center; background-repeat:no-repeat; }
#document .images .lft, #document .images .lft_d { position:absolute; height:60px; top:0; left:0; background:#ebebeb url("/_img/back.png") right center no-repeat; width:18px; cursor:pointer; }
#document .images .rgt, #document .images .rgt_d { position:absolute; height:60px; top:0; right:0; background:#ebebeb url("/_img/forward.png") left center no-repeat; width:18px; cursor:pointer; }
#document .images .lft_d { background-image:url("/_img/back_d.png"); }
#document .images .rgt_d { background-image:url("/_img/forward_d.png"); }
#document .images form { display:block; margin:1em 0 0 0; padding:0; clear:left; }
#document .images fieldset { border:1px solid gray; }
#document .images .submit { width:120px; display:block; margin:5px auto; }
#document #add_pic, #document object, #document .a { width:24px; height:24px; display:inline; margin:10px 4px; float:right; background:url("/_img/camera.png") center top no-repeat; clear:both; }
/** СИСТЕМА ЗА РЕЙТИНГ **/
#document .rating2 { font-size:0.8em; text-align:center; width:250px; margin:0 auto 10px auto; }
#document .rating { position:relative; height:25px; width:250px; background: url("/_img/design/alt_star.gif") top left repeat-x; margin:10px auto 0 auto; }
#document .rating * { position:absolute; left:0; top:0; height:25px; display:block; background-image:url("/_img/design/alt_star.gif"); background-repeat:repeat-x; }
#document .rating a { background:transparent; text-decoration:none; }
#document .rating .current { background-position:center left; }
#document .rating a:hover { background: url("/_img/design/alt_star.gif") bottom left repeat-x; }
span.latlng { background: url("/_img/design/globe.png") left center no-repeat; text-indent:18px; color:silver; font-style:italic; display:block; line-height:16px; }
span.rating, span.comment, span.pictures { display:inline; margin:0 0 0 10px; float:right; height:16px; line-height:16px; text-align:left; font-size:0.9em; text-indent:18px; }
span.rating { background: url("/_img/bubble/star.png") left center no-repeat; }
span.comment { background: url("/_img/bubble/info.png") left center no-repeat; }
span.pictures { background: url("/_img/bubble/pictures.png") center center no-repeat; }
#albums { height:250px; overflow:auto; background:white; border:1px solid gray; }
#albums a {
display:block;
height:34px;
background-position:1px 1px;
background-repeat:no-repeat;
text-indent:42px;
line-height:34px;
margin:2px 2px 0 2px;
border:1px solid silver;
background-color:#ebebeb;
font-weight:bold;
text-decoration:none;
color:black;
overflow:hidden;
}
#albums a:hover {
background-color:#aaa;
color:white;
}
a.button {
display:block;
margin:0 auto;
border:1px solid gray;
text-align:center;
text-decoration:none;
color:black;
}
#picasa_result {
margin:10px;
padding:0 0 2px 0;
border:1px solid silver;
height:200px;
overflow:auto;
background:white;
}
#timeline {
border:1px solid gray;
border-top:0;
background:#ebebeb;
padding:12px 0 0 0;
width:946px;
position:relative;
height:15px;
cursor:pointer;
font-size:0.8em;
}
#timeline span {
float:left;
text-align:center;
width:9.9%;
}
#timeline #prog_bg {
background:gray;
margin:0;
padding:0;
width:936px;
height:5px;
font-size:1px;
position:absolute;
left:5px;
top:5px;
}
#timeline #progress {
background:green;
margin:0;
padding:0;
width:926px;
height:7px;
font-size:1px;
position:absolute;
left:10px;
top:4px;
}
#user_page {
padding:1em 2em 0 2em;
}
#user_page label,
#user_page input {
display:block;
margin:0 auto;
width:250px;
}
#user_page input {
margin-bottom:1em;
}
/*** GRID ****/
.grid table {
border-collapse:collapse;
table-layout:fixed !important;
}
.grid table th,
.grid table td {
border:0;
margin:0;
padding:0;
text-indent:2px;
text-align:left;
font-size:10px;
overflow:hidden;
font-weight:normal;
vertical-align:middle;
white-space:nowrap !important;
}
.grid th.last,
.grid td.last {
border-right:0px none !important;
}
.grid .list,
.grid .header,
.grid .data {
width:100%;
}
.grid .header {
background:url("/_img/grid/th.jpg") left center repeat-x;
border-bottom:1px solid silver;
}
.grid .list {
overflow:auto;
overflow-x:hidden;
overflow-y:auto;
position:relative;
}
.grid .header th {
height:22px;
line-height:22px;
}
.grid .header th:hover,
.grid .header th.sort_asc:hover,
.grid .header th.sort_desc:hover {
height:22px;
background:url("/_img/grid/th_o.jpg") left center repeat-x;
}
.grid .header th.last:hover {
background:transparent;
}
.grid .header th.sort_asc,
.grid .header th.sort_desc {
background:url('/_img/grid/th_a.jpg') left center repeat-x;
}
.grid .header th a {
display:block;
height:22px;
color:black;
text-decoration:none;
line-height:22px;
white-space:nowrap;
font-weight:bold;
text-indent:0px;
padding-left:5px;
overflow:hidden;
}
.grid .header th.sort_asc a {
background:url('/_img/grid/sorted_up.gif') center 1px no-repeat;
}
.grid .header th.sort_desc a {
background:url('/_img/grid/sorted_down.gif') center 15px no-repeat;
}
.grid .header th a span.resizer,
.grid .header th a span.resizer_d {
display:block;
height:100%;
width:4px;
overflow:hidden;
float:right;
background:transparent;
border-right:1px solid silver;
cursor:e-resize;
position:relative;
}
.grid .header th a span.resizer_d {
cursor:pointer;
}
.grid .list tbody tr {
cursor:pointer;
height:20px;
overflow:hidden;
/* border:1px solid #ebebeb; */
}
.grid .list tr td a,
.grid .list tr td a:hover {
text-decoration:none;
color:black;
}
.grid div.list tr:hover td,
.grid div.list tr.hover td {
background:url('/_img/grid/tr_o.jpg') left top repeat-x;
}
.grid div.list tr.clicked td {
background:url('/_img/grid/tr_a.jpg') left top repeat-x;
}
.grid .list #error:hover td,
.grid .list #error.hover td {
background:transparent;
}
.grid .list td {
border:1px solid #efefef;
border-width:0 1px;
line-height:20px;
height:20px;
}
.grid .list thead {
height:1px;
font-size:1px;
line-height:1px;
border-color:transparent;
overflow:hidden;
}
.grid .list thead a {
display:none;
}
.grid .header th a {
font-weight:normal;
}
.grid img.icon {
/*float:left;
display:inline;
margin:2px 4px 0 1px;*/
display:block;
margin:0 auto 0 3px;
padding-top:0;
}
.grid .search {
background:lime;
}
.grid { border:1px solid gray; }
.grid tr.odd {
background:#f8f8f8;
}
.grid td.sorted {
background:#f8f8f8;
}
.grid tr.odd td.sorted {
background:#ebebeb;
}
#grid td.updated,
#grid td.created,
#grid td.added {
text-align:center;
}
#grid td.pois,
#grid td.comments,
#grid td.pictures,
#grid td.lists {
font-weight:bold;
text-align:right;
}
#paging {
background:#ebebeb;
text-align:center;
border:1px solid gray;
border-top:0;
height:26px;
line-height:26px;
}
#paging a { display:inline; margin:2px 10px; text-transform:uppercase; text-decoration:none; color:black; }
#paging .first,
#paging .prev { float:left; }
#paging .next,
#paging .last { float:right; }
#interactive {
height:498px;
border:1px solid gray;
width:228px;
margin:0;
float:left;
background:white;
overflow:auto;
}
#interactive .panel {
}
#interactive .panel .title {
margin:1px 1px 0 1px;
padding:0;
letter-spacing:0;
line-height:20px;
height:20px;
font-size:12px;
text-align:center;
color:white;
background:url('/_img/int.jpg') left bottom repeat-x;
color:white;
font-weight:bold;
cursor:pointer;
}
#interactive .panel .content {
margin:1px;
padding:5px 0;
}
#view_panel ul {
margin:0 5px 5px 5px;
padding:0;
list-style-type:none;
}
#view_panel ul li {
margin:0 0 5px 0;
padding:4px;
border:1px solid silver;
background:#FFFFDD;
-moz-border-radius:4px;
overflow:auto;
zoom:1;
}
#view_panel ul li:hover {
border-color:gray;
background:#FFFFAA;
}
#view_panel div ul li.address {
background:#D1EFD2;
}
#view_panel div ul li.address:hover {
background:#A7DFA9;
}
#view_panel ul li img {
height:32px;
float:left;
margin:0 5px 0 0;
}
#view_panel ul li span.latlng {
float:left;
font-size:9px;
color:gray;
height:18px;
background-position:left top;
}
#view_panel ul li strong {
display:block;
margin-bottom:4px;
}
#view_panel ul li p {
line-height:1.1em;
margin:4px 0;
padding:0;
clear:both;
}
#view_panel ul li a {
display:block;
text-align:right;
}
#interactive .error { width:auto; color:red; text-align:center; margin:5px; padding:1em; background:#FFFFDD; border:2px solid #8b0000; }
#interactive .collapse .title {
background-position:left top;
}
#interactive .collapse .content {
display:none;
}
#interactive .icons {
position:absolute;
left:50%;
top:28px;
margin-left:-81px;
width:162px;
background:#f7f7f7;
border:1px solid silver;
padding-bottom:2px;
}
#interactive .icons a {
text-decoration:none;
border:1px solid #f7f7f7;
float:left; margin:2px 0 0 2px;
width:24px;
height:24px;
padding:2px;
}
#interactive .icons a:hover {
background-color:#ebebeb;
border-color:silver;
}
#interactive .icons a.selected,
#interactive .icons a.selected:hover {
border-color:gray;
background:silver;
}
#interactive .icons a img {
border:0;
}
#convertor {
width:700px; float:right; border:1px solid gray; height:400px;
}
#convertor {
}