/* Sören Preibusch */
/* 2009-06-13      */
/* 2009-09-14      */
/* 2009-10-04      */
/* 2009-10-20      */
/* 2010-03-16      */


HTML, BODY
{
    background-color: #F3FFF0; /* #D6FFC2; */
    
    font-family: Arial, sans-serif;
    font-size: 1em;
    
    color: #358023;
    
    margin:0;
}

HTML
{
    overflow: scroll;
    overflow-x: auto;

    background-image: url('../images/logo/web-logo_slogan_r2.gif');
    background-repeat: no-repeat;
    background-position: 1em 1em; /* 1em 1em; -- relative to HTML */
}

BODY
{
    margin-top: 9em;
    margin-left: 7em;
    margin-right: 10%;
    margin-bottom: 0;
    
    overflow: visible;
    min-width: 60em;
}

BODY.text_page,
BODY.notification_page
{
    margin-top: 250px;
}

BODY.stripe /* page loaded as stripe */
{
    padding: 0;
    margin: 0;
    margin-top: 4px;
    padding-bottom: 4px;
    
    height: 50px;
    
    overflow: hidden;

    border-bottom: solid 2px #358023; 
}

ABBR
{
    border-bottom: dashed 1px;
}

EM /* emphasis */
{
    color: #358023;
    font-style: normal;
}

EM.reverse, /* emphasis */
STRONG.reverse /* emphasis */
{
    color: black;
    font-style: normal;
}

STRONG
{
    font-weight: bold;
}

IMG
{
    margin: 0;
    padding: 0;
    
    vertical-align: middle;
}

IMG.throbber
{
    margin-left: 0.3em;
    vertical-align: sub;
}

INPUT,
BUTTON,
TEXTAREA,
SELECT
{
    border: solid 2px #358023;
    
    background-color: #FFFFFF;
    
    margin: 0.2em;
    padding: 0.2em;

    font-family: Arial, sans-serif;
    font-size: 0.8em;
    
}

INPUT
{
    width: 14em;
}

INPUT/*[type=text]*/.spinner
{
    width: 3em;
    text-align: right;

    float: left;
}


/*
SELECT.stepper
{
    width: 4em;
}

SELECT.stepper OPTION
{
    text-align: right;
}
*/


/*
INPUT.spinner + DIV.spinner_buttons BUTTON
{
    margin: 0;
    padding: 0;

    margin-top: 1em;

    font-size: 0.5em;
        
    width: 2em;
    height: 2em;
    float: left;
    
    vertical-align: middle;
}

INPUT.spinner + DIV.spinner_buttons BUTTON.upper
{
    border-right-width: 1px;
}

INPUT.spinner + DIV.spinner_buttons BUTTON.lower
{
    border-left-width: 1px;
}
*/

INPUT.spinner + DIV.spinner_buttons
{
    margin: 0;
    padding: 2px;
    
    line-height: 0.8;
}

INPUT.spinner + DIV.spinner_buttons INPUT/*[type=image]*/,
INPUT.spinner + DIV.spinner_buttons IMG
{
    margin: 0;
    padding: 2px;

    width: 8px;
    height: 8px;
    
    border-style: none;
    
    vertical-align: top;
    
    cursor: pointer;
}

SELECT
{
    width: 14.7em;
}


.sub_action_box INPUT,
.sub_action_box SELECT
{
    /* border-width: 1px; */
    margin-top: 0;
    margin-bottom: 0;
}

.sub_action_box SELECT
{
    margin-top: 0.2em;
    padding: 0;
}

INPUT.radio,
INPUT.checkbox,
INPUT[type=radio],
INPUT[type=checkbox]
{
    border: none;
    width: 1em;
    
    padding: 2px; /* allows setting a background color for highlighting */
}

INPUT.prompt,
TEXTAREA.prompt,
OPTION.prompt
{
    /* color: #D0D1CF; */
    color: #A7A8A5;
}

BUTTON
{
    padding-left: 1em;
    padding-right: 1em;
    
    background-color: #F3FFF0;
    /* color: #358023; */
}

