/* 0 BASIC TAGS */

table {
	font-size: 1em;	
}

th, td {padding:3px; vertical-align:middle;}

th{ text-align:center; background-color:#AF98FF;}

.alternateRow{background-color:#C9EFED;}

h1, h2, h3, h4 {
	margin: 2px;
	padding:0;
	font-family: Verdana, arial, helvetica, sans-serif;
}

h3 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
}
h4 {
	/**/
	font-size:13px;
	line-height:13px;	
	font-weight: bold;
}




p {
	line-height: 1.4em;
}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
}

a {
	text-decoration: none;
	color: #980000;
	outline:none;	
}

a:visited {
	color: #980000;
}

a:hover {
	/*text-decoration: blink;*/
	color: Blue;
	font-weight:bold;
}

a:active {
	color: #980000;
}

body 
{

	background-color: Silver; /* SILVER */
	/*background-image: url(images/background.gif); */
	background-image:none;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px/*0.7em*/;
	color: #666666;
	}

img {
	border-width: 0;
}

/* 1 HEADER */
.container { 
    position:absolute;
	margin-left: auto;
	margin-right: auto;
    margin: 0px auto ;
    width: 760px;

}
.header 
{
	 background-image: url(Images/header.gif);   /*GREY*/   /* Logo+Header_SMALL.png MODIFICARE QUESTO PER L'IMAGINE DELL'HEADER*/
	/* background-image: url(Images/header1.jpg);*/  /*PICTURE*/   
	background-image: url(Images/Full_header.png);
	background-repeat: no-repeat;
	border-bottom: solid 1px #666;/* */   /*PICTURE*/
	position: relative;
	z-index:300;
	width: 760px;
	/*height: 81px;  GREY*/
	height:100px;
	/*height: 92px; */   /*PICTURE*/
	margin-left: auto;
	margin-right: auto;
	
}

#banner
{   
    position: absolute;
    height:auto;
    top:360px;
    left:0px;
    bottom:0;
	z-index:100;
	border: 0px solid red;
	margin-top:25px;
    }
    
h1 {
	position: absolute;
	left: 37px;
	top: 12px;
	text-transform: uppercase;
	font-size: 18px;
}

h2 {
	position: absolute;
	left: 37px;
	top: 60px;
	font-size: 11px;
}

#floatBr
{  
	clear:both;
}

a.LogoutLink
{
	font-weight:bold;
	color:Red;
	padding:0;
	margin:0;
	list-style:none;
}

a.LogoutLink:hover
{
	font-weight:bold;
	padding:0;
	margin:0;
	list-style:none;	
}

.clearBR
{
	clear:both;
}

/*------------------------------------------------------------*/

.loginForm th, .loginForm td, .loginForm tr
{
	padding:0px !important;
	margin:0px !important;
}

.loginForm
{
    position:relative;
	width:235px; 
	float:left;
	padding:0!important;
	margin: 15px 0px 0 0;	
	padding-bottom:5px;
	padding-top:0px;
	/*border-bottom: 1px solid Silver;*/
}

.loginForm select
{
	display:inline;
	float:right;
	margin-right:10px;
}

.loginLabel
{
	width: 100px;
	float:left;
	clear:left;
	margin:0 0 3px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	text-align:left;	
	vertical-align:middle;
}


.loginTextField
{
	width:140px;
	float:left;	
	margin:0 0 7px 0;
	border: 1px solid Silver;		
}

.loginRequiredField
{
	width:5px;
	float:left;
	padding-left:1px;
	color:Red;	
}


.floatButton
{
	clear:left;	
	display:block;
	float:left;
	margin-top:3px;	
}


.errorMessage
{
	width:190px;
	margin-top:10px;
	float:left;
	padding-left:1px;
	color:Red;	
	
}

/*----------------------------  rounded buttons ----------------------------------------*/

.roundButtonWrapper
{  
	overflow: hidden; /* Container you can use to surround a CSS button to clear float */
	width: auto;
	clear:left;	
}

