html, body {
  margin: 0;
  padding: 0;
  min-height: 1200px;
  _height: 100%;
}
html {
  background: #929292 url(bg.jpg) repeat-x;
}
body {
  color: white;
  background: url(bg_portfolio_mini.gif) repeat-y top center;
  min-width: 960px;
}
body, input, textarea, select, button {
  font: 12px/16px Arial, Helvetica, sans-serif;
}
hr { 
  display: none; 
}
label {
  display: block;
}
select {
  text-indent: 1px;
}
select option {
  background-color: white;
}
h1 {
  position: absolute;
  top: 50px;
  left: 10px;
  width: 320px;
  height: 40px;
  padding: 0;
  margin: 0;
  background: url(augenblicke_der_natur.gif?100301) no-repeat;
  text-indent: -9999px;
}
a img { border: none; }
a.btn {
  color: #3c3c3c;
  text-decoration: none;
}
address {
  font-style: normal;
}
form  {
  display: inline;
  margin: 0;
  padding: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: url(highlight_15_percent_white.png) no-repeat -100, -100; /* preload */
}
tr:hover td,
tr:hover th { background: url(highlight_15_percent_white.png); }
thead tr:hover th { background: none; }
th, td {
  border-bottom: 1px dotted #adadad;
  *border-bottom: 1px solid #a0a0a0;
  padding: 2px 5px 1px 5px;
  vertical-align: top;
}
th { text-align: left; }
td.date, td.admin {
  white-space: nowrap;
}
td.admin {
  padding: 0 0 0 5px;
  width: 80px;
}

#wrap {
  margin: 0 auto 0 auto;
  width: 960px;
  position: relative;
  background: url(bg_content.jpg) no-repeat 0 131px;
}

#header {
  height: 105px;
  background: url(header_line.gif) no-repeat bottom;
}
#header p {
  margin: 0;
  padding: 0;
}
#header em {
  position: absolute;
  top: 55px;
  left: 640px;
  display: block;
  text-indent: -9999px;
  background: url(admin.gif) no-repeat;
  width: 56px;
  height: 28px;
}
#header strong { /* slogan */
  display: block;
  position: absolute;
  top: 56px;
  right: 8px;
  height: 26px;
  width: 208px;
  background: url(fotografie_kunst_text.gif) no-repeat;
  text-indent: -9999px;
}

#content {
  margin-right: 340px;
  padding: 64px 0 35px 10px;
  *margin-top: 64px;
  *padding-top: 0;
  min-height: 500px;
  _height: 500px;
  position: relative;
}
#content a {
  color: #ffc682;
  text-decoration: none;
}
#content a:active, #content a:focus, #content a.focus {
  color: #eb500d;
}
#content a:focus,
#content a:hover {
  text-decoration: underline;
}
#content p, #content ul, #content table, #content ol {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 14px;
  margin-bottom: 14px;
}
#content h2.first { 
  margin-top: 14px;
}

#content h2, #content h3 {
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  margin: 32px 0 22px 0;
}
#content h3 {
  color: #ffc682;
}
#content ul {
  list-style: square;
  margin-left: 0;
  padding-left: 22px;
  _padding-left: 24px;
}

#content img.border {
  border: 5px solid white;
}
#content img.left {
  float: left;
  margin: 0 1em 1em 0;
}
#content img.right {
  float: right;
  margin: 0 0 1em 1em;
}

#content a.file {
  padding-left: 12px;
  background: url(icons/file.gif) no-repeat 0 3px;
}
#content a.file span {
  color: white;
}
#content a.file:hover span {
  text-decoration: none;
}
#content a.external {
  padding-left: 10px;
  background: url(icons/external.gif) no-repeat 0 3px;
}
#content a[rel=external] {
  padding-left: 10px;
  background: url(icons/external.gif) no-repeat 0 3px;
}
#content a.external.image { padding-left: 0; background: none; }
#content a[rel=external].image { padding-left: 0; background: none; }

