:root {
    --h : 100vw;
}
BODY {
	MARGIN-TOP: 0px; 
	MARGIN-LEFT: 5px; 
	MARGIN-RIGHT: 10px; 
	FONT-FAMILY: verdana,tahoma,helvetica;
	COLOR: #dcdcdc; 
	BACKGROUND-COLOR: #111112; 
	font-size:0.76em;
        line-height: 1.5;
}
iframe {
  background-color: #333333;
}
html {
  background-color: #111112;
  color: white;
}
/* width */
::-webkit-scrollbar {
  width: 0px;
}
/* Track */
::-webkit-scrollbar-track {
  background: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: none;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: none;
}
.scrollBut {
  padding:.6em;
  font-weight:normal;
  border-radius: .25em;
  background-color:#74a02a;
  color:#ffffff;
  border:0px solid #aaaaaa;
  cursor:pointer;
  -webkit-border-radius:0.25em;
  margin-right:1em;
}
.mkyFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.mkyMoney {
  color : darkKhaki;
  font-size: smaller;
}
.mkyAddress {
  color : darkKhaki;
  font-size: smaller;
}
.mkyloader {
  margin-right: 0.5em;
  float: left;
  display: inline-block;
  border: 11px solid #5F5f5f;
  border-radius: 50%;
  border-top: 11px solid darkKhaki;
  width: 10px;
  height: 10px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.gridContain {
  display : grid;
  grid-template-columns: auto;
}
.newsHLCard {
  border : 0px solid black;
  background: #333333;
  padding: 1em;
  border-radius : .5em;
  margin : 0em 0em 1em 0em;
}
.likeBut {
  color: white;
  cursor: pointer;
  background: #74a02a;
  padding: 0px 3px 3px 3px;
  border-radius: .2em;
  border: 0px solid #aaaaaa;
}
.likeBut A {
  color: white;
}
.imgContainer {
   position: relative;
   text-align: center;
   background: lightGrey;
   border-radius:0px 0px 5px 5px;
}
.imgTextTL {
   position: absolute;
   top: 0px;
   left: 0px;
   text-align: left;
   color: ghostWhite;
   //font-weight: bold;
   font-size: 1.1em;
   font: sans-serif;
   background: linear-gradient(rgba(0,0,0,1)5%,rgba(255,255,255,0));
   width: 100%;
   height: 4em;
}
.imgTextFrame {
   position: absolute;
   top: 0px;
   left: 0px;
   text-align: left;
   color: lightSeaGreen;
   margin: 10px;
   padding: 7px;
   border: 0px solid black;
   border-radius: 5px;
   width: 93.8%;
   height: 165px;
}
.imgTextTL A {
  color: gold;
}
.failAlert {
    color: darkKhaki;
}
.pgHTM {
    background-color: #111112;
}
.pgBody {
    margin:0px;
    background-color: #111112;
}
.pvcBgBody {
    margin:0px;
    background-color: #111112;
}
.pvcBody {
    margin:0px;
    background-color: #111112;
}
.pvcRSPanel {
    margin:0px;
    background-color: #111112;
    border: 0px solid #999999;
    border-radius: .5em;
}
.pvcCard {
   background-color: #333333;
   color: mintCream;
   border-radius: 0.25em;
   padding: 1em;
   margin-top: 1em;
}
.acFeedCard {
   padding: 1em;
   background:#555555;
   border:0px solid #777777;
   border-radius:0em;
   margin:0px 0px 0px 0px;
}
.infoCardNBG {
   padding:8px;
   width: calc(100% - 18px);
   background:#333333;
   border:0px solid dimGray;
   border-radius:0.5em;
   margin:0px 0px 25px 0px;
}
.chatAd {
   background-color: dimGray;
   color: mintCream;
   border: 0px solid #999999;
   border-radius: 0.5em;
}
.chatAd TABLE {
   background-color: none;
}
.chatAd TD {
   color : inherit;
   padding: 3px;
}
.chatAd A {
   color: #ADA75B;
}
.chatCard {
   background-color: dimGray;
   color: mintCream;
   border-radius: 0.5em;
   border: 0px;
}
.chatCard TABLE {
   background-color: none;
}
.chatCard TD {
   color : inherit;
   padding: 3px;
}
.chatCard A {
   color: darkKhaki;
}
@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
#animate-area {
  border-radius:0.5em;
  background-position: 0px 0px;
  background-size: 100% 100%;
  //background-repeat: repeat-x;
  //animation: animatedBackground 10s linear infinite alternate;
}
.amgFilter {
  padding 1.5em;
  border-radius:.5em;
  background-color: rgba(200,200,200,.452);
}

LI {margin-bottom:1em;}
A { 

        color: #74a02a;
        TEXT-DECORATION: none;
        FONT-WEIGHT: bold;
        //font-size:0.99em;
}
PRE {
	color : blue; 
}

A:hover { color: red;}

