/* 
  35mm Photo Viewer V4a
  ---------------------
  Lots of style.
*/

#photoSelector a {
 color:#ffcccc;
}

#photoSelector a:hover {
 color:#ff9999;
}

#header {
 color:#fff;
 background:transparent url(../image/alpha/collection_top_bg.png) 0px 0px no-repeat;
}

#photoSelector .dark {
 /* dark collection variant */
 background-color:#dedede;
}

#photoSelector div.collection hr {
 background:#ddd;
}

#photoSelector h2 {
 color:#fff;
}

#photoSelector div.collection h2,
#photoSelector ul li.page div.collection ul,
#photoSelector div.item h2.png,
#photoSelector div.item .content {
 background:transparent url(../image/alpha/collection_top_bg.png) 0px 0px no-repeat;
 padding-left:10px;
 padding-top:2px;
 width:256px;
 w\idth:246px; /* ie6 */
}

#photoSelector div.item h2,
#photoSelector div.collection h2 {
 padding-top:5px;
}

#photoSelector div.item .content {
 color:#f6f6f6;
}

#photoSelector ul li.page div.collection ul,
#photoSelector div.item .content {
 background:transparent url(../image/alpha/photo_collection_bg.png) 0px 0px repeat-y;
}

#photoSelector ul li.page div.collection div.clear,
#photoSelector div.item div.clear {
 /* bottom */
 background:transparent url(../image/alpha/collection_bottom_bg.png) 0px 0px no-repeat;
}

#photoSelector .pages {
 /*background:#e9e9e9 url(../image/alpha/page_bg.png) 0px 0px repeat-x;*/
}

#photoSelector .pages ul li a {
 color:#fff;
 background:#ccc url(../image/alpha/page.png) 50% 50% no-repeat;
 border:1px solid #aaa;
}

#photoSelector .pages ul li a:hover,
#photoSelector .pages ul li a.active {
 background:#ddd url(../image/alpha/page_1.gif) 50% 50% no-repeat;
 color:#eee;
 border:1px solid #999;
 border-bottom:1px solid #aaa;
}

#photoSelector .pages ul li a.active,
#photoSelector .pages ul li a.active:hover {
 background:#eee url(../image/alpha/page_1.gif) 50% 50% no-repeat;
 border-bottom:1px solid #eee;
}

#photoSelector ul li.page div.title a {
 border-left:1px solid #aaa;
 border-right:1px solid #fff;
}

#photoSelector ul li.page div.collection ul li a,
a.related {
 background:transparent url(../image/alpha/picture.gif) 0px 0px no-repeat;
 width:15px;
 height:15px;
}

#photoSelector ul li.page div.collection ul li a:hover {
 background-image:url(../image/alpha/picture_1.gif);
}

#photoSelector ul li.page div.collection ul li a.selected {
 background-image:url(../image/alpha/picture_1.gif);
}

/* icon-specific variants */

#photoSelector ul li.page div.collection ul li a.related {
 background-image:url(../image/alpha/related.gif);
}

#photoSelector ul li.page div.collection ul li a.video {
 background-image:url(../image/alpha/video.gif);
}

#photoSelector ul li.page div.collection ul li a.related:hover {
 background-image:url(../image/alpha/related_1.gif);
}

#photoSelector ul li.page div.collection ul li a.video:hover {
 background-image:url(../image/alpha/video_1.gif);
}

/* Thumbnail previews */

#thumbnailContainer {
 background:transparent url(../image/alpha/thumbnail_shadow.png) 0px 0px no-repeat;
}

#thumbnailContainer div.thumbnail {
 /* scoped within body */
 background:#ccc url() 0px 0px no-repeat;
 border:1px solid #fff;
}

#caption {
 background-image:url(../image/alpha/caption_shade.png);
}

/* image loader */

#loader {
 background:transparent url(../image/alpha/loader_bg.png) 0px 0px no-repeat;
}

#loader .faceplate {
 background:transparent url(../image/alpha/loader_faceplate.gif) 6px 5px no-repeat;
}

#loader .progress {
 background:transparent url(../image/alpha/loader_progress.gif) 6px 18px no-repeat;
}

/* #container > #controls */

#controls .tab.photos {
 left:5px;
 background-image:url(../image/alpha/tab_photos.png) !important;
 background-repeat:no-repeat;
}

