@import url(/js/jscalendar/calendar.css);
@import url(/css/apf4.css);
@import url(/css/dropdown/dropdown.vertical.css);
@import url(/css/dropdown/themes/ccd/default.css);

* {
  font-family: 'Arial', sans-serif;
  /*font-family: 'Utopia' serif;*/
  /*font: normal 16px/20px 'Arial' sans-serif;*/
}

body {
  /*background: #fff url(/alt.gif) repeat-y fixed 0%;*/
  color: #000;
  font-size: 13px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  background: #fff url(/lshadow.gif) repeat-y 100%;
}

#main {
  font-size: 13px;
  padding: 0.1px 380px 0 180px;
  z-index: 10;
}

#sub {
  position: absolute;
  font-size: 13px;
  width: 350px;
  right: 25px; /* needs  this value because of IE 5.* bug */
  /*margin-top: -5em;*/
  background-color: inherit;
}

/*
.sub-musicatlas {
  width: 0px;
  background-color: #fff;
}
*/

#subgeneral {
  position: absolute;
  font-size: 13px;
  background-color: inherit;
  width: 160px;
  margin-top: -8em;
  left: 10px;
  z-index: 5;
}

#bannermenu,
#bannermenu td {
  /*display: block;*/
  /*min-width: 14em;*/
  width: 90%;
  border: 2px ridge #c33;
  /*background-color: #c33;*/
  background: url("/rshadow.gif") repeat-y right #c33;
  padding: 1px 0.5em;
  color: white;
}

#bannermenu td {
  font-size: larger;
  width: 12em;
}

#maps_list {
  height: 50ex;
  overflow: auto;
  background-color: #efe0e0;
  /* border: 2px #efe0e0 inset; */
}

#maps_list ul li {
  font-weight: bold;
  list-style: none;
}

#maps_list ul li ul li {
  font-weight: normal;
  background-color: #eee;
  list-style: none;
}

#popup {
  padding: 10px 30px 10px 10px;
}

div#concert {
  margin: 0.5em 3em;
  padding: 1em 0.5em;
  border: 3px #c33 solid;
}

.concert {
  margin: 0em 0em -0.5ex 0em;
  padding: 0.5em 0.2em;
  border: 2px #c33 solid;
}

div#concert p {
  text-indent: 0px;
  margin-bottom: 1em;
}

div.news {
  /*background-color: #ffa;*/
  background: inherit url(/bg_gr_l.jpg) repeat-x top;
  border-left: 1px #c33 solid;
  border-top: 1px #c33 solid;
  border-bottom: 1px #c33 solid;
  padding: 0.5ex;
  margin-bottom: 1ex;
}

div.comments {
  background-color: #efefef;
  font-size: 13px;
  padding: 0.5em;
}

div.comment {
  border-bottom: 1px #ccc solid;
}

div.comment-details {
  font-size: 11px;
  text-align: right;
}

#uploadtxt {
  background-color: #fff;
  opacity: 0.8; /* CSS3 - FF, Safari,... */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
  filter: alpha(opacity=80); /* IE7 */
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  color: black;
  font-weight: bold;
  padding-left: 0.5em;
  z-index: 480;
}

#site-name {
  font-size: 200%;
  font-weight: bold;
  background: url(/h1bg.gif) repeat-x top;
  padding: 20px 0px;
  letter-spacing: 0.3ex;
  /*height: 70px;*/
  text-align: center;
}

#h1 {
  margin: 0em 0em 0em 180px;
  padding: 0em 0em 0em 0em;
}

h1 {
  /*background: #fff url(/alt.gif) no-repeat center left;*/
  background: url(/h2bg.jpg) no-repeat center left;
  font-size: 150%;
  border-top: 2px solid #c33;
  /*text-decoration: overline;*/
  letter-spacing: 0.3ex;
  margin-right: 25px;
  padding-left: 0.5ex;
  /*padding-top: 15px;*/
  /*margin-top: 3em;*/
}

h2, h3, h4, h5, h6 {  
  margin-top: 0.5ex;
  margin-bottom: 0.2ex;
  padding-left: 0ex;
  clear: both;
}

h2 {  
  font-size: 130%;
}

h3 {  
  font-size: 120%;
}

h4 {  
  font-size: 115%;
}

h5 {  
  font-size: 110%;
}

h6 {  
  font-size: 105%;
}

