html
    {
    font:62.5% arial;
    height:100%;
    }
body
    {
    color:#000;
    margin:0;
    padding:0;
    direction:rtl;
    zoom:100%;
    }
h1
    {
    margin:0;
    }    
[data-id="Article"] h1:nth-of-type(1)
    {
    padding-top: 5% !important;
    }    
#main
    {
    width:100%;
    min-width:32rem;
    display:block;
    margin:0 auto;
    overflow:hidden;
    }
header
    {
    width:100%;
    position:fixed;
    top:0;
    right:0;
    z-index:9;        
    } 
#headerLogo
    {
    width:100%;
    }
#menu, #login
    {
    width: 14%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:0;
    height:100%;
    } 
#login
    {     
    left:14%;
    }
#menu img, #login img
    {  
    width: 100%; 
    }
.showMenuBTN
    {
    background: url('http://images.globes.co.il/images/harel/mobile/sprite_14_imgs_51px.png') no-repeat -158px -598px transparent;
    }
nav
    {
    background: #F9B91B;
    overflow: hidden;
    width:96%;
    border: 5px solid #F9B91B;
    padding-right:2.3%;
    }    
nav a
    {
    float: right;
    width: 32%;
    margin: 1% 0 1% 1%;
    background: #FFF;
    color: #000;
    text-align: center;
    text-decoration: none;
    font: bold 130% arial;
    padding-bottom: 2%;
    }
nav a span
    {
    display:block;
    }    
nav a:nth-of-type(3n)
    {
    margin-left:0;
    }    
#SponsersLogo
    {
    width:98%;
    background: #f3f3f3;
    height:8.2rem;
    padding:0;
    }
nav .GoToSites
    {
    width: 24%;
    margin: 0 0 1% 1%;
    padding: 0;
    height: 55px;
    } 
nav a.GoToSites:nth-of-type(3n)
    {
    margin-left:1%;
    margin-right: 0;
    }
nav .GoToSites img
    {
    margin-top:6%;
    }                   
#Policy.GoToSites
    {
    margin-left:0;
    }
#GotoFacebook
    {
    background-position:0 -136px;
    }
#GotoGlobes
    {
    background-position:0 7px;
    }
#GotoHarel
    {
    background-position:0 -42px;
    }
#Policy
    {
    background-position:0 -89px;
    }
.topOfPage
    {
    margin-top:14.9%;
    }    
h1[data-Item="madorTitle"], #pole .titleBlock
    {
    background:url("http://images.globes.co.il/images/harel/mobile/arrow2left_white.png") no-repeat scroll 10px center #F9B91B;
    border-bottom:2px solid #c00;
    cursor: pointer;
    font: bold 1.8rem/3rem arial;
    height: 30px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: right;
    padding-right:10px;
    }
[data-Item="madorTitle"] .MadorIcon
    {
    width:50px;
    background:url("http://images.globes.co.il/images/harel/mobile/sprite_12_imgs_51px.png") no-repeat 0 0;
    overflow:hidden;
    float: right;
    margin-right:5px;
    margin-left:10px;
    height: 30px;
    width:30px; 
    margin-top:0;
    display:none; /*-- זמני הורדנו--*/
    }
[data-Fid="520"] .MadorIcon
    {
    background-position:right 0;    
    width:50px;
    margin-top:4px; 
    }
[data-Fid="585"] .MadorIcon
    {    
    background-position:right -30px;
    margin-top:5px;
    }
[data-Fid="600"] .MadorIcon
    {    
    background-position:right -60px;     
    }    
.ArticleTitle
    {
    width:100%;
    background:url("http://images.globes.co.il/images/harel/mobile/arrow2left_Yellow.png") no-repeat scroll 10px center #FFF;
    overflow:hidden;
    margin:0;
    padding:1px 0;
    border-bottom:1px solid #F9B91B;
    cursor:pointer;
    }    
.ArticleTitle img
    {
    float:right;
    }        
.ArticleTitle a
    {
    float: right;
    margin:0 10px 0 0;
    color: #000;
    font:normal 1.8rem/2rem arial;
    text-decoration: none;
    width:55.5%;    
    }            
