﻿
@font-face {
font-family: 'almoniTzar7';
font-weight: 700; /*(bold)*/
font-style: normal;
src: url('/Static/fonts/almoni/almoni-tzar-aaa-700.eot');
src: url('/Static/fonts/almoni/almoni-tzar-aaa-700.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni/almoni-tzar-aaa-700.ttf') format('truetype'), url('/Static/fonts/almoni/almoni-tzar-aaa-700.woff') format('woff');
}
@font-face {
font-family: 'almoniTzar3';
font-weight: 300; /*(light)*/
font-style: normal;
src: url('/Static/fonts/almoni/almoni-tzar-aaa-300.eot');
src: url('/Static/fonts/almoni/almoni-tzar-aaa-300.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni/almoni-tzar-aaa-300.ttf') format('truetype'), url('/Static/fonts/almoni/almoni-tzar-aaa-300.woff') format('woff');
}
@font-face {
font-family: 'almoniTzar4';
font-weight: 400; /*(regular)*/
font-style: normal;
src: url('/Static/fonts/almoni/almoni-tzar-aaa-400.eot');
src: url('/Static/fonts/almoni/almoni-tzar-aaa-400.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni/almoni-tzar-aaa-400.ttf') format('truetype'), url('/Static/fonts/almoni/almoni-tzar-aaa-400.woff') format('woff');
}


 #loginPage {margin:0 auto;max-width: 100%;}
/***************************************/
/*/====== standart button styles ======/*/
.btn{
	display:inline-block;
	border-radius:4px;
	text-decoration:none;
	text-align: center;
	cursor:pointer;
	}