#content p.webdesign-by-l1me {
  float: right;
  margin-top: -20px;
}
hr.last {
  display: block;
  width: 0;
  height: 0;
  background-color: transparent;
  color: transparent;
  border: none;
  clear: both;
}
#footer {
  border-top: 1px solid #b1b1b1;
  padding: 20px 10px 30px 10px;
  margin-top: 50px;
  _margin-top: 15px;
}
#G #footer, #page-start #footer {
  margin-top: 0;
}
#footer,
#footer a {
  color: #c3c3c3;
  font-size: 11px;
}
#footer a {
  padding: 0;
}

/* ~~~ navigation ~~~ */

#navigation {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 100;
  top: 120px;
  left: 10px;
  *left: -6px;
  list-style: none;
  background: url(subnav_bottom.png) no-repeat -1000px; /* preload */
  _background-image: url(subnav_bottom.gif); /* preload IE6 */
}
#navigation li {
  padding: 0;
  margin: 0 16px 0 0;
  float: left;
  position: relative;
  background: url(subnav_top.png) no-repeat -1000px; /* preload */
  _background-image: url(subnav_top.gif); /* preload IE6 */
}
#navigation a {
  display: block;
  float: left;
  background-position: left top;
  background-repeat: no-repeat;
  height: 0;
  padding-top: 18px;
  overflow: hidden;
  font-size: 0;
}
#navigation a.focus, /* IE fix: class via JS */
#navigation a:focus,
#navigation li.hover a, /* IE fix: class via JS */
#navigation li:hover a,
#navigation a:hover, 
#navigation a.active     { background-position: 0 -20px; }

#navigation a.start      { display: none; }
#navigation a.news       { width: 40px; background-image: url(nav_news.gif?100301); }
#navigation a.fotografen { width: 84px; background-image: url(nav_fotografen.gif?100301); }
#navigation a.portfolio  { width: 64px; background-image: url(nav_portfolio.gif?100301); }
#navigation a.angebot    { width: 65px; background-image: url(nav_angebot.gif?100301); }
#navigation a.kontakt    { width: 60px; background-image: url(nav_kontakt.gif?100301); }

#navigation li.portfolio ul, /* hide portfolio subnav ... just for SEO */
#navigation li.news ul {     /* hide news subnav ... just for SEO */
  display: none !important;
}
#navigation li.hover ul, /* IE fix: class via JS*/ 
#navigation li:hover ul { display: block; }
#navigation ul { display: none; }

#navigation ul {
  position: absolute;
  list-style: none;
  margin: 28px 0 0 -4px;
  padding: 0 0 12px 0;
  left: 0;
  background: url(subnav_bottom.png) no-repeat bottom;
  _background-image: url(subnav_bottom.gif);
  width: 126px;
  z-index: 150;
}
#navigation ul li {
  float: none;
  padding: 0 5px 0 5px;
  margin: 0;
}
#navigation ul li.first {
  margin-top: -12px;
  padding-top: 12px;
  background: url(subnav_top.png) no-repeat top;
  _background-image: url(subnav_top.gif);
}
#navigation ul li.first a {
  border-top: none;
}
#navigation ul a {
  padding: 1px 6px 1px 6px;
  *padding: 0px 6px 2px 6px;
  float: none;
  height: auto;
  overflow: hidden;
  font-size: 12px;
  color: #3c3c3b;
  text-decoration: none;
  border-top: 1px solid #eee;
  width: 104px;
}
#navigation ul a:hover,
#navigation ul a.active {
  background-color: #616161;
  color: white;
}
#navigation ul a:active {
  background-color: #eb500d;
  color: white;
}

#subnavigation {
  bottom: 80px;
  left: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  width: 610px;
}
#subnavigation li {
  display: inline;
  padding: 0 3px 0 0;
  margin: 0;
}
#subnavigation a {
  font-size: 9px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #ADADAD;
  color: #484848;
  font-weight: bold;
  padding: 0 3px 0 3px;
}
#subnavigation a:hover,
#subnavigation a.active {
  background-color: white;
}

/* ~~~ start ~~~ */

