/******************************
*******************************
  Extensions to basic screen styles (as defined in oenskedepotet_screen.css)
*******************************
******************************/

body {
background-color: rgb(243,243,243);
}

blockquote.emphasized {
color: rgb(170,170,170);
font-weight: bold;
}

a, a:visited, a:active {
color: rgb(188,29,29);
}
a:hover {
color: rgb(218,69,69);
}

input.text {
background-color: rgb(245,245,245);
}
input.textShort {
background-color: rgb(245,245,245);
}

input.checkbox {
background-color: rgb(245,245,245);
}
textarea {
background-color: rgb(245,245,245);
}
select {
background-color: rgb(245,245,245);
}
button {
background-color: rgb(245,245,245);
border-color: rgb(245,245,245);
}

.explanatory {
color: rgb(150,150,150);
}


ul.warning {
list-style-image: url(../images/standard/icon_warning.gif);
padding: 0em;
margin: 0em;
margin-left: 1.6em;
margin-bottom: 0.7em;
}
li.warning {
color: rgb(218,69,69);
margin: 0px;
padding: 0px;
}


ul.message {
list-style-image: url(../images/standard/icon_message.gif);
padding: 0em;
margin: 0em;
margin-left: 1.6em;
margin-bottom: 0.7em;
}
li.message {
color: gray;
margin: 0px;
padding: 0px;
}

.emphasized {
color: rgb(110,110,110);
}

.emptydb {
color: rgb(20 0,100,100);
}

.new {
color: rgb(120,120,120);
}

fieldset {
background-color: rgb(245,245,245);
border-color: rgb(230,230,230);
}

.legend {
color: rgb(125,125,125);
}

h2 {
color: rgb(200,200,200);
}

.loginboxSection h2
{
color: rgb(150,150,150);
}

.loginbox
{
background-color: #eeeeee;
}

h3 {
color: #aaaaaa;
border-color: rgb(225,225,225);
}

.contentblock {
}

.contentblockHeadline {
background-color: #eaeaea;
color: #a3a3a3;
}

.contentblockContent
{
border-color: #eaeaea;
}

.contentblockComment {
background-color: #eaeaea;
color: #878787;
}

.contentblockCommentIcon {
color: rgb(160,160,160);
}

.contentPropertylistTable {
border-color: rgb(230,230,230);
}

.contentPropertylistCellProperty {
color: rgb(90,90,90);
background-color: rgb(248,248,248);
border-color: rgb(230,230,230);
}

.contentPropertylistCellValue {
background-color: rgb(245,245,245);
border-color: rgb(230,230,230);
}

/* rounded corners */
.contentblockRounded{display:block}
.contentblockRounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EAEAEA}
.contentblockRounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
  background:#efefef}
.contentblockRounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#ededed}
.contentblockRounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ededed;
  border-right:1px solid #ededed;}
.contentblockRounded4{
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5}
.contentblockRounded5{
  border-left:1px solid #efefef;
  border-right:1px solid #efefef}
.contentblockRoundedfg{
  background:#EAEAEA}


.lightlistRow {
border-color: rgb(230,230,230);
}

.helpQuestionIndex {
font-weight: bold;
}

a.helpQuestion {
font-weight: bold;
color: rgb(130,130,130);
}

.helpAnswer {
background-color: rgb(240,240,240);
}

.gridTable {
border-color: rgb(230,230,230);
}

.gridHeader {
background-color: #eaeaea;
color: #a3a3a3;
}

a.gridHeader {
color: rgb(90,110,130);
}
a.gridHeader:active {
color: rgb(90,110,130);
}
a.gridHeader:visited {
color: rgb(90,110,130);
}
a.gridHeader:hover {
color: rgb(115,135,160);
}

.gridRow {
background-color: rgb(245,245,245);
}

.gridRowActive {
background-color: rgb(235,235,235);
}

.gridCell {
border-color: rgb(230,230,230);
}

.gridCellVerAndHor {
border-color: rgb(230,230,230);
}

li {
color: rgb(110,110,110);
}
.listitem {
color: black;
}

.middlecontent {
background-color: rgb(255,255,255);
padding-bottom: 1em;
}

#demouserMessage {
border-color: #e9e9e9;
background-color: #ffffff;
color: #999999;
}

#demouserMessage a {
color: #999999;
}

