﻿html, * {
	padding: 0;
	margin: 0;
}

html
{
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

#force_scroll
{ 
	width:1em; 
	position:absolute; 
	top:0; 
	bottom:-0.1px; 
	z-index:-1; 
}

body 
{
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	font-style: normal;
	font-size: small;
	background: #f2f2f2 url('../img/tausta_harmaa_gradient.png') repeat-x
}

#upper
{ 
	position:relative; 
	background: #ffffff;
	/* testiympäristö */
	/*  background: #FE9A2E; */
	height: 142px;
	top: 0px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
}

#d1_link
{
	position:relative; 
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	height: 30px;
}

#top
{
	position:relative; 
	/*top: 30px;*/ 
	height:40px;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}

#links_welcome
{
	position:relative; 
	/*top:  46px;*/
	width: 970px;
	height:42px;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	font-size:medium;
	/*border:none; */
}

#links
{
	position:relative; 
	/*top: 42px;*/
	width: 970px;
	height:30px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	
	/* font-size:small;
	border:none; */
}

#links_not_logged
{
	position:relative; 
	/*top: 72px;*/
	width: 970px;
	height:30px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	background: #424242;
}

#main
{	
	padding-bottom: 16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 24px;
	position:relative;  
	top:  0px;
	width: 938px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	left: 0px;
}

#main_sub
{
	min-height: 300px;
}

#main_extra
{
	position:relative;
	top:  0px;
	width: 938px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	left: 0px;
	padding-bottom: 16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 24px;
}

a.linkButton:visited
{
	color: #F37321;
	font-style: normal;
	font-size: 14px;
 	font-weight: normal;	 
}

a.linkButton:link
{
	color: #F37321;
	font-style: normal;
	font-size: 14px;
 	font-weight: normal;
}

a.linkButton:active
{
	color: #F37321;
	font-style: normal;
	font-size: 14px;
 	font-weight: normal;
 	 
}

a.linkBtnWBorder:visited
{
	color: #000000;
	font-style: normal;
	font-size: 14px;
 	font-weight: normal;
 	text-decoration: none;
 	/* font-weight: bold; */
 	padding-top: 6px;
 	padding-bottom: 6px;
 	border-style: solid;
 	border-width: 2px;
 	border-color: #F37321;
 	text-align: center;
 	/* background-color: #FAAC58; */
 	background-color: #E6E6E6;
}

a.linkBtnWBorder:link
{
	color: #000000;
	font-style: normal;
	font-size: 14px;
 	font-weight: normal;
 	text-decoration: none;
 	/* font-weight: bold; */
 	padding-top: 6px;
 	padding-bottom: 6px;
 	border-style: solid;
 	border-width: 2px;
 	border-color: #F37321;
 	text-align: center;
 	/* background-color: #FAAC58; */
 	background-color: #E6E6E6;
}

a.linkBtnWBorder:active
{
	color: #000000;
	font-style: normal;
	font-size: 14px;
 	font-weight: normal;
 	text-decoration: none;
 	/* font-weight: bold; */
 	padding-top: 6px;
 	padding-bottom: 6px;
 	border-style: solid;
 	border-width: 2px;
 	border-color: #F37321;
 	text-align: center;
 	/* background-color: #FAAC58; */
 	background-color: #E6E6E6;
 	 
}



.linkAspBtn
{
	
	color: #000000;
 	padding-top: 6px;
 	padding-bottom: 6px;
 	border-style: solid;
 	border-width: 2px;
 	border-color: #F37321;
 	text-align: center;
 	/* background-color: #FAAC58; */
 	background-color: #E6E6E6;
 	cursor: pointer;
}

a.linkAspBtn:visited
{
	color: #000000;
 	padding-top: 6px;
 	padding-bottom: 6px;
 	border-style: solid;
 	border-width: 2px;
 	border-color: #F37321;
 	text-align: center;
 	/* background-color: #FAAC58; */
 	background-color: #E6E6E6;
 	cursor: pointer;
}

a.linkAspBtn:link
{
	color: #000000;
 	padding-top: 6px;
 	padding-bottom: 6px;
 	border-style: solid;
 	border-width: 2px;
 	border-color: #F37321;
 	text-align: center;
 	/* background-color: #FAAC58; */
 	background-color: #E6E6E6;
 	cursor: pointer;
}

a.linkAspBtn:active
{
	color: #000000;
 	padding-top: 6px;
 	padding-bottom: 6px;
 	border-style: solid;
 	border-width: 2px;
 	border-color: #F37321;
 	text-align: center;
 	/* background-color: #FAAC58; */
 	background-color: #E6E6E6;
 	cursor: pointer;
}


a.linkW:visited
{
	font-style: normal;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

a.linkW:link
{
	font-style: normal;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

a.linkW:active
{
	font-style: normal;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

#linksF1
{
	margin-top: 16px;
}

#linksF2
{
	margin-top: 28px;
}

#obj1
{

	margin-top: 8px;
}

#obj2_p1
{

	padding-top: 12px;
	margin-left: 100px;
	font-size: 14px;
}

#obj2_p1_2
{
 	padding-top: 12px;
 	margin-left: 100px;
	font-size: 14px;
}

#obj3_p1_2
{
 	padding-top: 12px;
 	margin-left: 100px;
	font-size: 14px;
}

#dose_update
{
 	font-size: 14px;
}

#dose_add
{
 	font-size: 14px;
}

#obj2_p1_add_img
{
	 float: left;
	 padding-top: 8px;
	 padding-left: 12px;
	 height: 80px;
}

#obj1_p1_add
{
	padding-top: 12px;
	font-size: 14px;
	margin-left: 100px;
}

#obj2_p1_2_img
{
	 float: left;
	 padding-top: 8px;
	 padding-left: 12px;
	 height: 80px;
}

#obj3_p1_2_img
{
	 float: left;
	 padding-top: 8px;
	 padding-left: 12px;
	 height: 80px;
}

.obj_log_img
{
	float: left;
	margin-top: -210px;
	margin-left: 240px;
}

#obj1_p2_add
{

	padding-top: 12px;
	font-size: 14px;
	margin-left: 100px;
}

#obj2_p2_2_img
{
	 float: left;
	 padding-top: 8px;
	 padding-left: 12px;
	 height: 80px;
}

#obj1_p3_add
{

	padding-top: 12px;
	font-size: 14px;
	margin-left: 100px;
}


#obj1_p4_add
{

	padding-top: 12px;
	font-size: 14px;
	margin-left: 100px;
}

#obj2_p3_2_img
{
	 float: left;
	 padding-top: 8px;
	 padding-left: 12px;
	 height: 80px;
}

#obj2_p2
{
	padding-top: 12px;
	font-size: 14px;
	margin-left: 100px;
}

#obj2_p3
{
	padding-top: 12px;
	font-size: 14px;
	margin-left: 100px;
}

#captcha_img
{

	padding-top: 20px;
}
 
#captcha_txt
{

	padding-top: 20px;
}

#errtext_topic
{
	font-Size: medium;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	color:Red;
	padding-top: 12px;
	font-weight:normal;
	margin-left: 100px;
}
 
#errtext
{
	font-Size: medium;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	color:Red;
	padding-top: 12px;
	font-weight:normal;
}
 
#footer
{	
	position:relative; 
	top:  0px;
	width: 970px;
	height:26px;
	margin-left: auto;
	margin-right: auto;
	background: #424242;
	color: #ffffff;
	font-size: 12px;
	text-align:center;
	padding-top:10px;
}

#lang1
{
	text-align: right;
	font-style: normal;
	font-size: small;
 	font-weight: normal; 
	position: absolute;
	bottom: 0px;
	right: 120px;
}

#lang2
{
	text-align: left;
	font-style: normal;
	font-size: small;
 	font-weight: normal; 
	position: absolute;
	bottom: 0px;
	right: 40px;
}

#lang_div
{
	
	text-align:center;
	font-style: normal;
	font-size: small;
 	font-weight: normal;
	position: absolute;
	bottom: 0px;
	right: 100px;
	width: 20px;
}

#data_func
{
	margin-top: 16px;
	font-style: normal;
	font-size: small;
}

#data_func_info
{
	margin-top: 16px;
	font-style: normal;
	font-size: small;
}

#data_func_add
{
	margin-top: 16px;
	font-style: normal;
	font-size: small;
}

#data_func_info_add
{
	margin-top: 16px;
	font-style: normal;
	font-size: small;
}

#data_func_info_add_sub
{
	margin-top: 6px;
	margin-bottom: 18px;
	font-style: normal;
	font-size: small;
}

#data_func_save
{
	margin-top: 16px;
	margin-left: 50px;
	float: left;
	font-style: normal;
	font-size: 14px;
}

#data_func_save_c
{
	margin-top: 16px;
	float: left;
	margin-left: 50px;
	font-style: normal;
	font-size: 14px;
}


#data_func_gen
{
	margin-top: 16px;
	margin-left: 50px;
	float: left;
	font-style: normal;
	font-size: 14px;
}

#data_func_mail
{
	margin-top: 16px;
	margin-left: 50px;
	float: left;
	font-style: normal;
	font-size: 14px;
}

#data_func_del
{
	margin-top: 16px;
	float: left;
	font-style: normal;
	font-size: 14px;
	margin-left: 50px;
}

#data_L1
{
	margin-top: 16px;
	font-style: normal;
	font-size: small;
}

#data_subTopic1
{
	margin-top: 12px;
	font-style: normal;
	font-size: small;
}

#data_subTopic1_ss
{
	padding-top: 8px;
	font-style: normal;
	font-size: small;
}

#data_subTopic2
{
	margin-top: 24px;
	font-style: normal;
	font-size: small;
}

#data_subTopic3
{
	margin-top: 24px;
	font-style: normal;
	font-size: small;
}

#data_subTopic4 {
    margin-top: 24px;
    font-style: normal;
    font-size: small;
}

#data_L1_add
{
	margin-top: 16px;
	float: left;
	font-style: normal;
	font-size: small;
}

#data_L1_pe
{
	margin-top: 8px;
	font-style: normal;
	font-size: small;
}

#data_L2_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L3_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L4_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L5_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L6_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L7_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L8_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L9_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L91_pe {
    margin-top: 8px;
    margin-bottom: 12px;
    font-style: normal;
    font-size: small;
}

#data_L10_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L11_pe
{
	margin-top: 8px;
	margin-bottom: 12px;
	font-style: normal;
	font-size: small;
}

#data_L2
{	 
	margin-top: 8px;  
	font-style: normal;
	font-size: small;
}

#data_L2_add
{	 
	margin-top: 52px;  
	font-style: normal;
	font-size: small;
}

.label_checkbox_pair
{
	clear: both;
	float: none;
}

.label_field_pair label 
{
	clear: left; 
	margin-left: 10px;
	width: 200px;
}

.label_field_pair input 
{
	clear: left;
	float: left;
	margin-left: 0px;
	margin-top: 2px;
}

#data_L3
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L3_add
{
	margin-top: 24px;
	font-style: normal;
	font-size: small;
}

#data_L4
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L4_add
{
	margin-top: 24px;
	font-style: normal;
	font-size: small;
}

#data_L5
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L5_allusers
{
	margin-top: 16px; 
	font-style: normal;
	font-size: small;
}

/* #data_L5__
{
	float: left;
	/* margin-top: 8px; */
/*	font-style: normal;
	font-size: small;
} */

#data_L5_add
{
	margin-top: 8px;
	font-style: normal;
	font-size: small;
}

#data_L6_add
{
	margin-top: 16px;
	font-style: normal;
	font-size: small;
}

#data_L6
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L7_add
{
	margin-top: 16px;
	font-style: normal;
	font-size: small;
}


#data_L7
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L8
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L9
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L91 {
    margin-top: 8px;
    font-style: normal;
    font-size: small;
}

#data_L10
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L11
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L12
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L13
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L14
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L15
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L16
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L17
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L18
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L19
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L20
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L21
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L22
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L23
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L24
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L25
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L26
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L27
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L28
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L29
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L30
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L31
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L32
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L33
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L34
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L35
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L36
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L37
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L38
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L39
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L40
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L41
{
	margin-top: 8px; 
	font-style: normal;
	font-size: small;
}

#data_L42 {
    margin-top: 8px;
    font-style: normal;
    font-size: small;
}

#data_L43 {
    margin-top: 8px;
    font-style: normal;
    font-size: small;
}