#header {
  zoom: 100%; /* solves stupid IE bug */
  background: #c33  url(/tshadow.gif) repeat-x scroll;
  color: #fff;
  font-size: 13px;
  /*height: 16ex;*/
  margin: 0em 0em 0em 0em;
  padding: 20px 0em 0em 8px;
  /*font-size: 110%;*/
  /*background-color: #cc9;*/
}

/*#bannermenu td,*/
.head {
  background: #c33 url(/rshadow.gif) repeat-y scroll 100%;
  color: #fff;
  font-size: 13px;
  margin: 1em 0em 0em 0em;
  padding: 0.2em 0.2em;
}

h6.head {
  margin: 0em;
  font-size: 11px;
}

#bannermenu a:link,
h4.head a:link {
  color: #ffa;
}

#bannermenu a:active,
h4.head a:active {
  color: #ffa;
}

#bannermenu a:visited,
h4.head a:visited {
  color: #ffa;
}
#bannermenu a:hover,
h4.head a:hover {
  color: #ffa;
}

h2.section {
  clear: left;
  background: transparent url(/h2bg.jpg) no-repeat center left;
  /*background-color: #fff;*/
  font-size: 110% /*larger*/;
  letter-spacing: 0.3ex;
  padding-top: 0ex;
  padding-bottom: 0.5ex;
  /*padding-left: 3ex;*/
  margin-top: 2.5ex;
  margin-bottom: 1ex;
  border-top: 2px solid #c33;
  /*text-decoration: overline;*/
}

smp h2.section {
  margin-top: 0px;
}
p {
  /*font-size: 13px;*/
  text-indent: 3ex;
  text-align: justify;
  margin: 0ex 0ex 0.5ex 0ex;
}

blockquote {
  border-left: 1px dotted #c33;
  padding: 0.5em;
}

.place {
  border: 1px dotted #c33;
  padding: 0.5em;
  clear: left;
}

li {
  font-size: 13px;
  padding: 0px 0px 0px 3px;
  /*text-align: justify;*/
}

ul li {
  list-style-image: url(/li.gif);
  list-style-position: inside;
}

.places li {
  list-style-image: url("/img_atlas/markers/ccd_tiny.png");

  list-style-position: inside;
}

ol li {
  list-style-image: none;
  list-style-type: decimal;
}

.odd {
  float: left;
  width: 100%;
  background-color: inherit;
  border-top: 1px dotted #f33;
  border-bottom: 1px dotted #f33;
  margin: 0px;
  padding: 1px;
  text-indent: 0px;
  list-style-type: none;
  list-style-position: outside;
}

.even {
  float: left;
  width: 100%;
  background-color: #eeeeee;
  /*border-top: 1px dotted #f33;
  border-bottom: 1px dotted #f33;*/
  margin: 0px;
  padding: 1px;
  text-indent: 0px;
  list-style-type: none;
  list-style-position: outside;
}

/* ugly fix for spacing problem when the wz_tooltip is inside element, but does not work... */
/*
#sub .smp .item .even, #main .even { 
  margin: -10px 0px -1px 0px;
}
*/

/*
ol div {
  display: list-item;
  list-style-type: decimal;
}
*/

.placeimage, .compimage {
  float: left;
  padding: 3px;
  margin: 1px;
  border: 1px dotted gray;
  width: 140px;
  height: 150px;
  overflow: auto;
  text-align: center;
  font-size: smaller;
}

.stars {
  font-weight: bold;
}

.concerts li, .news li {
  margin-bottom: 1ex;
  padding-top: 1ex;
  border-top: 1px dotted #c33;
}

ul, dl {
  margin: 2px 0px 2px 0em;
  padding: 2px 0px 2px 0px;
  /*list-style: square;*/
}

dl {
  list-style: none;
}

dt {
  font-weight: bold;
  border-top: 1px dotted #c33;
}

dd {
}

ul ul li {
  list-style: square;
  list-style-position: inside;
  padding-left: 1.5em;
}

a {
  text-decoration: none;
  color: #c33;
  cursor: pointer;
}

a:link {
  /*color: #c66;*/
  color: #c33;
}

a:active {
  color: #000;
}

a:visited {
  color: #c33;
}

a:hover {
  text-decoration: underline;
}

.nav a{
}

.nav a:link {
}

.nav a:active {
  background-color: #ccc;
}

.nav a:visited {
}

.nav a:hover {
  text-decoration: underline;
}

/*
.snav {
  z-index: 1000;
}
.snav A {
  display: block;
}
*/

