#DisplayImage {
  color: #000000;
}

#DisplayImage a {
  color: #98B644;
}

#DisplayImage a:hover { color: #DC9307; }

#DisplayImage div.block {
  display: block;
  float: left;
  margin-top: 10px;
  text-align: left;
}

#DisplayImage div.portletLogo {
  display: none;
  font-size: 20px;
  font-weight: bold;
  float: left;
  background: url("./images/picture.png") no-repeat;
  text-indent: 48px;
  padding-top: 20px;
  height: 48px;
  width: 100%;
}

#mainImage {
  text-align: center;
  width: 360px;
  display: block;
  float: left;
  padding: 10px;
  background: #fff url("./images/big_pic_bg.gif") repeat-x 0 100%;
  border: 1px solid #888;
  position: relative;
}

#DisplayImage a.fullscreen_icon {
  float: left;
  background: url("./images/search_icon.gif") no-repeat;
  margin-top: 2px;
  padding: 2px 2px 0 17px;
  text-decoration: none;
  height: 20px;
}


#DisplayImage a.saveas_icon {
  float: left;
  background: url("./images/saveas2.png") no-repeat;
  margin-top: 2px;
  padding: 2px 2px 0px 23px;
  text-decoration: none;
  height: 20px;
}
#DisplayImage a.print_icon {
  float: left;
  background: url("./images/print2.png") no-repeat;
  margin-top: 2px;
  padding: 2px 2px 0 24px;
  text-decoration: none;
  height: 20px;
}

#DisplayImage a.postcard {
  float: left;
  background: url("./images/postcard.png") no-repeat;
  margin-top: 2px;
  padding: 2px 2px 0 24px;
  text-decoration: none;
  height: 20px;
}

#DisplayImage a.pdfLink {
  float: left;
  margin-top: 8px;
  color: #880000;
  height: auto;
  background: url("./images/pdf_icon.gif") no-repeat;
  padding-left: 20px;
}

#DisplayImage a.pdfLink:hover {
  color: #AA0000;
}

#DisplayImage a.xmlLink {
  float: left;
  margin-top: 8px;
  color: #880000;
  height: 20px;
}

#DisplayImage a.xmlLink:hover {
  color: #AA0000;
}

#DisplayImage a.dedicate {
  float: left;
  background: url("./images/dedicate.gif") no-repeat;
  margin-top: 2px;
  padding: 2px 2px 0 24px;
  text-decoration: none;
  height: 20px;
}

#DisplayImage a.duplicate {
  float: left;
  background: url("./images/duplicate.gif") no-repeat;
  margin-top: 2px;
  padding: 2px 2px 0 24px;
  text-decoration: none;
  height: 20px;
}

#DisplayImage a.favorite_icon {
  float: left;
  background: url("./images/favorite.png") no-repeat;
  margin-top: 2px;
  padding: 2px 2px 0 24px;
  text-decoration: none;
  height: 20px;
  cursor: pointer;
}
#DisplayImage a.unfavorite_icon {
  float: left;
  background: url("./images/unfavorite.png") no-repeat;
  margin-top: 2px;
  padding: 2px 2px 0 24px;
  text-decoration: none;
  height: 20px;
  cursor: pointer;
}
#DisplayImage a.fullscreen_icon:hover {
  /*color: #DC9307;*/
  /*	font-weight: bold;*/
}

#DisplayImage a.zoomify_icon {
  float: left;
  background: url("./images/zoomify_icon.gif") no-repeat;
  margin-top: 2px;
  margin-left: 10px;
  padding: 2px 0 0 17px;
  text-decoration: none;
  height: 20px;
}

#DisplayImage a.zoomify_icon:hover {
  color: #DC9307;
  font-weight: bold;
}

#DisplayImage .info_button {
  font-weight: bold;
  text-decoration: underline;
}



#DisplayImage div.datasheet {
  display: block;
  color: #000;
  padding: 10px;
  clear: both;
}

#DisplayImage div.datasheet h1 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 5px;
  padding-left: 0;
}

#DisplayImage div.datasheet h2 {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 5px;
}

#DisplayImage div.datasheet h3{
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 5px 5px 2px 5px;
}

