<style type="text/css">

/******************/
/*  Common tags.  */
/******************/

body 
{ 
	background-color: #FFFFFF; 
	color: #000000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px; 
}
li 
{ 
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px; 
}
ol 
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px; 
}
p 
{ 
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px; 
}
td 
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px; 
}
ul 
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;}
input 
{ 
	color: #000000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;}
input.checkbox 
{
	height: 12px;
	width: 12px;
}
input.radio 
{
	height: 12px;
	width: 12px;
}
input.text 
{ 
	background-color: #F2F2F2;
	border: 1px solid #999999;
	padding: 1px 1px 1px 1px;
}
option 
{
	background-color: #F2F2F2;
	color: #000000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;}
select 
{
	background-color: #F2F2F2; 
	color: #000000; 
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px; 
	margin:  0px 0px 0px 0px; 
	padding: 1px 1px 1px 1px;
}
textarea 
{ 
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;	color:							#000000; 
	border:							1px solid #999999;
	margin:							0px 0px 0px 0px; 
	padding:						1px 1px 1px 1px;
	background-color:				#F2F2F2;
	
	scrollbar-3dlight-color:		#999999; 
	scrollbar-arrow-color:			#999999; 
	scrollbar-base-color:			#999999;
	scrollbar-darkshadow-color:		#FFFFFF;
	scrollbar-face-color:			#FFFFFF;
	scrollbar-highlight-color:		#FFFFFF;
	scrollbar-shadow-color:			#999999;
	scrollbar-track-color:			#FFFFFF;
}


/******************************/
/*  Common classes and id-s.  */
/******************************/

.normal, 
.b_normal,
.j_normal 
{ 
	color: #000000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;}
.b_normal 
{ 
	font-weight: bold; 
}
.j_normal 
{ 
	text-align: justify; 
}


/***************/
/*  Contacts.  */
/***************/

.contacts
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;	color:						#5C6E7A;
	padding:					0px 0px 0px 35px;
	text-align:					center;
	text-decoration:			none;
}

.contacts a,
.contacts a:hover 
{
	text-decoration:			underline;
}

/********************/
/*  Document body.  */
/********************/

/* - container */
.doc_body 
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;	color:				#000000;
	vertical-align:		top;
}

/* - default links */
.doc_body a { 
	color: #619FD2;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px; 
	font-weight: normal; 
	text-decoration: none; 
}
.doc_body a:active, 
.doc_body a:hover
{ 
	text-decoration: underline; 
}

/* - buttons of forms */
.doc_body .button
{ 
	background-color: #FFFFFF;
	border: 1px solid #000000;
	color: #000000;
	margin: 10px 0px 0px 300px;
	display: block;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px; 
	font-weight: bold;
	padding: 1px 4px;
	text-decoration: none;
	
}
.doc_body .button:active,
.doc_body .button:hover 
{ 
	background-color: #000000;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

/* - forms */
.doc_body .form
{ 
	background-color: #FFFFFF;
}
.doc_body .form td
{ 
	background-color: #FFFFFF;
}

/* - form fields */
.doc_body .form_field
{
	color: #000000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;	padding: 3px 1px;
	text-align: left;
	vertical-align: middle;
}

/* - form labels */
.doc_body .form_label
{
	color: #000000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;	padding: 3px 1px;
	text-align: left;
	vertical-align: middle;
}

/*  - errors in form fields */
#err 
{ 
	color: #CC0000; 
}
input.checkbox#err,
input.radio#err,
input.text#err,
select#err,
select#err option, 
textarea#err 
{ 
	border: 1px #CC0000 solid; 
	color: #000000;
}

/* - hints in forms */
#hint 
{
	color:				#999999;
	font-size: 10px;	padding:			0px 5px;
}

/* - required fields */
#req 
{ 
	color:				#CC0000;
}

/*  - titles of fieldgroups */
.doc_body .form .title
{
	font-weight:		bold;
	padding:			10px 0px 5px 0px;
}


/*********************/
/*  Document title.  */
/*********************/

.doc_title 
{
	color:				#619FD2;
	font-family:		Trebuchet MS, Verdana;				/* FONT JA SELLE SUURUS !!! */
	font-size:			22px; 
	font-weight:		bold; 
	padding:			17px 0px 2px 0px;
	text-align:			left;
	line-height:		110%;
}

/********************/
/*  Error message.  */
/********************/
.error
{
	color: #CC0000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;}

/*************/
/*  Search.  */
/*************/

.s_word
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px; 
	font-weight: bold;
	padding: 0px 0px 5px 10px;
}
.search_word
{ 
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px; 
	font-weight: bold;
	padding: 1px 5px 0px 0px;
	width: 75px;
}
.search_btn 
{ 
	background-color: transparent;
	color: #000000;
	display: block;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px; 
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 7px;
	text-decoration: none;
}
.search_btn:hover 
{ 
	text-decoration: underline;
}


/**************************************************/
/*  Layout (base class for Listing, Form, etc.).  */
/**************************************************/

/* - body */
table.layout_body
{
	margin-bottom: 4px;
	margin-top: 4px;
}

/* - table of items at footer */
table.layout_footer #sep
{
	width: 6px;
}

/* - table of items at header */
table.layout_header #sep
{
	width: 6px;
}


/***********************/
/*  Tables of layout.  */
/***********************/
DIV.layout1#ruler
{
	width:					254px;
	font-size:				0px;
	line-height:			0px;
}

TABLE.layout1
{
	width:					99%;
	height:					100%;
}

TABLE.layout1 TD#r0c0
{
	background-image:		url(/site/tmpl/img/sinine_r0c1.jpg);
	background-position:	0px 0px;
	background-repeat:		no-repeat;
	
/*	background-color:		#BB0000; */
	height:					127px;
	width:					254px;
}

TABLE.layout1 TD#r1c0
{
	background-color:		#FFFFFF;
	width:					254px;
}

TABLE.layout1 TD#r1c1
{
	width:					expression( document.all ? "99%" : "auto");
}

TABLE.layout1 TD#r2c0
{
	background-color:		#D4D8DB;
	height:					5px;
	font-size:				1px;
	line-height:			1px;
}

TABLE.layout1 TD#r3c0
{
	background-color:		#F5FAFF;
	border-top:				3px solid #FFFFFF;
	border-bottom:			3px solid #FFFFFF;
	height:					31px;
}

TABLE.layout1 TD#r4c0
{
	background-color:		#E6E6E6;
	height:					50px;
}

TABLE.layoutH
{
	width:					100%;
	height:					100%;
}

TABLE.layoutH TD#lHr0c0
{
}

TABLE.layoutH TD#lHr1c0
{
	background-image:		url(/site/tmpl/img/sinine_logo.jpg);
	background-position:	0px 0px;
	/*background-repeat:		no-repeat;*/
	height:					98px;
	/*background-color:		#FFFFFF;*/
}
TABLE.layoutH TD#lHr1c0 img
{
	border: none;
	height: 98px;
	width: 254px;
}

TABLE.layoutH TD#lHr0c1
{
	height:					99px;
	background-image:		url(/site/tmpl/img/sinine_r0c1.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;	
}


TABLE.layoutH TD#lHr1c1
{
	border-top:				1px solid #FFFFFF;
	height:					28px;
	background-color:		#3F709B;
}


TABLE.layoutM
{
	width:					100%;
	height:					100%;
}

TABLE.layoutM TD#lMr0c0
{
	width:					254px;
	height:					183px;
	border-top:				2px solid #ABBEC2;
	border-bottom:			2px solid #FFFFFF;
	
	background-image:		url(/site/tmpl/img/sinine_image.jpg);
	background-position:	0px 2px;
	background-repeat:		no-repeat;	
}

TABLE.layoutM TD#lMr1c0
{
	vertical-align:			top;
}

TABLE.layoutB
{
	width:					100%;
	height:					100%;
}

TABLE.layoutB TD#lBr0c0
{
	vertical-align:			top;
	padding:				26px 0px 0px 25px;
	height:					1%;
}

TABLE.layoutB TD#lBr1c0
{
	height:					1%;
	vertical-align:			top;
	border-left:			17px solid #FFFFFF;
	border-right:			17px solid #FFFFFF;
	border-bottom:			1px solid #DFDFDF;
	padding:				20px 0px 0px 8px;
}

TABLE.layoutB TD#lBr2c0
{
	vertical-align:			top;
	padding:				10px 25px 20px 25px;
}

/************/
/* siteEdit */
/************/

.testtemp {
	width: 18px;
	height: 18px;
	border: 1px solid #000000;
	position: absolute;
	visibility: visible;
	z-Index: 2;
	padding: 0px;
	margin: 0px;
}

.siteEditDotOver {
	width: 150px;
	height: 150px;
	position: absolute;
	visibility: visible;
	display: none;
	z-Index: 2500;
	background-color: #EFEFEF;
	border: 2px solid #336699;
	margin: 0px;	
}

.siteEditDotOver TABLE {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;}

.siteEditDotOver TABLE TD.odata {
	background-color: #FFFFFF;
	border-bottom: solid #bbbbbb 1px;
	padding: 0px 0px 0px 0px;
}

.siteEditDotOver TABLE TD.edata {
	background-color: #F6F6F6; 
	border-bottom: solid #bbbbbb 1px;
	padding: 0px 0px 0px 0px;
}

.siteEditDotOver A {
	display: block;
	color: #000099;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;	text-decoration: none;
}

.siteEditDotOver A:hover {
	text-decoration: underline;
}


/* horizontal menu at left-top corner */

/*  - container */
.h1_menu_content 
{
	padding: 0px 0px 2px 0px; 
}

/*  - 1.level */
.h1_menu_content a#first_h1
{
	border: 0px;
}
.h1_menu_content .l1,
.h1_menu_content .l1_a 
{ 
	color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;	font-weight: bold;
	padding: 0px 18px 0px 18px;
	text-decoration: none;
	border-left: 2px #ffffff solid;
}
.h1_menu_content .l1_a,
.h1_menu_content .l1:active, 
.h1_menu_content .l1:hover,
.h1_menu_content .l1_a:active, 
.h1_menu_content .l1_a:hover
{ 
	color: #FFFFFF;
	text-decoration: underline;
}


/* vertical menu at left or right */

/*  - container */
.v1_menu_content
{
	width:				232px;
}

.v1_menu_content TD
{
	border-bottom:		1px solid #DADADA;
	border-top:			1px solid #FFFFFF;
	
}


.v1_menu_content .l1,
.v1_menu_content .l1_a 
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;	color:				#495959;
	display:			block;
	
	font-weight:		bold;
	padding:			5px 5px 5px 25px;
	
	border-left:		22px solid #619FD2;
	border-bottom:		1px solid #FFFFFF;
	text-decoration:	none;
}

.v1_menu_content a#first
{
	padding:			23px 5px 5px 25px;
}

.v1_menu_content .l1:active, 
.v1_menu_content .l1:hover,
.v1_menu_content .l1_a,
.v1_menu_content .l1_a:active, 
.v1_menu_content .l1_a:hover
{ 
	text-decoration: underline;
}

/* language-switch */

/*  - container */
.lang_menu_content 
{
	padding: 0px 0px 0px 0px; 
}

/*  - 1.level */
.lang_menu_content .l1,
.lang_menu_content .l1_a 
{ 
	color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;	padding: 0px 5px 0px 5px;
	text-decoration: none;
	border-left:	1px solid #FFFFFF;
}

.lang_menu_content #first,
.lang_menu_content .l1#first,
.lang_menu_content .l1_a#first
{
	border-left:	0px solid #FFFFFF;
}

.lang_menu_content .l1:active,
.lang_menu_content .l1_a:active, 
.lang_menu_content .l1:hover,
.lang_menu_content .l1_a:hover, 
.lang_menu_content .l1:link,
.lang_menu_content .l1_a:link, 
.lang_menu_content .l1:visited,
.lang_menu_content .l1_a:visited 
{
	background-color: transparent;
}
/* location-bar */

/*  - 1.level */
.location_bar td
{
	vertical-align: top;
}
.location_bar a
{ 
	color: #999999;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;	font-weight: normal;
	padding: 0px 1px;
	text-decoration: none;
}
.location_bar a:active, 
.location_bar a:hover
{ 
	color: #666666;
	text-decoration: underline; 
}

/*  - separator */
.location_bar .sep
{
	color: #666666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;	font-weight: normal;
	padding: 0px 2px 0px 4px;
}


/* navigation-bar */

/*  - container */
.navi_menu_content
{
	padding: 9px 0px 0px 10px;
}

/*  - 1.level */
.navi_menu_content .l1,
.navi_menu_content .l1_a 
{ 
	color: #666666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;	font-weight: normal;
	padding: 0px 0px;
	text-decoration: none;
}
.navi_menu_content .l1_a,
.navi_menu_content .l1:active, 
.navi_menu_content .l1:hover,
.navi_menu_content .l1_a:active, 
.navi_menu_content .l1_a:hover
{ 
	color: #666666;
	text-decoration: underline; 
}

/*  - separator */
.navi_menu_content .l1_sep
{
	color: #666666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;	font-weight: normal;
	padding: 0px 11px;
}
</style>