.AD_Item
    {
    border-top:1px solid #F9B91B;
    height:auto;
    overflow:hidden;
    background-color:#003c7d;
    width:100%;
    color:#fff;
    text-align:center;
    margin-bottom:1px;
    }    
/*----------------------*/
/* Madors
/*----------------------*/
[data-id="Madors"]
    {
    
    } 
/*----------------------*/
/* Articles
/*----------------------*/
[data-id="Article"] article > h1
    {
    font:bold 2.4rem/3rem arial;
    padding:0 1rem;
    }
[data-id="mainBigImg"]
    {
    width:96%;
    border:0 none;
    margin:1.5rem auto;
    display:block;
    }    
[data-id="Article"] article > h2
    {
    font:bold 1.8rem/2.2rem arial;
    color:#333;
    padding:0 1rem;
    text-align:right;
    }
[data-id="ArticleText"]
    {
    font:normal 1.6rem/2.2rem arial;
    color:#333;
    padding:0 1rem;
    }    
[data-id="ArticleText"] p
    {
    margin:1.5rem 0 1.5rem;
    }   
/*----------------------*/
/* Wellcome
/*----------------------*/
.wellcome
    {
    background: url('http://images.globes.co.il/images/harel/mobile/Welcome_320b.gif') no-repeat center center #F9B91B;
    background-size: 100% 100%;
    min-height: 500px;
    min-width: 320px !important;
    height: 100%;   
    }  
.wellcome > a
    {
    display:block;
    overflow:hidden;
    position:absolute;
    top:39.8%;
    left:10.5%;
    width:78%;
    height:6%;
    }    
.wellcome > a:last-child
    {
    top:49.5%;
    height:6.5%;
    width:54%;
    left:23%;
    }          

/*----------------------*/
/* Login
/*----------------------*/
[data-id="Login"] nav
    {
    background:#f9b91b;
    width: 100%;
    height:40px;
    display: block;
    padding: 0;
    margin: 0 auto;
    border: 0;
    position:fixed;
    }
[data-id="Login"] nav ul
    {
    margin:5px auto 0;
    display: block;
    padding: 5px 5px;
    text-align: center;
    }
[data-id="Login"] nav li
    {
    color: #000;
    font: normal 2rem/3rem arial;
    list-style: none;
    padding: 0 3rem;
    background: #F9B91B;
    height: 3.3rem;
    display: inline-block;
    border:1px solid #FFF;
    margin-right: -0.3rem;
    }    
[data-id="Login"] nav li.selected
    {
    background:#fff;
    }  
.DownLoginMenu
    {    
    padding-top:4rem;    
    }
#SignINDiv
    {
    width:88%;
    margin:2% auto 0;    
    display:block;
    }    
h2
    {
    font:bold 220% arial;
    text-align: center;        
    }  
h3
    {
    font:normal 200%/2rem arial;
    text-align: center;        
    }        
.inputTitle
    {
    font:normal 1.6rem arial;
    text-align:right;     
    }          
.checkBoxTitle
    {
    font:normal 110% arial;
    text-align:right;     
    float:right;
    width:96%;
    }
#NewUser .checkBoxTitle
    {
    width:80%;
    }        
.sprateDownclass
    {
    margin-bottom: 15px;
    }
.inputTitle > span.ErrorBox
    {
    display:none;
    }    
.inputTitle > span.error
    {
    font: bold 1.2rem arial;
    color: #C00;
    float: left;
    display:block;    
    } 
.errorInput
    {
    background: #F4E0E0 !important;
    border: 1px solid #C00 !important;
    box-shadow: -2px 2px 7px -3px #AAA inset !important;
    }         
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"])
    {
    width:96%;
    border:1px solid #ccc;
    background: #FFF;
    box-shadow: -2px 2px 7px -3px #AAA inset;
    direction: ltr;
    font: normal 1.6rem arial;
    height: 33px;
    margin:0 0 10px 0;
    padding: 0 2%;
    text-align: left;
    outline: none;  
    } 
input.rtl_input
    {
    direction:rtl;
    text-align:right;
    }              
input[type='checkbox']
    {
    float: right;
    clear: right;    
    }    
