/* -------------------------------------------------------------- */
/* Common stuff and basic page layout                             */
/* -------------------------------------------------------------- */

#header_menu
{
    width            : 80%;
    padding          : 0px;
    margin           : 0px;
    padding-top      : 26px;
    text-align       : right;
    float            : left;
}

#content
{
    position         : relative;
    width            : 100%;
    display          : block;
    margin           : 0;
    padding          : 0;
}

.clr
{
    clear            : both;
}

/* -------------------------------------------------------------- */
/* Accessibility stuff                                            */
/* -------------------------------------------------------------- */

#skipNav
{
    position         : absolute;
    left             : -9999px;
    font-size        : small;
}

#skipNav a:focus
{
    display          : block;
    position         : absolute;
    top              : 20px;
    left             : 10020px;
    font-size        : large;
    background       : #fff;
    border           : solid 2px #1B6BD8;
    padding          : 10px;
    width            : 15em;
    z-index          : 1;
}

#skipNav a:hover
{
    color            : #029EDE;
}

#skipNav a:active
{
    display          : block;
    position         : absolute;
    top              : 20px;
    left             : 10020px;
    font-size        : large;
    background       : #fff;
    border           : solid 2px #1B6BD8;
    padding          : 10px;
    width            : 15em;
    z-index          : 1;
}

.hide
{
    display          : none;
}


#nav_bar
{
    margin-left      : auto;
    margin-right     : auto;
    width            : 100%;
    margin-top       : 7px;
    margin-bottom    : 12px;
    border-top       : 1px solid #D8D8D8;
    border-bottom    : 1px solid #D8D8D8;
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 0.85em;
    letter-spacing   : 0.09em;
}

#nav_bar a
{
    color            : #000000;
    text-decoration  : none;
}

#nav_bar a:hover
{
    background       : #8EA4BB;
    color            : #FFFFFF;
}


/* -------------------------------------------------------------- */
/* Form controls (input, ...)                                     */
/* -------------------------------------------------------------- */

.field
{
    top              : 0;
    left             : 0;
    margin           : 0 1em 1em 0;
}

.field .field
{
    margin           : 1em 0 0 0;
}

.field label
{
    font-size        : 100%;
    font-weight      : bold;
}

.formHelp
{
    font-size        : 90%;
    color            : #76797c;
    margin           : 0 0 0.2em 0;
}

.formHelp a
{
    text-decoration  : underline;
}

.formHelp:hover
{
    color            : Black;
    cursor           : default;
}

fieldset
{
    border           : 1px solid #8cacbb;
    margin           : 1em 0em 1em 0em;
    padding          : 0em 1em 1em 1em;
    line-height      : 1.5em;
    width            : auto;
}

legend
{
    padding          : 0.5em;
    font-size        : 90%;
}

form
{
    border           : none;
    margin           : 0;
}

textarea
{
    font             : 110% "Courier New", Courier, monospace;
    border           : 1px solid #8cacbb;
    color            : Black;
    background-color : white;
    width            : 100%;
}

input
{
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 0.95em;
    visibility       : visible;
    border           : 1px solid #8cacbb;
    color            : Black;
    background-color : white;
    vertical-align   : middle;
}

select
{
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 0.95em;
    border           : 1px solid #8cacbb;
    color            : Black;
    vertical-align   : top;
}

.check
{
    border           : 0px;
}

/* -------------------------------------------------------------- */
/* Directory list                                                 */
/* -------------------------------------------------------------- */

#directory
{
    background-color : #E0E7ED;
    padding          : 4px;
    border           : 1px solid #BCC2C1;
    margin-top       : 8px;
}

#directory_title
{
    background-color : #8EA4BB;
    padding          : 4px;
    border-bottom    : 1px solid #5F6164;
    font             : 11px georgia, verdana, tahoma, arial, sans-serif;
    color            : #F1F9F8;
    font-weight      : bold;
}

#directory a, #directory a:link, #directory a:visited
{
    color            : #5F6164;
    text-decoration  : none;
}

#directory a:hover
{
    background       : #8EA4BB;
    color            : #FFFFFF;
}

/* -------------------------------------------------------------- */
/* RSS News                                                       */
/* -------------------------------------------------------------- */
#rssnews
{
    background-color : #EFEBC9;
    padding          : 4px;
    border           : 1px solid #C2BFA4;
    margin-top       : 8px;
}

#rssnews_title
{
    background-color : #A9A78E;
    padding          : 4px;
    border-bottom    : 1px solid #6F7066;
    font             : 11px georgia, verdana, tahoma, arial, sans-serif;
    color            : #fff;
    font-weight      : bold;
}

#rssnews a, #rssnews a:link, #rssnews a:visited
{
    color            : #5F6164;
    text-decoration  : none;
}

