

* {
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: normal;
  vertical-align: baseline;
  /*font-weight: inherit;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body{
  margin:0;
  color:#363636;
  font:14px/18px Arial, Helvetica, sans-serif;
  background:#fff;
}
img{border-style:none;}
a{text-decoration:none; color:#0050bb;}
a:hover{text-decoration:underline;}
a:active{background-color: transparent;}
input,
textarea,
select{
  font:100% Arial, Helvetica, sans-serif;
  vertical-align:middle;
  color:#000;
}
form,fieldset{
  margin:0;
  padding:0;
  border-style:none;
}
#wrapper{
  width:990px;
  margin:0 auto;
}
#header{
  position:relative;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-header.jpg) no-repeat 0 100%;
  min-height:10px;
  padding:37px 0 0 0px;
}
.logo{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/logo.png) no-repeat;
  //width:168px;
  height:100px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
}
.logo a{
  height:100%;
  display:block;
}
.sign-up{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/text-ilmoittaudu.png) no-repeat;
  display:none;
  width:282px;
  height:21px;
  text-indent:-9999px;
  overflow:hidden;
  position:absolute;
  top:65px;
  right:246px;
}
.panel{
  padding:8px 0px 0 0px;
  margin:0 0 -2px;
  overflow:hidden;
}
#main{
  width:100%;
}
.breadcrumbs{
  list-style:none;
  overflow:hidden;
color:rgb(0, 80, 187);
}
.breadcrumbs li{
  float:left;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow.png) no-repeat 0 5px;
  padding:0 10px 0 13px;
}
.breadcrumbs li:first-child{
  padding-left:0;
  background:none;
}
.breadcrumbs .active{
  font-weight:bold;
}
.navigationpathselected{
    font-weight:bold;
    color:rgb(0, 80, 187);
}
.action-icons{
  float:right;
  margin:-2px 0 0;
}
.action-icons a{
  float:left;
  font-size:14px;
  line-height:12px;
}
.log-in, .action-icons a{
  padding:9px 39px 0 0;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-login.png) no-repeat 100% 0;
  min-height:23px;
  width:52px;
  margin:0 0 2px 28px;
}
.log-in:hover{
  text-decoration:none;
}
.my-info, .action-icons a:first-child{
  padding:9px 43px 0 0;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-my-info.png) no-repeat 100% 0;
  min-height:23px;
  width:35px;
  position:relative;
}
.action-icons a .num{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-num.png) no-repeat;
  width:24px;
  height:24px;
  font-size:16px;
  line-height:24px;
  color:#fff;
  font-weight:bold;
  text-align:center;
  position:absolute;
  top:-11px;
  right:-9999px;
}
.my-info:hover{
  text-decoration:none;
}
.my-info:hover .num{
  right:-15px;
}
h1{
  font-size:24px;
  line-height:29px;
  color:#0050bb;
  margin:0 0 31px 19px;
}
.progress-holder{
  position:relative;
  display:table;
  width:100%;
  margin:0 0 45px;

}
.progress-holder:after{
  content:'';
  position:absolute;
  bottom:12px;
  left:0;
  right:0;
  height:2px;
  background:#249fff;
  z-index:-1;
}

.progress-tracker{
  text-transform:uppercase;
  color:#354354;
  font-size:16px;
  line-height:19px;
  display:table-row;
}
.progress-tracker li{
  height:61px;
  min-width:103px;
  display:table-cell;
  padding-left: 1em;
}

.progress-tracker .active{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-progress-tracker.png) no-repeat 15px 100%;
  color:#c6db00;
  font-weight:bold;
  
}
.back{
  padding:0 0 0 20px;
  font-size:16px;
  line-height:19px;
  letter-spacing:0.5px;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow2.png) no-repeat 0 5px;
  display:inline-block;
  vertical-align:top;
  margin:0 0 6px;
}
.section{
  padding:0 0 16px;
}
.section .heading{
  background: -webkit-linear-gradient(left, #249fff, white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #249fff, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #249fff, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #249fff, white);
  height:23px;
  overflow:hidden;
  padding:0 7px 0 18px;
  position: relative;
}
.section .heading h2{
  font-size:18px;
  line-height:22px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  float:left;
  margin-top: 1px;


}
/*JJM: arrow down function is done in javascript jquery.main_Resurssivaraus (search: e.g "JJM")*/ 
.section .heading .opener{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow-up.png) no-repeat 99% 8px;
  width:100%;
  height:100%;
  text-indent:-9999px;
  overflow:hidden;
  /*margin:8px 0 0 90px;*/
  position: absolute;
  left: 0;
  top: 0;
}
.section .heading .active{
background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow-down.png) no-repeat 99% 8px;
}


.section .heading .status{
  float:right;
  font-size:18px;
  line-height:22px;
  font-weight:bold;
  color:#249fff;
}
.bg-gradient{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-gradient.png) repeat-x;
}
/* slide-holder */
.content-holder{
  padding:21px 5px 1px 36px;
}
.slide.spacer {
  padding:11px 58px 7px 34px;
}
.section .text-registration{
  float:right;
  text-indent:-9999px;
  overflow:hidden;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/text-registration.png) no-repeat;
  width:253px;
  height:87px;
  margin:-8px 0 0 100px;
}
.section .text-block{
  overflow:hidden;
}
.section p{
  margin:10px 0 6px;
}
.section .links{
  padding:0;
  margin:0;
  list-style:none;
}
.section .links a{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow3.png) no-repeat 100% 5px;
  padding:0 16px 0 0;
}
/* search-form */
.search-form{
  padding:11px 58px 7px 34px;
}

