/* v1.0 | 20080212 */

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,font,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
   {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

.borderBox {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

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;
}

html {
   height: 100%;
}

body {
   height: auto;
   font: 12px/15px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
   color: #666;
   background: #fff;
   /* min-width: 999px; */
   letter-spacing: 1px;
}

h1 {
   margin-bottom: 20px;
   font-size: 20px;
   letter-spacing: 2px;
}

h2 {
   margin-bottom: 20px;
   font-size: 16px;
}

h3 {
   margin-bottom: 10px;
   font-size: 14px;
}

a {
   color: #666;
   text-decoration: underline;
}

a:hover {
   text-decoration: none;
}

/* Estää IE:n input-kenttien tyhjennysruksin näyttämisen - Haryu 13.12.2017*/
::-ms-clear {
   display: none;
}

.clear-left {
	clear: left;
}

input,textarea,select {
   vertical-align: middle;
   font: 12px/15px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   /*font: 11px/14px "Lucida Grande", "Lucida Sans Unicode", sans-serif;*/
   color: #666;
   float: left;
   border: 1px solid #cccccc;
   background: #ffffff;
   margin: 0;
   padding: 5px;
   margin: 0 0 15px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

input.disabled {
   background: #F6F6F6 none;
}

input[type=submit][disabled], input[type=button][disabled] {
   /*color: #aaa;*/
  opacity: 0.5;
  cursor: default;
}


input.readonly, textarea.readonly, select.readonly { 
   background: #f2f2f2 none repeat scroll 0 0 !important;
}


label, .label {
   display: block;
   padding: 5px 0;
}

/*#main label, .ui-dialog label {
	font: 11px/14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #000000;	
}*/


input.checkbox {
   float: left;
   margin: 1px 0 0 1px;
   padding: 0;
   width: 15px;
   height: 15px;
}


/* main */
#main {
   padding: 14px 0 130px;   
   width: 100%;
   position: relative;
}

#main.overflow-hidden {
	overflow: hidden;
}

/* timetable area */
#main .timetable-area { /* float:left; */
   margin-left: auto;
   margin-right: auto;
   width: 1000px;
}

/* timetable box */
.timetable-box {
   height: 1%;
   border: 1px solid #cccccc;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.timetable-box .frame:after,.timetable-box:after,#content .row:after,#content .columns-holder:after,#content .row .text:after,.nav-bar:after {
   content: "";
   clear: both;
   display: block;
}

.timetable-box table {
   width: 100%;
   text-align: center;
   
}

.timetable-box .caption th {
   vertical-align: bottom;
   padding: 0 0 5px;
   background: none #E9EBEC;
   background: url("../images/bg-sub-caption.gif") repeat-x scroll 0 100% #E9EBEC;
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}

.timetable-box .caption td.captionTD div {
   overflow: hidden;
   width: 120px;
   height: 30px;
   margin: 0 10px;
   padding-top: 15px;
}

.timetable-box .caption td.captionTD div.prev,.timetable-box .caption td.captionTD div.prev img
   {
   float: left;
}

.timetable-box .caption td.captionTD div.next,.timetable-box .caption td.captionTD div.next img
   {
   float: right;
}

.timetable-box .caption td.captionTD a img {
   margin-top: -5px;
}

.timetable-box .caption td.captionTD a {
   text-decoration: none;
}

.timetable-box .sub-caption td {
   padding: 7px 0 15px;
   background: #e9ebec url(../images/bg-sub-caption.gif) repeat-x 0 100%;
}

.timetable-box .even td {
   background: #f8f8f8;
   border-left: 1px solid #e4e4e4;
}

.timetable-box .caption td,.timetable-box .sub-caption td {
   border: 0;
}

.timetable-box .col1 {
   width: 138px;
   border-left: 0;
}

.timetable-box td {
   border: solid #e5e5e5;
   border-width: 1px 0 0 1px;
   padding: 10px 0;
    width: 159px;
}

.timetable-box .first-col td {
   border-top: 0;
}

.timetable-box span {
   display: block;
   margin: 0 0 2px;
}

.timetable-box .wrapper {
   position: relative;
   text-align: left;
}

.timetable-box .first-col {
   z-index: 2;
}

.timetable-box .lastLine td {
   -moz-border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
   background: none #E9EBEC;
}

/* box */
.timetable-box .box  {
   position: absolute;
   left: 0;
   top: -23px;
   padding: 3%;
   width: 93%;
   height: 130px;
   line-height: 14px;
   margin: 0;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
}

/* FullCalendar */
#calendar #calendarComponent {
    background: url("../images/bg-sub-caption.gif") repeat-x scroll 0 100% #E9EBEC;
     -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
   border: 1px solid #cccccc;
   margin: 20px 50px;
}
.fc-agenda-slots th, .fc-agenda-slots td {
    background: none repeat scroll 0 0 #ffffff;
    border: solid #e5e5e5;
   border-width: 1px 0 0 1px;
   padding: 10px 0;
}
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #E4E4E4;
    
}
.fc-event {
    font-size: 1em;
}
table.fc-header {
    height: 80px;
}
div#calendar .ui-widget-header {
    font-size: 12px;
    font-weight: normal;
}
div#calendar .ui-state-default, div#calendar .ui-widget-content .ui-state-default, div#calendar .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 transparent;
    border: 0;
}

div#calendar .ui-state-default .ui-icon {
}
div#calendar .ui-state-default .ui-icon-circle-triangle-e {
   background-image: url("../images/next.png");
   background-position: 0 0;
   height: 50px;
   width: 30px;
}
div#calendar .ui-state-default .ui-icon-circle-triangle-w {
   background-image: url("../images/prev.png");
   background-position: 0 0;
   height: 50px;
   width: 30px;
}
div#calendar .ui-state-default .fc-button-inner {
   overflow: visible;
   margin-top: 10px;
}
div#calendar .fc-button-content .fc-icon-wrap  {
   top: 60%;
}

.fc-agenda .fc-agenda-axis {
    width: 80px;
    text-align: center;
}

.fc-event-skin  {
   margin: 0;
   -moz-box-shadow: 0 0 0;
   -webkit-box-shadow: 0 0 0;
   box-shadow: 0 0 0;
   color: #566b50;
   z-index: 2;
   background-color: transparent;
    border: 0;
}
.fc-event-vert .fc-event-bg {
    background: transparent;
    border: 0;
}
.fc-event-head {
   border: 0;
   -moz-box-shadow: 0;
   -webkit-box-shadow: 0;
   box-shadow: 0 0 0;
   padding: 0;
   background: transparent;
}
.fc-event-vert {
    padding: 5px;
    border: 1px solid #a1c098;
   background: #d3e5ce;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin-top: -10px;
   margin-bottom: 10px;
}
.redEvent, .redEvent .fc-event-bg {
   color: #6f636e;
   border: 1px solid #bba9ba;
   background: #e5cee4;
}
.blueEvent, .blueEvent .fc-event-bg {
   background: #ced7e5;
   border: 1px solid #b2b9c5;
   color: #696e77;
}
.redEvent .fc-event-bg, .blueEvent .fc-event-bg {
   border: 0;
}
#calendar .fc-agenda-days td, #calendar .ui-state-highlight, #calendar .ui-widget-content .ui-state-highlight, #calendar .ui-widget-header .ui-state-highlight {
    background: none transparent;
    border: 0;
}

/* FullCalendar */

.timetable-box .box span {
   margin: 0;
}

.timetable-box .green-box {
   color: #566b50;
   z-index: 2;
   border: 1px solid #a1c098;
   background: #d3e5ce;
}

.timetable-box .gray-box {
   background: #ced7e5;
   border: 1px solid #b2b9c5;
   color: #696e77;
}

.timetable-box .pink-box {
   color: #6f636e;
   border: 1px solid #bba9ba;
   background: #e5cee4;
}

/* tooltip */
 .tooltip {
   width: 208px;
   z-index: 3;
   background: #eff2f7 url(../images/bg-tooltip.png) repeat-x bottom;
   border: 1px solid #9cb1d2;
   overflow: hidden;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
   font-size: 0.8em;
}

.timetable-box .box:hover .tooltip,.timetable-box .box.hover .tooltip {
   display: block;
}

.tooltip .title {
   border-bottom: 1px solid #9cb1d2;
   background: #eff2f7 url(../images/bg-tooltip-title.png) repeat-x bottom;
   overflow: hidden;
   /*height: 20px;*/
    font-weight: bold;
    padding: 10px 0 10px 10px;
}

.tooltip .content {
   overflow: hidden;
   padding: 10px;
}

.tooltip .content .contentHeader {
   font-weight: bold;
   padding: 0px;
}

.qtip-timmi {
   background: #eff2f7 url(../images/bg-tooltip.png) repeat-x bottom;
   border: 1px solid #9cb1d2;
   overflow: hidden;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
}

.qtip-timmi .qtip-content {
   padding: 10px;
}

.qtip-timmi p {
   margin: 0 0 5px;
}

.qtip-timmi h6 {
   padding: 0px;	
}

.tooltip p {
   margin: 0 0 5px;
}

.buttons ul {
   padding: 18px 0 0 1px;
   overflow: hidden;
   width: 370px;
}

.buttons li {
   float: left;
   margin: 0 19px 0 0;
   display: inline;
}

input.submit,input.reset {
   float: left;
   margin: 0;
   padding: 0 0 6px;
   border: 0;
   background: url(../images/bg-btn-green.gif) no-repeat;
   font-weight: bold;
   color: #fff;
   width: 164px;
   height: 36px;
   cursor: pointer;
   line-height: 32px;
}

input.reset {
   background: url(../images/bg-btn-gray.gif) no-repeat;
   color: #666;
}

/* subtabs box */
.subtabs-box {
   overflow: hidden;
   background: url(../images/bg-sub-tabs.gif) repeat-x 0 100%;
   padding: 0;
   margin: 0 0 19px 1px;
}
#main .subtabs-box {
   width: 965px;
}
#main .panel .subtabs-box {
   width: 380px;
}
.subtabs-box a.information, fieldset a.information {
   float: right;
   margin: 0 0 5px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../images/link-info.gif) no-repeat;
   width: 26px;
   height: 28px;
}

 a.historySmall {
   float: right;
   margin: 0 7px 5px 0;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../images/ico-change-history.png) no-repeat;
   width: 26px;
   height: 28px;
   cursor: pointer;
}

