body{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	background-color: #FFFFFF;
}

/* otsikkojen koot, muuten kaikilla selaimilla erit!!!*/
h1 { font-size: 17px; }
h2 { font-size: 15px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 2px;
}

td {
	padding-left: 2px;
}

input{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: black;
	/*background-color: #E9EEF5;*/
}

button, input, optgroup, select, textarea {
	margin: 2px;
}

input[type="radio"], input[type="checkbox"] {
	margin: 3px;
}

.tab_page {
	background-color: #FFFFFF;
	width: 810px;
	padding: 10px;
}
#tab {
	display: none;
}

#sv210, #sv210 a, #sv210 input, #sv210 select, #sv210 textarea, #sv210 table td {
	font-size: 13px;
}
#sv210 input {
	font-size: 12px;
}
#sv210 i, #sv210 label {
	font-size: 11px;
	color: #000000;
	font-style: normal;
	font-weight: bold; 
}
#sv210_topbar {
	border: 1px solid #999999;
	background-color: #EEEEEE;
	width: 810px;
	padding: 5px;
	padding-left: 10px;	padding-right: 10px;
}

#monitor_table th { 
	font-size: 10px;
	font-weight: normal;
	/*border-right: 1px solid #000000;*/
}

#monitor_table td {
	/*border-right: 1px solid #000000;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;*/
}

#monitor_table td, #monitor_table input, #monitor_table select { 
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	/*border: none;*/
}
#monitor_table select { 
	text-align: left;
}

#medication_table th { 
	font-size: 12px;
	font-weight: bold;
}

#medication_table td, #medication_table input, #medication_table select { 
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	/*border: none;*/
}
#medication_table select { 
	text-align: left;
}

/* LASKUTUSTIEDOT */
table#billingInfo td{
	font-size: 14px;
}
table#billingInfo .totalrow td {
	font-weight: bold;
}

#frmSearch {
	padding: 0;
	margin: 0;
}

input.radio{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: black;
}
input.checkbox{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: black;
}

select{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: black;
	/*background-color: #E9EEF5;*/
}

textarea{
	color: black;
	font-size: 8pt;
	/*background-color: #E9EEF5;*/
	font-family: Tahoma, Verdana, Arial;
}

td{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
}


p{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000066;
	font-weight: normal;
	text-decoration: none;
}

a{
	font-size: 11px;
	text-decoration: none;
	color: #376b90;
}
a:hover	{ color: black; }

input.harmaa{
	background-color: #E4E4E4;
}


/* STATUS VIESTIT */
div.message_ok	{
	margin-top: 2px;
	margin-right: 5px;
	padding: 3px;
	font-weight: bold;
	color: #000000;
	border: 1px dotted black;
	background-color: #E4E4E4;
}

div.message_error	{
	margin-top: 2px;
	margin-right: 5px;
	padding: 3px;
	font-weight: bold;
	color: white;
	border: 1px dotted black;
	background-color: red;
}

td.bold	{
	font-weight: bold;
}

td.raporttivali	{
	font-weight: bold;
	height: 3px;
	color: #000000;
	border-bottom: 1px dotted;
	border-color: black;
}
td.raporttitop	{
	height: 3px;
	color: #000000;
	border-top: 1px dotted;
	border-color: black;
}

/* sivun otsikko */
td.pagetitle	{
	height: 31px;
	font-weight: bold;
	color: black;
}
/* sivun otsikon teksti */
td.pagetitle_text	{
	font-weight: bold;
	color: #000000;
	padding-left: 8px;
}

table.titlebar {
	border-bottom: 2px solid #6e9bb2;
	margin-bottom: 10px;
}