.btnProp{
    height:24px;
    font-size: 14px;
    line-height:24px;
    font-weight: bold;
    padding:0 14px;
    color: #fff !important;
	background: #df3d3d; /* Old browsers */
	background: -ms-linear-gradient(top,  #df3d3d 68%,#d63434 100%); /* IE10+ */
	background: linear-gradient(top,  #df3d3d 68%,#d63434 100%); /* W3C */
	border:1px solid #d34730;
 }
 .btnProp:hover {
    color: #fff;
    background: #d62e2e; /* Old browsers */
	background: -ms-linear-gradient(top,  #d62e2e 1%,#d21c1c 2%,#cf0d0d 49%,#c20101 100%); /* IE10+ */
	background: linear-gradient(top,  #d62e2e 1%,#d21c1c 2%,#cf0d0d 49%,#c20101 100%); /* W3C */
	border:1px solid #b2260f;
	box-shadow: 0 1px 0 0 #BBB;
 }
 #nextStep1, #nextStep2{width:150px;font-size:18px; height:32px; line-height:30px;}
 .choose {margin:0 0 10px; font-size:16px; font-weight:bold}
.searchTags { background:#eee; padding:10px 0}
#imgSaveTags { width:98%; padding:5px 0; margin:10px 0}
.end {clear:both;height:20px; border-bottom:1px #ddd solid}
#txtEmail {font-size:16px;}
.updateTitle {padding:10px 0 20px;font-size:16px; font-weight:bold;}
.updateTitle a { float:left; font-size:12px; color:#666; background:url("http://images.globes.co.il/images/site2/Site_NewsLetter/icon_pencil_18x18.png") no-repeat 0 0; width:18px;height:18px; font-family:Arial; margin-left:2px; line-height:46px}

.editMail {font-family:Arial;font-size:12px; margin:0 0 20px 0}
.editMail:before {content:url(http://images.globes.co.il/images/site2/Site_NewsLetter/icon_email_14x9.png);}

#txtName { text-align:right !important;}

.chooseUp {
    padding:0 20px; 
    border:1px #ddd solid; 
    border-bottom:0;  
    width:105px; 
    text-align:center; 
    float:right;
    cursor:pointer;
   height:42px;  
  background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
}
    
.chooseUp.on {
    
    border-top:3px #35a6de solid;
    border-bottom:1px #fff solid;
    background:#fff;
    position:relative;
    height:40px;
}
.chooseUp.on:after {
    content:"✓";
    color:#35a6de;
    font-size:20px;
    font-weight:bold;
    position:absolute;
    top:5px;
    right:5px;
}
.chooseUp span {font-size:16px; line-height:16px; font-weight:bold; display:block; margin-top:5px;}
.chooseUp span.smallText  { font-weight:normal;font-size:14px; margin-top:0}

.chooseUpSelectLeft { display:none}
.chooseUpWrap  {/* border:1px #ddd solid; */padding:5px 2px;}
.selectim { padding:10px; width:200px}
.chooseUpWrap span {font-weight:bold;padding-left:5px;font-size:14px;}
.or {display:none }

#tabReg { float:left !important}

 @media only screen and (max-width: 480px) {
    #GHeader_main2, #div-gpt-ad-201212251015-1, #footerN_main, #footer_globes, #Globes_Footer, #passMadadim   { display:none !important}
    #NG_RightSide,  #NG_LeftSide, #divTagsCloud, #NewsAganceMaster,#GPage_main,#page-wrap,  #NG_HeaderLineBox { float:none !important; width:100%  !important}
   #NG_searchbox #NG_s_input { margin-right:20px !important; width:70% !important} 
 
   #AN_Left_header { text-align:center; background:#000; color:#fff; margin:10px 0; width:100%}
   #divTagsCloud { margin-right:0}
   h2 {color: #97133f;font-family:almoniTzar3;}

 }
 
 
 #wrapper {    max-width: 1280px !important;}
 #loginPage {width:90%}
@media only screen and (min-width: 750px) {
    h2 {
        font-family: 'almoniDL700';
    }
}
 body{font-family:almoniTzar3, Arial;background:#fff1e5;}
 h2 {
    font-size: 35px;
    font-weight: 300;
    line-height: 2;
    text-align: right;
    color: #000;
    margin-right: 15px;
    overflow: hidden;
    width: 100%;
    margin: 0;
    
}


 h2:after {
    content: "";
    display: inline-block;
    height: 0.5em;
    vertical-align: text-bottom;
    width: 100%;
    margin-left: -100%;
    margin-right: 10px;
    border-top: 1px solid #000;
}
       
     h2 a{         display:none      }

     .fbContainer {text-align:center;display:block; margin-bottom:16px; background:#E8F6FF; padding-bottom:16px; padding-top:5px}
     .fbContainer p {margin:2px 0}
     .fbBtnProp{direction:rtl; height:26px; padding:3px 5px 3px;width:90%}
     .chooseUpWrap{text-align: right; margin-top:59px;}
     .mainFields{ text-align: right; }
     .mainFields input{width:100%;}
     .smallText.comment {margin-top:5px;}
     .smallText, .chooseUpWrap span.smallText{font-size: 15px;font-weight:normal;}
      .comment{ color:#808080}
     .smallText a { color:#000}
     .chooseUpWrap span.fieldComment {  color:#808080; font-size: 12px; font-weight:normal; float:left; padding-left:0; display:none}
     
     .fieldTitle {font-size: 17px; }
     .fieldTitle a { color:#000}
     .font14{font-size:14px;}
     .messageDiv {color:#c00; }
        
     .loginBtn {
          width: 98% !important;
          padding:6px 0px 6px 0px;
          border-radius: 4px;
          font-size: 20px;
 
          margin: 5px auto !important;
          display:block;
          cursor:pointer;
          background-color: #97133f;
          color: #fff;
          border:0;
          -webkit-appearance: none;
          border-radius: 0px;
          font-family: almoniTzar3;
     }
       
    .btnBack{
         width: 100%;
          padding:6px 0px 6px 0px;
          border-radius: 4px;
          font-size: 18px;
          font-weight: normal;
          margin: 0;
          cursor:pointer;
          -webkit-appearance: none;
          border-radius: 0px; 
          border:1px #ccc solid;
          background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: -moz-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: -ms-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: -o-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: linear-gradient(to bottom, #ffffff, #e0e0e0);
     }
     #divBtnUpdate { text-align:center; line-height:45px}
   #btnBack,#btnPortfolio { color:#000; text-decoration:none; font-size:14px; padding:10px; display:block; clear:both; width:60%; margin:20px auto; text-align:center}  
    
     #mainFields div{padding: 4px;}
     
     #mainFields div input[type="text"], 
     #mainFields div input[type="password"], 
     #mainFields div input[type="email"]   {
        width: 100% !important;
        display:block;
        margin:0 auto;
        height:45px;
        border: 0;
        font-size: 17px;
        border-radius:0;
        text-align:left;
        direction:ltr;
        background:#f1dfcf;
    }

    .validationText{font-size:14px; text-align: right; direction:rtl; line-height:18px;}

    #mainFields div INPUT.error {border-color:#cc0000;background-color:#f6caca;}
    
.emailInUse  a { color:#000; text-align:center;display:block}    
    
.ErrorMessage { font-size:14px;  }    
.ErrorMessage:before {
    border-radius: 50%;
    color: #fff;
    content: "!";
    font-size: 14px;
    font-weight: bold;
    margin:0 6px;
    padding: 2px 8px;
    background:#c00; 
}
.messageDiv.fieldTitle {height:36px;margin:10px 0; padding:0 !important; display:block}


.fbwrap p { text-align:right; margin-right:10px}
@media (-webkit-min-device-pixel-ratio: 2),
             (min--moz-device-pixel-ratio: 2),
             (min-resolution: 300dpi)
{
    .chbx input[type="checkbox"] {width:5px;/* height:5px; */}
    
    .chbx { position:relative}
    
    input[type=checkbox]:before{
        content:"";
        display:inline-block;
        width:18px; 
        height:18px;
        background-color:#F6FFCF;
        border:1px solid #ccc;
        margin-right:10px;
        top:0px;
        left:0;
        position:absolute;
        line-height:20px;
    }
        
    .chbx input[type=checkbox]:checked:before {
        content:"✓";
        background-color:#fff;
        border:1px solid #ccc;
        color:#35a6de;
        font-size:18px;
        position:absolute;
        top:0;left:0;
        line-height:20px;
    }
    
}


/* iPad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { 
    
    #mainFields div input[type="text"], 
    #mainFields div input[type="password"], 
    #mainFields div input[type="email"] {
        /* width:88% !important;*/
        
    }
    .fieldTitle a { margin-left:5px}
    #loginPage { max-width:320px;}
    .chooseUpWrap span { margin-right:10px}

}

    .fieldTitle a { margin-left:5px}
    #loginPage {/* max-width:300px; */}
    .chooseUpWrap span { margin-right:10px}
    #forgotPW .validationText, #forgotPW .fieldTitle { font-size:18px;line-height:22px !important}
    #forgotPW .validationText.big { font-size:20px; margin-bottom:10px; }
    
    .top1.big {font-size:20px; margin-bottom:10px;}
    .top1,.validationText {font-size:16px;line-height:22px !important}


}
        
#forgotPW { padding:0 12px}    
#forgotPW #txtEmail {/* width:96% !important; */margin:0;}
#forgotPW .validationText, #forgotPW .fieldTitle {font-size: 19px;line-height: 25px !important;}
#forgotPW .validationText.big { font-weight:bold; margin-bottom:10px; }

.top1.big {font-weight:bold; margin-bottom:10px;}
.top1 {font-size:19px;line-height:22px !important}
#changePW .top1 {margin:10px 0}
#NewEmail, #OldPassword, #UPassword,#UPasswordV,#newCellular {border: 1px solid #ccc; border-radius: 0; direction: ltr; display: block;
    font-size: 16px;  height: 25px;  margin: 10px 0;  text-align: left;    width: 280px !important;}

    #OldPassword,#NewEmail, #newCellular,#OldPassword, #UPassword,#UPasswordV {width: 98% !important;margin:0 !important}
    
 #newCellular, #NewEmail    { margin:20px 0 !important}
 