body,div,p,h1,h2,h3 { margin:0; padding:0; border:0; position:relative; cursor:default; }
table { border-spacing:0px; border-collapse:collapse; }
a { text-decoration:none; cursor:pointer; }

@font-face { font-family:HelveticaNeueRoman; src:url(HelveticaNeueW15-55Roman.EOT?#iefix) format("embedded-opentype"), url(HelveticaNeueW15-55Roman.ttf) format("truetype"); }
@font-face { font-family:HelveticaNeueBold; src:url(HelveticaNeueW15-75Bold.EOT?#iefix) format("embedded-opentype"), url(HelveticaNeueW15-75Bold.ttf) format("truetype"); }

body { background:#aaaaaa; }
body { background-image:-moz-radial-gradient(#fcfcfc 30%, #bdcee0); background-image:-webkit-radial-gradient(#fcfcfc 30%, #bdcee0); background-image:radial-gradient(#fcfcfc 30%, #bdcee0); }
body > div { width:1024px; height:748px; margin:auto; overflow:hidden; background:#e4eaf2; }
body > div { background-image:-moz-radial-gradient(#fcfcfc 30%, #bdcee0); background-image:-webkit-radial-gradient(#fcfcfc 30%, #bdcee0); background-image:radial-gradient(#fcfcfc 30%, #bdcee0); }
body div.inactive { display:none; }
*.clear_all { clear:both; margin:0 !important; padding:0 !important; }
div.alert { height:32px; margin:0 auto; position:relative; border-radius:5px; font:normal 18px/32px HelveticaNeueRoman,sans-serif; overflow:hidden; cursor:pointer; text-align:center; color:#ffffff; background:#e9b226; }
button,
input[type=submit] { margin:0; padding:0; display:block; border:none; cursor:pointer; }
button.primary,
input[type=submit] { width:250px; height:46px; border-radius:5px; font:normal 18px/46px HelveticaNeueRoman,sans-serif; text-align:center; color:#ffffff; background:#03107b; -webkit-appearance:none; }
button.secondary { width:160px; height:43px; position:absolute; left:720px; z-index:999; font:normal 16px/43px HelveticaNeueRoman,sans-serif; color:#444444; background:#e4e4e4; }
button.secondary:before { content:"\232A"; position:absolute; top:0; left:10px; font-size:12px; font-weight:bold; color:#08107b; }
button.secondary span { color:#08107b; }
button.secondary.bottom { top:538px; }
div.button { height:32px; margin:0 auto; position:relative; border-radius:5px; font:normal 18px/32px HelveticaNeueRoman,sans-serif; overflow:hidden; cursor:pointer; text-align:center; color:#ffffff; background:#e9b226; }
div.close { width:32px; height:32px; position:absolute; border-radius:16px; cursor:pointer; text-align:center; font:bold 16px/32px sans-serif; color:#ffffff; background:#4d4d4d; }
div.close:before { content:"\2716"; }
*.error { color:#e60000 !important; }

div#header { height:60px; overflow:hidden; border-bottom:solid 25px #ffffff; box-shadow:0 1px 3px rgba(0,0,0,0.4); background-color:#1d3964; }
div#header { background-image:-moz-linear-gradient(#42628f 10%, #081d40); background-image:-webkit-linear-gradient(#42628f 10%, #081d40); background-image:linear-gradient(#42628f 10%, #081d40); }
div#header div#logo { width:125px; position:absolute; top:17px; left:50px; opacity:0.9; font:normal 13px/14px HelveticaNeueRoman,sans-serif; color:#ffffff; cursor:pointer; }
div#header div#logo strong { width:auto; height:28px; padding-right:7px; margin-right:7px; display:block; float:left; border-right:2px solid #ffffff; font:normal 18px/28px HelveticaNeueBold,sans-serif; }
div#header div.tab { width:136px; height:46px; position:absolute; bottom:0; box-shadow:0 2px 4px #000000; text-align:center; cursor:pointer; font:normal 17px/46px HelveticaNeueBold,sans-serif; color:#ffffff; background:#496ca4; }
div#header div.tab { background-image:-moz-linear-gradient(#7ca4da, #213964); background-image:-webkit-linear-gradient(#7ca4da, #213964); background-image:linear-gradient(#7ca4da, #213964); }
div#header div#tabHome { left:221px; }
div#header div#tabTraining { left:370px; }
div#header div#tabQuiz { right:370px; }
div#header div#tabAboutNice { right:221px; }
div#header div.tab.active_true { box-shadow:none; color:#e09b00; background:#ffffff; }
div#header div#homeLink { width:20px; height:10px; position:absolute; top:32px; right:50px; opacity:0.5; cursor:pointer; background:#ffffff; }
div#header div#homeLink > div { width:14px; height:14px; cursor:pointer; background:#ffffff; }
div#header div#homeLink > div { -moz-transform:rotate(-45deg) translate(7px, -3px); -webkit-transform:rotate(-45deg) translate(7px, -3px); transform:rotate(-45deg) translate(7px, -3px); }
div#header div#homeLink > div > div { content:"\2335"; font-size:40px; cursor:pointer; color:#ffffff; }
div#header div#homeLink > div > div { -moz-transform:rotate(-135deg) translate(6px, 12px); -webkit-transform:rotate(-135deg) translate(8px, 17px) scale(1.5, 1); transform:rotate(-135deg) translate(6px, 12px); }
div#header.home { border-style:none; box-shadow:none; background:transparent; }
div#header.home div#logo { top:25px; }
div#header.home div.tab { display:none; }
div#header.home div#homeLink { display:none; }

div.main_screen { width:925px; height:560px; position:absolute; left:50px; top:110px; display:none; box-shadow:0 0 3px rgba(0,0,0,0.1); background:#ffffff; -webkit-backface-visibility:hidden; }
div.main_screen h1 { margin:40px 0 20px 25px; font:normal 36px HelveticaNeueRoman,sans-serif; text-align:left; color:#444444; }
div.main_screen h3 { margin:0 0 20px 25px; font:normal 24px HelveticaNeueRoman,sans-serif; text-align:left; color:#444444; }
div.main_screen a { font-family:HelveticaNeueRoman,sans-serif; color:#03107b; }
/*div.main_screen a:before { content:"\276d"; margin:0 8px 0 -13px; font-weight:bold; }*/
div.main_screen a:before { content:"\232A"; margin-left:-8px; position:relative; top:-2px; left:-1%; font-weight:bold; }
div.main_screen p { font-family:HelveticaNeueRoman,sans-serif; color:#444444; }
div.main_screen > p { margin:0 0 20px 25px; font-size:18px; line-height:22px; }
div.main_screen div.content_box { margin:0 0 40px 25px; padding:25px 40px 10px 25px; width:585px; background:#f1f1f1; }
div.main_screen div.content_box h3 { margin-left:0; }
div.main_screen div.content_box a { margin:0 0 5px 15px; display:block; font-size:18px; line-height:22px; }
div.main_screen div.content_box a:before { font-size:14px; }
div.main_screen div.content_box p { margin:0 0 25px 15px; font-size:14px; line-height:17px; }
div.main_screen div.teaser_right { width:150px; position:absolute; top:107px; right:50px; }
div.main_screen div.teaser_right h3 { margin:0 0 10px; font-size:16px; line-height:19px; }
div.main_screen div.teaser_right div { margin:0 0 10px; }
div.main_screen div.teaser_right a { margin-left:11px; display:block; font-size:14px; line-height:17px; }
div.main_screen div.teaser_right a:before { margin:0 5px 0 -10px; font-size:12px; }
div.main_screen > div:first-child h1 { margin-top:35px; margin-bottom:20px; font:normal 30px/32px HelveticaNeueBold,sans-serif; text-align:left; color:#444444; }
div.main_screen > div:first-child h2 { margin-top:35px; margin-bottom:20px; font:normal 30px/32px HelveticaNeueBold,sans-serif; text-align:left; color:#444444; }
div.main_screen > div:first-child p { margin-left:50px; text-align:left; color:#444444; }
div.main_screen div.hint div { width:38px; height:41px; margin-right:9px; float:left; background:url(../images/Light-Bulb.png) top left no-repeat; background-size:38px 41px; -webkit-backface-visibility:hidden; }
div.main_screen div.hint p { overflow:hidden; font:normal 13px/17px HelveticaNeueRoman,sans-serif; }

div#home.main_screen {  }
div#result.main_screen div#info,
div#quiz.main_screen div#preview { width:100%; position:absolute; top:0; left:0; box-shadow:0 0 3px rgba(0, 0, 0, 0.3); text-align:center; background:#ffffff; }

div#home > div { width:100%; height:560px; opacity:0; position:absolute; top:0; left:0; z-index:10; background:no-repeat; background-size:925px 560px; -webkit-backface-visibility:hidden; }
div#home > div.home_screen_start { background-image:url(../images/home-screen-start.jpg); }
div#home > div.home_screen_type1 { background-image:url(../images/home-screen-type1.jpg); }
div#home > div.home_screen_type2 { background-image:url(../images/home-screen-type2.jpg); }
div#home > div.home_screen_type3 { background-image:url(../images/home-screen-type3.jpg); }
div#home > div.home_screen_final { background-image:url(../images/home-screen-final.jpg); }
div#home > div.active { opacity:1; z-index:20; }
div#home > div { -webkit-transition:opacity 2s; transition:opacity 2s; }
div#home.main_screen > div > h2 { width:100%; height:100px; margin:0; position:absolute; top:374px; left:0; font:normal 36px/100px HelveticaNeueRoman,sans-serif; text-indent:20px; color:#444444; background:no-repeat rgba(255, 255, 255, 0.7); }
div#home.main_screen > div > h2.small { font-size:28px; }
div#home.main_screen > div.home_screen_final.active { z-index:1000; }
div#home.main_screen > div.home_screen_final > h2 { top:235px; text-align:center; text-indent:0; background-color:transparent; }
div#home.main_screen > div.home_screen_final > button.primary { margin:0 auto; position:relative; top:330px; }

div#training.main_screen { background:#e4e4e4; }
div#training.main_screen h1 { height:48px; margin:0 0 0 20px; font:normal 24px/48px HelveticaNeueRoman,sans-serif; }
div#training.main_screen div.training_image { width:640px; height:512px; position:relative; float:left; background:no-repeat; background-size:640px 512px; -webkit-backface-visibility:hidden; }
div#training.main_screen div.training_image div { width:74px; height:74px; position:absolute; border:3px solid #ffd94f; border-radius:40px; }
div#training.main_screen div.info { width:245px; margin:0 0 20px 0; padding:15px 25px 15px 15px; float:right; text-align:center; color:#444444; font:normal 12px/15px HelveticaNeueRoman,sans-serif; background:#ffffff; }
div#training.main_screen div.info p { margin:0; padding:0; text-align:left; font:normal 16px/20px HelveticaNeueRoman,sans-serif; }
div#training.main_screen div.info h3 { margin:10px 0 0; padding:0; text-align:center; font:normal 16px/20px HelveticaNeueBold,sans-serif; }
div#training.main_screen div.info div.icon { width:26px; height:26px; margin:10px auto; background:no-repeat; background-size:26px 26px; -webkit-backface-visibility:hidden; }
div#training.main_screen div.info div.icon.plus { background-image:url(../images/Plus-Sign.png); }
div#training.main_screen div.info div.icon.equal { background-image:url(../images/Equal-Sign.png); }
div#training.main_screen div.detail { width:116px; height:116px; margin:0 90px 20px 0; border-radius:58px; position:relative; z-index:1; float:right; overflow:hidden; }
div#training.main_screen div.detail > div { width:928px; height:742px; position:absolute; overflow:hidden; background:no-repeat #000000; background-size:928px 742px; -webkit-backface-visibility:hidden; }
div#training.main_screen select { width:253px; margin:0 15px 15px 0; display:block; border-style:none; border-radius:5px 0 0 5px; float:right; color:#444444; font:normal 16px/30px HelveticaNeueRoman,sans-serif; }
div#training.main_screen select option { border-style:none; outline-style:none; }
div#training.main_screen select { -webkit-animation-duration:10s; -webkit-animation-name:blink_select; -webkit-animation-delay:2s; -webkit-animation-iteration-count:3; }
div#training.main_screen select { animation-duration:10s; animation-name:blink_select; animation-delay:2s; animation-iteration-count:3; }

@-webkit-keyframes blink_select {
    from { color:#4d4d4d; }
    5% { color:#ffffff; }
    10% { color:#4d4d4d; }
    to { color:#4d4d4d; }
}
@keyframes blink_select {
    from { color:#4d4d4d; }
    5% { color:#ffffff; }
    10% { color:#4d4d4d; }
    to { color:#4d4d4d; }
}

div#training.main_screen div.hint { width:240px; margin:0 30px 0 0; float:right; }
div#training.main_screen div.button.active_true { -webkit-animation-duration:1s; -webkit-animation-name:blink_button; -webkit-animation-iteration-count:infinite; }
div#training.main_screen div.button.active_true { animation-duration:1s; animation-name:blink_button; animation-iteration-count:infinite; }
div#training.main_screen div.button { width:60px; height:60px; position:absolute; top:248px; border-radius:30px; box-shadow:0 0 18px rgba(0,0,0,0.3); cursor:pointer; text-align:center; font:bold 20px/60px sans-serif; color:#4d4d4d; background:#ffffff; }
div#training.main_screen div.button.previous { left:-30px; }
div#training.main_screen div.button.previous:before { content:"\2329"; }
div#training.main_screen div.button.next { right:-30px; }
div#training.main_screen div.button.next:before { content:"\232A"; }

@-webkit-keyframes blink_button {
    from { color:#4d4d4d; }
    25% { color:#4d4d4d; }
    50% { color:#ffffff; }
    75% { color:#4d4d4d; }
    to { color:#4d4d4d; }
}
@keyframes blink_button {
    from { color:#4d4d4d; }
    25% { color:#4d4d4d; }
    50% { color:#ffffff; }
    75% { color:#4d4d4d; }
    to { color:#4d4d4d; }
}

div#training.main_screen div.training_image div.active_true { -webkit-animation-duration:1s; -webkit-animation-name:blink_marker; -webkit-animation-iteration-count:infinite; }
div#training.main_screen div.training_image div.active_true { animation-duration:1s; animation-name:blink_marker; animation-iteration-count:infinite; border-color:#ffffff; }
@-webkit-keyframes blink_marker {
    from { border-color:#ffd94f; }
    25% { border-color:#ffffff; }
    to { border-color:#ffd94f; }
}
@keyframes blink_marker {
    from { border-color:#ffd94f; }
    25% { border-color:#ffffff; }
    to { border-color:#ffd94f; }
}
div#training.main_screen div.hint.failure_true { -webkit-animation-duration:0.15s; -webkit-animation-name:shake; -webkit-animation-iteration-count:5; }
div#training.main_screen div.hint.failure_true { position:relative; animation-duration:0.15s; animation-name:shake; animation-iteration-count:5; }
@-webkit-keyframes shake {
    from { left:0px; }
    25% { left:-5px; }
    50% { left:0px; }
    75% { left:5px; }
    to { left:0px; }
}
@keyframes shake {
    from { left:0px; }
    25% { left:-5px; }
    50% { left:0px; }
    75% { left:5px; }
    to { left:0px; }
}

div#quizIntroduction.main_screen {  }
div#quizIntroduction.main_screen div.content_box { width:775px; }
div#quizIntroduction.main_screen div.content_box button.primary { margin-bottom:15px; }
div#quizIntroduction.main_screen div.content_box p { font-size:18px; line-height:22px; color:#777777; }
div#quizIntroduction.main_screen div.content_box p a { margin:0; display:inline-block; text-indent:18px; }
div#quizIntroduction.main_screen div.content_box div.image_quiz_screenshot { width:290px; height:212px; margin:0 35px 15px 0; float:left; background:url(../images/quiz-screenshot.jpg) no-repeat; background-size:290px 212px; -webkit-backface-visibility:hidden; }

div#quiz.main_screen { height:535px; top:135px; background-color:#eeeeee; }
div#quiz.main_screen div#preview { opacity:0; overflow:hidden; line-height:280px; }
div#quiz div#preview img { vertical-align:middle; cursor:pointer; }
div#quiz div#preview div { width:30px; height:30px; display:inline-block; margin:0 0 0 -30px; position:relative; border-radius:15px; font:normal 20px/30px sans-serif; text-align:center; cursor:pointer; background:#ffffff; }
div#quiz div#preview div { -moz-transform:rotate(-75deg); -webkit-transform:rotate(-75deg); transform:rotate(-75deg); }
div#quiz div#preview div:before { content:"\2315"; color:#777777; }
div#quiz div#preview.two img { width:33%; height:auto; margin:0 6%; }
div#quiz div#preview.two div { top:104px; left:-6.7%; }
div#quiz div#preview.three img { width:30%; height:auto; margin:0 1%; }
div#quiz div#preview.three div { top:93px; left:-1.7%; }
div#quiz div#preview.four img { width:22%; height:auto; margin:0 1%; }
div#quiz div#preview.four div { top:64px; left:-1.4%; }
div#quiz div#question { position:absolute; top:310px; left:50px; }
div#quiz div#question h1 { margin:0 0 25px; font:normal 25px/25px HelveticaNeueRoman,sans-serif; color:#444444; }
div#quiz div#question > div { width:390px; height:43px; margin-bottom:2px; overflow:hidden; border-radius:2px; opacity:0; cursor:pointer; background:#dbdbdb; }
div#quiz div#question > div > div { width:235px; height:37px; margin:2px 2px 0 0; float:right; border-radius:5px; font:normal 18px/37px HelveticaNeueRoman,sans-serif; overflow:hidden; border:1px solid #ffffff; cursor:pointer; text-align:center; color:#ffffff; background:#a8a8a8; }
div#quiz div#question > div > div { background-image:-moz-linear-gradient(#d6d6d6, #a8a8a8 25%, #a8a8a8); background-image:-webkit-linear-gradient(#d6d6d6, #a8a8a8 25%, #a8a8a8); background-image:linear-gradient(#d6d6d6, #a8a8a8 25%, #a8a8a8); }
div#quiz div#question > div.selected > div { background:#e9b126; background-image:-moz-linear-gradient(#ffdf54, #e9b126 25%, #e9b126); background-image:-webkit-linear-gradient(#ffdf54, #e9b126 25%, #e9b126); background-image:linear-gradient(#ffdf54, #e9b126 25%, #e9b126); }
div#quiz div#question > div.right > div { background:#349a01; background-image:-moz-linear-gradient(#4ac82f, #349a01 25%, #349a01); background-image:-webkit-linear-gradient(#4ac82f, #349a01 25%, #349a01); background-image:linear-gradient(#4ac82f, #349a01 25%, #349a01); }
div#quiz div#question > div.wrong > div { background:#cc0000; background-image:-moz-linear-gradient(#e22e2e, #cc0000 25%, #cc0000); background-image:-webkit-linear-gradient(#e22e2e, #cc0000 25%, #cc0000); background-image:linear-gradient(#e22e2e, #cc0000 25%, #cc0000); }
div#quiz div#question > div.inactive { cursor:default; }
div#quiz div#question > div.inactive > div { cursor:default; }
div#quiz div#question > div > div:first-child { width:33px; height:34px; padding-left:1px; margin:4px 0 0 10px; float:left; border-radius:35px; font:normal 28px/34px HelveticaNeueRoman,sans-serif; }
div#quiz div#confidence { height:133px; position:absolute; top:360px; left:450px; display:none; overflow:hidden; border-radius:2px; background:#dbdbdb; }
div#quiz div#confidence h2 { width:100%; margin:10px 0 15px; text-align:center; font:normal 18px/19px HelveticaNeueRoman,sans-serif; color:#444444; }
div#quiz div#confidence > div { width:235px; height:37px; margin:0 15px 4px; border-radius:5px; font:normal 18px/37px HelveticaNeueRoman,sans-serif; overflow:hidden; border:1px solid #ffffff; cursor:pointer; text-align:center; color:#ffffff; background:#1c3763; }
div#quiz div#confidence > div { background-image:-moz-linear-gradient(#42618e, #375582 25%, #2c4975 25%, #0f2a55); background-image:-webkit-linear-gradient(#42618e, #375582 25%, #2c4975 25%, #0f2a55); background-image:linear-gradient(#42618e, #375582 25%, #2c4975 25%, #0f2a55); }
div#quiz div#caseLabel { width:145px; height:44px; position:absolute; top:-33px; left:25px; overflow:hidden; box-shadow:0 0 3px rgba(0,0,0,0.3); background:#ffffff; text-align:center; font:normal 13px/44px HelveticaNeueBold,sans-serif; color:#444444; }
div#quiz div#caseLabel strong { margin-right:10px; font:normal 20px/44px HelveticaNeueRoman,sans-serif; display:inline-block; vertical-align:top; }
div#quiz div#next_question { width:60px; height:60px; position:absolute; top:238px; right:-30px; border-radius:30px; box-shadow:0 0 18px rgba(0,0,0,0.3); opacity:0; cursor:pointer; text-align:center; font:bold 20px/60px sans-serif; color:#4d4d4d; background:#ffffff; }
div#quiz div#next_question:before { content:"\232A"; }
div#quiz div.support { width:165px; position:absolute; top:310px; left:740px; }
div#quiz div.support.hint p { overflow:visible; text-align:justify; }
div#quiz div.support.hint button.primary { width:100%; height:32px; margin-top:20px; font:normal 18px/32px HelveticaNeueRoman,sans-serif; background:#e9b226; }

div#progressbar { width:200px; height:6px; margin:0 auto; position:relative; top:566px; overflow:hidden; }
div#progressbar > div { width:6px; height:6px; margin:0 2px; float:left; border-radius:3px; background-color:#999999; }
div#progressbar > div.active { background-color:#000000; }

div#result.main_screen { height:560px; top:110px; }
div#result.main_screen div#info { width:95%; height:185px; padding-left:5%; z-index:99; }
div#result div#info > h2 {  }
div#result div#info > div { width:30%; margin-left:2%; float:left; position:relative; }
div#result div#info > div#info3 { margin-left:5%; }
div#result div#info > div { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
div#result div#info > div > div { position:absolute; text-align:center; color:#ffffff; }
div#result div#info > div > div.percentage { width:52px; height:52px; top:0; left:0; border-radius:26px; font:normal 21px/52px HelveticaNeueRoman,sans-serif; letter-spacing:-1px; background:#444444; }
div#result div#info > div > div.info_button { width:28px; height:28px; top:40px; left:30px; border-radius:14px; font:bold 28px/28px serif; font-style:italic; cursor:pointer; background:#e9b226; }
div#result div#info > div > p { width:73%; margin-left:0; position:relative; top:0; left:27%; text-align:left; font:normal 16px/20px HelveticaNeueRoman,sans-serif; color:#444444; }
div#result div#info > div > div.info_flyout { width:100%; padding:30px; z-index:999; top:84px; left:0; display:none; box-shadow:0 0 18px rgba(0,0,0,0.5); text-align:left; font:normal 14px/20px arial,sans-serif; color:#444444; background:#ffffff; }
div#result div#info > div > div.info_flyout { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
div#result div#info > div > div.info_flyout:before { content:""; width:30px; height:20px; position:absolute; left:20px; top:-5px; background:#ffffff; }
div#result div#info > div > div.info_flyout:before { -moz-transform:rotate(90deg) skewX(45deg); -webkit-transform:rotate(90deg) skewX(45deg); transform:rotate(90deg) skewX(45deg); }
div#result div#info > div > div.info_flyout:after { content:"\2716"; width:35px; height:35px; line-height:35px; position:absolute; top:0; right:0; text-align:center; cursor:pointer; color:#777777; }
div#result div#cases { width:100%; height:375px; position:absolute; top:185px; left:0; overflow:auto; }
div#result div#cases > h1 { margin:20px 0 20px 5%; font:normal 30px/30px HelveticaNeueBold,sans-serif; text-align:left; color:#444444; }
div#result div#cases table { margin-left:10px; }
div#result div#cases table tbody tr.is_highly_confident_false {  }
div#result div#cases table tbody tr.is_highly_confident_true { /*background-color:rgba(255,255,255,0.7);*/ }
div#result div#cases table tbody tr th { height:32px; font:normal 16px/16px HelveticaNeueRoman,sans-serif; vertical-align:top; }
div#result div#cases table tbody tr td { font:normal 16px/16px HelveticaNeueRoman,sans-serif; }
div#result div#cases table tbody tr th,
div#result div#cases table tbody tr td { padding:3px 20px; white-space:nowrap; text-align:center; color:#444444; }
div#result div#cases table tbody tr td.answer_correct_false { color:#cc0000; }
div#result div#cases table tbody tr td.answer_correct_true { color:#349a01; }
div#result div#cases table tbody tr td img { width:85px; height:auto; cursor:pointer; }
div#result div#cases table tbody tr td div.magnifier { width:16px; height:16px; display:inline-block; margin:0 0 0 -16px; position:relative; top:-7px; left:-2px; border-radius:9px; font:normal 12px/16px sans-serif; text-align:center; cursor:pointer; background:#ffffff; }
div#result div#cases table tbody tr td div.magnifier { -moz-transform:rotate(-75deg); -webkit-transform:rotate(-75deg); transform:rotate(-75deg); }
div#result div#cases table tbody tr td div.magnifier:before { content:"\2315"; color:#777777; }
div#result div#cases table tbody tr.is_highly_confident_false td div.dot { display:none; }
div#result div#cases table tbody tr.is_highly_confident_true td div.dot { width:20px; height:20px; margin:0 auto; border-radius:10px; background:#777777; }
div#result div#restartButton { width:170px; top:570px; }

div#aboutNice.main_screen { overflow:auto; }
div.main_screen div.nice_classification_poster div { width:99px; height:140px; background:url(../images/nice-classification-poster.jpg) no-repeat; background-size:99px 140px; -webkit-backface-visibility:hidden; }
/*
div#aboutNice.main_screen div.button { width:36px; height:36px; position:absolute; top:640px; z-index:900; border:2px solid #d8e2ec; border-radius:20px; color:#d8e2ec; background-color:#363636; font:normal 20px/34px sans-serif; }
div#aboutNice.main_screen div.button.previous { left:5px; }
div#aboutNice.main_screen div.button.next { right:5px; }
div#aboutNice.main_screen div.button.previous:before { content:"\2329"; margin-left:0; }
div#aboutNice.main_screen div.button.next:before { content:"\232A"; margin-left:3px; }
*/

div#aboutNice.main_screen div.button { width:60px; height:60px; position:absolute; top:628px; z-index:900; border-radius:30px; box-shadow:0 0 18px rgba(0,0,0,0.3); cursor:pointer; text-align:center; font:bold 20px/60px sans-serif; color:#4d4d4d; background:#ffffff; }
div#aboutNice.main_screen div.button.previous { left:5px; }
div#aboutNice.main_screen div.button.previous:before { content:"\2329"; }
div#aboutNice.main_screen div.button.next { right:5px; }
div#aboutNice.main_screen div.button.next:before { content:"\232A"; }
div#aboutNice div#coverflowWrapper { width:885px; height:300px; margin:auto; overflow:hidden; }
div#aboutNice div#coverflowWrapper div#coverflow {  }
div#aboutNice div#coverflowWrapper div#coverflow img { background:no-repeat; background-size:338px 270px; -webkit-backface-visibility:hidden; }

div#aboutNice.main_screen div.pop_in_content { width:auto; height:auto; padding:40px 60px 40px 40px; top:0; left:0; display:none; overflow:visible; border-radius:0; background-color:#ffffff; background-color:rgba(255, 255, 255, 0.95); }
div#aboutNice.main_screen div.pop_in_content { color:#444444; cursor: default; }
div#aboutNice.main_screen div.pop_in_content * { text-align:left; }
div#aboutNice.main_screen div.pop_in_content h1 { margin-left:0; font:normal 30px/42px HelveticaNeueBold,sans-serif; }
div#aboutNice.main_screen div.pop_in_content h2 { margin:0; font:normal 16px/32px HelveticaNeueBold,sans-serif; }
div#aboutNice.main_screen div.pop_in_content p { margin:15px 0; font:normal 16px/20px HelveticaNeueRoman,sans-serif;  }
div#aboutNice.main_screen div.pop_in_content .medium { font-size: 14px; }
div#aboutNice.main_screen div.pop_in_content > div.button.close { width:30px; height:30px; position:absolute; top:15px; right:15px; border-radius:17px; cursor:pointer; }
div#aboutNice.main_screen div.pop_in_content > div.button.close:before { content:"\2715"; position:relative; top:-16px; left:10px; font:normal 15px sans-serif; }

div#aboutNiceOrder.main_screen { overflow:auto; }
div#aboutNiceOrder.main_screen div.content_box { width:777px; padding-bottom:25px; }
div#aboutNiceOrder.main_screen div.content_box p { font-size:18px; line-height:22px; }
div#aboutNiceOrder.main_screen div.nice_classification_poster div { float:left; margin-right:20px; }
div#aboutNiceOrder.main_screen div.form_box { width:760px; margin:0 25px 40px; padding:40px 40px 24px; border:1px solid #444444; }
div#aboutNiceOrder.main_screen div.label,
div#aboutNiceOrder.main_screen label { margin:0 0 16px; display:block; font:normal 18px/22px HelveticaNeueRoman,sans-serif; color:#444444; }
div#aboutNiceOrder.main_screen div.label label { margin:0; display:inline-block; }
div#aboutNiceOrder.main_screen div.label.mandatory:before,
div#aboutNiceOrder.main_screen label.mandatory:before { content:"*"; margin-right:2px; }
div#aboutNiceOrder.main_screen label input[type=text],
div#aboutNiceOrder.main_screen label select { width:295px; height:28px; margin:8px 0 0; padding-left:5px; display:block; outline-style:none; border-style:none; border-radius:5px; font:normal 16px/28px verdana,sans-serif; color:#444444; background:#e4e4e4; }
div#aboutNiceOrder.main_screen label select { border-radius:5px 0 0 5px; }
div#aboutNiceOrder.main_screen label p { width:300px; margin-top:10px; font-size:12px; line-height:18px; text-align:justify; }
div#aboutNiceOrder.main_screen div.content_box label select { width:45px; display:inline-block; border-radius:5px 0 0 5px; background:#ffffff; }
div#aboutNiceOrder.main_screen label input[type=radio] { margin:8px 5px 0 5px; }
div#aboutNiceOrder.main_screen *.mandatory.error { color:#e60000; }
div#aboutNiceOrder.main_screen *.mandatory.error input[type=text],
div#aboutNiceOrder.main_screen *.mandatory.error select { margin-top:4px; margin-left:-2px; border:2px solid #e60000; }
div#aboutNiceOrder.main_screen *.mandatory.error input[type=radio],
div#aboutNiceOrder.main_screen *.mandatory.error input[type=checkbox] { outline:1px solid #e60000; }
div#aboutNiceOrder.main_screen input[type=submit] { margin-bottom:16px; }


div#imprint.main_screen { width:100%; height:688px; padding:0 110px 0 100px; left:0; top:60px; z-index:1010; overflow:auto; background-color:#363636; }
div#imprint.main_screen { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
div#imprint > h1 { margin:50px 0 30px; font:normal 30px/30px HelveticaNeueBold,sans-serif; color:#ffffff; }
div#imprint > h2 { margin-bottom:9px; font:normal 16px/24px HelveticaNeueBold,sans-serif; color:#ececec; }
div#imprint > p { margin-bottom:30px; font:normal 16px/24px HelveticaNeueRoman,sans-serif; color:#ececec; }
div#imprint > div.close { top:25px; right:50px; }

div#fullSizeImage { width:1024px; height:748px; position:absolute; top:0; left:0; z-index:999; display:none; text-align:center; background:#000000; -webkit-backface-visibility:hidden; }
div#fullSizeImage > img { width:auto; height:100%; vertical-align:middle; }
div#fullSizeImage > div.button_round { width:60px; height:60px; position:absolute; top:340px; border-radius:30px; cursor:pointer; font:bold 20px/60px sans-serif; color:#4d4d4d; background:#ffffff; }
div#fullSizeImage > div.button_round:before { content:"\232A"; }
div#fullSizeImage > div.button_round:first-child:before { content:"\2329"; }
div#fullSizeImage > div.button_round { right:40px; }
div#fullSizeImage > div.button_round:first-child { left:40px; }
div#fullSizeImage > div.close { top:25px; right:50px; }

div#footer { width:100%; height:25px; position:absolute; left:0; bottom:0; border:1px solid #414141; background:#363636; }
div#footer { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
div#footer > span { opacity:0.2; font:normal 10px/23px HelveticaNeueRoman,sans-serif; cursor:pointer; color:#ffffff; }
div#footer > div { padding:0 15px; float:right; opacity:0.6; font:normal 14px/23px HelveticaNeueRoman,sans-serif; cursor:pointer; color:#ffffff; }
div#footer > div > a { color:inherit; }

div.pop_in { width:400px; height:190px; position:absolute; left:312px; top:230px; z-index:1099; border-radius:3px; display:none; background:#ffffff; -webkit-backface-visibility:hidden; }
div.pop_in > p { margin:30px 0 0; font:normal 18px/32px HelveticaNeueRoman,sans-serif; text-align:center; color:#444444; }
div.pop_in > div { position:absolute; top:120px; }
div.pop_in > div.left { width:140px; left:30px; background:#777777; }
div.pop_in > div.right { width:180px; right:30px; background:#e9b226; }

div#popInBackground { width:1024px; height:748px; position:absolute; top:0; left:0; z-index:1098; display:none; opacity:0.5; filter:alpha(opacity=50); background:#000000; -webkit-backface-visibility:hidden; }

div#homeScreenHint { width:330px; height:67px; padding:0 0 5px 105px; display:block; position:absolute; top:140px; left:-5px; z-index:9999; border-radius:0 6px 6px 0; box-shadow:4px 4px 4px rgba(0,0,0,0.3); opacity:0; visibility:hidden; background:#eeeeee; font:normal 12px/24px HelveticaNeueRoman,helvetica,sans-serif; color:#646464; }
div#homeScreenHint.visible_true { opacity:1; visibility:visible; transition:opacity 0.8s 2s; -webkit-transition:opacity 0.8s 2s; }
div#homeScreenHint.visible_false { opacity:0; visibility:hidden; transition:opacity 0.8s 0s, visibility 0s 1s; -webkit-transition:opacity 0.8s 0s, visibility 0s 1s; }
div#homeScreenHint span.icon { display:inline-block; }
div#homeScreenHint span.close { width:23px; height:23px; margin:0 5px; position:absolute; top:-10px; right:-16px;  background:url(../images/icon_close.png) no-repeat; background-size:23px 23px; }
div#homeScreenHint span#icon1 { width:19px; height:27px; margin:0 5px; position:relative; top:8px; background:url(../images/icon1.png) no-repeat; background-size:19px 27px; }
div#homeScreenHint span#icon2 { width:28px; height:28px; margin:0 5px; position:relative; top:9px; background:url(../images/icon2.png) no-repeat; background-size:28px 28px; }
div#homeScreenHint > div { width:72px; height:72px; position:absolute; top:0; left:10px; border-radius:10px; background:url(../images/apple-touch-icon-144x144.png) no-repeat 0 0 / 72px 72px #e3e3e3; }

div#popInPortraitAlert { display:none; }

div#newBanner { width:178px; height:178px; position:absolute; top:85px; left:0; z-index:9990; overflow:hidden; }
div#newBanner > div { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
div#newBanner > div { width:252px; height:39px; position:absolute; top:55px; left:-51px; text-align:center; color:#ffffff; font:normal 18px/39px HelveticaNeueRoman,sans-serif; background:#e9b226; }

@media screen and (max-width:1024px) and (max-height:768px) {
    button.secondary:before { top:-3px; }
    div.button { line-height:36px; }
    div#header div#logo { line-height:16px; }
    div#header div#logo strong { line-height:32px; }
    div#header div.tab { line-height:50px; }
    div#header div#homeLink > div > div { -webkit-transform:rotate(-135deg) translate(5px, 17px) scale(1.8, 1); }
    div#home > div.teaser > div { line-height:36px; }
    div#quizIntroduction > div:first-child div.header { line-height:30px; }
    div#quizIntroduction > div:first-child div.step div { line-height:68px; }
    div#quiz div#question > div > div { line-height:42px; }
    div#quiz div#question > div > div:first-child { line-height:42px; }
    div#quiz div#confidence > div { line-height:42px; }
    div#result div#info > div > div.percentage { line-height:56px; }
    div#aboutNice.main_screen div.pop_in_content > div.button.close:before { top:-16px; left:9px; }
    div#footer > div { line-height:26px; }
    div.pop_in > div { line-height:36px; }
}

@media (orientation:portrait) {
    body > div { width:100%; height:1004px; }
    div#popInPortraitAlert { height:155px; top:300px; left:184px; display:block; }
    div#popInBackground { display:block; height:1004px; }
}

/* start modification for notification layer (FR) */
div#notificationLayer { width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; display:none; background:rgba(0,0,0,0.8); }
div#notificationLayer > div { width:573px; height:300px; padding:20px; position:absolute; box-shadow:3px 3px 3px #333333; background:no-repeat; cursor:default; }
div#notificationLayer > div { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
div#notificationLayer > div > h3 { max-width:250px; font:normal 20px/26px HelveticaNeueRoman,sans-serif; color:#ffffff; }
div#notificationLayer > div > p { max-width:200px; font:normal 16px/22px HelveticaNeueRoman,sans-serif; color:#ffffff; }
div#notificationLayer > div > div { /* container for the two buttons, needed for css selector compatibility with ie7 */ }
div#notificationLayer > div > div > div { width:110px; padding-bottom:2px; border:1px solid #ffffff; position:absolute; top:115px; right:80px; box-shadow:1px 1px 1px #333333; font:normal 12px/18px HelveticaNeueBold,sans-serif; color:#ffffff; text-align:center; cursor:pointer; }
div#notificationLayer > div > div > div:first-child { left:80px; }
div#notificationLayer > div > div > div { background:-moz-linear-gradient(#E9B226, #E49900) transparent; -moz-border-radius:3px; }
div#notificationLayer > div > div > div { background:-webkit-linear-gradient(#E9B226, #E49900) transparent; -webkit-border-radius:3px; }
div#notificationLayer > div > div > div { background-color:#E9B226; background:linear-gradient(#E9B226, #E49900) transparent; border-radius:3px; }
/* end modification for notification layer (FR) */