/************************************************************
Created 13.02.2006
by eLab, eLearning Lab, USI/SUPSI
name: screen.css
description: stylesheet for screen media for project website
last modified: 01.03.2006
************************************************************/

/*  ---------------------------------------------------------
 *	HTML elements 
 */	
	
	body 	{ margin: 0; padding: 0; font-size: 13px; line-height: normal; font-family: "GillSans", "Gill Sans", "Gill Sans MT", "Futura Lt BT", "Futura", Arial, Helvetica, sans-serif; color: #333; /*background: #fff url(../images/bg.png) top top repeat-y;*/ background-color: #fff; text-align: center; }
	
	img		{ border: 0; margin: 0; padding:0; background: none; }
	
	h2		{ font-size: 2em; font-weight: normal; }
	
	a:link,
	a:visited	{ color: #d99100; text-decoration: none; }
	a:hover,
	a:active 	{ color: #d99100; text-decoration: underline; }	

/*  ---------------------------------------------------------
 *	Main layout zones
 */

	#mainContainer		{ background: #fff url("../img/logo/logo_viz_big.jpg") top left no-repeat; 		width: 750px; margin-top:10px; margin-right:auto; margin-left:auto; padding:0px; text-align: left; }
	#mainContainerHome	{ background: #fff url("../img/logo/logo_home.png") top left no-repeat;	width: 750px; margin-top:10px; margin-right:auto; margin-left:auto; padding:0px; text-align: left; }
	
	#popupContainer { width: 300px; margin-top:10px; margin-right:auto; margin-left:auto; padding:0px; text-align: left; }
	
	#header { padding: 0; margin: 0; background: none; }
	
	#mainContainerHome #header { height: 199px; }
	#mainContainer #header { height: 140px; }	
	
	#main { height: auto; padding: 0; margin: 0; }
	#footer { height: 40px; padding: 0; clear: both; margin: 0; }
	
	#popupFooter { padding: 0; clear: both; font-size: 13px; font-weight: bold; text-align: right; padding: 4px; }

/*  ---------------------------------------------------------
 *	Small layout zones
 */
	/* HEAD */
	/* GLOBALMENU */
		#globalMenu { margin: 0; padding: 0; font-size: 13px; font-weight: bold; line-height: 18px; background: none; width: 240px; height: 18px; float: right; }
	
		#globalMenu ul { margin: 0; padding: 0; list-style: none; text-align: right; }
		
		#globalMenu li { display: inline; padding: 2px 5px 2px 5px; /*background-image: url("../images/listSeparator.jpg"); background-repeat: no-repeat; background-position: bottom left; background-color: #fff;*/ }

		#globalMenu a:link,
		#globalMenu a:visited,
		#globalMenu a:hover,
		#globalMenu a:active { text-decoration: none; color: #d99100; }
		
		#globalMenu .separator { background-color: #333; padding: 2px 2px 2px 2px; }
		
		#header #globalMenu .separator { background-color: #fff; padding: 0 2px 0 2px; }
	
	/* MENU1&2 */
		#main #menu1 ul,
		#main #menu2 ul { margin: 0; padding: 0; list-style: none; }
		
		#main #menu1 li,
		#main #menu2 li { display: inline; padding: 2px 10px 2px 10px; }
		
		#main #menu2,
		#main #menu1 {  line-height: 18px; }
		
		/* MENU1 */
			#main #menu1 { margin-top: 14px; background: #fff url("../img/2x1px_black.gif") repeat-x bottom left; text-align: center; color: #fff; font-size: 13px; line-height: 19px; font-weight: bold;	}
			#main #menu1 li { background-color: #333; }
			#main #menu1 a:visited,
			#main #menu1 a:link { color: #fff; text-decoration: none; }
			
			#main #menu1 a:hover,
			#main #menu1 a:active { color:#D6F905; text-decoration: none; }
			
			#main #menu1 .this,
			#main #menu1 .this a:visited,
			#main #menu1 .this a:link { background-color: #fff; color: #d99100; text-decoration: none; }
			
			#main #menu1 .this a:hover,
			#main #menu1 .this a:active { color:#d99100; text-decoration: none; }
		
		/* MENU2 */
			#main #menu2 { background-color: #fff; font-size: 13px; font-weight: bold; line-height: 30px; text-align: center; }
	
			#main #menu2 a:visited,
			#main #menu2 a:link { color: #333; text-decoration: none; }
			
			#main #menu2 a:hover,
			#main #menu2 a:active { color:#ccc; text-decoration: none; }
			
			#main #menu2 .this,
			#main #menu2 .this a:visited,
			#main #menu2 .this a:link { color:#333; text-decoration: none; font-size: 24px; text-transform: uppercase; font-weight: normal; }
			
			#main #menu2 .this a:hover,
			#main #menu2 .this a:active { color:#333; text-decoration: none; font-size: 24px; text-transform: uppercase; font-weight: normal; }
			
	/* MAIN */
		#main #title { border-bottom: 2px solid #333; padding: 15px 0 0px 4px;	font-size: 2em; text-transform: uppercase; }
		
		#main #popupTitle { font-size: 1.5em; line-height: 1.5em; font-weight: bold; border-bottom: 2px solid #000;	margin: 0; padding: 4px; }		
		
		#main #body { clear: both; padding: 5px; }
		
		#main #body p,
		#main #body div			{ margin: 0 0 .6em 0; }
		
		#main #bodyContainer	{ clear: both; background-color: #fff; padding: 5px; width: 750px; }
		
		#main #bodyContainer a,
		#main #bodyContainer a:link,
		#main #bodyContainer a:active,
		#main #bodyContainer a:hover,
		#main #bodyContainer a:visited { color: #d99100; text-decoration: underline; }	
	
	/* FOOTER */
		#footer #partnerLogos { width: 580px; float: left; padding: 5px; }
	
		#footer #eLabLogo { float:right; margin: 0; padding: 10px; font-size: 13px; font-weight: bold; width: 140px; text-align: right; }
		
		#footer #eLabLogo a,
		#footer #eLabLogo a:link
		#footer #eLabLogo a:visited,
		#footer #eLabLogo a:hover,
		#footer #eLabLogo a:active { text-decoration: none; font-weight: bold; color: #333; }
		
		#popupFooter a,
		#popupFooter a:link
		#popupFooter a:visited,
		#popupFooter a:hover,
		#popupFooter a:active { text-decoration: none; font-weight: bold; color: #333; }

/*  ---------------------------------------------------------
 *	Special styles
 */

	/* BOXES (on the homepage) */
		#boxes { margin: 10px 0 0 0; padding: 5px; background-color: #fff; text-align: center; height: 128px; }
		
		#boxes .box { margin: 0; padding: 6px; float: left; width: 136px; text-align: center; }
		#boxes .box p { /* border-style: solid; border-color: #ccc; border-width: 1px 1px 0 1px; */ width: 112px; background-color: #fff; margin: 0 7px 0 7px; padding: 4px; text-indent: 0; text-align: left; font-size: 15px; font-weight: bold; }
		#boxes img 		{  /* border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; */ }
		#boxes .box a,
		#boxes .box a:link
		#boxes .box a:visited,
		#boxes .box a:hover,
		#boxes .box a:active { text-decoration: none; font-weight: bold; color: #d99100;  }
	/* BOXES (on the simple pages) */
		.box200 { padding-left: 169px; }
		.box200 div { position:relative; width: 202px; border: 1px dotted #039; text-align: center; padding: 5px; /*margin-left: 169px;*/  }	

		.box300 { padding-left: 119px; }
		.box300 div { position:relative; width: 302px; border: 1px dotted #039; text-align: center; padding: 5px; /*margin-left: 119px;*/ }	

		.box400 { padding-left: 69px; }	
		.box400 div { position:relative; width: 402px; border: 1px dotted #039; text-align: center; padding: 5px; /*margin-left: 69px;*/ }
		
	/* 2 COLUMNS */
	
		/* 100px 620px, USUALLY USED FOR PEOPLE LIST */
		.colContainer1042 { border-bottom: 2px dotted #039; width: 740px; clear: both; margin: 0; padding: 5px 5px 15px 5px; }
		
		.colContainer1042 .colLeft { float: left; width: 100px; padding: 0; text-align: center; margin: 0; }
		
		.colContainer1042 .colLeft img { border: 1px solid #039; }
		
		.colContainer1042 .colRight { float: right; width: 618px; padding: 0; margin: 0; }
		
		/* 140px 580px, USUALLY USED FOR PARTNERS LIST */
		.colContainer1438 { border-bottom: 2px dotted #039; width: 740px; clear: both; margin: 0; padding: 5px 5px 15px 5px; }
		
		.colContainer1438 .colLeft { float: left; width: 140px; padding: 0; text-align: center; margin: 0; }
				
		.colContainer1438 .colRight { float: right; width: 578px; padding: 0; margin: 0; }

		/* 220px 500px, USUALLY USED FOR PARTNER ISTITUTION DESCRIPTION */
		.colContainer2230 { border-bottom: 2px dotted #039; width: 740px; clear: both; margin: 0; padding: 5px 5px 15px 5px; }
		
		.colContainer2230 .colLeft { float: left; width: 200px; padding: 0; text-align: center; margin: 0; }
				
		.colContainer2230 .colRight { float: right; width: 518px; padding: 0; margin: 0; }

	/* TABLES */
	
		.bordertabella td { border-collapse: collapse; border: 2px solid #ccc; }
		.bordertabella { border-collapse: collapse; }