@import url(/Styles/imageClasses.css);

/********************************************************************
*																	*
* CamelCase notation is used for class selectors that would have	*
* been id selectors if WinForms hadn't been used.					*
*																	*
* Colors															*
*   Dark-gray  #464646												*
*   Black      #1e1e1e                                              *
*                                                                   *
********************************************************************/


/************************/
/* GLOBAL               */
/************************/
body
{
	font-family: Helvetica, Verdana, Arial;/*Helvetica renders Capital Bold Å's poorly*/
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	text-align: center;	
	color:#333;
}

.content iframe
{
	height: 15em;
}

html:first-child .content iframe
{
	width:14em;
}

.TopItem
{
	width: 83em;
	max-width: 115em;
	margin: 8px auto 18px auto;
	background: url(images/page_left_green.gif) repeat-y left top;
    text-align: left;
    background-color: White;
}

.Page 
{
    position: relative;
	padding: 4px 8px 0 4px;
}

	.Page .bottom
	{
		position: absolute;
		left: 4px;/*-4px*/
		/*bottom: 0em;*/
		height: 8px;/*13px*/
		width: 100%;
		background-position: bottom left;
		background-repeat: no-repeat;
	}
		
		.Page .bottom div
		{
			position: absolute;
			right: -4px;
			background-position: bottom right;
			background-repeat: no-repeat;
			height: 100%;
			width: 50%;
		}

a 
{
	color: #006EA0;
}

	a:hover
	{
		color:#000000;
		text-decoration:underline;
	}

a.notelink
{
	font-weight:bold;
	text-decoration:none;
}

h1 
{
	font-weight: normal; 
	font-size: 1.7em; 
	line-height: 1.2em; 
	padding: 0em;
	margin: 0em 0em 0.5em 0em;
	color:#333;
}

h2
{
	/*font-weight: normal; */
	/* font-style: italic; */
	font-size: 1.4em; 
	/* padding: 0; */
	margin: 0.2em 0;
	color:#333;
}

h3 
{
	font-weight: bold; 
	font-size: 1em; 
	padding: 0; 
	margin: 0.4em 0;
	color:#333;
}

h3 a
{
	text-decoration:none;
}

p 
{
    margin: 0 0 1em 0; 
    padding: 0;
    line-height: 1.3em; 
}

.introduction 
{
    font-style:italic;
}

hr 
{
	margin: 0.5em;
	height: 1px;
	padding: 0;
	background: #d7d7d7;
	color: #d7d7d7;
	border:0;
}

hr.clear 
{
    clear: both;
}

div.clear
{
	display: block;
	float: none;
	clear: both;
	font-size: 0px;
}

ul
{
    padding: 0;
    margin: 1.5em;
}

ol
{
	padding: 0;
    margin: 1.5em 1.5em 1.5em 2em;
}

fieldset 
{   
	margin: 0 0 1em 0;
	padding: 1em;
}

.hidden 
{
    display: none;
}

.error 
{
    color: Red;
    padding-bottom: 1em;
}

.error span br
{
	display:block;
}

.error br
{
	display:block;
}

table
{
	font-size: 1em;
	border-collapse: collapse;
}

th
{
	text-align: left;
}

.Alphanumeric
{
	
}

	#alphanumericlinks-container
	{
		font-weight:bold;
		margin: 0 0 1.44231em;
	}

	.Alphanumeric .alphanumericListing-title
	{
		font-weight:bold;
	}


/************************/
/* HEADER               */
/************************/
.HeaderRegion
{
	position: relative;
	margin-left: -8px;
	padding-left: 8px;
	margin-top: -4px;
	padding-top: 4px;
	background-position: top left;
	background-repeat: no-repeat;
}

.righttop
{
	position: absolute;
	right: -8px;
	top: 0px;
	width: 50%;
	height: 100%;
	background-position: top right;
	background-repeat: no-repeat;
}

.Header
{
	position: relative;
	padding: 1em 1em 0em;
	height: 4.75em;
}

.Logotype
{
	float: left;
	height: 100%;
}
	
	.Logotype a
	{
		display: block;
		height: 25px;
		width: 188px;
		margin-top: 0.75em;
		background-image: url(images/logotype.gif);
		background-repeat: no-repeat;
		text-indent: -200em;
	}
	
.Functions
{
	position: absolute;
	top: 7px;
	right: 12px;
	z-index: 100;
	margin:0;
	padding:0;
}

	.Functions li
	{
		display: inline;
		margin:0em 0.4em;
	}
		
		.Functions li a
		{
			text-decoration:none;
		}

			.Functions li a img
			{
				padding: 10px;
				background:url(images/top_icon_background.gif) no-repeat center center;
				border: none;
			}

/************************/
/* MAINMENUAREA         */
/************************/

