Div.Popup { z-index: 5100; }
Div.Popup Span.Cancel { cursor: pointer; }
Div.Popup Div.List { overflow: auto; cursor: pointer; }
Div.Popup Table.Submit Input { cursor: pointer; }

#Item-Image-Prev, #Item-Image-Next { position: absolute; font-size: 60px; top: 50%; height: 80px; margin-top: -40px; cursor: pointer; -moz-user-select: none; }
#Item-Image-Prev { left: 10px; }
#Item-Image-Next { right: 10px; }/* */
#FestivalWeather {
 padding: 2px 2px 2px 2px;
 background-color: #f3f4f6;
}
#FestivalWeather h4 {
 border-bottom: 1px dotted #8a3028;
 color:  #8a3028;
}
#FestivalWeatherContent {
 /*border: 1px dotted #8a3028;*/
 padding: 2px 2px 2px 2px;
 background-color: #f3f4f6;
}
#FestivalWeather .images {
 float: right;
 margin-right: 5px;
}
#FestivalWeather .temp {
 font-size: 18pt;
 font-weight: bold;
 padding-top: 5px;
 padding-right: 5px;
 text-align: center;
}
#FestivalWeather .rain, #FestivalWeather .wind{
 font-size: 9pt;
 text-align: center;
}
#FestivalWeather .rain .sun {
 font-weight: bold;
 font-size: 10pt;
 color: orange;
}
#FestivalWeather .rain .raining {
 color: blue;
}
/* Eventio-verkkokaupan tyylit */

Input.DeleteItemButton {
 Border: 1px outset red;
 Padding: 2px;
 font-size: 9pt;
 background-color: #FFDDDD;
}

Input.ChangeSeatsButton{
 Border: 1px outset orange;
 Padding: 2px;
 font-size: 9pt;
 background-color: #DDDDFF;
}

Div.UiExceptionInfoBlock {
 Border: 1px solid red;
 Background-Color: #FFCADD;
 Padding: 5px 5px 5px 5px;
 Margin: 15px 15px 15px 15px;
}

Div.UiExceptionInfoBlock {
 Text-Align: center;
}

.BookingBlock Input {
 Border: 1px outset #606060;
 Padding: 1px;
 Padding-left: 10px;
 Padding-right: 10px;
 font-size: 8pt;
}

.BookingActions Input {
 Border: 1px outset #606060;
 Padding: 1px;
 Padding-left: 10px;
 Padding-right: 10px;
 font-size: 8pt;
}

.BookingActions Input.BookButton {
 background-color: #8a3028;
 background-image: url(/Image/Large/7/.jpg);
 Border: 2px outset #8a3028;
}

.GoBookingActions Input {
 Border: 1px outset #606060;
 Padding: 1px;
 Padding-left: 10px;
 Padding-right: 10px;
 font-size: 8pt;
}

.GoBookingActions Input.GoBookButton {
 font-weight: bold;
 background-image: url(/Image/Large/7/.jpg);
 Border: 2px outset #8a3028;
}
.GoBookingActions Input.CancelBookButton {
 background-color: #FFDDCA;
}

Input#SeatSelectionContinue {
 Border: 1px outset #606060;
 background-color: #CAFFDD;
 Padding: 2px;
 font-size: 10pt;
 font-weight: bold;
}

#EventioSeatSelectionInstructor {
 Padding: 10px 10px 10px 10px;
 Border: 1px solid black;
 font-size: 12pt;
 width: 150px;
}

.EventioStage {
 text-align: center;
 font-size: 12pt;
}

