/*******************************************************************************
* MAIN SETTINGS
*******************************************************************************/
body {
    background-image: url( /images/header.jpg );
    background-repeat: no-repeat;
    background-position: center top;
}

body, button, input, text, select, textarea {
    font-family: arial, verdana, tahoma, "ms sans-serif";
    font-size: 9pt;
    color: #333;
}

input, select, textarea, checkbox, radio {
    border-color: #959FB1 #D6DAE1 #D6DAE1 #959FB1;
    border-style: solid;
    border-width: 1px;
}

label {
    background-color: #DCD27E;
    padding: 2px;
    font-weight: bold;
    cursor: pointer;
}

button {
    background-color: #59C043;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}

a:link {
    color: #5E8209;
    text-decoration: underline;
}
a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

/*******************************************************************************
* IDENTIFIERS
*******************************************************************************/
div#addresses {
    overflow: auto;
    height: 180px;
}

/*******************************************************************************
* CLASSES
*******************************************************************************/
input.answer {  }
input.answer:focus { background-color: #EAEFF2; }
textarea.answer:focus { background-color: #EAEFF2; }

.current { background-color: #7295AF; font-weight: bold; }
.current td { border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
table.whishlist td { padding-top: 2px; padding-bottom: 2px; }

div.frame   {
    margin-left: auto;
    margin-right: auto;
    width: 686px;
}

div.header {
    height: 190px;
}

div.clear {
    clear: both;
}

/** menu **/
div.menu {
    background-image: url( /images/whishlist.gif );
    background-repeat: no-repeat;
    width: 242px;
    height: 604px;
    float: left;
}
div.menu h1 { color: #C2E3FF; font-size: 125%; text-transform: uppercase; background-image: url( /images/arrow.gif ); background-repeat: no-repeat; padding-left: 25px; margin-top: 20px; margin-bottom: 20px; line-height: 125%; }
div.menu .arrow { background-image: url( /images/double_arrow.gif ); background-repeat: no-repeat; width: 25px; height: 13px; }
div.menu .link { width: 170px; color: #fff; }
div.menu a { color: #FFF; text-decoration: none; }
div.menu a:hover { color: #C2E3FF; text-decoration: underline; }

div.seperator {
    background-image: url( /images/seperator.png );
    background-repeat: repeat-x;
    margin-right: 20px;
    margin-top: 10px;
    padding-bottom: 10px;
}

/** content **/
div.content {
    margin-top: 232px;
    width: 440px;
    float: left;
    line-height: 120%;
}

div.loginerror {
    padding: 10px;
}

div.login {
    margin-top: 6px;
    height: 52px;
    font-size: 90%;
    color: #DCD27E;
    margin-left: 80px;
}
div.login a {
    color: #fff;
    text-decoration: none;
    font-size: 90%;
}
div.login a:hover {
    text-decoration: underline;
}
div.login table tbody tr td {
    padding: 2px;
    padding-right: 8px;
}
div.login table tbody tr td .input {
    width: 150px;
}
div.login table tbody tr td .submit {
    float: right;
    position: relative;
    top: -28px;
    border: 0px;
}

div.information {
    margin-top: 5px;
    background-image: url( /images/content.gif );
    background-repeat: no-repeat;
    background-color: #fff;
}
div.information h1 {
    color: #31597D;
    font-size: 100%;
    margin-bottom: 10px;
    text-transform: uppercase;
}

div.footer {
    margin-top: 10px;
    color: #5B849F;
    height: 50px;
}
div.footer a {
    color: #5B849F;
}
div.footer a:hover {
    color: #000;
}

div.addressbookItem { background-color: #DCDADC; padding: 2px; padding-left: 5px; padding-right: 5px; margin-bottom: 5px; width: 150px; }
div.addressbookItem:hover { background-color: #CBC9CB; }

a.small { font-size: 9pt; }
a.medium { font-size: 12pt; }
a.big { font-size: 14pt; }

div.whishlist_group { line-height: 18pt; }
div.whishlist { line-height: 18pt; font-size: 90%; }
div.whishlist p { margin-bottom: 10px; line-height: normal; }

table.suggestions tbody tr td { padding-right: 5px; padding-bottom: 5px; }
table.register tbody tr td { padding-right: 5px; padding-bottom: 5px; }

.error { font-size: 120%; font-weight: bold; color: #aa0000; background-color: #F9D8D2; }

table.ainfo { border: 1px solid #c0c0c0; }
table.ainfo thead { background-color: #fff; color: #000; }
table.ainfo thead th { padding: 5px; text-align: left; font-size: 1.1em; height: 30px; border-left: 1px solid #c0c0c0; border: 1px solid #c0c0c0; }
table.ainfo tbody { background-color: #fff; color: #000; }
table.ainfo tbody td { border: 1px dashed #c0c0c0; padding: 5px; }
table.ainfo tbody .odd { background-color: #fff; }
table.ainfo tbody .even { background-color: #f7f7f7; }
table.ainfo tbody .currentmove { background-color: #C5E6F5; }
table.ainfo .center { text-align: center; }

/*******************************************************************************
* GRID
* p = padding
* m = margin
*******************************************************************************/
div.p10  { padding: 10px; }
div.pl10 { padding-left: 10px; }
div.pr10 { padding-right: 10px; }
div.pt10 { padding-top: 10px; }
div.p20  { padding: 20px; }
div.pl20 { padding-left: 20px; }
div.pr20 { padding-right: 20px; }
div.pt20 { padding-top: 20px; }
div.p30  { padding: 30px; }
div.pl30 { padding-left: 30px; }
div.pr30 { padding-right: 30px; }
div.pt30 { padding-top: 30px; }
div.p40  { padding: 40px; }
div.pl40 { padding-left: 40px; }
div.pr40 { padding-right: 40px; }
div.pt40 { padding-top: 40px; }

/*******************************************************************************
* IDENTIFIERS
*******************************************************************************/
div#homebutton {
    width: 360px;
    height: 80px;
    position: absolute; 
    top: 100px;
    cursor: pointer;
}