/* CORE CSS - 20050726 */

/* This CSS file defines the basic visual style of most of the standard HTML 
elements, like font styles, sizes and margins. It also contains styling for 
several special classes which eZ publish uses in the default templates, and 
that means that this file should always be included in the pagelayout of an 
eZ publish site, or else missing styles may cause the rendering of some types 
of content to behave in an unexpected way. If there are basic styles here that 
doesn't fit the site they can be overridden in the custom pagelayout.css. */


/* BODY */

body
{
    font-family: Arial, Helvetica, sans-serif; /* Base font family for most elements */
    font-size: 0.8em; /* Base size for all elements; other size definitions relates to this */
    background-color: #ffffff; /* Base background color for the whole page */
    margin: 0.5em;
    padding: 0.5em;
}


/* HEADERS */

h1, h2, h3, h4, h5, h6 /* Set general styles for all headers */
{
    font-weight: bold;
    font-style: normal;
    margin: 1em 0 0.5em 0;
    padding: 0;
}

h1
{
    margin-top: 0.5em; /* Overrides general top margin */
    font-size: 2em;
}

h2
{
    font-size: 1.6em;
}

h3
{
    font-size: 1.3em;
}

h4
{
    font-size: 1.1em;
}

h5
{
    font-size: 1em;
}

h6
{
    font-size: 1em;
    font-weight: normal; /* Overrides general font weight */
}


/* PARAGRAPHS */

p
{
    margin: 0.5em 0 0.5em 0;
    line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
}


/* LINKS */

a
{
    color: #315578;
    text-decoration: underline;
}

a:hover
{
    color: #000000;
    text-decoration: underline;
}

a img
{
    border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
}


/* PRE TEXT */

pre, code
{
    font-family: "Courier New", Courier, monospace; /* Usually defaulted to monospaced font anyway, but browwsers may vary which one is used, so giving exact alternatives helps visual consistenct */
    font-size: 1em; /* Setting this exact size may also help visual consistency */
}

pre
{
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    margin: 1em 0 1em 0;
    padding: 0.2em;
}

pre.wordwrap /* Style for ensuring long lines in pre field won't break the design; use   instead to preserve white-space where desired */
{
    white-space: normal;
}

pre.wordwrap span.line /* Style for tag wrapping around each line of text */
{
    display: block;
}


/* TABLES */

table
{ 
    font-size: 1em; /* Fix for size "loss" in tables in IE; redundant for most other browsers, but does no harm */
    margin: 0;
    padding: 0;
}

th, td
{
    padding: 0;
}

table.list /* Standard class usable for most regular tables presenting lists, with additional related styles */
{
    width: 100%;
    margin: 1em 0 1em 0;
    border-left: 1px solid #ecece4;
    border-right: 1px solid #ecece4;
    border-bottom: 1px solid #f0f0f0;
}

table.list th, table.list td
{
    padding: 0.25em;
    text-align: left;
    vertical-align: top;
}

table.list th
{
    font-weight: bold;
    background-color: #f0f0f0;
    white-space: nowrap;
}

table.list td
{
    border-top: 1px solid #f6f6f6;
    font-weight: normal;
}

table.list tr.bglight
{
    background-color: #fafafa;
}

table.list tr.bgdark
{
    background-color: #f4f4f4;
}

table.list tr.bglight:hover, table.list tr.bgdark:hover
{
    background-color: #ffffff;
}

table.list th.tight, td.tight
{
    width: 1%;
}

table.list td.nowrap 
{
    white-space: nowrap;
}

table.list td.number
{
    text-align: right;
}


/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    padding: 0;
    margin: 0.75em 0 1em 2.5em;
}

ul ul, ol ul
{
    margin: 0.3em 0 0.5em 1.3em;
}

ul ol, ol ol
{
    margin: 0.3em 0 0.5em 1.9em;
}

ul, ul ul
{
    list-style-type: disc;
}

li
{
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1.25em;
}


/* DEFINITION LISTS */