.FooterArea,
.MainMenuArea 
{
	position: relative;
	height: 2.6em/*32px*/;
	z-index: 1;
	margin: 0em 1em;
	padding: 0em;
	overflow: hidden;
}

	.FooterArea .left,
	.MainMenuArea .left 
	{
		height: 2.6em/*32px*/;
		width: 50%;
		position: absolute;
		right: 0em;
		overflow: hidden;
	}

.FooterArea ul,
.MainMenuArea ul 
{
	margin:0;
	list-style-type: none;
	float: left;
	z-index: 0;
	position: relative;
}

	.FooterArea li,
	.MainMenuArea li 
	{
		display: block;
		float: left;
		margin: 0px;		
		

		/*padding: 0.3em 0em 0.0em;*/
		/*height: 3em;*/
	}
	

	.MainMenuArea li a
	{
		line-height:30px;
		height: 100%;
		float:left;
		display: block;
		/*padding: 0px 8px;*/
		text-decoration: none;
		color: White;
		font-weight: bold;
		padding: 0px 1.5em;
		position: relative;
		z-index: 10;
	}
	
			.MainMenuArea li a:hover
			{
				color:White;
				text-decoration:underline;
			}
	
	/*Opera 7 fixes below*/
	html:first-child .MainMenuArea li 
	{
		width:80px;
		font-size:x-small;
	}
	
	html:first-child .MainMenuArea li a /*Opera 7 fix - O7 can't handle float:left in li elements*/
	{
		float:none;
	}
	
	html:first-child .FooterArea li
	{
		width:110px;
		text-align:center;
		font-size:x-small;
	}
	
	
	html:first-child .FooterArea li a
	{
		float:none;
	}
	


/*************************/
/* QUICKSEARCH           */
/*************************/
.QuickSearchArea
{
	position: absolute;
	bottom: 3em;
	right: 0px;
	padding: 0em;
	margin: 0em;
	text-align: right;
	vertical-align: middle;
	padding-right: 1em;
	z-index: 100;
	
}

	.QuickSearchArea input.text,
	.QuickSearchArea input.button
	{
		font-size: 0.8em;
		display: inline;
		margin: 0em 0.1em;
		vertical-align: top; 
	}

	.QuickSearchArea input.text
	{
		width: 11em;
	}

	.QuickSearchArea input.button
	{ 
		padding: 0 1em 1px;	
		height: 2em;	
	}


/*************************/
/* STAGEAREA             */
/*************************/

.ContentRegion
{
	background-color: transparent;
	position: relative;
}

.StageArea
{
	width: 100%;
    padding: 0.5em 0em 1.5em;
	overflow: hidden;
}

/*************************/
/* BREADCRUMBS           */
/*************************/
.BreadCrumbsArea
{
	padding: 0.25em 1.4em 0em 0em;
	display: block;
	text-align: right;
	font-size: 0.8em;	
	position: relative;
	z-index: 500;
}

.BreadCrumbsArea, .BreadCrumbsArea a
{
	color: #333;
	text-decoration:none;
}

.BreadCrumbsArea a:hover
{
	text-decoration:underline;
}

.BreadCrumbsArea span
{
	font-weight: bold;
}


/*********************************************/
/* SubMenuArea, LeftColumn & RightColumnArea */
/*********************************************/
/*Blob*/
.blob
{
	padding: 0px;
	position: relative;
	margin-bottom: 1em;	
}

	.blob .content
	{
		overflow: hidden;
		padding: 0.9375em 0.625em;
	}

.containsNoMultiList
{
	background: none;
	padding: 0px;
}

.SubMenuArea,
.EmptySubMenuArea,
.LeftColumn
{
	margin: 0em 1em 0em 1em;
	width: 14.75em;
	float: left;
	overflow: hidden;
}