/* valikon tekstilinkit */
a.menu	{
	color: #000000;
}
a.menu:link		{color: #000000; font-weight: bolder; text-decoration: none;}
a.menu:visited	{color: #000000; font-weight: bolder; text-decoration: none;}
a.menu:hover	{color: #000000; font-weight: bolder; text-decoration: underline;}


/* statistiikat */
td.stats	{

}

/* statistiikat */
td.payment	{
	width: 120px;
}

/* listan otsikko */
td.listtitle	{
	border-bottom: 1px solid #376b90;
}

/* listan otsikon ensimmäinen arvo */
td.listtitle_begin	{
	border-bottom: 1px solid #376b90;
}

/* listan otsikon viimeinen arvo */
td.listtitle_end	{
	border-bottom: 1px solid #376b90;
}

/* TOOLTIPS */
TABLE.ttInfo_table{
    border: 1px solid navy;
}
TD.ttInfo_title{
    background-color: #FFFFFF;
    color: navy;
    padding: 2px;
    font-weight:bold;
}
TD.ttInfo_content{
    background-color: #FFFFFF;
    color: black;
    padding: 2px;
}
TABLE.ttError_table{
    border: 1px solid black;
}
TD.ttError_title{
    background-color: red;
    color: white;
    padding: 2px;
    font-weight:bold;
}
TD.ttError_content{
    background-color: white;
    color: black;
    padding: 2px;
} 


/* sivun toiminnon linkki */

a.cmd:link		{color: #FFF;	font-weight: normal; text-decoration: none;}
a.cmd:visited	{color: #FFF;	font-weight: normal; text-decoration: none;}
a.cmd:hover		{color: #FFF;	font-weight: normal; text-decoration: none;}


/* sivun aktiivinen toiminto */

a.cmd_active:link		{color: black;	font-weight: bold; text-decoration: none;}
a.cmd_active:visited	{color: black;	font-weight: bold; text-decoration: none;}
a.cmd_active:hover		{color: black;	font-weight: bold; text-decoration: none;}


/* sivun toiminnon tausta */
td.cmd, td.cmd2, td.cmd_active, td.cmd_active2 {
	font-family: Tahoma;
	height: 27px;
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	border-left: 2px solid #FFF;
	background-color: #376b90; 
	padding: 8px;
}
/* sivun aktiivisen toiminnon tausta */
td.cmd_active	{
	background-color: #c0d3de; 
}
/* pitempi painike */
td.cmd2	{
	border-right: 2px solid #FFF; 
}

/* pitemmän painikkeen aktiivisuus */
td.cmd_active2	{
	background-color: #c0d3de; 
	border-right: 2px solid #FFF; 
}
/* sivunnumeron tausta */
td.pagenumber	{
}

/* valitun sivunumeron tausta */
td.pagenumber_selected	{
	font-weight: bolder;
	border: 1px solid #003333;
	background-color: #FFFFFF;
}

/* navigaation linkki */
ul.navigation {
	list-style: none;
	text-align: left;
	margin-top: 10px;
	padding-left:0px;
}

ul.navigation li {
	display: inline;
}

ul.navigation li.divider span,
ul.navigation li a,
ul.navigation li span {
	display: inline-block;
	min-width: 10px;
	padding: 3px;
	text-decoration: none;
	
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
	/*line-height: 20px;*/
	/*box-shadow:
		inset 0 1px 1px #fff,
		0 0 2px -1px rgba(0, 0, 0, 0.5),
		1px 3px 3px 0px rgba(0, 0, 0, 0.15);
	*/
	background: #fff;
	color:#7a7e84;
	font-family: 'Montserrat',Tahoma;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-shadow:none;
	padding: 4px 8px;
	/*text-shadow: 1px 1px #fafafa;*/
}

ul.navigation li.divider span{
	padding-top: 3px;
}

ul.navigation li span {
	opacity: 0.5;
	cursor: default;
}

ul.navigation li.divider span {
	opacity: 1;
}

ul.navigation li a:hover {
	background: #eaedf2;
}

ul.navigation li.active a {

	border:none;
	color: #fff;
	background: #566170;
	padding: 5px 12px;
	/*text-shadow: 1px 1px rgba(220, 255, 200, 0.5);*/
/*	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), inset 0 115px 30px -100px rgba(255, 255, 255, 0.5), inset 0 -32px 10px -30px rgba(0, 0, 0, 0.2);
	box-shadow:
		inset 0 1px 1px rgba(220, 255, 150, 0.5),
		inset 0 -32px 10px -30px rgba(0, 0, 0, 0.2),
		0 0 2px -1px rgba(0, 0, 0, 0.5),
		1px 3px 3px 0px rgba(0, 0, 0, 0.15);
*/	font-weight: bold;
}

ul.navigation li.active a:hover {
	/*background: #ddd;*/
}

ul.navigation li.first a,
ul.navigation li.prev *,
ul.navigation li.next * {
	border-left: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

ul.navigation li.last a,
ul.navigation li.prev *,
ul.navigation li.next * {
	border-right: 1px solid #ddd;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

ul.navigation li.prev a,
ul.navigation li.prev span,
ul.navigation li.next a,
ul.navigation li.next span{
	border:none;
	padding:6px 8px;
	width: 80px;
	background-color: #566170;
	color:#fff;
}

ul.navigation li.prev a,
ul.navigation li.prev span {
	margin-right: 10px;
}

ul.navigation li.next a,
ul.navigation li.next span {

}

ul.navigation li.next {
	margin-left: 10px;
}


/* valikon tausta */
td.menuframe	{
	background-color: #FCFCFC;
	border-right: 1px solid #CCCCCC;
}

.menuframe table td {
	padding: 2px;
} 

/* alapalkki */
td.bottomframe	{
	background: #6e9bb2;
}

/* valikon otsikkosolu */
td.topmenu,td.topmenu_active	{
	padding-top: 6px;
}

td.topmenu .fa-icon {
	color: #376b90;
}
/* valikon linkkiteksti */
td.mainmenu	{
	background-color: white;
	height: 50px;
}
/* valikon linkkiteksti */
a.mainmenu, a.mainmenu_active	{
	font-size: 13px;
	font-weight: normal;	text-decoration: none;
}
a.mainmenu:link		{color: #999999; }
a.mainmenu:visited	{color: #999999; }
a.mainmenu:hover	{color: black; }

a.mainmenu_active:link		{color: black; }
a.mainmenu_active:visited	{color: black; }
a.mainmenu_active:hover		{color: black; }

/* alavalikon linkkiteksti */
a.mainmenu2, a.mainmenu2_active	{
	font-size: 12px;
}
a.mainmenu2:link	{color: #999999;	font-weight: normal;	text-decoration: none;}
a.mainmenu2:visited	{color: #999999;	font-weight: normal;	text-decoration: none;}
a.mainmenu2:hover	{color: black;		font-weight: normal;	text-decoration: none;}

/* alavalikon linkkiteksti aktiivinen */

a.mainmenu2_active:link		{color: black;	font-weight: normal;	text-decoration: none;}
a.mainmenu2_active:visited	{color: black;	font-weight: normal;	text-decoration: none;}
a.mainmenu2_active:hover	{color: black;	font-weight: normal;	text-decoration: none;}

/* RAPORTIT */
.report_table td {
	font-size: 9pt;
}
.report_table .title_row1 td {
	font-weight: bold;
}
.report_table .title_row1_b td {
	font-weight: bold;
	border-bottom: 1px solid #000000;	
}
.report_table .title_row2 td {
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid #000000;
}
.report_table .data_row td {
	border-bottom: 1px dotted #555555;
}
.report_table .data_row_la td {
	border-bottom: 1px dotted #555555;
	background-color: #F4F4F4;
	font-style: italic;
}
.report_table .data_row_su td {
	border-bottom: 1px dotted #555555;
	background-color: #D6D6D6;
	font-style: italic;
	/*font-weight: bold;*/
}
.report_table .summary_row td {
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 2px double #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Kalenteri*/
TD.calendar_border {
    border: solid black 1px;
}
TD.calendar_month {
    background-color: #D1D5D8;
    border: solid black;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
}
A.calendar_month {
    font-weight: bold;
}
TD.calendar_today {
    border: solid black 1px;
    background-color: #D1D5D8;
}
TH.calendar_weekdays {
    background-color: #D7D8DD;
	font-size: 12px;
    border: solid black;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
}
A.calendar_weekdays {
    font-weight: bold;
}
A.calendar_day {
} 
table.reports_company td {
	font-size: 7pt;
	width: 33%;
}

td.c1, td.c2 {
	white-space: nowrap;
	font-size: 70%;
	font-weight: normal; 
}
td.c2 {
	background-color: #f1f1f1;
}

td.c2a, td.c2v {
	font-size: 10px;
}

td.c2a { /* mihitystaulun kelloaikasarake (AKTIIVITYÖ) */
	background-color: #C3E5C3;
	border-left: 2px solid #88aa88;
	white-space: nowrap; 
}

td.c2v { /* mihitystaulun kelloaikasarake (VARALLAOLO) */
	background-color: #f9f1f1;
	border-left: 2px solid #aa8888;
	white-space: nowrap; 
}

td.edu_P, td.edu_H, td.dp_K, td.dp_E {
	text-align: center;
	padding: 0;
	font-size: 10px;
	width: 10px;
}
td.edu_P { /* Perushoitajan tunnusväri */
	background-color: #42BC54;
	color: #000;
}
td.edu_H { /* Hoitotason tunnusväri */
	background-color: #FFFFFF;
	color: #FF0000;
	font-weight: bold;
}

td.dp_K { /* Ajolupa KYLLÄ */
	background-color: #FFAAF3;
	color: #FFFFFF;
}
td.dp_E { /* Ajolupa EI */
	background-color: #FFFFFF;
	color: #CCCCCC;
}

span.ah {
	font-size: 10px;
}

td.p_day_title { /* miehitysnäytön viikonpäivät */
	border-bottom: 1px solid black;
}

.dtitle, .dtitle_alert, .dtitle_cray  { /* viikonpäiväteksti */
	white-space: nowrap;
	font-size: 12px;
}

.dtitle_alert { /* viikonpäivän korostettu teksti */
	color: red;
}
.dtitle_cray { /* viikonpäivän himmennetty teksti */
	color: #bbb;
}

#populating_td .ptd {
	border: 1px dotted red; 
	cursor: pointer;
	width: 100%;
	height: 35px;
	min-width: 75px;
	background-color: #FCEFEF;
	border-collapse: collapse;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px;
}
 
#usable_resources_div div {
	width: 140px; 
	height: 35px; 
	margin: 3px; 
	float: left;
}

div.user_block {  
	border: 1px solid #888888; 
	border-collapse: collapse;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px;
	width: 75px;
	overflow: hidden;
}

div.user_block table {
	width: 100%;
}

option.wtA { background-color: #A8F7A8;} /* aktiivityö */
option.wtR { background-color: #F4A8A8;} /* varallaolo */

.unit_col { /* tarvekartan yksikkötunnus*/
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	background-color: #cccccc;
}

div#shift_edit_form { /* Vuoron muokkaus miehitysvaiheessa */
	z-index: 990;
	position: absolute;
	top: 50px;
	left: 240px;
	border: 2px outset #999999;
	background-color: #f4f4f4;
	visibility: hidden;	
	padding: 5px;
}

/* PALKKALOMAKE */
#salaryform, #salaryform a, #salaryform input, #salaryform select, #salaryform textarea, #salaryform table td {
	font-size: 13px;
}
#salaryform input {
	font-size: 12px;
}
#salaryform i {
	color: #000000;
	font-style: normal;
	font-weight: bold; 
}

td.sum_field_td {
	text-align: right;
}
input.sum_field {
	width: 80px;
	text-align: right;
	background-color: #f4f4f4;
	font-weight: bold;
	border: none;
	height: 18px;
}
input.sum_field_edit {
	width: 80px;
	text-align: right;
	font-weight: bold;
}

table#salary_sum_table td {
	border-bottom: 1px solid #777777;
}

table#salary_sum_table .no_border td {
	border: none;
	height: 15px;
}

div#taxfree_specs {
	z-index: 990;
	position: absolute;
	top: 150px;
	left: 340px;
	border: 2px outset #999999;
	background-color: #f4f4f4;
	visibility: hidden;	
	padding: 5px;
}
div#help_message {
	z-index: 999;
	position: absolute;
	top: 200px;
	left: 360px;
	border: 2px outset #999999;
	background-color: #f4f4f4;
	visibility: hidden;	
	padding: 5px;
}
div#help_message p {
	font-size: 14px;
	padding: 10px;
	width: 320px;
}

.act_h, .res_h, .eve_h, .night_h, .sat_h, .sun_h {
	text-align: right;
} 

.hours_summary td {
	font-weight: bold;
	text-align: right;
}

.topbar {
	background-color: #e3eee8;
	background-image: url('../../images/top_ylakuva.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: 1px solid #000;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 50px;
}

.notice {
	border: 2px solid #6e9bb2; 
	font-weight: bold; 
	padding: 10px;
}

.login-title {
	font-size: 24px;
	color: #376b90;
	font-weight: bold;
}

.login-title > span {
	color: #549956;
	font-weight: normal;
}

.content_container.login {
	border: 1px solid #376b90;
	border-radius: 15px;
}
.csv-button {
  display: inline-block;
  position: fixed;
  right: 6.5%;
}

.csv-button-form {
  display: inline-block;
  position: fixed;
  right: 6.7%;
  background-color: #566170;
  color:#fff;
}
.csv-button-form a {
  background: #566170;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 6px 8px;
  font-family: 'Montserrat',Tahoma;
  font-size: 12px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  color: #fff;
}