#DisplayImage div.datasheet p{
  color: #000;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: justify;
  display: block;
  margin-left: 16px;
}

#DisplayImage .datasheet table, #DisplayImage .datasheet td {
  background: transparent;
  padding-bottom: 4px;
  color: #000;
}
#DisplayImage .datasheet td a{
  text-decoration: none;
  color: #000;
}

#DisplayImage .datasheet table {
  padding: 5px;
}

#DisplayImage #jCarouselLiteDemo .jCarouselLite {
  width: 360px;
  border: 1px solid #888;
  background: #fff url("./images/thumb_list_bg.gif") repeat-x 0 0;
}

#DisplayImage #jCarouselLiteDemo {
  width: 360px;
  padding: 0 0 0 19px;
}

#DisplayImage #DisplayImage_left {
  float: left;
  padding: 10px;
}

#DisplayImage #DisplayImage_left img { text-decoration: none; border: none; }

#DisplayImage div.bookWithMenu {
  text-align: left;
  display: none;
  width: 100%;
  float: left;
}

#DisplayImage div.book {
  float: left;
  margin: 16px;
  margin-left: 32px;
  width: 800px;
  border: 1px solid #888888;
  background: url('./images/bookBackground.jpg');
  background-color: #ffffff;
}

#DisplayImage td.pageLeft {
  background: url('./images/bookLeft.jpg') bottom left no-repeat;
  padding: 16px;
}

#DisplayImage td.pageRight {
  background: url('./images/bookRight.jpg') top right no-repeat;
  padding: 16px;
}

#DisplayImage td {
}

#DisplayImage .rowMenu {
  margin: 16px;
  margin-left: 32px;
  margin-top: 64px;
  width: 800px;
}


#DisplayImage a.prevPage {
  float: left;
  text-decoration: none;
  color: #008800;
  background: url('./images/prevPage.gif') no-repeat;
  padding-left: 16px;
  height: 16px;
  cursor: pointer;
}

#DisplayImage a.nextPage {
  float: right;
  text-decoration: none;
  color: #008800;
  background: url('./images/nextPage.gif') no-repeat;
  background-position: top right;
  padding-right: 16px;
  height: 16px;
  cursor: pointer;
}


#DisplayImage .addMetadata {
  height: 24px; background : url('./images/fontSizePlus.gif') no-repeat; padding: 0px 0px 0px 23px;
}

#DisplayImage .addDocument {
  height: 24px; background : url('./images/fontSizePlus.gif') no-repeat; padding: 0px 0px 0px 23px;
}
#DisplayImage .deleteDocument {
  height: 24px; background : url('./images/tilos2.jpg') no-repeat; padding: 0px 0px 0px 23px;
}

#DisplayImage .deleteMetadata {
  height: 24px; background : url('./images/tilos2.jpg') no-repeat; padding: 0px 0px 0px 23px;
}

#DisplayImage .deleteMetadataAndDocument {
  height: 24px; background : url('./images/tilos2.jpg') no-repeat; padding: 0px 0px 0px 23px;
}

#DisplayImage .addMetadataToDocument {
  height: 24px; background : url('./images/fontSizePlus.gif') no-repeat; padding: 0px 0px 0px 23px;
}

#DisplayImage .uploadMetadata {
  height: 24px; background : url('./images/fontSizePlus.gif') no-repeat; padding: 0px 0px 0px 23px;
}

#DisplayImage .backToList {
  float : right; background : url('/images/back1.jpg') no-repeat; padding: 0px 0px 12px 25px; cursor :pointer;
}

#DisplayImage a.senddocument {
  background: url("./images/send-document.jpg") no-repeat;
  margin-top: 2px;
  padding: 8px 2px 12px 32px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  float: left;
}

#DisplayImage a.loandocument {
  background: url("./images/book.gif") no-repeat;
  margin-top: 2px;
  padding-left: 24px;
  padding-bottom: 24px;
  color: #000000;
  font-weight: bold;
  cursor: pointer;
}

/* A metaadatok megjelenitesenel hasznalt stilusbeallitasok. */

/* partFirstShort */
#DisplayImage .short_1Div {
  background-color: #dddddd !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