fieldset a.helpInfo, a.helpInfo {
	float: left;	
   	margin: 0 10px 5px 0;
	background: url(../images/link-info.gif) no-repeat;
	width: 26px;
	height: 28px;
}

.dialog a.information {
	float: right;
   	overflow: hidden;
   	background: url(../images/link-info.gif) no-repeat;
   	width: 26px;
   	height: 28px;
}

/* sub tabs */
.subtabs-box .sub-tabs, .sub-tabs-lb {
   overflow: hidden;
   text-align: center;
   font-weight: bold;
}

.subtabs-box .sub-tabs li, .sub-tabs-lb li {
   float: left;
   margin: 0 10px 0 0;
   padding-left: 10px;
   padding-right: 10px;
   background: #f6f6f6 none;
   border: 1px solid #cccccc;
   border-bottom: 0;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

.subtabs-box .sub-tabs li a, .sub-tabs-lb li a, .sub-tabs-lb li span, .subtabs-box .sub-tabs li span, .subtabs-box .sub-tabs li label {
   display: block;
   text-decoration: none;
   padding: 10px 0 10px;
   position: relative;
}

.subtabs-box .sub-tabs li label{
	padding: 10px 10px;
}

.subtabs-box .sub-tabs li span {
	color:#CCCCCC;
}

.panel .subtabs-box .sub-tabs li span, .rightPanel .subtabs-box .sub-tabs li span {
	color: #666666;
	cursor: pointer;
}

.ui-widget-content .subtabs-box a {
   color: #666666;
}



.subtabs-box .sub-tabs li:hover,.subtabs-box .sub-tabs li.active, .sub-tabs-lb li:hover, .sub-tabs-lb li.active {
   background: #ffffff none;
   border-bottom: 2px solid #ffffff;
}

.sub-tabs h1, .sub-tabs-lb h1 {
	font-size:100%;
	padding:0;
	margin:0;
}

/* inputs area */
/*
#searchRoomsLB .inputs-area {
   overflow: hidden;
   height: 1%;
   margin: 0 0 20px;
}
*/
/* row */

#searchRoomsLB .inputs-area .row {
   float: left;
   margin: 0 15px 0 0;
   overflow: hidden;
}

#searchRoomsLB .inputs-area input.text {
   float: left;
   width: 205px;
}

#searchRoomsLB .inputs-area input.submit {
   margin: 20px 15px 0 0;
   font-weight: bold;
}

#searchRoomsLB .inputs-area input.reset {
   margin: 20px 0 0;
   font-weight: bold;
}

#searchRoomsLB .inputs-area .sub-row {
   overflow: hidden;
   width: 110px;
}

#searchRoomsLB .inputs-area .row span {
   float: left;
   padding: 4px 2px 0 0;
   font-weight: bold;
}
/*
#searchRoomsLB .alphabetically {
   overflow: hidden;
   height: 1%;
   font-weight: bold;
}

#searchRoomsLB .alphabetically li {
   float: left;
   padding: 0 22px 0 0;
}

#searchRoomsLB .alphabetically li.last-item {
   padding: 0;
}

#searchRoomsLB .alphabetically li a {
   text-decoration: none;
}
*/
/*
#searchRoomsLB .alphabetically li:hover {
   text-decoration: underline;
   cursor: pointer;
}
*/

/* info table */
#searchRoomsLB .table {
   width: 967px;
}

#searchRoomsLB .table td img {
   vertical-align: middle;
}
#searchRoomsLB .table td {
   text-align: left;
   padding-left: 15px;
}
#searchRoomsLB .table th.col1, #searchRoomsLB .table td.col1 {
   text-align: center;
   padding-left: 0;
}
#searchRoomsLB .table .even td {
   background: #f7f7f7;
   border: solid #e4e4e4;
   border-width: 1px 0 0 1px;
}

#searchRoomsLB .table .first-row td {
   border-top: 1px solid #d2d4d6;
}

#searchRoomsLB .accordions a {
	cursor: pointer;
}

#verificationDialog p {
	line-height: 200%;
}

/* Lighboxille tyylit classin mukaan */

/* inputs area */
.searchLB .inputs-area {
   overflow: hidden;
   height: 1%;
   margin: 0 0 20px;
}

/* row */
.searchLB .inputs-area .row {
   float: left;
   margin: 0 15px 0 0;
   overflow: hidden;
}

.searchLB .inputs-area input.text {
   float: left;
   width: 205px;
}

.searchLB .inputs-area input.submit {
   margin: 20px 15px 0 0;
   font-weight: bold;
}

.searchLB .inputs-area input.reset {
   margin: 20px 0 0;
   font-weight: bold;
}

.searchLB .inputs-area .sub-row {
   overflow: hidden;
   width: 100px;
}

.searchLB .inputs-area .row span {
   float: left;
   padding: 4px 2px 0 0;
   font-weight: bold;
}

.searchLB .alphabetically {
   overflow: hidden;
   height: 1%;
   font-weight: bold;
	cursor:pointer;
}

.searchLB .alphabetically li {
   float: left;
   padding: 2px 10px;
   height:1.5em;
   width:1.5ex;
}
.searchLB .alphabetically li.last-item {
   padding: 0;
}

.searchLB .alphabetically li a {
   text-decoration: none;
}

.searchLB .alphabetically li a:hover {
   text-decoration: underline;
}

.alphabetically li:hover  {
	 font-weight: bold;
   text-decoration: underline;
   border:1px solid #555;
   padding: 1px 9px;
}


/* info table */
.searchLB .table {
   width: 967px;
}

.searchLB .table td img {
   vertical-align: middle;
}
.searchLB .table td {
   text-align: left;
   padding-left: 15px;
}
.searchLB .table th.col1, #searchRoomsLB .table td.col1 {
   text-align: center;
   padding-left: 0;
}
.searchLB .table .even td {
   background: #f7f7f7;
   border: solid #e4e4e4;
   border-width: 1px 0 0 1px;
}

.searchLB .table .first-row td {
   border-top: 1px solid #d2d4d6;
}

/* main holder */
.main-holder {
   width: 967px;
   padding: 0 0 0 32px;
}

/* breadcrumbs */
#main .breadcrumbs {
   overflow: hidden;
   height: 1%;
   font-weight: bold;
   margin: 0 0 15px 0;
}

#main .breadcrumbs li {
   float: left;
   margin: 0 5px 0 0;
}

#main .breadcrumbs a {
   text-decoration: none;
   color: #1685bd;
}

#main .breadcrumbs a:hover {
   text-decoration: underline;
}

/* twocolumns */
#twocolumns {
   overflow: hidden;
   height: 1%;
   padding: 10px 0 30px 6px;
   border-bottom: 1px solid #d2d2d2;
   margin: 0 0 21px;
}

#twocolumnsnoborder {
   overflow: hidden;
   height: 1%;
   padding: 10px 0 30px 6px;
   margin: 0 0 21px;
}

#twocolumns-dialog .row {
   float: left;
   clear: both;
}

/* content */
#content {
   float: left;
   width: 644px;
}

.wideContent {
   float: left;
   width: 100%;
}

/* Message boxes */ /* Important info */
.important-info, .confirmation-info, .error-info {
   overflow: hidden;
   height: 1%;
   display: block;
   background: url(../images/ico-important.png) no-repeat;
   color: #e8a500;
   padding: 4px 10px 27px 42px;
}

/* Confirmation info */
.confirmation-info {
   background: url(../images/ico-ok.png) no-repeat;
   color: #54b80a;
}
/* Error info */
.error-info {
   background: url(../images/ico-error.png) no-repeat;
   color: #c72a03;
}

/* row */
#content .row,.wideContent .row {
   width: 100%;
   padding: 0 0 14px;
}

.optionsFieldset .row,.wideContent .row {
   clear: both;
   overflow: hidden;
   padding: 0;
}

.optionsFieldset .row input,.wideContent .row input {
   margin: 0;
}

#content .columns-holder {
   width: 700px;
}

/* column */
#content .column,#dialog .column, .column {
   float: left;
   width: 304px;
   margin: 0 36px 0 0;
}

/* column */
#content .row .sub-text {
   position: relative;
}

#content .row input[type=text],#dialog .column input[type=text] {
   float: left;
   width: 294px;
   margin: 0 0 15px;
   height: 16px;
}

#content .row input.disabled {
   background: #f6f6f6 none;
}

#content .row .sub-text input {
   width: 270px;
}

input.autocompleteSearch {
   background: url("../images/btn-search2.gif") no-repeat scroll 99% 50%
      #ffffff;
}

#content .row .sub-text a img {
   margin-left: 3px;
   margin-top: 3px;
}

#content .row textarea,#dialog .column textarea {
   overflow: hidden;
   margin: 2px 0 17px;
   height: 104px;
   padding: 5px 0 5px 5px;
   float: left;
   background: none;
   width: 298px;
   height: 104px;
   max-width: 298px;
   max-height: 104px;
}

#content .row strong.head {
   display: block;
   padding: 0 0 5px 3px;
}

#content .row .checkboxes,.searchFieldset .checkboxes,.optionsFieldset .checkboxes,.row .checkboxes {
   overflow: hidden;
   height: 1%;
   margin: 0 0 20px;
   clear: both;
}

.searchFieldset .checkboxes,.optionsFieldset .checkboxes,.row .checkboxes {
   margin: 0;
}

#content .row .checkboxes li,.searchFieldset .checkboxes li,.optionsFieldset .checkboxes li,.row .checkboxes li {
   float: left;
   width: 140px;
}

#content .row .checkboxes label {
   float: left;
}

/* multiselect */
.multiselect
   {
   background: #ffffff none;
   border: 1px solid #cccccc;
   margin-top: 5px;
}

.rightPanel .multiselect {
   margin: 20px 10px 0;
}



.multiselect ul
   {
   overflow: hidden;
   height: 1%;
   padding: 2px;
}