#page-start {
  background: transparent; /*url(bg_start.gif) repeat-x center 165px; */
}
#page-start .admin-area {
  position: absolute;
  *margin-top: -10px;
}
#page-start #wrap {
  background: none;
}
#page-start #header {
  background: none;
}
#page-start #header strong {
  background-image: url(fotografie_kunst_text__start.gif);
}
#page-start #content {
  padding: 380px 10px 10px 10px;
  margin-right: 0;
  *padding-top: 330px;
  min-height: 0;
  _height: 0;
  position: static;
}
#page-start #footer {
  background: none;
  padding-top: 5px;
  *padding-top: 0;
  *margin-top: -8px;
  border: none;
  position: absolute;
  z-index: 666px;
}
#page-start #navigation,
#page-start h2 {
  display: none;
}
#page-start p.intro {
  display: block;
  width: 1000px;
  height: 0;
  padding: 250px 0 0 0;
  margin: 0;
  background: url(eyes.jpg) no-repeat;
  overflow: hidden;
  position: absolute;
  top: 165px;
  left: 0px;
  margin-left: -20px;
}
#page-start p.join a {
  width: 69px;
  height: 21px;
  text-align: center;
  line-height: 21px;
  display: block;
  color: #c3c3c3 !important;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 513px 8px 0 883px;
}
#page-start p.join a span {
  border: 1px solid;
  color: #c3c3c3;
  padding: 1px 5px 1px 5px;
}
#page-start p.join a:hover {
  text-decoration: none;
}
#page-start #sidebar {
  display: none;
}

/* ~~~ form elements ~~~ */

#content input.text,
#sidebar input.text { 
  background-color: transparent;
  background-repeat: no-repeat;
  padding: 2px 5px 2px 5px;
  *padding: 1px 5px 3px 5px;
  height: 15px; 
}
#content input.text,
#sidebar input.text,
#content textarea {
  margin: 0;
  color: #3c3c3c;
  border: none;
}
#content .textarea {
  display: block;
}
#content textarea { 
  padding: 2px 3px 2px 5px;
  background: none;
  overflow: auto;
  display: block;
}
#content .textarea .fieldWithErrors {
  display: block;
}
#content .check-box label,
#content .radio-button label {
  display: inline;
}

#content input.text,
#sidebar input.text {
  background-image: url(bg_textfield_339.gif);
  width: 329px;
}
#content .fieldWithErrors input.text {
  background-image: url(bg_textfield_339_error.gif);
}
#content .fieldWithErrors input.text {
  background-image: url(bg_textfield_339_error.gif);
}
#content .textarea {
  background: url(bg_textarea_339.gif) no-repeat;
}
#content textarea { 
  height: 175px; 
  width: 332px;
  *width: 330px;
  *height: 173px;
}

/* ~~~ contact ~~~ */

#page-contact h2.first { display: none; }
#page-contact #content .data {
  float: right;
  width: 45%;
}
#page-contact #content input.text { 
  background-image: url(bg_textfield_239.gif);
  width: 229px;
}
#page-contact #content .fieldWithErrors input.text {
  background-image: url(bg_textfield_239_error.gif);
}
#page-contact #content .textarea {
  background: url(bg_textarea_239.gif) no-repeat;
}
#page-contact #content textarea { 
  height: 175px; 
  width: 232px;
  *width: 230px;
  *height: 173px;
}
#page-contact #content .textarea .fieldWithErrors {
  background: url(bg_textarea_239_error.gif) no-repeat;
  width: 239px;
}

/* ~~~ special ~~~ */

ul.pages {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.pages li {
  margin: 0;
  padding: 0;
}

/* ~~~ error ~~~ */

.errorExplanation {
  width: 239px;
  background: url(error_box.gif) no-repeat bottom;
  font-size: 11px;
  margin-top: 40px;
}
#content .errorExplanation h3 {
  color: white;
  height: 25px;
  position: absolute;
  margin: -26px 0 0 0;
  padding: 5px 7px 0 7px;
  background: url(error_box.gif) no-repeat left top;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  width: 239px;
}
#content .errorExplanation ul {
  padding: 0 7px 7px 7px;
  margin: 0;
  list-style: none;
}

