/**
/**
 * The layout css: defines common
 * layout rules for all pages and all medias.
 *
 * $Revision: 1092 $
 * $Date: 2010-09-20 09:00:19 +0200 (lun., 20 sept. 2010) $
 * $Author: fhelly $
 *
 * Copyright 2007 Francois Helly <fhelly@bebop-design.net>
 *
 * See the enclosed file COPYING for license information (GPL). If you
 * did not receive this file, see http://www.fsf.org/copyleft/gpl.html.
 */

@import url(ez.css);
@import url(../layout.css);

#body div.title,
#body div.full,
#body div.body,
#body div.annex,
#body div.list,
#body div.line,
#body div.result,
#body div.search,
#body div.children,
#body div.warning,
#body div.notification {
    width:                  550px;
    float:                  left;
    clear:                  both;
}

/**
 * Links
 */
a.arrowed {
    margin:                 0;
    padding:                0 12px 0 12px;
    background:             url(../../graphics/gif/links/arrowed.gif) -10px 50% no-repeat;
}
a.arrowed:hover {
    background:             url(../../graphics/gif/links/arrowed_omo.gif) -10px 50% no-repeat;
}
a.pdf {
    margin:                 0;
    width:                  518px;
    padding:                0 12px 0 12px;
    background:             url(../../graphics/gif/links/pdf.gif) -10px 50% no-repeat;
}
a.pdf:hover {
    background:             url(../../graphics/gif/links/pdf_omo.gif) -10px 50% no-repeat;
}
a.external,
a.internal {
    margin:                 0;
    padding:                0 6px 0 0;
    background:             url(../../graphics/gif/links/external.gif) top right no-repeat;
}


/**
 * Title
 */

#body div.title {
    padding:                1em 5em 1.7em 0;
}
#body div.title h1,
#body div.title h2,
#body div.title p {
    padding:                0;
    margin:                 0;
}
#body div.title p.subtitle,
#body div.title p.kicker {
    color:                  #a9a9a9;
    font-weight:            bold;
}
#body div.title h2 {
    margin:                 0.5em 0 0 0;
    padding:                0;
}
#body div.title p.author {
    margin:                 0;
    padding:                0;
    font-size:              1.2em;
    font-weight:            bold;
}
ol.buy {
    margin:                 0 0 0 0;
    padding:                0;
    /*
    display:                inline;
    */
    /*
    list-style-type:        normal;
    */
}
ol.buy li {
    list-style-position:    inside;
}
ol.buy li,
ol.buy li h1 {
    margin:                 0;
    padding:                0;
    font-weight:            bold;
    font-size:              1em;
    color:                  #a9a9a9;
}
ol.buy li h1 {
    line-height:            1.3em;
    font-size:              1.4em;
    color:                  #692418;
    display:                inline;
}
ol.buy li.selected {
    line-height:            1.3em;
    color:                  #692418;
}

/**
 * Forms
 */