input[type='submit'], .GoBacktoLogin, #pole .vote
    {
    background: #C51426;
    border: 0;
    border-radius: 20px;
    color: #FFF;
    display: block;
    font: bold 220%/3rem arial;
    margin:5% auto 5%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding-bottom: 5px; 
    float: left;
    clear: left;  
    }          
.commentClass
    {
    font:normal 1.4rem arial;    
    }    
#ForgotPassword, #ChangePassword
    {
    display: block;
    font: bold 1.6rem arial;
    color: #000;
    float: left;
    margin-bottom: 40px;
    width: 50%;
    text-align: left;
    }    
#ChangePassword    
    {
    float: right;
    width: 50%;
    text-align: right;
    }
#NewUser #ChangePassword    
    {   
    float:left;
    text-align:left;    
    }
#ErrorBox
    {
    width:98%;
    background:#fef8e8;
    border:1px solid #f9b91b;
    border-top:0;
    color:#c00;
    font:bold 1.6rem arial;
    text-align:center;
    direction:rtl;
    padding:1rem 0;
    display:none;
    }
.FirstScreen
    {
    display:block;
    }    
.ActionDone
    {
    display:none;
    margin-top:25%;
    }    
.ActionDoneNoMargin
    {
    margin-top:0;
    }        
.RightFloatBox
    {
    width:50%;
    float:right;
    min-height:20%;
    }
.loaderdiv 
    {
    text-align:center;
    height:400px;
    line-height: 400px;
    }
#pole .titleBlock h2
    {
    margin: 0;
    font: bold 18px/32px arial;
    text-align: right;
    }
#pole h3
    {
    font: bold 2.4rem/3rem arial;
    padding: 0 1rem;    
    text-align:right;
    }
.poleQ
    {
    width: 96%;
    height:5rem;
    display: block;
    overflow: hidden;
    padding-right: 2%;
    border-top: 1px solid #CCC;
    padding-bottom: 3%;
    }
.poleQ:last-child
    {
    }   
.poleQ > input
    {
    float:right;
    margin-left:1%;
    }    
.poleQ > div
    {
    display: table-cell;
    font: normal 1.6rem/2.2rem arial;
    color: #333;
    width: 80%;
    margin-bottom: 5%;
    height: 50px;
    vertical-align: middle;
    } 
.poleQ > span
    {
    font: normal 160% arial;
    display: block;           
    }
.poleQ > b
    {
    display: inline-block;
    height: 10%;
    font: bold 200% arial;
    float: left;
    color: #C00;         
    }
.poleQ .line
    {
    display: inline-block;
    float: right;
    height: 3%;
    width: 80%;
    }  
.poleQ .line span
    {
    display: inline-block;
    border-bottom:12px solid #C00;
    }         
#pole .vote, #pole .results
    {
    width: 35%;
    float: left;
    margin-left: 4%;
    }    
#pole .results
    {
    width: 40%;
    float: right;
    color: #333;
    font: bold 135% arial;
    margin-top: 8%;
    margin-right: 3%;
    }
.voteB
    {
    border-top: 1px solid #CCC;
    overflow: hidden;
    }
/*---------------------------------------*/
/* Radio Button Classes
/*---------------------------------------*/
._inputRadioDIV  
	{
    cursor: pointer;
    display: block;
    float: right;
    height: 50px;
    margin: 0px 10px 5px 5px;
    width: 33px;
    background: url("http://images.globes.co.il/images/products/checkbox_80x40.png") no-repeat -35px 10px rgba(0, 0, 0, 0);
    background-size: 70px 35px;
	}                       
._inputRadioDIV input[type='radio']  
	{
	width:33px;
	height:50px;
    opacity: 0;
	filter:alpha(opacity=0);
	}
._isRadioON 
	{
	background: url("http://images.globes.co.il/images/products/checkbox_80x40.png") no-repeat -2px 10px transparent !important; 
	background-size:70px 35px !important;
	} 
/*---------------------------------------*/
/* Radio Button Classes
/*---------------------------------------*/   
.articleVideo
    {
    position: relative;
    display: block;
    overflow: hidden;
    }
.Hamakom_Mobile_player_BTN
    {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -40px;
    }