﻿body
{
	background-image: url('../images/background.jpg');
	background-repeat: repeat-x;
}

img
{
	border: 0;
}

input
{
	font-size: 11px;
}

textarea
{
	font-size: 11px;
	width: 300px;
}

ul
{
	padding-left: 25px;
}

hr
{
	border-bottom: 1px solid #e6e6e6;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	margin: 8px 0;
}

hr.blue
{
	border-color: #d9e8f5;
}

hr .lesspadding
{
	margin: 0;
}

/* Util */
.padding
{
	padding: 8px;
}

.clear
{
	clear: both;
}

.gray
{
	color: #333333;
}

.right
{
	float: right;
}

.middlecolumn
{
	width: 500px;
}

.error
{
	color: Red;
}

.field
{
	width: 200px;
}

.nomargin
{
	margin: 0 !important;
}

.hide
{
    display: none;
}

/* Layout */
#center
{
	margin: 0 auto;
	width: 984px;
}

#top
{
	background-image: url('../images/top_logo.png');
	background-repeat: no-repeat;
	z-index: 1;
	width: 440px;
	height: 122px;
	position: relative;
	left: -4px;
	top: 10px;
}

#top.intranet
{
	background-image: url('../images/top_logo_intranet.png');
}

#logolink
{
	width: 115px;
	height: 105px;
	position: absolute;
}

#toplinks
{
	float: right;
	margin-top: 17px;
	margin-right: 8px;
}

#toplinks.intranet
{
	margin-right: 208px;
}

#toplinks img
{
	vertical-align: middle;
}

#toplinks a
{
	text-decoration: none;
}

#toplinks select
{
	font-size: 10px;
	margin-right: 10px;
}

#toplinks a:hover
{
	text-decoration: underline;
}

#toplinks a.active
{
	color: #333333;
}

#top ul#menu
{
	background-color: #004494;
	background-image: url('../images/top_background.png');
	height: 51px;
	width: 862px;
	position: relative;
	top: 32px;
	left: 126px;
	padding: 0px;
}

#menu li
{
	background: url('../images/top_separator.png') no-repeat right center;
	display: inline;
	list-style: none outside none;
	padding: 13px;
	height: 51px;
	position: relative;
	top: 19px;
}

#top li#search
{
	display: block;
	background: none;
	left: 600px;
	width: 250px;
	top: -12px;
}

#search input[type='image'], #search img
{
	margin-left: 3px;
	margin-top: -6px;
}

#search input[type='text']
{
	color: #666666;
	width: 180px;
}

#content, #start, #bottom
{
	position: relative;
	top: -22px;
	margin-left: 8px;
}

#bottom
{
	background: url('../images/large-wave-footer.gif');
	background-repeat: no-repeat;
	width: 975px;
	height: 271px;
	padding-top:80px;
}

#bottom div
{
	padding: 37px;
	float: left;
	color: #ffffff;
}

#bottom a
{
	color: #ffffff;
	text-decoration: none;
}

#bottom a:hover
{
	text-decoration: underline;
}



/* Startpage layout */

#start #left
{
	float: left;
	width: 728px;
}

#start #right
{
	float: right;
	width: 240px;
	background-color: #ffffff;
}

#start #left .inner_left
{
	float: left;
	width: 480px;
	background-color: #ffffff;
	margin-top: 8px;
}

.inner_left img
{
	float: left;
	margin: 0px 8px 8px 8px;
}


#start #left .inner_right
{
	float: right;
	width: 240px;
	background-color: #ffffff;
	margin-top: 8px;
}

#start #left .inner_right_bubble
{
	float: right;
	width: 240px;
	margin-top: 8px;
}

.imageBorder
{
	display: block;
	float: left;
	margin-right: 8px;
	border: 1px solid #e6e6e6;
	vertical-align: middle;
	padding: 3px;
}

.panel_header
{
	width: 224px;
	height: 35px;
	margin-top: 0px;
	background-repeat: no-repeat;
}

