@charset "utf-8";
/* Universal Device Responsive Website Styling Copyright (C) 2015 - 2021 AH&H */
body{font-size:17px;width:100%;height:100%;margin:0;padding:0;font-family:'Raleway',sans-serif;color:#737373;overflow-x:hidden;background:#f4f5f6}
 
.masthead{width:100%; padding-bottom:5px;padding-top:5px; background:#01539f}
.logo-image{padding-top:1px;position:absolute;top:1px;left:1px;min-width:57px;width:9%;display:block;margin:0 auto;}
.banner-logo{padding-top:1px;width:9%;min-width:57px;position:absolute;top:1px;left:1px;}
.topgreenspace{width:100%;height:30px;background:#DFE4DF;border-top :1px solid #B1B1B1;border-bottom:1px solid #B1B1B1;font-size:1em;float:left}
.linkspace{width:100%;margin-top:3px;font-size:1em;float:left}
.tagdiv{float:right;margin: 7px 15px 5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:.8em}
.powerby{font-size:.7em}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

a img{border:none}
a{cursor:pointer;text-decoration:none;outline:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

/* Common Page Element Styling */
.clear{clear:both}
body a:hover{color:#ff0000}
@font-face{font-family:'FontAwesome';src:url(fonts/fontawesome-webfont.eot?v=4.4.0);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"),url(fonts/fontawesome-webfont.woff2?v=4.4.0) format("woff2"),url(fonts/fontawesome-webfont.woff?v=4.4.0) format("woff"),url(fonts/fontawesome-webfont.ttf?v=4.4.0) format("truetype"),url(fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}

.centerspace{ width:675px; min-width:675px;float: left; background: #ffffff;} 
.home-grid-stage{float:left;width:592px;margin-top:1%}


/* ++++++++++++++++++++++++++++++++ home page & Aero Top Banner +++++++++++++++++++++++++++++++++++++++ */

.aero-banner{position:fixed;z-index: 21;top:0px;left:0px;width:671px;height:110px; border-bottom: .5px #F0F0F0 solid;border-right: .5px #F0F0F0 solid; background: rgba(255, 255, 255, 0.69); backdrop-filter: blur(11px)}
.aero-banner-u{position:fixed;z-index: 21;top:0px;left:0px; width:671px;height:53px; border-bottom: .5px #F0F0F0 solid;border-right: .5px #F0F0F0 solid; background: rgba(255, 255, 255, 0.69); backdrop-filter: blur(11px)}

/* Top Gear Menu */
.gsort-area-div{position:absolute; left:198px; top:28px;z-index:10;width:200px}
.gsort-div{ float:left;border-radius:6px;background-color:#F6f8f9;padding-top:5px;width:400px;height:360px;position:absolute;top: 8px; left: 212px;z-index:25}
.gsort-button{position:absolute;z-index:12;left:585px; top:18px;text-decoration:none;cursor:pointer;border:none;width:18px;height:18px}
.gsort-button:hover{position:absolute;z-index:12;left:576px; top:9px; border:9.5px #F0F0F0 solid; border-radius:18px; background-color:#F0F0F0}
.gsort-button-underline{position: fixed;z-index: 10;background-color:#01539f; ;top:103px; height:4px; }
.gplinks{z-index:13;border-radius:24px;color:#000;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:none;padding-top:2px;width:280px;height:36px;margin-left:60px; margin-top: 15px; background-color:#FFFFFF; border:1px #CCCCCC solid;}
.gplinks:hover{background-color:#eaf5f8;color:#000;border:1px #21beeb solid}

/* Left Side Gear Menu */
.gsort-area-div2{position:absolute; left:211px; top:28px;z-index:22;width:200px;}
.gsort-div2{float:left;border-radius:6px;z-index:20; background-color:#f6f8f9;padding-top:5px;width:400px;height:360px;position:absolute;top: 8px; left: 19px;}

/*
.gsort-button2{position:absolute;z-index:23;left:35px; top:146px;text-decoration:none;cursor:pointer; width:25px;height:25px;}
.gsort-button2:hover{position:absolute;left:21.5px; top:132.5px;border:13.8px #F0F0F0 solid; border-radius:27px; background:#F0F0F0}
*/

.gsort-button2{position:absolute;z-index:23;left:35px; top:123px;text-decoration:none;cursor:pointer; width:25px;height:25px;}
.gsort-button2:hover{position:absolute;left:21.5px; top:109.5px;border:13.8px #F0F0F0 solid; border-radius:27px; background:#F0F0F0}



.gplinks2{z-index:13;border-radius:24px;color:#000;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:none;padding-top:2px;width:280px;height:36px;margin-left:60px; margin-top: 15px; background-color:#FFFFFF; border:1px #CCCCCC solid;}
.gplinks2:hover{background-color:#eaf5f8;color:#000;border:1px #21beeb solid}

.nsearch{height:42px;border-radius:25px; padding-left:48px; font-size:1em; color:#808080; background: transparent url('images/searchg.png') no-repeat left  ; border:none; background-color:#ebf1f4;}
.nsearch:focus{height:42px; border-radius:25px; outline:#01539f 1px solid; background: transparent url('images/searchb.png') no-repeat left}
.outer-home-box {width:26%; max-width:330px; min-width:295px; height:280px; position: fixed; top: 10px; right: 5px; z-index: 4;background-color:#FFFFFF;margin: auto; border: 1px #CCCCCC solid; border-radius: 12px;padding-left: 2%; padding-right: 10px;  padding-top: 10px; padding-bottom: 22px; margin-top:50px;margin-right:1px;}
.home-box {width:26%; max-width:330px; min-width:295px; height:280px; position: fixed; top: 10px; right: 5px; z-index: 4;background-color:#FFFFFF;margin: auto; border: 1px #CCCCCC solid; border-radius: 12px;padding-left: 2%; padding-right: 10px;  padding-top: 10px; padding-bottom: 22px; margin-right:1px;}
.ngsign{border-radius:24px;color:#000;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:none;padding-top:8px;width:280px;height:36px;margin-right:10px; margin-top: 15px; background-color:#FFFFFF; border:1px #CCCCCC solid;}
.ngsign:hover{background-color:#eaf5f8;color:#000;border:1px #21beeb solid}
.g-img{float:left; position:relative; top: -8px; left: 10px;}
.tos-box {width:28%; max-width:330px;  min-width:295px; height:180px; position: fixed; top: 324px; right: 5px; z-index: 1; background-color:#FFFFFF; border: none; padding-left: 1%; padding-right: 10px; padding-top: 10px; padding-bottom: 22px; margin-bottom: 10px;}
.tos-box a{color:#737373}
.tos-p {font-family:Arial, Helvetica, sans-serif; font-size:.8em; float:left; }
.miss-box{position: fixed;  z-index: 21; bottom: 0px;  width:100%;  min-width:532px; height:72px; background-color:#0099ff;}
.mis-p1{font-family:Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:700; color:#FFFFFF; margin-top:9px;margin-left:10%}
.mis-p2{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:400; color:#FFFFFF; margin-top:1px;margin-left:10%}
.miss-b-div{display:block; position:relative; bottom:65px; right: 40px; }
.d-mis-div{display:block}
.m-ulinks{float:right; background-color:#eaf5f8;border-radius:35px;color:#323538;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:2px #eaf5f8 solid;;padding:2px;width:87px;height:39px;margin-right:8px; margin-top: 12px}
.m-ulinks:hover{background-color:#d7dbdc;color:black;border:2px #d7dbdc solid}
.m-ulinks2{float:right; background-color:#0099ff;border-radius:35px;color:white;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:1px #21beeb solid; padding:2px; width:75px;height:39px;margin-right:12px; margin-top: 12px}
.m-ulinks2:hover{background-color:#2ca2f1;color: white ;border:1px #21beeb solid}
.fu-link{font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#737373; border:none;background:none;width:95px; height:54px; margin-top:-30px }
.fu-link2{font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#737373; border:none;background:none;width:117px; height:54px; margin-top:-30px }
.fu-link3{font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#737373; border:none;background:none;width:95px; height:54px; margin-top:-30px }
.fu-link:hover,.fu-link2:hover,.fu-link3:hover{background-color:#F0F0F0;}
.ls-menu{width:90px;height:1300px; position:absolute; top:1px; left:1px;background:none; border-right:.5px #F0F0F0 solid; z-index: 5}

.l-link {width:55px;height:55px; background: none; border-radius:55px; border:none} 
.l-link:hover{background-color:#F0F0F0;border-radius:55px;}

/* .l-link {width:75px;height:75px; background: none; border-radius:75px; border:none} */
/* .l-link:hover{background-color:#eaf5f8;border-radius:75px;} */

.lh-link {width:51px;height:51px; background: none; border-radius:51px; border:none} 
.lh-link:hover{background-color:#F0F0F0;border-radius:51px;}
.lh2-link {width:35px;height:35px; background: none; border-radius:35px; border:none} 
.lh2-link:hover{background-color:#F0F0F0;border-radius:35px;}
.hb-p {color:#000;font-family:Arial,Helvetica,sans-serif;font-size:1.4em;font-weight:700;text-align:left;word-break:normal}
.hb-ps {color:#737373;font-family:Arial,Helvetica,sans-serif;font-size:.9em;font-weight:400;text-align:left;word-break:normal}
.up-link {width:75px;height:75px; background-color:#01539f; color:#FFF; border-radius:75px; border:none} 
.up-link:hover{background-color:#eaf5f8;color:#000; border:1px #01539f solid; border-radius:75px;}


/* ---------------------------------- User Page new styling 221117 -------------------------------------- */

.follow-link{color:#536471; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.follow-link:hover{color:#536471; text-decoration:underline; text-decoration-color:black;}

.follow-div2{height:5px;position:static;margin-left:480px; margin-top:60px;}

.follow-button{background-color:#000;border-radius:35px;color:#fff;font-size:15px; font-weight:700;text-decoration:none;cursor:pointer;border:none;padding:2px;width:80px;height:35px}
.follow-button:hover{background-color:#3C3C3C}


/* home page +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.dt-span:hover{background-color:#ffffc1;color:#0000FB}
.dt-menu li span:hover{background-color:#FFFFC1;color:#0000FB}
.h1-tag-space{width:100%;height:auto;padding-top:1.5%}
.h1-tag-text{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:2em;font-weight:700;text-align:center;word-break:normal}
.support-text{color:black;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;font-style:italic;text-align:center;word-break:normal}
.h1-user-text{font-family:Verdana; color:black; font-size:30px; font-weight:600;text-align:center;word-break:normal}
.p-under-h1-space{width:100%;padding-bottom:1.3%}
.p-under-h1-space p{color:#C00;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:700;font-style:italic;text-align:center;word-break:normal;margin-bottom:0}
.h2-space{font-family:Arial,Helvetica,sans-serif;color:navy;font-size:1em;font-weight:700;width:100%;padding-bottom:1.5%;word-break:normal}
.grid-stage{width:auto;margin-left:5px;margin-top:1%}
.grid-cell img{width:100%;height:auto}
.grid-cell{width:140px;height:195px;border:1px solid #01539f;text-align:center;word-break:normal;margin:0;float:left}
.grid-cell a:hover{background: #ffffc1;font-style: italic;}
.grid-cell img:hover{border: 2px solid #0000FB;}
.grid-cell a{font-family:Arial,Helvetica,sans-serif;color:#00F;font-size:.9em;font-weight:400}
.grid-text3{color:#00F;font-family:Arial,Helvetica,sans-serif;font-size:.9em;font-weight:400;word-break:normal}
.grid-descrpt-space{width:100%;height:auto;margin-left:2px;margin-top:2%;margin-bottom:2%;word-break:normal;float:left}
.grid-descrpt-space p{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:12px;font-weight:400}
.red-text{color:red}
.name-text-black{font-size:18px}
.dark-blue-text{color:navy}
.h2-space{font-size:1em}
.h1-tag-text{font-size:4em}
.h2-space{font-size:2em}
.p-info-heading{font-size:25pt}
.p-info-blue-med{font-size:16pt}
.p-info-gray{font-size:16pt}
.grid-descrpt-space p{font-size:2em}
.grid-cell{width:305px;height:420px}
.grid-cell a{font-size:1.4em}
.grid-text3{font-size:1.4em}
.h1-tag-text{font-size:4em}
.h2-space{font-size:1em}
.p-info-heading{font-size:22pt}
.p-info-blue-med{font-size:12pt}
.p-info-gray{font-size:12pt}
.grid-cell{width:245px;height:325px}
.grid-cell a{font-size:1.2em}
.grid-text3{font-size:1.2em}
.grid-cell{width:210px;height:325px}
.h2-space{font-size:1em}
.p-info-heading{font-size:21pt}
.p-info-blue-med{font-size:11pt}
.p-info-gray{font-size:11pt}
.grid-cell{width:210px;height:325px}
.grid-descrpt-space p{font-size:1em}
.grid-cell{width:150px;height:230px}
.grid-cell a{font-size:1em}
.grid-text3{font-size:1em}
.h2-space{font-size:1em}
.p-info-heading{font-size:14pt}
.p-info-blue-med{font-size:8pt}
.p-info-gray{font-size:8pt}
.h2-space{font-size:1em}
.p-info-heading{font-size:13pt}
.p-info-blue-med{font-size:8pt}
.p-info-gray{font-size:7.4pt}
.grid-cell{width:140px;height:195px}
.grid-cell a{font-size:.9em}
.grid-text3{font-size:.9em}
.h1-tag-space{padding-top:2.8%}
.grid-stage{margin-left:5px}

/* Dynamic Styles for screen sizes on various devices */

@media screen and (max-width:10000px){
.h1-tag-text{font-size:4em}
.h2-space{font-size:1em}
.h1-tag-text{font-size:4em}
.h2-space{font-size:1em}
.p-info-heading{font-size:25pt}
.p-info-blue-med{font-size:16pt}
.p-info-gray{font-size:16pt}
.price-small-black{font-size:12pt}

.add-button-space{width:180px;height:60px;font-size:14.8pt}
.grid-descrpt-space p{font-size:2em}
.grid-cell{width:305px;height:420px}
.grid-cell a{font-size:1.4em}
.grid-text3{font-size:1.4em}
}
@media screen and (max-width:2560px){
}
@media screen and (max-width:2048px){
.h1-tag-text{font-size:3.5em}
.h2-space{font-size:1em}
.p-info-heading{font-size:22pt}
.p-info-blue-med{font-size:12pt}
.p-info-gray{font-size:12pt}
.price-small-black{font-size:12pt}
.add-button-space{font-size:15pt}
.grid-cell{width:245px;height:325px}
.grid-cell a{font-size:1.2em}
.grid-text3{font-size:1.2em}
.grid-cell{width:210px;height:325px}
}
@media screen and (max-width:1920px){
.h1-tag-text{font-size:3.4em}
.h2-space{font-size:1em}
.p-info-heading{font-size:21pt}
.p-info-blue-med{font-size:11pt}
.p-info-gray{font-size:11pt}
.price-small-black{font-size:11pt}
.add-button-space{width:180px;height:60px;font-size:13pt}
.grid-cell{width:210px;height:325px}
}
@media screen and (max-width:1350px){}
@media screen and (max-width:1280px){
.grid-descrpt-space p{font-size:18px}
.grid-cell{width:150px;height:230px}
.grid-cell a{font-size:1em}
.grid-text3{font-size:1em}
.h1-tag-text{font-size:2.1em}
.h2-space{font-size:1em}
.p-info-heading{font-size:14pt}
.p-info-blue-med{font-size:8pt}
.p-info-gray{font-size:8pt}
.price-small-black{font-size:9pt}
.add-button-space{font-size:10pt}
.add-button-space{width:120px;height:40px;font-size:7.4pt}
}
@media screen and (max-width:1279px){
.h2-space{font-size:1em}
.p-info-heading{font-size:13pt}
.p-info-blue-med{font-size:8pt}
.p-info-gray{font-size:7.4pt}
.price-small-black{font-size:9pt}
.add-button-space{width:120px;height:40px;font-size:7.4pt}
.grid-cell{width:140px;height:195px}
.grid-cell a{font-size:.9em}
.grid-text3{font-size:.9em}
}
@media screen and (max-width:1170px){}
@media screen and (max-width:1050px){.grid-stage{margin-left:5px}
}
@media screen and (max-width:1049px){.grid-stage{margin-left:5px}
}
@media screen and (max-width:1031px){.grid-stage{margin-left:5px}
}
@media screen and (max-width:1026px){}
@media screen and (max-width:1024px){}

/* home page ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media screen and (max-width:1023px){
.home-box {display:none}
.outer-home-box {display:none}
.tos-box{display:none} 
.home-grid-stage{margin-left:7%}
}

/* home page ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media screen and (max-width:960px){}
@media screen and (max-width:900px){}
@media screen and (max-width:800px){}
@media screen and (max-width:744px){}
@media screen and (max-width:720px){}

@media screen and (max-width:719px){
.d-mis-div{display:none}
.miss-box{height:61px}
.m-ulinks{float:right;padding:2px; width:46%; min-width:218px;height:36px;margin-left:0px ;margin-right:-2.75%; margin-top: 5px}
.m-ulinks2{float:right;padding:2px; width:46%; min-width:218px;height:36px;margin-left:5px; margin-top: 5px}
.miss-b-div{display:block;position:relative;bottom:-8px;right: 40px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:576px){.h1-tag-space{padding-top:2.8%} 
} 
@media screen and (max-width:480px){}
@media screen and (max-width:460px){.h1-tag-text{font-size:1.5em}}
@media screen and (max-width:408px){.grid-stage{margin-left:1px}}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}

/* Unique to pages */

.video-300{width:296px;margin-left:2px}
.video-cell{float: left;margin-right:2px;margin-top:2px;width:300px;height:360px;padding-top:2px;border:2px solid #01539f}
.video-cell p{margin-left:1%;font-size:1em}
.v-title{font-size:.7em;margin-left:1%;word-break: break-all}
.cv-title{font-size:20px; margin-left:1%;word-break: break-all}
.v-note{font-size:.7em;margin-left:1%;word-break: normal}
.v-name{word-break: normal}
.copyright{font-size:.5em;float: left;margin-left:5%}
.copyright a{color:gray}
.testspace{width: 10%; height: 30px; float: right; margin-right:150px; margin-top:-20px; background: #ffffff}
.home{margin-left:5px;margin-right:5px;margin-top:-1px;padding:1px 1px 1px 1px;background-color:#DFE4DF;border:solid 1px #B1B1B1;width:90px;float:left;text-align:center}
.go-bar{margin-top:20px;margin-left:10px;padding:2px 2px 2px 2px;background-color:#DFE4DF;border:solid 1px #B1B1B1;width:90px;float:right;text-align:center}
.quote-box{padding:2%;width:80%;border:2px solid black}

/* login system */

#main{margin:auto;border:1px solid #ccc;width:400px;background:#F1F3F5;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:12px}
#result{margin-left:80px;border:1px solid #ccc;width:270px;background:#E9ECEF;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:12px;padding:5px;margin-bottom:10px}
.text{border:1px solid #ccc}
.values{font-family:verdana;font-weight:400;font-size:10px;align:top;vertical-align:top}
.key{font-family:verdana;font-weight:700;font-size:12px;padding-bottom:15px}
.caption{font-family:Arial,Helvetica,sans-serif;font-weight:700;margin:10px;font-size:14px;color:#C64934}
#icon{width:80px;height:80px;float:left;background-image:url(icon.gif);background-repeat:no-repeat;background-position:center center}
#icon2{float:left}
#source{text-align:right;align:right;padding-right:10px;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:10px;color:#CCC}

/* Comment Display */

.f-form-u{float:left;margin-top:10px}
.f-form-u2{float:right;margin-left:3px}
.f-form-d{float:left;margin-top:10px;margin-left:15px}
.com-text{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;  word-break: break-word;}
.login-button{background-color:#0099ff;border-radius:18px;color:#fff;font-size:22px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:250px}
.login-button:hover{margin-left:-8px;margin-top:-8px; margin-bottom:-8px; border:8px #F0F0F0 solid; border-radius: 29px; background-color:#0099ff; width: 266px}
.comment-button{background-color:#0099ff;border-radius:28px;color:#fff;font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:130px;height:28px; margin-top:4px; margin-right:1px}
.comment-button:hover{margin-right:-7px;margin-top:-4px; margin-bottom:-8px; background-color:#0099ff;color:#fff;border:8px #F0F0F0 solid; border-radius: 36px; width:146px;height:44px; }
.comment-button2{background-color:#0099ff;border-radius:28px;color:#fff;font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:190px;height:28px; margin-top:4px; margin-right:-14px}
.comment-button2:hover{margin-right:-22px; margin-left:-8px; margin-top:-4px; margin-bottom:-8px; background-color:#0099ff;color:#fff;border:8px #F0F0F0 solid; border-radius: 36px; width:206px;height:44px; }
.comment-button3{background-color:#0099ff;border-radius:28px;color:#fff;font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:190px;height:28px; margin-top:4px; margin-right:-14px}
.comment-button3:hover{margin-right:0px; margin-left:0px; margin-top:4px; margin-bottom:0px; background-color:#0099ff;color:#fff;outline:8px #F0F0F0 solid; border-radius: 36px; width:206px;height:44px; }
.reset-button{background-color:#b7bcc1;border-radius:6px;color:#fff;font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:70px;height:25px;margin-top:4px}
.reset-button:hover{background-color:#F0F0F0;color:#01539f;border:2px #21BEEB solid}
.r-box{border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;padding-left:8px;padding-top:5px;margin-top:-378px;margin-left:-21px;margin-bottom:-37px;width:375px;height:360px;position:absolute}
.r-label{margin: 6px 0px 12px 20px; font-size:14px; color:#01539f; font-weight:700}
.r-span{font-size:11px}
.reply-button{float:left;margin-left:235px;margin-top:-8px;width:60px;position:absolute; z-index:10}
.reply-button:hover{margin-left:227px;margin-top:-16px;  border:8px #F0F0F0 solid; border-radius: 24px; background-color:#f4f5f6}
.load-more-button{font-family:Arial, Helvetica, sans-serif;font-size:1em; border:none; background:none;width:470px; height:35px; padding-left:10px ;padding-top:16px}
.load-more-button:hover{background-color:#F0F0F0;}
.r-reset-button{background-color:#b7bcc1;border-radius:6px;color:#fff;font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:70px;height:25px;margin-left:18px}
.r-reset-button:hover{background-color:#DFE4DF;color:#01539f;border:2px #01539f solid}
.post-button{float:right;margin-right:7px; background-color:#01539f;border-radius:6px;color:#fff;font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:150px;height:24px}
.post-button:hover{background-color:#DFE4DF;color:#01539f;border:2px #01539f solid}
.vote-button{width:72px;float:left;background-color:Transparent;background-repeat:no-repeat;border:none;overflow:hidden;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:17px;color:#737373}
.d-vote:hover{background-color:#DFE4DF;padding-top:12px}
.u-vote:hover{background-color:#DFE4DF;padding-bottom:12px;margin-top:-12px}
.link-button{position:relative; margin-top:-3px; margin-bottom:-2px;margin-left:464px;background-color:#fff;color:#b7bcc1;cursor:pointer;font-size:22px;width:27px;height:27px}
.link-button:hover{background-color:#eaf5f8; outline: 7px #eaf5f8 solid; border-radius:40px}
.delete-button{background-color:#fff;border:1px #f0f solid;margin-right:4px;margin-top:4px;color:#b7bcc1;font-size:25px;text-decoration:none;cursor:pointer;border:none;width:15px;height:15px}
.delete-button:hover{background-color:#DFE4DF}
.delete-div{z-index:1;float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;padding-left:5px;padding-top:5px;margin-top:-25px;margin-left:22px;margin-bottom:-37px;width:265px;height:30px;position:relative}
.delete-btn{font-size:15px;background-color:#DFE4DF;color:#01539f;border:2px #01539f solid; border-radius:6px;font-size:16px;text-decoration:none;cursor:pointer;padding:2px;width:55px;height:26px}
.delete-btn:hover{background-color:#DFE4DF;color:#fff;margin-top:0;border:2px #01539f solid}
.folder-button{background-color:#fff;border:1px #f0f solid;margin-right:4px;margin-top:2px;color:#b7bcc1;font-size:25px;text-decoration:none;cursor:pointer;border:none;width:28px;height:28px}
.folder-button:hover{background-color:#DFE4DF}
.pcom-button{background-color:#fff;border:1px #f0f solid;margin-right:4px;margin-top:-12px;color:#b7bcc1;font-size:25px;text-decoration:none;cursor:pointer;border:none;width:37px;height:30px}
.pcom-button:hover{background-color:#DFE4DF}
.pcom-div{border-radius:6px;background-color:#DFE4DF; border:2px #B1B1B1 outset;padding-left:1px;padding-top:5px;margin-top:38px;margin-left:1px;margin-bottom:1px;width:370px;height:320px;position:relative}
.pcom-btn{font-size:15px;background-color:#DFE4DF;color:#01539f;border:2px #01539f solid; border-radius:6px;font-size:16px;text-decoration:none;cursor:pointer;padding:2px;width:55px;height:26px}
.pcom-btn:hover{background-color:#DFE4DF;color:#fff;margin-top:0;border:2px #01539f solid}

.ulpic-button{background-color:#fff;border:1px #f0f solid;margin-right:4px;margin-top:-10px; margin-bottom:-18px;color:#b7bcc1;font-size:25px;text-decoration:none;cursor:pointer;border:none;width:45px;height:45px}
.ulpic-button:hover{background-color:#F0F0F0; padding: 4px 4px 4px 4px;border:1px #21BEEB solid; border-radius:80px; margin-left:-5px; margin-top:-15px}

.ulpic-div{z-index:100;float:left;border-radius:16px;background-color:#F6f8f9;border:1px #21BEEB outset;padding:10px 10px 10px 10px; margin-top:-35px;margin-left:-344px;width:382px;height:380px;position:absolute}
.ulpdf-div{z-index:100;float:left;border-radius:16px;background-color:#F6f8f9;border:1px #21BEEB outset;padding:10px 10px 10px 10px; margin-top:-35px;margin-left:-208px;width:382px;height:380px;position:absolute}
.ulvc-div{z-index:100;float:left;border-radius:16px;background-color:#F6f8f9;border:1px #21BEEB  outset;padding:10px 10px 10px 10px; margin-top:-35px;margin-left:-282px;width:382px;height:420px;position:absolute}
.hashfind-div{z-index:100;float:left;border-radius:16px;background-color:#F6f8f9;border:1px #21BEEB outset;padding-left:5px;padding-top:5px;margin-top:-105px;margin-left:-329px;width:369px;height:115px;position:absolute}
.unfind-div{z-index:100;float:left;border-radius:16px;background-color:#F6f8f9;border:1px #21BEEB outset;padding-left:5px;padding-top:5px;margin-top:-105px;margin-left:-269px;width:369px;height:115px;position:absolute}

.ulavtr-div{z-index:100;float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;padding-left:5px;padding-top:5px;margin-top:-170px;margin-left:-14px;width:382px;height:375px;position:absolute}
.profile-div{z-index:100;float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;padding-left:5px;padding-top:5px;margin-top:-250px;margin-left:-14px;width:382px;height:440px;position:absolute}
.ulpic-btn{font-size:15px;background-color:#DFE4DF;color:#01539f;border:2px #01539f solid; border-radius:6px;font-size:16px;text-decoration:none;cursor:pointer;padding:2px;width:55px;height:26px}
.ulpic-btn:hover{background-color:#DFE4DF;color:#fff;margin-top:0;border:2px #01539f solid}

input[type=file] {background-color:#0099ff;border-radius:28px;color:#fff;font-size:18px;text-decoration:none;cursor:pointer;border:none;padding:6px 5px 5px 15px ; width:300px }
input[type=file]:hover{margin-left:0px;margin-top:0px; margin-bottom:0px;   outline:8px #F0F0F0 solid; border-radius: 29px; background-color:#0099ff; width:300px}

.ulpic-close{margin-left: 352px; margin-top:5px; width: 25px; height: 25px}
.ulpic-close:hover{border:13px #F0F0F0 solid; border-radius:27px; background:#F0F0F0; margin-left:339px; margin-top:-8px; margin-bottom:-13px}

.whn{width:100%}
.login-div{height:40px;width:100%;padding-left:30px}
.login-form{float:left;margin-right:10px}
.logout-div{float:right}
.logout-form{float:left;margin-right:20px}
.follow-div{height:5px;position:static;margin-left:145px; margin-top:80px;}
.div-blo2{margin-top:20px}
.div-cosu{width:375px}


.comment-feed{width:510px;}
.action-box {width:510px;margin-left: 93px; padding-left:17px;padding-right:29px;border :3px #536471 solid; border-radius: 8px; padding-top:10px; height:100%}
.high-com{max-width:510px; margin: auto; z-index: 1; border:1px #CCCCCC solid; padding-left:10px; padding-right:10px; padding-top :10px;padding-bottom:2px;border-radius:6px;margin-bottom:10px;}
.high-com3{max-width:510px; margin: auto; z-index: 1; border:1px #CCCCCC solid; padding-left:10px; padding-right:10px; padding-top :10px;padding-bottom:22px;border-radius:6px;margin-bottom:10px;}

/* SCID Highlight */
.high-com3h{max-width:510px; margin: auto; z-index: 1; border:3px blue solid; padding-left:10px; padding-right:10px; padding-top :10px;padding-bottom:22px;border-radius:6px;margin-bottom:10px;} 
.high-com2{max-width :400px; margin-left:60px; z-index: 1; border:2px #CCCCCC solid; padding-left:10px; padding-right:10px; padding-top :10px;padding-bottom:25px;border-radius:6px; margin-bottom:10px;}
.high-comh{max-width:500px; min-width:350px;margin : auto; border:3px blue solid; padding-left:10px; padding-right:10px; padding-top :30px;padding-bottom:10px;border-radius:12px;margin-bottom:20px}

.div-tmp1{margin-left:10px;border-left:3px #000 solid;padding-left:7px}
.div-tmp2{margin-left:20px;border-left:3px red solid;padding-left:7px}
.div-tmp3{margin-left:30px;border-left:3px green solid;padding-left:7px}
.div-tmp4{margin-left:40px;border-left:3px blue solid;padding-left:7px}
.div-tmp5{margin-left:50px;border-left:3px orange solid;padding-left:7px}

.div-ava{height:50px; margin-top:-10px}
.div-avar{height:50px; margin-top:4px}


/* Commenter Tool Tip */

.tooltip{position:fixed; top:90%; bottom:90%; left:345px; display:inline-block;height:1em;border-bottom:1px dashed #0000FB;color:#0000FB;  z-index:15;}
.div-ava-test{float:left;margin-right:12px; margin-top:-2px; width:50px; max-height:50px; border:1px white solid; border-radius: 50px }
.div-ava-test .tooltiptext{visibility:hidden;width:290px; height:260px;background-color:#FFFFFF;color:#000;text-align:left;padding:10px 7px 15px 7px;border:.2px solid; border-color:#FFFFFF ;border-radius:16px;box-shadow: 0px -1px 3px 2px rgba(0, 0, 0, 0.1), 0 6px 18px 0 rgba(0, 0, 0, 0.19);position:absolute;z-index:1;bottom:170%;left:50%;margin-left:-150px;opacity:0;transition:opacity 0.6s;}
.div-ava-test:hover .tooltiptext{visibility:visible;opacity:1}
.div-ava-test-image{width:285px;margin-left:1px;margin-top:15px;margin-bottom:12px}
.avatar-image62{float:left;margin-left:8px;margin-top:2px;max-width:62px; max-height:62px; border:1px white solid; border-radius: 62px}
.ttcom{font-weight:700; position:relative; top:-10px; left:12px}
.ttbadge{position:relative; top:8px; left:5px}
.ttat-com{font-weight:400; font-size:13px; color:#536471; position:relative; top:1px; left:-1px}
.ttprof{position:absolute; left:18px; top:140px; width:280px; word-break: break-word; font-size:15px}
.ttfoll{position:absolute; left:18px; top:250px; width:280px; font-size:15px}
.ttfoll2{position:absolute; left:130px; top:250px; width:280px; font-size:15px}
.ttst{font-weight:700}
.ttc{color#536471}

/* modified 221120 */
.avatar-image{float:left;margin-right:12px;width:50px; max-height:50px; border:1px white solid; border-radius: 50px }
.avatar-image2{float:left;margin-right:12px;width:40px; max-height:40px; border:1px white solid; border-radius: 40px}
.avatar-image75{float:left;margin-right:12px;width:75px; max-height:75px; border:1px white solid; border-radius: 75px}
.user-badge{float:left; margin-top:-15px; margin-left:5px}
.user-badge-f{position:absolute; margin-left:225px; margin-top:-25px}
.div-bav{padding-top:15px;margin-left:15px}
.div-bav2{float:left;margin-left:5px}
.div-bav3{float:left;margin-left:5px;margin-top:-10px}
.topic-cell{font-size:14px; border: 1px #737373 solid; border-radius: 6px; width: 155px; padding: 7px 7px 7px 7px;  margin: 0px -1px -1px 0px; float:left}
.span-bav{font-weight:700;color:#000}
.span-bav2{font-size:10px}
.div-comt{display:block;width:100%}
.div-comt2{margin-top:35px;margin-bottom:25px;margin-left:62px}
.div-ava2{position:absolute; margin:25px 0px 0px 60px; font-size:14px}
.div-ava3{position:absolute; margin:15px 0px 0px 40px; font-size:14px}

.actline1{float:left}
.actline2{float:left;margin-right:80px}
.actline3{float:left;width:80px}
.actline4{height:45px;width:350px}
.actline5{height:40px}
.rmod1{height:15px}
.rmod2{width:375px;margin-left:-10px}
.rmod3{height:20px}
.rmod4{float:left;margin-top:10px}

.link-btn2{margin-left: 331px; margin-top:8px; width: 25px; height: 25px}
.link-btn2:hover{border:13px #F0F0F0 solid; border-radius:27px; background:#F0F0F0; margin-left:318px; margin-top:-5px; margin-bottom:-13px}

.link-inpt{margin-left:5px;width:418px;font-size:12px}
.link-div{float:right;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;padding-top:5px;margin-top:15px;margin-left:-8px;margin-bottom:-37px;width:495px;height:30px;position:absolute;z-index:5}
.link-inpt2{margin-left:5px;width:170px;font-size:12px}
.link-div2{float:right;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;padding-top:5px;padding-left:5px;margin-top:45px;margin-left:-8px;margin-bottom:-37px;width:247px;height:30px;position:absolute;z-index:4}

.sort-area-div{ position:absolute; margin-left:10px; width:100px}
.sort-div{ float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;padding-top:5px;margin-top:-39px;margin-left:41px;margin-bottom:-37px;width:109px;height:210px;position:relative; z-index:20}
.sort-button{float:left;margin-top:-20px;margin-right:5px;background-color:#fff;color:#b7bcc1;font-size:25px;text-decoration:none;cursor:pointer;border:none;width:48px;height:40px}
.sort-button:hover{background-color:#DFE4DF}
.sort-opt{height:25px;margin-top:10px; color:black}
.sort-select{background-color:#01539f;border-radius:6px;color:#fff; margin-left:4px; font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:100px;height:24px}
.sort-select:hover{background-color:#b7bcc1;border:2px #01539f solid}
.sort-by{float:left; margin-left:1px; margin-top:-36px; font-weight:400}

/* Begin Experimental 210415 */
.msort-area-div{ position:absolute; margin-left:25px; width:200px}
.msort-div{ float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;padding-top:5px;margin-top:-19px;margin-left:10px;margin-bottom:-37px;width:209px;height:320px;position:relative; z-index:20}
.msort-button{float:left;margin-top:-3px;margin-right:5px;background-color:#fff;color:#b7bcc1;font-size:25px;text-decoration:none;cursor:pointer;border:none;width:30px;height:30px}
.msort-button:hover{background-color:#DFE4DF}
.msort-opt{height:25px;margin-top:10px; color:black}
.msort-select{background-color:#01539f;border-radius:6px;color:#fff; margin-left:4px; font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:100px;height:30px}
.msort-select:hover{background-color:#b7bcc1;border:2px #01539f solid}
.msort-by{float:left; margin-left:25px; margin-top:-36px; font-weight:700}
.mplinks{float:left; background-color:#01539f;border-radius:6px;color:#fff;font-size:17px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:190px;height:32px;margin-left:10px; margin-top: 15px}
.mplinks:hover{background-color:#DFE4DF;color:#01539f;border:2px #01539f solid}
.div-blo{ background-color:#FFFF; padding:5px 5px 5px 5px;margin-right:-3px; margin-top:-46px; float:right;border:3px #01539f solid; border-radius: 6px}
.all-comments{float:left; margin-left:5px;margin-right:5px; height:40px; margin-bottom:20px; color:black; font-weight:400; }
.comment-count{ float:left; height: 20px;margin-top:-5px; padding-top :4px; padding-left:4px; padding-right:4px; font-weight:700; border: 3px #536471 solid;  border-radius: 5px; background-color:#FFFF; color:black; }
.p-under{width:100%;padding-bottom:1.3%}
.p-under p{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:700; text-align:center;word-break:normal;margin-bottom:0}
.sub-status{color:blue;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:700; text-align:center;word-break:normal;margin-bottom:0}
.comment-show {margin-top: -200px;}
.user-button{ font-family:Arial, Helvetica, sans-serif;    font-size:1.1em;    color:black;        font-weight:700; background-color:white; border:none}
.user-button:hover{	background-color:#DFE4DF; border:2px blue solid; border-radius:6px; margin-right:-4px; color:blue;} 
.reply-to {padding-left:5px; padding-right:2px; margin-right:5px; font-weight:400; background-color:#FFFFCC; border:2px blue solid; border-radius:6px}
.fplinks{float:left; background-color:#01539f;border-radius:6px;color:#fff;font-size:17px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:190px;height:32px;margin-right:10px; margin-top: 25px}
.fplinks:hover{background-color:#DFE4DF;color:#01539f;border:2px #01539f solid}
.fplinks2{float:right; background-color:#01539f;border-radius:6px;color:#fff;font-size:17px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:180px;height:32px;margin-right:10px; margin-top: -12px}
.fplinks2:hover{background-color:#DFE4DF;color:#01539f;border:2px #01539f solid}
.fplinks2-form{float:left;margin-left:70px}
.mlinks{float:left; background-color:#01539f;border-radius:24px;color:#fff;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:none;padding:2px;width:240px;height:50px;margin-right:10px; margin-top: 25px}
.mlinks:hover{background-color:#004788;color:#fff;border:2px #01539f solid}
.mlinks2{float:left; background-color:#fff;border-radius:24px;color:#01539f;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:1px #01539f solid; padding:2px; width:240px;height:50px;margin-right:10px; margin-top: 25px}
.mlinks2:hover{background-color:#CCE7FF;color:#01539f;border:1px #01539f solid}
.ulinks{float:right; background-color:yellow;border-radius:6px;color:black;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:2px #black solid;;padding:2px;width:70px;height:25px;margin-right:10px; margin-top: 12px}
.ulinks:hover{background-color:#004788;color:#fff;border:2px #01539f solid}
.ulinks2{float:right; background-color:#fff;border-radius:6px;color:#01539f;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:1px #01539f solid; padding:2px; width:70px;height:25px;margin-right:10px; margin-top: 12px}
.ulinks2:hover{background-color:#CCE7FF;color:#01539f;border:1px #01539f solid}
.ulinks3{float:right; background-color:#01539f;border-radius:6px;color:#fff;font-size:15px; font-weight:600; text-decoration:none;cursor:pointer;border:1px #01539f solid; padding:2px 5px 2px 5px; width:auto;height:25px;margin-right:5px; margin-top: 12px}
.ulinks3:hover{background-color:#CCE7FF;color:#01539f;border:1px #01539f solid}
.fbox{height:155px; width:190px; margin-left:10px; margin-bottom:10px; float:left; border:1px #CCCCCC solid; padding-left:10px;  padding-top:10px; padding-right:10px; padding-bottom:10px;margin-bottom:10px; border-radius:6px}
.u-pic{margin-left:-62px; border:1px #CCCCCC solid; border-radius:6px}
.u-pic2{margin: 30px 0px 15px 0px; border:1px #CCCCCC solid; border-radius:6px}
.t-link:hover { text-decoration: underline;}
.box {width:383px; height:382px;   background-color: #F6f8f9; border: 1px #21BEEB solid; border-radius: 16px;margin-bottom:5px; margin-left:100px; margin-top:-80px; z-index: 3; position: relative;}
.box.arrow-top {margin-top: 5px;}
.box.arrow-top:after { content: " "; position: absolute;  z-index: 6;  right: 8px;  top: -75px;  border-top: none;  border-right:  40px solid transparent;  border-left:   40px solid transparent;  border-bottom: 75px solid rgba(33, 190, 235, .8)}


/* Re-Twpt Box */
.box2 {width:383px; height:382px;   background-color: #F6f8f9; border: 1px #21BEEB solid; border-radius: 16px;margin-bottom:5px; margin-left:100px; margin-top:-80px; z-index: 18; position: relative;}
.r-label2{margin: -70px 0px 0px 20px; font-size:14px; color:#01539f; font-weight:700;position:absolute}
.link2-btn{font-size:15px;background-color:#CDCECF;border-radius:26px;color:#01080E;font-size:16px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:26px;height:26px; margin-left:344px;margin-top:8px; font-size: 19px; font-weight: 700; position:absolute}
.link2-btn:hover{background-color:#DFE4DF;color:#01539f;margin-top:8px;border:1px #21BEEB solid}
.rt-button{float:right;margin-right:7px; margin-top:5px; background-color:#0083fd;border-radius:36px;color:#fff;font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:120px;height:36px}
.rt-button:hover{background-color:#f4f5f6;color:#01539f;border:2px #21BEEB solid}
.rt-reset-button{background-color:#b7bcc1;border-radius:25px;color:#fff;font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:70px;height:25px;margin-left:18px;margin-top:5px}
.rt-reset-button:hover{background-color:#f4f5f6;color:#01539f;border:2px #21BEEB solid}
.re-twpt-button{float:left;width:60px;z-index:5; width:35px;         margin:-50px 0px 0px 300px;display:inline-block}
.re-twpt-button:hover{border:8px #F0F0F0 solid; border-radius: 24px; background-color:#f4f5f6; margin:-58px 0px 0px 292px;}
.twpter-twpt{max-width:410px; border:1px #CCCCCC solid; padding-left:10px; padding-right:10px; padding-top :10px;padding-bottom:25px;border-radius:6px;margin: 10px 10px 10px 10px}


/* Local */
.tos-h2{color:navy}
.red-text{font-size: large; color: #FF0000; font-weight:700}
.small-text{font-size: xx-small;}


/* Hash Tag Finder */
.autocomplete {	position: absolute; float:left;	display: inline-block;  width:370px; margin-left:0px; margin-top:85px; padding: 2px 5px 2px 2px;}
.hlink-btn{font-size:15px;background-color:#01539f;border-radius:6px;color:#fff;font-size:13px;text-decoration:none;cursor:pointer;border:1px #01539f solid;padding :2px;width:120px;height:22px}
.hlink-btn:hover{background-color:#DFE4DF;color:#01539f;border:1px #01539f solid}
.autocomplete-items {	position: absolute;	border: 1px solid #d4d4d4;	border-bottom: none;	border-top: none; z-index: 99; top: 100%; left: 0; right: 0; }
.autocomplete-items div { 	padding: 10px; 	cursor: pointer; 	background-color: #fff;	border-bottom: 1px solid #d4d4d4;}
.autocomplete-items div:hover {	background-color: #e9e9e9;}
.autocomplete-active {	background-color: Blue !important;	color: #ffffff;}