BUTTON.action_link,
A.action_link,
INPUT.action_link, /* input image */
IMG.action_link
{
    margin: 0px;
    padding: 0px;
    
    text-decoration: underline;
    
    background-color: transparent;
    /* color: black; */
    color: #358023;
    
    font-size: 1em;
    font-style: normal;
    
    border: none;
    border-width: 0;
    
    cursor: pointer;
}

INPUT.action_link, /* input image */
IMG.action_link
{
    text-decoration: none;
    width: auto;
    
    padding-bottom: 0.5ex;
    
    vertical-align: middle;
}


BUTTON.hellip:after,
A.hellip:after
{
    content: "\2026";
}

BUTTON.main,
INPUT[type=submit].main
{
    font-weight: bold;
}

H1, H2
{
    margin: 0;
    padding: 0;
    
    font-weight: normal;
    
    color: black;
}

H1
{
    font-size: 2.2em;
}

H2
{
    font-size: 1.5em;
    
    padding-top: 1.5em;
}

P /* paragraph */
{
    margin: 0;
    padding: 0;
    
    clear: left;
}

P.text /* paragraph */
{
    color: black;
    line-height: 1.5;
    margin-bottom: 1em;
    
    page-break-inside: avoid;
}

P.tracker_desc /* paragraph */
{
    color: black;
    line-height: 1.5;
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}


UL LI
{
    list-style-type:square;
    margin-bottom: 0.5em;
} 

UL.inline
{
    display: block;
    margin: 0;
    padding: 0;
}

UL.inline LI
{
    display: inline;
    font-size: inherit;
    margin-right: 0.4em;
}

UL.trackables LI /* is this class still in use? */
{
}

UL.pre_productnames
{
    list-style-position: inside;
    color: black;
    
    width: 300px;
    overflow: visible;
}

UL.pre_productnames LI
{
    text-indent: 0em;
    padding-left: 0em;
    
    white-space: nowrap;

    width: 370px;

    overflow: hidden;
    text-overflow: ellipsis;
}

UL.productlist
{
    margin: 0;
    padding: 0;

    color: black;
}

UL.productlist LI
{
    margin: 0;
    padding: 0;
    
    padding-bottom: 0.75em;
    padding-top: 0.75em;

    list-style-type: none;
    background-repeat: no-repeat;
    background-position: 1em 1em;
     
    border-bottom: solid 1px #358023;
    
    /* background-color: pink; */
}


UL.productlist LI.subproduct
{
    margin-left: 4em;
    border-left: solid 1px #358023;
}

UL.productlist LI:last-child,
UL.productlist LI.last
{
    border-bottom-color: white;
}

