/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN below  */
@import url("admin.css");
@import url("forms.css");
/* ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN  ADMIN ADMIN above  */
@import url("tooltip.css");
@import url("Records.css");
@import url("ckeditor_bootstrap_columns-dc.css");
@import url("ul_li_pagination_using_listJS.css");
/*  TEMPLATE: scottish castles template style  */

/* ------------------------------- CUSTOM CSS start ------------------------------- */

/* SET BODY default style */
body { margin: 0; overflow-x: hidden; }

html, body { height: 100%; width: auto; }

* { padding: 0; margin: 0; }
*:focus { outline: none; }

a:hover { cursor: pointer !important; }

input:-webkit-autofill, input:-webkit-autofill:focus { transition: background-color 0s 600000s, color 0s 600000s !important; }

/* THIS REMOVES THE LITTLE 'SOMETIMES ANNOYING' THIN BLUE LINE ON TEXTBOXES FOCUS */

/* SET IMAGES start */
/* SET IMAGES default style */
img { border: 0; max-width: 100%; height: auto !important; width: auto\9; /* IE8 */ }
img.circle { border-radius: 50% !important; }
img.thumb_small_circle { border-radius: 50% !important;; width: 100px; height: 100px; max-width: 100px; max-height: 100px; }
img.thumb_circle { border-radius: 50% !important;; width: 100px; height: 100px; }
img.small_circle { border-radius: 50% !important;; width: 150px; height: 150px; }
img.rounded { border-radius: 5px; }
img.square { border-radius: 0; }

@media (min-width: 768px) 
{
    img.thumb_small_circle { border-radius: 50%; width: 150px; height: 150px; max-width: 150px; max-height: 150px; }
}

/* SET IMAGES end */