.multiselect ul li
   {
   overflow: hidden;
   height: 1%;
   padding: 5px 0 3px 8px;
   vertical-align: top;
   border: solid #fff;
   border-width: 1px 0;
}

.multiselect ul li.odd
   {
   border-top: 1px solid #ececec;
   border-bottom: 1px solid #e9e9e9;
   background: #f6f6f6 url(../images/bg-odd.gif) repeat-x;
   padding: 6px 0 1px 8px;
}

.zebraTable tbody tr:nth-child(even), .zebraTable ul li:nth-child(even){
   background: #f6f6f6 url(../images/bg-odd.gif) repeat-x;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #ececec;
}

.zebraTable td{
	 max-width: 100px;
}

.multiselect ul li:hover, .info-box tr:hover, .info-box tr.even:hover td
   {
   background: #dde8f7 none !important;
   border-top: 1px solid #f1f6fc !important;
   border-bottom: 1px solid #dfe3e9 !important;
}

.multiselect input.checkbox
   {
   margin: 1px 13px 0 1px;
}

.panel .multiselect label, .rightPanel .multiselect label, .customDialog .multiselect label {
   float: left;
}

.panel .multiselect a.delete, .rightPanel .multiselect a.delete, .customDialog .multiselect a.delete {
   float: right;
   margin-right: 10px;
   background: url(../images/lista_tyhjenna.png) no-repeat;
   margin-top: 3px;
   cursor: pointer;
}

.panel .multiselect a.listContextmenu {
   float: right;
   margin-right: 10px;
   background: url(../images/ico-context-menu.png) no-repeat;
   cursor: pointer;
   width: 17px;
   height: 25px;
}

.panel .panelElements#profilesDiv .multiselect li .resource-text {
	text-decoration: underline;
	cursor: pointer;
} 

.panel .panelElements#profilesDiv .multiselect li .resource-text:hover {
	text-decoration: none;
}


/*.panel .multiselect a.removeRow, .rightPanel .multiselect a.removeRow {
   float: right;
   margin-right: 10px;
   background: url(../images/tyhjenna.png) no-repeat;
   margin-top: 3px;
}*/

#content .row .small {
   background: url(../images/bg-input6.gif) no-repeat;
   width: 76px;
   padding: 5px 10px;
   overflow: hidden;
}

#content .row .small input {
   width: 76px;
}

/* calendar box */
#content .row .calendar-box {
   float: left;
   position: relative;
}

#content .row a.calendar-link {
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../images/link-calendar.gif) no-repeat;
   width: 27px;
   height: 26px;
   margin: 0 5px 0 5px;
}

/* calendar */
.calendar-box .calendar {
   position: absolute;
   left: 43px;
   bottom: 28px;
   width: 215px;
   background: url(../images/bg-calendar-t.gif) no-repeat;
}

.calendar-box .calendar .holder {
   background: url(../images/bg-calendar-b.gif) no-repeat 0 100%;
   padding: 6px 0 7px;
}

.calendar-box .calendar .frame {
   background: #fff;
   border: solid #ecebe9;
   border-width: 0 2px;
   padding: 0 10px 16px 17px;
   overflow: hidden;
   height: 1%;
}

/* title */
.calendar .title {
   overflow: hidden;
   width: 100%;
   position: relative;
   margin: 0 0 6px;
}

.calendar .title .title-holder {
   float: left;
   position: relative;
   left: 50%;
}

.calendar .title ul {
   float: left;
   position: relative;
   left: -50%;
   color: #7a6c69;
   padding: 0 7px 0 0;
}

.calendar .title ul li {
   float: left;
   padding: 0 4px;
}

.calendar .title a.prev,.calendar .title a.next {
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../images/link-prev2.gif) no-repeat;
   width: 15px;
   height: 15px;
   margin: 5px 0 0;
}

.calendar .title a.next {
   background: url(../images/link-next2.gif) no-repeat;
   width: 16px;
}

.calendar table {
   width: 182px;
   font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}

.calendar table th {
   color: #9fbf19;
   font-weight: bold;
   border: 1px solid;
   border-color: #edecea #dddbd8;
   background: #edecea;
   padding: 3px 0 5px;
}

.calendar table td {
   border: 1px solid #edecea;
   text-align: center;
   color: #7a6c69;
   padding: 2px 0 7px;
}

.calendar table td a {
   text-decoration: none;
   color: #7a6c69;
}

.calendar table td a:hover {
   text-decoration: underline;
}

#content .row .dash,.wideContent .row .dash {
   float: left;
   margin: 5px 8px 8px 8px;
}

/* info box */
.info-box {
   width: 642px;
   border: 1px solid #ccc;
   padding: 2px;
}


.info-box-multiselect {
	background: #fff;
	width: 290px; 
	height: 225px;
	overflow: hidden;
	overflow-y: auto;
}

.info-box .frame {
   overflow: hidden;
   background: #fff;
   margin: -2px 0 0;
   min-height: 226px;
}

* html .info-box .frame {
   height: 226px;
}

.info-box table {
   width: 100%;
}

.info-box td {
   vertical-align: middle;
   padding: 5px 0 5px 13px;
}

.info-box .even td {
   background: #f6f6f6 url(../images/bg-odd.gif) repeat-x;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #ececec;
}

.info-box a.delete {
   text-indent: -9999px;
   display: block;
   background: url(../images/link-delete.gif) no-repeat;
   overflow: hidden;
   width: 17px;
   height: 20px;
}

#content .row input.submit {
   float: left;
   background: url(../images/btn-submit.gif) no-repeat;
   border: 0;
   margin: 0;
   padding: 0 0 3px;
   width: 164px;
   height: 36px;
   cursor: pointer;
   color: #666;
   font-weight: bold;
   line-height: 36px;
}

/* info box details */
.info-box-details {
   width: 642px;
   border: 1px solid #ccc;
   padding: 2px;
}

.info-box-details .frame {
   overflow: hidden;
   background: #fff;
   margin: -2px 0 0;
   min-height: 226px;
}

* html .info-box-details .frame {
   height: 226px;
}

.info-box-details table {
   width: 100%;
}

.info-box-details td {
   vertical-align: middle;
   padding: 5px 0 5px 13px;
}

.info-box-details .even td {
   background: #f6f6f6 url(../images/bg-odd.gif) repeat-x;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #ececec;
}

.info-box-details a.delete {
   text-indent: -9999px;
   display: block;
   background: url(../images/link-delete.gif) no-repeat;
   overflow: hidden;
   width: 17px;
   height: 20px;
}

/* links */
ul.links {
   overflow: hidden;
   height: 1%;
   padding: 28px 0 0;
}

.panel ul.links {
   padding-top: 8px;
}

.links li {
   float: left;
   margin: 0 21px 0 0;
}

a.pressbutton,.ui-widget-content a.pressbutton, .ui-dialog .ui-dialog-buttonpane button.pressbutton, .pressbutton {
   display: block;
   background: url(../images/bg-btn-gray.gif) no-repeat;
   width: 164px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   padding: 9px 0 12px;
   color: #666666;
   cursor: pointer;
}

.green-pressbutton, .orange-pressbutton {
   display: block;
   width: 164px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   padding: 9px 0 12px;
   color: #666666;
}

#confirmButtons button.pressbutton{
	padding: 9px 0 12px;
}

.ui-dialog .ui-dialog-buttonpane button.pressbutton {
    float: left;  
    padding-top: 4px; 
}

.search-ssn-pressbutton {
   display: block;
   background: url(../images/ico-hae.png) no-repeat;
   width: 75x;
   height: 26px;
   margin-left:10px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   color: #666666;
   text-transform: capitalize;
}


.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-hover, .pressbutton, .green-pressbutton, .orange-pressbutton {
    border: 0; 
}

a.green-pressbutton,.ui-widget-content a.green-pressbutton, .ui-dialog .ui-dialog-buttonpane button.green-pressbutton, .green-pressbutton {
   background: url(../images/bg-btn-green.gif) no-repeat;
   color: #fff;
}

a.orange-pressbutton,.ui-widget-content a.orange-pressbutton, .ui-dialog .ui-dialog-buttonpane button.orange-pressbutton, .orange-pressbutton {
   background: url(../images/bg-btn-red.gif) no-repeat;
   color: #fff;
}

a.blue-pressbutton,.ui-widget-content a.blue-pressbutton {
   background: url(../images/bg-link-blue.gif) no-repeat;
   color: #fff;
}

a.refreshCalendar {
   display: block;
   background: url(../images/bg-btn-big-green.png) no-repeat;
   width: 365px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   font-size: 18px;
   color: #ffffff;
   padding: 20px 0 20px;
   margin-left: 15px;
}

a.refreshCalendar img {
   vertical-align: text-bottom;
   margin-right: 5px;
}

a.history,.ui-widget-content a.history {
   display: block;
   background: url(../images/bg-btn-blue.png) no-repeat;
   width: 164px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   font-size: 12px;
   color: #ffffff;
   padding: 9px 0 12px;
}

a.history img,.ui-widget-content a.history img {
   vertical-align: middle;
   margin-right: 2px;
}

.links-box {
   overflow: hidden;
   height: 1%;
   margin: 0 0 58px 4px;
}
.additionalInfo .links-box {
   margin: 0;
}
.links-box li,.submitLinks-box li {
   float: left;
   margin: 0 19px 19px 0;
}




.submitLinks-box {
   overflow: hidden;
   height: 1%;
   margin: 0 0 58px 4px;
   border-top: 1px solid #cccccc;
   padding-top: 20px;
}

/* newsfeed */
#newsFeedContainer {
	float: right;
   width: 227px;
   background: #ffffff;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: 1px solid #cccccc;
   overflow: hidden;
}

#newsFeedContainer .heading {
	overflow: hidden;
   padding: 0;
   background: url(../images/bg-heading.gif) repeat-x center top;
   padding-left: 20px;
   padding-top: 10px;
   padding-bottom: 0;
   height: 50px;
   color: #8a8a8a;
   letter-spacing: 3px;
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}

/* sidebar */
#sidebar {
   float: right;
   width: 227px;
   background: #ffffff;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: 1px solid #cccccc;
}

#sidebar .sidebar-holder {
   padding: 8px 0 9px;
}

