/* CSS for protected skins (user interface elements etc.) */

ul { list-style: url(/static/www/bullet.gif) circle; } 

ul.skinmgrTree {
   padding-left:15px;
   margin:20px 0px;
}

ul.skinmgrTree ul {
   padding-left:30px;
   margin:0px;
}

ul.skinmgrTree li {
   list-style:none;
   margin:7px 0px;
   padding:0px;
}

ul.skinmgrTree li.skinset {
   list-style:square;
   padding-left:0px;
}

ul.skinmgrTree a.selected {
   font-weight:bold;
}

ul.skinmgrTree li div {
   font-family:courier new, courier, monotype;
   font-size:12px;
   color:#000000;
}

div.skin {
   /*margin: 1px;
   border: 1px solid gray;*/
}

div.skin div.title {
   display: none;
   padding: 2px;
   color: gray;
   font: normal 8px verdana, sans-serif;
}

#prefs select {
   width: 200px;
}

.nowrap {
   white-space: nowrap;
}

.translated {
   font-weight: bold;
}

.pageTitle {
   font-family:courier new, courier, monotype;
   font-size:15px;
   font-weight:bold;
   color:#ffffff;
   padding-bottom:10pt;
}

.listItemSeparator {
   margin-top:15px;
   border-top:1px solid #dddddd;
}

.listItemFlag {
   padding: 1px;
   color: white;
   background-color: #cccccc;
   border: 1px solid white;
   font: 11px monospace;
   line-height: 10px;
}

.label {
   margin-right: 1px;
   padding: 2px 3px;
   color: white;
   font-family: sans-serif;
   font-size: 0.8em;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.adminHighlight {
   margin-top: 5px;
   padding: 1px 10px;
   background-color: yellow;
   border: 1px solid #ffffff;
}

.Root, .blocked {
   background-color: black;
}

.Site, .public, .privileged  {
   background-color: #006600;
}

.User, .trusted {
   background-color: #0000cc;
}

.regular {
   display: none;
}

.open {
   padding: 1px 2px;
   color: #0000cc;
   border: 1px solid #0000cc;
}

.restricted {
   padding: 1px 2px;
   color: #006600;
   border: 1px solid #006600;
}

.closed {
   background-color: #cc0000;
}

.deleted {
   padding: 1px 2px;
   color: #cc0000;
   border: 1px solid #cc0000;
}

body {
   background-color: #cbcbcb;
   font-family: courier new, courier, monotype;
   font-size: 13px;
   font-weight: bold;
   color: #000000;
   background-image:url(/static/streetart/images/karte_kompl.gif);
   background-repeat:no-repeat;
}

fieldset {
  padding-left: 8px;
  padding-top: 0px;
}

fieldset p {
   margin-top:6px;
   margin-bottom:6px;
}

form {margin: 0px;}

a {text-decoration: none;}

a:link {color: #ffffff;}

a:visited {color: #ffffff;}

a:active {color: #cb0000;}

a:hover {color: #cb0000;}

.message {
   font-family: courier new, courier, monotype;
   font-size: 13px;
   font-weight: bold;
   padding: 1px;
   color: #cb0000;
   background-color: #cbcbcb;
}

.story {
   padding-left: 60px;
   padding-top: 40px;
}

.story img {border: 1px solid #ffffff;}

.story a {
   text-decoration: underline;
   color: #000000;
}

.text { width: 320px;}

.formTitle {
   width: 420px;
   font-family: courier new, courier, monotype;
   font-size: 13px;
   font-weight: bold;
   border: 1px solid #ffffff;
   background-color: #cbcbcb;
}

.formText {
   width: 420px;
   font-family: courier new, courier, monotype;
   font-size: 13px;
   font-weight: bold;
   border: 1px solid #ffffff;
   background-color: #cbcbcb;
}

.formComment {
   width: 320px;
   font-family: courier new, courier, monotype;
   font-size: 13px;
   font-weight: bold;
   border: 1px solid #ffffff;
   background-color: #cbcbcb;
}


.formFile {
   font-family: courier new, courier, monotype;
   font-size: 13px;
   font-weight: bold;
   border: 1px solid #ffffff;
   background-color: #cbcbcb;
}

.formWide {
   width: 660px;
   font-family: courier new, courier, monotype;
   font-size: 13px;
   font-weight: normal;
}

.offlineStory {background-color: #cccccc;}

.pollResultsBar {
   height: 5px;
   margin-right: 10px;
   background-color: #ffffff;
   font-size: 0px;
}

.searchbox {
   font-size:11px;
   margin-top:3px;
   margin-bottom:3px;
}

.colorpickerWidget {
   border: 1px solid #cccccc;
}

.small {
   font-family: courier new, courier, monotype;
   font-size: 12px;
   color: #ffffff;
}

.navi {
   background-color: #cbcbcb;
   font-family: courier new, courier, monotype;
   font-size: 13px;
   font-weight: normal;
   color: #000000;
   background-image:url(/static/streetart/images/squares.jpg);
   padding: 8px;
}

.status {
   background-color: #ffffff;
   font-family: courier new, courier, monotype;
   font-size: 13px;
   font-weight: normal;
   color: #000000;
   background-image:url(/static/streetart/images/yellow.gif);
   padding: 8px;
}

.navi a, .status a {
   text-decoration: underline;
   color: #cb0000;
}

.image00 img, .image01 img, .image02 img, .image03 img, .image04 img, .image05 img, .image06 img, .image07 img, .image08 img, .image09 img {
position:relative; bottom:10px; left:-30px;
border: 1px solid #ffffff;
              }
.image10 img, .image11 img, .image12 img, .image13 img, .image14 img, .image15 img, .image16 img, .image17 img, .image18 img, .image19 img {
position:relative; bottom:30px; left:-20px;
border: 1px solid #ffffff;
              }
.image20 img, .image21 img, .image22 img, .image23 img, .image24 img, .image25 img, .image26 img, .image27 img, .image28 img, .image29 img {     position:relative; bottom:30px; left:10px;
border: 1px solid #ffffff;
              }
.image30 img, .image31 img, .image32 img, .image33 img, .image34 img, .image35 img, .image36 img, .image37 img, .image38 img, .image39 img {     position:relative; bottom:30px; left:-30px;
border: 1px solid #ffffff;
              }
.image40 img, .image41 img, .image42 img, .image43 img, .image44 img, .image45 img, .image46 img, .image47 img, .image48 img, .image49 img {     position:relative; bottom:-20px; left:10px;
border: 1px solid #ffffff;
              }
.image50 img, .image51 img, .image52 img, .image53 img, .image54 img, .image55 img, .image56 img, .image57 img, .image58 img, .image59 img {
position:relative; bottom:-10px; left:-30px;
border: 1px solid #ffffff;
}