#DisplayImage .short_1Table {
  background: none !important;
  width: 100% !important;
  padding: 0px !important;
}

#DisplayImage .short_1TDName {
  width: 100px !important;
  text-align: left !important;
  background: none !important;
}

#DisplayImage .short-1TDValue {
  background: none !important;
}

/* partSecondShort */
#DisplayImage .short_2Div {
  background-color: #dddddd !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

#DisplayImage .short_2Table {
  background: none !important;
  width: 100% !important;
  padding: 0px !important;
}

#DisplayImage .short_2TDName {
  width: 100px !important;
  text-align: left !important;
  background: none !important;
}

#DisplayImage .short_2TDValue {
  background: none !important;
}

/* descriptionShort */
#DisplayImage .short_3Table {
  background: none !important;
  width: 100% !important;
  padding: 0px !important;
}

#DisplayImage .short_3TDName {
  width: 100px !important;
  text-align: left !important;
  background: none !important;
}

#DisplayImage .short_3TDValue {
  background: none !important;
}


/* partFirstDetail */
#DisplayImage .detail_1Div {
  background-color: #dddddd !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

#DisplayImage .detail_1Table {
  background: none !important;
  width: 100% !important;
  padding: 0px !important;
}

#DisplayImage .detail_1TDName {
  width: 100px !important;
  text-align: left !important;
  background: none !important;
}

#DisplayImage .detail_1TDValue {
  background: none !important;
}

/* partSecondDetail */
#DisplayImage .detail_2Div {
  background-color: #dddddd !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

#DisplayImage .detail_2Table {
  background: none !important;
  width: 100% !important;
  padding: 0px !important;
}

#DisplayImage .detail_2TDName {
  width: 100px !important;
  text-align: left !important;
  background: none !important;
}

#DisplayImage .detail_2TDValue {
  background: none !important;
}

/* descriptionDetail */
#DisplayImage .detail_3Table {
  background: #ebebeb !important;
  width: 100% !important;
  padding: 0px !important;
}

#DisplayImage .detail_3TDName {
  width: 100px !important;
  text-align: left !important;
  background: #ebebeb !important;
}

#DisplayImage .detail_3TDValue {
  background: #ebebeb !important;
}

#DisplayImage .inputField {
  display: block !important;
  float: left !important;
}

#DisplayImage .more-child {
  white-space: nowrap;
  float: left;
  width: 120px;
  text-align: center;
  padding: 6px;
  margin: 4px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  text-shadow: 1px 1px #000;
  background-color: #B8D69A;
  border: 1px solid #98B67A;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#DisplayImage #more-child-box {
  width: 100%;
  float: left;
}

#DisplayImage a.more-child-link {
  color: #AAAAAA;
  cursor: pointer;
  float: right;
  margin-right: 16px;
  margin-top: 16px;
  text-decoration: none;
}

#DisplayImage a.more-child-link:hover {
  color: #888;
  text-decoration: none;
}

#DisplayImage #hidden-cild-box {
  display: none;
}

#DisplayImage #mainImage .main-image-wrapper{
  float: left;
  width: 100%;
}

#DisplayImage #active_info, #DisplayImage #inactive_info{
  display: block;
  background-color: rgb(221, 221, 221);
  font-size: 11px;
  padding: 8px;
  border-left: 3px solid #39427D;
  -moz-border-radius: 3px;
}

#DisplayImage .backToData {
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  padding-left: 16px;
}

#DisplayImage #lowerPageSelect {

  margin-left: 282px;
}

#DisplayImage #upperPageSelect {

  margin-left: 282px;
}

#DisplayImage div.openBook-wrapper {

  float: left;
  width: 100%;
}


#DisplayImage openBook {
  cursor: pointer;
  text-align: left;
  font-size : 12px;
}

#DisplayImage td.display-image-left-td-wrapper {

  vertical-align: top;
  width: 450;
}

#DisplayImage .related-records-wrapper {
  margin-top: 10px;
}

#DisplayImage .related-record-wrapper {
  margin-bottom: 10px;
  float: left;
}

#DisplayImage .related-record-img-wrapper {
  float: left;
}

