@charset "UTF-8";
/* CSS Document */


/* Turning off selection borders */
:active {
	outline: none;
}
body {
	/*font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;*/
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333;
	background-color:#fff;
	margin:0 auto;
	padding:0;
	font-weight:normal;
}
/* Components */

.promotion .subjectTopImg {
	padding:0 0 0 0px !important;
}
#siteheader {
	background-image:url(img/ident-bar.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	height:65px;
}
.CAF #siteheader {
	background-image:url(img/CAF_siteheader.jpg);
}
#siteheader img.ident {
	float:left;
	padding-top:1px;
	margin-left:-10px;/*margin-right:100px;*/
}
/* Login area header */
.logincontainer {
	margin: 0;
	padding: 0;
	width:360px;
	line-height:14px;
}
.logincontainer tr {
}
.logincontainer td {
	margin: 0;
	padding: 0;
	height:71px;
	vertical-align:middle;
}
/* CAF header */
.CAF .logincontainer td {
	margin: 0;
	padding: 0;
	height:66px;
	vertical-align:middle;
}
#sitenavigation {
	background-image:url(img/navigation-bar.gif);
	background-repeat:repeat-x;
	margin-top:0px;
	padding-top:16px;
	height:34px;
}
#sitenavigation li {
	float:left;
	list-style-type:none;
	font-size:14px;
	margin-left:0px;
	margin-right:48px;
	margin-bottom:0px;
	height:34px;
}
#sitenavigation li a {
	text-decoration:none;
	color:#222;
}
#sitenavigation li a:hover {
	color:#888;
}
#sitenavigation li.selected a {
	color:#222;
}
#sitenavigation li.notselected a {
	color:#888;
}
#sitenavigation li.notselected a:hover {
	color:#222;
}
#sitenavigation li.selected {
	background-image:url(img/sitenavigation-arrow.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}
/* Breadcrumb and facets
-----------------------------------------------------------------------------*/

#selectors {
	float:left;
	margin-top:0px;
	padding-bottom:12px;
	background-image:url(img/divider.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
/* Breadcrumb */

#breadcrumb {
	padding-top:12px;
	font-size:14px;
	text-transform:uppercase;
	color:#333;
}
#breadcrumb a {
	color:#333;
}
#breadcrumb a:hover {
	color:#F60;
}
/* Prioritized content */
/* New frontpage graphics */
.front_gfxholder {
	color:#ffffff;
	width:270px;
	height:37px;
	font-weight:bold;
	position:absolute;
}
.front_gfxholder h5 {
	position:relative;
	top:10px;
	left:12px;
}
.front_gfxholder h5 a {
	color:#eeeeee;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}
.front_gfxholder h5 a:hover {
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}
#priority {
	margin-top:-4px;
	/*background:url(img/divider.gif) bottom left repeat-x;*/
	float:left;
	width:960px;
	margin-bottom:28px;
	position:relative;
	height:370px;/*background-color:#e9e9e9;*/
}
#priority .teaser10 {
	/*margin-top:-1px;*/
	background:#e9e9e9 url(img/divider.gif) top left repeat-x;
	width:600px;
	height:365px;
	float:left;
	overflow:hidden;
	padding-top:5px;
}
#priority .wide.teaser10 {
	overflow:visible;
	width:540px;
	position:absolute;
	right:0px;
	z-index:3;
	height:365px;
}
#priority .teaser6 {
	/*margin-top:-1px;*/
	background-color:#e9e9e9;
	position:absolute;
	right:0px;
	float:left;
	width:360px;
	height:365px;
	z-index:2;
	background:#e9e9e9 url(img/divider.gif) top left repeat-x;
	padding-top:5px;
}
#priority .wide.teaser6 {
	overflow:hidden;
	background:none;
	width:420px;
}
#priority .col4.teaser6 {
	overflow:hidden;
	background:none;
	width:240px;
}
#priority .col4.teaser10 {
	background:url(img/facet_background.gif) no-repeat left top;
	overflow:visible;
	width:720px;
}
/* Facets */
#facets {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	float:left;
	line-height:14px;
	padding:10px 10px 0 10px;
	z-index:3;
}
.teaser6 #facets ul {
	width:150px;
	margin-bottom:0px;
}
.teaser6 #facets ul.wide {
	width:344px;
	margin-bottom:0px;
}
.teaser10 ul {
	margin-bottom:0px;
}
.teaser6 ul, .teaser10 #facets ul, .teaser10 #facets ul.first, .section #facets ul, .pagerelated #facets ul {
	width:172px;
	margin-bottom:0px;
}
#facets ul {
	margin-left:-4px;
}
.frontpage #facets li a:hover, .section #facets li a:hover {
	background-color:#d5d868;
}
.frontpage #facets ul.last, .section #facets ul.last {
	margin-right:0px;
}
.frontpage #facets .facet, .section #facets .facet {
	margin-top:0px;
}
.pagerelated #facets {
	width:350px;
	margin-top:-72px !important;
}
#facets ul {
	float:left;
	list-style-type:none;
	padding:0 0 14px 0;
}
#facets .first {
	margin-right:0px; /* Fjernet 18px margin-right :: ine, 18.12.2009*/
}
/* Fasetter søkeresultat */
/* ine, 18.12.2009 */
#facets .facet {
	margin-top:18px;
}
.grid_2_facet {
}
.suffix_1_grid2_facet {
	padding-right:40px;
	width:120px !important;
}
.suffix_1_grid4_facet, .suffix_1_grid6_facet {
	padding-right:40px;
}
/*.trinn-list {
	width:150px;
	padding-right:30px;
	margin-top:18px;
}*/

#facets h3 {
	font-size:12px;
	color:#333;
	font-weight:bold;
	text-transform:none;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	margin-bottom:6px;
}
.pagerelated #facets h3 {
	margin-bottom:12px;
}
#facets .grid_2 ul.first {
	margin-right:0px;
}
#facets .grid_4 ul {
	width:100px;
}
#facets .grid_4 ul.first {
	margin-right:10px;
}
#facets .grid_4 ul.last {
	margin-right:0px;
}
#facets .grid_6 ul {
	/*width:100px;*/
	width:29%;
}
#facets .grid_6 ul.first {
	margin-right:10px;
}
#facets .grid_6 ul.last {
	margin-right:0px;
}
#facets li {
	margin-left:0;
	margin-bottom:1px;
	padding:1px 6px;
	line-height:14px;
}
#facets li a {
	color:#666;
	padding:2px 6px;
	margin-left:-7px;
	display:block;
}
.frontpage #facets li a {
	color:#333;
}
#facets li a:hover {
	background-color:#d5d868; /*e7e7e7 grå, eef4fd lys blå*/
	display:block;
	padding:2px 6px;
	margin-left:-7px;
	-moz-border-radius:12px; /* mozilla browsers */
	-webkit-border-radius: 12px; /* safari */
	border-radius: 12px; /* chrome */
}
.pagerelated #facets li a:hover {
	text-decoration:none;
}
.searchStatus {
	margin-right:40px;
}
/* Page top
----------------------------------------------------------------*/

#pagetop {
	padding-top:40px;
	padding-bottom:0px;
	background:url(img/divider.gif) no-repeat bottom left;
}
.padded {
	padding-bottom:36px;
}
#pagetop .header, #pagetop .header .digital {
	margin-bottom:24px;
}
#pagetop .header h1.digital_product, .digital_product .product_detail_sparta p.ingress, .digital_product .product_detail_escenic p.ingress {
	color:#840068;
	margin-bottom:18px;
}
.digital_product .ingress {
	color:#840068;
}
/* inline and product navigation */

