/************************

This stylesheet defines, margins, fonts, texts-sizes, and everything else, _except_ colors.

Makes it easy to make different color-schemes for a central common layout.

*************************/

/****************************/
/***   Basic typography   ***/
/****************************/
body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 80%;
margin: 0em;
padding: 0em;
height: 100%;
}
p {
padding: 0em;
margin-top: 1em;
margin-bottom: 1.5em;
}

blockquote {
margin-left: 2.5em;
}

blockquote.emphasized {
margin-left: 2.5em;
}

table {
border-collapse: collapse;
border: none;
}
td {
padding: 0em;
margin: 0em;
}
img {
border: none;
}

.printonly {
display: none;
}
.screenonly {
}

.indexingonly {
display: none;
}

/* left, right, clear */
.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.center,.aligncenter {margin: 0 auto;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}

/****************************/
/***   Link definitions   ***/
/****************************/
a,a:visited,a:active,a:hover {
text-decoration: underline;
}


/*************************/
/***   Form styling    ***/
/*************************/
/* The "width" specified on the text-type form elements is also hardcoded into some pages (situations where table width is set to n%) */

form {
padding: 0em;
margin: 0em;
}

input.text {
width: 60%;
font-size: 100%;
display: block;
}
input.textShort {
width: 20%;
font-size: 100%;
}

input.checkbox {
display: block;
}
textarea {
width: 60%;
overflow: auto;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
display: block;
}
select {
width: 60%;
font-size: 100%;
display: block;
}
button {
font-size: 100%;
}
/****************************/
/***   Specific areas of the page   ***/
/****************************/

.mainwrapper {
padding-top: 2em;
width: 93%;
margin: auto;
}

.mainContent {
}

.middlecontent {
vertical-align: top;
padding: 1em;
padding-bottom: 0em;
width: 68%;
}

/****************************/
/***   Text/font styling  ***/
/****************************/

.explanatory {
font-size: 80%;
font-weight: normal;
}

ul.warning {
}
li.warning {
}

ul.message {
}
li.message {
}

.emphasized {
font-weight: bold;
}

.emphasized > a {
text-decoration: none;
color: inherit;
}
.emphasized > a:visited {
text-decoration: none;
color: inherit;
}
.emphasized > a:active {
text-decoration: none;
color: inherit;
}
.emphasized > a:hover {
text-decoration: underline;
color: inherit;
}

.emptydb {
font-style: italic;
}

.new {
font-weight: bold;
}

a.invisible, a.invisible:visited, a.invisible:active, a.invisible:hover {
text-decoration: none;
color: black;
}


/*** Form labeling and grouping ***/
fieldset {
margin-top: 0.8em;
padding: 0.5em;
border-width: 0.15em;
border-style: solid;
}
fieldset.noeffect {
margin: 0em;
padding: 0em;
background-color: transparent;
border: none;
/* Opera 7.11 (not 6.0) doesn't respect border: none */
border: 0.0001em solid transparent;
}

/* HTML legends leave you no control over its position (so make "fake" class) */
/* (optimally "real" legends should be used as well (good for non-visual browsers)) */
.legend {
font-weight: bold;
margin-bottom: 0.3em;
padding-left: 0.4em;
}

.fieldsetItems {
padding: 0.6em;
padding-bottom: 0.9em;
padding-left: 0.9em;
}

label {
white-space: nowrap;
display: block;
}

/* A group of horizontally aligned "action buttons" below the form (typically examples are: "Save", "Create" and "Delete" buttons) */
.actionbuttons {
margin-top: 1.8em;
}

/*********************
***   Lists     ***
**********************/

ul {
padding: 1em;
margin: 0.8em;
margin-right: 1em;

padding-top: 0.5em;
padding-bottom: 0.5em;
margin-top: 0em;
margin-bottom: 0em;
}
li {
padding-bottom: 0.5em;
}
.listitem {
}

/*********************
***   Specials     ***
**********************/
/* the textarea for entering a comment */
textarea.comment {
width: 100%;
}

#demouserMessage {
border: 0.1em solid;
padding: 0.4em;
padding-left: 0.6em;
margin-bottom: 1em;
}

#demouserRestrictionMessage {
border: 0.1em solid;
padding: 0.4em;
padding-left: 0.6em;
margin-bottom: 1em;
}


/***
Wishlist
***/

.wishlistWrapper {
border-width: 0.15em;
border-style: solid;
border-bottom: none;
}

/*normal*/
div.wishlistWish {
border-bottom-width: 0.15em;
border-bottom-style: solid;
}
div.wishlistWishHeader {
}
div.wishlistWishContent {
padding-top: 0.2em;
padding-bottom: 0.5em;
}
/*normal hover*/
div.wishlistWishHover {
border-bottom-width: 0.15em;
border-bottom-style: solid;
}
div.wishlistWishHeaderHover {
}
div.wishlistWishContentHover {
padding-top: 0.2em;
padding-bottom: 0.5em;
}
/*alternative*/
div.wishlistWishAlt {
border-bottom-width: 0.15em;
border-bottom-style: solid;
}
div.wishlistWishHeaderAlt {
}
div.wishlistWishContentAlt {
padding-top: 0.2em;
padding-bottom: 0.5em;
}
/*alternative hover*/
div.wishlistWishAltHover {
border-bottom-width: 0.15em;
border-bottom-style: solid;
}
div.wishlistWishHeaderAltHover {
}
div.wishlistWishContentAltHover {
padding-top: 0.2em;
padding-bottom: 0.5em;
}

table.wishlistWishHeader {
width: 100%;
}
table.wishlistWishContent {
width: 100%;
}

