body, td {font-family: Verdana, Arial, Helvetica; font-size: 12px;margin:0px;padding:0px;}
td {font-family: Verdana, Arial, Helvetica; font-size: 12px}
A {color: #073a8d; text-decoration: none}
A:hover {text-decoration: underline}
A.sames:hover {color: #000000; text-decoration: none}
A.u, div.grey a {text-decoration: underline;}
h1 {font-family:Verdana, Arial, Helvetica;font-size:15px;color:#CC0000;font-weight: bold;margin-top:30px}
h2 {font-family: Verdana, Arial, Helvetica;font-size:14px;color:#666;font-weight:bold;margin-top:40px}
h3, h4, h5 {font-family: Verdana, Arial, Helvetica;font-size:13px;color:#666;font-weight:bold;margin-top:20px;text-align:center}
.upper, h1, h2, h3, h4, h5, .rblock {text-transform:uppercase}
.center, .i200, .i145, .i205, .i305, .i355, .i355r, .i120, .i200r, .i145r, .i120r, .i305r, .i205r, .i255, .i255r, .i35r {text-align:center}
.r, .right {text-align:right}
img {border:0px;max-width:620px;}
.top {color:#ffffff;text-decoration:none}
.lrg, .top, .mainred, .exp, .txtblock {font-size: 14px}
.txtblock p {text-indent:25px}
.nav {color: #ffffff; font-family: Verdana, Arial, Helvetica; text-decoration: none; font-size: 12px}
.red {color: #FF6600; text-decoration: none}
.mainred {color: #FFAF49; font-weight: bold}
.superred {color: #ff3705; font-weight: bold}
.sr {color: #CC0000}
.bold, .b {font-weight: bold}
.i {font-style: italic}
.more {color: #073a8d; text-decoration: underline}
.grey {background-color: #EFEFEF; padding: 2pt; border-top-width: 1pt; border-top-style: solid; border-top-color: #6699CC; margin-top: 5pt;}
.yellow {background-color: #FFFFCC; padding: 2pt; border-top-width: 1pt; border-top-style: solid; border-top-color: #6699CC; margin-top: 5pt;}
.white {color: #ffffff}
.gr {color:#797979}
.grb {color:gray}
.grbd {color:#4A4A4A}
.header {font-size: 13px; color: #CC0000; font-weight: bold}
.header1 {color: #ffffff; padding-right: 10; padding-top: 5; padding-bottom: 5}
.header2 {padding-right: 10; padding-left: 5; padding-top: 2; padding-bottom: 2}
.orange2 {color: #FFCC00}
.header3 {letter-spacing: 2; color: #FFFFFF; font-weight: bold}
.main, .pd5 {padding: 5px}
.same {color: #f7faf7}
.sames {color: #000000}
.spant {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #CC0000;}
input {font-size: 12px; font-family: Verdana, Arial}
input.bluer {background-color: #6699CC; border-color: #ffffff}
input.cdorder {font-size: 12px; font-family: Verdana, Arial; color: #000000; background-color: #F7FAF7; border-color: #ffffff; font-weight: bold; }
input.non {font-size: 12px; font-family: Verdana, Arial; color: #000000; background-color: #F7FAF7; font-weight: bold; border-color: #ffffff}
textarea {font-size: 12px; font-family: Verdana, Arial;}
select {font-size: 12px; font-family: Verdana, Arial;}
.forumbox {font-size: 12px; font-family: Verdana, Arial; color: #000000; background-color: #D3DCE4; font-weight: normal; border-color: #ffffff; }
.kitt { background-color: #EFEFEF; padding: 3px; BORDER: gray 1px solid; }
.kitg {border: 1px solid #6699CC; padding:5px; margin:20px}
.ksr {border: 1px solid #6699CC; padding:5px; margin:20px;color: #CC0000}
.brd_bt, .brd_btid { border-bottom: gray 1px solid; padding: 3px 0px 3px 0px; }
.brd_btid a { color: #B7B7B7; font-size: 11px; }
a.like_a { text-decoration: none ! important; cursor: pointer; }
.linkurl { font-size: 11px; background-color: #D4D4D4; padding: 1px; color: #666666; }
.brd_r {background-color: #DCE2E9; padding: 3px 5px 3px 3px;}
.brd_l {padding-left: 10px;}
.exp, .admin { border-bottom: gray 1px solid; border-top: gray 1px solid; margin-top: 2px; font-weight: bold; text-align: center; }
.exp {color: #E37830;}
.admin {color: #CC0000; font-size: 12px; font-weight: normal;}
.sm, .smt, .blinput {font-size: 11px;}
.smt {padding-top: 3px;}
.blinput {width: 80px;}
.inactive {opacity:.40; filter: gray() alpha(opacity=40); background-color:#CCC;}
.tblock {margin-top:10px;clear:both}
.minh110 {min-height:120px}
.mtop5 {margin-top:5px}
.mtop10 {margin-top:10px}
.mtop50 {margin-top:50px}
.mtop20 {margin-top:20px}
.mbtm20 {margin-bottom:20px}
.mbtm5 {margin-bottom:5px}
.mbtm2 {margin-bottom:2px}
.mbtm10 {margin-bottom:10px}
.m20 {margin:20px}
.m10 {margin:10px}
.m5 {margin:5px;}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
img.whmax {max-height:25px;max-width:25px}
.iblock {width:300px;margin:3px;padding:3px;}
.i55, .i55r {width:55px;text-align:center;margin:2px}
.i100, .i100r {width:105px;text-align:center;margin:2px}
.i120, .i120r {width:117px;margin:3px;padding:3px;}
.i145, .i145r {width:145px;margin:3px;padding:3px;}
.i200, .i200r {width:200px;margin:3px;padding:3px;}
.i205, .i205r {width:200px;margin:5px;padding:5px;}
.i255, .i255r {width:250px;margin:5px;padding:5px;}
.i305, .i305r {width:320px;margin:5px;padding:5px;}
.i355, .i355r {width:370px;margin:5px;padding:5px;}
.i405, .i405r {width:420px;margin:5px;padding:5px;}
img.wm, div.i205 img, div.i205r img {max-width:200px;}
div.i55 img, div.i55r img {max-width:50px;max-height:50px}
div.i100 img, div.i100r img {max-width:100px;}
div.i200 img, div.i200r img {max-width:195px}
div.i305 img, div.i305r img {max-width:300px}
div.i355 img, div.i355r img {max-width:350px;}
div.i120 img, div.i120r img {max-width:110px}
div.i255 img, div.i255r img {max-width:250px}
.tptxt img {max-width:300px;max-height:300px;}
.tptxt {max-width:700px;}
img.wm140, div.i145 img, div.i145r img {max-width:140px;}
.i55, .i100, .i200, .i145, .i205, .i305, .i355, .i120, .i255, .i405, .nblock, .iblock, .itr, .mblock, .tbl {float:left}
.i55r, .i100r, .i200r, .i145r, .i120r, .i305r, .i355r, .i205r, .i255r, .i35r, .i405r, .ablock, .tbr {float:right}
.nblock { width:200px;margin:3px;padding:3px }
.itr {width:150px;margin:3px;padding:3px;}
.h250 {height:250px}
.clear {clear:both}
.cl {clear:left}
img.cl {margin-bottom:10px}
.rblock {padding-top:20px;clear:both;font-size:16px;color:#666666}
.ptop20 {padding-top:20px}
a.blink {color:#000;text-decoration:none}
a.blink:hover {text-decoration:underline}
.mblock {width:100%;margin:5px;padding:5px;border:2px solid #D4F3FA;}
.ablock {margin:5px;padding:5px;background-color:#F2F9F8;width:330px;clear:both}
.quote {width:100%;margin:5px;padding:5px;border:1px dashed gray;background-color: #EFEFEF;}
.pleft50, .pl50 {padding-left:50px}
.pl20 {padding-left:20px}
.pl10 {padding-left:10px}
.pl5 {padding-left:5px}
.nd {text-align:center;width:500px;background-color:#EFEFEF;padding:5px;margin:5px auto;font-size:11px}
.bpl {background-color:#6699CC;padding:5px;color:#FFF}
.tbl {clear:left;width:400px;}
.tbr {width:250px;border-left:1px solid #6699CC;color:#990000;}
.tbl, .tbr {padding:5px;margin-bottom:20px}
.srcr, .srcf {background-color: #EFEFEF; padding: 2pt; border-top: 1pt solid #6699CC; margin-top: 5pt;text-align:right;font-size: 11px}
.srcf {width:305px;float:right;}
.message { border: 1px dotted #CC0000; background-color: #FFFFCC; font-weight: bold; color: #CC0000; padding: 2px; margin-bottom: 5px; }
.ptr, .z {cursor:pointer}
.edh {display: none; padding: 3px; background-color: #DADADA;}
textarea.txtble {width:100%;min-height:70px}
.greyscale, .grayscale {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
}
.fimg {max-width:172px;float:left;padding:3px;position:relative;text-align:left}
.fimg img {max-width:166;max-height:166;}
.fsimg {max-width:145px;float:left;padding:3px;position:relative;text-align:left}
.fsimg img {max-width:139;max-height:104;}
.fnimg {max-width:195px;float:left;padding:3px;position:relative;text-align:left}
.fnimg img {max-width:189;max-height:295;}
.delimg {max-width:16px;max-height:16px;position:absolute;top:8px;left:8px;background-color:white}
.vtlimg {max-width:16px;max-height:16px;position:absolute;top:2px;left:2px;background-color:white}
.btm {vertical-align:bottom}
.vertop {vertical-align:top}
.addcomment {width:90%;border-radius:5px;color:#202020;border:2px solid gray;box-shadow: 0 0 10px #719ECE;height:65px;}
.addcomment:focus {outline: 0;border:2px solid #6699CC;}
.rgg {display:none;margin:10px;background-color:#DADADA;border:1px dashed #404040;border-radius:5px;padding:3px;}
.rgd {margin:5px;background-color:#DADADA;border:1px dashed #404040;border-radius:5px;padding:3px;}
.ftopic {margin:20px;max-width:650px;}
.nlr {float:right;max-width:300px;text-align:right}
.mnon {margin:10px 0px 0px 0px;}
.ftbtm {border-bottom:1px solid #6699CC;padding-bottom:7px}
.fth {border-bottom:1px dashed #6699CC;background-color:#DADADA;}
.green {color:green}
.ir {font: 0/0 a;text-shadow:none;color:transparent;}
.rvert, .txtble, .addcomment {resize:vertical;}

/* Sprites */
.pix {background: url(https://cliparto.com/ff/icons.png) no-repeat top left; width:16px;height:16px;}
.ico-pdf{background-position: -360px 0;}
.ico-attn{background-position: -56px 0;}
.ico-del{ background-position: -344px 0; }
.ico-alb{ background-position: -726px 0; }
.ico-down{ background-position: -470px 0; }
.ico-reload{ background-position: -486px 0; }
.ico-ext{background-position: -392px 0}

.image {margin:5px;cursor:zoom-in;}
.popup {position: absolute;height:100%;width:100%;top:0;left:0;display:none;text-align:center;}
.popup_bg {	background:rgba(0,0,0,0.3);position:fixed;z-index:1;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;}
.popup_img {position: fixed;z-index:2;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 90%;}
.popup_img { pointer-events: none;}

/*div.scrn {transform: scale(0.4);}*/
/*div.scrn embed { overflow:hidden;width:1000px;height:700px;position: absolute; z-index: 100; border: 1px solid #CCC; margin-left: 10px; box-shadow: 0 0 10px #222222; }*/

/* DropMenu */
.dropbtn {background-color: 073a8d; border: none;}
.dropbtn:hover .white {text-decoration:underline;cursor:pointer}
/* The container <div> - needed to position the dropdown content */
.dropdown { position: relative; display: inline-block; width:150px; float:right; }
/* Dropdown Content (Hidden by Default) */
.dropdown-content {display:none;position: absolute;background-color:#f1f1f1;min-width:160px;min-height:100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;padding:10px;color:black;text-align:left;}
/* Show the dropdown menu on hover */
/*.dropdown:hover .dropdown-content {display: block;} */
.dropemoji {position:relative;display:inline-block;width:400px;height:250px;overflow:scroll;float:right;margin-top:5px;}
.dropemoji-content {position:absolute;background-color:#f1f1f1;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;padding:10px;color:black;text-align:left;}

/* Upload Images */
#drop-files {
	width: 400px;
	height: 100px;
	margin: 0 auto;
	background: rgb(223,223,223);
	border-radius: 10px;
	border: 2px dashed rgba(0,0,0,0.2);
	padding-top:80px;
	text-align: center;
}

#drop-files p {
	clear:none;
	padding:0;
	margin:0;
}

#uploaded-holder {
	display: none;
	position:relative;
	margin: 0 auto;
}

#dropped-files {
	display:block;
	margin: 0 auto;
}

#upload-button {
	z-index: 9999;
	display: none;
	margin: 20px 0;
}

.drop-button {
	display: block;
	position: absolute;
	z-index: 9999;
	padding: 5px;
	width: 100%;
	background: rgba(0,0,0,0.6);
	bottom: 0;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	color: #FFF;
}

#dropped-files .image {
	position: relative;
	height: 110px;
	width: 136px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	background: #fff;
	float: left;
	border-radius: 2px;
	margin: 0 7px 7px 0;
	overflow: hidden;
}

#upload-button .ss-upload {
}

#upload-button a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 0 600px 62px rgba(255, 255, 255, 1), inset 0 -35px 40px -10px #0A9FCA;
	padding: 10px 20px;
	background-color: #4bc1e3;
	border-radius: 10px;
}

#upload-button span {
	position:relative;
	text-align: center;
	background: white;
	border-radius: 10px;
	padding: 6px;
	margin-right: 8px;
}
#upload-button a:hover {
	box-shadow: 0 0 1000px 62px rgba(255, 255, 255, 1), inset 0 -5px 40px 0px #0A9FCA;	
}


#dropped-files #upload-button .delete {
	padding: 7px 6px 4px 6px;
	border-radius: 100px;
	background: rgba(0,0,0,0.6);
	box-shadow: none;
	margin-left: 8px;
}

#dropped-files #upload-button .delete:hover {
	background: rgba(0,0,0,0.8);
}

#loading {
	display: none;
	width: 100%;
	position: relative;
	margin: 20px;
}

#loading-bar {
	width: 404px;
	height: 40px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 2px;
}

.loading-color {
	width: 0%;
	height: 100%;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	border-radius: inherit;
	background-color: #4edbf1;
}

#loading-content {
	position: relative;
	top: 15px;
	font-weight: bold;
	text-align: center;
	width: 405px;
}

#file-name-holder {
	width: 100%;
	float: left;
}

#file-name-holder h1 {
	text-align: center;
	padding: 20px 0;
	margin: 0;
}

#uploaded-files {
	width:620px;
	list-style:none;
	margin:0 auto;
	padding: 10px;
	color: #545454;
}

#uploaded-files li {
	padding: 10px;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	line-height: 25px;
	color: #545454;
}

#uploaded-files a {
	color: #1bacbf;
}