/* STYLES APPLICABLE TO ALL SCREEN ------------------------------------------------------------------------------------------- */
.initialsBlockHeading {
  width: 100%;
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
  font: bold 1.5em Arial;
  z-index: 10; }

/* ------------------------------------------------------------------------------------------------------------------------ ABOUT THIS WEBSITE */
.divHidden {
  display: none; }

.divAbout {
  box-shadow: 0 0 100px #000;
  border-radius: 10px;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.97);
  width: 90%;
  height: 1px;
  position: absolute; }

/* ------------------------------------------------------------------------------------------------------------------------ CV WEBPAGE */
.activeheading {
  background-color: rgba(0, 0, 255, 0.9);
  color: #ffffff;
  font: bold 12pt arial;
  text-align: center; }

.inactiveheading {
  background-color: rgba(0, 0, 255, 0.2);
  color: #888888;
  font: bold 12pt arial;
  text-align: center; }

/* ------------------------------------------------------------------------------------------------------------------------ FLICKERING NEON */
#DefaultQualifications {
  animation: upper 15s linear infinite; }

#DefaultCalendar {
  animation: upper 27s linear infinite; }

#DefaultForum {
  animation: upper 57s linear infinite; }

#DefaultNicola {
  animation: lower 10s linear infinite; }

@keyframes upper {
  0%,19.999%,22%,62.999%,64%, 64.999%,70%,100% {
    opacity: .99;
    text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff; }
  20%,21.999%,63%,63.999%,65%,69.999% {
    opacity: 0.4;
    text-shadow: none; } }
@keyframes lower {
  from {
    box-shadow: 0 0 10px #000; }
  50% {
    box-shadow: 0 0 5px #000;
    border: none; }
  to {
    box-shadow: 0 0 0 #000; } }
/* ------------------------------------------------------------------------------------------------------------------------ BODY */
body {
  background-image: url("../images/ctn.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 100%;
  background-color: #040000; }

/* ------------------------------------------------------------------------------------------------------------------------ EXPLANATION / TOOLTIPS */
.explanation {
  height: 99%;
  width: 80%;
  margin: 5px 10% 0 10%;
  position: relative;
  vertical-align: middle;
  font: normal 1.5em Arial;
  color: #f5f5f5;
  /* background-color: rgba(5,5,5,0.5); */ }

/* ------------------------------------------------------------------------------------------------------------------------ FOOTER */
.masterfooter {
  width: 100%;
  bottom: 0;
  position: fixed;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  font: 1em Arial;
  height: 40px;
  vertical-align: top;
  padding-right: 1%; }

/* ------------------------------------------------------------------------------------------------------------------------ TABLE WITH SHADOW AND HEADING */
.table_with_round_corners {
  border: 1px solid #fff;
  border-radius: 7px;
  box-shadow: 0 0 100px #000;
  background: rgba(125, 125, 125, 0.2);
  /*box-shadow: -12px 0 12px #000000,
		   0 -12px 12px 0 #000000,
   0 12px 12px 0 #d0d0d0,
   12px 0 12px 0 #d0d0d0;*/
  width: 100%; }

.table_heading {
  background-color: #000;
  font-weight: bold;
  font-family: Arial;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: 1em;
  border: 1px solid #000;
  border-radius: 5px;
  width: 100%; }

/* ------------------------------------------------------------------------------------------------------------------------ FORM LABELS */
.form_label {
  font-family: Arial;
  font-size: 1em;
  color: #fff;
  text-align: left;
  padding: 2% 0 0 2%; }

/* ------------------------------------------------------------------------------------------------------------------------ TEXT BOXES WITH HOVER AND ACTIVE */
.borderedTextBox {
  text-align: left;
  font: normal 1em Arial;
  height: 22px;
  border-radius: 6px;
  width: 95%;
  border: 1px solid #000; }

.borderedTextBox:hover {
  border: 1px solid #00BFFF;
  background-color: #e5FFFF; }

.borderedTextBox:focus {
  border: 1px solid #00BFFF;
  box-shadow: 0 0 10px #00BFFF;
  *background-color: #e5FFFF; }

.borderedTextBox:active {
  border: 1px solid #00BFFF;
  box-shadow: 0 0 60px #00BFFF;
  background-color: #e5ffff; }

/* ------------------------------------------------------------------------------------------------------------------------ ENABLED BUTTONS WITH HOVER */
.bottomButtonRed {
  width: 130px;
  border: 1px solid #fe0001;
  color: #ff6667;
  height: 35px;
  font: normal 11pt Arial;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
  /*0px 0px 3px #d0d0d0;*/
  border-radius: 3px; }

.bottomButtonRed:hover {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 12px #fe0001; }

/* ------------------------------------------------------------------------------------------------------------------------ DISABLED BUTTONS */
.disabledButton {
  text-align: center;
  background: #cccccc;
  color: #666666;
  transition: opacity 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 0 none #cccccc;
  border-radius: 4px; }

.disabledButton:hover {
  opacity: 0.2;
  -webkit-transition: all ease 0.7s;
  -moz-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  -ms-transition: all ease 0.7s;
  transition: all ease 0.5s; }

/* TEXT BOXES //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.borderedDropDownList {
  text-align: left;
  font-size: small;
  font-family: Arial;
  height: 23px; }

.borderedDropDownList option {
  background-color: #FFFFFF;
  color: #444444; }

.borderedDropDownList option:hover {
  background-color: #26A0DA;
  color: #FFFFFF; }

.borderedDropDownList:hover {
  border: 1px solid #00BFFF;
  font-size: small;
  text-align: left;
  background-color: #F6FFFF;
  height: 23px; }

.borderedDropDownList:focus {
  border: 1px solid #00BFFF;
  font-size: small;
  text-align: left;
  height: 22px;
  /*background-color: #F6FFFF;*/ }

/* ------------------------------------------------------------------------------------------------------------------------ CONTENT CONTAINER TO DISPLAY INLINE WEB PAGES */
.divContentContainer {
  width: 99%;
  height: 99%;
  position: absolute; }

/*# sourceMappingURL=screen_styles.css.map */