/*        <style type=\"text/css\">

         cq1_r.css    responsive web page css in rootDir
 */

                                                                       imgC

  /*
               a:link { color:red; text-decoration:none; }
               a:visited { color:maroon; text-decoration:none;}
               a:active { color:green; text-decoration:none; }
               a:hover { color:aqua; text-decoration:yes; }
               .linkT:hover{ color:Teal; text-decoration:yes; }

    */

/*  #EEEEE6 */

/*
.Xhtml {border:10px solid green ; position:absolute;left:0.1%; top:0.0%; width:100%; height:85%;background:url(img/bgImg/yeEthBandiraBeEthSemay_092018.jpg); url(Ximg/bgImg/Background_content.jpg); }
.html        {border:10px solid green ; position:absolute;left:0.0%; top:0.0%; width:100%; height:100%;background: url(img/bgImg/Background_content.jpg);overflow: hidden;}
*/

/* for devices 600px or larger  set body in the bracket
@media only screen and (min-device-width: 600px) {border:2px solid green ; position:absolute;background:white url(img/Bckgound.gif);     }
#00FF00
*/
/*
body      {border:4px solid blue; position:absolute; left:0.5%; top:0%; width:98%; height:150%;margin:0.0em; padding:0; border-radius:3%; background:transparent url(/cq/img/ckground_body.jpg);color:#343; background-repeat: no-repeat; line-height:1.5;box-shadow: 0 0 00px black; }
#content  {border:4.0px solid #7FFF00; position:relative; left:0.1%; top:0.0%;width:100%;height:100%;border-radius:3%;background-repeat: repeat; background-size:cover; text-transform: none; word-spacing:0px; text-align:top; clear:top;float:right;background:black url(Ximg/bgImg/Background_content.jpg); font-size:16px; line-height:16px;box-shadow: 0 0 30px black;}

body      {border:10px solid blue; position:absolute; left:-0.7%; top:-2.5%; width:98%; height:150%;margin:0.0em;border-radius:3%; background: white url(Ximg/bgImg/yeEthBandiraBeEthSemay_092018.jpg); url(/cq/img/ckground_body.jpg);box-shadow: 0 0 00px black; }
#content  {border:2.0px solid #7FFF00; position:relative; left:0.6%; top:-1.5%;width:101.5%;height:102%;border-radius:3%;background:black url(Ximg/bgImg/yeEthBandiraBeEthSemay_092018.jpg); box-shadow: 0 0 30px black;}
*/
/* this is supposed to be the top layer and all images are displayed on it  all the obove under coment are obsolet with this*/
//#content {border:12px solid green ; position:absolute;left:0.0%; top:0.0%; width:99.5%; height:97%;background: url(img/bgImg/Background_content.jpg);overflow: hidden;}
//#content {border:12px solid #7FFF00 ; position:absolute;left:30.0%; top:42.0%; width:40%; height:40%;background: url(img/bgImg/Background_content.jpg);overflow:scrollbar;}           /*   Background_content_noR.jp is for mobile vertical */
#content {border:12px solid #7FFF00 ; position:absolute;left:0.0%; top:0.0%; width:100%; height:100%;background: url(img/bgImg/Background_content.jpg);overflow:scrollbar;}           /*   Background_content_noR.jp is for mobile vertical */