.dnav a span, .snav A {
  color: #ffc;
  font-weight: bold;
  background-color: #c33;
  padding: 0em 0.2em;
  border-left: 1pt white solid;
  border-right: 1pt white solid;
}

.dnav a:link span, .snav a:link {
}

.dnav a:active span, .snav a:active {
  background-color: #ffc;
}

.dnav a:visited span, .snav a:visited {
  color: #ffc;
}

.dnav a:hover span, .snav a:hover {
  color: #ffc;
  background-color: #900;
  text-decoration: underline;
}

form {
  margin: 0px 0px 1px 0px;
}

#sub form {
  font-size: smaller;
}

.submit {
  background-color: #dda;
  border: 1px #c33 outset;
  /*padding: 0px;*/
  padding: 1px 3px;
}

input, select, textarea {
  background-color: #ffe;
  border: 2px #c33 solid;
  color: #c33;
}

th, td {
  padding: 0.3ex 0.2ex;
  font-size: 13px;
  vertical-align: top;
}

th {
  border: 1px #ccc solid;
}

img {
  margin: 0ex;
  /* border: 1px #ccc solid; */
  border: 0px;
  vertical-align: middle;
  background-color: inherit;
}

#side_bar img, .tightimage img, .place img, .section img, .placeimage img, .compimage img {
  margin: 0px;
  padding: 0px;
}

#side_bar {
  height: 500px;
  overflow: auto;
  width: 200px;
}

hr {
  width: 100%;
  border: 1px #ccc solid;
}

.date, .copy, .contr {
  font-size: 11px;
  margin-bottom: 0.5ex;
}

.contr {
  text-align: right;
}

.update {
  font-size: 12px;
  text-align: left;
}

.img {
  clear: both;
  /*background-color: #f6f6f6;*/
  background-color: inherit;
  padding: 0ex 0ex;
  margin-left: 0em;
  text-align: center;
  width: 100%;
}

.snd {
  margin: 1ex;
  text-align: left;
  font-size: small;
  border-bottom: 1px #c33 dotted;
}

.nav {
  /*background: #ffa;*/
  /*background: #fff url(/bg_gr.jpg) repeat-x top;*/
  text-align: left;
  font-size: 14px;
  padding-left: 0.2em;
  /*border-left: 1px #c33 solid;*/
}

.compnav {
  border: 1px solid #c33;
  font-size: 13px;
}

.see-groups {
  font-size: 11px;
  margin: 1ex 1em;
  padding: 0.3ex 0.3em;
  width: 140px;
  border-left: 1px #c33 dotted;
  float: right;

}

.ccdad {
  padding: 0.2em 0.5em;
  /*width: 50%;
  float: right;*/
  background: #f5f5f5;
  font-size: 13px;
  /*border-left: 1px solid #c33;
  border-right: 1px solid #c33;
  border-top: 1px solid #c33;
  border-bottom: 1px solid #c33;*/
}

.emusicad {
  padding: 0.2em 0.5em;
  margin: 0em 0em 1em 0em;
  /*margin-left: 0.5em;
  width: 35%;
  float: right;*/
  background: #f5f5f5;
  font-size: 13px;
  border: 1px solid #ddd;
  /*border-right: 1px solid #c33;
  border-top: 1px solid #c33;
  border-bottom: 1px solid #c33;*/
}

#ccdpresentation {
  padding: 0em 0em;
  margin-top: 20px;
  background: #f5f5f5;
  /*background: #9cf;*/
  border: 2px ridge #c33;
  overflow: auto;
  /*border-left: 2px solid #c33;
  border-right: 2px solid #c33;
  border-top: 2px solid #c33;
  border-bottom: 2px solid #c33;*/
}

#bigloginform {
  /*float: right;*/
  /*background: #c33;*/
  background-color: #fff;
  font-size: smaller;
  border: 2px solid #c33;
  padding: 1em;
  margin: 1em;
}

#loginform {
  float: right;
  /*background: #c33;*/
  background-color: #fff;
  font-size: smaller;
  border: 6px double #c33;
  padding: 0em 0.5em;
}

#loginform a {
  /*color: white;*/
}

#topnav {
  position: relative;
  margin-bottom: 0ex;
}

#mnav {
  /*background: #fff url(/bg_gr.jpg) repeat-x top;*/
  position: relative;
  /*padding-top: 90px;*/
  margin-left: 180px;
  margin-right: 0%;
  clear: both;
}

