/*********************************************************************************************
DEFAULT STYLES
**********************************************************************************************/

body { 
margin: 10px 10px 10px 10px;
scrollbar-base-color:#FFF8F2;
scrollbar-3dlight-color:#F1E6DC;
scrollbar-arrow-color:#8C6A5A;
scrollbar-darkshadow-color:#F1E6DC;
scrollbar-face-color:#FFF8F2;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#8C6A5A;
scrollbar-track-color:#F1E6DC;
color: #000000;
background-color: #FFF8F2;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
}

body.white {
 background-color: #FFFFFF;
}

.nomargin {
	margin: 0px 0px 0px 0px;
}

.dark {
 background-color: black;	
}

table {
 font-size: 100%;
 margin: 0px 0px 0.8em; 0px;
}

/*********************************************************************************************
DEFAULT LINK STYLES
**********************************************************************************************/

a { 
color: #0099DB;
text-decoration: underline;
}

a:active { 
color: #00AC5B;
text-decoration: underline;
}

a:link { 
color: #0099DB;
text-decoration: underline;
}

a:hover { 
color: #00AC5B !important;
text-decoration: underline;
}

a:visited { 
color: #777777;
text-decoration: underline;
}



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

.on  a:active { 
color: #00AC5B;
text-decoration: underline;
}

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

.on a:hover { 
color: #00AC5B !important;
text-decoration: underline;
}

.on a:visited { 
color: #555555;
text-decoration: underline;




}

/*********************************************************************************************

**********************************************************************************************/

a.t { 
color: #000000;
text-decoration: none;
}

a.t:active { 
color: #000000;
text-decoration: none;
}

a.t:link { 
color: #000000;
text-decoration: none;
}

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

a.t:visited { 
color: #000000;
text-decoration: none;
}

h1 a.t { 
color: #89654C;
text-decoration: none;
}

h1 a.t:active { 
color: #89654C;
text-decoration: none;
}

h1 a.t:link { 
color: #89654C;
text-decoration: none;
}

h1 a.t:hover { 
color: #00AC5B;
text-decoration: underline;
}

h1 a.t:visited { 
color: #89654C;
text-decoration: none;
}

a.tg { 
color: #000000;
text-decoration: none;
}

a.tg:active { 
color: #000000;
text-decoration: none;
}

a.tg:link { 
color: #000000;
text-decoration: none;
}

a.tg:hover { 
color: #00AC5B;
text-decoration: underline;
}

a.tg:visited { 
color: #000000;
text-decoration: none;
}


/*********************************************************************************************
TITLE STYLES
**********************************************************************************************/

h1 {
	font-family : arial, helvetica, sans-serif;
	font-size : 140%;
	font-weight : bold;
	margin: 0px 0px 0.2em 0px;
	color: #89654C;
}


h1.header {
	font-family : arial, helvetica, sans-serif;
	font-size : 140%;
	font-weight : bold;
	margin: 0px 0px 0px 10px;
	color: #C99773;
}
 
h1.rightframe {
	font-family : arial, helvetica, sans-serif;
	font-size : 120%;
	font-weight : bold;
	margin: 0px;
	color: #C99773;
}
 
h1.wiki {
	font-family : arial, helvetica, sans-serif;
	font-size : 140%;
	font-weight : bold;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #89654C;
}

/* use this for other than page titles */
h2 {
font-family : arial, helvetica, sans-serif;
font-size : 120%;
font-weight : bold;
margin: 0px 0px 0.2em 0px;
 }
 
h2.wiki {
font-family : arial, helvetica, sans-serif;
font-size : 120%;
font-weight : bold;
margin-top: 0px;
margin-bottom: 0px;
}

h3.wiki {
font-family : arial, helvetica, sans-serif;
font-size : 110%;
font-weight : bold;
margin-top: 0px;
margin-bottom: 0px;
}

/*********************************************************************************************
TEXT STYLES
**********************************************************************************************/

.bigger
{
 font-size: 130%;
}