.panel_header h2
{
	padding: 7px 0px 0px 10px;
	margin: 0px;
}

.panel_header.margin
{
	margin-bottom: 8px;
}

.panel_blue
{
	background-image: url('../images/panel_header_blue.gif');
}

.panel_blue_wide
{
	background-image: url('../images/ImageResize.axd?filename=panel_header_blue.gif&width=240&height=34&stretch=fill');
	width: 240px;
}

.panel_green
{
	background-image: url('../images/panel_header_green.gif');
}

.panel_orange
{
	background-image: url('../images/panel_header_orange.gif');
}

.panel_pink
{
	background-image: url('../images/panel_header_pink.gif');
}

.panel_red
{
	background-image: url('../images/panel_header_red.gif');
}



.speech_bubble
{
	background-repeat: no-repeat;
	height: 135px;
	margin-top: 10px;
	background-image: url('../images/pratbubbla.png');
}

.replies_in_bubble
{
	float: left;
	margin-left: 195px;
	margin-top: -47px;
}

.profileimage_in_bubble
{
	float: left;
	margin-left: 70px;
	margin-top: -15px;
}


/* Slider */
#slider
{
	width: 727px;
}

#slider #image2, #slider #image3
{
	display: none;
}

#slider #link2
{
	top: 87px;
}

#slider #link3
{
	top: 174px;
}

#slider #images
{
	float: left;
}

#slider ul
{
	padding: 0px;
	margin: 0px;
	width: 240px;
	float: right;
}

#slider ul li
{
	list-style: none outside none;
	display: inline;
}

#slider ul li a
{
	display: block;
	text-decoration: none;
	color: #666666;
	background-image: url('../images/slider_right_gray.png');
	margin-left: -11px;
	position: absolute;
}

#slider ul li span.button:hover, #slider .active span.button
{
	color: #ffffff;
	background-image: url('../images/slider_right_active.png');
	cursor: pointer;
}

#slider ul li a span.button
{
	color: #666666;
	cursor: pointer;
	background-color: transparent;
	border: 0px;
	text-align: left;
	display: block;
	position: relative;
	width: 220px;
	height: 67px;
	padding-left: 31px;
	padding-top:20px;
}

/* subpage */

#content #left
{
	float: left;
	width: 240px;
	margin-right: 8px;
	background-color: #ffffff;
	min-height: 680px;
}

#content #middle
{
	float: left;
	width: 480px;
	margin-right: 8px;
	background-color: #ffffff;
	min-height: 680px;
}

#content #all
{
	float: left;
	width: 976px;
	background-color: #ffffff;
	min-height: 680px;
}

#content a
{
	z-index: 2;
	position: relative;
}

#content #right
{
	float: right;
	width: 240px;
	background-color: #ffffff;
	min-height: 680px;
}

#content #middlebig
{
	float: left;
	width: 728px;
	background-color: #ffffff;
	min-height: 680px;
}

#share
{
	margin-top: 20px;
}

#share a
{
	color: #333333;
	text-decoration: none;
	margin-right: 5px;
	font-size: 9px;
}

#share img
{
	vertical-align: middle;
}

#share a.addthis_button_email:hover
{
	cursor: pointer;
}

/* Login / Shoppingcart */

#LoginForm
{
	display: none;
}

#ShoppingCart
{
	margin-top: -30px;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #ffffff;
	float: right;
	margin-right: 8px;
	background-image: url('../images/shoppingcart_background.jpg');
	width: 236px;
	max-height: 156px;
}

#ShoppingCart input[type='text'], #ShoppingCart input[type='password']
{
	width: 100px;
	margin-left: 5px;
}

#ShoppingCart .lnkGoToCheckout
{
	float: right;
	margin-top: -3px;
}

#ShoppingCart #Icon
{
	float: left;
	margin-right: 8px;
	margin-top: 3px;
	margin-bottom: 8px;
	display: block;
}