.snav {
  position: absolute;
  /*background: #dda;
  margin: 0pt 1pt;*/
}

.dnav {
  margin-top: 5ex;
  border-bottom: 1px solid #fff;
}

.aff {
  /* border: 1px #999 solid; */
  border-bottom: 1px dotted #c33;
}

.smp {
  clear: both;
  float: left;
  /*border: 2px #e0dddd solid;*/
  /*border-left: 1px #999 solid;*/
  padding-left: 5px;
  font-size: 13px;
  /*background-color: #f0eeee;*/
  background: transparent url(/h1.jpg) no-repeat top left;
  /* background: url(/h1.jpg) no-repeat inherit; */
  width: 340px;
}

.smpsearch {
  background-color: inherit;
  margin-bottom: 10px;
}

.events {
  font-size: 13px;
  background-color: inherit;
}

.item {
  clear: both;
  font-size: 13px;
  /*border-top: 1px #333 dotted;*/
  /*padding-bottom: 0.5ex;*/
}

.itemimg {
  float: left;
  margin-right: 0.5em;
}

.item .odd a, .item .even a {
  /*background: transparent url(/l.gif) no-repeat 0px 50%;
  padding-left: 15px;*/
  /*font-weight: bold;*/
}

.timeline img, .head img, #ddnav img, .dropdown img  {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.timeline a {
  font-size: 13px;
}

.error_message {
  border: 1px solid red;
  color: red;
}

.status_message {
  border: 1px solid #ccc;
  color: green;
  padding: 0.5em;
}

.unconfirmed {
  color: black;
  background-color: white;
  font-weight: bold;
  padding: 2px;
  border: 6px double red;
}

.refine_group {
  float: right;
  background-color: #f9f9f9;
  border: 1px #ccc dotted;
  padding: 1em;
  margin: 2.5ex 0em 1em 1em;
}

.refine_group div a {
  font-size: 11px;
}

#nav_begin {
  /*background-color: #fff;
  background: #fff url(/bg_gr_l.jpg) repeat-x top;*/
}

/*
.content {
  background-color: #eee;
  border: 1pt solid #ccc;
  margin: 1em;
  padding: 1em;
}
*/

.atlasentry .addr {
  font-size: smaller;
}

.atlasentry h6 {
  width: 300px;
}

.atlasentry h6 a {
  padding-left: 15px;
  background: transparent url(/l.gif) no-repeat scroll 0px 50%;
}

.atlasentry .descr {
  width: 300px;
  height: 150px;
  overflow: auto;
  color: white;
  background-color: #333;
  border: 2px dotted red;
  padding: 0.5em;
}

.atlasentry .ul {
  list-style: none;
}

.atlasentry .descr img {
  margin: 0px 2px 2px 0px;
  padding: 0px;
}

/*
.smp legend {
  line-height: 4ex;
  padding: 1em 3em;
  vertical-align: text-bottom;
}
*/

.go {
  clear: both;
  background: transparent url(/l.gif) no-repeat 3px 50%;
  padding-left: 15px;
  /*background-color: inherit;*/
  font-weight: bold;
  /*border-left: 3px double #c33;
  padding-left: 3px;*/
}

ul.dropdown-vertical ul {
  left: 30px;
  top: 2ex;
  /*background-color: #ccc;*/
}

ul.dropdown-vertical li a {
  background-color: #c33;
  width: 150px;
}

ul.dropdown-vertical li ul li a {
  background-color: #333;
  width: 120px;
}

/*
** Google Custom Search
*/

.cse-branding-right,
.cse-branding-form,
.cse-branding-text,
.cse-branding-logo,
#cse-search-box,
#cse-search-box div {
  display: inline;
}

fieldset {
  /* padding: 0.2em 0.5em; */
  padding: 0em 0em;
}

.smp fieldset {
  border: 0px none;
  background: transparent url(/h1.jpg) no-repeat center left;
}

.smp legend {
  font-size: larger;
  font-weight: bold;
  background: transparent url(/h2bg.jpg) no-repeat center left;
  border-top: 2px solid #c33;
  width: 100%;
}

/*
** Collapsing fieldsets [taken and adapted from Drupal]
*/
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
}

html.js fieldset.collapsed * {
  display: none;
}

html.js fieldset.collapsed table *,
html.js fieldset.collapsed legend,
html.js fieldset.collapsed legend * {
  display: inline;
}