.procDirListVecAkafi {border:0px solid tan; position:absolute; left:2.6%; top:8.0%;width:95%;height:62%;border-radius: 4%;overflow-x:hidden;overflow-y:auto;word-spacing:0px; text-align:center;  clear:center;float:center;}    /* procDirList */
.tdbgcI {   background: transparent;  background-image: url("img/blue.gif");}
.imgNO {  border:20px solid cyan; position:absolute; left:10.8%; top:10.0%;width:89%;height:auto;border-radius: 4%;word-spacing:0px; text-align:center;  clear:center;float:center;}    /* procDirList */
.WarnNV2 {border:0.0px solid #7FFF00; position:relative; left:13%; top:10em; width:30em;height:4em;opacity:unset;animation: blink 1s steps(2, start);opacity: 1;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:25px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.sourceHint {border:0.0px solid #7FFF00; position:relative; left:0%; top:0%; width:30em;height:40em;border-radius: 4%;word-spacing:0px; text-align:center;  clear:center;float:center; font-size:0.3em;font-weight:normal; color:black; background:transparent;box-shadow: 0 0 0px none;}

.fTf {border: 0px solid yellow;position:absolute; left:10.0em; top:-0.5%;width:auto;height:4%;font-weight: bold;padding-left:1px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 5%;overflow: hidden;color: #FF8C00; font-size:20px; background:  transparent;}
.taA {border:0.0px solid red; position:absolute; left:0.5%; top:1.5em; width:90%;height:auto;color: cyan; background: transparent;  background-image: url("img/blue.gif");}    /* procDirList */
.iTi {border: 0px solid red;position:absolute;left:4.0%; top:-0.5%;width:auto;height:1%; font-weight: bold;padding-left:1px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 15%;overflow: hidden;color:#DC143C; font-size:20px; background:  	transparent;}
.taI {border:0.0px solid grey; position:absolute; left:1.5%; top:6%;  width:90%;height:auto; color: cyan; background: transparent;  background-image: transparent url("img/blue.gif");}    /* procDirList */
.pDLVnextI   {border:0px solid green; position:absolute; left:5%; top:80%;width:85%;height:10%;border-radius: 3%;word-spacing:0px; text-align:center;  clear:center;float:center;}    /* procDirList */
.pDLVnextF   {border:0px solid yellow; position:absolute; left:5.5%; top:80%;width:85%;height:1%;border-radius: 3%;word-spacing:0px; text-align:center;  clear:center;float:center;}    /* procDirList */
.NextA_proc   {border: 1px solid #7FFF00;position:relative;left:1.5%; top:0.0%;width: 3.5em;height:3.5em;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}
.List_proc   {border: 1px solid #7FFF00;position:relative;left:-11%; top:0.0%;width: 3.5em;height:3.5em;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}
.List_procE   {border: 11px solid #7FFF00;position:relative;left:-1%; top:0.0%;width: 3.5em;height:3.5em;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}
.AllFiles {border: 3px solid #7FFF00;position:fixed; left:96%; top:0%;width: 35px;height:35px;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.magImg {border: 2px solid #7FFF00;position:fixed; left:-0.5%; top:-0.3%;width: 35px;height:35px;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.locDli{border:0px solid white; position:absolute;left:2.3em;bottom:0.8em;width:18em;height:1em;font-size:1.1em;color:#7FFF00;text-align:left;font-weight:bold; background:transparent url(img/ackground_loc.gif);}
.togelImg2 {border: 3.0px solid #7FFF00;position:relative; left:-0.2%; top:4.0em;width: 3em;height:3em;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.togelFilm2 {border: 3.0px solid #7FFF00;position:relative; left:-0.2%; top:4.0em;width:3em;height:3em;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}


.ras_id  {border:0px solid tan; position:absolute; left:0.0%; top:0.0%;width:100%;height:100%;border-radius: 1%;word-spacing:0px; text-align:center;  clear:center;float:center;background:black url(Ximg/Bckground_ras.gif);}
#ras         {border:0px solid red; position:relative; left:0.0em; top:0em;width:4%;height:5em; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 1%;color:White;float:left; background:black url(Ximg/Bckground_gera.gif); font-weight:bold;}
.ras-wer     {border:0px solid red; position:relative; left:0.0em; top:-10.0%;width:auto;height:auto; font-size:0.8em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 4%;color:White;float:left; background:transparent url(img/Bckground_gera.gif); font-weight:bold;}
.ras-cq      {border:40px solid transparent; position:relative; left:-60.0%; top:-2.2em;width:0%;height:0%; word-spacing:0px; text-align:center; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 90%;float:left; background:transparent url(img/Bckground_gera.gif); box-shadow: 0 0 0px none;}
.ras-satu    {border:0px solid blue; position:relative; left:0.3%; top:-1em;width:auto;height:auto;font-size:0.8em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 4%;color:White; font-weight:bold;float:left; background:transparent url(img/Bckground_gera.gif); box-shadow: 0 0 20px none;}

.Xras_idY2  {border:10px solid blue; position:absolute; left:-0%; top:0.0%;width:100%;height:100%;border-radius: 0%;background:black url(Yimg/bgImg/yeEthBandiraBeEthSemay_092018.jpg);}
.Xras_idY2B {border:10px solid blue; position:absolute; left:-0%; top:0.0%;width:100%;height:100%;border-radius: 0%;background:transparent url(Zimg/bgImg/yeEthBandiraBeEthSemay_092018.jpg);}

#rasY         {border:0px solid red; position:absolute; left:0.0%; top:-0.9%;width:5%;height:10%; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 3%;color:White;float:top; background:transparent url(img/Bckground_gera.gif); box-shadow: 0 0 0px black;font-weight:bold;}
.ras-werY     {border:0px solid red; position:relative; left:0.0%; top:0.0%;width:auto;height:auto; font-size:1em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 4%;color:White;float:left; background:transparent url(img/Bckground_gera.gif);box-shadow: 0 0 0px black;font-weight:bold;}
.ras-cqY      {border:40px solid transparent; position:relative; left:-78.0%; top:-5.2em;width:0%;height:0%; word-spacing:0px; text-align:center; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 90%;float:left; background:transparent url(img/Bckground_gera.gif); box-shadow: 0 0 0px none;}
.ras-satuY    {border:0px solid blue; position:relative; left:0.3%; top:-2.0em;width:auto;height:auto;font-size:1em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 4%;color:White; font-weight:bold;float:left; background:transparent url(img/Bckground_gera.gif); box-shadow: 0 0 20px none;}

.fekad {border: 0.0px solid Blue;display:block;position:relative; left:30.0%; top:0.5em;width:5em;height:1em;line-height:60px;border-radius: 40%;color:black;text-align:bottom;background: grey;text-decoration:double;box-shadow: 0 0 0px none;font-size:1.1em;font-weight:bold;}
.eshiA       {border:10px solid green; position:absolute; left:55.0%; top:-12.5%; width:10%;height:38%;word-spacing:0px; text-align:center;clear:center;float:center;}
.eshi {border: 2.1px solid grey;display:block;position:absolute; left:45.0%; top:0.0em;width:60px;height:26px;line-height:30px;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:10px;border-radius: 50%;color:#f5f5f5;text-align:center;text-decoration:none;background: #7FFF00;box-shadow: 0 0 20px gray;font-size:15px;font-weight:bold;}
.OK   {border: 0.1px solid grey;display:block;position:absolute; left:50.0%; top:0.2em;width:auto;height:auto;line-height:1.0em;font-size:1.0em;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 90%;color:blue;text-align:center;text-decoration:none;background: #7FFF00;box-shadow: 0 0 0px gray;}
.memru  {border:2.1px solid Tan; position:absolute; left:95%; top:0%;width:60em;height:20em;  text-transform: uppercase; word-spacing:0px; text-align:top; width:auto; height:auto;border-radius: 10%; clear:top;float:right;box-shadow: 0 0 30px black;}

/*    ok and logout akafi up */
.okLogY {border: 0px solid grey;display:block;position:relative; left:57.5%; top:-0.1em;width:40%;height:8%;line-height:1.0em;font-size:1.0em;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;color:blue;text-align:center;text-decoration:none;background:transparent;box-shadow: 0 0 0px gray;}
.okY   {border: 1px solid white;display:block;position:relative; left:0%; top:5.0%;width:10%;height:40%;line-height:10px;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:10px;border-radius: 90%;color:blue;text-align:center;text-decoration:none;background:#7FFF00;box-shadow: 0 0 0px gray;font-size:1.5em;font-weight:bold;}
.logRT2  {border: 2px solid Red;display:block;position:relative; left:97%; top:1%;width:9%; height:35%;align-content:top;clear:left;float:top; font-size:1em;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}
.logRTB2  {border: 2px solid Red;display:block;position:relative; left:98%; top:0.0em;width:8%; height:64%;align-content:top;clear:left;float:top; font-size:1em;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}
.LogOutM  {border: 0px solid green;position:absolute;left:0%; top:0%;width:100%;height:100%;border-radius: 0%;text-transform: none;color:grey; font-size:4em;font-weight:bold;animation: blink 1s steps(2, start) infinite; background:url(img/bgImg/20171223_194405.jpg);box-shadow: 0 0 0px none;}
.ByeBye {border: 0px solid yellow;position:absolute;left:47%; top:40%;width:1em;height:2em;border-radius: 25%;text-transform: none;color:grey; font-size:1.6em;font-weight:bold;animation: blink 1s steps(2, start) infinite; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}
.GoodBye  {border:0px solid red;position:absolute;left:87%; top:30%;width:auto;height:auto;border-radius: 25%;text-transform: none;color:grey; font-size:0.25em;font-weight:bold;animation: blink 2s steps(2, start) infinite;animation-iteration-count: 45; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}

/*    egewr and logout akafi down */
.XegerLogY {border: 2px solid red;display:block;position:absolute; left:60.5%; top:40em;width:6%;height:6%;line-height:1.0em;font-size:1.0em;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;color:blue;text-align:center;text-decoration:none;background:#7FFF00;box-shadow: 0 0 0px gray;}
.logDown  {border: 2px solid Red;display:block;position:fixed; left:96.9%; top:92.5%;width:2.5%; height:5%;align-content:top;clear:left;float:top; font-size:1em;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: transparent;box-shadow: 0 0 0px none;}
.logDownB  {border: 2px solid Red;display:block;position:fixed; left:96.3%; top:94.5%;width:3.5%; height:5.5%;align-content:top;clear:left;float:top; font-size:1em;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: transparent;box-shadow: 0 0 0px none;}
.egerQen {border: 2px solid red;display:block;position:fixed; left:-0.1%; top:96%;width:auto;height:auto;line-height:30px;padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;color:blue;text-align:left;text-decoration:none;background:#7FFF00;box-shadow: 0 0 0px none;text-transform: lowercase;font-size:1em;font-weight:bold;}

.eshiYA  {border:50px solid yellow; position:absolute; left:-220.0%; top:-90%; word-spacing:0px; text-align:center;clear:center;float:center;}
.eshiY {border: 50px solid red url(img/Background_content.jpg);display:block;position:relative; left:75.5%; top:0.3em;width:10px;height:10px;line-height:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:10px;border-radius: 50%;color:#f5f5f5;text-align:center;text-decoration:none;background:#7FFF00;box-shadow: 0 0 0px none;font-size:15px;font-weight:bold;}

#ras .memeruG  {border: 0px solid #f5f5f5;display:block;position:absolute; left:92.5%; top:-1.1%;width:6%; height:9%;clear:left;float:left; font-size:20px;font-weight:bold;padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:10px;border-radius: 100%;overflow: hidden;background: transparent;box-shadow: 0 0 0px none;}
.memruY {border: 2px solid Black;display:block;position:absolute; left:94.5%; top:0.0%;width:4.0%; height:4.0%;clear:left;float:left; color:black;font-size:25px;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}

.Warn_Text {border: 2px solid Black;display:block;position:absolute; left:-0.8%; top:-10%;width:94.0%; height:64.0%;clear:left;float:left; color:red;font-size:1em;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background: transparent;box-shadow: 0 0 0px none;}

@keyframes blink {to { color: #DC143C; }}

/* TNS enhancment css */
.clearfix {*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;background-color:#fff}a{color:#08c;text-decoration:none}a:hover,a:focus{color:#005580;text-decoration:underline}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom
.clearfix {*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:inherit!important}.hidden-print{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-input.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-right:10px;padding-left:10px}.media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2}.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111}.nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}}


/* responsive css  */
.ratioHolder {border:0px solid Red; position:absolute;left:0%;top:0%;width:0%;height:0%;padding-bottom:100%;position:relative;left:15em; top:12em;}

/* for y */
/*  slidHolder=red contains all slider=lightblue contains all except slidHolder (mod of slider disturbs caption) thumbs=violet contains thumbs and pic  */
.sliderHolder {border:10.0px solid green; position:absolute;left:3%;top:0%;width:95%;height:90.0%;border-radius: 1%; touch-action:none;overflow:hidden;background:transparent;box-shadow: 0 0 30px grey;}
.sliderHolderF {border:10.0px solid yellow; position:absolute;left:3%;top:0%;width:95%;height:85.0%;border-radius: 1%; touch-action:none;overflow:hidden;background:transparent;box-shadow: 0 0 30px grey;}
.slider{border:0.0px solid yellow;overflow:hidden;position:relative;top:0%;left:0%;width:100%;min-height:1%;height:100%;background:#EEE;opacity:.99;background:blue;}
.sliderBg{width:100%;min-height:10%;height:100%;position:relative;left:0;top:0;background:white;}
.Yslides{border:10px solid  	red; position:relative;left:0%;top:0%;width:100%;min-height:2%;height:94%;overflow:hidden;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:black;}
.thumbs{border:0px solid  	#9400D3; position:absolute;left:0%;bottom:0%;width:100%;min-height:10%;height:42%;overflow:hidden;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:black;}
.thumbsHolder{border:0px solid yellow; position:absolute;left:0%;bottom:6%;width:100%;height:5.3%;background:#7FFF00;overflow:hidden}
.thumbsize{border:0px solid  transparent; position:absolute;left:0%;bottom:0%;width:100%;min-height:20%;height:10%;overflow:hidden;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:black;}
.captionHolder{border:0.0px solid blue;position:absolute;left:0%;top:-0.1%;width:100%;min-height:75px;overflow:hidden;padding-top:5px;padding-bottom:5px}
.caption{border:0px solid Red;position:absolute;left:0%;top:0%; width:100%;min-height:25px;color:Black;top:0;text-align:center;padding-top:0px;padding-bottom:15px;font-family:Arial,Helvetica,sans-serif}.touchColor{color:#414042}.touchLightColor{color:#ccc}.nColor{color:#2aace3}.swipeColor{color:#939598}.headerColor{color:#58595b}.lightGrayBg{background:#CCC}
.controlHolder{border:0.0px solid blue;position:absolute;left:0%;bottom:0%; width:100%;height:6%;background:  #7FFF00 url(../Xassets/control_bg.png) repeat-x;overflow:hidden}
.autoPlayIcon,.nextIcon,.prevIcon,.zoomInIcon,.zoomOutIcon,.captionOnIcon,.captionOffIcon,.thumbsOnIcon,.thumbsOffIcon,.closeIcon{border:9.0px solid #7FFF00;border-radius: 10%;width:25px;height:20px;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;cursor:pointer;cursor:hand;margin-left:-10px;background:transparent url(../assets/Xcontrol_sheet.png) 0 0 no-repeat}
.autoPlayIcon{background:#7FFF00 url(../assets/Xgs_autoplay.png) 0 0 no-repeat}.prevIcon{background-position:-40px 0;left:0%;top:-30%;width:5%;height:60%;}.nextIcon{background-position:-75px 0;left:0%;top:-30%;width:5%;height:60%;}.zoomOutIcon{background-position:-100px 0;left:0%;top:-30%;width:5%;height:60%;}.zoomInIcon{background-position:-125px 0;left:0%;top:-30%;width:5%;height:60%;}.captionOnIcon{border:6px solid red;border-radius: 30%;background-position:-150px 0;left:0%;top:-10%;width:4%;height:130%;}.captionOffIcon{background-position:-175px 0;left:0%;top:-30%;width:5%;height:60%;}.thumbsOnIcon{background-position:-200px 0;left:0%;top:-30%;width:5%;height:60%;}.thumbsOffIcon{background-position:-225px 0;left:0%;top:-30%;width:5%;height:60%;}.closeIcon{background-position:-250px 0;left:0%;top:-30%;width:5%;height:60%;}
.controlPos1,.controlPos2,.controlPos3,.controlPos4,.controlPos5,.controlPos6,.controlPos7,.controlPos8,.controlPos9{position:absolute}.controlPos1{border:50px solid #7FFF00;left:1.5em;top:-3.0em;width:3em;height:3em;}.controlPos2{left:20%}.controlPos3{left:35%}.controlPos4{left:47%}.controlPos5{left:59%}.controlPos6{left:73%}.controlPos7{border:10px solid  red;left:87.5%;} .controlPos8{left:82%;top:32%}  .controlPos9{left:97%;top:30%}

/* for G */
/*  slidHolder=red contains all slider=lightblue contains all except slidHolder (mod of slider disturbs caption) thumbs=violet contains thumbs and pic  */
.sliderHolderG {border:0.0px solid grey; position:absolute;left:0.0%;top:0.0%;width:100%;height:99%;border-radius: 1%; touch-action:none;overflow:hidden;background:yellow;box-shadow: 0 0 30px grey;}
.sliderG{border:0.0px solid Blue;overflow-x:auto;overflow-y:auto;position:absolute;top:0%;left:0%;width:100%;min-height:10%;height:100%;background:#EEE;opacity:.99;background:blue;}
.sliderBgG{border:0.0px solid red; width:90%;min-height:10%;height:100%;position:absolute;left:0;top:0;background:white;}
.YslidesG{border:0px solid  	#9400D3; position:absolute;left:0%;bottom:0%;width:100%;min-height:2%;height:100%;overflow:hidden;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:black;}
.thumbsG{border:0px solid  	#9400D3; position:absolute;left:0%;bottom:0%;width:100%;min-height:10%;height:42%;overflow:hidden;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:black;}
.thumbsHolderG{border:0px solid yellow; position:absolute;left:0%;bottom:5%;width:100%;height:10.0%;background:#7FFF00;overflow:hidden}
.thumbsizeG{border:0px solid  transparent; position:absolute;left:0%;bottom:0%;width:10%;min-height:20%;height:20%;overflow:hidden;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:black;}
.captionHolderG{border:0.0px solid blue;width:100%;min-height:65px;height:70%;position:absolute;overflow:hidden;padding-top:5px;padding-bottom:5px}
.captionG{border:0px solid Red; width:100%;min-height:20px;color:Black;top:0;text-align:center;padding-top:5px;padding-bottom:5px;position:absolute;font-family:Arial,Helvetica,sans-serif}.touchColor{color:#414042}.touchLightColor{color:#ccc}.nColor{color:#2aace3}.swipeColor{color:#939598}.headerColor{color:#58595b}.lightGrayBg{background:#CCC}
.controlHolderG{border:0.0px solid blue;position:absolute;left:0%;bottom:0%; width:100%;height:6%;background:  #7FFF00 url(../Xassets/control_bg.png) repeat-x;position:absolute;bottom:0;overflow:hidden}

/* text  nColor loca for tns(up left & betamAgula(down right)*/
.touchColor{color:#414042;}
.touchLightColor{color:#CCCCCC;}
.nColor{border:0px solid Green; position:absolute;left:0.0em;top:8.9em;width:25em;height:60em;color:#7FFF00;font-size:1.5em;text-align:left;}
.mColor{border:0px solid yellow; position:absolute;right:25em;top:0.4em;width:25em;height:60em;color:white;font-size:1.0em;text-align:center;}
.lColor{border:0px solid red; position:absolute;right:0.5em;top:0.0em;width:10em;height:30em;color:white;font-size:1.0em;text-align:right;}
.swipeColor{color:#939598;}
.headerColor{color:#58595B;}

.LocP{border:0px solid yellow; position:absolute;left:0em;top:2.0em;width:15em;height:40em;color:#7FFF00;font-size:1.0em;text-align:left;}
.PicP{border:0px solid blue; position:absolute;right:2.0em;top:1.5em;width:100em;height:20em;color:white;font-size:1.0em;text-align:right;}
/* location for betamAgula & DirList+Vec    */
.XlocBA{border:0px solid red; position:absolute;right:40.0em;bottom:8.5em;width:0em;height:5em;color:white;font-size:0.5em;text-align:right;}


/*  location comment area */
.superCaption {border:0px solid Tan;position:absolute; left:0%; top:42%;width:100%;height:50%;padding:5px;background:transparent;}

/* control buttons   myown: playT togels between play/pause conIcopnP is for all but Video link*/
// #playT {border:0px solid #35b128;position:relative; left:0%; top:0%;width:90%;height:85%;border-radius: 100%;background:white url(img/ackground_fotoSI.gif); padding:0px 0px; float:top }
#XplayT {position:relative; left:0%; top:0%;width:0%;height:5%;border-radius: 100%; background:#7FFF00}
.conIconP  {border:2px solid #7FFF00;position:relative; left:0%; top:0%;width:100em;height:200%;border-radius: 90%;background:white url(img/ackground_fotoSI.gif); padding:0px 0px; float:top }
.conIconV  {border:2px solid #7FFF00;position:relative; left:0%; top:0%;width:90%;height:70%;border-radius: 15%;background:white url(img/ackground_fotoSI.gif); padding:0px 0px; float:top }
.rewindI{border:2px solid #7FFF00;position:relative; left:0.7em; top:-0.6em;width:auto;height:auto;border-radius: 100%;background:black url(img/ackground_fotoSI.gif); padding:0px 0px; float:top }
/* end of TNS enhancment css */

.readI {border:0px solid #7FFF00;position:absolute; left:10%; top:10%;width:100%;height:100%;color:black;border-radius: 0%;background:transparent url(img/ackground_fotoSI.gif); padding:0px 0px; float:top }
.InfoB {border:5px solid #7FFF00;position:absolute; left:80%; top:80%;width:2%;height:3%;border-radius: 100%;background:#7FFF00 url(img/ackground_fotoSI.gif); padding:0px 0px; float:top }
.InfoD {border:0px solid #7FFF00; position:absolute; left:4%; top:8.0%;width:95%;height:80%; word-spacing:5px; text-align:top; clear:left;float:left;border-radius: 3%;overflow: auto;color:black; font-size:15px;font-weight:bold; background:  	#FAF0E6;box-shadow: 0 0 40px grey;}
.InfoDU {border:4.1px solid white; position:absolute; left:60%; top:54.0%;width:5%;height:5%; word-spacing:5px; text-align:top; clear:left;float:left;border-radius: 3%;overflow: hidden;color:red; font-size:15px;font-weight:bold; background:transparent;box-shadow: 0 0 40px grey;}

.BadoLogin {border: 1px solid #464646;position:fixed;left:11.5em; top:2.3em;width:5em;height:1em;padding-left:15px;padding-right:0px;padding-bottom:5px;padding-top:10px;border-radius: 100%;font-size:2em;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 20px black;}


/* forSearchMini on sewnet_mehal (agula,betamagula etc) */
.fotoSakafi     {border:10px solid #7FFF00;position:absolute; left:25.3%; top:10.6%;width:60%;height:12%;background:#EEEEE url(img/ackground_fotoSI.gif); padding:0px 0px; float:top }
.select-Title {border: 10px solid #ffff00;position:relative;left:-1.0%; top:0.0%;width:38%;height:44%;padding-left:0px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 0%;color:Blue;font-size:2em;font-weight:bold; overflow: hidden;background:none;box-shadow: 0 0 0px gray;}
.roundb-img-sel {border: 10px solid #FF0000;position:relative;left:0.0%; top:0.0%;width:18%;height:40%;padding-left:5px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.denbenga-sel {border: 12px solid #1234AA;position:relative;left:15.0%; top:3em;width:18%;height:40%;padding-left:5px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.roundb-img-sw1 {border: ^10px solid #7FFF00;position:relative;left:0.1%; top:0.0%;width:18%;height:40%;padding-left:15px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.roundb-img-su {border: 10px solid #ffff00;position:relative;left:0.1%; top:0.0%;width:20%;height:30%;padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:10px;border-radius: 30%;color: white;overflow: hidden;background:transparent;box-shadow: 0 0 30px none;}
.roundb-img-sw2 {border: 10px solid #FF0000;position:relative;left:0.1%; top:0.0%;width:18%;height:40%;padding-left:15px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.roundb-img-sub {border: 10.1px solid transparent;position:absolute;left:53.5%; top:100.0%;width:4em;height:3em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}

#gera             {border:10px solid red; position:absolute; left:0.2%; top:10.0%;width:15%;height:70%; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;float:left; background:transparent url(img/Bckground_gera.gif); no-repeat 10% 10%;box-shadow: 0 0 0px none;}
#gera #geraAkafi  {border:10px solid green; position:relative;left:1.2%; top:2.0%; width:95%;height:95%;  clear:both; background-color:#DDC; background-color:rgba(0,0,0,0); font-size:90%;}
#gera #geraAkafiG  {border:0px solid Tan; position:relative;left:1.2%; top:-10.0%; width:95%;height:95%;  clear:both; background-color:#DDC; background-color:rgba(0,0,0,0); font-size:90%;}

#gera .betu      {border:0px solid green; position:relative; left:2.0%; top:0.0%;width:70%;height:auto;clear:center;float:center;font-size:80%;padding-left:5px;padding-right:25px;padding-bottom:5px;padding-top:5px;border-radius: 100%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}

/*  this is the main mehal, mehal_b wraps the above small pic and athe big ones in the middle */

#Xsewnet_mehalX   {border:0px solid Red;position:absolute; left:0em; top:0em;width:980px; height:1303px; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:15px;border-radius: 3%;float:right;background:darkgrey url(img/Background_meha.gif); color:black; font-size:80%; box-shadow: 0 0 50px black; }
#sewnet_mehalGX   {border:0px solid Blue;position:absolute; left:0.0em; top:0.0em;width:980px; height:1300px; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:15px;border-radius: 3%;float:right;background:darkgrey url(img/Background_meha.gif); color:black; font-size:80%; box-shadow: 0 0 50px black;  }
#artSlide   {border:4.5px solid Blue;position:relative; left:10.0em; top:10.0em;width:980px; height:1300px; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:15px;border-radius: 3%;float:right;background:darkgrey url(img/Background_meha.gif); color:black; font-size:80%; box-shadow: 0 0 50px black; }

/* egerNakafi wraps expanded links, egerT,egerTY,egerTm,egerTmy are conected and managed by egerSummery  */
#eger .egerNAkafi2 {border:0px solid Tan; position:relative; left:120%;; top:3800%;height:auto; width:auto; clear:both;font-size:200%;}
#eger .egerNAkafi2B {border:0px solid Tan; position:relative; left:170%; top:18.5em;height:auto; width:auto; clear:both;font-size:200%;}

#eger .egerNAkafiG {border:0px solid Tan; position:relative; left:0.5em; top:-0.7em;height:auto; width:auto; clear:both;font-size:200%;}
#eger .egerSummary {border: 2px solid red;display:block;position:absolute; left:0.0em; top:85.0%;width:100%;height:auto;line-height:30px;padding-left:10px;padding-right:0px;padding-bottom:15px;padding-top:0px;border-radius: 100%;color:blue;text-align:left;text-decoration:none;background:#7FFF00;box-shadow: 0 0 0px none;text-transform: lowercase;font-size:22px;font-weight:bold;}

#eger .egerSummaryY2 {border: 0px solid Blue;display:block;position:absolute; left:-0.3%; top:4460%;width:2.5em;height:0.6em;line-height:10px;padding-left:5px;padding-right:0px;padding-bottom:5px;padding-top:10px;border-radius: 100%;color:blue;text-align:left;text-decoration:none;background:#7FFF00;box-shadow: 0 0 0px none;text-transform: lowercase;font-size:1.5em;font-weight:bold;}
#eger .egerSummaryY2B {border:0px solid yellow;display:block;position:relative; left:-0.2em; top:4420%;width:3.5em;height:1em;line-height:10px;padding-left:5px;padding-right:0px;padding-bottom:0px;padding-top:10px;border-radius: 100%;color:blue;text-align:left;text-decoration:none;background:#7FFF00;box-shadow: 0 0 0px none;text-transform: lowercase;font-size:2em;font-weight:bold;}

#eger .egerT {border: 0px solid green;display:block;position:absolute; left:-0.1em; top:90.6%;width:6%;height:auto;line-height:30px;padding-left:10px;padding-right:0px;padding-bottom:15px;padding-top:0px;border-radius: 100%;color:blue;text-align:left;text-decoration:none;background:transparent;box-shadow: 0 0 0px none;text-transform: lowercase;font-size:22px;font-weight:bold;}
#eger .egerTY {border: 0px solid yellow;display:block;position:relative; left:0.3em; top:-3.0em;width:6%;height:2%;line-height:30px;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;color:blue;text-align:left;text-decoration:none;background:transparent;box-shadow: 0 0 0px none;text-transform: lowercase;font-size:1em;font-weight:bold;}
#eger .egerTM {border: 0px solid red;display:block;position:absolute; left:0.2em; top:98.2%;width:20.9%;height:auto;line-height:30px;padding-left:10px;padding-right:0px;padding-bottom:15px;padding-top:0px;border-radius: 100%;color:blue;text-align:left;text-decoration:none;background:#7FFF00;box-shadow: 0 0 0px none;text-transform: lowercase;font-size:22px;font-weight:bold;}
#eger .egerTYM {border: 0px solid blue;display:block;position:absolute; left:0.0em; top:95.0%;width:22.0%;height:1.1em;line-height:30px;padding-left:7px;padding-right:0px;padding-bottom:15px;padding-top:0px;border-radius: 100%;color:blue;text-align:left;text-decoration:none;background:#7FFF00;box-shadow: 0 0 0px none;text-transform: lowercase;font-size:22px;font-weight:bold;}
#eger .roundb-eger {border: 1px solid Red;display:block;position:absolute; left:-0.3em; top:0.2em;width:110px;height:10px;line-height:10px;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:5px;border-radius: 100%;color:blue;text-align:center;text-decoration:none;background: #35b128;box-shadow: 0 0 40px black;font-size:26px;font-weight:bold;}
#eger .wedebet {border: 0px solid #808080;display:block;position:absolute; left:1.7em; top:1.2em;width:5em; height:1.6em;clear:left;float:left; font-size:18px;padding-left:5px;padding-right:0px;padding-bottom:15px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 8px gray;}
#eger .wedebetY {border: 0px solid #808080;display:block;position:absolute; left:-2.0em; top:3.3em;width:5em; height:1.8em;clear:left;float:left; font-size:18px;padding-left:5px;padding-right:0px;padding-bottom:15px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 8px gray;}
#eger .betu    {border: 1px solid #808080;display:block;position:absolute; left:5.9em; top:0.8em;width:100%; height:auto;clear:center;float:center;font-size:18px;padding-left:0px;padding-right:25px;padding-bottom:5px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
#eger .art     {border: 1px solid #808080;display:block;position:absolute; left:10.9em; top:-0.3em;width:100%; height:auto;clear:left;float:left; font-size:18px;padding-left:10px;padding-right:0px;padding-bottom:5px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
#eger .dl      {border: 1px solid #808080;display:block;position:absolute; left:13.5em; top:1.4em;width:90%; height:auto;clear:left;float:left; font-size:18px;padding-left:15px;padding-right:20px;padding-bottom:8px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
#eger .fidel   {border: 1px solid #808080;display:block;position:absolute; left:17.7em; top:-0.2em;width:150%; height:auto;clear:left;float:left; font-size:18px;padding-left:5px;padding-right:0px;padding-bottom:5px;padding-top:10px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
#eger .addrM   {border: 1px solid #808080;display:block;position:absolute; left:6.0em; top:2.0em;width:4.5em; height:1.6em;clear:left;float:left; font-size:18px;padding-left:8px;padding-right:0px;padding-bottom:20px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
#eger .addrMY   {border: 1px solid #808080;display:block;position:absolute; left:2.1em; top:3.5em;width:5em; height:1.8em;clear:left;float:left; font-size:18px;padding-left:8px;padding-right:0px;padding-bottom:20px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
#eger .fotoS   {border: 1px solid #808080;display:block;position:absolute; left:3.0em; top:1.7em;width:6em; height:1.7em;clear:left;float:left; font-size:18px;padding-left:5px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 0px gray;}
#eger .chpwF   {border: 11px solid #808080;display:block;position:absolute; left:2.1em; top:1.9em;width:5em; height:0.5em;clear:left;float:left;text-transform: none;  font-size:18px;padding-left:15px;padding-right:25px;padding-bottom:20px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
#eger .reqInf   {border: 11px solid #808080;display:block;position:absolute; left:6.5em; top:-0.1em;width:4em; height:0.5em;clear:left;float:left; font-size:18px;padding-left:8px;padding-right:0px;padding-bottom:20px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
.reqInfY {border: 1px solid #808080;display:block;position:absolute; left:12.0em; top:3.2em;width:4em; height:0.5em;clear:left;float:left; font-size:18px;padding-left:8px;padding-right:0px;padding-bottom:20px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
.chpwFY   {border: 1px solid #808080;display:block;position:absolute; left:7.0em; top:3.6em;width:5em; height:0.5em;clear:left;float:left;text-transform: none;  font-size:18px;padding-left:15px;padding-right:25px;padding-bottom:20px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}

#eger .wedebetB {border: 0px solid green;display:block;position:absolute; left:-2.0em; top:3.3em;width:5em; height:1.8em;clear:left;float:left; font-size:18px;padding-left:5px;padding-right:0px;padding-bottom:15px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 8px gray;}
#eger .addrMB   {border: 0px solid yellow;display:block;position:absolute; left:2.1em; top:3.5em;width:5em; height:1.8em;clear:left;float:left; font-size:18px;padding-left:8px;padding-right:0px;padding-bottom:20px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
.reqInfB {border: 0px solid red;display:block;position:absolute; left:12.0em; top:3.2em;width:4em; height:0.5em;clear:left;float:left; font-size:18px;padding-left:8px;padding-right:0px;padding-bottom:20px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}
.chpwFB   {border: 0px solid #808080;display:block;position:absolute; left:7.0em; top:3.6em;width:5em; height:0.5em;clear:left;float:left;text-transform: none;  font-size:18px;padding-left:15px;padding-right:25px;padding-bottom:20px;padding-top:5px;border-radius: 90%;overflow: hidden;background:  #35b128;box-shadow: 0 0 3px gray;}


.guzo_akafi {border:0px solid red;   position:absolute; left:15.0%; top:15.6%;width:80%;height:10%;word-spacing:5px; text-align:top; clear:left;float:left;}
.guzoT      {border:0px solid #f5f5f5;display:block;position:relative;left:70.5%; top:55.0%;width:100%; height:30%;line-height:10px;border-radius: 100%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:10px;color:#f5f5f5;text-align:center;text-decoration:none;background:#4B0082;box-shadow: 0 0 3px gray;font-size:15px;font-weight:bold;}
.guzo_17b   {border:0px solid Tan;   position:relative; left:0.0%; top:-40.0%;width:4%;height:50%; word-spacing:5px; text-align:top; clear:left;float:left;}
.guzo_17    {border:0px solid Tan;   position:relative; left:15.0%; top:-90.0%;width:4%;height:50%; word-spacing:5px; text-align:top; clear:left;float:left;}
.guzo_16b   {border:0px solid Tan;   position:absolute; left:30.0%; top:-40.0%;width:4%;height:50%;word-spacing:5px; text-align:top; clear:left;float:left;}
.guzo_16    {border:0px solid Tan;   position:absolute; left:45.0%; top:-40.0%;width:4%;height:50%;word-spacing:5px; text-align:top; clear:left;float:left;}
.guzo_10    {border:0px solid cyan;  position:absolute; left:60.0%; top:-40.0%;width:4%;height:50%;word-spacing:5px; text-align:top; clear:left;float:left;}
.guzo_05    {border:0px solid black; position:absolute; left:75.0%; top:-40.0%;width:4%;height:50%;word-spacing:5px; text-align:top; clear:left;float:left;}
.guzo_02    {border:0px solid green; position:absolute; left:90.0%; top:-40.0%;width:4%;height:50%;word-spacing:5px; text-align:top; clear:left;float:left;}
.guzomo     {border: 3px solid #464646;position:absolute;left:4.9%; top:110%;width:290%; height:150%;padding-bottom: 10%;border-radius: 10%;overflow: hidden;background: #464646;box-shadow: 0 0 3px gray;}

.roundb-arest              {border: 4px solid red;position:absolute;left:1.5em; top:3em;width:150px;height:40px;color:blue; font-size:160%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 3px gray;}

.mehalP_akafi {border:0px solid blue;   position:absolute; left:20.0%; top:30.6%;width:75%;height:40%;word-spacing:5px; text-align:top; clear:left;float:left;}
.smogT {border: 0px solid yellow;position:absolute; left:2.0%; top:-8%;width:auto;height:auto; line-height:100%; text-align:center;align-content: center; border-radius: 5%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:10px;overflow: hidden;color:white; font-size:115%;font-weight:bold; background: 	#DC143C;box-shadow: 0 0 20px black;}
.smogC {border: 2px solid #8B0000;position:absolute;  left:0.0%; top:15.0%;width:50%;height:90%; padding-bottom: 0%;border-radius: 10%;overflow: hidden;background: #464646;box-shadow: 0 0 3px gray;}
.smogS {border: 4px solid #8B0000;position:absolute;  left:50.0%; top:15.0%;width:50%;height:90%; padding-bottom: 0%;border-radius: 10%;overflow: hidden;background: #464646;box-shadow: 0 0 3px gray;}



/* art  -- *
#sewnet_mehal #sewnet_artI_b    {border:0px solid green; position:absolute; top:15em; right:11m; width:700; height:210; float:right; color:#666; font-size:80%; padding-top:25px; background:transparent url(/img/line-v.png) no-repeat scroll 100% 270px; }
*/

/* this wraps in Agula/betamAgula etc the description, location & entire body  */
.AgulaAkafi  {border:4px solid Tan; position:relative; left:1.8em;  top:-1em;  width:800px; height:630px; word-spacing:5px; text-align:top; clear:left;float:left;}

/*  g level augula/betam agula done
.betamAR   {border: 0x solid white;display:block;position:absolute; left:11.8%; top:0.0%;width:60.0%;height:50%;padding-bottom: 0%;line-height:30px;border-radius: 10%;color:#f5f5f5;overflow: hidden;background:#FFEFD5;box-shadow: 0 0 0px none;}
.betamApic {border: 0px solid green;display:block;position:relative; left:0.0%; top:0.0%;width:97%;height:100%;padding-bottom: 0%;line-height:30px;border-radius: 4%;color:#f5f5f5;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.AgulaPic  {border: 0px solid yellow;display:block;position:absolute; left:20.5%; top:0.0%;width:50%;height:48%;padding-bottom: 0%;line-height:30px;border-radius: 10%;color:#f5f5f5;overflow: hidden;background:#FFEFD5;box-shadow: 0 0 0px none;}
.AgulaP    {border: 1px solid #f5f5f5;display:block;position:relative; left:8.5%; top:0.0%;width:78%;height:95%;padding-bottom: 0%;line-height:0px;border-radius: 10%;color:#f5f5f5;overflow: hidden;background: #464646;box-shadow: 0 0 3px gray;}

*/
/*  betam(red) image with description agula(yellow) is wide image
/* g augula/betam agula same as y  */
.betamAR  {border: 0px solid Red;display:block;position:relative; left:0.5%; top:-2.0%;width:68.9%;height:75%;padding-bottom: 0%;line-height:30px;border-radius: 6%;color:#f5f5f5;overflow: hidden;background: black;box-shadow: 0 0 0px none;}
.betamApic {border: 1px solid Tan;display:block;position:relative; left:8%; top:2%;padding-bottom: 0%;line-height:30px;border-radius: 10%;color:#f5f5f5;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.AgulaPic {border: 0px solid yellow;display:block;position:absolute; left:0.0em; top:-0.0em;width:58em;height:50em;padding-bottom: 0%;line-height:30px;border-radius: 4%;color:#f5f5f5;overflow: hidden;background:black;box-shadow: 0 0 0px none;}
.AgulaP   {border: 1px solid #f5f5f5;display:block;position:relative; left:3em; top:0.0em;width:53em;height:49em;padding-bottom: 0%;line-height:30px;border-radius: 10%;color:#f5f5f5;overflow: hidden;background: #464646;box-shadow: 0 0 3px gray;}

/* vector  */
.XbetamARVY,.XbetamARY  {border: 10px solid red;display:block;position:fixed; left:0.0%; top:0.0%;width:90%;height:100%;padding-bottom: 0%;line-height:30px;border-radius: 4.6%;color:#f5f5f5;overflow: hiddenl;background:black;box-shadow: 0 0 0px none;}
.betamAPVY,.betamApicY {border: 10px solid Tan;display:block;position:relative;  left:15.0%; top:0.2%; padding-bottom: 0%;line-height:30px;border-radius: 10%;color:#f5f5f5;overflow: auto;background:transparent;box-shadow: 0 0 0px none;}
.AgulaRVY, .AgulaPicY  {border: 0px solid yellow;display:block;position:relative;left:0.0%; top:-1.5%;width:85%;height:85%;padding-bottom: 0%;line-height:30px;border-radius: 5%;color:#f5f5f5;overflow: hidden;background:black;box-shadow: 0 0 0px none;}
.AgulaPVY, .AgulaPY   {border: 1px solid #f5f5f5;display:block;position:relative; left:6.8%; top:0.2%;width:73%;height:95%;padding-bottom: 0%;line-height:30px;border-radius: 10%;color:#f5f5f5;overflow: hidden;background: #464646;box-shadow: 0 0 3px gray;}

/* betamAgula Previous,List and Next arrow */
.dKTest  {border: 90px solid transparent;position:absolute;left:10.0%; top:12.3%;width:20%;height:20%;background:transparent;}

.XplnAkafi    {border:4px solid green; position:absolute; left:20em;  top:30em;  width:600px; height:50px; word-spacing:5px; text-align:top; clear:left;float:left;}
.img-aP,.img-aPC  {border: 90px solid transparent;position:relative;left:-10.0%; top:-30.0%;width:1%;height:3%;background:transparent;}
.img-aP:hover,.img-aPC:hover {border: 0px solid #464646;position:relative;left:0.2%; top:-22.2%;width:4%;height:12%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aL,.img-aLC {border: 90px solid transparent;position:absolute;left:30.0%; top:82.3%;width:2%;height:2%;background:transparent;}
.img-aL:hover,.img-aLC:hover  {border: 0px solid #464646;position:absolute;left:36.0%; top:95.8%;width:13%;height:4%;padding-bottom: 0%;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aN,.img-aNC  {border: 90px solid transparent;position:absolute;left:86.1%; top:27%;width:1%;height:3%;background:transparent;}
.img-aN:hover,.img-aNC:hover{border: 0px solid #464646;position:absolute;left:96%; top:35.0%;width:4%;height:12%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}

.img-aPY,.img-aPYC  {border: 90px solid transparent;position:absolute;left:-8.0%; top:30.0%;width:2%;height:2%;background:transparent;}
.img-aPY:hover,.img-aPYC:hover {border: 0px solid #464646;position:absolute;left:0.0%; top:32.0%;width:3%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aLY,.img-aLYC {border: 90px solid transparent;position:absolute;left:35.0%; top:76.6%;width:2%;height:2%;background:transparent;}
.img-aLY:hover,.img-aLYC:hover {border: 0px solid #464646;position:absolute;left:37.0%; top:86.5%;width:12%;height:4%;padding-bottom: 1%;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aNY,.img-aNYC  {border: 90px solid transparent;position:absolute;left:90.0%; top:30.1%;width:2%;height:2%;background:transparent;}
.img-aNY:hover,.img-aNYC:hover {border: 0px solid #464646;position:absolute;left:97.0%; top:35.1%;width:3%;height:14%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}

.roundb-img-aPFY {border: 0px solid #464646;position:absolute;left:11.0%; top:40.0%;width:4%;height:4%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-img-aLFY {border: 1px solid #464646;position:absolute;left:45.0%; top:90.6%;width:4%;height:4%;padding-bottom: 1%;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-img-aNFY {border: 1px solid #464646;position:absolute;left:85.8%; top:40.0%;width:4%;height:4%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.DkAkafiV {border: 0px solid blue;position:absolute;left:11.7%; top:7.0%;width:75%;height:155%;padding-bottom: 1%;border-radius: 0%;overflow: hidden;background:transparent ;box-shadow: 0 0 0px none;}

.img-aPVY,.img-aPVYC {border:90px solid transparent;position:absolute;left:-8.0%; top:35.1%;width:2%;height:2%;background:transparent;}
.img-aPVY:hover,.img-aPVYC:hover {border: 1px solid #464646;position:absolute;left:0.4%; top:37.4%;width:3%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aLVY,.img-aLVYC {border:90px solid transparent;position:absolute;left:40.0%; top:85%;width:2%;height:2%;background:transparent;}
.img-aLVY:hover,.img-aLVYC:hover {border: 1px solid #464646;position:absolute;left:46.0%; top:91.5%;width:8%;height:8%;padding-bottom: 1%;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aNVY,.img-aNVYC {border:90px solid transparent;position:absolute;left:85.0%; top:35.1%;width:2%;height:2%;background:transparent;}
.img-aNVY:hover, .img-aNVYC:hover {border: 1px solid #464646;position:absolute;left:97.0%; top:38.1%;width:3%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}

.roundb-img-aPVFY {border: 5px solid #464646;position:relative;left:11.5%; top:35.0%;width:4%;height:4%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-img-aLVFY {border: 1px solid #464646;position:relative;left:45.5%; top:71.7%;width:4%;height:4%;padding-bottom: 1%;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-img-aNVFY {border: 1px solid #464646;position:relative;left:86.3%; top:15.6%;width:4%;height:4%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
/* Agula Previous,List and Next arrow */
#Xsewnet_mehal .XplnAkafia    {border:6px solid yellow; position:absolute; left:5em;  top:50em;  width:600px; height:50px; word-spacing:5px; text-align:top; clear:left;float:left;}
.img-aPa,.img-aPaC  {border: 90px solid transparent;position:absolute;left:-4.3em; top:15.0em;width:1em;height:2em;background:transparent;}
.img-aPa:hover,.img-aPaC:hover{border: 1px solid black;position:absolute;left:0.2em; top:15.0em;width:3em;height:18em;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aLa,.img-aLaC  {border: 90px solid transparent;position:absolute;left:18.6em; top:41.5em;width:1em;height:4em;background:transparent;}
.img-aLa:hover,.img-aLaC:hover {border: 1px solid #464646;position:absolute;left:18.0em; top:60.5em;width:8em;height:8em;padding-bottom: 1%;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aNa,.img-aNaC  {border: 90px solid transparent;position:absolute;left:51.2em; top:15.0em;width:1em;height:2em;background:transparent;}
.img-aNa:hover,.img-aNaC:hover  {border: 1px solid #464646;position:absolute;left:55.5em; top:15.0em;width:3em;height:18em;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}

.img-aPay,.img-aPayC  {border: 90px solid transparent;position:absolute;left:-9.0%; top:30.0%;width:5%;height:2%;background:transparent;}
.img-aPay:hover,.img-aPayC:hover  {border: 0px solid #464646;position:absolute;left:0.0%; top:29.0%;width:3%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aLay,.img-aLayC {border: 90px solid transparent;position:absolute;left:30.6%; top:90.7%;width:5%;height:2%;background:transparent;}
.img-aLay:hover,.img-aLayC:hover {border: 0px solid #464646;position:absolute;left:38.0%; top:95.5%;width:13%;height:4%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aNay,.img-aNayC  {border: 90px solid transparent;position:absolute;left:87.2%; top:30.0%;width:5%;height:2%;background:transparent;}
.img-aNay:hover,.img-aNayC:hover {border: 0px solid #464646;position:absolute;left:96.2%; top:29.0%;width:3%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}

.img-aPaVy,.img-aPaVyC {border: 90px solid transparent;position:absolute;left:-9.0%; top:30.0%;width:0%;height:2%;background:transparent;}
.img-aPaVy:hover,.img-aPaVyC:hover {border: 0px solid #464646;position:absolute;left:0.0%; top:29.0%;width:3%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aLaVy,.img-aLaVyC {border: 90px solid transparent;position:absolute;left:30.6%; top:90.7%;width:0%;height:2%;background:transparent;}
.img-aLaVy:hover,.img-aLaVyC:hover {border: 0px solid #464646;position:absolute;left:38.0%; top:90.5%;width:8%;height:8%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:5px;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.img-aNaVy,.img-aNaVyC  {border: 90px solid transparent;position:absolute;left:87.2%; top:30.0%;width:0%;height:2%;background:transparent;}
.img-aNaVy:hover,.img-aNaVyC:hover {border: 0px solid #464646;position:absolute;left:96.2%; top:29.0%;width:3%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}

.roundb-img-ra {border: 0px solid #464646;position:absolute; left:0em; top:1.3em;width:250px;height: 0;padding-bottom: 20%;border-radius: 20%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.roundb-img {border: 2px solid #464646;width: 100%;height: 0;padding-bottom: 10%;border-radius: 40%;overflow: hidden;background: #464646;box-shadow: 0 0 3px gray;}
.roundb-img_gu {border: 4px solid #464646;position:fixed;left:1.9em; top:72.8em;width: 170px;height:110px;padding-bottom: 0%;border-radius: 10%;overflow: hidden;background: #464646;box-shadow: 0 0 3px gray;}


/* imgL&img-LD are the same to list dir im-LD and procDirList list director */
.roundb-imgL {border: 0px solid #464646;position:absolute;left:0.0%; top:0.0%;width:100%;height:100%;padding-bottom: 0%;border-radius: 60%;overflow: hidden;background: #464646;box-shadow: 0 0 3px gray;}
/* embeded film and text   */
.embW {border: 0px solid #464646;position:absolute;left:14.3%; top:2%;width:70%;height:60%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.textG {border: 0px solid #464646;position:absolute;left:13.5em; top:16em;width:auto;height:auto;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 25%;overflow: hidden;background:transparent;box-shadow: 0 0 0px darkgray;}
.embededF {border: 0px solid Red;position:absolute; left:15%; top:12%;width:70%;height:70%;padding-left:10px;padding-right:0px;padding-bottom:10px;padding-top:10px;border-radius: 25%;overflow: hidden;color:#778899; text-transform: none;font-size:12px;font-weight:bold; background:    black url(Ximg/Bckground.gif);box-shadow: 0 0 30px black;}
.Enlarge {border: 0px solid yellow;position:relative; left:3em; top:2em;width:4em;height:auto;border-radius: 10%;overflow: hidden;color:black; text-transform: none;font-size:32px;font-weight:bold; background: #00FF00 url(img/Bckground.gif);box-shadow: 0 0 50px black;}
.embededFV {border: 0px solid Red;position:absolute; left:15%; top:5%;width:70%;height:70%;padding-left:10px;padding-right:0px;padding-bottom:10px;padding-top:10px;border-radius: 25%;overflow: hidden;color:#778899; text-transform: none;font-size:12px;font-weight:bold; background:    black url(Ximg/Bckground.gif);box-shadow: 0 0 30px black;}
.EnlargeV {border: 0px solid yellow;position:relative; left:5em; top:-4.3em;width:4em;height:auto;border-radius: 10%;overflow: hidden;color:black; text-transform: none;font-size:32px;font-weight:bold; background: #00FF00 url(img/Bckground.gif);box-shadow: 0 0 50px black;}
.INFOT {border: 0px solid red;position:relative; left:20.5%; top:16%;width:100%;height:auto;padding-left:15px;padding-right:0px;padding-bottom:5px;padding-top:0px;border-radius: 25%;overflow: hidden;text-transform: none;color:Blue; font-size:1.5em;font-weight:bold; background:transparent url(Ximg/Bckground.gif);box-shadow: 0 0 0px none;}
.INFOTY {border: 0px solid red;position:absolute;left:200%; bottom:-1790%;width:700px;height:36px;border-radius: 25%;text-transform: none;color:Blue; font-size:1.5em;font-weight:bold; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}
.INFOTB {border: 0px solid red;position:relative; left:8.5%; top:6em;width:100%;height:auto;padding-left:15px;padding-right:0px;padding-bottom:5px;padding-top:0px;border-radius: 25%;overflow: hidden;text-transform: none;color:Blue; font-size:1.3em;font-weight:bold; background:transparent url(Ximg/Bckground.gif);box-shadow: 0 0 0px none;}
.TitleY {border: 2px solid Green;position:relative; left:1em; top:15em;width:24em;height:auto;border-radius: 10%;overflow: hidden;color:black; text-transform: none;font-size:32px;font-weight:bold; background: #00FF00 url(img/Bckground.gif);box-shadow: 0 0 50px black;}
.TitleV {border: 0px solid yellow;position:absolute; left:79em; top:0.3em;width:8em;height:auto;border-radius: 0%;overflow: hidden; text-transform: none;font-size:12px;font-weight:bold; background: transparent url(img/Bckground.gif);}
.XembeFilm  {border: 5px solid Red;position:absolute; left:10.0%; top:-1.2%;width:80.5%;height:98%;padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 3%;overflow: hidden;color:#778899; text-transform: none;font-size:12px;font-weight:bold; background:  url(Ximg/Bckground.gif);box-shadow: 0 0 30px black;}
.BackBEmb  {border: 2px solid #464646;position:relative; left:40.5%; top:56.0%;width:8%;height:4%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}

.TitleGera {border: 10px solid yellow;position:absolute; left:5em; top:1.3em;width:8em;height:auto;border-radius: 0%;overflow: hidden; text-transform: none;font-size:12px;font-weight:bold; background:black ;}


/*  in drawKest  Kestakafi not needed covers only the hint mejemeria could be as well displayed on content*/

.XKestAkafi {border: 10px solid green;position:absolute; left:0.6%; top:15.0%;width:100%;height:83%;padding-bottom: 1%;border-radius: 0%;overflow: hidden;background:black;box-shadow: 0 0 0px none;}
.FilmP {border: 2px solid #464646;position:absolute; left:0.0%; top:23.0%;width:2%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmL {border: 2px solid #464646;position:absolute; left:45.5%; top:94.0%;width:16%;height:3%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmN {border: 4px solid #464646;position:absolute; left:98.0%; top:23.0%;width:2%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmPA {border: 2px solid #464646;position:absolute; left:-0.0%; top:20.0%;width:2%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmLA {border: 2px solid #464646;position:absolute; left:40.0%; top:55.0%;width:5%;height:5%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmNA {border: 4px solid #464646;position:absolute; left:97.0%; top:20.0%;width:2%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmPY {border: 2px solid #464646;position:absolute; left:2.0%; top:96.0%;width:3%;height:4%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmPY:hover {border: 2px solid #464646;position:absolutee; left:2.0%; top:89.0%;width:3%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmLY {border: 2px solid #464646;position:absolute; left:45.5%; top:96.0%;width:3%;height:4%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmLY:hover {border: 2px solid #464646;position:absolute; left:43.5%; top:89.0%;width:8%;height:14%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmNY {border: 2px solid #464646;position:absolute; left:96.0%; top:96.0%;width:3%;height:4%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmNY:hover {border: 2px solid #464646;position:absolute; left:96.0%; top:89.0%;width:4%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.INFOTB {border: 0px solid Blue;position:relative;left:22.0%; top:8.5em;width:60%;height:auto;border-radius: 25%;text-transform: none;color:Blue; font-size:1.5em;font-weight:bold; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}
.INFOTBA {border: 0px solid Blue;position:relative;left:15.0%; top:6.5em;width:60%;height:auto;border-radius: 25%;text-transform: none;color:Blue; font-size:1.5em;font-weight:bold; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}
.INFOTBY {border: 0px solid red;position:absolute;left:25.5%; top:30%;width:70%;height:auto;border-radius: 25%;text-transform: none;color:Blue; font-size:1.5em;font-weight:bold; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}

/*   FilmPVYE  is vec    .FilmPVY is y     */
.FilmPVYE {border: 50px solid  transparent;position:absolute; left:0.3%; top:9.0%;width:2%;height:5%;background:transparent;}
.FilmPVYE:hover {border: 2px solid #464646;position:absolute; left:3.0%; top:8.0%;width:2%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmPVY {border:50px solid  transparent;position:absolute; left:-1.0%; top:92.0%;width:2%;height:5%;background:transparent;}
.FilmPVY:hover {border: 2px solid #464646;position:absolute; left:2.5%; top:89.0%;width:2%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmLVY {border: 50px solid transparent;position:absolute; left:45.5%; top:92.0%;width:2%;height:5%;background:transparent;}
.FilmLVY:hover {border: 2px solid #464646;position:absolute; left:48.5%; top:93.0%;width:6%;height:6%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.FilmNVY {border: 50px solid  transparent;position:absolute; left:92.0%; top:92.0%;width:2%;height:5%;background:transparent;}
.FilmNVY:hover {border: 4px solid #464646;position:absolute; left:94.5%; top:90.0%;width:2%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.INFOTBVY {border: 0px solid red;position:absolute;left:40.0%; top:45%;width:auto;height:auto;border-radius: 25%;text-transform: none;color:red; font-size:2.2em;font-weight:bold; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}
.Infoe_p {border: 0px solid red;position:absolute;left:25.5%; top:43%;width:auto;height:auto;border-radius: 25%;text-transform: none;color:grey; font-size:1.5em;font-weight:bold; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}
.InfoB_p {border: 0px solid yellow;position:absolute;left:20.5%; top:0%;width:auto;height:auto;border-radius: 25%;text-transform: none;color:grey; font-size:1.5em;font-weight:bold; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}
.Infoe_L {border: 0px solid yellow;position:absolute;left:40.5%; top:-4.5%;width:auto;height:auto;border-radius: 10%;text-transform: none;color:grey; font-size:3.4em;font-weight:bold;animation: blink 10s steps(2, start) infinite ; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}
.Infoe_PL {border: 0px solid yellow;position:absolute;left:25.5%; top:0.5%;width:auto;height:auto;border-radius: 25%;text-transform: none;color:grey; font-size:1.0em;font-weight:bold; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}

.XVcss {border: 10px solid red;position:absolute;left:27.5%; top:40%;width:40%;height:auto;border-radius: 25%;text-transform: none;color:red; font-size:3.5em;font-weight:bold; background:transparent url(img/Bckground.gif);box-shadow: 0 0 0px none;}

/* ------------------- drawKestSel --------------------- */
.bAVP {border:0px solid  black;position:absolute; left:0.0%; top:20.0%;width:5%;height:50%;background:transparent;}
.XbAVP:hover {border: 2px solid #464646;position:absolute; left:0.5%; top:40.0%;width:2%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.bAVL {border: 50px solid transparent;position:fixed; left:40.5%; top:90.0%;width:0.2%;height:0.2%;background:transparent;}
.bAVL:hover {border: 2px solid #464646;position:fixed; left:40.5%; top:88.5%;width:10%;height:10%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.bAVLBf {border: 0px solid red;position:fixed; left:45.5%; top:94.5%;width:1.2%;height:1.01%;background:transparent;}
.bAVLBf:hover {border: 2px solid #464646;position:fixed; left:42.5%; top:88.5%;width:10%;height:10%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.BackBUbav {border: 52px solid transparent;position:absolute; left:0.0%; top:95.0%;width:0.1%;height:0.2%;padding-left:5px;padding-right:10px;padding-bottom:0px;padding-top:0px;border-radius: 100%;color:#FF8C00; font-size:180%; background: transparent #7FFF00;box-shadow: 0 0 0px none;}
.BackBUbav:hover {border: 2px solid blue;position:absolute; left:-2.0%; top:90.0%;width:10.1%;height:10.2%;padding-left:5px;padding-right:10px;padding-bottom:0px;padding-top:0px;border-radius: 100%;color:#FF8C00; font-size:180%; background:#7FFF00;box-shadow: 0 0 3px gray;}
.BackBUbavBf {border: 52px solid transparent;position:absolute; left:0.0%; top:95.0%;width:0.1%;height:0.2%;padding-left:5px;padding-right:10px;padding-bottom:0px;padding-top:0px;border-radius: 100%;color:#FF8C00; font-size:180%; background: transparent #7FFF00;box-shadow: 0 0 0px none;}
.BackBUbavBf:hover {border: 2px solid blue;position:absolute; left:-2.0%; top:90.0%;width:10.1%;height:10.2%;padding-left:5px;padding-right:10px;padding-bottom:0px;padding-top:0px;border-radius: 100%;color:#FF8C00; font-size:180%; background:#7FFF00;box-shadow: 0 0 3px gray;}
.bav233  {border: 0px solid Blue;color:Red; font-size:10em; }
.locBav{border:0px solid Green; position:absolute;left:82.5%;top:97%;width:auto;height:auto;color:#7FFF00;font-size:0.8em;text-align:left;background:black;}
.locBavF{border:0px solid Green; position:absolute;left:82.5%;top:95%;width:auto;height:auto;color:#7FFF00;font-size:0.8em;text-align:left;background:black;}
.ListLast {border: 50px solid transparent;position:absolute; left:50.5%; top:70.0%;width:0.2%;height:0.2%;background:transparent;}
.ListLast:hover {border: 2px solid #464646;position:absolute; left:45.5%; top:70.5%;width:10%;height:10%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.bAVN {border:0px solid  black;position:absolute; left:99.0%; top:20.0%;width:5%;height:50%;background:transparent;}
.XbAVN:hover {border: 2px solid #464646;position:absolute; left:98.0%; top:40.0%;width:2%;height:18%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.embeFilmTab2  {border: 0px solid red;position:absolute; left:14.0%; top:-1.0%;width:85%;height:100%; align-items:center; align-content: center; border-radius: 0%;overflow-x:auto;overfimlow-y:auto;color:#778899; background:black;}
.embeFilmTD  {border: 0px solid Blue;position:relative; left:-0.0%; top:-0.2em;width:100.0%;height:100%; align-items:center; align-content: center; border-radius: 3%;overflow: hidden;color:#778899; background:   transparent url(Ximg/Bckground.gif);}
.IFFilm  {border:10px solid red; position:relative; left:5.0em; top:5.5em;width:100%;height:100%;align-content: center;border-radius: 0%;overflow: hidden;background: transparent;}

.IFWPic  {border:0px solid green; position:relative; left:7.0%; top:2.5%;width:100%;height:100%;align-content: center;border-radius: 3%;overflow: hidden;background:  transparent;}
.IFWPicC {border:0px solid green; position:relative; left:7.0%; top:2.5%;width:100%;height:120%;align-content: center;border-radius: 3%;overflow: hidden;background:  transparent;}
.IFNPic  {border:0px solid red; position:relative; left:34.0%; top:2.5%;width:30%;height:30%;align-content: center;border-radius: 3%;overflow: hidden;background:  transparent;}
.IFNPicC {border:0px solid red; position:relative; left:34.0%; top:2.5%;width:50%;height:50%;align-content: center;border-radius: 3%;overflow: hidden;background:  transparent;}
.XNPPP   {border:10px solid grey; position:relative; left:2.0%; top:92.5%;width:100%;height:100%;align-content: center;border-radius: 3%;overflow: hidden;background:  transparent;}
.TitlePV {border: 4px solid white;position:relative; left:10em; top:10em;width:24em;height:auto;border-radius: 10%;overflow: hidden;color:black; text-transform: none;font-size:32px;font-weight:bold; background: grey url(Ximg/Bckground.gif);box-shadow: 0 0 50px black;}
.TitleBAV  {border: 4px solid yellow;position:relative; left:5em; top:18em;width:24em;height:auto;border-radius: 0%;overflow: hidden;color:black; text-transform: none;font-size:32px;font-weight:bold; background: white url(Ximg/Bckground.gif);box-shadow: 0 0 50px black;}
.TitleDKS {border: 2px solid green;position:relative; left:4em; top:-4em;width:28em;height:auto;border-radius: 10%;overflow: hidden;color:black; text-transform: none;font-size:32px;font-weight:bold; background: green url(Ximg/Bckground.gif);box-shadow: 0 0 50px black;}
.TitleDKS2 {border: 2px solid green;position:relative; left:0em; top:25em;width:28em;height:auto;border-radius: 10%;overflow: hidden;color:black; text-transform: none;font-size:32px;font-weight:bold; background: green url(Ximg/Bckground.gif);box-shadow: 0 0 50px black;}

/*   imgCot contains image relative to embeFilmTab imgXCss small or wide   */
.XimgPar {border:10px solid green; position:absolute; left:0.0%; top:0.0em;max-width:100%;max-height:100%;width:200%;height:100%;align-content: center;border-radius: 3%;overflow: auto;background:  green;}
/*   wide & vertical img adjustment in dks 370:--   imgCss dif > -680 ,imgSCss  < -670  ,imgWcss > 550, imgWsCss < 550 .*/
.XimgCot2  {border:0px solid yellow;position:absolute; left:0.0%; top:-0.0%;width:100%;height:99%;align-content: center;border-radius: 1%;overflow-x:auto;overflow-y:auto;background: black;}
.XimgCotWs {border:0px solid cyan;position:relative; left:0.2em; top:0.3em;width:100%;height:auto;align-content: center;border-radius: 3%;overflow-x:auto;overflow-y:auto;background:  transparent;}
.XimgCotWs1  {border:0px solid yellow;position:absolute; left:2.0%; top:-0.0%;width:98%;height:98%;align-content: center;border-radius: 1%;overflow-x:auto;overflow-y:auto;background: black;}
.XimgCotWs2  {border:0px solid yellow;position:absolute; left:2.0%; top:-0.0%;width:98%;height:98%;align-content: center;border-radius: 1%;overflow-x:auto;overflow-y:auto;background: black;}
.XimgCotWs3  {border:0px solid blue;position:relative; left:0.0%; top:0.0%;width:100%;height:98%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;}

.XimgCotS1  {border:10px solid Peru;position:relative; left:5.5em; top:0em;width:90%;height:98%;align-content: center;border-radius: 3%;overflow-x:auto;overflow-y:auto;background:  transparent;}

.imgCss2  {border:0px solid red;     position:relative; left:38%; top:0.0em;width:30%;height:98%;align-content: center;border-radius: 5%;overflow-x:hidden;overflow-y:hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgCCLast {border:0px solid Teal;     position:relative; left:35.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow: hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgWCss {border:0px solid Tan;    position:relative; left:10.0%; top:0.0%;width:auto;height:98%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWCLast {border:0px solid Tan;    position:relative; left:15.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}

.imgSCss {border:0px solid red;     position:relative; left:35.0%; top:0.0em;width:auto;height:100%;align-content: center;border-radius: 5%;overflow-x:hidden;overflow-y:hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgSCLast {border:0px solid red;     position:relative; left:33.0%; top:-1.0em;width:auto;height:100%;align-content: center;border-radius: 5%;overflow-x:hidden;overflow-y:hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgS1Css {border:0px solid Green;     position:relative; left:35.0%; top:0.0em;width:auto;height:98%;align-content: center;border-radius: 5%;overflow-x:hidden;overflow-y:hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgS1CLast {border:0px solid yellow;     position:relative; left:35.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow: hidden;background:  transparent;}
.imgS2Css {border:0px solid red;     position:relative; left:40.0%; top:0.5em;width:auto;height:98%;align-content: center;border-radius: 5%;overflow-x:hidden;overflow-y:hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgS2CLast {border:0px solid Teal;     position:relative; left:35.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow: hidden;background:  transparent;}

.imgWsCss {border:0px solid yellow;    position:relative; left:25.0%; top:0.0%;width:55%;height:97%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWsCLast {border:0px solid Tan;    position:relative; left:19.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWsLast {border:0px solid Tan;    position:relative; left:19.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs1Css {border:0px solid yellow;    position:relative; left:8.0%; top:0.0%;width:auto;height:97%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs1CLast {border:0px solid red;    position:relative; left:8.0%; top:0.0em;width:auto;height:97%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs2Css {border:0px solid yellow;    position:relative; left:0.0%; top:0.0%;width:auto;height:98%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs2CLast {border:0px solid Tan;    position:relative; left:6.0%; top:-1.0em;width:85%;height:98%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs3Css {border:0px solid DarkRed ;    position:relative; left:7%; top:0.5em;width:85%;height:98%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs3CLast {border:0px solid GoldenRod;    position:relative; left:13.0%; top:2.0em;width:100%;height:80%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}

.imgWC0Css{border:0px solid green;    position:relative; left:30.0%; top:0.0%;width:auto;height:97%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;}
.imgWC0CssLast {border:0px solid yellow;    position:relative; left:30.0%; top:0.0%;width:auto;height:97%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;}

/*  imgCotWsB  is upper box then imgWsCssB the image */
/*  BROWSER --------- wide & vertical img adjustment in dks 370:--   imgCss dif > -680 ,imgSCss  < -670  ,imgWcss > 550, imgWsCss < 550 .*/
.imgCotB  {border:0px solid yellow;position:absolute; left:2.0%; top:-0.0%;width:98%;height:98%;align-content: center;border-radius: 1%;overflow-x:auto;overflow-y:auto;background: black;}
.XimgCot2B  {border:0px solid yellow;position:absolute; left:0.0%; top:-0.0%;width:100%;height:99%;align-content: center;border-radius: 1%;overflow-x:auto;overflow-y:auto;background: black;}
.XimgCotWsB {border:0px solid cyan;position:relative; left:20.5em; top:0em;width:65%;height:auto;align-content: center;border-radius: 3%;overflow-x:auto;overflow-y:auto;background:  transparent;}
.XimgCotWs1B  {border:0px solid green;position:absolute; left:-12.0%; top:-0.0%;width:98%;height:98%;align-content: center;border-radius: 1%;overflow-x:auto;overflow-y:auto;background:transparent;}
.XimgCotWs2B  {border:0px solid red;position:absolute; left:2.0%; top:-0.0%;width:98%;height:98%;align-content: center;border-radius: 1%;overflow-x:auto;overflow-y:auto;background: black;}
.imgCotWs3B  {border:0px solid blue;position:relative; left:0.0%; top:0.0%;width:auto;height:auto;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;}

.XimgCotS1B  {border:0px solid Peru;position:relative; left:-1.5em; top:0em;width:115%;height:100%;align-content: center;border-radius: 3%;overflow-x:auto;overflow-y:auto;background:  transparent;}

.imgCss2B  {border:0px solid red;     position:relative; left:35.0%; top:0.0em;width:30%;height:100%;align-content: center;border-radius: 5%;overflow-x:hidden;overflow-y:hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgCCLastB {border:0px solid Teal;     position:relative; left:35.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow: hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgWCssB {border:10px solid Tan;    position:relative; left:-15.0%; top:0.0%;width:auto;height:98%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWCLastB {border:0px solid Tan;    position:relative; left:3.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}

.imgSCssB {border:0px solid red;     position:relative; left:32.0%; top:0.0em;width:auto;height:100%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgSCLastB {border:0px solid Teal;     position:relative; left:32.0%; top:0.1em;width:auto;height:100%;align-content: center;border-radius: 3%;overflow: hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgS1CssB {border:0px solid Green;     position:relative; left:32.0%; top:0.0em;width:auto;height:100%;align-content: center;border-radius: 5%;overflow-x:hidden;overflow-y:hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgS1CLastB {border:0px solid yellow;     position:relative; left:35.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow: hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgS2CssB {border:0px solid red;     position:relative; left:36.0%; top:0.0em;width:auto;height:100%;align-content: center;border-radius: 5%;overflow-x:hidden;overflow-y:hidden;background:  transparent;box-shadow: 0 0 30px black;}
.imgS2CLastB {border:0px solid Teal;     position:relative; left:35.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow: hidden;background:  transparent;box-shadow: 0 0 0px black;}

.imgWsCssB {border:0px solid green;    position:relative; left:14.0%; top:0.0%;width:auto;height:100%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWsCLastB {border:0px solid Tan;    position:relative; left:18.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWsLastB {border:0px solid Tan;    position:relative; left:18.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs1CssB {border:0px solid yellow;   position:relative; left:10.0%; top:0.0%;width:auto;height:97%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs1CLastB {border:0px solid blue;    position:relative; left:10.0%; top:-2.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs2CssB {border:0px solid yellow;    position:relative; left:0.0%; top:0.0%;width:100%;height:99.5%;align-content: center;border-radius: -10%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs2CLastB {border:0px solid red;    position:relative; left:2.0%; top:0.0em;width:98%;height:auto;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs3CssB {border:0px solid DarkRed ;    position:relative; left:7.0%; top:-1em;width:85%;height:100%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWs3CLastB {border:0px solid GoldenRod;    position:relative; left:8.0%; top:0.0em;width:auto;height:100%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}

.imgWC0CssB{border:0px solid green;    position:relative; left:26.0%; top:0.0%;width:auto;height:97%;align-content: center;border-radius: 5%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}
.imgWC0CssLastB {border:0px solid yellow;    position:relative; left:20.0%; top:0.0%;width:auto;height:97%;align-content: center;border-radius: 0%;overflow-x:auto;overflow-y:auto;background:  transparent;box-shadow: 0 0 30px black;}

/*  -------- */
.roundb-DK-P {border: 2px solid #464646;position:relative; left:13.5%; top:-34.6%;width:5%;height:5%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-DK-L {border: 2px solid #464646;position:relative; left:44%; top:-8%;width:5%;height:5%;padding-bottom: 1%;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-DK-N {border: 2px solid #464646;position:relative; left:80.5%; top:-50%;width:5%;height:5%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-DKV-P {border: 2px solid #464646;position:relative; left:17%; top:18%;width:5%;height:5%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-DKV-L {border: 2px solid #464646;position:relative; left:38%; top:9%;width:5%;height:5%;padding-bottom: 1%;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-DKV-N {border: 2px solid #464646;position:relative; left:60%; top:-1%;width:5%;height:5%;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-DK-PY {border: 2px solid #464646;position:absolute;left:22em; top:25em;width:40px;height: 25px;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-DK-LY {border: 2px solid #464646;position:absolute;left:33.5em; top:47.3em;width:40px;height: 25px;padding-bottom: 1%;border-radius: 50%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.roundb-DK-NY {border: 2px solid #464646;position:absolute;left:48.5em; top:25em;width:40px;height: 25px;padding-bottom: 1%;border-radius: 60%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}

.roundb-more-L {border: 4px solid #464646;position:absolute;left:96.0%; top:85.0%;width:2%;height:50%;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}

 /* gera link */
.summeryG  {border: 0px solid green;position:relative;left:-5.0%; top:0.0%;width:33em;height:5em;color:blue; font-size:40%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 20%;overflow: hidden;background:#7FFF00;box-shadow: 0 0 30px black;}
.summeryS  {border: 0px solid yellow;position:relative;left:0.0%; top:0.0%;width:1%;height:1%;color:Darkblue; font-size:0%;word-spacing:0px; text-align:top;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.summeryGB {border: 0px solid green;position:relative;left:-5.0%; top:0.0%;width:60%;height:8%;color:blue; font-size:40%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 20%;overflow: hidden;background:#7FFF00;box-shadow: 0 0 30px black;}
.linkT     {border: 0px solid red;position:relative;left:0em; top:-0.6em;width:auto;height:auto;line-height:20px;border-radius: 0%;color:#663399;text-transform: none;text-align:center;text-decoration:none;background: Transparent;box-shadow: 0 0 0px gray;font-size:20px;font-weight:bold;}
.linkTB     {border: 0px solid red;position:relative;left:0em; top:-0.5em;width:auto;height:50em;line-height:20px;border-radius: 0%;color:#663399;text-transform: none;text-align:center;text-decoration:none;background: Transparent;box-shadow: 0 0 0px gray;font-size:20px;font-weight:bold;}


/* art gallery */
.artAkafi{border:0px solid Tan; position:absolute;left:11.5%; top:10%; width:80%; height:60%; float:right; color:#666; font-size:80%; padding-top:25px;overflow:auto; background:transparent url(img/Bckground_art.gif); }
.artSpic {border: 0px solid #f5f5f5;position:relative;left:0%; top:-1.5em; width:15%;height:10%;padding-left:5px;padding-right:5px;padding-bottom:2px;padding-top:2px;line-height:40px;border-radius: 90%;background: 	#35b128;}
.artT1   {border: 0px solid red;position:relative;left:18%; top:-18%;width:65%;height:auto;border-radius: 5%;font-size:300%;font-weight:bold;line-height:40px;text-align:left;color:#DAA520;background:transparent;box-shadow: 0 0 0px none;}
.hist1   {border:0px solid violet; position:relative; left:8%;top:-15%; width:90%;height:50%; word-spacing:8px;line-height:20px; font-size:170%;font-weight:bold;color:white;background:#46464;box-shadow: 0 0 0px none;}
.histArrow  {border: 0px solid red;position:relative;left:0%; top:8%;font-size:150%;font-weight:normal; background: 	transparent;}
.artEg   {border: 0px solid #f5f5f5;position:relative;left:85%; top:2em; width:13%;height:6.5%;padding-left:5px;padding-right:5px;padding-bottom:2px;padding-top:2px;border-radius: 90%;background: 	#35b128;}
.artAg   {border: 0px solid #f5f5f5;position:relative;left:42%; top:12em;width:12%;height:6%;padding-left:5px;padding-right:5px;padding-bottom:2px;padding-top:2px;border-radius: 90%;background: 	#35b128;}

.artF    {border:0px solid yellow; position:absolute; left:12.5%;top:10%; width:80%;height:60%; border-radius: 1%;line-height:20px;text-align:justify;overflow-x:auto;overflow-y:auto;background:black;font-size:130%;font-weight:normal;color:#E0FFFF;}
.artT2   {border: 0px solid red;position:relative;left:-0.5em; top:0em;width:auto;height:auto;border-radius: 5%;font-size:95%;font-weight:bold;line-height:15px;text-align:center; color:teal;background:transparent;box-shadow: 0 0 0px none;}
.hintF   {border:0px solid blue; position:absolute; left:5%;top:73%; width:93%; height:2%; border-radius: 5%; word-spacing:2px;line-height:15px;text-align: center;color:	#8B4513;text-decoration:none;background: transparent;box-shadow: 0 0 0px none;font-size:100%;font-weight:bold;}

.artMeta  {border: 0px solid #f5f5f5;position:relative;left:10%; top:5em; width:70%;height:50%;padding-left:12px;padding-right:12px;padding-bottom:2px;padding-top:2px;border-radius: 10%;background:transparent;}
.slideTit {border: 0px solid red;position:relative;left:0%; top:0em;width:100%;height:auto;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 5%;font-size:100%;font-weight:bold;background:white;box-shadow: 0 0 30px gray;}
.hintBack {border: 0px solid red;position:absolute;left:90%; top:0%;font-size:150%;font-weight:normal;border-radius: 10%;color:#663399; background: 	transparent;box-shadow: 0 0 50px white;}
.marqueeBack {border: 0px solid red;position:absolute;left:40%;top:60%; width:5%; height:5%; font-size:200%;font-weight:normal; background: 	transparent;box-shadow: 0 0 50px white;}
/* end of art gallery */

/* betu css starts here
*/
		.gallery {
	border: 10px green solid;
	max-width: auto;
	max-height: auto;
	margin: 0 auto;
	padding: 40px;
	text-align: center;
}
.gallery .gallery-nav {
	border: 0px yellow solid;
	margin-bottom: 140px;
	max-width: 100%;
	max-height: 800px;
}

.gallery .gallery-nav a:first-child {
	margin-right: 10px;
}
.gallery .gallery-nav a:last-child {
	margin-left: 10px;
}
.gallery .gallery-image img {
	max-width: 100%;
	height: auto;
}
.gallery .gallery-image-label {
	color: #777;
}
a {
	color: #333;
}
a:hover {
	color: #cc0000;
}
.sp {
	border: 0px solid yellow;
	font-size: 30px;
	font-weight: bold;
	padding-right: 200px;
}
.IfFilmVss     {
	border: 10px solid yellow;
	position: relative;
	left: 5.0%;
	top: 0.0%;
	width: 100%;
	height: 100%;
	word-spacing: 5px;
	text-align: top;
	clear: left;
	float: left;
	border-radius: 3%;
	overflow: hidden;
	color: white;
	font-size: 15px;
	font-weight: bold;
	background: black;
	box-shadow: 0 0 40px grey;

}
.IfFilmVssO     {
	border: 0px solid red;
	position: absolute;
	left: 7.0%;
	top: 20.0%;
	width: 53%;
	height: 69%;
	word-spacing: 5px;
	text-align: top;
	clear: left;
	float: left;
	border-radius: 3%;
	overflow: hidden;
	color: white;
	font-size: 15px;
	font-weight: bold;
	background: black;
	box-shadow: 0 0 40px grey;
}
.yeseluSem{
	border: 0px solid red;
	position: absolute;
	left: 2.0em;
	top: 1em;
	width: 30%;
	height: 3%;
	animation: blink 1s steps(1, start) infinite;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-radius: 8%;
	overflow: hidden;
	color: white;
	font-size: 1.5em;
	font-weight: bold;
	background: transparent;
	box-shadow: 0 0 0px none;
}

.navMemria{
	border: 0px solid blue;
	position: relative;
	left: 30%;
	top: -1.0em;
	width: 30%;
	height: 3%;
	animation: blink 1s steps(1, start) infinite;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-radius: 8%;
	overflow: hidden;
	color: white;
	font-size: 1.5em;
	font-weight: bold;
	background: transparent;
	box-shadow: 0 0 0px none;
}




/* betu css ends here    */



/* ############################################################# yegelp ####################################################### */
/*  generation Ancesters page */
.XjourneyAkafi{border: 5.0px solid #7FFF00;position:absolute; left:1%; top:1%;width:128em;height:60em;padding-bottom: 0%;border-radius: 10%;overflow:auto;background:transparent;box-shadow: 0 0 0px gray;}
.journeyAkaf{border: 0.0px solid #7FFF00;position:absolute; left:1%; top:1%;width:128em;height:60em;padding-bottom: 0%;border-radius: 10%;overflow:auto;background:transparent;box-shadow: 0 0 0px gray;}
.aa_adet_BDT {border: 2px solid #7FFF00;position:relative; left:0%; top:-10.0%;width:99.5%;height:70%; text-transform: none; padding-bottom: 0%;border-radius: 6.0%;overflow: auto;background:black;box-shadow: 0 0 0px gray;}
.aa_adet_BDT2 {border: 2px solid #7FFF00;position:relative; left:0%; top:-25.0%;width:105.5%;height:70%; text-transform: none; padding-bottom: 0%;border-radius: 6.0%;overflow: auto;background:black;box-shadow: 0 0 0px gray;}
.aa_adet_ImpT {border: 10px solid red;position:relative; left:8%; top:-10.0%;width:80%;height:7%; text-transform: none; padding-bottom: 0%;border-radius: 6.0%;overflow: auto;background:black;box-shadow: 0 0 0px gray;}
.aa_adet_ImpT2 {border: 10px solid blue;position:relative; left:8%; top:-10.0%;width:80%;height:7%; text-transform: none; padding-bottom: 0%;border-radius: 6.0%;overflow: auto;background:black;box-shadow: 0 0 0px gray;}
.NetebT  {border: 0px solid #464646;position:relative; left:35.5%; top:-50.5%;width:40%;height:6%;font-size:3em;color:fuchsia;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.Neteb2  {border: 0px solid #464646;position:relative; left:5.5%; top:0.5%;width:40%;height:6%;font-size:3em;color:fuchsia;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.AddisAdet {border: 0px solid #464646;position:relative; left:0.5%; top:-315.5%;width:40%;height:6%;font-size:1.5em;color:red;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.aaSideP {border: 0px solid #464646;position:relative; left:35.5%; top:-3.5%;width:40%;height:6%;font-size:3em;color:fuchsia;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.aaAsay{border: 0px solid DodgerBlue ;position:relative; left:35.5%; top:-3.5%;width:20%;height:10%;font-size:3em;color:fuchsia;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.aaTab1{border: 10px solid green;position:relative; left:35.5%; top:-3.5%;width:10%;height:10%;font-size:3em;color:fuchsia;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.aaDownPic{border: 1px solid yellow;position:relative; left:35.5%; top:-3.5%;width:8%;height:4%;font-size:3em;color:fuchsia;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.AdetStory{border: 0px solid white;position:relative; left:20.5%; top:-25.5%;width:auto;height:5.1px;font-size:1.9em;color:white;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}

.genA {border: 0px solid #464646;position:relative; width:40%;height:4%;font-size:170%;color:fuchsia;padding-top: 0%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerG {border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2.7em;color:Green;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGe{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2.3em;color:teal;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGt{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2.3em;color:yellow;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGm{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2.3em;color:red;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGy{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2.3em;color:blue;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGe0{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2.3em;color:teal;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGe1 {border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2em;color:teal;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGe2 {border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:1.7em;color:teal;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGe3 {border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:1.5em;color:teal;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGe4{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:1.3em;color:teal;text-align:left;font-weight:bold;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGm0 {border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2.5em;color:red;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGm1 {border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2em;color:red;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGm2 {border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:1.5em;color:red;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGm3 {border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:1em;color:red;text-align:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGy0 {border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2.3em;color:Blue;align-content:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGy1{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:2.0em;color:Blue;align-content:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGy2{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:1.7em;color:Blue;align-content:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGy3{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:1.5em;color:Blue;align-content:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGy4{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:1.3em;color:Blue;align-content:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yemerGy5{border: 0px solid #464646;position:relative;left:0%; top:0.0%; width:40%;height:4%;font-size:1.0em;color:Blue;align-content:left;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.yeleglegA {border: 0px solid #464646;position:relative; width:40%;height:4%;font-size:140%;color:Tan;padding-top: 0%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.ThankYou  {border: 0px solid Blue;position:absolute; left:30.0%; top:25%; width:30%;height:3%;animation: blink 1s steps(2, start) infinite;padding-left:20px;padding-right:0px;padding-bottom:0px;padding-top:30px;border-radius: 8%;overflow: hidden;color:white; font-size:22px;:bold; background:transparent;box-shadow: 0 0 0px none;}
.bFeedb {border: 0.1px solid #F0FFF0;position:relative;left:25%; top:-7em;width:0.1em;height:0.5em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}
.bFeedb2 {border: 10.1px solid #F0FFF0;position:relative;left:65%; top:1em;width:auto;height:auto;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}
.subFeedb   {border: 10.1px solid #F0FFF0;position:relative;left:-2em; top:1.0em;width:10em;height:1.5em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}
.subFeedb2   {border: 0.1px solid #F0FFF0;position:relative;left:50.3em; top:3.0em;width:10em;height:2.5em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}
.feedBackForm {border: 0.1px solid #F0FFF0;position:relative;left:20%; top:-16em;width:0.1em;height:0.5em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}
.textAreaAA {border: 0.1px solid #F0FFF0;position:relative;left:25%; top:2em;width:60.1em;height:10.5em;color:red;font-size:2.0em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:LightGrey ;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}

/* eth01 */
.journeyAka2{border: 10.0px solid #7FFF00;position:absolute; left:6%; top:2.5%;width:75%;height:95%;padding-bottom: 0%;border-radius: 10%;overflow:hidden;background:transparent;box-shadow: 0 0 0px gray;}
.journeyIA{border: 0.0px solid #7FFF00;position:absolute; left:6%; top:2.5%;width:75%;height:95%;padding-bottom: 0%;border-radius: 10%;overflow:hidden;background:transparent;box-shadow: 0 0 0px gray;}
.journeyDA{border: 0.0px solid #7FFF00;position:absolute; left:6%; top:2.5%;width:75%;height:95%;padding-bottom: 0%;border-radius: 10%;overflow:auto;background:transparent;box-shadow: 0 0 0px gray;}
.eth01T {border: 10px solid #464646;position:relative; left:10.5%; top:00.5%;width:70%;height:6%;font-size:100%;color:Red;padding-top: 0%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.eth01B {border: 0px solid #464646;position:relative; left:5%; top:7%;width:90%;height:80%;font-size:100%;color:white;padding-top: 0%;border-radius: 0%;overflow: auto;background: #46464;box-shadow: 0 0 0px gray;}


/* gize_akafi=albums name, m_XX=ancher to move subAT */
.AlbumAkafi  {border: 0px solid #7FFF00;position:absolute; left:0.5%; top:7.0%;width:99%;height:80%;padding-bottom: 0%;border-radius: 3%;overflow: auto;background:transparent;box-shadow: 0 0 0px gray;}
.MainLinkM2   {border:0px solid Tan; position:absolute; left:40.5%; top:32%; width:3.5%; height:7%;; clear:center;color:green; font-size:4em;background:transparent;border-radius: 0%; }
.MainLinkM2:hover   {border:0px solid Tan; position:absolute; left:36%; top:22%; width:15%; height:30%;; clear:center;color:green; font-size:4em;background:transparent;border-radius: 0%; }
.MainLinkM2T   {border:0px solid Tan; position:absolute; left:40%; top:37.0%; width:auto; height:auto; clear:center;color:green; font-size:0.8em;background:transparent;border-radius: 0%; }
.MainLinkY   {border:0px solid red; position:absolute; left:57%; top:55%; width:3.5%; height:7%; clear:center;color:blue; font-size:4.0em;background:transparent;border-radius: 0%; }
.MainLinkY:hover   {border:0px solid red; position:absolute; left:50%; top:40%; width:15%; height:30%; clear:center;color:blue; font-size:4.0em;background:transparent;border-radius: 0%; }
.geraUMask   {border:0px solid red; position:absolute; left:25%; top:55%; width:3.5%; height:7%; clear:center;color:Red; font-size:3.5em;background:transparent;border-radius: 0%; }
.geraUMask:hover   {border:0px solid red; position:absolute; left:20%; top:40%; width:15%; height:30%; clear:center;color:Red; font-size:3.5em;background:transparent;border-radius: 0%; }

.gize_akafi   {border:4px solid Tan; position:absolute; left:40%; top:52%; width:auto; height:auto; clear:center;color:blue; font-size:100%;border-radius: 30%; }
.gize         {border:2px solid blue; position:absolute; left:180%; top:-90%; width:80%; height:auto;color:#666; font-size:100%;}
.iconSR {border:0px solid red; position:relative; left:0%; top:0%; width:100%; height:auto;color:#666; font-size:100%;}
.m_1      {border: 0.0px solid green;position:relative; left:45%; top:0%;padding-bottom: 0%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.m_2    {border: 0.0px solid yellow;position:relative; left:0%; top:-15%;padding-bottom: 0%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.m_3     {border:12.5px solid #464646; position:absolute; left:30%; top:10%; clear:center;float:center;}
.Fanaye-LD    {border: 5px solid grey;position:relative; left:-2.5%; top:2%;width:100px;height:0em;padding-bottom: 0%;border-radius: 10%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.iconSF {border:0px solid red; position:relative; left:0%; top:6%; width:8em; height:6em;color:#666; font-size:100%;}
.m_4     {border: 0px solid #464646;position:relative; left:0%; top:0%;padding-bottom: 0%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.m_5         {border: 0px solid #464646;position:relative; left:0%; top:2%;padding-bottom: 0%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.hintFy       {border:0px solid red; position:absolute; left:35em;top:35em; font-size:16px;font-weight:normal;width:auto;height:auto; word-spacing:5px; text-align:top; clear:left;float:left;}
.textY        {border: 2px solid Red;position:absolute;left:11.5em; top:-1em;width:150px;height:40px;color:White; font-size:160%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 3px gray;}
.textYf       {border: 0px solid Red;position:absolute;left:-0.2em; top:-1.4em;width:150px;height:40px;color:blue; font-size:1.2em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.textSemu       {border: 0px solid Red;position:relative;left:0.1em; top:0.3em;color:Red; font-size:1em;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}

.roundb-textY {border: 4px solid yellow;position:absolute;left:1.9em; top:-1em;width:150px;height:40px;color:blue; font-size:160%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 3px gray;}
.summeryP     {border: 1px solid #B0E0E6;position:relative;left:3%; top:-1%;width:13em;height:0.1em;color:blue; font-size:100%;padding-left:0px;padding-right:0px;padding-bottom:15px;padding-top:15px;border-radius: 15%;overflow: hidden;background:#7FFF00;box-shadow: 0 0 30px black;}
.summeryYS    {border: 0px solid red;position:relative;left:0.0%; top:0.0%;width:0px;height:0em;font-size:0%;}
.summeryYSS    {border: 10px solid Yellow;position:relative;left:0.0%; top:0.0%;width:100%;height:40%;font-size:0%;}
.subAT        {border: 0px solid #464646;position:relative; left:5.4%; top:14.4%;width:40%;height:5em;padding-bottom: 0%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.Album-LD     {border: 0.5px solid gray;position:relative; left:0.5em; top:0.4em;width:6em;height:6em;padding-bottom: 0%;border-radius: 30%;overflow: hidden;background:black;box-shadow: 0 0 0px gray;}
.textYAT      {border: 0px solid #464646;position:relative; left:6.5%; top:-2600%;width:40%;height:auto;font-size:120%;padding-top: 10%;border-radius: 0%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.fotoSWarn    {border: 0px solid Blue;position:absolute; left:18%; top:12.1%; width:40%;height:30%;padding-left:30px;padding-right:60px;padding-bottom:0px;padding-top:0px;border-radius: 20%;overflow: hidden;color:Red; font-size:25px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.loginWarn    {border: 0px solid red;position:absolute; opacity: unset;left:0.5em; top:1.2em; width:250px;height:150px;opacity: 1;padding-left:30px;padding-right:60px;padding-bottom:0px;padding-top:0px;border-radius: 20%;overflow: hidden;color:Red; font-size:25px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.loginWarnFailed {border: 0px solid yellow;position:absolute; opacity: unset;left:-0.1em; top:2.8em; width:auto;height:auto;opacity: 1;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:0px;border-radius: 20%;overflow: hidden;color:Red; font-size:2em;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}

.chpwWarn     {border: 0px solid yellow;position:absolute; left:0.0em; top:5.1em; width:30%;height:50%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 20%;overflow: hidden;color:Blue; font-size:25px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Xarn         {border: 0px solid red;position:absolute; left:0.0em; top:3.5em; width:550px;height:30px;animation: blink 1s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:22px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn         {border: 0px solid red;position:absolute; left:0.1em; top:3.0em; width:25%;height:50%;animation: blink 1s steps(2, start) infinite;padding-left:50px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:1.0em;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_B       {border: 0px solid red;position:absolute; left:10.0em; top:1em; width:30%;height:50%;animation: blink 1s steps(2, start) infinite;padding-left:10px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:1.5em;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.PosWarn_B       {border: 0px solid red;position:absolute; left:0.5em; top:1.8em; width:60%;height:80%;animation: blink 0s steps(0, start) infinite;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:Black; font-size:0.3em;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_E       {border: 0px solid yellow;position:absolute; left:55%; top:6.0%; width:340px;height:100px;animation: blink 1s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:22px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_EY      {border: 0px solid red;position:absolute; left:70.9%; top:40.0%; width:550px;height:30px;opacity: unset;animation: blink 1s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:22px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_Ea      {border: 0px solid red;position:absolute; left:74.7%; top:30.0%; width:550px;height:30px;animation: blink 1s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:22px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_EaY     {border: 0px solid red;position:absolute; left:76.5%; top:38.0%; width:300px;height:30px;animation: blink 1s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:22px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_Eb      {border: 0px solid red;position:absolute; left:52.2em; top:19.0em; width:550px;height:30px;animation: blink 1s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:22px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_EbY     {border: 0px solid red;position:absolute; left:52.2em; top:19.0em; width:550px;height:30px;animation: blink 1s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:22px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_EaV     {border: 0px solid red;position:absolute; left:78.0%; top:70.0%; width:150px;height:50px;animation: blink 0.5s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;color:white; font-size:30px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.XWarn_EaVY    {border: 0px solid red;position:absolute; left:83.0%; top:33.0%; width:150px;height:50px;animation: blink 0.5s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;color:white; font-size:30px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_EbV     {border: 0px solid red;position:absolute; left:115.6%; top:30.6%; width:150px;height:50px;animation: blink 0.5s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius:0%;overflow: hidden;color:white; font-size:30px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.Warn_EbVY    {border: 0px solid red;position:absolute; left:0.0%; top:15.5%; width:450px;height:40px;animation: blink 0.5s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius:0%;overflow: hidden;color:white; font-size:26px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.NoVAkafi    {border: 0px solid #7FFF00;position:fixed; left:0.7%; top:15.5%; width:85%;height:60%;animation: blink 0.5s steps(2, start) infinite;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius:0%;overflow: hidden;color:white; font-size:26px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.BackBNV {border: 1px solid white;position:relative; left:5.0em; top:2.0em;width:4%;height:3%;line-height:26px;padding-left:5px;padding-right:5px;padding-bottom:10px;padding-top:5px;border-radius: 80%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.BackBNVP {border: 1px solid white;position:relative; left:9.5em; top:-0.85em;width:1.6em;height:0.9em;padding-left:0px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 80%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.XBackBNVP{border: 2px solid Blue;position:relative; left:0em; top:0em;width:20%;height:40%;padding-left:0px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}

.BackBNVI {border: 1px solid white;position:relative; left:0.0em; top:0.0em;width:15%;height:10%;line-height:26px;padding-left:5px;padding-right:5px;padding-bottom:5px;padding-top:0px;border-radius: 80%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.mejemeria    {border: 0px solid #464646;position:relative; left:1em; top:0em;width: 160px;height:50px;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background:white;box-shadow: 0 0 0px gray;}
.aleke    {border: 0px solid #464646;position:relative; left:0em; top:0em;width: 150px;height:30px;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background:white;box-shadow: 0 0 0px gray;}

/*  procDirList   */
.roundb-img-LDY {border: 2px solid #464646;position:relative; left:13.2em; top:8.2em;width: 80px;height:100px;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background:white;box-shadow: 0 0 0px gray;}
.roundb-img-LDYV {border: 0.0px solid #464646;position:relative; left:4.0%; top:0.0%;width:40%;height:5em;color:Blue; font-size:70%;font-weight:bold; padding-bottom: 0%;border-radius: 4%;overflow: hidden;background:black url(Ximg/filmBackground2.jpg);background-repeat: repeat;box-shadow: 0 0 0px gray;}
.img-kamera {border: 0.0px solid #464646;position:relative; left:4.0%; top:0.0%;width:40px;height:30px;color:Blue; font-size:70%;font-weight:bold; padding-bottom: 0%;border-radius: 4%;overflow: hidden;background:black url(Ximg/filmBackground2.jpg);background-repeat: repeat;box-shadow: 0 0 0px gray;}
.filmNameT  {border: 0.0px solid #464646;position:relative; left:4.0%; top:0.0%;color:Blue; font-size:1.2em;font-weight:bold; padding-bottom: 0%;border-radius: 0%;overflow: hidden;background:white url(Ximg/filmBackground2.jpg);background-repeat: repeat;box-shadow: 40 0 0px gray;}

.roundb-imgLY {border: 0px solid #464646;position:absolute; left:0.0em; top:-0.2em;width: 60px;height:37px;padding-bottom: 10%;border-radius: 60%;overflow: hidden;background:white;box-shadow: 0 0 3px gray;}
.roundb-embededFY {border: 4px solid red;position:absolute;left:20.7em; top:13em;width:auto;height:auto;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background:transparent;box-shadow: 0 0 3px gray;}

.roundb-img-LD {border: 2px solid #464646;position:relative; left:6.2em; top:6.2em;width: 80px;height:100px;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.roundb-img-LDV {border: 4px solid cayn;position:relative; left:8.0%; top:5.0%;width:80%;height:80%;color:red; font-size:100%;font-weight:bold; padding-bottom: 0%;border-radius: 80%;overflow: hidden;background: white;box-shadow: 0 0 0px gray;}
.VTcss {border: 4px solid Green;position:absolute; left:0%; top:0.0%;width:80%;height:70%; text-transform: none; padding-bottom: 0%;border-radius: 6.0%;overflow: auto;background:black;box-shadow: 0 0 0px gray;}
.VTdcss {border: 0px solid yellow;position:relative; left:1%; top:0.0%;width:10em;height:auto;  text-transform: none; padding-bottom: 0%;border-radius: 0%;overflow: hidden;background:black;box-shadow: 0 0 0px gray;}
.VTrcss {border: 0px solid red;position:relative; left:0.8em; top:10.0%;width:0em;height:auto; text-transform: none; padding-bottom: 0%;border-radius: 0%;overflow: hidden;background:black;box-shadow: 0 0 0px gray;}
.roundb-img-LDM {border: 1.1px solid green;position:relative; left:0.5em; top:0.0em;width: 40px;height:2em;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.Ncss {border: 0px solid Yellow;position:relative;left:1.0em; top:0.0em;width: 60px;height:60px;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}
.VTdcssM {border: 0px solid Red;position:relative;left:2.9%; top:150.0%;width:90%;height:3em;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:none;box-shadow: 0 0 0px none;}
.Mcss {border: 0.1px solid blue;position:relative; left:126.0%; top:1.2em;width:6%;height:6%;  padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 0 0 3px gray;}
.VTdcssMV {border: 4px solid Red;position:absolute;left:3.5%; top:90.8%;width:10em;height:5em;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.McssV {border: 4px solid Green;position:relative; left:8.2em; top:2.0em;width:30%;height:4em;  padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}

/* y   .ListPicV is entire list for Vec, VTdcssMVY contains back&list links  VTdcssY is td */
.ListPicV {border: 0px solid tan;position:fixed; left:0.7%; top:7.0%;width:102%;height:82%; text-transform: none; padding-bottom: 0%;border-radius: 4%;overflow:  auto;background:transparent;box-shadow: 0 0 0px gray;}
.VTcssY {border: 10px solid Green;position:fixed; left:0.5%; top:0.7%;width:82%;height:90%; text-transform: none; padding-bottom: 0%;border-radius: 6%;overflow: auto;background:transparent;box-shadow: 0 0 0px gray;}
.VTdcssY {border:0px solid yellow;position:relative; left:-1.0%; top:0.6%;width:6%;height:1%;  text-transform: none; padding-bottom: 0%;border-radius: 6%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.MoreNextAP {border:0px solid yellow;position:relative; left:85.0%; top:85%;width:auto;height:auto;  text-transform: none; padding-bottom: 0%;border-radius: 16%;overflow: hidden;background:#00FF00;box-shadow: 0 0 0px gray;}
.MoreNextA{border: 0px solid red;position:relative;left:-0.5%; top:0.0%;width: 4em;height:2em;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}
.XVTrcssY {border: 0px solid tan;position:relative; left:0.8%; top:10.0%;width:0%;height:0%; text-transform: none; padding-bottom: 0%;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px gray;}
.roundb-img-LDMY {border: 1.1px solid #35b128;position:relative; left:-1.0%; top:-4.0%;width: 4%;height:20%;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.img-LDMY {border: 0.5px solid #35b128;position:relative; left:1.0%; top:-4.0%;width: 150px;height:150px;padding-bottom: 0%;border-radius: 10%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.img-LDMY:hover {border: 1.1px solid #35b128;position:relative; left:1.0%; top:-4.0%;width: 300px;height:300px;padding-bottom: 0%;border-radius: 10%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.img-LDMY-Agula {border: 11.1px solid #35b128;position:relative; left:-88.4em; top:-1.0em;width: 30px;height:30px;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.NcssY {border: 2px solid white;position:relative;left:-10em; top:0.0%;width: 5em;height:5em;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}

/* VTdcssMVY is the list& tiny goback akafi McssVY list, BackbBV is tiny go back */
.VTdcssMVY {border: 0px solid Red;position:absolute;left:0.0%; top:90.5%;width:100%;height:8%;padding-left:3px;padding-right:3px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.McssVY {border: 1px solid grey;position:relative; left:94.3%; top:11.8%;width:5%;height:90%;  padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}
.BackBV {border: 0px solid white;position:absolute; left:0.0%; top:27.0%;width:5%;height:40%;line-height:26px;padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:10px;border-radius: 80%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.McssLVY {border: 2px solid lightblue;position:relative; left:36%; top:0em;width:20%;height:60%;  padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}

/* VTdcssMY is the list& tiny goback akafi McssY list, BackbYp is tiny go back  textTotal is GS for y*/
.VTdcssMY {border: 0px solid Tan;position:absolute;left:0.0%; top:83.0%;width:101%;height:12%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 1%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.McssY {border: 0px solid red;position:absolute;left:93.0%; top:30.0%;width:6%;height:58%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 80%;overflow: hidden;background: 	#35b128;box-shadow: 10 20 3px gray;}
.BackBYp {border: 0px solid Blue;position:absolute; left:2.0%; top:54.0%;width:auto;height:auto;line-height:26px;padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:10px;border-radius: 80%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.textTotal {border: 2px solid red;position:fixed; left:7.0%; top:-0.5%;width:12%;height:2.2%;font-weight: bold;padding-left:5px;padding-right:0px;padding-bottom:5px;padding-top:5px;border-radius: 40%;overflow: hidden;color:#FF8C00; font-size:18px; background:  	#FAF0E6;box-shadow: 0 0 3px gray;}
.textTotalG {border: 2px solid red;position:fixed; left:8.0%; top:1.0%;width:3%;height:3%;padding-left:2px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:150%; background:  	#FAF0E6;box-shadow: 0 0 3px gray;}
.imgTotal {border: 2px solid red;position:fixed; left:25.0%; top:-0.5%;width:7%;height:2.2%;font-weight: bold;padding-left:15px;padding-right:0px;padding-bottom:5px;padding-top:5px;border-radius: 40%;overflow: hidden;color:#FF8C00; font-size:16px; background:  	#FAF0E6;box-shadow: 0 0 3px gray;}

/* eger  logR for whole,logRT for text --> for y */
.respZ  {border:2.0px solid Tan; position:absolute; left:0em; top:67.5em;width:100%; height:2%;  text-transform: uppercase; word-spacing:0px; text-align:top; border-radius: 0%; clear:top;float:right;box-shadow: 0 0 30px black;}
/*
.XlogR  {border: 2px solid Red;display:block;position:relative; left:97.0%; top:-101.0%;width:5%; height:6%;text-align:top;align-content:top;clear:left;float:left; color:black;font-size:20px;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 60%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}
.logU  {border: 0px solid Black;display:block;position:absolute; left:88.3%; top:92.6%;width:6.5%; height:8.0%;text-align:top;align-content:top;clear:left;float:left; color:black;font-size:25px;font-weight:bold;padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}
.xlogUY  {border: 2px solid Red;display:block;position:absolute; left:94.5%; top:92.8%;width:7.5%; height:5.0%;text-align:top;align-content:top;clear:left;float:left; color:black;font-size:20px;font-weight:bold;padding-left:2px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}
.XlogUg  {border: 2px solid Red;display:block;position:absolute; left:92.5%; top:91.8%;width:7.5%; height:5.0%;text-align:top;align-content:top;clear:left;float:left; color:black;font-size:20px;font-weight:bold;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}
.logUT  {border: 2px solid Red;display:block;position:fixed; left:95%; bottom:0em;width:auto; height:auto;align-content:top;clear:left;float:top; font-size:1em;font-weight:bold;padding-left:5px;padding-right:0px;padding-bottom:5px;padding-top:0px;border-radius: 100%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}
.logUM  {border: 0px solid green;display:block;position:absolute; left:77.9%; top:88.9%;width:20%; height:8.0%;text-align:top;align-content:top;clear:left;float:left; color:black;font-size:25px;font-weight:bold;padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}
.logUMY  {border: 0px solid tan;display:block;position:absolute; left:82.3%; top:90.5%;width:16.5%; height:8.0%;text-align:top;align-content:top;clear:left;float:left; color:black;font-size:25px;font-weight:bold;padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: #7FFF00;box-shadow: 0 0 0px none;}
.logUTM  {border: 8px solid Red;display:block;position:relative; left:-15%; top:5%;width:100%; height:95%;align-content:top;clear:left;float:top; font-size:25px;font-weight:bold;padding-left:10px;padding-right:0px;padding-bottom:19px;padding-top:0px;border-radius: 100%;overflow: hidden;background: transparent;box-shadow: 0 0 0px none;}
*/

/* geraAkafiY spans the details menu and the descrption select area whereas sidenavY(1071) it the details main area */
.geraAkafiY {border:0px solid Tan; position:relative;left:0em; top:-5.0em; width:100%;height:auto;  clear:both; background: transparent;  font-size:90%;box-shadow: 0 0 0px black;}

/*   expand/collaps  after js  detailsTop is main Link size/positin subL=is sublink size/position  MainL=The main link font LS=space between main link LSt=space for links */
.detailsTop {border: 0px solid green;position:relative;left:2%; top:2.3em;width:70%;height:auto;color:Black; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 7px;overflow: hidden;background:#7FFF00;font-size:1.0em;font-weight:bold;text-align:left;box-shadow: 0 0 40px black;}
.detailsTopB {border: 0px solid green;position:relative;left:2%; top:2.3em;width:70%;height:auto;color:Black; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 7px;overflow: hidden;background:#7FFF00;font-size:1.0em;font-weight:bold;text-align:left;box-shadow: 0 0 40px black;}
.detailsL {border: 0px solid yellow;position:relative;left:2em; top:0em;width:0px;height:0px;color:Darkblue; font-size:100%;word-spacing:1px; text-align:top;padding-left:0px;padding-right:10px;padding-bottom:1px;padding-top:5px;border-radius: 0%;overflow: hidden;background:#35b128;box-shadow: 0 0 0px none;}
.detailsLS {border: 0px solid red;position:relative;left:2em; top:0em;width:10px;height:2px;color:Darkblue; font-size:0%;word-spacing:0px; text-align:top;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.detailsLSt {border: 15px solid transparent;position:relative;left:2em; top:0em;width:0px;height:0px;color:Darkblue; font-size:0%;word-spacing:0px; text-align:top;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
/*  subL is the box in blue under the main link MainL     then boxGS-Sub is the text itself  The entire menu is .sidenav */
.subL {border: 0px solid blue;position:relative;left:0.5em; top:1.0em;width:90%;height:5%;color:#7FFF00; font-size:1.0em;word-spacing:0px; text-align:top;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:10px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.subLB {border: 0px solid blue;position:relative;left:-5.0%; top:0.7em;width:90%;height:4%;color:#7FFF00; font-size:1em;word-spacing:0px; text-align:top;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:10px;border-radius: 0%;overflow: hidden;background:background:grey url(img/bgImg/Background_content.jpg);box-shadow: 0 0 0px none;}
.subLeth {border: 0px solid red;position:relative;left:-0.8em; top:-3.5%;width:6em;height:1em;color:#7FFF00; font-size:1.6em;word-spacing:0px; text-align:top;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:10px;border-radius: 50%;overflow: hidden;background:black;box-shadow: 0 0 40px black;}
.subLethB {border: 0px solid red;position:relative;left:-0.8em; top:-3.5%;width:6em;height:1em;color:#7FFF00; font-size:1.6em;word-spacing:0px; text-align:top;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:10px;border-radius: 50%;overflow: hidden;background:black;box-shadow: 0 0 40px black;}
.MainL {border: 0px solid #464646;position:relative;left:0.4em; top:1.0%;width:auto;height:auto;color:Blue; text-align:center;align-content:right;font-size:1.3em;padding-left:5px;padding-right:0px;padding-bottom:0px;padding-top:20px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.MainLB {border: 0px solid #464646;position:relative;left:0.4em; top:1.0%;width:auto;height:auto;color:Blue; text-align:center;align-content:right;font-size:1.3em;padding-left:5px;padding-right:0px;padding-bottom:0px;padding-top:20px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}

.subLAA {border: 0px solid blue;position:relative;left:-4.5em; top:0%;width:15em;height:8%;color:#7FFF00; font-size:1.4em;word-spacing:0px; text-align:top;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:10px;border-radius: 0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}

.boxGS-sub  {border: 0px solid cyan;position:relative;left:0.0em; top:-1.7em;width:auto;height:1.0em;cursor:pointer;padding-left:2px;padding-right:10px;padding-bottom:20px;padding-top:0px;background:black;border-radius: 7px;color:#7FFF00;font-size:1.4em;font-weight:bold;text-align:left;box-shadow: 40 0 40px black;}
.boxGS-subB  {border: 0px solid cyan;position:relative;left:0.8em; top:-1.5em;width:auto;height:10%;cursor:pointer;padding-left:2px;padding-right:10px;padding-bottom:20px;padding-top:0px;background:black;border-radius: 7px;color:#7FFF00;font-size:1.4em;font-weight:bold;text-align:left;box-shadow: 40 0 40px black;}



/* /######################################## side menu             */



.sidenav {border:0px solid #FF8C00;position: fixed; z-index: 10; top: 30%; left: 0;width: 0;  height: 60%;  background-color: transparent; overflow:hidden; transition: 0.5s; padding-top: 60px; }
.sidenavB {border:0px solid #FF8C00;position: fixed; z-index: 10; top:10em; left: 0%;width: 0%;  height: 60%;  background-color: transparent; overflow:hidden; transition: 0.5s; padding-top: 60px; }
.closebtn {border:0.2px solid red;position:relative; left:1em; top:0.0%;width:30px;height:25px;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:4px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.1em; }
.sideNC {border:0.0px solid red;position:relative; left:3%; top:20%;width:5%;height:3%;color: #7FFF00;font-size:40px;cursor:pointer;}
.sideNCB {border:0.0px solid red;position:relative; left:3%; top:2.0em;width:5%;height:3%;color: #7FFF00;font-size:50px;cursor:pointer;}

.sidenavY {border:0px solid #FF8C00;position: relative; z-index: 1; top: 10%; left:2%;width: 0%;  height: 90%;  background:transparent;  overflow-x:auto;overflow-y:auto;transition: 1.5s; padding-top: 0px; padding-bottom: 0px;box-shadow: 0 0 0px black; }
.sidenavYB {border:0.0px solid #FF8C00;position: relative;top:15.5%; left: 0%;width:0%;  height:90%;  background:transparent ;overflow-x:auto;overflow-y:auto;  transition: 2.5s; padding-top: 60px;box-shadow: 0 0 0px black; }
.sideNCY  {border:10.0px solid red;position:fixed; left:2em; top:3em;width:5%;height:3%;color: #7FFF00;font-size:40px;cursor:pointer;}
.sideNCY  {border:0.0px solid red;position:absolute; left:2.5%; top:11.3%;width:auto;height:auto;border-radius: 100%;padding-left:10px;padding-right:10px;padding-bottom:20px;padding-top:20px;text-align:center;color: #7FFF00;font-size:3em;font-weight:bold;background:black  url(img/bgImg/Background_content.jpg); cursor:pointer;box-shadow: 0 0 40px black;}
.sideNCYB  {border:0.0px solid red;position:fixed; left:1.5%; top:1.8em;width:auto;height:auto;border-radius: 100%;color: #7FFF00;font-size:4em;font-weight:bold;background:black  url(img/bgImg/Background_content.jpg); cursor:pointer;}
.sideNCYB  {border:0.0px solid red;position:absolute; left:4.0%; top:15.0%;width:auto;height:auto;border-radius: 100%;padding-left:10px;padding-right:10px;padding-bottom:20px;padding-top:20px;text-align:center;color: #7FFF00;font-size:3em;font-weight:bold;background:black  url(img/bgImg/Background_content.jpg); cursor:pointer;box-shadow: 0 0 40px black;}

.Swsidenav {border:0px solid #FF8C00;position:relative; z-index: 1; top:15%; left:0%;width: 0;  height: 110%;  background-color: transparent;  overflow-x:auto;overflow-y:auto;transition: 0.5s; padding-top: 60px; }
.SWsideNC  {border:0.0px solid red;position:fixed; left:94%; top:20%;width:8%;height:8%;color: white;background-color:transparent; font-size:40px;cursor:pointer;}

/*   seach word selection   */
.boxGS-sw2  {border: 10px solid green;position:relative;left:10em; top:-3.0em;width:4.5em;height:1.5em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;background: 	#7FFF00;font-size:0.7em;font-weight:bold;text-align:left;box-shadow: 0 0 3px gray;}
.sWord{border: 10px solid yellow;position:relative;left:5em; top:-2.0em;width:4.5em;height:2.2em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;background: 	#7FFF00;font-size:0.7em;font-weight:bold;text-align:left;box-shadow: 0 0 0px none;}
.sWordsel{border:0px solid red;position:relative;left:14em; top:-7.5em;width:2.5em;height:2.5em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: 	transparent;font-size:0.7em;font-weight:bold;text-align:left;box-shadow: 0 0 0px none;}
.sWordselB{border:0px solid green;position:relative;left:18.2em; top:-7.5em;width:8em;height:3em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: 	transparent;font-size:0.7em;font-weight:bold;text-align:left;box-shadow: 0 0 0px none;}
.sWordimg{border: 0px solid blue;position:relative;left:16em; top:-7.0em;width:2.0em;height:2.0em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:5px;border-radius: 100%;overflow: hidden;background: 	#7FFF00;font-size:0.7em;font-weight:bold;text-align:left;box-shadow: 0 0 0px none;}
.sWordimgB{border: 2px solid yellow;position:relative;left:20.5em; top:-6.9em;width:2.5em;height:2.5em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: 	#7FFF00;font-size:0.7em;font-weight:bold;text-align:left;box-shadow: 0 0 0px none;}
.sWordText {border: 0px solid blue;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 100%;overflow: hidden;background: 	#7FFF00;font-size:1.7em;font-weight:bold;text-align:left;box-shadow: 0 0 0px none;}
.boxGS-sw2B  {border: 0px solid red;position:relative;left:13em; top:-2.5em;width:3.5em;height:1.5em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;background: 	#7FFF00;font-size:0.7em;font-weight:bold;text-align:left;box-shadow: 0 0 3px gray;}


/*
.roundb-textTotal {border: 2px solid red;position:fixed; left:5.0%; top:18.0%;width:5%;height:4%;padding-left:10px;padding-right:0px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#FAF0E6;box-shadow: 0 0 3px gray;}
*/
.XBackBU {border: 11px solid Blue;position:absolute; left:10.5%; top:10.0%;width:5%;height:4%;padding-left:0px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.BackB {border: 2px solid Blue;position:absolute; left:47.0%; top:87.0%;width:3%;height:4%;padding-left:0px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.BackBY {border: 2px solid Blue;position:relative; left:10.0%; top:1.0%;width:5%;height:4%;padding-left:0px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
/* backB for create Album */
.XBackBC {border: 0px solid Blue;position:absolute; left:10.0%; top:65.0%;width:20em;height:auto;padding-left:10px;padding-right:0px;padding-bottom:10px;padding-top:10px;border-radius: 10%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.BackBC {border: 1px solid Blue;position:absolute; left:30.0%; top:16em;width:auto;height:auto;line-height:26px;padding-left:10px;padding-right:0px;padding-bottom:10px;padding-top:10px;border-radius: 6%;overflow: hidden;color:#FF8C00; font-size:2em; background:  	#7FFF00;align-content:center;box-shadow: 0 0 50px grey;}
.BackBCpM {border: 0px solid Blue;position:absolute; left:30.0%; top:52.0%;width:auto;height:auto;line-height:26px;padding-left:10px;padding-right:0px;padding-bottom:10px;padding-top:10px;border-radius: 10%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;align-content:center;box-shadow: 0 0 3px gray;}
.BackImg {border: 12px solid Blue;position:relative; left:1.8em; top:5em;width:1.5em;height:1.5em;padding-left:0px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.BackImg2 {border: 2px solid Blue;position:relative; left:1.8em; top:2.2em;width:1.5em;height:1.5em;padding-left:0px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.BackPFLV324 {border: 2px solid Blue;position:relative; left:5.5em; top:-0.5em;width:0.5em;height:0.5em;padding-left:0px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}

/* betu */
.slide-sel-mailt {border: 0px solid #464646;position:absolute; left:90em;top:45em; font-size:8px;font-weight:normal;width:100px;height:100px;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 15%;overflow: hidden;background: #778899;box-shadow: 0 0 30px gray;}
.slide-sel-mail {border: 0px solid red;position:absolute; left:0.7em;top:0.4em; font-size:8px;font-weight:normal;width:80px;height:80px;padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:15px;border-radius: 80%;overflow: hidden;background: #8A2BE2;box-shadow: 20 0 0px gray;}

/*     .addrH  header th , ..HUs to Hc are to give each title its own size (does not worth but leave it as is is) */
/*     .addrD  data td  , ..DUs to Dc same as H  */
/* addrM selchb=akafi for from Hint(addrl) to submitb addrp including checkbT=checkboxes chb.... addrtAkaf--> addrt=table addrD=td addrC=tr addrH=header!  */
.selchb    {border:0px solid blue;  position:absolute; left:5%; top:10%; width:85%; height:60%;  padding:0px 0px; background:transparent;}
.chbFieldset {border:0px solid yellow; position:relative; left:15%; top:0.5em; width:85%;background:transparent; border-collapse:collapse;}
.addrL     {border:0px solid grey;position:relative; left:0.5em; top:-2.0em;  background:transparent; border-collapse:collapse; color:Blue; font-size:1.3em;font-weight:bold; }
.addrp     {border:1.1px solid white;position:relative; left:35em; top:-8.5em;width:50px;height:30px;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:15px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.3em; }
.CheckbT   {border:0px solid red;position:relative; left:2.4%; top:-7em; width:62%; height:auto; padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 3%;overflow: hidden;background:#F5DEB3;box-shadow: 0 0 0px gray;   }
.chboxSize {border:0px solid red;position:relative; width:1.5em; height:1.5em; border-radius: 100%;overflow: hidden;background:#F5DEB3;box-shadow: 0 10 10px gray;   }
.chboxSizeAll {border:0px solid red;position:relative; left:1.0em; top:0.0em; width:2em; height:2em; border-radius: 100%;overflow: hidden;background:#F5DEB3;box-shadow: 0 10 10px gray;   }
.chbHint   {border:0px solid Tan;position:relative; left:0.4em; top:0.4em; width:10px;height: 20px; padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 20%;overflow: hidden;background:#F5DEB3;box-shadow: 0 0 0px gray;   }
.chbSW     {border:0px solid Tan;position:relative; left:3.5em; top:-6.5em; width:120px;height: 40px; padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 20%;overflow: hidden;background:#F5DEB3;box-shadow: 0 0 0px gray;   }
.chbOr     {border:0px solid Tan;position:relative; left:4.0em; top:-6.5em; width:20px;height: 40px; padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 20%;overflow: hidden;background:#F5DEB3;box-shadow: 0 0 0px gray;   }
.chbSW2    {border:0px solid Tan;position:relative; left:6.0em; top:-6.5em; width:155px;height: 40px; padding-left:10px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 20%;overflow: hidden;background:#F5DEB3;box-shadow: 0 0 0px gray;   }
.addrDAkafi  {border:0px solid yellow;position:relative; left:8.0em; top:21em; width:90%;height:25em;background:transparent;overflow: hidden; }
.addrTabDAkafi  {border:0px solid red;position:relative; left:0%; top:0em; width:100%;height:90%; text-align:center; align-content:left; background:transparent; overflow-x: auto;overflow-y: auto;  padding:0px 0px; }
.addrt     {border:0px solid cyam;position:relative; left:0.0%; top:0.0%;  width:97%; height:auto; align-content:center;  padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 2%;overflow: hidden;background:#F5DEB3;box-shadow: 0 0 0px gray;}
.addrDUs     {border:1px solid DarkCyan;position:relative; left:-0.0%; top:0%; width:auto;height:auto; color:black; font-weight:bold;font-size:80%;text-align:left; align-content:left; background:#FAEBD7;}
.addrDL     {border:0px solid LimGreen;position:relative; left:-0.0%; top:0%;  width:auto;height:auto; color:black; font-weight:bold;font-size:100%;text-align:center; align-content:left; background:#FAEBD7; border-collapse:collapse; padding:0px 0px; }
.addrDT     {border:0px solid Green;position:relative; left:-0.0%; top:0%;  width:auto;height:auto;color:black; font-weight:bold;font-size:100%;text-align:center; align-content:left; background:#FAEBD7; border-collapse:collapse; padding:0px 0px; }
.addrDU     {border:0px solid yellow;position:relative; left:-0.0%; top:0%;  width:auto;height:auto; color:black; font-weight:bold;font-size:100%;text-align:center; align-content:left; background:#FAEBD7; border-collapse:collapse; padding:0px 0px; }
.addrDE     {border:0px solid red;position:relative; left:-0.0%; top:0%;  width:auto;height:auto; color:black; font-weight:bold;font-size:100%;text-align:center; align-content:left; background:#FAEBD7; border-collapse:collapse; padding:0px 0px; }
.addrD     {border:0px solid Blue;position:relative; left:-0.0%; top:0%; width:auto;height:auto; color:black; font-weight:bold;font-size:100%;text-align:center; align-content:left; background:#FAEBD7; border-collapse:collapse; padding:0px 0px; }
.addrC     {border:10px solid rose; background:Red; border-collapse:collapse; padding:0px 0px; }
.addrHUs  {border:0.1px solid #D2B48C;position:relative; left:0.0%; top:0em;width:10%;height:auto;; text-align:left; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.addrHL   {border:0.1px solid #D2B48C;position:relative; left:0.0%; top:0em;width:1%;height:auto; text-align:left; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.addrHTi  {border:0.1px solid #D2B48C;position:relative; left:0.0%; top:0em;width:14%;height:auto;text-align:left; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.addrH    {border:0.1px solid #D2B48C;position:relative; left:0.0%; top:0em;width:14%;height:auto; text-align:left; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.addrHE   {border:0.1px solid #D2B48C;position:relative; left:0.0%; top:0em;width:10%;height:auto; text-align:left; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.addrHU   {border:0.1px solid #D2B48C;position:relative; left:0.0%; top:0em;width:10%;height:auto; text-align:left; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.addrHP   {border:0.1px solid #D2B48C;position:relative; left:0.0%; top:0em;width:25%;height:auto; text-align:left; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.addrHC   {border:10.1px solid #D2B48C;position:relative; left:0.0%; top:0em;width:25%;height:auto; text-align:left; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.XbackB     {border:4.0px solid red;position:relative; left:0.0em; top:-5%;width:auto;height:20px;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,10);color:black;font-size:1.3em; box-shadow: 0 0 0px gray;}
.XbackBB    {border:2.1px solid red;position:relative; left:3.0em; top:12em;width:auto;height:20px;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.3em; }

.cancelAddr    {border:0px solid #D2B48C;position:absolute; left:97.4%; top:-2.5%; text-align:left; color:white; font-weight:bold;font-size:3em; align-content:left; background:transparent; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.cancelManT    {border:0px solid #D2B48C;position:absolute; left:81%; top:-10%;width:3em;height:2em; text-align:center;color:black; font-weight:bold;font-size:20px; background:transparent; overflow: hidden; border-collapse:collapse; padding:0px 0px; }

.zoomBa {border: 0px solid #464646;position:fixed; left:95%; top:94.5%;width:6%;height:6%;padding-bottom: 0%;border-radius: 10%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}
.zoomBaF {border: 2px solid #7FFF00;position:fixed; left:95.5%; top:92.6%;width:4%;height:5%;padding-bottom: 0%;border-radius: 100%;overflow: hidden;background: #35b128;box-shadow: 0 0 3px gray;}

/*   infReqAkafi  wraps result table including th reqIDAkafi  result table without th  .TmanT is the table fo reqInfo & manT td  .manTf in td select & subm button akafi */
.infReqOverAllWrap  {border:0px solid green;position:absolute; left:5%; top:15%;  width:95%; height:66%;align-content:center; border-radius: 3%;overflow-x:hidden;overflow-y:hidden; background:transparent;box-shadow: 0 0 0px none;}
.infReqtHead     {border:0px solid grey;position:relative; left:0.0%; top:0.0%;  width:100%; height:auto; align-content:center;  padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;background:#F5DEB3;box-shadow: 0 0 0px gray;}
.infReqAkafi {border:0px solid yellow;position:relative; left:0%; top:0%;  width:100%; height:100%;align-content:center; border-radius: 0%;overflow:hidden;background:transparent;box-shadow: 0 0 0px none;}
.reqIDAkafi  {border:0px solid red;position:relative; left:0.0%; top:0%; width:100%;height:90%; text-align:center; align-content:left; background:transparent; overflow-x:hidden;overflow-y:auto; border-collapse:collapse; padding:0px 0px; }

.infReqt     {border:1px solid grey;position:relative; left:0.0%; top:0.0%;  width:100%; height:0.1%; align-content:center;  padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow-x:hidden;overflow-y:auto;background:#F5DEB3;box-shadow: 0 0 0px gray;}
.reqInfS     {border:0.1px solid white;position:relative; left:8em; top:2.5em;width:50px;height:30px;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:15px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.3em; }
.reqID     {border:0.1px solid cyan;position:relative; left:0.0%; top:0%;width:15em;height:40%; text-align:left; align-content:left; background:transparent;overflow-x:hidden;overflow-y:hidden;border-collapse:collapse; padding:0px 0px; }
.reqIthU   {border:0.1px solid violet;position:relative; left:0.0%; top:0%;width:0.2em;height:2em; text-align:center; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqIthG    {border:0.1px solid violet;position:relative; left:0.0%; top:0%;width:12%;height:2em; text-align:center; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqIthR    {border:0.1px solid violet;position:relative; left:0.0%; top:0%;width:14%;height:2em; text-align:center; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqIthB    {border:0.1px solid violet;position:relative; left:-0.0%; top:0%;width:10%;height:2em; text-align:center; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqIthM    {border:0.1px solid violet;position:relative; left:0.0%; top:0%;width:25%;height:2em; text-align:center; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqIthBo    {border:0.1px solid violet;position:relative; left:-0.0%; top:0%;width:34%;height:2em; text-align:center; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqIDcNr1 {border:0.0px solid cyan;position:relative; left:0.0%; top:0%; width:1%; text-align:left; align-content:left; font-size:0.8em;font-weight:bold; background:transparent;overflow-x:hidden;overflow-y:hidden;border-collapse:collapse; padding:0px 0px; }
.reqIDcNr {border:0.0px solid cyan;position:relative; left:0.0%; top:0%; width:1%; text-align:right; align-content:left; font-size:0.8em;font-weight:normal; background:transparent;overflow-x:hidden;overflow-y:hidden;border-collapse:collapse; padding:0px 0px; }

.XreqIth    {border:0.1px solid violet;position:relative; left:0.0%; top:0%;width:10em;height:2em; text-align:center; align-content:left; background:#CD853F; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.TmanT    {border:0px solid blue;  position:absolute; left:13%; top:1%; width:65%; height:50%;  padding:0px 0px; background:transparent;}
.reqInfS     {border:0.1px solid white;position:relative; left:25%; top:0%;width:50px;height:30px;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:15px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.3em; }
.manTf {border:0px solid red; position:relative; left:-5%; top:0%; background:transparent; border-collapse:collapse;}
.manTS     {border:0.1px solid white;position:relative; left:32%; top:0.1%;width:50px;height:30px;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:15px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.3em; }

/*  user info form */
.reqIA   {border:0px solid Tan;  position:absolute; left:7%; top:5%; width:20%; height:auto;background:transparent;}
.reqItit    {border:0px solid green; position:relative; left:0%; top:0%;;width:40%;height:10%; color:red; font-size:1.5em;font-weight:bold; background:transparent; border-collapse:collapse;}
.reqIselect {border: 2px solid #464646;position:relative;left:5%; top:0.5em;width:70%;height:25%;padding-left:5px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}

/* creatUser form */
.desCU     {border:0px solid white;  position:absolute; left:29%; top:7%; width:auto; height:auto;background:transparent;}
.descCU   {border:4px solid #7FFF00;position:relative; left:0%; top:0%;width:auto;height:auto;border-radius: 10%; color:red; font-size:2em;font-weight:bold; background:#7FFF00 url(img/ackground_fotoSI.gif); padding:0px 0px; float:top }

/*  man teyeken form */
.manTA    {border:0px solid cyan;  position:absolute; left:40%; top:5%; width:20%; height:auto;background:transparent;}
.manTtit    {border:0px solid red; position:relative; left:0%; top:0%;;width:auto;height:auto; color:red; font-size:2em;font-weight:bold; background:transparent; border-collapse:collapse;}
.manTselect {border:0px solid #464646;position:relative;left:5.0%; top:0.5em;width:70%;height:30%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}


/*  change background form */
.changeBGA     {border:0px solid white;position:absolute; left:60%; top:5%;width:20%;height:auto;background:transparent;}
.changeBGtit    {border:0px solid yellow; position:relative; left:0%; top:0%;;width:auto;height:auto; color:red; font-size:2em;font-weight:bold; background:transparent; border-collapse:collapse;}
.changeBGselect {border: 0px solid #464646;position:relative;left:5.0%; top:0.5em;width:70%;height:30%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}


/* fidel */
.fidelF {border: 0px solid red;position:absolute;left:15%; top:6%;width:80%;height:80%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 1%;overflow: hidden;background:transparent;box-shadow: 0 0 0px gray;}
.fiedelAkafi {border: 0px solid red;position:absolute;left:1.5em; top:2.5em;width:750px;height:700;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 1%;overflow: hidden;background:transparent;box-shadow: 0 0 0px gray;}
.fiedel_T {border: 0px solid #464646;position:absolute;left:5em; top:-1em;width:500px;height:auto;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 1%;overflow: hidden;background:transparent;box-shadow: 0 0 0px gray;}
.fiedel_Hi {border: 0px solid #464646;position:absolute;left:5em; top:7em;width:470;height:450;padding-left:25px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 5%;overflow: hidden;background:white;box-shadow: 0 0 0px gray;}
.fiedel_PL {border: 0px solid #464646;position:absolute;left:-2.5em; top:-2em;width:110;height:auto;padding-left:25px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 1%;overflow: hidden;background:transparent;box-shadow: 0 0 0px gray;}
.fiedel_PR {border: 0px solid #464646;position:absolute;left:36em; top:-1em;width:110;height:auto;padding-left:25px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 1%;overflow: hidden;background:transparent;box-shadow: 0 0 0px gray;}

/*  location in yetNew.php */
.XlocAkafi {border: 2px solid red;position:absolute; right:0.0%; top:65.0%;width:25%;height:auto;padding-left:1px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 0%;overflow: hidden;color:black; font-size:14px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.roundb-date {border: 0px solid red;position:absolute; left:35.0%; top:20.0%;width:auto;height:auto;padding-left:0px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 25%;overflow: hidden;color:white; font-size:14px;font-weight:bold; background:  	grey;box-shadow: 0 0 15px green;}
.Xroundb-locT {border: 0px solid blue;position:absolute; left:36.1%; top:15.0%;width:15%;height:0%;padding-left:10px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 10%;overflow: hidden;color:blue; font-size:20px;font-weight:bold; background:  	#FAF0E6;box-shadow: 0 0 20px grey;}
.XlocD {border: 0px solid grey;position:absolute;right:0.0%; top:14.0%;width:65%;height:8%;padding-left:1px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 10%;overflow: hidden;color:Blue; font-size:14px;font-weight:bold; background:  	#FAF0E6;box-shadow: 0 0 40px black;}
.locDnog {border: 0px solid grey;position:absolute;left:47.0%; top:14.0%;width:65%;height:8%;padding-left:1px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 10%;overflow: hidden;color:Red; font-size:14px;font-weight:bold; background:  	#FAF0E6;box-shadow: 0 0 40px black;}

.gpsStatus  {border: 0px solid grey;position:absolute;left:0.0%; top:74.0%;width:8%;height:8%;text-align:left;padding-left:0px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 10%;overflow: hidden;color:white; font-size:14px;font-weight:bold; background:  	transparent;box-shadow: 0 0 40px black;}


/* some fotos have description file which will be presented left of the photos during betamAgula */
.IfDesc     {border:0px solid blue; position:absolute; left:69.5%; top:0.0%;width:30.4%;height:72%; word-spacing:5px; text-align:top; clear:left;float:left;border-radius: 3%;overflow: hidden;color:black; font-size:15px;font-weight:bold; background:  	#FAF0E6;box-shadow: 0 0 40px grey;}
.IfDescLX  {border:0px solid Green; position:absolute; left:96.5%; top:0.1%;width:3.5%;height:3.5%; word-spacing:0px; text-align:top; clear:left;float:left;border-radius: 5%; padding-left:0px;padding-right:0px;padding-bottom:20px;padding-top:overflow: hidden;color:black; font-size:5.0em;font-weight:bold; background:  transparent;box-shadow: 0 0 0px grey;}
.IfDescLXF  {border:0px solid Green; position:absolute; left:96.5%; top:0.1%;width:3.5%;height:3.5%; word-spacing:0px; text-align:top; clear:left;float:left;border-radius: 5%; padding-left:0px;padding-right:0px;padding-bottom:20px;padding-top:overflow: hidden;color:black; font-size:5.0em;font-weight:bold; background:  transparent;box-shadow: 0 0 0px grey;}
.IfDescLI  {border:0px solid yellow; position:relative left:0%; top:0.0%;width:100%;height:160%; word-spacing:0px; text-align:top; clear:left;float:left;border-radius: 0%; padding-left:0px;padding-right:0px;padding-bottom:15px;padding-top:overflow: hidden;color:black; font-size:0.5em;font-weight:bold; background:  transparent;box-shadow: 0 0 0px grey;}
.IfDescX  {border:0px solid Red; position:relative; left:75%; top:-125.5%;width:30.0%;height:90%; word-spacing:0px; text-align:top; clear:left;float:left;border-radius: 0%; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:overflow: hidden;color:black; font-size:0.3em;font-weight:bold; background:  transparent;box-shadow: 0 0 0px grey;}
.IfDescDF     {border:0px solid Cyan; position:absolute; left:73.0%; top:20.0%;width:20.0%;height:52%; word-spacing:5px; text-align:top; clear:left;float:left;border-radius: 1%;overflow: hidden;color:#000080 font-size:2em;font-weight:normal; background:  	transparent;box-shadow: 0 0 0px grey;}
.IfFilm     {border:0px solid blue; position:absolute; left:0.0%; top:0.0%;width:100%;height:95%; word-spacing:5px; text-align:top; clear:left;float:left;border-radius: 3%;overflow: hidden;color:black; font-size:15px;font-weight:bold; background:  	#FAF0E6;box-shadow: 0 0 40px grey;}
.IfFilmV     {border:0px solid yellow; position:absolute; left:7.0%; top:0.0%;width:83%;height:99%; word-spacing:5px; text-align:top; clear:left;float:left;border-radius: 3%;overflow: hidden;color:white; font-size:15px;font-weight:bold; background:  black;box-shadow: 0 0 40px grey;}

/* to enlarge */

#sm_changeP  {border:1px solid darkgrey; position:relative;  left:25.9em; top:4.5em;width:500px; height:500%;background:#DEB887 url(img/Bckground_login.gif); color:black; font-size:80%; }
input:focus{background:white;}

.Xsm_userpw {border:0px solid yellow; position:absolute;  left:0.0%; top:0.0%;width:100%; height:95%;border-radius: 10%;background:#DEB887 url(img/Background_login.gif); color:black; font-size:80%; }



#userP_sub {border:10px solid cyan;box-sizing: border-box;position:fixed; left:5.4%; top:1.0%;width:30%; height:20%; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:15px;border-radius: 3%;float:right;background:darkgrey url(img/Background_meha.gif); color:black; font-size:80%; box-shadow: 0 0 50px black;}
.sm_userF {border:10px solid green; position:absolute; left:0.0%; top:30.0%;width:90%; height:auto;border-radius: 10%;background:#DEB887 url(img/Background_login.gif); color:black; font-size:80%; }

#sm_login  {border:0px solid darkgrey; position:absolute;  left:28.0%; top:1.0%;width:40%; height:65%;border-radius: 10%;background:#DEB887 url(img/Background_login.gif); color:black; font-size:80%;box-shadow: 0 0 30px white; }
  .bounceWelc  {border: 0px solid Green;position:relative; left:25.0%; top:-52.0%; width:70%;height:25%;padding-left:0px;padding-right:0px;padding-bottom:3px;padding-top:0px;border-radius: 10%;overflow: hidden;color:#7FFF00; text-align:center;font-size:180%;font-weight:bold; background:transparent;box-shadow: 0 0 50px  	#6A5ACD;}
     .cqWelc  {border: 0px solid blue;position:relative; left:0.0%; top:0.0%; width:70%;height:50%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;color:#7FFF00; text-align:center;font-size:1.2em;line-height:1em;font-weight:bold; background:transparent;box-shadow: 0 0 50px  	#6A5ACD;}
     .bounceLoginLoader2 {border:0px solid #FF8C00;  position:relative; left:1.2em; top:-3.2em;width:1.5em;height:1.5em ;     background-color: transparent;}
  .sm_user {border:0px solid yellow; position:relative; left:4.0%; top:7em;width:85%; height:50%;border-radius: 10%;background:transparent; color:black; font-size:2em; }
    .useridU {border: 0px solid tan;  position:relative; left:0.0%;  top:0.5em; width:26%;height:1.2em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;color:white; font-size:20px;font-weight:bold; background:transparent;box-shadow: 0 0 50px black;}
    .useridUi {border: 0px solid cyan;position:relative; left:26.0%; top:-1.0em; width:70%;height:auto;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:0px;border-radius: 10%;overflow: hidden;color:black; font-size:20px;font-weight:normal; background:white;box-shadow: 0 0 0px none;}

#sm_loginF  {border:0px solid darkgrey; position:absolute;  left:28.0%; top:1.0%;width:40%; height:65%;border-radius: 10%;background:#DEB887 url(img/Background_login.gif); color:black; font-size:80%;box-shadow: 0 0 30px white; }
  .bounceWelcF  {border: 0px solid Green;position:relative; left:25.0%; top:-52.0%; width:70%;height:25%;padding-left:0px;padding-right:0px;padding-bottom:3px;padding-top:0px;border-radius: 10%;overflow: hidden;color:#7FFF00; text-align:center;font-size:180%;font-weight:bold; background:transparent;box-shadow: 0 0 50px  	#6A5ACD;}
     .cqWelcF  {border: 0px solid blue;position:relative; left:0.0%; top:0.0%; width:70%;height:50%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;color:#7FFF00; text-align:center;font-size:1.2em;line-height:1em;font-weight:bold; background:transparent;box-shadow: 0 0 50px  	#6A5ACD;}
     .bounceLoginLoader2F {border:0px solid #FF8C00;  position:relative; left:1.2em; top:-3.2em;width:1.5em;height:1.5em ;     background-color: transparent;}
  .sm_userF {border:0px solid yellow; position:relative; left:4.0%; top:7em;width:85%; height:50%;border-radius: 10%;background:transparent; color:black; font-size:2em; }
    .useridUF {border: 0px solid tan;  position:relative; left:0.0%;  top:0.5em; width:26%;height:1.2em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;color:white; font-size:20px;font-weight:bold; background:transparent;box-shadow: 0 0 50px black;}
    .useridUiF {border: 0px solid cyan;position:relative; left:26.0%; top:-1.0em; width:70%;height:auto;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:0px;border-radius: 10%;overflow: hidden;color:black; font-size:20px;font-weight:normal; background:white;box-shadow: 0 0 0px none;}

.useridS {border: 30px solid yellow;position:relative; left:3.7%; top:-3.6%; width:30%;height:10%;padding-left:0px 10px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 35%;overflow: hidden;color:Red; font-size:65px;font-weight:bold; background:#FFFFF0;box-shadow: 0 0 50px grey; }


.useridC {border: 1px solid white;position:relative; left:0em; top:5em; width:165px;height:20px;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:0px;border-radius: 10%;overflow: hidden;color:white; font-size:20px;font-weight:bold; background:#32CD32;box-shadow: 0 0 50px black;}
.useridCi {border: 0px solid black;position:relative; left:8.5em; top:2.4em; width:310px;height:20px;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:0px;border-radius: 10%;overflow: hidden;color:white; font-size:20px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.userWp   {border: 0px solid red;position:relative; left:9.8em; top:-29.3em; width:150px;height:53px;padding-left:30px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;color:White; font-size:15px;font-weight:bold; background:    #0000FF;box-shadow: 0 0 50px black;}

/* submitbutton addr      */
.subbutC0{border: 0px solid red;position:absolute; left:14.2em; top:11.6em; width:5px;height:20px;cursor:pointer;padding:0px 25px;padding-left:15px;padding-right:35px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:#f3f3f3;font-size:1.1em;}
.subbut0{border: 0px solid red;position:absolute; left:14.5em; top:12.5em; width:52px;height:5px;cursor:pointer;padding:12px 26px;background:transparent;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 0px rgba(0,0,0, 0);color:#f3f3f3;font-size:1.1em;}
/* subb fotoS           */
.subbutC1{border: 4px solid red;position:relative; left:20.2em; top:0.6em; width:15px;height:20px;cursor:pointer;padding:0px 25px;padding-left:15px;padding-right:35px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:#f3f3f3;font-size:1.1em;}
.subbut1{border: 4px solid Blue;position:absolute; left:11.5em; top:12.5em; width:52px;height:5px;cursor:pointer;padding:12px 26px;background:transparent;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 0px rgba(0,0,0, 0);color:#f3f3f3;font-size:1.1em;}
/*subb login/changeP  */
.subbutC{border: 4px solid red;position:absolute; left:28.0em; top:10.2em; width:55px;height:40px;cursor:pointer;padding:0px 25px;padding-left:15px;padding-right:35px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:#f3f3f3;font-size:1.1em;}
.subbut{border: 2px solid grey;position:absolute; left:85.3%; top:83.5%; width:15%;height:15%;cursor:pointer;padding:0px 0px;background:rgb(76, 175, 80);border-radius: 30px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 0px rgba(0,0,0, 0);color:#f3f3f3;font-size:1.3em;font-weight:bold;}
.subchp{border: 2px solid grey;position:absolute; left:29.2em; top:24.5em; width:55px;height:55px;cursor:pointer;padding:0px 0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 0px rgba(0,0,0, 0);color:#f3f3f3;font-size:1.3em;font-weight:bold;}

.LogWarn {border: 10px solid red;position:absolute; left:8.7em; top:6.1em; width:auto;height:auto;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;color:lime green; font-size:3em;font-weight:bold; background:transparent;box-shadow: 0 0 0px grey;}

.subLink {display:none}
.subLinkM {border: 4px solid red;position:absolute; left:80%; top:30%; width:45px;height:130px;display:none}
.MainLinkMT   {display:none;border:4px solid Tan; position:absolute; left:30%; top:42%; width:auto; height:auto; clear:center;color:blue; font-size:100%;border-radius: 30%; }
.subLinkMT {border: 4px solid Yellow;position:absolute; left:10%; top:30%; width:45px;height:130px;display:none}
.subLinkItemsT {border: 0px solid red;display:none;}

/* collectSearchData for myAlbum */
.outF {border: 10px solid red;position:absolute;left:0em; top:50em;width:80em;height:auto;color:red; font-size:16px;font-weight:bold;border-radius: 0%;overflow: hidden;background: transparent;}
.creatSHint {border: 0px solid yellow;position:absolute; left:45%; top:8.0%; width:40%;height:auto;animation: blink 1s steps(2, start) 10s;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 3%;overflow:hidden;color:red; font-size:1.3em;font-weight:bold; background:transparent;box-shadow: 0 0 60px black;}
.giveHint {border: 0px solid yellow;position:absolute; left:46%; top:8%; width:10%;height:auto;animation: blink 1s steps(2, start) 2s;padding-left:0px;padding-right:30px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow:hidden;color:black; font-size:0.9em;font-weight:bold; background:transparent;box-shadow: 0 0 0px black;}
.giveHintD {border: 0px solid Blue;position:absolute; left:30.0%; top:50.0%;width:auto;height:auto;line-height:0px;padding-left:10px;padding-right:0px;padding-bottom:10px;padding-top:10px;border-radius: 10%;overflow: hidden;color:black; font-size:0.8em; background:  	transparent;align-content:center;box-shadow: 0 0 0px gray;}
.giveHintD1 {border: 0px solid Blue;position:absolute; left:0.0%; top:0.0%;width:auto;height:auto;animation: blink 1s steps(2, start);line-height:0px;padding-left:10px;padding-right:0px;padding-bottom:10px;padding-top:10px;border-radius: 3%;overflow: hidden;color:black; font-size:0.5em; background:  	transparent;align-content:center;box-shadow: 0 0 0px gray;}

.boxf-avSW {border: 0px solid #464646;position:absolute;left:20em; top:0em;width:15em;height:1em;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 3%;text-align:left;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}

/* ########################################upload input mask  and SW   boyf-hint is the titel, it must be here but dont know why*/


.boxd-hint {border: 10px solid red;position:relative; left:0em; top:-1em; width:50em;height:5em;padding-left:15px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 4%;overflow: hidden;color:oldLace; font-size:18px;font-weight:bold; background:transparent ;box-shadow: 0 0 0px none;}
.boxd-sw1 {border: 10px solid #464646;position:relative;left:0.1em; top:-6em;width:10em;height:4em;padding-left:15px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.boxd-sw2 {border: 10px solid #464646;position:relative;left:0.1em; top:-6em;width:10em;height:4em;padding-left:15px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.boxd-seld {border: 10px solid #464646;position:relative;left:0.1em; top:-6em;width:10em;height:4em;padding-left:15px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.boxd-sub  {border: 10.1px solid #F0FFF0;position:absolute;left:30em; top:28.5em;width:10em;height:3em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}


/* #####################################################################end of uplad mask    */
.boxd-hint {border: 10px solid red;position:relative; left:0em; top:-1em; width:50em;height:5em;padding-left:15px;padding-right:0px;padding-bottom:20px;padding-top:0px;border-radius: 4%;overflow: hidden;color:oldLace; font-size:18px;font-weight:bold; background:transparent ;box-shadow: 0 0 0px none;}
.boxd-sw1 {border: 10px solid #464646;position:relative;left:0.1em; top:-6em;width:11em;height:4em;padding-left:15px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.boxd-sw2 {border: 10px solid #464646;position:relative;left:0.1em; top:-6em;width:11em;height:4em;padding-left:15px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.boxd-seld {border: 10px solid #464646;position:relative;left:0.1em; top:-6em;width:13em;height:4em;padding-left:15px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.boxd-sub  {border: 10.1px solid #F0FFF0;position:absolute;left:38em; top:29.5em;width:10em;height:3em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}

/*   sWordsel and img are vanished in no css file avaailble yet it works except for firefox and cq
.sWordsel2  {border: 11px solid green;position:relative;left:0em; top:10.0em;width:auto;height:auto;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;background: 	#7FFF00;font-size:0.7em;font-weight:bold;text-align:left;box-shadow: 0 0 3px gray;}
.sWordimg2  {border: 5px solid green;position:absolute;left:10em; top:10.0em;width:auto;height:auto;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;background: 	#7FFF00;font-size:0.7em;font-weight:bold;text-align:left;box-shadow: 0 0 3px gray;}
*/

/* ########################################################################### uploadProgress in collectU....php  runnning */
#bar_blank{border: 0px solid green; position:absolute;left:55em; top:-59em;width:auto;height:auto; background-color: transparent;display: none;}
#bar_color {border: 0px solid yellow;position:relative;left:0%; top:55%;width:0%;height:0%; background-color: red;}
#hidden_iframe {border: 0.5px solid red; position:fixed;left:38%; top:7.0em; width:4em;height:4em;border-radius:100%;}
#status {border:0px solid grey;   position:relative;left:0%; top:0.5em;width:0%;height:0%;font-size:20px;font-weight:bold; background-color: transparent;color:transparent;}

/* ########################################################################### uploadProgress in collectU....php  imgRotate in uploadProgress   hint*/
#XupProgress {border: 0px solid Tan; position:absolute;left:10.7em; top:30.2em;width:40em;height:20em;color:White; font-size:15px;font-weight:bold; background-color: transparent;overflow-x:hidden;overflow-y:hidden;}
#upHint {border: 0.0px solid yellow;position:absolute;left:39.0%; top:7em;width:0%;height:2.9%;color:red; font-size:1.3em;font-weight:bold; background-color:;border-radius: 10%;overflow-x:hidden;overflow-y:hidden;}
.smFace {border: 0.0px solid green;position:fixed;left:23.0em; top:2.0em;width:8em;height:4em;color:red; font-size:22px;font-weight:bold; background-color: transparent;border-radius: 30%;overflow-x:hidden;overflow-y:hidden;}

#XsubClick {border: 0.0px solid #F0FFF0;position:absolute;left:37em; top:15.0em;width:11em;height:3em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}
#XavailableSW {border: 0.0px solid green;position:fixed;left:35em; top:4.5em;width:35em;height:12em;color:red; font-size:26px;font-weight:bold; background-color: transparent;border-radius: 30%;overflow-x:hidden;overflow-y:hidden;}

/* ###################################################################################################################################### reqSW.php    */
.reqSWti      {border:15px solid #FF8C00;position:relative; left:15.0%; top:-1.0%;  width:65%; height:1.0em; text-align:center;color:white;align-content:center;font-weight:bold;font-size:28px;  padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%;overflow: hidden;background: #FF8C00 ;box-shadow: 0 0 0px gray;}
.reqSWIth     {border:0px solid tan;position:relative; left:0.0%; top:0%;width:20em;height:0em; text-align:center; align-content:left; color:#FF8C00;background:black; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqSWciAkafi {border:10px solid red;position:absolute; left:96.3%; top:19.0%; width:5%;height:4%; text-align:center; align-content:left; background:transparent; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqSWciAkafiG {border:10px solid transparent;position:absolute; left:96.3%; top:22.8%; width:5%;height:4%; text-align:center; align-content:left; background:transparent; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.cancelReqSW  {border:11px solid #D2B48C;position:relative; left:1%; top:0em;width:0.7em;height:1.3em; padding-bottom:90px; text-align:bottom;color:black; font-weight:bold;font-size:16px;border-radius: 60%; background:#35b128; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.intialReqSW  {border:11px solid #D2B48C;position:relative; left:3%; top:0em;width:0.7em;height:1.3em; padding-bottom:90px; text-align:bottom;color:black; font-weight:bold;font-size:16px;border-radius: 60%; background:#35b128; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqSWgobAkafi{border:0px solid green;position:absolute; left:96.5%; top:12.5%; width:5%;height:3%; text-align:center; align-content:left; background:transparent; overflow: hidden; border-collapse:collapse; padding:0px 0px; }
.reqSWWarn     {border: 0px solid red;position:absolute; left:15.0%; top:25.0%; width:auto;height:auto;animation: blink 1s steps(2, start) infinite;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 8%;overflow: hidden;color:white; font-size:22px;font-weight:bold; background:transparent;box-shadow: 0 0 0px none;}
.reqSWSubR   {border:0.1px solid red;position:relative; left:26%; top:-30.5%;width:50px;height:40px;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:40px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.3em; }
.reqSWSubR2   {border:0.2px solid red;position:relative; left:14%; top:-4.0em;width:45px;height:35px;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:4px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.1em; }
.reqSWSubR2   {border:0.2px solid red;position:relative; left:10%; top:0.0em;width:45px;height:35px;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:4px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.1em; }

  /* ######################################################################################## last valid  reqSW.php  */
/*
.XreqSWakafi {border:0px solid Cyan;position:absolute; left:70%; top:15%;width:30%;height:35%;background: transparent url(img/XBackground_content.jpg); padding:0px 0px; float:top }
.reqSWTit    {border:0px solid green;  position:relative; left:0.5em; top:-10.7%; width:85%; height:15%;  padding:0px 0px;line-height:15px;text-align:center;color:#FF8C00; font-size:18px;font-weight:bold;  background:transparent;}
.reqSWTitB    {border:0px solid blue;  position:relative; left:1.1%; top:-6.0%; width:95%; height:15%;  padding:0px 0px;line-height:15px;text-align:center;color:#FF8C00; font-size:18px;font-weight:bold;  background:transparent;}
.reqSWSub     {border:0.0px solid red;position:relative; left:22%; top:-0.5em;width:60px;height:20px;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:25px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.3em; }
*/
/*  seleTit wrap the title till down reqSWPtit/G the parent
.seleTit {border:0px solid green;  position:relative; left:0%; top:-4.5em; width:110%; height:22%;  padding:0px 0px;text-align:center;color:red; font-size:16px;font-weight:bold;  background:transparent;}
.reqSWselect {border: 2px solid yellow;position:relative;left:-6.0%; top:4.2em;width:30%;height:40%;padding-left:-1.0px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;font-weight:bold;font-size:18px; background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.reqSWselectG {border: 2px solid yellow;position:relative;left:-3%; top:3.0em;width:40%;height:40%;padding-left:-1.0px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;font-weight:bold;font-size:18px; background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.reqSWPtit   {border: 0.0px solid #FF8C00;position:absolute;left:39.5%; top:1.5em;width:auto;height:90%;font-weight:bold;font-size:2em; padding-left:7px;padding-right:10px;padding-bottom:0px;padding-top:35px;border-radius:0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
.reqSWselectB {border: 2px solid yellow;position:relative;left:1%; top:5.5em;width:50%;height:30%;padding-left:-1.0px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;font-weight:bold;font-size:18px; background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
.reqSWPtitB   {border: 0.0px solid #FF8C00;position:absolute;left:42.5%; top:3.2em;width:auto;height:90%;font-weight:bold;font-size:22px; padding-left:7px;padding-right:10px;padding-bottom:0px;padding-top:30px;border-radius:0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
*/

/*  Gera -- collectSakafi   wrap the first half select area with titile boxf-hint,boxfG-warn , Then boxf- the select boxes   */                 */
.XinputAkafi {border:10px solid yellow;position:absolute; left:25.0%; top:2em;width:60%;height:20%;background:transparent url(img/XBackground_content.jpg); padding:0px 0px; float:top }
.collectSakafi {border:0px solid Tan;position:absolute; left:10%; top:1.4%;width:75.5%;height:35%;background: transparent url(img/XBackground_content.jpg); padding:0px 0px; float:top }
 .boxf-hint {border: 0px solid green;position:relative; left:5%; top:0em; width:85%;height:40%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 3%;overflow: hidden;color:oldLace;line-height:1em;text-align:center;  align-content:left; font-size:1.3em;font-weight:bold; background:transparent ;box-shadow: 0 0 0px none;}
 .boxf-warn {border: 0px solid yellow;position:relative; left:36.0%; top:-8.0%; width:19%;height:1em;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:0px;border-radius: 3%;overflow: hidden;color:Red; font-size:0.6em;font-weight:bold;text-align:left; background:black ;box-shadow: 0 0 0px none;}
 .boxfG-warn {border:0px solid red;position:relative; left:0.0%; top:10%; width:40%;height:5%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 3%;overflow: hidden;color:Red; font-size:12px;font-weight:bold;text-align:left; background:black ;box-shadow: 0 0 0px none;}
/* select area */
 .boxf-sw0  {border: 0px solid #464646;position:relative;left:7%; top:5%;width:20%;height:15%;line-height:10px; font-size:12px;font-weight:bold;color:blue;padding-left:0px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
 .boxf-sw1  {border: 0px solid #464646;position:relative;left:7.8%; top:5%;width:20%;height:15%;font-size:12px;font-weight:normal;color:blue;padding-left:0px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
 .boxf-sw2  {border: 0px solid #464646;position:relative;left:8.6%; top:5%;width:20%;height:15%;font-size:14px;font-weight:bold;color:Blue;padding-left:0px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 0px gray;}
 .boxf-self {border: 0px solid #464646;position:relative;left:9.4%; top:5%;width:20%;height:15%;font-size:12px;font-weight:bold;color:blue;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
 .boxf-lab + label {border: 0px solid #464646;position:relative;left:0.1em; top:0em;width:10em;height:2em;z-index: -1;cursor: pointer; outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
 .boxf-sub  {border: 0.1px solid #F0FFF0;position:relative;left:80%; top:45.0%;width:20%;height:20%;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:2em;}
 .boxfG-sub  {border: 0.1px solid #F0FFF0;position:relative;left:71.0%; top:1.0em;width:20%;height:20%;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:2em;}
 .boxfG-subB  {border: 0.1px solid #F0FFF0;position:relative;left:70.5%; top:0.5em;width:20%;height:20%;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:2em;}
 .textf-Or   {border: 0px solid #464646;position:relative;left:8.5em; top:-0.5em;width:3em;height:1em;color:red; font-size:25px;font-weight:bold;padding-left:30px;padding-right:0px;padding-bottom:0px;padding-top:15px;border-radius: 100%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}

/*  Gera -- reqSWTAkafi wrap the the 2nd half, underneath is the title, select box, init the selected title the parent, underneath the children and their descriptions                 */
.reqSWTAkafi  {border:0.5px solid violet;position:absolute; left:9%; top:38%;  width:80%;height:70%;align-content:center;:-webkit-scrollbar width 0px; :-scrollbar-width 0px; border-radius: 10px; background:transparent;box-shadow: 0 0 20px grey;}
.reqSWTAkafiB  {border:0.5px solid violet;position:absolute; left:9%; top:40%;  width:80%;height:60%;align-content:center;:-webkit-scrollbar width 0px; :-scrollbar-width 0px; border-radius: 10px; overflow-x:hidden;overflow-y:hidden;background:transparent;box-shadow: 0 0 20px grey;}
/*  title */
  .reqSWTitG    {border:0px solid blue;  position:relative; left:1.2em; top:-2.0%; width:90%; height:15%;  padding:0px 0px;line-height:15px;text-align:center;color:#FF8C00; font-size:1.5em;font-weight:bold;  background:transparent;}
  .reqSWTitGB    {border:0px solid blue;  position:relative; left:2%; top:-1.0em; width:90%; height:auto;  padding:0px 0px;line-height:15px;text-align:center;color:#FF8C00; font-size:18px;font-weight:bold;  background:transparent;}
/*  selectbox */
    .reqSWselectG {border: 2px solid yellow;position:relative;left:20%; top:-17%;width:40%;height:10%;padding-left:-1.0px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;font-weight:bold;font-size:16px; background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
    .reqSWselectGB {border: 2px solid yellow;position:relative;left:20%; top:-0.5em;width:50%;height:10%;padding-left:-1.0px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;font-weight:bold;font-size:16px; background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
/*  selected */
      .xreqSWPtitG  {border: 0.0px solid #FF8C00;position:relative;left:39%; top:-27%;width:auto;height:50%;font-weight:bold;font-size:22px; padding-left:7px;padding-right:10px;padding-bottom:0px;padding-top:35px;border-radius:0%;overflow: hidden;background:transparent;box-shadow: 0 0 0px none;}
      .reqSWPtitG   {border: 0.0px solid cyan;position:relative;left:40%; top:-27.3%;width:auto;height:50%;font-weight:bold;font-size:2em;color:red;text-align:xx; align-content:xx; padding-left:10px;padding-right:10px;padding-bottom:0px;padding-top:0px;border-radius:20%;overflow: hidden;background:transparent;box-shadow: 0 0 40px black;}
      .reqSWPtitGB   {border: 0.0px solid cyan;position:relative;left:40%; top:-13%;width:auto;height:50%;font-weight:bold;font-size:2em;color:red;text-align:xx; align-content:xx; padding-left:10px;padding-right:10px;padding-bottom:0px;padding-top:0px;border-radius:20%;overflow: hidden;background:transparent;box-shadow: 0 0 40px black;}
/*  description area */
        .reqSWIDAkafiG {border:0px solid darkred;position:relative; left:5.0%; top:-8em; width:80%;height:70%; text-align:center; align-content:left; background:GoldenRod; overflow-x:hidden;overflow-y:auto;:-webkit-scrollbar width 10px; :-scrollbar-width 10px; border-collapse:collapse; border-radius: 3%;box-shadow: 0 0 40px black;}
        .reqSWIDAkafiGB {border:0px solid darkred;position:relative; left:5.0%; top:-2.5em; width:80%;height:70%; text-align:center; align-content:left; background:GoldenRod; overflow-x:hidden;overflow-y:auto; border-collapse:collapse; border-radius: 3%;box-shadow: 0 0 40px black;}
          .reqSWtG {border:0px solid yellow;position:relative; left:0%; top:0%;  width:99%;  height:auto;   color:FireBrick;text-align:center;align-content:center;font-weight:bold;font-size:1.1em; line-height:1em;  padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%; ::-scrollbar-width 0px; overflow-x: auto;overflow-y:hidden; white-space: nowrap;background:transparent;box-shadow: 0 0 0px gray;}
          .TitCenG   {border: 0px solid red;position:relative; left:0%; top:4%; width:99%;  height:auto;color:red;text-align:center;align-content:center;font-weight:bold;font-size:1.3em;line-height:15px;}

 /*  Mehal -- collectSakafi   wrap the first half select area with titile boxf-hint,boxfG-warn , Then boxf- the select boxes   */                 */
.XinputAkafi {border:10px solid yellow;position:absolute; left:25.0%; top:2em;width:60%;height:20%;background:transparent url(img/XBackground_content.jpg); padding:0px 0px; float:top }
.collectSakafiM {border:0px solid Tan;position:absolute; left:10%; top:1.4%;width:75.5%;height:35%;background: transparent url(img/XBackground_content.jpg); padding:0px 0px; float:top }
 .boxf-hintM {border: 0px solid green;position:relative; left:10%; top:0.0em; width:85%;height:30%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 3%;overflow: hidden;color:oldLace;line-height:1em;text-align:center;  align-content:left; font-size:1.3em;font-weight:bold; background:transparent ;box-shadow: 0 0 0px none;}
 .boxf-warnM {border: 10px solid yellow;position:relative; left:36.0%; top:-8.0%; width:19%;height:1em;padding-left:0px;padding-right:0px;padding-bottom:10px;padding-top:0px;border-radius: 3%;overflow: hidden;color:Red; font-size:0.6em;font-weight:bold;text-align:left; background:black ;box-shadow: 0 0 0px none;}
 .boxfG-warnM {border:0px solid red;position:relative; left:0.0%; top:10%; width:40%;height:5%;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 3%;overflow: hidden;color:Red; font-size:12px;font-weight:bold;text-align:left; background:black ;box-shadow: 0 0 0px none;}
/* select area */
 .boxf-sw0M  {border: 0px solid #464646;position:relative;left:10%; top:5%;width:20%;height:15%;line-height:10px; font-size:12px;font-weight:bold;color:blue;padding-left:0px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
 .boxf-sw1M  {border: 0px solid #464646;position:relative;left:10.8%; top:5%;width:20%;height:15%;font-size:12px;font-weight:normal;color:blue;padding-left:0px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
 .boxf-sw2M  {border: 0px solid #464646;position:relative;left:11.6%; top:5%;width:20%;height:15%;font-size:14px;font-weight:bold;color:Blue;padding-left:0px;padding-right:5px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 0px gray;}
 .boxf-selfM {border: 0px solid #464646;position:relative;left:12.4%; top:5%;width:20%;height:15%;font-size:12px;font-weight:bold;color:blue;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 30%;overflow: hidden;background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
 .boxf-subM  {border: 0.1px solid green;position:relative;left:73.5%; top:0.8em;width:20%;height:20%;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:2em;}
 .boxfG-subM  {border:0.1px solid #F0FFF0;position:relative;left:71.0%; top:1.0em;width:20%;height:20%;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:2em;}
 .boxfG-subMB  {border: 0.1px solid #F0FFF0;position:relative;left:70.5%; top:0.5em;width:20%;height:20%;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:2em;}

/*  Mehal -- reqSWTAkafi wrap the the 2nd half, underneath is the title, select box, init the selected title the parent, underneath the children and their descriptions                 */
 .reqSWTAkafiM  {border:0.5px solid green;position:absolute; left:12%; top:30%;  width:80%;height:65%;align-content:center;:-webkit-scrollbar width 0px; :-scrollbar-width 0px; border-radius: 10px; overflow-x:hidden;overflow-y:hidden;background:transparent;box-shadow: 0 0 20px grey;}
 .reqSWTAkafiMB {border:0.5px solid green;position:absolute; left:12%; top:40%;  width:80%;height:60%;align-content:center;:-webkit-scrollbar width 0px; :-scrollbar-width 0px; border-radius: 10px; overflow-x:hidden;overflow-y:hidden;background:transparent;box-shadow: 0 0 20px grey;}
/*  title */
   .reqSWTitM    {border:0px solid blue;  position:relative; left:5%; top:-0.5%; width:90%; height:15%;  padding:0px 0px;line-height:15px;text-align:center;color:#FF8C00; font-size:1.5em;font-weight:bold;  background:transparent;}
   .reqSWTitMB    {border:0px solid blue;  position:relative; left:2%; top:-1.0em; width:90%; height:auto;  padding:0px 0px;line-height:15px;text-align:center;color:#FF8C00; font-size:18px;font-weight:bold;  background:transparent;}
/*  selectbox */
    .reqSWselectM {border: 2px solid yellow;position:relative;left:20%; top:-5%;width:40%;height:10%;padding-left:-1.0px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;font-weight:bold;font-size:16px; background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
    .reqSWselectMB {border: 2px solid yellow;position:relative;left:20%; top:-1.5em;width:40%;height:10%;padding-left:-1.0px;padding-right:25px;padding-bottom:0px;padding-top:0px;border-radius: 10%;overflow: hidden;font-weight:bold;font-size:16px; background: 	#DCDCDC;box-shadow: 0 0 3px gray;}
/*  selected */
      .reqSWPtitM   {border: 0.0px solid cyan;position:relative;left:36%; top:-2.4em;width:auto;height:50%;font-weight:bold;font-size:2em;color:red;text-align:xx; align-content:xx; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius:20%;overflow: hidden;background:transparent;box-shadow: 0 0 40px black;}
      .reqSWPtitMB   {border: 0.0px solid cyan;position:relative;left:36%; top:-2.4em;width:auto;height:50%;font-weight:bold;font-size:2em;color:red;text-align:xx; align-content:xx; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius:20%;overflow: hidden;background:transparent;box-shadow: 0 0 40px black;}
/*  description area */
        .reqSWIDAkafiM {border:0px solid darkred;position:relative; left:5.0%; top:-2.4em; width:75%;height:70%; text-align:center; align-content:left; background:GoldenRod; overflow-x:hidden;overflow-y:auto; border-collapse:collapse; border-radius: 3%;box-shadow: 0 0 40px black;}
        .reqSWIDAkafiMB {border:0px solid darkred;position:relative; left:5.0%; top:-2.4em; width:70%;height:80%; text-align:center; align-content:left; background:GoldenRod; overflow-x:hidden;overflow-y:auto; border-collapse:collapse; border-radius: 3%;box-shadow: 0 0 40px black;}
          .reqSWt {border:0px solid white;position:relative; left:0%; top:0%;  width:99%;  height:auto;   color:white;text-align:center;align-content:center;font-weight:bold;font-size:1.1em; line-height:1em;  padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;border-radius: 0%; ::-scrollbar-width 0px; overflow-x: auto;overflow-y:hidden; white-space: nowrap;background:transparent;box-shadow: 0 0 0px gray;}
          .TitCen {border: 0px solid red;position:relative; left:0%; top:4%; width:99%;  height:auto;color:red;text-align:center;align-content:center;font-weight:bold;font-size:18px;line-height:15px;}

/* ################################################################################## end of lst valid searchWord history */

#badge {border: 10px solid Tan; position:absolute;left:54.7em; top:15.2em;width:auto;height:auto; background-color: transparent;}
.boxT  {border: 10.0px solid #F0FFF0;position:absolute;left:37em; top:15.0em;width:11em;height:3em;cursor:pointer;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;background:rgb(76, 175, 80);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 40px rgba(0,0,0, 20.75);-moz-box-shadow: 0 0 40px rgba(0,0,0, 5.75);box-shadow: 0 0 4px rgba(0,0,0,1);color:black;font-size:1.0em;}


/* #################################  shapes in html   bouncing circle rectangle etc #bounCir-->cUD--bounCir2-->cSA#################### */
.bounCir {border:0px solid green; position:absolute; left:39%; top:65%;width:10em;height:1% ;   background-color:transparent; display: Xflex;align-items: center;justify-content:left;}
.bounCirLoader {border:0px solid red;  position:relative; left:0em; top:0em;width:5em;height:4em ;     background-color: transparent;}
 .segment {border:10px solid green; position:absolute; left:10em; top:0.2em;width:93.5em;height:85em;}
.segFill {fill: yellow;stroke: yellow;stroke-width: 1;}
.segEdge {fill: none;stroke: yellowgreen;stroke-width: 9;}
.rectCss {border:2px solid white; position:relative; left:0%; top:0%;width:2%;height:13% ;   background-color:transparent; display: Xflex;align-items: center;justify-content:left;}

.bounceRas {border:0px solid green; position:absolute; left:-5%; top:0.2em;width:3.5em;height:5em;   background-color:transparent; display: Xflex;align-items: center;justify-content:left;}
.bounceRasY {border:0px solid green; position:absolute; left:0em; top:0.5em;width:2.5em;height:2.5em;   background-color:transparent; display: Xflex;align-items: center;justify-content:left;}
.bounceRasLoader {border:0px solid #FF8C00;  position:relative; left:-1.5em; top:-0.5em;width:4em;height:3em ;     background-color: transparent;}

.XbounceLogin {border:0px solid green; position:absolute; left:-0.0em; top:1.5em;width:14.5em;height:2.5em;   background-color:transparent; display: Xflex;align-items: center;justify-content:left;}
.XbounceLoginLoader {border:0px solid #FF8C00;  position:relative; left:-0.5em; top:-0.5em;width:4em;height:3em ;     background-color: transparent;}

/* rotating image and shapes in css & svg  */
.ShapesImg {border:0px solid green; position:absolute; left:25em; top:-35em;width:10em;height:10em;background-color:transparent; -webkit-animation: rotation 52s infinite linear;border-radius: 100%;}
.bounCir2 {border:0px solid yellow; position:relative;left:0em; top:1em;width:auto;height:auto;background-color:transparent; display: Xflex;align-items: center;justify-content:left;}
#rotatInfi {border:0px solid red; position:relative; left:10em; top:10em;width:1em;height:1em;background-color:transparent; -webkit-animation: rotation 52s infinite linear;}
#rotatInfi2 {border:0px solid yellow; position:relaive; left:-30.0em; top:20.0em;width:1.0em;height:1.0em;background-color:transparent; -webkit-animation: rotation 52s infinite linear;border-radius: 100%;}
#rotatInfi2B {border:0px solid yellow; position:relative; left:0.0em; top:4.0em;width:1.1em;height:1.1em;background-color:transparent; -webkit-animation: rotation 52s infinite linear;border-radius: 100%;}

/*    arrow next & prev as ascii   */
.arrowN2  {border:0.0px solid transparent;position:absolute; left:98.0%; top:46%;width:2.5%;height:5%; background-color:transparent;border-radius: 100%;padding-left:0px;padding-right:0px;padding-bottom:50px;padding-top:0px;text-align:top;color: #7FFF00;font-size:3em;font-weight:bold;background:black  url(img/bgImg/Background_content.jpg); cursor:pointer;box-shadow: 0 0 40px black;}
.arrowN2:hover {border:0px solid yellow; position:absolute; left:95.0%; top:14.5%;width:5%;height:75%;background-color:transparent; border-radius: 10%;color:#7FFF00;text-align:left;align-content:left;font-weight:bold;font-size:7em;line-height:0px;background:transparent ;}
.arrowN2F  {border:0.0px solid transparent;position:absolute; left:98.0%; top:46%;width:2.5%;height:5%; background-color:transparent;border-radius: 100%;padding-left:0px;padding-right:0px;padding-bottom:50px;padding-top:0px;text-align:top;color: #7FFF00;font-size:3em;font-weight:bold;background:black  url(img/bgImg/Background_content.jpg); cursor:pointer;box-shadow: 0 0 40px black;}
.arrowN2F:hover {border:0px solid yellow; position:absolute; left:96.0%; top:14%;width:10%;height:75%;background-color:transparent; border-radius: 10%;color:#7FFF00;text-align:left;align-content:left;font-weight:bold;font-size:6em;line-height:0px;;background:transparent ; text-decoration: underline }
.arrowP2  {border:0.0px solid Red;position:absolute;  left:-0.5%;top:43%;width:2.3%;height:5.5%;background-color:transparent;border-radius: 100%;padding-left:0px;padding-right:0px;padding-bottom:50px;padding-top:0px;text-align:top;color: #7FFF00;font-size:3em;font-weight:bold;background:black  url(img/bgImg/Background_content.jpg); cursor:pointer;box-shadow: 0 0 40px black;}
.arrowP2:hover {border:0px solid blue; position:absolute; left:-0.5%; top:12%;width:5%;height:75%;background-color:transparent; border-radius: 10%;color:#7FFF00;text-align:left;align-content:left;font-weight:bold;font-size:7em;line-height:0px;background:transparent ;box-shadow: 0 0 0px none;}
.arrowP2F  {border:0.0px solid transparent;position:absolute;  left:-0.5%;top:43%;width:2.3%;height:5.5%;background-color:transparent;border-radius: 100%;padding-left:0px;padding-right:0px;padding-bottom:50px;padding-top:0px;text-align:top;color: #7FFF00;font-size:3em;font-weight:bold;background:black  url(img/bgImg/Background_content.jpg); cursor:pointer;box-shadow: 0 0 40px black;}
.arrowP2F:hover {border:0px solid blue; position:absolute; left:-0.5%; top:12%;width:5%;height:75%;background-color:transparent; border-radius: 10%;color:#7FFF00;text-align:left;align-content:left;font-weight:bold;font-size:7em;line-height:0px;background:transparent ;box-shadow: 0 0 0px none;}



/*  list image,video & mainAlbumPage on the left/bottom of tns for quick access  */
.PicPOut     {border:0px solid blue; position:absolute;left:20%;top:93%;width:60%;height:4%;color:white;font-size:1.0em;text-align:right;background: #46464;}
.AllFilesOut {border: 12px solid #7FFF00;position:relative; left:0em; top:0em;width: 3em;height:3em;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.AllFilesOutB {border: 12px solid #7FFF00;position:relative; left:-95%; top:-8%;width: 30px;height:30px;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.BackBY2      {border: 2px solid Blue;position:relative; left:-80%; top:-0.5em;width:1.3em;height:1.3em;padding-left:10px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.magImgOut2   {border: 3.0px solid #7FFF00;position:relative; left:-13%; top:-9.5em;width: 3em;height:3em;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}
.listVPD   {border: 3.0px solid #7FFF00;position:relative; left:-9.5%; top:-5.0em;width: 3em;height:3.2em;padding-bottom: 0%;border-radius: 40%;overflow: hidden;background: #46464;box-shadow: 0 0 0px gray;}

.BackBRI      {border: 2px solid Blue;position:relative; left:40.0%; top:-9em;width:6%;height:4%;padding-left:0px;padding-right:10px;padding-bottom:5px;padding-top:10px;border-radius: 100%;overflow: hidden;color:#FF8C00; font-size:180%; background:  	#7FFF00;box-shadow: 0 0 3px gray;}
.BackG   {border:0px solid blue; position:absolute;left:-10em;top:70%;width:60%;height:60%;color:white;font-size:1.0em;text-align:right;background: #46464;}

polygon {
	fill: blue;
	stroke-width: 20.5;
	animation-name:  polyloader;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	transform-origin: 5% ;                            /*  orbit  */
	will-change: transform;
     fill:lime;stroke:purple;stroke-width:0.5;

}
rect {
	fill: blue;
	stroke-width: 5.5;
	animation-name: preloader;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	transform-origin: 0% ;                            /*  orbit  */
	will-change: transform;
}
/*
circle {
	fill: none;
	stroke-width: 5.0;
	animation-name: preloader;
	animation-duration: 30s;
	animation-iteration-count: 0.5;
	animation-timing-function: ease-in-out;
	transform-origin: 0% ;
	will-change: transform;
    stroke-dasharray: 500px;
	&:nth-of-type(1) {
		stroke-dasharray: 550px;
	}

	&:nth-of-type(2) {
		stroke-dasharray: 500px;
	}

	&:nth-of-type(3) {
		stroke-dasharray: 450px;
	}

	&:nth-of-type(4) {
		stroke-dasharray: 300px;
	}

	@for $i from 1 through 4 {
		&:nth-of-type(#{2}) {
			animation-delay: -#{$i * 0.15}s;
		}

	}
}
*/
circle {
	fill:#D2691E; fill:	#F4A460;
	stroke-width: 0.4;                      /* adjust size */
	animation-name: preLRas;
	animation-duration: 8.0s;
	animation-iteration-count: infinite;
   animation-timing-function: linear;

	transform-origin: 20%,0% ;
	will-change: transform;
    stroke-dasharray: 80%;
     stroke:#f5f5f5;
stroke:	#E0FFFF ;  stroke:	 #F4A460;
}
@keyframes preLRas {
	10% {
	transform: rotate(-20deg);
	}
}
@keyframes preloader {
	0% {
	transform: rotate(70deg);
        from {left: 0px;}
        to {left: 100%;}
	}
}
@keyframes polyloader {
	100% {
	transform: rotate(360deg);
        from {left: 0px;}
        to {left: 100%;}
	}
}
@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}


/* ################################# end of shapes in html  ########################## */


.TRakafi   {border:10.5px solid green;position:absolute; left:20%; top:10%;  width:50%;height:40%;align-content:center;:-webkit-scrollbar width 0px; :-scrollbar-width 0px; border-radius: 10px; overflow-x:auto;overflow-y:auto;background:transparent;box-shadow: 0 0 20px grey;}