#leftblock
{
  border-right:2px dotted #5f89c2;
}

#allalbums
{ 
  margin:10px 10px 10px 10px;
  padding:10px 10px 10px 10px;
}

#allalbums img.albumicon
{
  border:2px solid #5f89c2;
  height:150px;
  max-width:200px;
  margin:10px 10px 0 0;
}
#allalbums img.albumicon:hover {border:2px solid #f8b053;}

#allalbums div.albuminfo
{
    position:absolute;
  top:70px;left:100px;
  visibility: hidden;
  border:6px outset #5f89c2;
  background-color:#ffffff;
  z-index: 10;
  max-width:20em;
  /*width:10em;*/
  padding:5px 10px 5px 10px;
  text-decoration:none;
  color:black;

  /*padding:10px 10px 10px 10px;
  border:2px solid #000723;
  -moz-border-radius:15px;
     */
}
#allalbums div.albuminfo:hover
{
  background-color:black;
  border:2px solid #5f89c2;
  cursor:pointer;
  -moz-border-radius:15px;
}

#allalbums div.albuminfo div.albumtitle
{ 
  background-color:#5f89c2;
  color:white;
  text-align:center;
  padding:0 10px 0 10px;
  font-weight:bold;
  font-size:1em;
  -moz-border-radius:0 0 15px 15px;
}

#allalbums div.albuminfo:hover div.albumtitle { background-color:#f8b053;color:black;}

#allalbums div.albuminfo div.albumdesc
{
  margin:5px 0 0 0;
  padding:5px 0 10px 0;
  font-weight:bold;
  border-bottom:2px solid black;
}

#allalbums div.albuminfo div.albumnbpics
{
  text-align:right;
}

img.thumb { margin:2px 5px 2px 5px;width:150px;border:2px solid #000723;}
img.thumb:hover { border:2px dotted white;}

#viewanother
{
  position:absolute;
  top:70px;left:100px;
  visibility: hidden;
  border:6px outset #5f89c2;
  background-color:#ffffff;
  z-index: 10;
  max-width:20em;
  max-height:20em;
  overflow: auto;
  /*
     background-image:url('/images/line.gif');
     background-repeat:repeat-x;
     background-position:top right;
  */
  /*width:10em;*/
  padding:5px 10px 5px 10px;
  text-decoration:none;
  color:black;
  -moz-border-radius:15px;
}

#viewanother table
{
  text-align:left;
}

#viewanother table tr.albumsmall:hover {background:black;color:white;cursor:pointer}
#viewanother table tr td.closetop {border-bottom:2px solid black;}
#viewanother table tr td.closebottom {border-top:2px solid black;}

#imgclose{cursor:pointer;width:10px;border:1px solid black;}

a.nextprev {margin:0 2px 0 2px;font-weight:bold;text-decoration:none;}
a.nextprev:hover {font-style:italic;text-decoration:none;}

a.anotheralbumlink span {font-style:italic;font-weight:bold;color:#5f89c2;text-decoration:none;}
a.anotheralbumlink:hover span {color:#f8b053;text-decoration:none;}


#selectedpics
{
  width:100%;
  text-align:center;
  margin-top:20px;
}
#selectedpics td.centerpic { width:50%;max-height:550px;margin-bottom:10px;}
#selectedpics td.sidepic { width:25%;padding-right:20px;}
#selectedpics td.sidepic { width:25%;padding-left:20px; }
#selectedpics td.centerpic img
{
  max-width:400px;
  margin-bottom:10px;
}

#selectedpics td.sidepic div.sidepiccontent { cursor:pointer;}

#selectedpics td.sidepic div.sidepiccontent img { width:80px;border:1px solid #000723; }
#selectedpics td.sidepic div.sidepiccontent:hover img { width:80px;border:1px solid white; }

#selectedpics td.sidepic div.sidepiccontent span.np {visibility:hidden;}
#selectedpics td.sidepic div.sidepiccontent:hover span.np {visibility:visible;}

#selectedpics td.sidepic div.sidepiccontent span.arrow {visibility:visible;}
#selectedpics td.sidepic div.sidepiccontent:hover span.arrow {visibility:hidden;}



#picbrowser table tr td.browserselectedpic img
{
  border:2px solid white;
  width:80px;
  margin:0 5px 0 5px;
}

#picbrowser table tr td.browserpic img
{
  border:2px solid #000723;
  width:80px;
  margin:0 5px 0 5px;
  cursor:pointer;
}

#picbrowser table tr td.browserpic img:hover
{
  border:2px dotted white;
}