/*
legend {
  border: 1px solid #000;
}
*/

html.js fieldset.collapsible legend a {
  padding-left: 15px;
  background: url(/js/menu-expanded.png) 5px 50% no-repeat;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

html.js fieldset.collapsed legend a {
  background-image: url(/js/menu-collapsed.png);
}

/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsible legend a {
  display: block;
}

/*
** Resizable text areas
*/
textarea {
  display: block;
  width: 95%;
}

.resizable-textarea {
  width: 95%;
}
.resizable-textarea .grippie {
  height: 6px;
  background: #eee url(/js/grippie.png) no-repeat 50% 100%;
  border: 1px solid #ddd;
  border-top-width: 0px;
  cursor: s-resize;
}

/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  z-index: 90;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #c33;
  white-space: pre;
  cursor: default;
  border-bottom: 1px dotted #c33;
  list-style: none;
}
#autocomplete li.selected {
  background: #c33;
  color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(/js/throbber.gif);
  background-repeat: no-repeat;
  background-position: 100% 2px;
}
html.js input.throbbing {
  background-position: 100% -18px;
}

.img_ad {
  background-color: transparent;
  border: 0px;
  padding: 0em 0em;
  margin: 0.2em 0em;
  text-align: center;
}


/* account pages */

#create_account, .text_ad {
  /*
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  */
  background-color: #f5f5f5;
  border: 2px solid #c33;
  padding: 0.2em 1em;
  margin: 0.51em 0em;
}

.acc_field {
  margin-bottom: 1em;
  padding-left: 0.5em;
  border-left: 5px solid #ccc;
}

.acc_field sup {
  color: red;
  padding-left: 1em;
}

/* user detail pages */

.user_name {
  font-size: larger;
}
.user_place {
  border-top: 1px solid #ccc;
  margin-top: 1em;
}
.user_email {
  
}
.user_created {
  border-bottom: 1px solid #ccc;
}
.user_interest_head {
  font-size: larger;
  margin: 1em 1em 0em 1em;
}
.user_interest_descr {
  border: 1px solid #ccc;
  margin: 0em 1em 1em 1em;
}

/*
*/
#eventdatespan {
  color: #c33;
  border: 1px solid #c33;
  padding: 0em 0.5em;
}
.stitle {
  font-size: 82%;
}
.comp_list {
  /*width: 100%;*/
  border: 1px #c33 dotted;
}
.comp_list .comp_header {
  font-weight: bold;
  background-color: #eee;
  border: 1px #ccc dotted;
}
.comp_list .comp_type {
  font-size: 82%;
  background-color: #efefef;
  border: 1px #eee dotted;
}
.comp_list .comp_item {
}
.comp_list .comp_opus {
  border-right: 1px #ccc dotted;
  width: 15%;
  text-align: right;
}
td ul {
  margin: 0px;
}
.instr_item {
  list-style-image: url(/li1.gif);
}
.solo_instr li {
  padding-left: 0.5em;
  border-left: 3px #c33 solid;
}
.ens_instr li {
  padding-left: 0.5em;
  border-left: 3px #03c solid;
}

.remove_button_form {
  display: inline;
  font-size: smaller;
}

.work_list_message {
  border: 1pt #ccc solid;
  padding: 0.2em 1em;
}

.search_prev {
  padding: 0.2em 1em;
  color: #666;
}

.tab_active {
  border-collapse: collapse;
  display: inline;
  font-weight: bold;
  padding: 2px 5px;
  background: #eee;
  border-width: 2px;
  border-color: #c33;
  border-style: solid solid none solid;
  /*border-top: 2pt solid gray;
  border-left: 2pt solid gray;
  border-right: 2pt solid gray;*/
}

.tab_inactive {
  border-collapse: collapse;
  display: inline;
  font-weight: bold;
  padding: 0px 5px;
  background: #fff;
  border-width: 2px;
  border-color: gray;
  border-style: solid solid none solid;
  /*border-top: 1pt solid gray;
  border-left: 1pt solid gray;
  border-right: 1pt solid gray;*/
}

.tab_box {
}
.tab_box ul {
  border-bottom: 2px solid #c33;
  margin: 0px;
  padding: 0px;
}
.pager {
  clear: both;
  text-align: center;
}

.toti { /* for wz_tooltip layout */
  margin: 0px;
  padding: 0px;
}

.addthis_toolbox {
  margin: 1ex 0 1ex 3ex;
}