ul.inlineNav, ul.productNav {
	list-style:none;
	margin:48px 0 0 0;
	padding:0;
	float:left;
}
ul.productNav {
	margin-top:-41px;
	margin-bottom:36px;
	background-color:#f2f2f2;
	width:940px;
	padding:4px 10px 0px 10px;
	height:27px;
}
.inlineNav li, .productNav li {
	float:left;
	margin-left:0;
	margin-right:20px;
	margin-bottom:-5px;
	padding-bottom:18px;
	font-weight:normal;
}
.productNav li a {
	background:url(img/selector-down.gif) right 6px no-repeat;
	padding-right:14px;
	font-size:12px;
	cursor:pointer;
}
.productNav li a:hover, .productNav li a.selected {
	background:url(img/selector-down-active.gif) right 6px no-repeat;
	color:#222;
}
.productNav li a.link {
	background:none;
	padding-right:6px;
}
.components {
	position:relative;
	z-index: 2;
}
.dropdown {
	/*-moz-box-shadow: 0 5px 5px 1px #999999*/
	background-color:#f2f2f2;
	width:480px;
	padding:12px 12px 12px 12px;
	margin-top:40px;
	margin-bottom:5px;
	font-size:11px;
	z-index:1000;
	position:absolute;
	left:62px;
	top:-54px;
}
.dropdown ul {
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	margin:0;
	padding:0 0 0 0px;
	float:left;
	width:240px;
	position:relative;
	z-index:2;
}
.dropdown ul li {
	border-bottom:1px solid #ffffff;
	margin:0;
	float:none;
	padding:2px 6px;
	font-size:12px;
}
.dropdown ul li a {
	background:none;
	color:#222222;
	font-size:11px;
}
.dropdown ul li a:hover, .dropdown ul li a.selected {
	background:none;
	color:#ff6600;
}
.inlineNav li {
	margin-right:22px;
}
.inlineNav li a, .productNav li a {
	color:#777;
}
.inlineNav li a:hover, .inlineNav li.selected a, .productNav li a:hover, .productNav li.selected a {
	color:#222;
}
.inlineNav .desc {
	display:block;
	font-size:11px;
	color:#aaa;
	line-height:12px;
}
.inlineNav li.selected {
	background:url(img/inlinenav-arrow.gif) bottom center no-repeat;
}
/* item list */
.priceitems {
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #E5E5E5;*/
	/*height:125px;*/	
	list-style:none;
	margin:0 0 6px 0;
	font-size:11px;
	color:#666;
	padding: 3px 0 0 0px;
}
ul.item {
	border-top:1px solid #ccc;
	list-style:none;
	margin:0 0 6px 0;
	font-size:11px;
	color:#666;
}
ul.item strong a, ul.item strong a:hover, ul.item strong {
	/*	color:#ff6600;*/
		color:#F60;
}
ul.item .desc {
	display:block;
}
ul.item li {
	margin:0px;
	padding:1px 0;
	border-bottom:1px solid #e5e5e5;
}
ul.item li.last {
	border-bottom:none;
}
.item ul {
	margin:2px 0;
}
ul.item li li {
	border-bottom:none;
	list-style:none;
}
/* modifying the title tag */

.product h1 {
	margin-bottom:0px;
}
.subtitle {
	color: #666666 !important;
	margin-bottom: 6px
}
/* Media */
.media {
	float:left;
	z-index:500;
	margin-top:6px;
}
.editonimgBorder {
	border:1px solid #e5e5e5;
	vertical-align:bottom;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px#999;
	box-shadow: 0 0 5px #999;
}
/* Price bar */
.price {
	font-size:14px;
	font-weight:bold;
	margin-bottom:18px;
}
.price label {
	float:left;
	margin-right:24px;
	padding-top:2px;
}
.price .items {
	float:left;
	width:25px;
	padding:0px 4px 1px 4px;
	margin-right:12px;
}
.price .button {
}
.pagepro .addtocart_6siste {
	margin:0px;
	padding-bottom:10px;
}
/* Register path */
.searchResultMore {
	margin-top:-6px;
	margin-bottom:12px;
	padding-left:0;
	margin-left:0;
}
.regpath {
	margin-bottom:0px;
	height:60px;/*	background:url(img/order-background.gif) repeat-x left center;
*/
}
.regpath ul {
	margin:0;
	padding:0px;
}
.regpath li {
	float:left;
	list-style:none;
	background:url(img/order-bullet.gif) bottom center no-repeat;
	margin:0px;
	padding:0 36px;
}
.regpath li.first {
	background:url(img/order-bullet-first.gif) bottom center no-repeat;
}
.regpath li.last {
	background:url(img/order-bullet-last.gif) bottom center no-repeat;
}
.regpath li a, .regpath li span {
	display:block;
	height:42px;
	color:#999;
}
.regpath li a:hover {
	color:#333;
}
.regpath li a.selected, .regpath li .selected {
	background:url(img/order-bullet-selected.gif) bottom center no-repeat;
	color:#333;
}
/* Main page content
-----------------------------------------------------------------*/
#page {
	background-image:url(img/page-background.gif);
	float:left;
	background-repeat:repeat-y;
	background-position:top left;
	padding-top:0px;
	padding-bottom:36px;
	/*margin-bottom:36px;*/
	margin-bottom:20px;
}
/* Some page modifiers prefix comes from the body class */

.article #page {
	padding-top:18px;
}
.mypage #page {
	background-image:url(img/mypage-background-v2.gif);
}
.mypage.wide #page {
	background:none;
}
.list.wide #page {
	background-image:none;
}
/* Page header */

