/* Common styles */
body {
    background-color: #c4c4c4;
    background-image: url('bg.png');
    background-repeat: repeat-x;
    margin: 0px 0px 50px 0px;
    padding: 0px;
    font-family: "Arial",sans-serif;
    font-size: 13px;
}
h1, h2, h3, h4, h5, p, pre {
    margin: 10px;
}
table {
    margin: 8px;
}
td {
    vertical-align: top;
}
th {
    text-align: left;
}
small {
    color: #877;
}
img {
    vertical-align: middle;
    border: none;
}
textarea {
    height: 100px;
}
a, .link {
    color: #990066;
    text-decoration: underline;
    cursor: pointer;
}
.clear {
  clear:both;
}
a:hover, .link:hover {
    text-decoration: none;
}
.greytext {
    color: #988;
}
.hidden {
    display: none;
}
.pull-right{
    float: right;
}
#template_sidemenu {
   color: #bbb;
   clear: both;
}

/* Layout specific styles */
#template_content {
    width: 1088px;
    margin: auto;
    background: #fff;
    border: 1px solid #a0a0a0;
}
#template_corner {
    float: right;
    padding: 10px;
    padding-right: 7px;
    margin-top: 63px;
}
#template_corner p {
    color: #000;
    font-size: 14px;
}

#template_userinfo{
    padding-left: 25px;
    background-image: url("login_person.png");
    background-position: top left;
    background-repeat: no-repeat;
    font-weight: bold;
}
#template_loginform p {
}
#template_loginform a {
    color: #990065;
    font-size: 0.75em;
}
#template_loginform a:hover {
    text-decoration: none;
}
#template_loginform input {
    font-size: 10px;
}
#template_loginform_username {
    border: solid 1px #557;
    width: 100px;
}
#template_loginform_password {
    border: solid 1px #557;
    width: 100px;
}
#template_loginform_forgot{
    font-size: 10px;
}
#template_username {
    cursor: pointer;
}
#template_whoisonline {
    display: none;
    position: absolute;
    width: 200px;
    overflow: auto;
    border: solid 1px #000;
    background-color: #ccc;
}
#template_whoisonline p {
    text-align: left;
    color: #000;
}
#template_header {
    height: 262px;
    background-image: url('bg_header.jpg');
    background-repeat: no-repeat;
}
#template_header p {
    margin: 0px;
    padding: 0px;
}
#template_header img {
    border: none;
    margin-top: 65px;
    margin-left: 5px;    
}
#template_corner_yv{
    background-image: url('login_yv.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 7px;
    margin: 0;    
}
#template_corner_y{
    background-image: url('login_y.png');
    background-repeat: repeat-x;
    background-position: top left;
    height: 7px;   
    margin: 0;    
}
#template_corner_yo{
    background-image: url('login_yo.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 7px;
    margin: 0;    
}

#template_corner_v{
    background-image: url('login_v.png');
    background-repeat: repeat-y;
    background-position: top left;
    padding-left: 7px;    
    margin: 0;    
}
#template_corner_k{
    padding: 1px;
    background-color: white; 
}
#template_corner_o{
    background-image: url('login_o.png');
    background-repeat: repeat-y;
    background-position: top right;
    padding-right: 7px;    
    margin: 0;    
}

#template_corner_av{
    background-image: url('login_av.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-left: 7px;    
    margin: 0;    
}
#template_corner_a{
    background-image: url('login_a.png');
    background-repeat: repeat-x;
    background-position: bottom left;
    height: 7px;   
    margin: 0;    
}
#template_corner_ao{
    background-image: url('login_ao.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-right: 7px;
    margin: 0;    
}


#template_headerstopper {
    clear: both;
}
#template_top_left {
    /*background-image: url('topmenu-left.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 10px; */
}
#template_top_right {
    /*background-image: url('topmenu-right.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 9px;*/
}
#template_top {
    background-image: url('topmenu.png');
    background-repeat: repeat-x;
    background-position: bottom;
    height: 57px;
}
#template_top_content {
    margin-left: 10px;
}
#template_top .template_separator {
   /* background-image: url('topmenu-separator.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 5px;
    height: 51px;
    float: left;*/
}
#template_top .template_entry_left {
   /*  background-image: url('topmenu-entry-left.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 3px; */
    float: left; 
}
#template_top .template_entry_right {
   background-image: url('topmenu-entry-right.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 4px;  
}
/*   mayby somehow ?    
#template_top_content .template_entry_left:last-child { background-color: red;}
#template_top_content .template_entry_left:last-child {
    background-image: none;
} */

#template_top .template_entry {
  /*  background-image: url('topmenu-entry.png');
    background-repeat: repeat-x;
    background-position: top;  */
    height: 57px;
    margin: 0px;
    padding: 0px 8px;
    line-height: 60px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}
#template_top .template_entry:hover {
  /*  background-image: url('topmenu-entry2.png');  */
}
#template_top .template_entry:hover a {
    color: #990063;    
}
#template_top .template_sel:hover a{
    color: #ccc;
}
#template_top .template_sel_left {
 /*   background-image: url('topmenu-sel-left.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 3px; */
    float: left;
}
#template_top .template_sel_right {
    background-image: url('topmenu-entry-right.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 2px
}
#template_top .template_sel {
    background-image: url('topmenu-sel.png');
    background-repeat: repeat-x;
    background-position: top; 
    height: 57px;
    margin: 0px;
    padding: 0px 10px;
    line-height: 60px; 
    text-transform: uppercase;
    font-weight: bold;
}
#template_top a {
    text-decoration: none;
    color: #000;
    font-family: "Arial", sans-serif;
}
#template_sidemenu a{
    color: #990066;
    text-decoration: underline;   
}

