.hr {
    height: 1px;
    background: url(dotted-line.gif) repeat-x;
    padding: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    margin: 2px 10px 2px 0px;
    font-size: 1px;
}


.dim {
    /* see colors.css */
}


/************************************************************************/
/* styles for the toplevel album list                                   */
/************************************************************************/


table.toplevel_album_list {
    border: 0px;
    margin: 20px 0px 50px 0px;
    border-collapse: collapse;
}

/*.toplevel_album_list {
    padding: 5px 10px 100px 10px;
}*/

.toplevel_album_list td {
    padding: 2px 10px 2px 2px;
    vertical-align: top;
}

.toplevel_album_list td.sidebar {
}
.toplevel_album_list td.sidebar ul {
    border: 0;
    margin: 0;
    padding: 2px;
    text-align: left;
}
.toplevel_album_list td.sidebar li {
    display: block;
    list-style-type: none;
    font-size: 1.2em;
    height: 1.5em;
    margin: 0px;
    padding: 0px;
}
.toplevel_album_list td.sidebar li a {
    display: block;
    padding-left:  10px;
    padding-right: 10px;
}
.toplevel_album_list td.sidebar li.selected a { 
    /* see colors.css */
}


.collections {
}
.collections ul {
    border: 0;
    margin: 0;
    padding: 2px;
    text-align: left;
}
.collections li {
    display: inline;
    list-style-type: none;
    font-size: 1.1em;
    height: 1.4em;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    background: url(small-dot.gif) no-repeat left;
}
.collections li.first {
    background: url(spacer.gif) no-repeat left;
}
.collections li a {
    padding-left:  10px;
    padding-right: 10px;
}
.collections li.selected a { 
    /* see colors.css */
}


/*.toplevel_album_list h3 {
    clear: both;
    font-size: 130%;
}*/


.toplevel_album_list .album {
    padding-left: 20px;
    clear: both;
    margin-bottom: 10px;
    line-height: 1.2em;
}
.toplevel_album_list .album .date {
    font-size: 0.8em;
}


.toplevel_album_list .album .photo {
    border-width: 1px; border-style: solid;
    float: left;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 10px;
}


.collections a {
}
.collections a span.tooltip {
    display: none;

    width: 20em;
    position: absolute;
    border-width: 1px; border-style: solid;
    font-size: 0.8em;
    text-align: left;
    text-decoration: none;
    padding: 2px 5px 2px 2px;

    filter: alpha(opacity=90);   /* Internet Explorer       */
    opacity: 0.90;               /* newer Mozilla and CSS-3 */
}
.collections a:hover {
    text-decoration: none;
}
.collections a span.tooltip .album {
    display: block;
    clear: both;
    padding: 2px 1px 2px 1px;
}
.collections a span.tooltip .album img {
    border-width: 1px; border-style: solid;
    float: left;
    margin-right: 5px;
}

.collections .page a:hover {
    font-size: 100%;     /* this is needed to get around an IE bug */
}




/************************************************************************/
/* styles for the sub-album list                                        */
/************************************************************************/

.subalbum_list table {
    border: 0px;
    margin: auto;
    padding: 0px;
    border-collapse: collapse;
}
.subalbum_list table td {
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 20px;
}
.subalbum_list div.polaroid {
    padding: 5px 5px 10px 5px;
    border-width: 1px; border-style: solid;
    text-align: center;
    width: 145px;
    margin: auto;
}

.subalbum_list .polaroid img.photo {
    border-width: 1px; border-style: solid;
    margin: 5px;
}



/************************************************************************/
/* styles for the photo index                                           */
/************************************************************************/

