/* RA visitor view 2008 superkommun Kimitoön 1  */

BODY {
	font-size: 11px; 
	background-color: #ffffff;
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px; 
} 


/* färgad hajurako i början av sidan bör vara samma färg som body  */
.colored_cellbar
{
	background: #FfFfFf;
	color: #0C2389;
}


TEXTAREA {
	border-right : 1px solid #939590; 
	border-top : 1px solid #939590; 
	font-size : 11px; 
	border-left : 1px solid #939590; 
	border-bottom : 1px solid #939590; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

.tarea  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #BBFFBE; 
	border: 1px solid #939590;
	width: 570px; 
	height:80px;
	}
	
#caldiv
{
	border:0px;
	position:absolute;
	visibility:hidden;
	z-index:100;
	background-color:white;
}

#center_top 
{
	position:absolute;
	top:10px;
	width:580px;
	text-align:center;
	border:0px solid #0C2389;
	padding: 0px; 
	z-index:2;
	background:white;
}

#center_main
{
	position:relative;
	top:20px;
	height:100%;
	margin-bottom:10px;
	left:5px;
	width:596px;
	border:0px solid #000000;
	padding: 0px;
	overflow:auto;
}

#outerwrapper
{
	position:absolute;
	padding:0px;
	top: 0px;
	bottom: 0px;
	width:100%;
	height:100%;
	margin:0px;
	border:0px;
	text-align:center;
	border:0px;
}

* html div#outerwrapper
{
	height:98%;
}


#tbwrapper
{
	position:relative;
	top:5px;
	width:600px;
	padding: 4px; 
	z-index:1;
	background:white;
}

