body{word-spacing:normal;font-size:62.5%;margin:0;background-color:#323232;background-image:url('../images/binary_130x150.jpg');caret-color:rgba(0,0,0,0)}
html{height:100%}
#wrapper, #wrapper_zebra{position:relative;width:88em;margin-right:auto;margin-left:-44em;margin-top:0;left:50%;height:81.8em}
.page, .page_zebra, .page_arcnet{width:88em;height:81.8em;text-align:center;background-color:white}

.mobile_version{display:none}
.adsbygoogle{display:inline-block;}
.sound{display:block}
#soundbar{display:block}
#soundbar_and_menu{display:block}
#player{display:block}
#cookies{display:block}
.addthis_sharing_toolbox, .addthis_script{display:block}
.google_block{display:block}
.login_div{display:block}
.p6060{display:block}

/*@-ms-viewport{width: device-width}*/

.windows8{display:none}
.block {position:absolute;display:block;text-align:center;width:10em;height:5em;padding:0.5em;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;text-align:center;line-height:1.2em}
img{border:0;}
.logo3D{position:absolute;top:0.5em;left:14.3em;z-index:0}

.shanit_worldmap{width:57.7em;height:36em;left:15.1em;position:absolute;top:-16.8em;cursor:crosshair;z-index:0}

	  .hotspot_beginning{    
	       position: relative;
		   display: block;
		   border: solid 1px yellow;
		   top: 387px;
		   left: 302px;
		   width: 20px;
		   height: 20px;
		   border-radius: 60px 60px;
		   background-color: #fafafa;
		   opacity: 50%;
		  }

      .hotspot_engineering_70s{
          position: relative;
          display: block;
          border: solid 1px yellow;
          top: 452px;
          left: 318px;
          width: 20px;
          height: 20px;
          border-radius: 60px 60px;
          background-color: yellow;
          opacity: 50%;
         }

      .hotspot_engineering_80s{
        position: relative;
        display: block;
        border: solid 1px yellow;
        top: 412px;
        left: 296px;
        width: 30px;
        height: 30px;
        border-radius: 60px 60px;
        background-color: #af00ff;
        opacity: 35%;
        animation-name: coloranimate;
        animation-duration: 2.3s;
        animation-iteration-count: infinite;
        }

      .hotspot_engineering_thai{
        position: relative;
        display: block;
        border: solid 1px yellow;
        top: 460px;
        left: 407px;
        width: 20px;
        height: 20px;
        border-radius: 60px 60px;
        background-color: #673ab7;
        opacity: 50%;
        animation-name: coloranimate;
        animation-duration: 3.3s;
        animation-iteration-count: infinite;
        }

      .hotspot_consulting{
	    position: relative;
	    display: block;
	    border: solid 1px black;
	    top: 356px;
	    left: 271px;
	    width: 20px;
	    height: 20px;
	    border-radius: 20px 20px;
	    background-color: blue;
	    opacity: 40%;
        animation-name: coloranimate;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        }  

      .hotspot_workflow_perth{
        display: block;
        border: solid 1px red;
        top: 486px;
        left: 433px;
        width: 25px;
        height: 25px;
        border-radius: 60px 60px;
        background-color: red;
        opacity: 40%;
        position: relative;
        }

      .hotspot_workflow_sydney{
        position: relative;
        display: block;
        border: solid 1px red;
        top: 464px;
        left: 483px;
        width: 30px;
        height: 30px;
        border-radius: 60px 60px;
        background-color: #00ff49;
        opacity: 40%;
        animation-name: coloranimate;
        animation-duration: 4.5s;
        animation-iteration-count: infinite;
        }

      .hotspot_workflow_ca{
        position: relative;
        display: block;
        border: solid 2px red;
        top: 236px;
        left: 80px;
        width: 30px;
        height: 30px;
        border-radius: 60px 60px;
        background-color: #ff9800;
        opacity: 35%;
        animation-name: coloranimate;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        }

      .hotspot_workflow_chicago{
        position: relative;
        display: block;
        border: solid 2px white;
        top: 197px;
        left: 130px;
        width: 30px;
        height: 30px;
        border-radius: 60px 60px;
        background-color: #103808;
        opacity: 35%;
        animation-name: coloranimate;
        animation-duration: 1.8s;
        animation-iteration-count: infinite;        
        }

      .hotspot_workflow_usa_vs{  
        position: relative;
        display: block;
        border: solid 1px red;
        top: 177px;
        left: 143px;
        width: 30px;
        height: 30px;
        border-radius: 60px 60px;
        background-color: #583f36;
        opacity: 35%;
        animation-name: coloranimate;
        animation-duration: 2.8s;
        animation-iteration-count: infinite;           
        }

      .hotspot_workflow_tx{
        position: relative;
        display: block;
        border: solid 1px red;
        top: 151px;
        left: 114px;
        width: 30px;
        height: 30px;
        border-radius: 60px 60px;
        background-color:#21094c;
        opacity:35%;
        animation-name: coloranimate;
        animation-duration: 3.3s;
        animation-iteration-count: infinite;           
        }

      .hotspot_workflow_uk{
        position: relative;
        display: block;
        border: solid 1px red;
        top: 231px;
        left: 260px;
        width: 20px;
        height: 20px;
        border-radius: 60px 60px;
        background-color: #af00ff;
        opacity: 35%;
        animation-name: coloranimate;
        animation-duration: 2.3s;
        animation-iteration-count: infinite;        
        }

@keyframes coloranimate {
  0%   {background-color:red}
  25%  {background-color:yellow}
  50%  {background-color:blue}
  75%  {background-color:green}
  100% {background-color:red}
}

a{font-family:Verdana, Arial, Helvetica, sans-serif;color:Black;font-weight:normal;text-decoration:none;line-height:1.2em}
a.greenlink{color:green;font-style:normal;font-weight:bold}
a:hover, .greenlink:hover{color:Red}
a.selected, span.selected{color:black;font-weight:bold;cursor:default}
a.selected:hover{}
a:active{color:blue}
a.bluelink{color:#0000CD;font-weight:normal;font-size:0.7em}
a.bluelink:hover{background-color:#FFF5EE}
a.blacklink{color:Black;font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;text-decoration:none;font-size:1em}
a.boldlink{color:Green;font-weight:bold;font-size:1.2em}
a.boldlink:hover{color:Black;text-decoration:underline}
a.largelink{color:Black;font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;text-decoration:none;font-size:0.9em}
a.quote{color:Black;font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;text-decoration:none;font-size:xx-small}
.google_right_120x600{display:block;position:absolute;top:0.5em;left:73.8em;width:12em;height:60em;z-index:2}
.google_left_120x240{position:absolute;top:36.1em;left:2.3em;width:12em;height:24em;z-index:2}
.google_left_120x600{display:block;position:absolute;top:0.5em;left:1.8em;width:12em;height:60em;z-index:2}
.google_bot_468x60{position:absolute;top:57.8em;left:21em;width:46.8em;height:6em;text-align:center}
.hotspot{position:absolute;display:block;background-color:transparent;border:0.1em dotted blue;height:0.5em;width:0.5em;z-index:5}
.menu_bot,.ad_bot, .menu_bot_zebra, .menu_bot_arcnet, .menu_bot_rtl2{background-color:#DFDFDF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;line-height:2.2em;text-align:center;border:solid 0.1em silver;width:57.6em;height:4.6em;position:absolute;left:15.1em;top:52.4em;z-index:1;-moz-border-radius:0.5em}
.menu_bot_zebra{left:1.2em;top:52.8em}
.menu_bot_arcnet{left:14.6em;top:57.5em;width:58.3em}
.menu_bot_rtl2{left:14.6em;top:58.9em}
.menu_vert{position:absolute;top:0.5em;left:2.2em;width:12em;height:28em;-moz-border-radius:0.5em}
#page_thumbnail{position:absolute;top:28.4em;left:2.2em;width:12em;height:7em;z-index:1}
.w3c{text-align:center;width:12em;height:6em;position:absolute;top:61em;left:2.3em;z-index:1}
.box,.box1tab,.box2tab,.box3tab,.box4tab,.box5tab,.box6tab,.box7tab{position:absolute;left:14.8em;top:6.6em;margin-top:0;margin-bottom:0;margin-left:0;width:30em;padding:0.3em;color:#FF9900;background-color:#808080}
.box{-moz-border-radius:0.5em}
#box1tab,#box2tab,#box3tab,#box4tab,#box5tab,#box6tab,#box7tab{-moz-border-radius-topright:0.5em;-moz-border-radius-topleft:0.5em}
.info_on_grey{display:block;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;text-align:center;border:solid 0.1em silver;width:51.6em;padding:0.3em;background-color:#DFDFDF;position:absolute;top:6.4em;left:13.8em;line-height:1.2em;-moz-border-radius:0.5em}
.info_on_grey h1, h2, h3{font-family:Verdana, Arial, Helvetica, sans-serif;color:black;font-weight:bold;font-size:12.7px;display:inline}
h2{color:#0000ff}
h3{font-size:1em}
.horiz-line{display:block;background-color:transparent;border-top:0.1em solid white;position:absolute;height:0.1em;z-index:3}
.banner{position:absolute;top:42.2em;left:26.5em;display:block;width:33em;height:4.8em;border:solid 1px silver;z-index:10;background-color:white;padding-top:1.2em}

ul#navlist,ul#navlist1,ul#navlist2,ul#navlist3,ul#navlist4{-moz-border-radius:0.5em;width:11.5em;padding:0.1em;border:0.1em solid #808080;border-top:0;margin:0;font:bold 1em Verdana, Arial, Helvetica, sans-serif;background-color:#888888}
ul#navlist li,ul#navlist1 li,ul#navlist2 li,ul#navlist3 li,ul#navlist4 li{-moz-border-radius:0.5em;list-style:none;margin:0;border:0;border-top:0.1em solid #808080}
ul#navlist li a,ul#navlist1 li a,ul#navlist2 li a,ul#navlist3 li a,ul#navlist4 li a, ul#navlist li span{-moz-border-radius:0.5em;display:block;width:8em;padding:0.4em 1em 0.4em 0.4em;border:0;border-left:1em solid #aaaabb;border-right:1em solid #aaaabb;background-color:#cccccc;text-decoration:none;text-align:center}
ul#navlist li a:link,ul#navlist1 li a:link,ul#navlist2 li a:link,ul#navlist3 li a:link,ul#navlist4 li a:link{color:#666677}
ul#navcontainer li a:visited,ul#navcontainer1 li a:visited,ul#navcontainer2 li a:visited,ul#navcontainer3 li a:visited,ul#navcontainer4 li a:visited{color:#666677}
ul#navlist li a:hover,ul#navlist1 li a:hover,ul#navlist2 li a:hover,ul#navlist3 li a:hover,ul#navlist4 li a:hover{-moz-border-radius:0.5em;border-color:Red;color:#ffffff;background-color:#000d33}
ul#navlist a#current, ul#navlist span#current, ul#navlist1 a#current1,ul#navlist2 a#current2,ul#navlist3 a#current3,ul#navlist4 a#current4{border-color:#5bd #035 #068 #f30}
ul#navlist li#menu_selected,ul#navlist1 li#selected,ul#navlist2 li#selected,ul#navlist3 li#selected,ul#navlist4 li#selected{border-color:red red red red;background-color:red}

.stat{position:absolute;top:0;width:12em;left:0;height:4em}
.pic_on_top,.link_img{position:absolute;z-index:9;width:12em;height:9.5em}
.required,.box_shaded{background-image:url('../images/box_bg_750x51.jpg');background-repeat:no-repeat/*;background-position:right top*/}
.box_divstyle{position:absolute;top:0;left:0.5em;border:0.1em groove black;z-index:99}
.box_pstyletitle{position:relative;top:0;left:0;background-color:#1362ff;color:white;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;padding:0.3em;z-index:99;text-align:center}
.box_pstylebody{position:relative;top:0;left:0;background-color:#fffacf;filter:alpha(opacity=60);opacity:0.7;-moz-opacity:0.7;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;padding:0.3em;z-index:99}
.divstyle{position:absolute;top:0;left:0.5em;z-index:90;text-align:center}
.pstylebody{position:relative;top:0;left:0;width:25em;height:18.8em;background:transparent;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;z-index:90;text-align:center}
.pstyletext{position:absolute;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;background-color:#DFDFDF;color:black;border:solid 1pt silver;height:7em;width:16.9em;text-align:center;top:6.8em;left:3.5em;padding:0.5em;z-index:98}
.pstyletitle{position:absolute;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;background-color:blue;color:white;border:solid 1pt white;height:2.6em;width:17.7em;text-align:center;top:4em;left:3.4em;padding:0.2em;z-index:99}
.small_divstyle{position:absolute;top:0;left:0.5em;z-index:90}
.small_pstylebody{position:relative;top:0;left:0;width:25em;height:10em;background:transparent;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;z-index:90}
.small_pstyletext{position:absolute;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;background-color:#DFDFDF;color:black;border:solid 1pt silver;height:1.7em;width:16.9em;text-align:center;top:4.3em;left:3.5em;padding:0.5em;z-index:98}
.small_pstyletitle{position:absolute;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;background-color:blue;color:white;border:solid 1pt white;height:1.3em;width:17.7em;text-align:center;top:2.5em;left:3.4em;padding:0.2em;z-index:99}
.large_divstyle{position:absolute;top:0;left:0.5em;z-index:90}
.large_pstylebody{position:relative;top:0;left:0;width:30em;height:40em;background:transparent;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;z-index:90}
.large_pstyletext{position:absolute;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;background-color:#DFDFDF;color:black;border:solid 1pt silver;height:23em;width:21.9em;text-align:justify;top:9em;left:3.5em;padding:0.5em;z-index:98}
.large_pstyletitle{position:absolute;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;background-color:blue;color:white;border:solid 1pt white;height:2.6em;width:22.7em;text-align:center;top:6.4em;left:3.4em;padding:0.2em;z-index:99}
#box1tabsel,#box2tabsel,#box3tabsel,#box4tabsel,#box5tabsel,#box6tabsel,#box7tabsel{font-size:0.9em;font-weight:bold;text-align:center;position:absolute;padding-top:0.5em;width:7.8em;height:2em;top:42.3em;border:solid 0.1em silver;background-image:url('../images/tab_bg_inv_1x28.gif');background-repeat:repeat-x;background-position:right top;;-moz-border-radius-topright:0.5em;-moz-border-radius-topleft:0.5em;cursor:default}
#box1tabsel{left:0.7em}
#box2tabsel{left:8.7em}
#box3tabsel{left:16.7em}
#box4tabsel{left:24.7em}
#box5tabsel{left:32.7em}
#box6tabsel{left:40.7em}
#box7tabsel{left:48.7em}
form{border:0.1em solid #d3d3d3;background-color:#ededed;padding:1em}
input{/*background-color:#ffff99;*/color:black;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;padding:0 0.5em}
input.checkbox{background-color:transparent}
textarea{border:inset 0.2em #eeeeee;width:26em;height:6em;/*background-image:url('../images/box_bg_795x360.jpg');*/background-color:white;color:black;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;padding:0.5em;max-height:8em;max-width:31em}
input.button{width:7em;height:2.3em;color:Black;background-color:#D3D3D3;font-weight:bold;border-color:#ccc #333 #222 #ccc;border:0.2em outset #D3D3D3;cursor:pointer}
input.button:hover{border-color:white;color:white;background-color:grey}

input:hover, textarea:hover, input.button:hover {
	box-shadow:rgba(0,0,0,0.3) 0px 0px 8px;
	-moz-box-shadow:rgba(0,0,0,0.3) 0px 0px 8px;	
	-webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 8px;
}

#cuser, #cpass, #cemail, #cremember, #csubmit {
	box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;
	-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;	
	-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;
}

#cuser:hover, #cpass:hover, #cemail:hover, #cremember:hover, #csubmit:hover {
	box-shadow:rgba(0,0,0,0.3) 0px 0px 8px;
	-moz-box-shadow:rgba(0,0,0,0.3) 0px 0px 8px;	
	-webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 8px;
}

#csubmit {background:green;color:white;font-weight:bold}
#csubmit:hover{color:yellow}

#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('fancybox.png');}
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;cursor:move}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}
#fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #fff}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('fancybox.png') -40px 0px;cursor:pointer;z-index:1103;display:none;}
#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;}
#fancybox-frame{width:100%;height:100%;border:none;display:block}
#fancybox-left, #fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('blank.gif');z-index:1102;display:none;}
#fancybox-left{left:0px;}
#fancybox-right{right:0px;}
#fancybox-left-ico, #fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background-image:url('fancybox.png');background-position:-40px -30px;}
#fancybox-right-ico{background-image:url('fancybox.png');background-position:-40px -60px;}
#fancybox-left:hover, #fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}
.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('fancybox-x.png');}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('fancybox.png');background-position:-40px -162px;}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('fancybox-y.png');background-position:-20px 0px;}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('fancybox.png');background-position:-40px -182px;}
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('fancybox-x.png');background-position:0px -20px;}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('fancybox.png');background-position:-40px -142px;}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('fancybox-y.png');}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('fancybox.png');background-position:-40px -122px;}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding:5px 0 5px 0;margin-bottom:3px;text-align:center;color:#333;background:lightgrey;position:relative;}
.fancybox-title-outside{padding-top:10px;color:#fff;background:lightgrey;}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;}
#fancybox-title-over{padding:10px;background-image:url('fancy_title_over.png');display:block;}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;}
#fancybox-title-float-wrap td{border:none;white-space:nowrap;}
#fancybox-title-float-left{padding:0 0 0 15px;background:url('fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('fancybox-x.png') 0px -40px;}
#fancybox-title-float-right{padding:0 0 0 15px;background:url('fancybox.png') -55px -90px no-repeat;}
.fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');zoom:1;}
.fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px');}
#fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');}
.fancybox-ie .fancybox-bg{background:transparent !important;}
.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');}

#user{position:absolute;width:100%;height:2.4em;display:block;background-color:black}
.user{color:silver;font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal;font-size:1em;font-weight:normal;text-decoration:none;margin:0 0.5em 0 0.5em;line-height:2.5em}
.user:hover{color:white}

/*.sound{position:absolute;top:-2.2em;left:14.6em}*/

#shanit_login, #shanit_loggedin{position:relative;width:90em;height:2.4em;float:center;margin-left:auto;margin-right:auto}
#shanit_login{text-align:right}

a.botmenu{color:white;font-weight:bold}
a.botmenu:hover{color:yellow;text-decoration:underline}

.shadow{    
-moz-box-shadow: 3px 3px 4px #000;     
-webkit-box-shadow: 3px 3px 4px #000;     
box-shadow: 3px 3px 4px #5c5c5c;   
/* For IE 8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";     
/* For IE 5.5 - 7 */     
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
}

.inactive{color:#666666}

.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
    }  
 
.rotate:hover  
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

.inflate
{
    position:sticky;
    transform: scale(1);
    transition: all .5s ease 0s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;

    -webkit-transform: scale(1);
    -webkit-transition: all .5s ease 0s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;

    -moz-transform: scale(1);
    -moz-transition: all .5s ease 0s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -moz-transition-delay: 0s;

    -o-transform: scale(1);
    -o-transition: all .5s ease 0s;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: ease;
    -o-transition-delay: 0s;
}

.inflate:hover
{
	cursor:pointer;
	z-index:9;
    transform: scale(1.3);
    transition: all .3s ease 0s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;

    -webkit-transform: scale(1.3);
    -webkit-transition: all .3s ease 0s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;

    -moz-transform: scale(1.3);
    -moz-transition: all .3s ease 0s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -moz-transition-delay: 0s;

    -o-transform: scale(1.3);
    -o-transition: all .3s ease 0s;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: ease;
    -o-transition-delay: 0s;

    animation-iteration-count: 1;
}

#menu_context_img{position:absolute;top:28.6em;left:2.2em;width:12em;height:7em}

#leftbar{position:absolute;width:3em;height:100%;top:0;left:-1em;background-image:url('../images/bar_left.gif');background-repeat:repeat-y;z-index:9}
#rightbar{position:absolute;width:3em;height:100%;top:0;left:87em;background-image:url('../images/bar_right.gif');background-repeat:repeat-y;z-index:9}
#arcnet{position:absolute;color:black;top:0.3em;left:13.3em;width:51em;margin:0;top:6.2em;padding:0.7em 1em;text-align:justify}
#zebra_page{position:absolute;border:solid 0.1em silver;background-color:#DFDFDF;height:42.6em;width:55.6em;text-align:justify;margin-top:0;margin-bottom:0;margin-left:0;padding:1em;top:7.8em;left:1.2em;-moz-border-radius:0.5em}
#zebra_text{height:44.5em;width:24em;text-align:justify;margin-top:0;margin-bottom:0;margin-left:0;padding:10;top:7.1em;left:53.9em}
#google_translate_element{position:absolute;top:6.5em;left:36.6em;color:black;background-color:lightgray;font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal;font-weight:bold;border:1px solid red}
#flagFR, #flagUK{left:86.7em;top:64.5em;width:2.2em;height:1.4em}
#flagUK{left:-1.1em}

#zebra_addthis{position:absolute;height:1.5em;top:62.7em;left:63em;border:0;background-color:transparent;z-index:99}

#connected{position:relative;margin-left:38.8em;top:-2.4em;float:center}

.addthis, .addthis_home{height:1.5em;top:66.2em;left:15.7em;border:0;background-color:transparent;z-index:1}
.addthis_home{left:31em;top:64.8em;width:22em}
/*.google_mobile{display:none;position:absolute;top:58.1em;left:27.8em;width:32em;height:5em}*/
.google_mobile{display:none}
#google_mob_300x250{display:none}
#google_200x200{display:block;position:absolute;top:32em;left:2.5em;z-index:99}
#google_indexing{top:63em}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

body{min-width:320px; /*min-height:640px*/}

/* ---------------------------- for 1240px or less ---------------------------------*/
@media only screen and (max-width: 1240px) {
	#container1{display:none}
	#connected{top:-2.4em}
}

/* ---------------------------- for 980px or less ---------------------------------*/
@media only screen and (max-width: 980px) {
 
body {background-image:none;background-color:silver}

.info_on_grey{display:none}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.google_block{display:none}
.login_div{display:none}
.mobile_version{display:block}
body{font-size:100%;font-family:Helvetica, Arial, sans-serif;line-height:1.3em}
h2{font-family:Helvetica, Arial, sans-serif;font-size:1.5em;color:black;font-weight:bold;display:block}
.page, .page_zebra, #wrapper, #wrapper_zebra, #user_wrapper, .page_arcnet{display:none}

form{background-color:lightcyan}

.sound{display:none}
#soundbar_and_menu{display:none}
#soundbar{display:none}
#player{display:none}
#cookies{display:none}

/*.shanit_worldmap{display:none}*/
.windows8 {display:block;width:57.7em;height:32.6em;left:15.2em;position:absolute;top:17em;background-color:blue;z-index:0}
.pinned{display:none}

.addthis {top:53.2em;left:13.7em}
.addthis_home{top:45.5em}
#zebra_addthis{top:87em;left:43em}
#computer_pic{display:none}

	#wrapper, #wraper_zebra{position:relative;width:64em;min-width:64em;height:61em;min-height:61em}
	.page{width:60em;height:64em;text-align:center;background-color:white;margin-left:14em} 
	#wrapper_zebra{height:93em;width:65em}
	.page_zebra, .page_arcnet{width:59.8em;height:98em;margin-left:14.2em}
	.page_arcnet{height:69em}

	.adsbygoogle{display:none}

	.google_mobile{display:block}
/*	#google_mob_300x250{display:block;position:absolute;top:24.4em;left:1em;z-index:99} */
	#google_mob_300x250{display:none}
	#google_200x200{display:none}
 	#google_indexing{top:57.5em}

	.google_right_120x600{display:none}
	.google_left_120x240{display:none}
	.google_bot_468x60{display:none}
	.google_left_120x600{display:none}
	.sopcast{display:none}
	.w3c{display:none}
	.menu_blue{display:none}
	.botmenu{display:none}
	.menu_vert{display:none}

	#flagFR{display:none}
	#flagUK{display:none}

	#menu_context_img{display:none}
	#leftbar{display:none}
	#rightbar{display:none}

	#shanit_login{width:60em}
	#shanit_loggedin{width:60em}
	#arcnet{left:13.9em}
	#zebra_page{left:15.2em;1em;height:48em}
	#zebra_text{height:28em;width:50.3em;text-align:justify;margin-top:0;margin-bottom:0;margin-left:0;padding:1em;top:53.3em;left:13.9em}
	#google_translate_element{left:51.4em}
	.menu_bot_zebra{margin:39.7em 14em 0}
	.menu_bot_arcnet{margin:0 0.6em;top:57.3em}
	.menu_bot_rtl2{margin:0 0.6em;top:59em}

	#connected{margin-left:23.5em}
	#myshanit{padding-left:3em}
}

#wheel{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

    -webkit-animation:mywheel 3s ease-in 2s infinite alternate; /* Chrome, Safari, Opera */
    animation:mywheel 3s ease-in 2s infinite alternate;
        
    overflow:hidden;
    border:none;
    }

/* Chrome, Safari, Opera */
@-webkit-keyframes mywheel
{
    75%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(-360deg);}   
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

@keyframes mywheel
{
    75%  {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}   
    transform:rotate(360deg);
}


#anim
{
width:4px;
height:4px;
background:white;
position:absolute;
z-index:9;
-webkit-animation:myfirst 4s ease-in 1s infinite alternate; /* Chrome, Safari, Opera */
animation:myfirst 4s ease-in 1s infinite alternate;
}

div#subject:hover{
cursor:pointer;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst
{
0%   {background:red; top:18em;left:22em;}
25%  {background:red; top:6em;left:59em;}
50%  {background:red; top:8.7em;left:67.8em;}
75%  {background:black; top:8.7em;left:70em;}
100% {background:black; top:10em;left:70em;}
}

/* Standard syntax */
@keyframes myfirst
{
0%   {background:red; top:18em;left:22em;}
25%  {background:red; top:6em;left:59em;}
50%  {background:red; top:8.7em;left:67.8em;}
75%  {background:black; top:8.7em;left:70em;}
100% {background:black; top:10em;left:70em;}
}


/* ---------------------------- for 600px or less --------------------------------- */
@media only screen and (max-width: 640px) {

.mobile_version{display:block}
body{font-size:100%;font-family:Helvetica, Arial, sans-serif;line-height:1.3em}
h2{font-family:Helvetica, Arial, sans-serif;font-size:1.5em;color:black;font-weight:bold;display:block}
.page, .page_zebra, #wrapper, #wrapper_zebra, #user_wrapper, .page_arcnet{display:none}

form{background-color:lightcyan}

/*
.logo3D{display:none}
.sound{display:none}
.box{display:none}
.windows8{display:none}
*/

.menu_bot{display:none}


.addthis, .addthis_home, #zebra_addthis, .addthis_sharing_toolbox, .addthis_script{display:none}
#google_translate_element{display:none}
.p6060{display:none}
 }

/* ----------------------------- Cookies bar (jquery.cookiebar.css) ---------------- */
#cookie-bar {background:#333333; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;z-index:9}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;cursor: pointer}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}


/* ----------------------------- image wiggle ------------------------------ */
a .google:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}