#template_top a:hover, #template_sidemenu a:hover {
    color: #000;
}
#template_top .template_sel a {
    color: #fff;
}

#template_sidemenu {
    width: 219px;
    float: left;
}
#template_sidemenu_top {
 /*   height: 14px;
    background-image: url('sidemenu-top.png');
    background-repeat: no-repeat;
    background-position: top left; */
}
#template_sidemenu_center {
 /*   background-image: url('sidemenu-entry.png');
    background-repeat: repeat-y;
    background-position: top left; */
    padding: 1px 4px 1px 4px;
    margin-top: 15px;    
}
.template_new_button #template_sidemenu_center2 { background-color: #cc0d70; }
.nayta_tyontekijat_valikossa #template_sidemenu_center2 {
    color: #000;
    background: #fff;
    border: 0;
}
#template_sidemenu .template_new_button p{
    height: 37px;
    border: 0;
    color: white;
    line-height: 37px;
    padding-left: 30px;
    background-image: url("bg_new.png");
    background-repeat: no-repeat;
    background-position: 5px center;
}
#template_sidemenu .template_new_button p.template_sel{ background-color: transparent;}
#template_sidemenu .template_new_button p.template_entry:hover,
#template_sidemenu .template_new_button p.template_sel:hover{
    background-color: #990066;
}
#template_sidemenu .template_new_button a{
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}
#template_sidemenu .template_new_button a span{
    font-weight: normal;
}
#template_sidemenu_center.no_bg {
    background: none !important;
    text-align: center;
    padding: 1px 4px 1px 4px;
    border: none;
}
#template_sidemenu_center.template_first{display: none;}
#template_sidemenu_center.no_bg.template_first{
    display: block;
}
#template_sidemenu_center2 {
    max-height: 400px;
    overflow: auto;
    border: 1px solid #666;
}
#template_sidemenu_center.no_bg #template_sidemenu_center2{
    border: none;
}

#template_sidemenu {
    color: #bbb;
}
#template_sidemenu .template_entry {
    padding: 0px 0px 0px 7px;
    margin: 0px;
    line-height: 22px;
    cursor: pointer;
    border-bottom: solid 1px #444;
}
#template_sidemenu .template_entry:hover {
    background-color: #ededed;
}
#template_sidemenu .template_entry:hover a, #template_sidemenu .template_sel:hover a {
}
#template_sidemenu .template_sel {
   /*background-image: url('sidemenu-sel.png');
    background-repeat: no-repeat;
    background-position: center left; */
    padding: 0px 0px 0px 7px;
    margin: 0px;
    line-height: 22px;
    cursor: pointer;
    border-bottom: solid 1px #444;
    background-color: #ededed;
    font-weight: bold;
}
#template_sidemenu .template_separator {
  /*  background-image: url('sidemenu-separator.png');
    background-repeat: no-repeat;
    background-position: top left; */
    padding: 0px 0px 0px 7px;
    margin: 0px;
    height: 4px;
    height: 4px;
}
#template_sidemenu .template_category {
    padding: 8px 10px;
    margin: 0px;
    margin-top: 3px;
    color: #fff;
    font-weight: bold;
    background-color: #565656;
    font-size: 14px;
}
#template_sidemenu .template_category.worker,
#template_sidemenu .template_category.volunteer {
    color: #666;
    background: #fff;
}
#template_sidemenu .template_category.worker.hidden {
    display: none;
}
#template_sidemenu_bottom {
  /*  height: 14px;
    background-image: url('sidemenu-bottom.png');
    background-repeat: no-repeat;
    background-position: top left;*/
}
#template_maintop {
   /* background-image: url('main-top.png');
    background-repeat: no-repeat;
    background-position: top center;

    height: 7px;   */
}
#template_main {
    /*
    background-image: url('main.png');
    background-repeat: repeat-y;
    background-position: top center;
    */
}
#template_main_content {
    padding: 1px 7px 1px 7px;
}
#template_mainbottom {
    /*
    background-image: url('main-bottom.png');
    background-repeat: no-repeat;
    background-position: top center;
    */
    height: 19px;
}
#template_maintop2 {
    /*
    background-image: url('main2-top.png');
    background-repeat: no-repeat;
    background-position: top right;
    
    height: 7px; */
}
#template_main2 {
    /*
    background-image: url('main2.png');
    background-repeat: repeat-y;
    background-position: top right;
    */
}
#template_main_content2 {
    padding: 1px 7px 1px 229px;
}
#template_mainbottom2 {
    /*
    background-image: url('main2-bottom.png');
    background-repeat: no-repeat;
    background-position: top right;
    */
    height: 19px;
    clear: both;
}
#template_footer {
    /*
    background-image: url('foot.png');
    background-repeat: no-repeat;
    background-position: top center;
    */
    border-top: 1px solid #f4f4f4;
    margin-top: 5px;
    height: 90px;
    color: #323232;
    background-color: #ededed;
    padding-top: 10px;
}

