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

    CSS FOR TICKETING: CALENDAR, SHOPPING BASKET, LOGIN AND PERFORMANCES
    Utilizes inner HTML code that comes from the Enta ticketing system

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


/* *************************************** CALENDAR ****************************** */
#Calendar {

display: block;
min-height: 160px;
float: left;
display: block;
width: 100%;
}

#Calendar table { 
width: 100%;
margin: 0;
margin-bottom: 5px;
padding:0;
}

.caltab {
text-align: right;
}

.calmonthname {
text-align: center;
}

.calmonthtr span:hover {
cursor: pointer;
background-color: #990000;
color: #ffffff;
display: block;
}
.caltab th {
color: #ffffff;
text-align: center;
padding: 2px;
border: solid 1px #c0c0c0;
}

.caltab td {
padding: 2px;
border: solid 1px #c0c0c0;
}

.calmonthtr, .dowtr {
background-color: #333333;
}

.day_active:hover {
background-color: #ff6600;
cursor: pointer;
}

.day_off {
color: #c0c0c0;
}





/* PRODUCTION LIST: CALENDAR LISTINGS ************************************* */



#ProductionListXS {
float: left;
display: block;
white-space:nowrap;
}

#ProductionListXS span#lblDagensDato {
padding-top: 3px;
font-weight: bold;
text-transform: uppercase;
width: 200px;
}

#ProductionListXS div.event div.eventDate span.eventL {
float: left;
text-align: left;
min-width: 110px;
}

#ProductionListXS div.event div.eventDate span.eventR {
float: right;
/*min-width: 80px;*/
text-align: right;
}








/* SHOPPING BASKET ****************************************** */
div.entaBasket, div.event {
width: 240px;
/*font-size: 11px;*/
border-bottom: 1px solid #f5f5f5;
}

div.basket {
border-bottom: 1px solid #f5f5f5;
padding-bottom: 3px;
margin-bottom: 3px;
display: block;
min-height: 20px;
}



#EventList {
display: block;

}
div.event div.eventDate {
border-top: 1px solid #f5f5f5;
display: block;
height: 18px;
}
div.event div.eventDate:hover {
background-color: #000;
}
/* ********************************************* 
div.event div.eventDate:selected { 
background-color: #000;
}
*/
div.detail {
min-height: 18px;
}
div.detail span.detailL {
float: left;
}


div.eventDate span.eventL {
float: left;
text-align: right;
min-width: 110px;
}

div.eventDate span.eventR, div.detail span.detailR {
float: right;
text-align: right;
}
td.buyMore, td.eventHour {
text-align: right
}







#EntaBasketXS h1, #EventList h1 {
/*font-size: 12px;*/
}

#EntaBasketXS h2, #EventList h2 {
/*font-size: 10px;*/
}

div.rightContent div.right {
height: 100%;
display: block;
padding: 5px;
min-height: 182px;
overflow: visible;
}

#EventList {
display: block;

}

/* ******************************* */
div.entaBasket, div.event {
width: 240px;
/*font-size: 11px;*/
border-bottom: 1px solid #f5f5f5;
}
div.basket {
border-bottom: 1px solid #f5f5f5;
padding-bottom: 3px;
margin-bottom: 3px;
display: block;
min-height: 20px;
}


/* FORESTILLINGSLISTE */

div.event div.eventDate {
border-top: 1px solid #f5f5f5;
display: block;
height: 18px;
}
div.event div.eventDate:hover {
background-color: #000;
cursor: pointer;
color: #ff7800;
}

div.detail {
min-height: 18px;
}
div.detail span.detailL { /* kalender */
float: left;
}

div.detail span.detailR { 
float: right;
text-align: right;
width: 80px;
}

#EventList div.eventDate span.eventL {
float: left;
text-align: right;
max-width: 100px;
text-decoration: underline;
}

#EventList div.eventDate span.eventR {
float: right;
text-align: right;
white-space: nowrap;
}


/*
td.buyMore, td.eventHour {
text-align: right
}
*/


/* ************************** SPILLEPLAN ******************************* */


#EventListXL div {
float: left;
padding: 0 0 0 5px;
white-space: nowrap;
font-size: 0.9em;
display:block;
}

#EventListXL div.entaperfs {
width: 510px;
border-top: 1px solid #ccc;
margin: 0;
padding: 0;
display: block;
}

#EventListXL div.entaBuy{
color: #ff6600;
cursor: pointer;
float: right;
}

#EventListXL div.entaEvent {
font-weight:bold;
width: 190px;
overflow: hidden;
}
#EventListXL div.entaDay {
text-align: right;
padding: 0;
width: 50px;
}
/*
#EventListXL div.entaDate {
text-align: right;
width: 100px;
}
*/
#EventListXL div.entaScene {
display: none;
}
#EventListXL div.entaStatus {
text-align: right;
width: 70px;
}
#EventListXL div.entaperfs:hover {
background: #f5f5f5;
}

span.notonsale {
display:none;
}


/* ************************************** LOGIN ************************************** */

#entaLogin input {
width: 180px;
}

div#userlogin, div#usernew, div#usersendpwd {
float: left;
margin-top: 3px;
padding-right: 5px;
text-decoration: underline;
cursor: pointer;
}


div#userlogin:hover, div#usernew:hover,  div#usersendpwd:hover {
color: #ff6600;
}


/* ************************************ FORESTILLINGSOVERSIKT PÅ FORESTILLINGSSIDE ************************** */

#PriceBands #A{
margin-top: 10px;
font-weight: bold;
color: #000;
background: #ff6600;
border: 1px solid #ccc;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
padding: 3px;
text-align: center;
width: 100px;
}

#Prices div.showPrice {
width: 240px;
height: 22px;
display: block;
border-bottom: 1px solid #f5f5f5;
}
#Prices div.showPrice div {
float: left;
padding: 3px 5px 3px 0;
min-width: 70px;
}

#Prices div.showPrice div input{
width: 70px;
float: right;
border: 0;
}

#Prices div.addToBasket {
text-decoration: underline;
cursor: pointer;
}

#Prices div.addToBasket:hover {
color: #ff6600;
}