/*--- CSS Document ---------------------------------------------------------------------------------------*/
/*                                                                                                        */
/*  Style sheet for SMHI 2007                                                                             */
/*                                                                                                        */
/*  Created by Futurniture AB                                                                             */
/*                                                                                                        */

	
/*--- Generic styles -------------------------------------------------------------------------------------*/	
	
	body, .w100, .w80, .w70, .w60, .w50, .w40, .w30, .w20 { font-size:1.23em; line-height: 1.36em; font-family:"Times New Roman", Times, serif; margin-bottom:2em; }
	
	img {border:none; }
	
		
	#accessibility { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }

		
		
/* --- Typography ----------------------------------------------------------------------------------------------*/	

	H1 { font-family: Arial, sans-serif; font-size:2.1em; line-height:1em; clear:both; }
	H2 { font-family: Arial, sans-serif; font-size:1.4em; line-height:1em; clear:both; }
	
	.preamble { font-size: 1.09em; font-weight:bold; }
	.caption { display:block; float:right; }

	.boxtitle { font-family: Arial, sans-serif; font-size:1em; line-height:2.1em; }

	.newstitle { font-family: Arial, sans-serif; font-size:1em; line-height:1.6em; font-weight:bold; }

	.smalltitle { font-family: Arial, sans-serif; font-size:1em; line-height:1.6em; font-weight:bold; }

	.cardtitle { font-family: Arial, sans-serif; font-size:1em; line-height:1.3em; font-weight:bold; color:#FFFFFF; }

	.specialtitletext { font-family: Arial, sans-serif; font-size:1em; line-height:1.2em; clear:both; }
	.themetitletext { font-family: Arial, sans-serif; font-size:1em; line-height:1.2em; clear:both; }


/*--- Head ----------------------------------------------------------------------------------------------*/	

	#head { height: 4em; margin: 0 0 1.36em 0;	}
	#logo { float: left; width: 8.18em; height: 3.36em; margin: 0 ; }







	
	
/*--- Helper -----------------------------------------------------------------------------------------*/	
	
	#helper { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }









/*--- Warnings -----------------------------------------------------------------------------------------*/	

	#topwarning  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }


	#warning { float: left; width:100%; padding: 10px 0 15px 0; margin: 0 0 15px 0; border: 0.1em solid #dbdbdb; }
	#warning .margin { margin:0 15px 0 15px; }
	#warning div div { overflow:hidden; clear:both; margin:5px 0 5px 0}
	#warning img { float:left; margin: 0 4px 0 0; }







/*--- Search -----------------------------------------------------------------------------------------*/	

	.smallsearch  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }

	/* Modifications */
	#head .smallsearch  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }


	#searcher  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }



	/* Publication search */	
	#publishsearch  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }
	





/*--- Breadcrumb -----------------------------------------------------------------------------------------*/	
	
	#breadcrumb { clear:left; display:block; margin-bottom: 1.36em; }
	#breadcrumb ul { list-style: none; margin: 0; padding: 0; }
	#breadcrumb .item { font-family: Verdana, Arial, sans-serif; font-size:0.91em; display:inline; padding: 0; }
	#breadcrumb a { color:#000000; background-image:url(../img/breadcrumb_spacer.png); background-position: right center; background-repeat:no-repeat; padding-right: 1.81em; }
	#breadcrumb a:hover { color:#0063be; }
















/*--- Navigation -----------------------------------------------------------------------------------------*/	
	
	/* Top menu */		
	ul#topmenu  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }
	
	
	
	/* Left menu */	
	#leftmenu  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }	
	
	
	
	/* Wiki menu */	
	#wikimenu  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }



	/* Sectioned menu */	
	#sectionmenu  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }



	/* Alphabetic shortcut menu */	
	#alphamenu { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }	








/*--- Data tables -----------------------------------------------------------------------------------------*/	

	.datatable { display:table; width:100%; margin-top:5px; background-color:#d1eff7 }
	.datarow {display:table-row; }
	.datacell { display:table-cell; padding: 10px 0 10px 0; border-right:solid 2px #ffffff; }
	.datarow .last { border:none; }

	.wData100 { width:68em; border-right:none; }
	.wData50 { width:33.3em; }
	.wData33 { width:22.5em; }
	.wData25 { width:16.8em; }
	
	.datatableheader {margin-bottom:2px; }
	.datatablewithheader {margin-top:0; }









/*--- Card -----------------------------------------------------------------------------------------*/	

	.card { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }







/*--- Footer -----------------------------------------------------------------------------------------*/	

	#footer { float:left; height:auto; width:86.2em; margin: 15px 0 15px 0; height:1px; overflow:hidden; visibility:hidden;}
	
	/* Service panel */	
	#panel  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }
	



	/* Contact information */	
	#contact div { text-align: center; }
	#contact div { font-family: Verdana, Arial, sans-serif; }
	#contact ul { display: inline; margin-left:0; padding:0; }
	#contact li { display: inline; margin-left: 20px; }
	#contact a { color: #000000; }
	#contact a:hover { color:#0063be; }







	/*--- Tables -----------------------------------------------------------------------------------------*/	

	table { width:100%;  margin: 0 0 15px 0; }
	th,td {padding:5px; background-color:#efefef;}
	th.row {vertical-align:middle; font-weight:bold; border-right:1px solid #c1c1c1; }
	th.col {vertical-align:bottom; font-weight:bold; border-right:none; border-bottom:1px solid #000000; }
	.blank {padding:8px; background-color:#efefef; border-right:1px solid #c1c1c1;  border-bottom:1px solid #000000;}
	.oddrow { background-color:#ffffff; }



	#article_byline a { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }
		#comment_form  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }



	/* Tips functions */	
	#tipser  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }

	

	/* Contact functions */	
	#contact_form  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }



	/* Order form */	
	#order_form  { position:absolute; left:-1000px; width:1px; height:1px; overflow:hidden; visibility:hidden; }




	.inlineimageset_full { float:left; width:500px; margin:15px 15px 15px 0; }
	.inlineimageset_left { float:left; width:185px; margin:15px 15px 15px 0; }
	.inlineimageset_right { float:right; width:185px; margin:15px 0 15px 15px; }