/*
 * Copyright (c) 2016, 2024, 5 Mode. All rights reserved.
 * 
 * This file is part of ItalianFerry.
 * 
 * Avatar Free style sheet.
 *
 * @author Daniele Bonini <my25mb@aol.com>
 * @copyrights (c) 2016, 2024, 5 Mode 
 */

body {
    background: url(/res/0005_Beach_2.jpg) fixed;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #d9d9db;
    font-size: 15px;
}
a {
    font-size:11px;
    font-style:normal;
    color:#2b60a9;
    text-transform: uppercase;       
    text-decoration: none;          
}
a:hover {
}
ads {
  float: right;
  left: 650px;
  width:60px;
  height:133px;  
  display: none;
}
.author {
    font-size:11px;
    font-style:normal;
    font-weight: 600;
    color:#000000;
    text-transform: uppercase;
}
#ani {
    position:absolute;
    top:180px;
    left:220px;
    width: 500px;
    height:310px;
    border: 0px  solid #2b60a9;
    z-index:1
}
#anifixed {
    position:absolute;
    top:40px;
    left:220px;
    width: 500px;
    height:206px;
    border: 0px  solid #2b60a9;
    opacity: 0.5;
    border-radius: 5px;
    z-index:1
}
#appMenuIco {
  float:left; 
  position:relative; 
  top:1px; 
  left:-20px;
  cursor: pointer; 
}
.app-Menu {
  float:left; 
  position:relative; 
  width: 150px; 
  top:+43px; 
  left:+22px; 
  background:#313431; 
  cursor: pointer; 
}
#AFHint {
  width:100%;
  height:fit-content;
  position:fixed;
  top:-5px;
  background:yellow;
  color:darkorange;
  text-align:center;
  cursor:pointer;
  display:inline;
  z-index:99999;
}
#avatarLogo {
  float:left;
  width:255px;
  height:255px;
}
#avatarName {
  width:250px;
  height:255px;
  padding-top:122px;
  float:left;
  border:0px solid yellow;
  vertical-align:middle;
}
#bannerCookies {
  position: fixed; 
  top: 2000px; 
  left:-10px;
  width: 102%; 
  border: 1px solid #C2DBF2; 
  padding: 10px; 
  background: #000000; 
  color:white; 
  font-family: Sans;
  font-size: 12px; 
  text-align: center; 
  z-index: 19999;
  display:none;
}
#blog {
    clear:both;
    position:relative;
    top:220px;
    left:220px;
    width: 550px;
    height:100%;
   /* min-height:4300px;   */
    z-index:5;
    border:0px solid red;
}
#blogIndex {
  position:fixed;
  top:96px;
  width:480px;
  height: 564px;
  background-color: beige; 
  border-radius: 20px;
  padding-top:30px;
  z-index:7;
}
#blogIndexCont {
  position:absolute;
  top: 120px;
  left:530px;
  width: 562px;
  height:100%;