.EmptySubMenuArea
{
	visibility: hidden;
}
/*Rightcolumnarea*/
.RightColumnArea
{
	margin: 0em;
	position: relative;
}
	
	
	.RightColumnArea ul ul
	{
		border:none;
		list-style-type:disc;
	}
	
	.RightColumnArea li
	{
		border-top:solid 0.1em #777777;	    
		padding: 0.75em;
	}
	
		
	.RightColumnArea li
	{
		display: block;
		padding: 0.75em 0.75em 1em;
	}
	
	.RightColumnArea .panelNote ul li
	{
		margin-left: 2em;
		display:list-item;
	}
	
	.RightColumnArea .panelNote ol li
	{
		display:list-item;
	}
	
	.RightColumnArea .formpanel ul li
	{
		margin-left: 2em;
		display:list-item;
	}
	
	.RightColumnArea .formpanel ol li
	{
		display:list-item;
	}
	
	.RightColumnArea li li
	{
		border-top:none;
		padding:0;
		/*display:list-item; vill inte ha den till list-rss:er*/
	}
	
	.RightColumnArea .first
	{
		border-top:none;
		padding: 0.25em 0 0.75em 0;
					
	}
	
	.RightColumnArea .firstNoBorder
	{
		border-top:none;
		padding: 0em 0.75em 0.75em 0.75em;		
					
	}
	
	.RightColumnArea .multiList li
	{
		border-top:solid 0.1em #777777;	    
		padding: 0.75em 0.75em 0.75em 0.75em;	
	}
	
	.RightColumnArea .multiList .first
	{
		border-top:none;	
		padding: 0.25em 0.25em 0.5em 0.75em;		
	}
	
	.RightColumnArea .multiListInRightCol .ListItemInRightColumnFirst
	{
		border-top:none;	
		padding: 0.5em 0em 0em 0em;
	}
	
	.RightColumnArea .ListItemInRightColumnFirst
	{
		border-top:none;	
		padding: 0.5em 0em 0em 0.75em;
	}

	
	.RightColumnArea img
	{
		max-width:18.75em;
	}	
	
	.RightColumnArea .multiList .ListItemInRightColumn
	{	 
		padding: 0em;	
	}
	
	.RightColumnArea .multiListInRightCol
	{
		padding: 0em;	
		border:medium none;
		margin:0;
	}
	.RightColumnArea .multiListInRightColNotFirst
	{
		padding: 0em;
		padding-top: 0.5em;		
		margin:0;		
	}
	
	.RightColumnArea .multiListInRightColFirst
	{
		border-top:none;
		padding-top:0.5em;		
			
	}	
	
	.RightCollistingitemiwithnoimage
	{
		margin: 0 0 1em 0.25em;
		padding: 0 0 0 0;
	}
	
	.RightCollistingitemiwithimage
	{
		margin: 0 0 1em -0.25em;
		padding: 0 0 0 0;
	}
	
	.RightColumnArea .arrow a
	{			
		padding-left:0.6em;		
	}
	
	.SubMenuArea img
	{
		margin: 0px;
		padding: 0px;
		width: 14.75em;
		height: 8.75em;		
	}

	.blob h2
	{
		color: White;
		font-weight: bold;
		padding: 0.5em 0.5em;
		margin:0px;
		font-size: 1em;
		font-style: normal;
	}
	.blob div h2
	{
		padding: 0;
		font-weight: bold;
		color:#333333;
		font-family:Verdana;
		font-size:1em;
		font-style:normal;
		margin-bottom:0.5em;
	}
	
	.SubMenuArea h2
	{
		padding-left: 11px;
	}
	
	.blob .content,	
	.RightColumnArea ul
	{
		margin: 0px;
		background-color: #FFFFFF;
		border: solid 1px #BFBFBF;
	}
	
	.SubMenuArea ul,
	.RightColumnArea ul
	{
		list-style-type: none;
		line-height: 1em;	
	}
	
		.SubMenuArea li *,
		.RightColumnArea li *
		{
			line-height: 1.3em;	
		}
	
	.containsNoMultiList ul
	{
		padding-top: 0.75em;		
	}
	
	.containsNoMultiList div.date
	{
		font-size: 0.9em;
		color: #555555;	
	}
	
	.containsNoMultiList a.noteheading
	{
		 font-weight:bold;		
	}	
	
	.SubMenuArea ul
	{
		margin: 0px;
		background-color: #FFFFFF;	
		border-left:solid 1px #BFBFBF;
		border-right:solid 1px #BFBFBF;
		padding-top: 0.3em;
	}
	
	.SubMenuArea ul.emptyul
	{	
		min-height: 0.75em;	
		border-bottom: solid 1px #BFBFBF;
	}
	
	
	.SubMenuArea li a, 
	.SubMenuArea li span
	{
		display: block;
		padding: 0.5em 0.5em 0.5em 27px;	
	}

	
		.SubMenuArea a:hover
		{
			color: #000000;
			text-decoration:underline;
		}
	
		.SubMenuArea ul ul
		{
			margin: 0px;
			padding: 0px;
			border: 0;
		}
	
		.SubMenuArea li a
		{
			color: Black;
			text-decoration: none;
			font-weight:bold;			
		}		
		
		.SubMenuArea ul li a.leaf
		{
			background-image: none;
		}

		.SubMenuArea li li
		{	
			font-size: 0.9em;
		}
		
			.SubMenuArea li li a, 
			.SubMenuArea li li span
			{
				background-image: none;
				margin: 0.25em 0.5em 0em 3.5em;
				padding: 0em 0em 0.75em 0em;/*The reason to put the bottom space as padding instead of margin is because otherwise the blob borders will be a mess when you expand the last item in the submenu.*/
			}
			
			.SubMenuArea li a.selected,
			.SubMenuArea li li span
			{
				color: #000000;
				font-weight: bold;
			}
			
				.SubMenuArea li li li
				{	
					font-size: 1em;
				}
			
				.SubMenuArea li li li a, 
				.SubMenuArea li li li span
				{
					margin: 0.75em 0.5em 0.75em 4.5em;
					padding: 0em;
				}
	
	.blob div.bottomleftcorner,
	.blob div.bottomrightcorner,
	.blob div.topleftcorner,
	.blob div.toprightcorner
	{
		position: absolute;
		width: 6px;
		height: 7px;
		z-index: 10;
		font-size: 0px;
	}
	.blob div.bottomleftcorner
	{
		width:52%;
		bottom: 0px;
		left: 0px;
		background: url(images/rightcolumnarea_bottom.gif) no-repeat left bottom;
	}
	.blob div.bottomrightcorner
	{
		width:52%;
		bottom: 0px;
		right: 0px;
		background: url(images/rightcolumnarea_bottom.gif) no-repeat right bottom;
	}
	.blob div.topleftcorner
	{
		top: -1px;/*-2px har funkat fram till 081119*/
		left: 0px;
		background: url(images/rightcolumnarea_top.gif) no-repeat left bottom;
	}
	.blob div.toprightcorner
	{
		top: -1px;/*-2px har funkat fram till 081119*/
		right: 0px;
		background: url(images/rightcolumnarea_top.gif) no-repeat right bottom;
	}
	
	.containsMultiList div.bottomleftcorner,
	.containsMultiList div.bottomrightcorner
	{
		background-image: url(images/info_bottom.gif);
	}
	
	.containsMultiList ul
	{
		background-image: url(images/info_background_gradient.gif);
		background-position: bottom;
		background-repeat: repeat-x;
	}
	.containsMultiList ul ul
	{
		background-image: none;
		background-color: Transparent;
	}
	
