﻿html, body 
{
	height:100%;
	margin:0;
	padding:0;
}

/* Body styles */
body, div /*, input, select, textarea*/
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

input, select, textarea
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

body.master
{
    background:#c8b5f3 url('/images/body_background.gif');
    background-attachment:fixed;
    text-align:center;
    font-size:72%;
}

/* Heading styles */
h1 
{
	font-size: 1.8em;
	color:#4d4d92;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    margin: 0 0 0.2em 0;
}

h2
{
    font-size: 1.6em;
    color: #4d4d92;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    margin: 0.8em 0 0.2em 0;
}

h3
{
    font-size: 1.3em;
    color: #4d4d92;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    margin: 0.8em 0 0.2em 0;
}

h4
{
    font-size: 1.1em;
	margin-bottom: 6px;
    margin: 0.8em 0 0.2em 0;
    color: #4d4d92;
}

h5
{
    font-size: 1em;
    margin: 0.8em 0 0.2em 0;
    color: #000000;
}

p
{
	margin:0.2em 0 1.2em 0;
}


/* Link styles */
a:link
{
    color: #4d4d92;
}

a:visited
{
    color: #4d4d92;
}

a:hover
{
    color: #8f8fd0;
}

a:active
{
    color: #8f8fd0;
}

/* Layout styles */
/*
div.menu
{
	font-size: 11px;
}

div.menu p
{
	line-height: 120%;
	margin-top: 0px;
	margin-bottom: 8px;
}
*/

div.main
{
}

div.popup
{
	background-color:#EEEEEE;
    display:none;
    position:absolute;
    width:480px;
    border:2px Navy outset;
    padding:8px;
    font-size:11px;
}

/* Messages in response to actions */
.message
{
    color: Black;
}

/* Source code editor */
.sourceCode
{
	font-family: Courier New,Courier,Monospace;
	overflow: scroll;
}

/* Form input */
.groupBox
{
    background-color:White;
    border-color:#D0D0FF;
    border-width:1px;
    border-style:Solid;
    font-style:normal;
    font-size: 11px;
    border-collapse:collapse;
    padding: 2px 3px 2px 3px;
    line-height: 150%;
}

hr.groupDivider
{
    border-color:#D0D0FF;
    border-width:1px;
    border-style:dashed;
}

input.priceTextBox, input.numberTextBox
{
	text-align: right;
}

/* List for product display */
table.list, 
table.gv, 
table.dv,
.wizard
{
    background-color:White;
    border-color:#D0D0FF;
    border-width:0px;
    border-style:Solid;
    font-style:normal;
    margin:5px 0;
}

table.list 
{
	  width:100%;
	  clear:both;
}

table.list tr th
{
	padding:2px 5px;
	background-color:#4d4d92;
	color:#ffffff;
   	border-right:1px solid #ffffff;
}

table.list tr td 
{
	padding:2px 5px;
   	border-right:1px solid #ffffff;
}

table.list tr td table tr td 
{
   	border:0;
}

.listfilter
{
    background-color: #E7E7FF;
}

.listrow
{
    background-color: #F7F7FF;
    vertical-align: top;
}

.listalt
{
    background-color: #E7E7FF;
    vertical-align: top;
}


.listgroup, .gvgroup
{
    color:#F7F7FF;
	background-color: #8f8fd0;
}

.listfooter
{
	
}


/* skapa/uppdatera designtabell */
table.edittable 
{
	width:100%;
}

table.edittable tr th 
{
	background-color:#4d4d92;
	color:#ffffff;
	font-size:1.2em;
	padding:2px 4px;
	border-top:5px solid #ffffff;

}

table.edittable tr td 
{
	background-color:#d9d9f9;
	border-bottom:1px solid #ffffff;
	padding:2px 4px;
}

/* nestlad edit tabell */
table.edittable table
{
	
}

table.edittable table tr th
{
	border:0;
	font-size:1em;
}

table.edittable table tr td
{
	border:0;
}


table.edittable .innertable 
{
	border-top:2px solid #f3f3f3;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	border-left:2px solid #f3f3f3;
	margin-bottom:10px;
}

table.edittable .innertable tr td 
{
	padding:2px 4px;
	width:50%;
}

table.edittable .innertable tr td table tr td
{
	border-bottom:1px solid #ffffff;
}


/* For items in datalist */
.itemBox
{
    border-color:#606060;
    border-width:1px;
    border-style:Solid;
    border-collapse:collapse;
}

.selectedItem
{
	background-color: #ffcc99;
}

/* Datagrid for various purpouses */
.gvheader, .dvheader, .listheader
{
    text-align:left;
    color:#F7F7F7;
    background-color:#4A3C8C;
    font-weight:bold;
}

