/* Best support for Open Sans font - self hosting */
/* Replaces next line that pulls fonts from Google server*/
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i'); */
/*  */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* BEGIN PAGE STYLES */
body {
	background-color: #000;
	color: #FFF;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14pt;
	margin:0;padding:0;
}
a:link {
	color: Lime;
	font-weight: bold;
}
a:visited {
	color:#00CC00;
	font-weight: bold;
}
a:hover {
	color: orange;
	font-weight: bold;
}
h1 {
	text-align: center;
	font-weight: bold;
	color: #69f;
    padding:0;
	font-size:5.2vw;
	margin:0 2% 2% 2%;
	line-height:105%;
}
/* text below buy block */
h2 {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size:2vw;

}
h3 {
     text-align: center;
	font-weight: bold;
    	font-size:2vw;
     margin: 0;
}
#container-top {
	max-width: 1160px;
	margin: 0 auto 0 auto;
}
#container-body {
	max-width: 1160px;
	margin:0 auto;
}
#container-buy1 {
	margin: 30px auto;
	border: 2px solid blue;
}
img {
	max-width: 100%;
	display: block;
	height: auto;
	margin: 5px auto;
}
.button-ctr {
	max-width: 100%;
	height: auto;
	margin: 0 10px;
}
.main-title {
	font-weight: bold;
	color: #6699FF;
	text-align: center;
}
.sect-headings {
	letter-spacing: 1px;
	font-weight: bold;
	color: #33FFFF; text-shadow: 3px 3px 2px #000;
}
.headings-new {
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #333366;
	border-top: 2px solid #3333CC;
	border-bottom: 2px solid #3333CC;
	padding:10px;
    color: #33FFFF; text-shadow: 3px 3px 2px #000;
}
.grn-box-note {
	width: 85%;
	border: 2px solid #009900;
	background-color: #336600;
	margin: 5% auto;
}
.blu-box-note {
	width: 85%;
	border: 2px solid #3399FF;
	background-color: #3366CC;
	margin: 4% auto;
}
.red-box-note {
	width: 85%;
	border: 2px solid #cc0000;
	background-color: #990000;
	margin: 4% auto;
}
.purp-box-note {
	width: 85%;
	border: 2px solid #7766ff;
	background-color: #730099;
	margin: 5% auto;
}
.la-box-note {
	width: 85%;
	border: 2px solid #3399ff;
	background-color: #3366cc;
	margin: 4% auto;
}
.orange-box-note {
	width: 85%;
	border: 8px solid #999;
	background-color: orange;
	color: #999; text-shadow: 2px 2px 2px #000;
	margin: 5% auto;
}

.box-text {
	font-weight: bold;
	font-style: italic;
	color: #FFF; text-shadow: 2px 2px 2px #000;
	text-align: justify;
	letter-spacing: 1px;
}
.box-text-title {
	font-weight: bold;
	font-style: italic;
	color: #FFF; text-shadow: 2px 2px 2px #000;
	text-align: center;
	letter-spacing: 1px;
}
.box-text-title-red {
	font-weight: bold;
	font-style: italic;
	color: red; text-shadow: 2px 2px 2px #000;
	text-align: center;
	letter-spacing: 1px;
}
.nv-box-text {
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF; text-shadow: 2px 2px 1px #000;
	text-align: left;
	letter-spacing: 1px;
	padding: 0 30px;
}
.trade-update {
	width: 75%;
	font-weight: bold;
	color: #1a1aff;
	background-color: #ffff66;
	text-shadow: 2px 2px 5px #666;
	padding: 10px 20px 10px 20px;
	margin: 30px auto;
	text-align: justify;
}
.apply-exam {
	font-weight: 600;
	text-align: center;
}
.apply-title {
	font-weight: 700;
	color: #33CC66;
	letter-spacing: 1px;
}
.subhead {
	font-weight: bold;
	color: #00FF00;
}
.exam-type {
	font-weight: bold;
	text-align: center;
	padding: 35%;
}
.exam-type-open {
	color: #0F0;
	font-weight: bold;
	text-align: center;
	padding: 5%;
}
.exam-type-closed {
	color:red;
	font-weight: bold;
	text-align: center;
	padding: 5%;
}