#sidebar .sidebar-frame {
   overflow: hidden;
   height: 1%;
   background: #fff;
}



/* heading */
#sidebar .heading {
   overflow: hidden;
   padding: 0;
   margin: 0 0 18px;
   background: url(../images/bg-heading.gif) repeat-x center top;
   padding-left: 20px;
   padding-top: 10px;
   padding-bottom: 0;
   height: 50px;
   color: #8a8a8a;
   letter-spacing: 3px;
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}

#sidebar .heading h2 {
   overflow: hidden;
   background: url(../images/heading-icon.gif) no-repeat;
   height: 26px;
   font-size: 16px;
   padding-left: 50px;
   padding-top: 13px;
   text-shadow: 0px 1px 0px #ffffff;
}

/* news */
#sidebar .news {
   overflow: hidden;
   height: 1%;
   padding: 0 10px 0 16px;
}

#sidebar .news li {
   margin: 0 0 30px;
}

#sidebar .news h3 {
   font-size: 14px;
}

#sidebar .news a {
   color: #1685bd;
   text-decoration: none;
}

#sidebar .news a:hover {
   text-decoration: underline;
}

#sidebar .news a.more {
   font-weight: bold;
}

#sidebar .news em.date {
   display: block;
   font-style: normal;
   margin: -10px 0 10px;
}

/* popup info */
.popup-info {
   background: #EBF0FA none;
   border: 1px solid #9cb1d2;
   padding: 20px;
   padding-top: 50px;
   position:relative;
}

.popup-info a.close {
   position: absolute;
   right: 17px;
   top: 21px;
   text-indent: -9999px;
   overflow: hidden;
   background: url("images/ui-icons_222222_256x240.png") no-repeat -96px
      -128px;
   width: 16px;
   height: 16px;
}

.popup-info .ui-dialog-titlebar {
   display: none;
}

.text-box .content {
	background:white;
	padding:5px;
}

.popup-info .text-box .content ul {
	list-style:disc;
	margin-left:30px;
}
.popup-info .text-box .content ol {
	list-style:decimal;
	margin-left:30px;
}

.popup-info .options {
	position:absolute;
	bottom:20px;
	right:20px;
}

/* text box */
.popup-info h2 {
   font-size: 14px;
   margin: 0 0 15px;
}

.popup-info p {
   margin: 0 0 13px;
}

/* options */
.popup-info .options,div.options {
   overflow: hidden;
   height: 40px;
   width: 100%;
   float: right;
   margin-bottom: 20px;
}

.popup-info .options ul,options ul {
   float: right;
}

.popup-info .options ul li,.options ul li {
   float: left;
   padding: 0 0 0 6px;
}



.popup-info .options a.edit,.popup-info .options a.save,.popup-info .options a.delete, .popup-info .options a.cancel, a.save,a.delete, .rightPanel .options a.edit
{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../images/ico-edit.gif) no-repeat;
   width: 25px;
   height: 26px;
}

.popup-info .options a.cancel
{
   background: url(../images/prev.png) no-repeat;
}

#historyDialog .options a.previous
{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../images/prev.png) no-repeat;
   width: 25px;
   height: 26px;		
}



#historyDialog .options {
   margin: 20px 0 0 0;
}

#historyDialog .info-box-details
{
   display: none;	
}

.popup-info .options a.save,a.save {
   background: url(../images/ico-save.gif) no-repeat;
   width: 22px;
   height: 23px;
}


.popup-info .options a.delete,a.delete {
   background: url(../images/ico-delete.gif) no-repeat;
   width: 21px;
   height: 25px;
}

a.removeListItem {
   text-indent: -9999px;
   display: block;
   background: url(../images/lista_tyhjenna.png) no-repeat;
   overflow: hidden;
   width: 17px;
   height: 20px;
   cursor: pointer;
}

a.deleteListItem {
	text-indent: -9999px;
   display: block;
   background: url(../images/link-delete.gif) no-repeat;
   overflow: hidden;
   width: 17px;
   height: 20px;
   cursor: pointer;
}

/* form */
.popup-info .form {
   display: none;
}

.popup-info input,.popup-info textarea {
   margin: 0;
   padding: 0;
   width: 335px;
   width: 90%;
   padding: 5px;
   float: left;
   clear: both;
   margin-bottom: 20px;
}

.popup-info input {
   height: 16px;
}

.popup-info textarea {
   height: 180px;
}

.popup-info label {
   margin: 0;
   clear: both;
}

.popup-info .options {
   margin: 0;
   margin-bottom: 10px;
   width: 100%;
}

/* popup confirm */
.popup-confirm {
   position: absolute;
   left: 435px;
   top: 137px;
   width: 412px;
}

.popup-confirm .t,.popup-confirm .b {
   background: url(../images/bg-popup-confirm-t.png) no-repeat;
   overflow: hidden;
   height: 8px;
}

.popup-confirm .b {
   background: url(../images/bg-popup-confirm-b.png) no-repeat;
   height: 7px;
}

.popup-confirm .c {
   overflow: hidden;
   height: 1%;
   border: solid #ccc;
   border-width: 0 1px;
   background: #f6f6f6;
   padding: 24px 5px 28px 34px;
}

.popup-confirm p {
   margin: 0 0 27px;
}

.popup-confirm .buttons {
   overflow: hidden;
   height: 1%;
   margin: 0 0 0 -3px;
}

.popup-confirm .buttons li {
   float: left;
   margin: 0 19px 0 0;
   display: inline;
}

/* footer */
#footer {
   text-align: center;
   position: relative;
   width: 100%;
   height: 130px;
   clear:both;
   /*   margin-top: -130px;*/
}

body#login #footer {
   position: absolute;
   width: 100%;
   height: 30px;
   bottom: 20px;
}

#footer .print {
   display: block;
   text-align: left;
   font-weight: bold;
   padding: 10px 0 34px 36px;
}

#footer .print a {
   color: #1685bd;
   text-decoration: none;
}

#footer .print a:hover {
   text-decoration: underline;
}

#footer ul li {
   display: inline;
   background: url(../images/bullet2.gif) no-repeat 0 6px;
   padding: 0 1px 0 13px;
}

#footer ul li:first-child {
   background: none;
}

#footer ul a {
   text-decoration: none;
}

#footer ul a.misc {
   color: #1685bd;
   font-weight: bold;
}

#footer ul a:hover {
   text-decoration: underline;
}

/* Autocomplete */
.ui-autocomplete {
   cursor: default;
   position: absolute;
   background: none repeat scroll 0 0 #F6F6F6;
   border: 1px solid #CCCCCC;
   left: 0;
   position: absolute;
   top: 25px;
   width: 600px;
   max-height: 400px;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
   /* add padding to account for vertical scrollbar */
   padding-right: 20px;
}

.ui-autocomplete .tooManyRows {
	line-height: 1.5; 
	padding: 0.2em 0.4em;
}

.ui-autocomplete-category {
	font-weight: bold;
	color: #222222;
	line-height: 15px;
	/*font-weight: bold;
    line-height: 1.2;
    margin: 0.8em 0 0.2em;
    padding: 0.8em 0.4em; */
}

.ui-menu {
   display: block;
   float: left;
   list-style: none outside none;
   margin: 0;
   padding: 2px;
}

.ui-menu .ui-menu-item {
   clear: left;
   float: left;
   margin: 0;
   padding-left: 0px;
   width: 100%;
}

ul.withCategory .ui-menu-item {
   clear: left;
   float: left;
   margin: 0;
   padding-left: 10px;
   width: 100%;
}

.ui-menu .ui-menu-item a {
   display: block;
   line-height: 1.5;
   padding: 0.2em 0.4em;
   text-decoration: none;
}

.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active
   {
   font-weight: normal;
   margin: -1px;
}

.ui-widget-content a {
   color: #333333;
}

/* Lightbox */
#popup-lightbox {
   background: #ffffff;
   border: 1px solid #cccccc;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   position: absolute;
   top: 0;
   left: 0;
   /*overflow: auto;*/
}

#popup-lightbox .content { /*   overflow: auto;*/
   padding-left: 20px;
   padding-right: 20px;
}

.ui-widget-header {
   overflow: hidden;
   padding: 6px 0 16px 18px;
   margin: 0 0 18px;
   background: url(../images/bg-heading.gif) repeat-x 0 100%;
   padding-left: 20px;
   padding-top: 20px;
   color: #666666;
   letter-spacing: 3px;
   height: 37px;
   font-size: 16px;
}
.ui-dialog .ui-dialog-titlebar-close {
    top: 40%
}

.ui-widget-header .ui-dialog-title {
   overflow: hidden;
   background: url(../images/heading-icon.gif) no-repeat;
   min-height: 37px;
   height: auto;
   font-size: 16px;
   padding-left: 50px;
   padding-top: 10px;
   text-shadow: 0px 1px 0px #ffffff;
}