#data_L44 {
    margin-top: 8px;
    font-style: normal;
    font-size: small;
}

#data_L45 {
    margin-top: 8px;
    font-style: normal;
    font-size: small;
}

#data_L46 {
    margin-top: 8px;
    font-style: normal;
    font-size: small;
}

#dTopic
{
	margin-top: 8px;
	font-style: normal;
	font-size: larger;
	font-weight: bold;
	color: #F37321;	
}

#dTopic_add
{
	
	font-style: normal;
	font-size: larger;
	font-weight: bold;
	color: #F37321;	
}
 

/* .form-field_d 
{
    vertical-align: middle;
} */


.MyCalendar .ajax__calendar_container
{
    border:1px solid #646464;
    font-size: 14px;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
    background-color: #FFF8C6;
    width: 250px;
    height: 160px;
    padding: 5px;
}

.MyCalendar table tr td
{
	padding: 0 !important;
	margin: 0 !important;
	border-width: 0px !important;
}

.MyCalendar .ajax__calendar_body
{
	width: 250px;
}

.MyCalendar .ajax__calendar_month
{
	font-size: 14px;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	width: 60px;
	border: 0px;
}


.MyCalendar .ajax__calendar_dayname
{
	font-size: 14px;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
    width: 30px;
    height: 20px;
    border: 0px;
}