#template_footer td.footer_row_1{
    text-align: center;
    width: 200px;
    vertical-align: middle;
    background-image: url("footer_separator.png");
    background-repeat: no-repeat;
    background-position: right center;
    
}
#template_footer td.footer_row_2{
    text-align: center;
    width: auto;    
    vertical-align: middle;
    padding: 10px 5px;
}
#template_footer td.footer_row_3{
    text-align: center;    
    width: 225px;
    vertical-align: middle;
    background-image: url("footer_separator.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    text-align: left;    
}
#template_footer td.footer_row_3 a{
    padding-left: 55px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url("website.png");
    background-repeat: no-repeat;
    background-position: left center;
    height: 50px;
    display: block;
}
#template_footer td.footer_row_3 a span{
    padding-top: 5px;
    padding-left: 8px;
    display: block;
}
#template_footer_mvs{
    font-weight: bold;
}
#template_footer table {
    margin: auto;
    width: 100%;
}
#template_footer td {
    padding: 10px;
    line-height: 20px;
    width: 25%;
}
#template_footer a {
    color: #990066;
    font-size: 13px;
}
#template_footer img {
    border: none;
}


#template_footer .yhteystiedot td{
    padding: 0px;
    width: auto;
    
}

#template_quicksearch p {
    margin: 0px 5px 10px 5px;
    border: solid 1px #808080;
    padding: 2px;
    margin-top: 10px;
}
#template_quicksearch input {
    width: 170px;
    color: #999;
    border: 0;
    margin-left: 3px;
}
#template_quicksearch img {
    cursor: pointer;
}
#template_quicksearch_result {
    position: absolute;
    margin: 3px 10px;
    width: 300px;
    overflow: auto;
    max-height: 500px;
    border: solid 1px #000;
    background-color: #ffa;
    padding-bottom: 3px;
}
#template_main2 #template_quicksearch_result {
    margin-left: 232px;
}
#template_quicksearch_result .template_resultlist {
    margin: 0px 3px 0px 20px;
    border: solid 1px #bb9;
    padding: 5px;
}
#template_quicksearch_result .template_entry {
    margin: 0px;
    line-height: 22px;
    cursor: pointer;
}
#template_quicksearch_result .template_entry:hover {
    background-color: #cc9;
}
#template_quicksearch_result a {
    text-decoration: none;
}
#template_quicksearch_result .template_entry:hover a {
    color: #000;
}
#template_quicksearch_result .template_category {
    margin: 0px;
    line-height: 22px;
    color: #000;
    font-weight: bold;
}

.template_multiselector {
    width: 200px;
    background-color: #fff;
    border: solid 1px #999;
}
.template_multiselector_list {
    overflow: auto;
    max-height: 150px;
}
.template_multiselector table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.template_multiselector p {
    margin: 0px;
    padding: 0px;
    text-align: center;
    border-top: solid 1px #999;
}
.template_multiselector .template_category {
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
.template_multiselector .template_entry {
    font-size: 11px;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    cursor: pointer;
    background-image: url('ui-check-box-uncheck.png');
    background-position: left;
    background-repeat: no-repeat;
}
.template_multiselector .template_entry_privs {
    font-size: 11px;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    cursor: pointer;
    background-image: url('../../pics/wrench.png');
    background-position: left;
    background-repeat: no-repeat;
}
.template_multiselector .selected {
    background-color: #bcc;
    font-weight: normal;
    background-image: url('ui-check-box.png');
    background-position: left;
    background-repeat: no-repeat;
}
.template_multiselector .selected_no_img {
    background-color: #bcc;
    font-weight: normal;
}
.template_multiselector_checkall, .template_multiselector_checknone,
.template_multiselector_contract, .template_multiselector_expand {
    cursor: pointer;
}
.template_global_selector {
    width: 200px;
}
.template_tabmenu_outside {
    /*border-left: solid 1px #666; */
    /*background-color: #666; */
}
.template_tabmenu_outside.signup_pages{
    margin-top: 15px;
}

.template_tabmenu_inside {
    border: solid 1px #b6b6b6;
    background-color: #fff;
    padding: 1px;
    overflow: auto;
}
.template_tabmenu {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    /* height: 25px; */
}
.template_tabmenu ul{
    display: table;
}
.template_tabmenu li {
    display: table-cell;
    padding-right: 2px;
    height: 38px;
}
.template_tabmenu a {
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    color: #990066;
    background-image: url('tabmenu_left.png');
    background-position: left top;
    background-repeat: no-repeat;
    display: table-cell;
    padding-left: 4px;
}
.template_tabmenu .template_tab_ent1{
    background-image: url('tabmenu_right.png');
    background-position: right top;
    background-repeat: no-repeat;
    display: table-cell;
    padding-right: 4px;
}

.template_tabmenu .template_tab_ent2{
    background-image: url('tabmenu.png');
    background-position: left top;
    background-repeat: repeat-x;
    display: table-cell;
    padding: 0 10px;    
}

.template_tabmenu .selected{
    background-image: url('tabmenu_sel_left.png');
    color: white;
}
.template_tabmenu .selected .template_tab_ent2{
    background-image: url('tabmenu_sel.png');
}
.template_tabmenu .selected .template_tab_ent1{
    background-image: url('tabmenu_sel_right.png');
}


.template_tabmenu a.selected {
    color: #fff;
   /* background-image: url('sidemenu-sel.png');
    background-position: center center;*/
    background-color: #fff;   
}
.template_tabmenu a:hover {
   /* background-color: #ab8;
    background-color: #888; */
}

/* Content specific styles */
.datepicker, .datepicker2 {
    width: 184px;
}
.w75 {
    width: 75px;
}
.w100 {
    width: 100px;
}
.w150 {
    width: 150px;
}
.w175 {
    width: 175px;
}
.w200 {
    width: 200px;
}
.w300 {
    width: 300px;
    text-align: left;
}
.w325 {
    width: 325px;
}
.w400 {
    width: 400px;
}
.w500 {
    width: 500px;
}
.wmax {
    width: 100%;
}
.message, .message2 {
    border: solid 1px #755;
    background-color: #fdd;
    margin: 5px;
    padding: 5px;
}
.message2 { cursor: default; }
.alert {
    font-weight: bold;
    color: #f31;
}
img.ui-datepicker-trigger, img.link {
    cursor: pointer;
}
.lisakentat_marked_row td {
    border: solid 1px #840;
    background-color: #fc9;
}
td.required {
    padding-right: 20px;
    background-image: url('required.png');
    background-repeat: no-repeat;
    background-position: top right;
}
td.not_required{
    padding-right: 20px;
    background-image: url('required_empty.png');
    background-repeat: no-repeat;
    background-position: top right;
}
td.even {
    background-color: #dfd;
    padding: 5px 10px;
}
td.odd {
    background-color: #bdb;
    padding: 5px 10px;
}

/* Calendar settings */
table#calendar .calentry {
    color: #410;
}
table#calendar .calentry2 {
    color: #410;
    font-weight: bold;
}
table#calendar .callink {
    color: #990066;
}
table#calendar .callink2 {
    color: #920;
}
table#calendar .callink3 {
    color: #290;
}
table#calendar .paikalla {
    color: #000 !important;
    font-weight: normal;
}
table#weekcalendar {
    border-collapse: separate;
    border-spacing: 2px 0;
}
table#calendar th.dayname, table#weekcalendar th.dayname { /* Header cell / Name of the day (Monday, Tuesday..) */
    width: 100px;
    background: #d0d0d0;
}

