/*   margin:auto; = center div  ///    margin: 30px 10px 0 auto;    */

@font-face {font-family: 'Open Sans Hebrew';src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff2);}

body  {font-family: 'Open Sans Hebrew',Arial;font-size: 14px;color: #333333;margin: 0;background:-webkit-linear-gradient(top, #dedbdd 5%, #fff 100%);background-repeat:no-repeat;height:500px; }

h1    {color: azure; font-size: 50px;color: #ffffff; cursor: pointer; width:100%; font-weight: bold;background-color: #0a4885;padding: 50px 68px 30px 0;text-align: right;margin:0px 0 50px 0;background-image:url('/opal/files/system/h1.png');background-position:100px 0px;background-repeat:no-repeat; background-size:290px 134px;}
h2    { color: #0a4885;font-size: 30px;font-weight:bold; margin: 30px 10px 0 auto; width:90%;padding: 10px 60px 10px 0;text-align: right; cursor: pointer;direction: rtl;}
h3    {font-weight: bolder; margin: 0 10px 20px auto; font-size: 18px;width:90%;color: #666;padding: 10px 60px 10px 0; text-align: right; direction: rtl;}

.mark {background-color:#258be8;border-color:#627eb1;  color:#FFF;padding:5px; border-radius:5px;}

div       {  color: #666;}
div:empty { }
div:hover { }

span      {  }

table,td   { font-size: 12px; color: #333; }

/**************************Graphs**************************************************************************************/

.BarRange{background-color:#eee;width: 700px; height: 50px}

/*************************** Tabs  ******************************************************************************/

.tabs        { width: 130px;background: #d3d8da;cursor: pointer;text-align: center;transition: all 0.6s;padding:15px;color: #1f60a9; text-shadow: 0 0 10px #FFF;font-size: 13px;border-radius: 12px 12px 0 0;}
.tabs:hover  {background: #a2b7c0;color: #fff; z-index: 1000;}

.tabs_       {cursor: pointer;text-align: center; width: 150px;transition: all 0.6s;background: #627eb1;padding:18px;color: #fff;font-size: 13px;border-radius: 8px 8px 0 0;-moz-border-radius: 8px 0 0;-webkit-border-radius: 8px 8px 0 0;}
.tabs_:hover { background: #243e5a; }

.tab        {background: #d3d8da;cursor: pointer;text-align: center;transition: all 0.6s;padding: 10px 10px;color: #627eb1;text-shadow: 0 0 10px #FFF;font-size: 16px; border-radius: 1px;}
.tab:hover  {box-shadow: 0 0 30px 3px #258be8 inset;background: #258be8;color: #fff;}


        /***************************Master TAGS Elements ******************************************************************************/


        #TopHDR        { background-repeat: no-repeat;background-position: top; margin: 0; height:130px; direction: rtl;}

        #menuBtn       { display:none; margin-right: 15px; margin-top: 22px;}
        #privatTabMbl  { display:none; padding:20px 10px 10px 10px;border-radius:0  0 10px 10px  ;color: #fff; box-shadow:0 10px 5px 1px #eee inset; }
        #MSMenuMbl     { display:none; margin-right: 15px; margin-top: 22px;}

        #privatTab     { background: #383e4c; width: 100px; padding-top:10px; padding-bottom: 10px; border-radius:0  0 10px 10px  ;color: #fff; cursor: pointer; text-align: center;     }
        #MSMenu        { background: #222836; margin-top:200px; border-radius: 8px 0 0 8px; height: 200px; padding-top: 20px; opacity: 0.8;}

        #searching     { width: 250px;padding-top: 21px;vertical-align: top;text-align: right;}
        #searchBox     { width:160px;height:40px;border:none; background-color:#eee; padding-right:10px;border-radius:0 5px 5px 0;}

        #TM            { text-align: left;opacity: 0.9; margin-left: 15px; margin-top: 35px;}
        .TMitem        { background: #88b300; border: 1px dotted #648204; color: #fff; padding:10px; text-shadow: 0 0 1px #333;font-size: 16px; margin: 3px; cursor: pointer;text-align: center;transition: all 0.5s;   border-radius:3px ;}
        .TMitem:hover  { box-shadow: 0 0 3px 0px #88b300 ; background: #648204; color: #fff;  padding:18px; }
        .TMmPrvt       { padding:10px;height:50px; text-align:right; cursor: pointer; color:#fff; font-size: 15px; background-color: #414a5a;transition:all 0.6s;}
        .TMmPrvt:hover { background-color: #1e2b39;}

        #RM            { top: 0px; right:-250px;  width: 300px;height: 100%;z-index: 15;padding-right: 0px;color: #eee;text-align: left;font-size: 16px;transition-property: all;transition-duration: 0.2s, 0.1s;	position: fixed;}
        #RM:hover      {  }

        .RMitm         { box-shadow:0 0 1px 0px #333 inset ;border:1px dotted #333;  text-align: right; background:-webkit-linear-gradient(top,#374558 0%,#354355 50%); cursor:pointer;transition:all 2s;padding:12px 12px;color:#eee; text-shadow:0 0 1px #ccc;font-family: "Arial Narrow", Arial, sans-serif;font-size:18px; }
        .RMitm:hover   { box-shadow:0 0 300px 30px #bf9b30 inset ;border:1px dotted #907141;}

        .RMitm_        { text-align: right; cursor:pointer;color:#FFFFFF;transition:all 0.6s; padding:10px; color:#374558;  background:-webkit-linear-gradient(top,#eee 0%,#f8f8f8 100%);border:1px solid #374558;font-size:14px;}
        .RMitm_:hover  { border:1px solid #222836;}

        #RMbnr         { opacity: 1;  background-color: #374558; cursor: pointer;padding:30px 15px 30px 0; width:100%;margin-top: 100px;transition: all 2s;}
        #RMbnr:hover   { opacity: 0.9;background-color: #907141; }

        #xxx_main      { width: 100%;z-index: 10;min-height: 300px; margin: 0;color: #eee;text-align: center;font-size: 16px;padding:20px 0 50px 0; transition: all 2s;}

        #footerIMG     { background-image:url('/opal/Files/system/down1.png');background-position:260px 60px;background-repeat:no-repeat; background-size:500px 102px;height:150px;}
        footer         { width: 100%;height: 400px;z-index: 19;color: #999;	background-color: #323945;	text-align: left;	font-size: 17px; padding-top: 10px;}
        .ftr           { transition: all 0.5s;color: #eee; border-radius: 5px;text-align: center;border: 1px dotted #999; text-align: center;margin:5px; padding: 7px; cursor: pointer;}
        .ftr:hover     { border-color: #eee;background-color: #abcc26;}

        #Newsletter    { margin:0;height: 34px;padding: 6px 12px; direction:ltr; border-bottom-right-radius:0;border-top-right-radius:0;font-size: 14px; font-weight: 200;}
        #NewsletterBtn { margin-left: -2px; height: 34px;padding: 0px 12px; border-bottom-left-radius:0;border-top-left-radius:0; }


        #private:hover ~ #xxx_main  { opacity: 0.1; padding-top: 100px;}
        #TopHDR:hover  ~ #xxx_main  {background: #eee;}



#addnew{ position: fixed; bottom:0px; text-align:left; z-index: 100;left:100px; }
#adNT  { background-color:#2d3c44; cursor:pointer; box-shadow:0 0 2px 1px #fff; text-align:center; border-radius: 9px 9px 0 0; width:150px;  color:#FFFFFF;font-size:100px; }
#adNM  { text-align: right;background-color:#e5e9f3;box-shadow:0 13px 50px 1px #2d3c44;overflow:auto; height:400px; padding:20px; border-color:#2d3c44; border-style:solid; border-width:thin; border-bottom-width:0;border-top-width:20px; border-radius:0 8px 0 0;}


/****************************************************************************************************************/
/**************************** screen media ************************************************************************/
/****************************************************************************************************************/



@media only screen and (min-width : 1700px)  {                       /* big screen ----------- */

h1  {padding-right:200px;}
h2  {padding-right:200px;}
h3  {padding-right:200px;}

#Fdownsearch{padding-right:280px;}


#pMng      {width:1400px;}
#list      {width:1400px;}
#NEXT      {width:1400px;}

}

@media only screen and (min-width : 0px) and (max-width : 1050px) { /* Tablets & Strong SmartPhone ---- */

#TM {display:none;} #menuBtn{ display:block;}
#MSMenuMbl    {display:block;}  #MSMenu    {display:none;}
#TopHDR{  width:100%;height:100px; }
#Fdownsearch{padding-right:50px;}

#pMng      {width:90%;}
#list      {width:90%;}
#NEXT      {width:90%;}



}


@media only screen and (min-width : 0px) and (max-width : 700px) {/* Simple SmartPhone ---- */

#addnew       {left:5px;}
#privatTabMbl {display:block;}  #privatTab {display:none;}
#searching    {width: 200px; }
#searchBox    {width: 120px; }
.prvBtns      {display:none; }
.TMmPrvt      {font-size: 32px;padding:0px;}
h1           {padding: 60px 20px 20px 0;background-position:10px 0px;}
h2           {padding-right:10px;}
h3           {padding-right:10px;}

.itm         { width:100%;margin:4px 0 0 0;}

#pMng      {width:100%;}
#list      {width:100%;}
#NEXT      {width:100%;}


}

@media only screen and (min-height : 1020px)  {   /* Long SmartPhone upside ---- */

    #xxx_main { padding-bottom: 100px;}

}