.gvheader a /* Links in header */
{
	color:White;
}

.gvrow
{
    font-size: 11px;
    background-color: #E7E7FF;
    vertical-align: top;
}

.gvalt
{
    font-size: 11px;
    background-color: #F7F7FF;
    vertical-align: top;
}

.gvselected
{
	font-size: 11px;
	font-weight: bold;
	background-color: #ffcc99;
}

.gvpager
{
	font-weight: bold;
    background-color: #F7F7FF;
}

/* Dataview for various purpouses */
.dvfieldheader
{
	font-size:  11px;
    background-color:#E7E7FF;
}

.dvrow
{
    font-size: 11px;
    background-color:#F7F7FF;   
}



#content_placeholder 
{
	width:962px;
	margin:0 auto;
	text-align:left;
}

#login_status
{
	text-align:right;
	margin:5px 12px 5px 0;
	font-size:9px;
}

/* meny */
#content_placeholder #content_top 
{
	background: url('/images/content_top_background.gif') no-repeat;
	height:38px;
	clear:both;
}

	#menu
	{
		float:left;
		margin:8px 0 0 8px;
	}
	
		.Menu 
		{
		}
		
		.StaticMenu
		{
			font-size:11px;
		}
		
		.StaticMenu a
		{
			color:#000000;
		}

		.StaticMenu img
		{
			margin:0 5px;
		}

		.DynamicMenu
		{
			border:1px solid #ccd2e6;
			margin:0;
			padding:0;
		}

		.DynamicMenu a
		{
			display:block;
			padding:4px 4px;
			margin:0;
		}

		.DynamicMenu a:hover
		{
			background-color:#f7f7ff;
		}
		
		.DynamicMenu Table
		{
		}

		.DynamicMenu Table td
		{
			padding:1px;
		}

		.DynamicMenu Table Table
		{
			font-size:11px ! important;
		}
	
	#logo
	{
		float:right;
		margin:8px 8px 0 0;
	}
	
#content_placeholder #content_main
{
	background: #ffffff url('/images/content_background.gif') repeat-y;
	padding:0 20px;
	min-height:600px;
	clear:both;
}
	
	#sitepath 
	{
		padding:0;
		height:14px;
	}
	
	#content_main_placeholder 
	{		
	}


#content_placeholder #content_bottom
{
	clear:both;
	padding-bottom:20px;
}


#content_placeholder450 
{
	width:450px;
	margin:0 auto;
	text-align:left;
}

#content_placeholder450 #content_top 
{
	background: url('/images/content_top_background450.gif') no-repeat;
	height:38px;
	clear:both;
}

#content_placeholder450 #content_main
{
	background: #ffffff url('/images/content_background450.gif') repeat-y;
	padding:0 20px;
	clear:both;
	min-height:100px;
}
	#content_placeholder450 #content_main #content_main_placeholder 
	{
		
	}


/* tecken förklaringstabell */
.descriptiontable 
{
}

.descriptiontable td
{
	padding:2px 4px 2px 0;
}

.resultDescr 
{
	display:block;
	margin-bottom:5px;
}

/* filtreringsruta */
div.filter 
{
	padding:5px;
	border:1px solid #8f8fd0;
	background-color:#F7F7FF;
	margin-bottom:5px;
}

div.filter table
{

}

div.filter table tr td 
{
	padding:0 2px 0 0;
}




/* util */
.left 
{
	text-align:left;
}

.center 
{
	text-align:center;
}

.right 
{
	text-align:right;
}

.clear 
{
	clear:both;
}

.fleft 
{
	float:left;
}

.fright
{
	float:right;
}

.inline 
{
	display:inline;
}

.block 
{
	display:block;
}


div.hr 
{
	margin:5px 0;
	clear:both;
	height:1px;
	background: url('/images/ruler.gif') repeat-x;
}

div.hr hr 
{
	display:none;
}

.hrvertical 
{
	background: url('/images/ruler_vertical.gif') repeat-y;
}

.smaller
{
	font-size:smaller;
}

.b 
{
	font-weight:700;
}
.i 
{
	font-style:italic;
}
.n 
{
	font-weight:400;
	font-style:normal;
}

.nowrap 
{
	white-space:nowrap;
}

input.xlarge, textarea.xlarge 
{
	width:500px;
}

input.large, textarea.large 
{
	width:400px;
}

input.medium, textarea.medium 
{
	width:300px;
}

input.small, textarea.small 
{
	width:200px;
}

input.xsmall, textarea.xsmall 
{
	width:100px;
}

input.xxsmall, textarea.xxsmall 
{
	width:50px;
}

label 
{
	cursor:pointer;
	color: #4d4d92;
}