/* ~~~ button ~~~ */

.button-to div {
  display: inline;
}
button {
  display: inline;
  background: url(btn_left.png) no-repeat left top;
  _background-image: url(btn_left_ie6.gif);
  padding: 1px 0 0 2px;
  *padding: 0 0 0 5px;
  border: none;
  cursor: pointer;
  *overflow: visible;
}
button span {
  background: transparent url(btn_right.png) no-repeat right top;
  _background-image: url(btn_right_ie6.gif);
  /*TODO padding: 3px 12px 3px 7px;*/
  padding: 4px 12px 3px 7px;
  line-height: 18px;
  color: #3c3c3c;
}
button:hover { background-position: left bottom; }
button:hover span { background-position: right bottom; color: #555; }

tr button.edit,
tr button.delete,
tr button.show {
  display: block;
  float: left;
  background: url(btn_show_edit_delete.png) no-repeat;
  _background-image: url(btn_show_edit_delete_ie6.gif);
  padding: 0;
  *padding: 0;
  width: 21px;
  height: 21px;
  text-indent: -999px;
  overflow: hidden;
  *overflow: hidden;
  margin-left: 2px;
}
tr button.edit span,
tr button.delete span,
tr button.show span {
  background: none;
  _background-image: none;
  padding: 0;
  line-height: 10px;
}
tr button.show   { background-position: 0 0; }
tr button.edit   { background-position: -21px 0; }
tr button.delete { background-position: -42px 0; }

tr button.show:hover   { background-position: 0 -24px; }
tr button.edit:hover   { background-position: -21px -24px; }
tr button.delete:hover { background-position: -42px -24px; }

@media all and (min-width:0px) { /* opera 9 hack */
  head~body button { padding: 2px 0 0 5px; }
  head~body button:hover { background-position: 0 -24px; }
}

/* ~~~ admin ~~~ */

.admin-area {
  /*display: inline;*/
}
.admin-area button {
  background-image: url(btn_admin_left.png);
  _background-image: url(btn_admin_left_ie6.gif);
  _margin-right: 5px;
}
.admin-area button span {
  background-image: url(btn_admin_right.png);
  _background-image: url(btn_admin_right_ie6.gif);
  color: #682300;
}
.admin-area button:hover span {
  color: #813c19;
}
 
/* ~~~ notice ~~~ */

#notice {
  position: absolute;
  width: 280px;
  left: 32%;
  top: 260px;
  margin-left: -140px;
  z-index: 250;
  padding-top: 18px;
}
#G #notice {
  left: 57.3%;
}
#notice h3 { 
  color white;
  margin: -18px 0 0 0;
  background: url(notice_box.png) no-repeat 0 0;
  _background-image: url(notice_box_ie6.gif);
  height: 0;
  padding: 18px 0 0 0;
  overflow: hidden;
  font-size: 0;
  display: block !important;
}
#notice p {
  padding: 0 18px 18px 18px;
  margin: 0;
  background: url(notice_box.png) no-repeat left bottom;
  _background-image: url(notice_box_ie6.gif);
  color: #0b537c;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
}

/* ~~~ news ~~~ */

#page-news #subnavigation, /* hide news subnav */
#page-news h2.first {
  display: none;
}
#content .post {
  margin-bottom: 45px;
  overflow: auto;
}
#content .post h3 {
  margin: 0 0 14px 0;
}
#content .post .date {
  font-size: 11px;
  margin-bottom: 0;
}
#content .post .admin-area,
#content .paginator {
  clear: left;
}

