﻿/* ********************************************************************
2009 MAIN CSS FILE  FOR DEN NORSKE OPERA & BALLETT
********************************************************************* */


@import url(2009dnoNav.css);
@import url(2009dnoParaSetup.css);
@import url(2009dnoFonts.css);
@import url(2009dnoEcom.css);
@import url(2009dnoNewsV2.css);


* {
margin: 0;
padding: 0;
}


html, body {
font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 0.9em;
color: #040404;
background: url('images/bck.png');
background-repeat: repeat-y;
background-color: #040404;
}
#designWrap {
width: 1000px;
min-height: 800px;
}
div.topNav {
padding: 5px 0 5px 0;
margin-left: 230px;
width: 770px;
}
/* see 2009dnoNav.css for top nav ul li declarations */
#topGraphic {
margin-bottom: 12px;
}
div.leftNav {
background: #040404; 
width: 220px;
float: left;
}
/* see 2009dnoNav.css for left nav ul li declarations */
div.logo { 
background-image: url('images/DNOlogo.gif');
background-repeat: no-repeat;
height: 155px;
width: 85px;
margin-left: 22px;
margin-top: 0px;
margin-bottom: 71px;
float: left;
cursor: pointer;
}
#content {
float: left;
width: 770px;
min-height: 600px;
margin-left: 10px;
}
#content img {
border: 0;
}
#return {
width: 300px;
margin: 20px 0 20px 0;
}
#return a {
color: #ff7300;
}
/* hides elements depending on whether english or norwegian pages (set by DwPageID tag) */
div.topNav ul.M0 li.showNO11,  div.topNav ul.M0 li.showUK10, div.showNO11, div.showUK10 {
display: none;
}
div.leftNav ul.M0 li.showNO11,  div.leftNav ul.M0 li.showUK10 {
display: none;
}
/*
#return a.showNO11, #return a.showUK10 {
display: none;
}
*/
#footer {
width: 770px;
text-align: center;
font-size: 0.8em;
margin: 10px 0 10px 0;
padding: 5px 0 5px 0;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
}
#footer table, #footer table td {
border: 0;
}#copyright {
width: 770px;
text-align: center;
font-size: 0.8em;
margin: 10px 0 10px 0;
}
div.clear {
clear: both;
}
div.breadcrumb {
position: absolute;
left: 230px;
top: 28px;
background: #040404;
width: 505px;
padding: 4px 0 4px 5px;
opacity:0.4;
z-index: 95;
height: 16px;
}
div.Legend {
position: absolute;
left: 230px;
top: 28px;
width: 510px;
clear: both;
text-indent: 10px;
padding-top: 2px;
z-index: 97;
}
div.Legend span.Legend {
color: #fff;
font-size: 0.85em;
}
div.Legend span.Legend a{
color: #fff;
text-decoration: none;
}
div.Legend span.Legend a:hover{
color: #fff;
text-decoration: underline;
}
hr {
color: #343434;
height: 1px;
}
/* SEARCH RESULTS ********************************************** */
div.searchBox .searchInput {
border: 1px solid #040404;
}
div.searchBox .searchSubmit {
border: 0;
background: transparent;
cursor: pointer;
}
div.searchText {
margin: 12px 0 12px 0; 
}
div.searchText span{
text-transform: uppercase;
font-weight: bold; 
}
div.searchListItem {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 6px 0 6px 0;
margin: 6px 0 6px 0;
}
div.searchListItem:hover {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
cursor: pointer;
}
div.searchNumber {
text-align: right;
width: 30px;
float: left;
font-weight: bold;
font-size: 1.1em;
}
div.searchIcon {
float: left;
width: 22px;
}
div.searchResult {
float: right;
width: 458px;
}
div.searchResult strong {
background: #e5e5e5;
}
div.searchResult a strong {
background: #fff;
}
div.searchPaging {
margin-left: 52px;
border-top: 1px solid #e5e5e5;
}
div.searchPaging a{
padding-right: 8px;
}
div.searchPaging a b{
color: #040404;
text-decoration: none;
font-weight: normal;
}
/* ********************************** SHARE CONTENT (twitter, digg, facebook, google bookmarks) ************************ */
div.social {
}
div.leftContent ul#social {
list-style-type: none;
display: block;
float: right;
border: 0;
padding: 0em 0px 0em 0px;
margin: 0;
}
div.leftContent ul#social li {
display: inline;
padding: 0;
margin: 0;
}
ul#social li.tips {
background: url('icons/tips.png') no-repeat;
}
ul#social li.twitter {
background: url('icons/twitter.gif') no-repeat;
}
ul#social li.facebook {
background: url('icons/facebook.gif') no-repeat;
}
ul#social li.digg {
background: url('icons/digg.gif') no-repeat;
}
ul#social li.google {
background: url('icons/googlebookmark.gif') no-repeat;
}
ul#social li a {
width: 22px;
height: 16px;
}
ul#social li a:hover {
width: 22px;
height: 16px;
}
ul#social li a img {
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

/* ****************************** ENTA HIDE */
#Calendar, #ProductionListXS, #EntaBasketXS, #entaLogin, #EventList, #PriceBands, #Prices {
  visibility: visible;
}
