/**
 *  Stylesheet for mobile media
 *  ===============================================================
 *  $Revision: 1.1 $
 *  ===============================================================
 */

/* display accesskey after links */
*[accesskey]:after { content: " [" attr(accesskey) "]"; }

/* max-size all possible wide elements to prevent horizontal scrolling */
img, input, textarea, select { max-width: 100%; }

a, a:link, a:visited { color: #003384; text-decoration: underline; }
a:hover, a:active { color: #f60; }

h1, h2, h3, h4, h5, h6 { line-height: 1em; margin: 0 0 .3em 0; padding: 0; font-family: sans-serif; color: #003384; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }

img, a img { border: 0; display: block; }

table { font-size: 1em; vertical-align: top; }
table td, table th { text-align: left; }
/* make sure table elements behave as a sequence of blocks */
table, tbody, tr, td, th { display: block; border: 1px solid #afafaf; }

form { margin: 0; }

ul { list-style: inside square none; margin: .6em .3em; padding: 0; }
ul li { margin-left: 1em; }

fieldset { border: 1px solid #68ade4; padding: .3em; }
fieldset legend { margin: .3em; padding: .7em; }

html, body, #body { margin: 0; padding: 0; border: 0; background-color: white; }

body { font: normal 1em/1.3em sans-serif; color: black; }

.block { margin: 1em 0 .3em 0; }
.block img, .block p { margin: .3em; }

.menu_default, .menu_rich, ul.default, ul.rich, ul.group, ul.group_rich { padding: .3em; list-style-type: none; }
.menu_default li, .menu_rich li, ul.default li, ul.rich li, ul.group li, ul.group_rich li { margin-bottom: .3em; }
.menu_rich li img, ul.rich img, ul.group_rich img { margin: .3em; }
.menu_rich li h2, ul.rich li h2, ul.group_rich h2 { background-color: #e8e8e8; }

.linkbox_default, .linkbox_rich { margin-top: .6em; padding: .3em; border: 1px solid #afafaf; list-style-type: none; }
.linkbox_default li, .linkbox_rich li { margin: 0; padding: 0 .6em; }
.linkbox_default h2, .linkbox_rich h2 { background-color: #afafaf; }
.linkbox_rich img { vertical-align: top; margin: .3em; }

.errors { font-style: italic; color: red; }

#resultsinfo { padding-bottom: .2em; background-color: #e8e8e8; }
#resultsinfo h2 { font-size: 1.2em; }
#resultsinfo p { margin: 0; }
#resultsinfo h2, #resultsinfo p { margin: 0; padding: .3em; color: #003384; }

#searchform { margin: .3em 0; padding-bottom: .3em; }

#searchresults { margin: 1.5em 0 0 0; }

.highlight { font-weight: bold; }

.forum, .topic { margin: 0 0 .3em 0; border: 1px solid #e8e8e8; }
.forum thead th, .topic thead th { margin-bottom: .2em; }
.forum tbody th, .forum tbody td { border-right: 1px solid #e8e8e8; }
.forum tr, .topic tr { border-bottom: 1px solid #e8e8e8; }
.forum td, .forum th, .topic td, .topic th { vertical-align: top; padding: .3em; }
.forum img, .topic img { vertical-align: top; }
.forum p { margin-top: 0; }
.forum a { font-weight: bold; color: #f60; border-color: #f60; }
.post th { border-right: 1px solid #e8e8e8; }
.odd { background-color: #fff; }
.even { background-color: #efefef; }
.first { background-color: #eee; border: solid #e8e8e8; border-width: 0 1px; }
.first .date { color: black; }
.announcement { font-weight: bold; }
.locked, .locked a { color: #afafaf; border-color: #afafaf; background-color: #e8e8e8; }

ul.sitemap { margin: .3em; padding: .3em; }
ul.sitemap ul { margin: 0 0 .3em .6em; padding: 0; }

#chapters { margin: .3em 0; padding: .3em 0; }
#chapters li { padding: .3em; }
.chapter { margin: .3em; }

.navbox { margin-top: .6em; padding: .3em; }
.navbox a { border: 0; padding-left: 0; background: none; }
.page { margin: 0 .2em; }
.page a { padding: 4px; }

.more { margin: .3em; }
.date { margin: 0; color: #999; }
.clear-both { clear: both; }
.inline { display: inline; }
.show { display: block; }
.hide { display: none; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.no-border { text-decoration: none; }
.plain { padding-left: 0 !important; background: none !important; }
.red { color: red; }
.req { color: red; background-color: #ffdfca; }
.err { color: red; font-weight: bold; }
.notice { background-color: #ffa; color: #f60; }
.white { color: white; }
