﻿/*
Title:      	deZandloper init styles for screen media
Author:     	gbe, © 2007 anaXis nv.
Updated:        Oct 28 2010
*/

/* ---- [ typography ] ------------ */
a { color: #006690; }
h1 { color: #006690; }
h2, h3 { color: #006690; font-size: 1.6em; line-height: 1.1em; padding-bottom: 1.2em; }
legend { color: #D99999;}
li, p, td, th { color: #595959; }

/* ---- [ wrapper ] -------------- */
#wrapper { background-color: #71C3DB; color: #595959; }

/* ---- [ header ] -------------- */
#header #logo { top: 41px; left: 30px; }
#header #logo a { color: #79CBE3; font: bold 4.82em/.8em 'Century Gothic'; text-decoration: none; }

/* ---- [ container ] -------------- */
#container { background: #E6E6E6 url(images/bg_container.gif) repeat-y; }

/* ---- [ container: =mast ] -------------- */
#mast { background: #CFD9E3; }
#mast #mastcanvas { background: #71C3DB; }

/* ---- [ container: =tree ] -------------- */
ul.myEyesTree a { color: #30545F; }
ul.myEyesTree li:hover > a,
ul.myEyesTree a:hover, ul.myEyesTree a.highlight { color: #4C5258 !important; }
ul.myEyesTree ul a { color: #4C5258; }

/* ---- [ container: =canvas ] -------------- */
#canvas div.btop { background: #71C3DB; }
#canvas div.btop span { background: #9CD2E0; }
#canvas h1 span { background: url(images/h1_bullet.gif) no-repeat left 6px; padding-left: 15px; }

/* ---- [ container: =main-content ] -------------- */
#main-content { background-color: #71C3DB; }
#main-content a.more {color: #B3022E; }

#content h3.genre { background-image: url(images/h1_bullet.gif) !important;}

/* ---- [ eventSeasonlist := infotext & title colors  ] -------------- */
#content table.agendaStyle dd a { color: #006690; }
#content table.agendaStyle dd span { color: #4c5258; }

/* ---- [ container: =main-teaser ] -------------- */

/* ---- [ footer ] -------------- */
#footer a, #footer span { color: #131313;}
#address span { color: #4C4C4C; }
#footer #address div.rbtop, 
#footer #address address { background: #CFD9E3; }

/* ---- [ eventSeasonCalendar ] -------------- */
#seasonCalendar { background: #71C3DB; margin-bottom: 15px; }

/* ---- [ eventSeasonlist ] -------------- */
table.agendaStyle { width: 711px; }
table.agendaStyle * { margin: 0; padding: 0; border: 0; border-collapse: collapse; }
table.agendaStyle td { padding-bottom: 10px; }
table.agendaStyle ul, table.agendaStyle li { list-style-type: none; }

tr.agendaRowStyle td table { background-color: #C9E66D; width: 100%; }
tr.agendaAltrowStyle td table { background-color: #A3D504; width: 100%; }

table td.detailStyle { padding: 2px; vertical-align: top; }
table td.detailStyle * { margin: 0; padding: 0; border: 0; }
table td.detailStyle ul { clear: both; overflow: hidden; margin-left: 40px; }
table td.detailStyle li { float: left; display: block; width: 80px; height: 16px; border: solid 1px; margin-right: 15px; background: #C6D6E3; text-align: center; }
table td.detailStyle li + li { background: #8FA3BC; font-weight: bold; }
table td.detailStyle li + li + li { background: #E6E6E6; font-weight: normal;}

table td.detailStyle table * { margin: 0; padding: 0; }
table td.detailStyle table a { font-weight: bold; color: #275174; text-decoration: none; font-size: 1.4em;  }
table td.detailStyle table a:hover { text-decoration: underline; }
table td.detailStyle table img { border: solid 1px #000;   }
table td.detailStyle table td { width: 75px; } 
table td.detailStyle table td + td { width: auto; padding-left: 15px; } 

table td.ticketStyle { width: 150px; }
table td.ticketStyle table { margin: auto 0; }
table td.ticketStyle td { width: 120px; text-align: center; padding-right: 20px; vertical-align: top; text-align: center; height: 40px; }
table td.ticketStyle td a { display: block; background: #DC040D; color: #fff; text-decoration: none; text-transform: uppercase; border: solid 1px #000; }

table.tickets { background-color: #cfd9e3 !important; }
table.tickets td, p.location { color: #30545f !important; }