.pageheader {
	margin-top:0px;
	padding-top:0px;
}
.article .pageheader {
	margin-top:18px;
}
.pageheader .titlebar {
	background:url(img/pageheader-bar.gif) left top repeat-x;
	height:28px;
	padding-top:4px;
	/*margin-bottom:18px; REMOVED after qa */
	margin-left:-10px;
}
.pageheader .titlebar h3 {
	display:inline;
	font-weight:bold;
	text-transform:none;
	font-size:12px;
	margin-right:36px;
}
#page .pageheader .titlebar {
	margin-top:-3px;
}
#page .titlebar .listStyles {
	float:right;
	margin-right:10px;
}
#page .titlebar .listStyles a.button {
	padding:0px 6px;
	margin-left:6px;
	text-decoration:none;
}
.filter {
	background-color:#e9e9e9;
	/*margin-top:-12px;*/
	padding:18px 10px 18px 10px;
}
.listStyles a.button.list {
	background:url(img/List_Passive.gif) left no-repeat;
}
.listStyles a.button.richList {
	background:url(img/RichList_Passive.gif) left no-repeat;
}
.listStyles a.button.thumb {
	background:url(img/ThumbList_Passive.gif) left no-repeat;
}
.listStyles a.button.list:hover, .listStyles a.button.list.selected {
	background:url(img/List_Active.gif) left no-repeat;
	text-decoration:none;
}
.listStyles a.button.richList:hover, .listStyles a.button.richList.selected {
	background:url(img/RichList_Active.gif) left no-repeat;
	text-decoration:none;
}
.listStyles a.button.thumb:hover, .listStyles a.button.thumb.selected {
	background:url(img/ThumbList_Active.gif) left no-repeat;
	text-decoration:none;
}
#page .pageheader .meta {
	border-bottom:1px solid #fff;
	margin-bottom:12px;
}
#page .pageheader .titlebar .meta {
	border-bottom:none;
	margin-bottom:0px;
}
#page .pageheader .meta .inner {
	border-bottom:1px solid #ccc;
	padding-bottom:6px;
}
.meta, .meta a {
	font-size:11px;
	color:#666;
	font-weight:normal;
}
.metalight, .metalight a {
	font-size:11px;
	color:#888;
	font-weight:normal;
}
a.orange, a.orange:hover, .meta a.orange, .meta a.orange:hover {
	text-decoration: none !important;
	color:#ff6600;
}
a.licenceAccept, a.licenceAccept:hover {
	text-decoration: underline;
	color:#ff6600;
}
a.white, a.white:hover, .meta a.white, .meta a.white:hover {
	text-decoration: none;
	color:#ffffff;
	font-size:11px;
}
a.loginlink {
	text-decoration: none !important;
	color:#cccccc;
	font-size:11px;
}
a.loginlink:hover {
	color:#ffffff;
}
a.loginlink_xs, a.loginlink_xs:hover {
	text-decoration: underline;
	color:#cccccc;
	font-size:10px;
}
.login_infotxt {
	color:#CCC;
	font-size:10px;
	line-height:12px
}
.subtitle {
	color: #666666;
	margin-bottom: 6px
}
.author, .author a {
	/*font-size:11px;*/
	color:#777;
}
.author a:hover {
	color:#222;
	text-decoration:underline;
}
.author {
	padding-bottom:6px;
}
.meta.footer {
	color:#999;
}
.meta.title, a.more.meta.selected {
	color:#333;
	margin-right:12px;
	text-decoration:none;
}
a.meta.more.selected {
	background:url(img/ArchiveArrow_Active.png) left center no-repeat;
	cursor:pointer;
}
.meta a:hover {
	color:#333;
	text-decoration:underline;
}
a.meta.more {
	text-decoration:underline;
	/*background:url(img/ArchiveArrow_Passive.png) center left no-repeat;*/
	background:url(img/ArchiveArrow_More.png) center left no-repeat;
	padding-left:16px;
	margin-right:16px;
	color:#999;
	cursor:pointer;
}
a.meta.more:hover {
	background:url(img/ArchiveArrow_More.png) center left no-repeat;
	padding-left:16px;
	margin-right:16px;
	cursor:pointer;
}
.download a.meta.more {
	background:url(img/Download_Passive.png) left center no-repeat;
}
.flipbook {
	width:160px;
	float:left;
	z-index:1000;
	margin-top:-28px;
	margin-bottom:2px;
}
.subcject_flipbook {
	width:160px;
	z-index:1000;
	margin-top:-28px;
	margin-bottom:2px;
}
.flipbook img {
	float:left;
}
.flipbook a.meta.more {
	padding-top:28px;
	background-image:none;
	display:block;
}
a:hover.meta.more {
	color:#333;
}
#page .pagebody.inner {
	margin-top:18px;
	padding-bottom:18px;
}
/* Styling text from Sparta and Escenic, "Om utgivelsen", "Om læreverket", "Om forfatteren" */
.product_detail_escenic, .product_detail_sparta {
}
.product_detail_escenic .ingress, .product_detail_sparta .ingress {
	margin-bottom:18px;
}
.product_detail_escenic img, .product_detail_sparta img {
/*float:right;*/
	/*padding:7px 0 10px 20px;*/
}
.product_detail_escenic p a, .product_detail_escenic p a:hover, .product_detail_sparta p a {
	text-decoration: underline;
}
.product_detail_escenic h5, .product_detail_sparta h5 {
	color:#a35817;
	text-transform:capitalize;
	font-weight: normal;
}
/* Se styling for article */
/*
.product_detail_escenic ul, .product_detail_escenic ol, .product_detail_sparta ul, .product_detail_sparta ol {
	list-style-position:inside;
	padding:0px;
	margin:0px;
}

.product_detail_escenic ul li, .product_detail_sparta ul li, .product_detail_escenic ol li, .product_detail_sparta ol li  {
	padding:0 0 2px 0;
	margin:0px;
}
*/

.product_detail_escenic table, .product_detail_sparta table {
	border:1px solid #ccc;
	border-collapse:collapse;
}
.product_detail_escenic table tr, .product_detail_escenic table th, .product_detail_escenic table td, .product_detail_sparta table tr, .product_detail_sparta table th, .product_detail_sparta table td {
	border:1px solid #ccc;
}
.product_detail_escenic table td, .product_detail_sparta table td {
	padding:3px;
}
/* styling the tools */

#page-tools ul {
	width:340px;
	margin:0 0 36px 0;
	float:right;
}
#page-tools li {
	float:left;
	list-style-type:none;
	width:28px;
	height:38px;
	overflow:visible;
}
#page-tools li a {
	display:block;
	width:28px;
	height:38px;
	background-repeat:no-repeat;
	background-position:top;
}
#page-tools li a#tip {
	background-image:url(img/SendTo_Passive.png);
}
#page-tools li a#share {
	background-image:url(img/Share_Passive.png);
}
#page-tools li a#list {
	background-image:url(img/Favourites_Passive.png);
}
#page-tools li a#print {
	background-image:url(img/Print_Passive.png);
}
#page-tools li a#enlarge {
	background-image:url(img/Aa_Passive.png);
}
#page-tools li a:hover#tip {
	background-image:url(img/SendTo_Active.png);
}
#page-tools li a:hover#share {
	background-image:url(img/Share_Active.png);
}
#page-tools li a:hover#list {
	background-image:url(img/Favourites_Active.png);
}
#page-tools li a:hover#print {
	background-image:url(img/Print_Active.png);
}
#page-tools li a:hover#enlarge {
	background-image:url(img/Aa_Active.png);
}
/* List results */
.result {
	float:left;
}
.result a {
	text-decoration:none;
}
.result a:hover {
	text-decoration:underline !important;
	color:#F60;
}
.item a:hover img {
	text-decoration:none;
}
.digital {
	background-color: #E2EDF5;
}
.result .item {
	border-bottom:1px solid #ccc;
	float:left;
	margin-right:10px;
	padding-bottom:8px;
	padding-top:8px;
}
.newEditionitem {
	float:left;
	margin-right:10px;
	padding-bottom:8px;
	padding-top:8px;
	width: 280px;
	border:none;
}
.newEditioncontainer {
	margin-left:100px;
}
.newEditionheading {
	color:#666;
	font-weight:normal;
	text-transform:none;
	padding-bottom:5px;
}
.newEditiondivider {
	border-bottom:1px solid #ccc;
}
.generalitem {
	border-bottom:1px solid #ccc;
	float:left;
	margin-right:10px;
	padding-bottom:8px;
	padding-top:8px;
}
/* Relaterte podukter CAF */
.result .item .related {
	width:340px;
}
.relatedDivider {
	border-bottom:1px solid #ccc;
	width:340px;
	float:left;
	height:1px;
}
.result .item:hover, .item:hover {
	background-color:#fff;
	display:block; /* to make the hover effect work in IE 7 *//*cursor: pointer;*/
}
.result .item h2 {
	font-weight:bold;
	margin-bottom:0px;
}
.result .item p.meta {
	margin-bottom:0px;
}
.result .item p.meta.author, .result .item a.meta.order {
	color:#333;
}
.result .item a.meta.order {
	background:url(img/cart-black-thumb.png) 6px center no-repeat;
	padding-left:28px;
}
.result .item a.meta.order:hover {
	background:url(img/cart-white-thumb.png) 6px center no-repeat;
	background-color:#F60;
	padding:2px 12px 2px 28px;
	color:#fff;
	-moz-border-radius:12px; /* mozilla browsers */
	-webkit-border-radius: 12px; /* safari */
	border-radius: 12px; /* chrome */
	text-decoration:none !important;
}
/* Styling the qa lists */


