/*
  SIGMATESTING.CSS

  Function
    Styles for SigmaTesting.Com

  Change log
    13Jan2012: HB

  Colors
  - sigma blue = #003359
  - sigma gold = #9CA013

*/

body {
  background-color: #FFFFFF;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 135%;
  margin: 0px;
  padding: 0px;
}
a {
  color: #003359;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #593300;
}
form {
  margin: 0px;
  padding: 0px;
}
h1 {
  color: #9CA013;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 135%;
  margin: 0px 0px 2px 0px;
}
h2 {
  color: #9CA013;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 135%;
  margin: 10px 0px 2px 0px;
}
h3 {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 135%;
  margin: 6px 0px 2px 0px;
}
h4 {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 135%;
  margin: 4px 0px 2px 0px;
}
hr {
  background-color: #CCCCCC;
  border: none;
  color: #CCCCCC;
  height: 1px;
}
p {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 135%;
  margin: 0px;
  padding: 5px 0px 3px 0px;
}
select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}
table {
  margin: 0px auto;
  padding: 0px;
}
tr {
  margin: 0px;
  padding: 0px;
}
td {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 135%;
}
ul {
  margin: 0px;
  padding: 5px 5px 3px 15px;
}

/*
  Custom styles
*/

.a-small {
  color: #003359;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
.a-small: visited {
  color: #593300;
}
.a-small: hover {
  text-decoration: underline;
}
.abstract {
  color: #003359;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}
.announcement {
  border: thin solid #990000;
  color: #990000;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 5px;
}
.border {
  background-color: #CCCCCC;
  background-image: url(../images/border.gif);
}
.border-selected {
  background-color: #003359;
  background-image: url(../images/border-selected.gif);
}
.chartbody {
  font-size: 12px;
  font-weight: normal;
}
.chartbody-shaded {
  //background-image: url(../images/shaded.gif);
  background-color: #F0F0F0;
  font-size: 12px;
  font-weight: normal;
}
.chartheader {
  font-size: 10px;
  font-weight: normal;
}
.copyright {
  color: #666666;
  font-size: 10px;
  font-weight: normal;
}
.current {
  color: #9CA013;
  font-size: 11px;
  font-weight: bold;
  vertical-align: middle;
}
/* Replace with just <p> */
.default {
  color: red;
}
.emphasis {
  color: red;
  font-size: 10px;
  font-weight: bold;
}
.error {
  color: red;
  font-size: 12px;
  font-weight: bold;
}
.explanation {
  color: #333333;
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}
.frontpage {
  line-height: 150%;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
.frontpageform {
  background-image: none;
  font-size: 10px;
  font-weight: normal;
}
.frontpageformtitle {
  font-size: 10px;
  font-weight: bold;
}
.good {
  color: #9CA013;
  font-size: 12px;
  font-weight: bold;
}
/* Convert this to h2 */
.heading {
  color: red;
}
.item {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
}
.item-header {
  background-color: #003359;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}
.item-subheader {
  background-color: #999999;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}
.item-shaded {
  //background-image: url(../images/shaded.gif);
  background-color: #F0F0F0;
  font-size: 12px;
  font-weight: normal;
}
.item-greyline {
  background-image: url(../images/greyline.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
.item-whiteline {
  background-image: url(../images/whiteline.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
.large {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
}
.largeitem {
  background-color: #FFF;
  font-size: 14px;
  font-weight: bold;
}
.largeitem-header {
  background-color: #003359;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
}
.largeitem-shaded {
  //background-image: url(../images/shaded.gif);
  background-color: #F0F0F0;
  font-size: 14px;
  font-weight: bold;
}
.graph {
  background-image: url(../images/graphmiddle.gif);
}
.graph-shaded {
  background-image: url(../images/graphmiddle-shaded.gif);
}
.navigate {
  color: #003359;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  vertical-align: middle;
}
.nav-current {
  color: #9CA013;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  vertical-align: text-bottom;
}
.nav-small {
  color: #9CA013;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  vertical-align: text-bottom;
  text-decoration: none;
}
.nav-small: hover {
  text-decoration: underline;
}
.otherLanguageItem {
  color: #000099;
  font-style: italic;
}
.pagebreak {
  font-size: 12px;
  page-break-before: always;
  margin: 0px;
  padding: 0px;
}
.privacy {
  color: #333333;
  font-size: 10px;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
.reportselect {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
.small {
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
.small-bold {
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.small-error {
  color: red;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.small-fixed {
  font-family: "Courier New", Courier, mono;
  font-size: 10px;
}
.small-inactive {
  color: #999999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
.small-shaded {
  //background-image: url(../images/shaded.gif);
  background-color: #F0F0F0;
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
.small-inactive-shaded {
  //background-image: url(../images/shaded.gif);
  background-color: #F0F0F0;
  color: #999999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
.small-itemheader {
  background-color: #003359;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.small-itemsubheader {
  background-color: #999999;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.small-default {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.small-selected {
  background-image: url(../images/selected.gif);
  color: #003359;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.smalltitle {
  color: #999999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.smallsubtitle {
  color: #999999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.submitLink {
   background: none!important;
   border: none;
   color: #003359;
   cursor: pointer;
   font: inherit;
   font-weight: bold;
   margin: 0!important;
   padding: 0!important;
   text-decoration: none;
}

/* Convert to h3 */
.subtitle {
  color: red;
}
.tabledefault {
  color: #red;
}
/* Convert to h1 */
.title {
  color: red;
}
.testcard {
  color: #FF9900;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

#cookieConsent {
	display: none;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	width: 99.6%;
	height: auto;
	background: #472395;
	margin-left: .2%;
	margin-right: .2%;
	margin-bottom: 4px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px grey;
}

#cookieConsent a {
	color: #DAA220;
}

#cookiePolicy {
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 90px;
	padding-bottom: 15px;
}

#footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
}

#cookieButton {
	background-color: #DAA220;
	width: 70px;
	height: 80%;
	border: none;
	color: white;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	cursor: pointer;
	border-radius: 4px;
	vertical-align: middle
}

#cookieButtonContainer {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;	
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
	
	justify-content: flex-end;
	top: 0;
	height: 100%;
	right: 0;
	position: absolute;
	margin-right: 5px;
}

.hideCookie {display:none;}
.showCookie {display:block;}