/********
NOTE: CHANGES TO THIS FILE WILL AFFECT THIS SMS SITE AND OTHERS.
This determines the stylesheet for the entire class. Do not change this file unless
you know that you want these changes to be reflected across this entire SMS site
and every other SMS site that uses this class.
These values can be overridden in your template's stylesheet.
********/

#imagelibrary { }

#imagelibrary br.break { clear: both; }

#imagelibrary .message { border: 2px solid; padding: 8px; margin: 0 auto 8px auto; width: 80%; color: black; }
#imagelibrary .failure { border-color: red; background-color: #fcc; }
#imagelibrary .warning { border-color: gold; background-color: #ff9; }
#imagelibrary .success { border-color: green; background-color: #cfc; }

#imagelibrary .sidebar { width: 140px; float: right; }
#imagelibrary .sidebar .back { margin-bottom: 8px; }
#imagelibrary .sidebar .search { margin-bottom: 8px; padding-right: 0; }
#imagelibrary .sidebar .relatedimages .thumbnails .thumbnail { border: none; height: auto; width: auto: float: none; margin: 0; padding: 0; }

#imagelibrary .category { padding-right: 146px; }

#imagelibrary .search { padding-right: 146px; }

#imagelibrary .thumbnails { width: 100%; }
#imagelibrary .thumbnails .thumbnail { border: 2px solid; height: 136px; width: 140px; float: left; padding: 8px; margin: 0 16px 16px 0; }
#imagelibrary .thumbnails .thumbnail a.thumb { display: block; text-align: center; border: 1px solid; width: 130px; margin: 0 auto 8px auto; }

#imagelibrary .navigation { height: 34px; margin-bottom: 4px; }
#imagelibrary .navigation .right { display: block; width: 60px; text-align: right; float: right; }
#imagelibrary .navigation .left { display: block; width: 60px; text-align: left; float: left; }
#imagelibrary .navigation .detail { display: block; float: left; clear: left; padding-top: 6px; }

#imagelibrary .image { padding-right: 146px; }
#imagelibrary .image .meta { padding: 4px 0; }