body		{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:12px;}
table		{border:0; border-collapse:collapse;}
td			{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:12px; color:#000000;border:0; border-collapse:collapse;}

a			{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:12px; color:#063765; font-weight:normal; text-decoration:underline;}
a.visited	{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:12px; color:#063765; font-weight:normal; text-decoration:underline;}
a.active	{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:12px; color:#00A0E4; font-weight:normal; text-decoration:underline;}
a:hover		{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:12px; color:#00A0E4; font-weight:normal; text-decoration:underline;}

h1			{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:24px; color:#F5811F;}
h2			{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:18px; color:#F5811F;}
h3			{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:14px; color:#00A0E4;}
/*ingressi*/
h4			{font-family:Tahoma,Helvetica,Arial,Verdana; font-size:12px; font-weight:normal; color:#063765;}
/* // ingressi*/

/* PALVELUKOHTAISET */

#body {
	margin:0;
	padding:0;
	background:#BFE4E8;
}

#body table {
	border-collapse:collapse;
}

#around_all {
	margin:0;
	padding:0;
	width:983px;
	border:1px solid #063765;
	border-collapse:collapse;
}

#basic {
	margin:0;
	padding:0;
	width:983px;
	border:0;
	border-collapse:collapse;
	}
	
#header {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	background-image: url('/layout/jobstep_etu/images/bg_header.jpg'); 
	background-repeat: no-repeat;
}

#header td {
	border-collapse:collapse;
}

#login {
	margin:0;
	padding:5px;
	border:0;
	border-collapse:collapse;
	width:255px;
}

#login td {
	font-size:11px;
}

#login a {
	font-size:11px;
}

#login input {
	width:105px;
	height:20px;
	border:1px solid #A5ACB2;
}

#btn_search input  {
	width:26px;
	height:21px;
	border:0;
}

#content {
	margin:0;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	-padding-top:5px;
	border:0;
	border-collapse:collapse;
	width:800px;
}

#content table {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
}

#page {
	padding:20px;
}

#footer {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	height:60px;
}

.orange {
	font-family:Tahoma,Helvetica,Arial,Verdana; 
	font-size:12px; 
	color:#F5811F;
}

