﻿body {font-family:Arial}
a {text-decoration:none}
#iconsLine .lufthanzaLogo 
    {
    float:left;
    }
#iconsLine .lufthanzaLogo img:first-child
    {
    display: inline-block;
    margin-right: 15px;
    margin-top: 2px;
    }
#iconsLine .globesLogo {float:right;margin:4px 0 0 8px}
#iconsLine span {float:right;font-size:22px;font-weight:bold;color:#000}
#outerBox{width:1000px; height:800px; display:block;margin:0 auto}
#iconsLine{margin:12px 5px 0 5px; border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;width:990px; height:35px;}
#divInnerBox{margin: 0 5px 0;border:4px solid #F9BA00; height:740px; display:block;position:relative;}
.mainContent{height:740px;}
.mainContentInnerBox{width:300px;height:660px;vertical-align: bottom;border:1px solir black;background-color:#F9BA00; position:absolute;top:40px;left:40px;border-radius:4px;text-align:center;background-color: rgba(249, 186, 0, 0.9); direction:rtl}
.mainContent .mainContentInnerBox .mainTitle{color:white; font-family:Arial; font-size:14px; font-weight:bold;}
.mainContent .mainContentInnerBox .questions .openingTitle,
.mainContent .mainContentInnerBox .form .openingTitle,.mainContentInnerBox .openingTitle{color:#fff; font-family:Arial; font-size:22px; font-weight:bold;}
#Div1.openingTitle {color:#000266;}
#Div3 {color:#000266;font-size:22px; font-weight:bold;height:320px}
.hidden {visibility:hidden;}
.mainContentInnerBox .logo {margin:10px auto;display:block;}		
.mainContentInnerBox a.button {color:#fff; background:#000266;font-weight:bold;border-radius:20px; text-align:center;padding:7px 15px;display:inline-block;min-width:80px }
.sendYourDetails {font-size:20px !important;padding:5px 15px !important; background:#c00 !important;}
.mainContentInnerBox a.button:hover {background:#c00;}
#mainTitle {margin-bottom:20px; font-size:24px;color:#000266; font-weight:bold;height:85px}
#content p {font-size:24px;color:#000266;}
.mainContentInnerBox.instruction  #content p{font-size:18px}
.mainContentInnerBox.instruction #mainTitle {display:none;}
#openingTitle {font-size:22px} 
#content {margin:20px auto 0; width:260px}
.mainContentInnerBox.opening .scoreboard {display:none;}
.mainContentInnerBox.opening #mainTitle {margin-top:50px}
.scoreboard { background:url("http://images.globes.co.il/images/lufthanza/scoreboard_260x37.png") no-repeat 0 0;width:260px;height:37px;margin:10px auto}
.scoreboard span {color:#000;font-size:20px;margin-top:6px}
.scoreboard .up {float:left;margin-left:42px}
.scoreboard .down {float:left;margin-left:48px}
.scoreboard .time {float:right;margin-right:40px}

.questions {width:260px;height:140px;margin:20px auto} 
.questions a  {background-image:url("http://images.globes.co.il/images/lufthanza/color_bg_260x180.png"); width:260px;height:54px;display:block;margin-bottom:5px; color:#000;cursor:pointer}
.questions a span { line-height:14px; padding-top:22px; display:block}
.questions .wrong {background-position:0 61px}
.questions .ok {background-position:0 122px}

.takanon .content { height:250px; overflow-y:scroll; overflow-x:hidden; text-align:right; margin:20px;padding:0 0 10px 10px}
.takanon .content p {font-size:12px}
.takanon .content ol {margin:0}

.form input {border:0;margin-bottom:10px; padding:5px 10px;font-size:14px;border-radius:5px; height:25px;}
#txtName {width:230px;margin:10px auto; display:block}
#txtEmail {width:230px;margin:10px auto; display:block}
#txtPhone {width:230px}
#txtAreaCode {width:24px; margin-right:10px; display:none;}
.small 
    {
    text-align: right;
    margin-right: 20px;
    font-size: 14px;
    display: block;
    line-height: 15px;
    margin-bottom: 10px;
    padding-left: 5px;
    }
input[type='checkbox']
    {    
    display: inline-block;
    margin: 0;
    float: right;
    padding: 0;
    margin-left: 10px;
    }    
.small a { text-decoration:underline; font-weight:bold; color:#000}
.ttS {margin-top:10px}
.ttS b,.ttT b {font-size:16px;color:#000266;}
.ttText{font-size:16px; font-weight:bold;margin:20px 0 10px}
#imgPr {margin:20px auto}
.logo.hide {display:none}
#imgCounter {display:none}
.ErrorMsg 
    {
    color: #920505;
    display: block;
    width: 90%;
    margin:10px auto 0;
    font: bold 15px/15px arial;
    text-align: center;
    }
#logo-on-image
    {
    margin: 0 auto;
    display: block;
    position: absolute;
    right: 15px;
    top: 5px;    
    width:130px;
    height:100px;
    }
.policy-of-game
    {
        font-size:22px;
        padding:10px 25px;
    }  
.totalScores { padding-left:10px; }      
@media only screen and (max-width: 480px) {  
    .mainContent { background:none !important;height:auto !important}
    #outerBox,#iconsLine {width:100% !important;height:auto !important}
    #divInnerBox {border:0;margin:0;height:auto !important}
    .mainContentInnerBox {width:100%; position:static;}
    #iconsLine img, #iconsLine a, #iconsLine span,.logo,#logo-on-image {display:none !important}
    .logo.hide {display:block !important;margin:0 auto !important}
    html,body {margin:0; background:#f9ba00}
    #content p {margin:10px !important}
    #content {margin-top:10px !important;width:90%}
    #mainTitle {height:40px !important;margin-bottom:10px !important;font-size:18px !important;}
    .questions {margin:0 auto !important}
    .mainContent,#divInnerBox,.mainContentInnerBox {height:500px !important}
    #Div1.openingTitle {margin:10px auto !important}
    #content p {font-size:18px !important; line-height:20px !important}
    #iconsLine { background:url(http://images.globes.co.il/images/lufthanza/logo_globes_lh_320x40.png) no-repeat center 0; width:320px;height:40px !important; margin:0 auto !important; border:0 !important}
 .openingTitle {font-size:18px !important;}
    #imgPr img {display:none}
    #imgPr {background:url(http://images.globes.co.il/images/lufthanza/prize_260x80a.png) no-repeat 0 0; width:260px;height:80px !important;margin:30px auto !important}
    #instruction_box #imgPr,#imgCounter {display:none}
    .questions a { margin-bottom:0 !important}
    .ttS b, .ttT b {font-size:16px !important;}
    .ttS {margin-top:0 !important}
    .ttText {margin:5px auto !important}
  }