.BluButton
{		clear:left;
	display:inline;
	width:auto;
	padding: 4px 10px 0 0px;
	margin: 5px 8px 0 4px;
	text-decoration: none;
	line-height:15px;
	/*color: #BD8B0D;*/
	background: url("Images/blue.png") no-repeat top right;
}


.roundButton
{
		clear:left;
	display:inline;
	float:left;
	width:auto;
	padding: 4px 10px 0 0px;
	margin: 5px 8px 0px 2px;
	text-decoration: none;
	line-height:15px;
	/*color: #BD8B0D;*/
	background: url("Images/blue.png") no-repeat top right;
}

.roundButton span
{
	float: left;
	padding-right: 10px;
	display: block;
	margin-top: -4px;
	height: 24px;		
	background: url("Images/blue.png") no-repeat top left;
}

	/*Different image colors to provide an hover effect*/

	a.roundButton:hover, input[type="submit"].roundButton:hover{
 	/*color: #0d5f83;*/
 	color: red;
 	text-decoration:none;	
}
 
	a.roundButton:hover span {	
}


/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------*/

.static_master_links
{
	position: absolute;
	right: 37px;
	top: 17px;	
	text-transform: uppercase;
	font-size: 11px;	
	font-weight:bold;
}

.static_master_links a
{
	margin-right: 8px;
	padding: 4px;
}

.static_master_links a:hover
{
	text-decoration:none;
	color:#fff;
	background:#900;
}


.nav {
	position: absolute;
	left: 180px;
	top: 85px;
	background-color: transparent;
	text-transform: uppercase;
	font-weight: bold;
	
}


.menua a:visited, .nav a:visited {
	color: #d32525;
}

/* 1.1 SHIM */

.shim 
{ 
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 8px;
	font-size: 0;
	
}

.column 
{
    
	background-image: url(images/content-shim.gif);
}

.gradient {
	background-image: url(images/content-shim-photo.gif);
}

.solid {
	background-image: url(images/content-shim-none.gif);
}

/* 2 PAGE */

.page {
/*	background-repeat: repeat-y; */

    z-index:1;
    left:auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    position:relative;


	
}

/* 2.1 HOME, RESUME, LINKS, REGISTER, ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */

#home, #lavoro, #links, #mappa, #register, #questionario, #news, #contatti, #eventi, #mission, #chi_siamo 
{
    
	background-image: url(images/body-repeat1.jpg);
    position:relative;

	z-index:1;
	top:auto;
	width: 686px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 30px; /* Weird Mozilla Bug */
	margin-left: auto;
	margin-right: auto;
}
#azienda
  {
	/*background-image: url(images/body-repeat1.jpg);*/
	
	z-index:1;


	padding-top: 1px; 
	padding-bottom:0px; 
    top:0px;
    margin-right:0px;
	margin-left: -20px;
    margin-top:-1px;
    margin-bottom:-29px;
}

#search_button
{
	margin: 8px 4px 0 0;
}


#sidebar 
{   
    margin-left: auto;
	margin-right: auto;
    position:relative;
    float:left;
    z-index:3;
    clear:both;

	width: 214px;
	height: 100%;
	padding:10;	
    height:auto;
    top:0;
 
    bottom:0;
	border: 0px solid red;
	margin-top:0px;
}
#sidebar_azienda 
{
    
	float: left;
	width: 214px;
	height: 100%;
	margin:0;
	padding:20px;	
}

#content 
{  
    z-index:1;
    background-repeat: no-repeat;
	/*height: 81px;  GREY*/
	height:auto;
	margin-left: 256px;
    margin-top:0px;
    
}

#whatsnew 
{
   
	/*float: left; */
	width: auto;
	height: 100%;
}


#resume h4, #links h4 
{
	margin-top: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
}

dl 
{
    
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
	
}

