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

* {
margin: 0;
padding: 0;
list-style: none;
}

body {
text-align: center;
font: normal 75%/1.4 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana, sans-serif;
background: #3d6171;
color: #3d6171;
}

div#wrapper {
text-align: left;
width: 740px;
margin: 0 auto;
padding: 0 15px 50px 15px;
background: #97B8BE;
position: relative;
overflow: hidden;
}

#footer {
width: 740px;
margin: 0 auto;
clear: both;
padding: 8px 15px;
overflow: hidden;
border-top: 2px solid white;
background: #97B8BE;
text-align: left;
}

#footer form#donate {
float: right;
width: auto;
}

#login #footer #donate {
display: none;
}

#donate * {
vertical-align: middle;
}

p.msg {
line-height: 0.8;
text-align: right;
position: absolute;
right: 15px;
top: 65px;
color: #dd0067;
width: 600px;
}

h1 {
background: url(logo.gif) 564px 6px no-repeat;
text-transform: uppercase;
letter-spacing: 0.1em;
font: bold 1.7em/1 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana, sans-serif;
padding: 58px 0 5px 0;
width: 740px;
color: white;
border-bottom: 2px solid white;
margin: 0 0 26px 0;
}

h1 a:link, 
h1 a:visited { 
text-decoration: none; 
color: white;
padding: 0 0.1em 0 0.2em;
}

h1 span.active { 
border: 1px solid white;
color: white;
padding: 0 0.1em 0 0.2em;
}

h2 {
font: normal 1.5em/1.2 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana, sans-serif;
margin: 1em 0 0.3em 0;
color: white;
}



h3, th {
color: white;
text-transform: uppercase;
letter-spacing: 1px;
font: normal 1em/1.3 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana, sans-serif;
margin: 0.5em 0 0.2em 0;
}

code {
font: normal 11px/13px monaco, courier, "Courier New", fixed;
}

hr {
border: none;
border-bottom: 1px dotted white;
border-top: transparent 15px solid;
width: 740px;
clear: both;
}

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

fieldset {
border: none;
}

input[type=text],
input[type=password],
input[type=submit],
input[type=reset],
input[type=file],
select,
textarea {
font-size: 12px;
}

textarea {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana, sans-serif;
}

input[type=submit] {
padding: 0 10px;
}

input[type=checkbox],
input[type=radio] {
margin-right: 5px;
}

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

table {
border-collapse: collapse;
margin: 0 0 10px 0;
}

td, th {
border-bottom: 1px dotted white;
height: 2.6em;
vertical-align: center;
}

th {
color: white;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 1em;
height: 1.5em;
text-align: left;
}

.plain td, .plain th {
border: none;
height: 2.3em;
}


/* HELPER-CLASSES --------------------------------------------------------- */


.clearfloat { clear: both; }

.topspace { margin-top: 20px; }

.topspace2 { margin-top: 6px; }

.bottomspace { margin-bottom: 4px; }


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


a:link,
a:visited {
color: #3d6171;
text-decoration: underline;
}

a:focus,
a:hover,
a:active {
background: #3d6171;
color: white;
text-decoration: none;
}


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


#navi {
position: absolute;
top: 0;
left: 15px;
width: 740px;
}

#navi h2 {
display: none;
}

#navi li {
float: left;
margin-right: 6px;
background: url(navtableft.png) left bottom no-repeat;
}

#navi li:hover {
background: white url(navtableft.png) left bottom no-repeat;
}

#navi a {
padding: 8px 10px 4px 7px;
margin-left: 3px;
height: 18px;
float: left;
overflow: hidden;
background: url(navtabright.png) right bottom no-repeat;
display: block;
}

body#record1 li#tab_record,
body#record2 li#tab_record,
body#id3 li#tab_record,
body#postings li#tab_postings,
body#comments li#tab_comments,
body#organisation li#tab_organisation,
body#stats li#tab_stats,
body#settings li#tab_settings {
background: #dd0067 url(navtableft.png) left bottom no-repeat;
}

body#record1 li#tab_record:hover,
body#record2 li#tab_record:hover,
body#id3 li#tab_record:hover,
body#postings li#tab_postings:hover,
body#comments li#tab_comments:hover,
body#organisation li#tab_organisation:hover,
body#stats li#tab_stats:hover,
body#settings li#tab_settings:hover {
background: white url(navtableft.png) left bottom no-repeat;
}

