/* GLOBAL STYLES */
* { margin:0; padding:0; outline: 0; }
html { height: 100%; overflow-y: scroll; }
body { height: 100%; background: #000000; text-align: center; font-family: Consolas, Menlo, Verdana, monospace; font-size: 23px; color: #000000; } 

.clear { clear: both; }
a { color:#ffffff; cursor: pointer; text-decoration: none}
b { color:#ffffff;}
p { margin-bottom: 10px; font-family: Consolas, Menlo, Verdana, monospace; font-size: 23px; margin: 3px; padding: 3px;}
th { padding: 4px;}
ul { margin-left: 30px; font-family: Consolas, Menlo, Verdana, monospace; font-size: 23px;}
li { margin-left: 15px; font-family: Consolas, Menlo, Verdana, monospace; font-size: 23px; font-weight: normal; }
h1 { font-family: Consolas, Menlo, Verdana, monospace; font-size: 28px; font-weight: bold; color: #ffffff; margin-bottom: 10px}
h2 { font-family: Consolas, Menlo, Verdana, monospace; font-size: 26px; font-weight: bold; color: #ffffff;}
h3 { font-family: Consolas, Menlo, Verdana, monospace; font-size: 24px; font-weight: bold; color: #ffffff;}
table { font-family: Consolas, Menlo, Verdana, monospace; font-size: 23px; padding: 4px;}
td { padding: 5px;}
hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

@keyframes glow {
    		0% {
        		text-shadow: 0 0 5px #FF00B4, 0 0 10px #FF00B4, 0 0 20px #FF00B4, 0 0 40px #FF00B4, 0 0 80px #FF00B4;
    		}
    		100% {
        	text-shadow: 0 0 10px #711617, 0 0 20px #711617, 0 0 40px #711617, 0 0 80px #711617, 0 0 160px #711617;
    		}
    	}
    		
.clear {clear: both;}
.hint { font-family: Consolas, Menlo, Verdana, monospace; font-size: 19pt; font-weight: bold; color: #ffffff}
.hintOpenAI { font-family: Consolas, Menlo, Verdana, monospace; font-size: 29pt; font-weight: bold; color: #10A37F; text-decoration: underline}
.button { font-family: Consolas, Menlo, Verdana, monospace; font-size: 22px; background-color: #2b2b2b; border-radius: 20px; border: 3px ridge #FF00B4; padding: 10px; margin: 10px; color: #ffffff; width: auto; box-shadow: 1px 1px 0px 0px, 2px 2px 0px 0px, 3px 3px 0px 0px, 4px 4px 0px 0px, 5px 5px 0px 0px;}
.button:hover { font-family: Consolas, Menlo, Verdana, monospace; font-size: 22px; background-color: #000000; border-radius: 20px; border: 3px ridge #FF00B4; padding: 10px; margin: 10px; color: #ffffff; width: auto}
.buttonNav { background-color: rgba(0, 8, 31, 1); padding: 6px; color: #FF00B4; border: 2px solid #FF00B4; border-radius: 10px}
.buttonNav:hover { background-color: rgba(31, 73, 125, 1); padding: 6px; color: #ffffff; border: 2px solid #FF00B4; border-radius: 10px}
.buttonNavGRC { background-color: rgba(0, 8, 31, 1); padding: 6px; color: #ffffff; border: 2px solid #711617; border-radius: 10px}
.buttonNavGRC:hover { background-color: #711617; padding: 6px; color: #FFFFFF; border: 2px solid #711617; border-radius: 10px}
.buttonNavDefend { background-color: rgba(0, 8, 31, 1); padding: 6px; color: #ffffff; border: 2px solid #2A5E88; border-radius: 10px}
.buttonNavDefend:hover { background-color: #2A5E88; padding: 6px; color: #FFFFFF; border: 2px solid #2A5E88; border-radius: 10px}
.buttonNavDigital { background-color: rgba(0, 8, 31, 1); padding: 6px; color: #ffffff; border: 2px solid #2C81D8; border-radius: 10px}
.buttonNavDigital:hover { background-color: #2A5E88; padding: 6px; color: #FFFFFF; border: 2px solid #2C81D8; border-radius: 10px}
.buttonNavMS { background-color: rgba(0, 8, 31, 1); padding: 6px; color: #ffffff; border: 2px solid #7FBA00; border-radius: 10px}
.buttonNavMS:hover {background-color: #2A5E88; padding: 6px; color: #FFFFFF; border: 2px solid #7FBA00; border-radius: 10px}
.picture { border: 3px solid; padding: 3px; border-bottom-color: #F48728;  border-right-color: #F48728; border-top-color: #657E3B;  border-left-color: #657E3B;}

/* FORM STYLES */
#formID { }
#formID .fieldset { padding-bottom: 10px; }
#formID .fieldleft { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID .fieldright { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID input, #formID textarea, #formID select, #formID file { font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt; background-color: #1F2B33; border-radius: 10px; border: 3px ridge #FF00B4; padding: 10px; margin: 10px; color: #ffffff;}
#formID input[type="radio"], #formID input[type="checkbox"] { background-color: transparent; border: none; }
#formID table td{ padding: 4px 10px 10px 4px; }

#formID1 { }
#formID1 .fieldset { padding-bottom: 10px; }
#formID1 .fieldleft { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID1 .fieldright { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID1 input, #formID1 textarea, #formID1 select, #formID1 file { font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt; background-color: #1F2B33; border-radius: 10px; border: 3px ridge #711617; padding: 10px; margin: 10px; color: #ffffff;}
#formID1 input[type="radio"], #formID1 input[type="checkbox"] { background-color: transparent; border: none; }
#formID1 table td{ padding: 4px 10px 10px 4px; }

#formID2 { }
#formID2 .fieldset { padding-bottom: 10px; }
#formID2 .fieldleft { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID2 .fieldright { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID2 input, #formID2 textarea, #formID2 select, #formID2 file { font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt;  background-color: #1F2B33; border-radius: 10px; border: 3px ridge #2A5E88; padding: 10px; margin: 10px; color: #ffffff;}
#formID2 input[type="radio"], #formID2 input[type="checkbox"] { background-color: transparent; border: none; }
#formID2 table td{ padding: 4px 10px 10px 4px; }

#formID3 { }
#formID3 .fieldset { padding-bottom: 10px; }
#formID3 .fieldleft { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID3 .fieldright { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID3 input, #formID3 textarea, #formID3 select, #formID3 file { font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt;  background-color: #1F2B33; border-radius: 10px; border: 3px ridge #2C81D8; padding: 10px; margin: 10px; color: #ffffff;}
#formID3 input[type="radio"], #formID3 input[type="checkbox"] { background-color: transparent; border: none; }
#formID3 table td{ padding: 4px 10px 10px 4px; }

#formID4 { }
#formID4 .fieldset { padding-bottom: 10px; }
#formID4 .fieldleft { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID4 .fieldright { float: left; width: 190px; padding-right: 4px; text-align: left; }
#formID4 input, #formID4 textarea, #formID4 select, #formID4 file { font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt;  background-color: #1F2B33; border-radius: 10px; border: 3px ridge #7FBA00; padding: 10px; margin: 10px; color: #ffffff;}
#formID4 input[type="radio"], #formID4 input[type="checkbox"] { background-color: transparent; border: none; }
#formID4 table td{ padding: 4px 10px 10px 4px; }

.buttonBCWHS {background-color: #1F2B33; margin: 10px; font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt; letter-spacing: 2px;  text-decoration: none;  text-transform: uppercase;  color: #fff;  cursor: pointer;  border: 3px ridge #ffffff;  border-radius: 20px;  padding: 10px; position: relative;  user-select: none;  -webkit-user-select: none;  touch-action: manipulation;}
.buttonBCWHS:active {  box-shadow: 0px 0px 0px 0px; top: 5px; left: 5px;}
@media (min-width: 768px) {  .buttonBCWHS {    padding: 0.25em 0.75em;  }}

.buttonBCWHSGRC {background-color: rgba(0, 8, 31, 1); margin: 10px; font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt;  letter-spacing: 2px;  text-decoration: none;  text-transform: uppercase;  color: #fff;  cursor: pointer;  border: 3px ridge #711617;  border-radius: 10px;  padding: 10px;  user-select: none;  -webkit-user-select: none;  touch-action: manipulation;}
.buttonBCWHSGRC:active {  box-shadow: 0px 0px 0px 0px; top: 5px; left: 5px;}
@media (min-width: 768px) {  .buttonBCWHSGRC {    padding: 0.25em 0.75em;  }}

.buttonBCWHSDefend {background-color: rgba(0, 8, 31, 1); margin: 10px; font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt;  letter-spacing: 2px;  text-decoration: none;  text-transform: uppercase;  color: #fff;  cursor: pointer;  border: 3px ridge #2A5E88;  border-radius: 10px;  padding: 10px;  user-select: none;  -webkit-user-select: none;  touch-action: manipulation;}
.buttonBCWHSDefend:active {  box-shadow: 0px 0px 0px 0px; top: 5px; left: 5px;}
@media (min-width: 768px) {  .buttonBCWHSDefend {    padding: 0.25em 0.75em;  }}

.buttonBCWHSDigital {background-color: rgba(0, 8, 31, 1); margin: 10px; font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt;  letter-spacing: 2px;  text-decoration: none;  text-transform: uppercase;  color: #fff;  cursor: pointer;  border: 3px ridge #2C81D8;  border-radius: 10px;  padding: 10px;  user-select: none;  -webkit-user-select: none;  touch-action: manipulation;}
.buttonBCWHSDigital:active {  box-shadow: 0px 0px 0px 0px; top: 5px; left: 5px;}
@media (min-width: 768px) {  .buttonBCWHSDigital {    padding: 0.25em 0.75em;  }}

.buttonBCWHSMS {background-color: rgba(0, 8, 31, 1); margin: 10px; font-family: Consolas, Menlo, Verdana, monospace; font-size: 22pt;  letter-spacing: 2px;  text-decoration: none;  text-transform: uppercase;  color: #fff;  cursor: pointer;  border: 3px ridge #7FBA00;  border-radius: 10px;  padding: 10px;  user-select: none;  -webkit-user-select: none;  touch-action: manipulation;}
.buttonBCWHSMS:active {  box-shadow: 0px 0px 0px 0px; top: 5px; left: 5px;}
@media (min-width: 768px) {  .buttonBCWHSMS {    padding: 0.25em 0.75em;  }}

#contentField table td { padding: 0; }

/* ERROR STYLES */
label.error { display: block; margin-bottom: 6px; font-family: Consolas, Menlo, Verdana, monospace; font-size: 18px;  margin-top: 0px; font-weight: bold; color: #711617}
input.error, select.error { background-color: #ffe1e1; border: 1px solid #ff8787; }
div.error { font: 15px Consolas; color: #ff0000; border: 1px solid gray; padding: 5px; background-color: #ffe8e8; margin-bottom: 15px; }
div.info { font: 15px Consolas; color: #000; border: 1px solid gray; padding: 5px; background-color: #8ac5ff; }

/* SITE STYLES */
#container { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -101px; }
#container .push { height: 101px; }
#header { height: 41px; font-size: 22px; font-weight: bold; margin: 15px 0 0 20px; color: #fff; text-align: left; }
#header .div1 { float: left; }
#header .div2 { font-family: Consolas, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-align: right; float: right; }
#header .div2 span { font-weight: bold; }
#content {}
#content .warnings {min-height: 40px; padding-top: 10px;}
#footer { font: 15px Consolas; line-height: 18px; background: #fff url(/images/background-footer.jpg) repeat-x top center; height: 101px; text-align: center; color: #636363; }
#footer div { padding-top: 40px; }
#footer a { color: #636363; }

#fields { float: left;}
.fieldsHolder { overflow:visible; padding:5px 10px 8px; position:relative; width:100%; background-color: #000000;}
.fieldsHolder input { width:145px }
.fieldsHolder label { display:inline-block; padding-top:10px; width:150px }

/* PAGE STYLES */
#content .content { padding: 20px; }
#content .page { border: 1px solid #ccc; margin: auto; margin-top: 5px; margin-bottom: 10px; width: 100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: left;}
#content .page h1 { margin: 0; padding: 8px 0 2px 20px; background: #dedede url(/images/background-h1.jpg) repeat-x; height: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; color: #000000; }
#content .buttons { float: right; }
#content .bottombuttons { margin: 0; padding: 8px 0 2px 0; background: #eee url(/images/background-h1.jpg) repeat-x; height: 29px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; color: #000000; text-align: right; }