.search-form .row,
.search-form tr td {
  padding: 10px 0 8px;
}
.search-form tr td.ListCell:first-child {
  width: 270px;
}
.search-form .row:after, .search-form tr:after{
  content:'';
  display:block;
  clear:both;
}
.search-form .label,
.search-form label,
.search-form td:first-child,
.search-form span.filtertext{
  //color:#354354;
  font-size:16px;
  line-height:19px;
  letter-spacing:0.5px;
  //width:194px;
  //padding:8px 10px 0 0;
}
.search-form table .ListHeaderCell2{
   color: #1E90FF;
   font-weight: bold;
   font-size: 16px;
}
.search-form table .SectionHeaderRowCell{
    font-weight: bold;
}

.search-form .dp-holder td:first-child{
  letter-spacing: 0;
  width: auto;
  padding: 0;
  float: none;
  font-size: inherit;
  line-height: 1em;
}
.search-form select{
  width:378px;
  font-size:16px;
  line-height:19px;
  font-style:italic;
  color:#707070;
  float:left;
}
.search-form .text{
  float:left;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-text.png) no-repeat;
  width:380px;
  height:30px;
}
.search-form .short{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-text-short.png) no-repeat;
  width:73px;
  height:30px;
  margin:0 10px 0 0;
}
.search-form .text input{
  width:358px;
  font-size:16px;
  line-height:19px;
  font-style:italic;
  color:#707070;
  float:left;
  margin:0;
  padding:4px 11px 5px;
  border:none;
  background:none;
}
.search-form .short input{
  width:69px;
  padding:4px 2px 5px;
  text-align:center;
}
.search-form .check-list{
  float:left;
}
input[type="checkbox"]{
  width:16px;
  height:16px;
  padding:0;
  margin:0 3px 0 -15px;
  display:inline-block;
  vertical-align:middle;
}
.search-form .check-list label{
  font-size:14px;
  line-height:17px;
  padding:0;
  display:inline-block;
  vertical-align:middle;
  color:#363636;
  width:340px;
  float:none;
}
.calendar-link{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-calendar.png) no-repeat;
  padding: 4px 0 0 33px;
  display: inline-block;
  height: 25px;
  margin: 0 0 0 6px;
  /*float:left;*/
}

.calendar-link:hover {
  text-decoration: none;
}
.dateseparator {
  margin: 0 10px 0 -2px;
}
.datewrapper {
  display: inline;
}
.map-link{
  padding:14px 0 0 22px;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-map-link.png) no-repeat;
  min-height:17px;
  float:left;
  margin:-5px 0 0 20px;
}

.search-form .calendarsearch > div {
  height: 35px;
}
.search-form .calendarsearch input, .search-form .calendarsearch select {
  margin-top: 4px;
}


/* paging */
#SpacesTable_paginate, .paging{
  text-align:center;
}
.paging ul{
  display:inline-block;
  vertical-align:top;
  font-size:16px;
  line-height:22px;
  padding:4px 0 0;
}
.paging ul li{
  float:left;
  margin:0 7px 0 8px;
}
.paging_two_button a.paginate_active, .paging ul .currentPage{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-paging-num.png) no-repeat;
  width:22px;
  height:22px;
  display:block;
  text-align:center;
  color:#fff;
  /*margin:0 -6px;*/
}
.paging .next a,
.paging .prev a{
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/btn-prev.png) no-repeat;
  width:30px;
  height:30px;
  margin:-4px 3px 0 0;
}
.paging .next a{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/btn-next.png) no-repeat;
  margin:-4px 0 0 10px;
}
.paging .disabled {
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  width:30px;
  height:30px;
  margin:-4px 3px 0 0;
}

/* datatable's paginate styling */


.paging_full_numbers a.paginate_button {
    background-color: #FFFFFF;
}
.paginate_disabled_next, .paginate_enabled_next{
    padding: 20px;
}
#SpacesTable_next{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/btn-next.png) no-repeat;
  padding: 6px 15px;
}
#SpacesTable_previous{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/btn-prev.png) no-repeat;
  padding: 6px 15px;
}
/*------------------  full numbers pagination styling -----------------*/
#SpacesTable .sorting_disabled, #SpacesTable .sorting{
    padding: 3px 18px 3px 10px;
    height: 15px;
}
table.dataTable thead th:first-child {
    width: 1px;
}
#SpacesTable_paginate{
    left: 350px;
    position: absolute;
    bottom: -40px;
}

#SpacesTable_paginate a.paginate_button{
    display: inline;
}
#SpacesTable_paginate a.first, #SpacesTable_paginate a.last{
    visibility: hidden;
}

#SpacesTable_info{
    display: none;
}
.paging_full_numbers a.paginate_button, a.paginate_active{
    border: none;
    cursor: pointer;
    margin: 0 3px;
    padding: 6px 10px;
}
.paging_full_numbers a.paginate_active{
    border: none;
    background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-paging-num.png) no-repeat;
    color: #FFFFFF !important;
    padding: 1px 7px;
    font-size: 16px;
}
.paging_full_numbers a.paginate_button{
    color: #0050BB !important;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin: 0 2px;
}