#qa h2 {
	margin-bottom:18px;
	color:#333;
	font-size:12px;
	font-weight:normal;
}
#qa h2:hover {
	cursor:pointer;
	color:#F60;
}
#qa .ui-state-default {
	background:url(img/ArchiveArrow_Passive.png) left 2px no-repeat;
	padding-left:20px;
}
#qa .ui-state-active {
	background:url(img/Download_Passive.png) left 2px no-repeat;
	padding-left:20px;
	color:#F60;
}
#qa div {
	margin-bottom:18px;
	margin-top:-18px;
	padding-left:20px;
}
/* Calendar component */

.calendar .header .nav {
	float:right;
}
.calendar .header .nav img {
	margin-right:0px;
	margin-left:2px;
	padding-top:2px;
}
.calendar .body .item {
	padding-bottom:6px;
}
.calendar table {
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
.calendar td {
	padding:6px 4px;
	text-align:center;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.calendar td.today {
	background-color:#F60;
	font-weight:bold;
	color:#fff;
}
.calendar td.event {
	background-color:#Fff;
	color:#333;
	font-weight:bold;
}
.calendar td.event:hover {
	background-color:#F60;
	color:#fff;
}
.calendar td.pastevent {
	background-color:#FFF;
	color:#333;
}
/* Related links */

.pagerelated {
	margin-top:18px;
}
.related {
	margin-top:0px;
	padding-bottom:36px !important;
}
.related ul {
	list-style-type:none;
}
.related li {
	margin-left:0px;
	margin-bottom:6px;
}
.related li a {
	/*background:url(img/ArchiveArrow_Passive.png) left 2px no-repeat; OLD! */
	background:url(img/ArchiveArrow_More.png) left top no-repeat;
	padding-left:16px;
	margin-right:16px;
	padding-left:20px;
	text-decoration:none !important;
	display:block;
}
.related li a:hover {
	text-decoration:underline !important;
}
.related.mypage li a {
	font-weight:bold;
	margin-right:6px;
	display:inline;
}
.related.mypage li a.ina, .related.mypage li a.ina:hover, .pagenavigation.mypage li a.ina, .pagenavigation.mypage li a.ina:hover {
	font-weight:bold;
	margin-right:6px;
	display:inline;
	color: #CCC;
	text-decoration:none !important;
}
.new {
	color:#F60;
}
.related.mypage li .mylist {
	background:url(img/mypage-list.gif) left center no-repeat;
	padding-left:24px;
}
.related.mypage li .useradmin {
	background:url(img/user-admin.gif) left center no-repeat;
	padding-left:28px;
}
/* My page components */

.discounts {
	margin-bottom:24px;
}
.discounts table {
	width:100%;
}
.discounts table td {
	vertical-align:top;
	padding-bottom:12px;
	border-top:1px solid #ccc;
	padding-top:12px;
}
.discounts table td.amount {
	padding-right:18px;
}
.discounts table td.first {
	border:none;
	padding-top:0px;
}
.discounts table td h1 {
	margin-bottom:0px;
	text-align:right;
}
/* Teasers (page promotions */
			
.pagepro {
	/*margin-bottom:54px;*/
	padding-bottom:54px;
	width: 100%;
}
.pagefooter .pagepro {
	margin-bottom:24px;
	padding-right:5px;
}
.frontpage .pagepro .header {
	border-bottom:1px solid #ccc;
	margin-bottom:8px;
	padding-bottom:5px;
}
.frontpage .pagepro .header h3 {
	display: inline;
	border-bottom: 0;
}
.pagepro .header h3 {
	color:#666;
	font-size:12px;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:8px;
	text-transform:none;
	font-weight:normal;
}
.pagepro .header h3 a {
	color:#666;
}
.pagepro .header h3 a:hover {
	color:#333;
}
.pagepro .group-summary {
	font-size: 12px;
	margin-bottom: 8px;
	margin-left: 5px;
}
.pagepro .group-footer {
	border-top:1px solid #ccc;
	margin-top:8px;
	padding-top:5px;
	font-weight: bold;
}
.pagepro .group-footer a {
	background:url(img/ArchiveArrow_More.png) left top no-repeat;
	padding-left: 16px;
}
.right-column .pagepro .header h3 {
	font-weight: bold;
	color: #333;
}
div.right-column .promotion div.header h3 {
	font-size: 12px;
	font-weight: normal;
}
.pagepro .ikon {
	margin: 0 5px 0 0;
	padding: 0;
	float: none;
}
.pagepro h2 {
	color:#333;
	padding-top:0px;
	padding-bottom:2px;
}
.pagepro h2 a {
	color:#333;
	margin-bottom:0;
}
.pagepro h2 a:hover {
	color:#F60;
}
.pagepro img, .thumb {
	float:left;
	margin-right:20px;
	padding-bottom:18px;
}
.pagepro img.teaser, img.teaser {
	margin-bottom:0px;
}
.pagepro img.teaserOverlay {
	margin:0px;
	padding: 0px;
	width:53px;
	height:53px;
	text-align:center;
	position:absolute;
	top:20px;
	left:50px;
}
.teaserOverlay {
	margin:0px;
	padding: 0px;
	width:53px;
	height:53px;
	text-align:center;
	position:absolute;
	top:120px;
	left:228px;
}
* html .pagepro p { /* IE 3px jog hack*/
	height: 1%;
}
.pagepro.img100 p {
	margin-left: 120px;
}
/* Special pagepros */

/* Newsletter */

#newsletter.pagepro .body {
	height:252px;
	background:url(img/newsletter-gradient.png) bottom left repeat-x;
	position:relative;
	margin-bottom:18px;
}
#newsletter.pagepro h6 {
	margin-bottom:6px;
}
#newsletter.pagepro form {
	position:absolute;
	bottom:12px;
	left:10px;
}
/* Page navigation */

/* new 
.pagenavigation {
	margin-bottom:54px;
	margin-top:-36px;
}
*/