.ui-widget-overlay {
   opacity: 0.5;
   background: #000000;
   position: absolute;
   top: 0;
   overflow: hidden;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
   {
   font: 12px/15px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.ui-dialog {
   padding: 0;
}

.ui-dialog .ui-dialog-titlebar {
   overflow: hidden;
   padding: 6px 0 16px 18px;
   margin: 0 0 18px;
   padding-left: 20px;
   padding-top: 10px;
   color: #8a8a8a;
   letter-spacing: 3px;
   height: auto;
   max-height: 65px;
   font-size: 16px;
   border: 0;
   background: url(../images/bg-heading.gif) repeat-x center top;
   background-size: contain;
}

.ui-dialog .ui-dialog-content {
   padding: 20px;
}

.no-close .ui-dialog-titlebar-close {
	display: none 
}

/* popup search */
.popup-search {
   border: 1px solid #cccccc;
   background: #f6f6f6 none;
   padding: 0px 20px 20px 20px;
   overflow: hidden;
}

.popup-search .ui-dialog-titlebar {
   display: none;
}

.popup-search fieldset {
   overflow: hidden;
   height: 1%;
}

.popup-search .ui-dialog-content {
   overflow: hidden;
}

.popup-search .col {
   float: left;
   margin: 0 16px 0 0;
   overflow: hidden;
}

.popup-search input {
   float: left;
   margin: 0;
   
}

.popup-search select {
   display: block;
   width: 220px;
}

.popup-search input.submit {
   float: left;
   background: url(../images/bg-btn-blue.gif) no-repeat;
   border: 0;
   color: #fff;
   width: 89px;
   height: 36px;
   margin: 14px 0 0;
   padding: 0 0 3px;
   cursor: pointer;
   line-height: 36px;
}

.popup-search a.close {
   position: absolute;
   right: 0;
   top: 20;
   text-indent: -9999px;
   overflow: hidden;
   text-indent: -9999px;
   overflow: hidden;
   background: url("images/ui-icons_222222_256x240.png") no-repeat -96px
      -128px;
   width: 16px;
   height: 16px;
}

.ui-widget-content {
   color: #666666;
   border: 1px solid #cccccc;
}

.ui-datepicker .ui-datepicker-header {
   font-size: 12px;
   padding: 5px;
   height: 25px;
   padding-bottom: 15px;
   background: url(../images/bg-heading.gif) repeat-x center top;
   border-bottom: 1px solid #cccccc;
   margin-bottom: 5px;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
   top: 5px;
}

.ui-datepicker-trigger {
   float: left;
   margin-left: 5px;
}

table.table, table.infoTable {
   vertical-align: middle;
   font: 12px/15px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   color: #666;
   border: 1px solid #cccccc;
   background: #ffffff;
   margin: 0;
   padding: 5px;
   margin: 0 0 15px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   width: 95%;
   text-align: center;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
}

table.table .caption th, table.infoTable .caption th {
   background: url("../images/bg-caption.gif") repeat-x scroll 0% 50%
      #EBEDED;
   padding: 15px;
   vertical-align: bottom;
   text-align: center;
}

table.table .even td {
   background: none repeat scroll 0 0 #F8F8F8;
   border-left: 1px solid #E4E4E4;
}

table.table td {
   border: solid #e5e5e5;
   border-width: 1px 0 0 1px;
   padding: 2px 4px;
   text-align: center;
   vertical-align: middle;
   min-height: 35px;
}

table.infoTable td {
	height: 20px;
	border: solid #e5e5e5;
   	border-width: 1px 0 0 1px;
   	vertical-align: bottom;
   	text-align: right;
}

table.table .first-col td {
   border-top: 0;
}

table.table input.checkbox,table.table div.checker,table.table div.checker span,table.table div.radio,table.table div.radio span
   {
   float: none;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

table.extraTableInfo {
	margin-bottom: 15px; 
	border: 1px solid #E4E4E4;
}

table .relativeCell {
	position: relative;
	background-clip: padding-box !important;
}

.topLeftNote {
	position: absolute;
	top: 0;
	left: 0; 
	
	border-top: 10px solid #84CD1C; 
	border-right: 10px solid transparent;
}
.topRightNote { 
	position: absolute;
	top: 0;
	right: 0; 
	
	border-top: 10px solid #CC3705; 
	border-left: 10px solid transparent;			
}

.popupInfoRight, .popupInfoLeft {
	display: none;
}

.dash {
	float: left;
	margin: 5px 8px 8px;
}

.simpleListItem {
	border: 1px solid #cccccc;
	width: 97%;
	margin: 1px;
	padding: 6px;
    float: left;
	background-color: #f6f6f6;
}

.simpleList {
	border: 1px solid #cccccc;
	overflow: auto;
}


.searchFieldset {
   background: #f6f6f6 none;
   border: 1px solid #cccccc;
   width: 925px;
   padding: 20px;
   margin-bottom: 20px;
}

#content .searchFieldset {
   width: 650px;
}

.searchFieldset .column,.optionsFieldset .column,.optionsFieldset .column,.optionsFieldset .column
   {
   float: left;
   width: 295px;
   margin: 0 10px 0 0;
}

.searchFieldset .column-auto,.optionsFieldset .column-auto,.optionsFieldset .column-auto,.optionsFieldset .column-auto
   {
   float: left;
   width: auto;
   margin: 0 10px 0 0;
}


.searchFieldset .lastColumn,.optionsFieldset .lastColumn,.optionsFieldset .lastColumn,.optionsFieldset .lastColumn
   {
   float: left;
   width: 315px;
   margin: 0;
}

.searchFieldset .column4,.optionsFieldset .column4,.optionsFieldset .column4,.optionsFieldset .column4
   {
   float: left;
   width: 220px;
   margin: 0 10px 0 0;
}

.searchFieldset .column input[type=text],.searchFieldset .lastColumn input[type=text],
.optionsFieldset .column input[type=text],.optionsFieldset .lastColumn input[type=text],
.optionsFieldset .column select,.searchFieldset .column select
   {
   width: 285px;
   float: left;
}

.searchFieldset .column select,.optionsFieldset .column select {
   width: 298px;
}

.searchFieldset .lastColumn input[type=text],.optionsFieldset .lastColumn input[type=text] {
   width: 303px;
}

.searchFieldset .lastColumn select,.optionsFieldset .lastColumn select
   {
   width: 315px;
}

.optionsFieldset .column4 select,.searchFieldset .column4 select
   {
   width: 220px;
   float: left;
}

.optionsFieldset .column4 input[type=text],.searchFieldset .column4 input[type=text]
   {
   width: 210px;
   float: left;
}


.infoFieldsetDialog .column .dash, .selectFieldsetDialog .column .dash, .searchFieldset .column .dash, .optionsFieldset .column .dash {
   float: left;
   margin: 5px 8px 8px;
}

.searchFieldset .searchProfile {
   background: #e3e3e3 none;
   border: 1px solid #cccccc;
   padding: 20px;
   margin-bottom: 10px;
}

.searchFieldset .searchProfile input[type=text] {
   width: 210px;
}

.searchFieldset .searchProfile img {
   margin-left: 5px;
}

.searchFieldset label.marginTop {
   padding-top: 20px;
}

.marginRight10 {
   margin-right: 10px;
}

.searchFieldset .searchProfile div.options {
   margin-bottom: 0;
   height: 30px;
}

.reportProfile {
   background: #e3e3e3 none;
   border: 1px solid #cccccc;
   padding: 20px;
   margin-bottom: 10px;
}

.reportProfile input[type=text] {
   width: 210px;
}

.reportProfile img {
   margin-left: 5px;	
}

.reportProfile div.options {
   margin-bottom: 0;
   height: 30px;	
}

.floatLeft {
   float: left;
}

.floatRight {
	float: right;
}

.center {
	margin: 0 auto; 
	display: inline-block;
}

.inlineFlex {
	display: inline-flex;
}

.halfHeight {
	height: 50%;
}

.verticalCenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.optionsFieldset {
   background: #ffffff none;
   border: 1px solid #cccccc;
   width: 925px;
   padding: 20px;
   margin-bottom: 20px;
}

.optionsFieldset p,#twocolumns p {
   margin-bottom: 10px;
}

.optionsFieldset ul li {
   height: 1%;
   overflow: hidden;
   vertical-align: top;
}

#twocolumns select
   {
   width: 300px;
}

#twocolumnsnoborder select
   {
   width: 300px;
}

body#login {
   background: #eeeeee url(../images/login_bg.gif) repeat-x top;
   padding-bottom: 100px;
   position:relative;
}

#loginWrapper {
   /*width: 1000px;*/
   /* width:90%; */
   /* max-width: 900px; */
   height: auto;
   position: relative;
}

@media screen and (min-width: 550px) { 
	#loginWrapper #loginFormID {
		display: inline-flex; 			
	}
}

#loginWrapper div#innerWrapper {
   position: absolute;
   height: auto;
}

#loginWrapper div#innerWrapper input {
   width: 320px;
}

#loginWrapper div#innerWrapper select {
	width: 332px;	
}

#loginWrapper div#innerWrapper label {
	clear:both;
}

#loginWrapper div#innerWrapper input#submit {
   height: 54px;
   width: 334px;
   background: #f6f6f6 url(../images/green_button.png) no-repeat top left;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   border: 0;
   margin: 0;
   padding: 0;
   margin-bottom: 20px;
}

#loginWrapper div#innerWrapper input#submit:hover {
   color: #eeeeee;
}


#loginWrapper div#innerWrapper .button_blue_big, .dialog .button_blue_big {
   height: 54px;
   width: 334px;
   background: transparent url(../images/blue_button.png) no-repeat top
      left;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   border: 0;
   margin: 0;
   padding: 0;
   margin-bottom: 20px;
}

#loginWrapper div#innerWrapper .button_grey_big, .dialog .button_grey_big {
   height: 54px;
   width: 334px;
   background: transparent url(../images/grey_button.png) no-repeat top
      left;
   color: #666666;
   font-size: 16px;
   font-weight: bold;
   border: 0;
   margin: 0;
   padding: 0;
   margin-bottom: 20px;
}

#loginForm {
   float: left;
   width: 350px;
   height: 100%;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: 1px solid #cccccc;
   background: #f6f6f6 none;
   padding: 30px;
   margin-right: 20px;
}

#loginWrapper .loginLinks {
   overflow: hidden;
   height: 1%;
   font-weight: bold;
   margin: 0 0 15px 7px;
   width: 100%;
}

#loginWrapper .loginLinks li {
   margin-bottom: 10px;
   display: block;
}

#loginWrapper .loginLinks a {
   text-decoration: none;
   color: #1685bd;
}

#loginWrapper #sidebar, #loginWrapper #newsFeedContainer {
   float: left;
   margin-right: 20px;   
   height: 100%;
}

#loginWrapper #placeForLogos {
   float: left;
   width: 150px;
   background: transparent none;
}

#loginWrapper #placeForLogos ul {
   list-style: disc outside none;
   margin-bottom: 20px;
   margin-left: 20px;
    line-height: 150%;
}
#loginWrapper #placeForLogos li {
 padding-left: 10px;
}

#loginWrapper #placeForLogos img {
   margin-bottom: 10px;
}

#loginWrapper #placeForLogos p {
   margin-bottom: 20px;
}

#loginWrapper h1 {
   margin-bottom: 20px;
   font-size: 20px;
   letter-spacing: 2px;
   /*display: none;*/
}

strong.head {
   padding: 5px;
   padding-left: 0;
}

