/* GENERAL ARTICLE CONTENT AND RECEIPT MODULE */
#content_wrapper {
	position: relative;
	float: left;
	width: 686px;
	margin: 0 10px 0 0px;
	display:inline;
	}
				
	#content_wrapper .half_column{
		position: relative;
		float: left;
		width: 310px;
		/*heigth: 100%; */
		margin: 20px 0 15px 20px;
		}
	
	#content_wrapper .half_column h3 {
		position:relative;
		padding: 0;
		color:#F20000;
		font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 19px;
		}
		
	#content_wrapper .half_column ul  {
		margin: 10px 0px 25px 0;
		list-style: none;
		}

	#content_wrapper .half_column li  {
		text-indent: 3px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height: 2.2em;
		color:#333333;
		list-style: none;
		list-style-image: none;
		}

	#content_wrapper .half_column li a {
		text-decoration: none;
		}

	#content_wrapper .separator_small {
		margin-top: 5px;
		margin-left: 30px;
		background:url(/img/mypages/seperator_small.png) no-repeat center bottom;
		height: 5px;
		width:222px;
		}
		
	#content_wrapper img {
		border: none;
		}
	
	/* BREAD CRUMBS */
	#breadcrumbs_top {
		position: relative;
		float: left;
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		width: 686px;
		height: 35px;
		background:url(/img/breadcrumbs/breadcrumb_top_bg.png) no-repeat top left;
		color: #666666;
		}
		
		#breadcrumbs_top .horizontal_seperator {
			float:left;
			height: 35px;
			width: 2px;
			margin-top: 1px;
			margin-left: 5px;
			margin-right: 5px;
			background:url(/img/breadcrumbs/horizontal_seperator.png) no-repeat top left;
			}
		
		#breadcrumbs_top p {
			position: relative;
			float: left;
			padding: 0;
			}
			
		#breadcrumbs_top p.right {
			position: relative;
			float: right;
			margin: 11px 15px 0 0;
			width: 300px;
			text-align: right;
			}
		
		#breadcrumbs_top img {
			margin: 1px 3px 0px 10px;
			border: none;
			}
		
		#breadcrumbs_top a {
			float:left;
			font-size:11px;
			margin-top:10px;
			margin-left: 5px;
			margin-right: 5px;
			}
			
		#breadcrumbs_top a {
			color: #666666;
			text-decoration: none;
			}
			
		#breadcrumbs_top a:hover {
			color: #666666;;
			}
	