/*TAULUKKO TEEMAT */
.theme1	{background-color: #ffffff; font-family:Tahoma,Helvetica,Arial,Verdana; font-size:12px; color:#000000; padding:10px;}
.theme2	{background-color: #3EC2CF; font-family:Tahoma,Helvetica,Arial,Verdana; font-size:14px; color:#ffffff; font-weight: bold; padding:10px;}
.theme3	{background-color: #DDF3FC; font-family:Tahoma,Helvetica,Arial,Verdana; font-size:12px; color:#000000; padding:10px;}

/* TAULUKON "ERIKOISSOLUJEN" MÄÄRITTELYT */

.gd_normal {}
.gd_title {}
.gd_panel {}
.gd_error {}
.gd_warning {}
.gd_list {}
.gd_list_noborder {}
.gd_normal_noborder {}
.gd_title_noborder {}
.gd_panel_noborder {}
.gd_error_noborder {}
.gd_warning_noborder {}

/* TAULUKON "ERIKOISSOLUJEN" MÄÄRITTELYT PÄÄTTYY */

.select_preformatted
{
    font-family: Courier
}
.select_normal
{
}
.font_warning
{
    color: yellow;
    background-color: red;
}
.font_error
{
    color: red;
}

/* JOSSAIN LEISKOISSA ALAPALKKI PAGEN LOPUSSA */
.bar
{
    font-size: 11px;
    font-family: Tahoma,Helvetica,Arial,Verdana;;
    background-color: #FFFFFF;
    font-color: #255494;
}

/* listA */
ul
{
   
}

.center
{
    text-align: center
}
.left
{
    text-align: left
}
.right
{
    text-align: right
}
.font_normal
{
    font-family: Arial, Helvetica, Verdana;
}


/* MODUULIEN JULKISET NÄKYMÄT */
.clsModuletitle
{
	padding:1px;
	background: #F78429;
}
.clsModuletitleText
{
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.clsModuletitleTextPages
{
    font-size: 12px;
    color: #000000;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.clsModuleHeader
{
    padding:2px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 12px;
    background: #ffffff;
   	color: #F78429;
    font-family:Tahoma,Helvetica,Arial,Verdana;
	border-bottom: #D8D7D7 1px solid;
}
.clsModuleContent
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    background: #ffffff;
    padding-bottom: 0px;
    color: #275F88;
    padding-top: 0px;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.clsModuleContentActive
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    background: #D8D7D7;
    padding-bottom: 0px;
    color: #275F88;
    padding-top: 0px;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.clsModuleText
{
	padding-left:10px;
    font-size: 12px;
    color: #000000;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.clsModuleTextBold
{
    font-weight: bold;
    font-size: 11px;
    margin-left: 10px;
    vertical-align: middle;
    color: #275F88;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.clsModuleLink
{
    font-size: 11px;
    vertical-align: middle;
    color: #275F88;
    font-family:Tahoma,Helvetica,Arial,Verdana;
    text-decoration: none
}
.clsModuleLink:hover
{
    font-size: 11px;
    vertical-align: middle;
    color: #275F88;
    font-family:Tahoma,Helvetica,Arial,Verdana;
    text-decoration: underline
}
.clsFrameHeader
{
    padding:5px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 12px;
    background: #F78429;
  	color: #ffffff;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}

.clsTableTabPassive {}
.clsTableTabActive {}
.clsborderless {}
.resourceviewmain
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid
}
.reservedresource
{
    background: #79A3C3;
    border-bottom: black 1px dotted
}
.unreservedresource
{
    background: none transparent scroll repeat 0% 0%;
    border-bottom: black 1px dotted
}
.resourceviewscale24h
{
    background: url(../images/bg_resourcelist.gif) #f0f0f0
}
.resourceviewtime24h
{
    border-right: black 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    background: url(../images/bg_resourcelist.gif) #ffffff;
    border-bottom: black 1px dotted;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.resourceviewitemname
{
    border-right: black 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 11px;
    background: #ffffff;
    border-bottom: black 1px dotted;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.resourceviewbottom
{
    background: #275F88
}

/* Kalenteri */

.clsCalendarMain
{
    BACKGROUND: #BFE4E8;
}
.clsCalendarCellNormal
{
    FONT-SIZE: 11px;
    BACKGROUND: #f0f0f0;
 	cursor:pointer;
	font-family:Tahoma,Helvetica,Arial,Verdana;
	width:20px;
	height:20px;
	border:1px solid black;
}
.clsCalendarCellCurrent
{
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
 	cursor:pointer;
    font-family:Tahoma,Helvetica,Arial,Verdana;
	width:20px;
	height:20px;
	border:1px solid black;
}
.clsCalendarCellActive
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #F58220;
 	cursor:pointer;
    font-family:Tahoma,Helvetica,Arial,Verdana;
	width:20px;
	height:20px;
	border:1px solid black;
}
.clsCalendarCellEvent
{
    FONT-SIZE: 11px;
    BACKGROUND: #81CBE8;
 	cursor:pointer;
    font-family:Tahoma,Helvetica,Arial,Verdana;
	width:20px;
	height:20px;
	border:1px solid black;
}
.clsCalendarCellSunday
{
    FONT-SIZE: 11px;
    BACKGROUND: #f0f0f0;
    COLOR: #dd4545;
 	cursor:pointer;
    font-family:Tahoma,Helvetica,Arial,Verdana;
	width:20px;
	height:20px;
	border:1px solid black;
}
.clsCalendarCellHeader
{
	width:25px;
	height:25px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.clsCalendarCellEmpty
{
    FONT-SIZE: 11px;
	width:20px;
	height:20px;
    COLOR: #f0f0f0;
    font-family:Tahoma,Helvetica,Arial,Verdana;

}
.clsCalendarWeek
{
    FONT-SIZE: 11px;
    WIDTH: 25px;
    HEIGHT: 25px;
    COLOR: black;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
.clsCalendarListMainNormal
{
    BORDER-RIGHT: black 1px solid;
    PADDING-LEFT: 3px;
    FONT-SIZE: 11px;
    BACKGROUND: #f0f0f0;
    BORDER-BOTTOM: black 1px dotted;
    font-family:Tahoma,Helvetica,Arial,Verdana;
	width:245px;
}
.clsCalendarListMainReserved
{
    BORDER-RIGHT: black 1px solid;
    PADDING-LEFT: 3px;
    FONT-SIZE: 11px;
    BACKGROUND: #dedede;
    BORDER-BOTTOM: black 1px dotted;
    font-family:Tahoma,Helvetica,Arial,Verdana;
	width:245px;
}
.clsCalendarListNormal
{
    BORDER-RIGHT: black 1px dotted;
    PADDING-LEFT: 3px;
    BACKGROUND: #ffffff;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px dotted;

}
.clsCalendarListReserved
{
    BORDER-RIGHT: black 1px dotted;
    PADDING-LEFT: 3px;
    BACKGROUND: #dedede;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px dotted
}
.clsCalendarListMainBottom
{
    BORDER-RIGHT: black 1px solid;
    PADDING-LEFT: 3px;
    FONT-SIZE: 11px;
    BACKGROUND: #102e63;
    BORDER-LEFT: black 1px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: black 1px solid;
    font-family:Tahoma,Helvetica,Arial,Verdana;
}
/* /Kalenteri */

/* Julkisen puolen napit */

.clsCommonSubmit
{
    width:100px;
    font-size: 8pt;
    font-family: verdana, sans-serif, arial, helvetica;
    background-color: #D8D7D7;
}

/* FRONTPAGE */
.data_6 {
	background:#ffffff;
	padding:15px;
	margin:0;
	border:0;
	width:100%;
	font-family:Tahoma,Helvetica,Arial,Verdana; 
	font-size:11px; 
	color:#000000;
}



/* NOSTOTEMPLATET */

.tpl_data_3 {
	width:360px;
	height:170px;
	background-image: url('/layout/jobstep_etu/images/bg_data_3.gif'); 
	background-repeat: no-repeat;
	border:0;
	border-collapse:0;
}
.tpl_data_3_content {
	width:300px;
	padding-left:30px;
	padding-top:20px;
	font-family:Tahoma,Helvetica,Arial,Verdana; 
	font-size:11px; 
	color:#000000;
}
.tpl_data_4 {
	width:360px;
	height:170px;
	background-image: url('/layout/jobstep_etu/images/bg_data_4.gif'); 
	background-repeat: no-repeat;
	border:0;
	border-collapse:0;
}
.tpl_data_4_content {
	width:300px;
	padding-left:30px;
	padding-top:20px;
	font-family:Tahoma,Helvetica,Arial,Verdana; 
	font-size:11px; 
	color:#000000;
}
.tpl_data_5 {
	width:100%;
	background: #ffffff;
	border:0;
	border-collapse:0;
}
.tpl_data_5_content {
	padding:0;
	padding:10px;
}

.tpl_data_5_content td {
	font-family:Tahoma,Helvetica,Arial,Verdana; 
	font-size:11px; 
	color:#000000;
}