/*
  JVIS.CSS

  Colours:
  Dark Purple: #472395
  Medium Purple: #8770BA
  Light Purple: #E1DBEE
  Light Green: #E3EB7D
  Bright Green: #C9D720
  Dark Green: #8E7B0A
  Light Orange: #DAA220
  Dark Orange: #8E660A
  Blue: #260B61

*/
body {
  background-color: #FFFFFF;
  background-image: url("images/background.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 100%;
  margin: 0px;
  padding: 0px;
}
a {
  border: none;
  color: #472395;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #8770BA;
}
h1 {
  color: #DAA220;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 125%;
  margin: 5px 0px 10px 0px;
  padding: 0px;
}
h2 {
  color: #666666;
  font-size: 20px;
  font-weight: bold;
  line-height: 125%;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
h3 {
  color: #999999;
  font-size: 18px;
  font-weight: bold;
  line-height: 125%;
  margin: 8px 0px 0px 0px;
  padding: 0px;
  text-align: left;
}
h4 {
  color: #999999;
  font-size: 16px;
  font-weight: bold;
  line-height: 125%;
  margin: 6px 0px 0px 0px;
  padding: 0px;
  text-align: left;
}
h5 {
  color: #999999;
  font-size: 14px;
  font-weight: bold;
  margin: 4px 0px 0px 0px;
  padding: 0px;
  text-align: center;
}
hr {
  background-color: #CCCCCC;
  border: none;
  color: #CCCCCC;
  height: 1px;
  margin: 5px 0px;
  padding: 0px;
}
img {
  border: none;
  margin: 0px;
  padding: 0px;
}
p {
  color: #333333;
  font-size: 14px;
  line-height: 165%;
  margin: 6px 0px 2px 0px;
  padding: 0px;
}
ol {
  color: #333333;
  font-size: 14px;
  line-height: 165%;
  margin: 6px 0px 2px 10px;
  padding: 0px 0px 0px 20px;
}
ul {
  color: #333333;
  font-size: 14px;
  line-height: 165%;
  margin: 6px 0px 2px 10px;
  padding: 0px 0px 0px 20px;
}

/*
  Page formatting
*/
.clearColumns {
  clear: both;
  font-size: 1px;
}
#pageContent {
  border: none;
  margin: 0px auto;
  padding: 0px;
  width: 852px;
}
#logoRow {
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}
#logoRowLeft {
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: 600px;
}
#logoRowRight {
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: right;
  width: 252px;
}
#menuRow {
  background-color: #FFFFFF;
  height: 25px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  text-align: left;
}
#menuRow ul
{
  list-style: none;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}
#menuRow li
{
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
}
#menuRow a {
  background: url("images/tab.jpg") top center no-repeat;
  color: #472395;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 0px 0px 0px 1px;
  padding: 3px 0px;
  text-align: center;
  text-decoration: none;
  width: 150px;
}
#menu a:visited {
  color: #472395;
  text-decoration: none;
}
#menuRow a:hover
{
  background: url("images/tab-hover.jpg") top center no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}
