/* 
   sick workaround for bug 
   at http://thomasoandrews.com/examples/ie/album/
 */
body * { position: relative; }

/*
 * Workaround because Mozilla was having problems with all the
 * relative positioning
 */
body > div.body * { position: static; }

h1 { clear: none; }

ul.albumIndex {
   clear: both;
}

ul.albumIndex li  {
   display: block;
   float: left;
   list-style-type: none;
   width: 10em;
   height: 8em;
   background: #EEDDFF;
   border: thin outset;
   padding: 0.5ex;
   margin: 1ex;
   line-height: 1.2;
   font-size: 1.1em;
   -moz-border-radius: 10px;
}

div.operation { float: right; clear: right; margin-top: 10px; }
.body { font-family: serif; }
div.body { position: relative; }

p.query { font-size: smaller; font-family: monospace; margin: 0 20px 2ex 20px; }
p.query:before { display: block;  margin: 0 -20px; font-size: larger; content: "SQL:"; font-family: serif; }
p.clicknote { font-style: italic; font-size: smaller; }
span.count { font-size: smaller; display: inline; white-space: nowrap;}
span.count:before { content: "["; }
span.count:after { content: "]"; }
span.desc { font-size: smaller; }
span.together { white-space: nowrap; }

span.title { display: block; font-size: 1.2em; font-weight: bold;}
ol.imageIndex {
   padding: 0;
   margin:0;
}

ol.imageIndex li {
   display:block;
   background: #DDF;
   font-size: smaller;
   list-style-type: decimal;
   float: left;
    -moz-border-radius: 10px;

   position: relative;
   width: 30%;
   padding: 5px;
   margin: 3px;
   border: 1px solid;
   overflow: hidden;
}

ol.imageIndex li a.img {
    display: block;
    float: right;
    padding-right: 1ex;
    padding-left: 1ex;
}

a.img img {
   border: 0;
}

hr.clear { position: relative; visibility: hidden; clear: both; height: 0px; padding: 0; margin:0;}

span.index {
   display: block;
   float: left;
   width: 3ex;
   text-align: right;
}

span.otherinfo {
   display: block;
   margin-left: 3.5ex;
}

div.info {
   font-size: 1.1em;
}
   

div.albumDesc {
   margin-bottom: 3ex;
}

table.queryresult td {
   vertical-align: top;
   text-align: left;
}

table.queryresult td.thumb {
   text-align: right;
   vertical-align: center;
}

table.queryresult h2 {
   margin: 0;
   font-size: 1em;
   font-weight: normal;
}

table.queryresult h3 {
   margin:0;
   font-size: 0.8em;
   font-weight: normal;
}

table.queryresult td {
   margin:0;
   padding: 3px;
   border: 1px solid;
}

table.queryresult div.note {
   font-size: smaller;
   padding-left: 1em;
}

table.queryresult {
   border-collapse: collapse;
}

table.queryresult td.index {
   border: 0;
   text-align: right;
}