@import url(themecss.asp);

/* -------------------------------------- GLOBAL -------------------------------------- */

* {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 margin:0;
 padding:0;
}

/* -------------------------------------- BASIC -------------------------------------- */

body {
 font-size:80%;
}
h1, h2, h3, h4, h5, h6 {
 margin:1.25em 0 1em 0;
}
h1 {
 font-size:1.75em;
}
h2 {
 font-size:1.25em;
}
h3, h4, h5, h6 {
 font-size:1em;
}
hr {
 margin:1em 0 1em 0;
}

/* -------------------------------------- TEXT -------------------------------------- */

abbr, acronym {
 border-bottom:1px dotted;
 cursor:help;
}
blockquote {
 font-style:italic;
 margin:2em;
}
cite {
 font-style:italic;
}
em {
 font-style:italic;
}
p {
 line-height:1.5em;
 margin-bottom:1.5em;
}
strong {
 font-weight:bold;
}

/* -------------------------------------- LISTS -------------------------------------- */

dd {
 margin:0 0 0 1em;
}
dl {
 margin:1em;
 padding:0;
}
dt {
 font-weight:bold;
}
li {
 margin:0.5em 0 0.5em 1.3em;
}
li ul {
 margin-bottom:0.5em;
}
ul {
 margin:0 0 2em 0;
}
ul {
 list-style-type:disc;
}
ol {
 margin:0 0 2em 0.5em;
}
ul.collapse {
 list-style:none;
 margin:0;
 padding:0;
}
ul.collapse li {
 margin:0;
}

/* -------------------------------------- TABLES -------------------------------------- */

table {
 background:#FAFAFA;
 border-bottom:1px solid #CCCBC9;
 border-right:1px solid #CCCBC9;
 margin-bottom:1em;
}
table.compact {
 font-size:0.85em;
}
td, th {
 padding:0.25em;
 text-align:left;
 vertical-align:top;
}
tbody tr.odd td {
 background:#F3F2F2;
}
td, th {
 border-left:1px solid #CCCBC9;
 border-top:1px solid #CCCBC9;
}
th {
 background-color:#E7E7E7;
}
caption {
 font-style:italic;
 font-weight:bold;
 padding:1em;
}
/*
table {
 xborder-collapse:collapse;
 xborder-spacing:1px;
 background:#E7E7E7;
 border:1px solid #CCCBC9;
 color:#666666;
 margin-bottom:1em;
 width:100%;
 xborder:1px solid #E7E7E7;
 font-size:0.95em;
}
caption {
 font-style:italic;
 font-weight:bold;
 padding:10px;
}
td, th {
 border:0;
 padding:4px;
 text-align:left;
 vertical-align:top;
}
th {
 font-weight:bold;
}
td {
 border-top:1px solid #CCCBC9;
}
thead th {
 background:#F3F2G2;
}
tbody tr.odd, tbody tr.odd td {
 background:#FAFAFA;
}
tbody tr td {
 background:#F3F2F2;
}
*/

/* -------------------------------------- LINKS -------------------------------------- */

a:link {
 color:#0000FF;
}
a:visited {
 color:#6365CE;
}
a:active {
 color:#FF0000;
}
a:hover {
 color:#000;
}
a {
 text-decoration:underline;
}
a.external:after {
 padding-left:0.25em;
 content:url(/graphics/external.gif)
}
a abbr, a acronym {
 padding:1px;
}
a.skiplink {
 display:none;
}

/* -------------------------------------- IMAGES -------------------------------------- */

img {
 border:0;
}
img.inlineleft {
 border:1px solid black;
 float:left;
 margin:2px 4px 2px 0;
}

/* -------------------------------------- FORMS -------------------------------------- */

input, select {
 margin:0 0.5em 0 0;
}
input.error {
 background-color:#FF0000;
 color:#FFF;
}
fieldset {
 margin:0 0 1em 0;
 padding:0 1em 1em 1em;
}
legend {
 color:#000;
 padding:0 0.5em 0 0.5em;
}
label {
 font-weight:bold;
}
option {
 margin:0 0.5em 0 0;
}
textarea {
 font-size:1em;
}
.help {
 color:#808080;
 font-size:0.8em;
}
div.formitem p.help {
 margin:0 0 0 12.5em;
}
input[type=button], input[type=submit] {
 padding:0.2em 0.5em 0.2em 0.5em;
}

/* -------------------------------------- OVERRIDE DEFAULTS -------------------------------------- */

html, body {
 height:100%;
}
body {
 background-color:#333; /*background-color:#F1EFE7;*/
}