div.form,
div.form form {
    float:                  left;
    clear:                  both;
}
div.form form fieldset {
    padding:                1.3em 15px 1.3em 15px;
    font-size:              0.8em;
}
div.form form fieldset,
div.form form fieldset div.fieldset,
div.form form fieldset div.field,
div.form form div.submit,
div.form form div.action {
    float:                  left;
    clear:                  both;
}
div.form form fieldset {
    margin:                 0.7em 0 0.7em 0;
    width:                  518px;
    border:                 1px solid #c4bfb8;
}
div.form form fieldset.single {
    margin:                 0;
    padding:                0 15px;
    border:                 0;
}
div.form form div.submit fieldset {

}
div.form form fieldset legend {
    margin:                 0 0 0.5em 0;
    color:                  #7c715f;
}
div.form form fieldset.half {
    width:                  250px;
    float:                  left;
    clear:                  none;
}
div.form form fieldset textarea {
    margin:                 0;
    padding:                5px 8px;
    width:                  498px;
}
div.form form div.ui {
    padding:                0 0 15px 0;
    border:                 1px solid #c4bfb8;
    float:                  left;
    clear:                  none;
    width:                  auto;
}
div.form form div.description {
    float:                  left;
    clear:                  none;
    width:                  auto;
}
div.form form p.data {
    margin:                 0;
    padding:                0;
}
div.form form fieldset label {
    margin:                 0.5em 0 0 0;
}
div.form form input {
    float:                  left;
    clear:                  none;
}
div.form form input.button {
    margin:                 1px 8px 1px 8px;
    padding:                0;
    border:                 0;
    height:                 19px;
    line-height:            19px;
    color:                  #edeae4;
    font-size:              11px;
    width:                  80px;
    background:             #68a1b9 url(../../graphics/gif/form/button.gif) 0 0 no-repeat;
}
div.form form input.cancel {
    margin:                 1px 8px 1px 8px;
    padding:                0;
    border:                 0;
    height:                 19px;
    line-height:            19px;
    color:                  #edeae4;
    font-size:              11px;
    width:                  160px;
    background:             #c4bfb8 url(../../graphics/gif/form/cancel.gif) 0 0 no-repeat;
}
div.form form input.submit {
    margin:                 1px 8px 1px 8px;
    padding:                0;
    border:                 0;
    float:                  right;
    clear:                  none;
    height:                 19px;
    line-height:            19px;
    color:                  #ffffff;
    font-size:              11px;
    width:                  160px;
    background:             #0084ba url(../../graphics/gif/form/submit.gif) 0 0 no-repeat;
}
div.form form input.button:hover {
    cursor:                 pointer;
    background:             #94b633 url(../../graphics/gif/form/button_hi.gif) 0 0 no-repeat;
}
div.form form input.cancel:hover {
    cursor:                 pointer;
    background:             #94b633 url(../../graphics/gif/form/cancel.gif) 0 0 no-repeat;
}
div.form form input.submit:hover {
    cursor:                 pointer;
    background:             #94b633 url(../../graphics/gif/form/submit_hi.gif) 0 0 no-repeat;
}
div.form form input.text {
    margin:                 0;
    width:                  498px;
}
div.form form input.short {
    width:                  180px;
}
div.form form fieldset div.action {
    width:                  550px;
    margin:                 0;
    padding:                4px 0;
}
div.form form div.submit {
    margin:                 1em 0;
    padding:                4px 0;
    border:                 0;
    width:                  550px;
    background:             url(../../graphics/gif/form/submit/background.gif) 0 0;
}
div.form form div.submit fieldset.submit,
div.form form fieldset div.submit {
    margin:                 0;
    padding:                0;
    border:                 0;
    width:                  550px;
    background:             transparent;
}

div.form form fieldset div.submit input.submit {
    float:                  left;
}



/**
 * Account info
 */

div.form form fieldset#billing {
    margin:                 0;
    padding:                0 10px 15px 10px;
    float:                  left;
    clear:                  left;
}
div.form form fieldset#delivery {
    margin:                 0;
    padding:                0 10px 15px 10px;
    float:                  right;
    clear:                  right;
}
div.form form fieldset#billing input.text,
div.form form fieldset#billing select.text,
div.form form fieldset#delivery input.text,
div.form form fieldset#delivery select.text {
    width:                  220px;
}
div.account span.label,
div.form span.label {
    display:                block;
    float:                  left;
    clear:                  none;
    color:                  #c4bfb8;
    font-weight:            bold;
    /*
    font-size:              0.8em;
    */
    width:                  90px;
}
div.account table td {
    vertical-align: top;
}
div.account table  {
    padding-bottom: 1em;
}
/*****************************
 * Lists
 */

/**
 * Bookshop embed & line
 */

#body div.line div
#body div.line div.title,
#body div.line div.title p.title {
    margin:                 0;
    padding:                0;
}
#body div.result {
    margin:                 1em 0 0 0;
    border-top:             1px solid #a9a9a9;
    font-size:              0.9em;
}
#body div.result h2 {
    margin:                 0;
    padding:                0;
}
#body div.result div.title,
#body div.result div.title h2,
#body div.result p {
    margin:                 0;
    padding:                0;
}
#body div.result div.attribute {
    margin:                 0;
    padding:                0;
    border:                 0;
    float:                  left;
    width:                  100%;
}


/**
 * Children
 */

#body div.children {
    display:                block;
    float:                  left;
    clear:                  none;
    text-align:             left;
    padding:                0;
    background:             transparent;
    margin:                 2em 0 2em 0;
}
#body div.children div.line {
    margin:                 0;
    padding:                0;
    border:                 0;
}
#body div.children div.line h2 {
    margin:                 0;
    padding:                0;
    border:                 0;
}
/*
#body div.children div.title p.kicker,
#body div.children div.title p.subtitle {
    margin:                 0.2em 0 0.4em 0;
    font-size:              1em;
}
#body div.children div.title {
    margin:                 0;
}
#body div.children div.attribute {
    padding:                0.5em 0 0.5em 0;
    width:                  auto;
}
#body div.children div.line div.description {
    margin:                 0;
    padding:                0;
}
*/

/**
 * Authors
 */
#body div.children div.author {
    margin:                 0 0 0.7em 0;
    padding:                0;
    border:                 0;
}
#body div.author {
    margin:                 0 ;
    padding:                0;
    border:                 0;
    font-size:              0.8em;
    line-height:            1.2em;
    display:                block;
    float:                  left;
    clear:                  both;
}
#body div.author div.title {
    margin:                 0;
    padding:                0;
    width:                  auto;
    float:                  none;
    clear:                  none;
}
#body div.author div.title h2 {
    margin:                 0;
    padding:                0;
}