.TravelPlannerArea .content
{
	padding:0;
}

.travelplannernotes-notearea
{
	width:742px;
}
		
/* ********* MultiList ********** */

ul.multiList
{
	border: none;
	margin: 0em;
	padding: 0em;
}

	ul h3
	{
		margin: 0.2em 0em;
	}

	ul.multiList .date
	{
		font-size: 0.9em;
		color: #555555;
	}

	ul.multiList a
	{
		text-decoration: none;
		font-weight: bold;
	}
	
		ul.multiList a:hover
		{
			text-decoration: underline;
			color:Black;
		}
		ul.multiList li
		{
			list-style-type:none;
		}
	
	li.multiList a
	{
		text-decoration: none;
		font-weight: bold;
	}	
	
	
	
		li.multiList a:hover
		{
			text-decoration: underline;
		}			


/*************************/
/* CONTENTAREA           */
/*************************/
.MainContentArea
{
    /* IE 6 doesn't support min-height so the height is set instead, */
    /* relying on that it will expand beyond it if needed */
    height: 30em;
    min-height: 30em;
	float: right;
	padding-right: 1em;
}

/* IE 6 doesn't understand the > selector and ignores it */
html>body .MainContentArea {height: auto;}

.MainBodyPrint
{
	padding-right: 0.8em;
}

.MainBodyArea
{
	margin-right: 1em;
	overflow: hidden;
	float: left;
}
		
	.MainBodyArea .MainBody
	{	
		padding: 0em 0.5em;
		float: left;
		width: 28.5em;/*hack*/
		/* the width is set via the code-behind */
		overflow: hidden;
	}
		
		.MainBodyArea div.adjacentofnotecolumn
		{
			padding: 0em 0.8em 0em 0em;
			border-right: solid 1px #8c8c8c;
		}
	
	.MainBodyArea .MainBody.adjacentofleftbordernote
	{
		margin-left: 0.65em;
	}
	
		.MainBodyArea .MainBody.adjacentofleftborder * /* This one is really dangerous. Can we solve it differently? */
		{
			margin-left: 0.65em;
		}
		
			.MainBodyArea .MainBody.adjacentofleftborder * *
			{
				margin-left: 0em;
			}
	
				.MainBodyArea .MainBody.adjacentofleftborder * * ul
				{
					margin-left: 1.5em;
				}
				
				.MainBodyArea .MainBody.adjacentofleftborder * * ol
				{
					margin-left: 2em;
				}
				
				.MainBodyArea .MainBody.adjacentofleftborder .searchhelpbuttonsubmit 
				{
					margin-left: 3em;
				}
				
		.MainBodyArea .MainBody h1
		{
			color: #333;
		}
		
		.MainBodyArea .MainBody img
		{			
			margin-bottom: 1em;
		}
		.MainBodyArea .MainBody a img
		{			
			margin-bottom: 0em;
		}
		
		.MainBodyArea .MainBody .intro
		{
			font-weight: bold;
		}
		
	.MainBodyArea .NoteRegion
	{
		padding: 0 0 0 0em;
		float: right;
		/* the width is set via the code-behind */
		overflow: hidden;
	}
		.MainBodyArea .NoteRegion img
		{
			margin: 0em;
			padding: 0em;
		}	
		.MainBodyArea .NoteRegion h2
		{
			color:#333;
			font-family:Verdana;
			font-style:normal;
			font-weight:bold;
			font-size: 1em;
			margin-bottom: 0.5em;
		}
		.MainBodyArea .NoteRegion .divider hr
		{						
			height: 1px;
			padding: 0;
			background: #d7d7d7;
			color: #d7d7d7;
			border:0;
			margin:0 -0.5em;
		}
		
		.MainBodyArea .NoteRegion .AlphanumericListingSelectedCharacter
		{
			font-weight:bold;
		}
		
		
		.MainBodyArea .NoteRegion .nounderline
		{
			text-decoration:none;
		}
		
		
		.MainBodyArea .NoteRegion .AlphanumericListingSelectedCharacter
		{
			color:#006EA0;
			font-weight:bold;
		}
		
		.MainBodyArea .NoteRegion .noteheading
		{		
			font-weight:bold;			
		}			
		
		.panelNote .noteimageleft
		{
			float: left;
			padding: 0 0.5em 0.5em 0;
		}
		.panelNote .noteimageright
		{
			float: right;
			padding: 0 0em 0.5em 0.5em;
		}
		
		.panelNote .noteimagebottom
		{			
			padding: 0.5em 0em 0em 0em;			
		}
		
		.panelNote .noteimagetop
		{			
			padding: 0em 0em 0.5em 0em;
		}
		
		.NoteRegion .panelNote
		{
			padding-bottom: 1em;
		}
		
			.NoteRegion .panelNote .date
			{
				color:#555555;
				font-size:0.9em;
			}
		
	
	.MainBodyArea div.footer
	{
		float: none;
		display: block;
		padding: 0em 1em 0em 0em;
		clear: both;
	}
	
		.MainBodyArea div.footer a.back,
		.MainBodyArea div.footer a.print
		{
			font-size: 0.8em;
			color: #8c8c8c;
			font-weight: normal;
			background-position: left center;
			padding-left: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			vertical-align: middle;
			background-repeat: no-repeat;
			text-decoration: none;
		}
		.MainBodyArea div.footer a.back
		{
			background-image: url(images/icon_back.gif);
			float: left;
		}
		.MainBodyArea div.footer a.print
		{
			background-image: url(images/icon_print.gif);
			float: right;
		}

	.MainBodyArea .pageList
	{
		padding: 0;
	}

		.MainBodyArea .pageList ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}