#navi li#tab_logout {
margin-right: 0;
margin-left: 15px;
}

#navi a:link, #navi a:visited {
color: white;
text-decoration: none;
}

#navi a:focus, #navi a:hover, #navi a:active {
color: black;
text-decoration: none;
background: white url(navtabright.png) right bottom no-repeat;
}


/* PAGE: RECORD 1 --------------------------------------------------------- */

body#record1 h2 {
width: 220px;
float: left;
line-height: 1;
margin: 20px 0 0 0;
}

body#record1 div.method {
clear: both;
overflow: auto;
width: 740px;
border-bottom: 1px dotted white;
}

body#record1 div.method div.data {
width: 390px;
float: left;
padding: 20px 0 20px 0;
} 

body#record1 .datainput { width: 360px; } 

body#record1 input[type=submit] { width: 90px; margin: 20px 0 0 0; }

body#record1 form { width: 700px; }


/* PAGE: RECORD 2 --------------------------------------------------------- */


body#record2 form { width: 740px; }

body#record2 div#leftcolumn {
width: 440px;
float: left;
}

body#record2 input#title { width: 410px; }

body#record2 textarea {
width: 410px;
height: 132px;
font: normal 12px/1.4 "Lucida Grande", verdana, arial, sans-serif;
}

body#record2 select.category {
width: 93px;
margin: 0 10px 10px 0;
font-size: 10px;
}

body#record2 div#rightcolumn {
float: right;
width: 295px;
}

body#record2 div#rightcolumn hr { width: 295px; }

body#record2 input.audiobutton {
margin-top: 8px;
width: 140px;
font-size: 10px;
float: left;
}

body#record2 input.right {
float: right;
}

body#record2 input.change {
margin-top: 2px;
width: 140px;
}


body#record2 div.fileinfo {
width: 140px;
}

body#record2 div.left { float: left; width: 150px;}
body#record2 div.right { float: right; }

body#record2 .fileinfo input[type=text],
body#record2 .fileinfo select {
width: 140px;
}

body#record2 div#postsave {
clear: both;
width: 740px;
border-bottom: 1px white dotted;
height: 5.4em;
}

body#record2 div#date {
float: left;
width: 410px;
}

body#record2 #date h4 {
font: normal 1em/1 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana, sans-serif;
color: white;
display: inline;
padding: 0 5px 0 0;
}

body#record2 #date input[type=text] {
width: 1.9em;
margin: 0 4px 0 0;
}

body#record2 input#year[type=text] { width: 3.4em; }

body#record2 div.submit {
float: right;
text-align: right;
width: 295px;
}

body#record2 input[type=submit] { width: 140px; }

body#record2 div#hyperlinks {
clear: both;
margin: 15px 0;
border-bottom: 1px dotted white;
}

body#record2 #hyperlinks table { width: 740px; margin: 0 0 20px 0; }

body#record2 #hyperlinks th { height: 1.3em; }

body#record2 #hyperlinks td.left  { 
text-align: left; 
padding-right: 1%;
width: 24%;
}
body#record2 #hyperlinks td.center{ 
text-align: left; 
padding-right: 1%;
width: 24%;
}
body#record2 #hyperlinks td.right { 
text-align: right; 
width: 50%;
}

body#record2 #hyperlinks td.left input { width: 100%;  }
body#record2 #hyperlinks td.center input { width: 100%; }
body#record2 #hyperlinks td.right input { width: 100%;  }

body#record2 table#audiodata {
margin-bottom: 0;
width: 295px
border-collapse: collapse;
}

body#record2 table#audiodata td,
body#record2 table#audiodata tr {
border: 0;
margin: 0;
padding: 0 1em 0 0;
}

body#record2 object {
margin-bottom: 0.7em;
width: 295px;
}

body#record2 table#audiodata td {
font: normal 10px/1.2 arial, sans-serif;
line-height: 1.2em;
vertical-align: top;
height: 1.6em;
}

body#record2 .rec2size{ float: left; width: 75px; }

body#record2 .rec2size input { width: 67px; }




/* PAGE: POSTINGS --------------------------------------------------------- */


body#postings table { width: 740px; }

body#postings td { padding-right: 12px; }
body#postings td.right { 
padding: 0; 
text-align: right;
}

body#postings table th {
padding-bottom: 8px;
}


