body {
	margin: 			5px 5px 5px 5px;
	background-repeat:		repeat-y;
}

/**************************************************************/
/* HEADER */
#header {
	width:				100%;
	height: 			150px;
	overflow:			hidden;
}

#header_bg {
	margin-left: 			10px;
	margin-right: 			20px;
	height: 			144px;
	
}

#header_dx {
	background-repeat: 		no-repeat;
	background-position: 		right top;
	height: 			150px;
	float: 				right;
	width: 				200px;
}

#header_sx {
	background-repeat: 		no-repeat;
	background-position:		right top;
	height: 			150px;
	float: 				left;
	width: 				400px;
}

#logo {
	position: 			relative;
	top:				35px;
	left: 				130px;
	border: none;
}

/**************************************************************/
/* FOOTER */
#footer {
	background-repeat: 		repeat-x;
	background-position: 		center top;
	width: 				100%;
	height: 			70px;
	overflow: 			hidden;
	clear: 				both;
}

#footer_sx {
	float: 				left;
	margin:				40px 0px 0px 15px;
}

#footer_dx {
	float: 				right;
	margin: 			40px 15px 0px 0px;
}

/**************************************************************/
/* menu orizzontale */
#HorizontalButtonBar {
	height: 			41px;
	position: 			absolute;
	top:				115px;
	padding-left:			150px;
	z-index:			100;
}

#HorizontalButtonBar ul {
	text-align:			center;
	margin: 			0px;
	padding-left: 			10px;
	padding-bottom: 		5px;
	padding-top: 			11px;
}

#HorizontalButtonBar ul li {
	display: 			inline;
}

#HorizontalButtonBar a {
	padding: 			5px 10px 5px 10px;
	margin: 			0px;
}

/**************************************************************/
#find {
	position: 			absolute;
	float: 				right;
	top: 				30px;
	right: 				90px;
	background-repeat: 		no-repeat;
	width:				250px;
	height:				65px;
	font-size:			10px;
	text-align: 			center;
	padding:			5px 0px 0px 5px;
}

#find .search {
	padding: 			3px 0px 3px 3px;
	margin:				5px 5px 0px 5px;
	border-style: 			none;
	width:				180px;
}

#find .send {
	padding: 			3px 10px;
	border: 			none;
	width:	 			25px;
	height: 			20px;
	margin:				5px 10px 0px 0px;
	cursor: 			pointer;
}

/**************************************************************/
/* menu verticale */
#laterale {
	float:				left;
	position: 			relative;
	min-height: 			390px;
}

#VerticalTree {
	width: 				270px;
	left: 				-200px;
	margin-left:			-40px;
	margin-right:			10px;
}

#VerticalTree ul {
	list-style-type: 		none;
	display: 			block;
}

#VerticalTree ul li a {
	background-repeat:		no-repeat;
	background-position:		left center;
	margin-top: 			3px;
	padding: 			5px 0px 0px 25px;
	text-decoration: 		none;
	display: 			block;
	height: 			25px;
}


/**************************************************************/
/*Editing Panel STRUTTURA E COLORI DI BASE */
#EditingPanel {
	position:			fixed;
	top:				0px;
	right:				0px;
	background-image:		url(/images/edit/bckgrnd.gif);
	border:				1px dotted #737357;	
	z-index:			1000;
	text-align:		 	right;
	padding:			0px 10px 0px 10px;
	font-family:			Arial "Unicode MS";
	font-size:			12px;
}

#EditingPanel li a {
	color: 				#737357;
	text-decoration: 		none;
	border-right: 			1px solid #737357;
	font-size:			16px;
}

#EditingPanel li a:hover {
	background-color: 		#737357;
	color: 				white;
}

#EditingPanel ul li {
	 display: 			inline;
}

#EditingPanel li a {
	padding: 			5px 10px 5px 10px;
	margin: 			0px;
	background-repeat:		no-repeat;
}

#EditingPanel a.TextElement {
	background-image:		url(/images/edit/html.png);
}

#EditingPanel a.MenuElement {
	background-image:		url(/images/edit/txt.png);
}

#EditingPanel a.Page_Properties {
	background-image:		url(/images/edit/properties.png);
}

#EditingPanel a.MP3Element {
	background-image:		url(/images/edit/MP3.png);
}

#EditingPanel a.CommentElement {
	background-image:		url(/images/edit/txt.png);
}

/**************************************************************/
#backgroundPopupDialog {
	display:			none;
	position:			fixed;
	/*_position:			absolute;  hack for internet explorer 6*/
	height:				100%;
	width:				100%;
	top:				0;
	left:				0;
	background:			#000000;
	border:				solid 1px #CECECE;
	z-index:			1100;
}