/* RECEIPT */
#receipt {
	float: left;
	z-index: 1000;
	width: 1024px;
	padding: 0 0 0 38px;
	margin: 15px 0 30px 0;
	font-size: 10px;
	line-height: 18px;
	}
	
	#receipt .print_btn {
		position: relative;
		float:left;
		clear: both;
		display:block;
		margin-left:494px;
		width:127px;
		height:30px;
		cursor:pointer;
		background: url(/img/receipt/print_receipt.png) no-repeat top left;
		}
	
	#receipt .print_btn>span{
		display:none;
		}
		
		
	#receipt .ok_btn {
		position: relative;
		float:left;
		clear: both;
		display:block;
		margin-top:49px;
		margin-left:179px;
		width:125px;
		height:33px;
		cursor:pointer;
		background: url(/img/receipt/ok_avslutt.png) no-repeat top left;
		}
	
	#receipt .ok_btn>span{
		display:none;
		}

	#receipt .half-column {
		position: relative;
		float: left;
		margin: 0 20px 0 0;
		padding: 0 10px 0 0;
		width: 465px;
		}
		
	#receipt .third-column {
		position: relative;
		float: left;
		margin: 0 20px 0 0;
		padding: 0 10px 0 0;
		width: 310px;
		/* overflow: auto; */
		}
		
	#receipt .two-thirds-column {
		position: relative;
		float: left;
		/* background-color: #FFFFEE; */
		margin: 0 20px 0 0;
		padding: 0 10px 0 0;
		width: 619px;
		/* overflow: auto; */
		}
		
	#receipt #addOns {
		margin: 0	0	0	0;
		height: 20px;
		float:left;
		}
	/*
	#receipt #addOns .separator{
			position: relative;
			float: left;
			background:url(/img/content/separator_third.png) no-repeat left;
			height: 1px;
			margin: 0 0 0 0;
			width: 295px;
			}
 */

		#receipt #addOns .separator {
			position: relative;
			float: left;
			background: url(/img/content/separator_third.png) no-repeat left;
			height: 1px;
			margin: 0 0 3px 0;
			width: 295px;
			}
			
		#receipt #addOns h3 {
			font-size: 18px;
			margin: 3px 0 0 10px;
			font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
			}

			#receipt #addOns .price_container .header {
				display: block;
				float: left;
				margin-right: 18px;
				}
			
	#content_wrapper .accordion h3, #leftcolumn h3, #rightcolumn h3{
		position:relative;
		padding: 0;
		color:#F20000;
		font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 19px;
		}

	#content_wrapper h2 {
		margin: 9px 0 0 20px;
		padding: 0;
		font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: lighter;
		font-size: 30px;
		}
		
	#content_wrapper .top {
		position: relative;
		float: left;
		width: 686px;
		height: 57px;
		background-image: url(/img/content/content_top.png);
		}
		
	#content_wrapper .top .icon {
		position: relative;
		float: left;
		margin: 13px 7px 0 10px;
		}
		
	#content_wrapper .top.headingless {
		height: 4px;
		}
	
	#content_wrapper .body {
		position: relative;
		float: left;
		width: 686px;
		/* border-top:#f2f2f2 thin solid; */
 		background-image: url(/img/content/content_body.png);
		background-repeat: repeat-y;
		}
		
		#content_wrapper .body_content {
			position: relative;
			float: left;
			width: 645px;
			margin: 20px 0 10px 20px;
			padding: 0;
			line-height: 18px;
			}
			
		#content_wrapper .body_content_subscription {
			position: relative;
			float: left;
			width: 645px;
			margin: -6px 0 10px 20px;
			padding: 0;
			line-height: 18px;
			}
			
			#content_wrapper p.ingress {
				font-size: 14px;
				line-height: 26px;
				margin: 0 0 20px;
				padding: 0;
				}
				
			#content_wrapper h3, 
			#receipt h3 {
				margin: 0 0 0 -1px;
				padding: 0;
				font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: 18px;
				}
				
			#content_wrapper p+h3, #content_wrapper ul+h3, #content_wrapper ol+h3, #content_wrapper form+h3,  #content_wrapper table+h3,
			#receipt p+h3, #receipt ul+h3, #receipt ol+h3 {
				margin: 30px 0 0 0;
				}
				
			#content_wrapper p,
			#receipt p {
				font-size: 11px;
				margin: 6px 0 0 0;
				padding: 0;
				}
				
			#content_wrapper a,
			#receipt a {
				color: #555566;
				}
				
			#content_wrapper a:hover,
			#receipt a:hover {
				color: #C80000;
				text-decoration: none;
				}
				
			#content_wrapper ul,
			#receipt ul {
				list-style-image: url(/img/general/bomb.png);
				}
				
			#content_wrapper li,
			#receipt li {
				margin: 0 0 3px;
				}
				

	#content_wrapper .footer {
		position: relative;
		float: left;
		width: 686px;
		height: 13px;
		background-image: url(/img/content/content_footer.png);
		}
		
		/* INPUT */
		#content_wrapper form {
			margin: 0 0 10px 0;
			padding: 0 0 0 0;
			}
		/*
		#content_wrapper select {
			color:#333333;
			background:#FFF;
			border:thin #333333;
			border-style:solid;
			border-color:#E3E3E3;
			outline:none;
			}
		
		#content_wrapper option {
			color: #333333;
			background-color:#F9F9F9;
			padding:0px;
			outline:none;
			margin:0px;
			border:none;
			}
			*/
				
	/* TABLES */	
	#content_wrapper table,
	#receipt table {
		margin: 20px auto;
		padding: 0;
		border-spacing: 0px;
		
		border: none;
		width: 100%;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		/* border-collapse: collapse; */
		}

	
		#content_wrapper .standard th,
		#receipt .standard th {
			margin: 0px;
			padding: 3px;
			background-image:url(/img/content/table_tm.png);
			background-repeat:repeat-x;
			height: 29px;
			border-right: 1px dotted #CCCCCC;
			}
			
		#content_wrapper .standard th.left,
		#receipt .standard th.left {
			background-image:url(/img/content/table_tl.png);
			background-repeat:no-repeat;
			padding-left: 10px;
			}
			
		#content_wrapper .standard th.right,
		#receipt .standard th.right {
			background-image:url(/img/content/table_tr.png);
			background-position: top right;
			background-repeat:no-repeat;
			padding-right: 10px;
			border: none;
			}
			
		#content_wrapper .standard td,
		#receipt .standard td {
			height: 20px;
			margin: 0;
			padding: 3px;
			border-right: 1px dotted #CCCCCC;
			}

		#content_wrapper .standard td.left,
		#receipt .standard td.left {
			background-image:url(/img/content/table_ml.png);
			background-repeat:repeat-y;
			padding-left: 10px;
			}
			
		#content_wrapper .standard td.right,
		#receipt .standard td.right {
			background-image:url(/img/content/table_mr.png);
			background-repeat:repeat-y;
			background-position: top right;
			padding-right: 10px;
			border: none;
			}
			
		#content_wrapper .standard td.odd,
		#receipt .standard td.odd {
			background-color: #EEEEEE;
			}
			
		#content_wrapper .standard td.bottom.left,
		#receipt .standard td.bottom.left {
			height: 20px;
			background-image:url(/img/content/table_b.png);
			background-position: bottom left;
			padding-left: 10px;
			}
			
		#content_wrapper .standard td.bottom,
		#receipt .standard td.bottom {
			height: 20px;
			background-image:url(/img/content/table_bm.png);
			background-repeat:repeat-x;
			background-position: bottom left;
			}
					
		#content_wrapper .standard td.bottom.right,
		#receipt .standard td.bottom.right  {
			height: 20px;
			background-image:url(/img/content/table_b.png);
			background-repeat:repeat-y;
			background-position: bottom right;
			padding-right: 10px;
			border: none;
			}
			