body#postings table th a:link,
body#postings table th a:visited {
color: white;
}

body#postings table th a:focus,
body#postings table th a:hover,
body#postings table th a:active {
color: white;
text-decoration: none;
}

body#postings a.pink:link,
body#postings a.pink:visited {
background: white;
color: #3d6171;
padding: 0px 2px 0px 3px;
text-decoration: none;
}


/* PAGE: COMMENTS --------------------------------------------------------- */


body#comments table { width: 740px; }

body#comments table textarea {
width: 100%;
height: 180px;
font-size: 10px;
line-height: 14px;
padding: 2px;
}

body#comments table td.message p,
body#comments table td.author p {
cursor: pointer;
}

body#comments table td.message p:hover,
body#comments table td.author p:hover {
color: black;
}

body#comments table td.message input,
body#comments table td.author input {
font-size: 9px;
width: 50%;
margin: 6px 0 15px 0;
}

body#comments table td.author input.text {
width: 100px;
font-size: 11px;
margin: 0;
}

body#comments td { 
padding-right: 12px; 
padding: 4px 12px 4px 0;
height: auto;
vertical-align: top;
}

body#comments td.date {
width: 95px;
}

body#comments table th {
padding-bottom: 8px;
}

body#comments td.right { 
padding: 4px 0; 
text-align: right;
}

body#comments td.message {
width: 200px;
font-size: 0.8em;
}

body#comments td.message p {
width: 200px;
overflow: hidden;
}

body#comments td.message textarea {
width: 200px;
}

body#comments td.postings {
width: 150px;
}

body#comments td.size {
width: 50px;
}

body#comments table th a:link,
body#comments table th a:visited {
color: white;
}

body#comments table th a:focus,
body#comments table th a:hover,
body#comments table th a:active {
color: white;
text-decoration: none;
}

body#comments a.pink:link,
body#comments a.pink:visited {
background: white;
color: #3d6171;
padding: 0px 2px 0px 3px;
text-decoration: none;
}



/* PAGE: STATS --------------------------------------------------------- */

body#stats form select#chooser {
position: absolute;
top: 60px;
left: 580px;
width: 175px; 
font-size: 0.8em;
}

body#stats table { width: 740px; }

body#stats td,
body#stats th { 
vertical-align: middle;
}

body#stats td.date {
width: 90px;
padding-right: 10px;
}

body#stats table th {
padding-bottom: 8px;
}


body#stats td.right { 
padding: 4px 0; 
text-align: right;
}

body#stats .number {
width: 70px;
text-align: center;
}


div#figure {
position: relative;
margin-bottom: 60px;
width: 740px;
background: url(statsback.png) 0 0 no-repeat;
height: 182px;
}

#legend {
font-size: 0.8em;
padding: 4px 0 0 6px;
}

#legend #brown {
color: #a27c57;
}

#legend #grey {
color: #ccc;
}


body#stats div.column {
position: absolute;
bottom: 1px;
width: 11px;
}

body#stats div.column div {
position: absolute;
width: 100%;
left: 0;
}

body#stats div.cweb {
background: #3d6171;
bottom: 0;
}

body#stats div.cfla {
background: #a27c57;
}

body#stats div.cpod {
background: #ccc;
}

body#stats div.column div.cdate {
position: absolute;
font-size: 0.8em;
line-height: 1.3em;
bottom: -3em;
width: 30px;
text-align: center;
left: -9px;
}

body#stats div.column div.title {
display: none;
}

body#stats div.column:hover div.title {
position: absolute;
font-size: 0.8em;
line-height: 1.2em;
top: 10px;
width: 80px;
z-index: 1000;
text-align: center;
left: -39px;
background: white;
border: 1px solid #3d6171;
padding: 3px;
display: block;
}

body#stats div.column div.cdate span {
background-color: #97b8be;
}


body#stats table th a:link,
body#stats table th a:visited {
color: white;
}

body#stats table th a:focus,
body#stats table th a:hover,
body#stats table th a:active {
color: white;
text-decoration: none;
}

body#stats a.pink:link,
body#stats a.pink:visited {
background: white;
color: #3d6171;
padding: 0px 2px 0px 3px;
text-decoration: none;
}



/* PAGE: ORGANISATION ----------------------------------------------------- */

body#organisation table { width: 740px; }

body#organisation h2 {
padding: 5px 0 2px 0;
margin: 28px 0 15px 0;
width: 740px;
border-bottom: 2px solid white;
}

