/* This is a standard Avantra stylesheet. NO SITESPECIFIK CHANGES IN THIS STYLESHEET!!
   You can overide rules in corresponding file (aw/site/standard/main.css)

   I encourage you to copy rules from this stylcheet and paste them into the site-overiding stylesheet. 
   Also use media groups as in this file.

   How to add rules not listed in this file:
   1: Browse (in IE) to the page you want to change
   2: Open page source. (in IE Rightclick and chose View Source)
   3: Locate the HTML element you want to change
   4: Use the id or class-attribute to construct a new rule
   5: Add rule to style sheet and apply your settings
   6: More information att http://www.w3.org/TR/REC-CSS2/
*/

@media all
{

.nomargin
{
	margin:0px 0px 0px 0px;
}
.bottommargin
{
	margin:0px 0px 15px 0px;
}
.bottommarginsmall
{
	margin:0px 0px 8px 0px;
}
.topmargin
{
	margin:15px 0px 0px 0px;
}
.leftmargin
{
	margin:0px 0px 0px 10px;
}
.rightmargin
{
	margin:0px 10px 0px 0px;
}
.bottom-border
{
	border-bottom: 2px solid #DCDCDC;
}

div.cell1, div.cell2, div.cell3, div.cell3, .cell
{
	padding:			0px 8px 4px 0px;
}	

div#PageTop1
{
	padding-bottom: 2em;
}

.content
{
	padding-bottom: 0.5em;
}

.page-content {
	padding-bottom: 0.5em;
}


/* row objects */
#navigation1, #navigation2, #navigation3
{
	clear: both;
	margin: 0px 0px 0px 0px;
}
#title1, #topbuttons1, .page-content, #document, .row, .news-block, .news-box, table.results
{
	clear: both;
	margin: 0px 0px 0px 0px;
}

.news-box
{
	min-width: 200px;
	max-width: 500px;
	width: 100%;
}

.tower > input, .tower > textarea, .tower > .picture, .picture a, .tower > div
{
	float:left;
	clear: both;
}

.tower .label
{
	display:block;
}

.picture-runin, .left, .cell
{
	float:left;
}

.left
{
    text-align: left;
}


.picture, .picture-runin
{ padding: 0em 1em 1em 1em; }

#title1
{
	padding-top: 0.5em;
}

.row, .news-box 
{
	line-height: normal;
	padding-bottom: 0.5em;
}

.title, .tdMeny, span.rubrik, .address 
{
	font-weight: bold;
}

div.cell1, div.cell2, div.cell3, div.cell3
{
	clip: 			auto;
	float:			left;
	overflow:			hidden;
}	

div.title
{
	font-weight: bold;
}

h1
{
	font-weight: normal;
}	
div.simple-field
{
	clear: both;
}	
th, td
{
	text-align : left;
	vertical-align : top;
}

a, .nobreak, .date, .showdate, .phone, .phoneCol, .title, .validDateCol, .availableDateCol, .field-button, .newsauthor, .newstitle, label, .field-title
{ 
	white-space: nowrap; 
}
a.break, a.Break
{
	white-space: normal;
}

a:link img, a:visited img {
   border-style: none
}
a img { color: white; background-color: inherit;}        /* hide the border in Netscape 4 */
.noborder, fieldset{
	border: none;
	max-width: 600px;
}
.field-error, error
{
	clip: 			auto;
	float:			left;
	overflow:			hidden;
	color:			red;
	background-color: inherit;
	visibility:			hidden;
	margin-left: 5px;
}
p.message, span.message, input.message
{
	font-weight: bolder; 
}
div.message
{
	min-width: 200px;
	max-width: 600px;
}
td.noborder
{
	padding: 0px 0px 0px 0px;
	border: none;
}	

/* Space between title and text */
.news-box h3, .news-box p, .news-box br, .row h3, .row p, .box h3, .box p 
{
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 4px 0px ;
}
.newsauthor
	{
		font-weight:600;
	}

p.newsauthor
{ 
	float:left; clear:both;padding: 0px 0px 4px 0px ;
}

.box, .Box .frame
{
	float: left;
	border-bottom:solid 2px #DCDCDC;		
	margin-bottom:8px;
}

table.results, table.simple
{ 
	margin:0px 0px 0px 0px;
}


/* Banner positons */
#banner1, #banner2
{
	float: left;
	clear: both;
	width: 100%;
	margin: 0px 0px 0px 0px ;
}
.banner div
{
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px ;
	width: 100%;
}

.maxwidth, .page-content, #document
{
	width: 100%;
}
/*
div.center
{
	margin-left: auto;
	margin-right:auto;
	width: 300px;
}
*/
p.center, td.center, th.center
{
    text-align:center;
}

.nopadding
{
	padding:0px 0px 0px 0px;
}
.bottompadding
{
	padding:0px 0px 8px 0px;
}

.toppadding
{
	padding:8px 0px 0px 0px;
}
.leftpadding
{
	padding:0px 0px 0px 8px;
}
.rightpadding
{
	padding:0px 14px 0px 0px;
}
.ToolTipText
{
	display:none;
}

a.image
{
	text-decoration:none;
}

.invisible
{
	visibility:hidden;
}

.hidden
{
	display: none;
}

.ErrorText
{
	color: Red !important;
}
.faq{display:none;}

.upload-box
{
border: inset 1px  #C4C4C4;
border-top : outset 1px white;
border-left : outset 1px white;
height: 20px;
}

.required{margin:2px;}



}