table.exam-content {
	max-width: 95%;
	color: #FFF; text-shadow: 2px 2px 2px #000;
	font-weight:600;
	border-collapse: collapse;
	text-align:center;
	table-layout: fixed;
}
table.exam-content td {border: 3px solid black;}
table.exam-content tr:nth-child(odd) {background: #316500;}
table.exam-content tr:nth-child(even) {background: #313F00;}
table.exam-content th {background:#666; border:black solid 3px; padding: 20px;color:yellow;
}
.ques-summary {
	display: grid;
	grid-template-columns: 84% 16%;
	border: 1px solid #009900;
}
.content-ques {
	font-weight: 600;
	color: #FFFFFF;
	text-align: left;
	padding:5px;
}
.content-total {
	font-weight: bold;
	color: #33CC00;
	text-align: right;
	padding:5px 10px;
}
.content-cat {
	background: #4682B4;
	font-weight: 700;
	color: burlywood;
	padding: 40px 5px;
}
.book-ref {
	display:grid;
	grid-template-columns: 9% 73% 18%;
	border: 1px solid #009900;
	background-color: #004400;
	align-items:center;
}
.book-num-lrg {
	font-weight: bold;
	color: #FFF;
}
.book-title1 {
	font-style: italic;
	text-align:left;
	font-weight: 600;
	color: yellow; text-shadow: 2px 2px 2px #000;
	letter-spacing: 1pt;
}
.book-title1-avail {
	font-style: italic;
	text-align:left;
	font-weight: 600;
	color: yellow; text-shadow: 2px 2px 2px #000;
	letter-spacing: 1pt;
	background-color: #009900;
	padding: 10px;
}
.book-title2 {
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
}
.book-button {
	max-width: 100%;
	height: auto;
	text-align:center;
}
.nav-button {
	text-align:center
}
.nav-button-app {
	text-align:center
}
.available {
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
	font-weight: 700;
	font-style: italic;
	color: #FF0000; text-shadow: 2px 2px 2px #000;
	text-align: center;
	padding:10px 0;
	background-color: #444;
}
.includes {
	font-weight: bold;
	color: #CCCCCC;
	margin: 1% 8%;
	text-align: justify;
}
.apply-ns {
    font-weight: bold;
	color: #CCC;
	text-align: justify;
	margin: 3% 5%;
}
.pe-name {
	font-weight: bold;
	color: #6699FF;
	text-align: center;
}
.pe-price {
	text-align: center;
	font-weight: bold;
	color: #FFFF00; text-shadow: 2px 2px 2px #0099ff;
}
.date-footer {
	font-style: italic;
	font-weight: bold;
	color: #666;
	margin: 30px auto;
}
.icc-title {
	text-align: center;
	font-weight: bold;
	color: greenyellow;
	font-size:5.2vw;margin:2% 1% 0 1%;}
.note1 {color:yellow;font-size:120%;text-align:center;}
.bottom {text-align:center;font-weight:bold;}
/* Optional: style the bullet itself to match */
li.grn-disc-ital {
	list-style-type: disc;
	font-style:italic;
	color: #99FFCC;
	font-weight: 600;
	margin: 0 4% 3% 2%;

}

/* Media Breakpoints */
/* less than 360 */
@media screen and (max-width: 360px) {
#breakpoints {background: red;font-size:8pt;font-weight:bold;text-align:center;margin: 5px;padding:2px}
#container-buy1 {padding: 5px 5px;margin:10px auto 5px auto;}
body {background-image: url("../images/background-50-92.jpg");}
table.exam-content {font-size:9pt;padding:5px;margin:10px auto;}
table.exam-content td {padding:5px;}
table.exam-content th {padding:5px 5px;}
.headings-new {font-size:12pt;padding:2vw 2vw;margin:0 2vw 0 0;line-height:5vw;}
	.nav-button {margin: 5% 7%;}
	.nav-button-app {margin: 2% 7% 3% 7%;}
	.button-ctr {margin:0 5%;}
	.main-subtitle {font-size:10pt;}
	.book-ref {margin:15px 3px;grid-template-columns: 13% 67% 20%;}
	.book-num-lrg {font-size:16pt;padding:0 0 0 4px}
	.book-title1, .book-title1-avail {font-size:9pt;padding:5px 3px;}
	.book-button {margin:0 5px;}
	.apply-title {font-size:110%;}
	.apply-exam {font-size:4.2vw;padding:10px 5px 0 5px;}
	.exam-type, .exam-type-open, .exam-type-closed {font-size:16pt;padding:10px}
	.content-cat {font-size:12pt;}
	.box-main {border:none;}
	.box-text, .box-text-title {font-size:10pt;padding: 0 10px;}
	.blu-box-note {border-radius:5px}
	.nv-box-text {font-size: 8pt;padding:0 10px;}
	.nv-box-text li {margin:0 0 0 -20px;}
	.la-box-note {margin: 30px auto;width:95%}
	.red-box-note, .grn-box-note {width: 95%;}
	.blu-box-NA {font-size:10pt;}
	.ques-summary {font-size:10pt;margin: 20px auto; width:95%; grid-template-columns: 76% 24%;}
	.available {font-size:14pt;}
	.includes, .apply-ns {font-size: 9pt;}
    .pe-name {font-size: 4.5vw;margin:3% 2%}
	.pe-price {font-size: 10vw;}
	.date-footer {font-size: 12pt;}
	.trade-update {font-size:0.8em;border: 4px solid red;border-radius:10px;}
li.grn-disc-ital {font-size:10pt}
nav.breadcrumbs{ font-size:8.25pt; }
}
/* between 360 and 520 */
@media screen and (min-width: 360px){
#breakpoints {background: blue;font-size:8pt;}
#container-buy1 {padding: 5px 5px;margin:20px 5vw 5px 5vw;}
body {background-image: url("../images/background-50-92.jpg");}
table.exam-content {font-size:12pt;padding:5px;margin:5px auto;}
table.exam-content td {padding:5px;}
table.exam-content th {padding:5px 5px;}
    .headings-new {font-size:5vw;padding:2vw 2vw;}
	.nav-button {margin:4% 10%}
	.nav-button-app {margin: 4% 7% 3% 7%;}
	.book-ref {margin:15px;grid-template-columns: 13% 70% 17%;}
	.book-num-lrg {font-size:18pt;padding:0 7px;}
	.book-title1, .book-title1-avail {font-size:10pt;margin:10px 0;}
	.button-ctr {margin:0 5%;}
	.book-button {margin:0 10%;}
	.apply-title {font-size:3.7vw;}
	.apply-exam {font-size:3vw;padding:10px 5px 0 5px;}
	.exam-type, .exam-type-open, .exam-type-closed {font-size:20pt;padding:15px;}
	.content-cat {font-size:12pt;}
	.box-text, .box-text-title {font-size:10pt;padding: 0 10px;}
	.red-box-note, .grn-box-note, .purp-box-note {width: 95%;}
	.blu-box-note, .orange-box-note {font-size:12pt;border-radius:10px;}
	.nv-box-text {font-size: 8pt;padding:0 15px;}
	.nv-box-text li {margin:0 0 0 -15px;}
	.la-box-note {margin: 30px auto;width:95%;}
	.blu-box-NA {font-size:12pt;}
	.ques-summary {font-size:10pt;margin: 20px auto; width:85%;grid-template-columns: 74% 26%;}
	.available {font-size:20pt;}
	.includes, .apply-ns {font-size: 10pt}
    .pe-name {font-size: 4.5vw;margin:3% 2%}
	.pe-price {font-size: 10vw}
	.date-footer {font-size: 12pt}
	.trade-update {font-size:0.8em;border: 4px solid red;border-radius:10px;}
	li.grn-disc-ital {font-size:12pt}
	nav.breadcrumbs{ font-size:8.5pt; }
}
/* between 520 and 670 */
@media screen and (min-width: 520px){
#breakpoints {background:green;color:black;font-size:10pt;}
#container-buy1 {padding: 5px 5px;margin:20px 5vw 5px 5vw;}
table.exam-content {font-size:14pt;padding:15px 40px;}
table.exam-content td {padding:15px 20px;}
    .headings-new {font-size:5vw;padding:10px 10px;}
	.nav-button {margin: 10px 15%;}
	.nav-button-app {margin: 2% 7% 3% 7%;}
	.book-ref {margin:15px;grid-template-columns: 13% 70% 17%;}
	.apply-title {font-size:3.7vw;}
	.apply-exam {font-size:3vw;padding:10px 5px 0 5px;}
	.book-num-lrg {font-size:22pt;padding:0 10px;}
	.book-title1, .book-title1-avail {font-size:14pt;}
	.button-ctr {padding: 0 15px;}
	.exam-type, .exam-type-open, .exam-type-closed {font-size:28pt;}
	.content-cat {font-size:20pt;}
	.box-text, .box-text-title {font-size:12pt;padding:0 20px;}
	.nv-box-text {font-size: 10pt;padding:0 20px;}
	.nv-box-text li {margin:5px 0}
	.ques-summary {font-size:12pt;padding:10px 20px;}
	.available {font-size:22pt;}
	.includes, .apply-ns {font-size: 12pt;}
	.date-footer {font-size: 12pt;}
li.grn-disc-ital {font-size:14pt}
  nav.breadcrumbs{ font-size:9.5pt; }
}
/* between 670 and 860 */
@media screen and (min-width: 670px){
#breakpoints {background:burlywood;font-size:12pt;}
table.exam-content {font-size:16pt;padding:15px 40px;}
table.exam-content td {padding:15px 40px;}
	.nav-button {margin: 4% 10%;}
	.nav-button-app {margin: 0 5% 3% 5%;}
	.book-num-lrg {font-size:28pt;}
	.book-title1 {font-size:16pt;}
	.book-title1-avail {font-size:16pt;}
	.exam-type, .exam-type-open, .exam-type-closed {font-size:32pt;padding:20px;}
	.apply-exam {font-size:16pt;padding:10px 5px 0 5px;}
	.content-cat {font-size:24pt;}
	.blu-box-note, .orange-box-note {font-size:14pt;border-radius:10px;}
	.red-box-note, .grn-box-note, .purp-box-note {width: 85%;margin:30px auto;}
	.box-text, .box-text-title {font-size:14pt;padding:0 20px;}
	.nv-box-text {font-size: 14pt;margin:0 2%;}
	.la-box-note {margin: 30px auto;width:85%}
	.ques-summary {font-size:16pt;}
	.available {font-size:28pt;}
	.includes, .apply-ns {font-size: 14pt;}
    .pe-name {font-size: 5vw;margin:3%}
	.pe-price {font-size: 8vw;text-shadow: 3px 3px 3px #0099ff;}
	.date-footer {font-size: 14pt;}
	.trade-update {font-size:1.0em;}
li.grn-disc-ital {font-size:16pt}
  nav.breadcrumbs{ font-size:9.5pt; }
}
/* between 860 and 1160 */
@media screen and (min-width: 860px){
#breakpoints {background: orange;font-size:12pt;}
#container-buy1 {padding: 5px 5px;margin:30px 8vw 5px 8vw;}
h1 {font-size:4.2vw;}
body {background-image: url("../images/background-90-92.jpg")}
table.exam-content {font-size:18pt;padding:15px 40px;}
table.exam-content td {padding:15px 40px;}
    .headings-new {font-size:28pt;padding:5px;}
	.book-ref {grid-template-columns: 12% 73% 15%;margin:5%;}
	.book-num-lrg {font-size:30pt;padding: 0 0 0 20px;}
	.book-title1, .book-title1-avail {font-size:16pt;}
	.exam-type, .exam-type-open, .exam-type-closed {font-size:38pt;}
	.content-cat {font-size:26pt;}
	.nv-box-text {font-size: 16pt;margin:0 6%;}
	.blu-box-note, .orange-box-note {border-radius:30px;}
	.box-text, .box-text-title, .box-text-title-red  {font-size:18pt;padding:0 5%;}
	.box-text-title, .box-text-title-red  {font-size:20pt;padding:0 5%;}
	.ques-summary {font-size:18pt;}
	.available {font-size:34pt;}
	.includes, .apply-ns {font-size: 18pt;}
    .pe-name {font-size: 4vw;margin:3%}
	.pe-price {font-size: 7vw;text-shadow: 4px 4px 4px #0099ff;}
	.date-footer {font-size: 14pt;}
	.apply-title {font-size:24pt;}
	.apply-exam {font-size:18pt;padding:20px 5px;}
li.grn-disc-ital {font-size:18pt}
  nav.breadcrumbs{ font-size:10pt; }
}
/* between 1160 and 1440 */
@media screen and (min-width: 1160px) {
#breakpoints {background: purple;color:white;font-size:14pt;}
#container-body {border: 1px solid #555}
    .headings-new {font-size:30pt;padding:5px;}
	.book-num-lrg {font-size:32pt;}
	.book-title1, .book-title1-avail {font-size:18pt;}
	.exam-type, .exam-type-open, .exam-type-closed {font-size:42pt;}
	.apply-title {font-size:28pt;}
	.nv-box-text {font-size: 18pt;margin:0 6%;}
	.apply-exam {font-size:20pt;padding:20px 10px;}
    .includes, .includes-ks {font-size: 20pt;}
    .pe-name {font-size: 38pt;margin:3%}
	.pe-price {font-size: 58pt}
	.trade-update {font-size:1.3em}
	.exam-type, .exam-type-open {font-size: 46pt;}
li.grn-disc-ital {font-size:20pt}
}
/* greater than 1440 */
@media screen and (min-width: 1440px) {
#breakpoints {background: gray;}

}