.latest-news {
  margin: -10px 0 0 0;
  font-size: 11px;
  line-height: 14px;
  width: 230px;
  padding: 10px;
  position: absolute;
  right: 0;
  _right: -1px;
}
#content .latest-news ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}
#content .latest-news:hover,
#content .latest-news.hover {
  background-color: #484848;
}
#content .latest-news:hover ul,
#content .latest-news.hover ul {
  display: block;
}
.latest-news li {
  margin-bottom: 3px;
}
#content .latest-news h3 {
  background: transparent url(arrow_down.gif) no-repeat 212px 3px;
  margin-top: 0;
  cursor: pointer;
}

/* ~~~ html editor ~~~ */

.html-editor {
  background: url(html_editor_head.gif) no-repeat left top;
  padding-top: 1px;
  margin: -14px 0 0 0;
}
.html-editor iframe {
  display:block;
  margin: 0 0 -1px 0;
  padding: 0;
}
.html-editor br {
  display: none;
}
#content .html-editor .textarea {
  background: url(bg_textarea_500.gif) no-repeat left bottom;
}
#content .html-editor textarea { 
  width: 493px;
  *width: 491px;
  font-family: monospace;
  height: auto;
}
#content .html-editor .textarea .fieldWithErrors {
  background: url(bg_textarea_500_error.gif) no-repeat left bottom;
}

/* ~~~ fotografen ~~~ */

#page-fotografen h2 { display: none; }
#diethild-nordhues-heese {
  float: left;
  margin-right: 60px;
}
#diethild-nordhues-heese,
#markus-freitag {
  margin-top: 20px;
}
#fotografische-ausruestung {
  margin-top: 60px;
  _margin-top: 30px;
  width: 230px;
}

/* ~~~ photo ~~~ */

#page-photo-new label,
#page-photo-create label {
  display: inline;
}
#page-photo-show #content .thumb {
  float: left;
}
#page-photo-show #content table.data {
  clear: left;
}
#page-photo-edit #content .photo,
#page-photo-update #content .photo {
  float: right;
}
#page-photo-edit #content button.submit,
#page-photo-update #content button.submit {
  float: left;
}

/* ~~~ thumb / photo ~~~ */

.photo {
  border: 4px solid white;
}

.thumb {
  background: url(tooltip.png) no-repeat -1000px; /* preload */
  _background-image: url(tooltip_ie6.gif); /* preload IE6 */
  /*TODO refactor look @ galleryHelper#thumbnail_link_to_photo
  width: 124px;
  height: 124px;
  margin: 0 0 11px 11px;
  _margin: 0 0 9px 9px; */
  position: relative;
  display: inline; /* fixing double margin bug in IE6, does not affect other browsers */
}
.thumb a {
  padding: 1px;
  border: 1px solid #f7f7f6;
  background-color: #f4f4f3;
  display: block;
  float: left;
}
.thumb .memorized,
.thumb .not-memorized {
  padding: 1px;
  background-color: #EAEAE9;
  border: 1px solid #f0f0ef;
  display: block;
}
.admin .thumb .memorized .published,
.admin .thumb .memorized .not-published {
  border-color: #f17636 !important;
}
.thumb .published,
.thumb .not-published {
  background-color: white;
  border: 4px solid white;
  display: block;
}
.thumb .not-published {
  border-color: #C5EFF9;
}
.thumb img {
  display: block;
}
.thumb input {
  position: absolute;
  top: 6px;
  left: 5px;
}
.thumb a.lightable,
.thumb a.edit {
  position: absolute;
  border: none;
  top: 10px;
  left: 24px;
  padding: 11px 0 0 0;
  display: block;
  height: 0;
  width: 11px;
  background: url(icons/edit.gif) no-repeat;
  overflow: hidden;
  font-size: 0;
}
.thumb a.lightable {
  left: 10px;
  padding-top: 15px;
  width: 15px;
  background-image: url(icons/lightable.gif);
  display: none;
}
.thumb.hover a.lightable,
.thumb:hover a.lightable {
  display: block;
}
.admin .thumb .not-published {
  border-color: white;
}
.admin .thumb .not-published img {
  opacity:.20;filter:alpha(opacity=20);
}
.admin .thumb a:hover .not-published img {
  opacity:1;filter:alpha(opacity=100);
}
.thumb .photo-info {
  display: none;
}

