/*
div.photoalbum { width: 582px; position: relative; margin: 5px 0; padding: 0; clear: both; }
div.photoalbum h1 { font-size: 18px; margin: 0; padding: 0; }

div.photoalbum div.rightLinks { position: relative; top: 5px; }
div.photoalbum a:link, div.photoalbum a:visited { font-size: 12px; color: #003399; text-decoration: underline; }
div.photoalbum a:hover, div.photoalbum a:active { text-decoration: none; }
div.photoalbum a.midLink { margin: 0 0 0 2px; font-size: 12px; position: relative; top: -5px; }
div.photoalbum p.green { color: #62A40A; font-weight: bold; display: inline; }
*/
div.photoalbum p.white { color: #FFF; }
/*
div.photoalbum a.jumpLeft { background: #333; display: block; height: 440px; .height: 462px; position: absolute; top: 0; left: 0; bottom: 0; width: 15px; }
div.photoalbum a.jumpLeft img, div.photoalbum a.jumpRight img { position: absolute; top: 50%; left: 4px; margin-top: -6px; }
div.photoalbum a.jumpRight { background: #333; display: block; height: 440px; .height: 462px; position: absolute; top: 0; right: 0; bottom: 0; width: 15px; }
*/

/*wt super F */

/** WHY ARE THESE HERE? */
#content ul {padding: 0}
#content ul li {margin: 0}

.caption {font-weight: bold; margin: 3px; text-align: center}

.photoAlbum {font: normal 12px Arial; height: 511px; margin-bottom: 20px; width: 100%}
.photoImageContainer {height: 408px; margin: 0 auto; position: relative; }
.photoImage { line-height: 400px; height: 400px; text-align: center; }
.photoImage img { padding: 0px 2px 0px 0px; vertical-align: middle; border: none; margin 0 auto; }

.infoBarContainer {background-image: none; bottom: 5px; .bottom: 3px; height: 25px; margin: 0 3px; .margin: 0 3px 0 4px; position: absolute; width: 100%; .width: 534px; z-index: 1; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.infoBar {bottom: 0px; line-height: 20px; margin: 0 5px; position: absolute; width: 533px; z-index: 2}
.infoBar span.caption, .infoBar span.white {margin: 0 5px}
.infoBar span span {} /* necessary for image 1 of n spacing? */
.infoBar span a {font-weight: normal}
#body .gray .infoBar span a, #body .gray .infoBar span a:hover, #body .gray .infoBarMini span a, #body .gray .infoBarMini span a:hover { color: #666666; text-decoration: none; }

.thumbnails {margin: 10px 0; position: relative}
.thumbnails div.thumbnailsContainer {left: 50px; position: relative; top: 0; width: 485px; overflow: hidden; }
.thumbnails ul {position: relative; top: 0; width: 99999px;}
#content .thumbnails li, #header .thumbnails li, #footer .thumbnails li {float: left; list-style: none; margin: 0 7px 0 0; padding: 0 2px 2px 0}
#content .thumbnails li.selected, #header .thumbnails li.selected, #footer .thumbnails li.selected { background: none; border: 1px solid #fff; }
.thumbnails li span.pad {display: block; height: 43px; padding: 0 2px 2px 0; overflow: hidden; text-align: center; vertical-align: middle; width: 48px}
.thumbnails li span.pad img {padding: 2px 0 0 2px}

.arrowLeft {left: 18px; position: absolute; top:12px}
.arrowRight {position: absolute; right: 18px; top:12px}
.arrowLeft, .arrowRight {cursor: pointer; display: block; font: bold 12px Arial; height: 22px; line-height: 19px; text-align: center; width:22px}

.sidebar .photoAlbum {height: 206px; width: 178px}
.sidebar .photoImageContainer {height: 116px; margin: 0 auto; position: relative; width: 151px}
.sidebar .photoImage { margin: 0 auto 0 auto; text-align: center; line-height: 113px; height: 113px; vertical-align: middle; width: 148px; _padding-top: 10px; }

.sidebar .infoBarContainer {display: none}
.sidebar .infoBar {display: none}
.sidebar .infoBarMini {line-height: 20px; margin: 10px 3px; text-align: center}
.sidebar .infoBarMini span a {font-weight: normal}

.sidebar .thumbnails {display: none}

.sidebar .arrowLeft, .sidebar .arrowRight {display:none}

div.photoBg { background: #000; overflow: hidden; height: 425px; .height: 450px; padding: 6px 0; .padding: 0; width: 580px; position: relative; text-align:center; }
div.photoBg p input { line-height:18px; height:18px; font-size: 13px; border: 1px solid #4286AE; text-align: center; width: auto; background-color: #000; color: #fff; }

div.photoHolder { height:400px; margin: 0 auto; width:558px; text-align:center; }

div.photoList { background: #232323; height: 50px; width: 580px; position: relative; }
div.photoCover { position: absolute; top: 8px; left: 39px; .left: 38px; height:40px; overflow:hidden; width: 510px; z-index: 20; }
div.photoBin { position: absolute; height:50px; width: 20000px; }
div.photoBin div.photos { background: none; float: left; margin: 0 10px 0 0; cursor: pointer; border: 1px solid #606060; }
div.photoBin div.selected { background: none; border: 1px solid #FFF; }

div.popDown { position: absolute; top: -61px; left: 2px; height:60px; width:576px; margin: 0; padding: 0; text-align: left; z-index: 25; }
div.popDown label { font-size: 12px; font-weight: bold; }
div.popDown div.top { background: #FFF; height: 50%; width: auto; padding: 0 10px; position: relative; }
div.popDown div.bottom { background: #DEDEDE; height: 50%; width: auto; padding: 0 10px; position: relative; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }
div.popDown div.bottom input { margin-right: 20px; }
div.popDown div.bottom label { position: relative; top: -7px; }
div.popDown div.info { position: relative; top: 4px; }

div.popUp { position: absolute; top: -115px; left: 8px; height:auto; width:110px; text-align: center; z-index: 10; }
div.popUpImage { text-align: center; margin: 0; padding: 0; }
div.popUp img { border: 2px solid #FFF; margin: 0; padding: 0; vertical-align: top; }
div.popUp img.pointer { border: none; margin: 0; padding: 0; height: 5px; }

div.photoalbum div.photoAddPlay { margin: 10px 0; text-align: center; }
div.photoalbum div.photoAddPlay a { font-size: 14px; font-weight: bold; margin-left: 20px; text-decoration: none; }
div.photoalbum div.photoAddPlay a.span { position: relative; font-size: 12px; top: -15px; left: 7px; margin-left: 0; text-decoration: underline; }
div.photoalbum div.photoAddPlay a:hover.span { text-decoration: none; }
/*
td.placeHolder div.image span, div.placeHolder div.image span { font-size: 10px; }
td.placeHolder, div.placeHolder { height: 63px; width: 87px; _width: 72px; padding: 0 13px 0 0; margin-bottom: 10px; _margin-bottom: 10px; position: relative; top: 0; left: 0; vertical-align: middle; text-align: center; }
td.placeHolder a, div.placeHolder a { display: block; height: 63px; width: 87px; position: relative; }
td.placeHolder a img, div.placeHolder img { border: none; }
td.placeHolder span.caption { font-size: 10px; font-family: Arial, Helvetica, sans-serif; width: 100%; .padding-left: 10px; }
td.placeHolder img.plus, div.placeHolder img.plus { position: absolute; display: none; top: 3px; left: 20%; }
td.placeHolder:hover img.plus, div.placeHolder:hover img.plus { position: absolute; display: block; }
td.hover img.plus, div.hover img.plus { position: absolute; display: block; }
td.placeHolder img.minus, div.placeHolder img.minus { position: absolute; display: none; top: 3px; left: 20%; }
td.placeHolder:hover img.minus, div.placeHolder:hover img.minus { position: absolute; display: block; }
td.hover img.minus, div.hover img.minus { position: absolute; display: block; }
td.placeHolder div.image img, div.placeHolder div.image { margin: 0 auto; text-align: center; }
td.placeHolder div.image img, div.placeHolder div.image img { background: #FFF; border: 1px solid #A4AAB1; padding: 2px; } 
*/