#rssnews a:hover
{
    background       : #A9A78E;
    color            : #FFFFFF;
}

/* -------------------------------------------------------------- */
/* Search page stuff                                              */
/* -------------------------------------------------------------- */

#search_box
{
    padding          : 10px;
    text-align       : left;
    border           : 1px solid #BCC2C1;
    background-color : #F1F9F8;
    font             : 11px georgia, verdana, tahoma, arial, sans-serif;
    color            : #888888;
    width            : 95%;
    margin-left      : auto;
    margin-right     : auto;
}

#search_categories_box
{
    background-color : #E0E7ED;
    padding          : 4px;
    border           : 1px solid #BCC2C1;
    margin-top       : 8px;
    width            : 97%;
    margin-left      : auto;
    margin-right     : auto;
}

#search_categories_box_title
{
    background-color : #8EA4BB;
    padding          : 4px;
    border-bottom    : 1px solid #5F6164;
    font             : 11px georgia, verdana, tahoma, arial, sans-serif;
    color            : #F1F9F8;
    font-weight      : bold;
}

#search_categories_box a, #search_categories_box a:link, #search_categories_box a:visited
{
    color            : #5F6164;
    text-decoration  : none;
}

#search_categories_box a:hover
{
    background       : #8EA4BB;
    color            : #FFFFFF;
}

.search_result
{
    width            : 95%;
    padding          : 4px;
    margin-left      : auto;
    margin-right     : auto;
    margin-top       : 10px;
    color            : #666;
    font             : 13px verdana, tahoma, arial, sans-serif;
    font-weight      : bold;
}

.search_result_container
{
    width            : 90%;
    padding          : 4px;
    margin-left      : auto;
    margin-right      : auto;
}

.search_result_title
{
    margin-top       : 8px;
}

.search_result_title a
{
    color            : #5085BB;
    font             : 13px verdana, tahoma, arial, sans-serif;
    font-weight      : bold;
}

.search_result_desc
{
    color            : #000000;
}

.search_author_desc
{
    color            : #848484;
}


.search_result_link a
{
    color            : #008000;
    text-decoration  : none;
}

.search_result_pager
{
    width            : 95%;
    padding          : 4px;
    margin-left      : auto;
    margin-right     : auto;
}

#error_msg
{
    margin           : 50px;
    padding          : 50px;
    color            : #ff0000;
    text-align       : center;
    border           : 1px dotted #c0c0c0;
}

/* -------------------------------------------------------------- */
/* Data lists parameters & search bar                             */
/* -------------------------------------------------------------- */

#list_nav_bar
{
    margin-left      : auto;
    margin-right     : auto;
    width            : 99%;
    background-color : #F3F1FF;
    padding-bottom   : 4px;
    padding-left     : 4px;
    padding-right    : 4px;
    margin-bottom    : 10px;
    border           : 0px solid #DEDEDE;
}

#list_nav_bar fieldset
{
    border           : 1px solid #DEDEDE;
    color            : #000000;
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 0.90em;
    padding          : 0px;
    margin           : 0px;
    height           : 65px;
}

#list_nav_select
{
    float            : left;
    width            : 100%;
    text-align       : center;
}

.list_nav_option
{
    float            : left;
    text-align       : left;
    padding          : 0px 4px 4px 4px;
    margin-left      : 5px;
}

#list_nav_bar legend
{
    font-family      : trebuchet ms, tahoma, sans-serif;
    font-size        : 1.1em;
    font-weight      : bold;
    letter-spacing   : 0.08em;
}

#list_nav_select label
{
}

/* -------------------------------------------------------------- */
/* Data lists table format                                        */
/* -------------------------------------------------------------- */

.info
{
    margin-left      : auto;
    margin-right     : auto;
    margin-bottom    : 0px;
    width            : 100%;
    border-collapse  : collapse;
    border-bottom    : 4px solid #DEDEDE;
    border-spacing   : 0px;
}

.info th
{
    font             : 11px georgia, verdana, tahoma, arial, sans-serif;
    font-weight      : bold;
    vertical-align   : bottom;
    border-bottom    : 1px solid #DEDEDE;
    padding          : 4px;
    text-align       : left;
}

.even
{
    background       : #F7F7F7;
}

.info td
{
    color            : #888888;
    border-bottom    : 1px solid #DEDEDE;
    vertical-align   : middle;
    padding          : 4px;
}

.info td a
{
    color            : #5085BB;
    text-decoration  : none;
}

/* -------------------------------------------------------------- */
/* Specific column format                                         */
/* -------------------------------------------------------------- */

.col_highlighted
{
    font-weight      : bold;
}

.col_comments
{
    text-align      : center;
}