body {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;font-size:80%;}
a {outline: none;}
#container {padding: 20px;}
#mainmenu {display: none;}
p.top {margin-bottom: 16px; color: #dedede; font-weight: bold; font-size: 105%;}
p.warning {display: block; height: 36px; padding-top: 8px; padding-left: 36px; margin-top: 32px; font-size: 110%; font-weight: bold; background: url(../images/icons/warning_big.png) top left no-repeat;}
p.nojs {color: red; text-transform: uppercase; display: block; height: 36px; padding-top: 8px; padding-left: 36px; margin-top: 32px; font-size: 110%; font-weight: bold; background: url(../images/icons/error_big.png) top left no-repeat;}
a.cmd {height: 20px; font-weight: bold; color: #fafafa; text-decoration: none;}
a.cmd:hover {color: #ff8000; text-decoration: underline;}
.addall {background: url(../images/icons/add_all_sm.png) top left no-repeat; padding-left: 20px;}
.remall {background: url(../images/icons/remove_all_sm.png) top left no-repeat; padding-left: 20px;}
.showsel {background: url(../images/icons/show_sel_sm.png) top left no-repeat; padding-left: 20px;}
.showunsel {background: url(../images/icons/show_unsel_sm.png) top left no-repeat; padding-left: 20px;}
.showall {background: url(../images/icons/image_sm.png) top left no-repeat; padding-left: 20px;}
.zipsel {background: url(../images/icons/zip_sm.png) top left no-repeat; padding-left: 20px;}
.print {background: url(../images/icons/printer_sm.png) top left no-repeat; padding-left: 20px;}
.email {background: url(../images/icons/mail.png) top left no-repeat; padding-left: 20px;}
#result {background: white url(../images/result-bg.gif) top left repeat-x; width: 600px; height: 16px; border: 1px solid #343434; overflow: hidden; padding-left: 8px;}
span.loader {background: url(../images/icons/loader.gif) top left no-repeat; padding-left: 24px; font-weight: bold;}
span.success {background: url(../images/icons/success_sm.png) 0px 1px no-repeat; padding-left: 24px; font-weight: bold; color: #008000;}
span.error {background: url(../images/icons/error_sm.png) top left no-repeat; padding-left: 24px; font-weight: bold; color: red;}
#thumbnails {list-style: none; margin-top: 16px;}
#thumbnails li {display: inline; text-align: center; float: left; padding-right: 10px; padding-bottom: 10px;}
div.toolbar {display: none;}
ul.toolbar {list-style: none; display:block; height: 30px;}
ul.toolbar li {text-align: center; display: inline;}
a.toolbar img {border: 0; display: block;}
div.ext {position: relative; border: 1px solid #dadada; width: 224px; height: 224px; background-color: white;}
div.thumbnail {border-width:10px; border-style: solid; border-color: white; width: 202px; height: 202px; overflow: hidden;}
div.thumbnail-sel {border-width:10px; border-style: solid; border-color: #ffffae; width: 202px; height: 202px; overflow: hidden;}
img.thumbnail {display: block; align: bottom;}
img.thumbnail {opacity: 0.85; filter: alpha(opacity=85); -moz-opacity: 0.85;}
img.thumbnail-sele {opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}
img.thumbnail:hover {opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}
h4.caption {font-weight: bold; margin-bottom: 16px; margin-top; 16px; line-height: 120%;}
div.br {clear: both;}
span#lightboxTitle {float: left; margin-right: 8px; font-weight: bold; color: #fafafa; height: 16px;}
span#info {float: left; margin-right: 8px; font-weight: bold; color: #fafafa; height: 16px;}
div.note {width: 48px; height: 48px; background: url(../images/icons/note.png) top left no-repeat; position: absolute; top: 0px; left: 0px;}
a.note {display: block; width: 48px; height: 48px;}
#notecontainer {background-color: #ffff75; height: 100%;}
#notecontainer p {padding: 1em;}