.next-row {
  clear: left;
  height: 0;
  padding: 0;
  margin: -15px 0 0 0;
}
html>body .next-row {
  *margin: 0;
}

/* ~~~ tooltip ~~~ */

#tooltip {
  margin: 18px 0 0 -230px;
  position: absolute;
  width: 280px;
  left: -1000px;
  z-index: 500;
  padding-top: 28px;
}
#tooltip h4 {
  margin: -28px 0 0 0;
  background: url(tooltip.png) no-repeat 0 0;
  _background-image: url(tooltip_ie6.gif);
  height: 0;
  padding: 28px 0 0 0;
  overflow: hidden;
  font-size: 0;
}
#tooltip .body {
  padding: 0 18px 18px 18px;
  margin: 0;
  background: url(tooltip.png) no-repeat left bottom;
  _background-image: url(tooltip_ie6.gif);
  font-size: 11px;
  line-height: 12px;
  color: black;
}
#tooltip tr.last th,
#tooltip tr.last td {
  border: none;
}
#tooltip th,
#tooltip td {
  padding: 1px 5px 1px 0;
  border-bottom: 1px solid #d6d88a;
}
#tooltip td {
  text-indent: 1px;
}

/* ~~~ photo-gallery ~~~ */

body#G {
  background-image: url(bg_portfolio.gif);
}
#G #wrap {
  background: none;
}
#G h1 {
  top: 415px;
  left: 4px;
  width: 40px;
  height: 325px;
  background-image: url(augenblicke_der_natur__vert.gif?100301);
  z-index: 50;
}
#G #subnavigation {
  display: none; /* hide subnav in gallery */
}
#G #header { height: 0; }
#G #header strong {
  width: 40px;
  height: 215px;
  top: 525px;
  left: 4px;
  background-image: url(fotografie_kunst_text__vert.gif?080303);
}
#G #header em {
  top: 15px;
  left: 90px;
}
#G #content {
  padding: 50px 0 0 155px;
  margin-right: 0;
  *margin-top: 50px;
  *padding-top: 0;
  min-height: 720px;
  _height: 720px;
  color: #3c3c3b;
}
#G h2 { display: none; }

#G #navigation {
  top: 50px;
  *left: 10px;
  margin-top: -14px;
  *margin-top: -34px;
_width: 100px;
}
#G #navigation li {
  float: none;
  margin: 0 0 14px 0;
  *margin-bottom: 11px;
_height: 18px;
}

#G #navigation li.hover ul { *display: none; } /* deactivate subnav in IE6/7 */

#G #navigation a {
  float: none;
  width: 104px;
}
#G #navigation ul {
  margin: 12px 0 0 25px;
}
#G #navigation ul li {
  margin: 0;
}
#G #navigation ul li.first {
  margin-top: -12px;
}
#G #navigation a.portfolio { margin-left: 1px; }

#G .thumb,
#sidebar .thumb {
  float: left;
}
#G .photo,
#sidebar .photo {
  border: none;
}

#G #header {
  background: none;  
}

#G #content h3 {
  display: none;
}

#G #content .stats {
  position: absolute;
  top: -50px;
  left: 0;
  background: url(bg_stats.gif) no-repeat;
  width: 775px;
  height: 25px;
  color: #682300;
  padding: 5px 10px 0 10px;
  _padding-top: 4px;
  text-align: center;
}
#G #content .stats h3,
#G #content .stats ul,
#G #content .stats li {
  margin: 0;
  padding: 0;
  display: inline;
  color: #682300;
}
#G #content .stats h3 {
  font-weight: bold;
  font-size: 12px;
}
#G #content .stats ul {
  list-style: none;
}
#G #content .stats li {
  margin-left: 5px;
  padding-left: 7px;
  border-left: 1px solid;
}