.paging_full_numbers a.paginate_button:hover{
    text-decoration: none;
    background-color: #FFFFFF;
}

/* courses */
.courses{
  padding:12px 50px 0px 30px;
  margin:0 0 -4px;
}
/* courses table */
.courses table{
  display: table;
    table-layout: fixed;  
  border-collapse:collapse;
  width:100%;
  margin:24px 0 9px;
}
.courses table td{
  padding:11px 8px 9px 0;
  font-size:16px;
  line-height:19px;
  color:#354354;
  vertical-align:top;
}
.courses table thead td, .courses table tr:first-child td{
  padding:0 0 12px;
 width: 250px;
  font-size:17px;
  line-height:19px;
  font-weight:bold;
  color:#249fff;
}

.courses table thead td, .courses table tr td:last-child{
  width: 115px;
  text-align: center;
}
.courses table .course{
  width:300px;
}
.courses table .place{
  width:223px;
}
.courses table .who{
  width:240px;
}
.courses table .status{
  width:111px;
  padding-right:0;
  text-align:center;
    
}
.courses table tbody .status{
  font-size:18px;
  line-height:22px;
  font-weight:bold;
}
.courses table .title,
.courses table .firstCol a {
  color:#0050bb;
  text-transform:uppercase;
  font-weight:bold;
  display:block;
  margin:0 0 2px;
}
.courses table .btn{
  margin:-11px 0 0;
}
.btn.deputy{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-btn2.png) no-repeat 100% 0;
  height:29px;
}
.btn.deputy:after{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-btn2.png) no-repeat 0 -29px;
  height:29px;
}
/* courses-x */
.informationtable{
  padding:8px 13px 0;
  font-size:16px;
  line-height:18px;
  position:relative;
  font-weight: normal;
}
.informationtable table{
  border-collapse:collapse;
  table-layout:fixed;
  margin:0 0 0 20px;
  width:874px;
}
.informationtable table td{
  padding:0 10px 18px 0;
}
.informationtable table .title{
  width:283px;
  text-transform:uppercase;
}
.informationtable table .description{
  width:452px;
}
.informationtable table .status{
  width:119px;
  text-align:center;
  padding-left:0;
}
.informationtable table .ListCellHeading{
  text-transform: uppercase;
}

.section .description {
  padding:0 220px 15px 13px;
}
.section .xmldoc {
  padding: 30px 0px 10px 35px;
}
.section .xmldoc img[style='float:right;'] {
  position: absolute;
  right: -200px;
}
.section p{
  margin:0;
}
.section .xmldoc p {
  margin: 0 0 6px;
}
.section .xmldoc ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.informationtable .row{
  overflow:hidden;
  padding:3px 45px 0 3px;
}
.details-form .share,
.details-form .email,
.summary .email,
.informationtable .email,
.informationtable .share{
  float:left;
  font-size:16px;
  line-height:19px;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-share.png) no-repeat;
  min-height:19px;
  padding:10px 0 0 39px;
  margin:0 25px 0 0;
}
.details-form .email,
.summary .email,
.informationtable .email{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-email.png) no-repeat 0 1px;
}
.informationtable .row .btn{
  float:right;
  margin:-3px 0 0;
}
.informationtable .link-prev{
  position:absolute;
  top:113px;
  left:-55px;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/btn-arrow.png) no-repeat;
  width:27px;
  height:63px;
}
/* provisional */
.provisional{
  color:#354354;
  font-size:16px;
  line-height:18px;
  padding:23px 85px 0 35px;
}
.provisional p{
  margin:0 0 18px;
}
.provisional p strong{
  font-weight:bold;
}
.provisional .course-title{
  text-transform:uppercase;
  font-weight:bold;
  display:block;
  margin:0 0 10px;
}
.provisional table{
  border-collapse:collapse;
  margin:0;
  width:737px;
}
.provisional table td{
  font-size:16px;
  line-height:19px;
  vertical-align:top;
  padding:0 10px 0 0;
}
.provisional table .title{
  width:345px;
}
.provisional table .place{
  width:181px;
}
.provisional table .who{
  width:181px;
}
.provisional table dl{
  margin:0;
  padding:5px 0 0;
  overflow:hidden;
}
.provisional table dl dt{
  float:left;
  clear:left;
}
.provisional table dl dd{
  margin:0;
}
.provisional table .row{
  margin:-6px 0 17px;
}
/* identify-form */
.identify-form label{
  display:inline-block;
  vertical-align:top;
  padding:10px 4px 0 0;
}
.identify-form input[type="checkbox"]{
  vertical-align:top;
  margin:0;
}

