/***********************************************/
/* HTML tag styles                             */
/**********************************************/
HTML {
   margin: 0px;
   padding: 0px;
   height: 100%;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 0.85em;
   overflow-x: hidden;
   overflow-y: scroll;
   z-index: 0;
}

BODY {
   margin: 0px;
   padding: 0px;
   background: #808080;
   font-size : 100%;
}

.submitLink {
   color: #000000;
   background-color: transparent;
   text-decoration: none;
   border: none;
   cursor: default;
}

.pagebreak {
    page-break-before: always;
}

.navigationElement {
   background: background-position;
   background-image: url(glbnav_background.gif);
   height: 32px;
   vertical-align: middle;
}

/*KYSELYN KYSYMYSTEN ULKOASUN MÄÄRITYS*/
.tightTable {
   border: none;
   border-collapse: collapse; 
   border-spacing: 0;
   padding: 0;
   width: 100%;
}

.tabFrame {
    width: 100%; 
    border-style: solid; 
    border-top-width: 0px; 
    border-left-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-color: #000000;
}

.highlightedRow {
   background-color: #FFFFFF;
   color: #000000;
   cursor: default;
}

.questionFrame {
   border: 1px solid #000000;
   width: 100%;
   page-break-inside: avoid;
}

.questionHeader {
   background-color : #B8B8B8;
   border-collapse: collapse; 
   border-spacing: 0;
   padding: 0;
}

.questionBody {
   background-color : #EBEBEB;
   border-collapse: collapse; 
   border-spacing: 0;
   padding: 0;
}

.questionCellLeft {
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-collapse: collapse; 
   border-spacing: 0;
   padding: 0;
}

.questionCellRight {
   border-top: 1px solid #000000;
   border-right: 1px solid #000000;
   border-collapse: collapse; 
   border-spacing: 0;
}

.questionCell {
   border-collapse: collapse; 
   border-spacing: 0;
   border-top: 1px solid #000000;
}

.questionSubQuestion {
   border-collapse: collapse; 
   border-spacing: 0;
   border-top: 1px solid #000000;
}

.questionSubject {
   font-weight : bold;
}

.questionDescription {
}

.questionHelp {
   border: 1px solid #000000;
   border-collapse: collapse; 
   border-spacing: 0;
   z-index: 500; 
   visibility: hidden; 
   display: none; 
   margin-left: -20em; 
   margin-top: 0px; 
   position: absolute; 
   width: 20em;
   background-color : #EBEBEB;
}

.optionQuestionTextField {
   border: 1px solid #000000;
   border-collapse: collapse; 
   border-spacing: 0;
   z-index: 5; 
   visibility: hidden; 
   display: none; 
   margin-left: 1em; 
   margin-top: -2px; 
   position: absolute; 
   width: 20em;
   background-color : #EBEBEB;
}

.questionHelpType {
   font-weight : bold;
}

.questionHelpTypeInfo {
}

.questionHelpObligatoryStatus {
}

.loading {
   display: none;
}

#selectBox {
   display: block;
}

#menuBox {
}

#logoBox {
}

#pageNavigation {
}

.questionMark {
   z-index: 499; 
   position: relative;
   margin: 3px;
}

.bottomRounding {
}


.gui {
   font-size: 58%;
}

.subQuestion {
   border: none;
}

.subQuestion TABLE {
   border: none;
}

.subQuestionTD {
   border-right: 1px solid #404040;
}

.subQuestionTR {
   border-top: 1px solid #404040;
}

.subQuestionChoices {
   background: #f0f0f0;
}

.questionaire {
   font-size: 90%;
}

.questionaire TABLE {
   border: 1px solid #000000;
   border-bottom: none;
}

.questionaire TD {
   border-bottom: 1px solid #000000;
}

.unTD {
   border-left: 1px solid #000000;
}

.onTD {
   border-right: 1px solid #000000;
}

.anTD {
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
}

/******* hyperlink and anchor tag styles *******/

a {
   cursor: default;
}

a:link, a:visited{
   color: #000000;
   text-decoration: none;
}

a:hover{
   text-decoration: none;      
}

/*************** list tag styles ***************/

ul{
   list-style-type: square;
}

ul ul{
   list-style-type: disc;
}

ul ul ul{
   list-style-type: none;
}

/********* form and related tag styles *********/

form {
   margin: 0;
   padding: 0;
}


/**********************************************/
/* Layout Divs                                 */
/**********************************************/
#inforow{
   color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 80%;
}

#featureSubject {
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 95%;
}

#content{
   color: #000000;
   background-color: #dcdce1;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 95%;
}
 
input
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 90%;
}


/*PÄÄVALIKKO*/
#menu {
   float: left;
}

#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   float: left;
}

#menudown ul {
   list-style: none;
   margin: 0px;
   padding: 0;
   float: left;
}

#menu a, #menu h2 {
   font: 11px/16px Verdana, arial, helvetica, sans-serif;
   display: block;
   border-width: 1px;
   border-style: solid;
   border-color: #ccc #888 #555 #bbb;
   margin: 0;
   padding: 2px 3px;
}

#menudown a, #menudown h2 {
   font: 11px/16px Verdana, arial, helvetica, sans-serif;
   display: block;
   width: 16em;
   border-width: 0px 1px 0px 1px;
   border-style: solid;
   border-color: #000 #000 #555 #000;
   margin: 0;
   padding: 2px 3px;
}

#menudown  {
   color: #000;
   background: #efefef;
   text-decoration: none;
}

#menu h2 {
   color: #000;
   text-transform: uppercase;
   cursor: default;
}

#menu h2:hover {
   color: #fff;
   background: #5b8cab;
   text-transform: uppercase;
   cursor: default;
}

#menu a {
   color: #000;
   background: #efefef;
   text-decoration: none;
   cursor: default;
}

.borderup {
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: #000 #000 #000 #000;
}

.borderdown {
   border-width: 0px 0px 1px 0px;
   border-style: solid;
   border-color: #000 #000 #000 #000;
}

.borderupdown {
   border-width: 1px 0px 1px 0px;
   border-style: solid;
   border-color: #000 #000 #000 #000;
}

#menu a:hover {
   color: #fff;
   background: #5b8cab;
   cursor: default;
}

#menu li {
   position: relative;}

#menu ul ul {
   position: absolute;
   z-index: 500;
}

#menu ul ul ul {
   position: absolute;
   top: 0;
   left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
   display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
   display: block;}