/*

Siuntio Hyvinvointinetti
Yleiset määritykset

IE7 ja vanhemmat versiot: ie.css
IE6: ie6.css

*/

@import url('reset.css');

body {

	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color: #aee5ff;

}

h1, .header_1 { font-size:1.5em; font-weight:bold; color:#003B7C; margin-bottom:1em; }

h2, .header_2 { font-size:1.2em; font-weight:bold; color:#165297; margin-bottom:1em; }

h3, .header_3 { font-size:1em; font-weight:bold; color:#1574A4; margin-bottom:1em; }

h4, .header_4 { font-size:1em; font-weight:bold; margin-bottom:1em; }

	.header_1, .header_2, .header_3, .header_4 { display:block; }

p { margin-bottom:1em; color:#006699; } 

a { text-decoration:underline; color:#199AC9; }

a:hover { color:#36B0FF; }

#bg_header {

	width:100%;
	height:106px;
	background-color:#24a2d1;
	background-image:url(../pics/bg_header_bg.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;

}

#wrapper {

	height:400px;
	width:760px;
	margin:0 auto;
	margin-top:-92px;
	

}

	#header {
	
		width:743px;
		height:70px;
		margin:0 auto;
		margin-top:5px;
	
	}
	
	#header_fill {
	
		width:756px;
		height:17px;
		margin:0 auto;
		background-image:url(../pics/header_bg_fill.jpg);
		background-repeat:no-repeat;
		text-align:right;
	
	}
	
		#logout {
		
			font-size:0.9em;
			margin-right:1em;
			padding:5px 0 10px 0;
		
		}
		
		#logout span {
		
			color:#0081D1;
			border-right:1px solid #87C4D1;
			padding-right:0.5em;
		
		}
		
		#logout span.logout_btn { border-right:0; }
		
		#logout a { padding-left:0.2em; text-decoration:none; }
	
	#container {
	
		width:756px;
		margin:0 auto;
		margin-left:2px;
		background-image:url(../pics/container_bg.jpg);
		background-repeat:repeat-y;
		float:left;
	
	}
	
		
	#login_form { margin:20px 0 50px 0; }
		
	#login_form a { text-decoration:none; }
	#login_form a:hover { text-decoration:underline; }
		
	table#login td { padding:5px 0 5px 0; }
		
		table#login td.loginlabel { padding:3px 5px 3px 0; color:#165297; }
		table#login td.logintitle { padding:3px 5px 3px 0; font-weight:bold; color:#003C7D; }
		table#login td.errorlabel { color:#FF0000; }
		
			#login_table {
			
				width:300px;
				margin:0 auto;
				margin-top:4em;
				margin-bottom:2em;
			
			}
			
		
		#content_left {
		
			line-height:130%;
			margin:2em 2em 2em 30px;
			text-align:left;

		}
		
		/* Lomakkeiden tyylit */
		
		#content_left table { margin:0 0 0.5em 0; }
		
		/* Lähettävä taho */
		/* Coursegroup.aspx */
		
		#kurssi_tiedot {
		
			margin:0 0 0 0;
			padding:1em 0 6px 0;
			border-top:1px solid #CCCCCC;
		
		}
		
		.kurssi_tiedot_otsikko {
		
			background-color:#DEF1FF;
			padding:4px 2px 4px 2px;
		
		}
		
		.kurssit_tiedot_otsikko_date {
		
			color:#2499B8;
			font-weight:normal;
			padding-left:4px;
		
		}
		
		#kurssi_tiedot_muut { display:inline; }
		
		#kurssi_tiedot_muut a {
		
			border:1px solid #E0E7F7;
			background-color:#F1F7FF;
			padding:4px;
			text-decoration:none;
		
		}
		
			#kurssi_tiedot_muut a:hover {
			
				color:#FFFFFF;
				background-color:#5AA8CE;
			
			}
			
		.kuvaus_back_btn {
		
			display:block;
			margin:1em 0 2em 0;
		
		}
			
		.kuvaus_back_btn a {
		
			border:1px solid #E0E7F7;
			background-color:#F1F7FF;
			padding:4px;
			text-decoration:none;
		
		}
		
			.kuvaus_back_btn a:hover {
			
				color:#FFFFFF;
				background-color:#5AA8CE;
			
			}
			
		.button a {
		
			border:1px solid #E0E7F7;
			background-color:#F1F7FF;
			padding:4px;
			text-decoration:none;
		
		}
		
			.button a:hover {
			
				color:#FFFFFF;
				background-color:#5AA8CE;
			
			}
		
		.kurssi_tiedot_vapaat {
		
			display:block;
			margin:1em 0 0 4px;
		
		}
		
		#userlist { margin:0 0 1em 0; }
		
		.userlist_name, 
		.userlist_socialid { display:block; float:left; }
		
		.userlist_name { width:180px; color:#015A92; }
		
		.userlist_socialid { width:130px; color:#3E89BE; }
		
		/* CourseWork.aspx */
		
		span.user_info_course_text {
		
			display:block;
			padding:3px 5px 3px 2px;
			border-right:1px solid #DDEDEF;
		
		}
		
		span.user_info_course_text_date {
		
			display:block;
			padding:3px 5px 3px 5px;
			border-right:1px solid #DDEDEF;
		
		}
		
		span.user_info_course_text_period_name {
		
			display:block;
			padding:3px 5px 3px 5px;
		
		}
		
		span.socialId { font-size:0.8em; color:#477094; }
		
		span.user_info_course_text,
		span.user_info_course_text_date,
		span.user_info_course_text_period_name {
		
			background-color:#EAF7FD;
			color:#006BA1;
		
		}
		
		td.user_info_text_h2 {
		
			width:490px;
			padding:4px 0 4px 0;
			vertical-align:top;
		
		}
		
		td.user_info_text_h2 a { color:#326687; }
		
		td.user_info_text_h2 a:hover { color:#0096FF; }
		
		td.user_info_text_nowidth {
		
			padding:4px 0 4px 8px;
			vertical-align:top;
			color:#6C9DC1;
		
		}
		
		td.user_info_text_h2,
		td.user_info_text_nowidth { border-bottom:1px solid #E7F3F4; }
		
		/* Summary.aspx */
		
		table.summary { width:150px; margin:0; }
			
			.summary td.date {
			
				width:80%;
				padding-left:2em;
				color:#3E71B4;
			
			}
			
			.summary td.value { width:20%; color:#005684; }
			
			.summary td.date, 
			.summary td.value,  
			.summary_answers span.question { font-weight:bold; }
			
			td.value { color:#005684; font-weight:bold; }
			
		table.summary_wide { width:430px; }
		
			tr.summary_header td {
			
				font-weight:bold;
				padding-bottom:5px;
				color:#1574A4;
			
			}
			
			td.points { color:#005684; }
		
		table.summary_answers { width:690px; margin:0; }
		
			.summary_answers span.question { color:#005684; }
			
			.summary_answers span.answer { color:#3E71B4; }
			
		table.user_information td {
		
			padding-left:1em;
			padding-bottom:0.2em;
			color:#606060;
		
		}
		
		table.user_information td span.question { color:#005684; }
		
		table.user_information td span.answer { color:#3E71B4; }
		
			table.user_information tr td table td { padding-left:0; }
			
		ul.user_information {
		
			margin:0 0 1em 0;
			list-style-type:none;
			list-style-position:outside;
		
		}
			
		/* TAVTEH.aspx */
		
		#mission_summary { width:695px; margin:0; }
		
		#mission_content ul { margin:0 0 1em 0; }
		
		.mission_inputbox { width:300px; }
		
		#mission_content_right ol { margin:0 0 2em 20px; }
		
		#mission_content_right .send_btn { margin:0 0 2em 0; }
		
		#mission_output { width:400px; margin:0 0 2em 0; }
		
		#navibar { margin:0 0 2em 0; }
		
		/* ASIPAL.aspx */
		
		.aspal_header {
		
			display:block;
			font-size:1.2em;
			font-weight:bold;
			margin:1em 0 1em 0;
		
		}
		
		.aspal_description { margin-bottom:1em; line-height:130%; }
		
		.aspal_header,
		.aspal_description {
		
			color:#043C5B;
			text-align:left;
			margin-right:30px;
		
		}
		
        /* id */
		#aspal_table {
		
			margin:0;
			border-collapse: collapse;
			color:#4F4F4F;
		
		}
		
		#aspal_table h3 {
		
			width:695px;
			background-color:#E6F2FF;
			padding:3px 0 3px 0;
		
		}
		
		#aspal_table table { width:695px; margin:0; }
		
		#aspal_table table table { width:100%; }
		
		#aspal_table table td { padding:3px 0 3px 0; }
		
		#aspal_table tr.odd td { background-color:#F2FAFF; }
		
		#aspal_table tr.theader td { padding:5px 0 5px 0; }
		
        #aspal_table td.option {
		
			padding-left:2px;
			text-align:left;
		
		}

        /* yhteenveto kontrollien pääpaneeli */
        .pan_main
        {
            margin-top:3em;
        }

        /* muutettu id:t class:eiksi pl 10122015 */
		.aspal_table {
		
			margin:0;
			border-collapse: collapse;
			color:#4F4F4F;
		
		}
		
		.aspal_table h3 {
		
			width:695px;
			background-color:#E6F2FF;
			padding:3px 0 3px 0;
		
		}
		
		.aspal_table table { width:695px; margin:0; }
		
		.aspal_table table table { width:100%; }
		
		.aspal_table table td { padding:3px 0 3px 0; }
		
		.aspal_table tr.odd td { background-color:#F2FAFF; }
		
		.aspal_table tr.theader td { padding:5px 0 5px 0; }
		
        .aspal_table td.option {
		
			padding-left:2px;
			text-align:left;
		
		}

        .aspal_table td.haq_td_left {

            padding-left: 2px;
            text-align: left;
            vertical-align:text-top;
            max-width: 14em;
        }

        .haq_rbl td
        {
            text-align:center;
        }

        .haq_bold
        {
            font-size:14px;
            font-weight:bold;
        }

        /* eoc */
        .aspal_table_header {
            text-align: left;
            padding: 0 0 2em 0;
            font-weight: bold;
            color: #3E688A;
        }
		
		
		
		.aspal_textbox { width:500px; }
		
		.aspal_textbox_short { width:30px; }
		
        .aspal_textbox_medium { width:90%; }

        .aspal_textbox_kommentti { width: 680px; height:36px}

        .aspal_textbox_pvm { width:8em; }

		.error {
		
			font-weight:bold;
			margin:0 0 1em 0;
			text-align:left;
			color:#FF0000;
		
		}
		
		.error_notice_box 
		{
			display:block;
			width:695px;
			background-color:#ffffcc;
			border:1px solid #ddd;
			margin-top:1em;
		}
		
		.error_notice_box div 
		{
			padding:10px 0 0 10px;
		}
		
		.error_notice_box div p
		{
			/*font-weight:bold;*/
			color:#FF0000;
		}
		
		/* Summary.aspx */
		
		.graph { margin:0 0 20px 0; }
				
#footer {

	float:left;
	width:756px;
	height:30px;
	margin-left:2px;
	background-image:url(../pics/footer_bg.jpg);
	background-repeat:no-repeat;
	text-align:center;

}

	#footer_fill {
	
		width:743px;
		height:20px;
		margin:0 auto;
		margin-top:3px;
	
	}
	
	#footer_fill p {
	
		font-size:0.8em;
		padding-top:6px;
		color:#68A0C7;
	
	}
	
#error_page { margin:2em 0 2em 0; }

.GroupCustomersTable 
{

}

.GroupCustomersTable td
{
	padding:2px;
	padding-bottom:10px;
}

.GroupCustomersNameText
{
	color:#015A92;
}

.loading 
{
    background: url(../pics/ajax-loader.gif) no-repeat center center;
}

.box 
{
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    border:1px solid #7F3300;
	background-color:#E6DAC2;
	padding:10px;
	text-align:left; 
}

.box_header 
{

    font-size:2em;
    font-weight:bold;
}

.box_footer
{
    clear:both;
}



.box_form_table td
{
   padding:5px;
}

.box_row div
{
    float:left;
}

.box_row input 
{
    margin:0 5px 0 5px;
}

.float_left {float:left;}
.float_right {float:right;}

.vertical_middle_formfield * 
{
    vertical-align: middle;
}

.box_button 
{
    font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding:2px;
	margin:2px 4px 2px 4px;
	background-color:#008BC5;
	border:1px solid #049FE0;
}

label.error {
	display:none;
	background: url('http://view.jquery.com/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
}
.GroupCustomersIdentityText
{
	color:#3E89BE;
}

div.accept_terms  
{
    margin-top:10px;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:10px;
}

div.accept_terms_text_box 
{
    padding:10px;
    border:1px solid #000;
    text-align:left;
    line-height:130%;
    font-size:13px;
}

div.accept_terms_text_box p
{
    color:#000;
}

div.accept_terms_text_box ol
{
    padding-left: 22px;
    list-style-type: decimal;
}

div.accept_terms_text_box ul
{
    padding-left: 22px;
    list-style-type: disc;
}

div.accept_terms_text_box ol li
{
    padding-bottom:5px;
}

div.accept_terms_check_box
{
    padding-top:10px;
    clear:both;
    text-align:left;
    padding-left:20px;
}

div.accept_terms_check_box label
{
    padding-left:10px;
}

div.accept_terms_check_box input
{
    vertical-align:middle;
}

div.accept_terms_check_box label
{
    vertical-align:middle;
}

div.accept_terms_button_box
{
    padding-top:10px;
    clear:both;
    text-align:right;
}

a.button 
{
   	border:1px solid #E0E7F7;
	background-color:#F1F7FF;
	padding:4px;
	text-decoration:none; 
}

a.button:hover 
{
	color:#FFFFFF;
	background-color:#5AA8CE;
}

.error_text 
{
    color:#FF0000;
}