@charset "UTF-8";
/* CSS Document */

html, body {
height: 100%;
margin: 0;
padding: 0;
color:#e6d9ad;
background:#000000;
font:13px "trebuchet MS", Helvetica, sans-serif;
}

img {
behavior: url(iepngfix.htc);
}

a, a:hover, a:active {
color:#e2e6de;
text-decoration:none;
font-weight:bold;
}

#container {
position:absolute;
top:0px;
left:0px;
}

#containerright {
position:absolute;
top:0px;
right:0px;
}

#menu {
position:absolute;
bottom:0px;
right:0px;
height:400px;
width:410px;
z-index:101;
}

#logos {
position:absolute;
bottom:0px;
left:0px;
height:150px;
width:285px;
}

#sallylogo {
position:absolute;
bottom:70px;
right:0px;
width:65px;
}

#logosright {
position:absolute;
bottom:0px;
right:0px;
height:65px;
width:285px;
}

#skiptransition {
position:absolute;
bottom:0px;
right:0px;
height:40px;
width:140px;
z-index:100;
}

#ordertickets {
position:absolute;
left:50%;
top:60px;
margin-left:-131px;
height:72px;
width:262px;
z-index:100;
}

/*CLASSES*/

.content {
width:400px;
padding:10px;
}

.content p {
background-image:url('images/png60alpha.png');
behavior: url(iepngfix.htc);
padding:10px;
margin-bottom:0px;
}

.live p {
background-image:url('images/png60alpha.png');
behavior: url(iepngfix.htc);
padding:10px;
margin-bottom:0px;
height:500px;
overflow:scroll;
}


.dutch p {
background-image:url('images/png60alpha_white.png');
behavior: url(iepngfix.htc);
color: #222;
}

.audioplayertext {
line-height:150%;
}

.title {
margin-bottom:-5px;
}

.labelfield{ /*CSS for label field in general*/
color:#fff;
font-size: 80%;
}

.datefield{ /*CSS for date field in general*/
font-size: 80%;
}

#slider {
	width: 400px;
	margin: 0 auto;
	margin-top:20px;
	position: relative;
}

.scroll {
  width: 400px;
  height: 400px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
 }

.scrollContainer div.panel {
	height: 400px;
	width: 400px; /* change to 560px if not using JS to remove rh.scroll */
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.hide {
    display: none;
}