.pagenavigation .header h3 {
	font-size:12px;
	color:#333;
	font-weight:bold;
}
.pagenavigation ul {
	list-style-type:none;
	margin:0;
}
.pagenavigation ul li {
	margin-left:0;
	margin-bottom:6px;
}
.pagenavigation li a.selected {
	color:#A35817;
	background-image:url(img/ArticleArrow_Active.png);
	background-repeat:no-repeat;
	background-position:left top 2px;
	padding-left:24px;
	font-weight:bold;
}
.pagenavigation li a {
	width:75%;
	display:block;
	background-image:url(img/ArticleArrow_Passive.png);
	background-repeat:no-repeat;
	background-position:left 2px;
	padding-left:24px;
	font-weight:normal;
}
/* Site footer */
/*#sitefooter {
	float:left;
	background-image:url(img/sitefooter-background.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:12px;
	font-size:11px;
	color:#666;
	position:relative;
}*/
#sitefooter {
	float:left;
	background-image:url(img/test-sitefooter-background.jpg);
	background-repeat: repeat;
	background-position:top;
	/*padding-top:12px;*/
	font-size:11px;
	color:#666;
	position:relative;
}
#sitefooter h4 {
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:#333;
	margin-bottom:12px;
	margin-top:-20px;
	position:relative;
}
#sitefooter ul {
}
#sitefooter p {
	margin-top:12px;
}
#sitefooter li {
	margin-bottom:5px;
	list-style-type:none;
	margin-left:0;
	line-height:15px;
}
#sitefooter li a {
	color:#666;
}
#sitefooter li a:hover {
	color:#333;
	text-decoration:underline;
}
/* A-Z */
.a-z {
	padding-bottom:42px;
}
.a-z h4 {
	margin-bottom:6px;
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:#333;
	font-size:11px;
}
.a-z ul {
	margin-left:-7.8px;
	margin-top:0px;
	float:left;
}
.related .a-z ul {
	border-bottom:1px solid #ccc;
	margin-left:0px;
	padding-bottom:12px;
	margin-bottom:12px;
}
.a-z li {
	float:left;
	list-style:none;
	margin:0;
}
.a-z li a {
	padding:7px;
	display:block;
	text-transform:uppercase;
	font-size:24px;
	color:#A35817;
}
.a-z li span.disabled {
	padding:7px;
	display:block;
	text-transform:uppercase;
	font-size:24px;
	color:#666;
}
.related .a-z li a {
	font-size:18px;
	background-image:none;
	padding:4px;
}
.a-z li a:hover, .a-z li a.selected {
	color:#333;
	text-decoration:underline;
}
.sender {
	margin-top:12px;
}
/* Search */

.searchCommon {
	-moz-border-radius:12px; /* mozilla browsers */
	-webkit-border-radius: 12px; /* safari */
	border-radius: 12px; /* chrome */
	border:1px solid #fff;
	padding:3px 6px 3px 24px;
	/* OLD: width:176px;*/
	width: 315px;
	font-size:13px;
	margin-top:-4px;
	background:url(img/lupe.gif) 6px center no-repeat #fff;
}
.blockquote {
	padding:12px;
	border:1px solid #444;
	background-color:#FFC;
}
/* Error and site unavailable */

.error .message {
	background-color:#f2f2f2;
	padding:20px 20px 120px 20px;
	margin:80px 0px 0px 0px;
	position:relative;
}
.error .footer {
	position:absolute;
	bottom:12px;
}
.error .sitefooter {
	margin-top:18px;
}
.error .sitefooter img {
	float:right;
}
/* styling buttons and input fields */

.default-text {
	-moz-border-radius:12px; /* mozilla browsers */
	-webkit-border-radius: 12px; /* safari */
	border-radius: 12px; /* chrome */
	border:1px solid #fff;
	padding:3px 6px 3px 6px;
	width:85%;
	font-size:13px;
	margin-bottom:12px;
}
.items {
	-moz-border-radius:12px; /* mozilla browsers */
	-webkit-border-radius: 12px; /* safari */
	border-radius: 12px; /* chrome */
	border:1px solid #ccc;
	padding:1px 4px 1px 4px;
	/*width:30px;*/
	width:37px;
	font-size:13px;
	margin-bottom:12px;
	text-align:right;
	font-weight:bold;
	background-color:#fff;
	margin-left:8px;
}
.quantity {
	margin-top:1px !important;
	padding:2px 6px !important;
}
.result .items {
	-moz-border-radius:12px; /* mozilla browsers */
	-webkit-border-radius: 12px; /* safari */
	border-radius: 12px; /* chrome */
	border:1px solid #ccc;
	padding:1px 4px 1px 4px;
	width:30px;
	font-size:13px;
	margin-bottom:12px;
	text-align:right;
	font-weight:bold;
	background-color:#fff;
	margin-left:8px;
}
.showMore {
	margin:18px 0 36px;
}
.addtocart {
	float:right;
}
.addtocart .items {
	float:left;
	margin-bottom:0 !important;
	margin-right:7px;
}
.item .addtocart, .priceitems .addtocart {
	float:left;
	margin-top:10px;
}
.result .item .addtocart {
	float:right;
	margin-top:0px;
}
.item .items, .priceitems .items {
	margin-left:0px;
	/*background-color:#f2f2f2; OLD */
	background-color:#ffffff;
	padding:1px 6px;
	/*border:1px solid #f2f2f2; */
	border:1px solid #999999;
	color:#999999;
}
.default-button {
	background:url(img/Button_Default.png) left center no-repeat;
	border:none;
	width:107px;
	height:28px;
}
.miniature-button {
	background:url(img/short-miniature.png) left center no-repeat;
	border:none;
	width:63px;
	height:20px;
}
.button-endre {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	display:block;
}
.button-endre:hover {
	color:#333333
}
.orderEdit {
	padding:1px 0 0 14px;
	font-size:11px;
}
.default-button.green {
	background:url(img/Button_Default_Green.png) left center no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-bottom:3px;
}
.default-button.green:hover, .goToOrderSummary.green:hover, default-button.green:hover, .default-button:hover {
	cursor:pointer;
}
.goToOrderSummary.green {
	background:url(img/long.png) left center no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-bottom:3px;
	border:none;
	height:28px;
	width:260px
}
.default-button.passive {
	color:#666;
}
.default-button.passive:hover {
	color:#333;
}
a.default-button-long {
	background:url(img/Button_Default_right.png) bottom right no-repeat;
	border:none;
	display: block;
	padding-right: 14px;
	float:left;
	margin-bottom: 10px;
}
a.default-button-long span {
	background:url(img/Button_Default_left.png) left center no-repeat;
	line-height:27px;
}
.large-order-button {
	background:url(img/Button_Order.gif) left center no-repeat;
	border:none;
	width:200px;
	height:40px;
}
/* Form elements (my page, order forms */
				  