#breadCrumb {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  text-align: right;
}
#breadCrumb ul {
  color: #999999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#breadCrumb li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  position: relative;
}
#contentRow1Column {
  background-color: #FFFFFF;
  border: solid 1px #CCCCCC;
  box-shadow: 2px 2px 5px #CCCCCC;
  -moz-box-shadow: 2px 2px 5px #CCCCCC;
  -webkit-box-shadow: 2px 2px 5px #CCCCCC;
  margin: 0px;
  padding: 0px;
}
#contentRow1ColumnMain {
  margin: 0px;
  min-height: 400px;
  padding: 10px 30px;
}
#contentRow2Column {
  background-color: #FFFFFF;
  background-image: url("images/2columnbackground.gif");
  background-position: top left;
  background-repeat: repeat-y;
  border: solid 1px #CCCCCC;
  box-shadow: 2px 2px 5px #CCCCCC;
  -moz-box-shadow: 2px 2px 5px #CCCCCC;
  -webkit-box-shadow: 2px 2px 5px #CCCCCC;
  margin: 0px;
  padding: 0px;
}
#contentRow2ColumnLeft {
  float: left;
  margin: 0px;
  min-height: 400px;
  padding: 10px 20px;
  width: 560px;
}
#contentRow2ColumnRight {
  float: left;
  margin: 0px;
  min-height: 400px;
  padding: 10px 20px;
  width: 210px;
}
#contentRow2ColumnRight h2 {
  font-size: 14px;
  margin: 15px 0px 0px 0px;
}
#contentRow2ColumnRight p {
  font-size: 12px;
  margin: 0px;
}
#copyrightRow {
  color: #472395;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 100px;
  margin: 0px;
  padding: 0px;
}
#copyrightRowMain {
  margin: 0px;
  padding: 5px 5px 5px 200px;
}
#copyrightRowLeft {
  float: left;
  margin: 0px;
  padding: 10px;
  text-align: center;
  width: 405px;
}
#copyrightRowLeft a {
  border: solid 1px #472395;
  color: #472395;
  display: inline-block;
  font-size: 14px;
  margin: 7px 0px 0px 0px;
  padding: 5px 75px;
}
#copyrightRowLeft a:hover {
  background-color: #472395;
  color: #FFFFFF;
  text-decoration: none;
}
#copyrightRowLeft a:hover:visited {
  color: #FFFFFF;
}
#copyrightRowLeft a:visited {
  color: #472395;
}
#copyrightRowRight {
  float: left;
  margin: 0px;
  padding: 10px;
  width: 405px;
}
/*
  Special sections
*/
.buttons {
  margin: 5px 0px;
  padding: 0px;
  text-align: center;
}
.buttons input {
  background-color: #FFFFFF;
  border: solid 1px #472395;
  color: #472395;
  font-size: 14px;
  font-weight: bold;
  margin: 5px;
  padding: 3px 12px;
}
.buttons input:hover {
  background-color: #472395;
  color: #FFFFFF;
}
.smallButtons {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.smallButtons input {
  background-color: #FFFFFF;
  border: solid 1px #472395;
  color: #472395;
  font-size: 12px;
  font-weight: bold;
  margin: 5px;
  padding: 3px 7px;
}
.smallButtons input:hover {
  background-color: #472395;
  color: #FFFFFF;
}
.rightLinks {
  margin: 0px;
  padding: 0px;
  text-align: right;
}
.rightLinks a {
  border-top: solid 1px #CCCCCC;
  color: #472395;
  display: inline-block;
  font-size: 12px;
  margin: 0px;
  padding: 5px 5px 10px 5px;
  text-align: right;
  width: 300px;
}
.rightLinks a:hover {
  background-color: #EEEEEE;
}
.leftLinks {
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.leftLinks a {
  border-top: solid 1px #CCCCCC;
  color: #472395;
  display: inline-block;
  font-size: 12px;
  margin: 0px;
  padding: 5px 5px 10px 5px;
  text-align: left;
  width: 300px;
}
.leftLinks a:hover {
  background-color: #EEEEEE;
}
.rightColumnLinks {
  margin: 0px;
  padding: 0px;
}
.rightColumnLinks a {
  border-top: solid 1px #CCCCCC;
  color: #472395;
  display: inline-block;
  font-size: 12px;
  margin: 0px;
  padding: 5px 5px 10px 5px;
  text-align: right;
  width: 200px;
}
.rightColumnLinks a:hover {
  background-color: #EEEEEE;
}
.submitLink {
   background: none!important;
   border: none;
   color: #472395;
   cursor: pointer;
   font: inherit;
   font-size: 10px;
   font-weight: bold;
   margin: 0!important;
   padding: 0!important;
   text-decoration: none;
}
/* Chart table */
.chartTable {
  font-size: 13px;
  margin: 0px;
  padding: 5px;
  width: 95%;
}
.chartTable h2 {
  margin: 0px 0px 5px 0px;
}
.chartTable p {
  margin: 0px 0px 10px 0px;
}
.chartRow {
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}
.chartLeft {
  margin: 5px;
  padding: 5px;
  text-align: right;
  vertical-align: top;
  width: 1%;
}
.chartRight {
  margin: 5px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  width: 99%;
}
/* Form table */
.formTable {
  background-color: #FAFAFA;
  border: solid 1px #CCCCCC;
  margin: 10px auto;
  padding: 5px;
  width: 90%;
}
.formTable caption {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  padding: 5px 0px;
  text-align: left;
}
.formRow {
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: middle;
}
.formRowSelected {
  background-color: #FFFFCC;
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: middle;
}
.formRowShaded {
  background-color: #EEEEEE;
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: middle;
}
.formHeader {
  background-color: #472395;
  color: #FFFFFF;
  font-size: 13px;
  margin: 0px;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
}
.formLeft {
  color: #666666;
  font-size: 13px;
  margin: 0px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}
.formRight {
  color: #666666;
  font-size: 13px;
  margin: 0px;
  padding: 5px;
  text-align: right;
  vertical-align: top;
}
.formPrompt {
  color: #666666;
  font-size: 13px;
  margin: 0px;
  padding: 5px;
  text-align: right;
  vertical-align: top;
  width: 30%;
}
.formField {
  color: #666666;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  width: 70%;
}
.formSmall {
  color: #666666;
  font-size: 11px;
  margin: 0px;
  padding: 3px;
  text-align: left;
  vertical-align: middle;
}
/* Item table */
.itemTable {
  background-color: #FAFAFA;
  border: solid 1px #CCCCCC;
  margin: 0px auto;
  padding: 0px;
  width: 90%;
}
.itemTable caption {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  padding: 5px 0px;
  text-align: left;
}
.itemRow {
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}
.itemRowHeader {
  background-color: #472395;
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: bottom;
}
.itemRowShaded {
  background-color: #EEEEEE;
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}
.itemNumber {
  color: #666666;
  font-size: 13px;
  line-height: 135%;
  margin: 0px;
  padding: 5px;
  text-align: right;
  vertical-align: top;
  width: 1%;
}
.itemNumberHeader {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 5px;
  text-align: left;
  vertical-align: bottom;
  width: 1%;
}
.itemChoice {
  color: #666666;
  font-size: 13px;
  margin: 0px;
  padding: 3px 5px 0px 5px;
  text-align: right;
  vertical-align: top;
  width: 1%;
}
.itemLetter {
  color: #666666;
  font-size: 13px;
  line-height: 135%;
  margin: 0px;
  padding: 5px;
  text-align: right;
  vertical-align: top;
  width: 1%;
}
.itemText {
  color: #666666;
  font-size: 13px;
  line-height: 135%;
  margin: 0px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  width: 97%;
}
.itemTextHeader {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 5px;
  text-align: left;
  vertical-align: bottom;
  width: 97%;
}
/* Summary table */
.summaryTable {
  background-color: #FAFAFA;
  border: solid 1px #CCCCCC;
  margin: 5px auto;
  padding: 3px;
}
.summaryTable caption {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 5px 0px;
  text-align: left;
}
.summaryRow {
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: middle;
}
.summaryPrompt {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  margin: 0px;
  padding: 3px;
  text-align: right;
  vertical-align: top;
  width: 40%;
}
.summaryField {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  margin: 0px;
  padding: 3px;
  text-align: left;
  vertical-align: top;
  width: 60%;
}
/* Other styles */
.announcement {
  background-color: #FAFAFA;
  border: solid 1px #990000;
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 150%;
  margin: 20px;
  padding: 5px;
  text-align: center;
}
.center {
  text-align: center;
}
.error {
  color: #CC3333;
  font-weight: bold;
  margin: 5px 0px;
  padding: 0px;
}
.footnote {
  color: #999999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: italic;
}
.greyBox {
  border: solid 1px #CCCCCC;
  margin: 5px auto;
  padding: 5px;
  width: 90%;
}
.highlight {
  border-left: solid 10px #EEEEEE;
  margin: 5px 0px;
  padding: 15px 5px 15px 12px;
}
.instruction {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.promotion {
  color: #472395;
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0px;
  padding: 0px;
  text-align: center;
}
.promotion a {
  border: solid 1px #472395;
  color: #472395;
  display: inline-block;
  margin: 0px auto;
  padding: 5px 10px;
}
.promotion a:hover {
  background-color: #472395;
  color: #FFFFFF;
  text-decoration: none;
}
.quote {
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: italic;
  line-height: 150%;
  margin: 7px 0px;
  padding: 7px 0px;
}
.seals {
  margin: 10px 0px;
  padding: 0px;
  text-align: center;
}
.small {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 150%;
}
.smallAd {
  border: solid 1px #003366;
  margin: 0px;
  padding: 5px 0px;
  width: 163px;
}
.smallShaded {
  background-color: #FAFAFA;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 150%;
}
.small-selected {
  background-image: url(../images/selected.gif);
  color: #003359;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
.spacer25 {
  height: 25px;
}
.status {
  color: #666666;
  font-style: italic;
}
.top {
  border-top: solid 1px #CCCCCC;
  margin: 5px 0px;
  padding: 3px 0px;
  text-align: right;
}
.welcome {
  font-size: 14px;
  margin: 10px 0px 15px 0px;
}

#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;}