@charset "utf-8";
/* synhheld.css

For Opera emulation only.
A real handheld stylesheet for this particular site would have
font-size:small; max-width:100%;

08/10/04	JKW	Start to add Syn-specific content based on
			diagnostic handheld.css 20/09/04
08/11/04	JKW	Per Opera site handheld.css:
			div#body and associated mods; em, b
27/11/04	JKW	Mods for indexpos; some selectors left in for indexhhl
10/02/05	JKW	ol pad left; headings font-weight, style; menu hover;
			made consistent w/ synmedia.css; no div#body
2008-01-13	Tmpl
2015-12-19	Tmpl; html5 eles

Generic template 2015-12-18
*/

/* <???> Generic/Prelims --- */

* {
position: static !important;
top: auto !important;
left: auto !important;
float: none !important;
/*
margin: 0 !important;
padding: 0 !important;
*/
width: auto !important;
height: auto !important;
/*
max-width: 250px !important;
*/
max-height: none !important;
font-size: 11px !important;
font-family: Verdana, sans-serif !important;
letter-spacing: normal !important;
font-variant: normal !important;
white-space: normal ! important;
color: #000 !important;
/* overflow: hidden; */
}

html {
margin: 0 !important;
background-image: none !important;
background-color: #666 !important;
padding: 0 !important;
}

body {
margin: auto !important;
background-image: none !important;
background-color: #F0F0F0 !important;
padding: 3px !important;
}

h1, h2, h3, h4, h5, h6 {
font-size: 12px !important;
color: #000 !important;
}

img {
overflow: hidden;
/*
display: none;
content: "IMAGE: " attr(alt);
background: #CCC;
*/
border: none !important;
}

table, tbody, thead, tfoot, tr, th, td, col, colgroup {
display: block !important;
margin-left: 0;
margin-right: 0;
}

em {
font-style: normal;
}

em, b {
font-weight: bold;
}


/* <???> Colors, backgrounds, borders, link and emphasis indication, cursor --- */

ul, ol {
padding: 2px;
color: #000;
background: #E3E3E3;
}

/* Post-its */
div.postit {
border: 1px solid #000;
color: #000;
background: #E3E3E3;
}

/* Sidepanels */
aside, div.sidepanel {
border: 1px solid #000;
color: #000;
background: #E3E3E3;
}

/* Background */
ul#mainmenu, ul#auxmenu, .returnlink {
background-color: transparent;
}

#mainmenu li, #auxmenu li, .returnlink  {
border: none;
}

#mainmenu a, #auxmenu a, #mainmenu a:visited, #auxmenu a:visited, .returnlink a, .returnlink a:visited {
text-decoration: underline;
color: #000;
}

/* Hover: text and BG */
#mainmenu a:hover, #auxmenu a:hover, li.current, .returnlink a:hover {
color: #000;
background-color: transparent;
text-decoration: underline;
}

input[type="submit"] {
color: #000;
background: #CCC;
}


/* <???> Text and font properties (excl. link indication, alignment and text-indent) --- */

/* Headings */
h1, h2, h3, h4, h5, h6, span.heademph {
font-weight: bold !important;
}

span.heademph {
font-style: normal;
font-size: 12px !important;
}

h1 img {
width: 100%;
/*
content: attr(alt);
font-style: normal;
font-size: 14px !important;
*/
}


/* <???> Box properties (excl. borders), positioning, alignment, list types, text-indent, display --- */

/* Generic */
ul {
list-style-type: disc;
list-style-image: none;
margin-left: 0;
padding-left: 0;
}

ol {
padding-left: 0;
}

li {
list-style-position: inside !important;
}

/* Site-specific */

body {
margin: auto;
padding: 5px;
max-width: 240px !important;
}

h2 {
margin-left: 0;
}

/* Post-its */
div.postit {
margin-left: 0;
max-width: none !important;
}

/* Post-its */
aside, div.sidepanel {
margin-left: 0;
}

p.offline, p#footmenu {
display: none;
}

header, div#header {
padding-left: 0;
}

div#search {
display: none;
}