/**
 * Book
 */

#body div.children div.book,
#body div.book {
    font-size:              0.8em;
    line-height:            1.2em;
    border-top:             #a9a9a9 1px solid;
    margin:                 0 0 2.1em 0;
    padding:                0;
    display:                block;
    float:                  left;
    clear:                  both;
}
#body div.children div.book div.title,
#body div.book div.title {
    margin:                 0.5em 0 0 0;
    padding:                0;
    width:                  auto;
    float:                  none;
    clear:                  none;
}
#body div.children div.book div.notice,
#body div.book div.notice {
    padding:                0.5em 0 0.5em 0;
    width:                  auto;
    font-size:              0.8em;
}
#body div.children div.book div.notice p,
#body div.book div.notice p {
    display:                inline;
    margin:                 0;
    padding:                0 0.8em 0 0;
}
#body div.children div.notice p span.label,
#body div.notice p span.label {
    color:                  #888888;
    padding:                0 0.5em 0 0;
}
#body div.children div.book div.description,
#body div.book div.description {
    font-style:             italic;
}
#body div.children div.book div.description,
#body div.book div.description,
#body div.children div.book div.abstract,
#body div.book div.abstract {
    margin:                 0;
    padding:                0;
    border:                 0;
    display:                block;
    float:                  left;
    clear:                  both;
    width:                  100%;
}
#body div.children div.book div.description p,
#body div.book div.description p,
#body div.children div.book div.abstract p,
#body div.book div.abstract p {
    width:                  100%;
}
#body div.full {
    margin:                 0;
    padding:                1em 0 1em 0;
    border:                 0;
}
#body div.shop {
    display:                block;
    float:                  left;
    clear:                  both;
    margin:                 0 0 1em 0;
    width:                  550px;
    height:                 21px;
    border-top:             #a9a9a9 1px solid;
    border-bottom:          #a9a9a9 1px solid;
    vertical-align:         middle;
    font-size:              13px;
}
#body div.shop div,
#body div.shop form {
    margin:                 0;
    height:                 21px;
    line-height:            21px;
    clear:                  none;
}
form div.hiddens {
    display:                none;
}
#body div.shop div.price {
    width:                  110px;
    color:                  #7c715f;
    padding:                0 0 0 8px;
    font-weight:            bold;
    float:                  left;
    clear:                  none;
}
#body div.shop div.discount {
    display:                inline;
}
#body div.shop form.basket {
    margin:                 0;
    padding:                0;
    border:                 0;
    float:                  right;
    clear:                  none;
    width:                  180px;
    height:                 21px;
    line-height:            21px;
}
#body div.shop form.basket div.submit {
    padding:                0;
    text-align:             center;
    width:                  auto;
    vertical-align:         middle;
}
#body div.shop form.basket div.submit input.submit {
    margin:                 1px 8px 1px 8px;
    padding:                0;
    border:                 0;
    height:                 19px;
    line-height:            19px;
    color:                  #ffffff;
    font-size:              11px;
    width:                  160px;
    background:             #0084ba url(../../graphics/form/submit.gif) 0 0 no-repeat;
}
#body div.shop form.basket div.submit input.submit:hover {
    cursor:                 pointer;
    background:             #94b633 url(../../graphics/gif/form/submit_hi.gif) 0 0 no-repeat;
}
#body div.shop div.warning {
    width:                  110px;
    padding:                0 0 0 8px;
    clear:                  none;
}




/**
 * Thumbnails
 */

#body div.thumbnail,
#body div.cover {
    margin:                 0 1em 0 0;
    float:                  left;
    clear:                  none;
    text-align:             center;
}
#body div.thumbnail div.default,
#body div.cover div.default {
    display:                block;
}
#body div.book div.thumbnail,
#body div.book div.cover {
    display:                block;
    width:                  137px;
    float:                  left;
    clear:                  none;
    text-align:             center;
    padding:                8px;
    background:             #a9a9a9 url(../../graphics/gif/backgrounds/thumbnail.gif) 0 0 no-repeat;
    margin:                 0 1em 1em 0;
}
#body div.author div.thumbnail {
    margin:                 0 1em 1em 0;
    padding:                0;
    display:                block;
    width:                  100px;
    float:                  left;
    clear:                  none;
    overflow:               hidden;
    background:             transparent;
}
#body div.thumbnail a,
#body div.cover a {
    display:                block;
    text-align:             center;
}
#body div.thumbnail img,
#body div.cover img {
    margin:                 0;
    padding:                0;
    vertical-align:         middle;
}

/**
 * Pressbook
 */