.big
{
 font-size: 120%;
}

.smaller 
{
 font-size: 95%;
}

.small
{
 font-size: 75%;
}

p {
	margin: 0.1em 0em 0.8em 0em;
}

.red {
 color: red;
}


/*********************************************************************************************
ADDITIONAL STYLES
**********************************************************************************************/

/* list styles according to the basic layout */
ul, ol, li { 
margin-top:0.5em;
font-family: arial, helvetica, sans-serif;
list-style-type: bullet;
list-style-position: outside;
}


ul.t { 
margin-top:0.5em;
margin-left:1em;
padding-left:0em;
font-family: arial, helvetica, sans-serif;
list-style-type: none;
list-style-position: outside;
}

ul.t li { 
margin-top:0.5em;
margin-left:0em;
padding-left:0em;
font-family: arial, helvetica, sans-serif;
list-style-type: none;
list-style-position: outside;
}

.ml {
 margin-left:0.5em;
}


/*********************************************************************************************
CLICK-BUTTON STYLE
**********************************************************************************************/

.cl {
background: #71523D;
}

a.cl {
background: #71523D;
color: #FFFFFF; 
text-align: center;
font-weight: bold;
text-decoration: none;
}

a.cl:active { 
color: #FFFFFF;
text-decoration: none;
}

a.cl:link { 
color: #FFFFFF;
text-decoration: none;
}

a.cl:hover { 
color: #FFFFFF;
text-decoration: none;
}

a.cl:visited { 
color: #FFFFFF;
text-decoration: none;
}

/*********************************************************************************************
BACK-COLOR STYLES FOR TABLES B48D6A
**********************************************************************************************/

.on {
background-color: #B48D6A; 
}

.off {
background-color: #EEC299;
}


tr.hit1 {
background-color: #80FF80;
}

tr.hit2 {
background-color: #8080FF;
}

tr.hit3 {
background-color: #FF8080;
}

/*********************************************************************************************
STYLES FOR CALENDARS
**********************************************************************************************/

td.cday {
text-align: center;
background-color: #EEC299;
font-weight: bold;
}

td.cdayn {
color: #999999; 
background-color: #EEC299;
text-align: right;
}

td.cdayp {
color: #999999; 
background-color: #f9e8d8;
text-align: right;
}

td.cdaytoday {
background-color:  #B48D6A;
text-align: right;
}

/*********************************************************************************************
NEW CLICK-BUTTON STYLE
**********************************************************************************************/

.ncl, div.jqi button {
background: #71523D;
color: #FFFFFF; 
}

a.ncl {
text-align: center;
font-weight: bold;
text-decoration: none;
padding:0.13em 0.5em;
margin-right:0.5em;
}

a.ncl:active { 
color: #FFFFFF;
text-decoration: none;
}

a.ncl:link { 
color: #FFFFFF;
text-decoration: none;
}

a.ncl:hover { 
color: #00AC5B;
text-decoration: none;
}

a.ncl:visited { 
color: #FFFFFF;
text-decoration: none;
}

input.ncl{
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
padding:0em;
border:0;
}

input.pad{
padding:0.13em 0.5em;
}

.m1 {
margin-left:7px;
}

#container{
	background-color:#EEC299;	
	width:expression(document.body.clientWidth 	> 450 ? "450px": "auto");
	height:expression((document.body.clientHeight-document.getElementById('container').offsetTop-30)+"px");
}


/*********************************************************************************************
STYLES FOR WIKI
**********************************************************************************************/
 div.sideBox {
 	position: relative;
 	float: right;
 	background: white;
 	margin-left: 1em;
 	padding: 0.3em;
 	width: 200px;
 	overflow: hidden;
 	clear: right;
 }
 div.sideBox dl {
 	padding: 0;
 	margin: 0 0 0.3em 0;
 	font-size: 96%;
 }
 div.sideBox dl dt {
 	background: none;
 	margin: 0.4em 0 0 0;
 }
 div.sideBox dl dd {
 	margin: 0.1em 0 0 1.1em;
 	background-color: #f3f3f3;
 }
 