.identify-form .link{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow2.png) no-repeat 0 5px;
  padding:0 0 0 24px;
}
.identify-form .btn-submit{
  float:right;
}
/* course-details */
.course-details{
  padding:16px 36px 24px;
}
.course-details table{
  border-collapse:collapse;
  margin:0;
  width:870px;
  table-layout:fixed;
}
.course-details table td{
  padding:0 10px 3px 0;
  font-size:16px;
  line-height:19px;
}
.course-details table .title{
  width:196px;
  text-transform:uppercase;
}
.course-details table .description{
  width:535px;
}
.course-details table .status{
  width:119px;
  padding-left:0;
  text-align:center;
}
/* information */
.information{
  padding:2px 135px 0 38px;
  font-size:16px;
  line-height:22px;
  color:#354354;
}
.information .cancel{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow3.png) no-repeat 100% 6px;
  padding:0 19px 0 0;
}
.information p{
  margin:0 0 12px;
}
.information strong{
  font-weight:bold;
}
.information dl{
  overflow:hidden;
  padding:0 0 11px;
}
.information dl dt{
  float:left;
  clear:left;
  width:292px;
  padding:0 10px 0 0;
}
.information dl dd{
  margin:0;
  padding:0 0 10px;
}
.information h3{
  font-size:18px;
  line-height:19px;
  font-weight:bold;
  color:#249fff;
  margin:0 0 6px;
}
/* details-form */
.details-form{
  padding:14px 0 0;
  font-size:16px;
  line-height:19px;
  color:#354354;
}
.details-form .check-list{
  padding:0 0 14px 204px;
}
.details-form .check-list label{
  width:570px;
  float:none;
  display:inline-block;
  vertical-align:middle;
  padding:0;
}
.details-form .row{
  padding:0 0 6px;
  display:inline-block;
  width:100%;
  vertical-align:top;
  position:relative;
}
.details-form .label,
.details-form label{
  width:195px;
  padding:1px 10px 0 0;
  float:left;
  font-size:16px;
  line-height:14px;
}
.details-form .text{
  float:left;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-text2.png) no-repeat;
  width:609px;
  height:30px;
}
.details-form .text input{
  width:595px;
  padding:4px 7px;
  font-size:16px;
  line-height:19px;
  color:#707070;
  font-style:italic;
  margin:0;
  background:none;
  border:none;
}
.details-form .textarea{
  float:left;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-textarea.png) no-repeat;
  width:610px;
  height:136px;
}
.details-form .textarea textarea{
  width:599px !important;
  height:120px !important;
  padding:12px 4px 4px 7px;
  font-size:16px;
  line-height:19px;
  color:#707070;
  font-style:italic;
  margin:0;
  background:none;
  border:none;
  overflow:auto;
}
.details-form .required{
  color:#db0c3e;
  font-size:22px;
  line-height:1;
}
.details-form .note{
  display:block;
  overflow:hidden;
  margin:-22px 0 0 4px;
  font-style:italic;
  font-size:14px;
  line-height:17px;
  color:#354354;
}
.details-form .note .required{
  float:left;
  line-height:26px;
  margin:0 12px 0 0;
}
.details-form .row2{
  padding:30px 0 0 205px;
  margin:0 -78px 0 0;
  overflow:hidden;
}
.details-form .btn-submit{
  float:right;
}
.details-form input[type="submit"]{
  min-width:141px;
}
.details-form input[type="reset"]{
  font-size:16px;
  line-height:19px;
  color:#004ebb;
  background:none;
  border:none;
  margin:7px 0 0;
  padding:0;
  cursor:pointer;
  float:left;
}

.information .link{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow3.png) no-repeat 100% 6px;
  padding:0 20px 0 0;
}
.information .btn{
  float:right;
  margin:-11px 0 0;
}
.information .block{
  padding:0 0 13px;
}
/* summary */
.summary{
  font-size:16px;
  line-height:18px;
  color:#354354;
  overflow:hidden;
  padding:12px 0 0 34px;
}
.summary .wide-col{
  width:745px;
  float:left;
  padding:11px 0 0;
}
.summary p{
  margin:0 0 18px;
}
.summary table{
  border-collapse:collapse;
  table-layout:fixed;
  width:748px;
  margin:0 0 7px;
}
.summary table td{
  padding:0 10px 13px 0;
}
.summary table .title{
  width:348px;
}
.summary table thead .title{
  font-weight:bold;
}
.summary table .description{
  width:380px;
}
.summary table a{
  color:#354354;
}
.summary .info-block{
  float:right;
  color:#6d7074;
  line-height:22px;
  width:140px;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-info.png) no-repeat 0 3px;
  padding:0 0 0 29px;
}
.summary .row{
  overflow:hidden;
}
/* search-block */
.bg-blue{
  background:#e3f2fe;
}
/* search-form2 */
.search-form2{
  padding: 13px 10px 23px 31px;
}
.search-form2 .row2{
  padding:0 0 9px 204px;
}
.search-form2 .row2:after{
  content:'';
  display:block;
  clear:both;
}
.search-form2 .short{
  margin:0 6px 0 0;
}
.search-form2 .row2 .col{
  float:left;
  margin:0 18px 0 0;
}
.search-form2 .calendar-link{
  margin:0 0 0 -3px;
  text-indent:-9999px;
  overflow:hidden;
  width:24px;
  height:25px;
  padding:0;
}
/* filter-form */
.filter-section{
  padding:0 0 29px;
}
.filter-section table{
  border-collapse:collapse;
  table-layout:fixed;
  width:990px;
}
.filter-section table tbody td{
  font-size:16px;
  line-height:19px;
  vertical-align: top;
  padding:8px 0px 5px 34px;
}
.filter-section table tbody td:nth-child(2){
    font-weight: bolder;
}