.photo_index table {
    border: 0px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

.photo_index table td {
    padding: 5px 5px 15px 5px;
    text-align: center;
    vertical-align: top;
}

.photo_index h3 {
    font-size: 1.1em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.photo_index h3 .date {
    font-size: 0.8em;
}

.photo_index table.photo {
    border: 0px;
    margin: auto;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}
.photo_index table.photo td {
    padding: 0px;
}
.photo_index img.photo {
    border-width: 1px; border-style: solid;
}


/************************************************************************/
/* styles for the album title                                           */
/************************************************************************/

.album_titles {
    margin: 5px 0 10px 0;
}
.album_titles ul {
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.album_titles ul li {
    display: inline;
    list-style-type: none;
    text-align: left;
    height: 1.0em;  /* for some reason IE 5.0 seems to need this to get */
                    /* the double-arrow to line up correctly            */
    margin: 0px;
    padding: 0px 5px 0px 20px;
    background: url(double-arrow.gif) no-repeat left;
}
.index_page .album_titles ul li {
    font-size: 1.25em;
}
.photo_page .album_titles ul li {
    font-size: 0.9em;
}
.album_titles .date {
    font-size: 0.8em;
}

/************************************************************************/
/* styles for page numbers                                              */
/************************************************************************/
.pages {
    position: relative;
}
.pages .current_page {
    float: left;
    font-size: 1.2em;
}
.list_of_pages {
    text-align: right;
    line-height: 1.5em;
}
.list_of_pages .page {
    padding-left: 0.3em;
}
.list_of_pages .dim {
    padding-left: 0.3em;
}

.list_of_pages .page a {
    font-size: 1.0em;
}
.list_of_pages .selected    { /* see colors.css */ }
.list_of_pages .selected a  { /* see colors.css */ }
.list_of_pages .page a, .list_of_pages .page a:hover { 
    text-decoration: none;
}
.list_of_pages .page a span.tooltip {
    display: none;

    width: 30em;
    position: absolute;
    border-width: 1px; border-style: solid;
    font-size: 0.8em;
    text-align: left;
    text-decoration: none;
    padding: 2px 5px 2px 2px;

    filter: alpha(opacity=90);   /* Internet Explorer       */
    opacity: 0.90;               /* newer Mozilla and CSS-3 */
}
.list_of_pages .page a span.tooltip img {
    border-width: 1px; border-style: solid;
    float: left;
    margin-right: 5px;
}
.list_of_pages .twolines a span.tooltip { top:   5em; right: 5px; }
.list_of_pages .oneline  a span.tooltip { top: 2.5em; right: 5px; }
}

.list_of_pages .page a:hover {
    font-size: 100%;     /* this is needed to get around an IE bug */
}




/************************************************************************/
/* photo pages                                                          */
/************************************************************************/

table.tight {
    border: 0px;
    margin: auto;
    padding: 0px;
    border-collapse: collapse;
}
table.tight td {
    padding: 0px;
}

.photo_page {
    padding-bottom: 50px;
}

.photo_page .topbar {
    margin: 0px 0px 0px 0px;
    padding: 2px 0 2px 0;
    text-align: center;  
    height: 46px;
}

.photo_page .topbar .counter {
    padding-right: 5px;
    padding-top: 6px;
    vertical-align: middle;
    float: right;
    width: 95px;
}
.photo_page .topbar #counter {
    padding-right: 0px;
    font-size: 1.2em;
    text-align: right;
}

.photo_page .topbar .tnails {
    float: left;
}

.photo_page .tnails img.tiny, .tnailsEffect .tinyEffect {
    margin: 1px 2px 1px 2px;
    border-width: 1px; border-style: solid;
    vertical-align: bottom;
}
.photo_page .tnails a.selected img, .tnailsEffect a.selected img.tinyEffect {
    margin: 0px 1px 0px 1px;
    border-width: 2px; border-style: solid;
}
.photo_page .tnails img.blank, .tnailsEffect img.blank {
    margin: 2px 3px 2px 3px;
    border: 0px;
    vertical-align: bottom;
}

.photo_page .tnails img.index {
    margin: 1px 2px 1px 7px;
    border: 0px;
    vertical-align: bottom;
}

.photo_page .topbar .button { 
    border: 0px;
    padding: 3px 1px 0px 1px;
    vertical-align: bottom;
}
.photo_page .topbar td.slower, .photo_page .topbar td.faster {
    text-transform: lowercase;
    font-size: 0.8em;
}


.photo_page #link { 
    font-size: 0.8em;
    display: block;
    width: 11em;
    text-align: right;
}
.photo_page #link img { border: 0px; float:left;}

.loading { 
    font-size: 0.8em;
    text-align: right;
}


/* for some reason, IE needs this style to be defined before
 * it can apply opacity settings in javascript */
.slideshowContainerEffect {
    filter: alpha(opacity=99);   /* Internet Explorer       */
    opacity: 0.99;               /* newer Mozilla and CSS-3 */
}


.photo_page #slideshowContainer {
    padding: 0px 0px 0px 15px;
}
.slideshowContainerEffect {
    padding: 0px 0px 0px 0px;   /* for IE 5 */
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0px 0px 0px 15px;  /* for compliant browsers */
}
html>body .slideshowContainerEffect {
    padding: 0px 0px 0px 15px;  /* for opera */
}

.photo_page img#photo, img.photoEffect {
    border-width: 1px; border-style: solid;
    padding: 6px; 
}

.photo_page #title, .titleEffect {
    padding: 2px 0px 5px 0px;
    font-size: 1.2em;
     text-align: left;
}
.photo_page #title .date, .titleEffect .date {
    font-size: 0.8em;
    float: right;
    padding-left: 20px;
    padding-bottom: 0px;
    font-style:italic;
}
.photo_page #descr, .descrEffect {
    padding: 10px 0px 0px 20px;
}


.photo_page #exifTab, .photo_page #exif {
    cursor: pointer;
    position: absolute;
}
.photo_page #exif {
    background:url(slideshow/tab-B.gif) right bottom repeat-x;
    margin: auto;
    width: 20em;
}
.photo_page #exif div {
    background:url(slideshow/tab-R.gif) right top repeat-y;
}
.photo_page #exif div div {
    background:url(slideshow/tab-T.gif) left top repeat-x;
}
.photo_page #exif div div div {
  background:url(slideshow/tab-TR.gif) right top no-repeat;
}
.photo_page #exif div div div div {
  background:url(slideshow/tab-BR.gif) right bottom no-repeat;
  padding:6px 7px 4px 0px;
}
.photo_page #exif div div div div div {
  padding-left:5px;
  background: #444;
  color: #fff;
}

.photo_page #exif table {
  font-size: 0.9em;
}
.photo_page #exif td.key {
    vertical-align: top;
    text-align: right;
    width: 7em;
    padding-right: 10px;
}
.photo_page #exif td.val {
    vertical-align: top;
    text-align: left;
}
.photo_page #exif dl {
    margin: 0px;
    padding: 0px;
}
.photo_page #exif dt {
    clear: both;
    float: left;
    text-align: right;
    width: 7em;
    padding-top: 0px;
    padding-right: 10px;
}
.photo_page #exif dd {
    text-align: left;
    padding: 0px;
    margin: 0px;
}


#speedSlider {
    width:  50px;
    height: 20px;
    float: right;
}

#countSlider {
    width:  95px;
    height: 12px;
    padding-top: 6px;
}


/************************************************************************/
/* miscellaneous                                                        */
/************************************************************************/

.album_descr {
    clear: both;
    padding-top: 10px;
}
.section_descr {
}

.index_page a, .photo_page a { 
    text-decoration:none;
}
.index_page a:hover, .photo_page a:hover { 
    text-decoration:underline;
}