.SecondaryBodyArea
{
	width: 20em;
	overflow: hidden;
	float: left;
}		

	.SecondaryBodyArea .SecondaryBody
	{
		margin: 0 1em;
	}

/*************************/
/* LOGIN PAGE            */
/*************************/
.loginArea 
{
    width: 100%;
}

.loginArea label 
{
    display: block;
    line-height: 1em;
    width: 35%;
}

.loginArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* REGISTER PAGE         */
/*************************/
.registerArea 
{
    width: 100%;
}

.registerArea label 
{
    display: block;
    line-height: 1em;
}

.registerArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* SUBSCRIPTION PAGE     */
/*************************/
.subscriptionArea 
{
    width: 100%;
}

.subscriptionArea label.topLabel 
{
    display: block;
    line-height: 1em;
}

.subscriptionArea input, .subscriptionArea select
{
    margin: 0.3em 0 1.5em 0;
}

.subscriptionListArea input
{
    margin: 0 0.3em 0 0;
}

.subscriptionListArea td 
{
    vertical-align: text-bottom;
    padding: 0.3em 0;
}

/*************************/
/* SEARCH PAGE           */
/*************************/
.ResultArea 
{
    padding-top: 2em;
}

.ResultArea ol
{
    margin: 0;
    padding-left: 2em;
}

.ResultArea li 
{
    margin: 0; 
    padding: 0;
}

input.searchText 
{
    width: 75%;
}


/*Search*/
.searchquerylabel
{
	font-weight: bold;
}
.searchmaindiv
{
	margin-top: 0.9em;
}
.searchitem
{
	margin-top: 0.6em;
}
.searchpagelink
{
	font-weight: bold;
}
.searchbreadcrumbvisible
{
	margin-top: 0.4em;
	/*color:#BCBCBC;*//*Same color as on skanetrafiken.se*/
	color:#8C8C8C;/*Same color as print and back icons*/
}

	.searchbreadcrumbvisible a
	{
		margin-top: 0.4em;
		/*color:#BCBCBC;*//*Same color as on skanetrafiken.se*/
		color:#8C8C8C;/*Same color as print and back icons*/
		text-decoration:none;
	}

.searchbreadcrumbhidden
{
	display: none;
}

.searchhitratevisible
{
	float: left;
	width: 5em;
}

.searchhitratehidden
{
	display: none;
}
.searchrightcolhitratevisible
{
	margin-left: 5em !important;
}
.searchrightcolhitratehidden
{
	margin-left: 0;
}
.searchtextboxcontainer
{
	margin: 0 0 0.5em 0;
}
.searchquerytextbox
{
	width: 16.5em;
}
.searchbutton
{
	margin: 0 0 0 0.3em;
	padding: 0em 1em;
}
.searchhelpbuttonsubmit
{
	margin: 0 0 0 3em;
	width: 2.4038462em;
}

