﻿/*GENERAL*/
body {font-family:Arial; background-color: #FE8011}
.middle{vertical-align:middle;}
#minisite
{
    position:relative;
    width:900px;
    height:527px;
    margin:20px auto 0 auto;
    font-family:Arial;
    font-size: 15px;   
    color:#000;
    font-weight:bold;
    
}
.minisite
{
    background: url('../Resources/bg.jpg'); 
    
    }


.step
{
    width:485px;
    height:435px;
    position:absolute;
    right:65px;
    top:250px;  
    text-align:center;
    direction:rtl;
  
 }
 .form
 {
     margin:25px auto;

}
.formLine
{
    margin:10px auto 10px;
  
}
.formElement
{
     vertical-align:middle;
     width:50px;
     height:17px;
    
    }

  
  #terms
{
    position:relative;
    width:850px;
    margin:0 auto;
    direction:rtl;
    text-align:center;
    font-size:small;
      font-family:Arial;
    
    }

 
 /*STEP1* +  STEP2*/  
 #step1 {display:block;}
 #step1txt
 {
     margin:0px auto;
     width:524px;
     height:145px;
     }
 #step1btn
 {
     cursor:pointer;
     background:url('../Resources/Step1_Form_Btn.png');
     border:none;
     width:150px;
     height:37px;
     position:absolute;
     right:250px;
     bottom:200px;
     }
 

 #step2
 {
    display:block;
 }

#step1form
{
    background:url('../Resources/Step1Form.png') no-repeat;
    width:378px;
    height:92px;
    margin:10px auto;  
    
    
    }
#Line1
{
    position:absolute;
    top:165px;
    right:118px;
    vertical-align:middle;
    
    }
#btnMan
{
    position:absolute;  
    right:220px;
    vertical-align:middle;
   
    
    }
 #btnWoman
{
    position:absolute;   
    right:277px;    
    vertical-align:middle;
   
    
    }
 #genderLine
 {
     position:absolute;
     top:195px;    
     right:-110px;
     vertical-align:middle;
     background-color:Black;
     height:20px;
     }
 #ageLine
 {
     position:absolute;
     top:127px;    
     right:168px;
     vertical-align:middle;
 }
#age{font-size:13px; margin-top:1px; font-family: arial; width: 47px; text-align: center}

  #weightLine
 {
     position:absolute;
     top:91px;    
     right:168px;
     vertical-align:middle;
    
  
 }
 #weight{font-size:13px; margin-top:1px; font-family: arial; width: 50px; text-align: center;margin-left:62px; }
 
   #heightLine
 {
     position:absolute;
     top:91px;    
     right:352px;
     vertical-align:middle;  
 }
 #height{font-size:13px; margin-top:1px; font-family: arial; width: 50px; text-align: center;margin-left:67px; }
 
 #conditionLine
 {
     position:absolute;
     top:125px;    
     right:373px;
     vertical-align:middle;  
 }
 #condition{font-size:13px; font-family: arial; margin-top:2px; width: 79px; text-align: center}
 
 #btnLine
 {
     position:absolute;
     top:160px;    
     right:108px;
     vertical-align:middle;  
 }
 
 #step2Btn
 {
     
     background:url('../Resources/step2BtnBig.png');
     width:314px;
     height:53px;
     border:none;
     cursor:pointer;
}
 
  /*STEP3 - loader*/
 #step3{display:none;}
 #swiffContainer3
 {
     margin-top:70px;     
} 
 /*STEP4*/
 #step4
 {
    display:none;
    
   
 }

 #loaderStep4
 {
     margin-top: -10px;
     margin-right: -30px;
     z-index:0;
 }
 #step4Form
 {
     text-align:right;
     position: absolute;
     right:43px;
     top:203px;    
     z-index:0;
   
     }
 #phoneLine
 {
     position:absolute;
     top:1px;    
     right:3px;
     vertical-align:middle; 
     z-index:0; 
 }
 #phone 
 {
     width:175px;
     font-size: 13px;
     direction:ltr;
     vertical-align: middle;
     margin-left: 6px;
     font-family: arial;
     margin-top:3px;
     line-height: 120%;
     z-index:0;
	 text-align: left;
}
#operatorLine
 {
     position:absolute;
     top:2px;    
     right:203px;
     vertical-align:middle;  
     z-index:0;
 }
#operator
{
 font-size:13px;
 font-family: arial;
 padding-bottom: 3px;
 width: 63px;
 text-align: center;
 margin-left: 15px;
 margin-top: 1px;
 line-height: 100%;
 z-index:0;
 }
 #btnStep4Line
  {
     position:absolute;
     top:0px;    
     right:285px;
     vertical-align:middle;  
     z-index:0;
 }
 #seperatorLine
 {
     position:absolute;
     top:3px;    
     right:193px;
     z-index:0;
 }
.step4BtnMale
{
    height:27px;
    width:101px;
    background:url('../Resources/m_bt.png');
    border:none;
    vertical-align: middle;
    cursor: pointer;
    z-index:0;
    
 }
 .step4BtnFemale
  {
    height:27px;
    width:101px;
    background:url('../Resources/f_bt.png');
    border:none;
    vertical-align: middle;
    cursor: pointer; 
     z-index:0;
}
#step4line
{
    width: 490px; 
    z-index:0;  
}

#phoneFlash
{
    position:absolute;
    bottom:65px;    
    left:-130px;     
    z-index:10;
}
/*STEP5 - loader*/
#step5    {display:none;}
#loaderStep5
{
    margin-top: 70px;
}

/*STEP6 */

#step6
{display:none;}
#step6line
{
    width: 490px;   
}
 #step6Form
 {
     text-align:right;
     position: absolute;
     right:55px;
     top:213px;    
   
     }
#codeLine{position:absolute;top:100px;right:77px;vertical-align:middle;}   
#code{font-size:18px; font-weight: bold; font-family: arial; padding-bottom: 0px; width: 215px; text-align: center}

#step6BtnLine{position:absolute;top:105px;right:306px;vertical-align:middle;}   
 .step6BtnMale
 {
    height:27px;
    width:101px;
    background:url('../Resources/m_bt.png');
    border:none;
    margin-top:-7px;
     cursor: pointer;
 }
  .step6BtnFemale
 {
    height:27px;
    width:101px;
    background:url('../Resources/f_bt.png');
    border:none;
    margin-top:-7px;     
    cursor: pointer;
 }
 #newcode
 {
      font-size:11px;
      font-weight:normal;
      height:15px;
      visibility: hidden;
}
#orangeTerms
{
display: none;
position:absolute;
top: 150px;
right: 90px
}
#step6Txt
{
    font-size:13px;    
 }
/*STEP 7*/
#step7{display:none;}
#loaderStep7
{
    margin:70px auto;
}
 /*STEP8*/
 #step8{display:none;}
 #step8TopTxt
 {
     margin-top:70px;
     
}


/*ERROR MESSAGE*/
#lightboxBackground
{   
    width:100%;
    height:100%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0.5;
    background-color:#FFF;  
    display:none;
    
    
}
#error
{
     background-image:url('../Resources/errorBackground.png');
     width:513px;
     height:234px;
     position:absolute;
     top:130px;
     right:200px;
     text-align:center;    
     direction:rtl; 
     font-weight:bold;
     display:none;
     z-index:10;
     
}
#errorTitle
{
    color: darkred;    
    margin:15px auto ;
    text-align:center;    
    width:350px; 
    position:relative;
    font-size:18px;
    
       
}
#errorTxt
{
   width:410px;    
   text-align:center;    
   position:relative;
   margin:0px auto;
   color:#000;
   font-size:14px;
   
 }



#ishurBtn
{
 
    width:154px;
    height:51px;
    background: url('../resources/continueBtn.png') no-repeat;
    border:0;
    margin:20px auto;  
    cursor:pointer;
}