#demouserRestrictionMessage {
border-color: rgb(183,2,30);
color: rgb(183,2,30);
}

/***
Wishlist
***/
.wishlistWrapper {
border-color: rgb(230,230,230);
}

/*normal*/
div.wishlistWish {
border-bottom-color: rgb(230,230,230);
}
div.wishlistWishHeader {
background-color: rgb(255,255,255);
}
div.wishlistWishContent {
background-color: rgb(255,255,255);
color: rgb(90,90,90);
}
/*normal hover*/
div.wishlistWishHover {
border-bottom-color: rgb(230,230,230);
}
div.wishlistWishHeaderHover {
background-color: rgb(230,230,230);
}
div.wishlistWishContentHover {
background-color: rgb(230,230,230);
color: rgb(90,90,90);
}
/*alternative*/
div.wishlistWishAlt {
border-bottom-color: rgb(230,230,230);
}
div.wishlistWishHeaderAlt {
background-color: rgb(245,245,245);
}
div.wishlistWishContentAlt {
background-color: rgb(245,245,245);
color: rgb(90,90,90);
}
/*alternative hover*/
div.wishlistWishAltHover {
border-bottom-color: rgb(230,230,230);
}
div.wishlistWishHeaderAltHover {
background-color: rgb(230,230,230);
}
div.wishlistWishContentAltHover {
background-color: rgb(230,230,230);
color: rgb(90,90,90);
}

.wishlistName {
}

.wishlistShop {
color: rgb(100,100,100);
}

.wishlistPrice {
color: rgb(100,100,100);
}

.wishlistDescription {
}

.wishlistReservation {
}


a.reservationLink, a.reservationLink:visited, a.reservationLink:active {
color: rgb(142,142,142);
}
a.reservationLink:hover {
color: rgb(142,142,142);
}

.wishlistEmpty {
border-color: #e6e6e6;
background-color: rgb(245,245,245);
}


.printLink {
}

/******************************
*******************************
  Specifics for standard style
*******************************
******************************/

.middlecontentLower {
background-color: rgb(255,255,255);
}

.menuToContentSpace {
background-color: white;
}

.menuToContentSpaceLower {
background-color: white;
}

/************
Right sidebar
************/

.rightbarSpacer {
background-color: rgb(255,255,255);
width: 10%;
}

.rightbarSpacerLower {
background-color: rgb(255,255,255);
}

.rightbar {
background-color: rgb(255,255,255);
background-image: url(../images/standard/box_right_nofill.gif);
background-repeat: repeat-y;
vertical-align: top;
padding-bottom: 3em;
}
.rightbarLower {
background-color: rgb(255,255,255);
background-image: url(../images/standard/box_right_nofill.gif);
background-repeat: repeat-y;
}

/************
topbar
************/

h1 {
color: white;
margin: 0em;
padding: 0em;
padding-left: 15px;
}

.topbarBox {
width: 100%;
}
.topbarBoxTopLeft {
background-image: url(../images/standard/box_top_left.gif);
}
.topbarBoxTopCenter {
background-color: rgb(188,29,29);
background-image: url(../images/standard/box_top.gif);
background-repeat: repeat-x;
}
.topbarBoxTopRight {
background-image: url(../images/standard/box_top_right.gif);
}
.topbarBoxMiddleLeft {
background-color: rgb(188,29,29);
background-image: url(../images/standard/box_left.gif);
background-repeat: repeat-y;
}
.topbarBoxMiddleCenter {
width: 100%;

vertical-align: bottom;
color: white;
background-color: rgb(188,29,29);
background-image: url(../images/standard/top_present.gif);
background-position: top right;
background-repeat: no-repeat;
}
.topbarBoxMiddleRight {
background-color: rgb(188,29,29);
background-image: url(../images/standard/box_right.gif);
background-repeat: repeat-y;
}
.topbarBoxBottomLeft {
background-image: url(../images/standard/box_join_bottom_left.gif);
}
.topbarBoxBottomCenter {
background-color: rgb(188,29,29);
background-image: url(../images/standard/box_join_bottom.gif);
background-repeat: repeat-x;
}
.topbarBoxBottomRight {
background-image: url(../images/standard/box_join_bottom_right.gif);
}

