/* Main CSS */

BODY {
	padding: 0px;
	margin: 0px;
}

/* Divs */
#header {
	position: static;
	left: 0;
	width: 100%;
	top:  0;
	height: 50px;
	background-color: #efefef;
	background-image: url(/masterimages/headerbg1.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid silver;
	border-top: 2px solid silver;
}

#menu1 {
	/* Left side */
	position: absolute;
	/*position: static; */
	left: 0;
	width: 150px;
	top: 60;
	/*bottom: 0; */
	height: 100%;
	/*border-right: 1px dotted silver;*/
	margin-left: 10px;
	margin-top: 20px;
}
#menu1 h2 {
	font-family: Arial;
	font-size: 12pt;
	color: #446688;
	background-color: #cddcef;
	border-bottom: 2px solid black;
	margin-top: 0px;
	padding-top: 0px;
	display: none;
}
#menu1 h2.head {
	font-family: Arial;
	font-size: 12pt;
	color: navy;/*#446688;*/
	background-color: #bdcaef;
	border-bottom: 2px solid black;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	display: block;
}
#menu1 ul li {
	font-family: Arial;
	font-size: 10pt;
	color: #223355;
}
#menu1 ul { padding-left: 20px; }
#menu1 ul { margin-left: 0px; }

#menu1 ul li a {
	text-decoration: none;
	color: navy;
}
#menu1 ul li a:hover {
	text-decoration: underline;
	color: black;
}



#menu2 {
	/* Under header: */
	position: absolute;
	left: 151;
	right: 0;
	top: 53px;
	height: 20px;
	border-bottom: 1px dotted silver;
	background-color: #ccd6df;
	padding-left: 10px;
	font-family: Verdana;
	font-size: 10pt;
}

#maincontent {
	/*position: absolute;*/
	margin-left: 180px;
	margin-right: 180px;
	margin-top: 20px;
	/* height: 20px; */
	border-bottom: 2px solid silver;
	border-top: 2px solid silver;
	background-color: white;
	padding: 10px;
	font-family: Verdana;
	font-size: 10pt;	
}
#footer {
	position: absolute;
	left: 151;
	right: 0; /*width: 100%;*/
	height: 25px;
	bottom: 0;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
}

#footer_in {
	left: 0;
	right: 0; /*width: 100%;*/
	height: 25px;
	/* bottom: 0; */
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	background-color: #eeeeee;
}

#fixedheader {
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	height: 20pt;
	border: 1px solid black;
}

#subitems {
	border: thin dotted silver;
	margin: 5px 10% 5px 10%;
	background-color: #efefef;
	clear: both;
}
#subitems A {
	color: #443311;
	text-decoration: underline;
}
#subitems A:hover {
	color: #553311;
	text-decoration: none;
}


/* Special classes */
H1.pagetitle {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 50px;
	line-height: 50px;
	color: #88baea;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin: 0px;
}

H1.maintitle {
	background-image: url(/masterimages/headerbg1.jpg);
	background-repeat: no-repeat;
	border-bottom: 2px solid navy;
	color: navy;
}


.pagepath {
	font-size: 8pt;
	color: #555544;
	padding-left: 0px;
	padding-bottom: 2px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid silver;
}
.pagepath A {
	color: #443311;
	text-decoration: underline;
}
.pagepath A:hover {
	color: #553311;
	text-decoration: none;
}	

.datatab2 TR TD {
	font-size: 8pt;
	padding-left:  5px;
	padding-right: 5px;
}
.datatab2 TR TH {
	font-size: 8pt;
	font-weight: 700;
	padding-left:  1px;
	padding-right: 1px;
}

.datatab2 TR.r0 {
	background-color: #efefef;
}

.datatab2 TR.r1 {
	background-color: silver;
}

.small {
	font-size: 8pt;
}

.loginbox {
	background-color: #fafaff;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 150px;
}
.loginbox TR TD {
	font-size: 8pt;
	font-family: Sans-serif;
}
/* .loginbox INPUT[type=text] { - Mozillassa toimisi, ie ei ymm??( */
.loginbox INPUT.uname {
	border: 1px solid black;
	font-size: 8pt;
	font-family: Sans-serif;
	width: 83px;
}
/* .loginbox INPUT[type=password] { */
.loginbox INPUT.passwd {
	border: 1px solid black;
	font-size: 8pt;
	font-family: Sans-serif;
	width: 50px;	
}
/* .loginbox INPUT[type=submit] { */
.loginbox INPUT.loginbtn {
	border: 1px solid black;
	font-size: 8pt;
	font-family: Sans-serif;
	width: 30px;
	-moz-border-radius: 4px;
	background-color: #afbfcf;
}
.loginbox INPUT.logoutbtn {
	border: 1px solid black;
	font-size: 8pt;
	font-family: Sans-serif;
	width: 40px;
	-moz-border-radius: 4px;
	background-color: #afbfcf;
}



.submenu {
	position: absolute;
	clear: none;
	left: 120px;
	/*top: -20px;*/
	width: 150px;
	height: auto;
	border: 1px solid black;
	-moz-border-radius: 6px;
	/*background-color: #efefef;*/
	visibility: hidden;
	background-image: url("./template/images/white_op50.png");
}

.submenu A {
	display: block;
}

.submenu A:hover {
	background-color: #cedeef;
	text-decoration: none;
}

.menu1 A {
	display: block;
}

.menu1 A:hover {
	background-color: #cedeef;
	text-decoration: none;
}


/*
A:hover DIV.submenu {
	visibility: visible !important;
}*/

.menu1 TR TD {
	/*background-color: #efefef;*/
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: 700;
	background-image: url("/adminCMS/public_site/template/images/white_op50.png");
	border-top: 1px solid navy;
}
.menu1 TR:first-child TD {
	border-top: 1px solid white !important;
}
.menu1 TR TD A {
	color: navy;
	text-decoration: none;
}
.menu1 TR TD:hover {
	background-color: #cedeef;
}

#mod1.basic1 {
	position: relative;
	float: right; 
	width: 150px; 
	border: 1px solid navy;
	background-color: #efeffa;
	padding: 5px; 
	margin: 5px;
}

#mod1.basic1 H1 {
	font-size: 14pt;
	background-color: navy;
	color: silver;
	margin-top: 0px;
}