#waitPopupDialog {
	display:			none;
	position:			fixed;
	/*_position:			absolute;  hack for internet explorer 6*/
	height:				100%;
	width:				100%;
	top:				0;
	left:				0;
	background:			#FFFFFF;
	color:				#000000;
	border	:			solid 1px #CECECE;
	z-index:			1500;
}

#waitPopupDialog img {
	position:			absolute; 
	top: 				50%;
	left:				35%;
	display:			table-cell; 
	vertical-align: 		middle;
}

/**************************************************************/
#recaptcha_image {
	display:			block;
	width:				250px;
	height:				80px;
	border:				solid 1px black;
	float:				left;
}

div.recaptcha_refresh {
	display: 			block;
	margin: 			10px 5px 30px 5px;
	float:				left;
	width:				32px;
	height:				32px;
	background-image: 		url(/images/edit/recaptcha_refresh.png);
	background-position:		center center;
	background-repeat:		no-repeat;
}


div.recaptcha_only_if_image {
	display: 			block;
	margin: 			10px 5px 30px 5px;
	float:				left;
	width:				32px;
	height: 			32px;
	background-image: 		url(/images/edit/recaptcha_audio.png);
	background-position:		center center;
	background-repeat:		no-repeat;
}

div.recaptcha_only_if_audio {
	display: 			block;
	margin: 			10px 5px 30px 5px;
	float:				left;
	width:				32px;
	height: 			32px;
	background-image: 		url(/images/edit/recaptcha_text.png);
	background-position:		center center;
	background-repeat:		no-repeat;
}

div.recaptcha_help {
	display: 			block;
	margin: 			10px 5px 30px 5px;
	width:				32px;
	height:				32px;
	background-image: 		url(/images/edit/recaptcha_help.png);
	background-position:		center center;
	background-repeat:		no-repeat;
}

/**************************************************************/
div.CommentList {
	width:				100%;
	height: 			200px;
	overflow: 			scroll;
	border: 			solid 1px #737357;
}

div.CommentList table {
	width:				95%;
}

div.CommentList table td {
	border-bottom:			dotted 1px #737357;
	padding:			5px 5px 5px 5px;
	margin: 			0px 0px 0px 0px;
}

/**************************************************************/
#Credits {
	display:			none;
	position: 			absolute;
	top:				30px;
	left: 				100px;
	width:				650px;
	height: 			430px;
	background-color: 		white;
	border: 			solid 2px #ff6600;
	padding:			10px 10px 10px 10px;
	z-index:			110;
}

#Credits h3 {
	color:				#ff6600;
	border-bottom:			dotted 1px #ff6600;
}

#Credits a.close {
	position: 			absolute;
	right:				6px;
	top:				4px;
}
/**************************************************************/
/* Barra di Navigazione */
.NavigationBar {
	font-size: 			12px;
    text-align:			center;
	margin: 			0px;
	padding-left: 			10px;
	padding-bottom: 		5px;
	padding-top: 			11px;
}

.NavigationBar li {
	display: 			inline;
	margin:             0px 10px 0px 10px;
}

/**************************************************************/
/* ImageGallery */
.ImageGalleryCB img { width: 100%; height: 100%; }
.ImageGalleryCL img { width: 90%; height: 90%; margin: 10px; }

.ImageGalleryCL  {
	padding: 10px 0 0 0;
	margin: 0 0 20px 40px;
	position: relative;
	clear: right;
}

.ImageGalleryCL button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
}

.ImageGalleryCL a.prev,  .ImageGalleryCL a.next {
	display: block;
	float: left;
	width: 30px;
	height: 143px;
	text-decoration: none;
	background: url("/images/icon/imageNavLeft.gif") left 60px no-repeat;
}

.ImageGalleryCL a.next {
	background: url("/images/icon/imageNavRight.gif") right 60px no-repeat;
}

.ImageGalleryCL a.next:hover {
	background-image: url("/images/icon/imageNavRightHover.gif");
}

.ImageGalleryCL a.prev:hover {
	background-image: url("/images/icon/imageNavLeftHover.gif");
}    

.ImageGalleryCL a:hover,  .ImageGalleryCL a:active {
	border: none;
	outline: none;
}

.ImageGalleryCL .ImageGalleryCLLite {
	border: 1px solid black;
	float: left;
	background-color: #dfdfdf;

	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}

.ImageGalleryCL ul {
	margin: 0;
}

.ImageGalleryCL li img, .ImageGalleryCL li p {
	background-color: #fff;
	width: 150px;
	height: 118px;
	margin: 10px;
}