/*
#container, #content, #header, #footer, #menu, #adverts {
 border:1px solid yellow;
}
*/

/* -------------------------------------- GLOBALS -------------------------------------- */

.warning {
 background-color:transparent;
 color:#FF0000;
 font-weight:bold;
}

/* -------------------------------------- CONTAINER DIV -------------------------------------- */

#container {
 background-color:#FAFAFA;
 color:#424542;
 margin:0 auto;
 max-width:960px;
 min-height:1024px;
 min-width:760px;
 position:relative;
}

/* -------------------------------------- CONTENT DIV -------------------------------------- */

#content {
 margin:0 16em 0 13em;
 padding:0 2em 5em 2em;
}
#content h1, #content h2, #content h3, #content h4 {
 color:#081B55;
 font-family:"trebuchet ms",arial,tahoma,verdana,sans-serif;
}
#content p.details {
 font-size:0.8em;
 font-weight:bold;
}

/* -------------------------------------- HEADER DIV -------------------------------------- */

#header {
 background-color:#000;
 background-repeat:repeat-x;
 color:#FFF;
 height:80px;
}
#header #logo {
 background-color:transparent;
 font-size:2em;
 font-weight:bold;
 left:0.5em;
 position:absolute;
 text-transform:lowercase;
 top:2.5em;
}
#header #logo a {
 color:#FFF;
 font-family:"trebuchet ms",arial,tahoma,verdana,sans-serif;
 text-decoration:none;
}
#header #tag {
 font-size:9px;
 position:absolute;
 text-align:right;
 top:85px;
 width:955px;
}

/* -------------------------------------- FOOTER DIV -------------------------------------- */

#footer {
 border-top:2px solid #EEE;
 bottom:0;
 font-size:0.8em;
 height:2em; /* required by IE */
 padding:0 0 1em 0;
 position:absolute;
 width:100%;
}
#footer ul {
 padding:1em;
}
#footer li {
 float:left;
 padding-right:1em;
}

/* -------------------------------------- MENU DIV ----------------------------------- */

#menu {
 font-size:0.85em;
 margin:6em 2em 0 0;
 position:absolute;
 right:0;
 top:80px;
 width:16em;
}
#menu ul {
 margin-left:0.05em; /* required by IE */
}
#menu li {
 color:#000;
 font-weight:normal;
 list-style-image:none;
}
#menu li.current {
 color:#FF0000;
 font-weight:bold;
 list-style-image:url(/graphics/arrow_black_right.gif);
}

/* -------------------------------------- ADVERTS DIV ----------------------------------- */

#adverts {
 font-size:0.8em;
 left:0;
 margin:7em 0 0 2em;
 position:absolute;
 top:80px;
 width:13em;
}
#adverts div.advert {
 margin:0 0 2em 0;
}

/* -------------------------------------- NAVIGATION -------------------------------------- */

#navigation {
 /*background-color:#081B55;*/
 /*color:#FAFAFA;*/
 /*height:2em;*/
 /*left:0;*/
 /*position:absolute;*/
 /*top:99px;*/
}
#navigation li {
 float:left;
 xfont-size:1em;
 font-weight:bold;
 /*margin:0;*/
 text-align:center;
 width:7.5em;
}
#navigation li a {
 /*background-color:#081B55;*/
 border-right:1px solid #DCDCDC;
 color:#FAFAFA;
 display:block;
 height:1.7em;
 padding-top:0.3em;
 text-decoration:none;
}
#navigation li a:hover {
 background-color:#555555;
}
#navigation li.current a {
 background-color:#D31112;
}
#nav {
 background-color:#081B55;
 height:2em;
}
#nav #searchform {
 float:right;
 line-height:2em;
}
#nav #searchform input[type=text] {
 /*height:1em;*/
 margin-right:2px;
 margin-top:-2px;
 /*vertical-align:middle;*/
}
#nav #searchform input[type=submit] {
 font-size:0.85em;
 padding:0.2em;

}

/* -------------------------------------- SUB NAVIGATION -------------------------------------- */

#subnav {
 height:2em;
 list-style:none;
 margin:2em 0 0 0;
}
#subnav li {
 float:left;
 font-size:0.9em;
 margin:0 3em 0 0;
}
#subnav li a {
 color:#999999;
 text-decoration:none;
}
#subnav li a:hover {
 color:#000;
}

/* -------------------------------------- BAR -------------------------------------- */