#ShoppingCart input[type='submit']
{
}

.LoginIntranetForm input[type='text'], .LoginIntranetForm input[type='password']
{
	width: 130px;
	margin: 0px 0px 5px 5px;
}

/* Products list */
table.products th
{
	text-align: left;
	color: #666666;
	border-bottom: 1px solid #e6e6e6;
}

table.products td
{
	padding-top: 8px;
}

table.products .bottom
{
	color: #666666;
	border-top: 1px solid #e6e6e6;
}

table.products h2, h2.gray
{
	color: #666666;
	margin: 0px;
}

.productCategory
{
	width: 240px;
	margin-right: 8px;
	height: 65px;
	float: left;
	border-bottom: 1px solid #e6e6e6;
}

#terms
{
	display: none;
	width: 400px;
	position: absolute;
	margin-top: -600px;
	background-color: #ffffff;
	border: solid 2px #e6e6e6;
	z-index: 2;
}

/* Leftmenu */

#leftmenu
{
	padding: 0px;
	margin: 0px;
	margin-top: 35px;
}

#content #left h2
{
	color: #333333;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 0px;
}

.padding_leftmenu
{
	padding: 8px 5px 8px 6px;
}

#leftmenu li
{
	list-style: none outside none;
}
#leftmenu li ul
{
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	background-image: url('../images/leftmenu_background.jpg');
	background-repeat: no-repeat;
	width: 229px;
}
#leftmenu li ul li
{
	padding-top: 8px;
	padding-left: 10px;
}
#leftmenu a
{
	display: block;
	margin-top: 8px;
	color: #ffffff;
	text-decoration: none;
	width: 229px;
	height: 27px;
}
#leftmenu li ul li a
{
	display: inline;
	margin: 0px;
	color: #333333;
	text-decoration: none;
}
#leftmenu li ul li a.active
{
	font-weight: bold;
}
#leftmenu li ul li a:hover
{
	text-decoration: underline;
}
#leftmenu a span
{
	padding: 6px 0px 0px 12px;
	display: block;
}
#leftmenu a img
{
	float: left;
	position: absolute;
	display: none;
}
.leftmenu1
{
	background-image: url('../images/leftmenu1.jpg');
}

.leftmenu2
{
	background-image: url('../images/leftmenu2.jpg');
}

.leftmenu3
{
	background-image: url('../images/leftmenu3.jpg');
}

.leftmenu4
{
	background-image: url('../images/leftmenu4.jpg');
}

.leftmenu5
{
	background-image: url('../images/leftmenu5.jpg');
}

.leftmenu6
{
	background-image: url('../images/leftmenu6.jpg');
}

/* Search */
.SuggestPageCount
{
	color: #0066cc !important;
}

.OutputUrl
{
	color: #333333 !important;
}

/* Pagelistings (news,search) */
#PageListing
{
	margin-top: 30px;
}

#PageListing h2 a, #YearListing h2 a
{
	color: #333333;
	text-decoration: none;
}

#PageListing h2
{
	margin-bottom: 0px;
}

#PageListing p
{
	margin-top: 0px;
}

#YearListing
{
	margin-top: 10px;
}

#content #YearListing h2
{
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 2px;
	padding-bottom: 0px;
}

#YearListing h2 a.active
{
	color: #0066cc;
}

/* Form */

