/****************************/
/***   Basic typography   ***/
/****************************/
body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
border: 0em;
margin: 0% 5% 0% 0%;
padding: 0em;
float: none !important;
}

p {
padding: 0em;
margin-top: 1.5em;
margin-bottom: 2.5em;
}

blockquote {
margin-left: 3em;
}

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

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

img {
border: none;
}

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

/****************************/
/***   Link definitions   ***/
/****************************/
a {
color: black;
text-decoration: underline;
}

/*************************/
/***   Form styling    ***/
/*************************/
/* The "width" specified on the text-type form elements is also hardcoded into newuser_2.asp and userprofile.asp */

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

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

input.checkbox {
background-color: white;

}
textarea {
width: 60%;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
background-color: white;
display: block;
}
select {
width: 60%;
font-size: 100%;
background-color: white;
display: block;
}
button {
border-color: rgb(245,245,245);
font-size: 100%;
background-color: white;
}
/****************************/
/***   Specific areas of the page   ***/
/****************************/
.mainwrapper {
width: 100%;
}

h1 {
width: 100%;
text-align: right;
clear: both;
font-size: 140%;
color: rgb(190,190,190);
letter-spacing: 0.9em;
margin: 0em;
margin-bottom: 0.4em;
}

.leftMenu {
display: none;
}

.middlecontent {
width: 100%;
vertical-align: top;
}


/***
Wishlist
***/

.wishlistWish, .wishlistWishAlt, .wishlistWishHover, .wishlistWishAltHover {
border: 0.2em solid rgb(230,230,230);
border-bottom: none;
width: 100%;
padding-bottom: 0.5em;
}
.wishlistWishContent, .wishlistWishContentAlt, .wishlistWishContentHover, .wishlistWishContentAltHover {
padding-top: 0.2em;
}

table.wishlistWishHeader {
width: 100%;
}
table.wishlistWishContent {
width: 100%;
color: rgb(90,90,90);
}

.wishlistName {
padding: 0.2em;
padding-left: 0.3em;
width: 90%;
font-weight: bold;
color: rgb(90,90,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, a.reservationLink:hover {
display: none;
}

.wishlistWrapper {
border-bottom: 0.2em solid rgb(230,230,230);
}

.wishlistEmpty {
border: 0.2em solid rgb(230,230,230);
}
.printLink {
display: none;
}



.rightbar {
display: none;
}

.footer {
width: 100%;
display: none;
}

a.footerlink {
text-decoration: none;
}

/* columns in footer area */
.columnFooterLeft {
display: none;
}

.columnFooterRight {
width: 100%;
text-align: right;
padding-right: 0.4em;
}

.wishlistlastupdated {
text-align: right;
}

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

/***  ***/
.explanatory {
font-size: 80%;
font-weight: normal;
color: rgb(150,150,150);
}

.warning {
color: red;
}

.message {
color: rgb(80,80,80);
}

.emptydb {
color: rgb(100,100,100);
font-style: italic;
}

.new {
font-weight: bold;
color: rgb(120,120,120);
}

/*** Form labeling and grouping ***/
fieldset {
margin-top: 0.8em;
padding: 0.3em;
border: 0.2em solid rgb(230,230,230);
}
fieldset.noeffect {
margin: 0em;
padding: 0em;
background-color: transparent;
border: none;
}
/* 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;
color: rgb(125,125,125);
margin-bottom: 0.2em;
padding-left: 0.5em;
}
.fieldsetItems {
padding: 0.8em;
padding-bottom: 1em;
padding-left: 1em;
}
label {
}

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

.usePrintVersionWarning {
color: gray;
}

/*********************************/
/*** Content section elements  ***/
/*********************************/
/*** ***/
h2 {
color: rgb(100,100,100);
font-size: 130%;
font-weight: bold;
padding: 0em;
margin: 0em;
margin-bottom: 1em;
}
h3 {
color: rgb(170,170,170);
font-size: 110%;
border-left: 0.7em solid rgb(225,225,225);
border-top: 0.2em solid rgb(225,225,225);
font-weight: bold;
padding: 0em;
padding-left: 0.4em;
margin: 0;
margin-bottom: 1em;
}

.pageSection {
margin-bottom: 3em;
}

.contentblock {
border: 0.2em solid rgb(230,230,230);
margin-bottom: 1.2em;
}
.contentblockHeadline {
font-weight: bold;
color: rgb(90,90,90);
padding: 0.1em;
padding-left: 0.2em;
padding-bottom: 0.2em;
border-bottom: 0.2em solid rgb(230,230,230);
}
.contentblockContent {
padding: 0.2em;
}

.contentblockComment {
display: none;
}

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

.contentGridRow {
padding-right: 0.3em;
}

a.contentGridLink {
text-decoration: none;
}

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

/* Property lists on content page */
.contentPropertylistTable {
width: 100%;
border: 0.15em solid rgb(230,230,230);
border-bottom: none;
}

.contentPropertylistCellProperty {
color: rgb(90,90,90);
background-color: rgb(248,248,248);
vertical-align: top;
width: 35%;
padding-right: 0.3em;
padding-left: 0.6em;
padding-top: 0.3em;
padding-bottom: 0.3em;
border-bottom: 0.15em solid rgb(230,230,230);
border-right: 0.15em solid rgb(230,230,230);
}

.contentPropertylistCellValue {
background-color: rgb(245,245,245);
vertical-align: top;
padding-left: 0.7em;
width: 65%;
padding-top: 0.3em;
padding-bottom: 0.3em;
border-bottom: 0.15em solid rgb(230,230,230);
}

.lightlistTable {
}

.lightlistRow {
border-color: rgb(230,230,230);
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.5em;
font-weight: bold;
}

a.helpQuestion {
display: block;
font-weight: bold;
text-decoration: none;
color: rgb(130,130,130);
}

.helpAnswer {
padding: 0.5em;
margin-bottom: 1em;
background-color: rgb(240,240,240);
}

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

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

.columnRight {
width: 49%;
padding-bottom: 1em;
vertical-align: top;
}

.nocolumns {
clear: both;
}

/*** Grid elements ***/
.gridTable {
border: 0.2em solid rgb(230,230,230);
border-bottom: none;
border-collapse: collapse;
width: 100%;
}

.gridHeader {
padding: 0.1em;
padding-left: 0.2em;
padding-bottom: 0.2em;
color: rgb(90,90,90);
font-weight: bold;
border-bottom: 0.2em solid rgb(230,230,230);
}

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

.gridRow {
page-break-inside: avoid;
}

.gridCell {
padding: 0.2em;
border-bottom: 0.2em solid rgb(230,230,230);
}

.gridCellVerAndHor {
padding: 0.2em;
border-bottom: 0.2em solid rgb(230,230,230);
border-right: 0.2em solid rgb(230,230,230);
}

a.gridLink {
text-decoration: none;
}

a.gridLinkIcon {
display: none;
}

/*********************
***   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 {
}

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