.MyCalendar .ajax__calendar_day
{
    font-size: 14px;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
    width: 30px;
    height: 20px;
    border: 0px;
}

.MyCalendar .ajax__calendar_year
{
    font-size: 14px;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	width: 60px;
	border: 0px;
}

.MyCalendar .ajax__calendar_today 
{
	visibility: hidden;
}

.MyCalendar .ajax__calendar_prev,
.MyCalendar .ajax__calendar_next
{
	background-color:#aaa; /* darker gray */
	height:20px;
	width:20px;
}



.flyOutDiv
{
	display: none;
    position: absolute;
    width: 300px;
    height: 200px;
    z-index: 3;
    /* opacity: 0;
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));*/
    font-size: 14px;
    color: #FFFFFF;
    border: Solid 2px #F37321;
    background-color: #848484;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
    padding: 6px;
}

.hcenter{margin:0 auto;}

.flyOutDiv2
{
	display: none;
    position: absolute;
    width: 300px;
    height: 140px;
    z-index: 3;
    /* opacity: 0;
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));*/
    font-size: 14px;
    color: #FFFFFF;
    border: Solid 2px #F37321;
    background-color: #848484;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
    padding: 6px;
}

.flyOutDivCloseX
{
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	background-color: #F37321;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	border: outset thin #FFFFFF;
	padding: 5px;
}