/* Viikkokalenterin tapahtuman otsikko ja "häntä" */
table#weekcalendar td.event { background: #bbcccc; cursor: pointer; }
table#weekcalendar td.eventtail { background: #d4e6e6; }
/* Viikkokalenterin yksityinen tapahtuman otsikko ja "häntä" */
table#weekcalendar td.private_event { background: #ff8080; cursor: pointer; }
table#weekcalendar td.private_eventtail { background: #ffc0c0; }

table#calendar td.day { /* Day cell */
    border: 1px solid #d0d0d0;
    width: 100px;
    height: 75px;
}
td.tmpday {
    border: 1px solid #d0d0d0;
    width: 30px;
    height: 16px;
    text-align: center;
}
table#weekcalendar td.min { /* Minutes cell */
    border-bottom: 1px solid #d0d0d0;    
}
table#calendar td.day:hover { /* Mouse over day effect */
    background: #efefef !important;
    cursor: pointer;
}
table#calendar td.week, table#weekcalendar td.minutes { /* Number of week */
    border-bottom: 1px solid #d0d0d0;
}
table#calendar td.empty { /* Empty day (day from prev/next month) */
    background: #efefef;
}
table#calendar td.day { /* Regular day in selected month */
    
}
table#calendar td.selected, table#weekcalendar td.selected { /* Selected day (user has clicked on it) */
    border: 2px solid red !important;
}
table#calendar td.currentday { /* Current day in selected month */
    border: 3px solid #990066;
}
table#calendar td.weekend { /* Weekend in selected month */
    background: #eaf1d3 !important;
}
table#calendar td span, table#calendar td a { /* Content text */
    font-size: 11px;
}
table#calendar td a:hover {
    text-decoration: none;
}
table#calendar td span.holyday, table#weekcalendar td span.holyday { /* Holyday text */
    color: red;
}
#calendar_add_entry_dialog {
    position: absolute;
    background-color: #fff;
    border: solid 2px #410;
    padding: 5px;
    z-index: 10001;
}

/* Multical styles */
table.tapahtumat_multical th.dayname { /* Header cell / Name of the day (Monday, Tuesday..) */
    background: #d0d0d0;
}
table.tapahtumat_multical td.day { /* Day cell */
    border: 1px solid #d0d0d0;
    color: #555;
    text-align: center;
    width: 30px;
}
table.tapahtumat_multical td.day:hover { /* Mouse over day effect */
    background: #efefef !important;
    cursor: pointer;
}
table.tapahtumat_multical td.week { /* Number of week */
    border-bottom: 1px solid #d0d0d0;
}
table.tapahtumat_multical td.empty { /* Empty day (day from prev/next month) */
    background: #efefef;
}
table.tapahtumat_multical td.currentday { /* Current day in selected month */
    border: 1px solid #990066;
}
table.tapahtumat_multical td.weekend { /* Weekend in selected month */
    background: #eaf1d3;
}
table.tapahtumat_multical td.marked { /* Selected day in selected month */
    border: 1px solid #ff0000;
    background: #ff9999;
}

/* Messages logging */
.parentlog { color: blue; cursor: pointer; }
.childrenlog { display: none; }

table#confirmRecipients td { border: 1px solid #404040; background: #fff; padding: 2px; }
table#confirmRecipients td.selected { background: #bbcccc; }
.clicketyclick { cursor: pointer; }