#G #content .photos,
#sidebar .photos {
  clear: both;
  margin-left: -15px;
}
#G #content .photos .empty {
  text-align: center;
  margin-top: 300px;
  font-size: 16px;
  color: #E33A3A;
}
#G #content .gallery-header {
  position: relative;
  margin-bottom: 20px;
  width: 795px;
}
#G #content .gallery-header a.lightable {
  width: 21px;
  display: block;
  padding: 21px 0 0 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  background: url(btn_lighttable.png) no-repeat top;
  _background: url(btn_lighttable_ie6.gif) no-repeat top;
  float: left;
  margin: 0 12px 0 -6px;
}
#G #content .gallery-header a.lightable:hover {
  background-position: 0 -24px !important;
}
#G #content #category-selector label,
#sidebar #category-selector label {
  display: none;
}
#G #content #category-selector p,
#sidebar #category-selector p {
  margin: 0;
}
#G #content #category-selector,
#sidebar #category-selector,
#G #content .paginator {
  clear: none;
  float: left;
  margin: 0 12px 0 0;
}
#G #content .paginator del,
#G #content .paginator a {
  width: 21px;
  display: block;
  padding: 21px 0 0 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
}
#G #content .paginator .page {
  padding: 2px 5px 0 0;
  font-size: 14px;
}
#G #content .paginator del,
#G #content .paginator a,
#G #content .paginator .page {
  float: left;
}
#G #content .paginator span.prev del,
#G #content .paginator span.prev a  { 
  background: url(btn_page_prev.png) no-repeat top; 
  _background-image: url(btn_page_prev_ie6.gif);
}
#G #content .paginator span.next del,
#G #content .paginator span.next a  { 
  background: url(btn_page_next.png) no-repeat top; 
  _background-image: url(btn_page_next_ie6.gif);
}
#G #content .paginator del { background-position: 0 -48px !important; }
#G #content .paginator a:hover  { background-position: 0 -24px !important; }

#G #content .photo-search {
  position: absolute;
  right: -5px;
  *right: -3px;
  top: 0;
}
#G #content .photo-search p,
#sidebar .photo-search p {
  margin: 0;
}
#G #content .photo-search label,
#sidebar .photo-search label { 
  float: left;
  display: block;
  width: 62px;
  height: 0;
  padding: 19px 0 0 0;
  background: url(photo_search_label.gif?100301) no-repeat 0 3px;
  overflow: hidden;
  font-size: 0;
}
#category-selector a.clear-light-table,
#G #content .photo-search a, 
#sidebar .photo-search a {
  width: 13px;
  height: 0;
  padding-top: 13px;
  background: url(btn_del_search.gif) no-repeat;
  font-size: 0;
  overflow: hidden;
  display: block;
  float: left;
  margin-left: -18px;
  _margin-left: -15px;
  margin-top: 4px;
  position: relative;
}
#category-selector a.clear-light-table {
  float: none;
  left: 168px;
  top: 4px;
  *top: 5px;
  margin: 0;
  position: absolute;
}
#G #content .photo-search input,
#sidebar .photo-search input {
  background-image: url(bg_textfield_search.gif);
  background-position: 0 2px;
  width: 109px;
  display: block;
  float: left;
  margin-right: 3px;
  _margin-right: 0;
  padding-top: 3px;
  _padding-top: 2px;
}
#G #content .admin-area {
  clear: both;
}
#G #content .actions #selection {
  display: block;
  margin: 0 0 5px 170px;
}
#G #content .actions label {
  display: inline;
}
#G #content .actions {
  position: absolute;
/*  bottom: -37px;
  left: 310px; */
  bottom: -65px;
  margin: 0;
}
#G #content .button-to .new {
  position: absolute;
  bottom: -37px;
}

#G #footer {
  text-align: right;
}
#G #footer * {
  position: relative;
}
#G #footer,
#G #footer a {
  color: #a4a4a3;
}

