body {
 font-family: Verdana,Calibri;
 font-size:16px;	
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
 background-color: rgb(240,240,240);
}

#remChars {
 font-size:15px;
 text-align: right;
 padding-right: 5px;
 margin-right: 5px;
 disabled: true;
 font-weight: bold;
 border: 0px solid transparent;
 width: 35px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
 -webkit-appearance: none; 
 margin: 0; 
}

#ClientEmail {
 border: 1px solid rgb(210,219,230);
 border-radius:3px;
 color:blue;
 width:300px !important;
}

#fbRespFrame {
 width: 800px;
 height: 500px;
 top: calc(50%-400px);
 left: calc(50%-250px); 
}

textarea:focus, input:focus, select:focus {
 outline: 0 !important;
 border:1px solid rgb(210,219,230);
 border-radius:3px; 
}

input, select, option, span, td, th {
 font-family: Verdana, Calibri;
 font-size: 15px; 
}

input, option, select {
 height: 18px; 
}

select {
 cursor: pointer;	
}

.c1 {
 width: 150px !important;
 text-align: left;
 padding-left: 5px;
 font-size: 14px;
}

.c2 {
 width: 300px !important;
 text-align: left;
 padding-right: 5px;
 font-size: 14px; 
}

.c3 {
 width: 150px !important;
 text-align: left;
 padding-left: 5px;
 font-size: 14px; 
}

.c4 {
 width: 300px !important;
 text-align: left;
 padding-right: 5px; 
 font-size: 14px; 
}

#fullname, #regarding, #em-addr, #dsm-contact {
 width:295px;
 height:24px;
 font-size:13px; 
 padding:0px;
 padding-left:3px;
 margin:0px;
 border:1px solid rgb(210,219,230);
 border-radius:3px;
 color: blue; 
}

#em-addr, #em-addr:focus, #em-addr:active, #em-addr:visited {
 background-color: white !important;
}

#maintbl, #midtbl {
 border: 1px solid silver;
 border-collapse: collapse;
 background-color:white;
 width:     905px !important;
 min-width: 905px !important;
 max-width: 905px !important;
 margin-top: 20px;
 padding-bottom: 10px;
 line-height: 30px;
}

.maintbl>th {
 border: 1px solid silver;
 border-collapse: collapse;
 background-color: rgb(109,132,166);
}

.maintbl>td {
 border: 1px solid silver;
 border-collapse: collapse;
 background-color: rgb(109,132,166);	
}

.pageHdr {
 font-family: Verdana;	
 font-weight:bold;
 font-size:22px;
 height: 45px;
 vertical-align: middle;
 text-align: center;
 background-color: rgb(98,132,167);
 color: rgb(235,237,245);
 text-shadow: 2px 2px 4px #000000;
}

#maintbl.th {
 border-style: none;
 background-color: rgba(200,200,240,.5) !important;	
}

#maintbl.td {
 border-style: none;
 background-color:white !important;	
}

.reflab, .refval {
 color:black;
 padding-left: 6px;
}

.refval {
 padding-right: 6px;	
}

#RefNum, #dt-time {
 background-color: transparent;
 border: 0px solid transparent;
 border-style: none; 
 font-family:Verdana,Calibri;
 font-size:14px;
 color:blue !important;
}

#introMsg {
 text-align:left;	
 width: 905px !important;
}

#Commentary {
 font-size: 18px;
 font-family: Courier New; 
 border: 1px solid rgb(210,219,230); 
 border-radius: 3px;
 background-color:white;
 margin-top: 7px;
 margin: 10px;
 line-height: 22px;
 white-space: pre-line;
}

#Commentary:focus {
 border:1px solid rgb(210,219,230);
 color: blue; 	
}

input[type="text"], input[type="email"], textarea {
 background-color : white !important; 
}

.actionBtn {
 cursor: pointer;
 color: black;
 background-color: rgb(230,230,230);
 font-family: Verdana;	
 font-weight: bold;
 font-size: 15px;
 height: 30px;
 width: 100px;
 margin-top: 0px;
 margin-bottom: 14px;
 padding-top: 3px; 
 padding-bottom: 4px;
 border: 1px solid silver;
 text-align: center;
 vertical-align: top;
 border-radius: 3px; 
}

.actionBtn:hover {
 cursor: pointer;
 color: white;
 text-shadow: 1px 1px 2px #000000; 
 background-color: rgb(98,132,167);
}

#srcInput, #srcOutput {
 font-family:Courier New;
 font-size: 17px;
}

#responseMessage {
 border-style:none;
 width:100%;
 height:18px;
 vertical-align:middle;
 text-align:center;
 margin:0px;
 padding:0px;
 overflow:hidden;
 color: rgb(76,112,76); /*dark green*/
 font-weight: 545;
 font-family: Roboto,Verdana,Calibri;
 font-size: 20px;
}

input[type=number] {
 text-align: right;
 padding-right: 5px;
 margin-right: 5px;
 disabled: true;
 font-weight: bold;
 border: 0px solid transparent;
 width: 35px;
}
 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
 -webkit-appearance: none; 
 margin: 0; 
} 
#remChars {
 font-size:15px;
}
#myText {
 font-family: Courier New;
 font-weight: normal;
 font-size  : 20px;
}