TABLE {
	MARGIN: 0px 0px 0px 0px; 
	PADDING:  0px 0px 0px 0px;  
    border-collapse: collapse;
    border:0px;    

}
TD {
	MARGIN: 0px 0px 0px 0px; 
	PADDING: 0px 0px 0px 0px; 
	border:0px;
	//font-size:0.599em;
}
INPUT {
    MARGIN: 0px 0px 0px 0px;
    BORDER: 1px solid #555555;
    margin-top: 4px;
    PADDING: .35em .35em .35em 1em;
    FONT-SIZE: 12px;
    COLOR: darkKhaki;
    BACKGROUND-COLOR:  #151515;
    border-radius: 0.25em;
}
input[type=submit] {
    PADDING: .35em .35em .35em .35;
    background-color:#74a02a;
    color:#ffffff;
    border:0px solid #aaaaaa;
    cursor:pointer;
    -webkit-border-radius:0.35em;
    border-radius:0.35em;
}
input[type=button] {
    PADDING: .35em .35em .35em .35;
    background-color:#74a02a;
    color:#ffffff;
    border:0px solid #aaaaaa;
    cursor:pointer;
    -webkit-border-radius:0.35em;
    border-radius:0.35em;
}
input[class=tagBut] {
  color: white;
  cursor: pointer;
  background: #74a02a;
  padding: .35em;
  border-radius: .2em;
  border: 0px solid #aaaaaa;
}
input[class=tagBut] A {
  color: white;
}
::placeholder {
  color: darkKhaki;
  opacity: .5; 
}
.srchBox {
    background: #151515
    color: #777777;
    padding:.4em;
    padding-left:1em;
}
#chkBOX {
	MARGIN: 0px 0px 0px 0px; 
        BORDER: none;
	PADDING: 1px 2px 0px 2px; 
	COLOR: #444444; 
	BACKGROUND-COLOR: #eeeeee;
}
#radioGray {
	MARGIN: 0px 0px 0px 0px; 
        BORDER: none;
	PADDING: 0px 0px 0px 0px; 
	COLOR: #444444; 
	BACKGROUND-COLOR: #eeeeee;
        width:14px; height:14px;
}
SELECT {
        MARGIN: 0px 0px 0px 0px;
        BORDER: 1px solid #555555;
        PADDING: 1px 2px 0px 2px;
        COLOR: #999999;
        BACKGROUND-COLOR: #222222;
}
.acHeadNorm {
}
.acHeadJob {
   background-color:#222322;
   color:white;
   padding:7px;
}
.acHeadJob A:link {color:Yellow;}
.acHeadJob B {color:darkKhaki;}
.acHeadJob H3{color:darkKhaki;}

docTable {
}        
.docTable TD {
   PADDING:3px;  
   color : inherit;
}
docTableWhite {
}
.docTableWhite TD {
   PADDING:3px;
   color: white;
}

.chatAlert {
   position:fixed;
   top:20%;
   left:2%;
   padding:5px;
   background:white;
   border:0px solid #e0e0e0;
   border-radius:0.5em;
   display:none;
   z-Index:99;
}
	.wzAlert {
	    position:fixed; 
	    top:2%; 
	    left:2%; 
	    padding:5px; 
	    background:#ffffff; 
	    border:0px;
	    border-radius:0.5em;
	    display:none;
     }
	.wzAlertMsg {
	    padding:10px; 
	    background:#161616; 
	    border:0px solid #ffeeee;
	    border-radius:0.5em;
	    width:90%;
     }
     .wzAlertAction {
        padding:4px 4px 0px 0px;
        text-align:right;
     }
	.wzAccSysMsg {
	    padding:10px; 
	    background:#161616; 
	    border:0px solid #ffeeee;
     }

.docTableSmall {
   color : inherit;
}        
.docTableSmall TD {
    PADDING:3px;  
    word-wrap:break-word;
    font-size:smaller;
    color : inherit;
}
.infoCardPost {
   padding:8px;
   background:#222222;
   border:0px solid dimGray;
   border-radius:0.5em;
   margin:0px 0px 25px 0px;
}
.infoCardClear {
    padding:8px; 
    background:#333333; 
    border:0px solid #777777;
    border-radius:0.5em;
    margin:0px 0px 25px 0px;	    
}
.raisedCard {
   border:0px solid #dddddd;
   border-radius:0.5em;
   margin:0px 0px 25px 3px;
   padding: 10px;
/*
   box-shadow:
      -1px 1px #cccccc,
      -2px 2px #dddddd,
      -3px 3px #eeeeee;
*/
}
.rImg05 {
	    border:0px solid #efefef;
	    border-radius:0.5em;
}    
TEXTAREA {
	    padding:8px;
            color: #888888; 
	    background:#444444; 
	    border:0px solid #555555;
	    border-radius:0.5em;
}
body {
  //font-size: 100%;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

#page {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
}

@media (min-width: 43.75em) {
  #page {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}

h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}

@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }
}

h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}

h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}

h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
  }
}

blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}