iframe.feed1 { float: left; height: 334px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
iframe.feed2 { float: left; height: 334px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }

/* @media (max-width: 768px) { iframe.feed1 { height:auto; width:100%; } iframe.feed2 { height:auto; width:100%; } } */
@media (max-width: 736px) 
{
    iframe.feed1 { float: none; height: 350px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
    iframe.feed2 { float: none; height: 350px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
}

@media (max-width: 667px) 
{
    iframe.feed1 { float: none; height: 360px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
    iframe.feed2 { float: none; height: 360px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
}

@media (max-width: 568px) 
{
    iframe.feed1 { float: none; height: 370px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
    iframe.feed2 { float: none; height: 350px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
}

@media (max-width: 414px) 
{
    iframe.feed1 { float: none; height: 330px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
    iframe.feed2 { float: none; height: 350px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
}

@media (max-width: 375px) 
{
    iframe.feed1 { float: none; height: 320px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
    iframe.feed2 { float: none; height: 360px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
}

@media (max-width: 320px) 
{
    iframe.feed1 { float: none; height: 330px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
    iframe.feed2 { float: none; height: 400px; width: 100%; border: none; overflow-x: hidden; overflow-y: scroll; frameBorder: 0; }
}

.fixed-ratio-resize { max-width: 100%; height: auto; width: auto\9; /* IE8 */ }

/* basic responsive img */
.fixed-ratio-resize a:link, .fixed-ratio-resize a:hover, .fixed-ratio-resize a:visited, .fixed-ratio-resize a:active { text-decoration: none !important; border: none !important; }
a.fixed-ratio-resize:link, a.fixed-ratio-resize:hover, a.fixed-ratio-resize:visited, a.fixed-ratio-resize:active { text-decoration: none !important; border: none !important; }

/* SHOW WHEN NON-RESPONIVE ONLY start */
.hide_only_from_mobile { display: block; }
.hide_from_responsive { display: block; }
.show_from_responsive { display: none; }

br.desktop_only { display: block; width: 100%; height: 1px; background: red; }

.hide_this_desktop_only { display: none; }
.show_this_desktop_only { display: block !important; }

/* SHOW WHEN NON-RESPONIVE ONLY end */

/* SET HEADLINE and PARAGRAPH default style START */
h1 { font-size: 2em; margin: 0 0 10px 0; padding: 0; font-weight: bolder; }
h2 { font-size: 1.5em; margin: 0 0 10px 0; padding: 0; line-height: 24px; font-weight: bolder; }
h3 { font-size: 1.17em; margin: 0 0 10px 0; padding: 0; line-height: 18.72px; font-weight: bolder; }
h4 { font-size: 1em; margin: 0 0 10px 0; padding: 0; line-height: 16px; font-weight: bolder; }
h5 { font-size: .83em; margin: 0 0 5px 0; padding: 0; line-height: 13.28px; font-weight: bolder; }
h6 { font-size: .67em; margin: 0 0 5px 0; padding: 0; line-height: 10.72px; font-weight: bolder; }

/* SET PARAGRAPH default style */
p { margin: 0; padding: 0; word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }

/* SET HEADLINE and PARAGRAPH default style END */

h4.logo { font-family: Georgia, serif; color: black; font-weight: 700; color: grey; }

img.centered { margin: 0 auto; display: block; text-align: center; }

@media screen and (max-width: 1024px) 
{
    img.centered { margin: 0 auto; display: block; text-align: center; max-width: 250px; }
}

/* <HR> LINES */
hr { border: none; background-color: silver; color: silver; height: 1px; margin-top: 10px; margin-bottom: 10px; clear: both; }
hr.colour { border: none; background-color: #b3a9b7; color: #b3a9b7; height: 1px; margin-top: 10px; margin-bottom: 10px; clear: both; }
hr.white { border: none; background-color: white; color: white; height: 1px; margin-top: 10px; margin-bottom: 10px; clear: both; }
hr.silver { clear: both; border: none; background-color: silver; color: silver; height: 1px; margin-top: 5px; margin-bottom: 5px; }
hr.clearNoLine { clear: both; border: none; background-color: transparent; color: transparent; height: 1px; margin-top: 0; margin-bottom: 0; }
hr.noMargin { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
hr.fade { clear: both; height: 1px; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(147, 147, 147, 1) 50%, rgba(0, 0, 0, 0) 100%); display: block; margin: 10px 0 10px 0; max-width: 960px; }
hr.clear { clear: both; border: none; background-color: transparent; color: transparent; height: 1px; margin-top: 5px; margin-bottom: 5px; }
/* <HR> LINES end */

/* LISTS on search page START */
div#search-list ul li { list-style-type: none !important; }
div#search-list ul li div p.desc  { margin: 5px 0 !important; line-height: 16pt; }
/* LISTS on search page END */

div.child_divs { margin-top: 10px; margin-bottom: 10px; }
@media (max-width: 800px) 
{
    div.child_divs { margin-top: 0 !important; margin-bottom: 2px !important; }
}

.WHITELINK { color: white !important; border-bottom-color: white !important; }
.WHITELINK a:link { color: white !important; }
.WHITELINK a:visited { color: white !important; }
.WHITELINK a:hover { color: white !important; }
.WHITELINK a:active { color: white !important; }

.BLACKLINK { color: black !important; border-bottom-color: black !important; }
.BLACKLINK a:link { color: black !important; }
.BLACKLINK a:visited { color: black !important; }
.BLACKLINK a:hover { color: black !important; }
.BLACKLINK a:active { color: black !important; }

.ORANGEREDLINK { color: #FF4500 !important; border-bottom-color: #FF4500 !important; }
.ORANGEREDLINK a:link { color: #FF4500 !important; }
.ORANGEREDLINK a:visited { color: #FF4500 !important; }
.ORANGEREDLINK a:hover { color: #FF4500 !important; }
.ORANGEREDLINK a:active { color: #FF4500 !important; }

.black_link { color: black !important; border-bottom-color: black !important; }
.black_link a:link { color: black !important; }
.black_link a:visited { color: black !important; }
.black_link a:hover { color: black !important; }
.black_link a:active { color: black !important; }

.white_link { color: white !important; border-bottom-color: white !important; }
.white_link a:link { color: white !important; }
.white_link a:visited { color: white !important; }
.white_link a:hover { color: white !important; }
.white_link a:active { color: white !important; }

.link_no_underline { text-decoration: none; border: none !important; }
.link_no_underline a:link { text-decoration: none; border: none !important; }
.link_no_underline a:visited { text-decoration: none; border: none !important; }
.link_no_underline a:hover { text-decoration: none; border: none !important; }
.link_no_underline a:active { text-decoration: none; border: none !important; }

/* fresco css START */
a:link.fresco { text-decoration: none; border: none !important; }
a:visited.fresco { text-decoration: none; border: none !important; }
a:hover.fresco { text-decoration: none; border: none !important; }
a:active.fresco { text-decoration: none; border: none !important; }
/* break point for responsive */
@media (width <= 80em) 
{
    a.fresco img { width: auto !important; max-width: 100%; height: auto !important; max-height: 100%; }
}
/* break point for responsive */
.fr-info { margin-top: 30px !important; background: transparent !important; }
/* fresco css END */

.no_underline { text-decoration: none; border: none !important; }
.no_underline a:link { text-decoration: none; border: none !important; }
.no_underline a:visited { text-decoration: none; border: none !important; }
.no_underline a:hover { text-decoration: none; border: none !important; }
.no_underline a:active { text-decoration: none; border: none !important; }

a.link_no_underline { text-decoration: none; border: none !important; }
a:link.link_no_underline:link { text-decoration: none; border: none !important; }
a:visited.link_no_underline:visited { text-decoration: none; border: none !important; }
a:hover.link_no_underline:hover { text-decoration: none; border: none !important; }
a:active.link_no_underline:active { text-decoration: none; border: none !important; }

a.no_underline { text-decoration: none; border: none !important; }
a:link.no_underline:link { text-decoration: none; border: none !important; }
a:visited.no_underline:visited { text-decoration: none; border: none !important; }
a:hover.no_underline:hover { text-decoration: none; border: none !important; }
a:active.no_underline:active { text-decoration: none; border: none !important; }

/* no underline links START */

table.soc_med_table tbody tr td a:link, table.soc_med_table tbody tr td a:visited, table.soc_med_table tbody tr td a:hover { border: none !important; }
div.topTowRightLinks a:link, div.topTowRightLinks a:visited, div.topTowRightLinks a:hover { border: none !important; }
div.BreakingNewsController ul li a:link, div.BreakingNewsController ul li a:visited, div.BreakingNewsController ul li a:hover { border: none !important; }
div.lockToBottom a:link, div.lockToBottom a:visited, div.lockToBottom a:hover { border: none !important; }
span.simple_button a:link, span.simple_button a:visited, span.simple_button a:hover { border: none !important; }
form#searchForm  > a:link , form#searchForm  > a:visited , form#searchForm  > a:hover { border: none !important; }
h2.capsual_pill_call_to_action_link > a:link, h2.capsual_pill_call_to_action_link > a:visited, h2.capsual_pill_call_to_action_link > a:hover { border: none !important; }
p.buttlink > a:link,p.buttlink > a:visited, p.buttlink > a:hover { border: none !important; }
span.button-black > a:link, span.button-black > a:visited, span.button-black > a:hover { border: none !important; }
span.tooltiptitle > a:link, span.tooltiptitle > a:visited, span.tooltiptitle > a:hover { border: none !important; }
div.contentLeftColumnHorizontal_inner_main_adverts div.child_portrait_ads > a:link, div.contentLeftColumnHorizontal_inner_main_adverts div.child_portrait_ads > a:visited, div.contentLeftColumnHorizontal_inner_main_adverts div.child_portrait_ads > a:hover { border: none !important; }
div.flexcroll > a:link, div.flexcroll > a:visited, div.flexcroll > a:hover { border: none !important; }
span.noUnderline > a:link, span.noUnderline > a:visited, span.noUnderline > a:hover { border: none !important; }

/* no underline links END */

/* BREADCRUMB start */
.breadcrumb p { margin: 5px 0 5px 0; padding: 0; font-size: 1em; text-align: left; height: 20px; line-height: 20px; vertical-align: middle; }
.breadcrumb p a:first-of-type:hover { border-bottom: none; }
/* removes underline on hover from homepage icon */
div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:visited, div.breadcrumb a:hover, div.breadcrumb a:active { border: none !important; }

/* BREADCRUMB start */

/* other styles START */
blockquote { margin: 20px 0 20px 15%; }

.indent { text-indent: 20px; }

/* .indent p:first-child{text-indent:0;} */
.space { margin-bottom: 10px; }
.space-clear { margin-bottom: 0; clear: both; }

/* Bottom Right Image Space for wraparound text START */
.bottom_wraparound_space { height: calc(100% - 200px); width: 0; float: right; }

/* Bottom Right Image Space for wraparound text END */

div.responsive_tuck_under { display: inline-block; }

/* break point for responsive */
@media (max-width: 320px) 
{
    div.responsive_tuck_under {  display: block; width: 100%; position: relative; margin-bottom: 5px; left: 0; }
}
/* break point for responsive */
/* iphone SE */

/* other styles END */

/* HEADER logo text and strapline START */

header .mastImage { float: left; position: relative; }

#topRowLeftText { position: relative; }
#topRowLeftText h1 { font-size: 150%; }
#topRowLeftText h2 { font-size: 110%; }

.topTowBottomRight_buttons { margin-left: 5px; margin-right: 0; padding: 0 5px; background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
span.topTowBottomRight_buttons a:link , span.topTowBottomRight_buttons a:visited , span.topTowBottomRight_buttons a:active { color: #162a6d !important; text-transform: lowercase; } 
span.topTowBottomRight_buttons a:hover { color: blue !important; text-transform: lowercase; }

span.topTowBottomRight_buttons_orange a:link , span.topTowBottomRight_buttons_orange a:visited , span.topTowBottomRight_buttons_orange a:active { color: white !important; text-transform: lowercase; } 
span.topTowBottomRight_buttons_orange a:hover { color: white !important; background: darkorange !important; text-transform: lowercase; }

span.topTowBottomRight_buttons_red a:link , span.topTowBottomRight_buttons_orange a:visited , span.topTowBottomRight_buttons_orange a:active { color: white !important; text-transform: lowercase; } 
span.topTowBottomRight_buttons_red a:hover { color: white !important; text-transform: lowercase; }

.topTowBottomRight_social_media_button { margin-left: 5px; margin-right: 0; }
.topTowBottomRight_social_media_button a:link, .topTowBottomRight_social_media_button a:visited, .topTowBottomRight_social_media_button a:hover { border-bottom: none !important; }

/* HEADER logo text and strapline END */

/* NEWS BAR WITH PAGE CURL BAR start */
.site_message_panel_status { display: block; }
.comingUpBar { padding: 0 25px 0 5px; margin-top: 0; margin-bottom: 5px; background: transparent url(../images/template/page-curl.gif) no-repeat right top; min-height: 45px; line-height: 45px; vertical-align: middle; }
.comingUpBar p { color: white !important; left: 45px; font-size: .9em; font-weight: 700; margin: 7px 0 0 0; max-width: 87%; position: relative; letter-spacing: .03em; line-height: 45px; }
.comingUpBar a:link { color: white !important; text-decoration: none; border-bottom: dotted whitesmoke 1px !important; padding-bottom: 1px; }
.comingUpBar a:visited { color: white !important; text-decoration: none; }
.comingUpBar a:hover { color: white !important; text-decoration: none; font-weight: 700; border: none !important; }
.comingUpBar a:active { color: white !important; text-decoration: none; }
/* NEWS BAR WITH PAGE CURL BAR end */


/* images: two images row START */
div.two_img_row { width: 100%; text-align: center; margin: 5px 0; padding: 0; }

div.two_img_row img { border: none; vertical-align: top; }

div.two_img_row img.left, div.two_img_row img.right { display: inline-block; max-width: 450px; }

/* break point for responsive */
@media (max-width: 1025px)
{
    /* media query OPEN */
    div.two_img_row img { display: block; }
    div.two_img_row a img { display: block; }
    div.two_img_row img:not(:first-of-type) { margin-top: 5px; }
    div.two_img_row a img.right, div.two_img_row img.right { margin-top: 3px; }
}
/* break point for responsive */

/* media query CLOSE */
/* images: two images row END */

/* GRIDO start */
table.grido { width: 100%; border-collapse: collapse; border: none; padding: 0; margin: 10px 0; border: none; }

table.grido tbody tr td { padding: 10px 0 0 0; margin: 0; text-align: center; vertical-align: middle; }

table.grido tbody.with_caption tr td { padding: 0; }

table.grido tbody tr td img { max-width: 215px; border: none; }

table.grido tbody tr td { position: relative; }

table.grido.hoverunderlink_arrow tbody tr td span 
{
    display: block;
    position: absolute;
    width: 215px;
    left: 50%;
    bottom: 0;
    color: transparent;
    background: rgba(0, 0, 0, 0) url(../images/template/link_to_record_arrow_white_tint.png) no-repeat 5px center;
    margin: 0 auto;
    border-top: none;
    height: 40px;
    line-height: 40px;
    transform: translateX(-50%);
    text-overflow: ellipsis;
    /* will make [...] at the end */
    width: 170px;
    /* change to your preferences */
    white-space: nowrap;
    /* paragraph to one line */
    overflow: hidden;
    /* older browsers */
    padding-left: 40px;
    padding-right: 5px;
    text-align: left;
}

table.grido.hoverunderlink_arrow tbody tr td:hover span 
{
    display: block;
    position: absolute;
    width: 215px;
    left: 50%;
    bottom: 0;
    color: white;
    background: rgba(0, 0, 0, 0.5) url(../images/template/link_to_record_arrow_white.png) no-repeat 5px center;
    margin: 0 auto;
    border-top: none;
    height: 40px;
    line-height: 40px;
    transform: translateX(-50%);
    text-overflow: ellipsis;
    /* will make [...] at the end */
    width: 170px;
    /* change to your preferences */
    white-space: nowrap;
    /* paragraph to one line */
    overflow: hidden;
    /* older browsers */
    padding-left: 40px;
    padding-right: 5px;
    text-align: left;
    cursor: e-resize;
}

table.grido.hoverunderlink_link tbody tr td span 
{
    display: block;
    position: absolute;
    width: 215px;
    left: 50%;
    bottom: 0;
    color: transparent;
    background: rgba(0, 0, 0, 0) url(../images/template/link_to_record_link_white.png) no-repeat 5px center;
    margin: 0 auto;
    border-top: none;
    height: 40px;
    line-height: 40px;
    transform: translateX(-50%);
    text-overflow: ellipsis;
    /* will make [...] at the end */
    width: 170px;
    /* change to your preferences */
    white-space: nowrap;
    /* paragraph to one line */
    overflow: hidden;
    /* older browsers */
    padding-left: 40px;
    padding-right: 5px;
    text-align: left;
}

table.grido.hoverunderlink_link tbody tr td:hover span 
{
    display: block;
    position: absolute;
    width: 215px;
    left: 50%;
    bottom: 0;
    color: white;
    background: rgba(0, 0, 0, 0.5) url(../images/template/link_to_record_link_white.png) no-repeat 5px center;
    margin: 0 auto;
    border-top: none;
    height: 40px;
    line-height: 40px;
    transform: translateX(-50%);
    text-overflow: ellipsis;
    /* will make [...] at the end */
    width: 170px;
    /* change to your preferences */
    white-space: nowrap;
    /* paragraph to one line */
    overflow: hidden;
    /* older browsers */
    padding-left: 40px;
    padding-right: 5px;
    text-align: left;
    cursor: e-resize;
}

table.grido.hoverunderlink tbody tr td span 
{
    display: none;
    position: absolute;
    width: 215px;
    left: 50%;
    bottom: 0;
    color: transparent;
    background: rgba(0, 0, 0, 0) url(../images/template/link_to_record_link_white.png) no-repeat 5px center;
    margin: 0 auto;
    border-top: none;
    height: 40px;
    line-height: 40px;
    transform: translateX(-50%);
    text-overflow: ellipsis;
    /* will make [...] at the end */
    width: 170px;
    /* change to your preferences */
    white-space: nowrap;
    /* paragraph to one line */
    overflow: hidden;
    /* older browsers */
    padding-left: 40px;
    padding-right: 5px;
    text-align: left;
}

table.grido.hoverunderlink tbody tr td:hover span 
{
    display: block;
    position: absolute;
    width: 215px;
    left: 50%;
    bottom: 0;
    color: white;
    background: rgba(0, 0, 0, 0.5) url(../images/template/link_to_record_link_white.png) no-repeat 5px center;
    margin: 0 auto;
    border-top: none;
    height: 40px;
    line-height: 40px;
    transform: translateX(-50%);
    text-overflow: ellipsis;
    /* will make [...] at the end */
    width: 170px;
    /* change to your preferences */
    white-space: nowrap;
    /* paragraph to one line */
    overflow: hidden;
    /* older browsers */
    padding-left: 40px;
    padding-right: 5px;
    text-align: left;
    cursor: e-resize;
}

table.grido.hoverunderlink_arrow tbody tr td span.nolink,
table.grido.hoverunderlink tbody tr td span.nolink,
table.grido.hoverunderlink_link tbody tr td span.nolink 
{
    display: block;
    position: absolute;
    width: 215px;
    left: 50%;
    bottom: 0;
    color: transparent;
    background: rgba(0, 0, 0, 0) url(../images/template/inv-5x5px.gif) no-repeat 5px center;
    /* transparent gif */
    margin: 0 auto;
    border-top: none;
    height: 40px;
    line-height: 40px;
    transform: translateX(-50%);
    text-overflow: ellipsis;
    /* will make [...] at the end */
    width: 205px;
    /* change to your preferences */
    white-space: nowrap;
    /* paragraph to one line */
    overflow: hidden;
    /* older browsers */
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;

}

table.grido.hoverunderlink_arrow tbody tr td:hover span.nolink,
table.grido.hoverunderlink tbody tr td:hover span.nolink,
table.grido.hoverunderlink_link tbody tr td:hover span.nolink 
{
    display: block;
    position: absolute;
    width: 215px;
    left: 50%;
    bottom: 0;
    color: white;
    background: rgba(0, 0, 0, 0.5) url(../images/template/inv-5x5px.gif) no-repeat 5px center;
    /* transparent gif */
    margin: 0 auto;
    border-top: none;
    height: 40px;
    line-height: 40px;
    transform: translateX(-50%);
    text-overflow: ellipsis;
    /* will make [...] at the end */
    width: 205px;
    /* change to your preferences */
    white-space: nowrap;
    /* paragraph to one line */
    overflow: hidden;
    /* older browsers */
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    cursor: default;
}

@media (max-width: 810px)
/* break point for responsive */
{ /* media query OPEN */

    table.grido { border: 0; }
    table.grido tbody tr { border-bottom: none; display: block; }
    table.grido tbody tr td { border-bottom: none; display: block; font-size: 13px; }
    table.grido tbody tr td img { width: auto; max-width: 100%; height: 100%; max-height: 100%; }
    table.grido.hoverunderlink_arrow tbody tr td span 
    {
        display: block;
        position: absolute;
        width: 215px;
        left: 50%;
        bottom: 0;
        color: white;
        background: rgba(0, 0, 0, 0.5) url(../images/template/link_to_record_arrow_white.png) no-repeat 5px center;
        margin: 0 auto;
        border-top: none;
        height: 40px;
        line-height: 40px;
        transform: translateX(-50%);
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: 170px;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
        padding-left: 40px;
        padding-right: 5px;
        text-align: left;
    }

    table.grido.hoverunderlink_link tbody tr td span 
    {
        display: block;
        position: absolute;
        width: 215px;
        left: 50%;
        bottom: 0;
        color: white;
        background: rgba(0, 0, 0, 0.5) url(../images/template/link_to_record_link_white.png) no-repeat 5px center;
        margin: 0 auto;
        border-top: none;
        height: 40px;
        line-height: 40px;
        transform: translateX(-50%);
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: 170px;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
        padding-left: 40px;
        padding-right: 5px;
        text-align: left;
    }

    table.grido.hoverunderlink tbody tr td span 
    {
        display: block;
        position: absolute;
        width: 215px;
        left: 50%;
        bottom: 0;
        color: white;
        background: rgba(0, 0, 0, 0.5) url(../images/template/link_to_record_link_white.png) no-repeat 5px center;
        margin: 0 auto;
        border-top: none;
        height: 40px;
        line-height: 40px;
        transform: translateX(-50%);
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: 170px;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
        padding-left: 40px;
        padding-right: 5px;
        text-align: left;
    }
} /* media query CLOSE */
/* GRIDO end */


/* GRIDO THREE start */
table.grido_three { width: 100%; border-collapse: collapse; border: none; padding: 0; margin: 10px 0; border: none; }
table.grido_three tbody tr td { padding: 5px 0 0 0; margin: 0; text-align: center; vertical-align: middle; }
table.grido_three tbody tr td img { max-width: 300px !important; border: none; }

@media (max-width: 810px)
/* break point for responsive */
{ /* media query OPEN */
    table.grido_three { border: 0; }
    table.grido_three tbody tr { border-bottom: none; display: block; }
    table.grido_three tbody tr td { border-bottom: none; display: block; font-size: 13px; }
    table.grido_three tbody tr td img { width: 100% !important; max-width: 100%; height: 100%; max-height: 100%; }
} /* media query CLOSE */
/* GRIDO THREE end */


/* GRIDO CARD PANEL ( img left ) start */
section.grido_card_container { width: 100%; height: 300px; margin: 10px 0; padding: 0; }
section.grido_card_container div.grido_card_one, section.grido_card_container div.grido_card_two { display: table-cell; vertical-align: middle; text-align: center; height: 300px; }
section.grido_card_container div.grido_card_one { width: 460px; float: left; }
section.grido_card_container div.grido_card_one img { min-width: 460px !important; width: 460px !important; max-width: 460px !important; }
section.grido_card_container div.grido_card_two { margin-left: 460px; width: 450px; }
section.grido_card_container div.grido_card_two img { margin-bottom: 10px; }
section.grido_card_container div.grido_card_two h1,
section.grido_card_container div.grido_card_two h2,
section.grido_card_container div.grido_card_two h3,
section.grido_card_container div.grido_card_two p { margin: 0; padding: 0 15px 0 15px !important; text-align: center; }

section.grido_card_container div.grido_card_two a:link { text-decoration: none; }

@media (max-width: 810px)
/* break point for responsive */
{ /* media query OPEN */
    section.grido_card_container { width: 100%; height: auto; }
    section.grido_card_container div.grido_card_one, section.grido_card_container div.grido_card_two { display: block; height: auto; width: auto; float: none; margin: 0; }
    section.grido_card_container div.grido_card_one img { min-width: 100% !important; width: 100% !important; max-width: 100% !important; }
    section.grido_card_container div.grido_card_two { padding-top: 20px; padding-bottom: 20px; }
} /* media query CLOSE */
/* GRIDO CARD PANEL ( img left ) end */

/* GRIDO CARD PANEL ( img right ) start */
section.grido_card_container_img_right { width: 100%; height: 300px; margin: 10px 0; padding: 0; }
section.grido_card_container_img_right div.grido_card_one, section.grido_card_container_img_right div.grido_card_two { display: table-cell; vertical-align: middle; text-align: center; height: 300px; }
section.grido_card_container_img_right div.grido_card_one { display: table-cell; height: 300px; width: 450px; float: left; }
section.grido_card_container_img_right div.grido_card_one div.parent { display: table-cell; height: 300px; vertical-align: middle; }
section.grido_card_container_img_right div.grido_card_one div.parent img { margin-bottom: 10px; }
section.grido_card_container_img_right div.grido_card_one div.parent h1,
section.grido_card_container_img_right div.grido_card_one div.parent h2,
section.grido_card_container_img_right div.grido_card_one div.parent h3,
section.grido_card_container_img_right div.grido_card_one div.parent p { margin: 0; padding: 0 15px 0 15px !important; text-align: center; }
section.grido_card_container_img_right div.grido_card_one div.parent a:link { text-decoration: none; }
section.grido_card_container_img_right div.grido_card_two { width: 460px; float: right; }
section.grido_card_container_img_right div.grido_card_two img { min-width: 460px !important; width: 460px !important; max-width: 460px !important; }

@media (max-width: 1020px)
/* break point for responsive */
{ /* media query OPEN */
    section.grido_card_container_img_right { width: auto; height: auto; }
    section.grido_card_container_img_right div.grido_card_one { width: auto; height: auto; float: none; padding: 0 10px 20px 20px; }
    section.grido_card_container_img_right div.grido_card_one div.parent, section.grido_card_container_img_right div.grido_card_two { display: block; height: auto; width: auto; float: none; margin: 0; }
    section.grido_card_container_img_right div.grido_card_one div.parent { display: block; height: auto; }
    section.grido_card_container_img_right div.grido_card_one div.parent { padding-top: 10px; padding-bottom: 0; }
    section.grido_card_container_img_right div.grido_card_two img { min-width: 100% !important; width: 100% !important; max-width: 100% !important; }
} /* media query CLOSE */
/* GRIDO CARD PANEL ( img right ) end */

/* FRESCO IMAGES start */
a.fresco img, .fixed-ratio-resize { width: auto !important; height: auto !important; }

/* FRESCO IMAGES end */

/* IMAGE WATERFALL start */
section.resp_multiple_columns.image_waterfall { display: flow-root; border-radius: 3px; }
section.resp_multiple_columns.image_waterfall h2 { margin: 0; padding: 0; }
section.resp_multiple_columns.image_waterfall div p { text-align: center !important; font-size: 90%; line-height: 1.2em; }
section.resp_multiple_columns.image_waterfall div p img { text-align: center; margin: 0 auto 4px auto; }
section.resp_multiple_columns.image_waterfall div p span:nth-of-type(1) { display: block; text-align: center; margin: 0; padding: 0; }
section.resp_multiple_columns.image_waterfall div p span:nth-of-type(1) a { display: block; line-height: 15px; text-align: center; margin: 0; padding: 0; }
section.resp_multiple_columns.image_waterfall p a:link { border: none !important; }

@media (max-width: 1000px) /* break point for responsive */
{ /* media query OPEN */
    section.resp_multiple_columns.image_waterfall { display: block; background: transparent !important; }
    h2.waterfall, p.waterfall { text-align: center !important; }
    section.resp_multiple_columns.image_waterfall div p img { max-width: 270px; height: auto !important; }
} /* break point for responsive */

@media (max-width: 900px) /* break point for responsive */
{ /* media query OPEN */
    h2.waterfall, p.waterfall { text-align: center !important; }
    section.resp_multiple_columns.image_waterfall div p img { max-width: 230px; }
} /* break point for responsive */

@media (max-width: 760px) /* break point for responsive */
{ /* media query OPEN */
    h2.waterfall, p.waterfall { text-align: center !important; }
    section.resp_multiple_columns.image_waterfall div p { font-size: 90% !important; }
    section.resp_multiple_columns.image_waterfall div p img { width: 100% !important; max-width: 300px; }
} /* media query CLOSE */

@media (max-width: 700px) /* break point for responsive */
{ /* media query OPEN */
    section.resp_multiple_columns.image_waterfall div p img { max-width: 300px; }
} /* media query CLOSE */

@media (max-width: 600px) /* break point for responsive */
{ /* media query OPEN */
    section.resp_multiple_columns.image_waterfall div p img { width: 100% !important; max-width: unset; }
} /* media query CLOSE */
/* IMAGE WATERFALL end */

/* DIV CAPTION start */
div.caption { margin: 5px auto 10px auto; padding: 0 0 20px 0; width: 100%; clear: both; line-height: 1.5em; }
/* DIV CAPTION end */

/* MORE With ARROW start */
a.more_info_arrow_small { text-decoration: none; border: none; margin: 0 5px; padding: 0 5px; font-size: 1em; }
a:link.more_info_arrow_small:link { text-decoration: none; border: none !important; }
a:visited.more_info_arrow_small:visited { text-decoration: none; border: none; }
a:hover.more_info_arrow_small:hover { text-decoration: none; border: none !important; }
a:active.more_info_arrow_small:active { text-decoration: none; border: none; }

a.more_info_arrow_small:after { content: " ➔"; }
a.more_info_arrow_small { transform: translateX(0); transition: right 1s, transform 1s; }
a.more_info_arrow_small:hover { right: 0%; transform: translateX(5%); }

/* MORE With ARROW end */

/* MORE BAR start */
div.moreBarWhite { display: block; position: relative; height: 30px; margin: 10px 0; padding: 5px; background: transparent; color: white; }
div.moreBarWhite>div { display: flex; position: absolute; line-height: 30px; }
div.moreBarWhite>div:nth-of-type(1) { left: 10px; }
div.moreBarWhite>div:nth-of-type(2) { right: 20px; }
div.moreBarWhite>div:nth-of-type(2):hover { right: 10px; cursor: pointer; }
div.moreBarWhite>div:nth-of-type(2) img { margin: 0 0 0 15px; }

@media (max-width: 716px) 
{ 
    div.moreBarWhite { height: auto; margin: 5px 0; padding: 5px; }
    div.moreBarWhite>div { display: block; position: relative; line-height: auto; width: 100%; left: 0; margin: 0; }
    div.moreBarWhite>div:nth-of-type(2) { width: 100%; text-align: right; margin: 0 5px; }
    div.moreBarWhite>div:nth-of-type(2):hover { margin: 0 5px 0 10px; }
    div.moreBarWhite>div:nth-of-type(2), div.moreBarWhite>div:nth-of-type(2) img { height: 30px; line-height: 30px; vertical-align: middle; }
    div.moreBarWhite>div:nth-of-type(2) img { margin: 0 5px; }
}

/* MORE BAR end */


/* PROMOTED ARTICLE PANELS (Homepage) end */
.autowide { clear: both; display: inline-block; overflow: none; position: relative; }

/* for thumbnail images in this panel */
.autowide img.thumbnail { position: relative; max-width: 100px; width: 100px; border: 1px solid #d7d7d7; overflow: hidden; }

/* for small images in this panel */
.autowide img.small { position: relative; max-width: 130px; width: 130px; border: 1px solid #d7d7d7; overflow: hidden; }
.autowide h1 { margin: 0 0 5px; color: #968d4b; }
.autowide h2 { margin: 0 0 5px; color: #968d4b; }
.autowide h3 { margin: 0 0 5px; }
.autowide h4 { margin: 0; text-align: left; }
.autowide h5 { margin: 0; }

.autowide h5 a { font-weight: 600; font-size: 105%; }
.autowide h5 a:link { color: #666666; }
.autowide h5 a:visited { color: #666666; }
.autowide h5 a:active { color: #666666; }
.autowide h5 a:hover { color: black; text-decoration: none; }

.autowide a { font-weight: 700; }
.autowide a:link { text-decoration: none; border-bottom: 1px grey dotted; }
.autowide a:visited { text-decoration: none; border-bottom: 1px grey dotted; }
.autowide a:active { text-decoration: none; border-bottom: 1px grey dotted; }
.autowide a:hover { text-decoration: none; border-bottom: 1px black solid; }

.autowide .button_black a:link { background: white; color: grey; border: silver solid thin !important; padding: 2px 3px; font-size: .6em; line-height: 20px; height: 20px; vertical-align: middle; }
.autowide .button_black a:visited { background: white; color: grey; border: silver solid thin !important; }
.autowide .button_black a:active { background: white; color: grey; border: silver solid thin !important; }
.autowide .button_black a:hover { color: white; background: #505050; text-decoration: none; border: #505050 solid thin !important; }

.autowide h6 { margin: 0 0 5px; color: #968d4b; text-transform: uppercase; }

.autowide p { margin: 0 0 10px 0; font-size: 100%; line-height: 1.4em; text-align: left; }

.autowide div.lockToBottom { display: inline-block; clear: both; width: auto; height: 30px; background-color: transparent; padding-top: 5px; padding-bottom: 5px; }

.autowidePanelButton a:link { margin: 0 0 5px 5px; float: right; padding: 2px 10px 2px 10px; text-align: center; font-weight: 400; text-transform: lowercase; border-bottom: none !important; }
.autowidePanelButton a:hover { margin: 0 0 5px 5px; float: right; padding: 2px 10px 2px 10px; text-align: center; font-weight: 400; text-decoration: none; text-transform: lowercase; border-bottom: none !important; }
.autowidePanelButton a:visited { border-bottom: none !important; }
.autowidePanelBar { margin: 5px 0 0 0; height: 25px; clear: both; padding: 5px 5px 0 5px; border-top: 1px solid #d6d6d6; }
.autowidePanelBarHome { margin: 5px 0 10px 0; height: 15px; clear: both; padding: 2px 5px 2px 5px; border-top: 1px solid #d6d6d6; }
.autowidePanelBarLeft { float: left; }

.autowidePanelBarMiddle { height: 12px; line-height: 12px; vertical-align: middle; position: absolute; bottom: 0; right: 80px; width: 80px; display: block; text-align: center; float: right; margin: 2px 3px 2px 3px; padding: 5px 2px 2px 2px; font-size: 7pt; color: red; }
.autowidePanelBarRight { font-size: 8pt; float: right; color: silver; }

/* PROMOTED ARTICLE PANELS (Homepage) end */

/* TEASER PANEL STYLE start */
#container { width: 100%; }

#card-container { margin: auto; }

.item_vert_col { width: auto; margin: 10px auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(30, 30, 30, 0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(30, 30, 30, 0.25); box-shadow: 0px 0px 5px 0px rgba(30, 30, 30, 0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.item_vert_col h4 a { font-weight: 700; }
.item_vert_col h4 a:link {}
.item_vert_col h4 a:visited {}
.item_vert_col h4 a:active {}
.item_vert_col h4 a:hover { font-weight: 700; }

.item_vert_col p { display: none; }

/* .col-wrapper { display: inline-block; margin: 0 -5px 0 0; width: 49%; vertical-align: top; } */
.col-wrapper { display: inline-block; margin: 0; vertical-align: top; text-align: left; }

/*
.col-wrapper h4 a { font-weight: 700; }
.col-wrapper h4 a:link { color: #666666; }
.col-wrapper h4 a:visited { color: #666666; }
.col-wrapper h4 a:active { color: #666666; }
*/
.col-wrapper h4 a:hover {}

.col { display: inline-block; margin: 0 -5px 0 0; width: 50%; vertical-align: top; }

.item { width: calc(100% - 25px); margin: 10px auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.item-img { position: relative; width: 100%; }

.item-img img { position: relative; width: 100%; }

.item-desc { position: relative; padding: 10px; }

.col-heading { font-size: 1.25em; margin: 0 0 10px 0; font-weight: 700; margin: 5px 0 0 0; }

/* LINK STYLE */
.col-wrapper a { font-weight: 700; }

.col-wrapper a:link { text-decoration: none; border-bottom: none; }
.col-wrapper a:visited { text-decoration: none; border-bottom: none; }
.col-wrapper a:active { text-decoration: none; border-bottom: none; }
.col-wrapper a:hover { text-decoration: none; border-bottom: none; }

.col-wrapper .item h4 a:link { text-decoration: none; border-bottom: 1px grey dotted; padding-bottom: 2px; line-height: 20px; }
.col-wrapper .item h4 a:visited { text-decoration: none; border-bottom: 1px grey dotted; }
.col-wrapper .item h4 a:active { text-decoration: none; border-bottom: 1px grey dotted; }
.col-wrapper .item h4 a:hover { text-decoration: none; border-bottom: 1px grey solid; }

/* TEASER PANEL STYLE end */

/* CUSTOM PANEL */
.Grad 
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100&amp;0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(247, 247, 247, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 1) 100%);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7',GradientType=0 ); */
    border-bottom: 1px solid #dedddd;
}

/* CUSTOM PANEL end */


/* CUSTOM CONTACT PAGE start */

#customContactForm { padding: 0; color: white; background-attachment: scroll; background-position: top center; border-radius: 15px; background-repeat: round; background-size: contain; background-attachment: fixed; }

.form-light { background-color: rgba(255, 255, 255, 0.3) !important; border: black thick solid; }

#customContactForm span.firstcontactspan { display: inline-block; font-size: 18px; margin: 15px 0 0 0; padding: 0 10px; }

@media (max-width: 960px) 
{
    #customContactForm span.firstcontactspan { display: inline-block; font-size: 15px; line-height: 12pt; margin: 15px auto 0 auto; padding: 0 60px; }
}

#customContactForm hr { border: 0; border-bottom: 1px dotted grey; background: transparent; margin-top: 5px; margin-bottom: 5px; }

#customContactForm div.shader_dark { padding: 15px 20px 10px 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 15px; }
#customContactForm div.shader_dark h1,
#customContactForm div.shader_dark h2,
#customContactForm div.shader_dark h3,
#customContactForm div.shader_dark h4,
#customContactForm div.shader_dark h5,
#customContactForm div.shader_dark h6,
#customContactForm div.shader_dark p { color: white; }

#customContactForm div.container { width: auto; margin: 0 auto; position: relative; display: block; height: auto; border: none; }

#customContactForm div.container h1,
#customContactForm div.container h2,
#customContactForm div.container h3,
#customContactForm div.container h4,
#customContactForm div.container h5,
#customContactForm div.container h6,
#customContactForm div.container p { text-align: left; color: white; }

#customContactForm div.container iframe { width: 100% !important; height: 200px; }

#customContactForm div.left { display: inline-block; float: left; width: 40%; white-space: normal; text-align: left; }

#customContactForm div.left ul { list-style: none; padding-left: .2em; text-indent: 0; }
#customContactForm div.left li { overflow: visible; padding-left: 1.5em; position: relative; list-style-type: none; }
#customContactForm div.left li a:link { margin: 0; padding: 0; white-space: nowrap; }
#customContactForm div.left li p { margin: 0; padding: 0; text-indent: 0; }

/* #customContactForm div.left li:before { content: "►"; display: block; float: left; width: 1.2em; color: #ff0000; } */

#customContactForm div.left li:nth-child(1):before 
{
    content: "\f041";
    /* FontAwesome Unicode >>> Marker - Source : https://github.com/bokmann/font-awesome-rails/blob/master/app/assets/stylesheets/font-awesome.css.erb */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -.2em;
    /* same as padding-left set on li */
    margin-right: auto;
    width: 1.0em;
    /* same as padding-left set on li */
}

#customContactForm div.left li:nth-child(2):before 
{
    content: "\f017";
    /* FontAwesome Unicode >>> Clock - Source : https://github.com/bokmann/font-awesome-rails/blob/master/app/assets/stylesheets/font-awesome.css.erb */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -.2em;
    /* same as padding-left set on li */
    margin-right: auto;
    width: 1.0em;
    /* same as padding-left set on li */
}

#customContactForm div.left li:nth-child(3):before 
{
    content: "\f095";
    /* FontAwesome Unicode >>> Phone - Source : https://github.com/bokmann/font-awesome-rails/blob/master/app/assets/stylesheets/font-awesome.css.erb */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -.2em;
    /* same as padding-left set on li */
    margin-right: -1px;
    width: 1.0em;
    /* same as padding-left set on li */
}

#customContactForm div.left li:nth-child(4):before 
{
    content: "\f003";
    /* FontAwesome Unicode >>> Envelope - Source : https://github.com/bokmann/font-awesome-rails/blob/master/app/assets/stylesheets/font-awesome.css.erb */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -.2em;
    /* same as padding-left set on li */
    margin-right: -1px;
    width: 1.0em;
    /* same as padding-left set on li */
}

#customContactForm div.left li:nth-child(5):before 
{
    content: "\f0ac";
    /* FontAwesome Unicode >>> Envelope - Source : https://github.com/bokmann/font-awesome-rails/blob/master/app/assets/stylesheets/font-awesome.css.erb */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -.2em;
    /* same as padding-left set on li */
    margin-right: -1px;
    width: 1.0em;
    /* same as padding-left set on li */
}

#customContactForm div.left a:link { color: white !important; padding: 0; margin: 0; border-bottom: silver dotted 0; font-weight: normal; }
#customContactForm div.left a:visited { color: white !important; }
#customContactForm div.left a:hover { color: white !important; padding-bottom: 0; border-bottom: white dotted thin !important; }
#customContactForm div.left a:active { color: white !important; }
#customContactForm div.right { display: inline-block; float: right; width: 58%; white-space: normal; text-align: left; }

@media screen and (max-width:1024px) 
{
    #customContactForm { padding: 0; border-radius: 5px; }
    #customContactForm div.shader_dark { padding: 10px 0; border-radius: 5px; }
    #customContactForm div.left { display: block; float: none; width: auto; }
    #customContactForm div.right { display: block; float: none; width: auto; }
}

/* Mobile Portrait - high resolution ( iPhone X[R] in portrait ) */
@media only screen and (min-device-width : 276px) and (max-device-width : 597px) and (orientation : portrait) 
{
    #customContactForm span { font-size: 12pt; padding-left: 25px; padding-right: 25px; line-height: 25px; }
    #customContactForm { padding: 0; border-radius: 0; margin-top: -5px; }
    #customContactForm div.shader_dark { padding: 10px 0; margin: 0; border-radius: 0; }
    #customContactForm div.left { display: block; float: none; width: auto; }
    #customContactForm div.right { display: block; float: none; width: auto; }
}

@media (max-width: 736px) and (orientation : landscape) 
{
    #customContactForm div.left ul li { margin: 5px 25px; padding-left: 30px; }
}

@media (max-width: 716px) 
{
    #customContactForm { padding: 0; border-radius: 0; margin: -5px 0 0 0; }
    #customContactForm div.shader_dark { padding: 10px 0; margin: 0; border-radius: 0; }
    #customContactForm div.left { display: block; float: none; width: auto; }
    #customContactForm div.right { display: block; float: none; width: auto; }
}

@media (max-width: 414px) 
{
    #customContactForm span { padding-left: 15px; padding-right: 15px; }
    #customContactForm div.left ul li { margin: 5px 25px; padding-left: 30px; }
}

/* CUSTOM CONTACT PAGE end */

/* SPECIAL PANEL STYLE start */
.special_panels { border: thin silver solid; padding: 10px 0 0 0; margin: 0 0 8px 0; background: white; }
.special_panels h4 { font-size: .9em; color: grey; margin: 0; padding: 0; }
.special_panels h6 { font-size: .7em; color: grey; margin: 0; padding: 0; text-align: center; }

#pancontainer ul { margin: 0; padding: 3px 0; list-style-type: none; }
#pancontainer li:nth-child(odd) { margin: 0 0 .2em 0; background-color: whitesmoke; list-style-type: none; }
#pancontainer li:nth-child(even) { margin: 0 0 .2em 0; background-color: #e6e7e8; list-style-type: none; }
#pancontainer li:nth-last-of-type(1) { margin: 0 0 0 0; list-style-type: none; }

#pancontainer a { display: block; width: auto; height: auto; color: #666666; padding: .2em .8em .2em .8em; text-decoration: none; overflow: hidden; }
#pancontainer a:hover { background-color: #505050; color: #FFF; }
#pancontainer a h5 { font-size: .8em; margin: 2px 0 2px 0; padding: 0; }
#pancontainer a .featuredate { color: silver; text-align: right; font-size: 10px; }

/* LATEST ARTICLES PANEL start */
/* horizontal START */
#panel_hor_content_img { display: inline-block; border: silver 1px solid; float: left; clear: both; overflow: visible; margin: 1em 1em 1em 0em; height: 70px; max-width: 70px; }
#panel_hor_content_title { font-weight: 700; font-size: 10pt; text-align: left; margin-top: 1em; line-height: 1.4em; }
#panel_hor_content_desc { font-weight: normal; font-size: 10pt; line-height: 1.4em; }
#panel_hor_content_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; right: 0; bottom: 0; position: relative; padding: 0 4px; }
/* horizontal END */

/* horizontal/vertical START */
#panel_hor_vert_content_img { display: none; }
#panel_hor_vert_content_title { display: block; max-width: 780px; font-weight: 500; font-size: .8em; text-align: left; background: transparent; line-height: 14px; padding: 5px 0; }
#panel_hor_vert_content_desc { display: none; font-weight: normal; }
#panel_hor_vert_content_date { display: none; }

/* horizontal/vertical END */
/* LATEST ARTICLES PANEL end */

/* COMMENTS start */
/* horizontal START */
#panel_hor_content_comments_img { float: left; margin: 10px 37px 1em 20px; max-width: 50px; }
#panel_hor_content_comments_title { font-weight: 700; font-size: 10pt; text-align: left; margin-top: 1em; line-height: 1.4em; }
#panel_hor_content_comments_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; padding: 0 4px; right: 0; bottom: 0; position: relative; }

/* horizontal END */
/* horizontal/vertical START */
#panel_hor_vert_content_comments_img { display: none; left: 60px; margin: 15px 7px; vertical-align: top; clear: left; width: 30px; height: 30px; }
#panel_hor_vert_content_comments_title { display: block; font-weight: 500; font-size: .8em; text-align: left; background: transparent; line-height: 14px; padding: 5px 0; }
#panel_hor_vert_content_comments_date { display: none; color: silver; text-align: right; font-size: 11px; margin-top: -20px; font-weight: normal; }

/* COMMENTS on Record Pages START */
/* comments bar START */
#commentsPanel { margin-top: 10px; margin-bottom: 10px; padding: 20px 20px; font-family: Arial, Helvetica, sans-serif; font-size: .8em; }

#commentsPanel h2 { display: inline-block; box-sizing: border-box; color: #4c565e; font-size: 18px; line-height: 180%; margin: auto; padding: 0 5px 15px 0; border-bottom: 2px solid #6caee0; font-family: Arial, Helvetica, sans-serif; width: 100%; }

.commentsBar 
{
    background: #b2b6b8;
    background-image: -webkit-linear-gradient(top, #b2b6b8, #888c8f);
    background-image: -moz-linear-gradient(top, #b2b6b8, #888c8f);
    background-image: -ms-linear-gradient(top, #b2b6b8, #888c8f);
    background-image: -o-linear-gradient(top, #b2b6b8, #888c8f);
    background-image: linear-gradient(to bottom, #b2b6b8, #888c8f);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.commentsBarBackground { background-image: url(../images/template/comments-bar.png); background-repeat: no-repeat; background-position: left 0; width: 40px; }

.comment_title { font-size: 1em; font-weight: 700; color: white; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0 0 3px #888888; }
.comment_open_close { width: 40px; font-size: 1em; font-weight: 700; color: white; text-align: center; }

/* comments bar END */
/* COMMENTS on Record Pages START */
/* COMMENTS end */

/* HORIZONTAL ROWS start */
.new_section_inner .toggle_row { line-height: 40px; bottom: 0; margin: 0 auto; padding: 12px 10px 0 0; width: 100%; }
.new_section_inner .toggle_row h2 { display: inline-block; max-width: 80%; vertical-align: middle; line-height: normal; float: none; }
.new_section_inner div.innerElementsBorder h2 { line-height: 32px; }
.new_section_inner .toggle_row h6 { margin: 10px 0; line-height: 1.2em; text-align: center; }
.new_section_inner .short_description { font-size: .55em; font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }
.new_section_inner p { margin: 10px 0; }

.new_section_inner .toggle_row a:link , .new_section_inner .toggle_row a:hover , .new_section_inner .toggle_row a:visited { border: none !important; }          /* DC added: Jan 2025 )

/* MINUS-PLUS PANEL start */
.no_link_underline a { text-decoration: none; }
.no_link_underline a:link { text-decoration: none; }
.no_link_underline a:visited { text-decoration: none; }
.no_link_underline a:active { text-decoration: none; }
.no_link_underline a:hover { text-decoration: none; }

.cssSquare 
{
    -webkit-border-radius: 0px;
    /* was 999px for circle */
    -moz-border-radius: 0px;
    /* was 999px for circle */
    border-radius: 0px;
    /* was 999px for circle */
    /* behavior: url(PIE.htc); */
    width: 20px;
    height: 20px;
    padding: 0;
    background: white;
    border: 2px solid black;
    color: black;
    text-align: center;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
    transition: color 0.2s linear;
    font: 20px Arial, sans-serif;
}

.cssSquare:hover { background: #3F69A0; cursor: pointer; }

.minusSign { line-height: .8em; float: right; }
.plusSign { line-height: 1em; float: right; }
.minusSign:hover, .plusSign:hover { color: white; }

/* COLLAPSE HEADER BAR start */
/* horizontal */
.plus_minus_panel_hor_border { clear: both; padding: 2px; background: white; margin: 10px auto; }
#bar_row_center_hor { margin: 0 auto; width: 90%; text-align: center; font-weight: 700; font-size: 80%; height: 30px; line-height: 30px; vertical-align: middle; }
/* horizontal / vertical */
.plus_minus_panel_vert_hor_border { clear: both; border: 2px solid #b6b7b8; margin: 10px 0; background: white; }
#bar_row_center_vert_hor { margin: 0 auto; width: 90%; text-align: left; font-weight: 700; font-size: 80%; color: white; height: 30px; line-height: 30px; vertical-align: middle; }
#bar_row_container { width: 100%; height: 30px; padding: 5px 0 7px 0; height: 30px; line-height: 30px; vertical-align: normal; }
#bar_row_left { display: none; float: left; width: 20%; }
#bar_row_right { display: block; float: right; text-align: right; margin-right: 5px; padding: 4px 8px 4px 3px; }
/* COLLAPSE HEADER BAR end */
/* MINUS-PLUS PANEL end */
/* HORIZONTAL ROWS end */

/* TABLE ROWS simple no border background transparent START */
table.simple_responsive { border: none !important; border-collapse: collapse; margin: 0; padding: 0 !important; width: 100%; border-spacing: 0 !important; }
table.simple_responsive tr { border: none #ddd; padding: 0; margin: 0; }
table.simple_responsive th, table.simple_responsive td { padding: 0; margin: 0; text-align: center; }
table.simple_responsive th { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
table.simple_responsive tr td p { font-size: 12px; margin: 0; padding: 0 5px 10px 5px !important; line-height: normal; }
table.simple_responsive.no_captions tr td p { display: none; }
table.simple_responsive img { width: 100%; border: none; }
@media screen and (max-width: 600px) 
{
    table.simple_responsive { border: 0; }
    table.simple_responsive thead { display: none; }
    table.simple_responsive tr { border-bottom: none; display: block; margin-bottom: 10px; }
    table.simple_responsive td { border-bottom: none; display: block; font-size: 13px; text-align: right; }
    table.simple_responsive td:last-child { border-bottom: 0; }
    table.simple_responsive td:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
    table.simple_responsive img { width: 100%; border: none; }
}
/* TABLE ROWS simple no border background transparent END */

/* HOMEPAGE LIST PANELS */
.child h3 { margin: 170px auto 0 auto; text-align: center; font-weight: bolder; color: white; }
.child h6 { display: none; margin: 10px 0; line-height: 1.2em; text-align: center; }

.child:hover h3 { margin: 130px auto 0 auto; text-align: center; font-weight: bolder; color: white; }
.child:hover h6 { display: block; margin: 10px 0; line-height: 1.2em; text-align: center; }
.child:hover .child_content { position: relative; color: white; z-index: 1; }
.child:hover .child_background { padding: 2px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/template/black_50_percent_bg.png) repeat; z-index: -5; border-radius: 0; }

/* LISTS SHORT DESCRIPTION start */
#lists_short_description { font-size: .55em; font-family: Arial, Helvetica, sans-serif; margin: 5px 0 0 35px; color: white; }

/* LISTS SHORT DESCRIPTION end */

/* HOMEPAGE LIST PANELS end */

/* ELEMENT CONTAINER (for left center right within container box) start */
.elements_container 
{ 
    right: 0; clear: both; padding: 5px 0;
    /* BELOW stops elements from shuffling underneath when viewed on mobile devices COMMENT OUT IF REQUIRED  start */
    display: flex; flex-flow: row nowrap;
    /* Align on the same line */
    justify-content: space-between;
    /* Equal margin between the child elements */
    /* ABOVE stops elements from shuffling underneath when viewed on mobile devices COMMENT OUT IF REQUIRED  end */
}

.elements_container .left, .elements_container .center, .elements_container .right { display: inline-block; }
.elements_container .left { float: left; }
.elements_container .center { margin: 5px 0 auto; }
.elements_container .right { float: right; }

.clear { clear: both; }

/* ELEMENT CONTAINER (for left center right within container box) end */


/* CATEGORY PAGE start */

/* CATEGORY TOP SECTION start */
#topCategorySection { padding: 10px; }

/* bulleted list styles START */
#topCategorySection ul { margin: 5px 10px 10px 10px; list-style-type: none; }
#topCategorySection li { list-style-position: inside; list-style-type: square; margin: 0 10px 0 10px; padding: 5px 0 0 0; text-indent: -1em; padding-left: 1em; line-height: 130%; }

/* bulleted list styles END */

/* CATEGORY TOP SECTION end */
/* CATEGORY PANELS start */
.categoryPanel { padding: 10px; min-height: 110px; }
.categoryPanel img.thumbnail { float: left; margin: 0 10px 5px 0; width: 100px; overflow: hidden; }
.categoryPanel img.thumbnail:hover { border: 1px solid silver; }
.categoryPanel div.lockToBottom { position: relative; bottom: 0px; display: block; clear: both; height: 30px; padding: 5px 0 2px 0; vertical-align: bottom; }

.categoryPanelButton a:link { border-right: 5px solid transparent; margin: 0 0 7px 5px; float: right; padding: 2px 15px 2px 7px; text-align: right; font-weight: bold; color: white; background-color: #968d4b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.categoryPanelButton a:visited { color: white; }
.categoryPanelButton a:active { color: white; }
.categoryPanelButton a:hover { background-color: #B79900; color: white; }

/* LINK STYLE */
.categoryPanel a { font-weight: 700; }
.categoryPanel a:link { text-decoration: none; border-bottom: 1px grey dotted; }
.categoryPanel a:visited { text-decoration: none; border-bottom: 1px grey dotted; }
.categoryPanel a:active { text-decoration: none; border-bottom: 1px grey dotted; }
.categoryPanel a:hover { text-decoration: none; border-bottom: 1px #666666 solid; }

/* CATEGORY PANELS end */

/* CATEGORY PAGE ********************************************* end */


/* SUBCATEGORY PAGE start */

/* SUBCATEGORY TOP start */

.subcat_intro_top_panel { margin: 0 auto 10px auto; padding: 10px; font-weight: 700; vertical-align: middle; line-height: 16pt; position: relative; display: block; max-width: 960px; }
.subcatTop { background-color: transparent; margin: 20px auto 5px auto; padding: 0 0 10px 0; overflow: none; }
.subcatTop div.quote 
{
    margin: 20px auto;
    line-height: 1.6em;
    text-align: center;
    font-weight: 200;
    color: #494b79;
    border-top: #ededed thin dashed;
    border-bottom: #ededed thin dashed;
    background: url(../images/template/quote_sm_right-both.png) no-repeat right center;
    font-size: 120%;
    padding: 10px 40px 10px 10px;
    position: static;
    clear: none;
    /* float:right; */
    max-width: 80%;
}

.subcatTop div.quote p { color: grey; padding: 0; margin: 3px 0 0 0; font-size: 8pt; text-align: center; }
.subcatTop div.grey_panel { padding: 10px; margin: 10px 0 10px 0; background-color: #fafafa; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.subcatTop div.grey_panel img { border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; margin: 5px auto 0 auto; display: block; }
.subcatTop div.question { padding: 0 0 0 30px; height: 23px; margin: 10px 0 10px 0; line-height: 2.0em; background: url(../images/template/q.png) no-repeat left top; }
.subcatTop div.clear_caption { border-bottom: white 1pt solid; color: #494b79; font-size: 10px; padding: 0; line-height: 1.4em; text-align: center; margin: 0 auto 10px auto; min-width: 100%; position: relative; display: inline-block; background-color: transparent; height: 25px; }

/*
.subcatTop ul { margin: 5px 20px 10px 20px; list-style-type: none; }
.subcatTop li { font-size:1.2em; line-height:1.3em; font-weight:normal; color:black; text-decoration:none; list-style-position:outside; list-style-type:none; list-style-image:url(../images/template/bullet-square.gif); padding:0px; margin:5px 20px 10px 10px; text-align:left; }
*/

/* bulleted list styles START */
.subcatTop ul { margin: 5px 10px 10px 10px; list-style-type: none; }
.subcatTop li { list-style-position: inside; list-style-type: square; margin: 0 10px 0 10px; padding: 5px 0 0 0; text-indent: -1em; padding-left: 1em; line-height: 130%; }
/* bulleted list styles END */

/* Custom List Style START */
/* LINKS LIST GROUP */
.subcatTop #link ul 
{
    padding: 1px 5px 10px 10px;
    border: silver solid thin;
    width: 80%;
    margin: 0 auto 15px auto;
    background: whitesmoke url(../images/template/links-top-right-bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    vertical-align: middle;
    display: block;
    min-height: 70px;
}

.subcatTop #link li:first-child 
{
    list-style-type: none;
    padding: 10px 5px 5px 0px;
    margin: 15px 0 5px 0;
    border-top: #dddddd solid thin;
    border-bottom: #dddddd solid thin;
    background-image: url(../images/template/link.gif);
    background-repeat: no-repeat;
    background-position: left 10px;
    width: 340px;
    text-indent: 0;
    padding-left: 30px;
    line-height: 140%;
    min-height: 23px;
}

.subcatTop #link li 
{
    list-style-type: none;
    padding: 5px 5px 5px 0px;
    margin: 5px 0 5px 0;
    border-bottom: #dddddd solid thin;
    background-image: url(../images/template/link.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    width: 340px;
    text-indent: 0;
    padding-left: 30px;
    line-height: 140%;
    min-height: 23px;
}

/* PDF LIST GROUP */
.subcatTop #pdf ul 
{
    padding: 1px 5px 10px 10px;
    border: #ededed solid thin;
    width: 80%;
    margin: 15px auto 10px auto;
    background: #fafafa url(../images/template/downloads-top-right-bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    /* list-style-image: url(../images/template/pdf.gif); */
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    vertical-align: middle;
    display: block;
    min-height: 70px;
}

.subcatTop #pdf li:first-child 
{
    list-style-type: none;
    padding: 10px 5px 5px 0px;
    margin: 15px 0 5px 0;
    border-top: #dddddd solid thin;
    border-bottom: #dddddd solid thin;
    background-image: url(../images/template/pdf.gif);
    background-repeat: no-repeat;
    background-position: left 10px;
    width: 340px;
    text-indent: 0;
    padding-left: 30px;
    line-height: 140%;
    min-height: 23px;
}

.subcatTop #pdf li 
{
    list-style-type: none;
    padding: 5px 5px 5px 0px;
    margin: 5px 0 5px 0;
    border-bottom: #dddddd solid thin;
    background-image: url(../images/template/pdf.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    width: 340px;
    text-indent: 0;
    padding-left: 30px;
    line-height: 140%;
    min-height: 23px;
}

/* Custom List Style END */
.subcatTop ol { display: block; list-style-type: circle; counter-increment: foo; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 10px; }

.subcatTop_content { margin: 10px 0; }

/* SUBCATEGORY TOP end */

/* SUBCATEGORY PANELS start */
.subcategoryPanel { padding: 10px; display: block; width: auto; box-sizing: border-box; }
.subcategoryPanel img.thumbnail { float: left; margin: 0 10px 5px 0; width: 100px; overflow: hidden; }
.subcategoryPanel img.thumbnail:hover { border: 1px solid silver; }

.subcategoryPanel span.membersOnly { border: thin solid silver; padding: 3px 7px; font-size: 80%; background-color: white; }

/* LINK STYLE */
.subcategoryPanel a { font-weight: 700; }
.subcategoryPanel a:link { text-decoration: none; border-bottom: 1px grey dotted; }
.subcategoryPanel a:visited { text-decoration: none; border-bottom: 1px grey dotted; }
.subcategoryPanel a:active { text-decoration: none; border-bottom: 1px grey dotted; }
.subcategoryPanel a:hover { text-decoration: none; border-bottom: 1px black solid; }

/* SUBCATEGORY PANELS end */

/* PAGINATION start */
.pagination_box { padding: 5px; margin: 0 auto; }
div.pagination a { color: grey !important; }
div.pagination a:link, div.pagination a:visited, div.pagination a:hover { border: lightgrey solid 1px !important; border-radius: 3px !important; background: whitesmoke; }
div.pagination a:link { color: grey; background: white !important; }
div.pagination a:visited { color: silver !important; background: #fafafa !important; }
div.pagination a:hover { color: black !important; border: darkgrey solid 1px !important; }
div.pagination span.current { color: white !important; }
/* PAGINATION end */

/* FILTER / SORT CONTAINERS start */
.dd_filter_menus_box { clear: both; padding: 0 10px; font-size: 9pt; display: block; width: auto; position: relative; height: 40px; line-height: 40px; vertical-align: middle; margin-bottom: 10px; }
.dd_filter_menus_box label { display: inline-block; margin: 0; }
.dd_filter_menus_box>form { display: inline-block; }
.dd_filter_menus_box select { margin: 0 0 0 1px; padding: 12px; border-radius: 4px; box-sizing: border-box; resize: vertical; border: 1px solid #ccc; }
.dd_filter_menus_box div.recs_found { display: none; }
.dd_filter_menus_box .right { display: inline-block; position: absolute; top: 10px; right: 10px; }
.dd_filter_menus_box img { display: inline-block; }
.dd_sort_by_box { padding: 0 10px; font-size: 9pt; display: block; max-width: 99%; position: relative; height: 40px; line-height: 40px; vertical-align: middle; margin: 0 auto 10px auto; }
.dd_sort_by_box label { font-weight: 400; display: inline-block; margin: 0 5px 0 5px; color: grey; text-align: right; }
.dd_sort_by_box>form { display: inline-block; }
.dd_sort_by_box select { margin: 0 0 0 1px; padding: 12px; border-radius: 4px; box-sizing: border-box; resize: vertical; border: 1px solid #ccc; }
.dd_sort_by_box div.recs_found { display: none; }
.dd_sort_by_box div.right { float: right; display: inline; position: relative; }
.dd_sort_by_box img { display: inline-block; }
.dd_sort_by_box .button { display: inline-block; margin-left: 3px; min-height: 20px; padding: 5px; }

@media (max-width: 810px) /* break point for responsive */
{
    /* media query OPEN */
    .dd_filter_menus_box { display: none; clear: none; padding: 0 10px 10px 10px; font-size: 11pt; width: auto; position: relative; height: inherit; margin-bottom: 1px; width: auto; }
    .dd_filter_menus_box .left, .dd_filter_menus_box .center, .dd_filter_menus_box .right { display: block; width: 100%; }
    .dd_filter_menus_box .left { height: auto; line-height: auto; vertical-align: auto; width: 100%; float: none; float: none; }
    .dd_filter_menus_box .right { clear: both; height: auto; line-height: auto; vertical-align: auto; display: block; top: 5px; width: 100%; float: none; }
    .dd_filter_menus_box label { display: block; margin: 0; padding: 0; border: none; float: none; height: 20px; line-height: 20px; }
    .dd_filter_menus_box #sortBy label { display: block; margin: 0; padding: 0; border: none; float: none; height: 20px; line-height: 20px; font-weight: 700; margin-top: 10px; }
    .dd_filter_menus_box select { width: auto; margin: 0; padding: 0; display: table-cell; height: 25px; line-height: 25px; vertical-align: middle; position: relative; float: none; }
    .dd_filter_menus_box input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; }
    .dd_filter_menus_box .right input[type="submit"] { display: block; width: auto; margin-top: 5px; }
    .dd_filter_menus_box img { display: none; }
    .dd_filter_menus_box div.recs_found { display: block; }
    .dd_sort_by_box { clear: both; padding: 0 10px; font-size: 9pt; display: block; width: auto; position: relative; height: auto; line-height: 40px; vertical-align: middle; margin: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_sort_by_box label { display: inline-block; margin: 0 2px 0 0; color: grey; text-align: left; }
    .dd_sort_by_box>form { display: inline-block; }
    .dd_sort_by_box select { margin: 0 0 0 1px; padding: 12px; border-radius: 4px; box-sizing: border-box; resize: vertical; border: 1px solid #ccc; }
    .dd_sort_by_box div.recs_found { display: none; }
    .dd_sort_by_box .right { float: right; display: block; }
    .dd_sort_by_box img { display: inline-block; }
}

/* media query CLOSE */


@media (max-width: 800px) /* iphone 5 and 6 */
{ /* media query OPEN */
    .dd_filter_menus_box { display: none; }
    .dd_filter_menus_box select { width: 715px; margin: 0; padding: 0; display: table-cell; height: 25px; line-height: 25px; vertical-align: middle; position: relative; float: none; }
    .dd_filter_menus_box input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 715px; height: 25px; border: none; background: #00C851; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_filter_menus_box .right input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 715px; height: 25px; border: none; background: #4285F4; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

@media (max-width: 768px) /* iphone 5 and 6 */
{ /* media query OPEN */
    #topCategorySection { padding: 10px 5px; }
    .dd_filter_menus_box { display: none; }
    .dd_filter_menus_box select { width: 690px; margin: 0; padding: 0; display: table-cell; height: 25px; line-height: 25px; vertical-align: middle; position: relative; float: none; }
    .dd_filter_menus_box input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 690px; height: 25px; border: none; background: #00C851; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_filter_menus_box .right input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 690px; height: 25px; border: none; background: #4285F4; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

@media (max-width: 736px) /* iphone 5 and 6 */
{ /* media query OPEN */
    .dd_filter_menus_box { display: none; }
    .dd_filter_menus_box select { width: 515px; margin: 0 auto; padding: 0; display: table-cell; height: 25px; line-height: 25px; vertical-align: middle; position: relative; float: none; }
    .dd_filter_menus_box input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 515px; height: 25px; border: none; background: #00C851; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_filter_menus_box .right input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 515px; height: 25px; border: none; background: #4285F4; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_sort_by_box .button { display: inline-block; position: relative; margin: 0 auto 5px auto; width: 60px; min-height: 18px; background-color: #00C851; color: white; font-weight: 700; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

@media (max-width: 567px) /* iphone 5 and 6 */
{ /* media query OPEN */
    .dd_filter_menus_box select { width: 370px; margin: 0; padding: 0; display: table-cell; height: 25px; line-height: 25px; vertical-align: middle; position: relative; float: none; }
    .dd_filter_menus_box input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 370px; height: 25px; border: none; background: #00C851; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_filter_menus_box .right input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 370px; height: 25px; border: none; background: #4285F4; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

@media (max-width: 414px) /* iphone 5 and 6 */
{ /* media query OPEN */
    .dd_filter_menus_box select { width: 340px; margin: 0; padding: 0; display: table-cell; height: 25px; line-height: 25px; vertical-align: middle; position: relative; float: none; }
    .dd_filter_menus_box input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 340px; height: 25px; border: none; background: #00C851; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_filter_menus_box .right input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 340px; height: 25px; border: none; background: #4285F4; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_sort_by_box .button { display: inline-block; position: relative; margin: 0 auto 5px auto; width: 60px; min-height: 18px; background-color: #00C851; color: white; font-weight: 700; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

@media (max-width: 375px) /* iphone 5 and 6 */
{ /* media query OPEN */
    .dd_filter_menus_box select { width: 305px; margin: 0; padding: 0; display: table-cell; height: 25px; line-height: 25px; vertical-align: middle; position: relative; float: none; }
    .dd_filter_menus_box input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 305px; height: 25px; border: none; background: #00C851; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_filter_menus_box .right input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 305px; height: 25px; border: none; background: #4285F4; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

@media (max-width: 320px) /* iphone SE */
{ /* media query OPEN */
    .dd_filter_menus_box select { width: 250px; margin: 0; padding: 0; display: table-cell; height: 25px; line-height: 25px; vertical-align: middle; position: relative; float: none; }
    .dd_filter_menus_box input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 250px; height: 25px; border: none; background: #00C851; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_filter_menus_box .right input[type="submit"] { display: block; width: auto; float: none; margin-top: 5px; width: 250px; height: 25px; border: none; background: #4285F4; color: white; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .dd_sort_by_box .button { display: block; margin: 0 auto 5px auto; width: 60px; min-height: 20px; background-color: #00C851; color: white; font-weight: 700; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}
/* FILTER / SORT CONTAINERS end */
/* SUBCATEGORY PAGE end */


/* GENERAL start */

/* ROUNDED CORNERS start */
.rounded_corners_5px { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.rounded_corners_10px { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

/* ROUNDED CORNERS end */

/* BUTTONS start */
.button a:link { padding: 4px 10px 4px 10px; text-align: center; font-weight: 500; text-transform: lowercase; }
.button a:hover { text-decoration: none; text-transform: lowercase; }
span.button a:link { padding: 4px 10px 4px 10px; text-align: center; font-weight: 500; text-transform: lowercase; display: inline-block; min-width: 200px; clear: both; margin-bottom: 5px; }

span.button a:hover { text-decoration: none; text-transform: lowercase; }
span.button-red a:link { background-color: #ff4444; padding: 4px 5px 4px 5px; text-align: center; font-weight: 500; text-transform: lowercase; display: inline-block; margin: 0 10px; webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: white !important; }
span.button-red a:hover { text-decoration: none; background-color: #CC0000; color: white !important; }
span.button-red a:active { text-decoration: none; color: white !important; }
span.button-red a:visited { text-decoration: none; color: white !important; }

span.button-orange a:link { background-color: orange; padding: 4px 5px 4px 5px; text-align: center; font-weight: 500; text-transform: lowercase; display: inline-block; margin: 0 10px; webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: white !important; }
span.button-orange a:hover { text-decoration: none; background-color: #FF8800 !important; color: white !important; }
span.button-orange a:active { text-decoration: none; color: white !important; }
span.button-orange a:visited { text-decoration: none; color: white !important; }

/* BUTTON Source: http://css3buttongenerator.com */
a.button-green { color: white; font-weight: 500; }
a.button-green:link { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #00C851; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }
a.button-green:active { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #00C851; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }
a:hover.button-green:hover { background: #007E33 !important; text-decoration: none; color: white; cursor: pointer; }
a.button-green:visited { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #00C851; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }
p.button-green a { background: #00C851; text-decoration: none; color: white !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 8px; margin: 5px auto; text-align: center; display: inline-block; font-weight: 700; }
p.button-green a:link { background: #00C851; color: white !important; font-weight: 500; }
p.button-green a:active { background: #00C851; color: white !important; }
p.button-green a:hover { background: #007E33 !important; text-decoration: none; color: white !important; }
p.button-green a:visited { background: #00C851; color: white !important; }

a.button-orange { color: white; font-weight: 500; }
a.button-orange:link { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FF8800; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }
a.button-orange:active { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FF8800; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }
a:hover.button-orange:hover { background: #FF8C00 !important; text-decoration: none; cursor: pointer; color: white !important; }
a.button-orange:visited { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FF8800; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }

a.button-red { color: white; font-weight: 500; }
a.button-red:link { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FF4500; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }
a.button-red:active { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FF4500; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }
a:hover.button-red:hover { background: #CC0000 !important; text-decoration: none; cursor: pointer; color: white !important; }
a.button-red:visited { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FF4500; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }

a.button-grey { color: white !important; font-weight: 500; }
a.button-grey:link { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #bdbdbd; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }
a.button-grey:active { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #bdbdbd; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }
a:hover.button-grey:hover { background: #b0b0b0 !important; text-decoration: none; cursor: pointer; color: white !important; }
a.button-grey:visited { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #bdbdbd; margin: 0 5px; padding: 3px 8px; text-decoration: none; color: white !important; }

/* BUTTONS end */

/* HORIZONTAL LINE which is responsive START */
div.horizontal_responsive { width: auto; border: #e1e1e1 thin solid; padding: 4px; }
ul.horizontal_responsive { padding: 0; margin: 10px auto; }
ul.horizontal_responsive li { display: inline-block; margin: 7px auto; }
ul.horizontal_responsive li a { background-color: white; color: #6caee0; padding: 5px 8px; text-decoration: none; font-weight: normal; border: thin solid #e1e1e1; margin: 0 2px; }
ul.horizontal_responsive li a:hover { background-color: #6caee0; color: white; border: thin solid #6caee0; }
/* HORIZONTAL LINE which is responsive END */

/* ERROR MESSAGE STYLES start */
.error { border: 1px solid silver; background-color: #fff; width: 90%; padding: 5px 10px; margin: 10px auto; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08); }
.error ul { margin: 5px 5px 5px 5px; }
.error ul li { display: block; list-style-position: inside; list-style-type: none; margin: 0 5px 0 5px; padding: 5px 0 0 0; text-indent: 0; padding-left: .5em; line-height: 120%; color: #c40008; }
.error p { padding: 0 10px 3px 10px; margin: 0 10px 0 10px; width: 90%; }
.error blockquote { padding: 0 0 3px 0; margin: 0 10px 0 10px; width: 90%; }
.error_main_site { margin: 10px 5px 5px 20px; }

/* ERROR MESSAGE STYLES end */

/* NOTIFY MESSAGE STYLES start */
.notify { border: 1px solid #336699; background-color: #ffffee; color: #336699; width: 90%; padding: 5px 10px; margin: 5px auto 20px auto; }
/* NOTIFY MESSAGE STYLES end */

/* SEARCH TERM HIGHLIGHT start  */
.highlight { background-color: yellow; padding: 0 2px 0 2px; margin: 0 0 0 0; }
/* SEARCH TERM HIGHLIGHT end  */

/* SLIDESHOW start */
.imgcntnr { margin: 10px 0 10px 0; padding: 15px 5px 5px 5px; overflow: hidden; height: 100%; width: auto; border: none; background: #fafafa; }
#displayimages, #thumbcolumn { float: left; position: relative; }
#displayimages { width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 3px; }
#displayimages img { height: 70px; }
#thumbcontainer { height: auto; }
#thumbcolumn { width: 100px; height: 100%; overflow: auto; margin: 0 auto; margin-right: -100px; }
.thumbimages { display: block; margin: 0 auto 5px; }
/* SLIDESHOW end

/* GENERAL end */

/* OTHER PAGES start */

/* GALLERY PANEL TOP PANEL start */
#wraparound_botRight { text-align: left; border: thin silver solid; border: 1px solid #ccc; display: block; height: auto; position: relative; }
#wraparound_botRight p:nth-of-type(2) { color: #521f13; margin: 0 135px 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
#wraparound_botRight p:nth-of-type(3) { text-indent: 20px; color: #521f13; margin: 0 135px 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
#wraparound_botRight p:nth-of-type(4) { text-indent: 20px; color: #521f13; margin: 0 135px 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
/* GALLERY PANEL TOP PANEL end */

/* LISTS start  */

#listPage { padding: 10px; }

.listPanel 
{
    border: 1px solid #ededed;
    margin: 0px 0 5px 0;
    min-height: 125px;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
}

.listPanel h1 { font-size: 200%; margin: 0 0 .3em 0; font-weight: bold; }
.listPanel h2 { font-size: 160%; margin: 0 0 .3em 0; font-weight: bold; }
.listPanel h3 { font-size: 130%; margin: 0 0 .3em 0; font-weight: bold; }
.listPanel h4 { font-size: 100%; margin: 0 0 .3em 0; font-weight: bold; }
.listPanel p { margin-top: 0; margin-bottom: 1em; font-size: 1em; line-height: 1.6em; text-align: left; }

.listPanel hr { border: none; background-color: silver; color: silver; height: 1px; margin-top: 5px; margin-bottom: 5px; }
.listPanel hr.clear { clear: both; border: none; background-color: white; color: white; height: 1px; margin-top: 5px; margin-bottom: 5px; }

.list_title_underline { border-bottom: thin silver solid; }

.listPanel img { margin: 0 1px 0 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
/* for thumbnail images in this panel */
.listPanel img.thumbnail { float: left; position: relative; margin: 0 5px 5px 0; max-width: 100px; border: 1px solid silver; }
.listPanel img.thumbnail { border: 1px solid red; }
/* for small images in this panel */
.listPanel img.small { float: left; position: relative; margin: 0 5px 5px 0; max-width: 100px; border: 1px solid silver; }
.listPanel img.small:hover { border: 1px solid red; }
/* for small images with no link in this panel */
.listPanel img.smallNoLink { float: left; position: relative; margin: 0 5px 5px 0; max-width: 100px; border: 1px solid silver; }

.listPanel div.clear_caption 
{ 
    border-bottom: #ededed 1pt dashed; color: grey; font-size: 10px;
    line-height: 1.4em; text-align: center; margin: 0 auto 10px auto; padding: 5px;
    min-width: 100%; position: relative; display: inline-block; background-color: transparent; height: 25px;
}

.black_glass_effect_panel_longer 
{
    color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 1.6; padding: 5px; background: grey url(../images/template/fade-glass-square_long_BG.png) repeat-x;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; border: grey medium solid; margin: 15px 0px 15px 0px;
}

a.button, a.button 
{ 
    display: block; background-color: transparent; background-image: url(../images/template/see_all_list_01.gif); background-repeat: no-repeat; width: 400px; height: 20px; margin: 5px auto; padding: 3px 0 0 0; text-align: center; 
    font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 100%; font-weight: normal; text-decoration: none;
}

.glass_button 
{
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
    border: thin solid grey;
    padding: 5px;
    margin: 0 4px;
}

/* MEMBER EDIT PANEL start */

.mem_edit_panel_subcat { display: inline-block; float: right; border: thin #00C851 solid; padding: 5px; margin: 3px 0; background: white; font-size: 80%; color: black; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight: 500; }

.member_edit_button { background-color: #eee; border: thin solid #b0b0b0; color: #57524c; padding: 2px 5px; margin: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.member_edit_button:hover { background-color: #eee; border: thin solid #57524c; color: black; padding: 2px 5px; margin: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; cursor: pointer; }

.mem_edit_panel 
{
    clear: both;
    border: thin #444444 solid;
    padding: 5px 15px;
    margin: 30px 0 15px 0;
    background: white url(../images/template/diagonal_stripes_repeat_mem_edit_panel.png) repeat center top;
    font-size: 80%;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    letter-spacing: 0.1em;
}

.mem_edit_panel h1 { color: white; margin: 5px 0 0 0; font-weight: 500; }
.mem_edit_panel h2 { color: white; margin: 5px 0 0 0; font-weight: 500; }
.mem_edit_panel h3 { color: white; margin: 5px 0 0 0; font-weight: 500; }
.mem_edit_panel h4 { color: white; margin: 5px 0 0 0; font-weight: 500; }
.mem_edit_panel h5 { color: white; margin: 5px 0 0 0; font-weight: 500; }
.mem_edit_panel p { font-weight: 500; }

/* MOVED TO CSS-DATABASE-AFFECTED-CODE-UNIVERSAL by DC
.mem_edit_panel a:link { color: white !Important; text-decoration: none; border-bottom: 2px grey dotted; }
.mem_edit_panel a:visited { color: white !Important; text-decoration: none; border-bottom: 2px grey dotted; }
.mem_edit_panel a:active { color: white !Important; text-decoration: none; border-bottom: 2px grey dotted; }
.mem_edit_panel a:hover { color: white !Important; text-decoration: underline; border-bottom: 2px black solid; }
*/
.mem_edit_panel hr { border: none; background-color: #5cb85c; color: #5cb85c; height: 1px; margin-top: 5px; margin-bottom: 5px; clear: both; }

.editable_area_style { border: none; margin: 0; padding: 0; background-color: none; }
.editable_area_style_active { border: #c0ecb6 solid thin; margin: 5px 0; padding: 5px 5px; background-color: #f4ffdd; }
.editable_area_style_subcat { border: none; margin: 0; padding: 0; background-color: none; }
.editable_area_style_subcat_active { border: #00C851 solid thin; margin: 5px 0; padding: 0 5px; background-color: #f4ffdd; }
.editable_area_style_subcat_active:hover { border: #00C851 solid thin; margin: 5px 0; padding: 0 5px; background-color: white; }

/* MEMBER EDIT PANEL end */

/* SEARCH PAGE start */
.searchPage a { font-weight: 700; font-size: 110%; }
.searchPage a:link { text-decoration: none; border-bottom: 1px grey dotted; }
.searchPage a:visited { text-decoration: none; border-bottom: 1px grey dotted; }
.searchPage a:active { text-decoration: none; border-bottom: 1px grey dotted; }
.searchPage a:hover { text-decoration: none; border-bottom: 1px black solid; }
/* SEARCH PAGE end */

/* SITEMAP PAGE start */
.siteMapPage a { font-weight: 700; font-size: 90%; }
.siteMapPage a:link { text-decoration: none; border-bottom: 1px grey dotted; }
.siteMapPage a:visited { text-decoration: none; border-bottom: 1px grey dotted; }
.siteMapPage a:active { text-decoration: none; border-bottom: 1px grey dotted; }
.siteMapPage a:hover { text-decoration: none; border-bottom: 1px black solid; }
/* SITEMAP PAGE end */

/* OTHER PAGES end */

/* MEDIA QUERIES *** MEDIA QUERIES *** MEDIA QUERIES *** MEDIA QUERIES *** MEDIA QUERIES *** MEDIA QUERIES start */

/* GALLERY PANEL TOP PANEL start */
@media (max-width: 1366px) 
{
    #wraparound_botRight p:nth-of-type(2) { color: #521f13; margin: 0 135px 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
    #wraparound_botRight p:nth-of-type(3) { text-indent: 20px; color: #521f13; margin: 0 135px 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
    #wraparound_botRight p:nth-of-type(4) { text-indent: 20px; color: #521f13; margin: 0 135px 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
}

@media (max-width: 1024px) 
{
    .desktop_only { display: none; }
    .hide_this_desktop_only { display: inline-block; }
    .show_this_desktop_only { display: none; }
}

@media (max-width: 768px) 
{
    .hide_only_from_mobile { display: none; }
    #wraparound_botRight p:nth-of-type(2) { color: #521f13; margin: 0 0 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
    #wraparound_botRight p:nth-of-type(3) { text-indent: 20px; color: #521f13; margin: 0 135px 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
    #wraparound_botRight p:nth-of-type(4) { text-indent: 20px; color: #521f13; margin: 0 135px 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }

    /* SUBCATEGORY PAGES start */
    .subcategoryPanel { margin: 0 0 10px 0; }
    .categoryPanel { margin: 0 0 10px 0; }
    .filter_sort_box { margin: 0 0 10px 0; }
    .elements_container { margin: 0 0 10px 0; }
    /* SUBCATEGORY PAGES end */

    /* RECORD PAGES start */
    .recordPanel { max-width: auto; margin-left: 5px; margin-right: 0; }
    /* RECORD PAGES end */
}

@media (max-width: 415px) 
{
    #wraparound_botRight p:nth-of-type(2) { color: #521f13; margin: 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
    #wraparound_botRight p:nth-of-type(3) { text-indent: 20px; color: #521f13; margin: 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
    #wraparound_botRight p:nth-of-type(4) { text-indent: 20px; color: #521f13; margin: 0 135px 0 0; font-size: 15px; font-family: Georgia, serif; font-weight: 700; }
}

/* GALLERY PANEL TOP PANEL end */

/* MEDIA QUERIES start */
@media screen and (max-width: 1024px) 
{ /* media query */
    /* HIDE FROM NON-RESPONIVE start */
    span.tooltipster-question { display: none; }
    /* HIDE FROM NON-RESPONIVE end */
} /* media query */

@media screen and (max-width: 840px) 
{ /* media query OPEN */

    span.button a:link { display: block; margin: 5px auto; width: auto; }
    /* SHOW WHEN NON-RESPONIVE ONLY start */
    .hide_from_responsive { display: none; }
    .show_from_responsive { display: block; }
    /* SHOW WHEN NON-RESPONIVE ONLY end */
    .contentLeftColumnHorizontal_inner_main_adverts { clear: both; min-height: 4em; padding: 5px 0; margin: auto; max-width: auto; max-height: 465px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}  /* media query CLOSE */

@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) 
{ /* media query OPEN */

    /* HEADER logo text and strapline START */
    header .mastImage {}
    /*   display: block; border: red thick solid;  DC commented out SEPTEMBER 2019 WEDNESDAY 18th */
    #topRowLeftText h1 { font-size: 140%; }
    #topRowLeftText h2 { font-size: 120%; }
    .homeHouseIcon { margin: 3px 0 3px 0; }
    .handheldNavigationToggleRight { line-height: normal; vertical-align: middle; display: inline-block; margin-right: 0; }
    /* HEADER logo text and strapline END */

    /* SPECIAL PANELS start */
    .special_panels { display: block; }
    /* SPECIAL PANELS end */

    /* MINUS-PLUS PANEL start */
    .plus_minus_panel_vert_hor_border { border: 2px solid #b6b7b8; }
    #bar_row_left { display: none; float: left; width: 20%; }
    #bar_row_right { display: block; float: right; width: auto; text-align: right; margin-right: 5px; padding: 4px 8px 4px 0; }
    #bar_row_center_vert_hor { margin: 0 auto; width: 90%; text-align: left; font-weight: 700; font-size: 80%; color: white; height: 30px; line-height: 30px; vertical-align: middle; }
    /* MINUS-PLUS PANEL start */

    /* LATEST ARTICLES PANEL start */
    /* horizontal AND horizontal/vertical START */
    #panel_hor_content_img, #panel_hor_vert_content_img { display: inline-block; border: silver 1px solid; float: left; clear: both; overflow: visible; margin: 1em 1em 1em 0em; height: 70px; max-width: 70px; }
    #panel_hor_content_title, #panel_hor_vert_content_title { font-weight: 700; font-size: 10pt; text-align: left; margin-top: 1em; line-height: 1.4em; }
    #panel_hor_content_desc, #panel_hor_vert_content_desc { display: block; font-weight: normal; font-size: 10pt; line-height: 1.4em; }
    #panel_hor_content_date, #panel_hor_vert_content_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; right: 0; bottom: 0; position: relative; padding: 0 4px; }

    /* horizontal AND horizontal/vertical END */
    /* LATEST ARTICLES PANEL end */

    /* SUBCATEGORY PAGES start */
    .subcategoryPanel { margin: 0 0 10px 0; }
    .categoryPanel { margin: 0 0 10px 0; }
    .filter_sort_box { margin: 0 0 10px 0; }
    .elements_container { margin: 0 0 10px 0; }
    /* SUBCATEGORY PAGES end */

    /* RECORD PAGES start */
    .recordPanel { max-width: auto; margin-left: 5px; margin-right: 0; }
    /* RECORD PAGES end */

    /* COMMENTS start */
    /* horizontal AND horizontal/vertical START */
    #panel_hor_content_comments_img, #panel_hor_vert_content_comments_img { display: block; float: left; margin: 10px 37px 1em 20px; max-width: 50px; }
    #panel_hor_content_comments_title, #panel_hor_vert_content_comments_title { display: block; font-weight: 700; font-size: 10pt; text-align: left; margin-top: 10px; line-height: 1.4em; }
    #panel_hor_content_comments_date, #panel_hor_vert_content_comments_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; padding: 0 4px; right: 0; bottom: 0; position: relative; }
    /* horizontal AND horizontal/vertical END */
    /* COMMENTS end */

    .list_title_underline { border-bottom: thin red solid; }
} /* media query CLOSE */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) 
{ /* media query OPEN */

    /* HEADER logo text and strapline START */
    /* header .mastImage {  } */
    /* display: block; DC COMMENTED OUT Sep 2019 */
    /* HEADER logo text and strapline END */
    /* TEASER PANEL STYLE start */
    .item_vert_col p { display: block; }

    /* TEASER PANEL STYLE end */
    /* LATEST ARTICLES PANEL start */
    /* horizontal AND horizontal/vertical START */
    #panel_hor_content_img, #panel_hor_vert_content_img { display: inline-block; border: silver 1px solid; float: left; clear: both; overflow: visible; margin: 1em 1em 1em 0em; height: 70px; max-width: 70px; }
    #panel_hor_content_title, #panel_hor_vert_content_title { font-weight: 700; font-size: 10pt; text-align: left; margin-top: 1em; line-height: 1.4em; }
    #panel_hor_content_desc, #panel_hor_vert_content_desc { display: block; font-weight: normal; font-size: 10pt; line-height: 1.4em; }
    #panel_hor_content_date, #panel_hor_vert_content_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; right: 0; bottom: 0; position: relative; padding: 0 4px; }
    /* horizontal AND horizontal/vertical END */
    /* LATEST ARTICLES PANEL end */

    /* COMMENTS start */
    /* horizontal AND horizontal/vertical START */
    #panel_hor_content_comments_img, #panel_hor_vert_content_comments_img { display: block; float: left; margin: 10px 37px 1em 20px; max-width: 50px; }
    #panel_hor_content_comments_title, #panel_hor_vert_content_comments_title { display: block; font-weight: 700; font-size: 10pt; text-align: left; margin-top: 10px; line-height: 1.4em; }
    #panel_hor_content_comments_date, #panel_hor_vert_content_comments_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; padding: 0 4px; right: 0; bottom: 0; position: relative; }
    /* horizontal AND horizontal/vertical END */
    /* COMMENTS end */

} /* media query CLOSE */


@media (max-width: 800px) 
{ /* media query OPEN */

    /* HEADER logo text and strapline START */
    header .mastImage { display: none; }
    .homeHouseIcon { margin: 3px 0 3px 10px; }
    .handheldNavigationToggleRight { line-height: normal; vertical-align: middle; display: inline-block; margin-right: 5px; }
    /* HEADER logo text and strapline END */

    /* TEASER PANEL STYLE start */
    .col-wrapper { width: 49.7%; }
    .col-1, .col-2 { width: 100%; margin: auto; display: inline-block; }
    .item_vert_col p { display: block; }

    /* TEASER PANEL STYLE end */

    /* SPECIAL PANELS start */
    .special_panels { display: block; }

    /* SPECIAL PANELS end */
    /* LATEST ARTICLES PANEL start */
    /* horizontal AND horizontal/vertical START */
    #panel_hor_content_img, #panel_hor_vert_content_img { display: inline-block; border: silver 1px solid; float: left; clear: both; overflow: visible; margin: 1em 1em 1em 0; height: 70px; max-width: 70px; }
    #panel_hor_content_title, #panel_hor_vert_content_title { font-weight: 700; font-size: 10pt; text-align: left; margin-top: 1em; line-height: 1.4em; }
    #panel_hor_content_desc, #panel_hor_vert_content_desc { display: block; font-weight: normal; font-size: 10pt; line-height: 1.4em; }
    #panel_hor_content_date, #panel_hor_vert_content_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; right: 0; bottom: 0; position: relative; padding: 0 4px; }
    /* horizontal AND horizontal/vertical END */

    /* SUBCATEGORY PAGES start */
    .subcategoryPanel { margin: 0 0 10px 0; }
    .categoryPanel { margin: 0 0 10px 0; }
    .filter_sort_box { margin: 0 0 10px 0; }
    .elements_container { margin: 0 0 10px 0; }
    /* SUBCATEGORY PAGES end */

    /* RECORD PAGES start */
    /* Tag Related Links START */
    .recordPanel { max-width: auto; margin-left: 0; margin-right: 5px; }
    .rounded-corners-tags { max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom: 5px; margin: auto; }
    .TAGLINK { display: inline-block; width: 49.5%; }
    /* Tag Related Links END */
    /* RECORD PAGES end */

    /* LATEST ARTICLES PANEL end */
    /* COMMENTS start */
    #commentsPanel { padding: 10px; text-align: left; }
    /* horizontal AND horizontal/vertical START */
    #panel_hor_content_comments_img, #panel_hor_vert_content_comments_img { display: block; float: left; margin: 10px 37px 1em 20px; max-width: 50px; }
    #panel_hor_content_comments_title, #panel_hor_vert_content_comments_title { display: block; font-weight: 700; font-size: 10pt; text-align: left; margin-top: 10px; line-height: 1.4em; }
    #panel_hor_content_comments_date, #panel_hor_vert_content_comments_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; padding: 0 4px; right: 0; bottom: 0; position: relative; }
    /* horizontal AND horizontal/vertical END */
    /* COMMENTS end */

    /* LISTS SHORT DESCRIPTION start */
    #listPage img {}

    #lists_short_description 
    {
        /* display: none; */
        color: white;
        font-size: .55em;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: 580px;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }
    /* LISTS SHORT DESCRIPTION end */
} /* media query CLOSE */


@media (max-width: 736px) 
{ /* media query OPEN */

    /* TEASER PANEL STYLE start */
    .col-wrapper { width: 100%; }
    .col-1, .col-2 { width: 98%; display: block; }
    .item_vert_col p { display: block; }
    /* TEASER PANEL STYLE end */

    /* SPECIAL PANELS start */
    .special_panels { display: block; }
    /* SPECIAL PANELS end */
    /* HORIZONTAL ROWS start */

    .new_section_inner h2 
    {
        font-size: 90%;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: auto;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }

    .new_section_inner h6 { margin: 10px 0; line-height: 1.2em; text-align: center; }

    .new_section_inner .short_description 
    {
        font-size: 80%;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: 410px;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }

    /* HORIZONTAL ROWS end */
    /* LISTS SHORT DESCRIPTION start */
    #lists_short_description 
    {
        display: block;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        color: white;
        font-size: 80%;
        width: 610px;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }

    /* LISTS SHORT DESCRIPTION end */
    /* CATEGEGORY / SUBCATEGORY / RECORDS PAGES start */
    /* BREADCRUMB start */
    div .breadcrumb { display: none; }
    hr.fade { display: none; }
    /* BREADCRUMB end */

    /* RECORD PAGES start */
    /* GENERAL IMAGES (on Record Pages) start */
    .recordPanel img.fixed-ratio-resize { -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; }

    /* GENERAL IMAGES (on Record Pages) end */

    /* Tag Related Links START */
    .rounded-corners-tags { max-height: 500px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 10px; margin: 0 auto 10px auto; }

    /* related link tags START */
    /* NOTE: TAG LINK STYLES ARE NOW MANAGED IN ... includes > CSS-DATABASE-AFFECTED-STYLES-CODE.inc */
    /* Tag Related Links END */

    /* RECORD PAGES end */

    /* CATEGEGORY / SUBCATEGORY / RECORDS PAGES end */
} /* media query CLOSE */

@media (max-width: 525px) 
{ /* media query OPEN */

    /* HEADER logo text and strapline START */
    #topRowLeftText { margin: 0 auto; }
    /* HEADER logo text and strapline END */

    p { text-align: left; }

    /* TEASER PANEL STYLE start */
    .col-wrapper { width: 100%; }
    .col-1, .col-2 { width: 98%; display: block; }
    .item_vert_col p { display: block; }
    /* TEASER PANEL STYLE end */

    /* SPECIAL PANELS start */
    .special_panels { display: block; }
    /* SPECIAL PANELS end */

    /* HORIZONTAL ROWS start */
    section.resp_multiple_columns_no_border div.innerElementsBorder { margin-top: -5px !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 8px 5px 8px; }

    /* DC change AUG 2022 */
    .new_section_inner h2 
    {
        font-size: 90%;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: auto;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }
    /* DC change AUG 2022 end */

    .new_section_inner h6 { margin: 10px 0; line-height: 1.2em; text-align: center; }
    .new_section_inner .short_description 
    {
        font-size: 80%;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: auto;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }

    /* HORIZONTAL ROWS end */
} /* media query CLOSE */


@media (max-width: 414px)
/* iphone 5 and 6 */
    { /* media query OPEN */
    /* GENERAL start */
    h1 { text-align: left; }
    h2 { text-align: left; }
    h3 { text-align: left; }
    p { text-align: left; }

    .previous_next_button { width: auto; display: block; margin: 10px 0; float: none; position: relative; }
    div.horizontal_responsive { margin: -20px 0 -45px 0; padding-top: 0; }
    ul.horizontal_responsive { margin: 0; list-style-type: none; width: auto; display: block; }
    ul.horizontal_responsive li { display: block; margin: 5px auto; width: auto; }
    ul.horizontal_responsive li a { background-color: white; padding: 3px 5px; border: thin solid white; color: #6caee0; }
    ul.horizontal_responsive li a:hover { background-color: white; padding: 3px 5px; border: thin solid #e1e1e1; color: #3F69A0; }
    /* GENERAL end */
} /* media query CLOSE */

@media (max-width: 375px) /* iphone 5 and 6 */
{ /* media query OPEN */

    /* HORIZONTAL ROWS start */
    .new_section_inner h2 
    {
        font-size: 90%;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: auto;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }

    .new_section_inner h6 { margin: 10px 0; line-height: 1.2em; text-align: center; }

    .new_section_inner .short_description 
    {
        font-size: 80%;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: 240px;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }

    /* HORIZONTAL ROWS end */
    /* GENERAL start */
    /* HORIZONTAL LINE which is responsive START */
    div.horizontal_responsive { margin-left: 5px; }
    /* HORIZONTAL LINE which is responsive END */
    /* GENERAL end */
} /* media query CLOSE */

@media (max-width: 320px) /* iphone 4 */
{ /* media query OPEN */

    /* iPhone 4 (portrait) Seach Field START */
    .searcher_textinput4 { max-width: 160px; }

    /* iPhone 4 (portrait) Seach Field END */
    /* HORIZONTAL ROWS start */
    .new_section_inner h2 
    {
        font-size: 90%;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: auto;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }

    .new_section_inner h6 { margin: 10px 0; line-height: 1.2em; text-align: center; }

    .new_section_inner .short_description 
    {
        font-size: 80%;
        text-overflow: ellipsis;
        /* will make [...] at the end */
        width: 185px;
        /* change to your preferences */
        white-space: nowrap;
        /* paragraph to one line */
        overflow: hidden;
        /* older browsers */
    }

    /* HORIZONTAL ROWS end */
    /* PROMOTED ARTICLE PANELS (Homepage) start */
    .autowide img.thumbnail { max-width: 50px; }
    /* for small images in this panel */
    .autowide img.small { max-width: 50px; }
    /* PROMOTED ARTICLE PANELS (Homepage) end */

    /* LATEST ARTICLES PANEL start */
    /* horizontal AND horizontal/vertical START */
    #panel_hor_content_img,
    #panel_hor_vert_content_img { display: inline-block; border: silver 1px solid; float: left; clear: both; overflow: visible; margin: 1em 1em 2px 0; height: 50px; max-width: 50px; }
    #panel_hor_content_title, #panel_hor_vert_content_title { font-weight: 700; font-size: 10pt; text-align: left; margin-top: 1em; line-height: 1.4em; }
    #panel_hor_content_desc, #panel_hor_vert_content_desc { display: block; font-weight: normal; font-size: 10pt; line-height: 1.4em; }
    #panel_hor_content_date, #panel_hor_vert_content_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; right: 0; bottom: 0; position: relative; padding: 0 4px; }
    /* horizontal AND horizontal/vertical END */

    /* LATEST ARTICLES PANEL end */
    /* COMMENTS start */
    /* horizontal AND horizontal/vertical START */
    #panel_hor_content_comments_img, #panel_hor_vert_content_comments_img { display: block; float: left; margin: 10px 10px 2px 10px; max-width: 50px; }
    #panel_hor_content_comments_title, #panel_hor_vert_content_comments_title { display: block; font-weight: 700; font-size: 10pt; text-align: left; margin-top: 10px; line-height: 1.4em; }
    #panel_hor_content_comments_date, #panel_hor_vert_content_comments_date { display: block; color: silver; text-align: right; font-size: 10px; font-weight: normal; margin: 0 auto 0 0; padding: 0 4px; right: 0; bottom: 0; position: relative; }
    /* horizontal AND horizontal/vertical END */

    /* COMMENTS end */
    /* LISTS SHORT DESCRIPTION start */
    #lists_short_description { display: none; }

    /* LISTS SHORT DESCRIPTION end */
    /* GENERAL start */
    /* HORIZONTAL LINE which is responsive START */
    div.horizontal_responsive { margin-left: 5px; }
    /* HORIZONTAL LINE which is responsive END */
    /* GENERAL end */
} /* media query CLOSE */

/* MEDIA QUERIES *** MEDIA QUERIES *** MEDIA QUERIES *** MEDIA QUERIES *** MEDIA QUERIES *** MEDIA QUERIES end */

/* ------------------------------- CUSTOM CSS end ------------------------------- */