/*User*/
#user_b{color:#262626;}
div.userprof{margin:auto;width:99%;}
table.UserProf {border-collapse:collapse;border:1px solid #dedede;width:100%;font-size:1.3rem;}
#user_b table.UserProf{margin-bottom:20px;}
.def-row {background-color:#fff;}
.def-row-alt {background-color:#ededed;}
a.NavLinks2 {font-size:1.2rem;color:#fff;}
a.NavLinks {line-height:1.8rem;FONT-WEIGHT:bold;color:var(--alt-color2);}
tr.TopicHead{background-color:var(--alt-color2);color:#fff;font-weight:bold;font-size:1.2rem;width:100%;}
td.UserProf {padding:8px 4px;height:20px;width:50%;border:1px solid #dedede;}
td.useradmin{padding:4px;height:20px;}
span.UserTxt{font-size:1.2rem;line-height:1.5rem;padding-top:20px;}
span.UserTxtSM{font-size:1.0rem;line-height:1.5rem;padding-top:5px;display:inline-block;}
a.UserTxtSM{color:var(--main-color1); text-decoration:none;font-size:1.0rem;line-height:1.5rem;padding-top:20px;}
span.lbl-b{font-weight:bold;}
span.PageTitle {font-size:1.6rem; FONT-WEIGHT:bold; }
div.cell{display:block;width:100%;padding-bottom:10px;padding:0 5px 10px 5px;box-sizing:border-box;}
div.tbl{display:table;width:100%;margin-bottom:10px;}
td.UserMenu{height:20px;text-align:center;width:33%; background-color:#EDEDED;font-size:1.2rem;FONT-WEIGHT:bold;}
td.UserMenu a{color:#262626;  font-size:1.2rem; FONT-WEIGHT:bold; }
table.umenu{border:0;background-color:gray;margin:auto;width:80%;} 
div.stdMess{font-size:1.4rem;line-height:2.0rem;border:0px solid #ededed;padding:8px 0px 8px 5px;margin:10px 0px 10px 0px;}
div.stdMess a{color:#225fb2;font-weight:bold;}
input.textbox, textarea.textbox{width:100%;}
span.text14_b{font-size:1.4rem;font-weight:bold;}
span.namehdr {padding:5px;display:inline-block;}
#user_b input{margin-left:0px;font-size:1.3rem;}
input.txtbox, input.txtbox1{width:95%;box-sizing:border-box;font-size:1.3rem;font-family:arial;}
select{width:95%;box-sizing:border-box;}
textarea.textbox-multi{width:90%;height:30px;}
.mainsubj{display:inline;}
#user_b table.UserProf tr{height:30px;}
#user_b input.login-button{border-radius:12px;padding:5px 20px;margin-bottom:12px;font-weight:bold;background-color: var(--main-color1);height:38px;color:white;font-size:1.5rem;border-style:none;}
/*user list*/
a.UOL {line-height:1.8rem; color:#660B91;font-size:1.2rem;padding:3px 2px 3px 2px;text-decoration:underline;}
a.AUOL {line-height:1.8rem; color:#660B91;font-size:1.4rem;font-weight:bold;padding:3px 2px 3px 2px;text-decoration:underline;}
a.BUOL {line-height:1.8rem; color:red;font-size:1.2rem;padding:3px 2px 3px 2px;text-decoration:underline;}
a.VUOL {line-height:1.8rem; color:green;font-size:1.2rem;padding:3px 2px 3px 2px;text-decoration:underline;}
a.NVUOL {line-height:1.8rem; color:#6699FF;font-size:1.2rem;padding:3px 2px 3px 2px;text-decoration:underline;}
table.uol{margin:5px 0px 20px 0px;border:solid 1px #ededed; width:100%;padding:4px;top:16px;font-size:1.5rem;}
h2.hdr{font-weight:normal;padding:2px 0 6px 0;font-size:2.0rem;text-align:left;margin:8px 0px;}
a.UserListDisplayLink{color:#56027D;font-size:1.3rem;}
span.UserListDisplayText{color:black;font-size:1.3rem;}
a.UserListColHeader {color:#f8cc34;font-size:1.3rem;font-weight:bold;}
div.useronline table.UserProf tr{height:30px;}
div.useronline table.UserProf td{border:1px solid #dedede;padding:4px;}
img.del-icon {height:14px;}
div.bodycontent-two{background:none;}
div.ArtCont{border:0px;}
span.namehdr{font-size:1.4rem;}

textarea.txtarea{font-family:arial;font-size: 1.3rem;height:50px;}
#acct-setting-sect div.usetting1{width:100%;font-size:1.3rem;}
#acct-setting-sect div.usetting2{width:100px;white-space: nowrap;}
#acct-setting-sect,#prof-sect,#display-setting-sect,#cont-setting-sect{margin-bottom:30px;}
div.TopicHead{padding:8px 4px;color: var(--main-color1);font-size:1.6rem;font-family:arial;box-sizing:border-box;background:none;margin-bottom:10px;margin-top:0px;border-bottom:1px solid #dedede;}
#display-setting-sect div.usetting-2col{display:none;}
div.usetting-2col{display:flex;margin-bottom:25px;justify-content:center;padding:0 5px 0 4px;align-items:center;}
div.usetting{margin-bottom:25px;padding:0 5px 0 4px;}
div.usetting1{font-weight:bold;font-size:1.3rem;line-height:2.2rem;width:50%;}
div.usetting-2col div.usetting2{width:50%;}
div.usetting div.usetting2{width:100%;}
div.usetting div.usetting1{width:100%;}
div.slider1{padding-left:4px;margin-top:0px;margin-bottom:25px;}
div.us-email{color:#555;font-size:1.2rem;font-weight:normal;}
div.us-info-sm1{padding-left:1px;line-height:1.6rem;color:#555;font-size:1.2rem;font-weight:normal;margin-bottom:4px;}

a.button{text-decoration:none;border:solid 1px var(--main-color1);padding:3px 10px 4px 10px;border-radius:20px;background:none;font-size:1.2rem;font-weight:bold;color:var(--main-color1);margin-right:10px;}
a.button-sm{font-size:1.1rem;padding:1px 6px 2px 6px;}
span.us-username{padding:0 6px 0px 4px;font-weight:bold;}
img.boss{vertical-align:bottom;}
input.txtbox,select.cbo{width:100%;border-radius:5px;border-color:#c0c0c0;border-style:solid;border-width:1px;font-size:1.3rem;padding:2px 2px;}
div.warning-sect{display:flex;margin:40px 0 30px 0;justify-content:center;padding:0 5px 0 15px;background-color:#ededed;border:1px solid #c0c0c0;border-radius:8px;padding:10px;font-size:1.2rem;line-height:1.7rem;}
div.warning1{width:25px;padding-top:3px;}
div.warning2{width:100%;}
a.PLink{color:blue;}
input.txtbox, select.cbo, textarea.txtbox{width:100%;border-color: #dedede;border-radius:5px;}
#fontsize{text-align:left;}
div.slidquest{width:100%;font-weight:bold;font-size:1.3rem;padding-right:10px;}
div.slidradio{text-align:right;width:initial;}
#rg-fontsize::-webkit-slider-thumb {margin-left:4px;margin:4px;box-sizing:border-box;-webkit-appearance: none;height:17px;background:#ccc;width:17px;border-radius:50%;}
#fontsize{margin-top:4px;}
#rg-fontsize {background:#2196F3;height:24px;padding-right:8px;width:100px;outline:none;transition: background 450ms ease-in;-webkit-appearance: none;accent-color:#ccc; border-radius: 34px;}

textarea.textbox-multi{height:45px;}
td.UserProf{line-height:20px;}
div.stdMess{margin-top:15px;}


@media only screen and (min-width:720px){

div.userprof{margin:auto;width:70%;}
div.cell{display:table-cell;width:50%;}
input.txtbox,select.cbo{width:100%;}
#acct-setting-sect,#prof-sect,#display-setting-sect,#cont-setting-sect{margin-bottom:45px;}
textarea.txtarea{height:initial;}
}