dt 
{
    
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

/* 2.2 ALBUMS PAGE */

#albums {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0px 37px;
	padding-bottom: 40px;
	width: 686px;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel 
{
    
	padding: 150px;
	width: auto;
	text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0;
	width: 760px;
}

.buttonbar 
{
    
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 744px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(images/photonav-top-bg.gif);
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 3 FOOTER */

.footerbg 
{position:relative;
    clear:both;
	/*background-image: url(images/footer-side.gif); */
	background-repeat: repeat-x;
	width: auto;
	height: 25px;
	text-align: center;
}
.footer 
{
    border-top: solid 1px #666;
    background-image: url(Images/footer_2.jpg);
	/*background-image: url(images/footer.gif); */
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: auto;
	/*height: 75px; */
	text-align: center;
	font-size: 10px;
	color:Black;
}

.menub 
{
    
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 11px;
}

.menub a:visited {
	color: #d32525;
}



/* Inline styles are used because image controls hard code a border property */

.photo_198 
{
    
	border: 4px solid #FFFFFF;
}


/**+++++++++++++++++++++ MENU A TENDINA++++++++++++++++++++++++++++++++++++++++++++**/


/**************************  STILE 1 - NON USATO  ***************************/
/*
#tabsF {
  /*float:left;
  width:100%;*//*
  position: absolute;
  right: 47px;      
  font-size:11px;
  line-height:normal;
  /*background:#efefef; 
  border-bottom:1px solid #666; *//*
  }
  
#tabsF ul {
margin:0;
margin-top: 3px;
padding: 10px 10px 0 50px;
list-style:none;
  }
  
#tabsF li {
  display:inline;
  margin:0;
  padding:0;
  }
  
#tabsF a {
  float:left;
  background:url("../media/tableftF.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
  
#tabsF a span {
  float:left;
  display:block;
  background:url("../media/tabrightF.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color:#666;
  }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*//*
#tabsF a span {float:none;}
/* End IE5-Mac hack *//*

#tabsF a:hover span {
  color:Black;
  }
#tabsF a:hover {
  background-position:0% -42px;
  }
#tabsF a:hover span {
  background-position:100% -42px;
  }
*/

/**************************************** 3° STILE  ***********************************************/

#menu_container
{
	list-style:none;   
	position: absolute;
	z-index:20;
	padding:0;
	right: 0;  
	width:auto;
	top:65px;
	font-size:11px;
	line-height:normal;
}

ul#menu_a_2livelli{
	margin-top: 3px;
	list-style:none;    
	padding: 10px 10px 0 50px;
}	

ul#menu_a_2livelli li 
{  
display:inline;    
float: left;
list-style:none;
}


ul#menu_a_2livelli li ul li 
{
display:block;  
position:relative;
float: left;
list-style:none;
margin:0;
padding:0;
line-height:18px;
}


.subMenu a span
{
color: red;  
position:relative;  
text-decoration: none;	
display:block;
z-index:40;
line-height:12px;
}

.mainMenu, .mainMenu:visited{
display:block;
position:relative;
background:url("../media/tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

.mainMenu span 
{
display:block;
position:relative;
background:url("../media/tabrightF.gif") no-repeat right top;
padding:5px 15px 4px 6px;
font-weight:bold;
color:#666;
}

 
ul#menu_a_2livelli li a:hover, ul#menu_a_2livelli li a:hover span, ul#menu_a_2livelli li a:focus, ul#menu_a_2livelli li a:active
{
color: Black;
text-decoration: none;
background-position:0% -42px;
}

ul#menu_a_2livelli li ul{  /*  NASCONDE I SOTTOMENU*/
display: none;
}

ul#menu_a_2livelli li:hover ul { /*  FA APPARIRE I SOTTOMENU*/
display: block;
position:absolute;
top:35px;
z-index:100;				/*Mantiene in primo piano*/
width:130px;
padding: 0;
border:1px solid Black;
background: #dcdcdc; 
font-size:.9em;
line-height:12px;
}

ul#menu_a_2livelli li li {     /* SOTTOMENU*/
border-bottom:1px solid Black;
width: 130px;
}

ul#menu_a_2livelli li li:hover
{
	background-color:#3cf;
}