/* Style introtext with this css tag*/
div.intro_text {

}

div.rsg2-title {
    /* border         : 1px #999999 solid; /**/
    margin-left: 20px;
    margin-top: -11px;
}

/* General style for all images within the rsg2 container */
/*div.rsg2 img {
	border: none;
}
*/
/* Style form labels with this tag */
div.rsg2_exif_container .rsg2_label {
    font-weight: bold;
}

/* Style EXIF container */
div.rsg2_exif_container {
    font-size: 12px;
}

/* Style gallery details block here */
.rsg2_details {
    font-size: smaller;
    font-weight: bold;
    color: silver;
}

/* Style My Galleries link on frontpage */
div.rsg2-mygalleries {
    float: right;
}

.rsg2 {
    width: 100%;
    margin: 0;
    padding: 0;
}

.rsg_galleryblock, .rsg_galleryblock_double_1, .rsg_galleryblock_double_2 {
    border: 1px #999999 solid;
    padding: 8px;
    float: left;
    position: relative;
    margin: 0 0 10px 0;
    vertical-align: top;
}

.rsg_galleryblock {
    width: 97%;
}

.rsg_galleryblock_double_1 {
    width: 46%;
    margin: 0 10px 10px 0;
}

.rsg_galleryblock_double_2 {
    width: 46%;
    margin: 0 0 10px 0;
}

.rsg_double_fix {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}

.rsg_box_block {
    width: 100%;
    border: 0;
    background: red;
}

.rsg_box_box_1, .rsg_box_box_2, .rsg_box_box_3 {
    width: 200px;
    vertical-align: top;
}

.rsg_box_box_2, .rsg_box_box_3 {
    position: relative;
    float: left;
}

.rsg2-galleryList-text_box {
    position: relative;
    float: right;
}

.rsg2-galleryList-description_box {
    width: 100%;
    float: left;
    padding-top: 5px;
}

.rsg_sub_url {
    width: 100%;
    float: left;
    padding-top: 5px;
}

.rsg_sub_url_single {
    width: 90%;
    float: left;
    padding-top: 5px;
}

/* Status icons */
img.status {
    text-decoration: none;
    border: none;
}

/* Thumbs shadow css. If you don't want shadow, comment out the next 3 CSS-declarations */
/* toDo: create shadow with CSS */
.img-shadow {
    float: left;
    margin: 10px 0 0 5px !important;
}

.img-shadow img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}

.shadow-box {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
}

/* end Thumbs shadow */

/* uncomment the next tag if you have commented out the previous 3 tags */
/*
.img-shadow img {
	border:none;
}
*/

.rsg2_slideshow {
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
}

#rsg2-adminButtons img {
    border: none;
}

.rsg2-toolbar {
    text-align: center;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin: 0;
}

.rsg2-toolbar img {
    border: 0;
}

.rsg2_display_name {
    /*display:none;*/
    text-align: center;
}

.rsg2_thumb_name {
    /*display:none;*/
    text-align: center;
}

.rsg2-galleryList-newImages {
    color: Red;
    font-weight: bold;
}

.rsg2-galleryList-totalImages {
    font-size: 8px;
}

#rsg2-navigation {
    float: right;
    text-align: right;
}

#rsg2-navigation li {
    list-style: none;
    background-image: none;
}

#rsg2-footer {
    text-align: center;
    font-size: 10px;
    color: Silver;
}

/* gallery list */

ul#rsg2-galleryList {
    clear: both;
    padding: 0;
    border: 1px solid #ccc; /*Added in J1.6*/
}

.rsg2-galleryList-status {
    text-align: right;
    float: right;
}

.rsg2-galleryList-item {
    clear: both;
    padding: 5px;
    margin: 5px 0 5px 0;
    list-style: none;
    background-image: none;
    /*    border: 1px solid #ccc;*/ /*Removed in J1.6*/
}

.rsg2-galleryList-item td, .rsg2-galleryList-item tr { /*Added in J1.6*/
    border: none;
}

.rsg2-galleryList-thumb {
    float: left;
    margin: 0 5px 5px 0;
}

.rsg2-galleryList-text {
}

.rsg2-galleryList-thumb_double {
    float: left;
    position: relative;
    margin: 0 5px 5px 0;
    vertical-align: top;
    width: 35%;
    padding: 0;
}

.rsg2-galleryList-text_double {
    float: left;
    text-align: left;
    position: relative;
    width: 60%;
    padding: 0;
}

/* sub gallery list */

.rsg2-subGalleryList-container {
    margin-top: 1ex;
}

.rsg2-subGalleryList-title {
    float: left;
}

.rsg2-subGalleryList-list {
    float: left;

    margin: 0 0 0 5px;
    padding: 0px;

    list-style: none;
    background-image: none;
}

/* thumbnail list */

ul#rsg2-thumbsList {
    margin: auto;
}

ul#rsg2-thumbsList li {
    display: block;
    float: left;
    overflow: hidden;
    padding: 5px 5px;

    text-align: center;

    /*     get rid of other possible list styles */
    list-style: none;
    background-image: none;
}

table#rsg2-thumbsList {
    width: 100%;
}

table#rsg2-thumbsList td {
    overflow: hidden;
    padding: 5px 5px;
    text-align: center;
    border: none;
}

table#rsg2-thumbsList tr {
    border: none;
}

.rsg_sem_inl_dispImg table {
    border-collapse: collapse;
    width: 100%
}

.rsg_sem_inl_dispImg tr, .rsg_sem_inl_dispImg td {
    border: none;
    padding: 0;
}


