/* general */
html, body {width:100%; height:100%}
a {text-decoration:none}
#gmap {width:100%; height:100%; z-index:10}
#lpan {position:absolute; top:3px; left:3px; width:302px; z-index:100}
#pan-browse, #pan-mymap,
#pan-myfav, #pan-map {display:none; width:302px; z-index:100}
#pan-browse, #pan-mymap,
#pan-myfav {position:absolute; top:3px; left:394px; z-index:101}
#pan-map {position:absolute; top:3px; left:695px; z-index:101}
.pan-map, #pan-mar, #pan-med {display:none}
.pan-hat1 {height:2px; background:transparent url(/images/i.png) 0 -174px no-repeat}
.pan-hat2 {height:2px; background:transparent url(/images/i.png) 0 -177px no-repeat}
.pan-shadow {padding-right:2px; background:transparent url(/images/sw.png) right 0 repeat-y}
.pan-bg1,
.pan-bg2 {border-left:1px solid #a8aea3; border-right:1px solid #a8aea3; border-bottom:1px solid #a8aea3}
.pan-bg1 {background-color:#e4e9dd}
.pan-bg2 {background-color:#262626}
.pan-bg3 {border-top:1px solid #a8aea3; background-color:#262626}
.pan-head {padding:1px 3px 3px}
.pan-head div {height:25px}
.pan-body {clear:left}
.pan-footer {clear:left}
.close-pan {float:left; width:22px; height:22px; background:transparent url(/images/i.png) 0 -288px no-repeat}
.close-pan:hover {background:transparent url(/images/i.png) 0 -316px no-repeat}
#pan-map .close-pan {background:transparent url(/images/i.png) -24px -288px no-repeat}
#pan-map .close-pan:hover {background:transparent url(/images/i.png) -24px -316px no-repeat}
.close-pan span {display:block; text-indent:-999em}
.foot-border {height:2px; background:transparent url(/images/i.png) 0 -180px no-repeat}
#pan-sel .foot-bt {display:none}
.foot-bt {height:22px; margin-top:-2px; padding-left:69px; font-size:10px}
#pan-mar .foot-bt {margin-top:0; padding-left:67px}
.foot-bt li {float:left; width:80px; height:22px}
.foot-bt a {display:block; height:100%; color:#aaa}
.foot-bt a:hover {color:#fff}
.foot-bt a span {display:block; padding-top:4px}
.foot-refresh {background:transparent url(/images/i.png) -261px -403px no-repeat}
.foot-close {background:transparent url(/images/i.png) -279px -449px no-repeat}
.foot-refresh:hover {background:transparent url(/images/i.png) -261px -426px no-repeat}
.foot-close:hover {background:transparent url(/images/i.png) -279px -472px no-repeat}
.foot-refresh span {padding-left:25px}
.foot-close span {padding-right:25px; text-align:right}
.msg-notauth {height:160px; padding:0 10px; font-size:11px}
.msg-notauth p {padding:5px 0; line-height:1.6em; color:#333}
.msg-notauth a {color:#df0080; text-decoration:none}
.msg-notauth a:hover {color:#fff; text-decoration:underline}
.msg-nores {float:none !important; padding:15px 10px; font-size:11px; color:#333; text-align:center}
.mar-list .msg-nores,
.med-list .msg-nores {color:#fff}
#load-img {position:absolute; top:-999px; left:0; z-index:1}
#msg-box, #confirm-box {display:none; position:fixed; top:40%; left:50%; margin-top:-25px; margin-left:-200px; width:400px; height:250px; z-index:1000}
#wrap-msg-box {border:1px solid #a8aea3; background-color:#262626; color:#fff; text-align:center}
#wrap-msg-box div {padding:10px 0 5px}
#wrap-msg-box p {padding:0 27px 10px; font-size:12px; line-height:16px}
#wrap-msg-box p a {color:#df0080; text-decoration:underline}
#wrap-msg-box p a:hover {color:#999; text-decoration:none}
#wrap-msg-box input {width:100px; border:1px solid #a8aea3; background-color:#262626; color:#fff; cursor:pointer}
#wrap-msg-box input:hover {background-color:#df0080}
#wrap-msg-box .jqmClose {position:absolute; top:2px; right:2px; width:27px; height:29px; background:transparent url(/images/i.png) -223px -346px no-repeat}
#wrap-msg-box .jqmClose:hover {background:transparent url(/images/i.png) -223px -375px no-repeat}
#wrap-msg-box .jqmClose span {display:block; text-indent:-999em}
.pan-msg {font-size:11px; text-align:center}
.pan-msg span {display:block; height:20px}
#pan-med .pan-msg span {padding-top:5px}
.msg-ok {color:#19c30c}
.msg-no {color:#d46c21}
#logocontrol {bottom:33px !important}
.overlay1 .jqmClose {position:absolute; top:2px; right:2px; width:27px; height:29px; background:transparent url(/images/i.png) -196px -346px no-repeat}
.overlay1 .jqmClose:hover {background:transparent url(/images/i.png) -196px -375px no-repeat}
.overlay1 .jqmClose span {display:block; text-indent:-999em}
/* titles */
h1, h2, h3 {font-weight:normal}
#header h1 {float:left; width:199px}
h1 img {display:block; padding-top:5px}
h1 span {display:block; position:absolute; top:-99em; left:-99em}
#pub-head h2 {padding:2px 0 7px 4px; font-size:18px; color:#fff; font-variant:small-caps}
#pan-sel h2 {float:left; width:271px; padding:3px 0 8px; font-size:22px; color:#5a5c58; word-spacing:-3px; text-indent:6px; font-variant:small-caps}
#pan-sel h2 span {font-variant:normal; font-size:11px}
#create-pan h2 {margin-bottom:10px; font-size:18px; line-height:22px; color:#df0080; font-variant:small-caps}
.map-head h3,
.mar-head h3,
#pan-med h3 {line-height:16px; font-size:11px; color:#fff}
.map-head h3,
.mar-head h3 {padding:1px 0 7px}
#pan-med h3 {padding:3px 0 10px; color:#aaa}
.map-head h3,
.mar-head h3 {float:left; width:266px}
#pan-map .map-head h3 {width:245px}
/* header */
#header {padding:0 7px 0 5px; background:transparent url(/images/i.png) 0 0 no-repeat}
#header-bts {float:left; padding-top:5px; width:91px; font-variant:small-caps}
#header-bts a {display:block; width:91px}
#header-bts span {display:block}
#about-lnk {height:25px; font-size:14px; color:#df0080; background:transparent url(/images/i.png) 0 -234px no-repeat}
#about-lnk:hover {color:#fff; background:transparent url(/images/i.png) 0 -260px no-repeat}
#login-lnk {height:17px; font-size:12px; color:#fff}
.log-notcon {background:transparent url(/images/i.png) 0 -408px no-repeat}
.log-notcon:hover {background:transparent url(/images/i.png) 0 -425px no-repeat}
.log-con {background:transparent url(/images/i.png) -91px -408px no-repeat}
.log-con:hover {background:transparent url(/images/i.png) -91px -425px no-repeat}
#about-lnk, #login-lnk {text-align:center}
#about-lnk span {padding-top:3px}
#login-lnk span {padding-top:1px}
#header-user {clear:left; padding-top:5px; font-size:10px; color:#666}
#header-user p {padding-bottom:5px; text-align:center}
#header-user span {font-size:12px; color:#444}
#header-user a {font-size:11px; color:#df0080; text-decoration:underline}
#header-user a:hover {color:#fff; text-decoration:none}
/* main menu */
#main-menu {position:absolute; top:6px; left:296px; z-index:99}
#main-menu ul {width:104px}
#bt-browse,
#bt-mymap,
#bt-myfav {height:22px}
#bt-create {height:24px}
#main-menu a {display:block; height:100%; font-size:14px; color:#747b7d; font-variant:small-caps}
#main-menu em {font-style:normal; font-size:10px}
#bt-browse a {background:transparent url(/images/i.png) 0 -184px no-repeat}
#bt-browse a:hover,
#bt-browse a.active {background:transparent url(/images/i.png) 0 -209px no-repeat; color:#fff}
#bt-mymap a,
#bt-myfav a {background:transparent url(/images/i.png) -110px -184px no-repeat}
#bt-mymap a:hover,
#bt-myfav a:hover,
#bt-mymap a.active,
#bt-myfav a.active {background:transparent url(/images/i.png) -110px -209px no-repeat; color:#fff}
#bt-create a {background:transparent url(/images/i.png) -220px -184px no-repeat}
#bt-create a:hover,
#bt-create a.active {background:transparent url(/images/i.png) -220px -209px no-repeat; color:#fff}
#main-menu span {display:block; padding:4px 0 0 15px}
/* Geo Box */
#geobox {position:absolute; bottom:3px; left:3px; width:300px; z-index:100; background-color:#e4e9dd}
#geobox .geopan {display:none}
#geoaddresses div {height:180px; margin:0 2px; overflow:auto}
#geobox h3 {padding:3px 5px 5px; font-size:16px; line-height:16px; font-variant:small-caps; font-weight:bold; color:#5a5c58}
#geoaddresses p,
#noaddr p {font-size:11px; line-height:16px; color:#82857f}
#geoaddresses p {padding:0 5px 7px}
#noaddr p {padding:0 5px 5px}
#geobox li {font-size:11px; line-height:16px}
#geoaddresses ul a {display:block; padding:2px; color:#df0080; text-decoration:none}
#geoaddresses a.zeb1 {background-color:#dbe0d6}
#geoaddresses a.zeb2 {background-color:#e8ece2}
#geoaddresses a:hover {color:#fff; background-color:#df0080}
#geoform {padding:0 2px; height:24px}
#geoform input {float:left; width:252px; height:16px; margin-top:2px; padding:2px; border:none; font-size:12px; color:#999}
#geobox-action {display:block; float:left; width:40px; height:20px; margin-top:2px; padding-top:3px; font-size:16px; font-weight:bold; text-decoration:none; color:#999; text-align:center}
#geobox-action:hover {color:#000}
.default-txt {display:none}
.geoclose {position:absolute; top:2px; right:2px; width:22px; height:22px; background:transparent url(/images/i.png) -310px -68px no-repeat}
.geoclose:hover {background:transparent url(/images/i.png) -310px -94px no-repeat}
.geoclose span {display:block; text-indent:-999em}
/* public bloc */
#pan-pub {clear:both; padding:0 0 5px 0}
#pub-head {height:42px}
#pub1, #pub2, #pub3 {float:left}
#pub1 {width:146px}
#pub2 {width:120px; padding-top:5px; text-align:center}
#pub3 {width:30px; padding-top:2px; text-align:center}
#pub1 p {padding-left:2px}
#pub2 a, #pub3 a {float:left}
#pub2 a {width:120px; height:17px; color:#fff; text-decoration:underline; font-size:10px}
#pub2 a:hover {color:#df0080; text-decoration:none}
#pub3 a {width:30px; height:19px; color:#747b7d; text-decoration:none; font-size:12px; text-align:center; font-variant:small-caps; background:transparent url(/images/i.png) -259px -235px no-repeat}
#pub3 a:hover {color:#df0080; background:transparent url(/images/i.png) -259px -258px no-repeat}
#pub3 a.active {background:transparent url(/images/i.png) -294px -235px no-repeat; color:#fff}
#pub3 span {display:block; padding-top:3px}
#pub-less, #pub-more,
#pub-nb {float:left; padding:1px 2px; height:17px; font-size:11px; color:#ddd; font-weight:bold}
#pub-cur {font-size:14px}
#pub-tot {font-weight:normal}
#pub-less, #pub-more {width:17px}
#pub-less {background:transparent url(/images/i.png) -58px -125px no-repeat}
#pub-more {background:transparent url(/images/i.png) -78px -125px no-repeat}
#pub-less:hover {background:transparent url(/images/i.png) -58px -148px no-repeat}
#pub-more:hover {background:transparent url(/images/i.png) -78px -148px no-repeat}
#pub-less span, #pub-more span{display:block; text-indent:-999em}
#pan-pub .show-hide {display:none}
/* selection */
#sel-head {padding-top:2px}
#sel-head p {clear:left; height:21px; border-bottom:1px solid #b8bbb2}
#sel-loader {float:left; display:block; width:22px; height:22px}
#sel-head .loading {background:transparent url(/images/loadsel.gif) 0 0 no-repeat}
#sel-view-all,
#sel-del-all,
#sel-add {float:left; height:21px}
#sel-view-all {width:25px; background:transparent url(/images/i.png) -149px -124px no-repeat}
#sel-view-all:hover {background:transparent url(/images/i.png) -149px -145px no-repeat}
#sel-del-all {width:22px; background:transparent url(/images/i.png) -174px -124px no-repeat}
#sel-del-all:hover {background:transparent url(/images/i.png) -174px -145px no-repeat}
#sel-add {width:247px; font-size:10px; text-decoration:underline; color:#df0080; text-align:center}
#sel-add:hover {text-decoration:none; color:#333}
#sel-view-all span,
#sel-del-all span {display:block; height:21px; text-indent:-999em}
#sel-view-all span {border-right:1px solid #e4e9dd}
#sel-add span {display:block; padding-top:2px}
#sel-maps-med,
#sel-maps-mar {display:none}
.map-head {padding:2px 2px 0 4px}
.bt-map-fav {float:left; height:22px}
.bt-map-fav a {display:block; height:100%}
.bt-map-fav span {display:block; text-indent:-999em}
.bt-map-fav {width:25px}
.bt-map-fav a {background:transparent url(/images/i.png) -98px -125px no-repeat}
.bt-map-fav a:hover,
.bt-map-fav a.active {background:transparent url(/images/i.png) -98px -149px no-repeat}
.bt-map-fav a.loading {background:transparent url(/images/load1.gif) 0 0 no-repeat}
/* filters */
.filters {clear:left; padding:3px; background-color:#a8aea3}
.filt1 {height:22px}
#pan-mar .filt1 {padding-left:2px}
.filt2 {height:22px}
.filt3 {height:20px}
.filt4 {height:22px}
#pan-browse .filt4 {height:25px}
.bt-list, .bt-list li,
.bt-list-txt, .wrap-order-list{float:left}
.filters .order-mar,
#pan-map .order-mar,
#pan-browse .order-med,
#pan-mymap .order-med,
#pan-myfav .order-med {display:none}
.filt1 .bt-list {width:53px}
.filt4 .bt-list {width:78px}
.filters .bt-list li {width:25px; height:22px}
.bt-list a {display:block; height:100%; padding-right:3px; text-indent:-999em}
.filters .bt-list-map a {background:transparent url(/images/i.png) -112px -234px no-repeat}
.filters .bt-list-map a:hover,
.filters .bt-list-map a.active{background:transparent url(/images/i.png) -112px -258px no-repeat}
.filters .bt-list-mar a {background:transparent url(/images/i.png) -137px -234px no-repeat}
.filters .bt-list-mar a:hover,
.filters .bt-list-mar a.active{background:transparent url(/images/i.png) -137px -258px no-repeat}
.filters .bt-list-med a {background:transparent url(/images/i.png) -162px -234px no-repeat}
.filters .bt-list-med a:hover,
.filters .bt-list-med a.active{background:transparent url(/images/i.png) -162px -258px no-repeat}
.filters .bt-list-txt {width:99px; padding-top:3px; font-size:16px; color:#fff; font-variant:small-caps}
#pan-browse .bt-list-txt {width:192px}
#pan-mymap .bt-list-txt,
#pan-myfav .bt-list-txt {width:84px}
.wrap-order-list {padding-top:2px}
.filt1 .wrap-order-list {width:140px}
#pan-mar .filt1 .wrap-order-list {width:120px}
.filt4 .wrap-order-list {width:108px}
.filters select {display:block; height:18px; font-size:11px; border:1px solid #fff}
.filt1 select {width:140px}
#pan-mar .filt1 select {width:110px}
.filt2 select {float:left; width:144px}
.filt4 select {width:102px}
.offi-list {margin-right:4px}
.filt3 p {float:left; height:20px}
.searchbox {width:228px}
.searchbox input {display:block; width:223px; height:16px; padding-top:2px; font-size:11px; border:1px solid #fff}
.search-submit {width:64px}
.search-submit a {display:block; height:100%; font-size:11px; color:#747b7d; background:transparent url(/images/i.png) -191px -234px no-repeat; text-align:center}
.search-submit a:hover {color:#fff; background:transparent url(/images/i.png) -191px -256px no-repeat}
.search-submit span {display:block; padding-top:3px}
.cancel-search {clear:left; padding:3px 0; text-align:center}
.cancel-search {display:none}
.cancel-search a {padding:2px 0 4px 22px; font-size:11px; color:#df0080; text-decoration:underline; background:transparent url(/images/i.png) -341px -181px no-repeat}
.cancel-search a:hover {color:#fff; text-decoration:none; background:transparent url(/images/i.png) -341px -203px no-repeat}
.map-actions {clear:left; padding:4px 0 1px; height:18px}
.map-actions a {display:block; float:right; padding:0 11px 0 20px; font-size:11px; line-height:20px; color:#df0080}
.map-actions a:hover {color:#fff}
.add-to-sel {background:transparent url(/images/i.png) -342px -232px no-repeat}
.add-to-sel:hover {background:transparent url(/images/i.png) -342px -256px no-repeat}
.map-participate,
.map-add-to {background:transparent url(/images/particip.png) -4px -4px no-repeat}
.map-participate:hover,
.map-add-to:hover {background:transparent url(/images/particip.png) -4px -28px no-repeat}
.map-actions .map-participate,
.map-actions .map-add-to {display:none}
.map-export {background:transparent url(/images/export.png) -4px -4px no-repeat}
.map-export:hover {background:transparent url(/images/export.png) -4px -28px no-repeat}
#marker-actions {float:left; width:150px; padding-top:1px}
#marker-actions a {display:block; float:left; padding-left:20px; font-size:11px; line-height:20px; color:#df0080; text-decoration:none}
#marker-actions a:hover {color:#fff}
#add-media {padding-right:11px; background:transparent url(/images/particip.png) -4px -4px no-repeat}
#add-media:hover {background:transparent url(/images/particip.png) -4px -28px no-repeat}
#marker-export {background:transparent url(/images/export.png) -4px -4px no-repeat}
#marker-export:hover {background:transparent url(/images/export.png) -4px -28px no-repeat}
/* marker panel */
#pan-mar, #pan-med {position:absolute; bottom:2px; z-index:100}
#pan-mar {right:302px; width:300px}
#pan-med {right:2px; width:300px; background-color:#000}
#wrap-pan-mar {background-color:#000}
.marmed-body {clear:left}
.mar-foot {clear:left; color:#333; background-color:#a8aea3}
.mar-head {padding:2px 2px 0 3px}
#marmed-1 {height:32px}
#marmed-2 {padding:0 2px; height:26px; background-color:#a8aea3}
#marmed-2 ul {padding-top:3px}
#marmed-1 p,
#marmed-2 li {float:left}
#marmed-nav {width:60px}
#marmed-menu {padding-top:6px; width:240px}
#marmed-nav a {float:left; width:28px; height:30px}
#marmed-nav span {display:block; text-indent:-999em}
#marmed-prev {background:transparent url(/images/i.png) -52px -288px no-repeat}
#marmed-prev:hover {background:transparent url(/images/i.png) -52px -318px no-repeat}
#marmed-next {background:transparent url(/images/i.png) -80px -288px no-repeat}
#marmed-next:hover {background:transparent url(/images/i.png) -80px -318px no-repeat}
#marmed-menu a {float:left; width:120px; height:18px; color:#666; font-variant:small-caps; background:transparent url(/images/i.png) -234px -294px no-repeat; text-align:center}
#marmed-menu a:hover,
#marmed-menu a.active {color:#fff; background:transparent url(/images/i.png) -114px -294px no-repeat}
#marmed-menu span {display:block; padding-top:2px}
#marmed-com {padding-top:3px; width:134px}
#marmed-plus,
#marmed-minus,
#bt-med-fav {width:23px; height:22px}
#marmed-alert {width:21px; height:22px}
#marmed-note {padding-top:3px; width:72px}
#marmed-com a {color:#df0080; font-size:11px; text-decoration:underline}
#marmed-plus a,
#marmed-minus a,
#bt-med-fav a,
#marmed-alert a {display:block; height:100%}
#marmed-plus span,
#marmed-minus span,
#bt-med-fav span,
#marmed-alert span {display:block; text-indent:-999em}
#marmed-note span {display:block; padding:0 0 0 5px; color:#008000; font-size:11px}
#marmed-note span.neg {color:red}
#marmed-plus a {background:transparent url(/images/i.png) -110px -320px no-repeat}
#marmed-plus a:hover,
#marmed-plus a.active {background:transparent url(/images/i.png) -233px -320px no-repeat}
#marmed-minus a {background:transparent url(/images/i.png) -134px -320px no-repeat}
#marmed-minus a:hover,
#marmed-minus a.active {background:transparent url(/images/i.png) -257px -320px no-repeat}
#marmed-alert a {background:transparent url(/images/i.png) -185px -320px no-repeat}
#marmed-alert a:hover {background:transparent url(/images/i.png) -308px -320px no-repeat}
#bt-mar-fav {float:left; height:22px; width:25px}
#bt-mar-fav a {display:block; height:100%; background:transparent url(/images/i.png) -123px -125px no-repeat}
#bt-mar-fav a:hover,
#bt-mar-fav a.active {background:transparent url(/images/i.png) -123px -149px no-repeat}
#bt-mar-fav span {display:block; text-indent:-999em}
#bt-med-fav a {background:transparent url(/images/i.png) -160px -320px no-repeat}
#bt-med-fav a:hover,
#bt-med-fav a.active {background:transparent url(/images/i.png) -283px -320px no-repeat}
#bt-mar-fav a.loading {background:transparent url(/images/load1.gif) 0 0 no-repeat}
#bt-med-fav a.loading,
#marmed-plus a.loading,
#marmed-minus a.loading {background:transparent url(/images/load2.gif) 0 0 no-repeat}
.mar-foot p {padding:2px 4px 4px; font-size:11px; line-height:16px}
.mar-foot a {padding:0 0 4px 20px; color:#df0080; font-size:11px; background:transparent url(/images/i.png) -342px -234px no-repeat}
.mar-foot a:hover {color:#fff; background:transparent url(/images/i.png) -342px -258px no-repeat}
/* Media Panel */
#body-details {color:#fff}
#body-details {display:none}
#body-details,
#med-txt div,
#med-rss div {padding:0 7px}
#body-preview,
#body-details div,
#med-txt {height:241px; overflow:auto; color:#fff; font-size:11px; line-height:15px}
#med-txt a {color:#df0080; text-decoration:underline}
#med-txt a:hover {color:#fff}
#med-img, #med-vid {overflow:hidden}
#med-img a {display:block; height:100%; text-align:center}
#med-img img {display:block; margin:0 auto}
#med-aud {padding:100px 5px 0}
#med-desc {font-size:11px; line-height:15px; padding-top:2px}
#med-rss li {clear:left; display:block; height:20px; overflow:hidden; line-height:20px}
#med-rss span, #med-rss a {float:left; display:block}
#med-rss span {padding-top:1px; width:38px; font-size:10px; color:#999; text-align:right}
#med-rss a {width:247px; height:100%; color:#fff; text-decoration:underline; text-indent:5px}
#med-rss a:hover {color:#df0080; text-decoration:none}
#med-rss a:visited {color:#aaa; text-decoration:underline}
#feed-error {padding:10px; line-height:18px}
#big-img {display:none; position:fixed; top:50px; left:50%; margin-left:-402px; width:804px}
#wrap-big-img {display:block; padding:1px; border:1px solid #a8aea3; background-color:#262626; color:#fff; font-size:11px; text-align:center}
#media-actions {height:24px; background-color:#A8AEA3}
#media-actions p {padding-top:2px}
#media-export {display:block; float:right; padding:0 5px 0 20px; font-size:11px; line-height:20px; color:#df0080; background:transparent url(/images/export.png) -4px -4px no-repeat}
#media-export:hover {color:#fff; background:transparent url(/images/export.png) -4px -28px no-repeat}
/* Comments panel */
#coms {display:none; position:fixed; top:10%; left:50%; margin-left:-225px; width:450px; background-color:#f3f4ef; border:1px solid black}
#coms-wrap {padding:10px}
#coms h2 {float:left; width:200px; padding-bottom:15px; font-size:16px; font-variant:small-caps; color:#666}
#coms h2 strong {font-size:18px}
#coms h3 {padding-bottom:2px; font-size:12px; line-height:16px; font-weight:bold; color:#000}
#com-add {float:left; width:184px; text-align:right}
#com-add a {font-size:12px; color:#df0080; text-decoration:underline}
#com-add a:hover {color:#333; text-decoration:none}
#com-list, #coms form {clear:left}
#com-list {height:350px; overflow:auto; padding:0 6px}
.com-item {padding-bottom:15px}
.com-date {padding-bottom:5px; font-size:11px; line-height:14px; color:#999}
.com-date span {font-weight:bold}
.com-txt {font-size:11px; line-height:16px; color:#333}
#com-page {padding-top:10px}
#com-page ul {height:20px}
#com-page li {float:left; height:20px; text-align:center}
#com-page a {display:block; height:100%; font-size:12px; text-decoration:none; color:#df0080}
#com-page a:hover,
#com-page a.active {background-color:#df0080; color:#fff}
#com-page span {display:block; padding:3px 5px 0}
#coms .notauth {clear:left; padding-bottom:10px; font-size:11px; color:#666; text-align:center}
.notauth a {color:#df0080; text-decoration:underline}
.notauth a:hover {color:#000; text-decoration:none}
#coms-fields {padding:0 10px}
#coms-fields li {padding-bottom:10px}
#coms-fields label {display:block; padding-bottom:5px; color:#999; font-size:12px}
#commentaire_title,
#commentaire_txt {display:block; padding:2px; border:1px solid #999; background-color:#eee}
#commentaire_title:focus,
#commentaire_txt:focus {border:1px solid #333; background-color:#fff}
#commentaire_title {height:18px; width:403px; font-size:16px; line-height:16px}
#commentaire_txt {height:150px; width:403px; font-size:12px}
#coms .error {padding-bottom:2px; font-size:11px; color:red}
#com-bt {padding-left:129px; height:25px}
#com-bt li {float:left; margin-right:20px; height:25px; width:80px}
#com-bt a {display:block; height:100%; font-size:11px; text-align:center; text-decoration:none; color:#df0080; background:transparent url("/images/i.png") -254px -351px no-repeat}
#com-bt a:hover {color:#fff; background:transparent url("/images/i.png") -254px -376px no-repeat}
#com-bt span {display:block; padding-top:6px}
/* report content */
#report {display:none; position:fixed; top:10%; left:50%; margin-left:-225px; width:450px; background-color:#eef1ea; border:1px solid black}
#report-wrap {padding:10px}
#report h2 {padding-bottom:10px; font-size:18px; line-height:18px; font-weight:normal; color:#9f005f}
.report-info {padding:0 30px 5px 0; font-size:12px; line-height:16px}
#report label {display:block; padding:10px 0 3px; font-size:12px; color:#777}
#report textarea {width:423px; height:5Opx; border:1px solid #e5e5e5; background:#f5f5f5; padding:2px}
#report textarea:focus {background:#fff}
#report-txt-count {padding:3px 0 10px; font-size:11px; color:#999; text-align:center}
#report-submit {padding-bottom:0; height:30px; text-align:center}
#report-submit input {padding:2px; border:1px solid #ccc; color:#9f005f; font-size:16px; cursor:pointer; font-variant:small-caps}
#report-submit input:hover {background-color:#9f005f; color:#fff}
/* export content */
#export-pan {display:none; position:fixed; top:10%; left:50%; margin-left:-225px; width:450px; background-color:#f3f4ef; border:1px solid black}
#export-wrap {padding:10px}
#export-pan h2 {margin:0 0 15px; font-size:18px; line-height:22px; color:#9F005F}
#export-pan p {font-size:12px; line-height:24px; color:#333}
#export-pan input {display:block; margin-bottom:15px; padding:2px; width:97%; height:18px; font-size:11px; background-color:#eee; border:1px solid #999}
#export-link {display:none}
/* right panel */
#rpan {position:absolute; top:30px; right:72px; background-color:#000; width:275px; z-index:99;}
#news {padding:0 4px}
#news-list, #hide-news {display:none}
#news-list,
#news-list li {clear:left}
#news-list li,
#news-first {display:block; overflow:hidden; height:22px; line-height:20px}
#news-list a,
#news-list span,
#news-first a,
#news-first span {display:block; float:left; font-size:11px}
#news-list a,
#news-first a {height:100%; width:237px; text-indent:5px; color:#fff}
#news-list a:visited,
#news-first a:visited {color:#aaa}
#news-list a:hover,
#news-first a:hover {color:#df0080; text-decoration:underline}
#news-list span,
#news-first span {padding-top:1px; width:30px; font-size:10px; color:#999; text-align:right}
#news-more {padding:2px 0 5px; text-align:center}
#news-more a {font-size:11px; color:#fff; text-decoration:underline}
#news-more a:hover {color:#df0080}
/** Create Pan **/
#create-pan {display:none}
.create-pan {padding:3px 5px 5px}
#create-first-load {height:270px; background:transparent url(/images/loadsel.gif) 50% 50% no-repeat}
#media-types {text-align:center}
#media-types li {margin:0 auto 5px; width:116px; text-align:left}
#media-types a {display:block; padding-left:38px; height:32px; font-size:16px; font-variant:small-caps; line-height:32px; color:#df0080}
#media-types a:hover {color:#fff}
#create-type-1 {background:transparent url(/images/i.png) -116px -444px no-repeat}
#create-type-2 {background:transparent url(/images/i.png) -116px -476px no-repeat}
#create-type-3 {background:transparent url(/images/i.png) -116px -508px no-repeat}
#create-type-4 {background:transparent url(/images/i.png) -116px -540px no-repeat}
#create-type-5 {background:transparent url(/images/i.png) -116px -572px no-repeat}
#create-type-1:hover {background:transparent url(/images/i.png) 0 -444px no-repeat}
#create-type-2:hover {background:transparent url(/images/i.png) 0 -476px no-repeat}
#create-type-3:hover {background:transparent url(/images/i.png) 0 -508px no-repeat}
#create-type-4:hover {background:transparent url(/images/i.png) 0 -540px no-repeat}
#create-type-5:hover {background:transparent url(/images/i.png) 0 -572px no-repeat}
#media-types a.loading {background:transparent url(/images/loadsel.gif) 50% 50% no-repeat}
#media-container {margin-bottom:15px; padding:5px; font-size:11px; font-style:italic; border:1px solid #B8BCB3; background-color:#DADFD3; color:#666}
#container-title {margin-top:4px; line-height:14px; color:#333; font-style:normal}
#create-form-fields li {margin-bottom:10px}
#create-form-fields label,
#select-a-marker label {display:block; font-size:12px; line-height:22px; color:#000}
#create-field-lic label,
#lic-infos {float:left; padding-left:7px}
#lic-infos {font-size:11px; line-height:22px; color:#df0080; text-decoration:underline}
#lic-infos:hover {color:#333}
#create-form-fields input,
#create-form-fields textarea,
#create-form-fields select,
#select-a-marker select,
#select-a-map select {display:block; padding:2px; width:282px; font-size:12px; background-color:#f5f5f5; color:#555; border:1px solid #ccc;}
#create-form-fields input:focus,
#create-form-fields textarea:focus,
#create-form-fields select:focus {background-color:#fff}
#create-field-lic select {clear:left}
#select-a-marker select,
#select-a-map select {float:left; width:250px}
#create-form-fields textarea {height:100px}
#create-form-fields #title {font-size:14px}
#field-coords {height:55px; text-align:center}
#field-lat, #field-lon {float:left; width:144px}
#field-lat input,
#field-lon input {margin:0 auto; width:130px}
#share-map input,
#share-map label,
#share-map a {float:left}
#share-map input {margin-top:4px; width:13px; height:13px}
#share-map label {padding:0 7px 0 5px}
#shared-infos {font-size:11px; line-height:22px; color:#df0080; text-decoration:underline}
#shared-infos:hover {color:#333}
#shared-infos-txt {clear:left; display:none; padding-top:5px; font-size:11px; line-height:14px; color:#555}
#new-mar-infos {padding-bottom:20px; font-size:11px; line-height:16px; color:#555}
#new-mar-infos img {float:right; margin:0 10px 0}
.file-infos,
#fileUploader {float:left}
.file-infos {width:145px; font-size:11px; color:#666; line-height:16px}
.file-infos span {display:block; text-indent:5px}
#fileUploader {margin-right:10px}
#fileQueue {clear:left; padding-top:5px}
#fileQueue .uploadifyQueueItem {width:265px}
#file-desc {clear:left; padding-top:10px}
#select-a-marker,
#select-a-map {height:55px}
#bt-new-media,
#bt-new-marker,
#bt-new-map {margin:20px 0; text-align:center}
#bt-new-media a,
#bt-new-marker a,
#bt-new-map a {display:block; margin:0 auto; width:185px; height:28px; font-size:12px; line-height:28px; color:#df0080; background:transparent url(/images/i.png) 0 -607px no-repeat}
#bt-new-media a:hover,
#bt-new-marker a:hover,
#bt-new-map a:hover {background:transparent url(/images/i.png) 0 -635px no-repeat; color:#fff}
#bt-new-media a.loading,
#bt-new-marker a.loading,
#bt-new-map a.loading {background:transparent url(/images/loadsel.gif) 50% 50% no-repeat}
#add-in-marker,
#add-in-map {float:left; width:34px; height:22px; font-size:16px; line-height:22px; color:#df0080; font-variant:small-caps; text-align:center; background:transparent url(/images/loadsel.gif) 50% 50% no-repeat}
#add-in-marker span,
#add-in-map span {display:block; margin-left:4px; background:transparent url(/images/i.png) -324px -608px no-repeat}
#add-in-marker:hover span,
#add-in-map:hover span {background:transparent url(/images/i.png) -324px -630px no-repeat; color:#fff}
#or {margin:20px 0; font-size:24px; line-height:24px; font-variant:small-caps; color:#df0080; font-weight:bold; text-align:center}
#create-form-bts {clear:left; padding-left:48px; height:45px}
#create-form-bts li {float:left; margin:15px 10px 0 0}
#create-form-bts a {display:block; width:90px; height:28px; font-size:12px; line-height:28px; color:#df0080; background:transparent url(/images/i.png) -243px -665px no-repeat; text-align:center}
#create-form-bts a:hover {background:transparent url(/images/i.png) -243px -693px no-repeat; color:#fff}
#create-form-bts a.loading {background:transparent url(/images/loadsel.gif) 50% 50% no-repeat}
#create-last-step p {margin-bottom:10px; font-size:12px; line-height:22px}
#create-end-bts {padding:0 24px}
#create-end-bts li {margin:10px 0 5px}
#create-end-bts a {display:block; width:240px; height:28px; font-size:12px; line-height:28px; color:#df0080; text-align:center; background:transparent url(/images/i.png) 0 -665px no-repeat}
#create-end-bts a:hover {background:transparent url(/images/i.png) 0 -693px no-repeat; color:#fff}
#create-end-bt {padding:0 28px 0 27px}
#create-end-bt a {width:185px; background:transparent url(/images/i.png) 0 -607px no-repeat}
#create-end-bt a:hover {background:transparent url(/images/i.png) 0 -635px no-repeat}
#create-footer {margin-top:15px; padding:4px 0; background-color:#c0c4ba; text-align:center}
#create-footer #create-end {display:block; margin:0 auto; width:130px; background:transparent url(/images/i.png) -188px -610px no-repeat; color:#df0080}
#create-footer #create-end:hover {background:transparent url(/images/i.png) -188px -632px no-repeat; color:#fff}
#create-footer #create-end span {display:block; height:22px; font-size:11px; line-height:22px}
#create-infos-txt p {margin-bottom:5px; font-size:11px; line-height:16px; color:#333}
#create-infos-txt a {color:#df0080; text-decoration:underline}
#create-infos-txt a:hover {color:#333}
#create-cancel {padding:10px 0 5px; text-align:center}
#create-cancel a {margin:0 auto; display:block; width:90px; height:28px; font-size:12px; line-height:28px; color:#df0080; background:transparent url(/images/i.png) -243px -665px no-repeat}
#create-cancel a:hover {color:#fff; background:transparent url(/images/i.png) -243px -693px no-repeat}
.create-pan .error {margin-top:15px; color:#ea1818; font-size:11px; line-height:14px}
#error-title {margin-bottom:10px; font-size:12px; line-height:16px; color:#000}
#error-txt {margin-bottom:10px; font-size:11px; line-height:14px; color:#333}
/* map/marker/media/people lists */
#pan-pub .wrap-mar-list,
#pan-sel .wrap-mar-list,
#pan-browse .wrap-mar-list,
#pan-browse .wrap-med-list,
#pan-mymap .wrap-mar-list,
#pan-mymap .wrap-med-list,
#pan-myfav .wrap-mar-list,
#pan-myfav .wrap-med-list,
#pan-map .wrap-mar-list,
.browse-body2 {display:none}
.wrap-mar-list,
.wrap-med-list {background-color:#262626}
.map-list, .mar-list {width:298px; height:160px; overflow:auto}
.marmed-list {width:300px; height:130px; overflow:auto}
.map-list li, .mar-list li {height:19px}
.marmed-list li {height:27px}
.map-list p, .mar-list p {float:left; height:19px}
.marmed-list p {float:left; height:27px}
.map-list a, .mar-list a,
.marmed-list a {display:block; height:100%; overflow:hidden; font-size:11px}
.map-list a {color:#747b7d}
.mar-list a, .marmed-list a {color:#fff}
.map-list span, .mar-list span{display:block; line-height:19px}
.marmed-list span {display:block; padding-left:4px; line-height:27px}
.med-list {width:298px; height:146px; overflow:auto}
.med-list ul {padding:4px 0 0 3px}
.med-list li {float:left; width:45px; height:45px}
.med-list a,
.med-list span {float:left; display:block; width:42px; height:42px}
.med-list a.t1 {background:transparent url(/images/i.png) 0 -75px no-repeat}
.med-list a.t2 {background:transparent url(/images/i.png) -43px -75px no-repeat}
.med-list a.t3 {background:transparent url(/images/i.png) -86px -75px no-repeat}
.med-list a.t4 {background:transparent url(/images/i.png) -129px -75px no-repeat}
.med-list a.t5 {background:transparent url(/images/i.png) -172px -75px no-repeat}
.med-list a.t62 {background:transparent url(/images/i.png) -215px -75px no-repeat}
.med-list a.t63 {background:transparent url(/images/i.png) -258px -75px no-repeat}
.med-list span {text-indent:-999em}
.med-list a:hover span {border:1px solid #fff}
.med-list img,
.marmed-list img {display:block}
.view-map span,
.del span,
.add-map span,
.med-thumb {text-indent:-999em}
.map-name span, .mar-name span{padding:0 0 0 4px}
.map-list .zeb1 {background-color:#eef1ea}
.map-list .zeb2 {background-color:#dbe0d6}
.mar-list .zeb1 {background-color:#343434}
.mar-list .zeb2 {background-color:#434343}
.marmed-list .zeb1 {background-color:#555}
.marmed-list .zeb2 {background-color:#444}
.zeb1 .view-map,
.zeb2 .view-map {width:25px}
.zeb1 .del,
.zeb2 .del {width:22px}
.zeb1 .add-map,
.zeb2 .add-map {width:24px}
.zeb1 .med-thumb,
.zeb2 .med-thumb {width:27px}
.map-name {width:256px}
#pan-sel .map-name {width:233px}
#pan-myfav .map-name {width:230px}
.mar-name {width:280px}
#pan-myfav .mar-name {width:254px}
.med-name {width:255px}
.zeb1 .view-map a {background:transparent url(/images/i.png) -197px -124px no-repeat}
.zeb2 .view-map a {background:transparent url(/images/i.png) -197px -143px no-repeat}
.zeb1 .view-map a.active,
.zeb2 .view-map a.active {background:transparent url(/images/i.png) -265px -143px no-repeat}
.zeb1 .del a {background:transparent url(/images/i.png) -222px -124px no-repeat}
.zeb2 .del a {background:transparent url(/images/i.png) -222px -143px no-repeat}
.mar-list .zeb1 .del a {background:transparent url(/images/i.png) -244px -124px no-repeat}
.mar-list .zeb2 .del a {background:transparent url(/images/i.png) -244px -143px no-repeat}
.zeb1 .del a:hover,
.zeb2 .del a:hover {background:transparent url(/images/i.png) -265px -124px no-repeat}
.zeb1 .add-map a {background:transparent url(/images/i.png) -310px -24px no-repeat}
.zeb2 .add-map a {background:transparent url(/images/i.png) -310px -2px no-repeat}
.zeb1 .add-map a:hover,
.zeb2 .add-map a:hover {background:transparent url(/images/i.png) -310px -46px no-repeat}
.zeb1 .offi,
.zeb2 .offi {text-indent:12px}
.map-list .zeb1 .offi a {background:transparent url(/images/i.png) -345px 0 no-repeat}
.map-list .zeb2 .offi a {background:transparent url(/images/i.png) -345px -22px no-repeat}
.mar-list .zeb1 .offi a {background:transparent url(/images/i.png) -345px -44px no-repeat}
.mar-list .zeb2 .offi a {background:transparent url(/images/i.png) -345px -66px no-repeat}
.zeb1 .med-thumb a.t1 {background:transparent url(/images/i.png) 0 -351px no-repeat}
.zeb2 .med-thumb a.t1 {background:transparent url(/images/i.png) 0 -378px no-repeat}
.zeb1 .med-thumb a.t2 {background:transparent url(/images/i.png) -27px -351px no-repeat}
.zeb2 .med-thumb a.t2 {background:transparent url(/images/i.png) -27px -378px no-repeat}
.zeb1 .med-thumb a.t3 {background:transparent url(/images/i.png) -54px -351px no-repeat}
.zeb2 .med-thumb a.t3 {background:transparent url(/images/i.png) -54px -378px no-repeat}
.zeb1 .med-thumb a.t4 {background:transparent url(/images/i.png) -81px -351px no-repeat}
.zeb2 .med-thumb a.t4 {background:transparent url(/images/i.png) -81px -378px no-repeat}
.zeb1 .med-thumb a.t5 {background:transparent url(/images/i.png) -108px -351px no-repeat}
.zeb2 .med-thumb a.t5 {background:transparent url(/images/i.png) -108px -378px no-repeat}
.zeb1 .med-thumb a.t62 {background:transparent url(/images/i.png) -135px -351px no-repeat}
.zeb2 .med-thumb a.t62 {background:transparent url(/images/i.png) -135px -378px no-repeat}
.zeb1 .med-thumb a.t63 {background:transparent url(/images/i.png) -162px -351px no-repeat}
.zeb2 .med-thumb a.t63 {background:transparent url(/images/i.png) -162px -378px no-repeat}
.zeb1 .map-name a:hover,
.zeb2 .map-name a:hover,
.zeb1 .map-name a.active,
.zeb2 .map-name a.active,
.zeb1 .mar-name a:hover,
.zeb2 .mar-name a:hover,
.zeb1 .mar-name a.active,
.zeb2 .mar-name a.active,
.zeb1 .med-name a:hover,
.zeb2 .med-name a:hover,
.zeb1 .med-name a.active,
.zeb2 .med-name a.active {background-color:#df0080; color:#fff}
.zeb1 .offi a:hover,
.zeb2 .offi a:hover,
.zeb1 .offi a.active,
.zeb2 .offi a.active {background:#df0080 url(/images/i.png) -345px -88px no-repeat}
/* TEMP */
.moderable-report {background:transparent url(/images/i.png) -185px -390px no-repeat}
.moderable-report {line-height:21px; padding: 0px 0px 3px 19px;}
.moderable-report:hover,
.moderable-report:focus {background:transparent url(/images/i.png) -185px -360px no-repeat}
#marker-choice, #marker-select, #map-choice {display:none}