@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}

.topgreenspace{width:100%;height:25px;background:#DFE4DF;border-top :1px solid #B1B1B1;border-bottom:1px solid #B1B1B1;font-size:1em;float:left}

.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}

.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:#C00;font-family:Arial,Helvetica,sans-serif;font-size:2em;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:1em;font-weight:400} 
*/
.grid-descrpt-space p{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:12px;font-weight:400}

.red-text{color:red}
.dark-blue-text{color:navy}
.h2-space{font-size:2em}
.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:1.9em}
.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:1.9em}
.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:1.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:2em}
.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}
.price-small-black{font-size:12pt}
.name-text-black{font-size:20pt}
.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:1.9em}
.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}
.name-text-black{font-size:19pt}
.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:1.9em}
.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}
.name-text-black{font-size:18pt}
.add-button-space{width:180px;height:60px;font-size:13pt}
.grid-cell{width:210px;height:325px}
}
@media screen and (max-width:1280px){

/*
.grid-descrpt-space p{font-size:1em}
*/
.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:1.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}
.name-text-black{font-size:13pt}
.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}
.name-text-black{font-size:13pt}
.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:1024px){/*.grid-stage{margin-left:1.2%}*/}
@media screen and (max-width:960px){}
@media screen and (max-width:900px){}
@media screen and (max-width:800px){ /*.grid-stage{margin-left:5%}*/ }
@media screen and (max-width:744px){ /*.grid-stage{margin-left:2%} */}
@media screen and (max-width:720px){/* .grid-stage{margin-left:10%} */}
@media screen and (max-width:640px){}
@media screen and (max-width:576px){.h1-tag-space{padding-top:2.8%} /*. grid-stage{margin-left:6%}*/ } 
@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 */