.modalBackground
{
	background-color: #151515;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

hr
{
	border: none 0;
	border-top: 8px solid #F37321;
	width: 100%;
	margin-top: 16px;
	margin-bottom: 4px;
	height: 1px;
}


.mGrid 
{   
	width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
	border-collapse:collapse;   
}  

.mGrid td    
{
	padding: 2px;   
    border: solid 1px #c1c1c1; 
}  
   
.mGrid tr:hover
{
    background: #F6E3CE;
}

   
.mGrid th 
{   
	padding: 4px 2px;   
	color: #fff;   
	background: #424242 url(img/grd_head.png) repeat-x top;  
	border-left: solid 1px #525252;  
	font-weight: normal; 
}  
   
.mGrid .alt { background: #fcfcfc url(img/grd_alt.png) repeat-x top; }
/* .mGrid .alt:hover { background: #E0E0F8; } */
.mGrid .altx { background: #EDDA74 repeat-x top; }
.mGrid .deftx { background: #EDDA74 repeat-x top; }
.mGrid .deft { background: #FFFFFF repeat-x top; } 
.mGrid .pgr { background: #424242 url(img/grd_pgr.png) repeat-x top; }
.mGrid .dfreeze { background: #999999 repeat-x top; } 
.mGrid .pgr table { margin: 5px 0; }

.mGrid .pgr td 
{   
	border-width: 0;   
	padding: 0 6px;   
    border-left: solid 1px #666;   
	font-weight: bold;  
	color: #fff;   
	line-height: 12px;   
}     
   


/*.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; } */


a.linkButtonG:visited
{
	color: #F37321;
	font-style: normal;
 	font-weight: normal;	 
}

a.linkButtonG:link
{
	color: #F37321;
	font-style: normal;
 	font-weight: normal;
}

a.linkButtonG:active
{
	color: #F37321;
	font-style: normal;
 	font-weight: normal;
}

a.linkButtonGbee:visited
{
	color: #F37321;
	font-style: normal;
 	font-weight: bold;	 
}

a.linkButtonGbee:link
{
	color: #F37321;
	font-style: normal;
 	font-weight: bold;
}

a.linkButtonGbee:active
{
	color: #F37321;
	font-style: normal;
 	font-weight: bold;
}
     
a.lnkSubmit:active
{    
 
   background-image: url("img/orange_btn.png");

}         


a.lnkSubmit:link
{    
   
   background-image: url("img/orange_btn.png");
}  


a.lnkSubmit:visited
{    
   background-image: url("img/orange_btn.png");
}


.cBoxCC
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
  border: 1px solid #C1C1C1;
  /* background-color: #EFF5FB; */
  width: 240px;
}

.cBoxCC2 {
    font-family: Consolas, Courier New, monospace;
    border: 1px solid #C1C1C1;
    /* background-color: #EFF5FB; */
    width: 240px;
}

.hideGridColumn
{
	/*display: none;*/
}

.hidden { display: none; }