#dt_container {position: relative}
#dt_container ul, #dt_container ol {margin: 0}
#dt_part1 {position: relative; height: 470px; padding: 20px}
#dt_user_keywords, #dt_user_technologies {border: 1px ridge #808080; width: 140px; padding: 5px}
#dt_user_keywords.dt_hover, #dt_user_technologies.dt_hover {border-color: black}
#dt_user_technologies {/* height: 80px;*/ }
#dt_user_keywords {/* height: 50px;*/ }
.dt_upper {position: absolute; top: 50px}
.dt_p1_vert2 {position: absolute; top: 85px}
.dt_middle{ position: absolute; top: 250px}
.dt_p1_vert4 {position: absolute; top: 285px}
.dt_lower {position: absolute; top: 400px}
.dt_p1_right {position: absolute; left: 250px}
.dt_p1_left {position: absolute; left: 50px}
#dt_p1_start_link {position: absolute; right: 0px; bottom: 0px; margin: 20px}
.dt_user_td{ vertical-align: top; text-align: left; /*padding: 30px;*/ }
ul.dt_list {height: 150px; padding: 0px; /*background-color: red;*/ width: 190px; font-size: 11px}
ol.dt_list_nr {list-style-position: inside; /* height: 130px; width: 140px;*/ line-height: 130%; padding: 0px; /*width: 190px;*/ font-size: 11px; list-style-type: decimal}
.dt_list_nr li {cursor: pointer}
.dt_right_pos {float: right}
.dt_list li {/*background-color: green;*/ /*width: 100px;*/ /*display: inline;*/ /*float: left;*/ /*list-style-type: none;*/ /*padding-right: 0px;*/ cursor: pointer}
ul.dt_list_wide {padding: 0px; /*background-color: red;*/ width: 500px; font-size: 11px; list-style-type: none; list-style-position: outside}
.dt_list_wide li {/*background-color: green;*/ width: 100px; /*display: inline;*/ float: left; list-style-type: none; padding-right: 0px; cursor: pointer}
.dt_small_desc {font-size: 9px; color: #808080}
#dt_part2 {/* Total height: no more than 510px! Because of gp_challenge_content. */ display: none; padding: 10px; height: 490px}
#dt_assignment {position: relative; width: 790px; float: right}
#dt_consults {position: absolute; padding-top: 2px; top: 80px; left: 50px; width: 800px; height: 370px}
#consultant_list {position: absolute; top: 130px; left: 50px}
#dt_consult_info {display: none; position: absolute; top: 290px; left: 50px; width: 380px; /* background-color: lightbrown;*/ }
#dt_consultant_info_interests {height: 4.0em; overflow: hidden}
#dt_consultant_info_technologies, #dt_consultant_info_keywords {height: 1.4em; overflow: hidden}
#dt_right_dreamteam {padding-top: 2px; position: absolute; top: 100px; right: 50px; text-align: center; /* float: right;*/ width: 380px; height: 360px; background-image: url('/img/dreamteam/right_back.gif'); background-position: top center; background-repeat: no-repeat; /*border: 1px solid green;*/ }
#dt_team {margin-left: auto; margin-right: auto; width: 250px; /*border: 1px solid blue;*/ }
#dt_team_info {margin-left: auto; margin-right: auto; width: 380px; bottom: 0px; padding: 0px; /*border: 1px solid black;*/ }
#dt_team_technologies {border-bottom: 1px solid #808080; height: 42px}
#dt_team_keywords {border-bottom: 1px solid #808080; height: 28px}
.dt_consult {position: relative; float: left; cursor: pointer; height: 120px; width: 76px; background-repeat: no-repeat; border-bottom: 1px solid #808080; /* z-index: 400;*/ left: 0; top: 0}
.dt_consult_big {height: 240px}
.dt_consult_user {background-image: url('/img/dreamteam/user.gif')}
.dt_technologies li {display: none; list-style-type: none; padding-left: 0px; padding-right: 2px}
.dt_keywords li {display: none; list-style-type: none; padding-left: 0px; padding-right: 2px}
.dt_tech_info li {display: inline; list-style-type: none; padding-right: 5px}
.dt_person_place {float:left; height: 240px; width: 76px; border: 1px solid #808080; /* z-index: 0;*/ /*z-index: 5;*/ }
.dt_technology, .dt_keyword {/* z-index: 5;*/ }
.dt_person_place_hover {background-color: #e0e0e0; /* z-index: 0;*/ }
.dt_person_place_busy {background-color: white}
/* Egenskaper för container för alla dt_team-listor */ .dt_team_prop {float:left; width: 100%}
/* Listor i dt_team */ ul.dt_team_list {/* display: outside;*/ padding: 0px; margin: 0px}
.dt_team_list li {/*width: 50px;*/ float: left; list-style-type: none; padding-right: 2px; font-size: 10px; /*cursor: pointer;*/ }
.dt_clear_both {clear: both; height: 0px; width: 100%}
#dt_done {position: absolute; bottom: 10px; margin-top: 5px; width: 100%; text-align: center; /* cursor: pointer; cursor: hand;*/ }
.dt_interests {display: none}
/* ================= Överlagringar =============== */ .ch_title, .ch_small_title {margin-top: 0px; margin-bottom: 5px}
/* .dt_done_hoover {text-decoration: underline; color: #808080}*/ .dt_noshow {display: none}
/* #dt_part1_table td{ }
#dt_user_consult {float: left; z-index: 0}
#dt_consult_area {float: left; width: 420px}
.dt_topic {padding-bottom: 2px}
#dt_team_persons {border: 1px solid blue}
#dt_team_interests {border-bottom: 1px solid #808080}
*/div.qz_main img {border-width: 0}
#qz_image_area {position: absolute; width: 300px; left: 90px; top: 30px}
.qz_image {width: 300px}
#qz_question_area {width: 340px; position: absolute; right: 65px; top: 30px}
#qz_footer {position: absolute; bottom: 0px; width: 100%}
.qz_hidden_at_start {visibility: hidden}
.qz_answer {}
.qz_answer_hover {}
.qz_answer_selected {/* border: 2px solid blue;*/ background-color: #E0E0E0}
#qz_progress_bar_container {border-top: 2px solid black; /*background-color: blue;*/ }
.qz_progress_bar {/*display: inline;*/ float: left; width: 30px; height: 35px; text-align: center; border-style: ridge; border-color: black; /*padding: 8px;*/ margin: 5px; border-width: 1px; font-weight: bold; font-family: arial; font-size: 1.5em; cursor: pointer}
.qz_progress_bar_current {position: relative; top: -10px; border-width: 3px}
.qz_progress_bar_visited {background-color: #E6E6E6; /* light-gray */ }
.qz_progress_bar_cleared {background-color: #747474; /* light-gray */ }
.qz_link_right {float: right; padding: 12px}
.qz_result_row {position: relative}
.qz_right_wrong {position: absolute; left: 430px}#cm_main {position: relative; height: 100%}
#cm_toolbox {position: absolute; border-style: solid; border-width: 1px; border-color: black; background-color: #F0F0F0; /* float: left;*/ top: 80px; width: 285px}
#cm_machine_area {position: absolute; top: 5px; right: 20px; /* left: 375px; */ width: 500px; height: 460px; background-position: top left; background-repeat: no-repeat}
/* #cm_machinebox {position: absolute; width: 200px; height: 50px}*/ #cm_info {position: absolute; top: 25px}
#cm_result {position: absolute; bottom: 20px; width: 375px}
#cm_machine_message {float: right}
#cm_continue, #machine_run_button {position: absolute; bottom: 0}
#cm_machine_fixed {}
.cm_clearer {clear: both}
.cm_placeholder {position: absolute}
.cm_placeholder_hover {background-color: red}
.cm_placeholder_inner {position: absolute; right: 0; top: 0; border: 1px solid #808080; background-color: white; padding: 1px}
.cm_block_nr {padding: 2px}
.cm_block {padding: 2px; position: absolute; border-style: solid; border-width: 1px; border-color: #808080; height: 18px; text-align: left}
.cm_code_block {cursor: pointer; background-color: #E0E0E0}
.cm_nestable {background-color: #c0c0c0}
#cm_start_block {background-color: #929194; cursor: default}
.cm_start_block_inner {position: absolute; right: 0; top: 0}
#cm_foot_centerer {position: absolute; bottom: 20px; right: 20px; cursor: default; width: 500px; height: 26px; text-align: center}
#cm_end_block {text-align: left; margin-left: auto; margin-right: auto; cursor: default; width: 342px; height: 26px; background-image: url('/img/machine/cm_bottom2.png'); background-repeat: no-repeat}
#cm_end_block_inner {margin-left: 6px; margin-top: 5px; float: left}
#cm_signal {margin-right: 5px; margin-top: 6px; float: right}
#cm_machine_feedback {position: absolute; text-align: center; width: 140px; height: 200px}
#cm_debug_msg {position: absolute; left: 0; bottom: 0}
.cm_result_row {position: relative; /* height: 1.4em;*/ }
.cm_ind1 {/* position: absolute; left: 0px;*/ }
.cm_ind2 {position: absolute; left: 80px}
.cm_ind3 {position: absolute; left: 160px}
.cm_ind4 {position: absolute; left: 240px}
.cm_htab1 {left: 100px}
.cm_htab2 {left: 50px}
.cm_htab3 {left: 740px}
.cm_noshow {display: none}
.cm_try_img {display: inline; margin-right: 5px}
.cm_vtab1 {bottom: 100px}
.cm_vtab2 {bottom: 40px}
.cm_vtab_bottom {bottom: 20px}
/* .cm_block_in_toolbox {background-color: yellow}
.cm_block_in_machine {background-color: green}
.cm_inner_block {position: static; float: right; width: 70px; height: 30px; background-color: blue}
.cm_inner_block_hover {background-color: red}
*/#ww_consultants {position: absolute; top: 50px; left: 10px}
.ww_consultant {position: relative; float: left; /* padding: 5px;*/ margin-right: 3px; border: 1px solid #808080;/*#FF9900;*/ width: 107px; height: 239px; /* background-image: url('/img/whoiswho/consultant_back.png'); background-repeat: no-repeat; background-position: center;*/ }
#ww_source {position: absolute; bottom: 10px; left: 10px; /* padding: 2px;*/ border: 1px solid #808080; /*#FF9900;*/ width: 555px; height: 204px}
#ww_clues {/* position: absolute;*/ /* top: 0px; left: 520px;*/ width: 280px; margin-right: 20px; padding: 0px; float: right}
#ww_clues ul {margin-bottom: 0; margin-right: 0; margin-left: 15px; padding: 0px; /* list-style-position: outside;*/ }
#ww_footer {/* position: relative;*/ margin-left: 15px; /* margin-right: 20px;*/ margin-top: 20px; width: 265px}
#ww_stopwatch {float:left; /* width: 120px;*/ /* font-family: verdana; font-size: 30px; font-weight: bold; background-color: lightgrey;*/ /* text-align: center;*/ }
#ww_correct_button_div {float: right}
#ww_correctButton {position: absolute; /* bottom: 0;*/ right: 0; margin-right: 40px}
.ww_clearer {clear: both}
#ww_correcter {width: 265px; margin-top: 20px; text-align: center}
#ww_err_msg {/* opacity: 0;*/ display: none; margin-left: auto; margin-right: auto}
#ww_correct_loader {display: none; margin-left: auto; margin-right: auto}
.ww_id, .ww_property, .ww_position {visibility: hidden; display: none}
.ww_drink, .ww_education, .ww_tool, .ww_interest {/* float: left;*/ cursor: pointer; position: absolute; /* padding-top: 5px; padding-left: 28px;*/ width: 100px; height: 30px; text-align: left; vertical-align: middle; border-style: none; background-color: white; background-repeat: no-repeat}
.ww_property_tag {float:right; width: 72px; /* position: absolute; top: 5px; left: 28px;*/ }
.ww_name_tag {width: 100px; text-align: center; position: absolute; top: 8px}
.ww_name {cursor: pointer; position: absolute; /* padding-top: 8px;*/ width: 100px; height: 28px; vertical-align: middle; border-style: none; /* background-color: white;*/ background-repeat: no-repeat; background-position: top center}
/* .ww_name strong, .ww_drink strong, .ww_education strong, .ww_tool strong, .ww_interest strong {margin-left: 25px}*/ .ww_name {background-image: url( '/img/whoiswho/name.png' )}
.ww_drink {background-image: url( '/img/whoiswho/drink.png' )}
.ww_education {background-image: url( '/img/whoiswho/education.png' )}
.ww_tool {background-image: url( '/img/whoiswho/tool.png' )}
.ww_interest {background-image: url( '/img/whoiswho/interest.png' )}
.ww_newrow {clear: left}
.ww_droppable-active {/* border-color: #FF0000;*/ }
.ww_droppable-hover {/* background-color: #FF0000;*/ border-color: #FF0000}
.ww_outline1, .ww_outline2, .ww_outline3, .ww_outline4, .ww_outline5 {background-position: top center; background-repeat: no-repeat; height: 60px; margin-top: 5px}
.ww_outline1 {background-image: url('/img/whoiswho/outline1.png')}
.ww_outline2 {background-image: url('/img/whoiswho/outline2.png')}
.ww_outline3 {background-image: url('/img/whoiswho/outline3.png')}
.ww_outline4 {background-image: url('/img/whoiswho/outline4.png')}
.ww_outline5 {background-image: url('/img/whoiswho/outline5.png')}
.ww_cons_name {position: relative; background-image: url('/img/whoiswho/ww-name.png'); background-position: top center; background-repeat: no-repeat; margin-top: 4px; height: 30px}
.ww_cons_education, .ww_cons_interest, .ww_cons_tool, .ww_cons_drink {position: absolute; left: 2px; background-position: top left; background-repeat: no-repeat; height: 30px; width: 100%}
.ww_cons_education {top: 100px; background-image: url('/img/whoiswho/ww-education.png')}
.ww_cons_interest {top: 135px; background-image: url('/img/whoiswho/ww-interest.png')}
.ww_cons_tool {top: 170px; background-image: url('/img/whoiswho/ww-tool.png')}
.ww_cons_drink {top: 205px; background-image: url('/img/whoiswho/ww-drink.png')}.boardword {cursor: pointer}
#answers {/*background-color: lightblue;*/ }
#answers li {cursor: pointer}
#bingocontainer {height: 100%; /*line-height: 400px /* höjd på bingo'n*/ }
#bingoboard {/*vertical-align: middle;*/ margin-top: 20px; text-align: center}
#bingoboardtable {width: 450px; height: 450px; padding-right: 5px; padding-bottom: 5px; border: 0px; font-size: 9px; background-image: url('/img/bingo/board.jpg'); background-repeat: no-repeat; background-position: center center}
td.b_boardwordformat {padding: 0px; border: 0px; margin: 0px; width: 20%; /* också i js-scriptet */ height: 20%; /* också i js-scriptet */ background-repeat: no-repeat; background-position: center center; text-align: center; /*border: 1px solid blue;*/ }
td.b_correct {background-image: url('/img/bingo/b_correct.gif')}
td.b_incorrect {/*visibility: hidden;*/ background-image: url('/img/bingo/b_incorrect.gif')}
#bingoquestion {position: absolute; top: 30%; left: 30%; right: 30%; bottom: 30%; width: 40%; height: 40%; display: none; /* border: 1px solid black; background-color: yellow;*/ }
.bb_click_container {margin: 0 auto}
/* .bb_click_icon, .bb_click_icon_good, .bb_click_icon_bad {height: 15px; width: 15px; display: inline}
*/ /* .bb_click_icon {background-image: url('/img/bingo/click.png')}
.bb_click_icon_good {background-image: url('/img/bingo/click_good.png')}
.bb_click_icon_bad {background-image: url('/img/bingo/click_bad.png')}
*/ #b_status {/*position: float;*/ }#co_links {/* right: 0px;*/ text-align: right}
#co_agreement {/* width: 400px; margin-left: auto; margin-right: auto;*/ width: 420px; margin-top: 30px}
#co_form_centerer {text-align: center; width: 900px}
#co_form {/* position: absolute; left: 250px; top: 30px;*/ text-align: left; width: 450px; height: 460px; margin-left: auto; margin-right: auto; margin-top: 30px}
.input {position: relative; margin-bottom: 8px}
.input.text input {left: 120px; position: absolute; width: 160px}
.input.checkbox input {left: 0px; position: absolute}
.input.checkbox label {left: 25px; position: relative}.link {cursor: pointer; cursor: hand}
.link a {color: #ffffff; line-height: 2em; float: left; text-decoration: none; text-align: center}
a:hover {color: blue; text-decoration: underline}
#registerbox {height: 40px; width: 300px; background-color: lightblue; border: 1px solid; cursor: pointer; cursor: hand}
#logout {cursor: pointer; cursor: hand}
.error {color: red; font-weight: bold}
.message_error {color: red; font-weight: bold}
/* Gör det här till en klass istället, så påverkar det inte saker inuti utmaningarna. Du har bättre koll än jag på var den ska användas, så jag låter dig fixa det... ;) /Linus (till Marcus) input {clear: both; display: block; font-size: 12px; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; padding: 0px; width: 300px}*/