.filter-section table tbody tr:first-child td{
  padding-top:13px;
}
.filter-section table thead td{
  background:#eeefef;
  color:#363636;
  font-size:18px;
  line-height:22px;
  font-weight:bold;
  padding:6px 5px 7px 15px;
}
.filter-section table .sportshalls{
  width:343px;
}
.filter-section table thead .sportshalls{
  width:362px;
}
.filter-section table .address{
  width:225px;
}
.filter-section table thead .address{
  width:244px;
}
.filter-section table .resources{
  width:179px;
}
.filter-section table thead .resources{
  width:198px;
}
.filter-section table .attributes{
  width:87px;
}
.filter-section table thead .attributes{
  width:106px;
}
.filter-form input[type="checkbox"]{
  margin:0 5px 0 0;
}
.filter-form label{
  font-size:16px;
  line-height:19px;
  font-weight:bold;
  display:inline-block;
  vertical-align:middle;
  width:300px;
}

.filter-form  input[type="submit"]{
  width:141px;
}
#selectedResources {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  vertical-align:middle;
}
#selectedResources ul {
    width: 100%;
    margin:0;padding:0; /* CSS Reset */
}
#selectedResources ul li {
  list-style-type: none; /* remove the dots */
  display:inline-block; /* IMPORTANT */
  width: 405px;
  white-space: nowrap;
  margin: 0 20px;
  vertical-align:middle;
  text-align: left;
  /*padding: 5px;*/
}
#selectedResources .removeresource:hover {
  text-decoration: none;
}
#selectedResources .removeresource {
  display: inline-block;
  /*float: right;*/
  color: #a00;
}
/* calendar-section */
.calendar-section .heading{
  background:#eeefef;
  text-align:center;
  padding:9px 6px;
  overflow:hidden;
  margin:0 0 18px;
}
.calendar-section h2{
  font-size:18px;
  line-height:22px;
  color:#363636;
  font-weight:bold;
  display:inline-block;
  vertical-align:middle;
  margin:0 6px;
}
.calendar-section .heading .info-link{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-info-link.png) no-repeat;
  width:22px;
  height:22px;
  text-indent:-9999px;
  overflow:hidden;
  float:right;
  margin:-1px 0 0;
}
.calendar-section .heading .link-next,
.calendar-section .heading .link-prev{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow-prev.png) no-repeat;
  width:14px;
  height:22px;
  text-indent:-9999px;
  overflow:hidden;
  display:inline-block;
  vertical-align:middle;
}
.calendar-section .heading .link-next{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow-next.png) no-repeat;
}
.calendar-holder{
  padding:0 0 36px 4px;
}
.calendar-holder img{
  vertical-align:top;
}

/* time-block */
.time-block{
  padding:2px 136px 0 37px;
}
/* details-form2 */
.details-form2 .text-row{
  display:inline-block;
  vertical-align:top;
  width:691px;
  padding:0 0 19px;
}
.details-form2 .data{
  float:left;
  padding:0 25px 0 0;
}
.details-form2 .edit{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/arrow3.png) no-repeat 100% 6px;
  padding:0 22px 0 0;
  letter-spacing:0.5px;
  float:right;
}
.details-form2 .calendar-link{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-calendar.png) no-repeat;
  width:24px;
  height:25px;
  text-indent:-9999px;
  overflow:hidden;
  float: left;
  padding:0;
  margin:1px 0 0 -2px;
}
.details-form2 .short{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-text-short.png) no-repeat;
  width:73px;
  height:30px;
  margin:0 10px 0 0;
}
.details-form2 .check-list li{
  float:left;
  width:223px;
  padding:0 10px 0 0;
}
.details-form2 .check-list label{
  width:180px;
  line-height:19px;
}
.details-form2 .title{
  font-weight:bold;
  display:block;
}
.details-form2 .reset-row{
  overflow:hidden;
  padding:14px 0 38px 204px;
}
.details-form2 input[type="reset"]{
  margin:0;
}