UL.productlist LI .details
{
    height: 80px; 
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notifications_box UL.productlist LI .details
{
    height: 6em; 
}

UL.productlist LI .details SUP /* locale hint */
{
    font-size: x-small;
}

UL.productlist LI .details SUB /* locale hint, price reading time */
{
    font-size: x-small;
}

UL.productlist LI .details .pricetime /* price reading time */
{
    cursor: pointer;
}


UL.productlist LI .image
{
    /* border: solid 2px yellow; */
    
    margin: 0;
    margin-right: 0.75em;
    
    width: 90px;
    max-width: 90px;
    min-width: 90px;
    
    height: 80px; 
    min-height: 80px; 
    
    float: left;
}


UL.productlist LI A /* hyperlink */
{
    font-weight: bold;
    color: #358023;
}

UL.productlist LI A.nolink /* hyperlink */
{
    text-decoration: none;
    cursor: default;
}

UL.productlist LI A SPAN /* hyperlink */
{
    color: black;
}

A /* hyperlink */
{
    font-size: inherit;
    color: inherit;

    font-style: italic;
}

.text A,
.tracker_desc A /* hyperlink */
{
    font-style: normal;
    font-weight: normal;
    color: #358023;
}

.text A *,
.tracker_desc A * /* hyperlink */ /* text inside the link */
{
    font-weight: normal;
    color: black;
}

.addendum A /* hyperlink */
{
    font-style: normal;
    color: black;
}

A.secure, /* hyperlink */
A.insecure
{
    background-image: url('../images/icons/lock_lock.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    
    padding-left: 16px;
}

A.insecure
{
    background-image: url('../images/icons/lock_unlock.png');
    padding-left: 20px;
}

A.shoppable, /* hyperlink */
A.email,
A.config
{
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url('../images/icons/cart_r.png');
    
    padding-right: 16px;
}

A.email /* hyperlink */
{
    background-image: url('../images/icons/email.png');
    padding-right: 20px;
}

A.config /* hyperlink */
{
    background-image: url('../images/icons/application_edit.png');
    padding-right: 20px;
}

A IMG /* hyperlink */
{
    border-style: none;
    border-width: 0;
    vertical-align: middle;
}

LABEL
{
    display: block;
    float: left;
    
    margin: 0.2em;
    padding: 0.2em;
    
    clear: left;
    
    white-space: nowrap;
    
    min-width: 4em;
    
    /* background-color: #FFFFFF; */
}

LABEL.on_the_right
{
}

.small
{
    font-size: 0.85em;
}

.smaller
{
    font-size: 0.75em;
}

INPUT.short
{
    width: 12em;
}

.footer
{
    margin-top: 4em;
    padding-top: 2em;
    
    display: block;
    clear: both;
    float: none;
    
    color: black;
    
    line-height: 1.5;
}

.footer A, /* hyperlink */
LI A
{
    font-style: normal;
    
    color: black; /* for IE 7 -- displayed blue otherwise */
}

.action_box H2,
.dialog_box H2
{
    background-color: #358023;
    background-image: url('../images/corner/dogear_tr.gif');
    background-repeat: no-repeat;
    background-position: top right;

    color: #F3FFF0;
    padding-top: 0.2em;
    padding-bottom: 0.0em;
    padding-left: 0.4em;
    margin-top: 0;
}

.dialog_box H2,
.text_box H2,
.notifications_box H2
{
    /* background-image: url('../images/corner/dogear_z2_tr.gif'); */
    background-image: none;
}

.notifications_box H2
{
    color: #358023;
    font-size: inherit;
}

.text_page H1,
.notification_page H1
{
    width: 614px;
    height: 36px;
    overflow: hidden;
    
    padding: 0;
    
    font-family: "Segoe Condensed", Arial, sans-serif;
    
    text-align: right;
    
    background-color: transparent;
}

.error_page H2
{
    font-family: "Segoe Condensed", Arial, sans-serif;
}


/* reduce */
SPAN.reset
{
    position: relative;
    
    float: right;
    
    margin: 0.7em;
    padding-right: 0.7em;

    z-index: 2;
    color: #F3FFF0;
    
    display: none;
    
    cursor: pointer;
}

/* paragraph */
.action_box P,
.action_box DIV.p,
.dialog_box P,
.dialog_box DIV.p
{
    padding-top: 1em;
}
    
.action_box,
.dialog_box,
.text_box,
.notifications_box
{
    min-width: 600px;
    
    /* margin-top: 2em; */
    padding: 0;
    
    background-color: #FFFFFF; /* white */
    
    border: solid 0px #358023;
    
    display: block;
    float: left;
    
    margin-right: 2em;
    margin-bottom: 2em;
    
    overflow: visible;
}

.sub_action_box
{
    display: block;
    float: left;

    clear: right;
    
    line-height: 1.2em;
}

.action_box FORM,
.dialog_box FORM,
DIV.text_box,
DIV.notifications_box,
DIV.message
{
    border: solid 2px #358023;
    padding: 1em;
    margin: 0;
}

.action_box .addendum
{
    float: none;

    background-color: #F3FFF0;
    
    padding-top: 1ex;
    padding-bottom: 1ex;
}

.action_column
{
    overflow: visible;
    
    display: block;
    float: left;
}

.dialog_box 
{
    display: none;
    
    min-width: 0;
    
    margin-bottom: 1em;
}

.response_box
{
    width: 580px;
    border: solid 1px #358023;
    
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

.response_box P
{
    margin-left: 4em;
    font-weight: bold;
}

.text_box,
.notifications_box
{
    width: 582px;
    min-width: 400px;    
    
    min-height: 400px;
}


.message
{
    background-repeat: no-repeat;
    background-position: 1em 1.1em; /* left top */
}

.message DIV /* inner message body */
{
    padding: 0;
    padding-left: 2em;
}

.message.good
{
    background-image: url('../images/icons/emoticon_happy.png');
}


/* adapted from http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* .ui-widget-overlay { background-color: #a0a0a0; opacity: .75;filter:Alpha(Opacity=75); } */
.ui-widget-overlay { background-color: #a0a0a0; opacity: .75; filter:Alpha(Opacity=75); }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 0; background-image: none; margin:0; padding:0; }
.ui-dialog-titlebar { display: none; }



.dialog_modal
{
    border: solid 2px #358023;
    padding: 1em;
    margin: 0;
    
    background-color: #F3FFF0;
}

.dialog_modal IMG.icon
{
    vertical-align: top;
    padding-right: 0.2em;
}

.notification_page .ui-widget-overlay  { }
/*
.ui-dialog 
.ui-widget 
.ui-widget-content 
.ui-corner-all
*/

/*
.outer_box
{
    background-color: #358023;
}
*/

.advanced_options
{
    display: none;
}

.hidden
{
    display: none;
}

.nowrap
{
    white-space: nowrap;
}

.centered
{
    text-align: center;
}

.v_centered
{
    margin-top: auto;
    margin-bottom: auto;
}

.recording
{
    display: none;
    margin-top: 20em;
    clear: both;
}

.highlight_border
{
    border-color: #FFD045;
}

.highlight_background
{
    background-color: #FFF6DC; /* #FFEEBA; */
}

.price
{
    padding-left: 0.4em;
    padding-right: 0.4em;
}

.price.obsolete
{
    text-decoration: line-through;
    color: #D81B1B;
}

.price.current
{
    font-weight: bold;
}

.price.nan
{
    font-style: italic;
}

.product_count
{
    font-weight: bold;
    color: black;
}

.product.name,
.creator.name
{
    white-space: nowrap;
    
    /* added 2010-03-22: shorten product title to prevent overflow. (discarded) */
    /*  * /
    display: inline-block;
    max-width: 440px;
    overflow: hidden;
    height: 1em;
    /*  */
    
}

.notification_channel,
.email,
.phone
{
    font-weight: bold;
    color: black;
}

.rating
{
    float: left;
    height: 16px;
}

.rating.reviewcount
{
    margin-left: 1em;
}

.rating.reviewcount.zero
{
    margin-left: 0;
}

.rating.stars
{
    background-image: url('../images/icons/stars_1.png');
    background-repeat: no-repeat;
    background-position: top left;
}

P.continuing,
UL.continuing
{
    margin-top: 0.5em;
    padding-top: 0;
}

P.continued,
UL.continued
{
    margin-bottom: 0.5em;
    padding-bottom: 0;
}

/* text logo */
.brand
{
    display: none; /* display in print mode only */

    margin-top: 1em;
    margin-bottom: 1em;
    
    font-family: "Segoe Condensed", Arial, sans-serif;    
    
    position: absolute;
    z-index: 2;
    
    top: 2em;

    line-height: 0.75;
}

.brand .name
{
    display: block;
    font-size: 2.2em;
    color: black;
}

.brand .slogan
{
    display: block;
    font-size: 1.5em;
}

SPAN.textlogo /* inline text logo */
{
    color: black;
    font-weight: bold;
}

SPAN.textlogo SPAN /* inline text logo tld = '.com' */
{
    font-weight: normal;
}

/* tracker Web pages */
.text_box.disclaimer
{
    padding-top: 0.5em;
    margin-top: 2.5em;
    height: auto;
    min-height: 0;
    white-space: normal;
    clear: left;
}

.disclaimer SMALL
{
    font-size: small;
    display: inline;
}


/* definition list */

dl dt,
dl dd
{
    display: block; 
    float: left;
    clear: left;
    margin-top: 1em;
    margin-right: 1em;
    padding-right: 0;
}

dl dd
{
    font-weight: bold;
    clear: right;
    padding-left: 0;
    margin-left: 0;
    text-indent: 0;
}

/* browse bar */
INPUT.invisible
{
    padding: 0;
    margin: 0;
    
    border-style: none;
    border-width: 0px;
    
    position: absolute;
    
    background-color: transparent;
    color: #F3FFF0;
    
    background-image: url(../images/full_transparency.gif); 
    
    top: 0px;
    left: 0px;
    
    text-align: center;
    
    cursor: default;
}

.raised
{
    z-index: 4;
    position: relative;
}