.tooltip{position:relative;display:inline-block;height:1em;border-bottom:1px dashed #0000FB;color:#0000FB}
.tooltip .tooltiptext{visibility:hidden;width:290px;background-color:#FFFFFF;color:#000;text-align:left;padding:10px 7px 15px 7px;border:3px solid; border-color:#01539f;border-radius:8px;position:absolute;z-index:1;bottom:170%;left:50%;margin-left:-150px;opacity:0;transition:opacity 0.6s;}
.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-18px;border-width:18px;border-style:solid;border-color:#01539f transparent transparent transparent;}
.tooltip:hover .tooltiptext{visibility:visible;opacity:1;}
.tooltip-image{width:285px;margin-left:1px;margin-top:15px;margin-bottom:12px}

.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; 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:#01539f;border-radius:6px;color:#fff;font-size:22px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:250px}
.login-button:hover{background-color:#DFE4DF;color:#01539f;border:2px #01539f solid}
.comment-button{background-color:#01539f;border-radius:6px;color:#fff;font-size:15px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:150px;height:24px}
.comment-button:hover{background-color:#DFE4DF;color:#01539f;border:2px #01539f solid}
.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}
.reset-button:hover{background-color:#DFE4DF;color:#01539f;border:2px #01539f 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:5}
.reply-button:hover{margin-left:231px;margin-top:-12px;border:4px #DFE4DF solid;background-color:#DFE4DF}
.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:-8px;margin-left:463px;background-color:#fff;color:#b7bcc1;cursor:pointer;font-size:20px;width:20px;height:20px;border: 5px transparent solid }

.link-button:hover{background-color:#DFE4DF;border:5px transparent solid}

.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:100;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:-12px;color:#b7bcc1;font-size:25px;text-decoration:none;cursor:pointer;border:none;width:37px;height:30px}
.ulpic-button:hover{background-color:#DFE4DF}

.ulpic-div{z-index:100;float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;
padding-left:5px;padding-top:5px;margin-top:-35px;margin-left:-344px;width:382px;height:355px;position:absolute}

.ulpdf-div{z-index:100;float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;
padding-left:5px;padding-top:5px;margin-top:-35px;margin-left:-204px;width:382px;height:355px;position:absolute}

.hashfind-div{z-index:100;float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;
padding-left:5px;padding-top:5px;margin-top:-128px;margin-left:-335px;width:365px;height:115px;position:absolute}

.unfind-div{z-index:100;float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;
padding-left:5px;padding-top:5px;margin-top:-128px;margin-left:-275px;width:365px;height:115px;position:absolute}


.ulvc-div{z-index:100;float:left;border-radius:6px;background-color:#DFE4DF;border:2px #B1B1B1 outset;
padding-left:5px;padding-top:5px;margin-top:-35px;margin-left:-274px;width:382px;height:420px;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:#01539f;border-radius:6px;color:#fff;font-size:18px;text-decoration:none;cursor:pointer;border:none;padding:5px;width:300px; height:28px;}


.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}

.div-blo2{margin-top:20px}
.div-cosu{width:375px}

.comment-feed{width:510px;	margin : auto;
}
.action-box {width:510px; margin: auto; border :3px #01539f 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}


.avatar-image{float:left;margin-right:12px;width:50px}

.avatar-image2{float:left;margin-right:12px;width:30px}

.avatar-image75{float:left;margin-right:12px;width: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-btn{font-size:15px;background-color:#01539f;border-radius:6px;color:#fff;font-size:16px;text-decoration:none;cursor:pointer;border:none;padding:2px;width:55px;height:26px}
.link-btn:hover{background-color:#DFE4DF;color:#01539f;margin-top:0;border:2px #01539f solid}

.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:0px;margin-right:5px;background-color:#fff;color:#b7bcc1;font-size:25px;text-decoration:none;cursor:pointer;border:none;width:20px;height:18px}
*/
.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 #01539f 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;}

/* Reply Box */
.box {width:383px; height:382px;   background-color: #DFE4DF; border: 2px #B1B1B1 outset; border-radius: 6px;margin-bottom:5px; margin-left:100px; z-index: 3; position: relative;}
.box.arrow-top {margin-top: 5px;}
.box.arrow-top:after { content: " "; position: absolute;  z-index: 2;  right: 8px;  top: -75px;  border-top: none;  border-right:  40px solid transparent;  border-left:   40px solid transparent;  border-bottom: 75px solid #B1B1B1;}

/* Re-Twpt Box */
.box2 {width:383px; height:382px;   background-color: #DFE4DF; border: 2px #B1B1B1 outset; border-radius: 6px;margin-bottom:5px; margin-left:100px; margin-top:-80px; z-index: 6; position: relative;}
.box2.arrow-top {margin-top: 5px;}
.box2.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 #B1B1B1;}
.r-label2{margin: -70px 0px 0px 20px; font-size:14px; color:#01539f; font-weight:700;position:absolute}

.link2-btn{font-size:15px;background-color:#01539f;border-radius:6px;color:#fff;font-size:16px;text-decoration:none;cursor:pointer;border:none;padding:2px;margin-left: 347px; font-size: 19px; font-weight: 700; width : 30px;height:26px;margin-top:8px;position:absolute}
.link2-btn:hover{background-color:#DFE4DF;color:#01539f;margin-top:8px;border:2px #01539f 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:2px #DFE4DF solid;background-color:#DFE4DF;margin:-50px 0px 0px 299px;}
.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;}


/* Character Counter on Text Area */

/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700,300italic);*/

/*
*, *:before, *:after { box-sizing: border-box; }

html { font-size: 100%;  } 
body { 
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  background: #d0e6ef; 
  color: #666;
}

.wrapper {
  max-width: 75%;
  margin: auto;
}
*/

/*

textarea {
  width: 100%;
  min-height: 100px;
  resize: none;
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 0.5rem;
  color: #666;
  box-shadow: inset 0 0 0.25rem #ddd;
  &:focus {
    outline: none;
    border: 1px solid darken(#ddd, 5%);
    box-shadow: inset 0 0 0.5rem darken(#ddd, 5%);
  }
  
  
  
  &[placeholder] { 
    font-style: italic;
    font-size: 0.875rem;
  }
}



#the-count {
  float: right;
  padding: 0.1rem 0 0 0;
  font-size: 0.875rem;
}

*/
*/