.details-form2 .share{
  margin:0 18px 0 0;
}
/* footer */
#footer{
  padding:40px 0 15px;
}
.print{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-print.png) no-repeat;
  min-height:16px;
  padding:23px 0 0 54px;
  display:inline-block;
  vertical-align:top;
  margin:0 0 17px 11px;
}
.footer-row{
  text-align:center;
  border-top:1px solid #249fff;
  overflow:hidden;
  padding:6px 15px 0 15px;
}
.lang{
  float:left;
  padding:2px 0 0;
}
.lang li{
  float:left;
  margin:0 32px 0 0;
}
.lang li.active a{
  font-weight:bold;
  text-decoration:none;
}
#footer .copyright{
  float: right;
  margin: 0 437px 0 0;
}
/* hide original element */
.jcf-hidden {
  display: block !important;
  position: absolute !important;
  left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom checkbox styles */
.chk-area {
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-checkbox.png) no-repeat;
  width:31px;
  height:30px;
  margin: 0 3px 0 0;
  display:inline-block;
  vertical-align:middle;
}
.identify-form .chk-area{
  vertical-align:top;
  margin:0;
}
.filter-form .chk-area{
  margin:0 5px 0 0;
}
.chk-checked {
  background-position:0 -30px;
}
/* custom select styles */
.select-area {
  position: relative;
  overflow: hidden;
  cursor: default;
  height:30px;
  float: left;
  font-size:16px;
  line-height:28px;
  font-style:italic;
  color:#707070;
}
.select-area .left{
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/select-left.png) no-repeat;
  width:14px;
  height:30px;
  position:absolute;
  top:0;
  left:0;
}
.select-area .center {
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/select-center.png) repeat-x;
  white-space: nowrap;
  display:block;
  height:30px;
  margin:0 23px 0 14px;
}
.select-area .select-opener {
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/select-button.png) no-repeat;
  width:23px;
  height:30px;
  position: absolute;
  right: 0;
  top: 0;
}
.select-options {
  position: absolute;
  overflow: hidden;
  background: #fff;
  z-index: 2000;
}
.select-options .drop-holder {
  border: 1px solid #919b9d;
  overflow: hidden;
  height: 1%;
}
.select-options ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:16px;
  line-height:19px;
  font-style:italic;
}
.select-options ul li {
  width: 100%;
  float: left;
}
.select-options ul a {
  text-decoration: none;
  padding: 5px 10px;
  display: block;
  cursor: default;
  color:#707070;
  height: 1%;
}
.select-options .item-selected a {
  text-decoration: none;
  background: #707070;
  color: #fff;
}
/* select options optgroup example styles */
.select-options .optgroup {
  clear: both;
}
.select-options .optgroup strong {
  display: block;
  padding: 5px;
}
.select-options .optgroup ul a {
  padding-left: 30px;
}
.date-picker {
  position:absolute;
  width:308px;
  top:100%;
  margin:5px 0 0;
  left: 0;
  z-index:999;
  overflow:hidden;
}
.dp-holder {
  position:relative;
  display: inline;
}

/*! jQuery UI - v1.10.3 - 2013-09-19
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=3C97FF;&fcHover=3C97FF;&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-dialog-content .ui-widget-content{
  height: 300px;
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 18px;
    margin: -20px 0 0;
    padding: 1px;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    text-transform: uppercase;
}

.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter:Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body .ui-datepicker {
  width: 17em;
  padding: 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
 float: none !important;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 50%;
}
.ui-datepicker table {
  width: auto;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 auto .4em;
  table-layout: fixed;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
  width: 25px;
}
.ui-datepicker tr td {
  border: 0;
  padding: 1px;
  width: 25px;
}
.ui-datepicker tr td span,
.ui-datepicker tr td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.search-form .dp-holder .ui-datepicker-calendar td:first-child {
  line-height: 18px;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em;
}

#ui-datepicker-div{
  padding: 10px;
  width: 300px;
}
.ui-widget-content {
  border: 1px solid rgb(0,0,0);
 background-color: white;
  color: #333333;
  padding: 20px;
}

.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {

  font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar-close span{
    display:block;
  
    border: none;
    background: #eeeeee url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/v6/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x transparent; 
}

.ui-widget-header a {
  color: #000000;
}

#confirmationDialog{}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/v6/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #3C97FF;
  background-color: #5CB7FF;
  font-weight: bold;
  color: #3C97FF;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #3C97FF;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

/* Misc */
.ui-dialog .ui-dialog-title {
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    margin: 1px 0 0 10px;
    width: 120%;
}
.ui-dialog{

}
.ui-dialog,.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable {
background:white !important
}
.ui-widget:not(.ui-button){
-webkit-box-shadow: 10px 13px 18px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 13px 18px -6px rgba(0,0,0,0.75);
box-shadow: 10px 13px 18px -6px rgba(0,0,0,0.75);
}


/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter:Alpha(Opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter:Alpha(Opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
  background-image: url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
  background-image: url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-icons_222222_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-icons_222222_256x240.png);
}
.ui-state-active .ui-icon {
  background-image: url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-icons_222222_256x240.png);
}
.ui-state-highlight .ui-icon {
  background-image: url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-icons_ffd27a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 1px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 1px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 1px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 1px;
}

/* Overlays */
.ui-widget-overlay {
  background: #666666 url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px;
}

