﻿		*{ margin: 0; padding: 0 }

body{font: 80%/1.3 "Trebuchet MS",Arial,sans-serif;text-align:left;background:#FFF url(../img/background.png) no-repeat left top;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.shakeimage{
position:relative
}
#home { margin-left:80px; width: 100px; margin-top:175px; position:absolute }
#gallery {margin-left:200px; width: 120px; margin-top:155px ;position:absolute  }
#album {margin-left:260px; width:100px; margin-top:195px ;position:absolute; }
#articoli {margin-left:320px; width:100px; margin-top:170px ;position:absolute; }
#comunity {margin-left:400px; width:100px; margin-top:147px ;position:absolute; }
#ciacer {margin-left:505px; width:100px; margin-top:130px ;position:absolute; }
#forum {margin-left:600px; width:100px; margin-top:85px ;position:absolute; }
#link {margin-left:810px; width:100px; margin-top:98px ;position:absolute; }
#login {float:right; width:200px; padding:30px;  height:300px; position:absolute; }
#login {float:right; padding:0; width:990px; height:10px; text-align:right; }

#wrapper { width:1000px; margin: 230px auto 0 auto; padding: 0px 0; position:absolute;}

#main { margin: 0px 0; }

#col6index { text-align:left; float:left; width: 560px; margin-top:50px; padding:5px; border-left: 1px solid #CCC;}
#col6 { text-align:left; float:left; width: 560px; margin-top:50px; padding:5px; border-left: 1px solid #CCC}
#col6amiss { text-align:left; float:left; width: 750px; margin-top:50px; padding:5px; border-left: 1px solid #CCC}
#col8{ text-align:left; float:left; width: 730px; margin-top:50px; padding:5px; border-left: 1px solid #CCC}

#col7 { padding:5px; text-align:left; float:left; width: 220px; height:600px; margin-top:80px}

#pub { padding:5px; text-align:left; float:right; width: 180px}

#usertab{background: url(../img/tabuser.png) no-repeat top center; width:300px; height:100px; float:right}

#uPmail { text-align:left; float:left; width: 611px; height:30px;background: url(../img/upmail.png) no-repeat top center}

#corpmail { text-align:left; float:left; width: 611px; background: url(../img/corpmail.png) repeat-y top center }

#downmail { text-align:left; float:left; width: 611px ;height:40px;  background: url(../img/downmail.png) no-repeat top center}

ul#dati_personali{float: left;list-style: none; width:650px; padding: 5px; color: Navy; font-size:14px}

ul#dati{float: left;list-style: none; width:500px; padding: 0px; color: Navy}
ul#dati b{color: Navy;}
ul#dati p{ font-size:14px; padding:5px ;}
ul#dati h4{ font-size:120%; color: Olive}

ul#star{float: right;list-style: none;padding: 0px;}

ul#star li{float: left;margin:0;padding: 0px}

ul#star a{float: left;padding: 8px;background: url(../stars/star.png) no-repeat top left;text-decoration: none;color: #222}

ul#star span{float: left;padding: 0.8em 0.8em 0.8em 0;background: url(../stars/star.png) no-repeat top right;cursor: pointer}

ul#star li#active a,ul#star a:hover{background: url(../stars/stars.png) no-repeat top left}

ul#star li#active span,ul#star a:hover span{background: url(../stars/stars.png) no-repeat top right;}

    #box{width:760px !important;width /**/:760px;
    height:500px !important;height /**/: 500px;
    overflow:auto;padding: 4px;
    border:1px solid #EEE;border-right:0 solid;}
    #box p{margin-top:0}
    
    #smilebox{width:700px !important;width /**/:700px;
        margin:10px;
    height:100px !important;height /**/: 100px;
    overflow:auto;padding: 4px;
    border:1px solid #EEE;border-right:0 solid;}
    #smilebox p{margin-top:0}
#footer { clear:both; margin:10px; }
     