/* accordion */
#content_wrapper .accordion {
	height: 100%;
	width: 666px;
	margin-left:10px;
	}

#content_wrapper .accordion a{
	cursor:pointer;
	}
	
#content_wrapper .accordion dd {
	margin:0;
	padding:0px;
	}

#content_wrapper .accordion .header_white {
	margin:0;
	padding:0px;
	border-top:solid 1px #E5E5E5;
	height:30px;
	}

#content_wrapper .accordion .header_grey {
	margin:0;
	padding:0px;
	border-top: solid 1px #E5E5E5 ;
	height: 30px;
	background:url(/img/accordion/grey_repeater.png) repeat-x;
	}

#content_wrapper .accordion .content {
	margin:0 10px 15px 50px;
	display:block;
	height:100%;
	}

#content_wrapper .accordion .headerTxt {
	margin:7px 0 0 50px;
	display:block;
	}

#content_wrapper .accordion li {
	display:block;
	position:relative;
	list-style:none;
	margin-bottom: 10px;
	}
	
#content_wrapper .accordion .headerTxt {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-stretch:expanded;
	font-weight:bold;
	color:#333333;
	font-size:1.2em;
	text-decoration:none;
	}
	
#content_wrapper .accordion .FAQ{
	margin: -5px 5px 2px 6px;
	float:left;
	}	

#content_wrapper .accordion #FAQtxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#F20000;
	font-weight:bold;
	position: relative;
	}