@media screen
{


body 
{
	font-family: Verdana, Sans-Serif;
/*	font-size: 62.8%; 10px */
/*	font-size: 75.4%; 12px */
/*	font-size: 87.9%; 14px */
/*	font-size: 94.2%; 15px */
		font-size: 80%;
	margin:0px 0px 0px 0px;
}
form button, #Button1, div#pagebuttonsarea, #Help1, .field-button, .button
	{
	font-family: Verdana, Sans-Serif;
	}
form input, form select
	{
	font-family: Verdana, Sans-Serif;
	font-size: 100%; /* resize using font-size setting in the body rule */
	}
fieldset div span
	{
	/* Radio titles don't use the body rule fontsetting (bug in IE and Mozilla?) */
		font-family: Arial, Sans-Serif;
		font-size: 100%;
	}

/* ie hack. Döljer för msie/mac >> \*/
* html table tr td, * html table tr th
	{
		font-family: Verdana, Sans-Serif;
		font-size: 80%;
	}
/* slut på ie hack */

.textSmall, th.textSmall, td.textSmall, p.textSmall, span.textSmall, tr.textSmall td, tr.textSmall th
{
	font-size: 75.4%;
	color: #808080;
	font-family: Verdana, Sans-Serif;
	background-color: inherit;
}

h1,h2
{
	font-size: 150%;
}

.navigation
{
	font-size: 110%;
}
h3
{
	font-size: 125%;
}
	
table.results tr th
{
	font-size: 100%;
}	


/* floating navigation */
.navigation a,.navigation span.navDelimiter
{
	float:left;
	display:block;
}

.navigation a
{
	padding:0px 4px 0px 4px;
}

div#title1
{
	display: none; /* is normaly set to block by site/standard/css/framset.css */
	padding-left: 1em;
}

div#PageInfo1
{
	padding-left: 1em;
}
	
#pagebuttonsarea 
{
	display: block;
	position: absolute;
	top: 2px;
	right: 10px;
	background: transparent;
	margin: 0px 0px 0px 0px;
	min-width: 120px;
	max-width: 250px;
}

.navigationSelected
{
	font-weight:bolder;
}


div.simple-list
{
	padding-top: 1em;
}

div.simple-field
{
	margin-top: 0em; 
	margin-bottom: 0em;
	padding-top: 0.1em;
	padding-bottom: 0.1em; 
	clear: both;
}	

div.field-title
{
	clip: 			auto;
	float:			left;
	width: 17em;
	overflow:			hidden;
	white-space: nowrap; 
}	

div.field-input
{
	clip: 			auto;
	float:			left;
	overflow:			hidden;
}	

div.value
{
	clip: 			auto;
	float:			left;
	margin-left: 1em;
	overflow:			hidden;
}	

div.field-value
{
	clip: 			auto;
	float:			left;
	overflow:			hidden;
}	

a:link, a:active {
 /*color: #00e;*/
  background-color: Transparent;
}

a:visited {
  /*color: #529;*/
  background-color: Transparent;
}

div.intro {
  font-style: italic;
}

pre {
  font-family: monospace;
}

ul
{
	margin-top: 0em;
	padding-top: 0em;
}

ul.toc {
  list-style: disc;
  list-style: none;
}

span.navDelimiter
{
	margin:	0px 0px 0px 4px;
	border-left: 2px solid #DCDCDC;
}

/* Common titel properties */
h1, h2, h3, h4, h5, h6
{
	margin-bottom: 0px;
	padding-bottom: 0.1em;
}


th.EmptyCol
{
	background-color: Transparent;
	border-style: none;
}
.picture-runin a.link {
	float: left;
	clear: both;
}

#loginarea1,  #loginarea1 form, #loginarea1 form div
{
	float: left;
}

/* All buttons have same line height, background and text color */
.field-button, button, .button
	{
		color: black;
		margin-right: 1em;
		background-color: #dcdcdc;
		font-weight: normal;
	}
	

/* ie hack. Döljer för msie/mac >> \*/
* html table.results tr th,   .field-button, button
{
	font-size:100%;
}
/* slut på ie hack */

/* A link that look like a button */
a.field-button
{
	display:inline-block;
	border-bottom:Solid 2px #666666;
	border-right:Solid 2px #666666;
	text-decoration:none;
	border-top:solid 2px white;
	border-left:solid 1px white;	
	cursor: default;
/*	margin:10px 4px 1px 4px;
	margin:1px 4px 1px 4px;*/
}
/* ie hack. Döljer för msie/mac >> \*/
* html a.field-button
	{
		display:inline-block;
		padding:2px 4px 3px 3px;
		vertical-align: baseline;
/*		margin:1px 1em 0px 0px;
		position: relative;
		top: -4px;*/
	}
/* slut på ie hack */

a.field-button:visited, a.field-button:link
{
	background-color: #dcdcdc;
	
	color:Black;
}


/* Hide open new window button and print preview button */
#printbuttons1 #newBrowser, #printbuttons1 #PrintPreview
{
	display:		none;
}

/* Typical label to a input-field */
.label, .Label, label, th.label, .field-title
{
	font-weight:normal;
/*	font-size: 1em; */
}

/* Label on top of text */
label.InfoTop, label.prefer-top, .tower .cell .label, .tower .cell
{
	display: block;clear: both;margin: 0em 0em 0em 0em;padding: 0em 0em 0em 0em;
}


/* fixed sized label to left */
label.infoleft, label.InfoLeft
{
	width:140px;
	display: block;
	clear:left;
	float: left;
}


.textMedium 
{
	font-family: inherit;
	background-color: inherit;
}
.textSmall, th.textSmall, td.textSmall, p.textSmall, span.textSmall, tr.textSmall td, tr.textSmall th
{
	color: #808080;
	font-family: inherit;
	background-color: inherit;
}

div#LoginBox1
{
	width:200px;
}

/* center rules. used in aw/login/login.asp */
div.center
{
	margin-left: 25%;
	margin-right: 25%;
	margin-bottom: 0.6em;
	text-align: center;
	float:none;
}
div.center div
{
	margin-left:0px;
	text-align:left;
}

/* ToolTip rules 
<h1 class="ToolTip">Hot area<cite>ToolTipText</cite></h1>
<p class="ToolTip">Hot area<cite>ToolTipText</cite></p>
*/
.ToolTip cite
{
/*	width:200px;*/
	margin: 0px;
	padding: 2px;
	border: 1px solid #ccc;
	font-weight:normal;
	font-family: Arial, Sans-Serif;
	font-style:normal;
	font-size: 10px;
	text-align:left;
	letter-spacing:normal;
	line-height:14px;
	background-color:#ffffcc;
	float:left;
	clear:both;
	position:absolute;
	display:none;
	color:Black;
}
span.ToolTip:hover cite,
h1.ToolTip:hover cite,
h2.ToolTip:hover cite,
p.ToolTip:hover cite,
td.ToolTip:hover cite,
th.ToolTip:hover cite,
.over cite 
{
	display:block;
}

table.SelectUpDown
{
	float:left;
	margin: 0px;
	padding: 0px;
}

table.SelectUpDown tr td a
{
	margin: 0px;
	padding: 0px;
}

			span.SelectUpDown
			{
				display:inline;
				width:12px !important;
				padding: 0px 0px 0px 0px!important;
				float: left;
			}
			a.SelectUp, a.SelectDown
			{
				display:block !important;
				clear:both !important;
				margin: 0px !important;
			}
			a.SelectUp
			{
				padding: 0px!important;
			}
			a.SelectDown
			{
				padding: 7px 0px 0px 0px!important;
			}
			a.SelectUp img, a.SelectDown img
			{
				padding: 0px !important;
				margin: 0px !important;
				border: none !important;
			}
#document #CalendarForm1 table.DP
{
	margin-right:8px;
}
#document #CalendarForm1 table.DP td, #document table.DP th
{
	text-align:center;
}
#document #CalendarForm1 table.DP tr td.DPSelected
{
	background-color: #dcdcdc;
}

#document #CalendarForm1 table.DP tr td.DPCurrentDate
	{
		background-color: #33ff99;
	}
	
#document #CalendarForm1 table.results tr td a:hover
{
	text-decoration:none;
}
#content
{
	padding-left: 1em;
}
#HelpButtons1
{
	display:none;
}

}

@media print{ 
.navigation, #site-bottom-contributor1, .field-button
{
	display:		none;
}

body
{
    color: black;
    background: white;
    font-family: helvetica, times, serif;     
    font-size: 9pt;
    font-style: normal;
}
.row, .news-box, .banner, table.results
{
	clear:both;
	float: left;
    font-size: 9pt;
    page-break-inside: avoid;
} 

#banner2
{
	padding-top: 1em;
}

.page-content 
{
	margin: 		0em 0em 0em 0em;
	font-size: 		9pt; 
}

div.field-title
{
	clip: 			auto;
	float:			left;
	width: 7cm;
	font-size: 10pt;
	overflow:			hidden;
	white-space: nowrap; 
}	
div.field-value
{
	font-size: 12pt;
}
a:link
{
    color: black;
    text-decoration: none;
    background-color: inherit;
}
a:visited
{
    color: black;
    text-decoration: none;
    background-color: inherit;
}

}