/* ------------------------------------------------------------ */
Table.CartContent {
 Margin: 25px;
 Border: 1px solid #808080;
 Width: 600px;
}
Table.CartContent td.EventTitle {
 font-weight: bold;
}
Table.CartContent td.EventLocationTime {
 font-size: 8pt;
}
Table.CartContent td.PriceEur {
 text-align: right;
}
Table.CartContent td.Amount {
 font-weight: bold;
 text-align: right;
}
Table.CartContent td.Amount Input {
 text-align: center;
}
Table.CartContent td.RowTotal {
 font-weight: bold;
 text-align: right;
}
Table.CartContent td.Total {
 font-weight: bold;
 text-align: right;
}
Table.CartContent td.TotalEur {
 font-weight: bold;
 text-align: right;
 font-size: 120%;
}
Table.CartContent td.Delivery {
 text-align: right;
}
Table.CartContent td.DeliveryEur {
 font-weight: bold;
 text-align: right;
}

Table.CartContent td.Paid {
 font-weight: bold;
 text-align: right;
}
Table.CartContent td.TotalPaidEur {
 font-weight: bold;
 text-align: right;
}

/* ----- */
Table.CustomerLoginBox {
 Margin: 15px;
 Padding: 15px;
 Border: 1px solid #808080;
}
Table.CustomerLoginBox Td.Label {
 width: 150px;
}
Table.CustomerLoginBox Td.Field {
}

Table.CustomerDetailsBox {
 Margin: 15px;
 Padding: 15px;
 Border: 1px solid #808080;
}
Table.CustomerDetailsBox Td.Label {
 width: 150px;
}
Table.CustomerDetailsBox Td.Header {
 Font-weight: bold;
 Font-size: 12pt;
}
Table.CustomerDetailsBox Td.Field Input {
 width: 300px;
}
Table.CustomerDetailsBox Td.Field {
}


Table#OrderProcessButtons {
 Margin: 15px 15px 15px 15px;
 Width: 600px;
}
Table#OrderProcessButtons Input {
 Border: 1px outset #A0A0A0;
 Padding: 1px;
 Padding-left: 10px;
 Padding-right: 10px;
 Font-size: 10pt;
}
Table#OrderProcessButtons Td.Cancel {
 Text-align: left;
}
Table#OrderProcessButtons Td.Accept {
 Text-align: right;
}
Table#OrderProcessButtons Td.Accept Input {
 Font-weight: bold;
 background-color: #CCFFCC;
}


Table#PaymentDetails {
 Margin: 20px 20px 20px 20px;
}
Table#PaymentDetails Td.Label {
 font-size: 12pt;
}
Table#PaymentDetails Td.Eur {
 font-size: 12pt;
 Font-Weight: bold;
}

Table#PaymentButtons {
 Width: 100%;
 Margin-Left: 20px;
 Margin-Right: 20px;
 Margin-bottom: 60px;
 Border: 1px solid #30AA30;
}
Table#PaymentButtons Td.Button {
 Text-align: center;
 Padding: 15px 15px 15px 15px;
}Body { margin: 0px; background: #8A3028; color: #000000; font-family: trebuchet ms, arial; font-size:13px; }

H1, H2, H3, H4, H5, H6, P, Form { margin: 0; }

/* ------- TEKSTI JA LINKIT ------- */

A:link, A:visited { color: #911B1B; text-decoration: none; }
A:hover, A:active { color: #911B1B; text-decoration: underline; }
A Img { border: 0; }

/* ------- UPCOMING EVENTS ------- */

 .UpcomingEvent { margin-bottom: 5px;} p.Time, p.Location { font-size: 8pt; }
p.Date { margin-top: 10px; margin-bottom: 10px; font-size: 10pt; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #C0C0C0; }

/* ------- YHTEISTYÖKUMPPANIT ------- */

table.Bottom {
width: 950px;
margin-left: 25px;
border-top: 1px dashed #E8DEDA;
}

/* ------- SISÄLTÖ ------- */

table.Runko { width: 1000px; background: #FFFFFF url("/Image/8/Tausta.jpg") repeat-y; }

table.Content {
width: 950px;
margin-left: 26px;
}

TD#Content_Left {
width: 677px;
border-right: 1px solid #E8DEDA;
}

TD#Content_Right{
width: 273px;
}

TD#Content_Main ul {
margin-bottom: 0px;
}

/* ------- OIKEA SIVUPALKKI ------- */

p#Juhlaohjelma a {
display: block;
font-size:13px;
color:#911B1B;
display: block;
background: url("/Image/5/Tausta.jpg") no-repeat top left;
height: 19px;
text-decoration:none;
}

p#Juhlaohjelma a:hover {
background: url("/Image/6/Tausta.jpg") no-repeat;
color:#4B0E0E;
text-decoration:none;
}

