/**************************************
*  General
***************************************/


html, body
{
	height: 100%;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #9a7256;
	background-image: url(../images/bg.png);
	background-position: top center;
	background-repeat: repeat-y;
}

/*The base area*/
#container
{
	margin-left: auto;
	margin-right: auto;
	width: 794px;
	background-color: white;
	min-height: 100%;
}


/*The area, on top of the base area, into which pages are loaded*/
#content
{
	padding: 48px 44px 50px 44px;
	margin: 0px;
	vertical-align: top;
	font-family: Verdana, serif;
	font-size: small;
	font-weight: normal;
}

/* the panel on the right side*/
#contentright
{
	display: none;
}


/*The area, on top of the base area, into which pages are loaded*/
div.content
{
	height: 100%;
	overflow: visible;
}

/*  Extra marginaler för alla textsidor samt söksidorna
    OBS! För att detta ska fungera måste .aspx-filerna innehålla
	extra markup. Eftersom dessa filer skrivs över när X-ref uppgraderas
	eller när serverkonfigurationen ändras behöver man då lägga till
	den informationen igen. Det är Default.aspx och SimpleSearch.aspx
	som berörs.

	Lägg till en <div> direkt innanför <asp:content>-taggen så här:

	<asp:content ...>
        <div class="custompage">
	    ...
	    </div>
    </asp:content>

	"custompage" i Default.aspx
	"simplesearch" i SimpleSearch.aspx

*/

div.custompage, div.simplesearch {
	padding: 11px 40px 11px 55px;
}


/* The buttons area*/
div.command
{
	width: 337px;
	padding: 5px;
	margin-top: 5px;
	text-align: right;
}


* html #container
{
	/*IE hack*/
	height: 100%;
}


/**************************************
*  Lists
***************************************/
/*the top list*/
.list
{
	color: white;
	height: 22px;
	margin: 0px;
	padding: 0px;
}


/*the bottom list*/
#footer
{
	display: none;
	margin-left: auto;
	margin-right: auto;
	width: 794px;
	background-color: white;
	text-align: center;
	font-size: small;
	padding: 5px 0px;
}

#footer a
{
	text-decoration: none;
	color: #ddd;
}


/**************************************
*  Links
***************************************/
a
{
	color: #003399;
	text-decoration: underline;
}

/*a:visited
{
	color: #316ac5;
	text-decoration: underline;
}*/

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

/**************************************
*  Banner
***************************************/

#banner
{
	position: relative;
	background-color: #fff;
	color: #003399;
	padding: 24px 0px 21px 35px;
	text-align: left;
}
#banner .logo
{
	padding: 0px;
	margin: 0px;
}

#banner .viewinfo
{
	display: none;
	margin: 0px 0px 0px 50px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	font-size: medium;
}

#banner .language
{
	position: absolute;
	right: 20px;
	top: 20px;
	vertical-align: bottom;
	margin: 0px 10px;
	padding: 5px;
}

#banner .logininfo
{
	display: none;
	vertical-align: bottom;
	float: right;
	margin: 0px;
	padding: 5px;
	border: solid 1px #000;
	border-right: 0px;
	color: #003399;
	background-color: #f2f2f2;
}




/**************************************
*  Headers & other text stuff
***************************************/

p {
	margin: 0px 0px 10px 0px;
}

h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 160%;
	font-weight: bold;
	font-style: normal;
	margin: 0px 0px 14px 0px;
}

h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	margin: 26px 0px 14px 0px;
}

h3
{
	font-size: medium;
	color: #003399; /*font-weight: normal;*/
}
h4
{
	font-size: small;
	color: #003399; /*font-weight: normal;*/
}
h5
{
	font-size: small;
	color: #003399; 
	font-weight: normal;
}

div.content ul.text {
	margin: 0px 0px 30px 0px;
	list-style-type: disc;
	list-style-position: outside;
	padding: 0px;
}

div.content ul.text li {
	margin: 2px 0px 4px 20px;
}

div.content table.text td
{
	padding: 3px 16px 3px 0px;
	border-width: 0px;
	font-family: Verdana, serif;
	font-weight: normal;
	font-size: small;
	vertical-align: top;
}



/**************************************
*  Input fields
***************************************/

/* Search fields, My settings */
/* För fältbredder på avancerad sökning, se sektionen Simple Search */
input.field
{
	width: 220px;
}

/* Login field */
input.shortfield
{
	width: 150px;
}

/* The contact messagebox */
textarea.field
{
	width: 300px;
	height: 100px;
}

/**************************************
*  Messages
***************************************/

/* the messagebox in search history, bookmarks etc "No selected rows"  */
.message
{
	font-size: small;
	color: #ff0000;
}

/* For instance "illegal search" */
div.msg_error
{
	background-color: #fff;
	font-weight: normal;
	margin: 0px 3px 15px 3px;
	padding: 3px;
	color: #ff0000;
	border: outset 2px;
}

