/* BASE */



* {

  font-family: helvetica, arial, sans-serif;

}



a {

  color: #47A;

  text-decoration: none;

}



a:hover {

  color: #258;

  text-decoration: underline;

}



a img {

  border: 0;

}





body {

  background:#99CCFF;

  margin: 0;

  padding: 0;

  text-align:center; 

  behavior:url(/border-radius.htc);

}



#navi2, #navi3 { 

  margin: 0 auto; 

}





#navi2 a:hover, #navi3 a:hover { 

  text-decoration: none; 

}



#navi2 a:hover span, #navi3 a:hover span { 

  color: #003366; 

}



#navi2 ul li a, #navi3 ul li a {

  border: 1px solid #AAAAAA;

}







.rund6 { 

	-moz-border-radius:6px; 

	-webkit-border-radius:6px; 

	-khtml-border-radius:6px; 

	border-radius:6px; 

}





.rund10 { 

	-moz-border-radius:10px; 

	-webkit-border-radius:10px; 

	-khtml-border-radius:10px; 

	border-radius:10px; 

}





.rund20 { 

	-moz-border-radius:20px; 

	-webkit-border-radius:20px; 

	-khtml-border-radius:20px; 

	border-radius:20px; 

}





#mpage { 

  margin: 0 auto;

  padding: 6px 16px 2px 2px; 

  width:1140px;

  min-width:1140px; 

  text-align:left; 

  background:#CACACA;
  
  border:2px solid #EEEEFF; 

}



#infobox, #infobox2 { 

  margin: 0px;

  padding: 4px 4px 4px 20px;

}







#infobox ul, #infobox2 ul { 

  list-style-type: none;

  margin: 2px;

  padding: 2px;

  width: auto;

}



#infobox ul li, #infobox2 ul li { 

  list-style-type: none;

  margin: 0px;

  padding: 2px 0px 0px 0px;

  width: auto;

}



#infobox ul li a, #infobox2 ul li a { 

  display:block; 

  font-size: 18px;

  font-weight: bold;

  padding: 2px 2px 2px 12px;

  background: #DEDEDE;

  color: #3366AA;

}



#infobox ul li a:hover, #infobox2 ul li a:hover {

  background: #77AADD;

  color: #FFF;

}





#bpage { 

  margin: 0;

  padding 0; 

  min-width:980px;

}



#bcontent { 

  float:left; 

  clear:both; 

  margin: 0px 0px 0px 0px;

  padding: 0px 4px 0px 4px;

  width: 70%;

  min-width:500px; 

}



.bcontent { 

  clear:both; 

  margin: 0px 0px 0px 0px;

  padding: 0px 4px 0px 4px;

  width: 70%;

}



#footer { 

  clear:both; 

  margin: 8px 12px 20px 12px;

  padding: 4px;

  width: auto;

  text-align:center; 

  font-size:14px;

  background:#EFEFEF; 

}





input[type=submit] {

  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD));

  border: 1px solid #CCC;

  border-radius: 5px;

  font-size: 13px;

  padding: 4px 12px;

  text-shadow: #FFF 1px 1px 0px;

  -moz-border-radius: 5px;

}

input[type=submit]:active {

  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF));

}

input[type=submit]:hover {

  border-color: #666;

}

input[type=text],

input[type=password],

select,

textarea {

  border: 1px solid #CCC;

  border-radius: 3px;

  font-size: 13px;

  padding: 4px 5px;

  -moz-border-radius: 3px;

}

p.error,

p.success {

  border: 1px solid;

  font-size: small;

  margin: .5em;

  padding: .5em;

/*   width: 70%; */

}

p.error {

  background: #FCC;

  border-color: #966;

  color: #633;

}

p.success {

  background: #CFC;

  border-color: #696;

  color: #363;

}

td#availability {

  color: #285;

  font-weight: bold;

}

td#availability.not-available {

  color: #F00;

}

textarea {

  font-size: small;

  padding: .2em;

}

th {

  padding-right: 1em;

  text-align: right;

}







/* HEADER */



div#header { 

  background: #99CCFF url('bg_h1.jpg') bottom repeat-x;

  border-bottom: 2px solid #00DD99;

  min-width:1140px; 

  clear: both;

}



div#header:after {

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

}

