html, form { margin: 0; padding: 0; height: 99% }
body { background-color: white; font-family: verdana; margin: 0; padding: 0; height: 100% }
span { color: black; font-size: small }
p    { color: black; font-size: small; text-align:justify }
img  { border-style: none }
a         {font-size: small}
a:link    {color: #000080}
a:visited {color: #000080}
a:hover   {color: #0000ff}
a:active  {color: #000080}

.border { border-style: dashed }

p.bigerror { font-size: larger; color: red }
p.error    { color: red; font-weight: bold }

#compare table { height: 50% }
#compare p     { text-align: center }
#compare p.question { text-align: center; font-family: arial; font-size:150%; margin: 15px }

#ranks table { height: 100%; width:50%; }
#ranks td { text-align: left; }
#ranks th { text-align: left; }

#picdetails td { vertical-align: middle }

div.search { height: auto; text-align: left }
#search table { width: 100%; text-align: center }
#search td,#search p { width: auto; text-align: center; white-space: nowrap }
#search td.cat { width: 33%; text-align: right }
#search td.slider { text-align: left; width: 10%; background-color: red }
#search td.value { width: 50%; text-align: left }

#search table.searchresult {background-color: red}
#search td.rank { text-align: center }
#search td.user { text-align: center }
#search td.picname { text-align: center }

.compact { padding: 0; margin: 0; height: 10px; border: dotted  }

/* NEW STYLES */


div.widget { margin-bottom: 10px; height: auto; width: 100%; border-style:solid; border-width: 1px; border-color: #ed0000 }
.wtitle { font-size: large; text-align: left }

span.title  { color: red; font-size: 250% }
a.title:link  { color: red; font-size: 250%; text-decoration: none }
a.title:visited  { color: red; font-size: 250%; text-decoration: none }
a.title:hover  { color: red; font-size: 250%; text-decoration: none }
a.title:active  { color: red; font-size: 250%; text-decoration: none }
span.title2 { color: black; font-size: 170% }

#navbar ul { position: relative; left: 0; padding: 0cm }
#navbar ul li { display: inline;  padding: 2px 6px; }
#navbar li { border-left: 1px solid black }
#navbar li.firstchild { border-left-style: none }

#dtitlerow { top: 0; left: 0; margin: 5px }
#dadsense { position: absolute; top: 0; right: 0; height: 65; width: 468; margin: 5px }

#dcontent { float: left; width: 60%; padding: 1cm; }
#dright   { float: right; width: 22%; margin: 10px }

#spacer { height: 95%; float: left; border: 1px solid white; padding: 0; margin: 0 }
#dcopyright { position: relative; clear: both; height: 5%; width: 98%; float:bottom; border: 1px solid white }
#dcopyright p { text-align: center; position: absolute; bottom: 1px; width: 100%; margin: 0; padding: 0 }

#dbrowse h1 { width: 100% ; width: 100%; text-align: center }
#dbrowse table { width: 80%; text-align: center; margin-left: 15%; margin-right: 15% }
#dbrowse td { text-align: center }

#signin { float: both; width: 50%; position: relative; left: 25%; top: 10% }
#signin table { width:100%; height:100% }
#signin table.signin { height: auto; border-style:solid; padding: 1cm; border-width: 2px; border-color: #ed0000 }
#signin table.inside { width: 80% }
#signin td.r { text-align: right }
#signin td.c { text-align: center }
#signin h1 { color: red; font-size: 300% }
#signin ul { text-align: left; color: red}

#pic table { height: 0%; width: 0%; background-color: black }
#pic span  { color: white }
#pic td    { text-align: center }
#pic p     { text-align: center; color:white; font-style: italic }

#mypics table { width: 100% }
#mypics td.name { }
#mypics .views { text-align: right  }
#mypics .del { text-align: right; width:40px }

#dloginwidget table { width: 100% }