<dtml-call expr="RESPONSE.setHeader('Content-Type', 'text/css')">
body {
/*  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  font-size : 8pt;*/
  font: 82% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color : #000000;
  background : #FFFFFF;
  margin: 0px;
}

#header {
	position : absolute;
	top: 0px;
	left: 0px;
	margin-top : 0px;
	margin-left : 0px;
	width : 100%;
	height : 80px;
	color : #FFFFFF;
}

#headerphoto {
	position : absolute;
	top : 0px;
	left : 0px;
	height : 80px;
	width : 200px;
	border-width : 0px;
	border-style : none;
}

#ivalogo {
	position : absolute;
	top : 0px;
	right : 20px;
	height : 80px;
	width : 100px;
	border-width : 0px;
	border-style : none;
}

#sectionbuttons {
	position : absolute;
	top : 80px;
	left : 0px;
	width : 100%;
	color : #FFFFFF;
}

#sectionbuttons ul, #logout ul {
	margin-top : 0px;
	margin-left : 0px;
	margin-bottom : 4px;
	padding-top : 5px;
	padding-left : 0px;
}

#sectionbuttons li, #logout li {
	display : inline;
	list-style : none;
}

#sectionbuttons a {
	padding-top : 4px;
	padding-right : 24px;
	padding-bottom : 4px;
	padding-left : 24px;
	border-top-width : 1px;
	border-top-color : #FFFFFF;
	border-top-style : solid;
	border-right-width : 1px;
	border-right-color : #FFFFFF;
	border-right-style : solid;
	color : #FFFFFF;
	background-color : inherit;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 100%;
	/*font-size : 11px;*/
	text-decoration : none;
}

#sectionbuttons a:hover, #sectionbuttons a.selected {
	color : #inherit;
}

#logout {
	position : absolute;
	top : 80px;
	right : 0px;
	color : #FFFFFF;
}

#logout a {
	padding-top : 4px;
	padding-right : 20px;
	padding-bottom : 4px;
	padding-left : 5px;
	color : #FFFFFF;
	background-color : inherit;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	//font-size : 11px;
	text-decoration : none;
}


form {
  margin: 0;
  padding: 0;
}

p, li {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  //font-size : 10pt;
  font-size : 100%;
  line-height : 1.5;
}

td, th {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  //font-size : 8pt;
  font-size : 100%;
}

h2 {
  color : #333333;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
  //font-size : 12pt;
  font-size : 130%;
}

h3 {
  color : #000000;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
  font-size : 120%;
  //font-size : 10pt;
}

.t1 {
  background-color : #FFFFFF;
}

.t2 {
  line-height : 1.5;
}

.t3 {
  background-color : #FFFFFF;
  text-align : right;
}

.t4 {
  background-color : #FFFFFF;
  text-align : center;
}

.text1 {
  color : White;
}

.width100 {
  width : 100px;
}

.width120 {
  width : 120px;
}

.width240 {
  width : 240px;
}

.width400 {
  width : 400px;
}

a:link, a:visited, a:active {
  color : #3E6090;
  font-size : 100%;
  /*font-size : 8pt;*/
  text-decoration: none;
}

a:hover {
  color : #3E6090;
  font-size : 100%;
  /*font-size : 8pt;*/
  text-decoration: underline;
}

/*a:visited {
  color : #990099;
}*/

a:link.text1, a:visited.text1, a:active.text1 {
  color : #FFFFFF;
  font-size : 100%;
  /*font-size : 8pt;*/
  text-decoration: none;
}

a:hover.text1 {
  color : #FFFFFF;
  font-size : 100%;
  /*font-size : 8pt;*/
  text-decoration: underline;
}

a:link.link2, a:visited.link2, a:active.link2 {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height : 1.5;
  color : #3E6090;
  /*font-size : 8pt;*/
  font-size : 100%;
  text-decoration: none;
}

a:hover.link2 {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height : 1.5;
  color : #3E6090;
  /*font-size : 8pt;*/
  font-size : 100%;
  text-decoration: underline;
}

img {
  border : 0px;
}

input.i_submit{
  border: 1px solid black;
  background-color: #EEEEEE;
  font-size: 100%;
  /*font-size: 8pt;*/
}

input.i_text{
  border: 1px solid black;
  font-size: 100%;
  /*font-size: 8pt;
  color: #AAAAAA;*/
  color: black;
}