.searchcheckboxcontainer
{
	margin: 0 0 0.5em 0;
	padding: 0;
}

.searchcheckbox
{
	vertical-align: middle;
	width: 1.4em;
	height: 1.4em;
}

.searchbreadcrumb
{
	margin-bottom: 1em;
}

	.searchbreadcrumb span
	{
		font-weight:bold;
	}

.searchresult
{
	font-weight: bold;
	margin: 1.1em 0 1.1em 0;
}

.SearchImageIcon
{
	margin-bottom: 0 !important;
}

.filesearchlistingsize
{
	font-weight: normal;
}


/*************************/
/* SITEMAP PAGE          */
/*************************/
.SiteMap
{
}

.SiteMap ul 
{
    margin: 0;
    padding: 0.2em 0;
}

.SiteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
}

.SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 1.3em;
}
.SiteMap li a
{
    text-decoration: none;  
}

.SiteMap li a:hover
{
    text-decoration: underline;
    color: #000000;
}

.SiteMap li li
{
    margin: 0.2em 0;
    padding-left: 1em;
    padding-top: 8px;
    background: url(images/SiteMapBullet.png) no-repeat;
    font-size: 0.7em;    
}

.SiteMap li li a
{        
    font-weight: bold;
    font-size: small;
}
.SiteMap li li li a
{
    font-weight:bold;
    font-size:x-small;
}

.SiteMap li li li
{
    font-size: 1em;
    padding-top: 0px;
}

.SiteMap li li li li a
{ 
    font-weight:bold;
    font-size:x-small;
}



/*************************/
/* DOCUMENTS             */
/*************************/
.MainBody.documentList ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.MainBody.documentList li
{
    clear: both;
}

.MainBody.documentList .download 
{
    float: right;
}

.MainBody.documentList a
{
    padding: 0 0 2px 20px;
}