/* For instance "loan registered" */
div.msg_info
{
	font-weight: normal;
	padding: 0px 0px 20px 0px;
}

/* The message you get when nothing is found after a search*/
.zerohits
{
	margin: 5px 0px 0px 0px;
	vertical-align: top;
	width: 160px;
	
	/* Ruta */
	/*padding: 14px 20px 12px 20px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC; */
}

/*
.zerohits h2
{
	margin: 0px 0px 10px 0px;
	font-size: small;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #B80000;
	display: none;
}
*/

.zerohits p
{
	margin: 0px 0px 6px 0px;
	font-family: Verdana, serif;
	font-size: small;
	color: #B80000;
	font-weight: bold;
}



/**************************************
*  Buttons
***************************************/

/* All buttons*/
input.button
{
	/*font-family: Verdana, Arial;
	font-size: 11px;
	color: #003399;
	font-weight: bold;
	text-align: center;*/
	cursor: pointer;
	margin-top: 5px;
	/*border: outset 1px #ccc;
	background: #999;
	padding: 1px;
	background: url(../images/bg_button.gif) repeat-x left top;
	height: 22px;
	width: 100px;
	min-width: 100px;
	overflow: visible;*/
}

/* flag buttons*/
input.culture
{
	border: 0px solid #003399;
	padding: 0px;
	margin: 1px;
}

/* byt plats på knapparna genom att antingen ha float:right eller kommentera bort det*/
input#ctl00_cphContent_btnReset, input#ctl00_cphContent_btnSearch
{
	/* float: right; */
	margin-left: 6px;
}

/**************************************
*  Result navigation (next, previous, result list)
***************************************/

div.resultnavigation
{
	float: right;
	padding: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #999999;
}

div.resultnavigation a
{
	text-decoration: none;
	font-weight: bold;
	color: #003399;
}

/*div.resultnavigation a:visited
{
	color: #003399;
	
}*/

div.resultnavigation a:hover
{
	color: #69c;
}


/*The navigation background panel*/
div.result
{
	height: 22px;
	margin: 0px;
	padding: 0px;
}

/* the text "record 3 of 33"*/
div.resultinfo
{
	float:left;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	padding: 2px;
	color: #89654d;
}

/**************************************
*  Searched for/sort panel
***************************************/

/* the wole search sort panel*/
div.searchSort
{
	/* to hide this panel set visibility:hidden; 
	and height 0px;*/
	display: none;
	
	width: 100%;
	overflow: auto;
	margin: 0px;
	padding: 0px;
}

/*the sort dropdown*/
div.sortdropdown
{
	float: right;
	padding: 2px;
	color: #003399;
}

/*serach result for ...*/
div.searchedfor
{
	float: left;
	padding: 7px 0px 0px 0px;
	color: #003399;
}

/**************************************
*  The reference window
***************************************/

div.content .table
{
	vertical-align: top;
	background-color: #fff;
	padding: 0px;
	width: 690px;
	border-spacing: 1px;
	border-collapse: collapse;
	border: 1px solid white;
}
div.content .header
{
}
div.content .table th
{
	color: white;
	text-align: left;
	padding: 6px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: small;
	background-color: #918cba;
}
div.content .table td
{
	padding: 6px 12px 6px 8px;
	border-width: 0px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-color: white;
}


/*
div.content .table td a, div.content td a:hover {
	color: #316ac5;
}
*/

/*div.content .table td a:visited {
	color: #4a428e;
}*/

div.content .row
{
	vertical-align: middle;
}

div.content .alternaterow
{
	background-color: #eeeeee;
	vertical-align: middle;
}

/**************************************
* Simple Search (Avancerad sökning)
***************************************/

div.simplesearch td
{
	padding: 6px 12px 6px 8px;
	border-width: 0px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-color: white;
}

div.simplesearch td label
{
	padding: 6px 12px 6px 8px;
	border-width: 0px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-color: white;
}

/* Bredder för fältnamn resp textrutor
   OBS att om summan av de båda fälten blir för stor
   (om talen nedan tillsammans överstiger ca 340px)
   så kommer sidan att spaca ut och bli ful!          */

div.simplesearch span.label
{
	display: block;
	width: 120px;
}

div.simplesearch input.field
{
	width: 220px;
}

/**************************************
*  Extra
***************************************/

form
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


div.clear
{
	clear: both;
	height: 0px;
	overflow: hidden;
	width: 100px;
	margin: 0px;
	padding: 0px;
}


#navbar
{
	margin: 0px;
	padding: 0px;
}


/* Texten "saknas" i alla fält */
span.nodata {
	color: #999999;  /* grå */
}

/* I titelfältet är det dock länkad text, och då gäller denna mall */
span.nodata a {
	color: #999999;
	text-decoration: underline;
}

/* Hover-effekt */
span.nodata a:hover {
	color: #0055FF;   /* samma färg som hover på vanliga länkar */
	text-decoration: underline;
}