body { font-family: sans-serif; }

#xplui { background-color: #dddddd; font-family: sans-serif; font-size:15px; }
#xplui a { color: SteelBlue ; text-decoration: none; font-weight:bold; }
#xplui i { color: gray; }
#xplui code { color: gray; background-color: #efefef; display:block; }

#cudly { background-color: #111111;  }

#cudly div.cudl { width: 100px; height: 117px; color: #ddd;  font-size:12px; font-weight:bold; text-align: center; background:url('img/cudl_off.png') center center no-repeat; margin: 10px; padding-top: 45px; float: left; }
#cudly div.cudl.off { background:url('img/cudl_off.png') center center no-repeat; }
#cudly div.cudl.on { background:url('img/cudl_on.png') center center no-repeat; }

#panel { background-color: #111111; font-family: sans-serif; }

#panel_switcher { position: absolute; width: 200px; height: 35px; bottom: 0px; right: 0px; z-index: 2000; }

#panel_switcher a { display: block; background-color: gray; float: right; width: 30px; margin-right: 5px; color: white; height:23px; text-align: center; text-decoration: none; padding-top: 7px; }

div.panel { position: absolute; color: gray; top: 0px; left: 0px; visibility: hidden; right: 0px; bottom: 0px; }

#mapdata { opacity: 0.75; background-color: black; position: fixed; right: 10px; width: 120px; top: 15px; z-index: 2000; color: white; font-weight: bold; padding-left:10px; padding-right:10px; padding-top: 5px; padding-bottom: 5px; }
#mapdata div.line { padding-top: 5px; padding-bottom: 5px; }
#mapdata div.line span { float: right; }