/* 
Document   : screen_bl
Created on : 2008-jan-02, 14:07:09
Author     : Per-Erik
Description:
Purpose of the stylesheet follows.
*/

#customer-search { width: 55%; height: 1%; padding: 0 0 20px 0;}
#customer-search .search { width: 90%; margin:0;padding:0;}
#customer-search .search-check { }

/* underrubriker till produkter */
h1 small { color: #06c; font-size: 0.75em; }
label.catalog strong { font: bold 1.3em Tahoma, sans-serif; color: #000; clear: both; }
label.catalog input { margin-right:1em;}
label.sub-catalog input { margin:0 1em 0 2em;}
p.sub-catalog { margin-left: 2em;}
tr.past { color: #999; }

/* Viktiga datum */
div#calendar-toggler { color: #06C; margin-left: 10px; cursor: pointer; }
div#calendar-toggler:hover { text-decoration: underline; }
table.calendar tbody tr td, table.calendar tbody tr th { padding: 3px 10px; line-height: 1.2em; }
table.calendar tbody tr.month-name th { border-bottom: 1px solid #06C; padding: 5px 10px; }
table.calendar tbody tr.odd { background-color: #FFF; }
table.calendar tbody tr.even { background-color: #DEF; }

#scene .box.calendar ul span.date { width: 3.6em; display: block; float: left; }
#scene .box.calendar ul a { width: 17.3em; float: left; display: block; }

form.template-purchase button { font-weight: bold; cursor: pointer; border: 0; padding: 0; margin: 0; float: left; background: none; color: #fff; }
form.template-purchase.education button span { width: 4em; }
form.template-purchase button:hover { text-decoration: underline; }
form.template-purchase button span { padding: 0; display: block; border-top: 1px solid #f20c1f;border-bottom: 1px solid #f20c1f; position: relative; overflow: visible; width: 3em;}
form.template-purchase button span span { border: 0; border-left: 1px solid #f20c1f; border-right: 1px solid #f20c1f; margin: 0 -1px; background: #f42d32 url(File/images/layout/bg_search_button.gif) top repeat-x; padding: 1px 0;}

/* labels till loginformuläret uppe till höger */
#login legend { color: #B8DDF7; }
#login label { color: #B8DDF7; }
#login a { color: #B8DDF7; }

#contact-info ul { list-style-type: none; }

/*p.address { margin-top: 1em; }*/
img#welcome-image {margin-bottom: 20px;}

#scene { line-height: 1.4em }
#scene li { margin: 0.2em }
/* Ändring av avståndet mellan textstycken 
#scene p { margin-bottom: -0.7em; }
#scene div.product-info p { margin-bottom: 0em; }
*/
#scene div.product-info p.left { padding-right: 2%; width: 48%; min-height: 2.4em; }

form#product-course button span { width: 4em;}

.product { padding: 0 0 3px 0;} /*  */

.product-link, .box a.product-link { color: #06c; text-decoration: none; font-weight: bold; }
.product-link:hover, .box a.product-link:hover { text-decoration: underline }

pre {padding: 3px 0 10px 0; font: 100% Tahoma, Verdana, sans-serif;}

.footnote {font-size: 85%; font-style: italic}

ul#book-plus-list { list-style-type: none; }
ul#book-plus-list li { color: #06c; margin: 0; padding: 0; font-weight: bold; cursor: pointer; }
ul#book-plus-list ul.book-plus-sublist { list-style-type: none; margin: 0 0 0 0.8em; height: 8.4em; overflow: auto; padding: 0; }
ul#book-plus-list ul.book-plus-sublist li { color: #06c; font-weight: normal; cursor: pointer; }
ul#book-plus-list ul.book-plus-sublist li:hover { text-decoration: underline; }

div#article-list { height: 7.2em; width: 45%; overflow: auto; float: left; }
div#article-list DIV { color: #06c; padding-left: 1.4em; text-indent: -1.2em; cursor: pointer; }
div#article-list DIV:hover { text-decoration: underline; }

div#article-body { margin-top: 1.2em; }

div#select-book { background-color: #e8f1fc; padding: 5px; width: 190px; }
div#select-book-right { padding: 5px; width: 190px; }
div#select-book select#section-titles, div#select-book-right select#section-titles { padding: .3em; border: 1px solid #cdd6e6; width: 100%; }

ul#cashier-steps {list-style-type:none;margin:0;padding:0;}
ul#cashier-steps li {margin:5px 0;font-size:100%;color:#999;}
ul#cashier-steps li.active {font-weight:bold;color:#000;}
ul#cashier-steps li a {color:#999;text-decoration:none;}
ul#cashier-steps li a:hover {color:#00F;text-decoration:none;}

/* select-box i boksida-teaser */
.box select {width:190px;}

/* media-specifika klasser */
.no-screen { display: none; }


/* campaign cart box */
form.campaign-box { float: right; }
form.campaign-box p { float: left; padding: 0 10px 0 0; color: #ce183b; font-size: 1.5em;}
form.campaign-box button { font-weight: bold; cursor: pointer; border: 0; padding: 0; margin: 0; float: left; background: none; color: #fff; }
form.campaign-box button:hover { text-decoration: underline; }
form.campaign-box button span { padding: 0; display: block; border-top: 1px solid #f20c1f;border-bottom: 1px solid #f20c1f; position: relative; overflow: visible; width: 7em;}
form.campaign-box button span span { border: 0; border-left: 1px solid #f20c1f; border-right: 1px solid #f20c1f; margin: 0 -1px; background: #f42d32 url(/File/images/layout/bg_search_button.gif) top repeat-x; padding: 3px 0;}

form.product-purchase button.disabled:hover { text-decoration: none; cursor: pointer; }
form.product-purchase button.disabled span { border-top-color: #999; border-bottom-color: #999; }
form.product-purchase button.disabled span span { border-right-color: #999; border-left-color: #999; background: #ddd;}
form.product-purchase p { white-space: nowrap; font-size: 1.3em; font-weight: bold; padding-top: .2em; }

.login-box { clear: both; background: #e9f1fc; padding: 10px 20px; margin: 10px 0 20px 0; height: 1%;}
.login-box:after { content:"."; display: block; visibility: hidden; height: 0; clear: both; }
.login-box p { padding: 0 0 10px 0; margin: 0; }
.login-box form { padding: 0; margin: 0; float: left; width: 50%;}
.login-box form input { width: 98%; }
.login-box .note { width: 100%; margin: 5px 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #fff; }
.login-box .single { border-bottom: 0; margin-bottom: 0; }
.login-box .column-container { width: 50%; float: right; }
.login-box .column { padding-left:10px; }
/* BokPlus */
div.book-update { display: none; position: absolute; top: 260px; left: 350px; width: 500px; height: 280px; padding: 0.6em; border: solid 1px #CCC; background-color: #FFF; color: #003; z-index: 100; }
div.close-book-update, div.print-book-update, p.print-all-book-updates { color: #06C; cursor: pointer; font-weight: bold; }
div.close-book-update, div.print-book-update { position: absolute; top: 2px; font-size: 0.8em; }
p.print-all-book-updates { font-size: 0.9em; }
div#all-book-updates { display: none; }
div.book-update-content { position: absolute; top: 50px; left: 0; width: 500px; height: 210px; overflow: auto; padding: 0 0.6em; }
div.close-book-update { right: 7px; }
div.print-book-update { right: 47px; }
div.book-update-publish-date { font-style: italic; position: absolute; left: 0.6em; bottom: 5px; }

h2.margin-top {margin-top:30px;}

#extra .box.seb-customer-form { 
    border: 0;
    padding: 0px;
    margin-right: 10px;
}
#extra #seb-customer-form-p-container {
    background: #e8f1fc;
    padding: 10px;
    height: auto;
    border-bottom: 2px solid #fff;
}

#extra #seb-customer-form-p-container a {
    color: #00F;
}

#extra #seb-customer-form-form-container {
    background: #f3f8fd;
    padding: 10px;
    height: auto;
    border-bottom: 2px solid #fff;
}
#extra .box.seb-customer-form p {
    float: left;
    width: 100%;
    padding: 0px;
}
#extra .box.seb-customer-form form {
    float: left;
    padding: 0px;
    width: 100%;
}
#extra .box.seb-customer-form input {
    width: 175px;
}
#extra .box.seb-customer-form button {
    font-weight: bold;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 5px 0;
    float: right;
    background: none;
    color: #fff; }
#extra .box.seb-customer-form button:hover {
    text-decoration: underline; }
#extra .box.seb-customer-form button span { 
    display: block;
    border-top: 1px solid #f20c1f;
    border-bottom: 1px solid #f20c1f;
    position: relative;
    overflow: visible;
    width: 6em;}
#extra .box.seb-customer-form button span span { 
    border: 0;
    border-left: 1px solid #f20c1f;
    border-right: 1px solid #f20c1f;
    margin: 0 -1px;
    background: #f42d32 url(/File/images/layout/bg_search_button.gif) top repeat-x;
    padding: 3px 0;}

/* kontakta-mig-formulär */
form.contact-me input {
    width: 180px;
}
form.contact-me textarea {
    width: 180px;
    height: 100px;
}
form.contact-me button {
    float: right;
    margin: 5px 15px 0 0;
}

h2 {
    margin-bottom: 10px;
}

form.product-purchase button { float: right;}

table.admin-communication th.first {
    width: 100px;
}

img.product-status-icon {
    padding: 0 3px 0 0;
    margin: -2px 0 0 0;
}