.wishlistName {
padding: 0.2em;
padding-left: 0.3em;
width: 90%;
}

.wishlistShop {
padding: 0.2em;
white-space: nowrap;
}

.wishlistPrice {
padding: 0.2em;
white-space: nowrap;
}

.wishlistDescription {
padding: 0.3em;
padding-top: 0em;
}

.wishlistReservation {
padding-right: 0.4em;
text-align: right;
}


a.reservationLink, a.reservationLink:visited, a.reservationLink:active {
text-decoration: underline;
font-size: 85%;
white-space: nowrap;
}
a.reservationLink:hover {
text-decoration: none;
}

.wishlistEmpty {
border-collapse: collapse;
border-width: 0.15em;
border-style: solid;
}


.printLink {
display: block;
background-image: url(../images/standard/icon_print.gif);
background-repeat: no-repeat;
background-position: 20px 0px;
height: 20px;
width: 97px;
}

/*********************************/
/*** Content section elements  ***/
/*********************************/
h2 {
font-size: 150%;
padding: 0em;
margin: 0em;
margin-bottom: 1em;
}

.loginboxSection
{
margin-bottom: 1.4em;
}
.loginboxSection h2
{
font-size: 100%;
}

.loginbox
{
padding: 0.8em; 
padding-left: 1.1em; 
padding-top: 0.3em;
padding-bottom: 0em;
}

h3 {
font-size: 110%;
font-weight: bold;
padding: 0em;
padding-left: 0.4em;
margin: 0em;
margin-bottom: 0.8em;
border-left-width: 0.5em;
border-left-style: solid;
border-top-width: 0.15em;
border-top-style: solid;
}

.pageSection {
margin-bottom: 3em;
}
.hiddenTogglePanel
{
display: none;
}

.contentblock {
margin-bottom: 1.5em;
margin-bottom: 1.5em;
}

.contentblockHeadline {
padding: 0.4em;
padding-left: 0.6em;
padding-top: 0em;
font-size: 115%;
font-weight: bold;
}
.contentblockContent
{
padding: 0.7em;
padding-left: 0.7em;
border-width: 0.15em;
border-style: solid;
}
.contentblockHeadline a, .contentblockHeadline a:active, .contentblockHeadline a:visited, .contentblockHeadline a:hover
{
font-size: 85%;
}

.contentblockComment {
font-size: 80%;
padding: 0.1em;
padding-left: 0.2em;
padding-top: 0.3em;
padding-bottom: 0.2em;
}

.contentblockCommentIcon {
font-size: 140%;
font-family: Times, "Times New Roman", Serif;
font-weight: bold;
float: left;
padding-right: 0.5em;
padding-left: 0.4em;
}

table.printlink {
width: 100%;
}

/* Grids on the content page */
.contentGridTable {
}

.contentGridRow {
padding-right: 0.25em;
}

a.contentGridLink,a.contentGridLink:visited,a.contentGridLink:active {
text-decoration: none;
}

a.contentGridLink:hover {
text-decoration: underline;
}

/* Property lists on content page */
.contentPropertylistTable {
width: 80%;
border-width: 0.15em;
border-style: solid;
border-bottom: none;
}

.contentPropertylistCellProperty {
vertical-align: top;
width: 35%;
padding-right: 0.3em;
padding-left: 0.6em;
padding-top: 0.3em;
padding-bottom: 0.3em;
border-bottom-width: 0.15em;
border-bottom-style: solid;
border-right-width: 0.15em;
border-right-style: solid;
}

.contentPropertylistCellValue {
vertical-align: top;
padding-left: 0.7em;
width: 65%;
padding-top: 0.3em;
padding-bottom: 0.3em;
border-width: 0.15em;
border-style: solid;
}

/* Light/simple lists */

.lightlistTable {
}

.lightlistRow {
border-bottom-style: solid;
border-bottom-width: 0.15em;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-right: 1em;
vertical-align: top;
}

/* Help */
.helpQuestionIndex {
margin-bottom: 0.8em;
}

a.helpQuestion {
display: block;
}

.helpAnswer {
padding: 0.5em;
margin-bottom: 1em;
}

/**** columns on contentarea ****/
/* Columns now run in tables */
.columnTable {
width: 100%;
}

.columnLeft {
width: 49%;
padding-right: 1em;
vertical-align: top;
}

.columnRight {
width: 49%;
vertical-align: top;
}

.nocolumns {
clear: both;
}

/*** Grid elements ***/
.gridTable {
border-collapse: collapse;
border-width: 0.15em;
border-style: solid;
border-bottom: none;
width: 100%;
}

.gridHeader {
padding: 0.4em;
padding-left: 0.5em;
font-size: 110%;
font-weight: bold;
}

a.gridHeader {
display: inline;
}
a.gridHeader:active {
}
a.gridHeader:visited {
}
a.gridHeader:hover {
text-decoration: none;
}

.gridRow {
}

.gridRowActive {
}

.gridCell {
padding: 0.4em;
padding-left: 0.5em;
border-bottom-width: 0.15em;
border-bottom-style: solid;
}

.gridCellVerAndHor {
padding: 0.2em;
border-bottom-width: 0.15em;
border-bottom-style: solid;
border-right-width: 0.15em;
border-right-style: solid;
}

a.gridLink {
text-decoration: none;
}

a.gridLink:hover {
text-decoration: underline;
}

a.gridLinkIcon {
text-decoration: underline;
display: block;
padding-left: 0.2em;
padding-right: 0.2em;
white-space: nowrap;
}

a.gridLinkIcon:hover {
}

.sharedWithLabel {
font-size: 80%;
font-weight: normal;
}