.IndexBody
{
    background-color: #d4d4d4;
}

.IndexLogo
{
    text-align:center;
    max-width: 400px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}

.index-link-img
{
    text-align:center;
    max-height: 200px;
    max-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.index-text
{
    padding-left:20%;
    padding-right:20%;
    color:darkblue;
}

.CloudBanner
{
    background-image:url('./images/SolocontuttiCloudBanner.png');
    background-repeat:no-repeat;
    margin : 0px;
    padding : 0px;
    border : 0px;
    max-width: 100%;
    background-size: contain;

}

.after-banner
{
    padding-top:14.5%; 
    padding-left:13%; 
    padding-right:13%;
}

.social-links
{ 
    text-align:center;
    padding-top: 40px;
    padding-left:auto;
    padding-right:auto;
}

.infographic
{
    text-align:center;
    max-width:80%;
    max-width:800px;
    text-align:center;
}

@media(max-width: 768px)
{
   .CloudBanner 
   {
        background-image:url('./images/Solocontutti-logo.png'); 
        background-size:contain;
        margin : 10px
   }
   .after-banner
   {
        padding-top:20%;
        padding-left:5%; 
        padding-right:5%; 
   }
   .social-links
   {
       position: relative;
       justify-content:center;
   }
   .index-text
    {
        padding-left:10%;
        padding-right:10%;
        color:darkblue;
    }
    
    .infographic
    {
        max-width:90%;
    }
}

.man-img
{
    max-width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.man-img-large
{
    max-width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;    
}

#logo-zone 
{
    position: absolute;
    top: 40px;
    left: 290px;
    height: 80px;
    width: 250px;
    background-color: transparent;
    border: none;
}

.bannermenu 
{
    position : relative;
    left : 122px;
    top : 140px;
    height : 30px;
    width : 952px;
    font-size: small;
    padding-right : 6px;
    font-family: Arial,Helvetica,sans-serif;
    color : #E3DBDB;
    font-weight : normal;
    text-align : right;    
}

a.menulink:link { color: #E3DBDB;text-decoration: none;}
a.menulink:visited { color:  #E3DBDB; text-decoration: none;}
a.menulink:hover { color: white; text-decoration: none; }

.searchform
{
    padding-top : 3px;
}

.searchfield
{
    height : 12px;
    width  : 100px;
    font-family :Helvetica, sans-serif;
    color : #58595B;
    padding : 0px;
    background-image:url('./images/HelpBackground.png');
}

.searchimage
{
    repeat : none;
    height : 16px;
    padding-bottom : 2px;
}


.helpitem
{
    font-size :small;
    color : #58595B;
    padding: 2px;
    height: 24px;
    font-family :Helvetica, sans-serif;
    background-image:url('./images/HelpBackground.png');
    background-repeat:no-repeat;
    border: 0px;
}


.TopButton
{
    height : 98px;
    width  : 98px;
    position : absolute;
    z-index : 20;
    color: #f2c2bd;
}

.TopButton:hover
{
    z-index : 0;
}

.TopButtonGlow
{
    height : 98px;
    width  : 98px;
    position : absolute;
    z-index : 10;
    color: #fae1de;    
}

.TopButtonGlow:hover
{
    z-index:30;
}

.TopButtonText
{
    position: absolute;
    top: 52px; 
    right: 11px;                   
    padding: 1px; 
    width: 75px; 
    font-size: small; 
    font-family: Arial,Helvetica,sans-serif;               
    text-align:center; 
    line-height:100%;
}

a.TopButtonText:link { color: #fae1de;text-decoration: none;}
a.TopButtonText:visited { color:  #fae1de; text-decoration: none;}
a.TopButtonText:hover { color: #fae1de; text-decoration: none; }
 
.main 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: small;
}

.MessageTable
{
	width:100%;
	padding : 0px 0px 0px 0px;
	border-left:0px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
}

.message
{	
	background-color : #FFFFFF;
        padding : 0px 3px 10px 3px;
        border-right: 0px;
        border-left: 0px;
}

.message:hover
{
	background-color : #F3F3F3;
}
.footer
{
	font-family: Arial,Helvetica,sans-serif;
	font-size:xx-small;
        margin-bottom: 30px;
        text-align:center;
}

.errormessage
{
	color:#E00000;
	font-weight:bold;
}

.LookupText
{
	width:75%;
}
.LookupIcons
{
	width:25%;
}


.leftmargin
{
    margin-left:10px;
}


.displaylabel
{
    width: 30%;
    height:25px;
    text-align : right;
    padding-right : 4px;
}

.displayitem
{
    width: 70%;
    height: 25px;
    text-align: left;
    padding-left : 10px;
    font-weight:bold;
}

.datasegment
{
    padding-left:4px;
    padding-right:4px;
    text-align:right;
} 

.slider
{
  margin: 10px 0;
  width: auto; /* Update to your slider width */
  height: 60px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
  list-style-type: none;
}

.slider li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0;
}