input.i_check{
  border: 1px solid black;
  font-size: 100%;
  /*font-size: 8pt;
  color: #AAAAAA;*/
}

input.i_radio{
  border: 0px solid black;
  font-size: 100%;
  /*font-size: 8pt;
  color: #AAAAAA;*/
}

input.i_button{
  border: 1px solid black;
  background-color: #EEEEEE;
  font-size: 100%;
  /*font-size: 8pt;*/
}

select{
  font-family: Verdana;
  font-size: 100%;
  /*font-size: 8pt;*/
}

.folder {
  background: url(images/f_dot) no-repeat;
  float: left;
  height: 9px;
  width: 9px;
  padding-top: 3px;
  padding-right: 3px;
}

.main_content {
  position:absolute;
  top:106px;
  left:0px;
  width: 100%
}

.main_content_table{
  /*border: 1px solid black;*/
  cellspacing: 0px;
  padding: 0px;
}

.main_content_table td{
  /*border: 1px solid black;*/
  vertical-align: top;
}

.user_theme_div{
  /*border: 1px solid black;*/
  position: absolute;
  top: 50px;
  width: 100%;
  height: 50px;
  padding: 0px;
  left: 0px;
  line-height: 40px;
}

.user_theme_tbl{
  /*border: 1px solid black;*/
  height: 50px;
  width: 100%;
}

.gray_table{
  padding: 0px;
  background-color: #EEEEEE;
}

table.gray_table td{
  padding: 0px;
  background-color:white; 
}

a:link.start_link, a:visited.start_link, a:active.start_link {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color : #FFFFFF;
  font-size : 100%;
  /*font-size : 10pt;*/
  font-weight: bold;
  text-decoration: none;
}

a:hover.start_link {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color : #FFFFFF;
  font-size : 100%;
  /*font-size : 10pt;*/
  font-weight: bold;
  text-decoration: underline;
}

.org_head{
  position:absolute;
  top:0px;
  left:0px;
  background-image: url(images/start_top_bg);
  height:106px;
  width:100%;
}

.helpLabel {
    font-size: 90%;
    color: rgb(118, 121, 124);
    margin-top: 0pt;
    margin-right-value: 0pt;
    margin-bottom: 0.2em;
    margin-left-value: 0pt;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
}

.helpLabel:hover
{
    color: Black;
    font-size: 90%;
    cursor: default;
}

.haldusInfoParem {
	background-color: #EEEEEE;
	float: right;
	margin-right: 20px;
	width: 45%;
        border-style : solid;
	border-color: #EEEEEE;
	border-spacing: 0px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
}

.haldusInfoVasak {
	background: #EEEEEE;
	width: 45%;
        border-style : solid;
	border-color: #EEEEEE;
	border-spacing: 0px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
}

.haldusInfoParem th {
	text-align: center;
	background-color: #EEEEEE;
}

.haldusInfoVasak th {
	text-align: center;
	background: #EEEEEE;
}

.calendar {
	width:180px;
	border-collapse:collapse;
	text-align:right;
	border: 0px none white;
	margin:1px 1px 1px 1px;
}

.calendar td {
	background-color:#FFFFFF;
	margin: 1px 1px 1px 1px;
	border: 1px solid #EEEEEE;
}

.calendar thead {
	background-color:#EEEEEE;
}

.calendar a {
	text-decoration:none;
}

#noEvents {
	color:black;
}

#yesEvents {
	color:blue;
}

.datePopup {
	background-color: #CCCCCC;
	border: 1px solid #CCCC99;
	padding: 0.2em;
	position: absolute;
	visibility: hidden;
	width: 12em;
	z-index: 2;
	text-align: left;
}

.breadcrumbs {
	display: inline;
}
.simple_list {
	list-style : none;
	margin-left: 0px;
/*	text-indent:1em;*/
	padding-left:0em;
}

.simple_list #selected{
	text-decoration: underline;
}

/* Crossword */

#crossword input{
    border:1px solid black;
    width:1.5em;
    height:1.5em;
    font-size:1.5em;
    text-align:center;
}

#crossword .solution input{
    border-color:red;
}

#crossword .solution a{
    color:red;
}

#questions input{
    border:1px solid black;
    margin:0.1em 0;
    width:50%;
}