/* classes for organizing the album pictures */

.sortable 			{ padding: 4px; margin: 5px; overflow: hidden; cursor: move; position: relative; float: left; width: 130px; height: 130px; text-align: center; }
.hovered  			{ background-color: #cccccc; }

/* Album Overview */
.albumList 			 { padding: 3px; margin: 5px 5px 10px 5px; overflow: hidden; position: relative; float: left; width: 140px; text-align: center; }
.albumListBig		 { padding: 3px; margin: 5px 5px 10px 5px; overflow: hidden; position: relative; float: left; width: 140px; height: 178px; text-align: center; }
.showVisibility 	 { visibility: visible; }
.hideVisibility 	 { visibility: hidden; }

img.picBorder			{ background-color: #fff; padding: 1px; border: 1px solid #cecece; }

/* Error & Notifications : */
.notificationBox				{ border: 1px solid #dac790; margin-bottom: 15px; background: url(/images/bgErrorBox.gif) top left repeat-x; width: 100%; }
.notificationBox ul				{ width: 80%; float: left; padding: 0; margin: 20px 0 15px 0; list-style: none; }
.notificationBox ul li			{ padding: 1px 0; }
.notificationBox ul .index		{ color: #195F2F; font-weight: bold; padding-right: 6px; }
.notificationBox .close			{ float: right; margin: 18px; font-weight: bold; text-decoration:none; }
.notificationBox .close img		{ margin-bottom: -3px; }

img.active { border: 3px solid #dac790; }

#copyToClipboardLink { background-color:#fff; overflow: hidden; font-weight: bold; border: 1px #CCCCCC solid; }
#copyToClipboardLink.hover { background-color:#eee; }
#copyToClipboardLink.active { background-color:#aaa; }