.fc-state-default {
  background-image: none;
  background-color: #87BAFC;
  font-weight: bold;
  color: #fff;
  text-shadow: none;
}
.fc-state-active {
  box-shadow: none;
  background-color: #0050BB;
}
.dataTables_filter {
  display: none;
}
table.dataTable {
  margin: 10px 0;
}
table.dataTable thead th {
  border: 0;
}
.dataTables_info {
  margin-top: 10px;
}
.filter-section th {
  background-color: #eeefef;
  font-size: 18px;
}
.legend {
  margin: 20px 20px;
  width: 90%;
  clear: both;
  float: right;
  /*height: 100px;*/
  /*width: 250px;*/
  background-color: #EEF0EF;
  padding: 10px;
-webkit-box-shadow: 7px 7px 10px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 7px 10px -6px rgba(0,0,0,0.75);
box-shadow: 7px 7px 10px -6px rgba(0,0,0,0.75);
}
.legend ul li {
  line-height: 1em;
  vertical-align: middle;
  display: inline-block;
  list-style-type: none;
  float: left;
  margin: 4px 20px 4px 10px;
}
.legend .square {
  display: inline-block;
  height: 1em;
  width: 1em;
  border: 1px solid #888;
  margin: 0 8px 0 0;
}
.legend .square.white { background-color: #fff; }
.legend .square.blue { background-color: #239FFF; }
.legend .square.red { background-color: #DB0C40; }
.legend .square.gray { background-color: rgba(0,0,0,0.1); }

.fc-event-inner {
  background-color: #249FFF;
}
.event-own .fc-event-inner {
  background-color: #DB0C40;
}
#selectedResources .eventcolor { display: inline-block; width: 1em; height: 1em; margin: 0 5px; }
#selectedResources .eventcolor-0, .eventcolor-0 .fc-event-inner { background-color: #249FFF; }
#selectedResources .eventcolor-1, .eventcolor-1 .fc-event-inner { background-color: #26C5FF; }
#selectedResources .eventcolor-2, .eventcolor-2 .fc-event-inner { background-color: #26E9FF; }
#selectedResources .eventcolor-3, .eventcolor-3 .fc-event-inner { background-color: #26FFF0; }
#selectedResources .eventcolor-4, .eventcolor-4 .fc-event-inner { background-color: #26FFC8; }
#selectedResources .eventcolor-5, .eventcolor-5 .fc-event-inner { background-color: #26FFA1; }
#selectedResources .eventcolor-6, .eventcolor-6 .fc-event-inner { background-color: #26FF7C; }
#selectedResources .eventcolor-7, .eventcolor-7 .fc-event-inner { background-color: #26FF55; }
#selectedResources .eventcolor-8, .eventcolor-8 .fc-event-inner { background-color: #26FF2D; }
#selectedResources .eventcolor-9, .eventcolor-9 .fc-event-inner { background-color: #46FF36; }

.event-own .fc-event-inner { background-color: #DB0C40; }

.fc-widget-content.disallowed {
  background-color: rgba(0,0,0,0.1);
  border-color: #888;
}
.fc-widget-content.allowed {
  background-color: rgba(255,255,255,0);
  border-color: #333;
}
.fc-event-vert .fc-event-time {
  height: 14px;
  font-size: 12px;
  font-weight: bold;
}
.fc-event-vert .fc-event-title {
  max-height: 80%;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}
.fc-agenda-axis, .fc-agenda-slots th {
  border: 0;
}
.fc-widget-header {
  border: 0;
}
.qtip-content {
  padding: 20px;
}
.qtip-content, .qtip-default .qtip-titlebar {
  background-color: #E7EFFA;
}
.qtip-content p {
  margin-top: 15px;
}
.qtip-content h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.qtip-content {
  font-size: 14px;
}
.qtip-content b {
  font-weight: bold;
}
.qtip-default {
  border: 1px solid black;
}
.qtip-content a.button {
  display: inline-block;
  margin-top: 25px;
  float: right;
  padding: 10px;
  border-radius: 4px;
  background-color: #034BB7;
  width: auto;
  color: #fff;
}
.qtip-content a.linkbutton {
  display: inline-block;
  margin-top: 25px;
  float: left;
  padding: 10px;
  width: auto;
}
.calendarsearch {
  margin-bottom: 20px;
}
.calendar_push {
  margin-top: 40px;
}
.calendarsearch .filtertext {
  float: left; width: 150px;
}
.calendarcontainer {
  clear: both;
}
.fc-annotation {
  background-color: #fff;
  opacity: 1;
  filter:Alpha(Opacity=100);
}
.fc-annotation-container {
  opacity: .7;
  filter:Alpha(Opacity=70);
}

.resourcebrowser {
  clear: right;
  background-color: #eeefef;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
}
.resourcebrowser h2 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
}
.resourcebrowser a {
  display: inline-block;
  color: transparent;
  cursor: pointer;
  width: 15px;
  height: 23px;
}
#eventlistheader {
  margin: 12px 0 0 0;
}

#eventlistfooter {
  margin: 0 0 12px 0;
}

#myinfoareaspacer{

  /*background-color: #efefef;*/
}

.owninfobox{
  background-color: #efefef;
  padding-top:25px;
  padding-bottom:25px;
  padding-right:0px;
  padding-left:0px;
}

.myinfotable{   
  margin-left: 100px;
  margin-top: 20px;
}

.myinfotable tr td{
  padding-left: 20px;
  padding-top: 5px;
  width: 150px;
  white-space: nowrap;
}

.myinfotable input[type="submit"]{
  margin-top: 5px;
  color: #0050BB;
}

.myinfotable input[type="text"]{
  width: 250px;
}

.Button2{
  margin-left: 100px;
  margin-top: 20px;
  color: #0050BB;
}

.myinfolabel{
  font-style: italic;
}

.myinfoheaderlabel{
  margin-left: 50px;
  color: #0050BB;
  font:18px Arial, Helvetica, sans-serif;
}

.Button3{
  color: #0050BB;
  float: right; 
  margin-right: 20px;
  margin-left: 100px;
}


#logininfoarea{
  padding-top: 20px;
  padding-bottom: 20px;
}

.logininfotable{   
  margin: 0 auto;
}

.logininfotable tr td{
  padding-top: 5px;
  width: 200px;
  font:16px Arial, Helvetica, sans-serif;
  text-align: left;
}

.logininfotable tr td:first-child {
  width: 100px;
}

/* JSON eventlist */