#tarrapohjanHenkilot td { border: 1px solid #404040; background: #fff; padding: 2px; }
#tarrapohjanHenkilot tr.sivunVaihto td { border: 0 !important; text-align: center; }

#listaus_jasenet td, #listaus_jasenet th, .se_bordered td, .se_bordered th, .se_bordered_disabled td, .se_bordered_disabled th {
    margin: 0px;
    padding: 0px;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
}
.se_bordered .toprow, .se_bordered_disabled .toprow_disabled {
    border-right: none;
}
.se_bordered .firstcol, .se_bordered_disabled .firstcol_disabled {
    border-bottom: none;
}

/*toprow_disabled firstcol_disabled*/

/* File uploader */
.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#4f5055; border:1px solid #444444;color:#fff;
}
.qq-upload-button-hover {background:#777777;color:#000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 50px; z-index:2;
    background:#4f5055; text-align:center;border:1px solid #444444;color:#fff;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#777777;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url('loading.gif'); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

div.selectorMonster.hidden {
    display: none;
}

div#multical_container {
    max-height: 260px;
    overflow: auto;
}

/* Laskutus */
.bill_container { border: 1px solid #000; }
.bill_user, .bill_content, .show_bill_info { cursor: pointer; }
.bill_content { display: none; padding: 3px; }
span.ei_maksettu { cursor: pointer; color: red; }
span.ws_virhe { cursor: pointer; color: #b50; }
span.maksettu { cursor: pointer; color: green; }

/* Laskut */
.user_bill_container { border: 1px solid #000; padding: 3px; }
.user_bill_container_selected { border: 1px solid #000; padding: 3px; background: #ffffaa; }
.user_bill_header { cursor: pointer; }
.user_bill_content { display: none; padding: 3px; }
.user_bill_footer { border-top: 1px solid #909090; }

/* Tulostus */
ul#kenttaJarjestys, ul#kenttaJarjestysAsiakas, ul#lisakenttaJarjestys, ul#perhekenttaJarjestys {
    padding: 0;
    margin: 0;
    font-size: 11px;
    min-width: 150px;
}
ul#kenttaJarjestys li, ul#kenttaJarjestysAsiakas li, ul#lisakenttaJarjestys li, ul#perhekenttaJarjestys li {
    cursor: move;
    list-style-type: none;
    background: #bbcccc;
    margin-bottom: 2px;
}

/* Create new event container */
div#create_event {
    position: absolute;
    min-width: 250px;
    max-width: 300px;
    min-height: 150px;
    background: #efefef;
    border: 2px solid #606060;
}
div#create_event .header {
    border-bottom: 1px solid #000;
    font-weight: bold;
    background: #666666;
    color: #fff;
    padding: 5px;
}
div#create_event .content { padding: 5px; }
div#create_event .footer {
    min-width: 250px;
    max-width: 300px;
    border-top: 1px solid #000;
    font-weight: bold;
    background: #666666;
    color: #fff;
    padding: 5px;
}

/* Create new event table */
#neweventdata td { vertical-align: top; }
#neweventdata td:first-child { font-weight: bold; }

/* Close button */
div#create_event .footer input.closebutton { float: right; }
/* Remove button */
div#create_event .footer input.removebutton { margin-left: 10px; }

/* Create new info box container */
div#event_info_box, div#privs_info_box {
    position: absolute;
    background: #efefef;
    border: 1px solid #aaaaaa;
    cursor: pointer;
    padding: 2px;
    max-width: 250px;
}
div#event_info_box, div#privs_info_box {
    font-size: 11px;
    max-width: 300px;
}

/* Tulosteet kuntien avustusanomus */
.tulosteet_ta .valittu td {
    background-color: #bcc;
}
.tulosteet_ta_ryhmarivi td {
    border: solid 1px #999;
}
.tulosteet_ta_ryhmarivi {
    border: solid 1px #999;
    cursor: pointer;
}
.tulosteet_ta_jasenlaatikko {
    border: solid 1px #444;
}
.tulosteet_ta_jasenrivi td {
    border: solid 1px #999;
}

.timeerror { border: 1px solid red; }

span.error { color: red; }

.number { text-align: right; }

/* Huolto email notifications table */
.huolto_sp_ilmoitus_taulu{
    border-collapse: collapse;
    margin-left: 10px;
}
.huolto_sp_ilmoitus_tunnus{
    padding-left: 20px;
}
.huolto_sp_ilmoitus_jaosto{
    font-weight: bold;
    padding-left: 3px;
}

.huolto_sp_ilmoitus_otsikko{
    border-bottom: 1px solid black;
}

.huolto_sp_ilmoitus_otsikko_ala {
    font-weight: bold;
    padding-left: 10px;
}
.huolto_sp_ilmoitus_otsikko_valinnat{
    text-align: center;
}

.huolto_link{
    cursor: pointer;
}

/* Add checkbox icon and make a block */
.checkbox_block {
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    cursor: pointer;
    background-image: url('ui-check-box-uncheck.png');
    background-position: left;
    background-repeat: no-repeat;
}
.checkbox_block_selected {
    background-image: url('ui-check-box.png');
}

/* Valitse perherekisteristä valikon nappi */
.pr_valitse{
    font-size: 12px;
}

p.version {
    text-align: right;
    margin: 0px;
}

p.version a {
    font-size: 10px;
    color: #afafaf;
}