#body div.pressbook {
    float:                  left;
    clear:                  both;
    margin:                 0 0 5em 0;
    padding:                0;
}
#body div.pressbook div.title {
    margin:                 0 0 0.3em 0;
    padding:                0;
}
#body div.annex div.pressbook,
#body div.children div.pressbook {
    margin:                 0 0 1.5em 0;
    padding:                0;
}
#body div.children div.pressbook {
    font-size:              0.8em;
}
#body div.pressbook h2 {
    margin:                 0;
    padding:                0;
}
#body div.pressbook p.author {
    margin:                 0.3em 0 0.5em 0;
    padding:                0;
    border:                 0;
    font-size:              1em;
    line-height:            1em;
    width:                  100%;
    display:                block;
    float:                  left;
    clear:                  none;
    color:                  #a9a9a9;
    font-weight:            bold;
}
#body div.pressbook p.source {
    margin:                 0 0 0.5em 0;
    padding:                0;
    border:                 0;
    font-size:              1em;
    line-height:            1em;
    width:                  100%;
    display:                block;
    float:                  left;
    clear:                  none;
    color:                  #888888;
    font-style:             italic;
}
#body div.pressbook div.description {
    margin:                 0;
    padding:                0;
}
#body div.pressbook div.description a.readmore {
    display:                block;
    margin:                 0;
    padding:                0;
}
#body div.pressbook div.embed {
    margin:                 0;
    padding:                0;
    clear:                  both;
    display:                block;
}

/**
 * Annex
 */

#body div.annex {
    margin:                 2.7em 0 1em 0;
    padding:                0;
    border-top:             1px solid #a9a9a9;
    font-size:              0.8em;
}
#body div.annex h1 {
    margin:                 0;
    padding:                0.7em 0 1.5em 0;
    font-size:              0.9em;
}
#body div.annex div.related {
    margin:                 1em 0 1.7em 0;
}




/**
 *  Lists
 */


/**
 * Login
 */

#loginfieldset,
#registerfielset {
    margin:                 0.5em 0;
    border:                 1px solid #a9a9a9;
    background:             url(../graphics/gif/form/fieldset/background.gif);
    width:                  550px;
}

/**
 * Basket, order, account informations
 */

table.default,
table.list {
    margin:                 0;
    padding:                0;
    border:                 0;
    border-collapse:        collapse;
    width:                  550px;
}
table.list h2,
table.list h3,
table.list h4,
table.list h2 a,
table.list h3 a,
table.list h4 a {
    vertical-align:         top;
    font-size:              1em;
    margin:                 0;
    padding:                0;
    color:                  #7c715f;
    font-weight:            bold;
}
table.default th,
table.default td,
table.list th,
table.list td {
    vertical-align:         top;
}
table.list th {
    background:             transparent;
}
table.list tr.header {
    background:             #0084ba url(../../graphics/gif/table/header.gif) 0 0 repeat-x;
}
table.list tr.header th,
table.list tr.header th h2 {
    color:                  #d9d9d9;
}
table.list td * {
    vertical-align:         top;
    margin:                 0;
    padding:                0;
}

/**
 * Table default
 */
table.default {
    border-collapse:        collapse;
    border:                 1px solid #a9a9a9;
}
table.default td,
table.default th {
    border:                 1px solid #a9a9a9;
}
table th {
    margin:                 0;
    padding:                0.3em 0.5em;
    font-weight:            bold;
}
table th p,
table td p {
    margin:                 0.1em 0 0.1em 0;
    padding:                0;
}

/**
 * Basket
 */
th.label,
th.product,
th.price,
th.subtotal,
th.total,
th.count,
td.label,
td.product,
td.price,
td.subtotal,
td.total {
    margin:                 0;
    vertical-align:         top;
    text-align:             left;
    padding:                0 0.5em;
    border:                 0;
}

th.price,
th.subtotal,
th.total,
td.price,
td.shipping,
td.subtotal {
    border:                 1px dashed #a9a9a9;
    white-space:            nowrap;
}
td.total {
    border:                 1px dashed #0084ba;
    white-space:            nowrap;
}

tr.action {
    /*
    background:             url(../../graphics/gif/form/submit/background.gif) 0 0;
    */
}
tr.action td {
    margin:                 0;
    padding:                0;
    background:             transparent
}
th.count,
td.count {
}
p.author {
    font-style:             italic;
    margin:                 0;
    padding:                0;
}
p.title {
    font-weight:            bold;
    margin:                 0;
    padding:                0;
}

/**
 * Account
 */

#usershop,
#useraction {

}

/**
 * Sitemap
 */

#sitemap h2 {
    vertical-align:         top;
    font-size:              1em;
    margin:                 0;
    padding:                0;
    color:                  #7c715f;
    font-weight:            bold;
}
#sitemap th,
#sitemap td {
    vertical-align:         top;
}