/* Infobox template style */

.infobox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}
 
/*********************************************************************************************
STYLES FOR ENTITY INFO
**********************************************************************************************/
 
ul#mp_navigation {
  margin: 0;
  padding: 0;
}

ul#mp_navigation li {
  list-style: none;
  display: inline;
  margin: 0; 
  padding: 0.5em 0 0.5em;
  float: left;
  width: 15em;
  white-space: nowrap;
  border-right: 1px solid black; 
}

ul#mp_navigation a {
  color: black;
  text-decoration: none;
  padding: 0 0.5em;
}

ul#mp_navigation span {
  color: gray;
  padding: 0 0.5em;
}

ul#mp_navigation a:hover {
  text-decoration: underline;
}

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

#mp_info {
  vertical-align:top;
  margin: 0 0.5em 0 0;
}

#mp_top {
  margin: 0;
  padding: 0;
  border: 1px solid black;
}
 

#mp_info h1 {
  font-size: 1.2em;
  margin: 0.2em 0.5em;
}
#mp_info p {
  margin: 0.5em;
}

#mp_info img {
   margin: 0 0.5em;
}

#mp_info small {
  margin: 0 0.5em;
}

#mp_info a {
  color: black;
}

#mp_content {
  vertical-align:top;
  padding: 1em 2em;
}

#mp_content h2 {
  font-size: 1.2em;
  margin: 0.2em 0;
}

#mp_content p {
  margin: 1em 0;
  text-align: justify;
}

#mp_content tr {
  background-color: #EEC299;
}

#mp_content td {
  padding: 0.5em;
}

#mp_content td.date {
  vertical-align:top;
}

#mp_content a.more {
  color: white;
  background-color: black;
  padding: 0.1em 0.5em;
  font-weight:bold;
}

#mp_content .float-right {
  margin: 1em 0px 1em 1em;
  float: right;
  clear: right;
}
 
 
/*********************************************************************************************
LAYOUT CLASSES
**********************************************************************************************/

.rs {
 margin-right:5em !important;
}

.fl {
 	float:left;
}

.alr {
	text-align:right;
}

.ml {
 margin-left:0.5em;
}

td.field {
 vertical-align:top;
 padding-right:1em;
 font-weight:bold;
}

ul.l1 {
 list-style-type:none;
 margin:0;
 padding:0;
}

li.l1 {
 margin:0;
 padding:0;
}

ul.l2 {
 list-style-type:circle;
 margin-top:0em;
 margin-bottom:0em;
 margin-left:1.5em;
 padding:0;
}

table.vote {
 width: 100%;
 margin-top:1em !important;
 padding-top:0em !important;
 margin-bottom:0.5em !important;
 padding-bottom:0em !important;
}

img.booklet {
 margin-right:1em;
 margin-bottom:1em;
}

td.track {
 padding-left:1em;
 padding-right:0.5em;
 width:3em;
 vertical-align:top;
}

td.tracktitle {
 padding-left:0.2em;
 padding-right:1em;
 width:30em;
}

td.hook {
 width:60px;
}


/*********************************************************************************************
PIP: Vote
**********************************************************************************************/

div.comment
{
 margin-top:1em;
 margin-bottom:1em;
}

div.error
{
 margin-top:1em;
 height:0.75em;
 margin-bottom:1em;
}

.clsWeb, .clsWeb:visited, .clsWeb:active, .clsWeb:focus{
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #00AC5B;
}

.clsWebNav, .clsWebNav:visited, .clsWebNav:active, .clsWebNav:focus{
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size:90%;
	text-decoration:none !important;
	color: #00AC5B !important;
}

.clsWeb:hover, .clsWebNav:hover {
	font-family: arial, helvetica, sans-serif;
	color: #0099DB !important;
	font-weight: bold;
}

table#webradio
{
	border-collapse:collapse; 
	background-color:#89654C; 
	color:#FFF8F2; 
	font-size:0.76em; 
	font-weight:bold;
}