b a{ color: #00BFFF}
b a:hover{ color: Red}
li{color:White}
li a:hover{color:Red}
	h1, h3, h4{
		font-size:130%;
		font-weight:normal;
		color:#555;
	}
	h2 {
		font-size:140%;
		color:#555;
		}	
			h5 {
		font-size:100%;
		color:#555;
		}
			h6 {
		font-size:85%;
		color:#555;
		}
	a{
		color:ActiveCaption;
		text-decoration:none;
	}
	a:hover{
		color:Red;
	}
	img{
		border:none;
		padding:0;
		margin:0;
	}
#sbox-window embed, #sbox-window object, #sbox-window select
{
	visibility:				visible;
}

#sbox-overlay
{
	position:				absolute;
	background-color:		#000;
}

#sbox-window
{
	position:				absolute;
	background-color:		#fff;
	text-align:				left;
	overflow:				visible;
	padding:				10px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}

#sbox-btn-close
{
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:			    url(closebox.png) no-repeat center;
	border:					none;
}

.sbox-window-ie6 #sbox-btn-close
{
	background-image:		url(closebox.gif);
}

.sbox-loading #sbox-content
{
	background-image:		url(spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#sbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#fff;
	height:					100%;
	width:					100%;
}


.sbox-content-image#sbox-content
{
	overflow:				visible;
}

#sbox-image
{
	display:				block;
}

.sbox-content-image img
{
	display:				block;
}

.sbox-content-iframe#sbox-content
{
	overflow:				visible;
}


.progressBar{
	width:216px;
	height:141px;
	background:url(bg_bar.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bar.gif) no-repeat 0 0;
	top:74px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bg_cover.gif) repeat-x 0 0;
	top:0;
}
	#mContainer {
	position:relative;
	margin:0 ;
	width:720px;
	height:25px;
	border-top:1px solid #638DA1;
	border-bottom:1px solid #638DA1;
	background-color:#F2F5F6;
	padding:5px 0 0 0;
	z-index:0;
}

#mContainer li {
	position:relative;
	display:inline;
	margin:0 5px 0 7px;
	font:0.8em arial,verdana;
	padding:0;
	z-index:20;
	font-style:normal
}

#mContainer li a {
	text-decoration:none;
	color:#638DA1;
	font-style:normal
	
}
	#modificadati 
	{
 	display:none;
 	position:absolute;
 	top:6em;
 	left:14em;
 	background-color:#FFF;
 	padding:1em;
 	margin:3.6em;
 	width:60em;
 	height:32em
	}
	.nocss {
  	display:none;
	}
	
	#modificainfo {
 	display:none;
 	position:absolute;
 	top:6em;
 	left:14em;
 	background-color:#FFF;
 	padding:1em;
 	margin:3.6em;
 	width:60em;
 	height:32em
	}

	.nocss {
  	display:none;
	}
	#modificaprofilo {
 	display:none;
 	position:absolute;
 	top:6em;
 	left:14em;
 	background-color:#FFF;
 	padding:1em;
 	margin:3.6em;
 	width:60em;
 	height:32em
	}

	.nocss {
  	display:none;
	}

	#showupload {
 	display:none;
 	position:absolute;
 	top:5em;
 	left:14em;
 	background-color:#FFF;
 	padding:1em;
 	margin:3em;
 	width:70em;
 	height:50em;
	}

	.nocss {
  	display:none;
	}
		
#content {padding:20px}
#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:411px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(images/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:160px; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.0; filter:alpha(opacity=0); z-index:100}
.success {width:411px;background:#fff url(images/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(images/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.warning {width:411px;background:#fff url(images/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(images/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.prompt {width:411px; background:#fff url(images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}
.comm {width:411px;border:1px solid #4f6d81; border-top:none}
.commheader {background:url(images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}
.img {width:411px; border-top:none; background-color:#000}
.imgheader {background: #000 url(images/prompt_header.gif) repeat-x; color:#355468;  border-bottom:none}