.ajaxdiv {
  margin-top: 400px;
}

#img-spinner {
  padding-left: 38px;
}

/* html5 placeholder styling */
input::-webkit-input-placeholder {  /* chrome */
  font-style: italic;
}

input:-ms-input-placeholder {  /* ie 10+ */
  font-style: italic;
  color: gray;
}
  
input::-moz-placeholder { /* firefox */
  font-style: italic;
}

#spinner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 999;
}

#spinner .wrapper {
  width: 990px;
  height: 100%;
  margin: 0 auto;
}

#spinner .wrapper2 {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#spinner .wrapper3 {
  width: 110px;
  height: 55px;
  background-color: #FFF;
  margin: 0 auto;
  padding: 25px 10px;
  position: relative;
  top: 300px;
}

/* buttons */

.btn-holder{
  overflow:visible;
width: 100%;
}
.search-form .btn-holder{
  margin:-34px 0 0;
  text-align:right;
}
.information .btn-holder{
  overflow:hidden;
  margin:0 -78px 0 0;
  padding:30px 0 0;
}
.filter-form .btn-holder{
  text-align:right;
  padding:42px 28px 0 0;
}
.calendar-section .btn-holder{
  text-align:right;
  padding:0 61px 12px 0;
}
.details-form2 .btn-holder{
  overflow:hidden;
  margin:0 -78px 0 -26px;
}
/* btn-submit */
.filter-form  input[type="submit"],
.details-form input[type="submit"],
.identify-form input[type="submit"],
.btn-submit input{
  color:#fff;
  font-size:18px;
  line-height:28px;
  height:28px;
  min-width:108px;
  font-weight:bold;
  margin:0;
  padding:0 0 3px;
  border:none;
  background:none;
  display:block;
  cursor:pointer;
}

.btn-submit input:disabled {
  cursor: not-allowed;
  color: white;
  background-color: gray;
  border-radius: 4px;
}

.btn-submit.disabled {  
  background: none;
}

.btn-submit, .btn, .enrolmentBtn a{
  color:#fff;
  font-size:18px;
  line-height:27px;
  font-weight:bold;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-btn.png) no-repeat 100% 0;
  min-width:107px;
  padding:0 2px;
  height:28px;
  text-align:center;
  display:inline-block;
  vertical-align:top;
  position:relative;
  z-index:1;
  text-decoration: none;
}

.enrolmentBtnSpare a{
  color:#fff;
  font-size:18px;
  line-height:27px;
  font-weight:bold;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-btn2.png) no-repeat 100% 0;
  min-width:108px;
  padding:0 2px;
  height:28px;
  text-align:center;
  display:inline-block;
  vertical-align:top;
  position:relative;
  z-index:1;
 text-decoration: none;
}

.enrolmentBtnSpare a:after{
  content:'';
  position:absolute;
  top:0;
  height:28px;
  left:0;
  right:4px;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-btn2.png) no-repeat 0 -28px;
  z-index:-1;
}

.filter-form .btn-submit,
.btn2{
  min-width:141px;
}
.btn-submit:after, .btn:after, .enrolmentBtn a:after{
  content:'';
  position:absolute;
  top:0;
  height:28px;
  left:0;
  right:4px;
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/bg-btn.png) no-repeat 0 -28px;
  z-index:-1;
}

.btn-submit.disabled:after {
  background:none;
}

.btn:hover{
  text-decoration:none;
}

/* popup add hider */

.NotificationTextContainer {
  display: none;
}
.share-area{
    float: right;
    margin-right: 58px;
}
.share-text{
    float: left;
    padding: 9px 10px;
    
}

#enrolment_formresult{
    length: 100%;
    margin-left: 34px;
    font-size: 16px;
}

#enrolment_formresult table tr td.ListCellContent{
}

#enrolment_formresult table tr td.ListCellHeading{
    width: 50%;
    padding: 5px 0 5px 0;
}

.resourcemaplink {
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-map-link.png) no-repeat scroll 0 0 transparent;
  float: left;
  min-height: 17px;
  padding: 14px 0 0 22px;
}

.resourcemaplinkcalendar {
  background:url(/instancedata/prime_product_resurssivaraus/rovaniemi/pics/icon-map-link.png) no-repeat scroll 0 0 transparent;
  min-height: 17px;
  padding: 10px 0 0 20px;
}

.usersOrganisationInfoDiv{
 padding:10px 0 5px 0;
}

.paddedTable td {
  padding:10px;
  //border: 1px solid black;
}

.confirmberthselection {
  margin-top:15px;
}

.confirmberthselection td:first-child {
  width:40%;
}

.confirmberthselection td:(:not)first-child {
  width:60%;
  text-align:right;
}

.errormsg {
  color:red;
}

.myinfotxt {
 font-style: italic;
 color: #626262;
}

.PriorisationTable tr td:first-child {
  width: 15%;
}

.PriorisationTable tr td:last-child {
  width: 10%;
}

.PriorisationTable tr td:nth-child(4) {
  width: 40%;
}

.PriorisationTable tr td:nth-child(5) {
  width: 40%;
}

.PriorisationTable tr td:nth-child(3) {
  width: 2%;
}

.PriorisationTable tr td:nth-child(2) {
  width: 5%;
}

.legend {
display: none;
}