.rsg_sem_inl_ImgDetails {
    /* background-color : #f5f5f5; /**/
    padding: 10px; /**/
    /* border: solid 1px green;  /**/
}

.rsg_sem_inl_ImgDetails .nav-item {

    font-weight: bold; /**/
}

/**/
.page_inline_tabs_description {
    /**
    background-color : lightgrey;
    padding: 10px;
    /* margin: 10px; /**/
    /* border: solid 1px green; /**/
}

/**/

.page_inline_hits {
    /*
    padding: 10px;
    margin: 10px;
    background-color : white;
    /* border: solid 1px red; /**/
    text-align: center;
}

.page_inline_description {
    margin: 10px;
    background-color: white;
    /* border: solid 1px blue; /**/
}


.rsg_sem_inl_dispImg {
    border-collapse: collapse;
    width: 100%
}

.rsg_sem_inl_img_a_link {

    text-align: center;

}


.rsg2-pageNav {
    text-align: center;
    font-size: 12px;
}

.rsg2-pagenav-limitbox {
    text-align: right;
}

/* utility selector, this is common in many templates, but we can't count on it being there */
.rsg2-clr {
    clear: both;
    line-height: 0px;
}

/*************************************/
/* Classes for tab pane */

.rsg2 dl.tabs {
    margin-bottom: 0;
    padding-bottom: 0;
}

.rsg2 dl.tabs dt {
    background-color: White;
    display: inline;
    border: 1px solid #919B9C;
    padding: 0.25em 0.5em;
    float: left;
}

.rsg2 dl.tabs dt.open {
    border-bottom: 1px solid white;
    font-weight: bold;
}

.rsg2 div.current {
    border: 1px solid #919B9C;
    padding: 0.5em;
    margin-top: 0.25em;
    clear: both;
}

.rsg2 dl.tabs dt.tabs span h3 {
    margin: 0.25em;
}

/****************** OLD CLASSES ********************/
/* Classes for RSGallery:

/* standard list style table */
table.adminlist {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    border: 1px solid #ddd;
    border-spacing: 0px;
    width: 100%;
    border-collapse: collapse;
}

table.adminlist th {
    margin: 0px;
    padding: 6px 4px 2px 4px;
    height: 25px;
    background-repeat: repeat;
    font-size: 11px;
    color: #000;
}

table.adminlist th.title {
    text-align: left;
}

table.adminlist th a:link, table.adminlist th a:visited {
    color: #c64934;
    text-decoration: none;
}

table.adminlist th a:hover {
    text-decoration: underline;
}

table.adminlist tr.row0 {
    background-color: #F9F9F9;
}

table.adminlist tr.row1 {
    background-color: #FFF;
}

table.adminlist td {
    border-bottom: 1px solid #e5e5e5;
    padding: 4px;
}

table.adminlist tr.row0:hover {
    background-color: #f1f1f1;
}

table.adminlist tr.row1:hover {
    background-color: #f1f1f1;
}

table.adminlist td.options {
    background-color: #ffffff;
    font-size: 8px;
}

select.options, input.options {
    font-size: 8px;
    font-weight: normal;
    border: 1px solid #999999;
}

/* standard form style table */
table.adminform {
    background-color: #f9f9f9;
    border: 1px solid #d5d5d5;
    padding: 0px;
    border-collapse: collapse;
    margin: 0px;
    border-spacing: 0px;
    width: 100%;
}

table.adminform tr.row0 {
    background-color: #f9f9f9;
}

table.adminform tr.row1 {
    background-color: #eeeeee;
}

table.adminform th {
    font-size: 11px;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    height: 25px;
    color: #000;
    background-repeat: repeat;
}

table.adminform td {
    padding: 3px;
    text-align: left;
}

table.adminform td.editor {
    font-size: 9px;
}

/*************** modal popup style ************/

#sbox-window.rsg2 {
    background-color: #fff;
    padding: 2px;
}

#sbox-overlay.rsg2 {
    background-color: #000;
}

.rsg2 #sbox-btn-close {
    display: none;
}

p.rsg2-popup-description,
p.rsg2-popup-title {
    text-align: center;
    font-size: small;
    margin: 0.5em 0 0 0;
    padding: 0;
    color: #fff;
}

p.rsg2-popup-description {
    border-top: 1px solid #999;
    padding-bottom: 1.5em;
}

img.rsg2-displayImage {
    cursor: pointer;
}

/*** Pagination (based on http://joomla-css.nl/index.php/en/content-a-component-styles-en-16/pagination-general-en-16) ***/
/*
div.rsg_sem_inl_Nav div div.pagination {
	border-top    : 1px solid #DDDDDD;
	border-bottom : 1px solid #DDDDDD;
	clear         : both;
	text-align    : center;
	margin        : 10px 0 10px 0;
}

div.rsg_sem_inl_Nav div div.pagination p.counter {
	font-style : italic;
}

div.rsg_sem_inl_Nav div div.pagination ul {
	list-style : none;
	padding    : 0 0 0 0;
	margin     : 1em 1em 1em 0;
}

div.rsg_sem_inl_Nav div div.pagination ul li {
	list-style : none;
	display    : inline; /* Display Start Prev 123 Next End on one line *
	padding    : 0 5px 0 5px; /* Spacing between numbers *
}
/**/

/* slidePage pagination */
.rsg2-j3x-pagination .rsg2-j3x-pagination--buttons {
    /**
        display: inline;
        margin: 1px auto;
    /**/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1ch;
}

/*.dl-horizontal dt{*/
/*	text-align: center;*/
/*}*/

.rsg2_exif_container {

    margin: 0px auto;

}