#webradio td
{
 border-color:#B48D6A; 
 border-width:1px; 
 border-style:solid;
 text-align: center;
}

.hidimg
{
 display: none;
 margin-bottom: 1em;
}

/*********************************************************************************************
MDB
**********************************************************************************************/

.blue {
	background-color: #003399;
}

.a { 
background-color:#CCCCCC; 
}

.b { 
background-color:#E6E6E6; 
}

td.grey {
	background-color: #EEEEEE;
}

td.black {
	background-color: #000000;
}

.answer { 
	font-style:italic;
	margin:10px;
	padding:5px;
}

td.white {
	color: #FFFFFF;
	font-weight: bold;
}

a.white {
color: #FFFFFF !important;
text-decoration: none;
font-weight: bold;
}

a.white:active {
color: #FFFFFF !important;
text-decoration: none;
font-weight: bold;
}

a.white:link {
color: #FFFFFF !important;
text-decoration: none;
font-weight: bold;
}

a.white:visited {
color: #FFFFFF !important;
text-decoration: none;
font-weight: bold;
}

a.white:hover {
color: #FFFFFF !important;
text-decoration: underline;
font-weight: bold;
}

#concerts {
  width:500px;
}

#concerts tr {
  background-color:transparent;
}

#concerts tr.on {
  background-color:#B48D6A; 
}

#concerts tr.off {
  background-color:#EEC299;
}

#concerts td {
  padding: 0.2em;
}


/*********************************************************************************************
NAVIGATION
**********************************************************************************************/

body.navigation {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
}

.clsNode, .clsNode:link, .clsNode:visited, .clsNode:active, .clsNode:focus {
	color: white;
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	letter-spacing: 0.03em;
	font-weight: bold;
	text-align: left;
	text-decoration : none;
	width: 185px;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
}

.clsNode:hover{
	color: #EEB328;
	font-size: 70%;
	letter-spacing: 0.03em;
	font-weight: bold;
	text-align: left;
	text-decoration : none;
	width: 185px;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
}

.clsNode img
{
	border:0; 
}

.clsNode div
{
	padding-top:5px; 
	padding-bottom:5px;
}

.L1N {
	background-color:#89654C;	
}

.L2N {
	background-color:#B48D6A;	
}

.L3N {
	background-color:#D6A477;
}

#otherstations {
	margin-left:5px; 
	margin-top:5px;
	display:none;	
}

#otherstations div.osTxt {
	font-weight: bold; 
	color: #fff; 
	font-size: 70%; 
	margin:0; 
	padding:0; 
	margin-bottom:3px; 
	margin-left:0.4em;
}

#otherstations a {
	margin:1px;
	margin-top:4px;
	margin-left:0.4em;
	display:inline-block;
}

.evdate {
	padding-top:20px !important;
	font-weight:bold;
}

.redbox {
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
width:80%;
border:2px solid red;
background-color:#FFCCCC;
text-align:center;
padding:10px;
font-weight:bold;
}

.greenbox {
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
width:80%;
border:2px solid darkgreen;
background-color:#CCFFCC;
text-align:center;
padding:10px;
font-weight:bold;
}


ul#toc {
  list-style-type: none;
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  border-bottom: 1px solid black;
}
 
ul#toc li {
  display: block;
  float:left;
  margin: 0 0 0 4px;
}
 
ul#toc li a {
  display: block;
  padding: 5px 8px;
  background-color: #EEC299;
  text-decoration: none;
  color: black;
}

ul#toc li a.current,
ul#toc li a:hover {
  background-color: #B48D6A;
}

ul#toc li.hidden, div.panes .hidden, .hidden {
	display:none;
}

ul#toc span {
  display: block;
  padding: 5px 8px;
  background-color: #EEC299;
  color: gray;
}

#allist {
	margin: 0 0.5em;
}

#allist ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

#allist ul li {
	margin: 0;
	padding: 0;
}