/**
 * @site Xendo
 * @revision $Revision: 1.10.18.1.2.4 $
 *
 * @styleguide:
 *  colors {
 *    white       : #fff;
 *    black       : #000;
 *    gray        : #7e807d;
 *    orange      : #ff741a;
 *  }
 *  fonts {
 *    headers : Arial, Helvetica, sans-serif;
 *    text    : Verdana, Arial, Helvetica, sans-serif;
 *  }
 */


/**
 * Elements
 * HTML elements, such as ul, img, p, a, etc.
 */

html { background: url(/images/a_boog.gif) left bottom no-repeat transparent fixed; }
html, body { height: 100%; margin: 0; padding: 0; border: 0; }
body { font: normal .75em/1.8em Verdana, Arial, Helvetica, sans-serif; color: #000; }

/* links */
a, a:link { padding: 0 0 1px 0; border-bottom: 1px solid white; color: #ff741a; text-decoration: none; font-weight: bold; }
a:hover { border-color: #ff741a; color: #ff741a; }
a:active { }

/* headers */
h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #7e807d; text-transform: uppercase; letter-spacing: .2em; }
h1 { font-size: 1.15em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }


/* images */
img, a img { border: 0; }


/* paragraphs */
p { margin: 1em 0; }


/* lists and definition lists */
ul { margin: 1em; padding: .5em 1em; list-style: square outside; }
    ul li {}

dl {}
    dl dt {}
    dl dd {}


/* tables */
table { font-size: 1em; vertical-align: top; border-collapse: collapse; }
    table thead { }
    table tbody { }
    table td, table th { text-align: left; }
    table caption { text-align: left; }

table.ExcelXML { }
    .ExcelXML tr th, .ExcelXML tr td { vertical-align: top; }

/* form elements, labels & fieldsets */
form { margin: 0; }

input, select, textarea { border: 1px solid #7e807d; padding: .2em; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: black; }
    input:focus, textarea:focus { border-style: inset; }
    input.disabled { cursor: pointer; }

fieldset { border: 1px solid #7e807d; padding: 0 1em 1em 1em; }
    fieldset legend { margin: 0 0 .5em .4em; padding: .1em .7em; border: 3px double #a6a9a5; border-top-color: #7e807d; border-left-color: #7e807d; color: #ff741a; font-weight: bold; background: url(/images/b_button.gif) top left repeat-x white; }

label { cursor: default; }
    label:hover {}

acronym { cursor: help; border-bottom: 1px dotted black; font-style: italic; }

/**
 * BASIC PAGE LAYOUT
 *
 * describes the default page layout
 */

#body { position: relative; min-height: 100%; padding-bottom: 75px; background: url(/images/b_onder.gif) bottom left repeat-x transparent; }
    #container { position: relative; min-height: 600px; border-top: 1px solid white; margin: 0 3em; }
        #content { position: relative; margin: 0 150px; padding: 150px 3em 100px 0; }

        /** Sorry IE, this is not meant for you, untill you fix this weird bug:
         *  http://forums.devshed.com/css-help-116/line-breaks-and-css-letter-spacing-28763.html
         */
        html>body #content { letter-spacing: .07em; }

            #content h1 { margin: 0 0 1.2em 0; padding: 0; font-weight: normal; text-align: right; letter-spacing: .6em; text-transform: uppercase; }

        /* different content margin for univalid */
        .content-univalid { margin: 0px !important; text-align: center; font-size: .9em; }

        #mainnav { position: absolute; top: 170px; left: 0; width: 150px; }
            #mainnav ul { margin: 0; padding: 0; list-style: none outside; background-repeat: no-repeat; background-position: center bottom; }

                /* bottom border is to fix the elements height in IE */
                #mainnav ul li { margin: 1em 0; }
                    #mainnav ul li a { display: block; width: 100%; border: 0; color: #7e807d; letter-spacing: .1em; }
                        #mainnav ul li a:hover { color: #ff741a; }
                    #mainnav ul li a.active { color: #ff741a; }

        #breadcrumbs { position: absolute; top: 115px; left: 150px; right: 0; margin: 0; padding: 0; list-style: none inside; }
            #breadcrumbs ul { margin: 0; padding: 0; }
                #breadcrumbs li { display: inline; margin: 0; padding-left: 13px; background: url(/images/i_crumb.gif) left center no-repeat transparent; }
                    #breadcrumbs li a { border: 0; }
                    #breadcrumbs li, #breadcrumbs li a { color: #7e807d; }
                        #breadcrumbs li a:hover { color: #ff741a; text-decoration: underline; }

                #breadcrumbs li#firstcrumb { padding-left: 0; background-image: none; }

        #header { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100px; background: url(/images/l_xendo.gif) left bottom no-repeat; }
            #header h1 { visibility: hidden; }
            #header h2 { position: absolute; top: .3em; right: 0; margin: 0; padding: 0; font: bold .95em Arial, Helvetica, sans-serif; color: #ff741a; text-transform: uppercase; letter-spacing: .8em; }

        #bannercolumn { position: absolute; top: 200px; right: 0; width: 150px; }
            #bannercolumn .banner { margin-bottom: 2em; }
                #bannercolumn .banner .bannervisual { margin-bottom: 1em; padding: .3em; background: url(/images/b_banner.gif) bottom left no-repeat; }
                    #bannercolumn img { display: block; }
            #bannercolumn a { border: 0; display: block; font: normal .9em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #7e807d; }
                #bannercolumn a span.more { font-weight: bold; color: #ff741a; }

    #globalnav { position: absolute; bottom: 60px; right: 17em; }
        #globalnav ul { margin: 0; padding: 0; list-style: none inside; }
            #globalnav ul li { display: inline; border-left: 1px solid #7e807d; padding: 0 .5em; }
            #globalnav ul li.first { border: 0; }
                #globalnav ul li a { color: #7e807d; border: 0; }
                    #globalnav ul li a:hover { color: #ff741a; }
                #globalnav ul li a.active { text-decoration: underline; }
        #globalnav h2, #breadcrumbs h2 { display: none; }

    #languagenav { position: absolute; top: 30px; right: 30px; }
        #languagenav ul { margin: 0; padding: 0; list-style-type: none; }
            #languagenav ul li { float: left; margin-right: 1.5em; }
                   #languagenav ul li:hover { cursor: pointer; }
                #languagenav ul li a { display: block; padding-top: 15px; border: 0; min-width: 30px; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
                #languagenav ul li span { font-size: .9em; font-weight: normal; color: #7e807d; clear: both; display: block; }
                    #languagenav ul li:hover span { text-decoration: underline; }

    #alternate-languages { position: absolute; top: 50px; right: 3em; }
        #alternate-languages a { border: 0; margin-left: 1em; }
            #alternate-languages img { padding: 2px; border: 1px solid transparent; }
               #alternate-languages a:hover img { border-color: #ff741a; }

    #quicksearch { padding: 1em; }
        #quicksearch h3 { margin: 0; }
        #quicksearch label { clear: both; display: block; }

    #footer, #footerimg { position: absolute; }
    #footer { bottom: 50px; }
        #footer p { padding: .5em 0 .5em 4em; font-weight: bold; text-transform: uppercase; letter-spacing: .4em; color: #ff741a; background: url(/images/a_boog_slogan.gif) left center no-repeat transparent; }

    #footerimg { bottom: 100px; left: 5em; width: 125px; height: 150px; background-position: center bottom; background-repeat: no-repeat; }

    #props { position: absolute; bottom: 1em; left: 1em; }
        #props a, #props a:visited { border: 0; }

    #calltoaction { display: block; border: 0; width: 134px; height: 100px; background: transparent url(/images/eu/call_me_back.gif) no-repeat left top; }
        #calltoaction span { visibility: hidden; }

    .wide-content #content { margin-right: 0; }
    .wide-content #bannercolumn { display: none; }

/**
 * PAGE-SPECIFIC ELEMENTS
 *
 * Style specially for pages
 */

/* contenttext: for all basic content text, such as page body's */
.contenttext { margin-bottom: 1em; }
    .contenttext p { margin: 0 .5em .5em .3em; }

/* block: (news)blocks on the homepage */
.block { clear: both; margin-bottom: 2em; }
    .block h2 { margin: 0; padding: .2em 1em .1em .3em; font-size: 1.1em; }
        .block h2 a { color: #7e807d; }
            .block h2 a:hover { border-color: #7e807d; }
    .block img { float: left; margin: 0 1em 1em .3em; }
    .block p { margin: 0 .5em .5em .3em; }

/* default and rich menu */
.menu_default, .menu_rich, .menu_deep { list-style-type: none; }
.menu_default { padding: .5em 1em; }
    .menu_default li { margin-bottom: .5em; padding-left: 15px; background: url(/images/bullet.gif) 0px 8px no-repeat;  }
        .menu_default li a { }
.menu_rich { margin: 1em 0 2em 0; padding: 0; }
    .menu_rich li { clear: both; margin: 1em .4em 1.5em 0; padding: .3em; background: url(/images/hoekje.gif) top left no-repeat; }
        .menu_rich li a { border: 0; float: left; }
        .menu_rich li p { margin: 0 0 .5em 70px; }
            .menu_rich li p a { border-bottom: 1px solid white; }
                .menu_rich li p a:hover { border-color: #ff741a; }

/* deep menu: menu children in childlevel */
.menu_deep { margin: 2em 0; padding-left: 0; list-style-position: inside; }
    .menu_deep li { display: inline; border-right: 1px solid #7e807d; margin: 0 .7em .5em 0; padding: 0 1em 0 0; }
        .menu_deep li a { padding: .2em 0; color: #7e807d; font-weight: normal; }
            .menu_deep li a:hover { color: #ff741a; }

/* Default and rich lists */
ul.default, ul.rich, ul.blog { margin: 0; padding: 0; list-style-type: none; }
ul.default { clear: both; padding: .5em 1em; }
    ul.default li { margin-bottom: .5em; padding-left: 15px; background: url(/images/bullet.gif) left 8px no-repeat;  }
    ul.default li p { margin: 0; padding: 0; }
    ul.default li a { padding: 5px 0 1px 0; }

ul.rich { clear: both; }
    ul.rich li { min-height: 120px; margin-bottom: 1em; padding: 0 .3em .3em 0; background-position: 0 .4em; background-repeat: no-repeat; }
        ul.rich li h2 { margin: 0; padding: 0 0 .1em 0; }

ul.visual { margin: 0; padding: 0; list-style-type: none; }
    ul.visual li { margin-bottom: 1em; padding: 5px; background: url(/images/hoekje.gif) left top no-repeat; }

div.alphabetical { margin: 0; padding: 0; }
    div.alphabetical .info { float: left; margin-left: 1em; padding: .7em; background: url(/images/h_gray.gif) left top no-repeat; }
    div.alphabetical .visual { clear: both; float: left; }
    div.alphabetical h2 { font-size: 1em; font-weight: bold; }

#alphabet { }
    #alphabet span, #alphabet .letter a { padding: 3px 4px; }
    #alphabet .letter { padding: 0; }
        #alphabet .letter a:hover { background-color: #f4f5f4; }

/* career, analyte and studies list */
.careers, .analytes, .studies { width: 100%; border-collapse: collapse; }
    .careers caption, .analytes caption, .studies caption { color: #7e807d; font-size: 1.1em; text-transform: uppercase; letter-spacing: .2em; visibility: hidden; }
    .careers th, .careers td, .analytes th, .analytes td, .studies th, .studies td { vertical-align: top; padding: .1em .3em; padding-left: 0; }
    .careers thead th, .analytes thead th, .studies thead th, .analytes .thead th { background-color: #d8d8d8; }
    .analytes .thead th { padding-top: 1em; border-top: 2px solid #ff741a; }
    .careers tbody th { padding-left: 16px; font-weight: normal; background: url(/images/bullet.gif) 5px 10px no-repeat; }
    .careers tbody th.group, .analytes tbody th.group, .studies tbody th.group { border-bottom: 1px solid #d8d8d8; padding: 10px 0 0 0; font-weight: bold; background: none #f4f5f4; }
    .analytes, .analytes td, .studies, .studies td { border: 1px solid #fcc186; }
    .analytes td, .analytes th, .studies td, .studies th { padding: .6em .3em; }
    .analytes tbody td a, .studies tbody td a { display: block; border-bottom: 0; color: #ff741a; }
        .analytes tbody td a:hover, .studies tbody td a:hover { color: white; }
    .analytes .pdf, .analytes .doc, .analytes .xls { width: 20px; height: 20px; }
        .analytes .pdf span, .analytes .doc span, .analytes .xls span { visibility: hidden; }

/* analyte detail list */
#analyte, #study { width: 100%; }
    #analyte dt, #analyte dd, #study dt, #study dd { float: left; }
    #analyte dt, #study dt { clear: both; width: 35%; border-bottom: 1px solid #fcc186; background-color: #e8e8e8; }
    #analyte dd, #study dd { width: 60%; margin: 0 0 1em 0; padding-left: .7em; border-left: 1px solid #fcc186; background-color: #f4f5f4; }
        #analyte dd p, #study dd p { margin: 0 0 1em 0; }
        #analyte dd .imgbox, #study dd .imgbox { vertical-align: text-top; margin: .5em 1em 0 1em; display: inline; }
    #study .download { margin-left: 1em; }
        #study .download img { vertical-align: text-bottom; }

/* default and rich group */
dl.group { clear: both; }
    dl.group dt { margin: 1em 0 .5em 0; }
        dl.group dt a { font-weight: bold; background-color: transparent; }
            dl.group dt a:hover { background-color: transparent; }
    dl.group dd { margin: .5em 0; padding-left: 15px; background: url(/images/bullet.gif) left 8px no-repeat; }

.group_rich { clear: both; }
    .group_rich a { background-color: transparent; }
        .group_rich a:hover { border-color: #ff741a; color: #ff741a; }
    .group_rich dt { margin-top: 1em; padding: 0; }
        .group_rich dt a { display: block; border-bottom: 1px solid #ff741a; font-weight: bold; color: #ff741a; }
            .group_rich dt a:hover { background-color: #fcc186; }
    .group_rich h3 { margin: 0; padding: 0 0 .1em 0; }
        .group_rich h3 a { font-weight: bold; color: #ff741a; }
    .group_rich dd { min-height: 120px; margin: 1em 0; padding: 0 .3em .3em 106px; background-position: 0 .4em; background-repeat: no-repeat; }

/* default and rich linkbox */
#linkbox { clear: both; width: 226px; margin: 1em 0 1em 2em; background: url(/images/h_linkbox.gif) left bottom no-repeat transparent; }
    #linkbox h3 { margin: 0 0 1em 0; font-weight: normal; letter-spacing: .5em; }
    .linkbox_default, .linkbox_rich, .linkbox_video { margin: 0; padding: 0; list-style-type: none; }
        .linkbox_default li { margin: 3px 1em; padding-left: 15px; background: url(/images/bullet.gif) left 8px no-repeat; }
            .linkbox_default li a { padding: 5px 0 1px 0; }
        .linkbox_rich li { float: left; width: 100px; min-height: 120px; border-bottom: 1px solid white; margin: .5em .4em .5em 0; padding: 0; }
            .linkbox_rich li:hover { border-color: #ff741a; }
            .linkbox_rich li a { display: block; border: 0; }
            .linkbox_rich span { margin: 0; }
            .linkbox_rich img { display: block; vertical-align: top; margin-right: .2em; }
        .linkbox_video li { clear: both; margin-bottom: 1em; padding: .3em; width: 122px; min-height: 60px; }
            .linkbox_video li a img { float: left; vertical-align: top; margin-right: .5em; }

/* semicolumn, for providing a 2-column layout, to be used in conjunction with float-left/float-right */
.semicolumn { width: 49%; padding: 0; margin: 1em 0; }

/* inline sections */
.inline-sections { float: right; width: 49%; padding: 0; margin: 1em 0; }
    .inline-sections dt { display: block; margin-top: .4em; padding-bottom: 1.5em; border-bottom: 1px solid #7e807d; font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #7e807d; text-transform: uppercase; letter-spacing: .2em; }
        .inline-sections dt a { float: left; color: #7e807d; border-bottom: 1px solid white; }
            .inline-sections dt a:hover { border-color: #7e807d; }
    .inline-sections dd { clear: both; margin: 1.5em 0 0 0; }
        .inline-sections dd h2 { margin: 0; padding: .2em 1em 0 0; }
        .inline-sections dd p { margin: .5em 0; }

.inline-sections-vrijwilliger { float: left; width: 49%; padding: 0; margin: 1em 0; }
    .inline-sections-vrijwilliger dt { display: block; margin-top: .4em; padding-bottom: .5em; font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #7e807d; text-transform: uppercase; letter-spacing: .2em; }
        .inline-sections-vrijwilliger dt a { float: left; color: #7e807d; border-bottom: 1px solid white; }
            .inline-sections-vrijwilliger dt a:hover { color: #7e807d; border-color: #7e807d; }
    .inline-sections-vrijwilliger dd { clear: both; margin: 1.5em 0 0 0; padding-left: 15px; background: url(/images/bullet.gif) 0 .9em no-repeat; }
        .inline-sections-vrijwilliger dd h2 { margin: 0; padding: .2em 1em 0 0; text-transform: none; }
            .inline-sections-vrijwilliger dd h2 a { display: block; }
        .inline-sections-vrijwilliger dd p { margin: .5em 0; color: #ff741a; }

#logo-univalid { position: absolute; top: 2.5em; right: 2.5em; }
#univalid-dutch, #univalid-english { margin-top: 2em; width: 49%; }
#univalid-dutch { float: left; color: black; text-align: right; }
    #univalid-dutch h2, #univalid-dutch h2 a { color: #ff741a; }
#univalid-english { float: right; color: #ff741a; text-align: left; }
    #univalid-english h2, #univalid-english h2 a { color: #7e807d; }
#univalid-dutch h2, #univalid-dutch h2 a, #univalid-english h2, #univalid-english h2 a { padding-right: 0; border: 0px; letter-spacing: 8px; }

/* imgbox, for displaying an image with description in a box */
.imgbox { position: relative; float: left; width: 226px; margin: 0 0 1em 0; background: white url(/images/h_imgbox.gif) left bottom no-repeat; z-index: 1; }
.imgbox_right { float: right; margin-left: 1.5em; }
    .imgbox img { float: none; display: block; margin: 3px; border: 0; }
    .imgbox p { margin: 0; padding: .3em; font: bold .8em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #ff741a; }

/* addresses */
.address dt, .address dd { float: left; padding: .1em .3em; color: #a6a9a5; }
.address dt { clear: both; width: 25%; font-weight: bold; background-color: #e8e8e8; }
.address dd { width: 70%; margin: 0 0 1em 0; background-color: #f9f9f9; }

/* basicform styles form elements, marked up in a definition list */
.basicform { width: 100%; }
.basicform dl input, .basicform dl textarea, .basicform dl select { width: 95%; }

    /* IE displays border around radio buttons and checkboxes, which is ugly */
    .radio, .radio:hover, .checkbox, .checkbox:hover { width: auto !important; border: 0 !important; }

    .basicform dl dt { clear: both; width: 35%; float: left; }
    .basicform dl dd { width: 60%; float: left; margin: 0 0 1em 0; color: black; }
    .basicform dl dt.header { font-weight: bold; }
    .basicform dl dd.header { margin-bottom: .3em; }
    .header.formpage { display: block; width: auto; float: none; border-bottom: 1px solid #003384; }
        .header.formpage+dd { display: none; }

    .basicform dl dd.calendar-container input { width: 85%; }
    .calendar { position: relative; }
        .calendar img { position: absolute; left: -30px; top: 0; cursor: pointer; }
        .calendar-input { display: none; position: absolute; left: 0; top: 25px; width: 300px; border: 2px outset #f6f6f6; background-color: #f6f6f6; }
            .calendar-input .calendar-navigation { }
                .calendar-input .calendar-date-selection select { width: 50%; }
            .calendar-input table { width: 100%; }
                .calendar-input table td.cpDayColumnHeader { background-color: #dedede; }
                    .calendar-input table td.cpDayColumnHeader span { font-weight: bold; color: #002065; }
                    .calendar-input table .cpOtherMonthDate, .calendar-input table .cpOtherMonthDate:visited, .calendar-input table .cpOtherMonthDate:active { color: #ceced0; }
                    .calendar-input table table td:hover { background-color: #dedede; color: #002065; }
                        .calendar-input table table td a { display: block; border-bottom: 1px solid #f6f6f6; }
                    .calendar-input table table td.cpTodayText { text-align: center; background-color: #dedede; }
                        .calendar-input table table td.cpTodayText a { border-bottom: 0px; font-weight: bold; }

    .progress { text-align: right; color: #003384; font-weight: bold; width: 93%; }

    .progresstext { color: #003384; font-weight: bold; }
    .progressbar { width: 92%; height: .7em; margin: 0 0 1em 0; border: 1px solid #f60; border-left-width: 5px; background-color: white; }
        #progressfill { height: 100%; background-color: #f60; }

    .radio, .checkbox { margin: .2em .6em .2em 0; vertical-align: middle; }
    .errors { font-style: italic; color: red; }

/* search styles: form, info and results */
#resultsinfo { }
    #resultsinfo h2 { float: left; }
    #resultsinfo p { clear: both; margin: 0; }

#searchform { margin: 1em 0; padding-bottom: 1em; }
    #searchform input { width: 50%; margin: 0; }
    #searchform .submit { width: 20%; }

#searchresults { clear: both; margin: 0; }
    #searchresults dt { margin: 2em 0 0 0; }
        #searchresults dt, #searchresults dt a { color: #7e807d; }
           #searchresults dt a:hover { border-color: #ff741a; color: #ff741a; }
    #searchresults dd { margin: .3em 0 0 1.4em; }
        #searchresults dd a { color: #ff741a; }
            #searchresults dd a:hover { border-color: #ff741a; }
    #searchresults a { padding-bottom: 1px;  background-color: transparent; }

/* highlighting for search terms */
.highlight { background-color: #fcc186; }
/* sitemap */
ul.sitemap { margin: 1em 1em 1em 0; padding: 1em; }
    ul.sitemap ul { margin: .3em 1em 1em 2em; padding: 0; }
        ul.sitemap li { padding-left: 15px; background: url(/images/bullet.gif) left 8px no-repeat; }
            ul.sitemap li a { border-bottom: 1px solid white; }
                ul.sitemap li a:hover { border-color: #ff741a; }
ul.sitemap, ul.sitemap ul { list-style: none outside; }

/* chapters in documents */
#chapterlist { margin: 1em 0; padding: .5em 1em; list-style-type: none; }
    #chapterlist li { padding: .3em .3em .3em 15px; background: url(/images/bullet.gif) left 8px no-repeat; }
        #chapterlist li a { background-color: transparent; }
            #chapterlist li a:hover { border-color: #ff741a; color: #ff741a; }

.chapter { margin: 2em 0 1em 0; border-bottom: 1px solid #7e807d; background-position: left center; background-repeat: no-repeat; }
    .chapter span { visibility: hidden; }

/* navbox, for displaying next/previous/index links */
.navbox { clear: both; padding: 0 .2em .3em .2em; text-align: center; border-top: 1px dotted #ff741a; }
    .navbox a { border-width: 0 1px 1px 1px; border-style: dotted; border-color: white; padding: 2px 6px; }
        .navbox a:hover { color: #ff741a; border-color: #ff741a; background-color: #e8e8e8; }
    .navbox span { margin: 0 1em; color: #7e807d; }

    /* previous, next, index and page links in navbox */
    .prev { }
    .next { }
    .index { }
    .page { margin: 0 .2em; }
        .page a {  }
    .currentpage { margin: 0 .2em; }

/* more: paragraph with a "read more" link */
.more { clear: both; margin: 1em .5em; }
    .more a { padding-left: 15px; background: url(/images/bullet.gif) left 5px no-repeat transparent; }
        .more a:hover { border-color: #ff741a; color: #ff741a; }

/* date: date in messages */
span.date { margin: 0; color: #ff741a; }

p.date { float: left; width: 3em; margin: 0 1em .5em 0; border: 3px double #7e807d; border-top-color: #a6a9a5; border-left-color: #a6a9a5; font-family: Georgia, 'Times new roman', serif; text-align: center; color: #ff741a; background: url(/images/b_button.gif) top left repeat-x white; }
    .day { font-size: large; }

/* button: transforms a normal button to a styled button */
.button { width: auto !important; border: 3px double #7e807d; border-top-color: #a6a9a5; border-left-color: #a6a9a5; cursor: pointer; margin: 0; padding: 0 .25em; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #ff741a; background: url(/images/b_button.gif) left top repeat-x white; }
    .button:hover { border: 3px double #a6a9a5; border-top-color: #7e807d; border-left-color: #7e807d; }
    .button:active { border: 3px double #a6a9a5; border-top-color: #7e807d; border-left-color: #7e807d; }

.submit { }

/* preview bar */
#preview-bar { position: fixed; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid #003384; text-align: center; background-color: white; }
    #preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; }
        #preview-bar:hover #previewselect { opacity: .8; }
    #preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; }


/* .feed: RSS-feed button placement */
.feed { float: right !important; border: 0 !important; margin-left: 1em; }
    .feed img { vertical-align: text-top; }


.ExcelXML td { boder: 1px solid #AAA; }

/**
 * Common
 * Very often used classes
 */

/* positioning and visibility */
.clear-both     { clear: both; }
.float-left     { float: left; }
.float-right    { float: right; }
.inline         { display: inline; }
.block          { display: block; }
.nodisplay      { display: none; }
.show           { visibility: visible; }
.hide           { visibility: hidden; }
.align-left     { text-align: left; }
.align-right    { text-align: right; }
.top            { clear: both; text-align: right; background-color: #f4f5f4; border-bottom: 1px solid #ff741a; }
.top a:hover    { border: 0; }

/* coloring and text decoration/transformation */
.no-border      { text-decoration: none; }
.listlink       { padding-left: 15px !important; background: url(/images/bullet.gif) left 8px no-repeat transparent; }
.listlink:hover { color: #ff741a; border-color: #ff741a; }
.back           { clear: both; padding-left: 15px !important; background: url(/images/bullet.gif) left 8px no-repeat transparent !important; }
.back:hover     { color: #ff741a; border-color: #ff741a; }
.red            { color: red; }
.req            { background-color: #fcc186; }
.err            { color: red; font-weight: bold; }
.notice         { background-color: #fcc186; color: #ff741a; }
.white          { color: white; }
.chosen         { color: #ff741a; font-weight: bold; }

/* file types */
.doc            { padding-left: 20px !important; background: url(/images/ico_doc.gif) left .3em no-repeat !important; }
.pdf            { padding-left: 20px !important; background: url(/images/ico_pdf.gif) left .3em no-repeat !important; }
.xls            { padding-left: 20px !important; background: url(/images/ico_xls.gif) left .3em no-repeat !important; }