.form td
{
	padding-right: 5px;
	padding-bottom: 5px;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow
{
	display: none;
	position: fixed;
	top: 17%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	background-color: #EEE;
	color: #333;
	border: 1px solid black;
	padding: 12px;
}

.jqmOverlay
{
	background-color: #000;
}
.jqmClose
{
	cursor: pointer;
}

#modal-popup
{
	background-image: url('../images/modal-logo.png');
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 150px;
	height: 82px;
}

#modal-text
{
	font-size: 14px;
	font-weight: 600;
}

.modal-text-small
{
	font-size: 12px;
	margin-top: 25px;
}

#modal-buttons
{
	margin-top: 35px;
	margin-left: 70px;
}

#modal-buttons img
{
	margin-right: 25px;
}

/* DocumentList */
table.DocumentList
{
	border-color: #d9e8f5;
	width: 100%;
}

ul.DocumentListFirstPage
{
	list-style: none outside none;
	padding-left: 0px;
}
ul.DocumentListFirstPage li
{
	display: block;
	margin-bottom: 3px;
}

.TableHeader
{
	background-color: #004494;
	color: #fff;
	text-align: left;
	padding: 2px 2px 2px 5px;
	border:1px solid #004494;
}

.TableHeader a
{
	color: #fff;
}

table.DocumentListFirstPage tr, table.DocumentListFirstPage td
{
	border-style: none;
}

/* Newsfeed */
#newsFeed
{
	background-color: #fff;
	margin-top: 8px;
	overflow: hidden;
}

#newsFeed ul
{
	display: inline;
	margin-top: 0px;
	list-style: none;
}

#newsFeed li
{
	width: 580px;
	display: none;
}

#newsFeed a
{
	text-decoration: none;
}

/* Boj */
#bojCover
{
	position: absolute;
	margin-left: 750px;
	top: 100px;
	background-color: #d2e3f3;
	width: 238px;
	height: 12px;
}

#bojImage
{
	position: absolute;
	margin-left: 750px;
	top: 54px;
	z-index: -1;
}

#bojImage.seenIt
{
	top: 3px;
}

/* Profile */
div.profileDiv
{
	width: 215px;
	float: left;
	min-height: 5px;
	clear: right;
}

label.profileDiv
{
	width: 150px;
	float: left;
	min-height: 5px;
}


/* Beställningsformulär */
div.FormItem_Container_TextBox, 
div.FormItem_Container_TextBoxIUCInvoice,
.FormItem_Container_TextBoxSLSInvoice,
.FormItem_Container_TextBoxSLSInvoiceOptional,
.FormItem_Container_TextBoxSLSForced,
.FormItem_Container_CheckBoxListSLSInvoice .Form_Control
{ 
    clear:both; 
    height:25px;  
}

div.FormItem_Container_TextBox .Form_Label, 
div.FormItem_Container_TextBoxPersonNr .Form_Label, 
div.FormItem_Container_TextBoxIUCInvoice .Form_Label,
.FormItem_Container_TextBoxSLSInvoiceOptional .Form_Label,
.FormItem_Container_TextBoxSLSInvoice .Form_Label,
.FormItem_Container_TextBoxSLSForced .Form_Label
{
    float:left;
    width:160px;
}

div.FormItem_Container_TextBox .Form_Control
{
    float:left;
}

div.FormItem_Container_TextBox .Form_Control input, div.FormItem_Container_TextBoxSLSInvoice .Form_Control input
{
    padding:2px;
    margin-right:10px;
}

.FormItem_Container_RadioButtonList
{
    margin:10px 0;
}

.TextLabelDelimit span
{
    font-size:14px;
    font-weight:bold;
    color:#666;
}

.TextLabelDelimit
{
    margin-bottom:15px;
}

div.FormItem_Container_TermsAndConditionsCheckBox .Form_Control label, 
div.FormItem_Container_TermsAndConditionsCheckBox .Form_Control p, 
div.FormItem_Container_TermsAndConditionsCheckBox .Form_Control input,
div.FormItem_Container_CheckBoxList .Form_Control label, 
div.FormItem_Container_CheckBoxList .Form_Control p, 
div.FormItem_Container_CheckBoxList .Form_Control input,
.FormItem_Container_TextBoxSLSForced .Form_Control input
{
    float:left;
}

.TermsAndConditionsCheckBox p
{
    margin:2px;
}

#checkout-form input[type="submit"]
{
    margin:15px 0;
}