#DisplayImage .related-record-metadata-wrapper {
  float: left;
  margin-left: 10px;
}

#DisplayImage .related-record-additional-metadata-wrapper {
  margin-left: 40px;
  margin-top: 20px;
}


#DisplayImage .additional-metadata-name {
  float: left;
}

#DisplayImage .additional-metadata-value {
  float: left;
  margin-left: 10px;
}

#DisplayImage .additional-metadata-clear-float-left {
  clear: left;
}

#DisplayImage .related-records-schema-info {
  padding-left: 30px;
}
#DisplayImage .ui-tabs .ui-tabs-nav li a{
  color: #FFFFFF;
}
#DisplayImage .ui-tabs .ui-tabs-nav li.ui-state-active a{
  color: #98B644;
}
#DisplayImage .ui-tabs .ui-tabs-nav li a:hover{
  color: #FFFFFF;
}
#DisplayImage .ui-tabs .ui-tabs-nav li.ui-state-active a:hover{
  color: #88A634;
}
#DisplayImage .child_list_title{
  padding-left: 8px;
}

#DisplayImage a.back-to-list-anchor {
  float: left !important;
}

#DisplayImage #openPdfJsAnchor {

  position: absolute;
  margin-top: 15px;
  margin-top: 15px;
  font-size: 12px;
  z-index: 2;
}

#DisplayImage #myModalWrapper {

  position: absolute;
  top: 20px;
  width: 100%;
  left: 0px;
  z-index: 1
}

#DisplayImage #closePdfJsAnchor {

  font-size: 40px !important;
  line-height: .5;
  position: absolute;
  top: 15px;
  right: 10px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  font-weight: bold;
  cursor: pointer;
  display: none;
  z-index: 2;
  text-decoration: none;
}

#DisplayImage div.image-annotation-number-info-wrapper {

  background: url("images/bubi_button.png") no-repeat scroll 0 0 / 130px 37px transparent;
  bottom: 0;
  cursor: pointer;
  height: 37px;
  padding: 3px;
  position: absolute;
  right: 0;
  width: 130px;
}

#DisplayImage div.image-annotation-number-info-text {
  color: #7B9F37;
  float: left;
  font-weight: bold;
  height: 30px;
  margin-top: 2px;
  text-align: center;
  vertical-align: middle;
  width: 85px;
}

#DisplayImage div.image-annotation-number-info-number {
  background: url("images/bubi_green.png") no-repeat scroll 0 0 / 30px 25px transparent;
  color: white;
  float: left;
  font-weight: bold;
  height: 30px;
  margin: 1px;
  text-align: center;
  width: 33px;
}

#DisplayImage span.link-to-record {
  float: left;
  clear: both;
}

#DisplayImage input#link-to-file {
  float: left;
  clear: both;
}


#DisplayImage div.recordPager {
  float: left;
  margin-left: 210px;
  margin-top: 10px;
}

#DisplayImage div.recordPager div.backwardPager {
  float: left;
  height: 24px;
  width: 19px;
  padding: 2px 7px 6px 4px;
  background: url("images/prev_button.png") no-repeat;
}

#DisplayImage div.recordPager .left {
  /*margin-left: 1px;*/
}

#DisplayImage div.recordPager .right {
  /*margin-left: 1px;*/
}

#DisplayImage div.recordPager .activeButton {
  margin-left: 4px;
  color: black;
}

#DisplayImage div.recordPager .inactiveButton {
  /*font-size: 12px;
  padding: 3px;
  loat: left;*/
  margin-left: 4px;
  color: #aaa;
}

#DisplayImage div.recordPager .centerPager {
  float: left;
  font-size: 12px;
  height: 32px;
  padding: 4px 14px;
  background: url("images/rounded_mid.png") repeat-x;
  width: 50px;
  text-align: center;
}

#DisplayImage div.recordPager div.forwardPager {
  float: left;
  height: 24px;
  width: 22px;
  padding: 2px 7px 6px 4px;
  background: url("images/next_button.png") no-repeat;
}

#DisplayImage a.browseLink {
  color: #98B644 !important;
  text-decoration: underline !important;
}

#DisplayImage a.browseLink:hover {
  color: #DC9307 !important;
}