.defaultform h2 {
	font-size:14px;
	margin-bottom:6px;
}
.defaultform fieldset {
	background-color:#f2f2f2;
	padding:20px;
	-moz-border-radius:6px; /* mozilla browsers */
	-webkit-border-radius: 6px; /* safari */
	border-radius: 6px; /* chrome */
}
.fieldsetToFitGrid {
	width:480px;
}
.login fieldset, .login_register fieldset {
	min-height: 270px;
}
.login fieldset {
	padding-right: 10px;
}
.login_register fieldset {
	background-color: #e8eee4 !important;
}
.login_register h6 {
	color:#b5b42c;
}
.login .radio {
	float:left;
	margin-right:4px;
}
.login .more {
	color: #a35817;
	text-decoration: underline;
}
.login A.meta {
	color: #a35817;
	text-decoration: underline;
}
.login .more:hover {
	color: #f60;
}
.login A.meta:hover {
	color: #f60;
}
.login .feide {
	float: right;
	margin: -6px -6px 0px 0px;
}
#company-registration-restrictions {
	width: 260px!important;
}
.billing-address, .shipping-address {
	list-style-type: none;
}
.billing-address li, .shipping-address li {
	margin-left: 0;
}
.billing-address li label, .shipping-address li label {
	display: inline;
}
h2 .meta {
	margin-left:6px;
	font-weight:normal;
}
.email a {
	text-decoration:none !important;
}
.defaultform label {
	display:block;
	margin-bottom:6px;
}
.defaultform .form {
	float:left;
	padding:4px;
	font-size:14px;
	margin-bottom:18px;
}
.defaultform .form.thin {
	padding:2px;
	font-size:11px;
	margin-top:2px;
	margin-right:12px;
}
.addform input[type="checkbox"], .addform input[type="radio"] {
	margin-bottom: 0;
	padding: 1px;
}
.form.error {
	background-color:#FF9;
	padding:6px;
}
label .meta.error {
	padding:2px;
	color:#333;
	background-color:#FF6;
}
.errorlist {
	background-color:#FF9;
	padding:12px;
	margin-bottom:24px;
	border:1px solid #fff;
}
.errorlist ol {
	margin:6px 0 6px 0;
}
.errorlist ol li {
	margin-bottom:6px !important;
}
.errorlist ol li a:hover {
	text-decoration:none !important;
	color:#333 !important;
}
.defaultform .form.long {
	width:446px;
	margin-right: 60px;
}
.defaultform .form.long_grid_9 {
	width:510px;
}
.defaultform .form.short {
	width:206px;
}
.defaultform .form.xshort, .code {
	width:86px;
}
.defaultform .form.medium {
	width:326px;
}
.defaultform .form:focus {
	background-color:#eef4fd;
}
.defaultform .confirm {
	float:right;
}
.addresses {
	background-color: #F2F2F2;
}
.disabled {
	color:#666;
}
.attention {
	padding:6px 18px;
	background-color:#FF9;
	background-color:#CF9;
	-moz-border-radius:6px; /* mozilla browsers */
	-webkit-border-radius: 6px; /* safari */
	border-radius: 6px; /* chrome */
}
ul.actionMessage, .actionMessage li {
	margin: 0;
	padding:0;
	list-style-type:none;
	font-weight:bold;
}
.ontarget {
	background-color:#9F6;
	padding:0 2px;
}
.ontarget a {
	color:#333 !important;
	text-decoration:none !important;
}
.delayed {
	background-color:#FF6;
	padding:0 2px;
	color:#333;
}
.formlist {
	border:1px solid #ccc;
	padding:6px;
}
.formlist ul {
	margin:6px 0;
}
.formlist li {
	list-style:none;
	margin:0 -4px 0 -4px;
	padding:0;
}
.formlist li a {
	text-decoration:none !important;
	display:block;
	padding:3px 4px;
}
.formlist li a:hover {
	background-color:#FF9;
	color:#111;
}
/* Additrional Modal box formatting */
table.checkboxtable {
	width:380px;
}
.checkboxtable td {
	padding:0 0 12px 0;
}
.checkboxtable td label {
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/*------------------------------------------------------------------
   =Login page (Bouvet)
------------------------------------------------------------------*/

#login-page {
	background-image:url(img/login-background.gif);
	background-position:left top;
	background-repeat:repeat-y;
	float:left;
	padding-top:27px;
	position:relative;
}
.login-page-bgimg {
	background-image:url(img/koala.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	bottom:18px;
	height:298px;
	width:266px;
	left:312px;
	position:absolute;
}
.CAF .login-page-bgimg {
	background-image:url(img/dawg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	bottom:19px;
	height:296px;
	width: 286px;
	left:291px;
	position:absolute;
}
.loginfields {
	-moz-border-radius:12px; /* mozilla browsers */
	-webkit-border-radius: 12px; /* safari */
	border-radius: 12px; /* chrome */
	-moz-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1);
	border:1px solid #ccc;
	padding:2px 7px;
	width:200px;
	font-size:14px;
	margin-bottom:12px;
	font-weight:normal;
	background-color:#fff;
}
a.login {
	background-image:url(img/not-loggedin.png);
	background-position: left center;
	background-repeat:no-repeat;
	float:left;
	width:35px;
	height:30px;
}
a.login:hover {
	background-image:url(img/loggedin.png);
	background-repeat:no-repeat;
	width:35px;
	height:30px;
}
a.logout {
	background-image:url(img/loggedin.png);
	background-position:left center;
	background-repeat:no-repeat;
	float:left;
	width:35px;
	height:30px;
}
a.logout:hover {
	background-image:url(img/loggedin.png);
	background-repeat:no-repeat;
}
a.shoppingcart {
	background-image:url(img/cart.png);
	background-position:left center;
	background-repeat:no-repeat;
	float:left;
	width:35px;
	height:30px;
}
a.shoppingcart:hover {
	background-image:url(img/cart.png);
	background-repeat:no-repeat;
}
a.activeshoppingcart {
	background-image:url(img/cart-active.png);
	background-position: left center;
	background-repeat:no-repeat;
	float:left;
	width:35px;
	height:30px;
}
/*------------------------------------------------------------------
   =Order summary (Bouvet)
------------------------------------------------------------------*/

#title, #number, #price {
}
#title {
	width:60%;
}
#number {
	width:20%;
}
#price {
	width:20%;
}
/*------------------------------------------------------------------
   =Order confirmation (Bouvet)
------------------------------------------------------------------*/

/* Denne må endres senere et navn som ikke krasjer med klassen titlebar */
#titlebar {
	float:left;
	margin-top:0px;
	padding-bottom:12px;
	margin-bottom:30px;
	background-image:url(img/divider.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#titlebar h1, #titlebar h1 a, #titlebar h1 a:hover {
	font-size:23px;
	margin-bottom:10px;
	padding-left:10px;
}
/* Endre denne til en mer generell tabell klasse. Gjelder sikkert alt med orderlist*/
.orderlist {
	/*width:960px;*/
	width:100%;
	padding:0px;
}
.orderlist .titlebar {
	background:url(img/pageheader-bar.gif) left top repeat-x;
	height:28px;
}
.orderlist .titlebar h3 {
	display:inline;
	font-weight:bold;
	text-transform:none;
	font-size:12px;
	margin-right:36px;
}
.orderlist tr {
	background:#f2f2f2;
}
.orderlist th {
	padding:0 0 0 10px;
	height:23px;
	text-align:left;
	vertical-align:middle;
}
.orderlist td {
	padding:2px 10px 2px 10px;
	color:#666666;
}
.orderlist tr.total {
	background:#f2f2f2;
}
.orderlist tr.total td {
	background:#f2f2f2;
	font-weight:bold;
}
.table_divider {
	background:url(img/line-repeat.gif) repeat-x center left;
	width:100%;
	height:15px;
}
.table_padder {
	height:5px;
	width:100%;
	line-height:1px; /* ie6  */
}
/*------------------------------------------------------------------
   =Shopping Cart (Bouvet)
------------------------------------------------------------------*/
#shopping-cart table p {
	margin:0;
	color:#000;
	font-size:13px;
	font-weight:bold;
}
#shopping-cart h6 {
	color:#a35817;
}
#shopping-cart-image {
}
#shopping-cart-title {
	padding-right:20px;
}
#shopping-cart-remove {
}
#shopping-cart-price {
}
#shopping-cart-number {
	padding-right:20px;
}
#shopping-cart-subtotal {
}
#shopping-cart td {
	vertical-align:top;
}
a#remove-item {
	display:block;
	width:28px;
	height:28px;
	background-repeat:no-repeat;
	background-position:top;
}
a#remove-item {
	background-image:url(img/Delete_Passive.png);
}
a:hover#remove-item {
	background-image:url(img/Delete_Active.png);
}
#shopping-cart .yellow, #summary-page .yellow {
	background:	#feffd7;
}
/*------------------------------------------------------------------
   =Lightbox jquery tools (Bouvet)
------------------------------------------------------------------*/

