/*
    colors:
    #eee
    #bba
    #775
    #332
    #911
    #f81
    #fd1
*/

body { margin: 1px; }
body, td, input, textarea, select { font-family: verdana, arial, sans-serif; font-size: 75%; }

a { color: blue; text-decoration: none; border: none; }
a:hover { color: #f81; text-decoration: underline; }

hr { width: 50%; position: relative; left: 0px; height: 0px; }

img { border: none; }

.noscript
    { color: #911; position: relative; width: 596px; left: 0px; padding: 2px; margin: 2px 2px 1em 0px;
      border: solid #332 1px; text-align: left; }

.savemessage
    { color: #911; position: relative; width: 596px; left: 0px; padding: 2px; margin: 1em 0px 2px 1em;
      font-weight: bold; border: solid #332 1px; text-align: center; }

.chargroup { color: #332; position: relative; width: 600px; left: 10px; padding: 0px;
      padding-bottom: 12px; line-height: 1.1em; margin: 0px; }

.chargroup h3 { background : #fd1; margin-bottom: 3px; margin-top: 8px; color: #332; line-height: 1.3em; font-size: 105%; }
.chargroup form { line-height: 1.7em; }

.chargroup .photo { padding-left: 6px; border: none; }

.chargroup .thumb { padding: 4px; }

.chargroup input, textarea, select
    { color: #332; border: solid 1px; border-color: silver black black silver; background-color: #eee; }

.chargroup input.checkbox
    { border: none; background-color: white; }

.chargroup input.button
    { color: #eee; border: solid 1px; border-color: black silver silver black; background-color: #332; }

.chargroup input.date
    { width: 10em; }

.chargroup .memo { width: 99%; height: 5em; }

.chargroup .more { font-size: 85%; }

.chargroup .number { text-align: right; width: 10em; }

.chargroup .message
    { color: #911; position: relative; width: 596px; left: 0px; padding: 2px; margin: 0px 0px 2px 0px;
      font-weight: bold; border: solid #332 1px; text-align: center; }

.chargroup .msgtext { color: #332; }

.chardata { position: absolute; left: 200px; }

.datacol1 { position: absolute; left: 40px; }

.datacol2 { position: absolute; left: 240px; }

.fineprint { color: silver; font-size: 9px; margin-top: 50px; }

.icon { border: none; vertical-align: text-bottom; }

.list { border: solid 1px #332; }
.list thead { font-weight: bold; text-align: center; background-color: #332; color: white; }
.list td { vertical-align: top; }

#topnav { font-size: 90%; text-align: center; width: 760px; margin: 0px; }
#quicksel { font-size: 75%; text-align: center;  width: 760px; margin: 0px; }

#album { width: 630px; height: 400px; border: solid 1px #775; margin: 0px; padding: 1px; }

#content { width: 760px; min-height: 300px; border: solid 1px #775; margin: 2px; }
#contban { position: absolute; width: 124px; top: 2.5em; left: 636px; }