.Off {
	background-color:#fff;
	cursor:hand;
	overflow:hidden;
	word-break:break-word;
}
.On {
	background-color:#eef1f9;
	cursor:hand;
	overflow:hidden;
	word-break:break-word;
}

textarea, input, select {
color-scheme: light;
}

a.skimwords-link {color:purple;border-bottom:1px dotted}

input.StdButton{font-size:13px;border-top:white double;border-right:white double;border-left:white double;border-bottom:white double;width:150px}
input.Subscribe{height:16px;border-left:lightslategray 1px inset;border-right:lightslategray 1px inset;border-bottom:lightslategray 1px inset;border-top:lightslategray 1px inset;width:150px}
select,checkbox,input{font-size:13px;}
textarea{font-family:Roboto,'Segoe UI',Calibri,Arial;font-size:14px}
td.GalleryThumb,a.GalleryThumb,a.GalleryThumb:link,a.GalleryThumb:visited,td.GalleryNav,a.GalleryNav,a.GalleryNav:link,a.GalleryNav:visited{text-decoration:none;font-size:13px}
input.StdRadio,checkbox{border-top:medium none;border-left:medium none;border-bottom:medium none;border-right:medium none}

.SkyScraper{position:absolute;right:0px;}
body{font-family:Roboto,'Segoe UI',Calibri,Arial;font-size:14px}

td {
    font-size:14px
}
td.msg {
	word-break:break-word
}
td.sponsor {
	font-size:10px
}

input {
	font-size:14px
}

.fs14{font-size:14px}
.fs16{font-size:16px}

.fcBlack{color:black}
.fcRed{color:red}
.fcRust{color:#c50}
.fcWhite{color:white}
.fcWedge{color:#369}
.fcYell{color:#ff9}
.fcGrey{color:#808080}

.fShortDescrip{color:#808080;font-size:13px}
.NewMsgCtr{color:#ff9;font-size:13px}
.RustHdr{color:#c50;font-size:14px}

.banned{color:red}

a{color:#369;text-decoration:none}
a.yell{color:#ff9;text-decoration:none}
a:hover{color:#f00}

#LinkBar a{color:#369;text-decoration:none}
#LinkBar a:hover{color:#f33}

#NavBar a{color:#369;text-decoration:none}
#NavBar a:hover{color:#f33}

img {border:none}
img.WOProPic{height:20px;max-width:40px}

.red{color:#c00}
.green{color:#0c0}
.blue{color:#00c}
.yellow{color:#cc0}
.orange{color:#c60}
.brown{color:#543}
.purple{color:#c0c}
.black{color:#000}
.white{color:#fff}
.bold{font-weight:bold}
.italic{font-style:italic}
.underline{text-decoration:underline}
.strike{text-decoration:line-through}
.grey{color:#888}
.inreply{text-decoration:none;color:#888}

.modal-body {
    max-height: 400px;
    overflow-y: auto; /* Adds a scrollbar if the post is a massive essay */
}
/* Ensure Bootstrap Icons work if you use them, or swap for text */
.bi-exclamation-octagon-fill { vertical-align: middle; }

/* Prevent Bootstrap from hiding the scrollbar on the body */
body.modal-open {
    overflow: auto !important;
    padding-right: 0 !important;
}

/* Optional: Make the modal look a bit more "floating" since there's no dark backdrop */
.modal-content {
    border: 1px solid rgba(0,0,0,.2) !important;
	pointer-events: auto;
}

.modal {
    pointer-events: none;
}

/* Force the modal to the middle of the SCREEN, not the PAGE */
#deleteConfirmModal {
    position: fixed !important; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1060; /* Ensure it stays above everything */
}

/* Fix the jumping issue by preventing Bootstrap from messing with the body padding */
body.modal-open {
    overflow: auto !important;
    padding-right: 0 !important;
}

/* Ensure the backdrop covers the entire visible area */
.modal-backdrop {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}