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

/*  ---------------------------------------------------------
 *	colors, change for every different project 
 */

	body 		{ color: #036; background: #fff; font-family: "GillSans", "Gill Sans", "Futura Lt BT", "Futura", Arial, Helvetica, sans-serif; }
	
	a, 
	a:link,
	a:visited	{ color: #696; font-weight: bold; text-decoration: none; }
	
	a:active,
	a:hover		{ color: #696; font-weight: bold; text-decoration: underline; }
	
	#all		{ background-color: #fff; }
	
	#menu ul	{ background-color: #369; color: #fff; }
	
	#menu li a,
	#menu li a:link,
	#menu li a:visited
				{ color: #fff; font-weight: normal; }
	#menu li a:active,
	#menu li a:hover
				{ color: #369; font-weight: normal; background-color: #fff; }
				
	#text		{ background-color: #fff; }	

	#animation	{ background-color: #9cf; }
	#flash		{ border-color: #000; border-style: dashed; }
	
	#nexttitle	{ background-color:#369; color: #fff; }
	#nextcontent
				{ border-color: #369; border-style: solid; font-size: 9px; }

/*  ---------------------------------------------------------
 *	HTML elements 
 */

	html,body 		{ margin: 0; padding: 0; width: 100%; font-size: 13px; text-align: center; }
	
	img			{ border: 0; margin: 0; padding:0; background: none; }
	
	a,
	a:link,
	a:visited	{ text-decoration: none; }
	
	a:active,
	a:hover		{ text-decoration: underline; }
	
	h2 			{ font-size: 22px; font-weight: bold; margin: 0 0 13px 0; }
	
	h3			{ font-size: 13px; font-weight: bold; border-bottom: 1px solid #000; margin: 10px 0 5px 0; }
	
	p			{ margin: 0 0 5px 0; padding: 0; }

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

	#all			{ width: 720px; height: 480px; text-align: left; overflow: hidden; }
	#all br			{ clear: left; }
	
	#logo			{ width: 720px; height: 80px; padding: 0; margin: 0; border: 0; display: block; }
	#logo img		{ display: block; }
	#logo #svcLogo	{ float: right; }
	#logo #eLabLogo	{ float: right; clear: both; }
	
	#menu			{ width: 720px; height: 20px; text-align: right; overflow: hidden; margin-bottom: 10px; clear: both; }
		#menu ul	{ list-style-type: none; margin: 0; padding: 0; height: 20px; }
		#menu li	{ display: inline; margin: 0; padding: 0; font-size: 15px; line-height: 20px; }
		#menu li a,
		#menu li a:link,
		#menu li a:visited
					{ text-decoration: none; padding: 2px 5px 2px 5px; }
		#menu li a:active,
		#menu li a:hover
					{ text-decoration: none; padding: 2px 5px 2px 5px; }
	
	#text			{ width: 410px; height: 250px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 5px; overflow: visible; }
		#text li	{ margin-bottom: 5px; }
	
	#animation		{ width: 280px; height: 250px; float: left; margin-bottom: 10px; padding: 5px; text-align: center; overflow: visible; }
		#flash		{ width: 280px; height: 250px; padding: 0; border-width: 0; overflow: visible; }
	
	#next			{ width: 420px; height: 100px; margin-right: 10px; float: left; height: 100px; overflow: visible; }
		#nexttitle	{ padding: 5px 5px 2px 5px; font-size: 16px; line-height: 16px; height: 16px; }
		#nextcontent
					{ height: 63px; border-width: 2px; overflow: auto; padding: 5px; }
	
	#demo			{ width: 290px; height: 100px; padding: 10px 0; overflow: hidden; float: left; text-align: center; }
		.demobox	{ padding: 50px 0 0 50px; float: left; background: #fff url(../img/icons/tryfree.jpg) top left no-repeat; }

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

	/*a[href ^="http://"],*/
	.link-external
				{ background: url(../img/icons/external_icon.png) center right no-repeat; padding-right: 13px; }
	
	/*a[href ^="mailto:"],*/
	.link-mailto 
				{ background: url(../img/icons/mail_icon2.gif) center right no-repeat; padding-right: 18px; }
	
	/*a[href ^="ftp://"],*/
	.link-ftp	{ background: url(../img/icons/file_icon.gif) center right no-repeat; padding-right: 18px; }
	
	/*a[href ^="news://"],*/
	.link-news	{ background: url(../img/icons/news_icon.png) center right no-repeat; padding-right: 18px; }
	
	/*a[href ^="https://"],*/
	.link-https	{ background: url(../img/icons/lock_icon.gif) center right no-repeat; padding-right: 16px; }
	
	/*a[href ^="irc://"],*/
	.link-irc	{ background: url(../img/icons/discussionitem_icon.gif) center right no-repeat; padding-right: 18px; }

	/* Box people */
	.people img	{ float: left; width: 39px; margin: 5px 9px; clear: right; border: 1px solid #000; }
	.people div	{ float: right; width: 331px; margin: 5px 0; clear: right; }
	.people #last { margin: 5px 0 0 0; }
	.people br	{ clear: both; }
	.people		{ margin: 0; padding: 0; }
	
	/* For the show-hide blocks */

	.show					{ display: block; }
	.hide					{ display: none; }

	.plus					{ background-image: url(../img/icons/plussign.gif); background-position: center right; background-repeat: no-repeat; }
	.minus					{ background-image: url(../img/icons/minussign.gif); background-position: center right; background-repeat: no-repeat; }


	.boxExpand 					{ font-size: 13px; margin: 5px 0 5px 0; padding: 5px; }
	
	.boxExpand .plus,
	.boxExpand .minus			{ font-weight: bold; display: block; border-bottom: 1px solid #999; margin: 0; margin-top: 5px; padding: 0; }
	.boxExpand .plus:link,
	.boxExpand .plus:visited,
	.boxExpand .minus:link,
	.boxExpand .minus:visited	{ color:#036; text-decoration: none; }
	.boxExpand .plus:hover,
	.boxExpand .plus:active,
	.boxExpand .minus:hover,
	.boxExpand .minus:active	{ color:#036; text-decoration: none; }
	.boxExpand div				{ margin: 0; padding: 2px; }
	
	.boxExpand div a,
	.boxExpand div a:link,
	.boxExpand div a:visited	{ display: inline; border-bottom: none; }
	.boxExpand div a:hover,
	.boxExpand div a:active		{ display: inline; border-bottom: none; }