#loginLogos {
   width: 100%;
   clear: both;
   margin-bottom: 20px;
}

img.selectAll {
   padding: 5px;
   display: block;
   width: 16px;
   float: left;
}

img.select-all {
	cursor: pointer;
}

#selectAll {
	cursor: pointer;
}

img.selectAll2 {
   width: 16px;
   display: block;
   float: right;
   padding-right: 10px;
}

.selectAllLabel {
   padding-left: 35px;
   padding-top: 5px;
   display: block;
}

.selectAllLabelMultiselect {
	padding-left: 20px; 
	width: 60%; 
	float: left; 
	margin-top: 10px;
}

.selectAllLabelMultiselect img {
	margin-right: 13px; 
	cursor: pointer;	
}

.tinyContainer {
   float: left;
   padding-right: 10px;
}

.tinyContainer label {
   overflow: hidden;
   padding-right: 0;
   height: 14px;
   margin-top: 1px;
}

.imgButtons {
   float: left;
   margin-top: 25px;
}
.additRow .imgButtons img {
   margin-right: 5px;
}
.marginBottom5 {
   margin-bottom: 5px;
}

img.newWinIcon {
   margin-right: 5px;
}

.additionalInfo {
   background: #ffffff url(../images/bg-additInfo.png) repeat-x left bottom;
   width: 920px;
   border: 1px solid #cccccc;
   padding: 20px;
   overflow: hidden;
}

.additionalInfo p {
   margin-bottom: 15px;
}

.pageElements,.panelElements, .lbElements {
   display: none;
   overflow: hidden;
}

#basicInfoDiv {
   display: block;
}

#searchRoomsDiv {
   display: block;
}


#lbProfileDiv {
   display: block;
}

#lbProfileDiv h3#profileCategory {
	font-weight: bold; 
	color: #222222; 
	margin-top: 20px;
}

#lbProfileDiv h3#profileName {
	 margin-left: 20px; 
	 cursor: pointer;
}

.ui-widget {
   font-size: 100%;
}

#modifyBookingDialog .additionalInfo, #modifyApplicationDialog .additionalInfo, #modifyExchangeBookingDialog .additionalInfo {
   width: 755px;
}

#viewBookingDialog .additionalInfo {
	width: 800px	
}

.additionalInfo ul {
   list-style: disc outside none;
   margin-bottom: 20px;
   margin-left: 20px;
    line-height: 150%;
}

#modifyBookingLoadIcon {
	float: right;
	margin-right: 10px;
	margin-top: 8px;
}

#modifyBookingLoadIcon img {
	margin-top: 50%;
	margin-bottom: 50%;
}

#modifyBookingDialog select, #modifyApplicationDialog select, #modifyExchangeBookingDialog select, #accessoryBookingDialog select {
   width: 260px;
}

#modifyBookingDialog .longlongBox, #modifyApplicationDialog .longlongBox, #viewBookingDialog .longlongBox, #modifyExchangeBookingDialog .longlongBox {
   width: 790px
}

#modifyBookingDialog .longBox, #modifyApplicationDialog .longBox, #viewBookingDialog .longBox, #modifyExchangeBookingDialog .longBox, #accessoryBookingDialog .longBox, #boatPlaceBookingManagementDialog .longBox {
   width: 485px
}

#modifyBookingDialog .shortBox, #modifyApplicationDialog .shortBox, #viewBookingDialog .shortBox, #modifyExchangeBookingDialog.shortBox, #accessoryBookingDialog .shortBox {
   width: 140px
}

#addCustomerDialog .column,#addContactDialog .column, .dialog .column {
   float: left;
   width: 260px;
   margin: 0 10px 0 0;
}

#addCustomerDialog .column input,#addCustomerDialog .row select,#addContactDialog .column input,#addContactDialog .row select,
 .dialog .column input, .dialog .column select
   {
   width: 245px;
   float: left;
   margin-bottom: 5px;
}

#viewBookingDialog .fieldsetBlock, #boatPlaceReservationDialog .fieldsetBlock {
	background: #f6f6f6 none;
   	border: 1px solid #cccccc;
   	padding: 5px 10px 10px 10px; 
   	border-radius: 5px 5px 5px 5px;
   	margin-bottom: 5px;
}

#viewBookingDialog .fieldsetBlockToggle {
	/*background: #f6f6f6 none;*/
   	border: 1px solid #cccccc;
   	padding: 5px 10px 10px 10px; 
   	border-radius: 5px 5px 5px 5px;
   	margin-bottom: 5px;
}

#viewBookingDialog .inlineRow {
	padding: 5px 0 5px 0;
}

#viewBookingDialog .boldTitle {
	font-weight: bold;
}


#viewBookingDialog .boldTitleInline {
	font-weight: bold;
	display: inline;
}

#viewBookingDialog .valueFieldInline {
	display: inline;
}

.fieldsetToggle:hover {
	text-decoration: none;
}

/* Context Menu in Calendar */
#contextMenu {
   position: absolute;
   left: 82px;
   top: -27px;
   width: 247px;
   border: 1px solid #919191;
   background: #eae9e9;
   overflow: hidden;
   display: none;
   z-index: 1001;
   padding-top: 10px;
}

#contextMenu ul {
   font-weight: bold;
   font-size: 13px;
   color: #222;
   margin: -3px 0 0;
}

#contextMenu li {
   margin: -1px 0 14px;
   padding: 2px 0 0;
   vertical-align: top;
   height: 1%;
}

#contextMenu ul ul {
   font-weight: normal;
   font-size: 12px;
   color: #444;
   margin: 0;
}

#contextMenu li li {
   background: none;
   margin: 0;
   padding: 0;
}

#contextMenu span {
   padding: 10px 11px 5px;
}

#contextMenu ul ul a {
   display: block;
   text-decoration: none;
   color: #444;
   padding: 3px 10px 4px 21px;
   position: relative;
}

#contextMenu ul ul a:hover {
   color: #fff;
   background: #444;
   border-top: 1px solid #a8a7a7;
   padding: 2px 10px 4px 21px;
}

.panel fieldset {
   border: 1px solid #cccccc;
   padding: 15px 20px 10px 20px;
   margin: 10px 10px 0 0;
}

.panel fieldset p {
   margin-bottom: 10px;
}

.ui-datepicker .ui-corner-all {
   -moz-border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;
}

.ui-datepicker {
   width: 300px;
   margin-top: 10px;
   margin-left: 0px;
   padding: 0;
   -moz-box-shadow: 0 2px 2px #ddd;
   -webkit-box-shadow: 0 2px 2px #ddd;
   box-shadow: 0 2px 2px #ddd;
}

.panel .ui-datepicker {
   width: 348px;
   vertical-align: middle;
   background: #fafafa;
}

.ui-datepicker table {
   font-size: 12px;
   margin: 0 5px;
}

.ui-datepicker td {
   text-align: center;
   padding-right: 10px;
   padding-bottom: 5px;
}
.ui-datepicker-week-col {
    font-weight: bold;
}

.panel .ui-datepicker a.ui-state-default {
   background: #ededed none;
   border: 0;
   padding: 7px 3px;
}

.ui-datepicker a.ui-state-default {
   background: #f6f6f6 none;
   border: 0;
   padding: 7px 3px;
}

.ui-datepicker td span, .ui-datepicker td a {
   text-align: center;
}

.ui-datepicker a.ui-state-highlight, .ui-datepicker a.ui-state-hover
   {
   background: #f6f6f6 none;
}

.ui-datepicker a.ui-state-active, .ui-datepicker .ui-state-highlight {
   border: 1px solid #ccc !important;
   background: #f6f6f6 none;
}

.ui-widget-header {
   padding: 7px 0 15px;
   background: #e9ebec url(../images/bg-sub-caption.gif) repeat-x 0 100%;
   border: 0;
   letter-spacing: 1px;
}

.ui-widget-header a {
   padding: 5px;
}

.ui-datepicker .ui-widget-header .ui-icon {
   background-image: none;
}

.ui-datepicker .ui-datepicker-prev span.ui-icon {
   background: transparent url(../images/link-prev2.png) no-repeat;
}

.ui-datepicker .ui-datepicker-next span.ui-icon {
   background: transparent url(../images/link-next2.png) no-repeat;
}

.ui-datepicker .ui-widget-header a.ui-state-hover {
   background: transparent;
   border: 0 !important;
}

.ui-datepicker .ui-widget-header a.ui-datepicker-prev-hover {
   top: 5px;
   left: 2px;
}

.ui-datepicker .ui-widget-header a.ui-datepicker-next-hover {
   top: 5px;
   right: 2px;
}

.ui-datepicker select.ui-datepicker-month
   {
   width: 140px;
}

.panel  .ui-datepicker select.ui-datepicker-year
   {
   width: 100px;
}

.ui-datepicker .ui-datepicker-title select {
   margin: 1px 5px;
}
.ui-datepicker .ui-datepicker-title {
    margin-left: 40px;
    margin-top: 5px;
}

.panel .checkboxes {
   overflow: hidden;
   height: 1%;
   margin: 10px 0px 20px 0px;
   clear: both;
}

.panel .checkboxes li {
   float: left;
   width: 39px;
   margin-left: 5px;
}

.panel .chooseSeparateDays {
   overflow: hidden;
   height: 1%;
   margin: 28px 0px 0px 0px;
   clear: both;
}

.panel .row {
   width: 100%;
   clear: both;
   overflow: hidden;
   padding: 0;
   margin-left: 21px;
}

.panel .row .dash {
   float: left;
   margin: 5px 8px 8px 8px;
}
.ui-widget-content .accordions  a {
    color: #666666;
}
/* multiselect */
.accordionList
   {
   background: #ffffff none;
   border: 1px solid #cccccc;
   margin: 20px;
}

.accordionList ul
   {
   overflow: hidden;
   height: 1%;
   padding: 2px;
}

.accordionList ul li
   {
   overflow: hidden;
   height: 1%;
   padding: 5px 0 3px 8px;
   vertical-align: top;
   border: solid #fff;
   border-width: 1px 0;
   cursor: pointer;
}

