body{font-family: Arial,san-serif;font-size: 16px;margin:0;top: 0;left:10;}
.Occhiello {font-family: Arial,san-serif;font-size: 15px;font-weight: normal;color: #888888;height: 35px;padding-left:10px;border:1px solid #666666;border-radius: 12px 12px 12px 12px;}
div.box{background:transparent;text-align:center;float:center;border:0px solid #EEEEEE;border-radius: 12px 12px 12px 12px;}
.occhiellobox {width:97%;font-size: 16px;font-weight: normal; color: #000;text-align:left;height:auto;border: 1px solid #AAAAAA;border-radius:6px;padding-left:6px;margin-bottom:6px;margin-left:10px;}
.occhielloGlobal {background: #fff;font-size: 18px;font-weight: normal; color: #000;text-align:left;height:auto;border: 3px solid #444;border-radius:18px;padding-left:14px;padding-top:6px;padding-bottom:6px;}
.occhielloGlobalP {background: #fff;font-size: 12px;font-weight: normal; color: #000;text-align:left;height:auto;border: 1px solid #00AA00;border-radius:6px;padding-left:6px;margin-left:10px;}
.occhielloCittadino {background: #F0F8FF;font-size: 16px;font-weight: normal; color: #000;text-align:left;height:auto;border: 1px solid #00AA00;border-radius:6px;padding-left:6px;margin-left:10px;}
.occhiellofoto {background: #fff;border: 1px solid #00AA00;border-radius:6px;padding-top:6px;height:auto;}
.occhielloPIC {font-size: 16px;font-weight: normal; color: #555555;text-align:left;height:29px;border: 1px solid #00AA00;border-radius:6px;padding-left:6px;margin-bottom:6px;margin-left:10px;}
.miniocchiello {font-size: 16px;font-weight: normal; color: #555555;text-align:left;height:44px;border: 3px solid #888;border-radius:8px;padding-left:6px;margin-bottom:6px;margin-left:10px;}

p {padding-top: 0px;margin: 0px;vertical-align: text-bottom;}
ul {
    list-style-type: none; /* nessun elemento come marcatore */
    padding-left: 0;       /* padding nullo */
    margin-left: 0;        /* margine nullo */
margin-top:2px;
}
li {list-style: none;padding-top:0px;}
.scroller {
   width: 99%;float: left;margin:0;
   height: 90px;margin-left:0px;
   overflow-y:scroll;padding: 0px;padding-left:0px;
}
.scroller2 {
   width: 99%;float: center;
   height: 620px;margin-top:0px;margin-left:3px;
   border: 2px solid #00AA00;overflow-y:scroll;background-color:#fff;padding: 2px;padding-left:0px;
}
#screenshot{
position:absolute;
border:1px solid #000;
background:#333;
padding:0px;
display:none;
color:#fff;
font-size: 12px;
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.small {
	font-size: 20px;width: auto;
	padding: 5px;padding-left:15px;padding-right:15px;
}

/* white */
.white {
	color: #606060;font-size: 20px;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;font-size: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
	color: #999;font-size: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* yellow */
.yellow {
	color: #606060;font-size: 16px;
	border: solid 1px #b7b7b7;
	background: #FFFF66;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF66), to(#FFFF00));
	background: -moz-linear-gradient(top,  #FFFF66,  #FFFF00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF66', endColorstr='#FFFF00');
}
.yellow:hover {
	background: #FFD800;font-size: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF66), to(#FFD800));
	background: -moz-linear-gradient(top,  #FFFF66,  #FFD800);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF66', endColorstr='#FFD800');
}

.yellow:active {
	color: #999;font-size: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFD800), to(#FFFF66));
	background: -moz-linear-gradient(top,  #FFD800,  #FFFF66);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD800', endColorstr='#FFFF66');
}

/* green */
.green {
	color: #606060;font-size: 16px;
	border: solid 1px #b7b7b7;
	background: #98FF98;
	background: -webkit-gradient(linear, left top, left bottom, from(#98FF98), to(#ADFF2F));
	background: -moz-linear-gradient(top,  #98FF98,  #ADFF2F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#98FF98', endColorstr='#ADFF2F');
}
.green:hover {
	background: #66FF00;font-size: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#98FF98), to(#66FF00));
	background: -moz-linear-gradient(top,  #98FF98,  #66FF00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#98FF98', endColorstr='#66FF00');
}

.green:active {
	color: #999;font-size: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#66FF00), to(#98FF98));
	background: -moz-linear-gradient(top,  #66FF00,  #98FF98);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#66FF00', endColorstr='#98FF98');
}

/* red */
.red {
	color: #606060;font-size: 16px;
	border: solid 1px #b7b7b7;
	background: #FF6347;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF6347), to(#FF0000));
	background: -moz-linear-gradient(top,  #FF6347,  #FF0000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6347', endColorstr='#FF0000');
}
.red:hover {
	background: #FF0000;font-size: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF6347), to(#CC0000));
	background: -moz-linear-gradient(top,  #FF6347,  #CC0000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6347', endColorstr='#CC0000');
}

.red:active {
	color: #999;font-size: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF6347));
	background: -moz-linear-gradient(top,  #FF0000,  #FF6347);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#FF6347');
}

.message
{
		-webkit-background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		background-size: 40px 40px;	
		background-image: -webkit-gradient(linear, left top, right bottom,
								color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
								color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
								to(transparent));
		background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
								
		 -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);		
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 100%;
		 border: 0px solid;
		 color: #fff;
		 padding: 15px;
		 position: fixed;
		 _position: absolute;
		 
}

.info
{
		 background-color: #00AA00;
		 border-color: #3b8eb5;height:auto;overflow-y:scroll;font-size:18px;cursor: pointer;text-align:center;
}

.error
{
		 background-color: #de4343;
		 border-color: #c43d3d;
}
		 
.warning
{
		 background-color: #eaaf51;
		 border-color: #d99a36;
}

.success
{
		 background-color: #61b832;
		 border-color: #55a12c;
}

.message h3
{
		 margin: 0 0 5px 0;													 
}

.message p
{
		 margin: 0;text-align:center;										 
}

@-webkit-keyframes animate-bg
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


@-moz-keyframes animate-bg 
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


#trigger-list
{
		 text-align: center;
		 margin: 0px 0;
		 padding: 0;font-size:18px;
}

#trigger-list li
{
		 display: inline-block;
		 *display: inline;
		 zoom: 1;
}

#trigger-list .trigger:hover
{
		background: #f5f5f5;
}

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

.centered
{
		 text-align: center;font-size:21px;
}

.twitter-follow-button
{
		 position: relative;
		 top: 7px;
}