table.ArticleCategoryList a:link, table.ArticleCategoryList a:visited { 
font-size:11px;
color:#911B1B;
text-decoration: none;
}

table.ArticleCategoryList a:hover, table.ArticleCategoryList a:active { 
font-size:11px;
color:#4F0F0F; 
text-decoration: none;
}


/* ------- SIVUVALIKKO ------- */

Div.Navi-Side { font-weight: bold; }
Div.Navi-Side A { display: block; text-decoration: none; }
Div.Navi-Side A:link, Div.Navi-Side A:visited { color: #911B1B; }
Div.Navi-Side A:hover, Div.Navi-Side A:active { color: #4B0E0E; }
Div.Navi-Side A.Selected { background: #FEEBCA; }

/* ------- PÄÄVALIKKO ------- */

Table.Navi { width: 950px; margin-left: 26px; background: url("/Image/7/Tausta.jpg") repeat-x; }

Div.Navi-Main { font-family: palatino linotype, trebuchet ms, times new roman; font-size: 15px; font-weight: bold; }
Div.Navi-Main Span { color: #000000; }
Div.Navi-Main A { padding: 0 16px; }
Div.Navi-Main A:link, Div.Navi-Main A:visited { }
Div.Navi-Main A:hover, Div.Navi-Main A:active { }

Div.Level-0 { }
Div.Level-1 { padding-left: 10px; }
Div.Level-2 { padding-left: 30px; }
Div.Level-3 { padding-left: 50px; }

/* ------- OTSIKOT ------- */

H1 { font-family: trebuchet ms, georgia; font-size: 18px; color: #8A1D1A; }
H2 { font-family: trebuchet ms, georgia; font-size: 16px; color: #8A1D1A; }
H3 { font-family: georgia; font-size: 14px; color: #000000; }

/* ------- COPYRIGHT ------- */

p#Copyright {
margin: 5px;
font-size: 11px;
color: #C9C9C9;
text-align:right;
}

p#Copyright a:link {
font-size: 9px;
color: #ACACAC;
}

p#Copyright a:visited {
color: #ACACAC;
text-decoration: none;
font-size: 10px;
}

/* ------- WEBTICKET------- */
Div#CartBlock {
 Margin-Left: 5px;
 Margin-Right: 5px;
 Border: 1px outset black;
 Padding: 5px 5px 5px 5px;
}
Div#CartBlock H3 {
 Margin: 0;
 Padding: 0;
 Border-Bottom: 1px dotted #800000;
}
Div#CartBlock P {
 Margin: 0;
 Padding: 0;
 Font-size: 8pt;
}
Div#CartBlock Table {
 Width: 100%;
}
Div#CartBlock Td.Label {
 Padding: 2px;
 Font-size: 8pt;
}
Div#CartBlock Td.Value {
 Padding: 2px;
 Font-size: 8pt;
 Text-align: right;
}
Div#CartBlock Td.GoButton {
 Text-align: Center;
}
Div#CartBlock Input.GoToCart {
 padding-Left: 15px;
 padding-Right: 15px;
 padding-top: 5px;
 padding-bottom: 5px;
 Border: 1px outset #808080;
 Font-size: 9pt;
}

/* Joosen tekemät lisäykset kuvagalleriaa varten */


#ImageList { border: 1px solid #808080; }
#ImageList Img { border: 2px solid #FFFFFF; }
#ImageList Td.Hover { background: #F0F0F0; }
#ImageList A.Selected Img { border-color: #F8BE47; }

Div.ImageCategory Table { border: 1px solid #FFFFFF; }
Div.ImageCategory Table.Hover { background: #F0F0F0; border-color: #C0C0C0; }

Span.Disabled { color: #808080; }