body,html,h1,h2,h3,h4,p {
    margin:0;
    padding:10;
}
 h2 {
    font-family: 'Ubuntu', sans-serif;
}
 #wrapper {
     min-width:1185px;
}
 body {
     background:#12191f;
     color: #e8e8e8;
     font-family: 'Nunito', sans-serif;
     font-size:18px;
}
 #topbar {
     border-bottom:2px solid #ffd300;
     background:#222222;
     padding:20px;
    margin-bottom:10px;
}
 #subbar {
     background:#ffd300;
    color:#000000;
    padding:10px;
}
 #maincontent {
    top:100px;
}
 a {
     color: #e8e8e8;
     font-weight:bold;
     text-decoration:none;
}
 #menu a {
     text-transform:uppercase;
    font-size:15px;
     display:block;
     border-bottom: 1px dotted #333333;
     padding:8px;
}
 #menu a:hover {
    background:#ffd300;
    color:#000000;
}
 #menu h3 {
     margin-top:20px;
    text-decoration:underline;
}
 input, select,textarea {
    font-size:22px;
    padding:12px;
    background:#e7e7e7;
    color:#222222;
    border:1px solid #ffffff;
}
 .refreshlink {
    font-size:16px;
    display:inline;
    border:1px solid #e7e7e7;
    background:#333333;
    padding:5px;
}
 .refreshlink:hover {
    background: #888888;
}
 select {
    width:300px;
}
 a.disabled:hover {
     cursor:not-allowed;
}
 .comingsoon {
    padding:10px;
    margin-top:20px;
    text-align:center;
    color:#ffd300;
    font-weight:bold;
}
 .fas, .fab {
    margin-right:10px;
    width:18px;
}
 a.disabled {
     color:#333333 !important;
}
 #quicktips {
     width: 200px;
     background:#333333;
     padding:10px;
     border:1px solid #e7e7e7;
}
 .wordwrap {
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     word-wrap: break-word;
}
 .blur {
     filter: blur(5px);
}
 .blur:hover {
     filter:blur(0px);
}
 #userkey {
     disply:block;
     text-align:center;
     padding:10px;
     background:#e7e7e7;
     color:#000000;
     font-family:courier;
     font-size:30px;
     margin:20px;
}
 .section {
     background:#17242d;
     margin-top:10px;
     margin-bottom:10px;
     padding:15px;
}
 .btn {
     -moz-box-shadow: 0px 1px 0px 0px #fff6af;
     -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
     box-shadow: 0px 1px 0px 0px #fff6af;
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
     background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
     background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
     background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
     background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
     background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
     background-color:#ffec64;
     -moz-border-radius:6px;
     -webkit-border-radius:6px;
     border-radius:6px;
     border:1px solid #ffaa22;
     display:inline-block;
     cursor:pointer;
     color:#333333;
     font-family:Arial;
     font-size:15px;
     font-weight:bold;
     padding:6px 24px;
     text-decoration:none;
     text-shadow:0px 1px 0px #ffee66;
     font-size: 16px;
    padding: 14px 20px 14px 20px;
}
 .btn:hover {
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
     background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
     background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
     background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
     background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
     background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
     background-color:#ffab23;
}
 .btn:active {
     position:relative;
     top:1px;
}
 #menu {
    /*position:fixed;
    */
     width:200px;
     z-index:1000;
}
 #currentuser {
     background:#466c86;
     padding:5px;
     display:inline-block;
     text-align:center;
}
 a.menuactive {
     background-color: #ffd300 !important;
     color:#333333;
}
 .roadmap p {
     margin-bottom:5px;
     font-size:18px;
     font-weight:bold;
     text-decoration:underline;
}
 .roadmap li {
     padding:5px;
}
 

 .usernamebg {
	background:#000000;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
}
.refresh {
	color:#ffd300;
	margin-left:10px;
}

.refresh:hover {
	text-decoration: underline;
}
.deleteaccount {
	background:white;
	display:block;
	width:200px;
	text-align:center;
	padding:10px;
	color:red;
	margin-top:20px;
	border:1px solid red;
}

.deleteaccount:hover {
	background:red;
	color:#ffffff;
}


    .clipwrapper {
        display:inline-block;
        margin:5px;
        width:296px;
        border:2px solid #ffd300;
    }

    .clippedby {
        background:#ffd300;
        margin-top:0px;
    }

    .clippedby td {
        color:#000000;
        padding:5px;
        font-size:11px;
    }

    .clipimage img {
        opacity:0.8;
    }

    .clipimage img:hover {
        opacity:1;
    }

    .question {
        background:#000000;
        display:block;
        margin-bottom:10px;
        margin-top:10px;
    }

    .instructionsimage {
        max-width:450px;
        border:2px solid #ffd300;
        margin:10px;
    }

    .helplinks a {
    color: #ffd300;
    font-weight:bold;
    }

    .helplinks a:hover {
    text-decoration:underline !important;
    }

.helplinks h2 {
    text-decoration:underline;
    margin-top:10px;
}

.hand:hover {
    cursor:hand;
    background: #232323;
    color:#e8e8e8;
}

.delete:hover {
    background:red;
}

.section a {
    color: #ffd300;
}

.section a:hover {
    text-decoration:underline;
}

.btn {
    color:#000000 !important;
}

.deleteaccount {
    background: red;
    color:#ffffff !important;
}

.deleteaccount:hover {
    text-decoration:none !important;
    background:#000000;
}