﻿/*-------------------------------------*/     
/* Landing Page - דף נחיתה
/*-------------------------------------*/ 
html, body 
    {
    height:100%;
    margin:0;
    padding:0;
    }
a img 
    {
    border:0;
    }    
a 
    {
    text-decoration:none;
    }   
#LandingPage
    {
    width:840px;
    overflow:hidden;
    display:block;
    margin:50px auto 20px;
    direction:rtl;
    }
#header
    {
    width:100%;
    border-top:1px solid #ccc;
    height:80px;
    display:block;
    background:url('http://images.globes.co.il/images/Site2/special_projects/bg_1x4_blue.png') repeat-x  bottom left;
    margin:0 auto 30px;
    }
#LandingPage > img
    {
    width:300px;
    height:650px;
    float:left;
    }
#LandingPage #content
    {
    width:480px;
    overflow:hidden;
    float:right;
    }  
#ClientLogo
    {    
    border:0;
    float:right;
    display:list-item;
    height:76px;
    }
#ClientLogo img
    {   
    display: table-cell;
    vertical-align: middle;
    }
#GlobesLogo
    {
    border:0;
    float:left;
    margin-top:10px;
    }        
#GlobesLogo  img
    {
    width:138px;
    height:51px;
    } 
h1
    {
    font:bold 30px/36px arial;
    color:#06a;
    margin:0 0 20px 0;
    }
h4
    {
    font:bold 14px/20px arial;
    color:#06a;
    margin:0;
    } 
p, #subTitle
    {
    font:normal 14px/20px arial;
    color:#000;
    margin:0 0 20px 0;
    
    }
/*-------------------------------------*/
/* Form Box
/*-------------------------------------*/
.FormBox_Reqular #FormBox
	{
    color: #233574;
    font: bold 18px arial;
    height:155px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width:480px;
    background:#fff;
    border:solid #74abd4;
    border-width:3px 0;
    direction:rtl;
	}
.FormBox_Reqular #FormBox p
    {
    color:#085c9a;
    font:normal 18px/22px arial;
    width:100%;
    text-align:right;
    margin-top:10px;
    }
.FormBox_Reqular #FormBox p strong
    {
    display:block;
    font-size:16px;
    }    	
.FormBox_Reqular #FormBox input[type='text']
	{
	background-color:#e0f9fe;
	border: 1px solid #72acd1;
	border-radius:3px;
    top:60px;
    color: #333;
    direction: ltr;
    font: bold 14px arial;
    height: 25px;
    outline: medium none;
    padding: 0 4px;
    position: absolute;
    right:1px;
    text-align: left;
    width: 139px;
	}
.FormBox_Reqular #FormBox #FullName
	{    
	direction:rtl;
	text-align:right;
    }
.FormBox_Reqular #FormBox #Phone, .FormBox_Reqular #FormBox label[for='Phone']
	{
    right:319px;
	}
.FormBox_Reqular #FormBox #Email, .FormBox_Reqular #FormBox label[for='Email']
	{
    right:160px;
    }	
.FormBox_Reqular #FormBox #Company, .FormBox_Reqular #FormBox label[for='Company']
	{
    top:115px;
    right:1px;
    direction:rtl;
	text-align:right;
    }
.FormBox_Reqular #FormBox #FieldWork, .FormBox_Reqular #FormBox label[for='FieldWork']
	{ 
	top:115px;
    right:160px;
    direction:rtl;
	text-align:right;
    }        
.FormBox_Reqular #FormBox label[for='Company'], .FormBox_Reqular #FormBox label[for='FieldWork']
    {
    top:95px;
    }
.FormBox_Reqular #FormBox .submit_btm
	{
	position: absolute;
	top:115px;
    display: block;
    left:10px;
    cursor:pointer;
    width:150px;
    height:27px;
	}
.FormBox_Reqular #FormBox .ArticleSentEmail 
    {
    background:#82C6F6;
    color:#fff;
    font:bold 22px/30px arial;
    height:135px;
    left:0;
    padding-top:30px;
    position:absolute;
    text-align:center;
    top:0;
    visibility:visible;
    width:480px;
    }	
.FormBox_Reqular #FormBox label
    {
    position:absolute;
    font:normal 14px arial;
    top:40px;
    right:0px;
    }
.FormBox_Reqular #FormBox label span
    {
    color:#c00;
    padding:0 2px
    }
    
#Email_template_div_2
    {
    visibility:hidden;
    }
 #LandingPage img#Responsive_Image{display:none;}
/*-------------------------------------*/     
/* Responsive Landing Page
/*-------------------------------------*/ 
@media screen and (max-width:760px)
    { 
    html{font-size:62.5%;}
    body 
    #LandingPage{width:100%;border:1px solid trasparent;}
    #LandingPage #GlobesLogo, #LandingPage #leftImage{display:none;}
    #LandingPage #header{background:none;border:none 0;height:auto;}
    #LandingPage #ClientLogo{margin:0 auto;display:block;float:none;text-align:center;}
    #LandingPage #ClientLogo img{margin:0 auto;} 
    #LandingPage #content{width:96%;overflow:hidden;float:none;display:block;margin:0 auto;}
    #LandingPage h4{font:bold 2rem/2.4rem arial;}    
    #LandingPage p, #LandingPage #subTitle{font:normal 1.4rem/2.8rem arial;}
    #LandingPage img#Responsive_Image{width:96%;display:block;border:0;margin:2rem 0;}
    
/*--------------------------------------*/
    .FormBox_Reqular{display:none !important;}
    .FormBox_responsive #FormBox{width:96%;border-top:4px solid #74abd4;direction:rtl;display:block;margin:7rem auto;display:block;}
    .FormBox_responsive #FormBox p{font:bold 2rem arial !important;color:#1f7ab3;text-align:center;} 
    .FormBox_responsive #FormBox > div{display:block;overflow:hidden;width:96%;height:auto;margin-bottom:3%;border:1px solid #ccc;border-radius:5px;}       
    .FormBox_responsive #FormBox label{float:right;background:#efefef;height:2rem;width:10.5rem;padding:2%;border-left:1px solid #ccc;}       
    .FormBox_responsive #FormBox label span{display:inline-table;text-align:left;font:normal 1.4rem arial;color:#1f7ab3;}       
    .FormBox_responsive #FormBox label span:first-child{font-weight:bold;width:7rem;text-align:right;font:bold 1.6rem arial;}      
    .FormBox_responsive #FormBox input{border:0 none;width:50%;height:2.3rem;font:normal 1.8rem arial;padding:1%;text-align:left;direction:ltr;outline:none;background:none;float:left;}
    .FormBox_responsive #FormBox input#FullName{text-align:right !important;direction:rtl !important;float:right !important;}
    .FormBox_responsive #FormBox #Mobile_submit_btm{width:97%;height:4rem;background:#025b9d;border:0 none;border-radius:0.5rem;color:#fff;text-align:center;font:bold 2.8rem arial;cursor:pointer;margin-top:3%;float:none;display:block;}
    .FormBox_responsive #FormBox #Email_template_div_2{display:none;}
    .FormBox_responsive #FormBox .SentEmail{background:#025B9D;border-radius:0.5rem;color:#FFF;font:bold 2.6rem/4rem arial;height:12rem !important;margin:4rem auto;padding-top:2rem;position:relative;text-align:center;width:96%;z-index:2;}
    
    }
/*-------------------------------------*/ 