/* =======================================================================
 *  Program         TatuWeb
 *  Copyright       Rahoitustarkastus
 *  Prefix          css
 *  Author			Rissanen Päivi
 *  Since			2.1.2004
 *  Version			1.00	
 *  Modification history
 *                  XXX
   ======================================================================= */
body	{font-size: 80%; font-family: Arial, Helvetica, sans-serif; border: hidden;}

table {border: hidden;}

a:link, a:active     {color: #008ce0; text-decoration: none;}
a:visited            {color: #008ce0; text-decoration: none;}
a:hover              {color: #0047B6; text-decoration: none;}

h1                        {font-size: 200%; font-weight: normal; margin: 0px 0px 15px 0px; color: #496179;}
h2                        {font-size: 150%; font-weight: normal; margin: 0px 0px 10px 0px; color: #496179;}
h3                        {font-size: 120%; margin: 0px 0px 5px 0px; color: #496179;}
h4                        {font-size: 100%; margin: 0px 0px 10px 0px; color: #496179;}

li {border: hidden;}

.info {font-weight: normal;color:Purple;}
.error {font-weight: bold; color:red;}
.main {width: 100%; }

.bottomwindow {width: 100%;}

/* ======================================================
   Side menus, styles needed by menus etc located on 
   left hand side of the screen.
   ====================================================== */

.sidebarleft td		
{width: 175px;}
.sidebarheader	{border-bottom: 1px solid #b0c0d0;text-align:right;height:82px;width:80%;}
.sidemenu		{width : 175px;}
.sidemenu_defaultstyle{	color:  #0047B6;padding-left: 0px;padding-bottom: 4px;padding-top: 4px;margin-bottom: 4px;}
.sidemenu_defaultactivestyle{border: 2px solid #b0c0d0;background-color: white;font-family: Arial, Helvetica, sans-serif;color:#0047B6;padding-bottom:4px;padding-top:4px;margin-bottom:4px;}
.sidemenu_hoverstyle{border: 2px solid #b0c0d0;background-color: white;font-family: Arial, Helvetica, sans-serif;color:#3C83F2;padding-bottom:4px;padding-top:4px;margin-bottom:4px;}
.sidemenu_defaultitemstyle{font-family: Arial, Helvetica, sans-serif;color:  #0047B6;padding-bottom: 4px;padding-top: 4px;margin-bottom: 4px;}
/* =============================================================
   Styles for datagrid elements 
   ============================================================= */

/* Yhteisöriville eri väri */

/*
23.10.2009 - marjokorpika
.grid_rowunitstyle {background-color: #d6dbe1;padding: 1px;font-weight : bold;height: 20px; width: 100% ;	text-align: left;}

*/
.grid_rowunitstyle {background-color: #9a5394; color:White; padding: 1px;font-weight : bold;height: 20px; width: 100% ;	text-align: left;}

.grid_rowstyle td {border-bottom: 1px solid #d6dbe1;padding: 2px;padding-left: 4px;padding-bottom: 3px;padding-top: 3px;  margin-bottom: 4px;width: 100%;}
.grid_rowstyle2 td {color: #496179;padding: 4px;margin-bottom: 4px;border-left : hidden;border-top : hidden;border-right : hidden;border-bottom : solid 1px #FFFFFF;border-collapse: collapse;text-align: left;font-weight: bold;}
.grid_rowalternatestyle td {border-bottom: 1px solid #d6dbe1;padding: 2px;padding-left: 4px;padding-bottom: 3px;padding-top: 3px;  margin-bottom: 4px;width: 100%;}

.grid_rowalternatestyle2 td {color: #496179;padding: 4px;margin-bottom: 4px;width: 100%;border-bottom : solid 1px #D4E3F6;border-collapse: collapse;text-align: left;font-weight: bold;}
.grid_rowselectedstyle2 td {color: #496179;padding: 4px;margin-bottom: 4px;width: 100%;border-bottom : solid 1px #D4E3F6;border-collapse: collapse;text-align: left;font-weight: bold;}

/*19.10.2009 marjokorpika*/
.grid_style
{
	background-color: #f1f1f2;
}

/*
.grid_headerstyle th {border-bottom : solid 1px #D4E3F6;border-collapse: collapse;text-align: left; font-weight: bold;padding: 1px;padding-left: 4px;text-align: left;width:100%;}
*/
/*19.10.2009 marjokorpika*/
.grid_headerstyle th {background: #9a5394; border-bottom: 5px solid #fff; color: #fff; text-align: left; font-weight: bold; padding: 4px 10px;}
tr .grid_headerstyle th a {color: white !important;}

.grid_rowstyle {border-bottom: 1px solid #d6dbe1;padding: 2px;padding-left: 4px;padding-bottom: 3px;padding-top: 3px;  margin-bottom: 4px;width: 100%;}
.grid_rowalternatestyle {border-bottom: 1px solid #d6dbe1;padding: 2px;padding-left: 4px;padding-bottom: 3px;padding-top: 3px;  margin-bottom: 4px;width: 100%;}

.grid_rowselectedstyle2 {color: #496179;padding: 4px;margin-bottom: 4px;width: 100%;border-bottom : solid 1px #D4E3F6;border-collapse: collapse;text-align: left;font-weight: bold;}
.grid_rowalternatestyle2 {color: #496179;padding: 4px;margin-bottom: 4px;width: 100%;border-bottom : solid 1px #D4E3F6;border-collapse: collapse;text-align: left;font-weight: bold;}
.grid_rowstyle2  {background-color: white;color: #496179;padding: 4px;margin-bottom: 4px;border-left : hidden;border-top : hidden;border-right : hidden;border-bottom : solid 1px #FFFFFF;border-collapse: collapse;text-align: left;font-weight: bold;}
.grid_rowstyle3  {border-bottom: 1px solid #ffffff;padding: 2px;padding-left: 4px;padding-bottom: 3px;padding-top: 3px;  margin-bottom: 4px;width: 100%;}
.grid_headerstyle {border-bottom : solid 1px #D4E3F6;border-collapse: collapse;text-align: left;font-weight: bold;padding: 1px;padding-left: 4px;text-align: left;width:100%;}
.grid_headerstyle2 {border-bottom : solid 1px #D4E3F6;border-collapse: collapse;text-align: left;font-weight: bold;padding: 1px;padding-left: 4px;text-align: left;}
.grid_headerstyle4 {border-bottom : solid 1px #D4E3F6;border-collapse: collapse;text-align: left;font-weight: bold;padding: 1px;padding-left: 4px;text-align: left;width:100%;}

.labelstyle{text-align: right;padding: 5px;padding-left: 4px;}
.labelstyleleft{text-align: left;vertical-align: 3px; padding: 1px;padding-left: 4px;}
.labelstyle2 {text-align: left;vertical-align: top;   padding: 1px;	padding-left: 4px;}

/* ============================================================
   Styles for treemenus.								 
   ========================================================== */
.tree_defaultitemstyle td{padding-left: 1px;color: #0047B6;	text-align: left;margin: 0; padding: 0; }
.tree_defaultitemstyle {padding-left: 1px;color: #0047B6;	text-align: left;margin: 0; padding: 0; }
.tree_defaultitemstyle:hover {cursor: pointer; }

.tree_defaultislandstyle td{	color: #0047B6;text-decoration: underline; text-align: left; }
.tree_defaultislandstyle {	color: #0047B6;text-decoration: underline; text-align: left; }
.tree_defaultislandstyle:hover {cursor: pointer; }

.reporttreemenu {border-style: none;border-collapse:collapse; width : 100%;}

/*************************************************************
   Basic styles for html table ROW.								 
 =========================================================== */
.datarow {text-align: left;vertical-align: top;}
.labelrow	{text-align: right;vertical-align: top;width: 81%;}
	
.buttonrow	{text-align: left;vertical-align: top;border-style: none;border-collapse: collapse;border-width: 0px;margin-left: 4px; }
.emptyrow td	 {border: hidden;}
.emptyrow	 {border: hidden;}

/*********************************************
	buttons
**********************************************/

/*
.btn{border: 1px solid #81868D;height: 21px; color: #ffffff; background-color: #949698;background-image: url(../images/bg_btn.gif);background-repeat: repeat-x;background-position: bottom left;margin-right: 10px;margin-top: 10px;}
*/
/*19.10.2009 marjokorpika*/
.btn	{background: #1b70a8 url(../images/btn_bg.gif) bottom left repeat-x; border: 1px solid #00436e; color: White; text-transform: uppercase; font-weight: bold !important; font-size: 10px !important; }


/*********************************************
	Table frames
**********************************************/
/*TODO: rename this class name*/
/*19.10.2009 marjokorpika - background-color added*/
.basictable	{width: 100%;padding: 1px !important; background-color:white; margin-left:0px !important;}
.basictable2{ width: 100%;}
.notop_table {width: 100%;}


.texttable {border-collapse: collapse;}