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

body { 
	margin: 10px 10px 10px 10px;
	scrollbar-base-color:#EBF2FA;
	scrollbar-3dlight-color:#DEE5EF;
	scrollbar-arrow-color:#5A728C;
	scrollbar-darkshadow-color:#DEE5EF;
	scrollbar-face-color:#EBF2FA;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#5A728C;
	scrollbar-track-color:#DEE5EF;
	color: #000;
	background-color:#EBF2FA;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
}

.dark {
	background-color:#143254;
}

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

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

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


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

a { 
color: #255480;
text-decoration: underline;
}

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

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

a:hover { 
color: #E20025;
text-decoration: underline;
}

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

/*********************************************************************************************
LINK STYLE (NO UNDERLINE) Used in Playlist / Event-Calendar
**********************************************************************************************/

a.t:link, a.t:active,a.t:visited { 
	color: #000;
	text-decoration: none;
}

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

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

/* use this for page titles only */
h1 {
 font-family : arial, helvetica, sans-serif;
 font-size : 140%;
 font-weight : bold;
 margin-top: 10px;
 margin-bottom: 5px;
 color : #011C3A;
}

h1.header {
font-family : arial, helvetica, sans-serif;
font-size : 140%;
font-weight : bold;
margin: 0px 0px 0px 10px;
color : white;
}

h1.rightframe {
	font-family : arial, helvetica, sans-serif;
	font-size : 120%;
	font-weight : bold;
	margin: 0px;
	color : white;
}
 
h1.wiki {
font-family : arial, helvetica, sans-serif;
font-size : 140%;
font-weight : bold;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
color : #011C3A;
}


/* 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;
}

/*********************************************************************************************
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:4em;
 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;
}


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

.cl {
background: #143254;
}

a.cl {
background: #143254;
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;
}

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

.ncl {
background-color: #143254;
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: red;
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;
}

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

.on {
background-color: #78a3da;
}

.off {
background-color: #A4C7E9;
}


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

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

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

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

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

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

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

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

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

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

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

table.webradiolink
{
	border-collapse:collapse; 
	font-size:0.76em; 
	font-weight:bold;
}

.webradiolink td
{
 border-color:#3F74A5;
 background-color:#A4C7E9;
 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;
}

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;
}

/*********************************************************************************************
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;
  background-color: #A4C7E9;
}

#mp_top {
	background-color: #78a3da;
  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: #A4C7E9;
}

#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;
}

#concerts {
  width:500px;
}

#concerts tr {
	background-color:transparent;
	margin:0;
	padding:0;
}

#concerts td {
	margin:2px;
	padding:2px;
}

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

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

.italic
{
  font-style:italic;
}

/*********************************************************************************************
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: red;
	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:#143254;	
}

.L2N {
	background-color:#1D4A74;	
}

.L3N {
	background-color:#2B6193;
}

#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 img {
	margin:1px;
	margin-top:4px;
	margin-left:0.4em;
	border:0;
}

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