#bar {
 background-color:#081B55;
 height:1.5em;
}
#bar a {
 color:#FFF;
 font-size:0.8em;
 text-decoration:none;
}
#bar a:hover {
 text-decoration:underline;
}
#bar ul {
 float:left;
}
#bar ul li {
 float:left;
 list-style:none;
 margin:0 1em 0 1em;
 /*padding:0;*/
}
#bar #admin {
 float:right
}

/* -------------------------------------- SIDEBAR BOX -------------------------------------- */

div.box {
 border-bottom:2px solid #EEE;
 margin:0 0 0.75em 0;
}
div.box h4 {
 color:#081B55; /*FF6C12*/
 font-size:1.2em;
 margin:0 0 0.75em 0;
}
div.box p {
 margin:0 0 1em 0;
}
div.box a.more {
 font-size:0.8em;
 position:absolute;
 right:0;
}
div.box ul {
 margin:0 0 1em 0;
}
div.box li {
 border-bottom:2px solid #EEE;
 padding:0.5em 0 0.5em 0;
 margin:0;
 list-style:none;
}
div.box li a {
 text-decoration:none;
}
div.box li a:hover {
 text-decoration:underline;
}
div.box li:last-child {
 border:none;
}
div.box input {
 /*font-size:1em;?????????????????????????*/
}
div.centrebox {
 /*text-align:center;?????????????????????????*/
}

/* -------------------------------------- TOOL TIP -------------------------------------- */

div.tip {
 /*font-family:Arial,Helvetica,sans-serif;
 font-size:10pt;
 xcolor:#000;
 xtext-decoration:none;*/
 width:175px;
 border:1px solid #80ADD6;
 padding:6px;
 background-color:#F2F7FF;
 visibility:hidden;
 position:absolute;
 z-index:100;
}
/*
div.tip p {
 font-family:Arial,Helvetica,sans-serif;
 font-size:10pt;
 margin:0 0 1em 0;
}
*/

/* -------------------------------------- FORMS -------------------------------------- */

div.formitem {
 clear:left;
 margin:5px 0 0 0;
}
div.formitemlabel {
 float:left;
 padding-right:5px;
 text-align:right;
 width:125px;
}

/* -------------------------------------- BUBBLE -------------------------------------- */

div.bubble {
 border:2px solid red;
 background-color:#FFF;
 width:200px;
 padding:0.25em;
 font-size:0.85em;
 z-index:100;
}

/* -------------------------------------- FIGURES -------------------------------------- */

div.fig {
 margin:2em 0 2em 0;
 text-align:center;
}
div.fig img {
 padding:0.5em;
 border:1px solid #A4A4A4;
}
div.fig p {
 font-size:0.9em;
 margin:0;
 padding:1em 0 1em 0;
}
div.inlineimage {
 float:right;
 font-size:0.8em;
 padding:5px 0 5px 5px;
 text-align:right;
}

/* -------------------------------------- MISC -------------------------------------- */

.non-visual {
 display:none;
}
.clearfloat {
 clear:both;
}
#map {
 clear:both;
 height:400px;
 margin-top:1em;
 width:100%;
}
/*
option.rarity {
 color:#FF0000;
}
span.required {
 color:#FF0000;
 font-weight:bold;
}
p.promo {
 text-align:center;
}
p.info {
 font-size:0.7em;
}
ul.related li {
 font-size:0.85em;
}
*/
/*

#profileform div.formitemlabel, #smssettingsform div.formitemlabel {
 xwidth:205px;
}
ul p, ol p {
 margin:0.5em 0 0 0;
}

*/

/* -------------------------------------- TABLE COLUMN WIDTHS -------------------------------------- */

#berklist table th.englishname, #berklist table th.latinname {
 width:40%;
}
#berklist table th.status {
 width:20%;
}
#rankingstable table th.position, #rankingstable table td.position {
 width:10%;
}
#rankingstable table th.name, #rankingstable table td.name {
 width:60%;
}
#rankingstable table th.total, #rankingstable table td.total {
 width:30%;
}
#listrankings th.pos {
 width:5%;
}
#listrankings th.name {
 width:25%;
}
#listrankings th.total {
 width:10%;
}
#listrankings th.notes {
 width:50%;
}
#listrankings th.lastupdate {
 width:10%;
}

#listrankings2 th.pos {
 width:5%;
}
#listrankings2 th.name {
 width:20%;
}
#listrankings2 th.patchname {
 width:25%;
}
#listrankings2 th.patchcentre {
 width:5%;
}
#listrankings2 th.total {
 width:5%;
}
#listrankings2 th.notes {
 width:30%;
}
#listrankings2 th.lastupdate {
 width:10%;
}