a.bmpExtension {background: url(images/extensions/bmp.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.docExtension, a.docxExtension {background: url(images/extensions/doc.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.gifExtension {background: url(images/extensions/gif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.htmExtension, a.htmlExtension {background: url(images/extensions/htm.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.jpgExtension, a.jpegExtension {background: url(images/extensions/jpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mp3Extension {background: url(images/extensions/mp3.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mpgExtension {background: url(images/extensions/mpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pdfExtension {background: url(images/extensions/pdf.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pngExtension {background: url(images/extensions/png.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pptExtension, a.pptxExtension {background: url(images/extensions/ppt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.tifExtension, a.tiffExtension {background: url(images/extensions/tif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.txtExtension {background: url(images/extensions/txt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.wavExtension {background: url(images/extensions/wav.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.xlsExtension, a.xlsxExtension {background: url(images/extensions/xls.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.zipExtension {background: url(images/extensions/zip.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}

/*************************/
/* PAGELIST              */
/*************************/
.pageList ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pageList li
{
    padding-bottom: 0.2em;
	list-style-type: none;
}

.pageList h2
{
	margin: 0;
}

/*************************/
/* FORMS                 */
/*************************/
.xForm {}

.xForm h2
{
	padding: 1em 0;
	margin: 0;
}

.xForm legend 
{
    color: Black;
}

.xForm input 
{
    float: left;
}

.xForm .heading
{
    font-weight: bold; 
    font-size: 1em; 
    padding: 0; 
    margin: 0.4em 0em;
}

.xForm #id_matrix
{
    width: 100%;
	margin: 0;
	padding: 0;
}

.xForm #id_matrix td
{
	border:0;
	margin: 0;
	padding: 0.2em 0;
}

span.xformvalidator
{
    color: Red;
}

.xForm .options 
{
    float: left;
}

.xForm label 
{
    margin-right: 0.5em;
    float: left;
}

#id_matrix br 
{
    clear: both;
}

.thankyoumessage
{
	padding: 1em 0;
	margin: 0;
	font-weight: bold;
}

.VerticalCenteringStyle
{
	height:1.2em;	
	width: 2em;	
	float:left;	
}

/*********CommonForm******/
.CommonForm
{
	
}
	.CommonForm p
	{
		margin: 1em 0em 0em;
	}
	
	.CommonForm br
	{
		display:none;
	}

	.CommonForm textarea
	{
		width:97%;
		margin-bottom:1em;
	}
	
	.CommonForm label
	{
		width:100%;
		display: block;
		clear:both;
		margin-bottom: 0.5em;
	}
	
		.CommonForm .rightcolumn label,
		.CommonForm .leftcolumn label,
		.doYouWantToBeContacted label
		{
			display: inline;
			line-height: 2.2em;
		}
	
	.CommonForm input
	{
		font-size:1em;
	}
	
	.CommonForm select
	{
		width:50%;
		font-size:1em;
	}
			
		.CommonForm label span
		{
			width:25%;
			display: -moz-inline-box; /* This is for Firefox 2 */
			display:inline-block;
			text-align:left;
		}
			.CommonForm label span span
			{
				width:auto;
				display:inline;
			}
	
		.CommonForm label input
		{
			width:70%;
			margin-left:0.4em;
		}
	
	.CommonForm span.mandatory /*red asterisk*/
	{
		color:#c8272f;
		text-align:left;
		width:auto;
	}

	.CommonForm .contact /*green asterisk*/
	{
		color:#2e7932;
	}
	
	
	.dontContactMe .contact
	{
		visibility: hidden;
	}

	.CommonForm .leftcolumn
	{
		float:left;
		width:60%;
	}
		
		.CommonForm label input.date
		{
			width: 7.5em;
		}
		.CommonForm label input.time
		{
			width: 3.5em;
		}
		
		.CommonForm .leftcolumn label
		{
			text-align:right;
		}
		
		.CommonForm .leftcolumn input
		{
			width:49%;
			margin:0;
		}
	
		.CommonForm .leftcolumn span
		{
			width:44%;
			display:inline-block;
			text-align:left;
		}
		
			.CommonForm .leftcolumn span span
			{
				text-align:left;
				width:auto;
			}

	.CommonForm .rightcolumn
	{
		float:left;
		width:38%;
		margin-bottom: 1em;
	}
	
		.CommonForm .rightcolumn input
		{
			width:44%;
			margin:0;
		}
		
		.CommonForm .rightcolumn span
		{
			width:49.5%;
		}
	
	.CommonForm span.dropdowntext
	{
		width:35%;
	}
		
	
	.CommonForm .doYouWantToBeContacted
	{
		clear:both;
		width:97%;
		margin-top:1em;
	}
		
		.CommonForm .doYouWantToBeContacted label,
		.CommonForm .doYouWantToBeContacted input
		{
			width:1.5em;
		}
	
	.CommonForm .sendButton
	{
		float:right;
		margin-right:0.65em;
		margin-bottom: 1em;
	}
	
	
/*************************/
/* FOOTERAREA            */
/*************************/
.FooterArea
{
	padding: 0em 0em 1em 0em;
	clear: both;
	font-weight:bold;
}
/*	
.FooterArea ul,
.FooterArea .content
{
	height: auto;
	margin: 0px;
	padding: 8px 0px 8px 10px;
}*/

/*.FooterArea ul
{
	height:2.5em;
	padding:0em;
	margin:0em;
	position:relative;
}*/

.FooterArea ul li,
.FooterArea .content
{
	display: block;
	float: left;
	color: White;
}

.FooterArea .content
{
	font-weight: bold;
}

.FooterArea ul li
{
	
	border-left:0;
	font-size:1em;
	display:block;
	position:relative;
	line-height: 30px;
	vertical-align:middle;
}
.FooterArea ul li.first
{
	border-right:solid 1px white;
}

.FooterArea ul li.middle
{
	border-right:solid 1px white;
}
.FooterArea ul li.last
{
	border-right:0;
}

.FooterArea a
{
	text-decoration: none;
	color: White;
	margin:0em 1em;
}

.FooterArea a:hover
{
	text-decoration: underline;
	color:White;
}

/**********************************/
/*    Table classes for content   */
/**********************************/
table.classic
{
	border-collapse: collapse;
	border: solid 0.1em #777777;
}

table.classic th
{
	border: solid 0.1em #777777;
	background-color: #DADADA;
	padding: 0.4em;
}

table.classic td
{
	border: solid 0.1em #777777;
	padding: 0.2em 0.4em;
}

table.color
{
	border-collapse: collapse;
	border: solid 0.1em #275569;
}

table.color th
{
	border: solid 0.1em #275569;
	background-color: #4495b9;
	color: White;
	padding: 0.4em;
}

table.color td
{
	border: solid 0.1em #275569;
	padding: 0.2em 0.4em;
}

th.highlighted, td.highlighted {}

table.classic th.highlighted
{
	background-color: #AAAAAA;
}

table.classic td.highlighted
{
	background-color: #F0F0F0;
}

table.color th.highlighted
{
	background-color: #377995;
}

table.color td.highlighted
{
	background-color: #d1e6ef;
}

th.leftalignedcontent, td.leftalignedcontent
{
	text-align: left;
}

th.rightalignedcontent, td.rightalignedcontent
{
	text-align: right;
}

/**********************************/
/*   Image  classes for content    */
/**********************************/
img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
	float: left;
}

img.toprightfloatingimage
{
	float: right;
	vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1em;
}

/**********************************/
/*  XForm Page and XFormStatistic   */
/**********************************/
/*XForm*/
.xform-container
{
	padding: 0;
	margin: 0;
}
.xformpostedmessagepanel
{
	padding: 0;
	margin: 0 0 1em 0;
}
.xformformpanel
{	margin: 0 0 1em 0;
	padding: 0;
}
.xformstatisticspanel
{
	margin: 0 0 1em 0;
	padding: 0;
}
.switchhyperlinkpanel
{
	margin: 0;
	padding: 0;
}
.xformformfooterpanel
{
	margin: 1em 0 1em 0;
	padding: 0;
	font-style: italic;
}
div.pulFooterText
{
	margin: 2em 0 1em 0;
	padding: 0;
	font-style: italic;
}
/*XFormStatistics_ST*/
.xformstatisticsstresult
{
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.xformstatisticsstcontent
{
	padding: 0;
	margin: 0.5em 0 1em 0;
}
.xformstatisticsstrow
{
	padding: 0;
	margin: 0.5em 0 0 0;
}
.xformstatisticsstbarcolodd
{
	clear: both;
	float: left;
	color: #006EA0;
	background-color: #006EA0;
	height: 1.5em;
}
.xformstatisticsstbarcoleven
{
	clear: both;
	float: left;
	color: #CDCDCD;
	background-color: #CDCDCD;
	height: 1.5em;
}
.xformstatisticssttextcolbreak
{
	padding: 0;
	margin: 0;
	clear: both;
	height: 1.5em;
}
.xformstatisticssttextcol
{
	padding: 0 0 0 0.4em;
	margin: 0;
	height: 1.5em;
}
.xformstatisticsstnoostat
{
	padding: 0;
	margin: 0;
}


/**********************************/
/*  ListPage and Listing   */
/**********************************/

/*RssListing*/
.RssListingDiv
{
	height: 100%;
	width: 100%;
}

/*Listing*/
.listingmain
{
	margin: 0;
	padding: 0;
}
.listingitem
{
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}
.listingitemwithimage
{
	margin: 0 0 1em -0.5em;
	padding: 0 0 0 0;
}
.listingrow
{
	clear: both;
	margin: 0;
	padding: 0;
}
.listingimagecolumn
{	
	width: 2em;
	float: left;
}
.listingcontentcolumn
{
	margin: 0 0 0 2em;
	padding: 0;
}
.listingcontentnocolumn
{
	margin: 0em;
	padding: 0;
}
.prefiximage
{
/*	height: 1.0em; 
	width: 1.4em; */
	height:1.2em;	
	width: 2em;
	float: left;
}


/*Listing RSS*/
.listingrssheader
{
	margin: 0 0 0.9em 0;
}
.listingrssheaderdescr
{
	margin: 0 0 1.8em 0;
}

/*Listing RSS*/
.listingrssheaderrightcol
{
	margin: 0 0 0.25em 0;
}
.listingrssheaderdescrrightcol
{
	margin: 0 0 0.25em 0;
}


a.ListTitleBold
{
	text-decoration: none;
	font-weight: bold;
	color: black;
	/*background-color: #F2F2F2;*/
}

a.ListTitleBold:hover
{
	text-decoration:underline;
	color: #000000;
	/*background-color: #F2F2F2;*/
}
a.ListTitleBold:active
{
	text-decoration: none;
	font-weight: bold;
	color: black;
	/*background-color: #F2F2F2;*/
}


a.ListTitle
{
	font-weight: normal;
	text-decoration: none;
	color: black;
	/*background-color: #F2F2F2;*/
}

a.ListTitle:hover
{
	font-weight: normal;
	text-decoration: underline;
	color: black;
	/*background-color: #F2F2F2;*/
}
a.ListTitle:active
{
	font-weight: normal;
	text-decoration: none;
	color: black;
	/*background-color: #F2F2F2;*/
}


.ListGrey
{
	color: #999999;
	/*background-color: #F2F2F2;*/
	font-weight: normal;
}

a.ListGrey
{
	color: #999999;
	/*background-color: #F2F2F2;*/
	font-weight: normal;
	text-decoration: none;
}

a.ListGrey:hover
{
	color: #999999;
	/*background-color: #F2F2F2;*/
	font-weight: normal;
	text-decoration: none;
}

a.ListGrey:visited
{
	color: #999999;
	/*background-color: #F2F2F2;*/
	font-weight: normal;
	text-decoration: none;
}

/*ListingRemaining*/
.ListingRemainingHeader
{
	font-weight: bold;
	margin: 0 0 0.3em 0;
	padding: 0;
}
.ListingRemainingItemContainer 
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0.3em; 
	PADDING-TOP: 0px;
	MARGIN: 0px 0px 0.3em 0px; 
				
}
a.ListingRemainingItem
{
	text-decoration: underline;
}
a.ListingReminingItem:hover
{
	text-decoration: underline;
}
a.ListingReminingItem:visited
{
	text-decoration: underline;
}

/*ListingArchive*/
.ListingArchiveHeader
{
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.ListingArchiveItem
{
	padding: 0;
	margin: 0;
}

/* Styles used by Custom Tables*/
table.sttable
{
	border-collapse: separate;
}
tr.sttableheaderrow
{
	background-color: #DADADA;
	font-weight: bold;
}
tr.stwhiterow
{
	background-color: White;
}
tr.stdarkrow
{
	background-color: #F2F2F2;
}
/* END OF Styles used by Custom Tables*/