body 
{
   border-style: none;
   border: 0;
   background-color: #f2f2f2;
   color: #f2f2f2;
}

#container
{
   position: relative;
   width: 1024px;
   min-height: 670px;
   background-color: White;
   text-align: center;
   margin-top:-1em;
   margin-left: auto;
   margin-right: auto;
   box-shadow: 0px 0px 25px #d4d4d4;
   clear: both;
   overflow:visible;
}

#orangeVertical
{
   width: 10px; 
   height: 0; /*670px;*/
   background-color: #eb6e25;
   color:#eb6e25;
   position: absolute;
   left: 5.5em;
   z-index: 10;
}

#orangeHorizontal
{
   width: 0; /*1024px;*/
   height: 10px; 
   background-color: #eb6e25;
   color:#eb6e25;
   position: absolute;
   left: 0px;
   top: 6em;
   z-index: 10;
}

#logoHead
{
   position: absolute;
   height: 2em;
   margin: 2em;
   left: 6em;
   top: 0.5em;
   float: left;
   clear: right;
   display: inline;
}

#logoSuite
{
   position: absolute;
   width: 21.875em;
   height: 3.438em;
   display: inline-block;
   clear:both;
   margin: 2em;
   float:right;
   right: .25em;
   overflow: hidden;
   z-index: 2;
}

#newContainer
{
   position: absolute;
   width: 90%;
   height: auto;
   top: 9em;
   left: 6.2em;
   clear: right;
   z-index: 100;
   overflow:visible;
}

#tableDiv
{
   position: relative;
   left: 25px;
   top: 10px;
   height: auto;
   bottom: 25px;
   vertical-align: center;
   display:flex;
   flex-wrap: nowrap;
   align-items: center   
}

.button
{
   width: 12em;
   height: 12em;
   border-style: none;
   border: none;
   position: relative; 
   text-align: center;
   display: inline-block;
   margin: .5em 1.5em 1em 1.5em;
}

.button:hover
{
   opacity: 0.7;
   filter: alpha(opacity=70);
   top: -10px;
   transition-duration: .5s;
	transition-timing-function:all 0.5s ease-in-out;
	-webkit-transition-timing-function:all 0.5s ease-in-out;
	-moz-transition-timing-function:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}

.smallbutton
{
   width: 3em;
   height: 3em;
   border-style: none;
   border: none;
   position: relative; 
   text-align: center;
   display: inline-block;
   margin: .5em .5em .5em .5em;
}
.smallbutton:hover
{
   opacity: 0.7;
   filter: alpha(opacity=70);
   top: -5px;
   transition-duration: .5s;
	transition-timing-function:all 0.5s ease-in-out;
	-webkit-transition-timing-function:all 0.5s ease-in-out;
	-moz-transition-timing-function:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}

#footer
{
   margin-top: -2.5em;
   min-width: 700px;
}

#help
{
   margin-top: 1.5em;
   width: 75%;
   vertical-align: bottom;
   vertical-align: baseline;
   text-align: center;
}

#logoStrip
{
   margin-top: 2em;
   vertical-align: bottom;
   vertical-align:baseline;
}

a
{
   outline: none;
   text-decoration: none;
}

a img
{
   text-decoration: none;
   outline: none;
}

img
{
   border: 0;
   border-style: none;
   vertical-align: middle;
}

span {
   font-family: Verdana;
   font-size: .9em;
   color: #000;
}



.breadcrumbsHome
{
   position: absolute;
   float: left;
   top: -2.1em;
   left: 5.2em; 
   text-transform: uppercase;
   font-weight: bold;
   color: #ec098d;
   font-size: .7em;
   font-family: Verdana;
}

.breadcrumbsSecond
{
   position: absolute;
   float: left;
   top: -2.1em;
   left: 12em;
   text-transform: uppercase;
   font-weight:bold;
   color: #ec098d;
   font-size: .7em;
   font-family:Verdana;
}

.QCGlobalAcquisitions, .QCTechOperations
{
   position: absolute;
   float: left;
   top: -2.1em;
   left: 35.5em;
   text-transform: uppercase;
   font-weight:bold;
   color: #ec098d;
   font-size: .7em;
   font-family:Verdana;
}

.NetworkBugSamples, .TimingSheetsSamples, .CreditsStyleGuide
{
   position: absolute;
   float: left;
   top: -2.1em;
   left: 58.5em;
   text-transform: uppercase;
   font-weight:bold;
   color: #ec098d;
   font-size: .7em;
   font-family:Verdana;
}


a:link, a:visited {
   color: #ec098d;
}

a:hover {
   color: #00b6de;
}

#Home
{
   width:1.1em; 
   position:absolute; 
   float: left; 
   top:-1.6em; 
   left: 2.3em;
}

#Icon
{
   width:1.1em; 
   position:absolute; 
   float: left; 
   top:-1.6em; 
   left: 7em;
}

#IconLevel3
{
   width:1.1em; 
   position:absolute; 
   float: left; 
   top:-1.6em; 
   left: 23.6em;
}

#IconLevel4
{
   width:1.1em; 
   position:absolute; 
   float: left; 
   top:-1.6em; 
   left: 39.5em;
}

#questionMark
{
   position: absolute;
   right: 2.3em;
   top: -1.5em;
   opacity: 0.65;
   filter: alpha(opacity=65);
}

#questionMark:hover
{
   transition-duration: .25s !important; 
	transition-timing-function:all 0.5s ease-in-out;
	-webkit-transition-timing-function:all 0.5s ease-in-out;
	-moz-transition-timing-function:all 0.5s ease-in-out;
   -ms-transition:all 0.5s ease-in-out;
   opacity: 1;
   filter: alpha(opacity=100);
} 

.footLogo:hover
{
   top: -10px;
   transition-duration: .5s;
	transition-timing-function:all 0.5s ease-in-out;
	-webkit-transition-timing-function:all 0.5s ease-in-out;
	-moz-transition-timing-function:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	position:relative;
}


#footerText
{
   margin-top: 1.5em;
   min-width: 700px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
}