#content_wrapper .accordion .toggler {
	margin: 5px 5px 0px 15px;
	background:url(/img/accordion/expand_icon.png) no-repeat top left;
	height: 20px;
	width: 20px;
	float: left;
	}

#content_wrapper .accordion .toggler.enabled {
	background:url(/img/accordion/contract_icon.png) no-repeat top left;
	}

#content_wrapper .accordion .toggler.over {
	background:url(/img/accordion/expand_icon_hover.png) no-repeat top left;
	}

#content_wrapper .accordion .toggler.overEnabled {
	background:url(/img/accordion/contract_icon_hover.png) no-repeat top left;
	}

#content_wrapper .accordion .toggler.out {
	background:url(/img/accordion/expand_icon.png) no-repeat top left;
	}

#content_wrapper .dropdown_menu {
	margin-left: 20px;
	}
	
	
			
			/* 
			 * The state classes are a little bit complex, because of the double class bug in IE6
			 * The state class looks like this:
			 * 
			 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
			 * 
			 * Examples:
			 * 
			 * .ui-radio-state-checked (simply checked) 
			 * .ui-radio-state-checked-hover (checked and hovered/focused)
			 * .ui-radio-state-hover (unchecked and hovered/focused)
			 * 
			 */
			 
			#receipt .ui-helper-hidden-accessible,
			#mypages_leftmenu .ui-helper-hidden-accessible {
				position: absolute;
				left: -999em;
				}
			
			#receipt .ui-radio-state-disabled,
			#receipt .ui-radio-state-checked-disabled,
			#receipt .ui-radio-state-disabled-hover,
			#receipt .ui-radio-state-checked-disabled-hover,
			#mypages_leftmenu .ui-radio-state-disabled,
			#mypages_leftmenu .ui-radio-state-checked-disabled,
			#mypages_leftmenu .ui-radio-state-disabled-hover,
			#mypages_leftmenu .ui-radio-state-checked-disabled-hover {
				color: #999;
			 }
			
			#receipt span.ui-checkbox,
			#receipt span.ui-radio,
			#mypages_leftmenu span.ui-checkbox,
			#mypages_leftmenu span.ui-radio {
				margin: 3px 3px 4px 0;
				display: block;
				float: right;
				width: 75px;
				height: 20px;
				background: url(/img/mypages/deActivateBtn.png) 0 -40px no-repeat;
				cursor: pointer;
			 }
					
			#receipt span.ui-helper-hidden,
			#mypages_leftmenu span.ui-helper-hidden {
				display: none;
				}
			
			#receipt label,
			#mypages_leftmenu label {
				padding: 2px;
				}
			
			#receipt span.ui-radio-state-hover,
			#receipt span.ui-checkbox-state-hover,
			#mypages_leftmenu span.ui-radio-state-hover,
			#mypages_leftmenu span.ui-checkbox-state-hover {
				background-position: 0 -114px;
				}
			
			#receipt span.ui-checkbox-state-checked,
			#mypages_leftmenu span.ui-checkbox-state-checked {
				background-position: 0 0px;
				}
			
			#receipt span.ui-checkbox-state-checked-hover,
			#mypages_leftmenu span.ui-checkbox-state-checked-hover {
				background-position: 0 -74px;
				}
			
			#receipt span.ui-radio-state-checked-disabled-hover,
			#receipt span.ui-radio-state-checked-disabled,
			#receipt span.ui-radio-state-checked,
			#mypages_leftmenu span.ui-radio-state-checked-disabled-hover,
			#mypages_leftmenu span.ui-radio-state-checked-disabled,
			#mypages_leftmenu span.ui-radio-state-checked {
				background-position: 0 45px;
				}
			
			#receipt span.ui-radio-state-checked-hover,
			#mypages_leftmenu span.ui-radio-state-checked-hover{
				background-position: 0 -74px;
				}
				
				
/* BACKWARDS COMPATABILITY (needed for work orderform) */
#content_wrapper .tablerow-red {
	background-color: #EEEEEE;
	}