/* CSS Document */

/* ******************************************************************* 
   HTML ELEMENTS 
 */
	html		{ margin: 0; padding: 0; height: 100%; }
	body		{ margin: 0; padding: 0; height: 100%;
			  	  font-size: 18px; font-family: "Garamond", "Times New Roman", Times, serif; line-height: 20px;  
			  	   color: #000; background-color: #fca311; }
	
	img			{ border: none; }
	
	a,			
	a:link,		
	a:visited	{ margin: 0; padding: 0; text-decoration: none; color: #000; }
	a:hover,
	a:active	{ text-decoration: none; color: #000; cursor: pointer; }
	
	h1	{ margin: 0; padding: 0; font-size: 18px; line-height: 18px; color: #000; font-weight: normal; }
	h2	{ margin: 10px 0 0 0; padding: 0; font-size: 22px; line-height: 22px; color: #000; font-weight: bold; text-align: center; }
	h3	{ margin: 20px 0 0 0; padding: 0; font-size: 14px; line-height: 14px; color: #333; font-weight: bold; }       
	h4	{ margin: 20px 0 0 0; padding: 0; font-size: 14px; line-height: 14px; color: #fca311; font-weight: bold; }       
	h5	{ margin: 5px 0 10px 0; padding: 0; font-size: 10px; line-height: 10px; color: #fca311; font-weight: bold; }  
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	line-height: 2px;
}

	
	p	{ margin: 5px 0; }     

/* ******************************************************************* 
   LAYOUT ZONES 
 */
	#wrapper		{ width: 990px; padding: 15px 15px 0 15px; }
		#logo		{ width: 330px; height: 70px; float: left; }
		#globalMenu	{ width: 570px; height: 31px; float: left; padding: 37px 0 0 0px; margin: 0; list-style: none; }
				
				ul#globalMenu li			{ float: left; display: block; margin-left: 10px; font-size: 22px; line-height: 24px; text-align: center; }
				ul#globalMenu li a,
				ul#globalMenu li a:link,
				ul#globalMenu li a:visited	{ color: #000; text-decoration: none; }
				ul#globalMenu li a:active,
				ul#globalMenu li a:hover	{ color: #fff; text-decoration: none; font-weight: bold; }
				
				ul#globalMenu li#amiciIt	{ width: 165px; }
				ul#globalMenu li#sponsorIt	{ width: 90px; }
				ul#globalMenu li#doveIt		{ width: 145px; }
				ul#globalMenu li#contattoIt	{ width: 100px; }
				
				ul#globalMenu li#amiciEn	{ width: 170px; }
				ul#globalMenu li#sponsorEn	{ width: 90px; }
				ul#globalMenu li#doveEn		{ width: 150px; }
				ul#globalMenu li#contattoEn	{ width: 100px; }
				
				ul#globalMenu li#amiciDe	{ width: 190px; }
				ul#globalMenu li#sponsorDe	{ width: 110px; }
				ul#globalMenu li#doveDe		{ width: 105px; }
				ul#globalMenu li#contattoDe	{ width: 105px; }

		#langMenu	{ width: 90px; height: 31px; float: left; padding: 39px 0 0 0; }
			
			#langMenu a { margin-left: 10px; display: block; height: 20px; width: 30px; float: right; background-position: top left; background-repeat: no-repeat; }
			
			#langMenu a#it:link,
			#langMenu a#it:visited,
			#langMenu a#it:active,
			#langMenu a#it:hover	{ background-image:url(../img/css-img/lang-it.gif); }			
		
			#langMenu a#en:link,
			#langMenu a#en:visited,
			#langMenu a#en:active,
			#langMenu a#en:hover	{ background-image:url(../img/css-img/lang-en.gif); }			
		
			#langMenu a#de:link,
			#langMenu a#de:visited,
			#langMenu a#de:active,
			#langMenu a#de:hover	{ background-image:url(../img/css-img/lang-de.gif); }			
		
		/* menù principale (a sinistra) */
		#mainMenu	{ float: left; width: 240px; padding: 0; margin: 10px 0 0 0; list-style-type: none; font-size: 22px; line-height: 22px; display: block; }
		
				ul#mainMenu li a,
				ul#mainMenu li a:link,
				ul#mainMenu li a:visited	{ padding-left: 12px; color: #000; }
				ul#mainMenu li a:active,
				ul#mainMenu li a:hover		{ font-weight: bold; padding-left: 12px; background: url(../img/mainmenu-hover.gif) center left no-repeat; color: #fff; }
				ul#mainMenu li.here			{ padding-left: 12px; background: url(../img/mainmenu-here.gif) center left no-repeat; color: #fff; }
				
				ul#mainMenu li.sub			{ padding-left: 12px; }
				ul#mainMenu li.subHere		{ padding-left: 24px; background: url(../img/mainmenu-here.gif) 12px center no-repeat; color: #fff; }

		
		#content	{ float: left; width: 740px; min-height: 420px; margin: 10px 0 0 0; padding: 0 5px 20px 5px; height: auto; background-color: #fcb135; }
			#content a:hover,
			#content a:active	{ font-weight: bold; color: #fff; }
			
			#content #homeText { font-size: 22px; line-height: 23px; text-align: justify; }
			
		#right		{ float: left; width: 100px; overflow: hidden; }
			img#sideImg	{ margin: 5px 5px 5px 0; border: 0; padding: 0; float: left; }
			img#sideImg2	{ margin: 5px 5px 5px 0; border: 0; padding: 0; float: left; }
		
	/* HOME page */
	#homeWrapper	{ margin: 30px auto 0 auto; width: 737px; height: auto; }
		/* immagine a sinistra */
		#homeImg	{ width: 410px; padding-left: 11px; height: 289px; text-align: center; }
		#homeCenter	{ width: 737px; height:289px; float:left;}
		/* link di accesso nelle varie lingue */
		#homeChoice	{ width: 737px; height: 220px; text-align: center; float: left; padding: 0 0 0 3px; margin: 0;  }
			#homeChoice p	{ margin: 8px 10px 38px 10px; padding: 0; }
				a#homeEn,
				a#homeDe,
				a#homeIt 		{ font-size: 18px; line-height: 22px; color: #000; }
				
				a#homeEn img,
				a#homeDe img,
				a#homeIt img	{ margin-right: 15px; margin-left:15px}
				
				a#homeEn:active,
				a#homeEn:hover	{ font-weight: bold; color: #fff; }
				
				a#homeDe:active,
				a#homeDe:hover	{ font-weight: bold; color: #fff; }
				
				a#homeIt:active,
				a#homeIt:hover	{ font-weight: bold; color: #fff; }
				
		
		#footer		{
	width:727px;
	text-align: left;
	font-size: 9px;
	line-height: 10px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px;
	background-color: #FCB135;
	margin: 40px 0px 20px 242px;
}
 
 /* ******************************************************************* 
   LAYOUT STYLES 
 */

	
	/* content */

	#content #detailBox		{ margin: 10px 0 0 0; padding: 0; border-top: 1px solid #fca311; }
	#content #detailBoxHead	{ font-size: 15px; line-height: 20px; font-weight: bold; padding: 5px; }

	#content #formBoxHead	{ font-size: 18px; line-height: 20px; font-weight: bold; padding: 5px; }

	/* concerts list */

	#content .concert		{ background-color: #fca311; font-size: 20px; font-weight: bold; padding: 2px; margin-top: 20px; }
	#content hr				{ border: 1px solid #fca311; height: 2px; background-color: #fca311; }
	#content .operaSmall	{ font-size: 21px; }
	#content .operaBig		{ font-size: 26px; }
	#content .ticketcorner	{ float: right; }
	#content .booking		{color:#C00}
	/* FORMS */
	
	form#enrollment label,
	form#enrollment input,
	form#enrollment select	{ display: block; width: 150px; float: left; margin-bottom: 10px; }
	form#enrollment label	{ text-align: right; width: 250px; padding-right: 20px; }
	form#enrollment strong	{ display: block; margin-bottom: 10px; }
	form#enrollment br		{ clear: left; }

	form#enrollment input#SceltaDonazione	{ width: 15px; margin-left: 0px;}

	
	form#enrollment #calculate	{ font-weight: bold; }
	
	form#enrollment .formCheck	{ font-weight: bold; color: #fff; }
	
	form#enrollment input.radio { width: 20px; margin-left: 20px; margin-right: 20px; }
	form#enrollment label.radio { text-align: left; width: 500px; }
	form#enrollment label.radio strong { display: inline; margin: 0; }
	
	div#sponsorList			{ margin-top: 20px; }
	div#sponsorList	div		{ clear: both; text-align: center; }
	div#sponsorList	div	img	{ margin-bottom: 10px;  }
		
	
 /* ******************************************************************* 
    SPECIAL STYLES 
 */

	.error	{ color: #f00 !important; }
	#ho_letto_regolamento_link.error:link,
	#ho_letto_regolamento_link.error:visited { color: #f00 !important; border-bottom: 1px solid #f00; }
	#ho_letto_regolamento_link.error:active,
	#ho_letto_regolamento_link.error:hover	{ color: #f00 !important; font-weight: bold; border-bottom: 1px solid #f00; }
	#ho_letto_regolamento_link:link,
	#ho_letto_regolamento_link:visited,
	#ho_letto_regolamento_link:active,
	#ho_letto_regolamento_link:hover	{ border-bottom: 1px solid #000; }
	
	.hide	{ display: none; }
	.break	{ clear: both; }
	
	/* links */	
		/* print icon */
		a.printThat	{ float: right; display: block; width: 19px; height: 20px; }
		a.printThat:link,
		a.printThat:visited,
		a.printThat:active,
		a.printThat:hover	{ background:url(../img/css-img/ico-print.gif) top left no-repeat; }	
		/* pdf document */
		a.pdf,
		a.pdf:link,
		a.pdf:visited	{ font-size: 10px; line-height: 16px; height: 16px; padding: 0; margin: 0 auto; width: 16px; display: block; background: url(../img/css-img/ico-pdf.gif) center right no-repeat; }
		a.pdf:active,
		a.pdf:hover		{ font-size: 10px; line-height: 16px; height: 16px; padding: 0; margin: 0 auto; width: 16px; display: block; background: url(../img/css-img/ico-pdf-hover.gif) center right no-repeat; }
		/* document icon */
		a.doc,
		a.doc:link,
		a.doc:visited	{ font-size: 10px; line-height: 16px; height: 16px; padding: 0; margin: 0 auto; width: 16px; display: block; background: url(../img/css-img/ico-doc.gif) center right no-repeat; }
		a.doc:active,
		a.doc:hover		{ font-size: 10px; line-height: 16px; height: 16px; padding: 0; margin: 0 auto; width: 16px; display: block; background: url(../img/css-img/ico-doc-hover.gif) center right no-repeat; }
	
	/* tables */
		
		/* 3 column table, used in teacher list and concert list */	
		table.concerts		{  margin: 30px 20px 0 20px; padding: 0; }
		table.concerts th	{  border-bottom: 1px solid #fca311; padding: 5px; margin: 0; font-weight: bold; }
		table.concerts td	{  padding: 5px; margin: 0; font-weight: normal; font-size: 16px; }
		
		/* 4 column table, used in corse list table */
		table.table4col		{ margin: 30px 20px 0 20px; padding: 0; }
		table.table4col th		{  border-bottom: 1px solid #fca311; padding: 5px; margin: 0; font-weight: bold; }
		table.table4col td		{  padding: 5px; margin: 0; font-weight: normal; }

		/* 3 column table, used in teacher list and concert list */	
		table.table3col		{  margin: 30px 20px 0 20px; padding: 0; }
		table.table3col th		{  border-bottom: 1px solid #fca311; padding: 5px; margin: 0; font-weight: bold; }
		table.table3col td		{  padding: 5px; margin: 0; font-weight: normal; }

		/* 2 column table, used in opera production list */	
		table.table2col		{  margin: 30px 20px 0 20px; padding: 0; }
		table.table2col th		{  padding: 5px; margin: 0; font-weight: bold; }
		table.table2col td		{  padding: 5px; margin: 0; font-weight: normal; }

		
		/* sortable table */
		table#sortable_table thead th.over { cursor: pointer; }

		th	{ text-align: left; }
		
		table.table4col td.noBorder,
		table.table3col td.noBorder,
		table.table2col td.noBorder	{ border: none; }
		
		.rowSmall { font-size: 3px; line-height: 3px; }

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