.valitut_pvmt {
    border-bottom: 1px solid #606060;
    font-weight: bold;
}

.toggle_help { cursor: pointer; }

div.help {
    border: 1px solid #909090;
    margin: 0 10px 10px 10px;
    padding: 5px;
    display: none;
}

#dynamicBillingContent { width: 100%; border-collapse: collapse; }
#dynamicBillingContent th, #dynamicBillingContent td { padding: 2px; }
#dynamicBillingContent thead th { text-align: left; border-top: 1px solid #000; border-bottom: 1px solid #000; }

tr.bill_title td { border-top: 1px solid #000; background: #efefef; }
tr.bill_title_maksumuistutus td { background: pink; }

#dynamicBillingContent tbody tr td.id, #dynamicBillingContent tbody tr td.veroton {
    cursor: pointer;
}
#dynamicBillingContent tbody tr td.id:hover, #dynamicBillingContent tbody tr td.veroton:hover {
    background: #efefef;
}

tr.bill_user_extra{ display: none }

/* Paikalla! */
#paikalla_container {
    width: 800px;
    position: absolute;
    background: #efefef;
    border: 1px solid #aaaaaa;
    z-index: 10000;
}
#paikalla_header {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #aaaaaa;
    padding: 5px;
    cursor: move;
    background: #404040;
    color: #fff;
}
.oma_status_sel { margin: 10px 0 10px 0; padding: 4px; background: #eaf1d3; border: 1px solid #aaaaaa; }
#paikalla_footer { border-top: 1px solid #aaaaaa; text-align: right; }
#paikalla_content { padding: 5px; }

#modalOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.3); /* black semi-transparent */
}

.pyorista_kulmat { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.varjo { -moz-box-shadow: 5px 5px 5px #505050; -webkit-box-shadow: 5px 5px 5px #505050; box-shadow: 5px 5px 5px #505050; }

#tapahtuma_ilmoittautuminen { font-family: Arial !important; font-size: 12px; }
#tapahtuma_ilmoittautuminen #paikalla, #tapahtuma_ilmoittautuminen #poissa, #tapahtuma_ilmoittautuminen #vahvistamatta {
    height: 117px; overflow-y: scroll;
}

#tapahtuma_ilmoittautuminen #paikalla ul,
#tapahtuma_ilmoittautuminen #poissa ul,
#tapahtuma_ilmoittautuminen #vahvistamatta ul,
#tapahtuma_tapahtumaketju ul {
    padding: 0; margin: 0;
}
#tapahtuma_ilmoittautuminen #paikalla ul li,
#tapahtuma_ilmoittautuminen #poissa ul li,
#tapahtuma_ilmoittautuminen #vahvistamatta ul li {
    border: 1px solid #000;
    padding: 2px;
    margin: 2px;
    display: inline;
    float: left;
}
#tapahtuma_ilmoittautuminen #paikalla ul li.raahattava,
#tapahtuma_ilmoittautuminen #poissa ul li.raahattava,
#tapahtuma_ilmoittautuminen #vahvistamatta ul li.raahattava {
    cursor: move;
}
#tapahtuma_ilmoittautuminen #paikalla ul li { background: lightgreen; }
#tapahtuma_ilmoittautuminen #poissa ul li { background: pink; }
#tapahtuma_ilmoittautuminen #vahvistamatta ul li { background: lightyellow; }
#tapahtuma_keskustelu { background: #fff; border: 1px solid #aaaaaa; height: 260px; overflow-y: scroll; }
#tapahtuma_tapahtumaketju { background: #fff; border: 1px solid #aaaaaa; height: 130px; overflow-y: scroll; display: none; }
#tapahtuma_keskustelu .kommentti { border-bottom: 1px solid #aaaaaa; }
#tapahtuma_keskustelu .kommentti img { padding: 0px 3px 0px 3px; }
#jatkaKeskustelua { height: 20px; width: 300px; font-family: Arial; font-size: 12px; }

.veroton, .alv_prosentti, .alvn_maara, .yhteensa_sis_verot { text-align: right; }
.loppusumma_veroton, .loppusumma_alvn_maara, .loppusumma_yhteensa_sis_verot { text-align: right; }

.jasenkorttilaskutus_info { font-weight: bold; color: green; }
.dragged_over { background: pink !important; }

#privs_box {
    position: absolute;
    background: #efefef;
    border: 1px solid #000;
    padding: 0;
    margin: 0;
    max-width: 280px;
}

#privs_box .header { cursor: move; font-weight: bold;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #aaaaaa;
    padding: 5px;
    cursor: move;
    background: #404040;
    color: #fff;}
#privs_box .content { padding: 5px; }
#privs_box .content p { text-align: center; margin: 0;}
#privs_box .content p img { cursor: pointer; }
#privs_box .footer { border-top: 1px solid #aaaaaa; }
#privs_box .footer table { width: 100%; border-collapse: collapse; margin: 0; padding: 0; }
#privs_box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#privs_box ul li {
    cursor: pointer;
    font-size: 11px;
    margin: 2px;
    padding: 0px 0px 0px 20px;
    background-image: url('ui-check-box-uncheck.png');
    background-position: left;
    background-repeat: no-repeat;    
}

#privs_box ul li.selected {
    background-image: url('ui-check-box.png');
    background-position: left;
    background-repeat: no-repeat;
    background-color: #bcc;
    font-weight: normal;
}