.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
.modal h2 {
	background:url(/img/global/info.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}
/*------------------------------------------------------------------
   =Styling articles from Escenic (Bouvet)
------------------------------------------------------------------*/
.articlecontent_escenic {
}
.articlecontent_escenic .ingress {
	margin-bottom:18px;
}
.articlesummary p {
	margin-bottom:0px;
}
.articlecontent_escenic img.subjectArticleImg {
	float:left;
	padding:0px 18px 10px 0px;
	vertical-align: text-top
}
/* ingress bilde */
.articlecontent_escenic img {
	float:right;
	padding:7px 0 10px 20px;
}
/* brødtekstbilde */
.articlecontent_escenic p img.left {
	padding:7px 20px 10px 0px;
	float:left;
}
.articlecontent_escenic p img.right {
	padding:7px 0 10px 20px;
	float:right;
}
.articlecontent_escenic p a, .articlecontent_escenic p a:hover {
	text-decoration: underline;
}
.articlecontent_escenic h5 {
	color:#a35817;
	text-transform:capitalize;
	font-weight: normal;
}
.articlecontent_escenic ul, .product_detail_escenic ul, .product_detail_sparta ul {
	/*list-style-position:inside;*/
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.articlecontent_escenic ol, .product_detail_escenic ol, .product_detail_sparta ol {
	list-style-position:none;
	padding:0px;
	margin:0 0 0 18px;
}
.articlecontent_escenic ul li, .product_detail_escenic ul li, .product_detail_sparta ul li {
	background: url(img/listbullet.png) no-repeat top left;
	padding:0px 0 5px 9px;
	margin:0px;
}
.articlecontent_escenic ol li, .product_detail_escenic ol li, .product_detail_sparta ol li {
	padding:0px 0 2px 0px;
	margin:0px;
}
.articlecontent_escenic table {
	border:1px solid #ccc;
	border-collapse:collapse;
	width:100% !important;
	margin:0 !important;
}
.articlecontent_escenic table tr, .articlecontent_escenic table th, .articlecontent_escenic table td {
	border:1px solid #ccc;
}
.articlecontent_escenic table td {
	padding:5px;
	vertical-align:top;
}
.articlecontent_escenic table img {
	padding-top:0px;
}
/*------------------------------------------------------------------
   End styling articles from Escenic (Bouvet)
------------------------------------------------------------------*/


.rebate, .trial {
	display:block;
	margin-top:10px;
	margin-left:-4px;
}
.status {
	display:block;
	color:#ff6600;
	line-height:13px !important;
	font-size:11px;
	margin-bottom:3px;
	font-weight:normal;
}
.rebate_item {
	display:block;
	margin-bottom:10px;
	margin-left:-4px;
}
.rebate .inner, .rebate_item .inner, .trial .inner {
	display:inline;
	background-color:#FF6 !important;
	padding:2px 4px 4px 3px;
	-moz-border-radius:12px; /* mozilla browsers */
	-webkit-border-radius: 12px; /* safari */
	border-radius: 12px; /* chrome */
}
.inner_productdetail {
	display:inline;
	background-color:#FF6 !important;
	padding:2px 1px 4px 1px;
	-moz-border-radius:12px; /* mozilla browsers */
	-webkit-border-radius: 12px; /* safari */
	border-radius: 12px; /* chrome */
}
.errorMessage {
	/*font-weight: bold;
	color:red;*/
	padding:2px;
	color:#333;
	background-color:#FF6;
	margin-bottom:3px;
}
ul.errorMessage {
	padding:0;
	color:#333;
	background-color:#FF6;
	margin-bottom:0px;
}
ul.errorMessage li {
	padding:1px 3px;
	margin:0 0 3px 0;
	list-style-type:none;
}
/*------------------------------------------------------------------
   =Styling mypage
------------------------------------------------------------------*/
/* My page components */
#sidebar .pagepro {
	padding-bottom:18px;
}
.itemdivider {
	border-bottom:1px solid #cccccc;
	margin-bottom:12px;
	padding-top:12px;
	width:100%;
}
.mypage .listbutton {
	margin-bottom:0px !important;
	margin-right:6px;
}
.discounts {
	margin-bottom:24px;
}
.discounts table {
	width:100%;
}
.discounts table td {
	vertical-align:top;
	padding-bottom:12px;
	border-top:1px solid #ccc;
	padding-top:12px;
}
.discounts table td.amount {
	padding-right:18px;
}
.discounts table td.first {
	border:none;
	padding-top:0px;
}
.discounts table td h1 {
	margin-bottom:0px;
	text-align:right;
}
/* My page user admin */

.item.useradmin {
	border-bottom:1px solid #ccc;
	padding-bottom:6px;
	padding-top:6px
}
.item.useradmin:hover {
	background-color:#f2f2f2;
}
.item.useradmin.selected {
	background-color:#FFC;
}
.item.useradmin a.name {
	font-weight:bold;
	text-decoration:none !important;
}
.item.useradmin a.name:hover {
	text-decoration:underline !important;
}
.flag {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 24px 8px 24px;
	float:left;
	height:20px;
	font-weight:bold;
	margin-right:6px;
}
.flag.selected {
	background-color:#d9d9d9;
	margin-bottom:-10px;
}
.flag a {
	text-decoration:none !important;
	color:#666;
}
.licences, .useradmin2 {
	padding-left:30px;
	background-position:left top;
	background-repeat:no-repeat;
}
.licences {
	background-image:url(img/key-admin.gif);
}
.useradmin2 {
	background-image:url(img/user-adm.gif);
}
.back {
	display:block;
	background:url(img/back.gif) left center no-repeat;
	padding-left:26px;
	cursor:pointer;
}
.teacher {
	background-color:#e2edf5;
}
.admin {
	background-color:#e2edf5;
}
/* Sort */
.sort {
	padding-right:16px;
	background:url(img/sort.png) right center no-repeat;
}
.sort a {
	text-decoration:none !important;
}
.sorter {
	background-color:#d9d9d9;
	position:absolute;
	width:100px;
	z-index:1000;
	margin:7px 0 0 0;
	font-size:11px;
}
.sorter ul {
	margin:0;
	padding:0;
	list-style:none;
}
.sorter li {
	margin:0;
	border-bottom:1px solid #fff;
}
.sorter li a {
	padding:2px 6px;
	display:block;
	text-decoration:none !important;
}
.sorter li a:hover {
	background-color:#FF9;
	color:#222;
}
/* My page components */

.mypage .listbutton {
	margin-bottom:0px !important;
	margin-right:6px;
}
.discounts {
	margin-bottom:24px;
}
.discounts table {
	width:100%;
}
.discounts table td {
	vertical-align:top;
	padding-bottom:12px;
	border-top:1px solid #ccc;
	padding-top:12px;
}
.discounts table td.amount {
	padding-right:18px;
}
.discounts table td.first {
	border:none;
	padding-top:0px;
}
.discounts table td h1 {
	margin-bottom:0px;
	text-align:right;
}
/* My page user adnin */

.item.useradmin {
	border-bottom:1px solid #ccc;
	padding-bottom:6px;
	padding-top:6px
}
.item.useradmin:hover {
	background-color:#f2f2f2;
}
.item.useradmin.selected {
	background-color:#FFC;
}
.item.useradmin a.name {
	font-weight:bold;
	text-decoration:none !important;
}
.item.useradmin a.name:hover {
	text-decoration:underline !important;
}
.flag {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 24px 8px 24px;
	float:left;
	height:20px;
	font-weight:bold;
	margin-right:6px;
}
.flag.selected {
	background-color:#d9d9d9;
	margin-bottom:-10px;
}
.flag a {
	text-decoration:none !important;
	color:#666;
}
.licences, .useradmin2 {
	padding-left:30px;
	background-position:left top;
	background-repeat:no-repeat;
}
.licences {
	background-image:url(img/key-admin.gif);
}
.useradmin2 {
	background-image:url(img/user-adm.gif);
}
.back {
	display:block;
	background:url(img/back.gif) left center no-repeat;
	padding-left:26px;
}
.teacher {
	background-color:#e2edf5;
}
.admin {
	background-color:#e2edf5;
}
.cart-items-added-msg {
	clear: both;
	padding-top: 11px;
	font-weight: normal;
	font-size: 11px;
	color: #666;
}
.cart-items-added-msg a {
	text-decoration: underline;
	color: #666;
}
.mypagetable {
	width: 100%;
	margin: 0;
}
.mypagetable thead {
	background: #d9d9d9 url("img/pageheader-bar.gif") repeat-x scroll left top;
	font-size: 11px;
}
.mypagetable tbody tr {
	border-bottom: 1px solid #CCCCCC;
}
.mypagetable tbody tr.selected {
	background-color: #ffffcc;
}
/*.mypagetable tbody tr:hover {
    background-color: #f2f2f2;
}

.mypagetable tbody tr.selected:hover {
    background-color: #ffffaa;
}*/

.mypagetable th {
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-right: 4px;
	padding-left: 4px;
}
.numeric, td.numeric, th.numeric {
	text-align: center;
}
.mypagetable th.col_email {
	width:23% !important;
}
.mypagetable th.col_fullName {
	width:40% !important;
}
.mypagetable th. col_groupsnumeric {
 width:19% !important;
}
.mypagetable th.col_schoolStartYear {
	width:11% !important;
}
.mypagetable th.col_role {
	width:7% !important;
}
.mypagetable th.col_licenses {
	width:15% !important;
}
.mypagetable td {
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	padding-left: 5px;
}
.mypagetable td.col_email {
	width:20% !important;
}
.mypagetable td.col_fullName {
	width:20% !important;
}
.mypagetable td.col_groupsnumeric {
}
.mypagetable td.col_schoolStartYear {
}
.mypagetable td.col_role {
}
.mypagetable td.col_licenses {
}
.selectRowCheckBox, .selectAllRowsCheckBox {
	margin: 0 0 0 13px;
}
.leftPadded {
	padding-left: 15px !important;
}
.noshadow thead {
	background: #d9d9d9 none;
}
#loader {
	background: url(img/large-loading.gif) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -64px;
	margin-left: -150px;
	width: 300px;
	height: 64px;
	text-align: center;
}
.big-project-picture-container {
	min-height:410px;
	padding-bottom: 0 !important;
}
.large-image-margin-bottom {
	margin-bottom:28px;
}
.large-image-margin-top {
	margin-top:-28px;
}
.tab-separator {
	background: url("img/divider.gif") repeat-x left bottom;
	margin: 0!important;
	width: 960px;
	text-indent: 10px;
}
.hide {
	display: none;
}
a.infobox {
	color: #A35817;
}
a.infobox:hover {
	cursor: help;
}
/*------------------------------------------------------------------
   =Modifs mypage
------------------------------------------------------------------*/
.mypage #sidebar {
	margin-left: 20px;
}
.orderpdf {
	margin-bottom: 2px;
}
.orderpdf a.order-pdf {
	display: block;
	padding-left: 20px;
	background: transparent url(img/pdf-small.gif) left bottom no-repeat;
	height: 17px;
	line-height: 22px;
}
p.order-total-sum {
	font-weight: bold;
}
.main p.button {
	background: transparent url("img/Button_Large.png") no-repeat left center;
	width: 150px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}