.accordionList ul li.odd
   {
   border-top: 1px solid #ececec;
   border-bottom: 1px solid #e9e9e9;
   background: #f6f6f6 url(../images/bg-odd.gif) repeat-x;
   padding: 6px 0 1px 8px;
}

.accordionList ul li:hover
   {
   background: #dde8f7 none;
   border-top: 1px solid #f1f6fc !important;
   border-bottom: 1px solid #dfe3e9 !important;
}
table.tablesorter tbody tr.even td {
    background-color: #F0F0F6;
}
label.error {
    
    margin-top: -5px;
    margin-bottom: 10px;
    float: none;
    vertical-align: top;
}
input.error, select.error, textarea.error {
    border: 1px solid #E8A500;
}

ul#messageBox {
    margin-left: 20px;
    list-style-type: none;
    color: #E8A500;
}
#additionalRowTarget input, #additionalRowTarget select {
    margin-bottom: 0;
}
.table .caption th {
   cursor: pointer;
}

.table .caption .headerSortUp { 
    background-image: url(../pics/tableSorter/up.gif);  
}

.table .caption .headerSortDown { 
    background-image: url(../pics/tableSorter/down.gif); 
}

.table .caption .header {
	cursor: pointer;  
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
}

.table .caption .noSort {
	cursor: default;
}	 	 

.rectangle-round-corners { 
    width: 17px; 
    height: 17px; 
    float:right; 
    margin-right: 30px; 
    border-radius: 3px 3px 3px 3px;
}    

.rectangle-round-corners2 { 
    width: 10px; 
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 3px 3px 3px 3px;
} 

.historyAdditionalInfo {
	line-height: 1.5;	
}

.accountsTable td {
	vertical-align: top;
	width: 70px;
	padding: 0 5px 0 0;
}

.multiselect-link {
	text-decoration: underline;
	cursor: pointer;
}

span.delete {
   text-indent: -9999px;
   display: block;
   background: url(../images/lista_tyhjenna.png) no-repeat;
   overflow: hidden;
   width: 17px;
   height: 20px;
   cursor: pointer;
}

.checkboxColumn {
   width: 20px;
}

.link-delete {
   margin: 5px 0px 0px 10px;	
}

.disabledElement {
   background: #F6F6F6 none;
}

.multiselect.disabledElement ul li:hover, .info-box.disabledElement tr:hover, .info-box.disabledElement tr.even:hover td {
   background: #f6f6f6 url(../images/bg-odd.gif) repeat-x !important;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #ececec;
}


.row .column input[size] {
	width:auto;
}

.wideContent .row input.pressbutton-small, .press-button-file {
	background:#f5f5f5;
	padding:3px 5px 4px 5px;
	border-bottom: 2px solid #ccc;
	margin-left:10px;
	cursor: pointer;
}

.infoFieldsetDialog {
	background: #f6f6f6 none;
   	border: 1px solid #cccccc;
   	padding: 10px;
   	border-radius: 5px 5px 0px 0px;   	
}



.selectFieldsetDialog div#orderOptions, .panel li#orderOptions, .panel div#chooseTimeSpanSafetyOffOptions {
	margin-left: 1.5em;
}


.selectFieldsetDialog {
	background: #ffffff none;
   	border: 1px solid #cccccc;
   	border-top: none;
   	padding: 20px;
   	border-radius: 0px 0px 5px 5px;
}

#calendarInfo {
	display: none; 
	padding-left: 480px; 
	padding-right: 60px;
	float: left;
	width: 100%;
}

#calendarInfo .calendarInfoDiv {
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
}

#calendarInfo .calendarInfoDiv header {
	font-weight: bold;
	margin: 10px 0 10px 0;	
}

.rightPanel .multiselectHeader, .panel .multiselectHeader {
	font-weight: bold;	
	margin-left: 10px;
}

.messageDialog .row {
	clear: both;
	float: left;
	width: 759px;
}

.messageDialog .row input, .messageDialog .row textarea {
	clear: both;
	width: 97%;
	margin-bottom: 0px;
}

.messageDialog .row select {
	clear: both;
	width: 50%;
	margin-bottom: 0px;
}

.messageDialog #attachmentsList {
	width: 97%;
}

.confirmBookingDialog .row {
	clear: both;
	float: left;
	width: 759px;
}

.confirmBookingDialog .row select {
	clear: both;
	width: 50%;
	margin-bottom: 0px;
}

.confirmBookingDialog .row input[type=text]:not(.dateField), .confirmBookingDialog .row textarea {
	clear: both;
	width: 97%;
	margin-bottom: 0px;
}

.confirmBookingDialog #attachmentsList {
	width: 97%;
}

.threeDotsBtn {
	cursor: pointer;
}

.fakeLink {
	text-decoration: underline;
	cursor: pointer;
}

.fakeLink:hover {
	text-decoration: none;
}

br.classPageBreak {
	page-break-after: always;
}



tr.subRow td {
	padding: 5px 0;
}
.dialogbutton { 
   background: url(../images/btn-submit.gif) no-repeat;
}

#confirmCopyMoveBookingLB .operationSelectingHeader {
	display: block; 
	width: 100%; 
	float: left;
	margin: 15px 0px 5px 0px; 
}

#confirmCopyMoveBookingLB .extraIcons li {
	margin-right: 14px; 
	float: left; 
	height: 40px; 
	width: 30px;
}



/* Rekister�intiavustaja */
#registrationWizardForm .disabled {
	opacity: 0.5;
}

#registrationWizardForm .bx-wrapper {
	margin-bottom: 0px;
}

#registrationWizardPhasePager {
	width: 98%;
	float: left;
	line-height: 35px;
}

#registrationWizardPhasePager .pagerPhase {
	width: 100%;
	border-radius: 10px;
	text-align: center;
	margin-left: 15px;
	background-color: #E2E2E2;
}

#registrationWizardPhasePager .pagerPhase.done {
	cursor: pointer;
	background-color: #66b300;
	color: white;
	opacity: 0.5;
}

#registrationWizardPhasePager .pagerPhase.undone {
	cursor: default;
	background-color: #E2E2E2;
	color: #66667F;
	opacity: 0.7;
}

#registrationWizardPhasePager .pagerPhase.active {
	background-color: #5B95DE;
	color: white;
	opacity: 1;
	border: 2px solid black;
}

#registrationWizardPhasePager .pagerPhase.clearMargin {
	margin: 0px;
}

#registrationWizardPhasePager div {
	opacity: 0.7;
}

#registrationWizardOptions {
	float: left;
}

#registrationWizardOptions .optionPhase {
	display: none;
}

#registrationWizardOptions .first {
	display: block;
}

#registrationWizardOptions .option {
	float: left;
	position: relative;
	width: 98%;
	height: auto;
	background-color: #e2e2e2;
	border-radius: 20px;
	margin-bottom: 15px;
	padding: 20px;
	min-height: 150px;
}

#registrationWizardOptions .option:last-child {
	margin-bottom: 10px;	
}

#registrationWizardOptions .option:not(.disabled) {
	box-shadow: 5px 5px 5px black;
	cursor: pointer;
}

#registrationWizardOptions .option:not(.disabled):hover {
	box-shadow: 3px 3px 5px black;
}

#registrationWizardOptions .option .optionInfoLink {
	position: absolute;
	margin-top: 10px;
}

#registrationWizardOptions .optionSet h4, #registrationWizardOptions .optionSet p {
	width: 80%;
}

#registrationWizardOptions .optionArrow {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 30px 20px 0;
}

#registrationWizardOptions .organizationPhase, #registrationWizardPhasePager .organizationPhase {
	display: none;
}

#registrationWizardOptions .phaseInfo {
	position: relative;
	margin-bottom: 10px;
	margin-left: 15px;
	height: auto;
}
/* Rekister�intiavustaja */



/* panel */
#main .panel {
   position: fixed;
   left: 0;
   top: 0;
   margin-top: 96px;
   margin-left: -427px;
   border: solid #ccc;
   border-width: 0 1px 1px 0;
   background: #f6f6f6;
   width: 404px;
   padding: 8px 9px 10px 14px;
   min-height: 778px;
   z-index: 100;
}
#main .rightPanel {
   position: fixed;
   right: 0;
   top: 0;
   margin-top: 96px;
   border: solid #ccc;
   border-width: 0 0 1px 1px;
   background: #f6f6f6;
   width: 404px;
   padding: 8px 9px 10px 14px;
   min-height: 778px;
   z-index: 100;
}

* html #main .panel, * html #main .rightPanel {
   height: 680px;
}

* html .panel .sub-nav {
   right: -38px;
}
* html .rightPanel .sub-nav {
   left: -38px;
}

.panel .holder, .rightPanel .holder {
	max-height: 350px;
	overflow-y: auto;
}

.panel .smallHolder, .rightPanel .smallHolder {
	max-height: 260px;
	overflow-y: auto;
}

/* sub nav */
.panel .sub-nav {
   position: absolute;
   right: -37px;
   top: 6px;
}
.rightPanel .sub-nav {
   position: absolute;
   left: -37px;
   top: 6px;
}
.panel .sub-nav li, .rightPanel .sub-nav li {
   width: 35px;
   margin: 0 0 5px;
   vertical-align: top;
   /*height: 1%;*/
   background: #d6d6d6 none;
   border: 1px solid #adadad;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-topright: 5px;
   border-bottom-right-radius: 5px;
   border-top-right-radius: 5px;
}
.rightPanel .sub-nav li {
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-top-right-radius: 0;
   -moz-border-radius-bottomright: 0;
   -moz-border-radius-topright: 0;
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-toprleft: 5px;
   border-bottom-left-radius: 5px;
   border-top-left-radius: 5px;
   margin-top: 0;
   margin-left: 0;
   padding-left: 1px;
}

.rightPanel .sub-nav .verticalTab {
   display: block;
   padding: 13px 3px 15px 3px;
   position: relative;
   cursor: pointer;
   text-decoration: none;
   font-weight: bold;
 }


.panel .sub-nav .verticalTab {
   display: block;
   padding: 13px 3px 15px 3px;
   position: relative;
   cursor: pointer;
   text-decoration: none;
   font-weight: bold;
}

