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

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

	body		{ padding: 0; margin: 0; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; }

	img			{ padding: 0; margin: 0; border: 0; }
	
	p			{ padding: 0; margin: 5px; }
	
	a, 
	a:link,
	a:visited	{ color: #06c; text-decoration: none; }
	
	a:hover,
	a:active	{ color: #06c; text-decoration: underline; }

/*  ---------------------------------------------------------
 *	Layout zones
 */

	/* HEAD */
	#head 						{ background: #fff url(../img/logos/logo.png) top left no-repeat; width: 750px; height: 96px; margin: 0; padding: 0;   }

		#UsiSupsiContainer 		{ float: left; padding: 10px 0 0 30px; width: 270px; line-height: 0px;  }

		#logobar 				{ float: right; font-size: 12px; font-weight: bold; margin: 57px 0 0 0; padding: 0; width: 400px; height: 25px; text-align: right; }
		#logobar #eLab			{ float: right; }		

		#langbar 				{ padding: 0 0 0 8px;  width: 742px; margin: 0 0 0 0; text-align:right; float: left; }
		
		#langbar #lang 			{ float: right; font-size: 11px; }
		
		#langbar #lang a,
		#langbar #lang a:link,
		#langbar #lang a:visited,
		#langbar #lang a:active,
		#langbar #lang a:hover	{ color: #333333; text-decoration: none; }

	/* BODY */
	#body						{ clear: both; padding: 0 0 0 20px; width: 730px; }

		#left					{ float: left; width: 525px; padding: 5px; }
		#menu					{ padding: 5px 0 5px 22px; margin: 10px 0 10px -17px; border-style: solid; border-color: #000; border-width: 0;  }

		#right					{ float: left; width: 185px; padding: 5px; overflow: hidden; background-color: #ddd;  }

			#address			{ text-align: right; color: #999; font-size: 9px; }
			#address a,
			#address a:link,
			#address a:visited,
			#address a:hover,
			#address a:active 	{ color: #999; text-decoration: none; }
			
/*  ---------------------------------------------------------
 *	Special styles
 */
 
 	/* In the normal text content */
 
	#title				{ font-size: 15px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }	
	.title				{ font-size: 15px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }	
	.subtitle			{ font-size: 13px; font-weight: bold; margin-bottom: 10px; margin-top: 15px; }
	
	
	/* Links, external-mail-internal-file-.... */
	
		/*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 and columns
 */

		
	/* BOX */

		#boxHome					{ margin: 15px auto 15px auto; text-align: center; border: 1px dotted black; width: 400px; }
		
		.boxContent 				{ border: 1px dotted #039; width: 505px; font-size: 12px; margin: 0; margin-bottom: 5px; margin-top: 5px; padding: 5px; }
		.boxRight					{ border: 1px dotted #039; font-size: 12px; margin: 0; margin-bottom: 5px; margin-top: 5px; padding: 5px; }

		.boxRight2Content			{ font-size: 10px; margin: 0; margin: 5px 2px 5px 2px;  padding: 0; }
		.boxRight2Content .title	{ font-size: 12px; padding: 2px 0 0 2px; }
		.boxRight2Content ul		{ margin: 0; padding: 5px 5px 0 10px; }
		.boxRight2Content li		{ margin-bottom: 5px; }
		.boxRight2					{ border: 1px dotted #039; padding: 5px; }
		.boxRight2 p				{ padding: 0; margin: 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 					{ border: 1px dotted #039; width: 505px; font-size: 12px; margin: 5px 0 5px 0; padding: 5px; }
		
		.boxExpand .plus,
		.boxExpand .minus			{ font-weight: bold; display: block; width: 495px; 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:#333; text-decoration: none; }
		.boxExpand .plus:hover,
		.boxExpand .plus:active,
		.boxExpand .minus:hover,
		.boxExpand .minus:active	{ color:#000; text-decoration: none; }
		.boxExpand div				{ margin: 0; width: 495px; padding: 2px; }
		
		.boxExpand div a,
		.boxExpand div a:link,
		.boxExpand div a:visited	{ color: #06c; text-decoration: none; display: inline; border-bottom: none; }
		.boxExpand div a:hover,
		.boxExpand div a:active		{ color: #06c; text-decoration: underline; display: inline; border-bottom: none; }