/* general styles */

.albumpreview { padding:2px; border: 1px solid #CCCCCC; }
.imgthumb { float:left; width:90px; height:90px; margin: 2px; }
.imgpreview { margin-bottom: 2px;}
.imgpreview img {  }
.imgicon { float:left; width:64px; height:64px; margin: 0px }
.imgicon img{ width:100%; height: 100% }

#album_nav select { width: 160px }
#album_nav { margin: 15px 0 }
.album_content { margin-top: 15px; }

table.album_thumbs { width:100%; }
.album_thumbs td{ text-align:center; padding: 0 0 15px 0 }
.album_thumbs td.details{ width:100%; }
.cols1 td{ width: 100% }
.cols2 td{ width: 50% }
.cols3 td{ width: 34% }
.cols4 td{ width: 25% }

option.opttitle { color: #909090; }
option.indent { padding-left:2em; }

a.backtoalbum { display:block;margin-bottom: 5px; }

#wall_content{ width: 440px; margin-top: 10px; }
div.topspace {  }

/* album create */
#albumcreate { width: 70% }
#albumcreate .lng { width: 95% }
#albumcreate .sbm { margin-top: 20px }
#albumcreate textarea{ height: 8em; width:95%; }
#albumcreate th{ white-space:nowrap; width:1%; }

.invalid .success { color: #669933 }

.marg { margin-bottom: 15px }
.marg2 { margin-bottom: 40px }


/* album view detail */
#albumpics table{ width: 100%;}
#albumpics td { text-align: left; padding:10px 0 10px 0; width:213px }
#albumpics textarea { display: block; width: 196px; height: 5em; }
#albumpics input.textinput {  width: 196px; }

#albumpics .imgpreview{ margin: 1px 0 0 0; }
.hidden { display: none }
#albumpics .chbx { text-align: left; vertical-align:bottom; font-size: 8pt; color:#909090; line-height: 150%;}
#albumpics .chbx img{ vertical-align:bottom; }
#albumpics .preview { }
#albumpics .comment { margin: -3px 0 0 0; }
#albumpics .comment a{ color: #525252; }
#albumpics .comment p{ margin: 5px 0; padding-left: 2px; padding-right:2px; }

#albumpics .pictitle{ margin: 2px 2px; font-weight: bold; }
#albumpics .pictitle a{ color:#525252; font-weight: bold; }

#albumaction { width: 20em }

.photo_info{ clear:left; color: #909090; text-align:left; margin: 10px 0 0 0; font-size:8pt; }
.photo_info .imgicon{ float:left; padding-right:10px;}
.inalbum{ text-align: center; margin-top: 5px; }

#picture .photo_info{ margin: 30px 0 }

/* album view thumbnails */
#thumb_table{ width: 378px; }
#album_preview { float:right; width: 252px; text-align: center; }
#album_preview p{ margin-left:10px; margin-right:10px; text-align: left; }
.navdiv{ clear:left;}

#content{ clear:right;}

/* administration */
table.album_details { width:100%}
.album_details td.details{ width:100%; }
.album_details td{ text-align:left; }

#actdiv{ clear:both; }
#filter_form select{ font-size: 8pt; }

#admin_albums td.details{ padding-bottom: 40px; padding-left: 10px; }

.album_locations { padding-top: 10px; width: 90%;}
.album_locations ul{ margin:5px auto; padding-left: 0px; margin-left: 0px; list-style:none; }
ul.sublist{ margin: 0px 0 15px 0; list-style:none; }
.album_locations img{ margin: 0 5px 1px -11px; } 
.album_locations li.arrow{ padding: 0.5px 0; margin-left: 15px; }



/* edit photo details */
#photoedit .imgpreview{ float:left; }
#photoedit div.clear{ clear:left; } 
#photoedit table{ width: 400px; }
#photoedit th{ width: 1%; }
#photoedit input{ width: 95%; }
#photoedit textarea{ height:6em; width: 95%; }
#photoedit table#navbuttons{ width: 60%; clear:left; }
#photoedit #navbuttons input{ width: 45%; }



/* photo view */
#album_browser{ float:right; width: 137px; margin-top: -10px;}
#album_browser div.imgicon{ margin-left: 3px; margin-right:0;  }

#picture .pictitle{ font-size: 12pt; font-weight: bold; margin-bottom: 1px; padding-left: 2px; padding-top: 3px }
#picture input.text{ display:block; font-size: 12pt; width: 350px; color: inherit; font-weight: bold }
#picture .pictitle a{ font-size: 12pt; color: #525252; }
#picture textarea { display:block; width: 350px; height: 4em; color: inherit }
div.wall_content {width:420px}

#picture .comment { margin: -3px 0 0px 0; width: 30em;}
#picture .comment a{ color: #585858; }
#picture .comment p{ margin: 5px 0; padding-right:2px; padding-left:2px; }
#picture div.album_locations{ clear:left; }

#albumnoimg{ margin: 10px 0; font-weight: bold; }
#filter { margin-left: 10px }

/* upload */
#albumupload { width:310px; float:left; margin-right:10px; }
#albumupload input.file{ width: 100%; padding-right:0; }
#albumupload th { white-space: nowrap; vertical-align:middle; width:40px}
#albumupload .sbm { margin-top: 10px }
#albumupload td.filecell { }

#select_album { min-height: 300px; _height:300px; }
#select_album table { width: 100%; text-align: center; }
#select_album td{ padding: 10px 0px; }

#picture_bucket { padding: 5px; width: auto; height: 200px; overflow: auto; margin-bottom: 20px; }
#picture_bucket.border { border: 1px #CCCCCC solid; }

img.fade{ background:white; filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40; }