.span_paikalla_link { color: #fff; }

.select_disabled { background-color: pink !important; }

legend { font-weight: bold; }

div.esikatselu {
    display: none;
    border: 1px solid #606060;
    background: #ffff80;
}

.edit_mode, .dragging { background: #cfddaa; }
#listaus_jasenet td { cursor: pointer; }
.ryhmat_lomake_muutettu .ui-dialog-titlebar-close { float: right; }
.ryhmat_lomake_muutettu .ui-dialog-title { padding: 2px;}
.ryhmat_lomake_muutettu .ryhmat_nappi { margin-left: 5px; width: 75px;}
.ryhmat_lomake_muutettu_info { padding: 5px; }

#lisakentat tr.viiva th, #lisakentat tr.viiva td {  border-bottom: solid 1px #999; }
.draggable { background-image: url('../../pics/arrow-move.png'); background-repeat: no-repeat; }

#ilmoittaudu_lista { border-collapse: collapse; width: 98%; }
#ilmoittaudu_lista td, #ilmoittaudu_lista th{
    border: 1px solid #E9E9E9;
    color: #000000;
    padding: 15px 5px;
}
#ilmoittaudu_lista tr.selected.header {
    background: #efefef;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#ilmoittaudu_lista tr.selected.footer {
    background: #efefef;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#ilmoittaudu_lista .tehtavalista_otsikko a{
    color: black;
    text-decoration: none;
}
#ilmoittaudu_lista td a{
    color: #990066;
    text-decoration: none;
    font-weight: bold;
}

.tilastointi { width: 600px; border-collapse: collapse; }
.tilastointi tr { border: 1px solid #000; }
.tilastointi thead, .tilastointi tr.total { background: #bfdb8a; }
.tilastointi tr.odd { }
.tilastointi tr.even { background: #eaeaea; }
#osoitetarrat_asetukset {width: 95%; }
#osoitetarrat_asetukset .w75{ width: 35px; }

#vahvista_ilmoittautuminen span { margin-left: 5px; }

#ilmoittaudu_lista th.tehtavalista_otsikko { }

#ilmoittaudu_lista .ilmoittaudu_jarjestys_a{
    background-image: url('arrow-270.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 16px;
}

#ilmoittaudu_lista  .ilmoittaudu_jarjestys_d{
    background-image: url('arrow-090.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 16px;
}

th.tehtavalista_otsikko{
    cursor: pointer;
}

.ilmoittautuminen_ajankohdat {
    border-collapse: collapse;
    width: 95%;
}

.ilmoittautuminen_ajankohdat td {
    border: 1px solid #E9E9E9;
    color: #000000;
    padding: 16px 17px;
}

.ilmoittautuminen_jasen {
/*    background: lightgreen;
    border: 2px solid #000;
    padding: 3px;
    width: 250px;
    float: left;
    min-height: 125px;
    margin-left: 10px;     */

    background-color: #DEEBBC;
    display: block;
    float: left;
    margin: 10px;
    padding: 10px;
    width: 290px;
}
.ilmoittautuminen_jasen a { color: #990066; }
.ilmoittautuminen_uusi { 
/*    background: pink;
    border: 2px solid #000;
    padding: 3px;
    width: 250px;
    float: left;
    min-height: 125px;
    margin-left: 10px;
*/
    background-color: #EFEFEF;
    display: block;
    float: left;
    margin: 10px;
    padding: 10px;
    width: 300px;
    min-height: 165px;
}
.ilmoittautuminen_cont h1{
    color: #67892A;
    display: block;
    font-family: Helvetica;
    font-size: 1.67em;
    font-weight: normal;
    margin: 0.67em 10px;    
}
.ilmoittautuminen_cont h2{
    
    color: #67892A;
    display: block;
    font-family: Helvetica;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
    text-align: left;
}

.vp_rekisteriseloste {
    height: 350px;
    width: 98%;
}

.new-help-request h2{
  margin-left: 0;
}

.fancytree-container{
  outline: none !important;
  border: 0 !important;
}

#helprequestfields-tree {
  margin-top: 5px;
}
.helprequestfields-data-table{
  display: none; 
}
.helprequestfields-questions-list-cont{
  width: 25%;
  float: left;
  overflow: hidden;
  min-height: 215px;
  border-right: 1px solid #ccc;
}
.helprequestfields-question-data-cont{
  width: 74%;
  float: right;
}

.helprequestfields-delete,
.helprequestfields-new-after,
.helprequestfields-new-add,
.hrf-message-saved,
.hrf-message-removed{
  display: none;
}

.helprequestfields-title{
  padding-bottom: 8px;
  font-weight: bold; 
}

ul.fancytree-container .fancytree-node{
  position: relative;
}
ul.fancytree-container .fancytree-title{
  max-width: 80%;
  white-space: normal !important;
}
#helprequest-map{
  width: 100%;
  height: 400px;
}

.map-marker {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.map-marker-inner {
  transform: translate(200%, 200%);
  width: 20%;
  height: 20%;
  border-radius: 50%;
}

.map-marker.red {  background-color: rgba(255, 0, 0, 0.25); }
.map-marker.red .map-marker-inner{ background-color: rgba(255, 0 ,0, 0.85); }

.map-marker.green {  background-color: rgba(0, 200, 0, 0.25); }
.map-marker.green .map-marker-inner{ background-color: rgba(2, 159, 47, 0.85); }

.template_entry.with-button{
  border-bottom: 1px solid #eee;
}
.template_entry.with-button div.cont{
  float: left;
}
.template_entry.with-button span.button{
  line-height: 1em;
  display: inline-block;
  float: right;
}

.tapahtumat-auttaja-modal #cboxLoadedContent{
  margin-bottom: 0;
  margin-top: 45px;
  padding-left: 5px;
  padding-right: 5px; 
}
.tapahtumat-auttaja-modal #cboxTitle {
  bottom: auto;
  top: 0px;
  border-radius: 5px;
}
.tapahtumat-auttaja-modal #cboxClose {
  bottom: auto;
  top: 5px;
  right: 10px;
  color: white;
}
.tapahtumat-auttaja-modal #cboxClose:hover{
  color: #cb0303; 
}