#authordetails td.left { width: 20%; }

#authordetails input[type=text],
#authordetails input[type=password] {
width: 200px;
}

.explain { color: white; }

#authordetails input[type=submit] { width: 90px; margin: 15px 0;}

div#authors { margin: 15px 0 35px 0; }

#authors input[type=text] { width: 125px; }
#organisation input[type=submit] { width: 90px; }
#organisation td { padding: 0; }
#organisation td.right { 
text-align: right;
width: 100px; 
padding: 0;
}

input.cat { width: 200px; }
input.desc { width: 410px; }

tr.last td { border: none; }
tr.last td input { margin-top: 18px; }


/* PAGE: SETTINGS ----------------------------------------------------- */

body#settings table { 
width: 740px;
table-layout: fixed;
}

body#settings h2 {
padding: 5px 0 2px 0;
margin: 28px 0 5px 0;
width: 740px;
border-bottom: 2px solid white;
}

body#settings td {
vertical-align: top;
padding: 5px 0 5px 0;
margin-right: 15px;
}

body#settings th { padding-top: 30px; }

body#settings input[type=text],
body#settings input[type=password],
body#settings textarea,
body#settings select
{ width: 270px; }

body#settings td.right {
color: white;
font-size: 0.9em;
}

body#settings td.left,
body#settings th.left { width: 170px; }


body#settings #last th { padding: 20px 0 10px 0; }
body#settings .savebutton { margin: 30px 0 -20px 0; text-align: center; }
body#settings form .savebutton input { width: 140px; }

body#settings td.right a:link, 
body#settings td.right a:visited { color: white; } 

body#settings td select.itcats {
width: 127px;
margin: 0 6px 6px 0;
}

.coverart {
width: 70px;
height: 70px;
float: left;
padding: 3px;
border: 1px white solid;
margin: 0 11px 11px 0;
}

.rssimage {
float: left;
padding: 3px;
border: 1px white solid;
margin: 0 11px 11px 0;
}


/* PAGE: JAVALOAD  ----------------------------------------------------- */

body#javaload {
text-align: center;
font: normal 75%/1.4 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana, sans-serif;
background: #97B8BE;
color: white;
}

body#javaload div#wrapper {
text-align: center;
width: auto;
margin: 0;
padding: 15px;
position: static;
overflow: auto;
}

body#javaload #footer {
display: none;
}

body#javaload h1 {
background: none;
text-transform: uppercase;
letter-spacing: 0.1em;
font: bold 1.7em/1 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana, sans-serif;
padding: 0;
width: auto;
color: white;
border: none;
margin: 0 0 15px 0;
}

body#javaload input {
margin-top: 15px;
font-size: 13px;
}



/* PAGE: ID3  ----------------------------------------------------- */

body#id3 {
background: #97B8BE;
}

body#id3 h1 {
background: none;
padding-top: 20px;
}

body#id3 table {
width: 740px;
}

body#id3 td {
vertical-align: top;
padding: 5px 10px 5px 0;
height: 2.2em;
}

body#id3 input, textarea {
width: 270px;
}

body#id3 textarea {
height: 130px;
}

body#id3 #save {
margin-top: 25px;
text-align: center;
}

body#id3 #save input{
width: 140px;
}

body#id3 #imagechooser {
clear: both;
width: auto;
text-align: left;
margin-left: 10px;
}

body#id3 img {
border: 1px solid white;
margin: 0 10px 7px 10px;
float: left;
}

body#id3 td.right {
text-align: right;
padding: 5px 0 0 10px;
}

body#id3 .help {
color: white;
font-size: 0.9em;
}

body#id3 td.text {
text-align: left;
width: 110px;
padding: 5px 0 0 0;
}

body#id3 #footer {
display: none;
}


/* PAGE: Ping  ----------------------------------------------------- */

body#ping {
background: #97B8BE;
}

body#ping #wrapper {
padding-top: 12px;
}

body#ping h1 {
background: none;
padding-top: 20px;
width: 150px;
}

body#ping input {
width: 140px;
margin-top: 10px;
}

body#ping img,
body#ping p {
vertical-align: middle;
}

body#ping #footer {
display: none;
}

body#ping form, 
body#ping fieldset {
border: none;
}

body#ping iframe {
border: none;
width: 0px;
height: 0px;
}