.mypage .main p.button a, .mypage .main p.button a:visited {
	text-decoration: none !important;
}
/* Simple styling table digital products  TODO: implement javascript to make table sortable */
table.tablesorter {
	width: 100%;
}
table.tablesorter tbody tr.odd td {
	background-color:#efefef;
}
.tablesorter th {
	padding: 4px 0 4px 3px;
	text-align: left;
	color: #333;
	background: #ddd;
}
.tablesorter td {
	padding: 10px 4px;
	vertical-align: top;
	width: auto;
	border: 1px solid #d7d7d7;
	border-width: 0 0 1px 0;
}
/*------------------------------------------------------------------
   =Modifs registration
------------------------------------------------------------------*/
.progress li {
	margin-bottom: 0;
	height: 42px;
	color: #999;
	background: transparent url(img/order-bullet.gif) bottom center no-repeat;
}
.progress li.first {
	background: transparent url(img/order-bullet-first.gif) bottom center no-repeat;
}
.progress li.last {
	background: transparent url(img/order-bullet-last.gif) bottom center no-repeat;
}
.progress li span.selected {
	background: transparent url("img/order-bullet-selected.gif") center bottom no-repeat;
	display:block;
	height:42px;
	color:#333;
}
.progress li span.selected span.number {
	color: #333;
}
.progress li span.number {
	display: inline;
}
#singlesignonwebsites ul li a {
	text-decoration: underline;
}
#whybirthdate a {
	text-decoration: underline;
}
#confirmation-page div#titlebar h1 {
	margin-bottom: 12px;
	padding-bottom: 6px;
	font-family: "myriad-pro-1", "myriad-pro-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 18px;
	color: #ff6600;
	border-bottom: 1px solid #ccc;
}
.default-button-large-max {
	background: transparent url("img/Button_Max.png") no-repeat left center;
	width: 180px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: none;
}
/* TF - Form validation */
div#page.main #person-registration input.error, #company-person-registration input.error {
	border: 1px solid red;
}
div#page.main #person-registration label.error, #company-person-registration label.error {
	background: url('img/exclamation_red.png') no-repeat;
	padding-left: 17px;
	margin-left: .3em;
	margin-bottom: 20px;
	display: inline-block;
}
div#page.main #person-registration label.checked, #company-person-registration label.checked {
	background: url('img/accept.png') no-repeat;
	/*		display: block; */
	width: 16px;
	height: 16px;
	display: inline-block;
}
div#page.main #person-registration a.infobox, #company-person-registration a.infobox {
	background: url('img/information.png') no-repeat;
	padding-left: 20px;
}

/* FAQ */
.faq .showHide {
    position: absolute;
    right: 0;
}
.faq .showHide span {
    font-style: italic;
    cursor: pointer;
}
.faq .showHide span:hover {
    text-decoration: underline;
}
.faqElement {
    margin-bottom: 10px;
}

.faqElement .question {
    margin: 5px 0;
}