/********** Basic styles **********/


body { margin: 0px; color: black; background-color: white; }

body.dialog { margin: 0; }

body, input.text, input.button, select, textarea, button
{
    font-family: Arial, Helvetica, sans-serif;
}

h1 a { color: #06c; }
h1 a:visited { color: #06c; }
h1 a:active { color: #07f; }
h1 a:hover { color: #07f; }

/***** User entry */

input.text, select, textarea, input.button, button
{
    padding: 0.08em 0.4em 0.08em 0.4em;
    border-style: solid;
    font-size: 1em;
    vertical-align: middle; 
}

input.text, select, textarea,
{
    border-width: 1px;
}

input.text
,textarea
,select
{
    border-color: #048 #07f #07f #048;
}

/***** Buttons */

input.button, button
{
    font-weight: bold;
    background-color: #06c; color: white;
    border-color: #07f #048 #048 #07f;
    margin: 1px;
    border-width: 2px;
}

input.button.fixed { width: 10em; }

form { margin: 0px; }
a img { border: none; }

a { font-weight: bold; text-decoration: none; color: #06c; }
a:visited { color: #06c; }
a:active { color: #07f; }
a:hover { color: #07f; }

p strong { font-weight: bold; color: #06c; }

p em { font-weight: bold; font-style: normal; }

/********** Print **********/

div.print { margin: 0 1cm; width: 19cm; }
div.print table.visible { /*width: 100%;*/ }
div.print table.visible th { background-color: #999999; text-align: left; text-transform: uppercase; }
div.print table.visible td, div.print table.visible th { border: solid 1px black; padding: 2px 8px; vertical-align: top; }

table.ruler td { width: 1cm; border: solid blue 1px; height: 0.5cm; }

/***** Flavours */

/********** The Tardis **********/

.salt-n-vinegar { margin: 16px; padding: 8px 16px; border-style: solid; border-color: #07f #048 #048 #07f; border-width: 2px; }
.salt-n-vinegar th { padding: 2px 8px; white-space: nowrap; background-color: #06c; color: white; }
.salt-n-vinegar td { padding: 2px 8px; white-space: nowrap; }

/********** Data tables **********/

table.rum-n-raisin
{
    border-collapse: collapse;
    margin: 4px 0;
    border-style: solid;
    border-color: #07f #048 #048 #07f;
    border-width: 2px;
}

table.full-width
{
    width: 100%;
}

table.rum-n-raisin td
, table.rum-n-raisin th
{
    border-style: solid;
    border-width: 1px;
    border-color: #048;
    padding: 4px 8px;
    vertical-align: top;
    font-size: 0.7em;
}

table.rum-n-raisin th
{
    text-align: left;
    background-color: #06c;
    color: white;
}

table.rum-n-raisin th.chicken
{
    text-align: right;
}

table.rum-n-raisin td.chicken
{
    padding: 0.1em 0.2em;
}

table.rum-n-raisin td div.barbecue
{
    height: 3.8em;
    width: 10em;
    overflow: auto;
}

/********** Copyright **********/

.vanilla { margin: 1em 0 0.5em 0; text-align: center; color: #999999; font-size: 0.7em; }
.vanilla a { font-weight: normal; color: #999999; }
.vanilla a:visited { color: #999999; }
.vanilla a:active { color: #06c; }
.vanilla a:hover { color: #06c; }

/********** Toffee is used for left hand menu */

.toffee { padding: 0; width: 12em; }

.toffee table { width: 100%; /*table-format: fixed;*/ }
.toffee table.item th { padding: 2px 0 0 4px; vertical-align: top; text-align: left; width: 16px; }
.toffee table.item td { padding: 0 0 1px 0; }
.toffee .current { background-color: #07f; }

.toffee div.inset { margin-left: 1em; }

/********** smokey-bacon is used for the main content cell **********/

.smokey-bacon { padding: 0 1em; }

.smokey-bacon h1 { margin: 0.5em 0; font-size: 1em; }
.smokey-bacon h2 { margin: 0.5em 0; font-size: 0.8em; }
.smokey-bacon h3 { margin: 0.5em 0; font-size: 0.7em; }
.smokey-bacon p { margin: 0.5em 0; font-size: 0.7em; }
.smokey-bacon li { font-size: 0.7em; }

/********** These styles are used on the coloured background panels **********/

/* Cherry is the main colour panel element */
/* Blackcurrant is the secondary colour panel element */

.cherry { background-color: #06c; color: white; }

.cherry
, .blackcurrant { margin: 0; }

.cherry a { color: white; }
.cherry a:visited { color: white; }
.cherry a:active { color: #09f; }
.cherry a:hover { color: #09f; }

.blackcurrant { background-color: #06c; color: white; }

.blackcurrant a { color: white; }
.blackcurrant a:visited { color: white; }
.blackcurrant a:active { color: #09f; }
.blackcurrant a:hover { color: #09f; }

/***** Raspberry puts a border on a primary panel element */

.raspberry
, .gooseberry
{
    padding: 0.2em 4em;
    border-style: solid;
    border-width: 2px;
    font-size: 0.7em;
}

.raspberry
{
    border-color: #07f #048 #048 #07f;
}

.gooseberry
{
    border-color: #07f #048 #048 #07f;
}

.raspberry p
, .gooseberry p
{
    margin: 0;
    text-align: center;
}

/***** Additional padding for left hand menu items */

.mint
{
    padding: 0.6em 0.4em;
}

/*  */

.prawn-cocktail
{
    padding-left: 0.6em;
    padding-right: 0.6em;
}

/***** blueberry is used for horizontal menu bars at the top and bottom of some pages */

.blueberry
{
    white-space: nowrap;
    padding-left: 1em;
    padding-right: 1em;
}

/********** Chocolate is used on the credit cards paragraph */

.chocolate { background-color: white; border-style: solid; border-color: #048 #07f #07f #048; border-width: 1px; }
.chocolate img { padding: 2px; vertical-align: middle; }






/********** Search results */

table.cheese-n-onion { width: 100%; margin: 4px 0; border-style: solid; border-color: #07f #048 #048 #07f; border-width: 2px; }
table.cheese-n-onion td { text-align: left; padding: 2px 4px; }

/**********/

.grape { background-color: #06c; color: white; border-style: solid; border-color: #07f #048 #048 #07f; border-width: 2px; }
.grape h2 { text-align: center; color: white; }
.grape p { text-align: center; }
.grape.price { font-weight: bold; text-align: right; }

/********** Used in admin */

.orange { border: solid black 1; padding: 12px; }
.orange td { border: solid black 1; padding: 12px; }

/********** Browse by manufacturer */

.lemon tr td { border: solid #06c 1px; padding: 2px 6px; width: 33%; }
.lemon { font-weight: bold; color: red;  }

/********** Used in admin */

.spearmint { border: solid 1px black; background-color: white; }
.spearmint td, .spearmint th { border: solid black 1px; padding: 2px 2px; }
.spearmint th { background-color: #07f; vertical-align: top; text-align: left; }

/***** Nutmeg is used for the quicksearch text box */

.nutmeg { width: 10em; margin: 0 2px; }

/***** Coconut: Currently used on the browse manufacturer page */

img.coconut { border: solid 1px black; vertical-align: middle; }

/***** Admin */

table tr.separator td { border-top: solid black 2px; }

/***** Accounts pages */

.onstop { background-color: #fcc; }
.paid { background-color: #ccc; }

div.error
{
    background-color: white;
    border: solid red 2;
    padding: 32px;
}

/**********/