#controls .tab.photosIE {
 left:5px;
 background-image:url(../image/alpha/tab_photos.gif);
}

#controls .tab.photos:hover,
#controls .tab.photos.active {
 background-image:url(../image/alpha/tab_photos_active.png) !important;
 background-repeat:no-repeat;
}

#controls .tab.search {
 left:26px;
 background-image:url(../image/alpha/tab_search.png) !important;
 background-repeat:no-repeat;
}

#controls .tab.searchIE {
 left:26px;
 background-image:url(../image/alpha/tab_search.gif);
}

#controls .tab.search:hover,
#controls .tab.search.searchHover,
#controls .tab.search.active {
 background-image:url(../image/alpha/tab_search_active.png) !important;
 background-repeat:no-repeat;
}

#controls .tab.about {
 left:47px;
 background-image:url(../image/alpha/tab_about.png) !important;
 background-repeat:no-repeat;
}

#controls .tab.aboutIE {
 left:47px;
 background-image:url(../image/alpha/tab_about.gif); 
}

#controls .tab.about:hover,
#controls .tab.about.aboutHover,
#controls .tab.about.active {
 background-image:url(../image/alpha/tab_about_active.png) !important;
 background-repeat:no-repeat;
}

#controls .bar {
 background:transparent url(../image/alpha/search_bar_bg.png) 0px 0px no-repeat;
}

/* page controls */

#controls a.pageLink {
 background:transparent url(../image/alpha/page.gif) 0px 2px no-repeat;
}

#controls a.pageLink:hover {
 background:transparent url(../image/alpha/page_1.gif) 0px 2px no-repeat;
}

#controls a.pageLink:focus,
#controls a.pageLink.selected {
 background:transparent url(../image/alpha/page_selected.gif) 0px 2px no-repeat;
}

/* Search form - #controls>#search */

#controls form,
#controls div.photoControls {
 color:#fff;
 /*background:transparent url(../image/alpha/search_bar_faceplate.gif) 0px 0px no-repeat;*/
}

#controls form input {
 background:transparent url(../image/alpha/search_bar_input_bg.gif) 0px 1px repeat-x;
 font:9px small fonts;
 font-weight:bold;
 color:#999;
}

#controls form input:focus,
#controls form input.focus {
 background:transparent url(../image/alpha/search_bar_input_bg_active.gif) 0px 1px no-repeat;
 color:#333;
}

#controls form a.go {
 background:transparent url(../image/alpha/search_bar_go_disabled.gif) 0px 1px no-repeat;
}

#controls form a.go.enabled {
 background:transparent url(../image/alpha/search_bar_go_enabled.gif) 0px 1px no-repeat;
}

#controls form a.go.enabled:hover,
#controls form a.go.enabled.hover {
 background:transparent url(../image/alpha/search_bar_go_enabled_hover.gif) 0px 1px no-repeat;
}

#controls a.minimize {
 background:transparent url(../image/alpha/search_bar_minimize.gif) 0px 1px no-repeat;
}

#controls a.minimize:hover,
#controls a.minimize.active,
#controls a.minimize.minActive {
 background:transparent url(../image/alpha/search_bar_minimize_hover.gif) 0px 1px no-repeat;
}

/* photo controls */

#search b.error {
 color:#fff;
}

#search .results .result {
 background:transparent url(../image/alpha/search_result_bg.png) 0px 0px no-repeat;
}

#search .results .result:hover .details {
 background:transparent url(../image/alpha/search_result_bg_active.gif) 0px 0px no-repeat !important;
}

html>body #search .results .result:hover .details {
 background:transparent url(../image/alpha/search_result_bg_active.png) 0px 0px no-repeat !important;
}

* html #search .results .result.hover .details {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/alpha/search_result_bg_active.png', sizingMethod='scale') !important;
}

#search .results .result .details .thumbnailContainer {
 background:transparent url(../image/alpha/search_result_thumb_bg.png) 0px 0px no-repeat;
}

#search .results .result .details .thumbnailContainer .thumbnail {
 border:1px solid #eee;
}

#search .results .result .details .description {
 font:9px small fonts;
 color:#fff;
}

#debug {
 background-color:#eee;
 border:1px solid #fff;
 color:#666;
 font:9px lucida console;
 display:none;
}

#about-descriptor {
 color:#fff;
}