/*  min-height:4300px;      */    
  margin-left:55px;
}
#blogIndexMap {
  position:relative;
  /* top: 120px;*/
  left:-40px;
  width:558px;*/
}
.blog-section {
  float:left;
  width:500px;
}
.blog-section-title {
  color:#2b60a9;
  font-style: italic;
  font-weight: 900;
  font-size: 20px;
  margin-top:30px;
  margin-bottom:20px;          
}
.blog-entry {
  margin-bottom:20px;
}
.blog-entry-title {
  font-weight:900;
}
.buttondisplaylist {
  float:right; 
  position:relative; 
  left:-10px; 
  top:+2px; 
  background-color:transparent; 
  border:0px;
}
#cbLang {
  margin-left:22px;
  font-size:10px;
}
#content {
  width: 100%;
  height:100%;
 /* min-height:4300px;*/
}
#cudoz {
  width:250px;
  height:255px;
  padding-top:116px;
  float:left;border:0px solid green;
  vertical-align:middle;
}
.cudoz-entry {
  float:left;
  width:46px
}
.cv-entry {
  float:left;
  width:64px
}
#cvs {
  float:right;
  border:3px solid darkgray;
  border-radius:4px;
  padding:4px;
  background:#dadada;
  font-size:20px;
  font-family:'Press Start 2P';
  font-weight:900;
}
.date {
  font-size:11px;
  font-style:normal;
  color: #292727;
  text-transform: uppercase;
}
.dragover {
  width:100%;
  height:100%;
}
.element {
  width:80%; 
  margin:auto; 
  background-color:#FFFFFF; 
  border: 3px solid gray; 
  height:fit-content;
  margin-bottom:0px;
}
.element-ghost {
  width:80%; 
  margin:auto; 
  background-color:#FFFFFF; 
  border: 3px dashed lightgray; 
  height:fit-content; 
  margin-bottom:20px;
}
.eltxtfield0 {
  width:98%; 
  font-size: 34px; 
  border-radius:5px; 
  border:1px solid darkgray;
}
.eltxtfield {
  width:98%; 
  font-size: 34px; 
  border-radius:5px; 
  border:1px solid darkgray;
  border-right:0px;
  color: #444;
}
.eltxtarea {
  padding-left:20px; 
  padding-right:20px;
}
.eltitle {
  width:100%;
  height:33px; 
  background-color:gray;
  color:#FFFFFF;
}
.eltitleghost {
  width:100%;
  height:33px; 
  background-color:lightgray;
  color:#FFFFFF;
}
.file-entry {
  height:fit-content;
  min-height:120px;
  float:left;
  width:fit-content;
  border:0px solid green;
  padding:10px;
  text-align:center;
}
.file-ico {
  width:64px;
  border:0px solid gray;
}
#fileList {
  position:absolute; 
  top:-0px; 
  left:-5px;
  width:450px; 
  height:482px; 
  display:none;
}
#fireupload {
  position:absolute;
  width:255px;
  height:255px;
  border-radius: 90%; 
  display:none;
}
#footerCont {
  position: fixed; 
  top: 2000px; 
  left:-10px;
  width: 102%; 
  border: 1px solid #C2DBF2; 
  padding: 7px; 
  background: white; 
  opacity: 0.3;
  color:white; 
  font-family: Arial,Sans,Vardana;
  font-size: 12px; 
  text-align: center; 
  z-index: 99998;
}
#footer {
  float: right;
  top:-3000px;
  /*left:220px;*/
  width:99%;
  font-size:11px;
  margin-top: 550px;
  margin-right:20px;
  text-align:right;
  white-space: nowrap;
}
#footer0{
  position: fixed;
  float: right;
  top: 2000px; 
  left:-10px;
  width: 99%; 
  border: 0px solid #C2DBF2; 
  padding: 7px; 
  opacity: 1.0;
  color:black; 
  font-family: Arial,Sans,Vardana;
  font-size: 12px; 
  font-weight: 400;
  text-align: right; 
  white-space: nowrap;
  z-index: 99999;
}
#friends {
  float:left;
  position:relative;
  left:150px;
  margin:6%;
  margin-top:30px;
  width:500px;
  font-size:15px;
  font-weight:900;
  font-family:Arial,Sans,Verdana;
  color:#000000;
  background:#dadada
}
.friends-content {
  width:100%;
  float:left;
  border:3px solid transparent;
  border-radius:4px;
  color:#000000;
  padding-top:10px;
  text-align:center;
}
.friend-entry {
  height:fit-content;
  min-height:120px;
  float:left;
  width:fit-content;
  border:0px solid green;
  padding:10px;
  text-align:center;
}
.friend-ico {
  width:64px;
  border:0px solid gray;
}
#frmUpload {
  width: 950px;
}
#gallery {
  float:left;
  position:relative;
  left:150px;
  margin:6%;
  margin-top:250px;
  margin-bottom:5px;
  width:500px;
  font-size:15px;
  font-family:Arial,Sans,Verdana;
  color:#000000;
  background:#C2DBF2;
}
.gallery-content {
  width:100%;
  float:left;
  border:3px solid darkgray;
  border-radius:4px;
  color:#000000;
}
#hashMe {
  position:relative; 
  left:-2px; 
  top:+5px; 
  font-size:18px; 
  font-weight:900; 
  color:#000000;
}
#header {
  width:550px;
  float:left;
}  
.headline {
  float:left;
  font-size:17px;
  height:106px;
  margin-bottom:25px;
  padding-bottom: 10px;
  border-bottom:1px solid #2b60a9;
}
.headlineBody {
  color: #292727;
  font-style: italic;
  font-weight: 900;
  font-size:17px;
  text-transform: none;
}
.headlineBody:hover {
  cursor:pointer;
  color:#2b60a9;
  font-weight: 900;
}
#headlines {
  float:right;
  background-color: #d9d9db;
  position:absolute;
  top:80px;
  left:725px;
  width: 572px;
  height: 588px;
  max-height: 588px;
  margin-left:50px;
  padding-top:100px;
  padding-right:300px;
  z-index:55;
  display:none;
}
#headlineTitle {
  color:#2b60a9;
  font-weight:600;
}
.image-entry {
  height:fit-content;
  min-height:120px;
  float:left;
  width:fit-content;
  border:0px solid green;
  padding:10px;
  text-align:center;
}
.image-ico {
  width:64px;
  border:1px solid gray;
}
.lanelist {
  margin-top:12px;
  margin-right:38px;
  margin-left:38px;
} 
.lanelistcyan {
  background-color: cyan;
}
.lanelistorange {
  background-color: orange;
} 
.lanelistwhite {
  background-color: white;
}  
.lanelistred {
  background-color: #f87552;
}
.lanelistyellow {
  background-color: yellow; 
}
.lanelistgray {
  background-color: darkgray; 
}
.lanelistgreen {
  background-color: green; 
}
.lanelistblack {
  background-color: black; 
}
.lanelistblue {
  background-color: blue; 
}
.lanelistlightgreen {
  background-color: lightgreen; 
}
.lanelistyellow {
  background-color: yellow; 
}
.listcont {
  position:relative;
  width:450px; 
  margin-top:20px; 
/*  margin-left:1.2%; 
  margin-bottom:80px;*/
  margin:auto;
}
.listcontr {
  float:left; 
  width:30%; 
  margin-top:20px; 
  margin-left:1.2%; 
  margin-bottom:80px;
}
.list {
  float:left; 
  width:100%; 
  padding:5px; 
  text-align:center; 
  margin-bottom:20px;
}
.listred {
  background-color: #f87552;
}
.listdarkred {
  background-color: darkred;
}
.listred-title {
  /*color:#00417c;*/
  color: #666666;
}  
.listyellow {
  background-color: yellow; 
}
.listyellow-title {
  /*color:#00417c;*/
  color: #666666;
}  
.listgray {
  background-color: darkgray; 
}
.listgray-title {
  color:#444;
}  
.listgreen {
  background-color: lightgreen; 
}
.listgreen-title {
  color: greenyellow;
}  
.listblack {
  background-color: black; 
}
.listwhite-title {
  color: #FFFFFF;
}  
.listblue {
  background-color: blue; 
}
.listcyan-title {
  color: cyan;
}
.listorange-title {
  color: orange;
}
.listlightgreen {
  background-color: lightgreen; 
}
.listdarkgreen-title {
  color: darkgreen;
}
.listyellow {
  background-color: yellow; 
}
.listred-title {
  color: red;
}  
.listel {
  width:100%; 
  height:fit-content; 
  text-align:center;
  padding-top:20px;
  padding-bottom:50px;
}
#logo {
  position: fixed;
  top:25px;
  left:25px;
  z-index:10;
}
#magicjar1 {
  float:left;
  position:relative;
  left:150px;
  margin:6%;
  margin-top:0px;
  margin-bottom:5px;
  width:500px;
  font-size:15px;
  font-family:Arial,Sans,Verdana;
  color:#000000;
  background:#f7ecb5;
}
.magicjar1 {
  float:left;
  width:120px;
  height:120px;
  background-size:120px 120px;
  cursor:pointer;
}
.magicjar1-content {
  width:100%;
  float:left;
  border:3px solid darkgray;
  border-radius:4px;
  color:#000000;
}
.magicjar2 {
  float:left;
  width:120px;
  height:120px;
  background-size:120px 120px;
  cursor:pointer;
}
#magicjar2 {
  float:left;
  position:relative;
  left:150px;
  margin:6%;
  margin-top:0px;
  margin-bottom:5px;
  width:500px;
  font-size:15px;
  font-family:Arial,Sans,Verdana;
  color:#000000;
  background:#f7ecb5;
}
.magicjar2-content {
  width:100%;
  float:left;
  border:3px solid darkgray;
  border-radius:4px;
  color:#000000;
}
.magicjar3 {
  float:left;
  width:120px;
  height:120px;
  background-size:120px 120px;
  cursor:pointer;
}
#magicjar3 {
  float:left;
  position:relative;
  left:150px;
  margin:6%;
  margin-top:0px;
  margin-bottom:5px;
  width:500px;
  font-size:15px;
  font-family:Arial,Sans,Verdana;
  color:#000000;
  background:#f7ecb5;
}
.magicjar3-content {
  width:100%;
  float:left;
  border:3px solid darkgray;
  border-radius:4px;
  color:#000000;
}
.magicjar-num {
  float:right;
  margin-left:99.9%;
  margin-right:2px;
  background:yellow;
  color:darkorange;
}
#menu {
  position:fixed;
  top:25px;
  left:785px;       
  color: #292727;
  font-weight:900;
  white-space: nowrap;
  margin-top:10px;
  padding-bottom:10px;
  border-bottom: 2px solid #2b60a9;
  background: #f0efea;
}
.menuSeparator {
  padding-left:12px;
  padding-right:12px;
  font-weight:600;
}
#menuTitle {
  color:#2b60a9;
  font-size: 18px;
  font-style:italic;
  font-weight:900;
  margin-right:15px;
}
.menuVE {
  cursor: pointer;
}
.menuVE:hover {
  color:#2b60a9; 
}
#mynetworkTitle {
  font-family:'Press Start 2P';
  width:fit-content;
  margin:auto;
  color:#245269;
}
#notBoughties {
  display:none;
}
.no-drop {
  cursor: not-allowed;
}  
.no-dropzone {
  cursor: not-allowed;
}
#pagetitle {
  float:left; 
  width:100%;
  height:70px;
  padding:5px; 
  text-align:center; 
  margin-bottom:20px;
  background-color:#3366ff;
  color:#FFFFFF;  
  opacity:0.8;
  font-family:'Indie Flower';
  font-size:30px;
  font-style:italic;
  font-weight:900;
  position:relative;
  top:-60px;
  /*color:#5e383a;*/
}
#Password {
  font-size:18px;  
  background:transparent; 
  width: 60%; 
  border-radius:3px; 
  font-weight:900;
}
#passworddisplay {
  float:left;
  position:fixed;
  top:680px;
  left:50px;
  width:255px;
  height:120px;
  background:darkgray;
  text-align:left;
  white-space:nowrap; 
  font-family:Arial,Sans,Verdana; 
  border:1px solid lightgray;
  color:#000000; 
  font-weight:900;
  z-index:99999;
}
#picavatar {
  position:relative;
  width:255px;
  height:255px;
  top:-4px;
  left:-8px;
  border-radius: 90%; 
  display:none;
}
.prodel {
  text-align:left;
  padding:36px;
  padding-top:7px;
  padding-right:16px;
  color:#444;
  font-weight:900;
}
.prodlist {
  padding-top:6px;
}
.prodname {
  width:45%;
  float:left;
  padding-top:8px;
  border-bottom:1px dotted darkgray;
}
.prodprice {
  width:20%;
  float:left;
  padding-top:8px;
}
.prodaction {
  width:17%;
  float:left;
  cursor:pointer;
  text-align:center;
  margin:auto;
}
.prodactionimg {
  position:relative;
  left:+10px;
  margin-bottom:7px;
  width:42px;
}
#carties {
  display: none;
}
#results {
  display: none;
}
#Salt {
  position:relative; 
  top:+5px; 
  font-size:18px; 
  background:transparent;
  width: 90%; 
  border-radius:3px; 
  font-weight:900;
}
.settingson {
  float:left;
  width:120px;
  height:150px;
  border:0px solid black;
  background:url(/res/settingsoff.png);
  background-size:cover;
  cursor:pointer;
  display:none;
}
.settingsoff {
  float:left;
  width:120px;
  height:150px;
  border:0px solid black;
  background:url(/res/settingson.png);
  background-size:cover;
  cursor:pointer;
}
.tags {
  font-size:11px;
  font-style:normal;
  color:#000000;
  text-transform: uppercase;       
}
#title {
  position:relative;
  top:20px;
  left:50px;
  width:100%;
  float:left;
  font-size:25px;
  font-family:'Press Start 2P';
  border:0px solid blue;
}
.titlelane {
  text-align:left;
  margin-bottom:8px;
  font-weight:900;
  text-align:left;
}
.titlelanecyan {
  color:darkcyan;
}
.titlelanered {
  color:darkred;
}
.titlelaneblack {
  color:black;
}
.titlelanered {
  color: red;
}  
.titlelaneyellow {
  color: yellow;
}  
.titlelanegray {
  color: #444;
}  
.titlelanegreen {
  color: greenyellow;
}  
.titlelanewhite {
  color: #FFFFFF;
}  
.titlelaneorange {
  color: orange;
}
.titlelanedarkgreen {
  color: darkgreen;
}
.tools {
  position:fixed;
  top:12px;
  width:120px;
  height:620px;
  display:none;
}