.panel .sub-nav li:hover,.panel .sub-nav li.active, .rightPanel .sub-nav li:hover,.rightPanel .sub-nav li.active {
   background: #f6f6f6 none;
   border: 1px solid #cccccc;
   border-left: 0;
}
.rightPanel .sub-nav li:hover,.rightPanel .sub-nav li.active {
   border-left: 1px solid #cccccc;
   border-right: 0;
   }
.panel .sub-nav .verticalTab span, .rightPanel .sub-nav .verticalTab span {
   display: block;
   width: 10px;
   text-align: center;
}

.panel .autocompleteSearch {
   width: 342px;
   max-height: 400px !important;
}

.panel #settingsDiv .fieldsetContent {
	display: none;
}

.panel .ui-datepicker-week-col {
	cursor: pointer;
}

.clipBoardActionIcon {
	float: right;
	margin-right: 10px;
	cursor: pointer;
}

.clipBoardActionIcon.disabled {
	opacity: 0.4;
}

.panel .rightPanel {
	position: absolute;
	z-index: 20000;
}

.panel #settingsDiv fieldset ul {
	margin-bottom: 15px;
}

.panel #settingsDiv #copyMoveSafetyOffExtraOptionsDiv {
	float: left; 
	margin-top: 15px;
}


/* tools */
.tools {
   overflow: hidden;
   width: 100%;
   height: 30px;
   margin: 0 0 -4px;
   position: relative;
}

.tools span.lockRightOpen, .tools span.lockRightClosed, .tools span.lockLeftOpen, .tools span.lockLeftClosed {
   float: right;
   text-indent: -9999px;
   overflow: hidden;
   width: 29px;
   height: 27px;
   cursor: pointer;
}
.rightPanel .tools span.lockRightOpen, .rightPanel .tools span.lockRightClosed {
   float: left;
}
.tools span.lockRightClosed, .tools span.lockLeftClosed {
   background: url(../images/lock.png) no-repeat;
}
.tools span.lockRightOpen, .tools span.lockLeftOpen {
   background: url(../images/lock_open.png) no-repeat;
}


/* tabset */
.panel .tabset {
   overflow: hidden;
   height: 1%;
   text-align: center;
   padding: 8px 0 0;
}

.panel .tabset li {
   float: left;
   margin: 0 6px 0 0;
}

.panel .tabset li a {
   background: url(../images/bg-tab.gif) no-repeat;
   width: 137px;
   display: block;
   text-decoration: none;
   padding: 10px 0 12px;
}

.panel .tabset li.first-tab a {
   background: url(../images/bg-tab-first.gif) no-repeat;
}

.panel .tabset li a:hover,.tools .tabset li a.active {
   background-position: 0 -37px;
}


/* tab-content */
.tab-content {
   background: #ffffff none;
   border: 1px solid #cccccc; 
   border-top: 0; 
   width: 395px;
   margin: 0 0 0 1px;
   margin-top: -20px;
   -webkit-border-top-left-radius: 0;
   -moz-border-radius-topleft: 0;
   border-top-left-radius: 0;
   width: 355px;
   padding: 20px;
}

.tab-content#datepickerContent {
   padding: 10px 20px 0px 20px;
}

.tab-content #selectedDaysBoxDiv {
   margin-bottom: 20px;
}

.tab-content input.text {
   float: left;
   margin: 0;
   width: 337px;
   margin-bottom: 10px
}

/* buttons */
.buttons {
   overflow: hidden;
   width: 100%;
}

.panel .buttons {
   margin-left: 22px;
   margin-top: 10px;
}

.panel .buttons ul {
   padding-top: 5px;
}

.rightPanel .buttons {
   margin-left: 22px;
   margin-top: 10px;
}

.rightPanel .buttons ul {
   padding-top: 5px;
   overflow: hidden;
   width: 370px;
}

.panel .tab-content .buttons {
   margin-left: 0;
}

.pointer {
	cursor: pointer;
}

.welcomePanel {
	width:27%;
	text-align: center;
}

/* Memopost teksti */
#postText ol, #postText ul, #postText dl {
	/* IE7: reset rtl list margin. (#7334) */
	margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
	margin: 10px 0;
}

#postText ol {
	list-style-type: decimal;
}

#postText ul {
	list-style-type: disc;
}
/* Memopost teksti */




.mobile {
	display: none !important;
}
.notMobile {
	display: inherit !important;
}

@media screen and (max-width:900px) {
	.welcomePanel {
		clear:both;
		margin-bottom:2%;
	}
}




/* @media screen and (max-width: 473px) { */
@media screen and (max-width: 550px) {
	
	.mobile {
		display: inherit !important;
	}
	.notMobile {
		display: none !important;
	}
	
	/* Sivun mobiiliulkoasu */
	.borderBox {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	#main {
		padding-bottom: 20px;
	}
	
	#main .subtabs-box {
		width: 100%;
	}
	
	.main-holder {
		width: 100%;
		padding: 0px 15px 0px 15px;
	}
	
	.wideContent {
		text-align: center;
		float: none;
	}
	
	.mobile ul {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.mobile p {
		width: 100%;
	}
	
	.rivita {
		clear:both;
	}
	
	#loginWrapper #sidebar {
		display:none;
		visibility:hidden;
	}
		
	/* Muokataan rakenne */		
	#timmiHeader #header {
		height: 35px;
		padding: 3px 0px 3px 0px;
		border-bottom: 1px solid #cccccc;
	}
	
	#timmiHeader #header .logo {		
		background: url(../images/Timmi-logo-only.svg) no-repeat;
		background-size: contain;
		margin: 0px;
		margin-left: 5px;
		height: 35px;
	}
	
	#timmiHeader #header .mobilemenuIcon {
		display: inline;
		float: right;
		margin: 0px;
		margin-right: 5px;
		margin-top: 1px;
		height: 35px;			
		text-align: right;
		cursor: pointer;
	}

	#nav_mobile div {
		display: inline;
	}
	
	#footer {
		height: auto;
	}
	
	.ui-autocomplete {
		width: 80%;
		max-height: 200px;
	}
	/* Sivun mobiiliulkoasu */
	
	
	
	/* Welcome-sivu */
	.welcomePanel {
		width: 100%;
		float: none;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.welcomePanel span {
		display: block;
	}
	/* Welcome-sivu */
	

	
	
	/* panel */	
	#main .panel {
	   margin-top: 42px;
	   margin-left: -373px;	   	   
	   max-width: 404px;
	   min-width: 270px;
	   padding: 8px 9px 10px 14px;
	   z-index: 100;
	   min-height: 100%;
	   
	   width: 80%;
	   
	   display: block;
	}
	
	.panel .ui-datepicker {
		clear: both;
		position: relative;
		width: 100%;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.panel .datepickerContent {
		padding: 10px;
	}
	
	.panel .holder {
		max-height: 200px;
	}


	
	/* sub nav */
	.panel .sub-nav {
	   right: -25px;
	}
	.panel .sub-nav li {
	   width: 23px;
	}

	.panel .sub-nav .verticalTab {
	   padding: 20px 3px 20px 3px;
	}
	
	.panel .sub-nav .verticalTab img {
		margin-left: -3px;
	}
	
	.panel .links li {
		float: left;
		margin: 0px;
		margin-left: 15px;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.panel .links .floatRight {
		float: right;
		margin: 0px;
		margin-right: 10px;
	}
	
	.panel .links #updateButtonContainer {
		width: 40%;
	}
	
	.panel .links #updateButtonContainer input[type=button] {
		width: 100%;
		height: 30px; 
		background-color: #8fd624; 
		color: #FFFFFF;
	}

	.panel .links #todayButtonContainer {
		margin-top: -1px;
	}	
	
	.panel .links #resetRoomsImgContainer {
		margin-top: 3px;
	}


	/* Sis�ll�n navigointi */
	#main .panel .subtabs-box {
		width: 100%;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}

	/* Paneelin sis�lt� */
	.panel .panelElements {
		position: relative;
		width: 100%;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */		
	}	
	
	.tab-content {
	   margin: 0px 0px 0px 1px;
	   margin-top: -20px;	 
	   padding: 10px;
	   
	   display: block;
	    
	   width: 100%;	   	   
	   
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	   box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.tab-content#datepickerContent {
	   padding: 10px;;
	}
	
	.tab-content input.text {
	   width: 100%; 
	   
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.tab-content ul#checkedDayColumns {
	   margin-bottom: 0px;
	   margin-right: 4px;
	   
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */ 
	}
	
	.tab-content ul#checkedDayColumns li {
	   width: 8%;
	   margin-left: 5%;
	   
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.tab-content ul#checkedDayColumns li#selectAll {
	   width: 5%;
	   margin: 0px;
	   margin-right: 3%;
	   padding-left: 5px;
	   
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	/* tools */	
	/* .tools span.closeLeftPanel {
	   background: url(../images/navigate-left-icon.png) no-repeat;
	   float: right;
	   text-indent: -9999px;
	   overflow: hidden;
	   width: 29px;
	   height: 27px;
	   cursor: pointer;
	   display: inline;
	} */
	
	/* Datepicker */	
	.ui-datepicker-calendar {
		width: 100%;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.ui-datepicker-calendar td:not(.ui-datepicker-week-col), .ui-datepicker-calendar th:not(.ui-datepicker-week-col) {
	   	margin-left: 4%;
	   	padding-right: 3%;
	}
	
	.ui-datepicker-calendar td.ui-datepicker-week-col, .ui-datepicker-calendar th.ui-datepicker-week-col {
		width: 8%;
	   margin: 0px;
	}

	#loginWrapper div#innerWrapper input,  #loginWrapper div#innerWrapper label, #loginWrapper div#innerWrapper select {
	   width: 90%;
	}
		
	#loginForm {
		margin-right:2%;
		margin-left:2%;
	   max-width: 85%;
	}
	
}

    div[class="toggleDiv"]{
        display: none;
    }


    input[class="radioToggle"]:checked+div[class="toggleDiv"]{
        display: block;
    }
    
    
    input[class="radioToggle"]{
        display: none;
    }
    
    /* UserMemoNotifications button icon */
	.fa-list {
		display: inline-block;
		position: relative;
		top: 8.5px;
		transform: scale(1.5,1.5);
	}