dl
{
    padding: 0em;
    margin: 0.25em 0 0.25em 0;
}

dt, dd
{
    font-style: normal;
    margin: 0 0 0.25em 0;
}

dt
{
    font-weight: bold;
}

dd
{
    margin: 0 1em 0.5em 2.5em;
}


/* FORM ELEMENTS */

form
{
    padding: 0;
    margin: 0;
}

label
{
    font-weight: bold;
    padding-right: 0.5em;
    display: block;
    white-space: nowrap;
}

input, select
{
    font-family: Arial, Helvetica, sans-serif; /* Needs to be set for some browsers, to prevent other default font from being used */
}

input.box, input.halfbox
{
    font-size: 1em;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif; /* Usually defaulted to monospaced font; so it needs to be set if to change */
    font-size: 1em; /* Needs to be specified for IE */
}

optgroup
{
    font-weight: bold;
    font-style: normal;
}

input.button, button
{
    font-weight: normal;
    color: #000000;
    background-color: #e0e0e0;
    padding: 0 0.25em 0 0.25em;
    border: 2px solid;
    border-color: #f0f0f0 #606060 #606060 #f0f0f0;
}

input.box, textarea.box
{
    width: 100%;
}

input.halfbox, textarea.halfbox
{
    width: 48%;
}


/* PAGE DIVIDERS */
/* These are important styles for proper content rendering in eZ publish - Do not remove or alter them without proper knowledge of the possible consequences */

div.block /* Used around groups of objects which are connected in some way */
{
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    clear: both;
}

div.block div.element /* Used if several objects are to be stacked horizontally within the same block */
{
    padding-right: 1em;
    float: left;
}

div.block div.left
{
    float: left;
    clear: left;
}

div.block div.right
{
    float: right;
    clear: right;
}

div.break /* Old method for terminating floating elements; kept for backwards compatibility */
{
    clear: both;
    font-size: 1px; /* Fix for IE */
    height: 1px;
    margin-bottom: -1px;
}

div.object-left /* Used for floating elements to the left inside other content */
{
    float: left;
    clear: left;
}

div.object-right /* Used for floating elements to the right inside other content */
{
    float: right;
    clear: right;
}

div.object-center
{
    text-align: center;
}

.float-break
{
    height: 1%; /* Fix for IE */
}

.float-break:after /* Method which replaces old div.break method */
{
    content: "-";
    height: 0;
    visibility: hidden;
    display: block; 
    clear: both; 
}

div.float-insert /* This style breaks an unwanted connection between floating elements in some browsers */
{
    float: left;
    width: 100%;
}


/* MESSAGES TO THE USER */

div.message-confirmation, div.message-feedback, div.message-warning, div.message-error
{
    margin: 0.5em 0 1em 0;
    padding: 0.25em 1em 0.75em 1em;
    border: 6px solid #000000;
    background-color: #f8f8f4;
}

div.message-feedback
{
    border-color: #7ed376;
}

div.message-warning
{
    border-color: #d9d978;
}

div.message-error
{
    border-color: #d98078;
}

div.message-feedback span.time, div.message-warning span.time, div.message-error span.time
{
    font-size: 0.8em;
    margin-top: 0.15em;
    display: block;
    float: right;
}


/* MISCELLANEOUS STYLES */

hr /* General formatting for all horizontal rulers */
{
    color: #ffffff; /* Color must be set to the same as the background color to hide default formatting in IE */
    border: none; /* All borders must be removed as they are default for Opera */
    border-top: 1px solid #e7e8e0; /* This single top border is the one replacing the default look of the ruler */
    height: 1px;
    margin: 0.35em 0 0.35em 0; /* Be aware that these margins may not be calculated consistently across browsers */
}

.hide /* Used on elements which should only be visible if CSS in disabled or unavailable */
{
    display: none;
}

.spamfilter /* Simple fix for stopping spambots from getting correct e-mail addresses from a web page */
{
    display: none;
}