/*
** Stylesheet for WebIntra by Lari Muuriaisniemi
*/

body
{
	font: small Verdana, Sans-serif;
	color: black;
	margin: 0;
	padding: 0;
}

table {
	font-size: small;
/*	border: 1px solid;
	border-color: #A2B8BD; */
	text-align: left;
}
/*
td {
	background-color: #FFFFFF;
	border: none;
}
*/
a {
	text-decoration: none;
	color: #002bb8;
	background: none;
}
a:visited {
	color: #5a3696;
}
a:active {
	color: #faa700;
}
a:hover {
	background-color: #D0DCE0;
/*	text-decoration: underline; */
}

img {
	border: none;
	vertical-align: bottom;
}

hr {
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	margin: .2em 0 .2em 0;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
}
h1 { font-size: 188%; }
h2 { font-size: 150%; }
h3, h4, h5, h6 {
	border-bottom: none;
	font-weight: bold;
}
h3 { font-size: 132%; }
h4 { font-size: 116%; }
h5 { font-size: 100%; }
h6 { font-size: 80%;  }

form {
	border: none;
	margin: 0;
}

/*
 * Misc. text styles
 */
.tooltip
{
	font-size: x-small;
}

/*
 * Error and notification box styles
 */
span.errorbox
{
	color: red;
	width: 300px;
	display: block;
	border: 1px dashed #FFC9C9;
	background-color: #FFF3F3;
}

span.notifybox
{
	color: black;
	width: 300px;
	display: block;
	border: 1px dashed #C6C9FF;
	background-color: #F0F0FF;
}

span.denybox
{
	color: red;
	display: block;
	border: 1px dashed #FFC9C9;
	background-color: #FFF3F3;
}

span.acceptbox
{
	color: green;
	display: block;
	border: 1px dashed #C4FFC4;
	background-color: #F0FFF0;
}

/*
 * Dialog table styles
 */
table.dtable
{
	font-size: small;
	border: 1px solid;
	border-color: #A2B8BD;
	text-align: left;
}

table.dtable th
{
	background-color: #D0DCE0;
	border: none;
	border-bottom: 1px solid #A2B8BD;
	padding: 4px;
	font-weight: normal
}

table.dtable td
{
	background-color: white;
	border: none;
	padding: 4px;
}

table.dtable td.gray
{
	background-color: #F0F0F0;
}

table.dtable td.hilight
{
	border: 1px dashed #C6C9FF;
	background-color: #F0F0FF;
}

table.dtable td.active
{
	background-color: #D0DCE0;
}

table.dtable td.separator
{
	border-bottom: 1px solid #A2B8BD;
}

/**
 * Printable table
 */
table.printtable
{
	font-size: x-small;
	border: 1px solid;
	border-color: #000000;
	empty-cells: show;
	border-collapse: collapse;
}

table.printtable th
{
	border: 1px solid black;
	background-color: #CCCCCC;
}

table.printtable td
{
	border: 1px solid #888888;
	background-color: #FFFFFF;
}

/**
 * File table
 */
table.ftable
{
	font-size: small;
	border: 1px solid;
	border-color: #A0A0A0;
	text-align: left;
}

table.ftable th
{
	background-color: #E0E0E0;
	font-size: small;
	border: none;
	padding: 4px;
	font-weight: normal
}

table.ftable tr.ltred
{
	background-color: #ffbbbb
}
table.ftable tr.ltorange
{
	background-color: #ffbb00
}
table.ftable tr.ltblue
{
	background-color: #cadbeb;
}
table.ftable tr.ltgreen
{
	background-color: #B7F1BF
}

table.ftable td
{
	border: none;
	padding-left: 4px;
	padding-right: 4px;
}

table.ftable td.ltblue
{
	background-color: #cadbeb;
}

table.ftable td.ltred
{
	background-color: #ffdddd
}
table.ftable td.ltdred
{
	background-color: #d52727
}
table.ftable td.ltorange
{
	background-color: #f56e0b
}
table.ftable td.ltgreen
{
	background-color: #B7F1BF
}

table.ftable td.separator
{
	border-bottom: 1px solid #A2B8BD;
}

table.ftable th.separator
{
	border-bottom: 1px solid #A2B8BD;
}


/**
 * Calendar styles
 */
table.calendar
{
	width: 100%;
	border: 1px solid #A2B8BD;
}
table.calendar td   { text-align: center; }
table.calendar td a { display: block; }
table.calendar th   { background-color: #D0DCE0; }

table.calendar td a:hover
{
    background-color: #FFF7CB;
}

table.calendar td.selected {
    background-color: #D0DCE0;
}

table.calendar td.slotted {
	text-align: left;
	border-bottom: 1px solid #C0C0C0;
}

table.calendar td.slottedSel {
	text-align: left;
	background-color: #D0DCE0;
	border-bottom: 1px solid #C0C0C0;
}

div.tip {
	color: black;
	z-index: 13000;
	display: block;
	border: 1px solid;
	border-color: #A2B8BD; 
	padding: 4px;
	background-color: white;
}

#tooltip {
    padding: 3px;
    background: #f9f9f9;
    border: 1px solid #eee;
    text-align: center;
    font-size: smaller;
}

span.tip {
    border-bottom: 1px solid #eee;
}
div.acDiv	{
		border: 1px solid #9F9F9F;
		background-color: #F3F3F3;
		padding: 3px;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		display: none;
		position: absolute;
		z-index: 999;
	}
table.td
{
	top: 0px;
}
	
/**
 * Collector paikannuksen tyylit
 */ 
th.mapGroupHeaderSelected
{
	width: 200px;	
	background-color: blue;	
	overflow: hidden;	
	z-index: 100;

}

th.mapGroupHeader
{
	width: 200px;	
	background-color: aqua;	
	overflow: visible;
	
	z-index: 100;
}


tbody.mapFucntionGroup
{
	display: none;
	position: relative;
	overflow: hidden;	
	z-index: 0;
}

tbody.mapFucntionGroup td
{	
	overflow: hidden;
	z-index: 1;
}


div.mapGroupHeader
{
	position: relative;
	font-weight: bold;
	z-index: 100;	
	overflow: visible;
	background-color: #002c5d;
	color: #FFF;
	height: 20px;
	border: 1px solid;
	cursor: pointer;
}

div.mapGroupContent
{	
	position: relative;
	height: auto;	
	z-index: 8;
	visibility: hidden;
	margin-top:1px;
	width: 200px;
	background-color: white;	
}

.mapGroupContent input
{
	width: 100%;	
}

.mapGroupContent select
{
	width: 100%;	
}

div.mapGroupContainer
{
	height: 20px;	
}
span.yellowbox
{
	color: black;
	display: block;
	border: 1px dashed #FFCC66;
	background-color: #FFFF99;
	width: 700px;
}