*{
 box-sizing:border-box;
 margin: 0px;
 padding: 0;
}

*:focus
{
  outline-color: #FFDA0B
}

BODY {
  /*background-image: url("img/pg_bkg.jpg");*/
  background-size: 100% 100%;
  color:black;
  font-size:16pt;
}

p
  {
   margin: 2px;
  }

h1, h2
  {
   padding-top: 32px;
   padding-bottom: 8px;
  }

h1
   {
    font-size: 24pt;
    text-align: center;

   }
h2
   {
    font-size: 18pt;
    padding-left: 18px;

   }

.vertical_center{   
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

body, td
  {
  font-size:14pt;
  }

input, textarea, select
  {
  background-color: white;
  color:black;
  border: 2px solid #DDDDDD;
 }

a:link{color:#15ECFF}
a:visited{color:#91CFFF}

div#_logo_
  {
   position:absolute;
   left:0;
   top:0;
   height:96px;
   width:128px;
   background-color: yellow;
  }

div#_title_
{
font-family:"Arial";
font-size:40px;

margin-top:0px;
padding-top: 0;
text-align:center;
vertical-align:top;
}

/* added recently */

.logobkg
{
position:fixed;
height:100%;
}

 /* header */
div#headerwrap {
  position:fixed;
  width:100%;
  top:0;
  left:0;
  height:96px;
  background-size:100% 100%;
  background: linear-gradient(180deg, #F0F0F0, #A0A0FF);
  
}

body>div#headerwrap__ {
  position:fixed;
}

div#header {
	height:96px;
	width:100%;
	margin:0 auto;
}


 /* menubar */

div.menubar_custom {
  left:0;
  /*border:none;*/
  background: linear-gradient(90deg, #4040F0 0%, #4040F0 8em,#F0F0F0 9em);
  /*background: linear-gradient(to right, transparent 4px, #4040FF 8em, #4040FF );*/ 
}


/* content sections */

div#page
{
  position: absolute;
  width: 100%;
  top: 90px;  
  bottom: 0;
  overflow-y: hidden;
}


div#contentspace
{
  position: absolute;
  width: 100%;
  top: 95px;
  bottom: 0;
  overflow-y: auto;
}

div#content
{
  position: absolute;
  width: 100%;
  top: 40px;
  bottom: 0;
  overflow-y: auto;
}

  
div#content_bkg
{
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  overflow-y: auto;
 
  background: url(img/sbgLogoPale.png) repeat;
  background-size: 30%;
  opacity: 50%;
}

div#content_bkg_clr
{
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  overflow-y: auto;
}


div#padded {
  padding-left: 8%;
  padding-right: 8%;
  opacity: 300%;

}


div#contentscontent
{
  position: absolute;
  width: 100%;
  overflow-y: auto;
  
  padding: 24px;
  padding-left: 8%;
  padding-right: 8%;
}

  
img._popupClose
  {
   position:absolute;
   right:0px;
   top:0px;
   cursor:pointer
  }
  
  div.popupBlock {
    left: 50%;
    top: 10%;
    margin-left: -25%;
    position: absolute;
    background-color:rgb(235,235,220);
    padding:4px;
    border: 4px;
    border-color: black;
    border-width: thick;
    border-radius: 12px;
  }

.framed
  {
   border: 1px solid black;
   border-collapse: collapse;
  }


div.itemDis
  {
   padding-left: 36px;
   color: gray;
  }

div.itemEna
  {
   padding-left: 36px;
  }

div.errorMsg
{
  font-weight: 600;
  text-align: center;
  color: red;
  border-color: red;
  border-width: 4px;
  padding-top: 32px;
  padding-bottom: 32px;
  
}

div.warningMsg
{
  font-weight: 600;
  text-align: center;
  color: blue;
}



/* specialized classes */
  /* specialized classes */
.qcButtonX {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d3e4fc), color-stop(1, #b8d0f2));
	background:-moz-linear-gradient(top, #FFD801 5%, #FFFFE1 100%);
	background:-webkit-linear-gradient(top, #FFD801 5%, #FFFFE1 100%);
	background:-o-linear-gradient(top, #FFD801 5%, #FFFFE1 100%);
	background:-ms-linear-gradient(top, #FFD801 5%, #FFFFE1 100%);
	background:linear-gradient(to bottom, #FFD801 5%, #FFFFE1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3e4fc', endColorstr='#FFFFE1',GradientType=0);
	background-color:#FFD801;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  margin-left: 32px;
}
.qcButtonX:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8d0f2), color-stop(1, #d3e4fc));
	background:-moz-linear-gradient(top, #F7EE03 5%, #FCFCE2 100%);
	background:-webkit-linear-gradient(top, #F7EE03 5%, #FCFCE2 100%);
	background:-o-linear-gradient(top, #F7EE03 5%, #FCFCE2 100%);
	background:-ms-linear-gradient(top, #F7EE03 5%, #FCFCE2 100%);
	background:linear-gradient(to bottom, #F7EE03 5%, #FCFCE2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7EE03', endColorstr='#FCFCE2',GradientType=0);
	background-color:#F7EE03;
}
.qcButtonX:active {
	position:relative;
	top:1px;
}

.qcButtonX:disabled {

  -moz-box-shadow:inset 0px 1px 0px 0px #f0f0f0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f0f0f0;
	box-shadow:inset 0px 1px 0px 0px #f0f0f0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #dbdbdb));
	background:-moz-linear-gradient(top, #e6e6e6 5%, #dbdbdb 100%);
	background:-webkit-linear-gradient(top, #e6e6e6 5%, #dbdbdb 100%);
	background:-o-linear-gradient(top, #e6e6e6 5%, #dbdbdb 100%);
	background:-ms-linear-gradient(top, #e6e6e6 5%, #dbdbdb 100%);
	background:linear-gradient(to bottom, #e6e6e6 5%, #dbdbdb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#dbdbdb',GradientType=0);
	background-color:#e6e6e6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#c9c9c9;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cccccc;
  margin-left: 32px;
}

.qcButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #adadad), color-stop(1, #000000));
	background:-moz-linear-gradient(top, #adadad 5%, #000000 100%);
	background:-webkit-linear-gradient(top, #adadad 5%, #000000 100%);
	background:-o-linear-gradient(top, #adadad 5%, #000000 100%);
	background:-ms-linear-gradient(top, #adadad 5%, #000000 100%);
	background:linear-gradient(to bottom, #adadad 5%, #000000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#000000',GradientType=0);
	background-color:#adadad;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #FFF287;
	display:inline-block;
	cursor:pointer;
	color:#FFE50B;
	font-family:Arial;
	font-size:16px;
	padding:9px 38px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cfcfcf;
}
.qcButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #adadad));
	background:-moz-linear-gradient(top, #000000 5%, #adadad 100%);
	background:-webkit-linear-gradient(top, #000000 5%, #adadad 100%);
	background:-o-linear-gradient(top, #000000 5%, #adadad 100%);
	background:-ms-linear-gradient(top, #000000 5%, #adadad 100%);
	background:linear-gradient(to bottom, #000000 5%, #adadad 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#adadad',GradientType=0);
	background-color:#000000;
}
.qcButton:active {
	position:relative;
	top:1px;
}


  div#menu_ls {
    display: block;
  }

  div#menu_pt {
    display: none;
  }
  


@media (max-width: 600px) {
  div#menu_ls {
    display: none;
  }

  div#menu_pt {
    display: block;
  }
  
  div.menubar_custom {
  /*background: linear-gradient(90deg, #4040F0 0%, #4040F0 2em,#F0F0F0 3em);*/
  background: linear-gradient(90deg, #4040F0 0%, #4040F0 3em,#F0F0F0 4em);
  }  
  
  .menuTitle {
    color: blue;
  }
}