@charset "utf-8";
/* CSS Document */

/* Class List for Scripts */
/*
("slide-" + containerIndex.toString());
("demo-" + containerIndex.toString());
("caption-" + containerIndex.toString());
*/

.link-colors:link    { color:#66C; text-decoration:none;}
.link-colors:visited { color:#36C; text-decoration:none; }
.link-colors:hover   { color:#6CF; text-decoration:none; }
.link-colors:active  { color:#69F; text-decoration:none; }

/* Changes all elements to border-box */
* { box-sizing:border-box;/*outline: 1px dotted #E7CDED;*/ }

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  background-image:url("/assets/img/bg/bgLightPurple.gif");
	width:100%;
	text-align: center;
}

wrapper,.wrapper { 
	display: grid;
	grid-template-columns: 300px 1fr 25%; /* Ignore Fixed/Percentages Error in Dreamweaver */
	grid-auto-rows: auto;
	grid-gap: 2em;
	min-height: 100vh;
	width:100%;
	text-align: center;
}

.wrapper-icons { 
    display:grid;
    grid-template-columns:300px 1fr 20%; /* Ignore Fixed/Percentages Error in Dreamweaver */
    grid-auto-rows:auto 30px 50px auto 70px;
    justify-items:stretch;
    align-items:stretch;
    grid-gap:2em; }

/* Ad Space */
.sidebar-ad {
  margin-top: 2em;
  margin-bottom: 2em;
}

/* Grid Layout Used for Main Page Layout Type with <letter> or <longletter>*/
pd0, .page-description-zero {
    grid-column: 2;
    grid-row: 3;
    
}
mc0, .main-content {
  grid-column: 2;
  grid-row: 4;
  display:subgrid;
  background: #9CC url("/assets/img/bg/bgMediumGreen.gif");
  border: 2px solid #336;
  grid-template-rows:auto;
  grid-template-columns: auto;
}

.mini-button {
  display: flex;
  gap: .1em; /* or use gap */
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5em; /* optional vertical space */
	margin-right:1em;
}

.mini-button a {
  width: 46%; /* keep each button under 50% to account for gap */
  display: inline-block;
}

.mini-button img {
  width: 100%; /* ensures image fits its anchor */
  height: auto;
  display: block;
  margin-bottom: 0.5em; /* optional vertical space */
}

/* Shared style for all page descriptions */
pd1, .page-description-one,
pd2, .page-description-two,
pd3, .page-description-three,
pd4, .page-description-four,
pd5, .page-description-five,
pd6, .page-description-six,
pd7, .page-description-seven,
pd8, .page-description-eight,
pd9, .page-description-nine,
pd10, .page-description-ten,
pd11, .page-description-eleven,
pd12, .page-description-twelve,
pd13, .page-description-thirteen,
pd14, .page-description-fourteen,
pd15, .page-description-fifteen,
pd16, .page-description-sixteen,
pd17, .page-description-seventeen,
pd18, .page-description-eighteen {
    grid-column: 2 / 4;
}
/* Shared style for all main-content blocks */
mc1, .main-content-one,
mc2, .main-content-two,
mc3, .main-content-three,
mc4, .main-content-four,
mc5, .main-content-five,
mc6, .main-content-six,
mc7, .main-content-seven,
mc8, .main-content-eight,
mc9, .main-content-nine,
mc10, .main-content-ten,
mc11, .main-content-eleven,
mc12, .main-content-twelve,
mc13, .main-content-thirteen,
mc14, .main-content-fourteen,
mc15, .main-content-fifteen,
mc16, .main-content-sixteen,
mc17, .main-content-seventeen,
mc18, .main-content-eighteen {
  grid-column: 2 / 4;
  display: subgrid;
  background: #9CC url("/assets/img/bg/bgMediumGreen.gif");
  border: 2px solid #336;
  grid-template-rows: subgrid;
  grid-template-columns: subgrid;
}

pd1, .page-description-one       { grid-row: 3; }
mc1, .main-content-one           { grid-row: 4; }
pd2, .page-description-two       { grid-row: 5; }
mc2, .main-content-two           { grid-row: 6; }
pd3, .page-description-three     { grid-row: 7; }
mc3, .main-content-three         { grid-row: 8; }
pd4, .page-description-four      { grid-row: 9; }
mc4, .main-content-four          { grid-row:10; }
pd5, .page-description-five      { grid-row:11; }
mc5, .main-content-five          { grid-row:12; }
pd6, .page-description-six       { grid-row:13; }
mc6, .main-content-six           { grid-row:14; }
pd7, .page-description-seven     { grid-row:15; }
mc7, .main-content-seven         { grid-row:16; }
pd8, .page-description-eight     { grid-row:17; }
mc8, .main-content-eight         { grid-row:18; }
pd9, .page-description-nine      { grid-row:19; }
mc9, .main-content-nine          { grid-row:20; }
pd10, .page-description-ten      { grid-row:21; }
mc10, .main-content-ten          { grid-row:22; }
pd11, .page-description-eleven   { grid-row:23; }
mc11, .main-content-eleven       { grid-row:24; }
pd12, .page-description-twelve   { grid-row:25; }
mc12, .main-content-twelve       { grid-row:26; }
pd13, .page-description-thirteen { grid-row:27; }
mc13, .main-content-thirteen     { grid-row:28; }
pd14, .page-description-fourteen { grid-row:29; }
mc14, .main-content-fourteen     { grid-row:30; }
pd15, .page-description-fifteen  { grid-row:31; }
mc15, .main-content-fifteen      { grid-row:32; }
pd16, .page-description-sixteen  { grid-row:33; }
mc16, .main-content-sixteen      { grid-row:34; }
pd17, .page-description-seventeen{ grid-row:35; }
mc17, .main-content-seventeen    { grid-row:36; }
pd18, .page-description-eighteen { grid-row:37; }
mc18, .main-content-eighteen     { grid-row:38; }


mc0,mc1,mc2,mc3,mc4,mc5,mc6,mc7,mc8,mc9,mc10,mc11,mc12,mc13,mc14,mc15,mc16,mc17,mc18,.main-content,.main-content-one,.main-content-two,.main-content-three,.main-content-four,.main-content-five,.main-content-six,.main-content-seven,.main-content-eight,.main-content-nine,.main-content-ten,.main-content-eleven,.main-content-twelve,.main-content-thirteen,.main-content-fourteen,.main-content-fifteen,.main-content-sixteen,.main-content-seventeen,.main-content-eighteen { 
    display:subgrid;
    background:#9CC url("/assets/img/bg/bgMediumGreen.gif");
    border:2px solid #336;
    grid-template-rows: subgrid;
    grid-template-columns: subgrid;
}

pd0,pd1,pd2,pd3,pd4,pd5,pd6,pd7,pd8,pd9,pd10,pd11,pd12,pd13,pd14,pd15,pd16,pd17,pd18,.page-description,.page-description-one,.page-description-two,.page-description-three,.page-description-four,.page-description-five,.page-description-six,.page-description-seven,.page-description-eight,.page-description-nine,.page-description-ten,.page-description-eleven,.page-description-twelve,.page-description-thirteen,.page-description-fourteen,.page-description-fifteen,.page-description-sixteen,.page-description-seventeen,.page-description-eighteen { 
    font-size:14px;
    font-family:Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,"sans-serif";
    font-weight:700;
    background:url("/assets/img/bg/bgOpacity.png");
    border:2px solid #336;
    color:#336;
    text-indent:1em;
	text-align: left;
}

/* Ad (right column) instead of letter space */



.mcAds {
  grid-column: 2 / 3;
}

.mcAdCol {
  grid-column: 3 / 4;
  align-self: start;
  padding-top: 1em;
}


/* Custom Elements */
page-title,.page-title { 
    text-indent:1em;
    grid-row:2;
    grid-column:1/4;
    grid-auto-flow:column dense;
    font-size:x-large;
    font-weight:700;
    font-style:normal;
    line-height:70px;
    background:#336;
    color:#E9EDF4;
	text-align: left;
}

.modal-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; /* distributes free space evenly */
  align-items: flex-start;       /* optional, keeps tops aligned */
  gap: 1rem;                     /* optional, spacing between boxes */
}

modal-container {
  display: block;
  margin: 0; /* override browser default margins if needed */
}

letter,letterlong,.letter,ads {
  grid-column: 3;
  grid-row: 3 / 12;
  background-image: url("/assets/img/bg/bgOpacity.png");
  border: 2px solid #336;
  padding: 0 2em 2em 2em;
  overflow-x: hidden;
  overflow-y: scroll; /* Keeps scrollbar when needed */ 
    min-height: calc(100vh); 
    max-height: calc(200vh - 300px);  /*Prevents it from going beyond the viewport */
	text-align: left;
}

/* Section Navigation Column */
.sidebar { grid-column:1;grid-row:3/20; align-self:start;}

/*.space-holder {
  grid-column: 2 / 4;
}*/
.space-holder {
  display: none; /* Bye, Felicia */
}
.footer {
  grid-column: 1 / -1;
  grid-row-end: auto;
  font-size: small;
  text-align: center;
  background: url("/assets/img/bg/bgOpacity.png");
  padding: 3em;
}
.site-footer {
  background: url("/assets/img/bg/bgOpacity.png");
  text-align: center;
  padding: 3em;
  font-size: small;
}
/********************************************************************/
/* Blanket Font Family Assignments */
page-title,.house-title,.mesh-num,.mesh-skin-name,.mesh-title,.page-title,.set-title { 
    font-family:anivers,sans-serif; 
}

h1,h2,h3,h4,h5,table,close,skins-title,table-container > th,theme-title,build-title,buy-title,walls-title,heads-title,td.tagline,td.titleline, 
.build-title,.buy-title,.floors-title,.heads-title,.markup,.oldskinname,.oldtitle,.oldtext,.purple-title,.skins-title,.walls-title,.policy { 
 font-family:Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,"sans-serif"; 
}

p,.icon-description,.story { font-family:Baskerville,"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman","serif"; }

/********************************************************************/


table,.markup { border:thin solid #336; }
td.tagline { font-size:small;text-align:left;background-color:inherit; }
td.titleline { font-size:small;font-weight:bold;text-align:left;background-color:inherit;color:#336; }

h1,h2,h3,h4,h5 { 
    color:#336;
    font-weight:bold;
	text-align: left;
}

h2 { white-space:nowrap; }

p { font-size:medium;text-align:justify;background-color:inherit; }

.iconwidth { width:30px;border:none;text-align:left;}
.iconheight { height:30px;border:none;text-align:left; }
img.ico,img.icon { width:30px;height:30px; }

.center { margin:0 auto; }
.purple-title { background:transparent url("/assets/img/bg/bgLightPurple.gif") no-repeat;padding:0.3em;color:#336;font-weight:bold;white-space:nowrap;font-size:large;border:thin solid #336; }

.story { font-size:large;text-align:justify;background-color:inherit;padding:0 10px; }
.story p {font-size:large;text-align:justify;background-color:inherit; }

.floatright { float:right; }
.floatleft { float:left;padding:0px 10px 10px 0px; }

.house-title { text-indent:1em;font-size:large;font-weight:600;font-style:normal;background:#336;color:#E9EDF4;line-height:150%; }
.image-description { float:left;text-align:center;border:1px solid #336;padding-left:20px; }




.main-content-floors { 
    display:subgrid;
    background:#9CC url("/assets/img/bg/bgMediumGreen.gif");
    border:2px solid #336;
    grid-template-columns:repeat(1,200px);
    grid-template-rows:75px 75px;
    grid-auto-flow:column;
}

.instructions {
    width:100%;
    border:thin solid #336;
    padding:25px;
    background:url("/assets/img/bg/bgOpacity.png");
    color:#336;
}

.column-container { display:table;width:100%; }
.set-group { float:top;border:2px dotted #CFF; }
.set-title { font-size:20px;font-weight:700;font-style:normal; }
.set-artist { padding-bottom:12px;font-weight:bold; }

skins-menu-icon,.skins-menu-icon { background-color:#9CC; width:auto; }

skins-menu,.skins-menu { border:#CFF dotted 2px;height:auto;padding:.5em;margin:.5em;width:auto;display:flex;justify-content:center;align-items:flex-start;float:left; }

/* Outer Image Container */

build-item,.build-item { 
    border:#CFF dotted 2px;
    height:auto;
    padding:0;margin:0;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    float:left;
    width:180px;
} 

/*theme { 
    border:#CFF dotted 2px;
    background-color:#9CC;
    text-align:center;
    width:auto;
    padding:5px;
    margin:5px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    float:left; }*/

theme, skins-item,.floors-item,.skins-item,.walls-item,.heads-item  { 
    border:#CFF dotted 2px;
    height:auto;
    width:auto;
    padding:1em;
    margin:1em;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    float:left;
}

.heads-item { width:150px; }

/* Section Tables */
.floors-table { 
    display:block;
    border:#669 solid thin;
    background:#E9EDF4 url("/assets/img/bg/bgOpacity.png");
    text-align:center;
    height:auto;
    width:130px;
    padding: .5em;}

skins-table,walls-table,theme-table,.skins-table,.walls-table,.theme-table { 
    display:block;
    border:#669 solid thin;
    background-color:#E9EDF4;
    text-align:center;
    min-width:50px;
    width:auto;
    background:url("/assets/img/bg/bgOpacity.png"); }

build-table,.build-table { 
    background-color:#9CC;
    text-align:center;
    min-height:200px; }

/* see items > outdoors.php */
.buy-page-table { padding: 0; width: 100%;border:none; }
.buy-table { padding: .5em; width: 225px; background-color: #9CC; margin: .5em auto;}
.head-mesh-box { width:150px;border:thin solid #336; margin:1em;background-image:url("/assets/img/bg/bgOpacity.png") }
.mesh-num { text-align:center;font-size:medium;font-weight:600;font-style:normal;color:#336;line-height:100%; }
.mesh-skin-name  { text-align:center;font-size:small;font-weight:600;font-style:normal;color:#336; line-height:100%; }

/* Section Titles */
build-title,buy-title,heads-title,skins-title,theme-title,walls-title,.build-title,.buy-title,.floors-title,.heads-title,.skins-title,.walls-title { 
    color:#336;
    font-size:smaller;
    font-weight:bold;
    text-align:center;
    white-space:nowrap;
}

skins-title,theme-title,.buy-title,.floors-title,.skins-title { 
    display:block;
    padding: 0.5em 0.1em;
}

theme-title {font-weight:bolder; font-size:medium; }

build-title,buy-title,heads-title,.build-title,.buy-title,.heads-title {
    display:block;
}

.mesh-title { 
    background:#336;
    color:#E9EDF4;
    font-size:medium;
    font-style:normal;
    font-weight:600;
    line-height:150%;
    text-align:center;
}


td.skins-thumb-box { width:150px;height:150px;border:none;text-align: center; margin: 0 auto; }
td.skins-thumb-box.green { background-color:#9CC; }
td.skins-thumb-box > img { width:75px;height:150px; }

/* Page Thumbnail Containers */
floor-thumb,.floors-thumb { display: block;}
heads-thumb,skins-thumb,.heads-thumb,.skins-thumb { border:0;padding:.5em; }
theme-thumb, walls-thumb,.theme-thumb,.walls-thumb { border:0;padding:0;margin:0; }

/*theme-thumb { max-width:100%;max-height:100%;display:block;padding:0; margin:0; }*/
/* Page Thumbnails */floor-thumb > img,.floors-thumb > img { border: thin solid #336; height:64px;width:64px; }
floor-thumb > div,.floors-thumb > div{ padding: 0.5em; }
walls-thumb > img,.walls-thumb > img { height:50px;width:94px; padding:0; }
themes-thumb > img,.themes-thumb > img { height:225px;width:150px; padding:0; }
heads1-thumb > img,.heads1-thumb > img { height:75px;width:150px; padding:0; }

.floor-index-table { 
    background-color:#9CC;
    min-height:200px;
    text-align:center;
}

.floors-thumb, .tooltip { 
    display: block; /* Forces them to stack inside .floors-table */ 
    text-align: center; /* Ensures proper alignment */
    width: 100%; /* Keeps them aligned */ 
}

/* Image Hover */
/*dropdown {
  position: relative;
  display: block;
}

dropdown > img {
  cursor: pointer;
  display: block;
}

dropdown-content {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f9f9f9;
  border: 3px dotted #9CC;
  padding: 5px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 101;
}

dropdown.open dropdown-content {
  display: block;
}

dropdown-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/hidden.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
  z-index: -1;
}


dropdown-content img {
  max-width: 90vw;
  max-height: 90vh;
}*/


dropdown,.dropdown { position:relative; }
dropdown > img,.dropdown > img { cursor:pointer; }
dropdown > img.description-thumb,.dropdown > img.description-thumb { float: left;width:100%; }
dropdown-content,.dropdown-content { display:none;position:fixed;top:50%;left:50%;
/* bring your own prefixes */
transform:translate(-50%,-50%);background-color:#f9f9f9;border:3px dotted #9CC;padding:5px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); }
dropdown:hover dropdown-content,.dropdown:hover .dropdown-content { display:block; z-index:101; }
dropdown-content:after,.dropdown-content:after { content:"";display:block;width:100%;height:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url("/assets/img/hidden.png");background-size:100% 100%;background-position:50% 0 0 50%;background-repeat:no-repeat;opacity:0.7; z-index:102; }

/*Props Page*/
/* Image Hover */
propdown,.propdown { position:relative;width:150px;height:200px;
/*	background-color:#9CC;*/
/* margin:10px; padding:10px;min-width:70px;width:auto;*/ text-align:center; }

propdown > img,.propdown > img{ /*  box-shadow:2px 2px 4px #333399;*/padding:1em; cursor:pointer; }

propdown-content,.propdown-content { display:none;position:fixed;top:50%;left:50%;/* bring your own prefixes */transform:translate(-50%,-50%);background-color:#f9f9f9;border:3px dotted #9CC;padding:1em;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); }

propdown:hover propdown-content,.propdown:hover .propdown-content { display:block; z-index:101; }

propdown-content:after,.propdown-content:after { content:"";display:block;width:100%;height:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url("/assets/img/hidden.png");background-size:100% 100%;background-position:50% 0 0 50%;background-repeat:no-repeat;opacity:0.7; z-index:102; }

/* Image Hover No Shadow */
zoomdown,.zoomdown { position:relative;
/*	background-color:#9CC;*/
/* margin:10px; padding:10px;min-width:70px; width:auto;*/ }

zoomdown > img,.zoomdown > img{ /*  box-shadow:2px 2px 4px #333399;*/ cursor:pointer; }

zoomdown-content,.zoomdown-content { display:none;position:fixed;top:50%;left:50%;/* bring your own prefixes */transform:translate(-50%,-50%);
/*	background:url("/assets/img/bg/bgOpacity.png");*/
background-color:#f9f9f9;border:3px dotted #9CC;padding:5px; /*box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);*/ }

zoomdown:hover zoomdown-content,.zoomdown:hover .zoomdown-content { display:block; z-index:101; }

zoomdown-content:after,.zoomdown-content:after { content:"";display:block;width:100%;height:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url("/assets/img/hidden.png");background-size:100% 100%;background-position:50% 0 0 50%;background-repeat:no-repeat;opacity:0.7; z-index:102; }

/* Custom-Content Guide Page */

.left-float-dropdown { float:left;text-align:center; display:inline-block; position:relative; margin:10px; padding:10px; }

.left-float-dropdown-content { display:none;position:fixed;top:50%;left:50%;/* bring your own prefixes */
  transform:translate(-50%,-50%);background-color:#f9f9f9;border:3px dotted #9CC; padding:5px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:101; }


.left-float-dropdown:hover .left-float-dropdown-content { display:block; z-index:100; }

.right-float-dropdown { float:right;text-align:center; display:inline-block; position:relative; margin:10px; padding:10px; }

.right-float-dropdown-content { display:none;position:fixed;top:50%;left:50%;/* bring your own prefixes */
  transform:translate(-50%,-50%);background-color:#f9f9f9;border:3px dotted #9CC; padding:5px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); }


.right-float-dropdown:hover .right-float-dropdown-content { display:block; z-index:100; }

table.guide { border:2px solid #336;text-align:center;border-spacing:0;table-layout:auto; }

table.guide > th { border:1px solid #336; }

table.opacity { border:2px solid #336;background:url("/assets/img/bg/bgOpacity.png");text-align:left;border-spacing:0;table-layout:auto;padding:10px; }

table.opacity > tr { border:2px solid #336; }
/*--------------------------------    		 ICONS
---------------------------------*/

.icon { float:left; text-align:center; }
.icon-description { font-size:medium;font-weight:bold; padding:5px; }

.icons-item { background-color:#9CC;border:#CFF dotted 2px;padding:10px;margin:10px;width:auto;display:flex;justify-content:center;align-items:flex-start;float:left; }

/*---------------------------------Main Menu Navigation
---------------------------------*/


/* Grid Layout */
.header { /*align-self:start;*/
    display: subgrid;
    grid-column: 1 / -1; /* span entire grid */
    grid-row: 1;
    align-items: stretch;
    justify-items: stretch;
    padding: 0;
    text-align: center;
}

.navbar { display:table;overflow:hidden;margin:auto;width:90%;padding:0;font-size:0px;vertical-align:middle;text-align:center; }

.navrow { vertical-align:middle;alignment-baseline:middle;background-position:center; }

/* TOP NAVIGATION BUTTONS */
.navbar .navlinks { 
	padding-top:10px;
	display:table-cell;
	text-align:center;
	margin:auto;
	vertical-align:middle;
	alignment-baseline:middle;
	background-position:center; 
}
.navbar .navlinks a { 
	-moz-border-radius:45px;
	-webkit-border-radius:
		45px;border-radius:
			45px;background:url("/assets/img/bg/bgDarkPurple.gif");
	display:table-cell;
	margin:auto;
	background-position:center; }
/* Add a new background color to navigation links on hover */
.navbar .navlinks a:hover { 
	background:url("/assets/img/bg/bgMediumGreen.gif");
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	border-radius:45px;
	display:table-cell;
	margin:auto;
	background-position:center; 
}
/* Tooltip container */
navtip,.navtip { 
	position:relative; 
}

/* navtip text */
navtiptext,.navtiptext { 
	display:none;
	width:auto;
	background-color:#E9F4F0;
	color:#336;
	text-align:left;
	padding:10px 60px 10px 10px;
	border-radius:15px;
	white-space:nowrap;
	border:4px dotted #99C;
	font-family:"Lithos Pro Light","EnglishGrotesque Light","Bookmania Light","Lucida Sans Unicode",Verdana,"sans-serif";
	/* Position the navtip text - see examples below! */  /*position:absolute; */
	position:absolute;
	z-index:101;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	cursor:pointer; }

/* navtip Imageb */
navtiptext img,
.navtiptext img { padding-right:10px; float:left; }


/* Tooltip container */
tooltip,.tooltip { position:relative; }

/* Tooltip text */
tooltiptext,.tooltiptext { display:none;width:auto;background-color:#E9F4F0;color:#336;text-align:left;padding:10px 60px 10px 10px;border-radius:15px;white-space:nowrap;border:4px dotted #99C;font-family:"Lithos Pro Light","EnglishGrotesque Light","Bookmania Light","Lucida Sans Unicode",Verdana,"sans-serif";/* Position the tooltip text - see examples below! */  /*position:absolute; */position:absolute;z-index:101;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);cursor:pointer; }

/* Tooltip Imageb */
tooltiptext > img,.tooltiptext > img { padding-right:10px; float:left; }

/* Show the tooltip text on top of item when you mouse over the tooltip container */
tooltip:hover tooltiptext  { display:inline-block; z-index:101;left:-100px; top:40px; }

/* Tooltip2 container */
tooltip2 { position:relative; cursor:pointer; }

/* Tooltip2 text */
tooltiptext2  { display:none;width:auto;background-color:#E9F4F0;color:#336;text-align:left;padding:10px;border-radius:15px;white-space:nowrap;border:4px dotted #99C; font-family:"Lithos Pro Light","EnglishGrotesque Light","Bookmania Light","Lucida Sans Unicode",Verdana,"sans-serif";/* Position the tooltip text - see examples below! */  /*position:absolute; */position:absolute;z-index:101;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); }

/* Tooltip2 Imageb */
tooltiptext2 > img { float:left; }

/* Show the tooltip text when you mouse over the tooltip container */
tooltip2:hover tooltiptext2 { display:inline-block; z-index:101;left:35px; top:0px; }

.button { 
    border:none;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    cursor:pointer;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%;
    text-align:center;
    text-align:left;
    padding:8px 16px;
    white-space:nowrap;
    white-space:normal;  }   

.display-topright{ position:absolute;right:0;top:0; }

gallery { 
    z-index:3;
    display:none;
    padding-top:100px;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,0.4) }

gallery-container:after,gallery-container:before { content:"";display:table; clear:both; }

gallery-container { float:left; padding:0.01em 16px; }


.gallery-content{ margin:auto;background-color:#fff;position:relative;padding:0;outline:0; width:600px; }

@media (max-width:600px) { 
    .gallery-content { margin:0 10px; width:auto!important; } 
    gallery { padding-top:30px; } 
}
@media (max-width:768px) { 
    .gallery-content { width:500px; }
    gallery {
        padding-top:50px;
    } 
}
@media (min-width:993px) { 
    .gallery-content { 
        width:900px; 
    }
}

theme-table { width:100%; height:100%; }

slide-container {
background:url("/assets/img/bg/bgOpacity.png");position:absolute;margin:auto; max-height:95%;top:50%;left:50%;transform:translate(-50%,-50%); padding:10px 0px 0px 10px; }
info-container { float:left;width:18%;padding:0px 10px auto 20px;min-height:400px;margin-right:10px;background-color:white;border:2px dotted #9CC; }
info { display:block; }

numbertext { display:block;clear:right;color:#336;font-style:bold;font-size:medium;top:0; padding:20px 0 0 20px; }/* Lightbox Number Text (1/3 etc) */
date { color:#669; font-size:small;display: block; }
download { display:block;clear:right;text-align:center;padding-top:20px; }
zoom { display:inline-block;float:left;background-color:white;width:600px; height:400px; }
zoom > img {margin:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);padding:0; max-height:100%; }
thumbs { display:block; float:left; }
artist-title { display:block;clear:right;font-size:medium;font-weight:bolder; font-family:"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman","serif";text-align:left;padding:20px 10px 0px 20px; text-decoration:underline; }
artist { display:block;clear:right;font-size:small;font-weight:bold; font-family:"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman","serif";text-align:left;padding:5px 10px 0px 20px; }

/* Next & previous buttons */
.prev,.next { cursor:pointer;position:absolute;width:auto;padding:16px;color:#99C;font-weight:bold;font-size:20px;transition:0.6s ease;user-select:none;-webkit-user-select:none; z-index:30; }

.prev { border-radius:0 45px 45px 0; top:460px; left:0;transform:translateY(-50%); }

/* Position the "next button" to the right */
.next { top:460px; right:0;border-radius:45px 0 0 45px; transform:translateY(-50%); }

/* On hover,add a black background color with a little bit see-through */
.prev:hover,.next:hover { border:6px dotted #CCCCFF;background-color:rgba(204,204,255,0.2); }
.prev:hover { border-left:0; }
.next:hover { border-right:0; }


/* Container for image text */
.caption-container { text-align:center;background-color:#336;padding:2px 200px;color:white;width:100%; float:left; }

/* Close Button */

close { display:block; position:absolute; right:-30px; top:0px;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid #eef5df;background-color:#336;color:white;border-radius:50%;content:"";font-size:30px;font-style:bold;margin:auto;padding:0;cursor:pointer; z-index:25; }

close::after { position:relative;content:"x";right:-6px; top:-12px; }

/* Position the image container (needed to position the left and right arrows) */
.container { position:relative; }

/* Hide the images by default */
slide { display:none;min-height:420px;min-width:1020px; }
slide > img {	margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); padding:0; }

description-container { float:right;display:block;width:22%;padding:.5em;height:400px;margin-right:0px;background-color:white;border:2px dotted #9CC;overflow-x:hidden;overflow-y:scroll; }

description,.description { display: block;font-size:80%;text-align:justify;font-weight:normal; font-family:"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman","serif"; line-height: normal; }

/* Right Description Box of Pop-Up */
house-description-title {
    float:left;
    padding: 1em;
    font-size:small;
    border:thin solid #CCF; 
    width:100%;
    font-weight: bold;
    text-align: center;
    margin: 0em 0em 0.5em 0em;
    background-color: #336;
    color: #E9EDF4;  display: block;  
}

house-description-box { display: block; float:left;padding: 1em; font-size:small; border: thin solid #CCF;border-bottom:none;width: 100%;background-color:white; }
end-house-boxes { display: block; float:left;padding: 1em; font-size:small; border: thin solid #CCF; margin-bottom: 1em;}
house-description-box > img {float: left; padding-right:0.5em;}
house-description-item { display: block; font-weight: bold;text-align: left;background-color: #E9EDF4; border:thin solid #99C;text-align: center;padding:0.2em;margin-top;0.2em;}

.row:after { content:"";display:table; clear:both; }

/* Six columns side by side */
column { float:left; }
column > img { background-color:white;border:1px solid #B5ACC9; }

/* Add a transparency effect for thumnbail images */
demo-row {  display:inline-block;height:150px;overflow-y:auto; scroll-behavior:smooth; width:100%;}
.demo { overflow:auto;opacity:0.6;cursor:pointer; }
.demo:hover { opacity:1; }

/* BEGIN Scroll Bar */
/* width */
::-webkit-scrollbar { width:14px;border:medium #99C; }
/* Track */
::-webkit-scrollbar-track { background:#336;box-shadow:inset 0 0 5px #99C;border-radius:10px; }
/* Handle */
::-webkit-scrollbar-thumb { background:#CCCCFF;border-radius:10px;border-style:groove;border-color:#99C; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background:#FFCCFF;border-radius:10px;border-style:ridge;border-color:#CC99CC; }

.center { padding-left:20px; }

hr { height:2em;background:#336;width:100%;padding:0; margin:0; }

ol.tutorial { background:#CDD8E9; width:800px; font-size:14pt; }

ol.tutorial > li { padding:20px; }

ol.tutorial > li > img { border:1px solid #336; margin:20px; }

/********************************/
/* Build Mode Floor Image Menus */
/********************************/
.table-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    padding: 10px 0;
}
table-container {
    display: block;
    box-sizing: border-box;
    border: 2px dotted #CFF;
    padding: 10px;
    background: #f9f9f9;
    margin: auto;
}

/* Table styling */
table-container > table {
    width: 100%;
    border: 2px solid #336;
    background: #9CC url("/assets/img/bg/bgOpacity.png");
    text-align: center;
    border-collapse: collapse;
}

table-container table th {
    color: #336;
    font-weight: bold;
    font-size: small;
    text-align: center;
    white-space: nowrap;
}

table-container table > tr > td {
    text-align: center;
}

/*table-container { 
    border:#CFF dotted 2px;
	height:auto;
	padding:10px;
	margin:10px;
	width:auto;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	float:left; }
 Floors Table Menu 

table-container > table { 
    display:table;
	border:#336 solid 2px;
    text-align:center;
    background:#9CC url("/assets/img/bg/bgOpacity.png");
}

 table-container > tr{ }

table-container > th { color:#336;
	font-weight:bold; 
	font-size:small;
	text-align:center; white-space:nowrap; }*/

/* End Floors Table Menu */

/*SimsPlus*/

simsplus-thumb { width:200px; height:200px;background-color:white; }
/* Show/Hide Slider */
.disabledCheck { display:none; }
@keyframes toggleAnimateOn { 0% { transform:translate(200%,0); }
    50% { transform:translate(50%,0); }
    100% { transform:translate(0,0); } }
@keyframes toggleAnimateOff { 0% { transform:translate(-200%,0); }
    50% { transform:translate(-140,0); }
    100% { transform:translate(0%,0); } }

.toggle { /*   added */float:right;display:block;width:30px;height:30px;padding:0px;background-color:#99C;color:#336;border:0px #336 solid;box-shadow:1;position:relative;cursor:pointer;font-size:12px;-moz-box-shadow:inset 0 0 5px #0cf;-webkit-box-shadow:inset 0 0 5px #0cf;box-shadow:inset 0 0 5px #0cf; }
.toggle:after { width:30px;height:30px;content:' ';display:block;position:absolute; }

.toggle.on { display:none;  padding:0px;  -webkit-transition:all 0.15s ease-out 0;  -moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0; }
.toggle.on:after { left:2px;animation:toggleAnimateOn 0.5s ease forwards normal; }
.toggle.on { padding:0px; }
.toggle.on img { 	transform:rotate(180deg); }
.toggle.off:after { animation:toggleAnimateOff 0.5s ease backwards normal; }

/* Toggle button float Left */

.toggle-left { /*   added */float:left;display:block;width:30px;height:30px;padding:0px;background-color:#99C;color:#336;border:0px #336 solid;box-shadow:1;position:relative;cursor:pointer;font-size:12px;-moz-box-shadow:inset 0 0 5px #0cf;-webkit-box-shadow:inset 0 0 5px #0cf;box-shadow:inset 0 0 5px #0cf; }
.toggle-left:after { width:30px;height:30px;content:' ';display:block;position:absolute; }

.toggle-left.on { display:none;padding:0px;-webkit-transition:all 0.15s ease-out 0;-moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0; }
.toggle-left.on:after { left:2px;animation:toggleAnimateOn 0.5s ease forwards normal; }
.toggle-left.on { padding:0px; }
.toggle-left.on img { 	transform:rotate(180deg); }
.toggle-left.off:after { animation:toggleAnimateOff 0.5s ease backwards normal; }
/* Toggle Buttons Display */
input[type=checkbox]:checked ~ .on { display:inline-block; }
input[type=checkbox]:checked ~ .off { display:none; }
input[type=text] { display:none; }
more{ /*  padding:20px 30px;*/
  display:none;clear:both;width:100%;margin:0px auto;text-align: left; }
input[type=checkbox]:checked ~ more{ display:block; }

.rot1 {transform:rotate(90deg);}
.rot2 {transform:rotate(180deg);}
.rot3 {transform:rotate(-90deg);}
/* End Show/Hide */

/* temp fix for old html */
/* Temporary Transition CSS Try to make the old crap work*/
.oldskinname { text-align:center;font-size:small;background-color:#9CC;border:thin solid #336;padding:2px;border-spacing:0;height:50px;top:50%;right:50%; }
.oldtitle {	text-align:center;background-color:#9CC;font:medium bolder;width:175px;border:thin solid #336;padding:2px;margin:0px 0px 2px 0px;border-spacing:0; }
.oldtext { background-color:#9CC;font-size:smaller;text-align:justify;padding:2px 7px 2px 7px;border:#669 solid 1px;width:150px; }
.oldObjTable { padding:0px 5px;width:200px;background-color:#9CC;border:thin solid #333366; }
.oldskintable { width:150px;padding:2px;background-color:#9CC;border:#336 thin solid; }
.oldskinicons { width:20px;background-color:#9CC; }
.oldskinartist { width:150px;padding:2px;border:#336 thin solid; }
.oldsimgwindow { background-color:#9CC;vertical-align:top;text-align:center; }
.oldIconsSm { width:20px;height:20px;border:0px;padding:0;float:left; }
.oldnav { border:thin solid #336;padding:2px;margin:0px 0px 2px 0px; }


.item-box { max-width:250px;padding:1em;width:200px;background-color:#9CC;border:thin solid #333366; }
.line-right { border-right:thin solid #336; }

.align-center { text-align:center; vertical-align: top; margin: 0 auto;}
.align-center-top { text-align:center; vertical-align: top; margin: 0 auto;}
.align-top,.top-align {vertical-align:top;margin:0 auto; }
.align-left {text-align:left;padding:.2em; }
.navalign-top {vertical-align:top; left:50%; width:180px; }
.centerself {margin:0 auto;}
.full-width {width:100%;}

/* Create overlay on image and allows a text field.  
  Used for the Real Heads Series II Page on a discontinued mesh */
.fade-image-container { position:relative;display:inline-block;width:150px;height:200px; }

.image-container img { width:100%;height:100%;display:block; }

.overlay { position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5); /* White transparent overlay */ }

.text-field { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;padding:5px;border:1px solid #ccc;background:rgba(255,255,255,0.8);/* Slightly opaque background */
    text-align:center; }
/* Terms of Use text */
.mesh-terms { width:auto;background-color:#E9F4F0;color:#336;text-align:left;padding:10px 60px 10px 10px;border-radius:15px;white-space:nowrap;border:4px dotted #99C;font-family:"Lithos Pro Light","EnglishGrotesque Light","Bookmania Light","Lucida Sans Unicode",Verdana,"sans-serif"; }



/* BEGIN Clip Paths for Creating Image Thumbs from Large Images 150x150 */
img.thumbnail { height:150px;width:150px;object-fit: cover;/* Ensures the image fills the box */ }
/* Leftmost part */
img.thumbnail.crop1 { object-position: 0% center;filter: blur(0.5px); }
img.thumbnail.crop1Top { object-position: 0% top;filter: blur(0.5px); }
img.thumbnail.crop1Bottom { object-position: 0% bottom;filter: blur(0.5px); }
/* 1/8th from the left */
img.thumbnail.crop1b { object-position: 12.5% center; filter: blur(0.5px); }
img.thumbnail.crop1bTop { object-position: 12.5% top; filter: blur(0.5px); }
img.thumbnail.crop1bBottom { object-position: 12.5% bottom; filter: blur(0.5px); }
/* 1/5th from the left */ 
img.thumbnail.crop2 { object-position: 25% center;filter: blur(0.5px); }
img.thumbnail.crop2Top { object-position: 25% top;filter: blur(0.5px); }
img.thumbnail.crop2Bottom { object-position: 25% bottom;filter: blur(0.5px); }
/* Center */ 
img.thumbnail.crop3 { object-position: 50% center;filter: blur(0.5px); }
img.thumbnail.crop3Top { object-position: 50% top;filter: blur(0.5px); }
img.thumbnail.crop3Bottom { object-position: 50% bottom;filter: blur(0.5px); }
/* 4/5th from the left */ 
img.thumbnail.crop4 { object-position: 75% center;filter: blur(0.5px); }
img.thumbnail.crop4Top { object-position: 75% top;filter: blur(0.5px); }
img.thumbnail.crop4Bottom { object-position: 75% bottom;filter: blur(0.5px); }
/* Rightmost part */ 
img.thumbnail.crop5 { object-position: 100% center;filter: blur(0.5px); }
img.thumbnail.crop5Top { object-position: 100% top;filter: blur(0.5px); }
img.thumbnail.crop5Bottom { object-position: 100% bottom;filter: blur(0.5px); }
/* Set/Pack Thumbnail */ 
img.thumbnailpack { height:150px;width:225px;filter: blur(0.5px); }

/* crop thumbnail without resizing */
.thumb-crop { 
  width: 150px;
  height: 150px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* crop image in the middle 75% down */
.thumb-crop img {
  width: 600px;
  height: 400px;
  object-fit: cover;
}

/* Override for the Google Custom Search input field */
.gcse-search input[type="text"],
.gcse-search input.gsc-input {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 30px !important;
  font-size: 16px !important;
  width: 100% !important;
}

/* remove bullet*/
li.no-bullet {
    list-style-type: none;
}
.policy-terms {
  font-size: small;
  text-align: left;
  background-color: #D8E1EE;
  padding: 2em;
  width: 70%;
  margin: 1em;
  display: block;
    max-width: 800px;
}

.policy {
  font-size: small;
  text-align: center;
  background-color: #D8E1EE;
  padding: 1em;
  width: 100%;
  margin: 0 auto 1em auto;
   display: block;
	color:#336; 
    justify-self: center; /* horizontal centering within grid cell */
}

.no-gap { border-collapse: collapse; }
.peri-mist-bg { background-color: #D2DCED; }
.peri-mist-border { border: thin solid #D2DCED; }
.peri-mist-bg-img { background:url("/assets/img/bg/bgOpacity.png"); }
.peri-dusk-bg { background-color: #336; }
.peri-dusk-border { border: thin solid #336; }
.peri-dusk-bg-img { background:url("/assets/img/bg/bgDarkPurple.gif"); }
/* END */