* html div#header {

  height: 1%;

}

h1 {

  float: left;

  font-size: x-large;

  font-weight: bold;

  margin: 0;

  padding: 1em;

/*  text-transform: lowercase; */



}

html > body h1 {

  background: url('logo.png') no-repeat 10px;

  padding-left: 75px;

}

html > body div#header.popup h1 {

  background: url('logo_24.png') no-repeat 10px;

  padding: .5em .5em .5em 50px;

}

h1 a {

  color: #000;

  text-shadow: 2px 2px 2px #9CD;

}

h1 a:hover {

  color: #000;

}



#toolbar {

  text-align:left;

  min-width:1140px; 

}



h2 {

  background: #666 url('bg_bar.png') center center repeat-x;

  border-bottom: 3px solid #DDD;

  clear: both;

  color: #DDD;

  font-size: medium;

  letter-spacing: .1em;

  margin: 0 0 1em 0;

  padding: .5em 1em;

  text-shadow: 1px 1px 1px #333;

/*  text-transform: lowercase; */

}





#maincont { 

  width:74%; 

  text-align:left; 

  float:left; 

}







/* NAVIGATION */



ul#navigation {

  list-style-type: none;

  margin: 0;

  padding: 1.9em 1em;

/*  text-transform: lowercase; */

  width: auto;

}

ul#navigation a {

  font-size: medium;

  font-weight: bold;

  padding: .2em .5em;

}

ul#navigation a:hover {

  background: #7AD;

  color: #FFF;

}

ul#navigation li {

  float: left;

}

ul#navigation li.access {

  float: right;

}



/* BOOKMARKS */



ol#bookmarks {

  list-style-type: none;

  margin: 0;

  padding: 0 1em;

/*  width: 70%; */

}



html > body ol#bookmarks {

  margin: 0 1em;

  padding: 0;

}







div.link a {

  color: blue; 

  margin: 4px 16px 4px 8px; 

  padding:4px 8px 4px 22px; 

  font-size: 20px;
  
  display:block; 
  
  background:#DDDDDD; 
  
  border: 1px solid #FFFF33; 

}



div.link a:visited {

  color: purple;

}





div.meta {

  color: #285;

}



div.meta span {

  color: #F00;

}



li.xfolkentry {

  border-bottom: 1px solid #DDD;

  background:#FFFFFF; 

  margin: 0px 0px 20px 0px;

  padding: 1em .5em;

  clear:both; 

}

html > body li.xfolkentry {

  border-right: 2px solid #AAA;

  border-bottom: 2px solid #AAA;

}

li.xfolkentry div {

  padding: .1em;

}

li.xfolkentry.deleted {

  opacity: .5;

}

li.xfolkentry.private {

  border-left: 3px solid #F00;

}

li.xfolkentry.shared {

  border-left: 3px solid #FA0;

}



.xfolkentry p.description { 

  margin:16px 20px 2px 210px; 

  padding:8px 8px 8px 10px; 

  background:#AACCEE; 

  border: 2px dotted #CCFF33; 
  
  min-height:102px; 

}



.urlinfo { 

  text-align:right; 

  margin: 4px 16px 4px 4px; 

  padding: 2px; 

}





.urlinfo a { 

  color:#AA0033;

}





.xfolkentry img { 

  float:left; 

  margin:2px 8px 2px 4px; 

  padding:0px; 

}



.xfolkentry p.tags { 

  clear:both; 

  margin:8px 18px 2px 18px; 

  padding:0px; 

}



.xfolkentry p.tags a { 

  margin:2px 2px 2px 2px; 

  padding:4px 6px 4px 6px; 

  text-decoration:none; 

  background:#DDDDFF; 

  color:#003366; 
  
  border:1px solid #3399CC; 

}



.xfolkentry p.tags a:hover { 

  background:#FFFF33; 

  color:#002266; 

}



.xfolkentry div.meta { 

  clear:both; 

  margin:2px 2px 2px 28px; 

  padding:0px; 

}



/* SIDEBAR */



div#sidebar {

  font-size: small;

  float:right;

  width: 25%;

}



div#sidebar a {

  color: #995;

}

div#sidebar a:hover {

  color: #773;

}