a.changelayout {
color: white;
text-decoration: none;
}
a.changelayout:active {
color: white;
text-decoration: none;
}
a.changelayout:visited {
color: white;
text-decoration: none;
}
a.changelayout:hover {
color: white;
text-decoration: none;
}

#changelayoutBox {
position: absolute;
top: 0px;
background-color: #AD0007;
width: 150px;
padding: 3px;
z-index:100;
border: 2px solid white;
visibility: hidden;
}
a.changelayoutLink {
color: white;
text-decoration: none;
}
a.changelayoutLink:active {
color: white;
text-decoration: none;
}
a.changelayoutLink:visited {
color: white;
text-decoration: none;
}
a.changelayoutLink:hover {
color: white;
text-decoration: underline;
}

/************
Left menu elements 
************/

/* leftMenu */
.leftMenu {
width: 22%;
background-color: rgb(238,238,238);
vertical-align: top;
}
.leftMenuLower {
background-color: white;
}

.leftMenuLeftspacer {
vertical-align: top;
background-image: url(../images/standard/box_leftmenu_left.gif);
background-repeat: repeat-y;
background-color: rgb(255,255,255);
}
.leftMenuBelowCenter {
background-color: rgb(238,238,238);
width: 100%;
}
.leftMenuBelow {
width: 100%;
}

a.menuItemTop, a.menuItemTop:visited, a.menuItemTop:active, a.menuItemTop:hover {
border-color: rgb(191,34,34);
background-color: rgb(188,29,29);
color: white;
text-decoration: none;
}

/*setting padding: 0.3 caused "white-1px-hairline-gecko-bug - this is a hack to circumvent it"*/
td.menuItemBottomTopSpacer {
height: 0.3em;
background-color: rgb(188,29,29);
}

a.menuItemBottom, a.menuItemBottom:visited, a.menuItemBottom:active, a.menuItemBottom:hover {
border-color: rgb(191,34,34);
background-color: rgb(188,29,29);
color: white;
text-decoration: none;
vertical-align: top;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
display: block;
padding-left: 0.7em;
padding-bottom: 0em;
}

a.menuItem, a.menuItem:visited, a.menuItem:active {
border-color: rgb(191,34,34);
background-color: rgb(188,29,29);
color: white;
text-decoration: none;
}
a.menuItem:hover {
border-color: rgb(191,34,34);
background-color: rgb(188,29,29);
/*background-color: rgb(175,10,10);*/
color: white;
text-decoration: none;
}

.menuItemTopLeft {
background-color: rgb(188,29,29);
}
.menuItemTopCenter {
width: 100%;
background-color: rgb(188,29,29);
}
.menuItemTopRight {
background-color: rgb(188,29,29);
text-align: right;
}

a.menuItemTop {
vertical-align: top;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
display: block;
text-decoration: none;
padding: 0.3em;
padding-left: 0.7em;
padding-top: 0em;
border-width: 1px;
border-style: solid;
border-top: none;
}

.menuItemBottomLeft {
background-color: rgb(188,29,29);
}
.menuItemBottomCenter {
width: 100%;
background-color: rgb(188,29,29);
}
.menuItemBottomRight {
background-color: rgb(188,29,29);
text-align: right;
}

/*padding is not handled correctly on <a> elements in IE 6+ and Mozilla 1.4+, so width is moved to the wrapper style (which is on a <div>)*/
a.menuItem {
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
display: block;
text-decoration: none;
margin-top: 3px;
padding: 0.3em;
padding-left: 0.7em;
}

.leftMenuSubItemWrapper {
padding-top: 3px;
}

.leftMenuSubItemEmptyPlaceHolder {
display: block;
}