.tapahtumat-auttaja-modal #cboxTitle{
  background-color: #565656;
  color: white;
  height: 30px;
  line-height: 30px;
}

.avunantaja-tiedot-cont{
    width: 725px;
}

.avunantaja-tiedot-cont .left-col,
.avunantaja-tiedot-cont .right-col{
  float: left;
  width: 50%;
}
.avunantaja-tiedot-cont .label{
  display: inline-block;
  min-width: 150px;
  font-weight: bold;
}
.avunantaja-tiedot-cont .left-col > div,
.avunantaja-tiedot-cont .right-col > div{
  height: 20px;
}

#openHelpRequesterInfo{
  margin-left: 30px;
}

.avunantaja-tiedot-cont .pyynto-cont > .title{
  border-bottom: 1px solid #666;
  font-weight: bold;
}
.avunantaja-tiedot-cont .pyynto-cont{
  margin-bottom: 10px;
}
.avunantaja-tiedot-cont .pyynto-cont .cont{
  display: flex;
  padding-top: 5px;
}

.avunantaja-tiedot-cont .pyynto-cont .info{
  width: 43%;
}

.avunantaja-tiedot-cont .pyynto-cont .auttajat-cont .title{
  font-weight: bold;
  padding-bottom: 5px;
}

.avunantaja-tiedot-cont .pyynto-cont .auttajat-cont ul{
  padding: 0; 
  margin: 0;
  list-style: none
}
.avunantaja-tiedot-cont .pyynto-cont .auttajat-cont li{
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 185px;
}
.avunantaja-tiedot-cont.on-page .pyynto-cont .auttajat-cont li{
  width: 315px;
}

.avustaja-historia-cont > .title{
  font-weight: bold;
}
.avustaja-historia-cont ul{
  list-style-type: none;
  padding-left: 10px;
  padding-right: 10px;
}

.avustaja-historia-cont li{
  padding: 3px;
  border-bottom: 1px solid #999;
}

.avustaja-historia-cont li .link{
  float: right;
}

.tapahtumat_row.hidden{
  display: none;
}

.paritukset_row.hidden{
  display: none;
}
.leaflet-tooltip{  
  padding: 2px !important;
}
.hrmap-tooltip-content p{
  margin: 4px 2px;
  line-height: 1.25em;
}


#template_sidemenu .template_category.status{
  background-color: #bd186e;
}
#template_sidemenu .template_category.group,
#template_sidemenu .template_category.jaosto{
  padding: 7px 10px;
}
.template_category.status, .template_category.jaosto, .template_category.group{
  cursor: pointer;
  position: relative;
}

.template_category.status .control,
.template_category.jaosto .control,
.template_category.group .control{
  position: absolute;
  right: 6px;
  top: 9px;
}
.template_category.status .control::before,
.template_category.jaosto .control::before,
.template_category.group .control::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077";
}

.template_category.status.closed .control::before,
.template_category.jaosto.closed .control::before,
.template_category.group.closed .control::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
}

#template_sidemenu .template_category.status,
#template_sidemenu .template_category.group,
#template_sidemenu .template_category.jaosto{
  -webkit-user-select: none; /* Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}

.support-member-list{
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#jasenlomake .ym_filelist{
  margin: 0;
  border-collapse: collapse;
}
#jasenlomake .ym_filelist a{
  margin-bottom: 2px;
}
#jasenlomake .ym_filelist input.subject{
  margin: 5px 0;
}

.template_title {
}
.template_title h1 {
}
.template_title .template_helplink {
    float: right;
    margin: 0px;
    padding: 7px;
    font-weight: bold;
}

.diaryData.selected {
    background: pink;
}

#template_sidemenu .template_entry.inactive {
    background: pink;
}

#passwordScoreContainer {
    display: none;
    position: relative;
    padding: .75rem 1.25rem;
    /* margin-bottom: 1rem; */
    border: 1px solid transparent;
    border-radius: .25rem;
}
#passwordScoreContainer.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
#passwordScoreContainer.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.template_language_selection {
    float: right;
    text-align: right;
}
.text-message-special-characters-error {
    color: red;
}

@media print {
    #template_corner { display: none; } /* Login */
    #template_header { display: none; } /* Header */
    #template_top { display: none; } /* Top navigation menu */
    #template_quicksearch { display: none; } /* Quick search */
    #template_footer { display: none; } /* Footer */
    p.message { display: none; } /* Info texts */
    #template_sidemenu { display: none; } /* Left navigation menu */
    #template_main_content2 { padding: 0 !important; }
    .template_tabmenu { display: none; } /* Top navigation submenu */
    p.version { display: none; } /* Version info */
    .template_language_selection { display: none; }
}