.headline1 {
	font-weight : bold; 
	font-size : 20px; 
	color : #0e709e; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

.smalltext {
	font-size : 12px; 
}

/* tables  */

.table_nb  /* inner Table without border  */ 
{
	font-family:sans-serif;
	font-size:11px;
}

.table_border
{
	font-family:sans-serif;
	font-size:11px; 
    border:1px solid #CCD4E9;
}


.table_sr  /* Searchresult table without bottom-border  */ 
{
	font-family:sans-serif;
	font-size:11px;
	border-bottom:1px solid #0C2389;
}


.table
{
	font-family:sans-serif;
	font-size:11px; 
    width:580px;
    border:1px solid #0C2389;
}

/* kommunspecifik färgad balk  */
.tb_mainhead
{
	color: #8b4513;
	font-size:14px; 
	background: #D5CEAE;
	font-weight: bold;
}

.tab_subhead
{
	width:580px;
	border-bottom:1px solid #0C2389;
	border-top:1px solid #0C2389;
	background: #6eab24;
	padding-left:5px;
}

.tab_subtext
{
	font-family:sans-serif;
	color: #ffffff;
	font-size: 16px; 
	font-weight:bold;
}

.tab_subtext2
{
	font-family:sans-serif;
	color: #ffffff;
	font-weight:bold;
}


TD {
	font-size: 13px; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

TH {
	font-weight : bold; 
	font-size : 13px; 
	color: #555; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: #E8EFF7;
	border:  #dadada 1px solid;
	vertical-align: top;
	text-align: left;
}  


TD2 {
	font-size : 12px;
	color : #ffffff; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

TD.menu {
	background-color : #E8EFF7;  
} 
	
TD.amenu {
	background-color : #D5CEAE;  
} 

.tdhead
{
	width:580px;
}

.tdleft
{
	width:100px;
}


/* Indented tableholder with on-mouseffect for links  */

#tablebox
{
	position:relative;
    width:580px;
	left:23px;
}

#tablebox a
{
	color:#369;
	text-decoration:none;
}

#tablebox a:hover
{
	color:rgb(0,0,0);
	background: #dfe8ed;
	text-decoration:underline;
}




/*  headers and smalltext  */

.headline1 {
	font-weight : bold; 
	font-size : 13px; 
	color : #5c7c97; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

H2 {
	margin-top : 0; 
	font-weight : bold; 
	font-size : 17px; 
	margin-bottom : 6px; 
	word-spacing : 0; 
	color : #000000; 
	line-height : 100%; 
	font-family : Arial, Helvetica, Verdana, sans-serif; 
}

/*  error message  */
.asterisk
{
	font-size:10px;
	color:#cc3300;
	font-weight:bold;
}



/*  Links  */

A {
	font-size : 11px; 
	color : #0e4087; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
} 

A:hover {
	font-size : 11px; 
	color : #0e4087; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
} 

.A2 {
	font-size : 11px; 
	color : #000000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
} 

.A2:hover {
	font-size : 11px; 
	color : #6699cc; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
} 

.Aheader {
	font-size : 13px; 
	color : #800000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
} 

.Aheader:hover {
	font-size : 13px; 
	color : #800000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
} 

.A3 {
	font-weight : normal; 
	font-size : 11px; 
	color : #800000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
}

.A3:hover {
	font-weight : normal; 
	font-size : 11px; 
	color : #800000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
}

.A4 {
	font-size : 11px; 
	color : #0C2389; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
} 

.A4:hover {
	font-size : 11px; 
	color : #555555; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
} 

.A5 {
	font-size : 10px;
	color : #999999; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
} 

.A5:hover {
	font-size : 10px;
	color : #0C2389; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
}

.A6 {
	font-size : 12px; 
	color : #800000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
}

.A6:hover {
	font-size : 12px; 
	color : #800000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
}

.A6b {
	font-size : 13px;
	font-weight: bold;
	color : #800000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
}

.A6b:hover {
	font-size : 13px; 
	color : #800000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
}

/*  form elements */

input {
	border-right : 1px solid #939590; 
	border-top : 1px solid #939590; 
	font-size : 11px; 
	border-left : 1px solid #939590; 
	border-bottom : 1px solid #939590; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff; 
}

input.checkbox   { 
	font-size: 10px; 
	background:transparent; 
	border:0px 
	}

.button { 	font-weight : bold; }


/* Menu systems  */


* html div#centertab a
{
	padding:0px 8px;
	float: left;
}

#centertab img
{
	vertical-align:top;
}


#centertab .button_save
{
	background: url("loadImg.php?customer=ra&image=tabbg.gif") #fff bottom left repeat-x;
	height: 20px;
	line-height: 18px;
	margin: 0px;
	padding:0px 8px;
	border: 1px solid #0C2389;
	color:#993300;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	white-space:nowrap;
}

#centertab ul
{
	list-style-type: none;
	list-style-position: outside;
	margin:0% 10% 0% 10%;
	padding:0px;
	white-space:nowrap;
}

#centertab li
{
	float:left;
	margin:0px;
	padding:0px 2px;
}

#centertab li a
{
	font-size: 12px; 
	height: 20px;
	line-height: 18px;
	float: left;
	margin: 0px;
	padding:0px 8px;
	display: block;
	border: 1px solid #0C2389;
	color: rgb(51,103,153);
	text-decoration: none;
	text-align: center;
	white-space:nowrap;
}

#centertab li a:hover
{
	background: #dfe8ed;
	color: #000;
	text-decoration: underline;
}

#centertab .ctn
{
	width: 15px;
	background: url("loadImg.php?customer=ra&image=tabbg.gif") #fff bottom left repeat-x;
}

#centertab .ctn:hover
{
	background: #0C2389;
	color: #ffffff;
	/* font-weight: bold; */
	text-decoration: none;
	width: 15px;
}

#centertab .current
{
	font-size: 12px;
	background: #dcdcdc;
	color: #000;
	height: 20px;
	line-height: 18px;
	width: 15px;
	float: left;
	margin: 0px;
	padding:0px 8px;
	display: block;
	border: 1px solid #CED8DE;
	text-align: center;
	white-space:nowrap;
}

 /* Hide from IE5-Mac */
#centertab li a
{
float: none
}
/* End hide */



/* Navigation arrows  */

#arrow_left
{
	display:block;
	background: url("loadImg.php?image=arrowz/leftarrow.png&module=events2");
	width:40px;
	height:20px;
}

#arrow_left:hover
{
	background: url("loadImg.php?image=arrowz/leftarrow_over.png&module=events2");
}

#arrow_right
{
	display:block;
	background: url("loadImg.php?image=arrowz/rightarrow.png&module=events2");
	width:40px;
	height:20px;
}

#arrow_right:hover
{
	background: url("loadImg.php?image=arrowz/rightarrow_over.png&module=events2");
}



/* Date picker Calender*/

.CALcpYearNavigation,
.CALcpMonthNavigation
		{
		background-color:#0C2389;
		text-align:center;
		vertical-align:middle;
		text-decoration:none;
		color:#ffffff;
		font-weight:bold;
		font-family:arial;
		}

.CALcpYearNavigation,
.CALcpMonthNavigation,
.CALcpCurrentMonthDate,
.CALcpCurrentMonthDateDisabled,
.CALcpOtherMonthDate,
.CALcpOtherMonthDateDisabled,
.CALcpCurrentDate,
.CALcpCurrentDateDisabled,
.CALcpTodayTextDisabled,
.CALcpText
		{
		font-family:arial;
		font-size:10pt;
		color:#ffffff;
		}

.CALcpDayColumnHeader
		{
		font-family:arial;
		font-size:10pt;
		color:#000000;
		}


.CALcpYearNavigation:hover,
.CALcpMonthNavigation:hover,
.CALcpCurrentMonthDate:hover,
.CALcpCurrentMonthDateDisabled:hover,
.CALcpOtherMonthDateDisabled:hover,
.CALcpCurrentDate:hover,
.CALcpCurrentDateDisabled:hover,
.CALcpTodayTextDisabled:hover
		{
		font-family:arial;
		font-size:10pt;
		color:#ffffff;
		text-decoration:underline;
		}

.CALcpCurrentMonthDate:hover,
.CALcpOtherMonthDate:hover,
.CALcpText:hover
		{
		font-family:arial;
		font-size:10pt;
		color:#336699;
		background-color:#eeeeee;
		text-decoration:underline;
		}
		
TD.CALcpDayColumnHeader
		{
		text-align:right;
		border:solid thin #0C2389;
		border-width:0 0 0 0;
		padding: 4 8 4 8;
		}
.CALcpCurrentMonthDate,
.CALcpOtherMonthDate,
.CALcpCurrentDate
		{
		text-align:right;
		text-decoration:none;
		}
.CALcpCurrentMonthDateDisabled,
.CALcpOtherMonthDateDisabled,
.CALcpCurrentDateDisabled
		{
		color:#D0D0D0;
		text-align:right;
		text-decoration:line-through;
		}
.CALcpCurrentMonthDate
		{
		color:black;
		font-weight:bold;
		}
.CALcpCurrentDate
		{
		color: #FFFFFF;
		font-weight:bold;
		}
.CALcpOtherMonthDate
		{
			
		color:black;
		}
TD.CALcpCurrentDate
		{
		color:#FFFFFF;
		background-color: #CED8DE;
		border:1px solid #0C2389;
		}
TD.CALcpCurrentDateDisabled
		{
		border-width:1;
		border:solid thin  #CED8DE;
		}
TD.CALcpTodayText,
TD.CALcpTodayTextDisabled
		{
		color:black;
		border:solid thin  #CED8DE;
		border-width:0 0 0 0;
		}
A.CALcpTodayText,
SPAN.CALcpTodayTextDisabled
		{
		height:20px;
		}
A.CALcpTodayText
		{
		color:#000000;
		font-weight:bold;
		}
SPAN.CALcpTodayTextDisabled
		{
		color:#D0D0D0;
		}
.CALcpBorder
		{
		border:solid 1px #0C2389;
		}
		
		
#helppopup
{
	position:absolute;
	top:0px;
	left:100px;
	border:1px solid black;
	background:white;
	width:0px;
	height:20px;
	z-index:100;
	overflow:auto;
	visibility:hidden;
}
		
		
		
		
		
 /* WEBMAP  */

button.tool
{
	border: #AAAACC 1px solid;
	background: #FFFFFF;
	padding: 2px;
	vertical-align: bottom;
	margin-left: 1px;
	margin-right: 1px;
}

button.tool:hover
{
	background: #F9F9FF;
}

button.selected_tool
{
	border: #442222 1px solid;
	background: #FFF0F0;
	padding: 2px;
	vertical-align: bottom;
	margin-left: 1px;
	margin-right: 1px;
}

button.selected_tool:hover
{
	background: #F9F9FF;
}

span.tool_group
{
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: bottom;
}

button.zoom_bar
{
	border: #AAAACC 1px solid;
	background: #E9E9FF;
	vertical-align: bottom;
	margin-left: 1px;
	margin-right: 1px;
}

button.zoom_bar:hover
{
	background: #F9F9FF;
}

button.selected_zoom_bar
{
	border: #8888BB 1px solid;
	background: #CCCCFF;
	vertical-align: bottom;
	margin-left: 1px;
	margin-right: 1px;
}

button.selected_zoom_bar:hover
{
	background: #F9F9FF;
}