div#sidebar div {

  background: #FFF url('bg_sidebar.png') bottom repeat-x;

  border: 1px solid #CC8;

  color: #555;

  margin-bottom: 1em;

}

div#sidebar h2 {

  background: transparent;

  border: 0;

  color: #995;

  letter-spacing: 0;

  margin: 0;

  padding: .5em 0;

  text-shadow: none;

}

div#sidebar hr {

  display: none;

}

div#sidebar p {

  margin: 1em;

}

div#sidebar p.tags a {

  margin: 0;

}

div#sidebar table {

  margin: .5em .5em 0 .5em;

}

div#sidebar table td {

  padding-bottom: .25em;

  padding-right: .5em;

}

div#sidebar ul {

  list-style-type: none;

  margin: 0;

  padding: .5em .8em .5em 0;

}

div#sidebar ul li {

  margin: .5em 0;

}





/* TAGS */



p.tags {

  line-height: 2.25em;

  margin: 2em 10%;

  text-align: justify;

  vertical-align: middle;

}

p.tags a,

p.tags span {

  color: #47A;

  margin-right: .5em;

}

p.tags span:hover {

  cursor: pointer;

  text-decoration: underline;

}

p.tags span.selected {

  background: #CEC;

}



/* PROFILE */



table.profile th {

  width: 10em;

}



/* OTHER GUFF */



dd {

  background: #CEC;

  border-right: 4px solid #ACA;

  color: #464;

  padding: 6px;

}

dd a {

  color: #464;

}

dd a:hover {

  color: #000 !important;

  text-decoration: underline !important;

}



dl {

  font-size: small;

  margin: 1em;

/*  width: 70%; */

}

dl#profile dd {

  background: #CDE;

  border-color: #ABC;

  color: #247;

}

dl#profile dt {

  background: #BCE;

  border-color: #9AC;

  color: #245;

  display: block;

  font-weight: bold;

  padding: 6px;

}

dl#profile a {

  color: #446;

}

dl#profile a:hover {

  color: #000 !important;

  text-decoration: underline !important;

}

dl#meta dd {

  line-height: 1.5em;

}

dl#meta dt {

  background: #BDB;

  color: #353;

  display: block;

  font-weight: bold;

  padding: 6px;

}

dt {

  border-right: 4px solid #9B9;

}

dt a {

  background: #BDB;

  color: #353;

  display: block;

  font-weight: bold;

  padding: 6px;

}

dt a:hover {

  background: #ACA;

  border: 0;

}

form {

  margin: 0;

}

form#search {

/*   background: #FFF; */

  color: #555;

  font-size: small;

  margin-bottom: 1em;

}

form label,

form td,

form th {

  font-size: small;

}

form table {

  margin: 0 1em;

}

h3 {

  background: #DDD;

  color: #555;

  font-size: small;

  letter-spacing: .2em;

  margin: 2em 1em 1em 1em;

  padding: .5em .75em;

  text-shadow: 1px 1px 1px #FFF;

}

li {

  font-size: small;

  margin-bottom: .5em;

}

p {

  font-size: small;

  margin: 1em;

}



p#sort {

  clear:both; 

  color: #CCC;

  font-size: small;

  float: right;

  margin: 0;

  position: absolute;

  right: 0;

  top: 6.9em;

}

html > body p#sort {

  margin-right: .75em;

}

p#sort a {

  background: #AAA;

  color: #555;

  font-weight: normal;

  margin-right: .5em;

  padding: 0 1em;

  border-radius: .25em;.

}

html > body p#sort a {

  margin-right: 0;

}

p#sort a:hover {

  background: #CCC;

  text-decoration: none !important;

}

p#sort span {

  display: none;

}



p.paging {

  font-size: small;

  margin-left: 1em;

}

p.paging a,

p.paging span.disable {

  background: #888;

  color: #FFF;

  display: inline;

  margin-right: .5em;

  padding: .25em 1em;

}

p.paging a:hover {

  background: #666;

}

p.paging span {

  display: none;

}

p.paging span.disable {

  background: #DDD;

  color: #AAA;

}

div.collapsible p.tags {

  line-height: 2.25em;

  margin: 1em 2em;

}

th label {

  padding-right: 1em;

}

ul {

  margin-right: 1em;

  width: 75%;

}