a.leftMenuSubItem, a.leftMenuSubItem:visited, a.leftMenuSubItem:active {
background-color: rgb(191,191,191);
color: white;
font-weight: bold;
font-size: 0.9em;
cursor: pointer;
display: block; 
text-decoration: none;
padding-left: 1.0em;
padding-top: 0.25em;
padding-bottom: 0.35em;
margin-bottom: 3px;
}
a.leftMenuSubItem:hover {
background-color: rgb(175,175,175);
color: white;
text-decoration: none;
}

/************
 rounded box 
*************/

.boxrounded .topLeft {
background-color: #eeeeee;
}
.boxrounded .topCenter {
background-color: #eeeeee;
}
.boxrounded .topRight {
background-color: #eeeeee;
text-align: right;
}

.boxrounded .bottomLeft {
background-color: #eeeeee;
}
.boxrounded .bottomCenter {
background-color: #eeeeee;
}
.boxrounded .bottomRight {
background-color: #eeeeee;
text-align: right;
}

/************
 footerbox 
*************/

.footerBox {
width: 100%;
height: 3em;
}
.footerBoxLeft {
background-color: rgb(233,233,233);
vertical-align: bottom;
background-image: url(../images/standard/box_footer_left.gif);
background-repeat: repeat-y;
}
.footerBoxCenter {
width: 100%;
background-color: rgb(233,233,233);
border-bottom: 1px solid rgb(228,228,228);
}
.footerBoxRight {
background-color: rgb(233,233,233);
vertical-align: bottom;
background-image: url(../images/standard/box_footer_right.gif);
background-repeat: repeat-y;
}

.footerBoxContent {
width: 100%;
}

.footer {
color: rgb(70,130,170);
}

.footer {
width: 100%;
clear: both;
/*
Smaller for ejulemaerket
*/
margin-bottom: 4em;
/*
margin-bottom: 1em;
*/
}

a.footerlink, a.footerlink:visited, a.footerlink:active {
text-decoration: none;
color: rgb(142,142,142);
}
a.footerlink:hover {
text-decoration: underline;
color: rgb(142,142,142);
}

/* columns in footer area */
.columnFooterLeft {
color: rgb(142,142,142);
width: 65%;
text-align: left;
padding: 0.3em;
padding-left: 0.6em;
vertical-align: bottom;
}

.columnFooterRight {
color: rgb(142,142,142);
width: 35%;
text-align: right;
padding: 0.3em;
padding-right: 0.4em;
}

.wishlistlastupdated {
text-align: right;
}

.footerExternalBox {
/*
Smaller for ejulemaerket
*/
margin-top: 2em;
/*
margin-top: 0.5em;
*/
margin-bottom: 2em;
}

.footerExternalBoxItem {
width: 100%;
margin-top: 1.5em;
}

.footerExternalBoxContent {
width: 100%;
background-color: rgb(237,237,237);
color: rgb(185,185,185);
}

.footerExternalBoxRight
{
border-right: 1px solid rgb(228,228,228);
background-color: rgb(237,237,237);
}

.footerExternalBoxLeft
{
border-left: 1px solid rgb(228,228,228);
background-color: rgb(237,237,237);
}

.footerExternalBoxContentTop {
width: 100%;
border-top: 1px solid rgb(228,228,228);
background-color: rgb(237,237,237);
}
.footerExternalBoxContentBottom {
border-bottom: 1px solid rgb(228,228,228);
background-color: rgb(237,237,237);
}

.partnerlinksHeadline {
color: rgb(185,185,185); 
}

a.partnerlink, a.partnerlink:visited, a.partnerlink:active {
color: rgb(185,185,185);
text-decoration: none;
}
a.partnerlink:hover {
text-decoration: underline;
color: rgb(185,185,185);
}

.counterlinksHeadline {
color: rgb(185,185,185);
}

a.counterlink, a.counterlink:visited, a.counterlink:active {
text-decoration: none;
color: rgb(185,185,185);
}
a.counterlink:hover {
text-decoration: underline;
color: rgb(185,185,185);
}

/* e-julemaerket */

table.ejulemaerket {
width: 100%;
margin-bottom: 3em;
}

td.ejulemaerketLeft {
width: 90%;
vertical-align: top;
}

.ejulemaerketRight {
vertical-align: bottom;
padding-left: 2em;
}

.sharedWithLabel {
color: rgb(150,150,150);
}