body { margin: 0; padding: 0; font-family: Verdana; font-size: 0.7em;}

table.top { width: 100%; table-layout: fixed; border-bottom: 1px solid gray; background-color: #E6D5A2; color: navy; }
table.top tr td { margin: 0; padding: 0; zborder: 2px solid #cacaca;}
table.top tr td.logo { width: 160px; color: white; background-color: navy;  font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding: 2px; text-align: center; border: 1px solid white; }
table.top tr td.logo span.version { font-size: 0.6em; font-style: italic; text-transform: none;}
table.top tr td.logo a { color: white; text-decoration: none; }
table.top tr td.logo a:hover { text-decoration: underline; }

table.top tr td.license { width: 200px; padding-left: 10px;}
table.top tr td.news{ width: auto; text-align: center;}
table.top tr td.menu{ width: 350px; text-align: right;}

ul.horizontal { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.2em; font-weight: bold;}
ul.horizontal li a { text-decoration: none; color: navy; }
ul.horizontal li a:hover { text-decoration: underline; }
ul.horizontal li { display: inline; padding: 1px 5px;}
ul.horizontal li.selected { display: inline; padding: 1px 5px; background-color: navy; color: white;}
ul.horizontal li.selected a { color: white; }
ul.horizontal li.selected a:hover { color: white; text-decoration: none;}

ul.settings_submenu { margin: 0; padding: 3px 0 0 0; text-transform: uppercase; font-size: 1.0em; border-bottom: 2px solid olive; background-color: #eee; font-weight: normal;}
ul.settings_submenu li { display: inline; padding: 0 2px;}
ul.settings_submenu li a { padding: 0px 1px; text-decoration: none; color: olive;}
ul.settings_submenu li.selected { }
ul.settings_submenu li.selected a { font-weight: bold; text-decoration: none; background-color: olive; color: white; padding: 0 5px; }

form { margin: 0; padding: 0; }

div.footer { margin: 45px auto 0 auto; text-align: center; width: 50%; border-top: 1px dotted gray;}

div.container { text-align: center; }
div.container h1 { font-size: 1.6em; color: navy; font-family: georgia;}
div.container h2 { font-size: 1.4em; color: olive; font-family: georgia;}
div.container h3 { font-size: 1.2em; color: purple; margin: 0 0 3px 0; padding: 0; font-family: georgia; }

a { color: navy; }

table.settings { margin: 5px auto; border: 1px solid olive; table-layout: fixed; border-collapse: collapse;}
table.settings tr th { margin: 0; padding: 3px; font-weight: normal; text-transform: capitalize;}
table.settings tr td { margin: 0; padding: 3px; text-align: left; }
table.settings tr td.wsmall { width: 300px; }
table.settings tr.even td, table.settings tr.even th { background-color: #e1e1e1; }
table.settings tr th.submit { text-align: center; }
table.settings tr td.submit { text-align: center; }
table.settings tr.header td { color: white; background-color: olive; font-size: 1.1em; text-transform: uppercase; }
table.settings tr td.left_border { border-left: 1px solid olive; }
table.settings tr.subheader td { font-size: 1.0em; font-weight: bold; text-align: center; border: 1px solid olive; background-color: #ddd;}
table.settings tr.header td a { color: white; font-weight: bold; text-decoration: none; }

table.stats { border: 1px solid navy; margin: 3px auto 10px auto; border-collapse: collapse;}
table.stats tr th, table.stats tr td { padding: 3px; border: 1px dotted gray; white-space: nowrap;}
table.stats tr.header td { font-size: 1.2em; color: navy; text-align: left; background-color: #ccc; font-weight: bold;	border-top: 1px solid navy;	border-bottom: 1px solid navy; border-left: 1px dotted gray;}
table.stats tr.header td.center { text-align: center; }
table.stats tr.header:hover td { background-color: #ccc; }
table.stats tr th { background-color: #eee; font-weight: bold; border-top: 1px dotted gray; border: 1px dotted gray; }
table.stats tr:hover td { background-color: yellow; }
table.stats tr.subtotals td, table.stats tr.subtotals th { font-weight: bold; background-color: #eee; }
table.stats tr th.sortedby { background-color: navy; }
table.stats tr th.sortedby a { color: white; }
table.subtable { border-collapse: collapse;  }
table.subtable tr td { margin: 0; padding: 3px; }
table.subtable tr.subheader td { font-size: 1.1em; font-weight: bold; text-align: center; border: 1px solid olive; background-color: #ddd;}

span.message { font-weight: bold; color: red; padding: 5px;}

.center, .text_center { text-align: center; }
.left { text-align: left;}
.right { text-align: right;}
.w100p { width: 99%; }
.border { border: 1px solid gray; }
td.border_bottom, th.border_bottom { border-bottom: 1px solid gray; }
tr.border_bottom td, tr.border_bottom th { border-bottom: 1px solid gray; }

input.chkbox { margin: 0; padding: 0; height: 13px; line-height: 13px; }
input.radio { margin: 0; padding: 0; height: 13px; line-height: 13px; }
input, select { font-size: 1.2em;  }
input.button { font-size: 1.1em; font-weight: normal; text-transform: capitalize;}

.hided { display: none; }

div.filter { padding: 3px 0; }

table.login { width: 250px; }
table.login tr td.message { color: red; padding: 5px; text-align: center; text-transform: capitalize; font-weight: bold; }
table.login h1.logo { color: white; background-color: navy;  font-size: 1.6em; text-transform: uppercase; font-weight: bold; padding: 1px; border: 2px solid navy; }

div.messages { color: red; }

table.wm_logo { margin: 5px auto; }
table.wm_logo tr td.logo { width: 160px; color: white; background-color: navy;  font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding: 2px; text-align: center; border: 1px solid white; }
table.wm_logo tr td.logo span.version { font-size: 0.6em; font-style: italic; text-transform: none;}
table.wm_logo tr td.logo a { color: white; text-decoration: none; }
table.wm_logo tr td.logo a:hover { text-decoration: underline; }