#category-selector select {
  border: 1px solid #9B9B9B;
  font-size: 11px;
  color: #555555;
  margin-top: 2px;
  width: 200px;
}
#G p.actions select {
  font-size: 11px;
  border: 1px solid #C07C59;
  color: #682300;
  background-color: #F8D4C2;
  margin-left: 10px;
}
#category-selector option {
  width: 200px;
}
.admin #category-selector option,
#category-selector option.locked,
#G p.actions option {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 3px 2px;
}
#category-selector option:hover,
#category-selector option:focus,
#G p.actions option:focus,
#G p.actions option:hover {
  background-position: 3px -20px;
}
#G p.actions option[value=delete]               { background-image: url(icons/delete.gif); }
#G p.actions option[value=publish]              { background-image: url(icons/publish.gif); }
#G p.actions option[value=hide]                 { background-image: url(icons/hide.gif); }
#G p.actions option[value=memorize]             { background-image: url(icons/memorize.gif); }
#G p.actions option[value=forget]               { background-image: url(icons/forget.gif); }
#G p.actions option[value=remove_from_category] { background-image: url(icons/remove_from_category.gif); }
#G p.actions option[value=add_to_new_category]  { background-image: url(icons/add_to_new_category.gif); }
#G p.actions option[value=add_to_category]      { background-image: url(icons/add_to_category.gif); }
#G p.actions option[value=all]                  { background-image: url(icons/all.gif); }
#G p.actions option[value=none]                 { background-image: url(icons/none.gif); }
#G p.actions option[value=toggle]               { background-image: url(icons/toggle.gif); }

#category-selector option.locked { 
  background-color: #c5eff9;
  background-image: url(icons/lock.gif); 
  color: #004353; 
  margin-right: -20px;
}
#category-selector option.admin { 
  background-color: #F8D4C2; 
  color: #682300; 
}
#category-selector option.system {
  background-color: #f2f2f2;
}

#category-selector option[value="category_new"]       { background-image: url(icons/category_new.gif); }
#category-selector option[value="category_edit"]      { background-image: url(icons/category_edit.gif); }
#category-selector option[value="category_duplicate"] { background-image: url(icons/category_duplicate.gif); }
#category-selector option[value="category_list"]      { background-image: url(icons/category_list.gif); }
#category-selector option[value="memorized"]          { background-image: url(icons/memorized.gif); }
#category-selector option[value="hidden"]             { background-image: url(icons/hidden.gif); }

#category-selector option[value=""] {
  background: #F8D4C2 url(sep_line.gif) repeat-x center;
}

/* ~~~ sidebar ~~~ */

#sidebar {
  margin-top: 13px;
  padding-bottom: 20px;
  position: relative;
  width: 265px;
  float:right;
}
#sidebar h2, 
#sidebar h3 {
  display: none;
}
#sidebar .more {
  float: left;
}
#sidebar .admin-area {
  clear: both;
  margin-left: -2px;
}
#sidebar .photos {
  padding-top: 20px;
  margin-right: -15px;
  *width: 300px;
  *padding-top: 10px;
}
#sidebar .thumb a.edit {
  left: 10px;
}
#sidebar .photo-search label {
  margin-right: 3px;
}
#sidebar .photo-search button.submit {
  margin-left: 3px;
}
#sidebar .photo-search {
  display: block;
  margin-bottom: 10px;
}
#sidebar #category-selector {
  margin-right: 9px;
}
#sidebar #category-selector select {
  width: 180px;
}
#sidebar #category-selector select option {
  width: 180px;
}
#sidebar button.more {
  background-image: url(btn_more_left.png);
  _background-image: url(btn_more_left_ie6.gif);
  padding-left: 18px;
  *padding-left: 21px;
}

/* ~~~ stuff ~~~ */

table.categories tr.locked .title {
  background: #c5eff9 url(icons/lock.gif) no-repeat 2px 2px;
  padding: 0 4px 0 16px;
  color: #004353;
  display: block;
}

#content .photo-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .photo-list li {
  margin: 0 10px 10px 0;
  padding: 0;
  display: inline;
}

button.overview {
  float: right;
  margin-top: -21px;
}

#content input.text#user_category_code {
  background-image: url(bg_textfield_code.gif);
  width: 140px;
  color: #004353;
  padding-left: 20px;
}