html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
html, body, form, fieldset {
margin: 0; padding: 0;
font: 100%/1.5 Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0 0 0.75em; padding: 0; }
li, dd, blockquote { list-style-position: outside; margin: 0; }
ul, ol { margin: 1em 0 1em 2em; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
img, a img { border: 0; padding: 0; margin: 0; }
.selectedflag { border: 1; }
.clearfloat { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; font-size: 0; }
h1, h2, h3, h4, h5, h6 {
margin: 0 -10px 0.15em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: -0.1em;
color: #b4c641;
padding: 0 10px; word-spacing: 0.25em;
border-bottom: 1px solid #b4c641;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
}
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
}
h1 { font-size: 1.8em; font-weight: normal; text-transform: uppercase; letter-spacing: -0.1em; }
h2 { font-size: 1.6em; letter-spacing: -0.075em; font-weight: bold; text-transform: none; }
h3 { font-size: 1.4em; letter-spacing: -0.05em; font-weight: bold; text-transform: none; }
h4 { font-size: 1.2em; }
a, a:link { color: #3175b9; font-weight: bold; text-decoration: none; }
a:active {}
a:visited { color: #3175b9; }
a:hover { border-bottom: 1px #b4c641; color: #8ba41c; }
pict_link.a, pict_link.a:link { border-bottom: 0px ; text-decoration: none; }
pict_link.a:active { border-bottom: 0px ; text-decoration: none;}
pict_link.a:visited { border-bottom: 0px ; text-decoration: none; }
pict_link.a:hover { border-bottom: 0px ; text-decoration: none; }
div { margin: 0; padding: 0; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-table; }
em { border-bottom: 1px solid #d3de82; background: #f4f8da; }
/*============================
FORMIT
==============================*/
form label, form input, form textarea, form div.cr p {
font-size: 10px;
margin-bottom: 0px; line-height: 16px;
font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}
form div.cr p { margin: 0; padding: 0; }
form label, form div.cr p {
text-align: left; width: 125px;
padding-right: 5px; margin-bottom: 3px;
}
form div.cr { clear: both; }
form div.cr br { line-height: 0; margin: 0; padding: 0; height: 0; clear: both; }
form div.cr label { float: none; text-align: left; margin: 0; padding: 0; width: auto; line-height: 20px; }
form div.cr input { width: auto; margin: 0; }
form br { clear: left; }
form input.btn {
width: auto; margin-bottom: 3px; cursor: pointer;
}
form input.btn1 {
width: auto; margin-bottom: 3px; margin-right: 10px; height:20px;cursor: pointer;border:1px solid #666
}
form .sisennys { margin-left: 130px; }
/*-----------------------------
FORMIN HOVERIT JA FOCUSIT
-------------------------------*/
form label:hover, form label.sfhover {
}
form input:hover, form input.sfhover,
form textarea:hover, form textarea.sfhover {
}
form input:focus, form input.sffocus,
form textarea:focus, form textarea.sffocus {
}
form div.cr input:hover, form div.cr input.sfhover {
}
form div.cr input:focus, form div.cr input.sffocus {
}
/*============================
ULKOASU
==============================*/
body {
margin: 0; padding: 0; border: 0;
font-size: 75%; font-family: Arial, Helvetica, sans-serif; text-align: left;
background: #FFF;
}
#container {
position: relative;
margin: 10px 0px;
}
#top { position: relative; width: 984px; height: 82px; }
#logo {
position: relative;
background: transparent scroll no-repeat left bottom;text-decoration: none;
}
#logo2 {
position: absolute; top: 14px; left: 305px;
background: transparent scroll no-repeat left bottom;text-decoration: none;
}
#logo_rv { /* Result Viewer interface */
position: relative; width: 305px; height: 110px;
background: transparent url(i/lefttop.gif) scroll no-repeat left bottom;
}
#logo img { margin-left: 20px; }
#langchooser { position: absolute; top: 3px; right: 62px; }
#langchooser_report { position: absolute; top: 0px; left: 440px; }
#login {
position: absolute; width: 639px; height: 35px; top: 54px; left: 295px;
background: #d3de82 url(i/loginbg.jpg) scroll no-repeat left top; text-align: right;
}
#logout {
text-align: right;
position: absolute; width: 639px; height: 35px; top: 54px; left: 295px;
background: #d3de82 url(i/loginbg.jpg) scroll no-repeat left top;
}
#logout2 {
text-align: right;
position: absolute; top: 64px; left: 5px;
}
.logout_text {
position: relative; top: 7px; margin-right: 12px;
}
#support {
position: absolute; width: 639px; height: 35px; top: 47px; left: 880px;
margin-top:7.5px;
}
#logout label {
position: relative; left: 28px; top: 7px;
width: 420px; cursor: auto; }
#login form { margin-top: 8px; text-align: right; }
#login label { width: 360px; font-weight: bold; cursor: auto; text-align: right; }
#login input { width: 100px; margin-left: 3px; }
#login input.btn { width: auto; }
#login input.btn1 { width: auto; }
#left {
position: absolute; width: 250px; top: 82px; left: 0px;
background: #d3de82 url(i/leftbg.gif) scroll repeat-y left top;
}
#top_of_menu {
position: absolute; width: 250px; top: 65px; left: 0px;
background: url(i/lefttop.gif) left top;
}
#nav {
position: relative;
width: 200px; height: 453px; margin: 0 10px;
}
#nav ul, #nav li {
margin: 0; padding: 0;
list-style: none; list-style-position: outside;
}
#quickcontact {
width: 250px; position: relative;
background: transparent url(i/leftbottom.gif) scroll no-repeat left bottom;
}
.menuitem { width:188px;
margin: 0px 20px 0; text-align: left;
padding: 10px 0 0px;
background: transparent url(i/qcontact_top.gif) scroll repeat-x left top;
font-size:14px;font-weight: bold; color: #727847;
}
.menuitem li a {
display: block;
font-size: 14px; line-height: 25px;
height: 25px; margin: 0;
font-weight: bold; text-decoration: none;
white-space: nowrap; color: #424d08; border: 0;
}
.menuitem li a:visited { color: #424d08; border: 0; }
.menuitem li a:hover { width:188px; background-color: #3f92c4; color: #FFF; border: 0; }
#logo a {color: #FFF; border: 0; text-decoration: none;}
#logo_rv a {color: #FFF; border: 0; text-decoration: none;}
.menuitem_selected {font-weight: bold;margin-left: 1px;color: #333; margin-top:0}
.smallmenuitem { width:150px; margin-left:30px;margin-bottom:3px;
}
.smallmenuitem a
{ margin-left:30px;font-size: 12px; line-height: 15px;
height: 12px; margin: 0;
font-weight: bold; text-decoration: none;
white-space: nowrap; color: #424d08; border: 0;
}
.smallmenuitem a:visited { color: #424d08; border: 0; }
.smallmenuitem a:hover { width:150px; background-color: #3f92c4; color: #FFF; border: 0; }
.smallmenuitem_selected {font-weight: bold;text-decoration: ;margin-left: 1px;color: #20658F; }
#main {
margin-left: 295px; margin-top: 20px;
}
#content {
margin: 0 25px 0 15px; padding-bottom: 30px;
}
.management {
border: 1px solid #d3de82; margin: 0 0 5px;
}
.management img {
float: left; margin: 5px 15px 5px 5px;
}
.management p {
padding-top: 35px; line-height: 2;
}
#copy {
position: relative-2; background-color: #fff;
padding-left: 26px; padding-top: 5px;margin: 0
}
#copy p { display: block; margin: 0; }
.table_title {font-weight: bold;}
.table_border {border-bottom-color: #eee; border-bottom: 1px solid #999;}
a.func_link, a.func_link:link { cursor:pointer; color: #034787; font-weight: normal; border-bottom: 0px; text-decoration: none; }
a.func_link:visited { color: #034787; }
a.func_link:hover { border-bottom: 0px;color: #8ba41c; }
a.content_link, a.content_link:link { font-size:12px;color: #000; font-weight: normal; border-bottom: 0px; text-decoration: underline; }
a.content_link:visited { color: #333; }
a.content_link:hover { border-bottom: 0px;color: #8ba41c; }
a.base_link, a.base_link:link { font-size:1.2em;color: #000; font-weight: normal; border-bottom: 0px; text-decoration: none; }
a.base_link:visited { color: #333; }
a.base_link:hover { border-bottom: 0px;color: #8ba41c; }
a.top_link, a.top_link:link { color: #424d08; font-weight: bold; text-decoration: none; }
a.top_link:visited { color: #424d08; text-decoration: none;}
a.top_link:hover {color: #8ba41c; text-decoration: none;}
#nav_str {font-weight: bold; margin-top:8px }
.input_data {width:300px;}
.input_answer_option {width:300px; font-weight: bold;}
.input_score {font-weight: bold;}
.save_button {width:100px; border:1px solid; margin-top:8px;margin-right:2px;}
.button { border:1px solid; margin-top:0px;margin-right:2px;}
.branch { background-color:#caffc3;border-bottom: 1px solid #b9b9b8;border-top: 1px solid #b9b9b8; padding-left:3px; color: #006201; }
.other_option {margin-left:22px}
.answer_options {padding-left:20px}
.page {color:#408080;border-bottom: 1px solid #b9b9b8;border-top: 1px solid #b9b9b8;padding-left:3px; background-color: #f4e2dd}
.question {padding-left:10px;}
.punct {
background: url(i/punct.gif) repeat-x left bottom;
text-align: left;
/*text-decoration: blink;*/
color: #808183;
font-size:x-small;
margin: 10px 0px 10px 0px;
}
/*
Conteiner_Group - RatingScale
*/
.Conteiner_Group {background:#EAF0B5; margin-bottom: 10px; padding-bottom: 10px; padding-left: 10px}
.save_button_resbin {width:150px; border:1px solid; margin-top:8px;margin-right:2px;}
.ordinal_number_td {width:80px;}
.slide_button_open {
background: #D3E0F4 url(i/minus.gif) scroll no-repeat left center;
color:#000000;
border-bottom: 1px solid #b9b9b8;
border-top: 1px solid #b9b9b8;
cursor:pointer;
padding-left:13px;
}
.slide_button_close {
background: #D3E0F4 url(i/plus.gif) scroll no-repeat left center;
color:#000000;
border-bottom: 1px solid #b9b9b8;
border-top: 1px solid #b9b9b8;
cursor:pointer;
padding-left:13px;
}
.enter {
TEXT-ALIGN: left;
position: absolute; top: 11px; right: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
padding-left: 0px;
z-index: 1000000;
}
DIV.enter_new_page {
TEXT-ALIGN: left;
position: absolute; top: 6px; left: 615px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
padding-left: 0px;
z-index: 1000000;
}
DIV.enter_rv {
TEXT-ALIGN: left;
position: absolute; top: 6px; left: 730px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
padding-left: 0px;
z-index: 1000000;
}
DIV.lang {
TOP: 18px;
right:7px;
width:84px;
background-color:#FFFFFF;
border-color:#aaaaaa;
border-style:solid;
border-width:1px;
border-top:none;
POSITION: absolute;
display:inline;
}
.submenu { text-align: left}
.submenu A {
DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 80px; PADDING-TOP: 5px; TEXT-DECORATION: none; COLOR: #002e6c; font-weight:normal; font-family: Arial, Helvetica, sans-serif;
}
.submenu A:hover {
DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 80px; PADDING-TOP: 5px; TEXT-DECORATION: none; background-color:#4e4f50; font-weight:normal; font-family: Arial, Helvetica, sans-serif;
COLOR: white;
}
a.top_menu, a.top_menu:visited {color:#333333; text-decoration:underline;}
a.top_menu:hover {color:#000000; text-decoration:underline;}
a.top_menu_external, a.top_menu_external:visited {color:#104391; text-decoration:underline;}
a.top_menu_external:hover {color:#2969cb; text-decoration:underline;}
.top_menu_selected {color:#333333; text-decoration:none; font-weight: bold; }
.footer_menu { }
a.footer_menu, a.footer_menu:visited {font-weight: normal; font-size: 10px; color:#333333; text-decoration:underline;}
a.footer_menu:hover {color:#000000; text-decoration:underline;}
.lang_form {background-position: 3px 3px; background-image:url(i/langForm.gif); background-repeat:no-repeat; text-align: left}
DIV.lang_drop {
TOP: 32px;
right:20px;
width:84px;
background-color:#FFFFFF;
border-color:#aaaaaa;
border-style:solid;
border-width:1px;
border-top:none;
POSITION: absolute;
display:inline;
}
.mainmenu_cell {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:14px; font-weight:normal;}
a.mainmenu, a.mainmenu:visited {display:block; color:#000000; text-decoration:none;font-weight:normal;}
a.mainmenu:hover {background-color:#4e4f50; color:#ffffff; text-decoration:none;font-weight:normal;}
.submainmenu_cell { padding-left:20px; padding-top:3px; padding-bottom:3px; font-size:12px;font-weight:normal;}
a.submainmenu, a.submainmenu:visited {display:block; color:#000000; text-decoration:none;font-weight:normal;}
a.submainmenu:hover {display:block; color:#ffffff; background-color:#4e4f50; text-decoration:none;font-weight:normal;}
.submainmenu_selected {padding-top:3px; padding-bottom:3px; font-size:12px; color:#215ab1; font-weight:bold; }
.mainmenu_selected {padding-top:5px; padding-bottom:5px; font-size:14px; color:#215ab1; font-weight:bold; }
.submainmenu_disabled { padding-left:30px;padding-top:3px; padding-bottom:3px; font-size:12px; color:#444; font-weight:normal; }
.mainmenu_disabled { padding-left:10px;padding-top:5px; padding-bottom:5px; font-size:14px; color:#444; font-weight:normal; }
.login_input {width: 140px; color: #333; font-size:18px; font-wight:bold; border-color: #b9b9b8; border-style: solid; border-width: 1px;}
.login_button {width: 140px; color: #333; font-size:15px; font-wight:bold; border-color:#b9b9b8; border-style: solid; border-width: 1px;}
.login_input_email {width: 260px; color: #333; font-size:18px; font-wight:bold; border-color:#b9b9b8; border-style: solid; border-width: 1px;}
.navi {height:32px; background-color: #d3e0f4; font-size:12px; color:#444; font-weight:normal; padding-top:3px; padding-bottom:3px; padding-left:11px; }
a.navi_link, a.navi_link:visited {color:#333333; text-decoration:underline; font-weight:normal; }
a.navi_link:hover {color:#000000; text-decoration:underline; font-weight:normal;}
.table_header {background-color:#D3E0F4; color:#000000; border-bottom: 1px solid #b9b9b8;border-top: 1px solid #b9b9b8; }
.table_cell { border-bottom: 0px solid #cccccc; padding:0px; border-bottom: 1px solid #b9b9b8;}
.table_string { }
.table_string:hover {background-color: #caffc3; color:#000000; }
.table_cell_res { border-bottom: 0px solid #cccccc; padding-left:3px; }
.table_string_res { }
.table_string_res:hover {background-color: #caffc3; color:#000000; cursor:crosshair}
.res_table { border: 1px solid #b9b9b8;padding:0px}
.res_table_branch { border: 1px solid #b9b9b8;padding:0px}
.matrix_column_header {background-color: #b3c1f4;color:#000000; border-bottom: 1px solid #b9b9b8;border-left: 1px solid #b9b9b8; }
.matrix_answers {background-color: #c6e5e5;color:#000000; border-bottom: 1px solid #b9b9b8;border-left: 1px solid #b9b9b8; }
.matrix_cell {color:#000000; border-bottom: 1px solid #b9b9b8;border-left: 1px solid #b9b9b8;padding-left: 1px; padding-right: 1px; }
.matrix_scores {border-left: 1px solid #b9b9b8;}
.button {border:1px solid; margin-top:8px; margin-bottom:8px; margin-right:2px;cursor:pointer}
.notice_table {background-color: #caffc3; border: 1px solid #b9b9b8;padding:5px}
.submenu_table {background-color: #caffc3; border: 1px solid #b9b9b8;padding:5px}
.q_type {color:#777777;padding-left:3px;}
.r_question { padding:3px; font-size: 16px; background-color: #ededed;}
.r_option {width:450px; padding-left:10px; padding-left:3px; padding-right:3px}
.r_percent {color:#024B2D;}
.r_qtype {color:#666666; font-size:x-small; padding-left:3px; padding-right:3px}
.r_branch {margin-left:30px; padding-left:3px}
.r_branch_text {color:#666666; font-size:x-small; padding-left:3px; padding-right:3px;border-bottom: 1px solid #b9b9b8;}
.report_question { padding:3px; font-size: 16px; background-color: #ededed; border-bottom: 1px solid #b9b9b8;}
.table_header_report {background-color:#D3E0F4; color:#000000; border-bottom: 1px solid #b9b9b8;border-top: 1px solid #b9b9b8; }
.es_header {background-color:#D3E0F4; color:#000000; border-bottom: 1px solid #b9b9b8; padding:2px; height: 30px; }